/*INDEX*/ 
@import url(http://fonts.googleapis.com/css?family=Oswald:300,500);
@import url(http://fonts.googleapis.com/css?family=Roboto:900,400,300,500);




/*OBJETIVOS*/
#imagenobjetivos{
background-image: url(img/objetivos.jpg); 
background-repeat: no-repeat;
padding-bottom: 25%;
max-width: 100%;

}

#linksaside{
float: right;
max-width: 31%;
margin-top: 3%;

}

#objetivos{
max-width: 60%;
    }

.texto1{
margin: 0.5%;
margin-right: 6%;
    
 float: left;
margin-bottom: 3%;
font-family: "Roboto";
font-size: 1.5em;

}
.texto1 p{
font-size: 0.9rem;
    color: rgb(36, 9, 149);
    line-height: 150%;
}


/*MAPA*/
#mapa{
width:94%
}
#barraindex{
background-color: #416DE1;
margin-top: 2%;
padding-top: 1.5%;
padding-bottom: 1.5%;
padding-left: 40%;
font-size: 1.6em;
margin-bottom: 0.2%;

}

#barraindex a{
color:#fff;
}

#barralacatedra{
background-color: #69cDB8;
font-size: 1.5em;
margin-top:0.5%;
padding-bottom: 3.9%;
padding-top: 1%;
padding-left: 1%;
width: 18%;
float: left;
margin-right: 0.9%;
margin-left: 0.4%;
margin-right: 1%;
}

.enlacesmapa{
color: #fff;
}

#barralacatedra:hover{
background-image: url(img/mapalacatedra.jpg);
font-size: 0em;
margin-top:0.5%;
padding-bottom: 6%;
padding-top: 1%;
padding-left: 1%;
width: 18%;
float: left;
}



#barragaleria{
background-color: #69cdb8;
font-size: 1.5em;
margin-top:0.5%;
padding-bottom: 4%;
padding-top: 1%;
padding-left: 0.45%;
width: 18%;
float: left;
margin-right: 1.1%;
}

#barragaleria:hover{
background-image: url(img/mapagaleria.jpg);
background-repeat: no-repeat;
font-size: 0em;
margin-top:0.5%;
padding-bottom: 6%;
padding-top: 1%;
width: 18%;
float: left;

}



#barracursada{
background-color: #416de1;
font-size: 1.5em;
margin-top:0.5%;
padding-bottom: 4%;
padding-top: 1%;
padding-left: 0.5%;
width: 18%;
float: left;
margin-right: 1%;
}

#barracursada:hover{
background-image: url(img/mapacursada.jpg);
background-repeat: no-repeat;
font-size: 0em;
margin-top:0.5%;
padding-bottom: 6%;
padding-top: 1%;
width: 18%;
float: left;
margin-right: 1%;
}

#barraagendailustrada{
background-color: #69cdb8;
font-size: 1.5em;
margin-top:0.5%;
padding-bottom: 4%;
padding-top: 1%;
padding-left: 1%;
width: 18%;
float: left;
margin-right: 1%;
}

#barraagendailustrada:hover{
background-image: url(img/mapaeventos.jpg);
background-repeat: no-repeat;
font-size: 0em;
margin-top:0.5%;
padding-bottom: 6.3%;
padding-top: 1%;
width: 18%;
float: left;
margin-right: 1%;
}

#barracontacto{
background-color: #69cdb8;
font-size: 1.5em;
margin-right:1.5%;    
padding-bottom: 4.1%;
padding-top: 1%;
padding-left: 1%;
width: 18%;
float: right;
margin-top: 0.5%;
}
#barracontacto:hover{
background-image: url(img/mapacontacto.jpg);
background-repeat: no-repeat;
font-size: 0em;
margin-top:0.5%;
padding-bottom: 6.3%;
padding-top: 1%;
width: 18%;
float: left;
margin-right: 1%;
}


#barraequipodocente{
float: left;
margin-left: 0.5%;
margin-top: 0.5%;
background-color: rgba(105, 205, 184, 0.51);
padding-left: 1%;
padding-right: 8.9%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barraequipodocente:hover{
float: left;
margin-left: 0.5%;
margin-top: 0.5%;
background-color: rgb(105, 205, 184);
padding-left: 1%;
padding-right: 8.9%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barratrabajosdestacados{
float: left;
margin-left: 1%;
margin-top: 0.5%;
background-color: rgba(105, 205, 184, 0.51);
padding-left: 1%;
padding-right: 3.2%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barratrabajosdestacados:hover{
float: left;
margin-left: 1%;
margin-top: 0.5%;
background-color: rgb(105, 205, 184);
padding-left: 1%;
padding-right: 3.2%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barratrabajosdestacados a{
color: #fff;
}
#barratp1{
float: left;
margin-left: 1%;
margin-top: 0.5%;
background-color: #ccc;
padding-left: 1%;
padding-right: 7.7%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barratp1:hover{
float: left;
margin-left: 1%;
margin-top: 0.5%;
background-color: #ada6a6;
padding-left: 1%;
padding-right: 7.7%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barratp1 a{
color: #fff;
}

#barratutoriales{
float: left;
margin-left: 1%;
margin-top: 0.5%;
background-color: rgba(226, 91, 107, 0.72);
padding-left: 1%;
padding-right: 12.1%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barratutoriales:hover{
float: left;
margin-left: 1%;
margin-top: 0.5%;
background-color: rgb(226, 91, 107);
padding-left: 1%;
padding-right: 12.1%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barratutoriales a{
color: #fff;
}

#barraubicacion{
float: left;
margin-left: 1%;
margin-top: 0.6%;
background-color: rgba(105, 205, 184, 0.51);
padding-left: 1%;
padding-right: 12.2%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;

}

#barraubicacion:hover{
float: left;
margin-left: 1%;
margin-top: 0.6%;
background-color: rgb(105, 205, 184);
padding-left: 1%;
padding-right: 12.2%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barraubicacion a{
color: #fff;
}


#barraobjetivos{
float: left;
margin-left:0.5%;
margin-top: 0.6%;
background-color: rgba(105, 205, 184, 0.51);
padding-left: 1%;
padding-right: 12.4%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barraobjetivos:hover{
float: left;
margin-left: 0.5%;
margin-top: 0.6%;
background-color: rgb(105, 205, 184);
padding-left: 1%;
padding-right: 12.4%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barraobjetivos a{
color: #fff;
}

#barrafotostrimarchi{
float: left;
margin-left:1%;
margin-top: 0.6%;
background-color: rgba(105, 205, 184, 0.51);
padding-left: 1%;
padding-right: 4.9%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;

}

#barrafotostrimarchi:hover{
float: left;
margin-left: 1%;
margin-top: 0.6%;
background-color: rgb(105, 205, 184);
padding-left: 1%;
padding-right: 4.9%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barrafotostrimarchi a{
color: #fff;
}

#barratp2{
float: left;
margin-left:1%;
margin-top: 0.6%;
background-color: #ccc;
padding-left: 1%;
padding-right: 7.7%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;

}

#barratp2:hover{
float: left;
margin-left: 1%;
margin-top: 0.6%;
background-color: #ada6a6;
padding-left: 1%;
padding-right: 7.7%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barratp2 a{
color: #fff;
}

#barracharlascatedra{
float: left;
margin-left:1%;
margin-top: 0.6%;
background-color: rgba(105, 205, 184, 0.51);
padding-left: 1%;
padding-right: 5.7%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;

}

#barracharlascatedra:hover{
float: left;
margin-left: 1%;
margin-top: 0.6%;
background-color: rgb(105, 205, 184);
padding-left: 1%;
padding-right: 5.7%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barracharlascatedra a{
color: #fff;
}

#barramapa{
float: left;
margin-left:1%;
margin-top: 0.6%;
background-color: rgba(105, 205, 184, 0.51);
padding-left: 1%;
padding-right: 14.7%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;

}

#barramapa:hover{
float: left;
margin-left: 1%;
margin-top: 0.6%;
background-color: rgb(105, 205, 184);
padding-left: 1%;
padding-right: 14.7%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barramapa a{
color: #fff;
}

#barracomisiones{
float: left;
margin-left:0.5%;
margin-top: 0.6%;
background-color: rgba(105, 205, 184, 0.51);
padding-left: 1%;
padding-right: 10.8%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;

}

