body {margin:0;color:#333;font-family: 'Roboto', sans-serif;padding-top: 120px;font-display: swap;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;}
a,a:hover,a:active,a:focus {text-decoration: none;color:inherit;text-decoration: none;}
.container {position: relative;}
h1 {}
h2 {font-weight:bold;}
h3 {font-size: 20px;font-weight:bold;}
.space {height: 100px;}

/*
Header
*/

#header {
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	padding: 0px;
	box-shadow: 0px -5px 10px rgba(0,0,0,0.5);
	z-index: 11;
	background-color: white;
}
#header #headSuperior {background-color: white;padding: 4px 0;font-size: 14px;border-top: 4px solid hsla(164, 43%, 31%, 1);border-bottom: 1px solid #e0e0e0;max-height:70px;;overflow:hidden;transition:0.3s;}
#header.compact #headSuperior {max-height:0px;transition: 0.2s;padding: 0;}
#comunicacion-interna{color: white;vertical-align: middle;display: inline-block;margin: 0 0 1px;line-height: 1;}
#comunicacion-interna img{height: 22px;/* vertical-align: middle; */margin-right:3px;position: relative;top: -1px;}
#header #headSuperior #headerRedes {
    position: relative;
    top: 2px;
}
#header #headSuperior #headerRedes a {
    font-size: 18px;
    color: #444;
    display: inline-block;
    margin: 0 12px 0 0;
}
#header #headSuperior .langSelect {position: absolute;right: 0;top: 50%;transform: translateY(-50%);vertical-align: middle;}
#header #headSuperior .langSelect a {display: inline-block;color: #444;font-weight: bold;cursor: pointer;padding: 1px 7px 2px;vertical-align: middle;border-radius:5px;transition:0.2s;}
#header #headSuperior .langSelect a:hover {background-color: #eee !important;transition:0s;}
#header #headSuperior .langSelect a:hover * {color:hsla(164, 43%, 31%, 1);}
#header #headSuperior .langSelect a img {height: 20px;}
#header #headSuperior .langSelect a * {vertical-align: middle;line-height: 1;display: inline-block;}
#header #headSuperior .langSelect a span {display:none;}
body.Es #header #headSuperior .langSelect a[data-idioma='Es'],
body.En #header #headSuperior .langSelect a[data-idioma='En'] {background-color: #e3e3e3;}


#header #headMain {
	padding: 12px 0;
}
#header #headMain #logo {}
#header #headMain #logo img{
	width: 220px;
}
#header #headMain #hamb,#menu #cerrar-hamb {
	font-size: 14px;
	text-transform: uppercase;
	background-color:#00bfef;
	color:white;
	padding: 7px 18px;
	border-radius: 40px;
	cursor: pointer;
}
#header #headMain #hamb {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	
}
#menu #cerrar-hamb {
	display: inline-block;
	margin: 0 0 20px;
}
#header #headMain #hamb > span,#menu #cerrar-hamb > span {
	display:inline-block;
	vertical-align: middle;
}
#header #headMain #hamb > .icon,#menu #cerrar-hamb > .icon {
	font-size: 14px;
	margin-left:4px;
	margin-top: 0px;
}
#header #headMain #links-minisitios {
	position: absolute;
	right: 100px;
	top: 50%;
	transform: translateY(-50%);
}
#header #headMain #links-minisitios a{
	display: inline-block;
	padding: 0 1em;
	font-weight: bold;
	font-size: 12px;
}
#header #headMain #huella-link {}
#header #headMain #empleos-verdes-link {}
#header #headMain #euroclima-link {}

#menu {
	position: fixed;
	top: 0;
	left: 110%;
	padding: 40px 30px;
	width: 32%;
	z-index: 20;
	background-color: white;
	height: 100%;
	transition: 0.3s ease-in-out;
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
}
#menu.on {
	left: 68%;
	transition: 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
}
#menu .block {
	background-color:#eee;
	padding: 14px 11px;
	border-radius: 10px;
	margin: 5px 0;
}
#menu a {
	padding: 8px 10px;
	display: block;
	font-weight: bold;
	font-size: 15px;
	color: inherit;
	text-transform: uppercase;
	color: #2d715f;
}
#menu a:hover {background-color: #2d715f;color: white;border-radius: 20px;}
#menu a.no-link {color:#666;padding: 4px 4px;}
#menu a.no-link:hover {background-color:unset;}
#menu a.sub {padding: 4px 4px 4px 8px;}
#menu #form-buscar {}
#menu #form-buscar input {
    /* display: block; */
    margin: 10px 5px 10px 0;
    height: calc(1.5em + .75rem + 2px);
    border: 1px solid #ced4da;
    padding: .375rem .75rem;
    border-radius: 10px 5px 5px 10px;
    vertical-align: middle;
    width: 70%;
}
#menu #form-buscar button {
	vertical-align: middle;
	background-color: #333333;
	border: 1px solid #333;
	padding: .375rem .75rem;
	color: white;
	border-radius: 5px;
	width: 28%;
}


/*
404
*/
#pagina404 {}
#pagina404 a {border-bottom:2px solid;background-color: #00bfef;color: white;padding: 4px 6px;border-radius: 5px;}
#pagina404 a:hover {background-color: #009fcf;}


/*
SECCIONES
*/
.seccion {/* opacity: 0; */position: relative;/* top: 80px; */min-height: 800px;}
.seccion.on {opacity:1;top: 0;transition:0.7s;}


/*
SLIDESHOW
*/

#slideshow {margin: 0px;position: relative;width: 100%;height: 350px;padding: 0px;opacity: 1;top:0;min-height: unset;}
#slideshow .slider {position: absolute;opacity: 0;transition: opacity 0.3s;z-index: 1;bottom: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
#slideshow .slider.on {opacity: 1; z-index: 2; }
#slideshow .slider .texto {position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;height: 150px;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
#slideshow .slider .texto h3 {font-size: 30px;color: white;font-weight: 900;text-shadow: 0px 0px 8px rgba(0,0,0,0.8);width: 80%;text-align:center;margin:0 auto;padding: 10px;position:absolute;bottom: 50px;left: 18%;width: 64%;text-transform: uppercase;cursor: pointer;transition: 0.2s;}
#slideshow .slider .texto h3+.visit-link {content:"Visitar link";bottom: 40px;left:50%;transform:translateX(-50%);position:absolute;font-size:12px;font-weight:bold;transition:0.3s;opacity:0;letter-spacing:0.03em;color: white;text-transform: uppercase;}
#slideshow .slider .texto h3:hover+.visit-link {opacity:1;transition:0.3s;}
#slideshow .slider .texto h3:hover {/* border-bottom: 3px solid; *//* text-shadow: 10px 0px 4px white; */transform: translateY(-10px);transition: 0.3s;}
/*#slideshow .slider .texto a {font-size: 17px;color: white;background-color:#00bfef;font-weight: bold;width: 80%;text-align:center;margin:0 auto;position:absolute;bottom: 50px;left: 50%;transform: translateX(-50%);width: auto;display: inline-block;padding: 6px 18px;border-radius: 20px;display:none;}*/
#slideshow .btns {position: absolute;z-index: 9;display:  inline-block;text-align: center;left: 50%;transform: translateX(-50%);bottom: 10px;}
#slideshow .btn {/* border: solid thin #ADADAD; */width: 12px;height: 8px;display: inline-block;padding: 0;border-radius: 10px;margin: 0 3px;/* box-shadow: 0px 0px 1px .000; */transition: background 0.5s;background: #fff;cursor: pointer;}
#slideshow .btn:hover {background-color: #aaa;}
#slideshow .btn.on {background: #2d715f;}


/*
DESCRIPCION
*/

#descripcion {text-align: center;padding: 80px 0;min-height: unset;}
#descripcion .descripcion-miti {display: inline-block;width: 34%;vertical-align: middle;text-align: left;margin: 0 3%;}
#descripcion .descripcion-miti img {width: 320px;}
#descripcion .descripcion-miti p {text-align:justify;font-size: 14px;}
#descripcion .descripcion-miti #seguir-leyendo-descripcion {padding: 5px 15px;border-radius: 14px;background-color:#333;color:white;}


h2.titulo-home {
	border-bottom: 1px solid #dedede;
	margin: 0 0 40px;
	text-align: center;
}
h2.titulo-home span {
	position: relative;
	top: 22px;
	display: inline-block;
	background-color: #f0f0f0;
	padding: 10px 20px;
	background-color: #2d715f;
	color: white;
	border-radius: 30px;
	font-size: 23px;
	z-index: 2;
}
.ver-todos-home,.ver-todos-ampliado,.ver-todos-resultados {
    display: inline-block;
    font-size: 13px;
    border: 3px solid #222;
    border-radius: 20px;
    margin: 20px auto 0;
    padding: 5px 14px;
    text-align: center;
    font-weight: bold;
    background-size: 100% 200%;
    background-image: linear-gradient(to bottom, transparent 50%, #222 50%);
    transition:0.4s;
}
.ver-todos-ampliado {
	margin:10px auto 30px;
}
.ver-todos-home:hover,.ver-todos-ampliado:hover,.ver-todos-resultados:hover {
	background-position: 0 100%;
	transition:0.3s;
	color:white;
}


#cargando-mas {
	margin:60px 0 30px;
	text-align:center;
	font-weight: bold;
	font-size: 20px;
	visibility: hidden;
}


