/*
 * Copyright Sistemas Australes - Junio 2009
 * Autor: Mauricio Morales
 * */

/*--- pantallas principales ---*/

/*
 * #container
 * ------------------
 * | #header        |
 * |----------------|
 * | #menubar       |          ----------------------------
 * |----------------|          | #menu | #page | #ofertas |
 * | #main          | ======>  |       |       |          | ======>
 * |                | (#main)  |       |       |          | (#page)
 * |----------------|          ----------------------------
 * | #footer        |
 * ------------------
 * */


/*--- pantallas popup ---*/

/*
 * #container.popup
 * ------------------
 * | #header        |
 * |----------------|
 * | #main          |
 * |                |
 * |----------------|
 * | #footer        |
 * ------------------
 * */


/*--- otros ---*/

#page p {
    font-size: 9px;
    text-align: center;
    color: #999;
}

select, input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #444;
    border: #999 solid 1px;
}

/*--- disponibilidad principal ---*/

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: #b2b9c1;
    text-align: center;
}

/*:area principal de la pagina quien contiene las areas horizontales #header, #main, #footer:*/

#container {
    background: #fff url( ../images/home/bg_container.jpg ) repeat-y;
    text-align: center;
    width: 824px;
    margin: auto;
}

/*:area destinado a contener la imagen o logo de la empresa:*/

#container #header {
    background: url( ../images/home/bg_header.jpg ) no-repeat;
    width: 100%;
    height: 100px;
}

#container #header.agencias-ARG { background-position: 0 -100px !important; }
#container #header.agencias-URU { background-position: 0 -600px !important; }
#container #header.agencias-CHL { background-position: 0 -700px !important; }
#container #header.agencias-USA { background-position: 0 -200px !important; }
#container #header.agencias-BRA { background-position: 0 -300px !important; }

#container.ficha #header { background-position: 0 -400px !important; }

#container #header p {
    position: relative;
    float: right;
    padding: 0;
    margin: 0;
    top: 80px;
    right: 58px;
    color: #81a1b8;
    font-family: sans-serif, Arial, Helvetica;
    font-weight: bold;
    font-size: 12px;
}

/*:area que contiene la pagina:*/

#container #main {
    background: #fff url( ../images/home/bg_container.jpg ) repeat-y;
    width: 810px;
    //width : 100 %; /* para explorer */
    float: left;
    text-align: left;
    padding-left: 13px;
}

/*:area destinado a contener imagen o logo pie de pagina:*/

#container #footer {
    background: url( ../images/home/bg_footer.jpg );
    float: left;
    width: 100%;
    height: 70px;
}

#container.ARG   #footer { background-position: 0    0 !important;   }
#container.BRA   #footer { background-position: 0  -70px !important; }
#container.URU   #footer { background-position: 0 -140px !important; }
#container.RESTO #footer { background-position: 0 -210px !important; }

/*:las paginas popup pueden tener diferencias en las areas principales:*/
/*:por eso se creo la clase .popup para pisar lo definido en #container :*/

/*:area #main para pantallas popup:*/
#container.popup #main {
	background: #fff url( ../images/home/bg_container_popup.jpg ) repeat-y !important;
	width: 100%;
	padding: 30px 0 30px 0px;
	text-align: center;
}

/*:area #footer para pantallas popup:*/

#container.popup #footer {
    background: url( ../images/home/bg_footer_popup.jpg ) repeat-y !important;
}

#container.popup.ARG   #footer { background-position: 0    0 !important;   }
#container.popup.BRA   #footer { background-position: 0  -70px !important; }
#container.popup.URU   #footer { background-position: 0 -140px !important; }
#container.popup.RESTO #footer { background-position: 0 -210px !important; }

/*--- clases #main genericas ---*/

/*:titulo principal de las paginas:*/

#container #main #title,
#container #main .title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #586e30;
    padding: 5px 0 10px 0px;
    margin-left:30px;
}

