@charset "utf-8";
/*   
Theme Name: CSS inicial
Author: Queli
Version: 0.1
Description: CSS básico con arreglos y selectores pre-configurados.
*/
/**********************************************
			HACKS PARA IE 
***********************************************/
/* Si tienes la necesidad de aplicar algún hack para IE6 utiliza este selector: 
* html
/* Si necesitas aplicarlo a IE7 utiliza este:
*:first-child+html {}
/* HAck para el Opera 9 y anteriores
html:first-child
*/
/***************************************************************** COMIENZO RESET PAGINAS Y REGLAS GENERALES ***********************************************/

/*********************************************
	ELEMENTOS PARA LIMPIAR POR COMPLETO EL HTML 
***********************************************/
* {	margin: 0;	padding: 0; }
/*** NEUTRALIZANDO ESTILOS:
	elementos con margen vertical: ***/

/*** Algunos ajustes basicos: ***/
sup { font-size:1.1em;}
sub {  font-size:1.1em; }
ul {list-style-type:none;}

/*** LINKS: 	recuerda utilizar siempre la regla del LoVe-HAte  a, a:link, a:visited, a:hover, a:active {}*/
a img { 	border: none; 	text-decoration: none; }
img { 	border: none; 	text-decoration: none; 	/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/ }

.marco_imagen{padding:5px;border:1px solid #fece00; background:#fff2bd}
/*** FORMULARIOS: ***/
label, button { cursor:pointer; }
input, select, textarea, h2 { 	font-size: 100%;  font-family:inherit; }
input:focus, select:focus, textarea:focus { 	background-color: #FEEB99; }
fieldset { 	border: none; }

/***  TABLAS ***/


/*** Algunas clases útiles: ***/
/** HACK dar altura a elementos con contenido flotado */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}

.right { text-align:right;}
.float-left { display:inline;	float: left; }
.float-right { display:inline;	float: right; }
.clear{clear:both;margin:0;padding:0; }
.clear_2{clear:both;margin:0;padding:0;height:0;}
.clear_position{position:relative;}
.manolink{cursor:pointer;}
.ocultar {display:none}
.bloque {height:1em; display:block; margin:4px 0; }
.fuerte{font-weight:bold;}
/*LISTA ESTRUCTURAL DE COLUMNAS */
ul#columnas { display:block; position:relative;z-index:100; width:100%;}
ul#columnas li{display:block;float:left; }
	/* solo queda maquetar el ancho de cada columna dentrode cada interior #column_2{ width:47%;} 	#column_3{ width:28%;} */
/* tipos de listas */
#pagina ul.lista li { display:list-item; float:none;}
/***************************************************************** FIN RESET PAGINAS Y REGLAS GENERALES ***********************************************/

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body{margin:0;padding:0;background-color:#e6e6e6;text-align:center; font-size:100%;}
/* el width de la pagina se ajusta en pixeles con el tamaño del screen cortado en photoshop */
#pagina{margin:0 auto; width:1000px;background:#fff;text-align:left;  }
#pagina p {line-height:14px;}
#header{ }
#content { height:auto;  background:#fff;} 
#footer{ height:15px; padding:4px 4px 4px 12px; color:#e2e2e2; background:#13105d;}
#pagina .interior{border-top:1px solid #a8b9ce; padding:0}
	div.vcard {padding:5px 22px 10px;}
	div.vcard .adr{float:left;}
	div.vcard #footer_telefonos{float:right; text-align:right}
	div.vcard .street-address{height:1em; display:block; margin:4px 0; }
	#copy{clear:both; height:19px;padding: 4px  14px 0 0;background:#a7a37f; text-align:right;}
/********************************************
				TEXTOS
**********************************************/

#pagina{ font: normal 0.69em Arial, Helvetica, sans-serif; color: #000; }
div.vcard {font: normal 11px Arial, Helvetica, sans-serif; color:#49482b;}/* estilos de texto para el vcard */
#copy{font: normal 10px Arial, Helvetica, sans-serif; color:#fff;}
p.org {font-weight:bold;}
#migas li {font: normal 1em Arial, Helvetica, sans-serif; color:#707070; }
#migas #estas_en{color:#707070;}
/********************************************
				LISTAS MENUS
**********************************************/
/* Lista menu utilidades */
#nav_utilidades{ height:14px; background:#949364; list-style-type:none; text-align:right; padding:3px 10px 2px 0; }
#nav_utilidades li{display:inline; margin:0;padding:0}
#nav_utilidades li a img{margin-right:4px}
/*Lista menu pricnioal*/
#nav_principal{ padding:0 0 0 6px;  background-color:#212121;}
#nav_principal li{ float:left;} 
#nav_principal li a{ text-indent:-99999px;}  

.ico-lista-1 { margin-left:2em; list-style-image:url(/imagenes/comunes/iconos/ico-lista-1.gif); vertical-align:top; }
.ico-lista-1 li {  margin-bottom:8px;}

#menuEmpresa{display:block; width:85px;height:30px;background:url(/imagenes/interface/menu/btn-empresa-off.gif);}
#menuEmpresa:hover, #menuEmpresaOff{display:block; width:85px;height:30px; background:url(/imagenes/interface/menu/btn-empresa-on.gif);}

#menuFiat{display:block; width:56px;height:30px;background:url(/imagenes/interface/menu/btn-fiat-off.gif);}
#menuFiat:hover, #menuFiatOff{display:block; width:56px;height:30px; background:url(/imagenes/interface/menu/btn-fiat-on.gif);}

#menuAlfa{display:block; width:95px;height:30px;background:url(/imagenes/interface/menu/btn-alfa-romeo-off.gif);}
#menuAlfa:hover, #menuAlfaOff{display:block; width:95px;height:30px; background:url(/imagenes/interface/menu/btn-alfa-romeo-on.gif);}

#menuLancia{display:block; width:71px;height:30px;background:url(/imagenes/interface/menu/btn-lancia-off.gif);}
#menuLancia:hover, #menuLanciaOff{display:block; width:71px;height:30px;background:url(/imagenes/interface/menu/btn-lancia-on.gif);}

#menuOcasion{display:block; width:150px;height:30px;background:url(/imagenes/interface/menu/btn-vehiculos-ocasion-off.gif);}
#menuOcasion:hover, #menuOcasionOff{display:block; width:150px;height:30px; background:url(/imagenes/interface/menu/btn-vehiculos-ocasion-on.gif);}

#menuComerciales{display:block; width:154px;height:30px;background:url(/imagenes/interface/menu/btn-vehiculos-comerciales-off.gif);}
#menuComerciales:hover, #menuComercialesOff{display:block; width:154px;height:30px; background:url(/imagenes/interface/menu/btn-vehiculos-comerciales-on.gif);}

#menuautoExpert{display:block; width:96px;height:30px;background:url(/imagenes/interface/menu/btn-auto-expert-off.gif);}
#menuautoExpert:hover, #menuautoExpertOff{display:block; width:96px;height:30px; background:url(/imagenes/interface/menu/btn-auto-expert-on.gif) no-repeat;}

#menuFinanciacion{display:block; width:102px;height:30px;background:url(/imagenes/interface/menu/btn-financiacion-off.gif);}
#menuFinanciacion:hover, #menuFinanciacionOff{display:block; width:102px;height:30px; background:url(/imagenes/interface/menu/btn-financiacion-on.gif) no-repeat;}

#menuPresupuesto{display:block; width:101px;height:30px;background:url(/imagenes/interface/menu/btn-presupuesto-off.gif);}
#menuPresupuesto:hover, #menuPresupuestoOff{display:block; width:101px;height:30px; background:url(/imagenes/interface/menu/btn-presupuesto-on.gif) no-repeat;}

#menuContacto{display:block; width:84px;height:30px;background:url(/imagenes/interface/menu/btn-contacto-off.gif);}
#menuContacto:hover, #menuContactoOff{display:block; width:84px;height:30px; background:url(/imagenes/interface/menu/btn-contacto-on.gif);}

/* para el camino de migas */
ul#migas {  padding:4px 4px 4px 10px; background:#f0f0f0;}
ul#migas li { float:left; margin:0 5px 0 0;}
/********************************************
				ENLACES 
**********************************************/
/* generales */
a:link, a:visited { font: normal 1.1em Arial, Helvetica, sans-serif; color:#8d865a; }
a:hover{ text-decoration:none;}
/* menu pricipal */
#nav_utilidades a{ margin-left:5px;text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; color:#fff;}
#nav_utilidades a:hover{ text-decoration:underline;}
/*  menu principal */
#nav_principal a:link, #nav_principal a:visited , #nav_principal a:hover {  display:block;  float:left; text-decoration:none; }
#nav_principal a:hover{text-decoration:underline;  }
/*pestaña actual */
#nav_principal a#menu_select:link, #nav_principal a#menu_select:visited , #nav_principal a#menu_select:hover {background:  #931331; color:#fff;}
a.descargar:link ,a.descargar:visited{background:url(/estilos/imagenes/ico_pdf.gif) no-repeat; font-size:1em; display:block; padding:2px 4px 4px 25px; font-size:0.9em }
/*enlaces para el camino de migas */
#migas  li a:link, #migas li a:visited{font: normal 0.91em Verdana, Arial, Helvetica, sans-serif;color:#25246d; text-decoration:none;}
#migas  li a:hover {text-decoration:underline;}

/********************************************
				H1, H2 , H3 - CABECERAS 
**********************************************/
h1 { width:1000px; height:78px; text-indent:-9999px;  background:url(/imagenes/interface/logo-carrera-motor.gif) no-repeat; cursor:pointer;}




/*** direciones de contacto ***/
#estamos-en { text-align:right; }
#estamos-en, #estamos-en  strong.fuerte { color:#000;}
#estamos-en  h2 {  height:20px; margin-top:15px; }
#estamos-en   p { margin:6px 0 14px 0;}
#estamos-en   p span { display:block;}
#estamos-en   p strong { display:block; padding:4px;  background:#000; left:46%;padding:4px;position:relative;width:9em;}
*:first-child+html #estamos-en   p strong  {left:0%}
* html #estamos-en   p strong  {left:0%}
#estamos-en p strong.fuerte { display:inline; padding:0; left:0;  background:none;}
#estamos-en  strong { color:#fff;}