* {
margin:0px;
padding:0px;
font-family:Verdana, Verdana, Geneva, sans-serif;
font-size:1.0em;
color:#000;
list-style:none;
border:0;
text-decoration:none;
text-align:left;}

html {background-color:#f3f3f3;}
body {text-align:center;}
#geral {
background: url(img/fundo.jpg) repeat-x center top;	
text-align:center;
width:100%;
}

/* ------------------------------------- TOPO --------------------------------------  */
#topo {height:96px; width:770px; margin:0 auto; padding:24px 0px 2px 0px;}

#topo #logo {float:left; width:206px;}
#topo #login1 {float:right; width:419px; height:31px; background:url(img/aba-login.jpg) no-repeat center bottom; padding:65px 5px 0px 43px;}
#topo #login1 form {width:419px; height:22px; padding:5px 0px 4px 0px;}
#topo #login1 form p {height:22px;}
#topo #login1 form p span {float:left; font-size:0.76em; font-weight:bold; padding:3px 0px 2px 0px;}
#topo #login1 form label {font-size:0.70em; float:left; text-align:right; width:37px; padding:3px 3px 2px 9px;}
#topo #login1 form #login, #topo #login1 form #email {
width:110px; height:15px; padding:4px 4px 3px 4px; background:url(img/campo-login.jpg) no-repeat center; font-size:0.70em; display:block; float:left;}
#topo #login1 form #senha {
width:72px; height:15px; padding:4px 4px 3px 4px; background:url(img/campo-senha.jpg) no-repeat center; font-size:0.70em; display:block; float:left;}
#topo #login1 form .bt-enter {width:29px; height:19px; margin:1px 0px; background:url(img/bt-ok.jpg) no-repeat center; display:block; float:right; text-indent:-9000px; overflow:hidden;}

#destaque {width:770px; margin:0 auto; height:240px;}
#destaque #destaque-foto {float:left; width:560px; height:240px;}
#destaque #menu {width:170px; float:right; background-color:#80ab1d; height:226px; padding:8px 20px 6px 20px;}
/* ******* MENU vertical ******* */
#menu ul li {display:block; position:relative; padding:1px 0px;}
#menu ul li a {color:#fff; text-transform:uppercase; padding:6px 6px 6px 6px;  height:13px; display: block; font-size:0.7em; font-weight:bold;}
#menu ul li a:hover {background-color:#6f9811;}
#menu ul li a.submenu, #menu ul li a.submenu:hover {}
#menu2a li ul {
top:1px;
left:-200px;
position:absolute;
display:none;
width:200px;
list-style-type:none;
z-index:7701;
border-bottom:1px solid #ccc;
background-color:#b2d85b;}
#menu2a li ul li {
display:block;
float:none;	
white-space:nowrap;
width:200px;
height:24px;
padding:0px;
z-index:7702;
border-right:1px solid #ccc;}
#menu2a li ul li a {
display:block;
width:178px;
height:12px;
font-size:0.6em;
background-color:#b2d85b;
padding:6px 11px 5px 11px;
color:#222;
text-decoration:none;
text-align:left;
border-top:1px solid #eee;}
#menu2a li a:hover {background-color:#6f9811; color:#fff;}
#menu2a li:hover ul, #menu2a li.over ul {display:block;}
/* ******* // MENU \\ ******* */
/* ------------------------------------- // TOPO \\ --------------------------------------  */



/* ------------------------------------- CONTEUDO --------------------------------------  */
#conteudo {width:770px; margin:0 auto; padding:10px 0px 10px 0px;}
#conteudo div.limpa {height:1px; clear:both;}
#conteudo hr {height:1px; clear:both; color:#bbb; background-color:#bbb; margin:10px 0px; padding:0x;}
#conteudo p {line-height:140%; padding:3px 0px;}

