/* ------ */

body {
  background:#ffffff url(../imgs/bgBody.png) repeat-x center 0;
  color:#333333;
  font-family:Arial,Helvetica,sans-serif;
  font-size: 12pt;
  margin:0px;
  padding:0px;
}

body.htmlarea-content-body {
  background-image: none;
  color: black;
  background-color: white;
}

a {
  color: #003366;
  border: none;
  text-decoration:underline;
}

a:visited {
  color: #003366;
}

a:hover {
  text-decoration:none;
}

a:active {
  color:#009933;
}

a img {
  border:none;
}

a b,
b a {
 font-weight:normal;
}

h3 ul li a,
h4 ul li a,
h5 ul li a,
h6 ul li a {
 font-weight:normal;
 text-decoration:none;
}

.linkExterno {
  background-image: url("images/link-externo.gif");
  background-position: right 1px;
  background-repeat: no-repeat;
  padding-right: 15px;
}

h1,h2,h3,h4,h5,h6 {
  color:#333333;
  margin: 0 0 15px;
}

h1 {
  padding:0px;
  margin:0px;
}

h2 {
  margin-bottom: 18px;
}

h3.align-center {
  text-align:center;
}

#envelopeSistema h2 {
  margin: 30px 0 18px 0px;
}

hr {
  border-color:#cccccc;
  float:right;
  margin:20px 0;
  width:100%;
}

p {
  line-height:150%;
  margin: 0 0 15px;
  padding:0px;
}

p.align-left {
  text-align: left;
}

p.align-center {
  text-align: center;
}

p.align-right {
  text-align: right;
}

p.recuo1 {
  margin-left: 3em;
}

p.recuo2 {
  margin-left: 6em;
}

p.recuo3 {
  margin-left: 9em;
}

p.recuo4 {
  margin-left: 12em;
}

p.recuo5 {
  margin-left: 15em;
}

div.destacaTexto {
  background-color: #ffff00;
  display: table;
  margin: 0 auto 16px;
  padding: 10px 15px 0px;
}

p.destacaTexto {
  background-color: #ffff00;
  display: table;
  margin: 0 auto 16px;
  padding: 10px 15px;
}

/*-- paragrafos resolucoes, acordaos e Resenha Eleitoral --*/

p.ementa {
  margin-left: 7cm;    
}

p.nota {
  font-size: 9pt;
  margin-left: 3.5em;
}

p.citacao {
  margin-left: 2.5cm;
}

p.notaCitacao {
  margin-left: 2.5cm;
  font-size: 9pt;
}

p.paragrafoSemRecuo {
  font-family: inherit;
}

/*-- fim paragrafos resolucoes, acordaos e Resenha Eleitoral --*/

h4.align-left,
h5.align-left,
h6.align-left {
  text-align: left;
}

h4.align-center,
h5.align-center,
h6.align-center {
  text-align: center;
}
 
h4.align-right,
h5.align-right,
h6.align-right {
  text-align: right;
}

.alignCenter {
  text-align:center;
}

.titulo-conteudo h3 {
  letter-spacing: 0.1em;
}

#conteudoNormal ul li {
  background: url("../imgs/squareY.png") no-repeat scroll 0 5px transparent;
  margin-bottom: 3px;
  padding-left: 15px;
  line-height: 150%;
}

#conteudoNormal ol li {
  margin-bottom: 3px;
  line-height: 150%;
}

#conteudoNormal ul {
  list-style-type: none;
  clear:both;
  padding-left: 25px;
}

.quadroImprensa {
  margin: 0;
  padding: 0;
}

#conteudoNormal .quadroImprensa ul li {
  background: none;
  margin-bottom: 13px;
  padding-left: 0;
}

#conteudoNormal .quadroImprensa .news-list-date {
  margin-bottom: 2px;
}

table {
  margin-bottom:15px;
}

table a {
  text-decoration: none;
}

caption {
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 15px;
}

#container {
  margin: 0 auto;
  padding: 0;
  width: 980px;
}

/* ------------- topo -------------- */

#topo {
  background: url("../imgs/bgNav.png") repeat-x scroll center 88px #ffffff;
  float: left;
  margin: 0 10px 0;
  padding: 0;
  width: 960px;
}

#ferramentas {
  margin: 5px 0 0;
  width: 352px;
}

#ferramentas,
#ferramentas ul li {
  float: right;
}

#ferramentas a {
  color: #000000;
  display: block;
  font-size: 80%;
}

#ferramentas ul {
  float: left;
  margin: 0;
  padding: 0;
  width: 245px;
}

#ferramentas ul li {
  background: url("../imgs/iconeFaleconosco.png") no-repeat scroll 0 0 transparent;
  list-style: none outside none;
  margin: 3px 0 0;
  padding: 0 10px 1px 25px;
}

#ferramentas ul li.ultimo {
  background: url("../imgs/iconeAcessibilidade.png") no-repeat scroll 0 0 transparent;
  padding: 0 0 1px 21px;
}

.linkMapaSite {
  background: url("../imgs/iconeMapasite.png") no-repeat scroll 0 3px transparent;
  float: right;
  padding: 3px 0 2px 18px;
}


/* -- branding -- */

#branding {
  float: left;
  margin-left: 25px;
  text-align: left;
  width: 310px;
}

#branding h1 {
  line-height: 0;
}

#branding a,
#branding a:hover {
  color:white;
  display: block;
  text-decoration:none;
}

#branding a img {
  border:none;
  margin:0;
  text-align:center;
}

#blogtitle {
  font-size:16pt;
  display:none;
}

#blogsubtitle {
  display:none;
  font-size:12pt;
  padding:0 33px;
}


/*-- menus de navegacao --*/

#mmenu:not( .mm-menu ) {
  display: none;
}

#navegacao {
  background: url("../imgs/sombra-menu-esquerdo.jpg") no-repeat scroll left 0 transparent;
  float: left;
  margin-top: 1px;
  padding: 7px 0 0;
  width:100%;
}

ul#nav {
  background: url("../imgs/sombra-menu-direito.jpg") no-repeat scroll right 40px transparent;
  float: left;
  font-size: 1.1em;
  list-style: none outside none;
  margin: 1px 0 5px;
  padding: 0;
  width:100%;
}

ul#nav li {
  float: left;
  margin: 10px 0 21px 23px;
  text-align: center;
}

ul#nav li span {
  background: url("../imgs/setaSubNav.png") no-repeat scroll 22px 14px transparent;
  display: none;
  height: 6px;
  padding: 20px 0 0;
  position: absolute;
  width: 140px;
}

ul#nav li:hover span,
ul#nav li.on:hover span {
  display: block;
}

ul#nav a,
ul#nav a:visited {
  background: url("../imgs/menuBullet.png") no-repeat scroll right 8px transparent;
  color: #FFFFFF;
  display: block;
  font-size: 85%;
  margin-right: 9px;
  padding: 0 15px 0 0;
  text-decoration: none;
}

ul#nav li a:hover,
ul#nav li.on a:hover {
  color: #ffffff;
  text-decoration: underline;
}

ul#nav a:active {
  color: #AAAAAA;
  text-decoration: none;
}

ul#subNav {
  background: url("../imgs/bgSubNavPrincipal.png") repeat-y scroll right 0 #FFFFFF;
  border-color: #666666;
  border-style: solid;
  border-width: 2px 1px;
  box-shadow: 0 3px 8px #333333;
  color: #CCCCCC;
  float: none;
  font-size: 80%;
  list-style: none outside none;
  margin: 0 0 0 -35px;
  min-width: 280px;
  padding: 0;
  position: absolute;
  z-index: 5;
}

li.ultimo ul#subNav {
  right: 0; 
}

ul#subNav li {
  float: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

ul#subNav a,
ul#subNav a:visited {
  background-image: none;
  color: #003366;
  display: block;
  font-size: 100%;
  margin: 0;
  padding: 5px 15px;
  text-decoration: none;
}

ul#subNav a:hover,
ul#subNav li.on a:hover {
  background: none repeat scroll 0 0 #ECECEC;
  border-left: 5px solid #CC9900;
  color: #003366 !important;
  padding: 5px 15px 5px 10px;
  text-decoration: none !important;
}

ul#subNav a:active {
  color: #AAAAAA;
  text-decoration: none;
}

ul#subNav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul#subNav ul li a {
  padding-left: 35px;
}

ul#subNav ul li a:hover {
  padding-left: 30px !important;
}

/*-- fim menus de navegacao --*/

#breadcrumb,
#breadcrumbMovel {
  float: left;
  font-size: 80%;
  line-height: 1.3em;
  margin: 5px 0 0;
  padding: 0;
  width: 530px; /*-- 560px -- */
}

#breadcrumb a,
#breadcrumbMovel a {
  margin: 0 5px;
}

.iconePrincipal {
  margin: 0 5px 0 0 !important;
}

#breadcrumb span.iconePrincipal,
#breadcrumbMovel  span.iconePrincipal {
  background: url("../imgs/bgIconePrincipal.png") no-repeat scroll 0 0 transparent;
  margin: 0 0 0 0 !important;
  padding: 0 4px 0 23px;
}

#breadcrumb span.iconePrincipal a,
#breadcrumbMovel span.iconePrincipal a {
  margin: 0 0 0 -23px;
  padding: 0 0 0 23px;
}

/*-----  formularios de pesquisa: cabecalho e rodape  ------*/

#formpesquisa,
#formpesquisafooter {
  border: 1px solid #333333;
  height: 23px;
  overflow:hidden;
}

#formpesquisa {
  width: 248px;
  float: right;
}

.formularioPesquisaRodape,
#formpesquisafooter {
  width: 480px;
}

#formpesquisa table.gsc-search-box td,
#formpesquisafooter table.gsc-search-box td {
  padding:0 !important;
  vertical-align:top !important;
}

#formpesquisa #gsc-iw-id1,
#formpesquisafooter #gsc-iw-id2 {
  border:none !important;  
}

#formpesquisa #gsc-i-id1,
#formpesquisafooter #gsc-i-id2,
#formpesquisafooter #gsc-i-id3 {
  background-image: none !important;
  font-size: 12px !important;
  padding: 5px 3px !important;
}

#formpesquisa .gsc-search-button,
#formpesquisafooter .gsc-search-button {
  border-radius: 0 0 0 0 !important;
  margin: 0 !important;
  padding-bottom: 3px !important;
  padding-top: 5px !important;
}

#formpesquisa .gsst_a,
#formpesquisafooter .gsst_a {
  padding-top: 5px !important;
}

#formpesquisa .gsst_b,
#formpesquisafooter .gsst_b {
  background-color:#ffffff;
  padding: 0 !important;
  white-space: normal !important;
}

#conteudoNormal .gsst_a {
  padding-top: 7px !important;
}

#conteudoNormal .gsst_b {
  padding: 0 !important;
}

/* estilos do TYPO3 */

#c109,
#c112,
#c14200 {
  font-size: 85%;
  margin: 15px 0 75px;
}

#c109 h3,
#c112 h3,
#c14200 h3 {
  font-size: 1em;
  letter-spacing: 0;
}

/*  ---------- elementos de formulario ------------- */

fieldset {
  border: medium none;
  margin: 0 auto;
}

legend {
  border-bottom: 2px solid #CECECE;
  font-size: 90%;
  font-weight: bold;
  margin: 0 0 15px;
  width: 100%;
}

span.campoObrigatorio {
  color:red;
}

label {
  float: left;
  font-size: 80%;
  font-weight: bold;
  padding: 2px 10px 0 0;
  text-align: right;
}

.celulaForm label {
  float: none;
  padding:0;
}

input,
textarea {
  border: 1px solid #CECECE;
  font-family:Arial,Helvetica,sans-serif;
}

input[type="text"],
textarea {
  font-size:1em;
}

textarea {
  resize: none;
  padding:2px;
}

select {
  background-color:#FFFFFF;
  border: 1px solid #CECECE;
  font-size: 80%;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus,
textarea:focus {
  border: 1px solid #FE8F00;
}

input[type="checkbox"] {
  clear: right;
  float: left;
  margin-bottom: 19px;
}

input[type="text"],
input[type="password"],
select,
textarea {
  float: left;
}

input[type="text"],
input[type="password"] {
  width: 100px;
  margin:0;
}

.botaoPadrao {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #336699), color-stop(1, #003366) );
  background:-moz-linear-gradient( center top, #336699 5%, #003366 100% );
  background-color:#336699;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border:1px solid #666666;
  display:inline-block;
  color:#ffffff;
  font-weight:bold;
  padding:3px 7px;
  text-decoration:none;
}

.botaoPadrao:hover {
  background: -moz-linear-gradient(center top , #3399cc 5%, #003366 100%) repeat scroll 0 0 #336699;
  box-shadow: 0px 0px 5px 0px #3399cc;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #003366), color-stop(1, #336699) );
  background-color:#003366;
}

.botaoPadrao:active {
  position:relative;
  top:1px;
}

.celulaForm {
  float: left;
  width: 300px;
}

.linhaPar {
  background-color:#FFFFFF;
}

.linhaImpar {
  background-color:#CECECE;
}

.linhaPar:hover,
.linhaImpar:hover {
  background-color:#FFFFAA;
  cursor:pointer;
}

/*  --------- rodape ---------- */

#clearerfooter {
  clear:left;
  height:0;
  margin:0px;
  padding:0px;
}

* html #clearerfooter {
  display:none;
}

#rodape {
  background: none repeat scroll 0 0 #efefef;
  color:#666;
  float:left;
  margin:0 auto;
  padding:0;
  width:100%;
}

#rodapeInfo {
  background:transparent none repeat scroll 0 0;
  height:165px;
  margin:0 auto;
  padding:0;
  position:relative;
  width:960px;
}

