body {margin:0;color:#333;font-family: 'Roboto', sans-serif;padding-top: 124px;font-display: swap;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;}
.visible-xs {display:none;}
a,a:hover,a:active,a:focus {text-decoration: none;color:inherit;text-decoration: none;}
.container {position: relative;}
h1 {font-family: 'Asap', sans-serif;}
h2 {font-weight:bold;font-family: 'Asap', sans-serif;}
h3 {font-family: 'Asap', sans-serif;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: #666;display: inline-block;margin: 0 12px 0 0;min-height: 21px;}
#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: 9px 18px;
	border-radius: 40px;
	cursor: pointer;
	font-size: 13px;
}
#header #headMain #hamb {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
#menu #cerrar-hamb {display: inline-block;margin: 0 0 15px;}
#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: 0;
	/* top: 4px; */
	display: inline-block;
	/* min-height: 21px; */
	vertical-align: middle;
	line-height: 1;
}
#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;
	right: 0%;
	transform:
	translateX(100%);
	padding: 30px 30px;
	width: 32%;
	z-index: 20;
	background-color: white;
	height: 100vh;
	overflow: scroll;
	transition: 0.4s ease-out;
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
}
#menu > *:not(#cerrar-hamb) {
	position:relative;
	transform:translateX(50%);
	transition: 0.6s;
	transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
#menu.on {
	transform:translateX(0%);
	transition: 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
}
#menu.on > *:not(#cerrar-hamb) {
	transform:translateX(0%);
	transition: 0.2s;
	transition-timing-function: cubic-bezier(0, 0, 0.33, 0.92);
}
#menu .block {
	background-color:#eee;
	padding: 10px 11px;
	border-radius: 10px;
	margin: 5px 0;
}
#menu a {
	padding: 8px 10px;
	display: block;
	font-weight: bold;
	border-radius: 20px;
	line-height: 1.2;
	font-size: 13px;
	color: inherit;
	/* text-transform: uppercase; */
	color: #444;
}
#menu a:hover {/* background-color: #2d715f; */color: #00bfef;/* border-radius: 20px; */}
#menu a.no-link {color:#666;padding: 4px 4px;text-transform: uppercase;font-size: 12px;}
#menu a.no-link:hover {background-color:unset;}
#menu a.sub {padding: 5px 4px 5px 8px;}
#menu hr {
    margin: 10px 0;
}
#menu #form-buscar {}
#menu #form-buscar input {
    /* display: block; */
    margin: 0px 5px 10px 0;
    height: calc(1.4em + .75rem + 2px);
    border: 1px solid #ced4da;
    padding: 5px 10px;
    border-radius: 5px;
    vertical-align: middle;
    width: 70%;
    font-size: 13px;
}
#menu #form-buscar button {
	vertical-align: middle;
	background-color: #333333;
	border: 1px solid #333;
	padding: 5px .75rem;
	color: white;
	margin: 0 0 10px;
	border-radius: 5px;
	width: 28%;
	font-size: 13px;
}


/*
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: 600px;}
.seccion.on {opacity:1;top: 0;transition:0.7s;}


/*
SLIDESHOW
*/

#slideshow {margin: 0px;position: relative;width: 100%;height: 350px;padding: 0px;opacity: 1;top: 34px;min-height: unset;}
#slideshow .slider {position: absolute;display: block;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: relative;z-index: 9;display: block;text-align: center;left: 0%;padding: 5px 0;transform: translateY(-100%);/* top: 0px; *//* background-color: #ee9848; */width: 100%;}
#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;}
#slideshow .btn.text {
    max-width: 9px;
    width:auto;
    height:auto;
    max-height: 9px;
    border-radius: 40px;
    line-height: 1;
    overflow:hidden;
    padding: 0px 0px;
    font-size: 15px;
    background-color: hsl(0deg 0% 100% / 20%);
    white-space: nowrap;
    color:rgb(255 255 255 / 0);
    transition:0.2s;
}
#slideshow .btn.text.on {
	padding: 3px 7px;
	color: white;
	background-color: hsl(0 0% 20% / 0.3);
	background-color: transparent;
	border: 1px solid white;
	max-width: 150px;
	max-height:25px;
	transition:opacity 0.5s, color 1.5s, max-width 1s;
}


#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 .slide {width: 1140px;margin: 0 auto;height: 100%;position: relative;}

#home-slide-1 {background-color: #04662e;}
#home-slide-1 .vector {position: absolute;bottom: 0;right: 180px;height: 178px;opacity: 0;}
#home-slide-1 .vector2 {position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
#home-slide-1 .indicador1 {position: absolute;color: white;/* font-weight: bold; */font-size: 127px;line-height: 1;top: 16px;left: 157px;color: #04662e;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
#home-slide-1 .texto1 {position: absolute;color: white;top: 30px;left: 381px;font-size: 28px;line-height: 1.1;font-weight: 100;font-family: 'Quicksand', sans-serif;opacity:0;}
#home-slide-1 .indicador2 {position: absolute;color: white;/* font-weight: bold; */font-size: 88px;line-height: 1;top: 144px;left: 232px;color: #04662e;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
#home-slide-1 .indicador3 {position: absolute;color: white;/* font-weight: bold; */font-size: 88px;line-height: 1;top: 239px;left: 232px;color: #04662e;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
#home-slide-1 .texto2 {position: absolute;color: white;top: 151px;left: 340px;font-size: 21px;line-height: 1.1;font-weight: 100;font-family: 'Quicksand', sans-serif;opacity:0;}
#home-slide-1 .texto3 {position: absolute;color: white;top: 243px;left: 390px;font-size: 21px;line-height: 1.1;font-weight: 100;font-family: 'Quicksand', sans-serif;opacity:0;}
#home-slide-1 .indicador4 {position:absolute;top: 26px;right: 150px;font-size: 23px;color:white;opacity:0;}
#home-slide-1 .texto4 {position:absolute;top: 56px;right: 150px;color:white;font-size: 17px;font-family: 'Quicksand', sans-serif;opacity:0;}
#home-slide-1 .indicador5 {position:absolute;top: 96px;right: 150px;color:white;font-size: 23px;opacity:0;}
#home-slide-1 .texto5 {position:absolute;top: 128px;right: 150px;color:white;font-size: 17px;font-family: 'Quicksand', sans-serif;opacity:0;}
#home-slide-1 .texto6 {position:absolute;top: 170px;right: 150px;color:white;font-size: 20px;font-family: 'Quicksand', sans-serif;opacity:0;}
#home-slide-1 *.ok {opacity:1;transition:.6s;}

