@import url(https://fonts.googleapis.com/css?family=Hind);
@import url(https://fonts.googleapis.com/css?family=Actor);
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);
@import url(https://fonts.googleapis.com/css?family=Asap);

@charset "utf-8";

*{
   box-sizing: border-box;
  
}

#pagina{
   
    
	max-width: 60em;
    height:auto;
}

header{
width: 100%;
}


#logo{
    width: 100%;
	height:auto;
	margin:auto;
	display:block;
}

nav {
  
    width: 100%;
    margin: auto;
    margin-top: 2.5em;
    
  
}


nav ul {
 
     list-style: none;
}


nav ul li {
    margin: auto;
    text-align: center;
    margin: 0.5em 0 0em;
    padding: 0;
    width: 100%;
}

nav ul li a {
    display: block;
    padding: 0.4em;
    font-family: "Hind";
    font-weight: 400;

    text-decoration: none;
    color: white;
    text-align: center;
    background-color:#ff8880;
    width: 100%;
}

nav ul li a:hover{ 
    background-color:#0098b4;
}

.bxslider{
 position: relative;
}


.boxlider div{
    position: relative;
}



#noticia {
    font-family: sans-serif;
position: absolute;
bottom: 0.2em;
font-size: 0.6em;
width: 100%;
height: auto;
color: white;
padding: 1em;
    
  }
    
    
#cajitaslider{
margin-left: 3em;
position: absolute;
width: 35%;
height: 98%;
bottom: 0.5em;
background-color: rgba(3, 24, 41, 0.47);
    
    }    
    
    
#titulosslider{
    padding: 0.5em;
    position: absolute;
    bottom: 1em;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 1.7em;
    color: white;
   

}




#contenido{
    margin-top: 2em;
}

main{ 
    overflow: hidden;
}


#sumate{
    font-family: "asap";
    letter-spacing: 0.2em;
    background-color:#ff8880;
    color: white;
    padding: 1.1em 0;
    margin-top: 0.3em;
    text-align: center;
    font-size: 2em;
    border-bottom-style:dotted;
    border-radius: 0.4em;

}


h1{ margin: 0em;
    padding: 1em;
	font-family:"Hind";
	font-weight:200;
	font-size:2em;
	text-decoration:none;
	color:#ff8880;
    text-align: center;
}


H2{font-family:"Actor";
    background-color: #196098;
    width: 100%;
    color: white;
    padding: 0.5em;
    margin: 0em;
} 

h3{
    color:#009f95;
     font-size: 1.5em;
     font-family:"Hind";
}


h4{
    color: #ed1e79;
    font-family:"Hind";
    font-size: 1.5em;   
}

h5 {font-family: asap;
    font-size: 1em;
    color: #ed1e79;
    padding-bottom: 1.2em;
    border-bottom: 1px solid #ed1e79;
}

h6 {font-family: asap;
    font-size: 1.3em;
    color: #196098;
}



#acumar{margin: 0;
    padding: 0;
	font-family:"Actor";
	font-weight:100;
	font-size:0.9em;
	text-decoration:none;
    position:relative;
}

video{
    width: 100%;
    height: auto;
    margin: auto;
    margin-top: 2em;
    
}


#aseccion{
    display: block;
    width: 100%;
    text-decoration: none;
    background-color:#0098b4;
    color: white;
    font-size: 1.3em;
    font-family:  "Quicksand";
    padding: 0.2em;
}

#aseccion:hover{ 
    background-color:#ed1e79;
}


#secciones {
width:100%;
height: auto;
clear: both;
overflow: hidden;
margin-top: 3em;
}


#participacion{ 
width: 100%;
height: auto;
}

#capacitacion{    
width: 100%;
height: auto;
}

#texto1{
width: 100%;
font-family:"Actor";
font-size:0.8em;
text-decoration:none;
margin: 0em;
}

#ayuda{ 
width: 100%;
padding: 0em;
}

#voluntariado{    
width: 100%;
height: auto;
}

#texto2{
width: 100%;
font-family:"Actor";
font-size:0.8em;
text-decoration:none;
margin: 0em;
}


#taller{ 
width: 100%;
padding: 0em;
margin: 0em;

}

#talleres{    
padding: 0em;
margin: 0em;
width: 100%;}

