@charset "utf-8";


@import url(responsive.css);

/* STILI TELEFONINO */



@media (max-width:778px) {

    .prodotti_footer .box {
        width: 100% !important;
    }



    .descrizione {
        width: 100%;
    }


    .box_carrello h1 {
        font-size: 13px;
    }

    .box_carrello img {
        margin-right: 5px;
    }

    .login_box, .registrazione_box, .riepilogo_tabella .descrizione.titolo, .riepilogo_tabella .descrizione {
        width: 100%;
    }

        .riepilogo_tabella .descrizione.titolo {
            margin-top: 15px;
        }

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

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

    .menu_footer .box {
        width: 100%;
        margin-right: 0px;
    }


    .prodotti_footer .box {
        width: 100%;
        margin-right: 0px;
        height: 465px;
    }


    div.footer {
        height: auto;
        position: relative;
    }

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



    .banner .box img {
        width: 80px;
    }

    .banner .box {
        width: 100%;
        padding-bottom: 15px;
        height: inherit;
    }

    .testata_utilities {
        width: 50%;
        margin-bottom: 20px;
        margin-top: 20px;
    }

        .testata_utilities .sx {
            /*width:45% !important;*/
        }

    .box_carrello {
        margin-bottom: 20px;
        margin-top: 10px;
    }


    .social {
        position: absolute;
        float: left;
        margin-top: 60px;
        margin-left: 0px;
        clear: inherit;
        text-align: center;
        margin-left: 100px;
        width: 100px;
        margin: 0px;
        top: 60px;
    }

        .social img {
            max-height: 40px;
            position: relative;
            float: left;
            margin-bottom: 5px;
        }

    .menusup .dx {
        text-align: left;
    }


    .banner.home,
    .ricerca_avanzata,
    .titolo.ric_avanzata {
        display: none;
    }

    .corpo .sx {
        margin-right: 0px;
        padding-top: 10px;
    }


    .corpo .dx {
        margin-right: 0px;
        padding-top: 10px;
    }


    .fluid_container.ambient {
        margin-top: 20px;
    }

    .banner.home.bottom {
        display: inherit;
        border-bottom: none;
        margin: 0px;
    }

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

    .wishlist {
        display: none;
    }

    #slideshow {
        height: 230px !important;
    }


    .valuta_info .valuta,
    .valuta_info .info {
        font-size: 15px;
        width: 50%;
        text-align: left;
        float: left;
        margin: 0px;
    }

    .valuta_info .info {
        position: relative;
        background-image: url(../img/richiediinfo.png);
        background-position: 9px 0px;
        background-repeat: no-repeat;
        padding-left: 41px;
        padding: 3px 41px;
        margin-top: 0px;
    }

        .valuta_info .info a {
            color: white;
            text-decoration: none;
            font-size: 15px;
            margin-right: 8px;
        }

    .valuta_info .valuta .star-rating {
        position: relative;
        float: inherit;
        top: 0px;
        left: 3px;
        margin-right: 13px;
    }

    .valuta_info {
        background-color: #88bcd9;
        font-family: 'Roboto', sans-serif;
        padding: 5px;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-height: inherit;
        overflow: auto;
        margin-top: 10px;
        margin-bottom: 10px;
        clear: both;
    }


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

    .tabelle_carrello fieldset a #help {
        float: right;
        position: absolute;
        right: 10px;
        margin-top: -149px;
    }


    .label_payment {
        width: 93%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .tabelle_carrello .label_module {
        display: none;
    }

    .tabelle_carrello fieldset .field_module, .colophon {
        width: 100% !important;
        margin-right: 0px;
    }

    .cia {
        width: 100px;
        position: relative;
        float: right;
        margin-left: 4px;
        top: 6px;
    }

    .corpo .sx, .corpo .dx, .sx, .dx, .gallery {
        width: 100%;
    }

    .menusup .dx {
        position: relative;
        float: right;
        width: 70%;
        text-align: right;
    }

    .logo {
        margin: 30px 0px 0px 0px;
        max-width: 45%;
    }

    .testata_utilities .sx {
        position: relative;
        float: left;
        margin-right: 0px;
        width: 100%;
    }


    .menusup .dx {
        display: none;
    }



    .cerca {
        width: 88%;
    }


    .box_carrello {
        width: 164px;
        margin-bottom: 0px;
    }

    div.footer {
        position: relative;
    }


    .tabelle_carrello .field_note {
        width: 100%;
        margin-bottom: 5px;
    }


    .gallery {
        float: left;
        margin-right: 0px;
        width: 50%;
        margin-bottom: 10px;
    }

    .descrizione {
        width: 50%;
    }

    .banner_acquista {
        width: 100%;
    }
}


@media (max-width:500px) {
    .newsart_img {
        width: 100%;
        margin-left: 0px;
    }

    .newsart .articolo_news {
        height: auto;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .corpo .dx .articolo_img {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        clear: both;
    }

        .corpo .dx .articolo_img img {
            width: 100%;
            height: auto;
            margin-left: 0px;
            margin-right: 0px;
        }

    .btns_carrello input[type="button"].btn, .btns_carrello input[type="submit"].btn {
        padding: 13px;
        width: 100%;
        overflow: auto;
        white-space: inherit;
        line-height: 30px;
    }

    input[type="button"].btn, input[type="submit"].btn, a.btn {
        padding: 13px;
        width: 100%;
        overflow: auto;
        text-align: center;
        margin-bottom: 5px;
        margin-right: 0px !important;
    }

    .banner_acquista input[type="button"].btn {
        padding: 2px 10px;
        width: auto;
        white-space: inherit;
        line-height: 30px;
    }

    .menusup .sx input[type="button"].btn,
    .menusup .sx a.btn {
        padding: 3px 6px;
        width: auto;
        font-size: 12px;
        height: 23px;
        top: 0px;
    }

    .btn {
        font-size: 18px;
        width: 100%;
    }

    .descrizione {
        padding-bottom: 0px;
        width: 100%;
        height: auto;
    }

    .valuta_info .valuta, .valuta_info .info {
        width: 100%;
        margin: 10px 0px;
    }

    .menusup .sx {
        width: 100%;
    }

    .testata_utilities,
    .cerca {
        max-width: 100%;
        width: 100%;
    }

    .logo {
        max-width: 80%;
        width: 80%;
    }

    .social {
        display: none;
    }

    .box_carrello {
        width: 215px;
        float: left;
    }
}