/* ********************************************************************************* */
/* COLORI background MAIN, MAIN ENTE APPARTENENZA, FOOTER, FOOTER LINK UTILI         */
/* ********************************************************************************* */


/* COLORE SEZIONE FOOTER MAIN */
/* .it-footer-main { */
    /* background-color: #036; */
    /* color: #fff; */
    /* font-size: 16px; */
/* } */
/* COLORE SEZIONE footer LINK UTILI */
/* .it-footer-small-prints { */
    /* background-color: #001a33; */
/* } */
body {
    color: #036;
}

.scrollbar {
    background-color: #06c;
    float: left;
    height: 300px;
    margin-bottom: 25px;
    margin-left: 22px;
    margin-top: 40px;
    width: 65px;
    overflow-y: scroll;
}

.force-overflow {
    min-height: 450px;
}


/* ********************************************************************************* */
/* PERSONALIZZAZIONI INTESTAZIONI GENERALI DEL SITO                                  */
/* ********************************************************************************* */


/* DIMENSIONI HEADER h1, h2, h3, h4, h5, h6 NELLA SEZIONE MAIN
.h1, h1 {
    font-size: 2rem;
}
.h2, h2 {
    font-size: 1.8rem;
}
.h3, h3 {
    font-size: 1.6rem;
}
.h4, h4 {
    font-size: 1.4rem;
}
.h5, h5 {
    font-size: 1.2rem;
}
.h6, h6 {
    font-size: 1.1rem;
}*/

/* ********************************************************************************* */
/* FINE PERSONALIZZAZIONI INTESTAZIONI GENERALI DEL SITO                             */
/* ********************************************************************************* */
#main-navigation::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 6px;
	background-color: #F5F5F5;
}

#main-navigation::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

#main-navigation::-webkit-scrollbar-thumb
{
	border-radius: 6px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #711;
}



/* ********************************************************************************* */
/* UTILITA':  cambiano il layout del sito - larghezza e altro                        */
/* ********************************************************************************* */

span.AreaTopMenu-font16 {font-size: 16px!important;}

.col:empty, [class^=col-]:empty { display: none; }

@media (min-width: 992px) {
/*Amplia container interno normalmente max-width: 1184px*/
.container {max-width: 84%;}

/* Larghezza Container footer link utili */
.container-link-utili {max-width: 86%;}
}

@media (max-width: 992px) {
/*Amplia container interno normalmente max-width: 1184px*/
.container {max-width: 100%;}

/* Larghezza Container footer link utili */
.container-link-utili {max-width: 96%;}	
	
}

/* AGGIUSTA SEZIONI DI TYPO3 */
.section .section-default {padding: 20px;}
@media (min-width: 1200px) {
.section {
    padding: 0 20px 0 20px;
}
}

/* ELIMINA PADDING DEFAULT FRAME TYPO3 */
.container .frame-has-backgroundimage, .container .frame-background-primary, .container .frame-background-secondary, .container .frame-background-light, .container .frame-background-dark {
    /*padding-bottom: 3.5rem;*/ /* Da Verificare */
}

.frame {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}
.frame-container {max-width: 100%;}
.frame-collapsible, .frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-primary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-background-primary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-secondary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-background-secondary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-light.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-background-light.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-dark.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-background-dark.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) {
    margin-top: 0rem; 
}
.frame-header {
    margin-top: 1em;
}
.frame-header *:last-child {
    margin-bottom: 0;
}

/* .gallery-item-size-1 > figure.image { */
    /* margin: 0; */
/* } */


/* ********************************************************************************* */
/* FINE UTILITA':  cambiano il layout del sito - larghezza e altro                   */
/* ********************************************************************************* */


/* ********************************************************************************* */
/* SEZIONE MAIN: HeaderTop - link ente appartenenza , logo, fb, menuprincipale       */
/* ********************************************************************************* */
.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
    margin-right: 0;
}

/* Main Top Ente di Appartenenza  */
.it-header-slim-wrapper .it-header-slim-wrapper-content .navbar-brand {
    color: #fff;
    /* font-size: 1em; */
    /* margin-bottom: 5px; */
}

/* DIMENSIONE DESCRIZIONE COMUNE MAIN E FOOTER */
.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a h3, .it-footer-main .it-brand-wrapper a h3 {
    /* font-size: 1.2em; */
}

/* SIstema font ente appartenenza */
.ente-appartenenza-size {
font-size: 0.9em;	
}
/* Sistema padding menu navigazione */
/* .navbar .navbar-collapsable .navbar-nav li a.nav-link { */
    /* padding: 13px 5px 13px 5px; */
/* } */

@media (max-width: 990px) {
header, hgroup, main, nav, section {
    z-index: 2;
}
}
/* ********************************************************************************* */
/* FINE SEZIONE MAIN: HeaderTop - link ente appartenenza , logo, fb, menuprincipale  */
/* ********************************************************************************* */

/* ********************************************************************************* */
/* SEZIONE FOOTER: MENU FOOTER, CONTENUTO, LINK UTILI, SCROLL TOP                               */
/* ********************************************************************************* */
/* DIMENSIONI HEADER h1, h2, h3, h4, h5, h6 NELLA SEZIONE foter*/
.it-footer-main {   
    font-size: 16px;
}
.it-footer-main .frame-header {margin-top: 0.42em;}

