@charset "utf-8";
/* CÓMO HACER APLICAR UN CAMBIO SÓLO A UN EXPLORADOR (HACK) 
IE6 --->	* html propiedad
IE7 --->	*+html propiedad
Opera 9 y anteriores --->	html:first-child propiedad
*/

/* COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS:
 * -sin bordes
 * -sin márgenes ni paddings
 * -sin fondos ni estilo para listas
*/

* {margin: 0; padding: 0; font: 11px Tahoma;}
q:before,q:after {content: "";}
sup {font-size: 0.8em;}
sub {font-size: 0.8em;}
ul {list-style-type: none;}
a {border: none; text-decoration: none; color: #52006e;}
a:link, a:visited, a:active {outline: none;}
a:hover {text-decoration: underline;}
img {border: none; text-decoration: none;} 
acronym {border: 0;}

/* igualar las fuentes a todos los elementos */
h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;}

/* tablas */
table {width: 100%; border-collapse: collapse; border-spacing: 0;}

/* propociona altura a divs sin altura con contenido flotado */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/

/* Loading de clueTip */
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/imagenes/comunes/loading.gif);
}
/*
 * cómo hacer png transparentes en IE6
 * dado un div...:
 * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/recursos/ie6pngfix/iepngfix.php);
 * 
 * si abcd.png está guardado con canal alfa, dejará ver el fondo. behavior sólo lo interpreta IE6.
 * 
 */

/* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/

body {text-align: center; background:url(/imagenes/comunes/fnd-back.gif) repeat-x; background-color:  #f5f5f5; }
#pagina {margin: 0 auto; width: 988px; background: #fff; text-align: left;}


/**********Cabecera*************/
#cabecera{background:#fff; width:988px;}/****cabecera****/

.cabecera {position: relative; height: 162px; margin-left:2px;background:url(/imagenes/comunes/img-flash.jpg) no-repeat;}
	.cabecera h1 { float:left; display:inline; background: url(/imagenes/comunes/h1-logo.gif) no-repeat; width:251px; height: 162px;text-indent:-99999px;}
	.cabecera a:hover{cursor:pointer;}
	#nav_util {float:right; display:inline; width: 673px; height: 37px; background: url(/imagenes/comunes/fnd-nav-util.png) no-repeat; font-family:Tahoma; font-size:11px; margin-right:3px; margin-top:4px;} 
		#nav_util li {float: left; padding-top: 11px; display: inline; margin-left:10px;}
		#nav-0{color:#5b5b5b;width:261px;}
			#nav_util #nav-0  .datos-cuenta{color:#76c0ed; font-weight:bold;}
			#nav_util #nav-0  .cerrar-sesion{ /*background: url(/imagenes/comunes/btn-cerrar-sesion.gif) no-repeat;*/ color:#5b5b5b; font-weight:bold; width:100px; height:21px; padding-left:9px; padding-right:7px; padding-top:2px; padding-bottom:5px; margin-left:29px; cursor:pointer;}
			#nav_util #nav-0  .cerrar-sesion:hover{text-decoration:underline;}
		#nav-1 {padding-left: 15px; background: url(/imagenes/comunes/nav-1.gif) no-repeat 0 10px;}
		#nav-2 {padding-left: 24px; background: url(/imagenes/comunes/nav-2.gif) no-repeat 0 10px;}
		#nav-3 {padding-left: 20px; background: url(/imagenes/comunes/nav-3.gif) no-repeat 0 10px;}	
			#nav_util li a {height: 14px; color: #5b5b5b; font-size: 11px; text-decoration: none;}
			#nav_util li a:hover {text-decoration: underline;}
		#nav_util .buscar {margin-left:-6px; padding-top:3px; +*margin-left:0px;}		
			#nav_util .buscar div {margin-left: 10px;}
				#buscar { float:left;  text-indent: 20px; width: 143px; height: 25px; border: none; background: url(/imagenes/comunes/buscar.gif) no-repeat; color: #8f8e8c; padding-top:6px; *+width: 113px; *+padding-left: 20px; *+
				text-indent: 0px;}
				#submitbuscar {margin-left: -15px; width: 23px; height: 25px; border: none; background: url(/imagenes/comunes/submitbuscardisable.gif) no-repeat; cursor: pointer;}

				
	
