/*
* INVITALIA - Sito Istituzionale
* www.invitalia.it
* Copyright 2015, Ariadne
* Author: Davide Pillitteri
* 02/03/2015
*/

/* Table of Contents
==================================================
#Font & Reset CSS
#Desktop
#Tablet (Portrait)
#Mobile (Portrait)
#Mobile (Landscape) */

/* #Font & Reset CSS
================================================== */
@font-face {
    font-family: 'DINLight';
    src: url('./Fonts/DINLight-webfont.eot');
    src: url('./Fonts/DINLight-webfont.eot?#iefix') format('embedded-opentype'), url('./Fonts/DINLight-webfont.woff2') format('woff2'), url('./Fonts/DINLight-webfont.woff') format('woff'), url('./Fonts/DINLight-webfont.ttf') format('truetype'), url('./Fonts/DINLight-webfont.svg#DINLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINMedium';
    src: url('./Fonts/DINMedium-webfont.eot');
    src: url('./Fonts/DINMedium-webfont.eot?#iefix') format('embedded-opentype'), url('./Fonts/DINMedium-webfont.woff2') format('woff2'), url('./Fonts/DINMedium-webfont.woff') format('woff'), url('./Fonts/DINMedium-webfont.ttf') format('truetype'), url('./Fonts/DINMedium-webfont.svg#DINMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINRegular';
    src: url('./Fonts/DINRegular-webfont.eot');
    src: url('./Fonts/DINRegular-webfont.eot?#iefix') format('embedded-opentype'), url('./Fonts/DINRegular-webfont.woff2') format('woff2'), url('./Fonts/DINRegular-webfont.woff') format('woff'), url('./Fonts/DINRegular-webfont.ttf') format('truetype'), url('./Fonts/DINRegular-webfont.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    audio:not([controls]) {
        display: none;
    }

[hidden] {
    display: none;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    max-width: 100%;
}

form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

time {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
}

legend {
    font-family: 'DINLight';
    font-size: 14px;
    font-size: 1.4rem;
}

label {
    cursor: pointer;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

*::selection {
    color: #fff;
    background-color: #a0a5a8;
}

*::-moz-selection {
    color: #fff;
    background-color: #a0a5a8;
}

h1::selection, h1 a::selection, h2::selection, h2 a::selection, h3::selection, h3 a::selection,
h4::selection, h4 a::selection, h5::selection, h5 a::selection, h6::selection, h6 a::selection {
}

h1::-moz-selection, h1 a::-moz-selection, h2::-moz-selection, h2 a::-moz-selection, h3::-moz-selection, h3 a::-moz-selection,
h4::-moz-selection, h4 a::-moz-selection, h5::-moz-selection, h5 a::-moz-selection, h6::-moz-selection, h6 a::-moz-selection {
}

a::selection {
}

a::-moz-selection {
}

html {
    font-size: 62.5%;
}

    html.no-touch {
        min-width: 320px;
    }

body {
    font-family: 'DINLight';
    font-size: 18px;
    font-size: 1.8rem;
    color: #58585a;
    background: #808080;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
    font-family: 'DINRegular';
    font-weight: bold;
    color: #454545;
    margin-bottom: 6px;
}

    h1, h1 a {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 30px;
    }

    h2, h2 a {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 28px;
    }

    h3, h3 a {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 27px;
    }

    h4, h4 a {
        font-size: 20px;
        font-size: 2.0rem;
        line-height: 26px;
    }

    h5, h5 a {
        font-size: 19px;
        font-size: 1.9rem;
        line-height: 25px;
    }

    h6, h6 a {
        font-size: 18px;
        font-size: 1.8rem; /*20180514 - Alberto consolidato CSS con quello presente in Ariadne*/
        line-height: 24px;
    }

p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    color: #58585A;
    margin-bottom: 10px;
}

a {
    font-size: 18px;
    font-size: 1.8rem;
    color: #58585A;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

strong {
    font-family: 'DINRegular';
    font-weight: bold;
}

ul, ol {
    margin: 10px 0 10px 40px;
}

    ol li {
        line-height: 24px;
        margin: 7px 0;
    }

nav ul, nav ol {
    margin: 0;
}

.hide {
    display: none !important;
}

.clear {
    clear: both;
    height: 0;
    font-size: 1px;
    overflow: hidden;
}

.clearing {
    overflow: hidden;
    width: auto;
    height: auto;
}

#main .continue {
    font-family: 'DINMedium';
    font-size: 20px;
    font-size: 2.0rem;
    color: #454545;
    text-decoration: none;
}

    #main .continue:hover {
        color: #d10010;
        text-decoration: none;
    }

/* #Sito Inglese (pagina informativa)
================================================== */
.eng-site body {
    background-color: #fff;
}

.eng-site .logo-en {
    margin: 30px 0;
}

.eng-site .construction {
    font-family: 'DINLight';
    font-size: 40px;
    font-size: 4.0rem;
    text-transform: uppercase;
    background-color: #f0f0f0;
    padding: 20px 0;
    margin-bottom: 30px;
}

.eng-site .construction-text {
    font-family: 'DINLight';
    font-size: 15px;
    font-size: 1.5rem;
    margin-right: 150px;
}

    .eng-site .construction-text p, .eng-site .construction-text a {
        font-family: 'DINLight';
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 21px;
    }

    .eng-site .construction-text a {
        color: #B80000;
    }

.eng-site .construction img {
    float: right;
    margin-right: 150px;
}

.eng-site .construction span {
    display: inline-block;
    margin-top: 20px;
}


/* #Desktop
================================================== */
#wrapper {
    max-width: 1190px;
    background-color: #FFF;
    padding-top: 55px;
    margin: 0 auto;
}

.container {
    width: 890px;
    margin: 0 auto;
}
/* HEADER */
/* menu mobile */
#menu-mobile {
    display: none;
}
/* menu istituzionale */
#menu-top {
    float: right;
    text-align: right;
    text-transform: lowercase;
    margin-top: 1px;
}

    #menu-top ul {
        float: right;
    }

        #menu-top ul li {
            display: inline-block;
            border-right: solid 1px #58585a;
            padding-right: 8px; /*20180514 - Alberto consolidato CSS con quello presente in Ariadne - risolve problema menu header che va a caporiga*/
            margin-right: 3px; /*20180514 - Alberto consolidato CSS con quello presente in Ariadne - risolve problema menu header che va a caporiga*/
        }

            #menu-top ul li.en {
                text-transform: uppercase;
                border-right: 0;
                padding-right: 0;
                margin-right: 0;
            }

            #menu-top ul li a {
                font-size: 14px;
                font-size: 1.4rem;
                border-bottom: solid 2px #fff;
            }

                #menu-top ul li a:hover, #menu-top ul li a.active {
                    text-decoration: none;
                    border-bottom: solid 2px #cb0000;
                }
/* form ricerca nel sito */
#search {
    float: right;
    margin-left: 20px;
    margin-bottom:10px;
}

    #search .text,
    #search-404 .text {
        float: left;
        font-family: 'DINLight';
        font-size: 14px;
        font-size: 1.4rem;
        color: #58585a;
        border: solid 1px #e0e0e0;
        box-shadow: 0 1px 2px 0 #e0e0e0;
        padding: 2px 5px;
        margin-right: 7px;
    }

        #search .text:focus,
        #search-404 .text:focus {
            border: solid 1px #cbcbcb;
            box-shadow: 0 1px 2px 0 #cbcbcb;
        }
/* logo + pay-off */
#logo {
    float: left;
    margin-top: 31px;
    margin-left: -55px;
    margin-right: 0;
    margin-bottom: 43px;
}

    #logo a {
        display: inline-block;
    }

#pay-off {
    float: right;
    width: 150px;
    font-family: 'DINRegular';
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 23px;
    color: #999;
    text-transform: uppercase;
    text-align: right;
    margin-top: 42px;
}

    #pay-off span {
        float: right;
        display: block;
        width: 104px;
        height: 0;
        border-top: solid 2px #999;
    }

    #pay-off div {
        float: right;
        padding: 10px 0 6px 0;
    }
/* italia creativa */
#logo-header-it-creativa a {
    display: block;
    float: right;
    margin-left: 60px;
}
/* menu principale */
#menu-website-mobile {
    display: none;
}

#menu-website-desktop li.utility {
    display: none;
}

#menu-website-desktop li.nav-mobile {
    display: none;
}

#menu-website-desktop .navigation {
    float: left;
    width: 96%;
    padding-left: 4%;
    margin-bottom: 20px;
}

.navigation li.first-level {
    position: relative;
    display: inline;
    float: left;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
    margin-left: 50px;
    margin-right: 6px;
}

    html.no-touch .navigation li.first-level.has-dropdown:hover,
    .navigation li.first-level.has-dropdown.hover {
        border-color: #d2d2d2;
        border-color: #d2d2d2;
    }

    .navigation li.first-level a.nav-link.disable-link {
        cursor: context-menu;
    }

    .navigation li.first-level a.nav-link {
        display: block;
        height: 51px;
        font-family: 'DINRegular';
        color: #000010;
        text-transform: uppercase;
        background-color: #fff;
        padding: 10px 28px 6px 31px;
    }

    .navigation li.first-level a.idpage-19000011 {
        width: 52px;
    }

    .navigation li.first-level a.idpage-19003632 {
        /*width: 84px;*/
        width: 180px;
    }

    .navigation li.first-level a.idpage-19003633 {
        width: 95px;
    }

    .navigation li.first-level:hover a.nav-link,
    .navigation li.first-level.hover a.nav-link {
        position: relative;
        z-index: 30;
    }

    .navigation li.first-level a.nav-link span {
        display: block;
        height: 3px;
        background-color: #fff;
        margin-top: 10px;
    }

    .navigation li.first-level a.nav-link:hover,
    .navigation li.first-level.hover a.nav-link,
    .navigation li.first-level a.nav-link.active {
        text-decoration: none;
    }

        html.no-touch .navigation li.first-level a.nav-link:hover span,
        .navigation li.first-level.hover a.nav-link span,
        .navigation li.first-level a.nav-link.active span {
            background-color: #cb0000;
        }
/* menu principale: secondo livello */
.navigation .large-menu {
    display: none;
    position: absolute;
    top: 55px;
    left: -1px;
    z-index: 20;
    width: 470px;
    background-color: #fff;
    border: solid 1px #d2d2d2;
    box-shadow: 0 3px 3px 0 #cfcfcf;
    padding: 40px 0 7px 40px;
}

.navigation .nav-1 .large-menu {
    left: -110px;
}

.navigation .nav-2 .large-menu {
    left: -340px;
}

.navigation .nav-3 .large-menu {
    left: -39px;
}

.navigation .large-menu.num-cols-1 {
    width: 188px; /* .column ((150+36) * 1) + 2 */
    left: -1px;
}

.navigation .large-menu.num-cols-2 {
    width: 374px; /* .column ((150+36) * 2) + 2 */
}

.navigation .large-menu.num-cols-3 {
    width: 560px; /* .column ((150+36) * 3) + 2 */
}

.navigation .large-menu.num-cols-4 {
    width: 746px; /* .column ((150+36) * 4) + 2 */
}

.navigation .large-menu.num-cols-5 {
    width: 930px; /* .column ((150+36) * 5) + 2 */
}

