* {margin:0; padding:0; text-decoration: none;}

body {
	background: url(../images/fundo.jpg) no-repeat top center #FFF;
	font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

div#geral {
	width: 924px;
	margin: 0 auto;
	text-align: left;
}

a {
  color: #000000;
}

img {
  border: none;
}

p {
  line-height: 16px;
}

div#mensagem {
  display: block;
  background: url(../imagens/atencao.gif) no-repeat 5px center #FFFFE1;
  border: 1px solid #ACA899;
  padding: 5px;
  margin: 5px 0px;
  padding-left: 25px;
  font-size: 10px;
}

.paginacao {color:#222; width:100%;  padding:5px 0px; margin:10px 0px; text-align:center; clear:both; display:table; }
.paginacao p a { color:#4C5044; background-color:#FFE4CF; text-decoration:none; font-weight:normal; padding:0px 4px; margin:0 2px; display:inline; }
.paginacao p a:hover { background-color:#F88529; color:#FFF; text-decoration:none; }
.paginacao p span { background-color:#F88529; padding:0px 4px; color:#FFF; }
.paginacao h4 { float:left; font-size:10px; color:#000; }
.paginacao p { float:right; margin:0px; }








/*--- TOPO -----------------------------------------------------------*/

div#topo {
  display: block;
  margin: 0 auto;
  height: 180px;
}

div#topo a.logo {
  background: url(../images/logo.png) no-repeat center top;
  display: block;
  width: 284px;
  height: 124px;
  text-align: center;
  text-indent: -9999px;
  float: left;
  margin-top: 25px;
}

div#topo div#banners {
 display: block;
 float: left;
 height: 180px;
 width: 640px;
 text-align: center;
}

div#topo div#banners img {
  float: right;
}

/*--- CORPO ----------------------------------------------------------*/









/*--- MENU -----------------------------------------------------------*/

ul#menu {
	display: block;
	height: 50px;
  background: url(../images/menu.png) repeat-x center;
}

ul#menu li {
  display: inline;
  float: left;
  background: url(../images/menudiv.png) no-repeat right center;
}

ul#menu li a {
  display: block;
  line-height: 30px;  
  padding: 10px;  
  text-indent: -9999px;
}

ul#menu li a.btn_home { background: url(../images/bthome.png) no-repeat top center; width: 54px; }
ul#menu li a.btn_home:hover { background: url(../images/bthome.png) no-repeat bottom center; }
#pg_home ul#menu li a.btn_home {background: url(../images/bthome.png) no-repeat bottom center; }

ul#menu li a.btn_institucional { background: url(../images/btinstitucional.png) no-repeat top center; width: 120px; }
ul#menu li a.btn_institucional:hover { background: url(../images/btinstitucional.png) no-repeat bottom center; }
#pg_institucional ul#menu li a.btn_institucional {background: url(../images/btinstitucional.png) no-repeat bottom center; }

ul#menu li a.btn_agenda { background: url(../images/btagenda.png) no-repeat top center; width: 75px; }
ul#menu li a.btn_agenda:hover { background: url(../images/btagenda.png) no-repeat bottom center; }
#pg_agenda ul#menu li a.btn_agenda {background: url(../images/btagenda.png) no-repeat bottom center; }

ul#menu li a.btn_membros { background: url(../images/btmembros.png) no-repeat top center; width: 92px; }
ul#menu li a.btn_membros:hover { background: url(../images/btmembros.png) no-repeat bottom center; }
#pg_membros ul#menu li a.btn_membros {background: url(../images/btmembros.png) no-repeat bottom center; }

ul#menu li a.btn_blog { background: url(../images/btblog.png) no-repeat top center; width: 45px; }
ul#menu li a.btn_blog:hover { background: url(../images/btblog.png) no-repeat bottom center; }
#pg_blog ul#menu li a.btn_blog {background: url(../images/btblog.png) no-repeat bottom center; }

ul#menu li a.btn_contato { background: url(../images/btcontato.png) no-repeat top center; width: 76px; }
ul#menu li a.btn_contato:hover { background: url(../images/btcontato.png) no-repeat bottom center; }
#pg_contato ul#menu li a.btn_contato {background: url(../images/btcontato.png) no-repeat bottom center; }


ul#menu li.busca {
  background:none;
  padding: 13px;
}

ul#menu li.busca input {
  float: left;
  border: 1px solid #CCC;
  width: 220px;
  height: 17px;
  padding: 3px;
}

