/* ==========================================================================
    STILI GENERICI
    STILI SITO
        PULSANTI
        DATE
    HEADER
    CONTENUTI
    CONTENUTI AR
    PAGINA ARGOMENTO
        NEWS
        ATTI DI EVENTI
        COMUNICATI
        DTO
        DIA
        NORMATIVA HSE
        SENTENZA HSE
        EVENTI E WEBINAR
        AIAS RISPONDE
        AIASMAG
    PAGINA CONTENUTO
        PHOTOGALLERY
    ASIDE
    PAGINA ORGANIGRAMMA
        DETTAGLIO ORGANIGRAMMA
        GTS
        ASSOCIAZIONI
        SEDI TERRITORIALI
    ELENCO SOCI
    PAGINA ATTESTAZIONI
    AZIENDE SOSTENITRICI
    PAGINA LOGIN
    CERCA NEL SITO PAGINA RISULTATI
    
    
    GOOGLE MAP e VIDEO
    CTA
    BANNER COOKIES
    CONTATTI
    Helper classes
    FOOTER
   ========================================================================== */


/* ==========================================================================
   STILI GENERICI
   ========================================================================== */
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}
textarea {
    resize: vertical;
}
.stripesError{
    display:block;
    color:var(--rosso);
}
.stripeWarning{
    display:block;
    color: var(--azzurro);
    margin-left:10px;
    font-size:13px;
}

/*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
   ========================================================================== */
:root{
    --light:#f0f0f3;
    --medium:#d5d8dd;
    --grey:#b6b4b4;
    --dark:#353738;
    --blu:#003399;
    --bluscuro:#012859;
    --azzurro:#3a72d9;
    --rosso:#eb050a;
    --rosso:#cd171b;
    --rossoscuro:#ab0408;
    --viola:#3e3d89;
    --violachiaro:#5838ff;
    --verde:#34b060;
    --arancio:#fbaa29;

}

* {
    margin: 0;
    padding: 0;
}
body {
    /* font-size: 15px;
    line-height:24px; */
    font-size: 18px;
    line-height:30px;
    font-family: 'Poppins', sans-serif;
    background:#ffffff;
} 
img {
    width: auto;
    max-width: 100%;
    height: auto;
}
.wrapper {
    width: 95%;
    margin: 0 2.5%;
}
a {
    color: var(--azzurro);
}
h1 {
    font-size: 26px;
    line-height: 32px;
    color:var(--blu);
}
h2 {
    font-size: 22px;
    line-height: 28px;
    color:var(--blu);
    margin-bottom:15px;
}
.titolo_2{
    font-size: 22px;
    line-height: 28px;
    color:var(--blu);
    font-weight:700;
    margin-bottom:15px;
}
h3 {
    font-size: 18px;
    color:var(--blu);
    margin-bottom:20px;
}
.titolo_3{
    font-size: 18px;
    color:var(--blu);
    margin-bottom:20px;
    font-weight:700;
}
p{
    font-size:16px;
    line-height:24px;
    margin-bottom:20px;
}
figcaption{
    display:none;
}



.paddingtb20{
    padding-top:20px;
    padding-bottom:20px;
}
.cont_back_btn{
    padding-top:40px;
    padding-bottom:20px;
}
.small{
    font-size:13px;
    color:var(--dark);
}

.align_right{
    text-align:right;
}
.align_center{
    text-align:center;
}


.azzurro{
    color:var(--azzurro);
}
.verde{
    color:var(--verde);
}
.rosso{
    color:var(--rosso);
}

/* =================== PULSANTI =================== */
.btn_light{
    display:inline-block;
    border:2px solid var(--viola);
    padding:0px 10px;
    font-size:14x;
    color:var(--viola);
    text-decoration:none;
    text-transform:uppercase;
    cursor:pointer /* questo serve per i finti btn*/
}
.btn_light:hover{
   background:var(--light);
}
.btn_light_red{
    display:inline-block;
    border:2px solid var(--rosso);
    padding:0px 10px;
    font-size:14px;
    color:var(--rosso);
    text-decoration:none;
    text-transform:uppercase;
}
.btn_light_red:hover{
   background:var(--light);
}

.btn_small{
    padding:0px 10px;
    font-size:13px;
}

/* =================== DATE =================== */
.data_barra{
    font-size:14px;
    color:#666;
}
.data_barra:before{
    content:"";
    display:block;
    width:24px;
    height:4px;
    background:var(--violachiaro);
    float:left;
    margin-top:13px;
    margin-right:10px;
}
.data_calendario{
    font-size:14px;
    color:#666;
}
.data_calendario:before{
    content:"";
    display:block;
    width:24px;
    height:24px;
    background:url("../images/ico_calendario.png") no-repeat;
    float:left;
    margin-right:10px;
}
.data_annuncio_offerta,
.data_annuncio_richiesta{
    font-size:14px;
    color:#666;
    padding-bottom:5px;
    margin-top:20px;
    margin-bottom:10px;
    border-bottom:1px solid #efefef;
}
.data_annuncio_offerta:before{
    content:"";
    display:block;
    width:30px;
    height:27px;
    background:url("../images/ico_annuncio_lavoro.png") no-repeat;
    background-size:24px 23px;
    float:left;
    margin-right:5px;
}
.data_annuncio_richiesta:before{
    content:"";
    display:block;
    width:30px;
    height:27px;
    background:url("../images/ico_annuncio_richiesta_lavoro.png") no-repeat;
    background-size:24px 23px;
    float:left;
    margin-right:5px;
}

/* ==========================================================================
   HEADER
   ========================================================================== */
header{
    width: 100%;
    height:69px;
    top: 0;
    position: fixed;
    z-index: 2000;
    background:#fff;
    border-bottom:1px solid #ddd;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(142,142,142,0.4);
    -moz-box-shadow: 0px 1px 2px 0px rgba(142,142,142,0.4);
    box-shadow: 0px 1px 2px 0px rgba(142,142,142,0.4);
    padding:10px 20px 0 0;
  
}
header .wrapper{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    max-width:100%;
    
}
#logo{
    flex:0 0 155px;
    margin-top: -40px;
    margin-left: 50px;
}
#logo a{
    display:flex;
    flex-direction:row;
    align-items: flex-end;
    text-decoration:none;
}
#logo img{
    margin-right:30px;
}
#logo span{
    display:none;
}

.header_dx{
    flex:1 0 auto;
    margin-top: -40px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-end;
}
.cont_menu_e_network{
    display:flex;
    flex-direction:row;
}
.cont_network{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    font-weight:400;
    font-size:14px;
    color:var(--viola);
    margin-left:50px;
    display:none!important;
}
.cont_network span{
    margin-right:15px;
    white-space:nowrap;
}
.cont_loghi_network{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
}
.cont_loghi_network a{
    display:block;
    margin-left:20px;
    flex:0 0 auto;
}
#logo_aiasacademy{
    width:90px;
}
#logo_aiascert{
    width:29px;
}
#logo_cpgo{
    width:72px;
}
/*==================== Cerca nel sito ====================== */
.cont_cerca_nel_sito{
    text-align:right;
    border:1px solid #999;
    margin-right:20px;
    /* height:50px; */
}
.form_cerca_nel_sito{
    margin:0;
    padding:0;
    display:flex;
    flex-direction:row;
}
.form_cerca_nel_sito input[type="text"]{
    font-size:15px;
    color:#666;
    border:none;
    padding:10px;
   margin:0;
}


