@charset "utf-8";
@media (max-width:1280px) {
    .btn.assistenza {
        position: absolute;
        float: right;
        margin-top: 7px;
        right: 20px;
        width: 93px;
        padding: 3px 0px;
        font-size: 16px;
    }
}

    @media (max-width:1034px) { /* STILE TABLET */

        .btn.assistenza {
            position: absolute;
            margin-left: 20px;
            right: auto;
            width: auto;
            padding: 10px;
        }

        .logo img {
            margin: 7px;
        }

        .aiuto .articolo.dx .news {
            height: auto;
            width: 100%;
            margin: 0px 0px 20px 0px;
        }

        .news .box_img {
            height: 246px;
            width: 100%;
            margin-bottom: 20px
        }

            .news .box_img img {
                max-height: 246px;
                max-width: 100%;
            }


        .contatori .box {
            width: 48%;
        }

        .divSuggerimenti {
            max-width: 16%;
            float: right;
            text-align: left;
            padding: 0px;
        }

        .example-obtuse {
            position: relative;
            padding: 8px 12px;
            -webkit-border-top-left-radius: 20px / 20px;
            -webkit-border-top-right-radius: 20px / 20px;
            -webkit-border-bottom-right-radius: 20px / 20px;
            -webkit-border-bottom-left-radius: 20px / 20px;
            -moz-border-radius: 20px / 20px;
            border-radius: 20px / 20px;
        }

        .tabella_riservata {
            width: 70%;
        }

        .testo_news {
            max-height: inherit;
            overflow: hidden;
        }

        .news {
            max-height: inherit;
            height: auto;
        }

            .news .box_img img {
                margin-bottom: 0px;
            }

        .box_img img {
            width: 100%;
            max-width: 100%;
            margin-right: 0px;
            height: auto;
            max-height: inherit;
            margin-bottom: 20px;
        }

        .prezzo {
            position: relative;
            float: right;
            width: 100%;
            border-top: 1px solid #dadada;
            margin-top: 10px;
            padding-top: 10px;
        }

            .prezzo h1, .prezzo h2 {
                width: 50%;
                text-align: left;
            }

        .descrizione {
            position: relative;
            float: left;
            width: calc(100% - 150px);
            margin-right: 0px;
            border-right: none;
            padding-right: 0px;
        }

        .credits {
            position: relative;
            clear: both;
            height: auto;
            overflow: auto;
        }


        div.footer {
            height: auto;
            position: relative;
            overflow: auto;
            text-align: center;
        }

        div.content {
            padding-bottom: 0px;
        }



        .footer .box.principale {
            width: 30%;
        }

        .footer .box {
            width: 30%;
            padding: 0px 0px 20px 0px;
        }


        .cerca {
        }

        .areariservata_box, .areariservata_box.login {
            position: relative;
            float: left;
            margin-left: 0px;
        }


        .container {
            width: 100%;
        }


        .login .field_module {
            width: 100% !important;
        }


        .box_product {
            min-height: 400px !important;
        }

        .testo_news {
            position: relative;
            clear: both;
        }

        .tabella_riservata textarea {
            width: 100%;
        }

        .label_module, .select_module, .field_module, .field_note {
            width: 100%;
        }

        .field_module, .field_note {
            width: 100%;
        }


        .dettaglioclear {
            height: 2em;
        }


        .dx .clear {
            height: 0em;
        }

        .boxdettaglio {
            margin-top: 0em;
            margin-bottom: 5em;
        }

        .box_descrizione {
            margin-top: 0em;
            margin-bottom: 5em;
            width: 350px;
        }

        .dx h1 {
        }


        .dx .prezzo h1 {
            text-align: left;
        }

        .credits .sx {
            width: 100%;
            margin-top: 0em;
            position: relative;
            float: left;
        }

            .credits .sx a {
            }

        .credits .dx {
            position: relative;
            float: right;
            width: 100%;
            margin-top: 0em;
            margin-bottom: 0em;
            text-align: center;
        }

            .credits .dx img {
                width: 100%;
                max-width: 379px;
            }

        .container {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            height: auto;
            padding: 0px 20px;
            overflow: inherit !important;
        }



        .menusup .logo img {
            position: relative;
            float: left;
            width: 40%;
        }


        ul.menu {
            display: none;
            visibility: hidden;
        }

        .menusup {
            height: 40px;
        }

            .menusup ul.menuservizio {
                display: none;
                visibility: hidden;
            }

        .menu_responsive {
            display: inherit;
            visibility: visible;
        }

        .box_product {
            width: 100%;
            height: auto;
            position: relative;
            float: left;
            margin-right: 0em;
            margin-top: 5em;
            text-align: center;
            margin-left: 0em;
        }

        .product_img {
            height: 345px;
            width: 300px;
            display: table;
            margin-bottom: 3em;
            margin-left: auto;
            margin-right: auto;
        }

        .box_product .overflow {
            margin-left: 20px;
            position: relative;
            float: left;
            width: 80%;
            text-align: left;
        }


        .areariservata_box .btn {
        }

        .riepilogo_carrello ul li div {
            width: 125px;
        }

        .sx_carrello .campo_form {
            width: 100%;
            padding-right: 0em;
        }

        .area {
            padding: 15px;
            width: 100%;
            margin-right: 0px;
            position: relative;
            float: left;
            text-align: center;
            border-left: none;
            background-color: white;
            border-bottom: 5px solid #F5F5F5;
            min-height: inherit;
        }

        .dx.home, .sx.home {
            width: 100%;
        }

        .sx_carrello .cbp-vm-view-list li div.prezzo_unitario, .sx_carrello .cbp-vm-view-list li div.prezzo_complessivo {
            width: 100% !important;
        }
    }

    /* STILI TELEFONINO */

    @media (max-width:875px) {

        .istogramma.cruscotto {
            width: 100%;
            height: auto;
        }
        .conbtn {
            width: 70% !important
        }

        .areariservata_box .logout br {
            display: block !important
        }

        .dx h1, .content h1 {
            font-size: 25px;
            margin: 10px 0px;
        }

        .btn.assistenza {
            left: 170px;
            padding: 10px;
            top: 3px;
        }

        #div_comunicazioni .sx,
        #div_comunicazioni .dx {
            width: 100%;
            margin-bottom: 20px;
        }

        .news .box_img {
            height: auto;
            width: 100%;
            margin-bottom: 20px;
            text-align: center;
        }

            .news .box_img img {
                max-height: initial;
                max-width: 100%;
                width: auto;
            }

        .campo_form.triplice .campo_form {
            width: 100%;
        }

        .istogramma, .cruscotto {
            height: auto;
        }

        .istogramma, .pulsanti,
        .cruscotto, .news.box {
            width: 100%;
            margin: 0px 0px 20px 0px
        }

        .tabella_riservata .select, .tabella_riservata input[type="text"], .field_module {
            width: 90%;
        }


        .tabella_riservata {
            width: 100%;
        }

        .accordion dd .tabella_riservata tr th,
        .accordion dd .tabella_riservata tr td {
            width: 100%;
            display: block;
            padding: 10px;
        }




        .field_module, .field_note {
            width: 85%;
        }

        .example-obtuse:before,
        .example-obtuse:after {
            display: none
        }

        .example-obtuse > p {
            text-align: center;
        }

        .accordion dd .tabella_riservata .css_grid_incrementale th,
        .accordion dd .tabella_riservata .css_grid_incrementale td {
            display: table-cell;
            width: auto
        }

        .riepiplogoDati {
            max-width: 350px;
            margin-left: 0px;
            float: left;
            border: 1px dotted #ccc;
            padding: 25px;
            background: white;
        }

        .divSuggerimenti {
            width: 100%;
            float: right;
            text-align: left;
            padding: 0px;
            max-width: inherit;
            min-width: 100%;
        }



        .tabella_riservata .me-select tr td {
            padding: 0px;
            width: 100%;
            display: block;
            margin-bottom: 5px;
            padding: 0px !important;
        }

        .accordion dd.active {
            background: transparent;
            border: none
        }

        .cerca {
            float: left;
            margin-left: 10px;
        }

        .credits .testo {
            width: 57%;
            font-size: 11px;
            text-align: left;
        }

        img.logo_footer {
            height: 50px;
        }

        .credits .social img {
            float: inherit;
            height: 30px;
            margin: 0px;
        }

        .areariservata_box h1 {
            margin: 10px 10px 10px 0px;
        }

        .tabella_riservata,
        .tabella_riservata.semplice {
            width: 100% !important;
        }


        .logo {
            position: relative;
            float: left;
            width: 100%;
            text-align: left;
            margin: 0px;
            border: none;
        }

        .gift_card .btn {
            width: 100%;
            margin-top: 20px;
        }


        .descrizione_prod {
            width: 100%;
            padding-left: 20px;
            padding-right: 20px;
        }

            .descrizione_prod .btn {
                background-position: 38px 13px;
            }



        .sx_carrello .cbp-vm-view-list li {
        }


            .sx_carrello .cbp-vm-view-list li div.disponibilita {
                padding-left: 25px !important;
                font-size: 14px !important;
                float: left !important;
                margin-top: 8px;
                margin-left: 10px;
            }

            .sx_carrello .cbp-vm-view-list li div.prezzo_complessivo,
            .sx_carrello .cbp-vm-view-list li div.prezzo_unitario {
                padding: 15px !important;
                width: 50%;
            }

        .sx_carrello {
            margin-bottom: 20px;
        }

        .sx_carrello, .dx_carrello {
            width: 100%;
        }
    }

    @media (max-width:670px) {


        .news .box_img {
            height: inherit;
            width: 100%;
            margin-bottom: 20px
        }

            .news .box_img img {
                max-height: inherit;
                max-width: 100%;
            }


        .content .modale h2 {
            display: inline-block;
            width: 100%;
        }

            .content .modale h2 .btn {
                float: left;
                margin: 20px 0px 0px 0px
            }

        .articolo.dx .news {
            width: 100%;
            margin: 0px 0px 20px 0px;
        }

        .dettaglio_articolo .banner {
            width: 100%;
            margin: 0px;
        }

            .dettaglio_articolo .banner img {
                margin-right: 0px;
                margin-bottom: 20px
            }

        .alert.home {
            font-size: 12px;
            font-weight: 600;
            color: red;
            display: inline-block;
            width: 100%;
            text-align: left;
            position: absolute;
            margin: 10px 20px;
            left: 0px;
        }

        .areariservata_box .btn {
            float: right;
        }


        .tabella_riservata .select, .tabella_riservata input[type="text"], .field_module {
            width: 77%;
        }


        .tabella_riservata.semplice tr td {
            padding: 5px 0px;
        }

        .label_module {
            font-size: 16px;
        }

        .box {
            width: 100%;
            margin: 20px 0px;
        }

        .tabella_riservata tr th {
            min-width: inherit;
        }


        .img_focuson {
            height: 150px;
            width: 100%;
            margin-right: 0px;
        }

        .testo_focuson {
            clear: both;
        }

        .img_focuson img {
            max-width: 100%;
        }

        .focuson {
            height: auto;
            max-height: inherit;
        }

        .slideshow, .slideshow .carousel, .slideshow_bg {
            height: 300px;
        }

        .campo_form {
            width: 100%;
            padding-right: 0em;
        }

        .dx.home, .sx.home {
            margin-bottom: 20px;
        }

        ul.menu_riservata li a {
            display: block;
        }

        ul.menu_riservata li {
            width: 100%;
            margin-bottom: 10px;
            margin-right: 0px;
        }

        .sx, .dx {
            width: 100% !important;
        }

        .area {
            padding: 15px;
            width: 100%;
            margin-right: 0px;
            position: relative;
            float: left;
            text-align: center;
            border-left: none;
            background-color: white;
            border-bottom: 5px solid #F5F5F5;
            min-height: inherit;
        }


        .cerca {
            float: left;
            left: 9px;
            width: 70%;
        }



        .carrello {
            margin-top: 25px;
            clear: both;
        }

        .credits .sx {
            width: 100%;
            margin-top: 0em;
            position: relative;
            float: left;
        }

            .credits .sx a {
            }

        .credits .dx {
            position: relative;
            float: right;
            width: 100%;
            margin-top: 0em;
            margin-bottom: 0em;
            text-align: center;
        }

            .credits .dx img {
                width: 100%;
                max-width: 379px;
            }

        .container {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            height: auto;
        }

        .menusup .logo img {
            position: relative;
            float: left;
            width: 40%;
        }


        .menusup ul {
            float: left;
        }


        .img_news {
            margin-bottom: 2em;
        }

        .footer .box {
            width: 50% !important;
        }


            .footer .box.principale {
                width: 100% !important;
                border-right: none;
                border-bottom: 1px solid white;
                text-align: center;
            }

        .overlay .overlay-close {
            width: 20px !important;
            height: 20px !important;
        }



        .dx .img_news {
            height: auto;
            width: 100% !important;
            display: table;
            position: relative;
            float: left;
            margin-right: 0em !important;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background-color: rgba(0,0,0,0.03);
            margin-bottom: 2em;
            padding: 0.5em;
        }


            .dx .img_news div img {
                width: 100%;
                height: auto;
                border: none;
                border: 1px solid #ddd;
                margin-bottom: 0em;
                margin-right: 0em;
            }


        nav.secondario ul li {
            font-size: 14px !important;
            margin-bottom: 0.1em !important;
            min-height: inherit !important;
        }


        .testo_news {
            width: 100% !important;
            max-height: 150px;
        }


        .testo_news {
            width: 65% !important;
            margin-bottom: 1em !important;
            overflow: hidden;
            max-height: 155px;
        }

        .dx .news {
            padding-bottom: 1em !important;
        }

        .testo_news {
            width: 100% !important;
        }
    }


    @media (max-width:500px) {

        .conbtn {
            width: 100% !important;
            margin-bottom: 10px;
        }
        .areariservata_box .logout br {
            display: none !important
        }

        .areariservata_box .logout h3 {
            margin: 0px;
            font-size: 22px;
            padding-bottom: 20px;
        }

        .areariservata_box .logout p {
            font-size: 16px !important;
        }

        .pulsanti .box {
            width: 100%;
            margin: 0px 0px 20px 0px;
        }

        .contatori .box {
            width: 100%;
            margin: 0px 0px 20px 0px
        }

        .btn.margin {
            width: 100%;
            text-align: center;
            margin-bottom: 5px
        }

        .credits .testo {
            margin: 10px auto
        }

        .credits .testo,
        .credits .social {
            width: 100%;
            font-size: 11px;
            text-align: center;
        }

        img.logo_footer {
            position: relative;
            float: inherit;
            margin: auto;
        }

        .accordion dd .tabella_riservata .css_grid_incrementale td {
            display: block;
            width: 100%
        }

        .accordion dd .tabella_riservata .css_grid_incrementale th {
            display: none
        }

        .tabella_riservata .btn {
            margin-bottom: 5px;
        }

        .alert.home {
            top: 0px;
            right: 0px;
            text-align: right;
            top: 0px;
            right: 0px;
            text-align: right;
        }

        .areariservata_box .me-select {
            margin-left: 0px;
        }


        .areariservata_box p {
            float: left;
            margin-top: 7px;
        }

        .areariservata_box,
        .areariservata_box.login,
        .carrello,
        .label_module,
        .field_module {
            width: 100% !important;
            margin-right: 0px;
            margin-left: 0px;
            min-width: 100% !important;
        }

            .areariservata_box h1,
            .areariservata_box .field_module {
                width: 100% !important;
                margin-right: 0px;
                margin-left: 0px;
                margin-bottom: 5px;
            }

        .articolo_img img {
            width: 100px;
        }

        .TabbedPanelsTab {
            padding: 0.5em;
            font-size: 14px;
            text-align: center;
        }

        .descrizione div {
            display: none;
        }

        .prezzo {
            padding-bottom: 50px;
        }

        .box_servizio .btn {
            width: 95%;
        }

        .box_servizio .prezzo h1, .box_servizio .prezzo h2 {
            width: 100%;
        }

        .riepilogo_carrello ul li div {
        }

        .areariservata_box p {
            margin-top: 7px;
            margin-right: 0px;
            text-align: right;
            float: right;
        }

        .tabella_riservata tr th {
            padding: 10px;
        }

        .tabella_riservata tr th, .tabella_riservata tr td {
            display: inline-block;
            width: 100%;
        }
    }


    @media (max-width:370px) {
        .logo img {
            margin: 12px 5px;
            height: 36px;
        }

    
        .btn.assistenza {
            left: 160px;
            padding: 10px;
            top: 5px;
            width: 115px;
            font-size: 11px;
        }
    }