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

div#menu {width: 216px;
    margin: 0;
    padding: 0;
    font-family: 'Oswaldo',sans-serif;
    font-size: 12px;
    background-color: #7DBABB;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 100px;
    margin-right: auto;
    

}
header{ 

}



aside hr {  background-color: #7DBABB;
  height: 1px;}

header{ background-color:#7DBABB;
    text-align: left;
font-family: 'Oswald', sans-serif;
    color: #7DBABB;}
   


div#logo {padding: 0px;
background-color:#7DBABB;

 


}
header{ background-color:#7DBABB;



}
header h1 { color: #ffffff;
    text-align: justify;
font-size: 13px;
margin-top: 40px}
}
nav ul{ background-color: #7DBABB;
}
header ul{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left; }
header ul li a {
    text-align:left;
    text-decoration: none;
    color: #ffffff;
    display: block;
    margin: 0px;
    padding: 0px;
    clear: both;
    background-color:  #448bfd;
font-family: 'Roboto', sans-serif} 
header ul li{
    display: inline-block}

 header ul li a:hover{
     background-color:#7DBABB;
     color: #ffffff }

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



div#main {
    width: 644px;
    margin-top: 258px;
    margin-left: 316px;
    background-color: #ffffff;
    font-family: 'Oswaldo', sans-serif;
    font-size: 13px;
    
    
}
main{
background-color: #ffffff;
    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: #ffffff;
     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:#7DBABB;
   clear:both;
    font-family: 'Oswaldo', sans-serif;
      
   
        }



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

}
nav ul li {
display: inline-block;
    float:none;

    font-family: sans-serif;
    font-size: 12px;
    
} 
nav ul li a{
    text-decoration: none }

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