/* ==========================================================================
   STILI GENERICI
   ========================================================================== */
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}
textarea {
    resize: vertical;
}
/*questo sotto non somma il padding*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/* ==========================================================================
   STILI SITO
   ========================================================================== */
body {
    font-size: 18px;
    line-height: 24px;
    font-family: 'Montserrat', sans-serif;
    background:#fff;
    margin: 0px;
    padding: 0px;
}
img {
    width: auto;
    height: auto;
}
.wrapper {
    width: 95%;
    margin: 0 2.5%;
}
a, .azur {
    color: #29abe2;
}
.red {
    color: #F00;
}
.black {
	color: #000;
}
.mini {
	font-size: 12px!important;
	line-height: normal;
}
h1 {
    font-size: 36px;
    line-height: 40px;
    margin-top: 0px;
    text-align: left;
}
h2 {
    font-size: 26px;
    line-height: 30px;
    color: #29abe2;
    text-align: left;
}
h3 {
    text-align: left;
}
hr {
    height: 1px;
    border: 0px;
    color: #CCC;
    background-color: #DDD;
    margin: 50px auto;
    width: 50%;
}

/* HEADER */
.topBlu {
    background-color: #023671;
    padding: 12px 0px;
    color: #FFF;
    font-size: 14px;
    line-height: normal;
    text-align: right;
}
.topBlu div a {
    color: #FFF;
    text-decoration: none;
}
.topBlu div svg {
    margin-left: 20px;
    margin-right: 5px;
    font-size: 18px;
    line-height: normal;
}

/* SLIDE HOME 
---------------------------------------------------------------------------*/
.slider-home li{
    display:block;
    width:100%;
    background-size:cover!important;
    padding: 120px 0px;
}
.slider-home li.uno{
    background:url(../images/slider/torricattedralespietro.jpg) no-repeat center top;
}
.slider-home li.due{
    background:url(../images/slider/piazza-nettuno.jpg) no-repeat center top;
}

/* BREADCRUMBS */
.breadcrumbs {
    font-size: 14px;
    color: #999;
    text-transform: lowercase;
    margin-top: 20px;
}

/* GOOGLE MAP 
---------------------------------------------------------------------------*/		
.iframe_wrap {
    position: relative;
    padding-bottom: 65.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.iframe_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* VIDEO YT */
.rwd-video{height:0;overflow:hidden;padding-bottom:56.25%;padding-top:30px;position:relative;}
.rwd-video iframe, .rwd-video object, .rwd-video embed{height:100%;left:0;position:absolute;top:0;width:100%;border:solid 1px #DDD;padding:10px;}

/*MENU
---------------------------------------------------------------------------*/
.topMenu {
    padding: 10px 0px;
    position: relative;
}
.logo {
    text-align: center;
}
nav.menu-container ul {
    margin: 0px;
    padding: 0px;
}
nav.menu-container ul li {
    display: inline-block;
    float: none;
    position: relative;
}
nav.menu-container ul li a,
nav.menu-container ul li>span{
    display: block;
    text-decoration: none;
    padding: 10px 0px 10px 8px;
    font-size: 13px;
    line-height: normal;
    font-weight: bold;
    color: #023671;
    text-transform: uppercase;
}
nav.menu-container ul li a.menuAR {
    padding: 10px 10px 10px 10px;
    color: #FFF;
    margin-left: 10px;
    background-color: #023671;
    border-radius: 5px;
}
nav.menu-container ul li.current-menu-item {
    color: #29abe2
}
nav.menu-container a:hover, nav.menu-container span:hover {
    color: #29abe2;
}
nav.menu-container ul li a.menuSelected, nav.menu-container ul li span.menuSelected {
    color: #29abe2;
}
nav.menu-container ul li:hover a, nav.menu-container ul li:hover span {
    color: #29abe2;
    transition-property: color;
    transition-duration: 0.5s;
}
nav.menu-container ul li ul {
    background-color: rgba(255, 255, 255, 1)!important;
    position: absolute;
    display: none;
    top: 100%;
    border-right: none;
    z-index: 50;
    padding-top: 0px;
    margin-top:0;
    margin-left: 10px;
    border: 1px solid #DDD;
}
nav.menu-container ul li:hover ul {
    display: block;
}
nav.menu-container ul li ul li {
    min-width: 250px;
    position: relative;
    background: none;
    font-size: 16px;
    text-transform: lowercase;
    height: auto;
    border-bottom: 1px solid #DDD;
}
nav.menu-container ul li ul li:nth-last-child(1) {
    border-bottom: 0px solid #DDD;
}
nav.menu-container ul li ul li a {
    padding: 0px;
    padding: 10px;
    text-align: left;
    font-size: 14px;
    color: #333 !important;
    display: block;
    font-weight: normal;
    text-transform: uppercase;
}
nav.menu-container ul li ul li span.on {
    padding: 0px;
    text-align: left;
    color: #AAA !important;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}
nav.menu-container ul li ul li a:hover {
    color: #AAA !important;
}
nav.menu-container ul li ul li.voceOn {
    color: #AAA !important;
}
nav.menu-container ul li ul li.voceOn a {
    color: #AAA !important;
}

/* SECTION */
section#contenuti {
    padding: 35px 0px 50px 0px;
    text-align: left;
}
section#contenuti h1 {
    background-image: url(../images/bg-h1.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
    text-align: left;
}
section#contenuti ul li, section#contenuti ol li {
    margin-bottom: 20px;
    text-align: left;
}
section#contenuti h3 em {
    font-weight: normal;
}
section#contenuti h2.centrato {
    text-align: center;
}
.mini {
    font-size: 14px;
    line-height: normal;
    text-align: left!important;
}

