/*** ATENÇÃO!
 
	A FIM DE LOCALIZAR O ESTILO CSS QUE SE DESEJA EDITAR, ESTE ARQUIVO FOI ORGANIZADO EM SEÇÕES, 
	DA SEGUINTE MANEIRA (ATENTAR PARA NÃO INSERIR ESTILO CSS EM LUGARES QUE POSSAM DESORGANIZAR ESSA ESTRUTURA):
    
	0) FONTES
	1) ELEMENTOS DE ÍCONE
	2) ELEMENTOS HTML, BODY, CABEÇALHOS, LISTAS E LINKS
	3) ELEMENTOS GOOGLE
	4) ELEMENTOS DE FORMULÁRIO
	5) ELEMENTOS DE TABELA
	6) LAYOUT DA PAGINA
	7) MENU NAVEGAÇÃO
	8) MENU VERTICAL
	9) CONSULTA PROCESSUAL
	10) CONTEÚDO EM DESTAQUE
	11) NOTÍCIAS
	12) VIDEOS E BANNER
	13) MENU SERVIÇOS ADICIONAIS	
	14) PROGRAMAS DA JT	
	15) RODAPÉ
	16) JOOMLA
	17) ACESSIBILIDADE
  18) CONTATOS
	19) MOBILE (max width 640px)
	
**/
@charset "UTF-8";

/***** 0) FONTES *****/

@font-face {
  font-family: 'fontello';
  src: url("fonts/fontello.eot?24481264");
  src: url("fonts/fontello.eot?24481264#iefix") format("embedded-opentype"), url("fonts/fontello.woff2?24481264") format("woff2"), url("fonts/fontello.woff?24481264") format("woff"), url("fonts/fontello.ttf?24481264") format("truetype"), url("fonts/fontello.svg?24481264#fontello") format("svg");
  font-weight: normal;
  font-style: normal; 
}

.vermelho {
    color: red;
}

/***** 1) ELEMENTOS DE ÍCONES *****/

.icon-search:before {
  content: '\e800'; 
}

.icon-download:before {
  content: '\e801'; 
}

.icon-folder-open:before {
  content: '\e802'; 
}

.icon-location:before {
  content: '\e803'; 
}

.icon-phone:before {
  content: '\e804'; 
}

.icon-clock-1:before {
  content: '\e805'; 
}

.icon-edit:before {
  content: '\e806'; 
}

.icon-print:before {
  content: '\e807'; 
}

.icon-left:before {
  content: '\e808'; 
}

.icon-lock:before {
  content: '\e809'; 
}

.icon-twitter:before {
  content: '\f099'; 
}

.icon-docs:before {
  content: '\f0c5'; 
}

.icon-menu:before {
  content: '\f0c9'; 
}

.icon-facebook-official:before {
  content: '\f230'; 
}

.icon-user-circle-o:before {
  content: '\f2be'; 
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 5px; 
}

.icon-paragrafo {
  margin-left: 5px;
  vertical-align: bottom; 
}

/***** 2) ELEMENTOS HTML, BODY, CABEÇALHOS, LISTAS E LINKS *****/

html {
  height: 100%;
  margin: 0; 
}

body {
  font: 14px/20px "Arial", sans-serif;
  height: 100%;
  margin: 0;
  overflow-y: scroll; 
  position: static !important;
  top: 0 !important;
}

main {
  margin: 0 auto; 
  max-width: 1130px;
  min-height: calc(100vh - 175px - 266px);
  min-width: 960px;
  overflow-y: hidden; 
  padding-left: 20px;
  padding-right: 20px;  
}

h1, h2, h3, h4, h5 {
  line-height: 1.2em; 
  margin-top: 20px;
  margin-bottom: 20px; 
}

ul, ol, p {
  margin-top: 20px;
  margin-bottom: 20px; 
}

ul {
  padding-left: 20px; 
}

ul ul {
  list-style: disc; 
}
	
a {
  color: #003366;
  text-decoration: none; 
}

a:hover {
  text-decoration: underline; 
}

/***** 3) ELEMENTOS GOOGLE *****/

#google_translate_element{
	display: none; 
}

.goog-te-banner-frame {
	display: none !important; 
}	

/***** 4) ELEMENTOS DE FORMULÁRIO *****/

input, button {
  outline: none; 
}

input[type=text], input[type=password], input[type=number], input[type=file], input[type=email], select, textarea {
  box-sizing: border-box;
  background: #FFF;
  border: 1px solid #BBB;
  font: 14px/20px Arial, sans-serif;
  padding: 5px;
  outline: none;
  height: 32px; 
}

input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=file]:focus, input[type=email]:focus, select:focus, textarea:focus {
  border-color: #003366; 
}

/* Estilo para remover setas de acréscimo e decréscimo no campo input type=number */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/* Estilo para remover setas de acréscimo e decréscimo no campo input type=number -- FF*/
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}


button, .button, .button-default {
  background-color: #103e66;
  box-sizing: border-box;
  border: 0;
  cursor: pointer;
  color: #FFF;
  text-align: center;
  padding: 0 20px;
  line-height: 32px;
  outline: none; 
}


.botoes-governanca {
	width: 16%;
	height: 15%;  
	padding: 10px 0px 10px 0px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 5px;
	border-radius: 5px;
	text-align: center;
  }


button:hover, .button:hover, .button-default:hover, button:focus, .button:focus, .button-default:focus {
    background-color: #165389; 
}

button:active, .button:active, .button-default:active {
    background-color: #0a2943; 
	box-shadow: inherit; 
}

*.button {
  display: inline-block; 
}

*.button:hover {
  text-decoration: none; 
}

.form-default .field label {
  display: block; 
}

.form-default .field label:after {
  content: ":"; 
}
.form-default .field {
  margin: 10px 0; 
}

.form-default .field input[type=text], .form-default .field input[type=password], .form-default .field select {
  width: 250px; 
}

.form-default .field #selectInstancia {
  font-size: 11px;
  width: auto !important;
  padding-left: 0px; 
}

.form-default .submit {
  margin: 20px 0; 
}

.form-default .submit button {
  width: 100%; 
}

.form-default .group {
  margin-right: 10px;
  white-space: nowrap; 
}

.form-default .group > label:after {
  content: ""; 
}

.form-default .group > * {
  display: inline-block !important;
  margin-right: 5px;
  vertical-align: middle; 
}

.form-login {
	margin-top: 1.5rem;
}

.grid-form {
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  vertical-align: top; 
}

.grid-form > * {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: -20px 0 0 -20px;
  list-style: none;
  padding: 0; 
}

.grid-form > * > * {
  margin: 20px 0 0 20px;
  flex-grow: 0; 
}

.medium-input {
  width: 300px !important; 
}

.large-input {
  width: 600px !important; 
}

.col-grow {
  flex-grow: 1; 
}

.col-input > input[type=text], .col-input > input[type=password], .col-input > input[type=number], .col-input > input[type=file], .col-input > input[type=email], .col-input > select, .col-input > textarea, .col-input > .field-group {
  display: block;
  margin-top: 5px;
  width: 100%; 
}

.col-input-default-width > input[type=text], .col-input-default-width > input[type=password], .col-input-default-width > input[type=number], .col-input-default-width > input[type=file], .col-input-default-width > input[type=email], .col-input-default-width > select, .col-input-default-width > textarea, .col-input-default-width > .field-group {
  display: block;
  margin-top: 5px; 
}

.col-input-only > input[type=text], .col-input-only > input[type=password], .col-input-only > input[type=number], .col-input-only > input[type=file], .col-input-only > input[type=email], .col-input-only > select, .col-input-only > textarea, .col-input-only > .field-group {
  display: block;
  width: 100%; 
}

.col-inline-input {
  display: flex;
  align-items: center; 
}

.col-inline-input > label {
  margin-right: 5px; 
}

.col-inline-input > label:after {
  content: ": "; 
}

.col-inline-input > input[type=text], .col-inline-input > input[type=password], .col-inline-input > input[type=number], .col-inline-input > input[type=file], .col-inline-input > input[type=email], .col-inline-input > select, .col-inline-input > textarea {
  flex-grow: 1; 
}

.col-check {
  display: flex;
  align-items: center; 
}

.col-check > input[type=radio], .col-check > input[type=checkbox], .col-check > label {
  margin-right: 5px; 
}

.col-submit-only > button, .col-submit-only > .button, .col-submit-only > .button-default {
  width: 100%;
  text-align: center;
  padding: 0; 
}