.navigation .large-menu .column {
    float: left;
    width: 150px;
    margin-right: 36px;
}

    .navigation .large-menu .column ul {
        margin-bottom: 30px;
    }

        .navigation .large-menu .column ul li {
            margin-bottom: 10px;
        }

            .navigation .large-menu .column ul li a {
                font-size: 16px;
                font-size: 1.6rem;
                color: #111;
            }

                .navigation .large-menu .column ul li a.aggregatori {
                    text-transform: uppercase;
                }

    .navigation .large-menu .column a:hover,
    .navigation .large-menu .column a.active {
        color: #d10010;
        text-decoration: none;
    }

    .navigation .large-menu .column a.active {
        font-weight: bold;
    }
    /* menu principale: terzo livello */
    .navigation .large-menu .column ul li ul {
        margin-top: 8px;
    }

        .navigation .large-menu .column ul li ul li.third-level {
            display: none;
        }

        .navigation .large-menu .column ul li ul.third-level li a {
            color: #666;
        }

            .navigation .large-menu .column ul li ul.third-level li a:hover,
            .navigation .large-menu .column ul li ul.third-level li a.active {
                color: #d10010;
            }

/* BREADCRUMB */
#breadcrumb {
    margin-bottom: 20px;
}

    #breadcrumb ol {
        margin: 0;
    }

        #breadcrumb ol li {
            list-style-type: none;
            float: left;
            display: inline;
            font-size: 16px;
            font-size: 1.6rem;
            background: url('Images/bg-breadcrumb-page.png') no-repeat left 8px;
            padding-left: 15px;
            margin-left: 5px;
        }

            #breadcrumb ol li:first-child {
                background: none;
                padding-left: 0;
                margin-left: 0;
            }

            #breadcrumb ol li a {
                font-size: 16px;
                font-size: 1.6rem;
            }

/* HOMEPAGE */
#main .colleft a {
    text-decoration: underline;
}

    #main .colleft a.continue {
        text-decoration: none;
        display: block;
        float: right;
    }

    #main .colleft a:hover {
        color: #cb0000;
        text-decoration: none;
    }
/* sezione fotografie */
#photo-home {
    margin-bottom: 35px;
}

    #photo-home ul {
        margin: 0;
    }

        #photo-home ul li {
            position: relative;
            float: left;
            list-style-type: none;
        }

            #photo-home ul li#pos1 {
                width: 542px;
                margin-bottom: 17px;
            }

            #photo-home ul li#pos2 {
                width: 332px;
                float: right;
            }

            #photo-home ul li#pos3 {
                width: 264px;
                margin-right: 13px;
            }

            #photo-home ul li#pos4 {
                width: 264px;
            }

            #photo-home ul li img {
                width: 100%;
            }

            #photo-home ul li a {
                display: block;
            }

    #photo-home .title-photo {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100px;
        font-size: 26px;
        font-size: 2.6rem;
        color: #fff;
        background: url("Images/bg-title-photo.png") repeat top left;
        padding-top: 20px;
    }

        #photo-home .title-photo span {
            display: block;
            padding-left: 20px;
        }

        #photo-home .title-photo strong {
            display: block;
            text-transform: uppercase;
            margin-bottom: 5px;
        }

        #photo-home .title-photo p {
            font-size: 26px;
            font-size: 2.6rem;
            color: #fff;
            margin-bottom: 0;
        }
/* varianti rilancio bagnoli */
.rilancio-bagnoli #photo-home ul li#pos3 {
    width: 542px;
    margin-right: 0;
}

    .rilancio-bagnoli #photo-home ul li#pos1 img, .rilancio-bagnoli #photo-home ul li#pos3 img {
        height: 203px;
    }

.rilancio-bagnoli #photo-home .link-news-bagnoli {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 86%;
    font-size: 26px;
    font-size: 2.6rem;
    color: #fff;
    text-transform: uppercase;
    padding: 30px 7% 50px 7%;
}

    .rilancio-bagnoli #photo-home .link-news-bagnoli a {
        display: inline-block;
        font-size: 26px;
        font-size: 2.6rem;
        color: #fff;
    }

.rilancio-bagnoli .box-sezioni-bagnoli {
    margin-bottom: 40px;
}

    .rilancio-bagnoli .box-sezioni-bagnoli .box {
        float: left;
        width: 226px;
        background-color: #f1f1f1;
        margin-right: 15px;
    }

        .rilancio-bagnoli .box-sezioni-bagnoli .box.last {
            margin-right: 0;
        }

        .rilancio-bagnoli .box-sezioni-bagnoli .box a, .box-sezioni-bagnoli .box a:hover {
            text-decoration: none;
        }

        .rilancio-bagnoli .box-sezioni-bagnoli .box .img-article {
            width: 100%;
            margin: 5px 0 10px 0;
        }

.rilancio-bagnoli #parla-con-noi {
    margin-bottom: 70px;
}

    .rilancio-bagnoli #parla-con-noi span {
        float: left;
        width: 25%;
        line-height: 28px;
    }

    .rilancio-bagnoli #parla-con-noi h2 {
        margin-bottom: 0;
    }

    .rilancio-bagnoli #parla-con-noi .ico-twitter {
        display: inline-block;
        margin-top: -10px;
    }
/* carosello gallery */
#gallery {
    position: relative;
    margin-bottom: 44px;
}

    #gallery .item {
        text-align: center;
        margin: 20px;
    }

        #gallery .item img {
            max-width: 220px;
            margin-bottom: 10px;
        }

        #gallery .item a {
            display: inline-block;
            font-family: 'DINRegular';
            font-size: 27px;
            font-size: 2.7rem;
            color: #58585a;
        }

            #gallery .item a:hover {
                text-decoration: none;
                color: #cb0000;
            }

            #gallery .item a span {
                display: block;
                padding: 0 5px;
            }
    /* navigazione arrow */
    #gallery.owl-theme .owl-controls {
        width: 100%;
    }

html.no-touch #gallery.owl-theme .owl-controls {
    visibility: hidden;
}

html.no-touch #gallery.owl-theme:hover .owl-controls {
    visibility: visible;
}

#gallery.owl-theme .owl-controls .owl-buttons div {
    text-indent: -9999em;
}

#gallery.owl-theme .owl-controls .owl-prev, #gallery.owl-theme .owl-controls .owl-next {
    position: absolute;
    top: 26%;
    left: 0;
    background: url("Images/bg-slider-prev.png") no-repeat center #eee;
}

#gallery.owl-theme .owl-controls .owl-next {
    left: auto;
    right: 0;
    background-image: url("Images/bg-slider-next.png");
}
/* box notizie e storie */
#storie {
    position: relative;
    margin-bottom: 20px;
}

#notizie {
    margin-bottom: 70px;
}

    #notizie article, #storie article {
        position: relative;
    }

        #notizie article .continue, #storie article .continue, #storie .continue.all {
            position: absolute;
            bottom: 20px;
        }

    #notizie .small, #storie .small {
        float: left;
        width: 190px;
        background-color: #f1f1f1;
        padding: 36px 39px 0 28px;
        margin-right: 13px;
    }

#storie h3, #storie h3 a {
    font-family: "DINRegular";
    font-size: 18px;
    font-size: 1.8rem;
    color: #58585a;
    font-weight: bold;
    text-decoration: none;
}

    #storie h3 a:hover {
        color: #cb0000;
    }

#main #twitter * {
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
}

#twitter.small {
    width: 206px;
    height: 293px;
    line-height: 24px;
    background-color: #14a6c3;
    padding: 25px 25px 0 25px;
}

#twitter .ico-twitter {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
}

#main #twitter .ico-twitter i, .ico-twitter i {
    font-size: 35px;
    font-size: 3.5rem;
}

#main #twitter .text {
    padding-left: 9px;
}

#main .evidenza a {
    color: #454545;
}

.evidenza.dobble-art article {
    float: left;
    width: 620px;
    background-color: #f1f1f1;
}

.evidenza.single-art article {
    background-color: #f1f1f1;
}

.evidenza article figure, .evidenza article .movie {
    position: relative;
    float: left;
    width: 277px; /* height: 318px; */
}

.evidenza.single-art article figure,
.evidenza.single-art article .movie {
    width: 543px; /* height: 316px; */
}

.evidenza article figure figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    font-family: 'DINMedium';
    font-size: 28px;
    font-size: 2.8rem;
    color: #fff;
    text-transform: uppercase;
    background: url("Images/bg-title-photo.png") repeat;
    padding-top: 26px;
}

    .evidenza article figure figcaption span {
        display: inline-block;
        padding-left: 30px;
    }

#main .evidenza article figure figcaption a {
    font-family: 'DINMedium';
    font-size: 28px;
    font-size: 2.8rem;
    color: #fff;
}

.evidenza article .news.only-text,
.evidenza.single-art article .news.only-text {
    /* caso in cui non abbia l'immagine */
    padding: 25px 25px 70px 25px;
}

.evidenza article .news {
    padding: 25px 25px 45px 305px;
}

.evidenza.single-art article .news {
    padding: 25px 25px 45px 570px;
}

.evidenza article .news time {
    display: block;
    font-family: 'DINRegular';
    margin-bottom: 15px;
}

.evidenza article .news h1, .evidenza article .news h1 a {
    font-weight: normal;
}
/* articolo immagine banner */
.articolo-banner {
    margin-bottom: 23px;
}

    .articolo-banner a {
        display: block;
    }
/* articoli box rilancio Bagnoli */
.subcategory-notizie {
    margin-bottom: 30px;
}

    .subcategory-notizie .categoria-notizia {
        position: relative;
        float: left;
        width: 430px;
        margin-right: 30px;
        margin-bottom: 30px;
    }

        .subcategory-notizie .categoria-notizia.last {
            margin-right: 0;
        }

        .subcategory-notizie .categoria-notizia .category-name {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            font-weight: bold;
            text-transform: uppercase;
            padding: 20px 0;
        }

            .subcategory-notizie .categoria-notizia .category-name a {
                display: inline-block;
                font-size: 38px;
                font-size: 3.8rem;
                line-height: 38px;
                color: #fff;
                margin-left: 20px;
            }

        .subcategory-notizie .categoria-notizia img {
            width: 100%;
        }

        .subcategory-notizie .categoria-notizia .title-article {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100px;
            background: url("Images/bg-title-photo.png") repeat left top;
            font-size: 26px;
            font-size: 2.6rem;
            color: #fff;
            font-weight: bold;
            padding-top: 20px;
        }

            .subcategory-notizie .categoria-notizia .title-article a {
                font-size: 26px;
                font-size: 2.6rem;
                font-weight: bold;
                color: #fff;
            }

            .subcategory-notizie .categoria-notizia .title-article span {
                display: block;
                padding-left: 20px;
                padding-right: 20px;
            }

/* i numeri di invitalia */
.img-banner-hp {
    text-align: center;
    margin-top: 65px;
    margin-bottom: 80px;
}

    .img-banner-hp img {
        width: 100%;
    }

/* i numeri di invitalia */
#our-numbers {
    margin-bottom: 45px;
}

    #our-numbers .single-number {
        display: block;
        float: left;
        width: 165px;
        color: #58585a;
        text-align: center;
        margin-left: 27px;
        margin-right: 27px;
        margin-bottom: 20px;
    }

.single-number span {
    display: block;
}

.single-number .number {
    font-size: 50px;
    font-size: 5.0rem;
    color: #576073;
}

    .single-number .number .unita {
        display: inline;
        font-size: 35px;
        font-size: 3.5rem;
    }

.single-number .descr-number {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

.single-number .update-number {
    font-size: 10px;
    font-size: 1.0rem;
    margin-top: 10px;
}

.update-number-generic {
    display: block;
    font-size: 10px;
    font-size: 1.0rem;
    text-align: center;
    margin-top: 10px;
}

.our-numbers-link {
    display: block;
    padding: 30px 0;
    text-align: center;
}

    .our-numbers-link:hover {
        background-color: #F1F1F1;
    }

div.our-numbers-link:hover {
    background-color: #FFF;
}

#our-numbers .link-label-article {
    font-size: 14px;
}
/* link iscrizione newsletter */
#main .iscrizione-newsletter {
    text-align: center;
    background-color: #b80000;
}

    #main .iscrizione-newsletter a {
        display: block;
        font-family: 'DINRegular';
        font-size: 28px;
        font-size: 2.8rem;
        font-weight: bold;
        color: #fff;
        padding-top: 14px;
        padding-bottom: 12px;
    }

