﻿#web {
    background: url(../img/global/bg-web.jpg) repeat-x left top;
    clear: both;
}
.logo {
    width: 253px;
    height: 55px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.logo a {
    /*background: url(../img/global/logo.jpg) no-repeat scroll left top transparent;*/
    background: url(../img/global/Centauro-web-trasparente.png) no-repeat scroll left top transparent;
    color: #002D73;
    display: block;
    font-weight: bold;
    padding-left: 290px;
    padding-top: 35px;
    text-decoration: none;
    width: 600px;
    height: 30px;
    text-align: center;
}
#navBar {
    float: right;
    width: 650px;
    height: 60px;
    background: url(../img/global/bg-nav-bar.gif) no-repeat left top;
}
#navBar li {
    width: 162px;
    height: 60px;
    float: left;
}
#navBar h3 a {
    display: block;
    float: left;
    width: 132px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    line-height: 25px;
    padding: 5px 15px 0px 15px;
}
#navBar a:hover {
    color: #002D73;
}
.nav-cars a {
    color: #DDA600;
}
.nav-offers a {
    color: #FF9A17;
}
.nav-rental a {
    color: #A58001;
}
.nav-about a {
    color: #999;
}
.border {
    border: 5px solid white;
}
#contentWeb {
    background: #FFF url(../img/global/bg-bottom.gif) no-repeat left bottom;
    padding-bottom: 12px;
    clear: both;
    overflow: auto;
    width: 900px;
}
#breadCrumbs {
    width: 900px;
    background: url(../img/global/bg-border.gif) repeat-x left bottom;
    padding: 5px 0px 6px 0px;
    overflow: auto;
}
#breadCrumbs ul {
    padding: 10px 0px 0px 11px;
    float: left;
}
#breadCrumbs ul li {
    float: left;
    margin-right: 5px;
    padding-left: 7px;
    background: url(../img/global/ico-next.gif) no-repeat left 3px;
    font-size: 10px;
}
#breadCrumbs .home {
    background: url(../img/global/ico-arrow.gif) no-repeat left 2px;
    padding-left: 18px;
}
#breadCrumbs a {
    color: #CDC8BE;
}
#seeReservation {
    float: right;
    font-size: 11px;
    padding-right: 9px;
}
#seeReservation a {
    color: #DDB10C;
    background: url(../img/global/ico-view-gray.jpg) no-repeat right 5px;
    padding: 10px 33px 10px 0px;
    display: block;
}
#seeReservation a:hover {
    text-decoration: none;
    background: url(../img/global/ico-view-orange.jpg) no-repeat right 5px;
}
#seeReservation.seeReservation-hide a {
    background: url(../img/global/ico-top-orange.jpg) no-repeat right 3px;
}
/*=================== FORM MANAGE BOOKING =================================================*/
#manageBooking {
    width: 866px;
    font-size: 12px;
}
#manageBooking .info-manage {
    float: left;
    width: 548px;
}
#manageBooking p {
    font-size: 15px;
    color: #666;
    width: 533px;
    border-bottom: 1px solid #CCC;
    padding: 0px 0px 8px 5px;
    line-height: 18px;
}
#manageBooking ul {
    margin-right: 20px;
}
#manageBooking .form-manage {
    width: 295px;
}
/*=================== CONTENT LEFT =================================================*/
.left-content {
    float: left;
    width: 237px;
}
.left-content h4 {
    font-size: 16px;
    color: #FF9A17;
    border-bottom: 1px solid #EEE;
    padding: 12px;
    font-weight: bold;
}
.left-content ul li {
    display: inline;
}
.left-content ul li a {
    padding: 12px;
    display: block;
    border-bottom: 1px solid #EEE;
    color: #002D73;
    font-size: 11px;
    background: url(../img/global/ico-left-li.jpg) no-repeat right 6px;
    text-decoration: none;
    padding-right: 1px;
}
.left-content ul li a:hover {
    background: url(../img/global/ico-left-li-selected.jpg) no-repeat right 6px;
    color: #E4A905;
    text-decoration: underline;
}
.left-content ul li.selected a {
    font-weight: bold;
    color: #900;
    background: url(../img/global/ico-left-li-selected.jpg) no-repeat right 6px;
}
#bookingForm h4 {
    background: url(../img/global/ico-top-orange.jpg) no-repeat right 8px;
    padding-right: 1px;
    color: #DDB20C;
    cursor: pointer;
}
#bookingForm.mask h4 {
    background: url(../img/global/ico-view-orange.jpg) no-repeat right 8px;
}
#bookingForm .fieldset-bookings {
    padding-left: 12px;
    border-bottom: 1px solid #EEE;
    padding-bottom: 10px;
}
#bookingForm .fieldset-bookings fieldset {
    display: block;
    margin-bottom: 8px;
}
.secure {
    clear: both;
    margin: 10px 0px 10px 12px;
}
.secure a {
    background: url(../img/global/img-secure.jpg) no-repeat left top;
    padding: 10px 0px 10px 117px;
    display: block;
    line-height: 18px;
    color: #C40040;
    font-size: 11px;
    text-align: right;
    text-decoration: none;
}
.secure a:hover {
    color: #000;
}
/*=================== CONTENT RIGHT =================================================*/
.right-content {
    float: right;
    width: 604px;
    margin: 12px 12px 0px 0px;
    padding: 24px 12px 40px 22px;
    background: #FFF1C4 url(../img/global/bg-content-right.jpg) repeat-x left bottom;
}
.right-content h1, .right-content h2, .right-content h3, .right-content h4, .right-content h5, .right-content h6 {
    font-size: 24px;
    color: #FF9A17;
    margin-bottom: 15px;
}
.right-content h3 {
    font-size: 18px;
    color: #002D73;
    line-height: 22px;
}
.right-content p, .right-content div {
    font-size: 14px;
    color: #002D73;
    margin-bottom: 20px;
    line-height: 18px;
}
.right-content a {
    font-weight: bold;
    color: #EAAF00;
    font-size: 14px;
}
.right-content ul, .right-content ol {
    margin: 0px 0px 15px 20px;
    line-height: 18px;
    color: #A87E00;
}
.right-content ul li {
    background: url(../img/common/ico-li.gif) no-repeat 0 4px;
    padding: 0px 0px 5px 15px;
}
.right-content ol {
    list-style-type: decimal;
}
.right-content img.left {
    float: left;
    margin: 0px 15px 15px 0px;
}
.right-content img.right {
    float: right;
    margin: 0px 0px 15px 15px;
}
/* ==================== CONTENT RIGHT STYLES TABLE ======================================*/
.ui-table {
    background-color: #CDCDCD;
    margin: 0px 0px 0px 0px;
    font-size: 11px;
    width: 98%;
    text-align: left;
    border-right: 1px solid #D0D0D0;
    border-top: 1px solid #D0D0D0;
    border-collapse: collapse;
}
.ui-table caption {
    text-align: center;
    font-size: 12px;
    color: #FFC100;
    background-color: #002D73;
    padding: 7px 0px;
    font-weight: bold;
    border: 1px solid #002D73;
}
.ui-table thead tr th, .ui-table tfoot tr th {
    background-color: #DCE6F5;
    border-left: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
    font-size: 11px;
    padding: 7px;
    color: #002D73;
}
.ui-table thead tr .header {
    background-image: url(../../ui/imgLib/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
.ui-table tbody td {
    color: #002D73;
    padding: 5px;
    background-color: #FFF;
    vertical-align: middle;
    border-left: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
}
.ui-table .alt, .ui-table tr.alt td {
    background-color: #EDEEF0;
    color: #333;
}
/*=================== SOCIAL NETWORKING =============================================*/
.bookmark {
    clear: both;
    float: right;
    margin: 0px 20px 20px 0px;
}
.social-networks {
    clear: both;
    background: url(../img/global/bg-border.gif) repeat-x left top;
    padding: 20px 5px;
    text-align: center;
    color: #5DBFFF;
    font-size: 15px;
    line-height: 20px;
}

/*.social-networks a { color:#09C; background:url(../img/global/ico-twitter.jpg) no-repeat right top; padding-right:93px; padding-bottom:30px;}
*/
.social-networks #twitter {
    color: #09C;
    background: url(../img/global/ico-twitter.jpg) no-repeat right bottom;
    padding-right: 50px;
    padding-top: 30px;
}
.social-networks #facebook {
    color: #09C;
    background: url(../img/global/ico-facebook.jpg) no-repeat right top;
    padding-right: 35px;
    padding-bottom: 20px;
}

