@charset "utf-8";
/* CSS Document */

body
{
	/*background-image:url(Img/fondsup.jpg);
	background-color:#11639F;*/
	/*background-image:url(Img/fondo.jpg);*/
	margin:0px;
	background-repeat:  repeat-x;
}

.cabezote
{
background-image:url(Img/cabezote.jpg);
background-repeat: no-repeat;
height:150px;
width:70%;
margin-left:1%;

}
#login{
	
	background-color:#03F;
	height:390px;
	width:100%;
	margin:0 auto 0 auto;
	overflow:hidden; 
	
-moz-border-radius: 19px;
-webkit-border-radius: 19px;
border-radius: 19px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e6e6', endColorstr = '#333333');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e6e6', endColorstr = '#333333')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #e6e6e6, #333333);
background-image: -ms-linear-gradient(top, #e6e6e6, #333333);
background-image: -o-linear-gradient(top, #e6e6e6, #333333);
background-image: -webkit-gradient(linear, center top, center bottom, from(#e6e6e6), to(#333333));
background-image: -webkit-linear-gradient(top, #e6e6e6, #333333);
background-image: linear-gradient(top, #e6e6e6, #333333);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}
#login2{
	
	background-color:#03F;
	height:100%;
	width:100%;
	margin:0 auto 0 auto;
	overflow:hidden; 
	
-moz-border-radius: 19px;
-webkit-border-radius: 19px;
border-radius: 19px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e6e6', endColorstr = '#333333');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e6e6', endColorstr = '#333333')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #e6e6e6, #333333);
background-image: -ms-linear-gradient(top, #e6e6e6, #333333);
background-image: -o-linear-gradient(top, #e6e6e6, #333333);
background-image: -webkit-gradient(linear, center top, center bottom, from(#e6e6e6), to(#333333));
background-image: -webkit-linear-gradient(top, #e6e6e6, #333333);
background-image: linear-gradient(top, #e6e6e6, #333333);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

#logo{
background:url(Img/.png) 15px -15px no-repeat;
/*background-color:#9CF;*/
padding:22%;
	height:55%;
	width:95%;
	margin:0 auto 0 auto;
	border-radius: 18px 18px 20px 20px;
-moz-border-radius: 18px 18px 20px 20px;
-webkit-border-radius:  18px 18px 20px 20px;
border-radius:  18px 18px 20px 20px;
	}

#texto{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	text-align:justify;
	width:"98%";
	
	}	

.tituloeva{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #ffffff;
	text-decoration: none;
	text-align:justify;
	width:"98%";
	text-decoration-color: white;
	margin-top: -150px;
	margin-left: -150px;
	text-shadow:#424242 4px 4px 4px;
	font-weight: bold;
}

.bien{
	height:10%;
	width: 100%;
	margin-top:18%;
	font-size: 20px;
	text-align:center;
    color: #344251;
    text-shadow: 1px 1px 0px #bad3ed;
    font-weight: bold;
	font-family: Helvetica, sans-serif;
   
	}	
.bien2{
	height:10%;
	width: 40%;
	margin-top:14%;
	font-size: 14px;
	text-align:center;
    color: #000000;
   font-family: Helvetica, sans-serif;
    font-weight: bold; 
	}	
	
.pregunt{
font-size: 16px;
line-height: 15px;
font-family: Helvetica, sans-serif;
font-weight: bold;
text-align: left;
color: rgba(255,255,255,0.1); 
text-shadow: -1px -1px 0 rgba(0,0,0,.9);
	
	
	}		
#ing{ 
float:right;    /*tambien puede poner float:right, para que se alineé a la derecha */ 
height:45%;
width:35%; 
margin: 30px; 
margin-right:25%;
margin-top:-13%;


} 

#pie{ 
margin-top:4%;
 background: #555;
    background: -moz-linear-gradient(#555,#000);
    background: -webkit-linear-gradient(#555,#00);
    background: -o-linear-gradient(#555,#000);
    background: -ms-linear-gradient(#555,#000);
    background: linear-gradient(#555,#000);
border-radius: 5px 5px 2px 2px;
-moz-border-radius:5px 5px 2px 2px;
-webkit-border-radius: 5px 5px 2px 2px;
border-radius: 5px 5px 2px 2px;
width:100%;
height:50px;
text-align:center;
line-height:40px;
} 	
	
	
.principal{
	
	margin:2% auto 0 auto;
	height:60%;
	width:70%;
	}

.menu2
{
	/*background-color: #053C65;*/
	height:40px;
	vertical-align:middle;
	text-align:left;
	color:#FFFFFF;
	padding-left:5px;
	padding-right:5px;
}

.contenido
{
background-color:#9CF;
height:600px;
padding:5px;
}
h2{
font-size: 20px;
line-height: 10px;
font-family: Helvetica, sans-serif;
font-weight: bold;
text-align: center;
text-transform: uppercase;
color: rgba(255,255,255,0.1); 
text-shadow: -1px -1px 0 rgba(0,0,0,.9);
	}
.caja{
	border:solid 1px #DEDEDE;
	border-radius:5px;
	height:35px;
	width:90%;
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	}	
.boton{ 
background:-moz-linear-gradient(#fff 0%,#DEDEDE 100%);
background:-ms-linear-gradient(#fff 0%,#DEDEDE 100%); 
background:-o-linear-gradient(#fff 0%,#DEDEDE 100%); 
background:-webkit-linear-gradient(#fff 0%,#DEDEDE 100%);
background:linear-gradient(#fff 0%,#DEDEDE 100%);
border:solid 1px #DEDEDE;
border-radius:5px;
text-align:center;
padding:5px;
color:#000;
width:70px; 
font-size:16px;
} 
.boton:hover{
background:-moz-linear-gradient(#BBD4E6 0%,#126bc1 100%);
background:-ms-linear-gradient(#BBD4E6 0%,#126bc1 100%);
background:-o-linear-gradient(#BBD4E6 0%,#126bc1 100%);
background:-webkit-linear-gradient(#BBD4E6 0%,#126bc1 100%);
background:linear-gradient(#BBD4E6 0%,#126bc1 100%);color:#fff;
color:#fff; 
padding:6px;
width:75px; 
font-size:18px;
text-shadow:0 0 1px #FFF; 
}

.boton2{ 
background:-moz-linear-gradient(#fff 0%,#DEDEDE 100%);
background:-ms-linear-gradient(#fff 0%,#DEDEDE 100%); 
background:-o-linear-gradient(#fff 0%,#DEDEDE 100%); 
background:-webkit-linear-gradient(#fff 0%,#DEDEDE 100%);
background:linear-gradient(#fff 0%,#DEDEDE 100%);
border:solid 1px #DEDEDE;
border-radius:5px;
text-align:center;
padding:3px;
color:#000;
width:150px; 
font-size:16px;
} 
.boton2:hover{
background:-moz-linear-gradient(#BBD4E6 0%,#126bc1 100%);
background:-ms-linear-gradient(#BBD4E6 0%,#126bc1 100%);
background:-o-linear-gradient(#BBD4E6 0%,#126bc1 100%);
background:-webkit-linear-gradient(#BBD4E6 0%,#126bc1 100%);
background:linear-gradient(#BBD4E6 0%,#126bc1 100%);color:#fff;
color:#fff; 
padding:4px;
width:155px; 
font-size:18px;
text-shadow:0 0 1px #FFF; 
}
.salir
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.div_menu{
height:4%;
width:100%;
margin: 0 auto;
float:auto;
background-color: #053C65;
}	
.menu  {
	
	border-radius: 5px;
    list-style-type: none;
    margin: 0 auto; /* si queremos centrarlo */
    padding: 0;
    /* la altura y su ancho dependerán de los textos */
    height: 40px; 
    width:100%;
    /* el color de fondo */
    background: #555;
    background: -moz-linear-gradient(#555,#000);
    background: -webkit-linear-gradient(#555,#00);
    background: -o-linear-gradient(#555,#000);
    background: -ms-linear-gradient(#555,#000);
    background: linear-gradient(#555,#000);
	
    }
.encpre2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-shadow:#424242 4px 4px 4px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#424242', Direction=135, Strength=4);
}

  /* si es necesario, evitamos que Blogger de problemas con los saltos de línea cuando escribimos el HTML */
  .menu  br { display:none; }

  /* cada item del menu */
  .menu  li {
    display: block;
    float: left; /* la lista se ve horizontal */
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .menu li a {
    border-left: 1px solid #000;
    border-right: 1px solid #666;
    color: #EEE;
    display: block;
	font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 14px;
    margin: 6px 0;
    text-decoration: none;
    /* animamos el cambio de color de los textos */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
  }
  /* eliminamos los bordes del primer y el último */
  .menu li:first-child a { border-left: none; }
  .menu li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  .menu li:hover > a { color: #FF8000 }

  /* los submenús */
  .menu ul {
    border-radius: 0 0 5px 5px;
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 40px; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    background: #222;
    background: -moz-linear-gradient(#222,#555);
    background: -webkit-linear-gradient(#22,#555);
    background: -o-linear-gradient(#222,#555);
    background: -ms-linear-gradient(#222,#555);
    background: linear-gradient(#222,#555);
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
  }
  /* son visibes al poner el cursor encima */
  .menu li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  .menu ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
  .menu li:hover > ul li {
    height: 36px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .menu ul li a {
    border: none;
    border-bottom: 1px solid #111;
    margin: 0;
    /* el ancho dependerá de los textos a utilizar */
    padding: 5px 8px;
    width: 140px;
  }
  /* el último n otiene un borde */
  .menu ul li:last-child a { border: none; }
#slidebox{
	position: absolute;
	border: 1px solid #ccc;
	overflow: hidden;
	left: 17px;
	top: 30px;
	float: auto;
	width:540px;
	height:300px;
	background:#CCC;
	}
	#div_casa{
	width:23px;
	height:23px;
	background-image:url(Img/casa.png);
	background-size: 100% 100%;

	}
#tabla-login{
	margin-top:-8%;
	margin-left:45%;
	
	}
.enctit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-top:10px;
}
.respuesta
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	text-align:center;
    font-weight: bold;
}

.hr_linea { 
height: 1px;
border: 1px dotted #000000;
color: #000000;
width: 100%;
}