@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);

/* CSS Document */

/* Pagina principal */
*{margin:0; padding:0;}
body{font-family:Rosario; max-width:960px; position:relative; margin:0px auto 0px auto; background-color:#FAFAFA;}
#pagina{width:100%; float:none; position:relative;}

/* Botonera */
header{width:100%; height:40px; float:none; position:relative; margin:2px 0 20px 0; background-color:#FAEB00;}
header nav{position:relative; margin-right:195px; margin-left:230px;}
header nav ul li{font-family:"Roboto Slab"; font-weight:500; font-size:12px; letter-spacing:1px; float:left; list-style-type:none; margin:10px 25px 0 0;}
header nav ul li a{color:#000; text-decoration:none;}
#boton1:hover{border-bottom:4px solid rgb(10, 205, 255);}
#boton2:hover{border-bottom:4px solid rgb(245, 80, 10);}
#boton3:hover{border-bottom:4px solid rgb(255, 40, 255);}
#boton4:hover{border-bottom:4px solid rgb(150, 30, 255);}

/* Imagen Slider */
#cuadro{width:100%; height:400px; float:left; position:relative;}

/* Columnas */
#trescolumnas{width:960px; position:relative;}
#columna01{width:300px; height:340px; float:left; background-image:url(imagen/extension.png); background-repeat:no-repeat; margin-left:10px; margin-bottom:30px;}
#columna02{width:300px; height:340px; float:left; background-image:url(imagen/cosgui.png); background-repeat:no-repeat; 
margin-left:20px; margin-bottom:30px;}
#columna03{width:300px; height:340px; float:right; background-image:url(imagen/team.png); background-repeat:no-repeat; 
margin-right:10px; margin-bottom:30px;}

.titulo{font-family:"Roboto Slab"; font-size:20px; font-weight:600; letter-spacing:1px; color:#FAFAFA; padding:25px 0 0 27px;}
.texto{font-size:14px; color:#FAFAFA; padding:190px 0 5px 27px; font-style:italic;}
.leermas{font-size:10px; padding:0 0 0 27px;}

#formulario{margin:148px 0 0 40px;}
#formulario p{font-size:12px; padding-top:12px; color:#FAFAFA;}
.datos{width:220px; margin-top:2px; background-color:#FAFAFA;}
#submit{width:80px; height:25px; font-size:12px; color:#961EFF; background-color:#FAFAFA; border:none;}

/* Ultimas Noticias */
#ultima{font-family:"Roboto Slab"; color:#96C300; letter-spacing:1px; font-weight:600; font-size:20px; margin:20px 0 15px 10px; border-bottom:4px solid rgb(150, 195, 0);}

#noticias{width:960px; height:110px; margin-top:20px;}

#noticia1{width:220px; height:110px; float:left; margin-left:10px; border-right-width:1px; border-right-style:solid; 
border-right-color:#999; padding-right:5px;}
#noticia2{width:220px; height:110px; float:left; position:relative; margin-left:20px; border-right-width:1px; 
border-right-style:solid; border-right-color:#999;}
#noticia3{width:220px; height:110px; float:left; position:relative; margin-left:20px; border-right-width:1px; 
border-right-style:solid; border-right-color:#999; padding-right:0px;}
#noticia4{width:220px; height:110px; float:left; position:relative; margin-left:20px;}

h2{font-family:"Roboto Slab"; font-size:16px; color:#96C300; font-weight:500; margin:5px 0 5px 0; }
p{font-size:13px; font-weight:300; line-height:16px; margin-right:20px;}

#noticias img{margin:9px 0 0 0; float:left;}
#info{font-family:"Roboto Slab"; font-size:12px; font-weight:500; color:#96C300; float:right; margin:8px 168px 0 0;}
.info{font-family:"Roboto Slab"; font-size:12px; font-weight:500; color:#96C300; float:left; margin:8px 0 0 9px;}

/* Footer */
footer{width:95.9%; height:80px; float:left; background-image:url(imagen/footer.jpg); background-repeat:no-repeat; 
padding:0px 20px 0 20px; margin-top:40px;}
footer p{width:550px; font-size:9px; line-height:14px; font-family:Arial; color:#000; text-align:left; margin:30px 0 0 10px;}
#iconos{float:right;  margin:-25px -10px 0 0;}
#iconos img{padding:0 20px 0 0;}

/* Docentes */
#estos{width:220px; height:300px; float:left; position:relative; background-image:url(imagen/estos.png); background-repeat:no-repeat; margin-left:10px;}
#docentes{margin:370px 7px 0 7px;}
#docentes a{text-decoration:none;}
h3{font-family:"Roboto Slab"; font-size:20px; padding:15px 0 0 0; color:#0ACDFF; letter-spacing:1px; border-bottom:4px solid rgb(250, 235, 0);}
h3:hover{color:#FAEB00; border-bottom:4px solid rgb(10, 205, 255);}
h4{font-family:"Roboto Slab"; font-size:20px; padding:15px 0 0 0; color:#0ACDFF; letter-spacing:1px; border-bottom:4px solid rgb(250, 235, 0);}
#nivel1{width:940px; margin:235px 0 0 7px;}
#nivel2{width:940px; margin:1440px 0 0 7px;}

#somos{width:700px; height:3815px; float:right; position:relative; background-image:url(imagen/somos.png); background-repeat:no-repeat;margin:0 10px 80px 0;}
#profe01{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:240px 480px 0 0;}
#profesor01{font-size:16px; color:#FAFAFA; padding:165px 0 1px 32px; font-style:italic;}
#sub01{color:#00F; padding:0 0 0 58px; font-size:14px;}

#profe02{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor02{font-size:16px; color:#FAFAFA; padding:165px 0 2px 25px; font-style:italic;}
#sub02{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe03{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor03{font-size:16px; color:#FAFAFA; padding:165px 0 2px 37px; font-style:italic;}
#sub03{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe04{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor04{font-size:16px; color:#FAFAFA; padding:165px 0 2px 18px; font-style:italic;}
#sub04{color:#00F; padding:0 0 0 47px; font-size:14px;}

#profe05{width:160px; height:220px; float:right; background-image:url(imagen/profe.png); margin:20px 0 0 0;}
#profesor05{font-size:16px; color:#FAFAFA; padding:165px 0 2px 37px; font-style:italic;}
#sub05{color:#00F; padding:0 0 0 47px; font-size:14px;}

#profe06{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:60px 20px 0 0;}
#profesor06{font-size:16px; color:#FAFAFA; padding:165px 0 2px 31px; font-style:italic;}
#sub06{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe07{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:60px 20px 0 0;}
#profesor07{font-size:16px; color:#FAFAFA; padding:165px 0 2px 30px; font-style:italic;}
#sub07{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe08{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:60px 180px 0 0;}
#profesor08{font-size:16px; color:#FAFAFA; padding:165px 0 2px 32px; font-style:italic;}
#sub08{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe09{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor09{font-size:16px; color:#FAFAFA; padding:165px 0 2px 22px; font-style:italic;}
#sub09{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe10{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor10{font-size:16px; color:#FFF; padding:165px 0 2px 31px; font-style:italic;}
#sub10{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe11{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 180px 0 0;}
#profesor11{font-size:16px; color:#FFF; padding:165px 0 2px 28px; font-style:italic;}
#sub11{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe12{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor12{font-size:16px; color:#FAFAFA; padding:165px 0 2px 30px; font-style:italic;}
#sub12{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe13{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor13{font-size:16px; color:#FAFAFA; padding:165px 0 2px 36px; font-style:italic;}
#sub13{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe14{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 180px 0 0;}
#profesor14{font-size:16px; color:#FAFAFA; padding:165px 0 2px 35px; font-style:italic;}
#sub14{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe15{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor15{font-size:16px; color:#FAFAFA; padding:165px 0 2px 36px; font-style:italic;}
#sub15{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe16{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor16{font-size:16px; color:#FFF; padding:165px 0 2px 36px; font-style:italic;}
#sub16{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe17{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 180px 0 0;}
#profesor17{font-size:16px; color:#FAFAFA; padding:165px 0 2px 23px; font-style:italic;}
#sub17{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe18{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor18{font-size:16px; color:#FAFAFA; padding:165px 0 2px 31px; font-style:italic;}
#sub18{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe19{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor19{font-size:16px; color:#FAFAFA; padding:165px 0 2px 23px; font-style:italic;}
#sub19{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe20{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 180px 0 0;}
#profesor20{font-size:16px; color:#FAFAFA; padding:165px 0 2px 40px; font-style:italic;}
#sub20{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe21{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor21{font-size:16px; color:#FAFAFA; padding:165px 0 2px 19px; font-style:italic;}
#sub21{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe22{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor22{font-size:16px; color:#FAFAFA; padding:165px 0 2px 31px; font-style:italic;}
#sub22{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe23{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 180px 0 0;}
#profesor23{font-size:16px; color:#FAFAFA; padding:165px 0 2px 31px; font-style:italic;}
#sub23{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe24{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:60px 20px 0 0;}
#profesor24{font-size:16px; color:#FAFAFA; padding:165px 0 2px 33px; font-style:italic;}
#sub24{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe25{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:60px 20px 0 0;}
#profesor25{font-size:16px; color:#FAFAFA; padding:165px 0 2px 18px; font-style:italic;}
#sub25{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe26{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:60px 180px 0 0;}
#profesor26{font-size:16px; color:#FAFAFA; padding:165px 0 2px 22px; font-style:italic;}
#sub26{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe27{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor27{font-size:16px; color:#FAFAFA; padding:165px 0 2px 42px; font-style:italic;}
#sub27{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe28{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor28{font-size:16px; color:#FAFAFA; padding:165px 0 2px 23px; font-style:italic;}
#sub28{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe29{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 180px 0 0;}
#profesor29{font-size:16px; color:#FAFAFA; padding:165px 0 2px 40px; font-style:italic;}
#sub29{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe30{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor30{font-size:16px; color:#FAFAFA; padding:165px 0 2px 38px; font-style:italic;}
#sub30{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe31{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor31{font-size:16px; color:#FAFAFA; padding:165px 0 2px 34px; font-style:italic;}
#sub31{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe32{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 180px 0 0;}
#profesor32{font-size:16px; color:#FAFAFA; padding:165px 0 2px 27px; font-style:italic;}
#sub32{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe33{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor33{font-size:16px; color:#FAFAFA; padding:165px 0 2px 20px; font-style:italic;}
#sub33{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe34{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor34{font-size:16px; color:#FAFAFA; padding:165px 0 2px 18px; font-style:italic;}
#sub34{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe35{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 180px 0 0;}
#profesor35{font-size:16px; color:#FAFAFA; padding:165px 0 2px 29px; font-style:italic;}
#sub35{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe36{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor36{font-size:16px; color:#FAFAFA; padding:165px 0 2px 31px; font-style:italic;}
#sub36{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe37{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor37{font-size:16px; color:#FAFAFA; padding:165px 0 2px 26px; font-style:italic;}
#sub37{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe38{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 180px 0 0;}
#profesor38{font-size:16px; color:#FAFAFA; padding:165px 0 2px 41px; font-style:italic;}
#sub38{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe39{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor39{font-size:16px; color:#FAFAFA; padding:165px 0 2px 37px; font-style:italic;}
#sub39{color:#00F; padding:0 0 0 47px; font-size:14px;}

#profe40{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor40{font-size:16px; color:#FAFAFA; padding:165px 0 2px 27px; font-style:italic;}
#sub40{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe41{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 180px 0 0;}
#profesor41{font-size:16px; color:#FAFAFA; padding:165px 0 2px 16px; font-style:italic;}
#sub41{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe42{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor42{font-size:16px; color:#FAFAFA; padding:165px 0 2px 25px; font-style:italic;}
#sub42{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe43{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 20px 0 0;}
#profesor43{font-size:16px; color:#FAFAFA; padding:165px 0 2px 21px; font-style:italic;}
#sub43{color:#00F; padding:0 0 0 32px; font-size:14px;}

#profe44{width:160px; height:220px; float:left; background-image:url(imagen/profe.png); margin:20px 180px 0 0;}
#profesor44{font-size:16px; color:#FAFAFA; padding:165px 0 2px 23px; font-style:italic;}
#sub44{color:#00F; padding:0 0 0 32px; font-size:14px;}

#pablo{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/pablogris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#marce{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/marcegris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#pano{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/panogris.jpg);  background-repeat:no-repeat; background-size:140px 140px;}

#nati{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/natigris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#pupi{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/pupigris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#cesar{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/cesargris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#fer{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/fergris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#avalos{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/avalosgris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#vani{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/vanigris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#alvaro{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/alvarogris.jpg); background-repeat:no-repeat; background-size:140px 140px;} 

#vero{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/verogris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#andres2{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/andres2gris.jpg); 
background-repeat:no-repeat; background-size:140px 140px;}

#julian{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/juliangris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#faggi{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/faggigris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#euge{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/eugegris.jpg); background-repeat:no-repeat; background-size:140px 140px;} 

#rodo{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/rodogris.jpg); background-repeat:no-repeat; background-size:140px 140px;} 

#magui{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/maguigris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#ana{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/anagris.jpg); 
background-repeat:no-repeat; background-size:140px 140px;}

#cappe{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/cappegris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#alejo{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/alejogris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#alesm{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/alesmgris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#pam{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/pamgris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#laura{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/lauragris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#pato{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/patogris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#juanma{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/juanmagris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#mariana{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/marianagris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#gallelli{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/gallelligris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#flor{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/florgris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#joaquin{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/joaquingris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#aku{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/akugris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#luke{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/lukegris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#cynthia{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/cynthiagris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#mechi{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/mechigris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#chino{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/chinogris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#cristian{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/cristiangris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#orellano{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/orellanogris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#monto{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/montogris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#iara{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/iaragris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#pupi2{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/pupigris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#gonza{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/gonzagris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#diana{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/dianagris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#guille{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/guillegris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#majo{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/majogris.jpg); background-repeat:no-repeat; background-size:140px 140px;}

#gaby{width:140px; height:140px; float:left; margin:10px 10px 0 10px; background:url(imagen/gabygris.jpg); background-repeat:no-repeat; background-size:140px 140px;}


/* Pablo */
#docente h3{font-family:"Roboto Slab"; font-size:20px; padding:15px 0 0 0; color:#FAEB00; letter-spacing:1px; border-bottom:4px solid rgb(10, 205, 255); margin:465px 7px 0 7px;}
#docente a{text-decoration:none;}

#es{width:700px; height:300px; float:right; position:relative; background-image:url(imagen/somos.png); background-repeat:no-repeat;margin:0 10px 80px 0;}
#titular{font-family:"Roboto Slab"; font-size:20px; color:#0ACDFF; letter-spacing:1px; border-bottom:4px solid rgb(250, 235, 0); margin:240px 0 0 0;}
#cosgaya{width:165px; height:220px; float:left; margin:20px 10px 0 0;}
#pabloder{width:340px; height:220px; float:right; margin:20px 0 0 0; background-image:url(imagen/descripcion.png); background-repeat:no-repeat;}
#descripcion{margin:24px 20px 0 20px;}
#secu{font-family:"Roboto Slab"; font-size:20px; color:#0ACDFF; letter-spacing:1px; border-bottom:4px solid rgb(250, 235, 0); margin:290px 0 0 0;}
#portfolio{width:700; height:225px; float:right; position:relative; margin:230px 50px 0 0;}

/* Taller */
#asi{width:220px; height:300px; float:left; position:relative; background-image:url(imagen/asi.png); background-repeat:no-repeat; margin-left:10px;}
#biblio{width:157px; height:171px; float:left; background-image:url(imagen/biblio.png); background-repeat:no-repeat; margin:220px 0 35px 31px; border-bottom:4px solid rgb(250, 235, 0);}
#biblio:hover{width:157px; height:171px; background-image:url(imagen/biblio1.png); background-repeat:no-repeat; background-size:157px 171px; border-bottom:4px solid rgb(255, 40, 255);}
#lecturas{width:157px; height:130px; float:left; background-image:url(imagen/lecturas.png); background-repeat:no-repeat; margin:0 0 25px 31px; border-bottom:4px solid rgb(250, 235, 0);}
#lecturas:hover{width:157px; height:130px; background-image:url(imagen/lecturas1.png); background-repeat:no-repeat; background-size:157px 130px; border-bottom:4px solid rgb(255, 40, 255);}
#apuntes{width:157px; height:157px; float:left; background-image:url(imagen/apuntes.png); background-repeat:no-repeat; margin:0 0 25px 31px; border-bottom:4px solid rgb(250, 235, 0);}
#apuntes:hover{width:157px; height:157px; background-image:url(imagen/apuntes1.png); background-repeat:no-repeat; background-size:157px 157px; border-bottom:4px solid rgb(255, 40, 255);}
#encuesta{width:157px; height:171px; float:left; background-image:url(imagen/encuesta.png); background-repeat:no-repeat; margin:0 0 0 31px; border-bottom:4px solid rgb(250, 235, 0);}
#encuesta:hover{width:157px; height:171px; background-image:url(imagen/encuesta1.png); background-repeat:no-repeat; background-size:157px 171px; border-bottom:4px solid rgb(255, 40, 255);}

#trabajamos{width:700px; height:1260px; float:right; position:relative; background-image:url(imagen/trabajamos.png); background-repeat:no-repeat; margin:0 10px 40px 0;}
.actividad1 h1{font-family:"Roboto Slab"; font-size:20px; margin:240px 0 0 0; color:#FF28FF; letter-spacing:1px; border-bottom:4px solid rgb(250, 235, 0);}
#blog{float:left; margin:20px 20px 0 0;}
.izq{width:220px; height:160px; float:left; margin:20px 20px 0 0; font-size:13px; font-weight:300; line-height:16px;}
.der{width:220px; height:160px; float:left; margin:20px 0 0 0; font-size:13px; font-weight:300; line-height:16px;}
.actividad2 h1{font-family:"Roboto Slab"; font-size:20px; margin:220px 0 0 0; color:#FF28FF; letter-spacing:1px; border-bottom:4px solid rgb(250, 235, 0);}
#sabado{float:right; margin:20px 0 0 20px;}
#bajada{width:700px; height:300px; float:left; background-image:url(imagen/bajada.png); background-repeat:no-repeat; margin:50px 0 0 0;}
#bajada h1{font-family:"Roboto Slab"; font-size:20px; margin:40px 40px 0 40px; color:#FAFAFA; letter-spacing:1px; border-bottom:4px solid rgb(250, 235, 0);}
#lapiz{margin:20px 10px 0 40px; float:left;}
#mate{margin:20px 10px 0 0; float:left;}
#torta{margin:20px 40px 0 0; float:right;}

/* Alumnos */
#ellos{width:220px; height:300px; float:left; position:relative; background-image:url(imagen/ellos.png); background-repeat:no-repeat; margin-left:10px;}
#consideraciones{margin:230px 0 0 7px;}
#consideraciones h5{font-family:"Roboto Slab"; font-size:20px; padding:15px 0 0 0; color:#F5500A; letter-spacing:1px; border-bottom:4px solid rgb(250, 235, 0);}
.tp h5{font-family:"Roboto Slab"; font-size:20px; padding:15px 0 0 0; color:#F5500A; letter-spacing:1px; border-bottom:4px solid rgb(250, 235, 0);}
p.subtitulo{font-family:"Roboto Slab"; font-size:14px; color:#F5500A; font-weight:500; padding:30px 0 0 0;}
p.parrafo{font-size:12px; font-weight:300; line-height:15px; padding:7px 0 0 0;}

#son{width:700px; height:1325px; float:right; position:relative; background-image:url(imagen/son.png); background-repeat:no-repeat; margin:0 10px 40px 0;}
#n1{width:340px; height:340px; float:left; position:relative; margin:240px 0 20px 0;}
#niveluno{width:340px; height:340px; float:left; position:relative; background-image:url(imagen/nivel1.png); background-repeat:no-repeat; background-size:340px 340px;}
#niveluno:hover{background-image:url(imagen/niveluno.png);}
#n2{width:340px; height:340px; float:right; position:relative; margin:240px 0 20px 0;}
#niveldos{width:340px; height:340px; float:right; position:relative; background-image:url(imagen/nivel2.png); background-repeat:no-repeat; background-size:340px 340px;}
#niveldos:hover{width:340px; height:340px; background-image:url(imagen/niveldos.png); background-repeat:no-repeat;}

/* Fotos TP */
.tp{width:700px;}
.tpfotos{width:700px; margin:20px 25px 0 25px;}


/* Contacto */
#where{width:220px; height:300px; float:left; position:relative; background-image:url(imagen/where.png); background-repeat:no-repeat; margin-left:10px;}
#ubicacion{margin:230px 0 0 7px;}
#ubicacion h6{font-family:"Roboto Slab"; font-size:20px; padding:15px 0 0 0; color:#961EFF; letter-spacing:1px; border-bottom:4px solid rgb(250, 235, 0);}
#mapa{width:214px; height:330px; margin-top:20px;}
p.pan{font-family:"Roboto Slab"; font-size:14px; color:#961EFF; font-weight:500; padding:30px 0 0 0;}
p.bloque{width:218px; font-size:12px; font-weight:300; line-height:15px; padding:7px 0 0 0;}

#donde{width:700px; height:900px; float:right; position:relative; background-image:url(imagen/donde.png); background-repeat:no-repeat; margin:0 10px 40px 0;}
#fondo1{width:400px; height:540px; float:left; position:relative; background-image:url(imagen/lineafondo.png); background-repeat:no-repeat; margin:240px 0 0 0;}
#fondo2{width:300px; height:540px; float:right; position:relative; background-image:url(imagen/bloquefondo.png); background-repeat:no-repeat; margin:285px 0 0 0;}

/* Formulario */
#formulario1{margin:45px 0 0 90px;}
#registrarse{width:210px; color:#961EFF; font-family:"Roboto Slab";}
#registrarse h1{font-size:31px; letter-spacing:1px;}
#registrarse h2{font-size:18px; font-weight:500; color:#666;}
#datos1{width:200px; margin-top:20px;}
#datos1 p{padding-top:12px; font-size:12px; color:#666;}
.cursor1{width:198px; background:#FAFAFA;}

#formulario2{margin:50px 0 0 33px;}
#registrarse1{width:240px; color:#FAFAFA; font-family:"Roboto Slab";}
#registrarse1 h1{font-size:31px; letter-spacing:1px;}
#registrarse1 h2{font-size:18px; font-weight:500; color:#FAEB00;}
#datos2{width:200px; margin-top:20px;}
#datos2 p{padding-top:12px; font-size:12px; color:#FAEB00;}
#datos2 h1{font-size:11px; color:#FAFAFA; margin-top:-20px;}
.cursor2{width:230px; background:#FAFAFA;}

#enviar{color:#FAFAFA; background:#961EFF; border:none; width:70px; height:20px; cursor:pointer;}
#ingresar{color:#961EFF; background:#FAFAFA; border:none; width:90px; height:20px; cursor:pointer;}


/* Gracias */
#gracias{width:220px; height:220px; float:left; position:relative; background-image:url(imagen/gracias.png); background-repeat:no-repeat; margin-left:10px;}



/* Solo para celulares */
@media screen and (max-width:320px) {	
	#pagina img{width:100%;}
	header{width:100%; height:40px;}	
	header nav{width:100%; float:left; margin-left:40px;}
	header nav ul li{font-size:8px; margin:7px 0 0 0; 
	padding-right:30px;}
	#boton1:hover{border-bottom:3px solid rgb(0, 211, 255);}
	#boton2:hover{border-bottom:3px solid rgb(255, 0, 255);}
	#boton3:hover{border-bottom:3px solid rgb(255, 100, 0);}
	#boton4:hover{border-bottom:3px solid rgb(160, 0, 255);}
	
	#cuadro{width:100%; height:210px; float:left; margin-bottom:-50px;}
	
	#trescolumnas{width:100%; float:left; margin-bottom:15px;}
	#columna01{width:100%; margin-left:-3px; margin-bottom:15px;}
	#columna02{width:100%; margin-left:-1px; margin-bottom:15px;}
	#columna03{width:100%; margin-right:0px; margin-bottom:10px;}
	
	#ultima{width:100%; margin:0 0 15px 0;}
	#noticias{width:100%; margin-left:0px; margin-top:20px;}
	#noticia1{width:100%; margin-left:0px; margin-bottom:10px; border-right:none;}
	#noticia2{width:100%; margin-left:0px; border-right:none;}
	#noticia3{width:100%; margin-left:0px; margin-bottom:10px; border-right:none;}
	#noticia4{width:100%; margin-left:0px;}
	#noticias img{width:5%;}
	#info{float:left; margin:8px 0 0 9px;}

	footer{width:87%; height:100px; float:left; padding:0px 20px 0 20px; margin-top:20px; background-image:url(imagen/footer.png);}
	footer p{width:108%; font-size:9px; line-height:12px; margin:19px 0 0 -10px;}
	#iconos{float:left; margin:5px -10px 0 -10px;}
	#iconos img{width:10%; padding:0 14px 0 0;}
}