/* FOOTER */
.appFooter {
    padding: 5px 0px 30px 0px;
    background-color: #000;
    text-align: center;
}
.appFooter h2 {
    color: #FFFFFF;
    text-align: center;
}
.appFooter img {
    width: 100%;
    max-width: 180px;
}
/* HOME */
.menuQuick {
    padding: 30px 0px;
    background-color: #29abe2;
    color: #FFF;
}
.menuQuickCont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.icone {
    position: relative;
    flex: 0 0 48%;
    margin: 20px 0px;
}
.ico {
    position: relative;
    display: block;
    text-align: center;
    padding: 35px 0;
    backface-visibility: hidden;
}
.ico::before, .ico::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
    height: 33px;
    border: 4px solid #FFF;
    transition: .22s;
    transform: translate3d(0, 0, 0);
}
.ico::before {
    top: 0;
    border-bottom: 0;
}
.ico::after {
    bottom: 0;
    border-top: 0;
}
.ico:hover::before {
    transform: translate3d(0, -12px, 0);
}
.ico:hover::after {
    transform: translate3d(0, 12px, 0);
}
.icon::before {
    position: relative;
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-transform: none;
}
.icon h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 24px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    text-align: center;
}
.icon:hover h1 {
    color: #023671;
    transition-duration: 0.8s;
}
.icon svg {
    color: #FFF;
    font-size: 54px;
    margin-top: 15px;
}
.icon:hover svg {
    color: #023671;
    transition-duration: 0.8s;
}

