html, body, form, ul, fieldset, p, h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
body {font:100%/110% arial;}
body img {display:block; outline:0;}
a {text-decoration:none; outline:0;}
object {outline:0;}
li {list-style:none;}
a img, fieldset {border: 0;}
p.center {text-align:center;}
p.right {text-align:right;}
p, h1, h2, h3, h4, h5 {margin-bottom:11px;}
div.clear {clear: both;}
img.right {float:right;}

html, body {height:100%;}
#container {position:relative;}
* html #container {height:100%; /* hack para IE6 hq trata height como min-height */}

#content, #content02, #header-in, #footer-in, #header-in02, #footer-in02 {position:relative; width:1000px; margin:0 auto;}
#content {padding-bottom:269px;}
#content02 {/*padding-bottom:355px;*/ }


/* HEADER */

#header-out, #header-out02 {width:100%;}
#header-in {height:553px;}
#header-in02 {height:170px;}

a.ingles{ float:right; margin:70px 50px 0 0;}

#logo {position:absolute;top:23px;left:23px;width:236px;height:98px;z-index:90;background:url(../pics/logo-costadoatlantico.jpg) no-repeat;text-indent:-9000em;overflow:hidden;}

#frase {position:absolute;top:62px;right:120px;}

#concha01 {position:absolute;top:413px;left:280px;z-index:999;}

#concha02 {position:absolute;top:425px;left:605px;z-index:999;}

/* ANIMACAO */


 
/* MENU */
	
#nav {width:730px;height:32px;top:26px;left:258px;position:absolute;z-index:90;}
#nav ul li {float:left;display:inline;margin: 0 2px;}

#nav ul li a {display:block;height:32px;background:url(../pics/menu.jpg) no-repeat;text-indent:-9000em;overflow:hidden;}
#nav ul li.menu01 a {width:76px;background-position:0 0;}
#nav ul li.menu02 a {width:89px;background-position:-76px 0;}
#nav ul li.menu03 a {width:53px;background-position:-165px 0;}
#nav ul li.menu04 a {width:73px;background-position:-218px 0;}
#nav ul li.menu05 a {width:150px;background-position:-291px 0;}
#nav ul li.menu06 a {width:105px;background-position:-440px 0;}
#nav ul li.menu07 a {width:127px;background-position:-545px 0;}
#nav ul li.menu08 a {width:118px;background-position:-670px 0;}

#nav ul li.menu01 a:hover {width:76px;background-position:0 -32px;}
#nav ul li.menu02 a:hover {width:89px;background-position:-76px -32px;}
#nav ul li.menu03 a:hover {width:53px;background-position:-165px -32px;}
#nav ul li.menu04 a:hover {width:73px;background-position:-218px -32px;}
#nav ul li.menu05 a:hover {width:150px;background-position:-291px -32px;}
#nav ul li.menu06 a:hover {width:105px;background-position:-440px -32px;}
#nav ul li.menu07 a:hover {width:127px;background-position:-545px -32px;}
#nav ul li.menu08 a:hover {width:118px;background-position:-670px -32px;}

body#pg-hotel #nav ul li.menu01 a {width:76px;background-position:0 -32px;}
body#pg-estrutura #nav ul li.menu02 a {width:89px;background-position:-76px -32px;}
body#pg-fotos #nav ul li.menu03 a {width:53px;background-position:-165px -32px;}
body#pg-eventos #nav ul li.menu04 a {width:73px;background-position:-218px -32px;}
body#pg-reservas #nav ul li.menu05 a {width:150px;background-position:-291px -32px;}
body#pg-localizacao #nav ul li.menu06 a {width:105px;background-position:-440px -32px;}
body#pg-conheca #nav ul li.menu07 a {width:127px;background-position:-545px -32px;}
body#pg-fale #nav ul li.menu08 a {width:118px;background-position:-670px -32px;}


/* HOME */

#mainContent {margin:0 auto;}

#box01, #box02, #box03 {width:293px;height:305px;display: inline;float: left;position: relative;left: 42px;top: 156px;}
#box01 a span, #box02 a span, #box03 a span{color:#fff;font:normal 14px arial;padding: 10px 10px 0;display: block;margin-top: 10px;}
#box01 a small, #box02 a small, #box03 a small{float:right;padding-right: 10px;cursor:pointer;}
#box01 {}
#box02 {margin: 0 18px;}
#box03 {}

/* ESTRUTURA DAS INTERNAS */

#internas {float:left; display:inline; width:914px;min-height:715px; margin:0 0 0 42px; background:url(../pics/top-interna.jpg) no-repeat left top #418cd3;padding: 30px 0 30px;}

#internas img.foto-topo {margin:0 auto;width:859px;height:318px;}

