/*CSS RESET*/



#logo {
    float: left;
    width: 60px;
    padding-top: 9px;
    padding-left: 0px;
}


body {
    background-color: #dedede;
    padding: 0;
    margin: 0;
   
}


header {
    padding: 0;
    margin: 0;
    display: block;
    background-color: #3b3b3b;
}


#barraarriba {
    padding: 0;
    margin: 0 auto;
    width: 960px;
}


#barraarriba ul{
    text-align: right;
    margin: 0;
    padding: 30px;
    padding-right: 0;
}


#barraarriba ul li{
    display: inline-block;
    list-style: none;
    margin: 0; 
    padding: 0; 
}

#barraarriba ul li a{
    font-size: 0.6rem;
    text-decoration: none;
    color: #eaeaea;
    padding: 5px;
    margin-right: 0px; 
}

#barraarriba ul li a:hover{
    color:#ff0089;
}


div #portada {
    background-size: cover;
    background-image: url(imagenes/portada.jpg);
    background-position: bottom;
    background-repeat: no-repeat; /* CORREGIDO LE SOBRABA center, ESO VA EN background-position */
    height: 350px;
    min-width: 960px;
    max-width: 1600px;
    padding: 0;
    margin: 0 auto;
}


#portada h1, h2, h3 {
    color: #fff;
    background-color: #ff0089;
    font-family: roboto;
    margin: 0;
}

#teoria {
    height: 0px;
}



#teoria a{
    position:absolute;
    color:#fff;
    text-decoration: none;
    font-style: none;
    
}




div#titulos {
    overflow: auto;
    margin: 0 auto;
    width: 960px;
    height: 200px;

    
}


h1 {
    width: 319px;
    padding-left: 8px;
    padding-right: 8px; /* CORREGIDO: LE FALTABA px */
    
}


h2 {
    font-size: 20px;
    padding-left: 8px; /* CORREGIDO: LE FALTABA px */
    padding-right: 8px; /* CORREGIDO: LE FALTABA px */
    padding-bottom: 3px;
    width: 280px; /* CORREGIDO: LE FALTABA px */
}


h3 {
    position: relative;
    top:72px;
    font-size: 10px;
    padding-left: 8px; /* CORREGIDO: LE FALTABA px */
    padding-right: 8px; /* CORREGIDO: LE FALTABA px */
    padding-top: 5px; /* CORREGIDO: LE FALTABA px */
    padding-bottom: 5px; /* CORREGIDO: LE FALTABA px */
    background-color: #3b3b3b;
    width: 50px;
    min-width: 30px;
}





div#abajo {
    padding: 0;
    margin:0;
}



#redes{
    right: 360px;
    top: 2px;
    position: absolute;
    display: inline-block;
}


img#f { 
    padding: 2px;
    margin-left: 70px;
    width: 25px;
}


img#g { 
        padding: 2px;
   margin-left: 35px;
width: 25px;
}


img#t {
        padding: 2px;
width: 25px;
}


img#f:hover {

 background: #ff0089;
}

img#g:hover {
    background: #ff0089;
}

img#t:hover {
    background: #ff0089;
}

#main {
top: -20px;
}

div#texto {
    padding: 0px;
    overflow: auto;
    width: 600px;
    color: #000;
    background-color: #eaeaea;
    font-size: 12px;
    font-family: roboto;
    padding-left: 10px;

}

#textotitulo {
        margin-left: 0px;
        padding: 4px;
        padding-left: 15px;
}

.textogaleria {
margin-top: 20px;
}

.textogaleria ul{
padding: 0px;
margin: 0px;  
list-style: none;
}

.textogaleria1 {
margin: 10px;
margin-left: 14px;
border: 1px solid #000;
float: left;
width: 170px;
height: 170px;
}

.textogaleria2 {
background-image: url(imagenes/tpsdestacados1.jpg);
background-size: cover;
margin: 10px;
margin-left: 14px;
border: 1px solid #000;
float: left;
width: 562px;
height: 170px;
}

.textogaleria2:hover {
background-image: url(imagenes/tpsdestacados2.jpg);
background-size: cover;
}


.textoprox {
    
        color: white;
        background-color: #ff0089;
        font-size: 12px;
        font-family: roboto;
        padding: 4px;
        padding-left: 20px;
}

.textoprox2 {
font-size: 12px;
font-family: roboto;
padding: 20px;
padding-top: 0px;
}
  
.textoprox3 {color: white;
        background-color: #7e7e7e;
        font-size: 12px;
        font-family: roboto;
        padding: 4px;
        padding-left: 20px;}

.textoprox2 ul{
list-style:square;
}

/*BOTONES GALERIA*/



#tps1 {
background-image: url(imagenes/tpsactuales1.jpg);
background-size: cover;
}
#tps1:hover {
background-image: url(imagenes/tpsactuales2.gif);
background-size: cover;
}
#tps2 {
background-image: url(imagenes/tps20131.jpg);
background-size: cover;
}
#tps2:hover {
background-image: url(imagenes/tps20132.jpg);
background-size: cover;
}
#tps3 {
background-image: url(imagenes/tps20121.jpg);
background-size: cover;
}
#tps3:hover {
background-image: url(imagenes/tps20122.jpg);
background-size: cover;
}
#tps4 {
background-image: url(imagenes/tps20111.jpg);
background-size: cover;
}
#tps4:hover {
background-image: url(imagenes/tps20112.jpg);
background-size: cover;
}
#tps5 {
background-image: url(imagenes/tps20111.jpg);
background-size: cover;
}
#tps5:hover {
background-image: url(imagenes/tps20112.jpg);
background-size: cover;
}
#tps6 {
background-image: url(imagenes/tps20111.jpg);
background-size: cover;
}
#tps6:hover {
background-image: url(imagenes/tps20112.jpg);
background-size: cover;
}