.cont_cerca_nel_sito input[type="submit"]{
    background:url("../images/ico_cerca_header.png") no-repeat right center;
    padding:0;
    width:50px;
    height:40px;
    border:none;
}
.cont_cerca_nel_sito input[type="submit"]:hover{
    background:url("../images/ico_cerca_header_rosso.png") no-repeat right center;
    background-color:transparent;
    border:none;
}

.cont_cerca_nel_sito_mobile{
    flex:0 0 50px;
}

    /* versione form cerca nel sito dentro la pagina */
    .form_cerca_nel_sito.cerca_in_pagina input[type="submit"]{
        border:none;
        background:url("../images/ico_cerca_header.png") no-repeat right center;
        padding:0;
        width:50px;
        height:40px;
    }

   
.header_ar a{
    color:var(--rosso);
    font-weight:bold;
    text-decoration:none;
    text-align:right;
    background:url("../images/ico_ar.jpg") no-repeat left center;
    padding:10px 0 10px 40px;
}
.header_ar a strong{
    display:inline-block;
    padding-top:5px;
}
.icona_mobile_ar{
    float:right;
}

.header_ar_mobile_interno{
    display:flex;
    flex-direction:row;
}
.header_ar_mobile a.ico_ar{
    flex:0 0 40px;
}



/* padding per header fisso*/
.cont_section{
    padding-top:80px;
}
.cont_home.cont_section{
    padding-top:45px;
}



/* ==========================================================================
   CONTENUTI
   ========================================================================== */
section#contenuti{
    padding-bottom:100px;
}

ul.lista_interna{
    margin:20px 0 20px 0px;
    list-style-type:none; 
}
ul.lista_interna li{
    background:url("../images/bg_contenuto_li.gif") no-repeat left 11px;
    padding-left:30px;
    margin-bottom:5px;
}
.contenuto aside ul{
    margin:0;
}

.contenuto p.evidenza{
    color:var(--blu);
    font-size:20px;
    font-weight:700;
    font-style:italic;
    border-left:5px solid var(--blu);
    padding-left:20px;
}

.img_15{
    width:15%;
}
.img_left{
   
    float:left;
    margin:0 30px 30px 0;
}

.inprogress{
    font-weight:700;
    color:var(--blu);
    font-size:26px;
    background:url("/images/work_in_progress.jpg") no-repeat left center;
    padding:50px 50px 50px 90px;
}


/* ==========================================================================
   CONTENUTI AR
   ========================================================================== */
section#contenuti.contenuti_AR{
    flex-direction:row-reverse;
    margin-top:30px;
}

.contenutoAr{
    flex:1 0 100%;
    margin-right:0%;
}
.col_menu_AR{
    flex:1 0 22%;
}