/*
COMMON
*/
#cargando-mas.on {
	visibility: visible;
}
#archivos {padding: 30px 20px 40px;width:720px;margin:30px auto;background-color: #f0f0f0;border-radius: 20px;}
#archivos h4 {margin:0 0 30px;font-weight:bold;color: #333333;text-transform: uppercase;font-size: 20px;}
#archivos .archivo {/* border-bottom: 2px dotted; */display: inline-block;margin: 2px 0;padding: 3px 2px;background-image: linear-gradient(to right, #333 33%, rgba(255,255,255,0) 0%);background-position: bottom;background-size: 3px 1px;background-repeat: repeat-x;}
#archivos .archivo:hover {
    /* background-color: #333; */
    color: white;
    padding: 3px 5px;
    background-image: linear-gradient(to right, #333 0%, #333 0%);
    background-position: bottom;
    background-size: 3px 100%;
    background-repeat: repeat-x;
    transition: padding 0s,background-size 0.2s;
}
#ods-icons {margin: 40px 0 0;position: absolute;right: 0;/* width: 100px; */background-color: #eee;padding: 10px;}
#ods-icons .ods {
	width:120px;
	display: block;
	margin:10px;
	transition:0.2s ease-out;
}
#ods-icons .ods:hover {
	transform:scale(0.95);
	transition:0.2s ease-out;
}
.img .fecha {position: absolute;top: 20px;right: 0;background-color: #00bfef;color: white;font-weight: bold;padding: 4px 8px 4px 12px;font-size: 13px;border-radius: 10px 0 0 10px;}
.item-listado {width: 760px;}
.item-listado .finalizado {display:none;}
.item-listado.finalizado .finalizado {display:block;}
.item-listado.finalizado > a,.item-listado.finalizado .info * {opacity: 0.8;filter: grayscale(1);}
.item-listado.finalizado .ver-mas,
.item-listado.finalizado .tagPrincipal,
.item-listado.finalizado .municipio {background-color:transparent;color:#333;padding:0;border:0;}
.info .municipio {padding: 4px 15px;background-color: #00bfef;color: white;font-weight: bold;display: inline-block;border-radius: 20px;font-size: 14px;margin-right: 10px;border: 2px solid #00bfef;}
.info .tagPrincipal {padding: 4px 15px;background-color: #00bfef;color: white;font-weight: bold;display: inline-block;border-radius: 20px;font-size: 14px;border: 2px solid #00bfef;}
.info .ver-mas {display: block;text-transform: uppercase;background-color: #2d715f;color: white;padding: 5px 10px;border-radius: 15px;/* font-weight: bold; */font-size: 13px;position: absolute;left: 20px;bottom: 20px;margin: 0;font-weight: 800;}
.info .fecha {
    font-weight: bold;
    margin: 30px 0 0px 10px;
    font-size: 14px;
    border: 2px solid #666;
    display: inline-block;
    border-radius: 20px;
    padding: 4px 19px;
    color: #666;
}
.info .titulo {padding: 0px;margin: 50px auto 20px;width: 720px;text-align: left;font-size: 30px;}
.proyecto .info {position: relative;text-align: left;padding: 20px 20px 20px;}
.info .abstract {margin:20px auto 40px;padding: 0;font-size: 16px;text-align: left;width: 720px;color:#666;}
.info .texto {margin:20px auto;padding: 0;font-size: 17px;text-align: left;width: 720px;color:#666;line-height: 1.7;}
.info .texto a {font-weight: bold;padding:0 0 2px;border-bottom: 2px solid;}
.info .texto blockquote{
	font-size: 16px;
	width: 90%;
	margin: 30px 0 40px auto;
	font-style:italic;
	color: #555555;
	padding:1.2em 30px 1.2em 75px;
	border-left: 8px solid hsla(164, 43%, 41%, 1);
	line-height:1.6;
	position: relative;
	background:#EDEDED;
}
.info .texto blockquote::before{
	font-family:Arial;
	content: "\201C";
	color: hsla(164, 43%, 41%, 1);
	font-size:4em;
	position: absolute;
	left: 10px;
	top:-10px;
}
.info .texto blockquote::after{content: '';}
.info .texto pre {
	color:#2d715f !important;font-weight: bold;
    font-size: 100% !important;
    background: transparent !important;
    border: unset !important;
    border-radius: unset !important;
    padding: unset !important;
    white-space: unset;
    overflow: unset;
    display: inline-block;
	font-family: unset;
}
.info .texto strike {
	font-weight:bold;
	color:#3c967e;
	text-decoration: unset;
}
.info .imgFinal {display:block;width:100%;margin:50px 0 30px;}


/*
COMMON HOME
*/
.seccion.home {}



/*
CONTADOR DE ARBOLES
*/
#contador {min-height: unset;height:auto;padding: 40px 0 70px;text-align: center;background-color:#2d715f;color:white;border-top: 10px solid hsl(164 43% 15% / 1);}
#contador .container {/* padding: 80px 0; */}
#contador h2 {text-align:center;text-transform: uppercase;margin: 0 0 50px;font-size: 23px;letter-spacing: 0.05em;}
#contador h2 span {background-color: hsl(164deg 43% 26%);}
#contador .municipio #contadorNum {vertical-align:middle;}
#contador #contadorNum {margin:0 0 30px;}
#contador #contadorNum * {vertical-align:middle;}
#contador #contadorNum div {display:inline-block;font-size: 46px;font-weight: bold;background-color: coral;padding: 0 10px;border-radius: 5px;}
#contador #contadorNum span {margin-left:10px;line-height: 1.1;display: inline-block;text-align: left;}
#contador .municipio {display:inline-block;vertical-align:top;padding: 20px 20px;background-color: hsl(164deg 43% 38%);border-radius: 5px;margin: 0 7px;overflow: hidden;cursor: pointer;}
/*#contador .municipio:hover {background-color: hsl(164deg 43% 43%);}*/
#contador .municipio * {z-index:2;}
#contador .municipio .icon-arbol {/* font-size:40px; *//* color:hsl(164 43% 15% / 1); */}
#contador .municipio .icon-arbol img {height:40px;}
#contador .municipio .icon-mas {font-size:15px;color:#f7ba1d;position:absolute;top:7px;right:7px;transition:0.3s;}
#contador .municipio:after {content:"";position:absolute;bottom:0;height: 0%;border-radius: 50% 50% 0 0;/* z-index: 2; */width: 100%;left:50%;transform:translateX(-50%);background-color: hsl(164deg 43% 43%);}
#contador .municipio:hover:after {content:"";height:130%;border-radius:25% 25% 0 0;transition:0.3s;}
#contador .municipio:hover .icon-mas {color:#16372e;transition:0.4s;}
#contador .municipio h4 {margin:10px 0 0;font-weight:bold;font-size: 20px;color: #f7ba1d;}
#contador .municipio p {margin: 5px 0 0;line-height: 1;font-size: 14px;color: hsl(164deg 67% 55%);font-weight: bold;color: #16372e;}
#contador .municipio p.fecha {
    /* font-weight: normal; */
    font-size: 70%;
    color: hsl(164deg 67% 19%);
}
#contador #ultimosMunicipios {text-align:center;color:white;margin: 0px 0 10px;font-size: 80%;text-transform: uppercase;color: hsl(164deg 23% 75%);font-weight: bold;}
#contador .ver-todos-home {
    border-color: hsl(164deg 43% 80%);
    color: white;
    cursor: pointer;
}


/*
EVENTOS SECCION EN HOME
*/

#eventos {text-align: center;padding:80px 0;background-color: #f0f0f0;}
#eventos .evento {display: inline-block;width: 28%;vertical-align: top;margin: 10px 2%;padding: 0;box-shadow: 3px 10px 20px 0 rgba(0,0,0,0.07);background-color: white;}
#eventos .evento .finalizado {display: none;}
#eventos .evento.finalizado .finalizado {display: inline-block;background-color: #2d715f;color: white;font-weight: bold;padding: 3px 10px;border-radius: 10px;margin: 20px 0 -10px;}
#eventos .evento .img {display:block;width: 100%;height: 300px;background-size: cover;background-position: center;background-repeat: no-repeat;position:relative;border-top: 6px solid hsla(164, 43%, 31%, 1);/* border-bottom: 4px solid hsl(192, 100%, 47%); */}
a.img {}
#eventos .evento .img .fecha {position:absolute;left: 0;bottom: 0;padding: 5px 15px;background-color: #00bfef;color: white;font-weight: bold;top: unset;border-radius: unset;right: unset;}
#eventos .evento > .fecha {display:none;}
#eventos .evento img {display: block;margin:0 auto;max-width: 100%;max-height: 360px;width: auto;height: auto;}
#eventos .evento .titulo {padding: 0px 10px;margin:20px auto;font-size: 19px;line-height: 23px;min-height: 46px;}
#eventos .evento .abstract {margin:20px auto;padding: 0 20px;font-size: 13px;}
#eventos .evento .ver-mas {display: inline-block;margin: 10px auto 20px;text-transform: uppercase;background-color: #2d715f;color: white;font-weight: bold;padding: 5px 10px;font-size: 12px;border-radius: 15px;}



/*
EVENTOS PAGINA LISTADO
*/

#eventos-pagina {text-align: center;padding:50px 0;background-color: #f0f0f0;}
#eventos-pagina .evento {display: block;height: 220px;margin: 20px auto 30px;padding: 0;background-color: white;position: relative;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
#eventos-pagina .evento .img {width: 30%;height: 100%;display:block;background-size: cover;background-position: center;position:relative;}
#eventos-pagina .evento img {display: block;margin:0 auto;max-width: 100%;max-height: 360px;width: auto;height: auto;}
#eventos-pagina .evento .info {position: absolute;width: 70%;top: 0;height: 100%;left: 30%;text-align: left;padding: 20px 20px 20px;}
#eventos-pagina .evento .info .fecha {/* position:absolute; *//* left: 20px; *//* top: 20px; */padding: 5px 15px;background-color: #00bfef;color: white;font-weight: bold;font-size: 13px;display: inline-block;border-radius: 20px;}
#eventos-pagina .evento .info .finalizado {display:none;}
#eventos-pagina .evento.finalizado .info .finalizado {display:inline-block;background-color: #2e705f;color: white;font-weight: 800;padding: 3px 9px;border-radius: 20px;margin: 0 10px 0 0;font-size: 14px;opacity: 1;position: relative;filter: grayscale(0);}
#eventos-pagina .evento .info .titulo {padding: 0px;margin: 15px auto;font-size: 18px;width: auto;}
#eventos-pagina .evento .info .abstract {margin: 10px auto 0;padding: 0;font-size: 14px;width: auto;}



/*
EVENTO AMPLIADO
*/

#evento-post {text-align: center;padding:80px 0;background-color: #f0f0f0;}
#evento-post {display: block;margin: 20px 2% 50px;padding: 0;background-color: white;position: relative;}
#evento-post img {display: block;margin:0 auto;max-width: 100%;max-height: 460px;width: auto;height: auto;}
#youtube-channel {text-align: center;/* padding: 50px 0; */}
#youtube-channel .video-youtube-home.primero {display:block;margin:30px auto 30px;}
#youtube-channel .video-youtube-home {display:inline-block;margin:10px 20px;}



/*
MAPA
*/

#map {height:450px;}
#map img[src="img/green-dot.svg"],
#map img[src="img/green-light-dot.svg"],
#map img[src="img/blue-dot.svg"] {width:22px !important;}
.localidadMark {position:relative;padding-right: 20px;}
.localidadMark.conSello {padding-right:120px;}
.localidadMark #img {display:inline-block;vertical-align:top;width: 100px;height: 100px;background-size:cover;background-position:center;background-repeat:no-repeat;}
.localidadMark #info {margin-left: 10px;display:inline-block;vertical-align:top;text-align: left;}
.localidadMark #info p {margin: 0 0 8px;}
.localidadMark #info #plan {position: relative;}
.localidadMark #info img#sello {height: 7em;text-align:center;position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 10;display: none;}
.localidadMark.conSello #info img#sello {display:block;}
#referencias {margin:10px 0 0;}
#referencias p {font-size:15px;}
#referencias p img {height:2em;}


/*
NOTICIAS SECCION EN HOME
*/


#noticias {text-align: center;padding:80px 0;background-color: #f0f0f0;}
#noticias .noticia {display: inline-block;height: 200px;margin: 15px;padding: 0;background-color: white;position: relative;width: 45%;}
#noticias .noticia .img {width: 30%;height: 100%;display:block;background-size: cover;background-position: center;position:relative;}
#noticias .noticia .img .fecha {position: absolute;top: 19px;right: 0;background-color: #00bfef;color: white;font-weight: bold;padding: 3px 8px;font-size: 13px;}
#noticias .noticia img {display: block;margin:0 auto;max-width: 100%;max-height: 360px;width: auto;height: auto;}
#noticias .noticia .info {position: absolute;width: 70%;top: 0;height: 100%;left: 30%;text-align: left;padding: 15px;}
#noticias .noticia .info .municipio {padding: 2px 12px;background-color: #00bfef;color: white;font-weight: bold;display: inline-block;font-size: 13px;border-radius: 15px;margin: 4px 8px 6px 0;}
#noticias .noticia .info .fecha {font-size:14px;font-weight:bold;margin: 0;color: hsla(192, 100%, 40%, 1);}
#noticias .noticia .info .tagPrincipal {padding: 2px 12px;background-color: #00bfef;color: white;font-weight: bold;display: inline-block;font-size: 13px;border-radius: 15px;margin: 4px 0 6px;}
#noticias .noticia .info .titulo {padding: 0px;margin: 0 auto 11px;font-size: 17px;position: relative;width: auto;}
#noticias .noticia .info .abstract {margin:20px auto;padding: 0;font-size: 13px;display: none;}
#noticias .noticia .info .ver-mas {display: block;text-transform: uppercase;color: white;font-weight: bold;font-size: 12px;position: absolute;left: 15px;bottom: 15px;margin: 0;}



/*
NOTICIAS PAGINA LISTADO
*/

#noticias-pagina {text-align: center;padding:50px 0;background-color: #f0f0f0;}
#noticias-pagina .noticia {display: block;height: 200px;margin: 20px auto 40px;padding: 0;background-color: white;position: relative;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
#noticias-pagina .noticia .img {width: 30%;height: 100%;display:block;background-size: cover;background-position: center;position:relative;}
#noticias-pagina .noticia img {display: block;margin:0 auto;max-width: 100%;max-height: 360px;width: auto;height: auto;}
#noticias-pagina .noticia .info {position: absolute;width: 70%;top: 0;height: 100%;left: 30%;text-align: left;padding: 20px 20px 20px;}
#noticias-pagina .noticia .info .titulo {padding: 0px;margin: 15px auto;font-size: 18px;width: auto;}
#noticias-pagina .noticia .info .abstract {margin:20px auto;padding: 0;font-size: 14px;}


/*
NOTICIA AMPLIADO
*/


#noticia-post {text-align: center;padding:80px 0;background-color: #f0f0f0;}
#noticia-post {display: block;margin: 20px 2% 50px;padding: 0;background-color: white;position: relative;}
#noticia-post img {display: block;margin:0 auto;max-width: 100%;max-height: 300px;width: auto;height: auto;}


/*
PROYECTOS SECCION EN HOME
*/

#proyectos {text-align: center;padding:80px 0;background-color: #f0f0f0;}
#proyectos .proyecto {display: inline-block;width: 28%;vertical-align: top;margin: 10px 2%;padding: 0;box-shadow: 3px 10px 20px 0 rgba(0,0,0,0.07);background-color: white;}
#proyectos .proyecto .img {display:block;width: 100%;height: 260px;background-size: cover;background-position: center;position:relative;}
#proyectos .proyecto .img .fecha {position:absolute;left: 0;bottom: 0;padding: 5px 15px;background-color: #00bfef;color: white;font-weight: bold;height: auto;top: unset;border-radius: unset;right: unset;}
#proyectos .proyecto img {display: block;margin:0 auto;max-width: 100%;max-height: 360px;width: auto;height: auto;}
#proyectos .proyecto .titulo {padding: 0px 5px;margin:20px auto;min-height: 48px;}
#proyectos .proyecto .abstract {margin:20px auto;padding: 0 20px;font-size: 14px;}
#proyectos .proyecto .ver-mas {display: inline-block;margin: 10px auto 20px;text-transform: uppercase;background-color: #2d715f;color: white;font-weight: bold;font-size: 12px;padding: 5px 10px;border-radius: 15px;}



/*
FORESTACION PAGINA
*/
#forestacion-pagina {text-align: left;padding: 50px 0 150px;}
#forestacion-pagina .container {/* padding: 80px 0; */}
#forestacion-pagina h2 {text-align:center;text-transform: uppercase;margin: 0 0 50px;font-size: 23px;letter-spacing: 0.05em;}
#forestacion-pagina h2 span {background-color: hsl(164deg 43% 26%);}
#forestacion-pagina .municipio #contadorNum {vertical-align:middle;}
#forestacion-pagina #contadorNum {margin:0 0 30px;text-align: center;}
#forestacion-pagina #contadorNum * {vertical-align:middle;}
#forestacion-pagina #contadorNum div {}
#forestacion-pagina #contadorNum span {line-height: 1.1;display: inline-block;text-align: left;}
#forestacion-pagina #contadorNum > img {display:block;margin: 0 auto -10px;width: 510px;}
#forestacion-pagina #contadorNum #barraProgreso {width: 500px;height:23px;border-radius:25px;background-color: #eee;position: relative;border: 1px solid #ddd;overflow: hidden;display: block;margin: 0 auto;}
#forestacion-pagina #contadorNum #barraProgreso #progreso {background-color:#ffb000;height: 100%;position: absolute;left: 0;top: 0;border-radius: 0;}
#forestacion-pagina #contadorNum #barraProgreso #progreso > span {font-size: 15px;position: absolute;top: 52%;right: 6px;transform: translateY(-50%);line-height: 1;color: hsl(29deg 100% 25%);margin: 0;font-weight: bold;}
#forestacion-pagina #contadorNum #numTotal {position: absolute;left: 50%;top: 30px;transform: translateX(-50%);/* background-color: white; */}
#forestacion-pagina #contadorNum #numTotal span:nth-child(1) {display: block;background-color: #f5b300;color: white;padding: 3px 13px;font-size: 24px;font-weight: bold;border-radius: 12px;text-align: center;z-index: 1;}
#forestacion-pagina #contadorNum #numTotal span:nth-child(2) {display: block;color: #793f00;background-color: white;padding: 13px 10px 3px;font-size: 14px;font-weight: bold;border-radius: 0 0 12px 12px;letter-spacing: 0.01em;text-align: center;position: relative;top: -11px;}
#forestacion-pagina #contadorNum #resumen {margin: 5px 0 10px;font-size: 13px;vertical-align: baseline;}
#forestacion-pagina #contadorNum #resumen * {vertical-align:baseline;}
#forestacion-pagina #contadorNum #resumen > span {/* font-size: 20px; *//* font-weight: bold; *//* background-color: coral; *//* padding: 0 10px; *//* border-radius: 5px; *//* color: white; */display: inline-block;/* text-align: left; */}
#forestacion-pagina #contadorNum #proyectosLink {background-color: #eee;padding: 20px 0;width: 60%;font-size: 14px;margin: 20px auto 0;}
#forestacion-pagina #contadorNum #proyectosLink a {/* position:absolute; *//* right: 0; *//* top: 0; *//* font-size: 20px; *//* display: inline-block; *//* font-weight: bold; */background-color: coral;padding: 3px 8px;font-size: 14px;border-radius: 13px;color: white;}
#forestacion-pagina #contadorNum #proyectosLink a:hover {background-color: hsl(16 100% 59% / 1);}
.texto-intro {text-align:center;margin:0 0 50px;font-size:13px;}
#forestacion-pagina #sorting {text-align:center;margin: 0 0 7px;font-size: 12px;}
#forestacion-pagina #sorting > span {display:inline-block;font-weight:bold;}
#forestacion-pagina #sorting > a {background-color:#eee;display:inline-block;padding:3px 10px;margin:0 5px;border-radius:20px;}
#forestacion-pagina #sorting > a.on {background-color: #ccc;}
#forestacion-pagina #sorting > a:hover {background-color:#ddd;}
#forestacion-pagina .municipio {display:inline-block;vertical-align:top;padding: 14px 22px;background-color: hsl(164deg 43% 38%);/* border-radius: 5px; */margin: 0 10px 0 0;cursor: pointer;position:relative;overflow:hidden;text-align: center;}
#forestacion-pagina .municipio:hover {background-color: hsl(164deg 43% 35%);}
#forestacion-pagina .municipio.titulo {margin: 5px;border-top: 5px solid #f2bc38;border-radius: 0 0 7px 7px;}
#forestacion-pagina .municipio-linea {white-space:nowrap;/* overflow-x: hidden; */margin: 14px 0;}
#forestacion-pagina .municipio-linea-inner {overflow-x: hidden;width: calc(100% - 40px);}
#forestacion-pagina .municipio-linea-titulo {display:inline-block;position: sticky;left: 0;z-index: 3;background-color: white;border-radius: 0 0 5px 5px;margin: 5px;border-top: 5px solid #f2bc38;}
#forestacion-pagina .municipio-linea-acciones {display:inline-block;}
#forestacion-pagina .forestacion-next {position:absolute;top: 50%;transform: translateY(-50%);right: 0;z-index: 3;font-size: 26px;cursor: pointer;}
#forestacion-pagina .municipio * {z-index:2;}
#forestacion-pagina .municipio .icon-forestacion {font-size: 29px;font-weight: bold;/* min-height: unset; */line-height: 1;}
#forestacion-pagina .municipio.municipio-item .icon-forestacion {}
#forestacion-pagina .municipio .icon-forestacion img {height:40px;vertical-align: bottom;}
/*#forestacion-pagina .municipio:hover {background-color: hsl(164deg 43% 43%);}*/
#forestacion-pagina .municipio .icon-mas {font-size:15px;color:#f7ba1d;position:absolute;top:7px;right:7px;transition:0.3s;}
#forestacion-pagina .municipio:hover .icon-mas {color:#16372e;transition:0.4s;}
#forestacion-pagina .municipio h4 {font-weight:bold;font-size: 18px;color: #fff;margin: 3px 0 0;}
#forestacion-pagina .municipio p {margin: 5px 0 0;line-height: 1;font-size: 14px;color: hsl(164deg 67% 55%);font-weight: bold;color: #16372e;}
#forestacion-pagina .municipio p.fecha {font-size: 70%;color: hsl(164deg 67% 19%);}
#forestacion-pagina #ultimosMunicipios {text-align:center;color:white;margin: 0px 0 10px;font-size: 80%;text-transform: uppercase;color: hsl(164deg 23% 75%);font-weight: bold;}
#forestacion-pagina .ver-todos-home {border-color: hsl(164deg 43% 80%);color: white;cursor: pointer;}



#modal-forestacion {background-color: rgba(0,0,0,0.3);visibility: hidden;opacity: 0;position: fixed;left:0;top:0;width:100vw;height:100vh;transition: 0.3s;z-index: 12;}
#modal-forestacion > div {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 50%;height: auto;overflow-y: hidden;background-color: white;box-shadow: 0px 0px 7px rgb(0 0 0 / 40%);padding: 40px 30px 30px;z-index: 81;}
#modal-forestacion.on {visibility: visible;opacity: 1;transition: 0.3s;}
#modal-forestacion #cerrar {position: absolute;top: 10px;right: 10px;z-index: 4;background-color: hsl(164deg 43% 38%);padding: 3px 15px 2px;border-radius: 20px;color: white;font-weight: bold;cursor: pointer;}
#modal-forestacion #cerrar:hover {background-color: hsl(164deg 43% 44%);}
#modal-forestacion #modalVolver {position: absolute;top: 10px;left: 10px;z-index: 4;background-color: #e0e0e0;padding: 3px 15px 2px;border-radius: 20px;color: hsl(164deg 43% 38%);font-weight: bold;cursor: pointer;}
#modal-forestacion #modalVolver:hover {background-color: #d0d0d0;}
#modal-forestacion #acciones {position:relative;left:-5px;}
#modal-forestacion #acciones .accion-item{}
#modal-forestacion #acciones .accion-item {background-color: hsl(164deg 43% 38%);cursor: pointer;padding: 14px 12px;width: 114px;height: 100px;display: inline-block;margin: 5px;overflow: hidden;}
#modal-forestacion #acciones .accion-item:after {content:"";position:absolute;bottom:0;height: 0%;border-radius: 50% 50% 0 0;/* z-index: 2; */width: 100%;left:50%;transform:translateX(-50%);background-color: hsl(164deg 43% 43%);}
#modal-forestacion #acciones .accion-item:hover:after {content:"";height:130%;border-radius:25% 25% 0 0;transition:0.3s;}
#modal-forestacion #acciones .accion-item h4 {color: #f7ba1d;margin:10px 0 0;}
#modal-forestacion #acciones .accion-item * {z-index:2;}
#modal-forestacion #acciones .accion-item .icon-forestacion {font-size: 29px;font-weight: bold;/* min-height: unset; */line-height: 1;margin: 0 0 8px;display: block;}
#modal-forestacion #acciones .accion-item .icon-forestacion img {height:40px;vertical-align: bottom;}
#modal-forestacion #acciones .accion-item .icon-mas {font-size: 15px;color:#f7ba1d;position:absolute;top:7px;right:7px;transition:0.3s;}
#modal-forestacion .ficha {position: absolute;width: 50%;right: 0;top: 0;vertical-align: top;padding-left: 5%;}
#modal-forestacion svg {/* font-size:40px; *//* color:hsl(164 43% 15% / 1); */}
#modal-forestacion h4 {margin:10px 0 0;font-weight:bold;font-size: 20px;color: #f7ba1d;}
#modal-forestacion p {margin: 4px 0 0;line-height: 1;font-size: 15px;color: hsl(164deg 67% 55%);/* font-weight: bold; */color: #16372e;}
#modal-forestacion p.fecha {font-size: 70%;color: hsl(164deg 67% 19%);}
#modal-forestacion .descripcion {margin: 20px 0 0;font-weight: normal;line-height: 1.2;color: hsl(164deg 67% 19%);}
#modal-forestacion #slide-forestacion {margin: 0px;position: relative;width: 50%;height: 30vh;padding: 0px;opacity: 1;top:0;min-height: unset;}
#modal-forestacion #slide-forestacion .slider {position: absolute;opacity: 0;width:100%;height: 100%;transition: opacity 0.3s;z-index: 1;top:0;background-repeat: no-repeat;background-position: center;background-size: contain;}
#modal-forestacion .img {/* display:inline-block; */background-size:cover;background-position:center;vertical-align: top;}
#modal-forestacion #slide-forestacion .slider.on {opacity: 1; z-index: 2; }
#modal-forestacion #modalEmpresa {display:inline-block;vertical-align:middle;}
#modal-forestacion #modalEmpresa a {display:block;font-size:13px;margin:15px 0 0;border-bottom:1px solid;font-weight:bold;}
#modal-forestacion #modalEmpresaLogo {height:200px;width:200px;background-repeat:no-repeat;background-size:contain;background-position:center;margin-right: 20px;display: inline-block;vertical-align: middle;}
#modal-forestacion #proyectoAFinanciarModal {}
#modal-forestacion #proyectoAFinanciarModal h4 {margin-bottom:10px;}
#modal-forestacion #proyectoAFinanciarModal #proyectoAFinanciarForm {position: relative;}
#modal-forestacion #proyectoAFinanciarModal #proyectoAFinanciarForm.hidden * {visibility:hidden;opacity:0;}
#modal-forestacion #proyectoAFinanciarModal #form-enviado {visibility:hidden;opacity:0;position:absolute;left:15%;width:70%;top: 80%;}
#modal-forestacion #proyectoAFinanciarModal #proyectoAFinanciarForm.hidden #form-enviado {visibility:visible;opacity:1;top:20%;transition: opacity 0.5s, top 0.3s;color: black;text-align: center;}
#modal-forestacion #proyectoAFinanciarModal #proyectoAFinanciarForm.hidden #form-enviado > span {visibility:visible;opacity:1;}

#forestacionEmpresasSticky {position:sticky;bottom: -10px;text-align:center;padding: 7px 0 19px;z-index:10;background-color: #e0e0e0;cursor: pointer;transition: 0.2s;}
#forestacionEmpresasSticky:hover {bottom:0;transition:0.2s;}
#forestacionEmpresasSticky .titulo-home {border-bottom: 1px solid #ccc;}
#forestacionEmpresasSticky .titulo-home span {background-color: #4051b5;}
#forestacionEmpresas {/* position:sticky; *//* bottom: 0; */z-index: 10;padding: 0px 0 100px;text-align:center;background-color: #e0e0e0;/* box-shadow: 0px 0px 10px rgba(0,0,0,0.5); */}
#forestacionEmpresas h3 {text-align:center;color:#265f50;margin: 0px 0 15px;text-transform: uppercase;}
#forestacionEmpresas .empresa {display: inline-block;height: 150px;width: 300px;margin: 0 10px;background-size: contain;background-color: white;background-repeat: no-repeat;background-position: center;cursor: pointer;border-top: 5px solid #f2bc38;border-radius: 0 0 7px 7px;}
#forestacionEmpresas .empresa:hover {opacity:0.8;}

#proyectosAFinanciar {padding: 100px 0;}
#proyectosAFinanciar h3 {text-align:center;}
#proyectosAFinanciar .proyecto {display: inline-block;background-color: #eee;vertical-align: top;width: calc(20% - 20px);height: 305px;margin: 10px;padding: 110px 15px 20px;font-size: 14px;border-top: 5px solid #f2bc38;border-radius: 0 0 7px 7px;cursor: pointer;}
#proyectosAFinanciar .proyecto:hover {background-color:#ddd;}
#proyectosAFinanciar .proyecto .img {height:100px;width:100%;position: absolute;left: 0;top: 0px;background-size: cover;background-position: center;background-repeat: no-repeat;}
#proyectosAFinanciar .proyecto .masinfo {background-color:coral;color:white;padding:2px 8px;border-radius:15px;font-size: 13px;display:inline-block;position: absolute;bottom: 15px;}
#proyectosAFinanciar .proyecto h5.presupuesto {margin:10px 0 10px;}
#proyectosAFinanciar #proyectosYaFinanciados {margin-top:100px;}
#proyectosAFinanciar .proyecto.yaFinanciado {}
#proyectosAFinanciar .proyecto.yaFinanciado .financiadoPor {position:absolute;top:10px;left:10px;/* background-color: coral; *//* color: white; */width: calc(100% - 20px);/* padding: 1px 5px; */line-height: 1.1;/* border-radius: 5px; */}
#proyectosAFinanciar .proyecto.yaFinanciado .financiadoPor > span {background-color: coral;color: white;padding: 1px 5px;border-radius: 5px;line-height: 1.4;}
#proyectosAFinanciar h4 {font-weight: bold;color: coral;font-size: 20px;}
#proyectosAFinanciar #proyectosYaFinanciados > h4 {text-align:center;font-size:25px;}
#proyectosAFinanciar .container > p {margin: 60px 0 25px;font-size: 13px;line-height: 1.3;}
#proyectosAFinanciar p {margin: 0;font-size: 13px;line-height: 1.3;}


#forestacionNotas {background-color:#eee;padding: 70px 0;margin: 30px auto 0px;font-size:13px;}










/*
PROYECTOS PAGINA LISTADO
*/

#proyectos-pagina {text-align: center;padding:50px 0;background-color: #f0f0f0;}
#proyectos-pagina .proyecto {display: block;height: 200px;margin: 20px auto 40px;padding: 0;background-color: white;position: relative;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
#proyectos-pagina .proyecto .img {width: 30%;height: 100%;display:block;background-size: cover;background-position: center;position:relative;}
#proyectos-pagina .proyecto img {display: block;margin:0 auto;max-width: 100%;max-height: 360px;width: auto;height: auto;}
#proyectos-pagina .proyecto .info {position: absolute;width: 70%;top: 0;height: 100%;left: 30%;text-align: left;padding: 20px 20px 20px;}
#proyectos-pagina .proyecto .info .fecha {/* position:absolute; *//* left: 20px; *//* top: 20px; */padding: 5px 15px;background-color: #00bfef;color: white;font-weight: bold;display: inline-block;border-radius: 20px;}
#proyectos-pagina .proyecto .info .titulo {padding: 0px;margin: 15px auto 20px;font-size: 18px;}
#proyectos-pagina .proyecto .info .abstract {margin:20px auto;padding: 0;font-size: 14px;}



/*
PROYECTO AMPLIADO
*/

#proyecto-post {text-align: center;padding:80px 0;background-color: #f0f0f0;}
#proyecto-post {display: block;margin: 20px 2% 50px;padding: 0;background-color: white;position: relative;}
#proyecto-post img {display: block;margin:0 auto;max-width: 100%;max-height: 460px;width: auto;height: auto;}




/*
SERVICIOS
*/

#servicios-pagina {text-align: center;padding:80px 0;background-color: #f0f0f0;}
#servicios-pagina .servicio {display: inline-block;width: 28%;/* height:300px; */margin: 20px 2% 50px;padding: 0;background-color: white;position: relative;vertical-align: top;}
#servicios-pagina .servicio .img {width: 100%;height: 200px;display:block;background-size: cover;background-position: center;position:relative;}
#servicios-pagina .servicio img {display: block;margin:0 auto;max-width: 100%;max-height: 360px;width: auto;height: auto;}
#servicios-pagina .servicio .info {/* position: absolute; */width: 100%;text-align: left;padding: 20px 20px 20px;}
#servicios-pagina .servicio .info .fecha {/* position:absolute; *//* left: 20px; *//* top: 20px; */padding: 5px 15px;background-color: #00bfef;color: white;font-weight: bold;display: inline-block;}
#servicios-pagina .servicio .info .titulo {padding: 0px;margin: 10px auto;}
#servicios-pagina .servicio .info .abstract {margin:20px auto;padding: 0;font-size: 14px;}
#servicios-pagina .servicio .info .ver-mas {display: block;text-transform: uppercase;color: #2d715f;font-weight: bold;font-size: 14px;/* position: absolute; *//* left: 20px; *//* bottom: 20px; */margin: 0;}
#ver-todos-servicios {display: inline-block;padding: 15px 25px;background-color:hsla(164, 43%, 31%, 1);color:white;border-radius: 30px;margin: 30px auto 0;}
#ver-todos-servicios:hover {}
#ver-todos-servicios:active {}

/*
SERVICIO AMPLIADO
*/

#servicio-post {text-align: center;display: block;margin: 20px 2% 50px;padding: 0;background-color: white;position: relative;}
#servicio-post img {/* display: block; *//* margin:0 auto; *//* max-width: 100%; *//* max-height: 300px; *//* width: auto; *//* height: auto; */}
#servicio-post .servicio .info {position: relative;text-align: left;padding: 20px 20px 20px;}
#servicio-post .info .fecha {padding: 5px 20px;background-color: #00bfef;color: white;font-weight: bold;display: inline-block;margin:30px auto;}
#servicio-post .info .titulo {/* padding: 0px; *//* margin:20px auto; *//* width: 80%; */}
#servicio-post .info .abstract {/* margin:20px auto 40px; *//* padding: 0; *//* font-size: 16px; *//* text-align: left; *//* width: 770px; *//* color:#666; */}
#servicio-post .info .texto {/* margin:20px auto; *//* padding: 0; *//* font-size: 16px; *//* text-align: left; *//* width: 770px; *//* color:#666; */}
#servicio-post .info .texto a {font-weight: bold;padding:0 0 2px;border-bottom: 2px solid;}


/*
MAPA
*/
#mapa {text-align: center;padding: 40px 0 80px;}
p#cant-municipios {margin: 15px 0 20px;text-align: center;width: 100%;}
p#cant-municipios > span.numero {margin: 0 0 0 6px;font-weight:bold;display: inline-block;border: 3px solid #2d715f;padding: 1px 11px 0px 11px;border-radius: 20px;color: #2d715f;}
#mapa h3 {}
#mapa h4 {font-size: 14px;}
#listado-municipios {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	margin: 50px 0 80px;
}
#listado-municipios a {padding: 3px 0;transition:0.1s;}
#listado-municipios a:hover {opacity:0.6;padding:2px 0 2px 3px;transition:0.1s;}
#mapa-seccion-inscrustado {text-align:center;margin:0 0 50px;}


/*
JOVENES LIDERES SECCION EN HOME
*/
/*
#voluntarios {text-align: center;padding: 60px 0;background-color: #f0f0f0;text-align: center;}
#voluntarios > div {width:96%;margin:0 auto;overflow: hidden;white-space: nowrap;height: 340px;position: relative;text-align: center;}
#voluntarios .voluntario {position:absolute;top:60px;width: 12.7%;min-height:120px;vertical-align: top;margin: 12px 0;padding: 0;box-shadow: 3px 10px 20px 0 rgba(0,0,0,0.07);background-color: white;transition:0.3s;}
#voluntarios .voluntario .img {display:block;width: 100%;height: 120px;background-size: cover;background-position: center;position:relative;}
#voluntarios .voluntario .img .fecha {position:absolute;left: 0;bottom: 0;padding: 5px 15px;background-color: #00bfef;color: white;font-weight: bold;}
#voluntarios .voluntario img {display: block;margin:0 auto;max-width: 100%;max-height: 360px;width: auto;height: auto;}
#voluntarios .voluntario .titulo {padding: 0px;margin: 15px auto 10px;font-size: 14px;}
#voluntarios .voluntario .abstract {margin: 14px auto;padding: 0 6px;font-size: 12px;white-space: normal;line-height: 1.2;}
#ver-todos-voluntarios {display: inline-block;padding: 15px 25px;background-color:hsla(164, 43%, 31%, 1);color:white;border-radius: 30px;margin: 30px auto 0;}
#ver-todos-voluntarios:hover {}
#ver-todos-voluntarios:active {}
#voluntarios .proyecto .ver-mas {display: block;margin: 30px auto 20px;text-transform: uppercase;color: #2d715f;font-weight: bold;font-size: 14px;}
*/


/*
JOVENES LIDERES SECCION
*/

#jovenes-lideres-seccion {text-align: center;padding: 60px 0;background-color: #f0f0f0;text-align: center;}
#jovenes-lideres-seccion > div {/* width:96%; */margin:0 auto;/* overflow: hidden; *//* white-space: nowrap; *//* height: 340px; */position: relative;text-align: center;}
#jovenes-lideres-seccion .voluntario {/* position:absolute; *//* top:60px; */display: inline-block;width: 16%;min-height:120px;vertical-align: top;margin: 12px 10px;padding: 0;box-shadow: 3px 10px 20px 0 rgba(0,0,0,0.07);background-color: white;/* transition:0.3s; */}
#jovenes-lideres-seccion .voluntario .img {display:block;width: 100%;height: 170px;background-size: cover;background-position: center;position:relative;}
#jovenes-lideres-seccion .voluntario .img .fecha {position:absolute;left: 0;bottom: 0;padding: 5px 15px;background-color: #00bfef;color: white;font-weight: bold;}
#jovenes-lideres-seccion .voluntario img {display: block;margin:0 auto;max-width: 100%;max-height: 360px;width: auto;height: auto;}
#jovenes-lideres-seccion .voluntario .titulo {padding: 0px;margin: 15px auto 10px;font-size: 15px;width: 100%;text-align: center;}
#jovenes-lideres-seccion .voluntario .abstract {margin: 14px auto;padding: 0 6px;font-size: 12px;white-space: normal;line-height: 1.2;width: 90%;text-align: center;}
#jovenes-lideres-seccion .voluntario .descripcion {margin: 14px auto;padding: 0 6px;font-size: 12px;white-space: normal;line-height: 1.2;}
#ver-todos-voluntarios {display: inline-block;padding: 15px 25px;background-color:hsla(164, 43%, 31%, 1);color:white;border-radius: 30px;margin: 30px auto 0;}
#ver-todos-voluntarios:hover {}
#ver-todos-voluntarios:active {}
#jovenes-lideres-seccion .proyecto .ver-mas {display: block;margin: 30px auto 20px;text-transform: uppercase;color: #2d715f;font-weight: bold;font-size: 14px;}


/*
SLIDERS EN POST
*/

#slide-post {margin: 0px;position: relative;width: 100%;height: 350px;padding: 0px;/* overflow: hidden; */min-height: unset;opacity: unset;top: unset;}
#slide-post .slider {position: absolute;opacity: 0;/* pointer-events: none; */transition: opacity 0.3s;z-index: 1;bottom: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: contain;}
#slide-post .slider.on {opacity: 1; z-index: 2; }
#slide-post .slider .texto {position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;height: 200px;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
#slide-post .slider .texto h3 {font-size: 30px;color: white;font-weight: bold;text-shadow: 0px 0px 8px rgba(0,0,0,0.8);width: 80%;text-align:center;margin:0 auto;position:absolute;bottom: 80px;left: 20%;width: 60%;}
#slide-post .btns {position: absolute;z-index: 9;display:  inline-block;text-align: center;left: 50%;transform: translateX(-50%);bottom: 10px;}
#slide-post .btn {/* border: solid thin #ADADAD; */width: 17px;height: 8px;display: inline-block;padding: 0;border-radius: 10px;margin: 0 4px;/* box-shadow: 0px 0px 1px .000; */transition: background 0.5s;background: #fff;cursor: pointer;}
#slide-post .btn:hover {background-color: #aaa;}
#slide-post .btn.on {background: #2d715f;}


/*
SLIDER EN PIE
*/

#sliders-pie {
	text-align: center;
	padding: 90px 0;
	background-color: #3F51B5;
}
#sliders-pie > div {
	/* width: 33%; */
	/* display: inline-block; */
	/* vertical-align: top; */
	/* margin: 20px 20px; */
}
#sliders-pie .titulo-home {border-bottom: 1px solid hsla(231, 48%, 58%, 1);}
#sliders-pie .titulo-home span {background-color:white;color:#4051b5;}

#sliders-pie > div > .slider-pie {
	height: 300px;
	overflow: hidden;
	position: relative;
	border: 3px solid white;
	background-color: white;
}
#sliders-pie .slider-pie .slider {position: absolute;opacity: 0;transition: opacity 0.3s;z-index: 1;bottom: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: contain;}
#sliders-pie .slider-pie .slider.on {opacity: 1; z-index: 2; }
#sliders-pie .slider-pie .slider .texto {position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;height: 200px;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
#sliders-pie .slider-pie .slider .texto h3 {font-size: 30px;color: white;font-weight: bold;text-shadow: 0px 0px 8px rgba(0,0,0,0.8);width: 80%;text-align:center;margin:0 auto;position:absolute;bottom: 80px;left: 20%;width: 60%;}
#sliders-pie .btns {display: none;}
#sliders-pie #ver-todos-acompanan {color:white;border: 3px solid white;background-image: linear-gradient(to bottom, transparent 50%, #fff 50%);}
#sliders-pie #ver-todos-acompanan:hover {color: hsla(231, 48%, 40%, 1);}
#acompanan-seccion {text-align: center;padding: 70px 0;}
#acompanan-seccion h2 {text-align: center;margin: 30px 0 20px;}
.item-acompanan {
	display: inline-block;
	width: 250px;
	height: 130px;
	border: 1px solid #ccc;
	margin: 10px 13px;
	vertical-align:top;
	position:relative;
	background-color: white;
}
.item-acompanan img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	max-width: 88%;
	max-height: 88%;
	width: auto;
	height: auto;
	transition:0.2s;
}
.item-acompanan:hover img{
	max-width:96%;
	max-height:96%;
	transition:0.5s;
}



