html {
  height: 100%;
}

/*
-----------------------------------------------
GENERAL RULES
-----------------------------------------------
*/



body{
background-color: #FFF;
font-family: Georgia, Times New Roman, Times, sans-serif;
font-size:100%;
margin:0;
padding:0;
background: url(../images/background.jpg) no-repeat;
text-align:center;
color:#000000;
}

h3{
font-size:110%;
margin:3px 0;
}

.b {
font-weight: bold;
color: #000;
}

.strong {
font-weight: bold;
}

.green {
color: #000;
}

.red {
color: red;
}

.grey {
color: #333;
}

.i {
font-style: italic;
}

hr {
display:none;
}

.hidden{
display:none;
}

h2{
display:block !important;
}

h4{
font-size:100%;
margin:30px 0 0 0;
}

p {
padding-top:0px;
padding-bottom:20px;
margin:0;
color:#000000;
font-size:95%;
}

a {
text-decoration:underline;
color: #000000;
}

a:hover {
text-decoration:none;
color: #207900;
}

/*
----------------------------------------------------------------------
HEADER
----------------------------------------------------------------------
*/


#header {
width:754px;
overflow:hidden;
display:block;
}

#logo{
height: 84px;
width:165px;
float:left;
margin-left:10px;
}

#logo img { border:none; }

.sentence{
background-color: #FFF;
overflow:hidden;
width:318px;
float:right;
font-size: 120%;
letter-spacing:-1px;
line-height:1.2;
font-style: italic;
margin-top:5px;
display:block;
}

.sentence span{
font-size: 90%;
line-height:1.5;
}

#address{
color: #FFFFB8;
overflow:hidden;
width:130px;
*width:140px;
float:left;
letter-spacing:-0.4px;
line-height:1.2;
margin:45px 0 0 25px;
_margin:45px 0 0 11px;
display:block;
font-size: 75%;
}

#address span{
color: #97B331;
line-height:3.5;
letter-spacing:0;
}

#rounded-top{
height: 21px;
background: url(../images/rounded_top.png) no-repeat;
}

#titleheader {
 width: 100px; height: 15px;
 background-image: url(../images/header.jpg);
 background-repeat: no-repeat;
 margin:0;
}

#header h1 { text-indent: -100em;}

.imago{
height:248px;
width:576px;
float:right;
margin:14px 7px 0 0;
_margin:14px 0 0 0;
display:block;
}

#upper {
display:none;
}

/*
----------------------------------------------------------------------
MENU ORIZZONTALE
----------------------------------------------------------------------
*/

#menuorizzontale{
display:none;
}


/*
----------------------------------------------------------------------
MENU VERTICALE
----------------------------------------------------------------------
*/

#menuverticale{
margin:50px 0 0 10px;
_margin:50px 0 0 5px;
width:150px;
overflow:hidden;
float:left;
display:block;
font-size:100%;
}

#menuverticale ul {
list-style-image:none;
list-style-type:none;
margin : 0; 
padding : 0;
}

#menuverticale li {
font-size:100%;
display:inline;
letter-spacing:-0.5px;
}

#menuverticale li a {
color:#270504;
display:block;
padding:5px 0 5px 8px;
_padding:5px 0 5px 5px;
text-decoration: none;
clear:right;
}

#menuverticale li a:hover{
background: url(../images/homehover1.gif) no-repeat 0% 60%;
color: #8FAC3C;
}


/*
----------------------------------------------------------------------
CONTENT
----------------------------------------------------------------------
*/


#bg{
background: transparent url(../images/bg.png) repeat-y;
margin-top:0;
}

#container {
position:relative; /* needed for footer positioning*/
width : 754px;
margin: 0 auto;
overflow:visible;
text-align: left;
margin-top:20px;
}

#content{
margin:20px;
overflow:visible;
}

#content ul{
list-style-type: circle;
margin: 0 0 30px 0;
padding: 0;
}


#content li {
padding: 3px 0 5px 15px;
margin: 10px 0;
}


.thumbnail {
background-color:#FFFFFF;
border:1px solid #6C9225;
float:left;
margin-bottom:10px;
margin-left:30px;
padding:3px 4px 8px;
}

.thumbnail a{
border-bottom:none;
}

#foto a img {
border: none !important;
}

#foto h3{
clear: left !important;
}

.leftwing{
display:none;
}

.rightwing{
display:block;
oveflow:visible;
}

.leftwing h3{
margin-bottom:13px;
*margin-bottom:15px;
}

.rightwing h3 a{
color: #6C9225;
text-decoration:none;
}

#menu #content li, #vini #content li{
background-image: none;
padding: 3px 0 5px 0;
margin: 3px 0;
}

#menu #content li a, #vini #content li a{
color: #270504;
text-decoration:none;
}

#menu #content br, #vini #content br{
display:none;
}


.spacer{
margin-top: 40px;
}

#tradizione #content img{
float:left;
margin-right:30px;
}

#tradizione #content h3{
margin-top:0;
}

.tradcontainer{
overflow:hidden;
margin-bottom:20px;
display:block;
_width:500px;
}


/*
----------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------
*/

#rounded-bottom{
height: 21px;
background: url(../images/rounded_bottom.png) no-repeat;
}

#footer { margin: 30px 20px;
display:block;
width:98%;
clear:both;}

#footer ul{
list-style-type:none;
margin: 0 0 0 0;
padding:0;
font-size:80%;
}

#footer a{ 
text-decoration:none;
}

#footer a:hover{ 
text-decoration:none;
}



/*
----------------------------------------------------------------------
HOME
----------------------------------------------------------------------
*/


#upperhome {
background: url(../images/upperhome1.gif) no-repeat;
height:421px;
width:755px;
}

#addresshome{ 
float:left;
color: #270504;;
overflow:hidden;
float:left;
letter-spacing:-0.4px;
line-height:1.2;
margin:75px 0 0 10px;
*margin:65px 0 0 10px;
_margin:65px 0 0 3px;
display:block;
font-size: 80%;
}

#addresshome span{
line-height:3.5;
letter-spacing:0;
font-weight:bold;
}

#flash{ 
width:581px;
height:407px;
display:block;
margin:14px 1px 0 0;
float:right;
}

#footerhome{
background: url(../images/footerhome.gif) no-repeat;
width:755px;
height:35px;
color:#CCCC66;
padding:9px 0 0 10px;
display:block;
}

#footerhome ul{
list-style-type:none;
margin: 0;
padding:0;
float: left;
}

#footerhome li{
margin: 0 0 0 10px;
float:left;
font-size:80%;
}

#footerhome a{ 
color:#CCCC66;
text-decoration:none;
}

#footerhome a:hover{ 
color:#6C9225;
text-decoration:none;
}


/*
----------------------------------------------------------------------
DL
----------------------------------------------------------------------
*/

dt{
margin-top:15px;
font-size:100%;
font-weight:bold;
}

dd{
margin-left: 0;
font-size:90%;
}



/*
----------------------------------------------------------------------
MAPPA
----------------------------------------------------------------------
*/

#mappa{
display: block;
width:700px;
height:250px;
position: relative;
margin: 20px 0;
overflow:hidden;
}