* {
	margin: 0;
	box-sizing: border-box;
}

body {
	background: white;
	margin: 0 auto;
	border: #02814E 3px;
}


.mapadiv {
	box-sizing: content-box;
	margin: 0 auto;
	padding: 0;
	align-items: center;
	display: flex;
	justify-content: center;
	max-height: 100%;
	

}
.mapadiv__a{
	cursor: pointer;
	text-decoration: none;
	border: none;
	border-radius: 0px;
	padding: 0;
	margin: 0;
	margin-bottom: 0;
	width: 100%;
  }

.mapadiv__svg {
	/* display: block; */
	margin-bottom: 0;	
}

.mapadiv path {

	fill: #D9D9D9;
	stroke: #ffffff;
	stroke-width: 1.2px;
	transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	transform-origin: center center;
	z-index: 9999999999;

	/*cursor: pointer;	*/
}

.mapadiv :hover {
	/**fill: #02814E; */
	fill: #02814E;
	/** DEFINICION DE MOVIMIENTO DE LOS POLIGONOS DEL MAPA **/
	/** transform: scale(1.01);
	/**transform-origin: center center;*/
}

.land {

	fill: #d9d9d9;
	fill-opacity: 1;
	stroke: white;
	stroke-opacity: 1;
	stroke-width: 0.5;
}

#PE-LKT {
	fill: #1AD6D8;
}

#PE-HUC,
#PE-LAL,
#PE-ANC,
#PE-HUV,
#PE-PAS,
#PE-MOQ {
	fill: #E4E4E4;
}


@media(max-width: 1024px) {
	.subtitle-mapa {
		font-size: 1em;
	}
}

@media(max-width: 480px) {
	.content-map {
		display: block;
	}

	.left,
	.right {
		width: 100%;
		margin: auto;
	}
}

@media (min-width:960px) {
	.mapadiv {
		min-width: 1vmin;
	}
}

@media (width: 696px) {
	#map1{
		display: block;
		flex : box;
		/* margin-bottom: 0; */
		min-width: 200vw;
		 /* height: 792px; */
	}
	
}
/* 
@media (min-width: 516px) {
	#map1{
		
		min-width: 200vw;
	}
	
}


@media (min-width: 463px) {
	#map1{
		
		min-width: 200vw;
	}
	
}

@media (min-width: 421px) {
	#map1{
		
		min-width: 200vw;
	}
	
}
*/

/* @media (min-width: 36px) {
	#map1{
		
		min-width: 100vw;
	} 
	
}  */