
div.producto_lista
{
	position: relative; float: left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	
	background-color: #6D0D0E;
}

	div.producto_lista div.titulo
	{
		position: relative; float: left;
		width: 547px; /* 567 - 20padding */
		height: 18px; /* 26 - 8padding */
		
 		padding: 4px 10px;
		
		background-image: url('img/producto_titulo.jpg');
		background-repeat: no-repeat;
		background-position: top center;
		
		font-size: 14px;
	}
			div.producto_lista div.titulo a
			{
				font-style: normal;
				color: white;
			}
	
	div.producto_lista div.imagen
	{
		position: relative; float: left;
		width: 100px;
		height: 120px;

		overflow: hidden;
	}
			div.producto_lista div.imagen img
			{
				margin: 10px 14px;
				border: 1px solid #b41617;
			}
		
	
	div.producto_lista div.descripcion
	{
		position: relative; float: left;
		top: 10px; /* en lugar de padding */
		width: 250px; /* 250 - 5x2 padding */
		height: 98px; /* 120 - 10x2 padding */ /* multiplo de line-height */
		
		padding: 0px;
		overflow: hidden;
	}
	/*
	div.producto_lista div.descripcion,
	div.producto_lista div.descripcion *
	{
		font-size: 12px;
		line-height: 14px;
	}
	*/
	div.producto_lista div.iconos
	{
		position: relative; float: left;
		width: 217px;
		height: 34px;
		margin-top: 7px;
		
		text-align: right;		
	}
			div.producto_lista div.iconos img
			{
				margin-left: 3px;
			}
			
			
			
	div.producto_lista div.carro
	{
		position: relative; float: left;
		width: 190px;
		height: 51px;
		
		margin-left: 26px;
		margin-top: 23px;
		
		background-image: url('img/producto_barra_carro_dec.jpg');
		background-repeat: no-repeat;
		background-position: center center;
	}
			div.producto_lista div.carro div.botonCarro
			{
				position: absolute;
				top: 4px;
				left: 11px;
				width: 40px;
				height: 40px;
			}
			div.producto_lista div.carro div.precio1
			{
				position: absolute;
				top: 4px;
				left: 52px;
				width: 129px;
				height: 20px;
				
				text-align: center;
				font-size: 12px;
				color: white;
			}
			div.producto_lista div.carro div.precio2
			{
				position: absolute;
				top: 27px;
				left: 52px;
				width: 129px;
				height: 20px;
				text-align: center;
				
				text-align: center;
				font-size: 12px;
				color: white;
			}
			
			
			
					div.producto_lista div.carro div.precio1 span.numero,
					div.producto_lista div.carro div.precio2 span.numero
					{
						font-size: 16px;
						font-weight: bold;
					}
			
			div.producto_lista div.carro div.antiguo
			{
				color: #B41617;
				text-decoration: line-through;
			}
					div.producto_lista div.carro div.antiguo span.numero
					{
						font-size: 16px;
						font-weight: bold;
						color: #B41617;
					}
			
			
			
			
			

