/* Begin Ad 1 */


#contenedor-general {      /*------------------------- ES EL CONTENEDOR HORIZONTAL DE TODA LA CREAIVIDAD. LA VENTANA DONDE SE VE LA ANIMACIÓN ---------------------------*/
	width: 800px;
	height: 640px;
	margin:0px;
	background-image: url(../images/elementos-varios/fondo0.png);
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
	margin:auto;  /*-------- AGREGADO PARA VERLO CENTRADO EN PORTFOLIO ---------*/
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#fondo-1 {
	width: 800px;
	height: 640px;
	background-image: url(../images/elementos-varios/fondo1.png);
	opacity: 1;
	z-index: 1;
	position: absolute;
	bottom: 0px;
	left: 0px;
	animation-name: fondo-1-fadeIn, fondo-1-fadeOut;
	-webkit-animation-name: fondo-1-fadeIn, fondo-1-fadeOut;
	-moz-animation-name: fondo-1-fadeIn, fondo-1-fadeOut;
	-o-animation-name: fondo-1-fadeIn, fondo-1-fadeOut;
	-ms-animation-name: fondo-1-fadeIn, fondo-1-fadeOut;
	animation-duration: 0.8s, 0.8s;
	-webkit-animation-duration: 0.8s, 0.8s;
	-moz-animation-duration: 0.8s, 0.8s;
	-o-animation-duration: 0.8s, 0.8s;
	-ms-animation-duration: 0.8s, 0.8s;
	animation-timing-function: ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out;
	animation-direction: normal, normal;
	-webkit-animation-direction: normal, normal;
	-moz-animation-direction: normal, norma;
	-o-animation-direction: normal, normal;
	-ms-animation-direction: normal, normal;
	animation-delay: 15s, 26s;
	-webkit-animation-delay: 15s, 26s;
	-moz-animation-delay: 15s, 26s;
	-o-animation-delay: 15s, 26s;
	-ms-animation-delay: 15s, 26s;
	animation-fill-mode: backwards, forwards;
	-webkit-animation-fill-mode: backwards, forwards;
	-moz-animation-fill-mode: backwards, forwards;
	-o-animation-fill-mode: backwards, forwards;
	-ms-animation-fill-mode: backwards, forwards;
	animation-iteration-count: 1, 1;
	-webkit-animation-iteration-count: 1, 1;
	-moz-animation-iteration-count: 1, 1;
	-o-animation-iteration-count: 1, 1;
	-ms-animation-iteration-count: 1, 1;
}

@-webkit-keyframes fondo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes fondo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes fondo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes fondo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes fondo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes fondo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-o-keyframes fondo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes fondo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@keyframes titulo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@keyframes fondo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#kiwi {
	width: 230px;
	height: 166px;
	position: absolute;
	background-image: url(../images/elementos-varios/kiwi.png);
	z-index: 2;
	opacity: 1;
	position: absolute;
	bottom: 103px;
	left: 48px;
	animation-name: kiwi-fadeIn, kiwi-fadeOut;
	-webkit-animation-name: kiwi-fadeIn, kiwi-fadeOut;
	-moz-animation-name: kiwi-fadeIn, kiwi-fadeOut;
	-o-animation-name: kiwi-fadeIn, kiwi-fadeOut;
	-ms-animation-name: kiwi-fadeIn, kiwi-fadeOut;
	animation-duration: 0.6s, 0.7s;
	-webkit-animation-duration: 0.6s, 0.7s;
	-moz-animation-duration: 0.6s, 0.7s;
	-o-animation-duration: 0.6s, 0.7s;
	-ms-animation-duration: 0.6s, 0.7s;
	animation-timing-function: ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out;
	animation-delay: 3s, 6s;
	-webkit-animation-delay: 3s, 6s;
	-moz-animation-delay: 3s, 6s;
	-o-animation-delay: 3s, 6s;
	-ms-animation-delay: 3s, 6s;
	animation-fill-mode: backwards, forwards;
	-webkit-animation-fill-mode: backwards, forwards;
	-moz-animation-fill-mode: backwards, forwards;
	-o-animation-fill-mode: backwards, forwards;
	-ms-animation-fill-mode: backwards, forwards;
}

