﻿.body {
    background-image:url("~/Media/fondo.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.centrar
	{
		position: absolute;
        
		top:50%;
		left:50%;
	width:300px;
		margin-left:-157px;
		height:250px;
		margin-top:-150px;
		border:2px solid rgb(83, 81, 81);
		padding:5px;
        background-color:rgba(0, 0, 0, 0.25);

       

	}

.txt {
-webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal 20px/1 Impact, Charcoal, sans-serif;
  color: rgba(255,255,255,1);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
        
}
/*boton */



.myButton {
	-moz-box-shadow: 3px 4px 0px 0px #1564ad;
	-webkit-box-shadow: 3px 4px 0px 0px #1564ad;
	box-shadow: 3px 4px 0px 0px #1564ad;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#607891',GradientType=0);
	background-color:#00255E;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:17px;
	font-weight:bold;
	padding:6px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #467099;
    position: absolute;
    left: 33%;
    top: 84%;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #607891), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #607891 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #607891 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #607891 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #607891 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #607891 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#607891', endColorstr='#79bbff',GradientType=0);
	background-color:#00255E;
	
	
}
.myButton:active {
	position:relative;
	top:1px;
}

/*TextBox */

 
 .inputs {
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #CCC;
    background-image: none;
    width: 224px;
}

.inputs:focus {
    outline-color: #54B4AD;
    outline-offset: 10px;
}

/*Text en usuario*/

.enjoy-css {

    font: normal 20px/1 Impact, Charcoal, sans-serif;
    color: white;
    text-align: center;
    position: absolute;
        
		top:55%;
		left:50%;
	width:300px;
		margin-left:-157px;
		height:250px;
		margin-top:-150px;
    
}


.enjoy-cssm{

    font: normal 20px/1 Impact, Charcoal, sans-serif;
    /*color: red;*/
    text-align: center;
    position: absolute;
        
		top:55%;
		left:50%;
	width:300px;
		margin-left:-157px;
		height:250px;
		margin-top:-150px;
    
}

.page
{
    width :90%;
    height:950px;
}

.login
{


   background-color: #ffffff;
   border-radius:5px 5px 5px 3px;

    }
    
    
    .main-header {
  text-align: left;
  background-color:#f7f7f7;
  width:100%;
top:0px;
height:70px;
}


.centrardiv
	{
	     background-color: #F6DDBB;
   border-radius:5px 5px 5px 3px;
		position: absolute;
		/*nos posicionamos en el centro del navegador*/
		top:50%;
		left:50%;
		/*determinamos una anchura*/
		width:400px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-200px;
		/*determinamos una altura*/
		height:400px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:-150px;
		border:1px solid #808080;
		padding:5px;
		min-width:400px; /*ancho del div a centrado*/
min-height:400px; /*altura del div a centrado, así no se sale del espacio*/
	}
	
	
	
.centrarfichadatos
		{
		   border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #ffffff;
    border-radius:5px 5px 5px 3px;
		position: absolute;
		/*nos posicionamos en el centro del navegador*/
		top:23%;
		left:56%;
		/*determinamos una anchura*/
		width:970px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-550px;
		/*determinamos una altura*/
		height:814px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:-200px;
		
		padding:5px;
		min-width:400px; /*ancho del div a centrado*/
    min-height:400px; /*altura del div a centrado, así no se sale del espacio*/
    margin-bottom: 100px;
    bottom: 145px;
}
	
	border:1px solid #808080;
	.fuentetxt{

	border-width:1px; font-family:Arial; font-size:1.1em; color:#000; padding:3px; min-height:1.5em;
}
	
	
	.centrardivp
		{

	     background-color: #ffffff;
   border-radius:5px 5px 5px 3px;
		position:ABSOLUTE;
		/*nos posicionamos en el centro del navegador*/
		top:0%;
		left:50%;
		/*determinamos una anchura*/
		width:1000px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-500px;
		/*determinamos una altura*/
		height:1000px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:100px;
		border:1px solid #808080;
		padding:5px;
		min-width:500px; /*ancho del div a centrado*/
min-height:500px; /*altura del div a centrado, así no se sale del espacio*/
    

	}
	
	
	
	
	
	
	
	