.tabella_f, .riga_f, .colonna_f { margin: 0; padding: 0; border: 0}
.tabella_f { display: table; width: 100%}
.riga_f { clear: both; display: block;
          display: table-row; width: 100%; background-color:#012d5a; color:#FFFF00}
.colonna_f { float: left; width: 25%; display: table-cell}

.tabella_f1, .riga_f1, .colonna_f1, .colonna_f1f, .colonna_f1f2, .colonna_f1100, { margin: 0; padding: 0; }
.tabella_f1 { display: table; width: 100%}
.riga_f1 { 
clear: both; 
display: block;
display: table-row; 
width: 100%; 
background-color:#012d5a; 
color:#FFFF00;
border: 0px solid yellow;
}
.prov 
{
color:#012d5a;
background-color:#FFFFFF;
font: Normal 11px Verdana

}
.colonna_f1f { float: left; display: table-cell; border: 0px solid yellow; font: Normal 12px Verdana}
.colonna_f1f2 { float: left; display: table-cell; border: 0px solid yellow; font: Normal 12px Verdana; color:#FFFFFF}

.colonna_f1100 { float: left; display: table-cell; border: 0px solid yellow;width: 100%; font: Normal 12px Verdana}
.colonna_f1100_2 { float: left; display: table-cell; border: 0px solid yellow;width: 100%; color:#00FF00; font: Normal 12px Verdana }

.colonna_f1 { float: left; display: table-cell; border: 0px solid yellow; width: 33%}

div
{
    font: Normal 12px Verdana;
}

.tabella_f2, .riga_f2, .colonna_f2 { margin: 0; padding: 0; }
.tabella_f2 { display: table; width: 100%; border: 1px solid yellow}
.riga_f2 { 
clear: both; 
display: block;
display: table-row; 
width: 100%; 
background-color:#012d5a; 
color:#FFFF00;
border: 1px solid yellow;
}
.prov2
{
color:#012d5a;
background-color:#FFFFFF;
font: Normal 12px Verdana

}
.colonna_f2 { float: left; display: table-cell; border: 1px solid yellow; width: 100%}

div2
{
    font: Normal 12px Verdana;
}



#MENU_CONTAINER_DX
{
    width: 190px;
}
a.MENU_DX
{
    display: Block;
    position: Relative;
    background: #012d5a;
    color: #ffff00;
    font-weight: Bold;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
}
a.MENU_DX:hover
{
    display: Block;
    position: Relative;
    background: #ffff00;
    color: #012d5a;
    font-weight: Bold;
    text-decoration: None;
}
a.SMENU_DX
{
    display: Block;
    position: Relative;
    background: #33366;	
    color: #ffffff;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
}
a.SMENU_DX:hover
{
    display: Block;
    position: Relative;
    background: #ffff00;
    color: #012d5a;
    font-weight: Bold;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
}
div.SMENU_DX
{
    visibility: Hidden;
    position: Absolute;
    margin: -21px 0px 0px 190px;
    background: #012d5a;
    width: 350px;
}


#MENU_CONTAINER_DX2
{
    width: 190px;
}
a.MENU_DX2
{
    display: Block;
    position: Relative;
    background: #012d5a;
    color: #ffff00;
    font-weight: Bold;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
}
a.MENU_DX2:hover
{
    display: Block;
    position: Relative;
    background: #ffff00;
    color: #012d5a;
    font-weight: Bold;
    text-decoration: None;
}
a.SMENU_DX2
{
    display: Block;
    position: Relative;
    background: #33366;	
    color: #ffffff;
    text-decoration: None;
    padding: 5px 5px 5px 5px;
}
a.SMENU_DX2:hover
{
    display: Block;
    position: Relative;
    background: #e6e6e6;
    color: #012d5a;
    font-weight: normal;
    text-decoration: None;
    padding: 5px 5px 5px 5px;
}
div.SMENU_DX2
{
    visibility: Hidden;
    position: Absolute;
    margin: -11px 10px 10px 190px;
    background: #333300;
    width: 550px;
}


.bottone{ 
FONT-SIZE: 12px;
color:#012d5a;
FONT-FAMILY: Arial; 
border-width : 1; 
border-color : #ffffff;
background : #FFFFFF; 
}
.bottone2{ 
FONT-SIZE: 11px;
color:#012d5a;
FONT-FAMILY: Arial; 
border-width : 1; 
border-color : #ece9d8;
background-color:#ece9d8 
}

	#contenitore{
	width:660px;
	height:429px;
	margin:auto;
	}
	a{
	color:#99CC00;
	text-decoration:none;
	}
	/*inizio stile css mappa*/
	#wrap_mappa{
	width:756px;
	height:429px;
	border:1px solid #CCCCCC;
	background-color:#EEEEEE;
	}
	#mappa img{
	border:none;
	}
	#mappa{
	width:650px;
	height:418px;
	position:relative;
	left:10px;
	top:10px;
	background-color:#FFFFFF;
	border:2px solid #CCCCCC;
	}

	#mappa1{
	display:block;
	width:auto;
	height:auto;
	position:absolute;
	left:10px;
	top:10px;
	background-color:#012d5a;
	border:2px solid #000000;
	}

	#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, a:active span, #mappa #info{
	display:block;
	width:370px;
	height:400px;
	position:absolute;
	right:10px;
	top:10px;
	border:2px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:10px;
	color:#333333;
	font-size:12px;
	
	letter-spacing:1px;
	text-align:justify;
	
	overflow:hidden;
	z-index:20;
	}
	#mappa a:hover
	{
	
	background-color:#E6E6E6;

	}
	
	#mappa span b{
	display:block;
	height:30px;
	line-height:30px;
	margin-bottom:10px;
	border-bottom:1px solid #E6E6E6;
	}
	
	#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*/