#texto3{
width: 100%;
font-family:"Actor";
font-size:0.8em;
text-decoration:none;
margin: 0em;
}


#donar{ 
width: 100%;
float: right;
padding: 0em;
margin: 0em;

}

#donaciones{    
padding: 0em;
margin: 0em;
width: 100%;}


#texto4{
    width: 100%;
font-family:"Actor";
font-size:0.8em;
text-decoration:none;
}






footer{
max-width: 100%;
height: auto;
clear: both;
color: white;
font-size: 0.6em;
text-align: center;
padding: 1em;
background-color:#c4c4c4;
margin-top: 1em;
    
}

#entidades{
     max-width:100%;
    height: auto;
}
    
#pie2{color:white;
     border-bottom: 0.1em solid white;
     font-size: 1.5em;
     font-family:"Hind";
    }

#pie1{
    max-width: 25%;
    height: auto;
    
}

#subtitulodesecciones{
font-family: sans-serif;
font-size: 0.7em;
color: #0098b4;
font-weight: 600;
border-bottom: solid 1px #47bbb2;
border-top: solid 1px #47bbb2;

    }



/*Inscribite*/



.formulario {
    width: 100%;
    box-sizing: border-box;
    margin-top: 1em;
   
}

.inscribite {
   
    width: 100%;
    position: relative;
    float: left;
    margin-right: 2em;
    box-sizing: border-box;
}

.contenedor-formulario {
    width: 100%;
    min-height: 40em;
    padding: 1em;
    box-sizing: border-box;
}

.datos-personales {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    float: left;
    position: relative;
}



.contenedor-celda {
    width: 100%;
    height: auto;
}

.contenedor-celda-a {
    width: 100%;
    height: auto;
}


.contenedor-enviar {
    width: 100%;
    height: auto;
}

.contenedor-enviar button {
    width: 100%;
    margin-top:2em;
    background: #ed1e79;
    color: white;
    padding: 0.5em;
}

.celda {
    width: 100%;
    height: 3.5em;
    margin: 4% 0 0 0;
    color: #c5c5c5;
    padding: 3%;
}




/*CRONOGRAMA*/

    
#actespecial{
width: 100%;
height: auto;
background-color: #dbdbda;
}

    
#tituloactespecial{
padding: 0.5em;
font-family: sans-serif;
color: #ed1e79;
font-weight: 600;
}

#titulodestacada1{
font-family: sans-serif;
color: #ed1e79;
padding: 0.5em;
font-weight: 700;
margin-top: 0.5em;
}

#txactdestacada{
font-family: sans-serif;
font-size: 0.75em;   

padding: 0.5em;
margin-top: 0.5em;
    
}


#actdestacadaimg{
width: 100%;
height: auto;
padding:0.5em;
    
}

#fechaespecial{
   
margin-top: 1em;
padding: 0.3em;
background-color: #47bbb2;
font-family: sans-serif;
color: white;
font-size: 0.8em;
font-weight: 700;

    
}




#agendatitulo {
font-family: sans-serif;
font-size: 1.5em;
color: #0dacce;
font-weight: 900;
padding-bottom: 0.5em;
border-bottom: 1px solid #0098b4;

   
   
}

#bajadaactividades{

font-family: sans-serif;
font-size: 0.8em;
color: #ed1e79;
padding-top: 2em;
font-weight: 600;
width: 95%;
height: auto;


}



#agenda {
width: 95%;
height: auto;
font-family: sans-serif;
margin-bottom: 3em;
margin-top: 3em;
overflow: hidden;
    
}

#fechasyhorarios{
    width: 100%;
    height: auto;
margin-top: 3em;

    
  
}



.fechas  {
    margin-top: 1em;
    font-family: sans-serif;
    font-size: 0.6em;
   color: white;
    background-color: #47bbb2;
    padding:1em;
  
    
}

.horario {
    font-family: sans-serif;
    float: left;
    font-size: 0.8em;
    margin-top: 0.5em;
    color: #080041;
}

.actividad {
    margin-top: 0.5em;
    font-family: sans-serif;
    margin-left: 4em;
    font-size: 1em;;
    color: #ed1e79;
    
}



#txagenda{
font-family: sans-serif;
 font-size: 0.73em;   
color:black;
margin-top: 1em;
}


