/* FUENTES */
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);


/* FOOTER */

footer {
    background-color: #B62660;
    margin: 0px;
    clear: both;
    height: auto;
    border-top: 5px solid #A2C450;
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: center;
color: white;
}

footer p { font-size: 13px; }


/************************************************************************

MAPA

************************************************************************/
#contenedor-territorio {
	width: 60%;
	height: auto;
	margin: auto;
	background-color: #A2C450;	
    color: white;
    padding: 10px;
}

#territorio	{
margin: auto;
float: left;
display: inline;
clear: both;
    
}

#territorioa img {
    width: 100%;
}
 h3 {
    font-size: 18px;
    background-color: #B62660;
    padding: 10px;
  
    color: white;
    border-radius: 3px;
     }
 h4 {
    font-size: 14px;
    background-color: #B62660;
    padding: 8px;
    margin: 0;
    color: white;
    border-radius: 3px;
 }
#territorio img {
    width: 100%;
}

#contenedormapa {
	width: 60%;
	margin: auto;
	background-color: #A2C450;	
    color: white;
    padding: auto
    padding: 10px;
    
}

#contenedor_mapa{
width=960%;
height=608%;
frameborder=0;
styleborder:0;

}

#t1{
    color: #014137;
    padding-top: 0.8em;
    float: left;
    margin-left: 0.9em;
    width: 56.4%;
}

.titulo_mapa{
    color: #fff;
    margin:auto;
    font-family: 'Bree Serif', serif;
    font-size: 25px;
    padding: auto;
    
    }


#video{
     width=960%
height=608%
margin:auto;
padding: 10px;
frameborder=0
styleborder:0
    
}
    
.mainContainer {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    color: #FFFFFF;
}





/*************** CALENDARIO*****************/
#contenedorcalendario{
width: 60%;
	background-color: #A2C450;	
    color: white;
    padding: 10px;
    float:left;
    width: 20%;
    position:relative;
    margin-right: 10px;
}


/* Styling for the title (Month and Year) of the calendar */
div.title {
    font: 'Bree Serif', serif;
    text-align: left;
    color: black;
    }
/* Styling for the footer */
div.footer {
    font: 'Bree Serif', serif;
    text-align: center;
    border-collapse: collapse;
    }
/* Styling for the overall table */
table {
    font: 100% 'Bree Serif', serif;
    table-layout: fixed;
    border-collapse: collapse;
     }
/* Styling for the column headers (days of the week) */
th {
    padding: 0 0.5em;
    text-align: center;
    background-color:gray;
    color:white;
    border-collapse: collapse;
    }
/* Styling for the individual cells (days) */
td  {     
    font-size: medium;
    padding: 0.25em 0.25em;   
    width: 14%; 
    text-align: left;
    vertical-align: top;
    border-collapse: collapse;
    }
/* Styling for the date numbers */
.date  {     
    font-size: large;
    padding: 0.25em 0.25em;   
    text-align: left;
    vertical-align: top;
    }
/* Class for individual days (coming in future release) */
.sun {
     color:red;
     }
/* Hide the month element (coming in future release) */
th.month {
    visibility: hidden;
    display:none;
    }
/* COLORES:

Azules:
#003259;
#132646;
#17262D;

Amarillos:
#f2a20f
#C14733

Naranjas:
#f25d3c
#d44c2d

Verdes:
#03afa4
#038b83

*/
/*****************************************************************************************************************************************************   MEDIA PARA CELULAR
***************************************************************************************************************************************************/




@media screen and (max-width:2000px){
/* ATRIBUTOS GENERALES */

.paginaactividades {
    width: 960px;
    margin: auto;
}

h1 { 
    line-height: 3px;
}

body {
    background-image:url(imagenes/fondoactividades.jpg);
    margin: 0px;
    font-family: 'Bree Serif', serif;
}



p {
    font-weight: 100;
    font-size: 1rem;
  font-size: 15px;
  line-height: 24px;
}


/*****************************************************************************

HOME VILLA JARDIN

*******************************************************************************/






/* CABECERA */

#headeractividades {
    background-color: white;
    height: 100px;
	width: 100%;
}

#headeractividades p {
    line-height: 3px;
    letter-spacing: 3px;
    font-size: 10px;
    color: #B62660;
    text-transform: uppercase;
	
}
	#headeractividades nav{
		width: 90%;
		max-width: 1000px;
		margin: 20px auto;
	}
	
	.menubar{
		
		display: none;
		
		
	}
	
	#headeractividades nav ul li span{
	margin-right: 10px;	
		

	}
	

#nombrepagina {
    float: left;
    margin-top: 5px;
    font-size: 10px;
	width: 40px;
	height: 60px;
}

#logoactividades {
    float: right;
 
   
	margin-right: 8%
	}

.proyecto huertaactividades {
    color: #141325;
    line-height: 3px;
}

/* BOTONERA */

#navactividades {
    height: 60px;
    background-color: #A2C450;
    width: 100%;
    margin: auto;
    border-bottom: 5px solid #B62660;
}

#navactividades div {
    position: relative;
    z-index: 1;
}


#navactividades div  ul {
    list-style: none;
    float: left;
    margin: 0px;
    /*position: absolute;*/
    padding: 0px;
    overflow:hidden;/*el contenido que desborda del elemento queda escondido*/
	width: 50%;
}

#navactividades   div  ul  li {
	float:left;
}

#navactividades div ul li a {
    text-transform: uppercase;
    font-size: 13px;
   /* background-color: #396683;*/
    text-decoration: none;
    color: #fff;
    display: block;
    line-height: 55px;
    
    padding-right: 10px;
    margin-left: 3px;
    border-top: 5px solid #B62660;
    width: 50%
    text-align: center;


}

#navactividades div ul li a:hover {
    background-color: #fff;
    border-top: 5px solid #B62660;
    color: #17262D;  
}

#navactividades div  ul  li:hover div {
	display:table;
}

 .botones-circularactividades {
        float: right;
        text-decoration: none;
        text-align: center;
        width: 35px;
        height:35px;
        background-color: #B62660; 
       /* border: 3px solid #1c2c3c; */
        border-radius: 50%;
        font-size: 20px;
        color: #fff;
        line-height: 35px;
        margin-left: 5px;
        margin-right: 5px;
	 margin-top: 3%;
        
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;

    }

.botones-circularactividades:hover {
        color: #B62660;
        background-color: #fff;
    }


/*Submenu*/

#navactividades ul li div {
	width:100%;
	position: absolute;
    /*left:50;*/
	/*box-sizing:border-box;*/
	display:none; 
	/*display:table;*/
}

#navactividades div ul li div ul {
	/*width:10%;*/
	display:table-cell;
	box-sizing:border-box;
}

#navactividades div ul li div ul li a {
	color:#fff;
    background-color: #B62660; 
    border-top: 5px solid #B62660;
}

#navactividades div ul li div ul li a:hover {
    border-top: 5px solid #B62660;
    background-color:  #fff;
}

/* SLIDER */

.slideractividades {
    height: auto;
    width: 100%;
    margin: auto;
    position: relative;
	padding: 0;
	background-image: url(imagenes/SLIDERCELU.jpg);
	width: 400px;
	height: 370px;
	overflow: hidden;
	 
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0;
	

	
	
    
}
	.slideractividades ul li{
		
		list-style: none;
		list-style-image: none;
		
	}



.slideractividades article a i:hover {
    background-color: #fff;
    color: #027B6F;
}


.tituloslideractividades {
    position: relative;
    float: left;
    width: 30%;
    margin-bottom: 5px;
}

.tituloslideractividades h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 2px;
    margin-top: 20px;
    padding-left: 20px;
    
}

.tituloslideractividades h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 21px;
    padding-left: 20px;
    
}


/* Actividades Destacadas */

.seccion1actividades {

    /* border-top: 5px solid #17262D;*/
}

.destacados1actividades img {
    width: 100%;
}

.destacados1actividades h1 {
    font-size: 18px;
    background-color: #A2C450;
    padding: 15px;
    text-transform: uppercase;
    font-weight: normal;
    color: #17262D;
    border-radius: 3px;

}