.field-group > label {
  display: inline-block;
  margin: 0 5px; 
}

.col-1-1 {
  width: calc(100% - 20px); 
}

.col-1-2 {
  width: calc(50% - 20px); 
}

.col-2-2 {
  width: calc(100% - 20px); 
}

.col-1-3 {
  width: calc(33.333% - 20px); 
}

.col-2-3 {
  width: calc(66.666% - 20px); 
}

.col-1-4 {
  width: calc(25% - 20px); 
}

.col-2-4 {
  width: calc(50% - 20px); 
}

.col-3-4 {
  width: calc(75% - 20px); 
}

.col-1-5 {
  width: calc(20% - 20px); 
}

.col-2-5 {
  width: calc(40% - 20px); 
}

.col-3-5 {
  width: calc(60% - 20px); 
}

.col-4-5 {
  width: calc(80% - 20px); 
}

.col-5-5 {
  width: calc(20% - 20px); 
}

.recaptchaHide { 
  display: none ;
}

.certidaoTrabalhistaForm {
  width: 50%;
  float: left;
}

.certidaoTrabalhistaForm .field label.error{
    clear: both;
    color: red;
}

.certidaoTrabalhistaForm .field input[type="radio"]{
    margin-left: 10px;
} 

.botoes-atendimento-ao-publico {
  width: 22%;
  height: 20%;  
  padding: 18.2px 0px 18.2px 0px;
  margin-bottom: 13px;
  margin-top: 20px;
  margin-left: 10px;
  border-radius: 14px;
  text-align: center;
}
    
.botoes-atendimento-ao-publico > a {
	color: white;
	text-decoration: none;    
}

/****** 5) ELEMENTOS DE TABELA *****/

.fixed-table {
  table-layout: fixed; 
}

.unstyled-table td, .unstyled-table th {
  background: none; 
}

table {
  border-top: 0;
  border-bottom: 0;
  border-collapse: collapse;
  margin: 20px -1px;
  width: calc(100% + 2px); 
}

table [class^="icon-"]:before, table [class*=" icon-"]:before {
  margin: 0; 
}

table td > *:first-child, table th > *:first-child {
  margin-top: 0; 
}

table td > *:last-child, table td > *:last-child {
  margin-bottom: 0; 
}

th {
  background: #103e66;
  border: 1px solid #FFF;
  color: #FFF;
  font-weight: normal;
  text-align: center;
  padding: 10px;   
  position: relative; 
}

th.second {
  background: #CCC;
  color: #000; 
}

th > a {
  border: 0 solid transparent;
  border-width: 10px;
  color: #FFF;
  display: block;
  margin: -10px;
  text-decoration: underline; 
}

th > a:hover {
  background: rgba(255, 255, 255, 0.2); 
}

th > a.desc:after, th > a.asc:after {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle; 
}

th > a.desc:after {
  content: "▼"; 
}

th > a.asc:after {
  content: "▲"; 
}

td {
  background: #EEE;
  border: 1px solid #FFF;
  font-weight: normal;
  padding: 10px; 
  text-align: center;    
  vertical-align: middle; 
}

td:nth-child(even) {
  background: #DDD; 
}

tr:hover td {
  background: #FFE0B2; 
}

tr:hover td:nth-child(even) {
  background: #FFCC80; 
}

.table-with-grow-column {
  table-layout: inherit; 
}

.table-with-grow-column th, .table-with-grow-column td {
  white-space: nowrap; 
}

.table-with-grow-column td.grow {
  width: 100%; 
}

.table-stripped tr td {
  background: #EEE; 
}

.table-stripped tr th {
  background: #103e66; 
}

.table-stripped tr:nth-child(even) td {
  background: #DDD; 
}

.table-stripped tr:nth-child(even) th {
  background: #DDD; 
}

tr.selected td {
  background: #BBDEFB; 
}

tr.selected td:nth-child(even) {
  background: #90CAF9; 
}

tr.selected:hover td {
  background: #90CAF9; 
}

tr.selected:hover td:nth-child(even) {
  background: #64B5F6; 
}

td.grow {
  width: 100%;
  white-space: nowrap; 
}

th.left {
  text-align: left;
  padding: 10px 20px; 
}

td.left {
  text-align: left;
  padding: 10px 20px; 
}

td.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; 
}

td .ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre; 
}

/***** 6) LAYOUT DA PAGINA ******/

.pagina {
  min-width: 1000px; 
}

.main-header { 
  display: none 
}

.cabecalho {
  font-size: 13px;
  background: #103e66;
  color: #FFF; 
}

.cabecalho-inner {
  max-width: 1130px;
  min-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 25px;
  height: 25px;
  position: relative; 
}

.cabecalho a {
  color: #FFF; 
}

.cabecalho-links {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden; 
}

.cabecalho-links > * {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: -11px 0 0 -11px;
  list-style: none;
  padding: 0; 
}

.cabecalho-links > * > * {
  margin: 11px 0 0 11px;
  flex-grow: 0; 
}

.cabecalho-links > * > * > * {
position: relative; 
}

.cabecalho-links > * > * > *:before {
  content: '';
  position: absolute;
  top: 6px;
  left: -6px;
  display: inline-block;
  vertical-align: top;
  height: 13px;
  background: #FFF;
  width: 1px; 
}

.cabecalho-links > * > *:first-child > *:before {
  display: none; 
}

.cabecalho-links a {
  display: block;
  line-height: 25px; 
}

.cabecalho-acessibilidade {    
    position: absolute;
    right: 230px;
    top: 0px;
}
				
.cabecalho-idiomas {
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden; 
}

.cabecalho-idiomas > * {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: -11px 0 0 -11px;
  list-style: none;
  padding: 0; 
}

.cabecalho-idiomas > * > * {
  margin: 11px 0 0 11px;
  flex-grow: 0; 
}

.cabecalho-idiomas > * > * > * {
  position: relative; 
}

.cabecalho-idiomas > * > * > *:before {
  content: '';
  position: absolute;
  top: 6px;
  left: -6px;
  display: inline-block;
  vertical-align: top;
  height: 13px;
  background: #FFF;
  width: 1px; 
}

.cabecalho-idiomas > * > *:first-child > *:before {
  display: none; 
}

.cabecalho-idiomas a {
  display: block;
  line-height: 25px; 
}

.cabecalho-botoes {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin-top: 4px;
  margin-bottom: 4px;
  overflow: hidden; 
}
.cabecalho-botoes > * {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: -10px 0 0 -10px;
  list-style: none;
  padding: 0; 
}

.cabecalho-botoes > * > * {
  margin: 10px 0 0 10px;
  flex-grow: 0; 
}

.cabecalho-botoes img {
  display: block;
  max-height: 15px; 
}

.cabecalho-menu {
  display: none; 
}

.cabecalho-busca {
  display: none; 
}

.bloco-identidade {
  max-width: 1130px;
  min-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  margin: 20px auto;
  position: relative; 
}

.bloco-identidade-logo > a {
  background: url("../../../images/layout-csjt/logo.png") center center no-repeat;
  background-size: contain;
  display: block;
  height: 80px;
  width: 333px; 
}
.bloco-identidade-logo a { 
  background: none; 
  display: initial; 
  height: initial; 
  width: initial 
}

.bloco-identidade-logo img { 
  display: inline-block; 
  vertical-align: top; 
  width: 425px; 
  height: 74px 
}										
.bloco-identidade-selo-1 {
  position: absolute;
  right: 220px;
  top: 0px; 
}

.bloco-identidade-selo-2 {
  position: absolute;
  right: 350px;
  top: 0px; 
}

.bloco-identidade-selo-3 {
  position: absolute;
  right: 420px;
  top: 0px; 
}
 
.bloco-identidade-selo-1 a, .bloco-identidade-selo-2 a, .bloco-identidade-selo-3 a { 
  background: none; 
  display: initial; 
  height: initial; 
  width: initial 
}
 
 .bloco-identidade-selo-1 img { 
  display: inline-block; 
  vertical-align: top; 
  margin: 5px 0;
 }
 
 .bloco-identidade-selo-2 img, .bloco-identidade-selo-3 img { 
  display: inline-block; 
  vertical-align: top; 
  height: 70px; 
  margin: 5px 0;
  width: 48px; 
 }

.bloco-identidade-redes-sociais {
  position: absolute;
  top: 15px;
  right: 20px;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden; 
}