#home-slide-2 {background-color: #00bcee;}
#home-slide-2 .vector {position: absolute;height: 100%;left: 32%;z-index: 1;}
#home-slide-2 .indicador1 {position: absolute;color: #00bcee;left: 14%;font-size: 190px;top: 20px;line-height: 1;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
#home-slide-2 .indicador2 {position: absolute;line-height: 1;color: #00bcee;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;left: 65%;top: 42%;font-size: 197px;}
#home-slide-2 .texto1 {position: absolute;color:white;top: 60%;left: 14.5%;font-size: 29px;line-height: 1.2;font-family: 'Quicksand', sans-serif;}
#home-slide-2 .texto2 {position: absolute;color:white;left: 74.5%;top: 67%;line-height: 1.4;font-size: 27px;font-family: 'Quicksand', sans-serif;}
#home-slide-2 .indicador3 {position:absolute;color:white;right: 13%;top: 9%;font-size: 29px;}
#home-slide-2 .texto3 {position:absolute;color:white;text-align: right;top: 21%;right: 13%;font-size: 21px;line-height: 1.2;font-family: 'Quicksand', sans-serif;}

#home-slide-3 {position: absolute;background-color: #3385c6;color: white;}
#home-slide-3 .vector {position: absolute;top: 0;left: 39%;height: 90%;}
#home-slide-3 .indicador1 {position: absolute;left: 13%;top: 10%;font-size: 140px;color: #3385c6;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
#home-slide-3 .indicador1 span {font-size: 40%;position: relative;margin-left: 7px;}
#home-slide-3 .indicador2 {position: absolute;right: 14%;top: 10%;font-size: 58px;color: white;}
#home-slide-3 .texto1 {position: absolute;left: 13.5%;top: 64%;font-size: 29px;line-height: 1.2;color: white;font-weight: 100;font-family: 'Quicksand', sans-serif;}
#home-slide-3 .texto2 {position: absolute;right: 14%;top: 33%;font-size: 20px;color: white;line-height: 1.1;text-align: right;font-family: 'Quicksand', sans-serif;}
#home-slide-3 .indicador3 {position: absolute;right: 14%;top: 47%;font-size: 58px;color: white;}
#home-slide-3 .texto3 {position: absolute;right: 14%;top: 70%;font-size: 20px;color: white;line-height: 1.1;text-align: right;font-family: 'Quicksand', sans-serif;}

#home-slide-4 {position: absolute;background-color: #ed8f7c;}
#home-slide-4 * {color: white;}
#home-slide-4 .vector {position: absolute;bottom: 0;height: 100%;right: 86px;}
#home-slide-4 .indicador1 {position: absolute;top: 2%;left: 13%;font-size: 125px;font-weight: bold;line-height: 1;color: #ed8f7c;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
#home-slide-4 .indicador2 {position: absolute;left: 13%;font-size: 125px;top: 33%;font-weight: bold;line-height: 1;color: #ed8f7c;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
#home-slide-4 .texto1 {position: absolute;top: 5%;left: 32.5%;line-height: 1.3;font-size: 23px;font-family: 'Quicksand', sans-serif;}
#home-slide-4 .texto2 {position: absolute;top: 36%;left: 32.5%;line-height: 1.3;font-size: 23px;font-family: 'Quicksand', sans-serif;}
#home-slide-4 .indicador3 {position: absolute;color: #ed8f7c;left: 13%;top: 64%;font-size: 125px;line-height: 1;font-weight: bold;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
#home-slide-4 .texto3 {position: absolute;top: 66%;left: 26.5%;line-height: 1.3;font-size: 23px;font-family: 'Quicksand', sans-serif;}


#home-slide-5 {position: absolute;background-color: #f9b617;}
#home-slide-5 * {color: #fff;}
#home-slide-5 .vector {position: absolute;left: 41.5%;bottom: 0px;height: 64%;mix-blend-mode: multiply;}
#home-slide-5 .indicador1 {position: absolute;left: 12%;top: 7%;font-size: 140px;line-height: 1;color: #f9b617;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;/* text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; */}
#home-slide-5 .texto1 {position: absolute;left: calc(100% + 1em);top: 5%;font-size: 29px;line-height: 1.1;font-family: 'Quicksand', sans-serif;text-shadow: none;}
#home-slide-5 .indicador2 {position: absolute;left: 13%;top: 55%;font-size: 110px;line-height: 1;color: #f9b617;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;/* text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; */}
#home-slide-5 .texto2 {position: absolute;left: calc(100% + 1em);top: 5%;font-size: 29px;line-height: 1.2;font-family: 'Quicksand', sans-serif;text-shadow: none;}
#home-slide-5 .indicador3 {position: absolute;top: 6%;right: 12.5%;font-size: 87px;color: #f9b617;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;/* text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; */}
#home-slide-5 .texto3 {position: absolute;right: 13%;top: 37%;font-size: 28px;line-height: 1;text-align: right;font-family: 'Quicksand', sans-serif;}
#home-slide-5 .indicador4 {position: absolute;top: 48%;right: 12.5%;font-size: 87px;color: #f9b617;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;/* text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; */}
#home-slide-5 .texto4 {position: absolute;right: 13%;top: 77%;font-size: 28px;font-family: 'Quicksand', sans-serif;}


#home-slide-6 {position: absolute;background-color: #004ba6;}
#home-slide-6 * {color: #fff;}
#home-slide-6 .vector {position: absolute;bottom: 0;left: 41%;height: 73%;}
#home-slide-6 .indicador1 {position: absolute;left: 13%;top: 9%;font-size: 150px;line-height: 1;color: #004ba6;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
#home-slide-6 .texto1 {position: absolute;left: 30%;top: 12%;font-size: 26px;line-height: 1.2;font-family: 'Quicksand', sans-serif;}
#home-slide-6 .indicador2 {position: absolute;left: 13%;top: 52%;font-size: 150px;line-height: 1;color: #004ba6;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
#home-slide-6 .texto2 {position: absolute;left: 30%;top: 55%;font-size: 26px;line-height: 1.2;font-family: 'Quicksand', sans-serif;}
#home-slide-6 .indicador3 {position: absolute;right: 13%;top: 30%;font-size: 150px;line-height: 1;color: #004ba6;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
#home-slide-6 .texto3 {position: absolute;right: 13%;top: 11%;font-size: 26px;line-height: 1.2;text-align: right;font-family: 'Quicksand', sans-serif;}



