body{background:#660000; color:#FFF; overflow-x: hidden;font-family: 'VAGRoundedStdBold', Helvetica, sans-serif; min-width:1200px; max-width: 1920px; margin: 0 auto; }

a { outline: none; }

p{font-size:14px;line-height:18px;margin-bottom:10px;}

.gancio{position: absolute;}

/* header */
#awwwards{position:fixed; top:0px; right:0px; z-index:555;}
#awwwards a{width:115px; height:115px; text-indent:-8000px; display:block; background:url('../images/honormention_green.png') no-repeat;}  
#header,#header div.off{ display: inline; /* IE 7*/
background: url('../images/muro.png') no-repeat top center;width: 100%; max-width: 1920px; height: 1000px; position: absolute;top: 0px; z-index: 60;}  
#header div.off{background: url('../images/muro_off.png') no-repeat top center;}
#header .tavolo{position: absolute; bottom: 0; width: 100%; max-width: 1920px; height: 282px;background: url('../images/tavolo_lungo.png') no-repeat bottom center; z-index: -10;}
#header h1 a{ position: absolute; top: 20px; left: 145px; outline: none;width: 381px; height: 285px; display: block; text-indent: -9999px; }
#header nav#navigazione-schede { width: 938px; height: 50px; position: absolute; bottom: 56px;left: 50%; margin: 0  0 0 -475px; display: block; }

#shadow { width: 1920px; height: 233px; z-index: 200; position: absolute; top: 0; left: 50%; margin-left: -960px; }

#shadow .left { background: url('../images/sfondi/left.png') repeat-y; width: 150px; height: 100%; position: absolute; top: 0; left: 0; }
#shadow .right { background: url('../images/sfondi/right.png') repeat-y; width: 150px; height: 100%; position: absolute; top: 0; right: 0; }

#buzz, #switch_on {display:none;}

#navigazione-birre { position: absolute; left: 50%; margin-left: -480px; bottom: 150px; width: 960px; z-index: 1000; }
#navigazione-birre li { width: 165px; height: 469px; cursor: pointer; }
#navigazione-birre div.link { width: 165px; height: 469px; position: absolute; bottom: 0;background: no-repeat top center; display: block; outline: none; z-index: 100; }
#navigazione-birre #toppole div.link { right: 360px; background: url('../images/bottiglie/toppole.png'); z-index: 130;}
#navigazione-birre #duemiladieci div.link { right: 180px; background: url('../images/bottiglie/duemiladieci.png'); z-index: 120; }
#navigazione-birre #ramera div.link { right: 0; background: url('../images/bottiglie/ramera.png'); z-index: 110; }
#navigazione-birre div.infografica { position: absolute; bottom: 22px; left: 95px; background: no-repeat top center;width: 591px; height: 507px; display: none; z-index: 200; }
#navigazione-birre div.informazioni {position: absolute; bottom: 43px; left: 170px;width: 504px; height: 347px; display: none; z-index: 200; padding: 40px;-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
#navigazione-birre div.informazioni h2{font-size:50px; margin-bottom:20px;font-family: 'VAGRoundedStdBold', Helvetica, sans-serif;}
#navigazione-birre div.informazioni p{font-size:16px;line-height:20px;}
#navigazione-birre #toppole div.informazioni {background:rgba(152,11,24,0.8);}
#navigazione-birre #duemiladieci div.informazioni {background:rgba(249,233,24,0.8);color:#000;}
#navigazione-birre #ramera div.informazioni {background:rgba(240,136,15,0.8);}
#navigazione-birre #toppole div.infografica{background: url('../images/bottiglie/infografiche/toppole.png');}
#navigazione-birre #duemiladieci div.infografica { background: url('../images/bottiglie/infografiche/duemiladieci.png'); }
#navigazione-birre #ramera div.infografica { background: url('../images/bottiglie/infografiche/ramera.png'); }

div.action{position: relative; z-index: 1000; left: 15px; top: 5px; display: none; }
.action a {margin: 0 0 10px; width: 29px; height: 29px; display: block; background: url('../images/bottiglie/action.png'); text-indent: -9999px; }
.action a:hover { background: url('../images/bottiglie/action_hover.png'); }
.action .info, .action .info:hover { background-position: bottom left; }