.bloco-identidade-redes-sociais > * {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: -10px 0 0 -10px;
  list-style: none;
  padding: 0; 
}

.bloco-identidade-redes-sociais > * > * {
  margin: 10px 0 0 10px;
  flex-grow: 0; 
}

.bloco-identidade-redes-sociais img {
  display: block;
  max-height: 20px; 
}

.bloco-identidade-busca {
  position: absolute;
  right: 20px;
  bottom: 15px; 
}

.bloco-identidade-busca:after {
  clear: both;
  content: "";
  display: block; 
}

.bloco-identidade-busca-voltar {
  display: none; 
}

.bloco-identidade-busca-campo {
  float: left; 
}

.bloco-identidade-busca-campo > input {
  border-width: 1px 0 1px 1px;
  padding: 4px;
  box-sizing: border-box;
  width: 150px;
  font-size: 13px;
  height: 20px; 
}

.bloco-identidade-busca-campo > input::placeholder {
  color: #4D4D4D;	
}

.bloco-identidade-busca-campo > input:focus {
  border-color: #BBB; 
}

.bloco-identidade-busca-submit {
  float: right; 
}

.bloco-identidade-busca-submit > button {
  background-color: #0067a0;
  padding: 0;
  border: 1px solid #BBB;
  line-height: 18px;
  border-width: 1px 1px 1px 0;
  width: 25px;
  height: 20px;
  vertical-align: middle; 
}

.bloco-identidade-busca-submit > button:hover, 
.bloco-identidade-busca-submit > button:focus {
  background: #0067a0; 
  filter: brightness(1.1);
}

.bloco-identidade-busca-submit > button:active {
  background: #0067a0; 
  filter: brightness(0.9);
}

.bloco-identidade-busca-submit > button:before {
  font-size: 14px;
  text-align: center;
  margin: 0;
  line-height: 18px;
  position: relative;
  top: 0; 
}

.bloco-identidade-busca.active .bloco-identidade-busca-submit > button,
.bloco-identidade-busca.active .bloco-identidade-busca-submit > button:hover,
.bloco-identidade-busca.active .bloco-identidade-busca-submit > button:focus,
.bloco-identidade-busca.active .bloco-identidade-busca-submit > button:active { 
	background: #fff 
}

/***** 7) MENU NAVEGAÇÃO *****/

.menu-navegacao {
  background: #EEE;
  margin: 0;
  position: relative; 
}

.menu-vertical-label {
  color: #007b5f; 
}

.menu-navegacao-inner {
  max-width: 1130px;
  min-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  overflow: initial;
  position: relative;
  box-sizing: border-box; 
}

.menu-navegacao-inner > * {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 0;
  list-style: none;
  padding: 0; 
}

.menu-navegacao-inner > * > * {
  margin: 0 0 0 0;
  flex-grow: 0; 
}

.menu-navegacao-inner > * > * > .menu-navegacao-top-element {
  position: relative; 
}

.menu-navegacao-inner > * > * > .menu-navegacao-top-element:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  display: inline-block;
  vertical-align: top;
  height: 16px;
  background: #999;
  width: 1px; 
}

.menu-navegacao-inner > * > *:first-child > .menu-navegacao-top-element:before {
  display: none; 
}

.menu-navegacao-inner > ul > li {
  flex-grow: 1; 
}

.menu-navegacao-inner > ul > li > .menu-navegacao-top-element {
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 30px;
  padding: 0 25px; 
}

.menu-navegacao-inner > ul > li:hover .menu-navegacao-popup {
  display: block; 
}

.menu-navegacao-inner > ul > li:hover .menu-navegacao-top-element {
  text-decoration: underline; 
}

.menu-navegacao-popup {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  font-size: 14px;
  background: #FFF;
  border: 1px solid #EEE;
  border-width: 0 1px 1px;
  position: absolute;
  top: 100%;
  display: none;
  z-index: 10;
}

.menu-navegacao-columns {
  overflow: hidden;
  margin: 15px 0; 
}

.menu-navegacao-columns > * {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  padding: 0;
  display: table;
  margin: 0 0 0 0;
  width: calc(100% + 0px);
  border-spacing: 0; 
}

.menu-navegacao-columns > * > * {
  display: table-cell;
  vertical-align: top; 
}

.menu-navegacao-columns > ul > li > * {
  padding: 6px 30px 6px 30px;
}

.menu-navegacao-columns a {
  color: #000; 
  font-weight: bold;
}

.menu-navegacao-columns a:hover {
  text-decoration: none;
}

.menu-navegacao-columns > ul > li > div:hover {
	background-color: #EEE;
}

.menu-navegacao-columns span {
  color: #003366;
  font-weight: bold; 
}

.menu-navegacao-primary-separator {
    display: block;
    height: 0.1px;
    margin-top: 8px;
    width: 85%;
    padding: 0px !important;
}

.menu-navegacao-primary-element {
  margin-left: 0; 
}

.menu-navegacao-primary-element:hover {
  background-color: #EEE;
}

.menu-navegacao-secondary-element {
  margin-left: 20px; 
}

.menu-navegacao .mobile-only {
  display: none; 
}

/***** 8) MENU VERTICAL *****/

.menu-vertical {
  float: right;
  width: 230px; }

.menu-vertical > * {
  list-style: none;
  padding: 0;
  margin: 0; }