#barracomisiones:hover{
float: left;
margin-left: 0.5%;
margin-top: 0.6%;
background-color: rgb(105, 205, 184);
padding-left: 1%;
padding-right: 10.7%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barracomisiones a{
color: #fff;
}

#barrafotostaller{
float: left;
margin-left:1%;
margin-top: 0.6%;
background-color: #ccc;
padding-left: 1%;
padding-right: 9.2%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;

}

#barrafotostaller:hover{
float: left;
margin-left: 1%;
margin-top: 0.6%;
background-color: #ada6a6;
padding-left: 1%;
padding-right: 9.2%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barrafotostaller a{
color: #fff;
}

#barratp3{
float: left;
margin-left:1%;
margin-top: 0.6%;
background-color: #ccc;
padding-left: 1%;
padding-right: 7.9%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;

}

#barratp3:hover{
float: left;
margin-left: 1%;
margin-top: 0.6%;
background-color: #ada6a6;
padding-left: 1%;
padding-right: 7.9%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barratp3 a{
color: #fff;
}

#barrabibliografia{
float: left;
margin-left:1%;
margin-top: 0.6%;
background-color: rgba(105, 205, 184, 0.51);
padding-left: 1%;
padding-right: 11.2%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;

}

#barrabibliografia:hover{
float: left;
margin-left: 1%;
margin-top: 0.6%;
background-color: rgb(105, 205, 184);
padding-left: 1%;
padding-right: 11.2%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barrabibliografia a{
color: #fff;
}

#barrailustracionesdocentes{
float: left;
margin-left:1%;
margin-top: 0.6%;
background-color: #ccc;
padding-left: 1%;
padding-right: 3.2%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;

}

#barrailustracionesdocentes:hover{
float: left;
margin-left: 1%;
margin-top: 0.6%;
background-color: #ada6a6;
padding-left: 1%;
padding-right: 3.2%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#barrailustracionesdocentes a{
color: #fff;
}

#asidemapa{
float: left;
width:100%;
}

#referenciamapa{
font-size: 1.5em;
color:#4c4380; 
margin-left: 3%;
}
#responsivemapa{
float: left;
margin-left:3%;
margin-top: 0.6%;
background-color: #416DE1;
padding-left: 1%;
padding-right: 10.2%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
margin-bottom: 4%;
}
#responsivemapa a{
color: #fff;
}
#enlacesmapa a{
color: #fff;
}
#enlacesmapa{
float: left;
margin-left:1%;
margin-top: 0.6%;
background-color: rgb(105, 205, 184);
padding-left: 1%;
padding-right: 9%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#noenlacesmapa{
float: left;
margin-left:1%;
margin-top: 0.6%;
background-color: #ccc;
padding-left: 1%;
padding-right:7%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#noenlacesmapa a{
color: #fff;
}

#videosmapa{
float: left;
margin-left:1%;
margin-top: 0.6%;
background-color: #e25b6b;
padding-left: 1%;
padding-right: 8%;
padding-top: 0.5%;
padding-bottom: 0.5%;
font-size: 1.2em;
font-weight: 300;
}

#videosmapa a{
color: #fff;
}
#jsmapa{
background-color:#416DE1;
float: left;
margin-top: 0.5%;
margin-left: 1%;
padding-bottom:0.7%;
padding-top: 0.7%;
padding-left: 1%;
padding-right: 8%;
font-weight: 600;
}
#jsmapa a{
color: #fff;
}
/*COMISIONES*/

#comi1 a:hover{
font-family: "Roboto"; 
font-size: 0em;
text-decoration: none;
color: #fff;
float: left;
background-image: url(img/comi1.jpg);
padding-bottom: 28.3%;
padding-right:42.5%;
background-repeat: no-repeat;
}

#comi1 a{
font-family: "Roboto"; 
font-size: 2em;
font-weight: 300;
text-decoration: none;
color: #fff;
float: left;
background-color: rgba(76, 67, 128, 0.77);
padding-bottom: 18%;
padding-right: 27.1%;
background-repeat: no-repeat;
padding-left: 2%;
margin-right: 1%;
}


#comi2 a:hover{
font-family: "Roboto"; 
font-size: 0em;
text-decoration: none;
color: #fff;
float: left;
background-image: url(img/comi2.jpg);
padding-bottom: 28.2%;
padding-right: 42.4%;
background-repeat: no-repeat;
}

#comi2 a{
font-family: "Roboto"; 
font-size: 2em;
font-weight: 300;
color: #fff;
float: left;
background-color: #69cdb8;
padding-bottom: 18%;
padding-right: 27%;
background-repeat: no-repeat;
padding-left: 2%;
margin-left: 2%
}
    
#comi3 a:hover{
font-family: "Roboto"; 
font-size: 0em;
text-decoration: none;
color: #fff;
float: right;
background-image: url(img/comi3.jpg);
padding-bottom: 28.3%;
padding-right: 42.4%;
background-repeat: no-repeat;
}

#comi3 a{
font-family: "Roboto"; 
font-size: 2em;
font-weight: 300;
text-decoration: none;
color: #fff;
float: right;
background-color: #e25b6b;
padding-bottom: 18%;
padding-right: 27%;
background-repeat: no-repeat;
padding-left: 2%;
margin-top: 2%;
margin-right: 8%;
}

#comi4 a:hover{
font-family: "Roboto"; 
font-size: 0em;
text-decoration: none;
color: #fff;
float: left;
background-image: url(img/comi4.jpg);
padding-bottom: 28.4%;
padding-right: 42.7%;
background-repeat: no-repeat;
}

#comi4 a{
font-family: "Roboto"; 
font-size: 2em;
font-weight: 300;
text-decoration: none;
color: #fff;
float: left;
background-color: #416DE1;
padding-bottom: 18.1%;
padding-right: 27%;
background-repeat: no-repeat;
padding-left: 2%;
margin-top: 1.8%;
margin-bottom: 6%;
}

#comisiones{
width:67%;

}

#textocom{
font-size: 1.4em;
margin-right: 10%;
color:#4c4380
}

#asidecomisiones{
width: 31.2%;
float: right;
margin-top: 2%;
}

#comisiones2a{
background-color: rgba(65, 109, 225, 0.76);
margin-top: 1%;
padding-top: 7%;
padding-bottom: 6%;
padding-left: 7%;
font-size: 1.4em;
}
#comisiones2a:hover{
background-color: rgba(11, 51, 157, 0.76);

}
 /*BIBLIOGRAFIA*/

#bibliografia{
width: 65%;
margin-bottom: 5%;
}
#imgbibliografia{
background-image: url(img/imgbibliografia.jpg);
padding-bottom: 26%;

}

#asidebibliografia{
width: 31.3%;
float: right;
margin-top: 2%;
}

/*CHARLAS CATEDRA*/
#charlascatedra{
width: 65%;
float: left;  
    margin-right: 1%;
}

#imgcharla{
background-image: url(img/imgcharla1.jpg);
background-repeat: no-repeat;
font-size: 0em;
padding-left: 5%;
padding-top: 5%;
padding-right: 40%;
padding-bottom: 40%;
}

#imgcharla:hover{
background-color: rgb(105, 205, 184);
background-image: none;
font-size: 2.5em;
padding-left: 5%;
padding-top: 5%;
padding-right: 40%;
padding-bottom: 24.2%;
}
.enlacescharlas{
color: #fff;
}


#imgcharla1{
background-color: #ccc;
font-size: 1.6em;
width: 33%;
padding-bottom: 15.4%;
padding-right: 13.5%;
margin-top: 1.5%;
padding-left: 1em;
padding-top: 1em;
float: left;
}

#imgcharla1:hover{
background-image: url(img/imgcharla.jpg);
background-repeat: no-repeat;
font-size: 0em;
padding-bottom: 31.4%;
padding-right: 16%;

}

#imgcharla2{
background-color: #ccc;
font-size: 1.6em;
width: 33%;
padding-bottom: 12%;
padding-right: 13.5%;
margin-top: 1.5%;
padding-left: 1em;
padding-top: 1em;
float: left;
margin-left: 1.8%;
}