/*=================== NAVIGATION HEADER =============================================*/
#navCarRange, #navServicePoints {
    width: 163px;
    background: url(../img/global/bg-bottom-nav.png) no-repeat left bottom !important;
    background-image: none;
    padding-bottom: 4px;
    border-top: 1px solid #EAEAEA;
    position: absolute;
    top: 165px;
}
#navCarRange {
    left: 250px;
}
#navCarRange li, #navServicePoints li h4 {
    background: #FFF url(../img/common/bg-nav.jpg) repeat-x left bottom;
    padding-right: 7px;
    border: 1px solid #EAEAEA;
    border-top: none;
}
#navCarRange li h4, #navServicePoints li h4 {
    font-size: 12px;
    color: #002D73;
}
#navCarRange li h4 strong, #navServicePoints li h4 strong {
    display: none;
}
#navCarRange li h4 a {
    color: #002D73;
    background: url(../img/common/ico-li.gif) no-repeat right 12px;
    display: block;
    padding: 12px 0px 10px 14px;
    text-decoration: none;
}
#navCarRange li:hover, #navCarRange li.sfhover {
    background: #FFF url(../img/common/bg-nav-selected.jpg) repeat-x left bottom;
}
#navCarRange li:hover h4 a:hover, #navCarRange li.sfhover h4 a:hover {
    color: #FFA93A;
    font-weight: bold;
}
#navServicePoints {
    left: 576px;
}
#navServicePoints li h4 span {
    color: #002D73;
    background: url(../img/common/ico-nav-blue.gif) no-repeat right 16px;
    display: block;
    padding: 12px 0px 10px 14px;
    cursor: pointer;
}
#navServicePoints li h4:hover span, #navServicePoints li h4.sfhover span {
    background: url(../img/common/ico-nav-orange.gif) no-repeat right 16px;
    color: #FFA93A;
    font-weight: bold;
}
#navServicePoints .inner-service-points li {
    background: #FFFFDF url(../img/global/bg-border.gif) repeat-x left bottom;
    border: 1px solid #EAEAEA;
    border-top: none;
    border-bottom: none;
}
#navServicePoints li h5 {
    font-size: 11px;
    background: url(../img/global/bg-border.gif) repeat-x left bottom;
    padding-right: 7px;
}
#navServicePoints .inner-service-points .last h5 {
    background: none;
    border-bottom: 1px solid #EAEAEA;
}
#navServicePoints li h5 strong {
    display: none;
}
#navServicePoints li h5 a {
    color: #B58E1A;
    text-decoration: none;
    padding: 12px 0px 10px 14px;
    display: block;
    background: url(../img/common/ico-li.gif) no-repeat right 12px;
}
#navServicePoints li h5 a:hover {
    text-decoration: underline;
}
#navServicePoints li.airport a {
    background: url(../img/common/ico-airport.gif) no-repeat right 10px;
    color: #666;
}
/*logo para navidad */
div.topleft {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
}
div.topright {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
}
/*===================INFOMENU=================================================================*/
div.navInfoMenu {
    background-image: url(../img/info_sucursales/navinfomenu_bd.jpg);
    width: 600px;
}
.navInfoMenu ul li {
    background-image: url(../img/global/ico-arrow.gif) !important;
}
.navInfoMenu li {
    float: left;
}
.columnas5 li {
    width: 100px;
    height: 30px;
}
.columnas4 li {
    width: 120px;
    height: 30px;
}
.columnas3 li {
    width: 175px;
    height: 30px;
}
.navInfoMenu a {
    text-decoration: none;
    font-size: 12px;
    color: #EAAF00;
}
.navInfoMenu a:hover {
    color: #002d73;
}
.navInfoMenu h3 {
    background-image: url(../img/info_sucursales/navinfomenu_hd.jpg);
    background-repeat: no-repeat;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 0 15px;
}
ul.lista_ofertas_sucursales li {
    background-image: none !important;
}