/*
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 {text-align: left;z-index: 2;}
.home h2.titulo-home {padding: 0 0 0 2%;}
.home h2.titulo-home span:after {border-color:#4fbdf0;}
h2.titulo-home span {position:relative;color: #4fbdf0;font-size: 36px;font-weight: 600;}
h2.titulo-home span:after {content:"";position:absolute;top:50%;left:110%;width:50px;border-bottom: 4px solid #4fbdf0;}
h2.titulo-home.titulo-home-blanco span {color:white;}
h2.titulo-home.titulo-home-blanco span:after {border-color:white;}
h2.titulo-home.centro {text-align:center;padding: 0;}
h2.titulo-home.centro span:after {content:unset;}

.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: 21px;right: 0;background-color: #00bfef;color: white;font-weight: bold;padding: 4px 8px 4px 12px;font-size: 12px;border-radius: 5px 0 0 5px;}
.item-listado {width: 860px;}
.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: 1px 6px;background-color: #00bfef;color: white;font-weight: bold;display: inline-block;font-size: 13px;line-height: 1.2;border-radius: 4px;margin: 4px 8px 6px 0;border: 2px solid #00bfef;}
.info .tagPrincipal {padding: 1px 6px;background-color: #00bfef;color: white;font-weight: bold;display: inline-block;font-size: 13px;line-height: 1.2;border-radius: 4px;margin: 4px 0 6px;border: 2px solid #00bfef;}
.info .ver-mas {display: block;text-transform: unset;/* color: white; */font-weight: bold;font-size: 12px;left: unset;bottom: unset;margin: 0;padding: 0;/* display: none; */background-color: unset;color: #2d715f;position: relative;}
.info .fecha {
    font-weight: bold;
    margin: 30px 0 0px 10px;
    font-size: 13px;
    line-height: 1.2;
    border: 2px solid #666;
    /* background-color: #eee; */
    display: inline-block;
    border-radius: 5px;
    padding: 1px 16px;
    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 > h2.titulo-home {
    margin: 0 0 1em;
}
.info .texto a {text-decoration: underline;text-underline-offset: 2px;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: none;
}
.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,
#eventos-pagina {text-align: center;padding:80px 0;background-color: #f0f0f0;}
#eventos-pagina {text-align: left;}
#eventos .evento,
#eventos-pagina .evento {display: inline-block;width: 30%;vertical-align: top;border-radius: 10px;margin: 15px;padding: 0;box-shadow: 3px 10px 20px 0 rgba(0,0,0,0.07);background-color: white;}
#eventos .evento .finalizado,
#eventos-pagina .evento .finalizado {display: none;}
#eventos .evento.finalizado .finalizado,
#eventos-pagina .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,
#eventos-pagina .evento .img {display:block;width: 100%;aspect-ratio: 16/9;background-size: cover;background-position: center;background-repeat: no-repeat;position:relative;border-radius: 10px 10px 0 0;/* border-top: 6px solid hsla(164, 43%, 31%, 1); *//* border-bottom: 4px solid hsl(192, 100%, 47%); */}
#eventos .evento .img .fecha,
#eventos-pagina .evento .img .fecha {position: absolute;top: unset;bottom: 0;right: unset;left: 10px;background-color: white;color: #00bfef;font-weight: bold;padding: 3px 10px;border-radius: 3px 0 0 0;font-size: 13px;}
#eventos .evento > .fecha,
#eventos-pagina .evento > .fecha {display:none;}
#eventos .evento img,
#eventos-pagina .evento img {display: block;margin:0 auto;max-width: 100%;max-height: 360px;width: auto;height: auto;}
#eventos .evento .info,
#eventos-pagina .evento .info {position: relative;width: 100%;top: unset;height: 130px;height: unset;left: unset;text-align: left;padding: 15px 19px;}
#eventos .evento .titulo,
#eventos-pagina .evento .titulo {padding: 0px;margin: 0 auto 11px;font-size: 14px;line-height: 17px;height: 51px;position: relative;width: auto;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
#eventos .evento .abstract,
#eventos-pagina .evento .abstract {margin:20px auto;padding: 0 20px;font-size: 13px;display: none;}
#eventos .evento .ver-mas,
#eventos-pagina .evento .ver-mas {display: block;text-transform: unset;/* color: white; */font-weight: bold;font-size: 12px;left: unset;bottom: unset;margin: 0;padding: 0;/* display: none; */background-color: unset;color: #2d715f;position: relative;}



/*
EVENTOS PAGINA LISTADO
*/



/*
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: right; *//* padding: 50px 0; */padding: 80px 0;}
#youtube-channel h2 {margin: 0 0 30px;padding: 0;}
#youtube-channel .video-youtube-home.primero {display: inline-block;margin: 0;position: absolute;left: 0;top: 0;width: 62%;}
#youtube-channel .video-youtube-home {display: block;width: 32%;margin: 10px 0 10px auto;aspect-ratio: 16/9;}



/*
MAPA
*/

#map,#mapLatam {height:450px;}
#map img[src="img/green-dot.svg"],
#map img[src="img/green-light-dot.svg"],
#map img[src="img/blue-dot.svg"],
#mapLatam img[src="img/green-dot.svg"],
#mapLatam img[src="img/green-light-dot.svg"],
#mapLatam 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,#referenciasLatam {margin:10px 0 0;}
#referencias p,#referenciasLatam p {font-size:15px;}
#referencias p img,#referenciasLatam p img {height:2em;}


/*
NOTICIAS SECCION EN HOME
*/


#noticias,
#noticias-pagina {text-align: center;padding:80px 0;background-color: #f0f0f0;}
#noticias-pagina {text-align: left;}
#noticias .noticia,
#noticias-pagina .noticia {display: inline-block;height: 270px;height: auto;margin: 15px;padding: 0;background-color: white;position: relative;width: 30%;border-radius: 10px;}
#noticias .noticia .img,
#noticias-pagina .noticia .img {width: 100%;aspect-ratio: 16/9;display:block;height: auto;background-size: cover;background-position: center;position:relative;border-radius: 10px 10px 0 0;}
#noticias .noticia .img .fecha,
#noticias-pagina .noticia .img .fecha {position: absolute;top: unset;bottom: 0;left: 10px;right: unset;background-color: white;color: #00bfef;font-weight: bold;padding: 3px 10px;border-radius: 3px 0 0 0;font-size: 13px;}
#noticias .noticia img,
#noticias-pagina .noticia img {display: block;margin:0 auto;max-width: 100%;max-height: 360px;width: auto;height: auto;}
#noticias .noticia .info,
#noticias-pagina .noticia .info {position: relative;width: 100%;top: unset;height: 130px;height: unset;left: unset;text-align: left;padding: 15px 20px;}
#noticias .noticia .info .municipio,
#noticias-pagina .noticia .info .municipio {padding: 1px 6px;background-color: #00bfef;color: white;font-weight: bold;display: inline-block;line-height: 1.2;font-size: 12px;border-radius: 4px;margin: 4px 8px 6px 0;}
#noticias .noticia .info .fecha,
#noticias-pagina .noticia .info .fecha {font-size:14px;font-weight:bold;margin: 0;color: hsla(192, 100%, 40%, 1);}
#noticias .noticia .info .tagPrincipal,
#noticias-pagina .noticia .info .tagPrincipal {padding: 1px 6px;background-color: #00bfef;color: white;font-weight: bold;display: inline-block;font-size: 12px;line-height: 1.2;border-radius: 4px;margin: 4px 0 6px;}
#noticias .noticia .info .titulo,
#noticias-pagina .noticia .info .titulo {padding: 0px;margin: 0 auto 11px;font-size: 14px;line-height: 17px;height: 51px;position: relative;width: auto;/* text-overflow: ellipsis; *//* height: 48px; *//* white-space: nowrap; *//* overflow: hidden; */display: -webkit-box;/* max-width: 100%; */-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
#noticias .noticia .info .titulo a,
#noticias-pagina .noticia .info .titulo a {/* text-overflow: ellipsis; */}
#noticias .noticia .info .abstract,
#noticias-pagina .noticia .info .abstract {margin:20px auto;padding: 0;font-size: 13px;display: none;}
#noticias .noticia .info .ver-mas,
#noticias-pagina .noticia .info .ver-mas {display: block;text-transform: unset;/* color: white; */font-weight: bold;font-size: 12px;left: unset;bottom: unset;margin: 0;padding: 0;/* display: none; */background-color: unset;color: #2d715f;position: relative;}