/*
CONTACTO
*/

#contacto {text-align: center;padding: 50px 0 90px;background-image: url('../img/bg-1.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
#contacto:after {content:"";position:absolute;display: block;left: 0;top: 0;width: 100%;height: 100%;background-color: hsla(0, 0%, 0%, 0.6);z-index: 1;}
#contacto h2 {
    border-bottom: 2px solid #2d715f;
    z-index: 10;
    position: relative;
}
#contacto .mitad {width: 45%;position: relative;display: inline-block;vertical-align: top;text-align: left;padding: 30px 50px;z-index: 2;color: white;}
#contacto .mitad:last-child {background-color:rgba(0,0,0,0.3);}
#contacto .mitad h4 {font-weight:bold;}
#contacto form {max-height: 600px;overflow: hidden;}
#contacto form label {margin: 10px 0 0;}
#contacto form.hidden {max-height: 0px;transition:0.2s;}
#contacto form button.cargando {cursor: wait;}
#form-enviado {visibility: hidden;opacity: 0;transition:0.2s;font-size: 18px;}
#form-enviado.on {visibility: visible;opacity: 1;transition:0.2s;margin: 0 0 200px;}


/*
FOOTER
*/

#footer {background-color: #2a2a2a;position: relative;padding: 50px 0;margin: 0px 0 0;text-align: center;color: white;}
#footer .en-3 {width: 28%;display: inline-block;vertical-align: top;text-align: left;margin: 0 2%;}
#footer .en-3 a {font-size:100%;margin: 0;padding: 0;}
#footer .en-3 a img {height:1.3rem;margin-right:3px;position:relative;top:-1px;}
#footer #newsletter {text-align:left;}
#footer #newsletter #suscriptores-form {max-height: 500px;overflow: hidden;}
#footer #newsletter #suscriptores-form.hidden {max-height: 0px;transition:0.2s;}
#footer #newsletter #suscriptores-form button.cargando {cursor: wait;}
#footer #newsletter #suscriptores-cargados {visibility: hidden;opacity: 0;transition:0.2s;font-size: 18px;}
#footer #newsletter #suscriptores-cargados.on {visibility: visible;opacity: 1;transition:0.2s;margin: 0 0 200px;}