div#prox {
    z-index: 2px;
    right: 0px;
    position: absolute;
    top: -120px;
    width: 360px;
    background-color: #ffe8f4;
}

div#login {
    padding-left: 0px;
    margin-left: 0px;
    top: -13px; /* CORREGIDO: LE FALTABA px */
    right: 0px;
    position: absolute;
}


div#login ul li {
            list-style: none;
            font-family: roboto;
            }


#teoria {
    
position: relative;
}


.boton {
        float: right;
        padding: 1px;
        font-family: roboto;
        font-size: 11px;
    margin-bottom: 10px;
      }

.texto_boton {
            text-align: right;
            color: #a82c96;
            font-family: roboto;
            font-size: 12px;
            margin-bottom: 2px;
}



/*FOOTER*/

footer {
    width: 970px;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    font-family: roboto;
}

footer ul a{
    color: #5f5f5f;
font-style: none;
}

#lineaabajo{
    display: block;
    height: 1px;
    background-color: #8e8e8e;
    margin-bottom: 10px;
}

/*CATEDRA*/



div#catedramain {
    margin: 0px;
    padding: 0px;
    position: relative;
    /*height: 700px;*/
}




#catedramain a {
    margin: 20 auto;
    display: block;
    color:#3b3b3b;
    text-decoration: none;
    font-style: none;
    font-family: roboto;
    font-size: 12px;
    align-content: center;
    left: 50%;
}


#catedramain a h1 {
    margin: 0 auto;
        text-align: center;
}

div#main, div#catedramain {
    position: relative;
    background-color: #f4f4f4;
    width: 970px;
    padding: 0;
    margin: 0 auto;

}

#catedramaintexto1 {
    width: 550px;
    margin: 30px;
    font-family: roboto;
    font-size: 15px;
    color: #464646;
}

#foto1a {
float: right;
height: 235px;

}

#foto1 {
    position: absolute;
    top: 65px;
    right: 30;
    overflow: auto;
}


#catedramaintexto2 {
    float: right;
    left: 550px;
    width: 550px;
    margin: 30px;
    font-family: roboto;
    font-size: 15px;
    color: #464646;
}

#foto2a {
float: left;
height: 235px;

}

#foto2 {
    position: absolute;
    top: 380px;
    left: 25px;
    overflow: auto;
}

.refapuntes ul li {
    list-style: none;
    color: #000;

}


.refapuntes1 {
    font-family: roboto;
    color: #212121;
    padding-left: 20px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #eaeaea;
    width: 500px;
    border: 1px solid #000;
    float: left;
}

.refapuntes1:hover {
background-color: rgba(255, 0, 137, 0.76);
}

.refapuntes2 {
    margin-right: 30px;
    width: 350px;
    height: 500px;
    border: 1px solid #000;
    float: right;
}


#linksa{
margin-top: 20px;
    margin-left: 20px;
    font-family: roboto;
font-size: 15px;

}


#linksa2{
    margin-top: 20px;
        margin-left: 20px;
    font-family: roboto;
font-size: 13px;

}


#cuadritosapuntes {
    
    background-color: #fff;
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 10px;
}

#cuadritosrefapuntes2 {
    margin-right: 25px;
border: 2px solid #ff00ba;
background: url('imagenes/doberti.jpg') no-repeat;
background-size: cover;
float: right;
width: 80px;
height: 80px;
border: 1px solid #959595;
}

.textoapuntes {
    font-size: 18px;
    font-family: roboto;
    margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 50px;

}


.docentestitulo {
    margin: 0px;
    padding: 0px;
    font-size: 30px;
    font-family: roboto;
    padding: 40px;
    padding-left: 0px;
}

.docentesinfo {
margin-left: 50px;
}

.tanda {
height: 210px;
width: 180px;
border: 2px solid #ff0089;
float: left;
margin-right: 30px;
margin-bottom: 30px;
}

.tanda1 {
height: 210px;
width: 180px;
border: 2px solid #ff0089;
float: left;
margin-right: 30px;
margin-bottom: 30px;
background-color: #ff0062;
}

.docentes1 {
height: 150px;
width: 180px;
}

.docentes2 {
text-align: center;
font-family: roboto;
font-size: 14px;
line-height: 12px;
margin:5px;
margin-top: 10px;
}

#docfoto1 {
background-color: #eae;}
#docfoto2 {
background-color: #d096d0;}
#docfoto3 {
background-color: #bf4dbf;}
#docfoto4 {
background-color: #cae;}
#docfoto5 {
background-color: #b752b7;}
#docfoto6 {
background-color: rgba(238, 170, 238, 0.65);}
#docfoto7 {
background-color: #8078e5;}
#docfoto8 {
background-color: #eae;}
#docfoto9 {
background-color: #d14295;}

#docinfo1 {
color: #eaeaea;

}

.docentesinfo h4{
margin: 0px;
padding: 0px;
    
}


.textolacatedra {
font-family: roboto;
font-size: 13px;
width: 825   
}

.textopropuesta {
    float: left;
font-family: roboto;
font-size: 13px;
width: 825px;
}


.bannercatedra {
    height: 150px;
width: 870px;
    background-image: url(imagenes/1614446_10203486352338000_1122700580319413769_o.jpg);
        background-size: cover;
}







/* .cuadraditos {
height: 50px;
    width: 50px;
    background: #fff;
    position: absolute;
    top:300px;
    left: 50px;
}

.padredecuadrado{ width: 960px; margin: 0 auto; height: 400px; border: 1px solid #fff; position: relative;} */