/* BANNER CENTRALE */
.bannerCxBg {
    background-color: #EBEBEB;
	margin-top:-60px;
	padding: 50px 0px;
	margin-bottom: 50px;
}
.bannerCxFlex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bannerCx {
    width: 100%;
    background-color: #FFF;
    border: solid 1px #CCC;
    box-shadow: 0px 0px 10px #CCC;
    padding: 25px;
}
.bannerCx:nth-child(1) {
    background-color: #023671;
    background-image: url(/images/bg-alluvione-2024.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-bottom: 50px;
}
.bannerCx:nth-child(2) {
    background-image: url("/images/bg_welfare-hp-2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.bannerCx h2 {
    color: #FFF;
    font-size: 36px;
    line-height: normal;
    font-weight: bold;
    text-align: center;
    display: block;
    text-shadow: 2px 2px 10px #000;
    margin-top: 0px;
}
.bannerCx h3 a {
    color: #FFF;
    font-size: 24px;
    line-height: normal;
    font-weight: bold;
    text-align: center;
    display: block;
    text-shadow: 2px 2px 10px #000;
}

/* NEWS HOME */
.newsHome {
    padding-bottom: 50px;
}

/* SCADENZE HOME */
.scadenzeHome {
    background-color: #10326E;
    padding: 40px 0px;
}
.scadenzeBlu {
    background-color: #10326E;
    color: #FFF;
}
.scadenzeBoxBlu {
    margin-bottom: 30px;
    text-align: left;
    border: dashed 1px #AAA;
    padding: 10px;
    border-radius: 3px;
}
.scadenzeBoxBlu h2 {
    margin-top: 5px;
    margin-bottom: 0px;
    text-align: left;
}
.scadenzeBoxBlu p {
    margin-top: 5px;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
}
.orariApertura {
    display: none;
}
.sodaggioImg img {
    width: 100%;
    max-width: 1052px;
}
/* LOGO ZERO */
figure.logoZero {
    margin: auto;
    display: table;
    background-color: #FFF;
    border-radius: 500px;
    box-shadow: 0px 0px 10px 0px rgb(204 204 204);
}
figure.logoZero img {
    width: 230px;
    padding: 25px;
}

img.logoIntKm {
    width: 230px;
}

/* TOP INTERNO */
.top-internoBOX {
    padding-top: 15px;
    padding-left: 20px;
    background-image: url(../images/bg-square.png);
    background-repeat: no-repeat;
    background-position: left top;
}
.top-internoBOX h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #FFF;
    text-shadow: 2px 2px 10px #000;
}
.top-internoBOX h2 {
    margin-top: 10px;
    margin-bottom: 0px;
    color: #FFF;
    font-weight: normal;
    font-size: 24px;
    text-shadow: 2px 2px 10px #000;
}
.top-internoBOX h3 {
    margin-top: 5px;
    margin-bottom: 0px;
    color: #FFF;
    font-weight: normal;
    font-size: 16px;
    text-shadow: 2px 2px 10px #000;
}
.top-internoBG {
    background: url(../images/bologna.jpg) left top no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    padding: 85px 0px;
    background-size: cover;
}
/* CTA */
.ctaBg {
    background: url(../images/cta.jpg) left top no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    padding: 105px 0px;
    background-size: cover;
}
.ctaBg h1 {
    text-align: center;
    color: #FFF;
    margin-bottom: 0px;
    text-shadow: 2px 2px 10px #000;
}
.ctaBg h2 {
    text-align: center;
    color: #FFF;
    font-weight: normal;
    margin-top: 0px;
    text-shadow: 2px 2px 10px #000;
}

/* EMERGENZA HOME */ 
.EmerCovid19 {
	color: #FFFFFF;
	margin-top:-60px;
	padding: 50px 0px;
	margin-bottom: 50px;
    background-image: url("/images/bg-corsi.jpg");
    background-repeat: no-repeat;
    background-position: center center;
	background-size: cover;
}
.EmerCovid19 h2 a {
	color: #FFFFFF;
	font-size: 44px;
	line-height: normal;
}
.EmerCovid19 h3 a {
	color: #FFFFFF;
	font-size: 34px;
	line-height: normal;
	font-weight: bold;
}
.EmerCovid19 h2, .EmerCovid19 h3, .EmerCovid19 p {
	text-align: center;
	text-shadow: 2px 2px 10px #000;
}

/* Immagini centrate */
.loghiCentratiCont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.loghiCentrati {
    text-align: center;
    margin-bottom: 30px;
}
.loghiCentratiCont .loghiCentrati img {
    height: 90px;
}
.loghiCentratiCont .loghiCentrati {
    font-size: 14px;
}

/* SOCI HOME */
.sociHomeCont {
    margin: 50px auto 25px auto !important;
    border: solid 1px #CCC;
    padding: 30px;
}
.sociHomeCont h1 {
    text-align: center !important;
    color: #000;
    margin-bottom: 0px !important;
    font-weight: normal;
    background: none !important;
    padding-bottom: 0px !important;
}
.sociHomeCont h1 a {
    color: #000;
    text-decoration: none;
}
.sociHomeCont h2 {
    text-align: center;
    color: #000;
    font-weight: normal;
    margin-top: 0px;
    font-size: 16px;
}
.sociHomeIconCont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.sociHomeIconCont div {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
/* SISTEMA HOME */
.sistemaHomeCont {
    margin-bottom: 50px !important;
    border: solid 1px #CCC;
    padding: 15px;
}
.sistemaHomeCont h3 {
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
}
.sistemaHomeIconCont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    margin: auto;
}
.sistemaHomeIconCont img {
    height: 55px;
}

/* SERVIZI HOME */
.serviziHome {
    margin-top: 50px !important;
}

/* TO TOP */
#toTop{
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 15px;
    right: 10px;
    background: url(../images/freccia-top.png)no-repeat;
    z-index: 100;
    display: none;
}