ul#menu li.busca a.botao {
  float:left;
  background: url(../images/buscar.gif) no-repeat top center;
  width: 59px;
  height: 25px;
  padding: 0px;
  cursor: pointer;
  text-indent: -9999px;
}

ul#menu li.busca a.botao:hover {
  background: url(../images/buscar.gif) no-repeat bottom center;
}















/*--- CONTEUDO -----------------------------------------------------------*/

div#conteudo {
  display: block;
  clear: both;
  background: url(../images/fundoconteudo.gif) repeat-y center #F3F3F3;
  min-height: 500px;
  _height: 100%;
}

div#conteudo div.caixa {
  display: block;
  background: #FFF; 
  margin: 5px 0px 5px 5px;
}

div#conteudo div.caixa h2.titulo {
  display: block;
  background: url(../images/titulo.png) repeat-x top;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding-left: 10px;
  color: #4B97D1;
}

div#conteudo div.caixa div.texto {
  margin: 5px;
}



/*--- PAGINA INICIAL -----------------------------------------------------------*/
div.pg-home div#cx-agenda {
  float: left;
  width: 235px;
}

/* MESES */
div.pg-home div#cx-agenda ul.meses {
  padding-bottom: 5px;
  border-bottom: 1px solid #E4E4E4;
}

div.pg-home div#cx-agenda div.texto {
  overflow: hidden;
  height: 350px;
}
  
div.pg-home div#cx-agenda ul.meses li {
  display: inline;
}

div.pg-home div#cx-agenda ul.meses li a {
  padding: 1px 4px;
}

div.pg-home div#cx-agenda ul.meses li a:hover,
div.pg-home div#cx-agenda ul.meses li a.selecionado {
  background: #4B97D1;
  color: #FFF; 
}

/* ITENS */
div.pg-home div#cx-agenda ul.itens {
  font-size: 10px;
}

div.pg-home div#cx-agenda ul.itens li a {
  padding: 1px;
    line-height: 15px;
}

div.pg-home div#cx-agenda ul.itens li a:hover {
  text-decoration: underline;
}

div.pg-home div#cx-agenda ul.itens li a span {
  color: #4B97D1;
  padding-right: 5px;
}

div.pg-home div#cx-agenda a.agenda-completa {
  display: block;
  background: url(../images/calendario.png) no-repeat left center;
  width: 205px;
  height: 24px;
  line-height: 24px;
  font-size: 11px;
  font-weight: bold;
  padding-left: 30px;
  margin-top:5px; 
}

div.pg-home div#cx-agenda a.agenda-completa:hover {
  text-decoration: underline;
}

div.pg-home div#cx-agenda .texto a:hover {
  text-decoration: underline;
}

div.pg-home div#cx-agenda .texto ul {
  list-style: square outside;
  line-height: 20px;
  margin-left: 20px;  
  padding-bottom: 10px; 
}

/* BLOG */

div.pg-home div#cx-blog {
  float: left;
  width: 400px;    
}

div.pg-home div#cx-blog div.blog-item {
  display: block;
  border-bottom:5px solid #E7E7DA;
  margin-bottom:5px;
  padding:5px;
}

div.pg-home div#cx-blog div.blog-item h3 {
  font-size: 16px;
  margin-bottom: 5px;
}

div.pg-home div#cx-blog div.blog-item h3 a:hover {
  border-bottom: solid 1px #000;
}

div.pg-home div#cx-blog div.blog-item div.data {
  margin-top: 4px;
}

div.pg-home div#cx-blog div.blog-item div.data span {
  float:left;
  margin: 0.5em 0.5em 0;
  background:transparent url(../images/calendar.gif) no-repeat center top;
  height:35px;
  width:34px;
  color:#FFFFFF;
  text-align:center;
  left:10px;
  position: static;
  font-size:10px;
  text-transform:uppercase;
  font-weight: bold;
}

div.pg-home div#cx-blog div.blog-item div.data span big {
  display:block;
  padding-top:4px;
  font-size:16px;
  color:#EB4844;
}

div.pg-home div#cx-blog div.blog-item p {
  font-size: 12px;
  line-height: 16px;
}

div.pg-home div#cx-blog  a.leia-mais {
  clear: both;
  display: block;
  text-align: right;
  padding: 2px; 
}

div.pg-home div#cx-blog a.leia-mais:hover {
  text-decoration: underline;
}