/* NAVIGAZIONE SCHEDE */
#navigazione-schede{ z-index: 1000; }
#navigazione-schede li{display: inline; }
#navigazione-schede a { text-indent: -9999px; float: left; display: block; height: 50px;background: url('../images/icone/test.html'); margin: 0 47px 0 0; }
#navigazione-schede a.on { background: black; }
#navigazione-schede .about a { margin-left: 32px; background: url('../images/menu/about.png') no-repeat center left; width: 80px; }
#navigazione-schede .about a.on, #navigazione-schede .about a:hover { background: url('../images/menu/about.png') no-repeat center right; }
#navigazione-schede .produzione a { background: url('../images/menu/produzione.png') no-repeat center left; width: 147px; }
#navigazione-schede .produzione a.on, #navigazione-schede .produzione a:hover { background: url('../images/menu/produzione.png') no-repeat center right; }
#navigazione-schede .degustazione a { background: url('../images/menu/degustazione.png') no-repeat center left; width: 173px;  margin-top: 2px;}
#navigazione-schede .degustazione a.on, #navigazione-schede .degustazione a:hover { background: url('../images/menu/degustazione.png') no-repeat center right; }
#navigazione-schede .distribuzione a { background: url('../images/menu/distribuzione.png') no-repeat center left; width: 187px; margin-top: 2px; }
#navigazione-schede .distribuzione a.on, #navigazione-schede .distribuzione a:hover { background: url('../images/menu/distribuzione.png') no-repeat center right; }
#navigazione-schede .contatti a { background: url('../images/menu/contatti.png') no-repeat center left; width: 111px; margin: 0;  margin:2px 0 0 -11px;}
#navigazione-schede .contatti a.on, #navigazione-schede .contatti a:hover { background: url('../images/menu/contatti.png') no-repeat center right; }

/* MAIN */

div#main { max-width: 1280px; position: relative; margin: 200px auto; }
.hd { z-index: 50!important; }
section { margin: 0 0 500px; position: relative; }
section .scheda { background: #91bd10; color: black; position: absolute; top: 135px; right: 130px; width: 400px; }
section .scheda h2 { font-size: 50px; margin: 0 0 20px; }
section .scheda .hd { padding: 40px 40px 60px 40px; }
section .infografica {position:absolute;}

.icona { height: 1000px!important; }

.scheda{ border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;
    		 box-shadow: -20px -20px 30px #000000;-moz-box-shadow: -20px -20px 30px #000000;-webkit-box-shadow: -20px -20px 30px #000000;}


/* ABOUT */

section#about{margin: 0 0 700px; background: url('../images/sfondi/about.png') no-repeat; height: 1240px;}
section#about .icona { background: url('../images/sfondi/icone/about.png') no-repeat; position: absolute; top: 400px; width: 546px; height: 800px; }
section#about .scheda {
	background: #91bd10;
	color: black;
	position: absolute;
	top: 309px;
	right: 108px;
	width: 554px;
	height: 487px;
}
section#about .scheda .hd {padding:40px 40px 90px 40px; }
section#about .gancio{background: url('../images/ganci/about.png'); width: 93px; height: 75px; top: -70px; right: 0; }
section#about .infografica {background: url('../images/infografiche/about.png') no-repeat; width: 600px; height:379px;}

/* PRODUZIONE */

section#produzione { background: url('../images/sfondi/produzione.png') no-repeat; height: 1240px; }
section#produzione .icona { background: url('../images/sfondi/icone/produzione.png') no-repeat; width: 500px; height: 1014px;position: absolute; top: 50px; left: 100px; }
section#produzione .scheda { background: #bd7e10; color: black; position: absolute; top: 135px; right: 130px; width: 500px; }
section#produzione .scheda .hd { padding: 40px 40px 60px 40px; }
section#produzione .gancio { background: url('../images/ganci/produzione.png'); width: 93px; height: 75px; top: -70px; right: 0; }
section#produzione .infografica {background: url('../images/infografiche/produzione.png') no-repeat;height: 386px;width: 653px;}

/* DEGUSTAZIONE */

section#degustazione { background: url('../images/sfondi/degustazione.png') no-repeat; height: 1240px; }
section#degustazione .icona {background: url('../images/sfondi/icone/degustazione.png')  no-repeat;width:460px;height:857px;position:absolute;top:50px;left:0px; }
section#degustazione .scheda {background: #cd7200; color: black; position: absolute; top: 135px; right: 130px; width: 450px; }
section#degustazione .scheda .hd {padding:40px 40px 80px 40px; }
section#degustazione .gancio {background: url('../images/ganci/degustazione.png'); width: 93px; height: 80px; top: -70px; right: 0; }
section#degustazione .infografica{background: url('../images/infografiche/degustazione.png') no-repeat; width: 656px; height:386px;}

/* TRASPORTO */

section#distribuzione { margin: 0 0 500px; background: url('../images/sfondi/distribuzione.png') no-repeat center center; height: 1240px; }
section#distribuzione .icona { background: url('../images/sfondi/icone/distribuzione.png') no-repeat; width: 460px; height: 857px;position: absolute; top: 90px; left: 50px; }
section#distribuzione .scheda { background: #32ae89; color: black; position: absolute; top: 150px; right: 100px; width: 400px; }
section#distribuzione .gancio { background: url('../images/ganci/distribuzione.png'); width: 93px; height: 70px; top: -65px; right: 50%; margin: 0 -46px 0 0; }

/* CONTATTI */

section#contatti { height: 500px; margin: 0 0 500px 0; background: url('../images/sfondi/contat.png') no-repeat; height:1240px;}    
section#contatti .icona { background: url('../images/sfondi/icone/contatti.jpg') no-repeat; width: 589px; height: 392px!important;position: absolute; top: 300px; left: 0px; }
section#contatti .scheda { background: #91bd10; color: black; position: absolute; top: 0px; right: 130px; width: 600px; }
section#contatti .gancio { background: url('../images/ganci/contatti.png'); width: 93px; height: 71px; top: -66px; left: 0; }
section#contatti a{text-decoration:none; color:#000;font-weight:lighter;}    

/* OVERLAY */
#overlay,#overlay2,#overlay_close { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/overlay.png) repeat; z-index: 9999; display: none; }
#overlay_close {background: none;}
#howold a { background: url('../images/sfondi/si_no.png'); display: block; width: 110px; height: 44px; text-indent: -9999px; position: absolute; top: 230px; }
a#si { background-position: left top; left: 130px; }
a#no { background-position: right top; right: 130px; }
a#si:hover { background-position: left bottom; }
a#no:hover { background-position: right bottom; }
#warning, #howold, #credits_container{width: 500px; height: 303px; background: url('../images/sfondi/warning.png'); position: absolute; left: 50%; top: 50%; margin: -151px 0 0 -250px; display: none; }
#howold { background: url('../images/sfondi/howold.png'); display: block; }
#warning a.close { display: block; width: 32px; height: 32px; background: url('../images/sfondi/close.png'); 
    text-indent: -9999px; position: absolute; top: 63px; right: 30px; }
