/* hoja de estilo */

    @font-face {
    font-family: 'modern_pictogramsnormal';
    src: url('modernpics-webfont.woff2') format('woff2'),
         url('modernpics-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

*{font-family: "lato";
text-decoration: none;
    background-color: rgb(249, 244, 222);
}

header{
    padding: 1em;
    background-color: rgb(117, 184, 163);
    padding-left: 10em;
    padding-right: 10em;
}
nav ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    list-style-type: none;
    background-color: rgb(117, 184, 163);
    flex-wrap: wrap;
}

ul li a {
    background-color: rgb(117, 184, 163);
    text-decoration: none;
}

nav ul li a:hover{
   color: rgb(61, 61, 59);
}
h1 {
    color:rgb(117, 184, 163);
    text-align: center;
    text-decoration: underline;
}

ul li a {    
    color:rgb(249, 244, 222);
}

#contendor{
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-content: space-around;
    background-color: lightgrey;
}

#caja1{
    display: flex;
    flex-direction: column;
    background-color: lightgrey;
}
#caja2{
    display: flex;
    flex-direction: column;
    background-color: lightgrey;
}

p{
    background-color: lightgrey;
}
.resaltado{
     background-color: lightgrey;
    color:rgb(249, 244, 222);
    font-style: italic;
    font-size: 14pt;
}
.comitente{
    background-color: rgb(249, 244, 222);
    text-align: center;
}
#secundario{
    border-color: rgb(117, 184, 163);
    border-width: thin;
    border-style: solid;
    
}
.destacado2 {
    background-color: gainsboro;
   color: rgb(208, 103, 103);  
    padding: 10px;
}

.texto{
    padding: 2%;
    background-color:rgb(249, 244, 222); 
    
}
.postu{
    color: rgb(117, 184, 163);
    font-style: italic;
}
.subrayadito {text-decoration: underline}

figure{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
footer {
    border-color: rgb(117, 184, 163);
    border-style: solid;
    border-width: thin;
    font-size: 10px;
    color: grey;
    padding: 10px;
    
}

.titulomapa {
font-family: "lato", sans-serif;
font-size: 1.5em;
color: rgb(157,202,181);
}

ul li .titulo1mapa  {
font-family: "lato", sans-serif;
font-size: 1em;
list-style-type:none;
text-decoration:none;     
background-color:rgb(249, 244, 222); 
color:dimgray;
margin:10px; 
margin-bottom: 10px;    
    
}

ul li .titulo2mapa  {
font-family: "lato", sans-serif;
font-size: 1em;
list-style-type:none;
text-decoration:none;     
background-color:rgb(249, 244, 222); 
color:dimgray;
margin: 15px;    
    
}

ul li .subtitulomapa{
font-family: "lato", sans-serif;
font-size: 1em;
list-style-type:none;
text-decoration:none;     
background-color:rgb(249, 244, 222); 
color:dimgray;
margin: 27px; 
    
}

ul li .titulo1mapalink{
 list-style-type:none;
 color:rgb(117, 184, 163);
 text-decoration: underline;  
background-color:rgb(249, 244, 222);     
margin:    
}

ul li.titulo2mapalink{

list-style-type:none;
color: rgb(117, 184, 163);
text-decoration: underline; 
background-color:rgb(249, 244, 222);     
}
    
ul li .subtitulomapalink{
    
list-style-type:none;
color: rgb(117, 184, 163);
text-decoration: underline;
background-color:rgb(249, 244, 222);     
    
    
}