/*
NOTICIAS PAGINA LISTADO
*/
/*
#noticias-pagina {text-align: center;padding:50px 0;background-color: #f0f0f0;}
#noticias-pagina .noticia {display: block;height: 207px;margin: 20px auto 40px;padding: 0;background-color: white;position: relative;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);border-radius: 10px;}
#noticias-pagina .noticia .img {width: 368px;height: 100%;display:block;background-size: cover;background-position: center;position:relative;border-radius: 10px 0 0 10px;}
#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: calc(100% - 368px);top: 0;height: 100%;left: 368px;text-align: left;padding: 20px 20px 20px;}
#noticias-pagina .noticia .info .titulo {padding: 0px;margin: 15px auto;font-size: 14px;line-height: 17px;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,
#proyectos-pagina {text-align: center;padding:80px 0;background-color: #f0f0f0;}
#proyectos-pagina {text-align: left;}
#proyectos .proyecto,
#proyectos-pagina .proyecto {display: inline-block;width: 30%;vertical-align: top;margin: 15px;padding: 0;box-shadow: 3px 10px 20px 0 rgba(0,0,0,0.07);background-color: white;border-radius: 10px;}
#proyectos .proyecto .info,
#proyectos-pagina .proyecto .info {position: relative;width: 100%;top: unset;height: 130px;height: unset;left: 0%;text-align: left;padding: 15px 20px;}
#proyectos .proyecto .img,
#proyectos-pagina .proyecto .img {display:block;width: 100%;aspect-ratio: 16/9;background-size: cover;background-position: center;position:relative;border-radius: 10px 10px 0 0;}
#proyectos .proyecto .img .fecha,
#proyectos-pagina .proyecto .img .fecha {position: absolute;top: unset;bottom: 0;right: unset;left: 10px;background-color: white;color: #00bfef;font-weight: bold;padding: 3px 10px;border-radius: 3px 0 0 0;font-size: 13px;}
#proyectos .proyecto img,
#proyectos-pagina .proyecto img {display: block;margin:0 auto;max-width: 100%;max-height: 360px;width: auto;height: auto;}
#proyectos .proyecto .titulo,
#proyectos-pagina .proyecto .titulo {padding: 0px;margin: 0 auto 11px;font-size: 14px;line-height: 17px;height: 34px;position: relative;width: auto;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
#proyectos .proyecto .abstract,
#proyectos-pagina .proyecto .abstract {margin:20px auto;padding: 0 20px;font-size: 14px;line-height: 17px;height: 34px;margin: 0;padding: 0;margin: 0 auto 11px;width: 100%;}
#proyectos .proyecto .ver-mas,
#proyectos-pagina .proyecto .ver-mas {display: block;text-transform: unset;/* color: white; */font-weight: bold;font-size: 12px;left: unset;bottom: unset;margin: 0;padding: 0;/* display: none; */background-color: unset;color: #2d715f;position: relative;}



/*
CONTRATACIONES PAGINA LISTADO
*/


#contrataciones-pagina {text-align: center;padding:50px 0;background-color: #f0f0f0;}
#contrataciones-pagina .contratacion {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);}
#contrataciones-pagina .contratacion .img {width: 30%;height: 100%;display:block;background-size: cover;background-position: center;position:relative;}
#contrataciones-pagina .contratacion img {display: block;margin:0 auto;max-width: 100%;max-height: 360px;width: auto;height: auto;}
#contrataciones-pagina .contratacion .info {position: absolute;width: 70%;top: 0;height: 100%;left: 30%;text-align: left;padding: 20px 20px 20px;}
#contrataciones-pagina .contratacion .info .titulo {padding: 0px;margin: 15px auto;font-size: 18px;width: auto;}
#contrataciones-pagina .contratacion .info .abstract {margin:20px auto;padding: 0;font-size: 14px;}
/*
#contrataciones-pagina {text-align: center;padding:50px 0;background-color: #f0f0f0;}
#contrataciones-pagina .contratacion {display: inline-block;width: 40%;height: 150px;margin: 20px 2% 40px;padding: 0;background-color: white;position: relative;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
#contrataciones-pagina .contratacion .img {width: 30%;height: 100%;display:block;background-size: cover;background-position: center;position:relative;}
#contrataciones-pagina .contratacion img {display: block;margin:0 auto;max-width: 100%;max-height: 360px;width: auto;height: auto;}
#contrataciones-pagina .contratacion .fecha {padding: 3px 10px;background-color: #00bfef;color: white;font-weight: bold;height: auto;top: unset;margin: 0;border-radius: unset;border: unset;right: unset;}
#contrataciones-pagina .contratacion .info {position: absolute;width: 100%;top: 0;height: 100%;left: 0%;text-align: left;padding: 20px 20px 20px;}
#contrataciones-pagina .contratacion .info .titulo {padding: 0px;margin: 15px auto;font-size: 18px;width: auto;}
#contrataciones-pagina .contratacion .info .abstract {margin:20px auto;padding: 0;font-size: 14px;}
*/

/*
CONTRATACION AMPLIADA
*/


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


/*
FORESTACION DE ARBOLES
*/
#forestacion {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);}
#forestacion .container {/* padding: 80px 0; */}
#forestacion h2 {margin: 0 0 30px;}
#forestacion h2 span {/* background-color: unset; *//* color: white; */}
#forestacion h2 span:after {content:unset;}
#forestacion .municipio #contadorNum {vertical-align:middle;}
#forestacion #contadorNum {margin:0 0 30px;}
#forestacion #contadorNum * {vertical-align:middle;}
#forestacion #contadorNum div {display:inline-block;font-size: 46px;font-weight: bold;background-color: coral;padding: 0 10px;border-radius: 5px;}
#forestacion #contadorNum span {margin-left:10px;line-height: 1.1;display: inline-block;text-align: left;}
#forestacion .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;}
/*#forestacion .municipio:hover {background-color: hsl(164deg 43% 43%);}*/
#forestacion .municipio * {z-index:2;}
#forestacion .municipio .icon-arbol {/* font-size:40px; *//* color:hsl(164 43% 15% / 1); */}
#forestacion .municipio .icon-arbol img {height:40px;}
#forestacion .municipio .icon-mas {font-size:15px;color:#f7ba1d;position:absolute;top:7px;right:7px;transition:0.3s;}
#forestacion .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%);}
#forestacion .municipio:hover:after {content:"";height:130%;border-radius:25% 25% 0 0;transition:0.3s;}
#forestacion .municipio:hover .icon-mas {color:#16372e;transition:0.4s;}
#forestacion .municipio h4 {margin:10px 0 0;font-weight:bold;font-size: 20px;color: #f7ba1d;}
#forestacion .municipio p {margin: 5px 0 0;line-height: 1;font-size: 14px;color: hsl(164deg 67% 55%);font-weight: bold;color: #16372e;}
#forestacion .municipio p.fecha {/* font-weight: normal; */font-size: 70%;color: hsl(164deg 67% 19%);}
#forestacion #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 .ver-todos-home {border-color: hsl(164deg 43% 80%);color: white;cursor: pointer;}