/*.destacados a:hover { /* Consultar como poner la imagen que pisa cuando paso por arriba 
    background-image: url(img/recuadromas.png);
    color: #fff;
}
*/
.destacados1actividades article {
    width: 80%;
	height: 15%;
   /* text-align: center;*/
    float: left; 
    margin-left: 10px;
   /* background-color: #A2C450;*/
	padding: 5px;5px;
	overflow: hidden;


}
.destacados1actividades article:hover {
    width: 80%;
   /* text-align: center;*/
    float: left; 
 
   /* background-color:  #B62660;*/
	padding: 5px;5px;

}

.contenedoresactividades {
    margin-left: 0px;
	width: 100%;
	height: auto;
	
}

.destacados1actividades article h2 {
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 0.7px;
    border-bottom: 1px solid #fff;
    margin-left: 5px;
	background-color: #A2C450;
	   padding-bottom: 30px;
    padding-top: 10px;
	width: 360px;
	margin: 0;
    text-align: center;
	
    color: #fff;
}
.destacados1actividades article h2:hover {
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 0.7px;
    border-bottom: 1px solid #141325;;
    margin-left: 5px;
    padding-bottom: 30px;
    padding-top: 10px;
    color:#141325;
	background-color: #B62660;
	width: 360px;
}


.destacados1actividades article h3 {
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-left: 5px;
    font-style: italic;
    font-weight: normal;
	color: #fff;
	background-color:  #A2C450;
	margin: 0;
	width: 360px;
	text-align: center;
	
		
}


.destacados1actividades article p {
    font-weight: 100;
    font-size: 1rem;
    font-size: 13px;
    line-height: 24px;
    padding: 1px 5px;
    letter-spacing: 0.3px;
	color: #fff;
	background-color:  #A2C450;
	opacity: 0;
	position: fixed;
}

.destacados1actividades article a {
    margin-left: 5px;
}

.medidarecuadro1actividades {
    display: block;
    height: 350px;
    width: 350px;
    background-image:url(imagenes/tomatecuadradocelu.png);
	background-repeat: no-repeat;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
	margin: 0;
	
   
}

.medidarecuadro1actividades:hover {
    background-image: url(imagenes/tomatepatterncelu.png);
	background-repeat: no-repeat;
    position: relative;
   
}

.medidarecuadro2actividades {
    display: block;
    width: 350px;
    height: 350px;
    background-image: url(imagenes/ni%C3%B1osenhuertacelu.png);
	background-repeat: no-repeat;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
      
}

.medidarecuadro2actividades:hover {
    position: relative;
    background-image: url(imagenes/ni%C3%B1osenpatterncelu.png);
}

.medidarecuadro3actividades {
    display: block;
    width: 350px;
    height: 350px;
    background-image:url(imagenes/tierraactividadescelu.png);
	background-repeat: no-repeat;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
      
}

.medidarecuadro3actividades:hover {
    position: relative;
    background-image: url(imagenes/tierrapatternactcelu.png);
}

/* Noticias Destacadas */

.destacados2actividades {
    position: relative;
    float: left;
    width: 66%;
    height: 300px;
}

.destacados2actividades h1 {
    font-size: 18px;
    background-color: #03afa4;
    padding: 15px;
    text-transform: uppercase;
    font-weight: normal;
    color: #003259;
    border-radius: 3px;

}
.destacados2actividades .voluntarios900actividades {
    width: 45%;
    float: left;
    position: relative;
    margin-right: 19px;
    background-color: #03afa4;
    padding: 17px 10px;
    border-bottom: 5px solid #141325;
    color: #fff;
}

.destacados2actividades .voluntarios900actividades:last-child {
margin-right: 0px;
    float: right;
    position: relative;
}

.destacados2actividades .voluntarios900actividades h2 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.7px;
    border-bottom: 1px solid #141325;
    margin-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #fff;
    margin-top: 0px;
}

.destacados2actividades .voluntarios900actividades h3 {
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-left: 5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-style: italic;
    font-weight: normal;
}


.destacados2actividades .voluntarios900actividades p {
    font-weight: 100;
    font-size: 1rem;
    font-size: 13px;
    line-height: 24px;
    padding: 1px 5px;
    letter-spacing: 0.3px;
}

.destacados2actividades .voluntarios900actividades a i {
    clear: both;
     background-color: #141325;
     color: #fff;
     padding: 8px;
     text-align: center;
     float: right;
     position: relative;
     margin-bottom: -17px;
     margin-right: -10px;
    
}

.destacados2actividades .voluntarios900actividades a i:hover {
    background-color: #fff;
    color: #141325;
}

.vol900actividades {
    width: 220px;
    margin-left: 27px;
    margin-top: 0px;
    padding-top: 2px;
    float: left;
}
.destacados2actividades{
	background-image: url(imagenes/cronogramaceluactividades.jpg);
	background-repeat: no-repeat;
	
	padding: 0;
	width: 37%;
	background-color: #fff;

	margin-left: 1%;
	padding: 1%
	
	

	
	
}
.destacados2actividades article {
    width: 45%;
    float: left;
    position: relative;
    margin-right: 19px;
    background-color: #132646;
    padding: 17px 10px;
    border-bottom: 5px solid #141325;
    color: #fff;
}

.destacados2actividades article:last-child {
margin-right: 0px;
    float: right;
    position: relative;
}

.destacados2actividades article h2 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.7px;
    border-bottom: 1px solid #03afa4;
    margin-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #03afa4;
    margin-top: 0px;
}

.destacados2actividades article h3 {
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-left: 5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-style: italic;
    font-weight: normal;
}


.destacados2actividades article p {
    font-weight: 100;
    font-size: 1rem;
    font-size: 13px;
    line-height: 24px;
    padding: 1px 5px;
    letter-spacing: 0.3px;
}

.destacados2actividades article a i {
    clear: both;
     background-color: #141325;
     color: #fff;
     padding: 8px;
     text-align: center;
     float: right;
     position: relative;
     margin-bottom: -17px;
     margin-right: -10px;
    
}

.destacados2actividades article a i:hover {
    background-color: #fff;
    color: #141325;
}


/* Participa */

#destacado3actividades {
    background: #f2a20f;
    float: left;
    width: 40%;
    height: 265px;
;
	margin-top: 1%;
}

#destacado3actividades article h1 {
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-top: 55px;
}



#destacado3actividades article:first-child {
    background-color: #e29300;
    width: 35%;
    height: 100%;
    margin-top: 0px;
    float: left;
    position: relative;
    margin-right: 5px;
}

#destacado3actividades article h3 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}

#destacado3actividades article a {
    text-decoration: none;
    font-size: 14px;
    color: #141325;
    text-transform: uppercase;
    margin: 5px;
    padding: 10px;
    width: 85px;
    display: block;
    text-align: center;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;

}

#destacado3actividades article div {
    float: left;
    position: relative;
}

#destacado3 article div a:hover {
    background-color: #e29300;
    color: #fff;
    border-radius: 5px;
}

#destacado3actividades article div i {
    text-decoration: none;
    font-size: 40px;
    background: #fff;
    color: #141325;
    text-transform: uppercase;
    margin: auto;
    margin-top: 12px;
    
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: block;
    text-align: center;
    border: 5px solid #e29300;
    
}

/* CRONOGRAMA */

.cuadrocronogramaactividades {
    background-color:  #00c3b6;;
    width: 32%;
    float: right;
    position: relative;
    margin-bottom: 50px;
    margin-top: 15px;   
}

 .cuadrocronogramaactividades article {
    height: 100%;
    color: #fff;
}

 .cuadrocronogramaactividades article a {
     float: right;
     position: relative;
     width: 100%;
     height: 5px;
     border-bottom: 5px solid #FFF;
     
 }

 .cuadrocronogramaactividades article a i {
     background-color: #d44c2d;
     color: #fff;
     padding: 8px;
     text-align: center;
     float: right;
     position: relative;
     margin-top: -25px;
 }

 .cuadrocronogramaactividades article a i:hover {
     background-color: #fff;
     color: #d44c2d;
 }