#rodapeEndereco {
  border-top: 1px solid #999999;
  clear:both;
  color: #333333;
  font-size: 80%;
  margin: 0px auto;
  padding: 15px 0;
  text-align: center;
  width: 960px;
}

/*-- mapa do site - rodape --*/

#rodape .mapaDoSite {
  margin: 0 auto;
  /* ATENÇÃO: alterado width de #formpesquisafooter de 280px para 480px - linha ~536 */
  width: 960px;
}

.mapaDoSite p {
  border-bottom: 4px solid #cccccc;
}

.mapaDoSite p span {
  background-color: #cccccc;
  border-left: medium none !important;
  border-right: medium none !important;
  border-top: medium none !important;
  color: #666666 !important;
  display: inline-block;
  font-size: 85% !important;
  font-weight: bold !important;
  padding: 9px 24px 8px !important;
}

#rodape .mapaDoSite ul {
  list-style: none outside none;
  margin: 10px auto 15px;
  min-height:220px;
  padding: 0;
}

#rodape .mapaDoSite ul li {
  float: left;
  padding: 0;
}

#rodape .mapaDoSite a,
#rodape .mapaDoSite a:visited {
  color:#333333 !important;
  display: block;
  font-size: 70%;
  font-weight: bold;
  margin: 0 5px 0 0;
  padding: 0;
  text-decoration: none;
  text-transform:uppercase;
  width: 115px;
}

#rodape .mapaDoSite ul ul {
  float: none;
  list-style: none outside none;
  padding: 5px 0 15px;
  width: 120px;
}

#rodape .mapaDoSite ul ul li {
  float: none;
  padding: 2px 0 4px;
  text-align: left;
}


#rodape .mapaDoSite ul ul li a,
#rodape .mapaDoSite ul ul li a:visited {
  font-size: 70%;
  font-weight: normal;
  text-transform:none;
}


#rodape .mapaDoSite a:hover {
  text-decoration: underline;
}

#rodape .mapaDoSite #c109 {
  margin: 15px 0 35px;
}


/*------------- envelopes -------------*/

#envelopeCapa,
#envelopeHistelei,
#envelopePadrao,
#envelope2col,
#envelopeSistema,
#envelopeNoticia {
  float:left;
  padding: 0 10px;
}

/*------- template capa --------*/
  
#envelopeCapa #conteudoBorda {
  background-image: url("../imgs/body.gif");
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  display: block;
  float: left;
  margin: 15px 0 0;
  padding: 15px;
  width: 930px;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
}

#envelopeCapa #conteudoBorda .ultimasNoticiasCapa {
  display: none;
}

#envelopePadrao #conteudoBordaInferior {
  float: left;
  font-size: 85%;
  margin: -30px 0 35px 230px;
  padding: 0;
  width: 500px;
}

.destaquePrincipal {
  float: left;
  width: 465px;
}

#conteudoEsquerda .ui-widget {
  font-size: 14px;
}

.abasServicos .tce31 {
  height:340px;
  overflow:visible;
}
        
#envelopeCapa #conteudoEsquerda,        
#envelopeCapa #conteudoNormal,
#envelopeCapa #conteudoDireita {
  float: left;
  margin: 30px 0;
  width: 300px;
}
        
#envelopeCapa #conteudoNormal {
  margin: 30px;
}

/*------- template padrao --------*/
  
#envelopePadrao #conteudoBorda {
  display: none;
}
        
#envelopePadrao #conteudoEsquerda,
#envelopePadrao #conteudoNormal,
#envelopePadrao #conteudoDireita {
  float: left;
  margin: 60px 0;
}
   
#envelopePadrao #conteudoEsquerda {
  width: 200px
}

#envelopePadrao #conteudoNormal,
#envelopeSistema #conteudoNormal {
  font-size:85%;
}

#envelopePadrao #conteudoNormal {
  margin: 15px 30px 30px;
  min-height:300px;
  width:500px;
}
        
#envelopePadrao #conteudoDireita {
  width: 198px;
}

/* - - - - - - - - - - PAGINA 3 COLUNAS - - - - - - - - - - */


#envelopePadrao #conteudoNormal #colunaNormal,
#envelopePadrao #conteudoNormal #colunaEsquerda {
  width: 238px;  
}

#envelopePadrao #conteudoNormal #colunaEsquerda {
  margin: 0 23px 0 0;
}

#envelopePadrao #conteudoNormal #colunaNormal {
  margin: 0;
}

#envelopePadrao #conteudoNormal #colunaNormal,
#envelopePadrao #conteudoNormal #colunaEsquerda {
  display: flex;
  flex-direction: column;
}

#envelopePadrao #conteudoNormal #colunaEsquerda {
  float: left;
}

#envelopePadrao #conteudoNormal #colunaNormal .csc-textpic-center,
#envelopePadrao #conteudoNormal #colunaEsquerda .csc-textpic-center {
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 0 1px 1px;
  float: left;
  margin: 0 0 15px;
  padding: 10px 10px 0;
  width: 217px;
}

/* os dois estilos a seguir sao utilizados na pagina "Aplicativos TSE" (id=14598) */

.caixaImagemTextoEsquerda div.csc-textpic-center .csc-textpic-imagewrap {
  float: left;
}

.caixaImagemTextoEsquerda div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-right: 5px;
}

#envelopePadrao #conteudoNormal #colunaEsquerda .caixaImagemTextoEsquerda .titulo-conteudo h3,
#envelopePadrao #conteudoNormal #colunaNormal .caixaImagemTextoEsquerda .titulo-conteudo h3 {
  margin: 0;
}

#envelopePadrao #conteudoNormal .colunaNormal .csc-textpic-text p,
#envelopePadrao #conteudoNormal .colunaEsquerda .csc-textpic-center p {
  line-height:120%;
  margin: 0 0 10px;
}

#conteudoNormal #colunaNormal ul,
#conteudoNormal #colunaEsquerda ul {
  margin: 0;
  padding: 10px 0 0 12px;
}

.caixaMultiColuna {
  display: table;
  padding: 20px 20px 0 0;
  width: 100%;
}

.colunaDireitaMultiColuna,
.colunaEsquerdaMultiColuna {
  width: 46%;
  float: left;
}

.colunaEsquerdaMultiColuna {
  padding-right: 40px;
}

.bannerMultiColuna {
  clear: both;
  display: table;
  padding: 0 0 10px 0;
  width: 100%;
}

.bannerMultiColuna .csc-textpic-text,
.bannerMultiColuna .textoBannerMultiColuna {
  font-weight: bold;
}

.bannerMultiColuna .csc-textpic-text a,
.bannerMultiColuna .textoBannerMultiColuna a {
  text-decoration:none;
}

.bannerMultiColuna .csc-textpic-text a:hover,
.bannerMultiColuna .textoBannerMultiColuna a:hover {
  color: #336699;
  text-decoration:underline;
}

.bannerMultiColuna .imagemBannerMultiColuna,
.bannerMultiColuna div.csc-textpic-intext-right div.csc-textpic-imagewrap {
  float: left;
}

.bannerMultiColuna .imagemBannerMultiColuna,
div.csc-textpic-intext-right div.csc-textpic-imagewrap {
  margin-left: 0 !important;
  margin-right: 10px !important;
}

/*--- fim subcoluns com imagem padrao ---*/

#envelopePadrao #conteudoDireita .csc-default {
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  margin-bottom: 20px;
  width: 198px;
  overflow: hidden;
}

#envelopePadrao #conteudoDireita ul {
  font-size:80%;
  list-style:none;
  margin: 0;
  padding: 0 10px;
}

#envelopePadrao #conteudoDireita li {
  padding: 0 0 10px;
}

#envelopePadrao #conteudoDireita p {
  font-size: 80%;
  line-height: 120%;
  margin: 0 10px 10px;
}

#envelopePadrao #conteudoNormal .titulo-conteudo h2 {
  font-size: 160%;
  line-height: 115%;
}

/*------- template histelei --------*/

#envelope2col #conteudoBorda {
  display: none;
}

#envelope2col #conteudoEsquerda,
#envelope2col #conteudoNormal {
  float: left;
  margin: 60px 0;
}

#envelope2col #conteudoEsquerda {
  width: 200px
}

#envelope2col #conteudoNormal {
  font-size:85%;
  margin: 15px 0px 30px 30px;
  width:730px;
}

#envelope2col  #conteudoNormal .titulo-conteudo h2 {
  font-size: 160%;
  line-height: 115%;
}

/*-- nav lateral --*/

ul#navLateral {
  background: none repeat scroll 0 0 #666666;
  border-bottom: 1px solid #248418;
  border-top: 1px solid #BB9614;
  font-size: 85%;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

ul#navLateral li {
  background: none repeat scroll 0 0 #FFFFFF;
  border-bottom: 1px solid #dddddd;
  display: block;
}

ul#navLateral li.ativo,
ul#navLateral li.ativo a {
  background: url("../imgs/bgnavLateralAtivo.png") repeat-y scroll 0 0 #FFFFFF;
  color:#336699;
  padding: 6px 10px;
}

ul#navLateral li a {
  color:#333333;
  display: block;
  margin: 0;
  padding: 6px 10px;
  text-decoration: none;
}

ul#navLateral li a:hover {
  background-color: #ECECEC;
  border-left: 5px solid #CC9900;
  color: #336699;
  padding: 6px 10px 6px 5px;
  text-decoration: none;
}

ul#navLateral li.linkAtivo {
  background: url("../imgs/bgnavLateralAtivo.png") repeat-y scroll 0 0 #FFFFFF;
  color:#336699;
}

ul#navLateral li.linkAtivo a:hover {
  background-color: transparent;
  border: none;
  padding-left: 10px;
}

/*------- template noticia --------*/
  
#envelopeNoticia #conteudoBorda {
  display: none;
}

#envelopeNoticia #conteudoNormal,
#envelopeNoticia #conteudoDireita {
  float: left;
  min-height: 300px;
}
   
#envelopeNoticia #conteudoEsquerda {
  display: none;
}
        
#envelopeNoticia #conteudoNormal {
  margin: 30px 0;
  width: 600px;
}
        
#envelopeNoticia #conteudoDireita {
  margin: 60px 0 30px 30px;
  width: 328px;
}

/*------- template sistema --------*/

#envelopeSistema #conteudoNormal {
  float: left;
  min-height: 300px;
}
   
#envelopeSistema #conteudoEsquerda {
  display: none;
}
        
#envelopeSistema #conteudoNormal {
  margin: 10px 0;
  width: 980px;
}
        
#envelopeSistema #conteudoDireita {
  display: none;
}

/* - - - - - - titulo-conteudo - - - - - - */

#envelopeCapa #conteudoEsquerda .titulo-conteudo h3,
#envelopeCapa #conteudoNormal .titulo-conteudo h3,
#envelopeCapa #conteudoDireita .titulo-conteudo h3,
#envelopePadrao #conteudoNormal .titulo-conteudo h3,
#envelopePadrao #conteudoNormal .csc-textpic-text h3,
#envelopePadrao #conteudoNormal #colunaNormal .csc-textpic-text h3,
#envelopePadrao #conteudoNormal #colunaEsquerda .csc-textpic-text h3,
#envelopePadrao #conteudoNormal #colunaNormal .titulo-conteudo h3,
#envelopePadrao #conteudoNormal #colunaEsquerda .titulo-conteudo h3,
#envelopePadrao #conteudoDireita .titulo-conteudo h3,
#envelope2col #conteudoNormal .titulo-conteudo h3,
#envelope2col #conteudoNormal .csc-textpic-text h3,
#envelopeNoticia #conteudoDireita .titulo-conteudo h3 {
  background: none repeat scroll 0 0 #ECECEC;
  border-color: #CCCCCC #CCCCCC #CCCCCC #CC9900;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
  color: #333333;
  line-height: 100%;
  text-transform: uppercase;
}

#envelopeCapa #conteudoEsquerda .titulo-conteudo h3,
#envelopeCapa #conteudoNormal .titulo-conteudo h3,
#envelopeCapa #conteudoDireita .titulo-conteudo h3,
#envelopePadrao #conteudoNormal .titulo-conteudo h3,
#envelopePadrao #conteudoNormal .csc-textpic-text h3,
#envelopePadrao #conteudoNormal #colunaNormal .csc-textpic-text h3,
#envelopePadrao #conteudoNormal #colunaEsquerda .csc-textpic-text h3,
#envelopePadrao #conteudoNormal #colunaNormal .titulo-conteudo h3,
#envelopePadrao #conteudoNormal #colunaEsquerda .titulo-conteudo h3,
#envelope2col #conteudoNormal .titulo-conteudo h3,
#envelope2col #conteudoNormal .csc-textpic-text h3,
#envelopeNoticia #conteudoDireita .titulo-conteudo h3 {
  float: left;
}

#envelopeCapa #conteudoEsquerda .titulo-conteudo h3,
#envelopeCapa #conteudoNormal .titulo-conteudo h3,
#envelopeCapa #conteudoDireita .titulo-conteudo h3,
#envelopePadrao #conteudoNormal .titulo-conteudo h3,
#envelopePadrao #conteudoNormal .csc-textpic-text h3,
#envelopePadrao #conteudoNormal #colunaNormal .csc-textpic-text h3,
#envelopePadrao #conteudoNormal #colunaEsquerda .csc-textpic-text h3,
#envelopePadrao #conteudoNormal #colunaNormal .titulo-conteudo h3,
#envelopePadrao #conteudoNormal #colunaEsquerda .titulo-conteudo h3,
#envelope2col #conteudoNormal .titulo-conteudo h3,
#envelope2col #conteudoNormal .csc-textpic-text h3,
#envelopeNoticia #conteudoDireita .titulo-conteudo h3 {
  font-size: 80%;
}

#envelopePadrao #conteudoDireita .titulo-conteudo h3 {
  font-size: 0.7em;
  margin: 0 0 10px;
  padding: 10px;
  width: 173px;
}