/* FOOTER */
/* contatti e social button */
#social-contact {
    font-size: 16px;
    font-size: 1.6rem;
    color: #454545;
    background-color: #d7d7d7;
    padding-top: 40px;
    padding-bottom: 27px;
    border-bottom: solid 1px #fff0f5;
}

    #social-contact p, #social-contact a {
        font-size: 16px;
        font-size: 1.6rem;
        color: #454545;
    }

    #social-contact .contacts, #social-contact .scrivi {
        font-size: 21px;
        font-size: 2.1rem;
        text-transform: uppercase;
        margin-right: 40px;
    }

    #social-contact .telephone {
        margin-right: 30px;
    }

    #social-contact .ico {
        display: inline-block;
        font-size: 24px;
        font-size: 2.4rem;
        margin: 0 10px;
    }

    #social-contact .twitter {
        color: #21adeb;
    }

    #social-contact .linkedin {
        color: #157cb4;
    }

    #social-contact .social-media-policy {
        color: #576073;
        margin-left: 50px;
    }
/* shortcut sitemap */
#page-menu {
    font-size: 20px;
    font-size: 2.0rem;
    color: #454545;
    background-color: #d7d7d7;
    padding-top: 25px;
    padding-bottom: 60px;
}

    #page-menu nav {
        float: left;
        width: 240px;
    }

        #page-menu nav.blocco_1 {
            margin-left: 0;
        }

        #page-menu nav.blocco_2 {
            width: 280px;
            margin-left: 50px;
        }

        #page-menu nav.blocco_3 {
            margin-left: 70px;
        }

        #page-menu nav ul li a, #page-menu nav ul li span {
            font-size: 20px;
            font-size: 2.0rem;
            color: #454545;
        }

            #page-menu nav ul li a.section, #page-menu nav ul li span.section {
                text-transform: uppercase;
            }

        #page-menu nav ul li ul {
            margin-top: 15px;
        }

            #page-menu nav ul li ul li {
                margin-bottom: 10px;
            }

        #page-menu nav ul li a {
            font-size: 18px;
            font-size: 1.8rem;
        }

        #page-menu nav ul li ul li a.active {
            text-decoration: underline;
        }
/* informazioni legali */
#info-legali {
    font-family: Arial;
    font-size: 15px;
    font-size: 1.5rem;
    color: #edffff;
    background-color: #808080;
    padding-top: 30px;
    padding-bottom: 50px;
}

    #info-legali .info {
        float: left;
        margin-right: 55px;
    }

    #info-legali p, #info-legali a {
        font-family: Arial;
        font-size: 13px;
        font-size: 1.3rem;
        color: #edffff;
    }

    #info-legali nav {
        text-align: right;
    }

    #info-legali ul li {
        display: inline;
        margin-left: 10px;
    }

        #info-legali ul li:first-child {
            margin-left: 0;
        }
/* loghi italia creativa */
#loghi-it-creativa {
    background-color: #808080;
    padding-bottom: 30px;
}

    #loghi-it-creativa a {
        display: block;
        float: left;
        margin-right: 70px;
    }

/* AGGREGATORI E STRUMENTI */
.namepage {
    color: #000;
    margin-top: 30px;
    margin-bottom: 20px;
}

    .namepage h1 {
        color: #000;
        text-transform: uppercase;
    }

    .namepage p {
        font-size: 22px;
        font-size: 2.2rem;
        color: #000;
    }

    .namepage img {
        float: right;
        width: 160px;
    }

.box {
    background-color: #f1f1f1;
    padding: 25px 30px;
    margin-bottom: 23px;
}

    .box h2, .box h2 a {
        font-family: 'DINRegular';
        font-size: 21px;
        font-size: 2.1rem;
        font-weight: normal;
    }

    .box ul, .colleft ul {
        margin-left: 40px;
    }

        .box ul li, .colleft ul li {
            line-height: 24px;
            margin: 7px 0;
        }

    .box a {
        text-decoration: underline;
    }

        .box a:hover {
            color: #cb0000;
            text-decoration: none;
        }

.small .box time {
    margin-top: 10px;
}
/* colonna piccola */
.small {
    float: left;
    width: 320px;
    margin-right: 20px;
}

    .small figure {
        float: right;
        margin-top: -10px;
    }

    .small .box ul {
        margin-left: 0;
    }

        .small .box ul li {
            list-style-type: none;
            background: url("Images/bg-list-type-attivita.png") no-repeat left center;
            padding-left: 15px;
            margin-left: 5px 0;
        }
/* colonna 50% */
.normal {
    float: left;
    width: 435px;
    margin-right: 20px;
}

    .normal.last {
        margin-right: 0;
    }

    .normal figure {
        float: right;
        margin-top: -25px;
        margin-right: -30px;
        margin-bottom: -25px;
    }

    .normal .box .abstract {
        padding-right: 175px;
    }
/* colonna grande */
.large {
    padding-left: 340px;
}
    /* box piccoli interni */
    .large .boxchildlarge {
        float: left;
        width: 265px;
    }

        .large .boxchildlarge.pos1 {
            margin-right: 20px;
        }
/* box "risultati" */
#results {
    background-color: #2b7467;
    color: #fff;
    margin-bottom: 23px;
}

#strumenti #results {
    background-color: #5aab59;
}

#results figure {
    float: left;
    width: 320px;
}

#main #results * {
    color: #fff;
}

#main #results h2 span {
    display: inline-block;
    float: right;
    margin-right: 20px;
}

    #main #results h2 span a {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 18px;
        font-weight: normal;
        text-decoration: underline;
        margin-bottom: 0;
    }

        #main #results h2 span a:hover {
            text-decoration: none;
        }

#results .text {
    padding-top: 25px;
    padding-left: 30px;
    padding-bottom: 25px;
}

    #results .text.img {
        padding-left: 340px;
        padding-bottom: 0;
    }

#results .result {
    float: left;
    width: 28%;
    padding-right: 2%;
    margin-top: 20px;
    margin-left: 5%;
}

    #results .result.first {
        margin-left: 0;
    }

    #results .result .value {
        display: block;
        font-family: 'DINRegular';
        font-size: 35px;
        font-size: 3.5rem;
        margin-bottom: 20px;
    }

        #results .result .value span {
            font-size: 30px;
            font-size: 3.0rem;
        }

    #results .result .label {
        display: block;
        font-family: 'DINRegular';
        font-size: 20px;
        font-size: 2.0rem;
    }

    #results .result .update-number {
        display: inline-block;
        font-size: 10px;
        font-size: 1.0rem;
        margin-top: 5px;
    }
/* box "storie" */
article#storie figure {
    float: right;
    margin: -25px -30px;
}

article#storie {
    line-height: 24px;
}

    article#storie .storie {
        padding-bottom: 60px;
    }

    article#storie .abstract {
        padding-right: 270px;
    }
/* box "faq" */
#faq.box {
    color: #fff;
    background-color: #c5000f;
}

.colright #faq.box {
    margin-bottom: 0;
}

#main #faq.box * {
    color: #fff;
}
/* box "help" */
#help.box {
    color: #fff;
    background-color: #00a39e;
}

.colright #help.box {
    margin-bottom: 0;
}

#help ul {
    margin: 0;
}

    #help ul li {
        list-style-type: none;
        background: url("../images/bg-list-type-help.png") no-repeat left center;
        padding-left: 15px;
        margin: 5px 0;
    }

#main #help.box * {
    color: #fff;
}

#attivita ul {
    margin: 0;
}

    #attivita ul li {
        list-style-type: none;
        background: url("Images/bg-list-type-attivita.png") no-repeat left center;
        padding-left: 15px;
        margin: 5px 0;
    }
/* box "interessi" */
#interessi a {
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #53777a;
    border-radius: 10px;
    padding: 4px 10px 2px 10px;
    margin: 4px 2px 4px 0;
}

    #interessi a:hover {
        text-decoration: none;
    }
/* box "articoli correlati" */
#article-related {
    background-color: #b1e4d0;
}

    #article-related ul {
        list-style-type: none;
        margin: 0;
    }

        #article-related ul li {
            margin-bottom: 5px;
        }

            #article-related ul li a {
                font-family: 'DINMedium';
                font-size: 16px;
                font-size: 1.6rem;
                color: #454545;
            }

            #article-related ul li span {
                font-size: 13px;
                font-size: 1.3rem;
            }
/* box "tag" */
#tag.box {
    color: #fff;
    line-height: 24px;
    background-color: #40b067;
}

#main #tag * {
    color: #fff;
    text-decoration: none;
}
/* box notizie */
#notizia h3, #notizia h3 a {
    font-family: "DINRegular";
    font-size: 18px;
    font-size: 1.8rem;
    color: #58585a;
    font-weight: bold;
    text-decoration: none;
}

    #notizia h3 a:hover {
        color: #cb0000;
    }

/* PAGINA LISTA FAQ */
.single-faq {
    line-height: 24px;
    border-bottom: solid 1px #938e8f;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.question {
    font-family: 'DINMedium';
    cursor: pointer;
}

    .question:hover, .question.active {
        color: #cb0000;
    }

.answer {
    padding-top: 5px;
}

/* STRUMENTI */
.numart2 article {
    float: left;
    width: 47%;
    padding-right: 5%;
}

    .numart2 article.last {
        padding-right: 0;
    }

.numart3 article {
    float: left;
    width: 30%;
    padding-right: 5%;
}

    .numart3 article.last {
        padding-right: 0;
    }
/* metropolitana */
#underground {
    background-color: #f3ca4b;
    padding: 60px 25px 15px 25px;
    margin-bottom: 25px;
}

    #underground ul {
        float: left;
        width: 100%;
        border-top: solid 2px #fff;
        margin: 0;
    }

        #underground ul li {
            position: relative;
            display: block;
            float: left;
            width: 105px;
            height: 90px;
            font-family: Arial;
            font-size: 14px;
            font-size: 1.4rem;
            text-align: center;
            margin-top: -46px;
        }

        #underground ul.numStop9 li {
            width: 93px;
        }

        #underground ul.numStop8 li {
            width: 105px;
        }

        #underground ul.numStop7 li {
            width: 120px;
        }

        #underground ul.numStop6 li {
            width: 140px;
        }

        #underground ul.numStop5 li {
            width: 167px;
        }

        #underground ul.numStop4 li {
            width: 210px;
        }

        #underground ul.numStop3 li {
            width: 278px;
        }

        #underground ul li span {
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            z-index: 2;
            width: 12px;
            height: 10px;
            cursor: pointer;
            background-color: #fff;
            margin-top: -5px;
            margin-left: -6px;
        }

        #underground ul li a:hover + span, #underground ul li.active span {
            background-color: #423639;
        }

#main #underground ul li a {
    display: inline-block;
    position: relative;
    z-index: 3;
    font-family: Arial;
    font-size: 14px;
    font-size: 1.4rem;
    color: #423639;
    text-decoration: underline;
}

    #main #underground ul li a:hover {
        text-decoration: none;
    }

#underground ul li a.top {
    padding-bottom: 35px;
}

#underground ul li a.bottom {
    padding-top: 20px;
    margin-top: 35px;
}

/* DETTAGLIO STRUMENTI */
#dettaglio-strumento {
    background-color: #f1f1f1;
    margin-bottom: 20px;
}

.colleft {
    /*
	float: left;
	width: 490px;
	*/
    padding: 38px 40px;
}

