/* 
----------------------------------------------------------
	@author		kroska
	@publisher	Midiaweb Inteligência Interativa
	1.CABECALHO
	2.CONTEUDO
	3.RODAPE
----------------------------------------------------------
*/
body { color:#003399; max-width:100%; overflow-x:hidden;}
#skip { display:none;}
#geral { background:url(../_img/bg-geral.gif) no-repeat center top; }
#centraliza { width:900px; margin: 0 auto; }
.cf:after { content:"."; display:block; height:0; visibility:hidden; clear:both;}
.cf { zoom:1; }
h1,h2,h3,h4 { color:#105180; font-weight:bold}
h2.tituloPrincipal { font-size:138.5%; font-weight:bold}
.bgAzul02 { background-color:#bfdfee;}

/* fontes */
h3, .enderecos h2 { font-size:197% }
strong { font-weight:bold}


/* 1. CABECALHO */
#cabecalho h1 a { float:left; display:inline-block; height:132px; width:285px; overflow:hidden; margin:20px 0 20px 37px;}
#sejaSocio { display:block; width:164px; height:19px; text-indent:-3000px; position:relative; top:116px; float:left; left:236px;}
#cabecalho ul { clear:both; background: url(../_img/sprt-cab-rod.jpg) no-repeat left top; height:52px }
#cabecalho ul li { float:left; position:relative }
#cabecalho ul li a { font-size:138.5%; font-weight:bold; display:block; color:#fff; text-decoration:none; padding:0 30px; line-height:50px; height:50px; float:left }
#cabecalho ul li a:hover { text-decoration:underline;}
#cabecalho ul li.ativo a { background: url(../_img/bg-menu-ativo.jpg) repeat-x 0 0; line-height:44px; height:44px; padding-top:3px}
#cabecalho ul li.ativo a span { display:block; background:url(../_img/seta-menu-ativo.gif) no-repeat center bottom; padding-bottom:5px;}
#cabecalho ul li.primeiro { left:0;}

#formLogin { position:relative; float:left; left:160px; top:10px; padding:10px;}
#formLogin p.titLogin{font-weight:bold; margin:0; padding:0 0 0 40px; width:300px; height:25px; color:#105180;}
#formLogin p.esqueciSenha{margin:0; padding:0 0 0 40px; width:300px; height:25px; color:#105180; float:left;}
#formLogin p.esqueciSenha a{margin:0; padding:0; color:#105180; font-size:11px; float:left;}
#formLogin p { width:300px; clear:left; height:35px;}
#formLogin p label { float:left; padding:6px 0 0 0; display:inline-block; width:50px}
#formLogin p input.txt { padding:5px;}
#formLogin p input#flogin { width:155px;}
#formLogin p input#fsenha { width:100px}
#btLogar { background-color:#1A5984; text-align:center; color:#fff; border:none; padding:5px; width:50px;}

/* 1. CONTEUDO */
#conteudo { letter-spacing:-1px; background-color:#e8f5fb; padding:0 20px 20px;  }
#conteudo .tituloPrincipal span { display:block; font-size:30px; margin-bottom:-6px} 
#conteudo .tituloPrincipal { padding:15px 0 12px 10px; letter-spacing:-1px}
#conteudo a.btnAssociese{margin:0 auto; padding:0; text-align:center; width:100%; float:left;}

.pelaInternet {}
.passos { display:block; height:240px; background: url(../_img/bgSetasPassos-2.jpg) no-repeat 185px 92px;}
.passos li { float:left; width:233px; border:1px solid #fff; background: url(../_img/bgPassos.jpg) repeat-x left bottom; margin: 0 0 24px 0}
.passos li.centro { margin:0 57px 0 57px}
.passos li p { display:block; height:28px;text-indent:-5000px;}
.passo1 p, .passo2 p, .passo3 p,.passo4 p { background: url(../_img/numerosPassos-2.gif) no-repeat 0 0}
.passo2 p { background-position:3px -28px}
.passo3 p { background-position:5px -55px}
.passo4 p { background-position:5px -81px}
.passo5 { margin-right:0 !important;}
.passo5 p { text-indent:0 !important; padding:2px !important;}

.pelaInternet { color:#0B4C8C; }
.pelaInternet h3 {width:100% !important;}
.geralLojas h3 {width:100% !important;}
.pelaInternet h3 span, .geralLojas h3 span {font-size:14px;}
.passos { display:block;}
.passos li { float:left; width:179px; height:210px; background:#C7E2F1; margin: 17px 45px 17px 0}
.passo1, .passo2, .passo3, .passo4{font-size:13px;}
.passo1 p, .passo2 p, .passo3 p, .passo4 p{font-size:34px; color:#87B7CD; font-weight:bold; display:inline;  margin:26px 0 0 4px; width:28px; padding:0; float:left;}
.passo3 p.numero{width:30px;}
.passo1 span{font-size:13px; float:left; width:124px; line-height:13px; margin:25px 0 0  0 ; letter-spacing:0; padding:0; color:#0B4C8C;}
.passo2 span {font-size:13px; float:left; width:97px; line-height:13px; margin:25px 0 0  10px; letter-spacing:0; padding:0 0 2px 0; color:#0B4C8C;}
.passo3 span {font-size:13px; float:left; width:97px; line-height:13px; margin:25px 0 0  10px; letter-spacing:0; padding:0 0 2px 0; color:#0B4C8C;}
.passo4 span {font-size:13px; float:left; width:102px; line-height:13px; margin:25px 0 0  10px; letter-spacing:0; padding:0 0 2px 0; color:#0B4C8C;}
.passo5 p{ font-size:14px; text-align:center; margin:21px auto; padding:0; width:152px; color:#0B4C8C;}

p { font-size:100%; letter-spacing:normal}
p.pronto { clear:left; float:left; width:400px; padding-left:95px; background: url(../_img/tick-2.gif) no-repeat 3px 0;}
p.pronto strong { font-size:123.1%; display:block; font-weight:bold}
a.bag { float:right; background:url(../_img/btAssossiar.jpg) no-repeat center center; height:67px; width:234px; text-indent:-3000px; }
a.queroSer { display:block; background: url(../_img/btQueroSer.jpg) no-repeat center center; width:222px; height:67px; text-indent:-3000px; margin:55px 0 10px 20px}
.enderecos { margin-bottom:20px; padding:20px 20px 20px 25px}
.enderecos h2 { padding:11px 0 10px 0; float:left;}
.enderecos ul.end { width:400px; float:left; overflow:hidden}
.enderecos ul.end li { float:left; margin-top:26px; padding-right:70px; }
.enderecos ul.end li.top { margin-top:10px;}
.enderecos ul.end li strong { font-size:123.1%; font-weight:bold; color:#105180 }

.documentos, .documentos { background-color:#d2eaf5; float:right; padding:10px; width:186px;}
.documentos p { padding:0 10px 5px 12px;  color:#4f9cd3;}
.documentos p, .documentos ul li { font-family:Tahoma, Geneva, sans-serif; letter-spacing:normal }
.documentos ul li { padding-left:10px; background: url(../_img/associe-se.gif) no-repeat 0 4px; margin-bottom:5px; }
.documentos h3 {margin:0 0 0 10px; !important}



.colDir { background-color:#d2eaf5; float:right; width:271px; margin:23px 0 20px 0 }
.colEsq	{ width:580px; float:left;}
.colEsq	a {color:#4F9CD3;}
.colDir form { margin:15px 0 0 20px}
.colResposta {color:#4F9CD3; margin-bottom:20px; font-size:13px; float:left; letter-spacing:0;}
div.colDir h2.FormContato{font-size:22px !important; color:#105180; margin:10px 0 0 20px;}
.atendimento .colEsq h3{width:100% !important;}
.vantagens { background: url(../_img/titVantagens.jpg) no-repeat center 15px; width:555px; height:249px; overflow:hidden; text-indent:-3000px; padding-top:20px}
.home .colDir { padding-bottom:20px;}
.home .colDir h2 { background:url(../_img/titQueroSerSocio.gif) no-repeat center 0; display:block; width:264px; height:104px; margin:15px 0 35px 3px; text-indent:-3000px;}
.home .colDir h3, .home .colDir p { padding:0 20px 0 22px }
.home .colDir h3 { background: url(../_img/associe-se.gif) no-repeat 10px 5px;}
.home .colDir p { margin-bottom:30px}
.home .colDir a.saibaMais { margin-bottom:25px;}

.ulVantagens { margin-bottom:35px; overflow:auto; *overflow:visible;}
.dicas { display:block; height:112px; clear:both; width:556px!important; overflow:hidden; background-color:#d2eaf5!important;}
.dicas, .dicas li {  padding:0!important; }
.dicas li { margin-left:0px!Important; width:243px!Important; padding-left:20px!Important}
.dicas li h3 { background: url(../_img/associe-se.gif) no-repeat left 0 !Important; margin:0!Important; height:30px!Important;  }
.dicas li h3, .dicas li p { padding:0 0 0 10px!Important; color:#3b91d2!Important; }
.dicas li p { line-height:14px!Important;}
.dicas li p a { color:#3b91d2!Important; }


form label { display:block; font-size:12px; color:#105180; padding:15px 0 5px 0;}
form input.txt { font-family:Tahoma, Geneva, sans-serif;  }
form textarea, form input.txt  {  border:1px solid #c5daed; border-top:1px solid #5794bf; padding:7px 5px; color:#999; width:219px; }
form textarea { margin-bottom:15px; height:111px; overflow:hidden; overflow-x:hidden!Important; overflow-y:auto;}
.colDir form #btEnviar { float:right; margin:0 20px 20px 0}

.atendimento .tituloPrincipal, .querosersocio .tituloPrincipal, .modalidades .tituloPrincipal, .associe-se .tituloPrincipal  { padding-left:0!Important }

#conteudo h3 { font-size:22px; margin-top:10px; width:160px;}
#conteudo.querosersocio h3, #conteudo .documentos h3, #conteudo.atendimento h3 {font-size:14px !important;}
#conteudo p { line-height:125%;color:#105180;  }
.atendimento ul, .atendimento p { margin-bottom:20px;}
.atendimento p, .atendimento ul li { color:#4f9cd3; }
.atendimento ul li { padding-left:30px; margin-bottom:15px;}


div#bannerTopHome{margin:0 auto; text-align:center; padding:30px 0;}

.home div#vantagens{width:848px; margin:0 0 25px 0; padding:0; font-size:15px;}
.home div#vantagens ul{margin:0; padding:0; float:left;}
.home div#vantagens ul li{width:260px; margin:0 20px 20px 0; padding:0; float:left; font-weight:bold; color:#105180; display:inline;}
.home div#vantagens ul li img{margin:0 10px 0 0; padding:0;}

.home div#souSocioHome{background:#D2EAF5 url(../_img/img_sou_socio.jpg) no-repeat top center; margin:0 20px 25px 30px; padding:0; float:left; width:390px; height:360px;}
.home div#souSocioHome p{margin:148px auto 0; padding:0;text-align:center; width:340px; font-weight:bold; color:#105180; font-size:16px;}
.home div#souSocioHome a{margin:30px 0 15px 115px; padding:0; float:left;}
.home div#souSocioHome a img{margin:o; padding:0;}

.home div#queroSocioHome{background:#D2EAF5  url(../_img/img_quero_ser_socio.jpg) no-repeat top center; margin:0 0 25px 0; padding:0; float:left; width:390px;height:360px;}
.home div#queroSocioHome p{margin:148px auto 0; padding:0;text-align:center; width:340px; font-weight:bold; color:#105180; font-size:16px;}
.home div#queroSocioHome a{margin:30px 0 15px 115px; padding:0; float:left;}
.home div#queroSocioHome a img{margin:o; padding:0;}


.querosersocio h2.tituloPrincipal span { font-size:25px!important }
.modalidades h2.tituloPrincipal span { font-size:25px!important }
.atendimento h2.tituloPrincipal span { font-size:25px!important }
.querosersocio h2.tituloPrincipal { padding-bottom:0!Important}
.descricao {margin-top:30px; color:#308bd0; font-weight:bold; font-size:18px; line-height:18px!Important }
.querosersocio p { color:#4f9cd3 }
h3.secretarias{margin-top:-5px !important;}

.querosersocio .colDir { padding-bottom:25px}

.querosersocio .colDir  h2, .tipos h2 { background-color:#e8f5fb; margin:13px 13px 15px 13px !important; padding:10px; font-size:125% !important;}
.querosersocio .colDir p, .querosersocio .colDir a, .querosersocio .colDir h3 { padding:0 23px 0 23px}
.pModalidades { color:#003399!important; }
.querosersocio .colDir h3 { display:block; padding:10px 0 10px 23px;}
.modalidades .colDir strong, .querosersocio .colDir strong { display:block; margin-top:10px}

a.saibaMais, .modalidades .colDir a { background: url(../_img/setaSaibamais.gif) no-repeat left 5px; line-height:15px; padding-left:10px; margin-left:23px; display:block; margin-top:15px; text-decoration:none; font-size:16px; font-weight:bold; color:#308bd0; }
.querosersocio .colDir a:hover, .modalidades .coldir a:hover { text-decoration:underline;}

.home .colEsq ul, .querosersocio .colEsq { width:870px; }
.colEsq{margin-bottom:25px;}
.querosersocio .colEsq ul li.socio{width:270px ; height:150px;}
.querosersocio .colEsq ul li.socio h3{width:255px  !important;}
.home .colEsq ul { margin-top:10px}
.home .colEsq ul li, .querosersocio .colEsq ul li { float:left; margin:20px 10px 0 10px; width:197px; padding-right:0; height:206px;}
.querosersocio .colEsq ul li.ldb { height:190px!Important;}
.home .colEsq ul li h3, .querosersocio .colEsq ul li h3 { display:block; line-height:20px;  padding-left:0; height:60px; padding-top:15px; width:206px !important;}

div.geralModalidade{background:#BFDFEE; float:left; margin:0 0 0 -20px; padding:0 20px 20px; width:860px;}

.bannersMini { display:block; clear:both; margin-top:30px; overflow:hidden!Important; height:69px!important; text-indent:-3000px; }
#btRenovarMini { float:left; background: url(../_img/banners-mini.jpg) no-repeat 0 5px; margin-right:18px; display:block; width:239px; height:73px; text-indent:-3000px}
#btCadeiraoMini { float:left; background: url(../_img/banners-mini.jpg) no-repeat -259px 5px; display:block; width:302px; height:73px; text-indent:-3000px }

.modalidades .colDir { color:#4f9cd3; background:none; width:100%; }
.modalidades .colDir ul li { float:left; width:150px; padding-right:17px}
.modalidades .colDir a { margin-left:0; margin-top:10px;}
.modalidades .colDir p { font-family:Tahoma, Geneva, sans-serif}
.modalidades .colDir h3 { font-size:20px!Important; margin-bottom:15px}
.modalidades .colDir h3 span { display:block; font-size:16px; line-height:13px;}
.categorias { clear:both; padding:26px 0 20px 26px }
.categorias  { _padding-bottom:0; *padding-bottom:0; }
.categorias h2 { font-size:26px; margin-bottom:25px; }
.categorias h3 { line-height:15px; margin:0 0 25px 0; }
.categorias h3 span { font-size:16px; display:block;  }
.vejaMais { display:block; clear:both; width:106px; height:31px; text-indent:-3000px; background: url(../_img/btVejaMais.gif) no-repeat 0 0; margin:10px 0 0 auto;}
.categorias p { color:#4d86a1; display:block; min-height:45px; height:auto!Important; height:45px;  line-height:15px; padding:8px 0 1px 0; }
.categorias li { padding:16px; float:left; width:235px; background-color:#99cbe3; }
.categorias li.full li { width:232px; clear:both; padding-top:20px;}
.categorias li li.first { margin-right:38px;}
.categorias li.central { margin:0 25px;}
.categorias li li { padding:0; float:left; width:auto; text-align:right}
.categorias li ul { clear:both; display:block; height:41px;}


.centro { margin:0 11px 0 0; }
.tipos { float:left; padding-top:15px; height:380px; }
.tipos p { color:#003399;}
.tipos h3 { padding:10px 0;}
.tipos h2 { margin:0 0 15px 0 !important; }
.tipos a.saibaMais { margin-left:15px}
.tipos ul li { padding-right:20px;}

.mensalidade { float:right; width:192px; height:34px; color:#fff; background-color:#2e6f9d; text-align:center; letter-spacing:-1px}
.mensalidade span { font-size:16!Important; padding-top:10px;}

#tabMensalidades caption { display:none}
#tabMensalidades { float:right; border-collapse:collapse; margin-top:-15px;}
#tabMensalidades thead th {background-color:#badcec; border:1px solid #fff; text-align:center; padding:6px 0}
#tabMensalidades tbody td { background-color:#d2eaf5; border:1px solid #fff; vertical-align:middle; line-height:18px; padding:6px 10px; color#000;}
#tabMensalidades tbody td strong { padding:0!Important; margin:0!Important; color:#105180}

#FormasPagamento{width:860px; margin:30px 0 30px 0; padding:0; float:left; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#0C4168; text-align:left;}
#FormasPagamento p{ text-align:left; float:left; margin:20px 0 0 60px; padding:0;}

 .cartoes{width:342px; margin:20px 0 0 30px; padding:0; float:left; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#0C4168;}
 .cartoes p{font-weight:bold; margin:0; padding:0; text-align:left;  width:100%; color:#0C4168;}
 .cartoes span{font-size:12px; margin:0; padding:0; text-align:left; width:230px;}
 .cartoes ul{margin:0; padding:0; width:400px; float:left;}
 .cartoes ul li{display:inline; margin:0 5px 0 0; padding:0; float:left;}
.geralModalidade p.associese{ text-align:left; float:left; margin:20px 0 0 60px; padding:0;}

#FormasPagamento .btns{margin:0; padding:0; float:left;}
#FormasPagamento .btns p{margin:0 0 0 40px; padding:0; float:left; display:inline;}
#FormasPagamento .btns2{margin:0 auto; padding:0;width:372px;}
#FormasPagamento .btns2 p{margin:0; padding:0; float:left; display:inline;}

div.hr {border-bottom:1px solid #D8E7F0; clear:both; height:10px; margin:0 0 20px; padding:0;}
div.hr hr { display: none;}

div.observacao{width:860px; margin:20px 0; padding:0; float:left;}
div.observacao p{width:860px; margin:5px 0; padding:0; font-size:12px;}

div.geralLojas{float:left; margin:10px 0 0 0; padding:16px 20px 36px; background:#D2EAF5;}

div#lojas{width:325px; padding:0; float:left; color:#0B4C8C; font-size:12px; height:135px; letter-spacing:normal;}
div#lojas h3{font-size:22px; margin:0; padding:0;}
div#lojas ul{margin:20px 0 0 0; padding:0;}
div#lojas ul li{display:inline; float:left; margin:0 0 10px 0; padding:0; width:328px; font-size:12px;}
div#lojas ul li p{margin:0 0 0 0; padding:0;  font-size:14px;}


div.documentacao{width:494px; margin:0 0 0 0; padding:0; float:left; height:135px; color:#0B4C8C;}
div.documentacao p.textDoc{margin:0 0 10px 13px; padding:0; float:left; width:441px; font-size:14px;}
div.documentacao ul{margin:0 0 0 14px; padding:0; float:left;}
div.documentacao ul ul{margin:0;}
div.documentacao ul p.texto-indicativo{margin:0 0 10px;}
div.documentacao ul li{display:inline; float:left; margin:0 12px 0 0; padding:0; width:234px; letter-spacing:normal;}
div.documentacao ul li.sem-margem{display:inline; float:left; margin:0; padding:0; width:234px; letter-spacing:normal;}
div.documentacao ul li ul li{margin: 0 0 12px;}
div.documentacao ul li img{margin:0 5px 0 0; padding:0;}
div.documentacao ul li span{font-size:11px;}




/* 1. RODAPE */
.mt20 { margin-top:20px; }
.banners { height:120px; clear:both}
.banners .bnnAssociar { display:block; background: url(../_img/btAssocie-se.jpg) no-repeat left center; width:366px; height:100px; color:#d1e6ef; text-indent:-3000px; float:left;}
.banners .bnnRenovar { display:block; background: url(../_img/banners.jpg) no-repeat left center; width:366px; height:100px; color:#d1e6ef; text-indent:-3000px; float:left;}
.banners .bnnCadeiraAzulao { display:block; background: url(../_img/banners.jpg) no-repeat -366px center; width:464px; height:100px; float:right; text-indent:-3000px}
#rodape { clear:both; background: #013463 url(../_img/sprt-cab-rod.jpg) no-repeat 0 -52px; height:79px}
#rodape a { background-image:url(../_img/logos-rodape.gif); background-repeat:no-repeat; text-indent:-3000px;}
#rodape a, #rodape ul, #rodape p { float:left; display:inline-block;}
#rodape a.logoavai {  width:53px; height:66px; margin:5px 15px 0 30px; overflow:hidden; }
#rodape p { color:#6ab0d2; font:85% Verdana, Geneva, sans-serif; letter-spacing:-1px; display:block; width:155px; margin:25px 0 0 0; }
#rodape .premier { width:145px; height:27px; background-position:-60px 0; margin-top:22px; }
#rodape ul { float:right; margin-top:25px; position:relative; right:25px;}
#rodape ul li { float:left; color:#32acf1;}
#rodape ul li strong { display:block; padding-top:7px; margin-right:15px}
#rodape ul li.twitter a { float:left; display:block; width:35px; height:35px; background-position:-55px -30px }
#rodape ul li.facebook a { float:left; display:block; width:35px; height:35px; background-position:-95px -30px }
#rodape ul li.orkut a { float:left; display:block; width:35px; height:35px; background-position:-137px -30px }
#rodape ul li.email a { float:left; display:block; width:48px; height:35px; background-position:-179px -30px }