/* Hoja de estilos Jessica Cukierman */
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700,300,200);
@import url(http://fonts.googleapis.com/css?family=Medula+One);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);



body {background-image: url(img/fondo.jpg); width: 100%; height: 10rem; background-position: center; font-family: Arial; font-size: 10pt; padding-top: 20px;}

#pagina {
background: rgba(88, 88, 90, 0.8); 
max-width: 960px; 
height: 950px;
margin: auto; 
padding-left: 10px; 
padding-top: 20px; 

}

#pagina2 {
background: rgba(88, 88, 90, 0.8); 
max-width: 960px; 
height: 1200px;
margin: auto; 
padding-left: 10px; 
padding-top: 20px; 

}


#titulo {
max-width: 960px; 
margin: 0 auto;
height: 90px;;


}


#logos { 
max-width: 960px; 
float: right;
margin-right: 177px;
margin-bottom: 0px;}

#fotos {
margin-left: 40px;
float: left;

}

article {margin-top: 0px;}

aside {
float: right;


}

/*Secciones index*/
section#video { 
text-align: left; 
width: 90%; 
position: relative;
padding: 15px;
margin-left: 20px;}

section#info_secun1 {
text-align: left; 
width: 34%; 
height: 120px;
float: left;
border-top: 4px #39BAE7 solid;
border-bottom: 4px #39BAE7 solid;
background-color: rgba(227, 248, 255, 0.51);
position: relative;
padding: 15px;
margin-left: 35px;
margin-bottom: 10px;
margin-top: 10px;}

section#info_secun2 {
text-align: left; 
width: 20%; 
height: 120px;
float: left;
border-top: 4px #39BAE7 solid;
border-bottom: 4px #39BAE7 solid;
background-color: rgba(227, 248, 255, 0.51);
position: relative;
padding: 15px;
margin-left: 20px;
margin-top: 10px;}

section#info_secun3 {
text-align: left; 
width: 21%; 
height: 120px;
float: right;
border-top: 4px #39BAE7 solid;
border-bottom: 4px #39BAE7 solid;
background-color: rgba(227, 248, 255, 0.51);
position: relative;
padding: 15px;
margin-right: 75px;
margin-top: 10px;}

/*Secciones cátedra*/

section#jefe {
text-align: left; 
width: 20%; 
float: left;
position: relative;
padding: 15px;
margin-bottom: 20px;
margin-left: 40px;
border-top: 4px #DD0860 solid;
border-bottom: 4px #DD0860 solid;
background-color: #fff;
}

#mañana {
text-align: left; 
width: 26%; 
float: left;
position: relative;
padding: 15px;
margin-bottom: 20px;
margin-left: 50px;
border-top: 4px #DD0860 solid;
border-bottom: 4px #DD0860 solid;
background-color: rgba(255, 232, 242, 0.51);

}

#noche { 
text-align: left; 
width: 26%; 
float: left;
position: relative;
padding: 15px;
border-top: 4px #DD0860 solid;
border-bottom: 4px #DD0860 solid;
background-color: rgba(255, 232, 242, 0.51);
margin-right: 40px;
margin-left: 30px;

}

#cajafoto {
width: 110px;
height: 130px;
float:left;
margin-left: 10px;
margin-top: 10px;}


/* Secciones recursos */

section#info_secun1_recursos {
text-align: left; 
width: 40%; 
height: 600px;
float: left;
border-top: 4px #F1C612 solid;
border-bottom: 4px #F1C612 solid;
position: relative;
margin-left: 80px;
padding-top: 20px;
margin-top: 20px;
}

section#info_secun2_recursos {
text-align: left; 
width: 36%; 
height: 600px;
float: right;
border-top: 4px #F1C612 solid;
border-bottom: 4px #F1C612 solid;
position: relative;
margin-right: 80px;
padding-top: 20px;
margin-top: 20px;
}



/* Secciones audiovisual */
.info_secun1_fotos{
text-align: left; 
width: 20%; 
float: right;
position: relative;
border-bottom: 4px solid #4AAE69;
border-top: 4px solid #4AAE69;
background-color: rgba(234, 253, 240, 0.51);
margin-right: 45px;
margin-bottom: 10px;
margin-top: 30px;
padding-bottom: 15px;
padding-top: 10px;
padding-left: 7px;
}


