* {
margin: 0;
padding: 0; 
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
display: block;
}


body {
display: block;
width:100%; 
background: #FAFAFA;
text-decoration: none;
}

.contenedor-total {
width:80%;    
margin: 0 auto;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;     
}



header {
float: left;
width: 90%;
height:180px;
margin: 0% 5% 0% 5%; 
background: #F2F2F2; 
 }

main {
width: 90%;
height: auto; 
float: left;
display: block;
margin: 0% 5% 0% 5%;
box-sizing: border-box;
}

article {
width: 60%;
height: auto;
float: left;
display: block;
margin-left: 5%;   
box-sizing: border-box;
margin-bottom: 2%;  
}

aside {
width: 25%;
height: auto;  
float: left;
display: block;
box-sizing: border-box;
margin-left: 5%;    
}




/* LOGO*/

.logo {
width: auto;
height: auto;    
}

.logo a img {
margin-top: 0px;
display: block;
float: left;
margin-left: 3%;
height: 160px;
}



/*BOTONERA SECUNDARIA*/


.secundaria {
width: auto;
list-style: none;
display: block;
float: right;    
}

.secundaria {
margin-top: 129px;
/* margin-left: 408px; */
}

.secundaria ul li {
display: inline-block;
 
}

.secundaria ul li a {
text-decoration: none; 
font-size: 16px; 
color: #fff;
background: #04B4AE;
transition: all 0.2s ease 0s;        
}

.secundaria ul li a:hover {
background:  #00cccc; 
}

/*BOTONERA SECUNDARIA PARA RESPONSIVE*/

.menu-anclaje1 {
width: 100%;
height: auto;
float: left;
display: block;
box-sizing: border-box;
margin:0% 0% 1% 0%;
display: none;
background:#04B4AE;    
}

.anclaje1 {
float: left;
display: block;
width: 100%;
height: auto;
padding-bottom: 2%;
border-bottom: 1px solid #bdbdbd;
}

.anclaje1 ul{
margin-top: 2%;
}

.anclaje1 ul li {
display: inline-block; 
}

.anclaje1 ul li a {
padding: 7px 20px; 
text-decoration: none; 
font-size: 16px; 
color: #fff;
background: #04B4AE;  
}

.anclaje1 ul li a:hover {
background:#00ace6; 
  
}

/*INTRUDUCCION*/


.introduccion {
float: left;
display: block;
margin-top: 20px;
width: 100%;
height: auto;
}

.introduccion h3 {
height: 11px;
background: #04B4AE;
padding: 8px 0px 15px 10px;
font-size: 0.9rem;
/* letter-spacing: 0.1rem; */
color: #fff;
 width: 10rem;    
}

.fondo-acumar {
float: left;
height: auto;
width: 100%;
background: url(imagenes/intro.jpg);
background-repeat: no-repeat;
background-size: 100%;

padding-left: 0px;
/* padding-right: 40px; */
/* padding-top: 0px; */
/* padding-bottom: 0px; */
 margin-top: 10px; 
/* margin-bottom: 20px; */
}

.info-acumar {
float: left;
width: 40%;
height: auto;
margin: 2%;
background:rgba(255, 255, 255, 0.7);
}

.info-acumar h2 {
height: 11px;
background: #ffb266;
padding: 4px 2px 17px 12px;
margin: 19px 30px 15px 25px;
font-size: 1.2rem;
/* letter-spacing: 0.1rem; */
color: #fff;
    
}

.info-acumar p {
padding: 4px 20px 17px 20px;
margin: 0px 5px 17px 5px;
font-size: 0.9rem;
color: #6E6E6E;
line-height: 24px;  
}




/**botonera principal**/

.desarrollo {
float: left;
width: 100%;
height: auto;
margin-top: 20px;   
}

.desarrollo h3 {
height: 11px;
background: #04B4AE;
padding: 8px 0px 15px 10px;
font-size: 0.9rem;
width: 10rem;    
/* letter-spacing: 0.1rem; */
color: #fff;   
}


.botonera-principal {
float: left;
width: 100%;
height: auto;
margin-top: 10px
}

.sub-box{
float: left;
width: 33.333%;    
display: block;
border-bottom: 1px solid #04b4ae;
border-top: 1px solid #04b4ae;    
padding: 1% 0% 1% 0%;
margin: 0 0 2% 0 !important;  
text-align: center;
padding: 3rem 0rem 1rem 0rem;
}