#footer #newsletter input {display:block;margin:10px 0;}
#footer #newsletter button {display:block;}
#footer #links {padding: 0 40px;}
#footer #links a {color: white;display: block;padding: 4px;margin: 0 5px;}
#footer #datos-contacto {display: inline-block;color: white;}
#footer #redes {margin:0 0 10px;position: relative;left: -5px;}
#footer #redes a {display: inline-block;padding: 5px;margin: 0 7px 0 0;color: white;font-size: 25px;}
#footer .langSelect {margin: 60px 0 20px;}
#footer .langSelect a {display: inline-block;color: white;cursor: pointer;padding: 0px 5px 1px;vertical-align: middle;border-radius:5px;transition:0.2s;}
#footer .langSelect a:hover {background-color: white !important;opacity: 0.9 !important;transition:0.2s;}
#footer .langSelect a:hover * {color:hsla(164, 43%, 31%, 1);}
#footer .langSelect a img {height:18px;}
#footer .langSelect a * {vertical-align: middle;line-height: 1;display: inline-block;}
#footer .signa {}
#footer .signa #iso-signa {height:2em;margin: 0 5px;}
body.Es #footer .langSelect a[data-idioma='Es'],
body.En #footer .langSelect a[data-idioma='En'] {background-color:hsla(164, 63%, 37%, 1);}
#footer #contacto-datos {}