/*
div.pg-home div#cx-blog div.destaque img {
  float: left;
}

div.pg-home div#cx-blog div.destaque p.resumo {
  float: left;
  display: block;
  width:270px;
  margin-left: 5px;
  line-height: 15px;
  font-size: 11px;
}

div.pg-home div#cx-blog div.destaque a.leia-mais {
  clear: both;
  display: block;
  color: #DB6712;
  text-align: right;
  padding: 2px; 
}

div.pg-home div#cx-blog div.destaque a.leia-mais:hover {
  text-decoration: underline;
}

div.pg-home div#cx-blog a.item {
  display: block;
  padding: 5px 0px;
  line-height: 13px;
  border-bottom: 1px solid #E4E4E4;  
}

div.pg-home div#cx-blog a.item:hover {
  text-decoration: underline;
}

div.pg-home div#cx-blog a.item span.data {
  display: block;
  float: left;
  color: #DB6712;
  font-size: 10px;
}

div.pg-home div#cx-blog a.item span.titulo {
  display: block;
  float: left;
  font-size: 10px;
  font-weight: bold;
}

div.pg-home div#cx-blog a.leia-mais {
  display: block;
  padding: 10px;
  text-align: right;
  color: #DB6712; 
}

div.pg-home div#cx-blog a.leia-mais:hover {
  text-decoration: underline;
}
*/


/* PARCEIROS */
div#cx-parceiros {
  float: left;
  width: 265px;
  text-align: center;
}

div#cx-parceiros img {
  margin: 10px 5px;
}


/* ENDERECOS */
div#cx-endereco {
  float: right;
  width: 265px;
  height: 150px;
  background: url(../images/contato.jpg) no-repeat center;
}

div#cx-endereco address {
  display: block;
  font-size: 10px;
  line-height: 12px;
  padding: 35px 20px 0px 70px;
}

div#cx-endereco a {
  display: block;
  letter-spacing: -1px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  font-style: normal;
  margin-top: 8px;
  padding: 5px 0px 0px 15px;
  color: #FFF;
}




/*--- INSTITUCIONAL ---------------------------------------------------------*/



div.pg-institucional div#cx-institucional {
  float: left;
  width: 635px;
}

div.pg-institucional div#cx-institucional h1 {
  font-size: 18px;
  color: #DC6403;
  margin: 10px 0px;
  border-bottom: 1px solid #DC6403;
  font-weight: bold;
}

div.pg-institucional div#cx-institucional div.texto h2 {
  font-size: 14px;
  margin: 10px 0px;
  font-weight: bold;
}

div.pg-institucional div#cx-institucional p {
  text-align: justify;
  padding-bottom: 10px;
}

div.pg-institucional div#cx-institucional ul {
  list-style: circle outside;
  line-height: 20px;
  margin-left: 20px;  
  padding-bottom: 10px;  
}







/*--- AGENDA ---------------------------------------------------------*/

div.pg-agenda div#cx-calendario {
  float: left;
  width: 200px;
}

div.pg-agenda div#cx-calendario ul {
  list-style: circle outside;
  line-height: 20px;
  margin-left: 20px;  
  padding-bottom: 10px; 
}

div.pg-agenda div#cx-calendario ul a:hover {
  border-bottom: solid 1px #000;
}

div.pg-agenda div#cx-calendario ul li.atual{
  font-weight: bold;
}

div.pg-agenda div#cx-calendario div.texto h2 {
  font-size: 14px;
  margin: 10px 0px;
  font-weight: bold;
}


div.pg-agenda div#cx-calendario ul.classificacao{
  list-style: square outside;
  line-height: 20px;
  margin-left: 20px;  
  padding-bottom: 10px; 
}

div.pg-agenda div#cx-calendario ul.classificacao li.azul {
  color: #4B97D1;
}

div.pg-agenda div#cx-calendario ul.classificacao li.laranja {
  color: #F88529;
  
}

div.pg-agenda div#cx-calendario ul.classificacao li.verde {
  color: #00CC33;
  
}

div.pg-agenda div#cx-calendario ul.classificacao li.vermelho {
  color: #DF3737;  
}


div.pg-agenda div#cx-agenda {
  float: left;
  width: 435px;
}

div.pg-agenda div#cx-agenda p {
  text-align: justify;
  padding-bottom: 10px;
}

/* ITENS */

div.pg-agenda div#cx-agenda ul li {
  clear: both;
}

div.pg-agenda div#cx-agenda ul li a {
  display: block;
  width: 360px;
  line-height: 15px;
  float: left;
  font-weight: bold;
}

