*{
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: Open Sans, sans-serif;
}

.contenedora{
margin:auto;

}

body {
background-size: 100%;
max-width: 100%;
margin:1em;
}
.logo img {
width: 4em;
}



.bxslider {
list-style: none;

}



h1 {
color: rgb(0, 201, 61);
text-align: center;
}


nav {
width: 100%;
max-width: 100%;
text-align: center;
}

nav ul li{
list-style: none;
display:inline-block;
margin: 2em;
padding: 1em;
max-width: 100%;
font-size: 0.7em;
text-align: center;
}

a{
text-decoration: none;
color: rgb(0, 201, 61);
}

li:hover {
color: black;
background-color: rgb(97, 253, 144);
}

h5{
color: rgb(0, 201, 61);
text-align: center;
font-size: 0.8em;
margin-bottom: 1em;
text-align: left;
}

article img {
height: auto;
max-width: 100%;
width: 25%;
margin:1em;
margin-left: 2.5em;
}

.imagen1:hover {
opacity: 0.5;

}

.imagen2:hover {
opacity: 0.5;
}

.imagen3:hover {
opacity: 0.5;
}

.imagen4:hover {
opacity: 0.5;
}

.imagen5:hover {
opacity: 0.5;
}

.imagen6:hover {
opacity: 0.5;
}

footer {
background-color: rgb(97, 253, 144);
overflow: auto;
clear: both;
}

.parrafo {
overflow: auto;
float: right;
font-size: 0.6em;
width: 60%;
text-align: center;
margin-right: 9em;
margin-bottom: 3em;
margin-top: 3em;


}

.presidencia {
overflow: hidden;
margin: 1em;
width: 1.5em;
float: left
}

.presidencia img{
width: 1.5em;
}
.acumar {
overflow: hidden;
}
.acumar img {
width: 3%;
overflow: auto;
float: left;
margin-top: 1em;
}

@media screen and (max-width: 40em)
{
 
h1 {
color: rgb(0, 201, 61);
text-align: center;
font-size: 0.9em;
}      
    
nav {
width: 100%;
max-width: 100%;
}
    
nav ul li {
    list-style: none;
    display:block;
    background-color: white;
    padding: 1em;
    margin: 2em;
    max-width: 100%;
   text-align: center;
   background-color: rgb(97, 253, 144);
}
    
a{
text-decoration: none;
color:white;
}

li:hover {
color: black;
background-color: rgb(0, 201, 61);
}
    
article img {
max-width: 100%;
width: 45%;
margin:auto;
margin-right: 1em;
margin-bottom: 1em;

}
    
.parrafo {
overflow: auto;
float: right;
font-size: 0.5em;
width: 85%;
padding: 1em;
margin: 1em;
margin-bottom: 2em;
text-align: center;
margin-right: 2em;

}

.presidencia {
overflow: hidden;
margin: 1em;
width: 1.5em;
float: left
}

.presidencia img{
width: 1.5em;
}
.acumar {
overflow: hidden;
}
.acumar img {
width: 10%;
overflow: auto;
float: left;
margin-top: 1em;
}
    
@media screen and (max-width: 30em)
{
    
nav {
width: 100%;
max-width: 100%;
}
    
nav ul li {
    list-style: none;
    display:block;
    background-color: white;
    padding: 1em;
    margin: 2em;
    max-width: 100%;
   text-align: center;
   background-color: rgb(97, 253, 144);
   font-size: 0.7em;
}
    
a{
text-decoration: none;
color:white;

}    
    
li:hover {
color: black;
background-color: rgb(0, 201, 61);
}
    
    
h1 {
color: rgb(0, 201, 61);
text-align: center;
font-size: 0.8em;
}
    
article img {
height: auto;
max-width: 100%;
width: 100%;
margin:auto

}

.presidencia {
overflow: hidden;
margin: 1em;
width: 1.5em;
float: left
}

.presidencia img{
width: 1.5em;
}
.acumar {
overflow: hidden;
}
.acumar img {
width: 20%;
overflow: auto;
float: left;
margin-top: 1em;
}


.parrafo {
font-size: 0.4em;
text-align:center;


}
    
    
}