/* CSS Document */
body{
	padding:0; margin:0; font-family: Arial, "Trebuchet ms", Verdana, sans-serif;
	font-size:13px; color:#6B6854;
	background-image:url(../images/image_background.gif);
	background-repeat:repeat-y;
	margin:0 auto;
	background-position:center; 
	}
div, p, h1, h2, h3, h4, img, form, input{
	padding:0; margin:0;
	}
.blank{
	clear:both;
	font-size:0;
	line-height:0;
	}
/*----------------------------------upper table----------------------*/
/* DEPENDE DE LA MARCA 
#upperpan{
	width:100%;
	background:url(../images/upper_pan_bg.gif) repeat-x #FDFEFF;
	color:#6B6854;
	}
/*------------------header----------------*/

#header {
	height:120px;
	width: 100%;
}

#header h1{
	font-size:29px;
	text-align: left;
	position:absolute;
	top:50px;
	left:325px;
	color: #333333;
}

	
#header .img_logo{
	margin-top:20px;
}


#header .div_txtheader{
	margin:0 auto;
	text-align:left;
	width:907px;
	background-image:url(../images/header_bienvenido.png);
	background-repeat:no-repeat;
	background-position: right;
	height:120px;
}


#header_wrapper_bg_trans{
	background-image:url(../images/image_borde_sup.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0 auto;
	height:12px;
}

#background_wrapper{
	background-image:url(../images/image_background.gif);
	background-repeat:repeat-y;
	margin:0 auto;
	background-position:center; 
}

#menu{
	width:778px; 
	margin:0 auto;
}

#menu h1{
	background:url(../images/slogan.gif) no-repeat; position:absolute; text-indent:-2000px;
	top:85px; left:211px; width:434px; height:23px;
	}
#menu .navi{
	margin-top:10px;
}

#menu ul.navi{
	width:800px; position:relative; display:block; list-style: none;
	}
#menu ul.navi li{
	float:left; padding:0 8px 0 8px; text-transform:uppercase; 

	}
#menu ul.navi img{
	padding: 0px;
	margin: 0px; 

	}	
#menu ul.navi li a.na{
	text-indent:0px; color:#C2C2C0; text-decoration:none; display:block; height:22px; float:left;

	font-family: Arial, Helvetica, sans-serif;
	 font-weight:700; font-size:12px; line-height:22px;
	padding:0px 3px 0px 3px; margin:2px 0 2px 0; 
	}
	
/* DEPENDE DE LA MARCA 
#header ul.navi li a.na:hover{
	background-color:#FDFEFF; color:#F7B100;
	}
*/
/*-------------------------who we are--------------*/


#who{
	width:778px; margin:0 auto 0 auto; color:#6B6854; 
	}

#who_izqda{
	width:200px;
	height:83px;
	background: url('../images/who_pic.jpg') no-repeat;
	float:left;
}

#who_drcha{

	width:578px;
	float:right;
}
#who_drcha h2{	
	margin:10px 0 0 20px; display:block;
	}	
#who_drcha p{	
	margin:9px 0 0 20px; display:block; padding-bottom:1px; font-size:13px; 
	}
#who_drcha p strong{
	color:#F7B100; background-color:#FDFEFF;
	}
#who_drcha p.line {
	background:url(../images/line.gif) no-repeat left;  height:16px; display:block; width:469px;
	margin-bottom:52px;	

	}
#who_drcha p.line a{
	font:12px/16px Verdana, Arial, Helvetica, sans-serif; color:#467700; font-weight:bold;
	text-decoration:none; 	height:16px; display:block; padding:0; float:right; background-color:#FDFEFF;
	}
#who_drcha p.line a:hover{
	text-decoration:underline;
	}
/*------------------------middle table-------------------
#middle100{
	width:100%;
	background:url(../images/middle_table_bg.gif) repeat-x #FDFEFF; float:left; color:#6B6854;
	}
/*--------------------------------------midle---------------------*/
#middle{
	width:900px; margin:0 auto; padding-top:30px;min-height: 400px;
	}

#middle a{
	color: gray;
	font-weight: bold;
	text-decoration: none;
}

#middle a:hover{
	color: red;
	text-decoration: underline;		
}

#BarraSuperior{
	font-size: 15px;
	font-weight: bold;
	height:30px;
	color: #000;
	padding-left: 10px;
	background-image: url('../images/Title_degradado.gif');
}	
/*-----------------------------left pan----------*/
#left{
	width:670px; float:left; background-color:#FDFEFF; position:relative; color:#6B6854;padding-left:20px;
	}
#left h2{
	margin:0 0 0 15px;
	height:48px; 
	}
#left h3{
	color:#DA6C00; font-family: Arial, "Trebuchet ms", Verdana, sans-serif; font-weight:bold; font-size:13px; 
	  width:200px; background-color:#FDFEFF;
	}

