/*************************************** RESET ***************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	outline:none;
}
html, body {
	height:100%;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img  {
	border:none;
}

/*************************************** GERAL ***************************************/
body {
	background-color:#FFF;
	color:#7c7772;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
}
a    {
	text-decoration:none;
	color:#919a0b;
}
a:hover{
	text-decoration:underline;
}
h2	{
	width:900px;
	height:101px;
	font-size:60px;
	color:#dedad4;
	font-weight:lighter;
	margin-bottom:54px;
	text-transform:uppercase;
}
#wrap, #footer{
	float:left;
}

/************************************** WRAP **************************************/
#wrap {
	background:url('../imagens/bg_topo.jpg') repeat-x center top;
	min-height:750px;
	width:100%;
	margin:0 auto;
	position:relative;
	padding:0;
	overflow:hidden;
}

/*--------------- header ---------------*/
#header {
	width:980px;
	height:253px;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:100;
}
#header h1#logo {
	display:block;
	float:left;
	width:343px;
	height:102px;
	margin:31px 0 0 10px;
}
#header h1#logo a {
	background:url('../imagens/logo_camaratuba.png') no-repeat 0px 0px;
	cursor:pointer;
	display:block;
	width:343px;
	height:102px;
	text-indent:-100000px;
	overflow:hidden;
}
#header h1#logo a:hover {
	background-position:0px -103px;
}

/*--------------- nav ---------------*/
ul#nav{
	position:absolute;
	bottom:8px;
	left:15px;
	display:block;
	width:100%;
	height:20px;
	padding:0;
	margin:80px 0 0 0;
}
ul#nav li{
	float:left;
	display:block;
	display:block;
	margin:0 5px;
	padding:0 5px;
}
ul#nav li a{
	font-size:12px;
	padding:5px 3px;
	font-weight:normal;
	text-transform:uppercase;
}
ul#nav li a:hover{
	text-decoration:underline;
}
ul#nav li#gast a:hover,
ul#nav li#gast a:focus{
	background:#919a0b;
	color:#FFF;
	text-decoration:none;
}
ul#nav li ul#sub{
	display:none;
}
ul#nav li#gast:hover ul#sub{
	display:block;
	margin:0;
	padding:0;
	width:92px;
	height:auto;
	position:absolute;
	top:20px;
	left:360px;
	z-index:999999;
}
ul#nav li#gast ul#sub li{
	display:block;
	width:90px;
	height:24px;
	padding:0;
	margin-bottom:1px;
	border-top:1px solid #FFF;
}
ul#nav li#gast ul#sub li a{
	display:block;
	width:87px;
	height:24px;
	padding:6px 0 0 3px;
	background:#f6f1ec;
	font-size:11px;
	text-align:left;
	line-height:16px;
	text-transform:none;
}
ul#nav li#gast:hover ul#sub li:hover,
ul#nav li#gast:hover ul#sub li a:hover{
	background:#919a0b;
	color:#FFF;
	width:87px;
	height:24px;
	font-weight:normal;
	display:block;
}
span#link_blog{
	position:absolute;
	bottom:8px;
	right:10px;
	display:block;
	width:197px;
	height:25px;
	margin:0 5px;
	padding:0 5px;
}
span#link_blog a{
	display:block;
	width:197px;
	height:25px;
	background:url('../imagens/bg_link_blog.gif') no-repeat 0px 0px;
}
span#link_blog a:hover{
	background-position:0px -26px;
}

/*--------------- content ---------------*/
#content{
	width:980px;
	min-height:750px !important;
	margin:0 auto;
	padding:0;
	z-index:99;
}

/*--------------- slider ---------------*/
#slider {
	position:relative;
	width:980px;
	height:315px;
	overflow:hidden;
}
#slider .viewport {
	width:940px;
	height:315px;
	float:left;
	overflow:hidden;
	position:relative;
	top:0;
	left:20px;
	overflow:hidden;
}
#slider .buttons {
	display:block;
	margin:30px 10px 0 0;
	background:url('../imagens/bt_slide_show.png') no-repeat;
	text-indent:-999em;
	width:62px;
	height:62px;
	overflow:hidden;
	cursor:pointer;
}
#slider .prev {
	position:absolute;
	top:100px;
	left:-11px;
	background-position:0 0;
	z-index:999;
}
#slider .next {
	position:absolute;
	top:100px;
	right:-23px;
	background-position:-63px 0px;
}
#slider .prev:hover,
#slider .prev:focus {
	background-position:1px -64px;
}
#slider .next:hover,
#slider .next:focus {
	background-position: -62px -64px;
}
#slider .disable {
	visibility: hidden;
}
#slider .overview {
	list-style:none;
	position:absolute;
	width:240px;
	left:0 ;
	top:0;
}
#slider .overview li{
	float:left;
	margin:0 20px 0 0;
	padding:1px;
	height:315px;
	width:940px;
}

