@charset "utf=8"
    
*{margin: 0;}
body {max-width: 960px; 
    margin: 0 auto;
background-color: cornsilk; }
      



header {
    height:30em;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 15px;
}
 
#foto{
    margin-left: 20em;
width: 200px;
    height: 200px;
    
    
}

.titulares 

{margin-left: 
    7.8em; 
    margin-top: 5em;}

.titulares h1 

{display: block;  
    font-size: 2.4em; 
    font-family: sans-serif;
    width: 10em;
text-decoration: none;
color:#ff9c53; 
    }


.titulares h3 {
    font-size: 18px;
    font-family: sans-serif;
    margin-left: 8em;
    margin-right: 8em;
    font-style: normal;
   color: #26b96f
       
} 


    
    
    
}

nav
{margin-top: 1.5em; 
padding-left: 5em;;}

ul li{
    font-size: 10pt;
    display: inline-block;
    padding: 5px;
}

ul li a {
    color: #26b96f;
    padding: 10px;
    font-family:sans-serif;
    font-size: 10pt;
    text-decoration: none;
    border: 3px solid #ff9c53;
}
    
nav ul li a:hover {
   color:#ff9c53;
}



.materias 
    {width: 30,3em; 
    float: center; 
    background-color: #ff9c53;
    margin-bottom: 15px;
margin-left: 10em;
margin-right: 10em;
text-align: center}

.materias h3{
    font-family: sans-serif;
    color:aliceblue;
    
    
}

.materias ul li{
    font-family: sans-serif;
    color: aliceblue;
    
    
}





footer {clear: both; padding: 1em; font-size: 0.8em;}