.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:#e6e6e6; color:#FFFF00}
.colonna_f { float: left; width: 25%; display: table-cell}

.tabella_f1, .riga_f1, .colonna_f1, .colonna_f1f, .colonna_f1f2, .colonna_f1100, colonna_ffa, riga_ffa{ margin: 0; padding: 0; }
.tabella_f1 { display: table; width: 100%}
.riga_f1 { 
clear: both; 
display: block;
display: table-row; 
width: 100%; 
background-color:#e6e6e6; 
color:#FFFF00;
border: 0px solid yellow;
}
.prov 
{
color:#012d5a;
background-color:#FFFFFF;
font: Normal 10px 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%; font-size:10px}
.colonna_f1_new { float: left; display: table-cell; border: 0px solid yellow; width: 33%; font-size:14px}

div
{
    font: Normal 12px Verdana;
}

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

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

div2
{
    font: Normal 12px Verdana;
}

.riga_ff { 
clear: both; 
display: block;
display: table-row; 
width: 100%; 
background-color:#e6e6e6; 
color:#012d5a;
border: 0px solid yellow;
}

.colonna_ff { 
float: center; 
display: table-cell; 
border: 0px solid yellow; 
width: 100%; 
color:#000033; 
font-size:18px; 
font-style:italic; 
font-family:"Comic Sans MS";
}

.riga_ffa { 
clear: both; 
display: block;
display: table-row; 
width: 100%; 
background-color:#e6e6e6; 
color:#012d5a;
border: 0px solid yellow;
}

#MENU_CONTAINER_DX
{
    width: 190px;
}
a.MENU_DX
{
    display: Block;
    position: Relative;
    background: #e6e6e6;
    color: #ffff00;
    font-weight: Bold;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
}
a.MENU_DX:hover
{
    display: Block;
    position: Relative;
    background: #e6e6e6;
    color: #012d5a;
    font-weight: Bold;
    text-decoration: None;
}
a.SMENU_DX
{
    display: Block;
    position: Relative;
    background: #e6e6e6;	
    color: #012d5a;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
}
a.SMENU_DX:hover
{
    display: Block;
    position: Relative;
    background: #e6e6e6;
    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: #e6e6e6;
    width: 350px;
}


#MENU_CONTAINER_DX2
{
    width: 185px;
}
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: #e6e6e6;	
    color: #012d5a;
    text-decoration: None;
    padding: 5px 5px 5px 5px;
}
a.SMENU_DX2:hover
{
    display: Block;
    position: Relative;
    background: #012d5a;
    color: #e6e6e6;
    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:580px;
	height:380px;
	margin:auto;
	}
	a{
	color:#ffffff;
	text-decoration:none;
	}
	/*inizio stile css mappa*/
	#wrap_mappa{
	width:306px;
	height:380px;
	border:0px solid #CCCCCC;
	background-color:#e6e6e6;
	}
	#mappa img{
	border:none;
	}
	#mappa{
	width:580px;
	height:380px;
	position:relative;
	left:5px;
	top:5px;
	background-color:#e6e6e6;
	border:0px 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:260px;
	height:350px;
	position:absolute;
	right:5px;
	top:5px;
	border:0px solid #CCCCCC;
	background-color:#e6e6e6;
	padding:5px;
	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 #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*/

body{
background-color:#e6e6e6;
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;
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;
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:210px;
background:#E6E6E6 url(../img/left_pt2_bg.jpg) no-repeat top;
padding:5px;
margin: 0 10px;

}
/*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;
}
/*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;
}
.center_sub img, .right_sub img{
float:left;
margin-right:10px;
}
.left_sub img{
float:center;
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:0px solid #012d5a;
	background-color:#e6e6e6;
	}
	#area img{
	border:none;
	}
	#area{
	width:650px;
	height:418px;
	position:relative;
	font-size:12px;
	color:#FFFF00;
	left:10px;
	top:10px;
	background-color:#e6e6e6;

	}

	#area1{
	display:block;
	width:auto;
	height:auto;
	position:absolute;
	left:10px;
	top:10px;
	background-color:#e6e6e6;

	}

	#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:#e6e6e6;
	padding:10px;
	color:#012d5a;
	font-size:12px;
	
	letter-spacing:1px;
	text-align:justify;
	
	overflow:hidden;
	z-index:20;
	}
	#area a:hover
	{
	
	background-color:#e6e6e6;

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

    position: Relative;
    background: #e6e6e6;
    color: #012d5a;
    font-weight: normal;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
    height:auto;
	overflow:hidden;
	background: url(../img/area_new_giu.jpg) no-repeat top center;
}
#newarea a:hover{

    position: Relative;
    background: #e6e6e6;	
	color:#FF0000;
    font-weight: normal;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
	margin-top: 5px;
	height:auto;
	background: url(../img/area_new_su.jpg) no-repeat bottom center;
.container {
        width: 600px;
        padding: 15px;
        margin: 3px 0 20px 0;
        border: 1px solid #ccc;
        background: #fffff;
}

/* pyramid */