/*--------------- main ---------------*/
#main{
	float:left;
	width:445px;
	min-height:100%;
	margin:0 25px 0 20px;
	overflow:hidden;
}
h2.title_praia{
	margin:35px 0 28px 0;
	background:url('../imagens/titulos.jpg') no-repeat 0px -102px;
	text-indent:-9999px;
}

#main #description{
	width:440px;
	height:auto;
	margin:0;
}
#description p{
	text-align:justify;
	line-height:18px;
	font-weight:lighter;
}
#description small{
	line-height:25px;
	font-weight:bold;
	padding-top:15px;
	color:#919a0b;
}

#testimony{
	margin:30px auto 60px auto;
	padding:0 10px;
	width:438px;
	height:auto;
	background:url('../imagens/bg_depoimento_repete.gif') repeat-y center top;
}
#testimony span#top{
	display:block;
	margin:0;
	padding:0;
	width:auto;
	min-height:18px;
	background:url('../imagens/bg_depoimento_top.gif') no-repeat center top;
}
#testimony span#bottom{
	clear:both;
	display:block;
	margin:0;
	padding:0;
	width:auto;
	min-height:18px;
	background:url('../imagens/bg_depoimento_bottom.gif') no-repeat center bottom;
}
#testimony h3#depoimento{
	background:url('../imagens/tit_depoimento.gif') no-repeat center top;
	text-indent:-9999px;
	display:block;
	width:176px;
	height:40px;
	margin-left:15px;
}
#testimony img{
	border:6px solid #d8cfc5;
	width:62px;
	height:62px;
	margin:5px 15px 10px 15px;
	float:left;
	display:block;
}
#testimony blockquote{
	float:left;
	display:block;
	border:6px auto #d8cfc5;
	width:310px;
	height:auto;
}
#testimony blockquote p{
	line-height:15px;
	display:block;
}
#testimony small{
	float:left;
	display:block;
	width:300px;
	margin:20px 0 20px 100px;
}

/*--------------- sidebar ---------------*/
#sidebar{
	float:left;
	display:block;
	width:470px;
	min-height:550px;
	margin:0;
	padding:0;
}
h2.title_galeria{
	margin:35px 0 28px 10px;
	background:url('../imagens/titulos.jpg') no-repeat 0px 0px;
	overflow:hidden;
	text-indent:-9999px;

}

/*--------------- slider2 ---------------*/

#bloco_bg{
	position:relative;
	width:469px;
	height:270px;
	overflow:hidden;
	background:url('../imagens/bg_bloco.gif') no-repeat center top;
}
#slider2 {
	position:relative;
	width:469px;
	height:270px;
	overflow:hidden;
	/*background-color:#f6f1ec;*/
}
#slider2 span#mascara_esq{
	position:absolute;
	top:10px;
	left:0px;
	width:75px;
	height:180px;
	background:url('../imagens/mascara_esq.png') no-repeat center top;
}
#slider2 span#mascara_dir{
	position:absolute;
	top:10px;
	right:0;
	width:74px;
	height:180px;
	background:url('../imagens/mascara_dir.png') no-repeat center top;
}
#slider2 .viewport {
	width:338px;
	height:260px;
	float:left;
	position:relative;
	top:0;
	left:66px;
	/*overflow:hidden;*/
}
#slider2 .viewport img#bottom_slide_show02{
	float:left;
	margin-top:250px;
}
span.box01{
	display:block;
	margin:190px 0 0 0;
	padding-bottom:25px;
	background:url('../imagens/bt_shide_show02.jpg') no-repeat;
	text-indent:-999em;
	width:66px;
	height:55px;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	top:-10px;
	left:0;
	background-position:0 -1px;
	z-index:99;
}
span.box02{
	display:block;
	margin:190px 0 0 0;
	padding-bottom:25px;
	background:url('../imagens/bt_shide_show02.jpg') no-repeat;
	text-indent:-999em;
	width:66px;
	height:55px;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	top:-10px;
	right:0;
	background-position:-69px -2px;
	z-index:99;
}
#slider2 .buttons {
	display:block;
	margin:190px 0 0 0;
	padding-bottom:25px;
	background:url('../imagens/bt_shide_show02.jpg') no-repeat;
	text-indent:-999em;
	width:66px;
	height:55px;
	overflow:hidden;
	cursor:pointer;
}
#slider2 .prev {
	position:absolute;
	top:-10px;
	left:0;
	background-position:0 -1px;
	z-index:99 !important;
}
#slider2 .next {
	position:absolute;
	top:-10px;
	right:0;
	background-position:-69px -2px;
	z-index:99 !important;
}
#slider2 .disable {
	visibility: hidden;
}
#slider2 .overview {
	list-style:none;
	position:absolute;
	width:444px;
	min-height:255px;
	left:11px;
	top:11px;
	overflow:hidden;
	/*z-index:99;*/
}
#slider2 .overview li{
	float:left;
	margin:0 0 0 11px;
	padding:0 0 0 5px;
	height:260px;
	width:305px;
	overflow:hidden;
}
#slider2 .overview li small{
	position:absolute;
	top:170px;
	float:left;
	padding-top:20px;
	text-align:center;
	font-size:11px;
	width:305px;
	height:40px;
	z-index:99;
}
#slider2 .overview li a{
	border:none;
	z-index:100;
}
#slider2 .overview li a img{
	border:none;
	z-index:101;
}

