@charset "utf-8";

 
header {
    background-color: #007c46;
    padding: .2em .2em;
    margin: .0em .1em;
    }
body{
    padding: 0;
    background-color: #EDEAD7;
}
.contenedor{
    max-width: 70rem;
    margin: auto;
}
header h1{
    color: #EDEAD7;
    text-align: center
}
div ul {
    list-style-type: none;
    text-align: center;
    margin: center;
}
h2{
    color: #598C54;
}
h3, h4, h5 {
    color: rgb(127,177,86)
}
ul li a{
    color: #15acaa;
    text-decoration: none
}
p{
    color: #3a5858;
}
img {
    width: 100%;
    margin: 0;
    padding: 0;
    align-items: center;
}
footer{
    background-color: #007c46;
    margin: 0;
    padding: .5em;
}
/***ENCABEZADO***/

header ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

header ul li{
    background-color: #1c6f5f;
    min-width: 4em;
    margin: .25em .15em .25em .25em;
    width: 18%;
}

header ul li a {
    background-color: #79e8d3;
    border-radius: .30em ;
    color: #15acaa;
    padding: .0em .0em;
    text-align: center;
    /* para que la etiqueta "a" sea una "caja" */
    display: block;
}
/***LISTADO BAJO***/

#otros ul{
    list-style: none;
    margin: 0;
    padding: .0,5em;
    display: flex;
    flex-wrap: wrap;
}

#otros ul li {
    background-color: #7bdbbb;
    border-radius: .30em;   
    min-width: .3em;
    margin: .20em .10em .20em .20em;
    width: 40%
}

#otros ul li a{
    background-color: #4ad1a4;
    border-radius: .30em;
    color: #324aac;
    padding: .0,5em .0;
    text-align: center;
    display: block;
}