/* ==========================================================================
   PAGINA ARGOMENTO
   ========================================================================== */
   div.intro_argomento{
    margin-bottom:30px;
   } 
   div.intro_argomento p{
        font-size:20px;
        line-height:36px;
    }
    .cont_lista_tipologie{
        width:100%;
        overflow-y:scroll;
    }
    ul.lista_tipologie{
        list-style-type:none;
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
        align-items:stretch;
        margin:0;
    }
    ul.lista_tipologie li {
        flex: 0 0 auto;
        margin-right:1%;
        margin-bottom:10px;
        display:flex;
        flex-direction:column;
        justify-content: center;
        background:#efefef;
    }
    ul.lista_tipologie li a{
        padding:10px 20px 10px 40px;
        font-size:14px;
        line-height:20px;
        color:var(--viola);
        text-decoration:none;
        text-transform:uppercase;
        background:url("../images/ico_freccia_lista_tipi_contenuto.png") no-repeat 20px center;
    }
    ul.lista_tipologie li:hover{
        background-color:var(--medium);
    }
    .etichetta_tipologia{
        font-size:24px;
        color:var(--viola);
        font-weight:700;
        text-transform:uppercase;
        margin-bottom:30px;
        margin-top:50px;
    }
    .etichetta_tipologia span{
        text-transform:lowercase;
    }

                .cont_gruppo_contenuti{
                    margin-bottom:30px;
                }
                /* ==========================================================================
                NEWS
                ========================================================================== */
                .box_news{
                    display:flex;
                    flex-direction:row;
                    margin-bottom:30px;
                }
                .box_news figure{
                    flex:1 0 30%;
                    margin-right:40px;
                    border:1px solid #cccccc;
                }
                .box_news_testo{
                    flex:1 0 70%;
                }
                .box_news figure figcaption{
                    display:none;
                }
                .box_news h2 a{
                    text-decoration:none;
                    color:var(--viola);
                }


                /* ==========================================================================
                ATTI DI EVENTI
                ========================================================================== */
                
                .cont_ATTI_DI_EVENTI{
                    display:flex;
                    flex-direction:row;
                    flex-wrap:wrap;
                }
                .box_atti_di_eventi{
                    flex:0 0 30%;
                    margin-right:2%;
                    margin-bottom:30px;
                }
                .box_atti_di_eventi a{
                    display:block;
                    text-decoration:none;
                    margin-bottom:25px;
                    color:#000000;
                }
                .box_atti_di_eventi a figure{
                    width:100%;
                    border:1px solid #efefef;
                }
                .box_atti_di_eventi{
                    font-size:18px;
                }

                /* ==========================================================================
                COMUNICATI
                ========================================================================== */
                .cont_COMUNICATI{
                    display:flex;
                    flex-direction:row;
                    flex-wrap:wrap;
                }
                .box_comunicati{
                    flex:0 0 30%;
                    margin-right:2%;
                    margin-bottom:30px;
                }
                .box_comunicati a{
                    display:block;
                    text-decoration:none;
                    margin-bottom:25px;
                    color:#000000;
                }
                .box_comunicati a figure{
                    width:100%;
                    border:1px solid #efefef;
                }
                .box_comunicati{
                    font-size:18px;
                }


                /* ==========================================================================
                NEUTRO
                ========================================================================== */
    
                .box_neutro{
                    flex:0 0 30%;
                    margin-right:2%;
                    margin-bottom:30px;
                }
                .box_neutro a{
                    display:block;
                    text-decoration:none;
                    margin-bottom:25px;
                    color:var(--viola);
                    padding:15px 20px 20px 20px;
                    background:#efefef;
                    border-left:8px solid var(--viola);
                }
                .box_neutro a:hover{
                    background:var(--medium);
                }
                .box_neutro .data_barra::before {
                    background-color: var(--viola);
                  }
                .box_neutro{
                    font-size:18px;
                }

                /* ==========================================================================
                DOCUMENTAZIONE TECNICA
                ========================================================================== */
                .box_documentazione .data_barra:before{
                    background-color:var(--viola);
                }
                .box_documentazione a{
                    display:block;
                    text-decoration:none;
                    margin-bottom:25px;
                    color:var(--viola);
                    padding:15px 20px 20px 80px;
                    background:url("../images/ico_gear_blu.png") no-repeat 15px center #efefef;
                }
                .box_documentazione a:hover{
                    background-color:var(--medium);
                }
                .box_documentazione{
                    font-size:18px;
                }

                /* ==========================================================================
                SCHEDE E MODULI
                ========================================================================== */
                .box_moduli .data_barra:before{
                    background-color:var(--viola);
                }
                .box_moduli a{
                    display:block;
                    text-decoration:none;
                    margin-bottom:25px;
                    color:var(--viola);
                    padding:15px 20px 20px 80px;
                    background:url("../images/ico_moduli.png") no-repeat 15px center #efefef;
                }
                .box_moduli a:hover{
                    background-color:var(--medium);
                }
                .box_moduli{
                    font-size:18px;
                }

                 /* ==========================================================================
                STATUTO
                ========================================================================== */
                .box_statuto .data_barra:before{
                    background-color:var(--viola);
                }
                .box_statuto a{
                    display:block;
                    text-decoration:none;
                    margin-bottom:25px;
                    color:var(--viola);
                    padding:15px 20px 20px 80px;
                    background:url("../images/ico_allegato.png") no-repeat 15px center #efefef;
                }
                .box_statuto a:hover{
                    background-color:var(--medium);
                }
                .box_statuto{
                    font-size:18px;
                }

                 /* ==========================================================================
                NORMATIVA HSE
                ========================================================================== */
                .box_normativa .data_barra:before{
                    background-color:var(--viola);
                }
                .box_normativa a{
                    display:block;
                    text-decoration:none;
                    margin-bottom:25px;
                    color:var(--viola);
                    padding:15px 20px 20px 80px;
                    background:url("../images/ico_normativa.png") no-repeat 15px center #efefef;
                }
                .box_normativa a:hover{
                    background-color:var(--medium);
                }
                .box_normativa_titolo{
                    font-size:18px;
                }

                /* ==========================================================================
                SENTENZA HSE
                ========================================================================== */
                .box_sentenza .data_barra:before{
                    background-color:var(--viola);
                }
                .box_sentenza a{
                    display:block;
                    text-decoration:none;
                    margin-bottom:25px;
                    color:var(--viola);
                    padding:15px 20px 20px 80px;
                    background:url("../images/ico_sentenze.png") no-repeat 15px center #efefef;
                }
                .box_sentenza a:hover{
                    background-color:var(--medium);
                }
                .box_sentenza{
                    font-size:18px;
                }


                /* ==========================================================================
                EVENTI E WEBINAR
                ========================================================================== */
                .cont_EVENTI_WEBINAR{
                    display:flex;
                    flex-direction:row;
                    flex-wrap:wrap;
                }
                .box_eventi_webinar{
                    flex:0 0 30%;
                    margin-right:2%;
                    margin-bottom:30px;
                    background:#efefef;
                }
                .box_eventi_webinar a{
                    display:block;
                    font-size:18px;
                    line-height:28px;
                    color:#000000;
                    padding:20px 20px 10px 20px;
                    text-decoration:none;
                    margin-bottom:30px;
                }
                .box_eventi_webinar:hover{
                    background:var(--medium);
                }

                /* ==========================================================================
                AIAS RISPONDE
                ========================================================================== */
                .cont_AIAS_RISPONDE{
                  
                }
                .box_aiasrisponde{
                    display:flex;
                    margin-bottom:30px;
                
                }  
                
                .box_aiasrisponde figure{
                    flex:1 0 30%;
                    margin-right:40px;
                    border:1px solid #cccccc;
                }
                .box_aiasrisponde_testo{
                    flex:1 0 70%;
                }
                .box_aiasrisponde figure figcaption{
                    display:none;
                }

                .box_aiasrisponde a{
                    text-decoration:none;
                }
                .box_aiasrisponde h2{
                    margin-bottom:5px;
                }
                .box_aiasrisponde h2 a {
                    text-decoration: none;
                    color: var(--viola);
                  }
                .box_aiasrisponde_titolo{
                    font-weight:700;
                    font-size:18px;
                    line-height:28px;
                    color:#000;
                }
                .box_aiasrisponde_sottotitolo{
                    font-weight:400;
                    font-size:18px;
                    line-height:28px;
                    color:#000;
                }

                /* ==========================================================================
                AIASMAG
                ========================================================================== */
                .cont_AIASMAG{
                    display:flex;
                    flex-direction:row;
                    flex-wrap:wrap;
                }
                .box_AIASMAG{
                    flex:0 0 200px;
                    margin-bottom:20px;
                    margin-right:30px;
                }
                .box_AIASMAG figure{
                    max-width:180px;
                    margin-bottom:20px;
                }
                

                 /* ==========================================================================
                PRODOTTI e TECNOLOGIE
                ========================================================================== */
                .box_prodotti_tecnologie{
                    display:flex;
                    flex-direction:row;
                    margin-bottom:30px;
                }
                .box_prodotti_tecnologie figure{
                    flex:1 0 30%;
                    margin-right:40px;
                    border:1px solid #cccccc;
                }
                .box_prodotti_tecnologie_testo{
                    flex:1 0 70%;
                }
                .box_prodotti_tecnologie_testo p{
                    font-size:18px;
                    line-height:30px;
                    color:#000000;
                    font-weight:400;
                }
                .box_prodotti_tecnologie figure figcaption{
                    display:none;
                }
                .box_prodotti_tecnologie h2 {
                    margin-bottom:10px;
                }
                .box_prodotti_tecnologie h2 a{
                    text-decoration:none;
                    color:var(--viola);
                }


                /* ==========================================================================
                PRODOTTI
                ========================================================================== */
                .box_vetrina_call{
                background:#efefef;
                padding:20px;
                margin-top:40px;
                }


                  /* ==========================================================================
                ANNUNCI
                ========================================================================== */
                
                
                /*  =================  OFFERTE ================= */
                .cont_annunci{
                    display:flex;
                    flex-direction:row;
                    flex-wrap:wrap;
                    justify-content:space-between;
                    column-gap:2%;
                }
             
                .box_annuncio_offerte{
                    flex:0 0 48%;
                    /* margin-right:2%; */
                    margin-bottom:30px;
                    padding-bottom:10px;
                    padding:20px 20px 20px 20px;
                    /* background:#efefef; */
                    border:1px solid #ccc;
                    display:flex;
                    flex-direction:column;
                    justify-content:space-between;
                }
                .box_annuncio_offerte .box_annuncio_titolo:before{
                    display:block;
                    content:"";
                    float:left;
                    width:10px;
                    width:50px;
                    height:40px;
                    margin-left:-20px;
                   margin-right:20px;
                    background:var(--blu);
                    background:url("/images/ico_annuncio_lavoro_white.png") no-repeat center center var(--blu); 
                    background-size:25px 25px;
                }
               
            
                .box_annuncio_offerte .box_annuncio_titolo{
                    margin-top:-10px;
                    margin-bottom:20px;
                    min-height:50px;
                }
                .box_annuncio_offerte .data_barra{
                    margin-top:20px;
                }
                .box_annuncio_offerte a{
                    display:block;
                    text-decoration:none;
                }
                .box_annuncio_offerte a figure{
                    width:100%;
                    border:1px solid #efefef;
                }
                .box_annuncio_offerte{
                    font-size:18px;
                }
                .box_annuncio_titolo a{
                    font-weight:700;
                    color:var(--blu);
                    font-size:22px;
                    margin-bottom:10px;
                    margin-top:10px;
                    margin-left:40px;
                }
                .box_annuncio_titolo a:hover{
                    color:var(--azzurro);
                }
                .box_annuncio_offerte .box_annuncio_azienda{
                    color:#999;
                    font-weight:700;
                }
                .lista_zone{
                    font-size:16px;
                }
                .lista_zone span:last-child{
                    display:none;
                }
                


            

                /*  =================  RICHIESTE ================= */
                .cont_annunci_richieste{
                    display:flex;
                    flex-direction:row;
                    flex-wrap:wrap;
                    justify-content:space-between;
                    column-gap:2%;
                }
             
                .box_annuncio_richieste{
                    flex:0 0 48%;
                    /* margin-right:2%; */
                    margin-bottom:30px;
                    padding-bottom:10px;
                    padding:20px 20px 20px 20px;
                    /* background:#efefef; */
                    border:1px solid #ccc;
                    display:flex;
                    flex-direction:column;
                    justify-content:space-between;
                }
                .box_annuncio_richieste .box_annuncio_titolo:before{
                    display:block;
                    content:"";
                    float:left;
                    width:10px;
                    width:50px;
                    height:40px;
                    margin-left:-20px;
                    margin-right:20px;
                    background:var(--blu);
                    background:url("/images/ico_annuncio_richiesta_lavoro_white.png") no-repeat center center var(--blu); 
                    background-size:25px 25px;
                }
               
            
                .box_annuncio_richieste .box_annuncio_titolo{
                    margin-top:-10px;
                    margin-bottom:20px;
                    min-height:50px;
                }
                .box_annuncio_richieste .data_barra{
                    margin-top:20px;
                }
                .box_annuncio_richieste a{
                    display:block;
                    text-decoration:none;
                }
                .box_annuncio_richieste a figure{
                    width:100%;
                    border:1px solid #efefef;
                }
                .box_annuncio_richieste{
                    font-size:18px;
                }
                .box_annuncio_richieste a{
                    font-weight:700;
                    color:var(--blu);
                    font-size:22px;
                    margin-bottom:10px;
                    margin-top:10px;
                    margin-left:40px;
                }
                .box_annuncio_richieste a:hover{
                    color:var(--azzurro);
                }
                .box_annuncio_richieste .box_annuncio_azienda{
                    color:#999;
                    font-weight:700;
                }
                .lista_zone{
                    font-size:16px;
                }
                .lista_zone span:last-child{
                    display:none;
                }
                

             

