/*==========================================================*/ /* */ /* Front-End: Ítalo Araújo [http://www.italoaraujo.com] */ /* Empresa: Prática Internet [http://www.pratica.eti.br] */ /* */ /*==========================================================*/ @import url("reset.css"); html{ background:url(../img/bg.jpg) repeat-y top center; } body{ background:url(../img/bg-body.jpg) center top no-repeat; font-family: Arial; font-size:12px; } a { color:#2b1871; } #container{ width:820px; margin:0 auto; position:relative; } #header{ padding-top:5px; text-align:center; position:relative; } #header #logo{ display:none; } #middle{ background:url(../img/bg-middle.png) 1px center repeat-y; width:810px; margin:0 auto; padding-left:10px; } *:first-child+html #middle{ background:url(../img/bg-middle.png) 2px center repeat-y; width:810px; margin:0 auto; padding-left:10px; } {} * html #middle{ background:url(../img/bg-middle.png) 2px center repeat-y; width:810px; margin:0 auto; padding-left:10px; } #middle #box-destinos{ background:url(../img/bg-box-escolhaseudestino.gif) repeat-x; width:212px; } #middle #box-destinos a{ color:#000000; } #middle #box-destinos a:hover{ font-weight:bold; text-decoration:underline; color:#32578b; } #middle #box-destinos p{ margin-left:10px; } #middle #box-destinos ul{ padding-left:10px; padding-right:10px; } #middle #box-destinos li{ background:url(../img/li-destinos.gif) 9px 12px no-repeat; border-bottom:1px solid #dbdbdb; padding:6px 7px 8px 22px; } #middle #boxLaterais{ background: url(../img/bg-box.jpg) repeat-x; width:197px; padding: 18px 0 0 15px; margin-top: 23px; } #middle #boxLaterais .imgDollar { margin: 10px auto; display: block; } #middle #boxLaterais h2{ margin-top:5px; margin-bottom:15px; } #middle #boxLaterais .tituloDestino{ font-weight:bold; color:#251870; margin-top:10px; font-size:14px; } #middle #boxLaterais p { color:#251870; } #middle #box-reservas{} #middle #box-reservas #bn-reservashoteis{ margin-bottom:10px; } #middle #box-reservas #bn-reservasaereas{ margin-bottom:10px; } #middle #box-inferior{ background:url(../img/bg-box-inferior.gif) no-repeat; width:764px; height:102px; margin-left:20px; display:block; margin-top:10px; } #middle #box-inferior #box-representante{ padding-left:15px; padding-top:15px; width:447px; float:left; } #middle #box-inferior #box-representante .logomarcas { margin-top:20px; *margin-top:38px; } #middle #box-inferior #box-representante .logomarcas li{ float:left; } #middle #box-inferior #box-representante .logomarcas li a { padding:2px; } #middle #box-inferior #box-representante .logomarcas li a.separador { padding-left:10px; padding-right:13px; } #middle #box-inferior #box-informativo{ width:273px; padding-top:25px; float:right; } #boxLaterais .form { background:#f6f6f6; width:145px; height:18px; border:1px solid #dfdfdf; padding:2px; margin-bottom:5px; } .btEnviarInformativo { margin-left:5px; position:absolute; } #footer{ background:url(../img/bg-footer.png) no-repeat top center; padding-top:30px; padding-bottom:30px; } * html #footer{ background:url(../img/bg-footer.png) no-repeat 0 top; padding-top:30px; padding-bottom:30px; } #footer p { color:#fff; text-align:center; } #footer a { color:#fff; font-weight:bold; } #colLeft { width: 212px; float: left; margin-left: 17px; _margin-left: 9px; margin-bottom: 20px; background: url(../img/bg-col-left.jpg) repeat-x; padding-top:14px; } #colLeft .bannersLaterais { margin-bottom:15px; } #colRight { width: 519px; padding: 22px 12px 0 12px; margin-right: 27px; _margin-right:13px; margin-bottom:20px; float:right; background:url(../img/bg-col-left.jpg) repeat-x; } #colRightBlueLineBg { width: 519px; padding: 22px 12px 0 12px; margin-right:27px; _margin-right:13px; margin-bottom:20px; float:right; background:url(../img/blueline.gif) repeat-x; } #interna { width: 745px; padding: 22px 12px 0 12px; margin-right: 27px; _margin-right:13px; margin-bottom:20px; float:right; background:url(../img/blueline.gif) repeat-x; } .boxViagemChamada { width:144px; height:280px; display:inline; position:relative; text-align:center; margin-bottom:10px; padding:8px; float:left; border:1px solid #eaeaea; } .separador { margin-left:16px; margin-right:16px; } /* html .boxViagemChamada { height:240px; }*/ .boxViagemChamada img { margin-bottom:15px; } .boxViagemChamada p { margin-bottom:13px; *margin-bottom:10px; } .boxViagemChamada h3 { color:#2a1771; font-size:14px; font-weight:bold; height:45px} .boxViagemChamada a { position:absolute; bottom:7px; width:144px; left:7px; background:#efefef; padding:5px 0; color:#2b1871; font-size:11px; font-weight:bold; text-decoration:none; } /*.boxViagemChamada { width:144px; height:210px; margin-left:14px; margin-bottom:14px; text-align:center; padding:8px; float:left; border:1px solid #f1f1f1; background: url(../img/bg-boxViagemChamada.jpg) no-repeat; } .boxViagemChamada img { margin-bottom:15px; } .boxViagemChamada p { margin-bottom:13px; *margin-bottom:10px; } .boxViagemChamada h3 { color:#2a1771; font-size:14px; font-weight:bold; } .boxViagemChamada a { color:#2b1871; font-size:11px; font-weight:bold; text-decoration:none; }*/ #saidasEspeciais { width: 531px; padding: 22px 0 0 0; margin-right: 27px; _margin-right: 13px; margin-bottom: 20px; float: right; background: url(../img/bg-col-left.jpg) repeat-x; } #listaSaida { margin-bottom: 16px; } #listaSaida li { width: 504px; border-bottom: 1px solid #dbdbdb; padding: 8px 0 6px 27px; background: url(../img/seta-azul.gif) no-repeat 12px 13px; } #listaSaida li a { text-decoration: none; color: #000; } #listaSaida li a:hover { text-decoration: underline} #paginacao { clear:both; background:#efefef; width:100%; height: 25px; padding-top:10px; text-align:center; } #paginacao ul li { display:inline; } #paginacao ul li a { background:#fff; text-decoration:none; color:#000; border:1px solid #d4d0e4; padding:3px 6px; margin:0 5px; } #paginacao ul li a:hover { background:#2b1874; color:#fff; } /*-- INTERNAS --*/ #contentIntern { width: 485px; margin: 0 auto; } #contentIntern p { width: 470px; } #formContato { float:left; width:520px; } #formContato label { display:block; clear:both; font-weight:bold; } #formContato .campo { width:280px; margin-bottom:15px; margin-top:2px; float:left; } #formContato #mensagem { height:130px; } #formContato .table { margin:15px 0; } #formContato address { margin-bottom:20px; } #formContato label.error { color:#000; background:url(../img/seta-atencao.gif) 0 40% no-repeat; padding-left:15px; color:#2b1871; height:24px; padding-top:4px; padding-right:25px; clear:both; float:right; margin-bottom:3px; position:absolute; margin-left:310px; margin-top:4px; text-align:right; font-weight:bold; } #formularioDeContato { width:300px; float:left; } #dadosContato { width:200px; float:right; margin-top:15px; } #dadosContato h4 { font-weight:bold; margin:0 0 10px 0; color:#2b1872; padding-bottom:5px; border-bottom:1px solid #2b1872; } #dadosContato ul li { padding:2px 0; } #dadosContato ul li span { font-weight:bold; } /*-- CLASSES --*/ .box-home{ float:left; margin-left:23px; } .noMarginL { margin-left: 0!important; } .noMarginB { margin-bottom: 0!important; } .tit-escolhaseudestino { background:url(../img/tit-escolhaseudestino.jpg) 10px 8px no-repeat; width:240px; height:35px; overflow:hidden; text-indent:-4000px; } .tit-conhecadestinos { background:url(../img/tit-conhecadestinos.gif) no-repeat; width:81px; height:15px; overflow:hidden; text-indent:-4000px; } .tit-representante { background:url(../img/tit-representanteexclusivo.jpg) no-repeat; width:216px; height:13px; overflow:hidden; text-indent:-4000px; } .tit-informativo { background:url(../img/tit-informativo.jpg) no-repeat; width:98px; height:19px; overflow:hidden; text-indent:-4000px; margin-bottom:5px; } .tit-saidas-especiais { background:url(../img/tit-saidas-especiais.jpg) no-repeat; width:146px; height:18px; overflow:hidden; text-indent:-4000px; margin-bottom:20px; margin-left: 15px; } .tit-carros { background:url(../img/tit-carros.gif) no-repeat; width:146px; height:18px; overflow:hidden; text-indent:-4000px; margin-bottom:20px; } .tit-aluguel-automoveis { position:relative; z-index:10; background:url(../img/tit-aluguel-automoveis.gif) no-repeat; width:231px; height:19px; overflow:hidden; text-indent:-4000px; margin-bottom:20px; } .tit-contato { background:url(../img/tit-contato.gif) no-repeat; width:85px; height:19px; overflow:hidden; text-indent:-4000px; margin-bottom:20px; } .tit-pacotes { background:url(../img/tit-pacotes.gif) no-repeat; width:185px; height:22px; overflow:hidden; text-indent:-4000px; margin-bottom:20px; } .tit-link { background:url(../img/tit-links.gif) no-repeat; width:165px; height:22px; overflow:hidden; text-indent:-4000px; margin-bottom:20px; } .tit-seguroviagem { background:url(../img/tit-seguro-viagem.gif) no-repeat; width:165px; height:22px; overflow:hidden; text-indent:-4000px; margin-bottom:20px; } .tit-servicos { background:url(../img/tit-servicos.gif) no-repeat; width:165px; height:22px; overflow:hidden; text-indent:-4000px; margin-bottom:20px; } .tit-hoteis { background:url(../img/tit-hoteis.gif) no-repeat; width:165px; height:22px; overflow:hidden; text-indent:-4000px; margin-bottom:20px; } .tit-informativo { background:url(../img/tit-informativo.gif) no-repeat; width:165px; height:22px; overflow:hidden; text-indent:-4000px; margin-bottom:20px; } .tit-pacotes-sem-imagem { font-size:19px; color:#2b1874; margin-bottom:12px; } .saibamais { background: url(../img/detalhe-link.jpg) right no-repeat; width:182px; height:20px; padding-top:5px; margin-top:10px; } .saibamais a { font-size:10px; color: #000!important; padding-left:5px; } .saibamais a:hover { text-decoration:none!important; } .imgCarrosDollar { position:relative; margin-left:-5px; display: block; margin-top:-15px; z-index:0; } * html .imgCarrosDollar { position:relative; margin-left:-15px; display: block; margin-top:-55px; z-index:0; } .boxCinza { width:450px; padding: 21px 18px 20px 18px; background:url(../img/icon-acessar.jpg) no-repeat 8px 50% #f0f0f0; margin:0 auto; margin-top:33px; } .boxCinza p { margin-bottom: 20px; padding-left:70px; } .boxCinza p span { color: #2b1874; } .boxCinza p span a { color: #2b1874; font-weight: bold; } .boxCinza p { margin-bottom: 20px; } .boxCinza p span { color: #2b1874; } .boxCinza p span a { color: #2b1874; font-weight: bold; } .campo { border:1px solid #d4d4d4; padding:7px; background:url(../img/bgcampo.gif) #fff 0 -5px repeat-x; } .campoAtivo { border:1px solid #2a1977; padding:7px; background:url(../img/bgcampo.gif) 0 -5px repeat-x; } .btEnviar { clear:both; float:left; } .table td { padding:5px; } .table th { padding:7px; background:#4aa9ce; font-weight:bold; color:#fff; } .table td.preenchido { background:#e5f0f5; border-top:1px solid #aec9d5; } .table td a { float:right; color:#000000; } .tableFull { width:520px; } .h3 { background:#2a186e; font-weight:bold; padding:5px 10px; margin-bottom:1px; color:#fff; } #diferenciais { margin-bottom:30px; } #diferenciais a { clear:both; display:block; padding-left:10px; text-decoration:none; margin-top:10px; color:#000; background:url(../img/li-destinos.gif) no-repeat left 50%; } #diferenciais p { background:#f1f1f1; padding:15px; border-top:1px solid #999; margin-top:2px; } #btDetalhes { display:block; width:79px; height:21px; background:url(../img/bt-detalhes.gif) no-repeat; } #listaPlanos a { padding-left:10px; display:inline-block; text-decoration:none; margin-top:10px; color:#000; background:url(../img/li-destinos.gif) no-repeat left 50%; } .tabelaMoeda { font-size:11px; width:519px; text-align:center; } .tabelaMoeda th { background:#dadada; padding:5px; font-weight:bold; } .tabelaMoeda td { padding:2px; border:1px solid #fff; } .tabelaMoeda .descricao { width:220px; padding:5px; text-align:left; font-weight:bold; background:#f5f5f5; } .tabelaMoeda .sigla { font-weight:bold; background:#f5f5f5; } .programas { background:url(../img/bgdegrade.gif) repeat-x; padding:20px; } .bloxLinks { clear:both; margin-bottom:30px; float:left; width:100%; } .bloxLinks h3 { font-size:15px; font-weight:bold; margin-bottom:15px; margin-top:15px; } .bloxLinks a { color:#000; } .bloxLinks img { margin-right:15px; display:block; float:left; padding:10px; border:1px solid #bbb; background:#fff; } .listaTitDes { } .listaTitDes dt { font-weight:bold; border-bottom:1px solid #d7d7d7; padding-bottom:4px; margin-bottom:6px; } .listaTitDes dd { clear:both; margin-bottom:22px; padding:0; } .lista a { clear:both; display:block; padding-left:10px; text-decoration:none; margin-top:10px; color:#000; background:url(../img/li-destinos.gif) no-repeat left 50%; } .lista li { margin:8px 0; } #ajudaOnline { width:184px; height:38px; display:block; position:absolute; left:270px; margin-top:10px; z-index:900; background:url(../img/atendimento-online.gif) no-repeat; } .bnAtendimentoOnline { margin:15px 0 30px 0; display:block; clear:both; float:left; } #frameHotel { width:510px; height:600px; border:0; } .listaformularios dt { float:left; } .listaformularios dd { clear:both; } .listaformularios dd { clear:both; width:100px; } #titDollar { background:url(../img/tit-dollar.jpg) no-repeat; margin-top:15px; } #titBudget { background:url(../img/tit-budget.jpg) no-repeat; margin-top:50px; } #titDollar, #titBudget { text-indent:-4999px; height:80px; } #botoes { position:absolute; right:20px; bottom:15px; } #botoes li { float:left; padding:0 10px; } .pCarros { width:480px!important; margin:0 auto; display:block; } a.f-cartao{ width:245px; height:278px; background:url(../img/financiamento-cartao.jpg) no-repeat; float:left; text-indent:-9000px; margin:0 7px;} a.f-cheque{ width:245px; height:278px; background:url(../img/financiamento-cheque.jpg) no-repeat; float:left; text-indent:-9000px; margin:0 7px;}