@charset "UTF-8";
/* CSS Document */
/* ----------------------------------------------------------- CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need ‘cellspacing="0"’ in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* ----------------------------------------------------------- GENERAL */
body{
	font-family:Arial, Helvetica, sans-serif;
	color:#8A8A8A;
	font-size:11px;
	line-height:16px;
	background:#FFFFFF;
}
a{
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
}
h2{
	color:#FFFFFF;
}
h2 img{
	position:absolute;
	top:0px;
	left:0px;
}
#container{
	position:absolute;
	width:950px;
	height:600px;
	margin-left:-475px;
	margin-top:-300px;
	top:50%;
	left:50%;
	overflow:hidden;
	background:url(img/bg/bianco.jpg) no-repeat;
}
#header{
	float:left;
	position:relative;
	width:950px;
	height:115px;
	overflow:hidden;
}
		h1{
			position:absolute;
			top:40px;
			left:40px;
			width:180px;
			height:48px;
			overflow:hidden;
		}
		h1 a{
			color:#ECECEC;
		}
		h1 img{
			position:absolute;
			top:0px;
			left:0px;
			width:180px;
			height:48px;
		}
		#header ul{
			position:absolute;
			top:40px;
			left:300px;
			width:640px;
			height:65px;
			overflow:hidden;
		}
		#header li{
			float:left;
			position:relative;
			height:65px;
			margin-right:40px;
		}
		#header .tedesco li{
			margin-right:20px;
		}
		#header li ul{
			top:13px;
			left:0px;
			height:52px;
			width:180px;
		}
		#header li ul li{
			height:13px;
			width:180px;
			z-index:100;
		}
		#header .ultimo-li{
			margin-right:0px;
		}
		#header li a{
			font-family:"Times New Roman", Times, serif;
			font-size:11px;
			text-transform:uppercase;
			color:#B3B3B3;
		}
		#header li a:hover, #header li a.sel{
			color:#595959;
		}
#content{
	float:left;
	position:relative;
	width:950px;
	height:465px;
	overflow:hidden;
}
#footer{
	float:left;
	position:relative;
	width:950px;
	height:20px;
	color:#B5B5B5;
	font-size:9px;
	overflow:hidden;
}
		#footer a{
			color:#B5B5B5;
			font-size:9px;
		}
		#footer-sx{
			position:absolute;
			bottom:1px;
			left:1px;
		}
		#icone-footer{
			position:absolute;
			top:5px;
			left:200px;
			display:block;
		}
		#icone-footer img{
			margin-right:3px;
		}
		#footer-dx{
			position:absolute;
			bottom:1px;
			right:1px;
		}
		#footer-sx a:hover, #footer-dx:hover span{
			color:#888888;
		}
/* ----------------------------------------------------------- INDEX */
#container-index{
	overflow:hidden;
	border:0px;
	padding:0px;
	margin:0px;
	position:relative;
}
.blocco-index{
	width:320px;
	height:110px;
	background:#EEEEEE;
	position:absolute;
	overflow:hidden;
	padding:10px;
	left:40px;
}
.blocco-index a{
	font-size:11px;
	line-height:16px;
	color:#8A8A8A;
}
#index #scelta-d{
	bottom:65px;
}
#index #scelta-eng{
	bottom:205px;
}
#index #scelta-ita{
	bottom:345px;
}
#index .blocco-index a:hover{
	color:#666666;
}
#index .corsivo{
	font-style:italic;
}
#index .entra{
	font-family:"Times New Roman", Times, serif;
}
#index #icone{
	position:absolute;
	left:40px;
	bottom:28px;
}
#index #icone img{
	margin-right:10px;
}
#index #img1{
	position:absolute;
	bottom:60px;
	right:40px;
}
#index #img2{
	position:absolute;
	bottom:-50px;
	right:-50px;
}
#index #footer{
	position:absolute!important;
	bottom:0px;
}
		#index #footer-sx{
			bottom:2px;
			left:40px;
		}
		#index #footer-dx{
			bottom:2px;
			right:40px;
		}