#envelopeCapa #conteudoEsquerda .titulo-conteudo h3,
#envelopeCapa #conteudoNormal .titulo-conteudo h3,
#envelopeCapa #conteudoDireita .titulo-conteudo h3,
#envelopeNoticia #conteudoDireita .titulo-conteudo h3 {
  margin: 0;
  padding: 10px;
}

#envelopePadrao #conteudoNormal .titulo-conteudo h3,
#envelopePadrao #conteudoNormal .csc-textpic-text h3,
#envelope2col #conteudoNormal .titulo-conteudo h3,
#envelope2col #conteudoNormal .csc-textpic-text h3 {
  margin: 4px 0 15px;
  padding: 10px;
}

#envelopePadrao #conteudoNormal #colunaNormal .csc-textpic-text h3,
#envelopePadrao #conteudoNormal #colunaEsquerda .csc-textpic-text h3,
#envelopePadrao #conteudoNormal #colunaNormal .titulo-conteudo h3,
#envelopePadrao #conteudoNormal #colunaEsquerda .titulo-conteudo h3 {
  margin: 4px 0 0;
  padding: 10px 8px;
  width: 217px;
}

#envelopeNoticia #conteudoDireita .titulo-conteudo h3 {
  display: block;
  width: 303px;
}

#envelopePadrao #conteudoNormal .titulo-conteudo h3,
#envelopePadrao #conteudoNormal .csc-textpic-text h3 {
  width: 475px;
}

#envelopeCapa #conteudoEsquerda .titulo-conteudo h3,
#envelopeCapa #conteudoNormal .titulo-conteudo h3,
#envelopeCapa #conteudoDireita .titulo-conteudo h3 {
  width: 274px;
}

#envelope2col #conteudoNormal .titulo-conteudo h3,
#envelope2col #conteudoNormal .csc-textpic-text h3 {
  width: 475px;
}

#envelope2col #conteudoNormal .csc-textpic-text h3,
#envelope2col #conteudoNormal .titulo-conteudo h3 {
  width: 705px;
}

/*-- destaque texto capa --*/

#envelopeCapa .news-latest-container ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

#envelopeCapa .news-latest-container li {
  float: left;
  height: 72px;
  margin: 0;
  padding: 10px 0 0;
}

#envelopeCapa .news-latest-container li a,
#envelopeCapa .news-latest-container li a:visited {
  font-size: 14pt;
  font-weight: bold;
  text-decoration: none;
}

#envelopeCapa .news-latest-container li a:hover {
  color: #336699;
  text-decoration: underline;
}

.news-latest-capa ul {
  border-bottom: 1px solid #CECECE;
  border-left: 1px solid #CECECE;
  border-right: 1px solid #CECECE;
  float: left;
  list-style: none outside none;
  margin: 0;
  padding: 10px;
  width: 278px;
}

.news-latest-capa ul li {
  font-size: 85%;
  margin: 0 0 10px;
}

.news-latest-capa ul li a {
  text-decoration: none;
}

.news-latest-capa ul li a:hover {
  color: #336699;
  text-decoration: underline;
}

/*-- destaque imagem capa --*/

#envelopePadrao .listaNoticiasImagemPaginacao {
  display: block;
  float: left;
  width: 100%;
}

#envelopeCapa .caixaLatestImg {
  border-bottom: 1px solid #CCCCCC;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}

#envelopePadrao .listaNoticiasImagemPaginacao .caixaNoticiaImagemPaginacao {
  float: left;
  width: 500px;
}

#envelopePadrao .listaNoticiasImagemPaginacao .caixaNoticiaImagemPaginacao .news-list-category {
  font-size: 90%;
  color: #888888;
  font-weight: bold;
}

#envelopeCapa .caixaLatestImg .itemLatestImg {
  border-top: 1px solid #CCCCCC;
  display: block;
  float: left;
  height: 81px;
  margin: 0;
  padding: 0;
  width: 300px;
}

#envelopePadrao .listaNoticiasImagemPaginacao .imagemLatestImg {
  float: left;
  height: 60px;
  margin: 0 10px 20px 0;
  overflow: hidden;
  padding: 0;
  width: 80px;
}

#envelopeCapa .caixaLatestImg .imagemLatestImg {
  float: left;
  height: 60px;
  margin: 10px 0 0;
  overflow: hidden;
  padding: 0;
  width: 80px;
}

#envelopePadrao .listaNoticiasImagemPaginacao h3 {
  margin: 0 10px 0 0;
  float: left;
}

#envelopePadrao .listaNoticiasImagemPaginacao a {
  text-decoration: none;
}

#envelopePadrao .listaNoticiasImagemPaginacao .page-navigation {
  margin-right: 10px;
}

#envelopePadrao .listaNoticiasImagemPaginacao .page-navigation ul li {
  background: none;
  padding-left: 9px;
}

#envelopePadrao #conteudoNormal .page-navigation ul li.current {
  font-weight: bold;
}

#envelopeCapa .caixaLatestImg h3 {
  float: right;
  font-size: 85%;
  margin: 10px 0 0;
  width: 210px;
}

#envelopeCapa .caixaLatestImg a,
#envelopeCapa .caixaLatestImg a:visited {
  font-weight: bold;
  text-decoration: none;
}

#envelopeCapa .caixaLatestImg h3 a:hover {
  color: #336699;
  text-decoration: underline
}

#envelopeCapa .caixaLatestImg .itemLatestImg p {
  color: #333333;
  float: right;
  font-size: 80%;
  font-weight: normal;
  line-height: 120%;
  margin: 0;
  width: 210px;
}

/*-- destaque imagem padrao --*/

#envelopePadrao .caixaLatestImg {
  border-bottom: 1px solid #CCCCCC;
  display: block;
  float: left;
  margin: 8px 0 0;
  padding: 0;
}

#envelopePadrao  .caixaLatestImg .itemLatestImg {
  border-top: 1px solid #CCCCCC;
  display: block;
  float: left;
  margin: 0;
  padding: 10px 0;
  width: 500px;
}

#envelopePadrao .caixaLatestImg .imagemLatestImg {
  background-color: #EDEDED;
  float: left;
  height: 60px;
  margin: 0 10px 0 0;
  overflow: hidden;
  padding: 0;
  width: 80px;
}

#envelopePadrao .caixaLatestImg h3 {
  display: block;
  font-size: 105%;
  margin: 0;
}

#envelopePadrao .caixaLatestImg a,
#envelopePadrao .caixaLatestImg a:visited {
  font-weight: bold;
  text-decoration: none;
}

#envelopePadrao .caixaLatestImg h3 a:hover {
  color: #336699;
  text-decoration: underline;
}

/* --- Quadros de conteudo --- */

.quadroaviso {
  border: thin solid #CCCCCC;
  display: block;
  font-size: 1em;
  margin: 15px 55px 15px 0;
  padding: 5px 10px;
  position: relative;
  width: 90%;
}

.quadroaviso .paragrafoQuadroAviso {
  font-size: larger;
  font-weight: bold;
  line-height: 180%;
  margin: 10px;
}

.conteudoTresColunas {
  float: left;
  margin:0;
  padding:0;
  width: 165px;
}

.conteudoTresColunas ul {
   margin: 0;
   padding: 0 10px 0 14px;
}

.conteudoTresColunas ul li {
   margin: 0;
   padding: 10px 0 0;
}

.tituloQuadroConteudo {
   margin:0;
   padding:0;
}

#envelopePadrao #conteudoNormal .tituloQuadroConteudo .titulo-conteudo h3 {
  background: none repeat scroll 0 0 #ececec;
  border: none;
  color: #333333;
  font-size: 100%;
  line-height: 0%;
  margin: 0;
  padding: 10px;
  text-transform: uppercase;
  width: 475px;
}

#conteudoNormal .titulo-conteudo h5 {
  display: none;
}

#envelopePadrao #conteudoNormal .quadroTextoImagem h3 {
  margin-bottom: 15px !important;
}

#envelopePadrao #conteudoNormal .quadroTextoImagem a {
  font-weight: bold;
}

.quadroLinkMapaSite a {
  text-decoration: none;
}

.trescIcones {
  text-align: center;
  width: 100%;
}

/*---------- area de destaque da capa - carrossel + abas publico alvo ---------*/

.destaquePrincipal {
  float: left;
  width: 466px;
}

/* -- Carrossel: "custom layout" da EXT:newsslider -- */

.bx-wrapper {
  margin-bottom: 0;
}

.bx-wrapper .bx-viewport {
  left: 0;
}

.bx-wrapper .bx-pager {
  padding-top: 0;
  font-size: 12pt;
  right: 0;
  top: -2px;
  width: auto;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #000000;
  border-radius: 0;
  color: #ffffff;
  display: inline;
  font-weight: normal;
  margin: 0;
  text-decoration: none;
}

.bx-pager-item {
  background-color: transparent;
  color: #ffffff;
}

.bx-wrapper .bx-pager.bx-default-pager .bx-pager-link {
  padding: 0 8px;
  font-size: 0.8em
}

.bx-wrapper .bx-pager-link a.active {
  background-color: #ffffff;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: #ffffff;
  color: #000000;
}

.bx-wrapper .bx-caption {
  background-color: #000;
  box-shadow: none;
  opacity: 0.7;
}

.bx-wrapper .bx-caption span {
  font-size: 14pt;
  font-weight: bold;
}

/* -- Abas publico alvo -- */

.abasServicos {
  border:  0px solid #fff;
  float: right;
  height: 349px;
  overflow: hidden;
  width: 436px;
  -webkit-box-shadow: 0 0 5px #cccccc;
     -moz-box-shadow: 0 0 5px #cccccc;
          box-shadow: 0 0 5px #cccccc;
}

.abasServicos img {
  max-width: 90%;
}

.abasPublicoAlvo {
  margin: 0 auto;
}

.conteudoAbas {
  background: #fff;
}

.conteudoAbas > div {
  display: none;
  height: 349px;
  padding: 10px;
}

.abasServicos input {
  display: none;
}

.abasServicos label {
  display: inline-block;
  float: left; /* none */
  padding: 12px 0px;
  font-weight: 600;
  text-align: center;
  width: 144px;
}

.abasServicos label:hover {
  cursor: pointer;
}

.abasServicos input + label {
  background-color: #2e769e;
  color: #fff !important;
  font-weight: bold;
  text-transform: uppercase;
}

.abasServicos input:checked + label {
  background-color: #ffffff;
  color: #003366 !important;
}

.abasServicos input#tab2 + label {
  margin: 0 2px;
}

.abasServicos #tab1:checked ~ .conteudoAbas #conteudo1,
.abasServicos #tab2:checked ~ .conteudoAbas #conteudo2,
.abasServicos #tab3:checked ~ .conteudoAbas #conteudo3 {
  display: block;
}

.caixaBannerAbas {
  display:flex;
  justify-content: space-around;
  width: 100%;
}

.caixaBannerAbas.margemSuperior {
  margin-top: 2em;
}

.caixaBannerAbas a img {
  display: block;
  margin: 0 auto;
}

.bannerAbas {
  /*float: left;
  margin: 14px;
  background-color: transparent;
  float: left;
  margin: 0 !important;
  position:absolute;
  text-align: center;
  top: 455px !important;
  width: 415px;*/
}

/* --------------------------- */

.abasServicos .imgLinkAba {
  float: right;
  line-height: 0;
  margin: 5px 60px 0 0;
}

.abasServicos .imgLinkAba:hover {
  border-bottom: 3px solid #ccc;
}

a.iconeAbasServicos {
  border-bottom: 3px solid #FFFFFF;
  color: #003366 !important;
  display: inline-block;
  font-size: 75%;
  height: 80px;
  margin:10px 7px;
  text-align: center;
  text-decoration: none;
  width: 115px;
}

a.iconeAbasServicos:hover {
  border-bottom:3px solid #ccc;
  text-decoration:underline;
}

a.iconeInstitucional {
  border-bottom: 3px solid #FFFFFF;
  color: #003366 !important;
  display: inline-block;
  font-size: 75%;
  height: 80px;
  margin:10px 63px;
  text-align: center;
  text-decoration: none;
  width: 115px;
}

a.iconeInstitucional:hover {
  border-bottom:3px solid #ccc;
  text-decoration:underline;
}

.abasServicos .caixaAviso1,
.abasServicos .caixaAviso {
  float: left;
  font-size: 85%;
  padding: 15px 0;
  width: 410px;
}

.abasServicos .caixaAviso {
  border-top: 1px solid #CC9900;
}

.abasServicos .caixaAviso1 ul,
.abasServicos .caixaAviso ul {
  color:#333333;
  font-size: 100%;
}

.abasServicos .caixaAviso1 h3,
.abasServicos .caixaAviso h3 {
  margin:0;
}

.abasServicos .caixaAviso1 b,
.abasServicos .caixaAviso b {
  float: none;
  font-size: 85%;
}

.iconeColEsquerda {
  margin:0 20px 0 68px !important;
}

.iconeColDireita {
  margin: 5px 68px 13px 20px !important;  
}

.servicosMaisAcessados {
  display: block;
  float: left;
  text-align: center;
  width: 100%;
}

.servicosMaisAcessados a {
  margin: 0 10px 10px;
}

/*-- Config. calendario da aba advogado da capa --*/
.ui-datepicker {
  font-size: 8.5pt !important;
}

#calendario_judicial, #calendario_admin {
  width: auto;
  float: left;
}

/*-- estilos de tabela --*/

table.bordaTotal,
table.bordaInferior,
table.cristal {
  border-collapse: collapse;
  empty-cells: show;
}

table.bordaTotal td.align-center p {
  text-align: center;
}

table.bordaTotal td.align-right p {
  text-align: right;
}

table.bordaTotal thead tr td,
table.bordaTotal thead tr th,
table.bordaTotal tbody tr td,
table.bordaTotal tfoot td {
  border: 1px solid #DFE1E2;
  margin: 0;
  padding: 6px;
}

