/* @override http://www.atlasrentacar.es/css/global.css */

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset,img {
border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}

ol,ul {
list-style: none;
}

caption,th {
text-align: left;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}

q:before,q:after {
content: '';
}

:focus {
outline: 0;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^ reset.css ^^^^^^^^^^^^^^^^^^^^^^^ */

/*
--- body ----------------------------------------------------------------------------------	body
*/

body {
font: 13px Tahoma, "Trebuchet MS", Trebuchet, Tahoma, Verdana, Lucida, Helvetica, Arial, sans-serif;
color: #000;
margin: 0px;
padding: 0px;
text-align: center;
background-color: #d0d0d0;
}

/*
--- Elementos comunes --------------------------------------------------------------------	Elementos comunes
*/

div {
position: relative;
}

strong {
font-weight: bold;
}

ol {
list-style: decimal;
}

abbr,
acronym {
cursor: help;
}

.fin {
clear: both;
}

a {
color: #ad0101;
}

a:hover {
color: #fe5737;
}

h2 {
color: #ad0101;
font-size: 20px;
margin-bottom: 0.5em;
}

h3 {
color: #ad0101;
font-size: 18px;
margin-bottom: 0.5em;
}

h4 {
color: #ad0101;
font-size: 16px;
margin-bottom: 0.5em;
}


/* 
--- layout -------------------------------------------------------------------------------	div layout
*/

div#layout {
width: 750px;
position: relative;
margin: 0px auto 0px auto;
background-color: #fff;
text-align: left;
border-bottom: 1px solid #777;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;

}

/*
--- cabecera -----------------------------------------------------------------------------	div cabecera
*/

#cabecera {
background-color: #fcfcfc;
background-image: url(../img/fondo_cabecera.png);
background-repeat: no-repeat;
background-position: top left;
height: 151px;
}

#cabecera h1 {
background-image: url(../img/logo_atlas.png);
width: 147px;
height: 51px;
position: absolute;
top: 50px;
left: 52px;
}

#cabecera h1 span {
display: none;
}

#logo {
position: absolute;
top: 2px;
left: 468px; /* 473 */
z-index: 2;
}

#seleccion-idiomas-cabecera {
position: absolute;
top: 5px;
right: 5px;
z-index: 3;
}

#seleccion-idiomas-cabecera select {
font-size: 9px;
background-color: #A5A5A5;
color: #444;
border: 1px solid gray;
}

#seleccion-idiomas-cabecera option {
border: none;
}

#seleccion-idiomas-cabecera select.seleccionado {
background-color: #ddd;
color: #000;
border: 1px solid #AD0101;
}

/*
--- menu ----------------------------------------------------------------------------------	
*/

#menu {
background-color: #ad0101;
background-image: url(../img/fondo_menu.png);
background-repeat: no-repeat;
background-position: top left;
height: 40px;
overflow: hidden;
width: 100%;
}

#menu ul,
#menu li {
display: inline;
}

#menu li span {
line-height: 40px;
padding-top: 10px;
padding-bottom: 10px;
display: inline;
}

#menu li span a {
color: #fff;
border-right: 1px solid #8F0101;
font-size: 15px;
font-weight: bold;
padding: 10px 61px;
text-decoration: none;
}

#menu li span a:hover {
background-color: #D12323;
}

#menu li.seleccionado span a {
background-color: #fe6241;
background-image: url(../img/fondo_menu_seleccionado.png);
background-repeat: repeat-x;
background-position: top left;
}

/*
--- contenido ----------------------------------------------------------------------------------	
*/

#contenido {
background-color: #fff;
background-image: url(../img/fondo_top_contenido.png);
background-repeat: repeat-x;
background-position: top;
padding-top: 7px;
padding-bottom: 15px;
}

#contenido.bienvenida p {
margin-bottom: 0;
vertical-align: middle;


}

#contenido p {
margin-bottom: 0.5em;
}

/*
-- Reservas ------------------------------------------------------------------------------------
*/

/* Calendario */

