@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
html {font-size: 16px;}
.contenedor { max-width: 960px; margin: 0 auto 0 auto;}
header {min-height: 20px; text-align: center;}
.centro {text-align: center;
margin:10px; margin-bottom: 30px;padding: 50px;}
nav {min-height: 80px;}
nav ul {list-style: none;}
nav ul li { position: relative; float: left; margin-left: 0px;}
nav ul li a {text-decoration: none;
    font-family:'arial', 'bold';
    font-size: 0,8rem;
    font-weight: 400; 
    color: black; 
    margin: 300px; 
    padding: 10px; margin-bottom: 60px; margin-top: 35px;} 
section {width: 100%;
        position: relative; float: left;}
article { max-width: 960px; margin: 0 auto 0 auto;}
h1 {font-family: 'Oswald', sans-serif;
    font-size: 1rem; margin-top: 30px; margin-left: 400px;
    .centro {text-align: center;
margin:10px; margin-bottom: 30px;padding: 50px;}
}
p{padding: 5px;margin: 5px; font-family: 'arial', bold; margin-left:345px; margin-top: 50px; margin-bottom: 0px;
color: #ffffff; text-align: left; } 
.destacado2 {background-color: black; width:212px; height:32px} 

.destacado  { font-family:'arial';  width:34%; height: 580px;
position: relative;
    float: left;
    margin-left: 660px;
    background-color: #eaeaec;
    padding: 20px; margin-top: -300px; font-size: 0,8rem; font-kerning: 1pt; color: black;
    
}


.materias {
    width: 212px;
    min-height: 230px;
    position: relative; float: left;
background-color: #98edd0;
    padding: 20px;
    text-align: center;
margin-left: 380px;}

.separador {clear: both;}
hr     {width: 210px;
    
margin-left:310px; margin-top: -15px; ;}
section {margin: 45px; margin-top: -40px;}