/* Area css generico */

BODY {
    background: #b2b9c1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #444;
    margin: 0px;
    text-align: center;
}

SELECT {
    background: #fff;
    font-family: tahoma, sans-serif;
    font-size: 9px;
    color: #444;
    width: 130px;
}

INPUT {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #444;
    width: 80px;
    margin: 2px 0 2px 0;
    border: #ccc solid 1px;
}

TABLE {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

FORM {
    padding: 0px;
    margin: 0px;
}

H2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

A:active {
    color: #333;
    text-decoration: none
}

A:link {
    color: #333;
    text-decoration: none;
    font-variant: caps;
}

A:visited {
    color: #333;
    text-decoration: none;
    font-variant: caps;
}

A:hover {
    /*color: #BFC1C3; */
    color: #0078c4;
    text-decoration: none;
    font-variant: caps;
}

/* Area contenedor y sus propiedades */

DIV.container {
    background: #FFF;
    width: 744px;
    margin: 0 auto;
    padding: 2px;
    text-align: left;
}

/* AREA de cabecera y sus propiedades */

TABLE.tablaCabecera {
    background: transparent url( ../home/FrameTurismo.jpg ) no-repeat;
    width: 742px;
    height: 84px;
}

TABLE.tablaCabeceraPopup {
    background: #FFF url( ../home/bg_tablaCabeceraPopup.jpg ) center no-repeat;
    height: 74px;
    width: 100%;
    margin: 10px 0;
    padding: 0;
}

TABLE.tablaTituloPopup {
    width: 90%;
    margin: 0 5% 20px 5%;
    border: #566C11 dashed;
    border-width: 0 0 2px 0;
}

TABLE.tablaTituloPopup TH {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #586E30;
    text-align: left;
}

TABLE.tablaTituloPopup TD {
    text-align: right;
    color: #0076C0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    border-style: none;
}

/* AREA de menu y sus propiedades */

TABLE.tablaMenu {
    background: transparent url( ../home/bg_tablaMenu.jpg ) repeat-y;
    width: 128px;
}

 TABLE.tablaMenu TABLE {
    width: 100%;
    border-bottom: #777 solid 1px;
    padding-bottom: 10px;
}

/* AREA login y sus propiedades */

TABLE.tablaLogin {
    width: 100%;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #444;
    padding-bottom: 10px;
}

TABLE.tablaLogin TH,
    TABLE.tablaLogin TD {
    font-size: 11px;
    font-weight: normal;
    height: 30px;
}

TABLE.tablaLogin INPUT {
    border: #999 solid 1px;
    width: 55px;
}

TABLE.tablaLogin BUTTON {
    background: transparent url( ../home/bg_btablaLogin_BUTTON.gif );
    color: transparent;
    font-size: 0px;
    height: 17px;
    width: 68px;
    border: transparent none 0px;
}

TABLE.tablaLogin BUTTON:hover {
    /*background: transparent url( ../home/bg_btablaLogin_BUTTON_hover.gif );*/
    background-position: 0px -18px;
}

TABLE.tablaOperacionAbierta {
}

.error {
}

/* AREA botonera de servicios y sus propiedades */

TABLE.tablaBotoneraServicios {
    border-collapse: collapse;
}

TABLE.tablaBotoneraServicios BUTTON,
    TABLE.tablaBotoneraServicios BUTTON:hover,
    TABLE.tablaBotoneraServicios BUTTON.lenguetaSelect {
    background: transparent url( ../home/bg_lengueta.jpg ) 0px 0px repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 11px;
    font-weight: normal;
    color: #444;
    width: 84px;
    height: 25px;
    border: transparent none 0px;
}

TABLE.tablaBotoneraServicios BUTTON:hover,
    TABLE.tablaBotoneraServicios BUTTON.lenguetaSelect {
    /*background: transparent url( ../home/bg_lenguetaSelect.jpg ) repeat-x;*/
    background-position: 0 -30px;
    font-weight: bold;
    color: #0078c4;
}

/* AREA botonera de de paises y sus propiedades */

TABLE.tablaBotoneraPaises {
    background: transparent url( ../home/bg_cabeceraTablaMediana.jpg ) no-repeat;
    width: 100%;
    height: 25px;
    border-collapse: collapse;
}

TABLE.tablaBotoneraPaises TD {
    text-align: center;
}

TABLE.tablaBotoneraPaises BUTTON,
    TABLE.tablaBotoneraPaises BUTTON.botonPaisSelect {
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    width: 80px;
    height: 20px;
    border: transparent none 0px;
    text-decoration: underline;
}

TABLE.tablaBotoneraPaises BUTTON:hover {
    font-weight: bold;
}

TABLE.tablaBotoneraPaises BUTTON.botonPaisSelect {
    text-decoration: none;
    font-weight: bold;
    color: #BFC1C3;
}


/* AREA de filtros y sus propiedades */


TABLE.tablaFiltroServicios {
    background: #e6e7e8 url( ../home/bg_pieTablaMediana.gif ) bottom no-repeat;
    width: 420px; /* por ahora este width le da el tamaño al width del container del medio */
    height: 15px;
}

TABLE.tablaFiltroServicios TD {
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    padding: 5px 0 5px 0px;
}

TABLE.tablaFiltroServicios TH {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    color: #444;
    padding: 5px 10px 5px 10px;
}


/* AREA de promociones y sus propiedades */


TABLE.tablaPromociones {
    background: #e6e7e8 url( ../home/bg_pieTablaMediana.gif ) bottom no-repeat;
    width: 420px;
    height: 15px;
    margin: 0 0 0 2px;
    border-spacing: 0;
    border-collapse: collapse;
}

/* esto es solo para el despliegue de promociones, es lo unico que se me ocurrio */
DIV.divPromociones TABLE.tablaPromociones { margin: 0 auto;  //margin: 0 97px 15px 97px; }

TABLE.tablaPromociones TD {
    border-collapse: collapse;
    padding: 0;
}

TABLE.tablaPromociones TABLE.cabeceraPromociones {
    background: transparent url( ../home/bg_cabeceraTablaMediana.jpg ) no-repeat;
    width: 100%;
    height: 15px;
}

TABLE.tablaPromociones H1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    font-weight: bold;
    margin: 0;

}

TABLE.tablaPromociones TD.contenedorBoton {
    padding: 0px 5px 0px 0px;
    text-align: right;
}

TABLE.tablaPromociones TABLE.cuerpoPromociones H1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #696A6C;
    padding: 3px 5px 2px;
}

