@charset "UTF-8";
/* CSS Document */

.anima_derecha_izquierda {

transition:animation 2s ease-in;
-webkit-transition:-webkit-animation 2s ease-in;
-moz-transition:-moz-animation 2s ease-in;
-ms-transition:-ms-animation 2s ease-in;
-xhtml-transition:-xhtml-animation 2s ease-in;
-o-transition:-o-animation 2s ease-in;
		

animation:moverTit 2s;
-webkit-animation:moverTit 2s;
-moz-animation:moverTit 2s;
-ms-animation:moverTit 2s;
-xhtml-animation:moverTit 2s;
-o-animation:moverTit 2s;
}

@keyframes moverTit{
		0%{opacity:0; transform:translatex(100px);}
		
		100%{opacity:1; transform:translatex(0px);}
		}
@-webkit-keyframes moverTit{
		0%{opacity:0; -webkit-transform:translatex(100px);}
	
		100%{opacity:1; -webkit-transform:translatex(0px);}
		}
@-moz-keyframes moverTit{
		0%{opacity:0; -moz-transform:translatex(100px);}
		
		100%{opacity:1; -moz-transform:translatex(0px);}
		}
@-ms-keyframes moverTit{
		0%{opacity:0; -ms-transform:translatex(100px);}
		
		100%{opacity:1; -ms-transform:translatex(0px);}
		}
@-xhtml-keyframes moverTit{
	0%{opacity:0; -xhtml-transform:translatex(100px);}
		
		100%{opacity:1; -xhtml-transform:translatex(0px);}
		}
@-o-keyframes moverTit{
		0%{opacity:0; -0-transform:translatex(100px);}
		
		100%{opacity:1; -0-transform:translatex(0px);}
		}




.anima_izquierda_derecha {

transition:animation 5s ease-in;
-webkit-transition:-webkit-animation 5s ease-in;
-moz-transition:-moz-animation 5s ease-in;
-ms-transition:-ms-animation 5s ease-in;
-xhtml-transition:-xhtml-animation 5s ease-in;
-o-transition:-o-animation 5s ease-in;
		

animation:izqDer 5s;
-webkit-animation:izqDer 5s;
-moz-animation:izqDer 5s;
-ms-animation:izqDer 5s;
-xhtml-animation:izqDer 5s;
-o-animation:izqDer 5s;
}

@keyframes izqDer{
		0%{opacity:0; transform:translatex(-100px);}
		
		100%{opacity:1; transform:translatex(0px);}
		}
@-webkit-keyframes izqDer{
		0%{opacity:0; -webkit-transform:translatex(-100px);}
	
		100%{opacity:1; -webkit-transform:translatex(0px);}
		}
@-moz-keyframes izqDer{
		0%{opacity:0; -moz-transform:translatex(-100px);}
		
		100%{opacity:1; -moz-transform:translatex(0px);}
		}
@-ms-keyframes izqDer{
		0%{opacity:0; -ms-transform:translatex(-100px);}
		
		100%{opacity:1; -ms-transform:translatex(0px);}
		}
@-xhtml-keyframes izqDer{
	0%{opacity:0; -xhtml-transform:translatex(-100px);}
		
		100%{opacity:1; -xhtml-transform:translatex(0px);}
		}
@-o-keyframes izqDer{
		0%{opacity:0; -0-transform:translatex(-100px);}
		
		100%{opacity:1; -0-transform:translatex(0px);}
		}





.anima_arriba_abajo {

transition:animation 2s ease-in;
-webkit-transition:-webkit-animation 2s ease-in;
-moz-transition:-moz-animation 2s ease-in;
-ms-transition:-ms-animation 2s ease-in;
-xhtml-transition:-xhtml-animation 2s ease-in;
-o-transition:-o-animation 2s ease-in;
		

animation:arribaAbajo 2s;
-webkit-animation:arribaAbajo 2s;
-moz-animation:arribaAbajo 2s;
-ms-animation:arribaAbajo 2s;
-xhtml-animation:arribaAbajo 2s;
-o-animation:arribaAbajo 2s;
}

@keyframes arribaAbajo{
		0%{opacity:0; transform:translatey(-100px);}
		
		100%{opacity:1; transform:translatey(0px);}
		}