/* ATTENZIONE */
.attenzione {
    border: dashed 2px #F00;
    padding: 0px 20px;
    border-radius: 10px;
    color: #F00;
}
.attenzione svg {
    font-size: 22px;
}
/* AVVISO */
.avviso {
    border: dashed 1px #666;
    padding: 15px;
    border-radius: 10px;
    color: #666;
	font-size: 14px;
	line-height: normal;
}
.avviso strong {
    color: #F00;
}
/* AVVISO */
.avvisoLight {
    border: dashed 1px #666;
    padding: 0px 15px;
    border-radius: 10px;
    color: #666;
	font-size: 14px;
	line-height: normal;
}
.avvisoLight strong {
	text-decoration: underline;
	color: #000;
}
/* AVVISO STRONG */
.avvisoStrong {
    border: dashed 1px #666;
    padding: 15px;
    border-radius: 10px;
    color: #666;
	font-size: 22px;
	line-height: normal;
	text-align: center;
}
/* AVVISO STRONG RED */
.avvisoStrongRed {
    border: dashed 1px red;
    padding: 15px;
    border-radius: 10px;
    color: red;
	font-size: 22px;
	line-height: normal;
	text-align: center;
}

/* CORSI DETTAGLIO */
.corsiDetCont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.corsiDetBox {
    width: 100%;
}
.corsiDetBoxDati {
    border: solid 1px #CCC;
    padding: 20px;
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    margin-top: 20px;
}
.corsiDetBoxDati h3 {
    border-top: solid 1px #CCC;
    margin-bottom: 0px;
    padding-top: 20px;
}
.corsiDetBoxDati h3 svg {
    color: #999;
    float: right;
    font-size: 32px;
}
.corsiDetBoxDati h3:nth-child(1) {
    margin-top: 0px;
    padding-top: 0px;
    border-top: solid 0px #CCC;
}

/* MODULISTICA */
.moduloBox {
    border: solid 1px #CCC;
    box-shadow: 0px 0px 10px #CCC;
    text-align: left;
    margin: 15px 0px;
    padding: 20px;
}
.moduloBox:hover {
}
.moduloLink {
    display: inline-block;
}
.moduloLink a {
    text-decoration: none;
    display: block;
    font-size: 16px;
    margin-right: 5px;
    margin-top: 10px;
    padding: 2px 5px;
    border-radius: 5px;
    border: solid 1px #29abe2;
    font-weight: bold;
}
.moduloLink a:hover {
    border: solid 1px #FF0000;
    color: #FF0000;
}
.moduloNOLink {
    text-decoration: none;
    display: table;
    font-size: 16px;
    margin-right: 5px;
    margin-top: 10px;
    padding: 2px 5px;
    border-radius: 5px;
    border: solid 1px #000;
    font-weight: bold;
}
.moduloNOLink span {
    font-weight: normal;
}
.moduloScad {
	font-size: 16px;
	line-height: 18px;
	margin-top: 5px; 
}
.moduloCat {
    color: #999;
    font-size: 16px;
    line-height: 20px;
	margin-top: 3px;
}
.moduloCatMini {
    color: #999;
    font-size: 13px;
    line-height: 16px;
}
h2.moduloH2 {
    margin-top: 45px;
}
.moduloData {
    font-size: 14px;
    border-bottom: dotted 1px #000;
    margin-bottom: 10px;
    display: table;
}
.moduloTit {
    font-size: 24px;
    font-weight: bold;
}
.moduloTipo {
    font-size: 14px;
}
.moduloOre {
    font-size: 18px;
}
.moduloTipo svg {
    font-size: 24px;
}