div.producto
{
	position: relative; float: left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	
	background-color: #6D0D0E;
}

	div.producto div.titulo
	{
		position: relative; float: left;
		width: 547px; /* 567 - 20padding */
		height: 18px; /* 26 - 8padding */
		
 		padding: 4px 10px;
		
		background-image: url('img/producto_titulo.jpg');
		background-repeat: no-repeat;
		background-position: top center;
		
		font-size: 14px;
	}
	
	div.producto div.producto_dec_titulo
	{
		position: relative; float: left;
		width: 100%;
		height: 7px;
		overflow:hidden;
		
		background-image: url('img/producto_dec_titulo.jpg');
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	
	div.producto div.imagen
	{
		position: relative; float: left;
		width: 172px;
		height: 216px;

		overflow: hidden;
		
		text-align: center;
		
		z-index: 2;
	}
			div.producto div.imagen img
			{
				margin: 10px auto 0px auto;
				border: 1px solid #b41617;
			}
		
	
	div.producto div.descripcion
	{
		position: relative; float: left;
		top: 10px; /* en lugar de padding*/
		width: 290px;
		height: 154px; /* 120 - 10x2 padding */ /* y múltiplo de line-height */
		margin-right: 15px;
		
		padding: 0px;
		overflow: hidden;
	}
	
	/*
	div.producto div.descripcion,
	div.producto div.descripcion *
	{
		font-size: 12px;
		line-height: 14px;
	}
	*/
	
	div.producto div.iconos
	{
		position: relative; float: left;
		width: 80px;
		height: 108px;
		margin-top: 7px;
		
		text-align: right;		
	}
			div.producto div.iconos img
			{
				margin-left: 3px;
			}
			
			
			
	div.producto div.carro
	{
		position: relative; float: left;
		width: 569px;
		height: 71px;
		top: -68px;
		z-index: 1;
		
		margin-top: 23px;
		
		background-image: url('img/producto_carro_dec.jpg');
		background-repeat: no-repeat;
		background-position: center 40px;
	}
			div.producto div.carro div.botonCarro
			{
				position: absolute;
				top: 0px;
				left: 357px;
				width: 71px;
				height: 71px;
			}
			div.producto div.carro div.precio1
			{
				position: absolute;
				top: 15px;
				left: 428px;
				width: 139px;
				height: 25px;
				
				text-align: center;
				font-size: 13px;
				color: white;
			}
			div.producto div.carro div.precio2
			{
				position: absolute;
				top: 42px;
				left: 428px;
				width: 139px;
				height: 25px;
				text-align: center;
				
				text-align: center;
				font-size: 13px;
				color: white;
			}
			
					div.producto div.carro div.precio1 span.numero,
					div.producto div.carro div.precio2 span.numero
					{
						font-size: 18px;
						font-weight: bold;
					}
			
			div.producto div.carro div.antiguo
			{
				color: #B41617;
				text-decoration: line-through;
			}
					div.producto div.carro div.antiguo span.numero
					{
						font-size: 18px;
						font-weight: bold;
						color: #B41617;
					}
			
			
			
			
	div.producto div.mas
	{
		position: relative; float: left;
		
		top: -50px; /* para ajustarse al carro */
		
		width: 569px;
		height: auto;
		margin-bottom: 20px;
	}
	
			div.producto div.mas div.mas_titulo
			{
				position: relative; float: left;
				width: 553px; /*596-8x2padding */
				height: 25px; 

				padding: 0px 8px;
				
				background-image: url('img/producto_mas_titulo_dec.jpg');
				background-repeat: no-repeat;
				background-position: left bottom;
				
				font-weight: bold;
				font-size: 13px;
			}
			
			div.producto div.mas div.mas_contenido
			{
				position: relative; float: left;
				width: 553px; /*596-8x2padding */
				height: auto; 

				padding: 4px 8px;
			}
			
			div.producto div.mas div.mas_contenido *
			{
				font-size: 12px;
			}
			
			div.producto div.mas div.mas_contenido table
			{
				width: 100%;
				height: auto; 
			}
				div.producto div.mas div.mas_contenido table th
				{
					font-weight: bold;
					text-align: left;
					
					padding-top: 1px;
					padding-bottom: 1px;
				}
			
				div.producto div.mas div.mas_contenido table td
				{
					padding-left: 3px;
					padding-right: 3px;
					
					padding-top: 1px;
					padding-bottom: 1px;
				}
			
			
	div.producto_relacionado
	{
		position: relative; float: left; 
		width: 136px;
		height: auto;
		
		margin-right: 2px;
	}
	
			div.producto_relacionado div.imagen
			{
				position: relative; float: left;
				width: 136px;
				height: 120px;
		
				overflow: hidden;
			}
					div.producto_relacionado div.imagen img
					{
						margin: 10px 14px;
						border: 1px solid #b41617;
					}
			
			div.producto_relacionado div.titulo
			{
				position: relative; float: left;
				width: 126px;  /* 136 - 5x2 padding*/
				height: 62px; 
				
		 		padding: 0px 5px;

		 		background-image: none;
				font-size: 14px;
				
				text-align: center;
				
				overflow: hidden;
			}
	
					div.producto_relacionado div.titulo a
					{
						font-style: normal;
						color: white;
					}
	

					
					
					
/* ************************************************************ */
					
div.descripcion,
div.descripcion *
{
	font-size: 12px;
	line-height: 14px;
	
	color: white;
}

div.descripcion p
{
}

div.descripcion b,
div.descripcion b *,
div.descripcion strong,
div.descripcion strong *
{
}

div.descripcion i,
div.descripcion em
{
	font-style: italic;
}


div.descripcion u,
div.descripcion u *
{
	font-style: italic;
}


div.descripcion a,
div.descripcion a *
{
	color: #ffd35b !important;
	font-style: italic !important;
}
div.descripcion a:hover,
div.descripcion a:hover *
{	
	text-decoration: underline;
}
