b {font-weight:bold;}
.seccion {min-height: unset;}

#slideshow {position: relative;width: 100%;height: 450px;padding: 0px;/* overflow: hidden; */margin: 0px auto 50px;}
#slideshow .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: cover;}
#slideshow .slider.on {opacity: 1; z-index: 2; }
#slideshow .btns {position: absolute;z-index: 5;display:  inline-block;text-align: center;left: 50%;transform: translateX(-50%);bottom: 10px;}
#slideshow .btn {border: solid thin #ADADAD;width: 12px;height: 12px;padding: 0;border-radius: 10px;margin: 0 4px;/* box-shadow: 0px 0px 1px .000; */transition: background 0.5s;background: #fff;cursor: pointer;}
#slideshow .btn:hover {background-color: #aaa;}
#slideshow .btn.on {background: #434344; }
#slideshow .contenido {
	color: white;
	margin: 90px auto 0;
}
#slideshow .contenido .guion {
	width: 30px;
	border-bottom: 3px solid #ffcb0b;
	margin:0 0 10px;
}
#slideshow .contenido h4 {
	font-size: 17px;
	margin: 0;
	background-color: #ffcb0b;
	display: inline-block;
	padding: 3px 76px 3px 6px;
}
#slideshow .contenido h3 {
    font-size: 68px;
    font-weight: 400;
    letter-spacing: 0.03em;
    margin: 5px 0 0;
    text-shadow: 0px 0px 10px hsl(211 89% 5% / 0.6);
}
#slideshow .contenido p {font-weight:bold;margin: 0;}
#slideshow .contenido .cta {margin:20px 0 0;}
#slideshow .contenido .cta > *{
	padding: 8px 20px;
	font-weight: bold;
	border-radius: 10px;
	font-size: 15px;
	margin-right: 8px;
	display: inline-block;
}
#slideshow .contenido .cta > .primary{
	background-color: #ffcb0b;
	color: white;
	border: 3px solid #ffcb0b;
}
#slideshow .contenido .cta > .secondary{
	box-sizing: border-box;
	border: 3px solid #ffcb0b;
	color: #ffcb0b;
}