/* SERVIZI */
.serviziCont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.serviziBox {
    position: relative;
    width: 100%;
    border-bottom: solid 10px #29abe2;
    box-shadow: 0px 0px 10px #CCC;
    margin: 15px 0px;
}
.serviziBox img {
    width: 100%;
}
.serviziBox h2 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
    width: 100%;
    font-size: 18px;
    line-height: 22px;
    padding: 20px 10px;
    background-color: rgba(0, 0, 0, 0.4);
    text-shadow: 2px 2px 10px #000;
}
.serviziBox a h2 {
    text-decoration: none;
    color: #FFF;
}
.serviziBox a:hover h2 {
    bottom: 20px;
    transition-duration: 0.5s;
}

/* SOCI */
.sociCont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sociBox {
    width: 100%;
    padding: 20px;
    border: solid 1px #CCC;
    box-shadow: 0px 0px 10px #CCC;
    text-align: left;
    margin: 15px 0px;
}
.sociBox img {
    margin: auto;
}

/* CORSI TEST */
.testCont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.testBox {
    border: solid 1px #CCC;
    padding: 20px;
    text-align: center;
    margin: 10px 0px;
    width: 100%;
}
.testBox h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}
/* CORSI */
figure.corsiImg {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	margin-top: 50px;
}
figure.corsiImg img {
	width: 100%;
	border: solid 1px #CCC;
}
/* NEWS */
.newsCont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.newsBox {
    width: 100%;
    border: solid 1px #CCC;
    box-shadow: 0px 0px 10px #CCC;
    text-align: left;
    margin: 15px 0px;
}
.newsBox figure {
    margin: 0px;
}
.newsBox figcaption {
    display: none;
}
.newsBox figure img {
    width: 100%;
}
.newsText {
    padding: 20px;
    font-size: 16px;
    line-height: 20px;
}
.newsData {
    font-weight: bold;
    font-size: 18px;
}
.newsBox h2 {
    text-align: left;
    margin: 15px 0px 10px 0px;
}
a.pulsante,button.pulsante {
    display: table;
    margin: 20px auto 0px auto;
    background: #29abe2;
    color: #FFF;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 3px;
    text-align: center;
}
a.pulsanteRed {
    display: inline-block;
    background: #F00;
    color: #FFF;
    text-decoration: none;
    padding: 2px 5px;
    border-radius: 2px;
}
a.pulsanteGrigio{
    display: inline-block;
    background: #CCC;
    color: #FFF;
    text-decoration: none;
    padding: 2px 5px;
    border-radius: 2px;
}
a.pulsanteVerde{
    display: inline-block;
    background: #4bd963;
    color: #FFF;
    text-decoration: none;
    padding: 2px 5px;
    border-radius: 2px;
}
a.pulsanteMod {
    display: inline-table;
    margin: auto;
    background: #29abe2;
    color: #FFF;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 3px;
}
a.active {
    background: #023671;
}
a.pulsantePrint {
    display: none;
    margin: auto;
    background: #FFF;
    color: #29abe2;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 3px;
    float: right;
    border: solid 1px #29abe2;
}
a.pulsanteCal {
    display: block;
    margin: 20px auto 0px auto;
    background: #DDD;
    color: #000;
    text-decoration: none;
    padding: 20px 20px;
    text-align: center;
    font-size: 24px;
    border-radius: 3px;
}
a.pulsanteCal:hover {
    background: #AAA;
    color: #FFF;
    transition-duration: 0.5s;
}
a.pulsanteIsc {
    display: block;
    margin: 20px auto 0px auto;
    background: #fffd78;
    color: #000;
    text-decoration: none;
    padding: 20px 20px;
    text-align: center;
    font-size: 24px;
    border-radius: 3px;
}
a.pulsanteIsc:hover {
    background: #000;
    color: #FFF;
    transition-duration: 0.5s;
}
.pulsanteComp {
    display: block;
    margin: 20px auto 0px auto;
    background: #E10000;
    color: #FFF;
    text-decoration: none;
    padding: 20px 20px;
    text-align: center;
    font-size: 24px;
    border-radius: 3px;
}