#left p.oculto{
	display: none;
}	
#left h4{
	color:#6B6854; font-family: Arial, "Trebuchet ms", Verdana, sans-serif; font-weight:bold; font-size:14px; width:168px;
	margin:0 0 15px 15px; display:block; background-color:#FDFEFF; 
	 }
#left p span{
	color:#61A500; background-color:#FDFEFF;
	}

#left p.line {
	background:url(../images/line_2.gif) no-repeat left #FDFEFF; height:16px; display:block; width:157px;
	margin:0 0 69px 15px; color:#6B6854;

	}
#left p.line a{
	font:12px/16px Verdana, Arial, Helvetica, sans-serif; color:#467700; font-weight:bold;
	text-decoration:none; background-color:#FDFEFF;
	height:16px; display:block; padding:5px 10px 0 0; float:right;
	}
#left p.line a:hover{
	text-decoration:underline;
	}
	
.img_ppal{
	margin: 10px 0 10px 2px;
}

.oculto{display:none;}
/*----------------------------contact----------------*/

/*----------------------------mid----------------*/
#mid{
	text-align:center;
	width:180px; 
	border:#DCDBDB 1px solid; color:#6B6854;
	float:right; background-color:#FDFEFF;  font-family: Arial, "Trebuchet ms", Verdana, sans-serif; text-align:center;
	margin-right:10px;
	}
#mid  h2{
	background:url(../images/login_icon.gif) no-repeat #EDEDED; color:#4F4F4F; width:234px; height:61px; padding-bottom:14px;  text-indent:-2000px;
	}

#mid form label{
	width:125px; height:18px; background:url(../images/regi_arrow.gif) no-repeat 8px 5px #EDEDED; color:#373737; font-size:16px;
	padding:0 0 0px 28px; display:block; font-weight:bold; line-height:17px; float:left; 
	}
#mid form label a {
	color:#373737; text-decoration:none; background-color:#EDEDED;
	}
	#mid form label a:hover {
		text-decoration:underline;
		}
#mid form input.button{
	width:49px; height:18px; float:left; display:block;
	background:url(../images/login_buttom.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:0px;
	font-weight:bold; line-height:18px; border:none;  cursor:pointer;
	 }
#mid h3{
	width:234px; height:64px; background:url(../images/want.gif) no-repeat 0 0 #FDFEFF; text-indent:-2000px; margin-top:11px;
	color:#999999;
	}
#mid ul{
	width:231px; display:block; margin:27px 0 0 0 ;
	}
#mid ul li{
	display:block; height:61px; font:14px/13px Verdana, Arial, Helvetica, sans-serif; color:#585858; font-weight:bold;
	background-color:#FDFEFF; 
	}
#mid ul li a{
		background:url(../images/mid_arrow.gif) no-repeat 0 5px #FDFEFF; padding-left:10px; margin-top:8px; display:block;
	font:13px/13px Verdana, Arial, Helvetica, sans-serif; color:#585858; text-decoration:underline;
	}
#mid ul li a:hover{
	text-decoration:none;
	}
 a.view{
	background:url(../images/mid_morebg.gif) no-repeat #FFFFFF; width:92px; height:12px; display:block; font-weight:bold; 
	font:12px/12px Verdana, Arial, Helvetica, sans-serif; color:#467700; text-decoration:none; padding:0 0 0 135px;
	 margin:0 0 20px 0;
	}
a.view:hover{
	color:#000000; background-color:#FDFEFF;
	text-decoration:underline;
	}

/*---------------------------------footer-----------------*/
#footer100{
	width:100%; height:114px; 
	border-top:#EDEDED 6px solid;
	}
#footer{
	width:900px; 
	margin:0 auto 0 auto; height:114px; font-family: Arial, "Trebuchet ms", Verdana, sans-serif;
	}
#footer a{
	font:12px/36px Verdana, Arial, Helvetica, sans-serif; color:#999999; background-color:#FDFEFF;
	text-decoration:none; margin:0 11px 0 11px; 
	}
#footer a:hover{
	text-decoration:underline;
	}
#footer p{
	color:#000000; font-size:12px; line-height:20px; background-color:#FDFEFF;
	}
#footer p a {
	color:#000; background-color:#fff; text-decoration:underline; margin:0; padding:0;
	}
#footer p a:hover {	
	color:#000;
	background-color:#C6C6C6;
	}

/***contacto***/
#contact-area {
	width: 670px;
	margin-left:10px;
}

#contact-area img{
	display: inline;
	padding: 0 10px 0 0;
}

#contact-area input, #contact-area textarea {
	padding: 2px;
	width: 350px;
	margin: 0px 0px 8px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	margin-left:85px;
}

#contact-area label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 70px;
	padding-top: 5px;

}