/************************************** footer **************************************/
#footer{
	background:url('../imagens/bg_footer.gif') repeat-x left top;
	width:100%;
	height:172px;
}

/*--------------- site info ---------------*/
#site_info{
	width:980px;
	height:130px;
	margin:0 auto;
	padding:40px 0 0 0;
}
#site_info p{
	margin:20px 0 0 0;
	height:36px;
	font-size:11px;
	color:#FFF;
}
#site_info p img{
	float:left;
}
#site_info p small{
	float:left;
	margin:13px 0 0 10px;
}
#site_info p.copy{
	margin:0;
	height:15px;
	font-size:11px;
	color:#FFF;
	text-align:left;
}
#site_info p.site{
	float:left;
	display:block;
	width:99%;
	margin:10px 0 0 0;
	height:15px;
	font-size:11px;
	color:#FFF;
	text-align:left;
}
#site_info p.site span{
	float:right;
	display:block;
	margin:3px 5px 0 0;
	height:15px;
	font-size:11px;
	color:#FFF;
	text-align:left;
}
#site_info p.site img{
	float:right;
	display:block;
}

/************************************** PAGINAS INTERNAS **************************************/

/************************************** SOBRE **************************************/
/*--------------- content ---------------*/
#content span#linha{
	background:url('../imagens/linha.jpg') no-repeat center top;
	width:940px;
	height:7px;
	display:block;
	margin:40px 0 13px 0;
}

/*--------------- main_internas ---------------*/
#main_internas{
	float:left;
	width:545px;
	min-height:100%;
	margin:0 25px 0 0;
	overflow:hidden;
}
#main_internas #texto{
	width:535px;
	display:block;
	padding:0;
	margin:0 0 10px 0;
}
#main_internas #texto p{
	font-size:11px;
	color:#7c7772;
	text-align:left;
	padding:10px 0;
	line-height:18px;
}
#mapa{
	width:444px;
	min-height:440px !important;
	padding:10px 0 10px 15px;
	margin:0 0 200px 0;
	background-color:#f6f1ec;
}
#mapa iframe{
	clear:both;
	margin:5px 0 0 5px;
}
#mapa span{
	clear:both;
	color:#7c7772;
	font-size:11px;
	text-align:left;
	background:#f6f1ec url('../imagens/icon_mapa.jpg') no-repeat right top;
	width:435px;
	height:25px;
	display:block;
	margin:10px auto 0 auto;
	padding-top:5px;
}

/*--------------- sidebar_internas ---------------*/
#sidebar_internas{
	float:left;
	display:block;
	width:400px;
	min-height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
#sidebar_internas h3#title_galeria{
	font-size:24px;
	color:#8d8985;
	padding-left:35px;
	background:url('../imagens/icon_galeria.jpg') no-repeat left top;
	height:30px;
	margin:164px 0 20px 0;
}
#sidebar_internas ul#galeria{
	float:left;
	display:block;
	margin:0 auto 200px 0;
	padding:0;
	width:380px;
	min-height:100%;
	height:100%;
	background:#f6f1ec url('../imagens/bg_galeria.jpg') no-repeat center top;
}
#sidebar_internas ul#galeria li{
	float:left;
	display:block;
	margin:8px;
	padding:0;
}
#sidebar_internas ul#galeria li a{
	display:block;
	border:8px solid #FFF;
}
#sidebar_internas ul#galeria li a img{
	width:94px;
	height:80px;
	border:none;
}


/************************************** PRAIAS **************************************/