/*
CONTACTO
*/
.seccion-page {}
.seccion-page .hero-img {background-color: #eee;/* padding: 30px 0; */height: 300px;position: relative;background-position: center;background-size: cover;background-repeat: no-repeat;}
.seccion-page .hero-img .container {height:100%;}
.seccion-page .hero-img img {height: 100%;display:block;margin:0 auto;}
.seccion-page h3 {margin: 40px 0 10px;}
.seccion-page .hero-img.full {padding: 0;height: 250px;}
.seccion-page .hero-img.full > div {width:100%;height:100%;background-size: cover;background-repeat: no-repeat;}




/*
REDES
*/
#tags {margin: 70px 0 60px;}
#tags h5 {margin:0 0 20px;font-size: 15px;text-transform: uppercase;font-weight:bold;color: #555;}
#tags a {display:inline-block;background-color: #3c967e;border-radius:20px;margin:0 3px;color:white;padding:6px 15px;font-size:14px;}


/*
REDES
*/
#shareRedes {margin: 50px 0 50px;text-align: center;}
#shareRedes h5 {margin:0 0 20px;font-size: 15px;color: #555;font-weight:bold;text-transform: uppercase;}
#shareRedes > * {vertical-align:top;margin:0 10px;}



/*
STAFF MEMBERS
*/
#staff-page {text-align:center;}
#staff-page h3 {text-align:center;}
#staff-page #staff-listado {/* column-count: 4; *//* column-gap: 40px; */}
#arbol {display: block;height: auto;margin: 0 0 100px;}
#arbol *,
#arbol *:before,
#arbol *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#arbol * {
  position: relative;
  margin: 0;
  padding: 0;
  
  border: 0 none;
    
  -webkit-transition: all ease .4s;
  -moz-transition: all ease .4s;
    transition: all ease .4s;
}