#dettaglio-strumento.graficibox {
    background-color: #fff;
}

    #dettaglio-strumento.graficibox #our-numbers .risultati {
        padding: 0 0 20px 40px;
    }

        #dettaglio-strumento.graficibox #our-numbers .risultati h2 {
            font-family: 'DINLight';
            font-size: 27px;
            font-size: 2.7rem;
            margin-bottom: 15px;
        }

    #dettaglio-strumento.graficibox #our-numbers .numbers {
        margin-bottom: 20px;
    }

    #dettaglio-strumento.graficibox .colleft, #dettaglio-strumento.graficibox #our-numbers {
        float: none;
        width: auto;
        margin-bottom: 30px;
        background-color: #f1f1f1;
    }

    #dettaglio-strumento.graficibox #our-numbers {
        padding: 38px 0;
    }

        #dettaglio-strumento.graficibox #our-numbers .single-number {
            margin: 0 3%;
        }

        #dettaglio-strumento.graficibox #our-numbers .totnum_1 .single-number {
            width: 94%;
        }

        #dettaglio-strumento.graficibox #our-numbers .totnum_2 .single-number {
            width: 44%;
        }

        #dettaglio-strumento.graficibox #our-numbers .totnum_3 .single-number {
            width: 27%;
        }

        #dettaglio-strumento.graficibox #our-numbers .totnum_4 .single-number {
            width: 19%;
        }

        #dettaglio-strumento.graficibox #our-numbers a {
            text-decoration: underline;
            margin-right: 30px;
        }

            #dettaglio-strumento.graficibox #our-numbers a.continue {
                text-decoration: none;
                display: block;
                float: right;
            }

            #dettaglio-strumento.graficibox #our-numbers a:hover {
                color: #cb0000;
                text-decoration: none;
            }

        #dettaglio-strumento.graficibox #our-numbers .update-number-generic {
            font-size: 12px;
            font-size: 1.2rem;
            margin-top: 25px;
        }
    /* grafici google */
    #dettaglio-strumento.graficibox #gmap {
        width: 100%;
        height: 660px;
        margin: 10px 0;
    }

#gmap-container {
    width: 100%;
    margin-bottom: 20px;
}

#gmap-legend {
    margin-top: 20px;
}

    #gmap-legend .mrk-container {
        float: left;
        width: 24%;
        margin-top: 20px;
    }

    #gmap-legend .mrk {
        display: table;
        margin-bottom: 30px;
        cursor: pointer;
        height: 40px;
    }

        #gmap-legend .mrk div {
            display: table-cell;
            vertical-align: middle;
        }

        #gmap-legend .mrk img {
            width: 36px;
            max-width: none;
            margin-right: 10px;
        }

table.multiregione {
    font-size: 15px;
    font-size: 1.5rem;
    max-width: 100%;
    background-color: transparent;
    border-top: solid 1px #454545 !important;
    border-left: solid 1px #454545 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    margin: 20px 0;
}

    table.multiregione p, table.multiregione a {
        font-size: 15px;
        font-size: 1.5rem;
    }

    table.multiregione td {
        border-right: solid 1px #454545;
        border-bottom: solid 1px #454545;
        padding: 5px;
    }

#dettaglio-strumento .geo-field {
    margin-bottom: 30px;
}

#dettaglio-strumento .geo-field-sx {
    float: left;
    width: 45%;
    margin-bottom: 30px;
    margin-right: 5%;
}

#dettaglio-strumento .geo-field-dx {
    float: left;
    width: 50%;
}

#dettaglio-strumento.graficibox .submit-button {
    margin-top: 30px;
}

    #dettaglio-strumento.graficibox .submit-button input {
        font-family: "DINMedium";
        font-size: 18px;
        font-size: 1.8rem;
        color: #454545;
        cursor: pointer;
        background-color: #fff;
        border: solid 1px #fff;
        padding: 2px 10px;
    }

#dettaglio-strumento.graficibox .grafico-1 {
    float: left;
    width: 47%;
}

    #dettaglio-strumento.graficibox .grafico-1 h3, #dettaglio-strumento.graficibox .grafico-1 p {
        padding-left: 15px;
    }


#dettaglio-strumento.graficibox .grafico-2 {
    float: left;
    width: 47%;
    margin-left: 6%;
}

    #dettaglio-strumento.graficibox .grafico-2 h3, #dettaglio-strumento.graficibox .grafico-2 p {
        padding-left: 25px;
    }


#dettaglio-strumento .grafico-style1 {
    width: 100%;
    height: 300px;
}

#dettaglio-strumento .grafico-style2 {
    width: 100%;
    height: 400px;
}

#dettaglio-strumento .colleft h2 {
    font-family: 'DINLight';
    font-size: 27px;
    font-size: 2.7rem;
    margin-bottom: 15px;
}

.colright {
    float: right;
    width: 320px;
    margin-left: 40px;
    margin-bottom: 40px;
}

    .colright .img-detail {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 60px;
    }
/* navigazione pagine non visibile nel large-menu */
.nav-other-page {
    background-color: #f3ca4b;
    padding: 20px 23px;
    margin-bottom: 23px;
}

    .nav-other-page ul {
        list-style-type: none;
        margin: 0;
    }

        .nav-other-page ul li {
            display: inline;
            float: left;
            border-right: solid 2px #fff;
            padding-right: 15px;
            margin-top: 5px;
            margin-right: 15px;
            margin-bottom: 5px;
            /*font-size: 15px;*/ /*20180514 - Alberto consolidato CSS con quello presente in Ariadne - risolve problema di menu giallo che si disallinea*/
        }

            .nav-other-page ul li:last-child, .nav-other-page ul li.last {
                border-right: 0;
                padding-right: 0;
                margin-right: 0;
            }

#main .nav-other-page ul li a {
    color: #232323;
}

    #main .nav-other-page ul li a.active {
        font-family: 'DINMedium';
    }
/* immagini e video correlati + bottone "vedi tutte le storie" */
#dettaglio-strumento .images, #dettaglio-strumento .movies {
    padding: 25px 0;
}

    #dettaglio-strumento .images > div, #dettaglio-strumento .movies > div {
        margin-bottom: 20px;
    }

    #dettaglio-strumento .images a {
        display: inline-block;
    }

    #dettaglio-strumento .images img {
        float: left;
        margin-right: 19px;
    }

.stories, .focus {
    text-align: right;
    padding: 25px;
    margin-top: 15px;
}

.focus {
    padding-bottom: 0;
    padding-right: 0;
}

#main .stories a, #main .focus a {
    font-family: 'DINMedium';
    font-size: 21px;
    font-size: 2.1rem;
    color: #fff;
    text-decoration: none;
    background-color: #ed0000;
    padding: 5px 15px 3px 15px;
}

    #main .stories a:hover, #main .focus a:hover {
        color: #fff;
        text-decoration: none;
    }
/* occhiello */
.colright .occhiello {
    background: url("Images/bg-occhiello.png") no-repeat 240px bottom;
    padding-bottom: 37px;
    margin-bottom: 30px;
}

    .colright .occhiello div {
        font-size: 30px;
        font-size: 3.0rem;
        background-color: #fff;
        padding: 35px 25px 40px 50px;
    }

.allegati {
    margin-top: 40px;
}

    .allegati ul {
        margin: 0;
        margin-top: 17px;
    }

        .allegati ul li {
            list-style-type: none;
            background: url("Images/ico-allegati.png") no-repeat left center;
            padding-left: 20px;
            margin: 6px 0;
        }

#main .allegati ul li a {
    text-decoration: none;
}

.img-focus {
    margin-bottom: 20px;
}
/* video youtube */
.movie-wcm {
    width: 70%;
    margin: 20px auto 0;
}

.video-container {
    position: relative;
    z-index: 2;
    height: 0;
    overflow: hidden;
    /*
	padding-bottom: 56.25%;
	*/
    padding-bottom: 50.69%;
    padding-top: 30px;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/* AREA MEDIA */
#area-media {
}

    #area-media .box figure {
        float: right;
        margin-top: 10px;
    }

    #area-media #primo-piano .box figure {
        margin-top: 0;
        margin-left: 10px;
    }

    #area-media #primo-piano .box h2 a {
        text-decoration: none;
    }

        #area-media #primo-piano .box h2 a:hover {
            color: #454545;
            text-decoration: underline;
        }
/* primo piano */
#primo-piano {
    float: left;
    width: 580px;
    margin-right: 20px;
}

    #primo-piano .box {
        min-height: 221px;
    }

#parla-con-noi {
    background-color: #115c7d;
    color: #fff;
}

#area-media #parla-con-noi {
    float: left;
    width: 290px;
}
/* parla con noi */
#main #parla-con-noi * {
    color: #fff;
}

#parla-con-noi .text {
    min-height: 230px;
    padding: 20px;
}

.colright #parla-con-noi .text {
    min-height: 0;
}

#parla-con-noi .text.inline {
    min-height: 0;
    padding: 20px 10px;
}
/* multimedia */
#multimedia {
    margin-bottom: 23px;
}

    #multimedia a {
        display: block;
        position: relative;
        float: left;
        width: 212px;
        height: 148px;
        margin-left: 14px;
    }

        #multimedia a:first-child {
            margin-left: 0;
        }

span.caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-family: 'DINMedium';
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    background: url("Images/bg-title-photo.png") repeat top left;
    padding: 9px 0 7px 0;
}

    span.caption span {
        display: block;
        font-family: 'DINMedium';
        background-position: 7px 0;
        background-repeat: no-repeat;
        padding: 5px 0 4px 35px;
    }

        span.caption span.images {
            background-image: url('Images/ico-media-images.png');
        }

        span.caption span.video {
            background-image: url('../images/ico-media-video.png');
        }

        span.caption span.audio {
            background-image: url('../images/ico-media-audio.png');
        }

        span.caption span.infografiche {
            background-image: url('../images/ico-media-info.png');
        }

.colsx, .coldx {
    float: left;
    width: 433px;
}

.colsx {
    margin-right: 24px;
}
/* agenda */
#agenda {
    background-color: #34ad99;
}

#main #agenda * {
    color: #fff;
}

#agenda article {
    margin-bottom: 20px;
}

#agenda h3 {
    margin-bottom: 0;
}
/* newsletter */
#newsletter {
    background-color: #c5000f;
}

#main #newsletter * {
    color: #fff;
}

/* NEWS E COMUNICATI */
/* parla con noi */
#boxPCNartNotizie #parla-con-noi {
    /*margin-top: -20px;*/
    margin-bottom: 20px;
}

    #boxPCNartNotizie #parla-con-noi .text {
        padding: 15px 10px 10px 10px;
    }

#list-news #parla-con-noi .info {
    display: block;
    float: left;
    margin-top: 6px;
    margin-right: 25px;
}

    #list-news #parla-con-noi .info.title {
        margin-top: 0;
    }

        #list-news #parla-con-noi .info.title h2 {
            margin-bottom: 0;
        }

#list-news #parla-con-noi .ico-twitter {
    display: block;
    margin-top: -10px;
}
/* variante dettaglio articolo */
#list-news .colright #parla-con-noi .info {
    float: none;
    margin-top: 10px;
    margin-right: 0;
}

#list-news .colright #parla-con-noi .ico-twitter {
    margin-top: 5px;
}


/* VARIANTE BOX PARLA CON NOI PER NUOVA SEZIONE COSA POSSIAMO FARE PER VOI*/


#main #parla-con-noi .info {
    display: block;
    float: left;
    margin-top: 6px;
    /* margin-right: 25px; */
}

#main #boxPCNartNotizie #parla-con-noi .info {
    display: block;
    float: left;
    margin-top: 6px;
    margin-right: 25px;
}


#main #parla-con-noi .info.title {
    margin-top: 0;
}

    #main #parla-con-noi .info.title h2 {
        margin-bottom: 0;
    }

#main #parla-con-noi .ico-twitter {
    display: block;
    margin-top: -10px;
}


