@charset "utf-8";
	/* CSS Document */
	
	html, body { margin:0; width:100%; height:765px; position:relative; overflow-x:hidden; }
	
	#universo { position:absolute;
		background:url(img/fondo.jpg);
		width: 1020px;
		height:765px;
		left: 50%;
		margin-left:-510px;
		
		}
	
	/*CONTENIDOS*/
	
	#bakita{
	width:350;
	height:250px;
	position:absolute;
	left: -58px;
	top: 19px;
}
	
	#logoDUBAL{
		background:url(img/dubalLOGO.png);
		width:392px;
		height:180px;
		position:absolute;
		left: 310px;
		top: 12px;
		cursor:pointer;
		
		
	}
	
	#marco{
		position:absolute;
		width:497px;
		height:436px;
		left: 258px;
		top: 155px;
	}
	
	#illusionstudios{
		position:absolute;
		width:165px;
		height:28px;
		left: 328px;
		top: 391px;
	}
	
	#player{
	position:absolute;
	width:425px;
	height:344px;
	top: 30px;
	left: 15px;
	z-index: 1;
	}
	
	#celular{
		background:url(img/celular.png) no-repeat;
		width:200px;
		height:359px;
		position:absolute;
		left: 48px;
		top: 224px;
	}
	
	 
	
	#opciones {
	width:428px;
	height:96px;
	position:absolute;
	left: 228px;
	top: 559px;
	z-index: 9;
		}
		
	#btn1{
	background:url(img/btn1.png);
		position:absolute;
	width:89px;
	height:78px;
	top: 38px;
	left: 40px;
	cursor:pointer;
	}
	
	#btn1:hover{cursor:pointer;}
	#btn2:hover{cursor:pointer;}
	
	#btn2{
	background:url(img/btn2.png);
	position:absolute;
	width:98px;
	height: 76px;
	top: 41px;
	left: 161px;
	cursor:pointer;
	}
	
	#btn3{
	background:url(img/btn3.png);
	position:absolute;
	width:98px;
	height: 76px;
	top: 41px;
	left: 283px;
	cursor:pointer;
	}
	
	#dubal{
	width:300px;
	/*/height:178px;*/
	position:fixed !important;
	right: 0;
	bottom:6%;
	z-index:99999;
		
	}
	
	#footer{ 
	width:100%; 
	height: 53px;
	position:fixed !important;
	bottom:0;
	z-index: 999999;
	background:url(img/footerpng.png);}

	#flashfooter{
	position: absolute;
	width:1000px;
	height:102px;
	top: 50%;
	left: 50%;
	margin-top:-67px;
	margin-left:-500px;
}