/* galeria.css */
/* GALERIA */

@keyframes agrandar{
  to{
    transform: scale(1.5,1.5);
  }
}

#galeria{
  margin: auto 0px;
  width: 100%;
}

#calesitainer{
  top: 5px;
  width: 80%;
  height: 1250px;
  margin: auto;
  position: relative;
}

#calesitainer h2{
  text-shadow: 5px 5px 5px black;
}

.marco{
  max-width: 49%;
  height: 350px;
  background: rgba(0, 0, 0, 0.75);
  position: relative;
  float: left;
  padding: 1px;
}


.contenedormarco{
  opacity: 1;
  height: 100%;
  width: 100%;
  z-index: 10;
  position: absolute;
  transition-duration: 0.4s;
  cursor: pointer;
}

.contenedormarco:hover{
  opacity: 0;
}

.marco:hover{
  z-index: 20;
}

.contenedormarco:hover, .marco:hover img{
  animation-name: agrandar;
  animation-duration: 0.4s;
  animation-fill-mode: both;
}
.imggaleria {
  height: 100%;
  width: 100%;
}

#expositor{
  opacity: 0;
}