* {
	box-sizing: border-box;
}

.allContenido {
	position: absolute;
	width: 200px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	opacity: 0;
}

.contAnim {
	width: 200px;
	height: 200px;
	position: relative;
	margin: auto;
}

.anim {
	width: 190px;
	height: 190px;
	fill:#C61F4A;
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-name: fondoAnim;
	background-size: cover;
	animation-direction: alternate;
}

.animVisible {
	opacity: 1;
}

.loadingTexto {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 600;
	/*color: #333333;*/
    color:white;
	margin: 15px auto;
	width: 200px;
	animation-name: cargandoTexto;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	text-align: center;
	font-size: 18px;
}

@keyframes cargandoTexto {
	0%,50%, 100% {
		opacity: 1;
	}

	25%, 75% {
		opacity: .4;
	}
} 


@keyframes fondoAnim {
	0% {
		background-image: none;
	}

	2.5% {
		background-image: url(../frames/00.png);
	}

	5% {
		background-image: url(../frames/01.png);
	}

	7.5% {
		background-image: url(../frames/02.png);
	}

	10% {
		background-image: url(../frames/03.png);
	}

	12.5% {
		background-image: url(../frames/04.png);
	}

	15% {
		background-image: url(../frames/05.png);
	}

	17.5% {
		background-image: url(../frames/06.png);
	}

	20% {
		background-image: url(../frames/07.png);
	}

	22.5% {
		background-image: url(../frames/08.png);
	}

	25% {
		background-image: url(../frames/09.png);
	}

	27.5% {
		background-image: url(../frames/10.png);
	}

	30% {
		background-image: url(../frames/11.png);
	}

	32.5% {
		background-image: url(../frames/12.png);
	}

	35% {
		background-image: url(../frames/13.png);
	}

	37.5% {
		background-image: url(../frames/14.png);
	}

	40% {
		background-image: url(../frames/15.png);
	}

	42.5% {
		background-image: url(../frames/16.png);
	}

	45% {
		background-image: url(../frames/17.png);
	}

	47.5% {
		background-image: url(../frames/18.png);
	}

	50% {
		background-image: url(../frames/19.png);
	}

	52.5% {
		background-image: url(../frames/20.png);
	}

	55% {
		background-image: url(../frames/21.png);
	}

	57.5% {
		background-image: url(../frames/22.png);
	}

	60% {
		background-image: url(../frames/23.png);
	}

	62.5% {
		background-image: url(../frames/24.png);
	}

	65% {
		background-image: url(../frames/25.png);
	}

	67.5% {
		background-image: url(../frames/26.png);
	}

	70% {
		background-image: url(../frames/27.png);
	}

	72.5% {
		background-image: url(../frames/28.png);
	}

	75% {
		background-image: url(../frames/29.png);
	}

	77.5% {
		background-image: url(../frames/30.png);
	}

	80% {
		background-image: url(../frames/31.png);
	}

	82.5% {
		background-image: url(../frames/32.png);
	} 

	85% {
		background-image: url(../frames/33.png);
	} 

	87.5% {
		background-image: url(../frames/34.png);
	} 

	90% {
		background-image: url(../frames/35.png);
	}

	100% {
		background-image: url(../frames/35.png);
	} 

}