#imgcharla2:hover{
background-image: url(img/imgcharla2.jpg);
background-repeat: no-repeat;
font-size: 0em;
padding-bottom: 31.4%;
padding-right: 16%;

}

#imgcharla3{
background-color: #ccc;
font-size: 1.6em;
width: 33%;
padding-bottom: 15.4%;
padding-right: 13.5%;
margin-top: 1.5%;
padding-left: 1em;
padding-top: 1em;
float: left;
}

#imgcharla3:hover{
background-image: url(img/imgcharla3.jpg);
background-repeat: no-repeat;
font-size: 0em;
padding-bottom: 31.4%;
padding-right: 16%;

}

#imgcharla4{
background-color: #ccc;
font-size: 1.6em;
width: 33%;
padding-bottom: 12%;
padding-right: 13.5%;
margin-top: 1.5%;
padding-left: 1em;
padding-top: 1em;
float: left;
margin-left: 1.8%;
margin-bottom: 6%;
}

#imgcharla4:hover{
background-image: url(img/imgcharla4.jpg);
background-repeat: no-repeat;
font-size: 0em;
padding-bottom: 31.4%;
padding-right: 16%;

}

    
body {
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    background-image: url("img/textura-fondo.jpg");
}

#facebook{
filter: alpha(opacity=50);
opacity:0.4;
    width: 3%;
}

#facebook:hover{
filter: alpha(opacity=100);
opacity:1;
    
}

#twitter{
filter: alpha(opacity=50);
opacity:0.4;
        width: 3%;
}

#twitter:hover{
filter: alpha(opacity=100);
opacity:1;
}
#instagram{
filter: alpha(opacity=50);
opacity:0.4;
        width: 3%;
}

#instagram:hover{
filter: alpha(opacity=100);
opacity:1;
}
#pinterest{
filter: alpha(opacity=50);
opacity:0.4;
        width: 3%;
}

#pinterest:hover{
filter: alpha(opacity=100);
opacity:1;
}




                                                /*SLIDE*/
#slidy-container {
width: 100%; overflow: hidden;
}
#slidy { margin: 0; font-size: 0; position: relative; width: 100%; }
#slidy img { width: 100%; }



#contenedor {
    margin: auto;
    width:960px;
    overflow: visible;
}
                                               /*botonera*/


a {text-decoration: none;}


                                                /*Cuadro Calendario borrar p class mas info*/   

.importante{
float: left;
background-color: #416de1;
padding-left: 2%;
padding-right: 2%;
font-family: "Oswald"; san-serif;
display: block;
overflow: hidden;
color: #cbcce3;
margin-right: 1%;
height: 458px;
}
.importante a{
text-decoration: none;
list-style: none;
color: #F3F3F3;
font-size: 1.2rem;
}
.verde {color: #7bdeda; font-size: 2rem;}
.rojo {color: #e81b1b; font-size: 2rem;}
.azul {color: #9c9ceb; font-size: 2rem;}


.fecha {
font-size: 1rem;
color: #fff;
line-height: 0.5rem;
}
.info{
font-size: 0.8rem;
line-height: 0.5rem;
}
.imp{
list-style: none;
text-decoration: none;
background-color: #69cdb8; 
padding-left: 10%;
margin-left: -17%;
border-radius: 0px 10px 10px 0px;
}

#mainubicacion {
 width: 70%;   
}

                                                                    /*fotos*/

main { float: left; max-width: 100%;}
main #ppal:hover {filter: alpha(opacity=100); opacity:0.5;}

section article { float: left; margin-left: 1%; margin-top: 0.8%;}

#arriba { margin-top: 0%;}
#arriba img:hover{filter: alpha(opacity=100); opacity:0.5;}

#abajo1 {margin-left: 0%; margin-top: 0.5%;}
#abajo1 img:hover{filter: alpha(opacity=100); opacity:0.5;}

#abajo2 {margin-left: 1%; margin-top: 0.5%;}
#abajo2 img:hover{filter: alpha(opacity=100); opacity:0.5;}

#abajo3 {margin-left: 1%; margin-top: 0.5%;}
#abajo3 img:hover{filter: alpha(opacity=100); opacity:0.5;}

#derecha2 img:hover{filter: alpha(opacity=100); opacity:0.5;}

#derecha3 {margin-left: 1%; margin-top: 0.5%; float: right;} /*de donde viene ese margen q aunq le ponga cero esta y xq tiene q flotar a la der xa q ande*/ 
#derecha3 img:hover{filter: alpha(opacity=100); opacity:0.5;}

#abajo4 {margin-left: 1%; margin-top: 1%;}
#abajo4 img:hover{filter: alpha(opacity=100); opacity:0.5;}

#propuesta-academica {background-color: #7bdeda;padding-left: 2%; padding-right: 25%;padding-top:1%;padding-bottom: 29%; margin-top: 0.2; font-size: 3em; font-family: oswald; display: block;}
#propuesta-academica:hover{filter: alpha(opacity=100); opacity:0.5;}


section a {color: #fff;}
#porque {background-color: rgba(50, 58, 253, 0.81);padding-left: 2.3%; padding-right: 1%;padding-top:1%;padding-bottom: 19.5%; margin-top: 0.2; font-size: 3em; font-family: oswald; max-width: 15%; margin-left: 0%;}
#porque:hover{filter: alpha(opacity=100); opacity:0.5;}


                                                                    /*footer*/
footer {
font-size: 1.1em;
padding:2%; 
text-align: center; 
color: #416DE1;
padding-left:4%;
margin: auto;
clear: both;
background-color: rgba(76, 67, 128, 0.14);
margin-top: 3%;
}


footer p{
max-width: 90%;
padding-left: 5%;

}

                                                            /*GALERIA fotos*/
.galeria { 
margin 1%
}

#gal1 {
float: left;
    margin-left: 0%;
}
#gal1:hover{
filter: alpha(opacity=100);
opacity:0.5;
}
#gal2 {
float: right;
    margin-left: 1%;
}
#gal2:hover{
filter: alpha(opacity=100);
opacity:0.5;
}

#gal3 {
float: left;
    margin-left: 0%;
}
#gal3:hover{
filter: alpha(opacity=100);
opacity:0.5;
}

#gal4 {
    color: #fff;
    font-family: "oswald", sans-serif; 
    font-size: 2rem;
    float: left;
    background-color: #ada6a6;
    padding-top: 10.5%;
    padding-left: 1%;
    margin-left: 1%;
    max-width: 20%;
}
#gal4:hover{
filter: alpha(opacity=100);
opacity:0.5;
}


#titulo {   /* porque sin el margin queda abajo de la bototnera*/
 background-color: rgba(76, 67, 128, 0.51);
   max-width: 100%;
    font-size: 2em;
    font-family: "Roboto";
    font-weight:300; 
    text-align: left;
    color: #fff;
    padding-left: 4%;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    margin-top: 6.5%;
}

#titulocontacto {   /* porque sin el margin queda abajo de la bototnera*/
 background-color: rgba(76, 67, 128, 0.51);
   max-width: 100%;
    font-size: 2em;
    font-family: "Roboto";
    font-weight:300; 
    text-align: left;
    color: #fff;
    padding-left: 4%;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    margin-top: 0%;
}


#titulocontacto a {   /* porque sin el margin queda abajo de la bototnera*/
    color: #fff;
}

#titulocontacto a:hover{   /* porque sin el margin queda abajo de la bototnera*/
    background-color: #392c84;

}

#titulo a{
text-decoration: none;
color: #fff
} 

#titulo a:hover{
background-color:#052579;
}

                                                 /*botonera de la galeria*/
a {text-decoration: none;}
.botonera-gal {
    width: 100%;
    float: left;
    margin-bottom: 5%;
    margin-top:3%;
    font-family: 'oswald';
    font-size: 1rem;

}

