@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);
*{ margin:0; padding:0;}
body{font-family: Rosario, Arial, Helvetica, sans-serif; background:#C8C8C8;}
div{ max-width:960px; position:relative;margin: 0px auto 0px auto;}


/* header */
#inscripciones {font-size:16px; width:100%; padding-top:5px; font-style:italic; color:#fff; background-color:#000; text-align:center; height:25px}
#logo {margin-top: 10px; margin-bottom:5px}
header{ width:100%; background:#FFF;}
header nav{ float:right; margin:20px 20px 0 0;}
header nav ul li{ float: left; color:#9CCB3E; list-style-type:none; font-size:12px; font-weight:bold  }
header nav ul li a{ color:#9CCB3E; text-decoration:none; margin:0px auto 0px auto; padding:10px}
header nav ul li a:hover {text-decoration:underline;}
.icono_menu {display:block; margin:0px auto 0px auto; padding: 0 15px 5px 0}
h7{font-size:14px; font-style:italic; font-weight:bold;  color:#8DCBE8; position: absolute; top: 70px; left: 130px;}


/* slider */
.slider {background:#FFF;}
h1{font-size:35px; font-style:italic;  color:#FCCC20; position: absolute; top: 250px; left: 100px;}
h2{font-size:16px; font-weight:bold;  color:#9CCB3E; position: absolute; top: 295px; left: 100px; right:35em;}


/* Secciones 1 */
.secciones1{width:100%; height:250px; position: relative; background-color:#fff }
.secciones1 article{width:31%; margin:10px; position:relative; float:left;}
h3{font-size:20px; font-style:italic; color:#9CCB3E; border:solid #9CCB3E 2px; padding:5px }
h6{font-size:14px; font-weight:normal; color:#fff; background-color: #9CCB3E; padding:5px}
.bullet {float:right; padding-top:5px}


/* alumnos y redes */
.alumnosyredes{width:100%; height:250px; position: relative; float:center; background-color:#fff }
.alumnosyredes article{width:14%; margin:10px; position:relative; float:left;}
.alumnosyredes aside{width:31%; margin:10px; position:relative; float:right;}
.subtitulo2{font-size:20px; font-style:italic; color:#000; border-bottom:solid #FCCC20 2px; padding: 10px 0px 0px 10px}
.bullet2 {padding-top:2px}
.gente {margin-left:20px;}
h4{font-size:14px; font-style:italic; color:#ED2024; text-align:center; padding-bottom:3px }
h5{font-size:13px; font-weight:bold;  color:#8DCBE8; text-align:center;  border-bottom:dotted #FCCC20 1px; padding-bottom:3px}
h8{font-size:14px; font-style:italic; font-weight:bold; color:#8DCBE8; text-align:left; padding:5px; border-bottom:solid #8DCBE8 1px; }
.twitterfeed {margin-top:10px;}


/* Nosotros */
.nosotros{width:100%; height:900px; position: relative; background-color:#fff;}
.nosotros article{width:60%; padding:20px; position:relative; float:left; margin-right:20px; font-size:14px; font-weight:normal; color:#000;  }
.nosotros aside{width:25%; padding: 20px; margin-top:125px; position:relative; float:left; background-color:#8DCBE8; font-size:12px; font-weight:normal; line-height:20px; color:#000;}
h13{font-size:14px; font-weight:normal; color:#fff; padding: 0px 3px 0px 3px; background-color: #ED2024;}
h12{font-size:40px; font-style:italic; font-weight:bold;  color:#FCCC20;}
h11{font-size:16px; color:#9CCB3E; font-style:italic; line-height:22px; }
.img_seccion {width:100%; position: relative; background-color:#fff; padding:10px 0px 10px 0px}


/* Footer */
footer{width:100%; height:190px; position: relative; background-color:#FCCC20 }
footer article{margin:15px 70px 15px 40px; position:relative; float:left; padding:5px}
h9{font-size:18px; font-weight:bold; font-style:italic; color:#fff; padding-bottom:10px }
h10{font-size:12px; font-weight:100px; color:#000; }
footer nav ul li{ float: left; color:#000; list-style-type:none; font-size:12px; font-weight:100px  }
footer nav ul li a{ color:#000; text-decoration:none; margin:0px auto 0px auto;}
footer nav ul li a:hover {text-decoration:underline;}
#leyenda {font-size:12px; width:100%; font-weight:bold; padding-top:15px; color:#fff; background-color:#C8C8C8; text-align:center; height:75px}




/* Solo para celulares */
@media screen and (max-width:320px) {
#inscripciones{display:none;}
.twitterfeed {display:none;}
}