html, body, form {
    height: 100%;
    margin: 0;
    padding: 0;
}

#ContentWrapper {
    min-height: 100%;
    position: relative;
    width: 100%;
    float: left;
}
/*BarraAreaRiservata*/
#BarraAreaRiservata {
    position: fixed;
    height: 46px;
    z-index: 9999999999;
    width: 98.6%;
    background: url("images/ui-bg_highlight-soft_50_dddddd_1x100.png") repeat-x scroll 50% 50% #dddddd;
    color: #444;
    padding: 10px 0.5%;
    margin: 0px 0.2% 0px;
    border-top: 4px solid #fff;
}

    #BarraAreaRiservata h1 {
        font-size: 22px;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0px 0px 5px;
        float: left;
        width: 100%;
        color: #444;
        border: 0px;
        font-style: normal;
        text-decoration: none;
    }

        #BarraAreaRiservata h1 img {
            vertical-align: middle;
        }

    #BarraAreaRiservata a {
        color: #444;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal;
        font-size: 12px;
        text-decoration: none;
    }

        #BarraAreaRiservata a span {
            float: left;
        }

    #BarraAreaRiservata .linkRight {
        float: right;
        margin-left: 10px;
    }

    #BarraAreaRiservata .linkLeft {
        float: left;
        margin-right: 10px;
    }
/*BarraAreaRiservata*/
.call_btn {
    display: none;
}
/*Banner Consenso Cookie*/
.banner_consenso_cookie {
    position: fixed;
    z-index: 10;
    left: 0%;
    bottom: 0px;
    width: 100%;
    background: #231f20;
    margin: 0px 0px 0px 0px;
}

#testo_banner {
    padding: 10px;
    margin: 0px;
}

    #testo_banner p {
        text-align: justify;
        color: #fff;
        margin: 0px;
    }

        #testo_banner p a {
            color: #fff;
            text-decoration: underline;
        }

#chiusura_banner {
    text-align: right;
    display: none;
}
/*Banner Consenso Cookie*/

/*Sfondi in trasparenza*/
.bg_opacity_8 {
    width: 100%;
    opacity: 0.8;
    position: absolute;
    height: 100%;
    z-index: 0;
}

.bg_opacity_6 {
    width: 100%;
    opacity: 0.6;
    position: absolute;
    height: 100%;
    z-index: 0;
}

.bg_opacity_4 {
    width: 100%;
    opacity: 0.4;
    position: absolute;
    height: 100%;
    z-index: 0;
}
/*Sfondi in trasparenza*/

/*Header*/
#Home-wrapper {
    float: left;
    position: relative;
    height: 100%;
    width: 100%;
    background: 50% 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#Header-wrapper {
    position: relative;
    width: 100%;
    z-index: 9;
    float: left;
    -moz-box-shadow: 0px 0px 25px #bbbbbb;
    -webkit-box-shadow: 0px 0px 25px #bbbbbb;
    box-shadow: 0px 0px 25px #bbbbbb;
}

    #Header-wrapper.header-fixed, .inner-body #Header-wrapper {
        position: fixed;
        top: 0px;
        left: 0px;
    }

#Header {
    margin: 0px 2%;
    width: 96%;
    padding: 0px 0px 0px 0px;
    z-index: 30;
}

.top {
    float: left;
    width: 29%;
    margin-right: 1%
}

.frase {
    position: absolute;
    width: 100%;
    z-index: 8;
    left: 0%;
    top: 60%;
    background-image: url(images/pattern.png);
}

    .frase p {
        position: relative;
        text-align: center;
        font-size: 54px;
        padding: 0px 10%;
        font-weight: 800;
        text-transform: uppercase;
        font-family: 'Montserrat';
        z-index: 1;
        margin: 20px 0px;
    }

        .frase p .primariga, .frase p .secondariga {
            display: inline-block;
        }
/*Header*/

/*Lingue*/
.lingue {
    float: right;
    margin: 10px 0 0 10px;
}

    .lingue ul {
        float: right;
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

    .lingue li {
        float: left;
    }

        .lingue li a {
            color: inherit;
            text-decoration: none;
            font-size: 12px;
        }

            .lingue li a:hover {
                color: inherit;
                text-decoration: underline;
            }
/*Lingue*/

/*Parallax*/
.pattern_img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(images/pattern.png);
}