a.lista_ofertas_sucursales {
    font-size: 16px;
}


/*===================ENCUESTA CLIENTE=================================================================*/
#encuesta {
    background: url(../img/global/bg-manage-booking.jpg) repeat-x scroll left top #F7F7F7;
    border-color: #EAEAEA;
    border-style: solid;
    border-width: 2px 2px 1px;
    clear: both;
    overflow: auto;
    padding: 14px 15px 10px;
}
.pregunta {
    padding-left: 5px;
    margin-top: 4px;
    margin-bottom: 7px !important;
    font-style: italic;
}
.respuesta {
    color: #000000 !important;
    font-size: 12px !important;
}

/*===================MODELOS =================================================================*/
.cajaFiltradoVehiculos {
    /*float: left;*/
    height: auto;
    background-color: #EAE3D5;
    padding: 10px; /*width: 160px;*/
    margin: 10px 5px;
}

.cajaFiltradoVehiculos h3 {
    font-size: 14px;
    background: none repeat scroll 0 0 #001E96;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 4px;
    background-color: #001E96;
}

.cajaFiltradoVehiculos ul li a {
    background: url("../img/global/ico-right.gif") no-repeat scroll left 5px transparent !important;
    font-size: 12px;
    padding: 4px 4px 4px 14px !important;
}

.cajaFiltradoVehiculos ul li a.seleccionado {
    background: url("../img/global/ico-cross.gif") no-repeat scroll left 5px transparent !important;
    font-weight: bold;
}