/*
EUROCLIMAS PRODUCTO
*/


#euroclima_productos-pagina,
#euroclima_productos {text-align: left;padding:80px 0;background-color: #f0f0f0;}
#euroclima_productos-pagina .item-listado,
#euroclima_productos .item-listado {display: inline-block;height: 270px;height: auto;margin: 15px;padding: 0;background-color: white;position: relative;width: 30%;border-radius: 10px;}
#euroclima_productos-pagina .item-listado .img,
#euroclima_productos .item-listado .img {width: 100%;aspect-ratio: 16/9;display:block;height: auto;background-size: cover;background-position: center;position:relative;border-radius: 10px 10px 0 0;}
#euroclima_productos-pagina .item-listado .img .fecha,
#euroclima_productos .item-listado .img .fecha {position: absolute;top: unset;bottom: 0;left: 10px;right: unset;background-color: white;color: #00bfef;font-weight: bold;padding: 3px 10px;border-radius: 3px 0 0 0;font-size: 13px;}
#euroclima_productos-pagina .item-listado img,
#euroclima_productos .item-listado img {display: block;margin:0 auto;max-width: 100%;max-height: 360px;width: auto;height: auto;}
#euroclima_productos-pagina .item-listado .info,
#euroclima_productos .item-listado .info {position: relative;width: 100%;top: unset;height: 130px;height: unset;left: unset;text-align: left;padding: 15px 20px;}
#euroclima_productos-pagina .item-listado .info .municipio,
#euroclima_productos .item-listado .info .municipio {padding: 1px 6px;background-color: #00bfef;color: white;font-weight: bold;display: inline-block;line-height: 1.2;font-size: 12px;border-radius: 4px;margin: 4px 8px 6px 0;}
#euroclima_productos-pagina .item-listado .info .fecha,
#euroclima_productos .item-listado .info .fecha {font-size:14px;font-weight:bold;margin: 0;color: hsla(192, 100%, 40%, 1);}
#euroclima_productos-pagina .item-listado .info .tagPrincipal,
#euroclima_productos .item-listado .info .tagPrincipal {padding: 1px 6px;background-color: #00bfef;color: white;font-weight: bold;display: inline-block;font-size: 12px;line-height: 1.2;border-radius: 4px;margin: 4px 0 6px;}
#euroclima_productos-pagina .item-listado .info .titulo,
#euroclima_productos .item-listado .info .titulo {padding: 0px;margin: 0 auto 11px;font-size: 14px;line-height: 17px;height: 51px;position: relative;width: auto;/* text-overflow: ellipsis; *//* height: 48px; *//* white-space: nowrap; *//* overflow: hidden; */display: -webkit-box;/* max-width: 100%; */-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
#euroclima_productos-pagina .item-listado .info .titulo a,
#euroclima_productos .item-listado .info .titulo a {/* text-overflow: ellipsis; */}
#euroclima_productos-pagina .item-listado .info .abstract,
#euroclima_productos .item-listado .info .abstract {margin:20px auto;padding: 0;font-size: 13px;display: none;}
#euroclima_productos-pagina .item-listado .info .ver-mas,
#euroclima_productos .item-listado .info .ver-mas {display: block;text-transform: unset;/* color: white; */font-weight: bold;font-size: 12px;left: unset;bottom: unset;margin: 0;padding: 0;/* display: none; */background-color: unset;color: #2d715f;position: relative;}


/*
EUROCLIMA COMPONENTES
*/

#euroclima_componentes {padding: 4em 0;}
#euroclima_componentes .componente {display:inline-block;width: 19.2%;vertical-align: top;padding: 1em;background: #4fbdf0;margin-right: 1%;color: white;border-radius: 0.2em;text-align: center;}
#euroclima_componentes .componente:nth-of-type(5) {margin-right:0;}
#euroclima_componentes .componente p {margin:0;}

/*
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 0.5em;font-size: 23px;}
#forestacion-pagina h2 span {/* color: #f28050; */}
#forestacion-pagina h2 span:after {/* border-color:#f28050; */}
#forestacion-pagina h2+p {text-align:center;font-size: 100%;margin: 0 0 3em;color: #3197c7;}
#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: #6abbf1;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: white;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: #6abbf1;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: #666;padding: 4px 10px;font-size: 13px;border-radius: 13px;color: white;}
#forestacion-pagina #contadorNum #proyectosLink a:hover {background-color: hsl(16 100% 59% / 1);}
.texto-intro {text-align:center;padding: 0 0 20px;font-size:13px;margin: 0;/* background-color: #e0e0e0; */}
#forestacion-pagina #sorting {/* text-align:center; */margin: 0 0 0.5em 0.5em;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;text-underline-offset: 0.2em;}
#forestacion-pagina #sorting > a.on {/* background-color: #ccc; */text-decoration: underline;font-weight: bold;}
#forestacion-pagina #sorting > a:hover {/* background-color:#ddd; */text-decoration: underline;}
#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;max-height: 70vh;overflow-y: auto;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.3;font-size: 13px;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: 10px 0 0;font-weight: normal;line-height: 1.4;color: hsl(164deg 67% 19%);overflow-y: auto;height: 19vh;}
#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;text-align: center;border: 0;}
#forestacionEmpresasSticky .titulo-home span {/* background-color: #4051b5; */color: #444;font-size: 24px;}
#forestacionEmpresasSticky .titulo-home span:after {content:unset;}
#forestacionEmpresas {/* position:sticky; *//* bottom: 0; */z-index: 10;/* padding: 0px 0 100px; *//* overflow: hidden;height: 315px;*/text-align:center;background-color: #e0e0e0;/* box-shadow: 0px 0px 10px rgba(0,0,0,0.5); */}
#forestacionEmpresas .texto-intro {background-color: #e0e0e0;}
#forestacionEmpresas .container {padding: 0px 0 100px;overflow: hidden; max-height: 315px;}
#forestacionEmpresas::-webkit-scrollbar {width: 10px;}
#forestacionEmpresas::-webkit-scrollbar-track {}
#forestacionEmpresas::-webkit-scrollbar-thumb {background-color: hsl(0 0% 70% / 1);}
#forestacionEmpresas h3 {text-align:center;color:#265f50;margin: 0px 0 15px;text-transform: uppercase;}
#forestacionEmpresas .empresa {display: inline-block;position: relative;height: 140px;/* padding: 10px; */width: 250px;margin: 5px 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 img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: auto;height: auto;max-width: 90%;max-height: 80%;display: block;}
#forestacionEmpresas .empresa:hover {opacity:0.8;}
#forestacionEmpresas.open .container {max-height:900px;transition:0.5s;}
#forestacion-ver-todas {text-align:center;padding:20px 0 30px;background-color:#e0e0e0;}
#forestacion-ver-todas span {display:inline-block;background-color:hsl(231deg 48% 48%);color:white;padding:7px 15px;border-radius:30px;font-size:14px;cursor:pointer;font-weight:bold;}
#forestacion-ver-todas span:hover {background-color:hsl(231deg 48% 38%);}