/**************menu**************/	
#menu{float:left; display:inline; background: url(/imagenes/comunes/fnd-menu.gif) repeat-x; width:988px; /*margin-top:-13px;*/ height:58px;}
	#menu li {float: left; display: inline;}
		#menu li a {display: block; height: 49px; font-weight:bold; font-size:14px; text-align:center; margin-top:5px; text-indent:-9999px; margin-left:10px;}

		
		#inicio {width: 69px; background: url(/imagenes/comunes/menu.gif) no-repeat 0 0;}
		#inicio:hover, #inicio.hover { background: url(/imagenes/comunes/menu.gif) no-repeat -1px -49px;}	
		#como-comprar {width: 138px; background: url(/imagenes/comunes/menu.gif) no-repeat -85px 0;}
		#como-comprar:hover, #como-comprar.hover {background: url(/imagenes/comunes/menu.gif) no-repeat -86px -49px;}		
		#servicios {width: 106px; background: url(/imagenes/comunes/menu.gif) no-repeat -230px 0px;}
		#servicios:hover, #servicios.hover {background: url(/imagenes/comunes/menu.gif) no-repeat -230px -49px;}	
		#consultanos {width: 125px; background: url(/imagenes/comunes/menu.gif) no-repeat -341px 0;}
		#consultanos:hover, #consultanos.hover {background: url(/imagenes/comunes/menu.gif) no-repeat -342px -49px;}			
		#ofertas {width: 88px; background: url(/imagenes/comunes/menu.gif) no-repeat -481px 0;}
		#ofertas:hover, #ofertas.hover {background: url(/imagenes/comunes/menu.gif) no-repeat -480px -49px;}	

	#info {float: left; margin: -64px 0 0 583px; display: inline;}
		#carrito {float: left; padding: 9px 0 0 45px; width: 125px; height: 24px; background: url(/imagenes/comunes/carrito-bg.gif) no-repeat; color: #5b5b5b; font-size: 11px; margin-top:16px;}
			#carrito a {color: #5b5b5b; font-size: 12px; font-weight: bold; letter-spacing: -1px;}
		#info #contactar{position: relative;cursor:pointer; float: left; margin: -18px 0 0 24px; padding: 62px 0 0 11px; width: 187px; height: 45px; min-height: 45px; display: inline; background: url(/imagenes/comunes/fnd-contacto.png) no-repeat; text-decoration:none;}
		#info #contactar:hover{text-decoration:none;}
			#info #contactar p {color: #fff; font-weight:bold; font-size:11px; font-family:Arial;}
			#info #contactar p.none {display: none;}
			
			
