/* @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 0 10px;}
.htmlcontent img { max-width: 100%; border: 9px solid #F2F2F2;}
.htmlcontent img[style="float: right;";] { margin: 0 0 0 56px; }
.htmlcontent img[style="float: left;";] { margin: 0 56px 0 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-bottom: 10px;}
.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 { }
.htmlcontent h2 { margin: 40px 0 20px;}
.htmlcontent ul { padding: 0; }
.htmlcontent ul,
.htmlcontent ul li { list-style-type: none; }
.htmlcontent ul li { position: relative; padding-left: 18px; margin-bottom: 5px; line-height: 1.3em;}
.htmlcontent ul li:before { content: ""; height: 5px; width: 5px; border-radius: 10px; background: #33B5E5; position: absolute; left: 0; top: 7px; }
.htmlcontent ul ul,
.htmlcontent ul ul li {	list-style-type: circle; list-style-position: outside; }
.htmlcontent ol { padding: 0 0 20px 0; } 
.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: 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-family: 'Roboto Slab', Georgia, Times, serif; font-size: 18px; line-height: 1em; font-weight: 700; color: #4D4D4D; margin: 0 0 15px;}
.doctitle span { display: inline-block; padding-bottom: 10px; border-bottom: 1px solid #4D4D4D;}

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

.attachment { margin-bottom: 40px;}
.attach_column .attachment { margin: 20px 0 0;}

.imagewrapper { width: 224px;}
.imagewrapper a { text-align: center; display: block; margin: 0;}
.imagewrapper a:hover { text-decoration: none;}
.imagewrapper img { vertical-align: top; margin: 0; padding: 0; 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; border: 1px solid #ccc;}
.imagewrapper figcaption { font-size: 14px; text-align: left; font-weight: 700; font-style: italic; line-height: 1em; margin: 10px 0 0; padding-left: 1px; color: #33B5E5; max-width: 100%; height: 45px; overflow: hidden; }

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

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

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

/* Allegati: photogallery */
.photogallery .imagewrapper { float: left; text-align: center; margin: 0 28px 28px 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 0; position: relative; height: 183px !important;}
.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: 730px !important; height: 183px !important;}
.photogallery .image_carousel .imagewrapper { margin: 0 29px 0 0;}