#proponeagenda{
width: 100%;
height: auto;
font-family: sans-serif;
font-size: 0.75em;   
margin-top: 1em;
border-color: #0098b4;
border-style: dashed;
border-width:0.2em;
margin-top: 8em;
padding: 1.2em;
text-align: center;
    
   

}

#derecha{
width: 95%;
height: auto;    
}



/*OBJETIVOS DEL PROYECTO*/

#tituloobjetivo{
background-color:#47bbb2; 
color: white;
font-family: sans-serif;
width: 100%;
font-weight: 700;
font-size: 1.5em;
padding: 0.3em;

}
    

    


#txobjetivos{
width: 90%;
height: auto;
font-size: 0.8em;
font-family: sans-serif;
color: #196098;

}



#fotoobjetivo{
width: 100%;
margin-bottom: 2em;
}

#imagenesobjetivos{
    max-width: 100%;
    height: auto;
    float: left;
    

}

#tituloimagenes{
width: 100%;
height: auto;


font-family: sans-serif;
background-color:#47bbb2;
color: white;
padding: 0.5em;
font-weight: 600;
font-size: 1em;
    
    
}

#tituloavances{
width: 100%;
height: auto;
overflow: hidden;
font-family: sans-serif;
background-color:#47bbb2;
color: white;
padding: 0.5em;
font-weight: 600;
font-size: 1em;
clear: both;
}


#avances{
   
width: 100%;
height: auto;
font-family: sans-serif;
color: #47bbb2;
margin-top: 1em;

    
   
}

#epigrafes{
font-size: 0.8em;
width: 90%;
height: auto;
color: #ed1e79;
margin-left: 1em;  
}   

#cajitaavances{
width: 100%;
height: auto;
}    
  
    

    
#fotoavance{
width: 100%;
height: auto;
}







/*HISTORIA DE ACUMAR*/


#queesacumar{
    width: 100%;
    font-family: sans-serif;
    background-color: #0098b4;
    color: white;
    font-size: 1.4em;
    padding: 0.3em;
}


#subtituloacumar{
    padding: 0.3em;
    width: 95%;
font-family: sans-serif;
font-size: 1em; 
    color: white;
   background-color: #ff8880;
    margin-top: 1em;
    margin-bottom: 0.3em;
}

#fotoqueesacumar{
width: 100%;
    margin-bottom: 1.5em;

}



#historiaacu{

width: 100%;
height: auto;




}


#txhistoria{


width: 90%;
height: auto;
font-size: 0.8em;
font-family: sans-serif;
color: #196098;
margin-top: 1em;
padding: 0.5em;
line-height: 1.5em;
    
    
 }


#leyesdecreacion{
width: 90%;
height: auto;
background-color: rgba(25, 96, 152, 0.1);

padding: 0.5em;
    
}


#tituloleyes{
font-family: sans-serif;
font-size: 1em;
margin-top: 0.5em;
    color: #196098;
    margin-bottom: 0.2em;
    border-bottom: solid 2px#196098;
    
}



#txley{
width: 100%;
font-family: sans-serif;
font-size: 0.8em;
padding: 0.5em;
    color: #196098;
    font-weight: 600;

}

#txley a{
font-weight: 100;
text-decoration: none;
color: #196098;  
  
}


#txley a:hover{
background-color: #ed1e79;
    color: white;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}


#contacto{
margin-top: 1em;  
width: 90%;
height: auto;
border-color: #0098b4;
border-style: dashed;
border-width:thin;
padding: 0.5em;



}


#titulocontacto{
font-weight: 600;
margin-top: 3em;
font-family: sans-serif;
font-size: 1em;
color: #ed1e79;
height: auto;
clear: both;
margin-top: 0em;
}

#txcontacto{
width: 60%;
font-family: sans-serif;
font-size: 0.8em;
color: #196098;
text-decoration: none;
}

#logoacumarcontacto{
width: 50%;
height:auto;

}

#logoacumarcontacto:hover{
   background-color: #cecece;
}

#acumarfoto{
max-width: 90%;
height: auto;
margin-bottom: 2em;
}


/*Nuestro Proyecto*/

#main1{
        background-image: url(imagenes/fondo.jpg);
    background-size:cover;
}

#quienessomos{
width: 100%;
height: auto;
}
    

#responsables{
font-family: hind;
font-size: 0.8em;
}

#equipo{
font-family: hind;

}