table.bordaInferior thead tr td,
table.bordaInferior thead tr th,
table.cristal thead tr td,
table.cristal thead tr th {
  border-bottom: 1px solid #DFE1E2;
  margin: 0;
  padding: 6px;
}

table.bordaInferior tbody tr td,
table.bordaInferior tfoot td,
table.cristal tbody tr td,
table.cristal tfoot td {
  border-bottom: 1px solid #DFE1E2;
  margin: 0;
  padding: 6px;
  vertical-align:top; 
}

table.bordaTotal th p,
table.bordaInferior th p,
table.cristal th p,
table.bordaTotal td p,
table.bordaInferior td p,
table.cristal td p {
  margin: 0;
  padding: 0;
}

table.bordaTotal a:hover,
table.bordaTotal tbody tr:hover,
table.bordaTotal tbody tr:hover td,
table.bordaTotal tbody tr:hover a,
table.bordaInferior a:hover,
table.bordaInferior tbody tr:hover,
table.bordaInferior tbody tr:hover td,
table.bordaInferior tbody tr:hover a,
table.cristal a:hover,
table.cristal tbody tr:hover,
table.cristal tbody tr:hover td,
table.cristal tbody tr:hover a {
  background-color: #F6F6F6;
}

table.bordaTotal tbody th:hover,
table.bordaInferior tbody th:hover,
table.cristal tbody th:hover {
  background-color: transparent;
}

table.bordaTotal thead tr:hover th a,
table.bordaInferior thead tr:hover th a,
table.cristal thead tr:hover th a {
  background-color:transparent;
}

table.bordaTotal a:hover,
table.bordaInferior a:hover,
table.cristal a:hover {
  text-decoration: underline;
}

/* - - - tabela com texto alinhado ao centro 
tabela acessoria: deve ser usada em conjunto com as outras tabelas (classes aninhadas) - - - */

table.tdAlinhamentoCentral {
  margin-bottom: 40px;
  text-align: center;
}

/*-- tabela informacoes e estatisticas --*/

table.tabelaInfo {
  border-collapse: collapse;
  font-size: 80%;
  text-align:center;
}

table.tabelaInfo caption {
  background: none repeat scroll 0 0 #CCCCCC;
  font-size: 120%;
  font-weight: bold;
  margin: 20px 0;
  padding: 10px;
}

table.tabelaInfo tr {
  border: 1px solid #CCCCCC;
}

table.tabelaInfo td {
  padding: 5px 10px;
}

table.tabelaInfo td p {
  margin:0 !important;
}

table.tabelaInfo tr.semBorda {
  border: none;
}

table.tabelaInfo td.borda {
  border: 1px solid #CCCCCC;
}

table.tabelaInfo td {
  padding: 5px 10px;
}

td.align-right {
  text-align:right !important;
}

td.align-left {
  text-align:left !important;
}

.amarelo {
  background: none repeat scroll 0 0 #FFCC00;
  font-weight: bold;
}

table.tabelaInfo p.notaRodape {
  font-weight: normal;
  margin: 10px;
  text-align: left;
}

/* -- icones de links --*/

.pdf {
  background-image: url("../imgs/pdf.gif");
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
  padding-top: 4px;
}

.doc {
  background-image: url("../imgs/doc.gif");
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
  padding-top: 4px;
}

.xls {
  background-image: url("../imgs/xls.gif");
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
  padding-top: 4px;
}

.zip {
  background-image: url("../imgs/zip.gif");
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
  padding-top: 4px;
}

.ppt {
  background-image: url("../imgs/ppt.gif");
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
  padding-top: 4px;
}

.mp3 {
  background-image: url("../imgs/mp3.gif");
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
}

.tagVideo {
  background-image: url("../imgs/video.gif");
  background-position: right center;
  background-repeat: no-repeat;
  margin: 0 0 0 3px;
  padding-right: 20px;
}

/*--- acessibilidade ---*/

#skiplinks,
.skipAnchors {
  left: -9999em;
  position: absolute;
}

/*--- canal youtube ---*/

.caixaYoutube {
  margin: 0px;
  padding: 0px 10px;
}

.itemYoutube, .itemCanal {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 15px;
}

.caixaYoutube .caixaVideo {
  text-align:center;
}

.caixaYoutube h4 {
  font-size:80%;
}

.caixaYoutube .dataPublicacao {
  font-size: 70%;
  margin: 0 0 3px;
}

.caixaYoutube .numVisualizacao {
  font-size: 70%;
  font-weight:bold;
  margin: 0 0 10px;
}

/* redes sociais */

.compartilhar {
  float: left;
  margin: 0 0 15px;
  width: 236px;
}

.st_socialnetwork_f_style11,
.st_socialnetwork_t_style11,
.st_socialnetwork_g_style11 {
  width: 108px !important;
}

.st_socialnetwork_t_style11 {
  padding: 0 3px !important;
}

#iconesRedesSociais ul {
  list-style: none outside none;
  margin: 0pt;
  padding: 0pt;
}

#iconesRedesSociais ul li {
  float: left;
  margin: 0pt 5px 0pt 0pt;
}

#iconesRedesSociais ul li a {
  float: left;
  height: 25px;
  margin: 0;
  width: 25px;
  overflow: hidden;
  border-radius: 3px;
}

#iconesRedesSociais ul li a:hover {
  box-shadow: 0px 0px 5px 0px #CC9900;
}

#facebook iframe {
  background-color: #ffffff;
  height: 590px !important;
}

/* --- Zonas Eleitorais --- */

.dados-ze {
  background: none repeat scroll 0 0 #F6F6F6;
  border:none;
  margin-bottom: 15px;
  padding: 10px 5px;
}

.dados-ze h4 {
  margin-bottom: 10px;
}

.campo-dados-ze span {
  display: block;
  font-size: 95%;
  padding: 0 0 10px;
}

.campo-dados-ze a {
  font-size: 95%;
}

.campo-dados-ze a span {
  display:inline;  
}

.campo-dados-ze ul {
  float: left;
  margin-top: 0;
  padding-left: 60px !important;
}
.campo-dados-ze ul li {
  background-image: none !important;
  float: left;
  margin: 10px !important;
  padding-left: 0px !important;
}

.campo-dados-ze ul li img,
.campo-dados-ze span img {
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.campo-dados-ze .iconeEspaco {
  margin-left: 5px;
}

.map_canvas {
  margin: 0 auto 30px;
  width: 450px;
}

/*--- calendario cronograma ---*/

#blocoCrono {
  height: 23em;
  width: 500px;
}

#blocoCrono2 {
  height: 185px;
  width: 410px;
}

body.cronograma,
body.conteudoIframe {
  background-color: transparent;
  background-image: none;
}

body.cronograma #cabecalho {
  margin: 5px 0 15px;
}

body.cronograma #judicial {
  float: left !important;
  margin: 0 10px;
}

body.cronograma #administrativo {
  float: right !important;
  margin: 0 20px;
}

body.cronograma td {
  font-size:80%;
}

body.cronograma table {
  margin-bottom:0;
}

body.cronograma td.calendar {
  background-color: #EFEFEF;
  border: 1px solid #CCCCCC;
  font-size:100%;
  padding: 3px 5px;
  text-align: center;
}

body.cronograma td.calendarToday,
body.cronogramaCapa td.calendarToday {
  background-color: #003366;
  border: 1px solid #CCCCCC;
  color:#ffffff;
  font-weight:bold;
  padding: 3px 5px;
}

body.cronograma td.calendarToday {
  font-size:100%;
  text-align: center;
}
  
body.cronograma td.calendarToday a,
body.cronograma td.calendarToday a:hover,
body.cronogramaCapa td.calendarToday a,
body.cronogramaCapa td.calendarToday a:hover {
  color:#ffffff;
}

body.cronograma #judicial div,
body.cronograma #administrativo div,
body.cronogramaCapa #judicial div,
body.cronogramaCapa #administrativo div {
  background-color: #DDDDDD;
  border: 1px solid #BBBBBB;
  border-radius: 3px 3px 3px 3px;
  color: #444444;
  margin: 0 0 5px;
  padding: 2px 0;
}

body.cronograma select {
  font-size: 1em;
  margin: 5px 5px 0 0;
}

body.cronograma input {
  font-size: 1em;
  margin: 5px 5px 0 0;
  padding: 0 5px;
}

body.cronogramaCapa {
  background-image: none;
  overflow-x: visible;
}

body.cronogramaCapa #judicial {
  float: left !important;
  margin: 0;
}

body.cronogramaCapa #administrativo {
  float: right !important;
  margin: 0;
}

body.cronogramaCapa td {
  font-size: 80%;
}

body.cronogramaCapa td.calendar {
  background-color: #EFEFEF;
  border: 1px solid #CCCCCC;
  font-size: 95%;
  padding: 3px 4px;
  text-align: center;
}

body.cronogramaCapa td.calendarToday {
  font-size:95%;
}  

/*--- FIM calendario cronograma ---*/

fieldset#formSolicitaPesq {
  padding:0;
  width:500px;
}

#formSolicitaPesq .csc-mailform-field {
  clear:both;
  float: left;
  margin: 0 0 10px;
}

#formSolicitaPesq label {
  width: 160px;
}

.campoObrigatorio {
  color:red;
}

#formSolicitaPesq input[type="text"],
#formSolicitaPesq textarea {
  font-size:0.9em;
  padding: 2px;
}

#formSolicitaPesq #formNome,
#formSolicitaPesq #formEmail,
#formFaleConosco #email {
  width: 180px;
}

#formSolicitaPesq #formDdd {
  width: 40px;
}

#formSolicitaPesq #formResumo {
  width: 200px;  
}

#formSolicitaPesq textarea {
  height: 70px;
  width: 330px;
}

#formSolicitaPesq p {
  float: left;
  font-size:85%;
  width: 500px;
}

.pareceres-proc-form input[type="text"],
#classe_pre {
  float:none;
}

fieldset.pareceres-proc-form {
  width:700px;
}

.pareceres-proc-form-field {
  margin:0 0 15px;
}

.pareceres-proc-form-submit {
  text-align:center;
}

#achaAcordao input[type="submit"].botaoPadrao,
#form_resolucoes input[type="submit"].botaoPadrao,
#anoResolucao input[type="submit"].botaoPadrao,
#anoAcordao input[type="submit"].botaoPadrao {
  font-size: 80%;
  margin: 0 0 0 7px;
  padding: 1px 6px 2px;
}

.pesquisaJurisprudencia {
  height: 95px;
  margin: 15px 0 0;
  width: 230px;
}

#formFaleConosco fieldset {
  margin: 0 auto 15px;
  padding: 0;
}

#formFaleConosco legend {
  display:none;
}

#formFaleConosco input[type="text"],
#formFaleConosco select,
#formFaleConosco textarea {
  font-size: 0.9em;
  margin: 0 0 10px;
  padding: 2px;
}

#formFaleConosco input[type="radio"] {
  margin: 0 5px 0 0;
  vertical-align: middle;
}

#formFaleConosco textarea {
  height:85px;
  width: 300px;
}

#formFaleConosco input[type="checkbox"] {
  float: left;
  margin: 2px 0 0;
}

#formFaleConosco label {
  clear:left;
  width:180px;
}

#formFaleConosco #endereco,
#formFaleConosco #nomeCompleto,
#formFaleConosco #nomePai,
#formFaleConosco #nomeMae,
#formFaleConosco #bairro,
#formFaleConosco #municipio {
  width: 300px;
}

#formFaleConosco #assunto {
  width: 305px;
}

#formFaleConosco .rotuloLongo {
  clear: none;
  margin: 0 0 0 5px;
  text-align: left;
  width: 360px;
}

#formFaleConosco ul {
  display: block;
  float: left;
  list-style: none outside none;
  margin: 0 0 10px;
  padding: 0;
  width: 300px;
}

#formFaleConosco ul li label {
  float: none;
}

#formFaleConosco p {
  float: left;
  margin: 15px 0;
  width: 100%;
}

input#radio_naoPossuiTituloEleitoral[type="checkbox"] {
  margin: 0px 5px;
}

label#label_naoPossuiTituloEleitoral {
  clear: none;
  margin: 0;
  padding-top: 0;
  text-align: left;
  width: 165px;
}

/*--- estilos para o PORTAL TRANSPARENCIA ---*/

.quadroTransparencia p {
  margin: 0 0 0 5px;
  padding: 0;
}

.quadroTransparencia ul {
  margin: 5px 0 20px 0;
}

.quadroTransparencia .singleData {
  display: none;
}

.barraRolagem {
  margin-bottom: 15px;
  overflow: auto;
  padding: 5px 3px 10px 3px;
  width: 945px;
}

.barraRolagem table {
  padding:10px;
}

.barraRolagem table td, .barraRolagem table th {
  padding: 1px 16px;
}

table.bordaTotalSemHover td p {
  margin: 0;
  padding: 0;
}

table.bordaTotalSemHover td.align-left p {
  text-align: left;
}

table.bordaTotalSemHover td.align-center p {
  text-align: center;
}

table.bordaTotalSemHover td.align-right p {
  text-align: right;
}

table.bordaTotalSemHover {
  border-collapse: collapse; /* CSS2 */
  empty-cells: show;
}

table.bordaTotalSemHover thead tr td, table.bordaTotalSemHover th {
  border: 1px solid #DFE1E2;
  margin: 0;
  padding: 2px 4px;
}

table.bordaTotalSemHover tbody tr td, table.bordaTotalSemHover tfoot td {
  border: 1px solid #DFE1E2;
  margin: 0;
  padding: 2px 4px;
}

/*-- quadro normas legislacao jurisprudencia --*/

p.pagIntTeor {
  margin:0.4em 0;
}