/* ----------------------------------------------------------- HOME */
#home #content{
	color:#FFFFFF;
}
#home #content img{
	position:absolute;
	top:0px;
	left:0px;
}
/* ----------------------------------------------------------- STORIA */
#storia #content{
	background:url(img/bg/storia.jpg) no-repeat;
}
#storia #maschera{
	position:absolute;
	top:0px;
	left:43px;
	width:864px;
	height:465px;
	overflow:hidden;
}
#storia #slide{
	position:absolute;
	top:0px;
	left:0px;
	width:2592px;
	height:465px;
}
#storia .blocco{
	float:left;
	position:relative;
	width:288px;
	height:465px;
}
#storia h2{
	position:absolute;
	top:4px;
	left:10px;
}
#storia #slide p{
	position:absolute;
	top:110px;
	left:11px;
	width:238px;
}
#storia .tedesco p{
	top:100px!important;
	width:255px!important;
}
#storia .immagine{
	position:absolute;
	bottom:45px;
	left:11px;
	width:120px;
	height:120px;
}
#storia .tedesco .immagine{
	bottom:40px;
	width:110px;
	height:110px;
}
#storia .anno{
	position:absolute;
	bottom:10px;
	left:1px;
}
#storia .linea-verticale{
	position:absolute;
	top:4px;
	left:0px;
	width:1px;
	height:432px;
	background:#CCCCCC;
}
#storia #linea-orizontale{
	position:absolute;
	top:436px;
	left:43px;
	width:864px;
	height:1px;
	background:#CCCCCC;
}
#storia #tratteggio-sx{
	position:absolute;
	top:436px;
	left:7px;
	width:36px;
	height:1px;
}
#storia #tratteggio-dx{
	position:absolute;
	top:436px;
	right:7px;
	width:36px;
	height:1px;
}
#storia #tratteggio-sx .tratto{
	float:right;
	width:6px;
	height:1px;
	background:#CCCCCC;
	margin-left:6px;
}
#storia #tratteggio-dx .tratto{
	float:left;
	width:6px;
	height:1px;
	background:#CCCCCC;
	margin-right:6px;
}
#storia #freccia-sx{
	position:absolute;
	top:400px;
	left:20px;
}
#storia #freccia-dx{
	position:absolute;
	top:400px;
	right:20px;
}
/* ----------------------------------------------------------- FAMIGLIA */
#famiglia #container{
	background:url(img/bg/famiglia.jpg) no-repeat;
}
#famiglia #header li a{
	color:#FFFFFF;
}
#famiglia #header li a:hover, #famiglia #header li a.sel{
	color:#222222;
}
#famiglia h2{
	position:absolute;
	top:115px;
	left:30px;
}
#famiglia p{
	position:absolute;
	bottom:20px;
	left:30px;
	width:230px;
}