/*:NOTA: se puede definir clases para el cualquier area principal y luego con javascript cambiarlas dinamicamente:*/
/*:para que la pagina cambie de diseño. En buquebus, el menu tiene la lista de paises de los prestadores de tarifas:*/
/*:seleccionando uno de estos paises el area #main toma como clase el codigo del pais seleccionado, por ende, el diseño se redefine :*/
/*:la proxima declaracion se repetira en toda la hoja de estilo, siempre para redefinir diseños dentro de un contexto:*/

#container.ARG   #main #title,
#container.ARG   #main .title { color: #99181c; }
#container.BRA   #main #title,
#container.BRA   #main .title { color: #58612a; }
#container.URU   #main #title,
#container.URU   #main .title { color: #4c81b7; }
#container.RESTO #main #title,
#container.RESTO #main .title { color: #fcb815; }

/*:estilo de tabla dentro del main:*/

#container #main table {
        background: #e7ecf0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #636363;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    margin: 0;
}

/*:estilo de tabla dentro del #main para las pantallas popup:*/

#container.popup #main table {
	width: 700px;
	margin: auto;
	text-align: left;
}

/*:estilo de celdas de las tablas que estan dentro del #main:*/

#container #main table td,
#container #main table th {
    padding: 2px 5px 2px 5px;
    font-weight: normal;
}

#container.popup #main table th { font-weight: bold; }

/*:la tabla tiene un clase .header destinada para la primer celda de la primer fila:*/
/*:esta celda debe tener el colspan maximo, y dentro de esta, se debe incluir los div's:*/
/*:.left clase definida para redondear el borde la tabla:*/
/*:.center clase definida para contener el titulo de la tabla:*/
/*:.right clase definida para redondear el borde la tabla:*/

#container #main table .header,
#container #main table .headerbg {
    padding: 0;
    margin: 0;
    height: 20px;
    line-height: 20px;
}

#container #main table .header .left,
#container #main table .headerbg .left {
    float: left;
    width: 5px;
    height: 10px;
}

#container #main table .header .center,
#container #main table .headerbg .center {
    float: left;
    padding: 2px 0 2px 0;
    text-transform: uppercase;
}

#container.popup #main table .header .center,
#container.popup #main table .headerbg .center {
        width: 680px;
}

#container #main table .header .right,
#container #main table .headerbg .right {
    float: right;
    width: 10px;
    height: 10px;
}

/*:redefinicion de la clase header de las tablas definido para cada pais del prestador:*/
/*:(si no se entiende, ver comentarios definidos para el estilo #title):*/

#container.ARG   #main table .header { background: #99181c url( ../images/home/bg_form_table_header_arg.jpg )  top right repeat-y; color: #fff; }
#container.BRA   #main table .header { background: #586227 url( ../images/home/bg_form_table_header_brs.jpg )  top right repeat-y; color: #fff; }
#container.URU   #main table .header { background: #4c81b7 url( ../images/home/bg_form_table_header_i18n.jpg ) top right repeat-y; color: #fff; }
#container.RESTO #main table .header { background: #fdb814 url( ../images/home/bg_form_table_header_uru.jpg )  top right repeat-y; color: #fff; }

#container.ARG   #main table .header .left { background: url( ../images/home/bg_form_table_header_border_arg.jpg )  no-repeat; }
#container.BRA   #main table .header .left { background: url( ../images/home/bg_form_table_header_border_brs.jpg )  no-repeat; }
#container.URU   #main table .header .left { background: url( ../images/home/bg_form_table_header_border_i18n.jpg ) no-repeat; }
#container.RESTO #main table .header .left { background: url( ../images/home/bg_form_table_header_border_uru.jpg )  no-repeat; }

#container.ARG   #main table .header .right { background: url( ../images/home/bg_form_table_header_border_arg.jpg )  -10px 0 no-repeat; }
#container.BRA   #main table .header .right { background: url( ../images/home/bg_form_table_header_border_brs.jpg )  -10px 0 no-repeat; }
#container.URU   #main table .header .right { background: url( ../images/home/bg_form_table_header_border_i18n.jpg ) -10px 0 no-repeat; }
#container.RESTO #main table .header .right { background: url( ../images/home/bg_form_table_header_border_uru.jpg )  -10px 0 no-repeat; }

