/* -------------------------------- 
   Tags HTML
   -------------------------------- */
body,td,th {
	font-family: Verdana;
	font-size: 11px;
}
body {
	background-image:url(img/bg.png);
	margin-top: 4px;
	
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
input[type=text], input[type=password] {
	font-family:Arial;
	font-size:13px;
	text-align:left;
	padding:2px;
	background-color:#e6eef1;
	border:1px solid #bfd3d9;
}
ul, li {
	list-style-type: none;
}

input[type=submit], input[type=button] {
	background-color:#788589;
	background-image:url(img/btn_bg.png);
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #717f84;
	cursor:pointer;
}

/* -------------------------------- 
   Estructura de la página
   -------------------------------- */
#contenedor {
	width:884px;
	margin:0 auto;
}
#logo {
	width:373px;
	height:100px;
	background-image:url(img/logo.png);
	float:left;
}
#logo2 {
	width:511px;
	height:100px;
	background-image:url(img/cabecera.png);
	float:left;
}
#contenido {
	background-image:url(img/bg-iz.png);
	background-repeat:repeat-y;
}
#contenido2 {
	background-image:url(img/bg-der.png);
	background-repeat:repeat-y;
	background-position:right;
}
#contenido3 {
	margin-left:12px;
	margin-right:12px;
	background-color:#FFFFFF;
	min-height:600px;
}
#buscador {
	width:310px;
	height:33px;
	background-image:url(img/buscador.png);
	float:left;
}

#buscador_texto {
	float:left;
}
#buscador_boton {
	float:left;
	padding-top:6px;
	padding-left:5px;
}
#buscador_texto input[type=text] {
	width:160px;
	height:19px;
	margin-left:57px;
	margin-top:5px;
	border:0px;
	background-color:#d8e6ea;
	color:#748287;
	font-weight:bold;
}
#buscador_boton input[type=submit] {
	width:70px;
	height:21px;
	border:0px;
	background-image:url(img/buscar.png);
}

#menu_h {
	width:544px;
	height:29px;
	padding-top:4px;
	padding-left:30px;
	background-image:url(img/m-h.png);
	float:left;
}
#zona1 {
	width:166px;
	float:left;
	margin-left:3px;
}
#zona2 {
	width:459px;
	margin:0 31px;
	float:left;
}
#zona3 {
	width:166px;
	float:left;
}

#pie {
	clear:both;
	height:33px;
	background-image:url(img/pie.png);
	padding-top:9px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}

/* -------------------------------- 
   Cajas para los menús, comentarios...
   -------------------------------- */
.menu {
	background-image:url(img/menu.png);
	background-repeat:no-repeat;
	width:166px;
	height:24px;
	padding-left:40px;
	padding-top:5px;
	margin-top:10px;
	margin-bottom: 10px;
	font-weight:bold;
	color:#FFFFFF;
}
 
.menu2 {
	background-image:url(img/menu2.png);
	background-repeat:no-repeat;
	width:459px;
	height:24px;
	padding-left:40px;
	padding-top:5px;
	margin-top:10px;
	margin-bottom: 10px;
	font-weight:bold;
	color:#FFFFFF;
}


.menu_t1 {
	background-image:url(img/menu-t2.png);
	height:24px;
	margin-left:3px;
	margin-top:10px;
	margin-bottom: 10px;
	font-weight:bold;
	color:#FFFFFF;
}
.menu_t2 {
	background-image:url(img/menu-t1.png);
	background-repeat:no-repeat;
	padding-left:40px;
}
.menu_t3 {
	background-image:url(img/menu-t3.png);
	background-repeat:no-repeat;
	background-position:right;
	height:19px;
	padding-top:5px;
}

