body { width: 100%; max-width: 1200px; margin: 0 auto; overflow: auto; }
#mapa img { width: 100%; }

#mapa{
	position: relative;
	font-family: Poppins, Arial, Helvetica;
}

#mapa .btn_punto{
	background-color: transparent;
	border: none;
}

#mapa .img_punto{
	width: 50px;
}

#mapa .txt_entidad{
	color: #004250;
    background-color: #D9E506;
    border-radius: 8px;
    font-weight: bold;
    padding: 8px;   
	margin-top: 5px;
}

#mapa button {
    cursor: pointer;
}

/*#mapa button:focus{ 
	outline: 3px solid #000000;
}*/

/******************************** PUNTOS INDIVIDUALES ********************************/

#mapa .pto_ii_galicia{
	position: absolute;
	left: 15%;
	top: 8%;
}

#mapa .pto_ii_asturias{
	position: absolute;
	left: 25%;
	top: 1%;
}

#mapa .pto_ii_cyl{
	position: absolute;
	left: 31%;
	top: 19%;
}

#mapa .pto_ii_madrid{
	position: absolute;
	left: 40%;
    top: 35%;	
}

#mapa .pto_ii_valencia{
	position: absolute;
	left: 57%;
	top: 45%;
}

#mapa .pto_ii_baleares{
	position: absolute;
	left: 79%;
	top: 47%;
}

#mapa .pto_ii_andalucia{
	position: absolute;
	left: 26%;
	top: 65%;
}

#mapa .pto_ii_murcia{
	position: absolute;
	left: 53%;
	top: 62%;
}

/****************************************************************************/
/******************************** RESPONSIVE ********************************/
/****************************************************************************/

@media screen and (max-width: 767px) {
	#mapa .img_punto{
		width: 12px;
	}
	
	#mapa .txt_entidad{
		font-size: 0.3rem;
		padding: 2px;
        margin-top: 2px;
	}
	
	#mapa .pto_ii_galicia{
		left: 11%;
	}

	#mapa .pto_ii_asturias{
		left: 22%;
	}

	#mapa .pto_ii_cyl{
		left: 28%;
	}

	#mapa .pto_ii_madrid{
		left: 36%;
	}

	#mapa .pto_ii_valencia{
		left: 53%;
	}

	#mapa .pto_ii_baleares{
		left: 75%;
	}

	#mapa .pto_ii_andalucia{
		left: 23%;
	}

	#mapa .pto_ii_murcia{
		left: 50%;
	}
}