#conteudo div.blocos {width:770px; clear:both; padding:15px 0px 8px 0px;}
#conteudo  #lateral {width:170px; float:right; background-color:#d5d5d5; padding:10px 20px 10px 20px;}
#conteudo  #lateral ul li {display:block; position:relative; padding:1px 0px;}
#conteudo  #lateral ul li a {color:#444; padding:6px 6px 6px 6px; display:block; font-size:0.7em; font-weight:bold;}
#conteudo  #lateral ul li a:hover {background-color:#ccc;}
#conteudo #lateral h3.h3-noticia {padding:20px 0px 3px 0px; font-weight:bold; font-size:0.86em;}
#conteudo #centro {padding:10px 10px 35px 10px; font-size:0.8em;}
#conteudo .centro-lat {width:540px; float:left;}
#conteudo #centro img.img_esq {float:left; margin:5px 15px 5px 0px; padding:1px; border:1px solid #ddd;}
#conteudo #centro img.img_dir {float:right; margin:5px 0px 5px 15px; padding:1px; border:1px solid #ddd;}
#conteudo #centro div.fotos {text-align:center;}
#conteudo #centro a, #conteudo div.news-cont div.content a {color:#083748; border-bottom:1px dotted #083748;}
#conteudo #centro a:hover, #conteudo div.news-cont div.content a:hover {border-bottom:1px solid #1f5a70;}
#conteudo h2.interno {font-size:0.8em; text-transform:uppercase; padding:8px 10px 7px 10px; margin:0px 0px 0px 0px; color:#6f9811; font-weight:bold; background-color:#e3e3e3; border-top:1px dotted #bbb;}
#conteudo h2.interno a {border-bottom:1px dotted #6f9811; color:#6f9811;}
#conteudo h2.interno a:hover {border-bottom:1px solid #6f9811;}
#conteudo #centro div.box {margin:18px 0px; border:3px solid #c1c1c1; padding:13px 15px; color:#083748; background-color:#e0e0e0;}
#conteudo #centro h3 {padding:20px 0px 6px 0px; font-weight:bold;}
#conteudo #centro ul li {padding:3px 0px 3px 0px; list-style-type:disc; list-style-position:inside; line-height:140%;}

