@import url(http://fonts.googleapis.com/css?family=Arvo:700italic|Roboto:400,400italic,700);

body {
    background-color: #fff;
    font-size: 10pt;
}
header {  
width: 81%;
float: left
} 

#logo { 
    margin-left: 3rem;
    margin-top: -10rem;        
}

main {
          
width: 30%;
   float: left;      
}
main h1 {

    font-size: 2rem;
    display: inline-block;
    padding: 0.3rem 0.6rem;
    text-shadow: 0.08rem 0.08rem rgba(0, 0, 0,0.5);
	color: #FFF;
	background: #ff0058;
    font-family: 'Arvo', serif;
    font-weight: 700;
    font-style: italic;
    margin-left: 2.5rem
}

main h2 {
    font-size: 1.5rem;
    display: inline-block;
    padding: 0.3rem 0.6rem;
    text-shadow: 0.08rem 0.08rem rgba(0, 0, 0,0.5);
	color: #000;
    font-family: 'Arvo', serif;
    font-weight: 700;
    font-style: italic; 
}

footer {
    box-shadow: 0 0 0.3rem 0.3rem rgba(0,0,0,0.3);
    font-size: 0.75rem;
    clear: both;
    text-align: center;
    background-color: #787878;
    color: #fff;
    padding: 1rem;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    
    
}

nav ul {
list-style: none;
    background-color: #ff0058;
    padding: 25;
    margin-top: 8;
    font-family: "roboto",sans-serif;
    font-weight: 700;
    width: 100%;
    
    
        
    
    }
nav ul li {
    text-decoration: none;
    float: left;
    margin: auto;
    margin-left: 45;    
    font-size: 1.2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-top: -0.4rem;
}

nav ul li a {
    color: #fff;
    text-decoration: none;
        margin-top: 1rem;
}

aside {
    box-shadow: 0 0 0.3rem 0.3rem rgba(0,0,0,0.2);
    background-color: #cbcbcb;
    width: 40%;
    float: right;
    color:#717171;
    font-size: 0.9rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-right: 13rem
}

#foto_perfil {
    float:left;
    margin-left: 40;
    
}

main div#materias_aprobadas {
    margin-top: -2.5rem;
}

main .destacado3{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    margin-left: 2.5rem;
            
}

aside h2{
font-size: 1.5rem
    display: inline-block;
    padding: 0.3rem 0.6rem;
    text-shadow: 0.08rem 0.08rem rgba(0, 0, 0,0.5);
	color: #000;
    font-family: 'Arvo', serif;
    font-weight: 700;
    font-style: italic; 
    
}