/* = stili generici */
html,body{margin:0;padding: 0}
body{font: 80% "Trebuchet MS",Verdana,Arial,Sans-serif;text-align:center}
H1 {font-size:22px}
a:hover{text-decoration: underline}
.foto{border:1}
.foto1{text-align:center}
.hide{position:absolute;left: -9999px;top:-9999px}
abbr,acronym{border-bottom:1px dotted #222222;cursor:help}
em {font-style: italic!important;font-style:normal;background: transparent!important; background: #EFF0ED}
/* = pagina*/

/* = il div che contiene tutto*/
div#tutto{width:100%; padding-left:5px;margin:0 auto;
    background:#FFFFFF url(immagini/sinistra.gif)  repeat-y left;
    min-width:760px;max-width:990px}

/* = il div che contiene tutto e la parte destra*/
div#container{top:100px; padding-right:10px;text-align:left;
    background:url(immagini/destra.gif) repeat-y right}
	
/* = header e menu orizzontale*/
div#header{background:#ffffff url(immagini/header.gif) no-repeat}
div#header a{text-decoration:none}
div#header h1{position:relative;height:75px;margin:0;padding:0}
div#header h1 a{position:absolute;top:10px;left:40px;width: 220px;height: 60px}
div#header p{position:absolute;top:0px;right:60px; height:70px}
div#header span{text-indent:-9999px}
div#subhead{height: 26px;line-height:26px;font-size:85%;padding:0 6px;
    background:#678226 url(immagini/menu_bg.jpg) repeat-x bottom}
div#subhead ul,div#subhead li{margin:0;padding:0;display:inline;font-family: verdana, arial, helvetica, sans-serif}
div#subhead a{padding:0 7px 0 4px;text-decoration:none;
    background: url(separator.jpg) no-repeat center right;
    color:#FFFFFF;font-weight:bold}
div#subhead a:hover{color:#BEEB36}
	
/* = questo contiene il contenuto*/
div#contenitore{margin:0 170px;padding:7px 20px;line-height:1.3; text-align: justify; font-family: verdana, arial, helvetica, sans-serif}
div#contenitore h2{border-bottom:1px solid #cc0000;margin:0;padding:3px;
    font-size:130%;font-weight:bold;letter-spacing:-1px;color:#3399ff; font-family: verdana, arial, helvetica, sans-serif;}
div#contenitore h2 a{color:#3399ff;text-decoration:none}
div#contenitore h2 a:hover{color: #cc0000}
div#contenitore h3 a{color:#cc0000;text-decoration:none}
div#contenitore h3 a:hover{color: #3399ff}
div#contenitore h4 a{color:#cc0000;text-decoration:none}
div#contenitore h4 a:hover{color: #3399ff}
div#contenitore img.foto{margin:0 5px 5px 0;border:1px solid #000000;padding:2px;float:left}
div#contenitore p{margin:0;padding-bottom:0px;color:#222222;line-height:1.3}
div#contenitore strong{color:#0000ff}
div#contenitore a{color:#cc0000;font-weight:bold;text-decoration:none}
div#contenitore a:hover{color:#3399ff;font-weight:bold;text-decoration:none}
div#contenitore p img{border:1px solid #111111;padding:2px;display: block;
    margin-left: auto;
    margin-right: auto}


/* = questo contiene il modulo ricerca e google*/
div#gogle{float:right; width:75%; height:70px;line-height:32px;font-size:85%;padding-left:5px;
    background:#ffffff url(sub.gif) repeat-x bottom}

/* = stili per le colonne laterali:entrambe hanno classe "side" */
div.side{width:180px;font-size: 92%; line-height: 1.0;position:relative}
div#news{float:left;background:#F0F7FE}
div#nav{float:right; background: #EFF4D6}
div.side h2{color:#FFFFFF; text-align:center;height:18px;font-size: 110%;font-family: verdana, arial, helvetica, sans-serif;padding-top: 3px; margin: 2px; width:180px}
div#nav h2{background:url(h2_nav.gif) no-repeat}
div.side dl{margin:0}
div#news dl a{text-decoration:underline}
div.side dt,div.side dd{margin:0;padding:0 10px}
div.side p{padding:0 10px 7px;margin:0;color:#000}
div.side a{font-weight:bold; text-decoration:none;color:#000}
div.side a:hover{color:#cc0000}
div.side h3{font-size:105%;margin-top:0px;margin-bottom:5px;
    padding:0 10px;color:#000000}
div.side ul,div.side li{list-style-type:none;margin:0;padding:0 5px 5px 5px}
div.side li{padding-left:11px;background:url(bullet.gif) no-repeat 0 2px}
div.side a.cross{padding-left:14px;background:url(bullet_cross.gif) no-repeat 0 2px}

/* = footer*/
div#footer{clear:both;padding:5px 0;background:url(immagini/footer_bg.gif) repeat-x;
    color:#FFFFFF;font-size:85%;text-align:center}
div#footer p{margin:0;padding: 10px 0}
div#footer a{color:#FFFFFF;font-weight:bold;text-decoration:underline}

.menuNavigazione{
width:160px;
margin:0;
padding-top:2px;
border:1px solid #3399ff;
background:#C00;
color:#ffffff;
text-align:center;
font-weight:bold;
list-style:none;
}
.menuturismo{
width:250px;
margin:0;
padding-top:2px;
border-bottom:1px solid #cc0000;
background:#f0f7fe;
text-align:left;
font-weight:bold;
list-style:none;
}
.titolo{
font-weight:bold;
color:#0000ff;
}

div#listaturismo{line-height:26px;font-size:85%;padding:0 6px}
div#listaturismo ul,div#listaturismo li{margin:0;padding:0;display:inline;font-family: verdana, arial, helvetica, sans-serif}
div#listaturismo a{padding:0 7px 0 4px;text-decoration:none; color:#3399ff;font-weight:bold}
div#listaturismo a:hover{color:#cc0000}

.bordo{
border-width: 1px;
border-style: solid;
border-color:#CC3300
}
.tabella{
border-width: 1px;
border-style: solid;
border-color:#0099ff;
background-color:#E3F0F8;
}
.tabella td{
background-color:#FFFFFF;
}
.sponsor{
width: 550px;
border-width: 1px;
border-style: solid;
border-color: #C0C0C0;
align: left;
background-color:#F4FEFF;
}