.botonera-galeria {   /*esta centrado pero por el margin, como se hace de verdad (?)*/
    list-style:none;
	padding:0%;
	margin:0px;
    overflow: visible;
    width: 100%;
    position:relative;
    

}
.botonera-galeria  #botonera-galeria1{
    margin:0%;
    margin-right: 0%;
    float:left;
    position:relative;
    width: 23%;    
    background-color: #ada6a6;
    margin-left: 2.5%;
}
.botonera-galeria  #botonera-galeria2{
    margin:0%;
    margin-right: 0%;
    float:left;
    position:relative;
    width: 23%;    
    background-color: rgb(174, 176, 222);
            margin-left: 1%;
}

.botonera-galeria  #botonera-galeria3{
    margin:0%;
    margin-right: 0%;
    float:left;
    position:relative;
    width: 23%;   
    background-color: rgb(248, 8, 36);
            margin-left: 1%;
    }
.botonera-galeria  #botonera-galeria4{
    margin:0%;
    margin-right: 0%;
    float:left;
    position:relative;
    width: 23%;   
    background-color: rgb(232, 232, 22);
        margin-left: 1%;}



.botonera-galeria  #botonera-galeria1 a{
	display: block;
	width: 100%;
    font-size: 1rem;
    margin:0%;
    padding-right: 0%;
    padding-left: 0%;
    padding-bottom: 5%;
    padding-top: 5%;
    text-decoration: none;
    text-align: center;
    color: rgb(255, 255, 255);



}

                    
.texto {
 max-width: 60%;
    margin: 0.5%;
    margin-right: 6%;
    
 float: left;
    margin-bottom: 3%;
}
.texto p {
font-size: 0.9rem;
    color: rgb(36, 9, 149);
    line-height: 150%;
}


                                                /*imagenes del costado de la catedra*/

#links img{ 
    float: left;
    margin: 1%;
    margin-bottom: 3%;
    
}


#link1:hover{
filter: alpha(opacity=100);
opacity:0.5;
}

#link2:hover{
filter: alpha(opacity=100);
opacity:0.5;;
}

#link3:hover{
filter: alpha(opacity=100);
opacity:0.5;
}

section #comisiones2 {

    float: left;
   padding-bottom: 6%;
    padding-top: 1% ;
    padding-left: 1%;
    padding-right: 4% ;
    font-size: 1rem;
margin-right: 1%;
    background-color: rgba(65, 109, 225, 0.78);
}
section #comisiones2:hover{
background-color: #416de1;
}

section #bibliografia2 {

    float: left;
    padding-bottom: 6%;
    padding-top: 1% ;
    padding-left: 1%;
    padding-right: 3.5% ;
    font-size: 1rem;
    margin-right: 1%;
    background-color: rgba(65, 109, 225, 0.51);
}
section #bibliografia2:hover{
background-color: #416de1;
}
section #ubicacion2 {
 float: right;
    max-width: 5%;
    margin-right: 1.9%;
    padding-bottom: 2%;

    padding-top: 1%;
    padding-left: 1%;
    padding-right: 25.5%;
    margin-top: 1%;
    background-color: rgba(65, 109, 225, 0.17);
    font-size: 1rem;
}
section #ubicacion2:hover{
background-color: rgba(65, 109, 225, 0.64);
}


.titulo2 {
 background-color: rgba(65, 109, 225, 0.74);
    max-width: 100%;
    font-size: 2em;
    font-family: "Roboto";
    font-weight:300; 
    text-align: left;
    color: #fff;
    padding-left: 4%;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    margin-top: 1%;
}

.titulo2 a{
text-decoration: none;
color: #fff
} 

.titulo2 a:hover{
background-color:#052579;
}

.titulo2a {
 background-color: rgba(65, 109, 225, 0.74);
    max-width: 100%;
    font-size: 2em;
    font-family: "Roboto";
    font-weight:300; 
    text-align: left;
    color: #fff;
    padding-left: 4%;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    margin-top: 6%;
}

.titulo2a a{
text-decoration: none;
color: #fff
} 

.titulo2a a:hover{
background-color:#052579;
}
/* cronograma  */

#titulo3 {
 background-color: #ff805A;
    max-width: 100%;
    font-size: 2em;
    font-family: "Roboto";
    font-weight: 300;
    text-align: left;
    color: #fff;
    padding-left: 4%;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    margin-top: 6.5%;
}
#titulo3 a{
text-decoration: none;
color: #fff
} 

#titulo3 a:hover{
background-color:#f55727;
}

#titulo4 {
 background-color: rgba(105, 205, 184, 0.63);
    max-width: 100%;
    font-size: 2em;
    font-family: "Roboto";
    font-weight: 300;
    text-align: left;
    color: #fff;
    padding-left: 4%;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    margin-top: 6.5%;
    margin-bottom: 0.7em;
}
#titulo4 a{
text-decoration: none;
color: #fff
} 

#titulo4 a:hover{
background-color:#f55727;
}

                                /*NAV DEL CRONO*/
#linkscrono {
 font-size: 1rem;   
}
#cal1 {
    color: #fff;


    float: left;
    background-color: rgba(47, 201, 195, 0.73);
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 3%;
    margin-top: 1%;
    margin-left: 1%;
    width: 17%;
    height: 72px;
}

#cal2 {
    color: #fff;


    float: left;
        background-image: url("img/cal1.jpg");

    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 3%;
    margin-top: 1%;
    margin-left: 1%;
    width: 17%;
    height: 72px;
}

#cal3 {
    color: #fff;


    float: left;
    background-color: rgba(181, 178, 178, 0.65);
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 3%;
    margin-top: 1%;
    margin-left: 1%;
    width: 17%;
    height: 72px;   como se hace sin pixeles  el height cuando no tiene texto.
}

#cal4 {
    color: #fff;

    float: left;
    background-color: #e25B6B;
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 3%;
    margin-top: 1%;
    margin-left: 1%;
    width: 17%;
    height: 72px;
}

#cal5 {
    color: #fff;


    float: left;
    background-color: #416de1;
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 3%;
    margin-top: 1%;
    margin-left: 1%;
    width: 17%;
    height: 72px;
}

    #cal5:hover{
    opacity: 0.5;

}

    #cal9:hover{
    opacity: 0.5;

}

#cal6 {
    color: #fff;
    float: left;
    background-color: rgba(181, 178, 178, 0.65);
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 3%;
    margin-top: 1%;
    margin-left: 1%;
    width: 17%;
    height: 72px;
}
#cal7 {
    color: #fff;
  
    float: left;
    background-color: #4c4380;
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 3%;
    margin-top: 1%;
    margin-left: 1%;
    width: 17%;
    height: 72px;
}

#cal8 {
    color: #fff;
  
    float: left;
    background-color: #e25B6B;
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 3%;
    margin-top: 1%;
    margin-left: 1%;
    width: 17%;
    height: 72px;
}
#cal9 {
    color: #fff;


    float: left;
    background-color: #416de1;
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 3%;
    margin-top: 1%;
    margin-left: 1%;
    width: 17%;
    height: 72px;
}

#cal10 {
    color: #fff;

    font-size: 1rem;
    float: left;
    background-color: rgba(181, 178, 178, 0.65);
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 3%;
    margin-top: 1%;
    margin-left: 1%;
    width: 17%;
    height: 72px;
}

#cal11 {
    color: #fff;

    float: left;
    background-color: #4c4380;
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 3%;
    margin-top: 1%;
    margin-left: 1%;
    width: 17%;
    height: 72px;
}

#cal12 {
    
    float: left;
    background-color: rgba(181, 178, 178, 0.65);
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 3%;
    margin-top: 1%;
    margin-left: 1%;
    width: 17%;
    height: 72px;
    
color: #fff;
}

    #cal13 {
    
    float: left;
    background-color: #e25B6B;
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 3%;
    margin-top: 1%;
    margin-left: 1%;
    width: 17%;
    height: 72px;
    
color: #fff;
}

#cal14 {
    
    float: left;
    background-image: url(img/cal14.jpg);
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 3%;
    margin-top: 1%;
    margin-left: 1%;
    width: 36%;
    height: 72px;
    
color: #fff;
}

    #cal14:hover{
    opacity: 0.5;

}

#cal15 {
    
    float: left;
    background-color: #69cDB8;
    padding-top: 1%;
    padding-left: 1%;
    padding-bottom: 3%;
    margin-top: 1%;
    margin-left: 1%;
    width: 17%;
    height: 72px;
    