@-webkit-keyframes arribaAbajo{
		0%{opacity:0; -webkit-transform:translatey(-100px);}
	
		100%{opacity:1; -webkit-transform:translatey(0px);}
		}
@-moz-keyframes arribaAbajo{
		0%{opacity:0; -moz-transform:translatey(-100px);}
		
		100%{opacity:1; -moz-transform:translatey(0px);}
		}
@-ms-keyframes arribaAbajo{
		0%{opacity:0; -ms-transform:translatey(-100px);}
		
		100%{opacity:1; -ms-transform:translatey(0px);}
		}
@-xhtml-keyframes arribaAbajo{
	0%{opacity:0; -xhtml-transform:translatey(-100px);}
		
		100%{opacity:1; -xhtml-transform:translatey(0px);}
		}
@-o-keyframes arribaAbajo{
		0%{opacity:0; -0-transform:translatey(-100px);}
		
		100%{opacity:1; -0-transform:translatey(0px);}
		}



.anima_abajo_arriba {

transition:animation 2s ease-in;
-webkit-transition:-webkit-animation 2s ease-in;
-moz-transition:-moz-animation 2s ease-in;
-ms-transition:-ms-animation 2s ease-in;
-xhtml-transition:-xhtml-animation 2s ease-in;
-o-transition:-o-animation 2s ease-in;
		

animation:abajoArriba 2s;
-webkit-animation:abajoArriba 2s;
-moz-animation:abajoArriba 2s;
-ms-animation:abajoArriba 2s;
-xhtml-animation:abajoArriba 2s;
-o-animation:abajoArriba 2s;
}

@keyframes abajoArriba{
		0%{opacity:0; transform:translatey(100px);}
		
		100%{opacity:1; transform:translatey(0px);}
		}
@-webkit-keyframes abajoArriba{
		0%{opacity:0; -webkit-transform:translatey(100px);}
	
		100%{opacity:1; -webkit-transform:translatey(0px);}
		}
@-moz-keyframes abajoArriba{
		0%{opacity:0; -moz-transform:translatey(100px);}
		
		100%{opacity:1; -moz-transform:translatey(0px);}
		}
@-ms-keyframes abajoArriba{
		0%{opacity:0; -ms-transform:translatey(100px);}
		
		100%{opacity:1; -ms-transform:translatey(0px);}
		}
@-xhtml-keyframes abajoArriba{
	0%{opacity:0; -xhtml-transform:translatey(100px);}
		
		100%{opacity:1; -xhtml-transform:translatey(0px);}
		}
@-o-keyframes abajoArriba{
		0%{opacity:0; -0-transform:translatey(100px);}
		
		100%{opacity:1; -0-transform:translatey(0px);}
		}
		
/*
==============================================
hatch
==============================================
*/

.hatch{
	animation-name: hatch;
	-webkit-animation-name: hatch;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 

	visibility: visible !important;		
}

@keyframes hatch {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-2deg);
	}	
	65% {
		transform: rotate(1deg);
	}	
	80% {
		transform: rotate(-1deg);
	}		
	100% {
		transform: rotate(0deg);
	}									
}

@-webkit-keyframes hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}	
	65% {
		-webkit-transform: rotate(1deg);
	}	
	80% {
		-webkit-transform: rotate(-1deg);
	}		
	100% {
		-webkit-transform: rotate(0deg);
	}		
}
/*
==============================================
bounce
==============================================
*/


.bounce{
	visibility:visible;
	animation-name: bounce;
	-webkit-animation-name: bounce;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
	
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 	
}

@keyframes bounce {
	0% {
		transform: translateY(0%) scaleY(0.6);
	}
	60%{
		transform: translateY(-100%) scaleY(1.1);
	}
	70%{
		transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		transform: translateY(0%) scaleY(1) scaleX(1);
	}	
}

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: translateY(0%) scaleY(0.6);
	}
	60%{
		-webkit-transform: translateY(-100%) scaleY(1.1);
	}
	70%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
	}		
}


/*
==============================================
pulse
==============================================
*/

.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
		
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.7;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.7;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}

/*
==============================================
floating
==============================================
*/

.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

/*
==============================================
tossing
==============================================
*/

.tossing{
	animation-name: tossing;
	-webkit-animation-name: tossing;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	/*animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;*/
	
	/**/
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 

	visibility: visible !important;		
	/**/
}

@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}