.amarillo {color: #faab00;font-weight:bold;}

.space {height: 100px;}
.half {
	display: inline-block;
	width: 49%;
	vertical-align: top;
	padding: 10px;
}
.half img {
	width: 100%;
}
.half .autor {
	text-transform: uppercase;
	color:#43ae21;
	display: block;

}
.centered {
	text-align: center;
}

img.huella {width: 60px;}

#tags {text-align: center;margin: 0 auto;}
.titulo-home+p {/* width: 60%; *//* margin:20px auto 0; *//* text-align: center; */}
.tag {
	display: inline-block;
	width: 27%;
	margin: 60px 20px 0;
	border: 3px solid #607D8B;
	color: #607D8B;
	border-radius: 10px;
	padding: 20px 20px;
	vertical-align: top;
	text-align: left;
	height: 400px;
	line-height: 1.4;
	overflow-y: auto;
	background-color: hsla(200, 18%, 97%, 1);
}
.tag::-webkit-scrollbar {width: 1em;}
.tag::-webkit-scrollbar-track {/*box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/}
.tag::-webkit-scrollbar-thumb {background-color: #607D8B;outline: 1px solid #607D8B;}

.tag h4 {
	margin: 0 0 20px;
	font-size: 22px;
	font-weight: bold;
}
.tag p {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
}
.tag .rueda {
	display:block;
	margin:0 auto 20px;
}
.tag img.item-img {
	width:1rem;
	position:relative;
	top:-1px;
}


#mapa {}
#mapa .listado-final-mapa {margin: 0 0 30px;position: relative;display: inline-block;text-align: left;width: 40%;margin: 0 2.5%;vertical-align:top;max-height: 200px;overflow: hidden;}
#mapa .listado-final-mapa .item-img {width: 1rem;position: relative;top: -1px;}
#mapa .listado-final-mapa h3 {color:#2e705f;}
#mapa .listado-final-mapa .item-modal {font-size: 13px;cursor: pointer;position: relative;padding: 3px 10px;border-radius: 5px;max-height: 100px;border: 2px solid transparent;transition: 0.3s;}
#mapa .listado-final-mapa .item-modal.on {border: 2px solid #ffcb0b;/* background-color: #fafafa; */transition: 0.5s;max-height: 400px;padding: 10px;margin: 0 0 10px;}
#mapa .listado-final-mapa .item-modal:hover {background-color:#e0e0e0;}
#mapa .listado-final-mapa .item-modal.on:hover {background-color: unset;}
#mapa .listado-final-mapa .item-modal .itemInfo {position: static;top: 100%;left: 0px;/* background-color:white; */opacity: 0;/* padding: 10px 0; */margin: 10px 0 0;border-radius: 5px;/* border: 2px solid; */z-index: 1;/* box-shadow: 0px 0px 10px rgba(0,0,0,0.3); */width: 100%;}
#mapa .listado-final-mapa .item-modal .itemInfo.on {opacity: 1;transition:0.3s;}
#mapa .listado-final-mapa .item-modal .cerrar {position: absolute;top: 10px;right:10px;z-index: 10;}
#mapa .listado-final-mapa .item-modal .cerrar:hover {opacity: 0.7;}
#mapa .listado-final-mapa .item-modal #img {width: auto;height: 80px;margin: 0 0 10px;}
#mapa .listado-final-mapa .item-modal #empLinks {margin: 10px 0;}
#mapa .listado-final-mapa .item-modal #empLinks a {font-size: 17px;margin-right: 10px;z-index: 10;position: relative;}
#mapa .listado-final-mapa .item-modal #empLinks a:hover {opacity:0.7;}
#mapa.listado-completo .listado-final-mapa {max-height: 3000px;transition: 0.8s;}
#mapa.listado-completo #listado-ver-todos {visibility: hidden;opacity: 0;transition: 0.3s;}
#mapa #listado-ver-todos {position: relative;display: inline-block;margin: 30px 0 0;text-transform: uppercase;font-size: 13px;font-weight: bold;cursor: pointer;border: 3px solid #2d715f;padding: 1px 11px 0px 11px;border-radius: 20px;color: #2d715f;background-size: 100% 200%;background-image: linear-gradient(to bottom, transparent 50%, #2d715f 50%);}
#mapa #listado-ver-todos:hover {
    background-position: 0 101%;
    transition: 0.3s;
    color: white;
}
#mapa .localidadMark #info {margin:0;}
#mapa #cartel {padding: 5px 5px 0;}
.localidadMark #img {
    width: unset;
    height: unset;
    background-size: contain;
}
.localidadMark #img.on {
    width: 120px;
    height: 100px;
    margin-right:10px;
}

#separadora-contacto {
	background-image:url(../img/eolicas.jpg);
	height: 250px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#resultados-esperados {}
#resultados-esperados p {width: 80%;margin: 0 auto 15px;}
#resultados-esperados p svg {color:#2d715f;font-size:130%;position:relative;top:1px;}
.icono-box {
	width: 2em;
	display: inline-block;
	text-align: center;
	/* vertical-align: middle; */
}
.icono {
	width: auto;
	height: auto;
	max-height: 1.3em;
	max-width: 1.3em;
	display: inline-block;
	vertical-align: middle;
}

#logos {}
#logos p {
	font-weight: bold;
	font-style: italic;
	text-align: center;
	margin: 0 0 30px;
}


#mapa {
	text-align: center;
}
#mapa > div {
	display: inline-block;
	width: 30%;
	padding-right: 2%;
	vertical-align: top;
	text-align: left;
}
#mapa > div img {
	height: 70vh;
	width: auto;
}






#pie {
	text-align:center;
}
#pie > img {
	width:100px;
	margin:40px 0 30px;
}
#pie p {
	font-size:14px;
	font-weight:bold
}
#pie p .verde {
	color:#ffcb0b;
}
#pie #bordeVerde {
	background-color:#ffcb0b;
	height:40px;
	margin-top: 30px;
}

