@font-face {
    font-family: 'robotolight';
    src: url('fuenteweb/roboto-light-webfont.eot');
    src: url('fuenteweb/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuenteweb/roboto-light-webfont.woff2') format('woff2'),
         url('fuenteweb/roboto-light-webfont.woff') format('woff'),
         url('fuenteweb/roboto-light-webfont.ttf') format('truetype'),
         url('fuenteweb/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoblack';
    src: url('fuenteweb/roboto-black-webfont.eot');
    src: url('fuenteweb/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuenteweb/roboto-black-webfont.woff2') format('woff2'),
         url('fuenteweb/roboto-black-webfont.woff') format('woff'),
         url('fuenteweb/roboto-black-webfont.ttf') format('truetype'),
         url('fuenteweb/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedlight';
    src: url('fuenteweb/robotocondensed-light-webfont.eot');
    src: url('fuenteweb/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuenteweb/robotocondensed-light-webfont.woff2') format('woff2'),
         url('fuenteweb/robotocondensed-light-webfont.woff') format('woff'),
         url('fuenteweb/robotocondensed-light-webfont.ttf') format('truetype'),
         url('fuenteweb/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedbold';
    src: url('fuenteweb/robotocondensed-bold-webfont.eot');
    src: url('fuenteweb/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuenteweb/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('fuenteweb/robotocondensed-bold-webfont.woff') format('woff'),
         url('fuenteweb/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('fuenteweb/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedregular';
    src: url('fuenteweb/robotocondensed-regular-webfont.eot');
    src: url('fuenteweb/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuenteweb/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('fuenteweb/robotocondensed-regular-webfont.woff') format('woff'),
         url('fuenteweb/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('fuenteweb/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_slabbold';
    src: url('fuenteweb/robotoslab-bold-webfont.eot');
    src: url('fuenteweb/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuenteweb/robotoslab-bold-webfont.woff2') format('woff2'),
         url('fuenteweb/robotoslab-bold-webfont.woff') format('woff'),
         url('fuenteweb/robotoslab-bold-webfont.ttf') format('truetype'),
         url('fuenteweb/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('fuenteweb/robotocondensed-lightitalic-webfont.eot');
    src: url('fuenteweb/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuenteweb/robotocondensed-lightitalic-webfont.woff2') format('woff2'),
         url('fuenteweb/robotocondensed-lightitalic-webfont.woff') format('woff'),
         url('fuenteweb/robotocondensed-lightitalic-webfont.ttf') format('truetype'),
         url('fuenteweb/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_slabregular';
    src: url('fuenteweb/robotoslab-regular-webfont.eot');
    src: url('fuenteweb/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuenteweb/robotoslab-regular-webfont.woff2') format('woff2'),
         url('fuenteweb/robotoslab-regular-webfont.woff') format('woff'),
         url('fuenteweb/robotoslab-regular-webfont.ttf') format('truetype'),
         url('fuenteweb/robotoslab-regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_slabthin';
    src: url('fuenteweb/robotoslab-thin-webfont.eot');
    src: url('fuenteweb/robotoslab-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuenteweb/robotoslab-thin-webfont.woff2') format('woff2'),
         url('fuenteweb/robotoslab-thin-webfont.woff') format('woff'),
         url('fuenteweb/robotoslab-thin-webfont.ttf') format('truetype'),
         url('fuenteweb/robotoslab-thin-webfont.svg#roboto_slabthin') format('svg');
    font-weight: normal;
    font-style: normal;

}@font-face {
    font-family: 'robotoregular';
    src: url('fuenteweb/roboto-regular-webfont.eot');
    src: url('fuenteweb/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuenteweb/roboto-regular-webfont.woff2') format('woff2'),
         url('fuenteweb/roboto-regular-webfont.woff') format('woff'),
         url('fuenteweb/roboto-regular-webfont.ttf') format('truetype'),
         url('fuenteweb/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



header {
   background-image: url(imagenes/1de1.jpg);
   background-repeat: no-repeat;
   background-size: 60rem;
   height: 16rem;
}

header nav {
    width: 40rem;
    height: 10%;
    margin-top: 3.5rem;
    margin-right: 0.5rem;
    float: right;
}
    
nav ul {
    list-style: none;
    overflow: auto;
    background-color: rgba(51, 51, 51, 0.76);
}


nav ul li a {
    text-decoration: none;
    float: left;
    padding-left: 4rem;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-family: 'roboto_condensedregular';
}

#otro{
    background-color: #f8f8d9;
    width: 70rem;
    margin: auto;
}




nav ul li a:hover {
    color: rgba(4, 5, 5, 0.76);
}

nav ul li #active {
    color: #cc3300;
}


#hola {
    background-image: url(imagenes/2de1.jpg);
   background-repeat: no-repeat;
   background-size: 60rem;
   height: 23rem;
    margin-top: 2rem;
}


#inicio h1 {
    text-align: center;
    font-family: 'roboto_condensedlight';
    font-size: 40pt;
    margin-bottom: 0rem;
    clear: both;
    margin-top: 1rem;
}


#inicio h2 {
    text-align:center;
    font-family: 'roboto_slabthin';
    font-size: 20pt;
    margin-top: 0rem;
}

#anotate{
    background-image: url(imagenes/4de1.jpg);
    margin-top: 3rem;
    background-repeat: no-repeat;
    height: 3rem;
    background-size: 60rem;
}


#fondo {
    background-color: #f8f8d9;
    width: 60rem;
    margin: auto;
}


#primer {
    width: 60rem;
    height: 25rem;
    margin: auto;
    clear: both;
    margin-top: 2rem;
}

#apuntes {
    width: 16rem;
    margin-left: 1rem;
    margin-right: 2.5rem;
    margin-top: 1rem;
    float: left;
}

#charla {
    float: left;
    width: 40rem;
    margin-right: 0rem;
}

h3{
    text-align: center;
    clear: both;
    width: 60rem;
    margin: auto;
    margin-top: 2rem;
    font-family: 'roboto_condensedbold';
    font-size: 20px;
    letter-spacing: 10pt;
}

#botones {
    width: 60rem;
    height: 5rem;
    clear: both;
    margin-top: 2rem;
}

.boton {
    float: left;
    margin-left: 4rem;
    width: 15rem;
    
}

#fyt {
    width: 60rem;
    height: 8rem;
    clear: both;
    margin-top: 8rem;
}


