﻿/* ---------------------------------------------------------------- FONT ---------------------------------------------------------------- */
@font-face {
    font-family: "Titillium-Regular";
    src: url('../fonts/titillium/Titillium-Regular.otf') format("truetype");
    src: url('../fonts/titillium/Titillium-Regular.woff') format('woff'), url('../fonts/titillium/Titillium-Regular.ttf') format('truetype'), url('../fonts/titillium/Titillium-Regular.svg') format('svg');
}
@font-face {
    font-family: "Titillium-Light";
    src: url('../fonts/titillium/Titillium-Light.otf') format("truetype");
    src: url('../fonts/titillium/Titillium-Light.woff') format('woff'), url('../fonts/titillium/Titillium-Light.ttf') format('truetype'), url('../fonts/titillium/Titillium-Light.svg') format('svg');
}
@font-face {
    font-family: "Titillium-Semibold";
    src: url('../fonts/titillium/Titillium-Semibold.otf') format("truetype");
    src: url('../fonts/titillium/Titillium-Semibold.woff') format('woff'), url('../fonts/titillium/Titillium-Semibold.ttf') format('truetype'), url('../fonts/titillium/Titillium-Semibold.svg') format('svg');
}
@font-face {
    font-family: "Titillium-Bold";
    src: url('../fonts/titillium/Titillium-Bold.otf') format("truetype");
    src: url('../fonts/titillium/Titillium-Bold.woff') format('woff'), url('../fonts/titillium/Titillium-Bold.ttf') format('truetype'), url('../fonts/titillium/Titillium-Bold.svg') format('svg');
}
@font-face {
    font-family: "Titillium-Black";
    src: url('../fonts/titillium/Titillium-Black.otf') format("truetype");
    src: url('../fonts/titillium/Titillium-Black.woff') format('woff'), url('../fonts/titillium/Titillium-Black.ttf') format('truetype'), url('../fonts/titillium/Titillium-Black.svg') format('svg');
}

.font-regular {font-family: 'Titillium-Regular', Helvetica, Arial, sans-serif;}
.font-black {font-family: 'Titillium-Black', Helvetica, Arial, sans-serif;}
.font-light {font-family: 'Titillium-Light', Helvetica, Arial, sans-serif;}
.font-bold {font-family: 'Titillium-Bold', Helvetica, Arial, sans-serif;}
.font-semibold {font-family: 'Titillium-Semibold', Helvetica, Arial, sans-serif;}

/* aggiungo i font del sito al menu nel ribbon di SharePoint*/
.ms-rteThemeFontFace-3 {-ms-name:"Titillium-Light"; font-family:Titillium-Light;}
.ms-rteThemeFontFace-4 {-ms-name:"Titillium-Regular";font-family:Titillium-Regular;}
.ms-rteThemeFontFace-5 {-ms-name:"Titillium-Semibold";font-family:Titillium-Semibold;}
.ms-rteThemeFontFace-6 {-ms-name:"Titillium-Bold";font-family:Titillium-Bold;}
.ms-rteThemeFontFace-7 {-ms-name:"Titillium-Black";font-family:Titillium-Black;}

