/*CSS Document created by 2Code - www.2code.co - for Quarto Útil Agencia Creativa*/
body{
	background-color:#FFF;
	overflow-x:hidden;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
}
.wrapper{
	position:relative;
	width:910px;
	margin:0 auto;
}
h1{
	font-size:32px;
	text-align:left;
	color:#752D52;
	margin-top:10px;
	margin-bottom:10px;
}
h2{
	font-size:28px;
	text-align:center;
	color:#752D52;
	margin-top:5px;
	margin-bottom:5px;
}
h3{
	font-size:26px;
	text-align:center;
	color:#752D52;
	margin-top:5px;
	margin-bottom:5px;
}
ol li{
	list-style-type:none;
}
/*------------------------------------*\
   HEADER
\*------------------------------------*/
/*
FONDOS
POSICIONAMIENTO
LOGO
*/
#header{
	position:relative;
	width:100%;
	height:255px;
	left:0px;
	top:0px;
	background-color:#F8F6F3;
	background-image:url('../images/bg-header.jpg');
	background-repeat:repeat-x;
	background-position:top left;
	/*z-index:1000;*/
}
	#deco-top-left{
		position:absolute;
		display:block;
		width:897px;
		height:51px;
		top:0px;
		right:645px;
		background-image:url('../images/bg-top-left.png');
		background-repeat:no-repeat;
		background-position:top left;
		z-index:200;
	}
	#logo{
		position:relative;
		width:199px;
		height:202px;
		float:left;
		margin-left:36px;
		z-index:600;
	}
	
	

	
	
/*------------------------------------*\
   CONTENIDO
\*------------------------------------*/
/*
FONDOS
POSICIONAMIENTO
FORMATO
modulos
login
*/
.login-form_top{
	position:relative;
	top:70;
}





#content{
	position:relative;
	width:100%;
	left:0px;
	/*z-index:2000;*/
}
	#breadcumbs{	
	width:668px;
	height:24px;
	text-align:right;
	font-size:24px;
	color:#999;
	}
	
	
	#breadcumbs_left{
		position:relative;
		float:left;
		height:43px;	
	}
	#breadcumbs_right{
		position:relative;
		float:left;
		height:43px;		
	}
	
	
	#imagen-producto{
		position:relative;
		width:310px;
		padding:10px;
		float:left;
		background-color:#F6F5F4;
		border:1px solid #EFEDEA;
	}
	#slider{
		position:relative;
		width:244px;
		margin-top:-200px;
		z-index:100;
	}
	#slider ul{
		width:244px;
		list-style:none;
	}
		#slider li{
			width:244px;
			height:396px;
			float:left;
			margin:0px;
			padding:0px;
		}
		.carousel-previous{
			position:absolute;
			width:16px;
			height:21px;
			border:none;
			background-image:url('../images/arrows.png');
			background-position:left center;
			background-repeat:no-repeat;
			text-indent:-9999px;
			cursor:pointer;
			left:-20px;
			top:130px;
		}
		.carousel-next{
			position:absolute;
			width:16px;
			height:21px;
			border:none;
			background-image:url('../images/arrows.png');
			background-position:right center;
			background-repeat:no-repeat;
			text-indent:-9999px;
			cursor:pointer;
			right:-20px;
			top:130px;
		}
	#aviso{
		position:relative;
		width:190px;
		height:200px;
		left:-18px;
		margin-top:-50px;
		z-index:200;		
		background-image:url('../images/aviso-right.png');
		background-repeat:no-repeat;
		padding-top:55px;
		padding-left:35px;
		padding-right:10px;
	}
		#aviso h3{
			color:#FFF;
			font-size:24px;
			margin-bottom:10px;
		}
		#aviso p{
			color:#F8F8F8;
			font-size:14px;
			font-family:Verdana, Geneva, sans-serif;
		}
		#aviso .boton a{
			color:#F8F8F8;
			font-size:14px;
			font-family:Verdana, Geneva, sans-serif;
		}
	#decoration-right{
		position:absolute;
		display:block;
		width:940px;
		height:256px;
		top:146px;
		left:217px;
		background-image:url('../images/decoration-right.png');
		background-position:left;
		background-repeat:no-repeat;
		z-index:200;
	}
	#bloque-gris{
		position:relative;
		width:184px;
		padding:6px;
		padding-top:50px;
		background-color:#F2F0EF;
		border:1px solid #EDEAE7;
		margin-top:-50px;
	}
		#btn-conoce-tu-talla{
			position:relative;
			width:166px;
			height:73px;
			left:-18px;
			z-index:300;
		}
		#btn-suscribete-boletin{
			position:relative;
			width:200px;
			height:97px;
			margin-top:-30px;
			right:-4px;
			z-index:200;
		}
		#btn-acceso-distribuidores{
			position:relative;
			width:176px;
			height:86px;
			margin-top:-20px;
			margin-bottom:20px;
			left:-18px;
			z-index:100;
		}
		#social-media{
			/*position:relative;
			width:100%;
			margin-bottom:-10px;*/
				position:relative;
				width:220px;
				height:55px;
				float:right;
				top:-110px;
				right:50px;
		}
			#social-media h3{
				font-size:22px;
				text-align:center;
				color:#C67099;
			}
			#social-media ul{
				width:92px;
				height:33px;
				list-style:none;
				margin:0 auto;
			}
				#social-media li{
					width:42px;
					height:33px;
					float:left;
					margin-left:2px;
					margin-right:2px;
				}
					#social-media li a{
						text-indent:-9999px;
					}
					#social-media li#btn-facebook a{
						display:block;
						width:42px;
						height:32px;
						background-image:url('../images/btn-facebook.png');
						background-repeat:no-repeat;
						background-position:bottom;
					}
					#social-media li#btn-twitter a{
						display:block;
						width:41px;
						height:33px;
						background-image:url('../images/btn-twitter.png');
						background-repeat:no-repeat;
						background-position:bottom;
					}
						#social-media li#btn-facebook a:hover, #social-media li#btn-twitter a:hover{
							background-position:top;
						}
