/*proprietà in comune tra tutte le regioni*/
.mappa-iti-regione
{
	float:left;
	width:330px;
	height:300px;
	margin:10px 0 0 0;
	clear:left;
}

ul.mappa-iti-regione li 
{
	float: left;
	position: relative;
}

ul.mappa-iti-regione li a 
{
	border-radius: 50% 50% 50% 50%;
	float: left;
	position: relative;
}




/*******REGIONE*********
*********CALABRIA*********/

.mappa-iti-regione-calabria
{
	background:url(../images/itinerari/cartina_calabria.jpg) no-repeat;
}

/*aree linkabili calabria*/
.li-cerchio-rosso-calabria
{
	height: 64px;
	margin:5px 2px 0 117px;
	width:64px;
}

	a.cerchio-rosso-calabria
	{
		height: 64px;
		width: 64px;
		z-index:1;
	}

		a.cerchio-rosso-calabria:hover
		{
			background:red;
			z-index:10;
		}

.li-cerchio-giallo-calabria
{
	height: 50px;
	margin: 29px 0px 0px 0px;
	width: 50px;
}

	a.cerchio-giallo-calabria
	{
		height: 50px;
		width: 50px;
	}

		a.cerchio-giallo-calabria:hover
		{
			background:#FFE850;
			z-index:10;
		}

.li-cerchio-azzurro-calabria
{
	height: 107px;
	margin: 158px 0 0 -214px;
	width: 107px;
}

	a.cerchio-azzurro-calabria
	{
		height: 107px;
		width: 107px;
		z-index: 3;
		border:1px solid #C5F5FF;
	}

		a.cerchio-azzurro-calabria:hover
		{
			background:#C5F5FF;
			z-index:10;
		}

.li-cerchio-arancio-calabria
{
	height: 46px;
	margin: 145px 0px 0px -134px;
	width: 46px;
}

	a.cerchio-arancio-calabria
	{
		height: 46px;
		width: 46px;
		z-index:5;
	}

		a.cerchio-arancio-calabria:hover
		{
			background:#FEC182;
			z-index:10;
		}

.li-cerchio-rosa-calabria
{
	height: 60px;
	margin: 58px 0 0 -88px;
	width: 60px;
}

	a.cerchio-rosa-calabria
	{
		height: 60px;
		width: 60px;
		z-index: 2;
	}

		a.cerchio-rosa-calabria:hover
		{
			background:#FFD4ED;
			z-index:10;
		}

.li-cerchio-viola-calabria
{
	height: 58px;
	margin: 159px 0 0 -122px;
	width: 58px;
}

	a.cerchio-viola-calabria
	{
		height: 58px;
		width: 58px;
		z-index: 3;
	}


		a.cerchio-viola-calabria:hover
		{
			background:#CD9FED;
			z-index:10;
		}

.li-cerchio-verde-calabria
{
	height: 77px;
	margin: 120px 0px 0 -46px;
	width: 77px;
}

	a.cerchio-verde-calabria
	{
		height: 77px;
		width: 77px;
		z-index: 1;
	}

		a.cerchio-verde-calabria:hover
		{
			background:#BBFF9A;
			z-index:10;
		}

.li-cerchio-ciano-calabria
{
	height: 50px;
	margin: -24px 0 0 179px;
	width: 50px;
}

	a.cerchio-ciano-calabria
	{
		height: 50px;
		width: 50px;
		z-index: 1;
	}

		a.cerchio-ciano-calabria:hover
		{
			background:#7FAEB8;
			z-index:10;
		}

.li-cerchio-marro-calabria
{
	height: 83px;
	margin: -46px 0px 0 211px;
	width: 83px;
}

	a.cerchio-marro-calabria
	{
		height: 83px;
		width: 83px;
		z-index: 1;
	}

		a.cerchio-marro-calabria:hover
		{
			background:#F0D6C5;
			z-index:10;
		}

.li-cerchio-grigio-calabria
{
	height: 37px;
	margin: -182px 0 0 61px;
	width: 37px;
}




/*******REGIONE*********
*********CAMPANIA*********/

.mappa-iti-regione-campania
{
	background:url(../images/itinerari/cartina_campania.jpg) no-repeat;
}