#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;font-weight: bold;font-size: 16px;}
#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;}





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

#residuos-pagina #trash {position:relative;/* display: inline-block; */width:100px;height:120px;margin: 0 auto 10px;}
#residuos-pagina #trash svg {width: 100px;/* height: 140px; */display: inline-block;/* vertical-align: middle; */}
#residuos-pagina #trash #trash-arrows {position:absolute;top: 50%;left: 50%;transform: translateX(-50%);width: 40px;height: 40px;/* -webkit-animation: residuos-rotate 3s infinite linear; */-moz-animation: residuos-rotate 3s infinite linear;-o-animation: residuos-rotate 3s infinite linear;animation: residuos-rotate 3s infinite linear;transform-origin: center;}
@-webkit-keyframes residuos-rotate {from {-webkit-transform: left: 50%;transform: translateX(-50%) rotate(0deg);}to   {-webkit-transform: left: 50%;transform: translateX(-50%) rotate(359deg);}}
@-moz-keyframes residuos-rotate {from {-moz-transform: left: 50%;transform: translateX(-50%) rotate(0deg);}to {-moz-transform: left: 50%;transform: translateX(-50%) rotate(359deg);}}
@-o-keyframes residuos-rotate {from {-o-transform: left: 50%;transform: translateX(-50%) rotate(0deg);}to {-o-transform: left: 50%;transform: translateX(-50%) rotate(359deg);}}
@keyframes residuos-rotate {from {transform: left: 50%;transform: translateX(-50%) rotate(0deg);}to {transform: left: 50%;transform: translateX(-50%) rotate(359deg);}}

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

#residuosEmpresasSticky {position:sticky;bottom: -10px;text-align:center;padding: 7px 0 19px;z-index:10;background-color: #e0e0e0;cursor: pointer;transition: 0.2s;}
#residuosEmpresasSticky:hover {bottom:0;transition:0.2s;}
#residuosEmpresasSticky .titulo-home {border-bottom: 1px solid #ccc;}
#residuosEmpresasSticky .titulo-home span {background-color: #4051b5;}
#residuosEmpresas {/* position:sticky; *//* bottom: 0; */z-index: 10;/* padding: 0px 0 100px; *//* overflow: hidden;height: 315px;*/text-align:center;background-color: #e0e0e0;/* box-shadow: 0px 0px 10px rgba(0,0,0,0.5); */}
#residuosEmpresas .texto-intro {background-color: #e0e0e0;}
#residuosEmpresas .container {padding: 0px 0 100px;overflow: hidden; max-height: 315px;}
#residuosEmpresas::-webkit-scrollbar {width: 10px;}
#residuosEmpresas::-webkit-scrollbar-track {}
#residuosEmpresas::-webkit-scrollbar-thumb {background-color: hsl(0 0% 70% / 1);}
#residuosEmpresas h3 {text-align:center;color:#265f50;margin: 0px 0 15px;text-transform: uppercase;}
#residuosEmpresas .empresa {display: inline-block;position: relative;height: 140px;/* padding: 10px; */width: 250px;margin: 5px 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;}
#residuosEmpresas .empresa img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: auto;height: auto;max-width: 90%;max-height: 80%;display: block;}
#residuosEmpresas .empresa:hover {opacity:0.8;}
#residuosEmpresas.open .container {max-height:900px;transition:0.5s;}
#residuos-ver-todas {text-align:center;padding:20px 0 30px;background-color:#e0e0e0;}
#residuos-ver-todas span {display:inline-block;background-color:hsl(231deg 48% 48%);color:white;padding:7px 15px;border-radius:30px;font-size:14px;cursor:pointer;font-weight:bold;}
#residuos-ver-todas span:hover {background-color:hsl(231deg 48% 38%);}

#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;font-weight: bold;font-size: 16px;}
#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;}


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






/*
PROYECTOS PAGINA LISTADO
*/

/*
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,#mapaLatam {text-align: center;padding: 40px 0 80px;}
#mapa h2,#mapaLatam h2 {padding:0;}
#cant-municipios,#cant-municipiosLatam {font-size: 80%;/* position: absolute; */display: block;color: #4fbdf0;}
#cant-municipios > span.numero,#cant-municipiosLatam > span.numero {margin-left: 5px;font-weight:bold;display: inline-block;/* border: 3px solid #2d715f; */padding: 0;border-radius: 20px;/* font-size: 120%; *//* color: #4fbdf0; */display: inline-block;line-height: 1;}
#mapa h3,#mapaLatam h3 {}
#mapa h4,#mapaLatam h4 {font-size: 18px;font-weight: bold;margin: 0 0 20px;}
.listado-municipios {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;margin: 2em 0 2em;}
.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,#mapa-seccion-inscrustadoLatam {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); */padding: 30px 2% 0px;}
#sliders-pie .titulo-home span {/* background-color:white; */color: white;}
#sliders-pie .titulo-home span:after {/*content:unset;*/border-color:white;}

#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 1%;
	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 .mitad {width: 45%;position: relative;display: inline-block;vertical-align: middle;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 .mitad h2 {padding:0;}
#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,#footer #newsletter select {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 .container {padding:0 10px}
#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;text-align:center;}
#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  {
  position: relative;
  padding: 40px 0 0;
  /* float: left; */
  text-align: center;
  list-style-type: none;
}

#arbol ::before, #arbol ::after{
  /* content: ''; */
  position: absolute;
  top: 0;
  right: 50%;
  width: 50%;
  height: 40px;
  border-top: 1px solid #3d725e;
}

#arbol ::after{
  left: 50%;
  /* right: auto; */
  border-left: 1px solid #3d725e;
}

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

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

#arbol :last-child::before{
  /* border-right: 1px solid #3d725e; */
  /* border-radius: 0 5px 0 0; */
}

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