div#envoltorio-calendario {
position: absolute;
left: 400px;
top: 40px;
z-index: 10;
}

div#calendario {
background-color: #eee;
border: 2px solid #E32F11;
}

div#calendario table.calendario {
text-align: center;
}

div#calendario table.calendario td {
width: 1.5em;
margin: 0;
}

div#calendario table.calendario th {
color: #AD0101;
font-weight: normal;
text-align: center;
margin: 0;
}

div#calendario table.calendario th a {
padding: 0px 2px;
background-color: #E32F11;
text-decoration: none;
color: #fff;
font-weight: bold;
display: block;
}

div#calendario table.calendario td.dias_semana {
font-weight: normal;
color: #E32F11;
}

div#calendario table.calendario tbody.fechas td {

}

div#calendario table.calendario tbody.fechas a {
padding: 0px 2px;
background-color: #FED8AC;
text-decoration: none;
color: #000;
display: block;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;

}

div#calendario table.calendario tbody.fechas a:hover {
background-color: #FE5737;
color: #fff;
}


/*
--- Paso 1 --------------------------------------------------------------------------------------
*/

form#paso-1 {
position: absolute;
left: 16px;
background-image: url(../img/fondo_area_reserva_bienvenida.png);
background-repeat: no-repeat;
width: 361px; /* 381 - 20 padding */
height: 181px; /* 201 - 20 padding */
}

#paso-1 p.seleccionar-fecha a {
background-image: url(../img/icono_calendario.gif);
background-position: bottom left;
background-repeat: no-repeat;
position: absolute;
top: 4px;
left: 250px;
width: 23px;
height: 23px;
}

#paso-1 p.encabezado {
font-weight: bold;
font-size: 120%;
color: #ad0101;
}

#paso-1 p.seleccionar-fecha a span {
display: none;
}

#paso-1 p.seleccionar-fecha input.fecha {
width: 80px;
border: 1px solid #aaa;
height: 20px;
text-align: center;
}

#paso-1 p.seleccionar-fecha select {
position: absolute;
left: 284px;
}

#paso-1 #total-dias {
font-size: 12px;
margin-top: 0;
margin-bottom: 0;
margin-left: 160px;
text-align: left;
visibility: hidden;
color: #333;
}

#paso-1 #total-dias a {
text-decoration: none;
}

#paso-1 #total-dias a:hover {
text-decoration: none;
}

/* Ofertas bienvenida */

.bienvenida #ofertas {
z-index: 3;
width: 100%;
margin-right: 2em;
margin-top: 330px;
}

.bienvenida #ofertas ul li {
width: 320px;
height: 130px;
float: left;
border: 2px solid #d9d5d5;
background-color: #e3e3e3;
margin-left: 2em;
margin-bottom: 1.5em;
padding: 5px;
position: relative;
}

.bienvenida #ofertas ul li img {
border: 1px solid #d9d5d5;
float: left;
margin-right: 10px;
}

.bienvenida #ofertas ul li span {
color: #333333;
font-size: 13px;
font-weight: normal;
display: block;
margin-left: 135px;
}

.bienvenida #ofertas ul li span.desde,
.bienvenida #ofertas ul li span.hasta {
color: #ad0101;
margin-left: 0;
display: block;
}

.bienvenida #ofertas ul li span.tipo-oferta {
font-size: 15px;
color: #ad0101;
font-weight: bold;
line-height: 120%;
margin-bottom: 5px;


/*
position: absolute;
top: 5px;
left: 132px;
*/
}


/*
--- Paso 2 --------------------------------------------------------------------------------------
*/

form#paso-2 {
padding: 25px;
}

div#preferencias-vehiculo {
width: 120px;
border: 1px solid #ccc;
background-color: #F3F3D7;
padding: 3px 0.5em;
margin-bottom: 2em;
float: left;
}

div#preferencias-vehiculo p {
margin-bottom: 1em;
position: relative;
line-height: 150%;
}

div#preferencias-vehiculo p label {
margin-left: 0.5em;
display: block;
}