/* filtri risultati */
.filter {
    padding: 20px 0;
}

#main .filter * {
    font-family: 'DINRegular';
    color: #000;
}

.filter ul {
    margin: 6px 0;
}

    .filter ul li {
        display: inline;
        list-style-type: none;
        margin: 0 3px;
    }

        .filter ul li a.active {
            font-weight: bold;
        }

.filter .checkbox {
    float: left;
    margin-right: 32px;
    margin-bottom: 15px;
}

    .filter .checkbox label {
        font-size: 16px;
        font-size: 1.6rem;
        margin-left: 5px;
    }

.filter .submit-button {
    margin-bottom: 20px;
}

#main .filter .submit-button input {
    font-family: "DINMedium";
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    cursor: pointer;
    background-color: #ed0000;
    border: solid 1px #ed0000;
    padding: 2px 10px;
}
/* lista articoli */
#list-news .news figure {
    float: left;
    width: 100px;
}

#list-news .news .text {
    border-bottom: solid 2px #c8c2c6;
    padding-bottom: 13px;
    margin-left: 120px;
    margin-bottom: 21px;
}

    #list-news .news .text.noimg {
        margin-left: 0;
    }

#list-news .news h2, #list-news .news h2 a {
    font-size: 22px;
    font-size: 2.2rem;
    color: #232324;
    margin-bottom: 4px;
    text-decoration: none;
}

#list-news #amministrazione .news h2, #list-news #amministrazione .news h2 a {
    font-size: 20px;
    font-size: 2.0rem;
}

#list-news .news p {
    color: #454545;
    margin-bottom: 8px;
}

#list-news .news time {
    font-size: 15px;
    font-size: 1.5rem;
    color: #454545;
    margin-bottom: 8px;
}
/* lista articoli archivio */
#list-archive .news figure {
    float: left;
    width: 166px;
}

#list-archive .news .text {
    min-height: 116px;
    border-bottom: solid 2px #c8c2c6;
    padding-bottom: 13px;
    margin-left: 190px;
    margin-bottom: 21px;
}

#list-archive .news .documenti {
    min-height: 116px;
    border-bottom: solid 2px #c8c2c6;
    padding-bottom: 13px;
    margin-left: 10px;
    margin-bottom: 21px;
}


#list-archive .news h2, #list-archive .news h2 a {
    font-size: 22px;
    font-size: 2.2rem;
    color: #232324;
    text-decoration: none;
    margin-bottom: 4px;
}

    #list-archive .news h2 a:hover {
        color: #cb0000;
    }

#list-archive .news p {
    color: #454545;
    margin-bottom: 8px;
}

#list-archive .news .category {
    font-size: 15px;
    font-size: 1.5rem;
    color: #cb0000;
    font-style: italic;
    margin-bottom: 5px;
}

#list-archive .news time {
    font-size: 15px;
    font-size: 1.5rem;
    color: #454545;
    margin-bottom: 8px;
}
/* variante "Dicono di noi" */
#list-archive .news .dicono-di-noi {
    border-bottom: solid 2px #c8c2c6;
    padding-bottom: 13px;
    margin-bottom: 21px;
}

    #list-archive .news .dicono-di-noi.img {
        min-height: 116px;
        margin-left: 190px;
    }
/* variante "Archivio Multimedia" */
#list-archive .news .preview {
    float: left;
    width: 166px;
    text-align: center;
}

#list-archive .news audio {
    display: block;
    margin-top: 20px;
}

.img-default {
    display: block;
    position: relative;
}
/* paginazione */
.pagination {
    color: #454545;
    margin-top: 20px;
    margin-left: 120px;
}

#main .pagination a {
    color: #454545;
    margin: 0 5px;
}

    #main .pagination a.active {
        font-weight: bold;
    }

.pagination img {
    margin-top: -2px;
}
/* PAGINA CONTEST */
.contest {
    margin-bottom: 23px;
}
/* AMMINISTRAZIONE TRASPARENTE */
#amministrazione {
    background-color: #f1f1f1;
    margin-bottom: 30px;
}

    #amministrazione article {
        padding: 50px 25px;
    }

    #amministrazione .amm_right_col {
        float: right;
        width: 600px;
    }

    #amministrazione article a {
        text-decoration: underline;
    }

        #amministrazione article a:hover {
            color: #cb0000;
            text-decoration: none;
        }

    #amministrazione article li {
        line-height: 24px;
        line-height: 2.4rem;
        margin: 5px 0;
    }

    #amministrazione article table {
        font-size: 15px;
        font-size: 1.5rem;
        max-width: 100%;
        background-color: transparent;
        border-top: solid 1px #454545;
        border-left: solid 1px #454545;
        border-right: 0;
        border-bottom: 0;
        margin: 20px 0;
    }

    #amministrazione .dirigenti table, #amministrazione table.consulente {
        font-size: 12px;
        font-size: 1rem;
        max-width: 100%;
        background-color: transparent;
        border-top: solid 1px #454545;
        border-left: solid 1px #454545;
        border-right: 0;
        border-bottom: 0;
        margin: 20px 0;
    }

        #amministrazione table.consulente td a {
            font-size: 12px;
        }

    #amministrazione article table p, #amministrazione article table a {
        font-size: 15px;
        font-size: 1.5rem;
    }

    #amministrazione article table td {
        border-right: solid 1px #454545;
        border-bottom: solid 1px #454545;
        padding: 5px;
    }
/* menu navigazione "società trasparente" */
#menu_amministrazione {
    float: left;
    width: 220px;
    font-size: 15px;
    font-size: 1.5rem;
    color: #454545;
    background-color: #F3CA4B;
    padding: 50px 10px;
}

    #menu_amministrazione a {
        font-size: 15px;
        font-size: 1.5rem;
        color: #454545;
    }

    #menu_amministrazione ul {
        margin: 0;
    }

        #menu_amministrazione ul li {
            list-style-type: none;
            line-height: 24px;
            margin: 7px 0;
        }

            #menu_amministrazione ul li .arrow {
                font-family: arial;
            }

            #menu_amministrazione ul li a.first-level {
                font-size: 17px;
                font-size: 1.7rem;
            }

            #menu_amministrazione ul li a.active {
                font-weight: bold;
            }
        /* secondo livello */
        #menu_amministrazione ul ul {
            margin-left: 25px;
        }

            #menu_amministrazione ul ul li {
                list-style-type: square;
                font-style: italic;
                margin: 10px 0;
            }
/* FORM WCM */
.survey-question {
    float: left;
    margin-bottom: 23px;
}

#inviocv .survey-question, #form-editor .survey-question, #registrazione .survey-question, #disiscrizione .survey-question {
    float: none;
}

.survey-question.span1 {
    width: 33%;
    height: 66px;
}

.survey-question.span2 {
    width: 66%;
}

.survey-question.span3 {
    width: 100%;
}

.survey-question.captcha {
    text-align: center;
}

.survey-question.submit {
    text-align: center;
    margin-top: 40px;
}
/* obbligatorietà */
div.mandatory {
    font-family: 'DINMedium';
    font-size: 12px;
    font-size: 1.2rem;
    color: #df000f;
    margin-top: 15px;
}

span.mandatory {
    color: #df000f;
}
/* summary domande */
.opzioni {
    margin-top: 5px;
}

    .opzioni, .opzioni p, .opzioni a {
        font-family: Arial;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 11px;
        margin-bottom: 0;
    }
/* label domande */
.label {
    margin-bottom: 5px;
}

.contact-form .input-label, .contact-form .input-label a {
    font-family: 'DINLight';
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 5px;
}

    .contact-form .input-label a {
        margin-left: 0;
    }

.contact-form label {
    font-family: 'DINMedium';
    font-size: 18px;
    font-size: 1.8rem;
    color: #454545;
}
/* text, checkbox, radio, select, textarea */
.contact-form .text-form, .contact-form .file-form {
    width: 90%;
    font-family: 'DINLight';
    font-size: 18px;
    font-size: 1.8rem;
    background-color: #fff;
    border: solid 1px #fff;
    padding: 2px;
}

.contact-form .file-form {
    border: solid 1px #F1F1F1;
    padding: 0;
}

.contact-form .select-form {
    width: 90%;
    font-family: 'DINLight';
    font-size: 18px;
    font-size: 1.8rem;
    background-color: #fff;
    border: solid 1px #fff;
}

.contact-form .textarea-form {
    width: 88%;
    font-family: 'DINLight';
    font-size: 18px;
    font-size: 1.8rem;
    color: #454545;
    resize: vertical;
    background-color: #fff;
    border: solid 1px #fff;
    padding: 1%;
}

.contact-form #info-privacy {
    height: 66px;
    overflow: auto;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 5px 0 10px 0;
}

.contact-form .button {
    font-family: 'DINMedium';
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #df000f;
    border: solid 1px #df000f;
    padding: 4px 10px 2px 10px;
}
/* captcha */
.contact-form #img_captcha {
    margin: 5px 0 20px 0;
}

.contact-form #j_captcha_response {
    width: 243px;
    text-align: center;
    margin-bottom: 5px;
}
/* service message */
.messaggioerrore {
    font-size: 15px;
    font-size: 1.5rem;
    border: solid 2px #df000f;
    padding: 10px;
    margin: 10px;
}

.survey-question label.error {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    color: #df000f;
    margin-top: 4px;
}
/* TABELLE EDITOR */
#strumenti table, #amministrazione article table.grafica {
    width: auto;
    background-color: #fff;
    border: solid 20px #fff;
}

    #strumenti table.semplice {
        background-color: transparent;
        border: 0;
    }

        #strumenti table.semplice td {
            padding: 5px;
        }

    #strumenti table th, #strumenti table td,
    #amministrazione article table.grafica th, #amministrazione article table.grafica td {
        text-align: left;
        border: solid 1px #99a1a4;
        padding: 20px 10px;
    }
/* RISULTATI RICERCA */
#tag-ricercato {
    margin-bottom: 20px;
}

#ricerca-sito .risultato {
    border-bottom: solid 1px #58585a;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    #ricerca-sito .risultato a {
        display: inline-block;
        font-family: 'DINMedium';
        color: #d7010d;
        text-decoration: none;
        margin-bottom: 5px;
    }

#ricerca-sito .url {
    color: #9d9f9e;
}

#ricerca-sito .breadcrumb {
    font-family: arial;
    font-size: 14px;
    font-size: 1.4rem;
    font-style: italic;
}

    #ricerca-sito .breadcrumb .last {
        font-weight: bold;
    }
/* ricerca nel sito */
#main .gresult {
    margin-bottom: 25px;
}

.form-g {
    margin-bottom: 25px;
}

.button-g {
    float: left;
    width: 220px;
    font-family: "DINLight";
    font-size: 14px;
    font-size: 1.4rem;
    color: #58585a;
    border: 1px solid #e0e0e0;
    padding: 5px;
    margin-right: 10px;
}

.cerca-g {
    margin-top: 4px;
}

#main .risultati-senza-filtro {
    margin-bottom: 25px;
}

#main .search-title a, #main #tot-res a {
    line-height: 24px;
    color: #d8000f;
    font-weight: bold;
    text-decoration: none;
}

    #main #tot-res a.active {
        text-decoration: underline;
    }

#main a.anteprima {
    text-decoration: none;
}

#main .search-info {
    color: #9d9ea0;
    line-height: 24px;
}

#main .search-summary {
    line-height: 24px;
    margin: 3px 0;
}

#formricerca {
    margin-bottom: 25px;
}

.more {
    margin-top: 5px;
}

#main .risultati-g a {
    text-decoration: none;
}

    #main .risultati-g a.active {
        color: #d8000f;
        font-weight: bold;
    }