color: #fff;
}
        .rosa { font-size: 2.35em;
        color: #e25B6B}
        .violeta{ font-size: 2.35em; color: #4c4380;}
    .celeste{ font-size: 2.35em; color:#416de1;}
#colores {
 font-size: 1.4em;   
}

#navcrono {
    
 float: right;
    height: 35em;

    margin-top: 1%;
    margin-right: 4%;
    width: 16%;
}


.navc {
    list-style:none;
	padding:0%;
	margin:0px;
    overflow: visible;
    width: 100%;
    position:relative;
}
.navc #crono {

    float:left;
    position:relative;
    width: 12.5%;
}


.navc #crono a{
	display: block;
	width: 100%;
    font-size: 4em;
    margin:1%;
    padding-right: 0%;
    padding-left: 0%;
    padding-bottom: 5%;
    padding-top: 5%;
    text-decoration: none;
    text-align: center;
    color: rgb(255, 255, 255);
    background-color: #e25b6b;
        font-size: 1.5%;

}
#crono {
width: 88%;
    background-color: #ada6a6;
    padding: 6%;
    text-align: center;
        margin-bottom: 4%;
    color: #eee;
    font-size: 1.5em;
}
#crono:hover{
filter: alpha(opacity=100);
opacity:0.5;
}


#crono1 {
width: 88%;
    background-color: #ada6a6;
    padding: 6%;
    text-align: center;
        margin-bottom: 4%;
        color: #eee;
        font-size: 1.5em;
}

#crono1:hover{
filter: alpha(opacity=100);
opacity:0.5;
}

 #crono2 {
width: 88%;
    background-color: #ada6a6;
    padding: 6%;
    text-align: center;
        margin-bottom: 4%;
         color: #eee;
         font-size: 1.5em;
}
#crono2:hover{
filter: alpha(opacity=100);
opacity:0.5;
}
#crono3 {width: 88%;
    background-color: #ada6a6;
    padding: 6%;
    text-align: center;
        margin-bottom: 4%;
        color: #eee;
        font-size: 1.5em;
}
#crono3:hover{
filter: alpha(opacity=100);
opacity:0.5;
}







                                /* AGENDA ILUSTRADA */


.agenda {
display: block;
overflow: hidden;
max-width: 65%;
float: left;

}


#tutorialeslink{
float: left;
background-color: #ccc;

padding-top: 4.5%;
padding-left: 6%;
padding-bottom: 6.5%;
    width: 95.2%;
    padding-right: 57%;
font-size: 1.6em;
color: #fff;
    margin-top: 1%;
}

#tutorialeslink:hover{
background-color: #ada6a6;
}
    



#agenda{
font-family: "Roboto";"san-serif";
color:#fff;
margin-left: 1%;
margin-right: 1%;
}

.black{
text-decoration: none;
list-style: none;
font-size: 1.3rem;
padding-left: 2%;
padding-right: 2%;
padding-top: 1%;
color: #fff
}
.light{
font-size: 1rem;
font-weight: 300;
max-width: 56%;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 2%;
}

#a1{
background-color: #69cdb8;
background-image: url(img/ag1.jpg);
background-repeat: no-repeat;
background-position: right;
}
#a1 a{
text-decoration: none;
list-style: none;
color: #ccc;
}
#a2{
background-color: #69cdb8;
background-image: url(img/ag2.jpg);
background-repeat: no-repeat;
background-position: right;
 

}
#a2 a{
text-decoration: none;
list-style: none;
color: #ccc;
}
#a3{
background-color: rgba(105, 205, 184, 0.56);
background-image: url(img/ag3.jpg);
background-repeat: no-repeat;
background-position: right;
 

}
#a3 a{
text-decoration: none;
list-style: none;
color: #ccc;
}
#a4{
background-color: rgba(105, 205, 184, 0.37);
background-image: url(img/ag4.jpg);
background-repeat: no-repeat;
background-position: right;
}

#a4 a{
text-decoration: none;
list-style: none;
color: #ccc;
}

#a5{
background-color: rgba(105, 205, 184, 0.37);
padding-right: 28.6em;
}

#a6{
background-color: rgba(105, 205, 184, 0.37);
padding-right: 29.3em;
}
#a7{
background-color: rgba(105, 205, 184, 0.37);
padding-right: 30.4em;
margin-bottom: 5%;
}
.black1{
font-size: 1.6em;
padding-left: 0.7em;

}
#mas{
background-color: rgba(255, 131, 90, 0.65);
 
max-width: 22%;
padding-left: 2%;
padding-right: 2%;
}
#mas a{
text-decoration: none;
list-style: none;
color:#fff;
}
                                             /* EQUIPO DOCENTE */                


#docente1:hover{
opacity: 0.7;
}
#docente2:hover{
opacity: 0.7
}
#docente3:hover{
opacity: 0.7
}

#docente4:hover{
opacity: 0.7
}
#docente5:hover{
opacity: 0.7
}
#docente6:hover{
opacity: 0.7
}
#docente7:hover{
opacity: 0.7
}
#docente8:hover{
opacity: 0.7
}
.docentespp {
    max-width: 100%;
    background-color: #ccc;
}

#docente1 {
float:left;
    max-width: 60%;

    margin: 1%;
    margin-left: 0%;
    margin-right: 0%;
}

#docente2 {
 float: left;
 max-width: 40%;
}

#docente3 {
 float: left;
 max-width: 40%;
    margin: 1%;
    margin-left: 1%;
}

#ayudantes {
 max-width: 100%;
    position: relative;
}

#docente4 {
 float: left;
 max-width: 20%;
    margin-left: 0%;
}

#docente5 {
 float: left;
 max-width: 20%;
}

#docente6 {
 float: left;
 max-width: 20%;
}

#docente7 {
 float: left;
 max-width: 20%;
}
#docente8 {
 float: left;
 max-width: 20%;
}

              

                                             /* CONTACTO */   
#contacto{
max-width: 35%;

}

#preguntas {
float: right;
    width: 39%;
    margin-top: -1%;


}

#textocontacto {
font-size: 1.4em;
    color: #4c4380;
    margin-top: 2%;
    margin-bottom: 1%;

}

#preguntas p{
font-size: 1.2em;
color:#4c4380;
}

#preguntas a{
list-style: none;
color:#416DE1;
}

#preguntas h4{
font-size: 1.5em;
color:#4c4380;
}
#contacto1 {
float: left;
margin: 2%;
    margin-top: 1%;
} 

#feedback-page{
	float: left;
    max-width: 50%;
}

#form-main{
	width:120%;
	float: left;
	padding-top:0px;

}



.feedback-input {
	color:#3c3c3c;
	font-family: 'roboto', 'sans-serif';

	font-size: 18px;
	border-radius: 0;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 54px;
	margin-bottom: 10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  border: 3px solid rgba(0,0,0,0);
    
    float: left;
}

.feedback-input:focus{
	background: #fff;
	box-shadow: 0;
	color: #3498db;
	outline: none;
  padding: 13px 13px 13px 54px;
}

.focused{
	color:#30aed6;
	border:#30aed6 solid 3px;
}

/* Icons ---------------------------------- */
#name{
	background-image: url(http://rexkirby.com/kirbyandson/images/name.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#name:focus{
	background-image: url(http://rexkirby.com/kirbyandson/images/name.svg);
	background-size: 30px 30px;
	background-position: 8px 5px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email{
	background-image: url(http://rexkirby.com/kirbyandson/images/email.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email:focus{
	background-image: url(http://rexkirby.com/kirbyandson/images/email.svg);
	background-size: 30px 30px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#comment{
	background-image: url(http://rexkirby.com/kirbyandson/images/comment.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background-color:white;
}

#button-blue{
	font-family: 'roboto', 'sans-serif';
	float:left;
	width: 100%;
    opacity: 0.8;
	cursor:pointer;
	background-color: #4c4380;
	color:white;
	font-size:20px;
	padding-top:22px;
	padding-bottom:22px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  margin-top:-4px;
  font-weight:500;
  font-weight:500;
}

#button-blue:hover{
	background-color: #d7d4ea;
	color: #4c4380;
}
	
.submit:hover {
	color: #4c4380;
}
	
.ease {
	width: 0px;
	height: 74px;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}



/* La cátedra */   

#introduccion{
font-size: 2.5em;
color:rgba(76, 67, 128, 0.94);
}

#introduccion1{
font-size: 2.5em;
color:rgba(76, 67, 128, 0.94);
max-width: 100%;
}

.texto .destacado p{
font-family:"Roboto";
font-size: 1.1em;
}


#navcatedra a{
list-style: none;
color:#416DE1;
}