#quienessomos{ 
    overflow: hidden;

    box-shadow: 0.2em 0.2em 1em #7b7b7b;
}




#titulosomos
{color:#ed1e79;
font-family: hind;
border-bottom: 0.1em dashed #ed1e79;
    background-color: white;

   }

.txproyecto{
font-size: 0.8em;
    background-color: white;

}

#saludhabitantes{
width:100%;
background-color: white;
}


#personasacargoaside{
width: 100%;
background-color: #47bbb2;
    color: white;
}


#fotoarriba{
width: 100%;
height: auto;
    }


#barco{
width: 100%;
margin-top: 2em;
   
}

    #face{
    width: 20%;
    margin-top: 4em;
    margin: 0.5em;
    box-shadow: 0.2em 0.2em 1em #7b7b7b;
    }
    
     #tweet{
    width: 20%;
     margin: 0.5em;
    margin-top: 4em;
      box-shadow: 0.2em 0.2em 1em #7b7b7b;}
    
    #acu{
    width: 20%;
    margin: 0.5em;
     margin-top: 4em;
     box-shadow: 0.2em 0.2em 1em #7b7b7b;}




/*POLITICAS DE SALUD*/

 .politicasdesaludacumar{
 overflow: hidden;}   
    
    
#titulo{
padding: 0.4em;
color: #47bbb2;
font-family: sans-serif;
width: 100%;
font-weight: 700;
font-size: 2em;
text-align: center; 
border-bottom: 0.1em solid #47bbb2;
}


    
#txpoliticas{
width: 100%;
height: auto;
font-size: 0.8em;
font-family: hind;
margin-top: 1em;
padding: 1em;
}
    
    
#salud{
width:  100%;
}


#subtitulopoliticas{
    overflow: hidden;
    width: 100%;
 text-decoration: none;
 font-family: hind;
    color:white;
    background-color:#47bbb2;
    padding: 0.5em;
    display: block;
    box-shadow: 0.3em 0.3em 1em #484848;

}

    #subtitulopoliticas:hover {
background-color: #ed1e79 }
    
    #numero{
    width: 100%;
    text-align: center;
    font-size: 2em;
    font-family: asap;      
    }
    
    
 #txennumeros{
    width: 100%;
    text-align: center;
    font-size: 1em;
    font-family: asap;        
    }
    
  
    
    #imgsalud{ 
    width:100%;
   box-shadow: 0.3em 0.3em 1em #484848;
    border-bottom: 2px solid #ffffff;        
    border-radius: 0.2em;}

    #centros{
        margin-top: 0.5em;
        padding: 3em;
    background-color: #ff8880;
  height: 14.6em;
    width: 100%;
     box-shadow: 0.2em 0.2em 1em #484848;

    border-radius: 0.4em;
    color: white;}


  #unidades{
     padding: 3em;
    background-color: #ff8880;
  height: 14.7em;
    width: 100%;
    border-radius: 0.4em;
  color: white;
   box-shadow: 0.2em 0.2em 1em #484848;
  }
    

    #moviles{ 
     padding: 3em;
     background-color: #ff8880;
     height: 14.6em;
        width: 100%;
    border-radius: 0.4em;
    color: white;
     box-shadow: 0.2em 0.2em 1em #484848;
    }

  #asistencia{
      padding: 3em;
       background-color: #ff8880;
   height: 14.7em;
    width: 100%;
    border-radius: 0.4em;
  color: white;
   box-shadow: 0.2em 0.2em 1em #484848;
  }

  #operativos{
      padding: 3em;
    background-color: #ff8880;
    height: 14.6em;
    width: 100%;
    border-radius: 0.4em;
  color: white;
   box-shadow: 0.2em 0.2em 1em #484848;
  }

      #prestaciones{
          padding: 3em;
      background-color: #ff8880;
     height: 14.7em;
    width: 100%;
    float: left;
    border-radius: 0.4em;
      color: white;
       box-shadow: 0.2em 0.2em 1em #484848;
      }


/*TALLERES*/
 
   
    .fondo{width:100%;
         height: 15em;
     background-image: url(imagenes/fototaller.png);
    background-repeat: none;
        margin-bottom: 2em;
    }
    
    
     #titulotaller{
    width:100%;
    color: #196098;
    padding: 0.1em;
    font-size: 3em;
    font-family: asap;
   }
    