.sub-box a {
display: block;
margin: 15px 5px 16px 14px;
color: #04B4AE;
text-decoration: none;
transition: all 0.2s ease 0s;      
} 


.sub-box img:hover {
background: url(imagenes/comunidadlogo2.png);
}

.sub-box:hover .desplegable {
display: block;
} 


/*Article -  Notcias*/

.noticias {
float: left;
margin-top: 20px;
margin-bottom: 10px;      
width: 100%;
height: auto;
box-sizing: border-box;    
}

.noticias h3 {
height: 11px;
background:#ffb266;
width: 10rem;   
padding: 8px 0px 15px 10px;
font-size: 0.9rem;
/* letter-spacing: 0.1rem; */
color: #fff;
}

 /*uno*/

.noticia-uno {
float: left;
width: 48%;
height: auto;
border: solid 1px #BDBDBD;
margin-top: 10px;
margin-right: 2%;    
box-sizing: border-box;  
}

.noticia-texto {
float: left;
width: 100%;
height: auto;
}

.noticia-texto h4 {
float: left;
width: auto;
height: auto;
background:#04B4AE;
padding: 12px 42px 20px 16px;
/* margin: 19px 28px 15px 28px; */
font-size: 1.2rem;
line-height: 30px;
/* letter-spacing: 0.1rem; */
color: #fff;
}

.noticia-texto p {
float: left;
width: 90%;
/* padding: 4px 12px 10px 12px; */
margin: 16px 0px 8px 17px;
font-size: 1rem;
/* letter-spacing: 0.1rem; */
color: #6E6E6E;
line-height: 28px;
   
}

.noticia-texto a {
float: left;
text-decoration: none;
display: block;
padding: 6px 6px 6px 6px;
margin-left: 17px;
margin-bottom: 20px;
color: #ff884d;
border-bottom: 1px solid #bdbdbd;
font-size: 0.8rem;   
transition: all 0.2s ease 0s;  
}

.noticia-texto a:hover {
color: #fff;
background: #04B4AE;  
}

.noticia-visual {
float: left;
width:  100%;
height: auto;    
display: block;
border: 1px solid #fff;
}

.noticia-visual img {
float:left;
width: 99.6%; 
}    

/*dos*/

.noticia-dos {
float: left;
width: 48%;
height: auto;
border: solid 1px #BDBDBD;
margin-top: 10px;
margin-left:  2%;    
box-sizing: border-box;  
}

.noticiados-texto {
float: left;
width: 100%;
height: auto;
}

.noticiados-texto h4 {
float: left;
width:auto;
height: auto;
background:#04B4AE;
padding: 12px 42px 20px 16px;
/* margin: 19px 28px 15px 28px; */
font-size: 1.2rem;
line-height: 30px;
/* letter-spacing: 0.1rem; */
color: #fff;
}

.noticiados-texto p {
float: left;
width: 90%;
/* padding: 4px 12px 10px 12px; */
margin: 16px 0px 8px 17px;
font-size: 1rem;
/* letter-spacing: 0.1rem; */
color: #6E6E6E;
line-height: 28px;   
}

.noticiados-texto a {
float: left;
text-decoration: none;
display: block;
padding: 6px 6px 6px 6px;
margin-left: 17px;
margin-bottom: 20px;
color: #ff884d;
border-bottom: 1px solid #bdbdbd;
font-size: 0.8rem;    
transition: all 0.2s ease 0s;  
}

.noticiados-texto a:hover {
color: #fff;
background: #04B4AE; 
}

.noticiados-visual {
float: left;
width:  100%;
height: auto;    
display: block;
border: 1px solid #fff;
}

.noticiados-visual img {
float:left;
width: 99.6%; 
}  

/*MAS NOTICIAS*/


.mas-noticias {
float: left;
width: 100%;
height: auto;
margin-top: 2%;    
}


.mas-noticias h5 {
    float: left;
    width: 100%;  
}

.mas-noticias a {  
float: left;
width: 97%;
height: auto;
border: 1px solid #ffb266;
padding: 12px 0px 17px 16px;
font-size: 1.2rem;
line-height: 30px;
/* letter-spacing: 0.1rem; */
color:#ffb266;
text-decoration: none;
transition: all 0.3s ease 0s;      
}

