html, body, form, ul, fieldset, p, h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
body {font:100%/110% arial; background:url(../pics/bg02.jpg);}
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;}
.left{float:left; margin-right:15px; margin-top: 13px;}
.right{float:right; margin-left:15px;}
.border{border:4px solid #732b01;padding:6px;}
html, body {height:100%;}
#container {position:relative; min-height:100%;background:url(../pics/bg.jpg) repeat-x top;}
* html #container {height:100%; /* hack para IE6 hq trata height como min-height */}

#content, #header-in, #footer-in {position:relative; width:1000px; margin:0 auto;}
#content {padding-bottom:50px;}

#richmedia{ margin: 30px 0 0 200px;
    position: absolute;
    z-index: 99;}


/* HEADER */

#header-out {width:100%; background:url(../pics/bg-header_out.jpg) no-repeat top;}
#header-in {height:241px;}

#logo {position:absolute;top:0;left:38px;z-index:90;}

#atendimento-online {position:absolute;top:0;left:434px;}

#lingua{position:absolute; right:10px; top:5px;}
/* ANIMACAO */

#jquery {position:relative;}
.animacao {margin:0 0 0 33px;width:930px;position:relative;overflow:hidden;height:353px;}
.anima {width:930px;}
.animacao h2 {font:normal 22px tahoma;color:#fff;text-align:right;position:absolute;top:40px;right:20px;width:230px;}
.animacao p {font:normal 14px tahoma;color:#fff;text-align:right;position:absolute;top:110px;right:20px;width:230px;
line-height:22px;line-height:21px;}

#seta-esquerda {background:url(../pics/seta-esquerda.jpg) no-repeat;width:13px;height:19px;position:absolute;top:251px;right:85px;z-index:100;}
#seta-direita {background:url(../pics/seta-direita.jpg) no-repeat;width:13px;height:19px;position:absolute;top:251px;right:40px;z-index:100;}

 
/* MENU */
	
#nav {width:950px;height:19px;top:210px;left:33px;position:absolute;z-index:90;}
#nav ul li {float:left;display:inline;}

#nav ul li a {display:block;height:19px;background:url(../pics/menu.jpg) no-repeat;text-indent:-9000em;overflow:hidden;}
#nav ul li.menu01 a {width:100px;background-position:-47px 0; margin-left:10px; margin-right:17px;}/*width:100px;background-position:-21px 0; margin-left:10px; margin-right:17px;*/
#nav ul li.menu02 a {width:104px;background-position:-171px 0;margin-right:17px;}/*width:104px;background-position:-146px 0;margin-right:17px;*/
#nav ul li.menu03 a {width:80px;background-position:-300px 0;margin-right:17px;}/*width:123px;background-position:-276px 0;margin-right:17px;*/
#nav ul li.menu04 a {width:114px;background-position:-395px 0;margin-right:17px;}/*width:114px;background-position:-420px 0;margin-right:17px;*/
#nav ul li.menu05 a {width:95px;background-position:-533px 0;margin-right:17px;}/*width:95px;background-position:-558px 0;margin-right:17px;*/
#nav ul li.menu06 a {width:139px;background-position:-652px 0;margin-right:17px;}/*width:139px;background-position:-677px 0;margin-right:17px;*/
#nav ul li.menu07 a {background-position:-814px 0;width:130px;margin-right:17px;}/*background-position:-839px 0;width:130px;margin-right:17px;*/


/* HOME */

#mainContent {margin:0 auto;height:700px;}

#margem-caixa {margin-left:40px;}
.caixa {float:left;display:inline;width:461px;margin-bottom:50px;height:256px;position:relative;}
.caixa img {float:left;display:inline;border:4px solid #732b01;padding:4px;margin:0 17px 0 1px;}
.caixa p {font:normal 12px tahoma;color:#542306;margin:-3px 35px 20px 0;line-height:18px;line-height:21px;}
.caixa h1 {width:461px;height:50px;margin-bottom:27px;}
.caixa h1.hotelareia {background:url(../pics/tt-hotelareiadeouro.jpg) no-repeat;}
.caixa h1.pontanegra {background:url(../pics/tt-pontanegra.jpg) no-repeat;}
#divisoria-caixa {background:url(../pics/div-caixa.jpg) no-repeat;width:2px;height:257px;float:left;display:inline;
margin-right:13px;}
.bt-saibamais {background:url(../pics/bt-saibamais.jpg) no-repeat;width:92px;height:36px;position:absolute;bottom:0;left:250px;}

#foto360 {float:left;display:inline;width:430px;height:77px;margin:0 46px 0 40px;}
#foto360 img {float:left;display:inline;margin-right:18px;}
#foto360 p {font:normal 12px tahoma;color:#542306;line-height:18px;margin:16px 0 0 0;line-height:21px;}

#informativo {float:left;display:inline;position:relative;width:470px;}
#informativo h1 {background:url(../pics/tt-informativo.png) no-repeat;width:167px;height:28px;}
#informativo p {font:normal 12px tahoma;color:#542306;position:absolute;top:10px;left:175px;line-height:21px;}
.input-informativo {background:none;border:none;font:10px tahoma;color:#ed960e;width:156px;height:18px;padding:5px 0 0 13px;}
.form-info {background:url(../pics/bg-input.jpg) no-repeat;width:180px;height:31px;float:left;display:inline;}
.bt-incluir {background:url(../pics/bt-incluir.jpg) no-repeat;width:65px;height:31px;float:left;display:inline;border:none;margin-left:10px;cursor:pointer;}
#informativo a {font:normal 10px tahoma;color:#f3c783;position:absolute;top:55px;left:265px;text-decoration:underline;}


/* ESTRUTURA DAS INTERNAS */

#space-interna {height:40px;}
#internas {width:922px;margin:19px 0 0 40px;background:url(../pics/bg-interna.jpg) no-repeat;height:auto;}

#internas p {font:normal 12px tahoma; color:#542306; margin:0 40px 15px 40px; line-height:21px;}
#internas p.esp-txt {font:italic 17px tahoma; color:#542306; margin:30px 40px 15px 40px;}

#internas h1 {width:386px;height:50px;text-indent:-9000em;overflow:hidden;margin:0 0 30px 40px;border:none;}
#internas h1.conheca-nos {background:url(../pics/tt-conheca.jpg) no-repeat;}
#internas h1.localizacao {background:url(../pics/tt-localizacao.png) no-repeat;}
#internas h1.foto360 {background:url(../pics/tt-foto360.png) no-repeat;}
#internas h1.contato {background:url(../pics/tt-contato.png) no-repeat;}
#internas h1.conheca-natal {background:url(../pics/tt-conheca-natal.png) no-repeat;}
#internas h1.reservas {background:url(../pics/tt-reservas.png) no-repeat;}
#internas h1.promocoes {background:url(../pics/tt-promocoes.png) no-repeat;}
#internas h1.obrigado {background:url(../pics/tt-obrigado.png) no-repeat;}
#internas h1.fotos {background:url(../pics/tt-fotos.png) no-repeat;}
#internas h1.luademel {background:url(../pics/tt-luademel.png) no-repeat;}

#internas h2 {margin:0 40px 15px 40px; color:#732C02; font:bold 20px Tahoma;}

#internas ul {margin:0 40px 15px 40px;}
#internas li {font:normal 12px tahoma; color:#542306; list-style-type: disc; margin:0 40px 5px 20px;}

/* FORMATAÇAO DAS INTERNAS */

#fotos-slideshow {float:right;display:inline;margin:0 40px 0 40px;}
#fotos-slideshow img {border:4px solid #732b01;padding:6px;margin:0 0 20px 0;}
#fotos-borda {width:400px; margin-left:500px; margin-top: 180px;}


.borda-img {border:4px solid #732b01;padding:6px;margin:0 auto 25px auto;}

img.left-conheca{float:left; margin:0 10px 10px 0; border:4px solid #fff; margin:0 15px 15px 40px;}
img.right-conheca{float:right; margin:0 0 10px 10px; border:4px solid #732B01; margin:0 40px 15px 15px; padding: 4px;}

img.centro-conheca {
    border: 4px solid #732B01;
    float: right;
    margin: 20px 200px 15px 15px;
    padding: 4px;
}

#mapa{border:1px solid #7C2702; margin-left:40px;}

.foto-360{width:850px;height:320px;margin-left:45px;}

/* FORMULARIO DE CONTATO */

#form-contato {margin:15px auto 0 40px; width:430px; float: left; m}
#form-contato p {margin:15px auto 25px 40px !important;line-height:21px;} 
#form-contato fieldset {border:none; width:380px;}

.contato, textarea {font:normal 13px arial; color:#000;border:none;border-bottom:1px solid #DFDFDF;border-right:1px solid #DFDFDF;background:#EFEFEF;}
.contato:focus, textarea:focus {background:#FFD67F;border-bottom:1px solid #C2912A;border-right:1px solid #C2912A;}

#form-contato label {width:80px;font:bold 11px verdana;color:#000;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;border-bottom:1px solid #DFDFDF;border-right:1px solid #DFDFDF;background:#EFEFEF;cursor:pointer;float:left;display:inline;margin:15px 0 0 277px;color:#8F8F8F;font:bold 12px verdana;}

select{width:263px;height:33px;margin:0 7px 8px 7px;padding:6px; border:none;}
option{width:200px;height:20px;padding:6px; border:none;}


/* FOOTER */

a#assinatura {display:block;position:absolute;bottom:160px;left:41px;width:100px;height:24px;background:url(../pics/assinatura.png) no-repeat;z-index:2; text-indent:-9000em; overflow:hidden;}

#footer-out {clear:both;width:100%;background:url(../pics/bg-footer_out.png) no-repeat center;}
#footer-in {height:292px;background:url(../pics/bg-footer_in.jpg) no-repeat right;}

#end {bottom:98px;left:275px;position:absolute;width:460px;}
#end address {font:normal 11px tahoma;color:#fff;text-align:center;line-height:16px;}

#mapasite {position:absolute;bottom:170px;left:323px;width:400px;}
#mapasite ul li {font:normal 11px tahoma;float:left;display:inline;margin-bottom:6px;}
#mapasite ul li a {color:#dd880c;}
#mapasite ul li a:hover {color:#fff;}

#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;line-height:21px;}
#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;}

/*  RESERVAS  */

#reserva { margin:0 0 0 150px;}


/*   FOTOS    */


.foto{width:850px;height:320px;margin-left:45px;}
div.jornal ul li {float:left; display:inline; margin:0 18px 20px 20px !important; }
div.jornal ul li img {border:3px solid #722A01; padding:2px;}
div.jornal ul li img:hover {border:3px solid #D1820C; padding:2px;}

div.jornal-des {margin:10px 0 10px 10px;}
h2.tt-jornal {font:bold 14px arial; color:#054e8a; background:none; border:none; text-align:center;}

span.jornal02 {font:normal 12px arial; color:#FFF; text-align:center; display:block; margin-top:3px;}

div.linha {border-bottom:1px solid #722A01; margin:20px 80px;}

/* EVENT BAR */

#event{
	position: fixed!important;
	position: absolute;
	bottom: 0;
	left:410px;
	top:325px;
	width: 390px;
	height: 230px;
	z-index:90;
	
}
#event p.main{
	position: absolute;
	left: 22%;
	bottom: 40px;
	font-size: 17px;
}
#event p.sub{
	position: absolute;
	left: 22%;
	bottom: 19px;
	font-size: 14px;
}
#event p.sub a{
	color: #fe2;
}
#event p.sub a:hover;{
	color: #fff;
}
#event p.sub span{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
#event_hide{
	position:absolute;
	right: -110px;
	top: -15px;
	color: #fe2;
	font-weight:bold;
	font-size: 10px;
	cursor:pointer;
}
#event_hide:hover{
	color: #fff;
}
#event_logo{
	position:absolute;
	left:2%;
}

.link{color: #363D6C;
    font: 12px arial;
    padding: 0;}
	
.link:hover{color: #363D6C;
    font: 12px arial;
    padding: 0; text-decoration:underline;}	


a.lua { color:#542306; }
a.lua:hover { color:#FFF; }