/****** reset *****/
html,body,div,span,iframe,h1,h2,h3,p,a,em,font,img,small,strong,dl,dt,dd,ul,li,fieldset,form,label,legend{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}ul {list-style:none;}:focus {outline: 0;}a{white-space:nowrap; text-decoration:none}textarea{overflow:auto;}
/* _____ ELEMENTI PRINCIPALI LAYOUT ______________________________________________________________________________________________________*/
html,body{min-height:99%}
body{background: #1f1a13 url(img/bg.jpg) no-repeat center top;}
/* contenitore generale */
#container{position:relative;width:960px;margin:auto;min-height:720px;text-align:center;}

#header{height:150px;width:97%;position:relative;margin:20px auto auto;}

#logo{height:111px;width:286px;margin:0px;padding:0px;float:left;line-height:90px;background-color:transparent;position:relative;}
#logo p.logo{position:absolute;width:286px; height:111px;top:0;left:0;}
#logo p.logo a{width:100%;height:100%;position:absolute;z-index:1;top:24px;left:45px;color:rgba(0,0,0,0);background:url(img/logo.png)}

#header h2{position:relative;width:416px;height:87px; z-index:2;margin:50px 40px 0 0;float:right;color:rgba(0,0,0,0);}
#header h2 span{position:absolute;z-index:3;background:url(img/prodotti-tipici.png);width:100%; height:100%;top:0;left:0}
/* area semitrasparente grande */
#content{width:97%;min-height:620px;margin:24px auto auto;position:relative;top:40px;padding-bottom:10px;z-index:1}
#content.contatti{min-height:320px;}
/* contenuti compresi tra navigazione e footer */
#container-1,#container-2,#container-3,#container-4{background-color:transparent;margin-bottom:40px;padding:0 8px 8px 10px;}
#footer{z-index:1000;position:relative;height:42px;margin-top:-8px}
#footer p{width:90%;margin-left:54px;padding-left:8px;margin-top:2px;text-align:left; height:40px;background:url(img/separ-o.png) center top no-repeat; line-height:45px}
#footer p a,.inf a{color:#c79e3d;border-bottom:dotted 1px #c79e3d}
#footer p a:hover,.inf a:hover{color:#fff;border-bottom:none/*#D7BB5B*/}
/** aspetto contenitori **/
#header,#content{background-color:rgba(0,0,0, .85);border:solid 1px #bab1a6;box-shadow:3px 3px 5px #111;border-radius:8px;}
#contatti h2,#map,ul#refItems li,form,.infos,#formaggi,#salumi,#specialita,#vini, .gallery h2 {background:rgba(0,0,0, .4);border:solid 1px #585249;border-radius:4px; box-shadow:0 0 8px #000}
/* _____ NAVIGAZIONE ________________________________________________________________________________________________________________________*/
ul.nav {float:left;margin-top:-31px;padding-left:44px;padding-bottom:1px;width:821px;position:relative;top:-1px;background-color:transparent;z-index:0}
ul.nav li {list-style:none;float:left;text-align:center;width:120px;margin-right:4px;}
ul.nav li a{float:left;width:120px;height:30px;margin-right:1px;color:#FFF; background:rgba(159,133,95, .6)/*url(img/tab.png)*/;line-height:30px;font-family: "JottFLFRegular"; font-size:1.8em;border-top-right-radius:8px;border-top-left-radius:8px;border:solid 1px #666;-webkit-border-top-right-radius:8px;-webkit-border-top-left-radius:8px;border:solid 1px #666; text-shadow:1px 1px 1px #222;-moz-border-radius-topright:8px;-moz-border-radius-topleft:8px;}
ul.nav li a:hover{background:rgba(159,133,95, 1);color:#FC0; margin:auto}

.sezione{overflow:hidden;clear:both;}
/* contenitore di sinistra */
.box-testi{position:relative;width:560px;top:60px;float:left;margin-right:20px;padding-right:20px;margin-left:0;min-height:540px;background:url(img/separ-v.png) right top no-repeat}
.box-testi.form{min-height:320px; background-image:none}
.box-testi.form a{color:#FC0; border-bottom: dotted 1px #FC0;font-size:1.3em}.box-testi.form a:hover{color:#fff; border-bottom:none;}
.box-testi.contatti{width:910px;top:10px;float:left;margin-right:10px;min-height:388px;}
.box-testi.prodotti{width:840px;background-image:none; margin-top:-8px; min-height:580px}
.box-testi h1{margin:-10px auto 24px 36px; padding:0; color:#FFF}
.box-testi h2{height:20px;width:95%;margin:auto;}
.box-testit h3{text-align:left}
.box-testi p{padding:14px 0 8px;width:494px;position:relative;margin:auto;margin-bottom:24px;margin-left:36px;float:left}
.box-testi p.prodotti{ width:600px;margin-top:-20px;}
.box-testi p a{border-bottom:dotted 1px #C9BE36}
.box-testi img{margin:auto auto 36px;padding:5px;background:rgba(0,0,0, .4);border:solid 1px #585249;border-radius:4px;}
.box-testi img.home{float:right; margin:.4em auto 0 12px;}
/* contenitore di destra */
.col-dx{min-height:380px;width:300px;float:left;clear:right;margin-top:30px;padding-top:8px;margin-left:0px;}
.col-dx h3{width: 90%;margin-right: auto;margin-left: auto;margin-bottom:4px;padding-bottom:1px;}
.col-dx h2{margin-top:20px;margin-bottom:18px;margin-left:12px}
.col-dx p{width: 90%;margin: auto auto 20px;}

/* _____ SUB SLIDER PRODOTTI ___________________________________________________________________________________________________________*/
.ui-tabs-hide{display:none;}
#sub-slider {font-size:1.2em;font-weight: normal;width:auto;cursor: pointer;margin-bottom:10px;float:left;margin-left:36px; margin-top:-8px}
#sub-slider li {display:inline;}
#sub-slider li a {padding:3px 8px;margin-right:1px;color:#8A8275;background:#292621;border:solid 1px #666;outline:none;border-radius:3px;font-weight:normal}
#sub-slider li a:hover {background:#0D0C0A;color:#FFF;}
#sub-slider li.ui-tabs-selected a, #sub-slider li.ui-tabs-selected a:hover {background:#C93;color:#FFF;text-shadow:1px 1px 1px #222}

#container-2{/*height:720px;*/ padding-bottom:42px}

#formaggi,#salumi,#specialita,#vini{margin-top:0px;color:#fff;float:left;width:100%;min-height:380px;margin-left:36px;border-radius:4px;}
#formaggi ul,#salumi ul,#specialita ul,#vini dl{float:left; margin:12px 24px 24px 12px;text-align:left; font-size:1.2em; line-height:1.5em;min-height:132px; min-width:150px}
#vini dl{ min-width:92px;margin:6px 10px 24px 8px; min-height:40px}
#vini dt{color:#F90}
#vini dd{font-size:.8em;}

/* _____ GALLERY __________________________________________________________________________________________________________*/
.gallery h2{width:476px;height:28px;margin:auto auto auto 28px; padding-left:18px}
ul#refItems{width:100%;float:left; margin-top:5px}
ul#refItems li{float:left; margin:8px 8px 0 0;padding:5px;}
ul#refItems li:hover{ border-color:#C93}
.itemImg img{padding:13px; border:solid 1px #746e63; background:rgba(0,0,0, .5); border-radius:5px; margin-top:24px }
#content p.caption{background:rgba(0,0,0, .4);border-radius:5px;width:490px;border:solid 1px #746e63;height:40px;padding:4px 8px;font-weight:normal;font-size:1.1em;margin-top:-20px;margin-left:26px }

/* CONTATTI hcard*/
#container-4{min-height:567px}
#contatti h2{width:476px;height:28px;margin:21px auto 8px; padding-left:18px}
#contatti h2:first-child{margin-top:-40px}
#map{width:492px;height:218px; padding:1px; margin-left:32px}
#map iframe{width:480px; height:206px; border-radius:6px; margin-top:6px; overflow:hidden}

.contatti h3{margin-top:30px;margin-bottom:1px; width:340px;float:right;height:20px;background-color:#333;margin-right:10px;line-height:20px;color: #FFF;}
.contatti iframe{float:left;margin-top:0px;margin-left:40px;border:solid 1px #333}

.infos{width:296px;height:176px;margin-top:-18px}
.infos.inf{margin-top:102px}.infos.inf h3{margin-top:12px;}.infos.inf p{font-size:1.2em}
.infos.inf p a{}.infos.inf p a:hover{}
.given-name{margin:12px 0 0 12px;}
.additional-name{margin:0 0 24px 12px;}
.street-address{ display:inline; margin:12px 0 0 12px;}
.tel:before{ content: "Tel. "}
div.email:before{content: "Email: "}
.tel,div.email{margin-left:12px;}

/* _____ FORM layout ____________________________________________________________________________________________________________*/
form {width:494px; height:220px; margin-left:32px} 
form div{width:40%;float:left;text-align:left}
form div.text{float:left; width:382px; margin-left:12px;}
label{text-align:left;width:100%;display:block;padding-left:20px;margin-top:12px}
form div.text label{padding-left:9px}
input{background:url(img/bg-field.png) 0px 3px no-repeat; width:180px;height:30px;border:none; margin-left:12px; padding-left:6px}
input:focus{ background-position:0 -28px}
textarea{width:376px; background:url(img/bg-txtarea.png) 0 2px no-repeat; height:115px; border:none; padding-left:6px; padding-top:4px;}
textarea:focus{ background-position:0 -118px} 
div.form-button{float:left;height:109px;width:71px;margin-top:36px}
div.form-button button{height:110px;width:75px;background:url(img/bg-send.png) 0 0 no-repeat;border:none} 
div.form-button button:hover{background-position:0 -110px}
/* CSS3 FF e Safari */
#header{-moz-border-radius:8px;-moz-box-shadow:3px 3px 5px #111;-webkit-border-radius:8px;-webkit-box-shadow:3px 3px 5px #111;}
#content{-moz-box-shadow:3px 3px 5px #111;-moz-border-radius:8px;-webkit-box-shadow:3px 3px 5px #111;-webkit-border-radius:8px;}
ul#refItems li{-moz-border-radius:4px;-webkit-border-radius:4px;}
.itemImg img{-moz-border-radius:5px;-webkit-border-radius:5px;}
#content p.caption{-moz-border-radius:5px;-webkit-border-radius:5px;}
#contatti h2,#map,ul#refItems li,form,.box-testi img,.infos,#formaggi,#salumi,#specialita,#vini,.gallery h2{-moz-border-radius:4px;-webkit-border-radius:4px;}
#sub-slider li a {-moz-border-radius:3px;-webkit-border-radius:3px;}