/* Atualizacao CSS 5-10-2009 */ .clear {clear:both;} #container-interno {margin:0 30px; text-align:justify;} li.viagens-noronha {margin-left:30px;} .style6 {font-weight:bold} #container-interno .tabela {margin:0;} #container-interno .box{text-align:left;} #container-interno .title {font:bold 11px verdana, arial, tahoma, sans-serif; color:#666; font-size:17px; margin:15px 0;} #container-interno .subtitle {text-align:left; font:11px verdana, arial, tahoma, sans-serif; margin-left:2px;} #container-interno ul.titulos-fotos li {display:inline; margin:0; padding:0; height:81px;} #container-interno ul.titulos-fotos li.titulo-amazonia {margin-left:160px;} #container-interno ul.titulos-fotos li.contra-violencia {margin-left:150px;} #container-interno ul.titulos-fotos li.viagens-noronha {margin-left:35px;} #container-interno ul.programa-pousada {list-style-type:disc;} #container-interno ul.programa-pousada li {margin-top:10px;} #container-interno dl, dt, dd {font:11px verdana, arial, tahoma, sans-serif; color:#666; margin-left:10px;} #container-interno ul.disc {list-style-type:disc;} #container-interno .box-informativo2, #container-interno .box-hotel, #container-interno .box-tarifa {border:1px solid #000; padding:10px; margin-top:10px;} #container-interno .box-informativo2 h5, #container-interno .box-informativo p, #container-interno ul.tarifario {margin:0; padding:0;} #container-interno .box-informativo, #container-interno .box-hotel, #container-interno .box-tarifa {border:1px solid #000; padding:10px; margin-top:100px;} #container-interno .box-informativo h5, #container-interno .box-informativo p, #container-interno ul.tarifario {margin:0; padding:0;} #container-interno ul.tarifario {width:721px;} #container-interno ul.tarifario li {display:inline; margin-left:130px;} #container-interno ul.promocoes-noronha, #container-interno ul.promocoes-amazonia, #container-interno ul.promocoes-bonito { width:670px;} #container-interno ul.promocoes-noronha {*height:630px;min-height:630px; } #container-interno ul.promocoes-noronha li, #container-interno ul.promocoes-amazonia li, #container-interno ul.promocoes-bonito li {float:left; display:inline; margin:10px 10px; width:200px; height:323px; text-align:center; overflow:hidden;} #container-interno ul.promocoes-noronha li img, #container-interno ul.promocoes-amazonia li img, #container-interno ul.promocoes-bonito li img {border:solid 2px #77d121; padding:3px; margin-bottom:5px;} #container-interno ul.promocoes-noronha li img:hover, #container-interno ul.promocoes-amazonia li img:hover, #container-interno ul.promocoes-bonito li img:hover {border:solid 2px #e7ca9f; padding:3px; margin-bottom:5px;} #container-interno ul.navegacao-paginas {width:721px; margin-top:20px;} #container-interno ul.navegacao-paginas li {display:inline; margin-left:20px; padding-right:20px; border-right:1px solid #77d121;} #container-interno ul.navegacao-paginas li.ultima {border:none;} #container-interno ul.fotos {width:721px; margin:0; padding:0;} #container-interno ul.fotos li {display:inline; border:solid 2px #77d121; padding:3px; margin:12px 12px;} #container-interno ul.fotos li a {margin:0; padding:0; border:none;} hr.clear {clear:both; visibility:hidden;} h2.titulo-pagina {color:#77d121; font-size:14px; font-family: Arial, Helvetica, sans-serif; margin-top:10px; display:inline;} h2.titulo-chapada {color:#996600; font-size:14px; font-family: Arial, Helvetica, sans-serif; margin-top:10px; display:inline;} .subir {position:relative; left:622px;} img.viagens-noronha {float:right;margin-top:8px;} img.contra-violencia {float:right; margin-right:50px; padding-left:15px; margin-top:10px;} #left-side div.menu li {border-bottom:2px solid #C5C3C3; padding:5px 0; position:relative; right:10px;} img.centro {margin:0 auto;} ul.pousadas {margin:0 0 0 -10px; padding:0; width:721px;} ul.pousadas li {margin:0; padding:0; width:200px; height:150px;} li.title-novo {font:bold 20px verdana, arial, tahoma, sans-serif; color:#666; font-size:17px; margin:70px 0 -80px 0;} li.title-novo2 {font:bold 20px verdana, arial, tahoma, sans-serif; color:#666; font-size:17px; margin:10px 0 -80px 0} h3.title-novo2 {font:bold 20px verdana, arial, tahoma, sans-serif; color:#666; font-size:17px; margin:10px 0 -80px 0} /* FIM da Atualizacao CSS 5-10-2009 */ * {margin:0; padding:0; list-style:none; text-decoration:none;} object{outline:0;} img {border:none;} * html img {filter:expression( this.alphaxLoaded ? "" :(this.src.substr(this.src.length-4)==".png"?((!this.complete)? "" : this.runtimeStyle.filter=("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+ (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+ String(this.alphaxLoaded=true).substr(0,0)+ (this.src="pics/blank.gif").substr(0,0)):this.runtimeStyle.filter="")); } body {background-color:#DBCA9F;} p {padding:8px 18px; font:11px/18px verdana, arial, tahoma, sans-serif; color:#666;} input, label, li {font:11px verdana, arial, tahoma, sans-serif; color:#666;} a {font:11px verdana, arial, tahoma, sans-serif; color:#77D121; font-weight:bold;} a:hover {font:11px verdana, arial, tahoma, sans-serif; color:#DBCA9F; font-weight:bold;} table.home td {font:11px verdana, arial, tahoma, sans-serif; color:#666; padding:6px; border:1px solid #333;} table td {font:11px verdana, arial, tahoma, sans-serif; color:#666; padding:6px;} table {border-collapse:collapse;} #geral {position:relative; width:1003px; margin:0 auto; background:#DBCA9F url(../pics/bg.jpg) no-repeat;} ul.fotos {margin:0 20px; float:left; clear:both;} ul.fotos li {position:relative; margin:0; float:left; display:inline; padding:5px 5px;} ul.fotos li a {display:block; padding:2px 2px 0 2px; border:2px solid #A8DB87;} ul.fotos li a:hover {border:2px solid #DBCA9F;} /* IMG */ .img-right {float:right; margin-left:15px;} .img-left {float:left; margin-right:15px;} /*POUSADAS - FERNANDO DE NORONHA*/ h2.tt-psada{margin:0 40px 0 40px; float:left; font-size:18px; text-align:center; margin-bottom:20px; background:#f8f8f8; padding:5px; display:inline;} h2.tt-pesada{margin:20px 40px -50px 40px; float:left; font-size:14px; text-align:center; color:#666; margin-bottom:20px; padding:5px; display:inline;} ul.pousadas {margin:0 25px 25px 10px; float:left; clear:both;} ul.pousadas li {position:relative; margin:0; float:left; display:inline; font-style:bold; text-align:center; padding:20px 15px;} ul.pousadas li img ul.pousadas li img:hover {border:3px solid #DBCA9F;} ul.pousadas p span a {font-size:10px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#060;} ul.promocoes li {float:left; display:inline; margin:10px 10px; width:200px; height:311px; text-align:center; overflow:hidden;} ul.promocoes li img {border:solid 2px #77d121; padding:3px; margin-bottom:5px;} ul.promocoes li img:hover {border:solid 2px #e7ca9f; padding:3px; margin-bottom:5px;} tabela {border:1px #000 solid;} /******************************************************************** LEFT-SIDE ********************************************************************/ #left-side {float:left; width:212px; background-color:#fff; background:url(../pics/menu2-bg.jpg) repeat-y;} #left-side div.top {width:212px; height:16px; background: url(../pics/menu-top.jpg) no-repeat;} #left-side div.bot {width:212px; height:20px; background:url(../pics/menu-bot.jpg) no-repeat;} /** MENU **/ #left-side div.menu h1 {position:relative; margin-left:5px; padding:8px 0 0 55px; width:158px; height:33px; background:url(../pics/bg-bt.jpg) no-repeat; font:13px arial black, arial, verdana, tahoma; color:#fff;} #left-side div#reservas-cotacoes h1, #left-side div#projeto-social h1, #left-side div#fotos-dos-eventos h1 {position:relative; margin-left:5px; width:202px; height:33px; background:url(../pics/bg-bt.jpg) no-repeat; padding:8px 0 0 0; color:#fff; text-align:center;} #left-side div#reservas-cotacoes a, #left-side div#projeto-social a, #left-side div#fotos-dos-eventos a {color:#fff; font-weight:bold;} #left-side div#reservas-cotacoes a:hover, #left-side div#projeto-social a:hover, #left-side div#fotos-dos-eventos a:hover {background:transparent; text-decoration:underline;} #left-side div.menu li {border-bottom:2px solid #c5c3c3;} #left-side div.menu a {display:block; padding-left:6px; font:13px Trebuchet MS, arial, verdana, tahoma; color:#000;} #left-side div.menu a:hover {background:url(../pics/seta.jpg) no-repeat;} /**** Menu DropDown *****/ .menu li{height:auto;} .menu ul li ul {position:absolute; background-color:#fff; left:184px; margin-top:-18px; z-index:3;} .menu ul li ul li {display:block; white-space:nowrap;} .menu ul li ul li a {width:auto; height:auto; display:block;} .menu a.sub{text-decoration:none; font:10px Trebuchet MS, arial, verdana, tahoma; color:#fff; padding:0 3px; border-left:1px solid #003478; border-right:1px solid #003478; border-top:1px solid #335C93; border-bottom:1px solid #224F8A; line-height: 18px; text-align:left;} .menu a:hover{background-color:#5a7ca8;} .menu li ul{display:none;} .menu li:hover ul, .menu li.over ul {display:block;} .menu li:hover a, .menu li.over a {display:block;} /**** Menu DropDown *****/ /** HOME **/ #left-side #home h1 {width:167px; cursor:pointer; position:absolute; top:12px; left:0; padding-left:35px !important;} #home img {position:absolute; top:-2px; left:-4px;} /** DESTINOS **/ #left-side #destinos {margin-top:50px;} #destinos h1.destinos {width:148px !important;} #destinos img {position:absolute; top:0px; left:-15px;} /** EMPRESA **/ #empresa img.titulo {position:absolute; top:-5px; left:-2px;} #empresa img.ico {margin:0 0 0 10px;} #empresa h1 {padding-left:46px !important;} .homenagem img{float:left; margin:0 0 0 10px;} .homenagem p{margin:40px 0 0 10px; width:500px; float:left; display:inline;} /** A GENTE **/ #left-side #agente {margin-top:30px;} #agente img {position:absolute; top:-5px; left:-2px;} #agente h1 {width:200px !important; padding-left:1px !important;} div.equipe a {color:#666;} /** PROMOÇÕES **/ #left-side #promocoes {margin-top:30px;} #promocoes img {position:absolute; top:-5px; left:-2px;} #promocoes h1 {width:200px !important; padding-left:1px !important;} /** RESTRITA **/ #left-side #restrita {margin-top:30px;} #restrita img {position:absolute; top:-5px; left:-2px;} #restrita h1 {cursor:pointer; padding-left:46px !important;} /** NEWSLETTER **/ #left-side #newsletter {margin-top:30px;} #newsletter img {position:absolute; top:0; left:-2px;} #newsletter h1 {padding-left:43px !important;} #newsletter form {position:relative; margin-left:15px;} #newsletter input.text {padding:6px 0 0 5px; width:144px; height:24px; background:url(../pics/newsletter-bg.jpg) no-repeat;border:none;} #newsletter input.bt {position:absolute; top:34px; right:102px;} html > body #newsletter input.bt {top:31px; right:21px;} html:first-child>body #newsletter input.text {padding:0 0 0 2px;} /* hack para Opera */ /** TEMPO **/ #tempo {margin:40px 0 0 25px;} /******************************************************************** CONTEUDO ********************************************************************/ #conteudo {float:right; width:783px;} #conteudo div.container {width:783px; background:url(../pics/conteudo-bg.jpg) repeat-y right;} #conteudo div.top {width:783px; height:16px; background:url(../pics/conteudo-top.jpg) no-repeat;} #conteudo div.bot {width:783px; height:20px; clear:both;} div.container div.flash {margin-left:11px; width:760px; height:320px;} div.container h1.barra {text-align:center; margin:4px 0 0 2px; padding-top:3px; width:778px; height:27px; background:url(../pics/barra-laranja.jpg) no-repeat; font:bold 15px Trebuchet MS, verdana, arial, tahoma;} /** FERIADOS 2009 **/ div.container ul.feriados {height:210px; margin:-208px 0 0 530px; position:absolute;} div.container ul.feriados li {float:left; margim-left:20px;} /* TESTE */ div.teste ul {height:170px; margin-left:3px;} div.teste ul li {float:left; display:inline; margin-left:11px;} /** IMAGENS **/ div.container ul.imagens {height:210px; margin-left:30px;} div.container ul.imagens li {float:left; margim-left:20px;} /** OUTROS DESTINOS **/ div.outros_destinos {margin-left:30px; width:720px !important; background:url(../pics/destinos-bg.jpg) repeat-Y;} div.outros_destinos div.top {width:720px !important; height:12px; background:url(../pics/destinos-top.jpg) no-repeat !important;} div.outros_destinos div.bot {width:720px !important; height:20px; background:url(../pics/destinos-bot.jpg) no-repeat !important;} div.outros_destinos h1 {text-align:center; padding-bottom:5px; font:13px arial black, Trebuchet MS, verdana, arial; color:#b83900;} div.outros_destinos ul {margin-left:6px;} div.outros_destinos ul li {float:left; display:inline;} /** TITLE **/ h3.title {margin:0 0 0 20px;} h3.title-novo2 {margin:0 0 0 20px;} li.title {margin:0 0 0 20px;} li.subtitle {margin:-15px 0 0 0; color:666;} /******************************************************************** RODAPE ********************************************************************/ #rodape {position:relative; clear:both; width:1003px;} #rodape div.container {float:right; display:inline; margin-right:4px; width:979px; background-color:#EDE0C0;} #rodape div.top {width:979px; height:7px; background:url(../pics/rodape-top.jpg) no-repeat;} #rodape div.bot {width:1003px; height:15px; background:url(../pics/rodape-bot.jpg) no-repeat; clear:both;} #rodape ul {margin-left:200px;} #rodape ul li {float:left; font-size:9px; margin-left:10px; color:#666;} #rodape a {color:#000;} #rodape a:hover {text-decoration:underline;} #rodape object {position:absolute; top:35px; left:35px;} /*************************************************** CONTATO **************************************/ #contato {text-align:left; width:390px; margin:40px 0 0 70px;} #contato form {font-size:10pt;} #reservas form{width:350px; margin:0 0 0 -100px;} #reservas input.bt {margin-left:204px} #contato input, #reservas input {font-size:13px; margin-bottom:10px; color:#666; background-color:#fff; float:left; border:1px solid #3DA80D;} #reservas label{float:left; display:inline; text-align:right; width:100px; margin:0 5px 0 0;} #contato textarea, #reservas textarea {background-color:#fff; border:1px solid #3DA80D; color:#666;} #contato label {display:block; width:80px; float:left; color:#666; font:bold 11px Tahoma, verdana;} #contato span {color:#999; font-size:12px;} #contato input.bt {font-size:13px; margin:15px 0 0 180px; border:none; color:#3DA80D;} #reservas {width:260px; margin:20px 0 0 140px;} /*************************************************** MARCADORES **************************************/ ul {margin: 0 0 0 20px;} ul.marc li {list-style-image:url(../pics/marcador.jpg);} .centro {margin:0 0 0 36px!important;} /******************************************************************* AREA RESTRITA *******************************************************************/ input.area {width:250px; padding:5px 0 5px 5px; border:none; margin-top:5px; font:12px Trebuchet MS; color:#fff; background-color:#0C6606;} input.ok {width:40px; border:none; color:#fff; font:12px Trebuchet MS; background-color:#0C6606;} .fonte {display:block; font-family:12px Trebuchet MS; color:#000;} table#restrito {border-right:1px solid #074C0B; border-bottom:1px solid #074C0B;} #arearestrita {margin-left:135px;} /******************************************************************* RESORTS *******************************************************************/ .top-resorts {width:232px; height:36px; background:url(../pics/resorts.jpg) no-repeat;} .bot-resorts {width:232px; background:url(../pics/resorts-2.jpg) no-repeat; padding-bottom:21px;} /*** AGENTES NOTA 10 ***/ ul.agente{width:650px; margin:20px auto; position:relative;} ul.agente li{display:inline; float:left; width:200px; height:150px; margin:0 0 50px 10px; border: 1px solid #669900;} ul.agente2{width:650px; margin:20px auto; position:relative;} ul.agente2 li{display:inline; float:left;padding:2px;margin:0 0 50px 10px; border: 1px solid #669900;} ul.agente2 li img{width:198px;height:131px;} /******************************************************************* RICKMIDA *******************************************************************/ #rickmidia {position:absolute; left:350px; top:170px; width:500px; height:265px; z-index:6;} .divisao {width:650px; margin:15px 0 15px 35px;} .titulo_pousada {text-align:center; display:block; width:100%;} .titulo_pousada p {color:#6c0; font-weight:bold;} /****************************************************************** CORES *******************************************************************/ /**** Azul ****/ #container-interno div.azul, #container-interno div.azul p, #container-interno div.azul a, #container-interno div.azul li, border {color:#00C;} h2.azul-titulo {color:#00C; font-family: Arial, Helvetica, sans-serif; margin-top:10px; display:inline;} #container-interno .title-azul {font:bold 11px verdana, arial, tahoma, sans-serif; color:#00C; font-size:17px; margin:15px 0;} /**** Verde ****/ #container-interno div.verde, #container-interno div.verde p, #container-interno div.verde a, #container-interno div.verde li {color:#090;} #container-interno .title-verde {font:bold 11px verdana, arial, tahoma, sans-serif; color:#090; font-size:17px; margin:15px 0;} .tabela-bonito {width:380px; margin:15px auto 0 auto;} .tabela-bonito tr {border:2px solid;} .tabela-bonito td {border:2px solid; padding:5px;} ul.promocoes-noronha {width:500px; height:300px; margin-top:20px;} ul.promocoes-noronha2 {width:500px; height:300px; margin-top:100px;} #container-interno ul.promocoes-noronha2 {width:670px;} #container-interno ul.promocoes-noronha2 li { float:left; display:inline; margin:10px 10px; width:200px; height:280px; text-align:center; overflow:hidden;} #container-interno ul.promocoes-noronha2 li img {border:solid 2px #77d121; padding:3px; margin-bottom:5px;} #container-interno ul.promocoes-noronha2 li img:hover {border:solid 2px #e7ca9f; padding:3px; margin-bottom:5px;} /************* Novas paginas ***************/ .espaco-luamel { height:280px;} .linha-01 {border:2px solid #c2d69b; background-color:#c2d69b;} .linha-02 {border:2px solid #002060; background-color:#002060;} .linha-02 p {color:#FFFFFF;} .linha-02 td {color:#FFFFFF; text-align:center;} /************** Pantanal ***************/ div.pantanal-titulo {width:720px; height:100px;} hr.pantanal {width:725px; height:10px; color:#92d050; margin:10px auto 10px auto; background:#92d050; border:1px solid #92d050;} ul.pantanal li {list-style:disc;} p.titulo-pantanal {color:#000;font-family:verdana,arial,tahoma,sans-serif;font-size:15px;font-weight:bold;} h1.pantanal-titulo {width:300px;height:60px;float:left;color:#C2D69B; font-family:Arial,Helvetica,sans-serif;font-size:45px; margin:25px 0 0 0px;} /************** Fernando de Noronha ***************/ div.fernando-noronha-titulo {width:720px; height:100px;} h1.fernando-noronha-titulo {width:425px;height:60px;float:left;color:#009;font-family:Arial;font-size:28px; margin:40px 0 0 0px;} ul.fernando-noronha {color:#FFF; margin:20px 0 0 33px;} ul.fernando-noronha li {list-style:disc; color:#FFF;} ul.fernando-noronha li.title-fernando {text-decoration:underline;list-style:none;} p.pequeno { border:1pz solid;} .titulo-fernando-noronha {color:#009;;font-family:verdana,arial,tahoma,sans-serif;font-size:15px;font-weight:bold;} a.azul {color:#009; margin:0 0 0 18px;} a.azul:hover {text-decoration:underline;} a.branco {color:#FFF; margin:0 0 0 18px;} a.branco:hover {text-decoration:underline;} div.fernando_vip {margin-left:2px; margin-top:10px; width:720px !important; background:url(../pics/destinos-bg.jpg) repeat-Y;} div.fernando_vip div.top {width:720px !important; height:12px; background:url(../pics/destinos-top.jpg) no-repeat !important;} div.fernando_vip div.bot {width:720px !important; height:20px; background:url(../pics/destinos-bot.jpg) no-repeat !important;} div.fernando_vip h1 {text-align:center; padding-bottom:5px; font:13px arial black, Trebuchet MS, verdana, arial; color:#b83900;} div.fernando_vip ul {margin-left:6px;} div.fernando_vip ul li {float:left; display:inline;} /************** Lencois Maranhenses ***************/ div.lencois-titulo {width:720px; height:100px;} h1.lencois-titulo {width:445px;height:60px;float:left;color:#984806;font-family:Arial;font-size:29px; margin:35px 0 0 0px;} p.titulo-lencois {color:#984806;font-family:verdana,arial,tahoma,sans-serif;font-size:15px;font-weight:bold;} .linha-lencois {border:2px solid #000; background-color:#984806;} .linha-lencois p {color:#FFFFFF;} ul.lencois li {list-style:disc;} hr.lencois {width:725px; height:10px; color:#B94A00; margin:10px auto 10px auto; background:#B94A00; border:1px solid #000;} /************** Amazonia ***************/ div.amazonia-titulo {width:720px; height:100px;} h1.amazonia-titulo {width:445px;height:60px;float:left;color:#00b050;font-family:Arial;font-size:35px; margin:35px 0 0 0px;} p.titulo-amazonia {color:#000;font-family:verdana,arial,tahoma,sans-serif;font-size:15px;font-weight:bold;} div.alerta {color:#FF0000;font-family:verdana;font-size:11px; margin:-5px 0 0 600px;} .linha-amaz {border:2px solid #000; background-color:#00b050;} .linha-amaz p {color:#000;} hr.amazonia {width:725px; height:10px; color:#00b050; margin:10px auto 10px auto; background:#00b050; border:1px solid #000;} /************** Chapada Diamantina ***************/ div.chapada-titulo {width:720px; height:100px;} h1.chapada-titulo {width:445px;height:60px;float:left;color:#f79646;font-family:Arial;font-size:35px; margin:35px 0 0 0px;} p.titulo-chapada {color:#000;font-family:verdana,arial,tahoma,sans-serif;font-size:15px;font-weight:bold;} .linha-chapada {border:1px solid #000; background-color:#f79646;} .linha-chapada p {color:#000;} hr.chapada {width:725px; height:10px; color:#f79646; margin:10px auto 10px auto; background:#f79646; border:1px solid #000;} /************** Pipa ***************/ div.pipa-titulo {width:720px; height:100px;} h1.pipa-titulo {width:445px;height:60px;float:left;color:#f79646;font-family:Arial;font-size:24px; margin:40px 0 0 0px;} /************** Bonito ***************/ div.bonito-titulo {width:720px; height:100px;} h1.bonito-titulo {width:425px;height:60px;float:left;color:#009;font-family:Arial;font-size:40px; margin:27px 0 0 0;} .linha-bonito {border:1px solid #000; background-color:#c6d9f1;} .linha-bonito p {color:#000;} hr.bonito {width:725px; height:10px; color:#c6d9f1; margin:10px auto 10px auto; background:#c6d9f1; border:1px solid #000;} p.titulo-bonito {color:#000;font-family:verdana,arial,tahoma,sans-serif;font-size:15px;font-weight:bold;} /************** Pousadas ***************/ td.pousadas-interno img {border:2px solid #77D121;padding:3px;} /************** Richmedia ***************/ #richmedia {position:absolute;z-index:10;top:150px;left:320px;} #festival {position:absolute;z-index:10;top:15px;left:45px;}