#container #main table .headerbg .left { background: url( ../images/home/bg_form_table_header_border_v3.jpg )  no-repeat !important; }
#container #main table .headerbg .center { background: #e7ecf0 !important; }
#container #main table .headerbg .right { background: url( ../images/home/bg_form_table_header_border_v3.jpg )  -10px 0 no-repeat !important; }

/*:la clase .footer funciona exactamente como la .header definida anteriormente:*/
/*:esta clase se define para redondear los bordes de la parte inferior de las tablas:*/

#container #main table .footer {
    padding: 0;
    margin: 0;
    height: 25px;
    line-height: 25px;
}

#container #main table .footer .left {
	background: url( ../images/home/bg_form_table_footer_border_v3.jpg ) 0 0 no-repeat;
    float: left;
	position: relative;
	top: 10px;
    width: 10px;
    height: 15px;
}

#container #main table .footer .center {
    float: left;
    text-transform: uppercase;
	width: 97%;
    height: 25px;
    line-height: 25px;
}

#container #main table .footer .right {
    background: url( ../images/home/bg_form_table_footer_border_v3.jpg ) -10px 0 no-repeat;
	float: right;
	position: relative;
	top: 10px;
    width: 10px;
    height: 15px;
}

#container #main table table { width: 100% !important; margin: 0 !important; }

/*:contenedor de botones aplicado en td, th o en div internos de .footer-.center:*/

#container #main .button-container {
    text-align: right;
    padding: 0 15px 0 0 !important;
}

/*:estilo de botones para sus diferentes tamaños:*/
/*:lamentablemente el ancho de los botones son fijos ya que estos tienen los bordes redondeados:*/

#container #main button,
#container #main button.boton-mediano {
    background: url( ../images/home/bg_button.gif ) no-repeat;
    font-size: 11px;
    color: #fff;
    width: 80px;
    height: 18px;
    line-height: 18px;
    border: none;
    text-transform: uppercase;
}

#container #main button.boton-mediano {
    background: url( ../images/home/bg_button_mediano.gif ) no-repeat;
    width: 160px;
}

#container #main button.boton-grande {
    background: url( ../images/home/bg_button_grande.gif ) no-repeat;
    width: 240px;
}

/*:redefinicion de los botones por pais de prestador:*/
/*:(si no se entiende, ver comentarios definidos para el estilo #title):*/

#container.ARG   #main button { background-position: 0 0; }
#container.BRA   #main button { background-position: 0 -38px; }
#container.URU   #main button { background-position: 0 -76px; }
#container.RESTO #main button { background-position: 0 -114px; }
#container       #main button.disabled { background-position: 0 -151px !important; color: #666; }

#container.ARG   #main button:hover { background-position: 0 -19px; }
#container.BRA   #main button:hover { background-position: 0 -57px; }
#container.URU   #main button:hover { background-position: 0 -95px; }
#container.RESTO #main button:hover { background-position: 0 -133px; }
#container       #main button.disabled:hover { background-position: 0 -168px !important; }

/*:estilo para los links dentro del #main:*/

#container #main a {
    text-decoration: none;
}

/*:la clase .link puede utilizarse en las etiquetas a o p dependiendo de la funcion que se le quiera dar:*/
/*:por esta misma razon no se etiqueta como a.link*/

#container #main .link {
    background: url( ../images/home/bg_link.gif ) no-repeat;
    font-size: 10px;
    padding-left: 10px;
    height:12px;
}

/*:redefinicion de los botones por pais de prestador:*/
/*:(si no se entiende, ver comentarios definidos para el estilo #title):*/

/*:las etiquetas a solo tienen background si estas tienen asignadas la clase .link:*/
/*:de igual manera esto no afecta el funcionamiento del estilo:*/

#container.ARG   #main a { background-position: 0 0;     color: #99181c; }
#container.BRA   #main a { background-position: 0 -24px; color: #58612a; }
#container.URU   #main a { background-position: 0 -48px; color: #4c81b7; }
#container.RESTO #main a { background-position: 0 -72px; color: #fcb815; }