body{
background-color:#012d5a;
background-image:url(../img/sfondo2.jpg);
font-size:12px;
font-family:arial;
color:#012d5a;
}
.clearfix{
clear:both;
}
a{
color:#012d5a;
text-decoration:none;
}

/*contenitore principale*/
#wrapper{
width:960px;
margin:auto;
}
/*titolo*/
h1{
color:#FFFFFF;
margin-left: 20px;
margin-top:inherit;
font-size:40px;
}
h1 span{
font-size:60px;
}
h1 i{
font-size:26px;
font-weight:normal;
}
h1 em{
font-size:30px;
font-style:normal;
}
/*contenuto principale*/
#contenuto_top{
height:30px;
background:url(../img/contenuto_top.jpg) no-repeat bottom;
}
#contenuto_bot{
height:30px;
background:url(../img/contenuto_bot.jpg) no-repeat top;
}
#contenuto{
background-color:#FFFFFF;
}
/*colonna sinistra*/
#left_col{
width:230px;
float:left;
margin-left:20px;
}
/*colonna destra prima parte - menu*/
#left_pt1{
background-color:#012d5a;
margin-bottom:5px;
margin: 0 10px;
}
#left_pt1 a{
display:block;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
height:15px;
line-height:15px;
border-bottom: 0px solid #434387;
/* background: url(../img/arrow_white.jpg) no-repeat left; */
padding-left: 10px;
margin: 0 10px;
}

#left_pt1 a:hover{
margin-left:10px;

text-decoration:underline;
color:#FFFF00;
}


#left_pt1f{

background-color:#012d5a;
margin-bottom:5px;
width:472px;
border-color: black;
}
#left_pt1f a{
display:block;
font-size:11px;
color:#ffff00;
text-decoration:none;
font-weight:bold;
height:30px;
line-height:30px;
border-bottom: 1px solid #434387;
background: url(../img/area.jpg) no-repeat left;
padding-left: 20px;
margin: 10 20px;

}

#left_pt1f a:hover{
margin-left:30px;


}

#provincia{

