html {
overflow: auto;
}

BODY {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #372427;
text-decoration: none;
text-align: center;
margin: 0px auto;
padding : 0px; 
width : 100%; 
height : 100%;
background: #372427;
overflow: auto;
}


#contenitore {
width: 800px;
margin: 0px auto;
padding: 0px;
background: #fff;
position: relative;
}


#top_mappa {
float: left;
width: 381px;
height: 301px;
margin: 0px auto;
padding: 0px;
text-align: left;
background: url(../img/sfondo_lombardia.jpg) no-repeat top left;
z-index: 1;
font-family : Verdana, Helvetica, sans-serif; 
font-size : 20px;
font-weight: bold;
color: #fff;
z-index: 1;
}


#top_logo {
float: left;
width: 419px;
height: 301px;
margin: 0px auto;
padding: 0px;
text-align: right;
}



#band_ing {
position: absolute;
width: 36px;
height: 35px;
top: 240px;
left: 145px;
z-index: 3;
}


#band_ita {
position: absolute;
width: 36px;
height: 35px;
top: 240px;
left: 90px;
z-index: 4;
}




#lato_sx {
float: left;
width: 280px;
margin: 0px auto;
padding: 0px;
text-align: right;
}


#lato_dx {
float: left;
width: 520px;
margin: 0px auto;
padding: 0px;
text-align: right;
}


#menu {
float: left;
width: 118px;
text-align: right;
font-family : Arial, Helvetica, sans-serif; 
font-size : 17px;
font-weight: bold;
margin: 0px auto;
padding: 0px;
}



#contenuti {
float: left;
width: 402px;
text-align: left;
margin: 0px auto;
padding: 0px;
}



#bottom {
clear: both;
width: 800px;
margin: 0px auto;
padding: 0px;
border-top: 1px solid #a39b9c;
font-family : Arial, Helvetica, sans-serif; 
font-size : 10px;
text-align: center;
height: 25px;
}


#map{
margin: 0 auto;
padding: 0px;
border: 1px solid #1B312C;
background: #fff url(../img/load.gif) no-repeat center center;
}



#booking {
clear: both;
width: 780px;
margin: 0px auto;
padding: 0px;
border-top: 1px solid #a39b9c;
text-align: center;
min-height: 1000px;
background: #fff url(../img/load.gif) no-repeat top center;
overflow: auto;
}



#credits {
height: 150px;
clear: both;
margin: 5px;
padding: 0px;
text-align: left;
overflow: hidden;
}




a.logo:link, a.logo:visited {
color: #fff;
font-weight: bold;
text-decoration: none;
}

a.logo:hover { 
color: #f8c300;
text-decoration: none;
}


a.bottom:link, a.bottom:visited {
color: #000;
font-weight: bold;
text-decoration: none;
}

a.bottom:hover { 
color: #f8c300;
text-decoration: none;
}



a:link { 
color: #000; 
text-decoration : underline; 
} 
a:visited { 
color: #000;
text-decoration : underline; 
} 
a:hover { 
color: #000; 
text-decoration : none; 
} 
a:active { 
color: #999; 
text-decoration : underline; 
} 



/********************************* Inizio CSS x creare righe utilizzate in Eventi e Offerte *************************************/
.contenuti_top {
background: url(../img/contenuti_top.png) no-repeat top left;
height: 21px;
}

.contenuti_bottom {
background: url(../img/contenuti_bottom.png) no-repeat bottom right;
height: 21px;
}


div.tabpanel { width: 402px; }

div.tabpanel div.tab{
background: url(../img/contenuti_sx.png) repeat-y top left;
padding: 0px 8px 2px 10px;
min-height: 300px;
overflow: auto;
/*text-align: justify;*/
}
 
ul.tabnav{overflow:hidden;list-style: none; margin: 0;padding:0;}

ul.tabnav li{
margin: 0px auto;
padding: 0px;
font-family : Arial, Helvetica, sans-serif; 
font-size : 16px;
font-weight: bold;
}

ul.tabnav a{
padding: 0px;
text-decoration: none;
color: #372427;
}

ul.tabnav span{float:right; padding: 0.3em 0.4em 0 0;
text-align:right;
cursor: pointer}

ul.tabnav a.active span,ul.tabnav a:hover span{
text-decoration: underline;
color: #372427}