/*------------------------------------*\
   FOOTER
\*------------------------------------*/
/*
FONDOS
POSICIONAMIENTO
FORMATO
*/
#footer{
	position:relative;
	width:100%;
	height:177px;
	left:0px;
	background-image:url('../images/bg-footer.jpg');
	background-repeat:repeat-x;
	background-position:top;
	
}
	#top{
		position:relative;
		display:block;
		width:49px;
		height:37px;
		margin:0 auto;
		top:-25px;
		cursor:pointer;
		background-image:url('../images/btn-up.jpg');
		background-repeat:no-repeat;
	}
	#footer-info{
		position:relative;
		width:472px;
		height:74px;
		padding:10px;
		padding-left:20px;
		padding-right:20px;
		float:left;
		background-image:url('../images/bg-bloque-footer.png');
		background-repeat:no-repeat;
		background-position:left top;
		text-align:center;
		left:50px;
	}
		#footer-info p{
			font-family:Arial, Verdana;
			font-size:12px;
			color:#752D52;
			line-height:16px;
		}
/*--------------------------------------------*\
   FW TODOVENTA 2011
\*--------------------------------------------*/
/*
MENU TOP
BUSCADOR
MENU PRINCIPAL
MENU FOOTER
LISTADO-DE-PRODUCTOS
*/
/*Menu Top*/
#menu-top{
	position:absolute;
	display:block;
	width:652px;
	height:58px;
	top:0px;
	right:36px;
	background-image:url('../images/bg-menu-top.png');
	background-repeat:no-repeat;
	background-position:bottom right;
	z-index:100;
}
	#menu-top ul{
		position:relative;
		left:100px;
		list-style:none;
	}
		#menu-top li{
			width:auto;
			height:31px;
			float:left;
			margin-left:10px;
			margin-right:10px;
		}
			#menu-top li a{
				width:auto;
				height:6px;
				display:block;
				color:#FFF;
				font-size:22px;
				text-align:center;
				
			}
			#menu-top li#chat a{
				background-image:url('../images/btn-chat.png');
				background-repeat:repeat-y;
				background-position:center top;
			}
			#menu-top li#contacto a{
				background-image:url('../images/btn-contacto.png');
				background-repeat:repeat-y;
				background-position:center top;
				padding-top:24px;
			}
			#menu-top li#recomendar a{
				background-image:url('../images/btn-recomendar.png');
				background-repeat:repeat-y;
				background-position:center top;
				padding-top:24px;
			}
			#menu-top li#registrese a{
				background-image:url('../images/btn-registrese.png');
				background-repeat:repeat-y;
				background-position:center top;
				padding-top:24px;
			}