#talleres2 {
    width: 100%;
    box-shadow: 0.2em 0.2em 1em #484848;
}



#taller2{
   font-family: "Hind";
    background-color:antiquewhite;
    margin: 1em; 
    padding: 1em;
    width: 100%;
    box-shadow: 0.2em 0.2em 1em #484848;
    margin-top: 5em;
   
}

#taller1{
    font-family: "Hind";
    background-color:antiquewhite;
    margin: 1em; 
    padding: 1em;
    width: 100%;
    box-shadow: 0.2em 0.2em 1em #484848;
    margin-top: 5em;
}
    

/*VOLUNTARIADO*/

.fondovolun{
     width: 100%;
     height: 15em;
     background-image: url(imagenes/fotovoluntariado.png);
     background-repeat: none;
    }    
    
    
    
    
#titulovolun{
    width:auto;
    color: #ff8880;
    padding: 0.1em;
    font-size: 2em;
    font-family: asap;
 }
    


p{
    font-family: "Hind";
}


.fondo{
     width: 100%;
     height: 15em;
}

#titulotaller{
    width:auto;
    
}
    
/*DONACIONES*/

#plas{
   width:100%;
}
    
#botonform{color: white;
background-color: #ed1e79;
text-decoration: none;
padding: 1em;
font-family: asap;
box-shadow: 0.2em 0.2em 1em #484848;
}



.fondodonacion{
     width: 100%;
     height: 15em;
     background-image: url(imagenes/fotodonaciones.png);
    background-repeat: none;
    margin-bottom: 2em;
    
    }    
    
    
    
    
#titulodonacion{
    width:auto;
    color: #009f95;
    padding: 0.1em;
    font-size: 2.4em;
    font-family: asap;
 }
    


#class {
    width: 100%;
}


#buque {
    width: 100%;
}

#sevoluntario {
    background-color: rgba(69, 186, 177, 0.10);
    color:#ed1e79;
    font-size: 14px;
    padding:1em;}
    

#ins{
border-top: 0.3em dotted #009f95;
    color: #ed1e79;
    display: block;
    float: left;
    font-size: 14px;
    width: 100%;
    background-color: rgba(69, 186, 177, 0.10);
    padding: 1em 1em;
    margin-top:5em;
    box-shadow: 0.2em 0.2em 1em #484848;
}


/*CAPACITACION*/


 .fondocapa{width:100%;
         height: 15em;
     background-image: url(imagenes/fotocapacitacion.png);
    background-repeat: none;
        margin-bottom: 2em;
    }
    
    
     #titulocapa{
    width:100%;
    color: #ed1e79;
    font-size: 2.2em;
    font-family: asap;
   }


#capacitacion1 {
    font-family: "Hind";
    background-color:antiquewhite;
    margin: 1em; 
    padding: 1em;
    width: 100%;
    box-shadow: 0.2em 0.2em 1em #484848;
    margin-top: 5em;
}

#capacitacion2 {
    font-family: "Hind";
    background-color:antiquewhite;
    margin: 1em; 
    padding: 1em;
    width: 100%;
    box-shadow: 0.2em 0.2em 1em #484848;
    margin-top: 5em;
        
}


/*CAUSAS DE LA PROBLEMATICA*/


#causas{

    font-family: "Hind";
    padding: 0.5em;
    width: 100%;
}



#contaminacion1{
width:100%;
height: auto;
padding: 0.5em;
}
    
    

#contaminacion2{
margin-top:2em;
width:100%;
height: auto;
padding: 0.5em;
}
    
    
.asiconta{
overflow: hidden;
    background-color: rgba(0, 159, 149, 0.28);
    width: 100%;
    height: auto;
    background-image: url(imagenes/fondo2.jpg);
    background-size: 60em;
    background-repeat: none;
    box-shadow: 0.2em 0.2em 1em #484848;    
    }
    
    
    #botonacu{width:60%;
    margin-top: 4em;
    height: auto;
    box-shadow: 0.2em 0.2em 1em #484848; 
    margin-left: 2em;
    
    }
    
    
#ultimafrase{
    font-size: 14px;
    color:#196098;
    margin-top: 3em;
    padding:1em;
    border-color: #0098b4;
    border-style: dashed;
    border-width:0.1em;
    
}

