@charset "utf-8";
* {
	margin:0px;
	padding:0px;
	border:0;
}
body, html {
	height: 100%;
	cursor:url(images/cursor.cur), pointer;
}
body {
	margin:0;
	padding:0;
	height:100%;
	border:0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: normal;
}

#precarga_imagenes {
	width: 0px;
	height: 0px;
	display: inline;
/*	background-image: url(images/fondo.jpg);*/
	background-image: url(images/tierra.jpg);
	background-image: url(images/bg_cofre.jpg);
	background-image: url(images/bisagra.gif);
	background-image: url(images/manillas.png);
	background-image: url(images/cerradura.png);
	background-image: url(images/bordes_sombra_izq_der.png);
	background-image: url(images/borde_sombra_abj.png);
	background-image: url(images/bordes.jpg);
	background-image: url(images/bordes_arb_abj.jpg);
	background-image: url(images/border_der_izq.jpg);
	background-image: url(images/nubes.png);
/*	background-image: url(images/isla.png);*/
	background-image: url(images/borde_agua.png);
	background-image: url(images/sol.png);
	background-image: url(images/coco.gif);
	background-image: url(images/cursor.cur);
	background-image: url(images/cofre.png);
	background-image: url(images/tabla.gif);
	background-image: url(images/bg_item.gif);
	background-image: url(images/bg_ficha.jpg);
	background-image: url(images/borde_imagen.gif);
	background-image: url(images/down_disk.gif);
	background-image: url(images/menu.png);
	background-image: url(images/sub_menu.png);
	background-image: url(images/menu_select.gif);
	background-image: url(images/up_arrow.gif);
	background-image: url(images/scrollbar_track.gif);
	background-image: url(images/scrollbar_handle.gif);
	background-image: url(images/down_arrow.gif);
}

.bg_principal {background: #87C7E0 url(images/fondo.jpg) repeat-x center top;}
.bg_tierra {background: #F3F0E4 url(images/tierra.jpg) repeat left top;}
.bg_cofre {background: #F3F0E4 url(images/bg_cofre.jpg) repeat left top;}

.fl {float:left;}
.fr {float:right;}
.txt_center{text-align:center;}

.borde_container {
	padding: 0px;
	margin: 0px;
	overflow:hidden;
}

.bisagra {
	width:160px;
	height:13px;
	background: url(images/bisagra.gif) no-repeat center top;
	padding: 0px;
	margin: 0px;
}

.manilla_izq {
	width:20px;
	height:200px;
	float:left;
	background: url(images/manillas.png) no-repeat left center;
	padding: 0px;
	margin: 180px 0px 0px 0px;
}

.manilla_der {
	width:20px;
	height:200px;
	float:right;
	background: url(images/manillas.png) no-repeat right center;
	padding: 0px;
	margin:  180px 0px 0px 0px;
}

.cerradura {
	width:200px;
	height:20px;
	background: url(images/cerradura.png) no-repeat center top;
	padding: 0px;
	margin: 0px auto 0px auto;
}

.borde_sombra_left {
	display: block;
	background: url(images/bordes_sombra_izq_der.png) repeat-y left top;
	padding: 0px;
	margin: 0px;
}

.borde_sombra_main {
	overflow: hidden;
	padding: 0px;
	margin: 0px 20px 0px 20px;
	height:530px;
}

.borde_sombra_right {
	background: url(images/bordes_sombra_izq_der.png) repeat-y right top;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}


.borde_sombra_bot_left {
	float: left;
	width: 20px;
	height: 20px;
	background: url(images/bordes_sombra_abj_izq_der.png) no-repeat left top;
	padding: 0px;
	margin: 0px;
}

.borde_sombra_bot {
	height: 20px;
	background: url(images/borde_sombra_abj.png) repeat-x left top;
	padding: 0px;
	margin: 0px 20px 0px 20px;
}
		
.borde_sombra_bot_right {
	float: right;
	width: 20px;
	height: 20px;
	background: url(images/bordes_sombra_abj_izq_der.png) no-repeat right top;
	padding: 0px;
	margin: 0px;
}

.borde_cofre_top_left {
	float: left;
	width: 29px;
	height:29px;
	background: url(images/bordes.jpg) no-repeat left top;
	padding: 0px;
	margin: 0px;
}

.borde_cofre_top {
	height: 29px;
	background: url(images/bordes_arb_abj.jpg) repeat-x left top;
	text-align: center;
	padding: 0px;
	margin: 0px 29px 0px 29px;
}

.borde_cofre_top_right {
	float: right;
	width: 29px;
	height: 29px;
	background: url(images/bordes.jpg) no-repeat right top;
	padding: 0px;
	margin: 0px;
}

.borde_cofre_center {
	display: block;
	background: url(images/border_der_izq.jpg) repeat-y left top;
	padding: 0px;
	margin: 0px;
}

.borde_cofre_main {
	background: url(images/border_der_izq.jpg) repeat-y right top;
	overflow: hidden;
	padding: 0px 29px 0px 29px;
	margin: 0px;
}

.borde_cofre_bot_left {
	float: left;
	width: 29px;
	height: 29px;
	background: url(images/bordes.jpg) no-repeat left bottom;
	padding: 0px;
	margin: 0px;
}

.borde_cofre_bot {
	height: 29px;
	background: url(images/bordes_arb_abj.jpg) repeat-x left bottom;
	padding: 0px;
	margin: 0px 29px 0px 29px;
}
		
.borde_cofre_bot_right {
	float: right;
	width: 29px;
	height: 29px;
	background: url(images/bordes.jpg) no-repeat right bottom;
	padding: 0px;
	margin: 0px;
}

#contenedor {
	width:998px;
	height:600px;
	padding:0;
	margin:0 auto 0;
	overflow:hidden;
}

#main {height:550px;}
#main_bot {height:50px;}

#nubes {
	height:100%;
	background: url(images/nubes.png) repeat-x left 310px;
	padding:0;
	margin:0;
}

#isla {
	width:998px;
	height:550px;
	background: url(images/isla.png) no-repeat center 218px;
}
.agua {background: url(images/borde_agua.png) no-repeat center 455px;}