#titulocronogramaactividades {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    height: 25px;
    width: 100%;
    border-bottom: 5px solid #FFF; 
    letter-spacing: 1px;
    padding-top: 8px;
    margin-top: 15px;
    margin-bottom: 1px;
}

.fechaactividades { 
    width: 30%;
    float: left;
    margin-top: 20px;
}

.fechaactividades h1 {
    font-size: 50px;
    color: #fff;
    line-height: 30px;
    margin: 10px;
}

.fechaactividades h2 {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    line-height: 15px;
    margin: 10px;
}

.informacion1actividades {
    width: 65%;
    float: right;
    margin-right: 5px;
}

.informacion1actividades h3 {
    line-height: 1px;
    font-size: 16px;
    margin-bottom: 1px;
    letter-spacing: 0.5px;
}

.informacion1actividades p {
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.3px;
}

.informacion1actividades h4 {
    font-size: 14px;
    line-height: 1px;
    margin-top: 1px;
    letter-spacing: 0.5px;
    font-style: italic;
    font-weight: normal;
}

.botonvermas1actividades {
    text-align: center;
    float: left;
    width: 83%;
    background-color: #FFF;
    margin: 15px;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    color: #808080;
    text-transform: uppercase;
}

.botonvermas1actividades:hover {
    color: #d44c2d;
    background-color: #fff;
    font-weight: 700;
}



/* FOOTER */

#actividadesfooter {
    background-color: #B62660;
    margin: 0px;
    clear: both;
    height: 150px;
    border-top: 5px solid #A2C450;
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: center;
color: white;
	width: 99%;

}

#footeractividades p { font-size: 13px;
	width: 35%;
	
	}




/* COLORES:

Azules:
#324C5F
#263E4C
#17262D

Naranjas:
#DD583B
#C14733

Verdes:
#009F95
#027B6F

*/
	
	
}
@media (min-width: 1200px) { 
/* COLORES:



	/*****************************************************************************

media pantalla grande

**************************************************************************/
	


@media screen and (max-width:2000px){
/* ATRIBUTOS GENERALES */

.paginaactividades {
    width: 960px;
    margin: auto;
}

h1 { 
    line-height: 3px;
}

body {
    background-image:url(imagenes/fondoactividades.jpg);
    margin: 0px;
    font-family: 'Bree Serif', serif;
}



p {
    font-weight: 100;
    font-size: 1rem;
  font-size: 15px;
  line-height: 24px;
}


/*****************************************************************************

HOME 

*******************************************************************************/






/* CABECERA */

#headeractividades {
    background-color: white;
    height: 100px;
	width: 100%;
}

#headeractividades p {
    line-height: 3px;
    letter-spacing: 3px;
    font-size: 10px;
    color: #B62660;
    text-transform: uppercase;
	
}
	#headeractividades nav{
		width: 90%;
		max-width: 1000px;
		margin: 20px auto;
	}
	
	.menubar{
		
		display: none;
		
		
	}
	
	#headeractividades nav ul li span{
	margin-right: 10px;	
		

	}

#nombrepaginaactividades {
    float: left;
    margin-top: 20px;
    font-size: 20px;
}

#logoactividades {
    float: right;
    height: 35px;
    margin-top: 55px;
}

.proyecto huertaactividades {
    color: #141325;
    line-height: 3px;
	width: 50%;
}

/* BOTONERA */

#navactividades {
    height: 60px;
    background-color: #A2C450;
    width: 100%;
    margin: auto;
    border-bottom: 5px solid #B62660;
}

#navactividades {
    position: relative;
    z-index: 1;
}


#navactividades   ul {
    list-style: none;
    float: left;
    margin: 0px;
    /*position: absolute;*/
    padding: 0px;
    overflow:hidden;/*el contenido que desborda del elemento queda escondido*/
	width: 100%;
	
}

#navactividades   ul  li {
	float:left;
	width: 20%
}

#navactividades div ul li a {
    text-transform: uppercase;
    font-size: 13px;
   /* background-color: #396683;*/
    text-decoration: none;
    color: #fff;
    display: block;
    line-height: 55px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 3px;
    border-top: 5px solid #B62660;
    width: 100%;
    text-align: center;
    letter-spacing: 0.5px;
	opacity: 100;
}

#navactividades div ul li a:hover {
    background-color: #fff;
    border-top: 5px solid #B62660;
    color: #17262D;  
}

#navactividades > div > ul > li:hover div {
	display:table;
}

 .botones-circularactividades {
        float: right;
        text-decoration: none;
        text-align: center;
        width: 35px;
        height:35px;
        background-color: #B62660; 
       /* border: 3px solid #1c2c3c; */
        border-radius: 50%;
        font-size: 20px;
        color: #fff;
        line-height: 35px;
        margin-left: 5px;
        margin-right: 5px;
         margin-top: 13px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;

    }

.botones-circularactividades:hover {
        color: #B62660;
        background-color: #fff;
    }


/*Submenu*/

#navactividades ul li div {
	width:100%;
	position: absolute;
    /*left:50;*/
	/*box-sizing:border-box;*/
	display:none; 
	/*display:table;*/
}

#navactividades div ul li div ul {
	/*width:10%;*/
	display:table-cell;
	box-sizing:border-box;
}

#navactividades div ul li div ul li a {
	color:#fff;
    background-color: #B62660; 
    border-top: 5px solid #B62660;
}

#navactividades div ul li div ul li a:hover {
    border-top: 5px solid #B62660;
    background-color:  #fff;
}

/* SLIDER */

.slideractividades {
    height: auto;
    width: 850px;
	height: 350px;
    margin: auto;
    position: relative;
	padding: 0;
	
		background-image: url(imagenes/baneractividades.jpg);
	
    
}



.slideractividades article a i:hover {
    background-color: #fff;
    color: #027B6F;
}


.tituloslideractividades {
    position: relative;
    float: left;
    width: 30%;
    margin-bottom: 5px;
}

.tituloslideractividades h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 2px;
    margin-top: 20px;
    padding-left: 20px;
    
}

.tituloslideractividades h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 21px;
    padding-left: 20px;
    
}


/* Actividades Destacadas */

.seccion1actividades {

    /* border-top: 5px solid #17262D;*/
}

.destacados1actividades img {
    width: 100%;
}

.destacados1actividades h1 {
    font-size: 18px;
    background-color: #A2C450;
    padding: 15px;
    text-transform: uppercase;
    font-weight: normal;
    color: #17262D;
    border-radius: 3px;

}

/*.destacados a:hover { /* Consultar como poner la imagen que pisa cuando paso por arriba 
    background-image: url(img/recuadromas.png);
    color: #fff;
}
*/
.destacados1actividades article {
    width: 30%;
   /* text-align: center;*/
    float: left; 
    margin-left: 10px;
    background-color: #A2C450;
	padding: 5px;5px;


}
.destacados1actividades article:hover {
    width: 30%;
   /* text-align: center;*/
    float: left; 
    margin-left: 10px;
    background-color:  #B62660;
	padding: 5px;5px;

}

.contenedoresactividades {
    margin-left: 0px;
	width: 100%;
	height: auto;
	
}

.destacados1actividades article h2 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.7px;
    border-bottom: 1px solid #00c3b6;
    margin-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #00c3b6;
}
.destacados1actividades article h2:hover {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.7px;
    border-bottom: 1px solid #141325;;
    margin-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    color:#141325;
}


.destacados1actividades article h3 {
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-left: 5px;
    font-style: italic;
    font-weight: normal;
}


.destacados1actividades article p {
    font-weight: 100;
    font-size: 1rem;
    font-size: 13px;
    line-height: 24px;
    padding: 1px 5px;
    letter-spacing: 0.3px;
}

.destacados1actividades article a {
    margin-left: 5px;
}

.medidarecuadro1actividades {
    display: block;
    height: 300px;
    width: 300px;
    background-image:url(imagenes/tomatecuadrado.png);
	background-repeat: no-repeat;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
   
}

.medidarecuadro1actividades:hover {
    background-image: url(imagenes/tomatepattern.png);
	background-repeat: no-repeat;
    position: relative;
   
}

