/********** RESETEANDO CSS *********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

a {
	color: #000;
	text-decoration: none;	
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

.clearfix {
	display: block;
	clear: both;
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
	 margin-bottom: 15px;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #069;
     height: 1px
}

strong { font-weight: bold;}

span.negrita { font-weight: bold;}
span.cursiva { font-style:italic;}

.a_izquierda  	{ text-align: left;}
.a_derecha		{ text-align: right;}
.a_centro		{ text-align: center;}

.f_izquierda  	{ float: left;}
.f_derecha		{ float: right;}

.a_superior 	{ display: table-cell; vertical-align:top; 		}
.a_inferior		{ display: table-cell; vertical-align:bottom;	}
.a_medio		{ display: table-cell; vertical-align: middle;	}

.enlace { cursor: pointer;}

/********** FIN DEL RESET DE CSS **********/

/********** LAYOUT  **********/

/** Hack para el scroll doble de safari **/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{ 
	html { overflow: auto; }
	
	body { overflow: auto; }
}

html,body {
   height:100%; /* necesario para las sub-alturas */
}

body {
   overflow-x: hidden; /* Para evitar el feo scroll horizontal de explorer 7 */
   background:#0066cc url(img/body-bg.png) left top repeat-x;
}

body, div, p {
   font-family: verdana;
   font-size:12px;
   color:#003366;
}

div#layout {
   position:relative; /* necesario para el posicionamiento */
   margin:0 auto; /* lo centramos, aunque no funciona para explorer 5 */
   width:950px;
   height:auto !important; /* para los navegadores de verdad */
   height:100%; /* Para que explorer lo interprete como alto mínimo */
   min-height:100%; /* para los navegadores de verdad */
   background:#fff url(img/layout-bg.png) 0px 0px repeat-y;
}

div#menu {
	position: relative;
	height: 52px;
	background: url(img/menu-superior.jpg) 0px 0px no-repeat;
}

div#cabecera {
   position:relative;
   height: 156px;
   z-index: 500;
}

div#contenido {
	position: relative;
	height: auto!important;
	height: 480px;
	min-height: 480px;
	padding-bottom: 50px;
	z-index:1000;
	background: url(img/header-bg.jpg) 0px 0px no-repeat; 
}

div#laterali {
   float: left;
   width: 145px;
   overflow: hidden;
   z-index:1000;
}

div#laterald {
   	float: left;
  	width: 150px;
   	margin-top: 160px;
   	z-index:1000;
}

div#centro {
   position: relative;
   display: block;
   float: left;
   height: auto!important;
   height: 100px;
   min-height: 100px;
   width: 625px;
   margin-bottom:0;
   margin-left: 10px;
   margin-right: 11px;
   padding: 0px;
   z-index:1000;
}

* html #contenido{ height: 1%; }

/*** OPERA FIX

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	div#contenido {
		margin-left: 10px;	
	}
}***/

div#pie {
   position:absolute;
   display: block;
   text-align: right;
   width:100%;
   height: 40px;
   line-height: 40px;
   color: #fff;
   bottom:0;
   z-index: 2000;
   background: url(img/footer.png) left top no-repeat;
}

/********** FIN DEL LAYOUT **********//****** MENU ******/

div#menu ul.menu {
	display: block;
	position: absolute;
	left: auto;
	right: 0px;
	height: 52px;
	z-index: 40000;
}
	div#menu ul.menu li {
		float: left;
		height: 52px;
	}
		div#menu ul.menu li a {
			display: block;
			height: 52px;
			line-height: 53px;
			text-indent: -1000em;
			background-repeat:no-repeat;
		}
		
		div#menu ul.menu li.activo a { cursor: default;}
		
		/* Posicion por defecto */
		div#menu ul.menu li a.cuenta 						{ width: 87px;background-position: -666px -52px;}
		div#menu ul.menu li a.cuenta:hover  				{ width: 87px;background-position: -666px -104px;}
		
		div#menu ul.menu li a.cesta 						{ width: 82px;background-position: -753px -52px;}
		div#menu ul.menu li a.cesta:hover  					{ width: 82px;background-position: -753px -104px;}
		
		div#menu ul.menu li a.pedido 						{ width: 114px;background-position: -835px -52px;}
		div#menu ul.menu li a.pedido:hover  				{ width: 114px;background-position: -835px -104px;}
		
		/* Posicion seleccionado */		
		div#menu ul.menu li.activo a.cuenta 				{ background-position: -666px -156px;}
		div#menu ul.menu li.activo a.cuenta:hover  			{ background-position: -666px -156px;}
		
		div#menu ul.menu li.activo a.cesta 					{ background-position: -753px -156px;}
		div#menu ul.menu li.activo a.cesta:hover  			{ background-position: -753px -156px;}
		
		div#menu ul.menu li.activo a.pedido 				{ background-position: -835px -156px;}
		div#menu ul.menu li.activo a.pedido:hover  			{ background-position: -835px -156px;}
		
/****** FIN DEL MENU ******/

/****** BUSCADOR ******/

div#buscador {
	position: absolute;
	display: block;
	right: 200px;
	top: 104px;
	width: 310px;
	height: 21px;
}
	div#buscador input {
		position: absolute;
		left: 2px;
		top: 2px;
		width: 196px;
		height: 16px;
		font-size: 11px;
		color: #036;
		padding-top: 1px;
		border:0px none;
		background: transparent;
	}
	
	div#buscador button {
		position: absolute;
		left: 202px;
		top: 2px;
		width: 110px;
		height: 17px;
		font-size: 11px;
		color: #036;
		border:0px none;
		cursor:pointer;
		background: transparent;
	}
		div#buscador button span {
			display:block;
			width: 17px;
			height: 17px;
			text-indent: -1000em;
			cursor:pointer;
		}

/****** FIN DEL BUSCADOR ******/



/****** CABECERA ******/
#cabecera a.discoazul {
	position: absolute;
	display: block;
	left: 9px;
	top: 1px;
	width: 402px;
	height: 156px;
	text-indent: -1000em;
	background: url(img/discoazul_de.jpg) 0px 0px no-repeat;
}

#cabecera span.usuarios-online {
	position: absolute;
	left: auto;
	right: 200px;
	top: 135px;
	font-size:10px;
	font-weight: bold;
	color: #036;
	cursor: default;
}
#cabecera div.coin-selector {
	position: absolute;
	/*
	right: 170px;
	top: 104px;
	width: 125px;
	height: 21px;
	background: url(img/coin-sel-bg.png) 0px 0px no-repeat;
	*/
	right: 208px;
	top: 9px;
	width: 125px;
	height: 17px;
	background: url(img/coin-sel2-bg.png) 0px 0px no-repeat;
	z-index: 1000;
}
	#cabecera div.coin-selector select {
		position: absolute;
		left: -1px;
		top: -1px;
		width: 127px;
		/*
		height: 23px;
		*/
		height: 19px;
		opacity: 0;
		filter: alpha(Opacity=0);
		-moz-opacity: 0;
		cursor: pointer;
		padding:0px;
		z-index:100;
	}
		#cabecera div.coin-selector select option {
			/*border-bottom: 1px solid #CCD8E5;*/
			background: #fff;
			padding:2px;
			width: auto;
			font-size: 10px;
			color: #036;
		}
		
		#cabecera div.coin-selector select option.ultimo {
			border:0px none;	
		}
	
	#cabecera div.coin-selector div {
		position: absolute;
		display: block;
		/*
		height: 17px;
		line-height: 17px;
		width: 74px;
		*/
		width: 100px;
		height: 13px;
		line-height: 13px;
		left: 2px;
		padding-left: 3px;
		padding-right: 3px;
		top: 2px;
		color: #036;
		font-size: 10px; background: #fff;
	}
#cabecera div.adorno {
	position: absolute;
	display: block;
	left: auto;
	right: -26px;
	top: 26px;
	width: 215px;
	height: 350px;
}
	#cabecera div.adorno a.envios {
		display: block;
		position: absolute;
		left: 40px;
		top: 285px;
		width: 120px;
		height: 45px;
		text-indent: -1000em;
	}

#cabecera #idiomas {
	position: absolute;
	left: auto;
	right: 24px;
	top: 4px;
	width: 182px;
	height: 26px;
	background: url(img/idiomas.png) 0px 0px no-repeat;
}
	#cabecera #idiomas a {
		display: block;
		position: absolute;
		width: 22px;
		height: 13px;
		top: 7px;
		text-indent: -1000em;
	}
	
	#cabecera #idiomas a.castellano { left: 5px;}
	#cabecera #idiomas a.portugues 	{ left: 35px;}
	#cabecera #idiomas a.ingles 	{ left: 65px;}
	#cabecera #idiomas a.italiano 	{ left: 95px;}
	#cabecera #idiomas a.frances 	{ left: 125px;}
	#cabecera #idiomas a.aleman 	{ left: 155px;}
	
#login {
	position: absolute;
	display: block;
	left: 5px;
	top: 15px;
	width: 540px;
	height: 26px;
	text-align: left;
}
	#login .form {
		position:relative;
		width: 492px;
		height: 26px;
	}
		#login .form div {
			margin:0;
			padding:0;
		}
		
		#login .form button {
			position: absolute;
			left: 338px;
			top: 2px;
			width: 54px;
			height: 21px;
			font-size: 11px;
			color: #036;
			border:0px none;
			cursor:pointer;
			background: transparent;	
		}
		
		#login .form button span {
			display:block;
			width: 54px;
			height: 21px;
			text-indent: -1000em;
			cursor:pointer;
		}
		
		#login .form input {
			position: absolute;
			top: 4px;
			width: 87px;
			height: 16px;
			font-size: 11px;
			color: #036;
			padding-top: 1px;
			border:0px none;
			background: transparent;	
		}
		
		#login .form a.crear {
			position: absolute;
			left: 406px;
			top: 2px;
			width: 86px;
			height: 21px;
			font-size: 11px;
			color: #036;
			text-decoration: none;
			text-indent: -1000em;
			border:0px none;
			cursor:pointer;
			background: transparent;	
		}
		
		#login .form input.user { left: 51px;}
		#login .form input.pass { left: 239px;}
	
	#login .data {
		height: 17px;
		margin-top: 5px; float: left;
	}
		#login .data li {
			float: left;
			padding-left: 10px;
			padding-right:10px;
			background: url(img/menu-sep.png) 100% 50% no-repeat;
		}
		
			#login .data li a {
				height: 17px;
				line-height: 17px;
				font-size: 11px;
				color: #fff;
				text-decoration: none;
				background: none;
			}
			
			#login .data li a:hover { color: #FC0;}
			
			/** Iconos para los datos personales */
			#login .data li.info { background: url(); padding-right: 0px;}
			#login .data li.info a {
				display: block;
				width: 17px;
				height: 17px;
				text-indent: -1000em;
				background: url(img/data-ico.png) 0px -34px no-repeat;
			}
			
			#login .data li.ultimo { background: url();}
			
			#login .data li.avisos { background: url(); padding-right: 0px;}
			
			#login .data li.avisos a {
				display: block;
				width: 17px;
				height: 17px;
				text-indent: -1000em;
				background: url(img/data-ico.png) 0px -17px no-repeat;
			}
			
			#login .data li.salir { background: url(); padding-right: 0px;}
			#login .data li.salir a {
				display: block;
				width: 17px;
				height: 17px;
				text-indent: -1000em;
				background: url(img/data-ico.png) 0px -0px no-repeat;
			}
			
	#cabecera .skype {
		display: block;
		position: absolute; 
		left: 620px;
		top: 34px;
		width: 74px;
		height: 61px;
		text-indent: -1000em;
		background: url(img/skype.png) 0px 0px no-repeat;
	}
	#cabecera a.estadisticas {
		display: block;
		position: absolute; 
		left: 411px;
		top: 1px;
		width: 202px;
		height: 94px;
	}
			
			