/*Buscador*/
#buscador{
	position:relative;
	width:396px;
	height:56px;
	float:left;	
	left:20px;
	margin-top:80px;
}
	#buscador label{
		position:relative;
		width:100%;
		display:block;
		font-size:28px;
		color:#AD4C74;
		text-align:center;
		
	}
	#buscador input#buscar{
		position:relative;
		width:260px;
		height:62px;
		padding-top:0px;
		line-height:60px;
		padding-left:56px;
		padding-right:80px;
		float:left;
		background-color:transparent;
		border:none; 
		background-image:url('../images/buscador-input.png');
		background-repeat:no-repeat;  
		font-family:Tahoma, Verdana, Arial;
		font-size:16px;		
		color:#666;
	}
	#buscador input#btn-ir{
		position:absolute;
		top:46px;
		right:50px;
		width:24px;
		height:26px;
		float:right;
		background-image:url('../images/btn-buscador-ir.jpg');
		background-repeat:no-repeat;
		background-position:top;
		background-color:transparent;
		border:none;
		cursor:pointer;
		text-indent:-9999px;
	}
		#buscador input#btn-ir:hover{
			background-position:bottom;
		}
/*Menu Principal*/
#menu-principal{
	position:relative;
	width:700px;
	height:55px;
	margin:0 auto;
	float:left;
}
/*	#menu-principal ul{
		list-style:none;
	}
		#menu-principal li{
			width:auto;
			height:55px;
			float:left;
		}
			#menu-principal li a{
				display:block;
				width:auto;
				padding-left:12px;
				padding-right:10px;
				height:40px;
				background-image:url('../images/separador-menu-principal.jpg');
				background-position:center left;
				background-repeat:no-repeat;
				text-align:center;
				color:#AD4C74;
				font-size:18px;
				padding-top:15px;
				font-family:"Times New Roman", Times, serif
			}
				#menu-principal li a:hover{
					color:#333;
				}
				#menu-principal li a.active{
					color:#333;
				}*/
/*Columnas*/
#col-left{
	position:relative;
	width:680px;
	float:left;
	padding-top:2px;
	padding-bottom:40px;
}
#col-left .modulos{
	padding-top:20px;
	
}
#col-right{
	position:relative;
	width:196px;
	float:right;
	margin-bottom:60px;
}
#lista-productos{
	position:relative;
	width:680px;
}
	#lista-productos ul{
		position:relative;
		list-style:none;
	}
		.item_producto{
	position:relative;
	width:206px;
	float:left;
	margin:10px;
	height: 380px;
	padding-top: 10px;
		}
			.item_producto .bloque{
				width:186px;
				height: 290px;
				padding:10px;
				background-color:#F5F4F3;
				border:1px solid #EEECE9;
			}
				.item_producto .campo{
					position:relative;
					width:87px;
					height:19px;
					padding:5px;
					padding-top:0px;
					float:left;
					margin:3px;
					font-size:22px;
					background-image:url('../images/bg-campo.jpg');
					color:#9B3D65;
					text-align:center;
				}
					.item_producto .campo a{
						color:#9B3D65;
					}
					.item_producto .campo_descuento{
							position:relative;					
							height:19px;
							padding:5px;
							padding-top:0px;							
							margin:3px;
							font-size:22px;
							background-image:url('../images/bg-campo.jpg');
							color:#9B3D65;
							text-align:center;
					}
					.item_producto .campo_descuento .tachado{
						text-decoration:line-through;
						font-size:14px;
					}
				.item_producto form label{
					width:auto;
					float:left;
					font-size:18px;
					padding-top:3px;
					color:#9B3D65;
				}
				.item_producto form input.cantidad{
					position:relative;
					width:20px;
					height:10px;
					float:right;
					top:5px;
				}
				.item_producto form input.btn-agregar{
					position:relative;
					width:auto;
					border:none;
					background-color:transparent;
					color:#9B3D65;
					top:5px;
				}
				.item_producto .tag,#imagen-producto .tag {
	position:absolute;
	width:auto;
	left:-5px;
	top:5px;
	z-index:2999;
				}
