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

#principal{max-width: 960px; margin: 0px auto; position:relative}
.icono-primero{position:relative; float:right; margin: 10px 0 auto 0;}
header img{position:relative; margin: 18px; float:left;}
header nav{left: 0px; float:left; margin: 21px auto;}
header nav ul li{display: inline; font-family: "Rosario", sans-serif; font-size:14px; letter-spacing:1px; margin:20px;}
.banner-principal{width: 960px; margin: 30px auto; position:relative; float:inherit}
.banner-principal article h1{margin-top: 120px; margin-left:275px; position:absolute; float:inherit}
.italica{font-style:italic;}
.bold{font-weight:bold; color:#00CCFF}
.secundario{width: 100%; position:relative}
.secundario article {width: 320px; height: 200px; position:relative; margin: 0px auto;float: left;}
.terciario{width: 100%; position:relative; float:left; margin: 0px auto}
.terciario article h3{width: 100%; position:relative; float:left; margin; 35px auto; left: 20px; font-family: "Rosario", sans-serif; font-size:35px; font-style:italic; color:#3F9}
.terciario article h4{width: 40%; bottom: 40px; position:relative; float:left; left: 20px; margin; 0px auto; font-family: "Rosario", sans-serif; font-size:18px; font-weight:lighter; color:#FFF}
.terciario article h2{width: 100%; position:absolute; float:left; margin: 0px auto;}
.terciario-alumnos{width: 100%; font-family: "Rosario", sans-serif; font-size:14px; font-weight:lighter; color: #333; bottom: 50px;}
.terciario-alumnos article{width: 45%; height: 155px; position:relative; float: left; margin: 0 1%; padding: 1%;}
.titulo{font-weight:900; color:#00CC66;}
footer{width: 100%; height: 10%; position:relative; float:left; margin: 0px auto;}
footer img{width: 100%; margin: 0px auto 0 auto; position: relative; float:left;}
footer p{font-family: "Rosario", sans-serif; font-size:10px; letter-spacing:1px; text-align:center; margin: 15px auto; position:relative; float: left;}








/* Solo para celulares */
@media screen and (max-width:320px) {
	header img{width: 15%; position:relative; margin: 10px; float:left;}
	header nav{ float:left; width:50%; margin: 0px auto; display:block;}
	header nav ul li{padding:10px; margin:0px; font-size:10px;}
	.banner-principal{width: 320px; margin: 15px auto; position:absolute; float:none;}
	
}