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


/* nada tendra padding ni margen, y las fuentes seran 11px */
* {margin: 0; padding: 0; font: 11px Arial;} 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearboth {clear: both;}

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

img{border:none;padding:0px;margin:0px}

ul{list-style-type:none;}


/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body {background: #acca57; }
#pagina{margin:auto;  width:987px;}
/**********************************************
				CABECERA
***********************************************/
#cabecera{background: url(/imagenes/comunes/cabecera/fndCabecera.gif) repeat-x top center; }
	#cabeceraCont{margin:auto;  width:987px;position:relative; height: 133px;background: url(/imagenes/comunes/cabecera/fndCabeceraCont.gif) no-repeat top right; }
		#cabeceraCont #tituloMdM{width:251px; height:100px; float:left; display:inline;}
			#cabeceraCont #tituloMdM a{background: url(/imagenes/comunes/cabecera/tituloMdMH1.png) no-repeat; width:251px; height:91px;display:block;text-indent: -9999px;}


#drcCab{float: right; display: inline; height:100px; width:735px;}
	#topLinks{float: right; display: inline;}
		#topLinks li {float: left; display: inline; height:22px; color:#acca57;font-family:Arial;font-size:11px;}
		#topLinks li a:link,#topLinks li a:visited{text-decoration:none; font-size: 10px;}
		#topLinks li a:hover{text-decoration: underline;}
		#topLinks li#usuarioLogueado{ padding-top:8px;color:#acca57;font-family:Arial; font-weight:bold;font-size:12px;}

		#topLinks li#mapaWeb {margin-left:10px; padding-top:8px;}
		#topLinks li#contacto { padding-top:8px;}
			#topLinks li#mapaWeb a, #topLinks li#contacto a{ color:#000000; font-family:Arial; font-size:11px;}
			
		#topLinks li#buscador{margin-left:14px;margin-top:4px;padding-left:8px;width:160px; background: url("/imagenes/comunes/cabecera/buscador.gif") no-repeat;}
			#topLinks li#buscador form{margin: 0; border: 0;padding:0;margin-top: 5px;width:125px;}
			#topLinks li#buscador input{border: 0; color:#000000;font-family:Arial;font-size:11px; }
		#topLinks li#compartirTxtCab{margin-left:5px;padding-top:8px; color:#000000;font-family:Arial;font-size:11px; padding-right:8px; background: url("/imagenes/comunes/cabecera/fndCompartir.gif") no-repeat right center;}
		#topLinks li#redesCompartir{margin-left:5px;padding-top:5px;}
		#topLinks li#redes{margin-left:5px;padding-top:2px;}
			#topLinks li#redes iframe{width:79px !important;}
			#topLinks li#redes #___plusone_0{width:79px !important;}


	#menuPrincipal {float:left; display:inline;height:33px;width:973px;}
		#menuPrincipal li {float: left; display: inline;}

				#inicio {width: 72px; background: url(/imagenes/comunes/menu/inicio-off.gif) 0 -1px no-repeat;display: block; height: 33px; text-indent: -9999px;}
				#inicio:hover, #inicio.hover {background: url(/imagenes/comunes/menu/inicio-on.gif) 0 -1px no-repeat;display: block; height: 33px; text-indent: -9999px;}	
				#conoce {width: 92px; background: url(/imagenes/comunes/menu/conocenos-off.gif) no-repeat 0 -1px;display: block; height: 33px; text-indent: -9999px;}
				#conoce:hover, #conoce.hover {background: url(/imagenes/comunes/menu/conocenos-on.gif) no-repeat 0 -1px;display: block; height: 33px; text-indent: -9999px;}	
				#como-comprar {width: 116px; background: url(/imagenes/comunes/menu/como-comprar-off.gif) no-repeat;display: block; height: 33px; text-indent: -9999px;}
				#como-comprar:hover, #como-comprar.hover {background: url(/imagenes/comunes/menu/como-comprar-on.gif) no-repeat;display: block; height: 33px; text-indent: -9999px;}	
				#club-menu {width: 144px; background: url(/imagenes/comunes/menu/club-off.gif) no-repeat;display: block; height: 33px; text-indent: -9999px;}
				#club-menu:hover, #club-menu.hover {background: url(/imagenes/comunes/menu/club-on.gif) no-repeat;display: block; height: 33px; text-indent: -9999px;}		
				#consultanos {width: 95px; background: url(/imagenes/comunes/menu/consultanos-off.gif) no-repeat;display: block; height: 33px; text-indent: -9999px;}
				#consultanos:hover, #consultanos.hover {background: url(/imagenes/comunes/menu/consultanos-on.gif) no-repeat;display: block; height: 33px; text-indent: -9999px;}		
				#ofertas {width:65px; background: url(/imagenes/comunes/menu/ofertas-off.gif) no-repeat;display: block; height: 33px; text-indent: -9999px;}
				#ofertas:hover, #ofertas.hover {background: url(/imagenes/comunes/menu/ofertas-on.gif) no-repeat;display: block; height: 33px; text-indent: -9999px;}	
				
				#carrito {float:right !important; padding-left:25px; padding-top:7px; margin-right:218px;  height:26px;  background: url(/imagenes/comunes/menu/carrito-bg.gif) no-repeat; color: #4b4a4d; font-family:Arial; font-weight:bold; font-size: 14px;}
				#carrito a:link,#carrito a:visited{font-weight:normal; color: #4b4a4d; font-weight:bolder; text-decoration: none;}
				#carrito a:hover{text-decoration: underline;}
				
				#atencionAlCliente{position:absolute;right:14px; top:90px; width:193px; height:71px;background: url(/imagenes/comunes/menu/atencion-al-cliente.gif) no-repeat; text-indent: -9999px;}
					#atencionAlCliente a{display: block; width:194px; height:76px;}
					
#google { display: inline; float: right; margin-top: 102px;}
/**********************************************
	CONTENIDO
***********************************************/
#contenido{background: #ffffff;}
#contenidoCont{margin:auto;  width:987px;  clear: both; padding-bottom: 25px; padding-top: 25px;}
#contenidoCont #colIzda {float:left;  display:inline;width: 200px; padding-left:12px;}

/**********************************************
	COLUMNA LATERAL IZQUIERDA
***********************************************/
	/**********************************************
		NOVEDADES
	***********************************************/
	#destacadoNovedades{width:184px; height:95px; background: url(/imagenes/comunes/columnalateral/bgloultimo.gif) no-repeat;}
		#destacadoNovedades .titDestNov{text-indent:-9999px; height: 23px;}
		#destacadoNovedades ul{padding-left: 12px;padding-top: 15px;}
			#destacadoNovedades li{color:#58585a; font-family:Arial; font-size:12px;padding-left:7px; margin-bottom: 9px; background: url(/imagenes/comunes/columnalateral/icoFlecha.gif) no-repeat scroll 0 5px transparent;display: block;}
			#destacadoNovedades li a:link,#destacadoNovedades li a:visited{color:#58585a; font-family:Arial; font-size:12px;text-decoration: none;}
			#destacadoNovedades li a:hover{text-decoration: none;}
	/**********************************************
		MENU CATEGORÍAS DE PRODUCTOS
	***********************************************/
	ul#menuCategorias{list-style-type: none; width:183px; background:#f4f4f4; border:1px solid #e2e2e2; border-radius:5px 5px 5px 5px; margin-top:11px;}
		ul#menuCategorias #titMenuCategorias{color:#acca57; font-family:Arial; font-weight:bold; font-size:16px; padding:10px 0 5px 0; margin-left:13px }
		
		ul#menuCategorias li.opcionMenuCategoria{padding: 5px 0; position:relative; border-top:solid 1px #f4f4f4; border-bottom:solid 1px #f4f4f4;color:#3e3d40; padding-left:21px; background: url(/imagenes/menuProductos/icoFlecha.gif) no-repeat scroll 8px 10px transparent;display: block; }
			ul#menuCategorias li.opcionMenuCategoria a:link, ul#menuCategorias li.opcionMenuCategoria a:visited{color:#3e3d40; font-size:11px; text-decoration: none;}
			ul#menuCategorias li.opcionMenuCategoria a:hover{color:#3e3d40;text-decoration: none; font-weight: normal;}
		
		ul#menuCategorias li.opcionMenuCategoriaHover{padding: 5px 0; position:relative;border-top:solid 1px #D6D6D6; border-bottom:solid 1px #D6D6D6; color:#3e3d40; padding-left:21px; background: url(/imagenes/menuProductos/icoFlecha.gif) no-repeat scroll 8px 10px #ffffff;display: block;}
			ul#menuCategorias li.opcionMenuCategoriaHover a:link, ul#menuCategorias li.opcionMenuCategoria a:visited{ color:#3e3d40; font-size:11px;text-decoration: none; font-weight: normal;}
			ul#menuCategorias li.opcionMenuCategoriaHover a:hover{color:#3e3d40;text-decoration: none; font-weight: normal;}
		
		ul#menuCategorias li.opcionMenuCategoriaSinHijos{padding: 5px 0; border-top:solid 1px #f4f4f4; border-bottom:solid 1px #f4f4f4; color:#3e3d40;padding-left:21px; background: url(/imagenes/menuProductos/icoFlecha.gif) no-repeat scroll 8px 10px transparent;display: block;}
			ul#menuCategorias li.opcionMenuCategoriaSinHijos a:link, ul#menuCategorias li.opcionMenuCategoriaSinHijos a:visited{color:#3e3d40; font-size:11px;text-decoration: none; font-weight: normal;}
			ul#menuCategorias li.opcionMenuCategoriaSinHijos a:hover{color:#3e3d40;text-decoration: none; font-weight: normal;}
		
		ul#menuCategorias li.opcionMenuCategoriaSinHijosHover{padding: 5px 0; border-top:solid 1px #D6D6D6; border-bottom:solid 1px #D6D6D6; color:#3e3d40; padding-left:21px; background: url(/imagenes/menuProductos/icoFlecha.gif) no-repeat scroll 8px 10px #ffffff;display: block;}
			ul#menuCategorias li.opcionMenuCategoriaSinHijosHover a:link, ul#menuCategorias li.opcionMenuCategoriaSinHijosHover a:visited{ color:#3e3d40; font-size:11px;text-decoration: none; font-weight: normal;}
			ul#menuCategorias li.opcionMenuCategoriaSinHijosHover a:hover{color:#3e3d40;text-decoration: none; font-weight: normal;}
		
		
		ul#menuCategorias li div{position:absolute;width:168px;z-index:9999;top:-1px; left: 182px;}
			
			ul#menuCategorias li div dl{border-color:#D6D6D6;border-style:solid;border-width:1px 0 0;}
				ul#menuCategorias li div dl dt{display: block;}
					ul#menuCategorias li div dl dt a:link,ul#menuCategorias li div dl dt a:visited{font-weight: normal; background:url("/imagenes/menuProductos/icoFlecha.gif") no-repeat scroll 8px 10px #FFFFFF;border-color:#D6D6D6;border-style:solid;border-width:0 1px 0 0;color:#3e3d40; font-size:11px;display:block;font-size:11px;line-height:16px;padding:4px 0 5px 25px;}		
					ul#menuCategorias li div dl dt a:hover{text-decoration: none;}				
				
				ul#menuCategorias li div dl dd{display: block;}
					ul#menuCategorias li div dl dd a:link,ul#menuCategorias li div dl dd a:visited{font-weight: normal; background:url("/imagenes/menuProductos/icoFlecha.gif") no-repeat scroll 8px 10px #FFFFFF;border-color:#D6D6D6;border-style:solid;border-width:0 1px;color:#3e3d40; font-size:11px;display:block;font-size:11px;line-height:16px;padding:4px 0 5px 25px;}		
					ul#menuCategorias li div dl dd a:hover{text-decoration: none;}		
					
				ul#menuCategorias li div dl dd.ultimo{border:0;background:url(/imagenes/menuProductos/cierreEmergente.gif) no-repeat bottom left;line-height:5px;}
	
	/**********************************************
		PREGUNTAS FRECUENTES
	***********************************************/
	#categoriasFaqsDestacadas{padding-top:23px; width:182px; background:url("/imagenes/comunes/columnalateral/bgInformacion.gif"); background-repeat:no-repeat; background-position:left top; }
		#categoriasFaqsDestacadas ul{padding-top:10px; border:1px solid #e2e2e2; border-radius: 0px 0px 5px 5px;border-top:none; list-style-type:none;padding-bottom:6px;width:180px;}
			#categoriasFaqsDestacadas ul li{ margin-bottom:5px; margin-left:12px; padding-left:8px;background: url(/imagenes/comunes/columnalateral/icoFlecha.gif) no-repeat scroll 0 5px transparent; color:#58585a; font-family:Arial; font-size:12px;}
				#categoriasFaqsDestacadas ul li a:link,#categoriasFaqsDestacadas ul li a:visited{text-decoration: none;  color:#58585a; font-family:Arial; font-size:12px;}
				#categoriasFaqsDestacadas ul li a:hover{text-decoration: none;}
		
	/**********************************************
		ANTONIO DE MIGUEL
	***********************************************/
	#imgAntonioDeMiguel{height:22px;margin:15px 0 15px 0px;width:183px;padding-top:120px; background: url(/imagenes/comunes/columnalateral/imgAntonioDeMiguel.gif) no-repeat;}
		#imgAntonioDeMiguel a:link,#imgAntonioDeMiguel a:visited{display:block; margin-left:10px;  text-decoration: none; background: url(/imagenes/index/btnLoguear2.gif) no-repeat 0 3px; padding-left:7px; color:#acca57; font-family:Arial; font-size:11px;}
		#imgAntonioDeMiguel a:hover{text-decoration: none; font-weight: normal;}
	/**********************************************
		TARJETAS
	***********************************************/	
	#tarjetas{margin-left:10px; width:124px; height:80px; text-indent:-9999px; background: url(/imagenes/comunes/columnalateral/tarjetas.gif) no-repeat;}
	
	#astericos_iva{margin-left:10px;margin-top:10px;width:178px; }
	
/**********************************************
		CENTRO
***********************************************/	
#centro{float:left;  display:inline;width: 761px;}

/**********************************************
				PIE
***********************************************/
#pie{ background: url(/imagenes/comunes/pie/fndPie.gif) repeat-x;}
	#pieCont{margin:auto;  width:987px; color: #fff; padding:20px; height: 66px;}
		#pieCont #direccion {float: left; display:inline; width: 300px;}
			#pieCont #direccion #madrid {font-family:Arial;font-weight:bold; font-size:18px;}
		#pieCont #logos {float: right; display:inline; height:37px; width: 309px; background: url(/imagenes/comunes/pie/tarjetas.gif) no-repeat; text-indent: -9999px;}
		#pieCont #firmaPie {clear: both; color: #ecffb8; text-align: right;}

/*********************************************
	INTERIOR LISTADO DE PRODUCTOS
***********************************************/
#centro h3{border-bottom:1px solid #3F3F3F;color:#3F3F3F;font-family:Helvetica,Trebuchet Ms,Arial;font-size:21px;font-weight:bolder;letter-spacing:-1px;}

/*********************************************
	PAGINADOR
***********************************************/
#paginadorSuperior{background:transparent url(/imagenes/comunes/paginador/dotted-bg.gif) repeat-x scroll center bottom;padding-bottom:10px;width:100%; margin-bottom: 10px;margin-top:5px;}
#paginadorInferior{background:transparent url(/imagenes/comunes/paginador/dotted-bg.gif) repeat-x scroll center top;padding-top:10px;width:100%; margin-top: 10px; clear:both;}
	#paginador h3{float: left; display:inline;}
	.paginacion_simple span {background-color:#ACCA57;border:1px solid #000000;color:#FFFFFF;display:block;float:left;margin:3px;padding:1px 4px;text-align:center;text-decoration:none;}
	.paginacion_simple li {display:inline;list-style-type:none;}
	.paginacion_simple a:link, .paginacion_simple a:visited {background-color:#FFFFFF;border:1px solid #0F0F0F;color:#0F0F0F;padding:1px 4px;text-decoration:none; font-weight: normal;}
	.paginacion_simple a {display:block;float:left;margin:3px;text-align:center;}
	.paginacion_simple a:hover{background-color:#CFCFCF;}