background-color: #e6e6e6;
margin-bottom:5px;
width:472px;
}


#left_pt1f1{

background-color:#012d5a;
margin-bottom:25px;
width:472px;

}
#left_pt1f1 a{
display:block;
font-size:12px;
color:#ffff00;
text-decoration:none;
font-weight: normal;
height:20px;
line-height:20px;
border-bottom: 4px solid #434387;
padding-left: 20px;
margin: 0 20px;

}

#left_pt1f1 a:hover{
background-color:#ffff00;
color:#012d5a;
font-weight: bold;
height:40px;
}





/*colonna destra seconda parte*/
#left_pt2{
width:220px;
background:#E6E6E6 url(../img/left_pt2_bg.jpg) no-repeat top;
padding:5px;
}
/*colonna destra*/
#right_top{
height:25px;
background:url(../img/right_top.jpg) no-repeat bottom;
}
#right_bot{
height:25px;
background:url(../img/right_bot.jpg) no-repeat top;
}
#right_col{
width:685px;
background-color:#E6E6E6;
float:right;
margin-right:20px;
}
#right_col2{
width:685px;
background-color:#cccccc;
float:right;
margin-right:20px;
}

/*colonna destra - parte 1 sinistra*/
#right_pt1{
width:390px;
float:left;
margin-left:20px;
}
#right_pt1f{
width:610px;
float:left;
margin-left:20px;
}

/*colonna destra - parte 2 destra*/
#right_pt2{
width:240px;
padding:5px;
float:right;
background:#012d5a url(../img/right_pt2_bg.jpg) no-repeat top;
margin-right:20px;
}
/*footer*/
#footer{
text-align:center;
color:#FFFFFF;
}
#footer a{
color: #FFFFFF;
}
/*div sub titoli*/
.left_sub{
background:#FFFFFF url(../img/left_title.jpg) no-repeat top;
}
.center_sub{
background:#FFFFFF url(../img/center_title.jpg) no-repeat top;
}
.center_sub2{
background:#FFFFFF url(../img/center_title.jpg) no-repeat top;
}

.right_sub{
background:#FFFFFF url(../img/right_title.jpg) no-repeat top;
}
.left_sub h3, .center_sub h3, .center_sub2 h3, .right_sub h3{
height:30px;
line-height:30px;
margin-left:30px;
font-weight:bold;
font-size:11px;
}
.left_sub p, .center_sub p, .right_sub p{
padding:0 5px 10px 5px;
}
.left_sub img, .center_sub img, .right_sub img{
float:left;
margin-right:10px;
}
.center_sub2 img{
float:center;
margin-right:10px;
}
.center_sub2 p{
padding:0 5px 10px 5px;
}






	#wrap_area{
	width:756px;
	height:429px;
	border:1px solid #012d5a;
	background-color:#012d5a;
	}
	#area img{
	border:none;
	}
	#area{
	width:650px;
	height:418px;
	position:relative;
	font-size:12px;
	color:#FFFF00;
	left:10px;
	top:10px;
	background-color:#012d5a;
	border:2px solid #CCCCCC;
	}

	#area1{
	display:block;
	width:auto;
	height:auto;
	position:absolute;
	left:10px;
	top:10px;
	background-color:#012d5a;
	border:2px solid #000000;
	}

	#area a{
	text-decoration:none;
	color:#000000;
	outline:none;
	}
	
	#area a span{
	display:none;
	}
	#area a:hover span, a:active span, #area #info{
	display:block;
	width:370px;
	height:400px;
	position:absolute;
	right:10px;
	top:10px;
	border:0px solid #CCCCCC;
	background-color:#012d5a;
	padding:10px;
	color:#ffffff;
	font-size:12px;
	
	letter-spacing:1px;
	text-align:justify;
	
	overflow:hidden;
	z-index:20;
	}
	#area a:hover
	{
	
	background-color:#012d5a;

	}
	
	#area span b{
	display:block;
	height:30px;
	line-height:30px;
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	}