body{color: #FFDD55; background: #FFDF96 url('img/bg01.jpg') repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px;}

.wrap{width: 980; position: relative; margin-top: 50;}

.tit{background-image: url('img/bbb.jpg'); background-repeat: repeat-x; text-align: center; width: 100%; height: 50px; font-size: 32; border-top: 1px #000000 solid; border-bottom: 1px #000000 solid;}
.tit .pad{position: relative; top: 5px;}

.bigbox{width: 85%; height: 600px; background-color: #661111; position: relative;}

.fascia1{width: 100px; height: 100%; background: url('img/bg02b.jpg') repeat-y top left; position: absolute; left: 0; z-index: 5;}

.content{height: 100%; width: 85%; margin: 0; position: relative; z-index: 6;}

.fascia2{width: 100px; height: 100%; background: url('img/bg02.jpg') repeat-y top right; position: absolute; right: 0; z-index: 5;}

.linkbox{z-index: 10; position: absolute; left: 0; background: url('img/barra.png') no-repeat center center; width: 100%; height: 40px; border-bottom: 1px #990000 solid;}

.end{background-image: url('img/bbb.jpg'); background-repeat: repeat-x; text-align: center; width: 100%; height: 40px; font-size: 15; border-top: 1px #000000 solid; border-bottom: 1px #000000 solid; position: relative;}
.end .pad{position: relative; top: 13px; font-size: 12px;}

a{text-decoration: none; color: orange;}
a:visited{color: orange;}
a:hover{color: #FFCC00;}
a:active{color: #FFCC00;}


.link1{position: absolute; left: 3%; bottom: 3;}
.link2{position: absolute; left: 20%; bottom: 3;}
.link3{position: absolute; left: 34%; bottom: 3;}
.link4{position: absolute; left: 51%; bottom: 3;}
.link5{position: absolute; left: 66%; bottom: 3;}
.link6{position: absolute; right: 2%; bottom: 3;}


.box{width: 85%; height: 100%; border-left: 1px solid #CC0000; border-right: 1px solid #CC0000; z-index: 9; position: relative; background: #550000; background: url('img/bg05.png') no-repeat center center;}

.textbox{width: 85%; position: relative; border-top: 1px solid gold; border-bottom: 1px solid gold; }
.text{width: 85%; position: relative; padding: 5px; text-align: justify; background: #661111; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}

.horfascia{width: 100%; height: 50px; background: url('img/bg04.png') repeat-x; position: absolute; bottom: 0px;}
.horfascia2{width: 100%; height: 50px; background: url('img/bg04b.png') repeat-x; position: absolute; top: 40px;}

.bgimg{background: url('img/bg05.png') no-repeat center center; position: absolute; top: 40px; width: 100%; height: 250px;}

.thcontainer{width: 100%; position: absolute; bottom: 20px; left: 0px;}

.thcontfascia{width: 100%; height: 90px; background-color: black; opacity: 0.3; filter:alpha(opacity=30); position: absolute; bottom: 5px; left: 0px; z-index: 10;}

img.thumbs{position: relative; bottom: 0; margin: 0; display: inline; margin-left: 5px; border: 1px orange solid; z-index: 12;}
img.trans{position: relative; bottom: 0; margin: 0; display: inline; margin-left: 5px; border: 1px gold solid; z-index: 12;}

/* Stili per i vini */

div.off{display: none;}
div.on{display: inline; color: #EECC44;}
div.riga1{text-align: center; background-color: #701111; width: 80%; border-bottom: 1px solid #7A1111;}
div.riga2{text-align: center; background-color: #601111; width: 80%; border-bottom: 1px solid #551111;}
div.riga3{text-align: center; background-color: #881111; width: 80%; border-bottom: 1px solid #881111; cursor: default; }
div.aziende{text-align: center; width: 100%; font-size: 17px; padding-bottom: 5px; text-decoration: underline;}

/* Stili per il menu */

div.menu{position: absolute; top: 140px; background: darkred url('img/menubtn.jpg') repeat-x; width: 140px; height: 25; font-weight: normal; font-size: 16;}

div.menu div.submenu{display: none;}

div.menushow{position: absolute; top: 140px; background: url('img/menubtn.jpg') repeat-x; width: 140px; height: 25; font-weight: normal; font-size: 16; z-index: 50; cursor: default;}

div.menushow div.submenu{position: relative; top: 6px; display: block; background: #330000; font-weight: normal; text-align: left; padding-left: 10px; padding-bottom: 5px; border-left: 1px solid red; font-size: 14;}

div.submenushow{position: relative; top: 6px; display: block; background: #000000; font-weight: normal; text-align: left; padding-left: 10px; padding-bottom: 5px; border-left: 1px solid yellow; font-size: 14;}

div.menushow a{color: gold;}
div.menushow a:visited{color: gold;}
div.menushow a:hover{color: #FFDD55; cursor: default;}
div.menushow a:active{color: white;}

div.brdframe{border: gold 1px solid; margin: 0; padding: 0; position: relative; top: 170; width: 500px; height: 300px; z-index: 40; text-align: left; }

div.insideframe{position: absolute; width: 100%; height: 100%; z-index: 45; text-align: justify;}

div.iframe{position: absolute; width: 100%; height: 100%; background: gold; opacity: 0.2; filter:alpha(opacity=20);}

div.insideframe img{float: right; position: relative; top: 30px; padding-left: 8px; padding-bottom: 8px; padding-right: 5px; }
div.nomepiatto{position: relative; top: 5px; font-size: 25; }
div.descpiatto{position: relative; top: 20px; padding-left: 10px; padding-right: 10px;}


/* Stili per le recensioni */

.recbox{width: 540px; height: auto; position: relative; top: 40; text-align: justify; background: #440000; padding-bottom: 10px;}
.recgio{position: relative; background: #770000;}
.giotext{position: relative; left: 20px; font-size: 16;}
.rectit{position: relative; text-align: center; font-size: 17; font-weighth: bold; padding-top: 5px;}
.rectext{position: relative; left: 10px; width: 520; text-align: justify; padding-top: 5px;}
.reccontainer{position: relative; top: 50; overflow: auto; height: 85%;}
.next{position: relative; top: 50; width: 60px;}

.readgio{font-size: 30; color: orange; font-style: oblique; position: relative; top: 50px;}
.readtit{font-size: 21; text-decoration: underline; position: relative; top: 60px;}
.readtext{text-align: justify; font-size: 15; width: 95%; position: relative; top: 70px; height: 400px; overflow: auto; padding: 10px; color: #EECC55; background: #440000; line-height: 22px;}
.back{position: relative; top: 80px;}

img.more{border: none; position: absolute; right: 0px;}
img.less{border: none; position: absolute; left: 0px;}
div.page{position: relative; top: 45; left: 170; width: 150px;}


/* Stili per la mappa */

embed.flash{position: relative; top: 70;}