/* Secciones contacto */
#info_secun1_contacto {
text-align: left; 
width: 25%; 
float: left;
background-color: rgba(253, 241, 231, 0.51);
border-top: 4px solid #EE7F27;
border-bottom: 4px solid #EE7F27;
position: relative;
padding: 15px;
margin-right: 20px;
margin-left: 40px;
}

#info_secun2_contacto {
height:452px;
width: 403px;
float: left;
margin-left: 20px;
border-top: 4px solid #EE7F27;
border-bottom: 4px solid #EE7F27;
}




h1 {font-size: 115px; 
    font-family: 'Oswald', sans-serif; 
    font-weight: 700; 
    margin-bottom: 0px;
    
        
    }


h4 {text-align: right;font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 19px; padding-right: 20px; margin-top: 50px;}

h5 {font-family: 'Yanone Kaffeesatz', sans-serif; 
    font-weight: 700;
    font-size: 16px; 
    padding: 0px; 
    margin: 0px;


}


.seccion {text-align: left; 
        font-size: 45px; 
        font-family: 'Medula One', cursive; 
        margin-top: 100px; 
        display: block; 
        }


.sub_seccion {text-align: left; 
            font-size: 25px; 
            font-family: 'Yanone Kaffeesatz', sans-serif; 
            font-weight: 400;} 


.navegador {font-family: 'Oswald', sans-serif;
            font-weight: 300;
            font-size: 15px; 
            margin-left: 40px;
            color: #fff; 
            }

.titulos_internos {text-align: left; 
                font-size: 24px; 
                font-family: 'Yanone Kaffeesatz', sans-serif; 
                font-weight: 400; }

.texto {font-family: 'Yanone Kaffeesatz', sans-serif;
        font-weight: 300;
        font-size: 16px; }

.links { font-family: 'Yanone Kaffeesatz', sans-serif; 
        font-size: 16px;
        font-weight: 700;
        color: #fff;
        text-decoration: none; }




/* BOTONERA */
nav {position: absolute;
    list-style: none;
    margin: 2px;
    padding: 4px;
    
    
   
}
nav ul {  margin-right: 10px;
    margin-left: 10px;
    display:inline-block;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #000;
  
    
    
}
nav ul li {
    margin-right: 10px;
    margin-left: 10px;
    padding: 6px;
   float: left;
   
}

nav ul li a {
    text-decoration: none;
    font-family: 'Medula One', cursive;
    color: #000;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 24px;
    float: left;

}

nav ul li.inicio:hover{
    color: rgb(0,0,0);
    background-color: #39BAE7;
}

nav ul li.catedra:hover{
    color: rgb(0,0,0);
    background-color: #DD0860;
}

nav ul li.material:hover{
    color: rgb(0,0,0);
    background-color: #F1C612;
}


nav ul li.audiovisuales:hover{
    color: rgb(0,0,0);
    background-color: #4AAE69;
}


nav ul li.contacto:hover{
    color: rgb(0,0,0);
    background-color: #EE7F27;
}

nav ul li.inicio_{
    color: rgb(0,0,0);
    background-color: #39BAE7;
}

nav ul li.catedra_{
    color: rgb(0,0,0);
    background-color: #DD0860;
}

nav ul li.material_{
    color: rgb(0,0,0);
    background-color: #F1C612;
}


nav ul li.audiovisuales_{
    color: rgb(0,0,0);
    background-color: #4AAE69;
}



nav ul li.contacto_{
    color: rgb(0,0,0);
    background-color: #EE7F27;
}


/* FOOTER */
footer {
    background-color: rgba(0, 0, 0, 0.8);
    max-width: 864px; 
    margin: auto; 
    height: 110px;
    color: #fff;
    padding-left: 8%;
    padding-top: 2%;

}

#footer_5columnas {
    float: left;
    column-width: 18%;
    margin-right: 5%;
    

}