#imagenes {
	top:0%;
	left:0%;
	z-index:3;
	animation-name:luna;
	animation-duration:1.5s;
	-webkit-animation-name:luna;
	-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:luna;
	-moz-webkit-animation-duration:1.5s;
}

#imagenesb {
	z-index:3;
	animation-delay:1s;
	animation-name:lunab;
	animation-duration:1.5s;
	-webkit-animation-delay:1s;
	-webkit-animation-name:lunab;
	-webkit-animation-duration:1.5s;
	-moz-webkit-animation-delay:1s;
	-moz-webkit-animation-name:lunab;
	-moz-webkit-animation-duration:1.5s;
}

#imagenesc {
	top:0%;
	left:0%;
	z-index:3;
}

#boton1 {
	position:absolute;
	left:-50%;
	z-index:4;
	animation-delay:0.75s;
	animation-duration:3.75s;
	animation-name:mov_boton_1;	
	-webkit-animation-delay:0.75s;
	-webkit-animation-duration:3.75s;
	-webkit-animation-name:mov_boton_1;	
	-moz-webkit-animation-delay:0.75s;
	-moz-webkit-animation-duration:3.75s;
	-moz-webkit-animation-name:mov_boton_1;	
}

#boton1b {

	position:absolute;
	z-index:4;
	animation-duration:1.5s;
	animation-name:mov_boton_1b;
	-webkit-animation-duration:1.5s;
	-webkit-animation-name:mov_boton_1b;
	-moz-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:mov_boton_1b;
}

#boton2 {
	position:absolute;
	left:-50%;
	z-index:4;
	animation-delay:1.5s;
	animation-duration:3s;
	animation-name:mov_boton_2;
	-webkit-animation-delay:1.5s;
	-webkit-animation-duration:3s;
	-webkit-animation-name:mov_boton_2;
	-moz-webkit-animation-delay:1.5s;
	-moz-webkit-animation-duration:3s;
	-moz-webkit-animation-name:mov_boton_2;
}

#boton2b {

	position:absolute;
	z-index:4;
	animation-duration:1.5s;
	animation-name:mov_boton_2b;
	-webkit-animation-duration:1.5s;
	-webkit-animation-name:mov_boton_2b;
	-moz-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:mov_boton_2b;
}


#boton3 {
	position:absolute;
	left:-50%;
	z-index:4;
	animation-delay:1s;
	animation-duration:3.5s;
	animation-name:mov_boton_3;
	-webkit-animation-delay:1s;
	-webkit-animation-duration:3.5s;
	-webkit-animation-name:mov_boton_3;
	-moz-webkit-animation-delay:1s;
	-moz-webkit-animation-duration:3.5s;
	-moz-webkit-animation-name:mov_boton_3;
}

#boton3b {

	position:absolute;
	z-index:4;
	animation-duration:1.5s;
	animation-name:mov_boton_3b;
	-webkit-animation-duration:1.5s;
	-webkit-animation-name:mov_boton_3b;
	-moz-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:mov_boton_3b;
}


#boton4 {
	position:absolute;
	left:-50%;
	z-index:4;
	animation-delay:1.5s;
	animation-duration:3s;
	animation-name:mov_boton_4;
	-webkit-animation-delay:1.5s;
	-webkit-animation-duration:3s;
	-webkit-animation-name:mov_boton_4;
	-moz-webkit-animation-delay:1.5s;
	-moz-webkit-animation-duration:3s;
	-moz-webkit-animation-name:mov_boton_4;
}

#boton4b {

	position:absolute;
	z-index:4;
	animation-duration:1.5s;
	animation-name:mov_boton_4b;
	-webkit-animation-duration:1.5s;
	-webkit-animation-name:mov_boton_4b;
	-moz-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:mov_boton_4b;
}


