#prueba
{
	background: #FFFFFF;
}

#slideshow { 
  margin: auto; 
  position: relative; 
  width: 240px; 
  height: 240px; 
  padding: 10px; 
}

#slideshow > div { 
  position: absolute; 
  top: 10px; 
  left: 10px; 
  right: 10px; 
  bottom: 10px; 
}

#slideshow1 { 
  margin: auto; 
  position: relative; 
  width: 240px; 
  height: 240px; 
  padding: 10px; 
}

#slideshow1 > div { 
  position: absolute; 
  top: 10px; 
  left: 10px; 
  right: 10px; 
  bottom: 10px; 
}

#slideshow2 { 
  margin: auto; 
  position: relative; 
  width: 240px; 
  height: 240px; 
  padding: 10px; 
}

#slideshow2 > div { 
  position: absolute; 
  top: 10px; 
  left: 10px; 
  right: 10px; 
  bottom: 10px; 
}




video {
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    transition: 1s opacity;
    filter: brightness(50%);
}

.video-container {
    height: 600px;
}

.video-parallax {

    position: fixed;
}





@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 10s slidy infinite; 
}