/* ==========================================================================
   ASIDE
   ========================================================================== */
   aside{
    margin-top:20px;
   }
.titolo_aside{
    font-weight:700;
    font-size:16px;
    color:var(--viola);
    margin-bottom:20px;
}




    a.box_decalogo_aside{
        display:block;
        max-width:300px;
        margin:0 auto;
        background:url("../images/banner-temi/decalogo_aias.jpg");
        background-repeat:no-repeat;
        background-position:bottom center;
        background-size:100%;
        padding-bottom:190px;
        border-bottom:20px solid var(--viola);
        color:#fff;
        text-align:center;
        margin-bottom:50px;
        text-decoration:none;
    }
    a.box_decalogo_aside span{
    display:block;
        background:var(--viola);
        color:#ffffff;
        font-weight:700;
        font-size:20px;
        padding:20px;
    }






    /* .box_campagna_soci_aside{
        background:var(--rosso);
        padding:20px 20px 50px 20px;
        color:#fff;
        margin-bottom:50px;
    }
    .box_campagna_soci_aside a.btn_light{
        border:1px solid #fff;
        color:#fff;
    }
    .box_campagna_soci_aside a.btn_light:hover{
        background:rgba(255,255,255,0.5)
    } */

    .box_campagna_soci_aside{
        background:url("/images/bg_box_campagna_associativa_small.jpg") no-repeat center top;
        background-size:100%;
        color:#000000;
        margin-bottom:50px;
        padding-top:100px;
        border-bottom:20px solid var(--rosso);
        border-top:20px solid var(--rosso);
    }
    .box_campagna_soci_aside a.btn_light{
        border:1px solid var(--rosso);
        color:var(--rosso);
    }
    .box_campagna_soci_aside a.btn_light:hover{
        background:var(--rosso);
        color:#ffffff;
    }

    .box_campagna_soci_aside_testo{
        background:#efefef;
        padding:20px 20px 30px 20px;
    }
    .box_campagna_soci_aside_testo strong{
        color:var(--rosso);
    }


/* ==========================================================================
   CONTENUTO
   ========================================================================== */
.tipo_contenuto{
    background:url("../images/bg_tipo_contenuto.jpg") no-repeat left center;
    font-size:18px;
    font-weight:700;
    padding-left:30px;
    color:#9e9e9e;
}
.header_contenuto{
    display:flex;
    flex-direction:column;
    margin-bottom:20px;
}
.header_contenuto_immagine{
    flex:1 0 37%;
    margin-right:3%;
}
.header_contenuto_immagine figure{
    border:1px solid #cccccc;
    margin-bottom:30px!important;
    text-align:center;
}
.header_contenuto_immagine figure figcaption{
    display:none;
}
.header_contenuto_testo{
    flex:1 0 60%;
}
.header_contenuto_testo h2{
    font-size:20px;
    line-height:30px;
}
.origine{
    font-size:14px;
    line-height:18px;
    color:#999999;
    font-weight:600;
    margin-bottom:10px;
}
.lista_tag_argomenti a{
    display:inline-block;
    background:var(--viola);
    padding:0px 10px;
    color:#ffffff;
    font-size:14px;
    text-transform:uppercase;
    text-decoration:none;
    margin-right:10px;
    margin-bottom:5px;
}
.lista_tag_argomenti a:hover{
    background:var(--blu);
}
div.testo_contenuto{
    margin-bottom:30px;
}

div.testo_contenuto p,
div.testo_contenuto ul{
    color:#000000;
    font-size:16px;
    line-height:24px;
    list-style-type:none;
}
div.testo_contenuto ul{
    margin:20px 0 20px 0px;
}
div.testo_contenuto ul li{
   background:url("../images/bg_contenuto_li.gif") no-repeat left 13px;
   padding-left:30px;
}
div.testo_contenuto a{
    color:var(--blu);
}

ul.lista_allegati{
    list-style-type:none;
    margin-bottom:30px;
}
ul.lista_allegati li a{
    display:block;
    text-decoration:none;
    margin-bottom:25px;
    color:var(--viola);
    padding:15px 20px 20px 70px;
    background:url("../images/ico_allegato.png") no-repeat 15px center #efefef;
}
ul.lista_allegati li a:hover{
    background-color:var(--medium);
}
ul.lista_allegati li{
    font-size:16px;
}
.cta_contenuto_diventasocio{
    margin:40px;
    background:#efefef;
    padding:50px;
    text-align:center;
    margin-bottom:100px;
}
.cta_contenuto_diventasocio p{
    font-size:20px;
    
}


/*PHOTOGALLERY
---------------------------------------------------------------------------*/
.gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.gallery figure {
    flex: 0 0 23%;
    margin: 0 1% 30px 1%;
    max-height: 200px !important;
    background: #efefef;
    display: flex;
    justify-content: center;
    text-align: center;
}
.gallery figure img {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}

/******************* CONTENUTI CORRELATI  - semplifico la visualizzazione dei tag nei correlati **********************/
.cont_correlato{
    border-bottom:1px solid #ccc;
    margin-bottom:20px;
    padding-bottom:20px;
}

.cont_correlato figure{
    display:none; 
}
    .cont_correlato .box_AIASMAG figure{
        display:block;
    }
.cont_correlato .box_eventi_webinar{
    background:transparent;
}
.cont_correlato .box_eventi_webinar a{
    padding:0;
}
.cont_correlato .box_eventi_webinar .lista_tag_argomenti a{
    padding:0 10px;
}
.cont_correlato .box_news{
    flex-direction:column;
}
.cont_correlato .box_aiasrisponde{
    flex-direction:column;
}