@-webkit-keyframes kiwi-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes kiwi-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-moz-keyframes kiwi-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-moz-keyframes kiwi-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-ms-keyframes kiwi-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-ms-keyframes kiwi-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-o-keyframes kiwi-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-o-keyframes kiwi-fadeOut {
	0% {-webkit-transform: scale(0.3); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@keyframes kiwi-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes kiwi-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#granadas {
	width: 276px;
	height: 236px;
	position: absolute;
	background-image: url(../images/elementos-varios/granadas.png);
	z-index: 3;
	opacity: 1;
	position: absolute;
	bottom: 69px;
	left: 452px;
	animation-name: granadas-fadeIn, granadas-fadeOut;
	-webkit-animation-name: granadas-fadeIn, granadas-fadeOut;
	-moz-animation-name: granadas-fadeIn, granadas-fadeOut;
	-o-animation-name: granadas-fadeIn, granadas-fadeOut;
	-ms-animation-name: granadas-fadeIn, granadas-fadeOut;
	animation-duration: 0.6s, 0.7s;
	-webkit-animation-duration: 0.6s, 0.7s;
	-moz-animation-duration: 0.6s, 0.7s;
	-o-animation-duration: 0.6s, 0.7s;
	-ms-animation-duration: 0.6s, 0.7s;
	animation-timing-function: ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out;
	animation-delay: 3.3s, 6.3s;
	-webkit-animation-delay: 3.3s, 6.3s;
	-moz-animation-delay: 3.3s, 6.3s;
	-o-animation-delay: 3.3s, 6.3s;
	-ms-animation-delay: 3.3s, 6.3s;
	animation-fill-mode: backwards, forwards;
	-webkit-animation-fill-mode: backwards, forwards;
	-moz-animation-fill-mode: backwards, forwards;
	-o-animation-fill-mode: backwards, forwards;
	-ms-animation-fill-mode: backwards, forwards;
}

@-webkit-keyframes granadas-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes granadas-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-moz-keyframes granadas-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-moz-keyframes granadas-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-ms-keyframes granadas-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-ms-keyframes granadas-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-o-keyframes granadas-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-o-keyframes granadas-fadeOut {
	0% {-webkit-transform: scale(0.3); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@keyframes granadas-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes granadas-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#frutillas {
	width: 158px;
	height: 126px;
	position: absolute;
	background-image: url(../images/elementos-varios/frutillas.png);
	z-index: 4;
	opacity: 1;
	position: absolute;
	bottom: 64px;
	left: 112px;
	animation-name: frutillas-fadeIn, frutillas-fadeOut;
	-webkit-animation-name: granadas-fadeIn, granadas-fadeOut;
	-moz-animation-name: granadas-fadeIn, granadas-fadeOut;
	-o-animation-name: granadas-fadeIn, granadas-fadeOut;
	-ms-animation-name: granadas-fadeIn, granadas-fadeOut;
	animation-duration: 0.6s, 0.7s;
	-webkit-animation-duration: 0.6s, 0.7s;
	-moz-animation-duration: 0.6s, 0.7s;
	-o-animation-duration: 0.6s, 0.7s;
	-ms-animation-duration: 0.6s, 0.7s;
	animation-timing-function: ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out;
	animation-delay: 3.3s, 6s;
	-webkit-animation-delay: 3.3s, 6s;
	-moz-animation-delay: 3.3s, 6s;
	-o-animation-delay: 3.3s, 6s;
	-ms-animation-delay: 3.3s, 6s;
	animation-fill-mode: backwards, forwards;
	-webkit-animation-fill-mode: backwards, forwards;
	-moz-animation-fill-mode: backwards, forwards;
	-o-animation-fill-mode: backwards, forwards;
	-ms-animation-fill-mode: backwards, forwards;
}

@-webkit-keyframes frutillas-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes frutillas-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-moz-keyframes frutillas-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-moz-keyframes frutillas-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-ms-keyframes frutillas-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-ms-keyframes frutillas-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-o-keyframes frutillas-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-o-keyframes frutillas-fadeOut {
	0% {-webkit-transform: scale(0.3); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@keyframes frutillas-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes frutillas-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#naranja-2 {
	width: 186px;
	height: 182px;
	position: absolute;
	background-image: url(../images/elementos-varios/naranja-2.png);
	z-index: 5;
	opacity: 1;
	position: absolute;
	bottom: 123px;
	left: 73px;
	animation-name: naranja-2-fadeIn, naranja-2-fadeOut;
	-webkit-animation-name: naranja-2-fadeIn, naranja-2-fadeOut;
	-moz-animation-name: naranja-2-fadeIn, naranja-2-fadeOut;
	-o-animation-name: naranja-2-fadeIn, naranja-2-fadeOut;
	-ms-animation-name: naranja-2-fadeIn, naranja-2-fadeOut;
	animation-duration: 0.6s, 0.7s;
	-webkit-animation-duration: 0.6s, 0.7s;
	-moz-animation-duration: 0.6s, 0.7s;
	-o-animation-duration: 0.6s, 0.7s;
	-ms-animation-duration: 0.6s, 0.7s;
	animation-timing-function: ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out;
	animation-delay: 6.8s, 9.8s;
	-webkit-animation-delay: 6.8s, 9.8s;
	-moz-animation-delay: 6.8s, 9.8s;
	-o-animation-delay: 6.8s, 9.8s;
	-ms-animation-delay: 6.8s, 9.8s;
	animation-fill-mode: backwards, forwards;
	-webkit-animation-fill-mode: backwards, forwards;
	-moz-animation-fill-mode: backwards, forwards;
	-o-animation-fill-mode: backwards, forwards;
	-ms-animation-fill-mode: backwards, forwards;
}

@-webkit-keyframes naranja-2-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes naranja-2-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-moz-keyframes naranja-2-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-moz-keyframes naranja-2-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-ms-keyframes naranja-2-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-ms-keyframes naranja-2-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-o-keyframes naranja-2-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-o-keyframes naranja-2-fadeOut {
	0% {-webkit-transform: scale(0.3); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@keyframes naranja-2-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes naranja-2-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#producto-1 {
	width: 326px;
	height: 602px;
	position: absolute;
	background-image: url(../images/elementos-varios/licuadora.png);
	z-index: 6;
	opacity: 1;
	position: absolute;
	bottom: 28px;
	left: 255px;
	animation-name: producto-1-fadeIn, producto-1-fadeOut;
	-webkit-animation-name: producto-1-fadeIn, producto-1-fadeOut;
	-moz-animation-name: producto-1-fadeIn, producto-1-fadeOut;
	-o-animation-name: producto-1-fadeIn, producto-1-fadeOut;
	-ms-animation-name: producto-1-fadeIn, producto-1-fadeOut;
	animation-duration: 0.4s, 0.7s;
	-webkit-animation-duration: 0.4s, 0.7s;
	-moz-animation-duration: 0.4s, 0.7s;
	-o-animation-duration: 0.4s, 0.7s;
	-ms-animation-duration: 0.4s, 0.7s;
	animation-timing-function: ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out;
	animation-delay: 3s, 6s;
	-webkit-animation-delay: 3s, 6s;
	-moz-animation-delay: 3s, 6s;
	-o-animation-delay: 3s, 6s;
	-ms-animation-delay: 3s, 6s;
	animation-fill-mode: backwards, forwards;
	-webkit-animation-fill-mode: backwards, forwards;
	-moz-animation-fill-mode: backwards, forwards;
	-o-animation-fill-mode: backwards, forwards;
	-ms-animation-fill-mode: backwards, forwards;
}

@-webkit-keyframes producto-1-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes producto-1-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-moz-keyframes producto-1-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-moz-keyframes producto-1-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-ms-keyframes producto-1-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-ms-keyframes producto-1-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-o-keyframes producto-1-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-o-keyframes producto-1-fadeOut {
	0% {-webkit-transform: scale(0.3); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@keyframes producto-1-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes producto-1-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#producto-2 {
	width: 470px;
	height: 528px;
	position: absolute;
	background-image: url(../images/elementos-varios/exprimidor.png);
	z-index: 7;
	opacity: 1;
	position: absolute;
	bottom: 34px;
	left: 170px;
	animation-name: producto-2-fadeIn, producto-2-fadeOut;
	-webkit-animation-name: producto-2-fadeIn, producto-2-fadeOut;
	-moz-animation-name: producto-2-fadeIn, producto-2-fadeOut;
	-o-animation-name: producto-2-fadeIn, producto-2-fadeOut;
	-ms-animation-name: producto-2-fadeIn, producto-2-fadeOut;
	animation-duration: 0.4s, 0.7s;
	-webkit-animation-duration: 0.4s, 0.7s;
	-moz-animation-duration: 0.4s, 0.7s;
	-o-animation-duration: 0.4s, 0.7s;
	-ms-animation-duration: 0.4s, 0.7s;
	animation-timing-function: ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out;
	animation-delay: 6.6s, 9.6s;
	-webkit-animation-delay: 6.6s, 9.6s;
	-moz-animation-delay: 6.6s, 9.6s;
	-o-animation-delay: 6.6s, 9.6s;
	-ms-animation-delay: 6.6s, 9.6s;
	animation-fill-mode: backwards, forwards;
	-webkit-animation-fill-mode: backwards, forwards;
	-moz-animation-fill-mode: backwards, forwards;
	-o-animation-fill-mode: backwards, forwards;
	-ms-animation-fill-mode: backwards, forwards;
}

@-webkit-keyframes producto-2-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes producto-2-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-moz-keyframes producto-2-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-moz-keyframes producto-2-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-ms-keyframes producto-2-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-ms-keyframes producto-2-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-o-keyframes producto-2-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-o-keyframes producto-2-fadeOut {
	0% {-webkit-transform: scale(0.3); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@keyframes producto-2-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes producto-2-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#naranja-1 {
	width: 338px;
	height: 226px;
	position: absolute;
	background-image: url(../images/elementos-varios/naranja-1.png);
	z-index: 8;
	opacity: 1;
	position: absolute;
	bottom: 33px;
	left: 413px;
	animation-name: naranja-1-fadeIn, naranja-1-fadeOut;
	-webkit-animation-name: naranja-1-fadeIn, naranja-1-fadeOut;
	-moz-animation-name: naranja-1-fadeIn, naranja-1-fadeOut;
	-o-animation-name: naranja-1-fadeIn, naranja-1-fadeOut;
	-ms-animation-name: naranja-1-fadeIn, naranja-1-fadeOut;
	animation-duration: 0.6s, 0.7s;
	-webkit-animation-duration: 0.6s, 0.7s;
	-moz-animation-duration: 0.6s, 0.7s;
	-o-animation-duration: 0.6s, 0.7s;
	-ms-animation-duration: 0.6s, 0.7s;
	animation-timing-function: ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out;
	animation-delay: 6.8s, 9.8s;
	-webkit-animation-delay: 6.8s, 9.8s;
	-moz-animation-delay: 6.8s, 9.8s;
	-o-animation-delay: 6.8s, 9.8s;
	-ms-animation-delay: 6.8s, 9.8s;
	animation-fill-mode: backwards, forwards;
	-webkit-animation-fill-mode: backwards, forwards;
	-moz-animation-fill-mode: backwards, forwards;
	-o-animation-fill-mode: backwards, forwards;
	-ms-animation-fill-mode: backwards, forwards;
}

@-webkit-keyframes naranja-1-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes naranja-1-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-moz-keyframes naranja-1-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-moz-keyframes naranja-1-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-ms-keyframes naranja-1-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-ms-keyframes naranja-1-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-o-keyframes naranja-1-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-o-keyframes naranja-1-fadeOut {
	0% {-webkit-transform: scale(0.3); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@keyframes naranja-1-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes naranja-1-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#producto-3 {
	width: 800px;
	height: 452px;
	position: absolute;
	background-image: url(../images/elementos-varios/yogurtera.png);
	z-index: 9;
	opacity: 1;
	position: absolute;
	bottom: 40px;
	left: 0px;
	animation-name: producto-3-fadeIn, producto-3-fadeOut;
	-webkit-animation-name: producto-3-fadeIn, producto-3-fadeOut;
	-moz-animation-name: producto-3-fadeIn, producto-3-fadeOut;
	-o-animation-name: producto-3-fadeIn, producto-3-fadeOut;
	-ms-animation-name: producto-3-fadeIn, producto-3-fadeOut;
	animation-duration: 0.4s, 0.7s;
	-webkit-animation-duration: 0.4s, 0.7s;
	-moz-animation-duration: 0.4s, 0.7s;
	-o-animation-duration: 0.4s, 0.7s;
	-ms-animation-duration: 0.4s, 0.7s;
	animation-timing-function: ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out;
	animation-delay: 10.3s, 13s;
	-webkit-animation-delay: 10.3s, 13s;
	-moz-animation-delay: 10.3s, 13s;
	-o-animation-delay: 10.3s, 13s;
	-ms-animation-delay: 10.3s, 13s;
	animation-fill-mode: backwards, forwards;
	-webkit-animation-fill-mode: backwards, forwards;
	-moz-animation-fill-mode: backwards, forwards;
	-o-animation-fill-mode: backwards, forwards;
	-ms-animation-fill-mode: backwards, forwards;
}

@-webkit-keyframes producto-3-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes producto-3-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-moz-keyframes producto-3-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-moz-keyframes producto-3-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-ms-keyframes producto-3-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-ms-keyframes producto-3-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-o-keyframes producto-3-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-o-keyframes producto-3-fadeOut {
	0% {-webkit-transform: scale(0.3); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@keyframes producto-3-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes producto-3-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#producto-4 {
	width: 847px;
	height: 847px;
	position: absolute;
	background-image: url(../images/elementos-varios/colgante-organizador-bacha.png);
	z-index: 10;
	opacity: 1;
	position: absolute;
	bottom: -94px;
	left: 39px;
	animation-name: producto-4-fadeIn, producto-4-fadeOut;
	-webkit-animation-name: producto-4-fadeIn, producto-4-fadeOut;
	-moz-animation-name: producto-4-fadeIn, producto-4-fadeOut;
	-o-animation-name: producto-4-fadeIn, producto-4-fadeOut;
	-ms-animation-name: producto-4-fadeIn, producto-4-fadeOut;
	animation-duration: 0.4s, 0.7s;
	-webkit-animation-duration: 0.4s, 0.7s;
	-moz-animation-duration: 0.4s, 0.7s;
	-o-animation-duration: 0.4s, 0.7s;
	-ms-animation-duration: 0.4s, 0.7s;
	animation-timing-function: ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out;
	animation-delay: 17.7s, 20.5s;
	-webkit-animation-delay: 17.7s, 20.5s;
	-moz-animation-delay: 17.7s, 20.5s;
	-o-animation-delay: 17.7s, 20.5s;
	-ms-animation-delay: 17.7s, 20.5s;
	animation-fill-mode: backwards, forwards;
	-webkit-animation-fill-mode: backwards, forwards;
	-moz-animation-fill-mode: backwards, forwards;
	-o-animation-fill-mode: backwards, forwards;
	-ms-animation-fill-mode: backwards, forwards;
}

@-webkit-keyframes producto-4-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes producto-4-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-moz-keyframes producto-4-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-moz-keyframes producto-4-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-ms-keyframes producto-4-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-ms-keyframes producto-4-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-o-keyframes producto-4-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-o-keyframes producto-4-fadeOut {
	0% {-webkit-transform: scale(0.3); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@keyframes producto-4-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes producto-4-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#producto-5 {
	width: 708px;
	height: 708px;
	position: absolute;
	background-image: url(../images/elementos-varios/elefantito-escurridor.png);
	z-index: 11;
	opacity: 1;
	position: absolute;
	bottom: -45px;
	left: -20px;
	animation-name: producto-5-fadeIn, producto-5-fadeOut;
	-webkit-animation-name: producto-5-fadeIn, producto-5-fadeOut;
	-moz-animation-name: producto-5-fadeIn, producto-5-fadeOut;
	-o-animation-name: producto-5-fadeIn, producto-5-fadeOut;
	-ms-animation-name: producto-5-fadeIn, producto-5-fadeOut;
	animation-duration: 0.4s, 0.7s;
	-webkit-animation-duration: 0.4s, 0.7s;
	-moz-animation-duration: 0.4s, 0.7s;
	-o-animation-duration: 0.4s, 0.7s;
	-ms-animation-duration: 0.4s, 0.7s;
	animation-timing-function: ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out;
	animation-delay: 21s, 23.5s;
	-webkit-animation-delay: 21s, 23.5s;
	-moz-animation-delay: 21s, 23.5s;
	-o-animation-delay: 21s, 23.5s;
	-ms-animation-delay: 21s, 23.5s;
	animation-fill-mode: backwards, forwards;
	-webkit-animation-fill-mode: backwards, forwards;
	-moz-animation-fill-mode: backwards, forwards;
	-o-animation-fill-mode: backwards, forwards;
	-ms-animation-fill-mode: backwards, forwards;
}

@-webkit-keyframes producto-5-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes producto-5-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-moz-keyframes producto-5-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-moz-keyframes producto-5-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-ms-keyframes producto-5-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-ms-keyframes producto-5-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@-o-keyframes producto-5-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-o-keyframes producto-5-fadeOut {
	0% {-webkit-transform: scale(0.3); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}
@keyframes producto-5-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes producto-5-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	100% {-webkit-transform: scale(0.0); opacity: 0.0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

#titulo-1 {
	width: 800px;
	height: 640px;
	background-image: url(../images/elementos-varios/titulo-1.png);
	opacity: 1;
	z-index: 12;
	position: absolute;
	bottom: 0px;
	left: 0px;
	animation-name: titulo-1-fadeIn, titulo-1-fadeOut;
	-webkit-animation-name: titulo-1-fadeIn, titulo-1-fadeOut;
	-moz-animation-name: titulo-1-fadeIn, titulo-1-fadeOut;
	-o-animation-name: titulo-1-fadeIn, titulo-1-fadeOut;
	-ms-animation-name: titulo-1-fadeIn, titulo-1-fadeOut;
	animation-duration: 0.6s, 0.6s;
	-webkit-animation-duration: 0.6s, 0.6s;
	-moz-animation-duration: 0.6s, 0.6s;
	-o-animation-duration: 0.6s, 0.6s;
	-ms-animation-duration: 0.6s, 0.6s;
	animation-timing-function: ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out;
	animation-direction: normal, normal;
	-webkit-animation-direction: normal, normal;
	-moz-animation-direction: normal, norma;
	-o-animation-direction: normal, normal;
	-ms-animation-direction: normal, normal;
	animation-delay: 0.5s, 2.7s;
	-webkit-animation-delay: 0.5s, 2.7s;
	-moz-animation-delay: 0.5s, 2.7s;
	-o-animation-delay: 0.5s, 2.7s;
	-ms-animation-delay: 0.5s, 2.7s;
	animation-fill-mode: backwards, forwards;
	-webkit-animation-fill-mode: backwards, forwards;
	-moz-animation-fill-mode: backwards, forwards;
	-o-animation-fill-mode: backwards, forwards;
	-ms-animation-fill-mode: backwards, forwards;
	animation-iteration-count: 1, 1;
	-webkit-animation-iteration-count: 1, 1;
	-moz-animation-iteration-count: 1, 1;
	-o-animation-iteration-count: 1, 1;
	-ms-animation-iteration-count: 1, 1;
}

@-webkit-keyframes titulo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes titulo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes titulo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes titulo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes titulo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes titulo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-o-keyframes titulo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes titulo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@keyframes titulo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@keyframes titulo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#titulo-2 {
	width: 800px;
	height: 640px;
	background-image: url(../images/elementos-varios/titulo-2.png);
	opacity: 1;
	z-index: 13;
	position: absolute;
	bottom: 0px;
	left: 0px;
	animation-name: titulo-2-fadeIn, titulo-2-fadeOut;
	-webkit-animation-name: titulo-2-fadeIn, titulo-2-fadeOut;
	-moz-animation-name: titulo-2-fadeIn, titulo-2-fadeOut;
	-o-animation-name: titulo-2-fadeIn, titulo-2-fadeOut;
	-ms-animation-name: titulo-2-fadeIn, titulo-2-fadeOut;
	animation-duration: 0.8s, 0.6s;
	-webkit-animation-duration: 0.8s, 0.6s;
	-moz-animation-duration: 0.8s, 0.6s;
	-o-animation-duration: 0.8s, 0.6s;
	-ms-animation-duration: 0.8s, 0.6s;
	animation-timing-function: ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out;
	animation-direction: normal, normal;
	-webkit-animation-direction: normal, normal;
	-moz-animation-direction: normal, normal;
	-o-animation-direction: normal, normal;
	-ms-animation-direction: normal, normal;
	animation-delay: 13.5s, 15s;
	-webkit-animation-delay: 13.5s, 15s;
	-moz-animation-delay: 13.5s, 15s;
	-o-animation-delay: 13.5s, 15s;
	-ms-animation-delay: 13.5s, 15s;
	animation-fill-mode: backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-webkit-animation-fill-mode: backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-moz-animation-fill-mode: backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-o-animation-fill-mode: backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-ms-animation-fill-mode: backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
}

@-webkit-keyframes titulo-2-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes titulo-2-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes titulo-2-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes titulo-2-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes titulo-2-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes titulo-2-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-o-keyframes titulo-2-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes titulo-2-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@keyframes titulo-2-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@keyframes titulo-2-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#titulo-3 {
	width: 800px;
	height: 640px;
	background-image: url(../images/elementos-varios/titulo-3.png);
	opacity: 1;
	z-index: 14;
	position: absolute;
	bottom: 0px;
	left: 0px;
	animation-name: titulo-3-fadeIn, titulo-3-fadeOut;
	-webkit-animation-name: titulo-3-fadeIn, titulo-3-fadeOut;
	-moz-animation-name: titulo-3-fadeIn, titulo-3-fadeOut;
	-o-animation-name: titulo-3-fadeIn, titulo-3-fadeOut;
	-ms-animation-name: titulo-3-fadeIn, titulo-3-fadeOut;
	animation-duration: 0.8s, 0.8s;
	-webkit-animation-duration: 0.8s, 0.8s;
	-moz-animation-duration: 0.8s, 0.8s;
	-o-animation-duration: 0.8s, 0.8s;
	-ms-animation-duration: 0.8s, 0.8s;
	animation-timing-function: ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out;
	animation-direction: normal, normal;
	-webkit-animation-direction: normal, normal;
	-moz-animation-direction: normal, normal;
	-o-animation-direction: normal, normal;
	-ms-animation-direction: normal, normal;
	animation-delay: 15.5s, 17.5s;
	-webkit-animation-delay: 15.5s, 17.5s;
	-moz-animation-delay: 15.5s, 17.5s;
	-o-animation-delay: 15.5s, 17.5s;
	-ms-animation-delay: 15.5s, 17.5s;
	animation-fill-mode: backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-webkit-animation-fill-mode: backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-moz-animation-fill-mode: backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-o-animation-fill-mode: backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-ms-animation-fill-mode: backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
}

@-webkit-keyframes titulo-3-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes titulo-3-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes titulo-3-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes titulo-3-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes titulo-3-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes titulo-3-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-o-keyframes titulo-3-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes titulo-3-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@keyframes titulo-3-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@keyframes titulo-3-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

#etiqueta-1 {
	width: 300px;
	height: 300px;
	background-image: url(../images/elementos-varios/etiqueta-1.png);
	opacity: 1;
	z-index: 15;
	position: absolute;
	bottom: 320px;
	left: 15px;
	animation-name: etiqueta-1-fadeIn, etiqueta-1-rotate-vert-center, etiqueta-1-fadeOut;
	-webkit-animation-name: etiqueta-1-fadeIn, etiqueta-1-rotate-vert-center, etiqueta-1-fadeOut;
	-moz-animation-name: etiqueta-1-fadeIn, etiqueta-1-rotate-vert-center, etiqueta-1-fadeOut;
	-o-animation-name: etiqueta-1-fadeIn, etiqueta-1-rotate-vert-center, etiqueta-1-fadeOut;
	-ms-animation-name: etiqueta-1-fadeIn, etiqueta-1-rotate-vert-center, etiqueta-1-fadeOut;
	animation-duration: 0.5s, 0.3s, 0.5s;
	-webkit-animation-duration: 0.5s, 0.3s, 0.5s;
	-moz-animation-duration: 0.5s, 0.3s, 0.5s;
	-o-animation-duration: 0.5s, 0.3s, 0.5s;
	-ms-animation-duration: 0.5s, 0.3s, 0.5s;
	animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-webkit-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-moz-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-o-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-ms-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	animation-direction: normal, both, normal;
	-webkit-animation-direction: normal, both, normal;
	-moz-animation-direction: normal, both, normal;
	-o-animation-direction: normal, both, normal;
	-ms-animation-direction: normal, both, normal;
	animation-delay: 3.5s, 5s, 5.8s;
	-webkit-animation-delay: 3.5s, 5s, 5.8s;
	-moz-animation-delay: 3.5s, 5s, 5.8s;
	-o-animation-delay: 3.5s, 5s, 5.8s;
	-ms-animation-delay: 3.5s, 5s, 5.8s;
	animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-webkit-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-moz-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-o-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-ms-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	animation-iteration-count: 1, 2, 1;
	-webkit-animation-iteration-count: 1, 2, 1;
	-moz-animation-iteration-count: 1, 2, 1;
	-o-animation-iteration-count: 1, 2, 1;
	-ms-animation-iteration-count: 1, 2, 1;
	transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-webkit-transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-moz-transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-o-transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-ms-transform-origin: 0% 0%, 0% 0%, 0% 0%;
}

@-webkit-keyframes etiqueta-1-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes etiqueta-1-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-webkit-keyframes etiqueta-1-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@-moz-keyframes etiqueta-1-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-moz-keyframes etiqueta-1-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-moz-keyframes etiqueta-1-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@-ms-keyframes etiqueta-1-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-ms-keyframes etiqueta-1-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-ms-keyframes etiqueta-1-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@-o-keyframes etiqueta-1-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-o-keyframes etiqueta-1-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-o-keyframes etiqueta-1-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@keyframes etiqueta-1-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes etiqueta-1-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@keyframes etiqueta-1-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

#etiqueta-2 {
	width: 300px;
	height: 300px;
	background-image: url(../images/elementos-varios/etiqueta-2.png);
	opacity: 1;
	z-index: 16;
	position: absolute;
	bottom: 340px;
	left: 500px;
	animation-name: etiqueta-2-fadeIn, etiqueta-2-rotate-vert-center, etiqueta-2-fadeOut;
	-webkit-animation-name: etiqueta-2-fadeIn, etiqueta-2-rotate-vert-center, etiqueta-2-fadeOut;
	-moz-animation-name: etiqueta-2-fadeIn, etiqueta-2-rotate-vert-center, etiqueta-2-fadeOut;
	-o-animation-name: etiqueta-2-fadeIn, etiqueta-2-rotate-vert-center, etiqueta-2-fadeOut;
	-ms-animation-name: etiqueta-2-fadeIn, etiqueta-2-rotate-vert-center, etiqueta-2-fadeOut;
	animation-duration: 0.5s, 0.3s, 0.5s;
	-webkit-animation-duration: 0.5s, 0.3s, 0.5s;
	-moz-animation-duration: 0.5s, 0.3s, 0.5s;
	-o-animation-duration: 0.5s, 0.3s, 0.5s;
	-ms-animation-duration: 0.5s, 0.3s, 0.5s;
	animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-webkit-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-moz-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-o-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-ms-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	animation-direction: normal, both, normal;
	-webkit-animation-direction: normal, both, normal;
	-moz-animation-direction: normal, both, normal;
	-o-animation-direction: normal, both, normal;
	-ms-animation-direction: normal, both, normal;
	animation-delay: 7s, 8.5s, 9.3s;
	-webkit-animation-delay: 7s, 8.5s, 9.3s;
	-moz-animation-delay: 7s, 8.5s, 9.3s;
	-o-animation-delay: 7s, 8.5s, 9.3s;
	-ms-animation-delay: 7s, 8.5s, 9.3s;
	animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-webkit-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-moz-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-o-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-ms-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	animation-iteration-count: 1, 2, 1;
	-webkit-animation-iteration-count: 1, 2, 1;
	-moz-animation-iteration-count: 1, 2, 1;
	-o-animation-iteration-count: 1, 2, 1;
	-ms-animation-iteration-count: 1, 2, 1;
	transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-webkit-transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-moz-transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-o-transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-ms-transform-origin: 0% 0%, 0% 0%, 0% 0%;
}

@-webkit-keyframes etiqueta-2-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes etiqueta-2-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-webkit-keyframes etiqueta-2-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@-moz-keyframes etiqueta-2-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-moz-keyframes etiqueta-2-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-moz-keyframes etiqueta-2-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@-ms-keyframes etiqueta-2-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-ms-keyframes etiqueta-2-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-ms-keyframes etiqueta-2-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@-o-keyframes etiqueta-2-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-o-keyframes etiqueta-2-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-o-keyframes etiqueta-2-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@keyframes etiqueta-2-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes etiqueta-2-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@keyframes etiqueta-2-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

#etiqueta-3 {
	width: 300px;
	height: 300px;
	background-image: url(../images/elementos-varios/etiqueta-3.png);
	opacity: 1;
	z-index: 17;
	position: absolute;
	bottom: 340px;
	left: 500px;
	animation-name: etiqueta-3-fadeIn, etiqueta-3-rotate-vert-center, etiqueta-3-fadeOut;
	-webkit-animation-name: etiqueta-3-fadeIn, etiqueta-3-rotate-vert-center, etiqueta-3-fadeOut;
	-moz-animation-name: etiqueta-3-fadeIn, etiqueta-3-rotate-vert-center, etiqueta-3-fadeOut;
	-o-animation-name: etiqueta-3-fadeIn, etiqueta-3-rotate-vert-center, etiqueta-3-fadeOut;
	-ms-animation-name: etiqueta-3-fadeIn, etiqueta-3-rotate-vert-center, etiqueta-3-fadeOut;
	animation-duration: 0.5s, 0.3s, 0.5s;
	-webkit-animation-duration: 0.5s, 0.3s, 0.5s;
	-moz-animation-duration: 0.5s, 0.3s, 0.5s;
	-o-animation-duration: 0.5s, 0.3s, 0.5s;
	-ms-animation-duration: 0.5s, 0.3s, 0.5s;
	animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-webkit-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-moz-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-o-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-ms-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	animation-direction: normal, both, normal;
	-webkit-animation-direction: normal, both, normal;
	-moz-animation-direction: normal, both, normal;
	-o-animation-direction: normal, both, normal;
	-ms-animation-direction: normal, both, normal;
	animation-delay: 10.5s, 12s, 12.8s;
	-webkit-animation-delay: 10.5s, 12s, 12.8s;
	-moz-animation-delay: 10.5s, 12s, 12.8s;
	-o-animation-delay: 10.5s, 12s, 12.8s;
	-ms-animation-delay: 10.5s, 12s, 12.8s;
	animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-webkit-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-moz-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-o-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-ms-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	animation-iteration-count: 1, 2, 1;
	-webkit-animation-iteration-count: 1, 2, 1;
	-moz-animation-iteration-count: 1, 2, 1;
	-o-animation-iteration-count: 1, 2, 1;
	-ms-animation-iteration-count: 1, 2, 1;
	transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-webkit-transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-moz-transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-o-transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-ms-transform-origin: 0% 0%, 0% 0%, 0% 0%;
}

@-webkit-keyframes etiqueta-3-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes etiqueta-3-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-webkit-keyframes etiqueta-3-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@-moz-keyframes etiqueta-3-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-moz-keyframes circulo-tech-1-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-moz-keyframes etiqueta-3-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@-ms-keyframes etiqueta-3-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-ms-keyframes etiqueta-3-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-ms-keyframes etiqueta-3-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@-o-keyframes etiqueta-3-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-o-keyframes etiqueta-3-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-o-keyframes etiqueta-3-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@keyframes etiqueta-3-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes etiqueta-3-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@keyframes etiqueta-3-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

#etiqueta-4 {
	width: 300px;
	height: 300px;
	background-image: url(../images/elementos-varios/etiqueta-4.png);
	opacity: 1;
	z-index: 18;
	position: absolute;
	bottom: 49px;
	left: 26px;
	animation-name: etiqueta-4-fadeIn, etiqueta-4-rotate-vert-center, etiqueta-4-fadeOut;
	-webkit-animation-name: etiqueta-4-fadeIn, etiqueta-4-rotate-vert-center, etiqueta-4-fadeOut;
	-moz-animation-name: etiqueta-4-fadeIn, etiqueta-4-rotate-vert-center, etiqueta-4-fadeOut;
	-o-animation-name: etiqueta-4-fadeIn, etiqueta-4-rotate-vert-center, etiqueta-4-fadeOut;
	-ms-animation-name: etiqueta-4-fadeIn, etiqueta-4-rotate-vert-center, etiqueta-4-fadeOut;
	animation-duration: 0.5s, 0.3s, 0.5s;
	-webkit-animation-duration: 0.5s, 0.3s, 0.5s;
	-moz-animation-duration: 0.5s, 0.3s, 0.5s;
	-o-animation-duration: 0.5s, 0.3s, 0.5s;
	-ms-animation-duration: 0.5s, 0.3s, 0.5s;
	animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-webkit-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-moz-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-o-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-ms-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	animation-direction: normal, both, normal;
	-webkit-animation-direction: normal, both, normal;
	-moz-animation-direction: normal, both, normal;
	-o-animation-direction: normal, both, normal;
	-ms-animation-direction: normal, both, normal;
	animation-delay: 18s, 19.5s, 20.3s;
	-webkit-animation-delay: 18s, 19.5s, 20.3s;
	-moz-animation-delay: 18s, 19.5s, 20.3s;
	-o-animation-delay: 18s, 19.5s, 20.3s;
	-ms-animation-delay: 18s, 19.5s, 20.3s;
	animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-webkit-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-moz-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-o-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-ms-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	animation-iteration-count: 1, 2, 1;
	-webkit-animation-iteration-count: 1, 2, 1;
	-moz-animation-iteration-count: 1, 2, 1;
	-o-animation-iteration-count: 1, 2, 1;
	-ms-animation-iteration-count: 1, 2, 1;
	transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-webkit-transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-moz-transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-o-transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-ms-transform-origin: 0% 0%, 0% 0%, 0% 0%;
}

@-webkit-keyframes etiqueta-4-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes etiqueta-4-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-webkit-keyframes etiqueta-4-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@-moz-keyframes etiqueta-4-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-moz-keyframes etiqueta-4-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-moz-keyframes etiqueta-4-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@-ms-keyframes etiqueta-4-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-ms-keyframes etiqueta-4-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-ms-keyframes etiqueta-4-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@-o-keyframes etiqueta-4-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-o-keyframes etiqueta-4-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-o-keyframes etiqueta-4-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@keyframes etiqueta-4-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes etiqueta-4-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@keyframes etiqueta-4-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#etiqueta-5 {
	width: 300px;
	height: 300px;
	background-image: url(../images/elementos-varios/etiqueta-5.png);
	opacity: 1;
	z-index: 19;
	position: absolute;
	bottom: 304px;
	left: 480px;
	animation-name: etiqueta-5-fadeIn, etiqueta-5-rotate-vert-center, etiqueta-5-fadeOut;
	-webkit-animation-name: etiqueta-5-fadeIn, etiqueta-5-rotate-vert-center, etiqueta-5-fadeOut;
	-moz-animation-name: etiqueta-5-fadeIn, etiqueta-5-rotate-vert-center, etiqueta-5-fadeOut;
	-o-animation-name: etiqueta-5-fadeIn, etiqueta-5-rotate-vert-center, etiqueta-5-fadeOut;
	-ms-animation-name: etiqueta-5-fadeIn, etiqueta-5-rotate-vert-center, etiqueta-5-fadeOut;
	animation-duration: 0.5s, 0.3s, 0.5s;
	-webkit-animation-duration: 0.5s, 0.3s, 0.5s;
	-moz-animation-duration: 0.5s, 0.3s, 0.5s;
	-o-animation-duration: 0.5s, 0.3s, 0.5s;
	-ms-animation-duration: 0.5s, 0.3s, 0.5s;
	animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-webkit-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-moz-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-o-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	-ms-animation-timing-function: ease-in-out, cubic-bezier(0.455, 0.030, 0.515, 0.955), ease-in-out;
	animation-direction: normal, both, normal;
	-webkit-animation-direction: normal, both, normal;
	-moz-animation-direction: normal, both, normal;
	-o-animation-direction: normal, both, normal;
	-ms-animation-direction: normal, both, normal;
	animation-delay: 21s, 22.5s, 23.3s;
	-webkit-animation-delay: 21s, 22.5s, 23.3s;
	-moz-animation-delay: 21s, 22.5s, 23.3s;
	-o-animation-delay: 21s, 22.5s, 23.3s;
	-ms-animation-delay: 21s, 22.5s, 23.3s;
	animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-webkit-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-moz-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-o-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-ms-animation-fill-mode: backwards, none, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	animation-iteration-count: 1, 2, 1;
	-webkit-animation-iteration-count: 1, 2, 1;
	-moz-animation-iteration-count: 1, 2, 1;
	-o-animation-iteration-count: 1, 2, 1;
	-ms-animation-iteration-count: 1, 2, 1;
	transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-webkit-transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-moz-transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-o-transform-origin: 0% 0%, 0% 0%, 0% 0%;
	-ms-transform-origin: 0% 0%, 0% 0%, 0% 0%;
}

@-webkit-keyframes etiqueta-5-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-webkit-keyframes etiqueta-5-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-webkit-keyframes etiqueta-4-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@-moz-keyframes etiqueta-5-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-moz-keyframes etiqueta-5-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-moz-keyframes etiqueta-5-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@-ms-keyframes etiqueta-5-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-ms-keyframes etiqueta-5-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-ms-keyframes etiqueta-5-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@-o-keyframes etiqueta-5-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@-o-keyframes etiqueta-5-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@-o-keyframes etiqueta-5-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}
@keyframes etiqueta-5-fadeIn {
	0% {-webkit-transform: scale(0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2); opacity: 0.8;}
	100% {-webkit-transform: scale(1); opacity: 1;}
}
@keyframes etiqueta-5-rotate-vert-center{
	0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
	100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
}
@keyframes etiqueta-5-fadeOut {
	0% {-webkit-transform: scale(1); opacity: 1;}
	50% {-webkit-transform: scale(1.25); opacity: 0.8;}
	100% {-webkit-transform: scale(0.1); opacity: 0.0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

#fondo-final {
	width: 800px;
	height: 640px;
	background-image: url(../images/elementos-varios/fondo-final.png);
	opacity: 1;
	z-index: 20;
	position: absolute;
	bottom: 0px;
	left: 0px;
	
	animation-name: fondo-final-fadeIn, fondo-final-fadeOut;
	-webkit-animation-name: fondo-final-fadeIn, fondo-final-fadeOut;
	-moz-animation-name: fondo-final-fadeIn, fondo-final-fadeOut;
	-o-animation-name: fondo-final-fadeIn, fondo-final-fadeOut;
	-ms-animation-name: fondo-final-fadeIn, fondo-final-fadeOut;
	animation-duration: 0.8s, 0.7s;
	-webkit-animation-duration: 0.8s, 0.7s;
	-moz-animation-duration: 0.8s, 0.7s;
	-o-animation-duration: 0.8s, 0.7s;
	-ms-animation-duration: 0.8s, 0.7s;
	animation-timing-function: ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out;
	animation-direction: normal, normal;
	-webkit-animation-direction: normal, normal;
	-moz-animation-direction: normal, normal;
	-o-animation-direction: normal, normal;
	-ms-animation-direction: normal, normal;
	/*animation-delay: 26s, 33.5s;*/
	animation-delay: 24s, 29.3s;
	-webkit-animation-delay: 24s, 29.3s;
	-moz-animation-delay: 24s, 29.3s;
	-o-animation-delay: 24s, 29.3s;
	-ms-animation-delay: 24s, 29.3s;
	animation-fill-mode:backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-webkit-animation-fill-mode:backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-moz-animation-fill-mode:backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-o-animation-fill-mode:backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-ms-animation-fill-mode:backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
}

@-webkit-keyframes fondo-final-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes fondo-final-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes fondo-final-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes fondo-final-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes fondo-final-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes fondo-final-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-o-keyframes fondo-final-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes fondo-final-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@keyframes fondo-final-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@keyframes fondo-final-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#logo-tienda {
	width: 306px;
	height: 80px;
	background-image: url(../images/elementos-varios/logo-tienda.png);
	opacity: 1;
	z-index: 21;
	position: absolute;
	bottom: 301px;
	left: 240px;
	
	aanimation-name: logo-tienda-fadeIn, logo-tienda-fadeOut;
	-webkit-animation-name: logo-tienda-fadeIn, logo-tienda-fadeOut;
	-moz-animation-name: logo-tienda-fadeIn, logo-tienda-fadeOut;
	-o-animation-name: logo-tienda-fadeIn, logo-tienda-fadeOut;
	-ms-animation-name: logo-tienda-fadeIn, logo-tienda-fadeOut;
	animation-duration: 0.6s, 0.5s;
	-webkit-animation-duration: 0.6s, 0.5s;
	-moz-animation-duration: 0.6s, 0.5s;
	-o-animation-duration: 0.6s, 0.5s;
	-ms-animation-duration: 0.6s, 0.5s;
	animation-timing-function: ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out;
	animation-direction: normal, normal;
	-webkit-animation-direction: normal, normal;
	-moz-animation-direction: normal, normal;
	-o-animation-direction: normal, normal;
	-ms-animation-direction: normal, normal;
	animation-delay: 24.5s, 28.7s;
	-webkit-animation-delay: 24.5s, 28.7s;
	-moz-animation-delay: 24.5s, 28.7s;
	-o-animation-delay: 24.5s, 28.7s;
	-ms-animation-delay: 24.5s, 28.7s;
	animation-fill-mode:backwards, forwards;
	-webkit-animation-fill-mode:backwards, forwards;
	-moz-animation-fill-mode:backwards, forwards;
	-o-animation-fill-mode:backwards, forwards;
	-ms-animation-fill-mode:backwards, forwards;
}

@-webkit-keyframes logo-tienda-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes logo-tienda-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes logo-tienda-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes logo-tienda-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes logo-tienda-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes logo-tienda-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-o-keyframes logo-tienda-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes logo-tienda-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@keyframes logo-tienda-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@keyframes logo-tienda-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#exclusivo-revendedoras {
	width: 309px;
	height: 17px;
	background-image: url(../images/elementos-varios/exclusivo-revendedoras.png);
	opacity: 1;
	z-index: 22;
	position: absolute;
	bottom: 277px;
	left: 238px;
	
	animation-name: exclusivo-revendedoras-fadeIn, exclusivo-revendedoras-fadeOut;
	-webkit-animation-name: exclusivo-revendedoras-fadeIn, exclusivo-revendedoras-fadeOut;
	-moz-animation-name: exclusivo-revendedoras-fadeIn, exclusivo-revendedoras-fadeOut;
	-o-animation-name: exclusivo-revendedoras-fadeIn, exclusivo-revendedoras-fadeOut;
	-ms-animation-name: exclusivo-revendedoras-fadeIn, exclusivo-revendedoras-fadeOut;
	animation-duration: 0.6s, 0.5s;
	-webkit-animation-duration: 0.6s, 0.5s;
	-moz-animation-duration: 0.6s, 0.5s;
	-o-animation-duration: 0.6s, 0.5s;
	-ms-animation-duration: 0.6s, 0.5s;
	animation-timing-function: ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out;
	animation-direction: normal, normal;
	-webkit-animation-direction: normal, normal;
	-moz-animation-direction: normal, normal;
	-o-animation-direction: normal, normal;
	-ms-animation-direction: normal, normal;
	animation-delay: 24.8s, 28.5s;
	-webkit-animation-delay: 24.8s, 28.5s;
	-moz-animation-delay: 24.8s, 28.5s;
	-o-animation-delay: 24.8s, 28.5s;
	-ms-animation-delay: 24.8s, 28.5s;
	animation-fill-mode:backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-webkit-animation-fill-mode:backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-moz-animation-fill-mode:backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-o-animation-fill-mode:backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-ms-animation-fill-mode:backwards, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
}

@-webkit-keyframes exclusivo-revendedoras-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes exclusivo-revendedoras-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes exclusivo-revendedoras-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes exclusivo-revendedoras-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes exclusivo-revendedoras-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes exclusivo-revendedoras-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-o-keyframes exclusivo-revendedoras-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes exclusivo-revendedoras-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@keyframes exclusivo-revendedoras-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@keyframes exclusivo-revendedoras-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------*/

#brillo-1 {
	width: 317px;
	height: 317px;
	background-image: url(../images/elementos-varios/brillo-2.png);
	opacity: 1;
	z-index: 23;
	position: absolute;
	bottom: 41px;
	left: 211px;
	animation-name: brillo-1-fadeIn, brillo-1-rotate-center, brillo-1-fadeOut;
	-webkit-animation-name: brillo-1-fadeIn, brillo-1-rotate-center, brillo-1-fadeOut;
	-moz-animation-name: brillo-1-fadeIn, brillo-1-rotate-center, brillo-1-fadeOut;
	-o-animation-name: brillo-1-fadeIn, brillo-1-rotate-center, brillo-1-fadeOut;
	-ms-animation-name: brillo-1-fadeIn, brillo-1-rotate-center, brillo-1-fadeOut;
	animation-duration: 0.6s, 1s, 0.85s;
	-webkit-animation-duration: 0.6s, 1s, 0.85s;
	-moz-animation-duration: 0.6s, 1s, 0.85s;
	-o-animation-duration: 0.6s, 1s, 0.85s;
	-ms-animation-duration: 0.6s, 1s, 0.85s;
	animation-timing-function: ease-in-out, ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out, ease-in-out;
	animation-direction: normal, normal, normal;
	-webkit-animation-direction: normal, normal, normal;
	-moz-animation-direction: normal, normal, normal;
	-o-animation-direction: normal, normal, normal;
	-ms-animation-direction: normal, normal, normal;
	animation-delay: 3.5s, 4.3s, 5.3s;
	-webkit-animation-delay: 3.5s, 4.3s, 5.3s;
	-moz-animation-delay: 3.5s, 4.3s, 5.3s;
	-o-animation-delay: 3.5s, 4.3s, 5.3s;
	-ms-animation-delay: 3.5s, 4.3s, 5.3s;
	animation-fill-mode: backwards, both, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-webkit-animation-fill-mode: backwards, both, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-moz-animation-fill-mode: backwards, both, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-o-animation-fill-mode: backwards, both, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-ms-animation-fill-mode: backwards, both, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
}