#fila1{
    overflow: auto;
}













@media screen and (min-width: 40em) {
    
    #pagina{
        margin: auto;
    }
    
#logo{
	width:40%;
	}

  nav {
    width:77%; 
}
    
    nav ul{list-style: none;}
    
nav ul li {
    width: 30%;
    display: inline-block;
    margin: 0.5em 0 0em;
}

nav ul li a {
   display: inline-block;
    width:12em;
	height:auto;
}


#noticia {
bottom: 1em;
font-size: 0.8em;
  }
    
    
#cajitaslider{
width: 25%;
}    
    
    
#titulosslider{
       bottom: 2em;
}

    
    
#sumate{
    width: 50%;
    float: left;
    font-size: 4em;
        }
    
    #txacumar{
        color: #196098;
    }
    
#acumar{
    width: 45%;
    float: right;}
    
h1{

text-align: left;
color:#ff8880;
background-color: white;
padding: 0em;
font-weight: bold;
line-height: 1.3em;
}  
    
    
  
    
    
    
#tituloformasdeparticipar{
font-family: sans-serif;
color: white;
background-color: #ed1e79;
padding: 0.5em;
font-weight: 600;
font-size: 1em;
text-align: center;
margin-top: 2em;
    }    
        
    
#secciones {
    overflow: hidden;
    margin-top: 1.5em;
   
   
       
}
    
    
#subtitulodesecciones{
font-family: sans-serif;
font-size: 0.7em;
color: #0098b4;
font-weight: 600;
border-bottom: solid 1px #47bbb2;
border-top: solid 1px #47bbb2;

    }    
    
    
#participacion{
width: 45%;
height: auto;
float: left;

    
}
    
    
#ayuda{
    width: 45%;
    height: auto;
    float: right;
}
    

#taller{
      width: 45%;
    height: auto;
    float: left;
    margin-top: 2em;
}
    
#donar{
width: 45%;
height: auto;
float: right;
 margin-top: 2em;
 }
    
    

footer{
text-align: center;
padding: 0.5em;
background-color:#c4c4c4;
    
}

#entidades{
     max-width:100%;
    height: auto;
   
}
    
#pie1{
    max-width: 15%;
    padding-left: 1.5em;
    padding-left: 1.5em;
    height: auto;
    
}


/*CRONOGRAMA*/





#actespecial{

float: right;
box-shadow: 0.2em 0.2em 1em #484848;

}


#agenda {
width: 40%;
float: left;
height: auto;
clear: both;
overflow: hidden;
    
}


#proponeagenda{
margin-top: 4em;
font-family: "Hind";

}


#derecha{
    
width: 55%;
height: 100%;
float: right;
margin-top: 0.5em;
   
}
    
    
#bajadaactividades{
    font-family: "Hind";
    color:black;

}
    
#txagenda{
     font-family: "Hind";
    
     
}
    

#fechas{
    
     font-family: "Hind";
    
}
    
#txactdestacada{
     font-family: "Hind";
}
    

#proponeagenda{
    color: #196098;
}
    
#titulodestacada1{
    color:#196098;
}
    

#tituloactespecial{
    color:#196098;
 
}
    

.horario{
    color:black;
    font-weight: 600;
}


 
/*OBJETIVOS DEL PROYECTO*/

#tituloobjetivo{
font-weight: 700;
}
    
#txobjetivos{
width: 27%;
height: auto;
font-size: 0.8em;


float: right;
}



#fotoobjetivo{
width: 70%;
margin-bottom: 2em;
}










#epigrafes{

    display: block;
    width: 95%;
    height: auto;
    overflow: hidden;
    padding-left: 1em;
    color: #ed1e79;
   
    
   
}   

#cajitaavances{
  
width: 50%;
display: block;
float: left;
height: 50%;

    }    
  
    

    
#fotoavance{
    padding: 1em;
   margin-top: 1em;
    display: block;
    float: left;
    width: 100%;
    height: auto;
    
    
}
    
    
/*HISTORIA DE ACUMAR*/


#queesacumar{
font-size: 1.8em;
   
       
    
}




#historiaacu{

width: 70%;
height: auto;
float: left;
    



}


#txhistoria{


