#mulino .txt/* 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, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, 
time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}
a{text-decoration:none;}

button, input, optgroup, select, textarea{color:inherit; font:inherit; margin:0;}
button{overflow:visible;}
button, select{text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled]{cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0; padding:0;}
input{line-height:normal;}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box; padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}

* html .clearfix{height:1%; overflow:visible;}
*+html .clearfix{min-height:1%;}
.clearfix:after{clear:both; content:"."; display:block; height:0; visibility:hidden; font-size:0;}
.clear{clear:both;}

/* BASE */
html, body{height:100%; min-height:560px; position:relative; overflow:hidden; font-family:arial; font-size:77%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:auto; -webkit-font-smoothing:antialiased; background:#ffef00;}
.none{display:none;}
#wrapper{height:100%; min-height:560px; position:relative; /*overflow-y:visible; overflow-x:scroll;*/ background:#ffef00; overflow:hidden;}

/* preloading */
.preloadingCont {width:100%; height:100%; position:absolute; top:0; left:0; z-index:9999; background:#ffef00}
.preloadingCont #cont_loading{width:173px; height:116px; margin:-58px 0 0 -86px; position:absolute; top:50%; left:50%;}
.preloadingCont .loading_logo {display:block;}
.preloadingCont .spinner{margin:20px auto 0; width:70px; text-align:center;}
.preloadingCont .spinner > div{width:18px; height:18px; background-color:#5a3214; border-radius:100%; display:inline-block; -webkit-animation:bouncedelay 1.4s infinite ease-in-out; animation:bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode:both; animation-fill-mode:both;}
.preloadingCont .spinner .bounce1{-webkit-animation-delay:-0.32s; animation-delay:-0.32s;}
.preloadingCont .spinner .bounce2{-webkit-animation-delay:-0.16s; animation-delay:-0.16s;}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform:scale(0.0) }
  40% { -webkit-transform:scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform:scale(0.0);
    -webkit-transform:scale(0.0);
  } 40% { 
    transform:scale(1.0);
    -webkit-transform:scale(1.0);
  }
}

/* Header minisito con menu */
#contenitoreHead{width:100%; height:50px; position:absolute; top:0; left:0; z-index:9999; background:url("../img/banda_gialla_h50px.png") 0 0 repeat-x transparent; margin:0; padding:0;}
#headMinisito{width:960px; height:50px; position:relative; background-color:transparent; z-index:2000; margin:0 auto; padding:0;}
#logoSgambaro{width:146px; height:50px; position:absolute; background-color:transparent; z-index:3000; margin:0; padding:0; top:0; left:0; cursor:pointer;}
#menuMinisito{width:810px; height:50px; position:absolute; background-color:transparent; z-index:3000; margin:0; padding:0; top:0; right:0;}
#menuMinisito ul{float:right; margin:0; padding:0; list-style-type:none; font-family:'Oswald', arial;}
#menuMinisito ul li{float:right; width:135px; height:44px; margin:3px 0 3px 0; text-transform:uppercase; text-align:center; font-size:2.0em; font-weight:400; color:#d3bf5b; line-height:44px; background:url("../img/menu_freccia_off.png") 0 0 no-repeat; cursor:pointer;}
#menuMinisito ul li a{color:#5a3214; display:block; width:100%; height:100%;}
#menuMinisito ul li.sezioneOn{background-image:url("../img/menu_freccia_on.png");}
#menuMinisito ul li.sezioneOn a{color:#5a3214;}
#menuMinisito ul li:hover{background-image:url("../img/menu_freccia_on.png");}
#menuMinisito ul li:hover a{color:#5a3214;}
#frecceSx{background:transparent; width:48px; padding:0; margin:0; position:fixed; top:48%; left:20px; height:60px; z-index:1000; cursor:pointer; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; opacity:0;}
#frecceDx{background:transparent; width:48px; padding:0; margin:0; position:fixed; top:48%; right:20px; height:60px; z-index:1000; cursor:pointer;}

section.item{position:relative; top:0; z-index:500; height:100%;}
section.item .center{width:960px; position:relative; margin:0 auto; height:auto; z-index:800; top:50%;}
#cont0{width:100%; min-width:960px;}

/***************
  Privacy 
***************/
#wrapper.privacy{height:auto; background:#ffffcc; overflow:visible;}
body.cont_privacy #contenitoreHead{position:relative;}
#wrapper.privacy h2{font-weight:bold; padding:20px 10px; border-bottom:1px solid #000; margin-bottom:15px; font-size:26px}
#wrapper.privacy h3{font-weight:bold; padding:0 10px; margin-bottom:3px; font-size:22px}
#wrapper.privacy p{padding:0 10px; margin-bottom:20px; font-size:16px; line-height:18px;}

.cc-cookies{position:fixed; width:70%; left:0; top:0; padding:15px 15%; background:#565656; background:rgb(255,255,204); font-family:arial; color:#000; color:rgba(0,0,0,0.8); font-size:12px; line-height:14px; z-index:99999; text-align:center; }
.cc-cookies a, .cc-cookies a:hover{color:#000; text-decoration:underline;}
.cc-overlay{height:100%; padding-top:25%;}
.cc-cookies-error{float:left; width:90%; text-align:center; margin:1em 0 2em 0; background:#fff; padding:2em 5%; border:1px solid #ccc; font-size:18px; color:#333;}
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset{display:inline-block; color:#000; text-decoration:underline; font-weight:bold; /*background:#7DAF3B; padding:0.5em 0.75em; border-radius:3px; box-shadow:0 0 2px rgba(0,0,0,0.25); text-shadow:0 -1px 0 rgba(0,0,0,0.35); -o-transition:background 0.5s ease-in; -webkit-transition:background 0.25s ease-in; -moz-transition:background 0.25s ease-in;*/}
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline{background:#af3b3b; margin-left:0.5em;}
.cc-cookies a.cc-cookie-reset{background:#f15b00;}
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline{display:block; margin-top:1em;}
.cc-cookies.cc-discreet{width:auto; padding:0.5em 1em; left:auto; top:auto;}
.cc-cookies.cc-discreet a.cc-cookie-reset{background:none; text-shadow:none; padding:0; text-decoration:underline;}
.cc-cookies.cc-discreet a:hover.cc-cookie-reset{text-decoration:none;}

@media screen and (max-width:768px) {
  .cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset{display:block; margin:1em 0;}
}

@media screen and (max-width:480px) {
  .cc-cookies{position:relative; float:left;}
}



/***************
	Coperitna 
***************/
#wrapper.home{background:url('../img/bkg0.jpg') center center no-repeat; overflow:visible;}
#cont0 #container{position:absolute; z-index:10; margin:-250px 0 0 -480px; left:50%; top:50%; height:530px; width:960px; text-align:center;}
#cont0 #container h1{font:52px/60px 'Lobster', arial; margin-top:25px; color:#fff; text-shadow:2px 4px 0px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214;}
#cont0 #cominciaIlViaggio{width:180px; height:44px; font:26px/44px 'Oswald', arial; cursor:pointer; margin:95px auto 0;}
#cont0 #cominciaIlViaggio a{display:block; width:100%; height:100%; background:#5e3504; color:#fff;}
#cont0 .marchio{position:absolute; bottom:23px; left:50%; margin-left:-100px; width:200px}
#cont0 #flavio{width:300px; height:280px; position:absolute; bottom:36px; right:16px; background:url('../img/flavio_sgambaro.png') right top no-repeat;}
#cont0 #flavio h2{position:absolute; font:bold 15px/18px Georgia,Times,"Times New Roman",serif; color:#000; top:10px; left:12px; text-align:left;}
#cont0 #flavio p{position:absolute; width:115px; font:12px/12px 'Titillium Web', arial; color:#5a3214; bottom:20px; left:140px;}
#cont0 #flavio p strong{font-size:14px; font-weight:bold;}
#wrapper.home h4{position:absolute; width:100%; bottom:90px; text-align:center; font:11px/11px 'Titillium Web', arial;}
#wrapper.home h4 a{color:#000;}

/***************
	Sezione 1 
***************/
#wrapper.campi #cont1{background:url('../img/bkg1.jpg') left center no-repeat;}
#cont1 article{position:relative; background-color:transparent; float:left; width:100%; min-width:960px; height:100%; text-align:center; line-height:300px; z-index:20}

/* Copertina Sezione 1*/
#artCopertina1{width:960px; background-color:transparent; text-align:center; margin:0 auto;}
#artCopertina1 .center{margin-top:-176px;}
#artCopertina1 h1{font-family:'Lobster', arial; font-size:52px; font-weight:400; line-height:50px; color:#ffffff; margin:30px 0; text-shadow:2px 4px 0px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214;}
#contenitoreTestoCopertina1 {width:387px; height:194px; position:relative; margin:0 auto; background:url('../img/box_fregio.png') 0 0 no-repeat;}
#contenitoreTestoCopertina1 p{width:370px; margin:0 auto; position:relative; top:40px; color:#000; font:17px/23px 'Titillium Web', arial;}
#contenitoreTestoCopertina1 p strong{font-weight:bold}

/* Seme resistente */
#artSemi .center{text-align:left; top:0; height:100%; overflow:hidden;}
#artSemi .center .cont{height:530px; margin-top:-250px; position:absolute; width:100%; top:50%;}
#artSemi .sementiere{position:absolute; top:50%; right:233px; margin-top:-227px;}
#artSemi h1{font-family:'Ultra', arial; font-size:63px; font-weight:400; line-height:58px; position:absolute; top:30px; left:35px; padding:0; color:#ffffff; text-shadow:2px 4px 0px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214;}
#contenitoreParoleSementiere{left:653px; top:35px; position:absolute; width:230px; background:url('../img/ballon_agronomo.png') 0 0 no-repeat; padding-left:15px; height:127px}
#contenitoreParoleSementiere p{width:220px; color:#000; font-family:Georgia, Times, Serif; font-size:16px; line-height:1.3em; padding:15px 15px 17px 14px; margin:0;}
#contenitoreParoleSementiere p strong{font-weight:bold;}
#box_nome{width:318px; height:189px; background:url('../img/box_agronomo.png'); position:absolute; left:590px; top:50%;}
#box_nome h2{text-align:center; font:400 13px/13px "Titillium Web",arial; color:#5a3214; margin:0; width:100%; padding-top:17px;}
#box_nome h2 strong{font-weight:bold;}
#box_nome p{width:100%; font:400 14px/17px "Titillium Web",arial; color:#000; text-align:center; margin-top:28px;}
#box_nome p strong{font-weight:bold;}
.contenitoreImmagineI{height:52px; width:52px; top:450px; left:83px; position:absolute; z-index:500;}
.contenitoreImmagineI img{position:absolute; top:0; left:0; width:52px; height:auto;}
.contenitoreImmagineIModificato{background-image:url('../img/i_grande.png'); background-position:0 0;}
#infoSceltaSemi{width:148px; position:absolute; top:450px; left:35px; text-align:center;}
#topI{background-color:transparent; background-image:url('../img/sfondo_i_alto.png'); background-position:0 27px; background-repeat:no-repeat; height:50px; padding:0; width:148px; margin:0;}
#titolettoI{font-family:'Lobster', arial; color:#fff;  color:#5a3214; font-size:2.0em; font-weight:400; line-height:1em; margin:0; padding:3px 15px; background-color:transparent; background-image:url('../img/sfondo_i.png'); background-position:0 0; background-repeat:repeat-y;}
#spiegazioneI{font-family:"Titillium Web", arial; color:#333333; font-size:1.1em; font-weight:600; line-height:1em; margin:0; padding:15px 10px 15px 10px; text-transform:uppercase; background-color:transparent; background-image:url('../img/sfondo_i_basso.png'); background-position:left bottom; background-repeat:no-repeat;}
#spiegazioneI:hover{color:#5a3214;}
#artSemi .info{width:180px; height:152px; position:absolute; left:35px; bottom:50px;}
#artSemi .info .btn{display:none; position:absolute; top:0; left:50%; margin-left:-23px; z-index:4; background:url('../img/mulino_info.png') 0 0 no-repeat; width:46px; height:46px} 
#artSemi .info:hover .btn{background:url('../img/mulino_info_hover.png') 0 0 no-repeat;}
#artSemi .info .box{width:100%; height:130px; position:relative; top:-2px; background:url('../img/mulino_info2.png') 0 0 no-repeat; text-align:center;}
#artSemi .info .box:hover{background: url('../img/mulino_info2_hover.png') 0 0 no-repeat;}
#artSemi .info .box h2{font:400 22px/22px 'Lobster', arial; color:#DB6A10; padding-top:40px;}
#artSemi .info:hover .box h2{/*color:#5A3214;*/}
#artSemi .info .box p{color:#000; font:bold 13px/14px "Titillium Web", arial; margin-top:7px; text-transform:uppercase;}


/* Chicco */ 
#cont1 #artChicco{background-color:transparent; width:960px; overflow:hidden; z-index:50;}
#artChicco .center{height:100%; top:0;}
#contenitoreTondo{position:absolute; height:582px; width:100%; top:50%; margin-top:-266px;}
#tondoChicco{width:566px; height:566px; border:8px solid #ffffff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; left:189px; top:0; background-color:transparent; background-image:url('../img/chicchi.jpg'); background-position:50% 50%; background-repeat:no-repeat;}
#artChicco h1{width:566px; font-family:'Ultra', arial; font-size:63px; font-weight:400; line-height:58px; position:absolute; top:40%; left:0; padding:0; color:#ffffff; text-align:center; text-shadow:2px 4px 0px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214;}
#contenitoreCuoco{width:220px; min-height:400px; position:absolute; left:696px; top:2%; background-color:transparent; background-image:url('../img/cuoco.png'); background-position:center center; background-repeat:no-repeat;}
#nomeCuoco{width:205px; position:absolute; left:15px; top:308px;}
#nomeCuoco p, #nomeCuoco h2{text-align:center; font-family:"Titillium Web", arial; color:#5a3214; width:205px; margin:0; background-color:transparent; width:175px;}
#parNomeCuoco{font-size:1.5em; line-height:1.4em; font-weight:700; padding:0 15px;}
#parNomeRistorante{font-size:1.2em; line-height:1.1em; font-weight:400; padding:0 15px 15px 15px; ;}
#contenitoreParoleCuoco{text-align:left; left:559px; top:12%; position:absolute; width:200px; background-color:transparent; background-image:url('../img/triangolo_baloon_dx.png'); background-position:right 65px; background-repeat:no-repeat; padding-right:16px;}
#contenitoreParoleCuoco p{border-top:6px solid #5a3214; border-bottom:3px solid #5a3214; background-color:transparent; background-image:url('../img/fondo_bianco_baloon.png'); background-position:left top; background-repeat:repeat-y; width:170px; color:#333333; font-family:Georgia, Times, Serif; font-size:16px; line-height:1.3em; padding:10px 15px; margin:0;}
#spiegazioneQuanteNeSai{height:88px; width:155px; background-color:transparent; background-image:url('../img/box_rollover_quantenesai.png'); background-position:left top; background-repeat:no-repeat; position:absolute; left:20px; bottom:100px; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; opacity:0;}
#spiegazioneQuanteNeSai p{font-family:'Titillium Web', arial; font-size:1.4em; line-height:1.1em; text-align:center; color:#6f421c; padding:0.7em 1em 1em 1em;}
#quanteNeSai{background:url('../img/box_quantenesai2.png') left top no-repeat; position:absolute; bottom:0; left:7px; width:171px; min-height:50px; padding:15px; margin:0; text-align:center;}
#quanteNeSai h3{color:#db6b10; border-bottom:4px solid #db6b10; font-family:'Lobster', arial; font-size:27px; letter-spacing:1px; font-weight:400; line-height:1.3em; text-decoration:none; padding:0px; margin:0; background:transparent; cursor:pointer;}
#quanteNeSai:hover{background:url('../img/box_quantenesai.png') left top no-repeat;}
#quanteNeSai:hover h3{color:#5A3214; border-bottom:4px solid #5A3214;}
#contenitorePercentuale{text-align:left; width:188px; position:absolute; left:44px; top:12%; padding:20px 0 4px 0; background-color:transparent; background-image:url('../img/box_marrone.png'); background-position:left top; background-repeat:no-repeat;}
#contenitorePercentuale p, #contenitorePercentuale h2{font-family:'Oswald', arial; color:#ffffff; margin:0; width:132px; font-weight:400;}
#contenitorePercentuale div{padding:0px 40px 0 16px; width:132px;}
#percentuale{font-size:5.5em; line-height:1em; border-bottom:1px dashed #ffffff; padding:0 0 14px 0;}
#commentoPercentuale{text-transform:uppercase; font-size:15px; line-height:19px; padding:12px 40px 20px 16px;}

/* Rete di agricoltori */
#artRete{width:960px; background-color:transparent; z-index:1000; min-height:500px; margin:0 200px;}
#artRete .center{height:447px; margin-top:-248px;}
#artRete h1{width:960px; font-family:'Ultra', arial; font-size:63px; font-weight:400; margin:20px 0; line-height:58px; text-align:center; padding:0; color:#ffffff; text-shadow:2px 4px 0px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214;}
#sottotitoloRete{width:660px; padding:0px 150px 30px 150px;}
#sottotitoloRete p{width:660px; margin:0; padding:0; text-align:center; font-family:"Titillium Web", arial; font-size:2.2em; font-weight:600; line-height:1.3em; color:#ffffff; text-shadow:2px 2px 0px #5a3214; text-shadow:2px 2px 0px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214;}
#contenitoreBoxRete{width:860px; padding:0 230px; overflow:auto;}
.boxRete{width:238px; padding:80px 0 0 0; float:left; text-align:center; background-color:transparent; background-position:0 0; background-repeat:no-repeat;}
#boxRete1 {background-image:url('../img/box_forcone_sopra.png'); display:none;}
#boxRete2{margin:0 0 0 24px; background-image:url('../img/box_forchetta_sopra.png'); display:none;}
.contenitoreTitoloBoxRete{padding:0 24px; width:190px; background-color:transparent; background-image:url('../img/box_fork_centro.png'); background-position:0 0; background-repeat:repeat-y;}
.boxRete h2{text-transform:uppercase; margin:0; padding:13px 0 12px 0; width:190px; border-bottom:3px dotted #5a3214; font-family:"Titillium Web", arial; font-size:1.9em; font-weight:600; line-height:1.1em; color:#5a3214;}
.boxRete p{margin:0; padding:15px 16px 24px 16px; font-family:"Titillium Web", arial; font-size:1.5em; line-height:1.2em; color:#000000; background-color:transparent; background-image:url('../img/box_fork_sotto.png'); background-position:left bottom; background-repeat:no-repeat;}

#trattore{position:absolute; bottom:0; left:-440px; z-index:10;}
#mietitrebbia{position:absolute; bottom:0; right:-740px; z-index:10;}

/***************
	Sezione 2 
***************/
#wrapper.trasporti{/*overflow-x:scroll; overflow-y:hidden;*/}
#wrapper.trasporti #cont2{background:url('../img/bkg2.jpg') left center no-repeat;}
#cont2 article{position:relative; background-color:transparent; float:left; width:100%; min-width:960px; height:100%; text-align:center; line-height:300px; z-index:20}

#cont2 #pasta_sostenibile .center{margin-top:-140px; height:330px;}
#pasta_sostenibile h1{font:52px/50px 'Lobster', arial; color:#fff; text-shadow:2px 4px 0px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214; margin:0 auto 45px;}
#pasta_sostenibile .txt{width:388px; height:194px; position:relative; margin:0 auto; background:url('../img/box_fregio.png') 0 0 no-repeat;}
#pasta_sostenibile .txt p{width:370px; margin:0 auto; position:relative; top:40px; color:#000; font:17px/23px 'Titillium Web', arial;}
#pasta_sostenibile .txt p strong{font-weight:bold;}

#cont2 #solo_italiano .center{height:530px; margin-top:-250px; text-align:left;}
#solo_italiano h1{font:63px/58px 'Ultra', arial; color:#fff; text-shadow:2px 4px 0px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214; padding-top:31px; margin-left:40px;}
#solo_italiano .grano_ita{position:absolute; top:35px; right:40px;}
#solo_italiano h2{color:#fff; font:600 14px 'Titillium Web', arial; text-shadow:-1px 1px 1px #000; text-align:center;}
#solo_italiano .box_regione{width:905px; height:232px; background:url('../img/modulo_regioni.png') 0 0 no-repeat; margin:95px auto 0; position:relative;}
#solo_italiano .box_regione p{width:285px; height:auto; font:600 22px/27px 'Titillium Web', arial; color:#AA962D; position:relative; top:25px; left:46px;}
#solo_italiano .box_regione .regione{width:184px; height:100%; position:absolute; top:0; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; opacity:0;}
#solo_italiano .box_regione .regione img{position:absolute; top:0; left:0; right:0; margin:auto;}
#solo_italiano .box_regione .regione h3{text-align:center; font:700 18px 'Titillium Web', arial; color:#5A3214; position:relative; top:70px;}
#solo_italiano .box_regione .emilia{left:416px;}
#solo_italiano .box_regione .emilia img{top:-30px}
#solo_italiano .box_regione .lombardia{left:668px;}
#solo_italiano .box_regione .lombardia img{top:-55px;}
#solo_italiano .box_regione span{position:absolute; display:block; width:90px; height:77px; top:108px; left:0; text-align:center; color:#5A3214; font:700 14px/14px 'Titillium Web', arial; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; opacity:0;}
#solo_italiano .box_regione span.ettari{left:94px; color:#AA962D;}
#solo_italiano .box_regione span strong{font:bold 29px/29px 'Oswald', arial; display:block; margin:7px auto 6px;}

#cont2 #grano_nord .center{height:100%; top:0; text-align:left; padding:0 40px;}
#cont2 #grano_nord .center .pier{position:absolute; right:0; top:50%; margin-top:-224px;}
#cont2 #grano_nord .center .cont{height:530px; width:100%; position:absolute; top:50%; margin-top:-250px }
#grano_nord h1{font:63px/70px 'Ultra', arial; color:#fff; text-shadow:2px 4px 0px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214; padding-top:31px; margin-left:40px;}
#grano_nord .pierantonio{position:absolute; right:50%; margin-right:-530px;}
#grano_nord .cartina{width:290px; height:290px; position:absolute; top:221px; left:187px; background:url('../img/cartina_grano.png') 0 0 no-repeat;}
#grano_nord .cartina p{position:absolute; font:14px/16px 'Oswald', arial; color:#6f421c; top:37px; left:69px;}
#grano_nord .cartina img.titolo{position:absolute; top:70px; right:100px; z-index:9;}
#grano_nord .cartina .cerchio2{position:absolute; top:153px; right:91px; z-index:10; background:#6e411b; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#grano_nord .cartina .cerchio{position:absolute; top:82px; right:20px; width:150px; height:150px;}
#grano_nord .cartina .cerchio img{position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; width:0; height:auto;}
#grano_nord .centocinquanta{width:196px; height:223px; position:absolute; left:40px; top:233px; background:url('../img/baloon_cartina.png') 0 0 no-repeat;}
#grano_nord .centocinquanta .km{color:#fff; position:absolute; font:52px 'Oswald', arial; left:20px; top:13px; font-weight:bold;}
#grano_nord .centocinquanta .km em{font-size:32px; position:relative; left:-7px;}
#grano_nord .centocinquanta p{position:absolute; top:104px; left:21px; color:#fff; font:15px/20px 'Oswald', arial}
#grano_nord .txt{position:absolute; width:244px; height:167px; background:url('../img/baloon_grano_nord.png') 0 0 no-repeat; top:42px; left:420px;}
#grano_nord .txt p{font:15px/20px Georgia,Times,"Times New Roman",serif; position:relative; top:14px; left:12px;}
#grano_nord .txt p strong{font-weight:bold;}
#grano_nord .etichetta{position:absolute; right:205px; top:240px; width:206px; height:78px; background:url('../img/etichetta_nominativo.png') 0 0 no-repeat; text-align:center;}
#grano_nord .etichetta p{font:13px/13px "Titillium Web", arial; color:#5a3214; font-weight:400; margin-top:18px;}
#grano_nord .etichetta p strong{font-weight:bold;}

#mulino .center{height:530px; margin-top:-250px; text-align:left;}
#mulino h1{font:63px/58px 'Ultra', arial; color:#fff; text-shadow:2px 4px 0px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214; padding-top:31px; margin-left:55px;}
#mulino .txt{width:353px; height:156px; position:absolute; left:23px; bottom:25px; background:url('../img/in_entrata.png') 0 0 no-repeat; opacity:0;}
#mulino .txt p{width:255px; position:absolute; top:13px; left:85px; font:14px/17px "Titillium Web", arial; color:#000; display:none;}
#mulino .txt p strong{font-weight:bold;}
#mulino .txt p span{display:block; color:#6f421c; font-size:19px; line-height:19px; font-weight:bold; margin-bottom:7px;}
#mulino .txt p em{font-size:10px;}
#mulino .txt img{position:absolute; top:50%; margin-top:-33px; left:-50px; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; opacity:0;}
#mulino .tooltip{width:142px; height:37px; background:red; right:0; top:0; position:absolute; line-height:90px; cursor:pointer; z-index:10;}
#mulino .tooltip h2{width:100%; height:37px; text-align:center; position:absolute; top:0; left:0; color:#fff; font:bold 19px/35px "Titillium Web", arial;}
#mulino .tooltip#tool1{top:145px; right:62px; background:url('../img/etichetta2.png') top center no-repeat;}
#mulino .tooltip#tool2{top:245px; right:250px; background:url('../img/etichetta3.png') top center no-repeat;}
#mulino .tooltip#tool3{top:325px; right:40px; background:url('../img/etichetta.png') top center no-repeat;}
#mulino .tooltip#tool4{top:360px; right:337px; background:url('../img/etichetta.png') top center no-repeat;}
#mulino .tooltip#tool1:hover{background:url('../img/etichetta2_hover.png') top center no-repeat;}
#mulino .tooltip#tool2:hover{background:url('../img/etichetta3_hover.png') top center no-repeat;}
#mulino .tooltip#tool3:hover{background:url('../img/etichetta_hover.png') top center no-repeat;}
#mulino .tooltip#tool4:hover{background:url('../img/etichetta_hover.png') top center no-repeat;}
#mulino .tooltip:hover h2{color:#5A3214}
#mulino .tooltip img{position:absolute; top:48px; left:50%; margin-left:-22px; opacity:0;}
#mulino .tooltip img.cerchio1, #mulino .tooltip img.cerchio2, #mulino .tooltip img.cerchio3{}
#mulino .tooltip#tool4 img{top:0;}
#mulino .mulino{position:absolute; top:17px; left:400px;}
#mulino .sagoma{opacity:0; position:absolute; top:17px; left:465px;}

#mulino2 .center{height:100%; top:0; width:1023px;}
#mulino2 .center .cont{height:530px; margin-top:-250px; position:absolute; width:350px; top:50%;}
#mulino2 .info{width:180px; height:152px; position:absolute; left:36px; top:26px;}
#mulino2 .info .btn{display:none; position:absolute; top:0; left:50%; margin-left:-23px; z-index:4; background:url('../img/mulino_info.png') 0 0 no-repeat; width:46px; height:46px} 
#mulino2 .info:hover .btn{background:url('../img/mulino_info_hover.png') 0 0 no-repeat;}
#mulino2 .info .box{width:100%; height:130px; position:relative; top:22px; background:url('../img/mulino_info2.png') 0 0 no-repeat; text-align:center;}
#mulino2 .info .box:hover{background: url('../img/mulino_info2_hover.png') 0 0 no-repeat;}
#mulino2 .info .box h2{font:400 22px/22px 'Lobster', arial; color:#DB6A10; padding-top:40px;}
#mulino2 .info:hover .box h2{/*color:#5A3214;*/}
#mulino2 .info .box p{color:#000; font:bold 13px/14px "Titillium Web", arial; margin-top:7px;}
#mulino2 .txt{width:277px; height:156px; position:absolute; left:23px; bottom:25px; background:url('../img/in_uscita.png') 0 0 no-repeat; opacity:0; text-align:left;}
#mulino2 .txt p{width:185px; position:absolute; top:15px; left:16px; font:14px/17px "Titillium Web", arial; color:#000; display:none;}
#mulino2 .txt p strong{font-weight:bold;}
#mulino2 .txt p span{display:block; color:#6f421c; font-size:19px; line-height:19px; font-weight:bold; margin-bottom:7px;}
#mulino2 .txt img{position:absolute; top:50%; margin-top:-33px; right:50px; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; opacity:0;}
#mulino2 #spiegazioneQuanteNeSai{left:545px; bottom:100px;}
#mulino2 #quanteNeSai{bottom:0; right:300px; left:inherit;}

/***************
	Sezione 3 
***************/
#wrapper.risorse{/*overflow-x:scroll; overflow-y:hidden;*/}
#cont3{background:url('../img/bkg3.jpg') left center no-repeat;}
#cont3 article{position:relative; float:left; width:100%; min-width:960px; height:100%; text-align:center; line-height:300px; z-index:20}

#cont3 #intro .center{margin-top:-140px; height:330px;}
#cont3 #intro h1{font:52px/50px 'Lobster', arial; color:#fff; text-shadow:2px 4px 0px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214; margin:0 auto 45px;}
#cont3 #intro .txt{width:387px; height:194px; position:relative; margin:0 auto; background:url('../img/box_fregio.png') 0 0 no-repeat;}
#cont3 #intro .txt p{width:370px; margin:0 auto; position:relative; top:40px; color:#000; font:17px/23px 'Titillium Web', arial;}
#cont3 #intro .txt p strong{font-weight:bold;}
#cont3 p span.sub{font-size:12px;}

#energia_pulita .center{height:100%; top:0;}
#energia_pulita .center .cont{height:530px; margin-top:-250px; position:absolute; width:100%; top:50%;}
#energia_pulita #spiegazioneQuanteNeSai{left:765px; bottom:100px;}
#energia_pulita #quanteNeSai{bottom:0; left:745px;}
#energia_pulita #cento{position:absolute; top:30px; left:45px; z-index:10; width:210px; height:374px; background:url('../img/energia_pulita.png') 0 0 no-repeat;}
#energia_pulita #cento p{width:145px; color:#fff; margin:215px auto 0; font:14px/17px 'Titillium Web', arial;}
#energia_pulita #tour{width:245px; height:321px; position:absolute; top:40px; right:50px; z-index:10; background:url('../img/monitor.png') 0 0 no-repeat;}
#energia_pulita #tour h2{color:#fff; font:30px/30px 'Lobster', arial; margin-top:45px;}
#energia_pulita #tour p{color:#fff; font:14px/17px 'Titillium Web', arial; width:159px; margin:120px auto 0;}
#energia_pulita #tour .btn{width:138px; height:26px; display:block; margin:12px auto 0; background:#fff; color:#44c8f5; cursor:pointer; font:bold 13px/26px 'Titillium Web', arial; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; position:relative; -webkit-transition:all 0.25s ease; -ms-transition:all 0.25s ease; -moz-transition:all 0.25s ease; -o-transition:all 0.25s ease; transition:all 0.25s ease;}
#energia_pulita #tour .btn a{color:#44c8f5; display:block; width:100%; height:100%; -webkit-transition:all 0.25s ease; -ms-transition:all 0.25s ease; -moz-transition:all 0.25s ease; -o-transition:all 0.25s ease; transition:all 0.25s ease;}
#energia_pulita #tour .btn:hover{background:#b9e5fb; color:#fff;}
#energia_pulita #tour .btn:hover a{color:#fff;}
#energia_pulita #tondo_energia{width:559px; height:559px; overflow:hidden; position:absolute; top:50%; left:50%; margin:-287px 0 0 -287px; border:8px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background-image:url('../img/diga.jpg'); background-position:50% 50%; background-repeat:no-repeat;}
#energia_pulita #tondo_energia img{position:absolute; top:50%; margin-top:-288px; left:0; display:none;}
#energia_pulita #tondo_energia h1{font:63px/66px 'Ultra', arial; width:100%; position:absolute; top:100px; left:0; padding:0; color:#ffffff; text-align:center; text-shadow:-2px 4px 0px #5a3214, 0 0 4px #5a3214, 0 0 2px #5a3214, 0 0 2px #5a3214, 0 0 2px #5a3214;}
#energia_pulita #tondo_energia h2{color:#fff; font:600 22px/27px 'Titillium Web', arial; position:absolute; width:100%; top:330px;}
#energia_pulita #tondo_energia span{background:#fff; width:132px; height:2px; left:50%; bottom:97px; position:absolute; margin-left:-66px; display:block;}
#energia_pulita #tondo_energia p{color:#fff; width:100%; position:absolute; bottom:40px; font:12px/15px 'Titillium Web', arial;}

#risorse .center{height:530px; margin-top:-250px;}
#risorse h1{font:63px/58px 'Ultra', arial; margin:20px 0; color:#ffffff; text-shadow:-2px 4px 0px #5a3214, 0 0 4px #5a3214, 0 0 4px #5a3214, 0 0 4px #5a3214, 0 0 4px #5a3214;}
#risorse p.sottotitolo{font:600 22px/27px 'Titillium Web', arial; color:#fff; width:980px; margin-left:-10px; text-shadow:text-shadow:2px 2px 0px #5a3214; text-shadow:2px 2px 0px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214;}
#risorse .box{width:249px; height:286px; background:#73ab5b; position:absolute; left:0; bottom:42px; display:none;}
#risorse .box#box_energia{left:49px; background:url('../img/box_energia.png') 0 0 no-repeat;}
#risorse .box#box_riciclo{left:315px; background:url('../img/box_riciclo.png') 0 0 no-repeat;}
#risorse .box h2{font:bold 19px/19px 'Titillium Web', arial; color:#6f421c; margin-top:90px;}
#risorse .box p{color:#000; font:14px/17px 'Titillium Web', arial; margin:20px auto 0; width:210px;}
#risorse #roberto{width:372px; height:344px; background:url('../img/roberto_sgambaro.png') 0 0 no-repeat; position:absolute; right:0; bottom:15px;}
#risorse #roberto p{width:194px; position:absolute; text-align:left; top:48px; left:4px; color:#000; font:16px/20px Georgia,Times,"Times New Roman",serif;}
#risorse #roberto p strong{font-weight:bold}
#risorse #roberto h2{font:13px/13px "Titillium Web", arial; color:#5a3214; position:absolute; bottom:22px; right:48px}
#risorse #roberto h2 strong{font-weight:bold;}

#impronta .center{height:530px; margin-top:-250px; text-align:left;}
#impronta h1{font:63px/58px 'Ultra', arial; color:#ffffff; text-shadow:-2px 4px 0px #5a3214, 0 0 4px #5a3214, 0 0 4px #5a3214, 0 0 4px #5a3214, 0 0 4px #5a3214; margin:0 0 0 55px; padding-top:31px;}
#impronta .icona{position:absolute; right:55px; top:37px;}
#impronta h2.sottotitolo{font:600 22px/27px 'Titillium Web', arial; color:#fff; width:330px; text-shadow:2px 2px 0px #5a3214; text-shadow:2px 2px 0px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214; margin:30px 0 0 55px;}
#impronta .info{width:180px; height:152px; margin:-11px 0 0 55px; position:relative; cursor:pointer;}
#impronta .info .btn{display:none; position:absolute; top:0; left:50%; margin-left:-23px; z-index:4; background:url('../img/mulino_info.png') 0 0 no-repeat; width:46px; height:46px} 
#impronta .info:hover .btn{background:url('../img/mulino_info_hover.png') 0 0 no-repeat;}
#impronta .info .box{width:100%; height:130px; position:relative; top:22px; background:url('../img/mulino_info2.png') 0 0 no-repeat; text-align:center;}
#impronta .info .box:hover{background: url('../img/mulino_info2_hover.png') 0 0 no-repeat;}
#impronta .info .box h2{font:400 22px/22px 'Lobster', arial; color:#DB6A10; padding-top:40px;}
#impronta .info:hover .box h2{/*color:#5A3214;*/}
#impronta .info .box p{color:#000; font:bold 13px/14px "Titillium Web", arial; margin-top:7px;}
#impronta .info3{position:absolute; left:255px; top:355px; margin:0; width:126px; height:130px; cursor:pointer}
#impronta .info3 .box{width:100%; height:130px; position:relative; top:22px; background:url('../img/info3.png') 0 0 no-repeat; text-align:center;}
#impronta .info3 .box:hover{background: url('../img/info3_hover.png') 0 0 no-repeat;}
#impronta .info3 .box h2{font:400 22px/22px 'Lobster', arial; color:#DB6A10; padding-top:40px;}
#impronta .info3:hover .box h2{/*color:#5A3214;*/}
#impronta .info3 .box p{color:#000; font:bold 13px/14px "Titillium Web", arial; margin-top:7px;}


#tabella{width:502px; height:322px; background:url('../img/fondo_bianco_tabella.png') 0 0 no-repeat; position:absolute; right:55px; bottom:24px;}
#tabella .left{width:210px; height:280px; border-right:2px dashed #000; position:absolute; left:24px; top:19px;}
#tabella .left h2{font:bold 19px/21px "Titillium Web", arial; color:#5a3214;}
#tabella .left h2 .sub{font-size:14px;}
#tabella .left ul{position:absolute; left:0; bottom:0;}
#tabella .left ul li{width:177px; height:25px; border-bottom:1px solid #868682; font:14px/25px "Titillium Web", arial; color:#000; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; opacity:0;}
#tabella .left ul li.cottura{color:#d2232a; margin-bottom:13px; font-weight:bold;}
#tabella .left ul li.totale{color:#5a3214; font-weight:bold;}
#tabella .left ul li span{float:right;}
#tabella .right{width:220px; height:280px; border-bottom:1px solid #292b29; position:absolute; left:262px; top:19px;}
#tabella .right .totale{position:relative; float:left; height:100%; width:50%;}
#tabella .right .cottura{position:relative; float:left; height:100%; width:50%;}
#tabella .right h2{text-align:center; font:37px/19px 'Oswald', arial; margin-top:10px}
#tabella .right h2 .num{font:14px "Titillium Web", arial; font-weight:bold;}
#tabella .right .totale h2{color:#5a3214;}
#tabella .right .cottura h2{color:#d2232a;}
#tabella .right .box{width:84px; height:0; position:absolute; left:50%; margin-left:-42px; bottom:0;}
#tabella .right #box1{background:#939598; bottom:205px;}
#tabella .right #box2{background:#fff200; bottom:185px;}
#tabella .right #box3{background:#d3bc4a; bottom:143px;}
#tabella .right #box4{background:#5a3214; bottom:134px;}
#tabella .right #box5{background:#41ad49;}
#tabella .right #box_cottura{background:#d2232a;}

#impatto_zero .center{height:100%; top:0; text-align:left;}
#impatto_zero .center .cont{height:530px; margin-top:-250px; position:absolute; width:100%; top:50%;}
#impatto_zero .biologo{position:absolute; right:-50px; top:50%; margin-top:-224px;}
#impatto_zero h1{font:63px/70px 'Ultra', arial; color:#fff; text-shadow:2px 4px 0px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214; padding-top:31px; margin-left:70px;}
#impatto_zero h2.sottotitolo{font:600 22px/27px 'Titillium Web', arial; color:#fff; width:410px; text-shadow:2px 2px 0px #5a3214; text-shadow:2px 2px 0px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214; margin:10px 0 0 70px;}
#impatto_zero .villa{width:181px; height:218px; position:absolute; left:70px; bottom:20px; background:url('../img/box_laguna.png') 0 0 no-repeat;}
#impatto_zero .villa h3{width:115px; color:#fff; font:18px/21px 'Oswald', arial; margin:15px 0 0 20px;}
#impatto_zero .villa p{width:115px; color:#fff; font:14px/17px 'Titillium Web', arial; margin:22px 0 0 20px;}
#impatto_zero .info2{width:180px; height:152px; position:absolute; bottom:19px; left:270px; cursor:pointer;}
#impatto_zero .info2 .btn{display:none; position:absolute; top:0; left:50%; margin-left:-23px; z-index:4; background:url('../img/mulino_info.png') 0 0 no-repeat; width:46px; height:46px} 
#impatto_zero .info2:hover .btn{background:url('../img/mulino_info_hover.png') 0 0 no-repeat;}
#impatto_zero .info2 .box{width:100%; height:130px; position:relative; top:22px; background:url('../img/mulino_info2.png') 0 0 no-repeat; text-align:center;}
#impatto_zero .info2 .box:hover{background: url('../img/mulino_info2_hover.png') 0 0 no-repeat;}
#impatto_zero .info2 .box h2{font:400 22px/22px 'Lobster', arial; color:#DB6A10; padding-top:40px;}
#impatto_zero .info2:hover .box h2{/*color:#5A3214;*/}
#impatto_zero .info2 .box p{color:#000; font:bold 13px/14px "Titillium Web", arial; margin-top:7px;}
#impatto_zero .txt{position:absolute; width:202px; height:180px; background:url('../img/baloon_biologo.png') 0 0 no-repeat; top:75px; right:170px;}
#impatto_zero .txt p{width:150px; color:#000; font:15px/20px Georgia,Times,"Times New Roman",serif; margin:10px 0 0 13px;}
#impatto_zero .txt p strong{font-weight:bold;}
#impatto_zero #etichetta{width:206px; height:78px; background:url('../img/etichetta_nominativo.png') 0 0 no-repeat; position:absolute; top:310px; right:100px; text-align:center;}
#impatto_zero #etichetta h2{font:13px/13px "Titillium Web", arial; color:#5a3214; position:absolute; bottom:22px; width:100%;}
#impatto_zero #etichetta h2 strong{font-weight:bold;}


/***************
	Sezione 4
***************/
#cont4{background:url('../img/bkg4.jpg') left center no-repeat;}
#cont4 article{position:relative; float:left; width:100%; min-width:960px; height:100%; text-align:center; line-height:300px; z-index:20}

#cont4 #intro .center{margin-top:-140px; height:330px;}
#cont4 #intro h1{font:52px/50px 'Lobster', arial; color:#fff; text-shadow:2px 4px 0px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214; margin:0 auto 45px;}
#cont4 #intro .txt{width:387px; height:194px; position:relative; margin:0 auto; background:url('../img/box_fregio.png') 0 0 no-repeat;}
#cont4 #intro .txt p{width:370px; margin:0 auto; position:relative; top:40px; color:#000; font:17px/23px 'Titillium Web', arial;}
#cont4 #intro .txt p strong{font-weight:bold;}

#tavola .center{height:100%; top:0; overflow:hidden;}
#tavola .center .cont{height:530px; margin-top:-250px; position:absolute; width:100%; top:50%;}
#tavola .center .mamma_pentola{position:absolute; top:50%; margin-top:-233px; right:0;}
#tavola .center .pasta{position:absolute; top:35px; left:210px;}
#tavola .info{width:180px; height:152px; position:absolute; top:370px; left:0px;}
#tavola .info .btn{display:none; position:absolute; top:0; left:50%; margin-left:-23px; z-index:4; background:url('../img/mulino_info.png') 0 0 no-repeat; width:46px; height:46px} 
#tavola .info:hover .btn{background:url('../img/mulino_info_hover.png') 0 0 no-repeat;}
#tavola .info .box{width:100%; height:130px; position:relative; top:22px; background:url('../img/mulino_info2.png') 0 0 no-repeat; text-align:center;}
#tavola .info .box:hover{background: url('../img/mulino_info2_hover.png') 0 0 no-repeat;}
#tavola .info .box h2{font:400 22px/22px 'Lobster', arial; color:#DB6A10; padding-top:40px;}
#tavola .info:hover .box h2{/*color:#5A3214;*/}
#tavola .info .box p{color:#000; font:bold 13px/14px "Titillium Web", arial; margin-top:7px;}
#tavola h1{font:400 63px/58px 'Ultra', arial; color:#ffffff; text-shadow:2px 4px 0px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214; text-align:left; margin:31px 0 0; position:relative;}
#tavola #box_txt{position:absolute; top:45px; right:-10px; width:200px; height:188px; background:url('../img/baloon_mamma.png') 0 0 no-repeat;}
#tavola #box_txt p{color:#000; font:16px/20px Georgia,Times,"Times New Roman",serif; text-align:left; width:165px; margin:15px 0 0 25px;}
#tavola #box_txt p strong{font-weight:bold;} 
#tavola #etichetta{width:206px; height:78px; background:url('../img/etichetta_nominativo.png') 0 0 no-repeat; position:absolute; bottom:18px; right:220px;}
#tavola #etichetta h2{font:13px/13px "Titillium Web", arial; color:#5a3214; position:absolute; bottom:22px; width:100%;}
#tavola #etichetta h2 strong{font-weight:bold;}

#tocca_a_te .center{height:530px; margin-top:-250px;}
#tocca_a_te h1{font:400 63px/58px 'Ultra', arial; color:#ffffff; text-shadow:2px 4px 0px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214; position:relative; top:31px;}
#tocca_a_te .sottotitolo{width:300px; display:block; text-align:left; position:absolute; top:100px; left:50px; font:600 22px/27px 'Titillium Web', arial; color:#fff; text-shadow:2px 2px 0px #5a3214; text-shadow:2px 2px 0px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214;}
#tocca_a_te .box{width:480px; height:190px; background:red; position:absolute; right:73px; top:105px;}
#tocca_a_te #azzurro{background:url('../img/fondo_azzurro.png') 0 0 no-repeat;}
#tocca_a_te #verde{top:314px; background:url('../img/fondo_verde.png') 0 0 no-repeat;}
#tocca_a_te .box p{font:600 22px/27px 'Titillium Web', arial; color:#fff; text-shadow:2px 2px 3px #000000; text-align:left; position:relative; width:230px; left:238px; top:7px;}
#tocca_a_te .box a{position:absolute; display:block; background:#fff; width:226px; height:30px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; bottom:16px; left:238px; font:600 20px/30px 'Titillium Web', arial; text-align:left; text-indent:8px;}
#tocca_a_te #azzurro a{color:#2dbff2;}
#tocca_a_te #azzurro a:hover{background:#b9e5fb; color:#fff;}
#tocca_a_te #verde a{color:#40ae49;}
#tocca_a_te #verde a:hover{background:#a4d09b; color:#fff;}
#tocca_a_te #canvas{position:absolute; width:285px; height:285px; bottom:17px; left:50px;}
#tocca_a_te #canvas .titolo{width:247px; height:30px; position:relative; background:#5a3214; color:#fff; font:bold 14px/30px 'Titillium Web', arial; margin:18px auto 0; z-index:99; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#tocca_a_te #canvas-holder{position:absolute; width:285px; height:285px; bottom:0; left:0;}
#tocca_a_te #txt-area{position:absolute; z-index:99; height:285px; width:285px; bottom:0; left:0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden;}
#tocca_a_te #txt-area .agricoltore{position:absolute; bottom:-150px; left:53px;}
#tocca_a_te #txt-area .donna{position:absolute; bottom:-150px; left:182px;}
#tocca_a_te #txt-area .percentuale{width:96px; height:50px; position:absolute; top:78px; display:none;}
#tocca_a_te #txt-area .percentuale .numero{position:relative; text-align:center; height:30px; display:block; width:100%; font:bold 32px/30px 'Oswald', arial;}
#tocca_a_te #txt-area .percentuale .numero .perc{font-size:22px; position:relative; top:-10px;}
#tocca_a_te #txt-area .percentuale h2{font:bold 14px/14px 'Titillium Web', arial; margin-top:4px;}
#tocca_a_te #txt-area #perc1{left:30px; color:#5f3604;}
#tocca_a_te #txt-area #perc2{color:#fff; width:68px; left:178px;}

#cottura_passiva .center{height:100%; top:0;}
#cottura_passiva .center .cont{height:530px; margin-top:-250px; position:absolute; width:100%; top:50%; text-align:left;}
#cottura_passiva #spiegazioneQuanteNeSai{left:100px; bottom:100px;}
#cottura_passiva #quanteNeSai{bottom:0; left:80px;}
#cottura_passiva h1{font:400 63px/58px 'Ultra', arial; color:#ffffff; text-shadow:2px 4px 0px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214; position:relative; top:31px; left:80px;}
#cottura_passiva .sottotitolo{width:400px; display:block; position:absolute; top:165px; left:80px; font:600 22px/27px 'Titillium Web', arial; color:#fff; text-shadow:2px 2px 0px #5a3214; text-shadow:2px 2px 0px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214;}
#cottura_passiva #box_tempo{width:333px; height:475px; background:url('../img/come_si_fa.png') 0 0 no-repeat; position:absolute; top:31px; right:95px;}
#cottura_passiva #box_tempo .titolo{width:110px; height:110px; position:absolute; top:18px; left:28px;}
#cottura_passiva #box_tempo .titolo h2{color:#6f421c; font:bold 18px/18px 'Titillium Web', arial;}
#cottura_passiva #box_tempo .titolo p{color:#000; font:14px/16px 'Titillium Web', arial; margin-top:20px;}
#cottura_passiva #box_tempo .txt{position:absolute; left:83px; color:#000; font:600 14px/16px 'Titillium Web', arial; width:216px;}
#cottura_passiva #box_tempo #txt1{top:157px;}
#cottura_passiva #box_tempo #txt2{top:275px;}
#cottura_passiva #box_tempo #txt3{top:328px;}
#cottura_passiva #box_tempo #txt4{top:397px;}
#cottura_passiva #box_tempo #timer1{width:70px; height:37px; position:absolute; left:83px; top:195px; background:url('../img/timer1.png') 0 0 no-repeat;}
#cottura_passiva #box_tempo #timer1 h2{position:absolute; bottom:0; left:83px; color:#6f421c; font:bold 18px/18px 'Titillium Web', arial;}
#cottura_passiva #box_tempo #timer1 .numero{height:37px; width:39px; display:block; position:absolute; top:0; left:0; color:#6f421c; font:bold 30px/37px 'Titillium Web', arial; text-align:center;}
#cottura_passiva #box_tempo #timer1 .piu{position:absolute; cursor:pointer; width:18px; height:15px; left:45px; top:3px;}
#cottura_passiva #box_tempo #timer1 .meno{position:absolute; cursor:pointer; width:18px; height:15px; left:45px; top:18px;}
#cottura_passiva #box_tempo #timer2{width:40px; height:38px; position:absolute; left:83px; top:423px; background:url('../img/timer2.png') 0 0 no-repeat;}
#cottura_passiva #box_tempo #timer2 h2{position:absolute; bottom:0; left:50px; color:#6f421c; font:bold 18px/18px 'Titillium Web', arial;}
#cottura_passiva #box_tempo #timer2 .numero{height:38px; width:40px; display:block; position:absolute; top:0; left:0; color:#6f421c; font:bold 30px/38px 'Titillium Web', arial; text-align:center;}

/***************
	Sezione 5
***************/
#wrapper.pasta{min-width:980px; overflow:hidden;}
#cont5{background:url('../img/bkg5.jpg') center center no-repeat;}
#cont5 article{position:relative; float:left; width:100%; min-width:960px; height:100%; text-align:center; line-height:300px; z-index:20}
#cont5 .center{height:530px; position:relative; margin:-250px auto 0; width:960px; top:50%;}
#cont5 h1{font:52px/60px 'Lobster', arial; padding-top:25px; color:#fff; text-shadow:2px 4px 0px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214, 0 0 3px #5a3214;}
#cont5 h2{font:600 25px/29px 'Titillium Web', arial; color:#fff; text-shadowtext-shadow:2px 2px 0px #5a3214; text-shadow:2px 2px 0px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214, 0 0 1px #5a3214; margin-top:12px;}
#cont5 p{font:bold 16px/16px 'Titillium Web', arial; color:#AA962D; margin-top:27px;}
#cont5 h3{font:bold 25px/25px 'Titillium Web', arial; color:#5A3214; margin-top:27px;}
#cont5 h3 a{color:#AA962D;}
#cont5 h3 a:hover{color:#5A3214;}
#cont5 ul{margin:10px auto 0; width:172px;}
#cont5 ul li{width:50px; height:50px;float:left; margin-left:11px; position:relative;}
#cont5 ul li a{display:block; width:100%; height:100%;}
#cont5 ul li:first-child{margin:0;}
#cont5 ul li.fb{background:url('../img/icona_fb_hover.png') 0 0 no-repeat;}
#cont5 ul li.tw{background:url('../img/icona_tw_hover.png') 0 0 no-repeat;}
#cont5 ul li.gl{background:url('../img/icona_google_hover.png') 0 0 no-repeat;}
#cont5 ul li img{position:absolute; top:0; left:0; top:0; left:0; -moz-transition:all .25s ease; -webkit-transition:all .25s ease; transition:all .25s ease;}
#cont5 ul li:hover img{opacity:0;}
#cont5 img.logo_pasta{margin:0 auto; position:relative; top:-40px;}
#cont5 .dati{position:absolute; bottom:0px; left:0; width:100%; font:bold 12px/17px 'Titillium Web', arial; color:#AA962D;}
#cont5 .dati a{color:#5A3214;}
#cont5 .dati .hic{position:relative; font-weight:bold;}

/*********************
	QUANTE NE SEI
*********************/
#bkg_fancy{position:fixed; top:0; left:0; width:100%; min-width:980px; height:100%; min-height:580px; background:#5a3214; background:rgba(90,50,20,0.7); z-index:9999; display:none;}
#fancy{background:#fefe99; position:fixed; width:680px; height:436px; top:50%; left:50%; margin:-218px 0 0 -340px; z-index:9999; display:none;}
.campi #fancy{background:url('../img/fancy_campi.png') 0 0 no-repeat;}
.cucina #fancy{background:url('../img/fancy_cucina.png') 0 0 no-repeat;}
.risorse #fancy{background:url('../img/fancy_risorse.png') 0 0 no-repeat;}
.trasporti #fancy{background:url('../img/fancy_trasporti.png') 0 0 no-repeat;}
#fancy .close{cursor:pointer; position:absolute; top:18px; right:33px; height:32px; width:32px; background:url('../img/fancy_close.png') 0 0 no-repeat;}
#fancy .close:hover{background:url('../img/fancy_close_hover.png') 0 0 no-repeat;}
#fancy .top, #fancy .bottom{position:absolute; left:36px; top:88px; width:415px; height:160px;}
#fancy .top{width:435px;}
#fancy .bottom{top:255px;}
#fancy .top h2{font:bold 18px/18px 'Titillium Web', arial; color:#DB6A10; margin-bottom:23px;}
#fancy .top ul li{padding-left:35px; color:#000; background:url('../img/fancy_pulsante.png') 0 0 no-repeat; height:22px; font:16px/22px 'Titillium Web', arial; margin-bottom:10px; cursor:pointer;}
#fancy .top ul li.active, #fancy .top ul li:hover{background:url('../img/fancy_pulsante_hover.png') 0 0 no-repeat;}
#fancy .bottom .conferma{position:absolute; top:0; left:0; height:100%; display:none;}
#fancy .bottom h2{font:bold 18px/18px 'Titillium Web', arial; color:#CD212A;}
#fancy .bottom h2.esatto{color:#008c45;}
#fancy .bottom h2 em{color:#000; font-weight:normal;}
#fancy .bottom p{font:14px/18px 'Titillium Web', arial; color:#000;}
#fancy .bottom h3{height:36px; position:absolute; bottom:14px; left:0; font:bold 18px/36px 'Titillium Web', arial; color:#5A3214;}
#fancy .bottom h3 .fb{width:36px; height:36px; display:block; position:absolute; top:0; left:156px; background:url('../img/fancy_fb.png') 0 0 no-repeat;}
#fancy .bottom h3 .tw{width:36px; height:36px; display:block; position:absolute; top:0; left:200px; background:url('../img/fancy_tw.png') 0 0 no-repeat;}
#fancy .bottom h3 .gl{width:36px; height:36px; display:block; position:absolute; top:0; left:245px; background:url('../img/fancy_gl.png') 0 0 no-repeat;}
#fancy .bottom h3 .fb:hover{background:url('../img/fancy_fb_hover.png') 0 0 no-repeat;}
#fancy .bottom h3 .tw:hover{background:url('../img/fancy_tw_hover.png') 0 0 no-repeat;}
#fancy .bottom h3 .gl:hover{background:url('../img/fancy_gl_hover.png') 0 0 no-repeat;}
#fancy .bottom h3 span a{display:block; width:100%; height:100%;}

/*********************
	BOX INFO
*********************/
.info{cursor:pointer;}
.box_info{position:fixed; width:720px; height:436px; left:50%; top:50%; margin:-218px 0 0 -360px; z-index:9999; display:none;}
.box_info .header_info{width:100%; height:113px; position:absolute; top:0; left:0; z-index:10;}
.box_info .header_info h2{font:24px/24px 'Lobster', arial; color:#fff; margin:21px 0 0 28px;}
.box_info .header_info ul.titolo{margin:43px 0 0 3px;}
.box_info .header_info ul.titolo li{font:bold 22px/22px 'Titillium Web', arial; color:#d3bb48; cursor:pointer; float:left; margin-left:23px;}
.box_info .header_info ul.titolo li:hover, .box_info .header_info ul.titolo li.active{color:#d46d14;}
.box_info .header_info .close{cursor:pointer; position:absolute; top:18px; right:27px; height:32px; width:32px; background:url('../img/fancy_close.png') 0 0 no-repeat;}
.box_info .header_info .close:hover{background:url('../img/fancy_close_hover.png') 0 0 no-repeat;}
.box_info .cont{position:absolute; top:0; left:0; display:none; width:720px; height:296px; padding-top:140px;}
.box_info .cont h3{width:280px; margin:0 0 0 26px; font:bold 16px/16px 'Titillium Web', arial; color:#d46d14;}
.box_info .cont p{width:280px; margin:9px 0 0 26px; font:13px/18px 'Titillium Web', arial;}
.campi .box_info .cont3 p{width:350px;}
.box_info .cont p strong{font-weight:bold;}
.box_info .cont p a{text-decoration:underline; color:#000;}
.box_info .cont p a:hover{color:#d46d14;}
.box_info .cont .dida{position:absolute; font:11px/11px 'Titillium Web', arial; left:360px; bottom:28px;}
.box_info .cont1{display:block;}
.campi #box_info .cont1{background:url('../img/seme_prima_fase_base.png') 0 0 no-repeat;}
.campi #box_info .cont2{background:url('../img/seme_seconda_fase_base.png') 0 0 no-repeat;}
.campi #box_info .cont3{background:url('../img/seme_terza_fase_base.png') 0 0 no-repeat;}
.campi #box_info .cont4{background:url('../img/seme_resistente_base.png') 0 0 no-repeat;}
.campi #box_info .cont4 p{width:320px;}
.trasporti #box_info .cont1{background:url('../img/auto_elettriche_base.png') 0 0 no-repeat;}
.trasporti #box_info .header_info{height:60px;}
.trasporti #box_info .cont{height:363px; padding-top:73px;}
.trasporti #box_info .cont p{width:240px;}
.risorse #box_info .cont1{background:url('../img/impronta_leggera_base.png') 0 0 no-repeat;}
.risorse #box_info .cont2{background:url('../img/impronta_leggera_base2.png') 0 0 no-repeat;}
.risorse #box_info .cont1 p, .risorse #box_info .cont2 p{width:240px;}
.risorse #box_info .cont{height:306px; padding-top:130px;}
.risorse #box_info2 .cont1{background:url('../img/carbon_mark.png') 0 0 no-repeat;}
.risorse #box_info2 .cont2{background:url('../img/bosco_limite.png') 0 0 no-repeat;}
.risorse #box_info2 .link{position:absolute; font:11px/11px 'Titillium Web', arial; color:#000;}
.risorse #box_info2 .link a{color:#000;}
.risorse #box_info2 .cont1 .link{right:24px; bottom:30px;}
.risorse #box_info2 .cont2 .link{right:53px; bottom:30px;}
.risorse #box_info2 .cont1 .seicento{position:absolute; top:135px; right:20px;}
.risorse #box_info2 .cont2 .seicento{position:absolute; top:340px; right:247px;}
.risorse #box_info2 .seicento span{display:block;}
.risorse #box_info2 .seicento .num{font:bold 36px/36px 'Oswald', arial; color:#d46d14;}
.risorse #box_info2 .seicento .txt{font:bold 11px/13px 'Oswald', arial; color:#000; margin-top:3px;}
.risorse #box_info3 .cont1{background:url('../img/ministero.png') 0 0 no-repeat;}
.risorse #box_info3 p a{color:#000; font-weight:bold;}

.cucina #box_info .cont1{background:url('../img/puntovendita.png') 0 0 no-repeat;}
.cucina #box_info .cont2{background:url('../img/online.png') 0 0 no-repeat;}
.cucina .box_info .cont p{width:160px; float:left; margin-right:60px;}
.cucina .box_info .cont2 p{margin-right:52px;}
.cucina .box_info .cont .p_vendita{width:140px; float:left; height:auto; font:14px/18px 'Titillium Web', arial; margin-left:14px;}
.cucina .box_info .cont .online{width:200px; float:left; height:auto; min-height:200px; font:13px/18px 'Titillium Web', arial; margin-top:85px;}
.cucina .box_info .cont .online.first{width:183px; margin-right:68px;}
.cucina .box_info .cont2 span a{font-weight:bold; color:#db6b10}

/***************
	SOCIAL
***************/
#social{position:absolute; top:0; right:0; height:100%; width:266px; background:#fffc7b; text-align:left; z-index:900;}
#social .content{width:200px; height:470px; position:relative; top:50%; margin:-210px auto 0;}
#social .content h2{font:33px/32px 'Ultra', arial; color:#AA962D; border-top:1px dashed #654623; padding-top:14px;}
#social .content p{font:600 19px/20px "Titillium Web", arial; color:#6f421c; margin-top:20px;}
#social .content ul{width:100%; height:auto; border-bottom:1px dashed #654623; padding-bottom:20px; margin-top:8px;}
#social .content ul li{width:50px; height:50px;float:left; margin-left:11px; position:relative;}
#social .content ul li:first-child{margin:0;}
#social .content ul li.fb{background:url('../img/icona_fb_hover.png') 0 0 no-repeat;}
#social .content ul li.tw{background:url('../img/icona_tw_hover.png') 0 0 no-repeat;}
#social .content ul li.google{background:url('../img/icona_google_hover.png') 0 0 no-repeat;}
#social .content ul li img{position:absolute; top:0; left:0; top:0; left:0; -moz-transition:all .25s ease; -webkit-transition:all .25s ease; transition:all .25s ease;}
#social .content ul li:hover img{opacity:0;}
#social .content .continua{position:absolute; bottom:0; left:0; font:28px/30px 'Oswald', arial; color:#6f421c; width:190px; height:60px;}
#social .content .continua a{color:#5A3214; -moz-transition:all .25s ease; -webkit-transition:all .25s ease; transition:all .25s ease; display:block; width:100%; height:100%;}
#social .content .continua a:hover{color:#AA962D;}
#social .content .continua img{position:absolute; top:0px; right:0;}


#cookieChoiceInfo{color:#fff; font:11px/11px arial;}
#cookieChoiceInfo a{background:black; color:#fff; background:#000; text-decoration:none; padding:5px 10px;}

@media screen and ( max-width:1000px ){
  #trattore{left:0; width:1000px; bottom:-300px;}
  #mietitrebbia{display:none;}
}

@media screen and ( max-height:720px ){
	#wrapper.home h4{bottom:5px;}
}

@media screen and ( max-height:579px ){
  html, body{overflow-y:visible; overflow-x:hidden;}
}