@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Oswald);
* {
    margin: 0;
    padding: 0;
}
body {
     width: 960px;
    background-color: #f4a20d;
    margin-top: 20px;
     margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
      border-bottom-left-radius:  2rem;
    border-bottom-right-radius:  2rem;
    border-top-left-radius:  2rem;
    border-top-right-radius:  2rem;
    clear: both
}
head{
    text-align: center;
    font-family: 'Oswald', sans-serif;
    overflow: auto;}

div#carilla {width: 960px;
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    border-bottom-left-radius:  2rem;
    border-bottom-right-radius:  2rem;
    border-top-left-radius:  2rem;
    border-top-right-radius:  2rem;}
aside hr {  background-color: #448bfd;
  height: 1px;}

header{ background-color: #448bfd;
    text-align: center;
font-family: 'Oswald', sans-serif;
    color: #f4a20d;
    border-top-left-radius:  2rem;
    border-top-right-radius:  2rem; }


div#logo {padding: 10px;
background-color:#448bfd;
overflow: auto;
 border-top-left-radius:  2rem;
    border-top-right-radius:  2rem;}


}
header{ background-color: #448bfd;



}
header h1 { color: #f4a20d}
}
nav ul{ background-color: #fd44cb;
}
header ul{
    list-style: none;+
    margin: 0;
    padding: 0;
    text-align: center; }
header ul li a {
    text-align:center;
    text-decoration: none;
    color: #ffffff;
    display: block;
    margin: 15px;
    padding: 5px;
    clear: both;
    background-color:  #448bfd;
font-family: 'Roboto', sans-serif} 
header ul li{
    display: inline-block}

 header ul li a:hover{
     background-color:#448bfd;
     color: #f4a20d }

nav ul{ background-color: #f4a20d;
 width: 100%;}




main{
background-color: #51e28d;
    width: 50%;
    margin: 5px;
    padding: 10px;
    text-align: left;
    font-family: 'Roboto'sans-serif;
    float: left;
    
}
main h2{ font-family'Oswaldo'; }
main div#carta{
width: 940px;
    background-color: #51e28d;
    m  margin: 5px;
    padding: 10px;
    text-align: left;
    font-family: 'Roboto'sans-serif;
    float: left;

}
aside div#materias { 
    background-color: #fff;
    width:30%;
     margin: 10px;
    padding: 10px;
    float: left;    
    color: #8d6010;
    font-family: sans-serif;
    font-size: 11px;
    font-weight:600;  
    text-align: left;
    font-family: 'Oswaldo', sans-serif;}

aside div#infofadu{ 
    background-color: #ffffff;
    width:30%;
     margin: 10px;
    padding: 10px;
    float: left;    
    color: #8d6010;
    font-family: sans-serif;
    font-size: 11px;
    font-weight:600;  
    text-align: left;
    font-family: 'Oswaldo', sans-serif;
            }

footer{
     background-color: #A54994;
   clear:both;
    font-family: 'Lato', sans-serif;
      border-bottom-left-radius:  2rem;
    border-bottom-right-radius:  2rem;
   
        }



nav ul{
    background-color: #7FC7B9;
    list-style: none;
    margin-bottom: 20px;
    margin-top: 20px; 

}
nav ul li {
display: inline-block;
    float:none;
    margin-right: 15px;
    font-family: sans-serif;
    font-size: 16px;
    
} 
nav ul li a{
    text-decoration: none }

.destacado1 {
    color: #f267d6
}
.destacado2 {
    color: #00ffe4
}