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;}

html, body {height:100%;}
#container {position:relative; min-height:100%;}
* 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:160px;}

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

#logo {position:absolute;top:25px;left:21px;width:272px;height:118px;z-index:999;}

div.flash-top {float:right;}

/* MENU */	
#nav {width:217px;height:375px;background:url(../pics/menu.png) no-repeat;position:relative;top:35px;}
#nav ul {position:absolute;top:20px;left:20px;}
#nav ul li {margin:0 0 13px 0;}
#nav ul li a {font:normal 14px Trebuchet MS, arial;color:#fff;background:url(../pics/marc.png) no-repeat 2px; padding-left:20px;}
#nav ul li a:hover {color:#F8F200;}

/* HOME */
#mainContent {margin:-200px 0 0 36px;float:left;display:inline;width:710px;}

#destaque {width:710px; height:294px; position:relative;}
#destaque h1 {background:url(../pics/tt-destaque.jpg) no-repeat;width:710px;height:49px;margin-bottom:5px;text-indent:-9000em;overflow:hidden;}
#destaque h2 {font:normal 23px Trebuchet MS, arial;color:#000;line-height:20px;margin-bottom:30px;position:absolute;width:390px;top:54px;right:5px;}
#destaque p {font:normal 12px Trebuchet MS, arial;color:#000;line-height:17px;margin-bottom:0;position:absolute;width:385px;top:118px;right:0px;text-align:justify;}
#destaque a {font:bold 12px Trebuchet MS, arial;color:#004688;text-decoration:underline;display:block;margin-bottom:55px;}

#noticias {width:335px;float:left;display:inline;margin:40px 0 0 0;}
#noticias h1 {background:url(../pics/tt-noticias.jpg) no-repeat;width:335px;height:49px;margin-bottom:7px;text-indent:-9000em;overflow:hidden;}
#noticias .saiba-mais-not {font:bold 14px Trebuchet MS,arial;color:#004688;float:right;text-decoration:underline;}