#container.ARG   #main a:hover { background-position: 0 -12px; color: #dd6d23; }
#container.BRA   #main a:hover { background-position: 0 -36px; color: #c7d343; }
#container.URU   #main a:hover { background-position: 0 -60px; color: #88aed5; }
#container.RESTO #main a:hover { background-position: 0 -84px; color: #fde581; }

/*:como se ha explicado la clase .link puede utilizarse en etiquetas a o en p:*/

#container.ARG   #main p.link { background-position: 0 0;     color: #99181c; }
#container.BRA   #main p.link { background-position: 0 -24px; color: #58612a; }
#container.URU   #main p.link { background-position: 0 -48px; color: #4c81b7; }
#container.RESTO #main p.link { background-position: 0 -72px; color: #fcb815; }

/*:.separador es una clase que se definio para separar cualquier tipo de area de otra:*/
/*:la clase es generica y puede aplicarse en las etiquetas table, td, th, div, etc.:*/

#container.ARG   #main .separador { border-bottom: #99181c dashed 1px !important; }
#container.BRA   #main .separador { border-bottom: #58612a dashed 1px !important; }
#container.URU   #main .separador { border-bottom: #4c81b7 dashed 1px !important; }
#container.RESTO #main .separador { border-bottom: #fcb815 dashed 1px !important; }

/*:.precio se definio para resaltar los despliegues de los montos totas:*/

#container       #main .precio { font-size: 27px; font-weight: bold !important; font-style: italic; color: #99181c; }
#container.ARG   #main .precio { color: #99181c; }
#container.BRA   #main .precio { color: #58612a; }
#container.URU   #main .precio { color: #4c81b7 }
#container.RESTO #main .precio { color: #fcb815; }

/*--- menubar ---*/

/*:estilo del menu horizontal compuesto por ul->li->a:*/

#container #main #menubar {
    height: 30px;
    text-align: center;
}

#container #main #menubar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#container #main #menubar li {
    float: left;
    border-right: 1px solid #FFF;
}

#container #main #menubar a,
#container #main #menubar p {
    background: #eee url( ../images/home/bg_menubar.jpg ) repeat-x;
    color: #666;
    text-decoration: none;
    display: block;
    height: 30px;
    line-height: 30px;
    width: 132.3px;
    padding: 0;
    margin: 0;
}

#container #main #menubar a:hover {
    background-position: 0 -31px;
}

#container #main #menubar .selected a,
#container #main #menubar .selected a:hover {
    background-position: 0 -62px;
}

/*--- menu ---*/

/*:estilo del menu vertical compuesto por ul->li->a:*/

#container #main #menu {
    background: url( ../images/home/bg_menu.jpg ) -132px 0 repeat-y;
    width: 132px;
    float: left;
}

#container #main #menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#container #main #menu .pais a,
#container #main #menu .moneda a {
    background: url( ../images/home/bg_menu.jpg ) repeat-y;
    text-decoration: none;
    color: #fff;
    display: block;
    height: 32px;
    padding-left: 10px;
    line-height: 32px;
    border-bottom: #fff solid 1px;
}

#container #main #menu .pais a:hover {
    font-weight: bold;
}

#container #main #menu .moneda a:hover {
    color: #ccc;
}

#container #main #menu .moneda {
    visibility: hidden;
    display: none;
}

/*
#container #main #menu .selected a,
#container #main #menu .selected a:hover { background-position: -132px 0; font-weight: normal; color: #666; }
*/

/*:dentro del menu vertical existen alguna opciones que escapan de lo estandar o basico:*/
/*:nacionalidad es una de ellas. la etiqueta de nacionalidad es una etiqueta que por defecto esta oculta:*/
/*:el menu contiene una opcion que hace visible al area definida como .nacionalidad:*/

#container #main #menu .nacionalidad {
    background: url( ../images/home/bg_menu.jpg ) repeat-y;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-bottom: #fff solid 1px;
    visibility: hidden;
    display: none;
}