.menu-vertical > * > *:first-child {
  border-top: 1px solid #C4DEEB; }

.menu-vertical > * > * {
  border-bottom: 1px solid #C4DEEB; }

.menu-vertical > * > * > a {
  display: table;
  width: 100%;
  padding: 10px 0;
  height: 40px;
  table-layout: fixed; }

.menu-vertical > * > * > a > * {
  display: table-cell;
  vertical-align: middle; }

.menu-vertical-image {
  width: 45px; }

.menu-vertical-label {
  padding-left: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #003366;
  background-color: white;  }

.menu-vertical-image img {
  display: block;
  margin: 0 auto;
  height: 35px; }

.menu-vertical-image .img { 
   display: block; 
   margin: 0 auto; 
   height: 35px; 
   background-repeat: no-repeat; 
   background-size: contain; 
   background-position: center center 
}

/***** 9) CONSULTA PROCESSUAL *****/

.consulta-processual {
  margin: 35px 0; 
}

.consulta-processual-form {
  overflow: hidden; 
}

.consulta-processual-form > * {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  padding: 0;
  display: table;
  margin: -10px 0 -10px -10px;
  width: calc(100% + 10px);
  border-spacing: 10px; 
}

.consulta-processual-form > * > * {
  display: table-cell;
  vertical-align: top; 
}

.consulta-processual-form > ul {
  width: 1100px;
  margin-left: auto;
  margin-right: auto; 
}

.consulta-processual-form > ul > li > input {
  width: 100%;
  display: block; 
}

.consulta-processual .button, .consulta-processual button {
  font-size: 14px;
  line-height: 32px;
  white-space: nowrap;
  width: 100%;
  padding: 0; 
}

.consulta-processual input[type=text], .consulta-processual input[type=password], .consulta-processual input[type=number], .consulta-processual input[type=file], .consulta-processual input[type=email], .consulta-processual select, .consulta-processual textarea {
  padding: 5px;
  line-height: 20px; 
}

.consulta-processual input[disabled=disabled] {
  background: #FFF; 
}

.consulta-processual-limpar .button {
  background-color: #007b5f;
  color: #FFF; 
}

.consulta-processual-limpar .button:hover, 
.consulta-processual-limpar .button:focus {
  background: #007b5f; 
  filter: brightness(1.1);
}

.consulta-processual-limpar .button:active {
  background: #007b5f; 
  filter: brightness(0.9);
}

.consulta-processual-consultar .button {
  background: #007b5f;
  color: #FFF; 
}

.consulta-processual-consultar .button:hover, 
.consulta-processual-consultar .button:focus {
  background: #007b5f; 
  filter: brightness(1.1);
}

.consulta-processual-consultar .button:active {
  background: #007b5f; 
  filter: brightness(0.9);
}

.consulta-processual-titulo {
  width: 160px; 
}

.consulta-processual-titulo .button {
  cursor: text; 
}

.consulta-processual-titulo .button:active {
  background: #103e66; 
}

.consulta-processual-titulo .button:hover {
  background: #103e66; 
}

.consulta-processual-numero {
  width: 100px; 
}

.consulta-processual-digito {
  width: 50px; 
}

.consulta-processual-ano {
  width: 80px; 
}

.consulta-processual-justica {
  width: 40px; 
}

.consulta-processual-tribunal {
  width: 40px; 
}

.consulta-processual-vara {
  width: 80px; 
}

.consulta-processual-limpar {
  width: 100px; 
}

.consulta-processual-consultar {
  width: 100px; 
}

/***** 10) CONTEÚDO EM DESTAQUE *****/

.home-destaques {
  position: relative; }

.home-destaques:after {
  clear: both;
  content: '';
  display: block; }

.destaques {
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  margin-right: 250px; 
}

.destaques > * {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin: -20px 0 0 -20px;
  list-style: none;
  padding: 0; 
}

.destaques > * > * {
  width: calc(33.3333333333% - 20px);
  margin: 20px 0 0 20px;
  flex-grow: 0; 
}

.destaques > ul > li:after {
  clear: both;
  content: "";
  display: block; 
}

.destaques > h3 {
  display: none;
  margin: 20px 0; 
}

.destaques .section-title { 
  display: none; 
  margin: 20px 0 ;
}

.destaque-conteudo h3 {
  margin: 10px 0; 
}

.destaque-conteudo p {
  margin: 10px 0; 
}

.destaque-image img {
  display: block;
  width: 100%;
  height: 100%; 
}

.destaque-principal {
  width: calc(100% - 20px); 
}

.destaque-principal:after {
  clear: both;
  content: "";
  display: block; 
}

.destaque-principal .destaque-image {
  height: 230px;
  width: 350px;
  float: left; 
}

.destaque-principal .destaque-conteudo {
  margin: -10px 0 -10px 370px; 
}

.destaque-principal .destaque-titulo {  
  color: #003366;
  font-size: 20px;
  font-weight: bold; 
}

.destaque-principal .destaque-texto {
  background-color:white;
  color: #000;
  font-size: 16px;   
}

.destaque-secundario .destaque-conteudo {
  margin: 0 0 -10px; 
}

.destaque-secundario .destaque-titulo {  
  color: #003366;
  font-size: 16px;
  font-weight: bold; 
}

.destaque-saiba-mais {
  background-color: white;
  color: #666;
  font-style: italic; 
}

/***** 11) NOTÍCIAS *****/

.home-adicional {
  position: relative;
  min-height: 374px; 
}

.home-adicional .mais-noticias {
  margin-right: 539px; 
}

.mais-noticias {
  margin: 20px 0; 
}

.mais-noticias > ul {
  list-style: none;
  padding: 0;
  margin: 10px 0;
}

.mais-noticias > ul > li {
  border-top: 1px solid #C4DEEB;
  margin: 10px 0; 
}

.mais-noticias > ul > li:first-child {
  border-top: 0; 
}

.mais-noticias-titulo {
  margin: 10px 0; 
}

.mais-noticias-titulo h3 {
  margin: 0; 
}

.mais-noticias-titulo a {
  background-color: white;
  color: #003366;
  font-size: 16px;
  font-weight: bold; 
}

.mais-noticias-texto {  
  background-color: white; 
  color: #000;
  font-size: 13px;
  margin: 10px 0;   
}

.mais-noticias-texto p {
  margin: 0; 
}

.mais-noticias-entrar {
  background-color: white;
  color: #000;
  font-weight: bold; 
}

.mais-noticias-ver-todas {
  margin: 10px 0; 
  text-align: right;
}

.mais-noticias-ver-todas a {
  background-color: white;
  color: #666; 
  font-size: 13px;
  font-weight: bold;
}

/***** 12) VIDEOS E BANNER *****/

.videos {
  position: absolute;
  right: 0;
  top: -20px; 
}

.videos-video {
  display: block;
  background: #000;
  width: 519px;
  height: 307px; 
}

.videos-video iframe { 
  border: 0 ;
  width: 519px;
  height: 307px;
}

.videos-ver-todos {
  margin: 10px 0; 
  text-align: right;
}

.videos-ver-todos a {
  background-color: white;
  color: #666;
  font-size: 13px;
  font-weight: bold;
}

.mais-videos-area { 
  margin: 35px 0 ;
}

.mais-videos-area .videos-video { 
  margin: 20px 0; 
}

.banner-rotativo {
  margin: 20px 0;
  position: relative; 
}

.banner-rotativo-viewport {
  overflow: hidden; 
}

.banner-rotativo-viewport > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  white-space: nowrap;
  transition: transform 0.5s ease;
}

.banner-rotativo-viewport > ul > li {
  display: inline-block;
  vertical-align: top; 
}

.banner-rotativo img {
  display: block;
  width: 100%;
  height: 185px; 
}

.banner-rotativo .jae-banner {
  display: block;
  width: 100%;
  height: 275px; 
}

.banner-rotativo-previous {
  cursor: pointer;
  width: 100px;
  opacity: 0.35;
  z-index: 1;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  padding-left: 25px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); 
}

.banner-rotativo-previous:hover {
  opacity: 1;
  text-decoration: none; 
  background-color: transparent;
}


.banner-rotativo-previous:active,
.banner-rotativo-previous:focus { 
  background-color: transparent; 
}

.banner-rotativo-next {
  cursor: pointer;
  width: 100px;
  opacity: 0.35;
  z-index: 1;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: right;
  padding-right: 25px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); 
}

.banner-rotativo-next:hover {
  opacity: 1;
  text-decoration: none; 
  background-color: transparent;
}

.banner-rotativo-next:active,
.banner-rotativo-next:focus { 
  background-color: transparent; 
}

.banner-rotativo-botao {
  position: relative;
  top: -4px;
  color: #FFF;
  text-shadow: 1px 1px 0 #000;
  font-size: 60px;
  font-weight: bold;
  margin: auto 0;
  display: block;
  width: 100%; 	
}

/***** 13) MENU SERVIÇOS ADICIONAIS *****/

.servicos-adicionais {
  max-width: 1130px;
  min-width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin: 30px 0; 
}

.servicos-adicionais-inner {
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden; 
}

.servicos-adicionais-inner > * {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin: -10px 0 0 -10px;
  list-style: none;
  padding: 0; 
}

.servicos-adicionais-inner > * > * {
  margin: 10px 0 0 10px;
  flex-grow: 0; 
}

.servicos-adicionais-inner > ul > li > a {
  display: block;
  margin: -10px 0;
  width: 100px; 
}

.servicos-adicionais-inner > ul > li > a:hover {
  text-decoration: none; 
}

.servicos-adicionais-inner > ul > li > a > * {
  margin: 10px auto; 
}

/* Comentado em 21/03 por Felipe M. a pedido da ASCOM (motivacao: para que essa section fique nomeada como "Acesso Rápido" - ranking da transparencia)
.servicos-adicionais .section-title {
  display: none; 
}
*/
.servicos-adicionais-image {
  display: block;
  max-height: 50px; 
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;	
  height: 50px;
}

.servicos-adicionais-label {
  background-color: white;
  color: #666;
  font-weight: bold;
  font-size: 13px;
  line-height: 18px;
  display: block;
  text-align: center; 
}

/***** 14) PROGRAMAS DA JT *****/

.programas-justica-do-trabalho {
  overflow-y: hidden;  
  background: #007b5f;
  margin: 0;   
}

.programas-justica-do-trabalho-inner {
  max-width: 1130px;
  min-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 25px;
  margin-bottom: 25px;
  overflow: hidden;
  padding: 0 20px; 
}

.programas-justica-do-trabalho-inner > * {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: -50px 0 0 -50px;
  list-style: none;
  padding: 0; 
}

.programas-justica-do-trabalho-inner > * > * {
  margin: 50px 0 0 50px;
  flex-grow: 0; 
}

.programas-justica-do-trabalho-inner > * {
  margin-top: -20px; 
}

.programas-justica-do-trabalho-inner > * > * {
  margin-top: 20px; 
}

.programas-justica-do-trabalho img {
  display: block;
  max-height: 30px; 
}

/***** 15) RODAPÉ *****/

.rodape {
  overflow-y: hidden;
  font-size: 10px;
  line-height: 14px;
  background: #23517E url("images/rodape.png") center top no-repeat;
  background-size: auto 100%;
  color: #FFF; 
}

.rodape a {
  color: #FFF; 
}

.rodape-inner {
  max-width: 1130px;
  min-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 0 20px;
  position: relative; 
}
.rodape-inner > * {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin: -40px 0 0 -40px;
  list-style: none;
  padding: 0; 
}