/* SOCIAL POSITION */
.social-footer-position {top: 5px;position: absolute;right: 0;}
/* Aggiusta il colore delle icone nel footer inserite nell'oggetto pagina */
.it-footer-main .nav-link-icon {fill: #fff;}

/* ********************************************************************************* */
/* FINE SEZIONE FOOTER: MENU FOOTER, CONTENUTO, LINK UTILI                           */
/* ********************************************************************************* */


                   

/* ********************************************************************************* 
 * GESTIONE STATO DEI LINK ATTIVO HOVER ETC PER L'INTERO SITO E COMPONENTI           
 ********************************************************************************* */
/*.row.clearfix a:hover, .row.clearfix a:focus, .row.clearfix a:active , .row.clearfix a:focus   {
    outline: 0.5px solid #fff;
}*/
.row.clearfix a:hover img, .row.clearfix a:focus img, .row.clearfix a:active img, .row.clearfix a:focus img {
    outline: 0.5px solid #fff;
    padding: 5px;
}

/* Menu Top Link Utili */
.Header-external .label {
    display: none; visibility: hidden;
}

.Header-external .current {
    border-bottom: 2px solid #fff;
}

/* Menu Top Link Utili */
.Header-external .label {
    display: none; visibility: hidden;
}

.Header-external .current {
    border-bottom: 2px solid #fff;
}

.Header-external .delimiter {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}


/* MENU CARD */
.card a {
    color: #036;
    text-decoration: none;
    background-color: transparent;
}
.card a:not(.btn):hover, .card a:not(.btn):focus, .card a:not(.btn):active {
    color: #003399;
	text-decoration: underline;
}
/* hover focus active EVIDENZIA I LINK ATTIVI */
#mainnavigation .border-bottom-3 {border-bottom: 3px solid #fff;}
.it-footer li a.current, .it-footer li a.current, .it-footer h4 a.current, .it-footer h4 a.active  {color: #ff0; border-bottom: 1px solid #fff; border-top: 1px solid #fff;}

/* Titolo h4 footer list */
a.footer-title-list:hover, a.footer-title-list:focus,  a.footer-title-list:active {text-decoration: underline;}

/* link li footer */
.it-footer-main .link-list-wrapper ul li a.current {
    border: 1px solid #fff;
	border-radius: 20px 20px 20px 20px;
}
div.social-footer-position li a:hover, div.social-footer-position li a:focus, div.social-footer-position li a:active, ul.footer-list li a:hover, ul.footer-list li a:focus, ul.footer-list li a:active, .meta-menu li a:hover, .meta-menu li a:focus, .meta-menu li a:active {	
    color: #fff;
    border-radius: 20px 20px 20px 20px;
    background-color: #001a33;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5),0 1px 0 rgba(255,255,255,0.1);
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.1);
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-decoration: underline;
}
.it-footer-main, .it-footer-main  a {color: #fff;}
 .it-footer-main h3 a, .it-footer-main h4 a, .it-footer-main h5 a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
}

.link-utili h3 {font-size: 18px; }
.link-utili h4 {font-size: 16px; }
.it-footer-main h5 a {font-size: 16px; }

/* ********************************************************************************* 
 * FINE GESTIONE STATO DEI LINK ATTIVO HOVER ETC PER L'INTERO SITO E COMPONENTI      
 ********************************************************************************* */



/* ********************************************************************************* 
 * ELEMENTI INTERNI DI CONTENUTO E MENU                                              
 ********************************************************************************* */

/* MENU NAVIGAZIONE LATERALE SIDEBAR */
.sidebar-wrapper h3 {
	font-size:    1.2em;
    padding-left: 0;
    /* padding-right: 24px; */
}

/* INTERACTIVE ELEMENT BOOSTRAP_PACKAGE STYLING */
.timeline-item-header-headline {
    color: #06c;
}
.bg-info, .card-panel-info .card-header {
    background-color: #06c;
}
/*.tab-content {
margin-top: 1em;	
}*/

/* CAOUROSEL SMALL */
.carousel {
margin-top: 0em;		
}
.accordion-title-link {
    padding: 0;
}
/* ********************************************************************************* 
 * FINE ELEMENTI INTERNI DI CONTENUTO E MENU                                              
 * ********************************************************************************* */

/***********************************************************************************************
* Footer Vecchio sito
************************************************************************************************/

.meta-section {padding: 50px 0;}
.language_menu {width: 300px;}

.meta-section a , .footer-section  a, .meta-section a:visited , .footer-section  a:visited {
  color: #fff;
}


.footer-section h2, .footer-section h2.csc-firstHeader, .footer-section .icon-list, .footer-section a, .footer-section a:link, .footer-section a:visited {color: #fff;}
.footer-section a:hover, .footer-section a:focus, .footer-section a:active {color: #ff0;}
.footer-section h3, .footer-section h3.csc-firstHeader, .footer-section h2, .footer-section h2.csc-firstHeader {background-color: transparent;}

.meta-section , .footer-section {
  background-color: #333;
  border-top: 1px solid #aaa;
  color: #fff;
}


.footer-section {line-height: 1.4; margin-top: 0px; padding: 8px 0 36px;}
.footer-section .container .row h2, .footer-section  .container .row h3 {
    border-top: 0;
}


.meta-section .active a:hover, .meta-section .active a:focus, .meta-section .active a:active {
  color: #ff0;
}

div.copyright p {
  text-align: right;
}

.contact-container {color: #fff;}
.contact-container a, .contact-container a:link, .contact-container a:visited {color: #fff;}