/* SCADENZE */
.scadenzeCont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.scadenzeBox {
    width: 100%;
    padding: 20px;
    border: solid 1px #CCC;
    box-shadow: 0px 0px 10px #CCC;
    text-align: left;
    margin: 15px 0px;
    background-image: url(../images/punto-esclamativo.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #FFF;
}
.scadenzeData {
    font-weight: bold;
    font-size: 18px;
}
.scadenzeBox h2 {
    text-align: left;
    margin: 15px 0px 10px 0px;
}

/* TABELLA QUESTIONARIO */
.tableQuestionario {
    width: 100%;
    max-width: 100%;
    margin: 20px 0px;
    background-color: transparent;
	border: solid 1px #dee2e6;
    border-collapse: collapse;
}
.tableQuestionario thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #000;
}
.tableQuestionario td, .tableQuestionario th {
    padding: 10px;
    vertical-align: bottom;
    border-top: 1px solid #dee2e6;
	font-size: 13px;
	line-height: 17px;
	text-align: left;
	position: relative;
}
.tableQuestionario td {
	text-align: right;
}
.tableVotiQuest {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
	margin-bottom: 25px;
}
.tableVotiQuest th {
	padding: 5px 5px 5px 0px;
    vertical-align: bottom;
}
.tableVotiQuest td {
    border-top: 1px solid #dee2e6;
	padding: 5px 5px 5px 0px;
}
.tableVotiQuest th.secondoBox {
	padding: 25px 5px 5px 0px;
}

/* TABELLA DATI ORGANI */
table.datiOrgani {
    border: solid 1px #DDD;
    width: 100%;
}
table.datiOrgani th {
    width: 30%;
    text-align: right;
    vertical-align: top;
    padding: 5px;
}
table.datiOrgani td {
    vertical-align: top;
    padding: 5px;
    text-align: left;
}
table.datiOrgani tr:nth-child(odd) {
    background-color: #EEE;
}

/* TABELLA DATI WELFARE */
table.datiWelfare {
    border: solid 1px #DDD;
    width: 100%;
}
table.datiWelfare th {
    border: solid 1px #DDD;
	border-bottom: solid 2px #000;
    width: 30%;
    text-align: left;
    vertical-align: top;
    padding: 5px 10px;
}
table.datiWelfare td {
    border: solid 1px #DDD;
    vertical-align: top;
    padding: 5px 10px;
    text-align: left;
	font-size: 12px;
	line-height: 14px;
}


/* TABELLA DATI PRIVACY */
table.tabPrivacy {
    border: solid 1px #DDD;
    width: 100%;
}
table.tabPrivacy td {
    border: solid 1px #DDD;
	width: 50%;
    vertical-align: top;
    padding: 10px 15px;
    text-align: left;
}



