@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: #095356; 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:#f8f29d; 
} 

#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;}

#columnauno { background:#98cb32; width:291px; float:left; padding: 1%; margin: 1% 1% 0 0; min-height: 400px; color:#FFF; float:left;}
#columnados { background:#95356; width:291px; float:left; padding: 1%; margin: 1% 1% 0 0; min-height: 400px; color:#FFF; float:left;}
#columnatres{ background:#98cb32; width:291px; float:left; padding: 1%; margin: 1% 1% 0 0; min-height: 409px; color:#FFF; float:left;}

#coluuno { background:#95356; width:291px; float:left; padding: 1%; margin: 1% 1% 0 0; min-height: 400px; color:#FFF; float:left;}
#coludos { background:#76cbc5; width:291px; float:left; padding: 1%; margin: 1% 1% 0 0; min-height: 409px; color:#FFF; float:left;}
#colutres{ background:#76cbc5; width:291px; float:left; padding: 1%; margin: 1% 1% 0 0; min-height: 40px; color:#FFF; float:left;}

#footer { width: 100%; float:left; padding: 1%; margin: 1%;}
.footer {font-size: 10px; color: #fff; text-align: center; float:left;}
#contacto { float:left; padding: 1%; margin:1%;}
.textodos {font-size:12px; margin: 1%; padding:1%;}
.encabezado {font-size:20px; margin: 1%; padding: 1%; color:#faf4a2;}

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:#ee4c2e; text-decoration: none; padding: 20px; margin: 10px;; float:none; font-family: 'Montserrat', sans-serif; }

footer{width:100%; background:#095356; display:table; padding:15px 0 0 0; padding-bottom:20px; float:none;  }
footer p{ font-size: 10px; color: #fff; text-align: center; float:right; }




/*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; }
	
	
}