html {
height: 450px;
}

body {
background-color: #F9E5A9;
color:#332a26;
text-align: center;
margin: 0px;
padding: 0px;
height: 450px;
}

p {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#titolo{
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: bold;
border-bottom:1px solid #332a26;
}

#sottotit{
position:relative;
right:20px;
width:540px;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
text-align:justify;
float:left;
line-height:20px;
font-weight:bold;
padding:7px;
}

#lista{
width:500px;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align:left;
line-height:20px;
font-weight:bold;
margin-bottom:10px;
}

.foto_e_dida{
width:540px;
padding:8px;
margin-top:8px;
}

.fotol{
float:left;
border:2px solid #332a26;
padding:4px;
}

.didal{
width:240px;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align:left;
background-color:transparent;
float:left;
line-height:20px;
font-weight:bold;
padding-right:7px;
}

.fotor{
float:right;
border:2px solid #332a26;
padding:4px;
}

.didar{
width:240px;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align:left;
background-color:transparent;
float:right;
line-height:20px;
font-weight:bold;
margin-bottom:10px;
}

#foto_free{
float:left;
border:2px solid #332a26;
padding:4px;
position:relative;
top:10px
}

#gallo{
float:right;
border:2px solid #332a26;
padding:4px;
}

#box {
background-color: #F9E5A9;
color:#332a26;
text-align: left;
width: 800px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 450px;
position:relative;
bottom:27px;
}

#logo {
margin-top:4px;
top:15px;
right:270px;
position:relative;
/*background-color: pink;*/
background-repeat: no-repeat;
z-index:1;

}


#menubox{margin: 50px 0 0 0px;float:right;position:relative;}
#menubox ul{width: 183px;height: 174px;list-style-type: none; margin: 0;padding: 0}

#menubox li{margin: 0;padding: 0}
#menubox li, #menubox a{display: block;width: 183px;height: 58px}

#menubox a{padding: 58px 0 0 0; overflow: hidden; height: 0px !important;}

li#home, li#home a{background-image: url(../img/home.png)}
li#storia, li#storia a{background-image: url(../img/storia.png)}
li#servizi, li#servizi a{background-image: url(../img/servizi.png)}
li#dovesiamo, li#dovesiamo a{background-image: url(../img/dove.png)}
li#davedere, li#davedere a{background-image: url(../img/vedere.png)}
li#mappa, li#mappa a{background-image: url(../img/mappa.png)}

#menubox li, #menubox a:hover{background-position: 0 -58px}

body#bhome li#home a, body#bstoria li#storia a, body#bservizi li#servizi a,
body#bdovesiamo li#dovesiamo a,body#bmappa li#mappa a, body#bdavedere li#davedere a{background-position: 0 -116px}



#middlebox {
float: left;
width: 608px;
height: 420px;
/*background-color: brown;*/
}

#footer {
background-color:#332a26; 
clear:left;
width:608px;
height:17px;
text-align:center;
color: #ffffff;
font: bold 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#middlecontent {
border: solid 4px #332a26;
height: 400px;
background:url("../img/veduta_chiaro.jpg");
background-repeat: no-repeat;
}

#middlecontent_home {
border: solid 4px #332a26;
height: 400px;
background:url("../img/veduta.jpg");
background-repeat: no-repeat;
}

#content {
margin:5px;
border: solid 1px white;
height:378px;
padding:5px;
overflow:auto;
}

#tel{
position:relative;
top:10px;
left:110px;
}

#email{
float:left;
position:relative;
left:400px;
bottom:18px;
z-index:1;
}

#en{
position:relative;
top:495px;
float:left;
}


#it{
position:relative;
top:495px;
right:9px;
float:right;
z-index:2;
}

#contatore{
position:relative;
top:420px;
left:190px;
float:right;
}

#map{
border:2px solid #332a26;
}