@charset "utf-8";
/* CSS Document */
body{
	background:#FFFFFF;
}
#contenedor{
	width:2000px;
	height:650px;
	border:0px solid #0df605;
	margin:0 auto;
	background:url(../img/fondo1.jpg) no-repeat;
	position:relative;
	/*overflow:hidden;*/
}
#libro{
	width:301px;
	height:517px;
	background:url(../img/libro.png) no-repeat;
	position:absolute;
	top:55px;
	left:0px;
}
#cajaamarillapeque{
	width:216px;
	height:193px;
	background:url(../img/cajaamarillapeque.png) no-repeat;
	position:absolute;
	top:135px;
	left:388px;
	animation: CajaAmarillaPeque 60s infinite;
	-moz-animation: CajaAmarillaPeque 60s infinite;
	-o-animation: CajaAmarillaPeque 60s infinite;
	-webkit-animation: CajaAmarillaPeque 60s infinite;
}
#cajaazulpeque{
	width:216px;
	height:193px;
	background:url(../img/cajaazulpeque.png) no-repeat;
	position:absolute;
	top:135px;
	left:388px;
	animation: CajaAzulPeque 15s infinite;
	-moz-animation: CajaAzulPeque 15s infinite;
	-o-animation: CajaAzulPeque 15s infinite;
	-webkit-animation: CajaAzulPeque 15s infinite;
}
#cajarojapeque{
	width:216px;
	height:193px;
	background:url(../img/cajarojapeque.png) no-repeat;
	position:absolute;
	top:135px;
	left:388px;
	animation: CajaRojaPeque 10s infinite;
	-moz-animation: CajaRojaPeque 10s infinite;
	-o-animation: CajaRojaPeque 10s infinite;
	-webkit-animation: CajaRojaPeque 10s infinite;
	z-index:100;
	
}

#cajaverdepeque{
	width:216px;
	height:193px;
	background:url(../img/cajaverdepeque.png) no-repeat;
	position:absolute;
	top:135px;
	left:388px;
	animation: CajaVerdePeque 5s infinite;
	-moz-animation: CajaVerdePeque 5s infinite;
	-o-animation: CajaVerdePeque 5s infinite;
	-webkit-animation: CajaVerdePeque 5s infinite;
	z-index:100;
	
}


/*--- Animaciones ---*/

@keyframes CajaAmarillaPeque{
	from{left: 0px; top: 200px;}
	to{left: 1200px; top: 200px;}
}

@-moz-keyframes CajaAmarillaPeque{
	from{left: 0px; top: 200px;}
	to{left: 1200px; top: 200px;}
}

@-o-keyframes CajaAmarillaPeque{
	from{left: 0px; top: 200px;}
	to{left: 1200px; top: 200px;}
}

@-webkit-keyframes CajaAmarillaPeque{
	from{left: 0px; top: 200px;}
	to{left: 1200px; top: 200px;}
}

@keyframes CajaAzulPeque{
	from{left: 0px; top: 200px;}
	to{left: 1200px; top: 200px;}
}

@-moz-keyframes CajaAzulPeque{
	from{left: 0px; top: 200px;}
	to{left: 1200px; top: 200px;}
}

@-o-keyframes CajaAzulPeque{
	from{left: 0px; top: 200px;}
	to{left: 1200px; top: 200px;}
}

@-webkit-keyframes CajaAzulPeque{
	from{left: 0px; top: 200px;}
	to{left: 1200px; top: 200px;}
}


@keyframes CajaRojaPeque{
	from{left: 0px; top: 200px;}
	to{left: 1200px; top: 200px;}
}

@-moz-keyframes CajaRojaPeque{
	from{left: 0px; top: 200px;}
	to{left: 1200px; top: 200px;}
}

@-o-keyframes CajaRojaPeque{
	from{left: 0px; top: 200px;}
	to{left: 1200px; top: 200px;}
}

@-webkit-keyframes CajaRojaPeque{
	from{left: 0px; top: 200px;}
	to{left: 1200px; top: 200px;}
}

@keyframes CajaVerdePeque{
	from{left: 0px; top: 200px;}
	to{left: 1200px; top: 200px;}
}

@-moz-keyframes CajaVerdePeque{
	from{left: 0px; top: 200px;}
	to{left: 1200px; top: 200px;}
}

@-o-keyframes CajaVerdePeque{
	from{left: 0px; top: 200px;}
	to{left: 1200px; top: 200px;}
}

@-webkit-keyframes CajaVerdePeque{
	from{left: 0px; top: 200px;}
	to{left: 1200px; top: 200px;}
}
/*
@keyframes animarOrigamiFucsia{
	0%{left:-153px; top:660px;}
	50%{left:856px; top:315px;}
	75%{left:377px; top:95px;}
	100%{left:1010px; top:-128px;}
}

@-moz-keyframes animarOrigamiFucsia{
	0%{left:-153px; top:660px;}
	50%{left:856px; top:315px;}
	75%{left:377px; top:95px;}
	100%{left:1010px; top:-128px;}
}

@-o-keyframes animarOrigamiFucsia{
	0%{left:-153px; top:660px;}
	50%{left:856px; top:315px;}
	75%{left:377px; top:95px;}
	100%{left:1010px; top:-128px;}
}

@-webkit-keyframes animarOrigamiFucsia{
	0%{left:-153px; top:660px;}
	50%{left:856px; top:315px;}
	75%{left:377px; top:95px;}
	100%{left:1010px; top:-128px;}
}