@import "colors.css";

html {

}

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/bg_body.gif);
	background-repeat:repeat-x;
	background-position:top;
}

a							{ text-decoration: none;}
a:hover 					{ text-decoration: underline;}

form 						{display: inline;}

.bold {font-weight:bold}
.clear {float:none; clear:both}
.textbox {height:17px; padding-left:2px; }
.closed {
	display:none;	
}
.open {
	display:inline-table;
}
.div-underline {
	float:none;
	clear:both;
	height:1px;
	line-height:1px;
	font-size:2px;
	margin-top:5px;
	margin-bottom:5px;
}
.div-sep {
	width:3px;
	height:14px;
	background-image:url(../images/sep_dotted.gif);
	background-repeat:no-repeat;
}
.padding15 {padding:20px; }

h2, .titulo {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	/*line-height: 14px;*/
	line-height: 18px;
	height:18px;
	line-height: 17px;	
	padding-left:2px;
	width:240px;
}

.textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	width:240px;	
}

.text-error {
	font-weight:bold;
	font-size:13px;
}

ul {margin:0; list-style:none}
ul li {margin:0;}


.button {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
}

.button-small {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:1px;	
}

/* ************************************************************************************* */
#main , .content{
	width:980px;
	/*position:relative; */
	margin:auto;
	/*height:100%;*/
}
/* ************************************************************************************* */
/* ************************************************************************************* */
#header {
	/*height:118px;*/
}
	#header #logo {
		float:left;
		width:775px;
		/*padding:4px 0px 0px 1px; */
	}
	
	#header #cart {
		float:right;
		width:188px;
		text-align:right; 		
		padding:12px; 
		padding-left:5px; 		
		padding-top:45px;
		font-size:11px;
	}	
		#header #cart a {
			
		}
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
#menu-wrapper {
	float:none;
	clear:both;
	height:37px;
	background:url(../images/menu_bg.gif);
	background-repeat:repeat-x;	

}
	#menu {
		width:960px;
		margin:auto;	
		line-height:36px;
		padding-left:10px;
		padding-right:10px;
		font-size:12px;		
	}
	#menu ul {
		padding:0;
		margin:0;
		list-style:none;
		float:left;
		width:600px;
	}
		#menu li {
			float:left;
			background:url(../images/menu_separator.gif);
			background-repeat:no-repeat;
			background-position:right;
		}
		#menu ul li a {
			padding-left:20px;
			padding-right:20px;			
			text-decoration:none;
		}
			#menu ul li a:hover {
				text-decoration:none;
			}		
		#menu #search {
			float:right;
			width:250px;
			display:inline;
			text-align:right;
		}
		#menu #search .textbox {
			width:130px;
			vertical-align:middle;
			height:17px;
			padding-left:2px;
		}
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */

#content-right {
	float:right;
	width:770px;

	/*margin-left:13px;*/
}

