/* @package OxCMS_Base */
/* @package OxCMS_Base */

/* @import url("fonts/stylesheet.css"); */

/*	HTML5 Reset :: style.css
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: top;
    background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section { display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
/* img,object,embed { max-width: 100%;}  */
/* force a vertical scrollbar to prevent a jumpy page
html { overflow-y: scroll;}*/
/* we use a lot of ULs that aren't bulleted.
    don't forget to restore the bullets within content. */
img { vertical-align: top;}

ul { list-style: none;}

blockquote, q { quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none;}

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none;}

del { text-decoration: line-through;}

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0;}
th { font-weight: bold; vertical-align: bottom;}
td { font-weight: normal; vertical-align: top;}

hr { display: block; margin: 1em 0; padding: 0; border: none;}

input, select { vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    font-size: 13px;
    margin-bottom: 20px;
    padding: 5px 10px;
    white-space: pre-line;
    word-wrap: break-word;
}

input[type="radio"] { vertical-align: text-bottom;}
input[type="checkbox"] { vertical-align: middle;}
.ie6 input { vertical-align: text-bottom;}

select, input, textarea { font: 99% sans-serif;}

table { font-size: inherit; font-size: 100%;}

/* Accessible focus treatment
    people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none;}

small { font-size: 85%;}

strong, th { font-weight: bold;}

td, td img { vertical-align: top;}

/* Make sure sup and sub don't screw with your line-heights
    gist.github.com/413930 */
