/* Theme Name: TAM Viagens Theme URI: Description: The default theme for TAM Viagens Version: 1.0 Author: Luiz Celso de Faria Alves | Email: celsodesign@gmail.com Author URI: */ /* +----------------------------------------------------------------+ Reset CSS by Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ +----------------------------------------------------------------+ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;} body {line-height: 1;} ol, ul {list-style: none;} /* +----------------------------------------------------------------+ Extras +----------------------------------------------------------------+ */ .clear {clear:both; overflow:hidden; font-size:0; visibility:hidden} .alignleft {float:left} .alignright {float:right} div:after, ul:after, dl:after, dd:after, dt:after{clear:both; content:""; display:block; font-size:0; height:0; visibility:hidden;} /*Limpar fluxo oculto para IE-mac \*/ * html div, * html ul, * html dl, * html dd, * html dt {height:1%;} /* final hack IE-mac */ *:first-child+html div, *:first-child+html ul, *:first-child+html dl, *:first-child+html dd, *:first-child+html dt, *:first-child+html ol {height:auto; display: inline-block;} /* +----------------------------------------------------------------+ Definicoes Gerais +----------------------------------------------------------------+ */ body {background:#FFFFFF url(img/bg.jpg) no-repeat center top; color:#000000; font:62.5% Tahoma, Arial, Helvetica, sans-serif; text-align:center} a {text-decoration:none} h1, h2, h3, h4, h5, h6, strong {font-weight:700} /* +----------------------------------------------------------------+ Container +----------------------------------------------------------------+ */ #container {margin:30px auto 0; text-align:left; width:886px} /* +----------------------------------------------------------------+ Header +----------------------------------------------------------------+ */ #header {padding-left:10px} #header h2 {float:left; height:52px; overflow:hidden; position:relative; width:142px} #header h2 span {background:url(img/logo-tam-viagens.jpg) no-repeat left top; height:100%; position:absolute; width:100%} #header h2 a {cursor:pointer; display:block; height:100%; width:100%} #header h3 {float:right; height:52px; margin-right:10px; overflow:hidden; position:relative; width:86px} #header h3 span {height:100%; position:absolute; width:100%} #header h3 a {cursor:pointer} #header #nav {clear:both; margin:0 0 0 238px; padding-top:12px; position:relative; top:-35px; width:454px} #header #nav li {display:block; height:24px; width:145px} #header #nav li.consultar {float:left; margin-right:10px; overflow:hidden; position:relative} #header #nav li.consultar span {background:url(img/bt-consultar-saldo.jpg) no-repeat left top; height:100%; position:absolute; width:100%} #header #nav li.lojas {float:left; margin-right:9px; overflow:hidden; position:relative} #header #nav li.lojas span {background:url(img/bt-lojas-tam-viagens.jpg) no-repeat left top; height:100%; position:absolute; width:100%} #header #nav li.faq {float:left; overflow:hidden; position:relative} #header #nav li.faq span {background:url(img/bt-faq.jpg) no-repeat left top; height:100%; position:absolute; width:100%} #header #nav li.consultar a, #header #nav li.lojas a, #header #nav li.faq a {cursor:pointer} #header #voucher {display:block; float:left; height:106px; margin-left:-1px; margin-top:19px; position:relative; width:231px} #header #consulte {float:left; height:14px; margin:80px 0 0 27px; overflow:hidden; position:relative; width:262px} #header #consulte span {background:url(img/ttl-consulte-pacotes-disponiveis.jpg) no-repeat left top; height:100%; position:absolute; width:100%} #header #menu-drop {margin-left:249px; position:relative; top:8px; width:650px; z-index:999999} *:first-child+html #header #menu-drop {margin-left:-262px; position:absolute; top:208px; width:632px; z-index:9999} #header #menu-drop #bt_buscar {background:url(img/bt-buscar.jpg) no-repeat 0 0; border:medium none; content:""; cursor:pointer; display:block; float:left; height:21px; line-height:0pt; margin:0 7px 0 0; padding:0pt; text-indent:-9999px; width:83px} #header #menu-drop #bt_ver_todos {background:url(img/bt-ver-todos.jpg) no-repeat 0 0; border:medium none; content:""; cursor:pointer; display:block; float:left; height:21px; line-height:0pt; padding:0pt; text-indent:-9999px; width:83px} #header #roteiro span.select {background:url(img/bg-select.jpg) no-repeat 0 0; font-size:1.1em; height:18px; left:0; overflow:hidden; padding:3px 0 0 9px; position:absolute; top:0; width:185px} #header #roteiro {float:left; margin:10px 0 0 258px; position:relative; width:608px} #header #roteiro select {float:left} #header #roteiro #origem {margin-right:19px} #header #roteiro #bt_buscar {background:url(img/bt-buscar.jpg) no-repeat 0 0; border:medium none; content:""; cursor:pointer; display:block; float:left; height:21px; line-height:0pt; margin:0 7px 0 21px; padding:0pt; text-indent:-9999px; width:83px} #header #roteiro #bt_ver_todos {background:url(img/bt-ver-todos.jpg) no-repeat 0 0; border:medium none; content:""; cursor:pointer; display:block; float:left; height:21px; line-height:0pt; padding:0pt; text-indent:-9999px; width:83px} #header #roteiro span.select {background:url(img/bg-select.jpg) no-repeat 0 0; font-size:1.1em; height:18px; left:0; overflow:hidden; padding:3px 0 0 9px; position:absolute; top:0; width:185px} #header #roteiro span#selectdestino {background:url(img/bg-select.jpg) no-repeat 0 0; font-size:1.1em; height:18px; left:214px; overflow:hidden; padding:3px 0 0 9px; position:absolute; top:0; width:185px} /* +----------------------------------------------------------------+ CONTENT +----------------------------------------------------------------+ */ #home #content {margin-top:0} #content {margin-top:19px; padding-left:10px; padding-bottom:102px} #content #banner-destaque {background:transparent url(img/bg-banner-rotativo-destaque.jpg) no-repeat scroll 0 0; display:inline; float:left; height:261px; margin-right:23px; width:643px} #content #destaque {background:url(img/bg-roteiro-destaque.jpg) no-repeat left top; float:left; height:261px; padding-left:6px; width:192px} #content #destaque h3 .titulo {color:#FFFFFF; font-size:1.2em; line-height:21px; margin-left:7px} #content #destaque .resumo {color:#707070; display:block; font-size:1.1em; height:54px; margin:35px 17px 0 10px; overflow:hidden} #content #destaque .saiba-mais {background:url(img/img-seta-saiba-mais.jpg) no-repeat left center; color:#0090cd; font-size:1.1em; height:10px; margin-left:125px; padding-left:10px; width:6px} #content #outros-destaques, #content #outros-destaques-inferior {clear:both; padding-top:20px; position:relative} #content #outros-destaques .mini-destaques {background:url(img/bg-roteiro-destaque-vermelho.jpg) no-repeat left top} #content #outros-destaques-inferior .mini-destaques {background:url(img/bg-roteiro-destaque-azul.jpg) no-repeat left top} #content #outros-destaques .mini-destaques, #content #outros-destaques-inferior .mini-destaques {float:left; height:246px; margin-right:25px; padding-left:5px; position:relative; width:192px} #content #outros-destaques .mini-destaques h3 .titulo, #content #outros-destaques-inferior .mini-destaques h3 .titulo {color:#FFFFFF; font-size:1.2em; line-height:21px; margin-left:7px} #content #outros-destaques .mini-destaques .resumo, #content #outros-destaques-inferior .mini-destaques .resumo {color:#707070; display:block; font-size:1.1em; height:41px; margin:35px 17px 0 9px; overflow:hidden} #content #outros-destaques .mini-destaques .saiba-mais, #content #outros-destaques-inferior .mini-destaques .saiba-mais {background:url(img/img-seta-saiba-mais.jpg) no-repeat left center; color:#0090cd; font-size:1.1em; height:10px; margin-left:125px; padding-left:10px; width:6px} #content #outros-destaques .mini-destaques .esgotado {background:url(img/img-fita-esgotado.png) no-repeat left top} #content #outros-destaques-inferior .mini-destaques .esgotado {background:url(img/img-fita-esgotado-verm.png) no-repeat left top} #content #outros-destaques .mini-destaques .esgotado, #content #outros-destaques-inferior .mini-destaques .esgotado {height:63px; left:93px; position:absolute; top:0; width:105px; z-index:10} #content #outros-destaques .no-border, #content #outros-destaques-inferior .no-border {margin-right:0; position:relative} /* +----------------------------------------------------------------+ FAQ +----------------------------------------------------------------+ */ #content h3#faq {height:18px; margin:0 0 12px 0; overflow:hidden; position:relative; width:204px} #content h3#faq span {background:url(img/ttl-perguntas-frequentes.jpg) no-repeat left top; height:100%; position:absolute; width:100%} #content #perguntas {background:#FFF url(img/bg-perguntas.jpg) repeat-x left bottom; padding:17px 23px 20px 21px} #content #perguntas strong {color:#d32329; font-size:1.4em} #content #perguntas .respostas {color:#6f6f6f; display:none; font-size:1.1em; text-align:left} /* #content #perguntas #resp1, #content #perguntas #resp2, #content #perguntas #resp3, #content #perguntas #resp4, #content #perguntas #resp5, #content #perguntas #resp6, #content #perguntas #resp7, #content #perguntas #resp8, #content #perguntas #resp9, #content #perguntas #resp10, #content #perguntas #resp11, #content #perguntas #resp12, #content #perguntas #resp13, #content #perguntas #resp14 {display:none; clear:left} #content #perguntas a#p1 {margin:0} */ #content #perguntas a {clear:left; display:block; margin-top:24px} #content #perguntas .bullet {background:url(img/bullet-faq.jpg) no-repeat 0 3px; padding-left:15px} #content #perguntas .bullet-selected {background: url(img/bullet-faq-over.jpg) no-repeat 0 6px; padding-left:15px} /* +----------------------------------------------------------------+ TERMOS E CONDICOES +----------------------------------------------------------------+ */ #content h3#termos {height:21px; margin:0 0 12px 0; overflow:hidden; position:relative; width:552px} #content h3#termos span {background:url(img/ttl-condicoes-gerais.jpg) no-repeat left top; height:100%; position:absolute; width:100%} #content h3#regulamento {height:14px; margin:0 0 12px 0; overflow:hidden; position:relative; width:666px} #content h3#regulamento span {background:url(img/ttl-regulamento.jpg) no-repeat left top; height:100%; position:absolute; width:100%} #content #termo {background:#FFF url(img/bg-perguntas.jpg) repeat-x left bottom; padding:17px 23px 20px 21px} #content #termo strong {border-bottom:1px solid #dee8f0; color:#555; display:block; font-size:1.1em; margin-bottom:17px; padding-bottom:12px} #content #termo h4 {color:#D32329; font-size:1.2em; margin-top:19px} #content #termo h4#operadora {margin:0} #content #termo p {color:#555} /* +----------------------------------------------------------------+ LOJAS +----------------------------------------------------------------+ */ #content #central {background:url(img/ttl-central-atendimento.gif) no-repeat left top; padding-right:16px; color:#FFF; float:right; font-size:1.2em; height:27px; line-height:20px; margin-top:19px; margin-bottom:17px; padding-left:294px; width:371px} #content h3#lojas {clear:both; height:17px; margin:0 0 12px; overflow:hidden; position:relative; top:15px; width:145px;} #content h3#lojas span {background:url(img/ttl-lojas-tam-viagens.jpg) no-repeat left top; height:100%; position:absolute; width:100%} #content #busca_estado {margin-bottom:8px; margin-left:662px; position:relative; top:-21px; width:203px} #content #busca_estado span.select {background:url(img/bg-busca-estado.jpg) no-repeat 0 0; color:#BBB; font-size:1.1em; height:18px; left:0; overflow:hidden; padding:3px 0 0 9px; position:absolute; top:0; width:194px} #content #busca_estado #estado {width:203px} #content #lista {background:url(img/bg-lista-lojas.jpg) repeat-x left bottom; padding:12px 0 10px 20px} #content #lista .nao-encontrada {background:url(img/bg-nao-encontrada.png) no-repeat; 0 0; color:#FFF; height:26px; margin-left:-20px; padding:2px 5px 0 19px; position:relative} .outros-destaques .nao-encontrada {background:url(img/bg-nao-encontrada.png) no-repeat; 0 0; color:#FFF; height:26px; margin-bottom:150px;padding:2px 5px 0 19px} #content #lista h4 {color:#0090cd; font-size:1.6em; font-weight:normal} #content #lista h5 {color:#D32329; font-size:1.2em; font-weight:normal} #content #lista p strong {color:#555; font-size:1.1em; margin-right:5px} #content #lista .endereco {margin-left:32px} #content #lista p {color:#555; font-size:1.1em; } #content #lista .divisao {background:transparent url(img/img-divisao-lista-lojas.jpg) no-repeat scroll left 10px; height:20px; width:761px} /*#content #lista .divisao {background:url(img/img-divisao-lista-lojas.jpg) no-repeat left top; clear:both; height:1px; width:761px}*/ /* +----------------------------------------------------------------+ RESULTADO BUSCA +----------------------------------------------------------------+ */ #content h3#resultado-busca {clear:both; height:14px; margin:0 0 12px 0; overflow:hidden; position:relative; width:149px} #content h3#resultado-busca span {background:url(img/ttl-resultado-busca.jpg) no-repeat left top; height:100%; position:absolute; width:100%} #content #breadcrumb {background:url(img/bg-origem-destino.jpg) repeat-x left top; color:#555; float:left; font-size:1.2em} #content #breadcrumb img {vertical-align:-5px} #content .outros-destaques, #content .outros-destaques-inferior {clear:both; padding-top:20px; position:relative} #content .outros-destaques .mini-destaques {background:url(img/bg-roteiro-destaque-vermelho.jpg) no-repeat left top} #content .outros-destaques-inferior .mini-destaques {background:url(img/bg-roteiro-destaque-azul.jpg) no-repeat left top} #content .outros-destaques .mini-destaques, #content .outros-destaques-inferior .mini-destaques {float:left; height:246px; margin-right:25px; margin-bottom:15px; position:relative; padding-left:5px; width:192px} #content .outros-destaques .mini-destaques h4.titulo a, #content .outros-destaques-inferior .mini-destaques h4.titulo a {color:#FFFFFF; font-size:1.2em; line-height:21px; margin-left:7px} #content .outros-destaques .mini-destaques .resumo, #content .outros-destaques-inferior .mini-destaques .resumo {color:#707070; display:block; font-size:1.1em; height:41px; margin:35px 17px 0 9px; overflow:hidden;} #content .outros-destaques .mini-destaques .saiba-mais, #content .outros-destaques-inferior .mini-destaques .saiba-mais {background:url(img/img-seta-saiba-mais.jpg) no-repeat left center; color:#0090cd; font-size:1.1em; height:10px; margin-left:125px; padding-left:10px; width:6px} #content .outros-destaques .mini-destaques .esgotado {background:url(img/img-fita-esgotado.png) no-repeat left top} #content .outros-destaques-inferior .mini-destaques .esgotado {background:url(img/img-fita-esgotado-verm.png) no-repeat left top} #content .outros-destaques .mini-destaques .esgotado, #content .outros-destaques-inferior .mini-destaques .esgotado {height:63px; left:93px; position:absolute; top:0; width:105px; z-index:10} #content .outros-destaques .no-border, #content .outros-destaques-inferior .no-border {margin-right:0; position:relative} #content #valor-pacote {background:#0090cd url(img/img-faixa-valor.jpg) no-repeat left top; clear:both; color:#FFFFFF; height:33px; line-height:33px; margin-bottom:26px; padding:0 0 0 75px; width:543px} #content #valor-pacote p {font-size:1.5em} #content #descricao {float:left; margin-right:24px; width:646px} #content #descricao p {color:#555; font-size:1.2em} #content #descricao p img {float:left} #content #viaja-graca {float:left; height:80px; position:relative; top:-50px; width:189px} #content #pacotes {clear:both} #content #pacotes .box-pacotes-det, #content #pacotes .box-pacotes-normal {background:url(img/box-viagem.jpg) no-repeat 0 0; border-bottom:1px solid #CCC; display: -moz-inline-stack; display:inline-block; *display: inline; float:left; height:100%; margin:0 24px 40px 0; padding:10px; vertical-align: top; width:238px; position:relative;} #content #pacotes .box-pacotes-det .bg{background:url(img/rodape-box-viagem-cort.jpg) no-repeat; bottom:0; height:27px; left:0; position:absolute; width:260px} /*#content #pacotes .margin {margin:0}*/ #content #pacotes .box-pacotes-det h3, #content #pacotes .box-pacotes-normal h3 {color:#d32329; font-size:1.3em; font-weight:bold} #content #pacotes .box-pacotes-det p, #content #pacotes .box-pacotes-normal p {color:#555; font-size:1em; margin-bottom:10px} #content #pacotes .box-pacotes-det p.destaque-azul, #content #pacotes .box-pacotes-normal p.destaque-azul {background:#0090cd; color:#FFF; height:17px; margin-bottom:10px; padding:4px 0 0 10px; width:154px} #content #pacotes .box-pacotes-det p span, #content #pacotes .box-pacotes-normal p span {color:#0090cd; font-size:1em; font-weight:bold;} #content #pacotes .box-pacotes-det p.rodape-destaque {background:url(img/rodape-box-viagem-cort.jpg) no-repeat; color:#FFF; font-size:1em; line-height:31px; margin-left:-10px; padding-left:17px; position:absolute; width:260px} p.rodape-destaque2 {color:#FFF; font-size:1em; line-height:31px; margin-left:0; margin-bottom:0 !important; position:absolute; left:0; bottom:-28px; overflow-x:hidden;width:258px;} #content #embarque {background:#d32329; clear:both; color:#FFFFFF; height:18px; padding:5px 0 0 10px; overflow:hidden; width:100%} #content #embarque p {display:inline} #content #embarque .bt-voltar { background:url("img/bulltet-bt-voltar.jpg") no-repeat scroll 0 3px transparent; color:#FFFFFF; font-size:1.2em; padding-left:11px;margin-left:36px; } /* +----------------------------------------------------------------+ INFORMACOES DO PACOTE +----------------------------------------------------------------+ */ #content h3#pacotes {clear:both; height:18px; margin:0 0 12px 0; overflow:hidden; position:relative; width:178px} #content h3#pacotes span {background:url(img/ttl-informacoes-do-pacote.jpg) no-repeat left top; height:100%; position:absolute; width:100%} #content #pacote-destaque {background:url(img/bg-imagem-destaque-pacote.jpg) no-repeat left top; padding:6px 7px 5px 0} #content #pacote-destaque img {float:right} /*#content #pacote-destaque #roteiro-pacote {float:left; margin-top:5px; position:relative; width:219px} #content #pacote-destaque #roteiro-pacote select {float:left} #content #pacote-destaque #roteiro-pacote #origem-pacote {background-color:#FFF; color:#0090cd; margin-right:19px width:195px}*/ #content #pacote-destaque #roteiro-pacote span {background:url(img/bg-select.jpg) no-repeat 0 0; font-size:1.1em; height:18px; left:0; overflow:hidden; padding:3px 0 0 9px; position:absolute; top:0; width:185px} #content #pacote-destaque #destino-pacote {background:url(img/ttl-destino.jpg) no-repeat left top; clear:left; color:#d32329; float:left; font-size:1.2em; height:21px; line-height:21px; margin-bottom:1px; padding-left:72px; width:122px} #content #pacote-destaque #forma-pagamento-pacote {background:url(img/bg-forma-pagamento-pacote.jpg) no-repeat left top; clear:left; height:43px; padding:6px 13px 0 15px; width:166px} #content #pacote-destaque #forma-pagamento-pacote p {color:#FFF; font-size:1.4em; line-height:13px} #content #pacote-destaque #forma-pagamento-pacote p.vezes {text-align:right} #content #pacote-destaque #duvidas {float:left; margin:46px 0 0} #content #pacote-destaque #duvidas h3 {height:24px; margin-bottom:20px; overflow:hidden; position:relative; width:194px} #content #pacote-destaque #duvidas h3 span {background:url(img/ttl-duvidas.jpg) no-repeat left top; height:100%; position:absolute; width:100%} #content #pacote-destaque #duvidas a {background:url(img/img-seta-duvidas.jpg) no-repeat left center; color:#0090cd; display:block; font-size:1.1em; margin:0 0 8px 25px; padding-left:10px;} #content #pacote-destaque #roteiro-pacote {position:relative} #content #pacote-destaque span#selectorigem-pacote {background:url(img/bg-select.jpg) no-repeat 0 0; font-size:1.1em; height:18px; left:0; overflow:hidden; padding:3px 0 0 9px; position:absolute; top:0; width:185px} #content #pacote-destaque .selected {background:transparent;color:none; font-size:1.1em;margin-left:0;padding-left:0;} #roteiro_pacote {float:left; margin-top:5px; position:relative; width:200px} #roteiro_pacote select {float:left} /* +----------------------------------------------------------------+ BUSCA INFORMACOES DO PACOTE +---------------------------------------------------------------+ */ #content h3#busca-pacotes {clear:both; height:18px; margin:0 0 12px 0; overflow:hidden; position:relative; width:178px} #content h3#busca-pacotes span {background:url(img/ttl-informacoes-do-pacote.jpg) no-repeat left top; height:100%; position:absolute; width:100%} #content #pacote-destaque {background:url(img/bg-imagem-destaque-pacote.jpg) no-repeat left top; padding:6px 7px 5px 0; position:relative; width:906px} #content #pacote-destaque #pacote_com_dropbox{float:left; height:280px; position:relative} #content #pacote-destaque img.destaquepacote {top:6px; left:194px; margin-left:33px; position:absolute;} #content #pacote-destaque #origem-pacote {background:url(img/ttl-origem.jpg) no-repeat left top; clear:left; color:#0090cd; float:left; font-size:1.2em; height:21px; line-height:21px; margin-bottom:1px; overflow:hidden; padding-left:72px; width:122px} #content #pacote-destaque #destino-pacote {background:url(img/ttl-destino.jpg) no-repeat left top; clear:left; color:#d32329; float:left; font-size:1.2em; height:21px; line-height:21px; margin-bottom:1px; overflow:hidden; padding-left:72px; width:122px} #content #pacote-destaque #forma-pagamento-pacote {background:url(img/bg-forma-pagamento-pacote.jpg) no-repeat left top; clear:left; height:43px; margin-bottom:10px; padding:6px 13px 0 15px; width:166px} #content #pacote-destaque #forma-pagamento-pacote p {color:#FFF; font-size:1.4em; line-height:13px} #content #pacote-destaque #forma-pagamento-pacote p.vezes {text-align:right} #content #pacote-destaque .compre-agora {background:url(img/bullet-compre-agora.jpg) no-repeat left center; color:#0090CD; font-weight:bold; font-size:1.3em; margin-left:127px; padding-left:10px} #content #pacote-destaque #duvidas {float:left; margin:4px 0 30px} #content #pacote-destaque #duvidas h3 {height:24px; margin-bottom:9px; overflow:hidden; position:relative; width:194px} #content #pacote-destaque #duvidas h3 span {background:url(img/ttl-duvidas.jpg) no-repeat left top; height:100%; position:absolute; width:100%} #content #pacote-destaque #duvidas a {background:url(img/img-seta-duvidas.jpg) no-repeat left center; color:#0090cd; display:block; font-size:1.1em; margin:0 0 8px 25px; padding-left:10px;} #content #pacote-destaque .esgotado-dest, #content #pacote-destaque .esgotado {background:url(img/img-fita-esgotado-verm.png) no-repeat left top} #content #pacote-destaque .esgotado {height:63px; left:759px; position:absolute; top:0pt; width:105px; z-index:10} #content #pacote-destaque .esgotado-dest {height:63px; left:152px; position:absolute; top:0pt; width:105px; z-index:9999} /* +----------------------------------------------------------------+ PAGINACAO +---------------------------------------------------------------+ */ #paginacao {clear:both; line-height:20px; margin:0 auto; padding:14px 0 13px; text-align:center} #paginacao a {background:url(img/bg-paginacao.jpg) no-repeat left top; color:#555; display:block; float:left; font-size:1.1em; height:21px; margin-right:10px; text-decoration:none; width:21px} #paginacao .atual {color:#555; float:left; font-size:1.1em; margin:0 5px 0 2px; padding:0 5px} #paginacao .esq {background:url(img/img-seta-esquerda.jpg) no-repeat left top; color:#0090CD; float:left; height:14px; line-height:10px; padding-left:13px; width:62px} #paginacao .dir {background:url(img/img-seta-direita.jpg) no-repeat right top; float:right; height:13px; line-height:10px; padding-right:13px; width:57px} #paginacao .esq a, #paginacao .dir a {background:none; color:#0090cd; font-size:1.4em; margin-right:0} #paginacao .esq img, #paginacao .dir img {vertical-align:middle} #paginacao #pagenavi {margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:0; text-align:center; width:310px} /* +----------------------------------------------------------------+ MEDIABOX +----------------------------------------------------------------+ */ div#mediabox{height:250px; margin-left:3px; margin-top:6px; position:relative; width:635px; z-index:998} div#mediabox ul {height:250px; width:26px; position:absolute; left:0; top:0; z-index:99999} div#mediabox ul li.li3, div#mediabox ul li.li2, div#mediabox ul li{z-index:2000} div#mediabox ul li a{background:url(img/bt.jpg) no-repeat 0 0; color:#fff; display:block; font-size:12px; font-style:normal; height:83px; width:26px; z-index:2000} div#mediabox ul li span{font-size:12px; font-weight:bold; position:relative; top:37px; z-index:2000} div#mediabox ul li a span {margin-left:10px;color: #d32329} div#mediabox ul li a.hov, div#mediabox ul li a:hover {background:url(img/bt_over.jpg) no-repeat 0 0; display:block; font-size:12px; height:83px; width:26px; font-weight:bold; text-decoration:none; z-index:2000 } div#mediabox ul li a.hov span, div#mediabox ul li a:hover span{color: #0090cd; font-size:12px; margin-left:10px; z-index:2000} div#mediabox div.imagem{height:250px; margin:0; left:3px; position:absolute; width:632px} div#mediabox div#imagemGrandeTemp{float:left; position:absolute; margin: 0; padding: 0; left: 3px; height:250px; width:632px; z-index:1400} div#box1, div#box2, div#box3 {background:#0099CC; display:block; height:84px; left:26px; margin-top:-14px; padding-left:10px; position:relative; width:271px; z-index:3000} /** html div#box1, * html div#box2, * html div#box3 {margin-top:14px}*/ div#box1 h3, div#box2 h3, div#box3 h3{color:#FFFFFF; display:block; font-size:14px; font-style:normal; font-weight:bold; margin-bottom:5px; padding:3px 0 0; text-align:left; width:281px; z-index:3000} div#box1 p, div#box2 p, div#box3 p{color: #FFF; display:block; font-size:11px; font-weight:normal; font-style:normal; margin-bottom:10px; padding:0; text-align:left; width:275px; z-index:3000} div#box1 #saiba-mais, div#box2 #saiba-mais, div#box3 #saiba-mais{background:url(img/bullet-saiba-mais.jpg) no-repeat 0 2px; color: #FFF; display:block; font-size:11px; font-weight:normal; font-style:normal; text-align:left; padding-left:11px; width:60px; z-index:3000} /* +----------------------------------------------------------------+ FOOTER +----------------------------------------------------------------+ */ #wrapper-footer {background: #a9a9a9 url(img/bg-footer.jpg) repeat-x center top; padding-top:35px; text-align:center} #wrapper-footer h3#frase {color: #6F6F6F; height:33px; margin:0 auto 11px; overflow:hidden; position:relative; width:111px} #wrapper-footer h3#frase span {background:url(img/img-frase-footer.jpg) no-repeat left top; height:100%; position:absolute; width:100%} #wrapper-footer #mensagem {color:#6f6f6f; font-size:1.1em; margin:0 auto; padding:0 0 17px 0; text-align:center; width:886px} #wrapper-footer .termos {color:#6f6f6f; display:block; font-size:1.1em; text-align:center; text-decoration:underline;} #wrapper-footer .responsabilidade {color:#6f6f6f; font-size:1.1em; margin:0 auto; padding:14px 0 41px 0; text-align:center; width:886px} fieldset span.select {display:none} p.tithoteis { display:block; padding:3px 3px 3px 8px; width:185px; background:#d32329; } span.procontainer { background:url(img/rodape-box-viagem-cort-b.jpg); display:block; clear:both; width:260px; } span.procontfull { background:url(img/rodape-box-viagem-cort-c.jpg); background-position:bottom; background-repeat:no-repeat; display:block; clear:both; } span.prodestaque { background:url(img/rodape-box-viagem-cort-a.jpg); background-position:top; background-repeat:no-repeat; display:block; clear:both; color:#fff; } .banner-aviso{width:862px; margin:20px auto;} div.embLeft { display:block; float:left; width:90%; } div.embRight { display:block; float:right; width:10%; }