/* Nome Cliente srl */
/* Creato:			gg/mm/aaaa */
/* Autore:			simone@evoluzionetelematica.it */
/* Ultima Modifica:	gg/mm/aaaa	Autore: Nome Cognome */

/**** z-index ****/
/*

10 -> menù

*/

@import url("reset.css");

/****************************  GENERALI ***************************************/

html {width:100%; height:100%;}
body {
	width:100%;
	height:100%;
	background:#252525 url(../img/bg.gif) center center no-repeat;
	font:100.01%/1em "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	color:#666}
	
a {color:#b58f00}
a:link {color:#b58f00}
a:visited {color:#b58f00;}
a:hover {color:#000;}
a:active {color:#b58f00}

h1 {margin:135px 50px 10px 0; line-height:1; font-family:Georgia, "Times New Roman", Times, serif;}
h2 {font-family:Georgia, "Times New Roman", Times, serif; color:#4e4e51}
h3 {font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif; color:#4e4e51}
h4 {font-family:Georgia, "Times New Roman", Times, serif; color:#4e4e51}
h5 {font-family:Georgia, "Times New Roman", Times, serif; color:#4e4e51}
h6 {font-family:Georgia, "Times New Roman", Times, serif; color:#4e4e51}

#container {
	position:absolute;
	top:50%;
	left:50%;
	width:437px;
	height:550px;
	margin:-275px 0 0 -470px;
	padding:0 0 0 503px;
	background-color:#fff
}

#menu {position:absolute; top:0; left:0; z-index:10; width:940px; height:125px; letter-spacing:-0.05em; font-size:0.689em;}
#menu li {position:absolute; height:33px; background:url('../img/sprite-menu.gif') 0 0 no-repeat;}
#menu li a {display:block; height:33px; overflow:hidden; background:url('../img/sprite-menu.gif') 0 -100px no-repeat; text-indent:-999px; text-decoration:none;}

#menu #mn1 {bottom:16px; left:50px; width:98px; height:93px; background:url('../img/logo.gif') 0 0 no-repeat;} /* logo */
#menu #mn2 {bottom:27px; right:330px; width:108px; background-position:0 0;} /* vignaioli */
#menu #mn3 {bottom:27px; right:169px; width:140px; background-position:-127px 0;} /* collection */
#menu #mn4 {bottom:27px; right:50px; width:97px; background-position:-291px 0;} /* vivere */
#menu #mn5 {top:-30px; right:0; height:auto; background:none; font-weight:bold;} /* lingua */
#menu #mn6 {top:-5px; right:-4px; width:74px; height:74px; background:url('../img/blog.png') 0 0 no-repeat; } /* blog */

#menu #mn1 a {width:98px; height:93px; background:url('../img/logo.gif') 0 0 no-repeat;} /* logo */
#menu #mn2 a {} /* vignaioli */
#menu #mn3 a {} /* collection */
#menu #mn4 a {} /* vivere */
#menu #mn5 a {height:auto; top:-30px; right:0; text-indent:0; background:none; color:#bbb} /* lingua */
#menu #mn6 a {position:absolute; top:5px; right:5px; width:50px; height:50px; overflow:hidden; text-indent:-999px;} /* blog */

#menu #mn1 a:hover {width:98px; height:93px; background:none;} /* logo */
#menu #mn2 a:hover {background-position:0 -43px;} /* vignaioli */
#menu #mn3 a:hover {background-position:-127px -43px;} /* collection */
#menu #mn4 a:hover {background-position:-291px -43px;} /* vivere */
#menu #mn5 a:hover {color:#fff}
/*stati attivi delle voci di menù*/
#menu.vignaioli #mn2 {bottom:27px; right:330px; width:108px; background-position:0 -43px;} /* vignaioli */
#menu.collection #mn3 {bottom:27px; right:169px; width:140px; background-position:-127px -43px;} /* collection */
#menu.vivere #mn4 {bottom:27px; right:50px; width:97px; background-position:-291px -43px;} /* vivere */

#flashContent {position:absolute;}
.loading {background:url('../img/loader.gif') center center no-repeat;}
#container .full {top:125px; left:0; width:940px; height:405px; background-color:#fff} /* tutta la lunghezza di container */
#container .half {top:0; left:0; width:470px; height:550px; background-color:#fff} /* metà lunghezza di container */
#container #flashContent h1 {text-align:center}
#container #flashContent #submenu {position:absolute; top:140px; left:50px; font-size:0.689em;}
#container #flashContent #submenu li {margin:0 0 5px 0; list-style-type:disc;}
#container #flashContent.full #submenu {top:15px;}
/* Usato dove non ho FLASH -> credits, note legali, privacy*/
#noflashContent {position:absolute; top:0; left:0; background:url('../img/loader.gif') center center no-repeat;}
#container #noflashContent.full {top:125px; width:940px; height:405px; background-color:#fff} /* tutta la lunghezza di container */
#container #noflashContent.half {top:0; width:470px; height:550px; background-color:#fff} /* metà lunghezza di container */
#container #noflashContent h1 {text-align:center}
#container #noflashContent p {text-align:center; font-size:0.689em}

#informazioni {position:absolute; bottom:20px; right:50px; display:block; width:51px; height:36px; overflow:hidden; text-indent:-999px; background:url('../img/mail.jpg') center center no-repeat;}

#facebook {position:absolute; bottom:20px; right:115px; display:block; width:31px; height:36px; overflow:hidden; text-indent:-999px; background:url('../img/facebook.jpg') center 5px no-repeat;}
#facebook:hover{background-position:center -60px}

.tips {z-index:16; padding:5px; background-color:#4e4e51; font-size:.689em; color:#FFF;}
.tips .tip-top {}
.tips .tip {}
.tips .tip .tip-title {}
.tips .tip .tip-text {display:none;}
.tips .tip-bottom {}

#footer {position:absolute; bottom:-30px; left:0; z-index:10; width:940px; line-height:1; font-size:0.689em; color:#bbb;}
#footer li {display:inline; position:relative; padding:0 12px 0 0;}
#footer #foo6 {position:absolute; right:0; padding:0; font-weight:bold; color:#FFF}
#footer li.attivo {color:#b58f00}

#footer .social {}
#footer .social a span {visibility:hidden;}
#footer .social a.facebook {padding:0; letter-spacing:-.1em; background:url('../img/facebook.gif') top right no-repeat;}
#footer .social a.twitter {padding:0 3px; background:url('../img/twitter.gif') top right no-repeat;}

#footer a {color:#bbb}
#footer a:link {color:#bbb; text-decoration:none;}
#footer a:visited {color:#bbb; text-decoration:none;}
#footer a:hover {color:#fff}
#footer a:active {color:#fff}


/****************************  HOME ***************************************/

#banner {position:absolute; bottom:30px; right:10px; width:214px; height:100px; overflow:hidden;}
#banner li {}
#banner li a {overflow:hidden; text-indent:-999px;}
#banner li#festival a {display:block; width:214px; height:100px; background:url('../img/banner/festival-franciacorta-2010.gif') top left no-repeat;}

/****************************  INTERNE ***************************************/
#content {height:350px; margin:0 0 0 0; padding:0 50px 0 0; overflow:auto; font-size:0.689em; line-height:1.5; text-align:justify;}
#content.scheda {height:240px;}
#content.curtefranca {height:320px;}
#content p{margin:0 0 20px 0;}

.elenco {margin:5px 0 20px 20px; list-style-type:disc;}

/* distribuzione */
#distribuzione {text-align:left; margin:0 0 40px 0;}
#distribuzione .paese {margin:10px 0 0 0; padding:0; border-bottom:1px solid #CCC}
#distribuzione .paese h2 {}
#distribuzione .paese ul {}
#distribuzione .paese ul .distributore {padding:0 0 15px 0;}
#distribuzione .paese ul .distributore span {display:block}
#distribuzione .paese ul .distributore .name {font-weight:bold}
#distribuzione .paese ul .distributore .ref {}
#distribuzione .paese ul .distributore .address {}
#distribuzione .paese ul .distributore .tel-fax {}
#distribuzione .paese ul .distributore .mail {}

/* Scheda */
.caratteristiche {}
.caratteristiche li {margin:0 0 10px 0;}
.caratteristiche li.pdf {margin:0;}
.caratteristiche li h3 {display:inline; padding:0 5px 0 0; text-transform:uppercase;}
.caratteristiche li .annate {display:inline;}
.caratteristiche li .annate li {display:inline; padding:0 5px; border-right:1px solid #CCC}

.vini {}
.vini .vino {position:relative; height:90px; margin:15px 0 15px 0; padding:0 0 0 100px;}
.vini .vino #imgVino {position:absolute; top:0; left:0;}
.vini .vino h3 {}
.vini .vino span {display:block}
.vini .vino .annate {margin:5px 0 0 0;}
.vini .vino .annate li {}
.vini .vino .annate li h4 {display:inline; padding:0 5px 0 0; color:#666}
.vini .vino .annate li a.pdf {padding:0 5px; border-right:1px solid #CCC}

#sommelier {display:block; position:absolute; bottom:17px; left:503px; border:0; z-index:15; height:100px; font-size:0.689em; background-color:#FFF}
#sommelier h3 {text-transform:uppercase;}
#sommelier ul {display:block; height:65px; padding:10px 0 0 0; list-style-type:none; margin:0;}
#sommelier ul li {display:inline; margin:0; padding:0;}
#sommelier ul li a {margin:0; padding:0; background-color:#FFF;}
#sommelier ul li a img {border-bottom:5px solid #b58f00;}

#formati {display:block; position:absolute; bottom:30px; left:503px; border:0; z-index:15}

/* vivere il mosnel */
.anagrafica {position:absolute; bottom:30px; left:503px; width:350px; border:0; z-index:5; font-size:0.689em; line-height:1.5;}
.anagrafica li {}
.anagrafica .nome {font-weight:bold;}
.anagrafica .indirizzo {}
.anagrafica .telfax {}

.credits {}
.credits li {position:relative; height:120px; margin:15px 0 0 0; padding:0 0 0 120px;}
.credits li img {position:absolute; top:0; left:0;}
.credits li h3 {}
.credits li span {display:block}
.credits li.fotografie {height:auto;}