@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:700);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
* {
    margin: 0;
    padding: 0;
}
body {
  width: 960px;
    background-color: #A54994;
  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: 'Josefin Sans', 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: #A54994;
  height: 1px;}

header{ background-color: #FDD444;
    text-align: center;
font-family: 'Josefin Sans', sans-serif;
    border-top-left-radius:  2rem;
    border-top-right-radius:  2rem; }

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

header h1{ color:#A54994} 

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: 0px;
    padding: 5px;
    clear: both;
    background-color: #A54994;
font-family: 'Josefin Sans', sans-serif} 

header ul li{
    display: inline-block}

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

nav ul{ background-color: #FDD444;
 width: 100%;
}
main{
background-color: #FDD444;
    width: 60%;
    margin: 10px;
    padding: 10px;
       text-align: left;
       font-family: 'Lato', sans-serif;
    float: left
   
}
main h2{font-family: 'Josefin Sans', sans-serif;
}
aside div#materias { background-color: #7FC7B9;
    width:30%;
     margin: 10px;
    padding: 10px;
    float: left;    
    color: #A54994;
    font-family: sans-serif;
    font-size: 11px;
    font-weight:600;  
    text-align: left;
    font-family: 'Lato', sans-serif;
            }
aside div#infofadu{ background-color: #7FC7B9;
    width:30%;
     margin: 10px;
    padding: 10px;
    float: left;    
    color: #A54994;
    font-family: sans-serif;
    font-size: 11px;
    font-weight:600;  
    text-align: left;
    font-family: 'Lato', sans-serif;
            }
footer{     border-style: solid;
    border-width: thin;
    border-color: #A54994;
        background-color:#A54994;
   width: 930px;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 12px;    
    padding: 15px;
    clear: both;
   
        }



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
}