.panelBoxhome .fraseImage {
    position: absolute;
    top: 30%;
    left: 50%;
    margin: 0px 0px 0px -400px;
    padding: 15px 0px;
    width: 800px;
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'Montserrat';
    z-index: 5;
    color: #fff;
    line-height: 40px;
}


.parallax1, .parallax2, .parallax3 {
    float: left;
    width: 100%;
    height: 450px;
    background: 50% 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}


/*Parallax*/

/*Social Network*/
.socialnetwork {
    float: right;
    list-style: outside none none;
    margin: 0px 0 0 0px;
    padding: 0;
}

    .socialnetwork li {
        float: left;
        margin: 0 3px;
    }
/*Social Network*/

/*Content*/
#Content-wrapper {
    float: left;
    margin: 0px 0px 0px;
    width: 100%;
    z-index: 6;
    position: relative;
}

.inner-body #Content-wrapper {
    margin: 120px 0px 170px 0px;
}

#Content {
    overflow: hidden;
    padding: 0px 0px 20px;
    width: 980px;
    margin: 0px auto;
    position: relative;
}

#Content-wrapper h1, #Content-wrapper h2 {
    text-transform: uppercase;
    line-height: 32px;
}

.panelBoxhome {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0px 0px;
}

.pagina {
    float: left;
    position: relative;
    width: 100%;
    margin: 0px;
}

    .panelBoxhome p,
    .panelBoxhome div,
    .pagina div,
    .pagina p,
    .panelBoxhome ul,
    .pagina ul {
        letter-spacing: 0em;
        line-height: 20px;
    }

.riga1, .riga3, .riga2, .riga4 {
    float: left;
    padding: 50px 0;
    margin: 0 0%;
    width: 100%;
    text-align: center;
}

    .riga1 .boxhome {
        display: block;
        margin: 10px auto 20px;
        width: 960px;
    }

    .riga2 .boxhome {
        display: inline-table;
        margin: 0 20px 20px;
        padding: 25px 20px;
        vertical-align: top;
        width: 250px;
        position: relative;
        -moz-box-shadow: 0px 0px 5px #ddd;
        -webkit-box-shadow: 0px 0px 5px #ddd;
        box-shadow: 0px 0px 5px #ddd;
        border-radius: 4px;
        -moz-border-radius: 4px; /* firefox */
        -webkit-border-radius: 4px; /* safari, chrome */
    }

        .riga2 .boxhome h2, .riga4 .boxhome h2 {
            padding-bottom: 20px;
            text-align: left;
        }

    .riga3 .boxhome {
        display: inline-table;
        margin: 0 20px 20px;
        padding: 0px 0px;
        vertical-align: top;
        width: 280px;
    }

    .riga4 .boxhome {
        display: inline-table;
        margin: 0px 10px 0px;
        padding: 0px 0px;
        vertical-align: top;
        width: 480px;
    }

.boxhome p {
    text-align: justify;
}

.icoImg {
    position: relative;
    z-index: 2;
}

.titoloBoxIco {
    position: relative;
    z-index: 2;
    font-size: 20px;
    text-align:center !important;
}

    .titoloBoxIco a, .titoloBoxIco a:hover {
        color: inherit;
    }

.plusbox {
    margin: 0 2% !important;
    width: 89% !important;
}

.panelBoxhome .sortable-placeholder {
    width: 7% !important;
    float: none;
    display: inline-table;
    overflow: hidden;
}

.boxhome iframe {
    width: 100%;
}

.boxhome img {
    max-width: 100%;
    height: auto;
}

.paginainterna {
    float: left;
    padding: 0px 0%;
    width: 62%;
    margin: 20px 0% 0px 0;
}

.submenuinterno, .paginalaterale {
    clear: right;
    float: right;
    margin: 20px 2% 0px 0;
    padding: 15px 1.5%;
    width: 30%;
}

.testo-laterale {
    display: none;
}

.paginalaterale iframe {
    width: 100%;
}

.submenu-home {
    float: left;
    width: 100%;
    margin: 5px 0px;
    list-style: none;
    padding: 0px;
}

    .submenu-home li {
        margin: 0px 0px 5px;
        padding: 5px 0px 5px;
        border-bottom: 1px solid #ddd;
        text-align: left;
    }

        .submenu-home li a {
            font-family: 'Montserrat';
            letter-spacing: 1px;
            text-transform: uppercase;
            color: inherit;
        }

            .submenu-home li a:hover {
                color: inherit;
            }