div#preferencias-vehiculo span {
display: block;
font-weight: bold;
margin-bottom: 0.5em;
}

form h2 {
color: #ad0101;
font-size: 20px;
margin-top: 1em;
margin-bottom: 1em;
}

form h3 {
color: #444;
font-size: 15px;
margin-bottom: 0.5em;
}


/*
--- Lista vehiculos ---
*/

ul.vehiculos {
float: left;
width: 525px;
margin-left: 40px;
}

ul.vehiculos li {
border: 1px dotted #bbb;
position: relative;
height: 130px;
margin-bottom: 1em;
}

ul.vehiculos li img {
position: absolute;
top: 3em;
left: 1em;
}

ul.vehiculos li input {
position: absolute;
right: 1em;
bottom: 1em;
padding: 3px 10px;
background-color: #ad0101;
border-top: 1px solid #ca3838;
border-left: 1px solid #ca3838;
border-right: 1px solid #7C0101;
border-bottom: 1px solid #7C0101;
color: #fff;
font-weight: normal;
font-size: 13px;
letter-spacing: 1px;
}

ul.vehiculos li span {
position: absolute;
}

ul.vehiculos li span span {
position: relative;
}

ul.vehiculos li .tarifa_base {
right: 30px;
top: 5px;
font-size: 20px;
font-weight: normal;
color: #ad0101;
}

ul.vehiculos li .tarifa {
right: 30px;
top: 30px;
font-size: 26px;
font-weight: normal;
color: #ad0101;
}

ul.vehiculos li .total {
right: 31px;
top: 65px;
font-size: 12px;
font-weight: bold;
color: #ad0101;
}

ul.vehiculos li .vehiculo {
font-size: 16px;
font-weight: bold;
color: #E32F11;
top: 5px;
left: 8px;
}

ul.vehiculos li .grupo,
ul.vehiculos li .puertas,
ul.vehiculos li .plazas,
ul.vehiculos li .combustible,
ul.vehiculos li .aire,
ul.vehiculos li .clima,
ul.vehiculos li .mas-info,
ul.vehiculos li .cilindrada {
left: 160px;
}

ul.vehiculos li .cilindrada {
top: 0.5em;
}

ul.vehiculos li .grupo {
display: none;
}

/*
ul.vehiculos li .grupo {
top: 0.5em;
font-weight: bold;
}
*/

ul.vehiculos li .puertas {
top: 2em;
}

ul.vehiculos li .plazas {
top: 3.5em;
}

ul.vehiculos li .aire,
ul.vehiculos li .clima {
top: 5em;
}

ul.vehiculos li .combustible {
top: 6.5em;
}

ul.vehiculos li .mas-info {
top: 8em;
}

ul.vehiculos li .mas-info a {
color: #444;
}


/*
--- Paso 2 B --------------------------------------------------------------------------------------
*/

form#paso-2-b {
padding: 25px;
}

#mas-info {
padding: 25px;
border: 1px dotted #9D2919;
}

#mas-info {

}

#mas-info div {
font-size: 14px;
width: 375px;
position: absolute;
right: 0;
top: 0;
}

#mas-info .vehiculo {
font-size: 18px;
font-weight: bold;
color: #E32F11;
display: block;
}

#mas-info .tarifa {
right: 30px;
top: 30px;
font-size: 26px;
font-weight: normal;
color: #ad0101;
}

form#paso-2-b #mas-info .tarifa {
position: absolute;
top: 15px;
}

#mas-info span {
line-height: 160%;
display: block;
}



/*
--- Varios pasos --------------------------------------------------------------------------------------
*/

form#paso-2-b input.submit,
form#paso-3 input.submit,
form#paso-4 input.submit,
form#paso-5 input.submit,
form#paso-6 input.submit,
form#paso-7 input.submit {
padding: 3px 10px;
background-color: #ad0101;
border-top: 1px solid #ca3838;
border-left: 1px solid #ca3838;
border-right: 1px solid #7C0101;
border-bottom: 1px solid #7C0101;
letter-spacing: 1px;
color: #fff;
font-weight: normal;
font-size: 16px;
margin-left: 0;
}