/****** FIN DE LA CABECERA ******/



/****** CATEGORIAS ******/
#laterali ul.categorias {
	/*margin-bottom: 10px;*/	
}

#laterali ul.categorias li {
	background-position: 0px -144px;
	background-repeat:repeat-y;
	height: 19px;
}

#laterali ul.categorias li.especial {
	padding-top:10px;
	padding-bottom: 5px;
}
#laterali ul.categorias li.header {
	height: 24px;
	padding-top: 12px;
}
	#laterali ul.categorias li.header-consolas {
		background-position: 0px 0px;
		background-repeat:repeat-y;
	}
	#laterali ul.categorias li.header-informatica {
		background-position: 0px -36px;
		background-repeat:repeat-y;
	}
	#laterali ul.categorias li.header-figuras {
		background-position: 0px -72px;
		background-repeat:repeat-y;
	}
	#laterali ul.categorias li.header-otras {
		background-position: 0px -108px;
		background-repeat:repeat-y;
		margin-bottom: 10px;
	}
		#laterali ul.categorias li.header a, 
		#laterali ul.categorias li.header span { display: block; height: 18px; line-height: 36px; width: 120px; text-indent: -1000em;}
		
		#laterali ul.categorias li.header-consolas span			{ background-position: -145px -437px; }
		/*#laterali ul.categorias li.header-consolas a:hover		{ background-position: -269px -437px; }*/
		
		#laterali ul.categorias li.header-informatica a			{ background-position: -145px -456px; }
		#laterali ul.categorias li.header-informatica a:hover	{ background-position: -269px -456px; }
		
		#laterali ul.categorias li.header-figuras a				{ background-position: -145px -475px; }
		#laterali ul.categorias li.header-figuras a:hover		{ background-position: -269px -475px; }
		
		#laterali ul.categorias li.header-otras a				{ background-position: -145px -418px; }
		#laterali ul.categorias li.header-otras a:hover			{ background-position: -269px -418px; }

#laterali ul.categorias li.footer {
	height: 30px;
	background-position: 0px 100%;
	background-repeat:repeat-y;
	margin-bottom: 10px;
	overflow:hidden;
}
	#laterali ul.categorias li.footer span { display: block; height: 6px; line-height: 6px; width: 145px; text-indent: -1000em;}

#laterali ul.categorias li a, #laterali ul.categorias li span {
	display: block;
	width: 124px;
	height: 19px;
	
	margin-left: 10px;
	
	text-indent: -1000em;
	
	background-position: -148px 0px;
	background-repeat:no-repeat;
}

	#laterali ul.categorias li a.ps3 						{ background-position: -145px 0px; }
		#laterali ul.categorias li a.ps3:hover	 			{ background-position: -269px 0px; }
		
	#laterali ul.categorias li a.ps2 						{ background-position: -145px -19px; }
		#laterali ul.categorias li a.ps2:hover 				{ background-position: -269px -19px; }
	
	#laterali ul.categorias li a.psp 						{ background-position: -145px -38px; }
		#laterali ul.categorias li a.psp:hover 				{ background-position: -269px -38px; }
	
	#laterali ul.categorias li a.nintendods 				{ background-position: -145px -57px; }
		#laterali ul.categorias li a.nintendods:hover 		{ background-position: -269px -57px; }
		
	#laterali ul.categorias li a.nintendowii 				{ background-position: -145px -76px; }
		#laterali ul.categorias li a.nintendowii:hover 		{ background-position: -269px -76px; }
	
	#laterali ul.categorias li a.xbox360 					{ background-position: -145px -95px; }
		#laterali ul.categorias li a.xbox360:hover	 		{ background-position: -269px -95px; }
		
	#laterali ul.categorias li a.xbox 						{ background-position: -145px -114px; }
		#laterali ul.categorias li a.xbox:hover 			{ background-position: -269px -114px; }
		
	#laterali ul.categorias li a.otrasconsolas 				{ background-position: -145px -133px; }
		#laterali ul.categorias li a.otrasconsolas:hover	{ background-position: -269px -133px; }
		
	#laterali ul.categorias li a.almacenamiento 			{ background-position: -145px -152px; }
		#laterali ul.categorias li a.almacenamiento:hover	{ background-position: -269px -152px; }
		
	#laterali ul.categorias li a.cables 					{ background-position: -145px -171px; }
		#laterali ul.categorias li a.cables:hover	 		{ background-position: -269px -171px; }
		
	#laterali ul.categorias li a.imagenysonido				{ background-position: -145px -190px; }
		#laterali ul li a.imagenysonido:hover				{ background-position: -269px -190px; }
	
	#laterali ul.categorias li a.ordenadores				{ background-position: -145px -209px; }
		#laterali ul.categorias li a.ordenadores:hover		{ background-position: -269px -209px; }
		
	#laterali ul.categorias li a.multimedia 				{ background-position: -145px -228px; }
		#laterali ul.categorias li a.multimedia:hover 		{ background-position: -269px -228px; }
		
	#laterali ul.categorias li a.animemanga 				{ background-position: -145px -247px; }
		#laterali ul.categorias li a.animemanga:hover 		{ background-position: -269px -247px; }
		
	#laterali ul.categorias li a.cinetv 					{ background-position: -145px -266px; }
		#laterali ul.categorias li a.cinetv:hover	 		{ background-position: -269px -266px; }
		
	#laterali ul.categorias li a.musica 					{ background-position: -145px -285px; }
		#laterali ul.categorias li a.musica:hover 			{ background-position: -269px -285px; }
				
	#laterali ul.categorias li a.videojuegos 				{ background-position: -145px -304px; }
		#laterali ul.categorias li a.videojuegos:hover 		{ background-position: -269px -304px; }
		
	#laterali ul.categorias li a.peluches 					{ background-position: -145px -323px; }
		#laterali ul.categorias li a.peluches:hover 		{ background-position: -269px -323px; }
		
	#laterali ul.categorias li a.otrasfiguras 				{ background-position: -145px -342px; }
		#laterali ul.categorias li a.otrasfiguras:hover 	{ background-position: -269px -342px; }
		
	#laterali ul.categorias li a.perifericos 				{ background-position: -145px -361px; }
		#laterali ul.categorias li a.perifericos:hover	 	{ background-position: -269px -361px; }
		
	#laterali ul.categorias li a.gadgets 					{ background-position: -145px -380px; }
		#laterali ul.categorias li a.gadgets:hover 			{ background-position: -269px -380px; }

	#laterali ul.categorias li a.gps 						{ background-position: -145px -399px; }
		#laterali ul.categorias li a.gps:hover	 			{ background-position: -269px -399px; }

/****** FIN DE CATEGORIAS ******/

/****** CAJETINES ******/

	/** izquierdo **/
	#laterali div.cajetin {
		display: block;
		margin-left: 9px;
		width: 132px;
		margin-bottom: 10px;
	}
		#laterali div.cajetin h3  {
			height: 20px;
			line-height: 20px;
			text-indent: -1000em;
			overflow: hidden;
			background-repeat:no-repeat;
		}
		
		#laterali div.cajetin h3.link  {
			text-indent: 0px;
		}
		
		#laterali div.cajetin h3 a  {
			height: 20px;
			display: block;
			width: 132px;
			text-indent: -1000em;
			cursor: pointer;
		}
		
			div.cajetin h3.novedades					{ background-position: 0px 0px;}
			div.cajetin h3.cupones						{ background-position: 0px -20px;}
			div.cajetin h3.sabiasque					{ background-position: 0px -40px;}
			div.cajetin h3.ultimosproductos				{ background-position: 0px -60px;}
			div.cajetin h3.losmasdestacados				{ background-position: 0px -80px;}
			div.cajetin h3.losmasvendidos				{ background-position: 0px -100px;}
			div.cajetin h3.micuenta						{ background-position: 0px -120px;}
			div.cajetin h3.sugerencias					{ background-position: 0px -140px;}
			div.cajetin h3.afiliados					{ background-position: 0px -160px;}
			div.cajetin h3.informacion					{ background-position: 0px -180px;}
			div.cajetin h3.micompra						{ background-position: 0px -200px;}
			div.cajetin h3.ofertas						{ background-position: 0px -220px;}
			div.cajetin h3.mispedidos					{ background-position: 0px -240px;}
			
		
		#laterali div.cajetin ul {
				
		}
			#laterali div.cajetin ul li {
				background-image: url(img/cajetines-bg.png);
				background-repeat: no-repeat;
			}
			
			#laterali div.cajetin ul li.header {
				height: 20px;
				overflow: hidden;
				background-position: 0px 0px;
			}
			
			#laterali div.cajetin ul li.content {
				display: block;
				text-align: center;
				vertical-align: middle;
				
				padding-left: 10px;
				padding-right: 8px;
								
				width: 112px;
				height: auto;
				overflow: hidden;
				background-position: -264px 0px;
				background-repeat:repeat-y;
			}
			
			#laterali div.cajetin ul li.footer {
				height: 20px;
				overflow: hidden;
				background-position: -132px 0px;	
			}
			
	/** derecho **/
	#laterald div.cajetin {
		width: 150px;
		margin-bottom: 10px;
	}
		#laterald div.cajetin h3 {
			height: 20px;
			line-height: 20px;
			text-indent: -1000em;
			background-repeat:no-repeat;
		}
		
		#laterald div.cajetin h3.link  {
			text-indent: 0px;
		}
		
		#laterald div.cajetin h3 a  {
			height: 20px;
			display: block;
			width: 132px;
			text-indent: -1000em;
			cursor: pointer;
		}
				
			#laterald div.cajetin h3.ultimosproductos	{ background-position: 0px -60px;}
			#laterald div.cajetin h3.destacados			{ background-position: 0px -80px;}
		
		d#laterald div.cajetin ul {
			
		}
			#laterald div.cajetin ul li {
				background-image: url(img/cajetines-bg.png);
				background-repeat: no-repeat;
			}
				#laterald div.cajetin ul li li { background-image: none;}
			
			#laterald div.cajetin ul li.header {
				height: 20px;
				overflow: hidden;
				background-position: -396px 0px;
			}
			
			#laterald div.cajetin ul li.content {
				
				display: block;
				text-align: center;
				vertical-align: middle;
				
				padding-left: 10px;
				padding-right: 8px;
				
				width: 130px;
				height: auto;
				overflow: hidden;
				background-position: -696px 0px;
				background-repeat:repeat-y;
			}
			
			#laterald div.cajetin ul li.footer {
				height: 20px;
				overflow: hidden;
				background-position: -546px 0px;	
			}
			
	/* Lateral comun */
	#laterali div.cajetin ul li.content div.txt, #laterali div.cajetin ul li.content p,
	#laterald div.cajetin ul li.content div.txt, #laterald div.cajetin ul li.content p
	{
		display: block;
		width: 112px;
		
		font-size: 10px;
		color: #036;
		text-align:left;
		line-height: 12px;
		
		background: #fff;
		cursor: default;
	}
	
	#laterali div.cajetin ul li.content p,
	#laterald div.cajetin ul li.content p
	{
		margin-bottom: 10px;
	}

	
	#laterali div.cajetin ul li.content a.titulo,
	#laterald div.cajetin ul li.content a.titulo
	{
		display: block;
		color: #0036;
		text-decoration: none;
		width: 112px;
		font-weight: bold;
		font-size: 10px;
		cursor: pointer;
		margin-bottom: 5px;
		overflow: hidden;
	}
	
	#laterald div.cajetin ul li.content a.titulo {width: 130px;}
	
	#laterali div.cajetin ul li.content a.titulo:hover, #laterald div.cajetin ul li.content a.titulo:hover { color: #069; }
		
	div.cajetin ol {
		text-align: left;
	}
	
		div.cajetin ol li {
			margin-bottom: 5px;
			height: auto!important;
			height: 18px;
			min-height: 18px;
			padding-bottom: 5px;
			background: url(img/sep-hrz.png) 0px 100% repeat-x;
		}
		
		div.cajetin ol li.primero {
			background: url(img/sep-hrz.png) 0px 100% repeat-x;
		}
		
		div.cajetin ol li.ultimo {
			margin-bottom: 0px;
			padding-bottom: 0px;
			background: url();
		}
		
			div.cajetin ol li span.posicion {
				display: inline-block;
				.display: inline;
				zoom: 1;
				
				float: left;
				
				width: 18px;
				height: 18px;
				line-height: 18px;
				
				font-family: arial;
				font-size: 10px;
				color: #fff;
				
				border: 0px none;
				text-align: center;
				
				background: url(img/posicion-bg.png) 0px 0px no-repeat;
			}
			
			div.cajetin ol li a {
				display: block;
				
				margin-left: 24px;
				line-height: 12px;
				font-size: 10px;
				color: #036;
				text-decoration: none;
			}
			
			div.cajetin ol li a.prod {
				display: inline-block;
				.display: inline;
				zoom: 1;
				
				margin-left: 0px;
				float: left;
				
				width: 18px;
				height: 18px;
				line-height: 18px;
				
				font-family: arial;
				font-size: 10px;
				color: #fff;
				
				border: 0px none;
				text-align: center;
				text-indent: -1000em;
				
				background: url(img/prod-bg.png) 0px 0px no-repeat;
			}
			
			div.cajetin ol li a.enlace {
				display: block;
				
				margin-left: 0px;
				padding-left: 14px;
				line-height: 12px;
				font-size: 10px;
				color: #036;
				text-decoration: none;
				background: url(img/bullet-enlace.png) 2px 2px no-repeat;
			}