.guideUtili .item-guideutili, .documenti .item-documenti {
    border-bottom: 1px solid #9b8579;
    margin: 15px 0;
    padding-bottom: 5px;
}

    .guideUtili .item-guideutili p.titolo a, .documenti .item-documenti p.titolo a {
        font-size: 13px;
        font-weight: bold;
    }

    .guideUtili .item-guideutili p.download, .documenti .item-documenti p.download {
        text-align: right;
    }

    .guideUtili .item-guideutili p, .documenti .item-documenti p {
        margin: 0;
    }

.innerPagePopup div {
    margin: 10px;
    width: 640px;
    letter-spacing: 0.05em;
    line-height: 20px;
}
/*Content*/

/*Footer*/
#Footer-wrapper {
    clear: both;
    overflow: hidden;
    position: relative;
    margin: 0 0 0;
    float: left;
    width: 97%;
    padding: 20px 1.5%;
}

.inner-body #Footer-wrapper {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 120px;
    padding: 15px 1.5% 5px;
}

#Footer {
    margin: 0px 0;
    padding: 5px 0px 10px;
    width: 75%;
    float: left;
}

    #Footer .dati-footer {
        float: left;
        width: 100%;
    }

        #Footer .dati-footer p {
            margin: 1px 0px;
        }

        #Footer .dati-footer a {
            color: inherit;
        }

#Footer-credits {
    float: left;
    padding: 2px 0px 0px;
    text-align: left;
    width: 100%;
    font-size: 11px;
}

    #Footer-credits p {
        margin: 0px;
    }

        #Footer-credits p a {
            color: inherit;
        }
/*Footer*/


/*Tab News Home*/
#tabs-news {
    float: left;
    width: 100%;
}

    #tabs-news .ui-tabs-nav {
        float: left;
        width: 100%;
        border: 0px;
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        #tabs-news .ui-tabs-nav .ui-state-default {
            float: left;
            border: 0px;
            margin-right: 1px;
            padding: 7px 12px;
        }

    #tabs-news .ui-tabs-panel {
        float: left;
        width: 96%;
        margin: 5px 2%;
    }

    #tabs-news .ui-tabs-hide {
        display: none;
    }

    #tabs-news .ui-tabs-nav .ui-state-default a {
        color: inherit;
    }

    #tabs-news .ui-tabs-nav .ui-state-active a {
        font-size: 13px;
        color: #000024;
    }

.infoGoogleNews {
    font-size: 11px;
    padding: 0px;
    width: 100%;
    margin: 5px 0px;
}

    .infoGoogleNews a {
        text-decoration: underline;
    }
/*Tab News Home*/

/*News*/
.item-news {
    margin-bottom: 5px;
    margin-top: 0;
    overflow: hidden;
    padding-bottom: 2px;
    position: relative;
    text-align: left;
}

    .item-news .img {
        float: left;
        height: 40px;
        margin-right: 2%;
        overflow: hidden;
        width: 10%;
    }

        .item-news .img img {
            width: 100%;
        }

.boxhome .item-news .img {
    display: none;
}

.item-news .date {
    color: #231f20;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0% 0px 0px;
}

.item-news .title {
    width: 100%;
    margin: 0px 0px;
    text-align: left;
}

.item-news .descrizione, .item-news .leggi-tutto {
    display: none;
}

.contenutoNews {
    float: left;
    width: 100%;
}

.item-news .date {
    margin: 0%;
    width: 100%;
    font-weight: 700;
    font-size: 11px;
    color: inherit;
}

.item-news .title a {
    color: inherit;
}

.item-news p {
    margin: 0px 0 0 0;
}

    .item-news p a {
        color: inherit;
    }

.item-news .descrizione, .item-news .leggi-tutto {
    display: none;
}

.item-archivio-news {
    float: left;
    width: 100%;
    margin: 10px 0px;
}

    .item-archivio-news .img {
        float: left;
        width: 10%;
        margin: 0px 1% 0px 0px;
    }

        .item-archivio-news .img img {
            width: 100%;
        }

    .item-archivio-news .date {
        float: left;
        width: 89%;
        font-weight: bold;
        font-size: 11px;
        color: #000;
    }

    .item-archivio-news .text-news {
        float: left;
        width: 89%;
    }

        .item-archivio-news .text-news .title {
            float: left;
            width: 100%;
            font-size: 14px;
            font-weight: bold;
            margin: 0px;
        }

        .item-archivio-news .text-news .descrizione {
            float: left;
            width: 100%;
            margin: 0px;
        }

        .item-archivio-news .text-news a {
            display: block;
        }
