@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic);
body{font-family: 'Lato', sans-serif;margin: 0;}
#pagina{max-width:960px;margin:0px auto 0px auto;background: #fff;}
header #logo{margin:0%;}
header title{margin: 20%;}
header{width:100%;background: #fff;text-align: center;margin-bottom: 15%;}
.redes{float:right;width: 53%;}
#twitter {float: left; list-style-type:none;margin:1%;}
#facebook {float: left; list-style-type:none;margin:1%;}
footer{background-color:#001dff;padding: 1%;font-size: 10px;position: relative;clear: both;}
footer p{text-align:center;}
header nav{float:right;width: 83%;}
header nav ul li{float:left;list-style-type: none;background-color:#001dff;margin: 10px;padding: 5px;border-style: solid; border-width: 5px;}
header nav ul li a{color:#000;text-decoration: none;padding: 10px; margin: 10px; font-family: 'Lato';}
section{background-image: url(imagenes/barra.jpg);align-content: center;text-align: center;font-size: 40px;padding: 4%;background-repeat: no-repeat;position: relative;clear: both;}
section h1{color: #f00;text-align:center;margin: 0 auto 0 auto; position: relative;}
section h3{color: #001dff; font-size:20px; text-aligne:center;font-style:italic;padding:3% 4% 0 4%;}
main {width:100%;background-color: #fff; margin-bottom: 0%;}
.video{ float: right;margin:2%;padding: 0 16% 0 0;background-repeat: no-repeat;}
.video h2{color: #001dff;text-align: center;font-size: 30px;position:absolute;top:700px;left:807px;}
.tp{float:left;padding:2%;background-repeat: no-repeat;margin: 0 0 0 33%;font-size: 40px;}
.tp .titutp{color: #000;text-align: center;font-size: 30px;position:absolute;top:830px;left:631px;}
.inscripcion {background-color: #f00; float: left; margin:0 0 0 20%; padding:4%;font-size:40px;}
.programa {background-color: #f00; float: right;margin:0 11% 0 0; padding:4%;font-size: 40px;}

div#unodostres{width: 96%;margin-left: 2%;float: left;clear: both;margin-bottom: 2%;}
div#uno{width: 30%;background-color:#fff;position: absolute;border-style: solid;border-width: 5px;height: 396px;}
h2.historia1{font-size: 25px;float: left;position: relative;width: 100px; z-index: 1;color:#001dff;clear:both;margin-left: 4%;}
h3.quienes1{float: left;font-size: 17px;position: relative;Width: 245px;z-index:2;background-color: #001dff;10%;clear:both;padding: 5%;margin-left: 4%;text-align: left;margin-top: 0%;}
h4.texto1{width: 90%;float:left;font-size: 13px;text-align: left;position: relative;z-index:4;margin-left:4%;clear:both;margin-top: 5%;}
div#imagen{float: left;}
img#todos1{width: 54%;border-style: solid;border-width: 5px;clear:both;float: left;margin-left: 45%;}
img#separador{float: left;}
div#dos {width: 75%;background-color: #fff;position: relative;border-style: solid;border-width: 5px;height: 165px;margin-top: 34%;}
h2.objetivos1{font-size: 25px;float: left;position: relative;width:100%; z-index: 1;color:#001dff;clear:both;margin-left: 4%;text-align: left;}
div#que{float: left;font-size: 17px;position: relative;Width: 137px;z-index:2;background-color: #001dff;10%;clear:both;padding: 2%;margin-left: 4%;text-align: left;margin-top: 0%;}
h3.que1{padding:1%;margin:1%;}
div#texto2{width: 68%;float:left;font-size: 13px;text-align: left;position: relative;z-index:4;margin-left: 3%; margin-top: -7%;}
img#espacio{float: left;}
.tercero{width: 75%;background-color: #fff;position: relative;border-style: solid;border-width: 5px;height: 160px;margin-top: 5%;}
h2.metodologia1{font-size: 25px;float: left;position: relative;width:100%; z-index: 1;color:#001dff;clear:both;margin-left: 4%;text-align: left;}
div#como{float: left;font-size: 17px;position: relative;Width: 156px;z-index:2;background-color: #001dff;10%;clear:both;padding: 2%;margin-left: 4%;text-align: left;margin-top: 0%;}
h3.como1{padding:1%;margin:1%;}
div#texto4{width: 28%;float:left;font-size: 13px;text-align: left;position: relative;z-index:4;margin-left: 4%; margin-top: -9%;}
div#aprobacion{float:left;position:relative;margin-top: -63%;margin-left: 115%;width: 111%;}
div#asidecatedra{float: righ;}
img#años{width: 100%;float: left;margin:60%;position: relative;z-index: 3;}

div#cajabiblio{width: 62%;margin-left: 2%;float: left;clear: both;margin-bottom: 2%;border-style: solid;border-width: 5px;height: 410px;}
div#basica{position: absolute; float: left;}
h2.basica{font-size: 25px;float: left;position: relative; z-index: 1;color:#001dff;clear:both;margin-left: 4%;}
h3.nombres{float: left;position: relative;margin-left: 4%;font-size: 10px;width: 70%;clear: both;}
div#espacio1{float: left;margin-left: 50%;margin-top: 3%;}
div#complementaria{margin-left: 55%;float: left;width: 37%;margin-top: -60%;}
h2.complementaria{font-size: 25px;float: left;position: relative; z-index: 1;color:#001dff;margin-left: 4%;}
h3.nombres{float: left;position: relative;margin-left: 4%;font-size: 10px;width: 70%;}
div#costado{float:right;margin-right: 2%; border-style: solid;border-width: 5px;width: 30%;}
h2.links{font-size: 25px;float: left;position: relative; z-index: 1;color:#001dff;clear:both;margin-left: 4%;}
h3.links{float: left;position: relative;margin-left: 4%;font-size: 13px;width: 70%;clear: both;}
h4.google{float: left;position: relative;margin-left: 4%;font-size: 13px;width: 70%;clear: both;}

div#titular{width: 74%;float: left;margin-bottom: 2%;border-style: solid;border-width: 5px;}
div#wasjman{font-size: 30px;float: left;position: relative;width: 147px; z-index: 1;background-color:  #001dff;clear:both;padding:7%;margin-bottom: 4%;} 
div#carlos{margin-bottom: 5%;width: 100%;clear:both;}
img#foto{border-style: solid;border-width: 5px;}
h2.titular{float: left;color:#f00;clear: both;margin-left: 4%;}
div#luciano{font-size: 20px;float: left;position: relative;width: 76px; z-index: 1;clear:both;color:#001dff;} 
div#montes{clear:both;color:#000;}
h3.adjunto{float: left;margin-left: 4%;margin-bottom: -1%;}
div#federico{font-size: 20px;float: left;position: relative;width: 76px; z-index: 1;clear:both;color:#001dff;} 
div#suarez{clear:both;color:#000;}
h4.jtp{float: left;color:#001dff;margin-left: 4%;}
h5.ayudante{float: left;margin-left: 4%;margin-top: 0%;}
div#grupo{}
img#equipo{width: 50%;margin-left: 4%;margin-top: 8%;}
div#alcostado{float: right;margin-right: 7%;margin-top: 3%;}
div#docente{color:#001dff;}
div#docentes{color:#000;}
div#cv{font-size: 9px;float: left;clear: both;width: 31%;margin-left: 4%;margin-top: -2%;}

.columna3{width:100%; height:500px;background-image:none;}
.columna3 .alumnos{width:26%; height:400px;background-color:#001dff;margin:1%;padding:1%;position:relative;float:left;border:5px solid #000;}
.columna3 .alumnos .nivel1{color:#fff;font-size:36px;font-style:bold;}
.columna3 .alumnos .nivel2{color:#fff;font-size:36px;font-style:bold;}
.columna3 .alumnos .agenda{color:#fff;font-size:36px;font-style:bold;margin-bottom:7%;}
.columna3 .alumnos .trabajos{color:#fff;font-size:12px;padding:9%;text-align: justify;}
.fotoalumnos{width:74%;}