@charset "utf=8";
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700,500,300);

/* CSS Document */
    
*{margin: 0;}
body {max-width: 960px; margin: 0 auto;}
      
/*//////// HEADER //////////*/


header {
margin-bottom: 2em; 
height: 2em;
    
}


nav {
    margin-top: 3.5em; 
    padding-left: 8em;
}

ul li{
    font-size: 9pt;
    display: inline-block;
    padding: 45px;
    margin-left: -6em;
    
}

ul li a {
    color: #ffcccc;
    padding: 10px;
    margin-top: 5em;
    font-size: 10pt;
    text-decoration: none;
    border: 2px solid #66FFCC;
}
    
nav ul li a:hover {
    background-color:#765faa;
}



aside { 
    background-color: #9ef7d9;
    height: 39.3em;
    float: left;
    width: 39em;
    margin-right: 1em;
    margin-top: 1em;
    
} 

aside:hover {
    background-image:url(imagenes/valegif.gif);
  
}

#titulares {
    margin-left: 14.2em; 
    margin-top: 11em;
    
}


#titulares h1 
{ color: #f522cd; 
    width: 4em; 
    border-bottom: solid 3px #66FFFF; 
    font-size: 3.4em;  
    font-family: Source Code Pro;
    font-weight:300;

}

#titulares h2 { 
    margin-top: 1em;
    color: #FFFFCC;
    display: block; 
    font-size: 1.4em;
    width: 10em;
    font-family: Source Code Pro;
    font-weight:500;
    margin-bottom: 1em;
    
}

#titulares h3 { 
    margin-top: 2em;
    color: #FFFFCC;
    display: block; 
    font-size: 1.4em;
    width: 10em;
    font-family: Source Code Pro;
    font-weight:500;
}


section {
    margin-right: auto;

}

.about-me {
    width:  19.3em; 
    height: 17em; 
    float: right; 
    background-color: rgb(231, 252, 70); 
    border: solid 2px #33efff;
    margin-bottom: 15px;
    margin-top: 0.9em;

}

.about-me p {
    width: 15em;
    margin-bottom: 3em; 
    padding-left: 3em; 
    padding-top: 2em;
    font-family: sans-serif
}

.materias {
    width: 19.3em; 
    height: 20em; 
    float: right; 
    background-color: #33FF66; 
    border: solid 2px #fc33c6;
    margin-bottom: 15px;
    clear: right;
    margin-top: 1em;

}
.materias p {
    width: 14em;
    margin-bottom: 3em; 
    padding-left: 3em; 
    padding-top: 2em;
    font-family: sans-serif
}


footer {
    clear: both; 
    padding: 1em; 
    font-size: 0.6em;
    color: #bc979d;
    font-family: Source Code Pro;
    font-weight:300;
    
}