/******************* ATTESTAZIONI e CERTIFICAZIONI **********************/
ul.lista_certificazioni{
    list-style-type:none;
}
ul.lista_certificazioni li{
    margin-bottom:5px; 
    padding:13px 20px 13px 60px;
    background:url("../images/ico_attestato_nero.png") no-repeat 10px center #efefef;
}
ul.lista_certificazioni li.scaduto{
    margin-bottom:5px; 
    padding:13px 20px 13px 60px;
    background:url("../images/ico_attestato_scaduto.png") no-repeat 10px center #f8eae3;

    color:#8a8a8a;
    color:#000;
}
ul.lista_certificazioni li a{
    display:block;
    
    text-decoration:none;
   
}
ul.lista_certificazioni li a:hover{
    background:url("../images/ico_attestato.png") no-repeat 10px center var(--medium);
}
ul.lista_attestazioni.lista_corsi li{
    background:url("../images/ico_corso.png") no-repeat 10px center #efefef;
}

ul.lista_attestazioni.lista_gts li{
    background:url("../images/ico_gts.png") no-repeat 10px center #efefef;
}
ul.lista_attestazioni.lista_convegni li{
    background:url("../images/ico_gts.png") no-repeat 10px center #efefef;
}


/******************* CONVEGNI **********************/
ul.lista_convegni{
    list-style-type:none;
}
ul.lista_convegni li{
    margin-bottom:20px; 
    padding:15px 20px;
    background:#efefef;
    border-left:3px solid var(--rosso);
   
}
/* ul.lista_convegni li a{
    display:block;
    text-decoration:none;
    color:#000000;
    font-weight:700;
    padding:13px 20px 13px 70px;
    background:url("../images/ico_convegno.png") no-repeat 10px center #efefef;
} 
ul.lista_convegni li a:hover{
   color:var(--rosso);
}*/

ul.lista_convegni li a{
    border:1px solid var(--rosso);
    padding:5px 10px;
    display:inline-block;
    text-decoration:none;
    text-transform:uppercase;
    font-size:14px;
    margin-top:20px;

}
ul.lista_convegni li a:hover{
    background:rgba(255,255,255,0.6)
}
.attestato_convegno_data{
    font-size:14px;
    color:#666;
}
.attestato_convegno_data:before{
    content:"";
    display:block;
    width:24px;
    height:4px;
    background:var(--rosso);
    float:left;
    margin-top:13px;
    margin-right:10px;
}

.attestato_convegno_titolo{
    font-size:18px;
}



/* ==========================================================================
   PAGINA ORGANIGRAMMA
   ========================================================================== */
ul.lista_organigramma{
    list-style-type:none;
    -moz-column-count:2 ;
	-webkit-column-count: 2;
	column-count: 2;
    margin-bottom:30px;
}
ul.lista_organigramma li{
    display:block;
    margin-bottom:15px;
}
ul.lista_organigramma li a{
    display:block;
    text-decoration:none;
    padding:10px 10px 10px 70px;
    background:url("../images/ico_user_organigramma.png") no-repeat 20px center #efefef;
    border-left:4px solid var(--azzurro);
}
ul.lista_organigramma li a:hover{
    background-color:var(--medium);
}

            /* ==========================================================================
            DETTAGLIO ORGANIGRAMMA
            ========================================================================== */
            .ruolo_allegato{
                display:block;
                text-decoration:none;
                padding:15px 10px 15px 70px;
                background:url("../images/ico_allegato.png") no-repeat 20px center #efefef;
                border-left:8px solid var(--viola);
                font-size:18px;
                color:var(--viola);
                margin-bottom:30px;
            }
            .ruolo_allegato:hover{
                background-color:var(--medium);
            }

            .ruolo_persona{
                text-decoration:none;
                padding: 0px 20px 0px 20px;
                /*background:url("../images/stick_aias_viola.png") no-repeat left top #efefef;*/
                border-left:8px solid var(--viola);
                background: #efefef;
                display:flex;
                flex-direction:row;
                flex-wrap:nowrap;
                justify-content:flex-start;
                align-items:center;
                margin-bottom:20px;
            }
            .ico_tessera_socio{
                margin-right:20px;
            }
            .ruolo_persona_foto{
                flex:0 0 80px;
                height:80px;
                overflow:hidden;
                display:flex;
                align-items:center;
            }
            .ruolo_persona_foto_vuota{
                flex:0 0 0px;
                height:80px;
            }
            .ruolo_persona_foto img{
                margin-right: 20px;
                clip-path: circle(30px at center);
                overflow: hidden;
                object-fit: cover;
            }
            .ruolo_persona_titolo{
                font-size:16px;
                line-height:16px;
                font-weight:400;
                color:#333;
            }
            .ruolo_persona_nome{
                /* flex:0 0 60%; */
                font-size:20px;
            }
            .ruolo_persona_nome a{
                color:#000;
                text-decoration:none;
                font-weight:700;
            }
            .ruolo_persona_contatta{
                flex:1 0 20%;
                text-align:right;
                padding-right:30px;
            }
            .ruolo_persona_contatta a{
                text-decoration:none;
                background:url("../images/ico_mail.png") no-repeat left center;
                color:var(--viola);
                padding:10px 0 10px 50px;

            }

           



            /* ==========================================================================
            GTS
            ========================================================================== */
            .cont_GTS{
                display:block;
                text-decoration:none;
                background:#efefef;
                font-size:16px;
                margin-bottom:30px;
                padding-bottom:10px;
                border-left:5px solid var(--medium);
            }
            .etichetta_GTS_persona_contatto{
                flex:0 0 230px!important;
                padding:5px 0 5px 50px;
                margin:0!important;
            }
            .GTS_persona_contatto{
                color:#000000;
                display:flex;
                flex-direction:row;
                align-items:center;
                justify-content:space-between;
                margin-bottom:20px;
                padding:5px 0 5px 0px;
               
                /* background:url("../images/ico_user_organigramma.png") no-repeat left center; */
            }
            .GTS_persona_contatto .ruolo_persona_nome{
                font-size:16px;
            }
            .header_GTS{
                /* background:var(--medium); */
                padding:15px 20px 0 20px;
                display:flex;
                flex-direction:row;
                justify-content:space-between;
                align-items:center;
            }
            .header_GTS h3{
              margin-bottom:0;
            }
            .cont_testo_GTS{
                padding:0 20px 0px 20px;
            }
            .cont_testo_GTS .flexbox{
                align-items:center;
            }
            .cont_GTS .ruolo_persona_contatta{
                padding-right:0px;
            }
      


            /* ==========================================================================
            ASSOCIAZIONI
            ========================================================================== */
            .cont_associazione{
                display:block;
                text-decoration:none;
                
                /* border-left:8px solid var(--viola);  */
                background:#efefef;
                /* background:url("../images/stick_aias_viola.png") no-repeat left top #efefef;*/
                font-size:16px;
                margin-bottom:30px;
                padding-bottom:30px;
            }
            .associazione_persona_contatto{
                color:#000000;
                display:flex;
                flex-direction:row;
                align-items:center;
                justify-content:space-between;
                margin-bottom:20px;
                padding:20px 0 20px 50px;
                
                border-bottom:1px dotted var(--dark);
                background:url("../images/ico_user_organigramma.png") no-repeat left center;
            }
            .associazione_persona_contatto .ruolo_persona_nome{
                font-size:16px;
            }
            .associazione_nome{
                background:var(--medium);
                padding:10px 30px;
            }
            .cont_testo_associazione{
                padding:0 30px 20px 30px;
            }
            .cont_testo_associazione figure{
                float:left;
                margin:0 30px 30px 0;
            }



            /* ==========================================================================
            SEDI TERRITORIALI
            ========================================================================== */
            .cont_sede{
                display:block;
                text-decoration:none;
                background:#efefef;
                font-size:16px;
                margin-bottom:30px;
                padding-bottom:30px;
            }
            .sede_persona_contatto{
                color:#000000;
                display:flex;
                flex-direction:row;
                align-items:center;
                justify-content:space-between;
                margin-bottom:0px;
                padding:20px 0 20px 50px;
                
                border-bottom:1px dotted var(--dark);
                background:url("../images/ico_user_organigramma.png") no-repeat left center;
            }
            .sede_persona_contatto .ruolo_persona_nome{
                font-size:16px;
            }
            .sede_nome{
                background:var(--medium);
                padding:10px 30px;
            }
            .cont_testo_sede{
                padding:0 30px 20px 30px;
            }
            .sede_provincia{
                display:block;
                text-transform:uppercase;
                color:var(--blu);
                padding-top:20px!important;
            }
            .sede_ruolo{
                display:inline-block;
                width:150px;
            }

