html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #CCFFFF;
}
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: sans-serif;
	overflow: hidden;
}
main {
	display: block;
	width: 1920px;
	height: 1080px;
}
#pantalla {
	position: absolute;
	bottom: 0px;
	cursor: crosshair;
}
#cielo {
	display: block;
	width: 3840px;
	height: 1080px;
	position: absolute;
	background: transparent url('1920/cielo.png') repeat-x 0 0;
}
#montanas {
	display: block;
	position: absolute;
	bottom: 0px;
	width: 3840px;
	height: 1080px;
	background: transparent url('1920/edificios-tercer-plano.png') repeat-x 0 0;
}
@keyframes haciader {
 	from {margin-left: -1920px}
 	to {margin-left: 3840px}
}
#avion_der {
	display: block;
	position: absolute;
	margin-left: 3840px;
	bottom: 800px;
	width: 128px;
	height: 128px;
	background: transparent url('1920/espai-avionet-gif.gif') no-repeat 0 0;
	background-size: 128px;
	animation-name: haciader;
	animation-duration: 40s;
	animation-iteration-count: infinite;
}
@keyframes haciaizq {
 	from {margin-left: 3840px}
 	to {margin-left: -1920px}
}
#avion_izq {
	display: block;
	position: absolute;
	margin-left: 3840px;
	bottom: 850px;
	width: 64px;
	height: 64px;
	background: transparent url('1920/espai-avionet-gif.gif') no-repeat 0 0;
	background-size: 64px;
	transform: scaleX(-1);
	animation-name: haciaizq;
	animation-delay: 20s;
	animation-duration: 40s;
	animation-iteration-count: infinite;
}
#bosques {
	display: block;
	position: absolute;
	bottom: 0px;
	width: 3840px;
	height: 1080px;
	background: transparent url('1920/edificios-fondo.png') repeat-x 0 0;
}
#edificios {
	display: block;
	position: absolute;
	bottom: 0px;
	width: 3840px;
	height: 1080px;
	background: transparent url('1920/edificios.png') repeat-x 0 0;
}
#acera {
	display: block;
	position: absolute;
	bottom: 0px;
	width: 3840px;
	height: 1080px;
	background: transparent url('1920/carretera.png') repeat-x 0 0;
}
#persona {
	display: block;
	position: absolute;
	bottom: 60px;
	left: 832px;
	width: 256px;
	height: 256px;
	background: transparent url('1920/espai_andar.gif') no-repeat 0 0;
	background-size: 200px;
}
.enemigo {
	display: block;
	position: absolute;
	background: trasparent url('1920/enemigo.png') no-repeat 0 0;
}
#palmeras {
	display: block;
	position: absolute;
	bottom: -96px;
	width: 3980px;
	height: 1080px;
	background: transparent url('1920/palmeras_completas.png') repeat-x 0 0;
}
.puerta_abierta {
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	bottom: 136px;
	left: 2000px;
	width: 167px;
	height: 203px;
	background: black url('1920/puerta_abierta1.png') no-repeat 0 0;
}
#puerta_abierta2 {
	left: 3195px;
	width: 113px;
	height: 179px;
	background: black url('1920/puerta_abierta2.png') no-repeat 0 0;
}

#motor {
	display: none;
}
#intro_videojuego {
	display: block;
	position: absolute;
	cursor: progress;
}
@keyframes haciaizq600 {
 	from {margin-left: 0px; opacity: 1;}
 	to {margin-left: -1920px; opacity: 0;}
}
#intro_videojuego.haciaizq {
	margin-left: -1920px;
	animation-name: haciaizq600;
	animation-duration: 2s;
}