/* CSS Document */



#map {
	border: 1px solid #fff;
		width: 50%;
		margin: auto;
		height: 450px;
		line-height: 100px !important;
		}

		.contienemapa {
		display: flex;
		flex-direction: row;
		}

		div#premap {


		}
div#locationContent {
    min-width: 270px;
}

a.masinfopop {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background-color: #666;
    color: #fff;
    text-decoration: none;
    padding: 3px;
}

.titulopop {
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 3px;
}

		img.popi {
			width: 70px;
			float: left;
			margin-right: 10px;
		}

		div#datos {
		width: 50%;
		display: flex;
		background-color: #ccc;
		align-items: center;
		align-content: center;
		flex-wrap: nowrap;
		justify-content: center;
		}

		img.iniciativa_mapa {
		/*width: 150px;*/
		}

.dato {
    display: flex;
    margin: 0;
    padding: 0;
    height: 100%;
    position: relative;
    border: 1px solid #fff;
    cursor: pointer;
    flex-direction: column;
    justify-content: flex-end;
    background-color: black;
    background-size: cover;
    background-blend-mode: luminosity;
}

img.iniciativa_mapa_1 {
    filter: grayscale(1);
    border: 0;
	transition: all 0.5s linear;
}

.dato:hover img.iniciativa_mapa_1 {
    filter:none;
    border: 0;
	transition: all 0.3s linear;
}

.dato.dato_activo img.iniciativa_mapa_1 {
    filter:none;
    border: 0;
	transition: all 0.3s linear;
}

.dato.dato_activo {
    background-blend-mode: normal;
}
span.cifra {
    display: block;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 10px;
}

.datob {
    margin: 10px;
    background-color: #00000066;
    padding: 10px;
    position: absolute;
    /* bottom: 2px; */
    width: -webkit-fill-available;
    text-align: center;
    font-size: 14px;
    color: #fff;
    top: 20px;
    opacity: 0;
    transition: all 0.3s linear;
    /* font-weight: 100; */
}

.dato.dato_activo .datob {
	opacity: 1;
	transition: all 0.3s linear;
	
}
	  
		.custom-clustericon {
		background: var(--cluster-color);
		color: #fff;
		border-radius: 100%;
		font-weight: bold;
		font-size: 15px;
		display: flex;
		align-items: center;
		}

		.custom-clustericon::before,
		.custom-clustericon::after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		transform: translate(-50%, -50%);
		top: 50%;
		left: 50%;
		background: var(--cluster-color);
		opacity: 0.2;
		border-radius: 100%;
		}

		.custom-clustericon::before {
		padding: 7px;
		}

		.custom-clustericon::after {
		padding: 14px;
		}

		.custom-clustericon-1 {
		--cluster-color: #007c8d9e;
		}

		.custom-clustericon-2 {
		--cluster-color: #2d8185;
		}

		.custom-clustericon-3 {
		--cluster-color: #007c8d;
		}