﻿/* GERAL */
.compra-rapida { float:left; margin-bottom:15px; display:inline; }
.compra-rapida { overflow: hidden; width:277px; margin-right:12px; color: White; background:url('../Images/fundo-compra-rapida.jpg') no-repeat bottom left; }
.compra-rapida .institucional { position: absolute; top: 162px; margin-left: 650px; background:url('../Images/fundo-compra-rapida.jpg') no-repeat bottom left; }
.compra-rapida .cabecalho,
.reserva-passagem .cabecalho { clear: both; height: 42px; overflow: hidden; }
.compra-rapida input,
.compra-rapida select,
.reserva-passagem input,
.reserva-passagem select { font-family: verdana; font-size: 10px; color: #898989; }
.compra-rapida .Linha3 .dataDia,
.reserva-passagem .Linha3 .dataDia { width: 16px; padding: 1px 0; }
.compra-rapida .Linha3 .dataMes,
.reserva-passagem .Linha3 .dataMes { width: 16px; padding: 1px 0; }
.compra-rapida .Linha3 .dataAno,
.reserva-passagem .Linha3 .dataAno { width: 32px; padding: 1px 0; }
.reserva-passagem .tituloerrovoo h3 { padding: 3px 0px 0px 0px; width: 920px; border-bottom: 1px solid #888ca5; }
.compra-rapida div.linhas { height: 267px; padding: 15px 17px 0 17px; margin: 0; list-style: none; z-index: auto; }


.compra-rapida ul.linhas { height: 267px; padding: 15px 17px 0 17px; margin:0; list-style:none; z-index: auto; }
.compra-rapida ul.linhas li { padding: 0; margin:0; list-style:none; }



#cphConteudo_Img2 { position:absolute; }

.CelEsq table object
{
    top: 200px !important;
    height: 300px !important;
}

.OrigemDestino { font-size: 11px; font-weight: bold; width /*\**/: 178px\9; *width: auto; }

/* Compra Rapida Home e Institucional */

.compra-rapida .Linha1,
.compra-rapida .Linha2,
.compra-rapida .Linha3,
.compra-rapida .Linha4,
.compra-rapida .Linha5 { clear: both; }

/*.compra-rapida .Linha1 .origem,
.compra-rapida .Linha1 .destino { float: none; }*/
.compra-rapida .Linha2 label 
{ 
    width: 56px; 
    height: 22px; 
    float: left; 
    padding: 4px 0 4px 0; 
    font-weight: bold;
     
    /* Hack for IE6 e IE7 -> Espaçamento entre o label Origem-Destino e o combo. */   
    _width: 60px;
    *width: 60px;
}

.compra-rapida .Linha1 div { width: 120px; float: left; height: 30px; padding-left: 0px; }
.compra-rapida .Linha1 .IdaeVolta { width: 100px; border-left: 0px; }

.compra-rapida .Linha2 span.origem,
.compra-rapida .Linha2 span.destino { width: 53px; height: 22px; float: none; padding: 0px; margin: 0px; font-weight: bold; display: inline-block; }

.compra-rapida .Linha3 img, .reserva-passagem .Linha3 img 
{ 
    vertical-align: -4px; 
    
    /* Hack for IE7 -> Posicionamento Vertical Calendario. */
    *vertical-align: -1px; 
}

.compra-rapida .Linha3 { height: 45px; }
.compra-rapida .Linha3 div { width: 121px; float: left; }

.compra-rapida .Linha4 { width: 240px; height: 55px; }
.compra-rapida .Linha4 select { width: 78px; }
.compra-rapida .Linha4 .texto { font-weight: bold; text-align: center; height: 20px; }
.compra-rapida .Linha4 .itemAdulto,
.compra-rapida .Linha4 .itemCrianca,
.compra-rapida .Linha4 .itemColo { width: 80px; float: left;}
.compra-rapida .Linha5 .menorPreco { height: 30px; text-align: center; }
.compra-rapida .Linha5 .botaoEnviar { height: 30px; text-align: center; cursor: pointer; }

/* Reserva Passagem */

#ulFormVoo { margin: 0; padding: 10px 0px 0px 0px; list-style: none; }
.reserva-passagem { margin: 20px; }
.reserva-passagem .formulario { background-color: #d8e2e9; border-top: 1px solid #f7fbfd; border-bottom: 1px solid #aeb4d0; height: 95px; }
.reserva-passagem div.linhas { margin: 0; padding: 10px 10px 10px 10px; height: 100px; }

.reserva-passagem ul { margin: 0; padding: 10px 10px 10px 10px; list-style: none; }

.reserva-passagem .Coluna1,
.reserva-passagem .Coluna2,
.reserva-passagem .Coluna3,
.reserva-passagem .Coluna4 { height: 80px; float: left; }

.reserva-passagem .Coluna1 { width: 290px; }
.reserva-passagem .Coluna2 { width: 130px; }
.reserva-passagem .Coluna3 { width: 200px; margin-left: 25px; }
.reserva-passagem .Coluna4 { width: 215px; }

.reserva-passagem .Linha1 { height: 26px; }
.reserva-passagem .Linha1 .IdaeVolta, 
.reserva-passagem .Linha1 .somenteIda { width: 100px; float: left; }
.reserva-passagem .Linha1,
.reserva-passagem .Linha2 { width: 100%; }

.reserva-passagem .Linha2 { height: 60px;}

.reserva-passagem .Linha2 label 
{ 
    width: 56px; 
    height: 22px; 
    float: left; 
    padding: 4px 5px 4px 0; 
    font-weight: bold;
     
    /* Hack for IE6 e IE7 -> Espaçamento entre o label Origem-Destino e o combo. */   
    _width: 60px;
    *width: 60px;
}


.reserva-passagem .Linha3 { width: 130px; padding-top: 3px; }
.reserva-passagem .Linha3 .dataida,
.reserva-passagem .Linha3 .datavolta { height: 40px; }

.reserva-passagem .Linha4 { width: 190px; float: left; padding-top: 3px; }

.reserva-passagem .Linha4 select { width: 78px; }
.reserva-passagem .Linha4 .texto { font-weight: bold; height: 19px; }
.reserva-passagem .Linha4 .itemAdulto,
.reserva-passagem .Linha4 .itemCrianca,
.reserva-passagem .Linha4 .itemColo { width: 190px; height: 18px; clear: both; }
.reserva-passagem .Linha4 div span,
.reserva-passagem .Linha4 div select { float: left; }
.reserva-passagem .Linha4 div span { padding-left: 3px; }

.reserva-passagem .Linha5 { width: 210px; }
.reserva-passagem .Linha5 .menorPreco,
.reserva-passagem .Linha5 .botaoEnviar { padding: 0 0 20px 0; text-align: center; cursor: pointer;}


/* configurações aplicadas no codebehind do controle */
.jqueryComboBoxAutoCompleteTextBox
{
    float:left;
    cursor: default;
    color: Black;
    height: 18px;
    width: 160px; 
    border: #A6A7AA 1px solid;
    border-right: transparent 0px solid;
    padding-left: 3px;
    
    /* Hack for IE8 -> Correção alinhamento vertical da Label. */
    height /*\**/: 16px\9;
    padding /*\**/: 4px\9 0 0 1px\9;
    width /*\**/: 161px\9;
    margin-left /*\**/: 0px\9;
    
    
    /* Hack for IE6 and IE7 -> Configuração de altura e tamanho do DropDown na tela. */  
    *height: 16px;
    *width: 160px;
    *padding-left: 2px;  
    _width: 160px;  
    _height: 15px;  
    _padding-top: 4px;  
}

.jqueryComboBoxAutoCompleteDropButton
{
    float: right;
    cursor: default;
    background-image: url(../Images/drop_hover.gif);
    background-repeat: no-repeat;
    width: 17px;
    height: 20px;
    border-bottom: 1px solid #A6A7AA;
    border-right: 1px solid #A6A7AA;
    border-top: 1px solid #A6A7AA;
    margin-left: 0px;
    
    /* Hack for IE7 -> Configuração de altura e tamanho do DropDown na tela. */

    *width: 17px;
    *border-bottom: 1px solid #A6A7AA;
    *border-top: 1px solid #A6A7AA;    
    *float: right;
    
    /* Hack for IE6 -> Configuração de altura e tamanho do DropDown na tela. */
     _height: 20px;
     _width: 17px;
     _border-right: 1px solid #A6A7AA;
     
     /* Hack for IE8 -> Configuração de altura e tamanho do DropDown na tela. */
     margin-right /*\**/: -3px\9;
}

.jqueryComboBoxDisabled
{
    background-color:White;
}

.jqueryComboBoxAutoCompleteListItem
{
    width: 198px;
    font-family: verdana;
    font-size: 11px;
    height: 16px;
}

/*Estilos utilizados no plugin de combobox com autocomplete*/
.jqueryComboBoxAutoCompleteListItemHover /* Link com mouse hover*/
{
    background-color: #ff6d00;
    color: White;
    cursor: pointer;
}

.jqueryComboBoxPreviousSelectedItem
{
    background-color: rgb(208,208,208);
}

.jqueryComboBoxAutoCompleteList
{
    border-right: 1px dotted #AAA9A9;

    /*background-image: url('../../Layout/Images/formbusca_tracejado.png');*/
}

/* Classe feita para o último item */
.jqueryComboBoxAutoCompleteListLast
{
    border-right: none;
}

.comboDivDDL
{
    left: 70px;
}

.origem span, .destino span
{
    width: 60px;
    height: 22px;
    float: left;
    padding: 0px;
    font-weight: bold;
    vertical-align: top;
}

.jqueryComboBoxAutoCompleteEmpty /*msg de aeroporto não encontrado*/
{
    font-weight: bold;
    position: absolute;
    background-color: White;
    display: block;
    font-size: 11px;
    font-family: Verdana, Helvetica, Sans-Serif;
    color: #0000EE;
    text-align: left;
}

.jqueryComboBoxAutoCompleteAreaFechar
{
    border-top: 1px solid silver;
    text-align: center;
    font-weight:bold;
    height: 14px;
    font-size: 10px;
    color:#de6325;
    cursor:default;
    background-color: White;
    text-decoration: none;
}

.jqueryComboBoxList /*tabela que divide os itens em colunas*/
{
    padding: 0px;
    margin: 0px;
}

.jqueryComboBoxAutoCompleteListContainer
{
    position: absolute;
    background-color: White;
    display:inline;
    border: 1px solid silver;
    font-size: 11px;
    font-family: Verdana, Helvetica, Sans-Serif;
    color: #0000EE;
    text-align: left;
    z-index: 1;
    width: auto;
}

.t
{
    float:left;
}

.jqueryComboBoxAutoComplete
{
}

.jqueryComboBoxIe6Fix
{
    width: 182px;
}

.jqueryComboBoxIe7Fix
{
    width: 178px;
}

.DropDownOrigem, .DropDownDestino
{
    /*height: 30px;*/
    float: left;
    
    /* Hack for IE6 -> DropDown Origem_Destino */    
    _height: 15px;
}

.DropDownOrigem select
{
    width: 180px;
    height: 22px;    
    background-color: White;
    font-family: Verdana;
    font-size: 10px;
    color: #898989;
}

.DropDownDestino select
{
    width: 180px;
    height: 22px;    
    font-family: Verdana;
    font-size: 10px;
    color: #898989;
}

.Origem 
{ 
    height: 30px;
    /* Hack for IE6 and IE7 -> DropDown Origem_Destino */
    *height: 20px;    
    _height: 10px;
}

.Destino 
{ 
    /* Hack for IE6 and IE7 -> DropDown Origem_Destino */
    *padding-top: 15px; 
    _padding-top: 0px;    
}

