﻿/**************************/
/*TEXTO CENTRAL DE LA DEFAULT*/
/**************************/

/**********************************
ESTILO PARA DATOS DE LA RESERVACION
**********************************/
.uxReservation
{
    margin: .5em;
    font: 11px Verdana; 
}
.uxReservation-fleet
{
    width: 100%;
    background-color: #ccc;
    color: #333;
}
.uxReservation-fleet td
{
    padding: 4px;
}
.uxReservation-quote
{
    margin: .5em;
	font-size:small;
}
.uxReservation-quote td
{
	font-size:small;
}

/************************************************
ESTILO PARA LOS ESPECIALES DE LA PAGINA PRINCIPAL
************************************************/
.uxSpecials
{
/*    text-align: center; */
	margin: auto; 
	width: 141px; 
    padding: 0px;  
    font: x-small Verdana;
}
.uxSpecials-vehicle
{
    padding: 4px 0;
/*
    width: 130px;
    height:120px;
    float: left;
    text-align: center;
    border: solid 1px #999;
    margin: 4px;
*/
}
.uxSpecials-name
{
/*    font-size: small; */
/*    color:#ffb817; */
	color: #fff; 
}
.uxSpecials-rates
{
/*     font-size: x-small; */
	color: #a85318; 
}

.uxSpecials-blackout
{
     font-size: x-small;
     color: #f00;
}



/**************************/
/*---PAGE FLEET---*/
/**************************/
.uxFleet
{
    font-family:Verdana;
    background-color:#fff;
    color:#000;
    width: 768px;
}

.uxFleet-vehicle
{
    width: 384px;
    height:125px;
    float: left;
    text-align: left;
    background-color:#fff;
    padding: 3px;
    border-right: dotted 1px #999;
    border-bottom: dotted 1px #999;
}
.uxFleet-vehicle td
{
    padding: 4px;
    font-size: x-small;
}
.uxFleet-name
{
     font-weight: bold;
}
.uxFleet-models
{
    font-size: xx-small;
}
.uxFleet-rates
{
     font-size: x-small;
     color: #F30B01;
}
.uxFleet-blackout
{
     font-size: small;
     color: #f00;
}
.uxFleet-button
{
     font-size: small;
}

/***********************
ESTILO PARA VEHICLE INFO
***********************/
.uxVehicleInfo
{
    text-align: center;
    padding: .5em;
}
.uxVehicleInfo-image
{
    border: solid 1px #999;
}
.uxVehicleInfo-left-side
{
    text-align: center;
    font-size: small;
}
.uxVehicleInfo-right-side
{
    padding: .5em;
    font-size: small;
}
.uxVehicleInfo-vehicle
{
    font-family:Arial;
    font-size:small;
    text-align: center;
    padding: 4px;
    margin: 4px;
}

.uxVehicleInfo-vehicle td
{
    font-family:Arial;
    font-size:small;
}

.uxVehicleInfo-name
{
    font-size: small;
    font-weight: bold;
}
.uxVehicleInfo-passengers
{
    text-align: center;
}
.uxVehicleInfo-suitcases
{
    text-align: center;
}

/****************************
ESTILO PARA LOS OTHER CHOICES
****************************/
.uxOtherChoices
{
    font-family:Arial;
    text-align: center;
    padding: .3em;
    height: 135px;
}
.uxOtherChoices-vehicle
{
    width: 120px;
    height: 135px;
    float: left;
    text-align: center;
    background-color:#fff;
    border-bottom: solid 1px #888;
    border-right: solid 1px #888;
    padding: 2px;
    margin: 2px;
}
.uxOtherChoices-name
{
    font-size: xx-small;
}
.uxOtherChoices-rates
{
    font-size: x-small;
}

.uxOtherChoices-blackout
{
    font-size: x-small;
    color: #f00;
}


/*********************
ESTILO PARA LOS EXTRAS
*********************/
.uxExtras
{
    font-family:Arial;
    font-size: small;
    /*padding: .5em; */
    color:#000;
}
.uxExtras-item
{
    width: 100%;
    height: 25px;
    border-bottom: dotted 1px #999;
    vertical-align: bottom;
    color:#000;    
}
.uxExtras-qty
{
    text-align: center;
    float: left;
    padding: 2px;
}
.uxExtras-charge
{
    float: left;
    padding-top: 5px;
    padding-right: 4px;
}
.uxExtras-spanvalue
{
    float: left;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 4px;
}
.uxExtras-sufix
{
    padding-top: 5px;
}


/*********************
ESTILO PARA EL QUOTE
*********************/
.uxQuote
{
    font-family:Tahoma;
    font-size: small;
    padding: .5em; 
    color:#000;
}
.uxQuote-item
{
    width: 100%;
    height: 25px;
    border-bottom: dotted 1px #999;
    vertical-align: bottom;
}
.uxQuote-item td
{
    font-family:Tahoma;
    font-size: small;
}
.uxQuote-qty
{
    float: left;
    padding-top: 5px;
    font-weight: bold;
}
.uxQuote-charge
{
    float: left;
    padding-top: 5px;
    padding-right: 4px;
}
.uxQuote-spanvalue
{
    float: left;
    font-weight: bold;
    padding-top: 7px;
}
.uxQuote-sufix
{
    padding-top: 7px;
}
.uxQuote-subtotal
{
    font-weight: bold;
    padding-top: 7px;
    text-align: right; 
}

.Total
{
    background-color: #333;    
}
.Total td
{
    font-size: small;
    font-weight: bold;  
    color: #fff;
    padding: 0px 4px 0px 4px;
}

/*************************************************
ESTILO PARA DATOS DE LA RESERVACION DE PAGINA VIEW
*************************************************/
.uxReservationView
{
    padding: .5em 1em .5em 1em;
    font-size: x-small;
}
.uxReservationView td
{
/*    font-family:Times New Roman;*/
    font-size: small;
    font-weight: bold;
}


/**************************/
/*---PAGE CONTACT---*/
/**************************/

.uxContentcenter
{
    color:#fff;
    
    }
    
/**********************
ESTILO PARA EL CUSTOMER
**********************/
.uxCustomer
{
    padding: .5em;
    font-family:Tahoma;
}
.uxCustomer table,td
{
    font-size: small;
}
.uxCustomer .optional
{
    font-size: small;
    font-weight: bold;
    padding: .5em;
}

/**********************
ESTILO PARA EL CUSTOMER-VIEW
**********************/
/*
.view-page .uxCustomer
{

    width: 100%;   
    padding: .5em;
    font-family:Tahoma;
    
}
.view-page .uxCustomer td
{
     font-size: small;
}
.view-page .uxCustomer .optional
{
    font-size: small;
    font-weight: bold;
    padding: .5em;
}
*/