div.pg-agenda div#cx-agenda ul li a:hover {
  border-bottom: solid 1px #000;
}

div.pg-agenda div#cx-agenda ul li span {
  display: block;
  height: 25px;
  width: 47px;
  text-align: center;
  background-color: #4B97D1;
  color: #FFF;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 2px;
  float: left;
}

div.pg-agenda div#cx-agenda ul li span.azul {
  background-color: #4B97D1;
}

div.pg-agenda div#cx-agenda ul li span.laranja {
  background-color: #F88529;  
}

div.pg-agenda div#cx-agenda ul li span.verde {
  background-color: #00CC33;
}

div.pg-agenda div#cx-agenda ul li span.vermelho {
  background-color: #DF3737;  
}


div.pg-agenda div#cx-agenda ul li small {
  font-size: 9px;
  font-weight: normal;
}

div.pg-agenda div#cx-agenda div.evento h2 {
  font-size: 16px;
  padding-bottom: 10px;
}

div.pg-agenda div#cx-agenda div.evento span {
  height: 25px;
  text-align: center;
  color: #FFF;
  padding: 2px;
  background-color: #4B97D1;
}

div.pg-agenda div#cx-agenda div.evento span.azul {
  background-color: #4B97D1;
}

div.pg-agenda div#cx-agenda div.evento span.laranja {
  background-color: #F88529;  
}





/*--- MEMBROS ---------------------------------------------------------*/
div.pg-membros  a:hover {
  text-decoration: underline;
}

div.pg-membros div#cx-cd {
  float: left;
  width: 300px;
}

div.pg-membros div#cx-membros {
  float: left;
  width: 300px;
}


div.pg-membros div#cx-membros div.texto {
  overflow: auto;
  height: 1410px;
}

div.pg-membros div#cx-membros div.texto ul li a {
  width: 98%;
}


div.pg-membros div#cx-senadores {
  float: left;
  width: 300px;
}



div.pg-membros ul li {
  clear: both;
}

div.pg-membros ul li a {
  display: block;
  width: 360px;
  line-height: 15px;
  float: left;
  font-weight: bold;
}

div.pg-membros ul li small {
  font-size: 9px;
  font-weight: normal;
}








/*--- BLOG ---------------------------------------------------------*/
div.pg-blog a:hover {
  border-bottom: solid 1px #000;
}

div.pg-blog div#cx-categoria {
  float: left;
  width: 200px;
}

div.pg-blog div#cx-blog {
  float: left;
  width: 435px;    
}

div.pg-blog div#cx-blog div.blog-item {
  display: block;
  border-bottom:5px solid #E7E7DA;
  margin-bottom:5px;
  padding:5px;
}

div.pg-blog div#cx-blog div.blog-item h3 {
  font-size: 16px;
  margin-bottom: 5px;
}

div.pg-blog div#cx-blog div.blog-item h3 a:hover {
  border-bottom: solid 1px #000;
}

div.pg-blog div#cx-blog div.blog-item div.data {
  margin-top: 4px;
}

div.pg-blog div#cx-blog div.blog-item div.data span {
  float:left;
  margin: 0.5em 0.5em 0;
  background:transparent url(../images/calendar.gif) no-repeat center top;
  height:35px;
  width:34px;
  color:#FFFFFF;
  text-align:center;
  left:10px;
  position: static;
  font-size:10px;
  text-transform:uppercase;
  font-weight: bold;
}

div.pg-blog div#cx-blog div.blog-item div.data span big {
  display:block;
  padding-top:4px;
  font-size:16px;
  color:#EB4844;
}

div.pg-blog div#cx-blog div.blog-item p {
  font-size: 12px;
  line-height: 16px;
}

div.pg-blog div#cx-blog div.blog-item a {
  border-bottom: dotted 1px #000;
}

div.pg-blog div#cx-blog div#blog-album a {
  float: left;
  margin: 5px;
  border: 2px solid #CCC;
} 


div.pg-blog div#cx-categoria ul.classificacao {
  list-style: square outside;
  line-height: 20px;
  margin-left: 20px;  
  padding-bottom: 10px; 
}

div.pg-blog div#cx-categoria ul.classificacao li.azul {
  color: #4B97D1;
}

div.pg-blog div#cx-categoria ul.classificacao li.laranja {
  color: #F88529;  
}

div.pg-blog div#cx-categoria form h2 {
  font-size: 14px; 
  background-color: #4B97D1;
  color: #FFF; 
  padding: 5px;
} 