/********************************************************************************************************************************/
/*TABLAS*/
/********************************************************************************************************************************/
.TablaAzul{margin-bottom: 20px;}
.TablaAzul td{
	text-align: center;
}
.TablaAzul label{
	text-align: left;
	width:75px;
	color: #555555;
	font-weight: bolder;
}

.TablaAzul select{
	width: 153px;
}

.TablaAzul .valoresfiltro{
	text-align: center;
}

.TablaAzul table caption {
	padding: 0 0 5px 0;
	font: italic 11px Arial, "Trebuchet ms", Verdana, sans-serif;
	text-align: right;
}

.TablaAzul th {
	height: 26px;
	font: bolder 10px Arial, "Trebuchet ms", Verdana, sans-serif;
	color: #4f6b72;
	border: 1px solid #C1DAD7;
	text-transform: uppercase;
	text-align: left;
	background: #CAE8EA url(../images/table_bg.gif) repeat-x;
}

.TablaAzul th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.TablaAzul td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
}

.TablaAzul .NumResultados {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFCC;
	color: #4f6b72;
}

.TablaAzul input{
	border: 1px solid #C1DAD7; 
}

/**************************************************************************************************************************/
/********************************************** FORM			 **********************************************************/
/**************************************************************************************************************************/

form.cmxform {
	width: 95%; /*Ancho del formulario*/
	color: #444444;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	border:1px solid #CCC;
	background-color: #f1f1f1;
	padding:0px;
	margin:0px;
}

form.no_border{
	border:0;
}

form.cmxform p {margin:0px;}
form.cmxform label {
	float: left;
	width: 100px; /*Ancho de la primera columna*/
}

form.cmxform fieldset {
	border: none;
	margin:0px;
	padding:10px;
	background-color: #f1f1f1;
}
form.cmxform fieldset fieldset {
	background: none;
}
form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 7px 7px 7px;
	background: url(../images/divisor.gif) left top repeat-x;
}
 
.indicacionform {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
}

form.cmxform table tr{
	background: url("../images/divisor.gif") left top repeat-x;
}

form.cmxform table td{
	width:50%;
	vertical-align: top;
}

form.cmxform h3{
	margin-left:20px;
	padding:10px;
}

/* ELEMENTOS INPUT, TEXTAREA, SELECT,... */
textarea, input  {border: 1px solid #d5dae7;font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666; padding:3px}
select {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; }
textarea:focus, input:focus{ border:1px solid #89b21b; }
input.error { border: 1px solid #ffa17f; }
/* BOTONES*/
form .submit {
	width:68px;
	height:25px;
	border:none;
	background: url(../images/ingresar.png) no-repeat;
}
form .submit:hover {
	width:68px;
	height:25px;
	border:none;
	background: url(../images/ingresar_over.png) no-repeat;
}
form .grabar { 
	margin-top:20px;
	width:59px;
	vertical-align:bottom;
	height:25px;
	background-image:url(../images/Grabar.gif);
	border:none;
	cursor:pointer;
}

form .imagen { 
	display:block;
	margin-top:10px;
	width:53px;
	height:27px;
	background-image:url(../images/EnviarImagen.gif);
	border:none;
}

/* CONTEO TOTAL DE ERRORES*/

#warning {
	display:none;
}
/* ETIQUETAS DE ERROR Y OK A NIVEL DE ELEMENTO*/
em.error {
	display:inline;
	margin-left:5px;
	text-align:left;
	height:10px;
	background:url(../images/error.gif) no-repeat 0px 0px;
	padding-left:15px;
	font: 10px "Trebuchet MS", Arial, sans-serif;
	color: #ff5432;
}
em.success {
	display:block;
	height:10px;
	background:url(../images/ok.gif) no-repeat 0px 0px;
	padding-left:15px;
	font: 10px "Trebuchet MS", Arial, sans-serif;
	color: #336699;
}

/**************************************************************************************************************************/
/********************************************** AUTOCOMPLETE	 **********************************************************/
/**************************************************************************************************************************/

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0px;
	margin: 0;
	
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	text-align: left;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}



.loading_image{
	position:absolute;
	top:4%;
	left:95%;
	display:none;
}

.ficha_loading_image{
	position:absolute;
	top:50%%;
	left:50%;
	display:none;
}
/**************************************************************
   Noticias
 **************************************************************/

.noticia {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #CCCCCC;
}

.noticia img{
	float:left;
	margin-left: 50px;
	margin-right: 10px;
}

.noticia .date {
  position: absolute;
  top: 0;
  left: 5px;

  width: 2.3em;
  text-align: right;
}

.noticia .date .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #888;
}