/*aree linkabili campania*/
.li-cerchio-rosso-campania
{
	height: 84px;
	margin:142px 2px 0 8px;
	width:84px;
}

	a.cerchio-rosso-campania
	{
		height: 84px;
		width: 84px;
		z-index:1;
	}

		a.cerchio-rosso-campania:hover
		{
			background:red;
			z-index:10;
		}

.li-cerchio-giallo-campania
{
	height: 35px;
	margin: 143px 0px 0px -13px;
	width: 35px;
}

	a.cerchio-giallo-campania
	{
		height: 35px;
		width: 35px;
	}

		a.cerchio-giallo-campania:hover
		{
			background:#FFE850;
			z-index:10;
		}

.li-cerchio-azzurro-campania
{
	height: 107px;
	margin: 158px 0 0 -214px;
	width: 107px;
}

	a.cerchio-azzurro-campania
	{
		height: 107px;
		width: 107px;
		z-index: 3;
		border:1px solid #C5F5FF;
	}

		a.cerchio-azzurro-campania:hover
		{
			background:#C5F5FF;
			z-index:10;
		}

.li-cerchio-arancio-campania
{
	height: 46px;
	margin: 145px 0px 0px -134px;
	width: 46px;
}

	a.cerchio-arancio-campania
	{
		height: 46px;
		width: 46px;
		z-index:5;
	}

		a.cerchio-arancio-campania:hover
		{
			background:#FEC182;
			z-index:10;
		}

.li-cerchio-rosa-campania
{
	height: 65px;
	margin: 165px 0 0 -17px;
	width: 65px;
}

	a.cerchio-rosa-campania
	{
		height: 65px;
		width: 65px;
		z-index: 2;
	}

		a.cerchio-rosa-campania:hover
		{
			background:#FFD4ED;
			z-index:10;
		}

.li-cerchio-viola-campania
{
	height: 58px;
	margin: 159px 0 0 -122px;
	width: 58px;
}

	a.cerchio-viola-campania
	{
		height: 58px;
		width: 58px;
		z-index: 3;
	}


		a.cerchio-viola-campania:hover
		{
			background:#CD9FED;
			z-index:10;
		}

.li-cerchio-verde-campania
{
	height: 77px;
	margin: 120px 0px 0 -46px;
	width: 77px;
}

	a.cerchio-verde-campania
	{
		height: 77px;
		width: 77px;
		z-index: 1;
	}

		a.cerchio-verde-campania:hover
		{
			background:#BBFF9A;
			z-index:10;
		}

.li-cerchio-ciano-campania
{
	height: 50px;
	margin: -24px 0 0 179px;
	width: 50px;
}

	a.cerchio-ciano-campania
	{
		height: 50px;
		width: 50px;
		z-index: 1;
	}

		a.cerchio-ciano-campania:hover
		{
			background:#7FAEB8;
			z-index:10;
		}

.li-cerchio-marro-campania
{
	height: 83px;
	margin: -46px 0px 0 211px;
	width: 83px;
}

	a.cerchio-marro-campania
	{
		height: 83px;
		width: 83px;
		z-index: 1;
	}

		a.cerchio-marro-campania:hover
		{
			background:#F0D6C5;
			z-index:10;
		}

.li-cerchio-grigio-campania
{
	height: 37px;
	margin: -182px 0 0 61px;
	width: 37px;
}

/*codice css specifico per chrome e safari */  
@media screen and (-webkit-min-device-pixel-ratio:0) {  
.li-cerchio-grigio-campania {margin: -212px 0 0 61px; }  
.li-cerchio-ciano-campania{margin: -53px 0 0 179px;}
} 

	a.cerchio-grigio-campania
	{
		height: 37px;
		width: 37px;
		z-index: 2;
	}

		a.cerchio-grigio-campania:hover
		{
			background:#CDCDCD;
			z-index:10;
		}

.li-cerchio-blu-campania
{
	height: 41px;
	margin: -187px 0 0 93px;
	width: 41px;
}

	a.cerchio-blu-campania
	{
		height: 41px;
		width: 41px;
		z-index: 1;
	}

		a.cerchio-blu-campania:hover
		{
			background:#7F9BFF;
			z-index:10;
		}

/*codice css specifico per chrome e safari */  
@media screen and (-webkit-min-device-pixel-ratio:0) {  
.li-cerchio-blu-campania {margin: -215px 0 0 93px;}  
.li-cerchio-ciano-campania{margin: -53px 0 0 179px;}
} 