.mas-noticias a:hover {
background: #ffb266;
color: #fff;    
} 

    
/**SUMATE**/

aside h4 {
display: none;
}

.armado {
float: left;
width: 100%;
height: auto;
margin-top: 10px;
box-sizing: border-box;  
}


.sumate {
float: left;
margin-top: 20px;
width: 100%;
height: auto;
box-sizing: border-box;   
}

.sumate h3 {
height: 11px;
background: #007399;
padding: 8px 0px 15px 10px;
font-size: 0.9rem;
width: auto;    
/* letter-spacing: 0.1rem; */
color: #fff;
  
}

.sumate-visual {
float: left;
width:  100%;
height: auto;    
display: block;
}

.armado a {
display: block;
/* float: left; */
text-decoration: none;
display: block;
padding: 6px 9px 6px 9px;
/* margin-left: 96px; */
/* margin-bottom: 20px; */
color: #0086b3;
/* border-bottom: 1px solid #bdbdbd; */
font-size: 3rem;
/* margin-left: auto; */
/* margin-right: auto; */
text-align: center;
transition: all 0.3s ease 0s;      
}

.armado a:hover {
background: #00cccc;
}

.sumate-visual img {
width: 99.6%;
height: auto;
}


/**CALENDARIO**/

.noticias-calendario {
float: left;
margin-top: 20px;
margin-bottom: 10px;    
width: 100%;
height: auto;
box-sizing: border-box;  
}

.noticias-calendario h3 {
height: 11px;
background: #0086b3;
padding: 8px 0px 15px 10px;
width: 10rem;       
font-size: 0.9rem;
/* letter-spacing: 0.1rem; */
color: #fff;
}

.calendario-uno {
float: left;
width: 100%;
height: auto;
border: solid 1px #BDBDBD;
margin-top: 10px;
margin-right: 2%;    
box-sizing: border-box;  
}

.calendario-texto {
float: left;
width: 100%;
height: auto;
}

.calendario-texto h4 {
float: left;
width: auto;   
height: auto;
background:#04B4AE;
padding: 12px 42px 20px 16px;
/* margin: 19px 28px 15px 28px; */
font-size: 1.2rem;
line-height: 30px;
/* letter-spacing: 0.1rem; */
color: #fff;
}

.calendario-texto p {
    float: left;
    width: 93%;
    padding: 4px 12px 10px 12px;
    margin: 16px 17px 8px 17px;
    font-size: 1rem;
    /* letter-spacing: 0.1rem; */
    color: #6E6E6E;
    line-height: 28px;  
}

.calendario-texto a {
float: left;
text-decoration: none;
display: block;
padding: 6px 9px 6px 9px;
margin-left: 17px;
margin-bottom: 20px;
color: #0086b3;
border-bottom: 1px solid #bdbdbd;
font-size: 0.8rem;  
transition: all 0.2s ease 0s;      
}

.calendario-texto a:hover {
color: #fff;
background: #04B4AE;     
}

.calendario-visual {
float: left;
width:  100%;
height: auto;    
display: block;
border: 1px solid #fff;
}

.calendario-visual img {
float:left;
width: 99.6%; 
}    


/* VER METAS */

.mas-calendario {
float: left;
width: 100%;
height: auto;
margin-top: 2%;    
}


.mas-calendario h5 {
float: left;
width: 100%;
}

.mas-calendario a {  
float: left;
width: 97%;
height: auto;
border: 1px solid #0086b3;
padding: 12px 0px 17px 16px;
font-size: 1.2rem;
line-height: 30px;
/* letter-spacing: 0.1rem; */
color:#0086b3;
color:#0086b3;
text-decoration: none;
transition: all 0.3s ease 0s;  
}

.mas-calendario a:hover {
background: #0086b3;
color: #fff;    
} 
  

/*TERCER BOTONERA*/

.botonera-tres {
float: left;
margin-top: 20px;
width: 100%;
height: auto;
box-sizing: border-box;   
}

.botonera-tres li {    
width: auto;
height: auto;
background: #04B4AE;
padding: 12px 42px 20px 16px;
font-size: 1.2rem;
line-height: 30px;
border-bottom: 1px solid #bdbdbd;
list-style: none;    
display: block; 
transition: all 0.2s ease 0s;      
}

.botonera-tres li a {
color: #fff;
text-decoration: none;
}

.botonera-tres li:hover {
background: #00cccc;
}


