@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 ********************************************* */	
	#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: 200px;
		background: #000 url(../imagenes/web/fondo1.jpg) center no-repeat;
	}
	#menuExtranet{
		display:none;
		position:absolute;
		float: left;
		width: 20em;
		height: 200px;
		/*background-color: #666;*/
		
	}
	#rellenoExtranet{
		position: absolute;
		/*margin-top: -50px;*/
		float: left;
		width: 20em;
		min-height: 350px;
		/*background-color: #666;*/
		z-index:10;
	}
	
	#rellenoExtranet p.uno{
		position:absolute;
		float:left;
		color: #FFF;
		font: 1.8em "Century Gothic",Verdana, Arial, Helvetica, sans-serif;
		width: 100%;
		text-align: center;
		margin-top: 1em;
		z-index:50;
	}	
	#rellenoExtranet p.dos{
		position:absolute;	
		float:left;
		color: #C00;
		font: 2.4em "Century Gothic",Verdana, Arial, Helvetica, sans-serif;
		width: 100%;
		text-align: center;
		margin: .7em -.3em;
		z-index:40;
		
	}	
	#rellenoExtranet p.tres{
		position:absolute;	
		float:left;
		color: #000;
		font: 3em "Century Gothic",Verdana, Arial, Helvetica, sans-serif;
		width: 100%;
		text-align: center;
		margin: 0em .3em;
		z-index:30;

	}	
	#rellenoExtranet p.cuatro{
		position:absolute;	
		float:left;
		color: #888;
		font: 4em "Century Gothic",Verdana, Arial, Helvetica, sans-serif;
		width: 100%;
		text-align: center;
		margin-top: 0em;
		z-index:20;
	}	

	#rellenoExtranet ul{
		position:absolute;
		padding: 5em 0 1em 1em;
		z-index: 100;
	}
	#rellenoExtranet ul li{
		font: 1.2em "Century Gothic",Verdana, Arial   ;
	}
	#rellenoExtranet ul li a{
		color: #FFF;	
	}	
	#rellenoExtranet ul li a span{
		margin-left: 1em;
	}	
	#rellenoExtranet ul li a:hover{
		background-color: #D00;
	}	
	#rellenoExtranet ul li a span:hover{	
		background-color: #666;
		border-bottom: 1px solid #D00;
	}
	#contenidoPrincipal{
		width: 100%;
		min-height: 250px;
		background: #C00 url(../imagenes/web/borde-gris-izq-extranet.jpg) left repeat-y;
	}
	* html #contenidoPrincipal{
		height: 300px;
	}
	#contenidoPrincipal2{
		position: relative;
		width: 100%;
		min-height: 250px;
		background: url(../imagenes/web/borde-rojo-der.jpg) right repeat-y;
		padding-left:20em;
		
	}
	* html #contenidoPrincipal2{
		height: 250px;
		padding-left:20em;
	}
	
	#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: 120px;/*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:right;
		padding: 0 .25em;
		margin: 1px 15px;
		font: 8em "Century Gothic";
		color:#333;
		z-index:1
	}
	span.frente{
		position: absolute;
		float:right;
		padding: 0 .25em;
		margin: 0px 14px;
		font: 8em "Century Gothic";
		color:#FFF;
		z-index:2
	}	
