/****** 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.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.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 -42px;
	background-repeat:repeat-y;
	height: 19px;
}

#laterali ul.categorias li.especial {
	padding-top:10px;
	padding-bottom: 5px;
}

#laterali ul.categorias li.header {
	height: 36px;
	background-position: 0px 0px;
	background-repeat:repeat-y;
}
	#laterali ul.categorias li.header span { display: block; height: 36px; line-height: 36px; width: 145px; text-indent: -1000em;}

#laterali ul.categorias li.footer {
	height: 6px;
	background-position: 0px -36px;
	background-repeat:repeat-y;
	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 {
	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.cat-01 				{ background-position: -145px 0px; }
		#laterali ul.categorias li a.cat-01:hover	 	{ background-position: -269px 0px; }
		
	#laterali ul.categorias li a.cat-02 				{ background-position: -145px -19px; }
		#laterali ul.categorias li a.cat-02:hover 		{ background-position: -269px -19px; }
	
	#laterali ul.categorias li a.cat-03 				{ background-position: -145px -38px; }
		#laterali ul.categorias li a.cat-03:hover 		{ background-position: -269px -38px; }
	
	#laterali ul.categorias li a.cat-04 				{ background-position: -145px -57px; }
		#laterali ul.categorias li a.cat-04:hover 		{ background-position: -269px -57px; }
		
	#laterali ul.categorias li a.cat-05 				{ background-position: -145px -76px; }
		#laterali ul.categorias li a.cat-05:hover 		{ background-position: -269px -76px; }
	
	#laterali ul.categorias li a.cat-06 				{ background-position: -145px -95px; }
		#laterali ul.categorias li a.cat-06:hover 		{ background-position: -269px -95px; }
		
	#laterali ul.categorias li a.cat-07 				{ background-position: -145px -114px; }
		#laterali ul.categorias li a.cat-07:hover 		{ background-position: -269px -114px; }
		
	#laterali ul.categorias li a.cat-08 				{ background-position: -145px -133px; }
		#laterali ul.categorias li a.cat-08:hover 		{ background-position: -269px -133px; }
		
	#laterali ul.categorias li a.cat-09 				{ background-position: -145px -152px; }
		#laterali ul.categorias li a.cat-09:hover 		{ background-position: -269px -152px; }
		
	#laterali ul.categorias li a.cat-10 				{ background-position: -145px -171px; }
		#laterali ul.categorias li a.cat-10:hover 		{ background-position: -269px -171px; }
		
	#laterali ul.categorias li a.cat-11 				{ background-position: -145px -190px; }
		#laterali ul li a.cat-11:hover 					{ background-position: -269px -190px; }
	
	#laterali ul.categorias li a.cat-12 				{ background-position: -145px -209px; }
		#laterali ul.categorias li a.cat-12:hover 		{ background-position: -269px -209px; }
		
	#laterali ul.categorias li a.cat-13 				{ background-position: -145px -228px; }
		#laterali ul.categorias li a.cat-13:hover 		{ background-position: -269px -228px; }
		
	#laterali ul.categorias li a.cat-14 				{ background-position: -145px -247px; }
		#laterali ul.categorias li a.cat-14:hover 		{ background-position: -269px -247px; }
		
	#laterali ul.categorias li a.cat-15 				{ background-position: -145px -266px; }
		#laterali ul.categorias li a.cat-15:hover 		{ background-position: -269px -266px; }
		
	#laterali ul.categorias li a.cat-16 				{ background-position: -145px -285px; }
		#laterali ul.categorias li a.cat-16:hover 		{ background-position: -269px -285px; }
				
	#laterali ul.categorias li a.cat-100 				{ background-position: -9px -172px; height: 20px; width: 130px; }
		#laterali ul.categorias li a.cat-100:hover 		{ background-position: -9px -192px; }

/****** 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 ******/
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 ******/
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;
		}
		
		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;
}

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 ******/