#arbol .nav {
	margin: 20px auto;
	width: 100%;
	min-height: auto;
}

#arbol .nav ul {
  position: relative;
  padding-top: 40px;
}

#arbol .nav li {
  position: relative;
  padding: 40px 7px 0 3px;
  float: left;
  text-align: center;
  list-style-type: none;
}

#arbol .nav li::before, #arbol .nav li::after{
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  width: 50%;
  height: 40px;
  border-top: 1px solid #71aa25;
}

#arbol .nav li::after{
  left: 50%;
  right: auto;
  border-left: 1px solid #71aa25;
}

#arbol .nav li:only-child::after, #arbol .nav li:only-child::before {
  content: '';
  display: none;
}

#arbol .nav li:only-child{padding-top: 0;}
#arbol .nav li:first-child::before, #arbol .nav li:last-child::after{
  border: 0 none;
}

#arbol .nav li:last-child::before{
  border-right: 1px solid #71aa25;
  border-radius: 0 5px 0 0;
}

#arbol .nav li:first-child::after{
    border-radius: 5px 0 0 0;
}
#arbol .nav ul ul::before{
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 1px solid #71aa25;
  width: 0;
  height: 40px;
}

#arbol .nav li a{
  display: inline-block;
  padding: 10px 5px;
  border-radius: 5px;
  border: 1px solid #f7b91c;
  text-decoration: none;
  text-transform: uppercase;
  color: #333;
  font-family: arial, verdana, tahoma;
  font-size: 10px;
}
#arbol .nav li a.director{
	font-size:13px;
	padding: 10px 15px;
	border-radius: 20px;
	background-color: #2d715f;
	color: white;
	border: 1px solid #2d715f;
}

#arbol .nav li a:hover, #arbol .nav li a:hover+ul li a {
  color: #000;
  /* background: #c8e4f8; */
  /* opacity: 0.6; */
  background-color: #eee;
  /* border: 1px solid #94a0b4; */
}