#container #main #menu .nacionalidad select { width: 120px; }

#container #main #menu .idioma {
    background: url( ../images/home/bg_menu.jpg ) repeat-y;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-bottom: #fff solid 1px;
    visibility: hidden;
    display: none;
}

#container #main #menu .idioma select { width: 120px; }


/*:.login es la clase que contiene al formulario de acceso de usuarios al site:*/

/*estructura
 *.login
 * -------------------
 * | table           |
 * |  tr->td->input  |
 * |  tr->td->input  |
 * |  tr->td->button |
 * -------------------
 * */

#container #main #menu .login {
    background: url( ../images/home/bg_menu.jpg ) repeat-y;
/*    background: url( ../images/home/bg_login.jpg ) repeat-x;*/
    text-align: center;
    border-bottom: #999 solid 1px;
}

#container #main #menu .login table {
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    /*color: #666;*/
    color: #fff;
    width: 100%;
}

#container #main #menu .login input {
    width: 100%;
/*
    width: 70px;
    float: right;
*/
}

#container #main #menu .login button {
    font-family: Arial, Helvetica, sans-serif;
    background: url( ../images/home/bg_button.gif ) 0 -186px no-repeat;
    font-size: 10px;
    color: #666;
    width: 80px;
    height: 15px;
    line-height: 15px;
    border: none;
    text-transform: uppercase;
}

#container #main #menu .login button:hover {
    background-position: 0 -203px;
    color: #666 ;
}

#container #main #menu .login a {
    text-decoration: underline;
    font-weight:bold;
    color: white;
}

#container #main #menu .login a:hover {
    color: #4c81b7;
}


/*:estilo basico para las opciones del menu vertical:*/

#container #main #menu .item {
    background: url( ../images/home/bg_menu.jpg ) -132px 0 repeat-y;
    display: block;
    border-bottom: #999 solid 1px;
    padding: 5px 0 5px 5px;
}

#container #main #menu .item a {
    background: url( ../images/home/bg_menu_item.gif ) no-repeat;
    height: 11px;
    padding-left: 15px;
    text-decoration: none;
    color: #666;
}

#container #main #menu .item a:hover {
    background-position: 0 -120px;
    color: #aaa;
}

#container #main #menu .item a.selected {
    background-position: 0 -60px;
}

#container #main #menu .item a.selected:hover {
    background-position: 0 -180px;
}

#container #main #menu form { padding: 0; margin: 0; } /* ie7 */
#container #main #page form { padding: 0; margin: 0; } /* ie7 */

#container #main #menu #despliegue-banners-lateral-izquierdo,
#container #main #menu #despliegue-banners-lateral-derecho {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding-top: 20px;
}

#container #main #menu #despliegue-banners-lateral-izquierdo .banner-izquierdo {
    text-decoration: none;
    color: #fff;
    display: block;
    width: 130px;
    height: 88px;
    margin: auto;
}

#container #main #ofertas #despliegue-banners-lateral-derecho .banner-derecho {
    text-decoration: none;
    color: #fff;
    display: block;
    width: 153px;
    height: 117px;
    margin: auto;
}

#container #main #menu #despliegue-banners-lateral-izquierdo .banner-izquierdo p {
    margin: 0;
    padding: 0;
}

#container #main #menu #despliegue-banners-lateral-izquierdo .banner-izquierdo p.titulo {
    position: relative;
    float: left;
    top: 5px;
    left: 5px;
}

#container #main #menu #despliegue-banners-lateral-izquierdo .banner-izquierdo p.monto {
    position: relative;
    float: right;
    top: 40px;
    right: 5px;
    font-style: italic;
    font-size: 18px;
}

/*--- pagina ---*/

#container #main #page {
    float: left;
    width: 655px;
    margin: 12px 0 0 12px;
}

#container #main #site {
    float: left;
    width: 655px;
    background: url( ../images/home/bg_select_site.jpg ) repeat-y;
    margin-bottom: 10px;
}