/*codice css specifico per chrome e safari */  
@media screen and (-webkit-min-device-pixel-ratio:0) {  
.li-cerchio-grigio-campania {margin: -212px 0 0 61px; }  
.li-cerchio-ciano-campania{margin: -53px 0 0 179px;}
} 

/* IE10-specific styles go here */ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
.li-cerchio-blu-campania {
	height: 42px!important;
	margin: -217px 0 0 93px!important;
	width: 42px!important;
}

.li-cerchio-grigio-campania {
	height: 37px;
	margin: -212px 0 0 61px!important;
	width: 37px;
}  

.li-cerchio-ciano-campania{margin: -53px 0 0 179px!important;}
 
}





/*******REGIONE*********
*********LAZIO*********/

.mappa-iti-regione-lazio
{
	background:url(../images/itinerari/cartina_lazio.jpg) no-repeat;
}

/*aree linkabili lazio*/
.li-cerchio-rosso
{
	height: 118px;
	margin:10px 2px 0 0;
	width:118px;
}

	a.cerchio-rosso
	{
		height: 119px;
		width: 119px;
		z-index:1;
	}

		a.cerchio-rosso:hover
		{
			background:red;
			z-index:10;
		}

.li-cerchio-giallo
{
	height: 115px;
	margin: 2px 0px 0px 14px;
	width: 115px;
}

	a.cerchio-giallo
	{
		height: 116px;
		width: 116px;
	}

		a.cerchio-giallo:hover
		{
			background:#FFE850;
			z-index:10;
		}

.li-cerchio-azzurro
{
	height: 107px;
	margin: 158px 0 0 -214px;
	width: 107px;
}

	a.cerchio-azzurro
	{
		height: 107px;
		width: 107px;
		z-index: 3;
		border:1px solid #C5F5FF;
	}

		a.cerchio-azzurro:hover
		{
			background:#C5F5FF;
			z-index:10;
		}

.li-cerchio-arancio
{
	height: 46px;
	margin: 145px 0px 0px -134px;
	width: 46px;
}

	a.cerchio-arancio
	{
		height: 46px;
		width: 46px;
		z-index:5;
	}

		a.cerchio-arancio:hover
		{
			background:#FEC182;
			z-index:10;
		}

.li-cerchio-rosa
{
	height: 60px;
	margin: 171px 0 0 -105px;
	width: 60px;
}

	a.cerchio-rosa
	{
		height: 60px;
		width: 60px;
		z-index: 2;
	}

		a.cerchio-rosa:hover
		{
			background:#FFD4ED;
			z-index:10;
		}

.li-cerchio-viola
{
	height: 58px;
	margin: 120px 0 0 -72px;
	width: 58px;
}

	a.cerchio-viola
	{
		height: 58px;
		width: 58px;
		z-index: 3;
	}


		a.cerchio-viola:hover
		{
			background:#CD9FED;
			z-index:10;
		}

.li-cerchio-verde
{
	height: 97px;
	margin: 139px 0px 0 -63px;
	width: 97px;
}

	a.cerchio-verde
	{
		height: 97px;
		width: 97px;
		z-index: 1;
	}

		a.cerchio-verde:hover
		{
			background:#BBFF9A;
			z-index:10;
		}

.li-cerchio-ciano
{
	height: 50px;
	margin: -24px 0 0 179px;
	width: 50px;
}

	a.cerchio-ciano
	{
		height: 50px;
		width: 50px;
		z-index: 1;
	}

		a.cerchio-ciano:hover
		{
			background:#7FAEB8;
			z-index:10;
		}

.li-cerchio-marro
{
	height: 83px;
	margin: -46px 0px 0 211px;
	width: 83px;
}

	a.cerchio-marro
	{
		height: 83px;
		width: 83px;
		z-index: 1;
	}

		a.cerchio-marro:hover
		{
			background:#F0D6C5;
			z-index:10;
		}

.li-cerchio-grigio
{
	height: 37px;
	margin: -182px 0 0 61px;
	width: 37px;
}

/*codice css specifico per chrome e safari */  
@media screen and (-webkit-min-device-pixel-ratio:0) {  
.li-cerchio-grigio {margin: -188px 0 0 61px!important; }  
.li-cerchio-ciano{margin: -53px 0 0 179px!important;}
} 

	a.cerchio-grigio
	{
		height: 37px;
		width: 37px;
		z-index: 2;
	}

		a.cerchio-grigio:hover
		{
			background:#CDCDCD;
			z-index:10;
		}