#internas p {font:normal 14px/18px arial; color:#fff;}
#internas p span {font:italic bold 20px Times New Roman; color:#fff;}
#internas .conteudo {margin:0 10px 13px 30px;width:610px;float:left;display:inline;}

#internas p.meramente{ position:absolute; top:377px; left:746px;}


#internas .conteudo02 {margin:0 10px 13px 30px;width:850px;float:left;display:inline;}
#internas .conteudo03 {margin:0 10px 13px 30px;width:450px;float:left;display:inline;}

#internas .conteudo02 .conteudoRight {margin: 0 auto;float: right;max-width: 50%;}
#internas .conteudo02 .conteudoRight img {width: 100%;}
#internas .conteudo02 .conteudoLeft {float: left;max-width: 50%;}

#internas a {color:#fff;text-decoration:underline;}
#internas a:hover {text-decoration:none;}

#internas h1 {width:600px; height:75px; text-indent:-9000em; overflow:hidden; margin:0; border:none;}
#internas h1.hotel {background:url(../pics/tt-hotel.jpg) no-repeat;}
#internas h1.estrutura {background:url(../pics/tt-estrutura.jpg) no-repeat;}
#internas h1.estrutura-hotel {background:url(../pics/tt-estrutura-hotel.jpg) no-repeat;display: inline-block;margin-top: 20px;}
#internas h1.estrutura-hotel-costa {background:url(../pics/tt-estrutura-hotel-costa.jpg) no-repeat;display: inline-block;margin-top: 20px;}
#internas h1.fotos {background:url(../pics/tt-fotos.jpg) no-repeat;margin-left:30px;}
#internas h1.eventos {background:url(../pics/tt-eventos.jpg) no-repeat;margin-left:30px;}
#internas h1.reservas {background:url(../pics/tt-reservas.jpg) no-repeat;}
#internas h1.localizacao {background:url(../pics/tt-localizacao.jpg) no-repeat;margin-left:30px;}
#internas h1.conheca-natal {background:url(../pics/tt-conheca-natal.jpg) no-repeat;}
#internas h1.fale-conosco {background:url(../pics/tt-fale-conosco.jpg) no-repeat;}
#internas h1.obrigado {background:url(../pics/tt-obrigado.jpg) no-repeat;}
#internas h1.pacote-luademel {background:url(../pics/tt-pacote-luademel.jpg) no-repeat;}
#internas h1.pacote-criancas {background:url(../pics/tt-pacote-criancas.jpg) no-repeat;}
#internas h1.pacote-namorados {background:url(../pics/tt-pacote-namorados.jpg) no-repeat;}
#internas h1.pacote-tarifacorporativa {background:url(../pics/tt-pacote-tarifacorporativa.jpg) no-repeat;}

#foto-home {background:url(../pics/bg-body.jpg) no-repeat center top #66b2db;}
#foto-internas {background:url(../pics/bg-body.jpg) no-repeat center bottom #66b2db;}

/* FORMATAÇAO DAS INTERNAS */

#internas h2 {font:bold 16px arial;color:#fff;display: inline-block;}
#internas h3 {font:bold 16px arial;color:#fff;margin:20px 0 10px 30px;display: inline-block;}

