@charset "utf-8";
/* CSS Document */

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

body {color: #fed; font-family: Georgia, "Times New Roman", Times, serif; font-size: 75%; text-shadow: 1px 1px 2px #000;}

h1, h2, h3, h4 {font-weight: normal; margin: 1.2em 16px .4em 16px;}

h1 {font-size: 160%; margin-top: 0em;  color: #D77}
h2 {font-size: 140%; color: #ca9; color: #D77 }
/*h3 {font-size: 130%; color: #CB5; margin-bottom: 1em; clear: both}*/
h3 {font-size:130%;color:#999;margin:1.1em 16px .3em 16px;}
h3 a {color:#CB5;margin-bottom:1em;clear:both;}

abbr {border-bottom: none}

blockquote{font-style:italic; margin-left:32px; width:540px;}
blockquote:before{content:open-quote}
blockquote:after{content: close-quote}

p, ul, dl/*iframe*/ {margin: 1em 16px .5em 16px; line-height: 1.5em; color: #e5e5e5}

h4, dt {font-size: 125%; color: #999; margin: 1.1em 16px .3em 16px; }
li, dd {margin: .3em 16px; line-height: 1.1em; color: #CCC}
dd {margin-left: 48px}

p img, dt img {float: right; margin-left: 12px; border: 1px solid #604545}
p img.r {float:right; margin: 6px 8px 16px 48px;}
p img._2{margin-right:-26px}
p img.r[alt*="logo vinitaly"]{border:none}
p.biblio{font-size:.9em; text-align:right; color:#999;}
p.biblio:before{content: "- "}
p.biblio:after{content: " -"}

h3 img {float: left; margin: .25em 12px 1em 0; border: 1px solid #6045459}

a, a:visited {text-decoration:none;color:#cb5;}
a:hover {color:#e6ddaa; border-bottom: 1px solid #e6ddaa;}

#mainContent a,#mainContent a:visited,.col a {font-style:italic}
#mainContent a:hover{ border-bottom:solid 1px #e6ddaa}
#mainContent h3 a:hover {border-bottom:none}
strong {color: #999/*A9C*/}

.little {font-size: 60%; color: #999; }
#header h1 {margin-bottom: 0; font-variant: small-caps; font-size: 250%}
#header h1 img {margin: -12px 12px 0 0;}
#header h1 {clear: both; margin: 24px 0 0 24px; margin: 110px 0 0 24px;text-shadow: 0px 0px 3px #000;}
#header h1 a, #header h1 a:visited {border:none;color: #EEE}
#header h1 a.little , #header h1 a:visited .little {font-size:55%;color:#CCC;line-height:.45em;}
#header h1 a:hover {color:#FFF}
#header h1 a:hover .little {color:#DDD}

.home-box {width: 49.5%; float:left; margin-bottom: 0;}
.home-box ul, .home-box h3 {margin-right: 0}

#logo {position: absolute; top:76px; left: 0px; /* <-- serve per non sconciare il flood*/ z-index: 2000; width: 380px; height:79px; display:block}
#logo a{display:block;width:100%;height:100%; text-indent:-10000px; background:url(img/logo-grafico.png)}
#logo a:hover{border-bottom:none}
#logo img {float: left; margin-right: 16px; margin-top: 0}

#wrapper {width: 840px; float:left; background: url(img/backgound_85.png); margin: 0 auto 0 2.0%; overflow:hidden;}

#nav {margin: 0 16px 32px 16px; background: #602525;}
#nav ul { list-style: none; height: 2.4em; font-size: 133%; width: 100%; padding: 0; margin: 0 0 0 16px}
#nav ul li {float: left; margin: .4em 4px 0 0; height: 2.0em; line-height: 2.0em; font-variant: small-caps; text-align: center}
#nav ul li a, #nav ul li a:visited {display: block;  border: none; color: #DDD; padding: 0 16px;background-color: #602525;
-o-transition-property: background-color; -o-transition-duration: 1s;
-webkit-transition-property: background-color;-webkit-transition-duration: .7s;
-moz-transition-property: background-color;-moz-transition-duration: .7s;}
#nav ul li a:hover {background: #311; color: #FFF}

#nav2 {margin: -24px 16px 32px 0;}
#nav2 ul { list-style: none; height: 1.8em; width: 100%; padding: 0; margin: 0}
#nav2 ul li {float: left; margin: 0; height: 1.8em; line-height: 1.8em; margin: 0 0 0 24px; font-variant: small-caps; text-align: center}
#nav2 ul li a, #nav2 ul li a:visited {display: block; width:100%; height: 100%;  border: none; color: #999; padding: 0 12px;}
#nav2 ul li a:hover {color: #EEE}

#infoContainer {height: 2.2em; background: #602525; margin: 0 16px; width: auto; font-size: 115%; /*padding-top: 0.6em*/}
#info {float: right; list-style: none; height: 2.0em; margin: 0.4em 12px 0 0}
#info li {float: left; margin: 0 12px 0 16px; height: 1.8em; line-height: 1.8em; text-align: center}
#info li:last-child {margin-right: 24px}
#info li a, #info li a:visited {display: block; width:100%; height: 100%; color: #e5e5e5; border: none; padding: 0 12px;}
#info li a:hover {color: #FFF; background-color: #311}

#langContainer {height: 2.2em;  margin: 0 16px; width: auto; font-size: 115%; /*padding-top: 0.6em*/}
#language {float: right; list-style: none; height: 2.0em; margin: 0.4em 12px 0 0}
#language li {float: left; margin: 0 12px 0 16px; height: 1.8em; line-height: 1.8em; text-align: center}
#language li:last-child {margin-right: 24px}
#language li a, #info li a:visited {display: block; width:100%; height: 100%; color: #e5e5e5; border: none; padding: 0 12px;}
#language li a:hover {color: #FFF; background-color: #311}

#Content {clear: both; float: left; width: 100%; margin: 0 16px ;font-size: 133%; min-height: 580px}

@media all and (min-height: 960px){#Content {min-height:588px; margin-bottom:0}}
@media all and (min-height: 1051px){#Content {min-height:690px; margin-bottom:0}}

#mainContent {width: 642px; float: left;}

.linea{width:100%;float:left;margin-top:1em; padding-bottom:1em; border-bottom:dotted 1px #333}
.linea:last-child{margin-bottom:16px; border:none}

.griglia{float:left;}
div._1{ width:33%}
div._2{width:33%;}
._3{width:30%;margin-left:24px;}
._3 ul,._3 ul li,._3 ul li a{list-style:none; margin-left:0; padding-left:0;padding-right:0; margin-right:0}
._3 ul{width:124px; margin-top:20px}
.linea ._3 img{margin:-40px 0 0}

.linea h3{margin-top:.5em; margin-bottom:0}
.linea dl{padding-left:0;float:left;margin-top:0;margin-right:0;width:203px; min-height:200px;font-size:.85em;}
.linea dt,.linea dd{margin-left:0; padding:0; margin-right:0;}
.linea dd{ line-height:1.33em}
.linea img{margin:6px 24px 0 -4px; float:right; border:none}

#cols_container{float:left;margin:30px 0 30px 16px; width:774px;}

.col{width:387px;min-height:120px;float:left;margin:0 0px 24px 0;}
.col h3, .col p,.col dl, .col dt, .col dd{margin:0; padding:0;}
.col h3{ font-size:1.1em; margin-bottom:6px}
/*.col h4{margin:0 0 8px 0;font-size:100%;}*/
.col p, .col dt, .col dd{font-size:.95em;}
.col p,.col dl{width:370px}
.col ul{font-size:.9em;margin:0 auto auto 17px}
.col img{float:right;margin-left:14px;margin-top:.4em}
.col.right p,.col.right dl,.col.right h3,.col.right h4{ margin-left:19px}
.col.right img{ margin-right:0}

dl.scheda-home{width:308px;float:left; margin-bottom:10px;}
.scheda-home dt{float:left;clear:both;margin-top:12px; padding-top:0;height:16px; line-height:16px}
.scheda-home dd{float:right;width:160px; line-height:16px; margin-top:12px}
.scheda-home+p {clear:both}
/* box contenitore pagina vini */
.container-vini{float:left; width: 318px; margin-bottom: 24px}

.container-vini h3{margin-top:6px; margin-bottom:4px; height:33px;padding-left:0px;/*background:url(img/bullet.png) right center no-repeat;*/ width:100%}
.container-vini h3 img{margin-left:-50px;border:solid 1px #333/*604545*/; }
.container-vini h3 a{color:#CB5;line-height:44px}
.container-vini h3 a:hover{color:#E6DDAA}

.container-vini ul{font-size:.75em; margin-top:4px; margin-bottom:4px;}
.container-vini ul li{padding:0; margin:0; width:100%;white-space:nowrap;line-height:1.4em;color:#999;list-style-type:none}
.container-vini p{ font-size:.9em; margin: 16px; overflow:hidden}
.container-vini img{ margin-top:.4em;float:left;}

#extraContent {width: 178px; float: right; font-size: 85%}
#extraContent dl, #extraContent p {margin-left: 0px; margin: 0 24px 16px 0; }
#extraContent dl {float: right;}
#extraContent dt {font-variant: small-caps; margin-top: 24px}
#extraContent dd {margin-left: 32px}

#footer {clear: both; width: auto; background: #602525; margin: 24px 16px 0 16px; padding: 8px 0 1.33em 0; position:relative}

#footer p {margin-left: 24px}

#nav3 a, #nav3 a:visited {color: #BBB; border-bottom: none;margin-left:0;}
#nav3 a:hover {color: #EEE;}
#nav3 dl {display: none}

dd.divide {margin-top: 24px}

#bottiglia-vino {float: right; width: 150px; /*margin-right: 24px*/}
#scheda-del-vino {float: left; width: 492px; position:relative}

#scheda-del-vino dt {width: 160px; float: left; margin: 12px 0 12px 16px; clear: both;}
#scheda-del-vino dd {width: 282px; float: right; margin: 12px 16px; }

#scheda-del-vino ul{position:absolute;width:120px;font-size:.85em;list-style:none;background:rgba(255,255,255, .05);padding-left:6px;padding-bottom:8px;border-radius:4px;-moz-border-radius:4px; right:-50px; top:0px}
#scheda-del-vino ul li{/*height:24px;*/margin-top:12px;margin-left:0}
#scheda-del-vino ul li a{line-height:1.4em; border:none}
#scheda-del-vino ul li a.pdf{/*background:url(img/pdf.png) left center no-repeat;padding-left:24px;*/}
#scheda-del-vino ul li a.scheda-completa{/*background:url(img/scheda2.png) left center no-repeat;padding-left:24px;*/}
#scheda-del-vino ul li a.etichetta{/*background:url(img/etichetta.png) left center no-repeat;padding-left:24px;*/}

/*mappe*/
iframe.maps{ width:760px; height:440px;margin: 1em 16px .5em 16px; line-height: 1.5em; color: #e5e5e5}
#map-container{float:right;width:400px;margin-right:-120px;margin:-62px -152px 24px 24px;}
/*GALLERY*/
dl.gallerie{float:left;width:50%;margin:0;}
dl.gallerie dt{font-size:1em}
dl.gallerie dd{font-size:.8em; min-height:100px;margin-bottom:18px;overflow:hidden; line-height:1.2em;margin-left:16px;}
dl.gallerie img{ margin-top:.4em}
.gallery {list-style:none; margin-top:0}
.gallery li{display:inline-block;margin:8px 8px 0 0}
.gallery li a{display:block;text-decoration:none;padding:4px;border:solid 1px #333;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;opacity:.7;background:rgba(0,0,0,.3);
-o-transition-property: opacity;-o-transition-duration:.5s;
-moz-transition-property: opacity;-moz-transition-duration:.5s;
-webkit-transition-property: opacity;-webkit-transition-duration:.5s;}
#mainContent .gallery li a:hover{ opacity:1; border-bottom-color:#333;}

/*FORM*/
form{width:540px;height:240px;margin-top:5px; margin-bottom:12px;float:left;height:260px;}
fieldset{border:none;}
fieldset div{width:49%;float:left}
label{display:block;font-size:.9em;margin-bottom:4px;cursor:pointer; padding-left:4px}
label:hover{color:#ccc}
.mail{margin-left:8px;}
.messaggio{width:99%;margin-top:6px;}
input{width:96%; margin-bottom:12px}
textarea{width:99%;height:130px;resize:none;}
input,textarea{background:rgba(0,0,0,.3);border:solid 1px #1f1f1f; border-color:#1f1f1f;padding:2px 0 2px 4px;outline:none;
border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;color:#666; margin-left:3px;
-o-transition-property:background-color;-o-transition-duration:.5s;
-moz-transition-property:background-color;-moz-transition-duration:.5s;
-webkit-transition-property:background-color;-webkit-transition-duration:.5s;}
input:focus,textarea:focus{background-color:rgba(0,0,0,.7);border-color:#333;color:#eee}
.req:after{content: " *";}
button{margin:auto;display:block; width:80px;height:26px;font-size:1em;
	text-shadow:1px 1px 1px #111;
	color: #fef4e9;
	border: solid 1px #000;
    border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
	background: #5d5d5d;
	background: -webkit-gradient(linear, left top, left bottom, from(#5d5d5d), to(#2d2d2d));
	background: -moz-linear-gradient(top,  #5d5d5d,  #2d2d2d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d5d5d', endColorstr='#2d2d2d')
}
button:hover{background: #7d7d7d;
	background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#363636));
	background: -moz-linear-gradient(top,  #656565,  #363636);}
    
/*Vcard*/
.vcard{width:640px;margin-bottom:12px;min-height:80px;}
.vcard p{width:423px;}
.tel{width:190px;float:right;margin:-29px 10px auto auto}
.vcard p.secondo{float:left;width:486px; margin-top:6px}
.email{float:right}
/* CSS PER LA PAGINA CONTATTI QUANDO C'E' IL FORM (eliminare quello di sopra)
.vcard{width:640px;margin-bottom:12px;min-height:80px;}
.vcard p{width:423px;}
.tel{width:190px;float:right;margin:-29px 10px auto auto}
*/

#Content h2+p{margin-top:-6px}

/** STUDIO **/
#studio{position:absolute;width:146px;height:34px; right:0px; bottom:32px}
#studio p{width:146px;height:34px;position:relative;border:none}
#studio a{display:block;width:100%;height:100%;position:absolute;text-indent:-10000px;top:7px;right:54px;border:none;background: url(img/logo-studio.png) 0 -35px no-repeat;}
#studio a:hover{ background-position: 0 0}

/*___ under construction _____*/
#siteunderconstruction {width: 100%; background: #FF0; color: #F00; font-weight: bold; text-align: center; text-shadow: none}

/* __________ CSS3 ________________ */
#infoContainer,#nav{-moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-left-radius: 8px;-webkit-border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;box-shadow:0px 0px 2px #000;-moz-box-shadow:0px 0px 2px #000;-webkit-box-shadow:0px 0px 2px #000}
#footer,#blinds-cont {-moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px; border-top-left-radius: 8px;border-top-right-radius: 8px;box-shadow:0px 0px 2px #000;-moz-box-shadow:0px 0px 2px #000;-webkit-box-shadow:0px 0px 2px #000}
#nav ul li a,#info li a {background-color:#602525;-o-transition-property:background-color;-o-transition-duration:.7s;-webkit-transition-property: background-color;-webkit-transition-duration: .8s;}
.gallery li a{-moz-border-radius:6px;-wbkit-border-radius:6px}
#sb-wrapper-inner{-moz-border-radius:8px;-wbkit-border-radius:8px}
#nav ul li a {-moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px; border-top-left-radius: 8px;border-top-right-radius: 8px;}