#mas-info input {
position: absolute;
right: 1em;
bottom: 1em;
}


/*
--- Paso 3 --------------------------------------------------------------------------------------
*/

div.panel-recordatorio {
border: 2px solid #D9D5D5;
background-color: #ECEBFF;
padding: 0.5em 1em;
margin-bottom: 1em;
}

div.panel-recordatorio span {
font-weight: bold;
}

div.panel-recordatorio span.vehiculo,
div.panel-recordatorio span.fecha {
color: #444;
}

div.panel-recordatorio span.hora {
color: #888;
}

div.panel-recordatorio span.numero-dias {
color: #ad0101;
}

div.panel-recordatorio span.tarifa_base {
position: absolute;
right: 30px;
top: 5px;
font-size: 18px;
font-weight: normal;
color: #ad0101;
}

div.panel-recordatorio span.tarifa {
position: absolute;
right: 30px;
top: 30px;
font-size: 25px;
font-weight: normal;
color: #ad0101;
}

form#paso-3 {
padding: 25px;
}

form#paso-3 p {
height: 30px;
vertical-align: center;
}

form#paso-3 p label {
position: absolute;
left: 5px;
}

form#paso-3 p input.text,
form#paso-3 p select {
/* 2010
position: relative;
*/
left: 0;
margin-left: 160px;
}

form#paso-3 p span.descuento-recogida {
/* 2010 */
margin-left: 360px;
}


div#recogida,
div#devolucion {
width: 75%;
border: 1px solid gray;
background-color: #ffffc0;
padding: 3px 0 0 0;
margin-bottom: 2em;
}

div#recogida p,
div#devolucion p {
padding-left: 0.5em;
}



div#devolucion-alternativo {
border-top: 1px dotted gray;
background-color: #ffffc0;
}


/*
--- Paso 4 --------------------------------------------------------------------------------------
*/

form#paso-4 {
padding: 25px;
}

div#extras,
div#seguros {
border: 1px solid gray;
background-color: #ffffc0;
margin-bottom: 2em;
width: 500px;
padding: 0;
}

div#extras table,
div#seguros table {
width: 100%;
}

div#extras td,
div#seguros td {
padding: 3px 0;
}

div#seguros td,
div#seguros td input,
div#extras td,
div#extras td input {
vertical-align: middle;
}

form#paso-4 tr.par {
background-color: #F3F3D7;
}

form#paso-4 span.cantidad {
font-weight: bold;
color: #555;
}

form#paso-4 #seguros input.radio,
form#paso-4 #extras input.checkbox {
margin-left: 0.5em;
margin-right: 0.5em;
}

form#paso-4 #extras select {
position: relative;
left: 1em;
}



#devolucion-alternativo {
display: none;
}

/*
--- Resumen (pasos 5 y 7) --------------------------------------------------------------------------------------
*/

#paso-5 #pago,
#paso-7 #pago {
background-color: #ECEBFF;
border: 2px solid #D9D5D5;
padding: 10px;
margin-bottom: 2em;
}



#paso-5 #resumen,
#paso-7 #resumen {
margin: 1em 0;
font-size: 15px;
}

#paso-5 #resumen th,
#paso-7 #resumen th {
text-align: right;
font-weight: bold;

}

#paso-5 #resumen th,
#paso-5 #resumen td,
#paso-7 #resumen th,
#paso-7 #resumen td {
padding: 0.25em 0.5em;
border-bottom: 1px dotted #D9D5D5;
}

#paso-5 #resumen td,
#paso-7 #resumen td {
vertical-align: top;
padding-left: 1em;
background-color: #EEECEC;
}

#paso-5 #resumen tr.total th,
#paso-5 #resumen tr.total td,
#paso-7 #resumen tr.total th,
#paso-7 #resumen tr.total td {
background-color: #D9D5D5;
}

#paso-5 #resumen tr.total th,
#paso-5 #resumen tr.total span.cantidad,
#paso-7 #resumen tr.total th,
#paso-7 #resumen tr.total span.cantidad {
font-size: 18px;
}

