/* COMUNIDADE */
#comunidade{position:relative; clear:both; padding:22px 0 0; z-index:1 }
#comunidadeCadastro{position:relative; top:14px; clear:both; padding:24px 0 0; z-index:1 }

#comunidade .menuInterna {margin:22px 0 0}
#comunidade #E2colunas{clear:both; height:55px; position:relative}
#comunidade #E2colunas .coluna1{width:571px;}
#comunidade #E2colunas .coluna2{width:320px; }
.opera9 #comunidade #E2colunas{height:60px;}

#comunidade #E3colunas{clear:both; position:relative }


.newsletter{margin:33px 0 0 0}
#h_newsletter{float:left}
.newsletter .campo {width:200px; margin:0 3px 0 0; height:13px; float:left}
form .botao, .botao a{width:25px; height:19px; background:url(../_images/btn-ok.jpg); text-indent:-9999px; line-height:30px; overflow:hidden; border:none; display:block}
.botao a{float:right; margin:10px 0 0 0}

#comunidade #E3colunas{margin:22px 0 0; clear:both}
#comunidade #E3colunas .coluna1{width:181px; margin:0 27px 0 0; float:left; display:inline}
#comunidade #E3colunas .coluna2{width:360px; margin:0 29px 0 0; float:left; display:inline; overflow:hidden}
#comunidade #E3colunas .coluna2100{width:700px; margin:0 0 12px 0; float:left; display:inline; overflow:hidden; }
#comunidade #E3colunas .coluna3{width:310px; float:left; display:inline;  overflow:hidden}