/*News*/

/*Share*/
.share {
    float: right;
    width: 200px;
}

    .share p {
        float: right;
    }

        .share p a {
            float: left;
            margin-left: 5px;
        }

        .share p span {
            float: left;
            margin-left: 5px;
        }
/*Share*/

/*Search*/
.itemSearch {
    float: left;
    width: 100%;
    margin: 10px 0px;
}

    .itemSearch a {
        font-size: 14px;
        float: left;
        width: 100%;
    }

    .itemSearch p {
        margin: 0px;
        margin-top: 2px;
        float: left;
        width: 100%;
    }

.highlight {
    font-weight: bold;
}
/*Search*/

h1, h2, h3 {
    margin: 0px;
    padding-bottom: 10px;
}

.imageWhole {
    width: 100%;
    height: auto;
}
/*Modulo Consiglio Notarile*/
.box-ricerca {
    float: left;
    margin: 0px 15px 10px 0px;
}

    .box-ricerca .button {
        margin-right: 10px;
    }

.elenconotai {
    overflow: hidden;
    margin: 15px -15px;
    width: 100%;
    display: inline-block;
}

    .elenconotai .notaio {
        float: left;
        width: 50%;
        padding: 10px 15px;
        box-sizing: border-box;
    }

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

        .elenconotai .notaio > div {
            border: 1px solid #CCC;
            padding: 10px 15px;
            transition-property: border-color;
            transition-duration: 1s;
        }

            .elenconotai .notaio > div:hover {
                border-color: #1a1a1a;
            }

        .elenconotai .notaio h4 {
            font-size: 20px;
            font-weight: bold;
            margin: 5px 0px 5px;
        }

        .elenconotai .notaio p {
            margin: 5px 0px;
        }

.schedanotaio h2 {
    margin: 30px 0px 10px;
}

@media all and (max-width: 600px) {
    .elenconotai .notaio {
        width: 100%;
    }

    .box-ricerca {
        margin: 0px 0px 10px 0px;
        width: 100%;
    }
}

.amministrazione_trasparente {
    overflow: hidden;
    margin: 15px -15px;
    width: 100%;
    display: inline-block;
}

    .amministrazione_trasparente .sezione {
        float: left;
        width: 50%;
        padding: 10px 15px;
        box-sizing: border-box;
    }

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

        .amministrazione_trasparente .sezione > ul {
            list-style: none;
        }

            .amministrazione_trasparente .sezione > ul > li {
                position: relative;
                margin-bottom: 5px;
            }

                .amministrazione_trasparente .sezione > ul > li > ul {
                    list-style: square;
                }

        .amministrazione_trasparente .sezione h3 {
            font-size: 20px;
            font-weight: normal;
            margin: 5px 0px 5px;
            line-height: 22px;
            background: rgba(240,240,240,0.5);
            border: 1px solid #ddd;
            padding: 10px 15px;
        }

            .amministrazione_trasparente .sezione h3 .articoli {
                font-size: 12px;
                width: 100%;
                margin: 0px 0px;
                display: inline-block;
                line-height: normal;
            }

        .amministrazione_trasparente .sezione ul li ul {
            display: none;
        }

        .amministrazione_trasparente .sezione li .articoli a {
            font-style: italic;
        }

.toggleSubSection {
    font-size: 12px;
    position: absolute;
    left: -15px;
    top: 1px;
    color: #000;
}

    .toggleSubSection:hover {
        color: #000;
    }

    .toggleSubSection .plus:before {
        content: '\f067';
        font-family: 'FontAwesome';
        font-weight: normal;
        font-style: normal;
        display: inline-block;
        font-feature-settings: normal;
        font-kerning: auto;
        font-language-override: normal;
        font-size: inherit;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-synthesis: weight style;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-rendering: auto;
    }

    .toggleSubSection .minus:before {
        content: '\f068';
        font-family: 'FontAwesome';
        font-weight: normal;
        font-style: normal;
        display: inline-block;
        font-feature-settings: normal;
        font-kerning: auto;
        font-language-override: normal;
        font-size: inherit;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-synthesis: weight style;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-rendering: auto;
    }

@media all and (max-width: 600px) {
    .amministrazione_trasparente .sezione {
        width: 100%;
    }
}
/*Modulo Consiglio Notarile*/