#contenedor_mapa{
	position: relative;
	margin-bottom: 10px;	
}
#contenedor_mapa .map_image {         
   list-style: none !important;            
}    

#contenedor_mapa .map_image .map_link {position: absolute; text-indent: -999em; overflow: hidden; background: url('../img/chincheta_off.png') no-repeat center center transparent;}
#contenedor_mapa .map_image #map_link02 {	width:13%; height: 10%; top: 3%;  left: 61%; } /*bermeo*/
#contenedor_mapa .map_image #map_link01 { width:13%; height: 10%; top: 48%; left: 17%; } /*balmaseda*/
#contenedor_mapa .map_image #map_link03 {	width:13%; height: 10%; top: 35%; left: 43%; } /*bilbao*/
#contenedor_mapa .map_image #map_link04 {	width:13%; height: 10%; top: 53%; left: 68%; } /*durango*/
#contenedor_mapa .map_image #map_link05 {	width:13%; height: 10%; top: 50%; left: 81%; } /*ermua*/
#contenedor_mapa .map_image #map_link06 {	width:13%; height: 10%; top: 25%; left: 64%; } /*gernika*/
#contenedor_mapa .map_image #map_link07 {	width:13%; height: 10%; top: 42%; left: -5%; } /*lanestosa*/
#contenedor_mapa .map_image #map_link08 {	width:13%; height: 10%; top: 13%; left: 80%; } /*lekeitio*/
#contenedor_mapa .map_image #map_link09 {	width:13%; height: 10%; top: 33%; left: 81%; } /*markina*/
#contenedor_mapa .map_image #map_link10 {	width:13%; height: 10%; top: 22%; left: 87%; } /*ondarroa*/
#contenedor_mapa .map_image #map_link11 {	width:13%; height: 10%; top: 87%; left: 34%; } /*orduña*/
#contenedor_mapa .map_image #map_link12 {	width:13%; height: 10%; top: 79%; left: 67%; } /*otxandio*/
#contenedor_mapa .map_image #map_link13 {	width:13%; height: 10%; top: 4%;  left: 41%; } /*plentzia*/
#contenedor_mapa .map_image #map_link14 {	width:13%; height: 10%; top: 23%; left: 34%; } /*portugalete*/
    
    
#contenedor_mapa .map_image li a.zona_focus{ background: url('../img/chincheta_on.png') no-repeat center center transparent;}

#contenedor_mapa .map_image li a.zona_activa{
	text-indent: 0 !important; 	
	text-align: center;
	font-size: 100%;	
	width:13%;
	height: auto !important;
	padding-top: 4%;
	color: white !important;
	font-weight: bold;
	background-color: #66aee5;
	background-image: url('../img/chincheta_on.png');
	background-position: top center;
	background-repeat: no-repeat; 
	background-size: 30%;
	text-decoration: none;
}



.listaPueblos>li{
   border-bottom: 1px solid #66aee5;
}

.listaPueblos>li:first-child{
    border-top: 1px solid #66aee5;    
}

.listaPueblos h4:before{
	content:none!important;
}

#contenido_editado .listaPueblos>li h4{
	margin-top: 5px;
	margin-bottom: 5px;
   background: url('../img/chincheta_off.png') no-repeat left center !important;   
   padding: 10px 0px 10px 40px !important;
   vertical-align: text-bottom !important;
}

#contenido_editado .listaPueblos>li h4.zona_activa{
	background: url('../img/chincheta_on.png') no-repeat left center !important;   
	background-color: #66aee5 !important;
}


#contenido_editado .listaPueblos>li h4.zona_activa a{
	color: white !important;
	font-weight: bold;
}

.listaPueblos h4 a{
    font-family: verdana, arial, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    color: black;
}
.listaPueblos h4 a:hover, .listaPueblos h4 a:focus{
    text-decoration: underline;
}
#listaIzda{
	padding-left: 0 !important;
}
#listaIzda>li{
	margin-right:10% !important;	
}
.sublista{
    list-style-type: none;    
    border: 1px solid #66aee5;
    overflow:auto;
    margin-left:0 !important;
}
.listaPueblos .sublista li.cartografia{
	margin: 2px 0 !important;
	padding: 5px;	
	float: left;
	width: 40%;
   border: none;
   list-style-image: url('../img/icono_cartografia1.jpg');   
   border-right: 1px solid #666;

}

.listaPueblos .sublista li.ortofoto{
	padding: 5px;
	margin: 0 !important;
   float: right;
   width: 40%;
   border: none;
   list-style-image: url('../img/icono_ortofoto.jpg');   
}

li.cartografia a, li.ortofoto a{
	text-decoration: none;
	color: black;
	vertical-align: super;
}
li.cartografia a:hover, li.cartografia a:focus, li.ortofoto a:hover, li.ortofoto a:focus{
	text-decoration: underline;
	color:black;
}

#mapas_antiguos{
	background: url('../img/icoImg_multiple.gif') no-repeat left center transparent;
	padding-left: 28px;
	margin-left: -7px;
}

ul#antiguos>li{
	float: left;
	width: 40%;
	margin-left: 5% !important;
}
#contenedor_mapa img{
		height: auto;		
		width: 100%;
		position: relative;
	}
/*********************/
/* pantallas grandes */
/*********************/
@media only screen and (min-width: 768px) {
	#contenedor_mapa{
   	width: 80%; 
   	margin: auto;
	}
	#contenedor_mapa img{
		height: auto;		
		width: 100%;
		position: relative;
	}
	#listaIzda{
   	list-style: none !important;
   	width: 44%;
   	float:left;
   	border-right: 1px solid #66aee5;
	}

	#listaDcha{
   	list-style: none !important;
   	width: 42%;
    	float:right;    
	}

 	#contenedor_mapa .map_image .map_link{background-size: 35%;}

}

/*********************/
/******landscape******/
/*********************/
@media only screen and (min-width : 480px) and (max-width : 767px) {
	#contenedor_mapa{		
   	width: 90%; 
   	margin:auto;
	}
	#contenedor_mapa img{
		height: auto;
		width: 100%;
		max-width: 100%;
		position: relative;
	}
	#listaIzda, #listaDcha{
   	width: 100%;
   	float:none;
   	border: none;
   	list-style: none !important;
	}

	#contenedor_mapa .map_image .map_link{background-size: 50%;}
	
	#listaDcha{
		padding-left: 0 !important;
	}

	#listaDcha>li:first-child{
    border-top: none;    
	}

}


/*********************/
/******portrait*******/
/*********************/
@media only screen and (min-width : 240px) and (max-width: 479px) {
	#contenedor_mapa{
   	width: 99%;
	}
	#contenedor_mapa .map_image {  
		height:0;
	}

	#contenedor_mapa img{
		height: auto;
		width: auto;
		max-width: 99%;
		position: relative;
	}
	#listaIzda, #listaDcha{
   	width: 100%;
   	float:none;
   	border: none;
   	list-style: none !important;
	}
	#contenedor_mapa .map_image .map_link{background-size: 50%;}

	#listaDcha{
		padding-left: 0 !important;
	}

	#listaDcha>li:first-child{
    border-top: none;    
	}

	#contenedor_mapa .map_image li a.zona_activa{
		width: 19% !important;
		font-size: 80%;
		background-size: 30%;
	}

	#contenedor_mapa .map_image li a.zona_focus{
		background-size: 30%;
	}

}

*:first-child+html #contenedor_mapa .map_image li{         
	list-style-image: none !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
}

*:first-child+html #contenedor_mapa .map_image { 
height: 0!important;
	}