html, body, div, h1, h2, h3, p, ul, ol, dl, li, dt, dd, img, form, acronym, blockquote {padding: 0; border: 0}
p, html, div, ul, li, dt, dd, form, blockquote {margin: 0}
ul {list-style: none;}

p, dl, address, #principale ul, blockquote { margin: 0 30px 0.8em 50px;  font-size: 100%; letter-spacing: .05em; word-spacing: .25em; }
p img , blockquote img, dl img, dd img {float: right; margin: 0 0 0 16px; background: none; border-left: 1px solid #CCA; padding: 8px 0 8px 16px; }
p.fine, dd.fine, ul.fine, address { padding-bottom: 42px; background: url(../pic/layout/oft2.png) bottom center no-repeat; margin-bottom: 1.8em}
img.sx {float: left; margin: 0 16px 0 0; background: none; border-right: 1px solid #CCA; border-left: none; padding: 8px 16px 8px 0px; }

blockquote { font-size: 85%; margin-bottom: 1.2em; font-style: italic; }

a {text-decoration: none; color: #0033CC}
dd {margin: .4em 16px .4em 16px}
dt {font-weight: bold;}
dd ul {list-style: disc; list-style-position: outside; }
dd ul li {margin-left: 0; }

#principale h1, #principale h2, #principale h3 {
	margin: 0 30px .5em 20px; clear: both; font-size: 200%; font-weight: normal; color: #662200; font-family: "Times New Roman", Times, serif;
	line-height: 25px; letter-spacing: .05em; font-variant: small-caps; }
	
#principale h1 {margin-bottom: 1.0em; border-bottom: 1px solid #CCA; font-size: 190%}
#principale h2 {font-size: 160%;}
#principale h3 {font-weight: bold; font-size: 120%;}
#principale h3 a, #principale dt a {color: #662200;}
#principale h3 a:hover, #principale dt a:hover {color: #995522;}

html { background: url(../pic/layout/pattern.png); font-size: medium; }

body {text-align: center; background: url(../pic/layout/bordosuperiore.png) top left repeat-x; margin: -1px 0 0 -1px; }

#foglio { height: auto; margin: 0 auto;  font-size: 70.5%; width: 768px;  
	text-align: left;  font-family: Georgia, "Times New Roman", Times, serif; }

#contenitore { width: 768px; background: url(../pic/layout/sfondo_pagina.png) repeat-y; overflow: hidden;}


#intestazione { width: 100%; height: 224px; background: url(../pic/layout/bordo_superiore_pagina.png) -1px top  no-repeat;}
html>#intestazione {height: 184px}
#logo { float: left; width: 160px; text-align: center; height: 214px; margin-left: 10px; margin-top: 10px}
#intestazione>#logo {margin-left: 20px}
#titolo { float: right; margin-top: 41px; width: 566px; height: 165px; margin-right: 7px}
#intestazione>#titolo {margin-right: 13px}
#titolo img#taverna { float: right; margin-right: 2px }
#intestazione>#titolo img#taverna {float: right; margin-right: 5px }

#principale {clear: both; margin: 0 7px 2em 0; background: #FFFFF5; padding-top: 2em; width: 542px;
	float: right; font-size: 125%;
	line-height: 1.4em; border-left: 1px solid #DDDDD0; border-top: 1px solid #DDDDD0;  border-bottom: 1px solid #DDDDD0;}
#contenitore>#principale {margin: 0 13px 2em 0;}

#principale ul { margin-left: 50px; margin-right: 50px;  }
#contenitore>#principale ul { margin-left: 50px; margin-right: 50px;  }

#extra {width: 25.5%; float: right; margin-top: 1.2em }
#contenutore>#extra {width: 26%;}

ul#lingue {width: 100%; height: 28px; font-size: 100%;padding-top: 4px;}
ul#lingue li {float: right; margin-left: 1.6em; padding-left: 32px; height: 28px; line-height: 28px; }
ul#lingue li a { color: #444;}
ul#lingue li a:hover { color: #666; text-decoration: underline;}

ul#lingue li#en { background: url(../pic/layout/english.png) left center no-repeat}
ul#lingue li#it { background: url(../pic/layout/italiano.png) left center no-repeat}
ul#lingue li#fr { background: url(../pic/layout/francais.png) left center no-repeat}
ul#lingue li#de { background: url(../pic/layout/deutch.png) left center no-repeat}

ul#nav { clear: both; float: right; width: 528px; font-size: 105%; font-style: italic; font-weight: bold; position: relative; top: 1px;/* z-index: 2*/}
ul#nav li {float: left; text-align: center; width: 24.2%; height: 100px;  padding-top: 4px; border-left: 1px solid #DDDDD0; }
ul#nav li#contatti {border-right: 1px solid #DDDDD0;}
ul#nav li a { padding-top: 50px; display: block; width: 100%; height: 50px; color: #630;}
ul#nav li a:hover { color: #960;}

ul#nav li#piatti a { background: url(../pic/layout/piatto2.png) center 4px no-repeat; }
ul#nav li#vini a {background: url(../pic/layout/bicchiere.png) center 4px no-repeat;}
ul#nav li#raggiungerci a {background: url(../pic/layout/rosaventi.png) center 4px no-repeat; }
ul#nav li#contatti a {background: url(../pic/layout/contatti.png) center 4px no-repeat; }

ul#nav li#piatti a:hover {background: #FFFFFA url(../pic/layout/piatto2.png) center 4px no-repeat;}
ul#nav li#vini a:hover {background: #FFFFFA url(../pic/layout/bicchiere.png) center 4px no-repeat;}
ul#nav li#raggiungerci a:hover {background: #FFFFFA url(../pic/layout/rosaventi.png) center 4px no-repeat; }
ul#nav li#contatti a:hover {background: #FFFFFA  url(../pic/layout/contatti.png) center 4px no-repeat; }

#extra h2 {clear: right; font-size: 130%; margin: 0 0 .45em 8px; color: #930; font-variant: small-caps; border-bottom: 1px solid #DDDDD0;}
#extra ul {clear: right; float: right; width: 97%; font-size: 105%; margin: 0.4em 0 .8em 0; overflow: hidden; position: relative; left: 1px; height: 12.2em}
#extra ul li {width: 100%; display: block; height: 3.8em; line-height: 3.0em;}
#extra ul li a{ display: block; width: 100%; height: 3.2em; padding: 1px 0 1px 36px; background: url(../pic/layout/giglio.png) left center no-repeat; color: #993300}
#extra ul li a:hover { padding: 0 0 0 36px; color: #CC6600; background: #FFF url(../pic/layout/giglio.png) left center no-repeat; border-top: 1px solid #DDDDD0; border-bottom: 1px solid #DDDDD0;}

#piede { clear: both; text-align: center}
#piede p {font-size: 110%; margin: 0.4em 0 ; line-height: 2em; text-align: center}

#principale span.citazione { text-align: right; width: 135px; font-size: 100%; float: left; color: #855; border-right: 1px solid #CCA; font-style: italic;
							 margin: 0 16px 16px -36px; padding: 24px 12px;}
#principale span.citazione cite { font-style: normal }
							
p#sitoincostruzione { background: none; width: 100%; background: #633; color: #FFF; padding: 0; margin: 0; }

p#briciole {font-sieze: 90%; margin: 0 0 1.6em 20px }
a span.ak{text-decoration: underline}
p.accessibility {display: none;}