body{
	margin:0;
	padding:0;
	font-family: Arial,Helvetica,sans-serif;
	background-color:#FFF;
	overflow:hidden;
}

#cuerpo{
	width:100%;
	height:100%;
	display:inline-block;
	position:absolute;
	left:50%;
	z-index:1;
	background-image:url(../img/fondo_1200x900.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

#marco{
	position:relative;
	width:100%;
	height:100%;
	background-image:url(../img/marcofondo_1200x900.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	z-index:100;
}

#logo{
	width:42%;
	background-image:url(../img/logomexit_600x150.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	z-index:99;
	top:15%;
	left:50%;
	margin-left:-21%;
	position:absolute;
	display:inline-block;
}

#planeta{
	position:absolute;
	top:75%;
	left:70%;
	display:inline-block;
	background-image:url(../img/mundo_800x733.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	width:60%;
	margin-left:-30%;
	z-index:96;
}

#torre{
	position:absolute;
	display:inline-block;
	background-image:url(../img/torre1_1200x900.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	width:90%;
	left:5%;
	height:100%;
	z-index:98;
}

#craters{
	position:absolute;
	top:55%;
	display:inline-block;
	background-image:url(../img/crater1_1200x471.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:0;
	width:96%;
	height:45%;
	left:2%;
	z-index:97;
	animation: cratersa 2.5s steps(10) infinite;
}

@media all and (orientation: landscape) and (min-width: 500px) and (max-width: 800px) {	
	#mexibit{
		position:absolute;
		top:45%;
		left:50%;
		display:inline-block;
		background-image:url(../img/mexibitc_1375x125.png);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:0px;
		width:100px;
		height:100px;
		margin-left:-50px;
		z-index:99;
		animation: mexibita 2.2s steps(10) infinite;
	}
	
	@keyframes mexibita{
		0% { background-position:0; }
		100% { background-position:-1000px; }
	}
	
	#letrero{
		position:absolute;
		top:70%;
		left:50%;
		display:inline-block;
		background-image:url(../img/letreroc_2750x125.png);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		width:200px;
		height:100px;
		margin-left:-100px;
		z-index:99;
		animation: letreroa 11s steps(10) infinite;
	}
	
	@keyframes letreroa{
		0% { background-position-y:0; }
		100% { background-position:-2000px; }
	}
}

@media all and (orientation: landscape) and (min-width: 801px) {	
	#mexibit{
		position:absolute;
		top:29%;
		left:50%;
		display:inline-block;
		background-image:url(../img/mexibitc_2750x250.png);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:0px;
		width:200px;
		height:200px;
		margin-left:-100px;
		z-index:99;
		animation: mexibita 2.2s steps(10) infinite;
	}
	
	@keyframes mexibita{
		0% { background-position:0; }
		100% { background-position:-2000px; }
	}
	
	#letrero{
		position:absolute;
		top:70%;
		left:50%;
		display:inline-block;
		background-image:url(../img/letreroc_5500x250.png);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:0;
		width:350px;
		height:175px;
		margin-left:-175px;
		z-index:99;
		animation: letreroa 2.5s steps(10) infinite;
	}
	
	@keyframes letreroa{
		0% { background-position:0; }
		100% { background-position:-3500px; }
	}
}