/* @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; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

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 { font-weight: 700;}
.htmlcontent em { font-style: italic;}
.htmlcontent em strong,
.htmlcontent strong em { font-style: italic; font-weight: 700;}
.htmlcontent p { margin: 15px 0;}
.htmlcontent p:first-child { margin-top: 0;}
.htmlcontent address, .htmlcontent blockquote {	margin-bottom: 1.5em; padding: 0 1.5em; border-left: solid 3px #ccc;}
.htmlcontent hr { background-color: #ccc; color: #ccc;height: 1px; border: 0;}
.htmlcontent h1, .htmlcontent h2, .htmlcontent h3, .htmlcontent h4, .htmlcontent h5, .htmlcontent h6 { margin-bottom: 0px;}
.htmlcontent ul { padding: 0 0 20px 0; }
.htmlcontent ul,
.htmlcontent ul li { list-style-type: disc; list-style-position: inside; }
.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 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;}

/* TABLES
---------------------------------------------------------------------------------------------------------------- */
.htmlcontent table { background: transparent; border-collapse: collapse; width: 100%; margin: 0 0 25px;}
.htmlcontent table tr th,
.htmlcontent table tr td { background: #fff; min-width: 170px;}
.htmlcontent table tr th { font-size: 16px; font-weight: bold; color: #000; }


/* TABLES
---------------------------------------------------------------------------------------------------------------- 
.htmlcontent table { background: transparent; border-collapse: separate; border-spacing: 4px; font-size: 12px; width: 100%; margin: 12px 0 24px;}
.htmlcontent table tr th,
.htmlcontent table tr td { background: #fff; border: 1px solid #ccc; padding: 12px 12px;}
.htmlcontent table tr:nth-child(odd) td { background: #F0F0F0;}
.htmlcontent table tr th { font-size: 16px; font-weight: bold; color: #000; }
.htmlcontent table tr:hover td { background: #D8E6F2;}
*/


/*  ALLEGATI
--------------------------------------------------------------------- */
.doctitle { font-size: 14px; line-height: 1em; text-transform: uppercase; color: #262626; margin: 0 0 20px; background: url("../pics/bg-titolo.png") repeat-x scroll center bottom;}
.doctitle span { position: relative; top: 5px; background: #fff; padding-right: 10px;}

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

.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 {  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 { margin: 0 0 20px;}

.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 .imagewrapper { float: left; text-align: center; margin: 0 5px 5px 0;}
.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-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #cccccc;}
.docs .singledocument.last { border: none; margin-bottom: 0; padding-bottom: 0;}
.docs .singledocument header { margin-bottom: 4px; padding:  0 0 0 45px; margin: 0; background-image: url(../pics/ico-pdf.png); background-position: 0 0; background-repeat: no-repeat; margin-bottom: 10px;}
.docs .singledocument a { font-weight: bold; color: #000; display: block;  font-size: 16px;}
.docs .singledocument .doc_info { margin: 0; color: #666; font-size: 12px; line-height: 1.1em; position: relative;}
.docs .singledocument .doc_abstract { color: #968B8C; font-size: 15px; line-height: 1.1em; margin: 0; padding: 0 0 0 45px;}


/* 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 */
.wrapper-video { min-height: 100px; background: url(../pics/ajax-loader.gif) no-repeat center; background-size: 50px;}
.attachment.video { margin: 0 -10px;}
.attachment.video .singledocument { margin-bottom: 20px; float: left; margin: 10px;}
.attachment.video .video_abstract { margin: .5em 0;}

.video-full .attachment.video { margin: 0;}
.video-full .attachment.video .singledocument { float: none; margin: 0;}

/* 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; z-index: 1;}
.video-container-inline iframe,
.video-container-inline object,
.video-container-inline embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Allegati: Embed */
.embed .singledocument { margin-bottom: 24px; }
.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;}


/* @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 { margin: 30px 0; overflow: hidden; }
.panel { margin-bottom: 6px;}
.panel-heading { display: inline-block;}
.panel-heading h4.panel-title  { font-size: 16px; line-height: 1em; font-weight: 700; text-shadow: 0 0 2px rgba(0,0,0,.5); margin: 0;}
.panel-heading h4.panel-title a { color: #ffffff; display: block; padding: 10px 40px 10px 12px; background: url("../pics/arrow-toggle-w-down.png") no-repeat scroll right center #4a4a4a;}
.panel-heading h4.panel-title a.collapsed { padding-right: 39px; background-color: #077F2F; background-image: url(../pics/arrow-toggle-w.png);}

.panel-collapse { height: auto;  padding: 15px 0; font-size: 14px; line-height: 1.1em; 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 { padding-top: 0; padding-bottom: 0; border: none;}
.panel-collapse.collapse.in { padding: 15px 0; }
.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; height: 85px;}
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 { width: 260px; float: left;}*/
span.errorstring { margin-left: 160px; font-size: 10px;}

/* input - select - textarea */
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea,
.box-whitout-label { font-weight: 400; font-size: 13px; line-height: 1em; color: #656565; text-shadow: 0 1px 1px #ffffff; padding: 6px 12px; border: 1px solid #cccccc; border-radius: 4px; -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); background: #ECECEC; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* label */
label, .label { text-align: left; display: block; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; font-size: 13px; line-height: 1em; color: #333333; text-shadow: 0 1px 1px #ffffff;}

/* select */
select { position: relative;}
select:after { content: ""; display: inline-block; width: 26px; height: 26px; background: url(../pics/bg-select.png) no-repeat right top; right: 0; top: 0; position: absolute; z-index: 100;}

/* 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: #66afe9; 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; margin-bottom: 5px; font-weight: 600; font-size: 12px; color: #333333; text-shadow: 0 1px 1px #ffffff;}
::-moz-placeholder { display: block; margin-bottom: 5px; font-weight: 600; font-size: 12px; color: #333333; text-shadow: 0 1px 1px #ffffff;} /* firefox 19+ */
:-ms-input-placeholder { display: block; margin-bottom: 5px; font-weight: 600; font-size: 12px; color: #333333; text-shadow: 0 1px 1px #ffffff;} /* ie */
input:-moz-placeholder { display: block; margin-bottom: 5px; font-weight: 600; font-size: 12px; color: #333333; text-shadow: 0 1px 1px #ffffff;}


/*** FORM HORIZONTAL (label di fianco all'input)
---------------------------------------------------------------------------------------------------------------------------------------**/
.form-horizontal label { width: 110px; margin: 0 10px 0 0; text-align: right;}
.form-horizontal .formelements { overflow: hidden;}
.form-horizontal .box-privacy { margin-left: 120px;}


/*** 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 .box-privacy { 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-mini { width: 60px;}
.input-small { width: 90px;}
.input-medium { width: 150px;}
.input-large { width: 210px;}
.input-xlarge { width: 270px;}
.input-xxlarge { width: 530px;}


/*** FORM CUSTOM
---------------------------------------------------------------------------------------------------------------------------------------**/
form { margin: 20px 0;}
.centered-div form { margin: 0 auto;}


/** BUTTONS
---------------------------------------------------------------------------------------------------------------------------------------**/
a.button,
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { padding: 10px 15px 8px; display: inline-block; border: none; background: #077F2F; color: #ffffff; font-size: 14px; font-weight: 700; line-height: 1em; width: auto; text-align: center; position: relative; z-index: 80; text-decoration: none; height: auto;}
a.button:hover { text-decoration: none;}


a.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); color: #ffffff;}


a.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; }



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

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

.radio label,
.checkbox label { display: inline; margin-bottom: 0; font-weight: normal; cursor: pointer; }

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

.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; }

.controls-inline, 
.controls-inline label, 
.form-horizontal .controls-inline, 
.form-horizontal .controls-inline label { width: auto; }


/*** 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,
select[disabled="disabled"],
input[disabled="disabled"] { opacity: .6; filter:alpha(opacity=60); cursor: default;}
input[disabled="disabled"]:active { box-shadow: none;}

/*** 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 {
    font-size: 15px;
    line-height: 1.4em;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
    height: 100%;
    text-align: center;
    color: #000000;
    background: #FFFFFF;
    overflow-x: hidden;
}

a { color: #c80122;
    -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: #333333; text-decoration: none; }

::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-family: "futura-pt", 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; margin-bottom: 10px; line-height: 1.1em; }

h1{	font-size: 36px; margin-bottom: 20px; color: #00722D; }
h2{	font-size: 30px; margin-bottom: 0; color: #C80122; line-height: 1.2em; }
h3{	font-size: 22px; color: #C80122; }
.valfrutta h2,
.valfrutta h3,
.cornelio h2,
.cornelio h3 { color: #00722D;}
h4{	font-size: 18px; }
h5{ font-size: 16px; }
h6{	font-size: 15px; }

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

h1.pagetitle { color: #CB0E24; font-size: 36px; text-transform: uppercase; margin: 0 0 40px;}
h2.pagesubtitle { color: #939393; font-size: 21px; }

.title-red { color: #C80122 !important;}
.title-green { color: #00722D !important;}
.title-orange { color: #E6842D !important;}
.title-blue { color: #374F7B !important;}

/*** SNIPPETS
---------------------------------------------------------------------------------------------------------------------------------------**/
.link-semplice { font-size: 13px; text-decoration: underline;}

.corpo { overflow: hidden; }

/* floating */
.left { float: left; }
.right { float: right; }

/* image floating */
.img-left { float: left; }
.img-right { float: right; }

/* allineamento testo */
.align-center { text-align: center;}
.align-right { text-align: right;}

/* display mode */
.inline { display: inline; }
.block { display: block; }
.inline-block { display: inline-block; }
.clear { clear: both; }

/* icone bootstrap all'interno di pulsanti */
.button .glyphicon { position: relative; top: -2px;}
.button .glyphicon-right { padding-left: 5px;}
.button .glyphicon-left { padding-right: 5px;}

/* contenitore link */
.wrapper-bt { margin: 20px 0 10px;}
.wrapper-bt:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.wrapper-bt.center { text-align: center; }

/* reset testo bianco per box colorati */
.box-colorato,
.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;}
.box-colorato hr { border-color: #ffffff; border-color: rgba(255,255,255,.4);}

/* colori background */
.bg-red { background: #D01D19; }
.bg-blue { background: #283D8E; }

/* colori testo */
.txt-red { background: #D01D19; }
.txt-blue { background: #283D8E; }

/* box standard */
.box { padding: 15px; margin-bottom: 15px;}

/* box alti uguali con bordo attorno */
.box-table { display: table; border-collapse: separate; border-spacing: 8px 0; margin: 0 0 0 -8px; width: 101.3%;}
.box-table-cell { display: table-cell; border: 1px solid #d6d6d6; padding: 15px 20px; width: 50%;}

.table { display: table; width: 100%;}
.table-cell { display: table-cell; vertical-align: middle;}



/*** STRUTTURA GENERALE
---------------------------------------------------------------------------------------------------------------------------------------**/
.wrapper { max-width: 980px; text-align: left; margin: 0 auto; position: relative; }

.bgwrapper { background: #ffffff url(../pics/bg.jpg) no-repeat; background-position: center; background-size: cover; position: relative;}
	
/* desktop grandi ----------- */
@media (min-width: 1920px) {  
	.bgwrapper { background-size: cover;}
}

.bgwrapper:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 285px;
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}


/*** CONTENITORE COLONNE
-----------------------------------------------------------------------------------------------------------------*/
#mainbody { margin: 0; }
#mainbody .wrapper { margin: 0 auto; width: 900px; padding: 40px 40px 25px; background: #ffffff; }
#mainbody .wrapper.wrapper-header-image { padding: 0; width: 980px;}


/*** 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); }
}


/*** HEADER
---------------------------------------------------------------------------------------------------------------------------------------**/
#header { color: #000000; padding: 0; z-index: 100; position: relative;
background: #017C2D;
background: -moz-linear-gradient(top,  rgba(150,197,111,1) 0%, rgba(68,161,43,1) 18%, rgba(0,123,45,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,197,111,1)), color-stop(18%,rgba(68,161,43,1)), color-stop(100%,rgba(0,123,45,1)));
background: -webkit-linear-gradient(top,  rgba(150,197,111,1) 0%,rgba(68,161,43,1) 18%,rgba(0,123,45,1) 100%);
background: -o-linear-gradient(top,  rgba(150,197,111,1) 0%,rgba(68,161,43,1) 18%,rgba(0,123,45,1) 100%);
background: -ms-linear-gradient(top,  rgba(150,197,111,1) 0%,rgba(68,161,43,1) 18%,rgba(0,123,45,1) 100%);
background: linear-gradient(to bottom,  rgba(150,197,111,1) 0%,rgba(68,161,43,1) 18%,rgba(0,123,45,1) 100%);
}

#header .wrapper { position: relative;}
#header #logo { animation-name: fadeInDown; animation-delay: 0s; animation-duration: 1s; animation-fill-mode: both; position: absolute; left: -33px; top: 20px;}
#header #logo .logo_print,
#header #logo figcaption  { display: none; }
#header #logo a img { vertical-align: middle; }
#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 .social { position: absolute; right: 0; top: 15px;}

.wrapper-logo-vf { text-align: center; padding: 15px 0; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.wrapper-logo-vf .veletta { position: absolute; top: 0; left: 420px; height: 100%; width: 300%; z-index: 1;
background: -moz-linear-gradient(top,  rgba(146,191,112,1) 0%, rgba(146,191,112,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(146,191,112,1)), color-stop(100%,rgba(146,191,112,0)));
background: -webkit-linear-gradient(top,  rgba(146,191,112,1) 0%,rgba(146,191,112,0) 100%);
background: -o-linear-gradient(top,  rgba(146,191,112,1) 0%,rgba(146,191,112,0) 100%);
background: -ms-linear-gradient(top,  rgba(146,191,112,1) 0%,rgba(146,191,112,0) 100%);
background: linear-gradient(to bottom,  rgba(146,191,112,1) 0%,rgba(146,191,112,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92bf70', endColorstr='#0092bf70',GradientType=0 );
-webkit-transform: skew(-13deg,0);
-moz-transform: skew(-13deg,0);
-o-transform: skew(-13deg,0);
transform: skew(-13deg,0);
}
.ie8 .wrapper-logo-vf .veletta { display: none;}
.wrapper-logo-vf .logo-vf { position: relative; z-index: 5;}


/* SOCIAL
----------------------------------------------------------------------------------------------------------------*/
/* Social share */
.socialshare { text-align: right; padding: 15px 15px 0; margin: 0 0 10px;}
.socialshare .shareitem { display: inline-block; text-align: right; margin: 0 0 0 10px; width: 70px; }
.socialshare .shareitem div { line-height: 1em!important; vertical-align: top !important;}
.socialshare .shareitem.facebook { width: 90px;}

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


/* LANGSWITCH
----------------------------------------------------------------------------------------------------------------*/
#langswitch { position: absolute; top: 45px; right: 0; z-index: 2;}
#langswitch a { color: #ffffff; padding: 0; margin: 0 0 0 10px; font-size: 0; font-weight: 700; text-transform: uppercase; position: relative; text-indent: -9999px; background-repeat: no-repeat; background-position: center; display: inline-block; height: 30px; width: 30px;}
#langswitch a.first { border: none; }
#langswitch a.it { background-image: url(../pics/flag-it.png);}
#langswitch a.en { background-image: url(../pics/flag-en.png);}
#langswitch a.de { background-image: url(../pics/flag-de.png);}


/* USERAREA
----------------------------------------------------------------------------------------------------------------*/
#userarea { font-size: 12px; float: right;  }
#userarea span { font-weight: bold; font-size: 13px;}
#userarea a { padding: 0 10px; border-left: 1px solid #ffffff; color: #ffffff;text-transform: uppercase;  }
#userarea a.first { border: none; }
#userarea a:hover { color: #227E9D; }

#userarea .DSP_AUTH_LOGIN form{ margin: 0; }
#userarea .DSP_AUTH_LOGIN legend { display: none }
#userarea .DSP_AUTH_LOGIN .field,
#userarea .DSP_AUTH_LOGIN .field input { display: inline; }
#userarea .DSP_AUTH_LOGIN .field label { display: none; }
#userarea .DSP_AUTH_LOGIN  input { font-size: 11px; padding: 2px 6px; margin-bottom: 0; border: 1px solid #fff; }
#userarea .DSP_AUTH_LOGIN .field input { width: 80px; }


/*** NAVBARS
---------------------------------------------------------------------------------------------------------------------------------------**/
/* Main nav */
nav#main_nav { margin-left: 60px;}
nav#main_nav select { display: none; }

/* Navbar principale */
ul.navbar { margin: 0; padding: 0; list-style: none; position: relative; z-index: 10;}
ul.navbar_principale { padding: 0; display: table; width: 100%;}
ul.navbar_principale>li { display: table-cell; padding: 0; margin: 0; font-size: 15px; position: relative; color: #333; font-weight: normal; line-height: 1.1em; text-align: center; }
ul.navbar_principale li.last { border-bottom: none; }
ul.navbar_principale li a { color: #fff; display: block; padding: 10px; }
ul.navbar_principale li a:hover,
ul.navbar_principale li.current>a { text-decoration: none; color: #FFE663;
background: rgb(89,164,80);
background: -moz-linear-gradient(-45deg,  rgba(89,164,80,1) 0%, rgba(0,122,41,1) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(89,164,80,1)), color-stop(100%,rgba(0,122,41,1)));
background: -webkit-linear-gradient(-45deg,  rgba(89,164,80,1) 0%,rgba(0,122,41,1) 100%);
background: -o-linear-gradient(-45deg,  rgba(89,164,80,1) 0%,rgba(0,122,41,1) 100%);
background: -ms-linear-gradient(-45deg,  rgba(89,164,80,1) 0%,rgba(0,122,41,1) 100%);
background: linear-gradient(135deg,  rgba(89,164,80,1) 0%,rgba(0,122,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a450', endColorstr='#007a29',GradientType=1 );
}
ul.navbar_principale li.current>a { font-weight: bold;}

/* Navbar principale DROPDOWN */
ul.navbar_principale li ul { left: 0; top: 36px; display: none; overflow: hidden; padding: 15px 10px 10px;
list-style:none; position:absolute; z-index: 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;
background: rgb(0,110,46);
background: -moz-linear-gradient(top,  rgba(0,110,46,1) 0%, rgba(102,169,69,1) 32%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,110,46,1)), color-stop(32%,rgba(102,169,69,1)));
background: -webkit-linear-gradient(top,  rgba(0,110,46,1) 0%,rgba(102,169,69,1) 32%);
background: -o-linear-gradient(top,  rgba(0,110,46,1) 0%,rgba(102,169,69,1) 32%);
background: -ms-linear-gradient(top,  rgba(0,110,46,1) 0%,rgba(102,169,69,1) 32%);
background: linear-gradient(to bottom,  rgba(0,110,46,1) 0%,rgba(102,169,69,1) 32%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#66a945',GradientType=0 );
}

ul.navbar_principale li.default_action:hover ul, 
ul.navbar_principale li.active ul { display: block; z-index: 110; overflow: visible; }
ul.navbar_principale li ul li { font-size: 14px; border-bottom: 1px solid #8DBC6A; position: relative; text-align: left; background: none;}
ul.navbar_principale li ul li.current { color: #ffffff; }

ul.navbar_principale li ul li a,
ul.navbar_principale li ul li a:hover,
ul.navbar_principale li ul li.current a { white-space: nowrap; display: block; padding: 5px 10px; background: none; filter: none; color: #ffffff; border: none; }

ul.navbar_principale li ul li a:hover,
ul.navbar_principale li ul li.current a,
ul.navbar_principale li ul li ul li a:hover,
ul.navbar_principale li ul li.current ul li a:hover,
ul.navbar_principale li ul li ul li.current a,
ul.navbar_principale li ul li.current ul li.current a,
ul.navbar_principale li ul li.current:hover ul li.current a { text-decoration: none; border: none;  }

ul.navbar_principale li ul li a:hover,
ul.navbar_principale li ul li ul li a:hover,
ul.navbar_principale li ul li.current ul li a:hover { color: #ffe663; }

ul.navbar_principale li ul li ul{ display: none !important;}

/* Navbar principale DROPDOWN 2 liv 
ul.navbar_principale li ul li ul { display: block; position: relative; margin: 0 0 0 20px; background: rgba(164, 193, 27,0.1); border-left: 4px solid rgb(164, 193, 27); padding: 5px 0; }
ul.navbar_principale li:hover ul li ul { top: 0; }
ul.navbar_principale li ul li ul li { font-size: 12px; width: auto; }
ul.navbar_principale li ul li ul li.first { padding-top: 0; }

ul.navbar_principale li ul li ul li a:hover,
ul.navbar_principale li ul li.current ul li a,
ul.navbar_principale li ul li ul li ul li a:hover,
ul.navbar_principale li ul li.current ul li ul li a:hover,
ul.navbar_principale li ul li ul li ul li.current a,
ul.navbar_principale li ul li.current ul li ul li.current a,
ul.navbar_principale li ul li.current:hover ul li a { padding: 7px 5px 7px 20px; font-weight: normal; }
*/

/* Navbar secondario */
ul.navbar_secondario { clear: both; float: right; margin: 20px 0 0; font-size: .8em; }
ul.navbar_secondario li { display: inline; font-weight: normal; }
ul.navbar_secondario li a { color: #fff; }
ul.navbar_secondario li.current a { color: #333; }
ul.navbar_secondario li.first { }


/* Immagine di pagina centrata in testata - comportamento responsive:
- larghezza e altezza fisse
- rimpicciolendo la finestra del browser sotto i 1440px l'immagine viene nascosta ai lati e mantiene un'altezza fissa
- su phone cambia l'imageserver 
- schermi 1440px in poi si ingrandisce in proporzione */
	
	/* schermi grandi  ----------- 
	@media (min-width: 1400px) {
		.page-image { width: 100%; left: 0; margin: 0 0 20px;}
		.page-image figure,
		.page-image img { width: 100%;}
	}
	/* phone  ----------- 
	@media (max-width: 767px) {
		.page-image { width: 100%; left: 0; margin: 0 0 20px;}
		.page-image figure,
		.page-image img { width: 100%;}
	}
	
/* Immagine larga quanto il wrapper ha uno sfondo a tutta pagina
.page-image .wrapper figure { position: relative; }
*/
/* Immagine con sopra titolo sezione
.page-image .wrapper figure h1 { position: absolute; bottom: 20px; left: 20px; padding: 8px 15px; background: #F2F4F3; background: rgba(255,255,255,.89); margin: 0; }
*/

/* Slideshow con immagine centrata e altezza fissa 
.slide_wrapper { background-color: #000000; height: 346px; overflow: hidden; box-shadow: 0 6px 5px -5px #666666; width: 1920px; margin: 0 0 30px -960px; left: 50%; position: relative; }*/

/* Contenitore controls in absolute sopra lo slideshow (sconsigliato l'uso se l'immagine deve essere cliccabile) 
#mainbody .slide_wrapper .wrapper,
.slide_wrapper .wrapper  { position: absolute; margin: 0 0 0 -490px; left: 50%; top: 0; height: 346px; padding: 0; }*/


/* Immagine di pagina responsive */
.page-image img { width: 100%; }


/* Slideshow */
.slide_wrapper {  width: 980px; height: auto; overflow: hidden; position: relative; clear: both; margin: 0 auto; width: 100%; height: auto;}
.slide_wrapper .carousel-caption { position: absolute; left: 0; top: 50px; height: auto; padding: 0; z-index: 10; color: #FFFFFF; text-align: left; padding: 15px; background: rgb(200, 1, 34); background: rgba(200, 1, 34, .8); text-align: center;}
.slide_wrapper .item:nth-child(3n+2) .carousel-caption { background: rgb(246, 164, 0); background: rgba(246, 164, 0, .8);}
.slide_wrapper .item:nth-child(3n+3) .carousel-caption { background: rgb(4, 125, 46); background: rgba(4, 125, 46, .8);}

.slide_wrapper .carousel-caption h2 { font-weight: 300; color: #ffffff; font-size: 30px; margin: 0;} 
.slide_wrapper .carousel-caption h2 a { color: #ffffff;} 
.slide_wrapper .carousel-caption .abstract { font-size: 26px; line-height: 1.2em; padding: 15px; background: rgba(0,0,0,.33); width: 347px;}

.page_slide_wrapper .carousel-caption { left: auto; right: 0; bottom: 40px; top: auto; background: rgb(246, 164, 0); background: rgba(246, 164, 0, .8);}


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

.carousel-inner > .item { width: 100%; height: auto;
                          position: relative;
                          display: none;
                          -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%; 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 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;
}
*/

.carousel-control { position: absolute; z-index: 100; top: 50%; margin-top: -25px; height: 50px; width: 50px; }
.carousel-control.right { background: url(../pics/next.png) no-repeat; right: 0px; }
.carousel-control.left { background: url(../pics/prev.png) no-repeat; left: 0px; }

.slide_wrapper .carousel-indicators { position: absolute; z-index: 100; bottom: 30px; right: 30px; padding: 0; display: block; width: 100%; text-align: right; font-size: 0; }
.slide_wrapper .carousel-indicators li { color: transparent; text-indent: -99999px; font-size: 1px; height: 15px; width: 15px; margin: 0 10px; border: 1px solid #ffffff; background: transparent; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);}
.ie8 .slide_wrapper .carousel-indicators li { border: 1px solid #ccc;}
.slide_wrapper .carousel-indicators .active { background: #C80122;}

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


/* Slideshow con thumbnail preview (BOOTSTRAP) */
.wrapper-slider-small { height: 144px; width: 975px; margin: 20px 0 0; overflow: hidden; position: relative; }
.wrapper-slider-small .carousel-control.right { background: url(../pics/next.jpg) no-repeat; right: 0; }
.wrapper-slider-small .carousel-control.left { background: url(../pics/prev.jpg) no-repeat; left: 0; }

.wrapper-slider-small .wrapper-indicators { margin: 0 30px; position: relative; width: 915px; height: 144px; overflow: hidden; }
.wrapper-slider-small .wrapper-indicators .carousel-indicators { list-style: none outside none; margin: 0; width: 10000px; position: absolute; left: 308px; top: 0;
                                                                 -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;
}
.wrapper-slider-small .wrapper-indicators .carousel-indicators li { float: left; height: 144px; margin: 0 10px 0 0; width: 144px; position: relative; }
.wrapper-slider-small .wrapper-indicators .carousel-indicators .active:before,
.wrapper-slider-small .wrapper-indicators .carousel-indicators li:hover:before { content: ""; z-index: 100; position: absolute; border: 4px solid #B10036; width: 136px; height: 136px; left: 0; top: 0; }


/*** COLONNA LATERALE
-----------------------------------------------------------------------------------------------------------------*/
.sidebar { padding-top: 0; }
.sidebar ul { margin: 0 0 20px 0; box-shadow: 0 0 2px rgba(0,0,0,.3); border-radius: 5px;
              background: #ffffff;
              background: -moz-linear-gradient(top,  #ffffff 0%, #e4e4e4 100%);
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e4e4));
              background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
              background: -o-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
              background: -ms-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
              background: linear-gradient(to bottom,  #ffffff 0%,#e4e4e4 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 );
}

.sidebar ul li { padding: 0; display: block; color: inherit; font-weight: 700; font-size: 17px; }
.sidebar ul li.rootpage { text-transform: uppercase; background: rgba(34, 126, 157, .8); border-radius: 5px 5px 0 0; box-shadow: 0 -8px 24px -16px #000 inset; }
.sidebar ul li span { padding: 10px 18px; font-weight: 100; font-size: 18px; color: #ffffff; display: block; }
.sidebar ul li a { display: block; background: url("../pics/arrow-b.png") no-repeat scroll 16px 15px transparent; padding: 10px 10px 10px 30px; color: #000; border-bottom: 1px solid rgba(0,0,0,.2);border-top: 1px solid rgba(255,255,255,.5); }
.sidebar ul li span { background: none; }
.sidebar ul li a:hover,
.sidebar ul li.current a { background-image: url(../pics/arrow-blue.png); color: #227E9D; }
.sidebar ul li.last a { border-bottom: none; }

.sidebar ul li ul { margin: 10px 10px 10px 24px; padding: 0; border: none; background: none; box-shadow: none; border-radius: 0px; }
.sidebar ul li.current ul li a { background: transparent url(../pics/icons/arrow_g.png) 0 7px no-repeat; font-size: 13px; font-weight: bold; padding: 0 14px; color: #666666; border: none }
.sidebar ul li.current ul li a:hover,
.sidebar ul li.current a.current { background: transparent url(../pics/icons/arrow_down.png) 0 8px no-repeat; color: #000;  }



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

/* Breadcrumb  */
.breadcrumb { font-size: 12px; color: #999; margin-bottom: 10px; }
.breadcrumb a { color: #666;  }

/* Pagethumb  */
.pagethumb { margin: 0; max-width: 100%; height: auto; }

/* Risultati ricerca */
.bar-list { margin: 0 0 20px 0; padding-bottom: 10px; border-bottom: 1px solid #D8D8D9; box-shadow: 0 1px 1px #FFFFFF; overflow: hidden; clear: both; text-align: right; }
.bottom-bar-list { margin: 20px 0 20px 0; padding-top: 10px; border-top: 1px solid #D8D8D9; box-shadow: 0 1px 1px #FFFFFF, 0 -1px 1px #FFFFFF;  }
.bar-list .next { font-size: 12px; padding: 2px 6px; background: #227E9D; color: #ffffff; margin-left: 5px; }



/* HOME
--------------------------------------------------------------------------------------------- */
.home .col-small { width: 410px;}
.col-small { width: 300px;}
.col-small.left { margin-right: 25px;}
.col-small.right { margin-left: 25px;}
.col-big { overflow: hidden;}


.evidenzehome .evidenzelist-home { margin-left: -21px; padding: 2px;}
.evidenzehome article { float: left; width: 220px; margin: 0 0 23px 21px; box-shadow: 0 0 2px rgba(0,0,0,.5); position: relative;}
.evidenzehome article .thumb-wrapper img { width: 100%; vertical-align: bottom; }
.evidenzehome article header {  padding: 5px; border: 1px solid #F9CD6C; position: relative; overflow: hidden; background: #F5A729;}
.evidenzehome article header:before { content: ""; position: absolute; z-index: 1; right: -10px; top: 0; height: 100%; width: 35px; border-left: 1px solid #F9CD6C; 
background: rgb(251,193,90);
background: -moz-linear-gradient(top,  rgba(251,193,90,1) 0%, rgba(240,135,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,193,90,1)), color-stop(100%,rgba(240,135,0,1)));
background: -webkit-linear-gradient(top,  rgba(251,193,90,1) 0%,rgba(240,135,0,1) 100%);
background: -o-linear-gradient(top,  rgba(251,193,90,1) 0%,rgba(240,135,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(251,193,90,1) 0%,rgba(240,135,0,1) 100%);
background: linear-gradient(to bottom,  rgba(251,193,90,1) 0%,rgba(240,135,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc15a', endColorstr='#f08700',GradientType=0 );
-webkit-transform: skew(-13deg,0);
-moz-transform: skew(-13deg,0);
-o-transform: skew(-13deg,0);
transform: skew(-13deg,0);
}
.evidenzehome article:nth-child(2) header { border-color: #DC4154; background: #CB0E24;}
.evidenzehome article:nth-child(2) header:before { border-color: #EB6B4A;
background: rgb(235,107,74);
background: -moz-linear-gradient(top,  rgba(235,107,74,1) 0%, rgba(214,0,28,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,107,74,1)), color-stop(100%,rgba(214,0,28,1)));
background: -webkit-linear-gradient(top,  rgba(235,107,74,1) 0%,rgba(214,0,28,1) 100%);
background: -o-linear-gradient(top,  rgba(235,107,74,1) 0%,rgba(214,0,28,1) 100%);
background: -ms-linear-gradient(top,  rgba(235,107,74,1) 0%,rgba(214,0,28,1) 100%);
background: linear-gradient(to bottom,  rgba(235,107,74,1) 0%,rgba(214,0,28,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb6b4a', endColorstr='#d6001c',GradientType=0 );
}
.evidenzehome article header h2 { font-size: 14px; font-weight: 300; margin-bottom: 2px; }
.evidenzehome article header h2:after { content: ""; position: absolute; z-index: 2; right: 5px; top: 0; height: 100%; width: 8px; background: url(../pics/arrow-w.png) no-repeat right center; }
.evidenzehome article header h2 a { color: #ffffff;}


.evidenzelist article { position: relative; overflow: hidden; box-shadow: 0 0 2px rgba(0,0,0,.5);}

.col-big .evidenzelist article { display: block; float: left; margin: 0 20px 20px 0; width: 280px; position: relative; }
.col-big .evidenzelist article.con-abstract .moreinfo { display: block; position: absolute; bottom: 10px; right: 10px; height: 25px; width: 25px; border-radius: 30px; font-size: 16px; font-weight: 700; text-align: center; vertical-align: middle; background: rgb(246, 164, 0); background: rgba(246, 164, 0, .8); color: #ffffff;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; 
-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; }
.col-big .evidenzelist article .corpo { position: absolute; bottom: -300px; left: 0; padding: 10px; background: rgb(4, 125, 46); background: rgba(4, 125, 46, .8); color: #ffffff; width: 100%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; 
-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; 
}
.col-big .evidenzelist article .corpo h3 { font-weight: 700; color: #ffffff;}
.evidenzelist article:hover .corpo { bottom: 0;}
.evidenzelist article.con-abstract:hover .moreinfo { -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}

/* LISTE
--------------------------------------------------------------------------------------------- */
.list { margin: 40px 0; padding: 0; }
.list article { display: block; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #d6d6d6; }
.list article.last { border-bottom: none; }

.list article h2 { font-size: 18px; margin-bottom: 5px; }
.list article h3 { font-size: 16px; margin-bottom: 5px; }
.list article .thumb-left { float: left; margin: 0 20px 0 0; }
.list article .thumb-right { float: right; margin: 0 0 0 20px; }
.list article .thumb-wrapper { }
.thumb-wrapper img { width: 100%; }
.list article .corpo { overflow: hidden; }
.list article .abstract { overflow: hidden; color: #666; font-size: 14px; line-height: 1.2em; }

.evidenzelist article { margin-bottom: 25px; display: table; width: 100%;}
.evidenzelist article header { padding: 10px 50px 10px 20px; background: #F5A729; width: 100%; -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;}
.evidenzelist article.first header { background: #CB0E24;}
.evidenzelist article header h2,
.evidenzelist article header h3 { color: #ffffff; margin: 0;}
.evidenzelist article header h2 { font-size: 20px; font-weight: 700; }
.evidenzelist article header h3 { font-size: 16px;}
.evidenzelist article header h2 a { color: #ffffff;}
.evidenzelist article header div { height: 40px;}
.evidenzelist article header .arrow { position: absolute; right: 10px; top: 0; height: 100%; width: 30px; background: url(../pics/arrow-w-big.png) no-repeat right center;}

.evidenzelist.elenco-ricette article { float: left; margin: 0 20px 40px; height: 75px; width: 45.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.evidenzelist.elenco-ricette article figure { width: 75px;}
.evidenzelist.elenco-ricette article header { padding-right: 60px; text-align: left;}
.evidenzelist.elenco-ricette article:nth-child(4n+2) header,
.evidenzelist.elenco-ricette article:nth-child(4n+3) header { background: #CB0E24;}
.evidenzelist.elenco-ricette article header h2 { font-size: 22px; font-weight: 300; text-transform: uppercase;}
.evidenzelist.elenco-ricette article header .arrow { right: 20px;}
 

/*** PAGINE CUSTOM
--------------------------------------------------------------------------------------------- ***/
/* pagina ricetta */
.pagina-ricetta h1 { font-family: 'Norican', cursive; text-transform: none; font-size: 60px;}
.pagina-ricetta .wrapper-video { margin: 25px 0; }

.box-ingredienti { padding: 25px; background: #EDEDED; border: 1px solid #D8D8D8; margin-bottom: 20px;}
.box-ingredienti h5 { padding: 10px 10px 10px 60px;  background-color: #CB0E24; background-repeat: no-repeat; background-position: 23px center; color: #ffffff; margin: 0 0 15px -34px; position: relative;}
.box-ingredienti h5:before { content: ""; position: absolute; left: 0; top: -8px; border-right: 9px solid #990000; border-top: 8px solid transparent;}
.box-ingredienti h5.tempo { background-image: url(../pics/ico-tempo.png);}
.box-ingredienti h5.dosi { background-image: url(../pics/ico-dosi.png);}
.box-ingredienti h5.difficolta { background-image: url(../pics/ico-difficolta.png);} 

.box-commento { background: url(../pics/commento-barbara.jpg) no-repeat; padding: 20px 20px 20px 100px; font-family: 'Norican', cursive; font-size: 24px; line-height: 1.1em; text-align: right; color: #BD1420; min-height: 150px; width: 180px; }

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

.groupage-valfrutta { width: 355px; height: auto; margin: 0 0 20px -30px;}
.widget-valfrutta h2 { margin: 20px 0; font-size: 46px; line-height: 1em; text-align: center;}
.widget-valfrutta ul { background: #DBE49A; padding: 15px; position: relative; margin-top: 60px;}
.widget-valfrutta ul:before { position: absolute; content: ""; top: -55px; left: 0; border-left: 150px solid #DBE49A; border-top: 55px solid transparent;}
.widget-valfrutta ul:after { position: absolute; content: ""; top: -55px; right: 0; border-right: 150px solid #DBE49A; border-top: 55px solid transparent}
.widget-valfrutta ul li { list-style: none; margin-bottom: 10px; font-size: 14px;}
.widget-valfrutta ul li strong { font-size: 13px; line-height: 1em; font-weight: bold; color: #44A12B; padding: 3px 6px; border: 3px solid #44A12B; border-radius: 30px; float: left; margin: -3px 8px 0 0;} 
.widget-valfrutta ul li span { overflow: hidden; display: block;} 

#i-nostri-valori .wrapper-body,
#our-values .wrapper-body  { background: #ffffff url(../pics/bg-valfrutta.png) no-repeat 0 200px; background-size: 570px;}

#i-nostri-valori .htmlcontent ul,
#our-values .htmlcontent ul { font-size: 16px; line-height: 1.4em; margin: 50px 40px; padding: 0 0 20px;}
#i-nostri-valori .htmlcontent ul:first-of-type,
#our-values .htmlcontent ul:first-of-type { margin-top: 60px; margin-bottom: 0px;}

#contatti .attachment-wrapper,
#contact-us .attachment-wrapper { overflow: hidden;}
#contatti .form-wrapper,
#contact-us .form-wrapper { float: right; width: 50%; margin-left: 20px;}

#guarda-il-video .attachment.video,
#watch-the-video .attachment.video { margin: 0;}
#guarda-il-video .attachment.video .singledocument,
#watch-the-video .attachment.video .singledocument { float: none; margin: 0;}

/*  FOOTER
---------------------------------------------------------------------------------------------------------------------- */
#footer {  padding: 13px 0 7px; background: #C80122; width: 100%; clear: both; font-size: 12px; letter-spacing: .5px; color: #ffffff; position: relative; z-index: 10; }

#footer .footercontent { font-size: 12px; padding: 0 15px 10px;}
#footer .footercontent a { color: #ffffff; text-decoration: underline;}
#footer .footercontent p { line-height: 1.4em; }

#footer .footermenu { padding: 10px 15px;}
#footer ul.navbar_footer li { font-size: 13px; line-height: 1em; font-weight: bold; padding: 0 15px; border-left: 1px solid #C9C9C9; display: inline;}
#footer ul.navbar_footer li a { color: #ffffff;}
#footer ul.navbar_footer li:first-child { padding-left: 0; border-left: none; }
#footer ul.navbar_footer li:last-child { padding-right: 0; border-right: none; }

#footer ul.navbar_footer li ul li { text-transform: none; font-size: 16px; font-weight: 400; margin-top: 10px; border: none; padding: 0; }
#footer ul.navbar_footer li ul li a { color: #ffffff; }

.social { float: right; clear: both;}
.social li,
.social li a { float: left; height: 16px; line-height: 1em;}
.social li { margin: 0 15px;}
.social li a.fb { background-image: url(../pics/fb.png); width: 8px; }
.social li a.tw { background: url(../pics/tw.png); width: 19px;}
.social li a.yt { background: url(../pics/yt.png); width: 14px;}
.social li a.pt { background: url(../pics/pin.png); width: 16px;}
.social li a.b { background: url(../pics/b.png); width: 13px;}
.social li a { background-size: contain; background-repeat: no-repeat; background-position: center;}

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

#technical { width: 400px; text-align: left; border-radius: 0; border: 4px solid #cccccc; margin: 10px auto;}




/*** STILI NON SEMPRE UTILIZZATI  ***/


/*** RICERCA STANDARD
--------------------------------------------------------------------------------------------- ***/
#search { box-shadow: 0 0 2px rgba(0,0,0,.3); padding: 10px; border-radius: 5px;
          background: #ffffff;
          background: -moz-linear-gradient(top,  #ffffff 0%, #e4e4e4 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e4e4));
          background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
          background: -o-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
          background: -ms-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
          background: linear-gradient(to bottom,  #ffffff 0%,#e4e4e4 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 );
}
#search form { margin: 0; }

#advanced-search { -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; }

#search-top .form-box { margin-bottom: 15px; }
#search-top .form-box label { font-size: 14px; font-weight: bold; }


/*  RICERCA GOOGLE
---------------------------------------------------------------------------------------------------------------------- */
.gsc-control-cse { background: #F2F2F2 !important; border: 1px solid #d6d6d6 !important;}

	/* form */
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus { background-color: #5E6A89 !important;}
.cse input.gsc-search-button, input.gsc-search-button { border-radius: 0 2px 2px 0 !important;}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { margin: 0 !important;}
.gsc-search-box-tools .gsc-search-box .gsc-input { padding: 0  !important;}
form.gsc-search-box { margin: 0  !important;}
.gsst_a .gscb_a { position: relative; top: 2px;}
.gsib_a { padding-top: 0 !important; height: 27px !important; }
.gsc-search-box-tools .gsc-search-box .gsc-input { vertical-align: initial;}

.gsc-selected-option-container { background: #ffffff !important;}

	/* risultati */
.gsc-results { width: 100% !important;}
.gsc-webResult .gsc-result { padding: 10px !important;}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top { padding: 0 !important;}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult { border-color: #f2f2f2 !important; border-width: 0 0 4px !important;}

.gs-title { font-family: 'Acta display',Times,Georgia,serif; font-size: 19px !important; font-weight: 700 !important; }
.gs-result .gs-title, .gs-result .gs-title * { text-decoration: none !important;}
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b { color: #5E6A89 !important;  }
.gsc-results .gsc-cursor-box .gsc-cursor-current-page { background: none !important; color: #5e6a89 !important;}


/*** 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;
}

/*** PRELOADBOX
--------------------------------------------------------------------------------------------- ***/
.preloadbox-wrapper { clear: both;}
.preloadbox {
    background: #ffffff;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: auto !important;
    margin: 0;
    min-height: 50px;
    padding: 15px 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative; z-index: 600;
}
.preloadbox .loading { display: none;}
.preloadbox.loadingfile .loading { display: inherit;}
.preloadbox.loadingfile .thumbnail { display: none;}
.preloadbox figure { float: left; height: 60px; margin: 0 10px 0 5px; width: 60px;}
.preloadbox figure img { height: 60px; width: 60px;}

.preloadbox h5 { margin: 0 auto; padding: 0 0 10px;}
.preloadbox h5 span { color: #666666; display: block; font-weight: 100;}

.upload-standard { margin: 10px 0 0 5px; font-weight: bold; padding: 1px 25px 2px; background: url(../pics/arrow-up.png) no-repeat left top; display: block; line-height: 1em;}

.dragoverbody #preloadbox-overlay {
    background: none repeat scroll 0 0 #000000;
    opacity: 0.5;
    z-index: 500;
}
.dragoverbody .preloadbox { box-shadow: 0 0 0 2px #C90033;}
#preloadbox-overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -10;
}

/* banner cookies policy */
body.banner-policy { margin-top: 60px;}

.cp-box-alert { font-family: Helvetica,Arial,sans-serif; box-shadow: 0 5px 4px rgba(0, 0, 0, 0.3); color: #ffffff; background: #008639; 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: 310; 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 .htmlcontent a { color: #ffffff; 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.informativa-cookies section.htmlcontent table td { border: 1px solid #008639; padding: 5px; }

/* @package OxCMS_Base */
/*------------------------------------*\
    GRID SYSTEM body e tablet landscape
\*------------------------------------*/

.visible-desktop { display: inherit; }
.hidden-desktop { display: none; }


.col-md-push-r-1 { margin-right: 65px;}
.col-md-push-l-1 { margin-left: 85px;}


/* fino a tablet  ----------- */
@media (max-width: 1024px) {	
	
	.extwrapper { overflow-x: hidden;}
	.htmlcontent table { margin: 0;}
		
	img { max-width: 100%;}
	
	#header #logo { top: 10px; left: -20px; }
	
	/* menu */
	nav#main_nav { margin-left: 80px; }
	
	ul.navbar_principale li { font-size: 13px;}
}


/* tablet portrait ----------- */
@media (min-width: 768px) and (max-width: 1020px) {
	
	.visible-tablet { display: inherit; }
	.hidden-desktop { display: inherit;}
    .hidden-tablet { display: none; }
    
	.wrapper,
	#mainbody .wrapper { max-width: 700px; width: 700px;}
	#footer .wrapper,
	#header .wrapper,
	.wrapper.wrapper-header-image { max-width: 768px; width: 768px;}
	
	#header #logo { left: -10px; top: 30px; width: 250px;}
	#header #logo img { width: 100%;}
	
	nav#main_nav { margin-left: 60px;}
	ul.navbar_principale li { font-size: 12px;}
	ul.navbar_principale li ul { top: 33px;}
	
	
	.col-small { width: 100%; margin: 0;}
	.col-big { margin-bottom: 40px; overflow: inherit;}
	
	.home .col-small { margin: 0 0 20px;}
	.home .col-big { overflow: inherit; margin-bottom: 0;}
	.home_slide_wrapper { width: 100%; height: auto; max-width: inherit;}

	.pagina-valfrutta-valori .col-small { width: 300px;}
	
	#mainbody .wrapper { padding: 30px 34px 25px;}

	.wrapper-header-image + #mainbody .htmlcontent { margin-top: 0;}

	h1.pagetitle { margin-bottom: 30px;}
	
	.evidenzehome article { width: 337px;}
	
	.evidenzelist article { float: left; margin: 0 25px 25px; width: auto;}

	.evidenzelist.elenco-ricette article { margin: 0 15px 30px;}
	.evidenzelist.elenco-ricette article header { padding: 5px 50px 5px 10px;}
	.evidenzelist.elenco-ricette article header h2 { font-size: 19px; line-height: 1em;}
	
	.htmlcontent { margin-top: 50px;}
	.htmlcontent img { text-align: center;}
	
	#i-nostri-valori .wrapper-body { background-size: 410px;}
	#i-nostri-valori .htmlcontent ul { font-size: 14px; line-height: 1.1em; margin: 35px 20px; padding: 0 0 20px;}
	
	.attachment.video,
	.images .singledocument { text-align: center; margin: 0 -10px;}
	.attachment.video .singledocument,
	.images .imagewrapper { float: none; display: inline-block; margin: 10px;}
	.images .imagewrapper { width: 275px; height: auto;}
	.images .imagewrapper img { width: 100%;}
	
	.pagina-ricetta .col-small { width: 210px;}

	.box-commento { background-size: contain; font-size: 21px; line-height: 1em; min-height: 100px; padding: 15px 15px 20px 100px; width: 95px;}

	
}

	
/* tablet portrait ----------- */
@media (max-width: 768px) { 
	
	.home .col-small { width: 100%;}
	.evidenzelist.elenco-ricette article header h2 { font-size: 20px;}
	.pagina-ricetta	.wrapper-video iframe { width: 100% !important;}


}

/* smartphone  ----------- */
@media (max-width: 767px) {
	
	.hidden-desktop { display: inherit;}
    .hidden-tablet,
	.visible-phone { display: inherit; }
	.visible-tablet,
    .hidden-phone { display: none !important; }	
	
	.wrapper,
	#mainbody .wrapper,
	#footer .wrapper { max-width: inherit; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 20px;}
	.wrapper-header-image,
	#footer .wrapper { padding: 0;}
	#mainbody { overflow: hidden;}
	
	#header .wrapper { padding-left: 0; padding-right: 0; padding-bottom: 0;}
	#header #logo { left: 10px; z-index: 5;}
	#header #logo img { width: 180px;}
	
	nav#main_nav { margin: 0; padding: 10px; background: #037D2E;}
	nav#main_nav select { display: inherit; }
	nav#main_nav ul { display: none; }
	nav#main_nav select option { padding: 3px 6px;}
	nav#main_nav select option.subpage { padding-left: 15px;}
	
	#langswitch { right: 15px; top: 15px;}
	#langswitch a { margin-left: 5px;}
	
	.wrapper-logo-vf { padding: 45px 0 15px; }
	
	.slide_wrapper .carousel-caption { position: relative; top: 0; padding: 10px;}
	.slide_wrapper .carousel-caption h2 { font-size: 20px;}
	.slide_wrapper .carousel-indicators { top: 100px; bottom: auto; }
	
	.col-small { width: auto; }
	.col-small.left,
	.col-small.right { float: none; margin: 0;}
	
	h1.pagetitle { margin-bottom: 20px;}
	
	.groupage-valfrutta { margin-left: 0;}
	
	.col-small.left { margin-bottom: 20px;}
	
	.box-commento { width: 160px; background-size: 100% auto; line-height: 1.1em;}
	
	#i-nostri-valori .wrapper-body { background-image: none;}
	#i-nostri-valori .htmlcontent ul { margin: 0 0 20px; font-size: inherit;}
	#i-nostri-valori .htmlcontent ul:first-of-type { margin-top: 20px;}
	
	.widget-valfrutta ul { margin: 80px 0 0; padding: 15px;}
	
	.pagina-ricetta h1 { font-size: 39px;}
	
	#contatti .form-wrapper { float: none; width: 100%; margin-left: 0;}
	
	/* liste */
	.evidenzehome .evidenzelist-home { margin-left: 0;}
	.evidenzehome article { width: 100%; margin-left: 0;}
	.evidenzelist.elenco-ricette article { width: 100%; margin: 0 0 20px; float: none;}
	.evidenzelist.elenco-ricette article header { padding: 10px 30px 10px 10px;}
	.evidenzelist.elenco-ricette article header h2 { font-size: 18px; line-height: 1em;}
	.evidenzelist.elenco-ricette article header .arrow { right: 10px;}
	
	/* allegati */
	.photogallery .imagewrapper { float: left; margin: 0 1px 1px 0; width: 49%; clear: none;}
	.video-container-inline { height: 200px;}
	.attachment.video .singledocument { margin-bottom: 20px;}
	.images .imagewrapper { float: none; max-width: 100%;}
	.images .imagewrapper img { width: 100%;}
	
	table tr,
	table td { display: block;}
	table td { padding-bottom: 20px; padding-left: 0 !important;}
 	
	/* footer */	
	#footer { padding: 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
	.dsign { font-weight: bold;}
	.dsign.hidden-desktop { float: none; display: block; margin-top: 20px; text-align: center;}
	.dsign.hidden-desktop .social { float: none; display: block; margin-bottom: 10px;}
	
	.social { float: none;}
}