/* ==========================================================================
   ELENCO SOCI
   ========================================================================== */
   .cont_ricerca_soci{
        width:100%;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        margin-bottom:30px; 
        justify-content:flex-start;
        padding:10px 20px;
        background:#efefef;
   }
   .cont_ricerca_soci h3{
        flex:0 0 100%;
        margin-bottom:0;
   }
   .cont_ricerca_soci .campo select{
        font-size:15px;
        background:#ffffff;
        padding:5px;
    }

    .cont_ricerca_soci .campo label{
        font-size:13px;
        line-height:18px;
        flex:0 0 100px;
        padding:5px 0;
    }

   .cont_ricerca_soci .campo{
       margin-right:1%;
    }
    .cont_ricerca_soci .campo.ricerca_cognome{
        flex:0 0 48%;
        margin-right:2%;
    }
    .cont_ricerca_soci .campo.ricerca_cognome input[type="text"]{
        max-width:250px;
        background:#ffffff;
        padding:5px;
    }
    .cont_ricerca_soci .campo.ricerca_provincia{
        flex:0 0 48%;
        margin-right:2%;
    }


    
    .cont_ricerca_soci .campo.ricerca_attestati,
    .cont_ricerca_soci .campo.ricerca_certificazioni,
    .cont_ricerca_soci .campo.ricerca_competenze{
        flex:0 0 48%;
        margin-right:2%;
    }
    .cont_ricerca_soci .campo.ricerca_attestati select,
    .cont_ricerca_soci .campo.ricerca_certificazioni select,
    .cont_ricerca_soci .campo.ricerca_competenze select,
    .cont_ricerca_soci .campo.ricerca_provincia select{
        max-width:250px;
    }
    .cont_ricerca_soci .campo.ricerca_attestati label{
        padding:0;
    }

    .cont_ricerca_soci .campo.ricerca_btn{
        flex:0 0 48%;
    }
    .cont_ricerca_soci .campo.ricerca_btn input[type="submit"]{
        color:var(--blu);
        border:1px solid var(--blu);
        padding:0px 20px;
        margin-top:0px;
        font-size:14px;
    }



    
    



        /* PAGER */
        #pager{
            margin:10px 0;
            color:#999;
        }
        #pager a{
            font-size:16px;
            line-height:16px;
            display:inline-block;
            padding:3px 5px;
           
        }
        #pager a.selected{
            background:var(--blu);
            color:#ffffff;
            text-decoration:none;
        }


        /* BOX SOCIO */
        .box_socio{
            text-decoration:none;
            padding:0px 20px 0px 20px;
            /*background:url("../images/stick_aias_viola.png") no-repeat left top #efefef;*/
            border-left:8px solid var(--viola);
            background: #efefef;
            display:flex;
            flex-direction:row;
            flex-wrap:nowrap;
            justify-content:flex-start;
            align-items:center;
            margin-bottom:10px;
        }
        .ico_tessera_socio{
            margin-right:20px;
        }
        .box_socio_foto{
            flex:0 0 80px;
            height:80px;
            overflow:hidden;
            display:flex;
            align-items:center;
        }
        .box_socio_foto_vuota{
            flex:0 0 0px;
            height:80px;
        }


        
        .box_socio_foto img{
            margin-right:20px;
            clip-path: circle(30px at center);
            overflow:hidden;
            object-fit: cover;
        }
        .box_socio_nome{
            flex:0 0 60%;
            font-size:20px;
        }
        .box_socio_nome a{
            color:#000;
            text-decoration:none;
            font-weight:700;
            display:inline-block;
        }
      

   

        .box_socio_contatta{
            flex:1 0 20%;
            text-align:right;
            padding-right:30px;
        }
        .box_socio_socio_dal{
            color:#333;
            font-size:14px;
            line-height:16px;
        }


/* ==========================================================================
   SCHEDA SOCIO
========================================================================== */   
.scheda_socio_contatti{
    margin:20px 0 30px
}
/*.titoletto{
    width: 100%;
    text-transform: uppercase;
    color: var(--blu);
    font-weight: 700;
    padding-left: 0px ;
    border-bottom: 1px solid var(--blu);
    margin: 30px 0 10px 0;
    }*/
    .titoletto{
        width: 100%;
        text-transform: uppercase;
        background: #cccccc;
        color:#000;
        font-weight: 700;
       padding:10px 20px 10px 20px;
        margin: 30px 0 10px 0;
        }
.scheda_socio_label{
    display:inline-block;
    font-weight:700;
    width:70px;
}

.scheda_socio_box_dati{
    background:#efefef;
    margin-bottom:30px;
    clear:both;
}