.com1 {
	background-image:url(img/cmt2.png);
	background-repeat:repeat-y;
	margin-bottom:10px;
	margin-top:3px;
}
.com2 {
	background-image:url(img/cmt1.png);
	background-repeat:no-repeat;
	background-position:top;
}
.com3 {
	background-image:url(img/cmt3.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:8px 8px 8px 22px ;
	min-height:40px;
	
}

/* -------------------------------- 
   Menú de opciones
   -------------------------------- */
.categorias_menu a {
	background-image:url(img/flecha.png);
	background-repeat:no-repeat;
	background-position: 0 2px;
	padding-left:12px;
	margin-left:12px;
	width:121px;
	padding-bottom:4px;
	float:left;
}
.categorias_menu a {
	background-image:url(img/flecha.png);
	background-repeat:no-repeat;
	background-position: 0 2px;
	padding-left:12px;
	margin-left:12px;
	width:121px;
	padding-bottom:4px;
	float:left;
}
.categorias_menu a:hover {
	background-image:url(img/flecha_.png);
	background-repeat:no-repeat;
	background-position: 0 2px;
}
.categorias_menu span {
	background-image:url(img/flecha_actual.png);
	background-repeat:no-repeat;
	background-position: 0 2px;
	padding-left:12px;
	margin-left:12px;
	width:121px;
	padding-bottom:4px;
	float:left;
}
.contenido_menu a {
	margin-left:12px;
	width:121px;
	padding-bottom:4px;
	float:left;
}

.menu_imagen li {
	padding-top:3px;
	padding-bottom:3px;
}

.menu_imagen a {
	padding-left:22px;
	padding-bottom:4px;
	margin-left:12px;
	background-repeat:no-repeat;
}
.menu_imagen a#favoritos {
	background-image:url(img/favoritos.png);
}
.menu_imagen a#perfil {
	background-image:url(img/perfil.png);
}
.menu_imagen a#desconectar {
	background-image:url(img/desconectar.png);
}

.categorias_menu ul, .contenido_menu ul, .menu_imagen ul{
	margin:0;
	padding:0;
}
 
 /* -------------------------------- 
   Otras estructuras
   -------------------------------- */
.imagen_oculta {
	position:relative;
	padding-left:12px;
	padding-top:2px;
	padding-bottom:2px;
}
.imagen_oculta .mostrar_imagen {
	display:none;
}
.imagen_oculta:hover .mostrar_imagen {
	background-repeat:no-repeat;
	width:110px;
	height:80px;
	border:1px solid #FFFFFF;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin-left:-130px;
	margin-top:-30px;
	display:block;
	position:absolute;
	top:-2px;
	z-index:1;
}

.listar_juego_imagen {
	background-image:url(img/marco.png);
	background-repeat:no-repeat;
	width:125px;
	min-height:88px;
	float:left;
}

.listar_juego_imagen img {
	padding-left:4px;
	padding-top:4px;
}

.listar_juego_texto {
	width:320px;
	min-height:88px;
	float:left;
}

.listar_juego_categoria {
	font-weight:bold;
	font-size:10px;
	padding:5px 0;
}

.separador {
	background:url(img/sep.png);
	background-repeat:no-repeat;
	background-position:center;
	height:20px;
	clear:both;
}
/* -------------------------------- 
   Estilos variados
   -------------------------------- */

.texto_titulo {
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
	color:#757575;
}
.texto_titulo a {
	color:#757575;
}
  
.cuadro_error {
	color: #FF0000;
	text-align:left;
	padding: 4px 4px 4px 26px;
	margin: 5px 5px 5px 45px;
	background-image:url(img/atencion.png);
	background-repeat:no-repeat;
	max-width:317px;
}
.cuadro_mensaje {
	padding: 4px 26px 15px 26px;
	max-width:388px;
	color:#999999;
}
/* -------------------------------- 
   Botones
   -------------------------------- */

.boton_ampliar {
	background-image:url(img/boton_ampliar.png);
	background-repeat:no-repeat;
	width:42px;
	height:42px;
	float:left;
	cursor:pointer;
}
.boton_ampliar:hover {
	background-image:url(img/boton_ampliar_.png);
	background-repeat:no-repeat;
}
.boton_reducir {
	background-image:url(img/boton_reducir.png);
	background-repeat:no-repeat;
	width:42px;
	height:42px;
	margin-left:12px;
	float:left;
	cursor:pointer;
}
.boton_reducir:hover {
	background-image:url(img/boton_reducir_.png);
	background-repeat:no-repeat;
}
.boton_favoritos_a {
	background-image:url(img/boton_favoritos_a.png);
	background-repeat:no-repeat;
	width:42px;
	height:42px;
	margin-left:12px;
	float:left;
	cursor:pointer;
}
.boton_favoritos_a:hover {
	background-image:url(img/boton_favoritos_a_.png);
	background-repeat:no-repeat;
}
.boton_favoritos_e {
	background-image:url(img/boton_favoritos_e.png);
	background-repeat:no-repeat;
	width:42px;
	height:42px;
	margin-left:12px;
	float:left;
	cursor:pointer;
}
.boton_favoritos_e:hover {
	background-image:url(img/boton_favoritos_e_.png);
	background-repeat:no-repeat;
}
.boton_favoritos_no {
	background-image:url(img/boton_favoritos_a.png);
	background-repeat:no-repeat;
	width:42px;
	height:42px;
	margin-left:12px;
	float:left;
}
.boton_favoritos_no:hover {
	background-image:url(img/boton_inicia_sesion.png);
	background-repeat:no-repeat;
}
.boton_volver {
	background-image:url(img/boton_volver.png);
	background-repeat:no-repeat;
	width:42px;
	height:42px;
	margin-left:12px;
	float:left;
}
.boton_volver:hover {
	background-image:url(img/boton_volver_.png);
	background-repeat:no-repeat;
}