#logos {
    float: right;
    width: 3rem;
}






/*           PAGINA DE LA CATEDRA              */


#acerca{
    width: 60rem;
    height: 50rem;
    clear: both;
    margin-top: 3rem;
}

#acerca #texto {
    width: 40rem;
    height: 60rem;
    clear: both;
    float: left;
    margin-right: 2rem;
}

h4 {
    clear: both;
    font-family: 'roboto_slabbold';
    font-size: 18pt;
    margin-top: 0.3rem;
    padding-top: 0rem;
    margin-bottom: 0rem;
}


h5 {
    clear: both;
    font-family: 'robotolight';
}

#contacto {
    clear: both;
    float: right;
}

#cocatedra {
    width: 18rem;
    height: 60rem;
    float: left;
    margin: 0rem;
}

#expoc {
    width: 18rem;
}

#roldanc {
    width: 18rem;
    margin-top: 1rem;
}

#anotatec {
    width: 18rem;
    margin-top: 1rem;
}

#texto h1{
    font-family: 'roboto_condensedlight';
    font-size: 40pt;
    margin-top: 0rem;
    margin-bottom: 0rem;
}




/*           PAGINA DE LOS ALUMNOS              */


#alum {
    width: 60rem;
    height: 85rem;
    clear: both;
    margin-top: 3rem;
}



#rotua{
    width: 16rem;
    height: 85rem;
    float: left;
    margin-right: 2rem;
    margin-left: 1rem;
}


#cuerpoal{
    width: 40rem;
    height: 85rem;
    float: left;
}


#cuerpoal h1{
    font-family: 'roboto_condensedlight';
    font-size: 50px; 
    margin-top: 0rem;
    margin-bottom: 0.5rem;
    padding: 0rem;
    padding-bottom: 0rem;
}


#veref{
    border-bottom-style: solid;
    border-bottom-color: #669999;
    padding-bottom: 1rem;
    padding-top: 0.5rem;
    height: 3rem;
}


#char{
    width: 40rem;
}


#refe{
    width: 40rem;
    margin-top: 1rem;
}



h6{
    text-align: center;
    font-family: 'roboto_condensedbold';
    font-size: 20px;
    letter-spacing: 10pt;
    padding-top: 0rem;
    padding-bottom: 0rem;
    margin-top: 2rem;
    margin-bottom: 0rem;
}