#navcatedra1{
float: left;
max-width:20%;
text-align: left;
margin-left: 3.5%;
}

#navcatedra2{
float: left;
max-width:20%;
text-align: left;
margin-left: 10%;
}
#navcatedra3{
float: left;
max-width:20%;
text-align: left;
margin-left: 6%;
}
#navcatedra4{
float: left;
max-width:20%;
text-align: left;
margin-left: 10%;
}

#navcatedra5{
float: left;
max-width:20%;
text-align: left;
margin-left: 10%;
}

.blacktipo{
font-weight: 800;
font-size: 1.4em;
}

#redessociales{
margin-top: 14%;
}
#navcatedra{
margin-top: 2%

}

#fadu{
max-width: 8%;
padding-bottom: 0.4%;
padding-left: 0.6%;
}

#uba{
max-width: 3%;
padding-left: 0.7%;
}


 /* UBICACION */   

#mapa{
float: left;
margin-bottom: 2.8em;
margin-left: 3em;

}

#infoarriba{
color:#4c4380;
margin-left: 3em;
}

#infoarriba p{
color:#4c4380;
font-size: 1.5em;
}

#textoubicacion{
max-width: 25%;
float: right;
color: #fff;
font-size: 1.2em;
background-color:rgba(76, 67, 128, 0.56);
padding: 2em;
    margin-top: 9.5%;
    
}


#botonubicacion{
display: block;
float: right;
background-color: rgba(181, 178, 178, 0.62);
padding-bottom: 1em;
padding-top: 1em;
padding-left: 6.7em;
padding-right: 8.7em;
margin-top: 1em;
}

#botonubicacion a{
color: #fff;
font-size: 1.8em;
font-family: "oswald";

}
#botonubicacion1{
display: block;
float: right;
background-color: rgba(173, 166, 166, 0.51);
padding-bottom: 1em;
padding-top: 1em;
padding-left: 10em;
padding-right: 9.2em;
margin-top: 1em;
}

#botonubicacion1 a{
color: #fff;
font-size: 1.8em;
font-family: "oswald";

}

/*NUEVO PAAM*/

#byf{
width:960px;   
margin:auto;
text-align: center;   

    
}
    
/*TUTORIALES*/
#texto1{
font-size: 1.4em;
color: #4c4380;
}


#secciones{
background-color: rgba(65, 109, 225, 0.45);
font-size:1.4em;
padding-bottom: 0.5%;
padding-top: 0.5%;
padding-left: 2%;
color:#fff;
max-width: 20%;
margin-bottom: 1.5%;   
}

#videosder{
float: left;
max-width: 31%;
margin-left: 2.3%;

}


#mainvideos{
max-width: 66%;
}

#secciones2{
background-color: #416DE1;
font-size:1.4em;
padding-bottom: 0.5%;
padding-left: 2%;
color:#fff;
max-width: 20%;
margin-bottom: 1.5%;   
margin-top: 60%;
}

#secciones3{
background-color: rgba(65, 109, 225, 0.71);
font-size:1.4em;
padding-bottom: 0.5%;
padding-left: 2%;
color:#fff;
max-width: 20%;
margin-bottom: 1.5%;   
margin-top: 64%;
clear:both;
display: block;
overflow: hidden;
}

#videosder1{
float: right;
max-width: 31%;
margin-top: 5.8%;
}

#videosder2{
float: right;
max-width: 31%;
margin-top: 4.5%;
margin-bottom: 10%;

}


.masvideos{
background-color: #ada6a6;
padding: 1.6%;
font-family: "Oswald";
font-size: 1.7em;
color: #fff;
padding-left: 6%;
padding-right:7%;
margin-left: 1%;
float: left;
margin-bottom: 4%;
}

.masvideos:hover{
background-color: rgba(65, 109, 225, 0.54)
}
#video3{
margin-bottom: 5%;

}


/*OBJETIVOS*/
#imagenobjetivos{
background-image: url(img/objetivos.jpg); 
background-repeat: no-repeat;
padding-bottom: 25%;
max-width: 100%;

}

#linksaside{
float: right;
max-width: 31%;
margin-top: 3%;

}

#objetivos{
max-width: 60%;
    }

.texto1{
margin: 0.5%;
margin-right: 6%;
    
 float: left;
margin-bottom: 3%;
font-family: "Roboto";
font-size: 1.5em;

}
.texto1 p{
font-size: 0.9rem;
    color: rgb(36, 9, 149);
    line-height: 150%;
}



}
.importante a{
text-decoration: none;
list-style: none;
color: #F3F3F3;
font-size: 1.2rem;
}
.verde {color: #7bdeda; font-size: 2rem;}
.rojo {color: #e81b1b; font-size: 2rem;}
.azul {color: #9c9ceb; font-size: 2rem;}


.fecha {
font-size: 1rem;
color: #fff;
line-height: 0.5rem;
}
.info{
font-size: 0.8rem;
line-height: 0.5rem;
}
.imp{
list-style: none;
text-decoration: none;
background-color: #69cdb8;
padding-left: 10%;
margin-left: -17%;
border-radius: 0px 10px 10px 0px;
}
main { float: left; width: 100%;}
main #ppal:hover {filter: alpha(opacity=100); opacity:0.5;}

section article { float: left; margin-top: 0.8%;}

#tituloindex {
font-size: 1.5rem;
}

#propuesta-academica {background-color: #7bdeda;padding-left: 2%; padding-right: 25%;padding-top:1%;padding-bottom: 29%; margin-top: 0.2; font-size: 3em; font-family: oswald; display: block;}
#propuesta-academica:hover{filter: alpha(opacity=100); opacity:0.5;}

#charlas {
    background-image: url(img/charlas.jpg);
    width: 51.8%;
    padding-top: 15%;
    margin: 1%;
    margin-right: 0%;
    float: right;
    margin-bottom: 0%;
}


#propuestaindex {
    background-color: #416de1;
width: 44%;
    padding-left: 3%;
    margin: 0%;
    padding-bottom: 10.2%;
    padding-top: 2%;
    margin-top: 1%;
    float: left;
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 2%;

}
section a {color: #fff;}
#porque {background-color: rgba(50, 58, 253, 0.81);padding-left: 2.3%; padding-right: 1%;padding-top:1%;padding-bottom: 19.5%; margin-top: 0.2; font-size: 3em; font-family: oswald; max-width: 15%; margin-left: 0%;}
#porque:hover{filter: alpha(opacity=100); opacity:0.5;}

#comisionesindex {
 background-image: url(img/comisiones.jpg);
    padding: 7.4%;
    padding-left: 10.6%;
    margin: 1%;
    margin-right: 0.5%;
    float: right;
    margin-bottom: 0%;
}

#refereciaindex {
     background-image: url(img/referencia.jpg);

    width: 32.5%;
    padding-bottom: 15.8%;
    margin: 1%;
    margin-right: 0%;
    float: left;
    margin-bottom: 0%;
}

#ubicacionindex {
background-color: #ada6a6;
        padding: 1.5%;
width: 15.2%;
    margin: 1%;

    padding-bottom: 11.6%;
    margin-right: 0.2%;
    float: right;
    margin-bottom: 0%;
    font-size: 1.2rem;
    color: #fff;
}

