* {margin:0;padding:0;list-style:none;vertical-align:baseline; outline: 0; border: none}
/* CSS Document */
html {min-height: 100%;height: auto;}
body{color:#6b6b6b; position:  relative; min-height: 1000px; font-family:'Arial'; font-size: 12px; padding: 0; margin:0;  background: url(/client/img/padrao_background.jpg);}
body a{text-decoration: none;}
body h1{text-transform: capitalize; font-weight: bold; font-size: 22px; color: #404040}
body h2{font-weight: bold; font-size: 15px; color: #7abf42; text-transform: uppercase}
body h3{text-transform: uppercase}
body h4 {text-transform: uppercase}
.footer{background: url(/client/img/footer_logos_1.png) no-repeat bottom left; height: 797px; min-height: 950px; min-width: 888px; width:100%; position: absolute; bottom: 0; z-index:-10; }
/*UPPER*/
.upper{height: 138px; width: 100%;}
.upper .top{height: 25px; width: 100%; background: url(/client/img/menu/pxl_barra_pesquisa.png); line-height: 25px; position: absolute; top: 0px}

.top #logNot{width: 625px; height: 25px; margin-left: 263px; font-size: 11px}

.top #login{ height: 25px; width: 319px; background:url(/client/img/menu/pixel_barras_menus.png); float: left;}
.top #login #lbLogin{width: 54px; color: #e5e5e5; float: left; text-align: center}
.top #login #txtPass{width: 109px; color: #303030; float: left;margin-left:2px; margin-top: 1px; border: 0!important; line-height: 22px; height: 22px; padding-left: 7px}

.top #login #txtSocio{width: 109px; color: #303030; float: left;margin-left:2px; margin-top: 1px; border: 0!important; line-height: 22px; height: 22px; padding-left: 7px}
.top #login #btOk{height: 25px; width: 29px; color: #fff; float: left; background: none; border: none; cursor: pointer;}

.top #login h3{color:#ccc}
.top #login h3 span{ font-style: italic;}
.top #login h3 a{ float: right; color: #fff}

#forgot {position: absolute; top:22px; left:433px; z-index: 10; width: 150px;text-align: right}
#forgot a{color:#686868; font-size:10px; font-family: "Verdana";}
#forgot a:hover{color:#ccc;}

.top #logado{height: 25px; width: 319px; float: left; font-size: 12px; color:#6b6b6b}
.top #logado #boas{text-transform: capitalize;}
.top #logado #nome{text-transform: capitalize; font-weight: bold;}
.top #logado a{text-transform: uppercase; color:#6b6b6b}
.top #logado a:hover{color:#000}

#pesquisa{height: 25px; width: 279px; background:url(/client/img/menu/pixel_barras_menus.png); float: left; margin-left: 26px; line-height: 25px}
#pesquisa #set{width: 19px; float: left; color: #fff; text-align: center; height: 25px; border-right: #dfdfdf 1px solid; cursor: pointer}
#pesquisa #btP{background: url(/client/img/menu/bt_icon_pesquisa.png) no-repeat center !important; line-height: 0px; text-indent: -2000px; display: block; height: 16px; width: 12px; position: absolute; top:5px; left: 860px; cursor:pointer}
#pesquisa #lbPesquisa{width: 90px; color: #e5e5e5; height: 25px; text-align: center; float: left; text-transform: uppercase}

#pesquisa #txtPesquisa{width: 125px; color: #303030; float: left;margin-left:2px; margin-top: 1px; border: 0!important; line-height: 22px; height: 22px; text-indent:5px; padding:0px;  font-size: 10px}

.top ul{display:none; position: absolute; top:25px; left:608px; width:269px; background:url(/client/img/menu/pixel_barras_menus.png); z-index: 2000; padding-left: 10px}
.top ul li a{color: #ccc;}
.top ul li a:hover{color: #7abf42;}


.upper #barraMenus{ height: 77px; position: absolute; top: 61px;}
.upper a#logo{display:block; height: 77px; width: 195px; background-image: url(/client/img/menu/logo_atv.jpg);float:left; margin-left: 1px;}
.upper #caixaLinksB {width: 679px; height: 50px; left: 209px; top: 27px; position: absolute}
.upper #caixaLinksB ul li{display: inline; float: left;}
.upper #caixaLinksB ul li a{height: 50px; width: 225px; float:left; margin-left: 1px}
.upper a#linkNot{background: url(/client/img/menu/bt_noticias.jpg) top no-repeat;}
.upper a#linkAct{background: url(/client/img/menu/bt_actividades.jpg) top no-repeat;}
.upper a#linkFaz{background: url(/client/img/menu/bt_faz_socio.jpg) top no-repeat;}
.upper a#linkNot:hover, a#linkAct:hover, a#linkFaz:hover {background-position: bottom}
.upper #caixaVerde{width: 13px; height: 26px; background-color: #93ca65; float: left}
.upper #caixaEsq{width: 13px; height: 50px; background:url(/client/img/menu/pixel_barras_menus.png); position: absolute; top:27px; left:0px}
.upper #caixaLinks{height: 26px; width: 678px; background:url(/client/img/menu/pixel_barras_menus.png); position: absolute; left: 210px; top:0px;  line-height: 26px; font-size: 11px}
.upper #caixaLinks ul li{display: inline; float: left; margin-left: 7px}
.upper #caixaLinks ul li a{color: #e5e5e5; text-transform: uppercase}
.upper #caixaLinks ul li a:hover{color: #7abf42;}
.check{color: #7abf42!important;}
.upper #caixaLinks ul li span{display: block; width: 10px; height: 10px; background: url(/client/img/menu/barras_separadores_menu_sec.png); margin-top: 8px}
.upper #caixaLinks ul li a#icon{ display: block; width: 14px; height: 12px; background: url(/client/img/menu/bt_icon_home.png) top; margin-top: 6px; margin-left: 8px !important; margin-right: 3px}
.upper #caixaLinks ul li a#icon:hover{ background-position: bottom}
.upper .expand{height: 77px; width: 100%; background: url(/client/img/menu/pixel_horizontal_barras_men.png); position: absolute; top: 61px;}
.upper .white{height: 77px; width:888px; background: url(/client/img/padrao_background.jpg); position: absolute; top: 61px}
/*CENTER*/
.center{width: 887px;}
.center #left{width: 195px; float: left;  margin-left: 13px; margin-top: 24px;}
.center #left #newsletter{width: 195px; height:128px; border: #ccc solid 1px; text-align: center; background: url(/client/img/pxl_caixa_conteudo.png); font-size: 11px}
.center #left #newsletter input{width: 161px; height:23px; line-height: 23px; border: #ccc solid 1px;  padding-left: 7px; margin-top: 3px; font-size: 11px; color:#a4a4a4}
.center #left #newsletter #btInscricao{width: 170px; height: 19px; background: url(/client/img/bt_submeter.jpg) no-repeat top; border: none !important; text-align: right !important; padding-right: 7px; color: #fff; cursor: pointer}
.center #left #newsletter p{display: block; width: 183px; height: 30px; line-height: 30px; text-transform: uppercase; border-bottom: #ccc 1px solid; margin-left: 6px; margin-bottom: 4px; font-size: 14px; color: #535353; font-weight: bold}

.center #right{width: 653px; float: right; margin-top: 24px;}
/*BANNERS CENTER HOME*/
.center .scroll { position:relative; overflow:hidden; width: 653px; height:245px; background: url(/client/img/caixa_banner_fixo.png);}
.center .scroll div.items { width:20000em; position:absolute; height: 222px; overflow: hidden; margin-top: 5px;}
.center .scroll div.items a{ margin-left: 5px;}
.center .items div.active { border:1px inset #ccc; background-color:#fff;}
.center div#actionButtons a{cursor: pointer}
.center #bannerTop{height: 20px; width: 643px; padding-left:5px; padding-right: 5px;}
.center #bannerTop #paginas a{display: block; height:20px; width: 23px; background: url(/client/img/menu/pixel_barras_menus.png); color: #e5e5e5; text-align: center; line-height: 20px; float: left; margin-left: 1px; font-weight: bold}
.sel{background: #7c9dcd !important}
.center #actionButtons {float: right}
.center #actionButtons a{float: right; margin-left: 5px; margin-top: 5px}
.center #actionButtons span{float: right; margin-left: 5px; margin-top: 2px; color: #959595}
.center #actionButtons a#bannerPause{ background: url(/client/img/bt_pause.png) top; display: block; width: 8px; height: 10px}
.center #actionButtons a#bannerPlay{ background: url(/client/img/bt_play.png) top; display: block; width: 9px; height: 10px}
.center #bannerDown{width: 653px;  margin-top: 5px; height: 30px}
.center #bannerDown .titBanner h3{color:#7abf42; float: left; font-size: 15px; font-weight: bold}
.center #bannerDown .titBanner h4{color:#9b9b9b; clear: both; text-transform: uppercase; font-weight: normal!important}
.center #bannerDown .titBanner span{color:#aaaaaa; float: right; font-style: italic}
.center #destaques{width: 670px; height: 250px; margin-top: 50px;}
.center #destaques h1{margin-bottom: 15px}
.center #destaques .wrap-destaque{height: 200px; width:213px; margin-right: 7px; float: left; background: url(/client/img/caixa_destaque.png) no-repeat bottom;}
.wrap-destaque img{margin:20px 0 0 5px}
.center #destaques h3 a{text-transform: capitalize !important; color: #686868; font-size: 14px; font-weight: bold;}
.center #destaques h3 a:hover{color: #7abf42;}
.center #destaques .descricao{font-size: 12px; color: #959595; margin-top: 5px; margin-left: 10px; margin-right: 5px; font-weight: normal!important}

.center #videosRec{ height: 150px; margin-top: 34px; width: 690px;}
.center #videosRec a{ display: block; float: left; border: #ccc solid 1px; margin-right:8px; margin-top: 15px; padding: 4px; background: url(/client/img/pxl_caixa_conteudo.png); cursor: pointer;}
.center #videosRec a img{height: 78px; width: 114px; text-indent: -1000px; margin: 0px;display:block;}
.center #videosRec .tipVideos{ background:url(/client/img/bico_caixa_azul.png) no-repeat bottom left; color:#fff; min-height: 36px; display: none}
.center #videosRec div{margin-left:2px; background: url(/client/img/pixel_caixa_azul.png); min-height: 20px; font-weight: bold; color: #e5e5e5; padding: 5px; line-height: 20px; margin-bottom: 6px}

.center #fotosRec{margin-top: 34px; height: 150px; width: 690px}
.center #fotosRec a{display: block; float: left; border: #ccc solid 1px; margin-right:8px; margin-top: 15px; padding: 4px; background: url(/client/img/pxl_caixa_conteudo.png); cursor: pointer}
.center #fotosRec a span{display: block; height: 78px; width: 114px; text-indent: -1000px}
.center #fotosRec .tipFotos{ background:url(/client/img/bico_caixa_azul.png) no-repeat bottom left; color:#fff; min-height: 41px; display: none}
.center #fotosRec .tipFotos div{margin-left:7px; background: url(/client/img/pixel_caixa_azul.png); min-height: 20px; font-weight: bold; color: #e5e5e5; padding: 5px; line-height: 20px; margin-bottom: 6px}
/*CAIXAS COM IMAGENS E TXT*/


.imgCrop{ float: left; width: 138px; background: url(/client/img/caixa_thumb/pixl_horizontal.png) repeat-y left bottom;}
.imgCrop .bc1 {background: url(/client/img/caixa_thumb/topo.png)  no-repeat left top; width: 138px; padding: 5px; padding-bottom: 3px!important; margin-top: 0px;}
.imgCrop .bc2 {background: url(/client/img/caixa_thumb/base.png) no-repeat bottom left; width: 132px; height: 2px}

/*.divTeste{width: 150px; height: 100px; background: url(/client/img/caixa_thumb/topo.png), url(/client/img/caixa_thumb/pixl_horizontal.png) #000; background-position: left top, 0px 27px ; background-repeat: no-repeat, repeat-y;}*/

div.texto{width: 500px; float:right; margin-top: 10px;}
div.texto h3{float: left; text-transform: uppercase; color: #686868; font-size: 13px; font-weight: normal!important}
div.texto div{margin-top: 25px; margin-bottom: 10px; text-align: justify; color: #6b6b6b}
div.texto a{font-size: 10px; color: #6484ba; text-transform: uppercase}
div.texto a:hover{text-decoration: underline}
/*CENTER RIGHT NOTICIAS*/
.checkNot {background-position: bottom !important}
.checkSoc {background-position: bottom !important}
.checkVol {background-position: bottom !important}
.center #right .noticia{width: 653px; margin-bottom: 15px;}
.center #right .noticia .notdescr { width: 513px; float: right; margin-top: 10px}
.center #right .noticia .notdescr span{color:#aaaaaa; float: right; font-style: italic}
.center #right .noticia .notdescr h3 a{float: left; text-transform: uppercase; color: #686868; font-size: 13px}
.center #right .noticia .notdescr h3 a:hover{color: #7abf42;}
.center #right .noticia .notdescr h4 {color:#9b9b9b; text-transform: uppercase; font-weight: normal!important; font-size: 11px; margin-top: 17px}
.center #right .noticia .notdescr div {margin-top: 10px; margin-bottom: 10px; text-align: justify}
.center #right .noticia .notdescr .saberMais {font-size: 10px; color: #6484ba; text-transform: uppercase}
.center #right .noticia .notdescr .saberMais:hover {text-decoration: underline}
/*DETALHE NOTICIA*/
.imgGra{width: 653px; height:245px; background: url(/client/img/caixa_banner_fixo.png);}
.imgGra img{margin: 5px}
#noticiaDet #notDef{margin-top: 5px; text-align: justify}
#noticiaDet #notDef h3{color:#7abf42; float: left; font-size: 15px; font-weight: bold}
#noticiaDet #notDef h4{color:#9b9b9b; clear: both; text-transform: uppercase; font-weight: normal!important}
#noticiaDet #notDef span.dd{color:#aaaaaa; float: right; font-style: italic}
#noticiaDet #notDef div{margin-top: 10px; margin-bottom: 30px;}
#noticiaDet #notDef a{color:#959595}
#noticiaDet #notDef a:hover{text-decoration: underline;}
/*CENTER RIGHT ACTIVIDADES*/
.checkAct{background-position: bottom!important}
.btsAreas{width:660px; height: 143px; margin-bottom: 10px}
.btsAreas ul li{display: inline; float: left; margin-right: 7px;}
.btsAreas ul li a{display: block; width: 213px; height: 143px; cursor: pointer; text-indent: -2000px;}
.btsAreas ul li a:hover{background-position: bottom!important}
.b {background-position: bottom!important}
.btsActividades{width: 660px; display: none}
.btsActividades ul li{display: inline; float: left; margin-right: 7px; margin-bottom: 10px}
.btsActividades ul li a{display: block; width: 213px; height: 98px;}
.btsActividades ul li a:hover{background-position: bottom!important}
#defActividade{}
#defActividade h3{color:#7abf42; float: left; font-size: 15px; font-weight: bold; margin-top: 5px}
#defActividade #actConteudo{width: 653px; margin-top: 30px; background: url(/client/img/pixel_hz_separador.png)}
#defActividade #actConteudo #esquerda{width: 430px; float: left}
#defActividade #actConteudo #direita{width:223px; float: right;}
#defActividade #actConteudo #descricao{width: 430px; margin-bottom: 20px;}
#defActividade #actConteudo h1{color:#404040; font-size: 15px; text-transform: uppercase}
#defActividade .eventosDef{width: 430px;}
#defActividade #actConteudo #direita h4{ font-size: 14px; font-weight: bold; color: #595959; text-transform: uppercase; background:url(/client/img/seta_titulo.png) no-repeat left center; padding-left: 10px }
#actVideos, #actFotos, #actHistorico {margin-bottom: 27px;}
/*##### Clear Fix #####*/
#actVideos:after, #actFotos:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0; }
#actVideos, #actFotos {display: inline-block}
/* start \*/
* html #actVideos, #actFotos {height: 1%}
#actVideos, #actFotos {display: block}
/* close */
#actFotos, #actVideos{padding-left: 7px; margin-top: 10px}
#actHistorico, #actLinks{margin-left: 10px; margin-top: 7px; background: url(/client/img/px_hz_mini_separador.png) left bottom no-repeat;}
#actFotos a{display: block; float: left; border: #ccc solid 1px; margin-left:2px; margin-top: 2px; padding: 4px; background: url(/client/img/pxl_caixa_conteudo.png)}
#actFotos a span{display: block; height: 66px; width: 96px; text-indent: -1000px}
#actFotos #ver_mais{display: block; float: right; border: none !important; background: none !important; font-size: 10px; color: #6484ba; text-transform: uppercase}
#actFotos .tipFotos{ background:url(/client/img/bico_caixa_azul.png) no-repeat bottom left; color:#fff; min-height: 41px; display: none}
#actFotos .tipFotos div{margin-left:7px; background: url(/client/img/pixel_caixa_azul.png); min-height: 20px; font-weight: bold; color: #e5e5e5; padding: 5px; line-height: 20px; margin-bottom: 6px}

#actVideos a{display: block; float: left; border: #ccc solid 1px; margin-left: 2px; padding: 4px;  background: url(/client/img/pxl_caixa_conteudo.png);}
#actVideos a span{display: block; height: 66px; width: 96px; text-indent: -1000px}
#actVideos  #ver_mais{display: block; float: right; border: none !important; background: none !important; font-size: 10px; color: #6484ba; text-transform: uppercase}
#actVideos .tipFotos{ background:url(/client/img/bico_caixa_azul.png) no-repeat bottom left; color:#fff; min-height: 41px; display: none}
#actVideos .tipFotos div{margin-left:7px; background: url(/client/img/pixel_caixa_azul.png); min-height: 20px; font-weight: bold; color: #e5e5e5; padding: 5px; line-height: 20px; margin-bottom: 6px}


#actHistorico li{ background: url(/client/img/px_hz_mini_separador.png) top no-repeat; padding-top: 3px; padding-bottom: 3px}
#actHistorico li a, #actLinks li a{font-size: 11px; color: #696969}
#actHistorico li a:hover, #actLinks li a:hover{color: #7abf42}
#actHistorico li p{font-size: 10px; color: #aaaaaa; font-style: italic}
#actLinks li{  background: url(/client/img/px_hz_mini_separador.png) top no-repeat; padding-top: 2px; padding-bottom: 2px}
#actHistorico  #ver_todos{display: block; float: right; border: none !important; background: none !important; font-size: 10px; color: #6484ba; text-transform: uppercase; margin-top: 10px}


/*Actividade detalhe*/
.evento{width: 430px; margin-top: 15px}
.evento div.texto{width: 290px; margin-top: 5px!important}
.evento div.texto p{color:#aaaaaa; font-style: italic; margin-top: 22px}
.evento div.texto h3{color: #686868!important; font-size: 13px!important; font-weight: normal!important;}
.evento div.texto div{margin-top: 5px!important; width: 270px;}
/*DETALHE EVENTO*/
#eventoDet #eventoDef{margin-top: 5px}
#eventoDet #eventoDef span{color:#aaaaaa; float: right; font-style: italic}
#eventoDet #eventoDef p span{float:none;}
#eventoDet #eventoDef h3{color:#7abf42; float: left; font-size: 15px; font-weight: bold}
#eventoDet #eventoDef h4{color:#9b9b9b; clear: both; text-transform: uppercase; font-weight: normal!important}
#eventoDet #eventoDef div{margin-top: 10px; margin-bottom: 30px; text-align: justify}
#eventoDet #eventoDef table, #eventoDet #eventoDef table td{border:1px solid #6B6B6B;}
/*BENEFICIOS*/
.acordion{width: 653px!important; padding-left: 0px!important; margin-left: 0px!important; margin-top: 15px; overflow: visible!important}
.beneficios {width: 640px; margin-bottom: 15px; margin-left: -15px; overflow: visible!important}
/*HISTORICO*/
.historico h1{font-size: 15px; color: #404040; font-weight: bold; text-transform: uppercase}
div#textoIntroducao{margin-top:18px; margin-bottom: 27px}
.divPesquisaAno{height: 34px; background: url(/client/img/padrao_separador.png) bottom repeat-x ;width: 175px; margin-top:18px}
.divPesquisaAvancada{background: url(/client/img/padrao_separador.png) bottom repeat-x; width: 175px; padding-bottom: 11px; margin-bottom: 30px}
.divPesquisaAvancada #avancada{cursor: pointer; width: 175px; text-transform: uppercase; font-size: 11px; margin-top:3px}
.divPesquisaAvancada #avancada span{position: absolute; margin-left: 47px; }

#bt_pesq_ano{width: 175px; height: 23px; background: url(/client/img/bt_pesquisa_ano.jpg); display: block; text-indent: -2000px; cursor: pointer}
#bt_pesq_area{width: 175px; height: 23px; background: url(/client/img/bt_pesquisa_area.jpg); display: block; text-indent: -2000px; margin-top: 12px; cursor: pointer}
#bt_pesq_actividade{width: 175px; height: 23px; background: url(/client/img/bt_pesquisa_actividade.jpg); display: block; text-indent: -2000px; margin-top: 5px; cursor: pointer}
#pAno{position: absolute; min-width: 165px; background:#747474; color: #fff; display: none; padding-left: 10px}
#pArea{position: absolute; min-width: 165px; background:#747474; color: #fff; padding-left: 10px}
#pActividade{position: absolute; min-width: 165px; background:#747474; color: #fff; padding-left: 10px}

#pAno li{display: inline;}
#pAno li a{ color: #fff; display: block; height: 20px; line-height: 20px; cursor: pointer;}
#pAno li a:hover{color:#7abf42}

#pArea li{display: inline; }
#pArea li a{ color: #fff; display: block; height: 20px; line-height: 20px; cursor: pointer}
#pArea li a:hover{color:#7abf42}

#pActividade li{display: inline; }
#pActividade li a{ color: #fff; display: block; height: 20px; line-height: 20px; cursor:pointer}
#pActividade li a:hover{color:#7abf42}

#result li{display: block; background: url(/client/img/padrao_separador.png) bottom repeat-x; width: 653px; height: 20px; line-height: 20px; margin-top: 5px}
#result a {font-size: 14px; color: #6b6b6b;}
#result a:hover{color: #7abf42;}
#result li p{float: right}
#result h3{ margin-bottom: 18px}

.icons{display:block; height: 27px; width: 320px; position: absolute; bottom: 90px; left: 573px; line-height:27px; font-size: 11px; z-index:10!important;}
.icons ul li{display: inline; float: left; margin-left: 10px;}
.icons ul li a{color :#8d8d8d; text-transform: uppercase}
.icons ul li span{background:url(/client/img/pxl_sepador_bt.jpg) center no-repeat; display: block; width: 3px; height: 25px}
.icons ul li a:hover{color :#7ac141}
.icons ul li a#rss{display: block; height: 27px; width: 27px; background: url(/client/img/bt_rss.png) no-repeat top}
.icons ul li a#twitter{display: block; height: 27px; width: 27px; background: url(/client/img/bt_twitter.png) no-repeat top}
.icons ul li a#facebook{display: block; height: 27px; width: 27px; background: url(/client/img/bt_facebook.png) no-repeat top}
.icons ul li a#flickr{display: block; height: 27px; width: 27px; background: url(/client/img/bt_flickr.png) no-repeat top}
.icons ul li a#youtube{display: block; height: 27px; width: 27px; background: url(/client/img/bt_youtube.png) no-repeat top}
.icons ul li a#twitter:hover{background-position: bottom}
.icons ul li a#rss:hover{background-position: bottom}
.icons ul li a#facebook:hover{background-position: bottom}
.icons ul li a#flickr:hover{background-position: bottom}
.icons ul li a#youtube:hover{background-position: bottom}

.parceiros {width: 850px; position: absolute !important; bottom:35px; left: 20px;}
.parceiros a{display: block; height: 39px; float: left;}
.parceiros a#atitude{width: 122px;}
.parceiros a#brincar{width: 50px;}
.parceiros a#cmtv{width: 122px; margin-left:25px}
.parceiros a#chagas{width: 83px;}
.parceiros a#impoeste{width: 77px;}
.parceiros a#sling{width: 108px;}
.parceiros a#imperio{width: 63px;}
.parceiros a#valouro{width: 108px;}
.parceiros a#forum{width: 43px;}
.parceiros a#torresaocentro{width: 43px;}

/*SCROLL*/
div.scrollTabs {position:relative;}
div.scrollTabs div.tabItems{margin-top: 15px}
div.scrollTabs div.tabItems div{float:left; width: 653px; text-align: justify}
div.tabItems div.active{border:1px inset #ccc; background-color:#fff;}
div.tabItems  table, div.tabItems table td{border:1px solid #6B6B6B;}

#tabs ul{border-bottom: solid 1px #919191; padding-bottom: 3px}
#tabs ul li {display: inline; margin-right: 10px; font-weight: bold; color: #919191; font-size: 11px; text-transform: uppercase; background: url(/client/img/pxl_sepador_bt.jpg) no-repeat right; padding-right: 10px;}
#tabs ul li a{cursor: pointer; padding-top: 3px}
.tabSel{ color:#545454; border-top: solid 1px #545454; border-bottom: none !important}
.tabSelAct{color:#545454; border-bottom: solid 1px #545454;}
.tabSelOrgaos{color:#545454; border-bottom: solid 1px #545454;}

div.scrollTabsAct {position:relative; width: 420px;}
div.scrollTabsAct div.tabItemsAct{margin-top: 15px}
div.scrollTabsAct div.tabItemsAct div{float:left; width: 420px; margin-bottom: 25px; text-align: justify}
div.tabItemsAct div.active{border:1px inset #ccc; background-color:#fff;}
div.tabItemsOrgaos div.active{border:1px inset #ccc; background-color:#fff;}
div.tabItems div.active{border:1px inset #ccc; background-color:#fff;}

#videoPresidente img{margin-top: 15px; cursor:pointer}
div.scrollTabsOrgaos {position:relative; width: 653px;}
div.scrollTabsOrgaos div.tabItemsOrgaos{margin-top: 15px}
div.scrollTabsOrgaos div.tabItemsOrgaos .orgaoDetalhe{float:left; width: 653px; margin-bottom: 25px;}
div.tabItemsOrgaos div.active{border:1px inset #ccc; background-color:#fff;}
div.tabItemsOrgaos .orgaoDetalhe .caixaOrgao{margin-bottom: 20px}
div.tabItemsOrgaos .orgaoDetalhe .hr{clear: both}
div.tabItemsOrgaos .orgaoDetalhe .imgCrop{ width: 138px; margin-bottom: 20px}
div.tabItemsOrgaos .orgaoDetalhe .descrOrgao{float: left; margin-left: 10px; margin-top:10px; width: 400px}


div.tabItemsOrgaos .orgaoDetalhe p{color: #6b6b6b; font-weight: bold; text-transform: capitalize; line-height: 20px; font-size: 13px}
div.tabItemsOrgaos .orgaoDetalhe p span{color: #686868; font-weight: normal; text-transform: none;}
div.tabItemsOrgaos .orgaoDetalhe h3{color:#6582ba; margin-bottom: 10px; font-size: 12px}
div.tabItemsOrgaos .orgaoDetalhe h2{color:#545454; margin-bottom: 15px; margin-top: 30px; font-size: 14px}

div.tabItemsOrgaos .representacoes .caixaRepresentacao{margin-bottom: 20px}
div.tabItemsOrgaos .representacoes .hr{clear: both}
div.tabItemsOrgaos .representacoes .imgCrop{ width: 138px; margin-bottom: 20px}
div.tabItemsOrgaos .representacoes .descrRepresentacao{float: left; margin-left: 10px; margin-top:10px; width: 505px; text-align: justify}
div.tabItemsOrgaos .representacoes .descrRepresentacao div{color: #6b6b6b; line-height: 20px; font-size: 12px; margin-top: 15px; margin-bottom:15px}
div.tabItemsOrgaos .representacoes h3{color:#545454; margin-top: 2px; font-size: 12px}

#tabsAct{margin-top: 5px}
#tabsAct ul{ padding-bottom: 3px; width: 420px}
#tabsAct ul li {display: inline; margin-right: 10px; font-weight: bold; color: #919191; font-size: 11px; text-transform: uppercase; background: url(/client/img/pxl_sepador_bt.jpg) no-repeat right; padding-right: 10px;}
#tabsAct ul li a{cursor: pointer; padding-bottom: 3px;}

#tabsOrgaos{margin-top: 50px}
#tabsOrgaos ul{ padding-bottom: 3px; width: 653px}
#tabsOrgaos ul li {display: inline; margin-right: 10px; font-weight: bold; color: #919191; font-size: 11px; text-transform: uppercase; background: url(/client/img/pxl_sepador_bt.jpg) no-repeat right; padding-right: 10px;}
#tabsOrgaos ul li a{cursor: pointer; padding-bottom: 3px;}

ul.tabs li{display: inline}
div.panes{width:20000em; position:absolute;}
div.panes div{float:left; width: 653px;}

/*FAZ-TE SOCIO*/
#form_socio {margin-top: 25px;}
#form_socio h3{color:#404040; font-size: 12px; font-weight: bold; margin-bottom: 15px}
#form_socio .lb_caixas{text-transform: uppercase; color: #686868; font-size: 11px;}
#form_socio input[type=text]{border: solid 1px #ccc; height: 20px; margin-top: 3px; width: 128px; margin-bottom:10px; display: block; color:#686868; font-size: 11px}
#form_socio input[type=password]{border: solid 1px #ccc; height: 20px; margin-top: 3px; width: 128px; margin-bottom:10px; display: block; color:#686868; font-size: 11px}
#form_socio #txt_nome{width: 253px}
#form_socio #txt_escola{width: 253px}
#form_socio #txt_a_outras{width: 253px}
#form_socio #txt_outra_pro{width: 100px; margin-top: 0px; margin-bottom:0px!important; display: inline!important}

#form_socio #rd_sex{height: 30px; margin-top:5px;}
#form_socio #rd_sex input{margin-right: 5px}
#form_socio #rd_sex label{margin-right: 10px}

#form_socio #rd_pro{height: 30px; margin-top:5px;}
#form_socio #rd_pro input{margin-right: 5px}
#form_socio #rd_pro label{margin-right: 5px}

#form_socio select{border: 1px solid #ccc; margin-top: 5px; margin-bottom: 10px}
#form_socio #quotizacao{line-height: 20px; text-transform: uppercase; margin-bottom: 15px}

#form_socio textarea{display: block; border: solid 1px #ccc; height: 70px; width: 194px; margin-bottom: 10px; color:#686868; font-size: 11px}
.hr{background: url(/client/img/padrao_separador.png) repeat-x; height: 2px; width: 100%; display: block}
#form_socio a{color:#6485b8}
#form_socio #submit_socio{display: block; height: 19px; width: 117px; margin-top: 50px; cursor: pointer; background: url(/client/img/bt_inscrever.jpg) top no-repeat}
#form_socio .a_interesse{float:left; margin-right:30px; margin-bottom:15px}
#form_socio .a_interesse input{margin-top: 5px; margin-right: 3px}

/*LOJA*/
.btsLoja{width:660px; height: 116px; margin-bottom: 10px}
.btsLoja ul li{display: inline; float: left; margin-right: 7px;}
.btsLoja ul li a{display: block; width: 213px; height: 116px; cursor: pointer; text-indent: -2000px;}
.btsLoja ul li a:hover{background-position: bottom!important}

#carrinho{height:17px; width: 95px; background: url(/client/img/loja/caixa_itens.jpg) no-repeat right; float: right; cursor: pointer}
#carrinho a{display:block;height:17px; width: 19px; background: url(/client/img/loja/icon_carrinho_compras.png) no-repeat center; text-indent: -2000px}
#carrinho span{display:block; height:13px; width: 26px; position: absolute; margin-left: 26px; margin-top: 2px; text-align: center; line-height: 13px; font-size: 11px; color: #6484ba}
#carrinho p{display:block; height: 17px; position: absolute; margin-left: 58px; text-transform: uppercase; font-size: 10px; color: #fefefe; line-height: 17px}
.produtos{width: 653px; margin-bottom: 15px;}
.produtos .prodescr { width: 513px; float: right; margin-top: 10px; text-align: justify}
.produtos .prodescr h3{ font-size: 12px}
.produtos .prodescr .preco{display: block; float: left; height: 20px; width: 66px; background: #3a3a3a; color: #e5e5e5; font-weight: bold; font-size: 13px; text-align: center; line-height: 20px; margin-right: 5px; margin-top: 5px}
.produtos .prodescr .info{ display: block; float: left; height: 20px; width: 90px; font-size: 10px; color: #6b6b6b; text-transform: uppercase;line-height: 25px;margin-top: 5px}
.produtos .prodescr .addProduto{ display: block; float: left; height: 20px; font-size: 10px; color: #6484ba; text-transform: uppercase;line-height: 25px;margin-top: 5px; background: url(/client/img/loja/icon_carrinho_compras.png) no-repeat; padding-left: 20px;}
.produtos .prodescr .separator{display:block; height: 20px; font-size: 20px; float: left; margin-right: 5px; line-height: 15px; margin-top: 5px;}
#caixa_carrinho{display:none; width: 545px}
#caixa_encomenda{display:none; width: 545px}
/*CARRINHO COMPRAS*/
#carrinho_compras {border: 4px solid #1b1b1b; padding: 18px; width: 500px; background: #fff}
#carrinho_compras a {text-indent: -2000px; cursor: pointer}
#carrinho_compras h3{font-size: 13px; color: #000; font-weight: bold; background: url(/client/img/loja/icon_carrinho.png) left no-repeat; padding-left: 25px; height: 17px}
#carrinho_compras table {border: 1px solid #787878; margin-top: 15px; margin-bottom: 30px}
#carrinho_compras table td{text-align: center;}
#carrinho_compras table th{background: #3f3f3f; color: #fff; text-transform: capitalize; font-size: 12px; font-weight: bold}
#carrinho_compras table tr{height: 25px; line-height: 25px; color:#9f9f9f; font-size: 12px;}
.delete{display:block; height: 10px; width: 9px; background: url(/client/img/loja/bt_eliminar.png) center; cursor:pointer; text-align: center; line-height: 25px; margin-left: 37px}
#all_delete{display: block; height: 19px; width:111px; background: url(/client/img/loja/remover_tudo.jpg) top no-repeat; float:left;}
#continuar{display: block; height: 19px; width:150px; background: url(/client/img/loja/bt_continuar_comprar.jpg) top no-repeat; float:right; }
#encomendar{display: block; height: 19px; width:117px; background: url(/client/img/loja/bt_encomendar.jpg) top no-repeat; float: right; margin-left: 10px}
#carrinho_compras a:hover {background-position: bottom}
.qtdValor{width: 60px; text-align: center; color:#9f9f9f; font-size: 12px; background: #fff;}
/*ENCOMENDA*/

#encomenda{border: 4px solid #1b1b1b; padding: 18px; width: 500px; background: #fff}
#encomenda h3{font-size: 13px; color: #000; font-weight: bold; background: url(/client/img/loja/icon_carrinho.png) left no-repeat; padding-left: 25px; height: 17px; margin-bottom: 20px}

#form_encomenda{}
#form_encomenda #voltar{float:left; display:block; height: 19px; width: 146px; background: url(/client/img/loja/bt_voltar_carrinho.jpg) top no-repeat; text-indent: -2000px; cursor: pointer}
#form_encomenda #finalizar{float: right; display:block; width: 154px; height: 19px; background: url(/client/img/loja/bt_finalizar_encomenda.jpg) top no-repeat; text-indent: -2000px; cursor:pointer}
#form_encomenda #txt_nome{width: 253px}
#form_encomenda select{border: 1px solid #ccc; margin-top: 5px; margin-bottom: 10px; width: 160px; color: #686868; font-size: 11px;}
#form_encomenda textarea{display: block; border: solid 1px #ccc; height: 70px; width: 194px; margin-bottom: 10px}
#form_encomenda .lb_caixas{text-transform: uppercase; color: #686868; font-size: 11px;}
#form_encomenda input[type=text]{border: solid 1px #ccc; height: 20px; margin-top: 3px; width: 128px; margin-bottom:10px; display: block; color:#686868; font-size: 11px}
#form_encomenda #voltar:hover {background-position: bottom}
/*
.noticia .notdescr span{color:#aaaaaa; float: right; font-style: italic}
.noticia .notdescr h3 a{float: left; text-transform: uppercase; color: #686868; font-size: 13px}
.noticia .notdescr h3 a:hover{color: #7abf42;}
.noticia .notdescr h4 {color:#9b9b9b; text-transform: uppercase; font-weight: normal!important; font-size: 11px; margin-top: 17px}
.noticia .notdescr div {margin-top: 10px; margin-bottom: 10px; text-align: justify}
.noticia .notdescr .saberMais {font-size: 10px; color: #6484ba; text-transform: uppercase}
.noticia .notdescr .saberMais:hover {text-decoration: underline}
*/
/*AGENDA*/
.agenda h2 {margin-bottom: 25px}

/*PAGINAS*/
.paginacao{width: 605px; height: 20px; text-align: center; margin-top: 25px; font-size: 12px!important;}
.paginacao a{text-decoration: none; color: #6b6b6b; margin-right: 7px; display:inline-block; width: 15px;}
.paginacao .pCurrent{font-weight: bold; color: #6484ba; display:inline-block; width: 15px; margin-right: 7px;}
.paginacao .pPrev{float: left!important}
.paginacao .pNext{float: right!important}
/*IFRAME*/
iframe{width:210px; height:250px; border:none; text-align:center; overflow: visible; position: absolute; left: 50px}
/*CALENDÁRIO*/
.calendar{font-size: 14px; margin-top: 25px; background: url(/client/img/pxl_caixa_conteudo.png)}
.calendar tr#row1{color:#7e9cce; height: 17px; text-transform: uppercase; height: 15px;}
.calendar tr#row2{color:#a4a4a4; margin-top:5px; font-weight: bold}
.calendar tr#tr_year{ font-size: 13px; color: #ccc; height: 20px;}
.calendar tr#top_linha td{border-bottom: solid 1px #ccc}
.calendar tr#bottom_linha td{border-top: solid 1px #ccc; height: 10px}
.calendar th#tit_agenda a{display: block; color:#525252; border-bottom: 1px solid #ccc; line-height: 25px; height: 25px; width: 190px}
.calendar a.diaEvento{color:#79bf42; cursor: pointer; }
.calendar a.diaEvento:hover{color: #fff}
.calendar a.cal_evento{display: none;}
.calendar a#next, a#prev{cursor: pointer}
.calendar a#two_on{color: #fff; font-weight: bold; cursor: pointer}
.calendar #dias {width: 22px; height: 22px; text-align: center; vertical-align: middle; color: #a4a4a4}
table.calendar{width: 195px; text-align: center; border: 1px solid #ccc}
a#diaEvento_highlight{background-color: #cccccc; color:#79bf42; cursor: pointer; }
a#highlight{font-weight: bold; color: #fff;}
.tooltip{background:url(/client/img/bico_caixa_verde.png) no-repeat bottom left; min-height:31px; color:#fff; font-weight: bold; position: absolute; display: none; z-index: 1000}
.tooltip div{background:url(/client/img/pixel_caixa_verde.png); min-height: 15px; margin-left: 7px; margin-bottom: 11px; text-align:left; padding: 5px; z-index: 2000}

#dialog{display: none}

#voluntariado a{display:block; height: 65px; width: 196px; background: url(/client/img/bt_voluntario.png) no-repeat top; text-indent: -1000px; margin-top:25px; border: #ccc solid 1px; cursor: pointer}
#voluntariado a:hover{background-position: bottom}

/*OVERLAYS*/
.viewMovie{display: none; background: #ccc; padding: 10px; position: relative; overflow: visible}
.viewFoto{display: none; background: #ccc; padding: 10px; position: relative; overflow: visible}
.viewFoto img{display: none;}
.close{background: url(/client/img/close.png) no-repeat; display: block; height: 36px; width: 36px; text-indent: -2000px; top: -20px; right: -20px; position: absolute; cursor: pointer}

/*DOCUMENTAÇÃO*/
.documentos{margin-left: -15px; margin-bottom: 20px}
.documentos h2{text-transform: uppercase; color:#686868; font-size: 13px;}
.documentos div{font-size: 12px; color: #6b6b6b; margin-top:7px; margin-bottom: 5px}
.documentos a{text-transform: uppercase; color: #6484ba!important; font-size: 10px}
.documentos a:hover{text-decoration: underline}

/*GELERIA*/
#galeria h2{margin-bottom:15px}
#galeria h1 {font-size: 15px; color: #404040; font-weight: bold; text-transform: uppercase}
.btsGaleria{width:660px; height: 143px; margin-bottom: 10px}
.btsGaleria ul li{display: inline; float: left; margin-right: 7px;}
.btsGaleria ul li a{display: block; width: 322px; height: 116px; cursor: pointer; text-indent: -2000px;}
.btsGaleria ul li a:hover{background-position: bottom!important}
#gal_videos{background: url(/client/img/bt_videos.png) top no-repeat}
#gal_fotos{background: url(/client/img/bt_fotos.png) top no-repeat}

.ssl{background-position:bottom!important;}

#fotosGaleria { height: 150px; margin-top: 15px; width: 690px;}
#fotosGaleria a{ display: block; float: left; border: #ccc solid 1px; margin-right:8px; margin-top: 15px; padding: 4px; background: url(/client/img/pxl_caixa_conteudo.png); cursor: pointer}
#fotosGaleria a span{display: block; height: 78px; width: 114px; text-indent: -1000px}
#fotosGaleria .tips{ background:url(/client/img/bico_caixa_azul.png) no-repeat bottom left; color:#fff; min-height: 36px; display: none}
#fotosGaleria div{margin-left:2px; background: url(/client/img/pixel_caixa_azul.png); min-height: 20px; font-weight: bold; color: #e5e5e5; padding: 5px; line-height: 20px; margin-bottom: 6px}
#fotosGaleria h2{}

#titulo_album {color: #7abf42; font-size: 13px}

#contentItems{min-height: 610px; margin-bottom: 50px}

#pesqFotos li{display: block; background: url(/client/img/padrao_separador.png) bottom repeat-x; width: 653px; height: 20px; line-height: 20px; margin-top: 5px}
#pesqFotos a {font-size: 14px; color: #6b6b6b;}
#pesqFotos a:hover{color: #7abf42;}
#pesqFotos h3{ margin-bottom: 18px}
#pesqFotos {margin-top: 15px}
#paginacaoItems{width: 630px ; margin-left: 0px}
.listaAlbuns li {cursor: pointer}

#contentItemsVideos{ margin-bottom: 25px; margin-top: 25px}

#videosGaleria { height: 150px; margin-top: 15px; width: 690px;}
#videosGaleria a{ display: block; float: left; border: #ccc solid 1px; margin-right:8px; margin-top: 15px; padding: 4px; background: url(/client/img/pxl_caixa_conteudo.png); cursor: pointer}
#videosGaleria a span{display: block; height: 78px; width: 114px; text-indent: -1000px}
#videosGaleria .tips{ background:url(/client/img/bico_caixa_azul.png) no-repeat bottom left; color:#fff; min-height: 36px; display: none}
#videosGaleria div{margin-left:2px; background: url(/client/img/pixel_caixa_azul.png); min-height: 20px; font-weight: bold; color: #e5e5e5; padding: 5px; line-height: 20px; margin-bottom: 6px}
#videosGaleria h2{}


/*FORM EVENTOS*/
#form_evento {margin-top: 5px;}
#form_evento h3{color:#404040; font-size: 12px; font-weight: bold; margin-bottom: 10px; margin-top: 10px}
#form_evento .lb_caixas{text-transform: uppercase; color: #686868; font-size: 11px;}
#form_evento input[type=text]{border: solid 1px #ccc; height: 20px; margin-top: 3px; width: 128px; margin-bottom:10px; display: block; color:#686868; font-size: 11px}
#form_evento textarea{display: block; border: solid 1px #ccc; height: 70px; width: 194px; margin-bottom: 10px; color:#686868; font-size: 11px}
#form_evento #txt_nome{width: 253px}
#form_evento #txt_escola{width: 253px}
#form_evento #txt_a_outras{width: 253px}
#form_evento #txt_outra_pro{width: 100px; margin-top: 0px; margin-bottom:0px!important; display: inline!important}
#form_evento #submit_evento {display: block; height: 19px; width: 117px; cursor: pointer; background: url(/client/img/bt_inscrever.jpg) top no-repeat}

#form_evento #rd_sex{height: 30px; margin-top:5px; margin-bottom: 10px}
#form_evento #rd_sex input{margin-right: 5px}
#form_evento #rd_sex label{margin-right: 10px}
#form_evento #txt_elementos_equipa{min-height: 200px!important; min-width: 400px!important;}



/*LINKS*/
#links li{display: block; background: url(/client/img/padrao_separador.png) bottom repeat-x; width: 653px; height: 20px; line-height: 20px; margin-top: 5px}
#links a {font-size: 14px; color: #6b6b6b;}
#links a:hover{color: #7abf42;}
#links ul{margin-top: 25px}

/*HISTORICO*/
.detHistorico{width: 653px; margin-bottom: 15px;}
.detHistorico .historicodescr { width: 513px; float: right; margin-top: 10px}
.detHistorico .historicodescr span{color:#aaaaaa; float: right; font-style: italic}
.detHistorico .historicodescr h3 a{float: left; text-transform: uppercase; color: #7abf42; font-size: 13px;}
.detHistorico .historicodescr h4 {color:#9b9b9b; text-transform: uppercase; font-weight: normal!important; font-size: 11px; margin-top: 17px}
.detHistorico .historicodescr div {margin-top: 10px; margin-bottom: 10px; text-align: justify}
.detHistorico .historicodescr .saberMais {font-size: 10px; color: #6484ba; text-transform: uppercase}
.detHistorico .historicodescr .saberMais:hover {text-decoration: underline}

/*PESQUISA*/
#pesquisas li{display: block; background: url(/client/img/padrao_separador.png) bottom repeat-x; width: 653px; height: 20px; line-height: 20px; margin-top: 5px}
#pesquisas a {font-size: 14px; color: #6b6b6b;}
#pesquisas a:hover{color: #7abf42;}
#pesquisas li p{float: right}
#pesquisas ul{margin-top: 25px}

/*CONTACTOS*/
#contactos h2 {margin-bottom: 35px}
#contactos h3 {margin-top: 20px; font-size: 13px}
#contactos p {margin-top: 10px}

#recuperar h2{margin-bottom:20px}
#recuperar form .lb_caixas{text-transform: uppercase; color: #686868; font-size: 11px;}
#recuperar form input[type=text]{border: solid 1px #ccc; height: 20px; margin-top: 3px; width: 200px; margin-bottom:10px; display: block; color:#686868; font-size: 11px}
#recuperar form input[type=submit]{ background: url(/client/img/bt_enviar.jpg) no-repeat top; display:block; height: 19px; width: 77px; cursor:pointer}

.last-news{margin:20px 0 0 0}
.last-news h2{color:#535353;font-weight:bold;font-size:14px;background:url(/client/img/seta_azul.png) left center no-repeat;padding:0 0 0 10px}
.last-news ul{margin:10px 0 0 0;background:url(/client/img/padrao_separador.png) top repeat-x}
.last-news ul li{background:url(/client/img/padrao_separador.png) bottom repeat-x;padding:5px 0 5px 0}
.last-news p{color:#6484BA;font-size:11px;margin:0 0 3px 0}
.last-news a{color:#535353;font-size:12px;text-transform:none;font-weight:normal}
.last-news a:hover{color:#7ABF42}
.mais-noticias{color:#6484BA !important;text-transform:uppercase !important;margin:15px 0 0 0;float:right;font-size:10px !important}
.mais-noticias:hover{text-decoration:underline}