@import url(undo.css);

	html body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background: #000 url(../imagenes/web/friso.png) top left repeat-x;
		height: 100%;
	}
	#contenedor{
		margin: 0em auto;
		min-width: 782px;
		max-width: 850px;
		width: 90%;
		height: 100%;
		background-color: #000;
	}
	* html #contenedor{
		width: 782px;
	}
/* ********************************************** CABECERA ************************************ */	
	.nada{
		padding: 0;
		margin:0;
		font-size:1em;
	}
	#superior{
		margin: 0em auto;
		min-width: 782px;
		max-width: 850px;
		width: 90%;
		width: 100%;
		height: 5em;
		/*background: url(../imagenes/web/logos-marcas.gif) left no-repeat;*/
	}
	* html #superior{
		width: 782px;
	}
	#superior img.logos{	
		float: left;
	}
	a#pestanaExtranet{
		display:block;
		float: right;
		width: 12em;
		height: 1.75em;
		margin-top:.1em;
		padding-right: 3em;
		padding-top: 1em;
		background: url(../imagenes/web/pestana-extranet.gif) top right no-repeat;
		font: 1.8em "Century Gothic", Verdana, Arial;
		text-align:right;
		color: #FFF;
		text-decoration: none;
	}
	a#pestanaExtranet:hover{
		display:block;
		float: right;
		width: 12em;
		height: 1.75em;
		margin-top:.1em;
		padding-right: 3em;
		padding-top: 1em;
		background: url(../imagenes/web/pestana-extranet-on.gif) top right no-repeat;
		font: 1.8em "Century Gothic", Verdana, Arial;
		text-align:right;
		color: #FFF;
		text-decoration: none;
	}
	
	a#pestanaMapa{
		display:block;
		float: right;
		width: 18em;
		height: 1.75em;
		margin-top:-0.5em;
		padding-left: 3em;
		padding-top: .5em;
		background: url(../imagenes/web/pestana-mapa-web.gif) top left no-repeat;
		font: 1.4em "Century Gothic", Verdana, Arial;
		text-align:left;
		color: #FFF;
		text-decoration: none;
	}
	a#pestanaMapa:hover{
		display:block;
		float: right;
		width: 18em;
		height: 1.75em;
		margin-top: -0.5em;
		padding-left: 3em;
		padding-top: .5em;
		background: url(../imagenes/web/pestana-mapa-web-on.gif) top left no-repeat;
		font: 1.4em "Century Gothic", Verdana, Arial;
		text-align:left;
		color: #FFF;
		text-decoration: none;
	}
	
	
	#menu{
		width: 78em;/*100%;*/
		background-color: #000;
		height: 5em;
		margin: auto;
	}
	#fondoCabecera{
		width: 100%;
		height: 300px;
		background: #000 url(../imagenes/web/fondo1.jpg) center no-repeat;

	}
	#contenidoPrincipal{
		width: 100%;
		min-height: 250px;
		background: #C00 url(../imagenes/web/borde-rojo-izq.jpg) left repeat-y;
	}
	* html #contenidoPrincipal{
		height: 300px;
	}

	#contenidoPrincipal2{
		width: 100%;
		min-height: 250px;
		background: url(../imagenes/web/borde-rojo-der.jpg) right repeat-y;
	}
	* html #contenidoPrincipal2{
		height: 250px;
	}
	#contenidoDestacado{
		width: 100%;
		min-height: 250px;
		background: #666 url(../imagenes/web/borde-gris-izq.jpg) left repeat-y;
	}
	* html #contenidoDestacado{
		height: 250px;
	}
	#contenidoDestacado2{
		width: 100%;
		min-height: 250px;
		background: url(../imagenes/web/borde-gris-der.jpg) right repeat-y;
	}
	* html #contenidoDestacado2{
		height: 250px;
	}

	ul.menu{
		/*left:0;*/
		width: 100%;
		color: #FFF;
		text-align:center;
		padding-top: 1.45em;
		margin: auto;

	}
	ul.menu li{
		float:left;
	}
	ul.menu li a{
		display: block;
		padding-right: 0.35em;
		padding-left: 0.35em;		
		color:#FFF;
		font: 1.8em "Century Gothic", Arial, Helvetica, sans-serif;
		border-left: 1px solid #FFF;
	}
	ul.menu li a.noBorde{
		border-left: none;
	}
	ul.menu li a:hover{
		background-color: #C00;
	}
	h1{
		float: right;
		margin-top: 220px;/*4em;*/
		margin-right: 10px;/*.5em;*/
		padding-left:3.8em;
		color:#FFF;
		font: 5.5em "Century Gothic", Arial, Helvetica, sans-serif;
		margin-right: .5em;
		background: url(../imagenes/web/adorno-h1.gif) left bottom no-repeat;
	}
	
	span.sombra{
		position: absolute;
		float:left;
		padding: 0;
		margin: 1px 15px;		
		font: 8em "Century Gothic";
		color:#333;
		z-index:1
	}
	span.frente{
		position: absolute;
		float:left;
		padding: 0;
		margin: 0px 14px;		
		font: 8em "Century Gothic";
		color:#FFF;
		z-index:2
	}	
