@charset "utf-8";

/*  reglas generales  */

body  {
    background-color:rgba(197, 212, 147, 0.53);
}

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

a {
    text-decoration: none;
        color:#405f44
}

img{
    width: 20%;
    height: auto;
}

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


/* 
    primera parte para el celular 
    mobile first
*/



#isologo, header h3{ 
display: inline-block;
  max-width: 12em;
    vertical-align: middle
}

header nav ul li a{
    color: #405f44;
    font-size: 1.1em; 
    background-color:#6aa58c ;
    display: block;
    text-align: center;
    margin: 0 0 0,5em 0;
}


header nav ul li a:hover{
    background-color: rgba(152, 183, 102, 0.62)
}

main h4{
   color: #405f44 
}

main h2{
    color: #405f44
}

main h3{
background-color:#6aa58c;
    margin: 1em;
}


main #tema h1{
    text-align: center;
    color: #405f44;
    line-height: 3em; 
    background-color: #6aa58c;
    padding: 0 0 0 1.5em;   
}


.img1{
    width: 70%;
    height: auto; 
    margin: 0 12em 0;
}

aside h4{
    background-color:#6aa58c;
    margin: 1em;
}
    

footer{
    background-color: #6aa58c;
    margin: 2em 0 0 0;
}



/*
   Segunda parte 
   para escritorio
*/