#overlay2 {perspective: 1000px;-webkit-perspective: 1000px;-moz-perspective: 1000px;}
#overlay2 div.action {display:block;right:15px;left:auto;position:absolute;}
#overlay_close div.action {display:block;right:15px;left:auto;position:absolute;}
#credits_container {background: none;display:block;top:0;bottom:0;margin-top:0;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform: translateZ(200px);-webkit-transform: translateZ(200px);-moz-transform: translateZ(200px);}
#credits_container {width: 990px;margin-left:-495px;height:auto;}
#credits_container p {text-align:center; color:#DFD029; font-size:18px;line-height:40px;}
#credits_container p i{font-style:normal;text-transform:uppercase; font-size:20px; padding-top:20px;}
#credits_container p a{color:#DFD029; }
#credits_rot {overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;transform: rotateX(60deg) ;-webkit-transform: rotateX(60deg);-moz-transform: rotateX(60deg);}
#credits_scroll {position:relative;}

#footer{position: fixed;bottom:0; left:0; width:100%; border-top:1px solid #291400; background:rgba(41, 20, 0, 0.9) url(../images/footerbg.png) no-repeat right center; height:20px;padding:10px 0;z-index:10000;font-size:13px;}
#footer #footer_content{color:#663300;padding:0 10px;}
#footer #footer_content a{color:#663300;text-decoration:none;}
#footer #footer_content span.credits{padding-left:3px;font-size:12px;}
#footer .html5{position:absolute; right:70px;top:3px; background:url(../images/logo_html5.png) no-repeat; width:108px; height:33px; font-size:1px;text-indent:-9999px;}
#footer .html5 a{display:block; outline:none;text-decoration:underline;}

/* Pagine distribuzione */