#container.ARG   #main #site { background-position: -1314px 0; }
#container.BRA   #main #site { background-position:  -657px 0; }
#container.URU   #main #site { background-position:     0   0; }
#container.RESTO #main #site { background-position:     0   0; }

/*--- form ---*/

/*:puede ver documentacion doc.site.desing para entender esta distribucion:*/

#container #main #page #form {
    float: left;
    width: 492px;
}

#container #main #page #form table .fields div {
    float: left;
    width: 50%;
    padding: 5px 0 5px 0;
}

#container #main #page #form table div#codCiudad select,
#container #main #page #form table div#codPrestador select {
    width: 90%;
}

#container #main #page #form table .fields option { //display: none; } /* ie7 */


/*--- Menu de servicios ---*/

#menuSrv  {
    background: url(../images/home/bg_menu_servicios.jpg) no-repeat;
    list-style: none;
    width: 492px;
    height: 42px;
    padding: 5px 0 0 8px;
}

#menuSrvRemotos,
#menuSrvLocales {
    background: url(../images/home/bg_servicios.jpg) no-repeat;
    list-style: none;
    width: 477px;
    height: 21px;
    padding: 0;
    margin: 0;
}

#menuSrv li {
    float: left;
}

#menuSrv a {
    width: 117px;
    height: 21px;
    display: block;
    text-decoration: none;
}

#menuSrvLocales {
    background-position: 0 -189px;
}

/*--- Promociones ---*/

#container #main       table#promocionesV3 td { padding: 1px 2px 1px 2px; white-space: nowrap; }
#container #main       table#promocionesV3 .header { padding: 0; }
#container #main       table#promocionesV3 .footer { padding: 0; }

#container       #main table#promocionesV3 .title p { text-align: left; color: #4c81b7; border-bottom: 1px solid #4c81b7; width: 99%; padding: 1px 0 1px 0; margin: 0 auto; }
#container.ARG   #main table#promocionesV3 .title p { text-align: left; color: #99181c; border-bottom: 1px solid #99181c; width: 99%; padding: 1px 0 1px 0; margin: 0 auto; }
#container.BRA   #main table#promocionesV3 .title p { text-align: left; color: #58612a; border-bottom: 1px solid #58612a; width: 99%; padding: 1px 0 1px 0; margin: 0 auto; }
#container.URU   #main table#promocionesV3 .title p { text-align: left; color: #4c81b7; border-bottom: 1px solid #4c81b7; width: 99%; padding: 1px 0 1px 0; margin: 0 auto; }
#container.RESTO #main table#promocionesV3 .title p { text-align: left; color: #fcb815; border-bottom: 1px solid #fcb815; width: 99%; padding: 1px 0 1px 0; margin: 0 auto; }

#container #main  table#promocionesV3 .title,
#container #main  table#promocionesV3 .promociones-paises {
    font-size: 11px;
    text-align: left;
    vertical-align: top;
    width: 33%;
    border-right: 1px solid #999;
    margin: 0;
}

/*--- ofertas ---*/

/*:puede ver documentacion doc.site.desing para entender esta distribucion:*/

#container #main #page #ofertas {
    float: right;
    width: 153px;
    text-align: right;
}

#container #main #ofertas #despliegue-banners-lateral-derecho a.banner-derecho p {
    margin: 0;
    padding: 0;
}

#container #main #ofertas #despliegue-banners-lateral-derecho a.banner-derecho p.titulo {
    position: relative;
    float: left;
    top: 5px;
    left: 5px;
}

#container #main #ofertas #despliegue-banners-lateral-derecho a.banner-derecho p.monto {
    position: relative;
    float: right;
    top: 40px;
    right: 5px;
    font-style: italic;
    font-size: 18px;
}

#container #main #page #ofertasV3 { text-align: center; }

/*--- despliegue-tarifa ---*/

#container #main #page #cabecera-listado-tarifa { background: #e7ecf0 !important; }

#container #main #page #cabecera-listado-tarifa .footer div {
    text-align: center;
    font-size: 12px !important;
    padding: 4px 0 4px 0;
    border-width: 0px 1px 1px 1px !important;
}