/* ************************************** CUERPO ************************************************/
	h2{
		font: 2.5em "Century Gothic",Arial,Helvetica,Sans;
		color: #C00;
		padding: 0;
		margin: 0em 1.5em .4em 1.9em;
		
	}
	strong{
		font-weight: bold;
	}
	#contenidoPrincipal2{
		min-height: 25em;
		padding: 5em 0em;
	}
	#contenidoPrincipal2 .cont{
		position:relative;
		float: right;
		margin-right: 4em;
		padding-top: 1em;
		padding-bottom: 1em;

		/*height: 100%;*/
		background:#FFF ;
		width: 58em;
		min-height: 25em;
	}
	 * html	#contenidoPrincipal2 .cont{
		width: 58em;
	}
	#contenidoPrincipal2 .blanco{
		background:#FFF;
	}		
	
	#contenidoPrincipal2 .fondo{
		position:relative;
		float: left;
		margin: 0 auto;
		padding: 0;
		width: 49em;	
	}		
	
	* html #contenidoPrincipal2 .fondo{
		width: 42em;
	}
	#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;
		margin: .5em 1em;
	}
	* html #contenidoPrincipal2 p{
		/*background-color: #0066CC;*/
	}
	/*
	#contenidoPrincipal2 img{
		position: relative;
		float: left;
		margin-right: 1em;
	}
	*/
	ul#catalogo-productos{
		font: 1.5em "Century Gothic",Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		padding: 0;
		margin: 2em 5em;
	 }

	ul#catalogo-productos li{
		/*
		list-style-image: url(../imagenes/web/categorias.png);
		line-height: 0em;
		padding-bottom: 3.5em;
		padding-left:3em;
		*/
	}

	ul#catalogo-productos a{
		background:url(../imagenes/web/categorias.png) no-repeat;
		color:#000000;
		line-height:4em;
		padding-bottom:1em;
		padding-left:3.5em;
		padding-top:1em;		
	}

	ul#catalogo-productos a:hover{
		color: #000;
	}
	ul#catalogo-productos.vehiculos a{
		background:url(../imagenes/web/vehiculos.png) no-repeat;
	}	
	
	ul#catalogo-productos a.producto{
		background:url(../imagenes/web/productos.png) no-repeat;
		color:#000000;
		line-height:1.2em;
		padding-bottom:.6em;
		padding-left:3.5em;
		padding-top:0.2em;		
	}

	ul#catalogo-productos a.producto:hover{
		color: #000;
	}
	
	.imgProducto{
		margin-right: 1em;
	}
	
	p.botonera{
		text-align: right;
		width: 36em;
		margin: 0 4em;

	}
		
	.cont a.boton{
		color: #FFF;
		background-color: #000;
		border: 1px solid #000;
		padding: .1em 1em;
	}
	.cont a.boton:hover{
		color: #FFF;
		background-color: #000;
		border: 1px solid #000;
		padding: .1em 1em;		
	}
	.desactivado {
		background-color:#CCCCCC !important;
		color: #000;
	}
	
	ul.propiedades{
		margin: 0 4em;
		padding: 0 1em;
		font: 1.2em Verdana, Arial, Helvetica, sans-serif;
		color:#000;
		border: 1px solid #000;
	}
	ul.propiedades li{
		line-height: 2em;
		border-bottom: 1px solid #999;
	}
	ul.propiedades li.noBorde{
		border-bottom: none;
	}
	ul.propiedades li span{	
		display: block;
		float: left;
		width: 8em;
		font-weight: bold;
	}
	/* ------------------------------------------------------------------------------------------- */
	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;
		padding: 0.5em;
		width: 65.4em;
		z-index: 6;
		height: 100%;
	}	
	* html #contenidoDestacado2 .fondo{
		width: 57em;
		height: 7em;
	}
	a.detalle{
		float: right;
		font: bold 1.4em "Century Gothic", Arial, Helvetica, Sans;
		color: #000;
		margin-right: 2em;
	}	
	
	#contenidoDestacado2 p{
		font: 1.4em Verdana, Arial, Helvetica, sans-serif;
		padding: 1em;
	}
	#contenidoDestacado2 img{
		position: absolute;
		float: left;
		z-index:10;
		width: 8em;
	}
	* 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;*/
		margin: 0 4em;
		/*width: 43.3em;*/
		font: 1.2em Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 1em;
		border: 1px solid #000;
		padding: 0 1em;
	}
	dt{
		float: left;
		font-weight: bold;
		width: 15em;
		line-height: 1.5em;
		border-bottom: 1px solid #DDD;
	}	
	dd{
		color: #666666;
		line-height: 1.5em;		
		border-bottom: 1px solid #DDD;		
	}
	dt.noBorde, dd.noBorde{
		border: none;
	}
	.negrita{
		font-weight: bold;
	}
	.enlaceDestacado{
		font: 1.2em Verdana, Arial, Helvetica, sans-serif;
		color: #000;
	}
	.enlaceDestacado:hover{	
		border-bottom: 1px dashed #000;
	}
	/* ************************************** FORMULARIO ***********************************  */
	fieldset{
		color: #000;	
		text-align: right;
		margin:  auto;
		height: 100%;
		width: 53em;
		border: 1px solid #000;
		padding: .4em .5em;
	}
	legend{
		font: 2em "Century Gothic",Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 1em;
		color: #000;
	}
	label{
		display: block;
		width: 52em;
		float:left;
		margin-top: .8em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
	}
	label span{
		display: block;
		float: left;
		width: 6em;
	}

	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: #000;
		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 #000;
		background-color:#FFF;
		color: #000;
		font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	}
	textarea{
		overflow:auto;
	}

	/*
	.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;
	}
	/* *************************** FORMULARIO CONTACTO **************************************** */
	#frmContacto label{
		width: 43em;
		font: 1.2em Verdana, Arial, Helvetica, sans-serif;
		margin-top: .4em;
	}
	#frmContacto label span{
		width: 10em;
	}
	#frmContacto input, #frmContacto textarea, #frmContacto select{
		font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	}
	#frmContacto .desactivado{
		background-color: #000;
	}
	#frmContacto label.classErr{
		background-color: #666;
		border: 1px solid #999;
		width: 100%;/*68em;*/
		margin-right: .5em;
	}	
	#frmContacto span.descError{
		width: 50em;
		font: 1em Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
	}
	.btnEnviar{
		background-color: #000;
		border: 0 !important;
		/*float:right;*/
		
		color: #FFF;
		font: .9em Verdana, Arial, Helvetica, sans-serif !important;
	}
	.btnValidacion{
		margin: 1em 4em;
	}
	/* *************************** FORMULARIO DETALLE **************************************** */
	#frmDetalle fielset{
		width: 35em;
		font: 1em Verdana, Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
	}
	#frmDetalle legend{
		font: 1.6em Verdana, Arial, Helvetica, sans-serif;

	}
	#frmDetalle label{
		width: 43em;
		font: 1.2em Verdana, Arial, Helvetica, sans-serif;
		margin: .4em 0;
	}
	#frmDetalle label span{
		width: 7em;
		float: left;
	}
	#frmDetalle label input{
		float: right;
		font: 1em Verdana, Arial, Helvetica, sans-serif;
		
	}
	/* ***************************** FORMULARIO BARRA DIRECCIONES **************************** */
	#frmBarraDireccion{
		margin-left: 2em;

	}
	#barraEnlaces{
		width: 100%;
		margin-left: 2em;
		margin-top: .4em;
	}
	#barraEnlaces ul{
		margin: 0;
		padding: 0;
	}
	#barraEnlaces ul li{
		float: left;
		margin-right: 2em;
	}
	#barraEnlaces ul li a{
		color: #000;
		font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
		
	}	

	/* ********************************** LISTADOS ******************************************** */
	.tablaListado{
		clear:both;
		border: 1px solid #000;
		font: 1em Verdana, Arial, Helvetica, sans-serif;
		width: 54em;
		text-align: justify;
		margin: 0.4em auto;
	}
	.tablaListado th{
		background-color: #000;
		color: #FFF;
		margin: 0em 0em 0em 2em;
		font: 1em Verdana, Arial, Helvetica, sans-serif;
		padding-left: 1em;
		white-space:nowrap;
	}
	
	.tablaListado td{
		background-color: #FFF;
		color: #000;
		margin: 0em 0em 0em 0em;
		padding-left: .5em;
		font: 1em Verdana, Arial, Helvetica, sans-serif;
		height: 1.7em;
		border-bottom: 1px solid #000;
	}	
	.tablaListado td a{
		color: #000;
		text-decoration: none;
	}	

/* FIN LISTADOS */

	/* ************************ FORMULARIO VALIDACIÓN **************************************** */
	#frmValidacion fieldset{
		margin: auto;
		width: 30em;
		color: #FFF;
		border: 2px solid #FFF;
	}
	#frmValidacion legend{
		color: #FFF;
		font-size: 1.6em;
		font-weight: bold;
	}
	#frmValidacion label{
		width: 100%;
	}
	#frmValidacion label span{
		display: block;
		float:left;
		font: 1.4em "Century Gothic",Verdana, Arial, Helvetica, sans-serif;
		width: 8em;
		margin-left: 1em;
	}
	
	
	
	/* ************************ FIN FORMULARIO VALIDACIÓN **************************************** */
	
	
/* **************************************** 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;
		width:100%;
		text-align:center;
	}
	#pie a{
		color: #FFF;
	}

	p#sellos {
		margin-top:1.5em;
		margin-bottom: 2em;
	}
	#sellos a{
		margin-left:.5em;
		margin-right:.5em;		
		margin-top: 1.8em;
		padding: .2em;
		color: #FFF;
		border: 1px solid #FFF;
		
	}
	#sellos a:hover{
		color: #000;
		background-color: #FFF !important;
	}