/*Menu Lateral*/
#menu-lateral{
	position:relative;
	width:182px;
	padding-top:50px;
	background-color:#F6F5F4;
	border:1px solid #E7E7E6;
	margin-top:-50px;
}
	#menu-lateral ul{
		list-style:none;
	}
		#menu-lateral li{
			
			line-height:30px;
			font-size:22px;
		}
			#menu-lateral li a{
				
				padding-top:3px;
				padding-left:10px;
				padding-right:10px;
				line-height:20px;
				display:block;
				color:#999;
			}
				#menu-lateral li a:hover{
					color:#FFF;
					background-color:#C67099;
				}
/*Menu Footer*/
#menu-footer ul{
		list-style:none;
}
	#menu-footer li{
		width:auto;
		height:18px;
		float:left;
		background-image:url('../images/separador-menu-footer.png');
		background-position:center left;
		background-repeat:repeat-y;
	}
		#menu-footer li a{
			display:block;
			width:auto;
			padding-left:12px;
			padding-right:10px;
			height:18px;
			line-height:18px;
			text-align:center;
			font-family:Arial;
			color:#9B3D65;
			font-size:14px;
		}
			#menu-footer li:first-child{
				background-image:none;
			}
			#menu-footer li a:hover{
				color:#333;
			}
			#menu-footer li a.active{
				color:#333;
			}
/*Créditos*/
#creditos{
	position:relative;
	width:220px;
	height:55px;
	float:right;
	top:12px;
	right:50px;
}
	#creditos ul{
		position:relative;
		list-style:none;
	}
		#creditos li{
			width: auto;
			float:left;
		}
		#creditos li#quarto a{
			position:relative;
			display:block;
			width:114px;
			height:55px;
			background-image:url('../images/quarto.png');
			background-repeat:no-repeat;
			background-position:top;
			top:0px;
			text-indent:-9999px;
		}
		#creditos li#todoventa a{
			position:relative;
			display:block;
			width:106px;
			height:55px;
			background-image:url('../images/todoventa.png');
			background-repeat:no-repeat;
			background-position:top;
			text-indent:-9999px;
		}
