﻿@charset "utf-8";
/* CSS Document */



@import url(responsive.css);

@media (max-width:778px) {



    .testata .cerca input[type="text"] {
        width: 86%;
    }

    .logo.login img {
        margin-top: 50px;
        max-width: 75%;
    }


    .riepilogo_sx ul li, .dx.articolo ul li {
        line-height: 22px;
    }

    a.back {
        font-size: 16px;
    }

    .box_news h1 {
        font-size: 24px;
        padding: 10px;
        text-align: center;
    }

    .ul_menu {
        padding: 20px;
    }

        .ul_menu li {
            font-size: 17px;
        }

    .corpo .dx,
    .corpo .sx {
        width: 100%;
    }


    .credits .sx {
        font-size: 12px;
    }

    .box.boxtop h1, .box.boxnews h1 {
        padding: 20px;
        margin-bottom: 0px;
        font-size: 30px;
    }

    p {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .box.boxtop p a {
        font-weight: 500;
        font-size: 19px;
    }

    .riservata .testata {
        background: #ececec;
        height: auto;
        position: relative;
        width: 100%;
        top: 0px;
        z-index: 9;
    }

    .riservata div.content {
        margin-top: 0px;
    }

    .benv {
        display: none;
    }

    .wishlist_titolo .campo_form {
        width: 100%;
        margin-right: 0%;
        /* margin-bottom: 20px; */
        /* min-height: 56px; */
        margin: 0px;
        padding: 10px 0px 0px 0px;
    }

    .selettorimarchi table tr {
        width: 33%;
    }

    .content .sx .sx ul {
        margin-bottom: 0px;
    }

    .riservata .menusup a.btn.ricerca {
        top: 4px;
    }

    .footer {
        position: relative !important;
        height: auto !important;
        overflow: auto;
    }

    div.content {
        padding-bottom: 0px;
    }

    .descrizione {
        width: 58%;
        height: auto;
    }
    /*
	.ordina .btn {
  width:100%;
  margin-top:5px;
}

    */
    .benvenutologout div {
        max-width: 185px;
        overflow: hidden;
    }

    .benvenutologout, .punti {
        margin: 5px;
    }

    .btn.acquisti, .btn_carrello {
        width: 100%;
    }

    .tabelle_articolo div.tabella_a {
        margin-top: 15px;
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }

    .riservata .content .sx .dx, .riservata .content .sx .sx {
        display: inherit;
        width: 100%;
    }

    .riservata .content .dx {
    }

    .riservata .content .sx {
        width: 100%;
    }

    .riservata .categorie .box {
        width: 100%;
    }

    .riservata .categorie .box {
        height: 400px;
        overflow: hidden;
    }
    .riservata  lista .cerca {
    margin-bottom: 10px;
  }
    .box_riservata {
        position: relative;
        float: left;
        width: 100%;
        padding-bottom: 20px;
        margin: 0% 0.5%;
    }

    .riservata .categorie .box img {
        height: auto;
        width: 100%;
    }

    .select_module, .minifield_module {
        margin-bottom: 0px;
    }

    .errore {
        top: 10px;
        position: relative;
    }

    .riservata .cerca {
        margin-bottom: 0px;
        width: 60%;
    }

    .riservata .sx .liste {
        width: 100%;
        position: relative;
        float: left;
        padding: 15px;
    }

    .riepilogo_tabella .tableresponsive td, .riepilogo_tabella .tableresponsive th {
        text-align: left !important;
    }

    .disponibilita_yes, .disponibilita_no {
        margin-right: auto;
        margin-left: 0px;
        top: 6px;
        position: relative;
    }

    .tabelle_carrello.sottotabella.tableresponsive .field_module {
        position: relative;
        top: 1px;
        width: 100px !important;
    }

    .riepilogo_tabella .tableresponsive td:nth-child(3), .riepilogo_tabella .tableresponsive th:nth-child(3) {
        width: auto !important;
    }

    .registrazione_box, .riepilogo_tabella .descrizione.titolo {
        width: 100%;
    }

    .riepilogo_tabella .descrizione.titolo {
        margin-top: 15px;
    }

    .campo_form {
        width: 100%;
        padding-right: 0em;
    }

    .credits, .area_istituzionale .credits {
        height: auto;
        overflow: auto;
    }

    .prodotti_footer .box {
        width: 100%;
        margin-right: 0px;
    }

    div.footer, .area_istituzionale .footer {
        height: auto;
        position: relative;
        margin-top: 20px;
        padding-bottom: 0px;
    }

    div.content {
        padding-bottom: 0px;
    }

    .extra {
        display: none;
    }

    .banner .box img {
        width: 80px;
    }

    .banner .box {
        width: 100%;
        padding-bottom: 15px;
        height: inherit;
    }

    .testata_utilities {
        width: 100% !important;
        margin-bottom: 20px;
        margin-top: 20px;
    }

        .testata_utilities .sx {
            width: 100% !important;
        }

    .menusup .dx {
        display: none;
    }

    .box.boxtop .img {
        height: 350px;
    }

    .menusup .container div.benvenuto {
        float: left;
    }

    .box {
        width: 48%;
        margin-right: 0px;
        height: 310px;
        margin: 1%;
    }

        .box.boxtop, .box.boxnews {
            width: 98%;
            margin-right: 0px;
            height: auto;
            margin: 1%;
        }

        .box.boxnews {
            margin-bottom: 20px;
        }

        .box .caption {
            padding: 15px;
            font-size: 20px;
            text-align: center;
        }

            .box .caption h1 {
                font-size: 1.5em;
            }

    .menu_footer .box.dati, .menu_footer .box {
        height: auto;
    }

        .menu_footer .box.dati {
            width: 100%;
            padding-right: 0px;
            border-right: none;
        }

    .menu_footer .box {
        width: 50%;
        margin-right: 0px;
    }

    .box.last {
        text-align: center;
    }

    .box {
        text-align: center;
        padding-bottom: 20px;
    }

    .categorie .box {
        padding-bottom: 0px;
    }

    .box.boxnews {
        padding-bottom: inherit;
    }

    .campo_form .errore {
        text-align: left;
        position: relative;
        font-size: 12px;
        bottom: 0px;
        left: 0px;
        top: 0px;
    }
}

@media (max-width:500px) {


    p.bottoni-carrello {
float: right; 
width:100%;

}
    

p.bottoni-carrello .btn  {
margin-left:0px;
margin-bottom:5px;
width:100%;
display:block

}
    


    .tabelle_carrello.sottotabella.tableresponsive .field_module {

    top: -1px;
    width: 92px !important;
}
    .wishlist_visualizzazione .campo_form {
    width: 100%;
   
}


    .tab_semplice tr td,
    .tab_semplice tr th {
        padding: 10px 4px;
        font-size: 12px;
    }

    .riservata .container {
        padding: 10px;
    }

    .riservata .categorie .box img {
        height: 100%;
        width: auto;
    }

    .box_riservata .testo h1 a {
        font-size: 19px;
    }

    .riservata .menusup a.btn.ricerca {
        top: 0px;
        width: 80px !important;
        float: left;
        background-image: none;
        padding: 2px;
        margin: 0px !important;
    }

    .testata .cerca input[type="image"].cercabtn {
        padding: 9px;
    }

    .benvenutologout, .punti {
        margin: 0px;
    }

    .riservata .testata .container {
        padding: 5px;
    }

    .benvenutologout div {
        max-width: 129px;
        max-height: 27px;
        overflow: hidden;
    }

    .testata .cerca input[type="text"] {
        width: 60%;
    }


    .corpo .dx p {
        font-size: 15px;
        line-height: 25px;
    }

    .login_box {
        width: 80%;
    }

    .campo_form {
        width: 100%;
        padding-bottom: 0.5em;
        position: relative;
        float: left;
        padding-right: 1em;
    }


    .container, .area_istituzionale .footer .container {
        padding: 0% 2%;
    }


    .cerca input[type="text"] {
        width: 82%;
        font-size: 15px;
    }


    .allegato_black {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .tabelle_carrello fieldset .btn {
        font-size: 13px;
    }

    .btn {
        width: 100% !important;
        margin: 5px 0px !important;
        position: relative !important;
    }

    .cerca {
        width: 100%;
    }

    .newsart_img {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    ul.allegati li {
        margin-bottom: 5px;
        width: 100%;
    }

    .riepilogo_tabella .tableresponsive td {
        text-align: left;
    }

    .riservata .testata .cerca {
        width: 83%;
        margin-bottom: 20px;
    }

    .riservata .liste .cerca {
        width: 100%;
        margin-bottom: 10px;
    }

    .riservata .menusup {
    }

    .sx .cbp-vm .titolo, .carrello {
        width: 100%;
    }

    .menusup .carrello {
        width: 120px;
        float: left;
    }

    .promo,
    .starWishlist {
        float: left;
    }

    .riepilogo_tabella .immagine_prodotto {
        width: 100%;
        margin-bottom: 20px;
    }

    .benvenuto {
        margin-bottom: 10px;
        width: 100%;
    }

    .menusup .container div.social {
        margin-left: 0px;
        margin-right: 10px;
    }

    .box.boxtop .img {
        height: 250px;
    }

    .menusup .container div.benvenuto {
        float: left;
    }

    .box {
        width: 100%;
        margin: 1% 0%;
    }

        .box .caption {
            padding: 15px;
            font-size: 1.5em;
        }

            .box .caption h1 {
                font-size: 1.5em;
            }

    .menu_footer .box.dati, .menu_footer .box {
        height: auto;
    }

        .menu_footer .box.dati {
            width: 100%;
        }

    .menu_footer .box {
        width: 50%;
        margin-right: 0px;
    }

    .box.last {
        text-align: center;
    }

    .box, .box img {
        height: 300px;
    }

    .quantita {
        position: absolute;
        width: 100%;
    }

    .tabelle_carrello .quantita .btn {
        margin-bottom: 0px;
        background-color: #115070;
        float: inherit;
        position: absolute;
        top: 1px;
        margin-left: 10px;
    }

    .fb_iframe_widget iframe, .fb_iframe_widget span, .fb_iframe_widget {
        max-width: 100% !important;
    }

    .login_box, .registrazione_box {
        height: auto;
    }

    .registrazione_box {
        padding-bottom: 40px;
    }

    .credits img.intempra {
    }

    .scrollup {
        display: none;
    }

    .credits .sx {
        width: 80% !important;
    }

    .ric_avanzata .select_module, .ric_avanzata .field_module, .ric_avanzata .btn {
        width: 100%;
    }

    .link {
        padding: 2px 0px 2px 17px;
        margin-left: 5px;
    }
        /*.link.aiuto  		{background-image: none;}
.link.giftcard 		{background-image: none;}
.link.desideri  	{background-image:none;}
*/

        .link.carrello {
            padding: 2px 0px 2px 17px;
            background-size: auto 16px;
        }

    .credits img {
        max-width: 80%;
        margin-bottom: 10px;
    }

    .tabelle_carrello fieldset a #help {
        float: right;
        position: absolute;
        right: 10px;
        margin-top: -57px;
    }

    .label_payment {
        width: 95%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .tabelle_carrello .label_module {
        display: none;
    }

    .tabelle_carrello fieldset .field_module, .colophon {
        width: 100% !important;
        margin-right: 0px;
    }

    .testata_utilities {
        width: 100%;
        margin-top: 20px;
    }

    .corpo .sx, .corpo .dx, .sx, .dx, .gallery, .descrizione {
        width: 100% !important;
    }

    .logo {
        margin: 0px auto;
        max-width: 100%;
        position: relative;
        float: inherit;
        text-align: center;
        margin-bottom: 10px !important;
    }
}