ul.listaCitacao li {
  background-image: url("../imgs/listaHifen.gif");
  margin-left: 9em;
}

ol.listaLetra {
  list-style-type: lower-alpha;
}

.normasLegjurisp {
  font-size: inherit;
}

.normasLegjurisp p {
  text-indent: 3em;
}

.normasLegjurisp p.nota,
.normasLegjurisp p.paragrafoSemRecuo {
  text-indent: 0em;
}

.normasLegjurisp li {
  margin-left: 4em;
}

.normasLegjurisp .titulo-conteudo h1.csc-firstHeader,
.normasLegjurisp .titulo-conteudo h2.csc-firstHeader,
.normasLegjurisp .titulo-conteudo h3.csc-firstHeader,
.normasLegjurisp .titulo-conteudo h4.csc-firstHeader,
.normasLegjurisp .titulo-conteudo h5.csc-firstHeader,
.normasLegjurisp .titulo-conteudo h6.csc-firstHeader {
  margin: 0 0 -3px 0;
  text-align: left;
}

.normasLegjurisp h1,
.normasLegjurisp h2,
.normasLegjurisp h3,
.normasLegjurisp h4,
.normasLegjurisp h5,
.normasLegjurisp h6 {
  margin-bottom: 2px;
  text-align: center;
}

.normasLegjurisp blockquote p {
  margin: 0;
  padding:0;
  text-indent: 0;
}

/*--- galeria de imagens da imprensa ---*/

.galeria_imagens {
  float:left;
}

.titulo_latest {
  display:block;
  float:left;
  height:53px;
  width:235px;
}

.galeria_imagens .news-single-img {
  float: left;
  margin: 23px 15px 20px 34px;
  max-height: none;
  padding: 0;
  width: 90%;  
}

.galeria_imagens .news-single-img a {
  background-color: black;
  float: left;
  position: relative;
  height: 107px;
  overflow:hidden;
  margin: 0px 3px 12px 11px;
}

.galeria_imagens .news-single-img p.news-single-imgcaption {
  margin: 0;
  display: none;      
}

.galeria_imagens .news-single-item h3 {
  margin: 0 0 13px;  
}

.news-latest-galeria-imagens {
  border-top: 1px #dedede solid;
  border-bottom: 1px #dedede solid;
  color: #133635;
  float: left;
  height:53px;
  line-height: 0em;
  margin:0 15px 15px;
  padding: 5px;
  position:relative;
  width: 310px;
}

.news-latest-galeria-imagens:after {
  display:block;
  clear:both;
  content: ".";
  height:0;
  visibility:hidden;
}

.news-latest-galeria-imagens .titulo_latest a {
  float:left;
  margin:0 5px;
  width:234px;
}

.news-latest-galeria-imagens img {
  float: left;
  margin: 0 5px 0 0;
}

.news-latest-galeria-imagens .news-latest-date {
  display: block;
  margin: 5px;
}

.news-latest-galeria-imagens a {
  display:block;
  float:left;
  height:53px;
  line-height:120%;
  margin:0;
  overflow:hidden;
  width:71px;
}

/*-- galeria imagens 4 colunas --*/

#envelopePadrao #conteudoNormal .galeria_4col dl {
  width: 117px;
}

/*---- tabela detalhamento transparencia ----*/

#tblDetalhamentoFolhaPagamentoPessoal {
  border-collapse: collapse;
  font-size:70%;
  width:960px;
}

#tblDetalhamentoFolhaPagamentoPessoal td,
#tblDetalhamentoFolhaPagamentoPessoal th {
  border:1px solid #cccccc;
}

#tblDetalhamentoFolhaPagamentoPessoal th p {
  margin-bottom: 0;
}

#tblDetalhamentoFolhaPagamentoPessoal .c04,
#tblDetalhamentoFolhaPagamentoPessoal .c05,
#tblDetalhamentoFolhaPagamentoPessoal .c06,
#tblDetalhamentoFolhaPagamentoPessoal .c07,
#tblDetalhamentoFolhaPagamentoPessoal .c08,
#tblDetalhamentoFolhaPagamentoPessoal .c09,
#tblDetalhamentoFolhaPagamentoPessoal .c10,
#tblDetalhamentoFolhaPagamentoPessoal .c11,
#tblDetalhamentoFolhaPagamentoPessoal .c12,
#tblDetalhamentoFolhaPagamentoPessoal .c13,
#tblDetalhamentoFolhaPagamentoPessoal .c14,
#tblDetalhamentoFolhaPagamentoPessoal .c15,
#tblDetalhamentoFolhaPagamentoPessoal .c16,
#tblDetalhamentoFolhaPagamentoPessoal .c17 {
  text-align:right;
}

td.align-right {
  text-align:right;
}

/*--- mesario convocado ---*/

.convocMesarioCol1 {
  width: 100px;
}

.convocMesarioCol3 {
  width: 140px;
}

/*--- ouvidoria escolha assunto ---*/

ul.listaIcones {
  margin: 0;
  padding: 0;
}

ul.listaIcones li {
  height: 60px;
  list-style-type: none;
  margin: 0 0 10px;
  width: 500px;
}

ul.listaIcones li a {
  color: #333333;
  display: block;
  text-decoration: none;
}

ul.listaIcones li a img {
  float: left;
  margin: 0 10px 0 0;
}

ul.listaIcones li a h3 {
  font-size: 95%;
  margin: 0 0 2px;
}

ul.listaIcones li a:hover h3 {
  text-decoration:underline;
}

ul.listaIcones li a span {
  font-size: 85%;
}

#caixaArquivo1,
#caixaArquivo2 {
  float: left;
  width: 228px;
}

#caixaArquivo1 {
  margin-right: 30px;
}

#caixaArquivo1 h3.csc-firstHeader,
#caixaArquivo2 h3.csc-firstHeader {
  width: 202px !important;  
}

/*--- Correcoes pos migracao TYPO3 6x ---*/

div.csc-textpic,
div.csc-textpic div.csc-textpic-imagerow,
div.csc-textpic-center .csc-textpic-imagewrap,
ul.csc-uploads li {
  overflow: visible !important;
}

.galeria_4col div.csc-textpic div.csc-textpic-imagerow {
  float:left;
}

/* anula estilos do css original */
div.csc-textpic-center .csc-textpic-center-inner,
div.csc-textpic-center .csc-textpic-center-outer {
  position: unset;
  float: none;
  right: 0;
}

div.csc-textpic-center .csc-textpic-center-outer {
  display: flex;
  justify-content: center;
}

.csc-textpic-imagewrap,
#conteudoDireita div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image {
  /* neutraliza valor em typo3temp/stylesheet_f2a58c55cc.css */
  margin-bottom: 10px;
}

/* - - - - Mostrador de contagem regressiva da biometria na aba Eleitores: mostrar até 22/3/2016 - - - - */

.caixaContador {
  background-color: #ffffff;
  background-image: url('http://www.tre-sc.gov.br/site/fileadmin/arquivos/imagens/banners-abas/biometria-fundo-2.jpg');
  background-repeat: no-repeat;
  margin: 40px auto 0;
  text-align:center;
  width:393px;
}

.caixaContador .alignRight {
  min-height: 100px;
  position: relative;
  left: 160px;
  width: 200px;
  margin-left: 20px;
}

#contador {
  height: 95px;
  margin-top: 11px;
  width: 395px;
}

iframe#contadorPaginaBiometria {
  border: none;
  height: 37px;
  margin: 0 0 -10px 0;
  width: 100%;
}

/* ==== NOTICIAS NOTICIAS NOTICIAS NOTICIAS ==== */

/* ----- noticias na coluna direita ------ */

#conteudoDireita .news-latest-container:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.news-latest-gotoarchive {
  font-size: 80%;
  margin: 0 10px 10px;
  text-align: right;
}

#envelopeNoticia #conteudoDireita .news-latest-gotoarchive {
  display: block;
  float: right;
  font-size: 80%;
  margin: 10px;
}

#envelopePadrao #conteudoNormal .news-latest-gotoarchive {
  float: left;
  margin: 0 10px 10px;
  text-align: left;
}

/*-- destaque texto padrao e noticia --*/

#envelopeNoticia .news-latest-container ul {
  list-style: none;
  margin: 0;
  padding: 0 10px;
}

#envelopePadrao .news-latest-container ul {
  float: left;
  list-style: none outside none;
  margin: 0;
  padding: 0 10px 10px;
}

#envelopeNoticia .news-latest-container li {
  float:left;
  margin: 0;
  padding: 10px 0 0;
  width: 100%;
}

#envelopePadrao .news-latest-container ul li a,
#envelopePadrao .news-latest-container ul li a:visited {
  text-decoration: none;  
}

#envelopeNoticia .news-latest-container ul li a,
#envelopeNoticia .news-latest-container ul li a:visited {
  font-size:80%;
  text-decoration: none;  
}

#envelopePadrao .news-latest-container ul li a:hover,
#envelopeNoticia .news-latest-container ul li a:hover {
  color: #336699;
  text-decoration: underline;
}

/*-- destaque imagem grande capa --*/

#conteudoEsquerda .caixaLatestImgGrd,
#conteudoNormal .caixaLatestImgGrd,
#conteudoDireita .caixaLatestImgGrd {
  border-bottom: 1px solid #CCCCCC;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}

#conteudoEsquerda .caixaLatestImgGrd .itemLatestImgGrd,
#conteudoNormal .caixaLatestImgGrd .itemLatestImgGrd,
#conteudoDireita .caixaLatestImgGrd .itemLatestImgGrd {
  border-top: 1px solid #CCCCCC;
  display: block;
  float: left;
  height:245px;
  margin: 0;
  padding: 0;
  width: 300px;
}

#conteudoEsquerda .caixaLatestImgGrd .categoriaLatestImgGrd,
#conteudoNormal .caixaLatestImgGrd .categoriaLatestImgGrd,
#conteudoDireita .caixaLatestImgGrd .categoriaLatestImgGrd {
  display: block;
  font-size: 85%;
  font-weight: bold;
  margin: 5px 0 0;
}

#conteudoEsquerda .caixaLatestImgGrd .imagemLatestImgGrd,
#conteudoNormal .caixaLatestImgGrd .imagemLatestImgGrd,
#conteudoDireita .caixaLatestImgGrd .imagemLatestImgGrd {
  float: none;
  margin: 5px 0 0;
  overflow: hidden;
  padding: 0;
  text-align: justify;
  width: 300px;
}

#conteudoEsquerda .caixaLatestImgGrd h4,
#conteudoNormal .caixaLatestImgGrd h4,
#conteudoDireita .caixaLatestImgGrd h4 {
  display: block;
  float: left;
  margin: 0 0 10px;
}

#conteudoEsquerda .caixaLatestImgGrd a,
#conteudoEsquerda .caixaLatestImgGrd a:visited,
#conteudoNormal .caixaLatestImgGrd a,
#conteudoNormal .caixaLatestImgGrd a:visited,
#conteudoDireita .caixaLatestImgGrd a,
#conteudoDireita .caixaLatestImgGrd a:visited {
  color: #003366;
  font-size: 85%;
  font-weight: bold;
  text-decoration: none;
}

#conteudoEsquerda .caixaLatestImgGrd h4 a:hover,
#conteudoNormal .caixaLatestImgGrd h4 a:hover,
#conteudoDireita .caixaLatestImgGrd h4 a:hover {
  color: #336699;
}

/* ------ Destaque grande de noticias + template_destaque.html ------- */

#conteudoNormal .caixaLatestDestaque {
  margin: 0;
  padding: 48px 0 0;
}


#conteudoNormal .caixaLatestDestaque .itemLatestDestaque {
  border-bottom: 1px solid #DEDEDE;
  border-top: 1px solid #DEDEDE;
  display: block;
  margin: 0 0 15px 0;
  padding: 5px;
  position: relative;
 
}

#conteudoNormal .caixaLatestDestaque .itemLatestDestaque:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#conteudoNormal .caixaLatestDestaque .imagemLatestDestaque {
  float: left;
  margin: 0 6px 0 0;
  overflow: hidden;
  padding: 0;
  text-align: center;
}

#conteudoNormal .caixaLatestDestaque h5 {
  float: right;
  font-size: 105%;
  letter-spacing: normal;
  line-height: 115%;
  margin: 5px 0 9px;
  padding: 0;
  text-align: left;
  width: 321px;
}

#conteudoNormal .caixaLatestDestaque p {
  float: right;
  line-height: 120%;
  margin: 0 0 10px 0;
  width: 321px;
}
  
#conteudoNormal .caixaLatestDestaque .news-latest-morelink a {
  display: block;
  float: right;
  line-height: 100%;
  margin: 0;
}

#conteudoNormal .titulo-conteudo {
  clear: both;
  display: flex;
}

/*-- destaque imagem grande capa ELEIÇOES 2012 --*/

#conteudoEsquerda .caixaLatestImgGrdEleicoes2012,
#conteudoNormal .caixaLatestImgGrdEleicoes2012,
#conteudoDireita .caixaLatestImgGrdEleicoes2012 {
  border-bottom: 1px solid #CCCCCC;
  display: block;
  float: left;
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
}

#conteudoEsquerda .caixaLatestImgGrdEleicoes2012 .itemLatestImgGrdEleicoes2012,
#conteudoNormal .caixaLatestImgGrdEleicoes2012 .itemLatestImgGrdEleicoes2012,
#conteudoDireita .caixaLatestImgGrdEleicoes2012 .itemLatestImgGrdEleicoes2012 {
  border-top: 1px solid #CCCCCC;
  display: block;
  float: left;
  height:120px;
  margin: 4px 0 0;
  padding: 10px 0 10px 0;
  width: 500px;
}

