/******************************************************************************************************************
Ckm!
Web, Apps & Multimedia
www.ckm.co
2015
******************************************************************************************************************/

/****************************************
FADE IN
****************************************/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in{
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}


/****************************************
DELAY
****************************************/
.delay1{
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.delay2{
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;
}

.delay3{
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay:1.2s;
	animation-delay: 1.2s;
}

/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/

@-moz-keyframes escalaSom{
	0%{
		-webkit-transform: scale(1); 
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	50%{
		-webkit-transform: scale(0.6); 
		-moz-transform: scale(0.6);
		-o-transform: scale(0.6);
		transform: scale(0.6);
	}
	100%{
		-webkit-transform: scale(1); 
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@-o-keyframes escalaSom{
	0%{
		-webkit-transform: scale(1); 
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	50%{
		-webkit-transform: scale(0.6); 
		-moz-transform: scale(0.6);
		-o-transform: scale(0.6);
		transform: scale(0.6);
	}
	100%{
		-webkit-transform: scale(1); 
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes escalaSom{
	0%{
		-webkit-transform: scale(1); 
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	50%{
		-webkit-transform: scale(0.6); 
		-moz-transform: scale(0.6);
		-o-transform: scale(0.6);
		transform: scale(0.6);
	}
	100%{
		-webkit-transform: scale(1); 
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@-ms-keyframes escalaSom{
	0%{
		-webkit-transform: scale(1); 
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	50%{
		-webkit-transform: scale(0.6); 
		-moz-transform: scale(0.6);
		-o-transform: scale(0.6);
		transform: scale(0.6);
	}
	100%{
		-webkit-transform: scale(1); 
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes escalaSom{
	0%{
		-webkit-transform: scale(1); 
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	50%{
		-webkit-transform: scale(0.6); 
		-moz-transform: scale(0.6);
		-o-transform: scale(0.6);
		transform: scale(0.6);
	}
	100%{
		-webkit-transform: scale(1); 
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

.shad{
	-moz-animation: escalaSom 1s linear infinite;
	-o-animation: escalaSom 1s linear infinite;
	-webkit-animation: escalaSom 1s linear infinite;
	-ms-animation: escalaSom 1s linear infinite;
	animation: escalaSom 1s linear infinite;
}


@-moz-keyframes moveMouse{
	0%{ background-position: center 100%; }
	50%{ background-position: center 0; }
	100%{ background-position: center 100%; }
}
@-o-keyframes moveMouse{
	0%{ background-position: center 100%; }
	50%{ background-position: center 0; }
	100%{ background-position: center 100%; }
}
@-webkit-keyframes bkMov{
	0%{ background-position: center 100%; }
	50%{ background-position: center 0; }
	100%{ background-position: center 100%; }
}
@-ms-keyframes moveMouse{
	0%{ background-position: center 100%; }
	50%{ background-position: center 0; }
	100%{ background-position: center 100%; }
}
@keyframes moveMouse{
	0%{ background-position: center 100%; }
	50%{ background-position: center 0; }
	100%{ background-position: center 100%; }
}

.espacio div{
	-moz-animation: bkMov 1s linear infinite;
	-o-animation: bkMov 1s linear infinite;
	-webkit-animation: bkMov 1s linear infinite;
	-ms-animation: bkMov 1s linear infinite;
	animation: bkMov 1s linear infinite;
}