@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:bold}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img, a, embed, object{outline:none!important;}

body{background:url(../imagens/bg_agua.jpg); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#siteBgTop{background:url(../imagens/bg-site.jpg) repeat-x 33px 0px; overflow-x:hidden; width:100%;}
.mappedElement{background:url(../images/sprite-elements.gif);}
.norepeat{background-repeat:no-repeat;}
.posImg{float:left; margin:0px 10px 0px 0px;}
h5{width:100%; font-weight:bold;}
div.contentInfo{float: left;margin-bottom:30px; width:618px;}

a:link, a:visited{color:#0088b5; text-decoration:none;}
#hackDiv{clear:both;}

#siteContent{width:952px; margin:0px auto; position:relative}

#seloVCSA{position:absolute;width:110px;height:202px;top:152px;right:-1px;}
#seloVCSA-internas{position:absolute;width:110px;height:202px;top:152px;right:234px;}


/*Topo*/
#header{float:left; width:952px;  height:126px; position:relative;}
#header h1{	margin-left:4px;width:328px;height:96px;position:absolute;bottom:0px;left:-55px;_bottom:0px; overflow:hidden;}
/*DropDown*/
#topMenu.mappedElement{float:right; background-position: 672px -51px; padding: 4px 0px 9px; clear:both}
#topMenu, #topMenu a, #topMenu select{font-weight:bold; color:#FFFFFF; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#topMenu select{margin-left:17px;margin-right:109px; background:#FFFFFF; color:#007CAF; font-weight:bold; border: 1px solid #bebfc4;}

#menu-divisor.mappedElement{width:720px; float:right; background-position:-19px -93px;  background-color:#FFFFFF;}
#menu.mappedElement{width:952px; background-position: 218px 0px; margin-top:-30px; position:absolute; bottom:0px; right:0px;}
#menu ul#mainNav.mappedElement{width:720px; float:right;background-position:-16px 0px;}
#menu ul#mainNav li{float:left; margin:0px -7px; padding:9px 12px 0px; position:relative;}
#menu ul#mainNav li a{height:21px; text-indent:-8000px;  display:block; }
.dropHover{background-color:#FFFFFF!important;}
#menu ul#mainNav li.mappedElement.menu-localizacao{width:73px; background-position:-4px -131px;}
#menu ul#mainNav li.menu-localizacao.dropLocal{background-position:-4px -168px!important}

#menu ul#mainNav li.mappedElement.menu-resort{width:53px; background-position:-107px -131px;}
#menu ul#mainNav li.mappedElement.menu-resort.dropResort{background-position:-107px -168px}

#menu ul#mainNav li.mappedElement.menu-lazer-diversao{width:96px;background-position:-190px -131px;}
#menu ul#mainNav li.mappedElement.menu-lazer-diversao.dropLazer{background-position:-190px -168px}

#menu ul#mainNav li.mappedElement.menu-acomodacoes{width:76px; background-position:-316px -131px;}

#menu ul#mainNav li.mappedElement.menu-eventos{background-position:-415px -131px;width:60px;}
#menu ul#mainNav li.mappedElement.menu-eventos.dropEventos{background-position:-415px -168px}

#menu ul#mainNav li.mappedElement.menu-codigo-gds{width:67px;background-position:-524px -131px;}
#menu ul#mainNav li.mappedElement.menu-maceio{width:63px;background-position:-626px -131px;}
#menu ul#mainNav li.mappedElement.menu-maceio.dropMaceio{width:63px;background-position:-626px -168px;}

#menu ul#mainNav li ul{display:none; position:absolute; left:5px; width:196px;}
#menu ul#mainNav li ul li{float:none; margin:0px; padding:0px; padding: 0px 8px; height:auto; background:url(../images/sprite-elements.gif) no-repeat -1032px -55px; line-height:20px;}
#menu ul#mainNav li ul.largeList{width:230px;}
#menu ul#mainNav li ul.largeList li.bgtop{background:url(../images/sprite-elements.gif) no-repeat -789px -41px; height:9px;line-height:0px; *margin-bottom:-6px;}
#menu ul#mainNav li ul.largeList li{background:url(../images/sprite-elements.gif) no-repeat -789px -60px;}
#menu ul#mainNav li ul.largeList li.bgbottom{background:url(../images/sprite-elements.gif) no-repeat -789px -316px; height:10px; padding:0px!important; margin-top:-3px;line-height:0px;}
#menu ul#mainNav li ul li.bgtop{background:url(../images/sprite-elements.gif) no-repeat -1032px -41px; height:14px!important; line-height:0px; *margin-bottom:-6px;}

#menu ul#mainNav li ul li.bgbottom{background:url(../images/sprite-elements.gif) no-repeat -1032px -316px; height:10px; *height:10px; _margin-top:-4px;margin-top:-3px;line-height:0px;}
/*
#menu ul#mainNav li ul li a:link, #menu ul#mainNav li ul li a:visited{text-indent:16px; display:block;background-color:#FFFFFF; width:100%; background:url(../images/sprite-elements.gif) no-repeat -431px -260px; color:#aaaaaa;}*/
#menu ul#mainNav li ul li a:link, #menu ul#mainNav li ul li a:visited{text-indent:16px; display:block;background-color:#FFFFFF; width:100%; background:url(../images/sprite-elements.gif) no-repeat -431px -255px; color:#aaaaaa;}

#menu ul#mainNav li ul li a:hover{color:#19beeb;}

#btn-reserva{position:absolute; z-index 10; right:9px; bottom:-1px; background:url(../images/sprite-elements.gif) no-repeat -691px -256px; width:86px; height:25px; cursor:pointer;}
/*Rodape*/
#rodape.mappedElement{float:left; width:954px; background-position:0px 166px; height:63px; color:#FFFFFF;}
#rodape .logos-resorts{margin-left:7px;padding-top:15px;float:left;}
#rodape p.mapped{float:left; margin-top:33px; margin-left:21px; width: 500px; background-position:0px 288px;} 
#rodape p span{text-indent:0px; display:block;}
p.copyright{float:left; font-size:10px; font-family:Verdana; margin-top:10px; color:#000000;}
p.icorp{float:right;font-size:9px; font-family:Arial; margin-top:10px; color:#000000; margin-right:10px; padding-bottom:70px;}
#midcontainer{float:left; background:#FFFFFF; width:952px; padding-top:4px;}
p.icorp a{color:#000000;}
#chamadas{float:left; width:946px; margin-left:5px;  _margin-left:3px; height:207px;}

.flash{float:left; margin-left:5px;}
/*FOrmatação interna*/
#formatInterna { position:relative; padding-bottom:50px; }
#formatInterna h2 { color:#000; font-family:verdana; margin-top:25px;font-size:14px; padding-bottom:8px; }
#formatInterna h3 {
background:transparent url(../images/sprite-elements.gif) no-repeat scroll 1px -466px;
clear:both;
color:#31B2EA;
float:none;
font-family:verdana;
font-size:14px;
font-weight:bold;
margin-top:25px;
padding-bottom:8px;
}
#formatInterna h3.reveillon { background:url(../images/sprite-elements.gif) no-repeat 1px -466px; clear:both; color:#31B2EA; font-family:verdana; margin-top:25px;font-size:14px; font-weight:bold; padding-bottom:8px; }
#formatInterna ul li { position: relative; list-style:square; margin-left:15px; }
#formatInterna ul li p { padding:5px 10px; }
#formatInterna ul li h3 { background:url(../images/sprite-elements.gif) no-repeat 1px -466px; clear:both; color:#31B2EA; font-family:verdana; margin-top:25px;font-size:14px; font-weight:bold; padding-bottom:8px; }
#formatInterna ul#restaurantesItens li h3 { background:url(../images/sprite-elements.gif) no-repeat 1px -466px; clear:both; color:#31B2EA; font-family:verdana; margin-top:25px;font-size:14px; font-weight:bold; padding-bottom:8px; padding-left:25px; }
#formatInterna ul li h3 span {cursor:pointer; background:url(../images/sinalComboBox.gif) no-repeat center 0px!important; background-position:center 3px; height:13px; padding:0px 10px; position:absolute; left:0; _left:-25px; top:4px; *top:2px; _top:-1px; }
#formatInterna ul li h3 span.menos {  background:url(../images/sinalComboBox.gif) no-repeat center -16px!important; background-position:center -13px; }
#formatInterna dt{ padding:0px 0px 0px 15px; background:url(../imagens/box-noticias-bullet.gif) no-repeat left center;font-weight:bold;}
#formatInterna dd{ padding:10px 0px 10px 15px; }
#formatInterna p { margin-bottom:15px; }
#formatInterna div#fontesContent { position:absolute; bottom:0; }
#formatInterna div#fontesContent p { margin-bottom:5px; color:#999; font-size:11px }

#formatInterna .adGallery { float:right; width:215px; margin-left:10px }
#formatInterna .marginTop { margin-top:30px; }
#formatInterna .adGallery img { margin-bottom:20px; }
#formatInterna .blockContent1 p { margin-bottom:10px; line-height:16px; }
#formatInterna .blockContent { width:460px; float:left }
#formatInterna .blockContent p { margin-bottom:10px; line-height:16px; }

/*Trilha*/
#conteudo span.trilha{float:left; text-align:left;margin-top:16px;}
#conteudo span.trilha,
#conteudo span.trilha a:link,
#conteudo span.trilha a:visited{font-size:10px;color:#3397BE; text-decoration:none}
#conteudo span.trilha a:hover{text-decoration:underline;}

#conteudo{width:942px; margin: 5px;  _margin:5px 2px 5px 3px; float:left;}

h2.subsecao{background:url(../images/sprite-elements.gif) no-repeat 0px -223px; border-top:1px solid #f0ede6; border-bottom:1px solid #f0ede6; text-transform:uppercase;padding:5px 0px 5px 25px; width:665px; color:#574833; font-size:19px;font-weight:normal; margin:12px 0px 20px 1px; float:left; text-align:left; }
h2.titSecao{background:url(../images/sprite-elements.gif) no-repeat -960px -327px; width:210px; height:65px; padding-top:30px; padding-left:15px; font-size:18px; color:#FFFFFF; text-align:left; font-weight:bold; float:left; border:none; margin-right:22px; text-transform:uppercase; }
/*Conteúdo interno*/
#left-content{float:left; width: 226px; padding-bottom: 20px;}
#formatInterna{width:686px; float:left; margin-left:20px; font-size:12px; color:#6A6A6A; line-height:20px;position:relative;}
img.floaterRight{float:right; margin-left:20px;}
/*Chamadas da home*/
div.chamadas{width:209px; _overflow:hidden; height:53px; padding:135px 9px 0px; float:left; margin:18px 10px 0px 0px;}
div.chamadas a{text-decoration:underline!important; background:url(../images/sprite-elements.gif) no-repeat -437px -258px;  letter-spacing:-1px; display:block; width:200px; padding: 0px 9px;}

div.chamadas.first{margin-left:5px; _margin-left:3px;}
div.chamadas.como-chegar{background:url(../images/sprite-chamadas.jpg) no-repeat 0px 0px;}
div.chamadas.refeicao{background:url(../images/sprite-chamadas.jpg) no-repeat -1362px 0px;}
div.chamadas.recreacao-infantil{background:url(../images/sprite-chamadas.jpg) no-repeat -454px 0px;}
/*div.chamadas.gastronomia{background:url(../images/sprite-chamadas.jpg) no-repeat -227px 0px;}*/
div.chamadas.gastronomia{background:url(../images/feriasDeJaneiroSalinas.jpg) no-repeat left top;}
div.chamadas.marrecas{background:url(../images/chamadas-marrecas.jpg) no-repeat left top;}
div.chamadas.marrecas-promo{background:url(../images/chamadas-marrecas-promo.jpg) no-repeat left top;}
div.chamadas.refeicoes{background:url(../images/chamada_6_refeicoes.jpg) no-repeat left top;}
div.chamadas.redes-sociais{background:url(../images/redesSociaisWeb.jpg) no-repeat;}
div.chamadas.feriado-janeiro{background:url(../images/feriasJaneiroMarrecas.jpg) no-repeat;}
div.chamadas.outubro12{background:url(../images/sprite-chamadas.jpg) no-repeat -1135px 0px;}
/*div.chamadas.ferias-fazenda{background:url(../images/chamada-ferias-fazenda.jpg) no-repeat;}*/
div.chamadas.sao-joao{background:url(../images/chamada-saojoao-marrecas.jpg) no-repeat left top;}
div.chamadas.reserva{padding:0px; overflow:visible; _margin-right:0px;}
div.chamadas.reserva a{padding:0px; margin:0px; display:inline;}
/*Menu de Subsessão*/
ul.menu-subsessao{ width:226px; padding-top:16px; background:url(../images/sprite-elements.gif) no-repeat -1240px -40px; clear:both; margin-bottom:20px; }
ul.menu-subsessao li{width:200px; padding-left:0px; margin: 0px auto; background:url(../images/sprite-elements.gif) no-repeat -962px -441px;}
ul.menu-subsessao li a{ display:block; background:url(../images/sprite-elements.gif) no-repeat -238px -246px; padding:8px 5px; width:170px; margin: 0px auto; }
ul.menu-subsessao li a:hover{text-decoration:underline;}
ul.menu-subsessao li a.last-sub{background:none!important;}
ul.menu-subsessao li a.current{font-weight:bold; color:#467891;}
/* Mapa do site*/
.mapaSite{width: 660px; height:500px; position:relative; background:#FFFFFF;}
.mapaSite a:link, .mapaSite a:visited{text-decoration:none; color:#675543;padding-left:20px; background:url(../imagens/bullet-titulo-mapasite.gif) no-repeat 0px 3px;}
.mapaSiteTitSecao{font-weight:bold; width: 245px; float:left; padding: 7px 0px;}
.mapaSiteTitSecao li a{background:none!important;}
.mapaSiteItens{background:url(../images/sprite-elements.gif) no-repeat scroll -1536px -322px;display:block; font-weight:normal; width:200px; margin-left: -3px; margin-top:0px;}
.mapaSiteItens li{ background:url(../images/sprite-elements.gif) no-repeat scroll -1241px -367px}
.mapaSiteItens li a{display:block; width: 90%; padding: 3px 0px; margin: 0px 0px 0px 30px;}
.mapaSiteItens li.first{background:url(../images/sprite-elements.gif) no-repeat scroll -1240px -328px; height:33px; width:220px;}
.mapaSiteItens li.first a{padding-top:14px;}
.mapaSiteItens li.last{background:url(../images/sprite-elements.gif) no-repeat scroll -1240px -340px #FFFFFF;}
.box3, .box4{position:absolute;}
.box4{left:0px;top:224px;}
.box4, .box4 ul, .box4 li{width:280px!important;}
.box2, .box5, .box6, .box7, .box8, .box9, .box10, .box11, .box12, .box13, .box16{position:absolute; right:-10px; width: 182px;}
.box5{top:22px;}
.box6{top:44px;}
.box7{top:64px;}
.box8{top:84px;}
.box10{top:104px;}
.box11{top:124px;}
.box13{top:164px;display:none;}
.box14, .box15{display:none;}
.box16{top:164px;}
.box3{left:488px;top:144px;}
.box9{ position:absolute;left: 244px; top: 164px; width: 280px;}
.box9 ul{width:280px;}
.box9 ul li{width:280px!important;}
.box12{position:absolute;left: 488px; top: 164px;} 
/*Check-in Web( vindo do formulário antigo)*/
.campos{margin-bottom:5px;}
.formBotao{margin-top:5px;}
.formCampoGrande{width:440px;}
.formSelectPadraoEsquerda{width:190px;}
.alignFields{clear:both}
.formSelectPadraoDireita{width:190px; margin-left:61px;}
.formLabelPadraoEsquerda{width:255px; display:block; float:left; }
.formLabelPadraoDireita{width:180px;}
.formInputDiaNascimento{width:43px;}
.formInputDiaNascimentoEmpregos{margin-left:55px; width:48px;}
.formTextAreaEsquerda{width:185px; height:100px;}
.formTextAreaDireita{width:185px; margin-left:56px;height:100px;}
.formTextAreaGrande{width:435px; height:100px;}
.formInputDDD{margin-left:56px;	width:40px;}
.formInputDDDEsquerda{width:40px;}
.formInputTelefone{	width:137px;}
.formLabelSexo{width:99px;display:block; float:left;}
.formLabelRG{width:156px;display:block; float:left;}
.formInputRG{width:99px;}
.formInputPadraoDireita{width:185px; margin-left:56px;}
.formInputPadraoEsquerda{width:191px;}
.formLabelUF{width:58px;display:block; float:left;}
.formInputUF{width:50px;}
.formLabelPais{width:198px;display:block; float:left;}
.formInputPais{width:133px; margin-right:0px; margin-right:55px;}
.formLabelUmItem{width:450px;}
/*Validação jquery  - formulário*/
label.error{display:none!important}
input.error, select.error, textarea.error{background:#E4F2F3; border: 1px solid #4E7581; color:#377580; padding:1px}
/*Classes auxiliares*/
.larguraTotal li, ul.larguraTotal{width: 90%!important; margin-right:50px;}
.spacerTop{margin-top: 20px;}
.spacerBottom{margin-bottom:20px;}
ul.items{width: 300px; font-size:12px;}
ul.items li{padding-left: 15px; background:url(../images/sprite-elements.gif) no-repeat -957px -445px; margin: 5px 0px;}
.mensagem{text-align:center; margin:20px auto;}
.mensagem img{margin:20px auto;clear:both; display:block; }
img.spahotel{padding: 10px 25px; float:right; border: 1px solid #C4AFA2; margin-left:10px;}
img.btnReserva{margin-left:-1px; margin-top:20px;}

#formContato ul li { list-style:none!important; background:none; }

div#flashpopup { position:absolute; top:40px; left:100px; z-index:10000}

div#reservas {width:938px; _overflow:hidden; height:48px; background:url(../imagens/bg-reservas.gif) no-repeat right #dfeef4; padding:0px 0px 0px;float:left; margin:18px 10px 0px 5px;font-size:11px; font-family:Verdana, Geneva, sans-serif;color:#0088b5;}
div#reservas img#imgreserva{float:left;}
div#reservas form{margin:10px;}
div#reservas form ul {float:left;margin-left:9px;margin-top:5px;}
div#reservas form ul li {float:left;margin-right:5px;}
div#reservas form ul li label {float:left;margin-right:5px;margin-top:2px;}
div#reservas form ul li input, div#reservas form ul li select {float:left;margin-right:5px; border:1px solid #dac79f;font-size:11px; font-family:Verdana, Geneva, sans-serif;color:#0088b5;}
div#reservas form ul li select {width:50px;}
div#reservas form ul li input#enviar {background:url(../imagens/btn-enviar-reservas.gif) no-repeat; border:none;width:86px; height:22px;margin-top:-3px;}
div#reservas form ul li img#calendario {margin-top:-3px;float:left}