/* #001523 azul escuro - destaque #002A46 azul escuro - textos #0D4971 azul #C1D0DA azul claro - fundo #E0E7EC azul claro - rodape #EFF3F5 azul claro - bot menu principal #E1001A vermelho #990014 vermelho escuro */ *{ padding: 0px; margin: 0px; list-style: none; border:none; text-decoration: none; font-family: Georgia, Times, "Times New Roman", serif; font-weight: normal; color:#002A46; } body{background: #E0E7EC;} #geral{ width: 100%; position: relative; background: #C1D0DA url(images/cabecalho-fundo-cont.jpg) left -30px repeat-x; } /*fonts*/ h1{font-size: 30px;} h2{font-size: 24px;} h3{font-size: 20px;} h4, legend{font-size: 16px;} h5{font-size: 14px;} p{font-size: 12px} p, label input, textarea {font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: lighter;} .submit{font:12px normal Georgia, Times, "Times New Roman", serif; padding: 4px 5px; clear: both; margin-top: 10px;} fieldset label{font:14px normal Georgia, Times, "Times New Roman", serif; color:#002A46;} label input, label textarea{padding: 4px; font-size: 11px; background: #E0E7EC;} label input:focus, label textarea:focus{background: white;} /****bots***/ .bot-quad-vermelho{display: table; padding: 5px 10px; background:#E1001A; color:white; } .bot-quad-vermelho:hover{background:white; color:#E1001A; } .bot-seta-vermelho{display: table;} .bot-seta-vermelho a{background: url(images/seta-ponta-vermelha.png) right center no-repeat; padding-right: 30px; display: table; font-size: 14px;} .bot-seta-vermelho a span{color:white; background: #E1001A; padding:3px 10px 3px 20px; display: table; } .bot-seta-vermelho a:hover, .bot-seta-vermelho a.ativo{background: url(images/seta-direita-branca.png) right center no-repeat;} .bot-seta-vermelho a:hover span, .bot-seta-vermelho a.ativo span{color:#E1001A; background: white;} .bot-seta-azulescuro{display: table;} .bot-seta-azulescuro a{background: url(images/seta-ponta-azulescuro.png) right center no-repeat; padding-right: 30px; display: table; font-size: 14px;} .bot-seta-azulescuro a span{color:white; background: #002A46; padding:3px 10px 3px 20px; display: table; } .bot-seta-azulescuro a:hover, .bot-seta-azulescuro a.ativo{background: url(images/seta-direita-branca.png) right center no-repeat;} .bot-seta-azulescuro a:hover span, .bot-seta-azulescuro a.ativo span{color:#E1001A; background: white;} .bot-seta-azul-claro{} .menu-submenus{padding:10px 0 0;} .menu-submenus li{margin-bottom: 1px; position: relative;} .menu-submenus li a{background:url(images/seta-pequena.png) left center no-repeat; display: table;} .menu-submenus li a span{font-size: 14px; padding: 2px 20px 2px 20px; display: table;} .menu-submenus li a:hover, .menu-submenus li.ativo a{background:url(images/seta-ponta-azulclaro.png) right center no-repeat; padding-right: 30px; display: table;} .menu-submenus li a:hover span, .menu-submenus li.ativo a span{background: #EFF3F5; padding:2px 10px 2px 20px; display: table;} /***** meangens forms ****/ span.errorMessage{ width: 260px; display: block; padding: 10px; border: 1px solid white; color: red; background: #E0E7EC; } /******************* cabecalho *******************/ #geral #cabecalho{ background: url(images/cabecalho-fundo.jpg) left -30px no-repeat; display: block; height: 210px; width:1000px; } /*marca*/ #geral #cabecalho #marca{position:absolute; top:30px; left:40px; } #geral #cabecalho #marca h1{padding: 0px;} #geral #cabecalho #marca h1 a{color:white; text-indent: -9999em; background: url(images/index-logo.png) left top no-repeat; width: 230px; height:105px; display: block;} #geral #cabecalho #marca h4{color:white; font-style: italic; width: 220px; text-align: center;} /*menu*/ #geral #cabecalho #menuprincipal{padding: 20px 0 0 310px; position: relative; width: 690px;} #geral #cabecalho #menuprincipal ul{float:left; height:160px; padding-top: 5px; border-left: 1px solid #C1D0DA; } #geral #cabecalho #menuprincipal ul li{margin-bottom: 2px; display: table; position: relative;} #geral #cabecalho #menuprincipal ul li a{background: url(images/seta-ponta-azulclaro.png) right center no-repeat; display: table; padding-right: 30px; font-size: 12px; color: #002A46;} #geral #cabecalho #menuprincipal ul li a span{padding: 2px 5px 2px 10px; background: #EFF3F5; display: table; } #geral #cabecalho #menuprincipal ul li a:hover, #geral #cabecalho #menuprincipal ul li a.ativo{background: url(images/seta-ponta-vermelha.png) right center no-repeat; color: white;} #geral #cabecalho #menuprincipal ul li a:hover span, #geral #cabecalho #menuprincipal ul li a.ativo span{background: #E1001A; color:white;} #geral #cabecalho #menuprincipal .menu1{width:290px;} #geral #cabecalho #menuprincipal .menu2{width:220px;} #geral #cabecalho #menuprincipal .menu3{width:150px;} #geral #cabecalho #endereco-lojas { color: white; display: block; position: absolute; top:185px; width:550; left:480px; text-align: right;} #geral #cabecalho #endereco-lojas ul{border: none;} #geral #cabecalho #endereco-lojas ul li{float: left; padding: 5px 10px;font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px;} #geral #cabecalho #endereco-lojas strong{ font-size: 11px; font-weight: bold; color:#E1001A; } #geral #cabecalho #endereco-lojas a{background:none; color: #002A46; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px;} #geral #cabecalho #endereco-lojas a:hover{color:#E1001A;} #geral #cabecalho #endereco-lojas ul .artur{border-left: 1px solid white;} /******************* destaque *******************/ #area-destaque{border-bottom: 1px solid white; border-top: 1px solid white; background: #990014;} #area-destaque h1.titulo-destaque{position: absolute; z-index: 10; background:url(images/destaque-barra-titulo.png) 0px center no-repeat; width: 550px; padding:0 10px 8px 0; display: table; top:187px; font-size: 30px;} #area-destaque h1.titulo-destaque span{color:white; padding:5px 150px 0 20px; font-weight:lighter; height: 42px; display: block;} #area-destaque #todos-destaque{display: block;} #area-destaque #todos-destaque div.destaque{} /******************* destaque index *******************/ #geral .index-destaque{margin-bottom: 20px;} #pacotes-destaque #todos-destaques{overflow:hidden; display: block; position: relative;} #pacotes-destaque .fecha-destaque{height:290px; } #pacotes-destaque .abre-destaque{height:350px;} #pacotes-destaque #grupo-destaques{position: relative; z-index: 5; top:0; } #pacotes-destaque #menu-destaque{position: relative; z-index: 98;} #pacotes-destaque ul {position: absolute; left:555px; padding: 20px 0; width:30px;} #pacotes-destaque ul li{margin-bottom: 1px; display: table;} #pacotes-destaque ul li a{background: url(images/seta-esquerda-azulclaro.png) left center no-repeat; padding-left: 20px; display: block; width:12px; margin-left: 13px;} #pacotes-destaque ul li a span{padding: 2px 2px 2px 0; width:10px; display: block; font-size: 14px; color:#E1001A;} #pacotes-destaque ul li a:hover, #pacotes-destaque ul li.ativo a{background: url(images/seta-pequena-vermenhoescuro.png) left center no-repeat; padding-left: 20px; display: table; margin-left: 0px;} #pacotes-destaque ul li a:hover span, #pacotes-destaque ul li.ativo a span{background: #990014; padding: 5px 0; width:25px; display: block; color: white; font-size: 16px;} #pacotes-destaque #todos-destaques div.destaque{display: block; height:290px; overflow: hidden;} #pacotes-destaque #todos-destaques div.destaque img{float: left; } #pacotes-destaque #todos-destaques div.destaque .descricao{ margin-left: 600px; padding-top: 20px;} #pacotes-destaque #todos-destaques div.destaque .descricao h1{color:white; padding-left: 20px;} #pacotes-destaque #todos-destaques div.destaque .descricao p{color:white; padding: 10px 0 10px 20px;} #pacotes-destaque #todos-destaques div.destaque .descricao p strong{color: white; font-size: 20px; font-weight: bold;} #pacotes-destaque #todos-destaques div.destaque .descricao p.bot-seta-azulescuro{padding-left:0px;} /****************** corpo***************/ #corpo{display: table; height: auto;} #geral #corpo h2, #geral #corpo h3, #geral #corpo h4{color:#E1001A; } #geral #corpo h1, #geral #corpo h2, #geral #corpo h3, #geral #corpo h4, #geral #corpo h5, #geral #corpo p{padding-left: 20px;padding-right: 20px;} #geral #corpo p{padding-bottom: 10px;} #geral #corpo h4{font-weight: bold; padding-bottom: 10px;} #geral #corpo hr{margin: 20px 20px 10px; background: none; border-bottom: 1px dotted white; height:0px; } /**** fomulario coluna 2 *****/ #corpo .coluna2 #acessoPagNoivos{} #corpo .coluna2 form{padding-left: 20px;} #corpo .coluna2 form legend{font-size: 16px; color:#E2001A;} #corpo .coluna2 form label{font: 12px Arial, Helvetica, Verdana, sans-serif; width: 240px; float: left; padding-bottom: 5px; margin-top: 5px;} #corpo .coluna2 form label input{width:240px;} #corpo .coluna2 form label textarea{width:240px; height: 50px;} #corpo .coluna2 form label select{width: 200px;} #corpo .coluna2 form label small{font-size: 11px; font-style: italic; display: block;} #corpo .coluna2 form label.lab-duplo{width:130px;} #corpo .coluna2 form label.lab-duplo input{width:110px;} #corpo .coluna2 form label.lab-triblo{width:80px;} #corpo .coluna2 form label.lab-triblo input{width:70px;} #corpo .coluna2 form label.lab-triblo select{width: 70px;} #corpo .coluna2 form input.submit{background: #E2001A; color: white;} /******conteudo******/ #corpo #conteudo{width:600px; float:left;} #corpo #conteudo .coluna1, #geral #corpo #conteudo .coluna2{float:left; padding: 10px 0;} #corpo #conteudo .coluna1{width: 310px; margin: 10px 0;} #corpo #conteudo .coluna2{width:285px; margin: 10px 0; border-left: 1px dotted white;} /*index*/ .copo-index{padding: 0 0 20px;} #geral #corpo .form-pagnoivos-index fieldset .submit{padding: 3px 5px; font-size: 12px; background:#E1001A; color:white; margin: 10px 0;} #geral #corpo .form-pagnoivos-index fieldset .submit:focus, #geral #corpo .form-pagnoivos-index fieldset .submit:hover{background: white; color: #E1001A;} /****** index temp ************/ .index-destaque-temp{height: 270px; margin-bottom: 20px;} .index-destaque-temp img{float: left;} .index-destaque-temp div{ margin-left: 620px; padding: 20px 0 0; width:320px;} .index-destaque-temp div h2, .index-destaque-temp div p{ color:white;} .index-destaque-temp div h2{padding-bottom: 10px;} .index-destaque-temp div p{} /******submenus*******/ #corpo #submenu{float:left; padding-bottom: 20px; border-left: 1px solid white; width:360px;} #corpo #submenu div{padding:0px;} #corpo #submenu #acessoPagNoivos input{padding: 5px;} /*form submenu*/ #submenu form{} #submenu form fieldset{padding: 20px;width: 300px;} #geral #corpo #submenu form fieldset h4{padding: 0 0 10px 0; margin: 0px;} #submenu form legend{font-size: 22px; color:#E2001A;} #submenu form label{width: 300px; float: left; padding-bottom: 8px;} #submenu form label input{width:280px;} #submenu form label textarea{width:300px; height: 50px;} #submenu form label select{width: 150px;} #submenu form label small{font-size: 11px; font-style: italic; display: block;} #submenu form label .checkbox{width: 20px;} #submenu form label.lab-duplo{width:150px;} #submenu form label.lab-duplo input{width:130px;} #submenu form label.lab-triblo{width:100px;} #submenu form label.lab-triblo input{width:70px;} #submenu form label.lab-triblo select{width: 70px;} #submenu form input.submit{background: #E2001A; color: white;float:left;} #submenu form input.submit:hover{background: white; color: #E2001A;} /***fale conosco submenu****/ #geral #corpo #submenu div.faleconosco{} #geral #corpo #submenu div.faleconosco li{font: 11px normal Arial, Helvetica, Verdana, sans-serif; padding: 10px 20px 10px; width: 120px; float: left; color: #0D4971;} #geral #corpo #submenu div.faleconosco li a{font: 11px normal Arial, Helvetica, Verdana, sans-serif; color: #0D4971;} #geral #corpo #submenu div.faleconosco li a:hover{color: #E2001A;} #geral #corpo #submenu div.faleconosco li strong{color: #0D4971; font-size: 14px; font-weight: bold;} /**eventos submenu**/ #geral #corpo #submenu div.eventos{} #geral #corpo #submenu div.eventos ul{padding:10px 20px 0; display: table;} #geral #corpo #submenu div.eventos ul li{float: left; margin:0 5px 0 0;} #geral #corpo #submenu div.eventos ul li a{display: block; width:100px; height:50px;} #geral #corpo #submenu div.eventos ul li a:hover{border-bottom: 3px solid #E2001A; height:47px;} /********************* pagina noivos crie **********************************/ .pag-noivos-crie-destaque{height: 195px; margin-bottom: 60px;} .pag-noivos-crie-destaque #destaque-noivos-crie{ } .pag-noivos-crie-destaque #destaque-noivos-crie .mensagem{width:380px; margin:40px 0 0 20px; float: left; } .pag-noivos-crie-destaque #destaque-noivos-crie h2{color:white; padding-bottom: 10px;} .pag-noivos-crie-destaque #destaque-noivos-crie .mensagem p{color:white; padding-bottom: 10px;} .pag-noivos-crie-destaque #destaque-noivos-crie .imagens{margin-left: 480px;} #destaque-noivos-crie #acessoPagNoivos{} #destaque-noivos-crie #acessoPagNoivos fieldset{width:330px;} #destaque-noivos-crie #acessoPagNoivos legend{color:white; font-size:18px;} #destaque-noivos-crie #acessoPagNoivos label {font:12px Arial, Helvetica, Verdana sans-serif; color:white; width:120px; float:left; margin:10px 20px 0 0} #destaque-noivos-crie #acessoPagNoivos label input{width:120px;} #destaque-noivos-crie #acessoPagNoivos .submit{} #destaque-noivos-crie #acessoPagNoivos .submit:hover{} .corpo-pag-noivos-crie p{width:450px;} .corpo-pag-noivos-crie{margin: 10px 0 20px;} .corpo-pag-noivos-crie .lista-funcionalidades{padding: 0 20px;} .corpo-pag-noivos-crie .lista-funcionalidades li{padding: 5px 0; border-bottom: 1px dotted white; list-style-type: decimal; list-style-position: inside; font-size: 14px;} .corpo-pag-noivos-crie .formulario-crie-sua-pagina{clear: both; border: none; margin-left: 20px;} .corpo-pag-noivos-crie .formulario-crie-sua-pagina fieldset{width: 540px;} .corpo-pag-noivos-crie .formulario-crie-sua-pagina fieldset legend{font-size: 24px; color: #E1001A; padding: 1em 0;} .corpo-pag-noivos-crie .formulario-crie-sua-pagina fieldset label{padding-bottom: .5em; font-size: 12px;} .corpo-pag-noivos-crie .formulario-crie-sua-pagina fieldset label input{ width: 100%;} .corpo-pag-noivos-crie .formulario-crie-sua-pagina fieldset label textarea{width: 520px;} .corpo-pag-noivos-crie .formulario-crie-sua-pagina fieldset label.lab-meio{width: 250px; float: left; margin-right: 20px;} .corpo-pag-noivos-crie .formulario-crie-sua-pagina fieldset label.lab-meio input{} .corpo-pag-noivos-crie .formulario-crie-sua-pagina fieldset input.submit{background: #E2001A; color: white; clear: both;} .corpo-pag-noivos-crie .formulario-crie-sua-pagina fieldset input.submit:hover{background: white; color:#E2001A ;} /********************* pagina dos noivos - presente *************************/ .column{float: left; } #geral .pag-noivos-destaque{ margin-bottom: 0px; } #geral .pag-noivos-destaque #destaque-noivos{height: 10px; position: relative; display: table; background: #990014;} #geral .corpo-pag-noivos #submenu{margin-top: 30px; display: none;} #geral .corpo-pag-noivos{padding: 0 0 20px; margin: 0px;} #geral .corpo-pag-noivos #conteudo{width: 950px; padding-top: 2em;} #geral .corpo-pag-noivos .mensagem-noivos{width:400px; float: left;} #geral .corpo-pag-noivos .mensagem-noivos .imagem-noivos{margin: 1em 15px;} #geral .corpo-pag-noivos .mensagem-noivos .imagem-noivos img{border:10px solid white; } #geral .corpo-pag-noivos .mensagem{width:400px; margin:0px;} #geral .corpo-pag-noivos .mensagem-noivos h2{padding-bottom: 0.5em; line-height: 1em;} #geral .corpo-pag-noivos .mensagem-noivos p{} .corpo-pag-noivos #coluna-presente{float: left; width: 400px; border-left: 1px dotted white;} #abas-pag-noivos{padding: 2em 0; } #abas-pag-noivos .aba{} #abas-pag-noivos .primeiro{} #abas-pag-noivos .ui-tabs-nav{height:35px; background: none; width:400px;} #abas-pag-noivos .ui-tabs-nav li{} #abas-pag-noivos .ui-tabs-nav li a{height:26px;} #abas-pag-noivos .ui-tabs-nav li a:hover{} #abas-pag-noivos .ui-tabs-nav .ui-tabs-selected{} #abas-pag-noivos .ui-tabs-nav .ui-tabs-selected a{height:30px; background: #E1001A; color: white;} #abas-pag-noivos .ui-tabs-nav .ui-tabs-selected a:hover{color: white;} #abas-pag-noivos .ui-tabs-hide, .ui-tabs-hide{} #abas-pag-noivos .ui-tabs-panel{clear: both; padding: 20px;} #suaPaginaLink{ clear:both; border-top: 1px dotted white; padding: 1em 0; margin: 1em 0; } #geral #corpo #conteudo #abas-pag-noivos .aba h3{padding-left: 00px;} #abas-pag-noivos .aba form{} #abas-pag-noivos .aba fieldset{width:400px;} #abas-pag-noivos .aba fieldset legend{color: #E1001A; font-size: 18px;} #abas-pag-noivos .aba fieldset label{float: left; width:400px; display: block; padding:8px 0px 5px 0;} #abas-pag-noivos .aba fieldset label input{width:390px; padding: 3px;} #abas-pag-noivos .aba fieldset label textarea{width:370px; height: 80px;} #abas-pag-noivos .aba fieldset label.meio{width:195px; } #abas-pag-noivos .aba fieldset label.meio input{width:175px;} #abas-pag-noivos .aba fieldset .submit{color:white; background: #E1001A; padding: 4px 5px; margin-top: 10px; } #abas-pag-noivos .aba fieldset label.lab-cota{border-bottom:1px dotted white; } #abas-pag-noivos .aba fieldset label.lab-cota select{width:70px; padding: 2px;} #abas-pag-noivos .aba fieldset label.lab-cota select option{padding: 0px 5px;} #abas-pag-noivos .aba fieldset label.lab-cota strong{color:#E1001A; font-weight: bold; font-size: 14px;} #abas-pag-noivos .aba fieldset label.nome{} #abas-pag-noivos .aba fieldset label.nome input{width:370px;} #abas-pag-noivos .aba fieldset .select-confirma{width:400px; } #abas-pag-noivos .aba fieldset .select-confirma select{width:100px;} #abas-pag-noivos form.confirma-presenca fieldset label.nome textarea{width:370px; height: 50px;} #abas-pag-noivos fieldset label.cota{} /*********************** pacotes ********************/ /***** temp ******/ .pacotes-destaque-temp{height: 50px; margin-bottom: 20px;} .copo-pacotes{padding: 5px 0 20px ;} .copo-pacotes #conteudo{padding-bottom: 20px;} .copo-pacotes .opcao-visualiza{display:table; padding:10px 10px 0;} .copo-pacotes .opcao-visualiza ul{display: table;} .copo-pacotes .opcao-visualiza ul li{float: left; margin-right: 2px; background:#E0E7EC;} .copo-pacotes .opcao-visualiza ul li.titulo{background:none; padding: 5px 5px 0;} .copo-pacotes .opcao-visualiza ul li.titulo:hover{background: none;} .copo-pacotes .opcao-visualiza ul li.ativo, .copo-pacotes .opcao-visualiza ul li:hover{background:white;} .copo-pacotes .opcao-visualiza ul li a{padding:10px 8px 5px 25px; font: 11px normal Arial, Helvetica, Verdana, sans-serif; display: block;} .copo-pacotes .opcao-visualiza ul li.lista a{background: url(images/pacote-icon-lista-branco.jpg) 5px 8px no-repeat;} .copo-pacotes .opcao-visualiza ul li.lista a:hover{background: url(images/pacote-icon-lista-azul.jpg) 5px 8px no-repeat;} .copo-pacotes .opcao-visualiza ul li.quadro a{background: url(images/pacote-icon-quad-branco.jpg) 5px 8px no-repeat;} .copo-pacotes .opcao-visualiza ul li.quadro a:hover{background: url(images/pacote-icon-quad-azul.jpg) 5px 8px no-repeat;} .copo-pacotes .grupo-tipo-pacotes{display: table; width:600px; overflow: hidden; display: block; border-right: 1px solid white;} .copo-pacotes .grupo-tipo-pacotes h2{padding: 5px 20px; background: #002A46; border-bottom: 1px solid white; border-top: 1px solid white; } #geral #corpo .grupo-tipo-pacotes h2{color:white;} .copo-pacotes .grupo-pacotes{width: 603px; padding-bottom: 10px;} #geral #corpo .grupo-pacotes p, #geral #corpo .grupo-pacotes h3, #geral #corpo .grupo-pacotes h5{padding-left: 10px; padding-right: 10px;} /*tipos vizualizacao pacotes*/ .pacote-quad{width:200px; height: 370px; overflow-x: hidden; overflow-y: auto; display: block; border-right: 1px solid white; margin: 4px 0; float: left; padding: 10px 0;} .pacote-quad:hover{background: #E0E7EC;} .pacote-quad .pacote-descricao{} .pacote-quad .fotoPacote{margin: 0 0 10px 10px; width:180px; height: 95px; display: block; overflow: hidden; background: black;} .pacote-quad .pacote-descricao .pacote-destino{} .pacote-quad .pacote-descricao .pacote-destino h3{} .pacote-quad .pacote-descricao .pacote-destino h5{} .pacote-quad .pacote-descricao .pacote-valor{padding-top: 5px;} .pacote-quad .pacote-descricao .pacote-valor p{} .pacote-quad .pacote-descricao .pacote-valor p strong{font-size: 14px; font-weight: bold; } #geral #corpo .grupo-pacotes .pacote-quad .pacote-descricao p.descricao{padding: 5px 0; display: block; margin: 0 10px 10px; border-top: 1px dotted white; border-bottom: 1px dotted white;} .pacote-quad .pacote-maisinfo a{display: table;} .pacote-quad .pacote-maisinfo a span {display: table; padding: 5px; background:white; color:#E1001A; } .pacote-quad .pacote-maisinfo a:hover span{background:#E1001A; color:white; } .pacote-lista{width: 600px; display: table; border-bottom: 1px solid white; padding: 10px 0;} .pacote-lista:hover{background: #E0E7EC;} .pacote-lista .fotoPacote{margin: 0 0 10px 10px; width:180px; height: 120px; display: block; overflow: hidden; background: black; float: left;} .pacote-lista .pacote-descricao{width:400px; display: table;} .pacote-lista .pacote-descricao .pacote-destino{padding-bottom: 5px;} .pacote-lista .pacote-descricao .pacote-destino h3{} .pacote-lista .pacote-descricao .pacote-destino h5{} .pacote-lista .pacote-descricao .pacote-valor{width: 200px; float: left;} .pacote-lista .pacote-descricao .pacote-valor p{} .pacote-lista .pacote-descricao .pacote-valor p strong{font-size: 16px; font-weight: bold; color:#E1001A;} #geral #corpo .grupo-pacotes .pacote-lista .pacote-descricao p.descricao{padding: 10px; margin:0; border-left: 1px dotted white; float: left; width:160px;} .pacote-lista .pacote-maisinfo{margin-left: 185px;} .pacote-lista .pacote-maisinfo a{display: table;} .pacote-lista .pacote-maisinfo a span {display: table; padding: 5px; background:white; color:#E1001A; } .pacote-lista .pacote-maisinfo a:hover span{background:#E1001A; color:white; } /*submenu*/ #geral .copo-pacotes #submenu .menu-abre-form-pacote-personalizado p{padding: 5px; margin: 10px 20px;} #geral .copo-pacotes #submenu .menu-abre-form-pacote-personalizado p.inativo{display: none;} #geral .copo-pacotes #submenu .menu-abre-form-pacote-personalizado p{display: table;} /*************************** pacote detalhe ****************/ #geral .pacote-detalhe-destaque{height: 0px; width: 600px; border-bottom: none;} #pacote-descricao .jqGSContainer{position:relative; width:600px; margin: 0; border-bottom: 1px solid white;} #pacote-descricao .jqGSContainer .jqGSImgContainer{position:relative;} #pacote-descricao .jqGSContainer .jqGSImgContainer ul{padding:0;margin:0;position:relative;list-style:none;} #pacote-descricao .jqGSContainer .jqGSImgContainer ul li{padding:0;margin:0;position:relative;margin-top:0;margin-bottom:0px;float:left;} #pacote-descricao .jqGSContainer .jqGSImgContainer ul li .jqGSLoader{width:100%;height:100%;position:absolute;} #pacote-descricao .jqGSContainer .jqGSImgContainer ul li img{} #pacote-descricao .jqGSContainer .jqGSImgContainer ul li .jqGSTitle{background:#000;position:absolute;right:0px;top:0px; padding:5px 0px;color:#fff;width:600px} #pacote-descricao .jqGSContainer .jqGSPagination{position:absolute; width:600px; margin-top: -30px; padding: 0 0 0 450px; background: none; } #pacote-descricao .jqGSContainer .jqGSPagination ul{padding:0 0 0 40px; margin:0; list-style:none; position:relative; float:left; } #pacote-descricao .jqGSContainer .jqGSPagination ul li{padding:0;margin-left:1px;float:left;text-align:center;} #pacote-descricao .jqGSContainer .jqGSPagination ul li a{color: white; text-decoration:none; display:block; margin-top: 5px; padding:5px 10px 0; height: 20px; font-size: 12px; background: #002A46;} #pacote-descricao .jqGSContainer .jqGSPagination ul li a.selected{color:white; background: #E1001A; height: 25px; margin-top: 0px;} #pacote-descricao .jqGSContainer .jqGSPagination ul li a:hover{color:white;} #pacote-descricao .jqGSImgContainer{} #pacote-descricao .jqGSContainer .jqGSImgContainer ul,.pacote-detalhe-destaque .jqGSContainer .jqGSImgContainer li{padding:0;margin:0;position:relative} .copo-pacote-detalhe #conteudo{border-right: 1px solid white;} #geral .copo-pacote-detalhe #submenu{border: none;} .copo-pacote-detalhe{padding-bottom: 20px;} .copo-pacote-detalhe #pacote-descricao{} .copo-pacote-detalhe #pacote-descricao #pacote-titulo{background: #990014; display: table; width: 600px; padding: 20px 0;} .copo-pacote-detalhe #pacote-descricao #pacote-titulo h1{color: white;} .copo-pacote-detalhe #pacote-descricao #pacote-titulo p{color: white;} .copo-pacote-detalhe #pacote-descricao #pacote-titulo p strong{color: white;font-size: 22px;} .copo-pacote-detalhe #pacote-descricao #pacote-titulo div{width: 280px; float: left; margin-top: 10px;} .copo-pacote-detalhe #pacote-descricao #pacote-titulo .valor{border-left: 1px dotted white;} .copo-pacote-detalhe #pacote-descricao #pacotes-informacoes{} .copo-pacote-detalhe #pacote-descricao #pacotes-informacoes{} .ui-tabs-nav{width:590px; height: 30px; padding-left:10px; display: block; margin-top: 0; background: #990014; border-bottom: 1px solid white;} .copo-pacote-detalhe #pacote-descricao #pacotes-informacoes{} .ui-tabs-nav li{float:left; margin-right: 1px; display: table;} .copo-pacote-detalhe #pacote-descricao #pacotes-informacoes{} .ui-tabs-nav li a{display: block; padding: 5px 10px 0; font-size:12px; margin-top: 4px; height: 21px; background:#0D4971; color:white;} .copo-pacote-detalhe #pacote-descricao #pacotes-informacoes{} .ui-tabs-nav .ui-tabs-selected{} .copo-pacote-detalhe #pacote-descricao #pacotes-informacoes{} .ui-tabs-nav .ui-tabs-selected a{padding: 5px 10px 0px; height: 26px; font-size: 14px; margin-top: 0px; background: #C1D0DA url(images/seta-aba-vermelha.png) center bottom no-repeat; color:#E2001A; border-left:1px solid white;border-right:1px solid white;border-top:1px solid white;} .ui-tabs-hide{display: none;} .copo-pacote-detalhe #pacote-descricao #pacotes-informacoes .ui-tabs-panel{padding: 10px 0;} .copo-pacote-detalhe #pacote-descricao #pacotes-informacoes #inclui ul li{list-style: disc inside;} .copo-pacote-detalhe #pacote-descricao #pacotes-informacoes #nao-inclui ul li{list-style: disc inside;} .copo-pacote-detalhe #pacote-descricao #pacotes-informacoes #roteiro ul li{list-style: disc inside; padding-bottom: 20px;} .copo-pacote-detalhe #pacote-descricao #pacotes-informacoes #condicoes ul li{list-style: disc inside;} #pacotes-informacoes div ul{padding: 20px 10px; display: table; width:100%;} #pacotes-informacoes div ul li{padding: 5px 10px; border-bottom:1px dotted white; font-size: 14px; font-weight: bold;} #geral #corpo #pacotes-informacoes div ul li p{display:inline; padding: 0px;} #pacotes-informacoes div ul li:hover, #pacotes-informacoes div ul li:hover p{background:#E0E7EC; color:#E1001A;} #pacotes-informacoes ul.lista-roteiro{padding: 0 5px 5px;} #pacotes-informacoes ul.lista-roteiro li{border-bottom: 1px dotted white;} #pacotes-informacoes ul.lista-roteiro li p{display: block;} #pacotes-informacoes ul.lista-roteiro li p strong{ display: block; padding-bottom:5px; font-weight: bold; font-size: 16px;} #pacotes-informacoes ul.lista-roteiro li:hover p strong{} #pacotes-informacoes #reserva{} #pacotes-informacoes #reserva fieldset{width: 270px; margin: 0 5px 20px 20px; float: left;} #pacotes-informacoes #reserva fieldset label{width: 270px; float: left; padding-bottom: 10px;} #pacotes-informacoes #reserva fieldset label input{width: 255px;} #pacotes-informacoes #reserva fieldset label.lab-duplo{width:135px; } #pacotes-informacoes #reserva fieldset label.lab-duplo input{width:120px;} #pacotes-informacoes #reserva fieldset label.lab-triplo{width:90px; } #pacotes-informacoes #reserva fieldset label.lab-triplo input{width: 70px;} #pacotes-informacoes #reserva fieldset label.lab-triplo select{width: 70px;} #pacotes-informacoes #reserva fieldset label.lab-triplo small{font-size: 11px;width: 70px; font-style: italic; display: block; padding-top: 4px;} #pacotes-informacoes #reserva fieldset label.lab-mensagem{width:250px;} #pacotes-informacoes #reserva fieldset label.lab-mensagem textarea{width:250px; height: 150px;} #pacotes-informacoes #reserva fieldset input.submit{background:#E1001A; color:white;} #pacotes-informacoes #reserva fieldset input.submit:hover{background:white; color:#E1001A;} #geral .copo-pacote-detalhe #submenu{padding-top:20px;} #submenu-destaques{} #submenu-destaques .destaques #menu-destaques{position: relative; z-index: 20;} #submenu-destaques .destaques ul{position: absolute; margin: 156px 0 0 220px; z-index: 900;} #submenu-destaques .destaques ul li{float: left; margin-right: 2px;} #submenu-destaques .destaques ul li a{color: white; background: #002A46; padding: 5px 8px; font-size: 12px; margin-top:5px; height: 10px; display: block; opacity:0.8;} #submenu-destaques .destaques ul li a:hover, #submenu-destaques .destaques ul li.ativo a{background: #E1001A; height: 20px; padding-top: 0px; margin-top:0px;opacity:1;} #submenu-destaques .destaques #area-destaques{width: 350px; overflow:hidden; display: block; position:relative;} #submenu-destaques .destaques #area-destaques .grupo-destaques{ position: relative;} #submenu-destaques .destaques .destaque-sub{float: left; width: 350px;} #submenu-destaques .destaques .destaque-sub div.imagem-destaque{width: 340px; height: 180px; overflow: hidden; display: block; background: black; margin:0 0 10px 10px; border-bottom: 1px solid white; border-top:1px solid white;} #submenu-destaques .destaques .destaque-sub div.imagem-destaque img{} #geral #corpo #submenu #submenu-destaques .destaques #area-destaques .grupo-destaques .destaque-sub h2{color: #002A46;} #submenu-destaques .destaques .destaque-sub p{} #submenu-destaques .destaques .destaque-sub p strong{font-size: 18px; font-weight: bold; color: #E1001A;} #geral #submenu-destaques .destaques .destaque-sub .bot-seta-azulescuro{padding: 0px;} /*********************** cruzeiros ********************/ #geral .destaque-cruzeiros{height: 220px; background: #990014 url(images/cruzeiros-destaque-foto.jpg) left top no-repeat;} .corpo-cruzeiros{padding: 20px 0 20px;} /*********************** passagens aereas ********************/ #geral .destaque-passagens{height: 220px; background: #990014 url(images/passagens-destaque-foto.jpg) left top no-repeat;} .corpo-passagens{float: left;padding: 20px 0 20px;} /*********************** agencia ********************/ #geral .destaque-agencia{height: 220px; background: #990014 url(images/agencia-destaque-foto.jpg) left top no-repeat;} .corpo-agencia{padding: 20px 0 20px;} /*********************** traslados ********************/ #geral .destaque-traslados{height: 220px; background: #990014 url(images/traslados-destaque-foto.jpg) left top no-repeat;} .corpo-traslados{padding: 20px 0 20px;} .corpo-traslados #conteudo ul{padding-top: 5px;} /*********************** loacacao e fretamento ********************/ #geral .destaque-locacao{height: 220px; background: #990014 url(images/locacao-destaque-foto.jpg) left top no-repeat;} .corpo-locacao{padding: 20px 0 50px;} /*********************** dicas ********************/ #geral .destaque-dicas{height: 220px; background: #990014 url(images/dicas-destaque-foto.jpg) left top no-repeat;} .corpo-dicas{padding: 20px 0 20px;} .corpo-dicas .lista-links{padding: 0 20px;} .corpo-dicas .lista-links li{padding:5px 0;font:12px normal Arial, Helvetica, Verdana, sans-serif;} .corpo-dicas .lista-links strong{display: block;font-size: 14px; color:#E2001A; font-weight:bold;} .corpo-dicas .lista-links a{display: block;} .corpo-dicas .lista-links a:hover{color: #E2001A;} /*********************** atendimentos ********************/ #geral .destaque-atendimento{height: 220px; background: #990014 url(images/atendimento-destaque-foto.jpg) left top no-repeat;} .corpo-atendimento{padding: 20px 0 20px;} .corpo-atendimento h3{padding-bottom: 5px; } .corpo-atendimento p strong{font-size: 14px; color:#E2001A;} .corpo-atendimento p a{font-family: Arial, Helvetica, Verdana, sans-serif; } .corpo-atendimento p a:hover{color:#E2001A;} /*********************** EVENTOS ********************/ #geral .destaque-eventos{height:200px;} .corpo-eventos{padding: 20px 0 20px; display: table; position: relative;} .corpo-eventos #evento-descricao{border-bottom: 1px solid white; display: table; width: 950px;} .corpo-eventos #evento-descricao .info-evento {width: 620px;} .corpo-eventos #evento-descricao .info-evento div{width:310px; float: left;} .corpo-eventos #evento-descricao div a{padding:0px; font-family: Arial, Helvetica, Verdana, sans-serif; color:#E2001A; } .corpo-eventos #evento-descricao div a:hover{text-decoration: underline;} .corpo-eventos #conteudo-eventos{display: table; position:relative; width: 1000px; } .corpo-eventos #conteudo-eventos #menu-hoteis, .corpo-eventos #conteudo-eventos #detalhe-hoteis{ float: left; padding: 20px 0; } .corpo-eventos #conteudo-eventos #menu-hoteis{width:310px; border-right: 1px solid white; padding-bottom: 40px; display: block;} .corpo-eventos #conteudo-eventos #menu-hoteis h2{} .corpo-eventos #conteudo-eventos #menu-hoteis div{padding: 10px 0 2px 0px;} .corpo-eventos #conteudo-eventos #menu-hoteis div h3{color:white; font-size: 16px; font-style: italic; font-weight: bold; } .corpo-eventos #conteudo-eventos #menu-hoteis div ul{padding: 2px 0;} .corpo-eventos #conteudo-eventos #menu-hoteis div ul li{} .corpo-eventos #conteudo-eventos #menu-hoteis div ul li a span{padding: 2px 20px; display: table;} .corpo-eventos #conteudo-eventos #menu-hoteis div ul li a {font-size: 14px; border-bottom: 1px dotted white; display: block;} .corpo-eventos #conteudo-eventos #menu-hoteis div ul li a:hover, .corpo-eventos #conteudo-eventos #menu-hoteis div ul li a.ativo{background:url(images/seta-ponta-azulescuro.png) right center no-repeat; padding-right: 14px; display: block; width: 310px; border: none;} .corpo-eventos #conteudo-eventos #menu-hoteis div ul li a:hover span, .corpo-eventos #conteudo-eventos #menu-hoteis div ul li a.ativo span{background:#002A46; display: block; padding-top: 3px; color:white;} .corpo-eventos #conteudo-eventos #detalhe-hoteis{} .corpo-eventos #conteudo-eventos #detalhe-hoteis .inativo{display: none;} .corpo-eventos #conteudo-eventos #detalhe-hoteis .ativo{display: table;} .corpo-eventos #conteudo-eventos #detalhe-hoteis div.hotel{ padding: 0 0 20px;} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-titulo{} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-titulo h1{} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-titulo p{} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-descricao{} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-descricao .coluna-descricao{ width:290px; float: left;} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-descricao .coluna-fotos{width:340px; float: left; border-left: 1px dotted white;} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-descricao div h3{padding: 10px 20px;} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-descricao div h4{padding: 15px 20px 2px; font-size: 14px; font-style: italic;} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-descricao div h5{padding: 10px 20px 2px; font-size: 12px; font-style: italic; color: #E1001A} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-descricao div ul{} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-descricao div.coluna-descricao ul li{padding: 2px 20px; font-size: 12px; list-style: disc inside; font-family: Arial, Helvetica, sans-serif;} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-descricao div ul li strong{color: #E1001A; font-weight: bold; font-size: 12px;} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-descricao div ul.lista-precos{} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-descricao div ul.lista-precos li{padding: 4px 10px; background: #E0E7EC; margin: 1px 15px; list-style: none outside;} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-descricao div ul.lista-precos li strong{color: #E1001A; font-weight: bold; display: block; font-size: 16px;} /**** tabela residencias ****/ .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-descricao div.coluna-descricao ul.lista-precos-residencias{} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-descricao div.coluna-descricao ul.lista-precos-residencias li{padding: 4px 10px; background: #E0E7EC; margin: 1px 15px; list-style: none; font-weight: bold;} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-descricao div.coluna-descricao ul.lista-precos-residencias ul{padding: 0px; margin: 0px;} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-descricao div.coluna-descricao ul.lista-precos-residencias ul li{background: none; list-style: none; padding: 0px; font-weight: normal;} .corpo-eventos #conteudo-eventos #detalhe-hoteis div .hotel-descricao div.coluna-descricao ul.lista-precos-residencias ul li strong{} /*****fotos hotel*****/ .fotos-hotel {margin: 0px 10px 20px 10px; } .fotos-hotel .jqGSContainer{position:relative; margin: 0; width:340px; border-bottom: 1px solid white; height: 210px; border-top: 1px solid white;} .fotos-hotel .jqGSContainer .jqGSImgContainer{position:relative;} .fotos-hotel .jqGSContainer .jqGSImgContainer ul{padding:0;margin:0;position:relative;list-style:none;} .fotos-hotel .jqGSContainer .jqGSImgContainer ul li{padding:0;margin:0;position:relative;margin-top:0;margin-bottom:0px;float:left; list-style: none;} .fotos-hotel .jqGSContainer .jqGSImgContainer ul li .jqGSLoader{width:100%;height:100%;position:absolute;} .fotos-hotel .jqGSContainer .jqGSImgContainer ul li img{} .fotos-hotel .jqGSContainer .jqGSImgContainer ul li .jqGSTitle{background:#000;position:absolute;right:0px;top:0px; padding:5px;color:#fff; width:330px; font: 14px bold Georgia, Times, "Times New Roman", serif; } .fotos-hotel .jqGSContainer .jqGSPagination{position:absolute; margin-top: -40px; padding: 0; background: none; } .fotos-hotel .jqGSContainer .jqGSPagination ul{padding:10px; margin:0; list-style:none; position:relative; float:left; } .fotos-hotel .jqGSContainer .jqGSPagination ul li{padding:0;margin-left:1px;float:left;text-align:center;} .fotos-hotel .jqGSContainer .jqGSPagination ul li a{color: white; text-decoration:none; display:block; margin-top: 5px; padding:5px 10px 0; height: 20px; font-size: 12px; background: #002A46;} .fotos-hotel .jqGSContainer .jqGSPagination ul li a.selected{color:white; background: #E1001A; height: 25px; margin-top: 0px;} .fotos-hotel .jqGSContainer .jqGSPagination ul li a:hover{color:white;} .fotos-hotel .jqGSImgContainer{} .fotos-hotel .jqGSContainer .jqGSImgContainer ul,.fotos-hotel .jqGSContainer .jqGSImgContainer li{padding:0;margin:0;position:relative} /***** tabs ****/ #tabs-reserva {} .hotel-descricao .ui-tabs-nav{width:350px; height: 30px; display: block; margin-top: 0; background: none; border-bottom: 1px solid white;} .hotel-descricao .ui-tabs-nav li{float:left; margin-right: 1px; display: table;} .hotel-descricao .ui-tabs-nav li a{display: block; padding: 5px 10px 0; margin-top: 4px; height: 21px; background:#0D4971; color:white;} .hotel-descricao .ui-tabs-nav .ui-tabs-selected{} .hotel-descricao .ui-tabs-nav .ui-tabs-selected a{padding: 5px 10px 0px; height: 26px; margin-top: 0px; background: #C1D0DA url(images/seta-aba-vermelha.png) center bottom no-repeat; color:#E2001A } .hotel-descricao .ui-tabs-hide, .ui-tabs-hide{display: none;} .hotel-descricao .ui-tabs-panel{margin-top: 10px;} /***** form reserva hotel **/ #tabs-reserva fieldset{width: 320px; padding: 0 20px;} #tabs-reserva fieldset legend{} #tabs-reserva fieldset label{width:320px; float: left; padding: 5px 0;} #tabs-reserva fieldset label input{width:300px;} #tabs-reserva fieldset label.uf{width:60px;} #tabs-reserva fieldset label.uf input{width: 40px;} #tabs-reserva fieldset label.cep{width:240px; padding-left: 00px;} #tabs-reserva fieldset label.cep input{width: 240px;} #tabs-reserva fieldset label.lab-duplo{width:160px;} #tabs-reserva fieldset label.lab-duplo input{width: 140px;} #tabs-reserva fieldset label.lab-duplo select{width:100px;} #tabs-reserva fieldset label textarea{width: 300px;} #tabs-reserva fieldset label .lista-nome {height: 50px;} #tabs-reserva fieldset label .select-traslado{width: 300px;} #tabs-reserva fieldset label.lab-condicoes{} #tabs-reserva fieldset label.lab-condicoes a{display: block; font: 12px normal Arial, Helvetica, Verdana, sans-serif; color: #E1001A; padding: 2px 0} #tabs-reserva fieldset label.lab-condicoes a:hover{} #tabs-reserva fieldset small{display: block;} #tabs-reserva fieldset cite{font-size: 12px; display: block; padding: 4px 0;} #tabs-reserva fieldset .submit{ background: #E1001A; color: white;} #tabs-reserva fieldset .submit:hover{ background: white; color: #E1001A;} /*********************** condicoes gerais ********************/ #geral .destaque-condicoes-hotel{height: 1px; background: #990014;} .corpo-condicoes-hotel{padding: 20px 0 50px;} .corpo-condicoes-hotel div.colunas{float: left; width: 300px;} .corpo-condicoes-hotel h2{padding: 20px 20px 2px; } .corpo-condicoes-hotel ul{ padding: 2px 10px;} .corpo-condicoes-hotel ul li{font: 12px normal Arial, Helvetica, sans-serif; padding: 5px 10px; border-bottom: 1px dotted white;} .corpo-condicoes-hotel ul li a{} .corpo-condicoes-hotel ul li a:hover{} .corpo-condicoes-hotel #submenu{} .corpo-condicoes-hotel #submenu ul{padding: 0px;} .corpo-condicoes-hotel #submenu ul li{border: none; padding: 0px;} /********************* rodape *************************/ #geral #rodape{ background:#E0E7EC; border-top:1px solid white; clear: both;} #rodape #rodape-sitemap{padding:10px 15px; display: table; border-bottom: 1px dotted white; width: 800px;} #rodape #rodape-sitemap ul{border-left: 1px solid white; display: table; width:780px; margin-bottom: 4px;} #rodape #rodape-sitemap ul li{float: left;} #rodape #rodape-sitemap ul li a{font-size: 12px; padding: 2px 10px; color: #0D4971; border-right: 1px solid white;} #rodape #rodape-sitemap ul li a:hover{background:white; color: #E2001A; } #rodape address{font: 11px normal Arial, Helvetica, Verdana, sans-serif; display: table; padding: 10px 20px 10px; width: 250px; float: left; color: #0D4971;} #rodape address a{font: 11px normal Arial, Helvetica, Verdana, sans-serif; color: #0D4971;} #rodape address a:hover{color: #E2001A;} #rodape address strong{color: #E2001A; font-size: 14px; } #rodape .direitos{padding: 10px 15px; clear: left; color:#333; font: 11px normal Arial, Helvetica, Verdana, sans-serif;} #rodape div.assinatura-apm{padding: 20px 0; clear: both;} #rodape div.assinatura-apm a{background: url(images/apm-logo.gif) no-repeat left center; padding: 0 20px; font: 11px normal "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif; font-style: italic; color: gray; } #rodape ul li.apm a:hover{color: black;} /* #001523 azul escuro - destaque #002A46 azul escuro - textos #0D4971 azul #C1D0DA azul claro - fundo #E0E7EC azul claro - rodape #EFF3F5 azul claro - bot menu principal #E1001A vermelho #990014 vermelho escuro */