/*v_l =  vehiculo_linea*/
.v_l {
    background-color: #ffffff;
    display: block;
    margin-top: 20px;
    padding: 10px;
    overflow: auto;
}
.v_l ul li {
    float: left;
    background: none;
}

.v_l ul {
    padding-top: 5px;
    padding-right: 5px;
}
.v_l a {
    color: #001E96;
}

/*v_c_n =  vehiculo_coche_nombre*/
.v_c_n {
    overflow: auto;
    display: block;
    padding: 5px;
}

.v_c_n h4 {
    /*color: Black;*/
}

.v_i {
    float: left;
}

/*v_e =  vehiculo_equipamientos*/
.v_e {
    background-color: #EAE3D5;
    overflow: auto;
    padding: 5px 0px; /*width: 280px;*/
}
.v_e span {
    color: Black;
    font-weight: bold;
    padding-left: 10px;
}

/*v_r =  vehiculo_reservar*/
.v_r {
    background-color: #ffb515;
    float: right;
    overflow: auto;
    margin-top: 45px;
}

.v_r:hover {
    background-color: #fc9200;
}

.v_r a {
    color: #ffffff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 38px;
    padding: 15px 40px 0;
    text-align: center;
    text-decoration: none;
}

/*v_d =  vehiculo_disponibles*/
.v_d {
    background-color: #EAE3D5;
    overflow: auto;
    padding: 5px 0px;
}

.v_d span {
    color: Black;
    font-weight: bold;
    padding-left: 10px;
}
.v_d ul {
    margin-left: 2px;
    overflow: auto;
}
.v_d img {
    /* imagen ico */
    width: 12px;
    height: 12px;
}

/*b_r =  border_radius*/
.b_r_3 {
    border-radius: 3px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari and Chrome */
}

.b_r_5 {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.b_r_7 {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
.b_r_10 {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

/*b_s =  box_shadow*/
.b_s_2_negro {
    box-shadow: 2px 2px 2px #222222;
    -moz-box-shadow: 2px 2px 2px #222222;
    -webkit-box-shadow: 2px 2px 2px #222222;
}
.b_s_5_negro {
    box-shadow: 5px 5px 5px #222222;
    -moz-box-shadow: 5px 5px 5px #222222;
    -webkit-box-shadow: 5px 5px 5px #222222;
}

.v_e img {
    background-image: url("../img/sprites/s-equip.png");
    background-repeat: no-repeat;
    background-color: transparent;
    width: 40px;
    height: 40px;
    float: left;
    margin-left: 5px;
}

.s-equip-2ASIENTOS, .s-equip-2asientos {
    background-position: 0 0;
}
.s-equip-2PUERTAS, .s-equip-2puertas  {
    background-position: -41px 0;
}
.s-equip-3ASIENTOS, .s-equip-3asientos  {
    background-position: -82px 0;
}
.s-equip-3PUERTAS, .s-equip-3puertas  {
    background-position: -123px 0;
}
.s-equip-4ASIENTOS, .s-equip-4asientos  {
    background-position: -164px 0;
}
.s-equip-4PUERTAS, .s-equip-4puertas  {
    background-position: -205px 0;
}
.s-equip-5ASIENTOS, .s-equip-5asientos  {
    background-position: -246px 0;
}
.s-equip-5PUERTAS, .s-equip-5puertas  {
    background-position: -287px 0;
}
.s-equip-5_2ASIENTOS, .s-equip-5_2asientos  {
    background-position: -328px 0;
}
.s-equip-7ASIENTOS, .s-equip-7asientos {
    background-position: -369px 0;
}
.s-equip-9ASIENTOS, .s-equip-9asientos  {
    background-position: -410px 0;
}
.s-equip-AIRBAG, .s-equip-airbag {
    background-position: -451px 0;
}
.s-equip-A_A, .s-equip-a_a  {
    background-position: -492px 0;
}
.s-equip-CAPOTA, .s-equip-capota  {
    background-position: -533px 0;
}
.s-equip-CLIMA, .s-equip-clima  {
    background-position: -574px 0;
}
.s-equip-DIESEL, .s-equip-diesel  {
    background-position: -615px 0;
}
.s-equip-GASOLINA, .s-equip-gasolina  {
    background-position: -656px 0;
}
.s-equip-DIMENSIONESCARGA, .s-equip-dimensionescarga  {
    background-position: -697px 0;
}
.s-equip-LARGOXANCHO, .s-equip-largoxancho  {
    background-position: -738px 0;
}
.s-equip-RCD, .s-equip-rcd  {
    background-position: -779px 0;
}


