html {
	background-color: #7F7F7F;
}

#page {
	position: relative;

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

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

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

	overflow: hidden;
}

canvas {
	position: absolute;

	z-index: 90;
	
	top:  0;
	left: 0;
}

#presentacion {
	position: absolute;

	z-index: 92;

	top:  0px;
	left: 0px;	
}


#click {
	position: absolute;

	z-index: 93;

	top: 585px;
	left: 155px;

	width: 455px;
	height: 70px;
}

#slide {
	position: absolute;

	z-index: 99;

	top: 874px;
	left: 0;

	width: 100%;
	height: 150px;
}

#icono-gesto {
	position: absolute;
	right:  10px;
	bottom: 50px;

	width: 128px;
	height: 64px;

	background: url('../images/horizontal_drag.png') center center no-repeat;
	background-size: contain;
}

#indica-gesto {
	position: absolute;
	right:  10px;
	bottom: 10px;

	width: 128px;

	text-align: center;
	color: #555;
}