/*ENTIDAD*/

.entidad {
float: left;
margin-top: 20px;
width: 100%;
height: auto;
box-sizing: border-box;   
border: 1px solid #bdbdbd;
}

.entidad h3 {
height: 11px;
background: #ff884d;
padding: 8px 0px 15px 10px;
font-size: 0.9rem;
/* letter-spacing: 0.1rem; */
color: #fff;   
}

.entidad-visual {
float: left;
width:  100%;
height: auto;    
display: block;
}

.entidad-visual img {
width: 80%;
height: auto;
margin: 6%;  
}

.entidad-visual p {
padding: 0px 20px 17px 20px;
/* margin: 0px 5px 17px 5px; */
font-size: 0.8rem;
color: #6E6E6E;
line-height: 22px;
}

.entidad a {
float: left;
text-decoration: none;
display: block;
padding: 6px 9px 6px 9px;
margin-left: 17px;
margin-bottom: 20px;
color: #0086b3;
border-bottom: 1px solid #bdbdbd;
font-size: 0.8rem;   
transition: all 0.2s ease 0s;  
}

.entidad a:hover {
color: #fff;
background: #ff884d;
}


/**FOOTER**/

footer {
float: left;
display: block;
margin top:8%;
height: 11px;
background: #04B4AE;
height: auto;
box-sizing: border-box;
}    

footer p {
font-size: 0.9rem;
color: #fff;
padding: 20px;
line-height: 28px;    
}


/**BOTONERA DE ANCLAJE A PAGINAS **/

.menu-anclaje {
width: 100%;
height: auto;
float: left;
display: block;
box-sizing: border-box;   
}

.anclaje {
float: left;
display: block;
width: 90%;
height: auto;
margin: 4% 0% 2% 0%;
padding-bottom: 1%;
border-bottom: 1px solid #bdbdbd;
}

.anclaje ul li {
display: inline-block; 
}

.anclaje ul li a {
padding: 1px 20px; 
text-decoration: none; 
font-size: 16px; 
color: #fff;
background: #04B4AE;  
}

.anclaje ul li a:hover {
background:#00ace6; 
  
}



/**OBEJTIVOS**/

/*CUADRADITOS*/

.paracuadros {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 8%;
}

.cuadrados {
float: left;
margin-left:3%;
margin-right:3%;
margin-top: 3%;    
width: 27%;
height: auto;
box-sizing: border-box;   
border: 1px solid #bdbdbd;
}

.cuadrados h3 {
height: 11px;
background: #ff884d;
padding: 8px 0px 15px 10px;
font-size: 0.9rem;
/* letter-spacing: 0.1rem; */
color: #fff;   
}

.cuadrados-visual {
float: left;
width:  100%;
height: auto;    
display: block;
}

.cuadrados-visual img {
width: 80%;
height: auto;
margin: 6%;  
}

.cuadrados-visual p {
padding: 0px 20px 17px 20px;
/* margin: 0px 5px 17px 5px; */
font-size: 0.8rem;
color: #6E6E6E;
line-height: 22px;
}

.cuadrados a {
float: left;
text-decoration: none;
display: block;
padding: 6px 9px 6px 9px;
margin-left: 17px;
margin-bottom: 20px;
color: #0086b3;
border-bottom: 1px solid #bdbdbd;
font-size: 0.8rem;   
}


.cuadrados a:hover {
color: #fff;
background: #04B4AE;     
}


/**botonera secundaria**/

.secundaria,
.secundaria ul,
.secundaria ul li,
.secundaria ul li a,
.secundaria #menu-button{
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.secundaria:after,
.secundaria > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.secundaria #menu-button {
  display: none;
}