#navPyra {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

#navPyra li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navPyra a:link, #navPyra a:visited {
        float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
		text-align:center;
        color: #012d5a;
}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
        color: #669999;
        background: url(../img/pyramid.gif) no-repeat bottom center;
}
#scritta{
 width: auto;
 height:auto;
 
}
#scritta a{

    position: Relative;
    background: #e6e6e6;
    color: #012d5a;
    font-weight: normal;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
 height:auto;
	overflow:hidden;

	
	
}
#scritta a:hover{

    position: Relative;
    background: #e6e6e6;	
	color:#FF0000;
    font-weight: normal;
    text-decoration: None;
    padding: 3px 3px 3px 3px;
	margin-top: 5px;
 height:auto;
}
.contenitore_area{
width: 180px;
height: 55px;
background-color:#e6e6e6;
border: 0px solid yellow;

}

.contenitore_area a {
display: block;
width: 180px;
height: 85px;
background: url(../img/area_giu1.jpg) no-repeat top center;
color:#c0c0c0;
border: 0px solid yellow;
text-decoration: None;
font-style:italic;

}

.contenitore_area a:hover {
display: block;
width: 180px;
height: 85px;

background: url(../img/area_su1.jpg) no-repeat top center;
border: 0px solid yellow;
text-decoration: None;
color:#012d5a;
font-style:italic;

}
.colonna_ffa 
{ 
display: block;
width: 550px;
height: 85px;
border: 1px solid yellow; 
color:#000033; font-size:18px; 
font-style:italic; 
font-family:"Comic Sans MS";
}
.testo_regione 
{ 
color:#000033; font-size:18px; 
font-style:italic; 
font-family:"Comic Sans MS";
}
.textarea
{
background-color:#ededed;
font-family:"Arial";
font-size:13px;
color:#012d5a;
border: 1px solid #012d5a;
}
.selezioni
{
background-color:#ededed;
font-family:Arial;
font-size:13px;
color:#012d5a;
border: 1px solid #012d5a;
}
.selezioni2
{
background-color:#ededed;
font-family:Arial;
font-size:11px;
color:#012d5a;
border: 1px solid #012d5a;
}

.c_box {
	background: #ededed;
	border: 1px solid #012d5a;
	width: 20px;
	color:#012d5a; 
	font-size:13px; 
	font-style:italic bold;
	font-family:Verdana
	
}
.testo_form 
{ 
color:#012d5a; 
font-size:13px; 
font-style:italic;
font-family:Verdana
}
.testo_f 
{ 
color:#012d5a; 
font-size:13px; 
font-style:bold;
font-family:Verdana
}
.testo_p 
{ 
color:#012d5a; 
font-size:10px; 
font-style:bold;
font-family:Verdana
}
.testo_al 
{ 
color:#012d5a; 
font-size:24px; 
font-style:bold;
font-style:italic;
font-family:Verdana
}
.testo_al2 
{ 
color:#012d5a; 
font-size:12px; 
font-style:normal;
font-style:italic;
font-family:Verdana
}

.testo_al3 
{ 
color:#012d5a; 
font-size:18px; 
font-style:normal;
font-style:italic;
font-family:Verdana
}


.testo_al_sotto 
{ 
color:#012d5a; 
font-size:10px; 
font-style:normal;
font-family:Verdana
}
.testo_al_sotto1 
{ 
color:#012d5a; 
font-size:10px; 
font-style:normal;
font-family:Verdana;
margin-left:80px
}

	#contenitore_europa{
	width:580px;
	height:220px;
	margin:auto;
	background: url(../img/europa3.jpg) no-repeat center;
	}
.contenitore_commenti
{
display:block;
position:absolute;
width: 250px;
height:auto;
background-color:#ffffff;
border: 1px solid blu;
}
.contenitore_commenti a {
display:block;
position:absolute;
width: 250px;
height:auto;
background-color:#ffffff;
border: 1px solid blu;
}

.contenitore_commenti a:hover {
display:block;
position:absolute;
width: 250px;
height:auto;
background-color:#000000;
border: 1px solid blu;
border-right-style:outset;
font-style:italic;
color:#00FFFF
}


.contenitore_uai
{
position:absolute;
background-color:#e6e6e6;
border: 1px solid blu;
}
.contenitore_uai a {
position:absolute;
background-color:#e6e6e6;
border: 1px solid blu;
}