.rodape-inner > * > * {
  margin: 40px 0 0 40px;
  flex-grow: 0; 
}

.rodape-logo-image {
  background: url("../../../images/layout-csjt/rodape-logo.png") no-repeat center center;
  background-size: contain;
  display: block;
  width: 125px;
  height: 100px; 
}

.rodape-endereco {
  position: relative;
  padding-right: 40px; 
}

.rodape-endereco:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  vertical-align: top;
  background: #FFF;
  width: 2px; 
}

.rodape-endereco-secoes {
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  padding-left: 30px; 
}

.rodape-endereco-secoes > * {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin: -10px 0 0 0;
  list-style: none;
  padding: 0; 
}

.rodape-endereco-secoes > * > * {
  margin: 10px 0 0 0;
  flex-grow: 0; 
}

.rodape-endereco-secoes > * > * > p {
  margin: 0;
  position: relative; 
}

.rodape-endereco-secoes > * > * > p:before {
  position: absolute;
  left: -30px;
  width: 30px;
  font-size: 16px;
  line-height: 20px;
  top: 0;
  text-align: center;
  margin: 0; 
}

.rodape-endereco-titulo {
  font-weight: bold; 
}

.rodape-links-rapidos-titulo {
  font-weight: bold; 
}

.rodape-links-rapidos > ul {
  margin: 0;
  padding: 0;
  list-style: none; 
}

.rodape-links-rapidos > ul > li:before {
  content: '> ';
  display: inline-block;
  margin-right: 5px; 
}

.rodape-redes-sociais {
  margin: 0;
  position: absolute;
  top: 0;
  right: 20px; 
}

.rodape-redes-sociais > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: -10px 0 0 -10px;
  list-style: none;
  padding: 0; 
}

.rodape-redes-sociais > ul > * {
  margin: 10px 0 0 10px;
  flex-grow: 0; 
}

.rodape-redes-sociais img {
  display: block;
  max-height: 25px; 
}

/***** 16) JOOMLA *****/

.visually-hidden { display: none }

.section-title {
  background-color: white;
  border-bottom: 2px solid #007b5f;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 3px;
  color: #003366;
  text-transform: uppercase; 
}

.custom-page, .joomla-article, .joomla-search {
  margin: 35px 0; 
}

.joomla-article-icons-block {
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  height: 35px;
  position: absolute;
  margin-top: 0;
  bottom: 5px;
  right: 0; 
}

.joomla-article-icons-block > * {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: -10px 0 0 -10px;
  list-style: none;
  padding: 0; 
}

.joomla-article-icons-block > * > * {
  margin: 10px 0 0 10px;
  flex-grow: 0; 
}

.joomla-article-icons-block > ul > li > a {
  color: #999;
  font-size: 0; 
}

.joomla-article-icons-block > ul > li > a:hover {
  color: #103e66;
  text-decoration: none; 
}

.joomla-article-icons-block > ul > li > a:before {
  font-size: 27px;
  line-height: 35px;
  vertical-align: top; 
}

.conteudo-titulo {
  margin: 20px 0;
  border-bottom: 1px solid #C4DEEB;
  padding-bottom: 3px;
  position: relative; 
}

.conteudo-titulo h1, .conteudo-titulo h2, .conteudo-titulo h3, .conteudo-titulo h4, .conteudo-titulo h5 {
  margin-bottom: 0;
  line-height: 35px;
  margin-right: 160px; 
}

.conteudo-titulo-with-info h1, .conteudo-titulo-with-info h2, .conteudo-titulo-with-info h3, .conteudo-titulo-with-info h4, .conteudo-titulo-with-info h5 {
  margin: 0; 
}

.joomla-article-info-block {
  margin: 0; 
}

.joomla-article-info {
  color: #666;
  line-height: 35px;
  margin: 0;
  padding: 0;
  list-style: none; 
}

.box-grid-of-2 {
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden; 
}

.box-grid-of-2 > * {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin: -20px 0 0 -20px;
  list-style: none;
  padding: 0; 
}

.box-grid-of-2 > * > * {
  width: calc(50% - 20px);
  margin: 20px 0 0 20px;
      flex-grow: 0; 
}

.box-grid-of-2 .box {
  background: none;
  margin: 0; 
}

.box {
  overflow-y: hidden;
  background: #EEE;
  padding: 0 20px;
  margin: 20px 0; 
}

.box-title {
  overflow-y: hidden;
  background: #DDD;
  margin: 0 -20px;
  padding: 0 20px; 
}

.standalone-box-title {
  overflow-y: hidden;
  background: #DDD;
  padding: 0 20px;
  margin: 20px 0; 
}

.accordion-list > h3 {
  overflow-y: hidden;
  background: #DDD;
  padding: 20px; 
}

.alternate-text {
  color: #003366; 
}

.message-info {
  overflow-y: hidden;
  background: #f6f6c6;
  border-left: 5px solid #cccc99;
  color: #222222;
  margin: 20px 0;
  padding: 0 20px; 
}

.message-info h1, .message-info h2, .message-info h3, .message-info h4, .message-info h5 {
  border-bottom: 1px solid #cccc99;
  color: #888844;
  padding-bottom: 5px; 
}
  
 .message-info-destaque {
	border-bottom: 1px solid #cccc99;
	color: #888844;
	padding-bottom: 5px;
	display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
 }

.message-error {
  overflow-y: hidden;
  background: #f3c3c3;
  border-left: 5px solid #cc9999;
  color: #222222;
  margin: 20px 0;
  padding: 0 20px; 
}

.message-error h1, .message-error h2, .message-error h3, .message-error h4, .message-error h5 {
  border-bottom: 1px solid #cc9999;
  color: #884444;
  padding-bottom: 5px; 
}

.message-success {
  overflow-y: hidden;
  background: #c3f3c3;
  border-left: 5px solid #99cc99;
  color: #222222;
  margin: 20px 0;
  padding: 0 20px; 
}

.message-success h1, .message-success h2, .message-success h3, .message-success h4, .message-success h5 {
  border-bottom: 1px solid #99cc99;
  color: #448844;
  padding-bottom: 5px; 
}

.message-login {
	margin-bottom: 1rem;
	font-weight: bold;	
}

#tabs-cons {
  margin: 20px 0; 
}

.tabs-links {
  list-style: none;
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0;
  padding: 0; 
}

.tabs-links:after {
  clear: left;
  content: "";
  display: block; 
}

.tabs-links > * {
  float: left; 
}

.tabs-links > * > * {
  display: block; 
}

.tabs-links li {
  background: #cdcdcd;
  cursor: pointer;
  line-height: 48px;
  text-align: center;
  border-bottom: 1px solid #DDD;
  width: 50%; 
}

.tabs-links li.active {
  background: #EEE;
  box-shadow: none;
  cursor: inherit;
  border: 1px solid transparent;
  border-bottom: none;
  width: 48%;
  width: calc(50% - 2px); 
}

.tabs-contents {
  border-top: none !important; 
}

.zero-margin-area {
  margin: 20px 0; 
}

.zero-margin-area > * {
  margin: 0; 
}

.gallery {
  overflow-y: hidden;
  background: #EEE;
  margin: 20px 0; 
}

.gallery .slider > ul {
  transition: transform 0.5s ease; 
}

.gallery-images {
  padding: 20px; 
}

.gallery-images .slider {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0;
  white-space: nowrap;
  overflow: hidden; 
}
.gallery-images .slider > * {
  font-size: 0;
  text-align: left;
  margin: 0 0 0 0;
  list-style: none;
  padding: 0; 
}

.gallery-images .slider > * > * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  display: inline-block;
  font-size: initial;
  padding: 0 0 0 0;
  text-align: left;
  vertical-align: middle; 
}

.gallery-images .slider > ul > li {
  text-align: center; 
}

.gallery-images .slider a {
  display: inline-block;
  vertical-align: top; 
}

.gallery-images .slider img {
  display: block;
  max-width: 100%;
  max-height: 500px; 
}

.gallery-thumbnails {
  background: #DDD;
  padding: 20px 60px;
  position: relative; 
}

.gallery-thumbnails .slider {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;  
}

.gallery-thumbnails .slider > * {
  font-size: 0;
  text-align: left;
  margin: -20px 0 0 -20px;
  list-style: none;
  padding: 0; 
}

