@charset "ISO-8859-1";
/*accelleratori*/
.clearer{ clear:both;}
.invisible{ display:none;}
.hide{display:none;}
.pointer{cursor:pointer !important}
.no-pointer{cursor:default !important}
.no-margin{margin:0 !important}
.no-padding{padding:0 !important}
.no-min-width{min-width:0px !important}
.italic{font-style:italic !important}
.underline{text-decoration:underline !important}

/*colori*/
.violet{ color:#914ba3 !important}
.blu{ color:#007fe0 !important}
.brown{ color:#8f4300 !important}
.orange{ color:#e07e00 !important}
.yellow{ color:#b4a500 !important}
.green{ color:#3f7a34 !important}
.red{ color:#BA1D38 !important}

/*larghezze*/
.x100{ width:100%}
.x90{ width:90%}
.x80{ width:80%}
.x75{ width:75%}
.x70{ width:70%}
.x66{ width:66%}
.x65{ width:65% !important}
.x60{ width:60%}
.x50{ width:50%}
.x40{ width:40%}
.x35{ width:35% !important}
.x33{ width:33.33%}
.x30{ width:30%}
.x25{ width:25%}
.x20{ width:20%}
.x10{ width:10%}

/* CSS Document */
a{-webkit-transition: all 200ms ease-out;  
    -moz-transition: all 200ms ease-out;  
    -o-transition: all 200ms ease-out;  
    -ms-transition: all 200ms ease-out;  
    transition: all 200ms ease-out;}
a:link, a:visited{text-decoration:none; color:#007934}
a:hover, a:focus{text-decoration:none; color:#1e1e1e}
body{margin:0; padding:0; font-family: 'Lato', sans-serif;}
html, body{height:100%; width:100%; font-size:12px}
h1,h3{ font-family: 'Androgyne Medium', cursive}
p{ line-height:1.5em}
a{ text-decoration:none}
figure{ margin:0; padding:0;}
hr{ border:1px solid #e1e1e1; margin:2em 0}
.arrowed:after, .arrowed:before {
	bottom: 100%;
	left: 40px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrowed:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 8px;
	margin-left: -8px;
}
.arrowed:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color:  rgba(0,0,0,0.2);
	border-width: 9px;
	margin-left: -9px; margin-top:10px
}

.arrowed-down:after, .arrowed-down:before {
	top: 100%;
	right: 40px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrowed-down:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.arrowed-down:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color:  rgba(0,0,0,0);
	border-width: 10px;
	margin-left: -10px; margin-top:0px
}
.arrowed-r:after, .arrowed-r:before {
	bottom: 100%;
	right: 8%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrowed-r:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.arrowed-r:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color:  rgba(0,0,0,0.2);
	border-width: 11px;
	margin-left: -10px;
}
.rounded{ border-radius:5px}

#container{ width:100%; min-height:100%; background:#fff; padding-top:0px; margin:0 auto; max-width:2800px}
.content{ width:74em; width:100%; max-width:1400px; box-sizing:border-box; margin:0 auto;  display:block; position:relative}
#stage.home .content{ margin-top:-12em; background:#fff}

#head{ height:250px; max-width:1400px; position:absolute; left:0; right:0; top:0; margin:0 auto; width:100%; z-index:1001; background:#fff url(elementi/bg-head.png) no-repeat bottom center; background-size:auto }
#head header{ height:100%; width:100%; position:relative;}
#head .content{ height:100%; width:100%; max-width:none; max-width:1800px;}
#back{ position:absolute; bottom:29px; border-radius:0%; overflow:hidden; left:50%; width:355px;  height:170px; margin-left:-177px; 
background:transparent; background:transparent url(elementi/logo.svg) no-repeat center center; background-size:contain; cursor:pointer;}
#back img{ width:100%;}

/*sticky head*/
.compact #head{ height:55px; width:100%; position:fixed; left:0; right:0; top:0; background:#fff }
.compact #head:before{ content:''; display:block; display:none; position:absolute; left:0; right:0; bottom:-10px; height:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.05+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
#container{ padding-top:250px;}
.compact .menu-up ul.topnav{ text-align:right}
.compact .menu-cart{ top:35px;}
.compact .menu-secondary{ top:0.5em; }
.compact .main-search{}
.compact #back{ bottom:auto; top:0; background:#fff url(elementi/logo-orizzontale.svg) no-repeat center center; background-size:contain;  height:55px; width:250px; margin-left:0; left:10px}
.compact #italia{ display:none}
.compact #banner-offerte{ display:none}

#slider{border-top:4px solid #e7e3db}

/*Italia*/
#italia{ width:150px; height:200px; background:transparent url(elementi/coccarda.svg) no-repeat center center; background-size:contain; position:absolute; z-index:1000; bottom:-150px; left:5%}

/*offerte banner*/
#banner-offerte{ width:200px; height:200px;background:transparent url(elementi/volantino-home-animazione.gif) no-repeat bottom center; background-size:contain; position:absolute; cursor:pointer;
z-index:1000; bottom:0; right:50px}

/*Stecca*/
#stecca{ width:100%; height:40px; font-weight:300; line-height:40px; font-size:1.3em; text-align:center; text-transform:uppercase; letter-spacing:3px; color:#fff; 
background:#fff url(elementi/stecca.png) repeat-x center center}

#stage, .slider{  margin:0 auto}
.slider{ max-width:400px;}


.testata .frase{ position:absolute; bottom:0;  left:0%; right:0; z-index:300; font-size:2.2em; line-height:1.3em; text-align:left; width:100%; box-sizing:border-box; text-align:center; font-family: 'Androgyne Medium', cursive; color:#fff; 
background:rgba(0,0,0,0.2); padding:2em 20%; text-shadow:2px 2px 2px rgba(0,0,0,0.5); font-weight:100; letter-spacing:0.2px;-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+48 */

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 48%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 48%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 48%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */



}

/*PROMOZIONI*/
#stage .promozioni .box-container{ background:none; padding:0 5em }
#stage .promozioni .box-cell{ vertical-align:middle; vertical-align:top; text-align:left; border:0px solid #fff; position:relative }
#stage .promozioni .box-cell .box{ display:block; min-height:0; padding:0}
#stage .promozioni .box-cell .box figure{ border:0; }
#stage .promozioni .box-cell figure.omino{ border:0; box-shadow:none;}
#stage .promozioni .box-cell figure.omino img{ height:350px}
.periodo{  position:absolute; bottom:2em; left:0; text-align:center; width:100%}
.periodo span{display:inline-block; font-size:2.8em; font-weight:600; font-style:italic; background:#e94e0f; color:#fff; padding:0.2em 0.5em; border-radius:20px;}
.periodo span a{ color: #fff}

#stage .promozioni .box h1{ text-align:center;}
#stage .promozioni .box p{ text-align:center; color:#007934; font-size:1.8em; line-height:1.2em; font-weight:900; font-style:italic; padding-top:1em }
#stage .promozioni .box h1 a{ color:#fff}
.titolo-promo{ text-align:center; padding:2em 0 0 0}
.titolo-promo img{ border:0; width:500px; display:inline-block}
#stage .promozioni .pul{ margin:0 !important; padding:0 !important}
.promozioni .pul a{ background:#e94e0f; font-style:italic; font-weight:900; font-size:1.8em; text-transform:none; color:#fff; letter-spacing:normal; border:0; border-bottom:3px solid rgba(0,0,0,0.3)}
.promozioni .pul a:hover{ background:#333}
.promozioni .pul img{ display:inline-block; height:150px; vertical-align:middle; border:0}

.promozioni .box-text-content{ background:none; padding:20px 0}
.promozioni{ background:#f9fcf7 url(elementi/bg_promo.png) no-repeat top left; position:relative; padding:20px; max-width:1400px; box-sizing:border-box; margin:0 auto}
.promozionixx:before, .promozionixx:after {
    content: "";
    display: block;
    width: 100%;
    height: 14px;
    position: absolute;
    left: 0;
    background: url("elementi/border-wave-grey.svg") top left repeat-x; }
.promozionixx:before {
top: -6px;
background-position: top;
z-index: 20; }
.promozionixx:after {
bottom: -6px;
background-position: bottom;
z-index: 21; }
/*lista promozioni*/
#stage .promozioni .box-container.lista-promozioni{ background:none; padding:0 5em; border-top:2px dotted #6ab139; margin-top:1em }
#stage .promozioni .lista-promozioni .box-cell{ vertical-align:middle; vertical-align:top; text-align:left; border:0px solid #fff; }
#stage .promozioni .lista-promozioni .box-cell:first-child{ border-right:0px dotted #6ab139}
#stage .promozioni .lista-promozioni .box-cell figure{ border:0; box-shadow:none; display:inline-block; width:50%; vertical-align:bottom; box-sizing:border-box; padding:0 10px }
#stage .promozioni .lista-promozioni .box-cell figure img{ max-width:100%}
#stage .promozioni .lista-promozioni .box-cell h2{ display:inline-block; font-weight:900; font-style:italic; font-size:2.5em; width:45%; vertical-align:bottom; color:#6ab139;}
#stage .promozioni .lista-promozioni .box-cell .prezzo{ display:inline-block; font-size:0.9em; margin-bottom:1em; background:#6ab139; color:#fff; padding:0.2em 0.5em; border-radius:5px}
#stage .promozioni .lista-promozioni .box-cell .prezzo{ }

/*RICETTE*/
#stage .ricette .box-container{ padding:2em 13.8em}
#stage .ricette .box-cell{ vertical-align:middle; vertical-align:top; text-align:left; border:0px solid #fff; background:#80b13e; background:none}
#stage .ricette .box-cell .box{ display:block; min-height:0; padding:0}
#stage .ricette .box-cell .box figure{ border:0; box-shadow:none !important  }
#stage .ricette article{ padding:7px}
#stage .ricette .box h1{ text-align:left;}
#stage .ricette .box p{ text-align:left; color:#fff}
#stage .ricette .box h1 a{ color:#fff}
.ricette .box-text-content{ background:none; padding:20px}
#stage .ricette .box-cell .box figure{ display:block; width:100%; max-width:220px; margin:0 auto; position:relative; border:10px solid #e6a774; border-radius:15px; box-sizing:border-box;  box-shadow:inset 10px 10px 10px #000}
#stage .ricette .box-cell .box figure img{ max-width:100%; width:100%; display:block  }

#stage .ricette .box-cell .box.lavagna{ overflow:visible}
#stage .ricette .box-cell .box.lavagna article{ padding:10px 0}
#stage .ricette .box-cell .box.lavagna figure{ border:0; max-width:400px; box-shadow:none; -ms-transform: rotate(-4deg); /* IE 9 */
    -webkit-transform: rotate(-4deg); /* Safari */
    transform: rotate(-4deg); }

/*STAGE*/
#stage{ padding-bottom:0em;}
#stage p{font-family: 'Lato', sans-serif;margin:0 auto; color:#333}
#stage .box{ padding:1.5em 1em}
.foto-fissa{ background-repeat:no-repeat; background-size:cover; background-position:50% 50%}
#stage .box{ min-height:12em;overflow:hidden; box-sizing:border-box}
#stage .box-cell:nth-child(3) .box { border-right:0}
#stage .box article{ height:100%; position:relative}
#stage .box .foto-container{ height:100%; width:50%; float:left; position:relative;}
#stage .box .foto-fissa{ height:100%; width:100%; cursor:pointer}
#stage .box .pul{ margin-top:1em;}

.foto-container:hover .more{  top:40%; opacity:1}
.foto-container ul{ margin:0; padding:0; height:100%;}
.foto-container li{ width:33.3%; overflow:hidden; float:left; box-sizing:border-box; border:0px solid #fff}
.foto-container li img{ width:100%; display:block}
.more a{ display:inline-block; background:rgba(0,0,0,0.2); padding:5px 5px; color:#fff; border-radius:2px}
.more a i{ display:block; font-size:2em}
#stage .box p{ font-size:1.2em; text-align:center; padding:0.2em 10px 0.3em 10px; overflow:hidden; color:#fff}
#stage .box p a{ color:#333; text-decoration:underline}
#stage .box p a.leggi{ display:block; font-weight:600}
#stage .box h1{ text-align:center; color:#007934; font-size:2.8em; line-height:1.2em; padding:0.7em 10px 0 10px; overflow:hidden;  font-weight:100; text-shadow:2px 2px 2px rgba(0,0,0,0.5); font-weight:100; letter-spacing:0.2px;-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
#stage .box h1 a{ color:#fff}
/*box gallery*/
#stage .box.gallery h1{ text-align:center; font-size:1.1em; padding:0.5em 10px 0.5em 10px; overflow:hidden; text-transform:uppercase; font-weight:100}
#stage .box.gallery .foto-container{ width:100%;}
#stage .box.gallery .foto-container ul{ padding:0 5px}
#stage .box.gallery .foto-container li{ width:25%;border:2px solid #fff}

#stage .box-container.primo{ padding-top:2em }
#stage .box-container{ display:table; width:100%; table-layout:fixed; padding:0em 10em 0em 10em; box-sizing:border-box; margin:0em auto 0em auto; max-width:1400px; background:transparent url(elementi/bg-legno.jpg) }
#stage .box-cell{ display:table-cell; position:relative;}
#stage .row{ display:table-row;}
#stage .box-cell .box{ padding-bottom:2.2em; padding-top:2.2em }
#stage .box-cell figure{ text-align:center; box-shadow:0px 0px 20px #000}
#stage .box-cell img{  display:inline-block; }

/*box-cell intro home*/
#stage .intro { border-top:2px solid #f1f1f1; border-bottom:2px solid #f1f1f1; padding:1em 0}
#stage .intro .box-cell:nth-child(2){ background-image:url(elementi/bg-box-home-l.png), url(elementi/bg-box-home-r.png); background-repeat:no-repeat; 
background-position:center left, center right;}
#stage .intro .box-cell h1{ text-transform:uppercase; letter-spacing:0.1em; font-size:1.5em; padding:0; font-weight:600; margin:0.5em 0 0.5em 0}
#stage .intro .box-cell h1 a{ color:#173d64; text-decoration:underline; }
#stage .intro .box-cell p{color:#6898c9}

/*box-cell nell article*/
#stage #article .box-container{ display:block; overflow:hidden; margin-top:2em }
#stage #article .box-cell{ display:block; float:left; box-sizing:border-box}
#stage #article .box-cell .box{ height:auto;}
#stage #article .box-cell .box{ width:100%; text-align:center}
#stage #article .box-cell .box img{ border:0; max-width:90%; max-height:150px; display:inline-block}
#stage #article .box-cell .box h1{ text-transform:none;  padding:10px 0; color:#333}
#stage #article .box-cell .box h1 a{ color:#333}
#stage #article .box-cell .box h1 a:hover{ color:#000}
#stage #article .box-cell .box p{ font-size:17px; color:#999; text-align:center}
#stage #article .box-cell .box .pul{ font-size:0.8em; margin-top:0}
#stage #article .box-cell .box .pul a{ border-color:rgba(0,0,0,0.1); color:#333}
#stage #article .box-cell .box .pul a:hover{ color:#FFFFFF; background:#333}
/*box mappa*/
.box-map{ position:relative; width:100%;}
.box-map iframe{ width:100%; height:400px; padding:0; display:block}
#stage #article .box-map p{ font-size:1.1em; text-align:center; padding:1em 0}
/*box text*/
#stage .box.text{ height:auto}
#stage .box.text h1{ font-size:1.2em; font-weight:600; text-align:left; padding:0.2em 0px}
#stage .box.text h1 i{color:#ccc }
#stage .box.text h2{ font-size:1em; font-weight:600; text-align:left; padding:0.5em 0px 0 0}
#stage .box.text p{ font-size:0.9em}
#stage .box.text p i{ color:#ccc}
#stage .box iframe{ width:100%; height:18em; margin-bottom:1em}
#stage .box.text .pul{ position:static; bottom:auto; left:auto; width:auto; margin-top:0.5em; color:#4f86ac; font-size:0.9em}
#stage .box.text .pul a{ background:#4f86ac; color:#fff !important; border-radius:3px; border:0 !important}
#stage .box.text .pul a:hover{ background:#333; color:#fff}

#stage #article .side-content .box.candidate{ padding:0.5em 1em; background:#f3efe7; margin-bottom:1.2em}

/*TEAM*/
.team{ border-top:3px solid #f1f1f1; margin-top:1em}
.team ul{ overflow:hidden}
.team li{ float:left; width:33.3%; overflow:hidden; text-align:center; padding:0 0.5em; box-sizing:border-box; margin-bottom:1.5em}
.team li img{ width:100%}
#stage .team h3{ font-size:1.2em;}
#stage .team p{ margin:0; padding:0; font-size:0.9em; text-align:center}
/*Menu dell header*/
.menu-up{ position:absolute; top:0em; height:100%; height:55px; width:100%; right:0px; letter-spacing:0.4px; }
.menu-up ul.topnav{ height:100%; text-align:center}
.menu-up li{ display:inline-block; margin-left:0.5em; height:100%;}
.menu-up li.lang{ margin-left:1em; border-left:2px solid #e1e1e1}
.menu-up li.lang a{ padding-left:0em; padding:0; display:block}
.menu-up li.lang a img{ border:0; height:25px}
.menu-up li a{ display:block; padding:1.7em 0.5em; text-transform:uppercase; font-size:1em;  color:#1e1e1e; letter-spacing:0.7px; box-sizing:border-box; height:100%}
.menu-up li.active a{  color:#007934 }
.menu-up li a:hover{ color:#bdb39e }
.menu-up li.sales a{ font-weight:600}
.menu-up #promozioni a{ font-weight:600; color:#007934}
.menu-up #promozioni a:hover{ color:#80b13e}
.menu-up li.social a{ font-size:13px; color: #fff; padding: 0; line-height: 22px; text-align: center; height: 22px; width: 22px; background: #017838; border-radius: 10px  }
#footer ul{ text-align: center; margin: 0; padding-bottom: 20px}
#footer ul li{ display: inline-block}
#footer li.social a{ font-size:13px; color: #fff; padding: 0; line-height: 22px; text-align: center; height: 22px; width: 22px; background: #017838; border-radius: 10px; display: block  }

.menu-secondary{ position:absolute; top:0.5em; right:10px; letter-spacing:0.4px; }
.menu-secondary ul{ display:inline-block; padding-right:1em}
.menu-secondary li{ display:inline-block; margin-left:0.5em; float:left}
.menu-secondary li.lang{}
.menu-secondary li.lang a{ padding-left:0em; padding:0}
.menu-secondary li.lang a img{ border:0; height:25px; display:block}
.menu-secondary li a span{ display:none}
.menu-secondary li a{ display:block; font-size:1em; height:25px; line-height:25px;}
.menu-secondary li a:hover{ color:#666 }
.menu-secondary li.social a{ background:#fff; width:25px; height:25px; line-height:25px; text-align:center }
.menu-secondary li.social.first{margin-left:2em}
html ul.topnav li .subnav li a { font-size:1em; text-transform:none;
	 display:block; color:#4f86ac; padding:0; background:#fff}
.subnav-container.unocol{ width:300px}

/*Menu dello slidebars*/
.menu-up.slidebar{ position:static; top:auto; right:auto}
.menu-up.slidebar ul{ padding:5px 5px 5px 5px}
.menu-up.slidebar ul ul{ padding:0 0 10px 5px; background:#FFF}
.menu-up.slidebar li{ display:block; margin:0}
.menu-up.slidebar li a{ display:block; background:none; padding:0.9em 0.5em 0.5em 1em; letter-spacing:0.4px; font-size:1.15em; text-align:center}
.menu-up.slidebar li li a{ font-size:0.9em}
.sb-slidebar.sb-active{background-color:#f1f1f1; border-left:3px solid rgba(0,0,0,0.01); box-sizing:border-box; width:80%; max-width:400px; min-width:300px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+6&0.05+0,0+6 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 6%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 6%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 6%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.menu-up.slidebar li.social { text-align: center; padding-top: 20px}
.menu-up.slidebar li.social a{ font-size:13px; color: #fff; padding: 0; line-height: 22px; text-align: center; height: 22px; width: 22px; background: #017838; border-radius: 10px; display: inline-block  }
.navbar{ position:absolute; right:0; top:0.4em; z-index:2000}
.navicon-line{ background-color:#007934 !important}

/*Regole per motore ricerca interno allo slidebar*/
.sb-slidebar .main-search{ position:relative; top:auto; right:auto; overflow:hidden; padding:20px 0px 0 20px; text-align:center}
.sb-slidebar .main-search form{ margin-right:50px}
.sb-slidebar .main-search form input{ width:100%; display:inline-block; float:none; font-size:13px}
.sb-slidebar .main-search .pul-search{ float:none; display:block; width:40px; position:absolute; top:20px; right:10px}

/*Menu social*/
.menu-social span{ display:none}
.menu-social ul{ margin:0.8em 4em 0 0; padding:0.5em 0 0 0; list-style:none; position:absolute; top:0.2em; right:25px; z-index:300; font-size:9px}
.menu-social li{ display:inline-block; margin:0 0 0 5px; vertical-align:top}
.menu-social li a{ width:2em; height:2em; border-radius:1em; background:#666; display:block; color:#fff; font-size:2em; line-height:2em; text-align:center}
.menu-social li.ita a, .menu-social li.eng a{ background:#FFF; width:auto; color:#0e71b4; text-transform:uppercase; font-size:1.3em; padding:0 0 0 1.5em}
.menu-social li.ita a:hover, .menu-social li.eng a:hover{ background:#fff; color:#333}
.menu-social li a:hover{ background:#000; color:#fff; }
.menu-social li.log{ background:#FFF; height:4em; padding:0 1em; margin-left:20px}
.menu-social li.log a{ background:none; width:auto; height:auto; color:#8c161b; line-height:1em; text-transform:none; font-size:1.8em; padding:2px 0; border-radius:0; text-align:right}
.menu-social li.log .sign a{ font-size:1em; display:inline}
.menu-social li.log a:hover{ color:#333; text-decoration:underline}
#footer .menu-social ul{ font-size:8px; top:1.5em} 

#social{ position:relative; margin-top:20px; border-top:2px solid #f1f1f1}
.connect{ width:120px; font-size:1.5em; position:relative; line-height:1em; padding-top:15px; font-weight:600; color:#173d64; text-align:right; font-family: 'Androgyne Medium', cursive }
.connect:before{ content:'}'; display:block; position:absolute; color:#dbc03a; top:12px; line-height:1em; right:-0.7em; font-weight:100; font-size:2.1em}

/*STILI PER MENU DONATE*/
.menu-donate{ position:absolute; top:0px; right:15px; z-index:950; width:120px;}
.menu-donate a{ display:block; background:#366492; padding:1em 0; font-size:1em; text-transform:uppercase; left:0.5px; color:#fff; 
position:relative; text-align:center; border-bottom:5px solid #173d64 }
.menu-donate a span{ display:block; padding:5px 0; font-size:1.5em; line-height:1em; color:#e63398}
.menu-donate a:hover{ padding:1.2em 0}

/*STILI PER MENU CART*/
.menu-cart{ position:absolute; top:35px; right:25px; z-index:950}
.menu-cart a{ display:block; font-size:40px; color:#666; position:relative; text-align:center; padding:0; }
.menu-cart li a.searchOpen { color:#0098c4; background:#fff; display:none}
.pop-number{ position:absolute; top:0.2em; right:-0.5em; height:1.5em; width:1.5em; line-height:1.5em; box-shadow:-1px 1px 0px #fff; 
text-align:center;  font-size:10px; background:#0069b4; color:#FFF; border-radius:7px}

.sub-menu{ position:absolute; right:-1em; top:3.5em; width:310px; box-sizing:border-box; background:#fff; border-radius:5px; padding:10px 10px; 
box-shadow:0px 0px 4px rgba(0,0,0,0.15); display:none}
.title-sub-menu{ font-size:10px; letter-spacing:0.4px; color:#999999; padding:5px 0 10px 0; text-transform:uppercase; text-align:center; border-bottom:1px solid #f1f1f1}
.sub-menu table{ width:100%; border-bottom:1px solid #f1f1f1}
.sub-menu table td{ vertical-align:middle; text-align:center; border-bottom:1px solid #ecf3f9}
.sub-menu table tr:nth-child(even) td {    background: #fff}
.sub-menu table td.foto img{ max-height:40px; max-width:50px}
.sub-menu table td.desc{ font-size:11px; color:#999999; padding:5px 5px}
.sub-menu table td.desc a{font-size:11px; color:#0069b4;}
.sub-menu table td.qta{ font-size:11px; color:#666; padding:0 10px 0 0; text-align:left}
.sub-menu table td.qta span{ font-size:14px; font-weight:600; color:#666666}
.sub-menu table td.prezzo{ text-align:right; font-weight:600; color:#666666; font-size:14px; padding:0 2px}
.sub-menu table td.totalone{ text-align:right; font-weight:600; color:#333; font-size:14px; padding:8px 2px}
.sub-menu .pul{ margin:0; padding:10px 0 0 0;  }
.sub-menu .pul a{ padding:8px; font-size:10px; background:#67a6d3; color:#FFFFFF}
/*STILI PER SEARCH*/
.main-search{ position:absolute; top:43px; right:80px}
.main-search form{ padding:0; margin:0}
.main-search form input, input.input-text{ border:0; background:#f1f1f1; border-radius:5px; height:2.5em; line-height:2.5em; font-size:1em; text-indent:10px; width:250px; float:left}
.main-search .pul-search{ float:left}
.main-search .pul-search a{ color:#999; display:block;  font-size:18px; height:35px; line-height:35px; padding:0 10px}

/*PULSANTI*/
.pul{ display:block;padding:25px 0; height:3em; height:auto; position:relative; text-align:center; clear:both}
.pul span{display:none;}
.pul a{ text-shadow:none; color:#333;padding:10px 15px; border-radius:3px; letter-spacing:0.4px; text-align:center; display:inline-block; 
background:transparent; background:rgba(277,277,277,0.5); border:1px solid rgba(0,0,0,0.07); border-bottom:2px solid rgba(0,0,0,0.07); text-decoration:none; font-size:1em; font-size:12px; text-transform:uppercase; font-weight:400} 
.pul a:hover, .pul a:focus{color:#fff;background:rgba(0,0,0,0.7);}

.pul-dona{ text-align:center}
/**
 * STILE PERSONALIZZATO PER SELECT
 */
.combo{
	/*border: 0 !important; */ 
	-webkit-appearance: none;  
	-moz-appearance: none; 
	background: #f1f1f1 url(elementi/select-arrow.png) no-repeat right center;
	min-width: 80px; 
	text-indent: 0.01px; 
	text-overflow: ""; 
	color: #666; font-size:1em;
	box-sizing:border-box;
	border-radius: 5px;
	padding: 0 25px 0 5px; line-height:2.5em; height:2.5em;
	/*box-shadow: inset 0 0 1px rgba(185,223,223, 1);*/
	text-transform:none; width:100%; display:block; border:1px solid #f1f1f1;
}
/**
 * tolgo la freccia default della select in IE10
 */
select::-ms-expand {
display:none;
}
/**
 * tolgo la freccia default della select in IE8 e 9
 */
.combo {
    padding: 0 0px 0 5px\0/IE8+9; /* IE8+9  */
}
/**
 * Checkbox Five
 */
input[type=checkbox] {
	visibility: hidden;
}
.checkboxFive {
	width: 24px; height:24px;
	margin:0 2px 0 0; display:inline-block;
	position: relative;
}
/**
 * Create the box for the checkbox
 */
.checkboxFive label, .side-menu .checkboxFive label{
	cursor: pointer;
	position: absolute;
	width: 22px;
	height: 22px;
	top: 0;
  	left: 0; padding:0;
	background: #fff;
	border:1px solid #ddd; border-radius:3px;
}
.checkBox{ font-size:0.8em; color:#666}
.checkBox a{ color:#0098c4 }
/**
 * Display the tick inside the checkbox
 */
.checkboxFive label:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 5px;
	left: 6px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/**
 * Create the hover event of the tick
 */
.checkboxFive label:hover::after {
	opacity: 0.5;
}

/**
 * Create the checkbox state for the tick
 */
.checkboxFive input[type=checkbox]:checked + label:after {
	opacity: 1;
}
/*STILI PER RADIO BUTTON*/
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 10px 0.25em 0em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}
input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}
input[type=radio]:not(old):checked + label > span > span{
  display          : block;
  width            : 0.35em;
  height           : 0.35em;
  margin           : 0.21em;
  border           : 0.0625em solid #333;
  border-radius    : 0.125em;
  background       : #333;
}
/*BOX INFO*/
#box-info, #box-careers{ position:relative; padding:1.2em 1em;  background:#f3efe7; background:#e9f0f4; box-sizing:border-box;}
#box-info .content{ background:#fff; padding:1.2em 1em; box-sizing:border-box}
#box-info label a, #box-info legend a, #box-careers label a, #box-careers legend a{color:#009ee0; color:#000; text-decoration:underline}
#col-dx #box-info, #col-dx #box-careers{ min-width:30.6em}
#box-info h2, #box-careers h2{text-shadow:1px 1px #fff;  color:#000; margin:0; padding:0.5em 0; font-size:2em; font-weight:normal; line-height:1.1em}
#box-info p, #box-careers p{ text-shadow:1px 1px #fff; margin:0; padding:0 0 1.5em 0; font-size:1.4em; color:#4c4c4c; line-height:1.4em}
#box-info .mail, #box-careers .mail{ float:left; margin:0 0.5em 0 0}
#box-info .categoria-sml-blu, #box-careers .categoria-sml-blu{ top:-1.3em; left:1em}
#box-info h1, #box-careers h1{ margin:0; padding:0 0 0.2em 0; display:block; text-align:center; font-size:2em; font-weight:100; color:#999; text-transform:none}
#box-info label, #box-careers label{  float:left; width:50%; display:block; font-size:1em; text-transform:none;color:#999; margin:0 0em 0.5em 0; padding:0 0.9em 0 0; box-sizing:border-box}
#box-info label.long, #box-careers label.long{ width:100%; padding:0 1.8em 0 0}
#box-info legend, #box-careers legend{margin:0 0 1em 0em;color:#999;font-size:1em; padding:1.5em 0 0 0 }
#box-info form, #box-careers form{ margin:0 auto; width:100%; padding:1em 0 1em 0;}
#box-info .pul, #box-careers .pul{ margin:0 0 0 0px;}
.campo{ background:#f1f1f1; font-size:1.2em; display:block; padding:0.5em; border:0;  border-radius:3px; width:100%; box-sizing:border-box}
#box-info .campo, #box-careers .campo{ width:100%;}
#box-info textarea, #box-careers textarea{ width:100%; height:4em;font-size:1.3em; background:#f1f1f1; display:block; padding:3px 0.4em; border:0; border-radius:3px}
#box-info ul, #box-careers ul{ margin:0; padding:0px 0 1em 0; list-style:none}
#box-info li, #box-careers li{ line-height:1.8em; height:1.8em; padding:0 0 0 1em; font-size:1.5em; border-bottom:1px dashed #e5e5e5;}
#box-info li a, #box-careers li a{ color:#760d21; text-decoration:none}
#box-info li a:hover, #box-careers li a:hover{ background:#faf7de}
#box-info .combo-medio, #box-careers .combo-medio{ width:20em;}
a.captcha{ display:block; padding:0; line-height:1.1em; height:1.1em; margin:0 0 0 0.4em; font-size:1em}

#box-info .pul{ padding:1.5em 1em 1em 1em; clear:both; height:auto}
#box-info .pul a{ color:#0069b4; border:1px solid #e1e1e1 }
#box-info .pul a:hover{ background:#0069b4; border-color:#0069b4; color:#FFF;}

/*BOX NEWSLETTER*/
#box-newsletter { vertical-align:middle; background:#c6b459; border-left:20px solid #fff }
#box-newsletter h2{font-family: 'Androgyne Medium', cursive; text-align:center; color:#fff; font-weight:600; margin:0; padding:20px 0;font-size:2em;  text-transform:none; position:relative}
#box-newsletter h2:before { content:''; display:block; width:100px; height:2px; position:absolute; bottom:5px; left:50%; margin-left:-50px; background:#173d64; z-index:2}
#box-newsletter p{ color:#fff; font-size:1.1em; text-align:center; padding:0 20px}
#box-newsletter form{ padding:20px}
#box-newsletter .blocco { padding:10px 0}
#box-newsletter .blocco .label{ height:auto; line-height:normal; font-size:10px; color:#fff; display:block; overflow:hidden}
#box-newsletter .checkboxFive{ display:block; float:left; margin-right:10px}
#box-newsletter .campo{font-family:'Merriweather'; font-size:1.5em; margin:10px 0}
#box-newsletter .pul{ padding:0.5em 1em; clear:both; height:auto}
#box-newsletter .pul a{ color:#fff; border:0; background:#173d64 }
#box-newsletter .pul a:hover{ background:#333; color:#FFF;}
#box-newsletter.upfooter { border-left:0; overflow:hidden}
#box-newsletter.upfooter .content{ max-width:1000px; margin-top:0}
#box-newsletter.upfooter form{ float:right; width:500px}
#box-newsletter .text-newsletter{ float:left; width:400px; padding-top:20px}

/*BOX SIGNUP*/
#box-signup { vertical-align:middle; background:#e4ebf2; padding:0 0 em 0; margin-bottom:3em }
#box-signup h2{font-family: 'Androgyne Medium', cursive; text-align:center; color:#173d64; font-weight:600; margin:0; padding:20px 0 20px 0;font-size:2em;  text-transform:none; position:relative}
#box-signup h2:before { content:''; display:block; width:100px; height:2px; position:absolute; bottom:5px; left:50%; margin-left:-50px; background:#173d64; z-index:2}
#box-signup p{ color:#4b4b4b; font-size:1em; text-align:left; max-width:800px; margin:0; padding:10px}
#box-signup form{ padding:0 2em 20px 2em; overflow:hidden}
#box-signup .blocco { padding:10px; float:left; box-sizing:border-box; margin:0}
#box-signup .blocco .label{ height:auto; line-height:normal; font-size:12px; color:#4b4b4b; display:block; overflow:hidden}
#box-signup .blocco .label a{ font-weight:600; text-decoration:underline}
#box-signup .checkboxFive{ display:block; float:left; margin-right:10px}
#box-signup .campo{font-family:'Montserrat', sans-serif; font-size:1.1em; margin:10px 0; background:#fff}
#box-signup textarea{font-family:'Montserrat', sans-serif; padding:10px 0.5em; box-sizing:border-box; width:100%;color:#4b4b4b; height:4em;font-size:1em; background:#fff; display:block; padding:3px 0.4em; border:0; border-radius:3px}
#box-signup .pul{ padding:0.5em 1em; clear:both; height:auto}
#box-signup .pul a{ color:#fff; border:0; background:#173d64 }
#box-signup .pul a:hover{ background:#333; color:#FFF;}
#box-signup .content{ margin:0 0 0px 0 !important; overflow:hidden}
#box-signup form{ }
#box-signup .text-newsletter{ padding-top:20px; padding:0 2em}
.eventInfo{ overflow:hidden;  background:rgba(0,0,0,0.05); margin:20px 10px}
.eventInfo ul{ margin:0; padding:0; list-style:none}
.eventInfo li{ margin:0; padding:15px 20px; box-sizing:border-box; float:left; width:50%; font-size:1.1em; color:#4b4b4b; border-bottom:1px dotted rgba(0,0,0,0.08)}

/*BOX CV*/
#box-cv{ position:relative; padding:0;  background:#fff; box-sizing:border-box;}
#box-cv .content{ background:#fff; padding:0 !important; box-sizing:border-box; margin-top:0 !important; width:100% !important}
#box-cv label a, #box-cv legend a{color:#009ee0; color:#000; text-decoration:underline}
#box-cv h2{text-shadow:1px 1px #fff;  color:#000; margin:0; padding:0.5em 0; font-size:2em; font-weight:normal; line-height:1.1em}
#box-cv p, #box-careers p{ text-shadow:1px 1px #fff; margin:0; padding:0 0 1.5em 0; font-size:1.4em; color:#4c4c4c; line-height:1.4em}
#box-cv .mail{ float:left; margin:0 0.5em 0 0}
#box-cv .categoria-sml-blu{ top:-1.3em; left:1em}
#box-cv h1{ margin:0; padding:0 0 0.2em 0; display:block; text-align:center; font-size:2em; font-weight:100; color:#999; text-transform:none}
#box-cv label{  float:left; width:50%; display:block; font-size:1em; text-transform:none;color:#999; margin:0 0em 0.5em 0; padding:0 0.9em 0 0; box-sizing:border-box}
#box-cv label.long{ width:100%; padding:0 1.8em 0 0}
#box-cv legend{margin:0 0 1em 0em;color:#999;font-size:1em; padding:1.5em 0 0 0 }
#box-cv form{ margin:0 auto; width:100%; padding:1em 0 1em 0;}
#box-cv .pul{ margin:0 0 0 0px;}
#box-cv .campo{ width:100%;}
#box-cv textarea{ width:100%; height:4em;font-size:1.3em; background:#f1f1f1; display:block; padding:3px 0.4em; border:0; border-radius:3px}
#box-cv ul{ margin:0; padding:0px 0 1em 0; list-style:none}
#box-cv li{ line-height:1.8em; height:1.8em; padding:0 0 0 1em; font-size:1.5em; border-bottom:1px dashed #e5e5e5;}
#box-cv li a{ color:#760d21; text-decoration:none}
#box-cv li a:hover{ background:#faf7de}
#box-cv .combo-medio{ width:20em;}

#box-cv .pul{ padding:1.5em 1em 1em 1em; clear:both; height:auto}
#box-cv .pul a{ color:#0069b4; border:1px solid #e1e1e1 }
#box-cv .pul a:hover{ background:#0069b4; border-color:#0069b4; color:#FFF;}

/*BOX SUPPORT*/
#box-support{ background:#173d64; background-image:url(elementi/bg-section-donate.jpg); box-sizing:border-box; background-repeat:no-repeat; background-position:center center; background-size:cover; padding:20px 25px; vertical-align:middle;}
#box-support h1{  color:#e1c439; margin:0; padding:0.5em 0; font-size:2.3em; font-weight:600; line-height:1.1em}
#box-support p{ margin:0; padding:0; font-size:1.2em; color:#fff; line-height:1.4em}
#box-support .learn{ border-bottom-color:#e1c439}
#box-support .learn a{color:#e1c439;}
.pul.donate{ padding:1.5em 1em 1em 1em; clear:both; height:auto}
.pul.donate a{ color:#fff; border:0px solid #e1e1e1; background:#e63398; }
.pul.donate a:hover{ background:#333; color:#FFF;}

/*SEZIONI*/
h2.titolo-sezione{ position:relative; color:#999; text-align:center; font-size:1.7em; padding:2em 0 0.5em 0; font-weight:400; text-transform:uppercase; }
h2.titolo-sezione span{ background:#fff; padding:0 1em; position:relative }
h2.titolo-sezione span i{ opacity:0.2}
h2.titolo-sezione::before {
    content: '';
    border-bottom: 2px solid rgba(0,0,0,0.05);
    width: 100%;
    position: absolute;
    right: 0;
    top: 2.5em;
}
/*numeri*/
.numeri{ overflow:hidden; margin-bottom:2em}
.numeri *{ box-sizing:border-box}
.numero{ width:25%; float:left; padding:1em}
.numero p{font-family: 'Lato', sans-serif; padding:0; margin:0; text-align:center; color:#666; text-transform:uppercase; font-size:1.05em; background:#f3efe7; height:13em; width:13em; border-radius:50%;}
.numero p span{ display:block; font-size:4em; color:#8da6b6; font-weight:600; padding-top:0.8em;font-family: 'Lato', sans-serif;}
.numero:hover{-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);}
.numeri .pul a{ color:#aa7d2c; border:1px solid #e1e1e1 }
.numeri .pul a:hover{ background:#aa7d2c; border-color:#aa7d2c; color:#FFF;}

/*Lista prodotti*/
.lista-prodotti{ background:#f1f1f1; background:#fff; padding-bottom:2em}
.lista-prodotti ul{ display:block; margin:0 auto; width:100%; max-width:1400px; overflow:hidden }
.lista-prodotti h2.titolo-sezione span{ background:#f1f1f1; background:#eafaff;}
.lista-prodotti li{ float:left; width:20%}
.lista-prodotti .foto-prodotto{ width:90%; background:#fff; margin:0 5% 0.5em 5%; height:250px; position:relative}
.lista-prodotti .foto-prodotto figure{ padding:10px 30px}
.lista-prodotti .foto-prodotto figure a{ display:inline-block; padding:10px; background:rgba(277,277,277,0.95)}
.lista-prodotti .foto-prodotto figure a:hover{ padding:0}
.lista-prodotti .foto-prodotto img{ display:block; max-height:200px}
.box-prodotto{ font-size:1.2em; padding-bottom:1em}
.box-prodotto h1{font-size:1em; text-align:center; margin:0 0 15px 0; padding:0 10px}
.box-prodotto p{ text-align:center; font-size:1.1em;}
#stage .box-prodotto .prezzo{ color:#0069b4; color:#333; font-size:1.4em;}

.lista-prodotti.sea{ /*background-image:url(elementi/bg-section.jpg); */background-repeat:repeat-x; background-position:top center}
.lista-prodotti.white{ background:#fff; padding-bottom:2em}
.lista-prodotti.white h2.titolo-sezione span{ background:#fff}

.title-section{ font-size:1.5em; text-transform:uppercase; color:#333333; letter-spacing:0.1em; padding:0 20px}
.all{ float:right; font-size:0.7em; line-height:1em; margin:0.5em 5px 0 0; color:#6d92b9}
.all a{color:#6d92b9}
.all a:hover{color:#333}
.correlati .title-section{ text-align:center; padding:20px; border-top:2px solid #f1f1f1}

.categoria{ text-align:left; font-size:1em; letter-spacing:0.1em; text-transform:uppercase; color:#c0b08b; padding:0 0 0.3em 0}
.categoria a{color:#c0b08b}
.foto-articolo{ float:left; margin:0 30px 10px 0; -ms-transform: rotate(-4deg); /* IE 9 */
    -webkit-transform: rotate(-4deg); /* Safari */
    transform: rotate(-4deg);}
.foto-articolo.right{ float:right; margin:0 0px 10px 30px}
.foto-articolo figure{ display:block; width:100%; max-width:400px; margin:0 auto; position:relative; border:15px solid #f1f1f1;box-sizing:border-box;  box-shadow:inset 10px 10px 10px #000}
.foto-articolo figure img{ max-width:100%; width:100%; display:block  }
.foto-articolo figure .shadow{ position:absolute; z-index:100; top:0; left:0;box-shadow:inset 0px 0px 10px #000; width:100%; height:100%;}
.foto-articolo .mappa{ position:relative; border:15px solid #f1f1f1;box-sizing:border-box;}
.foto-articolo .mappa iframe{ display:block}

.contatti .foto-articolo{ -ms-transform: none; /* IE 9 */
    -webkit-transform: none; /* Safari */
    transform: none;}

.box-text-content{  padding:0 20px; position:relative}
.events .box-text-content{ overflow:hidden; padding:0 0 0 20px}
.primopiano .box-text-content{ margin:-8em 20px 0 20px;}
.box figure{ display:block; width:100%; max-width:300px; margin:0 auto; position:relative; border:15px solid #f1f1f1;box-sizing:border-box;  box-shadow:inset 10px 10px 10px #000}
.box figure img, #stage .box figure img{ max-width:100%; width:100%; display:block  }
.box figure .shadow{ position:absolute; z-index:100; top:0; left:0;box-shadow:inset 0px 0px 10px #000; width:100%; height:100%;
-webkit-transition: all 200ms ease-out;  
    -moz-transition: all 200ms ease-out;  
    -o-transition: all 200ms ease-out;  
    -ms-transition: all 200ms ease-out;  
    transition: all 200ms ease-out;}
.box figure:hover .shadow{box-shadow:inset 0px 0px 10px #000; background:rgba(0,0,0,0.1)}


.day{ width:4.9em; z-index:5; text-align:center; padding-bottom:0.2em; background:#173d64 }
.day .number{ font-size:2em; color:#dbc03a;}
.day .month{ font-size:0.75em; color:#fff; text-transform:uppercase; padding:0.1em 0}
.day .year{ font-size:0.7em; color:#8796a5;padding:0.1em 0}
/*News*/
#news{ width:70%; float:left; overflow:hidden}
.internal #news{ width:100%; float:none}
.internal #search-list #news{ width:70%; float:left}

#news .box, #stage .side-content .box{ text-align:left; padding:20px}
#news .box h1, #stage .side-content .box h1{ text-align:left; padding:0; font-weight:600}
#news .box.primopiano h1{ font-size:2.5em}
#news .box h1 a, #stage .side-content .box h1 a{ color:#173d64}
#news .box .data, #stage .side-content .box .data, .box .data{ color:#9b9b9b; font-size:0.9em; padding:0.5em 0;}
#news .box .place, #stage .side-content .box .place, .box .place, #article header .place{ color:#9b9b9b; font-size:0.9em; padding:0.5em 0; padding-left:1.2em; position:relative; }
 #stage .side-content .box .place{ font-size:0.9em; padding:0.3em 0 0.3em 1.2em }
.box .place span{white-space: nowrap;}
#news .box .place:before, #stage .place:before, .place:before{ content:'\f041'; color:#c0b08b; display:block; font-size:1.2em; font-family:"FontAwesome"; position:absolute; top:0.35em; left:0}
#news .box p, #stage .side-content .box p{ text-align:left; max-width:none; padding:0.5em 0; font-size:1em; color:#555555}
.home #news .box .day{ left:20px; top:-5px;  position:absolute;}
.internal #news .box .day, .side-content .day, .risultati-content .day { position:relative; top:auto; left:auto; float:left; font-size:0.95em}
.side-content .box-text-content, .risultati-content .box-text-content{ overflow:hidden; padding:0 0 0 10px; }
#stage .side-content .box{ margin-top:20px; padding-bottom:0}
#stage.home .side-content .box{ padding-left:10px}
#stage .side-content .box{border-top:1px dashed #bacadb}
#stage .side-content .box h1{ font-size:1.2em}
#stage .side-content .box p{ font-size:0.9em}

/*FAQ*/
.faq{overflow:hidden; margin-bottom:2em}
.faq *{ box-sizing:border-box}
.faq-list{ width:50%; margin-right:0; border-right:10px solid #fff; float:left; padding:0 0 0 1em}
.faq-list ul{ text-align:center; text-transform:uppercase}
.faq-list li{ border-bottom:2px solid #e9f0f4; position:relative}
.faq-list li:last-child{ border:0}
.faq-list li a.active::after{ content:'\f105'; content:'\f053'; position:absolute; left:0; height:1em; line-height:1em; margin-top:-0.4em; top:50%;font-family: FontAwesome; color:#999; font-size:1.2em;}
.faq-list li a{ display:block; font-weight:600; font-size:1.05em; padding:0.5em 0;color:#0069b4;}
.faq-list li a:hover, .faq-list li a.active{ color:#333 }

.faq-answer{ width:50%; margin-left:5%; margin-left:0px; border-left:10px solid #fff; float:left; padding:2.5em 0 2.5em 1em; text-align:center; background:#e9f0f4;}
.faq-answer h1{ margin:0; padding:0; text-transform:uppercase; color:#0069b4; font-size:1.6em}
.faq-answer p{ margin:0; padding:0; color:#666; font-size:1.1em}
.faq-answer article.hidden{ display:none; }
.faq-answer article.visible{ display:block;}
.faq .pul{ padding:1.5em 1em 1em 1em; clear:both; height:auto}
.faq .pul a{ color:#0069b4; border:1px solid #e1e1e1 }
.faq .pul a:hover{ background:#0069b4; border-color:#0069b4; color:#FFF;}

/*ARTICLE*/
.path{ background:#fff;/*border-bottom:2px solid #DBE6EC*/ margin-bottom:0px}
.path ul{ list-style:none; margin:0; padding:10px 0 10px 20px;}
.path ul li{ display:inline-block; padding:1em 0.5em; background:rgba(277,277,277,0.2); font-size:11px; text-transform:uppercase; color:#999; border-bottom:3px solid #fff}
.path ul li:hover{ background:#fff}
.path ul li a{}
#stage.internal{ background:#f3efe7; background:#fff; padding-bottom:0em}
#stage.internal .content{ margin-top:-6em; margin-top:0;  background:transparent url(elementi/bg-legno.jpg)}
/*testata*/
.testata{ height:8em;  background:#bdb39e; background:none; position:relative; max-width:1400px; margin:0 auto;}
.testata.big{ height:45em}
.home .testata.big{ height:45em}
.internal .testata.big{ height:45em}

.testata .foto-fissa{ position:absolute; top:0; left:0; right:0; bottom:0; background-color:#bdb39e; background-repeat:no-repeat; background-position:50% 50%; background-size:cover}
.testata .title-testata{ position:absolute; bottom:5em; font-size:2.3em; color:#fff; font-weight:600; letter-spacing:0.4px; z-index:10; width:100%; text-align:center}
#article{ background:none; position:relative;  z-index:100; padding:0 0px 3em 0em; overflow:hidden; max-width:1200px; margin:0 auto}

.home #article{ padding-left:2em; padding-bottom:0.65em}
#article header{ background:none;  position:relative; padding:0 0 0em 3em}
#article .article-content header{ padding-left:0 }
#article article{ overflow:hidden}
#article.no-slider header{ margin-top:0; }
#article.no-slider{border-top:3px solid #000}
#stage #article  p{ font-size:1.3em; text-align:left; line-height:1.35em; padding:0 0 0.5em 0; max-width:none}
#article  p a{ color:#0069b4; text-decoration:underline;}
#article  p a.leggi{ display:block; font-weight:600}
#article  h1{ text-align:left; font-size:3.1em; padding:0.5em 0em 0 0; color:#fff; overflow:hidden; text-transform:none; font-weight:400}
#article  h1 span{ display:inline-block; padding:0 0px; color:#0069b4}
#article  h1 a{ color:#999}
#article  .article-content header h1{ font-size:1.9em; text-transform:none; font-weight:600; text-align:center; }
#article  h2{font-family: 'Androgyne Medium', cursive; text-align:left; font-size:2.8em;  padding:0.5em 0; overflow:hidden; 
text-transform:none; font-weight:900; color:#007934; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

.internal #article  header{ padding-left:0px}
.internal #article  header h2{color:#b9a12f; font-size:1.6em}
.internal #article  header h1{ font-size:4.2em; padding:1em 0.5em; text-align:center; text-shadow:2px 2px 2px rgba(0,0,0,0.5); font-weight:100; letter-spacing:0.2px;-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.internal #article header .data{ color:#9b9b9b; font-size:1em; padding:0.5em 0; clear:both}
.internal #article header .place{ font-size:1.1em;  clear:both}
.internal #article header .day { position:relative; top:auto; left:auto; float:left; font-size:0.95em; margin:10px 20px 10px 0}

#article  h2 a{ color:#333}
#article  h2.marca{ padding:1em 0; text-transform:none; font-size:1em; color:#999}
.learn a, #article  h2 .learn a{ line-height:0.8em; font-style:italic;  margin-top:-0.2em; color:#173d64; font-weight:600;  font-family: 'Androgyne Medium', cursive;
font-size:0.8em; display:inline-block; text-decoration:none}
.learn{ display:inline-block; border-bottom:2px solid #173d64; margin-left:0.2em}
.box-prezzo{ padding:1em 0 2em 0}
#article .box-prezzo h2{ font-size:2em; color:#333333; padding:0}
#article .box-prezzo h3{ font-size:0.9em; color:#999; padding:0 0 0.5em 0}
#article .box-prezzo h3 span{ text-decoration:line-through}
#article .box-prezzo h3 strong{ color:#666666; font-weight:600}
#stage #article .box-prezzo p{ font-size:1em; color:#666; padding:0.2em 0}
#stage #article .box-prezzo p .green{ color:#009900 }
.box-prezzo .pul{ text-align:left}
.box-prezzo .pul a{ background:#0069b4; color:#FFFFFF}

#stage .side-content .box-cell{ width:100%}
#stage #article .side-content .box-cell .box img{ max-height:150px}

.risultati-content{ overflow:hidden; float:left; width:75%; }
.alert{ padding:20px}
#stage .alert p{ font-size:1.5em; max-width:none; text-align:center}
.side-content{ width:30%; margin-left:0%; float:left; padding-bottom:1em; position:relative; z-index:20}
.side-menu{ width:25%; margin-right:0%; float:left; padding-bottom:1em; position:relative; z-index:20}
.side-menu form{ margin:0; padding:0 0 10px 0}
.side-menu form label{ padding:10px 20px; display:block; overflow:hidden}
.blocco{ display:block;  box-sizing:border-box; padding:10px 20px; margin:5px 0; overflow:hidden}
.blocco .label{ height:24px; line-height:24px; font-size:1em; display:inline-block; vertical-align:top; color:#333333}
.side-menu .blocco{ border-top:0px solid #f1f1f1;  border-bottom:1px solid #f1f1f1; padding:10px 5px; margin:5px 20px}

/*foto prodotto nell articolo*/
.side-foto{ float:left; width:35%; position:relative}
.side-foto .foto-prodotto{ width:100%; height:200px}
.side-foto .foto-prodotto .discount{ right:0; top:1em}


/*ARTICLE CONTENT*/
.article-content{ background:#fff; background:rgba(277,277,277,0.8); background:transparent url(elementi/fondo-pennellata.png) repeat-y; background-size:contain; box-shadow:0px 0px 20px #000; overflow:hidden; float:left; width:100%; padding:5em 5%; box-sizing:border-box}
.article-content ul{ margin:0.5em 0;  list-style:circle; list-style-position:outside}
.article-content ol{ margin:0.5em 0; list-style:decimal; list-style-position:outside}
.article-content li{font-size:1.25em; text-align:left; padding:0.2em 0; color:#333; margin-left:1.2em}
.article-content.ricette{ padding-top:0}

/*MENU RICETTA*/
.menu-ricette{}
.menu-ricette ul{ margin:0; padding:0; list-style:none}
.article-content.ricette li{ position:relative; }
.article-content.ricette li:before{ display:block; content:'\f00c'; position:absolute; color:#007934; top:0.3em; left:-1.2em; font-family:'FontAwesome'; }
.article-content.ricette ul{ padding-bottom:1.5em}
.article-content.ricette li{ display:inline-block; width:30%; vertical-align:top}
#article .ricette h2{ padding:0 0 0.2em 0}
#article .ricette .categoria-ricetta{font-family: 'Androgyne Medium', cursive; text-align:left; font-size:2em;  padding:0.5em 0; overflow:hidden; 
text-transform:none; font-weight:900; color:#6ab139; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
#stage #article .article-content.ricette .clearer{ height:2em}
.ricette .foto-articolo{-ms-transform:none; /* IE 9 */
    -webkit-transform: none; /* Safari */
    transform:none}
.ricette .foto-articolo figure{ border:0; box-shadow:0px 0px 15px rgba(0,0,0,0.5)}
.ricette .foto-articolo figure img{ max-width:300px }

.separatore{ height:50px; margin-top:40px; background:transparent url(elementi/separatore.png) no-repeat center center; background-size:350px}


#stage #article .article-content .clearer{ height:20px}
#stage #article .article-content p{position:relative; font-size:1.5em; line-height:1.6em; padding:0.5em 0; color:#333  }
#stage #article .article-content.ricette p{ font-size:1.25em}

#article .article-content blockquote{ clear:both; margin:1em 2em 0 0; position:relative; color:#676767; font-style:italic; border-right:0px solid #666; font-weight:100;font-family: 'Merriweather', serif;   font-size:1.3em; line-height:1.5em; padding:0em 20px 1em 50px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+66&0.08+0,0+66 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 1%, rgba(255,255,255,0) 66%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.08) 1%,rgba(255,255,255,0) 66%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.08) 1%,rgba(255,255,255,0) 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
#article .article-content blockquote:before{ content:'\f10d'; font-style:normal; font-size:30px; font-family:FontAwesome; position:absolute; left:5px; top:0em; display:inline-block; color:#366492}
#article .article-content blockquote footer{ display:block; padding:10px 0; font-size:14px;font-family: 'Lato', sans-serif;  line-height:1.3em; color:#333; font-style:normal}
#article .article-content audio{ display:block; width:100%; max-width:600px }
#article .article-content .audio{ position:relative;font-size:1.22em; line-height:1.5em; margin:1.5em 0; padding:0em 20px 0em 50px}
#article .article-content .audio:before{ content:'\f028'; font-style:normal; font-size:30px; font-family:FontAwesome; position:absolute; left:5px; top:0.1em; display:inline-block; color:#366492}
#article .article-content .audio footer{ display:block; padding:10px 0; font-size:16px; color:#999999; font-style:normal}

/*video article content*/
.article-content .video-box, .video-box{ position:relative;margin:1em auto; width:100%; padding:0.5em 20px 0.5em 50px; box-sizing:border-box;clear:both}
/*.article-content .video-box:before{ content:'\f03d'; font-style:normal; font-size:30px; font-family:FontAwesome; position:absolute; left:5px; top:0.5em; display:inline-block; color:#e20075}*/
.article-content .dida, .video-box .dida, .gallery .dida{ display:block; padding:15px 0 10px 0; font-size:14px; line-height:1.4em; color:#999999;font-family: 'Lato', sans-serif; font-style:normal}
.article-content .video-box .dida{ max-width:600px; max-width:none }
.article-video{position: relative; }
.article-video iframe {
	with:100%; height:56%; display:block
}

/*gallery nell article*/

.gallery h1{ text-align:center; font-size:1.1em; padding:0.5em 10px 0.5em 10px; overflow:hidden; text-transform:uppercase; font-weight:100}
.gallery { width:100%; margin:20px 0 4em 0; clear:both; }
.gallery  ul{ padding:1em 0px; margin:0; list-style:none;text-align:left !important; overflow:hidden}
.gallery  li{ width:16.6%;  padding:0 0 0px 0; height:auto;text-align:center !important; display:inline-block; float:left; box-sizing:border-box; border:0px solid #fff; margin:0}
.gallery  li a{ display:block; padding:5px; vertical-align:middle; position:relative; 
-webkit-transition: all 100ms ease-in-out;  
    -moz-transition: all 100ms ease-in-out;  
    -o-transition: all 100ms ease-in-out;  
    -ms-transition: all 100ms ease-in-out;  
    transition: all 100ms ease-out;}

.gallery  li a:hover{}
.gallery  li a:hover img{  }
.gallery  li.active a{ }
.gallery  li img{ max-width:250px; width:100%;  border:0; display:block; border:0px solid #fff;}
.gallery  li a:before{ content:''; display:block; background:#093; position:absolute;top:0%; left:0%; z-index:3; margin:0;}

/*MODIFICHE alla gallery del 20/06/2017*/
.gallery li{ width:33.3%}
.gallery  li img{ max-width:none;}

#stage #article .side-content .box{ display:block; border:0; background:#fff; padding:0; width:100%; height:auto }
#stage #article .side-content .box.text img{ width:100%}
#stage #article .side-content .box.text a{ color:#000}
#stage #article .side-content .box.text a:hover{ color:#999}
#stage #article .side-content .box p{ color:#333; font-size:1.1em }
#stage #article .side-content .box.gallery .foto-container li{ width:33.3%}
.tag-list{ text-align:center; padding-top:1em}
.tag{ display:inline-block; background:#f1f1f1; margin-bottom:3px; margin-right:1px; font-size:1.2em}
.tag a{ display:block;  border-radius:2px; padding:2px 5px}
.tag a:hover{ background:#000; color:#FFF }
.tag.active a{ background:#000}
.tag.active a{ color:#FFF !important}

#stage #article .box-list{ text-align:center}
#stage #article .box{ height:18em; background:#fff; width:25%; box-sizing:border-box; border:0; display:inline-block}
#stage #article .box .foto-container{ width:100%;}
#stage #article .article-content iframe{ width:100%; height:26em}

.occhiello{ position:absolute; z-index:300; width:100% }
.balloon{ position:absolute; right:1em; top:2em; background:#FFF; background:rgba(255,255,255,0.3); border-bottom:2px solid #fff; max-width:30%; display:inline-block; box-sizing:border-box; padding:1.5em; font-family:'PT Serif', serif; display:none;}
.balloon p{ color:#FFF; text-shadow:1px 1px 1px #000; font-size:1.7em; font-style:italic; text-align:right}
#stage .side-content .box{ height:auto}


/*FEEDBACK*/
.lista-tabella li{ overflow:hidden; border-bottom:1px solid #f1f1f1; padding-top:10px}
.box-feedback{ padding-bottom:1em}
.box-feedback .rat{ float:left; padding:20px}
.box-feedback .user{ font-size:13px; color:#666666; padding:10px 0 0 0; overflow:hidden}
.box-feedback .user strong{ color:#333 }
.box-feedback h1{ font-size:1.2em; padding:0.2em 0; overflow:hidden}
#stage .box-feedback .data{ padding:0 20px 0 10px; float:right; font-size:0.85em; color:#666666; text-align:left; max-width:none}
.rat img{ width:20px}
#stage .side-menu img{ max-width:150px; margin:10px auto; border:0; display:block}

#stage .side-menu p{ padding:5px 20px; font-size:1em; max-width:none}
.box-feedback .foto-prodotto{ float:left; padding:20px; display:block; width:auto; padding:0}
.box-feedback .foto-prodotto figure{ width:100px; display:block}
.box-feedback .foto-prodotto img{ height:60px}

/*CARRELLO*/
.cart .risultati-content{ width:65%}
.cart .lista-tabella li{ padding-right:10px}
.cart .lista-tabella .blocco{ float:right}
.cart .box-feedback h1{ font-size:15px}

.cart .lista-tabella .pul-elimina{ float:left; padding:10px 0 10px 10px}
.cart .lista-tabella .pul-elimina a{ display:inline-block; padding:10px; color:#FF3300; font-size:30px}

.table-cart{ width:100%; margin:10px 0; background:#f1f1f1; background:#e9f8ff}
.table-cart td{ padding:15px 10px; text-transform:uppercase; font-size:0.9em; color:#666666}
.table-cart tr:last-child td{ border-top:1px dotted #e1e1e1}
.table-cart td strong{ color:#333333}
.table-cart td .info{ font-size:11px; color:#666; display:block; text-transform:none}
.table-cart td.price{ text-align:right; text-transform:none}
.cart .side-content h2{ padding:0 10px; text-align:center; color:#5fbae4}
.cart .side-content .blocco{ padding:5px}
.cart .side-content .blocco input{ margin-top:5px}
#stage .cart .intro-text p{ padding:11px; font-size:14px; color:#666666; text-align:center}
.cart .side-content .pul{ padding:0}

#stage .cart p{ max-width:none; padding:0em 20px 0.5em 20px; font-size:1.1em }
.box-address{ background:#fbfbe7; border:20px solid #fff}
.cart .box-address h3{ padding:0.5em 0 5px 0; margin:0em 20px 0 20px; font-size:1.2em; font-weight:600 }
.risultati-content form{ overflow:hidden;}
.risultati-content form .blocco{ float:left; padding:10px 0 10px 20px}
.cart .risultati-content .blocco input, .cart .risultati-content .blocco select{ margin-top:5px}
.risultati-content form { overflow:hidden; padding:0 20px 20px 0}
.risultati-content form .pul-procedi{ clear:both; padding:20px 20px 20px 0}

.pul-procedi{ text-align:center; padding-bottom:20px}
.pul-procedi a{ text-shadow:none; color:#fff;padding:10px 15px; border-radius:3px; letter-spacing:0.4px; text-align:center; display:inline-block; 
 background:#33CC66; border:1px solid rgba(0,0,0,0.07); border-bottom:2px solid rgba(0,0,0,0.07); text-decoration:none; font-size:1em; font-size:12px; text-transform:uppercase; font-weight:400} 
.pul-procedi a:hover{color:#fff;background:rgba(0,0,0,0.7);}


/*CATALOGO*/
.intro-text{ padding:10px 20px 20px 20px}
.side-menu .intro-text{ padding:0}
.intro-text h1{ margin:0 0 10px 0; padding:0; font-weight:100; font-size:1.6em}
#stage .intro-text p{ text-align:left; font-size:1.1em; max-width:none}

#stage .box-feedback .prezzo{ overflow:hidden; padding:0 20px 0 0px; margin-top:0.2em; font-size:17px; color:#333; text-align:left; max-width:none}
#stage .box-feedback .prezzo span{ font-size:0.7em; color:#999999; text-decoration:line-through;}

/*BOX SEARCH*/
.box-search{}
.box-search .blocco{ font-size:1.2em}
input.input-text{ width:100%}
.risultati-content .box-search h2{ font-size:1.1em; border-bottom:0; clear:both }
.box-search .pul{ text-align:left; padding:15px 20px}
.box-search .pul a{ display:inline-block; padding:10px 15px; letter-spacing:0.4px; font-weight:100; text-transform:uppercase; color:#fff; background:#fff; background:#67a6d3; border:0; border-bottom:3px solid rgba(0,0,0,0.05); border-radius:5px;   font-size:12px;}
.box-search .pul a:hover{ color:#FFF;  text-decoration:none; background:#333 }
.box-search .blocco label img{ display:block; clear:both; width:auto; max-width:100%} /*per stilizzare immagine dentro checkbox*/
.box-search input[type=radio   ]:not(old) + label{ text-align:center}

.risultati-content .blocco label img{ display:block; clear:both; width:auto; max-width:100%} /*per stilizzare immagine dentro checkbox*/
.risultati-content input[type=radio   ]:not(old) + label{ text-align:center}

/*OFFERTE*/
.testata-offerta{ position:relative; z-index:1; overflow:hidden; height:20em}
.testata-offerta .foto-fissa{ position:absolute; top:0px; z-index:-1; left:0; width:60%; height:100%; background-repeat:no-repeat; background-size:cover; 
background-position:center center; right:0; left:auto}
.testata-offerta .foto-fissa::before{ content:''; position:absolute; width:
100%; height:100%; background:#fff;background: rgba(277,277,277,0);
background: -moz-linear-gradient(left, rgba(277,277,277,1) 0%, rgba(277,277,277,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(277,277,277,1)), color-stop(100%, rgba(277,277,277,0)));
background: -webkit-linear-gradient(left, rgba(277,277,277,1) 0%, rgba(277,277,277,0) 100%);
background: -o-linear-gradient(left, rgba(277,277,277,1) 0%, rgba(277,277,277,0) 100%);
background: -ms-linear-gradient(left, rgba(277,277,277,1) 0%, rgba(277,277,277,0) 100%);
background: linear-gradient(to right, rgba(277,277,277,1) 0%, rgba(277,277,277,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );}
.testata-offerta .testo-offerta{ height:20em; display:table; width:60%; box-sizing:border-box}
.testata-offerta h1{ display:table-cell; vertical-align:middle; padding-right:10%; font-size:2.2em; text-align:center}
.testata-offerta .foto-prodotto{ height:20em; width:40%; display:table; opacity:1; margin-top:0em; float:left}
.testata-offerta .foto-prodotto figure{ width:100%; height:20em; text-align:center; padding:0px; box-sizing:border-box; display:table-cell; vertical-align:middle}
.testata-offerta .foto-prodotto figure img{ max-height:100%; max-width:100%}

.box-prodotto p.data{ text-transform:uppercase; font-size:13px; font-weight:600}
#search-list .testata-offerta span.scadenza{ font-size:0.6em; display:block}
#search-list .lista-prodotti.offerte li{ width:33.3%}

/*RISULTATI*/
#search-list{ background:#fff; overflow:hidden; box-sizing:border-box; padding-right:20px}
.side-menu h2, #article .side-menu h2{ font-size:1em; font-weight:600; color:#666; text-transform:uppercase; margin:20px 0 0 0; padding:0 0 0 20px; letter-spacing:0.4px; overflow:hidden}
.side-menu ul{ padding:10px 10px 10px 20px;}
.side-menu li{ padding:5px 10px; margin-bottom:5px; font-size:1em; color:#999}
.side-menu li a{ display:inline}
.side-menu li ul{ padding:5px 0 10px 0;}
.side-menu li ul li{ font-size:0.9em; padding-left:5px}
.side-menu li.active{ border-left:2px solid #1d66a5 }
.side-menu li.active a{ color:#1d66a5}

#search-list .lista-prodotti li{ width:25%}
#search-list .lista-prodotti.list li{ width:100%}
#search-list .lista-prodotti li:nth-child(4n+1){ clear:both;}

/*stili di box nei risultati*/
#search-list .lista-prodotti.list li .box .box-text-content{ padding:10px 20px; overflow:hidden}
#search-list .lista-prodotti.list li .box.events .box-text-content{ padding:0px 20px 0px 20px}
#search-list .lista-prodotti.list li .box figure{ width:30%; float:left; z-index:2; position:relative }
#search-list .lista-prodotti.list li .box h1{ text-align:left; padding:0; font-size:1.2em; font-weight:600}
#search-list .lista-prodotti.list li .box h1 a{ color:#173d64 }
#search-list .lista-prodotti.list li .box p{ text-align:left; padding:0; font-size:1em; font-weight:100; color:#555555}

#search-list .lista-prodotti .foto-prodotto figure{ padding:5px}
.risultati-content h2{ font-size:1.5em; font-weight:100; margin:0; overflow:hidden; padding:10px 20px; border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1; color:#666}
.risultati-content h2 span{ color:#333}
.risultati-content h2 span.number{ float:right; text-transform:uppercase; font-size:13px; line-height:2em}
.risultati-content h3{ padding:10px 20px; margin:0.8em 0 0 0; font-weight:600; font-size:1em; overflow:hidden}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*CALENDARIO*/
.calendar{ position:relative; padding:0 20px;}
.calendar h1, #box-calendario h1{ margin:0;  font-size:30px; font-weight:100; color:#173d64; background:#fff; padding:5px 10px 5px 10px; text-align:center; border-bottom:1px solid #f1f1f1;  border-top:1px solid #f1f1f1}
.side-menu .calendar { margin:20px 0 30px 0; min-height:0;}
.calendar h2, #article .side-menu .calendar h2{ text-align:center; color:#173d64; font-weight:200; font-size:1em; margin:0; padding: 10px 5px; background:#fbf1c1}
.calendar table{ width:100%;}
.side-menu .calendar table{ margin:0 0px; background:#fff;}
.calendar .giorno{ height:50px; width:100%;color:#999; text-align:right; 
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.calendar .giorno span{ padding:10px}

.side-menu .calendar .giorno{ height:auto; text-align:center; font-size:0.9em}
.side-menu .calendar .giorno span{ padding:0.5em 0; display:block}
.side-menu .calendar table th, .calendar table th{ padding:0.5em 0; background:#f1f1f1; color:#b29b2d; font-size:0.8em; border:1px solid #f1f1f1;}
.side-menu .calendar .pulsanti .sequence-next, .side-menu .calendar .pulsanti .sequence-prev{ height:auto; line-height:normal; font-size:15px; padding:0 0.5em}
.side-menu .calendar .pulsanti .sequence-next{ right:0}
.side-menu .calendar .pulsanti .sequence-prev{ left:0}

.calendar .on{ background:#f1f1f1; color:#3579be; cursor:pointer}
.calendar .on-your{ background:#afe8db; color:#7d7d7d}
.calendar .on-twin{ position:relative; background:#ebcc36; color:#333}
.calendar .on-twin::before{ content:''; position:absolute;  background:#2A80D9; top:0; left:0; right:50%; bottom:0 }
.calendar td{ padding:0px; border:1px solid #f1f1f1; background:#f1f1f1}
.calendar td:hover{}
.calendar td:hover .giorno{ background:#f1f1f1; color:#7d7d7d}
.calendar td:hover .on{background:#333;color:#3579be}
.calendar td:hover .on-your{ background:#333;color:#7d7d7d}
.calendar td:hover .on-twin{ color:#7d7d7d}
.calendar .cliccato{}

.calendar .sequence-prev{ height:auto; margin:0; padding:0; position:relative; top:auto; left:auto; float:left; font-size:1em; font-weight:100; color:#173d64; display:inline-block; cursor:pointer}
.calendar .sequence-next{ height:auto; margin:0; padding:0; position:relative; top:auto; left:auto; float:right; font-size:1em; font-weight:100; color:#173d64; display:inline-block; cursor:pointer}

/*FOOTER*/
#footer{ clear:both;  margin:0px 0 0 0; padding:0em 0; background:#fff; border-top:0px solid #fff}
#footer .content{ width:100%; margin-top:0; background:#f1f1f1 url(elementi/bg_footer.png) no-repeat top center }
#up-footer{background:#fff; border-bottom:4px solid #e1e1e1; border-top:1px solid #e1e1e1; padding:0px 0 0 0; }
#up-footer .content{background:#fff; height:79px; 
line-height:79px;color:#bec9d0; font-size:11px; text-transform:uppercase; padding:0 0 0 20px; width:990px}
#up-footer .content li{ display:none}
#up-footer .content ul.partner{ background:transparent url(elementi/partners.png) no-repeat; display:block; height:70px; width:800px;  margin:0; padding:0; float:left}
#up-footer .content ul.competenze{ background:transparent url(elementi/partners.png) no-repeat; display:block; height:70px; width:800px;  margin:0; padding:0; float:left}
#up-footer .content ul.certificazioni{ background:transparent url(elementi/partners.png) no-repeat; display:block; height:70px; width:800px;  margin:0; padding:0; float:left}

#up-footer .content span{ height:79px; line-height:79px; display:inline-block; width:130px;float:left;}

#logo-footer{ width:19em; height:13.5em; background:transparent url(elementi/logo-footer.png) no-repeat; float:left; margin:0 2em 0 0}
#menu-footer{min-height:10em; }
#menu-footer .colonna{ width:18em; float:left;padding:7em 0 2em 0; }
#menu-footer .riga{ position:absolute; top:3em; left:21em}

#menu-footer .colonna h2 a{ color:#6f818b; text-decoration:none; }
#menu-footer .colonna h2 a:hover{ color:#fff; text-decoration:none; }

#footer p.credits{ text-align:center; font-size:0.9em; padding:1em 0 2em 10px; line-height:1.3em; margin:0; color:#7f7f7f}
#footer p.credits a{ text-transform:uppercase; color:#007934; font-weight:600; padding-right:5px }
#footer p.credits a:hover{ text-decoration:underline}

.extra-footer{ /*position:absolute; top:0; right:5px;*/}
.extra-footer .box{ overflow:hidden; float:left; width:150px; text-align:left; padding-top:1em }
.extra-footer .box span{ font-size:10px; color:#666; display:block}
.extra-footer .box img{ width:60%; display:inline-block }
.extra-footer .box p{ color:#999}
.extra-footer .box ul{ text-align:left; padding:5px 0 0 0}
.extra-footer .box li{ font-size:13px; padding:2px 0}
.extra-footer .box img{ max-width:100px; display:inline-block; margin-bottom:15px}

#footer figure{ width:200px; float:none;  margin:0 auto; padding:25px 20px 10px 20px; text-align:center}
#footer figure img{ width:100%; display:inline-block}

/*STILI PER FANCYBOX*/
#head-fancybox{ height:3em; width:100%; border-bottom:2px solid #e1e1e1; position:fixed; box-shadow:none; background:#fff;  top:0; left:0; z-index:200}
.pul-closeFancybox{ position:absolute; top:0; right:15px}
.pul-closeFancybox a{ height:3em; line-height:3em; font-size:1em; color:#e1e1e1; text-transform:uppercase; letter-spacing:1px}
.pul-closeFancybox a:hover{ text-decoration:none }
.pul-closeFancybox a i{ color:#009680; font-size:1.6em}

.pulFancybox{ position:absolute; bottom:0; left:0; width:100%; padding-bottom:15px}
.pulFancybox a{ min-width:60%}

#container.popUp { position:relative; padding-top:3em; background:#effaf8; box-sizing:border-box}
#container.popUp #head{ position:absolute; height:3em; background:#fff}

/*EXTRA ARTICLE STYLE*/
#extraArticle
{
    display:none;
    vertical-align:top;
    width:96%;
    color: white;
    padding: 0px; margin:0 2% 1em 2%; opacity:0; text-align:left; position:relative
}
#extraArticle.active{ display:inline-block; opacity:1}
#extraArticle article{ width:100%; height:100%; display:block}
#extraArticle .box-foto{ width:40%; position:relative; overflow:hidden; text-align:center; float:left; margin-right:20px;
border:10px solid #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.2); margin-top:1em}
#extraArticle .box-foto img{  width:100%; display:block;}
#extraArticle .box-foto.horizontal{ width:100%; position:relative; overflow:hidden; text-align:center; float:none; margin-right:10px; max-height:300px}

#extraArticle h1, #extraArticle h2, #extraArticle h3{ color:#009680; padding:0 20px}
#extraArticle h1{ font-size:2.3em; margin:0em 0; padding:0.5em 0}
#extraArticle h1 i{ color:#666}
#extraArticle h2{ font-size:1.8em; font-weight:100; margin:0 0 0.2em 0; padding:0 }
#extraArticle p{ color:#666; font-size:1.1em; font-weight:100; padding:0 20px 0.5em 0; margin:0; font-family:'PT Serif', serif}
#extraArticle .pul-close{ right:1.5em; top:1.5em; z-index:auto }
.box-autore{ color:#666; font-size:0.9em; padding:0 0px; overflow:hidden; margin-bottom:1em}
.box-autore strong{ color:#333}
.box-autore span{ display:block; }
.box-autore span.autore{padding:0.4em 0 0 0}
.box-autore img{ float:left; width:50px; height:50px; margin:0 0.5em 0 0; border-radius:25px}

#extraArticle .addthis_sharing_toolbox{ padding:1em 0}
.content-testo{ overflow:hidden}

/*allegati nel fancy*/
#extraArticle .allegati, .allegati{ margin-top:1em;  padding:0 0 1em 0;}
/*allegati nella colonna di dx*/
aside .allegati{ margin-top:0em; margin-bottom:1em !important}
aside .allegati h2{ padding-top:0 !important}

#extraArticle .allegati h2, .allegati h2{ }
#extraArticle .allegati .file-name, .allegati .file-name{ font-size:1em; font-weight:600}
#extraArticle .allegati .file-kb, .allegati .file-kb{ font-size:0.8em; line-height:1.1em}
#extraArticle .allegati ul, .allegati ul{ list-style:none; margin:0; padding:0; border-top:1px solid #e1e1e1; }
#extraArticle .allegati li, .allegati li{  font-size:0.8em;  border-bottom:1px solid #e1e1e1; padding-bottom:0em; overflow:hidden}
.allegati li{  font-size:1em;margin-left:0 !important; padding-top:0 !important}
#extraArticle .allegati li a, .allegati li a{ display:block; overflow:hidden; padding:7px 0px;}
#extraArticle .allegati li a:hover, .allegati li a:hover{ background:#e9f0f4; padding-left:10px }
#extraArticle .allegati li a i, .allegati li a i{ float:left; display:block;  margin-right:5px; color:#333; color:#aa7d2c; line-height:.9em }

/*link nel fancy*/
#extraArticle .link, .link{ margin-top:1em;  padding:0 0 1em 0;}
#extraArticle .link h2, .link h2{ }
#extraArticle .link .file-name, .link .file-name{ font-size:1em; font-weight:600}
#extraArticle .link .file-kb, .link .file-kb{ font-size:0.8em; line-height:1.1em; font-style:italic}
#extraArticle .link ul, .link ul{ list-style:none; margin:0; padding:0; border-top:1px solid #e1e1e1; }
#extraArticle .link li, .link li{  font-size:0.8em;  border-bottom:1px solid #e1e1e1; padding-bottom:0em; overflow:hidden}
.link li{  font-size:1em; margin-left:0 !important; padding-top:0 !important}
#extraArticle .link li a, .link li a{ display:block; overflow:hidden; padding:7px 0px;}
#extraArticle .link li a:hover, .link li a:hover{ background:#e9f0f4; padding-left:10px }
#extraArticle .link li a i, .link li a i{ float:left; display:block; font-size:2em; margin-right:10px; color:#333 }

/*posizioni nel fancy*/
#extraArticle .lista-posizioni, .lista-posizioni{ margin-top:1em;  padding:0 0 1em 0;}
#extraArticle .lista-posizioni h2, .lista-posizioni h2{ }
#extraArticle .lista-posizioni .file-name, .lista-posizioni .file-name{ font-size:1em; line-height:1.1em; font-weight:600}
#extraArticle .lista-posizioni .file-kb, .lista-posizioni .file-kb{ font-size:0.65em; text-transform:uppercase; line-height:1.1em; color:#999; padding:0.5em 0 0 0}
#extraArticle .lista-posizioni .file-desc, .lista-posizioni .file-desc{ font-size:0.8em; line-height:1.1em; color:#333; padding:0.5em 0}

#extraArticle .lista-posizioni ul, .lista-posizioni ul{ list-style:none; margin:0; padding:0; border-top:1px solid #e1e1e1; }
#extraArticle .lista-posizioni li, .lista-posizioni li{  font-size:0.9em;  border-bottom:1px solid #e1e1e1; padding-bottom:0em; overflow:hidden}
.lista-posizioni li{  font-size:1.15em; position:relative; margin-left:0 !important; }
#extraArticle .lista-posizioni li, .lista-posizioni li{ display:block; overflow:hidden; padding:7px 0px;}
#extraArticle .lista-posizioni li:hover, .lista-posizioni li:hover{ background:#e9f0f4; padding-left:10px }
#extraArticle .lista-posizioni li i, .lista-posizioni li i{ float:left; display:block; font-size:2.2em; margin-right:10px; color:#4f86ac }
/*aside*/
#extraArticle aside .lista-posizioni, aside .lista-posizioni{ margin-top:0 }
#extraArticle aside .lista-posizioni h2, aside .lista-posizioni h2{ padding-top:0 !important }
#extraArticle aside .lista-posizioni li, aside .lista-posizioni li{ padding-left:5px }
#extraArticle aside .lista-posizioni li:hover, aside .lista-posizioni li:hover{ background:#e9f0f4; padding-left:5px }

#extraArticle .lista-posizioni .pul, .lista-posizioni .pul{ text-align:left; height:auto}
#extraArticle .lista-posizioni .pul a, .lista-posizioni .pul a{ font-size:0.6em; background:#fff; color:#4f86ac; border-color:#4f86ac}
#extraArticle .lista-posizioni .pul a:hover, .lista-posizioni .pul a:hover{  background:#333; color:#fff; border-color:#333}

.menu-lista{ position:absolute; top:0.7em; right:0;}
.menu-lista .pul{ float:left; font-size:0.7em; margin-left:1em; clear:none}
.menu-lista .pul a{ color:#4f86ac; border-color:#e1e1e1; background:#fff; font-size:1em}
.menu-lista .pul a:hover{ color:#fff; border-color:#4f86ac; background:#4f86ac;}
/*posizioni lista aside*/
aside .menu-lista{ position:relative; top:auto; right:auto; overflow:hidden; margin:0.5em 0 0 0}
aside .menu-lista .pul{ padding-bottom:0.5em; margin-left:10px}
aside .menu-lista .pul:first-child{ margin-left:0}
aside .menu-lista .pul a{ font-size:0.8em}

/*gestione lista nel testo di extraarticle*/
#extraArticle ol{ padding-left:1em; font-size:1em; margin:0 0 0.5em 0}
#extraArticle ul{ padding-left:1em; font-size:1em; margin:0 0 0.5em 0; list-style:circle}
#extraArticle li{ font-size:1em; color:#666; font-weight:300; padding:0 20px 0.2em 0; font-family: 'PT Sans Narrow', sans-serif; }


/*MODIFICHE  DEL 29/06/2007*/
.box figure, .foto-articolo figure{ /*border:0*/}
.box figure .shadow, .foto-articolo figure .shadow{ /*display:none*/}
.foto-articolo  figure{box-shadow:0px 0px 20px #000}
.article-content{ background:none; padding:3em 4%}
#stage #article .article-content p{ color:#fff; font-size:1.6em; text-align:justify}
#article h2{ color:#62b52b; font-size:3em}
.foto-articolo.big figure{ max-width:500px}

.ricette .box figure{  border:15px solid #f1f1f1;}
#stage .ricette .box-cell .box figure{ border:15px solid #f1f1f1; border-radius:0; max-width:300px}
.ricette .box figure .shadow{ display:block}
#stage .ricette .box h1{ text-align:center}
.ricette .box-text-content{ padding:0 20px 20px 20px}
.article-content.ricette{ background:#f1f1f1 url(elementi/foglio-quadretti-pattern.png)}
#stage #article .article-content.ricette p{ color:#333}

/* Wide Layout: 1200px */
@media only screen and (min-width: 1500px) {
	.testata.big{ height:30em}
}

/* Wide Layout: 1200px */
@media only screen and (max-width: 1200px) {
	.content{ width:80em}
	#stage .content{ width:100%}
	.testata.big{ height:20em}
	.connect{width:100px}
	.menu-social ul{ margin-right:0}
	
	#stage .promozioni .box-container.lista-promozioni { padding:0 1em}
	#stage .promozioni .lista-promozioni .box-cell figure{ width:100%; vertical-align:bottom }
	#stage .promozioni .lista-promozioni .box-cell h2{  font-size:2.2em; width:100%; text-align:center}
	#stage .promozioni .lista-promozioni .box-cell .prezzo{ font-size:0.9em; margin-bottom:1em;}

}
/* Wide Layout: 1100px */
@media only screen and (max-width: 1100px) {
	.content{ width:65em; width:80em}
}
/* Tablet Layout: 1000px */
@media only screen and (max-width: 1000px) {
	body{ font-size:13px}
	.content{ width:100%}
	.menu-up{ display:none}
	.menu-up.slidebar{ display:block}
	.menu-secondary{ display:none}
	.menu-cart{ top:25px; right:55px; }
	.menu-cart a{font-size:32px}
	.menu-donate{ right:60px}
	.side-menu li ul{ display:none}
	#head .main-search{ top:28px; display:none}
	.main-search .pul-search a{ font-size:25px; color:#666}
	
	#stage .box-container{ padding:20px 2em}
	#stage .ricette .box-container{ padding:20px 8.5em}
	#stage .promozioni .box-container{padding:0 20px}
	/*article*/
	
	.team li{ float:left; width:50%; }
	/*lista prodotti*/
	.lista-prodotti .foto-prodotto{ height:200px; }
	.lista-prodotti .foto-prodotto img{ max-height:150px}
	.lista-prodotti .foto-prodotto figure{ padding:10px}
	
	.side-menu{ float:none; margin:0; width:100%}
	.side-menu li{ display:inline-block}
	.risultati-content, .cart .risultati-content, .cart .side-content{ width:100%; float:none}
	/*risultati*/
	#search-list .lista-prodotti li{ width:33.3%}
	#search-list .lista-prodotti li:nth-child(5){ clear:none;}
	#search-list .lista-prodotti li:nth-child(4){ clear:both;}
	
	/*Promo*/
	.promozioni{}
	.titolo-promo{ width:80%; margin:0 auto}
	.titolo-promo img{ width:100%}
	#stage .promozioni .box p{ font-size:1.5em}
}

/* Tablet Layout: 768px */
@media only screen and (max-width: 790px) {
	body{ font-size:12px}
	/*#back{ width:180px; height:5.5em; background:transparent url(elementi/back-sml-sml.png) no-repeat center left;}
	.compact #back{ width:180px; height:4em; background:transparent url(elementi/back-sml-sml.png) no-repeat center left;}*/
	#banner-offerte{ right:0px; background-position: 30px 100%}
	#italia{ left:0; bottom:0; height:150px}
	
	.lista-prodotti.double .foto-prodotto .discount{ top:0.5em; right:0.5em}
	#stage .box-cell{ display:block; float:left;  width:50%}
	#stage .row{ display:block;}
	
	/*Ricette*/
	#stage .ricette .box-container{ padding:10px}
		#stage .ricette .box-cell{ width:33.3%}
		#stage .ricette .box-cell .box figure{ width:100px; border:5px solid #f1f1f1}
		.ricette .box-text-content{ padding:0 0 20px 0}
		#stage .ricette .box h1{ font-size:2em}
	
	#stage.home .intro .box-cell{ width:100%; float:none}
	#stage .box-cell:last-child{ border:0}
	
	.article-content.ricette li{ width:43%}
	
	/*Promozioni*/
	.promozioni{}
	#stage .promozioni .box-cell.x60{ width:60%}
	#stage .promozioni .box-cell.x40{ width:40%}
	.promozioni .slider{ padding-top:50px}
	
	#stage .promozioni .box-container.lista-promozioni { padding:0 0em}
	#stage .promozioni .lista-promozioni .box-cell{ display:table-cell; float:none}
	#stage .promozioni .lista-promozioni .box-cell h2{  font-size:2em; width:100%; text-align:center}
	#stage .promozioni .lista-promozioni .box-cell .prezzo{ font-size:0.9em; margin-bottom:1em;}
	
	/*home*/
	.home #news.x65{ width:100% !important; float:none}
	.home .side-content.x35{ width:100% !important; float:none}
	#stage #box-support{ width:100% !important}
	#stage #box-newsletter{ width:100% !important}
	/*article*/
	#article header{ padding-left:0}
	.article-content{  padding:20px}
	#stage #article  p{  font-size:17px}
	
	#footer figure{ float:none; margin:0 auto}
	#footer p.credits{ text-align:center;}

}

/* Tablet Layout: 550px */
@media only screen and (max-width: 550px) {
	body > *, body *{ box-sizing:border-box}
	#back{ width:200px; height:6em; left:10px; background-size:cover; top:0.5em}
	.pul{}
	#head{ height:100px}
	#italia{ display:none}
	#banner-offerte{ display:none}
	#back{ bottom:auto; top:0; background:#fff url(elementi/logo-orizzontale.svg) no-repeat center center; background-size:contain;  height:55px; width:250px; margin-left:0; left:0}
	#head{ height:55px; width:100%; position:fixed; left:0; right:0; top:0; background:#fff }
	#container{ padding-top:60px}
	#stecca{ height:auto; line-height:normal; text-align:center; padding:0.5em; background-repeat:repeat}
	
	.testata .frase{ padding:20px}
	.home .testata.big{ height:30em}
	
	#stage .box-container{ padding:10px}
	
	#stage .box-container, #stage .box-cell{ display:block; width:100%; overflow:hidden}
	#stage .box-cell, #stage .box-cell:last-child{ border:0}
	#stage .box-cell .box{ padding-bottom:1em}
	#stage .box .pul{ margin-top:1em; position:relative; bottom:auto; width:100%; left:auto}	
	.menu-up.slidebar{ display:block}
	
	/*Promozioni*/
	.promozioni{ padding:0}
	.titolo-promo img{ width:100%}
	#stage .promozioni .box-cell.x40, #stage .promozioni .box-cell.x60{ display:block; width:100%; overflow:hidden}
	.promozioni .slider{ padding:0 0 20px 0}
	#stage .promozioni .lista-promozioni .box-cell:first-child{ border:0}
	#stage .promozioni .lista-promozioni .box-cell{ display:block}
	
	/*Ricette*/
	#stage .ricette .box-container{ padding:10px}
	#stage .ricette .box-cell{ width:50%}
		#stage .ricette .box-cell{ width:100%}
		#stage .ricette .box-cell .box figure{ width:100px; border:5px solid #f1f1f1}
		.ricette .box-text-content{ padding:0 0 20px 0}
		#stage .ricette .box h1{ font-size:2em}

	/*lista prodotti*/
	.lista-prodotti li{ width:100%}
	.lista-prodotti .foto-prodotto{ height:200px; }
	.box-prodotto h1{ font-size:1.1em; padding:0 30px; margin:0 0 5px 0}
	.box-prodotto p.prezzo{ font-size:1.3em}
	
	.lista-prodotti.double li, .lista-prodotti.white.double li{ width:50%; padding-bottom:10px}
	.lista-prodotti.double .foto-prodotto{ height:200px; }
	.lista-prodotti.double .foto-prodotto figure a{ padding:5px}
	.lista-prodotti.double .box-prodotto h1{ font-size:1em; padding:0 20px; margin:0 0 5px 0}
	.lista-prodotti.double .box-prodotto p.prezzo{ font-size:1.1em}
	
	#search-list .lista-prodotti li{ width:50%}
	/*box search*/
	.box-search .blocco.x25{ width:50%}
	.risultati-content form{ padding-right:20px}
	
	
	/*carrello*/
	.cart .lista-tabella .blocco{ float:none}
	#stage .cart .box-feedback .prezzo{ margin-left:155px; clear:both}
	.risultati-content .blocco.x25{ width:50%}
	
	/*box search*/
	.box-search .blocco.x60{ width:100%}
	
	/*offerte*/
	.testata-offerta{ height:15em}
	.testata-offerta .testo-offerta{ height:15em}
	.testata-offerta h1{ padding-right:10%; font-size:1.7em; text-align:center}
	.testata-offerta .foto-prodotto{ height:15em}
	.testata-offerta .foto-prodotto figure{ height:15em}
	
	#search-list .lista-prodotti.offerte li{ width:100%} 
	#search-list .testata-offerta span.scadenza{ margin-top:3px; font-size:0.6em; display:block}
	
	/*article*/
	#article header{ padding-left:0}
	.article-content{ overflow:hidden; float:none; width:100%; margin-bottom:1em; padding:20px}
	.foto-articolo.right{ float:none; margin:0 auto 20px auto}
	.foto-articolo figure{ max-width:none}
	.gallery  li{ width:33.3%}
	
	.side-content{ width:100%; margin:0; float:none;}
	.side-foto{ width:100%; margin:0; float:none;}
	#stage .side-content .box{ display:block; border:0 }
	.occhiello{ display:none}
	.box-prezzo .pul{ text-align:center }
	#article .box-prezzo{ font-size:1.2em}
	
	#stage #article .box-cell .box p{ text-align:left}
	.path{}
	.path ul li{ font-size:9px}
	/*numeri*/
	.numero p{height:11em; width:11em; font-size:1em}
	.numero p span{ padding-top:0.6em}
	/*faq*/
	.faq-list, .faq-answer{ width:90%; margin:0 5%;}
	
	/*posizioni lista*/
	.menu-lista{ position:relative; top:auto; right:auto; overflow:hidden; margin:0.5em 0 0 1.7em}
	
/*	footer*/
#footer p.credits{ text-align:center}
	.extra-footer{ display:block; float:none; position:relative; top:auto; right:auto}
	.extra-footer .box{ float:none; width:auto; background:#f1f1f1; text-align:center}
	.extra-footer .box ul{ text-align:center; padding-bottom:10px}
	.extra-footer .box p{ text-align:center}
}