/* ----------------------------------------------------------- MISSION */
#mission #container{
	background:url(img/bg/mission.jpg) no-repeat;
}
#mission #header li a{
	color:#FFFFFF;
}
#mission #header li a:hover, #mission #header li a.sel{
	color:#999999;
}
#mission h2{
	position:absolute;
	top:0px;
	left:30px;
}
#mission h2.tedesco{
	left:20px;
}
#mission p{
	position:absolute;
	bottom:70px;
	left:30px;
	width:230px;
}
#mission .tedesco p{
	left:20px;
	width:250px;
}
#mission p a{
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	color:#8A8A8A;
}
#mission p a:hover{
	color:#666666;
}
#mission #loghi{
	position:absolute;
	bottom:5px;
	left:30px;
}
/* ----------------------------------------------------------- NARDINI E L'ARTE */
#arte #container{
	background:url(img/bg/arte.jpg) no-repeat;
}
#arte #header li a{
	color:#AAAAAA;
}
#arte #header li a:hover, #arte #header li a.sel{
	color:#FFFFFF;
}
#arte h2{
	position:absolute;
	top:10px;
	left:30px;
}
#arte #menu-secondario{
	position:absolute;
	top:140px;
	left:28px;
}
#arte #menu-secondario a{
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#8A8A8A;
	text-transform:uppercase;
}
#arte #menu-secondario a:hover, #arte #menu-secondario a.sel{
	color:#333333;
}
#arte p{
	position:absolute;
	bottom:20px;
	left:30px;
	width:230px;
}
#arte p a{
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	color:#8A8A8A;
}
#arte p a:hover{
	color:#666666;
}
/* ----------------------------------------------------------- DISTILLERIE */
#distillerie #content{
	background:url(img/bg/distillerie.jpg) no-repeat;
}
#distillerie h2{
	position:absolute;
	top:30px;
	left:30px;
}
#distillerie p{
	position:absolute;
	top:100px;
	left:30px;
	width:230px;
	color:#FFFFFF;
}
#distillerie p.tedesco{
	top:78px;
}
/* ----------------------------------------------------------- DISTILLERIA BASSANO */
#bassano #content{
	background:url(img/bg/distilleria-bassano.jpg) no-repeat;
}
#bassano h2{
	position:absolute;
	top:30px;
	left:30px;
}
#bassano p{
	position:absolute;
	top:100px;
	left:30px;
	width:230px;
	color:#FFFFFF;
}
#bassano p.tedesco{
	top:78px;
}
#bassano p a{
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
}
#bassano p a:hover{
	color:#AAAAAA;
}
/* ----------------------------------------------------------- DISTILLERIA MONASTIER */
#monastier #content{
	background:url(img/bg/distilleria-monastier.jpg) no-repeat;
}
#monastier h2{
	position:absolute;
	top:30px;
	left:30px;
}
#monastier p{
	position:absolute;
	top:100px;
	left:30px;
	width:230px;
	color:#FFFFFF;
}
#monastier p.tedesco{
	top:78px;
}
#monastier p a{
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
}
#monastier p a:hover{
	color:#AAAAAA;
}
/* ----------------------------------------------------------- PRODOTTI */
#prodotti #img-prodotto{
	position:absolute;
	top:0px;
	left:50px;
	width:150px;
	height:460px;
}
#prodotti h2{
	position:absolute;
	top:100px;
	left:300px;
}
#prodotti #pre-scheda{
	position:absolute;
	top:0px;
	left:300px;
	width:650px;
	height:465px;
}
#prodotti #pre-scheda p{
	position:absolute;
	top:180px;
	left:0px;
	width:600px;
}
#prodotti #pre-scheda p a{
	color:#8A8A8A;
	font-size:11px;
	font-family:"Times New Roman", Times, serif;
}
#prodotti #pre-scheda p a:hover{
	color:#666666;
}
#prodotti #pre-scheda ul{
	position:absolute;
	bottom:50px;
	left:0px;
	width:630px;
	height:122px;
}
#prodotti #pre-scheda li{
	float:left;
	position:relative;
	width:30px;
	height:122px;
}
#prodotti #pre-scheda .li-piccolo{
	width:15px;
}
#prodotti #pre-scheda .li-largo{
	width:40px;
}
#prodotti #pre-scheda li img{
	position:absolute;
	bottom:0px;
	left:0px;
	width:30px;
	height:92px;
}
#prodotti #pre-scheda .porta-su{
	z-index:100;
}
#prodotti #pre-scheda li span{
	position:absolute;
	top:-32px;
	left:-40px;
	width:112px;
	height:38px;
	text-align:center;
	background:url(img/fumetto.jpg) no-repeat;
	font-size:10px;
	line-height:12px;
	padding-top:2px;
	color:#8A8A8A;
}
#prodotti #pre-scheda .tedesco li span{
	padding-top:4px;
	font-size:8px;
	line-height:10px;
}
#prodotti #scheda{
	position:absolute;
	top:80px;
	left:300px;
	width:650px;
	height:405px;
}
#prodotti .tedesco table{
	margin-top:-12px;
}
#prodotti #scheda table{
	width:600px;
}
#prodotti #scheda td{
	padding-bottom:10px;
}
#prodotti #scheda span{
	font-family:"Times New Roman", Times, serif;
	color:#666666;
	font-size:12px;
	display:block;
	width:190px;
}
#prodotti #chiudi-scheda{
	position:absolute;
	bottom:30px;
	left:0px;
	color:#8A8A8A;
	font-size:11px;
	font-family:"Times New Roman", Times, serif;
}
#prodotti #chiudi-scheda:hover{
	color:#666666;
}
#prodotti #pre-scheda #distillati{
	position:absolute;
	bottom:10px;
	left:0px;
}
#prodotti #pre-scheda #liquori{
	position:absolute;
	bottom:10px;
	left:235px;
}
/* ----------------------------------------------------------- RICETTE */
#ricette #content{
	background:url(img/bg/storia.jpg) no-repeat;
}
#ricette h2{
	position:absolute;
	top:65px;
	left:43px;
}
#ricette #maschera{
	position:absolute;
	top:140px;
	left:43px;
	width:864px;
	height:325px;
	overflow:hidden;
}
#ricette #slide{
	position:absolute;
	top:0px;
	left:0px;
	width:3456px;
	height:325px;
}
#ricette .blocco{
	float:left;
	position:relative;
	width:864px;
	height:325px;
}
#ricette .blocco img{
	position:absolute;
	top:0px;
	left:0px;
	width:175px;
	height:200px;
}
#ricette .blocco h3{
	position:absolute;
	top:0px;
	left:250px;
	text-transform:uppercase;
}
#ricette .blocco span{
	position:absolute;
	top:0px;
	right:100px;
}
#ricette .blocco p{
	position:absolute;
	top:30px;
	left:250px;
	width:460px;
}
#ricette #freccia-sx{
	position:absolute;
	top:250px;
	left:10px;
}
#ricette #freccia-dx{
	position:absolute;
	top:250px;
	right:10px;
}
#ricette #linea-orizontale{
	position:absolute;
	top:100px;
	left:43px;
	width:864px;
	height:1px;
	background:#CCCCCC;
}
#ricette #tratteggio-sx{
	position:absolute;
	top:100px;
	left:7px;
	width:36px;
	height:1px;
}
#ricette #tratteggio-dx{
	position:absolute;
	top:100px;
	right:7px;
	width:36px;
	height:1px;
}
#ricette #tratteggio-sx .tratto{
	float:right;
	width:6px;
	height:1px;
	background:#CCCCCC;
	margin-left:6px;
}
#ricette #tratteggio-dx .tratto{
	float:left;
	width:6px;
	height:1px;
	background:#CCCCCC;
	margin-right:6px;
}
/* ----------------------------------------------------------- BOLLE */
#bolle #content{
	background:url(img/bg/bolle.jpg) no-repeat;
}
#bolle h2{
	position:absolute;
	top:30px;
	left:30px;
}
#bolle p{
	position:absolute;
	bottom:10px;
	left:30px;
	width:230px;
	color:#FFFFFF;
}
#bolle p.tedesco{
	width:260px;
}
#bolle #content a{
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
}
#bolle #content a:hover{
	color:#AAAAAA;
}
/* ----------------------------------------------------------- EVENTI */
#eventi #content{
	background:url(img/bg/visite-bolle.jpg) no-repeat;
}
#eventi h2{
	position:absolute;
	top:10px;
	left:30px;
}
#eventi p{
	position:absolute;
	top:80px;
	left:30px;
	width:230px;
}
#eventi #content a{
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	color:#8A8A8A;
}
#eventi #content a:hover{
	color:#666666;
}
/* ----------------------------------------------------------- GRAPPERIA */
#grapperia #content{
	background:url(img/bg/grapperia.jpg) no-repeat;
}
#grapperia h2{
	position:absolute;
	top:30px;
	left:30px;
}
#grapperia p{
	position:absolute;
	top:100px;
	left:30px;
	width:230px;
	color:#FFFFFF;
}
#grapperia p.tedesco{
	width:270px;
	top:78px;
}
#grapperia #content a{
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
}
#grapperia #content a:hover{
	color:#AAAAAA;
}
/* ----------------------------------------------------------- VISITE GUIDATE */
#visite-bolle #content{
	background:url(img/bg/visite-bolle.jpg) no-repeat;
}
#visite-grapperia #content{
	background:url(img/bg/visite-grapperia.jpg) no-repeat;
}
#visite-bolle h2, #visite-grapperia h2{
	position:absolute;
	top:30px;
	left:30px;
}
#visite-bolle #content div, #visite-grapperia #content div{
	position:absolute;
	top:120px;
	left:30px;
	width:420px;
	height:345px;
}
#visite-bolle #p-sx, #visite-grapperia #p-sx{
	position:absolute;
	bottom:30px;
	left:0px;
}
#visite-bolle #p-dx, #visite-grapperia #p-dx{
	position:absolute;
	bottom:30px;
	right:0px;
}
#visite-bolle #content a, #visite-grapperia #content a{
	color:#8A8A8A;
	font-size:11px;
}
#visite-bolle #content a:hover span, #visite-grapperia #content a:hover span{
	color:#666666;
}
#visite-bolle form, #visite-grapperia form{
	position:absolute;
	top:120px;
	right:30px;
	width:330px;
	height:345px;
}
#visite-bolle fieldset, #visite-grapperia fieldset{
	float:left;
}
#visite-bolle label, #visite-grapperia label{
	float:left;
	position:relative;
	width:330px;
	height:20px;
	font-family:"Times New Roman", Times, serif;
}
#visite-bolle #label-1, #visite-grapperia #label-1{
	height:40px;
	font-family:Arial, Helvetica, sans-serif;
}
#visite-bolle #label-note, #visite-grapperia #label-note{
	height:60px;
}
#visite-bolle input, #visite-bolle textarea, #visite-grapperia input, #visite-grapperia textarea{
	position:absolute;
	top:0px;
	right:0px;
	border-top:0px;
	border-right:0px;
	border-bottom:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
	background:#FFFFFF;
	color:#8A8A8A;
}
#visite-bolle input, #visite-grapperia input{
	width:220px;
}
#visite-bolle #invia, #visite-grapperia #invia{
	width:80px;
	font-family:"Times New Roman", Times, serif;
}
#visite-bolle #invia:hover, #visite-grapperia #invia:hover{
	color:#666666;
}
#visite-bolle #check-privacy, #visite-grapperia #check-privacy{
	font-family:Arial, Helvetica, sans-serif;
}
#visite-bolle #check-privacy input, #visite-grapperia #check-privacy input{
	width:auto!important;
	left:0px;
}
#visite-bolle #check-privacy span, #visite-grapperia #check-privacy span{
	width:auto!important;
	position:absolute;
	left:30px;
}
/* ----------------------------------------------------------- GALLERY */
#gallery #chiudi{
	position:absolute;
	bottom:-1px;
	right:1px;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	color:#B3B3B3;
}
#gallery #chiudi:hover{
	color:#595959;
}
#gallery #content #img-grande{
	position:absolute;
	top:0px;
	left:0px;
	width:950px;
	height:420px;
}
#gallery #content ul{
	position:absolute;
	top:425px;
	left:0px;
	width:950px;
	height:36px;
}
#gallery #content li{
	float:left;
	width:80px;
	height:36px;
	margin-right:5px;
}
/* ----------------------------------------------------------- PRESS */
#press #content{
	background:url(img/bg/press.jpg) no-repeat;
}
#press h2{
	position:absolute;
	bottom:238px;
	left:30px;
}
#press h2.tedesco{
	bottom:250px;
}
#press p{
	position:absolute;
	bottom:30px;
	left:280px;
	width:230px;
}
#press #content a{
	font-size:11px;
	color:#8A8A8A;
}
#press #content a:hover{
	color:#666666;
}
/* ----------------------------------------------------------- CONTATTI */
#contatti #content{
	background:url(img/bg/contatti.jpg) no-repeat;
}
#contatti h2{
	position:absolute;
	bottom:254px;
	left:30px;
}
#contatti h2.tedesco{
	bottom:265px;
}
#contatti #content span{
	position:absolute;
	bottom:180px;
	left:30px;
}
#contatti #content span a{
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
}
#contatti p{
	position:absolute;
	bottom:30px;
	left:280px;
	width:230px;
	color:#FFFFFF;
}
#contatti #content a{
	font-size:11px;
}
#contatti #content a:hover{
	color:#AAAAAA;
}

