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

/*-----------------GENERALE------------------*/
*{
margin:0px;
padding:0px;
}
a img{
border:none;
}
body{
font-family:"Lucida Grande", "Lucida Sans Unicode", Geneva, Tahoma, sans-serif;
text-align:center;
font-size:11px;
color:#646464;
background-image:url(../img/sfondo_pagina.jpg);
background-repeat:repeat-x;
background-color:#f0f4f9;
}
#tutto{
width:960px;
text-align:left;
margin:0px auto;
}

/*-----------------TOP E MENU------------------*/
#top{
position:relative;
min-height:271px !important;
height:auto !important;
height:271px;
padding-top:10px;
background-color:#abbfdf;/*così i menu si vedono anche senza img*/
/*background-image:url(../img/banner/banner1.jpg);*/
background-repeat:no-repeat;
background-position:bottom;
}
#top h1{
text-align:right;
}
#menu1{
position:absolute;
left:0px;
bottom:0px;
background-image:url(../img/sfondo_menu1.png);
background-repeat:repeat;
width:190px;
}
#menu2{
position:absolute;
left:190px;
bottom:0px;
background-image:url(../img/sfondo_menu2.png);
background-repeat:repeat;
width:324px;
}
#menu3{
position:absolute;
/*left:324px;*/
left:514px;
bottom:0px;
background-image:url(../img/sfondo_menu3.png);
background-repeat:repeat;
width:318px;
}
.menu{
padding:15px 0px;
font-size:11px;
}
.menu li{
list-style: none;
}
.menu a, .menu a.inmenu{
padding-left:15px;
margin-top:7px;
display:block;
min-height:13px !important;
height:auto !important;
height:13px;
line-height:13px;
}
.menu a, .menu a:visited{
color:#FFFFFF;
text-decoration:none;
}
.menu a:hover, .menu a.inmenu, .menu a.inmenu:visited, .menu a.inmenu:hover{
color:#FFFFFF;
text-decoration:none;
/*background-position:center left; NON LO METTO PERCHE' DA ERRORE IN IE WIN QUANDO IL MENU HA UNA SOLA VOCE*/
background-repeat:no-repeat;
}
.menu a.inmenu, .menu a.inmenu:visited, .menu a.inmenu:hover{
font-weight:bold;
}
#menu1 a:hover, #menu1 a.inmenu, #menu1 a.inmenu:visited, #menu1 a.inmenu:hover{
background-image:url(../img/menu1_in.png);
}
#menu2 a:hover, #menu2 a.inmenu, #menu2 a.inmenu:visited, #menu2 a.inmenu:hover{
background-image:url(../img/menu2_in.png);
}
#menu3 a:hover, #menu3 a.inmenu, #menu3 a.inmenu:visited, #menu3 a.inmenu:hover{
background-image:url(../img/menu3_in.png);
}
.accesskey{
text-decoration:underline;
}

/*-----------------UNDERMENU------------------*/
#undermenu{
padding-top:10px;
padding-bottom:10px;
height:13px;
margin-right:55px;
color:#b2b2b2;
background-color:#FFFFFF;
border-left:1px solid #97aed7;
border-right:1px solid #97aed7;
}
#data_oggi{
float:left;
margin-left:15px;
}
#ricerca{
float:right;
/*margin-top:-8px;*//*serve solo se c'è il logo di google*/
margin-right:15px;
}
#ricerca p{
text-align:right;
}
#ricerca input{
color:#b2b2b2;
}
#cerca_text{
width:130px;
border:solid 1px #b2b2b2;
}
#undermenu hr{
clear:both;
height:0px;
border:none;
}
#rss_icon{
float:right;
margin:3px 15px 0 0;
}

/*-----------------CONTENUTO------------------*/
#contenuto{
margin-bottom:40px;
margin-right:55px;
position:relative;
width:903px;/*per ie win*/
background-color:#FFFFFF;
border-bottom:1px solid #97aed7;
border-left:1px solid #97aed7;
border-right:1px solid #97aed7;
}

/*-----------------SX------------------*/
#sx{
position:absolute;
top:0px;
left:0px;
width:185px;
/*background-color:#abbfdf;così i menu si vedono anche senza img*/
background-image:url(../img/sfondo_menu1.png);
background-repeat:repeat;
padding-right:5px;
margin-bottom:20px;
}
#sx ul.menu{
}
#sx a{
height:auto;
}
#sx span.inmenu{
padding-left:15px;
margin-top:7px;
display:block;
color:#FFFFFF;
line-height:13px;
}
#sx a:hover, #sx span.inmenu, #sx a.inmenu, #sx a:visited.inmenu, #sx a:hover.inmenu{
background-image:url(../img/menu1_in.png);
background-position:top left;
background-repeat:no-repeat;
}

/*-----------------DX------------------*/
#dx{
position:absolute;
top:0px;
right:0px;
width:155px;
background-color:#b2b2b2;/*così i menu si vedono anche senza img*/
background-image:url(../img/righe_grigie.gif);
background-repeat:repeat;
padding-bottom:20px;
}
#dx h2{
text-align:right;
color:#b2b2b2;
background-color:#FFFFFF;
font-size:14px;
margin-left:30px;
margin-bottom:3px;/*si somma a padding-top 15px di ul*/
}
#dx ul a{
background-color:#b2b2b2;
height:auto;
text-decoration:none;
color:#FFFFFF;
}
#dx ul a:hover{
background-image:url(../img/menu1_in.png);
background-repeat:repeat-y;
text-decoration:none;
color:#FFFFFF;
}