#boton_inicio {
	background-image:url(img/inicio.png);
	background-repeat:no-repeat;
	width:80px;
	height:24px;
	float:left;
}
#boton_inicio:hover {
	background-image:url(img/inicio_.png);
	background-repeat:no-repeat;
}
#boton_contactar {
	background-image:url(img/contactar.png);
	background-repeat:no-repeat;
	width:117px;
	height:24px;
	float:left;
}
#boton_contactar:hover {
	background-image:url(img/contactar_.png);
	background-repeat:no-repeat;
}
/* -------------------------------- 
   Paginación
   -------------------------------- */
 
.paginador {
	padding: 4px;
	text-align:center;
}
.paginador a {
	border:#8ABFF4 1px solid;
	background-color:#A2CDF7;
	padding:2px 4px;
	font-weight:bold;
	color:#FFFFFF;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.paginador a:hover {
	border:#8ABFF4 1px solid;
	background-color:#B5D7F9;
}
.paginador span {
	border:#70B0F1 1px solid;
	background-color:#8ABFF4;
	padding:2px 4px;
	font-weight:bold;
	color:#FFFFFF;
	cursor:default;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
   
/* -------------------------------- 
   Formularios
   -------------------------------- */
.listado_juegos_fecha {
	font-size: 10px;
	color: #7f7f7f;
	height: 18px;
	text-align:right;
	padding-top: 6px;
}
.form_input_text {
	margin-left:70px;
	padding:2px 2px 8px 2px;
	text-align:left;
}

.form_input_text input, .form_input_text textarea, .form_input_text select {
	border:1px solid #bfd3d9;
	background-color:#e6eef1;
	font-family:Arial;
	font-size:13px;
}
.form_input_boton {
	text-align:left;
	margin-left:70px;
	padding:2px;
}

.form_texto {
	margin-left:70px;
	font-weight:bold;
	color:#227DD9;
}


/* -------------------------------- 
   Votos con estrellas
   -------------------------------- */

.estrellas{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	overflow:hidden;
	background: url(img/estrellas-votacion.png) top left repeat-x;		
}
.estrellas li{
	padding:0px;
	margin:0px;
	width:25px;
	height:25px;
	/*\*/
	float: left;
	/* */
}
.estrellas li a{
	display:block;
	width:25px;
	height: 25px;
	line-height:25px;		
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
	cursor:pointer;
}
.estrellas li a:hover{
	background: url(img/estrellas-votacion.png) left bottom;
	z-index: 2;
	left: 0px;
	border:none;
}
.estrellas a.una_estrella{
	left: 0px;
}
.estrellas a.una_estrella:hover{
	width:25px;
}
.estrellas a.dos_estrellas{
	left:25px;
}
.estrellas a.dos_estrellas:hover{
	width: 50px;
}
.estrellas a.tres_estrellas{
	left: 50px;
}
.estrellas a.tres_estrellas:hover{
	width: 75px;
}
.estrellas a.cuatro_estrellas{
	left: 75px;
}	
.estrellas a.cuatro_estrellas:hover{
	width: 100px;
}
.estrellas a.cinco_estrellas{
	left: 100px;
}
.estrellas a.cinco_estrellas:hover{
	width: 125px;
}
.estrellas li.estrellas_ahora{
	background: url(img/estrellas-votacion.png) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}