/* FORM CONTATTI */
input, select, textarea, button{
    padding:10px;
    background:#efefef;
    border:none;
}
.campo{
    margin-bottom:15px;
    position: relative;
}
span.obb{
    display:block;
    float:left;
    width:13px;
}
form.cmsForm {
    border: solid 1px #CCC;
    padding: 20px;
}
form.cmsForm label{
    display:block;
    width:100%;
    float:left;
    font-weight: bold;
    text-align: left;
}
form.cmsForm .campoTre label{
    font-size: 14px;
    line-height: 18px;
}
form.cmsForm .campoTre label a{
	text-align: left;
}
form.cmsForm .campoTre label span, form.cmsForm .campoTre label a {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}
form.cmsForm input, form.cmsForm textarea, form.cmsForm select{
    width:100%;
    float:left;
}
form.cmsForm textarea{
    height:100px;
}
form.cmsForm input[type=radio], form.cmsForm input[type=checkbox]{
    width:auto;
}
/*form.cmsForm .newsletter label{
    width:100%;
}
form.cmsForm .newsletter label .obb{
    width:3%;
}
form.cmsForm .newsletter input[type=checkbox]{
    float:left;
    margin-left:3%;
}
*/form.cmsForm input[type="submit"], button{
    width:auto;
    background:#29abe2;
    color: #FFF;
    font-weight: normal;
    border-radius: 3px;
    padding:10px 20px;
}
form.cmsForm .consensi .obb{
    height:auto;
}
form.cmsForm .consensi {
    font-size:14px;
    line-height: normal;
	text-align: left;
}
form.cmsForm .contratto{
    width:100%;
    height:100px;
    overflow:auto;
    padding:10px;
    border: 1px solid #dfdfdf;
    font-size:10px;
    line-height:13px;
}
form.cmsForm .acconsento {
    margin-top: 5px;
    font-size: 14px;
    font-weight: bold;
}
form.cmsForm .acconsento label {
	width: auto;
}
form.cmsForm .acconsento input {
    margin-right: 3px;
	margin-top: 2px;
}
form.cmsForm .acconsento div {
	display: inline-table;
	margin-right: 20px;
}
.error input, .error textarea{border:1px solid red;}
.stripesError{
    display:block;
    color:red!important;
    font-size: 14px;
    line-height: normal;
}
form.cmsForm .stripes_errors_header div, form.cmsForm .errorePsw {
    color:red!important;
    text-align: center;
    margin-bottom: 15px;
}
form.cmsForm h3 {
    margin-top: 30px!important;
    margin-bottom: 12px!important;
    font-weight: normal;
    border-bottom: solid 2px #29abe2;
    display: table;
    margin-left: -20px;
    padding-left: 20px;
    padding-bottom: 3px;
}
form.cmsForm h3:nth-child(2) {
    margin-top: 0px!important;
}
form.cmsForm .campoDue, form.cmsForm .campoTre {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
form.cmsForm .campoDue .campo, form.cmsForm .campoTre .campo {
    width: 100%;
}
img.ui-datepicker-trigger {
    padding-left: 0px!important;
    position: absolute;
    right:0;
    top:0;
}
form.cmsForm .mini {
    font-size: 14px;
    line-height: normal;
}
form.test-valutazione {
    border: 0px;
    padding: 0px;
}
form.test-valutazione .domanda {
    border: solid 1px #CCC;
    padding: 20px;
    margin-bottom: 20px;
}
form.test-valutazione .domanda h4 {
    margin-top: 0px;
}
form.test-valutazione input.pulsanteTest {
    float: none;
    margin: auto;
    display: table;
}

button:disabled,
button[disabled]{
    color: #fff;
     background: #CCC;
}
/*NUMERAZIONE PAGINE*/
.pager {
    margin-top: 10px;
}
.pager a {
    font-size: 18px;
    padding-right: 5px;
    text-decoration: none;
}
.pager a.pager_previous, .pager a.pager_next, .pager a.pager_link {
    font-weight: bold;
}
.pager a.pager_linkSelected {
    color: #000;
}
.pager a.pager_previous, .pager a.pager_next, .pager a.pager_link, .pager a.pager_linkSelected {
    font-size: 18px;
}


/*FOOTER
---------------------------------------------------------------------------*/
.azurFooter {
    background-color: #29abe2;
    padding: 10px 0px 30px 0px;
    color: #FFF;
    font-size: 14px;
    line-height: 20px;
}
.azurCont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.azurBox {
    width: 100%;
}
.azurBox a, .azurBox h2 {
    color: #FFF;
    text-decoration: none;
}
.azurBox a:hover {
    color: #CCC;
}
.azurBox ul {
    margin: 10px 0px;
    padding: 0px;
    list-style-type: square;
    margin-left: 15px;
}
.azurBox .icoFooter {
    font-size: 24px;
    float: left;
    margin-top: 5px;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 27px;
    text-align: right;
}
.azurBox div {
    margin-bottom: 15px;
}
.azurBox div:nth-last-child(1) {
    margin-bottom: 0px;
}
.bluFooter {
    background-color: #023671;
    padding: 20px 0px;
    color: #819bb8;
    font-size: 14px;
    line-height: normal;
}
.ebiterboCont {
    text-align: center;
}
.privacyFooter {
    margin-top: 15px;
}
.privacyFooter a {
    color: #FFF;
    text-decoration: none;
	margin: 0px 5px;
}
.privacyFooter img {
    margin: 15px auto 0px auto;
}
.icoSocial img {
    width: 45px;
    background-color: #FFF;
    border-radius: 200px;
    padding: 1px;

}
.icoSocialTop {
    float: left;
    margin-top: -5px;
}
.icoSocialTop img {
    width: 30px;
    background-color: #FFF;
    border-radius: 200px;
    padding: 1px;
    margin-right: 3px;
}
.lSAction>.lSNext, .lSAction>.lSPrev {
    display: none;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before, .clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
.invisible{
    display:none;
}

/* ==========================================================================
    MEDIA QUERIES
   ========================================================================== */

@media only screen and (min-width: 768px) {
.bannerCx {
    width: 48%;
}
.bannerCx:nth-child(1) {
    margin-bottom: 0px;
}

    .icone {
        flex: 0 0 30%;
    }
    /* TOP INTERNO */
    .top-internoBOX {
        padding-top: 30px;
        padding-left: 40px;
    }
    section#contenuti h1 {
        padding-bottom: 30px;
    }
    /* MODULISTICA */
    .moduloTipo {
        float: right;
    }
    /* SERVIZI */
    .serviziBox {
        width: 48%;
    }
    /* SOCI */
    .sociBox {
        width: 48%;
    }
    /* NEWS */
    .newsBox {
        width: 48%;
    }
    .newsText {
        padding: 30px;
    }
    /* SCADENZE */
    .scadenzeBox {
        width: 48%;
        padding: 30px;
    }
    section#contenuti {
        text-align: justify;
    }
    a.pulsantePrint {
        display: inline-table;
        margin-top: 10px;
    }
	/* SOCI HOME */
	.sociHomeIconCont div {
		width: 50%;
	}
    .testBox {
        margin: 0px 0px;
        width: 49%;
    }

}
@media only screen and (min-width: 1024px) {
 .appFooter {
    padding: 20px 0px 20px 0px;
}
.appCont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

    
    .topMenu {
        padding: 10px 0px;
    }
    .topMenuLogo {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    /* HOME */
    .icone {
        flex: 0 0 17%;
    }
    .iconeNo {
        display: none;
    }
    /* SERVIZI */
    .serviziBox {
        width: 23%;
    }
    /* FORM CONTENITORE */
    .formCont {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .formBox {
        width: 48%;
    }
    .formHR {
        display: none;
    }
    form.cmsForm .campoDue .campo {
        width: 49%;
    }
    form.cmsForm .campoTre .campo {
        width: 32%;
    }
	/* CORSI */
	figure.corsiImg {
		margin-top: 0px;
	}
    /* FOOTER */
    .azurBox {
        width: 28%;
        border-top: solid 2px #FFF;
    }
    .azurFooter {
        padding: 50px 0px;
    }
    .ebiterboCont {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        text-align: left;
    }
    .privacyFooter {
        margin-top: 0px;
    }
    .privacyFooter a {
        margin-left: 20px;
        margin-right: 0px;
    }
    .privacyFooter img {
        display: inline-block;
        margin: auto;
    }
    .icoSocial {
        display: inline-block;
    }
    .icoSocial a {
        margin-left: 10px;
    }
    .icoSocial a:nth-child(1) {
        margin-left: 20px;
    }
    /* CORSI DETTAGLIO */
    .corsiDetBox {
        width: 48%;
    }

    /* SCADENZE HOME */
    .scadenzeHome {
        background-color: #FFF;
        padding: 0px 0px;
        background-image: url(../images/bg-scadenzeHome.jpg);
        background-repeat: repeat-x;
        background-position: left 50px;
    }
    .scadenzeBlu {
        padding: 40px;
        width: 66%;
    }
    .scadenzeFasciaCont {
        display: flex;
        flex-wrap: wrap;
    }
    .orariApertura {
        display: block;
        color: #666;
        padding: 50px;
        width: 34%;
        text-align: left;
    }
    .orariApertura h1 {
        margin-top: 50px;
    }
    .orariApertura h2 {
        margin-bottom: 0px;
        color: #666;
        font-size: 22px;
    }
    .orariApertura p {
        margin-top: 4px;
        font-size: 16px;
        line-height: 20px;
    }
	/* SOCI HOME */
	.sociHomeIconCont div {
		width: 25%;
		margin-top: 0px;
	}
    /* SISTEMA HOME */
    .sistemaHomeIconCont {
        width: 40%;
    }
}
@media only screen and (min-width: 1240px) {

    nav.menu-container ul li a,
    nav.menu-container ul li>span{
        padding: 10px 0px 10px 18px;
        font-size: 16px;
    }
    nav.menu-container ul li a.menuAR {
        margin-left: 20px;
    }
    /* NEWS */
    .newsBox {
        width: 32%;
    }
    /* SOCI */
    .sociBox {
        width: 23%;
    }
}
@media only screen and (min-width: 1366px) {
    .wrapper {
        width: 1296px;
        margin: 0 auto;
    }
	nav.menu-container ul li a,
    nav.menu-container ul li>span{
        padding: 10px 0px 10px 20px;
    }

}