.page {list-style-type:none;margin-top:20px;}
.page li{margin-bottom:10px;font-size:13px;}
#pagination{position:relative; height:20px; padding:20px 0 0px 0px; text-align:center; background:url(../images/pagination.png) no-repeat center center;font-size:12px;bottom:30px;}
#pagination a{color:#113C2F;text-decoration:none;}
#pagination a:hover{color:#000;}
.prev{padding-right:30px;}
.next{padding-left:30px;}

.formulaire_ecrire_auteur ul{list-style-type:none;}
.formulaire_ecrire_auteur legend{height:30px;font-size:16px;}
.formulaire_ecrire_auteur li input.text{display:block;padding:5px; margin-bottom:10px;width:100%; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; border: 1px solid #330;background-image:-moz-linear-gradient(center bottom , #ECECEC 38%, #FFFFFF 69%, #ECECEC 85%); background-image:-webkit-linear-gradient(center bottom , #ECECEC 38%, #FFFFFF 69%, #ECECEC 85%);background-image:linear-gradient(center bottom , #ECECEC 38%, #FFFFFF 69%, #ECECEC 85%)}
.formulaire_ecrire_auteur li textarea{display:block;padding:5px; margin-bottom:5px;width:100%; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; border: 1px solid #330;background-image:-moz-linear-gradient(center bottom , #ECECEC 38%, #FFFFFF 69%, #ECECEC 85%); background-image:-webkit-linear-gradient(center bottom , #ECECEC 38%, #FFFFFF 69%, #ECECEC 85%);background-image:linear-gradient(center bottom , #ECECEC 38%, #FFFFFF 69%, #ECECEC 85%); font-family:'Lucida Grande',Helvetica, Arial, sans-serif;font-size:11px;}
.formulaire_ecrire_auteur .boutons .submit{border:none;font-size:23px;font-family: 'VAGRoundedStdBold', Helvetica, sans-serif; background:url(../images/submit_2.png) no-repeat left center;width:115px;height:44px;float:right;margin-top:9px; padding-bottom:5px;cursor:pointer;}
.formulaire_ecrire_auteur .boutons .submit:hover{background:url(../images/submit_2.png) no-repeat center center;color:#FFF;}
.formulaire_ecrire_auteur .boutons .submit:active{background:url(../images/submit_2.png) no-repeat right center;}
.formulaire_ecrire_auteur .erreur_message{font-size:12px; color:#900;display: block;float: right;margin-bottom: 5px;margin-top: 8px;}
.formulaire_ecrire_auteur .previsu{padding:10px; margin-bottom:5px;width:100%; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; border: 1px solid #330;background-image:-moz-linear-gradient(center bottom , #ECECEC 38%, #FFFFFF 69%, #ECECEC 85%); background-image:-webkit-linear-gradient(center bottom , #ECECEC 38%, #FFFFFF 69%, #ECECEC 85%);background-image:linear-gradient(center bottom , #ECECEC 38%, #FFFFFF 69%, #ECECEC 85%)}
.formulaire_ecrire_auteur .previsu p.boutons {margin-bottom:0px;}
.formulaire_ecrire_auteur .previsu legend {font-size:20px;}
.formulaire_ecrire_auteur .reponse_formulaire{font-size:20px;color:#900;}


#newsletter_ok{position:absolute; right:200px;width:330px;top:5px;}
#newsletter_ok h3{float:left;color:#630; font-weight:normal; padding-right:10px; margin-top:6px;font-size:16px;}
#newsletter_ok #nl_email{border:2px solid #630;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:none; padding:5px;font-size:11px; color:#630;width:200px; }
#newsletter_ok #nl_submit{margin-left:-37px; width:25px; height:20px;text-indent:-9999px; background:url(../images/nl_submit.png) no-repeat right center;cursor:pointer;border:none;}
#newsletter_ok #registered{padding-top:5px;}
#newsletter_ok p.formulaire_erreur{position:absolute;top:-10px;left:0;color:#900}
#newsletter_ok p.erreur{position:absolute;top:-49px;left:80px;color:#900;background:url(../images/bg_errore.png) no-repeat;width:168px;height:12px;padding:10px 20px 15px 20px;font-size:12px;}

/* MAPPA */

		
#privacy_container{width:990px;margin:100px auto;overflow:auto;max-height:520px;}
#privacy_container {background:none;display:block;height:auto;bottom:auto;}
#privacy_container p {text-align:left;color:#FFF; font-size:13px;}
#privacy_container p i{font-style:normal;text-transform:uppercase; font-size:20px; padding-top:20px;}
#privacy_container p a{color:#FFF;}