
* {margin: 0; padding: 0;}
body {background-color: #FFFFFF; color: #000000; font: normal normal 12px calibri,verdana,helvetica,arial,sans-serif;}

.limpar {clear: both;}
.mensagemSucesso {background-color: #F8C300; color: #000000; font-size: 1em; font-weight: bold; margin: 10px 3px; padding: 2px 25px; text-align: left; width: 300px;}
.mensagemErro    {background-color: #F8C300; color: #FF0000; font-size: 1em; font-weight: bold; margin: 10px 3px; padding: 2px 25px; text-align: left; width: 300px;}
.divProcessando  {background-color: #FFFFC1; border: 1px solid black; -webkit-box-shadow: 0 0 5px 5px #FFFFC1; -moz-box-shadow: 0 0 5px 5px #FFFFC1; box-shadow: 0 0 5px 5px #FFFFC1; color: #800000; font-size: 15px; font-weight: bold; left: 15px; position: fixed; text-align: center; top: 35px; width: 150px; z-index: 200;}
.linkAcoes {text-align: center; vertical-align: middle; cursor: pointer; vertical-align: middle;}


#divTopo {width: 1000px;}
#divTopoFundo {background: url("../imagens/topoFundo.png") no-repeat scroll 0 0 #ffffff; height: 200px; width: 1000px;}
#divTopoLogo {background: url("../imagens/topoLogo.png") no-repeat scroll 0 0 transparent; float: left; height: 165px; margin-left: 50px; margin-top: -165px; width: 250px;}
#divTopoFoto {background: url("../imagens/topoFoto.png") no-repeat scroll 0 0 transparent; float: right; height: 192px; margin-top: -200px; width: 720px;}
.camposLoginHome {border: 1px solid #c7be85; border-radius: 5px 0; box-shadow: 1px 1px 3px 0 #c7be85; float: right; margin: 0 7px 0 0 !important; padding: 2px 9px;}

input[type="button"],
input[type="submit"] {background-color: #FFFFFF; border: 2px solid #FFFFFF; border-radius: 0 10px 0 0; box-shadow: 2px 3px 7px 2px #F4BC00; color: #000000; cursor: pointer; font-weight: bold; margin: 10px -3px 10px 10px; width: 90px;}
input[type="button"]:HOVER,
input[type="submit"]:HOVER {background-color: #FFFFFF;}

input, select, textarea {padding:2px; border:1px solid #181717; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#181717;}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {background:#eee; color:#181717;}
input.erro, select.erro, textarea.erro {border-color:red;}
img {border:0px;}
form {margin-top: 0px;}

.campoGrande {width:520px !important;}
.campoGrandeIcone {width:95% !important;}
.campoMedio {width:250px !important;}
.campoPequeno {width:120px !important;}
.campoData {width:74px !important;}
.campoMini {width:24px !important;}
.readonly{background-color: #CCCCCC;}






/***************************************************************************************/
/** LOGIN ******************************************************************************/
#divCadastreSe {height: 20px; margin-right: 10px; text-align: right;}
#divCadastreSe A:LINK,
#divCadastreSe A:VISITED,
#divCadastreSe A:ACTIVE,
#divCadastreSe A:HOVER {color: #181717;}

#divTopoDireitaCentroLinha1 {height: 22px;}
#divTopoDireitaCentroLinha1 #divCoockie {color: #181717; float: right; font-size: 1em; margin-right: 5px; margin-top: 4px; text-align: right;}
#divTopoDireitaCentroLinha1 #divCoockie SPAN:HOVER {cursor: pointer; text-decoration: underline;}

#divTopoEsquerda {float: left;  height: 30px; text-align: left;  width: 30%;}
#divTopoEsquerda #divAssocieSe {float: left; margin: 15px 0 0 46px; text-shadow: 1px 2px 1px #f4bc00; width: 65px;}
#divTopoEsquerda A:LINK,
#divTopoEsquerda A:VISITED,
#divTopoEsquerda A:ACTIVE,
#divTopoEsquerda A:HOVER {color: #181717;}


#divTopoDireita  {float: right; height: 45px; text-align: right; width: 65%;}
#divTopoDireitaDireita {float: right; height: 45px;}
#divTopoDireitaDireita #btnEntrar {background-color: #181717; border: 0 none; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; color: #F8C300; cursor: pointer; font-size: 0.7em; height: 21px; width: 65px;}

#divLoginForm {	height: 40px; margin-right: 10px; margin-top: 5px; text-align: right;}
#divLoginForm #frmLogin {float: right;}

#divTopoDireitaCentro  {float: right;  height: 45px; width: 85%;}
#divTopoDireitaCentro #divTopoDireitaCentroLinha1  {float: right;  width: 85%;}
#divTopoDireitaCentro #divTopoDireitaCentroLinha1 #txtLoginEMail, 
#divLoginForm #pwdLoginSenha {-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: 1px solid #181717; color: #181717; height: 15px; padding-left: 5px; padding-right: 5px; vertical-align: top; width: 135px;}

#divTopoDireitaCentroLinha2 {color: #181717; float: right; font-size: 8pt; margin-right: 10px; margin-top: 3px; text-align: right; vertical-align: bottom; width: 100%;}
#divTopoDireitaCentroLinha2 A:LINK,
#divTopoDireitaCentroLinha2 A:VISITED,
#divTopoDireitaCentroLinha2 A:ACTIVE,
#divTopoDireitaCentroLinha2 A:HOVER {color: #181717;}
#msgErro {background-color: #F8C300; color: red; font-size: 9pt; margin-right: 97px; margin-top: 10px; padding: 0 17px;}

#divLoginAvatar {float: right;}
#divLoginNomes {float: right; padding-right: 5px;}
#spnAvatar {background-color: #FFFFFF; cursor: pointer; float: right; height: 45px; width: 45px;}
#divLoginAvatar #imgAvatar {width: 45px;}
#divLoginNomes #spnNome, 
#divTopoDireitaCentroLinha2 #sair {color: #181717; cursor: pointer; font-size: 1em; text-align: right; text-decoration: underline; width: 400px;}
#spnNome #imgCatraca {position: relative; right: 92px; top: 4px;}

#divRenovacao {float: left; margin: 5px 0 0 46px; text-align: center; text-shadow: 1px 2px 1px #f4bc00;}





/***************************************************************************************/
/** MENU *******************************************************************************/
#divMenu {height: 30px; margin-top: 5px; padding-left: 8px; width: 1000px;}
#divMenu ul {list-style: none; clear: both;}
#divMenu ul li {float: left; margin-right: 3px;}
#divMenu ul li a {background-color: #FFFFFF; border: 1px solid #999999; border-radius: 10px 0; cursor: pointer; display: block; float: left; margin-left: -10px; padding: 4px 0; text-decoration: none; width: 116px;}
#divMenu ul li a.ibdp {background-color: #D5D5D5; font-weight: bold;}
#divMenu ul li a.desabilitado {background-color: #D5D5D5;}

#divMenu ul li a:ACTIVE,
#divMenu ul li a:FOCUS,
#divMenu ul li a:LINK,
#divMenu ul li a:VISITED,
#divMenu ul li a:HOVER {color: #000000;}

#divMenu ul li a.ibdp:HOVER,
#divMenu ul li a.habilitado:HOVER,
#divMenu ul li a.desabilitado:HOVER {background: url("../imagens/menuFundo.png") no-repeat scroll 0 0 #F5BE02;}


/***************************************************************************************/
/** SUBMENU ****************************************************************************/
#divMenu ul li ul {display: none; z-index: 11;}
#divMenu ul li ul {background: none repeat scroll 0 0 #fff; border-radius: 0 0 10px; box-shadow: 0 5px 9px #996600; margin: 23px 0 0 -10px; min-width: 110px; overflow: hidden; position: absolute;}
#divMenu ul li:HOVER ul {display: block;}
#divMenu ul li ul li {float: none; display: block; margin: 0;}
#divMenu ul li ul li a.submenu {background-color: #d5d5d5; border: 1px solid #999999; border-bottom: 0 none; border-radius: 0; cursor: pointer; display: block; margin: 0; text-decoration: none;}
#divMenu ul li ul li a.submenu:HOVER {background: url("../imagens/menuFundo.png") no-repeat scroll 0 0 #F5BE02;}


#btnInscreverSe {width: 130px;}
#btnAssocieSe {width: 130px;}
#btnRenove {width: 250px;}


#divAreaCentral {height: 400px; width: 1000px;}

#divNoticias {float: left; height: 100%; width: 495px;}
#divNoticias #divTituloNoticia {height: 24px; width: 100%;}
#divNoticias #divTituloNoticia A, 
#divNoticias #divTituloNoticia A:HOVER,
#divNoticias #divTituloNoticia A:VISITED {color: #000000; text-decoration: none;}
#divNoticias #divTitulo {float: left; font-size: 1.2em; font-weight: bold; padding: 3px 5px 5px 10px;}
#divNoticias #divLinha {padding-top: 11px; width: 100%;}
#divNoticias .hrLinhaAmarela {border: 1px solid #F5BE02;}
#divNoticias #divChamadasNoticia {height: 355px; margin: 5px; overflow: auto; padding: 5px;}
#divNoticias .'' {color: #F5BE02;}
#divNoticias .divNoticia {cursor: pointer; float: left; height: 14px; margin-bottom: 10px; width: 460px;}
#divNoticias .divNoticia .divMesAno {float: left; padding: 0 4px;}
#divNoticias .divNoticia .divTitulo {float: right; height: 14px; overflow: hidden; text-align: left; width: 415px;}
#divNoticias .divNoticia:HOVER {background-color: #F5BE02;}
#divNoticias .divNoticia:HOVER .divMesAno {background-color: #000000; color: #ffffff;}

#divForum {border: 3px solid #f5be02; border-radius: 20px 0; float: right; height: 388px; overflow: hidden; width: 485px;}
#divForum #divTituloForum {background-color: #f5be02; height: 24px; width: 100%;}
#divForum #divTitulo {color: #ffffff; float: left; font-size: 1.2em; font-weight: bold; padding: 3px 5px 5px 10px;}
#divForum .divForum {margin-bottom: 5px;}
#divForum .divForum .divTitulo {height: 14px; margin-left: 40px; overflow: hidden; text-align: left;}
#divForum #divChamadasForum {height: 352px; overflow: auto; padding: 5px; text-align: left; width: 473px;}
#divForum #divChamadasForum UL {list-style: square inside none;}
#divForum #divChamadasForum UL LI {cursor: pointer; padding: 2px 10px;}
#divForum #divChamadasForum UL LI:HOVER {background-color: #F5BE02; color: #FFFFFF;}
#divForum #divChamadasForum UL LI A:link,
#divForum #divChamadasForum UL LI A:visited,
#divForum #divChamadasForum UL LI A:HOVER,
#divForum #divChamadasForum UL LI A:active {color: #000000; text-decoration: none;} 

#divListaApoio {height: 240px; margin: 5px 0 5px 0; overflow: hidden; width: 1000px;}
#divListaApoio #divTituloApoio {height: 24px; width: 100%;}
#divListaApoio #divTitulo {float: left; font-size: 1.2em; font-weight: bold; padding: 3px 5px 5px 10px;}
#divListaApoio #divLinha {padding-top: 11px; width: 100%;}
#divListaApoio .hrLinhaAmarela {border: 1px solid #f5be02;}

#divListaApoio #divLista {height: 120px;}
#divListaApoio #divLista #mycarousel LI {box-shadow: 0 1px 7px 1px #996600; cursor: pointer; float: left; height: 100px; list-style: outside none none; margin: 18px !important; overflow: hidden; text-align: center; width: 150px;}
#divListaApoio #divLista #mycarousel LI A {display: table-cell; height: 100px; position: relative; vertical-align: middle; width: 150px;}

#divBoxEventoValores {padding: 50px 0; text-align: left; width: 580px;}
#divBoxEventoValores .label {font-size: 1.5em; font-weight: bold;}
#divBoxEventoValores #tblValores THEAD TD {background-color: #f8c300; color: #000000; font-size: 1.2em; font-weight: bold; margin: 10px 3px; padding: 2px 5px; text-align: center;}
#divBoxEventoValores #tblValores TBODY TD {text-align: center;}
#divBoxEventoValores #tblValores #imgAddValor {cursor: pointer;}
#divBoxEventoValores #tblValores #imgDelValor {cursor: pointer;}


#divTiposEventos {padding: 10px 0; text-align: left; width: 580px;}
#divTiposEventos .label {font-size: 1.5em; font-weight: bold;}


#divRodape {background-color: #f5be02; height: 14px; margin: 5px 0 0; padding: 5px; width: 1000px;}



      
      
/***************************************************************************************/
/** PAGINAS ****************************************************************************/
#divConteudo {width: 1000px;}
#divConteudo #divTitulo {background-color: #f5be02; color: #ffffff; font-size: 1.5em; font-weight: bold; padding: 4px 10px; text-align: left;}
#divConteudo #divTexto {padding: 20px; text-align: left;}
      
      
/***************************************************************************************/
/** EVENTOS ****************************************************************************/
#divPgEventos {float: left; height: 100%;}
#divPgEventos #divTituloEvento {height: 24px; width: 100%;}
#divPgEventos #divTitulo {float: left; font-size: 1.2em; font-weight: bold; padding: 3px 5px 5px 10px;}
#divPgEventos #divLinha {padding-top: 11px; width: 100%;}
#divPgEventos .divEvento {cursor: pointer; float: left; height: 14px; margin-bottom: 10px;}
#divPgEventos .divEvento .divDatas {color: #F5BE02; float: left; padding: 0 4px;}
#divPgEventos .divEvento .divTitulo {float: right; height: 14px; margin-left: 5px; overflow: hidden; text-align: left; width: 760px;}
#divPgEventos .divEvento:HOVER {background-color: #F5BE02;}
#divPgEventos .divEvento:HOVER .divDatas {background-color: #000000;}

      
      
/***************************************************************************************/
/** EVENTO *****************************************************************************/
#divConteudo {width: 1000px;}
#divEvtoTitulo {background-color: #f5be02; color: #ffffff; font-size: 1.5em; font-weight: bold; padding: 4px 10px; text-align: left;}
#divTexto {padding: 20px; text-align: left;}

#divBoxEventoTitulo {background-color: #d5d5d5; margin: 10px; padding: 10px; text-align: left; width: 900px;}
#divBoxEventoTitulo .label {font-weight: bold;}
#divBoxEventoTitulo #divEventoTitulo {font-size: 1.5em; font-weight: bold;}
#divBoxEventoTitulo #divEventoLocal {font-size: 1.2em;}
#divBoxEventoTitulo #divEventoCidade {font-size: 1.2em;}
#divBoxEventoTitulo #divEventoData {font-size: 1.2em;}
#divBoxEventoTitulo #divEventoDataInicial {font-size: 1.2em;}

#divBoxEventoConteudo {margin: 10px; padding: 10px; text-align: left; width: 900px;}

#divBoxEventoAtividades {padding: 50px 0; text-align: left; width: 580px;}
#divBoxEventoAtividades .label {font-size: 1.5em; font-weight: bold;}
#divBoxEventoAtividades #tblAtividade THEAD TD {background-color: #f8c300; color: #000000; font-size: 1.2em; font-weight: bold; margin: 10px 3px; padding: 2px 5px; text-align: center;}
#divBoxEventoAtividades #tblAtividade .center {text-align: center;}

#divBoxBotaoInscricao {margin-bottom: 50px;}






/***************************************************************************************/
/** PÁGINA NOTÍCIAS *********************************************************************/
#divNoticia {text-align: left; width: 800px;}
#divNoticia #divNotData {font-size: 1.2em;}
#divNoticia #divNotTitulo {background-color: #d5d5d5; color: #000000; font-size: 1.5em; font-weight: bold; margin: 10px; padding: 10px; text-align: left;}
#divNoticia #divNotTexto {margin: 10px; padding: 20px; text-align: justify; width: 740px;}
#divNoticia #divNotFonte {font-size: 1.2em;}



/***************************************************************************************/
/** PÁGINA NOTÍCIAS ********************************************************************/
#divPgNoticias {float: left; height: 100%;}
#divPgNoticias #divTituloNoticia {height: 24px; width: 100%;}
#divPgNoticias #divTitulo {float: left; font-size: 1.2em; font-weight: bold; padding: 3px 5px 5px 10px;}
#divPgNoticias #divLinha {padding-top: 11px; width: 100%;}
#divPgNoticias .divNoticia {cursor: pointer; float: left; height: 14px; margin-bottom: 10px;}
#divPgNoticias .divNoticia .divMesAno {color: #F5BE02; float: left; padding: 0 4px;}
#divPgNoticias .divNoticia .divTitulo {float: right; height: 14px; margin-left: 5px; overflow: hidden; text-align: left; width: 760px;}
#divPgNoticias .divNoticia:HOVER {background-color: #F5BE02;}
#divPgNoticias .divNoticia:HOVER .divMesAno {background-color: #000000;}


/***************************************************************************************/
/** PÁGINA CLIPPINGS *******************************************************************/
#divClipping {text-align: left; width: 800px;}
#divClipping #divClipData {font-size: 1.2em;}
#divClipping #divClipTitulo {background-color: #d5d5d5; color: #000000; font-size: 1.5em; font-weight: bold; margin: 10px; padding: 10px; text-align: left;}
#divClipping #divClipLink {margin: 10px; padding: 20px; text-align: justify; width: 740px;}
#divClipping #divClipFonte {font-size: 1.2em;}



/***************************************************************************************/
/** PÁGINA CLIPPINGS *******************************************************************/
#divPgClippings {float: left; height: 100%;}
#divPgClippings #divTitulo {float: left; font-size: 1.2em; font-weight: bold; padding: 3px 5px 5px 10px;}
#divPgClippings #divLinha {padding-top: 11px; width: 100%;}
#divPgClippings .divClipping {cursor: pointer; float: left; height: 14px; margin-bottom: 10px;}
#divPgClippings .divClipping .divMesAno {color: #F5BE02; float: left; padding: 0 4px;}
#divPgClippings .divClipping .divTitulo {float: right; height: 14px; margin-left: 5px; overflow: hidden; text-align: left; width: 760px;}
#divPgClippings .divClipping:HOVER {background-color: #F5BE02;}
#divPgClippings .divClipping:HOVER .divMesAno {background-color: #000000;}


/***************************************************************************************/
/** PÁGINA ARTIGO **********************************************************************/
#divArtigo {text-align: left; width: 800px;}
#divArtigo #divArtData {font-size: 1.2em;}
#divArtigo #divArtTitulo {background-color: #d5d5d5; color: #000000; font-size: 1.5em; font-weight: bold; margin: 10px; padding: 10px; text-align: left;}
#divArtigo #divArtTexto {margin: 10px; padding: 20px; text-align: justify; width: 740px;}
#divArtigo #divArtAutor {font-size: 1.2em;}


/***************************************************************************************/
/** PÁGINA ARTIGOS *********************************************************************/
#divPgArtigos {float: left; height: 100%;}
#divPgArtigos #divTitulo {float: left; font-size: 1.2em; font-weight: bold; padding: 3px 5px 5px 10px;}
#divPgArtigos .divArtigo {cursor: pointer; float: left; height: 14px; margin-bottom: 10px;}
#divPgArtigos .divArtigo .divMesAno {color: #F5BE02; float: left; padding: 0 4px;}
#divPgArtigos .divArtigo .divTitulo {float: right; height: 14px; margin-left: 5px; overflow: hidden; text-align: left; width: 760px;}
#divPgArtigos .divArtigo:HOVER {background-color: #F5BE02;}
#divPgArtigos .divArtigo:HOVER .divMesAno {background-color: #000000;}



/***************************************************************************************/
/** PÁGINA BOLETIM *********************************************************************/
#divBoletim {text-align: left; width: 800px;}
#divBoletim #divBolTitulo {background-color: #d5d5d5; color: #000000; font-size: 1.5em; font-weight: bold; margin: 10px; padding: 10px; text-align: left;}
#divBoletim #divBolTitulo #divBolNumero {font-size: 1.2em;}
#divBoletim #divBolTitulo #divBolData {font-size: 1em;}


/***************************************************************************************/
/** PÁGINA BOLETINS *********************************************************************/
#divPgBoletinsInformativos {float: left;}
#divPgBoletinsLegislativos {float: right;}
.divPgBoletins {height: 100%;}
.divPgBoletins #divPgBoletinsTitulo {font-size: 1.5em; font-weight: bold; text-align: left;}
.divPgBoletins .divMesAno {color: #F5BE02; margin-top: 5px; padding: 4px; text-align: left;}
.divPgBoletins .divBoletim {cursor: pointer; height: 15px; margin-bottom: 0; margin-left: 15px; text-align: left; width: 450px;}
.divPgBoletins .divBoletim:HOVER {background-color: #F5BE02;}





/***************************************************************************************/
/** PÁGINA TÓPICOS *********************************************************************/
#divPgTopicos {height: 100%;}
#divPgTopicos .divTopico {cursor: pointer; height: 15px; margin-bottom: 3px; padding: 5px 0; text-align: left; width: 900px;}
#divPgTopicos .divTopico:HOVER {background-color: #F5BE02;}
#divPgTopicos .divTopico:HOVER .divMesAno {background-color: #000000;}
#divPgTopicos .divMesAno {color: #f5be02; float: left; height: 15px; margin-top: -5px; padding: 5px; text-align: left; width: 65px;}
#divPgTopicos .divTitulo {float: left; height: 15px; margin-left: 15px; margin-top: -5px; overflow: hidden; padding: 5px 0; text-align: left; width: 740px;}
#divPgTopicos .divQtdParticipacao {float: right; height: 15px; margin-left: 15px; margin-top: -5px; padding: 5px 0; text-align: center; width: 50px;}



/***************************************************************************************/
/** PÁGINA ARTIGO *********************************************************************
#divArtigo {text-align: left; width: 800px;}
#divArtigo #divArtData {font-size: 1.2em;}
#divArtigo #divArtTitulo {background-color: #d5d5d5; color: #000000; font-size: 1.5em; font-weight: bold; margin: 10px; padding: 10px; text-align: left;}
#divArtigo #divArtTexto {margin: 10px; padding: 20px; text-align: justify; width: 740px;}
#divArtigo #divArtAutor {font-size: 1.2em;}*/






/***************************************************************************************/
/** PÁGINA FÓRUM ***********************************************************************/
#divConteudoBanners #divConteudo #divTituloForum {background-color: #EFF4F8; height: 40px; margin-bottom: 10px;}
#divConteudoBanners #divConteudo #divTituloForum #divDetalhe1 {background: none repeat scroll 0 0 #DCEAF5; border-radius: 0 22px 22px 0; float: left; height: 40px; width: 35px;}
#divConteudoBanners #divConteudo #divTituloForum #divDetalhe1 #divDetalhe2 {background: none repeat scroll 0 0 #FFFFFF; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; float: left; height: 15px; margin: 13px 10px; width: 15px;}
#divConteudoBanners #divConteudo #divTituloForum #divTitulo {float: left; margin: 11px;}
#divConteudoBanners #divConteudo #divTituloForum #divBusca {float: right; margin: 11px;}
#divConteudoBanners #divConteudo #divTituloForum #divBusca #txtBusca {color: #AAAAAA; width: 170px;}
#divConteudoBanners #divConteudo #divTituloForum #divBusca #btnOk {background: url("../imagens/fundoBotao.png") repeat scroll 0 0 transparent; border: 0 none; width: 27px;}
#divConteudoBanners #divConteudo #divTituloForum #txtNovoTpc {background: url("../imagens/fundoBotao.png") repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; float: right; margin: 11px 8px;}

#divConteudoBanners #divConteudo #divTopicos {border: 1px solid #E6E6E6; height: 738px; padding: 0 30px;}
#divConteudoBanners #divConteudo #divTopicos #divResultadoBusca {color: blue; font-size: 0.8em; padding: 5px 0; text-align: left;}
#divConteudoBanners #divConteudo #divTopicos #divResultadoBusca HR {border: 1px solid blue;}
#divConteudoBanners #divConteudo #divTopicos UL {}
#divConteudoBanners #divConteudo #divTopicos UL LI {border-bottom: 1px dashed #555555; color: #555555; list-style: none; padding: 8px 0; text-align: left;}
#divConteudoBanners #divConteudo #divTopicos UL LI:HOVER {background-color: #EEEEEE; cursor: pointer;}
#divConteudoBanners #divConteudo #divTopicos UL LI .divTpcFoto        {float: left; height: 30px; width: 30px;}
#divConteudoBanners #divConteudo #divTopicos UL LI .divTpcFoto IMG    {height: 30px; width: 30px;}
#divConteudoBanners #divConteudo #divTopicos UL LI .divTpc            {float: right; height: 30px; width: 560px;}
#divConteudoBanners #divConteudo #divTopicos UL LI .divTpcTitulo      {float: left;  font-size: 1.0em; margin-left: 10px;}
#divConteudoBanners #divConteudo #divTopicos UL LI .divTpcApelido     {float: left;  font-size: 0.6em; margin-left: 10px;}
#divConteudoBanners #divConteudo #divTopicos UL LI .divTpcDtUltComent {float: right; font-size: 0.6em; margin-left: 30px;}
#divConteudoBanners #divConteudo #divTopicos UL LI .divTpcQtdComents  {float: right; font-size: 0.6em; margin-left: 10px; margin-right: 10px; text-align: right; width: 30px;}
#divConteudoBanners #divConteudo #divTopicos UL LI .divTpcExcluir     {cursor: pointer; float: right; margin-right: -17px; margin-top: 14px; text-align: right; width: 16px;}

#divConteudoBanners #divConteudo #divComentarios                    {border: 1px solid #E6E6E6; padding: 5px 10px; width: 700px;}
#divConteudoBanners #divConteudo #divComentarios .divComentario     {border-bottom: 1px dashed #555555; min-height: 50px; width: 100%;}
#divConteudoBanners #divConteudo #divComentarios .divTpcFoto        {float: left; height: 30px; margin: 10px 0px 10px 20px; width: 30px;}
#divConteudoBanners #divConteudo #divComentarios .divTpcFoto IMG    {height: 30px; width: 30px;}
#divConteudoBanners #divConteudo #divComentarios .divTpcComentario  {float: right; margin: 10px 0; min-height: 30px; width: 550px;}
#divConteudoBanners #divConteudo #divComentarios .divPost           {float: right; font-size: 0.8em; margin-left: 10px; text-align: left; width: 100%; word-wrap: break-word;}
#divConteudoBanners #divConteudo #divComentarios .divTpcApelido     {float: left;  font-size: 0.8em;}
#divConteudoBanners #divConteudo #divComentarios .divTpcDtUltComent {float: right; font-size: 0.8em; margin-left: 30px;}
#divConteudoBanners #divConteudo #divComentarios .divTpcQtdComents  {float: right; font-size: 0.8em; margin-left: 30px; margin-right: 10px;}
#divConteudoBanners #divConteudo #divComentarios .divTpcExcluir     {cursor: pointer; float: right; margin-right: -20px; margin-top: 10px; text-align: right; width: 16px;}

#divConteudoBanners #divConteudo .divNovoPost {display: none; margin-top: 15px; text-align: left;}
#divConteudoBanners #divConteudo .divNovoPost.Block {display: block;}
#divConteudoBanners #divConteudo #divBotaoComentar {display: block; margin: 10px; text-align: left;}
#divConteudoBanners #divConteudo #divBotaoComentar.None {display: none;}
#divConteudoBanners #divConteudo #divBotaoComentar #btnComentar {width: 150px;}

#divConteudoBanners #divConteudo #divPaginacao {border: 1px solid #E6E6E6; height: 45px; margin-top: 3px; text-align: center;}
#divConteudoBanners #divConteudo #divPaginacao #divPaginamento {height: 25px; width: 250px;}
#divConteudoBanners #divConteudo #divPaginacao #divAnterior {cursor: pointer; float: left;}
#divConteudoBanners #divConteudo #divPaginacao #divPaginas {float: left; width: 196px;}
#divConteudoBanners #divConteudo #divPaginacao #divProxima {cursor: pointer; float: left;}

#divNovoComentario {border: 1px solid green; float: left; height: 825px; margin-top: 8px; padding: 5px; text-align: left; width: 655px;}
#divNovoComentario #txtTituloTopico {width: 300px;}

#divConteudoBanners #divConteudo #divTopico {border: 1px solid #E6E6E6; margin: 3px 0; padding: 5px 10px; width: 700px;}
#divConteudoBanners #divConteudo #divTopico .divTpcFoto      {float: left; height: 30px; width: 30px;}
#divConteudoBanners #divConteudo #divTopico .divTpcFoto IMG  {height: 30px; width: 30px;}
#divConteudoBanners #divConteudo #divTopico .divTpc          {float: right; min-height: 30px; width: 595px;}
#divConteudoBanners #divConteudo #divTopico .divTpcTitulo    {float: left;  font-size: 1.4em; font-weight: bold; margin-left: 10px;}
#divConteudoBanners #divConteudo #divTopico .divTpcApelido   {float: left;  font-size: 0.8em; margin-left: 10px;}
#divConteudoBanners #divConteudo #divTopico .divTpcDescricao {float: left;  font-size: 0.8em; margin-left: 10px; text-align: left;}




/***************************************************************************************/
/** CADASTRE-SE ************************************************************************/

#divConteudo #tblCadastreSe p {margin: 2px 0; text-align: left;}
#divConteudo #tblCadastreSe .label {display: block; font-size: 1em; font-weight: bold;}
#divConteudo #tblCadastreSe .labelCheckbox{display: inline; /*font-size: 0.8em;*/ font-weight: bold;}
#divConteudo #tblCadastreSe .labelErr {display: block; color: #FF0000; font-size: 1em; font-weight: bold;}
#divConteudo #tblCadastreSe .obriga {color: #000000; font-size: 10pt; font-weight: bold;}
#divConteudo #tblCadastreSe .input {bor''der: 1px solid #57585A; color: #57585A; font-size: 10pt; margin-bottom: 3px; padding: 3px; width: 135px;}
#divConteudo #tblCadastreSe #divRegras {background-color: #FFFFFF; border: 1px solid #181717; color: #181717; font-size: 10pt; height: 77px; margin-bottom: 5px; overflow: auto; padding: 2px; width: 514px;}
#divConteudo #tblCadastreSe input:focus, 
#divConteudo #tblCadastreSe textarea:focus {background: none repeat scroll 0 0 #FFFFEE; border: 1px solid #333333; box-shadow: 0 0 10px #999999; padding: 3px;}
#divConteudo #tblCadastreSe select:focus {background: none repeat scroll 0 0 #FFFFEE; border: 1px solid #333333; box-shadow: 0 0 6px #666666;}



/***************************************************************************************/
/** DADOS PESSPAOS *********************************************************************/
#divDadosPessoais #divBox1 #divMeusDados,
#divDadosPessoais #divBox1 #divMeusEnderecos,
#divDadosPessoais #divBox1 #divMeusPedidos {clear: both; margin: 20px;}
#divDadosPessoais #divBox1 #divImg {cursor: pointer; float: left;}
#divDadosPessoais #divBox1 #divMDTexto {float: left; margin-left: 10px;}
#divDadosPessoais #divBox1 #divMDTexto #divMDTitulo {color: #ff0000; cursor: pointer; font-size: 1.5em; margin-top: 5px;}



/***************************************************************************************/
/** MEUS PAGAMENTOS ********************************************************************/
#divConteudo table.grid {border: 1px solid #FFFFFF; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px 4px 4px 4px; padding: 5px; margin-bottom: 12px; margin-top: 15px; width: 100%;}
#divConteudo table.grid tr td {padding: 2px;}
#divConteudo table.grid thead tr td {background-color: #000000; border-radius: 0 10px 0 0; color: #FFFFFF; font-weight: bold; padding: 4px; text-align: center; text-transform: uppercase;}
#divConteudo table.grid thead tr td.acoes {width:15%;}
#divConteudo table.grid tbody tr td {text-align: left;}
#divConteudo table.grid tbody tr td.acoes {text-align: center;}
#divConteudo table.grid tbody tr td.acoes input {margin:1px;}
#divConteudo table.grid tbody tr td.acoes span {cursor: pointer;}
#divConteudo table.grid tbody tr td.acoes span.espaco16x16 {display:inline-table; width:16px; height:16px;}
#divConteudo table.grid tbody tr:nth-of-type(odd) {background:#fff;}
#divConteudo table.grid tbody tr:nth-of-type(even) {background:#eee;}
#divConteudo table.grid tbody tr:hover {background:#C6E2FF;}
#divConteudo table.grid tfoot tr td {padding:12px; text-align:center;}
#divConteudo table.grid tfoot tr td span {background:#777; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color:#fff; cursor: pointer; font-weight:bold; padding:4px; text-align:center; text-decoration:none;}
#divConteudo table.grid tfoot tr td span:hover {background:#999;}




#divBoxValoresAssociados .label {font-size: 1.5em; font-weight: bold;}
#divBoxValoresAssociados #tblValores THEAD TD {background-color: #f8c300; color: #000000; font-size: 1.2em; font-weight: bold; margin: 10px 3px; padding: 2px 5px; text-align: center;}
#divBoxValoresAssociados #tblValores TBODY TD.descr {padding: 3px; text-align: left;}
#divBoxValoresAssociados #tblValores TBODY TD.valor {padding-right: 10px; text-align: right;}





/***************************************************************************************/
/** ELEIÇÕES ***************************************************************************/
#divPergunta {border: 1px solid #999999; font-size: 1.5em; font-weight: bold; margin-bottom: 10px;}
#divRespostas {background-color: #d5d5d5; border: 1px solid #999999; margin-bottom: 10px; padding: 10px; width: 800px;}
.divAlternativa {margin-bottom: 10px;}
.divAlternativaCampo {float: left; height: 15px; width: 15px;}
.rdoAlternativa {float: left;}
.divAlternativaTexto {float: left; margin-left: 5px; text-align: left; width: 770px;}
#divBotao {margin-bottom: 10px;}

#divTotalVotos {font-weight: bold; padding: 10px 0 20px 10px; text-align: left;}
#divResultado {background-color: #AAAAAA; padding: 10px; width: 600px;}
.divResultadoAlternativa {color: #FFFFFF; height: 16px; margin-top: 10px;text-align: left;}
.divResultadoBarra {background-color: red; color: #FFFFFF; float: left; height: 16px; margin-bottom: 5px;}
.divResultadoPercentual {color: #FFFFFF; float: left; height: 16px; margin-left: 5px;}
.divEleito {background-color: #f5be02; color: #fff; font-size: 1.3em; font-weight: bold; margin-top: 10px; padding: 5px 0; text-transform: uppercase;}






/* LOGIN CADASTRO */
#divBoxLoginCadastro {color: #909090; margin-left: -2px; margin-top: 0; text-align: left; width: 768px;}
#divBoxLoginCadastro #divNomeProduto {font-size: 1.6em; padding: 20px 0 0; text-align: center;}
#divBoxLoginCadastro #divBox1 {}
#divBoxLoginCadastro #divBox1 #divBoxCadastro {float: right; width: 49%}
#divBoxLoginCadastro #divBox1 #divBoxSeparador {box-shadow: 1px 1px 4px 1px #333; float: left; height: 195px; margin: 14px 0 0 7px; text-align: center; width: 0;}
#divBoxLoginCadastro #divBox1 #divBoxLogin {float: left; width: 49%}
#divBoxLoginCadastro #divBox1 #divBoxCadastro #divTituloLog,
#divBoxLoginCadastro #divBox1 #divBoxLogin #divTituloLog {font-size: 1.6em; padding: 20px 0 0; text-align: center;}
#divBoxLoginCadastro #divBox1 #divBoxCadastro #divDescricao,
#divBoxLoginCadastro #divBox1 #divBoxLogin #divDescricao {padding: 10px 20px; text-align: center;}
#divBoxLoginCadastro #divBox1 #divBtnCadastrar {cursor: pointer; padding: 10px 20px; text-align: center;}
#divBoxLoginCadastro #divBox1 #divBtnCadastrar IMG:HOVER {margin: 1px;}

#divBoxLoginCadastro #divBox1 #divBoxLogin #mensagemLogin {margin-left: 70px;}
#divBoxLoginCadastro #divBox1 #divBoxLogin #mensagemLogin .mensagemErro {margin-bottom: 0px !important; margin-top: 0px !important;}
#divBoxLoginCadastro #divBox1 #divBoxLogin #divBtnLogin {padding:10px;}
#divBoxLoginCadastro #divBox1 #divBoxLogin #divBtnLogin #txtEmailInscricao {border: 1px solid #c7be85; border-radius: 5px 0; box-shadow: 1px 1px 3px 0 #c7be85; height: 24px; margin: 0 0 5px 60px; padding: 2px 9px; width: 250px;}
#divBoxLoginCadastro #divBox1 #divBoxLogin #divBtnLogin #txtSenhaInscricao {border: 1px solid #c7be85; border-radius: 5px 0; box-shadow: 1px 1px 3px 0 #c7be85; height: 24px; margin: 6px 0 5px 60px; padding: 2px 9px; width: 190px;}
#divBoxLoginCadastro #divBox1 #divBoxLogin #divBtnLogin #divBtnOk {cursor: pointer; float: right; height: 42px; margin: -3px 42px 0 0; width: 42px;}
#divBoxLoginCadastro #divBox1 #divBoxLogin #divBtnLogin #divBtnOk IMG:HOVER {margin: 1px;}
#divBoxLoginCadastro #divBox1 #divBoxLogin #divEsqueci {color: #FF0000; cursor: pointer; margin: -10px 0 0 70px; text-decoration: underline;}


/***************************************************************************************/
/** PÁGINA DE TRANSPARÊNCIA ************************************************************/
#divTipoArqTrans {width: 600px;}
#divTipoArqTrans .divTipoArquivo {background-color: #d5d5d5; font-size: 1.3em; font-weight: bold; margin-top: 15px; text-align: left;}
#divTipoArqTrans .divTransparencia {clear: both; cursor: pointer; height: 16px; margin-left: 15px; margin-top: 5px; text-align: left;}
#divTipoArqTrans .divTransparencia:HOVER .divTranspData {background-color: #000000; color: #F5BE02;}
#divTipoArqTrans .divTransparencia:HOVER .divTranspTitulo {background-color: #F5BE02;}
#divTipoArqTrans .divTranspData {color: #f5be02; float: left; padding: 0 5px; text-align: left;}
#divTipoArqTrans .divTranspTitulo {float: left; margin-left: 5px; padding: 0 5px; text-align: left; width: 490px;}


/***************************************************************************************/
/** PÁGINA BOLETIM *********************************************************************/
#divTransparencia {text-align: left; width: 800px;}
#divTransparencia #divTranspTitulo {background-color: #d5d5d5; color: #000000; font-size: 1.5em; font-weight: bold; margin: 10px; padding: 10px; text-align: left;}
#divTransparencia #divTranspTitulo #divTranspNumero {font-size: 1.2em;}
#divTransparencia #divTranspTitulo #divTranspData {font-size: 1em;}






/***************************************************************************************/
/** ATIVIDADES *************************************************************************/
#ulAtividades {margin-top: 20px;}
#ulAtividades .liAtividade {font-weight: bold; list-style: outside none none; margin-bottom: 5px;}
#ulAtividades #ulHorarios {margin-bottom: 20px; margin-left: 20px;}
#ulAtividades #ulHorarios .liHorario {list-style: outside none none;}
#ulAtividades #ulHorarios .chkHorario {margin-right: 10px;}

/***************************************************************************************/
/** OFICINAS ***************************************************************************/
#tblOficina THEAD TR TD.add {background-color: #ffffff; color: #000000; font-weight: normal;}
#tblOficina THEAD TR TD {background-color: #777777; color: #ffffff; font-weight: bold;}
#tblOficina THEAD TR TD.acoes {width: 15%;}
#tblOficina TR TD {border: 1px solid #000000; padding: 1px 3px;}
#tblOficina TBODY TR TD.hora {background-color: #cccccc; padding-top: 10px;}
#tblOficina TBODY TR TD.acoes {text-align: center;}
#tblOficina TBODY TR TD.acoes span {cursor: pointer;}
#tblOficina TBODY TR TD.centro {text-align: center;}
#tblOficina TBODY TR TD.direita {text-align: right;}
#tblOficina TR TD #divAddOficina {cursor: pointer; float: right; position: relative; right: 4px; top: 2px;}
#tblOficina TR TD #divTxtAddOficina {cursor: pointer; float: right; position: relative; right: 10px; top: 7px;}


#divOficinasInscritas {background-color: #ffffc1; border: 1px solid #000000; height: 18px; text-align: center; width: 240px;}







/***************************************************************************************/
/** ASSOCIESEFORM ***************************************************************************/
#divInstrucao {margin-bottom: 10px; text-align: left;}
#tdColunaDireita {vertical-align: text-top; width: 380px; text-align: right;}
#divtdColunaDireita {height: 30px; position: fixed; top: 325px; width: 400px;}
#tdColunaDireita #divTitulo {float: right; font-size: 1.4em; text-align: center; width: 300px;}
#tdColunaDireita #divColunaDireita {border: 1px solid #000000; float: right; margin-top: 10px; padding: 5px; text-align: right; top: 350px; width: 307px;}
#tdColunaDireita #divColunaDireita .spnValor {color: red; font-size: 1.2em;}
#tdColunaDireita #divColunaDireita .spnValorTotal {color: red; font-size: 1.4em;}
#pBtnGravar {margin-right: 12px !important; text-align: right !important;}
#btnInserir {width: 200px;}

.divDelInscrito {cursor: pointer; height: 16px; width: 16px;}
#tblInscritos {margin-top: 10px;}
#tblInscritos THEAD TR TD {background-color: #f5be02; color: #ffffff; font-weight: bold; padding: 4px; text-align: left;}