/* MAPPA */
.scheda_socio_box_dati .cont_mappa{
    width:80%!important;
    margin:0 auto 30px auto!important;
    border:1px solid #333;
}
.scheda_socio_mappa .scheda_socio_box_dati_interno{
    padding:20px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.scheda_socio_logo{
    margin-right:20px;
}
.scheda_socio_mappa .scheda_socio_label{
    width:auto;
}

.scheda_socio_top{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
}
.scheda_socio_foto{
    flex:0 0 27%;
    flex:0 0 190px;
    margin-right:3%;
}
.scheda_socio_foto img{
    margin-right:20px;
    clip-path: circle(60px at center 50%);
    overflow:hidden;

}


/* INTRO */
.scheda_socio_titolo{
    font-size:18px;
    line-height:16px;
    color:var(--blu);
}
.scheda_socio_intro{
    flex:0 0 70%;
}
.scheda_socio_intro_campo{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    margin-bottom:10px;
}
.scheda_socio_intro_campo .scheda_socio_label{
    flex:0 0 200px;
}
.scheda_socio_intro_campo .scheda_socio_posizione{
    flex:0 0 70%;
}

/* CONTATTI*/
.scheda_socio_contatti .scheda_socio_box_dati_interno{
    padding:20px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.scheda_socio_contatti .scheda_socio_box_dati_interno div{
    flex:1 0 50%;
}
.scheda_socio_telefoni{
    /* background:url("../images/ico_socio/ico_tel.png") no-repeat left top;
    padding:5px 0 5px 70px; */
}
.scheda_socio_telefono{
    background:url("../images/ico_socio/ico_tel.png") no-repeat left top;
    padding:5px 0 5px 70px;
}
.scheda_socio_email{
    background:url("../images/ico_socio/ico_mail.png") no-repeat left top;
    padding:5px 0 5px 70px;
}
.scheda_socio_linkedin{
    background:url("../images/ico_socio/ico_linkedin.png") no-repeat left top;
    padding:5px 0 5px 70px;
}


/* INDIRIZZO */
.scheda_socio_indirizzi .scheda_socio_box_dati_interno{
    padding:20px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.scheda_socio_indirizzo{
    background:url("../images/ico_socio/ico_indirizzo.png") no-repeat left top;
    padding:0px 0 0px 70px;
}
.scheda_socio_indirizzi .scheda_socio_box_dati_interno div{
    flex:1 0 50%;
    margin-bottom:20px;
}


/* PROFILO */
.scheda_socio_lavoro .scheda_socio_box_dati_interno{
    padding:20px;
}
.scheda_socio_lavoro .scheda_socio_label{
    display:inline-block;
    font-weight:700;
    width:200px;
}
.scheda_socio_lavoro .scheda_socio_box_dati_interno div{
    margin-bottom:10px;
}

/* ATTESTAZIONI */
ul.scheda_socio_lista_certificazioni{
    list-style-type:none;
    padding:20px;
}
ul.scheda_socio_lista_certificazioni li{
    margin-bottom: 5px;
    padding: 13px 20px 13px 60px;
    background: url("../images/ico_attestato_nero.png") no-repeat 10px center #efefef;
}
ul.scheda_socio_lista_qualifiche{
    list-style-type:none;
    padding:20px;
}
ul.scheda_socio_lista_qualifiche li a{
    display: block;
    padding: 13px 20px 13px 60px;
    text-decoration: none;
    background: url("../images/ico_attestato_nero.png") no-repeat 10px center #efefef;
    color: var(--blu);
    font-weight:700;
}
ul.scheda_socio_lista_qualifiche li a:hover{
    background: url("../images/ico_attestato.png") no-repeat 10px center #efefef;
}

/* COMPETENZE HSE */
ul.scheda_socio_lista_competenzeHSE{
    list-style-type:none;
    padding:20px;
}
ul.scheda_socio_lista_competenzeHSE li{
    display: block;
    padding: 13px 20px 13px 60px;
    text-decoration: none;
    background: url("../images/ico_competenze_HSE.png") no-repeat 10px center #efefef;
}


/* ALTRI DATI PROFILAZIONE */
.scheda_socio_box_dati_profilazione_interno{
    padding:20px;
}
ul.scheda_socio_lista_profilazione{
    list-style-type:none;
    padding:20px;
}
ul.scheda_socio_lista_profilazione li{
    padding:0px 0 0 0px;
}
ul.scheda_socio_lista_profilazione li:before{
    display:inline-block;
    content:"";
    width:5px;
    height:5px;
    background:var(--blu);
    position:relative;
    margin-bottom: 3px;
    margin-right:10px;
}

.disclaimer{
    margin:30px auto;
    background:#efefef;
    padding:20px;
    width:70%;
    border-left:6px solid var(--arancio);
    font-size:14px;
}



/* ==========================================================================
   PAGINA ATTESTAZIONI e CERTIFICAZIONI
   ========================================================================== */
ul.lista_attestazioni{
    list-style-type:none;
}
ul.lista_attestazioni li{
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:20px;
    background:#efefef;
    padding:20px 20px 20px 60px;
    background:url("../images/ico_attestato_nero.png") no-repeat 10px center #efefef;
   
}
ul.lista_attestazioni div{
    flex:1 0 70%;
}
ul.lista_attestazioni li a{
    display:inline-block;
    
}
ul.lista_attestazioni li a.btn_light:hover{
    background:rgba(255,255,255,0.82);
}
.nome_certificazione{
    font-weight:700;
    font-size: 18px;
    line-height:28px;
}
.descrizione_certificazione p{
    font-size: 18px;
    line-height:28px;
}

/* ==========================================================================
  AZIENDE SOSTENITRICI
   ========================================================================== */
.box_azienda_sostenitrice{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    margin-bottom:20px;
    border-left: 8px solid var(--viola);
    background: #efefef;
    padding: 20px 10px 20px 20px;
}
.logo_azienda_sostenitrice{
    flex:0 0 25%;
    margin-right:5%;
}
.dati_azienda_sostenitrice{
    flex:0 0 70%;
}
.nome_azienda_sostenitrice{
    font-weight:700;
}
.descrizione_azienda_sostenitrice{
    font-size:18px;
}
.sito_azienda_sostenitrice{
    display:block;
    background:url("../images/ico_socio/ico_sito.png") no-repeat left center;
    padding:10px 0 10px 60px;
    margin:5px 0;
}





/* ==========================================================================
   PAGINA LOGIN
   ========================================================================== */
.cont_login{
    max-width:80%;
}
.cont_login h2,
.cont_login h3{
    color:var(--rosso);
}
#pswLoginImg{
    margin:20px 0 0 20px;
}
.link_recupero{
    color:var(--rosso);
    font-size:13px;
}
#form_login input[name="username"]::placeholder{
    color:#666;
}
#form_login input[name="username"],
#form_login input[name="password"]{
    max-width:300px;
}
.pwd_dimenticata{
    margin-top:-15px;
    text-decoration:none;
    font-style:italic;
}
.cont_registrati_home{
    margin-bottom:50px;
    margin-top:50px;
    }
.cont_registrati_home h3{
display:inline;
padding-right:30px;
}

input[type="submit"]{
    display:inline-block;
    border:2px solid var(--rosso);
    color:var(--rosso);
    background:#ffffff;
    width:auto;
    padding:10px 20px;
    text-transform:uppercase;
}
input[type="submit"]:hover{
    background:#efefef;
}

/* ==========================================================================
   PREZZI
   ========================================================================== */
.cont_quote{
    display:flex;
    flex-direction:row;
    align-items:stretch;
    margin-bottom:50px;
}
.box_quota{
    flex:1 0 19%;
    margin-right:1%;
    line-height:20px;
    text-align:center;
    color:var(--blu);
    font-weight:bold;
}
.box_quota a{
    display:block;
    text-decoration:none;
    color:var(--blu);
    padding:20px;
    background:#efefef;
}
.box_quota a:hover{
    background:#ccc;
}
.box_quota img{
    margin-bottom:10px;
}
.box_quota .prezzo{
    font-size:30px;
    line-height:40px;
}
figure.img_quota{
    width:100px;
    height:90px;
    background:#efefef;
    padding:10px;
    text-align:center;
}
figure.img_quota figcaption{
    display:block;
    color:var(--blu);
    font-weight:700;
}

/* ==========================================================================
   COME DIVENTARE SOCI AIAS
   ========================================================================== */
.lista_step{
    list-style-type:none;
    margin:20px 0 20px 0;
}
.lista_step li{
    margin-bottom:25px;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}
.lista_step li span{
   font-weight:700;
}
.lista_step li span.number{
    flex:0 0 30px;
    font-size:27px;
    color:var(--blu);
}
.lista_step_titoletto{
    color:var(--blu);
    font-size:22px;
}
.lista_step li div{
    flex:1 0 auto;
}
.lista_step li a{
    margin-top:10px;
}


/* ==========================================================================
   CERCA NEL SITO PAGINA RISULTATI
   ========================================================================== */
.risultato_ricerca{
    margin-bottom:10px;
}
.risultato_ricerca a{
    text-decoration:none;
    color:#000000;
}
.risultato_ricerca a:hover{
    color:var(--azzurro);
}