h2.ms-rteElement-H2, .ms-rtestate-field h2 {font-family:Titillium-Bold;color:#586575;font-size:1.8em;line-height:1em;}

/* aggiungo gli stili customizzati per la contribuzione nel ribbon di SharePoint */
h2.ms-rteElement-TitoloColoreSezione {-ms-name:"GSE Titolo colorato";font-family:Titillium-Bold;color:#586575;font-size:1.8em;}

/*#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr + tr td:first-child,
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr + tr td:nth-child(2),
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr + tr td:nth-child(3),
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr + tr td:nth-child(4),
#Ribbon\.EditingTools\.CPEditTab\.Styles\.RibbonStyle1-Large,
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr:first-child > td:nth-child(2),
#Ribbon\.EditingTools\.CPEditTab\.Styles\.RibbonStyle2-Large,
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr:first-child > td:nth-child(3),
#Ribbon\.EditingTools\.CPEditTab\.Styles\.RibbonStyle3-Large,
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr:first-child > td:nth-child(4),
#Ribbon\.EditingTools\.CPEditTab\.Styles\.RibbonStyle4-Large,
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr:first-child > td:nth-child(5)
{display:none;}*/

/* elimino i due temi inutilizzati dal menu font nel ribbon di SharePoint*/
#fseaFont-0-0-Menu,
#fseaFont-0-1-Menu,
#fseaFont-0-6-Menu {display:none;}

.ms-cui-gallerybutton-a img {width:50px !important;}
.ms-cui-gallerybutton-a {padding:0px;}
.ms-cui-gallerybutton-Size72by96 {width:100px;}
.ms-cui-gallerybutton-Size72by96 > div > div {width:100% !important;}
/* ---------------------------------------------------------------- FONT ---------------------------------------------------------------- */

.verde {color:#02bda0}
.azzurro {color:#00afec}

.block {display:block !important;}
.overflow-y-hidden {overflow-y:hidden;}
.bgWhite {background-color:#fff;}
.sfondoGrigioChiaro {background-color:#ececec;}
.flex {display:flex;}
.flex-column {display:flex; flex-direction:column;}
.flex-col-1 {flex:1}
.flex-col-2 {flex:2}
.flex-col-3 {flex:3}
.width100 {width:100%;}
.height100 {height:100%;}
.minHeight150 {min-height:150px;}
.padding16 {padding:16px;}
.margin-right-16{margin-right:16px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-top-20{margin-top:20px;}
.margin-top-0{margin-top:0px;}

.lineaGrigiaLayout {background-color: #eaeaea;height: 0.05em;margin-top: 30px;}

.row {margin-left:-8px; margin-right:-8px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-right: 8px;
    padding-left: 8px;
}

#home, html {
    margin-bottom: 0 !important;
    font-family: "Titillium-Light";
    /*font-family: "Titillium-Regular",Helvetica,Arial,sans-serif;*/
    font-size: 1.08em;
    height: 100%;
    color:#586575;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Titillium-Regular', Helvetica, Arial, sans-serif;
    color:#586575;
}
h1 {text-transform:uppercase;font-weight:700;margin-bottom:20px;}
h2 {font-size:1.8em;}
h3 {font-family: "Titillium-Semibold", Helvetica, Arial, sans-serif;}

a, a:link, a:active, a:hover, a:visited {color:#586575;font-weight:600;}
a:hover, a:active {text-decoration:underline;}

p {margin-bottom:20px;}

.header-main-container {height: 100%;}

#s4-bodyContainer {height: 100%;padding-bottom: 0;}
#s4-workspace {overflow-y: scroll; overflow-x:hidden;-webkit-overflow-scrolling: touch;}
.ms-webpartzone-cell {margin: 0;}
div.article, div.welcome {padding: 40px 0px;}

/* nsacondo la barra con il link di accesso */
.ms-signInLink {display: none !important} 
 
header {height: 100%;}

.header-main-slider {height: calc(100% - 100px) !important;}

.header-main-landingPage {
    position: absolute;
    top: 0;
    box-shadow: 0 10px 36px #bbb;
    width: 100%;
    height: 100%;
    background-size: cover;
    min-height: 100%;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.5);
    background-position: center;
    background-repeat: no-repeat;
}

.header-main-standardPage {
    position: absolute;
    top: 0;
    box-shadow: 0 10px 36px #bbb;
    width: 100%;
    min-height: 260px;
    background-color:#586575;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width:767px){
    .header-main-standardPage{min-height: 200px;}
    div.article, div.welcome {padding: 0px 0px;}
}

#home .container-fluid, .footer .container-fluid {
    max-width: 1440px;
    margin-left: 30px;
    margin-right: 30px;
}
@media screen and (max-width:1440px) {
    #home .container-fluid, .footer .container-fluid {
        margin-left: 10px;
        margin-right: 10px;
    }
}

#main {margin-top:20px;}

.container {
    max-width: 1440px;
}
.container-small {
    max-width: 1000px;
    margin:auto;
}

@media screen and (max-width:1050px) {
    .containerMobileScroll {width:100%;overflow-x:auto;}
}

.titolo-pagina{margin-bottom:30px;}
.tag{font-weight:600;font-family:Titillium-Bold;line-height: 1em;font-size: 1em;}



/* ---------------------------------------------------------------- EDIT MODE ---------------------------------------------------------------- */
.edit-panel .ms-formfieldcontainer{margin-top:20px;}
.edit-panel .ms-formfieldlabelcontainer {background-color:#ededed;padding: 5px;}
.edit-panel .ms-formfieldvaluecontainer {border:1px solid #ededed}

.edit-panel .edit-image {width:100%;}

.data{font-weight:700;margin-top:20px;}
.abstract {font-style:italic;margin:20px 0 30px 0;}

.edit-boxSEO {width:99%;background:#586575;padding:10px 20px 20px 20px;margin:auto;margin-bottom:20px;}
.edit-boxSEO h3{color:#fff;margin-top: 0;margin-bottom: 15px;}
.edit-boxSEO .ms-formfieldlabelcontainer, .edit-boxSEO div.ms-formfieldlabelcontainer span.ms-formfieldlabel, .edit-boxSEO .ms-formfieldlabelcontainer .ms-formfieldlabel{color:#fff;background:#586575}
.edit-boxSEO .inputWhite .ms-formfieldvaluecontainer {border:1px solid #fff;}

.edit-inEvidenza {background-color:#586575;margin-top:20px; padding:0 20px;}
.edit-inEvidenza .ms-formfieldlabelcontainer {background-color:#586575;padding: 0;}
.edit-inEvidenza .ms-formfieldlabelcontainer .ms-formfieldlabel {color:#fff;}
.edit-inEvidenza .ms-formfieldvaluecontainer {border: 1px solid #586575;padding: 0;}
.edit-inEvidenza .inputWhite .ms-formfieldvaluecontainer {background-color:#fff;}
.edit-inEvidenza input[type='radio'], input[type='checkbox'] {margin-top: -12px;}
/* ---------------------------------------------------------------- /EDIT MODE ---------------------------------------------------------------- */




/* ---------------------------------------------------------------- CONTATTI ---------------------------------------------------------------- */
#contatti {position: absolute;bottom: 110px;left: 30px;z-index: 4000;color: #fff !important;font-size: 0.9em;}
#contatti a {color: #fff;}
#contatti a:hover {text-decoration: none;}
#contatti a .trattino {height: 5px;width: 20px;background-color: #fff;margin-bottom: 2px;transition: width .4s ease;}
#contatti a:focus > .trattino, #contatti a:hover > .trattino {width: 100%;}
@media screen and (max-width:1440px) {
    #contatti {left:10px;}
}
/* ---------------------------------------------------------------- /CONTATTI ---------------------------------------------------------------- */



/* ---------------------------------------------------------------- BREADCRUMB ---------------------------------------------------------------- */
#breadcrumb {color: #fff !important;font-size: .9em;margin-top:125px;text-align:center;line-height: 1.15em; }
#breadcrumb a {color: #fff; font-weight:normal;}
#breadcrumb a:hover {text-decoration: underline;}
#breadcrumb :not(:last-child) {opacity:0.7;}
@media screen and (max-width:767px){
    #breadcrumb{margin-top:60px;}
}
/* ---------------------------------------------------------------- /BREADCRUMB ---------------------------------------------------------------- */



/* ---------------------------------------------------------------- NAVBAR ---------------------------------------------------------------- */
.ms-core-navigation {font-family: "Titillium-Regular",Helvetica,Arial,sans-serif;}
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {margin-right: 0;}
.nav-container {text-align: center;margin-top: 15px;}
.navbar {background: 0 0 !important;border: none !important;}
#DeltaTopNavigation ul {padding: 0;}
#DeltaTopNavigation li {padding: 10px 33px;} /*permette l'inserimento della 7^ voce di menu, ex 10px 45px*/
#DeltaTopNavigation ul li.ms-listMenu-editLink {display: none;} /*nasconde il pulsante modifica collegamenti*/

#navbar #DeltaTopNavigation li > a {position: relative;display: block;font-size: 1em;font-weight: 600;padding-left: 0;padding-right: 0;border-bottom: 3px solid transparent;color: #fff !important;text-transform: uppercase;}
#navbar #DeltaTopNavigation li > a:focus, #navbar #DeltaTopNavigation li > a:hover {text-decoration: none;border-bottom: 3px solid #fff !important;width: auto !important; z-index: 2000}
.nav {list-style: none;margin-left: 0;}
.navbar-container-fluid {z-index: 100;}
.navbar-container-fluid .navbar-gse-brand {float: left;position: relative;margin-top: 30px;}

    @media screen and (max-width:1600px){
        #DeltaTopNavigation li {padding: 10px 22px;} /*ex 10px 35px*/
        .submenutitle {padding: 0px !important;}
    }
    @media screen and (max-width:1440px) {
        #DeltaTopNavigation ul {margin-left:-50px;}
        #DeltaTopNavigation li {padding: 0 30px;}
        .submenutitle {padding: 0px !important;}
        /*#navbar #DeltaTopNavigation li > a {font-size: 1.1em;}*/
        .navbar-container-fluid .navbar-gse-brand {margin-top: 10px;}
    }
    @media screen and (max-width:1300px){
        #DeltaTopNavigation li {padding: 0 13px;} /*ex 0 20px */
        /*#navbar #DeltaTopNavigation li > a {font-size: 1.05em;}*/
        .submenutitle {padding: 0px !important;}
    }
    @media screen and (max-width:1200px){
        #DeltaTopNavigation ul {margin-left:-70px;}
        #DeltaTopNavigation li {padding: 0 5px;}/* ex 0 15px*/
        #navbar #DeltaTopNavigation li > a {font-size: 0.9em;}
        .submenutitle {padding: 0px !important;}
    }
    @media screen and (max-width:1000px){
        #DeltaTopNavigation ul {max-width:450px;margin-left:-165px;}
    }
    @media screen and (max-width:768px) {
        #navbar {display: none;}
    }    
    @media screen and (max-width:500px){
        .navbar-gse-brand img {height: 60px;}
    }
    @media screen and (max-width:800px){
        .navbar-gse-brand img {width: 140px; margin-right:46px;}
    }
    @media screen and (max-height:1100px){
        .navbar-gse-brand img {width: 140px; margin-right:68px;}
    }
	
	


/* ---------------------------------------------------------------- /NAVBAR ---------------------------------------------------------------- */



/* ---------------------------------------------------------------- SIDENAV ---------------------------------------------------------------- */
#sidenav {position: absolute;top: 22px;right: 30px;z-index: 2000;color: #fff !important;font-size: .88em;}
#sidenav ul {list-style: none;}
#sidenav a, #sidenavMOBILE a {color: #fff;}
#sidenav a:focus, #sidenav a:hover {text-decoration: none;}
#sidenav div {margin: auto auto 10px;}
#sidenavMOBILE {position: absolute;top: 9px;right: 0;z-index: 2000;color: #fff !important;font-size: .778em;}
#sidenavMOBILE div {margin: auto 10px 10px auto;float: left;}
.sidenav-sidebarMenu {padding: 0;font-size: 2em;text-align: center;margin-bottom: 5px !important;}
#sidenavMOBILE .sidenav-sidebarMenu {margin-top: -4px !important;}
.sidenav-ricerca {padding: 4px;border: 1px solid #fff;border-radius: 30px;height: 34px;width: 34px;text-align: center;}
#sidenavMOBILE .sidenav-ricerca {padding: 6px;}
#sidenav div.sidenav-user {padding: 9px;border: 1px solid #fff;border-radius: 50px;height: 50px;width: 50px;text-align: center;margin-bottom: 0;}
#sidenavMOBILE .sidenav-user {padding: 0;border: 1px solid #fff;border-radius: 30px;height: 34px;width: 34px;text-align: center;}
.sidenav-user {font-size: 1.5em;}
#sidenavMOBILE .sidenav-user a {font-size: .8em;}
.sidenav-accedi {font-size: 1em;}
.sidenav-accedi:focus {text-decoration: underline;}
.sidenav-lingua {padding: 7px 4px;border: 1px solid #fff;border-radius: 30px;height: 34px;width: 34px;text-align: center;font-size: .8em;}
#sidenavMOBILE .sidenav-lingua {padding: 8px 6px;}
.sidenav-accedi:focus .sidenav-user, .sidenav-accedi:hover .sidenav-user, .sidenav-lingua:focus, .sidenav-lingua:hover, .sidenav-ricerca:focus, .sidenav-ricerca:hover, .sidenav-user:focus, .sidenav-user:hover {background-color: rgba(255,255,255,.5);}
@media screen and (max-width:1440px) {
#sidenav {top:2px; right:10px;}
}

#sidebar {position: fixed;top: 0;right: -315px;width: 280px;height: 100%;background-color: #586575;z-index: 999999999;}
#sidebar ul {position: relative;left: 0;list-style: none;margin-left: -5px;margin-top: -55px;}
#sidebar ul li {margin-left: -15px;}
#sidebar ul li a {margin-top: 25px;text-align: left;position: relative;display: block;font-size: 1em;font-weight: 600;padding-left: 0;padding-right: 0;border-bottom: 3px solid transparent;color: #fff !important;}
#sidebar #Disappear {position: relative;top:60px;left:210px;margin-bottom:70px;}
#sidebar #Disappear a {position: relative;display: block;font-size: 1.2em;font-weight: 600;padding-left: 0;padding-right: 0;border-bottom: 3px solid transparent;color: #fff !important;}
.makeSlidebarAppear {animation: sidebarSlideIn .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) normal;animation-fill-mode: forwards;}
.makeSlidebarDisappear {animation: sidebarSlideOut .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) normal;animation-fill-mode: forwards;}
/* cubic-bezier(0.165, 0.840, 0.440, 1.000) = easeOutQuart */
/* funzioni di interpolazione http://easings.net/it */
/* generatore di funzioni di interpolazione per css https://matthewlein.com/ceaser/ */
@keyframes sidebarSlideIn {
    0% {right: -315px;}
    100% {right: 0;}
}
@keyframes sidebarSlideOut {
    0% {right: 0;}
    100% {right: -315px;}
}
/* ---------------------------------------------------------------- /SIDENAV ---------------------------------------------------------------- */



/* ---------------------------------------------------------------- MAIN SLIDER VISUAL ---------------------------------------------------------------- */
.header-main-slider {position: absolute;top: 0;box-shadow: 0 10px 36px #bbb;width: 100%;height: 100%;}
/*.header-main-slider div {background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;position: absolute;left: 0;width: 100%;height: 100%;}*/
.header-main-slider div {background-size: 100% 100%;background-repeat: no-repeat;position: absolute;/*left: 0*/;width: 100%;height: 100%;top:0px;}
/*INDRA 03/04/2020 - Modifiche dimensioni immagini background */
.header-main-slider > div{
    background-size: cover !important;
    background-position: center center !important;
}
/*FINE */
/* ---------------------------------------------------------------- /MAIN SLIDER VISUAL ---------------------------------------------------------------- */



/* ---------------------------------------------------------------- LANDING PAGE ---------------------------------------------------------------- */
.container-landingPage {margin-top:0;}
    .container-landingPage .ms-webpartzone-cell {margin: auto 0;}

    .container-landingPage .col-height100 .ms-webpart-zone, 
    .container-landingPage .col-height100 .ms-webpart-cell-vertical, 
    .container-landingPage .col-height100 .ms-webpart-chrome-vertical,
    .container-landingPage .col-height100 .ms-WPBody,
    .container-landingPage .col-height100 .ms-rtestate-field,
    .container-landingPage .col-height100 .ms-webpart-chrome > div,
    .container-landingPage .col-height100 .ms-webpart-chrome > div > div {height: 100%;}
    .container-landingPage .col-height100 .ms-webpartzone-cell {padding-bottom:7px;}
    .container-landingPage .col-height100 .ms-clear {height:auto !important;}
    .container-landingPage .row-edit .row {margin-left:-8px;margin-right:-8px;}

    @media screen and (min-width:768px) {
        .container-landingPage .row-edit .row {display:flex;}
        .container-landingPage * [class^='col-'] .ms-webpartzone-cell {margin-bottom:7px;}
        /*.container-landingPage * [class^='col-'] {display:flex;padding-left:8px;padding-right:8px;}*/
    }
/* ---------------------------------------------------------------- /LANDING PAGE ---------------------------------------------------------------- */



/* ---------------------------------------------------------------- BOX SLIDER CENTRALE HP ---------------------------------------------------------------- */
.center-box-container {top: 35%;position: relative;transform: translateY(-50%);}
.center-box {
    width: 400px;
    height: 400px;
    font-size: 3.1em;
    line-height: 55px;
    background-color: rgba(0,0,0,.3);
    border: 18px solid #fff;
    /*top: 35%;
    position: relative;
    transform: translateY(-50%);*/
    z-index: 1006; 
    margin: 0 auto;
    color: #fff;
    padding: 5px;
}
.center-box .bx-wrapper .bx-pager.bx-default-pager a {
    border: 2px solid #fff;
    background: 0 0;
    border-radius: 100% !important;
    width: 12px;
    height: 12px;
}
    .center-box .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background: #fff;
    }
.center-box .active {
    background: #fff !important;
}
.center-box .bx-wrapper {
    height: 100% !important;
    padding-left: 20px;
    padding-top: 12px;
}
.center-box .bx-wrapper img {max-height: 70px;margin-left:2px;}
    .center-box .bx-wrapper a {
        color: #fff;
        display: inline-block;
        font-weight:500;
    }
    .center-box .bx-wrapper a:hover {
        text-decoration: none;
    }
        .center-box .bx-wrapper a .trattino {
            height: 6px;
            width: 20px;
            background-color: #fff;
            margin-bottom: 10px;
            margin-left: 5px;
            transition: width .4s ease;
        }
        
        .center-box .bx-wrapper a .video .trattino {
    margin-left: 2px !important;
}
        .center-box .bx-wrapper a .perTrattino {
    display: inline-block;
}
    .center-box .bx-wrapper .bx-viewport {
    box-shadow: none !important;
    border: none !important;
    background: 0 0 !important;
}
    .center-box .bx-wrapper .bx-pager {
    right: 10px;
    bottom: -40px !important;
    width: auto;
}

@media screen and (max-width:1000px) {
    .center-box {
        width: 330px;
        height: 330px;
        font-size: 2.5em;
        line-height: 45px;
        border: 14px solid #fff;
    }
    .center-box .bx-wrapper .bx-pager {
        bottom: -23px !important;
        right:5px;
    }
}

@media screen and (max-width:500px), screen and (max-height: 700px)  {
    /*.center-box {
        width: 220px;
        height: 220px;
        font-size: 1.4em;
        line-height: 1.1em;
        border: 10px solid #fff;
    }
    .center-box .bx-wrapper {
        padding-left: 12px;
        padding-top: 8px;
    }*/
    .center-box {
        width: 200px;
        height: 200px;
        font-size: 1.3em;
        line-height: 1em;
        border: 8px solid #fff;
    }
    .center-box .bx-wrapper {
        padding-left:8px;
        padding-top: 4px;
    }
    .center-box .bx-wrapper .bx-pager {
        bottom: -7px !important;
    }
    .center-box .bx-wrapper .bx-default-pager.bx-pager a {
        width: 10px;
        height: 10px;
        margin:0 2px;
    }
    .center-box .bx-wrapper a .trattino {
        height: 4px;
        width: 15px;
        margin-left: 1px;
        /*margin-left: 3px;*/
    }
}
/* ---------------------------------------------------------------- /BOX SLIDER CENTRALE HP ---------------------------------------------------------------- */




/* ---------------------------------------------------------------- BOX CENTRALE LANDING PAGE ---------------------------------------------------------------- */
.center-box-landingPage {
    width: 300px !important;
    height: 300px !important;
    padding-left: 10px;
    padding-top: 6px;
    background-color: rgba(0,0,0,0.5);
    border: 18px solid #fff;
    top: 35%;
    position: relative;
    transform: translateY(-50%);
    z-index: 999; /*1006*/
    margin: 0 auto;
    color: #fff;
}
    .center-box-landingPage h1 {
        font-size: 1.7em;
        margin-top: 0;
        color: #fff;
        text-transform:uppercase;
    }

    @media screen and (max-height: 400px) {
        .header-main-slider {
            height: 100% !important;
        }
        .center-box-container {
            top: 25%;
        }
        .center-box {
            width: 154px;
            height: 144px;
            font-size: 1em;
            border: 5px solid #fff !important;
            line-height:1em;
        }
        #header {
            height: 100%;
        }
        .center-box .bx-wrapper {
            padding-left: 6px;
            padding-top: 6px;
        }
        .center-box .bx-wrapper .bx-pager {
            right: 0px;
            bottom: -5px !important;
        }
        .center-box .bx-wrapper a .trattino {
            margin-left:0;
        }
    }

    @media screen and (max-width: 800px){
        #main .container {
            font-size: .8em;
        }
        .center-box-landingPage h1 {
            font-size: 1.4em;
        }
    }
    .center-box-landingPage #titolo-sezione {
        position: absolute;
        bottom: 10px;
        left: 10px;
        z-index: 999999999999999;
        color: #fff !important;
        font-size: 1em;
        display: inline-block;
    }
        .center-box-landingPage #titolo-sezione a, .center-box-landingPage #titolo-sezione a:hover, .center-box-landingPage #titolo-sezione a:active {
            color: #fff;
            text-decoration:none;
            text-transform: lowercase;
            font-family: Titillium-Light;
        }
        .center-box-landingPage #titolo-sezione:hover .trattino {
            width: 100%;
        }
    .center-box-landingPage .trattino {
        height: 4px;
        width: 20px;
        background-color: #fff;
        margin-top: 3px;
        transition: width .3s ease;
    }
    .center-box-landingPage .s4-breadcrumbCurrentNode {
        display:none;
    }

.center-box-landingPage-InEvidenza {
    width: calc(50% - 270px);
    height: 300px;
    padding: 0;
    top: 35%;
    position: relative;
    transform: translateY(-50%);
    z-index: 1006;
    margin: auto;
    color: #fff;
    margin-right: 100px;
    margin-top: -300px;
    border: 0;
}
.center-box-landingPage-InEvidenza .boxTesto {
    height: 230px;
    width:100%;
    background-color:#f01e65;
    padding:20px;
    font-family:Titillium-Bold;
}
.center-box-landingPage-InEvidenza .boxLink {
    height: 50px;
    margin-top:20px;
    background-color:#586575;
    display:inline-block;
    padding:10px 30px; 
    font-size:20px;
    font-weight:700;
    font-family:Titillium-Semibold;
}
.center-box-landingPage-InEvidenza .boxLink a:link, .center-box-landingPage-InEvidenza .boxLink a:visited, .center-box-landingPage-InEvidenza .boxLink a:hover, .center-box-landingPage-InEvidenza .boxLink a:active{
    color:#fff;
}
.center-box-landingPage-InEvidenza .boxLink a:hover{
    text-decoration:underline;
}

    /* EDIT MODE */
    .edit-mode-panel {margin-bottom:20px;}
    .edit-mode-panel h4 {margin-top:30px;}
    .edit-boxInEvidenza {width:99%;background:#f01e65;padding:10px 20px 20px 20px;margin:auto;}
    .edit-boxInEvidenza h3{color:#fff;margin-top: 0;margin-bottom: 15px;}
    .edit-boxInEvidenza div.ms-formfieldlabelcontainer span.ms-formfieldlabel, .edit-boxInEvidenza .ms-formfieldlabelcontainer .ms-formfieldlabel{color:#fff;}
    .edit-boxInEvidenza .inputWhite .ms-formfieldvaluecontainer {border:1px solid #fff;background-color:rgba(255,255,255,0.85);}

@media only screen and (max-width:1200px) {
    .center-box-landingPage-InEvidenza {width: calc(50% - 230px);margin-right:60px;line-height: 1.3em;}
}
@media only screen and (max-width:992px) {
    .center-box-landingPage-InEvidenza p {margin-bottom:10px;}
    .center-box-landingPage-InEvidenza .boxTesto {height: 250px;padding:10px;font-family:Titillium-Semibold;font-size:0.9em;}
    .center-box-landingPage-InEvidenza .boxLink {height: 40px;margin-top:10px;padding:6px 20px; }
}
@media only screen and (max-width:768px), screen and (max-height:650px) {
    .center-box-landingPage {
        width: 214px !important;
        height: 214px !important;
        border: 10px solid #fff;
        line-height: 25px;
        font-size: 18px;
        padding-left: 6px;
    }
    .center-box-landingPage-InEvidenza {
        width: 80%;
        padding: 0;
        top: 35%;
        position: relative;
        transform: translateY(-50%);
        z-index: 1006;
        margin: auto;
        color: #fff;
        margin: auto;
        margin-top: 55px;
    }
    .center-box-landingPage-InEvidenza .boxTesto {height: auto;padding: 10px;}
}
@media screen and (max-height:500px) {
    .center-box-landingPage {
        width:300px !important;
	    height:120px !important;
	    top: 25%;
	    font-size: .9em;
	    border: 4px solid #fff;
    }
}
@media only screen and (max-width:500px) and (max-height:400px){
/*@media screen and (max-width:500px) {*/
    .center-box-landingPage {
        width:80% !important;
	    height:100px !important;
	    top: 20%;
	    font-size: .8em;
	    border: 4px solid #fff;
    }
}

/* ---------------------------------------------------------------- /BOX CENTRALE LANDING PAGE ---------------------------------------------------------------- */




/* ---------------------------------------------------------------- MENU INTERNO ---------------------------------------------------------------- */
#testata-bassa {width: 100%;position: absolute;bottom: 0px;}
@media screen and (max-width: 768px){#testata-bassa{top: calc(100% - 50px); height: 50px;}}
#menu-sezione {background-color:#586575;padding: 25px 0 15px 0;font-size: 1.2em;line-height: 25px;color: #fff;font-weight:600;text-align:center;}
#menu-sezione ul {list-style: none;width: 100%;display: table;padding-left: 0;table-layout: fixed;}
#menu-sezione ul li {text-align: center;display: table-cell;width: 100%;}
/*#menu-sezione ul li:first-child {display: none;}*/ /*nasconde il tag finto di default del site*/
#menu-sezione ul li.ms-listMenu-editLink {display: none;} /*nasconde il pulsante modifica collegamenti*/
#menu-sezione ul li:nth-child(1) {text-align: left;}
/*#menu-sezione ul li:nth-last-child(1) {text-align: right;}*/ /*ultima voce burger*/
#menu-sezione ul li a {color: #fff;padding-bottom: 10px;border-bottom: 3px solid rgba(255, 255, 255, 0);display:inline;}
#menu-sezione ul li a:hover {text-decoration: none;border-bottom: 3px solid rgba(255, 255, 255, 1);}

#menu-sezione .navbar-collapse {padding-right: 0;padding-left: 0;}
#menu-sezione .navbar-toggle {padding: 0;margin: 0; outline: none;}
#menu-sezione input[type=button], #menu-sezione input[type=reset], #menu-sezione input[type=submit], #menu-sezione button {color: #fff;}
#menu-sezione .navbar-toggle .icon-bar {background-color: #fff;}
#menu-sezione input[type=button]:active, #menu-sezione input[type=reset]:active, #menu-sezione input[type=submit]:active, button:active, 
#menu-sezione input[type=button]:hover, #menu-sezione input[type=reset]:hover, #menu-sezione input[type=submit]:hover, button:hover {background-color:transparent;border-color:transparent}


@media screen and (max-width:1300px) {
    #menu-sezione {padding: 20px 0 10px 0;font-size: 1.2em;}
}
@media screen and (max-width:1000px) {
    #menu-sezione {padding: 15px 0 10px 0;font-size: 1.05em;}
}
@media only screen and (max-width:767px) {
    #menu-sezione .navbar-collapse {overflow-x: visible;overflow-y: hidden;border-top: 0;box-shadow:none;-webkit-overflow-scrolling: touch;}
    /*.in.navbar-collapse {overflow-y: visible;}*/
    #menu-sezione {line-height: 30px;padding:10px 0}
    #menu-sezione ul li, #menu-sezione ul li:nth-child(2), #menu-sezione ul li:nth-last-child(2) {text-align: left;display: block;}
    .ms-core-listMenu-verticalBox, .ms-core-listMenu-horizontalBox {font-size: 0.8em;}
    #menu-sezione ul li a:hover {text-decoration: underline;border-bottom: 0;}
}

/* OVERRIDE CLASSI SHAREPOINT CURRENT NAVIGATION */
    .ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected,
    li > a.ms-core-listMenu-selected.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active {
        background-color:transparent;
    }
    .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenuEdit, .ms-core-listMenu-heading, .ms-tv-header {
        font-family: 'Titillium-Light', Helvetica, Arial, sans-serif !important;
    }
    .ms-selected, .ms-pivotControl-surfacedOpt-selected, .ms-core-listMenu-selected, .ms-hero-command-enabled-alt {
        font-weight: 500;
    }
    .ms-core-listMenu-verticalBox > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item {
        padding: 0;
    }
/* OVERRIDE CLASSI SHAREPOINT CURRENT NAVIGATION */
/* OVERRIDE CLASSI SHAREPOINT */
.ms-listMenu-editLink {
    display: none !important;
} 
.ms-core-listMenu-verticalBox,
.ms-core-listMenu-horizontalBox
{
    font-size: 19px !important;
}
/* ---------------------------------------------------------------- /MENU INTERNO ---------------------------------------------------------------- */




/* ---------------------------------------------------------------- MENU TERZO LIVELLO ---------------------------------------------------------------- */
#sottomenu-sezione {text-align:center;margin-top:30px;margin-bottom: 30px;}
#sottomenu-sezione ul {padding:0;}
#sottomenu-sezione ul li a {line-height:50px;padding:0;min-width:160px;background-color:#f01e65;color:#fff;border:3px solid #f01e65;font-family:Titillium-Semibold;margin:0 10px;text-transform:uppercase;font-size:1.1em;transition:all 0.2s ease-in-out;}
#sottomenu-sezione ul li a:hover, #sottomenu-sezione ul li a.selected {background-color:#fff;color:#f01e65;}
/*#sottomenu-sezione ul li:last-child {display: none;}*/ /*nasconde il pulsante modifica collegamenti*/
@media screen and (max-width:500px){#sottomenu-sezione ul li {margin-bottom:10px}}
@media screen and (max-width:500px) and (max-height:400px){#sottomenu-sezione ul li a {min-width:120px;}}
/* ---------------------------------------------------------------- /MENU TERZO LIVELLO ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- MENU DI SEZIONE---------------------------------------------------------------- */
#menu-di-sezione {text-align:center;margin-top:30px;margin-bottom: 30px;}
#menu-di-sezione ul {padding:0;}
#menu-di-sezione ul li a {padding: 10px 30px;background-color: #586575;color: #fff;border: 2px solid #586575;margin: 2px 0;text-transform: uppercase;font-size: 1em;transition: all 0.2s ease-in-out;font-weight: 500;}
#menu-di-sezione ul li a:hover, #menu-di-sezione ul li a.selected {background-color:#fff;color:#586575;font-weight:600;}
@media screen and (max-width:500px){#menu-di-sezione ul li {margin-bottom:10px}}
@media screen and (max-width:500px) and (max-height:400px){#menu-di-sezione ul li a {padding:0px 5px 0px 5px;}}
/* ---------------------------------------------------------------- /MENU DI SEZIONE ---------------------------------------------------------------- */



/* ---------------------------------------------------------------- FOOTER ---------------------------------------------------------------- */
footer {
    background-color: #878787;
    box-shadow: inset 0px 10px 36px #555555;
    -webkit-box-shadow: inset 0px 10px 36px #555555;
    -moz-box-shadow: inset 0px 10px 36px #555555;
    -o-box-shadow: inset 0px 10px 36px #555555;
    margin-top: 50px;
    padding-bottom: 30px;
    padding-top: 40px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;
    color: #fff;
    font-size: 0.88em;
}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active {color:#fff;}

.footer-link {
    margin-top: 0;
    margin-bottom: 10px;
    position: absolute;
    top: 0;
    z-index: 1005;
    color:#fff;
}
    .footer-link div {
        width: 100px;
        background: linear-gradient(bottom, rgba(232, 28, 140, 1) 0%, rgba(116, 5, 66, 1) 100%);
        background: -o-linear-gradient(bottom, rgba(232, 28, 140, 1) 0%, rgba(116, 5, 66, 1) 100%);
        background: -moz-linear-gradient(bottom, rgba(232, 28, 140, 1) 0%, rgba(116, 5, 66, 1) 100%);
        background: -webkit-linear-gradient(bottom, rgba(232, 28, 140, 1) 0%, rgba(116, 5, 66, 1) 100%);
        background: -ms-linear-gradient(bottom, rgba(232, 28, 140, 1) 0%, rgba(116, 5, 66, 1) 100%);
        padding: 6px;
        font-size: 0.667em;
        text-transform: uppercase;
        font-weight: 700;
        float: left;
        line-height: 12px;
        text-align: center;
        margin-right: 10px;
        height: 37px;
        color: #edeff1;
        box-shadow: 0px 6px 13px #555;
        transition: height 500ms;
        -moz-transition: height 500ms;
        -webkit-transition: height 500ms;
        display: table-cell;
        vertical-align: bottom;
    }

.footer-link-mobile {
    margin-top: 0;
    z-index: 1005;
    color:#fff;
    }
    .footer-link-mobile div {
    background: linear-gradient(bottom, rgba(232, 28, 140, 1) 0%, rgba(116, 5, 66, 1) 100%);
    background: -o-linear-gradient(bottom, rgba(232, 28, 140, 1) 0%, rgba(116, 5, 66, 1) 100%);
    background: -moz-linear-gradient(bottom, rgba(232, 28, 140, 1) 0%, rgba(116, 5, 66, 1) 100%);
    background: -webkit-linear-gradient(bottom, rgba(232, 28, 140, 1) 0%, rgba(116, 5, 66, 1) 100%);
    background: -ms-linear-gradient(bottom, rgba(232, 28, 140, 1) 0%, rgba(116, 5, 66, 1) 100%);
    padding: 6px;
    font-size: 0.7em;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
    height: 35px;
    color: #edeff1;
    box-shadow: 0px 6px 13px #555;
}

    .footer-link div:hover,
    .footer-link div:focus {height: 60px;}

    .footer-link a:link, .footer-link-mobile a:link, 
    .footer-link a:hover, .footer-link-mobile a:hover,
    .footer-link a:focus, .footer-link-mobile a:focus,
    .footer-link a:visited, .footer-link-mobile a:visited {text-decoration: none;color: #edeff1;}

.footer-box {
    border-right: 2px solid #fff;
    padding-right: 20px;
    text-align: right;
    /*float: right;*/
    margin-right: 30px;
    margin-top:10px;
}
.footer-titolo {font-weight: 700;}
footer p {margin: 0;}
footer img {max-width: 100%}
footer ul {
    font-size: 0.8em;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    color: white;
    text-align: right;
}
    footer ul li a {
        padding: 0 0 5px 0;
        display: block;
    }
.footer-logo {
    text-align: right;
    padding-right: 15px;
    margin-top:10px;
}
    .footer-logo img {
        max-height: 70px;
    }
.social {
    margin-top: 30px;
}
.social ul {display:inline-block;}
    .social li {
        background: none repeat scroll 0 0;
        border: 2px solid #B5B5B5;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        display:inline-block;
        height: 36px;
        line-height: 32px;
        margin: 0 10px 0 0;
        padding: 0;
        text-align: center;
        width: 36px;
        transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
    }
        .social li:hover,
        .social li:focus {
            border: 2px solid #c1d541;
            background: #c1d541;
            transform: scale(1.15) rotate(360deg);
            -webkit-transform: scale(1.1) rotate(360deg);
            -moz-transform: scale(1.1) rotate(360deg);
            -ms-transform: scale(1.1) rotate(360deg);
            -o-transform: scale(1.1) rotate(360deg);
        }
        .social li a {
            font-size: 1.2em;
            margin: 0;
            color: #EDEFF1 !important;
        }

@media only screen and (max-width:768px) {
    .footer-box {margin:0 0 10px 0;padding-right:10px;}
    .footer-logo {padding-right: 0;margin-top:20px;}
}
@media only screen and (max-width:500px) {
    .social{text-align:center;}
    .footer-box {margin:0;padding:10px;text-align:left;font-size:1em;border-right:0;}
    .footer-logo {padding: 0;margin-top:20px;text-align:center;}
    .footer-link div {width: 85px;padding: 5px;margin-right: 6px;height: 34px;}
}
@media only screen and (min-width:400px) {
    .footer-link-mobile{display:none;}
}
@media only screen and (max-width:400px) {
    footer{padding-top:0;}
    .footer-link {display: none;}
}
/* ---------------------------------------------------------------- /FOOTER ---------------------------------------------------------------- */




/* ---------------------------------------------------------------- LINK CORRELATI ---------------------------------------------------------------- */
/*.link-correlati .dfwp-column:before{content:"CONTENUTI CORRELATI";}*/ /* inserisco il titolo dell'area dei link correlati solo quando ci sono */
.link-correlati .dfwp-list {margin:0 -5px;}
.edit-panel .dfwp-list img {max-width: 400px;}
.link-correlati {color: #586575;font-family: Titillium-Bold;font-size: 2em;margin-top: 30px;padding-top: 20px;/*border-top: 1px solid #ccc;*/}
.link-correlati .ms-formfieldcontainer {font-family:Titillium-Light;font-size:0.5em;}
.link-correlati .item {
    margin:5px;
    padding:0;
    float: left;
    clear: none;
    width: 32.3%;
    height: 240px;
    border-top: 10px solid #bbb;
    background-color: #586575;
    transition: border-top 0.2s ease-in;
}
.link-correlati .image-area-left {
    padding:0;
    width:100%;
    height:100%;
    overflow: hidden; background-color: #000;
}
.link-correlati .image-area-left:hover {background-color:#586575}

.link-correlati .image-area-left .image{
    padding:0;
    transition: all 0.2s ease-in;
    display: inline-block;
    opacity:0.6;
  -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
       -o-transition: all 0.2s ease-in;
          transition: all 0.2s ease-in;
}
.link-correlati .link-item {
    position: absolute;
    margin-top: 30px;
    text-align: center;
    transition: margin-top 0.2s ease-in;
    width: 30%;
}
.link-correlati .link-item a:link, .link-correlati .link-item a:visited, .link-correlati .link-item a:hover, .link-correlati .link-item a:active {
   color:#fff;
   font-weight:600;
   text-decoration:none;
   font-family: Titillium-Regular;
   font-size:0.5em;
}
.link-correlati .link-item .description {
    font-family: Titillium-regular;
    color: #fff;
    font-size: 0.4em;
}

.link-correlati .item:hover  {border-top-width: 30px;}

.link-correlati .item:hover .image-area-left .image {
  -webkit-transform: scale(1.5,1.5);
     -moz-transform: scale(1.5,1.5);
      -ms-transform: scale(1.5,1.5);
       -o-transform: scale(1.5,1.5);
          transform: scale(1.5,1.5);

  opacity: 0;
}
.link-correlati .item:hover .link-item {margin-top: 20px;}

@media (min-width:768px) and (max-width:1440px){
    .link-correlati .item {height: 200px;}
}
@media (min-width:768px) and (max-width:992px){
    .link-correlati .item {width:48%;}
    .link-correlati .link-item {width:48%;}
}
@media (max-width:767px) {
    .link-correlati { margin-top: -26px; margin-bottom: 8px; }
    .link-correlati .item {height: 130px;width:100%;margin:0 0 10px 0;}
    .link-correlati .link-item {width:95%;}
    .link-correlati .image-area-left .image {width: 100%;}
}
/* ---------------------------------------------------------------- /LINK CORRELATI ---------------------------------------------------------------- */




/* ---------------------------------------------------------------- ICONE SOCIAL ---------------------------------------------------------------- */
.utility-icons-container {padding: 10px 30px 10px 0;border-top: 1px solid #ddd;margin-top:20px;}
.utility-icons-container ul li {list-style-type:none;float:left}
.utility-icons-container i {margin:5px; 
        background: none repeat scroll 0 0;
        border: 1px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%; 
        display:inline-block;
        height: 36px;
        line-height: 32px;
        margin: 0 2px 0 0;
        padding: 0;
        text-align: center;
        width: 36px;
        transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
    }
    .utility-icons-container i:hover,
    .utility-icons-container i:focus {
        border: 1px solid #586575;
        background: #586575;
        transform: scale(1.3) ;
        -webkit-transform: scale(1.1) ;
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1) ;
    }
.utility-icons-container a:link, .utility-icons-container a:visited {color:#586575; cursor:pointer; margin:5px;}
.utility-icons-container a:hover, .utility-icons-container a:active {color:#fff; text-decoration:none; }

@media screen and (min-width: 768px) {
.utility-icons-container-laterale {float:left;margin-top:-225px;}
.utility-icons-container-laterale .utility-icons-container {border-top: 0;max-width:60px;}
}
/* ---------------------------------------------------------------- /ICONE SOCIAL ---------------------------------------------------------------- */





/* ---------------------------------------------------------------- PANNELLO RICERCA ---------------------------------------------------------------- */
/*.mp-search-panel {position: absolute;right: -100%;width: 100%;height: 80%;background-color: #FF0F64;text-align: center; z-index: 5001;}*/
.mp-search-panel {position: absolute;left:100%;width:0%;height: 80%;background-color: #FF0F64;text-align: center; z-index: 5001;padding:0;overflow-y:auto;}
.mp-search-panel input {font-size: 6em;width: 80%;background-color: #FF0F64;border: none;padding: 10px;color: white;outline: none;margin-top: 130px;margin-left: 15px;transition: background-color 250ms;}
.mp-search-panel input::placeholder { color: #FA4C87; }
.mp-search-panel .ico-search { height: 80px; margin-right: -10px; }
.search-placeholder-start::-webkit-input-placeholder { opacity: 0; }
.search-placeholder::-webkit-input-placeholder { opacity: 1; transition: opacity 400ms; }
.mp-search-panel img {filter: invert(100%);position: relative;display: inline-block;height: 35px;width:0;}
.mp-search-panel .pnlCloseBtn {position: absolute;top: -20px;right: 15px;height: 35px;font-size: 3.5em;color: white;cursor: pointer;}
.mp-search-panel .searchPanelIconSearch {font-size: 4.8em;color: white;position: relative;top: 90px;cursor: pointer;}
.mp-search-panel .redirectionUrl { display: none; }
.mp-search-panel-wrapper {position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);opacity: 0;transition: opacity 400ms;z-index: initial;}
.mp-search-panel-wrapper-active {opacity: 1;transition: opacity 400ms;z-index: 8001;}
.search-gse-brand {display:none;opacity: 0;transition: background-color 250ms;position:absolute;margin:30px 0 0 30px;}
.search-gse-brand img {width:140px;height:auto; filter:unset;}
.mp-search-panel-wrapper #externalContentPannelloRicerca { opacity: 0; transition: opacity 150ms linear; }
.mp-search-panel-wrapper #externalContentPannelloRicerca.active { opacity: 1; }
.mp-search-panel-wrapper-active .mp-search-panel {padding:20px;}
.mp-search-panel-wrapper-active .mp-search-panel img {width:auto;}
@media screen and (max-width: 992px){
    .mp-search-panel { width: 100%; }
    .mp-search-panel input { font-size: 4em; }
    .mp-search-panel .searchPanelIconSearch { font-size: 3.8em; }
    .mp-search-panel .pnlCloseBtn { top: initial; }
}
@media screen and (max-width: 772px){
    .mp-search-panel input { font-size: 3em; }
    .mp-search-panel .searchPanelIconSearch { font-size: 2.8em; top: 60px; }
    .mp-search-panel .pnlCloseBtn { font-size: 2.5em; top: initial; }
}
@media screen and (max-width: 400px){
    .mp-search-panel input { font-size: 2em; margin-left: 0;}
    .mp-search-panel .searchPanelIconSearch { font-size: .5em; top: 50px; }
    .mp-search-panel .pnlCloseBtn { font-size: 1.5em; top: initial; margin: 15px; }
    .mp-search-panel .ico-search { height: 40px; margin-top: 30px; margin-right: 0; }
    .mp-search-panel .pnlCloseBtn img { height: 30px; }
}
/* ---------------------------------------------------------------- /PANNELLO RICERCA ---------------------------------------------------------------- */
/**/
.mp-menu-panel {position: absolute;left:100%;width:0%;background-color: #DDD; z-index: 5001;padding:0;overflow-y:auto;}
.mp-menu-panel img {filter: invert(100%);position: relative;display: inline-block;height: 35px; width: 0;}
.mp-menu-panel .btnCloseMenuPanel {position: absolute;top: -20px;right: 15px;height: 35px;font-size: 3.5em;color: white;cursor: pointer;}
.mp-menu-panel-wrapper {position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);opacity: 0;transition: opacity 400ms;z-index: initial;}
.mp-menu-panel-wrapper-active {opacity: 1;transition: opacity 400ms;z-index: 8001;}
.mp-menu-panel-wrapper-active .mp-menu-panel {padding:20px 60px 20px 20px}
.mp-menu-panel-wrapper-active .mp-menu-panel img {width: auto;}
.mp-menu-panel ul { list-style: none; }
.mp-menu-panel li a { color: white; text-decoration: none; }
@media screen and (max-width: 992px){
    .mp-menu-panel { width: 100%; }
    .mp-menu-panel .btnCloseMenuPanel { top: initial; }
}
@media screen and (max-width: 772px){
    .mp-menu-panel .btnCloseMenuPanel { font-size: 2.5em; top: initial; }
}
@media screen and (max-width: 400px){
    .mp-menu-panel .btnCloseMenuPanel { font-size: 1.5em; top: initial; margin: 15px; }
    .mp-menu-panel .btnCloseMenuPanel img { height: 30px; }
}
.mp-menu-panel #externalContentPannelloMenu {opacity:0; transition:all 0.15s ease-in-out;}
.mp-menu-panel #externalContentPannelloMenu.active {opacity:1}
/**/


/* ---------------------------------------------------------------- RICERCA WP ---------------------------------------------------------------- */
#webpart_ricerca {font-size:1.3em;}
#webpart_ricerca .RadInput_MetroTouch, #webpart_ricerca .RadInputMgr_MetroTouch {font-size: 1.15em;}
#webpart_ricerca .RadInput_MetroTouch .riEmpty, #webpart_ricerca .RadInput_Empty_MetroTouch {color: #586575;opacity: .6;}
#webpart_ricerca .RadComboBox .rcbEmptyMessage {color: #586575;opacity: .7;}
#webpart_ricerca .RadInput_MetroTouch.RadInputFocused .riTextBox,
#webpart_ricerca .RadInput_MetroTouch.RadInputFocused .riSelect,
#webpart_ricerca .RadInput_MetroTouch.RadInputFocused .rcSelect,
#webpart_ricerca .RadInput_Focused_MetroTouch {border-color:#586575;color:#586575;transition:all 0.2s ease-in-out}
#webpart_ricerca .RadComboBox_MetroTouch .rcbReadOnly {color: #586575;background-color: #fff;transition:all 0.2s ease-in-out}
#webpart_ricerca .RadComboBox .rcbReadOnly .rcbInput {color: #586575;}
#webpart_ricerca .RadComboBox_MetroTouch .rcbReadOnly.rcbHovered,
#webpart_ricerca .RadComboBox_MetroTouch:hover,
#webpart_ricerca .RadComboBox_MetroTouch .rcbReadOnly.rcbFocused:hover {background-color: #586575;color:#fff;}
#webpart_ricerca .RadComboBox:hover .rcbReadOnly .rcbInput {color:#fff;}
#webpart_ricerca .RadComboBox_MetroTouch .rcbReadOnly.rcbFocused, 
#webpart_ricerca .RadComboBox_MetroTouch .rcbReadOnly.rcbExpanded {border-color: #586575;color: #fff;}
#webpart_ricerca .RadButton_MetroTouch {font-family:Titillium-Semibold;text-transform:uppercase;font-size:0.9em;padding: 5px 20px 8px 20px;}
#webpart_ricerca .RadButton_MetroTouch.rbButton, 
#webpart_ricerca .RadButton_MetroTouch.rbButton.rbDisabled, 
#webpart_ricerca .RadButton_MetroTouch .rbSplitPart {border-color: #586575;color: #586575;background-color: #ffffff;transition:all 0.2s ease-in-out}
#webpart_ricerca .RadButton_MetroTouch:hover,
#webpart_ricerca .RadButton_MetroTouch .rbHovered {background-color: #586575;color:#fff;}
#webpart_ricerca .RadMenu_MetroTouch .rmRootGroup {border-color: #586575;color: #586575;background-color: #ffffff;}
#webpart_ricerca .RadMenu .rmRootGroup.rmHorizontal>.rmItem, 
#webpart_ricerca .RadMenu .rmRootGroup.rmHorizontal>.rmRootScrollGroup>.rmItem {border-width: 0;width: 100%;}
#webpart_ricerca .RadMenu_MetroTouch .rmRootGroup .rmItem {border-color: #586575;}
#webpart_ricerca .RadMenu_MetroTouch .rmRootGroup .rmSelected > .rmRootLink,
#webpart_ricerca .RadMenu_MetroTouch .rmRootGroup .rmExpanded > .rmRootLink {border-color: #586575;background-color: #586575;}
#webpart_ricerca .RadMenu_MetroTouch .rmGroup .rmSelected>.rmLink, 
#webpart_ricerca .RadMenu_MetroTouch .rmGroup .rmExpanded>.rmLink, 
#webpart_ricerca .RadMenu_MetroTouch .rmGroup .rmSelected>.rmLink .rmToggle, 
#webpart_ricerca .RadMenu_MetroTouch .rmGroup .rmExpanded>.rmLink .rmToggle {border-color: #586575;background-color: #586575;}

@media (min-width:800px) and (max-width:1100px){
    #webpart_ricerca {font-size:1em;}
}
/* ---------------------------------------------------------------- /RICERCA WP ---------------------------------------------------------------- */





/* ---------------------------------------------------------------- PAGINAZIONE ---------------------------------------------------------------- */
/*.paginazione {width: 100%;text-align: center;}
    .paginazione ul {list-style: none;margin: 15px !important;}
    .paginazione li {display: inline;}
    .paginazione a {text-decoration: none !important;}
.paginazione .item {margin-left: 5px;margin-right: 5px}
.paginazione .disable {color: #586575;}
    .paginazione .item a,
    .paginazione .disable a {color: #586575;}
.paginazione .active {color: #586575;}
    .paginazione .active a {color: #586575;}
.paginazione .arrow {font-size: 26px;}*/

/*.paginazione {clear: both; background: rgba(0,0,0,0) !important; text-align:center; }
.RadDataPager .rdpWrap {float:none !important;}
.paginazione .rdpNumPart a {border:none !important; padding-right: 0pcx !important; margin-right: 0px !important; }
.paginazione .rdpNumPart a:hover { color: #586575 !important; background: rgba(0,0,0,0) !important; border:none !important; padding-right: 0px !important; margin-right: 0px !important;}
.paginazione a.rdpCurrentPage, .paginazione a.rdpCurrentPage:hover {color: #cccccc !important; border:none !important; }
.paginazione .rdpNumPart a:not(:last-of-type):after { content: " . "; }
.paginazione .rdpWrap .rdpActionButton.rdpPageNext{ margin-left: 10px; }
.paginazione .rdpWrap .rdpActionButton.rdpPageNext,
.paginazione .rdpWrap .rdpActionButton.rdpPagePrev,
.paginazione .rdpWrap .rdpActionButton.rdpPageNext:hover,
.paginazione .rdpWrap .rdpActionButton.rdpPagePrev:hover { border: none; background: rgba(0,0,0,0); min-width:unset !important; color:#586575; font-weight: bolder }
.paginazione .rdpWrap .rdpActionButton.rdpPageNext .rdpIcon:before { content:'>'; font: inherit; }
.paginazione .rdpWrap .rdpActionButton.rdpPagePrev .rdpIcon:before { content:'<'; font: inherit;}
.paginazione .rdpWrap .rdpActionButton.rdpPageFirst,
.paginazione .rdpWrap .rdpActionButton.rdpPageLast{ display: none !important; }*/

/*.RadDataPager .rdpWrap {float:none !important;}*/
.container-paginazione {margin-top:20px;text-align:center;}
.container-paginazione > .RadAjaxPanel, .container-paginazione .paginazione {display:inline-block !important;background: transparent!important;}
.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage, .RadDataPager_Metro .rdpNumPart a.rdpCurrentPage {border-color: transparent !important;}
.RadDataPager_MetroTouch .rdpNumPart a:hover, .RadDataPager_Metro .rdpNumPart a:hover {border-color: transparent !important;color: #ccc !important;background-color: transparent !important;}
.paginazione input[type=button], input[type=reset], input[type=submit], button {min-width:15px !important;}
.paginazione .RadDataPager_MetroTouch .rdpPagerButton, .RadDataPager_MetroTouch .rdpActionButton,.RadDataPager_Metro .rdpPagerButton:hover, .RadDataPager_Metro .rdpActionButton:hover,.RadDataPager_Metro .rdpActionButton,
.RadDataPager_Metro .rdpActionButton:focus, .RadDataPager_Metro .rdpActionButton:active {border-color: transparent !important;color: #000 !important;background-color: transparent !important;}
.paginazione .RadDataPager .rdpPagerButton, .RadDataPager .rdpActionButton {padding: 4px 0 !important;}
.RadDataPager .rdpIcon, .RadDataPager_MetroTouch .rdpIcon {color:#586575 !important;width:15px !important;}
.RadDataPager .rdpIcon:hover, .RadDataPager_MetroTouch .rdpIcon:hover {color:#ccc !important;}
/* ---------------------------------------------------------------- /PAGINAZIONE ---------------------------------------------------------------- */




/* ---------------------------------------------------------------- TRASPARENZA ---------------------------------------------------------------- */
.trasparenza-box h1 {font-size: 2.1em;}
#menu-sezione.trasparenza-menu {background-color:#f01e65;}
.trasparenza h1 {font-size: 1.4em;font-family: Titillium-bold;color:#f01e65;margin-top: 25px;}

@media screen and (max-width:600px){.trasparenza-box h1 {font-size: 1.3em;}}
@media screen and (min-width:600px){.trasparenza-box h1 {font-size: 1.5em;}}

/*.trasparenza a, .trasparenza a:link, .trasparenza a:active, .trasparenza a:hover, .trasparenza a:visited {color:#0000ff;}*/

.menu-trasparenza {width: 100%;text-transform:uppercase;font-size:0.8em !important;margin-top:20px;padding-right:30px;}
.menu-trasparenza a, .menu-trasparenza a:link, .menu-trasparenza a:active, .menu-trasparenza a:hover, .menu-trasparenza a:visited {color:#586575;}

.menu-trasparenza .RadPanelBar_MetroTouch {font-family:Titillium-Light;}
.menu-trasparenza .RadPanelBar {width:auto;border:0}
.menu-trasparenza .RadPanelBar .rpExpandable .rpExpandHandle {display: none;}
.menu-trasparenza ul.rpRootGroup li {}

.menu-trasparenza .RadPanelBar .rpLast .rpRootLink, .RadPanelBar .rpLast .rpHeaderTemplate,
.menu-trasparenza .RadPanelBar_MetroTouch .rpRootLink, 
.menu-trasparenza .RadPanelBar_MetroTouch .rpHeaderTemplate {background-color: transparent;border-bottom:1px solid #ddd; }

.menu-trasparenza .RadPanelBar .rpLink {padding: 10px 10px;width:95%;transition:all 0.3s ease-in-out;}
.menu-trasparenza .RadPanelBar .rpLink:hover {width:100%;padding: 10px 10px;border-top:1px solid #fff;border-bottom:1px solid #fff}
.menu-trasparenza .RadPanelBar .rpSlide .rpLink:hover {width:100%;padding:10px 10px 10px 25px;border-top:1px solid #fff;border-bottom:1px solid #fff}

.menu-trasparenza .RadPanelBar a.rpLink:hover, .menu-trasparenza .RadPanelBar a.rpLink:active {border-color:transparent;color:#fff !important; background-color: #f01e65 !important;}
.menu-trasparenza .RadPanelBar .rpSlide .rpLink {transition:all 0.3s ease-in-out;background-color:#f67da6;color:#fff;font-weight:500;font-size:0.85em;padding: 10px 10px 10px 25px;border-bottom: 1px solid #f67da6;border-top: 1px solid #f67da6;}
.menu-trasparenza a.rpSelected .rpSlide li {background-color:#f67da6;}
.menu-trasparenza .rpSelected a, .menu-trasparenza .rpSelected a:link, .menu-trasparenza .rpSelected a:active, .menu-trasparenza .rpSelected a:hover, .menu-trasparenza .rpSelected a:visited {color:#fff;}
.menu-trasparenza .RadPanelBar_MetroTouch .rpRootLink.rpExpanded {color: #fff;background-color: #f67da6;border-left:0;border:0}
.menu-trasparenza .RadPanelBar_MetroTouch .rpRootLink.rpSelected,
.menu-trasparenza .RadPanelBar_MetroTouch .rpLink.rpSelected {color: #fff !important;background-color: #f01e65 !important;border-top:1px solid #fff !important;border-bottom:1px solid #fff !important;padding:10px 10px 10px 25px;width:100%;}

/*only works for IE 11*/
@media all and (-ms-high-contrast:none){
    .menu-trasparenza .RadPanelBar_MetroTouch .rpFirst.rpSelected.rpRootLink, .menu-trasparenza .RadPanelBar_MetroTouch .rpFirst.rpSelected.rpLink{
        border-top:none;
    }
	.RadPanelBar_MetroTouch .rpRootGroup {
		border: 0 !important;
	}
	.menu-trasparenza .RadPanelBar .rpLink {
		padding: 10px 10px 10px 25px !important;
	}
	.menu-trasparenza .RadPanelBar .rpLink:hover {
		padding: 10px 10px 10px 25px !important;
	}
    .menu-trasparenza .RadPanelBar .rpRootLink > .rpOut > .rpText {
        font-size: 0.7em !important;
        line-height: 20px;
    }
    .menu-trasparenza .RadPanelBar .rpSlide .rpText {
        font-size: 0.9em !important;
        line-height: 20px;
    }
    .paginazione .rdpWrap input{
        border: none;
        background-color: transparent;
    }
    .RadDataPager .rdpNumPart span {
        font-family: Titillium-Light;
        font-weight: 600;
        font-size: 1.1em;
    }
    .RadDataPager_MetroTouch .rdpPageFirst, 
    .RadDataPager_MetroTouch .rdpPagePrev, 
    .RadDataPager_MetroTouch .rdpPageNext, 
    .RadDataPager_MetroTouch .rdpPageLast {
        background-color: transparent !important;
    }
    span.rbSkinnedButton.RadButton_MetroTouch, 
    span.rbVerticalButton.RadButton_MetroTouch, 
    span.rbLinkButton.RadButton_MetroTouch, 
    span.RadButton_MetroTouch .rbSplitRight, 
    span.RadButton_MetroTouch .rbSplitLeft
    {
	    border-color: #586575 !important;
	    color: #586575 !important;
	    background-color: white !important;
	    transition: all 0.2s ease-in-out !important;
    }
    span.rbSkinnedButton.RadButton_MetroTouch:hover, 
    span.rbVerticalButton.RadButton_MetroTouch:hover, 
    span.rbLinkButton.RadButton_MetroTouch:hover, 
    span.RadButton_MetroTouch .rbSplitRight:hover, 
    span.RadButton_MetroTouch .rbSplitLeft:hover
    {
	    color: white !important;
	    background-color: #586575 !important;
    }
    #webpart_ricerca .RadInput_MetroTouch.riSingle .riTextBox { height: 50px; font-size: 1em; }
    #webpart_ricerca .RadComboBox .rcbReadOnly .rcbInput { padding: 8px; font-size: 1.5em; }

    .GSE-TagFormat{ font-size: 1.08em !important; padding: 0px !important;}
}
/* ---------------------------------------------------------------- /TRASPARENZA ---------------------------------------------------------------- */





/* ---------------------------------------------------------------- CONTENUTO RIUTILIZZABILE ---------------------------------------------------------------- */
/* contenuto riutilizzabile: bottoni standard tema */
ul.bottoni-standard-tema{padding-left:0px;margin-top:20px;}
.bottoni-standard-tema  li {list-style-type: none;float: left;margin-right:20px;border:1px solid #586575;padding:13px 20px;font-size:1em;color:#586575;line-height:1.1em;text-transform: uppercase;margin-bottom:15px;font-family:Titillium-SemiBold;font-weight:normal;}
.bottoni-standard-tema  li a {color:#586575;text-transform: uppercase;font-family:Titillium-SemiBold;text-decoration: none;font-weight: 100;}
.bottoni-standard-tema  li:hover {background-color:#586575;color:#fff;transition: all 0.2s ease-in-out;}
.bottoni-standard-tema  li:hover a{color:#fff;transition: all 0.2s ease-in-out;}  
/*edit*/  
 .ms-rtestate-write ul.bottoni-standard-tema{padding-left:40px;margin-top:20px;}
 .ms-rtestate-write .bottoni-standard-tema li{list-style-type: disc ;float: none;border:none;margin-bottom:0px;padding:10px;}
 .ms-rtestate-write .bottoni-standard-tema li:hover{color:#586575 !important;background-color:#fff !important;}
 .ms-rtestate-write .bottoni-standard-tema li:hover a{color:#586575 !important;background-color:#fff}

/* contenuto riutilizzabile: testo con box laterale sx */
.strip-box-wrapper { display: flex; }
.strip-box { flex: 3; margin-right: 16px; padding: 16px; }
.strip-box h2 { margin: 0; }
.strip-text { flex: 9; }
@media screen and (max-width: 768px) { 
    .strip-box-wrapper { min-height: 0; flex-direction: column; } 
    .strip-box { margin-right: 0; margin-bottom: 16px; }
}

.boxCitazione-centro {
    width: 100%;
    background-color: #f1f1f1;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
}
.boxCitazione-img {
    width: 60px;
    background: url("/_layouts/15/GSE.Internet2016/img/virgolette-citazione.png") no-repeat scroll 50% 50%;
    display: flex;
    background-color: #586575;
}
.boxCitazione-testo {
    padding: 15px;
    display: flex;
}
.firmaAmministratore {
    margin: auto;
    margin-top: 30px;
    display: flex;
    border-top: 1px solid #f1f1f1;
    width: 40%;
    float: left;
}
.firmaAmministratore-img {
    width: 60px;
    background: url("/SiteCollectionImages/foto-sperandini.png") no-repeat 0 50%;
    background-size: 60px 60px;
    display: flex;
}
.firmaAmministratore-testo {
    padding: 15px;
    display: flex;
    text-transform: uppercase;
}
.boxInEvidenza {
    width: 30%;
    float: right;
    margin: auto;
    margin-left: 20px;
    color: #fff;
    padding: 15px;
    min-height: 150px;
}
@media screen and (max-width:768px) {
    .boxInEvidenza-azzurro {
        width: 100%;
    }
}

.bg-azzurro {
    background-color: #00afec;
}
.bg-viola {
    background-color: #d21c81;
}
.bg-verde {
    background-color: #02bda0;
}

/* ---------------------------------------------------------------- /CONTENUTO RIUTILIZZABILE ---------------------------------------------------------------- */



/* ---------------------------------------------------------------- TOOLBAR CUSTOM WP ---------------------------------------------------------------- */
.ms-ToolPaneBody .toolpart-container  textarea.reTextArea {width:100% !important}
/* ---------------------------------------------------------------- /TOOLBAR CUSTOM WP ---------------------------------------------------------------- */



/* ------------------------------ ERROR MESSAGE ------------------------------ */
.alert-box {
    color: #555;
    border-radius: 3px;
    font-size: 13px;
    padding: 10px 10px 10px 36px;
    margin: 10px 0;
    display: inline-block;
}

    .alert-box span {
        font-weight: bold;
        text-transform: uppercase;
    }

.error {
    background: #fec5c5 url('/_layouts/15/GSE.Internet2016/img/AlertBoxError.png') no-repeat 10px 50%;
    border: 1px solid #f5aca6;
}

.success {
    background: #e9ffd9 url('/_layouts/15/GSE.Internet2016/img/AlertBoxSuccess.png') no-repeat 10px 50%;
    border: 1px solid #a6ca8a;
}

.warning {
    background: #fff8c4 url('/_layouts/15/GSE.Internet2016/img/AlertBoxWarning.png') no-repeat 10px 50%;
    border: 1px solid #f2c779;
}

.notice {
    background: #e3f7fc url('/_layouts/15/GSE.Internet2016/img/AlertBoxNotice.png') no-repeat 10px 50%;
    border: 1px solid #8ed9f6;
}
/* ------------------------------ ERROR MESSAGE ------------------------------ */



/* ------------------------------ ACCORDION ------------------------------ */
.ui-accordion {margin-top: 4px !important;background-color: #c4c4c4;}
.ui-accordion-header-active{background-color:#f01e65}
.ui-accordion-header p {margin-bottom:0;}
.ui-accordion:hover {background-color: #ddd !important;}
.ui-accordion-header:hover{background-color:#f01e65}
.ui-accordion .ms-rtestate-field div {margin: 0;line-height: 16px;font-size: 1em;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {position: absolute;right: 0;margin-top: -3px;margin-right: 15px;height: 26px;width: 26px;}
.glyphicon-minus:before{font-size: 1.3em;}
.glyphicon-plus:before{font-size: 1.3em;}
.ui-icon.accordion-icon {width: 26px;height: 26px;background-color: #ddd;}
.ui-accordion .ui-accordion-header {line-height: 1.3em;margin: 2px 0 0 0;font-size: 1.1em;font-weight: 600;height: 100%;font-family: Titillium-light;color: #fff;padding: 15px 50px 15px 15px;transition: all 0.2s ease-in-out;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 1px solid #ddd;}
.ui-icon.accordion-icon-opened {background: url('/_layouts/15/istat.intranet/img/sidebar-menu-arrow_ae_90.png') no-repeat center #42586f;width: 26px;}
/*.ui-helper-reset {line-height: 22px;}*/
.ui-accordion-content{padding:20px;font-family:Titillium-Light;}
.ui-accordion-header .ui-state-default .ui-accordion-icons .ui-corner-all:active{background-color:red}
/* ------------------------------ /ACCORDION ------------------------------ */


/*GSE RadEditor: Nascondo tasto "All Properties" da Aggiungi Link (Vedi Proprietà 'Testo' della Web Part "Box Colorato")*/
.RadWindow  .reAllPropertiesLight {display: none;}
/*---------------------------------------------------------------------------------------------------------*/






/* ------------------------------------ INIZIO STILI PER TABELLE SELEZIONABILI DA SHAREPOINT ------------------------------------ */
/*nome*/
table.ms-rteTable-Trasparenza {-ms-name: "Tabella sezione Società trasparente"; background-color:#e7e8ec;}

/*intestazione*/
.ms-rteTableHeaderRow-Trasparenza {
    -webkit-box-shadow: 0px 16px 30px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 16px 30px -10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 16px 30px -10px rgba(0, 0, 0, 0.5);
}
.ms-rteTableHeaderRow-Trasparenza th, .ms-rteTableFooterRow-Trasparenza td, th.ms-rteTableFooterFirstCol-Trasparenza {
	padding: 15px 10px;background: #02bda0;font-family:Titillium-Regular;font-size:0.9em;border: 1px solid #efefef;}

/*righe*/
/*.ms-rteTable-Trasparenza TR.ms-rteTableOddRow-Trasparenza, .ms-rteTable-Trasparenza TR.ms-rteTableEvenRow-Trasparenza {
	BACKGROUND-COLOR: #e7e8ec;
}*/

.ms-rteTable-Trasparenza td, .ms-rteTableFooterRow-Trasparenza td{
	padding: 15px 10px;border: 1px solid #fff;font-weight: normal;font-size:0.9em;}

.ms-rteTable-Trasparenza td, th.ms-rteTableFirstCol-Trasparenza, th.ms-rteTableFooterFirstCol-Trasparenza {
	text-align: left;color: #344658;}

.ms-rteTableHeaderRow-Trasparenza th, .ms-rteTableFooterRow-Trasparenza td, th.ms-rteTableFooterFirstCol-Trasparenza {
	color: #ffffff;text-align: center;}

/* ------------------------------------ INIZIO STILI PER TABELLE SELEZIONABILI DA SHAREPOINT ------------------------------------ */




/* ------------------------------------ CONTENUTO RIUTILIZZABILE FATTO DA GSE ------------------------------------ */
.Contenitore-box-due-colonne-img {display:flex;}
.Contenitore-box-due-colonne-img .box-colonna-sinistra {flex:6;margin-right:16px;padding:16px;}
.Contenitore-box-due-colonne-img .box-colonna-sinistra h2 {color:#fff;text-transform:uppercase;}
.Contenitore-box-due-colonne-img .box-colonna-destra {flex:6;padding:16px;}
@media screen and (max-width: 761px) {
.Contenitore-box-due-colonne-img {display:block;}
.Contenitore-box-due-colonne-img .box-colonna-sinistra {display:none;}
}

.Contenitore-box-due-colonne {display:flex;}
.box-colonna-sinistra {flex:6;margin-right:16px;padding:16px;}
.box-colonna-sinistra h2 {color:#fff;text-transform:uppercase;}
.box-colonna-destra {flex:6;padding: 16px;}
@media screen and (max-width: 520px) {
.Contenitore-box-due-colonne {display:block;}
.box-colonna-sinistra {margin-right:0px;padding:16px;}
.box-colonna-sinistra h2 {color:#fff;text-transform:uppercase;}
.box-colonna-destra {padding: 16px;}
}

.contenitore-box-testo {margin-top:40px;min-height:300px;}
.box-testo-destra-top h2 {font-size:1.8em;color:#586575;text-transform:uppercase;}
.box-testo-sinistra {height:300px;padding:16px 16px;margin-bottom: 10px;}
.box-testo-sinistra h2 {color:#fff;text-transform:uppercase;}
.contenitore-box-testo a:hover .box-testo-sinistra {border-left:8px solid #586575;transition:all 0.2s ease-in;}
.contenitore-box-testo a:hover {text-decoration:none;}
.contenitore-box-testo h2{margin-top:0px;}
.box-testo-destra-top{padding: 16px 16px;}

.contenitore-box-quattro {margin-top:40px;min-height:300px;}
.contenitore-box-quattro .box-testo-destra-top h2 {font-size:1.8em;color:#586575;text-transform:uppercase;}
.contenitore-box-quattro .box-testo-sinistra {height:300px;padding:4px 16px;}
.contenitore-box-quattro .box-testo-sinistra h2 {color:#fff;text-transform:uppercase;}
.contenitore-box-quattro a:hover .box-testo-sinistra {border-left:8px solid #586575;transition:all 0.2s ease-in;}
.contenitore-box-quattro a:hover {text-decoration:none;}
@media screen and (max-width: 761px) {
.contenitore-box-quattro .box-testo-sinistra {height:auto;padding:4px 16px;}

}

.btn-approfondisci-contenitore {display: block !important;}
.btn-approfondisci-generico{border:1px solid #D90482;padding:5px 10px;margin-top:10px;}
.btn-approfondisci-contenitore a{color:#D90482; font-family:Titillium-semibold;display:block;float:right;}
.btn-approfondisci-contenitore a.btn-approfondisci-generico:hover {background-color: #D90482;color: #fff;text-decoration: none;}

/* Sfondi box custom */
.box-celeste {background-color:#0E9BCC;}
.box-blu {background-color:#3379fb;}
.box-bluScuro {background-color:#0e395b;}
.box-giallo {background-color:#fade01;}
.box-gialloScuro {background-color:#ECA306;}
.box-arancio{background-color:#FF4C01;}
.box-viola {background-color:#D90482;}
.box-grigioChiaro{background-color:#ececec;}
.box-grigioChiaro h2{color:#586575;}
.box-bianco{background-color:#fff;}
.box-bianco h2{color:#586575;}
/* /Sfondi box custom */
/* ------------------------------------ /CONTENUTO RIUTILIZZABILE FATTO DA GSE ------------------------------------ */

#cookie-warning {
    display: none;
    background-color: rgba(0, 0, 0, 0.85);
    color: white;
    position: fixed;
    z-index: 5000;
    width: 100%;
    bottom: 0;
    padding: 30px;
}

#cookie-warning p { margin: 0; }

#cookie-warning a:not(.gse-btn-cookiePolicy) {
    color: white;
    font-family: Titillium-Bold;
    font-weight: bold;
    cursor: pointer;
}

#cookie-warning a.gse-btn-cookiePolicy {
    padding: 15px;
    float: right;
    transition: all 150ms linear;
    border: 1px solid black;
    background-color: #f0f0f0;
    color: rgba(0, 0, 0, 0.8);
    text-decoration:none;
    line-height: 5px;
}

#cookie-warning a.gse-btn-cookiePolicy:hover {
    color: white;
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid white;
}