@import url(http://fonts.googleapis.com/css?family=Oswald:700,300);

.pagina {max-width: 100%;
         margin: 0 auto;}

.perfil{margin: 0;
    background-image: url(tp/img/fondo-1.jpg);
    background-repeat: repeat;
    font-size: 14px;
    font-family:'Oswald', sans-serif;}  


main{width: 960px;
    height: auto;
    margin: 0 auto;}



header {
width: 100%;
height: 80px;
margin: 0 auto;
background: #003366;
}

.logo_uba {float: left;
padding-top: 6px;}


nav {
width: 960px;
    margin: 0 auto;
}


nav ul {font-family:'Oswald', sans-serif;
        font-size: 2rem;
        list-style: none;
        width: 960px;
        height: auto;
        margin: 0 auto;
        background: #003366;
        color: #FFF;
        float: right;
        position: relative;
        display: block;

}

nav ul li a {
font-family: 'Oswald', sans-serif;
font-size: 1.3rem;
list-style: none;
height: auto;
margin: 0 auto;
background: #003366;
color: #FFF;
float: right;
position: relative;
padding: 40px 0px 0px 25px;
text-decoration: none;
display: inline;
}


nav ul li a:hover {color: #FAC864;
                }
    

.foto {
margin: 20px 0 20px 0;
width: 65%;
height: 405px;
}



.section{
    display: inline-block;
    }



.materias {
background: #FAC864;
width: 52%;
height: 76%;
display: inline-block;
margin-top: 20px;
float: right;
padding-left: 15px;
color: #003366;
}

.materias h1 {
color: #003366;
margin: 5px 0 0 0;
padding: 0;
font-size: 2rem;
}

.materias h1 a {text-decoration: none;
color: #003366;
margin: 5px 0 0 0;
padding: 0;
font-size: 2rem;
}

.materias h1 a:hover {
color: #F16461;

}

.materias h2 {
color: #003366;
margin: 0;
padding: 0;
font-size: 1.5rem;
}

.materias h2 a{text-decoration: none;
color: #003366;
margin: 0;
padding: 0;
font-size: 1.5rem;
}

.materias h2 a:hover {
color: #F16461;

}


span {font-weight: bold;
    }






footer {
background: #003366;
width: 100%;
padding: 0 auto;
margin-top: 98px;
}


footer p {
font-size: 0.9rem;
color: #FAC864;
text-align: center;
max-width: 960px;
padding: 0 auto;
margin: 0 auto;
padding: 5px 0 5px 0;
}


@media screen and (max-width: 768px) 
    {
        
.logo_uba {
float: left;
padding-top: 6px;
display: none;}
        
.pagina {
max-width: 768px;
margin: 0 auto;
}       
        
        
        main {height:  900px}
    .materias {width: 100%;
        float: left;
        height: 45%;
        margin: 2% 0 4% 0;}
    .art1 {height: 75%;
                margin: 0 0 2% 0;}
        .legales {height: 10%;}
    .section1 {height: 320px;
                width: 320px;}
        footer {height: 120%}
    nav article h1 {font-size: 0.8rem}
}