#equipoindex {
background-image: url(img/equipoindex.jpg);
    padding: 7%;
    padding-bottom: 9%;
    float: left;
    padding-left: 40%;
    margin-top: 0.7%;
}
    #equipoindex:hover{
    opacity: 0.6;

}

    #refereciaindex:hover{
    opacity: 0.7;

}
    #ubicacionindex:hover{
    opacity: 0.5;

}

    #charlas:hover{
    opacity: 0.7;

}

    #propuestaindex:hover{
    opacity: 0.7;

}

    #tpsdestacados:hover{
    opacity: 0.7;

}

    #comisionesindex:hover{
    opacity: 0.7;

}

#eleginos{
 background-color: #eb8060;  
 float: left;
width: 12.5%;
    padding: 2%;
    font-size: 1.5rem;
    padding-bottom: 21.5%;
    margin-top: 0%;
    margin-left: 1%;
    padding-right: 4%;
}


#eleginos:hover{
    opacity: 0.7;

}

#txt{
    float: left;
    width: 19%;
    height: 20%;
    padding-bottom: 3%;
    padding-top: 3%;
    padding-left: 31%;
    padding-right: 6%;
    background-image: url(img/index1_texto.jpg);
    font-size: 0.8rem;
    color: rgb(25, 25, 124);
        
}

#tpsdestacados {
    
    width: 46%;
    padding: 5%;
    margin-left: 0%;
    background-image: url(img/index4_tpsdestacados.jpg);
    padding-bottom: 10%;
}

#texto {
max-width: 65%;
float: left;
}

#links {
max-width: 20%;
float: left;
    }







/*  NAVEGADOR*/


body {

}

.slicknav_menu {
	display:none;
}



#tp1des {   
    float: left;
    width: 58%;
    
}

#tp2des {   
    float: right;
    width: 57.1%;
    margin-left: 0.5%;
}

#tp3des {   
    float: left;
    width: 58%;
    margin-bottom: 2%;
    
}

#tps{
background-color: rgba(65, 109, 225, 0.45);
font-size:1.4em;
padding-bottom: 0.5%;
padding-top: 0.5%;
padding-left: 2%;
color:#fff;
max-width: 20%;
margin-top: 4%;
    margin-bottom: 1%;
}


#tps1{
background-color: rgba(65, 109, 225, 0.45);
font-size:1.4em;
padding-bottom: 0.5%;
padding-top: 0.5%;
padding-left: 2%;
color:#fff;
max-width: 20%;
margin-top: 1%;
    margin-bottom: 1%;
}

#tpsdestacados {
 font-size: 1rem;
font-family: 'Roboto', sans-serif;
}
                                /*    BOTONERA PARA EL MONITOR     */  




                                     /* FIN BOTONERA BOTON */






         /*  ---------------------------------------------------------   CELULAR   ------------------------- */

#contenedor {
 width: 100%;   
}


@media screen and (max-width: 339px) {
	.js #menu {
		display:none;
        
	}
    
     #headermobile {
  width: 100%;
     padding-top: 38%;
         margin-top: 2%;
     
     background-image: url(img/headermobile.jpg);
 }
    
    #imgheader {
     display: none;   
    }
    
    #titulo3 {
     margin-top: 3%;
        margin-bottom: 2%;
    }
	
	.js .slicknav_menu {
		display:block;
	}
    

    #txt{
    float: left;
    width: 88%;
    height: 44%;
    height: 44%;
    padding-bottom: 10%;
    padding-top: 55%;
    padding-left: 7%;
        margin-top: 2%;
    padding-right: 5%;
    background-image: url(img/textocel.jpg);
    font-size: 0.8rem;
    color: #4c4380;
        
}
    
    .importante {
    display: none;
    }
    
    #slidy-container {
display: none;
    }
    
    #eleginos{
 background-color: #416de1;  
width: 91%;
        margin-left: 0%;
        margin-top: 2%;
        padding-left: 6%;
        padding-top: 5%;
        padding-bottom: 21.5%;

}
    #ubicacionindex {
     display: none;   
    }
    
    #tpsdestacados {
        display: none;
    }
    
    #navcatedra {
    display: none;
    }
    footer {
    font-size: 1.5em;
        margin-top: 2%;
    }
    #redessociales {
    width: 100%;
    }
    #facebook {
    width: 18%;
        opacity: 1;

    }
    
    footer p {
    margin-top: 9%;
        font-size: 0.8em;
    }
    
        #twitter {
    width: 20%;
        opacity: 1;

    }
        #instagram {
    width: 17%;
        opacity: 1;
            margin-left: 0%;

    }
        #pinterest {
    width: 17%;
        opacity: 1;
            margin-left: 0%;
    }
    
           #fadu {
    max-width: 45%;
        opacity: 1;
               margin: 5%;
               margin-top: 7%;

    }
        #uba {
    max-width: 20%;
        opacity: 1;
            float: none;
            
            padding-bottom: 1%;
            
            margin-top: 3%;

    }
    
    #equipoindex {
     padding-left: 92.5%;
        padding-bottom: 35%;
        background-image: url(img/imagencelular4.jpg);
    }
    #comisionesindex {
         padding-left: 92.5%;
        padding-bottom: 35%; 
        margin-right: 0.5%;
        background-image: url(img/imagencelular.jpg); ---------------------------------------poner imagen pa cel
    }
    
    

    
    #propuestaindex {
    
    padding-left: 10%;
        padding-right: 46%;
    }
        #refereciaindex {
width: 100%; 
padding-top: 20%;
        margin-left: 0%;
        background-image: url(img/imagencelular2.jpg); ---------------------------------------poner imagen pa cel */
    }
     #charlas {
         width: 100%;
        padding-top: 51%; 
        margin-left: 0%;
         margin-right: 0%;
     background-image: url(img/imagencelular3.jpg); ---------------------------------------poner imagen pa cel  */
    }
    
    
    #imgheader { width: 100%; }
        #cal1 { width: 97%; margin-left: 0%; padding-left: 4%;}
    #cal2 { width: 97%; margin-left: 0%;padding-left: 4%;}
        #cal3 {display: none;}
        #cal4 { width: 97%; margin-left: 0%; padding-left: 4%;}
        #cal5 { width: 97%; margin-left: 0%; padding-left: 4%;}
        #cal6 { display: none;}
     #cal7 { width: 97%; margin-left: 0%; padding-left: 4%;}
     #cal8 { width: 97%; margin-left: 0%; padding-left: 4%;}
     #cal9 { width: 97%; margin-left: 0%; padding-left: 4%;}
     #cal10 {display: none;}
     #cal11 { width: 97%; margin-left: 0%; padding-left: 4%;}
     #cal12 { display: none;}
         #cal12 { width: 97%; margin-left: 0%; padding-left: 4%;}
         #cal13 { width: 97%; margin-left: 0%; padding-left: 4%;}
         #cal14 { width: 97%; margin-left: 0%; padding-left: 4%; padding-bottom: 16%; padding-top: 4%}
             #cal15 { width: 97%; margin-left: 0%; padding-left: 4%;}
    #navcrono { display: none;}

.botonera-galeria #botonera-galeria1 {
    width: 100%;
    margin-left: 1%;
        margin-top: 3%; background-color: #ada6a6;
                padding-bottom: 1%;
    padding-top: 1%;
}
    
       .botonera-galeria  #botonera-galeria1 a{
	display: block;
	width: 100%;
    font-size: 1rem;
    margin:0%;
    padding-right: 0%;
    padding-left: 0%;
    padding-bottom: 1%;
    padding-top: 1%;
    text-decoration: none;
    text-align: center;
    color: rgb(255, 255, 255);

    }
    
    
    .botonera-galeria #botonera-galeria2 {
    width: 100%;
            margin-top: 3%; background-color: #ada6a6
}
    
    .botonera-galeria  #botonera-galeria2 a{
	display: block;
	width: 100%;
    font-size: 1rem;
    margin:0%;
    padding-right: 0%;
    padding-left: 0%;
    padding-bottom: 1%;
    padding-top: 1%;
    text-decoration: none;
    text-align: center;
    color: rgb(255, 255, 255);

    }
    
    .botonera-galeria #botonera-galeria3 {
    width: 100%;     margin-top: 3%; background-color: #ada6a6;
}
    
        .botonera-galeria  #botonera-galeria3 a{
	display: block;
	width: 100%;
    font-size: 1rem;
    margin:0%;
    padding-right: 0%;
    padding-left: 0%;
    padding-bottom: 1%;
    padding-top: 1%;
    text-decoration: none;
    text-align: center;
    color: rgb(255, 255, 255);}
    
    .botonera-galeria #botonera-galeria4 {
    width: 100%;     margin-top: 3%; background-color: #ada6a6
}
    
        .botonera-galeria  #botonera-galeria4 a{
	display: block;
	width: 100%;
    font-size: 1rem;
    margin:1%;
    padding-right: 0%;
    padding-left: 0%;
    padding-bottom: 0%;
    padding-top: 0%;
    text-decoration: none;
    text-align: center;
    color: rgb(255, 255, 255);}

}
            /*  ---------------------------------------------------------   TABLET   ------------------------- */