/****** FIN DE CAJETINES ******/



/****** MIGA DE PAN ******/
#miga {
	display: block;
	position: relative;
	width: 625px;
	height: 45px;
	margin-bottom: 10px;
	margin-left: 155px;
	margin-top:3px;
	
	color: #fff;
	cursor: default;
	background: url(img/miga-bg.png) 0px 0px no-repeat;
	z-index: 1000;
}
	#miga span, #miga em, #miga a, #miga h2, #miga h2 a {
		/*display: inline-block;
		.display:inline;
		zoom: 1;*/
		
		display: block;
		float: left;

		text-decoration: none;
		color: #fff;
		height: 20px;
		line-height: 20px;
		margin-top: 12px;

		font-size:11px;
	}
	
	#miga span {
		cursor: default;
	}
	
	#miga em {
		margin-left: 5px;
		margin-right: 5px;
		cursor: default;
	}
	
	#miga a {
		font-weight: bold;	
	}
	
	
	#miga a.home {
		margin-left: 15px;
		.margin-left: 10px;	
	}
	
	#miga h2 a {
		margin-top:0px;		
	}
	
/****** FIN DE MIGA DE PAN ******/



/****** PIE ******/
div#pie div.f_izquierda, div#pie div.f_derecha {
	margin-top: 25px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	line-height: 16px;
}

div#pie div.f_izquierda {
	margin-left: 20px;
	text-align: left;
}
	div#pie div.f_izquierda a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}

div#pie div.f_derecha {
	margin-right: 20px;
	text-align: right;
}
	div#pie div.f_derecha span.iconos-pago {
		display: block;
		position: relative;
		width: 228px;
		height: 69px;
		background: url(img/iconos-pago.png) 0px 0px no-repeat;
	}
	
	div#pie div.f_derecha span.iconos-pago-nobidopay { background: url(img/iconos-pago-nobidopay.png) 0px 0px no-repeat; }
	
		span.iconos-pago a {
			position: absolute;
			display: block;	
			left: auto;
			text-indent: -1000em;
			text-decoration: none;
		}
		
		span.iconos-pago a.bidopay {
			right: 0px;
			top: 0px;
			width: 150px;
			height: 38px;
		}
		
		span.iconos-pago a.paypal {
			right: 0px;
			top: 40px;
			width: 230px;
			height: 30px;
		}
		
/****** FIN DEL PIE ******/


	
/****** AYUDA ONLINE ******/

#ayuda-online {
	position: absolute;
	display: block;
	left: 700px;
	top: 30px;
	width: 88px;
	height: 65px;
	
	
	z-index: 1000;
}
	#ayuda-online a {
		display:block;
		width: 88px;
		height: 65px;
		text-indent: -1000em;
		background-repeat:no-repeat;
		cursor: help;
	}
	
	#ayuda-online a.offline {
		background-position: 0px 0px;	
	}
	#ayuda-online a.online {
		background-position: -88px 0px;	
	}
/****** FIN AYUDA ONLINE ******/	


	
/****** CARRITO DE LA COMPRA ******/
div.carrito {
	display: block; 
	width: 150px;
	margin-bottom: 10px;
}		
	
	div.carrito ul {
			
	}
		div.carrito ul li {
			background-image: url(img/carrito.png);
			background-repeat: no-repeat;
			
		}
		
		div.carrito ul li.header a {
			display: block;
			margin-top: 15px;
			margin-left: 10px;
			width: 130px;
			height: 22px;
		}
		
		div.carrito ul li.content {
			display: block;
			text-align: center;
			vertical-align: middle;
			
			padding-left: 20px;
			padding-right: 18px;
							
			width: 110px ;
			height: auto;
			overflow: hidden;
			background-position: 0px 0px;
			background-repeat:repeat-y;
		}
		
		div.carrito ul li.footer {
			position: relative;
			height: 58px;
			overflow: hidden;
			background-position: -150px 0px;	
		}
			div.carrito ul li.footer span {
				position: absolute;
				left: 26px;
				top: 26px;
				width: 97px;
				height: 20px;
				line-height: 20px;
				color: #036;
				text-align: right;
			}
		
		div.carrito ul li.footer-no {
			position: relative;
			height: 30px;
			overflow: hidden;
			background-position: -300px 0px;	
		}
		
		div.carrito ol {
			text-align: left;
		}
		
		div.carrito ol li {
			margin-bottom: 5px;
			height: auto!important;
			height: 18px;
			min-height: 18px;
			padding-bottom: 5px;
			width: 110px;
			background: url(img/sep-hrz.png) 0px 100% repeat-x;
		}
		
		div.carrito ol li.primero {
			background: url(img/sep-hrz.png) 0px 100% repeat-x;
		}
		
		div.carrito ol li.ultimo {
			/*margin-bottom: 0px;*/
			padding-bottom: 0px;
			background: url();
		}
		
			div.carrito ol li span.cantidad {
				display: inline-block;
				.display: inline;
				zoom: 1;
				
				float: left;
				
				width: 18px;
				height: 18px;
				line-height: 18px;
				
				font-family: arial;
				font-size: 10px;
				color: #000;
				
				border: 0px none;
				text-align: center;
				
				background: url(img/cantidad-bg.png) 0px 0px no-repeat;
			}
			
			div.carrito ol li a {
				display: block;
				
				margin-left: 24px;
				line-height: 12px;
				font-size: 10px;
				color: #036;
				
				text-decoration: none;
				overflow: hidden;
			}
		
		div.carrito div.no-items {

			padding:10px;
			color: #c00;
			font-weight: bold;
		}
/****** FIN DEL CARRITO DE LA COMPRA ******/



/****** LISTADO DE CATEGORIAS ******/

/**** nuevo sistema de categorias ****/