width: 45%;
height: auto;
font-size: 0.8em;
font-family: "Hind";
color: #196098;
margin-top: -2em;
display: block;
float: left;
padding: 1em;
line-height: 1.5em;
border-top: 0.3em dotted #009f95;
    
    
    
    
 }


#leyesdecreacion{
width: 30%;
height: auto;

margin-top: 1em;
padding: 0.5em;
float: right;

}






#contacto{
 
width: 30%;
height: auto;
float: right;

}


#acumarfoto{
max-width: 95%;
height: auto;
margin-bottom: 2em;
box-shadow: 0.2em 0.2em 1em #484848;
}

    
    
#fotoqueesacumar{
     box-shadow: 0.2em 0.2em 1em #484848;
}




/*CAUSAS DE LA PROBLEMATICA*/


#causas{
    width: 60%;
    float: left;
    padding: 2em;
}

 
    .asiconta{
    float: left;
    width: 40%;
    margin-top: 10em;
    }
    
    
    #botonacu{width:60%;
    margin-top: 4em;
    height: auto;
    box-shadow: 0.2em 0.2em 1em #484848; 
    margin-left: 2em;
    }
    







/*VOLUNTARIADO*/
#ins{
border-top: 0.3em dotted #009f95;
    color: #ed1e79;
    display: block;
    float: left;
    font-size: 14px;
    width: 30%;
    background-color: rgba(69, 186, 177, 0.10);
    padding: 1em 1em;
    margin-top:5em;
    box-shadow: 0.2em 0.2em 1em #484848;
 
   
    
}


#volu{

   
    display: block;
    float: right;
    margin-top:3em;
    width: 60%;
   
    
}



#tituloins{
    font-weight:800;
    font-size: 1.5em;
    
    
}
    



.fondovolun{
     width: 100%;
    }    
    
    
    
    
#titulovolun{

    font-size: 3.7em;
    font-family: asap;
 }
    






/*DONACIONES*/
    

    
p{font-family: "Hind";   
}

    
    
    
#titulodonacion{
   font-size: 4.4em;
 }
    

    
#donabuque{
    
    width: 40%;
    float:left;
    margin-top: 5em;
    
  
}
    
    
#buque{
    
 float:right;
 width:55%;
 padding-top: 12em;
    
    


    
}
    
#plastico {
    
width: 40%;
float:left;

    
}
    
#plas {
float:right;
width:55%;
padding-top:8em;
}
    
    
#sevoluntario{
    background-color: rgba(69, 186, 177, 0.10);
    color:#ed1e79;
    font-size: 14px;
    padding:1em;
}
    
    
    
    
    
    
    
    
    
    
    
  

/*Inscribite*/

.formulario {
    margin: auto
    width: 100%;
    box-sizing: border-box;
    margin-top: 1em;
}

.inscribite {
    width: 48%;
    margin-right: 2em;
    box-sizing: border-box;
}

.contenedor-enviar {
    width: 45%;
    float: left;
}

#fotoinscripcion{
    float: right;
    width: 28em;
}


/*TALLERES*/
 
   
    .fondo {width: 100%;
    }
    
    
     #titulotaller{
    font-size: 6em;
   }
    
    
#taller1 {
font-family: "Hind";
    float: left;
    background-color:antiquewhite;
    margin: 1em; 
    padding: 1em;
    width: 46%;
    box-shadow: 0.2em 0.2em 1em #484848;
    margin-top: 5em;}

    
#taller2{
    font-family: "Hind";
    float: right;
    background-color:antiquewhite;
    margin: 1em; 
    padding: 1em;
    width: 46%;
    box-shadow: 0.2em 0.2em 1em #484848;
    margin-top: 5em;
   
}
    

#resultadostalleres {
    width: 50%;
    float: right;
}
#talleres2 {
    width: 45%;
    float: left;
   margin-top: 6em;
    box-shadow: 0.2em 0.2em 1em #484848;
}
    
    


    
  


/*Nuestro Proyecto*/
    
    

#fotoarriba{
width: 100%;
height: auto;
    margin: 0;
    padding: 0;
    }    
    
#quienessomos{
    width:90%;
    height: auto;
    background-color: white;
    padding: 1em;
    margin: 2em;
}
 
    #main1{
    float: left;
    width: 60%;}
    
#responsables{
font-family: hind;
font-size: 0.8em;
}

#equipo{
font-family: hind;
font-size: 0.8em;
}