.secundaria > ul > li {
  float: left;
}
.secundaria.align-center > ul {
  font-size: 16px;
  text-align: center;
}
.secundaria.align-center > ul > li {
  display: inline-block;
  float: none;
}
.secundaria.align-center ul ul {
  text-align: left;
}
.secundaria.align-right > ul > li {
  float: right;
}
.secundaria > ul > li > a {
  padding: 17px;
  font-size: 14px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #ffffff;
}
.secundaria > ul > li:hover > a {
  color: #ffffff;
}
.secundaria > ul > li.has-sub > a {
  padding-right: 3px;
}
.secundaria > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
.secundaria > ul > li.has-sub > a:before {
  position: absolute;
  top: 10px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.secundaria > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
.secundaria ul ul {
  position: absolute;
  left: -9999px;
}
.secundaria.align-right ul ul {
  text-align: right;
}
.secundaria ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.secundaria li:hover > ul {
  left: auto;
}
.secundaria.align-right li:hover > ul {
  left: auto;
  right: 0;
}
.secundaria li:hover > ul > li {
  height: 40px;
}
.secundaria ul ul ul {
  margin-left: 100%;
  top: -20px;
}
.secundaria.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
.secundaria ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 10px 15px;
  width: 170px;
  font-size: auto;
    font-weight: 300;
  text-decoration: none;
  color: white;
  background: #007399;
}
.secundaria ul ul li:last-child > a,
.secundaria ul ul li.last-item > a {
  border-bottom: 0;
}
.secundaria ul ul li:hover > a,
.secundaria ul ul li a:hover {
  color: #ffffff;
}
.secundaria ul ul li.has-sub > a:after {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
.secundaria.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
.secundaria ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.secundaria.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
.secundaria ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  .secundaria {
    width: 100%;
  }
  .secundaria ul {
    width: 100%;
    display: none;
  }
  .secundaria.align-center > ul {
    text-align: left;
  }
  .secundaria ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  .secundaria ul ul li,
  .secundaria li:hover > ul > li {
    height: auto;
  }
  .secundaria ul li a,
  .secundaria ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  .secundaria > ul > li {
    float: none;
  }
  .secundaria ul ul li a {
    padding-left: 25px;
  }
  .secundaria ul ul ul li a {
    padding-left: 35px;
  }
  .secundaria ul ul li a {
    color: #dddddd;
    background: none;
  }
  .secundaria ul ul li:hover > a,
  .secundaria ul ul li.activo > a {
    color: #ffffff;
  }
  .secundaria ul ul,
  .secundaria ul ul ul,
  .secundaria.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  .secundaria > ul > li.has-sub > a:after,
  .secundaria > ul > li.has-sub > a:before,
  .secundaria ul ul > li.has-sub > a:after,
  .secundaria ul ul > li.has-sub > a:before {
    display: none;
  }
  .secundaria #menu-button {
    display: block;
    padding: 17px;
    color: #dddddd;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  .secundaria #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  .secundaria #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
  }
  .secundaria #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .secundaria #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .secundaria .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  .secundaria .submenu-button.submenu-opened {
    background: #262626;
  }
  .secundaria ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  .secundaria .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  .secundaria ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  .secundaria .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  .secundaria .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  .secundaria ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  .secundaria .submenu-button.submenu-opened:before {
    display: none;
  }
}



/**contacto**/


.formulariomain h2 {
  color: #fff;
  float: left;
width: auto;
height: auto;
background:#04B4AE;
margin-top: 20px;
margin-bottom: 10px;
padding: 12px 42px 20px 16px;
font-size: 1.2rem;
line-height: 30px;
color: #fff;
}

#bajada{
  display: block;
  margin-top: 50px;
  padding: 12px 40px 20px 0px;
  
}

#imagen-contacto img{
  float: left;
  margin: 1rem 3rem 3rem 0rem;
  width: 60%;

}

#formulariodiv {

  padding-right:2rem;
  padding-top:2rem;
  padding-bottom:2rem;
  margin-bottom: 2rem;
  width: 15rem;
  float: left;
  background-color: #fff;

}

#formulariodiv {

  padding-left:2rem;
  padding-right:2rem;
  padding-top:2rem;
  padding-bottom:2rem;
  margin-bottom: 2rem;
  width: 12rem;
  float: left;
  background-color: #FAFAFA;
  border-color: #04b4ae;
  border-style: solid;
    border-width: 1px;

}

#mapagoogle {
    display: block;
  float: left;
  width: 40%;
}

#bajada-mapa {
  display: block;
  float: right;
  width: 50%;
}


/**calendario**/

