/* specifico per questo progetto */
.iwebGalleriaResponsivaFrecce {
    /*margin:0 7%;*/
    margin-top:20px; border:0px; padding:0px;
}
.iwebGalleriaResponsivaFrecce_larghezzaGalleria, 
.iwebGalleriaResponsivaFrecce_offset, 
.iwebGalleriaResponsivaFrecce_nImmagini, 
.iwebGalleriaResponsivaFrecce_larghezzaImmagine,
.iwebGalleriaResponsivaFrecce_listaImmagini, 
.iwebGalleriaResponsivaFrecce_codiceCampione {
    display:none;
}

/* all'ingresso in pagina vedo questa animazione della galleria */
@keyframes slidevetrina {
    from { transform: scale(0.1); }
    to { transform: scale(1); }
}

.slidevetrina {
    overflow:hidden;
    animation-name: slidevetrina;
    animation-duration: 1s;
    transition-property: width;
    transition-duration:1s;
}
.iwebGalleriaResponsivaFrecce_immagini .immagine {
    /*min-height:10px;*/ /* serve per le immagini vuote */
    float:left;
    display:inline-block;
    text-align:center;
}
.iwebGalleriaResponsivaFrecce_immagini .immagine .slidevetrina-immagine:hover {
    /*width: 220px; height: 220px;
    margin-left: -10px;
    margin-top: -10px;*/
    opacity:0.6;
}

.slidevetrina-contenitoreBloccoImmagine{ 
    display:block;
    float:left;
    text-align:left;
    overflow:hidden;
}
    .slidevetrina-contenitoreBloccoImmagine > a {
        display:inline-block;
        vertical-align:top;
        color:black;
        text-decoration:none;
    }

.slidevetrina-immagine { /* immagine prima del mouse hover */
    display:block;
    border: solid 1px silver;
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: 50% 25%;
    /*padding: 5px;*/
    box-sizing: border-box;

    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.slidevetrina-descrizione {
    text-align:left;
    border: solid 1px silver;
    border-top: 0;
    box-sizing:border-box;
    height:110px; /* definito anche in slide-vetrina.js */
}
    .slidevetrina-descrizione .slidevetrina-prodottoNome {
        font-weight: bold;
        padding: 8px 8px 5px 8px;
        vertical-align: bottom;
    }
    .slidevetrina-descrizione .slidevetrina-prodottoCodice {
        font-size: 12px;
        font-style: italic;
        padding: 0 8px 5px 8px;
        vertical-align: bottom;
    }
    .slidevetrina-descrizione .slidevetrina-prodottoPrezzo {
        /*font-weight: bold;*/
        padding: 0 8px 5px 8px;
        vertical-align: bottom;
    }


/*@media screen and (max-width:767px) {
    .iwebGalleriaResponsivaFrecce_immagini .slidevetrina-immagine { /* immagine prima del mouse hover (non c'è mouseover qui) * /
        width:80%;
    }
}*/