#paso-5 #resumen tr.total span.cantidad,
#paso-7 #resumen tr.total span.cantidad {
color: #AD0101;
font-weight: bold;
}

#paso-5 #resumen .impuestos span.igic,
#paso-7 #resumen .impuestos span.igic {
font-size: 13px;
color: #666;
}

/*
--- Paso 6 --------------------------------------------------------------------------------------
*/

form#paso-6 h2 {
margin-top: 0;
}

form#paso-6 input.text {
position: static;
left: 0;
}

form#paso-6 p input.submit {
left: 0;
}


#paso-6 div.mensaje p.error {
background-color: #FEECEC;
padding-left: 1em;
padding-right: 1em;
}

form#paso-6 p.indicaciones {
line-height: 150%;
color: #333;
}

form#paso-6 input.text,
form#paso-6 input.password {
border: 1px solid #AAAAAA;
padding: 3px;
font-size: 13px;
}

form#paso-6 input.fecha,
form#paso-6 input.dni,
form#paso-6 input.permiso {
width: 110px;
}

form#paso-6 input.nombre,
form#paso-6 input.nacionalidad,
form#paso-6 input.telefono {
width: 160px;
}

form#paso-6 input.apellidos,
form#paso-6 input.email {
width: 250px;
}

#cliente-nuevo-o-existente {
width: 75%;
}

#cliente-nuevo-o-existente #cliente-nuevo,
#cliente-nuevo-o-existente #cliente-existente {
background-color: #eee;
padding: 1em;
margin-bottom: 2em;
border: 1px solid #aaa;
line-height: 180%;
}



#cliente-nuevo-o-existente h4 {
font-size: 15px;
font-weight: normal;
color: #111;
line-height: 150%;
margin-bottom: 0.25em;
}

#cliente-nuevo-o-existente span.asterisco {
color: #a2120c;
}

#cliente-nuevo-o-existente p {
margin-bottom: 1.5em;
line-height: 150%;
}

#cliente-nuevo-o-existente input.text {
width: 50%;
}


#cliente-nuevo-o-existente ul {
height: 26px;
}

#cliente-nuevo-o-existente ul li {
position: absolute;
top: 0;
right: 20px;
}

#cliente-nuevo-o-existente ul li.selected {
position: absolute;
top: 0;
left: 0;
font: 16px Trebuchet, Trebuchet MS, Tahoma, Verdana, Lucida, Helvetica, Arial, sans-serif;
background: transparent url(../img/fondo_pest_i.png) no-repeat;
padding: 3px 5px 3px 20px;
color: #fff;
border: none;
margin: 0 190px 0 0;
text-align: left;
font-weight: bold;
}

#cliente-nuevo-o-existente li.selected span {
background: #f0eeee url(../img/fondo_pest_d.png) no-repeat 100% 0;
padding: 3px 20px 3px 0px;
letter-spacing: 1px;
}

#cliente-nuevo-o-existente ul li.selected a,
#cliente-nuevo-o-existente ul li.selected a:hover,
#cliente-nuevo-o-existente ul li.selected a:visited,
#cliente-nuevo-o-existente ul li.selected a:visited:hover {
color: #fff;
text-decoration: none;
}

form#paso-6 #cliente-existente {
display: none;
}

/*
--- Paso 7 --------------------------------------------------------------------------------------
*/

#paso-7 textarea#condiciones {
width: 100%;
height: 10em;
font-family: courier,monospace;
font-size: 13px;
display: none;
}


/*
--- Ticket --------------------------------------------------------------------------------------
*/

#ticket {
padding: 25px;
}

#ticket p {
line-height: 200%;
}

#ticket p.imprimir {
float: right;
}

#ticket p.imprimir a {
padding: 5px 10px;
background-color: #AD0101;
color: #fff;
font-weight: bold;
letter-spacing: 2px;
text-decoration: none;
}

#ticket p.imprimir a:hover {
background-color: #D12323;
text-decoration: none;
}