@media screen and (max-width: 768px) and (min-width: 340px) {

    footer {
     padding: 0%;
        padding-bottom: 2%;
    }
    #contenedor {
 width: 100%;   
}
    #tpsdestacados {
    width: 35.5%;    
        margin-left: 0%;

    }
    .botonera-galeria #botonera-galeria1 a {
     font-size: 0.7em;
        
    }
    

    #facebook {
    width: 10%;
        opacity: 1;

    }
    

    
        #twitter {
    width: 10%;
        opacity: 1;

    }
        #instagram {
    width: 10%;
        opacity: 1;
            margin-left: 0%;

    }
        #pinterest {
    width: 10%;
        opacity: 1;
            margin-left: 0%;
    }
    
           #fadu {
    max-width: 11%;
        opacity: 1;
               margin: 5%;
               margin-top: 7%;

    }
        #uba {
    max-width: 10%;
        opacity: 1;
            float: none;
            
            padding-bottom: 1%;
            
            margin-top: 3%;

    }
      

    #refereciaindex {
     background-image: url(img/imagentablet.jpg); ----------------------------------------------- colocar imagen
    padding-top: 10%;
        width: 50.9%;
    margin: 1%;
    margin-left: 0%;
    float: left;
    margin-bottom: 0%;
        padding-bottom: 26%;
}
    
    #tpsdestacados {
      padding-top: 26%;
        width: 41%;
        background-image: url(img/imagentablet4.jpg)
    } 
    
    
        #equipoindex {background-image: url(img/imagentablet3.jpg);}
    #charlas {
     background-image: url(img/imagentablet2.jpg)   
    }
    
    #eleginos {
     margin-left: 0%;   
        margin-top: 1%;
        width: 27%;
        background-color: #ada6a6;
        padding-bottom: 11%;
        float: right;
        padding-left: 35%;
    }
    

    #comisionesindex {
     display: none;   
    }
       
a {text-decoration: none;}
nav {
    width: 100%;
    float: left;
    margin-bottom: 1%;
    margin-top:1%;
    font-family: 'oswald';
    font-size: 1rem;
}
    
    #charlas {
        width: 47%;
        padding-top: 26%;
    }
    
    

ul {
    list-style:none;
	padding:0%;
	margin:0px;
    overflow: visible;
    width: 100%;
    position:relative;
    height: 100%;

}
    
ul li{
    margin:0%;
    margin-right: 0%;
    float:left;
    position:relative;
    width: 20%;
}


ul li a{
	display: block;
	width: 100%;

    font-size: 0.7rem;
    margin:0%;
    padding-right: 0%;
    padding-left: 0%;
    padding-bottom: 5%;
    padding-top: 5%;
    text-decoration: none;
    text-align: center;
    color: rgb(255, 255, 255);
    background-color: #e25b6b;
    clear:both;

}

    #navcatedra {
     display: none;   
    }



nav li ul {
				display:none;
				position:absolute;
				max-width:100%;
                        

			}
			
			nav li:hover > ul {
				display:block;

			}
			
			nav li ul li a {
				position:relative;
                    clear:both;
              
                
          
			}
			


ul li ul li{
    margin-right: 0%;
    float:left;
    position:relative;
    width: 100%;
    height: 100%;
   

    
    
}





ul li ul a {
    color: rgb(242, 199, 213);
    background-color: #e25b6b;
                height: 100%;
}


    



    #txt{
    float: left;
    width: 52%;
    height: 20%;
    padding-bottom: 22%;
    padding-top: 3%;
    padding-left: 7%;
    padding-right: 7%;
    background-image: url(img/index1_tablet.jpg);
    font-size: 0.8rem;
    color: #fff;
        
}
    .importante {
     width: 29%;  
        font-size: 1.4em;
        line-height: 2em;
    }
    
    .info {
    font-size: 0.8em;
        line-height: 1rem;
    }
    
        .fecha {
    font-size: 0.8em;
    }
    
    .verde {font-size: 0.8em;}
    .rojo { font-size: 0.7em; }
    .azul { font-size: 0.7em;}



#ubicacionindex {
 display: none;   
}

    #equipoindex {
padding-bottom: 29%;
        float: right;
    }
    
    
    #propuestaindex {
    background-color: #416de1;
    padding: 5.7%;
    padding-left: 2%;
    padding-right: 54.7%;
    margin: 0%;
    padding-bottom: 6.2%;
    margin-top: 1%;
    float: left;
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 3%;

}
    .importante {
     height: 429px;   
    }
    


/*-----------------------------------------------------------RESPONISVE DE CRONO----------------------*/

        #navcrono {
 display: none;   
}
    
    #linkscrono {
    width: 100%;    
    }
    
    #cal1 { width: 31%;}
    #cal2 { width: 31%;}
        #cal3 { width: 31%;}
        #cal4 { width: 31%;}
        #cal5 { width: 31%;}
        #cal6 { width: 31%;}
     #cal7 { width: 31%;}
     #cal8 { width: 31%;}
     #cal9 { width: 31%;}
     #cal10 { width: 31%;}
     #cal11 { width: 31%;}
     #cal12 { width: 31%;}
         #cal12 { width: 31%;}
         #cal13 { width: 31%;}
         #cal14 { width: 31%;}
             #cal15 { width: 31%;}
    
    
    #imgheader {
     width: 100%;   
    }
}

         /*  ---------------------------------------------------------   COMPUTADORA   ------------------------- */

@media screen and (min-width: 769px) {

    
    .js #menu {
        background-color: #e32727;
}

nav {
    width: 100%;
    float: left;
    margin-bottom: 1%;
    margin-top:1%;
    font-family: 'oswald';
    font-size: 1rem;
}

ul {
    list-style:none;
	padding:0%;
	margin:0px;
    overflow: visible;
    width: 100%;
    position:relative;
    height: 100%;
}
    
ul li{
    margin:0%;
    margin-right: 0%;
    float:left;
    position:relative;
    width: 20%;
}


ul li a{
	display: block;
	width: 100%;
    font-size: 1rem;
    margin:0%;
    padding-right: 0%;
    padding-left: 0%;
    padding-bottom: 5%;
    padding-top: 5%;
    text-decoration: none;
    text-align: center;
    color: rgb(255, 255, 255);
    background-color: #e25b6b;
     clear:both;

}




nav li ul {
				display:none;
				position:absolute;
				max-width:100%;
                        

			}
			
			nav li:hover > ul {
				display:block;

			}
			
			nav li ul li a {
				position:relative;
                    clear:both;
              
                
          
			}
			
ul li a:hover {

background-color: #e5909a;}

ul li ul li{
    margin-right: 0%;
    float:left;
    position:relative;
    width: 100%;
    height: 20%;
    padding-bottom: 5%;
    
    
}

ul li ul li: hover{
    margin-right: 0%;
    float:left;
    position:relative;
    width: 100%;
    height: 20%;
        background-color: #e25b6b;
    padding-bottom: 5%;
    
}



ul li ul a {
    color: rgb(242, 199, 213);
    background-color: #e25b6b;
                height: 60%;
}

ul li ul li: hover{
    color: rgb(242, 199, 213);
    background-color: rgb(232, 41, 124);
                height: 20%;
}
    ul li ul a: hover {
    color: rgb(242, 199, 213);
    background-color: #e25b6b;
                height: 60%;
}
    
    

    
#contenedor {

    width:960px;

}
    
    #eleginos {
     width: 12%;   
    }

}