.cont_registrati{
    margin-top:30px;
}
.cont_registrati .flexbox div{
    flex:0 0 auto;
    margin:20px 20px 20px 0px;
}
.registrati{
    flex:1 0 45%!important;
    background:var(--light);
    padding:20px;
}
.avviso{
    font-style:italic;
    color:var(--azzurro);
    font-weight:700;
}
.btn{
    display:inline-block;
    flex:0 0 auto;
    background:var(--blu);
    color:#ffffff;
    text-decoration:none;
}
.btn:hover{
    background:var(--azzurro);
}
button[disabled="disabled"]{
    background:var(--light);
    color:var(--grey);
}
button{
    display:inline-block;
    flex:0 0 auto;
    background:var(--blu);
    color:#ffffff;
    text-decoration:none;
    border:none;
    padding:20px;
}
.button:hover{
    background:var(--azzurro);
}
.btn_grey_small{
    display:inline-block;
    flex:0 0 auto;
    background:var(--dark);
    color:#ffffff;
    text-decoration:none;
    line-height:20px;
    font-size:14px;
    padding:10px 20px;
}
.btn_grey_small:hover{
    background:#000000;
}

.btn_blu_small{
    display:inline-block;
    flex:0 0 auto;
    background:var(--azzurro);
    color:#ffffff;
    text-decoration:none;
    line-height:20px;
    font-size:14px;
    padding:10px 20px;
}
.btn_blu_small:hover{
    background: #dd514c;
}





.cboxIframe{
    color:red;
}


#breadcrumbs {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: transparent;
    background: none;
    color: var(--medium);
    text-transform:uppercase;
    font-size:11px;
    font-weight:700;
    letter-spacing:1px;
}
#breadcrumbs:hover{
    color:var(--blu);
}
.cont_section{
    min-height:calc(100vh - 165px);
}


.eliminaButton {
    display:inline-block;
    background: red;
    color:#fff;
    width:auto;
    border:none;
    padding:10px 20px;
    text-transform:uppercase;
}
.eliminaButton:hover{
    background: #dd514c;
}






/* ==========================================================================
   ANNUNCI DI LAVORO
   ========================================================================== */
.contenuto .dettaglio_annuncio ul{
    margin-top:10px;
}
   .blocco_info_annuncio{
    margin-bottom:20px;
}
.label_annuncio{
    font-size:20px;
    font-weight:bold;
    color:var(--blu);
}
.label_annuncio_float{
    display:inline-block;
}












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

/* ==========================================================================
   CTA
   ========================================================================== */
.fascia_cta{
    background-color:var(--blu);
    background-size:cover;
    padding:40px 0 40px 0;
    text-align:center;
}
.fascia_cta p{
    color:#ffffff;
    font-size:20px;
    line-height:30px;
    margin-bottom:30px;
}
.fascia_cta a.btn_light{
    border-color:#ffffff;
    color:#ffffff;
}
.fascia_cta a.btn_light:hover{
    background:rgba(255,255,255,0.2);
   
}
   


/* ==========================================================================
   BANNER COOKIES
   ========================================================================== */

#banner_cookies{
    font-size: 14px;
    text-align: center;
    display: none;
    width: 100%;
    line-height: 20px;
    background-color: var(--medium);
    color:#000;
    position: fixed;
    bottom: 0px;
    z-index: 1000000;
    padding:10px;
}
#banner_cookies a{
    color:#000;
}
#banner_cookies a#accept_cookies{
    padding:10px 20px;
    background-color:#000;
    text-decoration:none;
    font-weight:bold;    
    color:#fff;
    display: inline-block;
    margin:5px;
}


/* ==========================================================================
   CONTATTI
   ========================================================================== */
.cont_form_contatti input[type="submit"]{
    color:var(--blu);
    border-color:var(--blu);
}
.cont_form_contatti form .campo{
    flex-wrap:wrap;
}
.cont_form_contatti form .campo>span{
    flex:0 0 100%;
    padding-left:28%;
}
.cont_form_contatti form .campo.consensi>span.obb{
    flex:0 0 10px;
    padding-left:0%;
}
.cont_form_contatti span#jm_privacy{
    padding-left:10px;
    margin-top:-20px;
    margin-bottom:20px;
}
.cont_form_contatti form .campo.consensi label{
    font-size:16px;
    margin-top:-30px;
    margin-bottom:10px;
}
.cont_form_contatti .consensi p{
    line-height:24px;
    margin-bottom:20px;
}
.cont_form_contatti textarea{
    min-height:300px;
}
.cont_form_contatti .consensi input{
    margin-right:20px;
}



/* ==========================================================================
   BOX SERVIZIO RISERVATO 
   ========================================================================== */
.box_servizio_riservato{
    text-align:center;
}
.box_servizio_riservato p{
    font-weight:700;
    color:var(--rosso);
}


/* ==========================================================================
   FOOTER
   ========================================================================== */
footer{
    background:var(--viola);
    padding:70px 0 70px 0;
    color:#ffffff;
    font-size:16px;
    line-height:24px;
}
footer a{
    color:#ffffff;
    text-decoration:none;
}
footer a:hover{
    color:rgba(255,255,255,0.8)
}
footer .wrapper{
    display:flex;
    flex-direction:column;
}
.footer_frase{
    flex:1 0 33%;
}
.footer_contatti,
.footer_privacy{
    flex:1 0 30%;
}

.titolo_footer{
    font-size:20px;
    line-height:24px;
    font-weight:700;
    margin-bottom:15px;
}
.footer_frase{
    display:none;
}

.telefono{
    background:url("../images/ico_footer/ico_telefono.png") no-repeat left center;
    padding:10px 0 10px 50px;
    margin-bottom:25px;
}
.mail{
    background:url("../images/ico_footer/ico_mail.png") no-repeat left center;
    padding:10px 0 10px 50px;
    margin-bottom:25px;
}
.sportello{
    background:url("../images/ico_footer/ico_sportello.png") no-repeat left center;
    padding:10px 0 10px 50px;
    margin-bottom:25px;
}
.indirizzo{
    background:url("../images/ico_footer/ico_indirizzo.png") no-repeat left center;
    padding:10px 0 10px 50px;
    margin-bottom:25px;
}
.cont_social_footer{
    margin-top:70px;
    display:flex;
    flex-direction:row;
}
.cont_social_footer a{
    margin-right:20px;
}



/*login codice fiscale sistemato da iris*/
.cf-login {
    display: block;
    font-size: 14px;
    width: 100%;
    line-height: 18px;

}
.user-login {
    display: block;
    width: 100%;
}

.cont_cookie_policy ul,
.cont_cookie_policy ol{
    padding-left:20px;
}
.cont_cookie_policy h3{
    padding-top:10px;
}
.cont_cookie_policy h4{
    color:var(--blu);
    padding-top:10px;
}
.ico_cookie{
    float:left;
    margin-right:20px;
    width:60px;
    height:60px;
}
.ico_cookie_small{
    float:left;
    margin-right:20px;
    width:60px;
    height:60px;
}



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

.show_pc{
    display:none;
}
.hide_pc{
    display:block;
}
.flexbox{
    display:flex;
    justify-content:space-between;
    flex-direction:column;
    flex-wrap:wrap;
}
.flexbox>div{
    flex: 1 0 100%;
    margin:10px;
}
.flexbox.flex-start{
    justify-content:flex-start;
}
.flexbox.flex-end{
    justify-content:flex-end;
}
.clearfix:before, .clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}



/* aggiunte per menu mobile dx*/
#responsive-menu-button_ar {
    color: #000;
    margin-top: 0px;
  }



  .hamburger_respmb_ar
{
    display: block;
    width: 40px;
    height: 36px;

    position: relative;
    top: 0;
    right: 0;
    z-index: 2;
}

@media all and (min-width: 1430px)
{
    .hamburger_respmb_ar {
        display: none;
    }
}