
/* la animación de APARICIÓN DE QUESTIONS & CO */
@keyframes fadeInFirst {
    0% {opacity: 0; }
	25% {opacity: 0; }
	50% {opacity: 0; }
	75% {opacity: 0; }
    100% {opacity: 1; }
}

/* la animación de LINK ELEGIDO  */
@keyframes choiceMade {
    0% {opacity: 0; }
	50% {opacity: 1; }
	75% {opacity: 0; }
    100% {opacity: 1; }
}

/* ani BUT HOME */
@keyframes fadeButHome {
    from {opacity: 0.5; }
    to {opacity:1; }
}

/* ani de LOADER...  */
@keyframes loaderMap {
    0% {opacity: 0; }
	50% {opacity: 1; }
	75% {opacity: 0; }
    100% {opacity: 1; }
}


@keyframes fadeInPuro {
    from {opacity: 0.2; }
    to {opacity:1; }
}


@keyframes SuperAnim {
	/* ---- la animación principal */ 
    from {opacity: 0; position: relative; left: 2000px;}
    to {opacity:1; position: relative; left: 0px;}
}


@keyframes aniGem {
    from {opacity: 0; position: relative; top: -600px;}
    to {opacity:1; position: relative; top: 0px;}
}


@keyframes fadeInLeftRight {
    0% {opacity: 0; position: relative; left: 1200px; }
	25% {left: -600px;}
	50% {left: 300px;}
	75% {left: -150px;}
    100% {opacity:1; position: relative; left: 0px; }
}


@keyframes fadeInBasic {
    from {opacity: 0; position: relative; left: 1200px; }
    to {opacity:1; position: relative; left: 0px; }
}

@keyframes fadeInShadow {
    from {opacity: 0; position: relative; left: 1200px; box-shadow: 10px 10px 8px #000000;}
    to {opacity:1; position: relative; left: 0px; box-shadow: 0px 0px 0px #000000;}
}

@keyframes fadeInDown {
    from {opacity: 0; position: relative; top: 1000px;}
    to {opacity:1; position: relative; top: 0px;}
}

@keyframes fadeInTop {
    from {opacity: 0; position: relative; top: -800px;}
    to {opacity:2; position: relative; top: 0px;}
}


@keyframes fadeInLat {
    from {opacity: 0; position: relative; left: 2000px;}
    to {opacity:1; position: relative; left: 0px;}
}



#c1 {
	animation-name: fadeInFirst;
    animation-duration: 1s;
	animation-timing-function:ease-out;
}

/*
#c3 {
	animation-name: fadeInPuro;
	animation-duration: 0.6s;	
}
*/