#conteudoEsquerda .caixaLatestImgGrdEleicoes2012 .categoriaLatestImgGrdEleicoes2012,
#conteudoNormal .caixaLatestImgGrdEleicoes2012 .categoriaLatestImgGrdEleicoes2012,
#conteudoDireita .caixaLatestImgGrdEleicoes2012 .categoriaLatestImgGrdEleicoes2012 {
  display: block;
  font-size: 85%;
  font-weight: bold;
  margin: 5px 0 0;
}

#conteudoEsquerda .caixaLatestImgGrdEleicoes2012 .imagemLatestImgGrd,
#conteudoNormal .caixaLatestImgGrdEleicoes2012 .imagemLatestImgGrd,
#conteudoDireita .caixaLatestImgGrdEleicoes2012 .imagemLatestImgGrd {
  float: none;
  margin: 5px 0 0;
  overflow: hidden;
  padding: 0;
  text-align: justify;
  width: 500px;
}

#conteudoEsquerda .caixaLatestImgGrdEleicoes2012 h4,
#conteudoNormal .caixaLatestImgGrdEleicoes2012 h4,
#conteudoDireita .caixaLatestImgGrdEleicoes2012 h4 {
  display: block;
  float: left;
  margin: 0 0 10px;
}

#conteudoEsquerda .caixaLatestImgGrdEleicoes2012 a,
#conteudoEsquerda .caixaLatestImgGrdEleicoes2012 a:visited,
#conteudoNormal .caixaLatestImgGrdEleicoes2012 a,
#conteudoNormal .caixaLatestImgGrdEleicoes2012 a:visited,
#conteudoDireita .caixaLatestImgGrdEleicoes2012 a,
#conteudoDireita .caixaLatestImgGrdEleicoes2012 a:visited {
  color: #003366;
  font-size: 130%;
  text-decoration:none;
}

#conteudoEsquerda .caixaLatestImgGrdEleicoes2012 a:hover,
#conteudoNormal .caixaLatestImgGrdEleicoes2012 a:hover,
#conteudoDireita .caixaLatestImgGrdEleicoes2012 a:hover {
  color: #336699;
  text-decoration:underline !important;
}

.caixaLatestImgGrdEleicoes2012 .imagemLatestImgGrdEleicoes2012 {
  float: left !important;
  margin: 0 10px 0 0;
}

/*-------- destaques principais imprensa -------*/

.caixaDestaque .imagemLatest img {
  float: left;
  margin: 0 10px 20px 0;
}

.caixaLatestEsquerda,
.caixaLatestDireita {
  background: none repeat scroll 0 0 #F6F6F6;
  border: 1px solid #DEDEDE;
  height: 220px;
  margin: 2px 0 15px;
  padding: 10px;
  width: 218px;
}

.caixaLatestEsquerda {
  float:left;
}

.caixaLatestDireita {
  float:right;
}
.caixaLatestEsquerda .imagemLatest,
.caixaLatestDireita .imagemLatest {
  margin: 0 0 5px;
  text-align: center;
}

.caixaLatestDireita h3,
.caixaLatestEsquerda h3 {
  line-height: 100%;
}

.caixaLatestDireita h3 a,
.caixaLatestEsquerda h3 a {
  font-size: 95%;
  line-height: 100%;
  text-decoration: none;
}

.caixaLatestDireita h3 a:hover,
.caixaLatestEsquerda h3 a:hover {
  color: #336699;
}

/*----- archive list -----*/

li.news-amenu-item-year {
  background-image: none !important;
  font-weight: bold;
  margin: 15px 0 3px !important;
}

/*--- list com imagem ---*/

.news-list-container {
  float: left;
  padding: 10px;
}

.news-list-container .news-list-item {
  float: left;
  width: 100%;
}

.news-list-container .news-list-item h3 {
  font-size: 1.1em;
}

.news-list-container .news-list-item h3 a {
  font-weight: normal;
  line-height: 100%;
  text-decoration: none;
}

.news-list-container .news-list-item h3 a:hover {
  color:#336699;
}

.news-list-container .tagVideo img {
  float: none;
  margin: 0 0 -1px;
}

.caixaImg {
  float: left;
  margin: 0 10px 0 0;
}

.news-list-item .caixaImg img {
  display: none;
}

.news-list-date {
  color: #CC9900;
  display: block;
  font-size: 80%;
  font-weight: bold;
  margin: 0 0 5px;
}

.news-list-browse {
  display: block;
  float: left;
}

/*---- ultimas noticias single ----*/

#envelopeNoticia #conteudoDireita .news-latest-container {
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  float:left;
}

/*---- podcast ----*/

#conteudoNormal .podcast ul li {
  background: none !important;
  list-style: none outside none;
  margin-bottom: 15px !important;
  padding-left: 0px !important;
}

#conteudoNormal .podcast .news-latest-date {
  color: #CC9900;
  display: block;
  font-size: 80%;
  font-weight: bold;
  margin: 0 0 5px;
}

/* --- noticia single com video --- */

.news-single-img .news-single-imgcaption {
  width: 300px;
}

.news-single-img,
.news-single-video {
  float: left;
  margin: 5px 15px 15px 0;
  overflow: hidden;
}

#envelopeNoticia .news-single-img {
  max-height: 287px;
}

.news-single-img {
  /* para sumir a 2ª imagem, quando tiver */
  max-height: 255px;
}

.news-single-img a,
.news-single-video iframe {
  float:left;
  margin-bottom: 10px;
}

.news-single-img .news-single-imgcaption,
.news-single-video .news-single-imgcaption {
  font-size: 80%;
  font-weight: bold;
  margin: 0;
}

.singleData {
  color: #333333;
  font-size: 80%;
  margin: 0 0 15px;
}

.singleAutor {
  font-size: 80%;
}

.singleAutor p {
  display:inline;
}

.news-list-author {
  display: inline-block;
  margin-left: 10px;
}

.pluginsSociais {
  display: block;
  float: left;
  margin: 0 0 15px;
  width: 100%;
}

.news-single-item .news-single-wrapper {
  font-size:85%;
}

.news-single-wrapper p {
  line-height:130%;
}

/*--- css imprensa teste ---*/

#envelopeNoticia #conteudoEsquerda .caixaLatestImg .itemLatestImg,
#envelopeNoticia #conteudoNormal .caixaLatestImg .itemLatestImg,
#envelopeNoticia #conteudoDireita .caixaLatestImg .itemLatestImg {
  border-top: 1px solid #CCCCCC;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 530px;
}

#envelopeNoticia #conteudoEsquerda .caixaLatestImg h5,
#envelopeNoticia #conteudoNormal .caixaLatestImg h5,
#envelopeNoticia #conteudoDireita .caixaLatestImg h5 {
  float: right;
  font-size: 100%;
  margin: 10px 0 0;
  width: 440px;
}

#envelopeNoticia #formpesquisa {
  background: url("../imgs/pesquisa.png") no-repeat scroll 0 center transparent;
  border: 1px solid #333333;
  float: left;
  height: 23px;
  width: 248px;
}

/* Tooltip container */
.tooltip {
  position: relative;
  /*display: inline-block; */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 170px;
  color: #fff;
  text-align: left;
  padding: 5px 9px;
  border-radius: 6px;
  background-color: #CC9900; /* black */
  /* Posicao do texto tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover {
  border-bottom: 1px dotted black;
}

/* Mostra o tooltip com o efeito hover */
.tooltip:hover .tooltiptext {
  visibility: visible;
  
}

/* ==== ESTILOS PARA DISPOSITIVOS MOVEIS ==== */

.clearfix:before,
.clearfix:after {  
  content: " ";  
  display: table;  
}

.clearfix:after {  
  clear: both;  
}

.clearfix {  
  *zoom: 1;  
}

.tituloNavEsqMovel,
#botaoMovel,
#brandingMovel,
#breadcrumbMovel,
#navegacaoEsquerdaMovel,
#navegacaoMovel,
#rodapeMovel,
#tituloPaginaMovel,
#navLateralMovel {
  display: none;
}

@-webkit-viewport{width:device-width;}
@-moz-viewport{width:device-width;}
@-ms-viewport{width:device-width;}
@-o-viewport{width:device-width;}
@viewport{width:device-width;}


@media only screen and (max-width: 640px) {
.desktop {
  display: none;
}
}

@media only screen and (max-width: 768px) {

body,
#topo,
ul#nav,
ul#nav a,
ul#nav a:visited,
ul#navLateralMovel a,
ul#navLateralMovel a:visited {
  background: none;
}

#conteudoNormal h2,
#branding,
#breadcrumb,
#ferramentas,
#iconesRedesSociais,
#navegacao,
#rodape,
#envelopeCapa #conteudoEsquerda,
#envelopePadrao #conteudoEsquerda,
#envelope2col #conteudoEsquerda {
  display: none;
}

#breadcrumbMovel,
#envelopeSistema h2,
#conteudoNormal .quadroTransparencia h2 {
  display: block;
}

body,
#branding,
#container,
#rodapeMovel,
#topo {
  margin: 0;
  padding: 0;
}

body {
  background-color: #ffffff;
}

#topo {
  float: none;
  margin: 0 auto;
  text-align: center;
}

#envelopeCapa,
#envelopePadrao,
#envelope2col,
#envelopeSistema,
#envelopeNoticia {
  margin: 0 0 30px 0;
  padding: 0;
}

.map_canvas,
.quadroRodapeMovel,
#branding,
#container,
#conteudoNormal,
#conteudoDireita,
#envelopeCapa,
#envelopePadrao,
#envelope2col,
#envelopeSistema,
#envelopeNoticia,
#rodapeEndereco,
#rodapeMovel,
#topo,
#envelopeSistema #conteudoNormal,
#envelopeCapa .caixaLatestImg .itemLatestImg {
  width: 100%;
}

img {
  max-width: 100%;
}

form#live-search {
  float: left;
  margin: 0 0 30px 0;
}

#breadcrumb,
#breadcrumbMovel {
  float: none;
  margin: 8px auto 0;
  width: 93%;
}

.servicosMaisAcessados {
  display: flex;
  float: none;
  justify-content: space-around;
}

#conteudoNormal ul {
  padding-left: 10px;
}

#conteudoNormal .csc-default {
  width: 100%;
  margin: 0;
}

#colunaNormal .csc-default,
#colunaEsquerda .csc-default {
  margin: 0 auto;
}

#conteudoNormal .titulo-conteudo h3,
#conteudoNormal .csc-textpic-text h3 {
  width: 100%;
}

#envelopePadrao #conteudoNormal .titulo-conteudo h3 {
  padding: 10px 0 10px 10px;
  /*width: 699px;*/
}

#envelopePadrao #conteudoNormal .titulo-conteudo h3,
#envelopePadrao #conteudoNormal .csc-textpic-text h3 {
  width: 100%;
}

#envelopePadrao #conteudoNormal #colunaEsquerda .csc-textpic-center,
#envelopePadrao #conteudoNormal #colunaEsquerda .titulo-conteudo h3,
#envelopePadrao #conteudoNormal #colunaNormal .csc-textpic-center,
#envelopePadrao #conteudoNormal #colunaNormal .titulo-conteudo h3 {
  /*width: 321px;*/
}

#envelopePadrao #conteudoDireita .csc-default {
  width: 342px;
}

div.csc-textpic {
  overflow: hidden !important;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  max-width: 100%;
}

div.csc-textpic div.csc-textpic-imagerow {
  display: flex;
}

#envelopeCapa .caixaLatestImg h3 {
  float: none;
  margin: 15px 0 0 32%;
  width: auto;
}

#envelopePadrao #conteudoNormal,
#envelopePadrao #conteudoDireita {
  width: 93%;
}

#envelopeCapa #conteudoNormal,
#envelopeCapa #conteudoDireita {
  width: 45%;
}

#envelopeCapa #conteudoNormal,
#envelopeCapa #conteudoDireita,
#envelopePadrao #conteudoNormal,
#envelopePadrao #conteudoDireita {
  padding: 10x 0;
}

#envelopePadrao #conteudoNormal {
  display: table;
  float: none;
}

#envelopePadrao #conteudoDireita {
  display: flex;
  flex-wrap: wrap;
  float: none;
  justify-content: space-between;
}

#envelopeCapa #conteudoNormal {
  float: left;
  margin: 0 0 0 24px;
}

#envelopeCapa #conteudoDireita {
  float: right;
  margin: 0 24px 0 0;
}

#envelopePadrao #conteudoNormal {
  min-height: auto;
  margin: 0px auto 0;
}

#envelopePadrao #conteudoDireita {
  margin: 0 auto;
}

#envelopePadrao #conteudoNormal #colunaNormal,
#envelopePadrao #conteudoNormal #colunaEsquerda {
  margin: 20px 0 0 0;
  width: auto;
}

#colunaNormal a.iconeInstitucional,
#colunaEsquerda a.iconeInstitucional {
  display: inline;
}

#colunaNormal .bannerMultiColuna .csc-textpic-text,
#colunaEsquerda .bannerMultiColuna .csc-textpic-text {
  float: none;
}

#envelopeCapa #conteudoNormal .csc-default,
#envelopeCapa #conteudoDireita .csc-default {
  width: 100%;
  margin: 0;
}

h4.tituloNavEsqMovel {
  display: inline-block;
  margin: 25px 0 13px;
  padding: 0 0 0 20px;
}

#envelopePadrao #conteudoDireita .titulo-conteudo {
  width: 100%
}

#envelopePadrao #conteudoDireita .titulo-conteudo h3 {
  width: auto
}

#envelopePadrao #conteudoNormal #colunaNormal .csc-default,
#envelopePadrao #conteudoNormal #colunaEsquerda .csc-default {
  margin-bottom: 15px;
}
 
#envelopePadrao #conteudoNormal #colunaNormal .csc-default ul,
#envelopePadrao #conteudoNormal #colunaEsquerda .csc-default ul {
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 0 1px 1px;
  margin: 0;
  padding: 10px 0 0 12px;
}