#ticket #resumen {
background-color: #ECEBFF;
border: 2px solid #D9D5D5;
padding: 15px;
font-size: 15px;
}

#ticket #resumen .vehiculo,
#ticket #resumen .puertas,
#ticket #resumen .plazas,
#ticket #resumen .combustible,
#ticket #resumen .fecha,
#ticket #resumen .lugar-recogida,
#ticket #resumen .lugar-devolucion {
font-weight: bold;
}

#ticket #resumen .total-reserva {
font-size: 16px;
font-weight: bold;
line-height: 30px;
color: #ad0101;
}

/*
--- Global para todos los pasos --------------------------------------------------------------------------------------
*/

form.reserva {
background-color: #fff;
padding: 30px;
}

form#paso-1.reserva {
padding: 10px;
}

form.reserva p {
font-size: 14px;
line-height: 200%;
position: relative;
}

form.reserva p input.text,
form.reserva p select {
position: absolute;
left: 160px;
top: 5px;
}



form.reserva p input.submit {
position: relative;
margin-top: 1em;
margin-left: 160px;
padding: 2px 3px;
font-weight: bold;
}

div.bienvenida div.texto {
width: 310px;
float: right;
margin-right: 26px;

margin-top: 2.5em;
}

div.bienvenida div.texto h2 {
color: #ad0101;
font-size: 17px;
font-weight: normal;
}

#contenido.bienvenida div.texto p {
margin-bottom: 1em;
text-align: justify;
}

/*
--- Contacto --------------------------------------------------------------------------------------
*/

div.vcard {
background: #F0EEEE url(../img/fondo_vcard.gif) no-repeat;
margin: 0px 48px 15px 15px;
border: 2px dotted #A2120C;
padding: 10px;
width: 50%;
}

div.vcard .org {
font-size: 16px;
line-height: 150%;
color: #A2120C;
font-weight: bold;
}

div.vcard .type {
color: #A2120C;
font-weight: bold;
}

/* ------------------
  Formularios
------------------ */

div#contenido div.formulario div {
border: 1px solid #afacab;
background-color: #F0EEEE;
padding-bottom: 15px;
width: 90%;
margin-left: 15px;
}

div#contenido div.formulario h2 {
font-size: 16px;
background: transparent url(../img/fondo_pest_i.png) no-repeat;
padding: 3px 5px 3px 20px;
color: #fff;
border: none;
margin: 0px 0px 0px 15px;
text-align: left;
font-weight: bold;
}

div#contenido div.formulario h2 span {
background: #A2120C url(../img/fondo_pest_d.png) no-repeat 100% 0;
padding: 3px 20px 3px 0px;
}

div#contenido div.formulario p {
margin: 5px 10px 0px 10px;
color: #a2120c;
font-weight: bold;
}

div#contenido div.formulario label {
line-height: 15px;
}

div#contenido div.formulario .labelsel {
color: #ff7a0f;
font-size: 15px;
}

div#contenido div.formulario p.letra-pequena {
font-size: 11px;
line-height: 150%;
}

div#contenido div.formulario ul {
margin-top: 10px;
margin-left: 10px;
}

div#contenido div.formulario li {
list-style-type: none;
}

div#contenido div.formulario input.text,
div#contenido div.formulario input.password {
font-size: 13px;
border: #afacab 1px solid;
width: 50%;
height: 1.5em;
padding-left: 0.5em;
padding-right: 0.5em;
vertical-align: middle;
}

div#contenido div.formulario textarea {
font-size: 12px;
border: #afacab 1px solid;
width: 95%;
padding-left: 1em;
padding-right: 1em;
}

div#contenido div.formulario input.marcado, 
div#contenido div.formulario textarea.marcado {
background-color: #eff4a2;
}

div#contenido div.formulario input.submit,
div#contenido div.formulario input.button {
font-size: 13px;
border: #a2120c 2px solid;
width: 120px;
height: 2em;
margin-top: 1em;
padding: 2px 1em 2px 1em;
vertical-align: middle;
font-weight: bold;
}