TABLE.tablaPromociones TABLE.cuerpoPromociones P {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #999;
    padding: 0px 5px 5px 5px;
}

TABLE.tablaPromociones TABLE.cuerpoPromociones SPAN.promoOfertaPrecio {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #696A6C;
    font-weight: bold;
    text-align: right;
    font-style: italic;
}

/* AREA de ofertas y sus propiedades */

TABLE.tablaOfertas {
    background: #576D31 url( ../home/bg_tablaOfertas.jpg ) bottom no-repeat;
    width: 153px;
    height: 250px;
    border-collapse: collapse;
}

TABLE.tablaOfertas TD.cabeceraOfertas {
    padding: 0px;
    vertical-align: top;
}

TABLE.tablaOfertas TD.cabeceraOfertas H1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    padding: 0px 5px 0px 5px;
}

TABLE.tablaOfertas TABLE.cuerpoOferta {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFF;
}

TABLE.tablaOfertas TABLE.cuerpoOferta TD {
    vertical-align: top;
    padding-top: 5px;
}

TABLE.tablaOfertas TABLE.cuerpoOferta TH {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #FFF;
}

TABLE.tablaOfertas TABLE.cuerpoOferta TD H1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    margin: 0;
}

TABLE.tablaOfertas TABLE.cuerpoOferta TD P {
    height: 120px;
    margin: 0;
}

TABLE.tablaOfertas TABLE.cuerpoOferta SPAN.promoOfertaPrecio {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    color: #FFF;
    font-weight: bold;
    text-align: right;
    font-style: italic;
    white-space: nowrap;
}

TABLE.tablaPie {
    background: transparent url( ../home/bg_tablaPie.png ) bottom no-repeat;
    text-align: center;
    width: 741px;
    height: 126px;
}

.link {
    background: transparent url( ../home/bg_link.gif ) 0px 0px no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 11px;
    color: #FFF;
    /*font-variant: small-caps;*/
    text-transform: uppercase;
    width: 65px;
    height: 18px;
    border: transparent none 0px;
}

.link:hover {
    background-position: 0px -18px;
}

.linkAncho {
    background: transparent url( ../home/bg_linkAncho.gif ) 0px 0px no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 11px;
    color: #FFF;
    text-transform: uppercase;
    width: 122px;
    height: 18px;
    border: transparent none 0px;
}

.linkAncho:hover {
    background-position: 0px -18px;
}

.linkGeneral {
    background: transparent url( ../home/bg_linkGeneral.gif ) 5px 6px no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #566C11;
    padding: 5px 0px 3px 14px;
    border: transparent none 0px;
    vertical-align: middle;
}

.linkGrande {
    background: transparent url( ../home/bg_linkGrande.gif ) 0px 0px no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 11px;
    color: #FFF;
    text-transform: uppercase;
    width: 180px;
    height: 18px;
    border: transparent none 0px;
}

