@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; outline:none;}
body{ text-align:center; background:url(images/background.jpg) center 0 no-repeat #d8f1fc}
#contenedor{ width:955px; height:914px; position:relative; margin:0 auto; overflow:hidden}
#precarga{ width:1px; height:1px; overflow:hidden; visibility:hidden; position:absolute; top:-1500px;}
#precarga2{ width:1px; height:1px; overflow:hidden; visibility:hidden; position:absolute; top:-1500px;}
#precargasvarias{width:1px; height:1px; overflow:hidden; visibility:hidden; position:absolute; top:-1500px;}
#logo{ width:224px; height:57px; background:url(images/logo.png); position:absolute; left:0;top:42px; cursor:pointer}
#titulo{
	width:640px;
	height:114px;
	background:url(images/texto.png);
	position:absolute;
	left: 40px;
	top: 170px;
}
#izquierda{
	width:430px;
	height:550px;
	position:absolute;
	left: 18px;
	top: 320px;
	
}
#loading{
	width:430px;
	height:550px;
	position:absolute;
	left: 18px;
	top: 320px;
	background:url(images/ajax-loader.gif) center 0 no-repeat #caf6f7; z-index:100;
}
#derecha{
	width:430px;
	height:534px;
	position:absolute;
	left: 480px;
	top: 320px;
	background:url(images/imagen_vacia.jpg) 5px 5px no-repeat; margin:0; text-align: left
}
#canvas{/*421*505*/width:421px; height:534px; background: url(images/fondoescena.png) center center no-repeat; position:relative; margin:0;}
#bt1{ width:368px; height:69px; background:url(images/btn1.jpg); margin-left:35px; margin-bottom:17px; cursor:pointer; position:relative}
#bt2{ width:368px; height:69px; background:url(images/btn2.jpg); margin-left:35px; margin-bottom:17px; cursor:pointer; position:relative}
#bt3{ width:368px; height:69px; background:url(images/btn3.jpg); margin-left:35px; margin-bottom:17px; cursor:pointer; position:relative}
#bt4{ width:368px; height:69px; background:url(images/btn4.jpg); margin-left:35px; margin-bottom:17px; cursor:pointer; position:relative}
#bt5{ width:368px; height:69px; background:url(images/btn5.jpg); margin-left:35px;  cursor:pointer; position:relative}

#bt12{/*368*427*/ width:368px; height:427px; background:url(images/fondobtexpandido1.png) center center no-repeat;;margin-left:35px; display:none; position:relative }
#zactbt12{width:368px; height:69px; background:url(images/Vacio.gif); cursor:pointer}
#bt22{/*368*427*/ width:368px; height:427px; background:url(images/fondobtexpandido2.png) center center no-repeat;margin-left:35px; display:none; position:relative; }
#zactbt22{width:368px; height:69px; background:url(images/Vacio.gif); cursor:pointer;}

#bt32{/*368*427*/ width:368px; height:320px; background:url(images/fondobtexpandido3.png) center center no-repeat;margin-left:35px; display:none; position:relative}
#zactbt32{width:368px; height:69px; background:url(images/Vacio.gif); cursor:pointer}

#bt42{/*368*427*/ width:368px; height:286px; background:url(images/fondobtexpandido4.png) center center no-repeat;margin-left:35px; display:none; position:relative}
#bt52{/*368*427*/ width:368px; height:216px; background:url(images/fondobtexpandido5.png) center center no-repeat;margin-left:35px; display:none; position:relative; text-align:left }
#bt52 form{ margin:0; padding:0;overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#FFF; width:280px; display:inline; text-align:left; position:relative; top:-6px}
#zactbt42{width:368px; height:69px; background:url(images/Vacio.gif); cursor:pointer}
#zactbt52{width:368px; height:69px; background:url(images/Vacio.gif); cursor:pointer;overflow:hidden; margin:0; padding:0}
#bt52 span{ width:95px; display:inline-block; margin-left:20px; position:relative; overflow:hidden}
.scroll0{ width:297px; height:329px; overflow:hidden; overflow-x:hidden; margin:5px auto;}
.scroll{ width:328px; height:327px; overflow:hidden; overflow-x:hidden; margin:5px auto; text-align:left}
.scroll2{ width:328px; height:217px; overflow:hidden; overflow-x:hidden;  margin:5px auto; text-align:left}
#upPersonajes{ width:17px; height:17px; background:url(images/topesc.jpg) no-repeat; position:absolute; left:330px;top:69px;}
#downPersonajes{ width:17px; height:17px; background:url(images/botomesc.jpg) no-repeat; position:absolute; left:330px; top:381px}
#barPersonajes{ width:17px; height:51px; background:url(images/bar.jpg) no-repeat; position:absolute; left:330px;top:86px}
#downBarPersonajes{width:17px; height:295px; background-color:#56b3ca; position:absolute; left:330px;top:86px}

#upDialogos{ width:17px; height:17px; background:url(images/topesc.jpg) no-repeat; position:absolute; left:330px;top:69px;}
#downDialogos{ width:17px; height:17px; background:url(images/botomesc.jpg) no-repeat; position:absolute; left:330px; top:280px}
#barDialogos{ width:17px; height:51px; background:url(images/bar.jpg) no-repeat; position:absolute; left:330px;top:86px}
#downBarDialogos{width:17px; height:195px; background-color:#56b3ca; position:absolute; left:330px;top:86px}




.fotoMarco{ background:url(images/fondofoto.png); width:297px; height:103px; overflow:hidden; cursor:pointer; margin:0}
.foto{ width:297px; height:103px; margin:0; margin-bottom:7px}
#ch1{
	width:20px;
	height:17px;
	position:absolute;
	background:url(images/check.png);
	left: 414px;
	top: 21px;
	display:none
}
#ch2{
	width:20px;
	height:17px;
	position:absolute;
	background:url(images/check.png);
	left: 414px;
	top: 107px;display:none
}
#ch3{
	width:20px;
	height:17px;
	position:absolute;
	background:url(images/check.png);
	left: 414px;
	top: 193px;display:none
}
#ch4{
	width:20px;
	height:17px;
	position:absolute;
	background:url(images/check.png);
	left: 414px;
	top: 279px;display:none
}
#ch5{
	width:20px;
	height:17px;
	position:absolute;
	background:url(images/check.png);
	left: 414px;
	top: 365px;display:none
}
#enviar0{ width:239px; height:55px; background:url(images/continuar.jpg) no-repeat; cursor:pointer; margin:10px auto}

#enviar{ width:110px; height:25px; background:url(images/enviar.jpg); cursor:pointer; margin:0 auto; overflow:hidden; position:relative; top:-10px}
.transparente{
-khtml-opacity:.80; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;zoom:1; cursor:pointer;
}
.opaco{-khtml-opacity:1; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;zoom:1; 
}