.li-cerchio-blu
{
	height: 41px;
	margin: -191px 0 0 93px!important;
	width: 41px;
}

	a.cerchio-blu
	{
		height: 41px;
		width: 41px;
		z-index: 1;
	}

		a.cerchio-blu:hover
		{
			background:#7F9BFF;
			z-index:10;
		}

/*codice css specifico per chrome e safari */  
@media screen and (-webkit-min-device-pixel-ratio:0) {  
.li-cerchio-blu {margin: -215px 0 0 93px;}  
.li-cerchio-ciano{margin: -53px 0 0 179px;}
} 

/*codice css specifico per chrome e safari */  
@media screen and (-webkit-min-device-pixel-ratio:0) {  
.li-cerchio-grigio {margin: -212px 0 0 61px; }  
.li-cerchio-ciano{margin: -53px 0 0 179px;}
} 

/* IE10-specific styles go here */ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
.li-cerchio-blu {
	height: 42px!important;
	margin: -217px 0 0 93px!important;
	width: 42px!important;
}

.li-cerchio-grigio {
	height: 37px;
	margin: -212px 0 0 61px!important;
	width: 37px;
}  

.li-cerchio-ciano{margin: -53px 0 0 179px!important;}
 
} 


/*******REGIONE*********
********PUGLIA*********/
.mappa-iti-regione-puglia
{
	background:url(../images/itinerari/cartina_puglia.jpg);
}

/* aree linkabili puglia */
.li-cerchio-giallo-puglia
{
	height: 81px;
	margin: 0 200px 0 48px;
	width: 81px;
}

	a.cerchio-giallo-puglia
	{
		height: 81px;
		width: 81px;
		z-index:2px;
	}

		a.cerchio-giallo-puglia:hover
		{
			background:#FFE850;
			z-index:10;
		}

.li-cerchio-rosa-puglia
{
	height: 59px;
	margin: 12px 0 0 83px;
	width: 59px;
}

	a.cerchio-rosa-puglia
	{
		height: 60px;
		width: 60px;
	}

		a.cerchio-rosa-puglia:hover
		{
			background:#FFD4ED;
			z-index:10;
		}

.li-cerchio-blu-puglia
{
	height: 107px;
	margin: 57px 0 0 -33px;
	width: 107px;
}

	a.cerchio-blu-puglia
	{
		height: 107px;
		width: 107px;
	}

		a.cerchio-blu-puglia:hover
		{
			background:#7F9BFF;
			z-index:10;
		}

.li-cerchio-arancione-puglia
{
	height: 62px;
	margin: 46px 0 0 -4px;
	width: 62px;
}

	a.cerchio-arancione-puglia
	{
		height: 62px;
		width: 62px;
	}

		a.cerchio-arancione-puglia:hover
		{
			background:#FEC180;
			z-index:10;
		}

.li-cerchio-viola-puglia
{
	height: 107px;
	margin: -15px 0 0 5px;
	width: 107px;
}

	a.cerchio-viola-puglia
	{
		height: 108px;
		width: 108px;
	}

		a.cerchio-viola-puglia:hover
		{
			background:#CE9FED;
			z-index:10;
		}




/*******REGIONE*********
*********TOSCANA*********/

.mappa-iti-regione-toscana
{
	background:url(../images/itinerari/cartina_toscana.jpg) no-repeat;
}

/*aree linkabili toscana*/
.li-cerchio-rosso-toscana
{
	height: 65px;
	margin:234px 2px 0 164px;
	width:65px;
}

	a.cerchio-rosso-toscana
	{
		height: 65px;
		width: 65px;
		z-index:1;
	}

		a.cerchio-rosso-toscana:hover
		{
			background:red;
			z-index:10;
		}

.li-cerchio-giallo-toscana
{
	height: 50px;
	margin: 29px 0px 0px 0px;
	width: 50px;
}

	a.cerchio-giallo-toscana
	{
		height: 50px;
		width: 50px;
	}

		a.cerchio-giallo-toscana:hover
		{
			background:#FFE850;
			z-index:10;
		}