#container.ARG   #main #page #cabecera-listado-tarifa .footer div { border: solid #99181c; }
#container.BRA   #main #page #cabecera-listado-tarifa .footer div { border: solid #586227; }
#container.URU   #main #page #cabecera-listado-tarifa .footer div { border: solid #4c81b7; }
#container.RESTO #main #page #cabecera-listado-tarifa .footer div { border: solid #fdb814; }

#container #main #page #cabecera-listado-tarifa .footer div p { font-size: 12px; padding: 1px 0 1px 0; margin: 0; }

#container.ARG   #main #page #cabecera-listado-tarifa .footer div p { color: #99181c; }
#container.BRA   #main #page #cabecera-listado-tarifa .footer div p { color: #586227; }
#container.URU   #main #page #cabecera-listado-tarifa .footer div p { color: #4c81b7; }
#container.RESTO #main #page #cabecera-listado-tarifa .footer div p { color: #fdb814; }


#container #main #page .despliegue-tarifa table.tarifa { background: #fff !important; /*border-bottom: #000 dashed 1px; */ font-size: 10px; }

#container       #main #page .despliegue-tarifa table.tarifa .header { background: transparent !important;  }
#container.ARG   #main #page .despliegue-tarifa table.tarifa .header { border-bottom: #99181c dashed 1px !important; color: #99181c !important; }
#container.BRA   #main #page .despliegue-tarifa table.tarifa .header { border-bottom: #58612a dashed 1px !important; color: #58612a !important; }
#container.URU   #main #page .despliegue-tarifa table.tarifa .header { border-bottom: #4c81b7 dashed 1px !important; color: #4c81b7 !important; }
#container.RESTO #main #page .despliegue-tarifa table.tarifa .header { border-bottom: #fcb815 dashed 1px !important; color: #fcb815 !important; }

#container #main .cuadroInformacionAmpliada {
    width: 300px;
    overflow: auto;
    /*background: #4c81b7 url( ../images/home/bg_form_table_header_i18n.jpg ) top right repeat-y;*/
    color: #636363;
    padding: 4px;
}

#container.ARG   #main .cuadroInformacionAmpliada { /*background: #99181c url( ../images/home/bg_form_table_header_arg.jpg )  top right repeat-y;*/ color: #636363; }
#container.BRA   #main .cuadroInformacionAmpliada { /*background: #586227 url( ../images/home/bg_form_table_header_brs.jpg )  top right repeat-y;*/ color: #636363; }
#container.URU   #main .cuadroInformacionAmpliada { /*background: #4c81b7 url( ../images/home/bg_form_table_header_i18n.jpg ) top right repeat-y;*/ color: #636363; }
#container.RESTO #main .cuadroInformacionAmpliada { /*background: #fdb814 url( ../images/home/bg_form_table_header_uru.jpg )  top right repeat-y;*/ color: #636363; }

#container #main #filtroCodCatPresta {
    width: 100%;
    height: 23px;
    line-height: 23px;
    border-bottom: 1px solid #4c81b7;
    margin: 5px 0 10px 0;
}

#container.ARG   #main #filtroCodCatPresta { border-bottom: 1px solid #99181c; }
#container.BRA   #main #filtroCodCatPresta { border-bottom: 1px solid #586227; }
#container.URU   #main #filtroCodCatPresta { border-bottom: 1px solid #4c81b7; }
#container.RESTO #main #filtroCodCatPresta { border-bottom: 1px solid #fdb814; }

#container #main #filtroCodCatPresta ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#container #main #filtroCodCatPresta li {
    float: left;
    padding: 0;
    margin: 0;
}

#container #main #filtroCodCatPresta a {
    background: #e7ecf0;
    text-align: center;
    vertical-align: bottom;
    display: block;
    height: 22px;
    line-height: 23px;
    padding: 0 5px 0 5px;
    margin: 0 5px 0 0px;
    border-top: 1px solid #e7ecf0;
    border-right: 1px solid #e7ecf0;
    border-left: 1px solid #e7ecf0;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
}