.contenitore_uai a:hover {
position:absolute;
background-color:#e6e6e6;
border: 1px solid blu;
border-right-style:outset;
font-style:italic;
color:#00FFFF
}
.contenitore_viaggio{
width: 380px;
height: 55px;
background-color:#e6e6e6;
border: 0px solid yellow;

}

.contenitore_viaggio a {
display: block;
width: 380px;
height: 85px;
background: url(../img/newdiario.jpg) no-repeat top left;
border: 0px solid yellow;
text-decoration: None;
font-style:italic;

}

.contenitore_viaggio a:hover {
display: block;
width: 380px;
height: 85px;
background: url(../img/newdiario.jpg) no-repeat top left;
border: 0px solid yellow;
text-decoration: None;
color:#012d5a;
font-style:normal;

}
a.css_tooltip{
position:relative;
_display:inline-block; /*richiesto per la posizione assoluta bottom per Internet Explorer 6*/
text-decoration:none;
font-style:italic;
font-size:16px

}
a.css_tooltip span{
display:none;
}
a.css_tooltip:hover{
background-color:#012d5a;
color:#e6e6e6
}
a.css_tooltip:hover span{
display:block;
position:absolute;
z-index:10;
bottom:1em;
left:1em;
width:200px;
color:#000;
}
a.css_tooltip span b{
display:block;
height:10px;
background:url(../img/css_tooltip_top.gif) no-repeat bottom;
}
a.css_tooltip span em{
display:block;
height:32px;
background:url(../img/css_tooltip_bot.gif) no-repeat;
}
a.css_tooltip span i{
display:block;
background-color:#FFFBCC;
border-left:1px solid #FFCC01;
border-right:1px solid #FFCC01;
padding:0 5px;
} 
.contenitore_marche
{
position:absolute;
background-color:#e6e6e6;
border: 1px solid blu;
font-style:italic;
font-size:16px
}
.contenitore_marche a {
position:absolute;
background-color:#e6e6e6;
border: 1px solid blu;
}

.contenitore_marche a:hover {
position:absolute;
background-color:#e6e6e6;
border: 1px solid blu;
border-right-style:outset;
font-style:italic;
color:#00FFFF
}
.contenitore_ricette{
width: 380px;
height: 55px;
background-color:#e6e6e6;
border: 0px solid yellow;

}

.contenitore_ricette a {
display: block;
width: 380px;
height: 85px;
background: url(../img/ricetta_su.jpg) no-repeat top left;
color:#c0c0c0;
border: 0px solid yellow;
text-decoration: None;
font-style:italic;

}

.contenitore_ricette a:hover {
display: block;
width:380px;
height: 85px;
background: url(../img/ricetta_su.jpg) no-repeat top left;
border: 0px solid yellow;
text-decoration: None;
color:#012d5a;
font-style:normal;

}
.contenitore_fdt{
width: 380px;
height: 55px;
background-color:#e6e6e6;
border: 0px solid yellow;

}

.contenitore_fdt a {
display: block;
width: 380px;
height: 85px;
background: url(../img/fdt_su.jpg) no-repeat top left;
color:#c0c0c0;
border: 0px solid yellow;
text-decoration: None;
font-style:italic;

}

.contenitore_fdt a:hover {
display: block;
width: 380px;
height: 85px;

background: url(../img/fdt_su.jpg) no-repeat top left;
border: 0px solid yellow;
text-decoration: None;
color:#012d5a;
font-style:normal;

}

.contenitore_valutati{
width: 380px;
height: 55px;
background-color:#e6e6e6;
border: 0px solid yellow;

}

.contenitore_valutati a {
display: block;
width: 380px;
height: 85px;
background: url(../img/valutati_su.jpg) no-repeat top left;
color:#c0c0c0;
border: 0px solid yellow;
text-decoration: None;
font-style:italic;

}

.contenitore_valutati a:hover {
display: block;
width: 380px;
height: 85px;

background: url(../img/valutati_su.jpg) no-repeat top left;
border: 0px solid yellow;
text-decoration: None;
color:#012d5a;
font-style:normal;

}


.contenitore_vendesi{
background-color:#e6e6e6;
border: 0px solid yellow;

}

.contenitore_vendesi a {
background-image:url(../img/vendesi_su.jpg) no-repeat top left;
color:#012d5a;
font-style:italic;

}

.contenitore_vendesi a:hover {
background-image:url(../img/vendesi_su.jpg) no-repeat top left;
color:#012d5a;
font-style:normal;

}
.inserimento {
color:#012d5a;
font-style:italic;
font-size:11px; 
font-family:Verdana;
}
.tn {
color:#012d5a;
font-style:normal;
font-size:12px; 
font-family:Verdana;
}