.oculto{
	display: none;
}
body{
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, ul, ul li, p{
	margin: 0; padding: 0;
	list-style: none;
}
a img{ border: 0;}
hr{
	clear: both;
	float: none;
	height: 1px;
	border: 0;
	color: #fff;
	margin: 0 10px 0 45px;
	}


/*layout general*/
#contenedora{
	width: 982px;
	margin: 0 auto 10px auto;
}

#cabecera{
	height: 114px;
	position: relative;
	background: url(/ImagenesInicio/cabecera_bg.gif) no-repeat top right;
}

	#cabecera h1{
		padding-left: 29px;
		background: url(/ImagenesInicio/h1_bg.gif) no-repeat bottom left;
		line-height: 1;
	}
		#cabecera h1 strong{
			width: 342px;
			height: 114px;
			display: block;
			overflow: hidden;
			text-indent: -10000px;
			}
	#cabecera #menu{
		position: absolute;
		right: 0;
		top: 0;
		padding-right: 28px;
	}
		#cabecera #menu #menuflash{
			position: absolute; 
			top: 0; left: -583px;
		}

		#cabecera #menu #menuFondo{
			position: absolute; 
			top: 0; left: -583px;
		}
		
#contenido{
	background: url(/ImagenesInicio/contenidos_bg.gif) repeat-y 28px 0;
}

/*------textos------*/		
#contenido #textos{
	width: 684px;
	float: left;
	height: 297px; /*hacemos que la caja mida como mínimo esto*/;
	background: url(/ImagenesInicio/textos_bg.jpg) no-repeat 29px 0;
	position: relative;
	padding-top: 72px; /*dejamos espacio para el h2 posicionado en absoluto */;
	color: #7b7a75;
}
	html > body #contenido #textos{ /*corregimos para todos los navegadores no IE6*/
	 height: auto;
	 min-height: 297px;
	 padding-top: 68px;
	 }