.medidarecuadro2actividades {
    display: block;
    width: 300px;
    height: 300px;
    background-image: url(imagenes/ni%C3%B1osenhuerta.png);
	background-repeat: no-repeat;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
      
}

.medidarecuadro2actividades:hover {
    position: relative;
    background-image: url(imagenes/ni%C3%B1osenpattern.png);
}

.medidarecuadro3actividades {
    display: block;
    width: 300px;
    height: 300px;
    background-image:url(imagenes/tierraactividades.png);
	background-repeat: no-repeat;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
      
}

.medidarecuadro3actividades:hover {
    position: relative;
    background-image: url(imagenes/tierrapatternact.png);
}

/* Noticias Destacadas */

.destacados2actividades {
    position: relative;
    float: left;
    width: 66%;
    height: 300px;
}

.destacados2actividades h1 {
    font-size: 18px;
    background-color: #03afa4;
    padding: 15px;
    text-transform: uppercase;
    font-weight: normal;
    color: #003259;
    border-radius: 3px;

}
.destacados2actividades .voluntarios900actividades {
    width: 45%;
    float: left;
    position: relative;
    margin-right: 19px;
    background-color: #03afa4;
    padding: 17px 10px;
    border-bottom: 5px solid #141325;
    color: #fff;
}

.destacados2actividades .voluntarios900actividades:last-child {
margin-right: 0px;
    float: right;
    position: relative;
}

.destacados2actividades .voluntarios900actividades h2 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.7px;
    border-bottom: 1px solid #141325;
    margin-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #fff;
    margin-top: 0px;
}

.destacados2actividades .voluntarios900actividades h3 {
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-left: 5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-style: italic;
    font-weight: normal;
}


.destacados2actividades .voluntarios900actividades p {
    font-weight: 100;
    font-size: 1rem;
    font-size: 13px;
    line-height: 24px;
    padding: 1px 5px;
    letter-spacing: 0.3px;
}

.destacados2actividades .voluntarios900actividades a i {
    clear: both;
     background-color: #141325;
     color: #fff;
     padding: 8px;
     text-align: center;
     float: right;
     position: relative;
     margin-bottom: -17px;
     margin-right: -10px;
    
}

.destacados2actividades .voluntarios900actividades a i:hover {
    background-color: #fff;
    color: #141325;
}

.vol900actividades {
    width: 220px;
    margin-left: 27px;
    margin-top: 0px;
    padding-top: 2px;
    float: left;
}
.destacados2actividades{
	background-image: url(imagenes/cronograma%20actividades.jpg);
	background-repeat: no-repeat;
	margin-left: 3%;
	padding: 0;
	width: 60%;
	margin-top: 2%
	
	
}
.destacados2actividades article {
    width: 45%;
    float: left;
    position: relative;
    margin-right: 19px;
    background-color: #132646;
    padding: 17px 10px;
    border-bottom: 5px solid #141325;
    color: #fff;
}

.destacados2actividades article:last-child {
margin-right: 0px;
    float: right;
    position: relative;
}

.destacados2actividades article h2 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.7px;
    border-bottom: 1px solid #03afa4;
    margin-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #03afa4;
    margin-top: 0px;
}

.destacados2actividades article h3 {
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-left: 5px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-style: italic;
    font-weight: normal;
}


.destacados2actividades article p {
    font-weight: 100;
    font-size: 1rem;
    font-size: 13px;
    line-height: 24px;
    padding: 1px 5px;
    letter-spacing: 0.3px;
}

.destacados2actividades article a i {
    clear: both;
     background-color: #141325;
     color: #fff;
     padding: 8px;
     text-align: center;
     float: right;
     position: relative;
     margin-bottom: -17px;
     margin-right: -10px;
    
}

.destacados2actividades article a i:hover {
    background-color: #fff;
    color: #141325;
}


/* Participa */

#destacado3actividades {
    background: #f2a20f;
    float: left;
    width: 66%;
    height: 145px;
    margin-top: 5px;
}

#destacado3actividades article h1 {
    text-transform: uppercase;
    color: #fff;
    font-size: 28px;
    text-align: center;
    margin-top: 55px;
}



#destacado3actividades article:first-child {
    background-color: #e29300;
    width: 25%;
    height: 100%;
    margin-top: 0px;
    float: left;
    position: relative;
    margin-right: 5px;
}

#destacado3actividades article h3 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}

#destacado3actividades article a {
    text-decoration: none;
    font-size: 14px;
    color: #141325;
    text-transform: uppercase;
    margin: 5px;
    padding: 10px;
    width: 85px;
    display: block;
    text-align: center;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;

}

#destacado3actividades article div {
    float: left;
    position: relative;
}

#destacado3 article div a:hover {
    background-color: #e29300;
    color: #fff;
    border-radius: 5px;
}

#destacado3actividades article div i {
    text-decoration: none;
    font-size: 40px;
    background: #fff;
    color: #141325;
    text-transform: uppercase;
    margin: auto;
    margin-top: 12px;
    padding: 20px 10px 0px 10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: block;
    text-align: center;
    border: 5px solid #e29300;
    
}

/* CRONOGRAMA */

.cuadrocronogramaactividades {
    background-color:  #00c3b6;;
    width: 32%;
    float: right;
    position: relative;
    margin-bottom: 50px;
    margin-top: 15px;   
}

 .cuadrocronogramaactividades article {
    height: 100%;
    color: #fff;
}

 .cuadrocronogramaactividades article a {
     float: right;
     position: relative;
     width: 100%;
     height: 5px;
     border-bottom: 5px solid #FFF;
     
 }

 .cuadrocronogramaactividades article a i {
     background-color: #d44c2d;
     color: #fff;
     padding: 8px;
     text-align: center;
     float: right;
     position: relative;
     margin-top: -25px;
 }

 .cuadrocronogramaactividades article a i:hover {
     background-color: #fff;
     color: #d44c2d;
 }

#titulocronogramaactividades {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    height: 25px;
    width: 100%;
    border-bottom: 5px solid #FFF; 
    letter-spacing: 1px;
    padding-top: 8px;
    margin-top: 15px;
    margin-bottom: 1px;
}

.fechaactividades { 
    width: 30%;
    float: left;
    margin-top: 20px;
}

.fechaactividades h1 {
    font-size: 50px;
    color: #fff;
    line-height: 30px;
    margin: 10px;
}

.fechaactividades h2 {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    line-height: 15px;
    margin: 10px;
}

.informacion1actividades {
    width: 65%;
    float: right;
    margin-right: 5px;
}

.informacion1actividades h3 {
    line-height: 1px;
    font-size: 16px;
    margin-bottom: 1px;
    letter-spacing: 0.5px;
}

.informacion1actividades p {
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.3px;
}

.informacion1actividades h4 {
    font-size: 14px;
    line-height: 1px;
    margin-top: 1px;
    letter-spacing: 0.5px;
    font-style: italic;
    font-weight: normal;
}

.botonvermas1actividades {
    text-align: center;
    float: left;
    width: 83%;
    background-color: #FFF;
    margin: 15px;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    color: #808080;
    text-transform: uppercase;
}

.botonvermas1actividades:hover {
    color: #d44c2d;
    background-color: #fff;
    font-weight: 700;
}



/* FOOTER */

#footeractividades {
    background-color: #B62660;
    margin: 0px;
    clear: both;
    height: 100px;
    border-top: 5px solid #A2C450;
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: center;
color: white;
	width: 
}

#footeractividades p { font-size: 13px;
	width: 100%;
	
	}

}
	

/*****************************************************************************

CAPACITACION
*******************************************************************************/
	
	
/*****************************************************************************

media pantalla grande

**************************************************************************/
	



/* ATRIBUTOS GENERALES */

.paginasalud {
    width: 960px;
    margin: auto;
}

h1 { 
    line-height: 3px;
}

body {
    background-image:url(imagenes/fondoactividades.jpg);
    margin: 0px;
    font-family: 'Bree Serif', serif;
}