#boton5 {
	position:absolute;
	left:-50%;
	z-index:4;
	animation-delay:0.75s;
	animation-duration:3.75s;
	animation-name:mov_boton_5;
	-webkit-animation-delay:0.75s;
	-webkit-animation-duration:3.75s;
	-webkit-animation-name:mov_boton_5;
	-moz-webkit-animation-delay:0.75s;
	-moz-webkit-animation-duration:3.75s;
	-moz-webkit-animation-name:mov_boton_5;
}

#boton5b {

	position:absolute;
	z-index:4;
	animation-duration:1.5s;
	animation-name:mov_boton_5b;
	-webkit-animation-duration:1.5s;
	-webkit-animation-name:mov_boton_5b;
	-moz-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:mov_boton_5b;
}

#selector {
	z-index:4;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	display:none;
}

#formato {
	position:absolute;
	top:15%;
	left:5%;
	width:27%;
	opacity:0.7;
	animation-duration:1.5s;
	animation-name:aparece;
	-webkit-animation-duration:1.5s;
	-webkit-animation-name:aparece;
	-moz-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:aparece;
}

#formatob {
	position:absolute;
	top:15%;
	left:35%;
	width:27%;
	opacity:0.7;
	animation-duration:1.5s;
	animation-name:aparece;
	-webkit-animation-duration:1.5s;
	-webkit-animation-name:aparece;
	-moz-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:aparece;
}

#formatoc {
	position:absolute;
	top:222%;
	left:35%;
	width:27%;
	opacity:0.7;
	animation-duration:1.5s;
	animation-name:apareceb;
	-webkit-animation-duration:1.5s;
	-webkit-animation-name:apareceb;
	-moz-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:apareceb;
}

#formatod {
	position:absolute;
	top:222%;
	left:5%;
	width:27%;
	opacity:0.7;
	animation-duration:1.5s;
	animation-name:apareceb;
	-webkit-animation-duration:1.5s;
	-webkit-animation-name:apareceb;
	-moz-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:apareceb;
}

#formatoe {
	position:absolute;
	top:222%;
	left:65%;
	width:27%;
	opacity:0.7;
	animation-duration:1.5s;
	animation-name:apareceb;
	-webkit-animation-duration:1.5s;
	-webkit-animation-name:apareceb;
	-moz-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:apareceb;
}

#formatof {
	position:absolute;
	top:205%;
	left:35%;
	width:27%;
	opacity:0.7;
	animation-duration:1.5s;
	animation-name:aparecec;
	-webkit-animation-duration:1.5s;
	-webkit-animation-name:aparecec;
	-moz-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:aparecec;
}

#formatog {
	position:absolute;
	top:82%;
	left:65%;
	width:27%;
	opacity:0.7;
	animation-duration:1.5s;
	animation-name:aparecee;
	-webkit-animation-duration:1.5s;
	-webkit-animation-name:aparecee;
	-moz-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:aparecee;
}

#formatoh {
	position:absolute;
	top:82%;
	left:5%;
	width:27%;
	opacity:0.7;
	animation-duration:1.5s;
	animation-name:aparecee;
	-webkit-animation-duration:1.5s;
	-webkit-animation-name:aparecee;
	-moz-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:aparecee;
}

#formatoi {
	position:absolute;
	top:82%;
	left:35%;
	width:27%;
	opacity:0.7;
	animation-duration:1.5s;
	animation-name:aparecee;
	-webkit-animation-duration:1.5s;
	-webkit-animation-name:aparecee;
	-moz-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:aparecee;
}

#formatoj {
	position:absolute;
	top:15%;
	left:65%;
	width:27%;
	opacity:0.7;
	animation-duration:1.5s;
	animation-name:aparece;
	-webkit-animation-duration:1.5s;
	-webkit-animation-name:aparece;
	-moz-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:aparece;
}

#formatok {
	position:absolute;
	top:135%;
	left:35%;
	width:27%;
	opacity:0.7;
	animation-duration:1.5s;
	animation-name:aparecef;
	-webkit-animation-duration:1.5s;
	-webkit-animation-name:aparecef;
	-moz-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:aparecef;
}