#arbol 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  a.director{
	font-size:12px;
	padding: 10px 15px;
	border-radius: 20px;
	background-color: #2d715f;
	color: white;
	border: 1px solid #2d715f;
}
#arbol  .primerNivel {padding: 8px 13px;font-size:11px;width: 19%;vertical-align: middle;position: relative;top: 15px;z-index: 1;}
#arbol span.linea-primerNivel {width:8%;display:inline-block;height:1px;background-color: #3d725e;position: relative;vertical-align: middle;top: 15px;}
#arbol .separadorVertical {display:block;width:1px;margin:0 auto;height:20px;background-color: #3d725e;}
#arbol .segundoNivel a {vertical-align:top;position:relative;margin: 29px 10px 0;}
#arbol .segundoNivel a > span {position:absolute;top: -30px;left: 50%;transform:translateX(-50%);height: 30px;width:1px;background-color: #3d725e;}
#arbol .segundoNivel a:before {content:"";position:absolute;right:50%;top: -30px;height: 1px;width: calc(50% + 10px);background-color: #3d725e;}
#arbol .segundoNivel a:after {content:"";position:absolute;left:50%;top: -30px;height: 1px;width: 70%;background-color: #3d725e;}
#arbol .segundoNivel a:nth-child(1):before {content:unset;}
#arbol .segundoNivel a:nth-child(1):after {height: 30px;border-top: 1px solid #3d725e;background-color: transparent;width: 70px;border-radius: 30px 0 0 0;}
#arbol .segundoNivel a:nth-child(5):after {width:70%;}
#arbol .segundoNivel a:nth-child(6):before {height: 30px;border-top: 1px solid #3d725e;border-right: 1px solid #3d725e;background-color: transparent;border-radius: 0 30px 0 0;width: 70px;}
#arbol .segundoNivel a:nth-child(6):after {content:unset;}

#arbol  a:hover, #arbol  a:hover+ul li a {
  color: #000;
  background-color: #eee;
}

#arbol a:hover+ul li::after, 
#arbol a:hover+ul li::before, 
#arbol a:hover+ul::before, 
#arbol 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-align: left;z-index: 2;color:#4fbdf0;}
#busqueda h2 span {position:relative;color: #4fbdf0;font-size: 36px;font-weight: 600;}
#busqueda h2 span u {text-underline-offset: 0.1em;}

#busqueda h3.titulo-busqueda {text-align:left;margin: 20px 0 10px;}



#busqueda-pagina {text-align: left;padding:80px 0;background-color: #f0f0f0;}
#busqueda .busqueda-item {display: inline-block;height: 270px;height: auto;margin: 15px;padding: 0;background-color: white;position: relative;width: 30%;border-radius: 10px;}
#busqueda .busqueda-item .img {width: 100%;aspect-ratio: 16/9;display:block;height: auto;background-size: cover;background-position: center;position:relative;border-radius: 10px 10px 0 0;}
#busqueda .busqueda-item .img .fecha {position: absolute;top: unset;bottom: 0;right: 0;background-color: #00bfef;color: white;font-weight: bold;padding: 3px 10px;border-radius: 3px 0 0 0;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: relative;width: 100%;top: unset;height: 130px;height: unset;left: unset;text-align: left;padding: 15px 20px;}
#busqueda .busqueda-item .info .municipio {padding: 1px 6px;background-color: #00bfef;color: white;font-weight: bold;display: inline-block;line-height: 1.2;font-size: 12px;border-radius: 4px;margin: 4px 8px 6px 0;}
#busqueda .busqueda-item .info .fecha {font-size:14px;font-weight:bold;margin: 0;color: hsla(192, 100%, 40%, 1);}
#busqueda .busqueda-item .info .tagPrincipal {padding: 1px 6px;background-color: #00bfef;color: white;font-weight: bold;display: inline-block;font-size: 12px;line-height: 1.2;border-radius: 4px;margin: 4px 0 6px;}
#busqueda .busqueda-item .info .titulo {padding: 0px;margin: 0 auto 11px;font-size: 14px;line-height: 17px;height: 51px;position: relative;width: auto;/* text-overflow: ellipsis; *//* height: 48px; *//* white-space: nowrap; *//* overflow: hidden; */display: -webkit-box;/* max-width: 100%; */-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
#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: unset;/* color: white; */font-weight: bold;font-size: 12px;left: unset;bottom: unset;margin: 0;padding: 0;/* display: none; */background-color: unset;color: #2d715f;position: relative;}

#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 .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 {
	}

	

}


