@import url("reset.css"); /* css reset */

html, body {height:100%;}

html {background:url(../pics/bg-html.jpg) repeat left top;}

body {background:url(../pics/bg.jpg) repeat-X fixed left top;}

a {font-family:verdana, arial, tahoma, sans-serif; color:#3668b1;}
a:hover {font-family:verdana, arial, tahoma, sans-serif; color:#F07903;}
#mes a p{float:left; margin-left: 50px; margin-top: -40px; font-size:14px;}

label {font-family:verdana, arial, tahoma, sans-serif;}

img.imgLeft {float:left;}

.clear {clear:both;}

h1.replacement {text-indent:-9000em; overflow:hidden;}

h3 {margin-left:20px; font:bold 12px verdana, arial, tahoma, sans-serif; color:#365A7A;}

h4 {text-align:center; font:bold 14px verdana, arial, tahoma, sans-serif; color:#F07903;}

.border{width:500px; border:3px solid #3668b1;}

.border_saude {margin:0 0 0 5px; float:right; width:381px; border:3px solid #3668b1;}

.border_logo_L {margin-right:5px; width:180px; float:left; border:3px solid #3668b1;}

.border_logo_R {margin-left:5px; width:180px; float:right; border:3px solid #3668b1;}

.border_img_left {margin-right:5px; width:200px; float:left; border:3px solid #F07903;}

ul.border_img_right {float:right;}
ul.border_img_right li {background:none!important;}
ul.border_img_right li a {width:200px;height:133px;display:block; margin:10px 20px 0 20px;border:3px solid #F19601;}

.border_img_right02 {margin-left:20px; width:200px; float:right; padding:4px; border:3px solid #DADBDD;}

.border_img {width:200px; border:3px solid #F07903; margin:5px 30px;}

div.fecomercio p img{margin-bottom:20px; clear:both;}

img.left{float:left;margin-right:5px;}

hr.linha {width:700px; margin:28px auto 30px;}
img.imagem {margin:0 auto;}

.margem{margin-left:20px;}

.letter{margin:0 auto; padding:30px 0;}

/*****************************************************
					  ANIMAÇÃO
*****************************************************/
#animacao{position:relative; width:534px; height:309px; float:left; margin-left:9px;}
#animacao .anima {width:534px; height:309px;overflow:hidden;position:relative;}

#seta-esquerda{background:url(../pics/seta-esquerda.png) no-repeat; width:38px; height:37px; position:absolute; bottom:15px; right:70px;z-index:100;}
#seta-direita{background:url(../pics/seta-direita.png) no-repeat; width:38px; height:37px; position:absolute; bottom:15px; right:20px;z-index:100;}

/*****************************************************
					  UL E LI
*****************************************************/

ul.internas li {text-align:justify; margin-left:20px; width:800px; padding-left:20px;}

ul.hotel{width:830px; margin:15px 80px; }
ul.hotel li{margin:10px; border:1px solid red; float:left; display:inline;}
ul.hotel li a{float:left; display:block;}
ul.hotel li img {border:3px solid #F07903;}


ul.galeria{width:800px;}
ul.galeria li{display:inline; float:left; margin:10px 10px 10px 30px; border:3px solid #3666AE;}
ul.galeria li:hover{border:3px solid #E97E0A;}


/*****************************************************
					  TABLE
*****************************************************/

table#geral {margin:0 auto; width:500px; text-align:center; font:11px/18px verdana, arial, tahoma, sans-serif; color:#fff; background-color:#3668b1; border:3px solid #999;}
table#geral td {border:1px solid #999;}

table.precos {margin:0 auto; width:700px; text-align:center; font:11px/18px verdana, arial, tahoma, sans-serif; color:#fff; background-color:#3668b1; border:3px solid #999; color:#000;}
table.precos td {border:1px solid #999;}

table.doacoes {margin:0 auto; width:700px; text-align:left; font:11px/18px verdana, arial, tahoma, sans-serif;}

table.p-hotel {margin:0 75px; width:700px; font:11px/18px verdana; color:#fff; background-color:#3668b1; border:3px solid #999;}
table.p-hotel td {border:1px solid #999; padding:3px;}

/*****************************************************
			     LINKS INTERNOS COM BG
*****************************************************/

#turismo {margin:0 auto; text-align:center;}

/*****************************************************
			            VOLTAR
*****************************************************/

#voltar {margin:0 400px; text-align:center; font:bold 14px/18px verdana, arial, tahoma, sans-serif;}

/*****************************************************
					  CONTAINER
*****************************************************/

#container {width:1003px; margin:0 auto;}

/*****************************************************
					    HEADER
*****************************************************/

#header{position:relative; margin:17px auto 0 auto; width:872px; height:139px; background:url(../pics/bg-topo.jpg) no-repeat;}

#header a.logo {display:inline; float:left; width:175px; height:82px; margin:20px 0 0 30px;}

#header ul.fastNav {position:absolute; top:20px; right:30px; font-weight:bold; font-size:11px; height:21px;}

ul.fastNav li {height:21px; float:left; padding:3px 0 0 25px;}

ul.fastNav li.sep {position:relative; left:12px; background:url(../pics/sep-fastMenu.jpg) no-repeat;}

ul.fastNav li a:hover {text-decoration:underline;}

ul.fastNav li.bt01 {background:url(../pics/ico-home.jpg) no-repeat;}
ul.fastNav li.bt02 {background:url(../pics/ico-unidades.jpg) no-repeat;}
ul.fastNav li.bt03 {background:url(../pics/ico-cadastre.jpg) no-repeat;}

#header ul.nav {float:left; width:580px; display:inline; margin:60px 0 0 80px;}

ul.nav li {float:left; display:inline; margin:2px 0 0 10px;}

ul.nav a {display:block; width:8em; height:21px; font-weight:bold; font-size:12px; color:#082751; background:url(../pics/marcador-bt-off.jpg) no-repeat; padding:3px 0 0 27px;}

ul.nav a:hover {background:url(../pics/marcador-bt-on.jpg) no-repeat;}

/*****************************************************
					  MENU
*****************************************************/

#menu {width:100%; height:64px; background:url(../pics/bg-menu.jpg) repeat-x;}

ul#nav {margin:0 auto; width:872px; height:64px; background:url(../pics/bg-nav.jpg) no-repeat;}

ul#nav li {float:left; display:inline; margin:23px 0 0 38px;}

ul#nav li a {font:bold 15px arial, Trebuchet MS, verdana; color:#fff;}

ul#nav li a:hover {color:#b3c7e3;}

/*****************************************************
					  CONTANT
*****************************************************/

#content {margin:0 auto; width:100%; background-color:#fff;}

.programacao {margin:0 45px;padding:25px 0 0;}
.programacao li {padding:0 17px;}

.redes{width:270px; height:300px; float:left; margin:20px 20px 0 0;}
.redes img{margin:0 0 0 22px; border:2px solid #365A7A;}

.sugestao{width:390px; height:300px; float:left; margin:0 40px 0 0;}
.sugestao img{border:none; margin:0 5px 0 22px;}
/*****************************************************
					  mainContent
*****************************************************/


table.tabela td {width:250px; padding:10px}
table.tabela td img {width:200px; height:130px; margin:15px 25px 0;}

#mainContent {margin:0 auto; width:872px; height:309px; background:#fff url(../pics/bg-content.jpg) repeat-y left top;}

#mainContent div.title {position:relative; margin-left:20px; top:5px;}

html > body #mainContent {height:auto; min-height:309px;}

#mainContent p {text-align:justify; padding:6px 20px; font:11px/18px verdana, arial, tahoma, sans-serif; color:#666;}

#mainContent h1 {font:bold 18px arial, verdana, tahoma, sans-serif; color:#376eba; height:32px; background:url(../pics/ico-tt.jpg) no-repeat; padding:6px 0 0 30px; position:relative; top:30px; margin:0 0 40px 25px;}

#mainContent h2 {font:bold 13px arial, verdana, tahoma, sans-serif; color:#000; padding-left:55px;}

#mainContent li {font:11px/18px arial, verdana, tahoma, sans-serif; color:#666; background:url(../pics/marcador.jpg) no-repeat 0 -1px;}

ul.tipo01 {margin:10px 0 0 55px;}
ul.tipo01 li {padding:0 0 0 20px;}

#flash {float:left; display:inline; margin-left:9px;}

#mainContent #thumbs {float:left; width:322px;}

#mainContent #thumbs ul li {float:left;}

#thumbs ul li.image {width:161px; height:103px; background:url(../pics/bg-ft.jpg) no-repeat !important;}

ul li.image a {display:block; margin:12px 0 0 20px;}

#thumbs ul li.text {width:161px; height:103px; background:url(../pics/bg-text.jpg) no-repeat !important;}

ul li.text span {display:block; padding:10px 0 0 10px;}

span.adiamento a {color:#f00; font-weight:bold;}
span.adiamento a:hover {color:#f00; font-weight:bold; text-decoration:underline;}

#mainContent ul.lista-unidades-preco {margin:2px 20px;}
#mainContent ul.lista-unidades-preco li {padding-left:12px;background-position:0 0;}

/** Tabelas de Preço (Esportes) **/
table#ponta-negra {border:2px solid #000;border-collapse:collapse;font:14px Verdana, Arial, Helvetica, sans-serif;margin:25px auto;text-align:center;width:740px;vertical-align:middle;}
table#ponta-negra thead, table#ponta-negra tfoot {border:1px solid #000;}
table#ponta-negra thead td, table#ponta-negra tfoot td {border:1px solid #000;font-weight:bold;}
table#ponta-negra tr.borda {border-bottom:1px solid #000;}
table#ponta-negra tr.impar {background-color:#3668B1;}
table#ponta-negra tr.par {background-color:#EDC25C;}
table#ponta-negra tr td {border:1px dashed #000;padding:3px 2px;vertical-align:middle;}

table#centro {border:2px solid #000;border-collapse:collapse;font:14px Verdana, Arial, Helvetica, sans-serif;margin:25px auto;text-align:center;width:740px;vertical-align:middle;}
table#centro thead, table#ponta-negra tfoot {border:1px solid #000;}
table#centro thead td, table#ponta-negra tfoot td {border:1px solid #000;font-weight:bold;}
table#centro tr.borda {border-bottom:1px solid #000;}
table#centro tr.impar {background-color:#3668B1;}
table#centro tr.par {background-color:#EDC25C;}
table#centro tr td {border:1px dashed #000;padding:3px 2px;vertical-align:middle;}

table#potilandia {border:2px solid #000;border-collapse:collapse;font:14px Verdana, Arial, Helvetica, sans-serif;margin:25px auto;text-align:center;width:740px;vertical-align:middle;}
table#potilandia thead, table#ponta-negra tfoot {border:1px solid #000;}
table#potilandia thead td, table#ponta-negra tfoot td {border:1px solid #000;font-weight:bold;}
table#potilandia tr.borda {border-bottom:1px solid #000;}
table#potilandia tr.impar {background-color:#3668B1;}
table#potilandia tr.par {background-color:#EDC25C;}
table#potilandia tr td {border:1px dashed #000;padding:3px 2px;vertical-align:middle;}

div.esquerdo {border-right:1px solid #A6A6A6;width:420px;height:auto;padding:25px 0 0; float:left;}
div.direito {border-right:1px solid #A6A6A6;width:450px;height:auto;padding:25px 0 0; float:right;}

#biblioteca{position:absolute; top:10px; left:20px;}

/*****************************************************
					  FOOT
*****************************************************/

#foot {position:relative; margin:0 auto; width:872px; height:178px;}

#foot img.imgLeft {margin-right:10px;}

#foot p {font:11px/18px verdana, arial, tahoma, sans-serif; padding-top:4px; color:#fff;}

#foot #side01 {float:left; width:543px; height:247px; background:url(../pics/bg-inscreva.jpg) no-repeat;}

#side01 p {padding-left:68px;}

#side02 p {padding-left:50px;}

div.inscreva p {color:#473507 !important;}
div.cursos {margin:18px 0 0 20px;}
div.agenda {margin:-77px 0 0 130px; float:right;}
div.inscreva {margin:30px 0 0 30px;}
div.newsletter {margin:10px 0 0 10px;}
div.unidades {margin:20px 0 0 10px;}

div.cursos h1 {background:url(../pics/tt-cursos.jpg) no-repeat; height:26px;}

div.inscreva h1 {position:relative; top:10px; margin-bottom:10px; background:url(../pics/tt-noticias.jpg) no-repeat; height:26px;}

div.newsletter h1 {position:relative; top:10px; margin-bottom:10px; background:url(../pics/tt-newsletter.jpg) no-repeat; height:26px;}

#foot #side02 {float:right; width:329px; height:247px; background:url(../pics/bg-newsletter.jpg) no-repeat; margin-bottom:10px; position:relative;}

#side02 label {color:#fff; font-size:12px;}

#side02 form.newsletter {position:relative; margin:5px 0 0 50px;  width:210px;}

#side02 form.newsletter input.bt {position:absolute; top:0px;}

#foot div.box {clear:left;}

#foot address {text-align:center; font:10px verdana, arial, tahoma, sans-serif; color:#fff; font-style:normal; clear:both;}

#foot object {left:30px; position:absolute; bottom:-88px;}

/*****************************************************
					  BG-ORANGE
*****************************************************/

#bg-orange {width:100%; height:287px; background:url(../pics/bg-rodape.jpg) repeat-X left top;}

/*****************************************************
					  FORMULARIO
*****************************************************/

#contato form {font-size: 10pt; float:left;  margin-left:-180px;}

#contato input{font-size: 13px; margin-bottom: 10px; color:#03c; background-color:#fff; border:1px solid #666; font:13px Tahoma, verdana;} 

#contato textarea {background-color:#fff; border:1px solid #666; color:#0033CC; font:13px Tahoma, verdana;}

#contato label{display:block; width:80px; float:left; color:#3062A1; font:bold 11px Tahoma, verdana;}

#contato span{color:#999; font-size:12px;}

#contato .botao{font-size:13px; background:#f1f1f1; margin:15px 0 0 180px; border:none;}

/*****************************************************
					  CONTATO
*****************************************************/

#contato {margin:30px 0 0 0; float:right;  width:450px;}

/*****************************************************
					  FLASH
*****************************************************/

#flash2 {margin:15px 0 5px 20px; float:left; width:280px; height:300px; border:3px solid #F07903;}
#chamada {margin:65px 20px 5px 60px; float:left; width:260px; height:60px; border:3px solid #F07903;}
.img-right{float:right; display:inline; margin: 0 10px;}
.img-text{float:left; clear:both;}

.left {float:left;}

/*****************************/

div.tabela_eventos table tr td {border:1px solid #888;}
div.tabela_eventos {width:785px; margin:15px 0 25px 40px; border:0;}
div.tabela_eventos p {padding:3px!important; text-align:center!important;}

/*****************************/

table.mossoro {border:1px solid; margin:15px auto; text-align:center;border-collapse:collapse;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;
line-height:normal;text-align:center;}
table.mossoro tr td {vertical-align:middle;}

table.mossoro tr.par {background-color:#EDC25C;}
table.mossoro tr.impar {background-color:#3668B1;color:#FFF;}
.precos-mossoro {margin:-4px 0 0 15px;position:absolute;}


table.mossoro-precos {border:1px solid; margin:15px auto; text-align:center;border-collapse:collapse;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;
line-height:normal;text-align:center;}
table.mossoro-precos tr td {vertical-align:middle;}
table.mossoro-precos tr.preco {background-color:#CCC;}

a.saiba-mais {margin:10px 0 0 20px;}


/*************  IMAGEM *************/

.imagem-turismo {float:left; margin:0 0 0 20px;}
.imagem-turismo img {border:1px solid; float:left; margin:0 8px 0 0px;}


/*************  EVENTOS *************/

ul.eventos {margin:25px 0 0 20px; text-align:center;}
ul.eventos li {height:200px; width:171px; float:left; margin-left:25px;}
ul.eventos img {border:3px solid #365A7A ; margin-bottom:5px;}
ul.eventos img:hover {border:3px solid  #F19601;}
ul.eventos span {color:#365A7A;font-family:verdana;font-size:12px;font-weight:bold;}