#conteudo #centro form.contato {margin:15px 0px 0px 0px; padding:18px 40px; background-color:#dbe9c4;}
#conteudo #centro form.contato label {width:135px; display:block; float:left; padding:0px 9px 0px 0px; text-align:right; color:#333;}
#conteudo #centro form.contato p {padding:5px 0px; height:21px; display:block; clear:both; width:100%;}
#conteudo #centro form.contato p.p_area {height:163px;}
#nome, #telefone, #nomeempresa, #ramo, #responsavel, #profissao, #condominio, #opcoes, #sindico, #cooperativa
{width:518px; border:1px solid #7f9db9; background-color:#fbfbfb; padding:1px 2px; float:left; height:16px;}
#conteudo #centro form.contato #email {width:518px; border:1px solid #7f9db9; background-color:#fbfbfb; padding:1px 2px; float:left; height:16px;}
#cidade, #esportequal, #bicicleta, #desde
{width:292px; border:1px solid #7f9db9; background-color:#fbfbfb; padding:1px 2px; float:left; height:16px;}
#estado, #pratica, #possui-bici
{width:80px; border:1px solid #7f9db9; background-color:#fbfbfb; padding:0px; float:left;  height:21px;}
#objetivo {width:522px; border:1px solid #7f9db9; background-color:#fbfbfb; padding:0px; float:left;  height:21px;}
#esporte, #servico {width:189px; border:1px solid #7f9db9; background-color:#fbfbfb; padding:0px; float:left;  height:21px;}
#msg {
width:520px;
height:160px;
border:1px solid #7f9db9;
background-color:#fbfbfb;
padding:1px;
overflow-y:scroll;}
#conteudo #centro form.contato .botao {
background-color:#7b9d3f;
float:right;
display:block;
padding:0px 4px;
text-align:center;
color:#fff;
text-decoration:none;
border-right:1px outset #7f9db9;
border-bottom:1px outset #7f9db9;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
cursor:pointer;}

#conteudo table.tabdados {margin:5px 0px; width:100%;}
#conteudo table.tabdados th {background-color:#ddd; padding:3px 5px; border:1px solid #ccc; font-weight:bold;}
#conteudo table.tabdados td {background-color:#fff; padding:2px 5px; border:1px solid #ccc; color:#333; font-size:0.9em;}

#conteudo div.blocos p {text-align:left; min-height:178px; display:block; font-size:0.7em;}
#conteudo div.blocos p.saiba-mais {width:155px; min-height:22px; height:22px; position:relative; overflow:hidden;}
#conteudo div.blocos p.saiba-mais span {position:absolute; width:100%; height:100%; background:url(img/bt-mais.jpg) no-repeat center;}
#conteudo div.blocos h2 {font-size:0.9em; border-bottom:1px solid #80ab1d; margin:0px 0px 3px 0px; padding:0px 0px 3px 0px; width:155px; height:17px; position:relative; overflow:hidden;}
#conteudo div.blocos h3.h2bloco {font-size:0.76em; border-bottom:1px solid #80ab1d; text-align:right; letter-spacing:1.8pt; font-style:italic; text-transform:lowercase; margin:0px 0px 3px 0px; padding:0px 0px 3px 0px; width:155px; height:17px; position:relative;}
#conteudo div.blocos h3.h2bloco img {float:left;}
#conteudo div.blocos h2.condominium span {background:url(img/h2-condominium.jpg) no-repeat right;}
#conteudo div.blocos h2.personal span {background:url(img/h2-personal.jpg) no-repeat right;}
#conteudo div.blocos h2.runners span {background:url(img/h2-runners.jpg) no-repeat right;}
#conteudo div.blocos h2.corporate span {background:url(img/h2-corporate.jpg) no-repeat right;}
#conteudo div.blocos h2 span {position:absolute; width:100%; height:100%;}
#conteudo div.blocos div.bloco {width:155px; padding:0px 25px; float:left;}
#conteudo div.blocos div.bloco1 {width:155px; padding:0px 25px 0px 0px; float:left;}
#conteudo div.blocos div.bloco2 {width:155px; padding:0px 0px 0px 25px; float:right;}
#conteudo div.blocos div.bloco-inf {width:360px; padding:0px 0px 0px 25px; float:right;}
#conteudo div.blocos div.bloco-inf h3.h2bloco {width:360px; border-bottom:1px solid #888;}
#conteudo div.blocos div.bloco-inf p {min-height:10px; padding:4px 0px 12px 0px !important;}
#conteudo div.blocos span.spandata {padding:0px 0px 0px 0px !important; font-size:0.9em; font-weight:bold; font-style:italic; display:block;}

#conteudo div.blocos div.cont-banner {width:215px; margin:0px 55px 0px 0px; float:left; border-top:1px dotted #bbb; padding:0px 0px;}
#conteudo div.blocos div.cont-banner h2.banners {font-size:0.8em; border-bottom:none; text-transform:uppercase; padding:17px 12px 0px 12px; margin:0px; color:#6f9811; font-weight:bold;}
#conteudo div.blocos div.cont-quadros {width:500px; margin:0px 0px 0px 0px; float:right; border-top:1px dotted #bbb; padding:17px 0px;}
ul.fotos {padding:18px 0px 0px 0px;}
ul.fotos li {float:left; width:113px; height:87px; padding:4px 5px;}
ul.fotos li a {border-bottom:none !important;}
ul.fotos img {width:105px; height:79px; padding:0px 0px 0px 0px; border:4px solid #ccc;}

/* ///// Estilos do slideshow javascript //// */
.slideshow {width:385px; float:left;}
.slideshow ul {width:385px; background-color:#f3f3f3;}
.slideshow ul li {display:block; clear:both; width:385px; position:relative;}
/* ------------------------------------- // CONTEUDO \\ --------------------------------------  */


/* ------------------------------------- RODAPE --------------------------------------  */
#rodape {
background: url(img/fundo-rodape.jpg) repeat-x center top;	
background-color:#94c713;
text-align:center;
width:100%;}

#parceiros {width:770px; margin:0 auto; padding:3px 0px 15px 0px;}
#parceiros h2.h2parceiros {width:125px; height:20px; position:relative; overflow:hidden;}
#parceiros h2.h2parceiros span {position:absolute; width:100%; height:100%; background:url(img/aba-parceiros.jpg) no-repeat center;}
#parceiros #plogos {width:746px; background-color:#fff; margin:2px 0px 0px 0px; padding:10px 12px 7px 12px;}
#parceiros #plogos h3.apoio {font-size:0.7em; color:#222; text-transform:lowercase; margin:0px 0px 0px 0px; padding:4px 7px; background-color:#ccc;}
#parceiros #plogos #dapoio {width:704px; border:1px dotted #aaa; padding:5px 20px; height:50px;}
#parceiros #bottom-plogos {width:770px; background:url(img/bottom-plogos.jpg) no-repeat center; height:10px;}

#parceiros p.direitos {padding:15px 0px 5px 0px; font-size:0.7em; text-align:center; color:#333;}
/* ------------------------------------- // RODAPE \\ --------------------------------------  */


.news_style {display:none;}
.news_show {width:500px; height:220px; overflow:auto;}
.news_border {width:500px; height:220px; overflow:auto;}
.news_mark {width:428px; float:left; height:29px; text-align:center; background-color:#ccc;}
#news_display {padding:7px 15px 8px 15px; font-size:0.7em; text-align:right;}
.news_show img {margin-right:10px; float:left;}
.buttondiv {
float:left; 
display:block;
padding:3px 5px 5px 5px; 
border:1px solid #ccc;
border-top:none;
height:20px;
width:60px;}

ul.menu-quadro {width:500px; height:28px; border-bottom:1px solid #ccc; margin:0px 0px 1px 0px;}
ul.menu-quadro li {width:98px; height:28px; float:left; background:url(img/aba-quadro.jpg) no-repeat center; display:inline;}
ul.menu-quadro li.destaca {width:98px; height:28px; float:left; background:url(img/aba-quadro1.jpg) no-repeat center; display:inline;}
ul.menu-quadro li a {display:block; padding:8px 8px 5px 8px; font-size:0.76em; text-align:center; color:#333;}
ul.menu-quadro li.destaca a {font-weight:bold; color:#222;}

div.news-cont {width:496px; clear:both; font-size:0.9em; border:2px solid #ccc; background-color:#fff; height:186px;}
div.news-cont div.content {padding:10px 20px 10px 20px; line-height:140%;}
a.link_quadronews {border-bottom:none !important; color:#000 !important;}
span.creditos_quadronews {font-size:10px; color:#333;}
#conteudo div.news-cont h2.h2quadro {border-bottom:none; font-size:1.0em; text-transform:uppercase; padding:10px 20px 3px 20px; color:#6f9811; font-weight:bold; width:456px; background-color:#e3e3e3;}
#conteudo div.news-cont img {margin-right:15px; float:left; padding:2px; border:1px dotted #888;}


/* ///// Estilos do slideshow javascript //// 
.slideshow {width:229px; height:224px;}
.slideshow ul {width:229px; height:224px;}
.slideshow ul li {display:block; width:229x; height:224px; position:relative;}
.slideshow ul li img {width:229px; height:224px;}
.slidetexto {position:absolute; display:block; width:209px; height:78px; z-index:9005; top:136px; left:0px; background-color:#000; overflow:hidden; padding:3px 10px 7px 10px; opacity:0.66; -moz-opacity:0.66; filter:alpha(opacity=66);}
.slidetexto p.slidetit {font-size:1.5em; color:#fff; font-weight:normal; padding:0px 0px 2px 0px;}
.slidetexto p {color:#fff; line-height:135%;}

#slidePager {display:block; height:29px; background-color:#111;}
#slidePager a {display:block; width:25px; height:17px; float:left; text-align:center; padding:6px 6px 6px 6px; color:#ddd; font-weight:bold;}
#slidePager a.activeSlide {display:block; width:25px; height:23px; background-color:#a5c7e3; font-size:1.3em; padding:3px 6px 3px 6px; color:#222; font-weight:bold; text-align:center;}*/