.noticia .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.noticia .title {
  display: block;
  padding: 0 0 5px 0;

  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

.noticia p.encabezado {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}

.noticia .cuerpo{
	padding-left:63px;
}

.campofecha{
	margin-right: 5px;
	width:90px;
	text-align: center;
}
/**************************************************************
   Ficha vehiculo
 **************************************************************/
#ficha{
	float: left; 
	width: 100%;
} 
 
.boton_grabar {
	margin: .5em 0 .5em 8px;
	color: #555555;
	/*background: #e6e6e6 url(../Imagenes/ui_theme/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;*/
	background: #dadada url(../images/ui_theme/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-size: 1em;
	border: 1px solid #b3b3b3;
	cursor: pointer;
	width:200px;
	line-height: 1.4em;
} 

#DatosFichaVehiculo{
	float:left;
	width: 425px;
	color: #3B3B3B;
}
#DatosFichaVehiculo_top{
	/*width:450px;*/
	width:545px;
	height:53px;
	background-image: url("../images/background/ficha_top.png");
	background-position: right;
}
#DatosFichaVehiculo_middle{
	width:545px;
	background-image: url("../images/background/ficha_middle.png");
	background-repeat: repeat-y;
	background-position: right;
}
#DatosFichaVehiculo_bottom{
	width:545px;
	background-image: url("../images/background/ficha_bottom.png");
	height:66px;
	background-position: right;
}

#DatosFichaVehiculo ul{
	padding:0 10px;
	float:left;
	width: 480px; /*Este ancho será el total que ocupen muestras columnas */
	list-style-type: none; /*Eliminamos las viñetas */
	background-image: url("../images/divisor.gif");
	background-position: bottom;
	background-repeat: repeat-x;	
	padding-bottom: 10px;
}
#DatosFichaVehiculo li{
	display:inline; /*Se declara que las propiedades serán otorgadas a cada linea*/
	float: left;
}

#DatosFichaVehiculo span{
	padding:8px;
}
#DatosFichaVehiculo .w15{
	width: 18%;
}

#DatosFichaVehiculo .w20{
	width: 20%;
}
#DatosFichaVehiculo .w40{
	width: 42%;
}

#DatosFichaVehiculo label{
	width:50px;
	text-align: left;	
}

#FotosFichaVehiculo{
	width: 750px;
}

#FotosFichaVehiculo_top{
	width:750px;
	height:53px;
	background-image: url("table_top.gif");
	background-position: right;
}

#FotosFichaVehiculo_middle{
	width:750px;
	background-image: url("../images/background/fotos_middle.png");
	background-repeat: repeat-y;
	background-position: right;
}

#FotosFichaVehiculo_bottom{
	width:750px;
	background-image: url("../images/background/fotos_bottom.png");
	height:53px;
	background-position: right;
}

#ContactoFichaVehiculo{
	float:right;
	width: 320px;
	padding-right:10px;
	color: #3B3B3B;
}

#ContactoFichaVehiculo_top{
	width:320px;
	height:53px;
	background-image: url("../images/background/contacto_top.png");
	background-position: right;
}

#ContactoFichaVehiculo_middle{
	width:320px;
	background-image: url("../images/background/contacto_middle.png");
	background-repeat: repeat-y;
	background-position: right;
}

#ContactoFichaVehiculo_bottom{
	width:320px;
	background-image: url("../images/background/contacto_bottom.png");
	height:53px;
	background-position: right;
}

#ContenidoContacto{
	width: 80%;
	padding-left:25px;
}

#ContactoFichaVehiculo label{
	float:left;
	padding:0;
	width:60px;
}

.ImgLoadingFicha{
	position: relative;
	left: 50%;
	top: 50%;
}



/*	MENU HORIZONTAL CSS*/

#menuHoriz ul
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:36px;
	font-size:14px;
	font-weight:bold;
	background:transparent url("../images/bg.jpg") repeat-x top left;
	font-family:"Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

#menuHoriz ul li
{
	display:block;
	float:left;
	margin:0;
	pading:0;
}
	
#menuHoriz ul li a
{
	display:block;
	float:left;
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	padding:12px 20px 0 20px;
	height:24px;

}
	
#menuHoriz ul li a:hover
{	
	color:#FFFFFF;
	background:transparent url("../images/over.jpg") no-repeat top right;	
}
                    
/*APARTADOS*/

#Apartados table{
	width:600px;
}                    

#Apartados label{
	width: 120px;
	float:left;
}
#Apartados table td{
	text-align: left;	
}

#menuServicios{
	margin:30px;
}

#menuServicios ul{
	list-style-type: none;
}
#menuServicios ul li{
	background-image: url(../images/logo_renault_thumb2.png);
	background-position: left;
	background-repeat: no-repeat;
	padding:12px 0 0 50px;
	vertical-align: bottom;
	height: 40px;
	font-size: 20px;
	text-transform: uppercase;
}

#menuServicios ul li a:hover{
	color:#FAB801;
}