@charset "utf-8";
    
    /* reglas generales */
    
body{background-color: #f1fff6;})

.contenedora {
    display: flex;
    align-content: center;
   justify-content: space-between;
    margin-left: 2em;
    
  
}

ul{list-style: none;
    margin: 0;
        padding: 0;
    }

a{text-decoration: none; 
    font-family: 'montserrat', sans-serif;
    font-weight 700;
    font-size: 1,5em;
    color:#466246;
}

img{
    width: 100%;
    height: auto;
    max-width: 20.5em;

    
}

figure{
    margin: 0;
    padding: 0;
    max-width: 30em;

}


    
    /* 
    primera parte para el celular
    mobile first
    */

.contenido{
    display: block;
    align-content: center;
    margin: 1em;
}
    
#isologo{
    display: flex;
    flex-direction: row;
    max-width:6em;
    vertical-align: middle;
    color: #466246;
}

h2{font-family: 'montserrat', sans-serif;
    font-size: 1.5em;
text-transform: uppercase;
    color:darkseagreen;
    border-bottom: 4px solid darkseagreen;
    width:13.6em;
    
}
header nav ul li a{
    font-family: 'montserrat', sans-serif;
    font-weight: 600;
    color: #466246;
    font-size: 01.1em;
    background-color: darkseagreen;
    display: block;
    text-align: center;
    margin: 1em 0em 0em;
    width: 18.5em;
    
}
header nav ul li a:hover{background-color: #466246;color: darkseagreen;}

    
h1{
      font-family: 'montserrat', sans-serif;
    font-weight 700;
    font-size: 1.5em;
   margin: 0.2em 0 0 0;
    display:block;
    width: 13em;
   background-color: darkseagreen;
    padding: .3em;
    color: #466246;
    margin-bottom: 1em;
}

.texto{
    margin-top: 1.5em;
}
.texto h3{
    font-family: 'montserrat', sans-serif;
    font-weight 700;
    font-size: .9em;
    margin:0;
    margin-top: 1em;
    color:#466246;
}

.texto p{
    font-family: 'montserrat', sans-serif;
    font-weight 400;
    font-size: .9em;
    margin:0;
    
}


strong{color: darkseagreen}
aside{margin:1em;}

aside h3
{font-family: 'montserrat', sans-serif;
    font-weight 700;
    font-size: 1.4em;
    color: #466246;
text-transform: uppercase;border-bottom: 4px solid #466246;
    width:14.6em;}

aside h4
{font-family: 'montserrat', sans-serif;
    font-weight 700;
    font-size: 1.2em;
    color:#466246;color: #466246;
margin-bottom: .5em;}

ul li{font-family: 'montserrat', sans-serif;
    font-weight 700;
    font-size: 1,5em;
    color:#466246;
}
    
footer p{padding: 1em;
    font-family: 'montserrat', sans-serif;
    font-size: .8em;
    font-weight: 600;
    background-color: darkseagreen;
    color: #466246;
}

.header h1{
      font-family: 'montserrat', sans-serif;
    font-weight 700;
    font-size: 1.5em;
   margin: 0.2em 0 0 0;
    display:block;
    width: 13em;
   background-color: darkseagreen;
    padding: .3em;
    color: #466246;
    margin-bottom: 1em;
}
.mapa h3
{font-family: 'montserrat', sans-serif;
    font-weight 700;
    font-size: 1.3em;
    color: #466246;
text-transform: uppercase;border-bottom: 4px solid #466246;
    width:15.7em;}

.mapa h4
{font-family: 'montserrat', sans-serif;
    font-weight 700;
    font-size: 1em;
    text-transform: uppercase;
    color:#466246;color: #466246;
margin-bottom: 0em;
margin-top: .5em;}

    
    /*
    segunda parte 
    para escritorio 
    */