#envelopePadrao #conteudoNormal #colunaNormal .csc-default .csc-textpic-text ul,
#envelopePadrao #conteudoNormal #colunaEsquerda .csc-default .csc-textpic-text ul {
  border: none;
  margin: 0;
  padding: 10px 0 10px 12px;
}

#envelopePadrao #conteudoDireita {
  margin: 5px auto 0;
}

#envelope2col #conteudoNormal {
  float: none;
  margin: 15px auto 30px;
  width: 93%;
}

.bannerMultiColuna {
  padding: 0 0 20px 0;
}

.bannerMultiColuna .csc-textpic-text,
.bannerMultiColuna .textoBannerMultiColuna {
  width: auto;
}

.caixaMultiColuna {
  display: flex;
  justify-content: space-around;
  padding: 0;
}

/* - - - noticias - - - */

#envelopeNoticia #conteudoNormal,
#envelopeNoticia #conteudoDireita {
  float: none;
  margin: 0 auto;
  padding: 0;
  width: 93%;
}

#envelopeNoticia #conteudoDireita .titulo-conteudo {
  display: flex;
}

#envelopeNoticia #conteudoDireita .titulo-conteudo h3 {
  /*float: left;*/
  width: 100%;
  padding: 10px 19px 10px 18px;
}

#envelopeNoticia #conteudoDireita .titulo-conteudo {
  width: 100%;
}

#envelopePadrao .news-latest-container ul {
  float: none;
}

#conteudoNormal .news {
  width: 100%;
  margin: 0px auto 40px;
  padding: 0;
}

#conteudoNormal #c24355 + .news,
#conteudoNormal #c24356 + .news {
  width: 46%;
}

#envelopeCapa #conteudoNormal .news,
#envelopeCapa #conteudoDireita .news {
  margin: 0px auto;
}

#envelopeNoticia #conteudoNormal .news-single h2 {
  display: block;
  margin: 25px 0 10px 0;
}

.news-single-img,
.news-single-video {
  margin: 0 10px 0 0;
  width: auto;
}

.news-single-wrapper p {
  clear: none;
  width: 98%;
}

.caixaDestaque {
  padding: 5px;
}

.caixaDestaque h3 {
  margin-top: 10px;
}

.caixaLatestDireita,
.caixaLatestEsquerda {
  width: 93%;
}

.news-single-wrapper {
  width: 100%
}

.quadroImprensa {
  margin: 0;
  width: 100%;
}

.caixaDestaque .imagemLatest {
  text-align: center;
}

a.iconeInstitucional {
  margin: 10px 18px;
}

/* - - - Area de destaque da capa - - - */

#envelopeCapa #conteudoBorda {
  background-image: none;
  border: none;
  display: flex;
  /*flex-direction: row-reverse;*/
  flex-wrap: wrap-reverse;
  float: none;
  justify-content: space-between;
  margin: 0 auto;
  padding: 15px 24px;
  width: 93%;
}

.abasServicos {
  float: none;
  height: auto;
  margin: 0 0 10px;
  width: 100%;
}

.abasServicos label {
  width: 33%;
}

.abasServicos #tab1:checked ~ .conteudoAbas #conteudo1,
.abasServicos #tab2:checked ~ .conteudoAbas #conteudo2,
.abasServicos #tab3:checked ~ .conteudoAbas #conteudo3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

a.iconeAbasServicos {
  margin: 10px 0;
}

a.iconeAbasServicos:hover {
  border-bottom: none;
  text-decoration: none;
}

.caixaBannerAbas div img {
  max-width: 100%;
}

.conteudoAbas > div {
  height: auto;
}

/*--------------------- */

.destaquePrincipal {
  margin-bottom: 10px;
  width: 48%;
}

.bx-wrapper,
.bx-viewport {
  width: 100% !important;
}

.bx-wrapper .bx-viewport {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.bx-wrapper .bx-caption {
  width: 100%;
}

.bx-wrapper img {
  height: auto;
}

/*--------------------- */

#envelopeCapa #conteudoBorda .ultimasNoticiasCapa {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.news-latest-capa ul {
  height: auto;
  position: relative;
  width: 96%;
}

.news-latest-gotoarchive {
  margin: 20px 0 0 0;
}

.news-latest-capa .news-latest-gotoarchive {
  bottom: 0;
  right: 0;
}

#envelopeCapa #conteudoBorda .titulo-conteudo {
  background: none repeat scroll 0 0 #ECECEC;
  border-color: #CCCCCC #CCCCCC #CCCCCC #CC9900;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
}

#envelopeCapa #conteudoBorda .titulo-conteudo h3 {
  color: #333333;
  font-size: 80%;
  line-height: 100%;
  margin: 0;
  padding: 10px;
  text-transform: uppercase;
}

/* - - - Fim da area de destaque da capa - - - */

#tituloPaginaMovel {
  display: block;
  margin: 25px auto 10px;
  width: 93%;
}

#tituloPaginaMovel h2 {
  font-size: 140%;
  margin: 0;
  padding: 0;
}

#tituloPaginaMovel h2 span {
  color: #2e769e;
  font-size: 90%;
  margin: 0 0 0 150px;
}

#brandingMovel {
  background-color: #2e769e;
  display: block;
  height: 53px;
  text-align: left;
}

#brandingMovel h1 {
  color: #ffffff;
  font-size: 1.8em;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 10px;
  width: 100%;
}

#brandingMovel img {
  padding: 6px 0 0 6px;
}
  
#formpesquisa {
  display: inline-block;
  float: none;
  margin: 10px auto 0;
  width: 93%;
}

ul#nav {
 font-size: 12pt; 
}

ul#nav,
ul#nav li {
  text-align: left;
}

ul#nav li {
  margin: 0px;
  width: 100%;
}

ul#nav a {
  padding: 20px;
}

ul#nav a,
ul#nav a:visited {
  font-size: 100%;
}

#navegacaoMovel {
  background: #151718;
  display: block;
  height: 100%;
  float: none;
  left: -9999px;
  position: absolute;
  transition: left 0s linear;
  width: 100%;
  z-index: 9999;
}

#navegacaoMovel {
  top: 54px;
}

#navegacaoMovel p {
  color: #ffffff;
  cursor: pointer;
  font-size: 20pt;
  margin: 0;
  padding: 10px 27px 5px 20px;
  text-align: right;
}

ul#navLateralMovel {
  display: block;
  font-size: 85%;
  list-style: none outside none;
  margin: 0 auto;
  padding: 0 0 0 10px;
  width: 93%;
}

ul#navLateralMovel li {
  background: url("../imgs/squareY.png") no-repeat scroll 0 6px transparent;
  margin-bottom: 3px;
  padding-left: 13px;
  line-height: 150%;
  margin: 0 0 5px 0;
}

ul#navLateralMovel li a {
  margin: 0;
  padding: 10px 10px 10px 0;
  text-decoration: none;
}

#botaoMovel {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
}

#conteudoDireita .quadroCompartilhamento {
  margin: 0 0 10px 0;
  width: 95%;
}

.compartilhar {
  float: none;
  margin: 0;
  width: auto;
}

#skiplinks,
.skipAnchors {
  left: 0;
  display: none;
}

/* - - - rodape movel - - - */

#rodapeMovel {
  background-color: #efefef;
  color: #666;
  display: table-cell;
  float: left;
  margin: 10px 0 0;
  padding-top: 20px;
}

.quadroRodapeMovel {
  display: table;
  margin: 0 auto;
  text-align: center;
}

#rodapeMovel .redesSociaisDispositivoMovel li {
  display: inline;
  margin: 0 5px;
}

#rodapeMovel ul {
  list-style: none outside none;
  margin: 5px auto 20px;
  padding: 0;
  width: auto;
}

#rodapeMovel ul li {
  padding: 0 0 5px 0;
  text-align: center;
}

#rodapeMovel a {
  color:#333333 !important;
  margin: 0;
  padding: 0;
  text-decoration: none;
  width: auto;
}

#rodapeMovel a:hover {
  text-decoration: none;
}

/*-- fim mapa site rodape Movel --*/

.csc-textpic-text {
  float: left;
  width: 100%;
}

#conteudoDireita div.csc-textpic-center .csc-textpic-center-outer figure.csc-textpic-image {
  text-align: center;
}


/* ===== MENU RESPONSIVO: MMENU ===== */

.botaoMenuResp {
  border-radius: 4px;
  cursor: pointer;
  display: block;
  float: right;
  line-height: 1.125em;
  margin: 9px 17px 6px 0px;
  padding: 0.438em 0.625em;
  position: relative;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
}

.iconeMenuResp {
  float: left;
  margin: 0.188em 0 0 0;
}

.barraMenuResp {
  background-color: #f5f5f5;
  border-radius: 1px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  display: block;
  height: 0.125em;
  width: 1.125em;
}

.botaoMenuResp .barraMenuResp + .barraMenuResp {
  margin-top: 0.188em;
}

.mm-menu.mm-offcanvas {
  z-index: 100;
}

.mm-listview {
  padding-top: 40px;
}

.mm-navbar-top .iconePrincipal {
  background: url("../imgs/bgIconePrincipal.png") no-repeat scroll 0 0 transparent;
  line-height: 100%;
  margin: 12px auto 0 !important;
  padding: 0;
  width: 26%;
}

.mm-navbar .mm-title {
  margin-top: 20px;
  padding: 0;
}

.mm-listview > li > a,
.mm-listview > li.ativo,
.mm-listview > li > span {
  padding: 12px 10px 12px 20px;
}

html.mm-pagedim-black.mm-opening #mm-blocker,
html.mm-pagedim-white.mm-opening #mm-blocker,
html.mm-pagedim.mm-opening #mm-blocker {
  opacity: 0.7;
  -webkit-transition: opacity .2s ease .2s;
          transition: opacity .2s ease .2s;
}

/*============================================================ */

}

@media only screen and (max-width: 736px) {

.quadroaviso {
  margin: 0;
  padding: 5px 10px;
  
}

#formpesquisa {
  width: 94%;
}

#envelopeCapa #conteudoBorda {
  padding: 15px 22px;
}

#envelopeCapa #conteudoBorda .titulo-conteudo {
  /*width: auto;*/
}

#envelopePadrao #conteudoNormal #colunaNormal,
#envelopePadrao #conteudoNormal #colunaEsquerda {
  width: 48%;
}

#envelopePadrao #conteudoNormal #colunaEsquerda .csc-textpic-center,
#envelopePadrao #conteudoNormal #colunaEsquerda .titulo-conteudo h3,
#envelopePadrao #conteudoNormal #colunaNormal .csc-textpic-center,
#envelopePadrao #conteudoNormal #colunaNormal .titulo-conteudo h3 {
  /*width: 318px;*/
}

#envelopePadrao #conteudoDireita {
  width: 94%;
}

#envelopePadrao #conteudoNormal .titulo-conteudo h3 {
  /*width: 669px;*/
}

}

@media only screen and (max-width: 732px) {

a.iconeAbasServicos:not(*:root) {
  width: 103px;
}

}

@media only screen and (max-width: 667px) {

a.iconeAbasServicos {
  margin: 8px 10px;
}

#envelopeCapa #conteudoEsquerda .titulo-conteudo h3 {
  width: 625px;
}

}

@media only screen and (max-width: 598px) {

#envelopeCapa #conteudoBorda .ultimasNoticiasCapa {
  display: none;
}

#envelopeCapa #conteudoEsquerda {
  display: block;
}

.destaquePrincipal {
  float: none;
  margin: 0 auto 10px;
  overflow: hidden;
  width: 458px;
}

#envelopeCapa #conteudoBorda,
#envelopeCapa #conteudoDireita,
#envelopeCapa #conteudoEsquerda {
  width: auto;
}

#envelopeCapa #conteudoEsquerda {
  float: none;
  margin: 0;
  padding: 15px 22px;
}

#envelopeCapa #conteudoEsquerda .titulo-conteudo h3 {
  padding: 10px 10px 10px 11px;
  width: 95.3%;
}

.news-latest-capa ul {
  margin: 0 auto 15px;
  width: 96%;
}

#envelopeCapa #conteudoNormal,
#envelopeCapa #conteudoDireita {
  /*margin: 0 auto;
  float: none;*/
  width: 92%;
}

#envelopeCapa #conteudoNormal .news,
#envelopeCapa #conteudoDireita .news {
  float: left;
  margin: 0 auto;
  padding: 0;
}

#envelopeCapa #conteudoDireita .news {
  border-bottom: 1px solid #cccccc;
}

#envelopeCapa #conteudoDireita .titulo-conteudo h3 {
  float: none;
  width: auto;
}

#envelopeCapa .caixaLatestImg {
  border-bottom: none;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}

#envelopeCapa .caixaLatestImg h3 {
  margin: 20px 0 0 95px;
  width: auto;
}

}

@media only screen and (max-width: 568px) {

/*#envelopeNoticia #conteudoDireita {
  width: 99%;
}*/

#envelopeNoticia #conteudoDireita .titulo-conteudo h3 {
  /*width: 92%;*/
}

#AcompanhamentoProcessual {
  width: 518px;
}

}

@media only screen and (max-width: 480px) {

#container {
  width: 100%;
}
    
#envelopeCapa,
#envelopeHistelei,
#envelopePadrao,
#envelope2col,
#envelopeSistema,
#envelopeNoticia {
  margin: 0px;
  padding: 0px;
}

.map_canvas,
.quadroRodapeMovel,
#branding,
#conteudoNormal,
#conteudoDireita,
#envelopeCapa,
#envelopePadrao,
#envelope2col,
#envelopeSistema,
#envelopeNoticia,
#rodapeEndereco,
#rodapeMovel,
#topo,
#envelopeSistema #conteudoNormal,
#envelopeCapa .caixaLatestImg .itemLatestImg {
  width: 100%;
}

#topo {
  float: none;
  margin: 0 auto;
  text-align: center;
}

