header, main, footer, aside, nav, hgroup, article, section { display: block; }
@import url(https://fonts.googleapis.com/css?family=Karla:400,400italic,700);

* { font-family: 'Karla', sans-serif;
 background-color: 	#F0FFFF;
}

header { display: flex;
         align-content: flex-start;
         flex-direction: column;
		 
}

header nav ul { display: flex;
             justify-content: center;
             flex-direction: row;
					
}

nav ul li { list-style: none;
         padding: 0;
         margin: 0;
         color: #008080;
         font-size: 14px;
         padding: 1em;

}


     
    
.nombre { text-align: center;
          align-items: center;
          
}    

.nombre h1 { text-align: center;
     padding-bottom: 0em;
     padding-top: 2em;
     font-size: 26px;
	color: 	#48D1CC;
}    

.nombre img { 
	width: 40%;
	
}   

.nombre p { text-align: center;
     padding-top: 1em;
     font-size: 12px;
    font-style: italic
}  

li a { color: 	#008080;
       text-align: left;
       padding: 1.5em;
       text-decoration:  none;
		font-weight: 600;
	background-color:	#fff;
}
    
    
/*------ informacion materias ------*/

#materias { 
         display: flex;
        justify-content: center;
            
}

#materias p { 
         text-align: center;
        text-decoration: underline;
                     
}


#materias ul li { 
         list-style: none;
         font-size: 13px;
         padding: 1em;
            
}




/*------ footer ------*/


footer p { 
       text-align: left;
       width: 60em;
       font-size: 11px;
       padding-left: 55em;
       padding-top: 1em;
       color: #909090;
}


footer h3 { 
       text-align: center;
       font-size: 12px;
       
       padding-top: 5em;
       color: #909090;
}