/*--------------- main_listas ---------------*/
#main_listas{
	float:left;
	width:920px;
	min-height:100%;
	margin:0 25px 0 0;
	overflow:hidden;
}

/*--------------- list_praias ---------------*/
dl.list_itens{
	float:left;
	width:920px;
	min-height:100%;
	margin:-80px 0 50px 0;
}
dl.list_itens dt.fotos{
	float:left;
	display:block;
	width:212px;
	height:210px;
}
dl.list_itens dt.name{
	float:left;
	width:99%;
	height:27px;
	color:#625a53;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	margin:35px 0 10px 0;
}
dl.list_itens dd{
	float:left;
	display:block;
	width:600px;
	height:auto;
	padding:0 10px 10px 20px;
}
dl.list_itens dd p{
	font-size:11px;
	line-height:18px;
	margin-bottom:35px;
}
dl.list_itens dd.descricao small a{
	float:right;
	font-size:11px;
	line-height:18px;
	margin:0 0 5px 180px;
	background:url('../imagens/icon_estrela.gif') no-repeat left top;
	padding-left:20px;
}
dl.list_itens dd.linha_praia{
	float:left;
	display:block;
	width:920px;
	height:10px;
}
dl.list_itens dd.linha_praia span{
	display:block;
	height:10px;
	width:920px;
	border-bottom:2px dotted #dedad4;
}

/*--------------- foto_capa ---------------*/
.foto_capa{
	position:relative;
	width:211px;
	height:210px;
	overflow:hidden;
}
.foto_capa{
	text-align:center;
}
.foto_capa img#painel{
	margin:0 auto 10px 1px;
	width:197px;
	height:167px;
	border:6px solid #F1F1F1;
}

/*--------------- mapa ---------------*/
#mapa{
	width:445px;
	height:300px;
	padding:10px 0 10px 10px;
	margin:100px 0 100px 0;
	background-color:#f6f1ec;
}
#mapa span{
	color:#7c7772;
	font-size:11px;
	text-align:left;
	background:url('../imagens/icon_mapa.jpg') no-repeat right top;
	width:435px;
	height:25px;
	display:block;
	margin:10px 0 0 0;
	padding-top:10px;
}


/************************************** BLOG **************************************/

span#banner_blog{
	display:block;
	width:940px;
	height:173px;
	margin:10px 0 0 20px;
}

/*--------------- main_blog ---------------*/
#main_blog{
	float:left;
	display:block;
	width:674px;
	min-height:100%;
	margin:0 25px 10px 10px;
	padding-top:35px;
	background:url('../imagens/bg_blog.gif') no-repeat center top;
	/*overflow:hidden;*/
}
#blog{
	position:relative;
	width:650px;
	min-height:240px;
	margin:0 auto;
	background:#f9f8f6;
}
#blog ul{
	width:650px;
	margin:0 auto 20px auto;
	display:block;
	position:relative;
}
#blog ul li{
	width:100%;
	display:block;
	position:relative;
	margin:0 0 45px 0;
	padding:0 0 15px 0;
}
#blog strong.title_blog_busca{
	color:#919a0b;
	font-size:28px;
	font-weight:light;
	width:545px;
	margin:0 0 30px 10px;
	display:block;
	border-bottom:1px solid #DFD8D1;
}
#blog ul li h2.title_blog{
	width:100%;
	display:block;
	margin:0 0 5px 0;
	line-height:48px;
	font-size:48px;
	height:auto
}
#blog ul li h2.title_blog a{
	color:#919a0b;
	font-size:48px;
	font-weight:light;
	width:545px;
	height:auto;
	padding-left:78px;
	margin:0;
	display:block;
}
#blog ul li h2.title_blog_materia{
	width:545px;
	display:block;
	margin:0 0 5px 0;
	padding-left:78px;
	line-height:48px;
	font-size:48px;
	color:#919a0b;
	height:auto
}
#blog ul li p{
	color:#8d8985;
	font-size:12px;
	line-height:16px;
	width:550px;
	padding-left:78px;
	margin:0 0 15px 0;
	display:block;
}
#blog ul li span.post{
	clear:both;
	display:block;
	margin-top:40px;
	padding:10px 0 0 78px;
	width:572px;
	height:47px;
	background:#f3f1ed;
}
#blog ul li span.post small{
	display:block;
	margin:5px 0;
	font-size:11px;
}
#blog ul li span.post small strong{
	color:#919a0b;
}
#blog ul li span.date_blog{
	position:absolute;
	top:9px;
	left:-10px;
	width:74px;
	height:66px;
	padding-top:4px;
	background:url('../imagens/bg_data_blog.gif') no-repeat center top;
}
#blog ul li span.date_blog small{
	display:block;
	width:68px;
	text-align:center;
	font-size:18px;
	color:#FFF;
	margin-bottom:8px;
}
#blog ul li span.date_blog big{
	display:block;
	width:65px;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	color:#FFF;
}
#blog ul li span.date_blog_materia{
	position:absolute;
	top:9px;
	left:-10px;
	width:74px;
	height:66px;
	padding-top:4px;
	background:url('../imagens/bg_data_blog.gif') no-repeat center top;
}
#blog ul li span.date_blog_materia small{
	display:block;
	width:68px;
	text-align:center;
	font-size:18px;
	color:#FFF;
	margin-bottom:3px;
}
#blog ul li span.date_blog_materia big{
	display:block;
	width:65px;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	color:#FFF;
}