/******contenido********/
#contenido{ padding-bottom:22px; width:988px; background:#ffffff;}			

	/***menu izquierda***/
	#menu-contenido {float: left; width:215px; _width:200px; margin-left:3px; display:inline;}
	
		#loultimo {width: 212px; height:105px; background: url(/imagenes/comunes/lo-ultimo-bg.gif) no-repeat;margin-top:8px;}
			#loultimo p {text-indent: -9999px;}
			#loultimo ul {padding: 26px 0 0 15px;}
				#loultimo ul li {margin-top: 9px;}
					#loultimo ul li a { background: url(/imagenes/comunes/btn-gris.gif) no-repeat; color: #ffffff; padding-left: 26px; padding-top:0px; padding-bottom:3px;}  
					#loultimo ul li a:hover { /*background: url(/imagenes/comunes/btn-azul_on.gif) no-repeat;*/ color: #333333;}  

	#menu-izq{background:#fff;margin:0 0 10px;}
	#menu-izq p {height:24px; background: url(/imagenes/comunes/p-productos-bg.gif) no-repeat; text-indent:-9999px;margin:23px 0 0 6px;}					
	#menu-izq #marcas {height:24px; background: url(/imagenes/comunes/p-marcas-bg.gif) no-repeat; text-indent:-9999px;margin:23px 0 0 6px;}					
	#menu-izq .pie {height:22px; background: url(/imagenes/comunes/p-productos-pie-bg.gif) no-repeat; text-indent:-9999px;clear:both;height:19px;margin:0 0 0 6px;}					
		#menu-cont-izq {float:left;width:220px; _width:200px; position:relative; z-index:9;margin-left:6px; _margin-left:3px; padding-left:6px;padding-top:6px;background:url(/imagenes/comunes/menu-catalogo-bg.gif) repeat-y 0 0;}
		#menu-cont-izq  .left_a ul{list-style-type:none; width:175px;}
		#menu-cont-izq  .left_a ul li{border:1px solid #fff;}
		#menu-cont-izq  .left_a ul li.categoria{position:relative; line-height:25px; height:25px; }
		#menu-cont-izq  .left_a ul li a{background:url(/imagenes/comunes/btn-azul.gif) no-repeat 5px 0; color:#333333;font-size:11px;line-height:25px; padding-left:24px; padding-top:2px; padding-bottom:2px; text-decoration:none;}
		#menu-cont-izq  .left_a ul li a:hover{text-decoration:underline;}


		/*#menu-cont-izq  div.left_a ul li.categoria{position:relative; line-height:25px; height:25px; background:#F5F5F5 url(/imagenes/comunes/li-productos-bg.gif) no-repeat 8px 7px; border:solid 1px #F5F5F5; border-right-width:0;border-right:0px;}*/
		#menu-cont-izq  div.left_a ul li.categoriaSinHijos{position:relative; line-height:25px; height:25px; background:  url(/imagenes/comunes/li-productos-bg.gif) no-repeat 8px 7px;}
		#menu-cont-izq  div.left_a ul li.current{position:relative; line-height:25px; height:25px; background:#FFF url(/imagenes/comunes/li-productos-bg.gif) no-repeat 8px 7px; border:solid 1px #D6D6D6;  border-right-width:0;border-right-width:0;}
		#menu-cont-izq  div.left_a ul li.currentSinHijos{position:relative; line-height:25px; height:25px; background:#FFF url(/imagenes/comunes/li-productos-bg.gif) no-repeat 8px 7px; border:solid 1px #D6D6D6;}
		#menu-cont-izq  div.left_a ul li div{display:none; position:absolute;z-index:9999; left:174px; top:-1px; width:168px;}
		#menu-cont-izq  div.left_a ul li div dl{border:solid 1px #D6D6D6; border-width:1px 0 0 0;}
		#menu-cont-izq  div.left_a ul li div dl dt{/*border:solid 1px #D6D6D6; border-width:0 1px 0 0;*/display:block;}
		#menu-cont-izq  div.left_a ul li div dl dt a,#menu-cont-izq  div.left_a ul li div dl dd a{color:#000;display:block; line-height:16px; padding:6px 0 3px 33px; font-size:11px;background:#fff url(/imagenes/comunes/btn-azul.gif) no-repeat 8px 7px;; border:solid 1px #D6D6D6; border-width:0 1px 0 1px;}
		#menu-cont-izq  div.left_a ul li div dl dt a{border:solid 1px #D6D6D6; border-width:0 1px 0 0;}
		#menu-cont-izq  div.left_a ul li div dl dt a:hover,#menu-cont-izq  div.left_a ul li div dl dd a:hover{color:#000;background: #fff url(/imagenes/comunes/btn-azul.gif) no-repeat 8px 7px;text-decoration:none;color:#000; text-decoration:underline;}
		#menu-cont-izq  div.left_a ul li div dl dd{/*border:solid #D6D6D6;border-width:0 1px 0 1px;*/display:block;}
		#menu-cont-izq  div.left_a ul li div dl dd.ultimo{background:transparent url(/imagenes/comunes/leftddbg2.gif) no-repeat scroll left bottom; border:0; line-height:5px;}
		
		/*******menu de informacion******/
		#informacion {margin: 0px 0 0 6px; padding-bottom: 19px; width: 201px; min-height: 39px; height: auto !important; height: 39px; /*border:1px solid #b6b6b6;*/ background: #fff;clear:both;}
			#informacion p {padding-left: 15px; height: 27px; text-indent: -9999px; background: url(/imagenes/comunes/info-p-bg.jpg) no-repeat;}
			#informacion a {font-weight: bold; padding: 3px 0 0 15px; display: block; color: #656565; text-decoration: underline;background:url(/imagenes/index/informacion-bg.gif) repeat-y 0 0;}
			#informacion a:hover {text-decoration: none;}
			#informacion .activa{color:#AE4444;}
			#informacion .pie{background:url(/imagenes/index/informacion-pie-bg.gif) 0 0 no-repeat;height:16px;}

	/********migas************/
	/*(no hay migas)
	#migas{background-color: #EDF7FF;float:left;width:985px;font-family:Arial;font-size:12px;margin:-25px 0 0 5px;height:18px;text-indent:28px;text-align:left;}
	#migas li{display:inline;color:#076ba7;}
	#migas a{color:#0064bc;text-decoration:underline;}
	#migas a.inicio{color:#333333;text-decoration:none;}
			*/
			/*********pie**********/

