body {
    font-weight: 300;
    line-height: 1.7;
}
h1 {
    text-align: left !important;
}
h1.tlt {
    text-align: center!important;
}
h1, h2, h3, h4 {
    color: #555555;
}
ul, ol {
    margin-left: 24px;
}
ul li, ol li {
    color: #555555;
}

footer {
    line-height: 1.6;
}
footer p, footer a, footer a:hover {
    color: #ffffff;
}
footer a:hover {
    text-decoration: underline;
}
table tr th, table tr td {
    padding: 10px;
}

.default-btn {
    display: inline-block;
    margin-bottom: 20px;
    padding: 7px 12px;
    background-color:#555555;
    color: white;
    transition: 0.3s;
}
.default-btn:hover {
    color: white;
    background-color: #737373;
}
.red-btn {
    background-color: #a02645;
}
.red-btn:hover {
    background-color: #c04f6c;
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    body { font-size: 1.5em; font-family: 'Ubuntu', sans-serif; background-color: white; }
    a { color: #555555; text-decoration: none; }
    a:hover { color: #555555; text-decoration: none; }
    p{ color: #555555; }
    h1{ font-size: 1.9em; font-weight: 500; color: #555555; margin: 0.5em 0; }
    h2 { font-size: 1.5em; font-weight: 500; margin: 1em 0 0.4em 0; color: #555555; }
    h3 { font-size: 1.4em; font-weight: 500; margin: 1em 0 0.4em 0; padding: 0.3em; color: #555555; }
    a:focus { color: #555555; text-decoration: none; }
    ul { padding-left: 0; }
    .cd-main-content{ background-color: white; }

    /*.slider { padding: 0; }*/
    /*.slider .img-riferimento{ width: 100%; }*/
    /*.slider .img-sfondovalue { display: none; }*/


    /* Questo era inline */
    .slider{ position:relative; margin: 0 auto; width: 100%; background-position: center; }
    .img-riferimento-container { position:relative; top: 0; left: 0; width: 100%; }
    .img-riferimento-container img { width: 100%; }

    .text-container{ position:absolute; top: 0; width: 100%; height: 100%; }

    .text-container .text {
        /*position:absolute; bottom: 0; right: 0; background-color: rgba(255, 255, 255, 0.6); padding: 0 10px; */
        display: none; }
    .text-container .text ul{ display:none; }

    .section-title { font-size: 22px; font-weight: 500; margin-bottom: 1em; }
    .default h1, .section-title { color: #000000; }
    .azienda h1, .section-title { color: #000000; }
    .servizi h1, .section-title { color: #809828; }
    .formazione h1, .section-title { color: #4A4A4A; }
    select { margin-top: 15px; }

    .title-green{ color: #809828; }
    .title-red{ color: #930A28; }

    .navbar.navbar-default{ margin-bottom: 5px; background-color: #E1E1E1; background-image: none; }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-toggle{
        position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px;
        background-color: #9F0B28; background-image: none; border: 0; border-radius: 4px; }

    .navbar-default .navbar-toggle .icon-bar { background-color: white; width: 32px; }
    .maincontent h1 { text-align: center; }
    footer{ height: auto; background-color: #393939; color: white; padding-top: 30px; padding-bottom: 30px; font-weight: 300; }
    .box-title{ text-align: center; }

    .header-blocks .col-lg-3 div img.img-categoria{ width: 100%; }
    .header-blocks .ambiente{ padding-top: 10px; background-color: #9FC65B; }
    .header-blocks .sistemi-di-gestione { padding-top: 10px; background-color: #0063A6; }
    .header-blocks .sicurezza-igiene { padding-top: 10px; background-color: #EB6909; }
    .header-blocks .formazione { padding-top: 10px;  background-color: #961834; }
    .header-blocks .categoria { font-size: 30px; text-align: center; color: white; }
    .header-blocks .categoria p{ color: white; }

    .ambiente .overlay-interna{  background-color: #6F8C3A;}
    .sistemi-di-gestione .overlay-interna{ background-color: #0063A6;}
    .sicurezza-igiene .overlay-interna{ background-color: #EB6909; }
    .formazione .overlay-interna{ background-color: #961834;}
    .header-blocks.interna .categoria img{ padding: 15px; }
    .header-blocks.interna .categoria p{ padding-top: 0; }
    .lat-menu-icons { margin-top: 30px; }
    .lat-menu-icons .row{ margin-top: 15px; }

    .col-lg-3 div.overlay-interna { position: relative; padding: 25px 0; /*width: 100%;*/ }
    .overlay-interna ul { list-style: none; }
    .overlay-interna ul li { list-style: none; }
    .overlay-interna ul li a { color: white; font-size: 15px; line-height: 30px; }
    .overlay-interna ul li a.active { color: white; font-weight: bold; }

    .proposition { margin: 30px 0; }
    .proposition h1{ font-size: 30px; }
    .proposition p{ font-size: 18px; }

    /*.header-blocks.interna .categoria img{ padding: 15px; }*/
    /*.header-blocks.interna .categoria p{ padding-top: 0; }*/
    /*.lat-menu-icons { margin-top: 30px; }*/
    /*.lat-menu-icons .row{ margin-top: 15px; }*/

    .lat-menu-icons .row .ambiente{ padding-top: 20px; font-size: 20px; color: #6F8C3A;}
    .lat-menu-icons .row .sicurezza{ padding-top: 20px; font-size: 20px; color: #EB6909;}
    .lat-menu-icons .row .sistemi-di-gestione{ padding-top: 20px; font-size: 20px; color: #0063A6;}
    .lat-menu-icons .row .formazione{ padding-top: 20px; font-size: 20px; color: #961834;}

    .container-info-interna h3 {
        width: 100%;
        height: 60px;
        background-color: #EBEBEB;
        line-height: 60px;
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 300;
        padding-left: 15px;
        color: #555555;
        margin-bottom: 15px;
    }

    .container-info-interna h3.calendario-corsi {
        width: 100%;
        height: 60px;
        background-color: #A02645;
        line-height: 60px;
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 300;
        padding-left: 15px;
        color: white;
        margin-bottom: 15px;
    }

    .elenco-ruoli {
        font-size: 14px;
        font-weight: 400;
    }
    .elenco-ruoli .thumbnail .elenco-ruoli-img {
        overflow: hidden;
        height: 200px;
    }

    .arrows-control {
        position: absolute;
        top: 29px;
        right: 21px;
    }

}


.news-home {
    margin-bottom: 20px!important;
}
.news-home .thumb img {
    width: 100% !important;
}


/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .slider .img-riferimento{ width: auto; }
    .slider .img-sfondovalue { display: block; }
    .maincontent h1 { text-align: left; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    .logo {
        padding: 15px 0;
        text-align: center !important;
    }
    h1 { margin: 0 0 0.5em 0; }
    h3 { padding: 0; }
    ul.menu{ list-style: none; width: auto; }
    ul.menu li{ float: left; padding: 0 5px; }
    ul.menu li a{ font-size: 14px; font-weight: 500; color: #000000; line-height: 14px; letter-spacing: 0; }

    /*.slider{ position: relative; height: 360px; }*/
    /*.img-riferimento-container{ line-height: 360px; }*/
    /*.slider img.img-riferimento{ height: 340px; }*/
    /*.slider img.img-sfondovalue{ position: absolute; top: 0; right: 0; height: 100%; width: 60%; }*/
    /*.slider .text{ position: absolute; top: 20px; left: 55%;  height: 100%;  }*/
    /*.slider .text .section-title{ position: relative; }*/
    /*.slider .text ul{ display: block; }*/
    /*.slider ul{ list-style: none; padding-left: 0;}*/
    /*.slider ul li{ padding-top: 10px; font-size: 16px; font-weight: 300;}*/

    .box-title{ text-align: center; margin-top: 2em; }
    .box-title h3 { line-height: 35px; padding-left: 5px; background-color: #eeeeee; }
    .box-title p { margin-top: 10px; }
    .box-title img{ padding-top: 10px; font-size: 50px; }

    .header-blocks{  }
    .header-blocks div { /*margin-bottom: 18px;*/ }
    .header-blocks .col-lg-3 div.categoria{ /*height: 200px; padding: 25px 0;*/ }
    /*.header-blocks .col-lg-3 div{ height: 565px; }*/
    .header-blocks .col-lg-3 div img.img-categoria{ width: 100%; }
    .header-blocks .ambiente{ background-color: #9FC65B; }
    .header-blocks .sistemi-di-gestione { background-color: #0063A6; }
    .header-blocks .sicurezza-igiene { background-color: #EB6909; }
    .header-blocks .formazione { background-color: #961834; }
    .header-blocks .categoria { font-size: 30px; text-align: center; color: white; }
    .header-blocks .categoria p{ color: white; }


    .ambiente .overlay{  background-color: #6F8C3A;}
    .ambiente:hover .overlay{ opacity: 1; position: absolute; left: 15px; }
    .sistemi-di-gestione .overlay{ background-color: #0063A6;}
    .sistemi-di-gestione:hover .overlay{ opacity: 1; position: absolute; left: 15px; }
    .sicurezza-igiene .overlay{ background-color: #EB6909; }
    .sicurezza-igiene:hover .overlay{ opacity: 1; position: absolute; left: 15px; }
    .formazione .overlay{ background-color: #961834;}
    .formazione:hover .overlay{ opacity: 1; position: absolute; left: 15px; }

    .ambiente .overlay-interna{  background-color: #6F8C3A;}
    .sistemi-di-gestione .overlay-interna{ background-color: #0063A6;}
    .sicurezza-igiene .overlay-interna{ background-color: #EB6909; }
    .formazione .overlay-interna{ background-color: #961834;}


    .col-lg-3 div.overlay { opacity: 0; position: absolute; top: 160px; left: 15px; transition: all 0.25s ease;
        bottom: 0; right: 15px;/*padding: 25px 0;*/ }

    .header-blocks.interna .categoria img{ padding: 15px; }
    .header-blocks.interna .categoria p{ padding-top: 0; }
    .lat-menu-icons { margin-top: 30px; }
    .lat-menu-icons .row{ margin-top: 15px; }

    .lat-menu-icons .row .ambiente{ padding-top: 20px; font-size: 20px; color: #6F8C3A;}
    .lat-menu-icons .row .sicurezza{ padding-top: 20px; font-size: 20px; color: #EB6909;}
    .lat-menu-icons .row .sistemi-di-gestione{ padding-top: 20px; font-size: 20px; color: #0063A6;}
    .lat-menu-icons .row .formazione{ padding-top: 20px; font-size: 20px; color: #961834;}


    .col-lg-3 div.overlay-interna { position: relative; padding: 25px 0; /*width: 100%;*/ }
    .overlay-interna ul { list-style: none; }
    .overlay-interna ul li { list-style: none; }
    .overlay-interna ul li a { color: white; font-size: 15px; line-height: 30px; }
    .overlay-interna ul li a.active { color: white; font-weight: bold; }


    .overlay ul { list-style: none; }
    .overlay ul li { list-style: none; }
    .overlay ul li a { color: white;}

    .container-info-home {  }
    .container-info-home h3 { width: 100%; height: 60px; background-color: #EBEBEB; line-height: 60px; font-size: 30px;
        text-transform: uppercase; font-weight: 300; padding-left: 15px; color: #555555; margin-bottom: 15px; }
    .container-info-interna h3 { width: 100%; height: 60px; background-color: #EBEBEB; line-height: 60px; font-size: 30px;
        text-transform: uppercase; font-weight: 300; padding-left: 15px; color: #555555; margin-bottom: 15px; }
    .container-info-interna h3.calendario-corsi { width: 100%; height: 60px; background-color: #A02645; line-height: 60px; font-size: 30px;
        text-transform: uppercase; font-weight: 300; padding-left: 15px; color: white; margin-bottom: 15px; }

    .proposition { margin: 45px 0; }
    .proposition h1{ font-size: 35px; }
    .proposition p{ font-size: 20px; }
    .box-title{ text-align: left; }
    .box-title img{ padding-left: 15px; font-size: 60px; }

    .news-item { margin-bottom: 2em; }
    .news-home { margin-bottom: 20px!important; padding-left: 15px;}
    .news-home .thumb, .news-item .thumb { padding: 0 !important; }
    .news-home .data { font-weight: bold; font-size: 18px; }
    .news-home .text { font-size: 18px;  }

    .calendario-home {  }
    .calendario-home h3{ color: #A02645; }
    .calendario-home .data { /*padding-left: 20px;*/ }
    .calendario-home .data p span { font-size: 36px; color: #A02645; }
    .calendario-home .data p { font-size: 24px; border: 1px solid #cccccc; line-height: 30px; padding: 10px; /*text-align: center; width: 84px;*/ }
    .calendario-home .testo {  }
    .calendario-home .testo p { font-size: 15px; }
    .calendario-home .testo p span { font-size: 14px; /*color: #A02645;*/ font-weight: bold; }

    .assistenzaremota{ margin-top: 25px; }


    h1 { font-size: 25px; font-weight: 500; margin-bottom: 5px; }
    .section-title { font-size: 2em; font-weight: 500; margin-bottom: 1em; }
    .default h1, .section-title { color: #000000; }
    .azienda h1, .section-title { color: #000000; }
    .servizi h1, .section-title { color: #809828; }
    .formazione h1, .section-title { color: #930A28; }

    /* Questo era inline */
    .slider{ position:relative; padding: 10px 0; margin: 0 auto; width: 95%; height: 378px;
        background: url('http://demo.hgblu.com/PRE%20-%20consultec/img/bg-slider.jpg') repeat-y; background-position: center; }
    .img-riferimento-container { position:absolute; top: 0; left: 0; width: 100%; overflow-x: hidden; }
    .img-riferimento-container img { width: auto; margin-top:20px;  }
    .angolo-slide { position: absolute; height: 100%;
        /*width: 145px; top: 0; right: 49%; background: url('/themes/2015/img/angolo-slide_480.png');*/
        background-position: center; background-repeat: no-repeat; }
    .text-container{ position:absolute; top: 0; left: 50%; width: 50%; height: 100%; background-color: #eeeeee; }
    .text-container .text { display:block; position:relative;top:auto;left:auto;margin:50px 0 0 50px; }

    h2 { font-size: 1.4em; margin: 1em 0 0.5em 0; }
    h3 { font-size: 1.8em; font-weight: 400; margin: 0; }
    h4 { font-size: 1.1em; font-weight: 600; margin: 0 0 1em 0; }

    .menu-container{ position: relative; /*padding-top: 55px; /*padding-right: 0;*/  }
    .menu-container .menu{ width: auto; text-align: justify; margin-bottom: 25px;}

    .menu-container .menu li.azienda.active { background-color: #787471; }
    .menu-container .menu li.azienda.active a { color: #ffffff; }


    .menu-container .menu li.servizi.active { background-color: #ADC650; }
    .menu-container .menu li.servizi.active a { color: #ffffff; }

    .menu-container .menu li.formazione.active { background-color: #930A28; }
    .menu-container .menu li.formazione.active a { color: #ffffff; }

    .menu-container .menu li.news.active { background-color: #787471; }
    .menu-container .menu li.news.active a { color: #ffffff; }

    .menu-container .menu li.contatti.active { background-color: #797470; }
    .menu-container .menu li.contatti.active a { color: #ffffff; }

    .filosofia-container{ background-color: #eeeeee; margin-top: 50px; margin-bottom: 50px; padding-bottom: 10px;}
    .filosofia-container p{ color: #555555;}

    footer{ margin-top: 50px;}

    .calendario-interna {  }
    .calendario-interna h3{ color: white; font-weight: normal; }
    .calendario-interna .data { padding-left: 15px; }
    .calendario-interna .data p span { font-size: 40px; color: #A02645; }
    .calendario-interna .data p { font-size: 20px; border: 1px solid #cccccc; line-height: 20px; padding: 10px; text-align: center;
        /*width: 82px;*/
    }
    .calendario-interna .testo {  }
    .calendario-interna .testo p { font-size: 14px; }
    .calendario-interna .testo p span { font-size: 14px; color: #555555; font-weight: bold; } /*A02645*/

    .arrows-control {
        position: absolute;
        top: 20px;
        right: 30px;
    }

    .elenco-ruoli .thumbnail .elenco-ruoli-img {
        overflow: hidden;
        height: auto;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    ul.menu{ list-style: none; float: right; width: auto; margin: 0; }
    ul.menu li{ float: left; padding: 0 5px; }
    ul.menu li a{ font-weight: 500; font-size: 14px; color: #555555; height: 14px; letter-spacing: 0; }

    .menu-container{ position: relative; padding-top: 55px; padding-right: 6px; padding-left: 45px; }

    .slider ul li{ padding-top: 10px; font-size: 20px; font-weight: 300;}

    h1 { font-size: 2.4em; font-weight: 500; margin-bottom: 1em; }
    .section-title { font-size: 2em; font-weight: 500; margin-bottom: 1em; }
    .default h1, .section-title { color: #000000; }
    .azienda h1, .section-title { color: #000000; }
    .servizi h1, .section-title { color: #809828; }
    .formazione h1, .section-title { color: #930A28; }


    .menu-container .menu { /*width: 80%;*/ text-align: justify; /*margin: 0 auto;*/ margin-bottom: 15px; }
    .menu-container .menu li.azienda.active { background-color: #787471; }
    .menu-container .menu li.azienda.active a { color: #ffffff; }
    .menu-container .menu li.servizi.active { background-color: #ADC650; }
    .menu-container .menu li.servizi.active a { color: #ffffff; }
    .menu-container .menu li.formazione.active { background-color: #930A28; }
    .menu-container .menu li.formazione.active a { color: #ffffff; }
    .menu-container .menu li.news.active { background-color: #787471; }
    .menu-container .menu li.news.active a { color: #ffffff; }
    .menu-container .menu li.contatti.active { background-color: #797470; }
    .menu-container .menu li.contatti.active a { color: #ffffff; }

    .proposition { margin: 45px 0; }
    .proposition h1{ font-size: 35px; }
    .proposition p{ font-size: 20px; }
    .box-title{ text-align: left; }
    .box-title img{ padding-left: 15px; font-size: 60px; }

    .news-item { margin-bottom: 2em; }
    .news-home { margin-bottom: 20px!important; padding-left: 15px;}
    .news-home .thumb, .news-item .thumb { padding: 0 !important; }
    .news-home .data { font-weight: bold; font-size: 18px; }
    .news-home .text { font-size: 18px;  }

    .calendario-home {  }
    .calendario-home h3{ color: #A02645; }
    .calendario-home .data { /*padding-left: 15px;*/ }
    .calendario-home .data p span { font-size: 38px; }
    .calendario-home .data p { font-size: 25px; border: 1px solid #cccccc; line-height: 35px; padding: 10px; /*text-align: center;
        width: 80px;*/
    }
    .calendario-home .testo {  }
    .calendario-home .testo p { font-size: 14px; }
    .calendario-home .testo p span { font-size: 16px; /*color: #A02645; */font-weight: bold; }

    .assistenzaremota{ margin-top: 25px; }


    .header-blocks{  }
    .header-blocks .col-lg-3 div.categoria{ /*height: 200px; padding: 25px 0;*/ }
    /*.header-blocks .col-lg-3 div{ height: 565px; }*/
    .header-blocks .col-lg-3 img.img-categoria{ width: 100%; }
    .header-blocks .ambiente{ background-color: #9FC65B; }
    .header-blocks .sistemi-di-gestione { background-color: #0063A6; }
    .header-blocks .sicurezza-igiene { background-color: #EB6909; }
    .header-blocks .formazione { background-color: #961834; }
    .header-blocks .categoria { font-size: 20px; text-align: center; color: white; }
    .header-blocks .categoria p{ color: white; margin-top: 20px; }


    .ambiente .overlay{  background-color: #8fb44f;}
    .ambiente:hover .overlay{ opacity: 1; position: absolute; left: 15px; }
    .sistemi-di-gestione .overlay{ background-color: #055d98;}
    .sistemi-di-gestione:hover .overlay{ opacity: 1; position: absolute; left: 15px; }
    .sicurezza-igiene .overlay{ background-color: #d46411; }
    .sicurezza-igiene:hover .overlay{ opacity: 1; position: absolute; left: 15px; }
    .formazione .overlay{ background-color: #881e36;}
    .formazione:hover .overlay{ opacity: 1; position: absolute; left: 15px; }
    .col-lg-3 div.overlay { opacity: 0; position: absolute; top: 160px; left: 15px; transition: all 0.25s ease;
        bottom: 0; right: 15px; /*padding: 20px;*/ }
    .overlay ul { list-style: none; }
    .overlay ul li { list-style: none; }
    .overlay ul li a { color: white; font-size: 20px; }

    .proposition h1{ font-size: 35px;  }
    .proposition p{ font-size: 20px; }
    .box-title{ text-align: left; }
    .box-title img{ padding-left: 15px; font-size: 60px; }

    /*.carousel{ height: 450px; }*/
    /*.carousel-inner>.item>img { max-width: none; height: 430px;}*/

    /* Questo era inline */
    .slider{ position:relative; padding: 10px 0; margin: 0 auto; width: 95%; height: 470px;
        background: url('http://demo.hgblu.com/PRE%20-%20consultec/img/bg-slider.jpg') repeat-y; background-position: center; }
    .img-riferimento-container { position:absolute; top: 0; left: 0; width: 60%; overflow-x: hidden; }
    .img-riferimento-container img { margin-top:20px; height:430px; }
    .angolo-slide { position: absolute; height: 100%; width: 145px; top: 0; right: 50%;
        background: url('/themes/2015/img/angolo-slide_480.png'); background-position: center; background-repeat: no-repeat; }

    .text-container{ position:absolute; top: 0; left: 50%; width: 50%; height: 470px; background-color: #eeeeee; }
    .text-container .text { display:block; position:relative;top:auto;left:auto;margin:50px 0 0 50px; }

    .servizi-container{ padding: 40px 0 0 0; position: relative;
        background: url("/themes/2015/img/servizi-opacity.jpg");
        background-position: center; background-size: cover; border: 1px solid #e6e6e6;
    }
    /*h1.title-green{ font-size: 50px; }*/
    .servizi-container .opacity{ position: absolute; width: 100%; height: 100%;
        opacity: 0.9; background-color: white; top: 0; }

    .servizi-container ul{  }
    .servizi-container .row .row{ margin-bottom: 50px; }
    /*.servizi-container .row .row img{ padding-top: 25px; }*/
    .servizi-container .title-green{ font-size: 20px; font-weight: 300; }

    .filosofia-container{ background-color: #eeeeee; margin-top: 50px; margin-bottom: 50px; padding-bottom: 10px;}
    .filosofia-container p{ color: #555555;}

    .box-title{ margin-top: 2em; background-color: #eeeeee; height: 35px; }
    .box-title h3{ line-height: 35px; padding-left: 5px; }

    footer{ height: auto; background-color: #393939; color: white;
        padding-top: 30px; padding-bottom: 30px; font-weight: 300;
    }

    /* Pagina corsi */
    .tipo-corso-title span{ background-color: #930A28; color: white; padding: 2px 5px; }
    .codice-corso { color: #809828; }

    /* Pagine interne */
    .side-menu { }
    .side-menu li { padding: 5px 10px; margin-bottom: 1px; color: #333333; border-left: 5px solid; background-color: #ffffff; }
    .side-menu li a { font-size: 14px; color: #333333; }

    .side-menu-title { color: #ffffff; font-size: 24px; font-weight: 500; padding: 5px 5px 5px 15px; border-bottom: 1px solid #ffffff; }
    .servizi .side-menu-title { background-color: #809828; }
    .formazione .side-menu-title { background-color: #930A28; }

    .calendario-interna {  }
    .calendario-interna h3 { color: white; font-weight: normal; }
    .calendario-interna .data { /*padding-left: 15px;*/ }
    .calendario-interna .data p span { font-size: 32px; }
    .calendario-interna .data p { font-size: 20px; border: 1px solid #cccccc; line-height: 20px; padding: 10px; /*text-align: center;
        /*width: 82px;*/
    }
    .calendario-interna .testo {  }
    .calendario-interna .testo p { font-size: 14px; }
    .calendario-interna .testo p span { font-size: 13px; color: #555555; font-weight: bold; }/*A02645*/

    .img-header-page-interna { margin-bottom: 30px; }

    .lat-menu-icons .row .ambiente{ padding-top: 20px; font-size: 20px; color: #6F8C3A;}
    .lat-menu-icons .row .sicurezza{ padding-top: 20px; font-size: 20px; color: #EB6909;}
    .lat-menu-icons .row .sistemi-di-gestione{ padding-top: 20px; font-size: 20px; color: #0063A6;}
    .lat-menu-icons .row .formazione{ padding-top: 20px; font-size: 20px; color: #961834;}

    .elenco-ruoli .thumbnail .caption {
        overflow: hidden;
        min-height: 60px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    ul.menu{ list-style: none; float: right; width: auto; }
    ul.menu li{ float: left; padding: 0 5px; }
    ul.menu li a{ font-weight: normal; font-size: 16px; letter-spacing: 0; height: 1em; line-height: 1em; }

    .menu-container .menu{ width: auto; text-align: justify; margin-bottom: 5px; right: 0; }

    .proposition { margin: 45px 0; }

    .header-blocks{  }
    .header-blocks .col-lg-3 div.categoria{ /*height: 211px; padding: 25px 0;*/ }
    /*.header-blocks .col-lg-3 div{ height: 211px; }*/
    .header-blocks .col-lg-3 div img.img-categoria{ width: 100%; }
    .header-blocks .ambiente{ background-color: #9FC65B; }
    .header-blocks .sistemi-di-gestione { background-color: #0063A6; }
    .header-blocks .sicurezza-igiene { background-color: #EB6909; }
    .header-blocks .formazione { background-color: #961834; }
    .header-blocks .categoria { font-size: 22px; text-align: center; color: white;  }
    .header-blocks .categoria p{ color: white; margin-top: 20px;}


    .ambiente .overlay{  background-color: #8fb44f;}
    .ambiente:hover .overlay{ opacity: 1; position: absolute; left: 15px; }
    .sistemi-di-gestione .overlay{ background-color: #055d98;}
    .sistemi-di-gestione:hover .overlay{ opacity: 1; position: absolute; left: 15px; }
    .sicurezza-igiene .overlay{ background-color: #d46411; }
    .sicurezza-igiene:hover .overlay{ opacity: 1; position: absolute; left: 15px; }
    .formazione .overlay{ background-color: #881e36;}
    .formazione:hover .overlay{ opacity: 1; position: absolute; left: 15px; }
    .col-lg-3 div.overlay { opacity: 0; position: absolute; top: 160px; left: 15px; transition: all 0.25s ease;
        bottom: 0; right: 15px; /*padding: 20px;*/ }
    .overlay ul li a { color: white; font-size: 16px; }


    .calendario-home {  }
    .calendario-home h3{ color: #A02645; }
    .calendario-home .data { /*padding-left: 30px;*/ }
    .calendario-home .data p span { font-size: 55px; }
    .calendario-home .data p { font-size: 35px; border: 1px solid #cccccc; line-height: 35px; padding: 10px; /*text-align: center;*/
        /*width: 90px;*/
    }
    .calendario-home .testo {  }
    .calendario-home .testo p { font-size: 14px; }
    .calendario-home .testo p span { font-size: 14px; /*color: #A02645;*/ font-weight: bold; }

    .calendario-interna {  }
    .calendario-interna h3{ color: white; font-weight: normal; }
    .calendario-interna .data { padding-left: 15px; }
    .calendario-interna .data p span { font-size: 30px; color: #A02645; }
    .calendario-interna .data p { font-size: 20px; border: 1px solid #cccccc; line-height: 20px; padding: 10px; /*text-align: center;
        width: 72px;*/
    }
    .calendario-interna .testo {  }
    .calendario-interna .testo p { font-size: 16px; }
    .calendario-interna .testo p span { font-size: 16px; color: #555555; font-weight: bold; } /*#A02645*/
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1500px) {
    ul.menu{ list-style: none; float: right; width: auto; }
    ul.menu li{ float: left; padding: 0 7px; }
    ul.menu li a{ font-weight: normal; font-size: 18px; letter-spacing: 0; height: 1em; line-height: 1em; }

    .menu-container .menu{ width: auto; text-align: justify; margin-bottom: 5px; right: 0; }

    .header-blocks{  }
    .header-blocks .col-lg-3 div.categoria{ /*height: 211px; padding: 25px 0;*/ }
    /*.header-blocks .col-lg-3 div{ height: 211px; }*/
    .header-blocks .col-lg-3 div img.img-categoria{ width: 100%; }
    .header-blocks .ambiente{ background-color: #9FC65B; }
    .header-blocks .sistemi-di-gestione { background-color: #0063A6; }
    .header-blocks .sicurezza-igiene { background-color: #EB6909; }
    .header-blocks .formazione { background-color: #961834; }
    .header-blocks .categoria { font-size: 35px; text-align: center; color: white; }
    .header-blocks .categoria p{ color: white; }


    .ambiente .overlay{  background-color: #8fb44f;}
    .ambiente:hover .overlay{ opacity: 1; position: absolute; left: 15px; }
    .sistemi-di-gestione .overlay{ background-color: #055d98;}
    .sistemi-di-gestione:hover .overlay{ opacity: 1; position: absolute; left: 15px; }
    .sicurezza-igiene .overlay{ background-color: #d46411; }
    .sicurezza-igiene:hover .overlay{ opacity: 1; position: absolute; left: 15px; }
    .formazione .overlay{ background-color: #881e36;}
    .formazione:hover .overlay{ opacity: 1; position: absolute; left: 15px; }
    .col-lg-3 div.overlay { font-size: 18px; opacity: 0; position: absolute;  top: 180px; left: 15px; transition: all 0.25s ease; bottom: 0; right: 15px; /*padding: 25px 0;*/ letter-spacing: 0; }
    .overlay ul { list-style: none; }
    .overlay ul li { list-style: none; letter-spacing: 0; }
    .overlay ul li a { color: white; }

    .calendario-home .data p { font-size: 35px; border: 1px solid #cccccc; line-height: 35px; padding: 10px; /*text-align: center;*/
        /*width: 112px;*/
    }
    .calendario-home {  }
    .calendario-home h3{ color: #A02645; }
    .calendario-home .data { /*padding-left: 30px;*/ }
    .calendario-home .data p span { font-size: 40px; }
    .calendario-home .data p { font-size: 20px; border: 1px solid #cccccc; line-height: 35px; padding: 10px; /*text-align: center;*/
        /*width: 112px;*/
    }

    .calendario-interna {  }
    .calendario-interna h3 { color: white; font-weight: normal; }
    .calendario-interna .data { /*padding-left: 15px;*/ }
    .calendario-interna .data p span { font-size: 30px; color: #A02645; }
    .calendario-interna .data p { font-size: 20px; border: 1px solid #cccccc; line-height: 20px; padding: 10px; /*text-align: center;
        width: 100px;*/
    }
    .calendario-interna .testo {  }
    .calendario-interna .testo p { font-size: 16px; }
    .calendario-interna .testo p span { font-size: 16px; color: #555555; font-weight: bold; } /*#A02645*/

}

@media only screen and (min-width : 1900px) {

    ul.menu {
        list-style: none;
        float: right;
        width: auto;
    }

    ul.menu li {
        float: left;
        padding: 0 10px;
    }

    ul.menu li {
        float: left;
        padding: 0 20px;
    }

    ul.menu li a {
        font-weight: normal;
        font-size: 18px;
    }
}

.maincontent {
    text-align: justify;
}

.overlay-interna a:hover {
    font-weight: bold;
}

div.overlay { padding: 20px; color: #ffffff; }
div.overlay p { color: #ffffff; }
div.overlay ul {}
div.overlay ul li { list-style: disc; color: white; }

texts li { list-style: none; }

.text2 { margin: 1.5em 0; padding: 0.5em; color: #ffffff; min-height: 165px; }
.text2 p, .text2 a { color: #ffffff; }
.text2 img { float: right; margin-left: 10px; border: 3px solid #ffffff; width: 150px; }

.ambiente h2{ color: #9FC65B; }
.ambiente .text2 { background-color: #9FC65B; }

.sicurezza-igiene h2{ color: #EB6909; }
.sicurezza-igiene .text2 { background-color: #EB6909; }

.sistemi-di-gestione h2{ color: #0063A6; }
.sistemi-di-gestione .text2 { background-color: #0063A6; }

.formazione h2{ color: #961834; }
.formazione .text2 { background-color: #961834; }

.ambiente .overlay-interna{  background-color: #8fb44f;}
.sistemi-di-gestione .overlay-interna{ background-color: #055d98;}
.sicurezza-igiene .overlay-interna{ background-color: #d46411; }
.formazione .overlay-interna{ background-color: #881e36;}

/* AGGIUNTE ALAIN */
/*.formazione-container{ background-color: #930A28; }*/
/*.formazione-container .title-white { margin: 1em 0; font-size: 3em; font-weight: 400; color: #ffffff; }*/
/*.formazione-container i { font-size: 70px; color: white; padding-top: 30px; }*/
/*.formazione-text { margin-top: 20px; }*/
/*.formazione-text .title-red { margin: 0.3em 0; font-size: 1.5em; font-weight: 400; }*/
/*.formazione-text div { margin-bottom: 1em; }*/

/*h2.title-green { margin: 1em 0 0.5em 0; font-size: 3em; font-weight: 400; }*/

/*.text li.active a { font-weight: 400; }*/

/*.maincontent { font-size: 15px; line-height: 1.8em; }*/
/*.maincontent ul, .maincontent ol { padding-left: 24px; }*/
/*.maincontent ul li, .maincontent ol li { }*/
/*.maincontent img { display: none; }*/
/*.maincontent .news-item img { display: block; }*/
/*.form-container { margin-top: 30px; }*/

/*.azienda .side-menu li { border-left-color: #000000; }*/
/*.servizi .side-menu li { border-left-color: #809828; }*/
/*.servizi .side-menu li.active a { font-weight: 600; }*/
/*.formazione .side-menu li { border-left-color: #930A28; }*/

/*.news-item.row { padding: 1em 0; border-bottom: 1px solid #e6e6e6; }*/
/*.news-item img { width: 90%; }*/

/*.row.corsi-item { margin-bottom:1.5em; padding: 1em 0; border-bottom: 0px solid #e6e6e6; }*/
/*.row.corsi-item h3 { margin-bottom: 0.5em; font-size: 20px; font-weight: 500  }*/
/*.corsi-item.row span { margin: 0; padding: 0; display: inline-block; }*/
/*.corsi-item.row .tipologia { margin-bottom: 0.5em; padding: 0.3em; color: #ffffff; background-color: #930A28; }*/
/*.corsi-item.row .info { margin-right: 5px; padding: 0.3em; color: #ffffff; border: 1px solid #787471; color: #787471 !*background-color: #787471;*! }*/
/*.corsi-item.row .tipo { margin-right: 5px; padding: 0.3em; color: #555555; border: 1px solid #cccccc; background-color: #cccccc; }*/

/*footer a, footer a:hover { color: #ffffff; }*/

/*form { }*/
/*form label {*/
/*display: inline-block;*/
/*width: 200px;*/
/*}*/
/*form #form-advanced-particpants label {*/
/*display: block;*/
/*width: auto;*/
/*margin-top: 10px;*/
/*}*/
/*form label.required {*/
/*!*font-weight: normal;*! color: black;*/
/*}*/
/*form input, form select, form textarea { padding: 2px 4px; }*/
/*form .newline {*/
/*display: block;*/
/*margin-top: 0.5em;*/
/*}*/
/*form .inline {*/
/*margin: 5px 0;*/
/*display: inline-block;*/
/*}*/
/*#form-advanced-particpants .inline {*/
/*margin: 5px 5px;*/
/*}*/
/*button, a.button, input[type=submit] {*/
/*padding: 10px 20px;*/
/*-webkit-border-radius: 2px 2px;*/
/*background: #e2001a; !* Old browsers *!*/
/*background: -moz-linear-gradient(top,  #961a2d 0%, #961a2d 100%); !* FF3.6+ *!*/
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#961a2d), color-stop(100%,#961a2d)); !* Chrome,Safari4+ *!*/
/*background: -webkit-linear-gradient(top,  #961a2d 0%,#961a2d 100%); !* Chrome10+,Safari5.1+ *!*/
/*background: -o-linear-gradient(top,  #961a2d 0%,#961a2d 100%); !* Opera 11.10+ *!*/
/*background: -ms-linear-gradient(top,  #961a2d 0%,#961a2d 100%); !* IE10+ *!*/
/*background: linear-gradient(top,  #961a2d 0%,#961a2d 100%); !* W3C *!*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#961a2d', endColorstr='#961a2d',GradientType=0 ); !* IE6-9 *!*/
/*color: #fff;*/
/*cursor: pointer;*/
/*display: inline-block;*/
/*text-align: center;*/
/*font-family: 'Lato', sans-serif; font-size: 11px; font-weight: bold;*/
/*text-decoration: none; text-transform: uppercase;*/
/*line-height: 0.8;*/
/*border: solid 0px rgb(153, 153, 153);*/
/*}*/
/*div.participant {*/
/*margin: 0 0 5px 0; padding: 0 0 10px 0;*/
/*background-color: #F4F4F4;*/
/*}*/
/*div.participant.dispari {*/
/*background-color: white;*/
/*}*/

/*a.button2 {*/
/*margin: 10px 5px 5px 0; padding: 10px;*/
/*-webkit-border-radius: 2px 2px;*/
/*background: #CCC; !* Old browsers *!*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#961a2d', endColorstr='#961a2d',GradientType=0 ); !* IE6-9 *!*/
/*color: white;*/
/*cursor: pointer;*/
/*display: inline-block;*/
/*text-align: center;*/
/*font-family: 'Lato', sans-serif; font-size: 11px; font-weight: bold;*/
/*text-decoration: none; text-transform: uppercase;*/
/*line-height: 0.8;*/
/*border: solid 0px rgb(153, 153, 153);*/
/*}*/

/*a.button2.add {*/
/*background-color: #769b1a;*/
/*}*/
/*a.button2.remove {*/
/*background-color: #ab0708;*/
/*}*/

/*#form-corsi select { margin: 0; height: 30px; }*/


/*h5 {*/
/*display: block;*/
/*margin: 20px 0 10px 0; padding: 5px;*/
/*width: auto;*/
/*line-height: 20px;*/
/*font-size: 16px; font-weight: bold; color: white;*/
/*background-color: #87a72d;*/
/*}*/


form {

}
form label {
    display: inline-block;
    width: 200px;
    margin-top: 20px;
    /*font-size: 12px;
    font-weight: bold;*/
}
#form-iscrizione  {
    margin-top: 2em;
}
#form-iscrizione h1 {
    padding: 0.3em;
}
form#form-corsi input[type=text], form#form-corsi select {
    font-size: 15px;
    height: 28px;
}
form#form-corsi h2 {
    padding: 0.2em;
    background-color: #f4f4f4;
}
form #form-advanced-particpants label {
    display: block;
    width: auto;
    margin-top: 10px;
    font-size: 12px;
}
form label.required {
    font-weight: normal; color: black;
}
form input, form select, form textarea {
    padding: 2px 4px;
    /*font-size: 11px;*/
    border: 1px solid #CCC;
}
form .newline {
    display: block;
    clear: both;
}
form .inline {
    display: inline-block;
}
button, a.button, input[type=submit] {
    padding: 10px 20px;
    -webkit-border-radius: 2px 2px;
    background: #e2001a; /* Old browsers */
    background: -moz-linear-gradient(top,  #961a2d 0%, #961a2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#961a2d), color-stop(100%,#961a2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #961a2d 0%,#961a2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #961a2d 0%,#961a2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #961a2d 0%,#961a2d 100%); /* IE10+ */
    background: linear-gradient(top,  #961a2d 0%,#961a2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#961a2d', endColorstr='#961a2d',GradientType=0 ); /* IE6-9 */
    color: #fff;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    /*font-family: 'Lato', sans-serif; font-size: 11px; font-weight: bold;*/
    text-decoration: none; text-transform: uppercase;
    line-height: 0.8;
    border: solid 0px rgb(153, 153, 153);
}
div.participant {
    margin: 0 0 5px 0; padding-bottom: 10px; /*padding: 0 0 10px 0;*/
    background-color: #F9F9F9;
}
div.participant.dispari {
    background-color: #F9F9F9;
}

a.button2 {
    margin: 10px 5px 5px 0; padding: 10px;
    -webkit-border-radius: 2px 2px;
    background: #CCC; /* Old browsers */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#961a2d', endColorstr='#961a2d',GradientType=0 ); /* IE6-9 */
    color: white;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    /*font-family: 'Lato', sans-serif; font-size: 11px; font-weight: bold;*/
    text-decoration: none; text-transform: uppercase;
    line-height: 0.8;
    border: solid 0px rgb(153, 153, 153);
}

a.button2.add {
    background-color: #769b1a;
}
a.button2.remove {
    background-color: #ab0708;
}


a.btn-red {
    display: inline-block;
    margin: 0.5em 0;
    padding: 10px;
    background-color: #961a2d;
    color: white;
    font-size: 17px;
    font-weight: 500
}

.tag {
    padding: 5px 10px;
    color: #ffffff;
    background-color: #A02645;
}

.news h1, .blog h1 {
    margin-top: 5px;
}
.news h2, .news h2.sottotitolo, .blog h2, .blog h2.sottotitolo {
    margin-top: 2.5rem;
    margin-bottom: 1.2rem;
    font-size: 1.7em;
}
.news h3, .blog h3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 1.3em;
}

.topmenu {
    position: absolute;
    top: 10px;
    right: 30px;
    padding: 2px 9px;
    z-index: 1;
    color: #6d6d6d;
    background: #f4f4f4;
}
.topmenu a {
    padding: 2px 5px;
    font-size: 13px;
    text-transform: initial;
    color: #989898 !important;
}

.bg-grey-light {
    background-color: #ebebeb;
}
.bg-red {
    color: white;
    background-color: #a02645 !important;
}
.bg-red a {
    color: white;
}
h3 a {
    display: block;
}

.cotainer-overlay p, .cotainer-overlay li {
    font-size: 15px!important;
    line-height: 1.3;
}

.share-icons {
    margin-top: 20px;
    padding: 10px;
    background-color: #f4f4f4;
}

.search-form-container {
    margin-top: 20px;
    padding: 10px;
    background-color: #f8f8f8;
}


.search-results {
    margin: 2rem 0;
    padding: 1rem 0;
}
.search-results div {
    padding-left: 0;
    padding-right: 0;
}
.page-container {
    padding: 2rem 0;
    border-top: 1px solid #cccccc;
}
.page-btn {
    margin-right: 1rem;
    padding: 0.7rem 1rem;
    border: 1px solid #555555;
    background-color: #555555;
}
.page-btn, .page-btn:hover {
    color: white;
}
.page-btn.active {
    background-color: #a8c550;
}

.referenze-container {

}
.referenze-container h2, .banners-container h2 {
    font-size: 4rem!important;
    margin: 0 0 3rem 0;
    color: black!important;
}
.referenze-container h3, .banners-container h3 {
    font-size: 3.6rem!important;
    margin: 0 0 3rem 0;
}
.page-58 .maincontent {
    text-align: center;
}
.referenze-container img, .page-58 .maincontent img {
    margin: 2rem 1rem;
    /*-webkit-filter: grayscale(100%);*/
    /*-moz-filter: grayscale(100%);*/
    /*-o-filter: grayscale(100%);*/
    /*-ms-filter: grayscale(100%);*/
    /*filter: grayscale(100%);*/
    /*opacity: 0.5;*/
    /*filter: alpha(opacity=50); !* msie *!*/
    /*transition: 0.5s;*/
}
.referenze-container img:hover, .page-58 .maincontent img:hover {
    /*cursor: pointer;*/
    /*-webkit-filter: grayscale(0%);*/
    /*-moz-filter: grayscale(0%);*/
    /*-o-filter: grayscale(0%);*/
    /*-ms-filter: grayscale(0%);*/
    /*filter: grayscale(0%);*/
    /*opacity: 1;*/
    /*filter: alpha(opacity=100); !* msie *!*/
}

.page-58 .maincontent table tr td {
    color: #555555 !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 2.3rem !important;
}

.referenze-container, .banners-container {
    padding-top: 4em;
    padding-bottom: 3em;
}
.banners-container {
    background-color: #f4f4f4;
}
.banners-container img {
    height: auto!important;
}


.blog .blog-center-col {
    padding-right: 60px;
}
.blog-latest-interna {
    font-size: 0.85em;
    line-height: 1.5;
}
@media only screen and (max-width : 576px) {
    .referenze-container img, .page-58 .maincontent img  {
        margin: 1rem 0.5rem;
        max-width: 40%;
        height: auto !important;
    }
    .blog .blog-center-col {
        padding-right: initial !important;
    }
}

@media print {

    @page
    {
        size: auto;   /* auto is the initial value */

        /* this affects the margin in the printer settings */
        margin: 10mm 10mm 10mm 10mm;
    }

    body
    {
        /* this affects the margin on the content before sending to printer */
        margin: 0px;
    }

    a[href]:after {
        content: none !important;
    }

    .img-header-page-interna {
        display: none;
    }
    .col-lg-2.col-xs-12.col-md-3 {
        display: none;
    }
    .blog-center-col {
        width: 100%;
    }
    .blog-center-col img {
        width: 100%!important;
        height: auto!important;
        display: block!important;
        margin-top: 15px!important;
        margin-bottom: 15px!important;
        margin-left: 0!important;
        margin-right: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .menu-container, .cd-nav {
        display: none;
    }
    .container-info-interna {
        display: none;
    }

    footer {
        display: none;
        font-size: 1.2rem;
    }

    .noprint {
        display: none;
    }

    .print-date {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .logo {
        margin-bottom: 20px;
    }
    .logo img {
        width: 6cm!important;
    }
}