div.cat-listados {
	display: block;
	position: relative;
	
	width: 625px;
	height: 235px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

div.cat_21 	{ background-image: url(img/cats/ps2.gif);}
div.cat_23 	{ background-image: url(img/cats/xbox.gif);}
div.cat_24 	{ background-image: url(img/cats/cd_dvd.gif);}
div.cat_26 	{ background-image: url(img/cats/hardware.gif);}
div.cat_35 	{ background-image: url(img/cats/otras_categorias.gif);}
div.cat_52 	{ background-image: url(img/cats/mp3-divx.gif);}
div.cat_55 	{ background-image: url(img/cats/gba.gif);}
div.cat_61 	{ background-image: url(img/cats/nds.gif);}
div.cat_63 	{ background-image: url(img/cats/psp.gif);}
div.cat_64 	{ background-image: url(img/cats/psp1000.gif);}
div.cat_283	{ background-image: url(img/cats/psp3000.gif);}
div.cat_282	{ background-image: url(img/cats/psp_slim.gif);}
div.cat_68 	{ background-image: url(img/cats/moviles.gif);}
div.cat_73 	{ background-image: url(img/cats/360.gif);}
div.cat_88 	{ background-image: url(img/cats/logitech.gif);}
div.cat_92 	{ background-image: url(img/cats/monitores-tv-tv-digital.gif);}
div.cat_94 	{ background-image: url(img/cats/divx_reproductores-mp3.gif);}
div.cat_101	{ background-image: url(img/cats/nds.gif);}
div.cat_105	{ background-image: url(img/cats/lite.gif);}
div.cat_112 { background-image: url(img/cats/apple.gif);}
div.cat_127 { background-image: url(img/cats/figuras.gif);}
div.cat_129 { background-image: url(img/cats/wii.gif);}
div.cat_134 { background-image: url(img/cats/ps3.gif);}
div.cat_144 { background-image: url(img/cats/manga.gif);}
div.cat_145 { background-image: url(img/cats/cine_tv.gif);}
div.cat_150 { background-image: url(img/cats/outlet.gif);}
div.cat_171 { background-image: url(img/cats/videojuegos.gif);}
div.cat_178	{ background-image: url(img/cats/dsi.gif);}
div.cat_180 { background-image: url(img/cats/go.gif);}
div.cat_186 { background-image: url(img/cats/ipod.gif);}
div.cat_221 { background-image: url(img/cats/pc.gif);}
div.cat_222 { background-image: url(img/cats/pc.gif);}
div.cat_229 { background-image: url(img/cats/almacenamiento.gif);}
div.cat_230 { background-image: url(img/cats/discosduros.gif);}
div.cat_237 { background-image: url(img/cats/imagen_sonido.gif);}
div.cat_245 { background-image: url(img/cats/multimedia.gif);}
div.cat_246 { background-image: url(img/cats/rep_multimedia.gif);}
div.cat_251 { background-image: url(img/cats/mp3.gif);}
div.cat_258 { background-image: url(img/cats/perifericos.gif);}
div.cat_267 { background-image: url(img/cats/gadgets.gif);}
div.cat_279 { background-image: url(img/cats/otras.gif);}
div.cat_280	{ background-image: url(img/cats/lite.gif);}
div.cat_281	{ background-image: url(img/cats/otras_figuras.gif);}

	div.cat-listados ul {
		display: block;
		position: absolute;
		
		width: 190px;
		height: 140px;
		
		margin:0;
		padding:0;
		
		top: 85px;
		
		overflow: hidden;
	}
	
	div.cat-listados ul.col_01 {
		left: 15px;	
	}
	
	div.cat-listados ul.col_02 {
		left: 220px;	
	}
	
	div.cat-listados ul.col_03 {
		left: 425px;	
	}
	
		div.cat-listados ul li {
			position: relative;
			display: block;
			float: left;
			
			width: 180px;
			margin-bottom: 6px;
			font-size: 12px;
			
			padding: 5px;
			
			border-radius: 5px;
			-moz-border-radius:5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			
			background-color: #1374A3; 
		}
			div.cat-listados ul li a {
				font-size: 12px;
				font-weight: bold;
				font-family: arial;
				color: #fff;
				text-decoration: none;	
			}
			
			div.cat-listados ul li a:hover {
				color: #FF0;	
			}

/**** fin del nuevo sistema de categorias ****/
div.categorias {
	overflow: hidden;
}
	div.categorias li {
		float: left;
		display: block;
		width: 130px;
		height: 170px;
		margin-left: 20px;
		.margin-left: 0px;
		text-align: center;
		vertical-align: middle;
	}
		div.categorias li a.imagen {
			display: block;
			width: 110px;
			height: 110px;
			margin-top: 10px;
			margin-left: 10px;			
			overflow: hidden;
		}
		
		div.categorias li a.titulo {
			display: block;
			width: 110px;
			line-height: 14px;
			text-align: center;
			margin: 0px;
			padding:0px;
			margin-top: 10px;
			margin-left: 10px;	
			text-decoration: none;
			color: #036;
			font-size: 10px;
			background: url();
			overflow: hidden;
		}

/****** FIN DEL LISTADO DE CATEGORIAS ******/



/****** LISTADO DE PRODUCTOS ******/

div.productos {
	/*border:1px solid #c00;*/	
	overflow: hidden;
	.width:625px;
}

div.leyenda-productos {
	display: block;
	width: 100%;
	height: 45px;
	margin-top: 10px;
	text-indent: -1000em;
}

ul.productos {
}
	ul.productos li {
		position: relative;
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		width: 290px;
		height: 110px;
		max-height: 110px;
		overflow: hidden;
	}	
		ul.productos li span.promocionado {
			display: block;
			position: absolute;
			right: 0px;
			bottom: 0px;
			width: 81px;
			height: 82px;
			background-position: 0px 0px;
			background-repeat:no-repeat;
			background-image: url(img/p-estrella.png);
		}
		ul.productos li span.imagen {
			display: block;
			position: absolute;
			left: 0px;
			top: 0px;
			width: 100px;
			height: 100px;
			text-decoration: none;
			text-align: center;
			vertical-align: middle;
			z-index: 1000;
			overflow: hidden;
		}
			ul.productos li span.imagen span.stock {
				position: absolute;
				display: block;
				left: 76px;
				top: 77px;
				width: 19px;
				height: 18px;
				z-index: 1030;
			}
					
			ul.productos li span.imagen span.mascara {
				position: absolute;
				display: block;
				left: 0px;
				top: 0px;
				width: 100px;
				height: 100px;
				background: url(img/mascara-img.png) 0px 0px no-repeat;
				z-index: 1020;
			}
			ul.productos li span.imagen img.imagen {
				position: absolute;
				left: 50%;
				top: 50%;
				z-index: 1010;
			}
		
		ul.productos li div.bloque {
			position: absolute;
			left: 105px;
			top: 0px;
			width: 190px;
			height: 100px;
		}
		
		ul.productos li div.titulo {
			display: block;
			width: 175px;
			height: 46px;
			margin:0px;
			padding: 0px;
			background: url();
			overflow: hidden;
		}
		
		ul.productos li div.titulo a {
			font-size: 11px;
			font-weight: bold;
			line-height: 14px;
			color: #036;
		}
		
		ul.productos li div.precios { 
			margin: 5px;
			margin-left: 0px;
			margin-bottom: 3px;
		}
		
		ul.productos li form button.comprar {
			width: 75px;
			height: 81px;
			padding:0px;
			margin:0px;
			border:0px none;
			cursor: pointer;
		}
			ul.productos li form button.comprar span {
				display: block;
				width: 79px;
				height: 24px;
				text-indent: -1000em;
				cursor: pointer;
			}
		
		div.datos-productos {
			padding:10px;
			font-size:10px;
			color: #036;
			font-weight: bold;
		}
			div.datos-productos strong { color: #069;}
			
		
		div.dprod-up 	{ margin-bottom: 10px; }
		div.dprod-down 	{ margin-top:10px; }
		
/****** FIN LISTADO DE PRODUCTOS ******/


/****** DETALLE PRODUCTO NUEVO ******/

div.detalle-producto {
	position: relative;	
}

	div.detalle-producto .main {
		position: relative;
		display: block;
		width: 625px;
		height: 125px;
		margin-bottom: 10px;
		background: url(img/pd-main.png) 0px 0px no-repeat;
		/*overflow: hidden;*/
	}
		div.detalle-producto .main h1 {
			display: block;
			position: absolute;
			right: 0px;
			top: 0px;
			width: 475px;
			height: 50px;
			line-height: 25px;
			font-size: 14px;
			color: #036;
			cursor: default;
			font-weight: bold;
			overflow: hidden;
		}
	
		div.detalle-producto .main .tools {
			display: block;
			position: absolute;
			right: 0px;
			top: 50px;
			width: 475px;
			height: 50px;
		}
			div.detalle-producto .main .tools .price {
				display: block;
				height: 30px;
				margin-top: 10px;
				width: auto;
				float: left;
			}

			div.detalle-producto .main .tools .tool {
				display: block;
				height: 30px;
				width: auto;
				margin-top: 10px;
				margin-right: 10px;
				text-align: right;
				float: right;
			}
				div.detalle-producto .main .tools .tool button.comprar {
					border:0px;
					margin:0px;
					margin-left: 5px;
					padding:0px;
					height: 30px;
					cursor: pointer;
				}
					div.detalle-producto .main .tools .tool button.comprar span {
						display: block;
						height: 30px;
						width: 100%;
						text-indent: -1000em;
						background: transparent;
						cursor: pointer;
					}
				
				div.detalle-producto .main .tools .tool div.compra {
					display: block;
					position: relative;
					width: 51px;
					height: 21px;
					float: left;
					background: url(img/pd-input.png) 0px 0px no-repeat;
				}
					div.detalle-producto .main .tools .tool div.compra button {
						position: absolute;
						width: 9px;
						height: 9px;
						margin:0px;
						padding:0px;
						float: right;
						border:0px none;
						text-indent: -1000em;
						background: transparent;
						cursor: pointer;
					}
					div.detalle-producto .main .tools .tool div.compra button.up 		{ left: 1px; top: 1px;}
					div.detalle-producto .main .tools .tool div.compra button.down 	{ left: 1px; top: 11px;}
						
					
					div.detalle-producto .main .tools .tool div.compra input.comprar {
						position: absolute;
						right: 3px;
						top: 3px;
						width: 35px;
						height: 15px;
						color: #069;
						font-weight: bold;
						text-align: right;
						border: 0px none;
						background: transparent;
					}	
			
			div.detalle-producto .main .tools .price span.precio, 
			div.detalle-producto .main .tools .price span.precio em {
				background-image: url(img/pd-precio.png);
				background-repeat:no-repeat;
			}
			
			div.detalle-producto .main .tools .price span.precio {
				display: -moz-inline-stack;
				display: inline-block;
				zoom: 1;
				*display: inline;	
				height:30px;
				line-height:30px;
				float: left;
				margin:0;
				margin-right: 5px;
				font-size: 14px;
				font-weight: bold;
				color:#300;
				padding-left:10px;
				background-position: 0px 0px;
				cursor: default;
			}
				
				div.detalle-producto .main .tools .price span.precio em {
					display: block;
					.display: inline-block;
					height:30px;
					line-height:30px;			
					margin:0;
					font-size: 14px;
					font-weight: bold;
					color:#300;	
					font-style:normal;
					padding-right:10px;
					text-transform:uppercase;
					background-position:100% 0px;
					cursor: default;
				}
			
			div.detalle-producto .main .tools .price span.precio-no, 
			div.detalle-producto .main .tools .price span.precio-no em {
				background-image: url(img/pd-precio.png);
				background-repeat:no-repeat;
			}
			
			div.detalle-producto .main .tools .price span.precio-no {
				display: -moz-inline-stack;
				display: inline-block;
				zoom: 1;
				*display: inline;
				height:30px;
				line-height:30px;	
				float: left;
				margin:0;
				margin-right: 5px;
				font-size: 11px;

				font-weight: bold;
				color:#966;
				padding-left:10px;
				background-position:0px -30px;
				cursor: default;
			}
				
				div.detalle-producto .main .tools .price span.precio-no em {
					display: block;
					.display: inline-block; 
					zoom: 1;
					height:30px;
					line-height:30px;			
					margin:0;
					font-size: 11px;
					font-weight: bold;
					color:#966;	
					font-style:normal;
					padding-right:10px;
					text-transform:uppercase;
					text-decoration:line-through;
					background-position:100% -30px;
					cursor: default;
				}
		
	
	div.detalle-producto .main .social {
		display: block;
		position: absolute;
		right: 0px;
		top: 100px;
		width: 475px;
		height: 25px;
	}
		div.detalle-producto .main .social span {
			display: inline-block;
			.display: inline;
			zoom: 1;
			
			height: 15px;
			line-height: 15px;
			
			color: #000;
			font-size: 10px;
			cursor: default;
		}
		div.detalle-producto .main .social span.stock {
			margin-right: 5px;
			margin-top: 4px;
		}
			div.detalle-producto .main .social span.stock em {
				padding-left: 15px;
				font-style:normal;
				font-weight: bold;
				background-position: 0x 50%;
				background-repeat:no-repeat;	
			}
			div.detalle-producto .main .social span.stock em.en-stock {
				color: #060;
				background-image: url(img/pd-stock.png);
			}
			div.detalle-producto .main .social span.stock em.sin-stock {
				color: #c00;
				background-image: url(img/pd-nostock.png);
			}
			div.detalle-producto .main .social span.stock em.descatalogado {
				color: #666;
				background-image: url(img/pd-descat.png);
			}
		div.detalle-producto .main .social span.comments {
			padding-left: 18px;
			background-image: url(img/pd-comments.png);
			background-position: 0x 50%;
			background-repeat:no-repeat;
			margin-right: 5px;
			margin-top: 4px;
		}
		div.detalle-producto .main .social span.valoracion {
			padding-left: 18px;
			background-image: url(img/pd-star.png);
			background-position: 0x 50%;
			background-repeat:no-repeat;
		}
			div.detalle-producto .main .social span em {
				color: #090;
				font-style:normal;
			}
		
		div.detalle-producto .main .social span.votos-media {
			margin-top: 4px;
			height: 15px;
			line-height: 15px;
			color: #036;
			font-size: 10px;
		}
		div.detalle-producto .main .social span.votos-media span.votos-display, div.detalle-producto .main .social span.votos-display span {
			display: inline-block;
			.display: inline;
			zoom: 1;
			
			height: 15px;
			background-image: url(img/star_rating.png);
			background-repeat:repeat-x; 
		}
		div.detalle-producto .main .social span.votos-media span.votos-stat {
			color: #069;
			font-size: 10px;
		}
		div.detalle-producto .main .social span.votos-media span.votos-display {
			width: 75px;
			
			margin-right: 5px;
			background-position: 0px 0px;
		}
			div.detalle-producto .main .social span.votos-media span.votos-display span {
				width: auto;
				text-indent: -1000em;
				background-position: 0px -15px;
			}
		
		
		
		
		div.detalle-producto .main .social ul {
			position: absolute;
			right: 0px;
			top: 30px;
			height: 16px;
			margin-top: 4px;
		}
			div.detalle-producto .main .social ul li {
				float: left;
				width: 16px;
				height: 16px;
				margin-left: 5px;
				background-image: url(img/redes-sociales.png);
				background-repeat:no-repeat;
			}
			
			div.detalle-producto .main .social ul li.delicious { background-position: 0px 0px;}
			div.detalle-producto .main .social ul li.facebook 	{ background-position: -16px 0px;}
			div.detalle-producto .main .social ul li.twitter 	{ background-position: -32px 0px;}
			div.detalle-producto .main .social ul li.digg 		{ background-position: -48px 0px;}
			div.detalle-producto .main .social ul li.buzz 		{ background-position: -64px 0px;}
			div.detalle-producto .main .social ul li.meneame	{ background-position: -80px 0px;}
			
				div.detalle-producto .main .social ul li a { display: block; width: 16px; height: 16px; text-indent: -1000em;}
	
	
		div.detalle-producto .main .pd-img {
			position: absolute; 
			display: block;
			left: 2px;
			top: 2px;
			width: 136px;
			height: 86px;
			text-align: center;
			vertical-align: middle;
			z-index: 1000;
			background: #fff;
			overflow: hidden;
			float: left;
		}
			div.detalle-producto .main .pd-img span.mascara, 
			div.detalle-producto .main .pd-img a.mascara {
				position: absolute;
				display: block;
				left: 0px;
				top: 0px;
				width: 136px;
				height: 186px;
				text-decoration: none;
				text-indent: -1000em;
				background: url(img/pd-mask.png) 0px 0px no-repeat;
				z-index: 1020;
			}
			div.detalle-producto .main .pd-img a.mascara:hover {
				background-position:-136px 0px;
			}
			div.detalle-producto .main .pd-img a.mascara { 
				z-index: 1040;
			}
				div.detalle-producto .main .pd-img img.imagen {
					position: absolute;
					margin:0px;
					left: 50%;
					top: 50%;
					z-index: 1010;
				}
			
			div.detalle-producto .date {
				display: block;
				width: 100%;
				height: 15px;
				line-height: 15px;
				margin-top: 5px;
				padding-left: 25px;
				font-size: 10px;
				color: #069;
				cursor: default;
				background: url(img/ico-box.png) 5px center no-repeat;
			}
						
		div.detalle-producto .pd-tabs {
			display: block;
			position: relative;
			width: 620px;
			height: auto;
			padding-top: 30px;
			padding-bottom: 6px;
			background: url(img/pd-tabs.png) 0px 100% no-repeat;
			margin-top: 10px;
		}
			div.detalle-producto .pd-tabs ul.tabs {
				position: absolute;
				left: 10px;
				top: 0px;
				height: 31px;
				width: auto;
			}
				div.detalle-producto .pd-tabs ul.tabs li {
					float: left;
					height: 31px;
					vertical-align:bottom;
					margin-right: 1px;
				}
				
					div.detalle-producto .pd-tabs ul.tabs li a, 
					div.detalle-producto .pd-tabs ul.tabs li a span, 
					div.detalle-producto .pd-tabs ul.tabs li a span em {
						display: inline-block;
						.display: inline;
						zoom: 1;
						height: 27px;
						line-height: 27px;
						
						text-align: center;
						text-decoration: none;
						color: #333;
						font-size: 10px;
						text-transform:uppercase;
						cursor: pointer;
						background-image: url(img/pd-a-tabs.png);
					}
					
					div.detalle-producto .pd-tabs ul.tabs li.descr a {
						background-position: 0px -93px;
						background-repeat:no-repeat;
						padding-left: 35px;
					}
					div.detalle-producto .pd-tabs ul.tabs li.relac a {
						background-position: -35px -93px;
						background-repeat:no-repeat;
						padding-left: 35px;
					}
					div.detalle-producto .pd-tabs ul.tabs li.comm a {
						background-position: -70px -93px;
						background-repeat:no-repeat;
						padding-left: 35px;
					}
					div.detalle-producto .pd-tabs ul.tabs li.fotos a {
						background-position: -105px -93px;
						background-repeat:no-repeat;
						padding-left: 35px;
					}
					div.detalle-producto .pd-tabs ul.tabs li a  {
						margin-top:4px;
					}
						div.detalle-producto .pd-tabs ul.tabs li a span {
							background-position: 100% -120px;
							background-repeat:no-repeat;
							padding-right: 11px;
						}
							div.detalle-producto .pd-tabs ul.tabs li a span em {
								background-position: 0px -147px;
								background-repeat:repeat-x;
							}
					
					
					/* Para las pestanas activas */
					div.detalle-producto .pd-tabs ul.tabs li a.current, 
					div.detalle-producto .pd-tabs ul.tabs li a.current span, 
					div.detalle-producto .pd-tabs ul.tabs li a.current span em {
						display: inline-block;
						.display: inline;
						zoom: 1;
						height: 31px;
						line-height: 31px;
						text-align: center;
						font-weight: bold;
						cursor: default;
					}
					
					div.detalle-producto .pd-tabs ul.tabs li.descr a.current {
						background-position: 0px 0px;
						background-repeat:no-repeat;
						padding-left: 35px;
					}
					div.detalle-producto .pd-tabs ul.tabs li.relac a.current {
						background-position: -35px 0px;
						background-repeat:no-repeat;
						padding-left: 35px;
					}
					div.detalle-producto .pd-tabs ul.tabs li.comm a.current {
						background-position: -70px 0px;
						background-repeat:no-repeat;
						padding-left: 35px;
					}
					div.detalle-producto .pd-tabs ul.tabs li.fotos a.current {
						background-position: -105px 0px;
						background-repeat:no-repeat;
						padding-left: 35px;
					}
					div.detalle-producto .pd-tabs ul.tabs li a.current {
						margin-top:0px;	
					}
						div.detalle-producto .pd-tabs ul.tabs li a.current span {
							background-position: 100% -31px;
							background-repeat:no-repeat;
							padding-right: 11px;
						}
							div.detalle-producto .pd-tabs ul.tabs li a.current span em {
								background-position: 0px -62px;
								background-repeat:repeat-x;
							}
				
					/* Para las pestanas inactivas */
					div.detalle-producto .pd-tabs ul.tabs li strong, 
					div.detalle-producto .pd-tabs ul.tabs li strong span, 
					div.detalle-producto .pd-tabs ul.tabs li strong span em {
						display: inline-block;
						.display: inline;
						zoom: 1;
						
						height: 27px;
						line-height: 27px;
						
						text-align: center;
						text-decoration: none;
						color: #ccc;
						font-size: 10px;
						text-transform:uppercase;
						cursor: default;
						background-image: url(img/pd-a-tabs.png);
					}
					
					div.detalle-producto .pd-tabs ul.tabs li.descr strong {
						background-position: 0px -174px;
						background-repeat:no-repeat;
						padding-left: 35px;
					}
					div.detalle-producto .pd-tabs ul.tabs li.relc strong {
						background-position: -35px -174px;
						background-repeat:no-repeat;
						padding-left: 35px;
					}
					div.detalle-producto .pd-tabs ul.tabs li.comm strong {
						background-position: -70px -174px;
						background-repeat:no-repeat;
						padding-left: 35px;
					}
					div.detalle-producto .pd-tabs ul.tabs li.fotos strong {
						background-position: -105px -174px;
						background-repeat:no-repeat;
						padding-left: 35px;
					}
					div.detalle-producto .pd-tabs ul.tabs li strong {
						margin-top:4px;	
					}
						div.detalle-producto .pd-tabs ul.tabs li strong span {
							background-position: 100% -201px;
							background-repeat:no-repeat;
							padding-right: 11px;
						}
							div.detalle-producto .pd-tabs ul.tabs li strong span em {
								background-position: 0px -228px;
								background-repeat:repeat-x;
							}
				
			div.detalle-producto .pd-tabs div.container {
				display: block;
				width: 100%;
				height: auto;
				padding-top: 3px;
				background: url(img/pd-tabs.png) 0px 0px no-repeat;
			}
				div.detalle-producto .pd-tabs div.container div.txt {
					display: block;
					width: 600px;
					padding-left: 10px;
					padding-right: 10px;
					height: auto;
					padding-top: 3px;
					padding-bottom: 10px;
					margin-top: 7px;
					background: url(img/pd-tabs.png) -620px 0px repeat-y;
				}
					div.detalle-producto .pd-tabs div.container div.txt .data {
						display: block;
						font-size: 10px;
						color: #036;
						margin-bottom: 10px;
						padding-bottom: 10px;
						background: url(img/sep-hrz.png) 0px 100% repeat-x;
					}
						div.detalle-producto .notification {
							margin-top: 5px;
							margin-bottom: 10px;
						}
						div.detalle-producto .notification .notif {
							color: #000;
							text-decoration: none;
							padding-left: 20px;
							margin-left: 5px;
							font-size: 10px;
							background: url(img/pd-email.png) 0px 50% no-repeat;
						}					
				
				div.detalle-producto .pd-tabs .comentarios ul {
					margin-left: 0px;
				}
					div.detalle-producto .pd-tabs .comentarios ul li {
						list-style:none;
					}
	
	div.detalle-producto .main span.promocionado {
		position: absolute;
		display: block;
		left: 115px;
		top: 10px;
		width: 64px;
		height: 64px;
		background-position: 0px 0px;
		background-repeat:no-repeat;
		background-image: url(img/pd-estrella.png);
		z-index: 1024;
	}
	div.detalle-producto .main span.oferta {
		position: absolute;
		display: block;
		left: 85px;
		top: 8px;
		width: 64px;
		height: 64px;
		background-position: 0px 0px;
		background-repeat:no-repeat;
		background-image: url(img/pd-estrella.png);
		z-index: 1024;
	}
	
	div.detalle-producto div.imgs {
		position: absolute;
		display: block;
		top: 90px;
		left: 18px; 
		width: 102px;
		height: 26px;
		overflow: hidden;
	}
	div.detalle-producto div.imgs span.imagen {
		display: block;
		position: relative;
		float: left;
		width: 32px;
		height: 26px;
		margin-right: 2px;
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		z-index: 1000;
		background: #fff;
		overflow: hidden;
	}
		div.detalle-producto div.imgs span.imagen span.mask, div.detalle-producto div.imgs span.imagen a.mask {
			display: block;
			position: absolute;
			left: 0px;
			top: 0px;
			width: 32px;
			height: 26px;
			text-decoration: none;
			text-indent: -1000em;
			background: url(img/pd-imgs.png) 0px 0px no-repeat;
			z-index: 1020;
		}
		
		div.detalle-producto div.imgs span.imagen a.mask:hover {
			background-position:-120px 0px;
		}
		
		
		div.detalle-producto div.imgs span.imagen a.mask { 
			z-index: 1040;
		}
				
		div.detalle-producto div.imgs span.imagen img.imagen {
			position: absolute;
			margin:0px;
			left: 50%;
			top: 50%;
			z-index: 1010;
		}
		div.detalle-producto div.imgs span.imgTrans img.imagen {
			-moz-opacity: 0.6;
			-khtml-opacity: 0.6;
			opacity:.60;
			filter: alpha(opacity=60);	
		}
		

/****** FIN DETALLE PRODUCTO NUEVO ******/


/****** DETALLE PRODUCTO ******/
div.producto {
	position: relative;	
}

div.producto h1 {
	font-size: 16px;
	font-weight: bold;
	color: #036;
	margin-bottom: 5px;
}

div.producto p.fecha {
	font-size: 10px;
	color: #777;
	text-align: left;
	margin-bottom: 10px;
}

div.producto p.fecha-disponible {
	font-size: 10px;
	color: #777;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.producto div.notificacion-p {
	font-size: 10px;
	padding-left: 14px;
	text-align: left;
	margin-bottom: 5px;
	background: url(img/email.png) 0px 1px no-repeat;
}
	div.producto div.notificacion-p a {
		font-size: 10px;
		color: #888;
		text-decoration: none;
	}

div.producto div.envio-desde {
	display: block;
	height: 16px;
	line-height: 16px;
	color: #888;
	font-size: 10px;
	padding-left: 20px;
	text-align: left;
	margin-bottom: 10px;
	cursor: default;
	background: url(img/box.png) 0px 1px no-repeat;
}
	div.producto div.envio-desde span {
		font-weight: bold;
		cursor: default;
	}

div.producto div.precio {
	height: 30px;
	overflow: hidden;
	margin-bottom: 10px;
}

div.producto span.stock {
	margin:0;
	margin-right: 5px;
	padding: 0;
	float: left;
}

div.producto span.precio {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;	
	float: left;
	height:30px;
	line-height:30px;			
	margin:0;
	margin-right: 5px;
	font-size: 14px;
	font-weight: bold;
	color:#300;
	padding-left:10px;
	background:url(img/precio.png) no-repeat 0px -0px;
	cursor: default;
}
	
	div.producto span.precio em {
		display: block;
		.display: inline-block;
		height:30px;
		line-height:30px;			
		margin:0;
		font-size: 14px;
		font-weight: bold;
		color:#300;	
		font-style:normal;
		padding-right:28px;
		text-transform:uppercase;
		background:url(img/precio.png) no-repeat 100% -0px;
		cursor: default;
	}

/** precio antiguo home **/
div.producto span.precio-no {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	float: left;
	height:30px;
	line-height:30px;			
	margin:0;
	margin-right: 5px;
	font-size: 14px;
	font-weight: bold;
	color:#c00;
	padding-left:10px;
	background:url(img/precio.png) no-repeat 0px -30px;
	cursor: default;
}
	
	div.producto span.precio-no em {
		display: block;
		.display: inline-block; 
		zoom: 1;
		height:30px;
		line-height:30px;			
		margin:0;
		font-size: 14px;
		font-weight: bold;
		color:#c00;	
		font-style:normal;
		padding-right:28px;
		text-transform:uppercase;
		text-decoration:line-through;
		background:url(img/precio.png) no-repeat 100% -30px;
		cursor: default;
	}

div.producto div.imgs {
	display: block;
	width: 390px;
	height: 100px;
	padding-top: 10px;
	padding-left: 10px;
	background: url(img/imgs.png) 0px 0px no-repeat;
	margin-bottom: 10px;
}
	div.producto div.imgs span.imagen {
		display: block;
		position: relative;
		float: left;
		width: 120px;
		height: 90px;
		margin-right: 10px;
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		z-index: 1000;
		background: #fff;
		overflow: hidden;
	}
		div.producto div.imgs span.imagen span.mascara, div.producto div.imgs span.imagen a.mascara {
			display: block;
			position: absolute;
			left: 0px;
			top: 0px;
			width: 120px;
			height: 90px;
			text-decoration: none;
			background: url(img/mascara-imgs.png) 0px 0px no-repeat;
			z-index: 1020;
		}	
		div.producto div.imgs span.imagen a.mascara { cursor: url(img/zoomin.cur), default;  z-index: 1040;}
		
		div.producto div.imgs span.imagen img.imagen {
			position: absolute;
			margin:0px;
			left: 50%;
			top: 50%;
			z-index: 1010;
		}
		div.producto span.promocionado {
		position: absolute;
		display: block;
		right: 20px;
		top: 110px;
		width: 81px;
		height: 82px;
		background-position: 0px 0px;
		background-repeat:no-repeat;
		background-image: url(img/p-estrella.png);
	}
	div.producto div.comprar {
		display: block;
		position: relative;
		float: right;
		height: 127px;
		width: 133px;
		overflow: hidden;
	}
		div.producto div.comprar input.comprar {
			position: absolute;
			border: 0px none;
			padding:0px;
			padding-top: 1px;
			margin:0px;
			left: 55px;
			top: 9px;
			font-size: 12px;
			font-weight: bold;
			width: 65px;
			height: 15px;
			color: #060;
		}
		
		div.producto div.comprar button.comprar {
			position: absolute;
			left: 4px;
			top: 34px;
			width: 120px;
			height: 24px;
			border: 0px none;
			margin:0px;
			padding:0px;
			cursor: pointer;
			background: transparent;
		}
			div.producto div.comprar button.comprar span {
				display: block;
				width: 60px;
				height: 24px;
				text-indent: -1000em;
				cursor: pointer;
			}
		
		div.producto div.comprar span.envio {
			position: absolute;
			left: 15px;
			top: 92px;
			width: 102px;
			height: 22px;
			line-height: 22px;
			text-align: right;
			color: #fff;
			border: 0px none;
			margin:0px;
			padding:0px;
			cursor: default;
			background: transparent;
		}
	
	div.producto div.comprar-sec {
		display: block;
		position: relative;
		float: right;
		width: 133px;
		height: 62px;
		overflow: hidden;
	}
	
	div.producto div.comprar-sec button.comprar {
		position: absolute;
		left: 63px;
		top: 15px;
		border: 0px none;
		width: 61px;
		height: 24px;
		background: transparent;
		cursor: pointer;
	}
		div.producto div.comprar-sec button.comprar span {
			display: block;
			width: 61px;
			height: 24px;
			text-indent: -1000em;
			cursor: pointer;
		}
/****** FIN DETALLE PRODUCTO ******/


			
/****** CAJAS DE TEXTO ******/

div.titulo, h1.titulo {
	display: block;
	position: relative;
	font-weight: bold;
	color: #333;
	font-size: 14px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	background: url(img/sep-hrz.png) 0px 100% repeat-x;
}
	div.titulo span, h1.titulo p {
		font-weight: bold;
		color: #333;
		font-size: 14px;
		cursor: default;
	}

div.subtitulo {
	display: block;
	position: relative;
	font-weight: bold;
	color: #036;
	font-size: 12px;
	margin-bottom: 10px;
}
	div.subtitulo span {
		font-weight: bold;
		color: #036;
		font-size: 12px;
		cursor: default;
	}

div.txt, h2.txt {
	display: block;	
	color: #336699;
}
	div.txt p, p.txt, h2.txt p {
		font-size: 11px;
		line-height: 14px;
		color: #336699;
		margin-bottom: 15px;
	}
	
	div.txt p.centro, p.centro, h2.txt p.centro {
		text-align: center;	
	}
	
	div.txt p.titulo, h2.txt p.titulo {
		font-size: 11px;
		line-height: 14px;
		color: #333;
		margin-bottom: 10px;
	}
		div.txt p.titulo span, h2.txt p.titulo span {
			font-weight: bold;
			color: #333;
		}
	
	div.txt strong, h2.txt strong {
		font-weight: bold;
	}
	
	div.txt ul, h2.txt ul {
		margin-left:20px;
		padding: auto;
	}
		div.txt ul li, h2.txt ul li {
			margin: auto;
			margin-bottom: 5px;
			padding: auto;
			list-style:url(img/bullet.png);
		}
	
	div.txt ol, h2.txt ol {
		margin-left:20px;
		padding: auto;
	}
		div.txt ol li, h2.txt ol li {
			margin: auto;
			margin-bottom: 5px;
			padding: auto;
			list-style:decimal;
		}
	
	p.txt .aviso {
		color: #c00;
		font-weight: bold;
	}
	
	li.content div.txt ol {
		margin: 0px;
		padding: 0px;
	}
	
	li.content div.txt ol li {
		margin: 0px;
		margin-bottom: 5px;
		padding: 0px;
		padding-bottom: 5px;
		list-style: none;
	}
	
	li.content div.txt ol li.ultimo {
		margin: 0px;
		padding:0px;
	}

/****** FIN CAJAS DE TEXTO ******/



/****** CAMPOS DE FORMULARIOS ******/

fieldset {
	margin:10px;
	padding:10px;
	border: 1px solid #ccc;
}

legend {
	color: #036;
	padding:10px;
	font-weight: bold;
}

label {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding:2px;
	padding-top: 6px;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 10px;
	color: #003366;
}
	label img {
		cursor: pointer;	
	}
	
label.requerido {
	color: #c00;
}

label.validado {
	color: #060;
}

input.iText, textarea.iText {
	padding:2px;
	border: 1px solid #99ccff;
	font-weight: normal;
	background: #fff url(img/input-bg.png) left top repeat-x;
}

input.iText {
	height: 16px;
	padding-top: 3px;
	padding-bottom: 1px;
}

input.iText:focus, textarea.iText:focus { 
	border: 1px solid #3B7EBF; 
	color: #3B7EBF;
	}

input.error, textarea.error {
	color: #c00;
	border: 1px solid #ff9999;	
}

input.error:focus, textarea.error:focus {
	color: #c00;
}

input.requerido, textarea.requerido {
	color: #c00;
	border: 1px solid #ff9999;	
}
input.requerido:focus, textarea.requerido:focus {
	border: 1px solid #c00;
	color: #c00;
}

input.validado, textarea.validado {
	color: #360;
	border: 1px solid #360;	
}
input.validado:focus, textarea.validado:focus {
	border: 1px solid #063;
	color: #063;
}

input.deshabilitado, textarea.deshabilitado {
	border: 1px solid #ccc;
	color: #999;
	cursor: not-allowed;
}

input.iCaptcha {
	border: 1px solid #036;
	color: #036;
}

input.iCaptcha {
	border: 1px solid #069;
	color: #069;
	font-family: arial;
	font-weight: bold;
	font-size: 20px;
	padding-left: 4px;
	padding-right: 4px;
}

input.iCheck {
	margin-left: 4px;
	margin-top: 4px;
}
select.iSelect{
	padding:0;
	border: 1px solid #99ccff;
	height: 21px;
	background: #fff url(img/input-bg.png) left top repeat-x;
}
	select.iSelect option {
		cursor: pointer;	
	}

select.requerido {
	border-color: #f99;	
	color: #c00;
}

select.validado {
	border-color: #060;	
	color: #060;
}

button, input.boton {
	cursor: pointer;	
}

p.form-check input.iCheck {
	float: left;
	margin-top: 5px;
}

p.form-check label.iLabel {
	margin-left: 5px;
}


a.forget {
	padding:5px;
	padding-left: 22px;
	text-decoration: none;
	background: url(img/user-forget.png) 0px 4px no-repeat;
}
a.forget:hover {
	color: #069;
	text-decoration: none;
}


span.form-text {
	margin-left: 5px;
	color: #069;
	font-weight: bold;
	font-size: 10px;
	cursor: default;
}

span.form-require {
	margin-left: 5px;
	color: #090;
	font-weight: bold;
	font-size: 10px;
	cursor: default;
}

span.form-error {
	margin-left: 5px;
	color: #c00;
	font-weight: bold;
	font-size: 10px;
	cursor: default;
}


p.iHrz {
	margin-bottom: 5px;
}


/****** FIN DE CAMPOS DE FORMULARIOS ******/



/****** TABLAS ******/
table.display {
	width: auto;
	margin-bottom: 20px;
}
	table.display thead th {
		padding:10px;
		font-size: 11px;
		font-weight: bold;
		color: #036;
		background: url(img/sep-hrz.png) 0px 100% repeat-x;
	}
	
	table.display thead th.izquierda 	{ text-align: left;}
	table.display thead th.centro 		{ text-align: center;}
	table.display thead th.derecha 		{ text-align: right;}
	
	
	table.display tfoot th {
		padding:10px;
	}
	
	table.display tbody tr td {
		font-size: 11px;
		color: #036;
		background: url(img/sep-hrz.png) 0px 100% repeat-x;
	}
	table.display tbody tr.primero td {
		/* background: url(img/sep-hrz.png) 0px 100% repeat-x; */
	}
	table.display tbody tr.ultimo td {
		background-image: url();
	}
	
	table.display tbody td {
		padding:10px;
	}
	
	table.display tbody td.izquierda 			{ text-align: left;}
	table.display tbody td.centro 				{ text-align: center;}
	table.display tbody td.derecha 				{ text-align: right;}
	
	table.display tbody tr td.producto									{ background-color: #fff;color: #036;}
	
	table.display tbody tr.descatalogado td.producto					{ background-color: #fc0;color: #300;}
		table.display tbody tr.descatalogado td	span.descatalogado 		{
			display:block;
			float: left;
			margin-right: 10px;
			width: 16px;
			height: 16px;
			text-indent: -1000em;
			background:#fc0 url(img/descatalogado-icon.png) 0px 0px no-repeat;
		}
		table.display tbody tr.descatalogado td.producto a		 		{ color: #300;}
		
	
	table.display tbody tr.agotado td.producto 				{ background-color: #fcc;color: #900; }
		table.display tbody tr.agotado td span.agotado 		{
			display:block;
			float: left;
			margin-right: 10px;
			width: 16px;
			height: 16px;
			text-indent: -1000em;
			background:#fcc url(img/agotado-icon.png) 0px 0px no-repeat;
		}
		table.display tbody tr.agotado td.producto a		 { color: #900;}
	
	table.display tbody tr td.total	 			{ background-color: #D9ECFF;}
	table.display tbody tr td.subtotal	 		{ background-color: #069; color: #fff;}
	table.display tbody tr td.tools	 			{ background-color: #eee;}
	table.display tbody tr td.input	 			{ background-color: #ffc;}
	
	table.display tbody td a {
		line-height: 14px;
		color: #069;
		text-decoration:underline;
	}
	table.display tbody td a:hover { text-decoration:none;}
	
	
table.define {
	width: auto;
	margin-bottom: 20px;
}

	table.define thead th {
		padding:10px;
		font-size: 11px;
		font-weight: bold;
		color: #036;
		background: url(img/sep-hrz.png) 0px 100% repeat-x;
	}
	
	table.define thead th.izquierda 	{ text-align: left;}
	table.define thead th.centro 		{ text-align: center;}
	table.define thead th.derecha 		{ text-align: right;}
	
	table.define thead th span.estado	{ color: #099;}
	
	table.define a.ver-pedido, table.define a.ver-pedido span {
		display: inline-block;
		.display: inline;
		zoom: 1;
		
		margin:0;
		padding:0;
		width: auto;
		
		height: 24px;
		width: auto;
		
		line-height: 24px;
		text-decoration: none;
		color: #fff;
		font-size: 11px;
		
		background-image: url(img/btn.png);
		background-repeat:no-repeat;
		cursor: pointer;
	}
		table.define a.ver-pedido {
			padding-left: 15px;
			background-position: 0px 0px;
		}
		
			table.define a.ver-pedido span {
				padding-right: 15px;
				background-position: 100% 0px;
			}

	table.define tbody tr td {
		font-size: 11px;
		color: #036;
		/*background: url(img/sep-hrz.png) 0px 100% repeat-x;*/
	}
	
	table.define tbody tr.primero td {
	}
	table.define tbody tr.ultimo td {
	}
	
	table.define tbody td {
		padding:10px;
	}
	
	table.define tbody td.izquierda 			{ text-align: left;}
	table.define tbody td.centro 				{ text-align: center;}
	table.define tbody td.derecha 				{ text-align: right;}
	
	table.define tbody tr td.titulo				{ background-color: #fff; color: #036; font-weight: bold;}
	table.define tbody tr td.definicion			{ background-color: #fff; color: #069; padding-left: 50px;}	
	
	
	table.define tbody td a {
		line-height: 14px;
		color: #069;
		text-decoration:underline;
	}
	table.define tbody td a:hover { text-decoration:none;}	

/****** FIN DE TABLAS ******/

/****** ESTADISTICAS ******/

ul.stats {
	margin-bottom: 30px;
	width: 620px;
	/*background: url(img/stats.png) 100% 0px no-repeat;*/
	overflow: hidden;
}
	ul.stats li {
		width: 280px;
		margin-bottom: 5px;
		float: left;
	}
	ul.stats li.linea {
		width: 480px;	
	}
	
		ul.stats li span {
			display: inline-block;
			.display: inline;
			zoom: 1;
			
			width: auto;
			height: 24px;
			line-height: 24px;
			font-size: 14px;
			font-weight: bold;
			margin-right: 10px;
		}
		
		ul.stats li span.total { color: #000; text-align: right;}
		ul.stats li span.stat { color: #06c;}
		
		ul.stats li span.ico-paginas 	{ padding-left: 22px;background: url(img/ico-paginas.png) 0px 50% no-repeat;}
		ul.stats li span.ico-usuarios 	{ padding-left: 22px;background: url(img/ico-usuarios.png) 0px 50% no-repeat;}
		ul.stats li span.ico-productos 	{ padding-left: 22px;background: url(img/ico-basket.png) 0px 50% no-repeat;}
		ul.stats li span.ico-stock 		{ padding-left: 22px;background: url(img/ico-box.png) 0px 50% no-repeat;}
		
		ul.stats li a.enlace {
			display: inline-block;
			.display: inline;
			zoom: 1;
			
			padding-left: 22px;
			width: auto;
			height: 24px;
			line-height: 24px;
			font-size: 12px;
			font-weight: bold;
			color: #06c;
			background: url(img/ico-cats.png) 0px 50% no-repeat;
		}
/****** FIN DE ESTADISTICAS ******/


/****** PAGINADOR ******/

div.paginacion {
	display: block;
	position: relative;
	height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
	div.paginacion a, div.paginacion span, div.paginacion em {
		display: block;
		width: auto;
		height: 20px;
		line-height: 20px;
		margin:0px;
		padding:0px;
		text-align: center;
		margin-right: 2px
		font-size: 10px;
		
		background-image: url(img/paginador.png);
		background-repeat:no-repeat;
	}
	
		div.paginacion span {
			float: left;
			padding-left: 8px;
			margin-left: 2px;
			text-decoration: none;
			color: #036;
			background-position: 0px -60px;
			cursor: default;
		}
			div.paginacion span em {
				padding-right: 10px;
				text-decoration: none;
				color: #036;
				background-position: 100% -60px;
				cursor: default;
			}
			
		div.paginacion a {
			float: left;
			padding-left: 8px;
			margin-left: 2px;
			text-decoration: none;
			color: #fff;
			background-position: 0px 0px;
			cursor: pointer;
		}
			div.paginacion a span {
				padding-right: 10px;
				padding-left: 0px;
				margin:left: 0px;
				text-decoration: none;
				color: #fff;
				background-position: 100% 0px;
				cursor: pointer;
			}
		
		div.paginacion a.puntos 			{ background-position: 0px -40px;}
		div.paginacion a.puntos span 		{ background-position: 100% -40px;}
		
		div.paginacion a.anterior 			{ background-position: 0px -20px;}
		div.paginacion a.anterior span 		{ background-position: 100% -20px;}
		
		div.paginacion a.siguiente 			{ background-position: 0px -20px;}
		div.paginacion a.siguiente span 	{ background-position: 100% -20px;}

/****** FIN DE PAGINADOR ******/



/****** MENSAJES DE AVISO ******/

/** generico **/
div.aviso {
	position: relative;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
	cursor: default;
}
	div.aviso div {
		padding: 10px;
		padding-bottom: 0;
		padding-left: 36px;
		line-height: 18px;
		font-size: 10px;
		cursor: default;
	}

div.avisoD { margin-top: 10px;}

/** error **/
div.error {
	background: url(img/msg-error.png) 0px 100% no-repeat;	
}
	div.error div {
		color: #300;
		background: url(img/msg-error.png) 0px 0px no-repeat;		
	}
	
/** informacion **/
div.info {
	background: url(img/msg-info.png) 0px 100% no-repeat;	
}
	div.info div {
		color: #036;
		background: url(img/msg-info.png) 0px 0px no-repeat;		
	}

/** atencion **/
div.warning {
	background: url(img/msg-warning.png) 0px 100% no-repeat;	
}
	div.warning div {
		color: #300;
		background: url(img/msg-warning.png) 0px 0px no-repeat;		
	}

/****** FIN DE MENSAJES DE AVISO ******/



/****** LINEA DE TIEMPO ******/
div.linea-tiempo {
	display: block;
	position: relative;
	width: 550px;
	height: 83px;
	margin-left: 38px;
	margin-top: 40px;
	margin-bottom: 20px;
	
	background: url(img/linea-de-tiempo.png) 0px 0px no-repeat;
}

	div.linea-tiempo span.linea-txt, div.linea-tiempo a.linea-txt {
		position: absolute;
		top: 80px;
		font-size: 10px;
		font-weight: bold;
	}
	div.linea-tiempo span.txt-01, div.linea-tiempo a.txt-01  { left: 30px;} 
	div.linea-tiempo span.txt-02, div.linea-tiempo a.txt-02  { left: 170px;} 
	div.linea-tiempo span.txt-03, div.linea-tiempo a.txt-03  { left: 320px;} 
	div.linea-tiempo span.txt-04, div.linea-tiempo a.txt-04  { left: 460px;} 
	
	div.linea-tiempo a.txt-01,
	div.linea-tiempo a.txt-02,
	div.linea-tiempo a.txt-03,
	div.linea-tiempo a.txt-04  { color: #069;text-decoration: underline;} 
	
	div.linea-tiempo span.sonic-01 {
		position: absolute;
		display: block;
		left: 36px;
		top: 34px;
		width: 22px;
		height: 34px;
		text-indent: -1000em;
		background: url(img/sonic-01.png) 0px 0px no-repeat;
	}
	
	div.linea-tiempo span.sonic-02 {
		position: absolute;
		display: block;
		left: 180px;
		top: 16px;
		width: 29px;
		height: 31px;
		text-indent: -1000em;
		background: url(img/sonic-02.png) 0px 0px no-repeat;
	}
	
	div.linea-tiempo span.sonic-03 {
		position: absolute;
		display: block;
		left: 330px;
		top: 25px;
		width: 21px;
		height: 33px;
		text-indent: -1000em;
		background: url(img/sonic-03.png) 0px 0px no-repeat;
	}
	
	div.linea-tiempo span.sonic-04 {
		position: absolute;
		display: block;
		left: 473px;
		top: 34px;
		width: 21px;
		height: 34px;
		text-indent: -1000em;
		background: url(img/sonic-04.png) 0px 0px no-repeat;
	}

/****** FIN DE LINEA DE TIEMPO ******/



/****** ICONOS ******/

.icono {
	display: inline-block;
	width: 16px;
	height: 16px;
	text-indent: -1000em;
	background-image: url(img/iconos.png);
	background-repeat:no-repeat;
}

.icono-editar {
	background-position: 0px 0px;
}

.icono-direccion {
	background-position: -16px 0px;	
}


/****** FIN DE ICONOS ******/



/****** LISTAS ******/

dl.define {
	margin-bottom: 20px;
	overflow: hidden;
}

	dl.define dt {
		float: left;
		display: block;
		height: 18px;
		line-height: 18px;
		height: auto!important;
		min-height: 18px;
		color: #036;
		font-size: 11px;
		margin-bottom: 5px;
		font-weight: bold;
		width: 30%;
	}
	
	dl.auto dt { width: auto; }
	
	dl.define dd {
		float: left;
		display: block;
		height: 18px;
		line-height: 18px;
		height: auto!important;
		min-height: 18px;
		color: #069;
		font-size: 11px;
		margin-bottom: 5px;
		width: 70%;	
	}
	
	dl.auto dd { width: auto; }
	
	dl.define span.nota {
		color: #c00;
		display: block;
		padding-top:3px;
		padding-bottom:3px;
		font-weight:bold;
	}
		dl.define span.nota span {
			font-weight: normal;	
		}


div.sorteo {
	margin-bottom: 20px;
	overflow: hidden;
}
	div.sorteo dl dt 			{ width:180px;}
	div.sorteo dl dd.ganador 	{ color: #000; font-weight: bold;}
	div.sorteo dl dd 			{ margin-left: 10px; white-space:nowrap;}

/****** FIN DE LISTAS ******/


/****** RELACIONADOS Y MAS COMPRADOS ******/

div.relacionados {
	margin-top: 20px;	
	overflow: auto;
}

	ul.relacionados {
		overflow: auto;
	}
		ul.relacionados li {
			position: relative;
			float: left;
			margin-left: 8px;
			margin-bottom: 0px;
			width: 150px;
			text-align: center;
			overflow: hidden;
		}

		.pd-tabs ul.relacionados li {
			width: 140px;	
		}
		
		ul.relacionados li.primero {
			margin-left: 0px;	
		}
		ul.relacionados li.stats {
			height: 160px;	
		}
			ul.relacionados li a.imagen {
				display: block;
				position: relative;
				left: 0px;
				top: 0px;
				width: 100px;
				height: 100px;
				margin-bottom: 5px;
				margin-left: 25px;
				text-decoration: none;
				text-align: center;
				vertical-align: middle;
				z-index: 1000;
				background: #fff;
				overflow: hidden;
			}
				ul.relacionados li a.imagen span.mascara {
					position: absolute;
					display: block;
					left: 0px;
					top: 0px;
					width: 100px;
					height: 100px;
					background: url(img/mascara-rel-img.png) 0px 0px no-repeat;
					z-index: 1020;
				}
				ul.relacionados li a.imagen img.imagen {
					position: absolute;
					left: 50%;
					top: 50%;
					z-index: 1010;
				}
				
				ul.relacionados li a.titulo {
					display: block;
					width: 150px;
					font-size: 11px;
					font-weight: bold;
					line-height: 14px;
					color: #036;
					margin:0px;
					margin-top: 5px;
					padding: 0px;
					background: url();
					overflow: hidden;
				}
				ul.relacionados li.stats a.titulo { font-size: 10px;}			
				
				
/****** FIN DE RELACIONADOS Y MAS COMPRADOS ******/



/****** VARIOS ******/

p.botonera {
	display: block;
	position: relative;
	width: 605px;
	height: 40px;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
	padding:10px;
	background: url(img/botonera.png) 0px 0px no-repeat;
}
div.detalle-producto .pd-tabs div p.botonera {
	width: 580px;
	background: url(img/pd-botonera.png) 0px 0px no-repeat;
}

a.ver-pedido {
	padding-top:4px;
	padding-bottom:4px;
	padding-left: 20px;
	background: url(img/printer.png) 0px 1px no-repeat;
}

/** direcciones **/
div.direccion {
	margin-bottom: 10px;	
}
	div.direccion .icono {
		float: left;
	}
	
	div.direccion p.txt {
		line-height: 16px;
		margin-left: 24px;
		cursor: default;
	}

/** Listado seleccion de items **/
ul.selecciona {
	margin:20px;
}
	ul.selecciona li {
		margin-bottom: 10px;
		padding-bottom: 11px;
		background: url(img/sep-hrz.png) 0px 100% repeat-x;
	}
	
	ul.selecciona li label {
		
	}
	
	ul.selecciona li input {
		float: left;
		margin-top:5px;
		margin-right: 5px;
	}
	
	ul.selecciona li span.logo {
		float: right;	
	}
	
	ul.selecciona li div.tip {
		margin-top: 5px;
		margin-left: 20px;
		font-size: 10px;
		color: #069;
	}

/** precio home **/
span.precio-peq {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;	
	height:20px;
	line-height:20px;			
	margin:0;
	font-size: 10px;
	font-weight: bold;
	color:#300;
	padding-left:10px;
	background:url(img/precio-peq.png) no-repeat 0px 0px;
	cursor: default;
}
	
	span.precio-peq em {
		display: block;
		.display: inline-block;
		height:20px;
		line-height:20px;			
		margin:0;
		font-size: 10px;
		font-weight: bold;
		color:#300;	
		font-style:normal;
		padding-right:10px;
		text-transform:uppercase;
		background:url(img/precio-peq.png) no-repeat 100% 0px;
		cursor: default;
	}

/** precio antiguo home **/
span.precio-no-peq {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;	
	height:20px;
	line-height:20px;			
	margin:0;
	font-size: 10px;
	font-weight: bold;
	color:#c00;
	padding-left:10px;
	background:url(img/precio-peq.png) no-repeat 0px -20px;
	cursor: default;
}
	
	span.precio-no-peq em {
		display: block;
		.display: inline-block; 
		height:20px;
		line-height:20px;			
		margin:0;
		font-size: 10px;
		font-weight: bold;
		color:#c00;	
		font-style:normal;
		padding-right:10px;
		text-transform:uppercase;
		text-decoration:line-through;
		background:url(img/precio-peq.png) no-repeat 100% -20px;
		cursor: default;
	}

.centro {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.banner {
	display: block;
	height: auto;
	margin-left: 3px;
	margin-bottom: 15px;
}
#laterali .banner { width: 122px;}
#laterald .banner { width: 144px;}


/** Clases para debugear **/
.debug {
	margin:20px;
	padding:20px;
	border: 1px dotted #c00;
}

.semitrans {
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);	
}
/** Fin de clases para debugear **/

.iframe-tracking {
	margin-bottom: 10px;
	border: 1px solid #333;
	padding:1px;
	background: #fff;
	width: 621px;
	height: 400px;
}
/****** FIN DE VARIOS ******/
/*****ANADIDO POR EDUARDO*****/
/** Botones **/
	a.boton, button.boton {
		display: -moz-inline-stack;
		display: inline-block;
		zoom: 1;
		*display: inline;
		border:none;
		background:none;
		padding:0;
		margin:0;
		width:auto;
		overflow:visible;					
		text-align:center;
		text-decoration: none;
		white-space:nowrap;	
		height:30px;
		line-height:30px;
		color: #fff;
		cursor: pointer;
	}
		a.boton span, a.boton em, button.boton span, button.boton em {
			display: block;
			.display: inline;
			zoom: 1;
			height:30px;
			line-height:30px;			
			margin:0;
			font-size: 10px;
			color:#fff;	
			cursor: pointer;
			background-color: transparent;
			background-image: url(img/btn_bg.png);
			background-repeat:no-repeat;
		}
		
		a.boton span, button.boton span {
			padding-left:15px;
			background-position: 0px 0px;
		}
		a.boton:hover span {background-position: 0px -30px;}
		
		a.boton em, button.boton em {
			font-style:normal;
			padding-right:15px;
			text-transform:uppercase;
			background-position: 100% -120px;
		}
		a.boton:hover em {background-position: 100% -150px;}
	
		/** botones con icono **/
		a.boton-email span {
				
		}
		a.boton-editar span {
			
		}

div.comentarios .respuesta textarea {
	margin-top: 10px;
	margin-bottom: 10px;
}
				
	a.comentar-boton, a.comentar-boton span {
		display: inline-block;
		.display: inline;
		zoom: 1;
		
		height: 24px;
		width: auto;
		
		line-height: 24px;
		text-decoration: none;
		color: #fff;
		font-size: 11px;
		
		background-image: url(img/btn.png);
		background-repeat:no-repeat;
		cursor: pointer;
	}
		a.comentar-boton {
			padding-left: 15px;
			background-position: 0px 0px;
		}
		
			a.comentar-boton span {
				padding-right: 15px;
				background-position: 100% 0px;
			}
	
	a.cancelar-boton, a.cancelar-boton span {
		display: inline-block;
		.display: inline;
		zoom: 1;
		
		height: 24px;
		width: auto;
		
		line-height: 24px;
		text-decoration: none;
		color: #fff;
		font-size: 11px;
		
		background-image: url(img/btn.png);
		background-repeat:no-repeat;
		cursor: pointer;
	}
		a.cancelar-boton {
			padding-left: 15px;
			background-position: 0px -24px;
		}
		
			a.cancelar-boton span {
				padding-right: 15px;
				background-position: 100% -24px;
			}
	
	a.publicar-boton, a.publicar-boton span {
		display: inline-block;
		.display: inline;
		zoom: 1;
		
		height: 24px;
		width: auto;
		
		line-height: 24px;
		text-decoration: none;
		color: #fff;
		font-size: 11px;
		
		background-image: url(img/btn.png);
		background-repeat:no-repeat;
		cursor: pointer;
	}
		a.publicar-boton {
			padding-left: 15px;
			background-position: 0px -48px;
		}
		
			a.publicar-boton span {
				padding-right: 15px;
				background-position: 100% -48px;
			}
			
	div.iUpload {
		display: block;
		margin-bottom: 10px;
		height: 24px;
		overflow: hidden;
	}
	
	div.iUpload div.iFile {
		position: relative;
		display: block;
		float: left;
		width: 42px;
		height: 24px;
		overflow:hidden;
		background:url(img/iupload.png) left top no-repeat;
		clip:rect(0px, 80px, 24px, 0px );
		cursor: pointer !important;
	}  
	
	div.iUpload div.iFile input {
	   position: absolute;
	   left: auto;
	   right: 0px;
	   top: 0px;
	   margin:0;
	   padding:0;
	   filter: Alpha(Opacity=0);
	   -moz-opacity: 0;
	   opacity: 0;
	   cursor:pointer !important;
	}
	
	div.iUpload .iupload-more {
		display: ;
		float: left;
		height: 24px;
		width: 23px;	
		text-indent: -1000em;
		background: url(img/iupload-more.png) 0px 0px no-repeat;
	}
	div.iUpload .iupload-minus {
		display: block;
		float: left;
		height: 24px;
		width: 23px;	
		text-indent: -1000em;
		background: url(img/iupload-minus.png) 0px 0px no-repeat;
	}
	
	div.iUpload .iUpload-value {
		display:block;
		float: left;
		width: 165px;
		padding: 0px 5px;
		height: 24px;
		line-height: 24px;
		font-size: 10px;
		color: #036;
		background: url(img/iupload-value.png) 0px 0px no-repeat;
	}
	
	div.reviews div.iText {
		margin-bottom: 10px;
		
		background: #CADDEE;
		border-radius: 3px;
		-moz-border-radius:3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		
		padding:3px;
	}
	
	div.analisis-txt {
		margin-bottom: 20px;	
	}
	
	div.analisis-txt .autor {
		font-weight: bold; 
		color: #036;
		margin-bottom: 10px;
	}
		div.analisis-txt .autor .fecha{
			color: #069;
			font-size: 10px;
		}
	div.analisis-txt .texto{
		
	}
	div.analisis-txt .texto p {
		margin-bottom: 15px;
	}
	div.analisis-txt ul.galeria {
		margin:0px;
		margin-top: 10px;
		overflow: hidden;
	}
		div.analisis-txt ul.galeria li {
			float: left;
			list-style:none;
			position: relative;
			width: 88px;
			height: 88px;
			border:1px solid #036;
			margin-right: 10px;
			margin-bottom: 10px;
			
			border-radius: 3px;
			-moz-border-radius:3px;
			-webkit-border-radius: 3px;
			-khtml-border-radius: 3px;
		}
			div.analisis-txt ul.galeria li a {
				display: block;
				position: absolute;
				left: 0px;
				top: 0px;
				width: 86px;
				height: 86px;
				border:1px solid #fff;
				overflow: hidden;
				
				border-radius: 3px;
				-moz-border-radius:3px;
				-webkit-border-radius: 3px;
				-khtml-border-radius: 3px;
				z-index:100;
			}
			
			div.analisis-txt ul.galeria li span {
				display: block;
				position: absolute;
				left: 0px;
				top: 0px;
				width: 86px;
				height: 86px;
				border:1px solid #fff;
				overflow: hidden;
				
				border-radius: 3px;
				-moz-border-radius:3px;
				-webkit-border-radius: 3px;
				-khtml-border-radius: 3px;
				z-index:50;
			}
			
			div.txt dt,div.txt dd, div.txt li, div.txt div  {
		font-size: 11px;
		font-weight: normal;
		line-height: 14px;
		color: #336699;
	}
			

/** **/

/****** FIN DE VARIOS ******/


/***FIN ANADIDO POR EDUARDO***/