/* ----------------------------------------------------------- MAPPA */
#mappa #content img{
	position:absolute;
	top:0px;
	left:0px;
	width:950px;
	height:465px;
}
#mappa #mostra-indirizzi img{
	position:absolute;
	top:190px;
	left:350px;
	width:100px;
	height:100px;
}
#mappa #indirizzi{
	position:absolute;
	top:20px;
	left:300px;
	padding:20px;
	background:url(img/bg/bianco50x50.png);
}
#mappa #chiudi{
	position:absolute;
	bottom:-1px;
	right:1px;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	color:#B3B3B3;
}
#mappa #chiudi:hover{
	color:#595959;
}
/* ----------------------------------------------------------- MONDO */
#mondo #content{
	background:url(img/bg/mondo.jpg) no-repeat;
}
#mondo h2{
	position:absolute;
	top:30px;
	left:30px;
}
#mondo #p-sx{
	position:absolute;
	top:140px;
	left:50px;
	width:50px;
}
#mondo #p-dx{
	position:absolute;
	top:140px;
	left:150px;
	width:50px;
}
#mondo #p-sx span, #mondo #p-dx span{
	color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
}
/* ----------------------------------------------------------- PRIVACY POLICY */
#privacy h2{
	position:absolute;
	top:30px;
	left:30px;
}
#privacy p{
	position:absolute;
	top:90px;
	left:30px;
	width:890px;
}
#privacy p a{
	font-size:11px;
	color:#8A8A8A;
}
#privacy p a:hover{
	color:#666666;
}