html {
	background-color: #7F7F7F;
}

#page {
	position: relative;

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

	border: none;
	background: url('../images/publi_revistas.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

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

	overflow: hidden;
}

.portada {
	position: absolute;

	z-index: 99;

	width:  192px;
	height: 255px;
	padding: 30px;


	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;

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

	overflow: hidden;
}

.portada img {
	position: absolute;
	z-index: 1;
}

.portada video {
	position: absolute;
	z-index: 99;
}

#vav     { top:  74px; left:  72px; }
#mtd     { top:  74px; left: 440px; }
#unbreak { top: 627px; left:  76px; }
#mine    { top: 627px; left: 440px; }

.boton {
	position: absolute;

	z-index: 99;

	width:  92px;
	height: 25px;
}

#boton-vav     { top: 398px; left: 205px; }
#boton-mtd     { top: 398px; left: 603px; }
#boton-unbreak { top: 948px; left: 226px; }
#boton-mine    { top: 948px; left: 573px; }

.boton-twitter {
	position: absolute;

	z-index: 99;

	width:  25px;
	height: 25px;
}

#twitter-vav     { top:  45px; left: 265px; }
#twitter-mtd     { top:  44px; left: 636px; }
#twitter-unbreak { top: 598px; left: 266px; }
#twitter-mine    { top: 598px; left: 612px; }