#arbol .nav li a:hover+ul li::after, 
#arbol .nav li a:hover+ul li::before, 
#arbol .nav li a:hover+ul::before, 
#arbol .nav li a:hover+ul ul::before{
  content: '';
  border-color: #94a0b4;
}
.staffMember {
	display: inline-block;
	width: 23%;
	vertical-align: top;
	margin: 1%;
	text-align: left;
	margin-bottom: 30px;
}
.staffMember .img {width:200px;border-radius: 120px;background-position: center;background-size: cover;height: 200px;margin: 0 auto;}
.staffMember .img.square {width: 100%;border-radius: 5px;background-position: center;background-size: cover;height: 200px;margin: 0 auto;}
.staffMember h4 {font-weight: bold;margin: 10px 0 5px;}
.staffMember p.cargo {margin:0;}
.staffMember .email {font-size:80%;margin: 5px 0;}
.staffMember .bio {
	text-align:left;
	font-size: 12px;
	/* text-align: justify; */
}
.staffMember .bio p {margin-bottom:10px;}



/*
RESULTADOS DE BUSQUEDA
*/
#busqueda {opacity:1;text-align: center;padding: 0;background-color: #f0f0f0;position: relative;}
#busqueda .container {padding: 60px 15px;}
#busqueda #volver {position:absolute;left: 15px;top: 20px;font-weight: bold;font-size: 14px;}
#busqueda #volver:hover {color:#666;}
#busqueda .align-middle:first-child {width: 20%;}
#busqueda .align-middle {
	text-align:left;
	display:inline-block;
	vertical-align:middle;
	margin: 0px 0 40px;
}
#busqueda .align-middle * {vertical-align:middle;}
#busqueda .ods-icon {width:150px;display: block;margin: 0 auto;vertical-align: middle;}
#busqueda #ir-a-ods {
    display: block;
    margin: 20px 0;
}
#busqueda h2 {text-transform:uppercase;font-size:20px;color:#2e705f;display: inline-block;vertical-align: middle;margin: 0;font-weight: 900;}
#busqueda h3.titulo-busqueda {
	border-bottom: 1px solid #dedede;
	margin: 0 0 40px;
	text-align: center;
}
#busqueda h3.titulo-busqueda span {
	position: relative;
	top: 22px;
	display: inline-block;
	background-color: #f0f0f0;
	padding: 10px 20px;
	background-color: #2d715f;
	color: white;
	border-radius: 30px;
	font-size: 23px;
	z-index: 2;
}
#busqueda .busqueda-item {display: inline-block;height: 200px;margin: 15px;padding: 0;background-color: white;position: relative;width: 45%;}
#busqueda .busqueda-item .img {width: 30%;height: 100%;display:block;background-size: cover;background-position: center;position:relative;}
#busqueda .busqueda-item .img .fecha {position: absolute;top: 19px;right: 0;background-color: #00bfef;color: white;font-weight: bold;padding: 3px 8px;font-size: 13px;}
#busqueda .busqueda-item img {display: block;margin:0 auto;max-width: 100%;max-height: 360px;width: auto;height: auto;}
#busqueda .busqueda-item .info {position: absolute;width: 70%;top: 0;height: 100%;left: 30%;text-align: left;padding: 15px;}
#busqueda .busqueda-item .info .municipio {padding: 3px 13px;background-color: #00bfef;color: white;font-weight: bold;display: inline-block;font-size: 13px;border-radius: 15px;margin: 4px 0 6px;}
#busqueda .busqueda-item .info .fecha {font-size:14px;font-weight:bold;margin: 0;color: hsla(192, 100%, 40%, 1);}
#busqueda .busqueda-item .info .titulo {padding: 0px;margin: 0 auto 11px;font-size: 17px;width: auto;}
#busqueda .busqueda-item .info .abstract {margin:20px auto;padding: 0;font-size: 13px;display: none;}
#busqueda .busqueda-item .info .ver-mas {display: block;text-transform: uppercase;color: white;font-weight: bold;font-size: 13px;position: absolute;left: 15px;bottom: 15px;margin: 0;}
#busqueda #form-buscar {}
#busqueda #form-buscar input {
    display: block;
    margin: 10px auto;
    height: calc(1.5em + .75rem + 2px);
    border: 1px solid #ced4da;
    padding: .375rem .75rem;
    border-radius: 10px 5px 5px 10px;
    vertical-align: middle;
}
#busqueda #form-buscar button {
	vertical-align: middle;
}


/*
EMPLEOS VERDES
*/

#cartel {}
#cartel #empEmprendimiento {}
#cartel #empDescripcion {font-size:16px;}
#cartel #empLinks {margin:10px 0;}
#cartel #empLinks a {font-size:16px;margin-right:10px;}


/*
Desktop Full HD
*/
@media screen and (min-width:1400px){
	#slideshow {
	    height: 440px;
	}
	#slideshow .slider .texto h3 {
		left: 30%;
		width: 40%;
	}
	#menu {width: 64%;}
	#menu.on {width: 26%;left: 74%;}
	#descripcion .descripcion-miti {
        width: 27%;
    }
    #eventos.home .evento,
    #proyectos.home .proyecto {
    	width:18%;
    }
    #modal-forestacion {}
    #modal-forestacion > div {width:40%;}
    #modal-forestacion > div .img {
		height: 25vh;
	}
		#modal-forestacion .descripcion {
		font-size: 15px;
		line-height: 1.3;
	}
}