#sol {
	width:90px;
	height:90px;
	background: url(images/sol.png) no-repeat left top;
	position:relative;
	left:700px;
	top:50px;
}

#coco {
	width:20px;
	height:20px;
	background: url(images/coco.gif) no-repeat left top;
	position:relative;
	left:745px;
	top:146px;
}
#coco a {
	cursor:url(images/cursor.cur), pointer;
	width:20px;
	height:20px;
	display:block;
}
#coco:hover {background-position:right top;}

#cofre {
	width:65px;
	height:45px;
	background: url(images/cofre.png) no-repeat left top;
	position:relative;
	left:514px;
	top:307px;
}
#cofre a {
	cursor:url(images/cursor.cur), pointer;
	width:65px;
	height:45px;
	display:block;
}
#cofre:hover {background-position:right top;}

#item_container {
	width: 880px;
	height:456px;
	padding: 16px 0px 0px 20px;
}

.tabla {
	background: url(images/tabla.gif) no-repeat center top;
	text-align:center;
	font-size:9px;
	font-weight:bold;
	color:#6F6F6F;
	padding: 9px 0px 0px 0px;
}

.tabla a {
	cursor:url(images/cursor.cur), pointer;
	color:#5D5D5D;
}

.g_item {
	cursor:url(images/cursor.cur), pointer;
	width:387px;
	height:20px;
	background: url(images/bg_item.gif) no-repeat left top;
	float:left;
	margin: 3px 10px 1px 14px;
	padding: 5px 0px 3px 15px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #464646;
	overflow: hidden;
	white-space: nowrap;
}

.g_item:hover {
	cursor:url(images/cursor.cur), pointer;
	width:385px;
	height:18px;
	background-position: 2px 2px;
	padding: 7px 0px 3px 17px;
}

.no_item {
	width:387px;
	height:20px;
	background: url(images/bg_item.gif) no-repeat left top;
	margin: 150px auto 0 auto;
	padding: 5px 0px 3px 15px;
	font-weight: bold;
	font-size: 12px;
	text-align:center;
	color: #464646;
}

.g_ficha {
	width:840px;
	height:420px;
	background: url(images/bg_ficha.jpg) no-repeat left top;
	padding: 10px;
	margin: 0px;
	color: #333;
}
.g_ficha h1 {
	font-size:20px;
	margin: 0px 0px 4px 20px;
}
.g_ficha strong {
	color: #700;
}
.g_ficha a {
	cursor:url(images/cursor.cur), pointer;
	text-decoration: none;
	color: #464646;
}
.col_info_der {
	width:250px;
	float:right;
}

