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;
 
}

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.4em;
         color: #00A99D;
         font-size: 0.8em;
         padding: 0.2em;
		
}




hr {  display: block;
    margin-top: 1em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 0.5px;
    width: 90em;
    color: #909090;

}     
    

li a { color: black;
       text-align: left;
       padding: 3em;
       text-decoration:  none;
}
    
    
/*------ cuerpo ------*/

#logo { 
    display: block;
    margin-left: auto;
    margin-right: auto;
}



  
#info { 
    text-align: center;
    margin-top: 2em;
    
}

#info p { 
    width: 30em;
    display: block;
    margin-right: auto;
    margin-left: auto;
	margin-top: 2em;
    
}

#info h2 { 
    font-size: 1.8em;
    color:  #00A99D;
    
}

#info img { 
    width: 13%;
    
}


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



#datos { 
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8em;
    text-align: left;
    margin-top: 4em;
    color: #909090;
}

#datos div{ 
    margin: 3em;
}



/*------ mapa.html ------*/


h1 { 
	font-size: 1.7em;
    text-align: center;
	margin-top: 2em;
}

#imagenMapa img { 
     display: block;
    margin-right: auto;
    margin-left: auto;
	width:70%;
}


/*------ carta.html ------*/


#texto p { 
	display: block;
    margin-right: auto;
    margin-left: auto;
    width: 40em;
	
}

#imagenes { 
	text-align: center;
   
    
}
#imagenes h2{ 
	margin-top: 4em;
    
}


#imagenes img { 
	margin:3em;
    
}