/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

/* CSS Document */

*{margin: 0; padding:0;}
body{font-family: 'Rosario', sans-serif;; background: #025356; min-height: 1200px;}
div{max-width:960px; position:relative; margin: 0px auto 0px auto; }
header{width:100%; }
a:link   
{   
 text-decoration:none;  
 color: #FFF;
}   

a:hover{ 
color:#e18b7b; 
} 

A:active {text-decoration:none;color:#ff0000;} 

#bienvenidos { font-size:50px; text-align:center; position:relative; margin: 5px; color: #FFF; font-weight:400; width: 80%;}
#cosgaya {color:#FFF; font-size:20px; text-align:center; width: 40%; }
.encabezado {font-size:20px; margin: 1%; padding: 1%; color:#faf4a2;}
#logo { width: 20%; float:left;}
#consulta { width: 960px; margin-left: 0; padding: 1%; float:left; }
form { width: 300 px; padding:2%; height: 390px; background:#76cbc5;}
.muchotexto { width: 250px; height: 100px; border:none; color:#e38a7c; border-radius:5px;}
form input { padding: 2px; color:#0000;  border:none; }
.dato {background-color:#FFF; color:#e38a7c; font-size:14px;border-radius:5px;}
.boton{ background:#e38a7c; color:#FFF; border-radius: 5px; border:1px solid: 930px; padding:8px; cursor:pointer;
	}
div #link {position:absolute; width:300px; height:260px; float:left; margin-left:350px; margin-top:80px; border:solid;border-height:200px; border-color:#e38a7c;border-width:medium; border-spacing:inherit} 
a .pagina { color:#FFF; cursor: pointer; margin-left:35px ;padding:0px; font-family: Rosario; font-weight:400italic;text-decoration: none;}
a .link {text-decoration:none; color:#FFF; font-size:9px;padding: 2px; padding-bottom:1px;}
.sacardudas {color:#FFF; font-size:24px; position:relative; padding-bottom:8px;}
p {font-size:16px; color:#FFF; margin-left:0px; padding-top:0px; padding-bottom: 0px;}
h1 {width: 250; font-size:20px; font-weight:300; text-decoration:underline;color:#FFF; margin-left:65px; padding-bottom: 5px; padding-top: 10px;}
.logos {margin-left:10px; padding:4px; float:none; position:relative; width:29px;}

div section img {float:left;}
header nav {float: none; margin: 20px 0 0 0; font-size: 14px;}
header nav ul li { float:left; list-style-type: none;}
header nav ul li a {color:#FFF; text-decoration: none; padding: 20px; margin: 10px;; float:none; font-family: 'Montserrat', sans-serif;}
footer{max-width: 960px; background:#025356; padding:15px 0 0 0; padding-bottom:20px; float:none; margin: auto; }
footer p{ font-size: 10px; color: #fff; text-align: center; float:right; }

.preguntas {font-size:20px; font-style:italic; font-weight:400; text-align: center; color:#FFF; margin-left:19px;padding-top:25px; }


/*solo para celulares*/
@media screen and (max-width:320px) {
	header { width: 100%; height: 160%; }
	section article{width:100%; font-size: 10px; display: none; }
	section aside {width:100%; font-size:10px; display:none;}
	header nav { float: none; width:100%; background: #97c93c;}
	header nav ul li a {color:#FFF; text-decoration:none; padding:10px; margin: 0px; font-size: 10px; }
	
	
}