#container #main #filtroCodCatPresta a.selected { background: #fff; }

#container.ARG   #main #filtroCodCatPresta a.selected { border: 1px solid #99181c; border-bottom: 1px solid #fff;  }
#container.BRA   #main #filtroCodCatPresta a.selected { border: 1px solid #586227; border-bottom: 1px solid #fff;  }
#container.URU   #main #filtroCodCatPresta a.selected { border: 1px solid #4c81b7; border-bottom: 1px solid #fff;  }
#container.RESTO #main #filtroCodCatPresta a.selected { border: 1px solid #fdb814; border-bottom: 1px solid #fff;  }

/*--- cotizaciones ---*/

#container #main .pasos-cotizacion { background: transparent; margin: 0px auto 20px auto !important;}

#container #main .pasos-cotizacion .title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #586e30;
}

#container.ARG   #main .pasos-cotizacion .title { color: #99181c; }
#container.BRA   #main .pasos-cotizacion .title { color: #58612a; }
#container.URU   #main .pasos-cotizacion .title { color: #4c81b7; }
#container.RESTO #main .pasos-cotizacion .title { color: #fcb815; }

#container #main .pasos-cotizacion .pasos { width: 100%; }

#container #main .pasos-cotizacion .pasos td {
    background: url(../images/home/bg_pasos_cotizacion.jpg) no-repeat;
    vertical-align: middle;
    height: 25px;
    font-size: 12px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 0;
    width: 25px;
}

#container #main .pasos-cotizacion .pasos .current {
    color: #fff;
    font-weight: bold;
}

#container.ARG   #main .pasos-cotizacion .pasos .current { background-position: 0 -26px; }
#container.BRA   #main .pasos-cotizacion .pasos .current { background-position: 0 -52px; }
#container.URU   #main .pasos-cotizacion .pasos .current { background-position: 0 -78px; }
#container.RESTO #main .pasos-cotizacion .pasos .current { background-position: 0 -104px; }

/*-- menu de footer --*/

#menuFooter { width: 100%; padding-left: 75px; }

#menuFooter ul { list-style: none; width: 100%; padding: 0;  }

#menuFooter li {
    float: left;
    border-left: 1px solid #999;
    padding: 0 8px 0 8px;
}

#menuFooter li:first-child { border-left: 0px none #fff; }

#menuFooter a {
    display: block;
    color: #666 !important;
}

#popupAereo {
    font-family: Helvetica, Geneva, Arial, sans-serif;
    font-size:8px;
    background-color:transparent;
    width:500px;
    z-index:2;
    position:absolute;
    display:none;
}

#popupAereo table {
    background-color:white;
    margin:2px !important;
    width:99% !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:11px !important;
}

#popupAereo table th {
    background-color:lightgray;
    vertical-align:middle;
}

#popupAereo table td {
    vertical-align:top;
    background-color:transparent;
}

#popupAereo div {
    border: thin solid #586227;
}

#popupAereo .header{
    padding: 5px;
    font-weight:bold;
}
#modal-datos-vuelo td {
    text-align:left;
}
#modal-datos-vuelo .separador > td{
    border-bottom: #999999 dashed 1px !important; 
}


#closePopup {
    z-index:3;
    padding:2px;
    border: 1px solid black;
    float:right;
    background:white;
    margin:2px;
    cursor:pointer;
    font-family:sans-serif;
    font-size:9px;
    font-weight:bold;
    width:12px;
    position:relative;
    top:2px;
    right:2px;
    text-align:center;
    color:black;
}

#divMensajePopup {
    background: url('../images/home/bg_mensaje_error.jpg') no-repeat;
    height: 60px;
    padding: 6px;
}

#divMensajePopup table {background: transparent !important; }
#divMensajePopup td,
#divMensajePopup th {
    background: transparent !important;
    color: #fff !important;
}

#divMensajePopup button {
    background-position: 0 0 !important;
}

#divMensajePopup button:hover {
    background-position: 0 -19px !important;
}