
#sectionMenu{
 padding:15px;
 margin:0px;
}
#menuImagen{
 width:100%;
 padding:0px;
 margin:0px;
 box-shadow: 0px 0px 15px 15px #BCCDD5;/*******/
}

.piezaMenu {
  position: relative;
  display: inline-block;  
  margin: 0px;
  padding: 5px;       
  background-color: #BCCDD5;/********/
  box-shadow: none !important;
  margin-right: -3px;
  width:20%;
  /* animation: transicion 5s infinite; */
}

.piezaMenu *,
.piezaMenu:before,
.piezaMenu:after {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.piezaMenu:before,
.piezaMenu:after {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;  
  margin:0px;
}

.piezaMenu img {  
  width:100%;
  height: 450px; 
  object-fit: cover;
  border: 1px solid #bbb;
  
}

.piezaMenu figcaption {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  opacity: 0; 
}
.piezaMenu p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 2em;
  font-weight: bold;  
  z-index: 1;
  text-transform:uppercase;
  color:transparent;
  text-shadow:0 0 1px #000080;
  letter-spacing:0.2px;
  animation-name: focus;
  animation-duration: 1s;
  animation-iteration-count:infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
}

/*@keyframes transicion{
  /* 0%{ margin-top: 0; }
   20%{ margin-top: 0; }
   
   25%{ margin-top: -10%; }
   45%{ margin-top: -10%; }
}*/

@keyframes focus {
  0% {   
	text-shadow:0 0 0px #000080;
    letter-spacing:3px;
  }
  50% {
    text-shadow:0 0 0 #000080;
    font-size:2em;
	letter-spacing:3px;
    
  }
  75% {
    text-shadow:0 0 0 #000080;
    font-size:2em;
	letter-spacing:0.2px;
  }
  100% {
    text-shadow:0 0 0 #000080;
    font-size:2em;
	letter-spacing:0.2px;
  }
}

.piezaMenu:hover figcaption,
.piezaMenu.hover figcaption {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
   -webkit-transform: scale(1.3,1.3);
  transform: scale(1.3,1.3);
  -webkit-animation: bounce .3s ease infinite alternate;
  animation: bounce .2s ease infinite alternate;
  
}

.piezaMenu:hover img,
.piezaMenu.hover img {
  -webkit-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
  opacity:0.5;
  
}






