#formatol {
    position:absolute;
	top:144%;
	left:25%;
	width:50%;
	opacity:0.7;
	animation-duration:1.5s;
	animation-name:apareceg;
	-webkit-animation-duration:1.5s;
	-webkit-animation-name:apareceg;
	-moz-webkit-animation-duration:1.5s;
	-moz-webkit-animation-name:apareceg;
}


/*
#imagen1 #imagen2 #imagen3 #imagen4 #imagen5 {
	display:inline; 
	width:39px;
	height:37px;
	text-align:center;
}
*/

@keyframes rotate {from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}}
@-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}}

.rotador {
    position:fixed;	
    left:10%;
    -webkit-animation: 240s rotate linear infinite;
    -moz-webkit-animation: 240s rotate linear infinite;
    animation: 240s rotate linear infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@keyframes fuga {
	from {transform:scale(1);transform:rotate(0deg);}
	to {transform:scale(0);transform:rotate(1080deg);}
}
@-webkit-keyframes fuga {
	from {-webkit-transform:scale(1);-webkit-transform:rotate(0deg);}
	to {-webkit-transform:scale(0);-webkit-transform:rotate(1080deg);}
}

.rotador_en_fuga {
	position:fixed;
	left:10%;
	animation-name:fuga;
	animation-duration:2s;
	-webkit-animation-name:fuga;
	-webkit-animation-duration:2s;
	-moz-webkit-animation-name:fuga;
	-moz-webkit-animation-duration:2s;
}



@keyframes luna {
	from {left:-40%;top:-60%;transform:scale(0.1);}
	to {left:0%;top:0%;transform:scale(1);}
}
@-webkit-keyframes luna {
	from {left:-40%;top:-60%;-webkit-transform:scale(0.1);}
	to {left:0%;top:0%;-webkit-transform:scale(1);}
}

@keyframes lunab {
	from {left:0%;top:0%;transform:scale(1);}
	to {left:-150%;top:0%;transform:scale(0.1);}
}
@-webkit-keyframes lunab {
	from {left:0%;top:0%;-webkit-transform:scale(1);}
	to {left:-150%;top:0%;-webkit-transform:scale(0.1);}
}


@keyframes mov_boton_1 {
	from {top:100%;left:250%;transform:scale(0.1);}
	to {top:4%;left:40%;transform:scale(1);}
}
@-webkit-keyframes mov_boton_1 {
	from {top:100%;left:250%;-webkit-transform:scale(0.1);}
	to {top:4%;left:40%;-webkit-transform:scale(1);}
}

@keyframes mov_boton_1b {
	from {top:4%;left:40%;transform:scale(1);}
	to {top:4%;left:200%;transform:scale(0.1);}
}
@-webkit-keyframes mov_boton_1b {
	from {top:4%;left:40%;-webkit-transform:scale(1);}
	to {top:4%;left:200%;-webkit-transform:scale(0.1);}
}


@keyframes mov_boton_2 {
	from {top:100%;left:250%;transform:scale(0.1);}
	to {top:23%;left:31%;transform:scale(1);}
}
@-webkit-keyframes mov_boton_2 {
	from {top:100%;left:250%;-webkit-transform:scale(0.1);}
	to {top:23%;left:31%;-webkit-transform:scale(1);}
}

@keyframes mov_boton_2b {
	from {top:23%;left:31%;transform:scale(1);}
	to {top:23%;left:200%;transform:scale(0.1);}
}
@-webkit-keyframes mov_boton_2b {
	from {top:23%;left:31%;-webkit-transform:scale(1);}
	to {top:23%;left:200%;-webkit-transform:scale(0.1);}
}


@keyframes mov_boton_3 {
	from {top:50%;left:250%;transform:scale(0.1);}
	to {top:45%;left:27%;transform:scale(1);}
}
@-webkit-keyframes mov_boton_3 {
	from {top:50%;left:250%;-webkit-transform:scale(0.1);}
	to {top:45%;left:27%;-webkit-transform:scale(1);}
}


@keyframes mov_boton_3b {
	from {top:45%;left:27%;transform:scale(1);}
	to {top:45%;left:200%;transform:scale(0.1);}
}
@-webkit-keyframes mov_boton_3b {
	from {top:45%;left:27%;-webkit-transform:scale(1);}
	to {top:45%;left:200%;-webkit-transform:scale(0.1);}
}


@keyframes mov_boton_4 {
	from {top:0%;left:250%;transform:scale(0.1);}
	to {top:70%;left:27%;transform:scale(1);}
}
@-webkit-keyframes mov_boton_4 {
	from {top:0%;left:250%;-webkit-transform:scale(0.1);}
	to {top:70%;left:27%;-webkit-transform:scale(1);}
}


@keyframes mov_boton_4b {
	from {top:70%;left:27%;transform:scale(1);}
	to {top:70%;left:200%;transform:scale(0.1);}
}
@-webkit-keyframes mov_boton_4b {
	from {top:70%;left:27%;-webkit-transform:scale(1);}
	to {top:70%;left:200%;-webkit-transform:scale(0.1);}
}


@keyframes mov_boton_5 {
	from {top:0%;left:250%;transform:scale(0.1);}
	to {top:91%;left:36%;transform:scale(1);}
}
@-webkit-keyframes mov_boton_5 {
	from {top:0%;left:250%;-webkit-transform:scale(0.1);}
	to {top:91%;left:36%;-webkit-transform:scale(1);}
}

@keyframes mov_boton_5b {
	from {top:91%;left:36%;transform:scale(1);}
	to {top:91%;left:200%;transform:scale(0.1);}
}
@-webkit-keyframes mov_boton_5b {
	from {top:91%;left:36%;-webkit-transform:scale(1);}
	to {top:91%;left:200%;-webkit-transform:scale(0.1);}
}

@keyframes aparece {
	from {top:-100%; transform:scale(0);}
	to {top:15%; transform:scale(1);}
}
@-webkit-keyframes aparece {
	from {top:-100%;-webkit-transform:scale(0);}
	to {top:15%;-webkit-transform:scale(1);}
}

@keyframes apareceb {
	from {top:-100%; transform:scale(0);}
	to {top:222%; transform:scale(1);}
}
@-webkit-keyframes apareceb {
	from {top:-100%;-webkit-transform:scale(0);}
	to {top:222%;-webkit-transform:scale(1);}
}

@keyframes aparecec {
	from {top:-100%; transform:scale(0);}
	to {top:205%; transform:scale(1);}
}
@-webkit-keyframes aparecec {
	from {top:-100%;-webkit-transform:scale(0);}
	to {top:205%;-webkit-transform:scale(1);}
}

@keyframes apareced {
	from {top:-100%; transform:scale(0);}
	to {top:82%; transform:scale(1);}
}
@-webkit-keyframes apareced {
	from {top:-100%;-webkit-transform:scale(0);}
	to {top:82%;-webkit-transform:scale(1);}
}

@keyframes aparecee {
	from {top:-100%; transform:scale(0);}
	to {top:82%; transform:scale(1);}
}
@-webkit-keyframes aparecee {
	from {top:-100%;-webkit-transform:scale(0);}
	to {top:82%;-webkit-transform:scale(1);}
}
@keyframes aparecef {
	from {top:-100%; transform:scale(0);}
	to {top:135%; transform:scale(1);}
}
@-webkit-keyframes aparecef {
	from {top:-100%;-webkit-transform:scale(0);}
	to {top:135%;-webkit-transform:scale(1);}
}
@keyframes apareceg {
	from {top:-100%; transform:scale(0);}
	to {top:144%; transform:scale(1);}
}
@-webkit-keyframes apareceg {
	from {top:-100%;-webkit-transform:scale(0);}
	to {top:144%;-webkit-transform:scale(1);}
}