@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: #f8f1a1; min-height: 1200px;}
div{max-width:960px; position:relative; margin: 0px auto 0px auto; }
header{width:100%; }
a:link   
{   
 text-decoration:none;  
 color: #095356;
}   

a:hover{ 
color:#e18b7b; 
} 

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

#bienvenidos { font-size:50px; text-align:center; position:relative; margin: 5px; color: #095356; font-weight:400; width: 80%;}
#cosgaya {color:#095356; font-size:20px; text-align:center; width: 40%; }
.encabezado {font-size:23px; margin: 1%; padding: 1%; color:#97c63a;}
.encabezado2 {font-size:23px; margin: 1%; padding: 1%; color:#095356;} 
#logo { width: 20%; float:left;}

#columnauno { width:46%; float:left; padding: 1%; margin: 1% ; color: #FFF;  min-height: 200px; font-size:10px; background: #e4887e;}
#columnados { width:46%; float:left; padding: 1%; margin: 1% ; color: #095356;  min-height: 200px; font-size:10px}
#columnacuatro { width:46%; float:left; padding: 1%; margin: 1% ; color: #095356;  min-height: 200px; font-size:10px}
#columnacinco { width:46%; float:left; padding: 1%; margin: 1% ; color: #095356;  min-height: 200px; font-size:10px}
#barra { width: 96%; float:left; padding: 1%; margin: 1% ; color: #fff; background: #095356; min-height: 150px; font-size:10px}
#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:13px; margin: 1%; padding:1%;}
#imagen {float:left; margin: 4px; width: 4%;} 
#barra2 { width: 96%; float:left; padding: 1%; margin: 1% ; color: #fff; background: #e4887e; min-height: 150px; font-size:10px}

div section img {float:left; padding: 2%;}
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:#095356; text-decoration: none; padding: 20px; margin: 10px;; float:none; font-family: 'Montserrat', sans-serif; }

footer{width:100%; background:#f8f1a1; display:table; padding:15px 0 0 0; padding-bottom:20px; float:none;  }
footer p{ font-size: 10px; color: #095356; 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; }
	
	
}

/* CSS Document */