sub, sup { font-size: 100%; line-height: 0; position: relative;}
sup { top: 0.5em;}
sub { bottom: 0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp { font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button { cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0;}

/* make buttons play nice in IE */
button { width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img { -ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html { filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* @package OxCMS_Base */

/* INDICE ----------------------------
            = HTML AREA
            = ALLEGATI
            = SOCIAL
            = TOOLBAR
            = MODAL
            = GLIPHICONS


/*  HTML AREA
--------------------------------------------------------------------- */

.htmlcontent { margin: 0;}
.htmlcontent a { text-decoration: none; outline: none;}
.htmlcontent a:hover { text-decoration: none;}
.htmlcontent strong,
.htmlcontent b { font-weight: 900;}
.htmlcontent em { font-style: italic;}
.htmlcontent em strong,
.htmlcontent strong em { font-style: italic; font-weight: 900;}
.htmlcontent p { margin-bottom: 10px;}
.htmlcontent h5 + p { margin-bottom: 40px;}
.htmlcontent address {	margin-bottom: 1.5em; padding: 0 1.5em; border-left: solid 3px #ccc;}
.htmlcontent blockquote { padding: 0 1.5em; border-left: solid 3px #ccc; margin-bottom: 40px; font-size: 13px; line-height: 1.4em;}
.htmlcontent h1, .htmlcontent h2, .htmlcontent h3, .htmlcontent h4, .htmlcontent h5, .htmlcontent h6 { margin-bottom: 10px;}
.htmlcontent h5 { font-size: 22px; line-height: 1em; padding-bottom: 10px; border-bottom: 1px solid #83D1F5; font-style: italic; color: #333333;}
.htmlcontent ul { padding: 0 0 20px 0; }
.htmlcontent ul,
.htmlcontent ul li { list-style-type: none; }
.htmlcontent ul li { font-size: 15px; line-height: 1.2em; font-weight: 300; position: relative; padding-left: 15px;}
.htmlcontent ul li:before { content: "."; color: #2C9FCA; font-size: 37px; line-height: 0; position: absolute; left: 0; top: 0; }
.htmlcontent ul ul,
.htmlcontent ul ul li {	list-style-type: circle; list-style-position: outside;}
.htmlcontent ol { padding: 0 0 20px 20px; } 
.htmlcontent ol,
.htmlcontent ol li { list-style-type: decimal !important; list-style-position: outside; }
.htmlcontent ul li,
.htmlcontent ol li { margin-bottom: 10px;}
.htmlcontent p img { vertical-align: middle;}

.htmlcontent .style1 { line-height: 16px; font-size: 32px;}
.htmlcontent .style2 { line-height: 16px; font-size: 30px;}
.htmlcontent .style3 { line-height: 16px; font-size: 28px;}
.htmlcontent .style4 { line-height: 19px; font-size: 26px;}
.htmlcontent .style5 { line-height: 20px; font-size: 24px;}
.htmlcontent .style6 { line-height: 22px; font-size: 22px;}
.htmlcontent .style7 { line-height: 22px; font-size: 20px;}
.htmlcontent .style8 { line-height: 22px; font-size: 18px;}

article.htmlcontent table,
article.htmlcontent .table { border: 1px solid #EDEDED; border-right: 0; background: transparent; border-collapse: collapse; font-size: 13px; width: 100%; margin: 20px 0;;}
article.htmlcontent table tr,
article.htmlcontent .table .tr { border-bottom: 2px solid #BBCE00;}
article.htmlcontent table tr th,
article.htmlcontent .table .thead .cell { font-size: 16px; font-weight: bold; color: #ffffff; text-transform: uppercase; background: #BBCE00;}
article.htmlcontent table tr th,
article.htmlcontent table tr td,
article.htmlcontent .table .cell,
article.htmlcontent .table .thead .cell { border-right: 1px solid #EDEDED; padding: 10px 15px;}
article.htmlcontent table tr td,
article.htmlcontent .table .cell { background: #fff;}
article.htmlcontent table tr:nth-child(odd) td,
article.htmlcontent .table .tr:nth-child(odd) .cell { background: #F9F9F9;}
article.htmlcontent table tr:hover td,
article.htmlcontent .table .tr:hover .cell { background: #F2FAFD;}


article.htmlcontent .table-small { width: 60%; }
article.htmlcontent .table-small thead th { vertical-align: top; }
article.htmlcontent .table-small thead th,
article.htmlcontent .table-small tbody td { font-size: 13px; line-height: 1.3em; padding: 10px; }
article.htmlcontent .table-small tbody td p { margin: 0 0 5px; }
article.htmlcontent .table-small tbody td p:last-child { margin: 0; }
article.htmlcontent .table-small tbody td:last-child { text-align: right; }

/* TABLES
---------------------------------------------------------------------------------------------------------------- */

table { width: 100%; border-collapse: collapse;border-spacing: 0; background-color: transparent;}
table td { vertical-align: middle;}

/*  ALLEGATI
--------------------------------------------------------------------- */
.attachment-wrapper { text-align: center;
background: rgb(245,245,245);
background: url(../pics/noise.png), -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(255,255,255,1) 19%);
background: url(../pics/noise.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(19%,rgba(255,255,255,1)));
background: url(../pics/noise.png), -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%);
background: url(../pics/noise.png), -o-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%);
background: url(../pics/noise.png), -ms-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%);
background: url(../pics/noise.png), linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(255,255,255,1) 19%);
}

.doctitle { font-size: 16px; font-weight: 900; font-style: italic; line-height: 1em; margin: 0 auto 30px; color: #333333;}
.doctitle span { padding: 0 0 0 28px; background: url("../pics/ico-leaf-small.png") no-repeat left center; display: inline-block;}

.attach_column header.doctitle { text-align: center;}
.attach_column header.doctitle span { padding: 0 10px;}

.attachment { margin-bottom: 60px; text-align: center;}
.attach_column .attachment { margin: 20px 0 0;}

.imagewrapper a { text-align: center; display: block; margin: 0;}
.imagewrapper a:hover { text-decoration: none;}
.imagewrapper figure img { vertical-align: top; margin: 0; padding: 0;}
.imagewrapper figcaption { font-size: 12px; line-height: 1em; margin: 5px 0 0; color: #666; max-width: 100%; height: 23px; overflow: hidden; }

.images .abstract,
.photogallery .abstract { font-size: 16px; color: #666666;}

/* Allegati: immagini */
.images .singledocument { margin-left: -10px; text-align: center;}
.images .singledocument figure { position: relative; overflow: hidden; }
.images .singledocument figure figcaption { position: absolute; left: 0; bottom: -100px; background: #000000; background: rgba(0,0,0,.5); padding: 15px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #ffffff; height: auto;
                                            -webkit-transition: all .3s ease-in-out;
                                            -moz-transition: all .3s ease-in-out;
                                            -ms-transition: all .3s ease-in-out;
                                            -o-transition: all .3s ease-in-out;
                                            transition: all .3s ease-in-out;
}
.images .imagewrapper:hover figure figcaption { bottom: 0;}
.images .imagewrapper { float: left; text-align: center; margin: 0 0 10px 11px; overflow: hidden; width: 235px; height: 130px;}

.attach_column .images .singledocument { margin-left: 0;}
.attach_column .images .imagewrapper { margin: 0 auto; display: inline-block; float: none; margin: 0 auto 10px; max-width: 100%;}

/* Allegati: photogallery */
.photogallery_title { padding-bottom: 15px; border-bottom: 1px dashed #83D1F5;}
.photogallery .imagewrapper { text-align: center; margin-bottom: 20px;}
.photogallery .imagewrapper.last { margin-right: 0;}
.photogallery .imagewrapper figure {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}

.photogallery .image_carousel { padding: 15px 58px; position: relative; height: 100px;}
.photogallery .image_carousel .carousel-arrow { position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; background: transparent no-repeat center; cursor: pointer;}
.photogallery .image_carousel .carousel-arrow.prev { left: 0; background-image: url(../pics/prev.png);}
.photogallery .image_carousel .carousel-arrow.next { right: 0; background-image: url(../pics/next.png);}
.photogallery .image_carousel .caroufredsel_wrapper { width: 625px; height: 130px;}

.attach_column .photogallery { margin-left: -5px;}
.attach_column .photogallery .imagewrapper { float: left; text-align: center; margin: 0 0 5px 5px; }
.attach_column .photogallery .imagewrapper.last { margin-right: 0; }
.attach_column .photogallery .imagewrapper a { background: #ffffff; border: 5px solid #fff; box-shadow: 0 0 3px #999999;}
.attach_column .photogallery .imagewrapper a,
.attach_column .photogallery .imagewrapper a img { position: relative;}


/* Allegati: doc */
.docs { padding: 0;}
.docs .singledocument { margin: 20px auto; text-align: left; margin: 0 auto 10px; max-width: 240px;}
.docs .singledocument.first { margin-top: 0;}
.docs .singledocument header { padding:  0 0 0 37px; margin: 0; background-image: url(../pics/ico-pdf.png); background-position: 0 5px; background-repeat: no-repeat;}
.docs .singledocument a { font-family: 'Amaranth', Helvetica, Arial, sans-serif; font-weight: 400; display: block; font-size: 17px;}
.docs .singledocument .doc_info { margin: 0; font-size: 13px; line-height: 1.1em; position: relative;}
.docs .singledocument .doc_abstract { font-size: 13px; line-height: 1.1em; margin: 10px 0 0; padding: 0 0 0 37px;}


/* Allegati: doc - colonna principale (sidebar) */
.attach_column .docs { padding: 12px 15px; border: 1px solid #CCCCCC;}
.attach_column .docs header { padding: 0; background: none;}
.attach_column .docs .doctitle { background: none; color: #666666; margin: 0 0 13px 0;}
.attach_column .docs .singledocument a { font-size: 13px; background: url(../pics/icons/ico_piu_p.png) no-repeat left center; padding-left: 20px;}
.attach_column .docs .doc_info { padding-left: 0;}
.attach_column .docs .doc_abstract { padding: 5px 10px; background: #F4F4F4; color: #999;}
.attach_column .docs .doc_abstract p { margin: 0;}


/* Allegati: video */
.attachment.video { margin-bottom: 0;}
.attachment.video .singledocument { margin-bottom: 50px; text-align: left;}
.attachment.video .singledocument .thumb-wrapper iframe { max-width: 100% !important; }
.attachment.video .singledocument h3 { padding-bottom: 0; border: none; margin: 15px 0 0;}
.attachment.video .video_abstract { margin: .5em 0;}
 
#gli-spot .attachment.video h4.doctitle { display: none;}
#gli-spot .attachment.video .doctitle { border-bottom: 5px solid #83d1f4; color: #83d1f4; font-size: 22px; font-style: italic; font-weight: 900; line-height: 1em; margin: 20px 0 35px 84px; max-width: 897px; padding-bottom: 25px; }

.wrapper-body .attachment.video header.doctitle {  display: none;}
.attachment-wrapper .attachment.video h3 { display: none;}

/* Responsività per i video */
.attachment.video .videopopuplink img { width: 100% !important; height: auto !important;}
.attachment.video video.videoinline { width: 100% !important; height: auto !important;}
.attachment.video .singledocument { max-width: 100%;}

.video-container { position: relative;}
.attachment.video .play { position: absolute; left: 50%; top: 50%;}
.sidebar .attachment.video .play { margin-left: -25px; margin-top: -25px; background: url(../pics/play-small.png) no-repeat center; width: 51px; height: 51px;}
.body_column .attachment.video .play { margin-left: -41px; margin-top: -41px; background: url(../pics/play-big.png) no-repeat center; width: 83px; height: 83px;}

.video-container-inline { position: relative; overflow: hidden; max-width: 100%;}
.video-container-inline iframe,
.video-container-inline object,
.video-container-inline embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Allegati: Slideshow */
#home_slide { width: 100%; height: 346px; position: relative;}
.home_slide_wrapper #home_slide img { width: 100%; height: auto;}
#page_slide { width: 100%; height: 250px; position: relative; margin-bottom: 12px;}
.page_slide_wrapper #page_slide img { width: 100%; height: auto;}

/* Allegati: Embed */
.embed .singledocument { margin-bottom: 45px; }
.embed .singledocument article { margin-top: 20px;}
.embed iframe { width: 100%;}


/* Allegati: loghi */
.loghi { margin: 1em 0; padding-bottom: 1em; text-align: center; }
.loghi .imagewrapper { text-align: center; margin: 10px auto; display: inline;  }
.loghi .imagewrapper figcaption { font-size: 13px; line-height: 1em; margin: 10px 0; clear: both; position: relative; top: 10px; width: 95%; margin: 0; }
.loghi .imagewrapper img { border: 1px solid #fff; padding: 2px; margin: 0 10px 0;}
.loghi .imagewrapper a:hover { text-decoration: none;}



/*  TOOLBAR
--------------------------------------------------------------------------------------------- */
body.preview,
body.preview-active { padding-top: 40px;}

aside#preview_mode_bar a { -moz-transition: none; -o-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
aside#preview_mode_bar { background: #fff; color: #999; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; text-align: left; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; box-shadow: 0 0 2px #666666; }
aside#preview_mode_bar.closed { top: -37px; }
aside#preview_mode_bar ul { margin-left: 40px;}
aside#preview_mode_bar ul li { display: inline-block; font-size: 12px; padding: 3px 12px 6px; height: 25px; overflow: hidden;
                               background: url(../pics/oxcms/toolbar_separator.png) bottom right no-repeat; }
aside#preview_mode_bar ul li.last { background: none;  float: right;}
aside#preview_mode_bar ul li a { text-decoration: none; line-height: 2.3em}
aside#preview_mode_bar ul li img { vertical-align: top;}
aside#preview_mode_bar.active { color: #fff;background: #A6C415;
                                background: -moz-linear-gradient(top,  #a6c415 0%, #7a9700 100%);
                                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6c415), color-stop(100%,#7a9700));
                                background: -webkit-linear-gradient(top,  #a6c415 0%,#7a9700 100%);
                                background: -o-linear-gradient(top,  #a6c415 0%,#7a9700 100%);
                                background: -ms-linear-gradient(top,  #a6c415 0%,#7a9700 100%);
                                background: linear-gradient(top,  #a6c415 0%,#7a9700 100%);
                                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c415', endColorstr='#7a9700',GradientType=0 );}

aside#preview_mode_bar.active a { color: #fff; opacity: .9; text-shadow: 1px 1px 0 #777;}

/*  logo   */
aside#preview_mode_bar ul li a.toolbar_logo { float: left; width: 72px; height: 25px; background: url("../pics/oxcms/toolbar_logo.png") left bottom;}
aside#preview_mode_bar.active ul li a.toolbar_logo  { background-position: left top;}
aside#preview_mode_bar ul li a.toolbar_logo:hover  { background-position: right bottom;}
aside#preview_mode_bar.active ul li a.toolbar_logo:hover  { background-position: right top;}

/* attiva preview */
aside#preview_mode_bar span.eye { background-image: url("../pics/oxcms/toolbar_eye.png"); background-position: left top;  background-repeat: no-repeat; cursor: pointer; display: inline-block; height: 13px; margin: 8px 6px 0 0; overflow: hidden; width: 20px;}
aside#preview_mode_bar.active span.eye  { background-position: left bottom;}

/* chiudi preview */
aside#preview_mode_bar .closepreview { background-image: url("../pics/oxcms/toolbar_close.png"); background-position: right top;  background-repeat: no-repeat; cursor: pointer; float: right; height: 18px; margin: 5px  0 0 0; overflow: hidden; width: auto; padding-right: 22px; vertical-align: top; padding-top: 0; line-height: 16px; text-decoration: none; }
aside#preview_mode_bar .closepreview span { display: none;}
aside#preview_mode_bar .closepreview:hover  { background-position: right bottom;}
aside#preview_mode_bar .closepreview:hover span { display: inline;}



aside#preview_mode_bar .toggler { position: absolute; bottom: -20px; right: 20px; height: 20px; background: #fff; padding: 0 10px 2px;
                                  box-shadow: 0 1px 1px #ccc;	font-size: 11px;}
aside#preview_mode_bar.active .toggler { background: #7a9700; color: #fff;}


/*	AGGIUNTE PER NUOVA SEZIONE RICETTE	*/

.align-center { text-align: center; }


.wrapper-categorie-home{
	background: #ffffff;
}

.wrapper-categorie-home h4{
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 700;
	display: block;
	font-size: 35px;
	line-height: 32px;
	font-style: italic;
	text-transform: uppercase;
	color: #ffffff;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.60);
	}

.wrapper-categorie-home span{
	background: #ffffff;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 700;
	display: block;
	font-size: 16px;
	font-style: italic;
	padding: 10px 20px; 
	border-radius: 40px;
	color: #00953a;
	text-align: center;
	display: inline-block;
	
	}

.wrapper-categorie-home .wrapper-over-image,
.wrapper-over-image{
	position: absolute;
    height: auto;
    padding: 0;
    z-index: 10;
    margin-left: -500px;
	bottom: 5%;
}


.wrapper-categorie-home .wrapper-over-image.fit-container,
.wrapper-over-image.fit-container{
	left: 0;
    margin: 0;
    right: 0;
    width: auto;
    top: 0;
    bottom: 0;
    pointer-events: none;
    padding: 0 20px;
    
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.39) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.39) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.39) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#63000000',GradientType=0 );
    
}

.wrapper-categorie-home .wrapper-over-image.fit-container .text,
.wrapper-over-image.fit-container .text{
	position: absolute;
	bottom: 8%;
    left: 6%;
}


.pagetitle.ricette{
	text-transform: uppercase;
	font-size: 42px;
	color: #ffffff;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.60);
	display: block;
	width: 100%;
	text-align: center;
	min-height: 	
}

#ricette header{
	padding-bottom: 70px;
}


.no-margin{
	margin: 0 !important;
}

.boxRicetta .titoloRicetta a{
	color: #ffffff;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 700;
	display: block;
	font-size: 21px;
	font-style: italic;
	text-align: center;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.60);
}

.boxRicetta .titoloRicetta a:before{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    height: 1px;
    width: 35px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    background: #fff;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.boxRicetta .wrapper-over-image.fit-container  .text{
	left: 50%;
	bottom: 13%;
	width: 80%;
	transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.wrapper-ricette article.col-25{
	width: 25%;
	float: left;
	margin: 0;
}

.boxRicetta {
	position: relative;
}

.boxRicetta img {
    max-width: 100%;
    width: 100%;
    margin: 0;
}

.bg-white{
	background: #ffffff;
	padding: 20px 0;
}

.wrapper-ricette .bg-white{
	padding-top: 0px;
}

.wrapper-ricette .wrapper-ricerca-avanzata-ricette {
    box-shadow: 0 6px 4px -6px rgba(0, 0, 0, 0.0) inset; 
    padding: 20px 0;
}

.ricerca-avanzata-ricette label{
	color: #656565;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 13px;
	font-style: normal;
}

.ricerca-avanzata-ricette select{
    font-weight: 400;
    font-size: 13px;
    line-height: 1em;
    color: #656565;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.0);
    padding: 6px 12px;
    border: 1px none #BBCE00;
    border-radius: 0px;
    box-shadow: inset 0 3px 6px -2px rgba(0, 0, 0, 0.0);
    background: #ece5d9;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ricerca-avanzata-ricette  .arrow-select:after {
    content: '';
    height: 100%;
    width: 27px;
    right: 0;
    top: 0;
    border-radius: 0px;
    border: 1px none #CCDA3F;
    background: #ece5d9 url(../pics/arrow-select.png) no-repeat center center;
    position: absolute;
    pointer-events: none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0);
    z-index: 20;
}

.ricerca-avanzata-ricette  input[type="submit"]{
	background: #00953a;
}

.bg-gray{
	background: #f7f4ee;
	padding: 20px 0;
}

.menu-info-utili-ricette .icona.ico-dosi{
	background: url("../pics/ricette/ico-dosi.png") no-repeat center center;
}

.menu-info-utili-ricette .icona.ico-ricettario-descrizione{
	background: url("../pics/ricette/ricettario.png") no-repeat center center;
}

.menu-info-utili-ricette .icona.ico-info-utili{
	background: url("../pics/ricette/ico-informazioni.png") no-repeat center center;
}

.menu-info-utili-ricette .icona.ico-no-glutine-lattosio{
	background: url("../pics/ricette/ico-senza-lattosio-senza-glutine.png") no-repeat center center;
}

 .icona.ico-ricettario{
	background: url("../pics/ricette/ico-menu-valsoia.png") no-repeat center center;
	width: 100%;
	height: 130px;
	margin: 0 auto;
	display: block;
}

.wrapper-ricette .wrapper-bt .vedi-tutte{
	cursor: pointer;
}

.menu-info-utili-ricette .icona{
	float: none;
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 75px;
}

.menu-info-utili-ricette .cell.box-menu{
	width: 25%;
	text-align: center;
} 

.menu-info-utili-ricette.table{
	width: 100%;
	
}

.menu-info-utili-ricette .box-menu h4 a{
	width: 90%;
	margin: 15px auto;
	    display: block;
    word-wrap: break-word;
    white-space: normal;
}

.border-bottom-white{
	border-bottom: 10px solid #ffffff;
}

.no-padding{
	padding: 0 !important;
}

.menu-info-utili-ricette .box-menu{
	 border-right-width: 10px;
    border-right-style: solid;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 0, 0 100%, from(black), to(rgba(255,255,255, 0))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(rgba(255,255,255, 1), rgba(255,255,255, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(rgba(255,255,255, 1), rgba(255,255,255, 0)) 1 100%;    
    -o-border-image:
      -o-linear-gradient(rgba(255,255,255, 1), rgba(255,255,255, 0)) 1 100%;
    border-image:
      linear-gradient(to bottom, rgba(255,255,255, 1), rgba(255,255,255, 0)) 1 100%;
}


.buttonOrange{
	background: #e59505;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-weight: 700;
    display: block;
    font-size: 16px;
    font-style: italic;
    padding: 10px 20px;
    border-radius: 40px;
    color: #ffffff;
    text-align: center;
    display: inline-block;
}

.text-center{
	text-align: center;
}

.bg-green{
	background: #00953a;
}

.tabella-info-ricetta.tabella .cell{
	border-right: 1px solid #ffffff;
}

.tabella-info-ricetta.tabella .cell h6,
.tabella-info-ricetta.tabella .cell a{
	color: #ffffff;

	}
	
.back-link-rounded{
	background: #00953a;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-weight: 700;
    display: block;
    font-size: 16px;
    font-style: italic;
    padding: 10px 20px;
    border-radius: 40px;
    color: #ffffff;
    text-align: center;
    display: inline-block;
}	


.socialshare .shareitem .icona{
    width: 40px;
    height: 40px;
    display: inline-block;
    border: 1px solid #eae0ce;
    border-radius: 40px;
}

.share li {
	width: 40px;
    height: 40px;
    display: inline-block;
    border: 1px solid #eae0ce;
    border-radius: 40px;
    position: relative;
    margin: 0 5px;
}

.share li   i {
	font-size: 26px;
	color: #8B8B8B;
	pointer-events: none;
	position: relative;
	z-index: 0;
}

.share li   a {
	width: 30px;
	height: 30px;
	display: block;
	line-height: 26px;
}

.share li   span {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	cursor: pointer;
	width: 100%;
	height: 30px;
	line-height: 30px;
}

ul.share {
	display: inline-block;
	float: right;
}

.share li.ico-facebook {
	background: url("../pics/ricette/facebook.png") no-repeat center center;
}
.share li.ico-twitter{
	background: url("../pics/ricette/twitter.png") no-repeat center center;
}

.share li.ico-stampa {
	background: url("../pics/ricette/print.png") no-repeat center center;
}
.share li.ico-google {
	background: url("../pics/ricette/google.png") no-repeat center center;
}

.share li.ico-pinterest {
	background: url("../pics/ricette/pinterest.png") no-repeat center center;
}

.share li.ico-pdf {
	background: url("../pics/ricette/pdf.png") no-repeat center center;
}

.pagina-ricetta .immagine-ricetta img{
	    width: auto;
    max-width: 200%;
}

.pagina-ricetta h1{
	margin-top: 20px;
	color: #323232;
}

.tabella.tabella-tempi.table{
	 border-top: 1px solid #e9e2d6;
    border-bottom: 1px solid #e9e2d6;
}

.tabella.tabella-tempi .cell{
 	padding-left: 45px;
    position: relative;
    border: 1px none red;;
   
}

.tabella-tempi .cell:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 43px;
    z-index: 20;
   
}

.pagina-ricetta .tabella-tempi .cell.first:before{
	background: url("../pics/ricette/tempi-di-preparazione.png") no-repeat center center;
}

.pagina-ricetta .tabella-tempi .cell.last:before{
	background: url("../pics/ricette/tempi-di-cottura.png") no-repeat center center;
}

.pagina-ricetta  .tabella-tempi .cell strong{
	 font-family: 'Lato', Helvetica, Arial, sans-serif;
	 font-size: 13px;
	 font-weight: 400;
	 color: #000000;
}

.pagina-ricetta  .tabella-tempi .cell{
	 font-family: 'Lato', Helvetica, Arial, sans-serif;
	 font-size: 13px;
	 font-weight: 700;
	 font-style:italic;
	 color: #6f6f6e;
}

.valoriNutrizionalicontainer{
	background: #fbfaf7;
	padding: 30px;
}

.valoriNutrizionalicontainer .box-valori-nutrizionali{
	border: 1px none red;
	border-top: 4px solid #00953a;
}

.valoriNutrizionalicontainer .box-valori-nutrizionali .label{
	border-bottom: 1px solid #00953a;
	font-style: italic;
	color: #323232;
	font-size: 14px;
	line-height: 20px;
}

.valoriNutrizionalicontainer .box-valori-nutrizionali .label.indent-1{
	font-size: 12px;
	padding-left: 0;
	line-height: 20px;
}

.pagina-ricetta h4{
	 font-family: 'Lato', Helvetica, Arial, sans-serif;
	 font-size: 18px;
	 font-weight: 900;
	 font-style:italic;
	 color: #323232;
	 position: relative;
}

.pagina-ricetta h4:before{
	content: "";
    position: absolute;
    bottom: -10px;
    left: 0%;
    height: 1px;
    width: 60px;
   
    background: #00953a;
   }

.pagina-ricetta h6{
	 font-family: 'Lato', Helvetica, Arial, sans-serif;
	 font-size: 15px;
	 font-weight: 700;
	 font-style:italic;
	 color: #323232;
}

.ingredienti ul li{
	 font-family: 'Lato', Helvetica, Arial, sans-serif;
	 font-size: 15px;
	 font-weight: 300;
	 font-style:italic;
	 color: #323232;
}

.bg-5050{
	position: relative;
	background: none;
	z-index:2;
}

.bg-5050:after, 
.bg-5050:before {
  content:"";
  position: absolute;
  width:50%;
  height:100%;
  z-index: -1;
}

.bg-5050:after {
	left: 0px; 
	background: #f7f4ee;  
	top: 0;
}

.bg-5050:before {
	top: 0;
	right: 0px; 
	background: #ffffff;
}



.bg-5050-inverted{
	position: relative;
	background: none;
	z-index:2;
}

.bg-5050-inverted:after, 
.bg-5050-inverted:before {
  content:"";
  position: absolute;
  width:50%;
  height:100%;
  z-index: -1;
}

.bg-5050-inverted:after {
	right: 0px; 
	background: #f7f4ee;  
	top: 0;
}

.bg-5050-inverted:before {
	left: 0;
	right: 0px; 
	background: #ffffff;
}


.procedimentoContainer{
	padding-left: 30px;
}

.pagina-ricetta .prodotti-correlati article {
    display: inline-block;
    margin: 12px 0;
    position: relative;
}



.pagina-ricetta h4.centered{
	 font-family: 'Lato', Helvetica, Arial, sans-serif;
	 font-size: 18px;
	 font-weight: 900;
	 font-style:italic;
	 color: #323232;
	 position: relative;
	 text-align: center;
}

.pagina-ricetta h4.centered:before{
	content: "";
    position: absolute;
    bottom: -10px;
    left: 0%;
    height: 1px;
    width: 60px;
    background: #00953a;
    left: 50%;
        transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
   }
   
  .icon-arrow-left-thin{
  	width: 40px;
  	height: 40px;
  	background: url("../pics/ricette/arrow-prev.png") no-repeat center center;
  	    display: block;
  } 
  
  .icon-arrow-right-thin{
  	width: 40px;
  	height: 40px;
  	background: url("../pics/ricette/arrow-next.png") no-repeat center center;
  	    display: block;
  } 
  
  .owl-theme .owl-nav  .owl-prev.disabled,
  .owl-theme .owl-nav .owl-prev,
  .owl-theme .owl-nav .owl-next.disabled,
  .owl-theme .owl-nav .owl-next{
  	background: #ffffff !important; 
  }
  
#mainbody  .wrapper.wrapper-body.container.no-padding-bottom{
  	padding-bottom: 0;
  }

#rightColumn{
	position: relative;
	/*margin-left: 10px !important;*/
}
  
.immagine-ricetta{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}  

.immagine-ricetta img{
	height: 100%;
}

.gradiente-grigio-long{
	    background: rgb(235,235,235);
    background: url(../pics/noise-light.png), -moz-linear-gradient(top, #EBEBEB 0%, #FFFFFF 100%);
    background: url(../pics/noise-light.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EBEBEB), color-stop(100%,#FFFFFF));
    background: url(../pics/noise-light.png), -webkit-linear-gradient(top, #EBEBEB 0%,#FFFFFF 100%);
    background: url(../pics/noise-light.png), -o-linear-gradient(top, #EBEBEB 0%,#FFFFFF 100%);
    background: url(../pics/noise-light.png), -ms-linear-gradient(top, #EBEBEB 0%,#FFFFFF 100%);
    background: url(../pics/noise-light.png), linear-gradient(to bottom, #EBEBEB 0%,#FFFFFF 100%);
}

.wrapper-ricette .wrapper-bt.centered-div:before {
    content: "";
    height: 0;
    width: 100%;
    border-top: 1px solid #EDEDED;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 43%;
}

.wrapper-ricette .wrapper-bt.centered-div:after {
    content: "";
    height: 0;
    width: 100%;
    border-top: 1px solid #EDEDED;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    width: 43%;
    visibility: visible;
}

.breadcrumb.no-shadow{
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.0);
	
}

.page-break	{ display: none; }

.tabella-info-ricetta.tabella .cell h6{
	font-weight: normal;
}

.tabella-info-ricetta .cell:first-child{
	padding-left: 0px;
}
   
.tabella-info-ricetta .cell:last-child{
	padding-right: 0px;
}

.owl-carousel .owl-stage{
	margin: 0 auto;
}

#scrollable-productlist-home{
	text-align: center;
}

.wrapper-tabCat { text-align: center; font-size: 0; /* elimina lo spazio laterale tra gli oggetti figli dato dalla proprietà inline-block */ }
@media (max-width: 767px) { 
	.wrapper-tabCat.flex-row { display: block; }
}

.tabCat{
	display: inline-block;
	position: relative; 
}
@media (max-width: 767px) { 
	.tabCat.flex-column { display: block; }
}


.tabCat img{
	max-height: 100px; 
	margin-left: 0px;
	}
	
.tabCat h6 {
/* 	max-width: 100px; */
	display: block; 
	 word-wrap: break-word;
	 color: #05973F;
	 font-size: 16px;
	 font-weight: normal; text-align: left;
}

.tabCat h6:hover{
	color: #2C9FCA;
}
	
.tabCat h6:hover:after{
	content: "";
	width: 40%;
	height: 4px;
	position: absolute;
	bottom: -25%;
	left: 0;
	background: #2C9FCA;
}	

.tabCat figure { float: left; width: 50%; }
.tabCat h6 { float: left;  }

@media (min-width: 768px) {
	.tabCat h6 {
		margin: 0; width: 50%;
		 position: absolute;
		 top: 50%; left: 50%;
		 transform: translateY(-50%);
		 -ms-transform: translateY(-50%); /* IE 9 */
		 -webkit-transform: translateY(-50%); /* Safari e Chrome */
		 -o-transform: translateY(-50%); /* Opera */
		 -moz-transform: translateY(-50%); /* Firefox */
	}
}

@media (max-width: 768px) {
	.tabCat h6 { font-size: 18px; }
}

@media (max-width: 767px) {
	
	.immagine-ricetta{
		position: relative;
	}  
	.immagine-ricetta img{
		height: auto;
	}
	
	#rightColumn{
		position: relative;
		margin-left: 20px !important;
	}

	.wrapper-ricette article.col-25{
		width: 100%;
	}
	
	.menu-info-utili-ricette.table .box-menu{
		border-bottom: 1px solid #00953a;
	}
	.tabella-info-ricetta.tabella .cell{
	border-right:1px none red; 
	}
	
	.tabella.tabella-info-ricetta.table,
	.tabella.tabella-info-ricetta.table .cell{
		border-top:1px solid #ffffff;
		border-color: #ffffff;
	}
	
	.back-link{
	    margin-bottom: 20px;
	 }
	 
	 .pagina-ricetta .tabella-tempi .cell.first:before{
		background: url("../pics/ricette/tempi-di-preparazione.png") no-repeat center center;
	}
	
	.pagina-ricetta .tabella-tempi .cell.last:before{
		background: url("../pics/ricette/tempi-di-cottura.png") no-repeat center center;
	}
	
	.bg-5050:before,
	.bg-5050:after,
	.bg-5050-inverted:before,
	.bg-5050-inverted:after{
		display: none;
	}
	
	.procedimentoContainer{
		padding-left: 0px;
		margin-top: 20px;
	}
	
	#scrollable-productlist-home article{
		/*width: 100%;*/
		float: left;
	}
	
	#mainbody .menu-sottocategorie .wrapper { padding: 20px; }
}


/* Progetto Alimentare
-------------------------------------------------------------------------------------*/
.widget.widget_subpageMenu ul {
    display: flex;
    flex-flow: wrap;
}
.widget.widget_subpageMenu ul li {
    flex-grow: 1;
    font-style: normal;
}
#progetto-intro h2 {
    margin-bottom: 5px;
}
#progetto-intro p {
    text-align: center;
}
#progetto-intro .wrapper.htmlcontent.font-sant-elia {
    font-size: 24px;
    color: #1e4b8d;
    line-height: 1.4;
    padding: 0;
}
.flexgrid {
    display: flex;
    flex-flow: wrap;
}
.cell-33 {
    width: 33.3%;
    margin-bottom: 0 !important;
}
#progetto-alimentare-box .cell-inner {
    padding: 1em;
    position: relative;
}
#progetto-alimentare-box {
    padding: 0 1em;
}
h3.progetto-alimentare-titolo {
    border-bottom: 0;
    padding: 0;
    margin: 0;
    background: none;
    position: absolute;
    top: 25%;
    right: 0.8em;
    font-family: 'Balzano-Std', sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 0.8;
    font-size: 72px;
}
h3.progetto-alimentare-titolo a {
    color: #fff;
}
h3.progetto-alimentare-titolo span {
    display: block;
    font-size: 30px;
    line-height: 1;
}
/*#progetto-alimentare-box .box-progetto:nth-child(5) h3,*/
#progetto-alimentare-box .box-progetto:nth-child(6) h3 {
    right: unset;
    left: 0.8em;
}
#progetto-alimentare-box .box-progetto:nth-child(3) h3:after {
    content: "";
    background-image: url(../files/immagini/progetto-alimentare/group-735.png);
    width: auto;
    height: 90px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* Internal Page Progetto Alimentare
-------------------------------------------------------------------------------------*/
.paragrafi-progetto-alimentare article.clearfix.evidenza {
    display: flex;
    flex-flow: wrap;
}
header.box-titolo-pagina.progetto-alimentare-datail {
    margin-top: 50px;
}
.paragrafi-progetto-alimentare article figure {
	width: 50%;
	margin: 0;
}
.paragrafi-progetto-alimentare figure.thumb-wrapper.col-md-4.thumb-right.col-right {
    order: 2;
}
.paragrafi-progetto-alimentare .corpo {
    width: 50%;
    margin: 0;
}
.paragrafi-progetto-alimentare .evidenza .thumb-wrapper img {
    width: 100% !important;
}
.paragrafi-progetto-alimentare .evidenza.first .thumb-wrapper img {
    padding-left: 1.5em;
}
.paragrafi-progetto-alimentare .evidenza.last .thumb-wrapper img {
    padding-right: 1.5em;
}
.evidenza.first .description {
    padding-right: 1.5em;
}
.evidenza.last .description {
    padding-left: 1.5em;
}
.paragrafi-progetto-alimentare article.clearfix.evidenza {
    margin-bottom: 100px;
}
.paragrafi-progetto-alimentare article.clearfix.evidenza:last-of-type {
    margin-bottom: 0;
}
.description li {
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
    line-height: 1;
}
.description ul, .description ol {
    margin-top: 25px;
}


/*****************************************************************************************
************************************** MEDIA QUERY ***************************************
******************************************************************************************/

/* Big Laptops */
@media screen and (max-width: 1600px) {
	h3.progetto-alimentare-titolo {
	    font-size: 64px;
	}
	h3.progetto-alimentare-titolo span {
		font-size: 26px;
	}
	#progetto-alimentare-box .box-progetto:nth-child(3) h3:after {
		height: 80px;
	}
}

/* Standard Laptops */
@media screen and (min-width: 1125px) and (max-width: 1366px) {
	h3.progetto-alimentare-titolo {
		top: 23%;
	    font-size: 48px;
	}
	h3.progetto-alimentare-titolo span {
		font-size: 24px;
	}
	#progetto-alimentare-box .box-progetto:nth-child(3) h3:after {
		height: 70px;
	}
	#progetto-alimentare-box .cell-inner {
		padding: 0.5em;
	}
	#progetto-alimentare-box {
	    padding: 0 0.5em;
	}
}

/* Small Laptops */
@media screen and (min-width: 1125px) and (max-width: 1200px) {
	#progetto-alimentare-box .box-progetto:nth-child(3) h3:after {
	    height: 60px;
	    margin-top: 5px;
	}
}

/* Tablet landscape */
@media screen and (max-width: 1124px) {
	.cell-33 {
		width: 50%;
	}
	.paragrafi-progetto-alimentare {
	    padding: 0 3em;
	}
}

/* Tablet Portrait */
@media screen and (max-width: 992px) {
	#progetto-alimentare-box .cell-inner {
		padding: 0.5em;
	}
	#progetto-alimentare-box {
	    padding: 0 0.5em;
	}
	h3.progetto-alimentare-titolo {
		top: 20%;
	    font-size: 48px;
	}
	h3.progetto-alimentare-titolo span {
		font-size: 24px;
	}
	#progetto-alimentare-box .box-progetto:nth-child(3) h3:after {
		height: 70px;
		margin-top: 5px;
	}
	section.list.clearfix.row.paragrafi-progetto-alimentare {
	    margin-left: 0;
	}
	.paragrafi-progetto-alimentare article.clearfix.evidenza {
	    margin-bottom: 50px;
	}
	.paragrafi-progetto-alimentare {
	    padding: 0 3em;
	}
	.paragrafi-progetto-alimentare .corpo {
	    width: 100%;
	}
	.wrapper .evidenza .description {
	    padding: 0;
	}
	.list.paragrafi-progetto-alimentare .evidenza .thumb-wrapper img {
	    padding: 0;
	}
	.paragrafi-progetto-alimentare article figure {
	    width: 100%;
	    order: 2;
	}
}

/* Mob only Landscape */
@media screen and (max-width: 767px) and (orientation: landscape) {
	h3.progetto-alimentare-titolo {
	    font-size: 100px;
	    top: 50% !important;
	    left: 50% !important;
	    -webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	}
	h3.progetto-alimentare-titolo span {
	    font-size: 48px;
	}
	#progetto-alimentare-box .box-progetto:nth-child(3) h3:after {
	    height: 91px;
	}
}

/* Mob All */
@media screen and (max-width: 767px) {
	.widget.widget_subpageMenu ul {
		display: none;
	}
	.cell-33 {
		width: 100%;
		margin-bottom: -20px !important;
	}
	.cell-33:last-of-type {
		margin-bottom: 20px !important;
	}
	.flexgrid .list article .thumb-wrapper {
		margin-bottom: 0 !important;
	}
	#progetto-alimentare-box .box-progetto:nth-child(3) h3 {
	    top: 10%;
	}
	.cell-33.box-progetto figure:after {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    background: #000;
	    height: 100%;
	    opacity: 0.3;
	}
}
/* @package OxCMS_Base */
/*  MODAL
--------------------------------------------------------------------------------------------- */

.modal {
    position: absolute;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 90%;
    margin-left: -45.2%;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.modal-header,
.modal-footer { margin: 0; text-align: center; padding: 15px 20px;}
.modal-body { padding:0; margin: 20px; color: #333333; height: auto; width: auto; text-align: left; overflow-x: inherit; overflow-y: inherit;  position: relative;}
.modal-body label { color: #333333; float: none; width: 100%; display: block; text-align: left; clear: both;}
.modal-body .formelements { float: left; position: relative; padding: 0;}
.modal-body .formelements .charcounter { position: absolute; font-size: 12px; border: 1px solid #999999; border-left: none; padding: 6px 10px; border-radius: 0 6px 6px 0; right: -51px; bottom: 10px; background: #F5F5F5;}
.modal-body select { width: 100%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.fieldtip { clear: both; font-size: 14px; line-height: 1em; margin-left: 0; padding-left: 30px; display: block; position: relative;}
.fieldtip img { margin-right: 10px; position: absolute; left: 0; top: 0; height: auto;}

.modal-header {
    border-bottom:2px solid #eee;
    position: relative;

}

.modal-header .close {
    background: url("../pics/mobile/remove.png") no-repeat scroll 0 0 transparent; background-size: contain;
    border: medium none;
    height: 20px;
    margin-top: 2px;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 20px;
}

.modal-header h3 {
    line-height: 30px;
    margin: 0;
    color: #AD1C1D;
    text-transform: uppercase;
}

.modal-form {
    margin-bottom: 0;
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: center;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    clear: both;
}
.modal-footer .button { margin: 0 5px; float: none; display: inline-block;  }

.fade {
    opacity: 0; visibility: hidden;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.fade.in { opacity: 1; visibility: visible;}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #ffffff;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}


/* Popover (Preferiti) */
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}
.popover.top {
    margin-top: -10px;
}
.popover.right {
    margin-left: 10px;
}
.popover.bottom {
    margin-top: 10px;
}
.popover.left {
    margin-left: -10px;
}
.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.popover-content {
    padding: 12px 14px 18px;
}
.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popover .arrow {
    border-width: 11px;
}
.popover .arrow:after {
    border-width: 10px;
    content: ""}
.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0;
}
.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0;
    content: " "}
.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0;
}
.popover.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #fff;
    border-left-width: 0;
    content: " "}
.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
}
.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #fff;
    border-top-width: 0;
    content: " "}
.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0;
}
.popover.left .arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #fff;
    border-right-width: 0;
    content: " "}

.clearfix:before, .clearfix:after {
    display: table;
    content: " "}
.clearfix:after {
    clear: both;
}

/* === Buttons */

.dropdown {
    position: relative;
}
.dropdown-toggle {
    *margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
    outline: 0;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    content: "";
}
.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px;
}
.dropdown:hover .caret,
.open.dropdown .caret {
    opacity: 1;
    filter: alpha(opacity=100);
}
.dropdown-menu { overflow: hidden;
                 position: absolute;
                 top: 100%;
                 left: 0;
                 z-index: 1000;
                 float: left;
                 display: none;
                 min-width: 160px;
                 padding: 0;
                 margin: 0;
                 list-style: none;
                 background-color: #ffffff;
                 border-color: #ccc;
                 border-color: rgba(0, 0, 0, 0.2);
                 border-style: solid;
                 border-width: 1px;
                 -webkit-border-radius: 0 0 5px 5px;
                 -moz-border-radius: 0 0 5px 5px;
                 border-radius: 0 0 5px 5px;
                 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
                 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
                 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
                 -webkit-background-clip: padding-box;
                 -moz-background-clip: padding;
                 background-clip: padding-box;
                 *border-right-width: 2px;
                 *border-bottom-width: 2px;
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 8px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
    *width: 100%;
    *margin: -5px 0 5px;
}
.dropdown-menu .content { margin: 5px 15px;}
.dropdown-menu a {
    display: block;
    padding: 10px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #333333;
    white-space: nowrap;
}
.dropdown-menu a.manage { border-bottom: 1px solid #cccccc;}
.dropdown-menu a.button { margin: 10px 0 0; color: #ffffff;}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #227E9D;
}
.dropdown.open {
    *z-index: 1000;
}
.dropdown.open .dropdown-toggle {
    color: #ffffff;
    background: #ccc;
    background: rgba(0, 0, 0, 0.3);
}
.dropdown.open .dropdown-menu {
    display: block;
}
.pull-right .dropdown-menu {
    left: auto;
    right: 0;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000000;
    content: "\2191";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

.collapse {
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -ms-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
    position: relative;
    overflow: hidden;
    height: 0;
}
.collapse.in {
    height: auto;
}
.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.close:hover {
    color: #000000;
    text-decoration: none;
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: pointer;
}


/* ACCORDION (aggiornato 02/2014)
--------------------------------------------------------------------------------------------- */
.panel-group { overflow: hidden; }
.panel-heading .panel-title a { color: #000; position: relative; display: block; }
.panel-heading .panel-title a i { position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    right: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 18px;
    height: 18px;
    
}

.panel-heading .panel-title a i:after, 
.panel-heading .panel-title a i:before {
    content: "";
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 50%;
    background: #000;
}

.panel-heading .panel-title a i:before { height: 2px; width: 18px; }
.panel-heading .panel-title a i:after { height: 18px; transform: translate(8px,-8px) scale(0); width: 2px; }
.panel-heading .panel-title a.collapsed i:after { transform: translate(8px,-8px) scale(1); }




.panel-collapse { height: auto; overflow: hidden;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.panel-collapse.collapse { height: 0; opacity: 0; padding-top: 0; padding-bottom: 0; border: none;}
.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

.collapse.in { height: auto; }



/* @package OxCMS_Base */

/*** RESET FORM
---------------------------------------------------------------------------------------------------------------------------------------**/

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; font-size: 100%; vertical-align: middle; }

button,
input { *overflow: visible; line-height: normal; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

textarea { overflow: auto; vertical-align: top; }
textarea.form-control { height: auto; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; width: auto;}

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; float: left; margin: 0 10px 0 0;}
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;}

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}

fieldset { padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }

input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="file"] { display: block; }

