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:#270504;
}

#foto{
background: url(../images/bg_foto.jpg) no-repeat;
}
#tradizione{
background: url(../images/bg_tradizione.jpg) no-repeat;
}
#home{
background: url(../images/bg_home.jpg) no-repeat;
}
#parco{
background: url(../images/bg_parco.jpg) no-repeat;
}
#dove{
background: url(../images/bg_dove.jpg) no-repeat;
}
#menu{
background: url(../images/bg_menu.jpg) no-repeat;
}
#trattoria{
background: url(../images/bg_trattoria.jpg) no-repeat;
}
#vini{
background: url(../images/bg_vino.jpg) no-repeat;
}

h3{
color:#6D9325;
font-size:120%;
margin:3px 0;
font-weight: normal;
letter-spacing: -1px;
}

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

h4{
color:#6C9225;
font-size:100%;
margin:30px 0 0 0;
}

.strong {
font-weight: bold;
}

.green {
color: #207900;
}

.red {
color: red;
}

.grey {
color: #333;
}

.i {
font-style: italic;
}

hr {
display:none;
}

.hidden {
display:none;
}

p {
padding-top:0px;
padding-bottom:20px;
margin:0;
color:#270504;
font-size:85%;
line-height: 1.5em;
}

a {
text-decoration:underline;
color: #6D9325;
}

a:hover {
text-decoration:none;
background-color: #6D9325;
color: #fff;
}

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


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

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

#logo img { border:none; }

#logo a:hover { background-color: transparent; }

.sentence{
background-color: #FFF;
color: #6C9225;
overflow:hidden;
width:400px;
float:right;
font-size: 120%;
letter-spacing:-1px;
line-height:1.2;
font-style: italic;
margin-top:10px;
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;
display:block;
}

#rounded-top{
height: 21px;
background: url(../images/rounded_top1.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 {
background: url(../images/upper1.gif) no-repeat;
overflow:hidden;
height: 267px;
width:754px;
}

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

#menuorizzontale{
width : 754px;
background: transparent url(../images/menu.gif) repeat-x;
overflow:hidden;
font-size:110%;
min-height:50px;
}

#menuorizzontale ul {
list-style-image:none;
list-style-type:none;
margin : 0; 
padding : 0;
height:50px;
min-height:50px;
}

#menuorizzontale li {
height:50px;
float: left; 
margin-left:21px; 
_margin-top:8px;
font-size:90%;
display:inline;
letter-spacing:-0.5px;
}

#menuorizzontale li a {
height:50px;
color:#270504;
display:block;
_display:inline;
padding-top:8px;
text-decoration: none;
}

#menuorizzontale li a:hover{
background: url(../images/current.gif) no-repeat 50% 82%;
_background: url(../images/current.gif) no-repeat 50% -200%;
}

.current {
background: url(../images/current.gif) no-repeat 50% 82%;
padding-top:8px;
_padding-top:0;
height:50px;
color:#270504;
display:block;
_display:inline;
}


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

#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:-1px;
}

#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: #CCCC66;
}


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




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

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

#content{
margin:10px 20px 20px 20px;
overflow:hidden;
}

#content ul{
list-style-type: none;
margin: 0 0 30px 0;
padding: 0;
line-height: 1.5em;
font-size: 85%;
}


#content li {
background-image: url(../images/point.gif);
background-repeat: no-repeat;
background-position: 0 4%;
padding: 3px 0 5px 35px;
margin: 10px 0;
}


.thumbnail {
background-color:#FFFFFF;
border:1px solid #6C9225;
float:left;
margin-bottom:10px;
margin-right:15px;
padding:5px 5px 2px 5px;
*padding-bottom:5px;
}

.thumbnail a{
border-bottom:none;
}

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

#foto h3{
clear: left !important;
margin-bottom:15px;
}

#foto #content p{
clear:left; 
padding-top:20px;
}


.leftwing{
float: left;
width:190px;
height:100%;
display:block;
margin-right:30px;
}

#content .leftwing h3{
padding: 0 0 0 35px;
}

#content .leftwing li a{
padding: 3px 0 5px 35px;
margin: 10px 0;
overflow:hidden;
}

#content .leftwing li a:hover{
background-image: url(../images/point.gif);
background-repeat: no-repeat;
background-position: 0 4%;
background-color: transparent;
padding: 3px 0 5px 35px;
margin: 10px 0;
overflow:hidden;
}

.actual{
background-image: url(../images/point.gif);
background-repeat: no-repeat;
background-position: 0 4%;
padding: 3px 0 5px 35px;
margin: 10px 0;
}

.rightwing{
float:right;
width:470px;
display:block;
oveflow:hidden;
}

.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;
}

#vini #content dl{
margin-top:0;
}

#vini #content p{
padding:5px 0 10px 0;
}

.spacer{
margin-top: 40px;
}

.spacertop{
padding-top: 20px;
}

#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_bottom1.png) no-repeat;
}

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

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

#footer a{ 
color:#6D9325;
text-decoration:none;
}

#footer a:hover{ 
color:#fff;
background-color: #6D9325;
text-decoration:none;
}



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


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

#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;
overflow:hidden;
}

#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:#fff;
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;
}

.cornerSXTop {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 19px;
	height: 20px;
}
.cornerSXTop[class] {
	background: url(../images/sxtopcorner.png) no-repeat;
}
.cornerDXTop {
	position: absolute;
	z-index: 1;
	top: 0px;
	right: 0px;
	width: 19px;
	height: 20px;
}
.cornerDXTop[class] {
	background: url(../images/dxtopcorner.png) no-repeat;
}
.cornerSXBottom {
	position: absolute;
	z-index: 1;
	bottom: -2px;
	left: 0px;
	width: 19px;
	height: 20px;
}
.cornerSXBottom[class] {
	background: url(../images/sxbottomcorner.png) no-repeat;
}
.cornerDXBottom {
	position: absolute;
	z-index: 1;
	bottom: 0px;
	right: -1px;
	width: 19px;
	height: 20px;
}
.cornerDXBottom[class] {
	background: url(../images/dxbottomcorner.png) no-repeat;
}
* html .cornerDXBottom {
	bottom: -1px;
}