.gallery-thumbnails .slider > * > * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 20%;
  display: inline-block;
  font-size: initial;
  padding: 20px 0 0 20px;
  text-align: left;
  vertical-align: middle; 
}

.gallery-thumbnails .slider > ul > li {
  position: relative;
  cursor: pointer; 
}

.gallery-thumbnails .slider > ul > li:hover:after, 
.gallery-thumbnails .slider > ul > li.active:after {
  position: absolute;
  top: 20px;
  right: 0;
  bottom: 0;
  left: 20px;
  border: 3px solid #103e66;
  content: ""; 
}

.gallery-thumbnails img {
  cursor: pointer;
  display: block;
  width: 100%;
  max-height: 124px; 
}

.gallery-thumbnails-previous {
  display: flex;
  cursor: pointer;
  width: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0; 
}
.gallery-thumbnails-previous:after {
  color: #666;
  font-weight: bold;
  font-size: 60px;
  margin: auto;
  position: relative;
  top: -4px; 
}

.gallery-thumbnails-previous:hover:after {
  color: #103e66; 
}

.gallery-thumbnails-previous.inactive {
  opacity: 0.25; 
}

.gallery-thumbnails-previous.inactive:hover:after {
  color: #666; 
}

.gallery-thumbnails-previous:after {
  content: "‹"; 
}

.gallery-thumbnails-next {
  display: flex;
  cursor: pointer;
  width: 60px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0; 
}

.gallery-thumbnails-next:after {
  color: #666;
  font-weight: bold;
  font-size: 60px;
  margin: auto;
  position: relative;
  top: -4px; 
}

.gallery-thumbnails-next:hover:after {
  color: #103e66; 
}

.gallery-thumbnails-next.inactive {
  opacity: 0.25; 
}

.gallery-thumbnails-next.inactive:hover:after {
  color: #666; 
}

.gallery-thumbnails-next:after {
  content: "›"; 
}

.noticias {
  margin: 20px 0; 
}

.noticias > ul {
  padding: 0;
  list-style: none; 
}

.noticias > ul > li {
  margin: 20px 0;   
}

.noticias > ul > li:after {
  clear: both;
  content: "";
  display: block; 
}

.noticias-image {
  float: left;
  width: 223px; 
}

.noticias-image img {
  display: block;
  width: 100%; 
}

.noticias-conteudo {
  margin-left: 243px; 
}

.noticias-titulo h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 0; 
}

.noticias-titulo a {
  color: #103e66; 
}

.noticias-texto {
  color: #000; 
}

.noticias-texto p {
  margin: 10px 0; 
}

.pagination {
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden; 
}

.pagination > * {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: -10px 0 0 -10px;
  list-style: none;
  padding: 0; 
}

.pagination > * > * {
  margin: 10px 0 0 10px;
  flex-grow: 0; 
}

.pagination > ul > li > * {
  box-sizing: border-box;
  display: block;
  background: #EEE;
  text-align: center;
  min-width: 40px;
  line-height: 40px;
  padding: 0 10px; 
}

.pagination > ul > li > span {
  color: #666;
  opacity: 0.5; 
}

.pagination__wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden; 
}

.pagination__wrapper > * {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: -10px 0 0 -10px;
  list-style: none;
  padding: 0; 
}

.pagination__wrapper > * > * {
  margin: 10px 0 0 10px;
  flex-grow: 0; 
}

.pagination__wrapper > ul > li > * {
  box-sizing: border-box;
  display: block;
  background: #EEE;
  text-align: center;
  min-width: 40px;
  line-height: 40px;
  padding: 0 10px; 
}

.pagination__wrapper > ul > li > span {
  color: #666;
  opacity: 0.5; 
}

.pagination nav { margin: 0 }

.pagination__wrapper > ul > li > a[aria-current=true],
.pagination__wrapper > ul > li.disabled > span { cursor: default; opacity: 0.3 }
.pagination__wrapper .icon-angle-left:before { content: '‹'; font-size: 22px }
.pagination__wrapper .icon-angle-double-left:before { content: '«'; font-size: 22px }
.pagination__wrapper .icon-angle-right:before { content: '›'; font-size: 22px }
.pagination__wrapper .icon-angle-double-right:before { content: '»'; font-size: 22px }

.search-pages-counter {
  text-align: center
}

.search-results {
  padding: 0;
  list-style: none; 
}

.search-results > li {
  margin: 20px 0; 
}

.highlight {
  background: #f9f909; 
}

.subdued-text {
  color: #666; 
}

#icpbravoaccess_loaded {
  display: none; 
}

.margin {
  margin: 20px 0; 
}

/***** 17) ACESSIBILIDADE *****/

body.contraste,
body.contraste .destaque-principal .destaque-texto,
body.contraste .mais-noticias-texto,
body.contraste .menu-navegacao-popup a,
body.contraste .subdued-text,
body.contraste .joomla-article-info,
body.contraste .noticias-texto,
body.contraste .pagination > ul > li > span {
  color: #FFF; 
}

body.contraste .consulta-processual-form > ul > li input[type=number] {
    background: none;
    border-color: white;
}

body.contraste .consulta-processual-titulo span {
    background: none;
	color: yellow; 
	font-weight: bold;
}

body.contraste .consulta-processual-consultar input,
body.contraste .consulta-processual-limpar a{
    background: none;
    border: solid 1px white;
	color: yellow; 
}

body.contraste .bloco-identidade-busca-campo input {
	background: none;
	border: solid 1px white !important;
}

body.contraste .bloco-identidade-busca-submit button {
	background: none;
	border: solid 1px white !important;
}

body.contraste .destaque-texto, 
body.contraste .mais-noticias-texto, 
body.contraste .mais-noticias-ver-todas a,
body.contraste .videos-ver-todos a{	
	background: none;
}

body.contraste .box,
body.contraste .box-title,
body.contraste .standalone-box-title,
body.contraste .pagination > ul > li > * {
  border: 1px solid #FFF;
  background: none; 
}

body.contraste .box-title {
  border-width: 0 0 1px; 
}

body.contraste .highlight {
  color: #000; 
}

body.contraste input[type=text], body.contraste input[type=password], body.contraste input[type=number], body.contraste input[type=file], body.contraste input[type=email], body.contraste select, body.contraste textarea,
body.contraste .bloco-identidade-busca-submit > button {
  background: none; 
}

body.contraste .bloco-identidade-logo > a,
body.contraste .servicos-adicionais-inner > ul > li > a > img,
body.contraste .servicos-adicionais-image,
body.contraste .menu-vertical-image img,
body.contraste .menu-vertical-image .img {
  filter: brightness(0) invert(1); 
}

body.contraste .menu-navegacao-popup {
  border-width: 1px; 
}

body.contraste .menu-navegacao-inner > * > * > .menu-navegacao-top-element:after {
  background: #FFF; 
}

body.contraste,
body.contraste .cabecalho,
body.contraste .menu-navegacao,
body.contraste .rodape,
body.contraste .programas-justica-do-trabalho,
body.contraste .menu-navegacao-popup {
  background: #000; 
}

body.contraste td:nth-child(even),
body.contraste td:nth-child(odd),
body.contraste tr:hover td:nth-child(even),
body.contraste tr:hover td:nth-child(odd) {
  background: none; 
}

body.contraste a {
	color: yellow; 
}

body.contraste .alternate-text,
body.contraste .menu-navegacao-popup span,
body.contraste .servicos-adicionais-label,
body.contraste .menu-navegacao-inner > ul > li > .menu-navegacao-top-element,
body.contraste .section-title,
body.contraste .joomla-article-icons-block > ul > li > a,
body.contraste .menu-vertical-label {
  color: yellow; 
  background: none;
}

body.contraste .section-title,
body.contraste .menu-navegacao-popup,
body.contraste .menu-vertical > ul > li,
body.contraste .conteudo-titulo,
body.contraste .mais-noticias > ul > li {
  border-color: #FFF; 
}

body.contraste .mais-noticias-titulo a {
	background: none;
}

 .hide-element {
    border: 0;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip; rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; 
}

/**** 18) PAGINA DE CONTATOS  *****/

