.fondo{
	/* background: red; */
	overflow: hidden;
	position: relative;
	/* background: red; */
}

	
	.logoFondo-big{
		display: inline-block;
		width: 150px;
		height: 150px;
		/* border: 1px solid red; */
		position: relative;
	}
	.logoFondo-little{
		display: inline-block;
		width: 25px;
		height: 25px;
		/* border: 1px solid red; */
		position: relative;
		z-index: -1;
	}
		.logoFondo-big img{
			width: 100%;
			position: absolute;
		}
		.logoFondo-little img{
			width: 100%;
			position: absolute;
		}
	@keyframes slide1{
		0% {
			left: 10px;
			top: 50px;
		}
		100% {
			left: 100px;
			top: 70px;
		}
	}
	.animateBig1{
		position: absolute;
		top: 50px;
		left: 40px;
		animation-name: slide1;
		animation-duration: 10s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slide2{
		0% {
			left: 35%;
			top: 150px;
		}
		100% {
			left: 30%;
			top: 220px;
		}
	}
	.animateBig2{
		position: absolute;
		top: 150px;
		left: 35%;
		animation-name: slide2;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;

	}
	@keyframes slide3{
		0% {
			right: 15%;
			top: 200px;
		}
		100% {
			right: 10%;
			top: 100px;
		}
	}
	.animateBig3{
		position: absolute;
		top: 200px;
		right: 15%;
		animation-name: slide3;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slide4{
		0% {
			top: 500px;
			left: 200px;
		}
		100% {
			top: 600px;
			left: 350px;
		}
	}
	.animateBig4{
		position: absolute;
		top: 500px;
		left: 200px;
		animation-name: slide4;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slide5{
		0% {
			top: 600px;
			left: 55%;
		}
		25% {
			top: 450px;
			left: 50%;
		}
		50% {
			top: 500px;
			left: 60%;
		}
		75% {
			top: 550px;
			left: 58%;
		}
		100% {
			top: 600px;
			left: 55%;
		}
	}
	.animateBig5{
		position: absolute;
		top: 600px;
		left: 55%;
		animation-name: slide5;
		animation-duration: 50s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
	}
	@keyframes slide6{
		0% {
			top: 550px;
			right: -3%;
		}
		50% {
			top: 450px;
			right: 5%;
		}
		100% {
			top: 500px;
			right: 5%;
		}
	}
	.animateBig6{
		position: absolute;
		top: 550px;
		right: -3%;
		animation-name: slide6;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slide7{
		0% {
			top: 900px;
			left: 100px;
		}
		50% {
			top: 950px;
			left: 50px;
		}
		100% {
			top: 1000px;
			left: 250px;
		}
	}
	.animateBig7{
		position: absolute;
		top: 900px;
		left: 100px;
		animation-name: slide7;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slide8{
		0% {
			top: 1100px;
			left: 42%;
		}
		25% {
			top: 1250px;
			left: 55%;
		}
		50% {
			top: 1400px;
			left: 45%;
		}
		75% {
			top: 1300px;
			left: 30%;
		}
	}
	.animateBig8{
		position: absolute;
		top: 1100px;
		left: 42%;
		animation-name: slide8;
		animation-duration: 40s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slide9{
		0% {
			top: 1250px;
			right: 10%;
		}
		100% {
			top: 1350px;
			right: 5%;
		}
	}
	.animateBig9{
		position: absolute;
		top: 1250px;
		right: 10%;
		animation-name: slide9;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slide10{
		0% {
			bottom: 0;
			left: 3%;
		}
		100% {
			bottom: -50px;
			left: 8%;
		}
	}
	.animateBig10{
		position: absolute;
		bottom: 0;
		left: 3%;
		animation-name: slide10;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	/* pequeños */
	@keyframes slideTop1{
		0% {
			left: 22%;
			top: 200px;
		}
		100% {
			left: 18%;
			top: 140px;
		}
	}
	.animateLittle1{
		position: absolute;
		top: 200px;
		left: 22%;
		animation-name: slideTop1;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slideTop2{
		0% {
			left: 30%;
			top: 50px;
		}
		100% {
			left: 34%;
			top: 150px;
		}
	}
	.animateLittle2{
		position: absolute;
		top: 50px;
		left: 30%;
		animation-name: slideTop2;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slideTop3{
		0% {
			left: 50%;
			top: 150px;
		}
		100% {
			left: 55%;
			top: 220px;
		}
	}
	.animateLittle3{
		position: absolute;
		top: 150px;
		left: 50%;
		animation-name: slideTop3;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slideTop4{
		0% {
			left: 60%;
			top: 210px;
		}
		100% {
			left: 65%;
			top: 170px;
		}
	}
	.animateLittle4{
		position: absolute;
		top: 210px;
		left: 60%;
		animation-name: slideTop4;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slideTop5{
		0% {
			right: 27%;
			top: 120px;
		}
		100% {
			right: 30%;
			top: 150px;
		}
	}
	.animateLittle5{
		position: absolute;
		top: 120px;
		right: 27%;
		animation-name: slideTop5;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	/* lado izquierdo */
	@keyframes slideleft1{
		0% {
			top: 270px;
			left: 5%;
		}
		50% {
			top: 320px;
			left: 2%;
		}
		100% {
			top: 390px;
			left: 5%;
		}
	}
	.animateLittleLeft1{
		position: absolute;
		top: 270px;
		left: 5%;
		animation-name: slideleft1;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slideleft2{
		0% {
			top: 400px;
			left: 15%;
		}
		50% {
			top: 370px;
			left: 12%;
		}
		100% {
			top: 320px;
			left: 15%;
		}
	}
	.animateLittleLeft2{
		position: absolute;
		top: 400px;
		left: 15%;
		animation-name: slideleft2;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slideleft3{
		0% {
			top: 600px;
			left: 1%;
		}
		50% {
			top: 650px;
			left: 5%;
		}
		100% {
			top: 600px;
			left: 7%;
		}
	}
	.animateLittleLeft3{
		position: absolute;
		top: 600px;
		left: 1%;
		animation-name: slideleft3;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slideleft4{
		0% {
			top: 750px;
			left: 10%;
		}
		50% {
			top: 790px;
			left: 5%;
		}
		100% {
			top: 840px;
			left: 10%;
		}
	}
	.animateLittleLeft4{
		position: absolute;
		top: 750px;
		left: 10%;
		animation-name: slideleft4;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slideleft5{
		0% {
			top: 1150px;
			left: 1%;
		}
		50% {
			top: 1200px;
			left: 5%;
		}
		100% {
			top: 1250px;
			left: 1%;
		}
	}
	.animateLittleLeft5{
		position: absolute;
		top: 1150px;
		left: 1%;
		animation-name: slideleft5;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slideleft6{
		0% {
			top: 1250px;
			left: 13%;
		}
		50% {
			top: 1100px;
			left: 10%;
		}
		100% {
			top: 1200px;
			left: 10%;
		}
	}
	.animateLittleLeft6{
		position: absolute;
		top: 1250px;
		left: 13%;
		animation-name: slideleft6;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slideleft7{
		0% {
			top: 1400px;
			left: 7%;
		}
		50% {
			top: 1350px;
			left: 6%;
		}
		100% {
			top: 1390px;
			left: 8%;
		}
	}
	.animateLittleLeft7{
		position: absolute;
		top: 1400px;
		left: 7%;
		animation-name: slideleft7;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	/* lado derecho */
	@keyframes slideRight1{
		0% {
			top: 270px;
			right: 5%;
		}
		50% {
			top: 320px;
			right: 10%;
		}
		100% {
			top: 320px;
			right: 5%;
		}
	}
	.animateLittleRight1{
		position: absolute;
		top: 270px;
		right: 5%;
		animation-name: slideRight1;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slideRight2{
		0% {
			top: 400px;
			right: 15%;
		}
		50% {
			top: 380px;
			right: 20%;
		}
		100% {
			top: 350px;
			right: 15%;
		}
	}
	.animateLittleRight2{
		position: absolute;
		top: 400px;
		right: 15%;
		animation-name: slideRight2;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slideRight3{
		0% {
			top: 720px;
			right: 15%;
		}
		50% {
			top: 780px;
			right: 18%;
		}
		100% {
			top: 810px;
			right: 15%;
		}
	}
	.animateLittleRight3{
		position: absolute;
		top: 720px;
		right: 15%;
		animation-name: slideRight3;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slideRight4{
		0% {
			top: 900px;
			right: 1%;
		}
		50% {
			top: 850px;
			right: 3%;
		}
		100% {
			top: 900px;
			right: 9%;
		}
	}
	.animateLittleRight4{
		position: absolute;
		top: 900px;
		right: 1%;
		animation-name: slideRight4;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slideRight5{
		0% {
			top: 1050px;
			right: 19%;
		}
		50% {
			top: 950px;
			right: 14%;
		}
		100% {
			top: 1050px;
			right: 12%;
		}
	}
	.animateLittleRight5{
		position: absolute;
		top: 1050px;
		right: 19%;
		animation-name: slideRight5;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slideRight6{
		0% {
			top: 1100px;
			right: 6%;
		}
		50% {
			top: 1150px;
			right: -1%;
		}
		100% {
			top: 1100px;
			right: 6%;
		}
	}
	.animateLittleRight6{
		position: absolute;
		top: 1100px;
		right: 6%;
		animation-name: slideRight6;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	@keyframes slideRight7{
		0% {
			top: 1500px;
			right: 6%;
		}
		50% {
			top: 1600px;
			right: 12%;
		}
		100% {
			top: 1680px;
			right: 6%;
		}
	}
	.animateLittleRight7{
		position: absolute;
		top: 1500px;
		right: 6%;
		animation-name: slideRight7;
		animation-duration: 15s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	/* .anima1{
		left: 10px;
		top: 50px;
		transform: rotate(7deg);
		position: absolute;
		animation-name: slide1;
		animation-duration: 10s;
		animation-timing-function: ease-in-out;
		animation-delay: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	} */

@media screen and (max-width: 1024px){
	.logoFondo-big{
		display: none;
	}
}
@media screen and (max-width: 800px){
	.logoFondo-little{
		display: none;
	}
}