@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:#1b1a1a;}
#pagina { width:1022px; margin:auto; }
#contenedor { display:inline; float:left; width:1022px; background:url(/imagenes/comunes/fnd-pagina.jpg) repeat-y;}
#contenedor-shadow { background:#fff; overflow:hidden;}
p { font-family:Arial; font-size:11px; color:#000;}



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


#cabecera { float:left; width:1022px; height:117px;}
#cabecera h1 { float:left; background:url(/imagenes/comunes/h1-logo.gif) no-repeat; width:294px; height:50px; text-indent:-9999px;}

#cabecera #nav-util { float:right; margin-top:16px; margin-right:24px; }
	#cabecera #nav-util ul { display:inline;}
	#cabecera #nav-util ul li { float:left;}
	#cabecera #nav-util ul img { margin-left:10px;}
	#cabecera #nav-util ul li a { font-family:Arial; font-size:9px; color:#fff; margin-left:4px;}
	
	#cabecera #buscador{float:left; border-style:solid; border-color:#FFFFFF; border-width:1px; width:160px; height:14px; margin-left:180px; margin-top:35px;}
	#cabecera a#busca{position:relative; float:left; display:inline; background:url(/imagenes/comunes/lupa.gif) no-repeat; width:26px; height:24px; margin-top:28px; margin-left:1px; }
	#cabecera a:hover#busca{position:relative; float:left; display:inline; background:url(/imagenes/comunes/lupa_hover.gif) no-repeat; width:26px; height:24px; margin-top:28px; margin-left:1px;}


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

#menu { float:left; margin:auto; position:relative;}

			#menu ul { background:url(/imagenes/comunes/fnd-menu.jpg) no-repeat; width:1022px; height:67px;}
			 	  #menu li {float: left;}
				  #menu li a {display: block; height:55px; text-indent:-9999px; margin-top:12px}
				
					  #menu ul a.corporativo { margin-left:14px;  width:121px;}
					  #menu ul a.corporativo:hover { background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -14px -79px;}
					  #menu ul a.corporativo-selec { background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -14px -79px; margin-left:14px; width:121px;}

					  
					  #menu ul a.catalogo { width:106px; }
					  #menu ul a.catalogo:hover { background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -134px -79px;}
					  #menu ul a.catalogo-selec { background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -134px -79px; width:106px;}
					  
					  
					  #menu ul a.boutique { width:106px; }
					  #menu ul a.boutique:hover { background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -240px -79px;}
					  #menu ul a.boutique-selec { background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -240px -79px; width:106px;}
					  
					  
					  #menu ul a.noticias { width:175px; }
					  #menu ul a.noticias:hover { background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -346px -79px;}
					  #menu ul a.noticias-selec { background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -346px -79px; width:175px;}
					  
					  #menu ul a.contacto { width:104px; }
					  #menu ul a.contacto:hover { background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -521px -79px;}
					  #menu ul a.contacto-selec { background: url(/imagenes/comunes/fnd-menu.jpg) no-repeat -521px -79px; width:104px;}


/**********************************************
				COLUMNA DERECHA
***********************************************/

#col-derecha { display:inline; float:left; width:309px;  margin:8px 0px 0px 10px; }
#col-derecha .concesionario { float:left; background:url(/imagenes/comunes/fnd-concesionario.jpg) no-repeat; width:309px; height:148px; text-indent:-9999px;}
#col-derecha #seguridad { float:left; background:url(/imagenes/comunes/fnd-seguridad.jpg) no-repeat; width:309px; height:150px; }
	#col-derecha #seguridad p { font-family:Arial; font-size:12px; /*color:#d62d03;*/color:#ffffff; /*margin-left:86px;*/margin-left:6px;margin-right:6px; margin-top:62px; }
#col-derecha h2.contacto { float:left; background:url(/imagenes/comunes/fnd-contacto.jpg) no-repeat; width:309px; height:199px; margin-top:7px; position:relative;}
	#col-derecha h2.contacto p.contacto-p {font-family:Arial; font-size:11px; color:#d62d03; margin-left:12px; margin-top:49px;}
		#col-derecha h2.contacto a.vermapa-concesionario { background:url(/imagenes/comunes/vermapaOFF.gif) no-repeat; width:65px; height:22px; position:absolute; top:66px; right:2px; font-family:Arial; font-size:11px; color:#fff; padding:4px;}
		#col-derecha h2.contacto a:hover.vermapa-concesionario {background:url(/imagenes/comunes/vermapaON.gif) no-repeat; width:65px; height:22px;}
		#col-derecha h2.contacto a.vermapa-boutique { background:url(/imagenes/comunes/vermapaOFF.gif) no-repeat; width:65px; height:22px; position:absolute; bottom:4px; right:2px; font-family:Arial; font-size:11px; color:#fff; padding:4px;}
		#col-derecha h2.contacto a:hover.vermapa-boutique {background:url(/imagenes/comunes/vermapaON.gif) no-repeat; width:65px; height:22px;}
		
		


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

#migas { float:left; background:#d91f00; height:14px; width:638px;padding:4px 20px; font-family:Arial; font-size:11px;}
span.estas {font-family:Arial; font-size:11px; font-weight:bold;}
span.ruta  {font-family:Arial; font-size:11px; color:#fff;}
	span.ruta a {font-family:Arial; font-size:11px; color:#fff;}

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

#pie { display:inline; float: left; background:url(/imagenes/comunes/fnd-pie.jpg) no-repeat; width:1022px; height:62px;}
#pie p { font-family:Arial; font-size:11px; color:#a20000; margin-left:24px; margin-top:9px;}
#pie p a.condiciones { display:inline; float:right; margin-top:-40px; margin-right:208px; font-family:Arial; font-size:10px; color:#fff; } 
#pie p.derechos { display:inline; float:right; margin-top:-22px; margin-right:208px; font-family:Arial; font-size:10px; color:#fff; } 
#pie p span.blanco { font-family:Arial; font-weight:bold; font-size:11px; color:#fff;}


/************************************************
			FORMULARIO
************************************************/
#formulario{float:left;display:inline; background-color: #191919; width:309px; height:212px; margin-top:7px; margin-left:10px;}
	#formulario h3{ float:left;display:inline; background:url(/imagenes/comunes/tu_pedido.gif) no-repeat; /*width:309px;*/width:280px;*width:300px; height:20px; text-indent:-9999px; margin:10px;}
	#formulario .fila{float:left; margin-right:10px; display:inline}
	#formulario .clearfix{float:none;}
	#formulario .clearfix label{font-family:Arial; font-size:11px; color: #A20000; margin-left:10px;}
	#formulario .clearfix input.text{margin-left:10px; border-style:solid;border-width:1px;border-color:#757171;}
	#formulario .text { width:285px;}
	#formulario #f_telefono input{width:80px}
	#formulario #f_mail input{width:183px}
	
	#formulario #checkes{width:200px;margin-top:5px;margin-left:10px}
	#formulario #checkes a{color:#FFFFFF;}
	
	#formulario a.enviar{background:url(/imagenes/comunes/enviar.gif) no-repeat; cursor:pointer; display:block; width:66px; height: 36px; margin-top:5px;}
	#formulario a:hover.enviar{background:url(/imagenes/comunes/enviar_hover.gif) no-repeat; cursor:pointer; display:block; width:66px; height: 36px; margin-top:5px;}
	
	
/************************************************
			CONDICIONES
************************************************/	
	
	
#condiciones-generales{ margin:auto; overflow:hidden; background:#000;}
	#condiciones-generales h2.condiciones{background:#D62D03; width:752px; height:24px; color:#000; font-size:18px; font-family:Arial; margin:18px; padding:3px 0px 0px 13px; margin-bottom:10px; }
	#condiciones-generales p{ color:#fff; line-height:15px; width:715px; margin-left:20px; margin-top:30px;}
	#condiciones-generales a {color:#fff; 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;color:#fff;}


#sin_resultados{float:left;margin: 150px 0 0 0;text-align:center;width:100%;font-size:18px;font-weight:bold;letter-spacing:-1px;}