#textos h2{
	position: absolute;
	top: 13px;
	left: 0;
	text-indent: -10000px;
	width: 683px;
	height: 56px;
	}
		#textos h2.nuevos{background-image: url(/ImagenesInicio/h2_vehiculos_nuevos.gif)}
		#textos h2.noticias{background-image: url(/ImagenesInicio/h2_noticias.gif)}
		#textos h2.eventos{background-image: url(/ImagenesInicio/h2_eventos.gif)}
		#textos h2.novedades{background-image: url(/ImagenesInicio/h2_novedades.gif)}						
		#textos h2.ocasion{background-image: url(/ImagenesInicio/h2_ocasion.gif)}
		#textos h2.bolsatrabajo{background-image: url(/ImagenesInicio/h2_bolsatrabajo.gif)}
		#textos h2.registrousuario{background-image: url(/ImagenesInicio/h2_registrousuario.gif)}
		#textos h2.concesionarios{background-image: url(/ImagenesInicio/h2_concesionarios.gif)}
		#textos h2.industriales{background-image: url(/ImagenesInicio/h2_vehiculos_industriales.gif)}
		#textos h2.boutique{background-image: url(/ImagenesInicio/h2_boutique.gif)}
		#textos h2.alquiler{background-image: url(/ImagenesInicio/h2_alquiler.gif)}
		#textos h2.citaprevia{background-image: url(/ImagenesInicio/h2_citaprevia.gif)}			
		#textos h2.historia{background-image: url(/ImagenesInicio/h2_historia.gif)}				 
		#textos h2.financiacion{background-image: url(/ImagenesInicio/h2_financiacion.gif)}				 		
		#textos h2.seguro{background-image: url(/ImagenesInicio/h2_seguro.gif)}				 		
		#textos h2.contacto{background-image: url(/ImagenesInicio/h2_contacto.gif)}				
		#textos h2.puntoStock{background-image: url(/ImagenesInicio/h2_puntoStock.gif)}
		#textos h2.peticionOferta{background-image: url(/ImagenesInicio/h2_peticionOferta.gif)}
		
		#textos h2.generico{
	background-image: url(/ImagenesInicio/h2_generico_bg.gif);
	text-indent: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #26393d;
	padding-left: 50px;
	padding-top: 24px;
	font-weight: normal;
	width: 633px;
	height: 28px;
}

		
/*----columna-----*/	 
#contenido #columna{
	width: 270px;
	float: left;
	overflow: hidden;
}
	#login{
		height: 61px;
		margin-right: 10px;
		background: #bfc0c1;
		position: relative;
	}
		#login h4{
			text-indent: -10000px;
			background: url(/ImagenesInicio/login_bg.gif) no-repeat top left;
			width: 71px;
			height: 13px;
			position: absolute;
			top: 15px;
			left: 6px;
		}
		#login p.registrese{
			position: absolute;
			top: 15px;
			right: 5px;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			color: #dedede;
			width: 200px;
			text-align: right;
		}
			p.registrese a{
				font-weight: bold;
				color: #fff;
				text-decoration: none;
			}
				p.registrese a:hover{
					text-decoration: underline;
					background-color: transparent;
				}
		#login input{
			display: block;
			position: absolute;
			border: 1px solid #6c6c6c;
			height: 16px;
			width: 105px;
			font-size: 1.1em;
			line-height: 16px;
		}
			#login input.user{ top: 35px; left: 6px;}
			#login input.password{ top: 35px; left: 118px;}
			#login input.enviar{
				border: 0;
				/*line-height: 200px;*/
				text-indent: 10000px;
				overflow: hidden;
				background: url(/ImagenesInicio/boton_bg.gif) no-repeat top left;
				width: 28px; height: 18px; 
				top: 35px;
				left: 229px;
			}

	#columna ul#submenu{
		margin-top: 15px;
	}
		#submenu li a{
			display: block;
			height: 30px;
			font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
			line-height: 28px;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
			font-size: 1.2em;
			padding-left: 28px;
		}
		#submenu li.selected a{
			background: url(/ImagenesInicio/submenu_selected.gif) no-repeat top left;
		}
		#submenu li.selected a:hover{
			background-color: transparent;
			cursor: default;
		}
	
	#columna ul#banners{
		margin: 20px 0;
		
		}
		#columna ul#banners li{
			display: inline;
		}
			#banners li a{
				display: block;
				border: 1px solid #bfc0c1;
				width: 212px;
				height: 68px;
				overflow: hidden;
				margin-left: 24px;
			}
			.imagenBanner{
				display: block;
				border: 1px solid #bfc0c1;
				width: 212px;
				height: 68px;
				overflow: hidden;
				margin-left: 24px;
			}
			
	#columna #volverSala{
		margin: 30px 0 20px 0;
		clear: both;
	}
		#columna #volverSala a{
			display: block;
			margin-left: 24px;
			padding-left: 5px;
			width: 212px;
			background: url(/ImagenesInicio/volver_home_bg.gif) no-repeat top left;
			padding-top: 48px;
			font-size: 1.0em;
			font-weight: bold;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			text-align: center;
		}

/*----pie-----*/			
#contenido #pie{
	clear: both;
	background: url(/ImagenesInicio/pie_home_bg.gif) no-repeat top left;
	}
	
	#contenido #pie p.contacto{
		width: 261px;
		margin-left: auto;
		margin-right: 38px;
		text-align: right;
		font-weight: bold;
		font-size: 1.1em;
		
		}
		#pie p.contacto a{
			/*display: block;*/
			padding: 3px 3px 0 3px;
			text-decoration: none;
		}
		
		

/*--------elementos comunes---------*/
.external{
	padding-left: 14px;
	background: url(/ImagenesInicio/external_bg.gif) no-repeat 0 3px;
}
#textos p{
	margin: 10px 10px 10px 45px;
	font-size: 1.1em;
	text-align: justify;
	}

#textos p.error{
		color: #888888;
		background: url(/ImagenesInicio/error.gif) no-repeat 10px 10px #f7f7f7;
		border: 1px solid #888888;
		padding: 10px 10px 10px 35px;
}
#textos p.correcto{
		color: #006600;
		background: url(/ImagenesInicio/correcto.gif) no-repeat 10px 10px #ebf2e8;
		border: 1px solid #9BD19A;
		padding: 10px 10px 10px 35px;
}
#textos p.textoInfo{
		padding: 10px;
		}