html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/*Define Accordion box*/
/*Define Accordion box*/
.accordion { width:85%; overflow:hidden; margin:10px auto; color:#007399; background:#FAFAFA; padding:10px; }

/*General Accordion****************************************************************************/
/*Set style of open slide*/
.accordion section:target { background:#FAFAFA; padding:1rem;}
.accordion section:target:hover { background:#F2F2F2; }
.accordion section:target h2 {width:80%; float: left;}
.accordion section:target h2 a{ color:#007399; padding:0;}
.accordion section:target h3{ color:red; padding:10;}
.accordion section:target p {display:block;float: left; width: 90%; }
.accordion section h2 a{padding:10px 5px;display:block; font-size:16px; font-weight:600;text-transform: uppercase;color:#007399; text-decoration:none; }

/*set style of closed slide*/
.accordion section{ float:left; overflow:hidden; color:#333; cursor:pointer; background: #F2F2F2; border: 1px solid #0086b3;margin:3px; }
.accordion section:hover {background:#FFB266;}
.accordion section p { display:none; }
.accordion section:after{float: right; position:relative;font-size:50px;color:#007399;font-weight:bold; padding: 10px; margin-bottom: 7px;}
.accordion section:nth-child(1):after{content:'9/12 - 17.00';}
.accordion section:nth-child(2):after{content:'11/12 -14.00';}
.accordion section:nth-child(3):after{content:'16/12 - 18.00';}
.accordion section:nth-child(4):after{content:'17/12 - 17.00';}
.accordion section:nth-child(5):after{content:'21/12 - 20.00';}
/*End General Accordion****************************************************************************/

/*Vertical Accordion *************************************************************************/
.vertical section{ width:100%; height:60px;
  -webkit-transition:height 0.2s ease-out;
  -moz-transition:height 0.2s ease-out;
    -o-transition:height 0.2s ease-out;
  -ms-transition:height 0.2s ease-out;
    transition:height 0.2s ease-out;
}
/*Set height of the slide*/
.vertical :target{ height:250px; width:97%; }

.vertical section h2 { position:relative; left:0; top:-5px; }

/*Set position of the number on the slide*/
.vertical section:after{ top:-60px;left:810px;}
.vertical section:target:after{ left:-9999px;}

/**FOOTER**/

footer {
width: 100%;    
float: left;
display: block;
margin top:8%;
height: 11px;
background: #04B4AE;   
height: auto;
box-sizing: border-box;
}    
   

footer h4 {
font-size: 1rem;
color: #fff;   
}


#social p {
font-size: 0.9rem;
color: #fff;   
}

#footerlink a {
font-size: 0.9rem;
color: #fff;   
}

footer #footerlink ul {
  list-style: none;
  font-size: 1rem;
  float: left;
  clear: both;
}

footer #footerlink ul li {
  float: left;
  clear: both;
}

#footerlink {
  margin: 2rem 1rem 0rem 2rem;
  float: left;
  width: 23%
}

#social {
  margin: 2rem 1rem 0rem 1rem;
  float: left;
  width: 20%
}

#contacto {
  margin: 2rem 1rem 0rem 1rem;
  float: left;
  width: 40%;
}

#abajo {
    width: 100%;
    float: left;
}




#footerlink a:link, a:visited {
 
    width: 6rem;
    font-weight: 400;
    text-align: left;
    padding: 0.5rem;
    text-decoration: none;
}


/**ACOMODO RESPONSIVE**/

    
@media screen and (max-width: 900px) {
 
   
article , main , header, footer { width: 100% }

.info-acumar { width: 95%;} 
    
.info-acumar p {width: 90%;}
     
.noticias { width: 100%;}
 
.noticia-texto{ width: 100%;}
    
.noticia-texto p {float: left;width: 90%;}

.noticia-visual {float: left;width: 100%;}
    
.sumate {width: 100%;}   

aside {width: 100%;}
    
.noticia-uno {width: 100%;} 

.noticia-dos {width: 100%;margin-left: 0px; }    

.sumate {width: 50%;margin: 0%;}    
 
.sumate h3 {margin-top: 20px; }    
    
.botonera-tres {width: 100%;margin: 0px;    }    
    
.entidad{width: 100%;}

.entidad p { font-size: 0.9rem;padding: 0px 45px 5px 45px; }    
 
.sumate h3 , .noticias-calendario h3 , .noticias h3 , .introduccion h3 , .desarrollo h3 {width: 98.5%;}


#formulariodiv {
    display: block;

}

#formulariomain{width: 100%;}

#bajada-mapa {
  display: block;
  width: 100%;
}

}

@media screen and (max-width: 750px) { 
 
.sumate {width:100%; margin: 0%;}

.entidad { display: none;}    

.menu-anclaje1 {
    display: block;}    
}