* {margin:0; padding:0; border:0; list-style:none; outline:none;}
body { background:url(/img/bg-body.jpg) #E9E3D7 top center no-repeat; width:auto; padding-top:22px;}
table {border-collapse:collapse;}
table td {padding:0px;}
body,table,div,p {font-family:'Trebuchet MS'; font-size:12px; color:#666; }
a {color:#666; text-decoration:none; outline:none; font-weight:bold;}
a:hover {color:#666; text-decoration:underline;}
a img {border:0px; outline:none;}
ul,li{margin:0px; padding:0px; border:0px; text-decoration:none; outline:none; font-weight:bold;}
.limpar { clear:both;}
input,textarea,select {font-family:'Trebuchet MS'; font-size:12px; color:#666; outline:none; border:1px solid #ccc;}
.texto {font-size:12px; font-family:"Trebuchet MS"; color:#666; padding:10px 5px;}
.texto p {line-height:180%; font-size:12px; color:#666; text-align:justify; font-weight:normal;}
.texto ul { margin:10px 0 }
.texto ul li { list-style:inside disc; margin-left:15px; padding:3px 0; color:#666; font-weight:normal}
.texto ul ul li { list-style:inside circle; margin-left:45px;}
.texto ol li { list-style:inside decimal; margin-left:15px; padding:3px 0; color:#666;}
.texto ol ol li { list-style:inside decimal; margin-left:45px;}
.texto h3 { color:#00244B; font-size:20px; margin:5px 0;}



/* ============================================================ BLOCO GERAL ============================================================ */
#geral{ width:948px; margin:0 auto;  padding-top:0px; }

#topo-logo a{ width:250px; height:77px; background:url(/img/logo.jpg) no-repeat; float:left; margin-left:15px; text-indent:-9000px;}



#sitemenu{ float:right; width:620px; margin-top:18px; margin-right:14px;}
#sitemenu div{ width:620px; height:18px; background:url(/img/menu/bg-menu-rodape.jpg) no-repeat; clear:both;}
#sitemenu ul li{ float:left;}
#sitemenu ul li a { display:block; text-indent:-9000px;}
#sitemenu .menu-home a { width:63px; height:40px; background:url(/img/menu/menu-home.jpg) no-repeat;}
#sitemenu .menu-clube a { width:67px; height:40px; background:url(/img/menu/menu-clube.jpg) no-repeat;}
#sitemenu .menu-sedes a { width:103px; height:40px; background:url(/img/menu/menu-sede.jpg) no-repeat;}
#sitemenu .menu-agenda a { width:62px; height:40px; background:url(/img/menu/menu-agenda.jpg) no-repeat;}
#sitemenu .menu-servicos a { width:81px; height:40px; background:url(/img/menu/atividades.jpg) no-repeat;}
#sitemenu .menu-fotos a { width:50px; height:40px; background:url(/img/menu/menu-fotos.jpg) no-repeat;}
#sitemenu .menu-associe a { width:83px; height:40px; background:url(/img/menu/menu-associe.jpg) no-repeat;}
#sitemenu .menu-contato a { width:111px; height:40px; background:url(/img/menu/menu-contato.jpg) no-repeat;}

#sitemenu .menu-home a:hover, #sitemenu .menu-home .ativo { background:url(/img/menu/menu-home-on.jpg) no-repeat;}
#sitemenu .menu-clube a:hover, #sitemenu .menu-clube .ativo { background:url(/img/menu/menu-clube-on.jpg) no-repeat;}
#sitemenu .menu-sedes a:hover, #sitemenu .menu-sedes .ativo { background:url(/img/menu/menu-sede-on.jpg) no-repeat;}
#sitemenu .menu-agenda a:hover, #sitemenu .menu-agenda .ativo { background:url(/img/menu/menu-agenda-on.jpg) no-repeat;}
#sitemenu .menu-servicos a:hover, #sitemenu .menu-servicos .ativo { background:url(/img/menu/atividades-hover.jpg) no-repeat;}
#sitemenu .menu-fotos a:hover, #sitemenu .menu-fotos .ativo { background:url(/img/menu/menu-fotos-on.jpg) no-repeat;}
#sitemenu .menu-associe a:hover, #sitemenu .menu-associe .ativo { background:url(/img/menu/menu-associe-on.jpg) no-repeat;}
#sitemenu .menu-contato a:hover, #sitemenu .menu-contato .ativo { background:url(/img/menu/contato-ativo.jpg) no-repeat;}


#sitemenu ul li ul { position:absolute; z-index:9999999; display:block; background:url(/img/menu/bg-sub-menu.jpg) #F66113 repeat-x; width:200px; padding-top:10px; }
#sitemenu ul li ul li {  display:block; clear:both; float:none; background:#FD4E00; width:180px; height:30px; margin-bottom:1px; margin-left:10px; line-height:30px; }
#sitemenu ul li ul li a { display:block; text-indent:0px; width:155px; margin-left:20px; padding:0 0 0 15px; background:url(/img/menu/seta-esq.gif) left center no-repeat !important; color:#FFCC00; }
#sitemenu ul li ul li a:hover { display:block;text-decoration:none; width:155px; margin-left:20px; padding:0 0 0 15px; background:url(/img/menu/seta-esq-on.gif) left no-repeat; color:#fff;  }













#destaque{ width:948px; height:320px; margin-bottom:20px; padding-top:40px; }
#conteudo-geral{ background-color:#fff; width:920px; margin:0 auto; }
#curva-inferior{ width:920px; height:21px; background:url(/img/bg-curva-inferior.jpg) top center no-repeat; margin-left:13px;}




#conteudo-left{ width:440px; float:left; padding-left:20px;}


#home-clube{ width:210px; height:200px; background:url(/img/img-clube.jpg) top left no-repeat; padding-left:210px;}
#home-clube h3{ width:96px; height:22px; background:url(/img/titulo-clube.gif) no-repeat; text-indent:-9000px; margin-bottom:20px; }
#home-clube a{ width:100px; height:25px; display:block; background:url(/img/bt-saiba-mais.gif) no-repeat; text-indent:-9000px; margin-top:22px;}



#home-sede{ width:440px; height:35px; background:url(/img/bg-sede-nautica.jpg) no-repeat; margin-top:20px; padding-top:115px; margin-bottom:20px;}
#home-sede a{ width:100px; height:25px; display:block; background:url(/img/bt-saiba-mais-sede.jpg) no-repeat; text-indent:-9000px; margin-left:330px; }



#home-associe{ width:210px; height:150px; background:url(/img/bg-associe.jpg) no-repeat; float:left;}
#home-associe h3 { text-indent:-9000px; height:40px; }
#home-associe a img{ padding-top:0px;}
#home-associe h4{ font-size:11px; text-align:center; line-height:30px; }





#newslwtter{ width:195px; height:150px; background:url(/img/bg-newsletter.jpg) no-repeat; float:right; padding-left:15px;}
#newslwtter h3{ text-indent:-9000px; margin-bottom:30px;}
#newslwtter div{ width:180px; height:25px; background:url(/img/bg-input.jpg) no-repeat; margin-top:10px;}
#newslwtter div input{ background:none; border:0px; width:160px; margin-top:2px; padding-left:10px;}






#conteudo-right{ width:420px; float:right; padding-right:20px;}

#home-agenda{ width:185px; height:200px; background:url(/img/bg-agenda.jpg) no-repeat; padding-left:15px; float:left;}
#home-agenda h3{ text-indent:-9000px; margin-bottom:28px;}
#home-agenda ul li{ border-bottom:1px dotted #C8C8C8; padding-bottom:8px; margin-bottom:8px; width:170px;}	
#home-agenda ul li b{ color:#FF6600; font-size:11px;}
#home-agenda ul li h4{ font-size:11px;}
#home-agenda #bt-mais-eventos{ display:block; width:100px; height:25px; background:url(/img/bt-mais-eventos.gif) no-repeat; text-indent:-9000px; margin:5px 0px 0px 70px; }



#localizacao{ width:200px; height:200px; background:url(/img/bg-localizacao.jpg) no-repeat; float:right;}
#localizacao a{ display:block; width:159px; height:29px; background:url(/img/bt-saiba-chegar.jpg) no-repeat; text-indent:-9000px; margin:155px 0px 0px 25px;}



#home-galeria{ width:400px; height:150px; background:url(/img/bg-galerias.jpg) no-repeat; margin-top:20px; padding-left:20px;}
#home-galeria h3{ float:left; text-indent:-9000px;}
#home-galeria #bt-outras-galerias{ float:right; display:block; width:100px; height:25px; background:url(/img/bt-outras-galerias.jpg) no-repeat; text-indent:-9000px; margin:7px 10px 0px 0px;}
#home-galeria ul li{ margin:25px 0px 0px 0px; width:200px; float:left;}
#home-galeria ul li img{ border:1px solid #C8C8C8; padding:4px; float:left; margin-right:10px;}
#home-galeria ul li h4{ font-size:15px; color:#666; line-height:17px; margin-bottom:8px;}
#home-galeria ul li h5{ font-size:10px; font-weight:normal;}




#home-ranking{ width:420px; height:150px; background:url(/img/bg-ranking.jpg) no-repeat; margin-top:20px;}
#home-ranking h3{ text-indent:-9000px;}
#home-ranking a{ display:block; background:url(/img/bt-confira.jpg) no-repeat; width:100px; height:25px; display:block; margin-top:90px; margin-left:310px; text-indent:-9000px;}







#rodape{ padding-left:30px; margin-top:10px; }
#rodape p{ float:left; width:370px; margin-top:10px;}
#rodape h1 a{ display:block; float:left; background:url(/img/logo-rodape.jpg) no-repeat; width:150px; height:46px; text-indent:-9000px; margin-bottom:20px;}
#rodape div{ float:right; margin-right:30px; margin-top:10px;}
#rodape div img{ vertical-align:middle;}


















#conteudo-interno{ width:948px; padding-top:40px;   }
#daos-interno{ background-color:#fff; width:880px; margin:0 auto; padding:0 20px;  height:expression( this.scrollHeight < 650 ? "650px" : "auto" ); min-height:650px;}
#bg-sub-titulo{ background:url(/img/bgtitulo-internas.jpg) no-repeat; width:880px; height:70px;}

#bg-sub-titulo h2{ font-size:40px; color:#ebebeb; letter-spacing:-4px; line-height:80px; background:url(/img/bgtitulo-internas-h2.gif) no-repeat bottom; position:absolute; height:80px; width:880px;}

#texto-intro{ margin-bottom:10px; padding:10px;}


#listagem-agenda ul li{ width:180px; height:170px; float:left; margin:20px; text-align:center;}
#listagem-agenda ul li img{ border:1px solid #ccc; padding:2px;}
#listagem-agenda ul li h5{ font-size:11px; color:#F66013;}
#listagem-agenda ul li h4{ font-size:12px; font-weight:bold; }
#listagem-agenda h3{ color:#00244B; font-size:25px; margin-left:20px; border-bottom:1px solid #ccc; padding-bottom:2px; letter-spacing:-2px; width:838px;}

#pg-agenda{ padding:10px; margin-bottom:50px;}
#pg-agenda img{ border:1px solid #ccc; padding:2px; margin:0 auto; margin-right:20px; }
#pg-agenda h4{ font-size:12px; color:#F66013;}
#pg-agenda h3{ font-size:25px; font-weight:normal; margin-bottom:10px; letter-spacing:-1px }







#sede-nautica-list{ padding:10px;}
#sede-nautica-list h4{ font-size:18px; color:#F66013; font-weight:normal; }
#categoria-sede{ font-size:30px; color:#00244B; margin-top:30px; padding:10px;}




#contato-form{ float:left; width:450px; margin-right:20px; }
#contato-form h3{ width:450px; border-bottom:1px solid #c8c8c8; padding-bottom:16px; margin-bottom:20px; font-size:20px; color:#023A58;font-weight:normal;}
#contato-form div{ text-align:right; margin-bottom:10px;}
#contato-form div label{ font-size:15px; color:#023A58;}
#contato-form div input{ border:1px solid #ccc; width:355px; height:25px; vertical-align:middle; padding-left:5px; padding-top:5px;}
#contato-form div textarea{border:1px solid #ccc; width:350px; height:140px; vertical-align:top; padding:5px;}
#contato-form #bt-enviar{ text-align:left; margin-left:88px;}

#contato-dados{ float:right; width:380px; }
#contato-dados h4{padding-left:10px; width:350px; border-bottom:1px solid #c8c8c8; padding-bottom:19px; margin-bottom:20px; color:#023A58; font-size:18px; font-weight:normal;}
#contato-dados p{ padding-left:10px;}
#contato-dados p b{ color:#023A58; display:block;}
#contato-dados h3{ font-size:20px; color:#023A58; padding-left:10px; margin-top:20px; width:350px; border-bottom:1px solid #e3e3e3; padding-bottom:15px; margin-bottom:15px; }
#contato-dados h5{ color:#023A58; font-size:15px; width:350px; padding-left:10px; height:20px; border-bottom:1px solid #c8c8c8; padding-bottom:10px; margin:30px 0px 10px 0px;}




#pg-associe{ padding:10px 30px}
#pg-associe p{ margin-bottom:20px;}

#qualificacao { margin-bottom:30px; margin-top:40px }
#qualificacao fieldset{ border:0; padding:25px 0; color:#00244B; background:#fdfdfd;}
#qualificacao fieldset legend{ font-size:18px;}
#qualificacao div{ margin-bottom:10px;}
#qualificacao div label{}
#qualificacao div input{ height:18px; vertical-align:middle; padding:1px; border:1px solid #ccc;}

#dependentes{ margin-bottom:30px; }
#dependentes fieldset{ border:0; padding:25px 0; color:#00244B; background:#fdfdfd;}
#dependentes fieldset legend{ font-size:18px;}
#dependentes table tr td{ padding:3px;}
#dependentes table tr td input{ height:18px; padding:1px; width:148px;}

#termos-deUso fieldset{ border:0; padding:25px 0; color:#00244B; background:#fafafa;}
#termos-deUso fieldset legend { font-size:18px;}

#bt-enviar{ margin-top:30px;}




#pg-ranking table{ border:1px solid #ccc; margin:20px;}
#pg-ranking table tr th{ width:280px; font-size:15px; background-color:#00244B; color:#fff}
#pg-ranking table tr td{ border:1px solid #ccc; padding:4px; text-align:center; font-size:12px; }
#pg-ranking h3{ margin-left:20px; font-size:20px; font-weight:normal; color:#00244B;  border-bottom:1px dotted #999; padding-bottom:3px; width:840px;}
















#pg-galerias{ margin-top:20px;}
#pg-galerias ul li{ width:206px; height:160px; text-align:center; float:left; margin-right:10px; margin-bottom:10PX;}
#pg-galerias ul li img{ border:1px solid #c8c8c8; padding:2px;}
#pg-galerias ul li h5{ font-size:10px; color:#F66013; font-weight:normal;}
#pg-galerias ul li h4{ font-size:12px;}

#galeria_ver{width:880px; overflow:hidden;}
#galeria_ver h3{ font-size:30px; color:#00244B; margin-top:10px; margin-bottom:10px;}
#galeria_ver h4{ font-size:12px; color:#F66013; font-weight:normal;}

#galminiaturas { width:880px; height:100px; overflow:hidden; background-color:#f5f5f5; }
#galminiaturas ul li{ float:left; width:120px; height:90px; overflow:hidden; padding-top:10px;}
#galminiaturas ul li img{ border:1px solid #ccc; padding:4px;}
#galminiaturas ul li a{ display:block; width:110px; height:90px; }
#galminiaturas ul li a:hover { display:block; width:114px; height:74px;  border:3px solid #00244B; overflow:hidden }
#galminiaturas ul li a:hover img, #galminiaturas ul li a.ativo img { margin:-3px; }
#galminiaturas ul li a.ativo { display:block; width:114px; height:74px; border:3px solid #00244B; overflow:hidden }

#galfoto { cursor:pointer; text-align:center; margin-top:10px; clear:both; background:url(/img/carregando.gif) no-repeat top center; width:880px; height:700px }
#galfoto img { cursor:pointer; text-align:center;}





/* ============================================= PAGINAÇÃO =================================================== */
.paginacao { margin-top:20px; height:30px; text-align:center; font-size:12px; padding-top:6px; margin-bottom:20px; } 
.paginacao a { padding-left:7px; padding-right:7px; font-weight:bold; color:#666;  border-right:1px solid #333; }
.paginacao a:hover {color:#cc0000;}
.paginacao .atual {color:#cc0000; background-color:#f0f0f0;  }
.paginacao .pg-naveg-prox { border-right:0;}
/* =========================================== PAGINAÇÃO fim ================================================= */


/* ==================================== BOTÕES INTERNO ==================================== */
#botoes{ margin-left:550px; margin-top:30px; margin-bottom:20px;}
#bt-voltar{ float:left; background:url(/img/bt-voltar.gif) no-repeat; width:100px; height:25px; display:block; text-indent:-9000px;}
#bt-subir{ float:left; background:url(/img/bt-subir.gif) no-repeat; width:100px; margin-left:10px; height:25px; display:block; text-indent:-9000px;}
#bt-imprimir{ float:left; background:url(/img/bt-imprimir.gif) no-repeat; width:100px; height:25px; margin-left:10px; display:block; text-indent:-9000px;}
/* ================================== BOTÕES INTERNO fim ================================== */




#localizacao-mapa { margin:0 auto; width:780px;  }
#localizacao-mapa iframe { border:2px solid #ccc }