.zonan, .zonab, .zonasel{position: absolute; width: 25px; height: 25px; background-size:contain; background-repeat: no-repeat;}
.zonan{background-image: url(/images/mapa/signo-negro.png)}
.zonab{background-image: url(/images/mapa/signo-blanco.png)}
.zonasel{background-image: url(/images/mapa/signo-naranja.png)}

.data{background-color: black; padding:40px; border: 2px solid rgba(255, 166, 0, 0.822); border-radius: 5px; color: white; display: none;}
.datit{font-size: 24px; font-weight: 800; padding-bottom:15px; border-bottom: 2px rgba(255, 166, 0, 0.822) solid; margin-bottom: 20px; text-align: center;}
.datex{font-family: 'Raleway', sans-serif;}
.datmi{font-weight: 600; padding-top: 20px; font-size: 15px;}
.datmi a{color: rgba(255, 166, 0, 0.822);}

/*
Ubicaciones para mapa 330px

#zona_n1{left:78px; top:9px}
#zona_n1{left:78px; top:9px}
#zona_n2{left:100px; top:22px}
#zona_n3{left:32px; top:170px}
#zona_n4{left:73px; top:93px}
#zona_n5{left:60px; top:545px}
#zona_n6{left:29px; top:329px}
#zona_n7{left:257px; top:317px}
#zona_n8{left:234px; top:264px}
#zona_n9{left:183px; top:222px}
#zona_n10{left:220px; top:180px}
#zona_n11{left:210px; top:71px}
#zona_n12{left:225px; top:127px}
#zona_n13{left:200px; top:236px}
#zona_n14{left:146px; top:60px}
#zona_n15{left:141px; top:90px}
#zona_n16{left:228px; top:284px}

*/

#mapa{position: relative;	padding: 90px 0px 50px;	background-color: black;}
#mapa h1{color: white;font-weight: 900 !important;}
/*.mapa{width: 300px; margin: 10px auto}*/
.contorno-zonas{fill:#FFFFFF;stroke:#000000;stroke-width:0.5;stroke-miterlimit:10;}
/*
.zona{fill:#E2C137;}
.zona-marker {cursor:pointer;}
.zona-marker:hover, .zona-marker:focus{fill:#FFFFFF;stroke:#000000;stroke-width:3;stroke-miterlimit:10;}
*/
#mapa h2{padding-top: 80px;}
@media only screen and (max-width: 768px) {
	#mapa h2{text-align: center; padding-bottom: 40px; padding-top: 0;}
}
@media only screen and (max-width: 992px) {
	#colmapatxt{top:-500px}
  #mapatit{text-align: center;}
}
#mapa .row {height: 811px;}
@media only screen and (min-width: 992px) {
  .btn-cerrar{display: none; background-color: white;}
	.mapadescmobile{display: none;}
	#mapa .row{height: 670px;position: relative;}
	#mapa .row .col{top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}
}
.btn-cerrar{bottom: 28px;position: relative;float:right;outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;color:#333}

.mapadescmobile{color: white;font-size: 35px;position: absolute;left:50%;top:60%;line-height: 38px;}