#titulosomos{color:#ed1e79;
font-size: 1.9em;
font-family: hind;
border-bottom: 0.1em dashed #ed1e79;
}



#saludhabitantes{
padding: 1em;
width:90%;
background-color: white;
box-shadow: 0.2em 0.2em 1em #7b7b7b;
     margin: 2em;
}


#personasacargoaside{
padding: 0.5em;
float: right;
width: 38%;   
}




#barco{
width: 100%;
margin-top: 2em;
   
}

#face{
width: 15%;
margin-top: 5em;
margin: 0.5em;
box-shadow: 0.2em 0.2em 1em #7b7b7b;
    }
    
#tweet{
width: 15%;
margin: 0.5em;
margin-top: 5em;
box-shadow: 0.2em 0.2em 1em #7b7b7b;}
    
#acu{
width: 15%;
margin: 0.5em;
margin-top: 5em;
box-shadow: 0.2em 0.2em 1em #7b7b7b;}




/*POLITICAS DE SALUD*/

 .politicasdesaludacumar{margin-top: 2em;
 overflow: hidden;}   

#txpoliticas{
width: 50%;
height: auto;
float: left;
}
    
    
#salud{float: right;
width:  50%;
margin-top: 1.1em;
}


#subtitulopoliticas:hover {
background-color: #ed1e79 }
    
    
    
    
    #imgsalud{ 
    float:right;
    width:62%;
    border-bottom: 2px solid #ffffff;     
    }

    #centros{
        margin-top: 0;
    width: 38%;
    float: left;
 border-bottom: 2px solid #ffffff;}


  #unidades{
  height: 14.6em;
    width: 38%;
    float: left;
      border-bottom: 2px solid #ffffff;
  }
    

    #moviles{ 
     height: 14.6em;
    width:  38%;
    float: left;
 border-bottom: 2px solid #ffffff;
    }

  #asistencia{
   height: 14.7em;
    width: 38%;
    float: left;
 border-bottom: 2px solid #ffffff;
  }

  #operativos{
    height: 14.6em;
    width: 38%;
    float: left;
 border-bottom: 2px solid #ffffff;
  }

      #prestaciones{
     height: 14.7em;
    width: 38%;
    float: left;
 border-bottom: 2px solid #ffffff;
      }


    
    

    
/*CAPACITACION*/
    
    
     .fondocapa{width:100%;
         height: 15em;
     background-image: url(imagenes/fotocapacitacion.png);
    background-repeat: none;
        margin-bottom: 2em;
    }
    
    
     #titulocapa{
    width:100%;
    color: #ed1e79;
    padding: 0.1em;
    font-size: 4em;
    font-family: asap;
   }

    
#capa {
    margin-top: 3em;
}
    
p { font-family: "Hind";
 }    

#capacitacion1 {
    font-family: "Hind";
    float: left;
    background-color:antiquewhite;
    margin: 1em; 
    padding: 1em;
    width: 46%;
    box-shadow: 0.2em 0.2em 1em #484848;
    margin-top: 5em;
}

    #capacitacion2 {
    font-family: "Hind";
    float: right;
    background-color:antiquewhite;
    margin: 1em; 
    padding: 1em;
    width: 46%;
    box-shadow: 0.2em 0.2em 1em #484848;
    margin-top: 5em;
        
        
}

    
    
    
#titulotaller{
    width:auto;
    color: #196098;
    padding: 0.1em;
    font-size: 6em;
    font-family: asap;
 }



/*OBJETIVOS DEL PROYECTO*/


    
#txobjetivos{
width: 27%;
height: auto;
font-size: 0.8em;
margin-top: 4em;
font-family: "Hind";
color:black;
float: right;

}



#fotoobjetivo{
width: 70%;
margin-top: 3em;
box-shadow: 0.2em 0.2em 1em #484848;
}



#epigrafes{

    display: block;
    width: 95%;
    height: auto;
    overflow: hidden;
    padding-left: 1em;
    color: white;
   font-family: "Hind";
    font-size: 0.9em;
    background-color:#ed1e79;
    
}   


    
#cajitaavances{
  
width: 50%;
float: left;
height: auto;
}    
  
    

    
#fotoavance{
    margin-top: 1em;
    display: block;
    float: left;
    width: 100%;
    height: auto;
    
}