/* MAPA REGIONES */
.regiones{ background: #f5f5f5 -50% center no-repeat; background-attachment: fixed; background-size:70% auto  }
#maparegiones{ position: relative; width: 100%; height: auto; min-height: 960px; max-width: 460px; margin: 0px auto;}
	#maparegiones a{ position: absolute; z-index: 1;}
		#maparegiones a.reg5{width: 43.69%; left: 9.13%; top: 0}
		#maparegiones a.reg4{width: 56.73%; left: 41.52%;top:1.97% }
		#maparegiones a.reg2{width: 22.60%; left: 30.10%;top: 23.02%}
		#maparegiones a.reg3{width: 31.73%; left: 4.78%;top: 18.12% }
		#maparegiones a.reg1{width: 37.17%; left: 40.21%;top: 34.58% }
		#maparegiones a.reg6{width: 43.91%; left: 1px;top: 39.58%;}
		#maparegiones a.reg7{width: 52.82%; left: 0%;top:63.58%}
		#maparegiones a.reg5:hover{transform: scale(1.1); z-index: 2;}
		#maparegiones a.reg4:hover{transform: scale(1.1); z-index: 2;}
		#maparegiones a.reg2:hover{transform: scale(1.1); z-index: 2;}
		#maparegiones a.reg3:hover{transform: scale(1.1); z-index: 2;}
		#maparegiones a.reg1:hover{transform: scale(1.1); z-index: 2;}
		#maparegiones a.reg6:hover{transform: scale(1.1); z-index: 2;}
		#maparegiones a.reg7:hover{transform: scale(1.1); z-index: 2;}
			#maparegiones a img{width: 100%; height: auto;}
			#maparegiones a span{width: 40px; height: 40px; position: absolute; left: 50%; top: 30%;transform: translateX(-50%);
			 z-index: 10; background-color: #672529; border-radius:50rem; color: #fff; font-size: 24px; white-space: nowrap; font-weight: 700; line-height: 40px; text-align: center;}

@media (max-width: 767px) {
	#maparegiones{ position: relative; width: 100%; height: auto; min-height: 630px; max-width: 300px;}
}
.lista-regiones{ width: 100%;}
	.lista-regiones li{width: 100%; display: block;border-bottom: 1px solid #672529; padding: 10px 0; margin-bottom: 5px 0}
		.lista-regiones li a{width: 100%; display: block; color: #672529; font-size: 20px; font-weight: 700; display: block; white-space: nowrap; padding: 0px 0; }
			.lista-regiones li a span{width: 40px; height: 40px;background-color: #672529; border-radius:50rem; color: #fff; font-size: 24px; white-space: nowrap; font-weight: 700; line-height: 40px; text-align: center; margin-right: 10px; display: inline-block;}

		.lista-regiones li:hover a,.lista-regiones li a:hover {color: #fff; border-radius:50rem;}
			.lista-regiones li a span{width: 40px; height: 40px;background-color: #672529; border-radius:50rem; color: #fff; font-size: 24px; white-space: nowrap; font-weight: 700; line-height: 40px; text-align: center; margin-right: 10px; display: inline-block;}