#pie {position: relative; padding: 15px 15px 0 15px; /*height: 98px;*/ height:110px; background:#3f3f3f;}
	#pie-izq {float: left; width: 354px; color: #c7c5c5; font-size:11px; font-family:Tahoma;}
	#centro {float: left; width: 156px; height:51px;background: url(/imagenes/comunes/img-pie.gif) no-repeat; /*margin-top:32px;*/ margin-top:46px;}
	#pie-der {float: right; color: #c7c5c5; text-align: right;}
		#datosempresa{/*height: 17px;*/ font-size:14px; color:#fff; font-weight:normal; margin-bottom:8px;font-weight:bold;}
		#pie-der a {margin-left: 4px;}
		#pie-der p {/*margin-top: 10px;*/margin-top: 25px;}
			#pie div p strong {color: #fff;}
			#pie a{ color:#ffffff; font-weight:bold; text-decoration:none;}
			#pie a:hover{text-decoration:underline;}

			
			/****traducciones***/
			#traducciones{color:#184BB2; font-weight:bold;}
			#traducciones a{color:#184BB2; font-weight:bold;}
			

.minimo{min-height:470px;height:auto !important;height:470px;}
.medidas{font-style:italic;margin-top:3px;display:block;}	
/* Borde pie */
#borde-pie{background:url(/imagenes/comunes/borde-inf-bg.jpg) no-repeat right 0;clear:both;height:30px;float:left;width:100%;margin-left:0;}
	
/* Contenedores productos */
.producto{background:url(/imagenes/comunes/producto-bg.gif) no-repeat 0 0;float: left; margin-left: 6px; width: 176px; height: 285px; display: inline;position:relative;}
#temporada .primero,#destacados .primero{margin-left:0;}
.producto  img {margin:6px 0 0 6px;}
.producto  .agotado {position:absolute;bottom:26px;left:19px;margin:0;}
.producto .descripcion{margin-bottom:6px;height:40px;}
.producto p{margin-bottom:6px;height: 38px; background: url(/imagenes/index/titulo-1.gif) no-repeat; text-indent: -9999px;}
.producto dl {margin:0 16px;}
.producto dl dt ,.producto dl dd{margin-top:5px;}
	.producto dl dt a {color:#474747;font-size:11px;font-weight:bold;}
	.producto dl dt a:hover {text-decoration:underline;}
	.producto dl dd p{background:none;height:auto;text-indent:0px;}
	.producto dl dd .precio {text-align:right;}
	.producto dl dd .precio span{font-size:14px;font-weight: bold; }
	.producto dl dd .precio .strong {/*margin-left: 8px;*/ color: #000;}
	.producto dl dd .precio .tachado {/*margin-left: 8px;*/ text-decoration: line-through;font-size:11px;}
	.producto dl dd .precio .antes {/*margin-left: 8px;*/ /*color: #bbb;*/color:#000; font-size:11px;}
	.producto  .oferta {/*margin-left: 8px; */color: #ae4444;}
.producto input.enlace {margin: 7px 0 0 0;width:140px;border:0px; height: 25px; display: block; background: url(/imagenes/index/carrito-off.gif) no-repeat; text-indent: -9999px;cursor:pointer;position:absolute;bottom:24px;left:19px;}
.producto input.enlace:hover {background: url(/imagenes/index/carrito-on.gif) no-repeat;}

/* Paginador listados */
.paginador ul li a{display:block;height:24px;width:22px;}
.paginador ul .b-siguiente {cursor:pointer; margin-top:-5px;text-indent:-9999px;background:url(/imagenes/comunes/siguiente.png) no-repeat 0 0;height:24px;width:22px;}
.paginador ul .b-anterior {cursor:pointer; margin-top:-5px;text-indent:-9999px;background:url(/imagenes/comunes/anterior.png) no-repeat 0 0;height:24px;width:22px;}
.paginador ul .b-siguiente-off {cursor:pointer; margin-top:-5px;text-indent:-9999px;background:url(/imagenes/comunes/siguiente-off.png) no-repeat 0 0;height:24px;width:22px;}
.paginador ul .b-anterior-off {cursor:pointer; margin-top:-5px;text-indent:-9999px;background:url(/imagenes/comunes/anterior-off.png) no-repeat 0 0;height:24px;width:22px;}