@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 { background:#000000; margin:0; padding:0;} 

strong { font-family:Arial;}

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

.fondo_cabecera{float:left; width:100%; height:134px; background:url(/imagenes/comunes/fondo_cabecera.jpg); margin:0;}

#cabecera{width:940px; height:134px; margin:auto;}
	#cabecera h1{float:left; width:331px; height:55px; background:url(/imagenes/comunes/titulo_h1.jpg) no-repeat; text-indent:-9999px; margin-top:25px; margin-left:25px; display:inline;}
	
#nav_util{float:right; width:317px; height:23px; background-color:#404040;}
	#nav_util li{float:left;}
	#nav_util li a{float:left; text-decoration:none; color:#FFFFFF;}
	#nav_util li a:hover{float:left; text-decoration:underline; color:#FFFFFF;}
	#nav_util li a img{float:left; margin-left:8px; margin-top:6px;}
	#nav_util li a span{float:left; margin-left:4px; margin-top:4px; font-family:Arial; font-size:10px;}

.cont_menu{float:left; width:650px;}
#menu{float:left; display:inline; margin-left:28px; margin-top:17px; display:inline;}
	#menu li{display:inline; float:left; }
		#menu li a{float:left; display:block; text-indent:-9999px; height:19px;}
		
		#menu li a.empresa{background:url(/imagenes/comunes/menuES.jpg) 0 0 no-repeat; width:67px;}
			#menu li a:hover.empresa, #menu li a.empresa_actual{background:url(/imagenes/comunes/menuES.jpg) 0 -19px no-repeat; width:67px;}
		#menu li a.catalogo{background:url(/imagenes/comunes/menuES.jpg) -67px 0 no-repeat; width:83px;}
			#menu li a:hover.catalogo, #menu li a.catalogo_actual{background:url(/imagenes/comunes/menuES.jpg) -67px -19px no-repeat; width:83px;}
		#menu li a.boutique{background:url(/imagenes/comunes/menuES.jpg) -150px 0 no-repeat; width:81px;}
			#menu li a:hover.boutique, #menu li a.boutique_actual{background:url(/imagenes/comunes/menuES.jpg) -150px -19px no-repeat; width:81px;}
		#menu li a.ocasion{background:url(/imagenes/comunes/menuES.jpg) -231px 0 no-repeat; width:74px;}
			#menu li a:hover.ocasion, #menu li a.ocasion_actual{background:url(/imagenes/comunes/menuES.jpg) -231px -19px no-repeat; width:74px;}
		#menu li a.noticias{background:url(/imagenes/comunes/menuES.jpg) -305px 0 no-repeat; width:77px;}
			#menu li a:hover.noticias, #menu li a.noticias_actual{background:url(/imagenes/comunes/menuES.jpg) -305px -19px no-repeat; width:77px;}
		#menu li a.contacto{background:url(/imagenes/comunes/menuES.jpg) -382px 0 no-repeat; width:75px;}
			#menu li a:hover.contacto, #menu li a.contacto_actual{background:url(/imagenes/comunes/menuES.jpg) -382px -19px no-repeat; width:75px;}

#buscador{float:right; display:inline; width:210px; margin-right:20px; margin-top:-20px; display:inline;}
	#buscador .texto_buscador{float:left; width:155px; margin-left:8px; display:inline;}
		#buscador .texto_buscador .encuentra{float:left; width:155px; height:20px;}
		#buscador .texto_buscador .lobuscas{float:left; width:155px; height:15px;}
		
	#buscador input.text_buscador{float:left; width:181px; height:18px; background:url(/imagenes/comunes/text_buscador.jpg) no-repeat; border:none; font-family:Arial; font-size:12px; color:#FFFFFF; padding-top:4px; padding-left:8px;}
	#buscador input.lupa_buscador{float:left; width:21px; height:22px; background:url(/imagenes/comunes/lupa_buscador.jpg) no-repeat; border:none; cursor:pointer;}

/**********************************************
				FLASH
***********************************************/

.fondo_flash{float:left; width:100%; background-color:#000000; margin:0;}
	#flash{width:940px; margin:auto;}
	
/**********************************************
				CONTENIDO
***********************************************/

.fondo_contenido{float:left; width:100%; background:url(/imagenes/comunes/fondo_contenido.jpg) repeat-x;}
	#contenido{width:940px;margin:auto;}

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

					  

/**********************************************
				MIGAS
***********************************************/
#migas{float:left; width:938px; height:13px; margin-left:42px; margin-top:5px; font-family:Arial; font-size:13px; color:#787878; display:inline;}
	#migas a{font-family:Arial; font-size:13px; color:#787878;}
	#migas a.actual{font-family:Arial; font-size:13px; color:#C10D0E;}


/**********************************************
				PIE
***********************************************/
#pie{width:940px;margin:auto; overflow:hidden;}
	#pie .localizacion{float:left; width:940px; height:40px; border-bottom:1px solid #414141; background-color:#121212;overflow:hidden;}
		#pie .localizacion .direccion{float:left; height:17px; margin-left:458px; margin-top:18px;display:inline;}
		#pie .localizacion .telefono{float:left; height:30px; margin-top:7px;}
		#pie .localizacion a.enlace_mapa{float:left; width:59px; height:16px; background:url(/imagenes/comunes/ver_mapa.jpg) no-repeat; margin-top:23px; margin-left:6px;}
		
	#pie .final{float:left; width:940px; height:87px; border-top:1px solid #000000; background:url(/imagenes/comunes/fondo_pie.jpg); text-align:center;}
		#pie .final .dir{float:left; width:940px; font-family:Arial; font-size:10px; color:#C0C0C0; margin-top:11px; text-align:center;}
		#pie .final .marcas{float:left; width:940px; font-family:Arial; font-size:10px; color:#C0C0C0; margin-top:11px; text-align:center;}
			#pie .final .marcas .titulo{float:left; margin-right:20px; margin-top:5px; margin-left:195px;}
			#pie .final .marcas .logos{float:left; }
				#pie .final .marcas .logos img{float:left; margin-right:20px;}
	
		#pie .final .legal{float:left; width:940px; font-family:Arial; font-size:10px; color:#C0C0C0; margin-top:11px; text-align:center;}
			#pie .final .legal a.cond{font-family:Arial; font-size:10px; color:#C0C0C0;}
			
			
/************************************************
			CONDICIONES
************************************************/