/*-----------------CENTRO------------------*/
#centro{
margin:0px 170px 0px 190px;
padding-left:16px;
min-height:350px !important;
height:auto !important;
height:350px;
font-size:12px;
position:relative;/*serve per ie win*/
}
#centro a, #centro a:visited, #centro a:hover{
color:#646464;
text-decoration:underline;
}
#centro p{
text-align:justify;
margin-bottom:40px;
}
p#nome_catagoria{
font-size:11px;
margin-bottom:10px;
font-weight:bold;
}
p#navigazione_numeri{
color:#fe9833;
font-size:10px;
margin-bottom:16px;
}
#navigazione_numeri a, #navigazione_numeri a:visited{
color:#656868;
text-decoration:none;
cursor:pointer;
}
#navigazione_numeri a:hover{
color:#fe9833;
text-decoration:none;
cursor:pointer;
}
#centro div.img_gallery{
margin-bottom:20px;
}
#centro div.img_gallery p.img_gallery_p{
background-image:url(../img/righe_verdi2.gif);
background-repeat:repeat;
width:100%;
height:auto;
margin-bottom:0px;
}
#centro div.img_gallery p.img_gallery_p img{/*correzione che serve se metto le immagini nel livello 2 invece che nel livello 3*/
margin:0px;
float:none;
}
#centro div.img_gallery p.img_gallery_alt{
padding:3px 0px 3px 3px;
font-size:10px;
margin-bottom:0px;
background-image:url(../img/righe_verdi2.gif);
background-repeat:repeat;
}
#centro div.img_gallery p.img_gallery_didascalia{
font-size:14px;
margin-top:30px;
}
#centro div.img_gallery p.img_gallery_didascalia span.arancio{
color:#fe9833;
}
#centro.mappa ul{
margin:5px 32px 0px 0px;
list-style-position:outside;
padding:0px 0px 0px 20px;
}
#centro.mappa ul li{
margin-bottom:5px;
}
.h3_arancio{
color:#ff7f00;
font-size:15px;
font-weight:bold;
margin-bottom:15px;
}
.cifra{
color:#748db2;
}

/*-----------------livello 1------------------*/
.livello1{
background-image:url(../img/righe_livello1.gif);
background-repeat:repeat-y;
min-height:188px !important;
height:auto !important;
height:188px;
margin-left:-16px;
padding:24px 32px 24px 16px;
}
.livello1 h2{
color:#96b0d4;
font-size:34px;
font-weight:normal;
margin-bottom:40px;
}
.livello1 h2 img{
float:right;
margin:0px -32px 16px 16px;
}
#centro .livello1 p{
font-size:12px;
margin-bottom:0px;
}
#news-social{
margin:30px 0 0 100px;
}
#news-social a{
margin-right:70px;
}
/*-----------------livello 2------------------*/
.livello2{
position:relative;
padding-right:16px;
}
.livello2 h2{
margin:0px -16px 12px -16px;
}
.livello2 h2 span{
display:block;
color:#96b0d4;
font-size:34px;
font-weight:normal;
padding:24px 16px;
background-image:url(../img/righe_livello1.gif);
background-repeat:repeat-y;
margin:0px 16px 0px 0px;
}
.livello2 h2 img{
float:right;
margin:16px 0px 16px 16px;
position:relative;/*per ie win*/
z-index:10;/*per ie win*/
}
#centro .livello2 p{
font-size:12px;
}

/*-----------------livello 3------------------*/
.livello3{
font-size:12px;
padding-right:16px;
}
.livello3 h2{
margin-bottom:20px;
font-size:34px;
font-weight:normal;
color:#96b0d4;
text-align:left;
}

/*-----------------MAPPA-------------------*/
.mappa ul{
margin-left:10px;
line-height:1.8em;
}

/*-----------------FOOTER-------------------*/
.menu_footer{
color:#96B0D4;
height:16px;
margin:0 55px 10px 0;
}
#mf1_sx,
#mf2_sx{
float:left;
}
#mf1_dx,
#mf2_dx{
float:right;
}
#mf1_dx a, #m1f_dx a:visited{
color:#96b0d4;
text-decoration:none;
background-image:url(../img/quad_link_verde.gif);
background-repeat:no-repeat;
background-position:20px center;
padding-left:40px;
}
#mf1_dx a:hover{
color:#96b0d4;
text-decoration:none;
background-image:url(../img/quad_link_arancio.gif);
background-repeat:no-repeat;
background-position:20px center;
padding-left:40px;
}
#mf1_sx a, #m1f_sx a:visited{
color:#96b0d4;
text-decoration:none;
margin-right:20px;
}
#mf1_sx a:hover{
color:#96b0d4;
text-decoration:none;
}
#mf2_dx{
color:#b2b2b2;
font-size:10px;
}
#mf2_dx a, #mf2_dx a:visited{
color:#b2b2b2;
text-decoration:none;
}
#mf2_dx a:hover{
color:#b2b2b2;
text-decoration:underline;
}

hr.fine_float{
clear:both;
height:0px;
border:none;
}
/*-----------------GOOGLE MAPS-------------------*/
#panorama{
margin-bottom:40px;
}