/* ************************************** CUERPO ************************************************/
	/*
	h2{
		clear:both;
		font: 2.5em "Century Gothic",Arial,Helvetica,Sans;
		color: #FFF;
		padding: 0;
		margin: 0em 1.5em .2em 1.9em;
	}
	*/
	h2{
		clear:both;	
		font: 2.5em "Century Gothic",Arial,Helvetica,Sans;
		color: #FFF;
		background: #C00 url(../imagenes/web/fondoH2.jpg) no-repeat left;
		padding: 0;
		margin: .5em 1.5em 0em 1.7em;
		padding-left: .5em;
	}

	/*
	h3.masVehic{
		font: 2em "Century Gothic",Arial,Helvetica,Sans;
		color: #FFF;
		padding: 0;
		margin: .5em 1.5em .2em 2.4em;
		
	}*/
	h3.masVehic{
		font: 2em "Century Gothic",Arial,Helvetica,Sans;
		height: .8em;
		padding-top: .2em;
		padding-bottom: .5em;
		color: #FFF;
		background: #000 url(../imagenes/web/apartadoFondo_D.jpg) no-repeat right;
		width: 38.5em;
		margin: 1em 0 0 2.1em;
	}
	h3.masVehic span.fondoApartado_D{
		/**padding-right: 23em;**/
		padding-left: 1em;
		/**display:block;**/
		/*float:left;*/
		height: 1.2em;
		/*background: #000 ;/*url(../imagenes/web/apartadoFondo_D.jpg) no-repeat right;*/
		white-space:nowrap;
		overflow:hidden;
		/*position:absolute;*/
	}
	.fondoApartado_I{
	
	}
	.fondoApartado_D{
	}
	
	#contenidoPrincipal2{
		height: 100%;
		padding: 5em 0;
	}
	#contenidoPrincipal2 .cont{
		position:relative;
		margin: auto;
		/*height: 100%;*/
		background:#FFF ;/*url(../imagenes/web/fondoNegroDetalle.gif) left repeat-y;*/
		width: 77em;
	}
	 * html	#contenidoPrincipal2 .cont{
		width: 70em;
	}
	#contenidoPrincipal2 .blanco{
		background:#FFF;
	}		
	
	#contenidoPrincipal2 .fondo{
		position:relative;
		float: left;
		margin: 0 auto;
		padding: 0;
		width: 49em;	
	}		
	
	* html #contenidoPrincipal2 .fondo{
		width: 42em;
	}
	#contenidoPrincipal2 .fondoOfertas{
		width: 75em;	
	}	
	
	* html #contenidoPrincipal2 .fondoOfertas{
		width: 70em;	
	}	
	
	#contenidoPrincipal2 .ancho{
		width: 100%;
	}
	* html #contenidoPrincipal2 .ancho{
		width: 70em !important;
	}
	#contenidoPrincipal2 .estrecho{
		width: 35.7em; /*36em;*/
	}
	* html #contenidoPrincipal2 .estrecho{
		width: 28.5em !important;/*29em !important;*/
	}	
	#contenidoPrincipal2 p{
		font: 1.4em Verdana, Arial, Helvetica, sans-serif;
		padding: 1em;
	}
	* html #contenidoPrincipal2 p{
		/*background-color: #0066CC;*/
	}
	#contenidoPrincipal2 img{
		position: relative;
		float: left;
		margin-right: 1em;
	}
	.imgVehic{
		max-width: 25em;	
	}

	
	/* ------------------------------------------------------------------------------------------- */
	h2.h2Destacado{
		margin: 0 !important;
		padding: 0 !important;
		position:relative;
		/*float: left;*/
		width: 360px;
		height: 120px;
		top: -30px;
		left: -17px;
		background: url(../imagenes/web/promocionesDestacado.png) left top no-repeat;
		z-index: 20;
	}
	h2.h2Destacado span{
		color:#000;
		margin-left: -1000em;
	}
	#contenidoDestacado2{
		height: 100%;
		padding: 2em 0em;
	}
	#contenidoDestacado2 .cont{
		position:relative;
		margin: auto;
		height: 100%;/*10em;*/
		background-color:#FFF;
		width: 75em;
		margin-bottom:1em;
		top: -7em;
		padding: 1em 1.2em;
		z-index: 5;
	}
	* html #contenidoDestacado2 .cont{
		width: 67em;
		height: 7em;
		padding: 0em 1.2em;
	}
	
	#contenidoDestacado2 .fondo{
		background-color:#CCC;
		position:relative;
		float: right;
		/*margin: 0 0 0 8.5em;*/
		margin: 0 0 0 0;		
		padding: 0em;
		width: 74em;
		z-index: 6;
		height: 100%;
	}	
	* html #contenidoDestacado2 .fondo{
		width: 57em;
		height: 7em;
	}
	a.detalle{
		float: right;
		font: bold 1.0em "Century Gothic", Arial, Helvetica, Sans;
		color: #000;
		margin: 0 2em 0 0;
		padding: 0;
		line-height: 1em;
	}	
	
	#contenidoDestacado2 p{
		font: 1.4em Verdana, Arial, Helvetica, sans-serif;
		padding: .5em;
	}
	#contenidoDestacado2 img{
		position: relative;
		float: left;
		z-index:10;
		max-width: 25em;
		margin-right: 1em;
	}
	* html #contenidoDestacado2 img{
		margin-top: 2em;
	}

	h3{
		/*width: 100%;*/
		margin-bottom: 0.5em;
		color: #000;
		font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;		
	}
	dl{
		float: right;
		width: 43.3em;
		font: 1.2em Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 1em;		
	}
	dt{
		float: left;
		font-weight: bold;
	}	
	dd{
		color: #666666;
	}
	.negrita{
		font-weight: bold;
	}
	a.masVehic{
		color: #FFF;
		font: .8em Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		float:right;
		padding: .1em .5em .1em 2em;
		/*border-bottom: 1px dashed #FFF;*/
		margin-bottom: 1em;
		clear:both;
		background: #000 url(../imagenes/web/adorno_boton.jpg) no-repeat left;
	}
	a.masVehic:hover{
		background: #000 url(../imagenes/web/adorno_boton_on.jpg) no-repeat left;
	}
	
	.fondoBlanco{
		background: #FFF url(../imagenes/web/rodada.gif) no-repeat bottom right;
		
	}
	
	.vehic{
		clear: both;
	}
	
	.menuMapaWeb{
		padding: 2em 10em;
	}
	.menuMapaWeb li {
		margin-bottom: 1em;
		list-style:disc;
		color: #000;
	}
	.menuMapaWeb li a{
		font: 1.6em Verdana, Geneva, sans-serif;
		color:#000;
		
	}


	/* ************************************** FORMULARIO ***********************************  */
	fieldset{
		color: #CCC;	
		text-align: right;
		margin: auto;
		height: 100%;
		width: 70em;
		border: 1px solid #CCC;
		padding-bottom: 1em;
	}
	legend{
		font: 2em "Century Gothic",Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 1em;
		color: #DDD;
	}
	label{
		display: block;
		width: 68em;
		float:left;
		margin-top: .8em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
	}
	label.segCol{
		display: block;
		width: 25em;
		float:left;
		margin-top: .8em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
		
	}
	label span.leyenda{
		display: block;
		float: left;
		width: 12em;
		padding-left: 2em;
		color: #FFF;
		font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	}
	.descPie{
		font: .9em Verdana, Arial, Helvetica, sans-serif !important;
		color: #FFF;
		margin-left: 8em;
	}
	
	input, textarea{
		border: 1px solid #FFF;
		background-color:#FFF;
		color:#000;
		font: 1.2em Verdana, Arial, Helvetica, sans-serif;
		overflow:auto;
	}
	.btnEnviar{
		background-color: #000;
		border: 0 !important;
		float:right;
		margin: 1em 5em;
		color: #FFF;
		font: 1em Verdana, Arial, Helvetica, sans-serif;
	}
	/*
	.btnEnviar:hover{
		border: 0 !important;
		float:right;
		margin: 3em 1em;
		background: #FFF url(../imagenes/web/btnEnviar_on.gif) no-repeat !important;
	}
	*/
	fieldset p.pError{
		text-align: left;
		font: 1.2em Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
	}
	fieldset ul{
		float: left;
		text-align: left;
		padding-left: 5em;
	}	
	fieldset ul li{
		/*float: left;*/
		list-style:square;
		font: 1.2em Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
	}	
	.desactivado{
		background-color: #000;
	}
	
	label.classErr{
		background-color: #666;
		border: 1px solid #999;
		width: 100%;/*68em;*/
		margin-right: .5em;
	}	
	span.descError{
		width: 50em;
		font: 1em Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
	}
	.fIzq{
		float: left;
	}
	.fDer{
		float: right;
	}
/* **************************************** PIE ********************************************** */
	#pie{
		width:100%;
		height: 2em;
		color: #FFF;
		background-color:#000;
		font: 1em Verdana, Arial, Helvetica, sans-serif;
		padding-top: .5em;
	}
	#pie p{
		margin-top: 1em;
		padding: 0;

		text-align:center;
	}
	#pie a{
		color: #FFF;
	}

	ul#sellos {
		margin-top:1.5em;
		margin-bottom: 2em;
		text-align:center;
	}
	ul#sellos li{
		margin-left:.5em;
		margin-right:.5em;		
		margin-top: 1.8em;
		padding: .2em;
		color: #FFF;
		border: 1px solid #FFF;
		
		list-style: none;
		display: inline;
	}
	/**/
	#sellos a:hover{
		color: #000;
		background-color: #FFF !important;
	}
	/**/