p {
    font-weight: 100;
    font-size: 1rem;
  font-size: 15px;
  line-height: 24px;
}


/*****************************************************************************

HOME 

*******************************************************************************/




/* CABECERA */

header {
    background-color: white;
    height: 150px;
	width: 100%;
	margin: 0;
}

header p {
    line-height: 3px;
    letter-spacing: 3px;
    font-size: 10px;
    color: #B62660;
    text-transform: uppercase;
	margin: 0;
	
}
	header nav{
		width: 90%;
		max-width: 1000px;
		margin: 20px auto;
		margin: 0;
	}
	
	.menubar{
		
		display: none;
		
		
	}
	
	#headersalud nav ul li span{
	margin-right: 10px;	
		

	}

#nombrepaginasalud{
    float: left;
    margin-top: 20px;
    font-size: 20px;
}

#logosalud {
    float: right;
    height: 35px;
    margin-top: 55px;
}

.proyecto huertasalud{
    color: #141325;
    line-height: 3px;
	width: 50%;
}

/* BOTONERA */

nav {
    height: 50px;
    background-color: #A2C450;
    width: 100%;
    margin: 0;
    border-bottom: 5px solid #B62660;
}

#navsalud {
    position: relative;
    z-index: 1;
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #A2C450;
	height: 75px;
	
}


navsalud  ul {
    list-style: none;
    float: left;
    margin: 0px;
   position: absolute;
    padding: 0px;
    overflow:hidden;/*el contenido que desborda del elemento queda escondido*/
	width: 100%;
	margin-top: 5%
	
	
}

nav   ul  li {
	float:left;
	width: 15%;
	list-style: none;
	margin: 0
}

nav div ul li a {
    text-transform: uppercase;
    font-size: 13px;
   /* background-color: #396683;*/
    text-decoration: none;
    color: #fff;
    display: block;
    line-height: 55px;
   
    padding-right: 10px;
    margin-left: 3px;
    border-top: 5px solid #B62660;
    width: 100%;
    text-align: center;
    letter-spacing: 0.5px;
	
}

nav div ul li a:hover {
    background-color: #fff;
    border-top: 5px solid #B62660;
    color: #17262D;  
}

nav> div > ul > li:hover div {
	display:table;
}

 .botones-circularsalud {
        float: right;
        text-decoration: none;
        text-align: center;
        width: 30px;
        height:30px;
        background-color: #B62660; 
       /* border: 3px solid #1c2c3c; */
        border-radius: 50%;
        font-size:18px;
        color: #fff;
        line-height: 35px;
    
     
         margin-top: 10px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;

    }

.botones-circularsalud:hover {
        color: #B62660;
        background-color: #fff;
    }


/*Submenu*/

nav ul li div {
	width:100%;
	position: absolute;
    /*left:50;*/
	/*box-sizing:border-box;*/
	display:none; 
	/*display:table;*/
}

nav div ul li div ul {
	/*width:10%;*/
	display:table-cell;
	box-sizing:border-box;
}

nav div ul li div ul li a {
	color:#fff;
    background-color: #B62660; 
    border-top: 5px solid #B62660;
}

nav div ul li   a:hover {
    border-top: 5px solid #B62660;
    background-color:  #fff;
	height: 55px;
}

/* SLIDER */


	
		
	
    
}









/* Actividades Destacadas */



.destacados1salud img {
    width: 100%;
}

.destacados1salud h1 {
    font-size: 38px;
    background-color: #00c3b6;
    padding: 15px;
    text-transform: uppercase;
    font-weight: normal;
    color: #17262D;
    border-radius: 3px;
	margin-top: 8%

}

/*.destacados a:hover { /* Consultar como poner la imagen que pisa cuando paso por arriba 
    background-image: url(img/recuadromas.png);
    color: #fff;
}
*/
.destacados1salud article {
    width: 55%;
   /* text-align: center;*/
    float: left; 

    background-color: #A2C450;



}
.destacados1salud article:hover {
     width: 55%;
   /* text-align: center;*/
    float: left; 

    background-color: #A2C450;



}

.contenedoressalud {

	width: 97%;
	
	
}

.destacados1salud article h2 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.7px;
    border-bottom: 1px solid #00c3b6;
    margin-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #00c3b6;
}
.destacados1salud article h2:hover {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.7px;
    border-bottom: 1px solid #141325;;
    margin-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    color:#141325;
	
}


.destacados1salud article h3 {
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-left: 5px;
    font-style: italic;
    font-weight: normal;
}


.destacados1salud article p {
    font-weight: 100;
    font-size: 1rem;
    font-size: 13px;
    line-height: 24px;
    padding: 1px 5px;
    letter-spacing: 0.3px;
}

.destacados1salud article a {
    margin-left: 5px;
}

.medidarecuadro1salud {
    display: block;
    height: 300px;
    width: 500px;
    background-image:url(imagenes/tutoriales5.png);
	background-repeat: no-repeat;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
   
}

.medidarecuadro1salud:hover {
    background-image: url(imagenes/tutoriales5.png);
	background-repeat: no-repeat;
    position: relative;
	  display: block;
    height: 300px;
    width: 500px;
    background-image:url(imagenes/tutoriales5.png);
	background-repeat: no-repeat;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
   
}

.medidarecuadro2salud {
    display: block;
    width: 500px;
    height: 300px;
    background-image: url(imagenes/tutoriales4.jpg);
	background-repeat: no-repeat;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
      
}

.medidarecuadro2salud:hover {
    position: relative;
    background-image: url(imagenes/tutoriales4.jpg);
	width: 500px;
	height: 300px;
}




	.textosalud{
		
	float: right;
		width: 40%;
		background-color: #fff;
		margin-right: 2%;
	}



.textosalud p{
		
	
		 text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.6px;
    border-bottom: 1px solid #141325;;
    margin-left: 5px;
    
  
    color:#141325;
	text-align: justify;
	
		
	}




/* FOOTER */

#footersalud {
    background-color: #B62660;
    margin: 0px;
    clear: both;
    height: 100px;
    border-top: 5px solid #A2C450;
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: center;
color: white;
	
}

#footersalud p { font-size: 13px;
	width: 100%;
	
	}




/*****************************************************************************
                          HUERTAS
*******************************************************************************/

	
/*****************************************************************************

media pantalla grande

**************************************************************************/
	



/* ATRIBUTOS GENERALES */

.paginaactividades {
    width: 960px;
    margin: auto;
}

h1 { 
    line-height: 3px;
}

body {
    background-image:url(imagenes/fondoactividades.jpg);
    margin: 0px;
    font-family: 'Bree Serif', serif;
}



p {
    font-weight: 100;
    font-size: 1rem;
  font-size: 15px;
  line-height: 24px;
}






/* CABECERA */

#headeractividades {
    background-color: white;
    height: 100px;
	width: 100%;
}

#headeractividades p {
    line-height: 3px;
    letter-spacing: 3px;
    font-size: 10px;
    color: #B62660;
    text-transform: uppercase;
	
}
	#headeractividades nav{
		width: 90%;
		max-width: 1000px;
		margin: 20px auto;
	}
	
	.menubar{
		
		display: none;
		
		
	}
	
	#headeractividades nav ul li span{
	margin-right: 10px;	
		

	}

#nombrepaginaactividades {
    float: left;
    margin-top: 20px;
    font-size: 20px;
}

#logoactividades {
    float: right;
    height: 35px;
    margin-top: 55px;
}

.proyecto huertaactividades {
    color: #141325;
    line-height: 3px;
	width: 50%;
}

/* BOTONERA */

#navactividades {
    height: 60px;
    background-color: #A2C450;
    width: 100%;
    margin: auto;
    border-bottom: 5px solid #B62660;
}

#navactividades {
    position: relative;
    z-index: 1;
}


#navactividades   ul {
    list-style: none;
    float: left;
    margin: 0px;
    /*position: absolute;*/
    padding: 0px;
    overflow:hidden;/*el contenido que desborda del elemento queda escondido*/
	width: 100%;
	
}

#navactividades   ul  li {
	float:left;
	width: 20%
}

