body {
 width:70%; 
	margin:0; padding:0;

background: #EDE4C5; 
font-family: 'Verdana'; 
color: #3D3D3D; 
font-size: 0.8em; 
text-align:left

}


/* centrare la pagina web a larghezza fissa */
body { text-align:center }  
#testa { width:90%; margin:1em auto; text-align:left }
#corpo { width:90%; margin:1em auto; text-align:left }
#piedipagina { width:90%; margin:1em auto; text-align:left }

/* testa */
#testa { 
	padding:1em 0; 
}

/* corpo */
#corpo { 
	position:relative; 

}
#corpo-colonna1 { 
	position:absolute; top:0; left:0; 
	width:160px; 
	padding:1em 0; 

}
#corpo-colonna2 { 
	margin:0 2px 0 160px; 
text-align:justify;
	padding:1em 0; 
}
#corpo-colonna3 { 
	position:absolute; top:0; right:0; 
	width:2px; 
	padding:1em 0; 

}






#footer {
	width:90%; margin:1em auto; text-align:center;
	background-color: #4E463B;
color: #F2F2F2;
	background-position: 500px 0;
	font-size: 1em;
	font-weight:normal;
	padding: 9px 20px;
}

#footer a:link,
#footer a:visited{
	color: #E8E7E5;
	font-weight:bold;
	text-decoration:none;
}
#footer a:hover,
#footer a:focus,
#footer a:active {
	color: #F2F2F2;
}


	/*inizio stile mappa*/
		<style type="text/css">
	body{
	background-color:black;
	color:white;
	}
	#contenitore{
	width:660px;
	height:350px;
	margin:auto;
	}
	a{
	color:#99CC00;
	text-decoration:none;
	}
	/*inizio stile css mappa*/
	#wrap_mappa{
	width:556px;
	height:344px;
	border:2px solid #CCCCCC;
	background-color:#EEEEEE;
	}
	#mappa img{
	border:none;
	}
	#mappa{
	width:532px;
	height:319px;
	position:relative;
	left:10px;
	top:10px;
	background-color:#FFFFFF;
	border:2px solid #CCCCCC;
	}
	#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=60);
	-moz-opacity:.60;
	opacity:.60;
	}
	#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;
	}
	#aosta{
	left:5px;
	top:37px;
	z-index:1;
	}
	#piemonte{
	left:2px;
	top:27px;
	}
	#liguria{
	left:20px;
	top:77px;
	}
	#lombardia{
	left:41px;
	top:19px;
	}
	#trentino{
	left:80px;
	top:3px;
	z-index:2;
	}
	#veneto{
	left:85px;
	top:15px;
	}
	#friuli{
	left:120px;
	top:15px;
	z-index:3;
	}
	#romagna{
	left:55px;
	top:62px;
	}
	#toscana{
	left:66px;
	top:81px;
	}
	#marche{
	left:118px;
	top:96px;
	}
	#umbria{
	left:113px;
	top:108px;
	}
	#lazio{
	left:105px;
	top:132px;
	}
	#abruzzo{
	left:139px;
	top:128px;
	}
	#molise{
	left:160px;
	top:152px;
	z-index:4;
	}
	#puglia{
	left:182px;
	top:154px;
	}
	#campania{
	left:158px;
	top:169px;
	}
	#basilicata{
	left:194px;
	top:179px;
	z-index:5;
	}
	#calabria{
	left:205px;
	top:210px;
	}
	#sardegna{
	left:30px;
	top:175px;
	}
	#sicilia{
	left:130px;
	top:270px;
	}
	/*fine stile mappa*/