/* COOKIE TOOLBAR */
.cookie-message {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    line-height: 20px;
    background-color: #FFF;
    border-bottom: 9px solid #808080;
    padding-top: 10px;
}

.message-text {
    width: 980px;
    margin: 0 auto;
}

    .message-text p {
        line-height: 20px;
        font-size: 15px;
        font-size: 1.5rem;
    }

.text-cookie {
    padding-right: 50px;
}

.cookie-message a {
    text-decoration: underline;
    font-size: 15px;
    font-size: 1.5rem;
}

    .cookie-message a:hover {
        text-decoration: none;
    }

    .cookie-message a.cookiebar-close img {
        float: right;
    }
/* GRAFICI GOOGLE */
.grinvitalia .googleChartCss {
    width: 100%;
    height: 300px;
}

.grinvitalia .regioniChart, .grinvitalia .GeoChart {
    height: auto;
}
/* ITALIA CREATIVA */
#webcontent {
    margin-bottom: 20px;
}

    #webcontent .box {
        float: left;
        width: 223px;
        margin-left: 20px;
    }

        #webcontent .box:first-child {
            margin-left: 0;
        }

    #webcontent #twitter {
        margin-right: 0;
    }

#imprese .box {
    float: left;
    padding-right: 30px;
    margin-right: 20px;
}

    #imprese .box.last {
        margin-right: 0;
    }

#imprese.numart1 .box {
    float: none;
    width: auto;
}

#imprese.numart2 .box {
    width: 375px;
}

#imprese.numart3 .box {
    width: 223px;
}

#imprese .box .subject {
    margin-bottom: 7px;
}

#imprese .box figure img {
    margin-bottom: 10px;
}

#imprese .box h2 {
    font-weight: bold;
}

.prenota-domanda {
    display: block;
    font-family: 'DINRegular';
    font-size: 28px;
    font-size: 2.8rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    background-color: #115c7c;
    margin-bottom: 20px;
    padding-top: 18px;
    padding-bottom: 13px;
}

    .prenota-domanda:hover, .prenota-domanda:focus {
        text-decoration: none;
    }
/* 404 */
#error-page .shortcut-404 .col {
    float: left;
    width: 50%;
    margin-top: 50px;
}

    #error-page .shortcut-404 .col h2 {
        color: #000;
        font-weight: bold;
        margin-bottom: 25px;
    }

    #error-page .shortcut-404 .col ul {
        list-style-type: none;
        margin: 0;
    }

        #error-page .shortcut-404 .col ul li {
            margin-bottom: 15px;
        }

            #error-page .shortcut-404 .col ul li a {
                text-decoration: underline;
            }

                #error-page .shortcut-404 .col ul li a:hover {
                    text-decoration: none;
                }



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    /* pagina inglese - sito in costruzione */
    .eng-site .construction-text {
        margin-right: 0;
    }

    .eng-site .construction img {
        margin-right: 0;
    }

    .container {
        width: 748px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #wrapper {
        padding-top: 35px;
    }
    /* HEADER */
    /* logo + pay-off */
    #logo {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
    /* menu principale */
    #menu-website-desktop .navigation .nav-1 .large-menu.num-cols-3 {
        left: -135px;
    }

    #menu-website-desktop .navigation .nav-2 .large-menu.num-cols-3 {
        left: -216px;
    }

    #menu-website-desktop .navigation .nav-2 .large-menu.num-cols-5 {
        left: -296px;
        width: 727px;
        padding: 30px 0 7px 20px;
    }

        #menu-website-desktop .navigation .nav-2 .large-menu.num-cols-5 .column {
            width: 125px;
            margin-right: 20px;
        }

            #menu-website-desktop .navigation .nav-2 .large-menu.num-cols-5 .column ul li a {
                font-size: 1.4rem;
            }

    #menu-website-desktop .navigation .nav-3 .large-menu.num-cols-1 {
    }

    #menu-website-desktop .navigation .nav-3 .large-menu.num-cols-2 {
        left: -261px;
    }

    #menu-website-desktop .navigation .nav-3 .large-menu.num-cols-3 {
        left: -447px;
    }
    /* menu istituzionale */
    #menu-top ul li {
        margin-right: 0;
        padding-right: 5px;
    }

    /* HOMEPAGE */
    /* sezione fotografie */
    #photo-home ul li#pos1 {
        width: 455px;
    }

    #photo-home ul li#pos2 {
        width: 279px;
    }

    #photo-home ul li#pos3 {
        width: 212px;
    }

    #photo-home ul li#pos4 {
        width: 229px;
    }

    #photo-home p.title-photo {
        font-size: 2.3rem;
    }

        #photo-home p.title-photo span {
            padding: 0 0 0 10px;
        }
    /* variante rilancio bagnoli */
    .rilancio-bagnoli #photo-home ul li#pos3 {
        width: 455px;
    }

        .rilancio-bagnoli #photo-home ul li#pos1 img, .rilancio-bagnoli #photo-home ul li#pos3 img {
            height: 169px;
        }

    .rilancio-bagnoli .box-sezioni-bagnoli .box {
        width: 179px;
    }

    .subcategory-notizie .categoria-notizia {
        width: 358px;
    }
    /* sezione notizie e storie */
    #notizie .small, #storie .small {
        width: 170px;
        padding: 36px 20px 0 20px;
    }

    #notizie article .continue, #storie article .continue, #storie .continue.all {
        bottom: 15px;
    }

    #twitter.small {
        line-height: normal;
        height: 223px;
    }

    #main #twitter .text {
        padding-left: 0;
    }

    .evidenza.dobble-art article {
        width: 525px;
    }

    .evidenza article figure {
        width: 225px;
    }

    .evidenza article .news {
        padding: 5px 5px 45px 240px;
    }

        .evidenza article .news time {
            margin-bottom: 5px;
        }

        .evidenza article .news h1, .evidenza article .news h1 a {
            margin-bottom: 5px;
        }

    .evidenza.single-art article figure,
    .evidenza.single-art article .movie {
        width: 420px;
    }

    .evidenza.single-art article .news {
        padding: 20px 25px 65px 440px;
    }
    /* i numeri di invitalia */
    #our-numbers .single-number {
        width: 160px;
        margin-left: 13px;
        margin-right: 13px;
    }

    .single-number .number {
        font-size: 48px;
        font-size: 4.8rem;
    }

    /* FOOTER */
    /* shortcut sitemap */
    #page-menu nav.blocco_1, #page-menu nav.blocco_2, #page-menu nav.blocco_3 {
        width: 222px;
        margin-left: 40px;
    }

    #page-menu nav.blocco_1 {
        margin-left: 0;
    }

    #page-menu nav ul li {
        margin-bottom: 7px;
    }

        #page-menu nav ul li a {
            display: inline-block;
            font-size: 1.7rem;
            padding: 5px 0;
        }

        #page-menu nav ul li ul {
            margin-top: 10px;
        }

            #page-menu nav ul li ul li {
                margin-bottom: 4px;
            }
    /* informazioni legali */
    #info-legali .info {
        float: none;
        margin-right: 0;
    }

        #info-legali .info div {
            float: left;
        }

    #info-legali nav {
        margin-top: 30px;
        text-align: left;
    }

    /* AGGREGATORI E STRUMENTI */
    #results figure {
        width: 270px;
    }

    #results .text.img {
        padding-left: 290px;
    }
    /* colonna piccola */
    #aggregatori .small, #strumenti .small {
        width: 270px;
    }
    /* colonna 50% */
    #aggregatori .normal, #strumenti .normal {
        width: 364px;
    }

        #aggregatori .normal figure, #strumenti .normal figure {
            width: 140px;
        }

    .normal .box .abstract {
        padding-right: 120px;
    }
    /* colonna grande */
    #aggregatori .large, #strumenti .large {
        padding-left: 290px;
    }
    /* box piccoli interni */
    .large .boxchildlarge {
        width: 219px;
    }
    /* box "storie" */
    #aggregatori #storie figure, #strumenti #storie figure {
        display: none;
    }

    #aggregatori #storie div, #strumenti #storie div {
        padding-right: 0;
    }

    /* STRUMENTI */
    /* navigazione pagine non visibile nel large-menu */
    .nav-other-page ul li {
        padding-left: 5px;
        margin-left: 5px;
    }
    /* metropolitana */
    #underground ul.numStop9 li {
        width: 77px;
    }

    #underground ul.numStop8 li {
        width: 87px;
    }

    #underground ul.numStop7 li {
        width: 99px;
    }

    #underground ul.numStop6 li {
        width: 115px;
    }

    #underground ul.numStop5 li {
        width: 138px;
    }

    #underground ul.numStop4 li {
        width: 174px;
    }

    #underground ul.numStop3 li {
        width: 230px;
    }

    /* DETTAGLIO STRUMENTI */
    #dettaglio-strumento .colleft {
        padding: 25px;
    }

    /* AREA MEDIA */
    #primo-piano {
        width: 478px;
    }

    #area-media #parla-con-noi {
        width: 250px;
    }

    .colsx, .coldx {
        width: 362px;
    }
    /* multimedia */
    #multimedia a {
        width: 176px;
        height: 123px;
    }
    /* NEWS E COMUNICATI */
    /* parla con noi */
    #list-news #parla-con-noi .text {
        padding: 20px 10px;
    }

    #list-news #parla-con-noi .info {
        margin-right: 24px;
    }

        #list-news #parla-con-noi .info.cellulare {
            margin-top: 15px;
        }

    #list-news #parla-con-noi .ico-twitter {
        float: left;
        margin-top: 0;
    }
    /* AMMINISTRAZIONE TRASPARENTE */
    #amministrazione .amm_right_col {
        width: 478px;
        padding-left: 20px;
        padding-right: 20px;
    }

    #menu_amministrazione {
        width: 210px;
    }
    /* TOOLBAR COOKIE */
    .message-text {
        width: 768px;
    }

    #gmap-legend .mrk-container {
        float: none;
        width: auto;
    }
    /* ITALIA CREATIVA */
    #webcontent > div {
        width: 528px;
    }

    #webcontent .box {
        width: 184px;
    }

    #webcontent #twitter.small {
        width: 170px;
    }

    #imprese.numart2 .box {
        width: 304px;
    }

    #imprese.numart3 .box {
        width: 176px;
    }
}