#navactividades div ul li a {
    text-transform: uppercase;
    font-size: 13px;
   /* background-color: #396683;*/
    text-decoration: none;
    color: #fff;
    display: block;
    line-height: 55px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 3px;
    border-top: 5px solid #B62660;
    width: 100%;
    text-align: center;
    letter-spacing: 0.5px;
	opacity: 100;
}

#navactividades div ul li a:hover {
    background-color: #fff;
    border-top: 5px solid #B62660;
    color: #17262D;  
}

#navactividades > div > ul > li:hover div {
	display:table;
}

 .botones-circularactividades {
        float: right;
        text-decoration: none;
        text-align: center;
        width: 35px;
        height:35px;
        background-color: #B62660; 
       /* border: 3px solid #1c2c3c; */
        border-radius: 50%;
        font-size: 20px;
        color: #fff;
        line-height: 35px;
        margin-left: 5px;
        margin-right: 5px;
         margin-top: 13px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;

    }

.botones-circularactividades:hover {
        color: #B62660;
        background-color: #fff;
    }


/*Submenu*/

#navactividades ul li div {
	width:100%;
	position: absolute;
    /*left:50;*/
	/*box-sizing:border-box;*/
	display:none; 
	/*display:table;*/
}

#navactividades div ul li div ul {
	/*width:10%;*/
	display:table-cell;
	box-sizing:border-box;
}

#navactividades div ul li div ul li a {
	color:#fff;
    background-color: #B62660; 
    border-top: 5px solid #B62660;
}

#navactividades div ul li div ul li a:hover {
    border-top: 5px solid #B62660;
    background-color:  #fff;
}

.paginaderechahuerta{
	width: 90%;

	
}
.cabecerahuerta{
	margin-left: 15%;
	
	
}


.video-container1huerta{
width: 80%;	
	margin-left: 8%;
	
	
}


.paginahuerta{
	width: 95%;

}

.textopagina1huerta{
	width: 100%;
	background-color: #A2C450;
	margin-left: 8%;
	padding: 2%;

}
.textopagina1huerta p{
	font-size: 12px;
line-height: 14px;
	color: #fff
	


}


.textopagina1huerta h2{
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    line-height: 15px;
    margin: 10px;
}

/* FOOTER */

#footeractividades {
    background-color: #B62660;
    margin: 0px;
    clear: both;
    height: 100px;
    border-top: 5px solid #A2C450;
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: center;
color: white;
	width: 
}

#footeractividades p { font-size: 13px;
	width: 100%;
	
	}

}
	

/*****************************************************************************
                   ESPACIO SALUD
*******************************************************************************/

	
/*****************************************************************************

media pantalla grande

**************************************************************************/
	



/* ATRIBUTOS GENERALES */

.paginaespacio {
    width: 960px;
    margin: auto;
}

h1 { 
    line-height: 3px;
}

body {
    background-image:url(imagenes/fondoactividades.jpg);
    margin: 0px;
    font-family: 'Bree Serif', serif;
}



p {
    font-weight: 100;
    font-size: 1rem;
  font-size: 15px;
  line-height: 24px;
}






/* CABECERA */

#headerespacio {
    background-color: white;
    height: 100px;
	width: 100%;
}

#headerespacio p {
    line-height: 3px;
    letter-spacing: 3px;
    font-size: 10px;
    color: #B62660;
    text-transform: uppercase;
	
}
	#headerespacio nav{
		width: 90%;
		max-width: 1000px;
		margin: 20px auto;
	}
	
	.menubar{
		
		display: none;
		
		
	}
	
	#headerespacio nav ul li span{
	margin-right: 10px;	
		

	}

#nombrepaginaespacio {
    float: left;
    margin-top: 20px;
    font-size: 20px;
}

#logoespacio {
    float: right;
    height: 35px;
    margin-top: 55px;
}

.proyecto huertaespacio {
    color: #141325;
    line-height: 3px;
	width: 50%;
}

/* BOTONERA */

#navespacio {
    height: 60px;
    background-color: #A2C450;
    width: 100%;
    margin: auto;
    border-bottom: 5px solid #B62660;
	
}

#navespacio {
    position: relative;
    z-index: 1000;
}


#navespacio   ul {
    list-style: none;
    float: left;
    margin: 0px;
    position: absolute;
    padding: 0px;
    overflow:hidden;/*el contenido que desborda del elemento queda escondido*/
	width: 50%;
	
}

#navespacio   ul  li {
	float:left;
	width: 20%
}

#navespacio div ul li a {
    text-transform: uppercase;
    font-size: 13px;
   /* background-color: #396683;*/
    text-decoration: none;
    color: #fff;
    display: block;
    line-height: 55px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 3px;
    border-top: 5px solid #B62660;
    width: 100%;
    text-align: center;
    letter-spacing: 0.5px;
	opacity: 100;
}

#navespacio div ul li a:hover {
    background-color: #fff;
    border-top: 5px solid #B62660;
    color: #17262D;  
}

#navespacio > div > ul > li:hover div {
	display:table;
}

 .botones-circularespacio {
        float: right;
        text-decoration: none;
        text-align: center;
        width: 35px;
        height:35px;
        background-color: #B62660; 
       /* border: 3px solid #1c2c3c; */
        border-radius: 50%;
        font-size: 20px;
        color: #fff;
        line-height: 35px;
        margin-left: 5px;
        margin-right: 5px;
         margin-top: 13px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;

    }

.botones-circularespacio {
        float: right;
        text-decoration: none;
        text-align: center;
        width: 35px;
        height:35px;
        background-color: #B62660; 
       /* border: 3px solid #1c2c3c; */
        border-radius: 50%;
        font-size: 20px;
        color: #fff;
        line-height: 35px;
        margin-left: 5px;
        margin-right: 5px;
	 margin-top: 3%;
        
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;

    }

.botones-circularespacio:hover {
        color: #B62660;
        background-color: #fff;
    }


/*Submenu*/

#navactividades ul li div {
	width:100%;
	position: absolute;
    /*left:50;*/
	/*box-sizing:border-box;*/
	display:none; 
	/*display:table;*/
}

#navactividades div ul li div ul {
	/*width:10%;*/
	display:table-cell;
	box-sizing:border-box;
}

#navactividades div ul li div ul li a {
	color:#fff;
    background-color: #B62660; 
    border-top: 5px solid #B62660;
}

#navactividades div ul li div ul li a:hover {
    border-top: 5px solid #B62660;
    background-color:  #fff;
}


.paginaderechaespacio{
	width: 90%;

	
}


.video-container1espacio{
width: 30%;	
	margin-left: 2%;
	float: left;
	
	
}
.mapaespacio{
	

	
	width: 41%;
	height: auto;
	overflow: hidden;
	float: right;
	position: relative;
	margin-right: 2%;
	background-color: #fff;
	padding-left: 7%

}

.mapaespacio h2{
	float: right;
	font-size: 15px;
	background-color:#B62660;
	color: #fff;
	width: 20%;
	padding: 2%;
	margin-right:4%;
	
	
	
}


#paginaespacio{
	width: 110%;

}
.nota2espacio{
	width: 100%;
	height: 600px;
	margin-top: 2%
	
	
	
}

.textoespacio{
	width: 40%;
	margin-right: 5%;
	background-color: #A2C450;
	padding: 2%;


	
	float: right;

}
.textoespacio h2  {
	font-size: 12px;
line-height: 14px;
	color: #fff;
	


}
.textoespacio b  {
	font-size: 14px;
line-height: 14px;
	color: #B62660;
	


}



/* FOOTER */

#footerespacio {
    background-color: #B62660;
    margin: 0px;
    clear: both;
    height: 100px;
    border-top: 5px solid #A2C450;
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: center;
color: white;
	width: 
}

#footerespacio p { font-size: 13px;
	width: 100%;
	
	}

}
	

/* ATRIBUTOS GENERALES */

.pagina {
    width: auto;
    margin: auto;
height: auto;
}

h1 { 
    line-height: 3px;
}

body {
background-image: url(imagenes/fondo.jpg);
margin: 0px;
font-family: 'Bree Serif', serif;
}