#textos p.archivo{
	text-align: right;
	height: 37px;
	line-height: 36px;
}
		#textos p.archivo a{
		background-image: url(/ImagenesInicio/archivo.gif);
		background-repeat: no-repeat;
		background-position: 10px 10px;
		border: 1px solid #888888;
		padding: 10px 10px 10px 35px;
		width: 1px; /*establecemos el mínimo para que ie6 estire la caja al contenido*/
		white-space: nowrap;
		margin-left: auto;
		overflow: visible;
		text-decoration: none;
}
#textos p img{
	border: 1px solid #a2a4a5;
}
#textos p img.izquierda{
	float: left;
	margin: 3px 10px 10px 0;
}
#textos p img.derecha{
	float: right;
	margin: 3px 0 10px 10px;
}
#textos p img.centrada{
	display: block;
	margin: 10px auto;
}



/*-----listado de vehiculos-----*/

ul.listadoVehiculos{
	margin-left: 44px;
	margin-top: 5px;
	width: 624px;
	overflow: hidden;
}

	.listadoVehiculos li{
		width: 207px;
		float: left;
		margin-right: 1px;
		margin-bottom: 15px;
		position: relative;
	}
	
	.listadoVehiculos li img{
		display: block;
	}
	.listadoVehiculos li a{
		text-decoration: none;
		}
		.listadoVehiculos li strong{
			font-size: 1.1em;
			margin-left: 3px;
		}
	.listadoVehiculos li a.masInfo{
		position: absolute;
		right: 10px;
		bottom: 0;
		background: url(/ImagenesInicio/masinfo.gif) no-repeat bottom left #fff;
		width: 77px;
		padding-left: 6px;
		line-height: 10px;
		color: #5c5c5f;
	}
		.listadoVehiculos li a.masInfo:hover{background-color: #fff;}
		
		
/*-------formularios------*/
/*TODOS LOS ESTILOS DEPENDEN DE QUE LOS ELEMENTOS DE FORMULARIO DEL DIV#TEXTO ESTEN DENTRO DE UN DIV#textos .formulario*/

#textos .formulario{
	margin: 0 10px 10px 45px;
	width: 628px;
	overflow: hidden;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#textos .formulario p{
	text-align: left;
	margin: 0;
	}
#textos .formulario fieldset
{

	padding: 10px;
	border: 1px solid #e5e5e5;
	display: block;
	margin: 0 0 15px 0;
	width: 600px;
	position: relative; /*necesario para que los p.campo se muestren bien en IE*/
}

#textos .formulario fieldset legend
{
	font-weight: bold;
	margin-bottom: 10px;
	color: #535353;
	clear: both;
	font-size: 7pt !important;
}

#textos .formulario fieldset p
{	padding: 8px 0;
	margin: 0;
	clear: both;
	margin-left: 20px;
	height: 25px;
}
	html > body #textos .formulario fieldset p{
		height: auto;
		min-height: 25px;
	}
#textos .formulario span{
	line-height: 1.1;
	display: block;
	margin: 3px 0;
	color: #535353;
	text-align: right;
	clear: both;

}	
#textos .formulario label
{
	display: block;
	font-weight: bold;
	font-size: 10px;
	line-height: 1.4;
}
	
#textos .formulario input, #textos .formulario textarea{
	padding: 3px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 97%;
}

#textos .formulario input.deshabilitado, #textos .formulario textarea.deshabilitado, #textos .formulario checkbox.deshabilitado, #textos .formulario select.deshabilitado{
		background: #f7f7f7 !important;
		border: 1px solid #b6b6b6;
	}
	
/* los input tipo boton necesitan la clase boton*/	
#textos .formulario input.boton
{
	border: 0;
	background: url(/ImagenesInicio/boton_form_bg.gif) no-repeat top left;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 11px;
	width: 125px;
	height: 25px;
	line-height: 20px;
	text-align: center;
}

