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

.limpiar {clear: both; font-size: 0px; height: 0px;}
body { background:url(/imagenes/comunes/fnd-pagina-interiores.jpg) repeat-x;}
body.home { background:url(/imagenes/comunes/fnd-pagina2.jpg) repeat-x;}
body.shadowbox { background:url(/imagenes/comunes/fnd-pagina-shadowbox.jpg) repeat-x #e5e5e5;}
#pagina { width:988px; height:807px; margin:auto; font-family:Verdana, Arial, Helvetica, sans-serif;}
#pagina-home { width:995px; height:807px; margin:auto; font-family:Verdana, Arial, Helvetica, sans-serif;}




/**********************************************
				CABECERA
***********************************************/

#cabecera { width:995px; height:131px; }
	#cabecera #logo-lupa { display:inline; float:left; background:url(/imagenes/comunes/logo-lupa.gif) no-repeat; width:169px; height:131px; margin-left:32px; text-indent:-999999px;  cursor:pointer;}
	#cabecera #logo-carrito { display:inline; float:left; background:url(/imagenes/comunes/carrito.gif) no-repeat; width:191px; height:131px; text-indent:-999999px;}
	#cabecera #mapa-web { display:inline; float:left; width:603px; height:54px; }
		#cabecera #mapa-web p { margin-left:370px ; margin-top:18px; color:#9d9d9d; }
			#cabecera #mapa-web p a { font-size:10px; color:#9d9d9d; text-decoration:none;} 
			#cabecera #mapa-web p a:hover { text-decoration:underline;}


/**********************************************
				MENU
***********************************************/

#cabecera #menu { display:inline; float:left; width:603px; padding-top:29px;}
		  #menu{ margin:auto; position:relative; }
			  #menu li {float: left;}
				  #menu li a {display: block; height:48px; text-indent: -9999px;}
				
					  #menu ul a.conocenos { width:108px; background:url(/imagenes/comunes/fnd-menu.jpg) no-repeat 0px 0px;}
					  #menu ul a.conocenos:hover { background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat 0px -48px;}
					  #menu ul a.conocenos-selec { width:108px; background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat 0px -48px;}
					  
					  #menu ul a.club-clientes { width:147px; background:url(/imagenes/comunes/fnd-menu.jpg) no-repeat -108px 0px;}
					  #menu ul a.club-clientes:hover { background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -108px -48px;}
					  #menu ul a.club-clientes-selec { width:147px; background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -108px -48px;}
					  
					  #menu ul a.noticias { width:97px; background:url(/imagenes/comunes/fnd-menu.jpg) no-repeat -255px 0px;}
					  #menu ul a.noticias:hover { background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -255px -48px;}
					  #menu ul a.noticias-selec { width:97px; background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -255px -48px;}
					  
					  #menu ul a.puntos-venta { width:145px; background:url(/imagenes/comunes/fnd-menu.jpg) no-repeat -352px 0px;}
					  #menu ul a.puntos-venta:hover { background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -352px -48px;}
					  #menu ul a.puntos-venta-selec {  width:145px; background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -352px -48px;}
					  
					  #menu ul a.contacto { width:103px; background:url(/imagenes/comunes/fnd-menu.jpg) no-repeat -497px 0px;}
					  #menu ul a.contacto:hover { background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -497px -48px;}
					  #menu ul a.contacto-selec { width:103px; background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -497px -48px;}


/**********************************************
				MIGAS
***********************************************/

#migas { float:left; width:991px; height:50px; }
	#migas p { margin-left:6px; margin-top:18px;}
		#migas p span.estas { font-size:12px; color:#0098d4; font-weight:bold; width:56px;  text-decoration:underline;}
		#migas p span.ruta a { font-size:12px; color:#757373; font-weight:normal;}

/**********************************************
				PIE
***********************************************/

#pie { display:inline; float:left; width:995px; height:32px; color:#949494; font-size:10px; margin-top:24px;}
	#pie p { margin-left:736px; margin-top:6px;}
	#pie a { color:#949494; }
	
/**********************************************
				CONTACTO
***********************************************/

 #datosContacto{ float:left; background:url(/imagenes/comunes/fnd_contacto.gif) no-repeat; width:238px; height:212px; background-color:#4CB7E1; margin-top:23px;}
 #datosContacto h2{}
 #datosContacto #horario{margin-top:95px; margin-left:25px;color:#FFF;font-size:11px; font-family: arial;}
 #datosContacto #horario span.sub{text-decoration: underline;}
 #datosContacto #horario a{position: absolute;text-decoration: underline;margin-top: 20px; color:#FFF;}
 
 #datosContactoClubClientes{ float:left; background:url(/imagenes/comunes/fnd_contactoClientes.gif) no-repeat; width:238px; height:212px; background-color:#4CB7E1; margin-top:23px;}
 #datosContactoClubClientes h2{}
 #datosContactoClubClientes #horario{margin-top:95px; margin-left:25px;color:#FFF;font-size:11px; font-family: arial;}
 #datosContactoClubClientes #horario span.sub{text-decoration: underline;}
 #datosContactoClubClientes #horario a{position: absolute;text-decoration: underline;margin-top: 20px; color:#FFF;}
 
 /**********************************************
				MENU CONOCENOS
***********************************************/
 
 
 #menu-conocenos { float:left; background:url(/imagenes/conocenos/menu-conocenos.gif) no-repeat; width:175px; height:196px; position:relative;}
	#menu-conocenos ul.conocenos { margin-top:34px;}		 
	  #menu-conocenos li {}
		  #menu-conocenos li a {display: block; height:36px; text-indent:-9999px;}
		
			  #menu-conocenos ul a.conocenos-conocenos { width:175px; background:url(/imagenes/conocenos/menu-conocenos.gif) no-repeat 0px -34px;}
			  #menu-conocenos ul a.conocenos-conocenos:hover { background: url(/imagenes/conocenos/menu-conocenos.gif) no-repeat -175px -34px;}
			  #menu-conocenos ul a.conocenos-conocenos-selec { width:175px; background: url(/imagenes/conocenos/menu-conocenos.gif) no-repeat -175px -34px;}
			  
			  #menu-conocenos ul a.conocenos-nuestras-marcas { width:175px; background:url(/imagenes/conocenos/menu-conocenos.gif) no-repeat 0px -69px;}
			  #menu-conocenos ul a.conocenos-nuestras-marcas:hover { background: url(/imagenes/conocenos/menu-conocenos.gif) no-repeat -175px -69px;}
			  #menu-conocenos ul a.conocenos-nuestras-marcas-selec { width:175px; background: url(/imagenes/conocenos/menu-conocenos.gif) no-repeat -175px -69px;}
			  
			  #menu-conocenos ul a.conocenos-nuestros-compromisos { width:175px; background:url(/imagenes/conocenos/menu-conocenos.gif) no-repeat 0px -104px;}
			  #menu-conocenos ul a.conocenos-nuestros-compromisos:hover { background: url(/imagenes/conocenos/menu-conocenos.gif) no-repeat -175px -104px;}
			  #menu-conocenos ul a.conocenos-nuestros-compromisos-selec { width:175px; background: url(/imagenes/conocenos/menu-conocenos.gif) no-repeat -175px -104px;}
			  
			  #menu-conocenos ul a.conocenos-trabaja-nosotros { width:175px; background:url(/imagenes/conocenos/menu-conocenos.gif) no-repeat 0px -139px;}
			  #menu-conocenos ul a.conocenos-trabaja-nosotros:hover { background: url(/imagenes/conocenos/menu-conocenos.gif) no-repeat -175px -139px;}
			  #menu-conocenos ul a.conocenos-trabaja-nosotros-selec {  width:175px; background: url(/imagenes/conocenos/menu-conocenos.gif) no-repeat -175px -139px;}
			  
			  
 /**********************************************
				CONDICIONES GENERALES
***********************************************/

#condiciones-generales{width:800px; height:400px; margin:auto;}
	#condiciones-generales h2.condiciones{background:#3d98c1; width:752px; height:24px; color:#151515; font-size:18px; font-family:Arial; margin:18px; padding:3px 0px 0px 13px; margin-bottom:10px; }
	#condiciones-generales p{ color:#454646; line-height:15px; width:715px; margin-left:20px; margin-top:30px;}
	#condiciones-generales a {color:#454646; text-decoration:underline;}
	#condiciones-generales ul,ol{margin:0 20px 10px;}
	#condiciones-generales ul{list-style:disc}
	#condiciones-generales ul{list-style:decimal}
	#condiciones-generales li{margin:0 25px 5px;}


 /**********************************************
				CONDICIONES RRHH
***********************************************/

#condiciones-rrhh{width:800px; height:400px;  background:#ffffff; margin:auto;}
	#condiciones-rrhh h2{background:#3d98c1; width:752px; height:24px; color:#151515; font-size:18px; font-family:Arial; margin:18px; padding:3px 0px 0px 13px; margin-bottom:10px; }
	#condiciones-rrhh p{ color:#454646; line-height:15px; width:715px; margin-left:20px; margin-top:30px;}
	#condiciones-rrhh a {color:#454646; text-decoration:underline;}


/**********************************************
				REQUEST
***********************************************/
#recibido{ width:422px; height:218px; background:#ffffff; margin:auto;}
	#recibido h2 { background:#3d98c1; width:384px; height:24px; color:#151515; font-size:18px; font-family:Arial; margin:18px; padding:3px 0px 0px 13px; }
	
	#recibido #contenido-request {background:url(/imagenes/comunes/img-request.gif) no-repeat; width:331px; height:90px; margin-left:32px; margin-top:35px;}
	#recibido #contenido-request p{ margin-left:116px;margin-bottom:26px; color:#454646; line-height:17px; }
	#recibido #contenido-request #gracias{ color:#0098d4; font-weight:bold; font-size:12px; }

 /**********************************************
			CONDICIONES CLUB
***********************************************/
#condiciones-club{width:800px; height:599px;  background:#ffffff; margin:auto;}
	#condiciones-club h2{background:#3d98c1; width:752px; height:24px; color:#151515; font-size:18px; font-family:Arial; margin:18px; padding:3px 0px 0px 13px; margin-bottom:10px; }
	#condiciones-club p{ color:#454646; line-height:15px; width:715px; margin-left:38px; margin-top:30px;}
	
/**********************************************
	TERMINOS Y CONDICIONES DE LA TARJETA
***********************************************/
#terminos-tarjeta{width:800px; height:751px;  background:none; margin:auto;}
	#terminos-tarjeta h2{ background:#3d98c1; width:752px; height:24px; color:#151515; font-size:18px; font-family:Arial; margin:18px; padding:3px 0px 0px 13px; margin-bottom:10px; }
	#terminos-tarjeta p{ float:left; width:688px; color:#454646; line-height:15px; margin-left:41px;margin-top:24px;}
	#terminos-tarjeta .numeracion{float:left; height:31px; width:30px;}
	
	#terminos-tarjeta  ol{list-style-image:none;list-style-position:outside;list-style-type:decimal;margin-left:50px;margin-top:24px;width:700px;}
	#terminos-tarjeta  ol li{font-weight:bold;padding-bottom:0;padding-left:10px;padding-right:0;padding-top:0;margin-top:24px;}
	#terminos-tarjeta  ol li span{font-weight:normal;}