ul.right {display: inline-block;width:163px;float:right;margin:100px 36px 0 0;}
ul.right li {margin-bottom:15px;}
ul.right li a {border: 3px solid #fff;display: inline-block;}

.concha01 {position:absolute;top:15px;left:50px;z-index:90;width:75px;height:75px;}
.concha02 {position:absolute;top:305px;right:50px;z-index:90;width:100px;height:75px;}

.navegacao {color: #fff;display: inline;float: left;font: 18px arial;position:relative;top:35px;left:75px; width: 600px;}
.navegacao a {text-decoration:underline;color:#fff;display: inline;float: left;margin:0 5px;}
.navegacao p {float:left;display:inline;}

.endereco {width:215px;float:left;margin:75px 0 0;display:block;}
.endereco p {margin:0 0 5px 0!important;width:215px!important; clear: both;font:normal 13px arial!important;}
.endereco a {color:#fff;font:normal 13px arial;clear: both;display:block;text-decoration:underline;}

.mapa {width:853px;height:450px;margin:10px auto 55px;color:#fff;border:3px solid #fff;}
.mapa a {color:#fff;text-decoration:underline;}

ul.lista li {color:#fff;font:14px arial;list-style:square;margin:0 0 10px 15px;}

ul.thumb {float: left;list-style: none;margin: 0 0 0 30px;width: 516px;}
ul.thumb li {padding: 6px;float: left;position: relative;width: 160px;height: 110px;}
ul.thumb li img {width: 150px; height: 100px;-ms-interpolation-mode: bicubic;border: 3px solid #fff;position: absolute;left: 0; top: 0;}
ul.thumb li img:hover {border: 4px solid #fff;}

ul.thumb02 {float: left;list-style: none;margin: 0;width: 344px;}
ul.thumb02 li {padding: 6px;float: left;position: relative;width: 160px;height: 110px;}
ul.thumb02 li img {width: 150px; height: 100px;-ms-interpolation-mode: bicubic;border: 3px solid #fff;position: absolute;left: 0; top: 0;}
ul.thumb02 li img:hover {border: 4px solid #fff;}

ul.conheca {width:860px;height:319px;}
ul.conheca li {float:left;display:inline;}
ul.conheca li a {float:left;display:inline;width:165px;height:319px;text-indent:-9000em;overflow:hidden;margin: 0 7px 0 0;}
ul.conheca li.culturais a {background:url(../pics/patrimonios-culturais.jpg) no-repeat;}
ul.conheca li.gastronomia a {background:url(../pics/gastronomia.jpg) no-repeat;}
ul.conheca li.ambientais a {background:url(../pics/patrimonios-ambientais.jpg) no-repeat;}
ul.conheca li.praias a {background:url(../pics/praias.jpg) no-repeat;}
ul.conheca li.eventos a {background:url(../pics/eventos.jpg) no-repeat;}
ul.conheca li.culturais a:hover, ul.conheca li.gastronomia a:hover, ul.conheca li.ambientais a:hover, ul.conheca li.praias a:hover, ul.conheca li.eventos a:hover  {background-position: 0 -319px;}

ul.eventos {width:860px;height:319px;margin-left:30px;}
ul.eventos li {float:left;display:inline;}
ul.eventos li a {float:left;display:inline;width:165px;height:319px;text-indent:-9000em;overflow:hidden;margin: 0 7px 0 0;}
ul.eventos li.sao-joao-2010 a {background:url(../pics/sao-joao-2010.jpg) no-repeat;}
ul.eventos li.sao-joao-2011 a {background:url(../pics/sao-joao-2011.jpg) no-repeat;}
ul.eventos li.workshop-cvc a {background:url(../pics/workshop-cvc.jpg) no-repeat;}
ul.eventos li.sao-joao-2010 a:hover, ul.eventos li.sao-joao-2011 a:hover, ul.eventos li.workshop-cvc a:hover {background-position: 0 -319px;}

ul.reservas {width:455px;height:150px;}
ul.reservas li {float:left;display:inline; margin-bottom: 5px;}
ul.reservas li a {float:left;display:inline;width:180px;height:150px;text-indent:-9000em;overflow:hidden;}
ul.reservas li.luademel a {background:url(../pics/pacote-luademel.jpg) no-repeat;margin-right:40px;}
ul.reservas li.criancas a {background:url(../pics/pacote-criancas2018-destaque.jpg) no-repeat;margin-right:40px;}
ul.reservas li.namorados a {background:url(../pics/pacote-namorados2018-destaque.jpg) no-repeat;margin-right:40px;}
ul.reservas li.corporativa a {background:url(../pics/tarifas-corporativas.jpg) no-repeat;}
ul.reservas li.luademel a:hover, ul.reservas li.corporativa a:hover, ul.reservas li.criancas a:hover, ul.reservas li.namorados a:hover {background-position: 0 -150px;}

.ft-left {float:left;display:inline;margin:0 15px 20px 0;border:3px solid #fff;}

.voltar {font:bold 14px arial;color:#fff;margin:30px 0 0 30px;text-decoration:underline;}
.voltar:hover {text-decoration:none;}

.tarifas {margin-top:15px;width:400px; float: left;display: inline-block;}

table.tabela {width:400px;}
.azul-escuro {background:#1D4195; color:#fff;font:bold 13px arial;text-align:center;padding:5px;}
.azul-claro {background:#A1DCFC; color:#1D4195;font:bold 13px arial;text-align:center;padding:5px;}

div.tour360{width:859px;height:318px;margin:0 auto;border:2px solid #fff;}

/* FORMULARIO DE CONTATO */

#form-contato {margin-left: 40px; width:410px;display: inline;float: left;}
#form-contato p {margin-left: 115px;text-align: center;color: #fff;font: 14px arial;} 
#form-contato fieldset {border:none; width:410px;}

.contato, textarea {font:normal 13px arial; color:#000;border:1px solid #DFDFDF;background:#fff;}

#form-contato label {width:115px;font:bold 11px arial;color:#fff;text-align:right;padding-right:10px;padding-top:11px;float:left; display:inline;cursor:pointer;}

input.contato {width:250px;height:20px;margin:0 7px 8px 7px;padding:6px;}
textarea {width:251px;height:110px;margin:3px 0 0 7px;overflow:auto;padding:5px;}

input#enviar {width:80px;height:35px;border:none;background:#fff;cursor:pointer;float:left;display:inline;margin:15px 0 0 315px;color:#418CD3;font:bold 12px arial;}

/* FORMULARIO DE NEWS */

#form-news {width:690px;display: inline;float: left;background:url(../pics/bg-news.png);padding: 5px 0;}
#form-news p {margin-bottom: 10px;text-align: center;color: #fff;font: 14px arial;} 
#form-news fieldset {border:none; width:690px;}

.news {font:normal 13px arial; color:#000;border:1px solid #DFDFDF;background:#fff;display: inline;float: left;}

#form-news label {width:50px;font:bold 11px arial;color:#fff;text-align:right;padding-top:7px;float:left; display:inline;cursor:pointer;}

input.news {width:220px;height:15px;margin:0 7px 8px 7px;padding:6px;}

input#cadastrar {width:80px;height:29px;border:none;background:#fff;cursor:pointer;float:left;display:inline;color:#3C693C;font:bold 12px arial;}

/* --> 02 <-- */

.newslleter {display: block;left: 155px;position: relative;top: 0;width: 690px;}

#form-news02 {left: 280px;position: relative;top: -55px; width:690px;display: inline;float: left;padding: 5px 0;}
#form-news02 p {margin-bottom: 10px;text-align: center;color: #fff;font: 14px arial;} 
#form-news02 fieldset {border:none; width:690px;}

.news02 {font:normal 13px arial; color:#000;border:1px solid #DFDFDF;background:#fff;display: inline;float: left;}

#form-news02 label {width:50px;font:bold 11px arial;color:#fff;text-align:right;padding-top:7px;float:left; display:inline;cursor:pointer;}

input.news02 {width:220px;height:15px;margin:0 7px 8px 7px;padding:6px;}

input#cadastrar02 {width:80px;height:29px;border:none;background:#fff;cursor:pointer;float:left;display:inline;color:#3C693C;font:bold 12px arial;}


/* FORMULARIO DE RESERVAS */

#form-reservas {margin-left: 20px; width:410px;display: inline;float: left;}
#form-reservas p {margin:15px 0 15px 125px !important;text-align:center;} 
#form-reservas fieldset {border:none; width:410px;}

#form-reservas label {width:120px;font:bold 11px arial;color:#fff;text-align:right;padding-right:10px;padding-top:11px;float:left; display:inline;cursor:pointer;}

input#enviar02 {width:80px;height:35px;border:none;background:#fff;cursor:pointer;float:left;display:inline;margin:15px 0 0 320px;color:#418CD3;font:bold 12px arial;}


/* FOOTER */

a#assinatura {display:block;position:absolute;top:115px;left:40px;width:83px;height:30px;background:url(../pics/assinatura.png) no-repeat;z-index:2; text-indent:-9000em; overflow:hidden;}

#footer-out {position:relative;bottom:0;width:100%;}
#footer-in {height:160px;margin:0 auto;}

#end {position:relative;top:20px;left:300px;width:400px;display: inline-block;}
#end address {color:#fff;font:bold 12px/18px arial;text-align:center;width:400px;}
#end address a {color:#fff;}
#end address a:hover {text-decoration:underline;}

#osx-modal-content, #osx-modal-data {display:none;}
#osx-overlay {background-color:#000; cursor:wait;}
#osx-container {background-color:#eee; color:#000; font-family:"Lucida Grande",Arial,sans-serif; font-size:.9em; padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#osx-container a {color:#ddd;}
#osx-container #osx-modal-title {color:#000;background-color:#ddd;border-bottom:1px solid #ccc;font:bold 16px Trebuchet MS, verdana;padding:6px 8px;
text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-size:.8em; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;font:normal 17px Trebuchet MS, verdana;color:#6b6b6b;}
#osx-container p {margin:20px 0 0 0;font:normal 13px Trebuchet MS, verdana;color:#6b6b6b;}
#osx-container span {color:#777; font-size:.9em;}
.simplemodal-close {border:1px solid #fff;background:#eeeeee;width:80px;height:30px;color:#ababab;float:right;margin:0 15px 15px 0;padding:3px;cursor:pointer;}


/** RICHMEDIA **/
#richmedia{position:absolute;left:255px;top:-40px;width:337px;height:423px;z-index:9999;}

/* EVENT BAR */

#richnovo{background:url(../pics/bg-rich.png) rgba(0,0,0,0.3);height:1332px;position: absolute;width: 100%;z-index: 99999; }
#event{height: 364px;margin: 150px auto;width:600px;z-index: 90;}/*width: 600px;*/
#event_hide{cursor: pointer;position: absolute; top:-26px; right:-26px;}/* top:-30px; right:-70px;*/
#event_logo{margin: 0;position: absolute;background: #fff;text-align: center;padding: 10px;border-radius: 3px;}
#event_logo p{margin-bottom: 0; padding: 10px 0;}
#event_logo img{float:left;}
#event_logo img.centro{float:left; /*border:3px solid #FFF;*/}