/* ---------------------------------------------------- */
/* --------- Estilos de maketación para RENTROSAS --------- */
/* ---------------------------------------------------- */

/* opción para pintar todos los div's y ver la estructura de la página */
/*div {border: 1px solid orange;}*/


/* css generales */
body {padding: 0px;margin: 0px;font-family: Verdana, Tahoma, Arial, sans-serif;text-align: center; background:url(../images/neutral/fnd.gif) top center repeat-y}
body,p,td,div{font-family: Verdana, Tahoma, Arial, sans-serif;font-size:10px;color:#666666;}
fieldset {margin: 0;padding: 0;border: 0;}
p{margin:10px 0;}
h2,h3{margin:9px 0;}
form{margin:0;padding:0;}

/* css  de cabecera */
#cabecera {position: relative;overflow: hidden;margin: 0;padding: 0;height: 98px;width: 770px;max-width: 770px; background:#FFCC33}
#cabecera #logo {position: relative;overflow: hidden;float: left;top: 5px; left:15px; width: 342px;height: 70px;}
#cabecera #logo img {position: relative;overflow: hidden;border: none;}
#cabecera #top {background-color:#544927; height:17px; padding:3px 0 0 5px; text-align:center;}
#cabecera #top a {color:#FFF2CC; text-decoration:none;}
#cabecera #top a:hover {color: #FFCC00; text-decoration:underline;}
#cabecera #shortcuts {text-align:right}
#cabecera #shortcuts #car, #cabecera #shortcuts #phone {padding-right:10px}



/* estilos para el menuPrincipal */			
#menuPrincipal {position: relative;	overflow: hidden; width: 770px;height: 30px;	margin: 0;	padding: 0; background: url(../images/neutral/fnd_menuprincipal_home.jpg) 0 0 no-repeat;}
#menuPrincipal ul {margin: 0;padding: 0;list-style: none;}
#menuPrincipal li {	margin: 0;	padding: 0;	display: inline; border-right:1px solid #FFFFFF}
#menuPrincipal ul#navegacion {position: relative; width: 758px;height: 26px; margin:7px 0 0 0px;  text-align:center}	
#menuPrincipal #navegacion li a{text-decoration:none;font-size: 12px; color: #FFFFFF; font-weight:bold;font-family:Arial, Helvetica, sans-serif;margin:0 7px; text-transform:uppercase}
#menuPrincipal #navegacion li a.selected{ color: #544927;  background-color: #FFF; padding:0 2px}
#menuPrincipal #navegacion li a:hover{color:#FF9900 }


/* css  de estructura de contenidos */
#contenedor {position: relative;overflow: hidden;margin: 0 auto;padding: 0;	width: 770px;text-align: left; background-color:#FFFFFF}
#contenido{position: relative;	overflow: hidden; width: 770px;	 left: 1px;}
#left {float: left;width: 151px;	margin: 0; padding: 0px 9px; border: 1px solid #FFE79D;background:#FFE28C;}
#right {float:right; width:161px; margin:0; padding:0px 9px; border: 1px solid #FFE79D; background:  url(../images/neutral/fnd_right.gif) 0 0 repeat-y;}
#content {position:relative;left:9px;width:380px;float:left;/* explorer deja espacios a los lados de los div's que hay que tener en cuenta */padding:9px;background:  url(../images/neutral/fnd_contenidos.jpg) 0 0 repeat;border: 1px solid #e5e5e5;}

#content_large {position:relative;left:9px;width:568px;float:left;/* explorer deja espacios a los lados de los div's que hay que tener en cuenta */padding:9px;background:  url(../images/neutral/fnd_contenidos.jpg) 0 0 repeat;border: 1px solid #e5e5e5;}

#pie { background-color:#DCD2B4; text-align: center;width: 770px; margin:1px auto; padding:1px 0;}
	

/** titulos **/
#left h2, #right h2{	font-weight:bold;font-family:Arial,sans-serif ;font-size:11px;color:#FFFFFF;text-transform:uppercase;padding:5px 0 3px 5px;}

h1{background-color:#D9A300;font-weight:bold;font-family:Arial,sans-serif ;font-size:16px;color:#FFFFFF;padding:5px 0 3px 5px;margin:9px 0;}
h2{font-weight:bold;font-family:Arial,sans-serif;font-size:13px;color:#E6AC00;padding:5px 0 3px 5px;text-transform:uppercase; text-align:center;}

h3{background-color:#E6AC00;font-weight:bold;font-family:Arial,sans-serif;font-size:11px;color:#FFFFFF;text-transform:uppercase;padding:5px 0 3px 5px;}
#guia h3{background-color:#DDDDDD;font-weight:bold;font-family:Arial,sans-serif ;font-size:11px;color:#666666;text-transform:uppercase;padding:5px 0 3px 5px;}

/** menu lateral izquierda**/
#left ul{padding:0;margin:0;list-style:none;}
	

/** categorías **/
#left ul.categorias {padding-bottom:10px}
#left ul.categorias li{border-bottom:1px solid #FFF4D2;padding:3px 0;}
#left ul.categorias li a{padding-left:10px;color:#544927;text-decoration:none;font-weight:bold;background: url(../images/neutral/ico_flecha.gif) 3px 6px no-repeat;}
#left ul.categorias li a:hover{color: #FF6600;	text-decoration:underline;background: url(../images/neutral/ico_flecha_activa.gif) 3px 6px no-repeat;}


#content a.categorias {padding-left:10px;color:#544927;text-decoration:none;font-weight:bold;background: url(../images/neutral/ico_flecha.gif) 3px 6px no-repeat;}
#content a:hover.categorias {color: #FF6600;	text-decoration:underline;background: url(../images/neutral/ico_flecha_activa.gif) 3px 6px no-repeat;}

#content a {color:#544927;text-decoration:none;font-weight:bold;}
#content a:hover{color: #FF6600;	text-decoration:underline;}

#content ul {padding-bottom:10px;list-style:none; list-style-image:url(../images/neutral/ico_flecha.gif);}
#content li {padding-left:5px;text-decoration:none;  *padding-left:0px; padding-bottom:3px;}

/** menu lateral izquierda**/
#content_large ul{padding-left:10px;margin:0;list-style:none;}
	

/** categorías **/
#content_large ul.categorias {padding-bottom:10px}
#content_large ul.categorias li{border-bottom:1px solid #FFF4D2;padding:3px 0;}
#content_large ul.categorias li a{padding-left:10px;color:#544927;text-decoration:none;font-weight:bold;background: url(../images/neutral/ico_flecha.gif) 3px 6px no-repeat;}
#content_large ul.categorias li a:hover{color: #FF6600;	text-decoration:underline;background: url(../images/neutral/ico_flecha_activa.gif) 3px 6px no-repeat;}



/** menu publicidad **/
#left #publicidad_lateral img{padding:3px;background-color:#FFF4D2;margin-bottom:10px;}


/** Formularios laterales **/
#right label{color:#000000;}
#left label,#right label{font-weight:bold;}
#right label .peq{font-size:9px;font-weight:normal;}

/** botones **/		
#left .boton, #right .boton{background-color:#666666;border-left:1px solid #333333;border-bottom:2px solid #333333;border-top:2px solid #333333;
border-right:2px solid #333333;	float:left}
#left a.boton, #right a.boton{font-family:helvetiva,Arial,sans-serif ;font-size:11px;font-weight:bold;color:#FFFFFF;text-transform:uppercase;
text-decoration:none;padding:2px 3px 2px 3px}
#content .boton {background-color: #D78100;border:2px solid #333333; float:left; margin:15px 0 0 15px}
#content a.boton {font-family:helvetiva,Arial,sans-serif ;font-size:11px;font-weight:bold;color:#FFFFFF;text-decoration:none;padding:2px 3px 2px 3px}


/** escaparate destacado **/
.escaparate_destacado {position:relative; float:left; clear:both; background-color:#FFF; border:1px solid #ccc; width:99%; *width:378px; _margin-bottom:10px; *margin-bottom:10px;}
.escaparate_destacado h3{font-weight:bold;font-family:Arial,sans-serif;font-size:13px;color:#A9934F;text-transform:uppercase;padding:5px 0 0px 5px; margin-top:0; background: #FFF}
.producto_destacado {margin-right:7px;}
.producto_destacado  .imagen {position:relative; float:left;  margin-bottom:3px;padding:5px; width: 150px;}
.producto_destacado .datos{position:relative; float:right; width:200px; margin-top:5px}
.producto_destacado .descripcion {font-size:11px;}
.producto_destacado .datos a:hover {color: #FFCC00;}


/** escaparate2  **/
.escaparate2 {margin:5px 0; background: url(../images/neutral/fondo_listas.jpg) left bottom repeat-x;}
.escaparate2 .producto{float:left;	margin-right:15px;margin-bottom:10px; width: 180px; background-color:#FFFFFF; border:1px solid #ccc}
.escaparate2 .ultimo{margin-right:-15px;}
.escaparate2 .producto .imagen{position:relative; float:left;  margin-bottom:3px;padding:5px 5px 0 5px; width: 100px;}
.escaparate2 .datos{position:relative; float:right; width:80px; margin-top:20px}
.escaparate2 .info { clear:both; margin:7px 7px; border-top:2px dotted #ddd; padding-top:5px}
.escaparate2 .nombre a {font-size:11px; color: #544927; font-weight:bold;}
.escaparate2 .nombre a:hover {color: #FF9900;}
.escaparate2 .stock {font-size:11px; color: #544927; font-weight:normal;}
.escaparate2 .precio {background-color: #FFFFFF;  border:1px solid 83863C; float:right; margin:20px 0 0 5px; padding:3px; color: #FF3300; font-size:12px; font-weight:bold; width:40px; text-align:center}
.escaparate2 .precio .label {font-size:9px; font-weight:normal;}

.todos {text-align:left;}
p.todos  {margin:0 0 0 0;}
.todos a{color:#544927;font-weight:bold;}
.todos a:hover{color: #FF9900;font-weight:bold;}


/** PIE **/

#copyright {margin:13px;font-family:Arial, Helvetica, sans-serif;}
#copyright .txt{float:left;text-align:left}
#copyright .txt a{color: #544927; text-decoration:none;}
#copyright .img{float:right;}


/** listados lo más **/
#right .lomas ol{padding-bottom:5px; padding:0 0 0 24px;margin:0 0 10px 0;}	
#right .lomas ol li{border-bottom:1px solid  #EDD789;padding:3px 0;}
#right .lomas ol li a{color:#544927;text-decoration:none;}
#right .lomas ol li a:hover{color: #FF6600;text-decoration:underline;}


/** formularios **/
input  {color: #666;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 110%;}



/** especiales **/
.clearfix:after {content: "."; display: block;  height: 0; clear: both;  visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/************** BUSQUEDA VEHICULOS******************/

.form_cont {background-color: #F1EEE2;border: 1px solid #BFB17B;padding: 5px 5px 10px 5px; overflow:hidden;}
.form_cont select, .form_cont input, TEXTAREA {color: #666;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 110%;}
.form_cont2 {position:relative; padding: 3px;}
.form_cont2 a img {margin: 0 20px 0 10px;}
.form_cont2 div {position:relative; float:left;  clear:left; padding: 2px 10px 0 0;	text-align: right; }
.form_cont2 div.space1 {position:relative; width: 90px;}
.form_txt {width: 70px;}
.form_label {color:#000000;	font-weight:bold;font-size:12px;}
.end {height:20px}
#content .form_cont2 .boton {background-color: #D78100;border:2px solid #FFF; float:right; margin:-15px 0 0 5px;}
#content_large .form_cont2 .boton {background-color: #D78100;border:2px solid #FFF; float:right; margin:-15px 0 0 5px;}

#header {margin: 10px 0 0 0;}
#header_txt {position:relative; background: url(../images/neutral/fnd_search.gif) no-repeat left top; color: #FFFFFF; font-size: 10px; font-weight: bold;padding: 3px 0 0 5px;}
#header2_txt {position:relative; background: url(../images/neutral/fnd_search2.gif) no-repeat left top; color: #FFFFFF; font-size: 10px; font-weight: bold;padding: 3px 0 5px 5px;}
#header3_txt {position:relative; background: url(../images/neutral/fnd_search3.gif) no-repeat left top; color: #FFFFFF; font-size: 10px; font-weight: bold;padding: 3px 0 5px 5px;}

#pestanya {color: #FFFFFF; font-size: 10px; font-weight: bold;padding: 0px 0 0 5px;}

/*** login ***/
#right #login input {border:2px solid #333333;}
#right #login input#txtLogin {margin-left:5px; margin-bottom:2px; _margin-bottom:0; *margin-bottom:0; width:80px}
#right #login input#txtPassword {margin-left:10px; width:80px}
#right #login label {color:#A47B00;}
#right #login a.boton_login {color: #FF9900; font-weight:bold; text-decoration: none;}
#right #login a{color:#544927;text-decoration:none;}
#right #login a:hover{color: #FF6600;	text-decoration:underline;background: url(../images/neutral/ico_flecha_activa.gif) 3px 6px no-repeat;}

#right #login .user {color:#FFCC00; font-weight:bold; padding:5px 0 7px 5px}
#right #login ul#links {margin:5px 0 5px 0; padding:10px 0 0 0 }
#right #login ul#links li { list-style: none; padding-bottom:3px}
#right #login ul#links a{color:#544927;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-weight:normal;text-decoration:none;}
#right #login ul#links a:hover{color:#FF9900}
#right #login ul#links{padding-bottom:10px;border-bottom:1px solid #ccc;margin-bottom:7px; }