.thumb{width:180px; height:170px; overflow:hidden}
.nome{width:180px; background:url(../_images/nome-bg.jpg); height:20px; margin:10px 0 0 0; font-size:12px; font-weight:bold; color:#58595b }
.nome .topo{margin:-1px 0 0 0; float:left; padding:0; }
.nome .texto{padding:0 0 0 6px; overflow:hidden; clear:both  }
.detalhes{margin:5px}
.nome .footer{float:left}

.procuraAmigoComunidade{ margin: 8px 0; }
.procuraAmigoComunidade .campo{ width:139px; float:left; margin:0 2px 0 0}
.procuraAmigoComunidade label { font-size: 11px; }
.procuraAmigoComunidade h2 { margin-bottom: -4px; }
.convidaramigo { margin:7px 0 0 0}
.convidaramigo a{background:url(../_images/btn-convide-amigo.jpg); width:153px; height:19px; text-indent:-900px; overflow:hidden; display:block}

.separalateral{background:url(../_images/separa_lateral.jpg) no-repeat; width:182px; height:11px; display:block; clear:both; margin:15px 0 0 0; overflow:hidden}

.item{ margin:0 0 7px 0}
.barra{width:180px; height:20px; background:#c7c8ca; border: 1px solid #a7a9ac; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.atualizar a{background:url(../_images/btn-atualizar.jpg); width:70px; height:19px; display:block; overflow:hidden; text-indent:-9999px; overflow:hidden; float:right; margin:6px 0 0 0 }

.novidades{margin:10px 0 0 -2px} 
.novidadesRolagem{ margin:5px 0 15px 2px; background:url(../_images/bg-preto-vertical.jpg) right 0 repeat-y; height:217px; overflow:hidden}
.novidadesRolagem .item{ width:320px; float:left}
.novidadesRolagem img{ margin:0 0 12px 0}
.vejamais a{background:url(../_images/btn-vejamais.jpg); width:58px; height:18px; display:block; overflow:hidden; text-indent:-9999px; overflow:hidden; float:right; margin:5px 0 14px 0}
.novidades h4{ font-weight:bold; color:#58595b; padding:0 0 8px}
.previous{float:right; background:url(../_images/seta-preta-sobe.jpg); width:24px; height:22px; text-indent:-9999px; display:block; overflow:hidden}
.next{float:right; background:url(../_images/seta-preta-desce.jpg); width:24px; height:22px; text-indent:-9999px; display:block; overflow:hidden; margin:-20px 0 0 0}
.novidades .carousel-wrap{height:215px !important; overflow:hidden }
.firefox3 .novidades .carousel-wrap{height:354px !important; overflow:hidden }

#comunidade #calendario{height:204px}
.comunidades{ margin:9px 0 0 0; width:321px}
.comu{width:97px; float:left; text-align:center; margin:0 4px 11px; display:inline}
.comu .imagem{ width:97px; height:79px; overflow:hidden;}
.comu .texto{width:92px; margin:4px 0 0 0}
.comu .texto a{color:#58595b}
.comu .texto a:hover{text-decoration:underline}

.clear{width:100%; display:block; height:1; overflow:hidden; clear:both}
.titulo{float:left}
.paginacao { float: right; }
/*.paginacao{height:13px; background:url(../_images/paginacao-bg.jpg); float:right; color:#FFFFFF; font-size:10px; margin:0 11px 0 0; display:inline }
.paginacao img{float:left}
.pag{float:left}
.paginacao a{color:#FFFFFF; }*/


/* RESULTADO BUSCA */
.resultadosBusca strong{ font-weight:bold; font-size:13px; color:#58595b}
.resultados{ margin:27px 0 15px 2px; background:url(../_images/bg-preto-vertical.jpg) right 0 repeat-y; height:313px; overflow:hidden;  }

.resultItem { width:337px; display:block; float:left; margin:0}
.resultItem .imagem{ width:97px; height:79px; overflow:hidden; float:left}
.resultItem .texto{margin:4px 0 0 11px; float:left; width:228px }
.resultItem .texto a{color:#58595b}
.resultItem .texto a:hover{text-decoration:underline}

.resultados .item .linha{height:103px; background:url(../_images/separa-busca.jpg) no-repeat center bottom; clear:both; margin:0 0 4px 0 }
.resultadosBusca .next{margin:-18px 0 0}


/* DETALHE COMUNIDADE */
.subcoluna1 {float:left}
.subcoluna1 .comu{ text-align:left; margin:0}
.subcoluna1 .comu h2, .subcoluna2 h2{font-weight:bold; font-size:12px; margin:0 0 4px 0}
.subcoluna1 .comu .texto{font-size:11px; line-height:12px; margin:0 0 16px 0}
.subcoluna1 .comu a{display:block; text-indent:-9999px; overflow:hidden; width:96px; height:20px}
.subcoluna1 .comu .adicionar a{background:url(../_images/btn-adicionar.jpg); margin:0 0 5px 0}
.subcoluna1 .comu .excluir a{background:url(../_images/btn-excluir.jpg)}

.subcoluna2{float:left; margin:0 0 0 25px; width:570px}
h3{ color:#58595b; font-size:12px; font-weight:bold; }
.membros{height:106px; background:url(../_images/usuarios-barra-dir.jpg) right 0 no-repeat #ebebec; float:left; width:698px; margin:5px 0 0}
.membros .canto{float:left}
.membrosRolagem { margin:8px 0 0 0}
.membrosRolagem .carousel-wrap{width:625px !important; overflow:hidden; float:left}
.membrosRolagem .comu{float:left; margin:0 15px 0}
.membrosRolagem .previous, .membrosRolagem .previous .hover{background:url(../_images/seta-voltar-bgescuro.jpg) no-repeat; width:17px; height:52px; margin:0; float:left; margin:24px 0 0 5px}
.membrosRolagem .next, .membrosRolagem .next .hover{background:url(../_images/seta-avancar-bgescuro.jpg) no-repeat; width:17px; height:52px; margin:24px 0 0 21px; float:left}

div .paginacao-box { min-height:125px; }

/* Novidades */
#comunidade #E3colunas .novidade { float: left; width: 700px; }

/* CADASTRO */
#h_solicitacao-de-entrada-na-comunidade-bio-ritmo{margin:21px 0 28px}
#comunidadeCadastro #E2colunas.cadastro{ height:auto !important; margin:15px 0 0}
.cadastro .coluna1{width:509px !important; background:url(../_images/separa-cadastro.jpg) right 0 no-repeat; margin:0 0 31px 5px; display:block; }
.cadastro .coluna2{width:381px !important; display:block}
.cadastro .coluna-centro { background:none; }
.cadastro label{ display: block; font-weight:bold; padding:0 5px 0 0; }
.cadastro .label-texto { font-weight:normal; }
.cadastro input, .cadastro select { border:1px solid #a7a9a8; padding:1px 3px 2px 3px;font:normal 11px arial; color:#595959; }
.cadastro .radio { border:none; }

.btncancelar{ display: block; background:url('../_images/btn-cancelar.jpg'); cursor:pointer; width:70px; height:21px; text-indent:-9999px; border:none; line-height:30px; float:right; display:block; border:none !important; }
.btnenviar	{ background:url('../_images/btn-enviar.jpg'); cursor:pointer; width:53px; height:21px; text-indent:-9999px; border:none; line-height:30px; float:right; display:block; border:none !important; line-height:999px !important}

p.legenda { font-size:11px; padding:0 0 30px 0; }

.slider-track { background-color:#999;height:20px; cursor:pointer; }
/**/

.editarPerfil a{background:url(../_images/btn-editarPerfil.jpg); display:block; text-indent:-9999px; overflow:hidden; width:93px; height:23px; float:right}

/* Convide amigo */
#amigo{display:none; position:absolute; z-index:999; width:153px; height:128px; background:url(../_images/bg-amigo.jpg); text-align:center; font-size:10px; padding-top: 20px; }
#amigo .campo{ text-align:center; width:134px; height:16px; margin:1px 0; line-height:18px}
#amigo .mensagem{width:134px; height:47px; text-align:center;}
#amigo .botao{ background:url(../_images/btn-enviar.jpg);  width:53px; height:21px; text-indent:-9999px; border:none; line-height:30px; float:right; display:block; margin:0 7px 0 0}

/* COMO FUNCIONA  */
#h_grafico-de-evolucao-dos-exercicios{float:left}
.comofunciona{float:right}
.comofunciona a{background:url(../_images/btn-comofunciona.jpg); width:98px; height:20px; overflow:hidden; text-indent:-9999px; display:block; float:right}
#comofunciona{ position:absolute; width:263px; display:none; right:342px; top:19px; color:#FFFFFF; z-index:10 }
#comofunciona .bg{background:url(../_images/comofunciona-bg.png) repeat-y; padding:12px; float:left; display:inline }
#comofunciona .imgTop{float:left; margin:0; padding:0; display:inline;  height:23px; vertical-align:top }
#comofunciona .imgFooter{float:left; margin:0; padding:0; display:inline; height:8px; vertical-align:top; }
.msie6 #comofunciona .imgFooter, .msie7 #comofunciona .imgFooter{margin:-4px 0 0 0}
#comofunciona p{padding:3px 0}

/* GRAFICO */
#grafico { width: 365px; height: 240px; }
#grafico-form { float: left; margin: 5px 0; width: 355px; }

#formGrafico input { background: #f1f2f2; border: 1px solid #a7a9ac; color: #58595b; font-size: 12px; width: 60px; height: 16px; }
#formGrafico .btnSubmit { float: right; width: 115px; height: 20px; line-height: 20px; font-size: 12px; }