div#contenido div.formulario span.asterisco {
font: 28px Trebuchet, Trebuchet MS, Tahoma, Verdana, Lucida, Helvetica, Arial, sans-serif;
font-weight: bold;
line-height: 10%;
padding: 0px;
position: relative;
}

div#contenido div.formulario span.asterisco span {
left: 0px;
position: absolute;
top: 28px;
}

div#contenido div.formulario table {
width: 100%;
border: none;
}

div#contenido div.formulario table td {
border: none;
padding: 1px;
text-align: left;
vertical-align: top;
line-height: 180%;
width: 25%;
}

div#contenido div.formulario table td.ajustado {
padding: 0;
}

div#contenido ol {
color: #a2120c;
font-weight: bold;
}

div#contenido ol span {
color: #000;
font-weight: normal;
}

div#cuerpo span.tarifa_base {
text-decoration: line-through;
color: #aaa;
}

/*
--- Pie ----------------------------------------------------------------------------------------------
*/

#pie {
clear: both;
background-color: #ccc;
padding: 3px;
text-align: right;
}

#pie a {
background-color: #c0c0c0;
color: #515151;
text-decoration: none;
padding: 3px 0.5em;
border-left: 1px solid #a7a7a7;
}

#pie a:hover {
background-color: #a7a7a7;
color: #f5f5f5;
border-left: 1px solid #c0c0c0;
}

/* 
--- Selección idiomas pie ------------------------------------------------------------------------------
*/

div#seleccion-idiomas-pie {
width: 735px; /* 750 - 15 */
margin: 0px auto 0px auto;
background-color: transparent;
text-align: left;
margin-bottom: 50px;
font-size: 10px;
padding-left: 13px;
background-image: url(../img/icono_mundo.gif);
background-position: top left;
background-repeat: no-repeat;
z-index: 15;
}

div#seleccion-idiomas-pie span {
line-height: 10px;
border-right: 1px dotted #888;
}

div#seleccion-idiomas-pie a,
div#seleccion-idiomas-pie a:hover {
color: #777;
padding-left: 3px;
padding-right: 3px;
line-height: 10px;
}

div#seleccion-idiomas-pie a {
text-decoration: none;
}

div#seleccion-idiomas-pie a:hover {
text-decoration: none;
color: #AD0101;
}

div#seleccion-idiomas-pie li {
display: inline;
line-height: 20px;
}

div#seleccion-idiomas-pie li.ultimo span {
border-right: none;
}

/* 
--- Venta de vehículos ------------------------------------------------------------------------------
*/

ul.vehiculos-venta {
width: 85%;
}

ul.vehiculos-venta li {
border: 1px dotted #9D2919;
position: relative;
margin-bottom: 1em;
}

ul.vehiculos-venta p.vehiculo {
position: absolute;
font-size: 16px;
font-weight: bold;
color: #E32F11;
top: 10px;
left: 15px;
}

ul.vehiculos-venta p.vehiculo span {
position: relative;
}

ul.vehiculos-venta p.precio {
position: absolute;
right: 15px;
top: 10px;
font-size: 30px;
font-weight: bold;
color: #ad0101;
text-align: right;
}

ul.vehiculos-venta p.precio span {
position: relative;
}

ul.vehiculos-venta p.foto {
float: left;
margin-top: 40px;
margin-left: 15px;
}

ul.vehiculos-venta p.foto img {
position: relative;
}

ul.vehiculos-venta p.descripcion {
float: left;
width: 230px;
margin-top: 40px;
margin-left: 15px;
}

/* 
--- Certificado de seguridad ------------------------------------------------------------------------------
*/

#certificado-seguridad {
width: 750px;
margin: -66px auto 0px auto;
text-align: right;
z-index: 2;
}

/*
--- Errores -----------------------------------------------------------------------------------------------
*/

div.error {
border: 2px solid #D9D5D5;
background-color: #ECEBFF;
padding: 0.5em 1em;
margin: 25px 25px 0px 25px;
}

div p span.error {
color: #FF0000;
}