.linkGrande:hover {
    background-position: 0px -18px;
}

/* Listado de tarifas */


TABLE.tablaBotoneraTarifas {
    background: transparent url( ../home/bg_cabeceraTablaGrande.jpg ) top no-repeat;
    border-collapse: collapse;
    height: 25px;
    width: 550px;
    border-style: none;
}

TABLE.tablaBotoneraTarifas H1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    padding: 0px 5px 0px 0px;
    margin: 0 0 0 10px;
    height: 13px;
}

TABLE.tablaBotoneraTarifas TD.contenedorBoton {
    width: 1%;
    padding: 0 5px 0 0;
}

TABLE.tablaTarifas {
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;

    width: 550px;
    border: #566C11 dashed;
    border-width: 0 0 1.5px 0;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

TABLE.tablaTarifas TD.tdFotoTarifa {
    vertical-align: top;
    width: 100px;
    padding: 0;
}

TABLE.tablaTarifas TD.tdDescTarifa {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #566C11;
    padding: 10px 5px 2px 5px;
    border: #CCC solid;
    border-width: 0 0 1px 0;
    font-weight: normal;
}

TABLE.tablaTarifas TABLE.tablaTarifasPrecios {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    width: 120px;
    padding: 0;
    margin: 0;
}

TABLE.tablaTarifas TABLE.tablaTarifasPrecios SPAN.promoOfertaPrecio {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 27px;
    color: #566C11;
    font-weight: bold;
    text-align: right;
    font-style: italic;
}


/* Mas info tarifas */

TABLE.tablaPreciosDescripcion {
    width: 550px;
    background: #e7e7e7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-collapse: collapse;
}
TABLE.tablaPreciosDescripcion TD,
TABLE.tablaPreciosDescripcion TH {
    padding: 5px;
}
TABLE.tablaPreciosDescripcion .cabecera {
        background: transparent url( ../home/bg_cabeceraTablaPreciosDescripcion.jpg ) no-repeat;
}

TABLE.tablaPreciosDescripcion .pie {
    background: transparent url( ../home/bg_pieTablaGrande.jpg ) bottom no-repeat;
}


TABLE.tablaPreciosMasTarifas {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #0852A5;
    font-weight: normal;
    /*border: #CCC solid 1px;*/
    background: #FFF;
    vertical-align: middle;
    width: 120px;
    height: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

TD.tdSeparadorPreciosMasTarifas {
    border: #999 dashed;
    border-width: 0px 0px 1px 0px;
    height: 10px;
}

TABLE.tablaPreciosMasTarifas SPAN.promoOfertaPrecio {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 27px;
    color: #566C11;
    font-weight: bold;
    text-align: right;
    font-style: italic;
}


/* Css gerico para to do el resto de las pantallas */

TABLE.tablaGrande {
    background: #e7e7e7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 550px;
    border-collapse: collapse;
    margin: 0 auto;                 /* firefox */
    //margin: 0 97px 15px 97px;     /* explorer */
}

TABLE.tablaGrande TD,
    TABLE.tablaGrande TH {
    padding: 2px 5px 2px 5px;
}

TABLE.tablaGrande TD.cabecera {
    background: transparent url( ../home/bg_cabeceraTablaGrande.jpg ) top no-repeat;
    color: #FFF;
    font-weight: bold;
}

TABLE.tablaGrande TD.pie {
    background: transparent url( ../home/bg_pieTablaGrande.jpg ) bottom no-repeat;
}

/* Esto es para el header de la cotizacion */

.cabeceraprecios {
    BACKGROUND-IMAGE: url(../home/bg_tablaCabeceraPopup.jpg);
    WIDTH: 550px;
    BACKGROUND-REPEAT: no-repeat;
    background-position:center;
    HEIGHT: 54px;
    BACKGROUND-COLOR: #ffffff;
    margin: 10 auto;                 /* firefox */
    //margin: 5 97px 15px 97px;     /* explorer */
}
.cotizacionpaso {
	BACKGROUND-IMAGE: url(../home/CircCotiz1.jpg);
    BACKGROUND-REPEAT: no-repeat;
    VERTICAL-ALIGN: middle;
    HEIGHT: 25px;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center;
}

.cotizacionpasoselect {
	BACKGROUND-IMAGE: url(../home/CircCotiz2.jpg);
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 25px;
    VERTICAL-ALIGN: middle;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center;
    font-weight:bold;
}

.tituloPantalla {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #586E30;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	margin-left:30px;
}

.subTituloPantalla {
	text-align: left;
	color: #0076C0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	border-style: none;
}

/* hasta aca */