/*--------------- paginacao ---------------*/
ul#paginacao{
	float:left;
	display:block;
	width:650px;
	height:20px;
	margin:-20px 0 20px 0;
}
ul#paginacao li{
	float:left;
	display:block;
	width:17px;
	height:17px;
	margin:0 15px 0 0;
}
ul#paginacao li span.active{
	display:block;
	width:17px;
	height:17px;
	background:#FFF;
	color:#919A0B;
	font-size:12px;
	padding:4px 0 0 9px;
	border:1px solid #BAB1A8;
	margin:0 10px 0 0;
}
ul#paginacao li a.pag{
	display:block;
	width:17px;
	height:17px;
	background:#919A0B;
	color:#FFF;
	font-size:12px;
	padding:4px 4px 0 5px;
	text-align:center;
	border:1px solid #BAB1A8;
	margin:0 10px 0 0;
}

/*--------------- sidebar_blog ---------------*/
#sidebar_blog{
	float:right;
	display:block;
	width:241px;
	min-height:100%;
	margin:15px 19px 0 0;
}

/*--------------- arquivos ---------------*/
#arquivos{
	display:block;
	width:241px;
	min-height:100px;
	margin:0 auto 30px auto;
	padding:0;
}
#sidebar_blog h3#title_arquivos{
	font-size:24px;
	color:#FFF;
	font-weight:bold;
	background:#bab1a8;
	padding:2px 0 0 10px;
	width:231px;
	height:31px;
	margin-bottom:10px;
}
#arquivos dl{
	display:block;
	width:180px;
	margin-left:10px;
}
#arquivos dl dt{
    background:#EEE url('../imagens/setas.jpg') no-repeat 100px -27px;
	display:block;
	width:120px;
	height:20px;
	text-align:left;
	font-size:14px;
	padding:5px 0 0 5px;
	margin:3px 0 5px 0;
	cursor:pointer;
}
#arquivos dt.open
{
	background:#EEE url('../imagens/setas.jpg') no-repeat 100px 0px;
}
#arquivos dl dt dd{
	display:block;
	width:160px;
	margin-left:20px;

}
ol.list_date_file{
	display:block;
	width:160px;
}
ol.list_date_file li{
	display:block;
	width:160px;
}
ol.list_date_file li a{
	display:block;
	width:160px;
	padding:5px 0 5px 20px;
}

/*--------------- search ---------------*/
form#search{
	width:241px;
	margin:0 auto 40px auto;
	padding:0;
}
form#search fieldset{
	width:241px;
	height:31px;
	margin:0 auto 20px auto;
	padding:0;
	border:none;
}
form#search fieldset legend{
	text-indent:-999px;
}
form#search fieldset input#campo_search{
	border:1px solid #bab1a8;
	width:190px;
	height:31px;
	color:#c1c0bf;
	font-size:14px;
	padding:1px 0 0 7px;
}
form#search fieldset input#bt_search{
	width:36px;
	height:34px;
	/*padding:-2px 3px 3px 3px;*/
	border:none;
	background:#f3f1ed url('../imagens/icon_busca.gif') no-repeat 6px 6px;
	cursor:pointer;
	margin:0 0 0 3px;
	border:2px solid #F3F1ED;
	line-height:30px;
}

/*--------------- post_recente ---------------*/
#sidebar_blog h3#post_recente{
	font-size:24px;
	color:#FFF;
	font-weight:bold;
	background:#bab1a8;
	padding:2px 0 0 10px;
	width:231px;
	height:31px;
	margin-bottom:15px;
}
#sidebar_blog ul{
	display:bock;
	width:241px;
}
#sidebar_blog ul li{
	display:bock;
	width:241px;
	margin-bottom:15px;
}
#sidebar_blog ul li h4{
	font-size:14px;
	line-height:18px;
}
#sidebar_blog ul li small{
	font-size:12px;
}