/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
    /* pagina inglese - sito in costruzione */
    .eng-site .logo-en {
        text-align: center;
    }

    .eng-site .construction {
        font-size: 30px;
        font-size: 3.0rem;
        text-align: center;
    }

    .eng-site .construction-text {
        margin-right: 0;
    }

    .eng-site .construction img {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }

    #wrapper {
        padding-top: 20px;
    }

    .container {
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
    }
    /* HEADER */
    header {
        padding-bottom: 30px;
    }
    /* menu mobile */
    #menu-mobile {
        display: block;
    }

        #menu-mobile a.hamburger {
            display: block;
            float: right;
            font-family: "DINRegular";
            font-size: 20px;
            font-size: 2rem;
            color: #454545;
            text-transform: uppercase;
            background-color: #f1f1f1;
            padding: 7px 5px 6px 8px;
        }

            #menu-mobile a.hamburger:hover {
                text-decoration: none;
            }

            #menu-mobile a.hamburger.active {
            }

            #menu-mobile a.hamburger span {
                padding-left: 4px;
            }
    /* menu istituzionale */
    #menu-top {
        display: none;
    }
    /* form ricerca nel sito */
    #search {
        float: left;
        width: 200px;
        margin-left: 0;
    }

        #search .text {
            float: left;
            width: 160px;
            font-size: 1.8rem;
            padding: 6px 3%;
            margin-right: 3%;
        }

        #search input[type=image] {
            float: left;
            padding: 6px 0;
        }
    /* logo + pay-off */
    #logo {
        width: 50%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }
    /* menu principale */
    #menu-website-desktop {
        display: none;
    }

    #menu-website-mobile {
        background-color: #f1f1f1;
        border-bottom: solid 5px #b80000;
    }

        #menu-website-mobile ul {
            margin: 0;
        }

            #menu-website-mobile ul.navigation {
                float: none;
                margin: 10px;
            }

            #menu-website-mobile ul li {
                list-style-type: none;
            }

        #menu-website-mobile li.utility {
            display: block;
        }

    .navigation li.first-level {
        position: static;
        display: block;
        float: none;
        border-left: 0;
        border-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

        .navigation li.first-level a.nav-link {
            height: auto;
            color: #454545;
            background-color: transparent;
            border-bottom: dotted 1px #454545;
            padding: 10px 8px;
        }

        .navigation li.first-level:last-child a.nav-link {
            border-bottom: 0;
        }

        .navigation li.first-level a.nav-link.disable-link {
            cursor: pointer;
        }

        .navigation li.first-level > a.nav-link.disable-link::before {
            content: "\f105";
            display: inline-block;
            font-family: 'FontAwesome';
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            text-transform: none;
            width: 15px;
        }

        .navigation li.first-level.active > a.nav-link.disable-link::before {
            content: "\f107";
        }

        .navigation li.first-level a.idpage-19000011 {
            width: auto;
        }

        .navigation li.first-level a.idpage-19003632 {
            width: auto;
        }

        .navigation li.first-level a.idpage-19003633 {
            width: auto;
        }

        .navigation li.first-level a.nav-link span {
            display: none;
        }
    /* mega menu */
    .navigation .large-menu {
        position: static;
        border: 0;
        box-shadow: none;
        padding: 0;
    }
        /* colonne */
        .navigation .large-menu.num-cols-1 {
            width: auto;
        }

        .navigation .large-menu.num-cols-2 {
            width: auto;
        }

        .navigation .large-menu.num-cols-3 {
            width: auto;
        }

        .navigation .large-menu.num-cols-4 {
            width: auto;
        }

        .navigation .large-menu.num-cols-5 {
            width: auto;
        }

        .navigation .large-menu .column {
            float: none;
            width: auto;
            margin-right: 0;
        }

            .navigation .large-menu .column a.active {
                font-weight: normal;
            }
            /* menu principale: secondo livello */
            .navigation .large-menu .column ul.second-level {
                margin-bottom: 0;
            }

            .navigation .large-menu .column ul li {
                border-bottom: dotted 1px #818a8f;
                padding: 10px;
                margin-bottom: 0;
            }

                .navigation .large-menu .column ul li.has-third-level {
                }

                    .navigation .large-menu .column ul li.has-third-level .aggregatori {
                        display: block;
                    }

                    .navigation .large-menu .column ul li.has-third-level > .aggregatori::before {
                        content: "\f105";
                        display: inline-block;
                        font-family: 'FontAwesome';
                        font-style: normal;
                        font-variant: normal;
                        font-weight: normal;
                        text-transform: none;
                        width: 15px;
                    }

                    .navigation .large-menu .column ul li.has-third-level > .aggregatori.active::before {
                        content: "\f107";
                    }
                /* menu principale: terzo livello */
                .navigation .large-menu .column ul li ul.third-level {
                    display: none;
                    background-color: #fff;
                    margin-top: 2px;
                    margin-left: -10px;
                    margin-bottom: -10px;
                    margin-right: -10px;
                }

                    .navigation .large-menu .column ul li ul.third-level li {
                        margin-left: 10px;
                        margin-right: 10px;
                    }

                        .navigation .large-menu .column ul li ul.third-level li:last-child {
                            border-bottom: none;
                        }

    #menu-website-mobile .nav-mobile {
        display: block;
    }

    /* BREADCRUMB */
    #breadcrumb {
        display: none;
    }

    /* HOMEPAGE */
    /* sezione fotografie */
    #photo-home {
        margin-bottom: 30px;
    }

        #photo-home ul li img {
            display: none;
        }

        #photo-home .title-photo {
            display: block;
            position: static;
            height: auto;
            font-size: 2.2rem;
            padding-top: 0;
        }

            #photo-home .title-photo span {
                padding: 15px 20px;
            }

        #photo-home ul li#pos1 {
            width: 100%;
        }

            #photo-home ul li#pos1 p.title-photo span {
                padding-right: 0;
            }

        #photo-home ul li#pos2 {
            width: 100%;
            margin-bottom: 14px;
        }

            #photo-home ul li#pos2 p.title-photo span {
                padding-right: 0;
            }

        #photo-home ul li#pos3 {
            width: 100%;
            margin-right: 0;
            margin-bottom: 14px;
        }

        #photo-home ul li#pos4 {
            width: 100%;
        }

        #photo-home ul li a {
            text-decoration: none;
        }

            #photo-home ul li a:hover {
                text-decoration: none;
            }
    /* variante rilancio bagnoli */
    .rilancio-bagnoli #photo-home ul li#pos3 {
        width: 100%;
    }

    .rilancio-bagnoli #photo-home .link-news-bagnoli {
        display: none;
    }

    .rilancio-bagnoli .box-sezioni-bagnoli .box {
        float: none;
        width: auto;
        margin-right: 0;
    }

    .subcategory-notizie .categoria-notizia {
        float: none;
        width: auto;
        margin-right: 0;
    }

        .subcategory-notizie .categoria-notizia img {
            display: none;
        }

        .subcategory-notizie .categoria-notizia .title-article {
            position: static;
            height: auto;
            padding: 0;
        }

            .subcategory-notizie .categoria-notizia .title-article span {
                padding: 0;
            }

                .subcategory-notizie .categoria-notizia .title-article span a {
                    display: block;
                    padding: 20px;
                }

        .subcategory-notizie .categoria-notizia .category-name {
            position: static;
            padding: 0;
        }

            .subcategory-notizie .categoria-notizia .category-name a {
                color: #576073;
            }

    .rilancio-bagnoli #parla-con-noi span {
        float: none;
        display: block;
        width: auto;
        margin-bottom: 15px;
    }
    /* sezione notizie e storie */
    #notizie article, #storie article {
        padding-bottom: 58px;
    }

    #notizie .small, #storie .small {
        float: none;
        width: auto;
        padding: 30px 10px;
        margin-right: 0;
    }

    #twitter.small {
        height: auto;
        margin-bottom: 20px;
    }

    .evidenza article figure {
        display: none;
    }

    .evidenza.dobble-art article {
        float: none;
        width: auto;
    }

    .evidenza article .news {
        padding: 20px 10px;
    }

    .evidenza.single-art article .news {
        padding: 20px 10px;
    }

    .evidenza.single-art article .movie {
        width: 100%;
        margin-bottom: 20px;
    }
    /* i numeri di invitalia */
    #our-numbers {
        margin-bottom: 35px;
    }

        #our-numbers .single-number {
            float: none;
            width: auto !important;
            font-size: 55px;
            font-size: 5.5rem;
            text-align: center;
            margin-left: 0;
            margin-right: 0;
            margin-bottom: 30px !important;
        }

            #our-numbers .single-number .descr-number {
                font-size: 1.8rem;
            }

    /* FOOTER */
    /* contatti e social button */
    #social-contact {
        padding-top: 30px;
    }

        #social-contact a, #social-contact span {
            display: inline-block;
        }

        #social-contact .contacts, #social-contact .email {
            width: 49%;
            margin-right: 0;
            margin-bottom: 20px;
        }
    /* shortcut sitemap */
    #page-menu {
        padding-top: 40px;
        padding-bottom: 0;
    }

        #page-menu nav.blocco_1, #page-menu nav.blocco_2, #page-menu nav.blocco_3 {
            width: 100%;
            margin-left: 0;
        }

        #page-menu nav ul li {
            margin-bottom: 10px;
        }

            #page-menu nav ul li ul {
                margin-top: 10px;
                margin-bottom: 40px;
            }
    /* informazioni legali */
    #info-legali {
        padding-bottom: 15px;
    }

        #info-legali .info {
            width: 100%;
            margin-right: 0;
            margin-bottom: 30px;
        }

        #info-legali nav {
            text-align: left;
        }

        #info-legali ul li {
            display: block;
            margin-left: 0;
            margin-bottom: 15px;
        }
    /* loghi italia creativa */
    #loghi-it-creativa a {
        display: inline-block;
        margin-left: 10px;
        margin-right: 0;
    }

    /* AGGREGATORI E STRUMENTI */
    .namepage img {
        display: none;
    }

    .box {
        padding-left: 10px;
        padding-right: 10px;
    }
    /* colonna piccola */
    .small {
        float: none;
        width: auto;
        margin-right: 0;
    }

        .small figure {
            display: none;
        }
    /* colonna 50% */
    .normal {
        float: none;
        width: auto;
        margin-right: 0;
    }

        .normal figure {
            display: none;
        }

        .normal .box .abstract {
            padding-right: 0;
        }
    /* colonna grande */
    .large {
        padding-left: 0;
    }
        /* box piccoli interni */
        .large .boxchildlarge {
            float: none;
            width: auto;
        }

            .large .boxchildlarge.pos1 {
                margin-right: 0;
            }
    /* box "risultati" */
    #results figure {
        display: none;
    }

    #results .text.img {
        padding: 20px;
    }

    #results .result {
        float: none;
        width: auto;
        text-align: center;
        padding-right: 0;
        margin-left: 0;
    }
    /* box "storie" */
    #aggregatori #storie div, #strumenti #storie div {
        padding-right: 0;
    }

    #aggregatori #storie figure, #strumenti #storie figure {
        /*display: none;  --> modifica per visualizzazione smartphone nuova sezione storie video/*/
        display: contents;
    }

    #aggregatori #storie div, #strumenti #storie div {
        padding-right: 0;
    }
    /* box "interessi" 
    #interessi a {
        font-size: 20px;
        font-size: 2.0rem;
        border-radius: 20px;
        padding: 4px 15px;
        margin: 10px 0;
    }
    /* box "articoli correlati" */
    #article-related ul li {
        margin-bottom: 15px;
    }
    /* box "tag" */
    #tag a {
        display: inline-block;
        font-size: 20px;
        font-size: 2.0rem;
        margin: 8px 8px 8px 0;
    }

    /* STRUMENTI */
    .numart2 article, .numart3 article {
        float: none;
        width: auto;
        padding-left: 0;
        padding-bottom: 30px;
    }
    /* metropolitana */
    #underground {
        padding: 25px 0 25px 160px;
    }

        #underground ul {
            border-top: 0;
            border-left: 2px solid #fff;
        }

            #underground ul li {
                float: none;
                width: 190px;
                height: auto;
                margin-top: 0;
                margin-left: -96px;
            }

            #underground ul.numStop9 li, #underground ul.numStop8 li, #underground ul.numStop7 li,
            #underground ul.numStop6 li, #underground ul.numStop5 li, #underground ul.numStop4 li,
            #underground ul.numStop3 li {
                width: 190px;
            }

            #underground ul li a {
                width: 80px;
            }

                #underground ul li a.top {
                    text-align: right;
                    padding-top: 15px;
                    padding-right: 20px;
                    padding-bottom: 15px;
                    margin-top: 15px;
                    margin-right: 90px;
                    margin-bottom: 15px;
                }

                #underground ul li a.bottom {
                    text-align: left;
                    padding-top: 15px;
                    padding-left: 30px;
                    padding-bottom: 15px;
                    margin-top: 15px;
                    margin-left: 80px;
                    margin-bottom: 15px;
                }

    /* DETTAGLIO STRUMENTO */
    #dettaglio-strumento .colleft {
        float: none;
        width: auto;
        padding: 20px 10px;
    }

    .stories {
        padding: 20px 10px;
        margin-top: 0;
    }
    /* colonna destra */
    .colright {
        /*display: none;*/
        float: none;
        width: auto;
        margin-left: 0;
        margin-bottom: 0;
    }

        .colright .occhiello {
            display: none;
        }

        .colright .img-detail {
            margin-bottom: 20px;
        }

        .colright #faq {
            display: none;
        }

        .colright #parla-con-noi {
            display: none;
        }

    /* navigazione pagine non visibile nel large-menu */
    .nav-other-page ul {
        border-top: solid 2px #fff;
    }

        .nav-other-page ul li {
            display: block;
            float: none;
            border-right: 0;
            border-bottom: solid 2px #fff;
            padding-right: 0;
            margin-right: 0;
        }

            .nav-other-page ul li a {
                display: block;
                padding: 10px 0;
            }
    /* video youtube */
    .movie-wcm {
        width: 100%;
    }
    /* grafici google */
    #gmap-container {
        float: none;
        width: 100%;
    }

    #gmap-legend {
        float: none;
        width: 100%;
        margin: 20px 0;
    }

        #gmap-legend .mrk {
            float: left;
            margin-right: 30px;
        }

    #dettaglio-strumento.graficibox .grafico-1,
    #dettaglio-strumento.graficibox .grafico-2 {
        float: none;
        width: 100%;
    }

    /* AREA MEDIA */
    /* primo piano */
    #primo-piano {
        float: none;
        width: auto;
        margin-right: 0;
    }

        #primo-piano .box {
            min-height: 0;
        }

    #area-media .box figure {
        display: none;
    }
    /* parla con noi */
    #area-media #parla-con-noi {
        float: none;
        width: auto;
        margin-bottom: 23px;
    }

    .colsx, .coldx {
        float: none;
        width: auto;
    }

    .colsx {
        margin-right: 0;
    }
    /* multimedia */
    #multimedia {
        margin-bottom: 0;
    }

        #multimedia a {
            width: 47%;
            height: auto;
            margin-left: 6%;
            margin-bottom: 6%;
        }

            #multimedia a.start-line-mobile {
                margin-left: 0;
            }

            #multimedia a img {
                width: 100%;
            }




    /* NEWS E COMUNICATI */
    /* parla con noi */
    #list-news #parla-con-noi .text {
        min-height: auto;
        padding: 20px 10px;
    }

    #list-news #parla-con-noi .info {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
    /* filtri risultati */
    .filter {
        padding: 0;
    }

        .filter ul {
            margin: 20px 0;
        }

            .filter ul li {
                display: inline-block;
                margin: 10px 10px 10px 0;
            }

                .filter ul li.label {
                    display: block;
                    margin: 20px 0 0 0;
                }

        .filter .argomento p {
            cursor: pointer;
        }
    /* lista articoli */
    #list-news .news figure {
        display: none;
    }

    #list-news .news div.text {
        margin-left: 0;
    }
    /* paginazione */
    .pagination {
        text-align: center;
        margin-left: 0;
    }

    /* STORIE */
    .filter .checkbox {
        float: none;
        margin-right: 0;
    }

    /* LISTA ARTICOLI */
    #list-archive .news figure, #list-archive .news .preview {
        margin: 0 10px 10px 0;
    }

    #list-archive .news .text {
        margin-left: 0;
    }

    /* PAGINA STANDART / DETTAGLIO ARTICOLO */
    #parla-con-noi .text {
        min-height: 30px;
    }

    /* AMMINISTRAZIONE TRASPARENTE */
    #amministrazione .amm_right_col {
        float: none;
        width: auto;
    }

    #menu_amministrazione {
        float: none;
        width: auto;
    }

    /* FORM WCM */
    .survey-question {
        float: none;
        margin-bottom: 23px;
    }

        .survey-question.span1 {
            width: auto;
        }

        .survey-question.span2 {
            width: auto;
        }

        .survey-question.span3 {
            width: auto;
        }
    /* text, checkbox, radio, select, textarea */
    #contacts .text-form {
        width: 98%;
    }

    #contacts .select-form {
        width: 99%;
    }
    /* TOOLBAR COOKIE */
    .message-text {
        width: 96%;
        margin-left: 4%;
    }

    .cookie-message a.cookiebar-close {
        margin-right: 4%;
    }

    .text-cookie {
        padding-right: 14%;
    }

    /* ITALIA CREATIVA */
    #webcontent > div {
        width: auto;
    }

    #webcontent .box {
        width: auto;
        margin-right: 0;
    }

    #webcontent #twitter.small {
        width: 100%;
    }

    #imprese.numart1 .box, #imprese.numart2 .box, #imprese.numart3 .box {
        width: auto;
        padding-left: 30px;
        margin-right: 0;
    }
    /* 404 */
    #error-page .shortcut-404 .col {
        float: none;
        width: auto;
    }
}