/* - - - estilos diversos - - - */

a.iconeInstitucional {
  margin: 10px 18px;
}

form#live-search {
  float: left;
  margin: 0 0 30px 0;
}

h4.tituloNavEsqMovel {
  width: auto;
}

img {
  max-width: 100%;
}

div.csc-textpic .csc-textpic-imagewrap img {
  height: auto;
}

.compartilhar {
  float: none;
  margin: 0;
  width: auto;
}

#skiplinks,
.skipAnchors {
  left: 0;
  display: none;
}

.quadroImprensa {
  margin: 0;
}

.bannerMultiColuna {
  width: 97%;
}

.mm-navbar-top .iconePrincipal {
  width: 33%;
}

.colunaEsquerdaMultiColuna {
  padding-right: 0;
}

#botaoMovel {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
}

#tituloPaginaMovel {
  display: block;
  margin: 10px 0 15px 10px;
}

#tituloPaginaMovel h2 {
  font-size: 140%;
  margin: 20px 0;
  padding: 0;
  width: 95%;
}

#tituloPaginaMovel h2 span {
  color: #2e769e;
  font-size: 90%;
  margin: 0 0 0 150px;
}

#formpesquisa {
  display: inline-block;
  float: none;
  margin: 10px auto 0;
  width: 95%;
}

#colunaEsquerda #c26444.csc-default {
  margin-top: 21px;
}

/* - - - envelopes diversos - - - */
    
#envelopeCapa #conteudoEsquerda {
  display: block;
}

#envelopeCapa #conteudoDireita {
  /*float: none;*/
}

#envelopeCapa #conteudoNormal,
#envelopeCapa #conteudoEsquerda {
  /*float: none;*/
  padding: 0;
}

/* #envelopeCapa #conteudoDireita */
#envelopeCapa #conteudoBorda {
  padding: 0 2px;
}

#envelopeCapa #conteudoBorda,
#envelopeCapa #conteudoEsquerda,
#envelopeCapa #conteudoNormal,
#envelopeCapa #conteudoDireita {
  width: 95%;
}

#envelopeCapa #conteudoNormal,
#envelopeCapa #conteudoDireita {
  margin: 10px;
}

#envelopeCapa #conteudoBorda,
#envelopeCapa #conteudoEsquerda {
  margin: 10px auto;
}

#envelopeCapa #conteudoEsquerda .titulo-conteudo,
#envelopeCapa #conteudoNormal .titulo-conteudo,
#envelopeCapa #conteudoDireita .titulo-conteudo {
  width: 100%;
}

#envelopeCapa #conteudoEsquerda .titulo-conteudo h3,
#envelopeCapa #conteudoNormal .titulo-conteudo h3,
#envelopeCapa #conteudoDireita .titulo-conteudo h3 {
  float: none;
  width: 94.7%;
}

#envelopeCapa #conteudoEsquerda .titulo-conteudo h3 {
  padding: 10px 7px 10px 10px;
}

#envelopeCapa #conteudoBorda .ultimasNoticiasCapa {
  display: none;
}

#envelopeCapa .caixaLatestImg {
  float: none;
  margin: 0 auto;
  padding: 0;
}

#envelopeCapa .caixaLatestImg h3 {
  width: 70%;
}

#envelopePadrao #conteudoNormal,
#envelopePadrao #conteudoDireita {
  margin: 0 auto;
  padding: 0;
  width: 95%;
}

#envelopePadrao #conteudoNormal #colunaNormal,
#envelopePadrao #conteudoNormal #colunaEsquerda {
  width: 50%;
}

#envelopePadrao #conteudoNormal #colunaNormal {
  margin-left: 18px;
}

#envelopePadrao #conteudoDireita .csc-default {
  width: 48%;
}

#envelopePadrao #conteudoNormal #colunaEsquerda .csc-default ul {
  width: 95%;
}

/*#envelopePadrao #conteudoNormal .titulo-conteudo,
#envelopePadrao #conteudoDireita .titulo-conteudo {
  width: 100%;
}*/

#envelopePadrao #conteudoNormal #colunaEsquerda .csc-textpic-center,
#envelopePadrao #conteudoNormal #colunaEsquerda .titulo-conteudo h3,
#envelopePadrao #conteudoNormal #colunaNormal .csc-textpic-center,
#envelopePadrao #conteudoNormal #colunaNormal .titulo-conteudo h3 {
  width: 91%;
}

#envelopePadrao #conteudoNormal .titulo-conteudo h3 {
  /* margin: 20px 0 0 0; */
  padding: 10px 2px 10px 10px;
  /*width: 96%;*/
}

#envelopePadrao #conteudoDireita .titulo-conteudo h3 {
  width: 90%;
}

#envelopePadrao #conteudoNormal #colunaEsquerda .csc-default ul {
  padding: 10px 0 0 11px
}

#envelopePadrao #conteudoNormal #colunaNormal .csc-default ul {
  padding: 10px 1px 0 12px;
  /*width: 94%;*/
}

#envelopePadrao .news-latest-container ul {
    padding: 10px;
}

#envelopeNoticia #conteudoDireita .titulo-conteudo h3 {
  float: left;
  padding: 10px 17px 10px 18px;
  /*width: 91%;*/
}

#envelopeNoticia #conteudoDireita .titulo-conteudo {
  width: 100%;
}

#envelopeNoticia #conteudoNormal .news-single h2 {
  display: block;
}

#envelopeNoticia #conteudoDireita {
  width: 95%;
}

/* - - - conteudos diversos - - - */

#conteudoNormal .news,
#conteudoDireita .news {
  float: left;
  padding: 0;
}

#conteudoNormal ul {
  padding-left: 10px;
}

#conteudoNormal .csc-default {
  width: 100%;
}

#conteudoEsquerda .news-latest-capa ul {
  margin: 0 0 10px 0;
}

#conteudoDireita .quadroCompartilhamento {
  margin: 0 0 10px 0;
  width: 95%;
}

/* - - - Area de destaque da capa - - - */

.destaquePrincipal {
  width: 100%;
}

.abasServicos input#tab1 + label,
.abasServicos input#tab2 + label, 
.abasServicos input#tab3 + label {
  margin: 0 1px;
}

.abasServicos label {
  width: 32.8%;
}

.abasServicos #tab1:checked ~ .conteudoAbas #conteudo1,
.abasServicos #tab2:checked ~ .conteudoAbas #conteudo2,
.abasServicos #tab3:checked ~ .conteudoAbas #conteudo3 {
  justify-content: space-around;
}

/* - - - menus - - - */

ul#nav,
ul#nav li {
  text-align: left;
}

ul#nav li {
  border-bottom: thin solid #333333;
  margin: 0px;
  width: 100%;
}

ul#nav a {
  padding: 20px;
}

ul#nav a,
ul#nav a:visited {
  font-size: 100%;
}

#navegacaoMovel {
  background: #151718;
  display: block;
  height: 100%;
  float: none;
  left: -9999px;
  position: absolute;
  transition: left 0s linear;
  width: 100%;
  z-index: 9999;
}

#navegacaoMovel {
  top: 54px;
}

#navegacaoMovel p {
  color: #ffffff;
  cursor: pointer;
  font-size: 20pt;
  margin: 0;
  padding: 10px 27px 5px 20px;
  text-align: right;
}

#navegacaoMovel.visivel {
  display: block;
  left: 0px;
  transition: left 0s linear;
}

.invisivel {
  display: none;
  visibility: hidden;
}

/* - - - news - - - */

.news-latest-capa ul {
  width: auto;
}

.news-single-img,
.news-single-video {
  margin: 5px 0 15px;
  width: 461px;
}

.news-single-wrapper p {
  clear: both;
}

.caixaDestaque {
  padding: 5px;
}

.caixaDestaque h3 {
  margin-top: 10px;
}

.caixaLatestDireita,
.caixaLatestEsquerda{
  background: none;
  border: none;
  float:left;
  height: auto;
  width: 97%;
}

.news-single-wrapper {
  width: 100%
}

.caixaDestaque .imagemLatest {
  text-align: center;
}

/* - - - rodape movel - - - */

#rodapeMovel {
  background-color: #efefef;
  color: #666;
  display: table-cell;
  float: left;
  margin: 10px 0 0;
  padding-top: 20px;
}

.quadroRodapeMovel {
  display: table;
  margin: 0 auto;
  text-align: center;
}

#rodapeMovel ul {
  list-style: none outside none;
  margin: 5px auto 20px;
  padding: 0;
  width: auto;
}

#rodapeMovel ul li {
  padding: 0 0 5px 0;
  text-align: center;
}

#rodapeMovel a {
  color:#333333 !important;
  margin: 0;
  padding: 0;
  text-decoration: none;
  width: auto;
}

#rodapeMovel a:hover {
  text-decoration: none;
}

}

@media only screen and (max-width: 455px) {

.mm-navbar-top .iconePrincipal {
    width: 35%;
}

}

@media only screen and (max-width: 443px) {

#envelopeCapa #conteudoEsquerda .titulo-conteudo h3 {
  width: 94.6%;
}

}

@media only screen and (max-width: 435px) {

.mm-navbar-top .iconePrincipal {
    width: 38%;
}

}

@media only screen and (max-width: 425px) {

.mm-navbar-top .iconePrincipal {
    width: 40%;
}

}

@media only screen and (max-width: 412px) {

#envelopeCapa #conteudoEsquerda .titulo-conteudo h3 {
  width: 94.1%;
}

}

@media only screen and (max-width: 400px) {

.mm-navbar-top .iconePrincipal {
    width: 42%;
}

}

@media only screen and (max-width: 393px) {

.mm-navbar-top .iconePrincipal {
    width: 43%;
}

}

@media only screen and (max-width: 391px) {

.abasServicos label {
  width: 32.7%;
}

}

@media only screen and (max-width: 375px) {

#envelopeCapa #conteudoEsquerda .titulo-conteudo h3 {
  width: 93.7%;
}

}

@media only screen and (max-width: 374px) {

.mm-navbar-top .iconePrincipal {
    width: 45%;
}

}

@media only screen and (max-width: 360px) {

.caixaDestaque .imagemLatest img {
  float: none;
}

.news-single-img, .news-single-video {
  width: 341px;
}

#envelopeNoticia #conteudoDireita .titulo-conteudo h3 {
  width: 92%;
  padding: 10px 11px;
}

#envelopeCapa #conteudoEsquerda .titulo-conteudo h3,
#envelopeCapa #conteudoNormal .titulo-conteudo h3,
#envelopeCapa #conteudoDireita .titulo-conteudo h3,
#envelopePadrao #conteudoNormal .titulo-conteudo h3,
#envelopePadrao #conteudoDireita .titulo-conteudo h3 {
  float: none;
}

#envelopePadrao #conteudoNormal .titulo-conteudo h3 {
  margin: 4px 0 15px;
  width: 95%;
}

#envelopeCapa #conteudoEsquerda .titulo-conteudo h3 {
  width: 93.2%;
}

#envelopeCapa #conteudoNormal .titulo-conteudo h3,
#envelopeCapa #conteudoDireita .titulo-conteudo h3,
#envelopePadrao #conteudoDireita .titulo-conteudo h3 {
  width: 100%;
}

#envelopePadrao #conteudoNormal #colunaEsquerda .csc-textpic-center,
#envelopePadrao #conteudoNormal #colunaEsquerda .titulo-conteudo h3,
#envelopePadrao #conteudoNormal #colunaNormal .csc-textpic-center,
#envelopePadrao #conteudoNormal #colunaNormal .titulo-conteudo h3 {
  width: 88%;
}

#envelopePadrao #conteudoDireita div.csc-textpic-center .csc-textpic-center-inner {
  padding: 0 10px;
}

#envelopePadrao #conteudoNormal #colunaNormal {
  margin-left: 12px;
}

#envelopePadrao #conteudoNormal {
  width: 93%;
}

.mm-navbar-top .iconePrincipal {
  width: 47%;
}

}

@media only screen and (max-width: 350px) {

.mm-navbar-top .iconePrincipal {
    width: 50%;
}

}

@media only screen and (max-width: 329px) {

.abasServicos label {
  width: 32.6%;
}

}

@media only screen and (max-width: 320px) {

.news-single-img, .news-single-video {
  width: 301px;
}

#envelopeCapa #conteudoEsquerda .titulo-conteudo h3 {
  width: 92.5%;
}

#envelopeNoticia #conteudoDireita .titulo-conteudo h3 {
  padding: 10px 9px;
}

}

/* ---- rybena ---- */

@font-face{font-family:'icomoon';src:url("http://www.tre-mt.jus.br/temas/fonts/icomoon-rybena/icomoon.eot?3826vu");src:url("http://www.tre-mt.jus.br/temas/fonts/icomoon-rybena/icomoon.eot?3826vu#iefix") format("embedded-opentype"),url("http://www.tre-mt.jus.br/temas/fonts/icomoon-rybena/icomoon.ttf?3826vu") format("truetype"),url("http://www.tre-mt.jus.br/temas/fonts/icomoon-rybena/icomoon.woff?3826vu") format("woff"),url("http://www.tre-mt.jus.br/temas/fonts/icomoon-rybena/icomoon.svg?3826vu#icomoon") format("svg");font-weight:normal;font-style:normal}

#acessibilidade-rybena {
  margin-bottom: 10px;
  position: relative;
  top: 12px;
  left: 67px;
  text-align: center;
}

.areaRybenaTTS {
  background-color: white;
  border: none;
}

.areaRybenaLibras {
  background-color: white;
  border: none;
}

#acessibilidade-rybena [class^="icon-"],#acessibilidade-rybena [class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;font-size:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#acessibilidade-rybena .icon-rybena-leitura:before{content:"\e901";color:#06414F}
#acessibilidade-rybena .icon-rybena-libras:before{content:"\e900";color:#06414F}