/* los input tipo radio y tipo checkbox necesitan ir dentro de un p.radio o p.checkbox*/
#textos .formulario p.radio, #textos .formulario p.checkbox
{
	line-height: 18px;
}

#textos .formulario p.radio input, #textos .formulario p.checkbox input
{
	width: auto;
	background: transparent;
	border: 0;
	padding: 3px !important;
	/*margin-left: -20px;*/
	vertical-align: middle;
}

#textos .formulario p.radio span , #textos .formulario p.checkbox span
{
	text-align: left;
	line-height: 18px !important;
}
	
#textos .formulario select
{
	font-size: 13px;
	width: 100%;
}

#textos .formulario fieldset span
{
	line-height: 1.1;
	display: block;
	margin: 3px 0;
	color: #535353;
	text-align: right;
	clear: both;
}



#textos .formulario .campo
{
	position: relative;
	top: 10px;
	left: 0;
}

#textos .formulario .linea span.validador
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	position: absolute;
	padding: 2px 5px 2px 5px;	
	color: #a61f2d;
	background: #f2ebeb;
	border: 1px solid #dc5455;
	width: auto;
	left: 24.5%;
	margin-left: 2px;
	top: -12px;
}

/*layouts para formularios
	Se pueden asignar bien al div#formulario o a cada uno de los fieldsets (pudiendo usar distintos en cada uno), pero no a los dos*/

/*tres columnas*/
.tresColumnas div
{
	width: 192px;
	float: left;
	margin-right: 3px;
}

/*dos columnas*/
.dosColumnas div
{
	width: 290px;
	float: left;
	margin-right: 7px;
}

/*una columna*/
.unaColumna div
{
	width: 350px;
	margin: 0 auto;
}



/*casos especiales*/
/*un select para comparar al lado de un input*/
#textos .formulario select.comparativo
{
	width: 40px !important;
	display: inline !important;
}
#textos .formulario input.comparativo
{
	width: 44% !important;
	display: inline !important;
}

/*selector de calendario de sharepoint*/
#textos .formulario table{
	margin-right: auto;
}
#textos .formulario .ms-dtinput{
	text-align: left !important;
}
#textos .formulario .ms-dtinput input{
	width: auto !important;	
	display: inline !important;
	float: none;
	margin: 0 !important;
}
#textos .formulario .ms-dttimeinput select{
	width: 50px !important;	
	display: inline !important;
	float: none;
	margin: 0 !important
}
/*checkbox sólo y centrado*/

#textos .formulario p.campoCentrado{
	text-align: center;
	line-height: 1.2;
}

#textos .formulario p.campoCentrado span{
	display: inline !important;
	float: none !important;
	margin-left: 18px;

}
	#textos .formulario p.campoCentrado input{
	float: none !important;
	display: inline !important;
}
	#textos .formulario p.campoCentrado label{
	display: inline !important;
	float: none !important;
}

/*-----noticias y Eventos------*/
/*listado*/
#textos ul.listadoNoticiasEventos{
	margin: 10px 0 10px 45px;
	text-align: justify;
	width: 622px;
}
#textos .listadoNoticiasEventos li{
	
}
	#textos .listadoNoticiasEventos li h3{
			font-size: 1.1em;
			margin-bottom: 0;
			margin-top: 20px;
			/*width: 100%; corregimos el haslayout de ie6*/
			padding-left: 20px;
			background: url(/ImagenesInicio/bullet_h3.gif) no-repeat 0 4px;
		}
		#textos .listadoNoticiasEventos li h3 a{padding: 0 2px;}
		#textos .listadoNoticiasEventos li h3 a:hover{text-decoration: none;}
		
	#textos .listadoNoticiasEventos li  p{
		margin: 0 0 0 20px;
	}
	#textos .listadoNoticiasEventos li  p.catFecha{
		margin-bottom: 5px;
		font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
		font-size: 1.0em;
	}
	
	#textos .listadoNoticiasEventos li p.encabezado{
		color: #62615d;
	}
		
	#textos .listadoNoticiasEventos li  p a{
		padding: 0 2px;
		font-size: 0.9em;
		font-weight: bold;
		font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	}
		#textos .listadoNoticiasEventos li  p a:hover{
			text-decoration: none;
		}

