/* Minification failed. Returning unminified contents.
(2787,51): run-time error CSS1036: Expected expression, found '''
(2787,129): run-time error CSS1036: Expected expression, found '''
(2788,53): run-time error CSS1036: Expected expression, found '''
(2788,133): run-time error CSS1036: Expected expression, found '''
 */
@charset "utf-8"; /*archiportale.com*/
/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, textarea, button, form {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    color: #515151
}
    /* table, caption, tbody, tfoot, thead, tr, th, td, table, tr, td {border-collapse:collapse!important; border-spacing:0!important}*/
    a:hover {
        cursor: hand;
        cursor: pointer
    }

:focus {
    outline: 0
}

body {
    font-family: 'Open Sans', Arial;
    line-height: 1;
    color: #000;
    font-weight: normal;
    font-size: 62.5%;
    width: 100%
}

.bgDocument {
    background: url(../immagini/bgAP.png) #EAEAEA;
    width: 100%;
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1
}

ol, ul {
    list-style: none
}

table {
    border-collapse: separate;
    border-spacing: 0
}
/*GLOBAL*/
.dn {
    display: none !important
}

.fl {
    float: left
}

.fr {
    float: right
}

.db {
    display: block
}

.owh {
    overflow: hidden
}

.ma-b {
    margin: 0 15px 5px 15px
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.b-0 {
    border: none !important
}

.rad {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.rad-t-r {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px
}

.rad-t-l {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px
}

.rad-b-r {
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.rad-b-l {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.br-r-0 {
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.txt-l {
    text-align: left
}

.txt-c {
    text-align: center
}

.txt-r {
    text-align: right
}

.mr-1 {
    margin-right: -1px
}

.no-shadow {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-boxshadow: none !important
}

em {
    font-style: italic !important
}
/* per la versione mobile nella class container e dossier settare la width:100*/
@font-face {
    font-family: 'dincond-blackregular';
    src: url('https://www.archiportale.com/Content/font/dincond-black-webfont.eot');
    src: url('https://www.archiportale.com/Content/font/dincond-black-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.archiportale.com/Content/font/dincond-black-webfont.woff') format('woff'), url('https://www.archiportale.com/Content/font/dincond-black-webfont.ttf') format('truetype'), url('https://www.archiportale.com/Content/font/dincond-black-webfont.svg#dincond-blackregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'dincond-boldregular';
    src: url('https://www.archiportale.com/Content/font/dincond-bold-webfont.eot');
    src: url('https://www.archiportale.com/Content/font/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.archiportale.com/Content/font/dincond-bold-webfont.woff') format('woff'), url('https://www.archiportale.com/Content/font/dincond-bold-webfont.ttf') format('truetype'), url('https://www.archiportale.com/Content/font/dincond-bold-webfont.svg#dincond-boldregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.font-dinBlackRegular {
    font-family: 'dincond-blackregular', Arial
}

.font-dinBoldRegular {
    font-family: 'dincond-boldregular', Arial
}
/*.headerEP {width:100%; position:absolute; top:6px;z-index:9000}
.headerEP .inset {width:1000px; margin:0 auto 0 auto; overflow:hidden}*/
.contLogo {
    margin-left: 75px;
    display: block;
    top: 0px;
    padding-top: 6px;
    position: fixed;
    overflow: hidden;
    z-index: 100000;
    width: 130px;
    height: 24px;
    background-color: #333
}

.logo {
    display: block;
    width: 112px;
    float: left;
    height: 26px;
    background-image: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png);
    background-position: 0 -164px
}

    .logo.archiportale {
        background-position: -1px -164px
    }

    .logo.archiproducts, .logo.en {
        background-position: -1px -193px;
        margin-right: 10px
    }

.headerEP .menu {
    font: normal 12px/22px 'Open Sans', Arial;
    color: #515151;
    display: block;
    float: left
}

    .headerEP .menu li {
        display: block;
        float: left
    }

        .headerEP .menu li.divisor {
            background: url(https://www.edilportale.com/Newsletter/dossier/immagini/div-menu.gif) center center no-repeat;
            margin: 6px 5px 5px 5px;
            height: 10px;
            width: 1px;
            overflow: hidden
        }

        .headerEP .menu li a {
            text-decoration: none
        }
/*.headerEP .network {display:block; float:right}
.headerEP .network a {display:block; float:left; background-image:url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png)}
.headerEP .network .archiportale {width:108px; height:19px; background-position:-146px -168px; margin-right:10px}
.headerEP .network .archiproducts {width:117px; height:21px; background-position:-1px -197px; margin-right:10px}
.headerEP .network .archilovers {width:91px; height:17px; background-position:-125px -198px}*/
.contBtnTab {
    display: none
}

.container { /*width:748px; */
    width: 1000px;
    margin: 20px auto 0 auto;
    position: relative; /*top:75px\9; margin:0 auto\9*/
}

.styled01 {
    z-index: 1000;
    cursor: pointer
}

.styled02 {
    z-index: 1000;
    cursor: pointer
}

.styled03 {
    z-index: 1000;
    cursor: pointer
}

.columnDx {
    position: fixed;
    z-index: 10;
    top: 40px
}

    .columnDx form {
        position: fixed;
        width: 1000px;
        max-width: 100%;
    }

    .columnDx .content {
        position: static;
        width: 238px;
        background: #333;
        border: 1px solid #333;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

    .columnDx .contentRequest {
        position: fixed;
        width: 1000px;
        max-width: 100%;
    }

    .columnDx .contact {
        z-index: 5
    }

        .columnDx.contact .content {
            z-index: 6
        }

    .columnDx.request .content {
        z-index: 7
    }

    .columnDx.contact.errorInput {
        z-index: 900
    }

        .columnDx.contact.errorInput #divSlider {
            overflow: visible !Important
        }

        .columnDx.contact.errorInput .content {
            -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 4px 16px rgba(0,0,0,.2);
            box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
        }

.columnDxB {
    position: relative;
    z-index: 1;
    top: 0px
}

    .columnDxB form {
        position: relative;
        width: 1000px;
        max-width: 100%;
    }

    .columnDxB .content {
        position: relative;
        width: 238px;
        background: #333;
        border: 1px solid #333;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

    .columnDxB .contentRequest {
        position: relative;
        width: 1000px;
        max-width: 100%;
    }

    .columnDxB .contact {
        z-index: 5
    }

        .columnDxB.contact .content {
            z-index: 6
        }

    .columnDxB.request .content {
        z-index: 7
    }

    .columnDxB.contact.errorInput {
        z-index: 900
    }

        .columnDxB.contact.errorInput #divSlider {
            overflow: visible !Important
        }

        .columnDxB.contact.errorInput .content {
            -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 4px 16px rgba(0,0,0,.2);
            box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
        }

.shadow {
    -webkit-box-shadow: 0px 0px 150px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 150px rgba(0, 0, 0, .5)
}

.blackLayer {
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0px;
    left: 0px
}

.dossier { /*width:100%; */
    width: 800px;
    -webkit-box-shadow: 0px 0px 100px rgba(225, 225, 225, 0.8);
}

.claim {
    width: 100%;
    border-top-right-radius: .5em;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px
}

    .claim img {
        width: 100%
    }

.claimnb {
    width: 100%;
    border-top: 1px solid #fff;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px
}

.product {
    background: #4F4F4F;
    position: relative; /*border:1px solid #414141;*/
    border-bottom-color: #363b3f;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    box-shadow: rgba(0,0,0,0.1) 0 1px 3px
}

    .product .header {
        padding: 1em;
        overflow: hidden;
        background: #fff; /*background:url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top,  #f7f7f7 0%, #efefef 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#efefef)); background:-webkit-linear-gradient(top,  #f7f7f7 0%,#efefef 100%); background:-o-linear-gradient(top,  #f7f7f7 0%,#efefef 100%); background:-ms-linear-gradient(top,  #f7f7f7 0%,#efefef 100%); background:linear-gradient(top,  #f7f7f7 0%,#efefef 100%); /filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#efefef',GradientType=0 ); */
    }

    .product .option {
        padding: .2em .7em;
        overflow: hidden;
        border-bottom: 1px dotted #777;
        margin-bottom: 5px
    }

        .product .option .boxAllCheck {
            float: right;
            margin: 6px 40px 0 5px;
            width: 330px;
            height: 26px;
            position: relative
        }

            .product .option .boxAllCheck .contCheck {
                display: block;
                position: absolute;
                right: 0;
                top: 12px
            }

            .product .option .boxAllCheck label:hover {
                cursor: hand;
                cursor: pointer
            }

            .product .option .boxAllCheck p {
                display: block;
                padding: 0 0 0 5px;
                float: left;
                overflow: hidden;
                font-size: 10px;
                line-height: 13px;
                color: #c7c7c7 !important
            }

            .product .option .boxAllCheck label:hover p {
                text-decoration: underline
            }

            .product .option .boxAllCheck .titleCheck {
                font-size: 13px;
                color: #DAD8B3;
                position: absolute;
                right: 0;
                top: 5px
            }

            .product .option .boxAllCheck i {
                display: block;
                float: left;
                width: 5px;
                margin: 7em;
                height: 9px;
                background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -52px -104px
            }

        .product .option .btn {
            display: block;
            float: right;
            margin: 2px 15px 0 0
        }

    .product .header .boxTitleHeader {
        margin-top: .3em;
        text-align: center
    }

        .product .header .boxTitleHeader .titleHeader {
            font-size: 1.9em;
            font-weight: bold;
            color: #515151
        }

        .product .header .boxTitleHeader .subtitleHeader {
            font: normal 12px 'Open Sans', Arial;
            color: #666
        }

.option .sb-custom {
    display: block;
    float: left;
    width: inherit;
    margin-top: 4px
}

.option .search {
    width: 200px;
    float: left;
    border: 1px solid #ddd;
    border-top-color: #c9c9c9;
    position: relative;
    background: #fff;
    padding: 6px 30px 7px 4px;
    margin: 2px -1px 0 0;
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .1) inset;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .1) inset
}

.option .buttonSearch {
    width: 25px;
    height: 24px;
    background: #f1f1f1;
    display: block;
    float: left;
    border: 1px solid #ddd;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

    .option .buttonSearch:hover {
        -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
        border-color: #bbb;
        background-color: #f4f4f4
    }

.option .search input {
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
    font-size: 12px;
    color: #515151;
    width: 190px
}

.contAllProd {
    height: 40px;
    width: 800px;
    left: 0;
    background: #fff;
    font-size: 0;
    position: relative
}

.shad {
    box-shadow: -3px 5px 7px -5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: -3px 5px 7px -5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -3px 5px 7px -5px rgba(0, 0, 0, 0.1);
}

.contAllProd .seeAllProd {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: 50%;
    background: #333;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    position: relative;
    z-index: 10
}

    .contAllProd .seeAllProd #viewnonespan, .contAllProd .seeAllProd #viewallspan {
        display: block
    }

    .contAllProd .seeAllProd .textView {
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        padding: 0 20px;
        height: 40px;
        line-height: 40px;
        color: #999;
        position: relative;
        color: #c7c7c7
    }

    .contAllProd .seeAllProd:after {
        content: ".";
        position: absolute;
        z-index: 15;
        width: 35px;
        height: 40px;
        overflow: hidden;
        line-height: 200px;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        position: absolute;
        top: 0;
        right: -35px;
        background: url(https://www.archiportale.com/Newsletter/dossier/Images/corner.png);
    }

    .contAllProd .seeAllProd.open .textView:after {
        content: "▲";
        position: absolute;
        color: #A82323;
        top: 0;
        right: -5px;
        z-index: 10;
        font-size: 12px;
    }

    .contAllProd .seeAllProd.close .textView:after {
        content: "▼";
        position: absolute;
        color: #A82323;
        top: 0;
        right: -5px;
        z-index: 10;
        font-size: 12px;
    }

    .contAllProd .seeAllProd:hover .textView {
        color: #DAD8B3
    }

.socialListButton {
    position: absolute;
    bottom: 0;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: 100%;
    height: 40px;
    background: #fff;
    font-size: 12px;
    *margin-top: -40px
}

.socialPlugins {
    margin-top: 10px;
    margin-right: 50px;
    float: right
}

.socialButton.important {
    width: 75px !important;
    float: left !important;
    margin-left: 10px !important;
    overflow: visible;
}

.google {
    display: inline-block;
    vertical-align: top;
}

.twitter.socialButton {
    display: inline-block;
    vertical-align: top;
}

.facebook {
    display: inline-block;
    vertical-align: top;
}

.socialButton {
    float: left !important;
    margin-left: 10px !important;
    overflow: visible;
}

.prodContBigText {
    margin-left: 15px;
    height: 15px;
    font-weight: bold;
    color: #8E999B
}

.product .firstList, .product .otherList {
    margin-left: 0;
    width: 100%
}

.footerList {
    position: relative;
    height: 40px;
    z-index: 4;
    float: left;
    background-color: white;
}

    .footerList .pagArrows {
        position: absolute;
        right: 5px;
        top: 8px
    }

        .footerList .pagArrows .prev-footer {
            width: 11px;
            height: 17px;
            background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -165px -144px;
            display: block;
            float: left;
            overflow: hidden;
            line-height: 200px
        }

        .footerList .pagArrows .next-footer {
            width: 11px;
            height: 17px;
            background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -178px -144px;
            display: block;
            float: left;
            overflow: hidden;
            line-height: 200px
        }

        .footerList .pagArrows .num {
            display: block;
            float: left;
            padding: 5px 10px 0 10px
        }

.boxProduct {
    width: 248px;
    position: relative;
    display: block;
    position: relative;
    height: 86px;
    display: block;
    float: left;
    overflow: hidden; /*border-bottom:1px dotted #e5e5e5*/
}

    .boxProduct .optionLayer {
        display: none;
        border: 1px solid #c6c6c6;
        position: absolute;
        top: 78px;
        left: 0px;
        width: 246px;
        height: 77px;
        background: #ececec;
        -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1)
    }

    .boxProduct label {
        display: block;
        padding: 3px 10px 2px 7px
    }

        .boxProduct label:hover {
            cursor: hand;
            cursor: pointer
        }

            .boxProduct label:hover p {
                text-decoration: underline
            }

        .boxProduct label p {
            display: block;
            padding: 0 0 0 5px;
            overflow: hidden;
            font-size: 10px;
            line-height: 13px;
            color: #DAD8B3
        }

    .boxProduct .optionLayer .view {
        font-size: 1.1em;
        line-height: 1em
    }

    .boxProduct .optionLayer .contThumbSmall {
        display: block;
        overflow: hidden;
        margin-left: .7em
    }

        .boxProduct .optionLayer .contThumbSmall .thumbSmall {
            width: 26px;
            height: 26px;
            float: left;
            margin-right: 3px
        }

            .boxProduct .optionLayer .contThumbSmall .thumbSmall img {
                width: 100%;
                height: 100%
            }

    .boxProduct .optionLayer .titleProd {
        margin: .5em 0 .3em .7em
    }

    .boxProduct .optionLayer .checkInfo {
    }

.minTitle {
    margin-left: 15px;
    height: 15px;
    font-weight: bold;
    color: #8E999B
}
/*CHECKBOX CUSTOM*/
.ez-hide {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0)
}

.ez-checkbox {
    background: transparent url('../images/checkbox-red.png') 0 1px no-repeat;
    display: inline-block
}

.ez-radio {
    background: transparent url('../images/radio-black.png') 0 1px no-repeat;
    display: inline-block
}

.ez-checked {
    background-position: 0 -18px
}

.ez-selected {
    background-position: 0 -19px
}

.checkAll {
    background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -72px -129px no-repeat;
    width: 13px;
    height: 13px;
    float: left
}

.checkedAll {
    background-position: -91px -114px
}

.checkInfo {
    background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -72px -129px no-repeat;
    width: 13px;
    height: 14px; /*display:inline-block; *display:inline*/
    float: left
}

    .checkInfo:hover, .checkInfo input:hover {
        cursor: hand;
        cursor: pointer
    }

.checkInfoReq {
    background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -72px -114px no-repeat;
    width: 13px;
    height: 14px; /*display:inline-block; *display:inline*/
    float: left
}

.checkedInfo {
    background-position: -91px -114px
}

.checkInfo, .ez-radio {
    zoom: 1;
    *display: inline;
    _height: 30px
}
/*SELECT CUSTOM*/
.sb-custom {
    cursor: pointer;
    display: inline;
    position: relative;
    width: 100%
}

.option .divisorOption {
    float: left;
    width: 0;
    height: 20px;
    margin: 10px 0 0 0
}

.sb-custom i {
    width: 8px;
    height: 4px;
    display: block;
    background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -138px -144px;
    position: absolute;
    right: 12px;
    top: 43%;
    z-index: 10
}

.sparkbox-custom {
    display: none
}

.no-js .sparkbox-custom {
    display: block
}

.option .sb-select { /*width:165px!important;*/
    background: #A82323;
    float: left !important;
    cursor: pointer;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.sb-select {
    padding: 4px 19px 4px 13px;
    position: relative;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #BD2B48;
    left: 0;
    position: relative;
    text-decoration: none;
    top: 0;
    z-index: 1;
    background-image: url(/Newsletter/dossier/Images/arrows.gif) no-repeat 95% 50%
}

    .sb-select:hover {
        background: #D80F0F;
        -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
        border-color: #D80F0F
    }

.sb-dropdown {
    background: #fff;
    display: none;
    left: 5px;
    position: absolute;
    top: 50px;
    width: 220px !important;
    z-index: 900;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)
}

    .sb-dropdown li {
        display: block
    }

    .sb-dropdown a {
        color: #444;
        display: block;
        padding: 5px 7px;
        text-decoration: none;
        font-size: 1.1em
    }

        .sb-dropdown a:hover, .sb-dropdown .selected {
            background: #DFEFF7;
            color: #333
        }
/*--------------------------*/
.boxProduct a {
    text-decoration: none
}

.boxProduct .photo {
    display: block;
    padding: 2px;
    text-align: center;
    float: left;
    margin: .5em 0 .7em .6em;
    border: 1px solid #777
}

    .boxProduct .photo .cropPhoto {
        display: block;
        width: 100px;
        height: 71px;
        overflow: hidden
    }

    .boxProduct .photo img {
        width: 100%
    }

.boxProduct .text {
    display: block;
    padding: 5px 0 0 9px;
    overflow: hidden;
    height: 60px
}

.boxProduct .titleProd {
    display: block;
    font-size: 1.1em;
    line-height: 1.2em;
    font-weight: bold;
    color: #f7f7f7;
    padding-right: 5px
}

.boxProduct .description {
    display: block;
    font-size: 1em;
    color: #b6b6b6;
    line-height: 1.1em;
    padding-right: 5px
}

.boxProduct .contInput {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px
}

    .boxProduct .contInput input {
        float: right;
        margin-left: 5px
    }

    .boxProduct .contInput p {
        font-size: .9em;
        color: #08C;
        float: right;
        padding: 5px 3px 0 0
    }

.boxProduct.selected {
    background: #333 !important
}

.arrowsTitle {
    position: absolute;
    z-index: 1;
    height: 65px;
    width: 237px;
    right: 0;
    top: 5px;
    background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) 0 0
}

    .arrowsTitle .tip {
        display: block;
        width: 43px;
        height: 65px;
        float: left;
        background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) 0 -72px;
        margin-left: -43px
    }

.arrows {
}

.arrowsTitle .fold {
}

.arrowsTitle .arrowsTitleText {
    margin-top: 1em
}

    .arrowsTitle .arrowsTitleText .l-txt {
        display: block;
        font-size: 1.6em;
        color: #fff;
        font-weight: normal;
        text-transform: uppercase;
        font-family: 'dincond-boldregular', Arial
    }

    .arrowsTitle .arrowsTitleText .b-txt {
        display: block;
        font-size: 1.9em;
        color: #fff;
        font-weight: normal;
        text-transform: uppercase;
        font-family: 'dincond-blackregular', Arial
    }

.contactInfo {
    padding-top: 15px;
    overflow: hidden; /*margin:10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; */
    position: relative
}

.titleQuestion {
    font-family: 'dincond-blackregular', Arial;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 3.2em;
    color: #f7f7f7;
    margin: 4px 15px 7px 15px;
    line-height: 24px
}

    .titleQuestion span {
        color: #8E999B;
        font-size: .8em;
        display: inline-block;
        line-height: 26px !important;
        margin-top: 4px
    }

.companyName {
    font-size: 1.2em;
    color: #666;
    margin: 0 15px 10px 15px
}

    .companyName span {
        font-weight: bold
    }

.requestBox {
    display: block;
    overflow: hidden;
    margin: 0 15px 4px 15px
}

    .requestBox li {
        display: block;
        width: 101px;
        min-height: 2.2em;
        padding-bottom: 3px; /*display:-moz-inline-stack;*/
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        _height: 2.2em
    }

        .requestBox li.customLi {
            width: 100%;
            clear: both
        }

        .requestBox li.customLiTitle {
            width: 100%;
            clear: both;
            padding-bottom: 0px;
            color: #8E999B
        }

        .requestBox li .contCheckReq {
            font-size: 11px;
            display: block;
            position: relative
        }

        .requestBox li label p {
            display: block;
            padding: 0 0 0 15px;
            color: #b6b6b6;
        }

        .requestBox li:hover label p {
            text-decoration: underline
        }

.contactInfo .inputRequest {
    border: 1px solid #696969;
    margin: 0 16px 9px 15px;
    background: #4f4f4f;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1)
}

    .contactInfo .inputRequest textarea {
        color: #f7f7f7;
        font: 1.2em/1.1em 'Open Sans', Arial;
        overflow: auto;
        resize: none;
        width: 94%;
        padding: .3em .4em;
        height: 36px;
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        background: transparent
    }

.contactInfo .editInfo {
    margin: 0 15px 10px 15px;
    font-size: 1.4em;
    line-height: 1.1em;
    color: #1E95C8;
    font-weight: bold
}

.contactInfo .titleUserInfo {
    font-size: 1.0em;
    color: #999;
    margin-bottom: 5px;
    background: #fff;
    padding: 0 5px 0 0
}

.contactInfo .wrap-up {
    margin: 5px 15px 10px 15px;
    font-size: 1.1em;
    line-height: 1.4em;
    padding-top: 5px; /*border-top:1px dashed #ccc; */
    position: relative
}

    .contactInfo .wrap-up span {
    }

.contactInfo .divisor {
    height: 3px;
    line-height: 0;
    margin-bottom: 10px;
    background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) 0 -66px
}

.contactInfo .nameUser {
    font-size: 1.4em;
    font-weight: bold;
    display: block;
    margin-bottom: .3em
}

.contactInfo .sendButton {
    text-align: center
}

.contactInfo .edit {
    padding: 0 0 0 12px;
    color: #1E95C8;
    position: relative
}

    .contactInfo .edit i {
        position: absolute;
        left: 0;
        top: 0;
        width: 11px;
        height: 11px;
        background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -117px -71px
    }

.contactInfo .privacy {
    margin: 0 10px 10px 10px;
    color: #888
}

    .contactInfo .privacy p {
        padding-top: 2px;
        color: #B6B6B6
    }

    .contactInfo .privacy a {
        text-decoration: none;
        color: #8E999B
    }

        .contactInfo .privacy a:hover {
            text-decoration: underline
        }

.contactInfo input {
    margin-top: 0;
    float: left
}

.summaryProduct {
    display: block;
    overflow: auto
}

.headerSummary {
    margin: 0 15px 5px 15px;
    font-size: 1.1em;
    font-weight: bold;
    color: #999
}

.listProduct {
    display: block;
    overflow: hidden;
    padding: 1px 0 1px 14px;
    background: url(https://www.archiportale.com/Newsletter/dossier/Images/boxDashed.gif) 13px 3px repeat-y
}

    .listProduct li {
        float: left;
        position: relative;
        z-index: 10
    }

        .listProduct li a {
            display: block;
            width: 38px;
            height: 38px;
            margin: 2px
        }

            .listProduct li a img {
                width: 100%
            }

        .listProduct li .close {
            width: 21px;
            height: 21px;
            background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -93px -135px;
            position: absolute;
            top: -5px;
            right: -5px;
            display: none
        }

        .listProduct li a:hover {
            z-index: 20;
            -webkit-box-shadow: 0px 0px 5px rgba(30, 149, 200, 0.75);
            -moz-box-shadow: 0px 0px 5px rgba(30, 149, 200, 0.75);
            box-shadow: 0px 0px 5px rgba(30, 149, 200, 0.75)
        }

        .listProduct li:hover .close {
            display: block;
            z-index: 100
        }

        .listProduct li .close:hover {
            background-position: -114px -135px
        }

.summaryProduct {
    width: auto;
    margin-bottom: 10px
}

div.mousescroll {
    overflow: hidden
}

    div.mousescroll:hover {
        overflow-y: scroll
    }

.slimScrollDiv {
}

.box {
    height: 150px
}

.btn {
    padding: .8em 1.3em .9em 1.3em;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #444;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    background-color: #F5F5F5;
    background-image: -webkit-linear-gradient(top,#F5F5F5,#F1F1F1);
    background-image: -moz-linear-gradient(top,#F5F5F5,#F1F1F1);
    background-image: -ms-linear-gradient(top,#F5F5F5,#F1F1F1);
    background-image: -o-linear-gradient(top,#F5F5F5,#F1F1F1);
    background-image: linear-gradient(top,#F5F5F5,#F1F1F1);
    border: 1px solid #DCDCDC
}

.btnred {
    padding: .8em 1.3em .9em 1.3em;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: white;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    background-color: #B90000;
    background-image: -webkit-linear-gradient(top,#B90000,#F10000);
    background-image: -moz-linear-gradient(top,#B90000,#F10000);
    background-image: -ms-linear-gradient(top,#B90000,#F10000);
    background-image: -o-linear-gradient(top,#B90000,#F10000);
    background-image: linear-gradient(top,#B90000,#F10000);
    border: 1px solid #DCDCDC
}

.btn:hover {
    border: 1px solid #c6c6c6;
    background: #f8f8f8;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    position: relative
}

.btnred:hover {
    border: 1px solid #c6c6c6;
    background: #B90000;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    z-index: 10;
    position: relative
}

.btn:focus {
    border-color: #06C
}

.btn:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.btn.request {
    background: #1f9bcf;
    margin: 0 10px 10px 10px;
    text-shadow: 0 -1px #0d7099;
    font-size: 1.1em;
    color: #fff !important;
    filter: dropshadow(color=#0d7099, offx=0, offy=-1);
    border: 1px solid #1486b6;
    display: block
}

    .btn.request:hover {
        border: 1px solid #2F5BB7;
        background: #1f9bcf;
        background: -moz-linear-gradient(top, #1f9bcf 0%, #187ba6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f9bcf), color-stop(100%,#187ba6));
        background: -webkit-linear-gradient(top, #1f9bcf 0%,#187ba6 100%);
        background: -o-linear-gradient(top, #1f9bcf 0%,#187ba6 100%);
        background: -ms-linear-gradient(top, #1f9bcf 0%,#187ba6 100%);
        background: linear-gradient(top, #1f9bcf 0%,#187ba6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f9bcf', endColorstr='#187ba6',GradientType=0 )
    }

.modules {
    width: /*748px;*/ 800px;
    font-family: 'Open Sans';
    color: #515151;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden; /*border-top:1px solid #fff;*/
    background: #fff; /*-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;*/
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    margin-bottom: 10px
}

.footerDossier {
    border-top: 1px solid #fff;
    background: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    margin-bottom: 20px
}

.footerSocial {
    border-top: 1px solid #fff;
    background: #fff;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    margin: 0 0 20px 500px;
    width: 300px
}

    .footerSocial .inset {
        padding: 1.5em
    }

.logoCompany {
    display: block;
    text-align: center;
    margin-bottom: 10px
}

.footerDossier .inset {
    padding: 1.5em
}

.footerDossier .infoCompany {
    font-size: 1.1em;
    line-height: 17px;
    color: #515151;
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc
}

    .footerDossier .infoCompany span {
        font-weight: bold
    }

    .footerDossier .infoCompany a {
        color: #1E95C8;
        text-decoration: none
    }

        .footerDossier .infoCompany a:hover {
            text-decoration: underline
        }

.apLink {
    display: block;
    text-decoration: none;
    text-align: center;
    color: #999;
    font-size: 11px
}

    .apLink:hover {
        color: #666
    }
/*TIPSY*/
.btn.send {
    text-shadow: 0 -1px #8A001B;
    filter: dropshadow(color=#0d7099, offx=0, offy=-1);
    border: 1px solid #BD2B48;
    color: #fff;
    display: block;
    padding: .5em .5em .6em .5em;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0 60px 10px 60px;
    background: #A82323
}

    .btn.send:hover {
        border: 1px solid #D80F0F;
        background: #D80F0F
    }

.sendButton.disable .btn.send, .sendButton.disable .btn.send:hover {
    border-color: #575757;
    text-shadow: 0 -1px #050505;
    color: #aaa;
    background-color: #444 !important;
    cursor: default !important;
}

.tipsy {
    padding: 5px;
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    z-index: 100000
}

.tipsy-inner {
    padding: 6px 10px 8px 10px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center
}

.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tipsy-arrow {
    position: absolute;
    background: url('../images/tipsy.gif') no-repeat top left;
    width: 9px;
    height: 5px
}

.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    background-position: bottom left
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    background-position: bottom left
}

.tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px;
    background-position: top right
}

.tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px
}

#gravity {
    width: 100%;
    margin: 5px 0;
    border-spacing: 5px
}

    #gravity td {
        text-align: center;
        vertical-align: middle;
        padding: 5px 0;
        background-color: #d0d0d0;
        width: 33%
    }

    #gravity a {
    }

        #gravity a:hover {
            color: #505050;
            background: none
        }

.editLayer {
    background: #fff;
    padding-top: 15px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: auto;
    left: 0px;
    top: 0;
    z-index: 20;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px
}

    .editLayer .titleEdit {
        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 15px;
        text-align: center;
        color: #939fa9
    }

.contUserData {
    padding: 1px 0px 0px 15px;
    overflow: hidden
}

    .contUserData .contInput {
        margin-bottom: 4px;
        float: left;
        position: relative
    }

        .contUserData .contInput input {
            color: #c7c7c7;
            border: 1px solid #696969;
            background: #4F4F4F;
            padding: 3px 2px;
            font: 12px 'Open Sans', Arial;
            margin: 0;
            display: block;
            float: left;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px
        }
/*.contUserData .contSelect {margin-bottom:4px; float:left; position:relative; }
.contUserData .contSelect select {height:25px; font-size:12px; border:1px solid #696969;color:#c7c7c7; background:#4F4F4F; font-family:'Open Sans', Arial; float:left; display:inline-block; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; display:inline-block; margin:0; outline:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
@media screen and (-webkit-min-device-pixel-ratio:0) {.contUserData .contSelect select {padding-right:0}}	
.contUserData .contSelect:after {content:"▼"; position:absolute; top:0; right:0; bottom:0; font-size:8px; line-height:20px; padding:0 5px; background:#424242; color:#b6b6b6; pointer-events:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #696969; border-left:none}
.contUserData .contSelect:after {display:none/}*/
span.customSelect {
    width: 206px;
    font-size: 12px;
    color: #333;
    height: 25px;
    display: block;
    border: 1px solid #696969;
    font-family: 'Open Sans';
    margin: 0;
    outline: none;
    background: #4F4F4F;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

    span.customSelect.hover {
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    }

    span.customSelect.changed {
        background-color: blue;
    }

.customSelectInner {
    cursor: pointer;
    color: #c7c7c7;
    float: left;
    display: block;
    padding: 0 15px 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    width: inherit !important;
    line-height: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(../scripts/boxsizing.htc)
}

.arrow {
    cursor: pointer;
    border-color: #777 transparent;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    right: 20px;
    margin-top: 11px;
}

.contGray input {
    color: #999
}

.contUserData .contInput .selGray {
    color: #999
}

.contUserData .contSelect select .firstOpt {
    color: #c7c7c7
}

.contUserData .contSelect select option {
    color: #c7c7c7
}

.contUserData .contInput .nameInput {
    display: block;
    margin-right: 5px;
    width: 35px;
    float: left;
    text-align: right
}

.contUserData .contInput.name {
    margin-right: 5px
}

    .contUserData .contInput.name input {
        width: 95px
    }

.contUserData .contInput.surname input {
    width: 95px
}

.contUserData .contInput.adress {
    margin-right: 5px
}

    .contUserData .contInput.adress input {
        width: 109px
    }

.contUserData .contInput.zip input {
    width: 81px;
    margin-right: 5px
}

.contUserData .contInput.city {
    margin-right: 5px
}

    .contUserData .contInput.city input {
        width: 150px
    }

.contUserData .contSelect select {
    background: #4f4f4f
}

.contUserData .contSelect.state select {
    width: 46px
}

.contUserData .contSelect.nation {
    margin-right: 5px
}

    .contUserData .contSelect.nation select {
        width: 116px
    }

.contUserData .contSelect.profession {
    margin-right: 5px
}

    .contUserData .contSelect.profession select {
        width: 101px
    }

.contUserData .contSelect.workAs select {
    width: 101px
}

.contUserData .contSelect.activity {
    margin-bottom: 3px;
}

    .contUserData .contSelect.activity select {
        width: 207px
    }

.contUserData .contInput.company input {
    width: 201px
}

.contUserData .contInput.tel input {
    width: 81px
}

.contUserData .contInput.email input {
    width: 201px
}

.contUserData .contInput.notUser {
    width: 201px;
    height: 16px;
    font-size: 11px;
    padding-top: 6px
}

    .contUserData .contInput.notUser a {
        color: #DAD8B3;
        margin-top: 4px;
        text-decoration: none
    }

        .contUserData .contInput.notUser a:hover {
            text-decoration: underline
        }

.errorText {
    background: #FFFBA5 !important;
    color: #aaa !important
}

.voidText {
    color: #999 !important
}

.requestLayer {
    min-height: 306px;
    background: #fff;
    padding-top: 10px;
    overflow: hidden;
    position: absolute;
    width: 238px;
    right: 0px;
    top: 0;
    z-index: 20 !important;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    -webkit-box-shadow: 0px 0px 47px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 47px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 47px rgba(0, 0, 0, 0.5)
}

    .requestLayer .message {
        font-size: 13px;
        font-weight: bold;
        color: #1E95C8;
        line-height: 18px;
        margin: 10px 15px 10px 15px
    }

    .requestLayer .requestEmail {
        font-size: 13px;
        text-align: left;
        color: #666;
        line-height: 18px;
        margin: 10px 15px 10px 15px
    }

        .requestLayer .requestEmail strong {
            color: #333;
            font-weight: bold
        }

    .requestLayer .dataCompany .logo {
        margin-bottom: 7px
    }

    .requestLayer .dataCompany {
        font-size: 13px;
        color: #666;
        line-height: 18px;
        margin: 0 15px 20px 15px;
        padding-bottom: 15px;
    }

        .requestLayer .dataCompany div {
            font-weight: bold;
            color: #333;
            text-align: center;
            font-size: 13px;
            line-height: 18px
        }

        .requestLayer .dataCompany .logoCompany {
            margin: 5px auto;
        }

        .requestLayer .dataCompany a {
            text-decoration: none;
            color: #1E95C8
        }

            .requestLayer .dataCompany a:hover {
                text-decoration: underline
            }

    .requestLayer .titleProdReq {
        font-size: 1.2em;
        font-weight: bold;
        color: #333;
        margin: 0 15px 10px 15px
    }

    .requestLayer .message strong {
        color: #333;
        font-weight: bold
    }

    .requestLayer .otherProd {
        margin: 0 15px 25px 15px
    }

        .requestLayer .otherProd a {
            font-size: 1.1em;
            color: #999;
            text-decoration: none
        }

            .requestLayer .otherProd a:hover {
                color: #666
            }

.requestRadio {
    display: block;
    width: 215px;
    margin-bottom: 5px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(../scripts/boxsizing.htc);
    font-size: 0px
}

    .requestRadio li {
        display: inline-block; /*display:-moz-inline-stack; */
        zoom: 1;
        *display: inline;
        _height: 40px;
        vertical-align: top;
        _display: inline;
        width: 50%
    }

        .requestRadio li input {
            display: block;
            float: left;
            margin: 0;
            padding: 0
        }

        .requestRadio li p {
            color: #666;
            font-size: 11px;
            padding: 0 0 0 15px;
        }

.editLayerFooter {
    clear: both;
    padding: 5px 0 0 0;
    text-align: center
}

    .editLayerFooter a {
        margin: 0 5px;
        display: inline-block; /*display:-moz-inline-stack;*/
        zoom: 1;
        vertical-align: top;
        *display: inline
    }

.slides {
    position: relative
}

.slides_container {
    width: 760px;
    padding-top: 1px;
    margin: 0 auto
}

    .slides_container .panel {
        width: 760px;
        float: left
    }

.claim .slides_container {
    width: 100%;
    padding-top: 0;
    margin: 0 auto
}

    .claim .slides_container .panel {
        width: inherit;
        float: left
    }

.claimnb .slides_container {
    width: 100%;
    padding-top: 0;
    margin: 0 auto
}

    .claimnb .slides_container .panel {
        width: inherit;
        float: left
    }

.pagination {
    position: absolute;
    right: 5px;
    bottom: -20px;
    z-index: 50
}

    .pagination li {
        float: left;
        margin-right: 5px;
        display: block
    }

        .pagination li a {
            display: block;
            float: left;
            width: 11px;
            height: 11px;
            background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -128px -86px;
            overflow: hidden;
            line-height: 200px
        }

        .pagination li.current a {
            background-position: -128px -98px
        }

.product .next {
    width: 23px;
    height: 99.9%;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 9000;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px
}

.product .prev {
    width: 23px;
    height: 99.9%;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 9000;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px
}

.product .next:hover {
    background: #fff
}

.product .prev:hover {
    background: #fff
}

.product .next i {
    display: block;
    position: absolute;
    top: 47%;
    right: 6px;
    width: 10px;
    height: 25px;
    background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -126px -113px
}

.product .prev i {
    display: block;
    position: absolute;
    top: 47%;
    left: 6px;
    width: 10px;
    height: 25px;
    background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -113px -113px
}

.claim .next {
    width: 50%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 900;
    line-height: 9000;
    background: url(/Images/trasparent.png)
}

.claim .prev {
    width: 50%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    line-height: 9000;
    background: url(/Images/trasparent.png)
}

.claim .next i {
    display: none;
    position: absolute;
    top: 47%;
    right: 6px;
    width: 21px;
    height: 32px;
    background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -259px -71px
}

.claim .prev i {
    display: none;
    position: absolute;
    top: 47%;
    left: 6px;
    width: 21px;
    height: 32px;
    background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -259px -104px
}

.claim .next:hover i {
    display: block
}

.claim .prev:hover i {
    display: block
}

.claim .pagination {
    display: none !important;
    margin: 0 auto;
    position: inherit;
    overflow: hidden;
    top: inherit;
    right: inherit;
    bottom: inherit
}

.claimnb .next {
    width: 50%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 900;
    line-height: 9000;
    background: url(/Images/trasparent.png)
}

.claimnb .prev {
    width: 50%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    line-height: 9000;
    background: url(/Images/trasparent.png)
}

.claimnb .next i {
    display: none;
    position: absolute;
    top: 47%;
    right: 6px;
    width: 21px;
    height: 32px;
    background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -259px -71px
}

.claimnb .prev i {
    display: none;
    position: absolute;
    top: 47%;
    left: 6px;
    width: 21px;
    height: 32px;
    background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -259px -104px
}

.claimnb .next:hover i {
    display: block
}

.claimnb .prev:hover i {
    display: block
}

.claimnb .pagination {
    display: none !important;
    margin: 0 auto;
    position: inherit;
    overflow: hidden;
    top: inherit;
    right: inherit;
    bottom: inherit
}

.socialBar {
    margin-left: -87px;
    width: 85px;
    position: fixed;
    z-index: 6;
    background: rgba(255, 255, 255, .6);
    padding-top: 10px;
    border-radius: 8px 0 0 8px;
    border: 1px solid #E0E0E0;
    border-right: 1px solid #f0f0f0
}

    .socialBar .btnSocial {
        margin: 0 10px 10px 10px
    }

    .socialBar.horizzontal {
        position: relative;
        overflow: hidden;
        width: 700px;
        margin-left: 0;
        padding: 0;
        border: none;
        background: none
    }

        .socialBar.horizzontal .btnSocial {
            float: left
        }

.modules .titoloProva {
    font-size: 1.8em;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #F00;
    margin: 1em;
    padding-bottom: .5em
}

.modules .boxProva {
    margin-bottom: 3em;
    overflow: hidden
}

.modules .txtProva {
    padding: 20px;
    float: left;
    width: 400px
}

.modules a {
    color: #39c
}

.wmk {
    color: #aaa;
    left: 3px;
    font-size: 12px;
    position: absolute;
    top: 6px;
    cursor: text;
    display: none
}

.wmkHelp {
    color: #aaa;
    left: 5px;
    font-size: 13px;
    position: absolute;
    top: 10px;
    cursor: text
}

#scriviNotaWmk {
    color: #949494;
    left: 4px;
    font-size: 12px;
    position: absolute;
    top: 4px;
    cursor: text
}

.bagliore {
    left: -1px;
    top: -1px;
    position: absolute;
    display: none;
    z-index: 0;
    width: 240px;
    height: 100%;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-right-radius: 15px;
    -webkit-box-shadow: 0px 6px 12px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 6px 12px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 6px 12px rgba(50, 50, 50, 0.2)
}

.arrows2 {
    width: 30px;
    display: none;
    height: 60px;
    background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -152px -161px;
    position: absolute;
    z-index: 5;
    left: -27px;
    top: 244px
}

.help {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 800
}

    .help span {
        padding: 5px 10px;
        background: #333;
        width: 45px;
        vertical-align: top;
        cursor: hand;
        cursor: pointer;
        color: #fff;
        font-size: 11px;
        color: #fff;
        display: block; /*position:absolute;*/
        right: 0;
        bottom: 0;
        z-index: 10;
        -webkit-border-top-left-radius: 20px;
        -moz-border-radius-topleft: 20px;
        border-top-left-radius: 20px;
    }

        .help span i {
            display: inline-block;
            width: 13px;
            height: 13px;
            margin-right: 5px;
            background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -1px -73px
        }

.helpBox {
    width: 250px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

    .helpBox .contHelp {
        padding: 0 10px 10px 10px;
        position: relative;
    }

    .helpBox .closeBox {
        position: absolute;
        right: 5px;
        top: 5px;
        font-size: 10px;
        line-height: 15px;
        font-weight: bold;
        color: #fff;
        width: 15px;
        height: 15px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #D6AA5C;
        text-align: center
    }

        .helpBox .closeBox:hover {
            background-color: #BD5612
        }

.successHelp {
    width: 250px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background: #fff
}

    .successHelp .iconSuccess {
        width: 63px;
        height: 48px;
        margin: 30px auto 10px auto;
        background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -217px -145px;
    }

    .successHelp .succesMessage {
        font-size: 14px;
        line-height: 19px;
        width: 210px;
        margin: 0 auto 15px auto;
        text-align: center
    }

        .successHelp .succesMessage strong {
            font-weight: 700
        }

.trInput {
    position: relative;
    margin-bottom: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

    .trInput input[type="text"] {
        padding: 5px;
        color: #515151;
        border: 1px solid #ccc;
        font: normal 13px 'Open Sans', Arial;
        width: 95%;
        background: #fdfdfd;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
    }

    .trInput textarea {
        padding: 10px 5px 5px 5px;
        border: 1px solid #ccc;
        color: #515151;
        width: 95%;
        height: 80px;
        resize: none;
        font: normal 13px/13px 'Open Sans', Arial;
        background: #fdfdfd;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    }

    .trInput input[type="button"] {
    }

.helpBox .message {
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 14px;
    padding: 10px 20px 10px 10px;
    border-bottom: 1px solid #EEDC59;
    background: #FDF9CA;
}

    .helpBox .message strong {
        font-weight: bold
    }

.modalPopup {
    background: #666;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 6;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.popup {
    width: 400px;
    min-height: 200px;
    background: #fff;
    border: 1px solid #ACACAC;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .3);
    position: absolute;
    top: 150px;
    right: 300px;
    z-index: 901;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 4px 16px rgba(0,0,0,.2);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
}

    .popup .header {
        padding: 27px 32px 26px;
        color: #333;
        font-size: 24px;
        font-weight: 600
    }

    .popup .body {
        padding: 0 26px 26px 32px;
        margin-right: 6px;
        color: #515151;
        font-size: 14px;
        line-height: 21px;
        overflow: auto;
        max-height: 400px
    }

        .popup .body::-webkit-scrollbar {
            width: 10px;
            overflow: visible;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            border: solid 1px #A6A6A6;
            background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(202, 202, 202, 0.07)),color-stop(100%,rgba(229, 229, 229, 0.07)));
            background: -webkit-linear-gradient(left,rgba(202, 202, 202, 0.07) 0%,rgba(229, 229, 229, 0.07) 100%);
            -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15) inset,0 1px 0 0 white;
            -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,.15) inset,0 1px 0 0 #fff;
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15) inset,0 1px 0 0 white;
            background-color: #E5E5E5;
        }

        .popup .body::-webkit-scrollbar-thumb {
            background-color: #ECECEC;
            width: 10px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            border: solid 1px #A6A6A6;
        }

        .popup .body::-webkit-scrollbar-button {
            height: 0;
            display: block;
            background-color: transparent;
        }

    .popup .footer {
        padding-bottom: 15px
    }

    .popup .arrowsPopup {
        width: 19px;
        height: 36px;
        position: absolute;
        right: -19px;
        top: 77px;
        background: url(https://www.archiportale.com/Newsletter/dossier/Images/spriteDossier.png) -5px -93px
    }

.blur {
    filter: blur(3px) grayscale();
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
}

.highlightBtn .header {
    -webkit-transition: background .5s ease;
    background: #FFFBA5
}

.disableDiv {
    width: 250px;
    background: #000;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
}

#frmRichiesta .slimScrollDiv {
    right: 0px;
    position: absolute !important
}

#prodContBig .slimScrollDiv {
    right: 0px;
    position: relative !important
}

#divSlider {
    position: absolute;
    right: 0px;
    overflow: hidden !important;
    height: auto
}

.summaryProduct {
    overflow: hidden !important
}

.printBtn {
    height: 25px;
    color: #39c;
    font: normal 11px/25px 'Open Sans', Arial;
    padding: 0 10px;
    display: block;
    position: absolute;
    bottom: 6px;
    left: 15px
}

#Indirizzo {
    width: 201px;
    margin-right: 5px
}

.dProd {
    margin-bottom: 10px;
    *overflow: hidden;
    *position: relative
}
/*.netMenu.archiproducts .brochureDiv.brochureAPX {position: absolute!important;left: 50%!important;margin-left: -432px!important;border-left: 1px solid #777!important;border-right:none!important;height: 30px!important;padding-left: 10px!important;}*/
.contUserData .contInput.address input {
    width: 140px
}

.contUserData .contInput.civico input {
    width: 50px
}

/*Register dialog*/
#networkBarRemeberToConfirmBalloon {
    position: fixed;
    z-index: 2;
    top: 30px;
    width: 100%;
    margin-top: 5px;
}

    #networkBarRemeberToConfirmBalloon div {
        margin: auto;
        width: 900px;
        background-color: #fff100;
        padding: 10px;
        border: 1px gray solid;
        box-shadow: 3px 4px 8px gray
    }

@charset "utf-8"; 
/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, textarea, button, form{margin:0; padding:0; border:0; outline:0;  font-weight:inherit; font-style:inherit;}
/*table, caption, tbody, tfoot, thead, tr, th, td,{}*/
a:hover{cursor:hand; cursor:pointer}
:focus{outline:0}
body{font-family:'Open Sans', Arial; line-height:1; color:black; font-size:62.5%;color:#515151;background:url(/newsletter/dossier/immagini/bgAP.png) 0 0 repeat #eaeaea}
ol, ul{list-style:none}
table{border-collapse:separate; border-spacing:0}
/*GLOBAL*/
.fl{float:left}
.fr{float:right}
.db{display:block}
.owh{overflow:hidden}
.clearfix:after{clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden}
@font-face{font-family:'dincond-boldregular'; src:url(https://www.archiportale.com/Content/font/dincond-bold-webfont.eot'); src:url(https://www.archiportale.com/Content/font/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'), url(https://www.archiportale.com/Content/font/dincond-bold-webfont.woff') format('woff'), url(https://www.archiportale.com/Content/font/dincond-bold-webfont.ttf') format('truetype'), url(https://www.archiportale.com/Content/font/dincond-bold-webfont.svg#dincond-boldregular') format('svg'); font-weight: normal; font-style: normal}
@font-face{font-family:'dincond-blackregular'; src: url(https://www.archiportale.com/Content/font/dincond-black-webfont.eot'); src: url(https://www.archiportale.com/Content/font/dincond-black-webfont.eot?#iefix') format('embedded-opentype'), url(https://www.archiportale.com/Content/font/dincond-black-webfont.woff') format('woff'), url(https://www.archiportale.com/Content/font/dincond-black-webfont.ttf') format('truetype'), url(https://www.archiportale.com/Content/font/dincond-black-webfont.svg#dincond-blackregular') format('svg'); font-weight: normal; font-style: normal}
.font-dinBlackRegular{font-family:'dincond-blackregular', Arial}
.font-dinBoldRegular{font-family:'dincond-boldregular', Arial}
/*BORDER-RADIUS*/
.b-0{ border:none!important}
.rad{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.rad-t-r{-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px}
.rad-t-l{-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px}
.rad-b-r{-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px}
.rad-b-l{-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px}
.br-r-0{-webkit-border-top-right-radius:0!important; -webkit-border-bottom-right-radius:0!important; -moz-border-radius-topright:0!important; -moz-border-radius-bottomright:0!important; border-top-right-radius:0!important; border-bottom-right-radius:0!important}
/*TEXT-ALIGN*/
.txt-l { text-align:left}
.txt-c{ text-align:center}
.txt-r{ text-align:right}
.txt-j{ text-align:justify; text-justify: inter-word}
/*MARGIN*/
.ma-t-0{margin-top:0px!important}
.ma-t-5{margin-top:5px}
.ma-t-10{margin-top:10px}
.ma-t-15{margin-top:15px}
.ma-t-20{margin-top:20px}
.ma-t-25{margin-top:25px}
.ma-r-0{margin-right:0px!important}
.ma-r-5{margin-right:5px}
.ma-r-10{margin-right:10px}
.ma-r-15{margin-right:15px}
.ma-r-20{margin-right:20px}
.ma-r-25{margin-right:25px}
.ma-b-0{margin-bottom:0px!important}
.ma-b-5{margin-bottom:5px}
.ma-b-10{margin-bottom:10px}
.ma-b-15{margin-bottom:15px}
.ma-b-20{margin-bottom:20px}
.ma-b-25{margin-bottom:25px}
.ma-l-0{margin-left:0px!important}
.ma-l-5{margin-left:5px}
.ma-l-10{margin-left:10px}
.ma-l-15{margin-left:15px}
.ma-l-20{margin-left:20px}
.ma-l-25{margin-left:25px}
/*PADDING*/
.padding-10{ padding:10px}
.padding-20{ padding:20px}
.padding-30{ padding:30px}
.padding-40{ padding:40px}
.pa-t-40{ padding-top:40px}
.pa-b-5{padding-bottom:5px}
.pa-b-10{padding-bottom:10px}
.pa-b-15{padding-bottom:15px}
.pa-b-20{padding-bottom:20px}
.pa-b-25{padding-bottom:25px}
.pa-r-5{ padding-right:5px}
.pa-r-10{ padding-right:10px}
.pa-r-15{ padding-right:15px}
.pa-r-20{ padding-right:20px}
.pa-r-25{ padding-right:25px}
.pa-r-30{ padding-right:30px}
.pa-r-40{ padding-right:40px}
.pa-r-60{ padding-right:60px}
.pa-l-20{ padding-left:20px}
.pa-l-10{ padding-left:10px}
.pa-l-5{ padding-left:5px}
.pa-r-7{ padding-right:7px}
.pa-l-7{ padding-left:7px}
.pa-r-5{ padding-right:5px}
.pa-l-5{ padding-left:5px}

/*COLUMN*/
.column-2-354{-moz-column-width: 344px; -webkit-column-width: 344px; -moz-column-gap: 10px; -webkit-column-gap: 10px;}
.table-2-col{ width:100%;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *behavior: url(/csmartnews/css/boxsizing.htc);}
.table-2-col:after{clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden}
.cell-1{ width:50%; padding:0 15px 10px 0; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *behavior: url(/csmartnews/css/boxsizing.htc);}
.cell-2{ width:50%; padding:0 0 10px 15px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *behavior: url(/csmartnews/css/boxsizing.htc);}
.w100p{width:100%}
.w90p{width:90%}
.w85p{width:85%}
.w80p{width:80%}
.w75p{width:75%}
.w70p{width:70%}
.w60p{width:60%}
.w50p{width:50%}
.w40p{width:40%}
.w30p{width:30%}
.w25p{width:25%}
.w20p{width:20%}
.w15p{width:15%}
.w10p{width:10%}
.w33-3p{width:33.3%}
.w90-3p{width:90%}
.w80-3p{width:80%}
.w15-3p{width:15%}
.w5-3p{width:5%}
/*TEXT-COLOR*/
.color-orange{ color:#FF7720!important}
.color-orange-strong{color:#cf460a!important}
.color-blue{ color:#0072B6!important}
.color-blue-strong{ color:#002A54!important}
.color-green{color:#72A603!important}
.color-green-strong{ color:#022601!important}
.color-red{ color:#E82C0C!important}
.color-red-strong{ color:#83270D!important}
.color-purple{ color:#d82066!important}
.color-purple-strong{ color:#9f0640!important}
.color-grey{color:#ccc!important}
.color-grey-strong{color:#999!important}

/*BORDER*/
.bo-t-das{ border-top:1px dashed #ccc}
.bo-r-das{ border-right:1px dashed #ccc}
.bo-b-das{ border-bottom:1px dashed #ccc}
.bo-l-das{ border-left:1px dashed #ccc}
.bo-das{ border:1px dashed #ccc}
.bo-t-sol{ border-top:1px solid #ccc}
.bo-r-sol{ border-right:1px solid #ccc}
.bo-b-sol{ border-bottom:1px solid #ccc}
.bo-l-sol{ border-left:1px solid #ccc}
.bo-sol{ border:1px solid #ccc}

/*MODULES*/
.modules{width:/*748px;*/800px;font-family:'Open Sans';color:#515151;font-size:14px;line-height:22px;overflow:hidden;/*border-top:1px solid #fff;*/background:#fff; /*-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;*/	-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;	-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;	box-shadow: rgba(0,0,0,0.3) 0 1px 3px;	margin-bottom:10px}
.modules strong, .modules b{ font-weight:bold}
.modules p{ display:block; margin-bottom:10px}
.modules a{ color:#0072B6}
.modules h1{ font:bold 45px/45px 'Archivo Narrow', Arial; display:block; margin-bottom:10px; color:#333 }
.modules h2{ font:normal 26px/28px 'Archivo Narrow', Arial; display:block; margin-bottom:15px; color:#333 }
.modules h3{ font:normal 20px/22px 'Archivo Narrow', Arial; display:block; color:#333 }
.modules h4{ font:normal 18px/21px 'Archivo Narrow', Arial; display:block; color:#333 }
.modules h5{ font:normal 16px/17px 'Archivo Narrow', Arial; display:block; color:#333 }
.modules ul{ padding:0 10px}
.modules ul li{ padding:0 0 5px 15px; font-size:14px; display:block; background:url(/Newsletter/dossier/Images/listItem_01.png) left 6px no-repeat; line-height:22px}
.font10{ font-size:10px}
.font11{ font-size:11px}

.yellowBox{ background:#FFC; border:1px solid #C93; padding:10px}
.balloon{ background:rgba(0, 0, 0, .8); position:relative;/* background:#000;*/ color:#f7f7f7; padding:10px; margin-bottom:17px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.balloon i{ opacity:.8; position:absolute; display:block; z-index:100; background-image:url(/csmartnews/Images/spriteDossier.png);}
.balloon.arrows-b i{width:16px; height:16px; background-position:-197px -88px; bottom:-16px; left:30%}
.balloon.arrows-l i{width:16px; height:16px; background-position:-193px -107px; top:30%; left:-16px}
.balloon.arrows-t i{width:16px; height:16px; background-position:-214px -79px; top:-16px; left:30%}
.balloon.arrows-r i{width:16px; height:16px; background-position:-227px -107px; top:30%; right:-16px}
.table{ font-size:0; width:100%;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *behavior:url(/csmartnews/css/boxsizing.htc)}
.table .cell{ display:inline-block;*float:left; /*display:-moz-inline-stack;*/font-size:14px; line-height:22px;  *display:inline; vertical-align:top; zoom:1; _height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *behavior:url(/csmartnews/css/boxsizing.htc)}
/**:first-child+html .table .cell{ display:block!important; float:left!important}*/
.dida{color:#777;line-height:13px;font-size:10px}


/* style dalla index.aspx */
#megacontainer{width: 1000px; margin: 40px auto 0 auto;}
.claim .slides_container .panel{width: 800px; display: block}
.modules.bottom{width: 266px; margin-left: 462px; padding: 10px;}


/* All Smartphones in portrait and landscape ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 680px) 
{
    .infoContainer{background:#F9F9F9;padding:10px}
.inviaContainer.scrollable .infoContainer{background:#F9F9F9;padding-bottom:0!important;border-bottom:1px solid #ccc}
.titleQuestion{font:normal 26px/18px dincond-boldregular, Arial!important;color:#333!important;padding:0 5px 3px 7px!important;margin:0!important;float:left}
.titleQuestion span{font:normal 26px/26px dincond-boldregular, Arial!important;text-transform:none;color:#333!important;margin:0!important}
.innerDossier{width:100%}

.infoCollapsed{margin-top:7px;clear:both}
.personalModify{font:700 13px/16px 'Open Sans',Arial;color:#333}
.personalModify a{color:#1A8DC4;text-decoration:none;font-weight:400;padding-left:10px;padding-bottom:5px;display:inline-block}
.personalData{font:400 13px/16px 'Open Sans',Arial;color:#333;padding-left:7px}

.inviaContainer{position:relative}
.inviaContainer .btnInvia{text-align:center;margin:8px auto 5px;display:block;text-decoration:none;}
.thankYouExtra.inviaContainer .btnInvia{margin:2px auto}
.inviaContainer .btnInvia span{display:inline-block;font:700 15px 'Open Sans', Serif;border:1px solid #0060B9; padding:10px 20px;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#67b9e5;background:-moz-linear-gradient(top,  #67b9e5 0%, #258dc8 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#67b9e5), color-stop(100%,#258dc8));background:-webkit-linear-gradient(top,  #67b9e5 0%,#258dc8 100%);background:-o-linear-gradient(top,  #67b9e5 0%,#258dc8 100%);background:-ms-linear-gradient(top,  #67b9e5 0%,#258dc8 100%);background:linear-gradient(to bottom,  #67b9e5 0%,#258dc8 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#67b9e5', endColorstr='#258dc8',GradientType=0 );}
.inviaContainer p{text-align:center;font:400 12px/12px Arial;color:#333;position:absolute;right:0;bottom:0}
.inviaContainer p a{text-decoration:none;color:#666666}
.thankYouCompanyName{font-weight:700!important}
.thankYouCompanyName,.thankYouCompanyAdress,.thankYouCompanyPhone{line-height:14px!important}
.infoOpened{padding-top:10px;clear:both}
.optionRequest{ display:block; width:100%}
.optionRequest li.customLi { width:100%; clear:both}
.optionRequest li{ display:inline-block; width:48%; font-size:12px; margin-bottom:2px; min-height:20px}
.optionRequest li label{ display:block;text-shadow:0 1px #fff}
.optionRequest li label input{ float:left}
input,textarea{ margin:0; padding:0; -webkit-appearance:none}
input:focus, textarea:focus, select:focus {outline-color:#c00}
input[type=checkbox]{display:inline-block;border:1px solid #999;font-size:12px;line-height:10px; margin:0 10px 0 0; width:20px; height:20px; vertical-align:text-top;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#d6d6d6;background:-moz-linear-gradient(top,  #d6d6d6 0%, #f2f2f2 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#f2f2f2));background:-webkit-linear-gradient(top,  #d6d6d6 0%,#f2f2f2 100%);background:-o-linear-gradient(top,  #d6d6d6 0%,#f2f2f2 100%);background:-ms-linear-gradient(top,  #d6d6d6 0%,#f2f2f2 100%);background:linear-gradient(to bottom,  #d6d6d6 0%,#f2f2f2 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#f2f2f2',GradientType=0 )}
input[type=checkbox]:checked {background:url(https://www.edilportale.com/Images/checked.png) center center no-repeat; -webkit-background-size:15px 15px}
input[type=radio]{display:inline-block;border:1px solid #999;font-size:12px;line-height:10px; margin:0 10px 0 0; width:20px; height:20px; vertical-align:text-top;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:#d6d6d6;background:-moz-linear-gradient(top,  #d6d6d6 0%, #f2f2f2 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#f2f2f2));background:-webkit-linear-gradient(top,  #d6d6d6 0%,#f2f2f2 100%);background:-o-linear-gradient(top,  #d6d6d6 0%,#f2f2f2 100%);background:-ms-linear-gradient(top,  #d6d6d6 0%,#f2f2f2 100%);background:linear-gradient(to bottom,  #d6d6d6 0%,#f2f2f2 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#f2f2f2',GradientType=0 )}
input[type=radio]:checked {background:url(https://www.edilportale.com/Images/checkedRadio.png) center center no-repeat; -webkit-background-size:10px 10px}
.firsttext { width:49%;margin-right:2%!important;float:left }
.secondtext { width:49% }
.firsttextmajor { width:65% }
.secondtextminor { width:28% }
.fulltext { width:100%; }
input.error::-webkit-input-placeholder {color:red!important} 
input.error:-moz-input-placeholder {color:red!important}
.error{color:red!important}
.note{ border:1px solid #dddddd; margin-bottom:2px;margin-top:8px!important;border-radius:5px}
.note textarea{ width:95%; height:36px;  border:none;font:normal 13px/14px 'Open Sans',Arial;padding:5px 7px;background:#fff;border-radius:5px;color:#bfbfbf!important}
.privacy{ overflow:hidden; padding:10px 0}
.privacy input{ float:left}
.privacy p{ display:block; overflow:hidden; font-size:13px}
.privacy p a{ color:#cccccc}
.sendBtn a{text-align:center; display:block; font-size:16px; width:100%; border:1px solid #0060B9; padding:10px 0; font-weight:bold; color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#67b9e5;background:-moz-linear-gradient(top,  #67b9e5 0%, #258dc8 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#67b9e5), color-stop(100%,#258dc8));background:-webkit-linear-gradient(top,  #67b9e5 0%,#258dc8 100%);background:-o-linear-gradient(top,  #67b9e5 0%,#258dc8 100%);background:-ms-linear-gradient(top,  #67b9e5 0%,#258dc8 100%);background:linear-gradient(to bottom,  #67b9e5 0%,#258dc8 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#67b9e5', endColorstr='#258dc8',GradientType=0 );}
.sendRed a{text-align:center; display:block; font-size:16px; width:100%; border:1px solid #DCDCDC; padding:10px 0; font-weight:bold; color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#B90000;background:-moz-linear-gradient(top,  #B90000 0%, #F10000 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#B90000), color-stop(100%,#F10000));background:-webkit-linear-gradient(top,  #B90000 0%,#F10000 100%);background:-o-linear-gradient(top,  #B90000 0%,#F10000 100%);background:-ms-linear-gradient(top,  #B90000 0%,#F10000 100%);background:linear-gradient(to bottom,  #B90000 0%,#F10000 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#B90000', endColorstr='#F10000',GradientType=0 );}
.sendButton.disable .btn.send,.sendButton.disable .btn.send:hover{ border-color:#bdbdbd;text-shadow: 0 -1px #999; background-color:#dbdbdb!important; cursor:default!important;background: #1f9bcf; }
.cornerBox{padding:0 10px;background:transparent!important;border:none!important;clear:both}
.cornerBox .optionRequest li{display:block;width:100%}
.cornerBox .optionRequest li.customLiTitle{padding-top:5px}
.cornerBox h3{ font-size:18px; display:block; margin-bottom:10px; font-weight:bold}
.contPages .slidePage{}
.contPages .slidePage.p2{}
.dossierCont{ background:#eaeaea;margin:0 10px; padding:10px; background:#fff;border-top:1px solid #71777C;position:relative}
.continputForm li{ position:relative; display:block; margin-bottom:5px}
.continputForm li.contSelect select{height:28px; font:normal 12px Arial;  width:100%;border:1px solid #ccc; display:block; -webkit-appearance:none; margin:0; padding-left:4px; outline:none; background:#f8f8f8;-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);-moz-box-shadow:0px 1px 0px rgba(255, 255, 255, 1);box-shadow:0px 1px 0px rgba(255, 255, 255, 1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} 
.continputForm li.contSelect:after {content:"▼"; position:absolute; top:0; right:0; bottom:0; font-size:12px; line-height:26px; padding:0 5px; background:#eee; color:#666; pointer-events:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; border:1px solid #ccc; border-left:none}
.continputForm li input{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin:0; padding:0 3px; border:1px solid #ccc; height:28px; -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);-moz-box-shadow:0px 1px 0px rgba(255, 255, 255, 1);box-shadow:0px 1px 0px rgba(255, 255, 255, 1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

.infoIcon{width:14px;height:14px;display:inline-block;background:#808080;color:#fff;font:400 13px/14px Times New Roman; font-style:italic;border-radius:7px;margin-right:3px}

.mobileThankYou,.customAlertModal{position:fixed;top:0;left:0;width:100%;height:100%;display:block;background:rgba(0,0,0,0.7);z-index:10}
.thankYouRecap{margin-bottom:5px}
.innerThankYou{margin:34px 15px;background:#fff;border-radius:5px;position:relative;padding:15px;text-align:center;padding:15px 15px 5px;}
.innerCustomModal{margin:60px 15px;background:#fff;border-radius:5px;position:relative;padding:15px;text-align:center}
.closeThankYou{position:absolute;right:4px;top:4px;font:700 16px/30px 'Open Sans', Arial;text-align:center;text-decoration:none;background:#A93333;color:#fff;width:30px;height:30px;border-radius:15px}
.innerThankYou h2,.innerCustomModal h2{font:normal 28px/34px dincond-boldregular, Arial;color:#333;text-transform:uppercase}
.innerThankYou p{font:400 13px/18px 'Open Sans',Arial;color:#333}
.innerCustomModal p,.innerCustomModal ul li{font:400 13px/18px 'Open Sans',Arial;color:#333;text-align:left}

.thankYouLogoContainer{width:175px;max-width:240px;margin:5px auto}
.thankYouLogoContainer img{width:100%}
.thankYouConfirm{margin:10px auto}
.thankYouConfirm span{font-weight:700}
.thankYouExtra{border-top:1px dotted #666;margin-top:10px}
.thankYouExtra a{text-decoration:none;font:400 16px 'Open Sans', Serif;color:#3BA6DC;padding:4px!important;display:block}
.dn{display:none}
.customLinks{display:block;padding:5px!important;text-decoration:none;font-size:15px!important;color:#3BA6DC}
body{background:#fff;-webkit-text-size-adjust: none;}
#megacontainer{padding:0;box-sizing:border-box;margin-top:0}
#megacontainer,.dossier,.claim .slides_container .panel,.modules,.socialPlugins,.claim .slides_container{width: 100%;height:auto!important}
.container{width: 100%;height:auto!important;margin:0!important}
.claim{box-shadow:none!important;-webkit-box-shadow:none;-moz-box-shadow:none}
.modules{width: auto!important; margin-left: 0!important; padding: 10px!important;-webkit-border-radius:0;-moz-border-radius:0;border-radius: 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.modules img{max-width:100%;height:auto;-webkit-border-radius:0;-moz-border-radius:0;border-radius: 0;-webkit-box-shadow:0;-moz-box-shadow:0;box-shadow:0}
.facebook{left:180px}
.w50p{width:100%!important}
.padding-20{padding:2px!important}
.product{border:1px solid #ffffff;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;display:none}
.claim img {-moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; -moz-border-radius-topright:0; -webkit-border-top-right-radius:0; border-top-right-radius:0}
.help{display:none}
.contLogo{width:100%;height:34px!important;top:0!important;position:relative;margin-left:0}
.logo{display:block;width:100%;height:34px;background:url('/immagini/archiportaleWhite.png') center center no-repeat #333!important;background-size:150px 34px!important}
.logo.en{display:block;width:100%;height:34px;background:url('/immagini/archiproductsWhite.png') center center no-repeat #333!important;background-size:150px 34px!important}
.continputForm li{margin-bottom:5px!important}
.footerDossier{margin-bottom:0;padding-bottom:20px;background:#ffffff;-webkit-border-radius:0;-moz-border-radius:0;border-radius: 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-top:1px dotted #ccc;padding-top:10px}
.footerDossier .infoCompany{border-bottom:0;line-height:18px}
.inviaContainer.scrollable .btnInvia{margin:10px auto!important}
.footerDossier .inset{padding:0}
.apLink{border-top:1px dotted #ccc;padding-top:10px}
.footerDossier .infoCompany{padding-bottom:0}

.dossierCont{ font:13px/16px Arial;overflow:hidden}
.dossierCont h3{ font-size:18px; font-weight:bold; color:#333; display:block; margin-bottom:10px}
.dossierCont img{ display:block; width:100%!important; height:inherit; margin-bottom:10px}
.dossierCont div{ clear:both!important; width:100%!important; padding-right:0!important;padding-left:0!important; margin-right:0!important;margin-left:0!important;-webkit-box-sizing:border-box!important; -moz-box-sizing:border-box!important; box-sizing:border-box!important}
.dossierCont .modules{ width:100%!important;border-top:none!important; background:#fff; -webkit-border-radius:none!important; -moz-border-radius:none!important; border-radius:none!important; -webkit-box-shadow:none!important; -moz-box-shadow: none!important; box-shadow:none!important; -webkit-box-sizing:border-box!important; -moz-box-sizing:border-box!important; box-sizing:border-box!important}
.dossierCont .modules ul li{ padding:0 0 15px 15px; line-height:18px}
.dossierCont .modules h1, .dossierCont .modules h2, .dossierCont .modules h3{margin-bottom:5px!important}
.dossierCont .modules object,.dossierCont .modules embed{ display:block; width:100%!important; height:inherit!important}
}




/* All Smartphones in landscape ----------- */
@media only screen 
and (min-width : 321px) {
/* YOUR STYLE GOES HERE */
}

/* All Smartphones in portrait ----------- */
@media only screen 
and (max-width : 479px) {
/* YOUR STYLE GOES HERE */
}

/***** ANDROID DEVICES *****/

/* Android 240 X 320 ----------- */
@media only screen
and (max-width: 241px){
/* YOUR STYLE GOES HERE */

}

/* Android(Samsung Galaxy) in portrait 380 X 685 ----------- */
@media only screen
and (min-width: 375px)
and (max-width: 385px){
/* YOUR STYLE GOES HERE */

}

/* Android(Samsung Galaxy) in Landscape 685 X  380 ----------- */
@media only screen
and (min-width: 600px)
and (max-width: 690px){
/* YOUR STYLE GOES HERE */
}

/* Kindle Portrait 600 X 1024 ----------- */
@media only screen
and (min-width: 595px)
and (max-width: 610px){
/* YOUR STYLE GOES HERE */

}

/* Kindle Landscape 1024 X 600 ----------- */
@media only screen
and (min-width: 1000px)
and (max-width: 1030px){
/* YOUR STYLE GOES HERE */
}

/***** ALL GENERATION IPADS *****/

/* iPads in portrait and landscape----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* YOUR STYLE GOES HERE */  
}

/* iPad in landscape----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* YOUR STYLE GOES HERE */
}

/* iPad in portrait----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
/* YOUR STYLE GOES HERE */
}



/***** Retina IPAD 3 & 4*****/

/* Retina iPad 3 & 4 in portrait and landscape----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2){
/* YOUR STYLE GOES HERE */
}

/* Retina iPad 3 & 4 in landscape----------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2){
/* YOUR STYLE GOES HERE */
}

/* Retina iPad 3 & 4 in landscape----------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2){
/* YOUR STYLE GOES HERE */
}




/***** IPAD 1 & 2 (ALSO IPAD MINI)*****/

/* iPad 1 & 2 in portrait and landscape ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){
/* YOUR STYLE GOES HERE */
}

/* iPad 1 & 2 in landscape ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
/* YOUR STYLE GOES HERE */
}

/* iPad 1 & 2 in portrait ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1){
/* YOUR STYLE GOES HERE */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* YOUR STYLE GOES HERE */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* YOUR STYLE GOES HERE */
}

/* Only iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* YOUR STYLE GOES HERE */
}