select[multiple],
select[size] { height: auto; }
select optgroup { font-size: inherit; font-style: inherit; font-family: inherit; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { height: auto; }



/*** FORM STANDARD (label sopra all'input)

         FORM CONTROL:  All textual <input>, <textarea>, and <select> elements with .form-control are set to width: 100%; by default
---------------------------------------------------------------------------------------------------------------------------------------**/

.formfield textarea { height: 130px;}
span.errorstring { margin-left: 160px; font-size: 10px;}

/* input - select - textarea */
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea,
.overflow { font-weight: 400; font-size: 13px; line-height: 1em; color: #656565; text-shadow: 0 1px 1px #ffffff; padding: 6px 12px; border: 1px solid #BBCE00; border-radius: 4px; box-shadow: inset 0 3px 6px -2px rgba(0, 0, 0, 0.2); background: #ffffff; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* label */
label { text-align: left; display: block; margin-bottom: 8px; font-weight: 700; font-style: italic; font-size: 17px; line-height: 1em; color: #333333; }

/* select */
select { position: relative; padding: 6px 40px 6px 12px; height: 31px;}
.ie8 select { padding-right: 12px;}


.arrow-select { display: inline-block; font-size: 0; position: relative;}
.arrow-select:after { content:''; height: 82%; width: 27px; right: 2px; top: 2px; border-radius: 2px; border: 1px solid #CCDA3F; background: #BBCE00 url(../pics/sprite.png) no-repeat -317px -63px; position: absolute; pointer-events: none; box-shadow: 0 0 0 1px #DFE3BF; z-index: 20; }


/* textarea */
textarea { overflow: auto;vertical-align: top;}

.form-standard label { float: none; display: block; margin: 0 0 10px 0;}

.form-control { display: block; width: 100%; vertical-align: middle; background-color: #ffffff; background-image: none;  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.form-control:focus { border-color: #059740; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.form-group { margin-bottom: 15px; } /* Form group: wrap labels and controls */


/*** FORM WITHOUT LABEL
---------------------------------------------------------------------------------------------------------------------------------------**/
.no-label label { display: none;}
.ie .no-label label { display: inherit;}

/* placeholder */
::-webkit-input-placeholder { display: block;}
::-moz-placeholder { display: block;} /* firefox 19+ */
:-ms-input-placeholder { display: block;} /* ie */
input:-moz-placeholder { display: block;}


/*** FORM ORIZONTAL (label di fianco all'input)
---------------------------------------------------------------------------------------------------------------------------------------**/
.form-horizontal label { width: 195px; margin: 0 10px 0 0; text-align: right; float: left;}
.form-horizontal .formelements { overflow: hidden;}
.form-horizontal .form-actions { margin-left: 205px; }

/*** FORM - COLONNA LATERALE
---------------------------------------------------------------------------------------------------------------------------------------**/
.attach_column .form-horizontal label { float: none; display: block; text-align: left; margin: 0 0 10px 0;}
.attach_column .form-horizontal input,
.attach_column .form-horizontal textarea,
.attach_column .form-horizontal select,
.attach_column .form-horizontal .uneditable-input,
.attach_column .form-horizontal .overflow { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.attach_column .form-horizontal input[type="submit"],
.attach_column .form-horizontal input[type="button"] { width: auto; margin: 0 auto;}


/*** REQUIRED LABEL
---------------------------------------------------------------------------------------------------------------------------------------**/
.required label { font-weight: bold;}
.required label:after { content: "*"; margin-left: 4px;}


/*** FORM SIZE - big - medium - small
---------------------------------------------------------------------------------------------------------------------------------------**/
.form-big { width: 100%}
.form-medium { width: 400px;}
.form-small { width: 200px;}

	input[type="text"].input-mini,
	input[type="password"].input-mini,
	input[type="email"].input-mini,
	select.input-mini { width: 60px;}
	
	input[type="text"].input-small,
	input[type="password"].input-small,
	input[type="email"].input-small,
	select.input-small { width: 90px;}
	
	input[type="text"].input-medium,
	input[type="password"].input-medium,
	input[type="email"].input-medium,
	select.input-medium  { width: 150px;}
	
	input[type="text"].input-large,
	input[type="password"].input-large,
	input[type="email"].input-large,
	select.input-large { width: 230px;}
	
	.input-xlarge { width: 270px;}
	.input-xxlarge { width: 530px;}

.ie input[type="text"].input-large,
.ie input[type="password"].input-large,
.ie input[type="email"].input-large,
.ie select.input-large { width: 190px;} 

/*** FORM CUSTOM
---------------------------------------------------------------------------------------------------------------------------------------**/
.centered-div form { margin: 0 auto; text-align: left;}

form .form-box.cell { padding-right: 20px;}
form .form-box.cell.last { padding-right: 0; vertical-align: bottom;}

form .form-wrapper { border: 1px solid #E0E0E0; padding: 20px; margin-bottom: 20px;}
form .form-wrapper.no-border { border: none;}

#contact-form { margin-top: 30px;}
#contact-form .gradiente-blu.box-colorato .form-group { margin-bottom: 0;}

#contact-form { margin-top: 30px;}
#contact-form .gradiente-blu.box-colorato .form-group { margin-bottom: 0;}
#contact-form legend { background: url("../pics/ico-leaf-small.png") no-repeat left center;
    font-size: 18px;
    font-style: italic; color: #2c9fca;
    font-weight: 900;
    margin: 25px 0;
    padding: 0 0 0 25px;
}

.font-smaller { font-size: 13px; line-height: 1.3em; }

/*#contact-form .form_privacy_wrapper_block { float: left; width: 50%; }*/
#contact-form #wrapper_privacy2 { margin-left: 130px; }
#contact-form #wrapper_privacy2 .required label:after { display: none; }


/** BUTTONS
---------------------------------------------------------------------------------------------------------------------------------------**/
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { color: #ffffff; font-size: 16px; font-style: italic; font-weight: 900; line-height: .9em; text-align: center; position: relative; display: inline-block; border: none; background: #BBCE00; padding: 10px 18px; z-index: 80; text-decoration: none; width: auto; height: auto;}
a.button:hover { text-decoration: none;}


.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover { text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

/*
.button:focus,
button:focus,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active { box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.9) inset; }


input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
*/

.button.rounded { font-size: 17px; color: #00953A; background: #FFF; padding: 15px; text-align: center; border-radius: 35px; border: 1px solid #00953A; }
.button.rounded:hover { text-shadow: none; color: #FFF; background: #00953A; }


/** RADIO E CHECKBOX
---------------------------------------------------------------------------------------------------------------------------------------**/

.radio,
.checkbox { display: block; min-height: 20px; margin-top: 10px; margin-bottom: 10px; vertical-align: middle; }

.radio .formelements label { display: inline; margin-bottom: 0; font-weight: 400; cursor: pointer; width: auto; text-align: left; font-style: normal; font-size: 14px; position: relative; top: 3px;}
.radio input { float: left; width: auto; margin: 2px 10px 2px 1px;}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] { float: left; }

.radio + .radio,
.checkbox + .checkbox { margin-top: -5px; }

.radio-inline,
.checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }


/*** FIELDTIP
---------------------------------------------------------------------------------------------------------------------------------------**/
.fieldtip { font-size: 10px; margin: 10px 0; }
.fieldtip img { margin-right: 5px; vertical-align: middle;}


/*** VALIDAZIONE
---------------------------------------------------------------------------------------------------------------------------------------**/

form .invalid input[type="text"],
form .invalid textarea { background: #ffffff url(../pics/icon_no.png) no-repeat 98% center;}
form .invalid select { border: 1px solid #C52825;}
form .invalid label { color: #BC4226;}

form .valid input[type="text"],
form .valid textarea { background: #ffffff url(../pics/icon_yes.png) no-repeat 98% center;}

form .invalid textarea,
form .valid textarea { background-position: 98% 90%;}


/*** MESSAGGI - OK - KO
---------------------------------------------------------------------------------------------------------------------------------------**/

.mess { padding-left: 60px; margin: 20px 0; background-position: 10px center; background-repeat: no-repeat; line-height: 1.1em;}
.mess-ok { background-image: url(../pics/ok.png);}
.mess-ko { background-image: url(../pics/ko.png);}


/** DISABLED
---------------------------------------------------------------------------------------------------------------------------------------**/

input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline { cursor: not-allowed; }

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; }

a.button.disabled,
.button.disabled,
button.disabled,
input[type="button"].disabled,
input[type="reset"].disabled,
input[type="submit"].disabled { opacity: .6; filter:alpha(opacity=60); cursor: default;}


/*** ALERT
---------------------------------------------------------------------------------------------------------------------------------------**/

.alert,
.errormessage,
.error,
.error_container,
.DSP_AUTH_FORGOT_ERRORMESSAGE { padding: 8px 35px 8px 14px; margin: 10px 0; display: block; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #c09853; font-size: 13px; line-height: 1.3em; }
.alert-heading { color: inherit; }
.alert .close { position: relative; top: -2px; right: -21px; line-height: 18px; }
.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; }
.alert-danger,
.alert-error,
.errormessage,
.error,
.error_container,
.DSP_AUTH_FORGOT_ERRORMESSAGE { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; }
.DSP_AUTH_FORGOT_ERRORMESSAGE { text-align: center;}
.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad;}


/** ALERT (bootstrap da provare)
---------------------------------------------------------------------------------------------------------------------------------------**/
/* warning */
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline { color: #8a6d3b; }
.has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
.has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; }

/* error */
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline { color: #a94442; }
.has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; }

/* success */
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline { color: #3c763d; }
.has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
.has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; }
.form-control-static { margin-bottom: 0; }


/* @package OxCMS_Base */

body {
  background: #FFFFFF;
  color: #333333;
  font-family: 'Lato',Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  line-height: 1.5em;
  overflow-x: hidden;
  text-align: center;
}

a { color: #05973F;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
a:hover { color: #666666; text-decoration: none; }

hr { height: 0; width: 100%; border-bottom: 1px dashed #83D1F5;}

img { max-width: 100%;}

::selection { background: #788FA5; color: #fff; }
::-moz-selection { background: #788FA5; color: #fff; }


/*** CLEARFIX
---------------------------------------------------------------------------------------------------------------------------------------**/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix       { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*** HEADINGS
---------------------------------------------------------------------------------------------------------------------------------------**/
h1, h2, h3, h4, h5, h6 { font-weight: 900; color: #1E4B8D; margin-bottom: 20px; line-height: 1.1em; }

h1 { font-size: 32px; }
h2 { font-size: 32px; line-height: 1.4em;}
h3 { font-size: 28px; font-weight: 900; font-style: italic; padding: 0 0 15px 35px; margin: 0 0 25px; border-bottom: 1px solid #83D1F5; background: url(../pics/ico-leaf-big.png) no-repeat left top;}
h3.titolo { padding-bottom: 0; display: inline-block; text-align: center; border: none; margin: 0 auto 25px;}
h3.titoletto { font-size: 18px; padding: 0 0 0 25px; border: none; margin: 0 0 10px; background: url(../pics/ico-leaf-small.png) no-repeat left top; color: #2C9FCA;}

h4 { font-size: 18px; color: #929292; font-style: italic; }

h5 { font-size: 17px; margin-bottom: 10px;}
h5.fascia { color: #ffffff; padding: 6px 0; position: relative; font-weight: 700;}
h5.fascia span { display: block; padding: 5px 10px 5px 30px; border-color: #ffffff; border-width: 1px 0; border-style: dashed; border-color: rgba(255,255,255,.5);}
h5.fascia:before { position: absolute; content: ""; height: 0; border-top: 13px solid transparent; border-left: 13px solid transparent; bottom: -13px; left: 0;}

h5.fascia.arancio:before { border-top-color: #CD9C27;}
h5.fascia.verde:before { border-top-color: #107C3A;}

h5.data { font-size: 17px; font-style: italic;}

h6 { font-family: 'Amaranth', 'Lato', Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 10px; font-weight: 700; font-style: italic; color: #333333;}
h6 span { font-weight: 400;}

.titolo-azzurro { font-size: 21px; color: #2C9FCA; font-weight: 900; }
.titolo-baffo-giallo { padding: 0 10px 15px; margin: 0 0 15px; background: url(../pics/baffo-giallo.png) no-repeat left bottom;}
.titolo-bordo-arancio { padding-bottom: 10px; border-bottom: 1px solid #F0B422; margin-bottom: 10px;}

.box-titolo-pagina { text-align: center;}

.pagetitle { font-family: 'Amaranth', Helvetica, Arial, sans-serif; font-size: 42px; line-height: 1em; }
.pagetitle.balzano { font-family: "balzano-std", 'Amaranth', 'Lato', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 60px; line-height: 0.9em; }

.box-titolo-pagina .pagetitle { font-family: 'Lato', Helvetica, Arial, sans-serif; background: url("../pics/bg-pagetitle.png") no-repeat center top; padding-top: 60px; font-style: italic; margin-bottom: 20px; }

.pagetitle.small { font-family: 'Lato',Helvetica,Arial,sans-serif; font-size: 32px; font-style: italic; padding: 0; background: none;}

.pagesubtitle { color: #83D1F4; font-size: 22px; font-weight: 900; line-height: 1em; font-style: italic; margin: 20px 0;}

.balzano { font-family: "balzano-std", 'Amaranth', 'Lato', Helvetica, Arial, sans-serif; font-weight: 400; color: #00993D;}

h3.balzano { font-style: normal;}

/*** SNIPPETS
---------------------------------------------------------------------------------------------------------------------------------------**/

.overflow { min-height: 100px; max-height: 150px; overflow-y: auto; margin-bottom: 10px; padding: 10px; font-size: 13px; line-height: 1.2em;}
.corpo { overflow: hidden; }
.block { display: block; }
.radius { border-radius: 5px;}
.clear { clear: both; }
.half-box { width: 480px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; position: relative; margin-right: 20px; }
.half-box.last { margin-right: 0;}
.table { display: table;}
.table .tr { display: table-row;}
.table .cell { display: table-cell; vertical-align: middle;}
.h-fissa { overflow: hidden;}

.pull-out-margin { margin-left: -13px; }
.pull-out-position { position: relative; left: -13px; } 

.link-semplice { font-size: 14px; text-decoration: underline;}
.back-link { display: inline-block; font-size: 15px; font-weight: 700; font-style: italic; padding: 6px 15px; color: #ffffff; background: #059740;}
.back-link span { background: url(../pics/sprite.png) no-repeat -397px -73px; width: 8px; height: 13px; display: inline-block; margin: 6px 10px 0 0;}

.button .glyphicon { position: relative; top: -2px;}
.button .glyphicon-right { padding-left: 5px;}
.button .glyphicon-left { padding-right: 5px;}

.box-colorato h1,
.box-colorato h2,
.box-colorato h3,
.box-colorato h4,
.box-colorato h5,
.box-colorato h6,
.box-colorato p,
.box-colorato a,
.box-colorato label,
.box-colorato .htmlcontent { color: #ffffff;}

.wrapper-bt { margin: 15px 0;}
.wrapper-bt:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.centered-div { text-align: center;}

.abstract { font-size: 14px; line-height: 1.3em; font-weight: 300;}

.vedi-tutte { color: #ffffff; font-size: 16px; line-height: 1em; font-weight: 900; font-style: italic; background: #F0B422; border-radius: 20px; padding: 4px 15px;}
.scopri-le-ricette { font-weight: 700; font-size: 14px; color: #90BF1F;}

.alternativa-vegetale { margin: 10px 0; font-size: 12px; font-weight: 400; color: #666666; font-style: normal; clear: both; display: block; position: relative; left: 20px; top: 15px;}

#mainbody .alternativa-vegetale { font-size: 25px; font-family: "balzano-std", 'Amaranth', 'Lato', Helvetica, Arial, sans-serif; font-weight: 400; }

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: none!important;
}

.flex-column {
    -ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

/*** STRUTTURA GENERALE
---------------------------------------------------------------------------------------------------------------------------------------**/
.wrapper { max-width: 1000px; text-align: left; margin: 0 auto; }
.wrapper .wrapper, #mainbody .wrapper .wrapper, #footer .wrapper .wrapper { width: auto; padding: 0;}

.extwrapper { margin: 0 auto; overflow-x: hidden;}
.centered-div,
.centered-div .wrapper { text-align: center;}

/*** CONTENITORE COLONNE
-----------------------------------------------------------------------------------------------------------------*/
#mainbody { margin: 0;}
#mainbody .wrapper { margin: 0 auto; padding: 30px 0; }
#mainbody .top .wrapper { padding-bottom: 0;} 


/*** ANIMAZIONI
---------------------------------------------------------------------------------------------------------------------------------------**/
@-webkit-keyframes fadeInDown {
  0% { opacity: 0; transform: translateY(-40px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@-moz-keyframes fadeInDown {
  0% { opacity: 0; transform: translateY(-40px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fadeInDown {
  0% { opacity: 0; transform: translateY(-40px); }
  100% { opacity: 1; transform: translateY(0px); }
}


@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

/*** HEADER
---------------------------------------------------------------------------------------------------------------------------------------**/

#header { animation-name: fadeInDown; animation-delay: 0s; animation-duration: 1s; animation-fill-mode: both; color: #000000; padding: 0; position: absolute; width: 100%; z-index: 100; }
#header .wrapper { width: 1000px; background: #FFFFFF; display: table; position: relative; z-index: 100; box-shadow: 0 0 2px rgba(0,0,0,.2);}
#header .wrapper:before { bottom: -22px; content: ""; background: url("../pics/shadow-menu.png") no-repeat scroll center top; background-size: 100% auto; height: 23px; left: 0; position: absolute; width: 100%; z-index: 20; display: block;}

#header .wrapper.container { background: none;}
#header .wrapper.container:before { display: none;}

#header #logo { display: table-cell; border-right: 1px solid #E3E3E3; width: 173px; padding: 0 15px; vertical-align: middle;}
#header #logo .logo_print,
#header #logo figcaption { display: none; }
#header #logo a img { vertical-align: middle; width: 173px; height: auto;}
#header #logo a { display: inline-block; padding: 0 0 1px; }
#header #logo a:active { padding: 1px 0 0; opacity:.9; filter:alpha(opacity=90); }
#header .box-right { display: table-cell; vertical-align: bottom;}

#header .box-right { position: relative;}
#header .box-right .banner { position: absolute; right: 0; top: 0; /*width: 184px;*/width: 167px; /*padding: 0 10px;*/padding: 0 7px; background: #ffffff; border-left: 1px solid #E3E3E3;}
#header .box-right .banner img { max-width: 100%;}

.logo-ie8,
.wrapper-banner-ogm .banner-ogm img.logo-ie8 { display: none;}
.ie8 .logo-ie8,
.ie8 .wrapper-banner-ogm .banner-ogm img.logo-ie8 { display: inherit; width: auto !important;}
.ie8 .logo,
.ie8 .wrapper-banner-ogm .banner-ogm img.logo { display: none;}
.ie8 #header #logo { display: inherit; padding: 15px;}


#header .seguici { /*margin: 11px 225px 0 0;*/margin: 11px 205px 0 0;}
body.en #header .seguici { margin: 11px 11px 11px 0;}

.seguici { float: right; font-size: 0;}
.seguici li { color: #999999; display: inline-block; font-size: 14px; font-style: italic; height: 25px; margin: 0 0 0 13px; vertical-align: middle;}
.seguici li a { background: url("../pics/sprite.png") no-repeat; display: block; display: inline-block; height: 25px; width: 25px;}
.seguici li a.yt { background-position: -36px 0px;}

#langswitch { margin: 10px 0; }
#langswitch a { display: inline-bock; padding: 0 15px; border-right: 1px solid #e3e3e3; line-height: 1em; text-transform: uppercase; font-size: 15px; }
#langswitch a:last-child { border-right: none; }

.widget_menu_secondario,
.widget_langSwitch { float: left;}



/* SOCIAL
----------------------------------------------------------------------------------------------------------------*/
/* Social share */
.socialshare { border: 1px solid #E0E0E0; font-size: 0; background: #ffffff; margin: 40px 0 0;}
.socialshare .shareitem { display: inline-block; padding: 15px 5px; 
background: rgb(234,234,234);
background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, #FFFFFF 77%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(77%,#FFFFFF));
background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,#FFFFFF 77%);
background: -o-linear-gradient(top, rgba(234,234,234,1) 0%,#FFFFFF 77%);
background: -ms-linear-gradient(top, rgba(234,234,234,1) 0%,#FFFFFF 77%);
background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,#FFFFFF 77%);
}
.socialshare .shareitem div { line-height: 1em!important; vertical-align: top !important;}
.socialshare .shareitem.facebook { padding-left: 15px 10px;}
.socialshare .shareitem.all { padding: 15px 6px;
background: rgb(220,220,220);
background: -moz-linear-gradient(top, rgba(220,220,220,1) 0%, #FFFFFF 77%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,220,220,1)), color-stop(77%,#FFFFFF));
background: -webkit-linear-gradient(top, rgba(220,220,220,1) 0%,#FFFFFF 77%);
background: -o-linear-gradient(top, rgba(220,220,220,1) 0%,#FFFFFF 77%);
background: -ms-linear-gradient(top, rgba(220,220,220,1) 0%,#FFFFFF 77%);
background: linear-gradient(to bottom, rgba(220,220,220,1) 0%,#FFFFFF 77%);
}
.socialshare .shareitem.white { background: #ffffff; vertical-align: middle; border-left: 1px solid #E0E0E0; padding: 15px 10px; height: 24px;}
.socialshare .shareitem.white a { color: #333333; font-size: 13px; text-decoration: underline; padding-left: 10px;}
.socialshare .shareitem.white .icona { position: relative; top: -5px;}

/* Social link */
.social a:hover { opacity: .7; filter:alpha(opacity=70); }




/*** NAVBARS
---------------------------------------------------------------------------------------------------------------------------------------**/

#mainbody .fascia-blu.fascia-back .wrapper { padding: 20px 0 0;}

nav.fascia-blu.sticky-active { position: fixed; width: 100%; top: 0; left: 0; z-index: 500; }

/* Main nav */
nav#main_nav { z-index: 80; clear: both;}
nav#main_nav .wrapper select { display: none; }

/* Navbar principale */
ul.navbar { margin: 0; padding: 0; list-style: none; }
ul.navbar_principale { padding: 0; border-top: 1px solid #E3E3E3; }
ul.navbar_principale li { display: table-cell; text-align: center; padding: 0; margin: 0; font-size: 18px; line-height: 1em; font-style: italic; font-weight: 400; }
ul.navbar_principale li#menu-prodotti:hover .placeholder,
ul.navbar_principale li#menu-prodotti.current .placeholder { position: absolute; height: 23px; left: 0; bottom: -23px; width: 100%; z-index: 200; }
ul.navbar_principale li#menu-prodotti a { position: relative;}
ul.navbar_principale li#menu-prodotti a:before { content: ""; position: absolute; left: 50%; margin-left: -10px; bottom: -10px; border-top: 10px solid transparent; border-right: 10px solid transparent; border-left: 10px solid transparent; z-index: 100;}
ul.navbar_principale li#menu-prodotti:hover a:before { border-top-color: #99C127;}
ul.navbar_principale li.last a { border-right: none; }
ul.navbar_principale li a { color: #DD9913; display: block; padding: 10px 13px; border-right: 1px solid #F0F0F0; }
ul.navbar_principale li:hover > a,
ul.navbar_principale li a:hover,
ul.navbar_principale li.current > a { background: #99C127; color: #ffffff; text-decoration: none; }

body.en #header ul.navbar_principale { width: 100%;}

.dropdownmenu { left: 0; top: -500px; overflow: hidden; width: 100%; display: block; padding: 0; box-shadow: 0 6px 6px -7px rgba(0,0,0,.8); min-height: 190px;
               visibility: hidden; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
               list-style:none; position:absolute; z-index: 20;
               -webkit-transition: all .5s ease-in-out;
               -moz-transition: all .5s ease-in-out;
               -ms-transition: all .5s ease-in-out;
               -o-transition: all .5s ease-in-out;
               transition: all .5s ease-in-out;
background: #ffffff url(../pics/noise.png);
background: url(../pics/noise.png), -moz-linear-gradient(top, #FFFFFF 89%, #F5F5F5 100%);
background: url(../pics/noise.png), -webkit-gradient(linear, left top, left bottom, color-stop(89%,#FFFFFF), color-stop(100%,#F5F5F5));
background: url(../pics/noise.png), -webkit-linear-gradient(top, #FFFFFF 89%,#F5F5F5 100%);
background: url(../pics/noise.png), -o-linear-gradient(top, #FFFFFF 89%,#F5F5F5 100%);
background: url(../pics/noise.png), -ms-linear-gradient(top, #FFFFFF 89%,#F5F5F5 100%);
background: url(../pics/noise.png), linear-gradient(to bottom, #FFFFFF 89%,#F5F5F5 100%);
}
.dropdownmenu.active { padding: 130px 0 20px; top:0; visibility: inherit; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; overflow: visible; }

.dropdownmenu ul { position: relative; background: none;}
ul.menu-prodotti li { float: none; font-size: 15px; line-height: 1em; background: none; margin: 0; padding: 0; border-bottom: 1px dashed #72BEDC; }
ul.menu-prodotti li figure.thumbnail { position: absolute; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.ie8 ul.menu-prodotti li figure.thumbnail img {
background: #ffffff url(../pics/noise.png);
background: url(../pics/noise.png), -moz-linear-gradient(top, #FFFFFF 89%, #F5F5F5 100%);
background: url(../pics/noise.png), -webkit-gradient(linear, left top, left bottom, color-stop(89%,#FFFFFF), color-stop(100%,#F5F5F5));
background: url(../pics/noise.png), -webkit-linear-gradient(top, #FFFFFF 89%,#F5F5F5 100%);
background: url(../pics/noise.png), -o-linear-gradient(top, #FFFFFF 89%,#F5F5F5 100%);
background: url(../pics/noise.png), -ms-linear-gradient(top, #FFFFFF 89%,#F5F5F5 100%);
background: url(../pics/noise.png), linear-gradient(to bottom, #FFFFFF 89%,#F5F5F5 100%);
}
ul.menu-prodotti li:hover figure.thumbnail { opacity: 1; filter: alpha(opacity=100);}
ul.menu-prodotti li a,
ul.menu-prodotti li ul li a,
ul.menu-prodotti li.current ul li a { display: block; float: none; border: none; color: #009233; background: none; padding: 10px 10px 10px 30px; background: url(../pics/ico-leaf-small.png) no-repeat -20px 7px;}

ul.menu-prodotti li a:hover,
ul.menu-prodotti li.current a,
ul.menu-prodotti li ul li a:hover,
ul.menu-prodotti li.current ul li a:hover,
ul.menu-prodotti li.current a,
ul.menu-prodotti li.current ul li.current a,
ul.menu-prodotti li.current:hover ul li.current a { text-decoration: none; background: transparent url(../pics/ico-leaf-small.png) no-repeat 2px 7px; color: #333333;}


nav.sottopagine ul li { display: table-cell; vertical-align: bottom; font-size: 18px; line-height: 1em; font-weight: 900; font-style: italic; padding: 0 25px; border-right: 1px solid #ABD3E3; border-right: 1px solid rgba(255,255,255,.43); }
nav.sottopagine ul li.rootpage { padding-left: 0;}
nav.sottopagine ul li.last { border-right: 0;}
nav.sottopagine ul li a { float: left; padding: 20px 0 13px; border-bottom: 6px solid transparent; color: #ffffff; }
nav.sottopagine ul li a:hover,
nav.sottopagine ul li.current a { border-color: #FDCB36; color: #D2E8EF; color: rgba(255,255,255,.7); }

nav.sottopagine.verde .wrapper { text-align: center;}
nav.sottopagine.verde ul { margin: 0 auto; display: inline-block;}
nav.sottopagine.verde ul li { border-right: 1px solid rgba(255,255,255,.4); padding: 0 15px; vertical-align: bottom;}
nav.sottopagine.verde ul li.first { padding-left: 0;}
nav.sottopagine.verde ul li.last { padding-right: 0; border: none;}
nav.sottopagine.verde ul li a { border: none; margin-top: 9px; padding: 8px 10px 11px; position: relative; bottom: -1px;}
nav.sottopagine.verde ul li a:hover,
nav.sottopagine.verde ul li.current a { background-color: #ffffff; color: #90BF1F;}


/* Navbar secondario */
ul.navbar_secondario { margin: 0; font-size: .8em; }
ul.navbar_secondario li { float: left; font-weight: 400; font-size: 13px; border-right: 1px solid #F0F0F0; }
ul.navbar_secondario li a { float: left; color: #333333; padding: 10px 13px; margin: 0;}
ul.navbar_secondario li.current a,
ul.navbar_secondario li a:hover { color: #ffffff; background: #99C127; }
ul.navbar_secondario li.last { border: none; }
/*ul.navbar_secondario li.first a { padding-right: 45px; background-image: url(../pics/flag-en.png); background-repeat: no-repeat; background-position: 93% 13px;}*/

/*** TOP
-----------------------------------------------------------------------------------------------------------------*/

/* Immagine di pagina centrata */
.page-image { height: 270px; width: 1920px; margin: 0 0 0 -960px; left: 50%; position: relative; background: url(../pics/bg-page-image.jpg) left top repeat-x;}
.page-image img { max-width: 100%; margin: 0 auto; text-align: center;}
.page-image.no-bg { background: none;}
.page-image.no-image { height: auto; padding: 160px 0 75px;}
.page-image.no-image .wrapper { text-align: center;}
.page-image.no-image .pagetitle { text-align: center; margin: 0; max-width: 1000px; margin: 0 auto;}
.page-image.no-image:after { content: ""; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 50px; background: url(../pics/bg-page-image-bottom.jpg) left bottom repeat-x; }

.page-image.no-image.azzurro { padding: 150px 0 45px;}
.page-image.no-image.azzurro:after { display: none;}

.top-con-padding { padding: 85px 0 0; text-align: center;}
.top-con-padding header { margin-top: 70px;}
.top-con-padding header.no-body { margin: 85px 0 65px;}
.top-con-padding .menu-info-utili-ricette { margin: 40px 0 0;}

.category-top.top-con-padding { position: relative;}
.category-top.top-con-padding .wrapper,
.category-top.top-con-padding .widget { position: relative; z-index: 3;}
.category-top.top-con-padding:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}

.pagina-lista-prodotti .top { margin-top: 40px;}
.pagina-lista-prodotti .top-con-padding { padding-top: 115px;}
.pagina-lista-prodotti .top-con-padding header { margin-top: 0;}

.product-page-image { margin: 0; position: relative; z-index: 0;}
.product-page-image img { width: 100%;}

@media (min-width: 1025px) and (max-width: 1920px) {
	.product-page-image { min-height: 518px; }
	.product-page-image img {
		width: auto; max-width: inherit; height: 100%;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
	}
}


/* Slideshow */
.slide_wrapper { height: auto; overflow: hidden; position: relative; clear: both; margin: 0 auto; width: 100%; height: auto;}
.slide_wrapper .carousel-caption { position: absolute; margin: 0 0 0 -490px; left: 50%; top: 0; height: auto; width: 980px; padding: 0; z-index: 10; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); color: #FFFFFF; text-align: left; top: 30%; }
.slide_wrapper .carousel-caption h2 { font-family: 'Merriweather', Helvetica, Arial, sans-serif; font-weight: 700; color: #ffffff; font-size: 54px;} 
.slide_wrapper .carousel-caption .abstract { font-size: 26px; line-height: 1.2em; padding: 15px; background: rgba(0,0,0,.33); width: 347px;}

/* Slideshow (BOOTSTRAP) */
.carousel { height: auto;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
  width: 100%; }
  
.carousel-inner { position: relative; width: 100%; overflow: hidden; }

.carousel-inner > .item { width: 100%; height: auto;
             position: relative;
             -webkit-transition: 0.6s ease-in-out left;
             -moz-transition: 0.6s ease-in-out left;
             -o-transition: 0.6s ease-in-out left;
             transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > figure > img,
.carousel-inner > .item > figure > a > img { display: block; line-height: 1; max-width: 100%; width: 100%; height: auto;}



/* Slide effect (BOOTSTRAP)
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next,
.carousel-inner > .prev { position: absolute;top: 0;width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left,
.carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
 */
 
.carousel-control { position: absolute; z-index: 100; top: 50%; margin-top: -25px; height: 50px; width: 50px; }
.carousel-control.right { right: 20px; background: url(../pics/sprite.png) no-repeat -37px -73px; width: 24px; height: 43px; }
.carousel-control.left { left: 20px; background: url(../pics/sprite.png) no-repeat -1px -73px; width: 24px; height: 43px;}

.slide_wrapper .carousel-indicators { position: absolute; z-index: 50; bottom: 20px; right: 0px; padding: 0; display: block; width: 100%; text-align: center; }
.slide_wrapper .carousel-indicators li { color: transparent; text-indent: -99999px; font-size: 1px; height: 10px; width: 10px; margin: 0 7px; background: #6EB5D0; box-shadow: 0 0 2px #000000; }
.slide_wrapper .carousel-indicators .active { background: #ffffff; }

.carousel-indicators li { display: inline-block; border-radius: 15px;}
.carousel-indicators li:hover { cursor: pointer;}

/* carousel fade */
.carousel.carousel-fade {
  opacity: 1;
}
.carousel.carousel-fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.carousel-fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.carousel-fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}

/*** COLONNA LATERALE
-----------------------------------------------------------------------------------------------------------------*/
.sidebar { padding-top: 0; }
.sidebar .widget { padding: 15px; background: #ffffff; box-shadow: 0 0 2px rgba(0,0,0,.2); position: relative; font-size: 14px;}
.sidebar .widget:after { content: ""; position: absolute; left: 0; bottom: -20px; height: 20px; width: 100%; background: url(../pics/shadow-prodotto-correlato.png) no-repeat center top; background-size: 100% auto;}

/*** COLONNA CENTRALE
-----------------------------------------------------------------------------------------------------------------*/
/*** Mainwrapper ***/
#mainwrapper { padding: 0; }


/* Video di pagina */
.page-video { text-align: center; }
.page-video iframe { padding-bottom: 23px; background: url(../pics/shadow-video.png) no-repeat center bottom; max-width: 100%;}


/* Breadcrumb */
.breadcrumb { font-size: 15px; color: #999; font-style: italic; padding: 10px 0; box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3); background: #ffffff; border-bottom: 1px solid #eeeeee;}
#mainbody .breadcrumb .wrapper { padding: 0;}
.breadcrumb ul li { display: inline;}
.breadcrumb a { color: #1E4B8D; }


/* PAGINAZIONE */
.centered-div .wrapper-ricette .bar-list { text-align: center;}
.top-bar-list { margin: 0 0 20px;}
.bottom-bar-list { margin: 20px 0;}

.bar-list { font-family: 'Amaranth', 'Lato', Helvetica, Arial, sans-serif; color: #B9CC00; font-size: 15px; padding: 10px 0; border-top: 1px solid #D8D8D9; border-bottom: 1px solid #D8D8D9; overflow: hidden; clear: both; }
.paginazione { vertical-align: middle;}
.bar-list a,
.bar-list span { font-size: 16px; line-height: 1em; padding: 1px 6px; display: inline-block; border-radius: 20px;}
.bar-list span { position: relative; top: 2px;}
.bar-list a { color: #BACD00;}
.bar-list a:hover { text-shadow: 0 -1px 1px rgba(0,0,0,.3);}
.bar-list span,
.bar-list a.next,
.bar-list a.prev,
.bar-list a:hover { color: #ffffff; background: #2C9FCA;}
.bar-list a.next,
.bar-list a.prev { padding: 1px 10px; margin-left: 5px; }

.bar-list span.paginazione-label { font-size: 15px; font-weight: 400; color: #666666; background: none;}


/* HOME
--------------------------------------------------------------------------------------------- */
.wrapper-evidenze { margin-top: 40px;}

.carousel-prodotti { background: #ffffff;}
.carousel-prodotti .wrapper { position: relative;}
.carousel-prodotti .caroufredsel_wrapper { width: 1000px !important;}
.carousel-prodotti .caroufredsel_wrapper,
.carousel-prodotti .scrollable-productlist,
.carousel-prodotti .scrollable-productlist article { height: 330px; overflow: hidden; }
.carousel-prodotti .scrollable-productlist article { width: 211px; text-align: center; padding: 0 20px 0 0; background: url(../pics/separatore-evidenze-prodotto.png) no-repeat right top;}
.carousel-prodotti .scrollable-productlist article h4 { font-style: italic; margin: 10px 0;}
.carousel-prodotti .carousel-arrow { position: absolute; top: 50%; margin-top: 40px; height: 32px; width: 32px; background: url(../pics/sprite.png) no-repeat; z-index: 100;}
.carousel-prodotti .carousel-arrow.prev { left: 0px; background-position: -72px -73px;}
.carousel-prodotti .carousel-arrow.next { right: 0px; background-position: -108px -73px;}


.evidenzelist article { background: #ffffff; margin-bottom: 20px;}
.evidenzelist article .thumb-left { float: left; padding: 0; width: 50%;}
.evidenzelist article .corpo { padding: 20px;}
.evidenzelist article.small .corpo { padding: 15px 20px;}
.evidenzelist article.small .corpo h4 { margin-bottom: 15px;}
.evidenzelist article.small .corpo .abstract { line-height: 1.2em; }
.evidenzelist article .corpo .wrapper-bt { margin: 20px 0 0;}

/* banner no ogm
#mainbody .wrapper-banner-ogm  .wrapper { padding: 15px 0;}
.wrapper-banner-ogm { background: #EFF6FB; color: #333333;}
.wrapper-banner-ogm .banner-ogm { display: table; text-align: center;}
.wrapper-banner-ogm .banner-ogm h4 { display: table-cell; color: #333333; font-weight: 400; margin: 20px 0; vertical-align: middle; font-style: italic;}
.wrapper-banner-ogm .banner-ogm img { display: table-cell; margin: 0 20px 0 50px; vertical-align: middle; width: 151px; height: auto;}
.wrapper-banner-ogm .banner-ogm a { font-weight: bold;}
.wrapper-banner-ogm .banner-ogm a.scopri-di-piu { font-weight: 900; text-decoration: underline; padding-left: 10px;}
.wrapper-banner-ogm .banner-ogm a.scopri-di-piu span { background: url(../pics/sprite.png) no-repeat -289px -73px; width: 21px; height: 21px; display: inline-block; margin-right: 10px;}
 */

#mainbody .wrapper-banner-ogm  .wrapper { padding: 15px 0; }
.wrapper-banner-ogm { color: #ffffff; }
.wrapper-banner-ogm .banner-ogm { display: table; width: 100%; text-align: center; background: #05973F; border-radius: 10px; box-shadow: 0 0 3px rgba(0,0,0,.5); overflow: hidden; margin: 0 0 20px;}
.top .wrapper-banner-ogm .banner-ogm { margin: 0; }
.wrapper-banner-ogm .banner-ogm h4 { display: table-cell; color: #ffffff; font-weight: 700; padding: 0 0 0 46px; vertical-align: middle; font-style: italic; font-size: 35px; line-height: 1.6em; letter-spacing: 2px;}
.wrapper-banner-ogm .banner-ogm .logo-banner-ogm { display: table-cell; background: #ffffff; padding: 10px 40px; width: 245px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative;}
.wrapper-banner-ogm .banner-ogm .logo-banner-ogm:after { content: ""; position: absolute; right: -23px; top: 0; border-left: 23px solid #ffffff; border-top: 41px solid transparent; border-bottom: 41px solid transparent;}
.wrapper-banner-ogm .banner-ogm .logo-banner-ogm img { width: 174px; height: 63px; }
.wrapper-banner-ogm .banner-ogm .wrapper-bt { display: table-cell; vertical-align: middle; }
.wrapper-banner-ogm .banner-ogm .scopri-di-piu { font-weight: 700; font-size: 18px; color: #ffffff; display: inline-block; border: 1px solid #BCCF00; border-radius: 30px; padding: 15px 30px 15px 25px; line-height: 1.6em;}
.wrapper-banner-ogm .banner-ogm .scopri-di-piu span { height: 28px; width: 28px; background: url(../pics/ico-leaf-double.png) no-repeat; background-size: contain; display: inline-block; margin-right: 15px; }


/* Lista ricette */
.wrapper-ricette article { margin-bottom: 20px; text-align: left;}
.wrapper-ricette article .thumb-wrapper { padding: 0; margin: 0 0 20px;}
.wrapper-ricette article h4 { margin-bottom: 5px;}
.wrapper-ricette .wrapper-bt { position: relative; overflow: hidden; margin: 30px 0; padding: 3px 0;}
.wrapper-ricette .wrapper-bt:before { content: ""; height: 0; width: 100%; border-top: 1px solid #EDEDED; position: absolute; z-index: 1; top: 50%; left: 0;}
.wrapper-ricette .wrapper-bt .vedi-tutte { position: relative; z-index: 10;}

/* Lista magazine */
#mainbody nav.sottopagine { margin: 0 0 20px;}
#mainbody nav.sottopagine .wrapper { padding: 0;}

/* Fascia form newsletter */
.wrapper-form-newsletter { box-shadow: 0 6px 3px -4px rgba(0, 0, 0, 0.3) inset; font-size: 0;}
#mainbody .wrapper-form-newsletter .wrapper { padding: 10px 0;}
.wrapper-form-newsletter h4,
.wrapper-form-newsletter p { margin: 4px 0 0;}
.wrapper-form-newsletter h4 { font-size: 24px;}
.wrapper-form-newsletter p { font-size: 13.3px; line-height: 1em; text-transform: uppercase; font-weight: 300;}

.form-newsletter { margin: 0;}
.form-newsletter input[type="text"] { color: #666666; font-size: 15px; border: none; border-radius: 0; margin: 0; padding: 10px; width: 230px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 

	.form-newsletter input[type="text"] { padding: 8px 10px; }
	
}

.form-newsletter .button { background: #059740;}
.ie8 .form-newsletter .button { padding: 10px 8px;}
.ie8 .wrapper-form-newsletter h4 { font-size: 20px;}


/* RICERCA AVANZATA 
--------------------------------------------------------------------------------------------- */
#mainbody .wrapper-ricerca-avanzata .wrapper { padding: 25px 0;}
.wrapper-ricerca-avanzata { position: relative; box-shadow: 0 6px 4px -6px rgba(0, 0, 0, 0.7) inset;}
.wrapper-ricerca-avanzata h4.titolo { vertical-align: middle; margin: 0; position: relative; z-index: 200;}
.wrapper-ricerca-avanzata .ricerca-avanzata-bt-open { border-radius: 20px; padding: 4px 15px; text-shadow: 0 0 2px rgba(0,0,0,.4); position: relative; border: 1px solid #ffffff; line-height: 1em; margin-left: 10px; cursor: pointer;
background: -moz-linear-gradient(top, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.29) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.52)), color-stop(100%,rgba(255,255,255,0.29)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.52) 0%,rgba(255,255,255,0.29) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.52) 0%,rgba(255,255,255,0.29) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.52) 0%,rgba(255,255,255,0.29) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.52) 0%,rgba(255,255,255,0.29) 100%);
}
.wrapper-ricerca-avanzata .ricerca-avanzata-bt-open span { background: url(../pics/sprite.png) no-repeat -360px -73px; display: inline-block; width: 12px; height: 12px; margin: 4px 10px 0 0;}
.wrapper-ricerca-avanzata .ricerca-avanzata { width: 100%; box-shadow: 0 6px 4px -6px rgba(0, 0, 0, 0.7) inset; }
/*.wrapper-ricerca-avanzata .ricerca-avanzata:before { content: ""; position: absolute; left: 50%; top: -10px; z-index: 10; margin-left: -10px; width: 20px; height: 15px; background: url(../pics/arrow-search-box.png) no-repeat center;}*/
.wrapper-ricerca-avanzata .ricerca-avanzata .box-ricerca { margin-bottom: 45px; }

.wrapper-ricerca-avanzata .ricerca-avanzata h2.titolo { text-align: center; line-height: 1em; text-shadow: 0 0 2px rgba(0,0,0,.4); font-style: italic; margin-bottom: 45px;}
.wrapper-ricerca-avanzata .ricerca-avanzata .ricerca-avanzata-bt-close { font-family: 'Amaranth', 'Lato', Helvetica, Arial, sans-serif; line-height: 1.2em; font-size: 18px; font-weight: 400; float: right; padding-left: 30px; margin: 15px 10px 0 0; cursor: pointer; position: relative;}
.wrapper-ricerca-avanzata .ricerca-avanzata .ricerca-avanzata-bt-close:before { content: ""; position: absolute; left: 0; top: 0; background: url(../pics/sprite.png) no-repeat -72px -144px; width: 21px; height: 21px;}
.wrapper-ricerca-avanzata .ricerca-avanzata h4 { padding-bottom: 10px; border-bottom: 1px solid #F0B422; margin-bottom: 10px;}
.wrapper-ricerca-avanzata .ricerca-avanzata h4 a { font-style: normal; font-size: 13px; font-weight: 300; padding-right: 25px; float: right; text-decoration: underline; position: relative;}
.wrapper-ricerca-avanzata .ricerca-avanzata h4 a:before { content: ""; position: absolute; right: 0; top: 0; background: url(../pics/sprite.png) no-repeat 0 -145px; width: 18px; height: 21px;}
.wrapper-ricerca-avanzata .ricerca-avanzata .info { font-size: 12px; line-height: 1.2em; }

.wrapper-ricerca-avanzata .ricerca-avanzata form { margin: 0; }
.wrapper-ricerca-avanzata .ricerca-avanzata form input[type="button"] { background: #059740; border: 1px solid #84CD35; padding: 9px 18px; float: right;}
.wrapper-ricerca-avanzata .ricerca-avanzata form select { border-color: #ffffff;}
.wrapper-ricerca-avanzata .ricerca-avanzata form .arrow-select { width: 75%;}

.wrapper-ricerca-avanzata .ricerca-avanzata ul.elenco-ricerca-prodotti { margin-left: -10px;}
.wrapper-ricerca-avanzata .ricerca-avanzata ul.elenco-ricerca-prodotti li { font-size: 13px; line-height: 1em; font-weight: 400; font-style: italic; padding: 18px 0 18px 20px; border-bottom: 1px solid #C5DCE5; float: left; width: 255px; height: 26px; margin-left: 10px; position: relative;}
.wrapper-ricerca-avanzata .ricerca-avanzata ul.elenco-ricerca-prodotti li:before { content: ""; position: absolute; left: 0; top: 19px; background: url('../pics/sprite.png') no-repeat -360px -73px; width: 12px; height: 12px;}
.wrapper-ricerca-avanzata .ricerca-avanzata ul.elenco-ricerca-prodotti li.last { border: none;}
.wrapper-ricerca-avanzata .ricerca-avanzata ul.elenco-ricerca-prodotti li a { color: #ffffff;}


/*#mainbody .wrapper-ricerca-avanzata .ricerca-avanzata .wrapper { height: 0; overflow: hidden; z-index: 0; padding: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#mainbody .wrapper-ricerca-avanzata.open .ricerca-avanzata .wrapper { height: auto;}
#mainbody .wrapper-ricerca-avanzata.open .ricerca-avanzata { z-index: 300; padding: 35px 0; }
#mainbody .wrapper-ricerca-avanzata.open .ricerca-avanzata-header { display: none;}
*/

/* RICERCA AVANZATA RICETTE
--------------------------------------------------------------------------------------------- */

#mainbody .wrapper-ricerca-avanzata-ricette .box-titolo.wrapper { padding: 25px 0 0;}
.wrapper-ricerca-avanzata-ricette { box-shadow: 0 6px 4px -6px rgba(0, 0, 0, 0.7) inset;}
.wrapper-ricerca-avanzata-ricette h4.titolo { font-family: 'Amaranth', Helvetica, Arial, sans-serif; font-size: 26px; font-weight: 400; position: relative; margin-bottom: 10px; overflow: hidden;}

.wrapper-ricerca-avanzata-ricette h4.titolo em { padding: 0 10px; position: relative; z-index: 10;}
.ie8 .wrapper-ricerca-avanzata-ricette h4.titolo em { background: #70B0C5 url(../pics/noise.png); position: relative;}
.wrapper-ricerca-avanzata-ricette h4.titolo em:after { content: ""; position: absolute; width: 100%; height: 0; border-top: 1px solid #ffffff; top: 20px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); right: 0; -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -transform-origin: right; width: 500%;}
.wrapper-ricerca-avanzata-ricette h4.titolo em:before { content: ""; position: absolute; width: 100%; height: 0; border-top: 1px solid #ffffff; top: 20px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); left: 0; -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -transform-origin: left; width: 500%;}

.wrapper-ricerca-avanzata-ricette .wrapper-bt { margin-bottom: 20px;}
.wrapper-ricerca-avanzata-ricette .wrapper-bt .ricerca-avanzata-bt { cursor: pointer;}
.wrapper-ricerca-avanzata-ricette .ricerca-avanzata-ricette { height: 0; overflow: hidden;}
#mainbody .wrapper-ricerca-avanzata-ricette .ricerca-avanzata-ricette .wrapper { padding: 10px 0;}
.wrapper-ricerca-avanzata-ricette.open .ricerca-avanzata-ricette { height: auto;}
.wrapper-ricerca-avanzata-ricette .ricerca-avanzata-ricette form { margin: 0;}

.wrapper-ricerca-avanzata-ricette input[type="submit"] { opacity: 0; display: none; margin: 0 auto; text-align: center;}
.wrapper-ricerca-avanzata-ricette.open a.button { opacity: 0; display: none;}
.wrapper-ricerca-avanzata-ricette.open input[type="submit"] { opacity: 1; display: inline-block;;}


/* LISTE
--------------------------------------------------------------------------------------------- */
.list { margin: 40px 0; padding: 0; }
.list article { display: block; margin-bottom: 50px; }
.list article.last { margin-bottom: 0; border-bottom: 0;}

.thumb-wrapper { position: relative;}
.thumb-wrapper:after { content: ""; position: absolute; left: 0; bottom: -24px; height: 24px; width: 100%; }
.thumb-wrapper.thumb-left:after { background: url(../pics/shadow-thumbnail-left.png) no-repeat left top; background-size: 100% auto; }
.thumb-wrapper.thumb-right:after { background: url(../pics/shadow-thumbnail-right.png) no-repeat right top; background-size: 100% auto; }
.thumb-wrapper img { max-width: 100%; width: 100%;}
.ie8 .thumb-wrapper img { width: auto;}

.list article .corpo { overflow: hidden; }
.list article .abstract { overflow: hidden; color: #666; font-size: 14px; line-height: 1.2em; }

.evidenzelist.list { margin-top: 100px;}


/* Lista Prodotti */
.lista-prodotti .categoria { margin-bottom: 80px;}
.lista-prodotti .categoria h3.titolo-categoria { font-size: 38px;}
.lista-prodotti .sottocategoria { margin-bottom: 20px;}
.lista-prodotti .sottocategoria .raggruppamento { position: relative; overflow: hidden;}
.lista-prodotti .sottocategoria .raggruppamento .titolo-sottocategoria { clear: both; font-size: 32px; display: inline-block; padding: 0 0 15px; margin: inherit auto;}
.lista-prodotti .sottocategoria .raggruppamento .titolo-sottocategoria span { padding: 0 25px; position: relative;}

.ie8 .lista-prodotti .sottocategoria .raggruppamento .titolo-sottocategoria span { background: #ffffff; z-index: 10;}
.ie8 .lista-prodotti .sottocategoria .raggruppamento .titolo-sottocategoria.first span { background: #F1F1F1 url(../pics/noise-light.png);}

.lista-prodotti .sottocategoria .raggruppamento .titolo-sottocategoria span:after { content: ""; position: absolute; width: 100%; height: 0; border-top: 2px solid #2C9FCA; border-bottom: 2px solid #2C9FCA; top: 20px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); right: 0; -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -transform-origin: right; width: 500%;}
.lista-prodotti .sottocategoria .raggruppamento .titolo-sottocategoria span:before { content: ""; position: absolute; width: 100%; height: 0; border-top: 2px solid #2C9FCA; border-bottom: 2px solid #2C9FCA; top: 20px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); left: 0; -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -transform-origin: left; width: 500%;}

.lista-prodotti .prodotto { margin-top: 20px; padding-bottom: 30px; border-bottom: 1px solid #83D1F5; }



/*.lista-prodotti .prodotto.penultimo.dispari,
.lista-prodotti .prodotto.last { border: none;}*/
.lista-prodotti .prodotto .wrapper-titolo { height: 200px;}
.lista-prodotti .prodotto h3.titolo-prodotto { font-size: 39px; line-height: 1em; padding: 0 0 0 35px; margin: 0; border: none;}

.lista-prodotti h5.titolo-prodotto { font-size: 15px; font-weight: 400;}

.lista-prodotti .thumbnail { float: left; padding: 15px; position: relative; z-index: 10; background: #ffffff; width: 205px; height: 170px;}
.lista-prodotti .thumbnail.no-sottocategoria { margin-right: 20px;}
.lista-prodotti .thumbnail a { display: block;}
.lista-prodotti .thumbnail:after { content: ""; position: absolute; z-index: 1; right: -41px; bottom: -14px; height: 159px; width: 262px; background: url(../pics/bg-shadow.png) no-repeat;}
.lista-prodotti .thumbnail .icona { position: absolute; left: 50%; bottom: -17px; margin-left: -42px; z-index: 50;}


/* Lista diete */
.lista-diete { margin: 22px 0 0 30px;}
.lista-diete article { padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #EDEDED;}
.lista-diete article h4 { font-weight: 700; font-size: 21px; margin-bottom: 15px;}
.lista-diete article figure { float: left; margin-right: 15px; padding: 0 13px 14px 0; background: url(../pics/shadow-thumbnail-dieta.png) no-repeat right bottom; }
.lista-diete article .wrapper-bt { margin-bottom: 0;}


/* Lista oggetti correlati - magazine */
.list.lista-oggetti-correlati article { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed #83D1F5;}
.list.lista-oggetti-correlati article.last { padding: 0; border: none;}
.list.lista-oggetti-correlati article .thumb-wrapper { padding-bottom: 10px;}

.list.lista-oggetti-correlati .prodotti-correlati article { border-bottom: none; padding-bottom: 0; margin-top: 10px;}


/*** PRODOTTI
--------------------------------------------------------------------------------------------- ***/

#mainbody .top-con-padding .wrapper { padding: 0;}

/* Categoria prodotto */
.category-top .pagetitle { margin-top: 20px; }

.menu-sottocategorie { position: relative; box-shadow: 0 4px 5px -6px rgba(0, 0, 0, 0.7); background: #fff; z-index: 100;  }

.wrapper-cat-header { text-align: center;}

/* Pagina prodotto */
ul.menu li.titolo-azzurro { margin: 0 0 10px;}
ul.menu ul.menu-prodotti { margin-bottom: 20px;}
ul.menu ul.menu-prodotti li.last { border: none;}
ul.menu ul.menu-prodotti li a { padding: 8px 6px 8px 25px;}

.wrapper-icone { min-height: 54px;}

.icona { background-image: url('../pics/sprite.png'); background-repeat: no-repeat; display: inline-block; vertical-align: middle;}
.ico-novita { background-position: 0 -217px; width: 84px; height: 36px; margin: 0 13px 0 0;}
.ico-novita.en { background-position: 0 -179px;}
.ico-no-glutine { background-position: -251px -217px; width: 55px; height: 54px; margin: 0 13px 0 0;}
.ico-no-glutine.en { background-position: -306px -216px;}
.ico-no-glutine.de { background-position: -361px -216px;}
.ico-no-lattosio { margin: 0 13px 0 0;}
.ico-info { background-position: -107px -217px; width: 100px; height: 42px; }
.ico-conservazione { width: 44px; height: 44px;}
.ico-conservazione.ambiente { background-position: -217px -1px;}
.ico-conservazione.frigo { background-position: -145px -1px; }
.ico-conservazione.congelatore { background-position: -289px -1px; }
.ico-print { background-position: -207px -137px; width: 25px; height: 24px;}
.ico-pdf { background-position: -396px -144px; width: 20px; height: 26px;}

.ico-no-olio-palma { background-image: url('../pics/senza-op.png'); background-repeat: no-repeat; display: inline-block; vertical-align: middle; width: 40px; height: 46px; background-size: 100%; }
.ico-no-fritto { background-image: url('../pics/bollo-non-fritti.png'); background-repeat: no-repeat; display: inline-block; vertical-align: middle; width: 40px; height: 46px; background-size: 100%; }



.ico-ricettario { background-position: -1px -290px; width: 86px; height: 54px;}
.ico-dosi { background-position: -108px -290px; width: 39px; height: 63px;}
.ico-info-utili { background-position: -181px -290px; width: 44px; height: 52px;}
.ico-no-glutine-lattosio { background-position: -252px -290px; width: 62px; height: 62px;}

.descrizione { font-size: 13px; line-height: 1.2em;}
.immagine-prodotto { margin-top: 40px; text-align: center;}
.immagine-prodotto img { max-width: 100%;}
.box-margin-bottom { margin-bottom: 30px;}

.wrapper-info-prodotto { font-size: 12px; line-height: 1.2em;}

.box-valori-nutrizionali { border: 1px solid #028637; padding: 10px 5px;}
.box-valori-nutrizionali .label { font-weight: 700; font-size: 11px; line-height: 1.2em; padding: 0 0 5px; margin: 0 0 5px; border-bottom: 2px solid #ADC70E; color: #1E4B8D;}
.box-valori-nutrizionali .label:last-child,
.box-valori-nutrizionali .label.no-border { border: none; margin: 0; padding: 0;}
.box-valori-nutrizionali .label.indent-1 { font-weight: 400; padding-left: 15px;}
.box-valori-nutrizionali .label.indent-2 { font-weight: 400; padding-left: 30px;}
.box-valori-nutrizionali .label span { float: right; text-transform: none; font-weight: 400;}
.box-valori-nutrizionali-acido-linoleico { font-size: 11px; color: #1E4B8D; margin-top: 5px;}

.box-formati { padding: 15px; background: #FDCB36;}
.box-formati h6 { font-size: 14px; font-weight: 900; color: #ffffff;}

.box-conservazione { padding: 15px; border: 1px solid #FDCB36; position: relative;}
.box-conservazione .icona { position: absolute; right: -10px; top: -33px;} 

.box-info-prodotto { color: #ffffff; padding: 20px 10px 10px 75px; position: relative;
background: rgb(106,165,187);
background: -moz-linear-gradient(top, #6AA5BB 0%, #72BEDB 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6AA5BB), color-stop(100%,#72BEDB));
background: -webkit-linear-gradient(top, #6AA5BB 0%,#72BEDB 100%);
background: -o-linear-gradient(top, #6AA5BB 0%,#72BEDB 100%);
background: -ms-linear-gradient(top, #6AA5BB 0%,#72BEDB 100%);
background: linear-gradient(to bottom, #6AA5BB 0%,#72BEDB 100%);
}
.box-info-prodotto a { color: #ffffff; text-decoration: underline;}
.box-info-prodotto .icona { position: absolute; top: -15px; left: -25px;}


.banner-menu-benessere { border-radius: 4px; overflow: hidden; background: #faf7f3; text-align: center; }
.banner-menu-benessere-ricette img { margin: 0;}

#mainbody .wrapper-ricette .wrapper { padding-bottom: 0; }
#mainbody .banner-menu-benessere.wrapper { padding: 25px; margin: 50px auto; }


.box-valori-comparativi table { margin: 30px 0 60px; }
.box-valori-comparativi table tr th { background: #028637; border: 1px solid #028637; color: #fff; padding: 7px 10px; font-size: 12px; line-height: 1em; text-transform: uppercase; }
.box-valori-comparativi table tr td { vertical-align: middle; border-bottom: 2px solid #ADC70E; padding: 5px 11px; font-size: 13px; font-weight: 700; line-height: 1.4em; color: #1E4B8D; }
.wrapper-table { overflow-x: scroll; }


/*** RICETTE
--------------------------------------------------------------------------------------------- ***/
/* Menu info utili */

/* .menu-info-utili-ricette { box-shadow: 0 -4px 4px -5px rgba(0,0,0,.4); border-radius: 15px 15px 0 0; border: 1px solid #CCCCCC; background: #ffffff; padding: 15px 0;} */
/* .menu-info-utili-ricette .icona { float: left; margin-right: 15px;} */
.menu-info-utili-ricette .box-menu { padding: 50px 15px; max-width: 290px; min-width: 155px;}
/* .menu-info-utili-ricette .box-menu .corpo { padding-right: 3px;} */
/* .menu-info-utili-ricette .box-menu.ricettario { width: 279px;} */
.menu-info-utili-ricette .box-menu.no-glutine-lattosio { border: none; }
/* .menu-info-utili-ricette .box-menu.dosi { width: 215px;} */
/* .menu-info-utili-ricette .box-menu.no-glutine-lattosio { border: none; width: 250px;} */
.menu-info-utili-ricette .box-menu h4,
.menu-info-utili-ricette .box-menu h5 { white-space: nowrap;}

.ie8 .menu-info-utili-ricette .box-menu h4 { font-size: 13px;}
.ie8 .menu-info-utili-ricette .box-menu h5 { font-size: 11px;}

.menu-info-utili-ricette .box-menu h4 { font-size: 14px; line-height: 1em; font-weight: 700;}
.menu-info-utili-ricette .box-menu h5 { font-style: italic; font-weight: 400; font-size: 12px; line-height: 1.2em; color: #333333; overflow: hidden;}

/* Menu ricette */
.menu-ricette { margin-bottom: 20px;}
.menu-ricette ul { background: #ffffff; padding: 20px 12px; border: 1px solid #E4E4E4; margin-top: -10px; }
.menu-ricette ul li { font-weight: 700; font-size: 19px; line-height: 1.6em; font-style: italic; padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px dashed #BBC773; }
.menu-ricette ul li.current a { color: #999999;}
.menu-ricette ul li.last { border-bottom: none; margin-bottom: 0; padding-bottom: 0;}

/* Menu portate */
.menu-ricette ul li span { display: inline-block; margin-right: 15px; height: 29px; width: 32px;}

.menu-portate li span.icona_8 { background: url('/imageserver/icona_portata/files/immagini/ricette/portate/icone/insalate.jpg') no-repeat center;}
.menu-portate li span.icona_7 { background: url('/imageserver/icona_portata/files/immagini/ricette/portate/icone/primi.jpg') no-repeat center;}
.menu-portate li span.icona_9 { background: url('/imageserver/icona_portata/files/immagini/ricette/portate/icone/secondi.jpg') no-repeat center;}
.menu-portate li span.icona_5 { background: url('/imageserver/icona_portata/files/immagini/ricette/portate/icone/contorni.jpg') no-repeat center;}
.menu-portate li span.icona_6 { background: url('/imageserver/icona_portata/files/immagini/ricette/portate/icone/desserts.jpg') no-repeat center;}
.menu-portate li span.icona_10 { background: url('/imageserver/icona_portata/files/immagini/ricette/portate/icone/antipasti.jpg') no-repeat center;}
.menu-portate li span.icona_11 { background: url('/imageserver/icona_portata/files/immagini/ricette/portate/icone/contorni.jpg') no-repeat center;}

/* Menu dieta */
.menu-ricette ul.menu-dieta li { line-height: 1.2em;}



/*** PAGINA RICETTA
--------------------------------------------------------------------------------------------- ***/
.pagina-ricetta .procedimento { margin-bottom: 40px;}
.pagina-ricetta .breve-descrizione { border-top: 1px none #72BEDB; padding-top: 15px; line-height: 1.4em; }
.pagina-ricetta .ingredienti { }
.pagina-ricetta .immagine-ricetta { }


.tabella { border-width: 1px 0; border-style: solid; border-color: #72BEDB; width: 100%;}
.tabella .cell { font-size: 13px; font-weight: 400; line-height: 1em; padding: 10px 15px; border-right: 1px solid #72BEDB;}
.tabella .cell.last { border: none;}

.tabella-tempi { padding: 9px 0; margin: 0 0 20px;}
.tabella-tempi .cell { padding: 10px 30px; vertical-align: middle;}
.tabella-tempi .cell.first { padding-left: 45px; position: relative; }
.tabella-tempi .cell.first:before { content: ""; position: absolute; top: 0; left: 0; background: url('../pics/sprite.png') no-repeat -251px -143px; width: 34px; height: 34px; z-index: 20;}
.tabella-tempi .cell strong { color: #72BEDB; font-style: italic; margin-right: 10px;}

/* .tabella-info-ricetta { margin: 20px 0 50px; border-width: 4px 0 1px;} */
.tabella-info-ricetta .cell { vertical-align: top; }
.tabella-info-ricetta .cell a { text-decoration: underline; margin-right: 10px; color: #666666; display: inline-block; vertical-align: top;}

.prodotti-correlati article { display: inline-block; margin: 0 12px 12px; position: relative;}
/* .prodotti-correlati article:after { content: ""; position: absolute; left: 0; bottom: -24px; height: 24px; background: url(../pics/shadow-prodotto-correlato.png) no-repeat center top; background-size: 100% auto; width: 100%; } */
.prodotti-correlati article h4 { margin: 10px 0 0; padding: 15px 0; position: relative; text-align: center;}
.prodotti-correlati article h4:before { content: ""; position: absolute; border-top: 1px dashed #83D1F4; width: 170px; height: 0; left: 50%; margin-left: -85px; top: 0;}

.commenti-fb { margin-top: 80px;}


/*** MAGAZINE
--------------------------------------------------------------------------------------------- ***/
.top-magazine { margin-top: 13px; border-bottom: 3px solid #E0E0E0; }
.top-magazine .pagetitle { text-align: left; padding-top: 15px; border-top: 1px solid #e0e0e0; background: none;}
.top-magazine .breadcrumb { display: inherit; text-align: left; margin-bottom: 10px; padding: 0; box-shadow: none; border: none;}

.titolo-magazine { height: 65px; background: url(../pics/v-magazine.png) no-repeat center top; margin-bottom: 25px;}

#MagazineSearchForm { position: relative; margin: 0 0 11px;}
#MagazineSearchForm input[type="text"] { font-size: 14px; border-radius: 20px; border: 1px solid #cccccc; background: #F6F6F6; box-shadow: 0 1px 2px rgba(0,0,0,.2) inset;}
#MagazineSearchForm input[type="submit"] { position: absolute; top: 0; right: 0; background: url(../pics/sprite.png) no-repeat transparent -36px -144px; display: inline-block; padding: 0; margin: 5px 10px 0 0; width: 18px; height: 18px; z-index: 100;}

.pagina-magazine .htmlcontent { margin-bottom: 40px;}

.pagina-articolo-magazine .attachments { margin-top: 40px;}
.pagina-articolo-magazine .attachments .attachment { text-align: left;}
.pagina-articolo-magazine .attachments .attachment header.doctitle { padding: 0; border: none;}
.pagina-articolo-magazine .attachments .attachment.docs .singledocument { max-width: inherit;}
.pagina-articolo-magazine .attachments .attachment.video header.doctitle { display: inherit;}
.pagina-articolo-magazine .attachments .attachment.video h3 { display: none;}

article.magazine { margin-bottom: 20px; border: 1px solid #E4E4E4;}
article.magazine h4 { font-style: italic; font-weight: 700;}
article.magazine.big h4 { font-size: 24px;}
article.magazine .thumb-wrapper { padding: 0;}
article.magazine .thumb-wrapper img { max-width: 100%;}
article.magazine .corpo { padding: 15px;}
article.magazine.small .h-fissa { height: 150px; overflow: hidden;}
article.magazine.big .h-fissa { height: 135px; overflow: hidden;}
article.magazine.big.first .h-fissa { height: 85px;}
article.magazine.big.first .argomenti.h-fissa, 
article.magazine .argomenti.h-fissa { height: 35px;}

article.magazine .argomenti { margin-top: 20px; font-weight: 400; color: #929292;}
article.magazine .argomenti a { color: #90BF1F;}

.wrapper-menu-argomenti { margin-bottom: 20px;}

.menu-argomenti { border: 1px solid #E4E4E4; }
.menu-argomenti header { padding: 15px; }
.menu-argomenti header h3 { font-size: 21px; border: none; padding: 8px 0 0 35px; margin: 0 0 10px; word-wrap: break-word;}
.menu-argomenti header i { line-height: 1em; display: block;}
.menu-argomenti ul.argomenti { padding: 15px; background: #F0F7FC;}

ul.argomenti li { display: block; margin: 4px 0; }
ul.argomenti li a { display: inline-block; border-radius: 20px; background: #90BF1F; color: #ffffff; font-size: 15px; font-weight: 900; line-height: 1em; padding: 6px 15px;}
ul.argomenti li a:hover,
ul.argomenti li.current a { background: #333333;}

.magazine .shareitem.bt-pdf { display: none;}

/* CLUB VALSOIA */
.club-valsoia .box-titolo-pagina { display: none;}

/* ARTICOLO MAGAZINE */
#mainbody .pagina-articolo-magazine { padding-top: 0;}
.pagina-articolo-magazine .colonna { padding-top: 20px;}
.pagina-articolo-magazine .corpo-articolo .htmlcontent { margin-top: 40px;}
.pagina-articolo-magazine .corpo-articolo p { margin-bottom: 20px;}
.pagina-articolo-magazine .corpo-articolo .info-pubblicazione { font-size: 14px; line-height: 1em; font-style: italic; margin-bottom: 15px;}
.pagina-articolo-magazine .corpo-articolo { padding-right: 20px; border-right: 1px solid #E0E0E0;}


/* PAGINA NEWSLETTER */
#newsletter #mainbody .wrapper.wrapper-body { padding-top: 0;}
.col-centered.wrapper-newsletter-form { margin-top: 30px;}


/* INTERNATIONAL CONTACTS */
.international-contacts { margin: 40px 0;}
.international-contacts .cell.titolo { font-size: 14px; font-weight: 900; text-transform: uppercase;}


/* PROGETTO ALIMENTARE */

.font-sant-elia { font-family: 'SantElia','Lato',Helvetica,Arial,sans-serif; }

.logo-titolo-prog-alim { vertical-align: text-bottom; }

body.progetto-alimentare nav.sottopagine ul li { font-size: 17px; padding: 0 15px; }
body.progetto-alimentare nav.sottopagine ul li a span { display: block; white-space: nowrap; }

.box-progetto-first figure { margin: 20px 0 20px;  }
.box-progetto-first h2 { padding: 0 15px; }
.box-progetto-first h2 span { padding: 0 25px; display: inline-block; padding-left: 12px; }
.box-progetto-first .htmlcontent { text-align: center; color: #1E4B8D; font-size: 17px;}

.box-progetto { text-align: center;}
.box-progetto .box-progetto--titolo { font-style: normal; position: relative; background: green; border-radius: 50%; display: inline-block; overflow: hidden; border: none; width: 175px; height: 175px; text-align: center; margin: -75px 0 0 0; padding: 0; }

.box-progetto .box-progetto--titolo a { font-size: 20px; line-height: 26px; font-weight: 400; color: #fff;
	position: absolute;
	top: 55%;
	left: 0%;
	width: 95%;
	padding: 50px 5px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.box-progetto .box-progetto--titolo a span { display: block; white-space: nowrap; }
.box-progetto .box-progetto--titolo a span.box-progetto--titolo-plus { font-size: 30px; display: block; padding-top: 5px; font-family: 'Lato',Helvetica,Arial,sans-serif; }


.progetto-alimentare-list { position: relative; }
.pa-bg-leaf-1 { position: absolute; top: 350px; left: -90px; background: url(../pics/progetto-alimentare/foglia-1.png) no-repeat transparent; display: inline-block; padding: 0; margin: 0; width: 41px; height: 36px; z-index: 100;}
.pa-bg-leaf-2 { position: absolute; top: 380px; right: -80px; background: url(../pics/progetto-alimentare/foglia-2.png) no-repeat transparent; display: inline-block; padding: 0; margin: 0; width: 44px; height: 38px; z-index: 100;}
.pa-bg-leaf-3 { position: absolute; top: 930px; left: -60px; background: url(../pics/progetto-alimentare/foglia-3.png) no-repeat transparent; display: inline-block; padding: 0; margin: 0; width: 29px; height: 41px; z-index: 100;}
.pa-bg-leaf-4 { position: absolute; top: 1200px; right: 0px; background: url(../pics/progetto-alimentare/foglia-4.png) no-repeat transparent; display: inline-block; padding: 0; margin: 0; width: 47px; height: 41px; z-index: 100;}

.paragrafi-progetto-alimentare .evidenza .thumb-wrapper.thumb-left::after,
.paragrafi-progetto-alimentare .evidenza .thumb-wrapper.thumb-right::after { background: none; }

.paragrafi-progetto-alimentare .evidenza .thumb-wrapper img { width: auto;}


.paragrafi-progetto-alimentare .no-title { padding-top: 30px; }

.attachments-wrapper-progetto-alimentare { background: url(../pics/noise.png) #FBFBFB; }

.attachments-progetto-alimentare .docs .singledocument { max-width: none; text-align: center; }

.attachments-progetto-alimentare .docs .singledocument header { display: inline-block; }

.attachments-progetto-alimentare .video .singledocument { margin: 0 auto 50px; float: none; }

.attachments-progetto-alimentare .video .singledocument .thumb-wrapper.thumb-left::after,
.attachments-progetto-alimentare .video .singledocument .thumb-wrapper.thumb-right::after { background: none; }




/* COLORI E GRADIENTI */
.azzurro { background: url(../pics/noise.png) #E1F2FC; }
.arancio { background: #F0B422; }
.verde { background: #059740; }


.fascia-blu { 
box-shadow: 0 6px 4px -6px rgba(0, 0, 0, 0.7) inset; 
background: rgb(106,165,187);
background: url(../pics/noise.png), -moz-linear-gradient(top, #6AA5BB 0%, #72BEDB 100%);
background: url(../pics/noise.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6AA5BB), color-stop(100%,#72BEDB));
background: url(../pics/noise.png), -webkit-linear-gradient(top, #6AA5BB 0%,#72BEDB 100%);
background: url(../pics/noise.png), -o-linear-gradient(top, #6AA5BB 0%,#72BEDB 100%);
background: url(../pics/noise.png), -ms-linear-gradient(top, #6AA5BB 0%,#72BEDB 100%);
background: url(../pics/noise.png), linear-gradient(to bottom, #6AA5BB 0%,#72BEDB 100%);
}
.ie8 .fascia-blu { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6AA5BB', endColorstr='#72BEDB', GradientType=0 ); /* horizontal gradient */ 
}

.gradiente-grigio { 
background: rgb(235,235,235);
background: url(../pics/noise-light.png), -moz-linear-gradient(top, #EBEBEB 0%, #FFFFFF 14%);
background: url(../pics/noise-light.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EBEBEB), color-stop(14%,#FFFFFF));
background: url(../pics/noise-light.png), -webkit-linear-gradient(top, #EBEBEB 0%,#FFFFFF 14%);
background: url(../pics/noise-light.png), -o-linear-gradient(top, #EBEBEB 0%,#FFFFFF 14%);
background: url(../pics/noise-light.png), -ms-linear-gradient(top, #EBEBEB 0%,#FFFFFF 14%);
background: url(../pics/noise-light.png), linear-gradient(to bottom, #EBEBEB 0%,#FFFFFF 14%);
}
.ie8 .gradiente-grigio { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEBEB', endColorstr='#FFFFFF', GradientType=0 ); /* horizontal gradient */ 
}

.gradiente-blu { 
background: rgb(106,165,187);
background: url(../pics/noise.png), -moz-linear-gradient(top, #6AA5BB 0%, #78D1F4 150px);
background: url(../pics/noise.png), -webkit-gradient(linear, left top, left bottom, color-stop(81%,#6AA5BB), color-stop(150px,#78D1F4));
background: url(../pics/noise.png), -webkit-linear-gradient(top, #6AA5BB 0%,#78D1F4 150px);
background: url(../pics/noise.png), -o-linear-gradient(top, #6AA5BB 0%,#78D1F4 150px);
background: url(../pics/noise.png), -ms-linear-gradient(top, #6AA5BB 0%,#78D1F4 150px);
background: url(../pics/noise.png), linear-gradient(to bottom, #6AA5BB 0%,#78D1F4 150px);
}

.gradiente-blu-scuro { 
background: rgb(106,165,187);
background: url(../pics/noise.png), -moz-linear-gradient(top, #6AA5BB 0%, #78D1F4 100%);
background: url(../pics/noise.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6AA5BB), color-stop(100%,#78D1F4));
background: url(../pics/noise.png), -webkit-linear-gradient(top, #6AA5BB 0%,#78D1F4 100%);
background: url(../pics/noise.png), -o-linear-gradient(top, #6AA5BB 0%,#78D1F4 100%);
background: url(../pics/noise.png), -ms-linear-gradient(top, #6AA5BB 0%,#78D1F4 100%);
background: url(../pics/noise.png), linear-gradient(to bottom, #6AA5BB 0%,#78D1F4 100%);
}
.ie8 .gradiente-blu { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6AA5BB', endColorstr='#78D1F4', GradientType=0 ); /* horizontal gradient */ 
}

.gradiente-azzurro {
background: url(../pics/gradiente-azzurro.jpg) repeat-x;
background: url(../pics/noise-light.png), -moz-linear-gradient(top, #D3EEF9 0%, #FFFFFF 70px);
background: url(../pics/noise-light.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D3EEF9), color-stop(70px,#FFFFFF));
background: url(../pics/noise-light.png), -webkit-linear-gradient(top, #D3EEF9 0%,#FFFFFF 70px);
background: url(../pics/noise-light.png), -o-linear-gradient(top, #D3EEF9 0%,#FFFFFF 70px);
background: url(../pics/noise-light.png), -ms-linear-gradient(top, #D3EEF9 0%,#FFFFFF 70px);
background: url(../pics/noise-light.png), linear-gradient(to bottom, #D3EEF9 0%, #FFFFFF 70px);
}


/*** Investor & Relators
--------------------------------------------------------------------------------------------- ***/
#investor-relators .attachment-wrapper { background: #ffffff;}
#investor-relators .attachment { text-align: left;}

.docs .panel-group { text-align: left;}
.docs .panel-group:last-child h3.panel-title { padding-bottom: 0; border-bottom: none;}
.docs .panel-group h3.panel-title { margin-bottom: 15px;}
.docs .panel-group h3.panel-title a { display: block; position: relative; color: #666666;}
.docs .panel-group h3.panel-title a:before { content: ""; position: absolute; right: 10px; top: 1px; background: url(../pics/sprite.png) no-repeat -358px -142px; width: 27px; height: 27px;}
.docs .panel-group h3.panel-title a.collapsed { color: #05973f;}
.docs .panel-group h3.panel-title a.collapsed:before { background-position: -323px -142px; }

.docs .panel-group .singledocument { max-width: inherit;}
.docs .panel-group .panel-body { margin-bottom: 40px;}


/*** ISOTOPE - ANIMAZIONE
--------------------------------------------------------------------------------------------- ***/

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property:  -moz-transform, opacity;
  -ms-transition-property:   -ms-transform, opacity;
  -o-transition-property:   -o-transform, opacity;
  transition-property:     transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* SITEMAP */
.htmlsitemap ul li { font-size: 16px; font-weight: 700; list-style-type: square; list-style-position: inside; color: #EF8B09;}
.htmlsitemap ul li ul { margin: 0px 15px 3px;}
.htmlsitemap ul li ul li { font-weight: 400; font-style: italic; list-style-type: circle;}
.htmlsitemap ul li ul li ul { margin: 10px 15px;}
.htmlsitemap ul li ul li ul li { font-size: 14px; font-style: normal; list-style-type: none; padding-left: 15px; position: relative;}
.htmlsitemap ul li ul li ul li:before { content: "-"; position: absolute; left: 0; top: 0;}
.htmlsitemap h3 { margin: 15px 0 10px 0; padding: 0 0 5px 35px;}


/*** INFINITE SCROLL
---------------------------------------------------------------------------------------------------------------------------------------**/

#loadmoreajaxloader {
	background: #ffffff url(../pics/loading.gif) no-repeat 12px center;
	padding: 15px 50px 15px 75px;
	display: block;
	margin: 20px auto;
	background-size: 20px;
	text-align: center;
	font-size: 16px;
	line-height: 1.1em;
	color: #999999;
/* 	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); */
}

/* FOOTER
---------------------------------------------------------------------------------------------------------------------- */
#footer { width: 100%; padding: 0; clear: both; font-size: 12px; letter-spacing: .5px;}
#footer a { color: #059740;}

#footer .footercontent { padding: 20px 0; font-size: 12px; background: url(../pics/bg-footer.png) repeat-x left bottom;}
#footer .footercontent p { line-height: 1.4em; }

#footer .footermenu { padding: 0;
background: rgb(106,165,187);
background: url(../pics/noise.png), -moz-linear-gradient(top, #6AA5BB 0%, #78D1F4 150px);
background: url(../pics/noise.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6AA5BB), color-stop(100%,#78D1F4));
background: url(../pics/noise.png), -webkit-linear-gradient(top, #6AA5BB 0%,#78D1F4 150px);
background: url(../pics/noise.png), -o-linear-gradient(top, #6AA5BB 0%,#78D1F4 150px);
background: url(../pics/noise.png), -ms-linear-gradient(top, #6AA5BB 0%,#78D1F4 150px);
background: url(../pics/noise.png), linear-gradient(to bottom, #6AA5BB 0%,#78D1F4 150px);
}

#footer .footermenu .menu-footer { float: left; }
#footer .footermenu ul.navbar { padding: 30px 35px 30px 0; background: url(../pics/separatore-menu-footer.png) no-repeat right top;}
#footer .footermenu ul.navbar li { font-size: 18px; line-height: 1em; font-weight: 900; font-style: italic; padding: 0; margin: 0 0 10px; }
#footer .footermenu ul.navbar li a { display: block; color: #E9F3F6; color: rgba(255,255,255,.85); }
#footer .footermenu ul.navbar li.first { padding-left: 0; border-left: none; }

#footer .footermenu ul.navbar li ul { padding: 0; margin: 10px 0 0; border-top: 1px solid #B8D9E5; border-top: 1px solid rgba(255,255,255,.5);}
#footer .footermenu ul.navbar li ul li { float: none; text-transform: none; font-size: 15px; font-style: normal; font-weight: 300; margin: 10px 0 0; padding: 0; background: none;}

#footer .footermenu ul.navbar_footer-prodotti li ul li { float: left; width: 175px; margin-right: 5px;}

#footer .footermenu ul.navbar_footer-altre-sezioni { padding-right: 0; background: none;}
#footer .footermenu ul.navbar_footer-altre-sezioni li { float: none; margin-bottom: 15px; }
#footer .footermenu ul.navbar_footer-altre-sezioni li ul li a { padding: 0; border: none;}
#footer .footermenu ul.navbar_footer-altre-sezioni li.last { margin: 0;}

#footer .logo-footer { float: left; margin-right: 20px; width: 121px; height: auto;}

#footer .wrapper-social { float: left; margin: -16px 0 20px 20px;}
#footer .seguici { float: none;}
#footer .seguici li { color: #ffffff; text-align: left;}
#footer .seguici li.dida { margin-left: 0;}

.dsign { font-size: 11px; text-align: right; float: right; }

#technical { width: 400px; text-align: left; margin: 20px auto; border-radius: 0; background: #EAF7FD; border: 4px solid #6AA4BA; text-align: center;}


/*
#cp-overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 101; background: #ffffff; opacity: .5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}

body.banner-policy .dropdownmenu.active { top: 50px;}

.cp-box-alert { box-shadow: 0 5px 4px rgba(0, 0, 0, 0.3); color: #ffffff; padding: 15px 0; position: fixed; width: 100%; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-align: left; z-index: 110; overflow: hidden;}
.cp-box-alert .htmlcontent { font-size: 13px; font-weight: 400; line-height: 1.1em; margin: 0; text-align: center;}
.cp-box-alert .htmlcontent p { margin-bottom: 0;}
.cp-box-alert a { color: #2A0D72; text-decoration: underline; display: inline-block; }
.cp-box-alert .cp-chiudi { position: absolute; z-index: 120; right: 15px; top: 15px; width: 16px; height: 16px;  background: url(../pics/ico-close-alert.png) no-repeat center; background-size: contain; cursor: pointer;}
*/

body.banner-policy { margin-bottom: 105px;}

.cp-box-alert-popup { animation-name: bounceInLeft; -webkit-animation-delay: 2s; animation-delay: 2s; animation-duration: 1s; animation-fill-mode: both;  background: rgba(110, 180, 206, .7); display: none; height: auto; left: 0; bottom: 0; padding: 15px 50px 15px 15px; position: fixed; width: 100%; z-index: 110; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.cp-box-alert-popup .wrapper { background: #ffffff; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.cp-box-alert-popup .htmlcontent { color: #333333; font-size: 16px; font-weight: 400; line-height: 1.4em; margin: 0; text-align: left;}
.cp-box-alert-popup .htmlcontent p { margin-bottom: 0;}
.cp-box-alert-popup .htmlcontent a { color: #333333; text-decoration: underline; display: inline-block; }
.cp-box-alert-popup .cp-chiudi { position: absolute; z-index: 120; right: 15px; top: 15px; width: 16px; height: 16px;  background: url(../pics/ico-close-alert.png) no-repeat center; background-size: contain; cursor: pointer;}

input.cookies-disallow { float: none; }

/* pagina 404 */
.notfoundpage { padding: 40px 0; }



/* BANNER MENU DEL BENESSERE */
.chiudi { text-indent: -99999px; background: url(../pics/close.svg) no-repeat center; position: absolute; right: -45px; top: 0px; z-index: +301;  cursor:pointer; height: 22px; width: 22px;}
.overlay{ 
    background: #ffffff;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
    cursor:pointer;
/*Trasperenza cross browser*/
opacity: .8; filter: alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
 
}


#box{ width: 790px; height: auto; background-color:#FFF; display:none; z-index:+300; position:absolute; left: 50%; top: 90px; margin-left: -395px;  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); padding: 30px 10px 45px;}

#box p { margin-bottom: 36px; font-size: 17px; color: #00205C; font-weight: 700; line-height: 1.4em;}