/*detalle*/
#textos div.noticiaEvento{
	margin: 10px 0 10px 45px;
	text-align: justify;
	width: 622px;
}
	#textos .noticiaEvento h3{
		font-size: 1.8em;
		letter-spacing: -1px;
		margin-bottom: 0;
		font-weight: normal;
		/*width: 100%; corregimos el haslayout de ie6*/
		padding-left: 20px;
		background: url(/ImagenesInicio/bullet_h3.gif) no-repeat 0 8px;
	}
	#textos .noticiaEvento p.catFecha{
		margin: 0 0 0 20px;
		font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	}
	
	#textos .noticiaEvento p.encabezado{
		margin: 10px 0 20px 0;
		font-style: italic;
		color: #7b7a75;
	}
	#textos .noticiaEvento p{
		margin: 10px 0;
		color: #62615d;
		}

	#textos .noticiaEvento img{
		float: left;
		display: block;
		margin: 0 10px 5px 0;
		border: 6px solid #ececec;
	}

/*-------concesionarios--------*/
/* Comentado por asier para usar el mismo class por dificultades encontradas en aplicar un class
	 distinto a cada marca
h3.conceVolks, h3.conceAudi, h3.conceSeat{
	margin: 20px 0 5px 50px;
	font-size: 1.3em;
}
*/
h3.concesionario{
	margin: 20px 0 5px 50px;
	font-size: 1.3em;

}

#textos ul.listadoConcesionarios{
	margin: 10px 0 10px 45px;
	text-align: justify;
	width: 622px;
}

#textos .listadoConcesionarios li{
	border: 1px solid #c3c3c3;
	background: #f2f1f1;
	padding: 10px;
	width: 280px;
	height: 120px;
	margin-left: 1px;
	display: block;
	float: left;
}
	#textos .listadoConcesionarios li h4{
			font-size: 1.2em;
			margin-bottom: 0;
			padding-left: 20px;
			background: url(/ImagenesInicio/bullet_h3.gif) no-repeat 0 4px;
		}
	#textos .listadoConcesionarios li p.tipo{
	margin: 0;
	font-weight: bold;
	margin: 0 0 5px 20px;
	font-style: italic;
}
	#textos .listadoConcesionarios li address{
	margin-left: 20px;
	font-size: 1.1em;
	font-style: normal;
}

/*-----punto stock-----*/

table.listadoPunto{
	margin: 10px 0 20px 45px;
	font-size: 11px;
	color: #5c5c5f;
}
table.listadoPunto a{
	text-decoration: none;
	display: block;
	width: 100%;
}
table.listadoPunto tr.resaltado a{
	color: #fff;
}
table.listadoPunto a:hover{
	background: none !important;
}
.listadoPunto th{
	font-weight: bold;
}
.listadoPunto tr.impar{
	background-color: #f1f1f1;
}
.listadoPunto td{
	text-align: center;
}

#textos h2.resultados{
	background-image: url(/ImagenesInicio/h2_resultados.gif);
	position: static;
	}
table.detallePunto{
	margin: 10px 0 20px 0;
	font-size: 11px;
	color: #5c5c5f;
}
.detallePunto table.datos{
	margin: 30px 0 30px 73px;
}
.precio{
	font-size: 20px;
}

#textos h3.caracteristicas{
	font-weight: normal;
	font-size: 17px;
	background: url(/ImagenesInicio/h3_detalle_punto_bg.gif) no-repeat bottom left;
	padding-left: 53px;
	margin-bottom: 10px;
}

div.caracteristicas{
	margin-left: 53px;
	margin-right: 23px;
}
	div.caracteristicas p{
	margin: 0 0 10px 0 !important;
}
	div.caracteristicas ul{
		list-style-position:inside;
		
	}
	div.caracteristicas li{
		
		list-style-type: square !important;
		margin: 2px 0;
		
}
	div.caracteristicas li span{
	color: #5c5c5f;
}

td.fotos img{
	display: block;
	border: 1px solid #cccccc;
	margin: 5px auto;
	}