.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/icon-pdf.svg); background-position: 0 0; background-repeat: no-repeat; margin-bottom: 10px;}
.docs .singledocument a { font-family: 'Roboto Slab', Georgia, Times, serif; font-size: 16px; line-height: 1em; font-weight: 700; display: block; margin: 0 0 5px; padding-top: 10px;}
.docs .singledocument .doc_info { margin: 0; font-size: 14px; font-weight: 300; line-height: 1.1em; position: relative;}
.docs .singledocument .doc_info strong { font-weight: 300;}
.docs .singledocument .doc_abstract { 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 */
.attachment.video .singledocument { margin-bottom: 24px; padding-bottom: 24px;}
.attachment.video .video_abstract { margin: .5em 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; max-width: 100%;}
.video-container-inline iframe,
.video-container-inline object,
.video-container-inline embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


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

#mainbody .attachment-wrapper { margin-top: 40px;}
#mainbody .attachment-wrapper .wrapper { padding: 0;}

.twocol .body_column .attachment.photogallery .imagewrapper:nth-child(3n+0),
.corpo .attachment.photogallery .imagewrapper:nth-child(3n+0) { margin-right: 0;}
.twocol .body_column .attachment.photogallery .imagewrapper.last,
.corpo .attachment.photogallery .imagewrapper.last { margin: 0 28px 28px 0;}

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


/* ACCORDION (bootstrap)
--------------------------------------------------------------------------------------------- */
.htmlcontent + .panel-group { margin-top: 40px; padding-top: 30px; background: url(../pics/dott.svg) repeat-x 0 0;}

.panel { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #cccccc;}
.panel.last { margin-bottom: 0; padding-bottom: 0; border: none;}
.panel-title { font-weight: 400; margin: 0;}
.panel-title a { display: block; color: #666666; font-weight: 700;}
.panel-title a.collapsed { color: #33B5E5; font-weight: 400;}
.panel-title a:hover { color: #666666;}
.panel-title a i { float: left; padding-right: 10px; width: 20px; vertical-align: middle;}
.panel-title a span { display: block; overflow: hidden; padding-left: 15px; border-left: 1px solid #B3B3B3;}
.panel-title a img { width: auto; vertical-align: sub; position: relative;
-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;
}

.open-up .panel-title a img { transform: rotate(-90deg);}
.open-down .panel-title a img { transform: rotate(90deg);}
.panel-title a img { -ms-transform-origin: 100% 100%;  -webkit-transform-origin: 100% 100%; -moz-transform-origin: 90% 50%; transform-origin: 90% 50%; top: 5px;}
.panel-title a.collapsed img { transform: rotate(0); top: 0;}

.panel-collapse { height: 0; opacity: 0; overflow: hidden; padding-top: 0; padding-bottom: 0; border: none;
-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.in { height: auto; opacity: 1; margin-top: 15px; }

.open-up .panel-collapse { height: auto !important; opacity: 1; }  
.open-up .panel-collapse .abstract {
-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;
}
.open-up .panel-collapse.in .abstract { max-height: inherit; } 
.open-up .panel-collapse.in .abstract:after { opacity: 0; z-index: 0;}

.panel-body { margin-left: 45px}


/*  MODAL (bootstrap)
--------------------------------------------------------------------------------------------- */
.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-radius: 6px; outline: none; 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;}
.modal-body { padding: 10px 20px 20px; margin: 0; color: #333333; height: auto; width: auto; 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 { padding: 15px 20px 0; font-size: 1.357em /*19px*/; position: relative;}
.modal-header h4 { font-weight: 400; line-height: 30px; margin: 0; text-transform: uppercase;}

.modal-footer { overflow: hidden; margin-bottom: 0; text-align: center; background-color: #f5f5f5; border-top: 1px solid #ddd; border-radius: 0 0 6px 6px; *zoom: 1; box-shadow: inset 0 1px 0 #ffffff; clear: both;}
.modal-footer button { width: 50%; padding: 20px; border-radius: 0; }
.modal-footer button:first-child { border-right: 1px solid #ddd;}
.modal-footer button:hover { background: #E5E5E5;}

.fade { opacity: 0; display: none;
    -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; display: inherit;}

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000;}
.modal-backdrop.fade { opacity: 0;}
.modal-backdrop,
.modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); }

/* @package OxCMS_Base */

/*** LEGENDA ALTEZZA FONT IN EM - base: 14px (http://pxtoem.com/)
---------------------------------------------------------------------------------------------------------------------------------------**/

/*font-size: 0.786em /*11px*/
/*font-size: 0.857em /*12px*/
/*font-size: 0.929em /*13px*/
/*font-size: 1em     /*14px*/
/*font-size: 1.071em /*15px*/
/*font-size: 1.143em /*16px*/
/*font-size: 1.214em /*17px*/
/*font-size: 1.357em /*19px*/
/*font-size: 1.429em /*20px*/
/*font-size: 1.5em   /*21px*/
/*font-size: 1.571em /*22px*/
/*font-size: 1.714em /*24px*/
/*font-size: 4.643em /*65px*/
/*font-size: 4.857em /*68px*/


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

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

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

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

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

a[disabled], button[disabled], html input[disabled] { cursor: default; }
a[disabled] img { opacity: .4;}

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; float: left; margin: 0 10px 0 0; width: 1.1em; height: 1.1em;}
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 0 10px; margin-bottom: 25px; 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 { border-radius: 5px; border: 1px solid #A9A9A9; box-shadow: 0 0 10px rgba(0,0,0,.4) inset;}
span.errorstring { font-size: .7em; display: block; clear: both;}

/* input - select - textarea */
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea { font-weight: 400; font-size: 14px; line-height: 1em; color: #333; padding: 10px; border: 2px solid #33B5E5; background: transparent; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; }

input[type="text"],
input[type="password"],
input[type="email"] { padding: 0 10px; height: 45px;}


/* label */
label, .label { text-align: center; display: block; margin-bottom: 10px; font-weight: 700; font-size: 19px; line-height: 1em; color: #333333;}

/* select */
select { position: relative; height: 45px; padding: 0 10px; }
select option { padding: 5px 10px;}
.arrow-select { display: block; position: relative; z-index: 0;}
.arrow-select:after { content:''; height: 45px; width: 50px; right: 0; top: 0; border: 2px solid #169BCC; background: #ffffff; position: absolute; pointer-events: none; z-index: 20; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.arrow-select:before { content:''; position: absolute; top: 50%; margin-top: -5px; right: 16px; border-top: 10px solid #169BCC; border-right: 9px solid transparent; border-left: 9px solid transparent; z-index: 30; pointer-events: none; }

/* 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: 25px; } /* Form group: wrap labels and controls */


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


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


/*** FORM HORIZONTAL (label di fianco all'input)
---------------------------------------------------------------------------------------------------------------------------------------**/
.form-horizontal label { width: 265px; margin: 6px 10px 0 0; text-align: right; float: left;}
.form-horizontal .formelements { overflow: hidden; max-width: 360px;}
.form-horizontal .box-whitout-label,
.form-horizontal .privacy-policy-input,
.form-horizontal .form-actions { margin-left: 275px;}
.form-horizontal .formelements label { width: auto; display: inline-block; font-weight: 300; margin-right: 15px;}
.form-horizontal .formelements input[type="checkbox"], 
.form-horizontal .formelements input[type="radio"] { margin: 7px 10px 0 0;}

.required .formelements label:after { display: none;}

.box-privacy { height: 150px; overflow-y: auto; }


/*** REQUIRED LABEL
---------------------------------------------------------------------------------------------------------------------------------------**/
.required label { }
.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: 180px;}
.input-large { width: 210px;}
.input-xlarge { width: 270px;}
.input-xxlarge { width: 530px;}


/* ELEMENTI CUSTOM */
form { font-family: 'Roboto Slab', Georgia, Times, serif; margin: 30px 0 0; padding: 0;}
#subteams legend { margin-bottom: 0;}
#subteams { margin-bottom: 40px; margin-left: 275px; padding: 20px 0 0;}
.form-horizontal #subteams label { font-size: 16px; text-align: left; width: 100px; }
.form-horizontal #subteams .formelements { width: 250px;}

/** BUTTONS
---------------------------------------------------------------------------------------------------------------------------------------**/
a.button,
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { font-family: 'Roboto Slab', Georgia, Times, serif; font-weight: 700; font-size: 14px; line-height: 1em; color: #ffffff; text-decoration: none; text-align: center; position: relative; z-index: 80; display: inline-block; width: auto; height: auto; padding: 10px 20px; background: #FF4444; border: 1px solid #FF4444; border-radius: 4px;}
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; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);}

a.button.outline,
button.outline,
input[type="button"].outline,
input[type="reset"].outline,
input[type="submit"].outline { border: 1px solid #169BCC; background-color: #ffffff; color: #169BCC;}

a.button.icon,
button.icon,
input[type="button"].icon,
input[type="reset"].icon,
input[type="submit"].icon { padding: 10px 20px 10px 30px;}

a.button.readmore,
button.readmore,
input[type="button"].readmore,
input[type="reset"].readmore,
input[type="submit"].readmore { background: #ffffff url(../pics/arrow-b.svg) no-repeat 15px center; }

a.button.back,
button.back,
input[type="button"].back,
input[type="reset"].back,
input[type="submit"].back { padding-left: 40px; font-size: 18px; background: #ffffff url(../pics/arrow-back.svg) no-repeat 15px center; }

a.button.back.arancio,
button.back.arancio,
input[type="button"].back.arancio,
input[type="reset"].back.arancio,
input[type="submit"].back.arancio { padding: 7px 15px 7px 30px; font-size: 15px; border-color: #FFBB33; background: #FFBB33 url(../pics/arrow-w-back.svg) no-repeat 10px center; border-radius: 0; }

a.button.clean,
button.clean,
input[type="button"].clean,
input[type="reset"].clean,
input[type="submit"].clean { border: none; background: none; color: #333333;}

a.button.edit,
button.edit,
input[type="button"].edit,
input[type="reset"].edit,
input[type="submit"].edit { background-image: url(../pics/icon-pen.svg); }

a.button.inline,
button.inline,
input[type="button"].inline,
input[type="reset"].inline,
input[type="submit"].inline { margin: 5px;}

a.button.medium,
button.medium,
input[type="button"].medium,
input[type="reset"].medium,
input[type="submit"].medium { width: 50%}

a.button.big,
button.big,
input[type="button"].big,
input[type="reset"].big,
input[type="submit"].big { width: 70%;}

a.button.full,
button.full,
input[type="button"].full,
input[type="reset"].full,
input[type="submit"].full { 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;}


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: -20px; }

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

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

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


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


/*** VALIDAZIONE
---------------------------------------------------------------------------------------------------------------------------------------**/
form .invalid input[type="text"],
form .invalid input[type="password"],
form .invalid textarea { background: #ffffff url(../pics/icon_no.png) no-repeat 98% center; border-color: #C52825; }
form .invalid select,
form .invalid .arrow-select:after { border: 2px solid #C52825;}
form .invalid .arrow-select:before { border-top-color: #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%;}


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


/*** ALERT
---------------------------------------------------------------------------------------------------------------------------------------**/
.alert,
.errormessage,
.error_container,
.DSP_AUTH_FORGOT_ERRORMESSAGE { clear: both; 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: 0.929em /*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_container,
.DSP_AUTH_FORGOT_ERRORMESSAGE { clear: both; 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 {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}



/* @package OxCMS_Base */

body {
    font-size: 15px; 
    line-height: 1.5em;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 400;
    height: 100%;
    text-align: left;
    color: #333333;
   	min-width: 1024px;
}


/*** LEGENDA ALTEZZA FONT IN EM - base: 14px (http://pxtoem.com/)
---------------------------------------------------------------------------------------------------------------------------------------**/

/*font-size: 0.786em /*11px*/
/*font-size: 0.857em /*12px*/
/*font-size: 0.929em /*13px*/
/*font-size: 1em     /*14px*/
/*font-size: 1.071em /*15px*/
/*font-size: 1.143em /*16px*/
/*font-size: 1.214em /*17px*/
/*font-size: 1.357em /*19px*/
/*font-size: 1.429em /*20px*/
/*font-size: 1.5em   /*21px*/
/*font-size: 1.571em /*22px*/
/*font-size: 1.714em /*24px*/
/*font-size: 4.643em /*65px*/
/*font-size: 4.857em /*68px*/


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

::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, .navbar { font-family: 'Roboto Slab', Georgia, Times, serif; font-weight: 700; color: #333333; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; line-height: 1.1em; }

h1{	font-size: 32px; color: #4D4D4D;}
h2{ font-size: 26px; font-weight: 300;}
h3{	font-size: 21px; color: #4D4D4D; margin-bottom: 20px;}
h4{	font-size: 18px; }
h5{ font-size: 0.929em; font-weight: 400; }

h1,
h2 { padding-bottom: 15px; margin-bottom: 15px; background: url(../pics/dott.svg) repeat-x left bottom;}

.pagetitle { text-transform: uppercase; margin-bottom: 30px; padding-bottom: 30px;}

h2.big { font-size: 32px; color: #575756; font-weight: 300; margin-bottom: 15px; padding: 0; background: none;}

/* titoletto barrato */
.line-through { position: relative;}
.line-through:before { content: ""; position: absolute; left: 0; top: 60%; width: 100%; border-top: 1px solid #4D4D4D; z-index: 1;}

.line-through span { padding: 0 10px 0 0; background: #ffffff; position: relative; z-index: 5;}
.align-center .line-through span { padding: 0 15px;}


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

/* 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; }
.table { display: table; 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;}
.cell { display: table-cell; vertical-align: middle; width: auto;}

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

.box-double-margin { margin: 20px 0;}

/* reset testo bianco per box colorati */
.txt-white,
.txt-white h1,
.txt-white h2,
.txt-white h3,
.txt-white h4,
.txt-white h5,
.txt-white h6,
.txt-white p,
.txt-white a,
.txt-white label,
.txt-white .htmlcontent { color: #ffffff;}
.txt-white hr { border-color: #ffffff; border-color: rgba(255,255,255,.4);}
.txt-white .line-through:before { border-color: #ffffff;}

/* colori testo */
.txt-blue-light { color: #0099CC; }
.txt-grey { color: #666666;}
.txt-orange { color: #FF8800;}

/* colori background */
.bg-blue-light,
.bg-blue-light .line-through span  { background: #33B5E5; }
.bg-orange { background: #FF8800;}
.bg-yellow { background: #FFBB33;}

/* thumbnail */
.thumb-wrapper img { vertical-align: top; width: 100%;}
.thumb-wrapper.right { margin: 0 0 0 15px; }
.thumb-wrapper.left { margin: 0 15px 0 0; }
.thumb-wrapper.rounded { border-radius: 50%; overflow: hidden;}
.thumb-wrapper.grey { border-color: #EBEBEB; box-shadow: none;}

.corpo { overflow: hidden; }
.padding-standard { padding: 15px;}
.padding-standard .wrapper-bt { margin: 10px 0;}

hr { height: 3px; background: url(../pics/dott.svg) repeat-x left center; border: none; margin: 25px 0; }


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


/*** CONTENITORE COLONNE
-----------------------------------------------------------------------------------------------------------------*/
#mainbody { margin: 0; overflow: hidden;}
#mainbody .wrapper { margin: 0 auto; padding: 40px 0; }
#mainbody .twocol .wrapper { padding-top: 0;}
#mainbody .attachment .wrapper { padding: 0;}


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


/*** HEADER
---------------------------------------------------------------------------------------------------------------------------------------**/
#header { z-index: 100; position: relative; }
#header .wrapper { position: relative; overflow: visible; }
#header #logo { position: absolute; top: 10px; left: 0; animation-name: fadeInDown; animation-delay: 0s; animation-duration: 1s; animation-fill-mode: both; z-index: 20;}
#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); }

.social li { display: inline-block; margin-right: 10px;}

.fascia-azzurra { font-family: 'Roboto Slab', Georgia, Times, serif; padding: 25px 0; background: #33B5E5; line-height: .8em; font-size: 35px; font-weight: 100; color: #ffffff;}
.fascia-azzurra aside { font-size: 24px;}
.fascia-azzurra aside .edition { padding-right: 20px; border-right: 1px solid #ffffff; margin-right: 15px;}

.widget_menu_secondario,
.widget_langSwitch { float: right;}


/* 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-select { width: 80px; border: 1px solid #E6E6E6; padding: 0 20px 0 10px; height: 26px; font-size: 12px; font-weight: 800; color: #333333; text-transform: uppercase;}


/* IE11 */
@media all and (-ms-high-contrast:none) {     
	*::-ms-backdrop, 
	#langswitch-select { padding-right: 0;}
}
     
#langswitch-select option { padding: 10px; margin: 0; color: #333333; font-size: 13px; font-weight: 700; border-bottom: 1px solid #E6E6E6; }
#langswitch .arrow-select:after { background: #ffffff; border: 1px solid #E6E6E6; border-left: 0; width: 20px; height: 100%;}
#langswitch .arrow-select:before { margin-top: -3px; right: 8px; border-width: 7px 6px 0; }
#langswitch-select:hover { border-color: #FFBB33; background: #FFBB33; color: #ffffff; }
#langswitch-select:hover option { background: #ffffff;}
#langswitch-select>option:hover { background-color: #ffffff !important; color: #ffbb33;}
#langswitch .arrow-select:hover:after { border-color: #FFBB33; background: #FFBB33; }
#langswitch .arrow-select:hover:before { border-top-color: #ffffff;}
#langswitch { margin-left: 20px;}
#langswitch a { color: #333; padding: 0 0 0 10px; margin: 0 0 0 10px; font-size: 12px; font-weight: 700; text-transform: uppercase; border-left: 1px solid #ffffff; }
#langswitch a.first { border: none; }


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

/* Main nav */
nav#main_nav { background-color: #003399; position: relative; box-shadow: 0 4px 5px -4px rgba(0,0,0,.5); padding: 26px 0 24px;}
nav#main_nav .wrapper select { display: none; }

ul.navbar { margin: 0 0 0 130px; padding: 0; list-style: none; position: relative; }
ul.navbar li.current a,
ul.navbar li a:hover { color: #FFBB33; }


/* Navbar principale */
ul.navbar_principale { padding: 0; }
ul.navbar_principale li { display: inline-block; padding: 0; margin: 0; font-size: 14px; font-weight: 400; position: relative; line-height: 1em; }
ul.navbar_principale li a { color: #fff; display: block; padding: 0 8px; border-right: 1px solid rgba(255,255,255,.25); }
ul.navbar_principale li:first-child a { padding-left: 0;}
ul.navbar_principale li:last-child a { border-right: none; padding-right: 0;}

.header-top { padding: 14px 0;}

/* Navbar secondario */
ul.navbar_secondario { float: right; margin: 0; font-size: 15px; font-weight: 700; }
ul.navbar_secondario li { display: inline-block; font-weight: normal; }
ul.navbar_secondario li a { color: #33B5E5; display: inline-block; padding: 0 20px; border-right: 1px solid #cccccc;}
ul.navbar_secondario li:first-child a { background: url(../pics/icon-user.svg) no-repeat left center; padding-left: 30px;}

/* Immagine di pagina responsive */
.page-image { overflow: hidden;  }
.page-image img { width: 1280px; position: relative; left: 50%; margin-left: -640px; }

.nastro { background: #FDCB00; color: #ffffff; line-height: .9em; padding: 0; margin: 0;}
.nastro span { display: block; position: relative; padding: 20px 0;}
.nastro .wrapper span { display: inline; padding: 0;}
.nastro span i { position: absolute; left: 100%; bottom: 0; top: -22px; width: 600%; display: block; border-bottom: 26px solid #ffffff; background: #E5B729;}
.nastro span i.sx { right: 100%; left: auto;}
.nastro span i.dx:before { content: ""; position: absolute; width: 0; height: 0; left: -22px; top: 0; border-bottom: 22px solid #CEA524; border-right: 22px solid transparent;}
.nastro span i.dx:after  { content: ""; position: absolute; width: 0; height: 0; left: -22px; top: 0; border-top: 22px solid #E5B729; border-left: 22px solid transparent;}
.nastro span i.sx:before { content: ""; position: absolute; width: 0; height: 0; right: -22px; top: 0; border-bottom: 22px solid #CEA524; border-left: 22px solid transparent;}
.nastro span i.sx:after  { content: ""; position: absolute; width: 0; height: 0; right: -22px; top: 0; border-top: 22px solid #E5B729; border-right: 22px solid transparent;}

/* Slideshow */
.slide_wrapper {  height: auto; overflow: hidden; position: relative; clear: both; margin: 0 auto; width: 100%; height: auto;}
.slide_wrapper .carousel-caption { font-family: 'Roboto Slab', Georgia, Times, serif; position: absolute; margin: 0 0 0 -490px; left: 50%; top: 0; height: auto; width: 980px; padding: 0; z-index: 10; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); color: #FFFFFF; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.slide_wrapper .carousel-caption h3 { color: #ffffff; text-shadow: 0 0 3px #000000; text-transform: uppercase; width: 400px; display: inline-block;}
.slide_wrapper .carousel-caption h3 a { color: #ffffff; display: inline-block; position: relative; padding: 0 20px;}
.slide_wrapper .carousel-caption h3 a:before { content: ""; position: absolute; width: 100%; right: 100%; top: 50%; border-top: 1px solid #ffffff; box-shadow: 0 0 3px #000000;}
.slide_wrapper .carousel-caption h3 a:after { content: ""; position: absolute; width: 100%; left: 100%; top: 50%; border-top: 1px solid #ffffff; box-shadow: 0 0 3px #000000;}
.slide_wrapper .carousel-caption .abstract { font-size: 93px; font-weight: 100; line-height: .8em; text-shadow: 0 0 3px #000000;}
.slide_wrapper .carousel-caption .abstract strong,
.slide_wrapper .carousel-caption .abstract b { font-weight: 700;}
.slide_wrapper .carousel-caption .abstract a { color: #FDCB06; }


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

.carousel-inner > .item { width: 100%; height: auto;
                          position: relative;
                          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: 75px; right: 0px; padding: 0; display: block; width: 100%; text-align: center; }
.slide_wrapper .carousel-indicators li { color: transparent; text-indent: -99999px; font-size: 1px; height: 9px; width: 9px; margin: 0 7px; border: 2px solid #cccccc; background: #ffffff; box-shadow: 0 0 2px #000000; }
.slide_wrapper .carousel-indicators .active { background: #8B2D5A; border-color: #ffffff; }

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


/*** COLONNA LATERALE
-----------------------------------------------------------------------------------------------------------------*/
.left_column { float: left; width: 223px; margin-right: 27px; font-family: 'Roboto Slab', Georgia, Times, serif;}
.left_column figure { text-align: center; }
.left_column figure figcaption { margin-top: 24px; position: relative; color: #FFBB33; font-size: 20px; font-weight: 700; padding: 15px 0; }
.left_column figure figcaption:before { content: ""; position: absolute; left: 50%; top: 0; width: 110px; margin-left: -55px; border-top: 1px solid #FFBB33;}
.left_column figure figcaption:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 110px; margin-left: -55px; border-bottom: 1px solid #FFBB33;}


.sidebar { padding-top: 0; }
.sidebar ul { margin: 0 0 20px 0; background: #33B5E5;}

.sidebar ul li { padding: 0; display: block; color: inherit; font-weight: 700; font-size: 15px; color: #ffffff; }
.sidebar ul li.rootpage { text-transform: uppercase; padding: 20px 20px 20px 60px; background: #FFBB33 url(../pics/bike-w.svg) no-repeat 15px center; background-size: auto 50px; font-size: 20px; font-weight: 700;}
.sidebar ul li.rootpage span { font-size: 19px; font-weight: 400; display: block; line-height: .9em; }
.sidebar ul li.rootpage::first-word { display: block; font-size: 20px; font-weight: 100;}
.sidebar ul li a { display: block; background: url("../pics/arrow-w.svg") no-repeat 200% center; padding: 15px; color: #000; border-bottom: 1px solid rgba(255,255,255,.35); color: #ffffff; }
.sidebar ul li a:hover,
.sidebar ul li.current a { background-position: 95% center; color: #FCEE21; }
.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 }


body.classifiche .sidebar ul li.rootpage { background-image: url(../pics/icon-cup.svg); background-size: auto 38px; padding-left: 55px;}


/*** COLONNA CENTRALE
-----------------------------------------------------------------------------------------------------------------*/
/*** Mainwrapper ***/
#mainwrapper { padding: 0; }
.body_column { overflow: hidden;}

/* Paginazione */
.top-bar form { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #33B5E5; }
.top-bar form input { display: inline-block; margin-right: 0; width: auto;}
.top-bar form input[type="text"] { min-width: 120px;}
.top-bar form input[type="submit"],
.top-bar form input[type="button"] { background: #33B5E5; border-color: #33B5E5; border-radius: 0; font-size: 15px; padding: 14px 20px; margin: 25px 0 0 -4px;}
.top-bar form label { text-align: left; font-size: 15px; margin: 0 0 10px;}
.top-bar form .form-group { margin: 0; display: inline-block;}
.top-bar form .form-group:first-child { margin: 0 10px 0 0;}

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

.pagination { display: inline-block; border-radius: 4px; overflow: hidden; font-size: 0; line-height: 0.8em;}
.pagination li { font-family: 'Roboto Slab', Georgia, Times, serif; font-size: 12px; line-height: 1em; font-weight: 700; display: inline-block; text-align: center; }
.pagination li a, 
.pagination li span { background: #ffffff; display: inline-block; padding: 9px 12px; vertical-align: middle;}
.pagination li.next,
.pagination li.prev,
.pagination li.first,
.pagination li.last { font-weight: 400;}
.pagination li:last-child a,
.pagination li:last-child span { border: none;}
.pagination li.active span,
.pagination li:hover a { background: #33B5E5; color: #ffffff;}


/* EVIDENZE HOME
--------------------------------------------------------------------------------------------- */
.home .htmlcontent { margin-bottom: 0; }
.body-home { font-family: 'Roboto Slab', Georgia, Times, serif; font-size: 32px; line-height: 1.5em; font-weight: 300; color: #696969;}

.evidenzehome { background: #FFBB33;}
#mainbody .evidenzehome .wrapper { padding: 0;}
.evidenzehome article { float: left; width: 33.333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: #FF9B29; padding: 15px; text-align: center; color: #ffffff;}
.evidenzehome article:nth-child(even) { background: #F28100;}
.evidenzehome article figure { margin: 0 0 30px;}
.evidenzehome article h3 { font-size: 19px; line-height: 1em; color: #ffffff; margin: 0; padding: 15px 0 0; position: relative;}
.evidenzehome article h3:before { content: ""; position: absolute; left: 50%; top: 0; width: 40px; border-top: 1px solid #ffffff; margin-left: -20px;}
.evidenzehome article h3 a { color: #ffffff;}

.titolo-home { font-family: 'Roboto Slab', Georgia, Times, serif; font-weight: 300; font-size: 32px; color: #ffffff; position: relative; padding-bottom: 15px; margin: 0; text-transform: uppercase;}
.titolo-home a { color: #ffffff;}
.titolo-home:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 100px; border-top: 1px solid #ffffff; margin-left: -50px;}
.titolo-home.grey { color: #666666;}
.titolo-home.grey:after { border-color: #666666;}
h4.titolo-home { font-size: 23px;}

.mappa { position: relative;}
.mappa .titolo-home { position: absolute; text-align: center; left: 0; top: 50%; width: 100%; }

.partners { text-align: center;}
.partners h4 { font-weight: 300;}
.partners figure { display: inline-block; height: 110px; margin: 30px 38px 0;}
.partners figure img { max-height: 100%;}

header img { margin-bottom: 20px;}

.home .wrapper-teams .titolo-home { margin-bottom: 30px;}

#slideChart { text-align: left; }
#slideChart .item { padding: 0 160px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
#slideChart .carousel-control { width: 15px; height: 21px; border: 1px solid #169BCC; border-radius: 5px; background-size: 11px 21px; background-position: center; padding: 11px 14px;}
#slideChart .carousel-control.right { background-image: url(../pics/arrow-b.svg); right: 0px; }
#slideChart .carousel-control.left { background-image: url(../pics/arrow-back.svg); left: 0px; }

.twitterdate { font-size: 16px; margin-bottom: 10px;}
.twitter-box { font-family: 'Roboto Slab', Georgia, Times, serif; font-size: 23px; font-weight: 100; line-height: 1.2em; text-align: center; color: #ffffff; }
.twitter-box a { color: #ffffff; text-decoration: underline;}
#slideSocial { margin-top: 35px; min-height: 42px;}
#slideSocial .carousel-control { width: 22px; height: 42px; background-size: 22px 42px; background-position: center; margin-top: 0;}
#slideSocial .carousel-control.right { background-image: url(../pics/arrow-w.svg); right: 0px; }
#slideSocial .carousel-control.left { background-image: url(../pics/arrow-w-back.svg); left: 0px; }


.home .nastro { font-size: 36px; font-weight: 700; margin-bottom: 24px;}
.home .nastro span { display: inline-block; padding: 20px 83px 20px 145px; margin: 0 auto; background: url(../pics/icon-cup.svg) no-repeat 85px center;}

.banner-app { height: 320px; padding: 70px 0; background: #E8E8E8 url(../pics/img-banner-app.jpg) no-repeat center bottom; background-size: auto 100%; color: #575756; }
.home #mainbody .banner-app .wrapper { padding: 0; text-align: left;}
.banner-app h3 { color: #575756; font-size: 32px; font-weight: 100; line-height: 1em; margin-bottom: 20px;}
.banner-app h3.strong { font-weight: 700;}
.banner-app h2 { color: #33B5E5; font-size: 48px; font-weight: 700; line-height: .8em; padding: 0; background: none;}
.banner-app h4 { color: #575756; font-size: 22px; font-weight: 300; line-height: 1.2em; margin-bottom: 10px;}
.banner-app .col-right { width: 290px;}
.banner-app .wrapper-bt { margin: 30px 0 0;}

.wrapper-bt .bt-store { display: inline-block; margin-bottom: 10px;}
.banner-app .bt-store .txt { display: block; color: #333333; font-family: "Roboto Slab",Georgia,Times,serif;}
.banner-app .bt-store.disabled img { opacity: .2;}

.banner-app .wrapper-bt .bt-store.first { margin-right: 6px;}


#mainbody .wrapper-social-feed .wrapper { text-align: left;}
.wrapper-social-feed .col-right { width: 400px; margin-left: 90px;}
.wrapper-social-feed h3 { font-size: 32px; font-weight: 100;}

.instagram-feed-box { margin-bottom: 40px;}


/* LISTE
--------------------------------------------------------------------------------------------- */
.list { margin: 0; padding: 0; }
.list article { display: block;}
.list article.last { border-bottom: none; }
.list article .thumb-wrapper,
.pagethumb { border: 9px solid #F2F2F2;}
.list article .thumb-left { float: left; margin: 0 56px 0 0; }
.list article .thumb-right { float: right; margin: 0 0 0 56px; }
.list article .corpo { overflow: hidden; }

.pageslist article h2 { font-weight: 700; padding: 0; background: none; font-size: 21px;}
.pageslist article .thumb-left { margin-right: 27px; width: 208px; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.pageslist article .wrapper-bt { margin: 30px 0 0;}


/*** MODULI
---------------------------------------------------------------------------------------------------------------------------------------**/

/* CONTENITORE MAPPA
--------------------------------------------------------------------- */
.wrapper-map { height: 670px; overflow: hidden; position: relative;}
.wrapper-map.small { max-height: 110px;}
.wrapper-map iframe { min-width: 100%;}
.wrapper-map.full { height: 100%;}

.wrapper-map .total-km { position: absolute; bottom: 0; left: 0; padding: 20px 15px; box-shadow: 0 -3px 3px rgba(0,0,0,.2); background: rgba(255,255,255,.76);
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;}
.wrapper-map .total-km h1 { font-size: 4.643em /*65px*/; font-weight: 300; color: #FF8800; line-height: .9em; letter-spacing: -4px; margin: 0;}
.wrapper-map .total-km h1 span { color: #333333; display: block; text-transform: uppercase; font-size: 17px; line-height: .9em; letter-spacing: 0px;}  


/* ELENCO PERCORSI
--------------------------------------------------------------------- */
.routes { margin: 15px;}
.routes li { padding: 15px 0; border-bottom: 1px solid #D5D5D5; line-height: 1em;}
.routes li a { color: #333333; vertical-align: middle; overflow: hidden;}
.routes li.ok i,
.routes li.ko i { width: 28px; height: 28px; padding-right: 15px; background-size: contain; background-position: left center; background-repeat: no-repeat;}
.routes li.ok i { background-image: url(../pics/icon-ok.svg);}
.routes li.ko i { background-image: url(../pics/icon-ko.svg);}
.routes li span { vertical-align: middle;}
.routes li .svg { height: 25px; width: auto;}
.routes li svg path { fill: #B1B1B1;}

.routes li { font-size: 1.429em /*20px*/; font-weight: 700;}


/* ELENCO SFIDE
--------------------------------------------------------------------- */
.race>li { border: none; padding: 0;}
.race li h2 { font-size: 1.214em /*17px*/;}
.race li h2 a { display: block; padding: 20px 40px 20px 15px; background: #169BCC url(../pics/arrow.svg) no-repeat 95% center; background-size: 38px; font-size: 1.214em /*17px*/; margin: 0; color: #ffffff;}


/* ELENCO SQUADRE	
--------------------------------------------------------------------- */
.list.teams { margin-left: -27px;}
.list.teams article { width: 306px; display: inline-block; text-align: left; margin: 0 0 27px 27px; height: 120px; background: #169BCC; position: relative;}
.list.teams article h4 { font-weight: 700; color: #D0EBF5; margin: 20px 0 0 15px; display: block; padding: 33px 0px 15px 30px; background: url(../pics/stars.svg) no-repeat;}
.list.teams article h4 a { color: #ffffff;}
.list.teams article .thumb-wrapper { float: left; border: 1px solid #cccccc; width: 125px; height: 120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.list.teams article span { font-family: 'Roboto Slab', Georgia, Times, serif;  font-weight: 700; font-size: 14px; line-height: 1em; color: #169BCC; position: absolute; display: block; right: 0; top: 0; padding: 6px 10px; background: #ffffff;}


/* PAGINA SQUADRA
--------------------------------------------------------------------- */
.col-right { width: 223px; margin-left: 27px; float: right;}
.logo-squadra { margin-bottom: 20px;}
.info-team li { font-family: 'Roboto Slab', Georgia, Times, serif;  padding: 15px; color: #ffffff; vertical-align: middle;}
.info-team li span { display: block; font-size: 13px; line-height: 1em;}
.info-team li h4 { font-weight: 700; margin: 0; color: #ffffff;}
.info-team li img { float: right; margin-left: 10px;} 


/* CLASSIFICA
--------------------------------------------------------------------- */
.chart { position: relative; margin: 25px 0;}
.chart:before { content: ""; position: absolute; top: 0; left: 30px; height: 100%; border-left: 1px solid #D5D5D5; z-index: 0;}
.chart li { font-family: 'Roboto Slab', Georgia, Times, serif; font-size: 18px; font-weight: 700; list-style-type: none; border: none; margin-bottom: 25px;}
.chart li figure { float: left; margin-right: 15px; border-radius: 60px; overflow: hidden; }
.chart li a.searched { color: #ff8800;}
.chart li.grouptitle { position: relative; z-index: 1; padding: 30px 0 15px; background: #ffffff; margin-bottom: 35px; font-size: 30px; color: #ff8800; }
.chart li.grouptitle:after { content: ""; position: absolute; left: 0; bottom: 0; width: 60px; height: 3px; background: #ccc; }

.chart li.first { padding-top: 0;}
.chart li.last { padding-bottom: 0;}
.chart li .number { float: left; height: 22px; width: 60px; padding: 15px 0; margin-right: 15px; font-style: normal; color: #FF8800; font-weight: 700; text-align: center; vertical-align: middle; background: url(../pics/esagono.svg) no-repeat center; background-size: contain; position: relative; z-index: 1;}
.chart li .title { display: inline-block; border-bottom: 1px solid #D5D5D5; display: block; overflow: hidden; margin: 15px 0 0; padding: 0 0 10px;}
.chart li a.clickable .title { text-decoration: underline; }
.chart li .km { font-size: 26px; color: #666666; line-height: .9em; font-weight: 300; padding-left: 40px; margin: 13px 0 0 15px; background: url(../pics/bike.svg) no-repeat left bottom; background-size: contain; min-width: 90px; height: 47px; }
.chart li .km strong  { font-weight: 700; color: #FF8800; display: block; margin: -2px 0 2px;}

.chart li.total { background: #ffffff; padding: 15px; border: 4px solid #FFBB33; position: relative; z-index: 10; margin: 0; }
.chart li.total .km { margin: 0; min-width: 120px; font-size: 44px; font-weight: 100; vertical-align: baseline;}
.chart li.total .km strong {  line-height: 1em; display: inline; font-weight: 300; vertical-align: baseline;}
.chart li.total .km,
.chart li.total .title { margin-top: 0; }
.chart li.total .title { color: #FF8800; padding: 0; border: none; font-size: 45px; line-height: 1em;}

.chart li.spazio { background: #ffffff; position: relative; z-index: 10; height: 40px; margin: 0;}

#leaderboard-loading { text-align: center; vertical-align: middle; min-height: 405px; position: relative;}
#leaderboard-loading img { position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -36px;}

/* PAGINA SFIDA
--------------------------------------------------------------------- */
.box-more-info { position: relative; margin: 15px;}
.box-more-info .thumb-wrapper { max-width: 200px;}
.box-more-info .inscription { border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; padding: 10px 0; margin: 0;}


/* PAGINA PROFILO
--------------------------------------------------------------------- */
/* elenco dati*/
.data { border-bottom: 2px solid #33b5e5; margin-bottom: 15px;}
.data li,
.data p { padding: 15px; border-top: 1px solid #CCCCCC; margin: 0;}

.profile .name { padding-left: 15px; font-weight: 300; font-size: 1.571em /*22px*/; text-transform: uppercase; }


/* PAGINA REGISTRAZIONE
--------------------------------------------------------------------- */
.come-partecipare { margin-top: 30px;}
.come-partecipare .step { margin-bottom: 30px; padding-left: 45px;}
.come-partecipare .step.uno { background: url(../pics/icon-step-1.svg) no-repeat;}
.come-partecipare .step.due { background: url(../pics/icon-step-2.svg) no-repeat;}
.come-partecipare .step h3 { border-bottom: 1px solid #FFBB33; padding: 5px 0 8px; margin-bottom: 10px; display: block; overflow: hidden;}
.come-partecipare .wrapper-bt { margin: 15px 0;}
.come-partecipare .wrapper-bt .bt-store { height: 44px; width: auto; margin-right: 20px; display: inline-block;}
.come-partecipare .wrapper-bt .bt-store img { height: 100%; width: auto;}


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

/*  FOOTER
---------------------------------------------------------------------------------------------------------------------- */
#footer { background: #333333; font-family: 'Roboto', Helvetica, Arial, sans-serif; width: 100%; padding: 0; clear: both; font-size: 13px; color: #ffffff;}

#footer .footercontent { padding: 20px 0; font-size: 13px;}
#footer .footercontent p { line-height: 1.4em; margin: 0;}

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

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

#footer .social { float: right;}

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

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