#grafico {text-align: center;position: relative;min-height: 320px;}
#grafico img {
	position: absolute;
	top: 50px;
	left: 50%;
	width: 40%;
	transform: translateX(-50%);
}
#grafico h3 {
	color: #ffcb0b;
	font-weight: bold;
	font-size: 25px;
	margin: 0;
	top: 17px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
#grafico h4#trabajo-ambiental{
	position: absolute;
	top: 40px;
	right: 65%;
	text-align: right;
	font-size: 17px;
	font-weight: bold;
	color: #ffcb0b;
}
#grafico h4#trabajo-decente{
	position: absolute;
	top: 40px;
	left: 65%;
	text-align: left;
	font-size: 17px;
	font-weight: bold;
	color: #ebd10f;
}
#grafico #items-trabajo-ambiental {
	position: absolute;
	top: 70px;
	left: 3%;
	width: 25%;
	text-align: right;
}
#grafico #items-trabajo-ambiental img {
	margin:0 0 0 10px;
}
#grafico #items-trabajo-decente {
	position: absolute;
	top: 70px;
	right: 3%;
	width: 25%;
	text-align: left;
}
#grafico #items-trabajo-decente img {
	margin:0 10px 0 0;
}
#grafico table tr td {padding:5px 0;font-size: 15px;width: auto;}
#grafico .item-img {width: 30px;position: relative;top: unset;left: unset;transform: unset;}


/*#noticias {background-color:white;}*/
#firma {text-align: center;}
#firma img {
	max-width: 290px;
	max-height: 140px;
	margin: 20px;
}



@media screen and (max-width:768px){
	#slideshow .contenido .guion {
		margin: 0 auto 30px;
	}
	#slideshow .contenido h4 {
		text-align:center;
		/* display: block; */
		/* width: auto; */
		margin: 0 auto 20px;
		padding: 5px 8px;
	}
	#slideshow .contenido h3 {
		font-size:30px;
	}
	#slideshow .contenido {margin: 30px auto 0;}
	#slideshow .contenido .cta > * {margin-bottom:10px;}
	#slideshow .contenido .cta > .secondary {color:white;border:3px white solid;}

	#intro p {
		text-align:left;
	}
	.half {
		display: block;
		width: 100%;
	}


	#mapa {
		text-align: center;
	}
	#mapa > div {
		display: block;
		width: 100%;
		text-align: center;
		padding:0 10px;
	}
	#mapa > div img {
		height: 50vh;
	}

	#edificios-objetivos {}
	#edificios-objetivos p {
		text-align:left;
	}

	#logos {
		padding:0 10px;
	}

	.tag {
		height: auto;
		width: 90%;
		margin: 0 0 40px;
	}
	.space {height: 20px;}
	
    #mapa .listado-final-mapa {display:block;width:100%;margin-bottom:30px;}
    #mapa #listado-ver-todos {margin: 10px 0 0;}

    #noticias .noticia .info .ver-mas {
    	display:none;
    }
    #noticias .noticia .municipio,#noticias .noticia .tagPrincipal {
        font-size: 11px !IMPORTANT;
        padding: 2px 10px 1px !important;
        margin-right: 6px;
    }
    #noticias .noticia .info .titulo {
    	/* font-size: 15px; */
    }
    #noticias .noticia .fecha {
        font-size: 10px !important;
        padding: 4px 8px 4px 12px !important;
    }

	#eventos .container {padding: 0;}
    #eventos .evento .ver-mas {
    	display:none;
    }
    #eventos .evento .municipio{
        font-size: 11px !IMPORTANT;
        padding: 2px 10px 1px !important;
        margin-right: 6px;
    }
    #eventos .evento .titulo {
    	/* margin:0; */
    	/* font-size: 15px; */
    }
    #eventos .evento .fecha {
        font-size: 10px !important;
        padding: 4px 8px 4px 12px !important;
    }

}