.chamada-noticia {min-height:74px;}
.chamada-noticia img {float:left;display:inline;border:2px solid #004688;margin:0 10px 20px 2px;width:90px;height:58px;}
.chamada-noticia p {font:normal 12px Trebuchet MS, arial;color:#000;}
.chamada-noticia span {color:#004688;font:bold 11px Trebuchet MS, arial;display:block;margin:0;}

.chamada-noticia-interna {}
.chamada-noticia-interna img {float:left;display:inline;border:2px solid #004688;margin:0 10px 20px 2px;width:90px;height:58px;}
.chamada-noticia-interna p {font:normal 12px Trebuchet MS, arial;color:#000;}
.chamada-noticia-interna span {color:#004688;font:bold 11px Trebuchet MS, arial;display:block;margin:0;}

.div-noticias {background:url(../pics/div-noticias.jpg) no-repeat;width:335px;height:1px;margin-bottom:10px;}

#album {width:335px;float:left;display:inline;margin:40px 0 0 40px;}
#album h1 {background:url(../pics/tt-album.jpg) no-repeat;width:335px;height:49px;margin-bottom:7px;text-indent:-9000em;
overflow:hidden;}
#album ul li {float:left;display:inline;margin-bottom:13px;}
#album ul li img {border:2px solid #004688;}
#album ul li.img-space {margin-left:13px;}
#data {font:bold 12px Trebuchet MS, arial;color:#004688;text-decoration:underline;display:block;}
a.tit-noticias {font:12px Trebuchet MS, arial;color:#004688;text-decoration:underline;display:block;}
a.tit-noticias:hover {text-decoration:none;}

/* ANIMAÇAO */
#destaque .j-anima{left:0px; width:305px; height:230px; overflow:hidden;}
#destaque .j-anima a{position:absolute; width:292px; height:213px; border:5px solid #004688; left:0px;}
#destaque .j-txt{background:url(../pics/bg-navegacao.jpg) no-repeat; position:absolute; bottom:1px; right:3px; width:393px; height:28px;}
#destaque .j-txtdir p{position:absolute; width:60px; top:-14px!important; left:317px!important; font:normal 10px tahoma; color:#6c6c6c; z-index:30; text-align:right;}
#destaque .j-txtesq p{position:absolute; width:60px; top:-39px!important; left:609px!important; font:normal 10px tahoma; color:#6c6c6c; z-index:85; text-align:left;}
#destaque .j-txt p{position:absolute; width:60px; top:6px!important; left:152px!important; font:bold 10px tahoma; color:#004688;}
#destaque a.seta-esquerda{background:url(../pics/seta-esquerda.png) no-repeat; position:absolute; top:271px; left:403px; width:24px; height:24px; z-index:20;}
#destaque a.seta-direita{background:url(../pics/seta-direita.png) no-repeat; position:absolute; top:271px; right:107px; width:24px; height:24px; z-index:20;}

/* ESTRUTURA DAS INTERNAS */
#internas {margin:-200px 0 0 36px;float:left;display:inline;width:710px;}

#internas p {font:normal 12px Trebuchet MS, arial;color:#000;line-height:15px;margin-bottom:15px;text-align:justify;}

#internas h1 {width:710px;height:50px;text-indent:-9000em;overflow:hidden;border:none;margin-bottom:15px;}
#internas h1.forro {background:url(../pics/tt-forro.jpg) no-repeat;}
#internas h1.restaurante {background:url(../pics/tt-restaurante.jpg) no-repeat;}
#internas h1.centrodeturismo {background:url(../pics/tt-centrodeturismo.jpg) no-repeat;}
#internas h1.conhecanatal {background:url(../pics/tt-conhecanatal.jpg) no-repeat;}
#internas h1.fotos {background:url(../pics/tt-fotos.jpg) no-repeat;}
#internas h1.videos {background:url(../pics/tt-videos.jpg) no-repeat;}
#internas h1.noticias {background:url(../pics/tt-noticias02.jpg) no-repeat;}
#internas h1.localizacao {background:url(../pics/tt-localizacao.jpg) no-repeat;}
#internas h1.contato {background:url(../pics/tt-contato.jpg) no-repeat;}
#internas h1.mapadosite {background:url(../pics/tt-mapadosite.jpg) no-repeat;}
#internas h1.mural {background:url(../pics/tt-mural.jpg) no-repeat;}
#internas h1.obrigado {background:url(../pics/tt-obrigado.jpg) no-repeat;}

ul.fotos-laterais {float:left;display:inline;}
ul.fotos-laterais li img {border:5px solid #004688;margin:0 20px 20px 0;}
.lista-noticias {margin-top:50px;}

/* FORRÓ/RESTAURANTE/CENTRO TURISMO */
div.noticiasys {margin-top:10px; min-height:160px;}
div.noticiasys img{float:left;margin-right:10px;padding:2px;border:2px solid #cfdae4;}
div.noticiasys img.foto-direita {float:right;margin:0 0 10px 10px;}

/* FORMATAÇAO DAS INTERNAS */
h2 {font:bold 14px Trebuchet MS, arial;color:#004688;margin-bottom:10px;}

h2.tt {margin:15px 0; font:bold 18px Trebuchet MS; background:url(../pics/list.jpg) no-repeat left 6px; 
padding-left:15px; color:#004688;}

ul.topicos {margin:20px 0;}
ul.topicos li {margin:0 0 3px 0; font:bold 15px Trebuchet MS; background:url(../pics/list.jpg) no-repeat left 6px; height:30px; padding-left:20px;}
ul.topicos li a {text-decoration:none; color:#004688;}
ul.topicos li a:hover {text-decoration:underline; color:#73AFC7;}

img.right {border:3px solid #FFD3AF; margin:-15px 8px 3px 35px; padding:4px; float:right;}

ul.lista {margin:0 0 8px 15px;}
ul.lista li {font:normal 12px Trebuchet MS, arial;color:#000;list-style-type:square;}

.div-linha {border-bottom:1px solid #DFEFFF;width:400px;margin:20px auto 30px auto;}

ul.mapa-site {margin:15px 15px;}
ul.mapa-site li {font:bold 14px Trebuchet MS, verdana; margin-bottom:12px; list-style-type:square; color:#D4D4D4;
 border-bottom:1px solid #EFEFEF; width:530px;}
ul.mapa-site li a {color:#004688;}
ul.mapa-site li a:hover {color:#73AFC7;}

ul.mapa-site02 {margin:15px 0 15px 20px; width:280px; float:left; display:inline;}
ul.mapa-site02 li {font:normal 14px Trebuchet MS, verdana; margin-bottom:8px; list-style-type:circle; color:#D4D4D4; border:none;}
ul.mapa-site02 li a {color:#000;}
ul.mapa-site02 li a:hover {color:#73AFC7;}

#video{}



/* SIDEBAR */
#sidebar {margin:-232px 0 0 17px;float:left;display:inline;}
#conhecanatal {margin:40px 0 0 3px;}

/* FORMULARIO DE CONTATO */
#form-contato {margin:15px auto; width:500px;}
#form-contato p {margin:15px auto 25px 40px !important;} 
#form-contato fieldset {border:none; width:380px;}

.contato, textarea {font:normal 13px arial; color:#000;border:none;border-bottom:1px solid #D1E2EF;border-right:1px solid #D1E2EF;background:#E6EDF3;}
.contato:focus, textarea:focus {background:#C2DBEF;border-bottom:1px solid #7FC2FF;border-right:1px solid #7FC2FF;}

#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 #D1E2EF;border-right:1px solid #D1E2EF;background:#E6EDF3;cursor:pointer;float:left;display:inline;margin:15px 0 0 277px;color:#000;font:bold 12px verdana;}

/* FOOTER */
#end {position:relative;top:10px;left:50px;float:left;}
#end address {font:normal 11px Trebuchet MS, arial;color:#000;}

#mapasite {position:absolute;top:21px;left:130px;}
#mapasite ul {float:left;display:inline;margin-left:130px;}
#mapasite ul li {margin-bottom:6px;}
#mapasite ul li a {font:bold 12px Trebuchet MS, arial;color:#fff;padding:0 3px;}
#mapasite ul li a:hover {color:#F8F200;}


#mapasite2 {position:absolute;top:21px;left:50px;}
#mapasite2 ul {float:left;display:inline;margin-left:130px;}
#mapasite2 ul li {margin-bottom:6px;}
#mapasite2 ul li a {font:bold 12px Trebuchet MS, arial;color:#fff;padding:0 3px;}
#mapasite2 ul li a:hover {color:#F8F200;}


a#assinatura {display:block;position:relative;top:6px;left:0px;float:left;width:100px;height:24px;background:url(../pics/assinatura.jpg) no-repeat;z-index:2; text-indent:-9000em; overflow:hidden;}

#footer-out {position:absolute;bottom:0;width:100%;background:url(../pics/bg-footer_out.jpg) repeat-x;}
#footer-in {height:102px;background:url(../pics/bg-footer_in2.jpg) no-repeat;}

#player-out{width:100%;background:url(../pics/bg-player_in.jpg) repeat-x;}
#player-in{width:1000px;height:34px;margin:0 auto;}

#player {position:relative;text-align:right;right:0;top:5px;}

#mens-parabens_02 ul.mens-parabens {overflow:auto; max-height:600px;}
#mens-parabens_02 ul.mens-parabens li {padding:5px 0; color:#004688; text-align:justify; }
#mens-parabens_02 ul.mens-parabens li span {font:bold 14px arial;}
#mens-parabens_02 ul.mens-parabens li span.data{font:italic 10px arial; color:#000;}
#mens-parabens_02 ul.mens-parabens li span.nome{font:bold 12px arial;}
#mens-parabens_02 ul.mens-parabens li span.recado{font:normal 14px arial;}