/*Tabs*/
#ficha{
	position:relative;
	width:320px;
	float:right;
	margin-top:-10px;
}
	#bloque-ficha{
		position:relative;
		width:310px;
		min-height:300px;
		padding:8px;
		
		background-color:#F4F4F4;
	}
	#ficha .campo{
		position:relative;
		width:123px;
		height:19px;
		padding:10px;
		padding-top:0px;
		float:left;
		margin:3px;
		font-size:24px;
		background-image:url('../images/bg-campo.jpg');
		color:#9B3D65;
		text-align:center;
	}
		#ficha .campo_descuento{
			  position:relative;					
			  height:19px;
			  padding:5px;
			  padding-top:0px;							
			  margin:3px;
			  font-size:22px;
			  background-image:url('../images/bg-campo.jpg');
			  color:#9B3D65;
			  text-align:center;
			  width:285px;
	  }
	  #ficha .campo_descuento .tachado{
		  text-decoration:line-through;
		  font-size:14px;
	  }
	
	
	
		.compartir{
			left:80px;
		}
		#ficha .campo a{
			color:#9B3D65;
		}
		#ficha form label{
			width:auto;
			float:left;
			font-size:18px;
			padding-top:3px;
			color:#9B3D65;
		}
		#lficha form input.cantidad{
			position:relative;
			width:20px;
			height:10px;
			float:right;
			top:5px;
		}
		#ficha form input.btn-agregar{
			position:relative;
			width:auto;
			border:none;
			background-color:transparent;
			color:#9B3D65;
			top:5px;
		}
		#ficha .tag{
			position:absolute;
			width:auto;
			left:-5px;
			top:-10px;
		}
		#ficha table{
			margin-top:10px;
			margin-bottom:10px;
		}
			#ficha td{
				text-align:center;
				font-size:14px;
				color:#999;
			}
		#ficha h2{
			text-align:left;
		}
	#producto-miniaturas{
		position:relative;
		margin-bottom:10px;
	}
		#producto-miniaturas ul{
			list-style:none;
		}
			#producto-miniaturas li{
				width:60px;
				float:left;
				margin:7px;
			}
	#botones-sociales{
		position:relative;
		width:auto;
		margin-top:10px;
	}
#productos-relacionados{
	position:relative;
	width:660px;
	min-height:190px;
	padding:10px;
	padding-top:30px;
	padding-bottom:20px;
	background-color:#F4F4F4;
	margin-top:20px;
}
	#productos-relacionados h1{
		position:absolute;
		width:265px;
		height:37px;
		left:0px;
		top:-23px;
		background-image:url('../images/titulo-relacionados.png');
		background-repeat:no-repeat;
		background-position:left top;
		text-indent:-9999px;
	}
	#productos-relacionados ul{
		list-style:none;
	}
		#productos-relacionados li{
			width:150px;
			height:190px;
			float:left;
			margin-left:7px;
			margin-right:7px;
		}
#tabs{
	position:relative;
	width:320px;
	height:28px;
	margin:0 auto;
}
	#tabs ul{
		list-style:none;
	}
		#tabs li{
			width:auto;
			float:left;
			height:28px;
		}
			#tabs li a{
				display:block;
				width:auto;
				padding-left:10px;
				padding-right:10px;
				padding-top:5px;
				float:left;
				height:28px;
				background-color:#ECECEC;
				color:#999;
				font-size:16px;
			}
				#tabs li a:hover{
					color:#666;
					background-color:#F4F4F4;
				}
				#tabs li a.active{
					color:#333;
					height:32px;
					margin-top:-4px;
					font-size:18px;
					background-color:#F4F4F4;
				}

#login-form_top{
	padding-bottom:15px;
	width:160px;
	margin:0 auto;
}
#login-form_top h3{
	color: #666;
	font-size: 28px;
}
#login-form_top label{
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	color:#AD4C74;
}
#login-form_top a{
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	color:#AD4C74;
}
#login-form_top .inputbox{
	background-color:#fff;
	border:#CCC thin solid;
}
#login-form_top .boton{
	color:#FFF;
	border:#CCC thin solid;
	background-color:#da6895;
	padding:5px;
}

.login_user p{
	font-size:14px;
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	border-bottom:#DFDFDF thin solid;
	border-top:#DFDFDF thin solid;
	padding:5px 0;
	margin-top:10px;
}
.login_user h3{
	font-size:24px!important;

}

/*Menu framework*/

.menux{
z-index:999;
padding: 0;  
}

.menux li {  
display: inline;  
}  

.menux li a {  
font-family: Arial;  
font-size:11px;  
text-decoration: none;  
float:left;  
padding: 10px;  
background-color: #2175bc;  
color: #fff;  
}  

.prd_list tr td{
	height:390px;
	}

.cat_list{
	
	
}