.col_info_main {
	margin:0 260px 0 0px;
}

.g_cover {
	width:145px;
	height:186px;
	float:left;
	margin:4px 10px 10px 4px;
	padding:3px;
	clear:left;
	background: url(images/borde_imagen.gif) no-repeat left top;
}

.down_main {
	margin:4px 4px 8px 4px;
	padding:0px;
	overflow:hidden;
	clear:both;
}

.down_main a.down {
	cursor:url(images/cursor.cur), pointer;
	display:block;
	width:32px;
	height:17px;
	float:left;
	padding:15px 0px 0px 0px;
	margin:0 6px 4px 0;
	background: url(images/down_disk.gif) no-repeat left top;
	color:#EBEBEB;
	text-align:center;
	text-decoration: none;
	font-weight: bold;
	font-size: 9px;
}
.down_main .sep {
	display:block;
	clear:both;
	border-width: 1px;
	border-style: none none dashed  none;
	border-color: #646464;
	padding:2px 0px 2px 0px;
	margin:0 0px 4px 0;
}

#menu_nav {
	position:relative;
	width:600px;
	height:20px;
	margin:0 auto 0 auto;
	font-size: 11px;
}

.menu {
	float:left;
	height:20px;
	width:180px;
	text-align:center;
	background: url(images/menu.png) no-repeat center top;
	padding:0px;
	margin:0px 10px 0px 10px;
}

.menu  a {font-weight:bold;}
.menu  a, .menu strong {
	cursor:url(images/cursor.cur), pointer;
	display:block;
	padding:3px 0px 2px 0px;
	margin:0px 0px 0px 0px;
	height:15px;
	text-decoration: none;
	color: #464646;
}

.menu .sub_menu {
	position:absolute;
	display:none;
	background:url(images/menu.png) no-repeat center top;
	z-index:50;
}
.menu:hover .sub_menu {display:block;}

.menu .sub_menu ul {
	padding:0px 17px 0px 17px;
	margin:10px 0px 0px 0px;
}
.menu .sub_menu ul li {
	list-style: none;
	background:url(images/sub_menu.png) repeat-y center top;
}
.menu .sbm_0 {
	top:-189px;
	left: 210px;
	height:188px;
	width:180px;
}
.menu .sbm_1 {
	top:-549px;
	left: 410px;
	height:550px;
	width:180px;
}

.menu .sbm_0 a:hover, .menu .sbm_1 a:hover  {
	background:url(images/menu_select.gif) no-repeat center center;
}

.menu .sbm_0 a.m_select, .menu .sbm_1 a.m_select  {
	background:url(images/menu_select.gif) no-repeat center center;
}

/* Numero de paguinas */
.n_pagina {
	margin: 8px 2px 2px 2px;
	padding: 4px;
	text-align:center;
}
.n_pagina a, .n_pagina strong {
	cursor:url(images/cursor.cur), pointer;
	margin: 1px;
	padding: 1px 6px 1px;
	border:1px dashed #AF9654;
	background-color:#EAE3D0;
	color: #333;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}
.n_pagina strong.current {background-color:#DBCEAE;}
/* INICIO del ScrollBar
-------------------------------------------------------------*/
.scroller_wrapper {
	width: 880px;
	height: 446px;
}
#scroller_main {
	position: absolute;
	width: 880px;
	height: 446px;
	overflow: hidden;
	margin: 0px 20px 0px 0px;
}
.scroller_container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 880px;
}
#scrollbar_container {
	width:20px;
	height: 446px;
	position: relative;
	top: 0px;
	left: 860px;
}
.scrollbar_up {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/up_arrow.gif) no-repeat center top;
}
.scrollbar_track {
	width: 20px;
	height: 406px;
	position: absolute;
	top: 20px;
	left: 0px;
	background: url(images/scrollbar_track.gif) repeat-y center top;
}
.scrollbar_handle {
	width: 20px;
	height: 30px;
	position: absolute;
	left: 0px;
	background: url(images/scrollbar_handle.gif) no-repeat center center;
}
.scrollbar_down {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 426px;
	left: 0px;
	background: url(images/down_arrow.gif) no-repeat center bottom;
}
/* FIN del ScrollBar
-------------------------------------------------------------*/