.contato-unidade {
  display:flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.contato-unidade-descricao {
  background: #103e66; 
  border: 1px solid #FFF; 
  color: #FFF;
  padding: 10px 0 10px;
  position: relative;
  text-align: center;
}

.contato-unidade-email {		
  background: #EEE; 
  border: 1px solid #FFF; 
  display:inline-block; 
  padding: 10px 0 10px; 
  text-align: center; 
  vertical-align: middle;
  width: 77%;
}

.contato-unidade-telefone {		
  background: #EEE; 
  border: 1px solid #FFF; 
  display:inline-block; 
  padding: 10px 0 10px; 
  text-align: center; 
  vertical-align: middle;
  width: 23%;
}

.contato-cabecalho {
  display:flex; 
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.contato-cabecalho-coluna {
  background: #103e66; 
  border: 1px solid #FFF; 
  color: #FFF; 		
  padding: 10px 0 10px; 
  text-align: center; 
}

.contato-cabecalho-nome {
  width: 42%;
}

.contato-cabecalho-funcao {
  width: 35%;
}

.contato-cabecalho-telefone {
  width: 23%;		
}

.contato-servidor-coluna {
  background: #EEE; 
  border: 1px solid #FFF; 	
  font-size: 12px;	
  padding: 10px 0 10px; 
  text-align: center; 
  vertical-align: middle; 				
}

.contatos-cabecalho {
  padding-top: 30px;
}

.contatos-cabecalho > h3 {
  text-align: center;
}

.standalone-box-title {
  padding: 0 70px 50px; 
  margin-bottom: 40px;
}

.contatos-box {
  border-top: 0; 
  border-bottom: 0; 
  width: 100%;		
}

.contatos-box-hidden {
  display: none;
}

.contatos-unidade-box {
  margin-top: 15px;
}

.contatos-unidade-adm-cabecalho {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

/**** 19) MOBILE (max width 640px) *****/

@media only screen and (max-width: 640px) {
		
  .pagina {
    min-width: inherit;
    max-width: inherit;
    position: relative; 
  }
  
  main {
    min-height: inherit; 
	width: inherit;
    min-width: inherit;
    max-width: inherit;
    margin-left: 0;
    margin-right: 0;
    padding: 0 15px; 
  }

  .cabecalho {
    height: 50px; 
  }

  .cabecalho-inner {
    width: inherit;
    min-width: inherit;
    max-width: inherit;
    margin-left: 0;
    margin-right: 0;
    position: relative; 
  }

  .cabecalho-menu {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    display: block; 
  }

  .cabecalho-busca {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    display: block; 
  }

  .cabecalho-busca-button:before {
    display: block;
    font-size: 25px;
    line-height: 50px;
    margin: 0;
    width: 50px;
    text-align: center; 
  }

  .cabecalho-menu-button:before {
    display: block;
    font-size: 25px;
    line-height: 50px;
    margin: 0;
    width: 50px;
    text-align: center; 
  }

  .cabecalho-links, .cabecalho-idiomas, .cabecalho-botoes, .cabecalho-acessibilidade {									  
    display: none; 
  }

  .bloco-identidade {
    height: 0;
    margin: 0;
    position: initial; 
  }

  .bloco-identidade-logo {
    position: absolute;
    top: 0;
    left: 50%;
    height: 50px;
    width: 208px;
    display: block;
    transform: translate(-50%, 0); 
  }

  .bloco-identidade-logo a {
    background-image: url("../../../images/layout-csjt/logo-white.png");
    background-size: contain;
    display: block;
    width: 100%;
    height: 100%; 
  }

  .bloco-identidade-logo img { 
    content:url("../../../images/layout-csjt/logo-white.png"); 
    width: 100%; 
    height: 100% 
  }
    
  .bloco-identidade-selo-1, .bloco-identidade-selo-2, .bloco-identidade-selo-3  {
    display: none; 
  }

  .bloco-identidade-redes-sociais {
    display: none; 
  }

  .bloco-identidade-busca {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #C4DEEB;
    display: none;
    height: 50px;
    background: #FFF; 
  }

  .bloco-identidade-busca.active {
    display: block; 
  }

  .bloco-identidade-busca-voltar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50px;
    display: block; 
  }

  .bloco-identidade-busca-campo {
    position: absolute;
    top: 0;
    right: 50px;
    bottom: 0;
    left: 50px; 
  }

  .bloco-identidade-busca-submit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px; 
  }

  .bloco-identidade-busca-voltar > *, .bloco-identidade-busca-submit > button {
    background-color: #FFF;
    color: #333;
    display: block;
    height: 100%;
    width: 100%;
    border: 0;
    padding: 0; 
  }
	
  .bloco-identidade-busca-voltar > *:hover, 
  .bloco-identidade-busca-voltar > *:focus, 
  .bloco-identidade-busca-submit > button:hover,
  .bloco-identidade-busca-submit > button:focus {
    background-color: white; 
  }
  
  .bloco-identidade-busca-voltar > *:active,
  .bloco-identidade-busca-submit > button:active {
      background-color: #ebebeb; 
  }
  
  .bloco-identidade-busca-voltar > *:before,
  .bloco-identidade-busca-submit > button:before {
      display: block;
      font-size: 25px;
      line-height: 50px;
      margin: 0;
      width: 50px;
      text-align: center; 
  }

  .bloco-identidade-busca-campo > input {
    font-size: 20px;
    border-width: 0;
    height: 49px;
    margin: 0; 
  }

  .menu-navegacao {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    overflow-y: auto;
    background: #FFF;
    width: 75%;
    z-index: 10;
    margin: 0;
    transition: transform 0.25s ease;
    transform: translate(-100%, 0); 
  }

  .menu-navegacao.active {
    transform: translate(0, 0); 
  }

  .menu-navegacao-inner {
    width: inherit;
    min-width: inherit;
    max-width: inherit;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding: 0; 
  }

  .menu-navegacao-inner > ul {
    margin: 0;
    display: block; 
  }

  .menu-navegacao-inner > ul > li {
    margin: 0; 
  }

  .menu-navegacao-inner > ul > li > .menu-navegacao-top-element {
    border-bottom: 1px solid #C4DEEB;
    display: block;
    padding: 0 20px;
    line-height: 36px;
    text-align: left; 
  }

  .menu-navegacao-inner > ul > li > .menu-navegacao-top-element:before {
    content: '\25B6';
    position: initial;
    background: initial;
    color: #999;
    display: inline-block;
    font-size: 13px;
    margin: 5px 0 5px 5px;
    vertical-align: top;
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 25px;
    transition: transform 0.25s ease; 
  }

  .menu-navegacao-inner > ul > li:first-child > .menu-navegacao-top-element:before {
    display: inline-block; 
  }

  .menu-navegacao-inner > ul > li.active > .menu-navegacao-top-element:before {
    transform: rotate(90deg); 
  }

  .menu-navegacao-inner > ul > li:hover .menu-navegacao-popup {
    display: none; 
  }

  .menu-navegacao-inner > ul > li.active .menu-navegacao-popup {
    display: block; }

  .menu-navegacao-inner > ul > li > .menu-navegacao-top-element {
    padding-left: 0; 
  }

  .menu-navegacao-popup {
    position: relative;
    box-shadow: initial;
    width: auto;
    border-bottom: 1px solid #C4DEEB; 
  }

  .menu-navegacao-columns {
    margin: 5px 0; 
  }

  .menu-navegacao-columns > ul {
    display: block;
    margin: 5px 0; 
  }

  .menu-navegacao-columns > ul > li {
    display: block; 
  }

  .menu-navegacao .mobile-only {
    display: block; 
  }

  .menu-navegacao .restricted > * {
    position: relative; 
  }

  .menu-navegacao .restricted > *:after {
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 37px;
    font-size: 20px;
    font-family: 'fontello';
    content: ""; 
  }

  .consulta-processual {
    position: relative;
    padding-top: 48px;
    margin: 20px 0; 
  }

  .consulta-processual-form > ul {
    width: 100%; 
  }

  .consulta-processual-form {
    overflow: hidden; 
  }
  
  .consulta-processual-form > * {
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    padding: 0;
    display: table;
    margin: 0 0 0 0;
    width: calc(100% + 0px);
    border-spacing: 0; 
  }
	
  .consulta-processual-form > * > * {
    display: table-cell;
    vertical-align: top; 
  }

  .consulta-processual-titulo .button {
    border: 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    color: #00B388;
    padding-bottom: 0;
    position: absolute;
    background: none;
    left: 0;
    right: 20px;
    margin-bottom: 20px;
    top: 0;
    text-align: left;
    width: auto; 
  }

  .consulta-processual-titulo .button:active,
  .consulta-processual-titulo .button:hover {
    background: none; 
  }

  .consulta-processual input[type=text], .consulta-processual input[type=password], .consulta-processual input[type=number], .consulta-processual input[type=file], .consulta-processual input[type=email], .consulta-processual select, .consulta-processual textarea {
    border-right: 0; 
  }

  .consulta-processual input[type=text]:focus, .consulta-processual input[type=password]:focus, .consulta-processual input[type=number]:focus, .consulta-processual input[type=file]:focus, .consulta-processual input[type=email]:focus, .consulta-processual select:focus, .consulta-processual textarea:focus {
    border-color: #BBB; 
  }

  .consulta-processual-titulo {
    display: block; 
  }

  .consulta-processual-digito {
    width: 50px; 
  }

  .consulta-processual-justica,
  .consulta-processual-tribunal {
    display: none;
    width: 30px;
    text-align: center; 
  }

  .consulta-processual-ano,
  .consulta-processual-vara {
    width: 50px; 
  }

  .consulta-processual-titulo,
  .consulta-processual-numero {
    width: auto; 
  }

  .consulta-processual-limpar {
    display: none; 
  }

  .consulta-processual-consultar {
    width: 80px; 
  }

  .menu-vertical {
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    position: initial;
    float: inherit;
    width: initial;
    margin-left: -5px;
    margin-right: -5px; 
  }
  
  .menu-vertical > * {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0 0;
    list-style: none;
    padding: 0; 
  }
  
  .menu-vertical > * > * {
	width: calc(50% - 0px);
	margin: 0 0 0 0;
	flex-grow: 0; 
  }

  .menu-vertical > ul > li {
    border: 0; 
  }

  .menu-vertical > ul > li:first-child {
    border: 0; 
  }

  .menu-vertical > ul > li > a {
    padding: 0; 
  }

  .menu-vertical-label {
    font-size: 13px;
    line-height: 18px; 
  }

  .menu-vertical-image {
    width: 30px; 
  }

  .menu-vertical-image img {
    height: 25px; 
  }

  .destaques {
    margin: 20px -15px;
    font-size: 0; 
  }

  .destaques > ul {
    background: #000;
    display: block;
    margin: 0;
    width: initial;
    height: initial;
    white-space: nowrap;
    overflow-x: scroll; 
  }

  .destaques > ul > li {
    display: inline-block;
    width: initial;
    height: initial;
    vertical-align: top;
    margin: 0;
    position: relative; 
  }

  .destaques > h3 {
    margin: 0 0 20px;
    display: block;
    overflow: initial;
    padding: 0 15px; 
  }

  .destaques a {
    color: #FFF; 
  }
  
  .destaques .section-title { 
    display: block; 
    margin: 0 0 20px; 
    padding: 0 15px 
  }

  .destaque-conteudo {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(35, 80, 126, 0.5);
    color: #FFF;
    padding: 10px 20px;
    white-space: normal; 
  }

  .destaque-conteudo > * {
    margin: 10px 0 !important; 
  }

  .destaque-principal .destaque-image,
  .destaque-secundario .destaque-image {
    width: initial;
    height: initial;
    float: none; 
  }

  .destaque-principal .destaque-conteudo {
    margin: 0; 
  }

  .destaque-principal .destaque-texto {
    color: #FFF;
    font-size: 14px; 
  }

  .destaque-principal .destaque-titulo {
    font-size: 16px;
  }

  .destaque-secundario .destaque-conteudo {
    margin: 0; 
  }

  .destaque-secundario .destaque-titulo {
    font-size: 16px; 
  }

  .destaque-texto {
    display: none; 
  }

  .destaque-saiba-mais {
    display: none; 
  }

  .home-adicional .mais-noticias {
    margin-right: 0; 
  }

  .videos {
    position: relative;
    margin: 20px 0;
    top: inherit;
    width: inherit;
    height: inherit; 
  }

  .videos-video {
    width: 100%;
    height: 200px; 
  }

  .videos-video iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
  }

  .banner-rotativo .banner {
    height: inherit; 
  }

  .banner-rotativo-previous,
  .banner-rotativo-next {
    width: 50px; 
  }

  .servicos-adicionais {
    width: inherit;
    min-width: inherit;
    max-width: inherit;
    margin-left: 0;
    margin-right: 0;
    margin: 20px 0; 
  }

  .servicos-adicionais-inner {
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px; 
  }
  
  .servicos-adicionais-inner > * {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin: -10px 0 0 -10px;
    list-style: none;
    padding: 0; 
  }
  
  .servicos-adicionais-inner > * > * {
	margin: 10px 0 0 10px;
	flex-grow: 0; 
  }

  .servicos-adicionais-inner > ul > li {
    width: inherit; 
  }

  .servicos-adicionais-inner > ul > li > a {
    width: 80px;
    margin: -5px auto; 
  }

  .servicos-adicionais-inner > ul > li > a > img {
    max-height: 30px;
    margin: 5px auto; 
  }

  .servicos-adicionais .section-title {
    display: block; 
  }

  .servicos-adicionais-label {
    font-size: 11px;
    line-height: 15px; 
  }

  .programas-justica-do-trabalho-inner {
    width: inherit;
    min-width: inherit;
    max-width: inherit;
    margin-left: 0;
    margin-right: 0; 
  }

  .programas-justica-do-trabalho-inner > * {
    margin-left: -20px; 
  }

  .programas-justica-do-trabalho-inner > * > * {
    margin-left: 20px; 
  }

  .programas-justica-do-trabalho ul > li {
    width: inherit; 
  }

  .rodape {
    overflow-y: hidden;
    background-image: none; 
  }

  .rodape-inner {
    width: inherit;
    min-width: inherit;
    max-width: inherit;
    margin-left: 0;
    margin-right: 0; 
  }

  .rodape-inner > ul {
    display: block;
    margin: -20px 0; 
  }

  .rodape-inner > ul > li {
    margin: 20px 0; 
  }

  .rodape-logo-image {
    margin: 0 auto; 
  }

  .rodape-logo:after {
    display: none; 
  }

  .rodape-endereco {
    text-align: center;
    padding: 0; 
  }

  .rodape-endereco-secoes {
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0; 
  }
  
  .rodape-endereco-secoes > * {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      margin: -10px 0 0 0;
      list-style: none;
      padding: 0; 
  }
  
  .rodape-endereco-secoes > * > * {
	margin: 10px 0 0 0;
	flex-grow: 0; 
  }

  .rodape-endereco-secoes > * > * > p:before {
    position: initial;
    width: auto;
    margin: 0 6px 0 0;
    vertical-align: middle; 
  }

  .rodape-endereco:after {
    display: none; 
  }

  .rodape-links-rapidos {
    display: none; 
  }

  .rodape-redes-sociais {
    font-size: 0;
    position: inherit;
    width: 100%;
    margin: 20px 0 0;
    text-align: center; 
  }

  .rodape-redes-sociais > ul {
    font-size: 0;
    text-align: left;
    margin: -10px 0 0 -10px;
    list-style: none;
    padding: 0;
    display: inline-block;
    vertical-align: middle; 
  }
  
  .rodape-redes-sociais > ul > * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    font-size: initial;
    padding: 10px 0 0 10px;
    text-align: left;
    vertical-align: top; 
  }

  .rodape-redes-sociais > ul > li {
    margin: 0; 
  }

  .section-title {
    border: 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    color: #00B388;
    padding-bottom: 0; 
  }

  .noticias-image {
    float: initial;
    margin: 20px 0 10px;
    width: initial; 
  }

  .noticias-image img {
    width: 100%; 
  }

  .noticias-conteudo {
    margin-left: 0; 
  }

  .noticias-titulo {
    margin-bottom: 2px; 
  }

  .noticias-texto {
    display: none; 
  }
	
  .custom-page, .joomla-article, .joomla-search {
    margin: 20px 0; 
  }

  .conteudo-titulo h1, .conteudo-titulo h2, .conteudo-titulo h3, .conteudo-titulo h4, .conteudo-titulo h5 {
    margin-right: 0; 
  }

  .joomla-article-icons-block {
    display: none; 
  }

  .gallery-thumbnails .slider > ul > li {
    width: 33.333%; 
  }

  .box-grid-of-2 > * > * {
    width: calc(100% - 20px); 
  }

  .form-default .field input[type=text], .form-default .field input[type=password], .form-default .field select {
    display: block;
    width: 100%; 
  } 
  

}

joomla-alert { margin: 20px 0 }