/*
Mobile
*/
@media screen and (max-width: 768px){
	body {padding-top: 104px !important;}
	body.sitioDemo {padding-top: 94px !important;}
	#loading {}
	#headMain .container {text-align:left;}
	#header #headMain #logo img {width: 50%;}
	#header #headMain #hamb {right: 10px;padding: 6px 13px;text-align: center;border-radius: 50px;}
	#header #headMain #hamb > span:first-child {display:none;}
	#header #headMain #hamb > span {margin:0 !important;position: relative;top: 0px;}
	#header #headMain #links-minisitios {display:none;}
	#header #headSuperior #headerRedes {text-align:left;}
	#menu {width:100%;left:110%;height: 100vh;padding: 30px 20px;overflow: scroll;}
	#menu.on {width:100%;left:0%;/* padding: 30px 20px 0; */}
	#menu a {font-size: 14px;padding: 6px 10px;}
	#menu #cerrar-hamb {font-size: 14px;padding: 3px 16px;}
    #logo {}	
	.container {width: 100% !important;text-align: center;}
    h2.titulo-home span {font-size: 17px;}
	.slideshow {height: 150px;width: 100%;margin: 0 auto;}
	.slideshow.zoom-slide {height: 300px;}
	#slideshow .slider .texto h3 {font-size: 15px;width: 90%;left: 5%;bottom: 20px !important;}
	#slideshow {height: 170px;}
	#slideshow .slider.conLink .texto a {font-size: 15px;padding: 4px 15px;bottom: 30px;}
    #slideshow .btns {bottom: 2px;}
    #slideshow .btn {width: 12px;height: 5px;margin: 0 2px;}
    
	#descripcion {padding:30px 0;}
    #descripcion .descripcion-miti {display:block;width:100%;margin: 0 0 30px;padding: 0 10px;}
    #descripcion .descripcion-miti a {text-align:center;display:block;}

    /* COMMON */
    .seccion {min-height: unset;padding: 30px 0;}
    .seccion.home {}
    .seccion.home .titulo {margin: 0 !important;}
    .seccion.home .municipio {font-size: 11px !IMPORTANT;padding: 2px 10px 1px !important;margin-right:6px;}
    .seccion.home .tagPrincipal {font-size: 11px !IMPORTANT;padding: 2px 10px 1px !important;}
    .seccion.home .fecha {font-size: 10px !important;padding: 4px 8px 4px 12px !important;}
    .seccion.home .ver-mas {display:none !important;}
    .info .texto blockquote {width: 100%;padding: 50px 30px 1.2em 20px;}
    .info .texto blockquote::before {
    	left: 15px;
    	top: -5px;
    }
    .item-listado .img {
		width: 30% !important;
		height: 100% !important;
		display: block !important;
		background-size: cover !important;
		background-position: center !important;
		position: relative !important;
	}
    .item-listado {height: 160px !important;margin: 20px auto !important;width: 100%;}
    .item-listado .info {padding: 12px !important;}
    .item-listado .info .abstract {font-size: 13px !IMPORTANT;width: auto;}
    .item-listado .tagPrincipal {font-size: 11px;padding: 2px 10px 1px;}
    .item-listado .municipio {font-size: 11px;padding: 2px 10px 1px;}
    .item-listado .fecha {font-size: 10px;top: 12px;}
    .item-listado .titulo {font-size: 15px !IMPORTANT;margin: 5px auto !important;width: auto;}
    .item-listado .ver-mas {font-size: 10px;padding: 4px 8px 2px;left: 10px;bottom: 10px;display: none;}
    .post .titulo {width:100% !Important;font-size: 24px;margin: 30px auto 0px;}
    .post .fecha {margin: 10px 0 0 0px;}
    .post .abstract {width: 100%;margin: 20px auto 30px;}
    .post .texto {width:100%;margin: 0px auto;}


	#noticias .noticia {display: block;width: 100%;margin: 15px 0;height: 140px;}
	#noticias .noticia .info {padding: 12px;}
	#noticias .noticia .info .fecha {font-size: 12px;padding: 3px 10px;}
	#noticias .noticia .info .titulo {font-size:15px;margin: 10px 0 0;}
	#noticias .noticia .info .ver-mas {position:relative;bottom: unset;left: unset;margin: 10px 0 10px;}
   
    #noticias-pagina {padding:10px;}
    #noticias-pagina .noticia {display: block;width: 100%;margin: 15px 0;height: 140px;}
	#noticias-pagina .noticia .info {padding: 12px;}
	
    #eventos {padding:10px;}
    #eventos .evento {width: 47%;margin: 10px 5px;}
    #eventos .evento .img {height: 120px;}
    #eventos .evento .img .fecha {display: none;}
    #eventos .evento > .fecha {display: block;position: relative;padding: 5px 15px;background-color: #00bfef;color: white;font-weight: bold;font-size: 12px;}
    #eventos .evento .titulo {font-size: 15px;margin: 10px auto;}
    #eventos .evento .abstract {font-size:13px;padding:5px;margin: 5px;}
    #eventos .evento .ver-mas {margin: 10px auto 16px;font-size: 13px;}

    #eventos-pagina {padding:10px;}
    #eventos-pagina .evento.finalizado .info .finalizado {padding: 0;margin: 10px 10px 0;}
    
    #youtube-channel .video-youtube-home:not(.primero) {display:none;}
    #youtube-channel .video-youtube-home.primero {display:block;width: 80vw !important;height: 45vw;}
    .ver-todos-home {font-size: 15px;width: 80%;margin: 20px auto 0;border-radius: 30px;}

    #proyectos {padding: unset;display:none;}
    #proyectos .proyecto {display:block;width:100%;margin: 15px 0;overflow: auto;}
    #proyectos .proyecto .img {height:100px;}
    #proyectos .proyecto .titulo {font-size:16px;}
    #proyectos .proyecto .ver-mas {margin: 10px auto 15px;}

    #sliders-pie {display:none;}

    #arbol {margin: 0 0 50px;}
    #arbol nav > ul {
    	width:100%;
    }
	#arbol nav > ul li {
    	width:100%;
    }
    #arbol .nav li a.director {
    	font-size: 11px;
    	border-radius: 5px;
    	margin-bottom: -6px;
    }
    #arbol .nav li {text-align:left;}
    #arbol .nav ul#principal {
    	width:100%;
    	padding-top: 20px;
    }
    #arbol .nav ul ul::before {
    	left: 0;
    }
    #arbol .nav ul#principal > li {
    	display:block;
    	float: unset;
    	margin: 0 auto 0 0;
    	width: auto;
    	text-align:left;
    	padding-left: 20px;
    	padding-right: 0;
    	padding-top: 10px;
    	padding-bottom: 10px;
    }
    #arbol .nav ul#principal > li:before {right: unset;left: 0;bottom: 50%;width: 20px;height: 50%;border-left: 1px solid #71aa25;border-top: unset;border-bottom: 1px solid #71aa25;}
    #arbol .nav ul#principal > li:after {
    	right: unset;
    	left: 0;
    	top: 50%;
    	width: 30px;
    	height: 50%;
    	border-top: unset;
    	border-left: 1px solid #71aa25;
    	border-radius: 0;
    }
    #arbol .nav ul#principal > li:last-child::before {
		border-right: unset;
	}
    #arbol .nav ul#principal > li:last-child::after {
    	display: none;
    }

    #arbol .nav ul#principal > li.subArbol:before {right: unset;left: 0;top: 0;bottom: unset;width: 20px;height: 37px;border-left: 1px solid #71aa25;border-top: unset;border-bottom: 1px solid #71aa25;}
    #arbol .nav ul#principal > li.subArbol:after {
    	right: unset;
    	left: 0;
    	bottom: 0;
    	top: unset;
    	width: 30px;
    	height: calc(100% - 37px);
    	border-top: unset;
    	border-left: 1px solid #71aa25;
    	border-radius: 0;
    }
    
    #arbol .nav ul#principal > li > a{
    	display:inline-block;
    }

    /* Subitems */
    #arbol .nav ul#principal > li > ul {padding: 0;padding-left: 0;padding-top: 20px;/* width: auto; */margin-left: 20px;}
    #arbol .nav ul#principal > li > ul:before {left: 0;top: 0;width: 30px;height: 20px;/* border-top: 1px solid #71aa25; */border-left: 1px solid #71aa25;}
    #arbol .nav ul#principal > li > ul:after {
    	
    }
    #arbol .nav ul#principal > li > ul > li {
    	float: unset;
    	text-align: left;
    	padding-left: 20px;
    	padding-top: 0px;
    	padding-right: 0;
    	padding-bottom: 10px;
    }
    #arbol .nav ul#principal > li > ul > li:before {
		top: unset;
		left: 0;
		bottom: 50%;
		height: 50%;
		width: 20px;
		border-bottom: 1px solid #71aa25;
		border-left: 1px solid #71aa25;
		border-top: unset;
		border-right: unset;
	}
    #arbol .nav ul#principal > li > ul > li:after {
    	left: 0;
    	top: 50%;
    	height: 50%;
    	width: 20px;
    	border-top: unset;
    	border-radius: 0;
    	/* border-left: unset; */
    }
    #arbol .nav ul#principal > li > ul > li:first-child::before,
    #arbol .nav ul#principal > li > ul > li:only-child::before {
        display:block;
    }

    #contacto .mitad {width:100%;display:block;text-align: center;padding: 30px 20px;}
    
    #footer {margin: 0;}
    #footer .en-3 {display:block;width:100%;margin: 10px 0;}
    #footer #links a {text-align:center;}
	#footer #newsletter {text-align:center;}
    #footer #newsletter button {margin:0 auto;}
    #footer #links {padding:0;}
    #footer-link-fideicomiso {text-align:center;}
    #footer #datos-contacto {text-align:center;}
    #footer #redes {margin:30px 0;text-align:center;}

    #slide-post {height: 220px;}
    .info {margin:20px 0 0;}
    #noticia-post {margin:0;}
    #ver-todos-noticias {margin: 10px auto 50px;}

    #evento-post {margin:0;}
    #evento-post .container > img {max-height:220px;}
    #ver-todos-eventos {margin: 10px auto 50px;}

    #map {height: 30vh;}

    #proyectos-pagina {padding: 10px 10px 40px;}
    #proyectos-pagina .proyecto {display:block;width:100%;margin: 15px 0;overflow: auto;height: 150px;}
   
   
    #proyecto-post {margin:0;}
    #proyecto-post .container > img {max-height:220px;}
    #proyecto-post .info {}
    #proyecto-post .info .fecha {margin: 15px auto;font-size: 15px;}
    #proyecto-post .info .titulo {margin: 20px auto;width: 90%;}
    #proyecto-post .info .abstract {width: 100%;}
    #proyecto-post .info .texto {width: 100%;}
    #ver-todos-proyectos {margin: 10px auto 50px;}
    
    #ods-icons {position: relative;margin: 20px 0 30px;}
    #ods-icons .ods {display: inline-block;width: 90px;margin: 5px;}
    #archivos {width: 100%;margin: 50px auto 40px;}
    #archivos h4 {font-size: 18px;}

    #servicio-post {}
    #servicio-post img {max-height:220px;}
    #servicio-post .info .texto {/* width:100%; */}

    #jovenes-lideres-seccion {}
    #jovenes-lideres-seccion .voluntario {width: 43%;}
    #jovenes-lideres-seccion .voluntario .img {height: 130px;}

    .seccion-page {}
    .seccion-page .hero-img {}
    .seccion-page .hero-img img {height:auto;width: 100%;}
    #staff-page #staff-listado {column-count: 2;column-gap: 5vw;}
    .seccion-page .texto {text-align:left;width: 100%;}
    .seccion-page .staffMember {width: 45%;margin: 0 2%;/* text-align: center; */}
    .seccion-page .staffMember .img {/* width: 37vw; */height: 37vw;margin: 0 auto;}
    .seccion-page .staffMember h4 {font-size: 18px;margin: 10px 0;line-height: 1.1;}
    .seccion-page .staffMember p {font-size: 12px;margin: 0 0 5px;}

    #listado-municipios {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        text-align: left;
    }
    #busqueda {padding: 0 !important;}
    #busqueda h3.titulo-busqueda {}
    #busqueda h3.titulo-busqueda span {font-size: 16px;}
    #busqueda .busqueda-item {display: block;width: 100%;margin: 15px 0;height: 140px;}
	#busqueda .busqueda-item .info {padding: 12px;}
	#busqueda .busqueda-item .info .fecha {font-size: 12px;padding: 3px 10px;}
	#busqueda .busqueda-item .info .titulo {font-size:15px;margin: 10px 0 0;}
	#busqueda .busqueda-item .info .ver-mas {position: absolute;bottom: 10px;left: unset;padding: 4px 10px 2px;font-size: 11px;display: inline-block;margin: 0;display: none;}
	#busqueda .align-middle {display:block;width: 100% !important;text-align:center;}

    #contador .municipio {margin:7px;max-width: 44%;min-width: 41%;padding: 20px 10px;}
    #contador .municipio:nth-child(5) {display:none;}
    #forestacion-pagina #contadorNum {}
    #forestacion-pagina #contadorNum > img {width:90%;}
    #forestacion-pagina #contadorNum #barraProgreso {width:90%;}
    #forestacion-pagina #contadorNum #numTotal {top: 0;}
    #forestacion-pagina #contadorNum #proyectosLink {width:100%;}
    #forestacion-pagina .municipio.titulo {
        padding: 10px;
    }
    #forestacion-pagina .municipio h4 {
        font-size: 15px;
    }
    #forestacion-pagina .municipio .icon-forestacion {
		font-size: 22px;
	}
    #forestacion-pagina .municipio .icon-forestacion img {height:30px;}
    #modal-forestacion {
		background-color: rgba(0,0,0,0.5);
	}
	#modal-forestacion #cerrar {
		position:fixed;
		/* transform: translate(50%,-50%); */
		padding: 5px 10px;
		font-size: 14px;
	}
    #modal-forestacion > div {
		width: 90%;
		max-height: 70vh;
		padding: 15px;
		overflow-y: scroll;
	}
	#modal-forestacion #slide-forestacion {
		height: 40vw;
		display: block;
		width: 100%;
	}
	#modal-forestacion .ficha {
		display:block;
		width:100%;
		position: relative;
		right: unset;
		top: unset;
		padding-left: 25%;
		/* text-align: center; */
		width: 100%;
	}
	#modal-forestacion .ficha svg {
		position:absolute;
		left:0;
		top:50%;
		transform:translateY(-50%);
		width:25%;
		text-align:center;
	}
	#modal-forestacion .descripcion {
		line-height:1.3;
		font-size: 14px;
	}
	#forestacionEmpresas .empresa {width:45%;}
    #proyectosAFinanciar .proyecto {width: 46%;margin: 5px;height: auto;text-align: left;}
    #proyectosAFinanciar h4 {font-size: 18px;}
    #proyectosAFinanciar p {font-size:12px;}
}