.content {
	width:980px;
	float:none;
	clear:both;
	margin-top:8px;
}	
	.content #banner-princ {
		margin-bottom:10px;
		height:90px;
	}
	.content .destacado {
		float:none;
		clear:both;
		padding:17px;
		margin-top:10px;
		margin-bottom:10px;	
		border:1px dotted #ECcccc;
	}	
	.content .breadcrumb {
		font-size:13px;
		font-weight:bold;
		height:32px;
		line-height:32px;
		/*margin-top:5px;*/
		margin-bottom:10px;
		padding-left:20px;
		padding-right:20px;
	}	
		.content .breadcrumb .prod-title {
			font-family:Tahoma, Arial, Helvetica, sans-serif;
			font-size:13px;
			margin-left:3px;			
		}	
		.prod-texto {
			font-size:11px;
			line-height:16px;
		}
		.nov-texto {
			font-size:12px;
			line-height:18px;			
		}
		.content .breadcrumb a {
			line-height:28px;	
			text-decoration:none;
			margin-left:1px;
			margin-right:2px;
		}
		.content .breadcrumb a:hover {
			text-decoration:none;		
		} 	
	.content .productos {
		padding-top:0px;
		/*padding-left:15px;
		padding-right:15px;*/
		line-height:14px
	}
	.content .productos a {
		text-decoration:none
	}
	.content .productos a:hover {
		text-decoration:none
	}

	.content .producto {
		float:left;
		width:233px; /*total 254 */
		height:282px;
		padding-top:1px;
		padding-left:12px;		
		padding-right:11px;			
		margin-top:8px;		
		margin-bottom:10px;
	}
	.content .producto.impar {

	}
	.content .producto .title {
		height:44px;
		font-weight:bold;
		margin-bottom:4px;
		line-height:15px;
		background-color:#dad2c6;
		padding:4px;
		padding-left:5px;
	}
		.content .producto .title a {
			display:block;	
		}
	.content .price {
		font-weight:bold;
		font-size:15px;
		line-height:24px;
		padding:4px 2px 7px 0px;
	}
	.content .price.old {
		font-size:13px;
		text-decoration:line-through;
		margin-right:4px;
	}	
		.content .producto .image {
			text-align:center;
			width:200px;
			height:140px;
			margin:auto;
			margin-bottom:2px;
			overflow:hidden;
		}

	.content .botones .textbox {
		width:35px;
		height:18px;
		padding:0;
		vertical-align:middle;
	}

/* ************************************************************************************* */
.table-cart {

}

.table-cart .titulo {
	font-size:13px;
}
.table-cart .detail {
	
}

.table-favoritos .detail {
	font-size:11px;
}
/* ************************************************************************************* */

#menu-usuario {
	float:right;
	width:170px;
	margin:15px;
	margin-right:0px;
}
	
	#menu-usuario ul {
		padding:0;
		/*margin-left:16px;
		margin-right:16px;*/
		margin-top:8px;
		padding-bottom:5px;
	}
		#menu-usuario ul li {
			padding:0;
			margin:0;
			background-image:url(../images/bg_list_hline.gif);
			background-repeat:repeat-x;
			background-position:bottom;
			height:27px;
			line-height:27px;
			padding-top:1px;
			padding-bottom:2px;
		}
		#menu-usuario ul li a {
			display:block;
			font-size:13px; 
			font-weight:normal;
			padding-left:11px;
			height:27px;
			line-height:27px;
			background-image:url(../images/bg_list.gif) ;
			background-position:3px 11px;
			background-repeat:no-repeat;			
			text-decoration:none;
		}	
			#menu-usuario ul li a:hover {
				text-decoration:none;
			}		
			
			#menu-usuario ul li a:hover, #menu-usuario ul li a.sel {
				color:#9D202F;
				background-color:#FEF3F1;
			}					
	
/* ************************************************************************************* */
.div-descuento{
	width:40px;
	height:40px;
	background-image:url(../images/ico_descuento.gif);
	color:#ffffff;
	font-weight:bold;
	text-align:
	center;
	line-height:39px;	
}
.paginador {
	float:none;
	clear:both;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:15px;
}
	.paginador .pag-link {
		text-decoration:none;
		padding-left:4px;
		padding-right:4px;		
		padding-top:2px;
		padding-bottom:2px;	
		font-size:10px;
		font-size:11px;		
	}
	.paginador .pag-link-sel {
		text-decoration:none;
		padding-left:4px;
		padding-right:4px;		
		padding-top:2px;
		padding-bottom:2px;	
		font-size:11px;
		font-weight:bold;
	}	
	
	
.producto-titulo, .titulo-seccion {
	height:32px;
	line-height:32px;
	font-weight:bold;
	padding-left:20px;
}
.producto-detalle, .cart-detalle {
	padding:22px;
	line-height:18px;
}
.producto-imagen {
	float:left;
	padding:10px;
	margin-right:18px;
}
/* ************************************************************************************* */
/* ************************************************************************************* */