div.pg-blog div#cx-categoria form label {
  font-size: 10px;
  display: block;
  padding: 2px 0px;
}

div.pg-blog div#cx-categoria form input,
div.pg-blog div#cx-categoria form textarea {
  width: 180px;
  border: 1px solid #7F9DB9;  
}

div.pg-blog div#cx-categoria form input:hover,
div.pg-blog div#cx-categoria form textarea:hover {
  background-color: #EFF8FF;  
}

div.pg-blog div#cx-categoria form textarea {
  height: 120px;
}

div.pg-blog div#cx-categoria form input.botao {
  cursor: pointer;
  margin-top: 5px;
  width: 60px;  
}


div.pg-blog div#cx-categoria div.comentario-item h2 {
  font-size: 14px; 
  border-bottom: 1px solid #4B97D1; 
  padding: 2px;
} 

div.pg-blog div#cx-categoria div.comentario-item small {
  font-size: 10px;  
  font-weight: normal;  
} 

div.pg-blog div#cx-categoria div.comentario-item p {
  line-height: 14px;
  font-size: 10px;
  padding: 5px 0px;
} 


div.pg-blog div#cx-blog ul.navegacao {
  clear: both;  
}

div.pg-blog div#cx-blog ul.navegacao li {
  display: inline;
  padding: 10px 5px;
}

div.pg-blog div#cx-blog ul.navegacao li.prev {
  float: left;  
}

div.pg-blog div#cx-blog ul.navegacao li.next {
  float: right;  
}







/*--- CONTATO ---------------------------------------------------------*/
div.pg-contato a:hover {
  border-bottom: solid 1px #000;
}

div.pg-contato div#cx-contato {
  float: left;
  width: 200px;
}

div.pg-contato div#cx-contato div.texto h2 {
  color: #4B97D1;
  font-size: 12px;
  padding: 5px 0px;
  border-bottom: 1px solid #4B97D1; 
}

div.pg-contato div#cx-contato div.texto h3,
div.pg-contato div#cx-contato div.texto a,
div.pg-contato div#cx-contato div.texto p {
  font-size: 12px;
  padding: 5px 0px;
}

div.pg-contato div#cx-formulario {
  float: left;
  width: 435px;    
}

div.pg-contato div#cx-formulario label {
  display: block;
  padding: 5px 0px;
}

div.pg-contato div#cx-formulario input {
  width: 400px;
  height: 20px;
  padding: 2px;
  border: 1px solid #7F9DB9;  
}

div.pg-contato div#cx-formulario input:hover {
  background-color: #EFF8FF;
}

div.pg-contato div#cx-formulario textarea {
  width: 400px;
  padding: 2px;
  height: 100px;
  border: 1px solid #7F9DB9;  
}

div.pg-contato div#cx-formulario textarea:hover {
  background-color: #EFF8FF;
}

div.pg-contato div#cx-formulario input.botao {
  cursor: pointer;
  margin-top: 5px;
  width: 60px;    
  height: 25px;
}

div.pg-contato div#cx-formulario input.botao:hover {
  background-color: #EFF8FF;
}

.alert{
  display: block;
  background:url(../images/atencao.gif) 5px center no-repeat #ffffe1;
  border:1px solid #aca899;
  padding:5px 5px 5px 25px;
  font-size: 10px;
  color:#000;
}

.success{
  display: block;
  background:url(../images/tick.gif) 5px center no-repeat #ffffe1;
  border:1px solid #aca899;
  padding:5px 5px 5px 25px;
  font-size: 10px;
  color:#000;
}








/*--- RODAPE ---------------------------------------------------------*/
div#rodape {
  display: block;
  height: 60px;
  padding: 20px;
  text-align: center;
  margin: 0 auto;
  clear: both;
}

div#rodape a.jcimundial{
  float: left;
  display: block;
  width: 237px;
  height: 38px;
  margin-left: 50px;
  background: url(../images/jcilogo.gif) no-repeat center;
  text-indent: -9999px;
}

div#rodape a.jcibrasil {
  float: right;
  display: block;
  width: 259px;
  height: 38px;
  margin-right: 50px;
  background: url(../images/jcibrasillogo.gif) no-repeat center;
  text-indent: -9999px;
}


div#rodape p.copy {
  clear: both;
  display: block;
  width: 100%;
  padding-top: 15px;
  text-align: center;
  font-size: 10px;
}    


/* DEBUG */

div.coluna {
  border: 1px solid red;
}