/* Reset base */
* {
  box-sizing: border-box;
}

/* Clearfix */
.clear {
  clear: both;
  float: none;
  width: 100%;
}

/* Corretto: la gallery non è più sempre dentro .container */
.gallery a img {
  float: left;
  width: 20%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}

/* Effetto zoom su hover */
.gallery a:hover img {
  -webkit-transform: scale(1.20);
  -moz-transform: scale(1.20);
  -o-transform: scale(1.20);
  -ms-transform: scale(1.20);
  transform: scale(1.20);
  z-index: 5;
}

/* Se in futuro vuoi un'immagine più grande */
.gallery a.big img {
  width: 40%;
}

/* Centro contenuti dove richiesto */
.align-center {
  text-align: center;
}

/* Assicura che .gallery sia visibile */
.gallery {
  display: block;
}
    .imageGallery1 {
        overflow: hidden; margin: 30px -20px;
    }
    .imageGallery1 > a {
        float: left; width: 20%; padding: 1px; box-sizing: border-box; position: relative;
    }
    .imageGallery1 > a:first-child { left: -1px; }
    .imageGallery1 > a:last-child { right: -1px; }
    .imageGallery1 > a > img {
    display: block; width: 100%;
    }

  table tr:hover {
    background-color: #F3F3F3; /* Colore di sfondo grigio chiaro al passaggio del mouse */
  }


/* ------------------------------------------------------------------
   FIX: slidegallery + OwlCarousel non deve ereditare le regole della
   gallery classica (width:20%, float:left, ecc.)
   ------------------------------------------------------------------ */

/* Le immagini in slidegallery devono riempire lo slide normalmente */
.slide-gallery a img,
.owl-carousel.slide-gallery a img {
  width: 100% !important;
  height: auto !important;
  float: none !important;
  border: none !important;
  transform: none !important;
}

/* Disattiva lo zoom al passaggio — valido solo per slidegallery */
.slide-gallery a:hover img,
.owl-carousel.slide-gallery a:hover img {
  transform: none !important;
}

/* Ogni item del carosello deve comportarsi come slide */
.slide-gallery .item {
  margin: 0 5px !important;
  padding: 0 !important;
}

/* L'elemento radice NON deve essere trattato come galleria statica */
.slide-gallery.gallery {
  display: block !important;
}