ƒ/* ANIMACIONES -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@keyframes fundido {
  0% {opacity: 0;}  
  20% {opacity: 0;}     
  100% {opacity: 1;}
}
@-webkit-keyframes fundido {
  0% {opacity: 0;}  
  20% {opacity: 0;}     
  100% {opacity: 1;}
}

@-moz-keyframes fundido {
  0% {opacity: 0;}  
  20% {opacity: 0;}     
  100% {opacity: 1;}
}

@keyframes slide-arriba {
  0% {top: -100px; opacity: 0;}   
  100% {top: 0; opacity: 1;}
}

@-webkit-keyframes slide-arriba {
  0% {top: -100px;opacity: 0;}  
  100% {top: 0;opacity: 1;}
}

@-moz-keyframes slide-arriba {
  0% {top: -100px; opacity: 0;}   
  100% {top: 0; opacity: 1;}  
}

@keyframes slide-abajo {
  0% {top: 100px; opacity: 0;}    
  100% {top: 0; opacity: 1;}
}

@-webkit-keyframes slide-abajo {
  0% {top: 100px;opacity: 0;} 
  100% {top: 0;opacity: 1;}
}

@-moz-keyframes slide-abajo {
  0% {top: 100px; opacity: 0;}    
  100% {top: 0; opacity: 1;}  
}

@keyframes slide-izda {
  0% {left: -300px; opacity: 0;}    
  100% {left: 0; opacity: 1;}
}

@-webkit-keyframes slide-izda {
  0% {left: -300px; opacity: 0;}    
  100% {left: 0; opacity: 1;}
}

@-moz-keyframes slide-izda {
  0% {left: -300px; opacity: 0;}    
  100% {left: 0; opacity: 1;} 
}

@keyframes slide-dcha {
  0% {right: -300px; opacity: 0;}   
  100% {right: 0; opacity: 1;}
}

@-webkit-keyframes slide-dcha {
  0% {right: -300px; opacity: 0;}   
  100% {right: 0; opacity: 1;}
}

@-moz-keyframes slide-dcha {
  0% {right: -300px; opacity: 0;}   
  100% {right: 0; opacity: 1;}  
}


.fundido {
  animation:  fundido;
  animation-duration: 1s; 
}

.fundido2 {
  animation:  fundido;
  animation-duration: 2s; 
}

.slide-arriba,
.slide-abajo,
.slide-izda,
.slide-dcha {
  position:relative;
   }

.slide-arriba {
  animation: slide-arriba;
  animation-duration: 1.4s;     
}

.slide-abajo {  
  animation: slide-abajo; 
  animation-duration: 1.4s;     
}

.slide-izda {
  animation: slide-izda;    
  animation-duration: 1.4s;     
}

.slide-dcha {
  animation: slide-dcha;
  animation-duration: 1.4s;     
}

.espera-1 {
	animation-delay: .2s; 
	animation-fill-mode: backwards;
}

.espera-2 {
	animation-delay: .4s; 
	animation-fill-mode: backwards;
}

.espera-3 {
	animation-delay: .5s; 
	animation-fill-mode: backwards;
}

.espera-4 {
	animation-delay: .8s; 
	animation-fill-mode: backwards;
}

.espera-5 {
	animation-delay: 1s; 
	animation-fill-mode: backwards;
}

.espera-6 {
	animation-delay: 1.2s; 
	animation-fill-mode: backwards;
}

.espera-7 {
	animation-delay: 1.4s; 
	animation-fill-mode: backwards;
}

.espera-8 {
  animation-delay: 1.6s; 
  animation-fill-mode: backwards;
}


.espera-9 {
  animation-delay: 1.8s; 
  animation-fill-mode: backwards;
}