/* Nome Cliente 	TGM */
/* Creato:			23/12/2009 */
/* Autore:			simone@evoluzionetelematica.it */

/* Ultima Modifica:	gg/mm/aaaa	Autore: Nome Cognome */

/****************************  GENERALI ***************************************/
html {width:100%; height:100%;}
body {
	width:100%;
	height:100%;
	margin:0;
	background:url('../img/bg.gif') 0 0 repeat;
	font:100%/1.5em "Lucida Sans", Arial, Verdana, Helvetica, sans-serif;
	color:#e5e5e5;}
	
a {color:#e5e5e5;}
a:link {color:#e5e5e5;}
a:visited {color:#e5e5e5;}
a:hover {color:#FEDC7B;}
a:active {color:#e5e5e5;}

h1 {margin:0 0 34px 0; text-transform:uppercase; font-family: "CartoGothicStdBook", sans-serif; font-size:1.5em; font-weight:normal}
h1 span {displaY:block; font-size:.625em; font-style:normal; line-height:.75; /*text-transform:none;*/ font-weight:normal;}
h2 {margin:0 0 20px 0; line-height:1.250; text-transform:uppercase; font-style:italic; font-family: "CartoGothicStdBook", sans-serif; font-size:.875em; font-weight:normal;}
h3 {}
h4 {}
h5 {}
h6 {}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {}

p {margin:0 0 20px 0; font-size:.75em; line-height:1.5;}

img {background:url('../img/loader.gif') center center no-repeat;}

/********************************************

				SEZIONI

********************************************/

/*	GENERALI	*/

#floater {position:relative; width:1px; margin:0 auto; float:left; height:50%; margin-bottom:-275px;} /*Usato per centrare sempre il contenuto*/
#content {
	position:relative;
	clear:both;
	width:960px;
	height:510px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	background:url('../img/bg-content.png') center bottom no-repeat;
}

/* DIV per Flash*/
#flashMovie {position:relative; clear:both; height:500px; margin:0 auto}
#flashMovie.celebration {width:960px;}
#flashMovie.vini-franciacorta {width:100%;}

#menu {position:fixed; bottom:30px; left:0; z-index:101; width:100%; height:70px; text-align:center; background:url('../img/bg-menu.png') left bottom repeat-x; text-transform:uppercase; font-family: "CartoGothicStdBook", sans-serif; font-size:0.938em;}
#menu li {position:absolute; bottom:20px;}
#menu li a {text-decoration:none;}
#menu li a:link {}
#menu li a:hover {color:#FEDC7B;}
#menu li.attivo {border-bottom:2px solid #E5E5E5}
#menu #mn0 {position:absolute; bottom:15px; left:50%; margin:0 0 0 -90px; width:180px; height:64px; overflow:hidden; text-indent:-999px; background:url('../img/logo.png') 0 0 no-repeat;}
#menu #mn0 a {display:block; width:180px; height:64px; overflow:hidden; text-indent:-999px; background-color:transparent;}
#menu #mn0 a:hover {}
#menu #mn1 {left:50%; margin:0 0 0 -460px;}
#menu #mn2 {left:50%; margin:0 0 0 -346px;}
#menu #mn3 {left:50%; margin:0 0 0 -200px;}
#menu #mn4 {left:50%; margin:0 0 0 125px}
#menu #mn5 {left:50%; margin:0 0 0 210px;}
#menu #mn6 {left:50%; margin:0 0 0 394px}


#footer {position:fixed; bottom:0; left:0; width:100%; line-height:30px; text-align:center; background-color:#000; font-size:0.689em; color:#515151}
#footer li {display:inline; padding:0 5px}
#footer li a {text-decoration:none; color:#515151;}
#footer li a:link {color:#515151}
#footer li a:hover {color:#FFF}
#footer li {}
#footer .copyright{}
#footer .piva{}
#footer .privacy{}
#footer .credits{}
#footer .telefono{font-weight:bold; color:#999;}

#blog {position:absolute; top:5px; right:5px; z-index:101; width:84px; height:84px; text-indent:-999px; overflow:hidden; background:url('../img/blog.png') 0 0 repeat;}

#immagine {position:absolute; top:0; left:0; z-index:99; width:960px; height:484px; background:#0E0E0E url('../img/loader.gif') center center no-repeat;}
#immagine img {display:none;}

#main {position:absolute; top:0; left:0; z-index:100; width:960px; height:484px; overflow:hidden;}

#submenu {position:relative; float:left; width:184px; height:374px; margin:0 1px 0 -190px/* setto il border-left x nasconderlo al caricamento */; padding:110px 0 0 0; background:url('../img/bg-transp-black.png') 0 0 repeat; font-size:.75em}
#submenu li {margin:0 15px; padding:5px 0; line-height:1; border-collapse:collapse; border-bottom:1px solid #1F1F1F; color:#FEDC7B;}
#submenu a {text-decoration:none;}
#submenu #prenota {border:0;}
#submenu #prenota p {position:absolute; bottom:85px; left:50%; z-index:500; width:160px; margin:0 0 0 -77px; line-height:1.375; text-align:left; font-weight:bold; font-size:.75em;}
#submenu #prenota p .orario {display:block; padding:0 0 10px 42px;}
#submenu #prenota a {position:absolute; bottom:20px; left:50%; z-index:500; width:160px; line-height:60px; margin:0 0 0 -80px; background:url('../img/fascia-gialla.png') center center no-repeat;  text-align:center; text-transform:uppercase; text-decoration:none; font-size:.938em; font-weight:bold; color:#000;}


.section-content {display:none; /* per nasconderlo al caricamento */ float:left; width:246px; height:404px; margin:0; padding:55px 25px 25px 25px;}
.section-content.width480 {width:430px;}
.section-content.width775 {width:725px;}
.section-content.width960 {width:910px;}

.jScrollPaneContainer {float:left; height:484px; background:url('../img/bg-transp-black.png') 0 0 repeat;}
.scroll-pane {}

#btnOpenClose {display:none; float:left; width:50px; height:50px; margin:40px 0 0 1px; background:none;}

.border {border:1px solid #F00}
.elenco {margin:0 0 0 15px; font-size:.75em; line-height:1.250; list-style-type:circle;}

.cleared:after {display:block; visibility:hidden; content:"."; height:0; clear:both;}
.cleared {clear:both; /* per Gecko */height:1%; /* per IE */}

.aToolTip {border:3px solid #333; background-color:#000;}
.aToolTip p {line-height:16px; margin:3px;}

.cleared:after {display:block; visibility:hidden; content:"."; height:0; clear:both;}
.cleared {clear:both; /* per Gecko */height:1%; /* per IE */}

.colonna {position:relative; float:left; margin:0 5px;}
.col-1 {width:230px;}
.col-1.5 {width:352px;}
.col-2 {width:470px;}
.col-3 {width:710px;}

/*	HOME PAGE	*/

#home #content #main {}
#home #content #main h1 {margin:0 20px 0 600px; padding:85px 0 0 0; line-height:1; font-size:1.313em;}
#home #content #main p {margin:0 20px 0 600px; padding:5px 0 0 0; line-height:1.5; font-size:.75em;}
#home #content #main #social {position:absolute; bottom:30px; right:30px; font-size:.75em;}
#home #content #main #social .social {float:left; width:32px; height:32px; overflow:hidden; text-indent:-999px;}
#home #content #main #social .facebook {margin:0 15px 0 0; background:url('../img/facebook.png') 0 0 no-repeat;}
#home #content #main #social .twitter {background:url('../img/twitter.png') 0 0 no-repeat;}
#home #content #main #banner {position:absolute; bottom:120px; right:30px;}
#home #content #main #banner li {position:absolute; right:0; overflow:hidden;}
#home #content #main #banner li.festival {bottom:0; width:226px; height:110px; background:url('../img/banner/festival-franciacorta-2010.png') 0 0 no-repeat;}
#home #content #main #banner li.festival a {display:block; width:226px; height:110px; text-indent:-999px;}

/* LE ORIGINI */
.firma {text-align:right;}
.firma img {margin:0 20px 0 0; background:none;}

/*	I FRANCIACORTA	*/

/*.section-content.vino {margin-bottom:100px}*/

#dati {margin:0 0 20px 0;}
#dati li {margin:0 0 10px 0; line-height:1}
#dati li h2 {margin:0; font-style:normal;}
#dati li em {font-size:.75em;}

#doc {position:absolute; bottom:30px; right:30px;}
#doc li {}
#doc li a {display:block; width:32px; overflow:hidden; text-indent:-999px;}
#doc li a.pdf {height:37px; background:#0E0E0E url('../img/ico-pdf.gif') 0 0 no-repeat;}

/*	ENOTECA	*/

#prodotti-enoteca {height:auto; margin:0 0 0 0; /*-> deccomentare se i prodotti sono più di 8*/ background:url('../img/bg-transp-black.png') 0 0 repeat;}
#prodotti-enoteca li {float:left; width:205px; margin:0 0 10px 0; padding:5px 10px 10px 10px;}
#prodotti-enoteca li:hover {background:url('../img/bg-transp-black.png') 0 0 repeat;}
#prodotti-enoteca li img {display:block; width:205px;}
#prodotti-enoteca h2 a {text-decoration:none}

#prodotti {margin:-15px 0 150px 0;}
.prodotto {position:relative; float:left; width:220px; min-height:50px; margin:0 5px 0 5px; padding:0 5px}
.prodotto p {}
.prodotto h2 {margin-bottom:0; font-style:normal; text-transform:none; color:#FEDC7B;}

/* VISITE E DEGUSTAZIONI */

/* EVENTI */
#celebration h2 {margin:0 0 34px 0; text-transform:uppercase; font-size:1.5em;}

.eventi {}
.eventi li {margin:10px 0 0 0; padding:0 0 10px 0;  border-collapse:collapse; border-bottom:1px solid #1F1F1F;}
.eventi li h3 {font-size:.875em;}
.eventi li h3:hover {font-size:.875em; cursor:pointer;}
.eventi li h3 span {padding:0 10px 0 0;}
.eventi li a {text-decoration:underline;}
.eventi li p {margin:0;}
#eventi .eventi li h3 {}
#eventi .eventi li h3 span.data {}

/* CONTATTI */
#contatti p {margin:10px 0 0 0;}
#indirizzo {position:absolute; top:46px; left:150px; padding:10px 10px 10px 20px; line-height:1; border-left:1px solid #333;}
#indirizzo:hover {color:#E5E5E5}

fieldset {margin:-5px auto 0 auto; font-size:0.75em}
fieldset legend {display:none}
fieldset label {position:relative; float:left; width:47.5%; margin:0 2% 0 0;}
fieldset label.messaggio {float:left; width:99%; margin:0 0 10px 0;}
fieldset label.emailNewsletter {float:left; width:98%; margin:0 0 10px 0;}
fieldset label input {display:block; width:100%; padding:5px 0; border:0; background-color:#E5E5E5; font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif; color:#141413;}
fieldset label input.hidden {display:none;}
fieldset label textarea {display:block; width:98%; padding:5px 0; border:0; background-color:#E5E5E5; font-size:1em; font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif; color:#141413;}
fieldset label textarea {}
fieldset a {}

fieldset #argomenti {float:left; display:block; width:98%;}
fieldset #argomenti div input {display:inline; width:auto; border:0;}	


fieldset #informativa {float:none; clear:both; display:block; width:96%; height:50px; margin:0 0 10px 0; padding:5px; overflow:auto; border:1px solid #CCC; font-size:0.938em}
fieldset #informativa.newsletter {margin:20px 0 0 0; height:60px;}
fieldset label.check {float:none; display:block; width:100%; margin:5px 0 0 0; font-size:0.938em}
fieldset label.check input {display:inline; width:auto; vertical-align:middle; border:0;}
fieldset button {display:block; width:80px; margin:0 auto; padding:8px 8px;}
fieldset #formLoading {display:block; width:24px; height:24px; margin:5px auto 0 auto;}
div.risposta{}

fieldset span.errore {position:absolute; top:26px; left:5px; width:97%; background-color:#E5E5E5; font-size:1em; color:#F00}
fieldset label.check span.errore {display:block; line-height:20px; padding:0 3px; background-color:transparent;}

.red {color: #f00;}