.li-cerchio-azzurro-toscana
{
	height: 107px;
	margin: 158px 0 0 -214px;
	width: 107px;
}

	a.cerchio-azzurro-toscana
	{
		height: 107px;
		width: 107px;
		z-index: 3;
		border:1px solid #C5F5FF;
	}

		a.cerchio-azzurro-toscana:hover
		{
			background:#C5F5FF;
			z-index:10;
		}

.li-cerchio-arancio-toscana
{
	height: 46px;
	margin: 145px 0px 0px -134px;
	width: 46px;
}

	a.cerchio-arancio-toscana
	{
		height: 46px;
		width: 46px;
		z-index:5;
	}

		a.cerchio-arancio-toscana:hover
		{
			background:#FEC182;
			z-index:10;
		}

.li-cerchio-rosa-toscana
{
	height: 60px;
	margin: 58px 0 0 -88px;
	width: 60px;
}

	a.cerchio-rosa-toscana
	{
		height: 60px;
		width: 60px;
		z-index: 2;
	}

		a.cerchio-rosa-toscana:hover
		{
			background:#FFD4ED;
			z-index:10;
		}

.li-cerchio-viola-toscana
{
	height: 58px;
	margin: 159px 0 0 -122px;
	width: 58px;
}

	a.cerchio-viola-toscana
	{
		height: 58px;
		width: 58px;
		z-index: 3;
	}


		a.cerchio-viola-toscana:hover
		{
			background:#CD9FED;
			z-index:10;
		}

.li-cerchio-verde-toscana
{
	height: 77px;
	margin: 120px 0px 0 -46px;
	width: 77px;
}

	a.cerchio-verde-toscana
	{
		height: 77px;
		width: 77px;
		z-index: 1;
	}

		a.cerchio-verde-toscana:hover
		{
			background:#BBFF9A;
			z-index:10;
		}

.li-cerchio-ciano-toscana
{
	height: 50px;
	margin: -24px 0 0 179px;
	width: 50px;
}

	a.cerchio-ciano-toscana
	{
		height: 50px;
		width: 50px;
		z-index: 1;
	}

		a.cerchio-ciano-toscana:hover
		{
			background:#7FAEB8;
			z-index:10;
		}

.li-cerchio-marro-toscana
{
	height: 83px;
	margin: -46px 0px 0 211px;
	width: 83px;
}

	a.cerchio-marro-toscana
	{
		height: 83px;
		width: 83px;
		z-index: 1;
	}

		a.cerchio-marro-toscana:hover
		{
			background:#F0D6C5;
			z-index:10;
		}

.li-cerchio-grigio-toscana
{
	height: 37px;
	margin: -182px 0 0 61px;
	width: 37px;
}

/*codice css specifico per chrome e safari */  
@media screen and (-webkit-min-device-pixel-ratio:0) {  
.li-cerchio-grigio-toscana {margin: -212px 0 0 61px; }  
.li-cerchio-ciano-toscana{margin: -53px 0 0 179px;}
} 

	a.cerchio-grigio-toscana
	{
		height: 37px;
		width: 37px;
		z-index: 2;
	}

		a.cerchio-grigio-toscana:hover
		{
			background:#CDCDCD;
			z-index:10;
		}

.li-cerchio-blu-toscana
{
	height: 41px;
	margin: -187px 0 0 93px;
	width: 41px;
}

	a.cerchio-blu-toscana
	{
		height: 41px;
		width: 41px;
		z-index: 1;
	}

		a.cerchio-blu-toscana:hover
		{
			background:#7F9BFF;
			z-index:10;
		}

/*codice css specifico per chrome e safari */  
@media screen and (-webkit-min-device-pixel-ratio:0) {  
.li-cerchio-blu-toscana {margin: -215px 0 0 93px;}  
.li-cerchio-ciano-toscana{margin: -53px 0 0 179px;}
} 

/*codice css specifico per chrome e safari */  
@media screen and (-webkit-min-device-pixel-ratio:0) {  
.li-cerchio-grigio-toscana {margin: -212px 0 0 61px; }  
.li-cerchio-ciano-toscana{margin: -53px 0 0 179px;}
} 

/* IE10-specific styles go here */ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
.li-cerchio-blu-toscana {
	height: 42px!important;
	margin: -217px 0 0 93px!important;
	width: 42px!important;
}

.li-cerchio-grigio-toscana {
	height: 37px;
	margin: -212px 0 0 61px!important;
	width: 37px;
}  

.li-cerchio-ciano-toscana{margin: -53px 0 0 179px!important;}
 
}