/*
Mobile
*/
@media screen and (max-width: 768px){
	body {padding-top: 111px !important;}
	.visible-xs {display:block;}
	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: 13px;padding: 4px 16px;}
    #logo {}	
	.container {width: 100% !important;text-align: center;}
    h2.titulo-home span {font-size: 17px;}
	h2.titulo-home span:after {border-width: 2px;left: calc(100% + 1em);width: 3em;}
	.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;}
    
    #slideshow {height:38vw;}
    #slideshow .slider .slide {width:100%;}
    #home-slide-1 {}
	#home-slide-1 .vector {right: 0;height: 24.6vw;}
	#home-slide-1 .vector2 {width: 100%;}
	#home-slide-1 .indicador1 {font-size: 12vw;left: 5vw;top: 3vw;}
	#home-slide-1 .indicador2 {font-size: 10vw;left: 4.5vw;top: 16vw;}
	#home-slide-1 .texto1 {top: 4vw;left: 29vw;font-size: 3vw;line-height: 1;}
	#home-slide-1 .texto2 {top: 16vw;left: 20vw;font-size: 3vw;}
	#home-slide-1 .indicador3 {top: 28vw;left: 5vw;font-size: 6vw;}
	#home-slide-1 .texto3 {top: 27vw;right: unset;left: 18vw;font-size: 3vw;}
	#home-slide-1 .indicador4 {top: 4vw;right: 3vw;font-size: 3.3vw;}
	#home-slide-1 .texto4 {top: 8vw;right: 3vw;font-size: 3vw;}
	#home-slide-1 .texto5 {font-size: 3vw;right: 3vw;top: 19vw;width: 30%;text-align: right;line-height: 1.1;}
	#home-slide-1 .indicador5 {top: 14vw;right: 3vw;font-size: 3.3vw;}

	#home-slide-2 {}
	#home-slide-2 .vector {left: 28%;}
	#home-slide-2 .indicador1 {font-size: 20vw;left: 6%;top: 8%;}
	#home-slide-2 .indicador2 {font-size: 20vw;left: 68%;top: 45%;}
	#home-slide-2 .texto1 {left: 6%;top: 59%;font-size: 3.5vw;}
	#home-slide-2 .texto2 {font-size: 3vw;left: 80%;}
	#home-slide-2 .indicador3 {font-size: 11px;left: unset;right: 4%;top: 11%;}
	#home-slide-2 .texto3 {right: 4%;font-size: 2.5vw;}

	#home-slide-3 {}
	#home-slide-3 .vector {left: 36%;}
	#home-slide-3 .indicador1 {font-size: 17vw;left: 4%;}
	#home-slide-3 .indicador1 span {margin-left: 2px;}
	#home-slide-3 .indicador2 {font-size: 7vw;right: 5%;}
	#home-slide-3 .texto1 {left: 4.5%;font-size: 3vw;}
	#home-slide-3 .texto2 {right: 5%;font-size: 2.5vw;}
	#home-slide-3 .indicador3 {right: 5%;font-size: 7vw;}
	#home-slide-3 .texto3 {right: 5%;font-size: 2.5vw;}

	#home-slide-4 {}
	#home-slide-4 .vector {right: -3%;}
	#home-slide-4 .indicador1 {font-size: 13vw;left: 4%;}
	#home-slide-4 .indicador2 {font-size: 13vw;left: 4%;top: 34%;}
	#home-slide-4 .texto1 {font-size: 2.6vw;left: 29%;line-height: 1.2;}
	#home-slide-4 .texto2 {font-size: 2.6vw;left: 21%;top: 37%;line-height: 1.2;}
	#home-slide-4 .indicador3 {font-size: 13vw;left: 4%;}
	#home-slide-4 .texto3 {font-size: 2.6vw;left: 21%;line-height: 1.2;}

	#home-slide-5 {}
	#home-slide-5 .vector {left: 40%;}
	#home-slide-5 .indicador1 {font-size: 16vw;left: 3vw;}
	#home-slide-5 .texto1 {font-size: 3vw;}
	#home-slide-5 .indicador2 {font-size: 16vw;left: 3.5vw;}
	#home-slide-5 .texto2 {font-size: 3vw;left: 25%;}
	#home-slide-5 .indicador3 {font-size: 9vw;right: 6vw;letter-spacing: 0.03em;}
	#home-slide-5 .texto3 {font-size: 3vw;right: 6vw;}
	#home-slide-5 .indicador4 {font-size: 9vw;right: 6vw;top: 49%;letter-spacing: 0.03em;}
	#home-slide-5 .texto4 {font-size: 3vw;right: 6vw;}

	#home-slide-6 {}
	#home-slide-6 .vector {left: 39%;}
	#home-slide-6 .indicador1 {font-size:16vw;left:5%;}
	#home-slide-6 .texto1 {font-size:3vw;left: 25%;}
	#home-slide-6 .indicador2 {font-size:16vw;left:5%;}
	#home-slide-6 .texto2 {font-size:3vw;left: 25%;}
	#home-slide-6 .indicador3 {font-size:16vw;right:5%;}
	#home-slide-6 .texto3 {font-size:3vw;right: 5%;}

	#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;}

    #forestacion .municipio {margin:7px;max-width: 44%;min-width: 41%;padding: 20px 10px;}
	#forestacion .municipio:nth-child(5) {display:none;}

    /* COMMON */
    .seccion {min-height: unset;padding: 30px 0;}
    .seccion.home {}
	.seccion.home#noticias {padding: 40px 0;}
    .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: 12px !important;padding: 4px 8px 4px 12px !important;border-radius: 5px 0 0 0 !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: 100% !important;
		aspect-ratio: 16/9;
		height: auto !important;
		display: block !important;
		border-radius: 10px 10px 0 0 !important;
		background-size: cover !important;
		background-position: center !important;
		position: relative !important;
	}
    .item-listado {height: auto !important;margin: 20px auto !important;width: 100%;}
    .item-listado .info {padding: 12px !important;position: relative !important;top: unset !important;left: unset !important;width: 100% !important;margin: 0;}
    .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: 250px; */}
	#noticias .noticia .info {/* padding: 12px; */margin: 0;padding: 20px 20px 25px;}
	#noticias .noticia .info .fecha {font-size: 12px;padding: 3px 10px;}
	#noticias .noticia .info .titulo {font-size:15px;margin: 10px 0 0;height: auto;line-height: 18px;}
	#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: unset !important;}
	#noticias-pagina .noticia .info {padding: 12px;position: relative;display: block;top: unset;width: 100%;left: unset;height: unset;margin: 0;}
	
    #eventos {padding:10px;}
    #eventos .evento {width: 100%;display: block;margin: 10px 5px;}
	#eventos .evento .info {/* padding: 12px; */margin: 0;padding: 20px 20px 25px;}
    #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;height: auto;line-height: 18px;}
    #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 {display: block;width: 100%;margin: 15px 0;height: unset !important;}
	#eventos-pagina .evento .info {padding: 12px;position: relative;display: block;top: unset;width: 100%;left: unset;height: unset;margin: 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;}

	#euroclima_productos .producto {display: block;width: 100%;margin: 15px 0;/* height: 250px; */}
	#euroclima_productos .producto .info {/* padding: 12px; */margin: 0;padding: 20px 20px 25px;}
	#euroclima_productos .producto .info .fecha {font-size: 12px;padding: 3px 10px;}
	#euroclima_productos .producto .info .titulo {font-size:15px;margin: 10px 0 0;height: auto;line-height: 18px;}
	#euroclima_productos .producto .info .ver-mas {/* position:relative; *//* bottom: unset; *//* left: unset; *//* margin: 10px 0 10px; */}
   
    #euroclima_productos-pagina {padding:10px;}
    #euroclima_productos-pagina .producto {display: block;width: 100%;margin: 15px 0;height: unset !important;}
	#euroclima_productos-pagina .producto .info {padding: 12px;position: relative;display: block;top: unset;width: 100%;left: unset;height: unset;margin: 0;}
	
	
    #arbol {margin: 0 0 20px;}
    #arbol .primerNivel {width: 32%;font-size: 10px;padding: 10px 6px;top: 20px;}
	#arbol span.linea-primerNivel {width: 2%;top: 20px;}
	#arbol span.separadorVertical:nth-child(1) {display:none;}
	#arbol .segundoNivel a {width: 30%;margin: 29px 1% 0;}
	#arbol .segundoNivel a:nth-child(1) {}
	#arbol .segundoNivel a:nth-child(3):after {width: 70%;}
	#arbol .segundoNivel a:nth-child(4):before {width: 70%;}
	#arbol .segundoNivel a:nth-child(4),
	#arbol .segundoNivel a:nth-child(5),
	#arbol .segundoNivel a:nth-child(6) {margin-top:40px;}
	#arbol .segundoNivel a:nth-child(6) {}
	#arbol .segundoNivel a:nth-child(6):before {width: 50px;}

    #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: 47%;margin: 0 1%;/* 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;}
	#cant-municipios, #cant-municipiosLatam {text-align:left;}
    .listado-municipios {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        text-align: left;
    }
	#referencias p, #referenciasLatam p {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 #resumen {width:90%;margin:0 auto 1em;}
    #forestacion-pagina #contadorNum #proyectosLink {width: 80%;margin: 0 auto;}
	#forestacion-pagina #contadorNum #proyectosLink a {display:inline-block;margin:0.5em 0 0;}
	#forestacion-pagina h2 span {font-size:30px;}
    #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;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: 44%;}
    #proyectosAFinanciar .proyecto {width: 46%;margin: 5px;height: auto;text-align: left;}
    #proyectosAFinanciar .proyecto .masinfo {position:relative;bottom:unset;}
    #proyectosAFinanciar h4 {font-size: 18px;}
    #proyectosAFinanciar p {font-size:12px;}
}