html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, cite, em, img, q, peq, strong, sub, sup, u, i, center, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

body {
	line-height: 1;
	margin: 0;
	padding: 0;
	font: 14px arial, helvetica, sans-serif;
	color: #555;
	background: #E9F6FF url(../img/bg.png) top left repeat-x;
}

/************ TEXTOS **********/		
h1 {margin: 0 0 10px 0; font-size: 40px; font-weight: bold; color: #025991;}
h2 {margin: 0 0 10px 0; font-size: 22px; font-weight: bold; color: #73c701;}
h3 {margin: 0 0 5px 0; font-size: 18px; font-weight: bold; color: #025991;}
h4 {margin: 0 0 5px 0; font-size: 14px; font-weight: bold; color: #000;}

p {margin: 0 0 10px 0; line-height: 1.5em;}

a:link {color: #025991; text-decoration: underline;}
a:visited {color: #025991; text-decoration: underline;}
a:hover {color: #025991; text-decoration: none;}
a:active {background: #ffc; color: #900; text-decoration: underline;}

.rojo {color: red;}

ol, ul {list-style: none;}
:focus {outline: 0;}
br {clear: both;}

.invisible, #logo h1 {position: absolute;left: -10000px;}

.clear {clear: both;}
hr {clear: both; border:1px solid transparent; margin:10px 0;}


.peq {margin: 0 0 0 10px; font-size: 12px;}
.fondo-azul {color: #025991;}
a.verde{color:#5A9C01;}
.volver a{display:block; clear:both; float:right; padding: 1px 0 5px 35px; background: url('../img/volver.gif') no-repeat;}
.subir a{display:block; clear:both; float:right; padding: 1px 35px 5px 0; background: url('../img/subir.gif') no-repeat right top;}

strong {color: #000;}

.left {float: left; margin: 5px 15px 10px 0;}
.right {float: right; margin: 5px 0 10px 15px; }


/************** CABECERA ********************/
#cabeza {position: relative; margin: 0 auto; padding: 0 20px; width: 940px; height: 130px;}
#logo {position: absolute; top: 0; left: 0px; }
#menu_consolas {position: absolute; bottom: 0; right:0;}
#menu_consolas ul {float: left; background:url(../img/menu_consolas_bg.png) no-repeat; width:720px; height:50px;}
#menu_consolas li {
	float: left;
	display: inline;
	margin: 12px 16px;
	width:85px;
	height: 20px;
}
#menu_consolas a {
	display:block;
	width:85px;
	height: 20px;
}

#menu_consolas li.ds a{ background:url(../img/m_ds.gif) no-repeat;}
#menu_consolas li.ds_sel a, #menu_consolas li.ds a:hover{ background:url(../img/m_ds2.gif) no-repeat;}
#menu_consolas li.ps3 a{ background:url(../img/m_ps3.gif) no-repeat;}
#menu_consolas li.ps3_sel a, #menu_consolas li.ps3 a:hover{ background:url(../img/m_ps32.gif) no-repeat;}
#menu_consolas li.ps2 a{ background:url(../img/m_ps2.gif) no-repeat;}
#menu_consolas li.ps2_sel a, #menu_consolas li.ps2 a:hover{ background:url(../img/m_ps22.gif) no-repeat;}
#menu_consolas li.psp a{ background:url(../img/m_psp.gif) no-repeat;}
#menu_consolas li.psp_sel a, #menu_consolas li.psp a:hover{ background:url(../img/m_psp2.gif) no-repeat;}
#menu_consolas li.wii a{ background:url(../img/m_wii.gif) no-repeat;}
#menu_consolas li.wii_sel a, #menu_consolas li.wii a:hover{ background:url(../img/m_wii2.gif) no-repeat;}
#menu_consolas li.xbox a{ background:url(../img/m_xbox.gif) no-repeat;}
#menu_consolas li.xbox_sel a, #menu_consolas li.xbox a:hover{ background:url(../img/m_xbox2.gif) no-repeat;}

#menu_consolas a span {position: absolute;left: -10000px;}


/*************** MIGAS *************/
#migas {margin: 0 auto; padding: 55px 30px 0 30px; width: 920px; height: 84px; background: url(../img/migas_bg.png) top left no-repeat; }
#migas ol {float: left; margin-top: 25px;}
#migas li {float: left; font-style: italic; color: #fff; /*line-height: 1em;*/ background: url(../img/flecha.gif) no-repeat right 6px; padding-right:15px; margin-left:5px;}
#migas li a{color: #FFFFFF;}
#migas h2{ float:right;  color: #FFFFFF; margin: 20px 0 0 0; font-size: 20px; font-weight: bold;}
#migas h2 a{ float:right;  color: #FFFFFF; font-size: 20px; font-weight: bold; text-decoration:none;}

/*************** CUERPO ******************/
#cuerpo {margin: 0px auto; padding: 0 30px; width: 920px; background: #fff url(../img/cuerpo_bg.png) repeat-y top center;}

#contenidos {margin: 0; padding: 5px; width: 940px;}
#contenidosAzul, #noticias {padding: 20px; margin:20px 0; background-color: #d3eeff; border:1px solid #fff;}
#contenidosAzul a, #noticias a{ color:#000000;}
		
					
/************ COLUMNA IZQUIERDA *************/
#colum_izda {float: left; width: 280px; }
#colum_izda h2 {margin: 0 0 10px 0;}

#colum_izda #contenidosAzul ul {list-style-type: none;}
#colum_izda #contenidosAzul ul li {padding: 5px 0 5px 20px; line-height: 1.5em; background: url(../img/duda.png) 0 9px no-repeat;}


/************ COLUMNA DERECHA *************/
#colum_dcha {float: left; margin: 0 0 20px 20px; width: 620px; height: auto;}
#colum_dcha h3 {margin: 0 0 5px 0;}

#masJuegos, #masJuegosOcultos, #masJuegosSeminuevos, #masJuegosProximamente, #masJuegosOferta{ padding:20px 0; margin:10px 0; border:1px solid #025991; background:#FCFDF5}
#masJuegosProximamente, #masJuegosSeminuevos, #masJuegosOferta{background:#EBF7FE}
#masJuegosOcultos{background:#FAFAFA}
#colum_dcha h3.mostrar a, #colum_dcha h3.ocultar a, #colum_dcha h3.cargando {text-decoration:underline; padding: 6px 0 12px 20px; background:url(../img/mostrar-ocultar.gif) no-repeat 240px bottom; display:block;}
#colum_dcha h3.ocultar a{ background:url(../img/mostrar-ocultar.gif) no-repeat 235px 0;}
#colum_dcha h3.cargando{background:url(../img/cargar.gif) no-repeat 150px 0; padding: 6px 0 40px 20px;}

#masJuegosOferta h3.mostrar a{background-position: 280px bottom;}
#masJuegosProximamente h3.mostrar a{background-position: 330px bottom;}
#masJuegosSeminuevos h3.mostrar a{background-position: 310px bottom;}
#masJuegosOcultos h3.mostrar a{background-position: 280px bottom;}
#masJuegosOferta h3.ocultar a{background-position: 280px 0;}
#masJuegosProximamente h3.ocultar a{background-position: 330px 0;}
#masJuegosSeminuevos h3.ocultar a{background-position: 310px 0;}
#masJuegosOcultos h3.ocultar a{background-position: 280px 0;}



									
#colum_dcha ul {list-style-type: none;}
#colum_dcha ul li {padding: 8px 10px 5px 25px; line-height: 1.5em; background: url(../img/li.png) 0 9px no-repeat;}

							
#colum_dcha ol {margin: 10px 0 0 5px; list-style-type: decimal;}
#colum_dcha ol li {margin: 0 0 0 20px; padding: 0 0 5px 0; line-height: 1.5em;}

.registro {float: left; width: 600px; margin: 10px 0 0 0;}


/**************** LISTADO DE PRODUCTOS**************************/
.producto {
	margin-top:20px;
	padding:0;
	float:left;
	margin: 0 0 0 5.5px;
}
.producto-todo {
	width:198px;
	float:left;
	padding-bottom:5px;
	border:1px solid #E9E7E7;
	color:#333333;
	font:10px tahoma, arial;
	background:#FFFFFF;
}
.producto-todo:hover{
	border:1px solid #00CCFF;
}
.producto-imagen {
	width:196px;
	text-align:center;
}
.superponer img{
	z-index:2;
	position:relative;
	top:-60px;
	margin-bottom:-60px;
}

.producto-textos {
	padding:10px 0 0 10px;
	float:right;
	width:120px;
	font-size: 10px;
	color: #666666;
	border-left:1px dotted #999999;
	margin-right:5px;
}
.producto-textos a{
	font-size: 9px;
	line-height: 16px;
}
.producto h3 a{
	font-size:12px;
	color: #000;
}

.producto-carrito{
	float:left;
	width:57px;
	margin: 10px 0 0 0;
	padding:0;
	font-size: 11px;
	color: #000;
	text-align: center;
}
.producto-precio {font-size:12px;}
.producto-lanzamiento {font-size:10px; margin:0; padding:0;}
.carrito { position:relative; left:0; margin: 5px 0 0 0; padding-top: 30px; width: 55px; height: 48px;background: #fff url(../img/carrito.gif) no-repeat top center; border:none; cursor:pointer;  font-size:10px;}
.carrito:hover{background: url(../img/carrito2.gif) center top no-repeat;}




						
/************* MENU IZDA *************/
#menu_izda {padding: 0 5px 20px 10px; width: 250px;}
#menu_izda li {display: block; font-weight: bold; text-decoration: none;}	
#menu_izda a {display: block; padding: 10px; font-weight: bold; text-decoration: underline; background: url(../img/li_menu.gif) no-repeat 0 12px; padding-left: 17px;}
#menu_izda a.sel2{text-decoration: none;}
#menu_izda a.sel2:hover{text-decoration: underline;}
#menu_izda a.sel {display: block; font-weight: bold; background: url(../img/li_menu_sel.gif) no-repeat 0 13px; border-bottom: none;text-decoration: none;}
#menu_izda a.sel:hover {text-decoration: underline;}
#menu_izda a:hover {display: block; font-weight: bold;  text-decoration:underline;  text-decoration: none;}

#menu_izda li li{display: block; font-weight: normal; text-decoration: none; border-bottom: 1px solid #d3eeff; margin-left:20px;}	
#menu_izda li li a {display: block; padding: 5px 0; font-weight: normal; text-decoration: none; background: url(../img/li_sel.gif) no-repeat 3px 7px; padding-left: 20px;}
#menu_izda li li a:hover {display: block; font-weight: normal; background: #d3eeff url(../img/li_sel.gif) no-repeat 3px 7px; color:#000000;}
#menu_izda li li a.sel {display: block; font-weight: normal; background: #d3eeff url(../img/li_li_sel.gif) no-repeat 3px 7px; border-bottom: none; color:#000000;}


/************* FIN *************/
#fin { padding: 30px 20px; width: 880px; height: 40px; background: url(../img/fin_bg.png) top left no-repeat;}
#fin p {float: left; font-weight: bold; color: #fff;}
#fin ul {float: right;}
#fin li {display: inline; margin: 0 10px;}
#fin a {font-weight: bold; color: #fff; text-decoration: none;}
#fin a:hover {color: #d3eeff;}

/************* VISA *************/
p#visa {width: 880px; text-align:center;}
p#visa img{ vertical-align:middle;}

/********** TELF ************/
#telf { position:absolute; top:15px; margin: 0 auto; padding: 0; width: 710px; text-align: right;}
/********** MENU USUARIOS ************/
#menu_usu { position:absolute; top:0; margin: 0 auto; padding: 5px 0 0 0; width: 950px; text-align: right;}
#menu_usu p{ background: url(../img/cesta-bg.jpg) no-repeat right top; width: 180px; height:40px;  font-size:12px; color:#000000; width:100%;}
#menu_usu p span{ padding: 0 25px 0 0;}
#menu_usu strong{ color: #B80000;}
#menu_usu p a{/*display: block;*/ text-transform: uppercase; font-weight:bold;padding: 0 25px 0 0;}
#menu_usu li.pri {background: url(../img/menu_usu_bg.gif) no-repeat left 3px; padding-left:20px;}
#menu_usu li {display: inline; margin: 0 0 0 5px; padding-left:10px; background: url(../img/usu_li.gif) no-repeat left 3px;}
#menu_usu a {font-size: 12px; color: #000;}
#menu_usu a:hover {text-decoration: none;}


/********** FORMULARIOS IZDA ***********/
#buscador{ padding: 15px 0 10px 0;}
#lista{ margin-bottom: 30px;}
#lista fieldset { padding: 20px;}
#lista fieldset { padding: 20px; background-color: #d3eeff;}
#colum_izda legend {display: none;}

#buscador label { width:95px; margin-right:5px; font-weight: bold; color: #025991;}
label {clear: left; float: left; margin:8px 0; font-size: 14px;  color: #000; text-align: right;}
#lista label {margin: 18px 10px 0 0;}

input {float: left; margin: 5px 0;  font-size: 14px; padding:3px;}
#buscador input {font-size: 12px;}
select {float: left;  margin:5px 0; padding:3px; font-size:12px;}

#lista input {float: left; margin: 10px 0 3px 0; padding: 5px;  font-size: 14px; color: #555;}

.login {width: 90px;}

#buscador .boton {margin: 10px 0 0 125px; width: 90px; height: 31px;}
#lista .boton {margin: 3px 0 0 10px; width: 52px; height: 31px; float:left;}



/*paginar*/
.paginar-todo {
	background-color: #E9F6FF;
	display: block;
	clear: both;
	zoom: 100%;
	height: 2em;
	padding: 7px 10px;
	margin-top: 8px;
	vertical-align: text-top;
}
.paginar-todo .paginar {
	float: right;
	display: block;
	height: 18px;
	margin-top: -3px;
	padding-top: 6px;
	font-size: 11px;
}
.paginar-todo .paginar a {text-decoration: none;}
.paginar .caja-numero {display: inline-block;}
a.caja-numero:hover {border-color: #999;}
.caja-numero {background-color: #fff;	border-color: #fff;}
.caja-numero.sel {
	background-color: #025991;
	border-color: #025991;
	color: #fff;
}
.caja-numero {
	padding: 2px 4px;
	margin-right: 3px;
	border-width: 1px;
	border-style: solid;
}
.caja-numero.sel {
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
}