#menu-left {
	float:left;
	width:200px;
}
	#menu-left .box {
		float:none;
		clear:both;
		margin-bottom:14px;
		padding-bottom:17px;
		background-color:#f1f1f1;
		background-image:url(../images/bg_bottom_box.gif);
		background-position:bottom;
		background-repeat:no-repeat;
	}

	#menu-left .heading {
		float:none;
		clear:both;
		font-size:13px;
		font-weight:bold;
		background-image:url(../images/bg_heading2.gif);
		background-repeat:repeat-x;
		height:31px;
		line-height:31px;
		padding-left:30px;
		border-bottom:2px solid #ffffff;
	}
	#menu-left .heading2 {
		float:none;
		clear:both;
		font-size:13px;
		font-weight:bold;
		background-image:url(../images/bg_heading2.gif);
		background-repeat:repeat-x;
		height:31px;
		line-height:31px;
		padding-left:30px;
		border-bottom:2px solid #ffffff;		
	}	
	#menu-left ul.categories, #menu-left ul.novedades {
		padding:0;
		margin-left:16px;
		margin-right:16px;
		margin-top:8px;
		padding-bottom:2px;
	}
		#menu-left ul.categories li {
			padding:0;
			margin:0;
			background-image:url(../images/bg_list_hline.gif);
			background-repeat:repeat-x;
			background-position:bottom;
			height:26px;
			line-height:27px;
			margin-top:1px;
			margin-bottom:2px;
		}
		#menu-left ul.categories li a {
			display:block;
			font-size:13px; 
			font-weight:bold;
			padding-left:12px;
			height:27px;
			line-height:27px;
			background-image:url(../images/bg_list.gif) ;
			background-position:1px 11px;
			background-repeat:no-repeat;			
			text-decoration:none;
			
		}	
			#menu-left ul.categories li a:hover, #menu-left ul.novedades li a:hover {
				text-decoration:none;
			}		
			
			
		#menu-left ul.novedades li {
			padding:0;
			margin:0;
			background-image:url(../images/bg_list_hline.gif);
			background-repeat:repeat-x;
			background-position:bottom;
			/*height:27px;
			line-height:27px;*/
			margin-top:1px;
			margin-bottom:5px;
			font-weight:normal;	
			padding-bottom:4px;
		}			
		#menu-left ul.novedades li a.li-titulo {
			/*background-image:url(../images/bg_list.gif) ;*/
			background-position:1px 6px;
			background-repeat:no-repeat;			
			text-decoration:none;	
			padding-left:6px;
			line-height:17px;
			margin-bottom:4px;
			font-size:12px; 
			color:#921717;			
		}
			
				#menu-left ul.novedades li a.li-titulo:hover {
					color:#ba3c10;	
				}
	#menu-left .banner  {
		font-size:11px;
		padding:13px;
		margin-bottom:17px;
		background-color:#f1f1f1;
	}
	#menu-left .login {
		font-size:11px;
		padding:15px;
		padding-bottom:4px;
	}			
	
		#menu-left .login .textbox {
			width:105px;
			/*line-height:15px;*/
			height:15px;
		}

/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
#footer-wrapper {
	background-image:url(../images/bg_footer.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#footer {
	float:none;
	clear:both;
	/*height:75px;*/
	padding-top:20px;
	padding-bottom:40px;
	margin-top:5px;
	font-size:11px; 
}
	#footer #logos {
		float:left;
		width:215px;
	}
	
	#footer #texto {
		float:right;
		width:610px;
		text-align:right;
	}
		#footer #texto .links {
			margin-bottom:17px;	
		}
		#footer #texto .links a {
			text-transform:uppercase;
			margin-left:6px;
			margin-right:6px;			
		}
		#footer #texto .links a:hover {

		}
		#footer #texto #copyright {
			padding-top:10px;
		}	
		#footer #texto #copyright a {

		}		
		#footer #texto #copyright a:hover   {text-decoration:underline}
		
				
	#footer a {

		line-height:16px; 
		text-decoration:none;
	} 

/* ************************************************************************************* */
/* ************************************************************************************* */