/*****************************************************************************

PROYECTO HUERTA
*******************************************************************************/


/* CABECERA */

header {
    background-color: #fff;
    height: 110px;
}

header p {
    line-height: 3px;
    letter-spacing: 3px;
    font-size: 16px;
    color: #03afa4;
    text-transform: uppercase;
}

#nombrepagina {
    float: left;
    margin-top: 20px;
    font-size: 20px;
margin-left: 20%;

}

#logo {
    float: right;
    height: 35px;
    margin-top: 35px;
margin-right: 20%;
}

/* BOTONERA */

nav {
    height: 60px;
    background-color: #A2C450;
    width: auto;
    margin: auto;
    border-bottom: 5px solid #B62660;
}

nav div {
    position: relative;
    z-index: 1;
}


nav div  ul {
    list-style: none;
    float: left;
    margin: 0px;
    /*position: absolute;*/
    padding: 0px;
    overflow:hidden;/*el contenido que desborda del elemento queda escondido*/
}

nav >  div > ul > li {
	float:left;
}

nav div ul li a {
    text-transform: uppercase;
    font-size: 13px;
   /* background-color: #396683;*/
    text-decoration: none;
    color: #fff;
    display: block;
    line-height: 55px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 3px;
    border-top: 5px solid #B62660;
    width: 112px;
    text-align: center;
    letter-spacing: 0.5px;
}

nav div ul li a:hover {
    background-color: #fff;
    border-top: 5px solid #B62660;
    color: #17262D;  
}

nav > div > ul > li:hover div {
	display:table;
}
 .botones-circular {
        float: right;
        text-decoration: none;
        text-align: center;
        width: 35px;
        height:35px;
        background-color: #B62660; 
       /* border: 3px solid #1c2c3c; */
        border-radius: 50%;
        font-size: 20px;
        color: #fff;
        line-height: 35px;
        margin-left: 5px;
        margin-right: 5px;
         margin-top: 13px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;

    }

.botones-circular:hover {
        color: #B62660;
        background-color: #fff;
    }


/*Submenu*/

nav ul li div {
	width:auto;
	position: absolute;
    /*left:50;*/
	/*box-sizing:border-box;*/
	display:none; 
	/*display:table;*/
}

nav div ul li div ul {
	/*width:10%;*/
	display:auto;
	box-sizing:border-box;
}

nav div ul li div ul li a {
	color:#fff;
    background-color: #B62660; 
    border-top: 5px solid #B62660;
}

nav div ul li div ul li a:hover {
    border-top: 5px solid #B62660;
    background-color:  #fff;
}



/* FOOTER */

footer {
    background-color: #B62660;
    margin: 0px;
    clear: both;
    height: auto;
    border-top: 5px solid #A2C450;
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: center;
color: white;
}

footer p { font-size: 13px; }


/************************************************************************

CUENCA

************************************************************************/
#contenedor-cuenca {
	width: 60%;
	overflow: auto;
	margin: auto;
	background-color: #A2C450;	
    color: white;
    padding: 10px;
}
#contenedor-cuenca h3{
    font-size: 18px;
    background-color: #B62660;
    padding: 10px;
     margin: 0;
    font-weight: normal;
    color: white;
    border-radius: 3px;
}
#contenedor-cuenca h4{
   font-size: 14px;
    background-color: #B62660;
    padding: 8px;
    margin: 0;
    font-weight: normal;
    color: white;
    border-radius: 3px;
}
#la-cuenca	{
margin: auto;
float: left;
display: inline;
clear: both;
    
}

#contenedor-cuenca img {
    width: 100%;
}

 
#la-cuenca2 img {
    width: 100%;
}
/************************************************************************

QUIENES SOMOS

************************************************************************/

#contenedor-quienessomos {
	width: 60%;
    overflow: auto;
	margin: auto;
	background-color: #A2C450;	
    color: white;
    padding: 10px;
}

#cuenca {
    width: 100%;
    overflow: auto;
    position: relative;
    float: left;
    margin: auto;
}
#cuenca p {
    width: 100%;
    height: auto;
    font-size: 14px;
    float: left;
}


.cuencainfo {
    clear: both;
    overflow: auto;
    margin-left: 10px;
}
.cuencainfo p {
    text-align: left;
    width: auto;
    overflow: auto;
}
.cuencainfo h3 {
    float: left;
    font-size: 18px;
    width: 98%;
    background-color: #B62660;
    padding: 10px;
     margin: 0;
    font-weight: normal;
    color: white;
    border-radius: 3px;
    margin-right: 10px;
}
.cuencainfo cuencafoto {
    margin: 10px;
    padding-right: 10px;
    width: 40%;
    float: right;
    position: relative;
    display: inline-block;
}

.epidemiologia {
    clear: both;
    width: auto;
    height: auto;
    margin-top: 10px;
    float: left;
}
.epidemiologia h3 {
    float: left;
    font-size: 18px;
    width: 98%;
    background-color: #B62660;
    padding: 10px;
    margin-right: 10px;
    font-weight: normal;
    color: white;
    border-radius: 3px;
    margin-right: 10px;
}

.epidemiologia videoepi {
    overflow: auto;
    margin: 10px;
    float: right;
    position: relative;
}


.bullet{
list-style-image: url(imagenes/bullet.png);
    padding-top: 10px;
 width: 98%;
    overflow: auto;
}
.epidemiologia ul {
font-size: 13px;
color: white;
    text-align: left;
    }

/************************************************************************

SUMATE

************************************************************************/

#contenedor-sumate {
	width: 60%;
overflow: auto;
	margin: auto;
	background-color: #A2C450;	
    color: white;
    padding: 10px;
}
#cuerpo {
    background-image: url(imagenes/sumate.jpg);
    border: 2px solid #A2C450;
    width: 100%;
    margin: auto;
    align-content: center;
height: 600px;
}
.contenedor-sumate2 {
float: left;
    margin-top: 65%;

}
.contenido{

        margin: auto;
    padding-left: 10px;
    color: white;
    background-color: #A2C450;
    opacity: 0.8;
     -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    font-style: normal;
    text-decoration: none;
    font-size: 50px;
    text-align: left;

}
.contenido2{

        margin: auto;
  height: auto;
font-size: 14px;
    text-align: left;
    background-color: #B62660;
padding: 10px;
    color: white;
}
section h3 {
    float: left;
    font-size: 18px;
    width: 98%;
    background-color: #B62660;
    padding: 10px;
     margin: 0;
    font-weight: normal;
    color: white;
    border-radius: 3px;
    margin-right: 10px;

}
section p{
width: 98%;
    height: auto;
    font-size: 13px;
    float: left;
        display: inline;
    clear: both;
}
.esperamos {
float: right;
    width: 98%;
    display: inline;
    clear: both;
 margin: 10px;
    
}


/************************************************************************

pagina de contacto

************************************************************************/

#contenedordecontacto {
	width: 60%;
	overflow: auto;
	margin: auto;
	background-color: #A2C450;	
    color: white;
    padding: 10px;
}

.titulo_usuario{
    color: #fff;
    margin-left: 2%;
    margin-right: 2%;
    font-family: 'Bree Serif', serif;
    font-size: 40px;
    font-weight: bold;
}

section#contacto_info{
    width:45%;
    margin-top:3%;
    margin-left: 2%;
    float:left;
    font-family: 'Bree Serif', serif;
}

.subtitulo_contacto{
    font-size: 25px;
    font-weight: 600;
    border-bottom: 1px solid #B12A65;
    display: block;
    padding-bottom: 3px;
    margin-bottom: 3%;
    color:#B12A65;
}

section#contacto_info b{ 
    font-family: 'Bree Serif', serif;
    font-size: 15px;
    font-weight: 500;
    display: block;
    margin-top: 3%;
}

section#contacto_info a{ 
    font-family: 'Bree Serif', serif;
    font-weight: 500;
    color: #fff;
    text-decoration: none;  
}


/************************************************************************

FORMULARIO DE CONTACTO

************************************************************************/

section#contacto_formulario{
    width:45%;
    height: auto;
    margin-top:3%;
    margin-right: 2%;
    float:right;
    color:#000000;
    font-family: 'Bree Serif', serif;
}

