@charset "utf-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
	}
img{
	border:0;
	}
body{
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
}

h1{
	color:#46a040;
    font-size: 36px;
    font-weight: normal;
    padding: 30px 40px 14px;
	}
p{
	line-height:18px;
	padding:3px 40px;	
	}
.clear{
    clear:both;	
	}
a:link, a:visited{
	color:#0096d6;
	}
a:hover, a:active{
	text-decoration:none;
	}
#wrapper{
    width:733px;
	margin:0 auto;	
	}
#border-left, #home, #text, #border-right, #main-home{
    float:left;	
	}
#border-left{
	width:13px;
	height:484px;
	/*background:url(../images/left-hp.jpg) no-repeat left top;*/
	position:absolute;
	top: 22px;
	}
	#main-home{
	left: 28px;
    margin-left: 0px;
    width: 704px;
		}
#home{
	 width:412px;
	 height:484px;
	/* background:url(../images/home.jpg) no-repeat left top;
	 position:absolute;
	 z-index: 1;*/
	 }
#text{
	width:292px;
	height:484px;
	background:url(../images/background.jpg) no-repeat left -5px ;
/*	position:relative;
	left:412px;*/
	}
#text a{		
		text-decoration:none;
		}
#border-right{
	width:15px;
	height:484px;
	background:url(../images/right-hp.jpg) no-repeat left top;
/*	 position: relative;
   left:412px;*/
	}
#home a:link{
	display:block;
	}
.violet{
	color:#652d89;
	}
.blue{
	color:#0096d6;
	}
.orange{
	color:#f58025;
	}
/*------------------------------------------------FOOTER-------------------------------------------*/
#footer-left span{
	padding-left:5px;
	font-size:10px;
	}
#footer-left, #footer-right{
	float:left;
	}
#footer-left{width:65%;
}
#footer-right{
	 width:34%;
 }
#footer-right div, #footer-right iframe{
	float:left;
	padding-left: 5px; 
	 }

/*inizio stile css mappa*/
#wrap_mappa{
    width: 390px;
	height:484px;
    background-image: url("../img/home.jpg");
    background-repeat: no-repeat;
	padding-left: 22px;
	float:left;
	}
	#mappa img{
	border:none;
	}
	#mappa{
    height: 490px;
    left: 8px;
    position: relative;
    top: -7px;
    width: 380px;
	}
	#mappa a{
	text-decoration:none;
	color:#000000;
	outline:none;
	}
	#mappa a img.regione{
	position:absolute;
	display:block;
	}
	#mappa a:hover img.regione{
	filter:alpha(opacity=10);
	-moz-opacity:.10;
	opacity:.10;
	}
	#mappa a span{
	display:none;
	}
	#mappa a:hover span, #mappa #info{
	display:block;
	width:232px;
	height:273px;
	position:absolute;
	right:10px;
	top:10px;
	border:2px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:10px;
	color:#333333;
	font-size:12px;
	line-height:18px;
	letter-spacing:1px;
	text-align:justify;
	overflow:hidden;
	z-index:20;
	}
	#mappa span b{
	display:block;
	height:30px;
	line-height:30px;
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	}

#lombardia{
    left: -1px;
    top: 64px;
	}
#veneto {
    left: 84px;
    top: 15px;
}
#marche{
    left: -1px;
    top: 259px;
	}

#lazio{
    left: 215px;
    top: 163px;
	}
#abruzzo{
    left: 88px;
    top: 339px;
	}
#molise{
    left: 215px;
    top: 262px;
	z-index:4;
	}
	#puglia{
    left: 85px;
    top: 235px;
	z-index:100;
	}
	#campania{
    left: -1px;
    top: 162px;
	}
	#basilicata{
    left: 87px;
    top: 114px;
	z-index:5;
	}