/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .eng-site .construction {
        text-align: left;
    }

        .eng-site .construction img {
            float: right;
            margin-right: 50px;
            margin-bottom: 0;
        }

        .eng-site .construction span {
            margin-left: 30px;
        }

    /* HEADER */
    #search {
        width: 350px;
    }

        #search .text {
            width: 290px;
        }

    /* HOMEPAGE */
    /* sezione notizie e storie */
    #notizie .small, #storie .small {
        float: left;
        width: 190px;
        margin-right: 13px;
    }

    #twitter.small {
        margin-bottom: 0;
    }

    #main #twitter .text {
        padding-left: 0;
    }
    /* modifica 29/007/2015 perchè usato in molte variante */
    /*
	#our-numbers .single-number {
		float: left;
		width: 44%;
		font-size: 50px;
		font-size: 5.0rem;
		margin-left: 3%;
		margin-right: 3%;
	}
	*/
    /* FOOTER */
    /* contatti e social button */
    #social-contact .contacts, #social-contact .email {
        width: auto;
        margin-right: 25px;
        margin-bottom: 0;
    }

    #social-contact .telephone {
        margin-right: 0;
    }

    #social-contact .linkedin {
        margin-right: 0;
    }
    /* shortcut sitemap */
    #page-menu {
        padding-top: 40px;
        padding-bottom: 0;
    }

        #page-menu nav {
            width: 45%;
            margin-left: 5%;
            margin-bottom: 40px;
        }

            #page-menu nav:nth-child(odd) {
                margin-left: 0;
            }

            #page-menu nav ul li {
                margin-bottom: 0;
            }

                #page-menu nav ul li ul {
                    margin-top: 10px;
                    margin-bottom: 0;
                }

                    #page-menu nav ul li ul li {
                        margin-bottom: 10px;
                    }

                        #page-menu nav ul li ul li a {
                            display: inline-block;
                            padding: 5px 0;
                        }
    /* informazioni legali */
    #info-legali {
        padding-bottom: 30px;
    }

        #info-legali ul li {
            display: inline;
            margin-left: 20px;
            margin-bottom: 0;
        }

    /* AGGREGATORI E STRUMENTI */
    .namepage img {
        display: block;
    }

    #results .text.img {
        padding-left: 30px;
        padding-bottom: 25px;
    }

    #results .result {
        float: left;
        width: 29%;
        text-align: left;
        padding-right: 1%;
        margin-top: 20px;
        margin-left: 5%;
    }

    .normal figure {
        display: block;
    }

    .normal .box .abstract {
        padding-right: 175px;
    }
    /* box "storie" */
    #aggregatori #storie figure, #strumenti #storie figure {
        display: block;
        width: 210px;
    }

    #aggregatori #storie div, #strumenti #storie div {
        padding-right: 190px;
    }

    /* NEWS E COMUNICATI */
    #list-news .news figure {
        display: block;
    }

    #list-news .news div.text {
        margin-left: 120px;
    }
}


/* POWERBI */

.explorationContainer .exploreCanvasToBottom .exploreCanvas {
    background-color: #f1f1f1 !important;
}


.exploreCanvas .disableAnimations .master-form-factor {
    background-color: #f1f1f1 !important;
}

.logoBar {
    background-color: #f1f1f1 !important;
}

#report .logoBar {
    background-color: #f1f1f1 !important;
}

#report .text {
    display: none !important;
}

.divNews .webinar {
    padding-left: 10px;
    padding-right: 10px;
}

.divNews {
    width: 25%;
    text-align: left;
    float: left;
    display: block;
    margin-bottom: 20px;
}

.spanWebinar {
    font-size: 15px !important;
}

.boxSocial {
    margin-top: 10px;
    width: 49%;
    height: 70px;
    color: white;
    display: flex;
    justify-content: flex-start;
    /* align-items: center; */
    font-size: 40px;
}

.boxSocialx {
    margin-top: 10px;
    width: 100%;
    height: 70px;
    color: white;
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    /* align-items: center; */
    font-size: 40px;
    align-items: center;
    margin-bottom: 23px;
}

.Parla-con-noi {
    background-color: #125D7D;
}

.live-chat {
    background-color: #0F9208;
}

.parlaText {
    padding-left: 20px;
}

.documents-images {
    min-width: 166px;
}

.iconDocuments {
    max-width: none;
    width: 90%;
}

.docTitle a {
    text-decoration: none;
    line-height: 18px;
    font-weight: 600;
}

.docTitleWebinar a {
    text-decoration: none;
    line-height: 18px;
    font-weight: 600;
}

h6.docTitle {
    font-size: 15px;
    line-height: 18px !important;
    margin-bottom: 0px !important;
}

h6.docTitleWebinar {
    font-size: 15px;
    line-height: 18px !important;
    margin-bottom: 0px !important;
    margin-top: 5px;
}

.divDocuments span {
    font-weight: 300;
    padding-right: 5px;
}

.divNews span {
    font-weight: 300;
    padding-right: 5px;
}

.chatText {
    padding-left: 20px;
}

.boxSocial span {
    margin: 10px;
}

.socialContainer {
    justify-content: space-between;
    display: flex;
}


@media screen and (max-width: 680px) {
    .divNews {
        width: 50%;
    }

        .divNews:nth-child(2n+1) {
            clear: left;
        }

    .live-chat {
        clear: left;
    }



    .boxSocial {
        width: 100% !important;
        justify-content: center !important;
    }

    .socialContainer {
        flex-wrap: wrap;
    }
}

.imgCentered {
    /* min-width: 166px; */
}

.divNews:nth-child(4n+1) {
    clear: left;
}



/*documenti*/
.divDocuments .documents {
    padding-left: 10px;
    padding-right: 10px;
}

.divDocuments {
    width: 50%;
    text-align: left;
    float: left;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    /*height:160px;*/
    align-items: flex-start;
    /* margin-left: 10px; */
}

@media screen and (max-width: 680px) {
    .divDocuments {
        width: 50%;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        height: 100%;
        /* padding-right:5px; */
    }

        .divDocuments:nth-child(2n+1) {
            clear: left;
        }

    .documents-image {
        padding-right: 10px;
        padding-left: 10px;
    }

    .documents-Container-Text {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media screen and (max-width: 400px) {
    .iconDocuments {
        width: 80%;
    }

    .divDocuments .documents-Container-Text {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 680px) {
    .filtri {
        display: block !important;
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 400px) {
    .news .text {
        margin-left: 0px !important;
    }
}


.filtri {
    display: inline;
}

.divDocuments:nth-child(2n+1) {
    clear: left;
}

.lockDownPagination {
    clear: both;
}

.divDocuments .documents-Container-Text {
    font-size: 15px;
    padding-left: 10px;
}


.lockDownPagination {
    clear: both;
}

.divDocuments .documents-Container-Text {
    font-size: 15px;
    padding-left: 15px;
    padding-right: 20px;
}

.imgHashtagContainer {
    position: relative;
    color: white;
}

.top-left {
    position: absolute;
    top: 8px;
    left: 16px;
}

.history-a {
    color: #fff !important;
    font-weight: bold !important;
    font-size: 35px;
}