.formulario{
    width:80%;
}

#contactoformulario{
    margin-top: 4px;
    width:80%;
    position:relative;
    float:left;
}

.contacto{
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 6px;
    

}

.formulario p.contacto {
    font-size: 10px; 
    line-height: 14px; }

.formulario input[type="text"] { 
    width: 100%; 
}

.formulario input[type="email"] { 
    width: 100%; 
}

.formulario label {
    font-size: 10pt;
}

.formulario input, textarea { 
    background-color: #FFFFFF;
    border: 1px solid #B12A65;
    padding: 10px;
    color: #B1B1B6;
    font-size: 9pt;
    display: block;
    margin-bottom:6%; 
    margin-top:-5px;
    width:100%;
}

.formulario input:focus, textarea:focus {
    border: 1px solid #D0D956;
    background-color: #E4EAA2;
}

.formulario input.buttom{ 
    background: #D0D956;
    display: inline-block; 
    padding: 6px 10px; 
    color: #B12A65;
    text-decoration: none;
    box-shadow: 0 1px 3px #414141;
    border: none;
    position: relative;
    cursor:default;
    font-size: 14px;
    font-family: 'Bree Serif', serif;
    font-weight: bold;
}

.formulario input.buttom:hover{
    background-color: #B12A65; 
    color: #fff;
}

.cajaparticipa{
    background-color: #B12A65;
    width:90%;
    height: auto;
    float: right;
    padding: 5%;
    margin-top: 10%;
}

.cajaparticipa p {
    font-family: 'Bree Serif', serif;
    font-weight: 100;
    color: #FFF;
    font-size: 14px;
    margin-top: 4%;
}

.sumatetitulo{
  font-family: 'Bree Serif', serif;
  color:  #FFF;
  display: block;
  font-size: 50px;
  float: center;
  margin-top: 5%;
  text-align: center;
  font-weight: 700;
}

.sumatetitulo:hover{
  color: #99C75E;
}

.maildecontacto{
    float: left;
}

/************************************************************************

ACUMAR+UBA

************************************************************************/

#contenedorblanco {
	width: 56%;
	overflow: auto;
	margin: auto;
	background-color: #fff;	
    color: white;
    padding: 10px;
    padding-left: 2%;
    padding-right: 2%;
}

.main-acumaruba {
    clear:both;
    font-family: 'Bree Serif', serif;
    color: #99C75E;
    margin: 0 auto; 
    width: 100%; 
    margin-right: 2%;
    margin-top: 20px;
    
}

.main-acumaruba h1{
    font-size: 30px;
    font-weight: 400;
    border-bottom: 5px solid #B12A65;
    padding-bottom: 20px;
    margin-top: 30px;
    margin-bottom: 10px;
    }

.main-acumaruba h1 span{
    font-size: 40px;
    font-weight: 700;
    color: #B12A65;
    }

.caja-acumaruba{
    padding-top: 10px;
}
    
#titulo-acumaruba{
    font-weight: 300;
    font-size: 15px;
    background: #B12A65;
    color: #FFFFFF;
    float: left;
    height: auto;
    width: 25%;
    padding: 1%;
    padding-bottom: 1.5%;
    
}

.bajada-acumaruba{
    color: #99C75E;
    font-weight: 600;

}

#barra-titulo {
    background-color: #99C75E;
    font-size: 1.1rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align:left;
    line-height: 2rem;
    height: 2rem;
    padding-left: 0.5rem;
}

.img-acumaruba{
    float: right;
    width: 73%;
    height: auto;
    margin: auto;
    
}

.img-acumaruba3{
    float: right;
    width: 73%;
    padding-top: 50px;
    height: auto;
    margin: auto;
    
}

/************************************************************************

NOTICIAS INICIO

************************************************************************/

.noticiasinicio{
    margin-top: 20px;
    margin-bottom: 30px;
    position: absolute;
    display: block;
    margin-top: 20px;
    width: 52.5%;
    height: auto;
    padding: 30px;
    font-family: 'Bree Serif', serif;
    font-size: 30px;
    background-color: #D0D956;
}

#noticiasprincipales{
    width:28%;
    height: auto;
    overflow: auto;
    float: right;
    position:relative;
    font-size:12px;
    margin-right:4%;
    display: block;
    
}

section#noticiasprincipales p{
    font-size: 14px;
    width: 100%;
    color: #000000;
}

#noticiasprincipales .imagenesnoticias{
margin-top:0px;
width:100%;
border-radius: 0px;
-webkit-filter: grayscale(100%);
}

#noticiasprincipales .imagenesnoticias:hover{
opacity:1;
-webkit-filter: grayscale(0%);
}

.buttominicio{
    margin: 2px;
    background-color:#99C75E;
    color: #000000;
    font-family: 'Bree Serif', serif; 
}

.buttominicio:hover{
    margin: 2px;
    background-color:#b12a65;
    color: #fff;
    font-family: 'Bree Serif', serif; 
}

/************************************************************************

SLIDER

************************************************************************/


.slider {
    height: auto;
    width: 100%;
    margin: auto;
    position: relative;
    padding-top: 50px;
}

.slider article {
    background-color: rgba(24,38,45,0.7);
    position: absolute;
    width: 960px;
    top: 310px;
    z-index: 150;
}

.tituloslider {
    position: relative;
    float: left;
    width: 30%;
}

.tituloslider h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: -15px;
    margin-top: 20px;
    line-height: 35px;
    padding-left: 20%;
    
}

.tituloslider h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 20px;
    padding-left: 20%;
    
}

/************************************************************************

NEWSLETTER

************************************************************************/


.newsletterinicio{
    position: relative;
    display: block;
    background-color: #99C75E;
    width: 94%;
    padding: 30px;
    font-family: 'Bree Serif', serif;
    font-size: 20px;
    color: #B12A65;
    margin-right: 2%;
}

.newsletterinicio h1{
    width: 100%;
}

.contactonewsletter{
    float: right;
    margin-top:-8.5%;
    margin-right: 20%;
}

.contactonewsletter input{
    padding: 10px;
    width: 150%;
    
}

/************************************************************************

VIDEO

************************************************************************/

.acumar_video{
    width: 72%;
    margin-top:420px;
} 

.textovideo strong{
    font-size: 1.5rem;
}
.textovideo{
    position: absolute;
    width: 14.5%;
    height: 460px;
    background-color: #B12A65;
    padding: 10px;
    margin-top: 420px;
    margin-left: 40.5%;
    font-family: 'Bree Serif', serif;
    color: #FFFFFF;
    font-size: 0.8rem;
}

.textovideo p{
    margin-top: 10px;
}

.buttomvideo{
    margin: 4px;
    background-color:#D0D956;
    font-family: 'Bree Serif', serif; 
}

.buttomvideo:hover{
    margin: 4px;
    background-color:#99c75e;
    font-family: 'Bree Serif', serif; 
}

/************************************************************************

MEDIA QUERIES

************************************************************************/


@media (max-width: 800px){
body {
    background-color:#99C75E; 
    background-image: none;
}
    
#contenedordecontacto {
	width: 100%;
	margin: auto;	
    color: white;
    padding: 10px;
}
    
#contenedorblanco {
	width: 100%;
	margin: auto;	
    color: white;
    padding: 10px;
}
}

@media (max-width: 600px){
#contenedordecontacto {
	width: 100%;
    margin: 0;
    padding: 0;
    }

#titulo-acumaruba{
    width: 95%;
    padding: 2%;
    margin: 0;
    float: left;
    margin-left: -10px;
}
    
.img-acumaruba{
    float: left;
    width: 100%;
    height: auto;
    margin-left: -20px;
    
}
    
section#contacto_formulario{
    width:95%;
    height: auto;
    margin-top:3%;
    margin-left: 10px;
    float:right;
    color:#000000;
    font-family: 'Bree Serif', serif;
    }
    
section#contacto_info{
    width:95%;
    margin-top:3%;
    float:left;
    font-family: 'Bree Serif', serif;
}

}