@-webkit-keyframes brillo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes brillo-1-rotate-center {
  0% {-webkit-transform: rotate(0);}
  100% {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes brillo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes brillo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes brillo-1-rotate-center {
  0% {-moz-transform: rotate(0);}
  100% {-moz-transform: rotate(360deg);}
}
@-moz-keyframes brillo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes brillo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes brillo-1-rotate-center {
  0% {-ms-transform: rotate(0);}
  100% {-ms-transform: rotate(360deg);}
}
@-ms-keyframes brillo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-o-keyframes brillo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes brillo-1-rotate-center {
  0% {-o-transform: rotate(0);}
  100% {-o-transform: rotate(360deg);}
}
@-o-keyframes brillo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@keyframes brillo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@keyframes brillo-1-rotate-center {
  0% {transform: rotate(0);}
  100% {transform: rotate(360deg);}
}
@keyframes brillo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/

#brillo-2 {
	width: 317px;
	height: 317px;
	background-image: url(../images/elementos-varios/brillo-2.png);
	opacity: 1;
	z-index: 24;
	position: absolute;
	bottom: 285px;
	left: 231px;
	animation-name: brillo-1-fadeIn, brillo-1-rotate-center, brillo-1-fadeOut;
	-webkit-animation-name: brillo-1-fadeIn, brillo-1-rotate-center, brillo-1-fadeOut;
	-moz-animation-name: brillo-1-fadeIn, brillo-1-rotate-center, brillo-1-fadeOut;
	-o-animation-name: brillo-1-fadeIn, brillo-1-rotate-center, brillo-1-fadeOut;
	-ms-animation-name: brillo-1-fadeIn, brillo-1-rotate-center, brillo-1-fadeOut;
	animation-duration: 0.6s, 1s, 0.85s;
	-webkit-animation-duration: 0.6s, 1s, 0.85s;
	-moz-animation-duration: 0.6s, 1s, 0.85s;
	-o-animation-duration: 0.6s, 1s, 0.85s;
	-ms-animation-duration: 0.6s, 1s, 0.85s;
	animation-timing-function: ease-in-out, ease-in-out, ease-in-out;
	-webkit-animation-timing-function: ease-in-out, ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out, ease-in-out;
	-ms-animation-timing-function: ease-in-out, ease-in-out, ease-in-out;
	animation-direction: normal, normal, normal;
	-webkit-animation-direction: normal, normal, normal;
	-moz-animation-direction: normal, normal, normal;
	-o-animation-direction: normal, normal, normal;
	-ms-animation-direction: normal, normal, normal;
	animation-delay: 21.2s, 22s, 23s;
	-webkit-animation-delay: 21.2s, 22s, 23s;
	-moz-animation-delay: 21.2s, 22s, 23s;
	-o-animation-delay: 21.2s, 22s, 23s;
	-ms-animation-delay: 21.2s, 22s, 23s;
	animation-fill-mode: backwards, both, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-webkit-animation-fill-mode: backwards, both, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-moz-animation-fill-mode: backwards, both, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-o-animation-fill-mode: backwards, both, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
	-ms-animation-fill-mode: backwards, both, forwards;    /*------------ ESTO DETERMINA LA VISIBILIDAD DEL OBJETO ANTES, DURANTE Y DESPUÉS DE LA ANIMACIÓN. ES IMPORTANTÍSIMO !!! -------------*/
}

@-webkit-keyframes brillo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes brillo-1-rotate-center {
  0% {-webkit-transform: rotate(0);}
  100% {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes brillo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes brillo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes brillo-1-rotate-center {
  0% {-moz-transform: rotate(0);}
  100% {-moz-transform: rotate(360deg);}
}
@-moz-keyframes brillo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes brillo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes brillo-1-rotate-center {
  0% {-ms-transform: rotate(0);}
  100% {-ms-transform: rotate(360deg);}
}
@-ms-keyframes brillo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@-o-keyframes brillo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes brillo-1-rotate-center {
  0% {-o-transform: rotate(0);}
  100% {-o-transform: rotate(360deg);}
}
@-o-keyframes brillo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}
@keyframes brillo-1-fadeIn {
	0%   {opacity:0;}
	100% {opacity:1;}
}
@keyframes brillo-1-rotate-center {
  0% {transform: rotate(0);}
  100% {transform: rotate(360deg);}
}
@keyframes brillo-1-fadeOut {
	0%   {opacity:1;}
	100% {opacity:0;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/