html {
	background-color: #7F7F7F;
}

#page {
	position: relative;

	z-index: 1;
	width: 768px;
	height: 1024px;

	border-style: none;
	border-color: transparent;
	background-color: #EFEFEF;

	margin-left: auto;
	margin-right: auto;

	overflow: hidden;
}

#presentacion {
	position: absolute;

	z-index: 92;

	top:  0px;
	left: 0px;	
}

canvas {
	position: absolute;

	z-index: 2;

	top:  0px;
	left: 0px;
}

#nombre-nivel {
	position: absolute;

	z-index: 1;

	top:  10px;
	left: 18px;

	width: 200px;
	color: #333;
	text-align: center;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: lighter;
	text-transform: uppercase;
	font-size:  28px;
}

.marcador {
	position: absolute;

	z-index: 1;

	top:  45px;

	transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);

	width:  94px;
	height: 90px;

	color: #FFF;
	text-align: center;

	padding-top: 40px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: bold;
	font-size:  30px;

	background: url(../images/marcador.png) no-repeat center center; 
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

#marcador-tiros { left: 62px;  }
#marcador-puntos {
	left: 172px;
	font-size: 20px;
	padding-top: 50px;
	height: 81px;
}

#click {
	position: absolute;

	z-index: 999;

	top:   600px;
	left:  135px;
	width: 500px;
	height: 70px;
}