#apun{
    width: 16rem;
    margin-top: 2rem;
}

#rotdes{
    width: 16rem;
}

#galal{
    width: 16rem;
    margin-top: 1rem;
}

h7{
    font-family: 'roboto_slabbold';
    font-size: 18px;
    margin-top: 0rem;
    padding: 0rem;
    padding-top: 0rem;
}

h8{
    font-family: 'roboto_condensedlight';
    font-size: 16px;
}

h9{
    font-family: 'roboto_condensedregular';
    font-size: 16px;
}


#cuerpoal h2{
    font-family: 'roboto_condensedlight';
    font-size: 30px;
    padding-top: 0rem;
    padding-bottom: 0rem;
    margin-top: 1rem;
    margin-bottom: 0rem;
    letter-spacing: 10pt;

}

#cuerpoal p{
    font-family: 'roboto_condensedlight';
    font-size: 16px;
}



/*           PAGINA EXPO              */



#fexpo{
    width: 60rem;
    clear: both;
    margin: auto;
}

#fexpo h1{
    text-align: center;
    font-family: 'roboto_condensedlight';
    font-size: 40pt;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#fexpo p{
    text-align: center;
    font-family: 'roboto_condensedbold';
    font-size: 20px;
    letter-spacing: 10pt;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

#bb{
    width: 60rem;
    clear: both;
    margin: auto;
}

#ola{
    text-align: center;
}


#galeria{
    clear: both;
    width: 60rem;
    margin: auto;
    height: 33rem;
    margin-top: 0rem;
    padding-top: 0rem;
}


.gal{
    float: left;
    width: 17rem;
    margin-left: 2.2rem;
    margin-top: 2rem;
}
    
#foti{
    clear: both;
    margin-top: 2rem;
    margin: auto;
}

#tal a{
    float: right;
    clear: both;
    margin-top: 0.5rem;
}

#tal{
    width: 60rem;
    clear: both;
}


#tal h3{
    text-align: left;
    font-family: 'roboto_condensedbold';
    font-size: 20px;
    margin-bottom: 1rem;
}



/*           PAGINA DE LOS DOCENTES              */



#doce{
    width: 60rem;
    clear: both;
    margin-top: 3rem;
}

#rotdo{
    width: 16rem;
    float: left;
    margin-right: 3rem;
    margin-left: 3rem;
}

#cuedo{
    width: 38rem;
    float: left;
}

#cuedo .fotos{
    margin-bottom: 1rem;
}


.pre{
    width: 16rem;
}

#lu h1{
    float: left;
    width: 16rem;
    margin-left: 3rem;
    font-family: 'roboto_condensedlight';
    font-size: 40pt;
    margin-top: 1rem;
    margin-bottom: 2rem;
    margin-right: 3rem;
}

#lu p{
    float: left;
    width: 38rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-family: 'roboto_slabregular';
    font-size: 15px;
}

#lu{
    border-bottom-style: solid;
    border-bottom-color: #cc3300;
    height: 6.5rem;
    border-width: 5px;
}


#comen p{
    text-align: left;
    padding: 0.6rem;
    font-family: 'roboto_condensedlight_italic';
    font-size: 20px;
    color: #cc3300;
}

#comen{
    width: 16rem;
    border: solid;
    border-width: 0.2rem;
    border-color: rgba(95, 93, 92, 0.88);
    margin: auto;
    clear: both;
    margin-top: 2rem;
}


#ficha{
    border-bottom: solid;
    border-bottom-color: #cc3300;
    border-bottom-width: 0.4rem;
    border-top: solid;
    border-top-color: #cc3300;
    border-top-width: 0.4rem;
    margin-top: 2rem;
    width: 16rem;
    height: 5rem;
}

#coso{
    float: left;
    margin-left: 0.5rem;
    margin-top: 1rem;
}

#ficha a{
    float: left;
    margin-left: 0.5rem;
    margin-top: 1.5rem;
    font-family: 'roboto_slabregular';
    font-size: 25px;
    color:black;
}

.ano{
    width: 16rem;
    margin-top: 2rem;
}



    












/*                           PIE DE PAGINA                        */

footer{
    clear: both;
    text-align: center;
    width: 60rem;
    margin: auto;
}