@charset "utf-8";
/* CSS Document */
/* Front-end: Phillipe Santos - phillipe_klepper21@hotmail.com*/

/*Importando o CSS RESET*/
@import url("reset.css");

/*Regras para textos*/
label, p, strong, em, a, h1, h2, h3, h4, h5, input, textarea, legend, select, td, body { 
font-family: Arial, Helvetica, sans-serif; }


a { color:#000; }
a:hover { text-decoration:underline; }


h1 { }

body { background:#24437b url(../img/bg-rodape.png) no-repeat center bottom; font-size:12px;  }

#all_1 {background:url(../img/bgtopo.jpg) no-repeat top center; width:100%; overflow:hidden;}
#all { width:900px; margin:0 auto; background:#FFFFFF; overflow:hidden; margin-bottom:40px; }

/* Header */
#head { float: left; width: 286px; background: url(../img/menu.png); height: 996px; }
#head #logo { width: 266px; float: left; text-indent: -9999px; margin-bottom: 30px; }
#head #logo h1 { width: 266px;  background: url(../img/logo.png) no-repeat 8px 15px; height: 121px; text-indent: -9999x; }
#head #menu { width: 266px; margin-left: 20px; float: left; }
#head #twitter { float: left; width: 226px; text-align: center; padding: 20px 0px 30px 0px; margin-left: 20px; border-bottom: solid 1px #CCCCCC; }
#head #redesSociais { float: left; width: 226px; text-align: center; padding: 20px 0px 30px 0px; margin-left: 20px;}
#head #informativos { float: left; width: 226px; margin: 20px 0 0 20px; padding-bottom:10px; border-bottom: solid 1px #CCCCCC;}
#head #informativos h4 { background: url(../img/informativos.png) no-repeat; height: 19px; text-indent: -9999px; }
#head #informativos .form { float: left; width: 206px; margin: 10px 0px 10px 20px; font-size: 12px; }
#head #informativos input { padding: 5px; background-image: url(../img/bgform.jpg); height: 23px; width: 176px; border: none; margin: 10px 0px 10px 0px; } 
#head #informativos .botao { text-align: right; margin-right: 20px; }
#head #informativos .botaoenviar { width: 66px; height: 33px; background: none; margin: 0px; padding: 0px; text-align: right; }
#head2 { float: left; width: 286px; background: url(../img/menu3.png) no-repeat #FFFFFF; height: auto; }
#head2 #logo { width: 266px; float: left; text-indent: -9999px; margin-bottom: 30px; }
#head2 #logo h1 { width: 266px;  background: url(../img/logo.png) no-repeat 8px 15px; height: 121px; text-indent: -9999x; }
#head2 #menu { width: 266px; margin-left: 20px; float: left; }
#head2 #twitter { float: left; width: 226px; text-align: center; padding: 20px 0px 30px 0px; margin-left: 20px; border-bottom: solid 1px #CCCCCC; }


/* Content Interna */
#contentinterna { float: left; width: 614px; background: url(../img/conteudointerna.png) #FFFFFF no-repeat; }
#contentinterna #quem { margin-top: 40px; padding-top: 50px; float: left; }
#contentinterna #quem h3 { background: url(../img/quem-somos.png) no-repeat; width: 114px; height: 15px; text-indent: -9999px;  }
#contentinterna #noticias { margin-top: 40px; padding-top: 50px; float: left; }
#contentinterna #noticias h3 { background: url(../img/noticias.png) no-repeat; width: 94px; height: 15px; text-indent: -9999px;  }
#contentinterna #imprensa { margin-top: 40px; padding-top: 50px; float: left; }
#contentinterna #imprensa h3 { background: url(../img/imprensa2.png) no-repeat; width: 94px; height: 15px; text-indent: -9999px;  }
#contentinterna #dialogos { margin-top: 40px; padding-top: 50px; float: left; }
#contentinterna #dialogos h3 { background: url(../img/dialogos.png) no-repeat; width: 146px; height: 15px; text-indent: -9999px;  }
#contentinterna #tvsindi { margin-top: 40px; padding-top: 50px; float: left; }
#contentinterna #tvsindi h3 { background: url(../img/tvsindicontas.png) no-repeat; width: 129px; height: 15px; text-indent: -9999px;  }
#contentinterna #galeria { margin-top: 40px; padding-top: 50px; float: left; }
#contentinterna #galeria h3 { background: url(../img/galeria-fotos.png) no-repeat; width: 145px; height: 15px; text-indent: -9999px;  }
#contentinterna #eventos { margin-top: 40px; padding-top: 50px; float: left; }
#contentinterna #eventos h3 { background: url(../img/agenda.png) no-repeat; width: 78px; height: 15px; text-indent: -9999px;  }
#contentinterna #contatos { margin-top: 40px; padding-top: 50px; float: left; }
#contentinterna #contatos h3 { background: url(../img/contato.png) no-repeat; width: 88px; height: 15px; text-indent: -9999px;  }
#contentinterna #convenios { margin-top: 40px; padding-top: 50px; float: left; }
#contentinterna #convenios h3 { background: url(../img/convenios.png) no-repeat; width: 97px; height: 15px; text-indent: -9999px; }
#contentinterna #links { margin-top: 40px; padding-top: 50px; float: left; }
#contentinterna #links h3 { background: url(../img/links.png) no-repeat; width: 57px; height: 15px; text-indent: -9999px; }
#contentinterna #central { width: 583px; margin-top: 40px; padding: 0px 20px 0px 10px; float: left; background-color: #FFFFFF; height: auto; }
#contentinterna #central .img { margin: 10px 0px 20px 0px; }
#contentinterna #central .campo { float: left; font-size: 12px; }
#contentinterna #central .campo p { margin-bottom: 20px; }
#contentinterna #central .equipe { width: 581px; float: left; }
#contentinterna #central .equipe .diretoria { width: 260px; padding: 10px; background: url(../img/bgtabela.jpg) repeat-x #FFFFFF top center; float: left; }
#contentinterna #central .equipe .diretoria h4 { background: url(../img/diretoria.png) no-repeat; text-indent:-9999px; padding-bottom: 20px;}
#contentinterna #central .equipe .diretoria ul { margin: 0px; padding: 0px;  }
#contentinterna #central .equipe .diretoria li { background: url(../img/bgli.png) no-repeat; padding: 7px 10px 14px 20px; font-size: 12px; }
#contentinterna #central .equipe .conselho { width: 260px; padding: 10px; background: url(../img/bgtabela.jpg) repeat-x #FFFFFF top center; float: left; margin-left: 20px; }
#contentinterna #central .equipe .conselho h4 { background: url(../img/conselho.png) no-repeat; text-indent:-9999px; padding-bottom: 20px;}
#contentinterna #central .equipe .conselho ul { margin: 0px; padding: 0px;  }
#contentinterna #central .equipe .conselho li { background: url(../img/bgli.png) no-repeat; padding: 7px 10px 14px 20px; font-size: 12px; }
#contentinterna #central .noticiaprincipal { width: 581px; float: left; margin-bottom: 30px; }
#contentinterna #central .noticiaprincipal .materia { width: 581px; float: left; font-size: 12px; color: #003366; border-bottom: solid 1px #e5e5e5; padding-bottom: 15px; margin-bottom: 15px; margin-top: 10px;}
#contentinterna #central .noticiaprincipal .materia h2 { font-size: 16px; color: #000000; font-weight: bold; }
#contentinterna #central .noticiaprincipal .noticia { width: 581px; float:left; font-size: 12px; }
#contentinterna #central .noticiaprincipal .noticia img { float:left; margin: 0 10px 0 0; border:1px #dddddd solid; background:#FFF; padding:2px; }
#contentinterna #central .noticiaprincipal .noticia p { margin-bottom: 10px; }
#contentinterna #central .noticiaprincipal .noticia a { font-weight: bold; }
#contentinterna #central .antigas { width: 581px; float: left; margin-bottom: 20px; padding-bottom: 10px; }
#contentinterna #central .antigas h4 { background: url(../img/noticiasanteriores.png) no-repeat; text-indent: -9999px; height: 22px; padding-bottom: 12px; margin-bottom: 10px; border-bottom: solid 1px #e5e5e5; }
#contentinterna #central .antigas li { margin-bottom: 3px; padding: 12px 12px 12px 28px; background: url(../img/bgseta.jpg) no-repeat #f4f4f4; font-size: 12px; }
#contentinterna #central .meta { font-size: 12px; margin-bottom: 15px; }
#contentinterna #central .meta i { color: #7a7979; font-size: 11px; }
#contentinterna #central .info { font-size: 12px;  border-bottom: solid 1px #e5e5e5; padding-bottom: 20px; margin-bottom: 20px; }
#contentinterna #central .info img { float: left; padding: 0px 10px 0px 0px; }
#contentinterna #central .info p { margin-bottom: 10px; }
#contentinterna #central .flash { float: left; margin-bottom: 30px; }
#contentinterna #central .subtitle { font-size: 12px;  border-bottom: solid 1px #e5e5e5; padding-bottom: 15px; margin-bottom: 20px; }
#contentinterna #central .subtitle h4 { background: url(../img/confiravideos.png) no-repeat; width: 139px; height: 19px; margin-top: 20px; text-indent: -9999px; }
#contentinterna #central .proxeventos { width: 581px; float: left; font-size: 12px; margin: 30px 0px 710px 0px; }
#contentinterna #central .proxeventos li { margin-bottom: 3px; padding: 12px 12px 12px 65px; background: #f4f4f4; font-size: 12px; }
#contentinterna #central .proxeventos .palestra { background: url(../img/palestra.jpg) no-repeat 10px center #f4f4f4; }
#contentinterna #central .proxeventos .viagem { background: url(../img/viagem.jpg) no-repeat 10px center #f4f4f4; }
#contentinterna #central .esquerda { width: 280px; margin: 0px 80px 0px 0px; float: left; }
#contentinterna #central .esquerda .formularioemail { font-size: 12px; font-weight: bold; background: url(../img/seta2.png) no-repeat left 4px; padding-left: 7px; }
#contentinterna #central .esquerda input { padding: 7px; font-size: 12px; background: url(../img/bgforminputcontato.jpg); width: 300px; border: solid 1px #e5e5e5;}
#contentinterna #central .esquerda textarea { padding: 7px; font-size: 12px; background: url(../img/bgforminputcontato.jpg); width: 300px; border: solid 1px #e5e5e5;}
#contentinterna #central .esquerda .enviar { width: 83px; height: 35px; background: none; padding: 15px 0px 0px 0px; border: none; }
#contentinterna #central .direita { width: 220px; float: left; margin-top: 50px; font-size: 12px; }
#contentinterna #central .direita img { margin-bottom: 20px; }
#contentinterna #central .direita .minibox { background: #fafafa; width:220px; padding: 5px 0px 5px 10px; }
#contentinterna #central .direita .microbox { width:220px; padding: 10px 0px 0px 10px; font-size: 11px; }
#contentinterna #central .conveniosinfo { font-size: 12px; margin: 15px 0px 15px 0px; }
#contentinterna #central .conveniosimg { background: url(../img/categorias.jpg) no-repeat center top; padding-left: 178px; padding-top: 60px; padding-bottom: 25px; }
#contentinterna #central .conveniosimg select { width: 350px; padding: 5px; border: none; }
#contentinterna #central .convenioslista { width: 581px; float: left; margin-top: 20px; }
#contentinterna #central .convenioslista .conveniotitulo { background-color: #f4f4f4; padding: 10px; font-weight: bold; font-size: 14px; }
#contentinterna #central .convenioslista .conveniodescricao { font-size: 12px; padding: 10px; }
#contentinterna #central .lnkesq { width: 280px; float: left; margin-right: 10px; }
#contentinterna #central .lnkdir { width: 280px; float: left; margin-left: 10px; }
#contentinterna #central .titulosite { font-size: 12px; font-weight: bold; background: url(../img/seta2.png) no-repeat left center; padding: 5px 10px; margin-top: 10px; }
#contentinterna #central .linksite { font-size: 12px; background: url(../img/link.png) no-repeat 10px center #f4f4f4; padding: 10px 25px; color: #575757; margin-bottom: 10px; }
#contentinterna #central .linksite a { color: #575757; text-decoration: underline; }
#contentinterna #central #assistirvideos li { background: url(../img/assistir.jpg) no-repeat 5px center #f7f7f7; margin: 10px; padding: 18px 0px 22px 80px; font-size: 12px; }
#contentinterna #central .boxJornal { margin:0 10px 0 0; float:left; border:1px #dcdcdc solid; }
#contentinterna #central .boxJornal h4 { background:url(../img/bg-tit-jornal.jpg) repeat-x; color:#FFF; font-size:11px; text-align:center; font-weight:bold; padding:10px 0;}
#contentinterna #central .right { margin:0 0 10px 0;}
#contentinterna #central #box-mes { overflow:hidden; margin-bottom:10px;}
/* História Empresa */
#box-historia-empresa-aba { border:1px #d0d0d0 solid; width:581px; margin:0 auto; font-size: 12px; }
#box-historia-empresa-aba ul { width:581px; height:53px; background: url(../img/bgtabs.jpg) repeat-x; padding:0;}
#box-historia-empresa-aba ul li { text-align:center; float:left; margin:0; background:url(../img/linha-right.gif) no-repeat center right;}
#box-historia-empresa-aba ul li a {color: #FFFFFF; padding:7px 2px 19px 2px; display:block; width: 112px;}
#box-historia-empresa-aba ul li a:hover { text-decoration:none; background:url(../img/abasactive.jpg) no-repeat -2px -3px;}
#box-historia-empresa-aba ul li#btAba5 { margin:0; border:0; background:none;}
.box-historia-empresa-aba-banner { height:127px; padding:30px 0px 0px 200px; font-size:11px; color: #646363;}
#box-historia-empresa-aba #aba1 { background:url(../img/aba1.jpg) no-repeat; }
#box-historia-empresa-aba #aba2 { background:url(../img/aba1.jpg) no-repeat; }
#box-historia-empresa-aba #aba3 { background:url(../img/aba1.jpg) no-repeat; }
#box-historia-empresa-aba #aba4 { background:url(../img/aba1.jpg) no-repeat; }
#box-historia-empresa-aba #aba5 { background:url(../img/aba1.jpg) no-repeat; }
#box-historia-empresa-aba #aba6 { background:url(../img/aba1.jpg) no-repeat; }
.listapremios .informacoes { cursor:pointer; margin-bottom:0px; padding:21px 0 9px 10px; height: 31px; border-bottom:1px #CCC solid; color:#404040; background: url(../img/bglista.jpg) no-repeat;}
#box-institucional-premios .informacoes span { font-weight: bold; font-size: 12px;}
#box-institucional-premios .informacoes .dt { font-weight: normal; margin:0; font-size: 12px; }
#box-institucional-premios .informacoes .titulo { font-weight: normal; margin: 0px 10px 0px 12px; font-size: 12px; }
#box-institucional-premios .box { padding:18px 13px; background: url(../img/bgeventos.jpg) repeat-x #FFFFFF; font-size: 12px; }
#box-institucional-premios .box br { margin-bottom: 10px; }
#box-institucional-premios .box a { font-size: 11px; }
#box-institucional-premios { width: 593px; }
#box-institucional-premios .box img { float:left; padding-right:36px;}

/*Galeria*/
#galeriaInt { overflow:hidden; _height:100%; width:528px;}
#galeriaInt form { background: url(../img/bg-form-galeria.jpg) no-repeat; height:40px; margin-bottom:10px; padding:26px 0 7px 100px; }
#galeriaInt form label { color:#FFF; display:inline; font-weight:bold; margin-right:5px; }
#galeriaInt form select { border:0 none; height:20px; width:370px; }
#galeriaInt #box-galeria { overflow:hidden; width:528px;  }
#galeriaInt .galeriaFotos { padding:10px 0 0 32px; }
#galeriaInt .galeriaFotos li { float:left; margin:0 22px 20px 0; }
#galeriaInt .galeriaFotos li img { background:url(../img/bg-img-galeria.gif) no-repeat; padding:3px 7px 7px 3px; }
#galeriaInt #paginacao { background: url(../img/bg-paginacao-galeria.jpg) no-repeat; height:22px; clear:both; padding:15px 0; }
#galeriaInt #paginacao label.paginacao_atual { background:url(../img/bg-num-galeria-ativo.gif) no-repeat; color:#FFF; margin:0 2px; font-weight:bold; padding:5px 9px; }
#galeriaInt #paginacao a.paginacao_navegar { background:url(../img/bg-num-galeria.gif) no-repeat; font-weight:bold; margin:0 2px; padding:5px 9px; }
#galeriaInt #paginacao a.proxima, a.anterior { color:#FFF; }
 
/*Carrossel Agenda*/
#agenda .carrossel { float:left; height:90px; margin:20px 10px 0; overflow:hidden; position:relative; width:290px; }
ul#box-agenda-carrossel { height:90px; padding:0; position:absolute; width:900px;  }

#content #central #esquerda #agenda { width: 385px; float: left; padding: 15px 0px 15px 0px; border-bottom: solid 1px #CCCCCC;}
#content #central #esquerda #agenda h3 { width: 385px; float: left; background: url(../img/agenda.png) no-repeat; text-indent: -9999px; height:22px;}
#content #central #esquerda #agenda .bgAgenda { width:385px; float: left; font-size: 12px; background: url(../img/bg-agenda.jpg) no-repeat left top; height:151px; margin-top:10px;}
#content #central #esquerda #agenda ul li { width:125px; padding:10px; float:left; display:inline; border-right:1px solid #CCCCCC;}
#content #central #esquerda #agenda ul li.ultima{ border:none;}
#content #central #esquerda #agenda ul h4 { margin:5px 0;}
a.avancarAgenda{ width:35px; height:35px; margin-top:50px; background:url(../img/agenda-avancar.png) no-repeat; float:left;}
a.voltarAgenda{ width:35px; height:35px; margin-top:50px; background:url(../img/agenda-voltar.png) no-repeat; float:left;}



/* Content */
#content { float: left; width: 614px; background: url(../img/conteudobg.png) no-repeat; }
#content #painelHome { text-align: center; margin-top: 60px; background: transparent; }
#content #central { width: 614px; float: left; background-color: #FFFFFF; }
#content #central #esquerda { width: 405px; float: left; margin-left: 10px;  background-color: #FFFFFF; }
#content #central #esquerda #ultimas { width: 385px; float: left; border-bottom: solid 1px #CCCCCC; padding-bottom: 15px; }
#content #central #esquerda #ultimas h3 { background: url(../img/h3ultimas.png); width: 154px; height: 23px; text-indent: -9999px; margin-bottom: 10px; }
#content #central #esquerda #ultimas img { float: left; margin-right:4px; border:1px #dddddd solid; background:#FFF; padding:2px; }
#content #central #esquerda #ultimas .data { color: #223b75; width:211px; float: left; font-size: 12px; margin-bottom: 2px; }
#content #central #esquerda #ultimas .titulo { color:#000000; width: 211px; float: left; font-size:16px; font-weight: bold; margin-bottom: 5px; }
#content #central #esquerda #ultimas .texto { color:#000000; width: 211px; float: left; font-size: 12px;}
#content #central #esquerda #ultimas #noticias { width: 385px; float: left; margin-top: 15px; }
#content #central #esquerda #ultimas #noticias .lista { width: 365px; padding: 10px; font-size: 12px; margin-bottom: 7px; float: left; background-color: #f4f4f4; }
#content #central #esquerda #ultimas #noticias .date { float: left; color: #1f3688; }
#content #central #esquerda #ultimas #noticias .news { float: left; color: #000000; }
#content #central #esquerda #ultimas #noticias img { float: left; width: 76px; height:20px; margin-top: 3px; }
#content #central #esquerda #tvsindicontas { width: 385px; float: left; padding: 15px 0px 15px 0px; border-bottom: solid 1px #CCCCCC; padding-bottom: 15px;  }
#content #central #esquerda #tvsindicontas h3 { width: 385px; float: left; background: url(../img/h3sindicontas.png) no-repeat; text-indent: -9999px; height: 22px; }
#content #central #esquerda #tvsindicontas .bgtv { width: 235px; padding-left: 140px; padding-right: 50px; float: left; font-size: 12px; background: url(../img/tvsindicontas.jpg) no-repeat left top; padding-top: 15px; height: 151px; }
#content #central #esquerda #tvsindicontas .bgtv h4 { background: url(../img/interatividade.png) no-repeat; text-indent: -9999px; width: 275px; height:10px; margin-top: 15px; margin-bottom: 10px; }

#content #central #esquerda #eventosHome .bgtv h4 { background: url(../img/interatividade.png) no-repeat; text-indent: -9999px; width: 275px; height:10px; margin-top: 15px; margin-bottom: 10px; }
#content #central #direita { width: 189px; float: left;  background-color: #FFFFFF; }
#content #central #direita #imprensa { background: url(../img/imprensa.png) no-repeat; width: 189px; float: left; height: 336px; }
#content #central #direita #imprensa h3 { background: url(../img/h3-tv-sindicontas.png) no-repeat; width: 189px; float: left; height: 29px; text-indent: -9999px; margin-top: 10px; margin-left:15px; }
#content #central #direita #imprensa .data { width: 169px; float: left; color: #d9d6c4; font-size: 10px; }
#content #central #direita #imprensa .titulo a{ width: 159px; float: left; color: #FFFFFF; font-size: 12px; }
#content #central #direita #imprensa .primeira { padding: 15px 10px 10px 20px; float: left; }
#content #central #direita #imprensa .segunda { padding: 10px 10px 10px 20px; float: left; }
#content #central #direita #imprensa .terceira { padding: 10px 10px 20px 20px; float: left; }
#content #central #direita #imprensa .vertodos { background: url(../img/vertodos.png) no-repeat center; height: 33px; width: 189px; float: left; text-indent: -9999px; }
#content #central #direita #galeria { width: 189px; float: left; margin: 20px 0px 20px 0px; border-bottom: solid 1px #CCCCCC; padding: 0px 0px 18px 0px; }
#content #central #direita #galeria h4 { width: 189px; text-indent: -9999px; float: left; background: url(../img/h4galeria.jpg); height: 104px; }
#content #central #direita #links { width: 189px; float: left; font-size: 12px; }
#content #central #direita #links h4 { width: 189px; text-indent: -9999px; float: left; background: url(../img/h4links.png) no-repeat; height: 25px; padding: 5px 0px 5px 0px; }
#content #central #direita #links img { float: left; }
#content #convenios { float: left; padding-top: 25px; background-color: #FFFFFF;  }
#content #convenios h3 { background: url(../img/convenios.png) no-repeat left top; text-indent: -9999px; width: 614px; height: 25px; }

/* Footer */
#footer { width: 860px; float: left; background:#FFFFFF; padding:20px; }
#rodape { background-color: #e8e8e8; float: left; width: 859px; margin: 0 auto; }
#rodape .menu { background-color: #f4f4f4; float: left; text-align: center; font-size: 11px; width: 839px; padding: 10px 0px 10px 0px; margin: 10px 10px 15px 10px; }
#rodape .menu li { display: inline; border-right: solid 1px #000000; padding: 0px 5px 0px 5px; }
#rodape .menu .ultimo { border: none; }
#rodape address { margin: 10px 0px 0px 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align: center; }

.voltar { padding-top: 50px; width: 614px; float: left; }
.full { width:734px; }
.hideText { text-indent:-4999px; }
.hide { display:none; }
.show { display:block; }


.not-verTodas{ width:78px; height:20px; background:url(../img/vertodos.gif) no-repeat; text-indent:-9000px; display:block; float:left;}