/** chatbot antigo apagado **/
.sz4-chat, #iframe-sz-chat {
  display: none !important;
}
#iframe-sz-chat {  display: none !important;
}

/*** Caderno de encargos ***/
#sp-noticias-e-comunicados .caderno-de-encargos strong {
  font-size: 20px !important;
  font-family: gothammedium !important;
}
#sp-noticias-e-comunicados .caderno-de-encargos span {
  font-size: 18px !important;
  font-family: gothammedium !important;
}
#sp-noticias-e-comunicados .caderno-de-encargos td, #sp-noticias-e-comunicados .caderno-de-encargos p {
  font-size: 14px !important;
  font-family: gothammedium !important;
}



/*** Copyright do popup ***/ 
.copyrightyannt {
    display: none !important;
}
/***  ***/
/* :hover de botões de popup */
.btn-button-popup-portal-caema:hover {
    transform: scale3d(0.95,0.95,0.95);
    transition-duration: 0.03s;
    transition-timing-function: linear;
    transition-delay: 0.001s;
    filter: brightness(90%);
}

/*** Configura todo o conteúdo de um Accordion em altura máxima na página de caderno de encargos ***/
#sp-noticias-e-comunicados .fancypantsaccordionholder .accordion .accordion-item.acc-open {
  height: 100% !important;
}
/***
	Remova todos os paddings aplicados as imagens antes de adicionar este estilo 
	- Adicione este trecho HTML antes da imagem:
	<div class="container">
      <input type="checkbox" id="zoomCheck">
      <label for="zoomCheck">

	- Adicione este trecho HTML após a imagem:

      </label>
    </div>
**/
/* adiciona zoom em imagem com a propriedade id "zoomable_image" */
input[type=checkbox] {
  display: none;
}
/* adiciona zoom em imagem com a propriedade id "zoomable_image" */
.zoomable_image img {
  margin: 18px;
  transition: transform 0.25s ease;
  cursor: zoom-in;
}
/* adiciona zoom em imagem com a propriedade id "zoomable_image" */
input[type=checkbox]:checked ~ label > img {
  	transform: scale(1.6);
  	cursor: zoom-out;
	box-shadow: 0 4px 400px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* modifica links de acesso a anexos de arquivos nas páginas de download de arquivos */
#sp-noticias-e-comunicados .pd-fdesc a {
  font-size: larger;
  font-weight: 700;
}
/* modifica links de acesso a anexos de arquivos nas páginas de download de arquivos quando o mouse está por cima */
#sp-noticias-e-comunicados .pd-fdesc a:hover {
  transform: scale(1.7, 1.7) !important;
  color: #004a66;
}

/* Remove logs indesejáveis */
#sp-noticias-e-comunicados .tab-content p {
    display: none !important;
}
#sp-noticias-e-comunicados .tab-content .fancypantsaccordionholder  .acc-content p {
  display: block !important;
}
/* Exibe o conteúdo de tabs normalmente */
#sp-noticias-e-comunicados .tab-content .accordion p, #sp-noticias-e-comunicados .tab-content .image-tabs-content p {
    display: block;
    width: 100%;
}


#icone-link-whatsapp-contato, #icone-link-telegram-contato {
    display: none !important;
}

/* estiliza o ícone flutuante de acesso ao chat pelo Telegram
#icone-link-telegram-contato{
    width: 80px;
    height: 80px;
    background-image: url('/images/icones-menu/icone-telegram.png');
    background-size: 70px 70px;
    border-radius: 25px;
    position: fixed;
    float: right;
  	margin-bottom: 100px;
	right: 22px;
    bottom: 0;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1000 !important;
} */
/* :hover de imagens-botao que redireciona para página de visualização de arquivos
#icone-link-telegram-contato:hover {
    transform: scale3d(0.8,0.8,0.8);
    transition-duration: 0.03s;
    transition-timing-function: linear;
    transition-delay: 0.001s;
    filter: brightness(80%);
} */
/* estiliza o ícone flutuante de acesso ao chat pelo whatsapp
#icone-link-whatsapp-contato{
    width: 86px;
    height: 86px;
    background-image: url('/images/icones-menu/whatsapp.png');
    background-size: 75px 75px;
    border-radius: 25px;
    position: fixed;
    float: right;
    margin-bottom: 185px;
    right: 22px;
    bottom: 0;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1000 !important;
} */
/* estiliza o ícone flutuante de acesso ao chat pelo whatsapp
#icone-link-whatsapp-contato:hover {
    transform: scale3d(0.8,0.8,0.8);
    transition-duration: 0.03s;
    transition-timing-function: linear;
    transition-delay: 0.001s;
    filter: brightness(80%);
} */

@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');
/*
body {
	font-family: "PT Sans", sans-serif !important;
	font-size: 100%;
	line-height: 16px;
	background: #f0f4fb;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothind: grayscale;
}
.site-container {
	display: flex;
	margin: 2rem auto;
	justify-content: center;
	max-width: calc(100%-80%);
}
*/
.cartao-pag-article-container {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    justify-content: center;
    cursor: default;
}
.cartao-pag-article-image img {
	margin: auto;
	height: 100px !important;
	display: flex;
	max-width: 100%;
	border-radius: 20px 20px 0 0;
  	padding: 0px !important;
}
.cartao-pag-article-card {
	width: 300px;
	margin: 20px;
	transition: 0.3s;
	background: white;
	border-radius: 20px;
	box-shadow: 0 1px 6px 0 rgba(34,68,123,0.2);
  	height: fit-content;
}
.cartao-pag-article-card:hover {
	box-shadow: 0 4px 20px 0 rgba(34,68,123,0.2);
}
.cartao-pag-article-content {
	padding: 1.5rem;
}
.cartao-pag-article-card table {
	margin-top: 5px;
  	margin-bottom: 5px;
}
.cartao-pag-article-content a.card-category {
    color: #ddd;
    display: flex;
    width: 100%;
    text-decoration: none;
}
.cartao-pag-article-content a.card-category:hover {
	color: #22447b;
}
.cartao-pag-article-content a.cartao-pag-card-category:hover, .cartao-pag-article-content a.cartao-pag-card-category button.cartao-pag-button-article-pagamento:hover {
	cursor: pointer;
}
button.cartao-pag-button-article-pagamento {
    background-color: #22447b;
    width: inherit;
    justify-content: center;
    color: #ddd;
    padding: 5px;
    display: block;
    font-weight: 500;
    font-size: 1.2rem;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: none;
}
button.cartao-pag-button-article-pagamento:hover {    
    background-color: #ddd;
}
a.cartao-pag-card-category button.cartao-pag-button-article-pagamento:hover {
    color: #22447b;
}
.cartao-pag-article-content .cartao-pag-card-title {
	text-align: center;
	/*margin: 1rem 0;*/
	color: #22447b;
	font-family: "PT Sans", sans-serif !important;
}
.cartao-pag-article-content .cartao-pag-card-excerpt {
	margin:0;
	color:#6b82a7;
	font-size: 0.8rem;
	line-height: 1.35rem;
	text-align: initial !important;
	text-indent: 0px !important;
}
.cartao-pag-article-content .cartao-pag-alard {
	margin:10px 0;
	bottom:-5px;
	color:#6b82a7;
	font-size:8px;
	font-size: 0.65rem;
	line-height: 1rem;
}
.cartao-pag-art-article th, .cartao-pag-art-article td {
  border: none;
}
.cartao-pag-article-content h5.card-excerpt {
  font-weight: bold;
}
.cartao-pag-article-content td {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
@media screen and (max-width: 768px) {
	.site-container {
		max-width:90%;
	}
        .cartao-pag-article-image {
		height: 70px !important;
        }
	.cartao-pag-article-image img, .responsive .art-content-layout img {
		max-width:auto;
		/*border-radius: 0px !important; */
		height: 70px !important;
	}
	.cartao-pag-article-card {
		margin: 5px;
		width: 250px;
		/*height: 420px; */
		/*height: 510px; */
		height: auto !important;
	}
	.cartao-pag-article-content .card-category {
		margin: 2px;
		font-weight: 600;
		font-size: 0.875rem;
		letter-spacing: 0.1em;
	}
	.cartao-pag-article-content .cartao-pag-card-title {
		font-size:16px;
	}
	.cartao-pag-article-content .cartao-pag-card-excerpt {
		font-size: 0.8rem;
		line-height:1.3rem;
	}
	.cartao-pag-article-content .cartao-pag-alard {
		margin:10px 0;
		font-size:0.6rem;
		line-height:0.7rem;
	}
}
@media screen and (min-width: 1280px) {
	.site-container {
		max-width:1156px;
	}
}

#sp-noticias-e-comunicados .cw-article-meta.cw-margin-small.cw-text-left, #sp-noticias-e-comunicados .cw-margin-small-left, #sp-noticias-e-comunicados time {
    text-indent: 0px;
  	margin: 5px;
}

.d-fa-item {
  align-content: center;
  align-items: center;
  margin: auto;
  display: grid;
  justify-content: center;
  padding: 20px 0;
}

.d-fa {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.text-d-fa {
  font-size: medium;
  font-size: 30px;
  padding: 20px;
}

#continue_button {
  margin: 0px !important;
}
.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#cookieMessageContainer .btn-success {
    color: #fff;
    background-color: #eee;
    border-color: #ddd;
}

.table-files-container {
  height: 400px;
  overflow: auto;
}

.table-files-container thead {
  position: sticky;
  display: table-header-group;
  top: 0;
  background: aliceblue;
  z-index: 1;
}

.table-files-container tbody {
  background-color: #eee;
  overflow-y: scroll;
  overflow-x: hidden;
}

.table-files-container td, .table-files-container tr  {
  	border: #C9E0F0 !important;
  	border-width: 1px thin !important;
	border-style: solid !important;
	border-color: #fff !important;
}

.table-files-container tr {
  border-bottom: 1px solid #f0f0f0;
}
/*
.table-files-container .pd-fdesc {
  overflow: hidden;
  position: relative;
  line-height: 1.5em;
  max-height: 6em;
  text-align: justify;
}

.table-files-container .pd-fdesc::before {
  content: ' ...';
  position: absolute;
  right: 0px;
  bottom: 0;
  padding: 0 0px 0 0.25em;
  background-color: #eee;
}
*/
/*
.table-container {
  height: 400px;
  overflow: auto;
}

table {
  border-collapse: collapse;
  width: 100%;
}

table thead, table thead tr, table thead tr th {
  position: sticky;
  top: 0;
}

.table-container th {
  position: sticky;
  top: 0;
}
*/
.pd-cb {
  height:0px;
}



/*
.table-container {
  height: 400px;
}

table {
  display: flex;
  flex-flow: column;
  height: 100%;
  width: 100%;
}

table thead, table tbody tr {
  display: table;
  table-layout: fixed;
}

table tbody {
  display: block;
  overflow-y: scroll;
}

table tbody tr {
  width: 100%;
}
*/
/*
table tbody td .pd-fdesc {
	max-height: 150px;
*/
	/*display: -webkit-box;*/
/*
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
*/
#sp-noticias-e-comunicados div.search fieldset label.radio input#searchphraseexact, #sp-noticias-e-comunicados div.search fieldset label.radio input#searchphraseany, #sp-noticias-e-comunicados div.search fieldset label.radio input#searchphraseall {
  margin: 10px !important;
}
#sp-noticias-e-comunicados div.search fieldset label.radio {
  margin: 10px !important;
}
#sp-noticias-e-comunicados div.search .badge {
  color: #000 !important;
}
/** adiciona um scroll a página de wrapper de arquivos quando a página tem comprimento muito pequeno **/
.iframe-wrapper {
  overflow-x: scroll;
}
/** remove os ícones em wrapper **/
.site.helix-ultimate.com-phocadownload #cookieMessageContainer, .site.helix-ultimate.com-phocadownload #icone-link-whatsapp-contato, .site.helix-ultimate.com-phocadownload #icone-link-telegram-contato, .site.helix-ultimate.com-phocadownload #chat-frame {
    display: none;
}
/** remove o popup de cookies das regiões de lista wrapper de arquivos
div div.eacc-widget-container {
  display: none;
} **/
/** remove o conteúdo de marca d'agua dos popups de cookies
div.eacc-widget-container div {
  display: none;
} **/
/** reinsere a visualização os popups removidos no trecho anterior
div.eacc-item-container, div.eacc-item-container div.eacc-message-component, div.eacc-item-container div.eacc-actions-actions {
  display: flex !important;
} **/
/** reinsere a visualização os botões dos popups removidos há dois trechos anteriores
div.eacc-item-container div.eacc-message-component div.eacc-message-text, div.eacc-item-container div.eacc-actions-actions div.eacc-actions-accept, div.eacc-item-container div.eacc-actions-actions div.eacc-actions-decline {
  display: block !important
} **/

/** Controla a fonte de todos os itens e subitens do menu para não haver diferenças entre fontes <span> e <p> **/
.sp-menu-item.sp-has-child span {
  font-family: gothambook !important;
}

/** define o posicionamento do ícone VLibras na página **/
div[vw] {
  max-width: 30px !important;
  left:0 !important;
  right: none !important;
}
/** define o posicionamento da janela VLibras na página **/
[vw] [vw-plugin-wrapper] {
  float: left !important;
  min-width: 300px !important;
}
/** define que a animação de popup do VLibras apareça direcinado a direita do ícone **/
[vw] [vw-access-button].active {
  right: auto !important;
  left: 0px !important;
  flex-direction: row !important;
}
[vw] [vw-access-button] .pop-up {
  left: 50px !important;
}
/** define que o popup de tutorial do VLibras apareça direcinado a direita e acima da janela do VLibras **/
[vp] [vp-main-guide-screen].vp-enabled {
  top: 50px !important;
  left: 310px !important;
  right: 50px !important;
  z-index: 2147483648 !important; /** a div parent "div[vw]" tem uma z-index de 2147483647 em !important dificultando a alteração para valores mais baixos **/
}

/** define o distanciamento da base da página para se distanciar do ícone de chatbot **/
.sp-scroll-up {
  /* bottom: 280px !important; */
  bottom: 80px !important;
}
/** define o pointer na seta de retorno ao topo **/
.sp-scroll-up .fas.fa-angle-up {
    cursor: pointer;
}
/** define o distanciamento lateral do slider em relação ao bloco de conteúdo da página **/
#sp-loja-virtual-slider #sp-slider {
  padding-left: 0px;
  padding-right: 0px;
}
/** define a adição do ícone de seta nos submenus com submenus filhos **/
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child > a::after, #sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child > span::after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  float: right;
  margin-left: 7px;
  font-weight: 900;
}
/** define o :hover background individual dos itens dos submenus dropdowns do menu principal **/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {
    background-color: rgb(60, 93, 136);
}
/** define o estilo em cor quando em :hover do texto individual dos itens dos submenus dropdown do menu principal **/
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a, #sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > span {
    color: #fff;
}
/** define o espaçamento do grupo dos itens dos submenus dropdowns do menu principal **/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 10px 0px !important;
  	left: -20px !important;
  	position: inherit;
	width: 250px;
}
/** define a distância a esqurda do grupo dos itens dos submenus dropdowns do menu principal **/
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner {
  	left: -110px !important;
}
/** define o espaçamento dos itens dos submenus dropdowns do menu principal **/
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, #sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > span {
    padding: 5px 20px !important;
}
/** define a altura mínima dos itens das tabs no módulo "QlueTabs" **/
/** (por padrão quando clicava rm uma aba desta ou de outra página a anterior minimizava a 0px de altura) **/
.fancypantsaccordionholder .accordion li.accordion-item {
    min-height: 30px;
}
/** define a visualizaaço de tabs no módulo "QlueTabs" **/
/** (por padrão quando clicava rm uma aba de outra página a anterior desaparecia) **/
#sp-noticias-e-comunicados .article-details .nav-tabs .nav-item .nav-link {
    display: block !important;
}
/** define o tamanho e tamanho máximo dos botões imagens "Acesse Aqui" nas páginas da Transparência **/
#content_IMAGEM img {
    width: 200px !important;
    max-width: none;
}
/** define o distanciamento do conteúdo em páginas da transparência **/
#sp-transparencia .sp-module {
    padding: 30px 0px;
}

/** Tabela responsiva */
.div-table-responsive {
  overflow-x:auto !important;
}

/** Tabela com bordas com coluna
td {
    border-width: 0 thin !important;
    border-style: solid !important;
    border-color: #000 !important;
}
 */
#sp-noticias-e-comunicados .tabswrap .list-wrap {
    margin: 30px 0px 0px 0px !important;
}

#sp-noticias-e-comunicados .pagination-wrapper .pagination.ms-0.mb-4 {
    margin-bottom: 0px !important;
}

#sp-noticias-e-comunicados .pagination-counter.text-muted.mb-4 {
    margin-bottom: 0.5rem !important;
}

/* Dentro de um wrapper de um artigo, remove o cabecalho, ttulo do artigo e o footer */
#sp-noticias-e-comunicados header, #sp-noticias-e-comunicados .wrapper .article-details .article-header, #sp-noticias-e-comunicados .wrapper  #sp-portal-caema-footer, #sp-noticias-e-comunicados .wrapper #sp-loja-virtual-footer {
    display:none;
}


/* Remove borda do frame nas páginas de arquivos de categorias */
#sp-noticias-e-comunicados .white .mtcontainer {
    -webkit-box-shadow: none;
    border: none;
}


/* Altera o estilo das estruturas COntent- PageBreak */
#sp-noticias-e-comunicados .pane-sliders .panel .pane-toggler-down, #sp-noticias-e-comunicados .pane-sliders .panel .pane-toggler {
    border: 1px solid #9BBDCC;
    text-align: left;
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
}

/** altera a altura e comprimento do frame do botao chatbutton**/
#iframe-sz-chat .chat-sz4{
  height:95px !important;
  width:255px !important;
}

#iframe-sz-chat .chat {
  height:550px !important;
  width:380px !important;
}
#sp-noticias-e-comunicados .tab-content p {
    text-indent: 0cm !important;
}

.rl_tabs.outline_content > .tab-content {
    border: 0px !important;
    border-radius: 0px;
}

.accordion-body.collapse.show {
    height: 100%;
}


#sp-noticias-e-comunicados #sp-column h3, #sp-noticias-e-comunicados .article-list, #sp-noticias-e-comunicados .article-introtext {
    display: none;
}


div.accordion-heading strong a.accordion-toggle.collapsed, div.accordion-heading strong a.accordion-toggle {
    font-size: 22px; !important
}
/**/
#sp-noticias-e-comunicados p .site.helix-ultimate.com-phocadownload {
    text-indent: 0cm !important;
}

.site.helix-ultimate.com-phocadownload .sp-scroll-up, .site.helix-ultimate.com-phocadownload [vw] [vw-access-button] .access-button, .site.helix-ultimate.com-phocadownload iframe#iframe-sz-chat, .site.helix-ultimate.com-phocadownload #sp-header, .site.helix-ultimate.com-phocadownload #sp-portal-caema-footer {
    display: none !important;
}

iframe.wrapper {
    height: 450px !important;
  	display: flex;
}


/* Página de pesquisa Ajax - topo de página */
#sp-noticias-e-comunicados .search #searchForm .form-search-ordener {
  display: flex;
}

#sp-noticias-e-comunicados .search #searchForm .form-search-ordener fieldset {
  display: flex;
  flex-flow: wrap;
  align-items: flex-start;
  width: 60%;
}

#sp-noticias-e-comunicados .search #searchForm .form-search-ordener .form-group {
  display: flex;
  flex-flow: wrap;
  width: 40%;
}

#sp-noticias-e-comunicados .search #searchForm .form-search-ordener .form-group .form-check-inline {
  width: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-flow: wrap;
}

/* altera estilo do botao de downloads das páginas de downlaod do menu */
#sp-noticias-e-comunicados #phoca-dl-file-box #phocadownloadform input#pdlicensesubmit {
  	padding: 0px;  
  	border-radius: 5rem !important;
}

/* altera o distanciamento de imagens em artigos em #sp-noticias-e-comunicados */
#sp-noticias-e-comunicados div.article-details div p img, #sp-noticias-e-comunicados div.article-details div img {
    padding: 10px 25px;
}

/* :hover de imagens-botao que redireciona para página de visualização de arquivos */
.content_TEXTOS_IMAGENS .content_TEXTO_IMAGEM .content_IMAGEM_texto a img:hover {
    transform: scale3d(1.07,1.07,1.07);
    transition-duration: 0.02s;
    transition-timing-function: linear;
    transition-delay: 0.001s;
    filter: brightness(97%);
}

#sp-noticias-e-comunicados td span {
    font-size: 22px !important;
}

#sp-noticias-e-comunicados td {
    font-size: 17px;
}

#sp-noticias-e-comunicados p {
    /*text-indent: 1.75cm;*/
    text-align: justify;
}

#sp-noticias-e-comunicados p.content_IMAGEM_DESCRICAO  {
    text-align: center;
}

#sp-noticias-e-comunicados .content_TEXTO_imagem p {
    text-indent: 2em;
    text-align: center;
}

#sp-noticias-e-comunicados .content_IMAGEM_texto a {
    justify-content: center;
    display: flex;
}

#sp-noticias-e-comunicados p b {
    font-size: 22px;
}

#sp-noticias-e-comunicados .pager, #sp-noticias-e-comunicados .article-print-email {
    display: none;
}

#sp-noticias-e-comunicados .content_IMAGEM_texto {
    padding-left: 40px;
}

.content_IMAGEM {
  	width: 300px !important;
}

/* modifica os botões imagem da OUVIDORIA em tamanho */
.ouvidoria_links .content_IMAGEM {
  	width: 450px !important;
}

/* Lista de arquivos para download em um artigo */
.content_TEXTOS_IMAGENS {
    display: contents;
    width: 950px;
    align-content: center !important;
}

/* altera o distanciamento lateral do conteúdo dos artigos acordeon */ 
/* Arquivos para download em um artigo */
.content_TEXTO_IMAGEM {
    padding: 20px 50px;
}


/* remoção das informações e acesso ao autor, a categoria que está inserida a publicação, sua data de publicação e quantidade de acessos */
#sp-noticias-e-comunicados .article-info, #sp-noticias-e-comunicados .article-details .article-can-edit {
    display: none !important;
}


   


.com-phocadownload .enabled {
    display: none !important;
}


.site.helix-ultimate.com-phocadownload .article-details #sp-component .pd-cb {
    display: none !important;
}
/**/
/* Página de notícias e comunicados com quadros modificada em animacação de :hover */
#sp-noticias-e-comunicados div.article-details div .mfp_default_skin_card .mfp-grid .mfp_default_item div.mfp_thumb_pos_top img:hover {
  	transform: scale(0.9);
    transition-duration:0.4s;
    transition-timing-function:linear;
    transition-delay:0.001s;
}

/*          ESTILO DAS PÁGINAS DE ARQUIVO INDIVIDUAL - PHOCA DOWNLOAD        */
#phoca-dl-category-box .pd-category div.pdtop, #phoca-dl-file-box .pd-file div.pd-filename, #phoca-dl-file-box .pd-file div.pdtop, #phoca-dl-download-box .pd-file div.pdtop, #phoca-dl-category-box .pd-category h3.pd-ctitle,  #phoca-dl-download-box .pd-file h3.pd-ctitle, #phoca-dl-category-box .pagination, #phoca-dl-category-box .pagination div ul { 
    display: none;
}

/****/
.gkTabsContainer {
  min-height: 0px !important;
}

/** Modifica a pagina do arquivo do phocadownload com alteracão da estrutura de informações adicionais diminuindo o fonte em 10px, removendo a margem ao total de 0px e diminuindo o padding em altura em 10px **/
#phoca-dl-file-box .pd-title {
	margin-bottom: 0px !important;
	padding: 10px 10px 10px 10px !important;
	font-size: 12px !important;
}

/* Cursor de next e prev */
.gkTabsButtonNext, .gkTabsButtonPrev {
    height: 28px !important;
    top: 51% !important;
    width: 28px !important;
}

/* Ponteiro do cursor de next e prev*/
.gkTabsButtonNext:before, .gkTabsButtonPrev:before {
    font-size: 20px !important;
    line-height: 25px !important;
    width: 28px !important;
}

/* 	:hover nas imagens da ouvidoria     */
#sp-noticias-e-comunicados img.img_ouvidoria:hover, #content_SES_SECID_RELATORIO {
    transform: scale3d(1.07,1.07,1.07);
    transition-duration: 0.02s;
    transition-timing-function: linear;
    transition-delay: 0.001s;
    filter: brightness(97%);
}


/* Transparencia */
#title_box {
  padding: 20px 0px;
}

/*	PORTAL CAEMA - Página de Segurança da Informação			 							*/	
#content_IMAGE_TEXT {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#content_IMAGE_TEXT .content_IMAGE_TEXT {
  display: inline-table;
  width: 390px;
  height: auto;
  padding: 10px;
}

/*	PORTAL CAEMA - Página de Licenças Ambientais			 							*/	
.content_IMAGENS {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.content_IMAGENS #content_IMAGEM {
  display: inline-table;
  width: auto;
  height: auto;
  padding: 50px;
  width: 250px;
}

.ouvidoria_links .content_IMAGENS .content_IMAGEM {
    display: flex;
  	width: auto;
    justify-content: center;
    flex-wrap: wrap;
}

.content_IMAGENS .content_IMAGEM_DESCRICAO {
  width:  250px;
}

/* 	:hover nas imagens de artigos     */
.content_IMAGEM a img:hover {
    transform: scale3d(1.07,1.07,1.07);
    transition-duration: 0.02s;
    transition-timing-function: linear;
    transition-delay: 0.001s;
    filter: brightness(100%);
}

.content_IMAGENS #content_IMAGEM.relatorio_anual_ouvidoria__item {
  width: 200px;
}


/*	PORTAL CAEMA - Páginas Transparência				 							*/
.content_SES_SECID_RELATORIO {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

#content_SES_SECID_RELATORIO {
  display: inline-table;
  margin: 14px 15px;
  height: auto;
  max-width: 500px !important;
  min-width: 150px !important;
  padding: 10px 50px !important;
}


/*
#title_box #content_title {
  font-size: 70px;
  border: black 2px solid;
  text-align-last: center;
  height: 130px;
  padding: 5px;
}

#title_box #content_subtitle {
  font-size: 40px;
  border: black 2px solid;
  text-align-last: center;
  height: 70px;
  
}
*/

#sp-tabs-transparencia .gkTabsItem.gk-opacity.gk-active a {
  border-bottom: 0.5px solid;
  margin: 100px;
}

#sp-tabs-transparencia .gkTabsItem.gk-opacity.gk-active {
  text-align-last: center;
  height: 110px;
  padding: 90px;
}

/*	  Estilo da imagem inserida em pseudo-classe ::before 					*/
#sp-loja-virtual-links-centrais #sp-position4 .image-menu .img .desc a.item-links-laterais-minha-conta::before{
  content: url("images/lojavirtal-linkscentrais/links-laterais/minha-conta.png");
  transform: scale(1.0);
  display: inherit;
  height: 10px;
  width: 20px;
  margin: 2px 0px 0px -30px;
}
/*	  Estilo do posicionamento do posicionamento da âncora <a>  					*/
#sp-loja-virtual-links-centrais #sp-position4 .image-menu .img .desc a.item-links-laterais-minha-conta {
    display: block !important;
    height: 35% !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: 20px !important;
    margin-top: 3px !important;
    font-size: 16px !important;
    vertical-align: middle !important;
}
#sp-loja-virtual-links-centrais #sp-position4 .image-menu .img .desc a.item-links-laterais-atualizar-meu-cadastro::before {
  content: url("images/lojavirtal-linkscentrais/links-laterais/atualizar-meu-cadastro.png");
  transform: scale(1.0);
  display: inherit;
  height: 0px;
  width: 20px;
  margin: 2px 0px 0px -30px;
}
/*	  Estilo do posicionamento do posicionamento da âncora <a>  					*/
#sp-loja-virtual-links-centrais #sp-position4 .image-menu .img .desc a.item-links-laterais-atualizar-meu-cadastro {
    display: block !important;
    height: 35% !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: 20px !important;
    margin-top: 3px !important;
    font-size: 16px !important;
    vertical-align: middle !important;
}
#sp-loja-virtual-links-centrais #sp-position4 .image-menu .img .desc a.item-links-laterais-abastecimento-de-agua::before{
  content: url("images/lojavirtal-linkscentrais/links-laterais/abastecimento-de-agua.png");
  transform: scale(1.0);
  display: inherit;
  height: 0px;
  width: 20px;
  margin: 2px 0px 0px -30px;
}
/*	  Estilo do posicionamento do posicionamento da âncora <a>  					*/
#sp-loja-virtual-links-centrais #sp-position4 .image-menu .img .desc a.item-links-laterais-abastecimento-de-agua {
    display: block !important;
    height: 35% !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: 20px !important;
    margin-top: 3px !important;
    font-size: 16px !important;
    vertical-align: middle !important;
}
#sp-loja-virtual-links-centrais #sp-position4 .image-menu .img .desc a.item-links-laterais-vazamentos::before{
  content: url("images/lojavirtal-linkscentrais/links-laterais/vazamentos.png");
  transform: scale(1.0);
  display: inherit;
  height: 10px;
  width: 20px;
  margin: 2px 0px 0px -30px;
}
/*	  Estilo do posicionamento do posicionamento da âncora <a>  					*/
#sp-loja-virtual-links-centrais #sp-position4 .image-menu .img .desc a.item-links-laterais-vazamentos {
    display: block !important;
    height: 35% !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: 20px !important;
    margin-top: 3px !important;
    font-size: 16px !important;
    vertical-align: middle !important;
}
#sp-loja-virtual-links-centrais #sp-position4 .image-menu .img .desc a.item-links-laterais-declaracoes-de-certidoes::before{
  content: url("images/lojavirtal-linkscentrais/links-laterais/declaracoes-de-certidoes.png");
  transform: scale(1.0);
  display: inherit;
  height: 0px;
  width: 20px;
  margin: 2px 0px 0px -30px;
}
/*	  Estilo do posicionamento do posicionamento da âncora <a>  					*/
#sp-loja-virtual-links-centrais #sp-position4 .image-menu .img .desc a.item-links-laterais-declaracoes-de-certidoes {
    display: block !important;
    height: 35% !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: 20px !important;
    margin-top: 3px !important;
    font-size: 16px !important;
    vertical-align: middle !important;
}
#sp-loja-virtual-links-centrais #sp-position4 .image-menu .img .desc a.item-links-laterais-informacoes::before{
  content: url("images/lojavirtal-linkscentrais/links-laterais/informacoes.png");
  transform: scale(1.0);
  display: inherit;
  height: 10px;
  width: 20px;
  margin: 2px 0px 0px -30px;
}
/*	  Estilo do posicionamento do posicionamento da âncora <a>  					*/
#sp-loja-virtual-links-centrais #sp-position4 .image-menu .img .desc a.item-links-laterais-informacoes {
    display: block !important;
    height: 35% !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: 20px !important;
    margin-top: 3px !important;
    font-size: 16px !important;
    vertical-align: middle !important;
}

#sp-loja-virtual-links-centrais #sp-position4 {
    margin: 25px 0;
}

/*	  Estilo da caixa dos blocos de links centrais 					*/
#sp-loja-virtual-links-centrais #sp-position4 .image-menu .img {
    display: inline-table;
    width: 250px;
    height: 55px;
    padding: 1px 25px;
    margin: 15px;
    border: solid 1px;
    border-radius: 25px 25px 25px 25px;
    border-color: #438DB8;
    /*
    border-radius: 0px 0px 0px 0px;
    border-radius: 0px 20px 0px 20px;
    */
}

/*	LOJA VIRTUAL - Estilo nos blocos de links centrais				 					*/
#sp-loja-virtual-links-centrais #sp-position4 .image-menu {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

/*			Hover nos blocos de links centrais						*/
#sp-loja-virtual-links-centrais #sp-position4 .image-menu .img:hover{
  background-color: #CCDDE5;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  transform: scale(1.10);
  transition-duration:0.05s;
  transition-timing-function:linear;
  transition-delay:0.001s;
}


/*	  Estilo dos icones dos itens de #menu-body			 					
#sp-loja-virtual-links-centrais #sp-position5 .image-menu .img .img-no-hover {
    display: block;
    margin-left: auto;
    margin-right: auto;
  	height: 100;
    width: 100px !important;
}
*/
/*	  Estilo dos icones dos itens de #menu-body			 					
#sp-loja-virtual-links-centrais #sp-position5 .image-menu .img .img-on-hover {
    width: 0px !important;
}
*/

/*	  Estilo da imagem inserida em pseudo-classe ::before 					*/
#sp-loja-virtual-links-centrais #sp-position5 .image-menu .img .desc a::before{
  content: url("images/lojavirtal-linkscentrais/links-centrais/seta.png");
  transform: scale(0.6);
  display: inherit;
  height: 0px;
  width: 20px;
  margin: 2px 0px 0px -35px;
}

/*	  Estilo do posicionamento do posicionamento da âncora <a>  					*/
#sp-loja-virtual-links-centrais #sp-position5 .image-menu .img .desc a.item-links-centrais {
    display: block !important;
    height: 35% !important;
    width: 100% !important;
    text-align: center;
    margin-left: 20px !important;
}

#sp-loja-virtual-links-centrais #sp-position5 {
    margin: 25px 0;
}

/*	  Estilo da caixa dos blocos de links centrais 					*/
#sp-loja-virtual-links-centrais #sp-position5 .image-menu .img {
    display: inline-table;
    width: 300px;
    height: 210px;
    padding: 30px;
    margin: 15px;
    border: solid 1px;
    border-radius: 10px 10px 10px 10px;
    border-color: #438DB8;
    /*
    border-radius: 0px 0px 0px 0px;
    border-radius: 0px 20px 0px 20px;
    */
}

/*	LOJA VIRTUAL - Estilo nos blocos de links centrais				 					*/
#sp-loja-virtual-links-centrais #sp-position5 .image-menu {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

/*			Hover nos blocos de links centrais						*/
#sp-loja-virtual-links-centrais #sp-position5 .image-menu .img:hover {
  background-color: #EEFDFE;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  transform: scale(1.10);
  transition-duration:0.05s;
  transition-timing-function:linear;
  transition-delay:0.001s;
}

/*#sp-loja-virtual-links-centrais #sp-position5 .linha-tabela .menu {
  width: 300px;
  height: 175px;
  padding: 25px;
  margin: 10px;
  border: solid 1px;
  border-radius: 0px 20px 0px 20px;
}

#sp-loja-virtual-links-centrais #sp-position5 .linha-tabela {
  width: 320px !important;
  height: 175px !important;
}

#sp-loja-virtual-links-centrais #sp-position5 {
  margin: 25px 0;
}



#sp-section-1 #sp-logo .logo-image {
    height: 35px;
    width: 50px;
}

#sp-menu-body-01 a img:last-child {
  display: none;  
}
#sp-menu-body-01 a img:hover:last-child {
  display: block;  
}
#sp-menu-body-01 a:hover img:first-child {
  display: none;  
}
*/

body h1, body h2, body h3, body h4, body h5, body span, body p {
  cursor: default;
}

#sp-portal-caema-noticias h3, #sp-portal-caema-comunicados h3, #sp-portal-caema-comunicados span {
  cursor: default;
}

/**************************************************************************************************/
/*                                 *** NOTÍCIAS E COMUNICADOS ***                                 */
/*                       (COMO TAMBÉM CONTÉUDOS DOS USUÁRIOS-PUBLICADORES)                        */
/*
#sp-noticias-e-comunicados {
    padding: 35px 0px;
}
*/
/* define uma margem para os conteudos dentro das subpaginas de noticias e comunicados */
section#sp-noticias-e-comunicados .container {
  margin: 10px auto;
}
/* define o text de mensagem de falta de conteúdo em visibilidade */
#sp-noticias-e-comunicados div.blog p, #sp-noticias-e-comunicados div.blog div.cat-children {
    display: none;
}

/* define o article de blog em todas as páginas exceto nas dos artigos em visibilidade */
#sp-noticias-e-comunicados div.blog, #sp-noticias-e-comunicados div.blog .d-flex {
}

/* define o componente de artigos da página de artigos em distanciamento */
#sp-noticias-e-comunicados div.article-details, #sp-noticias-e-comunicados div.article-list,  #sp-noticias-e-comunicados div.pd-file-view {
/*,  #sp-noticias-e-comunicados div.pd-category-view {*/
    padding: 30px 0px;
}

/* define o componente de artigos da página de artigos em distanciamento */
#sp-noticias-e-comunicados div.pd-file-view {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

/* define o componente de artigos da página de artigos em distanciamento */
#sp-noticias-e-comunicados #phoca-dl-file-box.pd-file-view {
  	background-color: #efefef;
}

/* define o componente de artigos de página de artigos em comprimento máximo */
#sp-noticias-e-comunicados div.blog .article-list .article .article-intro-image img {
    max-width: 100%;
}

/* define o componente de resultados de pesquisa da página de resultados de pesquisa em distanciamento */
#sp-noticias-e-comunicados div.search {
    padding: 25px 0px;
}

/* define o componente de usuários-publicadores da página de listagem de artigos em distanciamento */
#sp-noticias-e-comunicados div.category-list {
    padding: 35px 0px;
}

/* define o componente de usuários-publicadores da página de criação e edição de artigos em distanciamento */
#sp-noticias-e-comunicados div.edit.item-page {
    padding: 35px 0px;
}

/* define o componente de usuários-publicadores da página de perfil de usuarios em distanciamento */
#sp-noticias-e-comunicados div.profile {
    padding: 35px 0px;
}

/* define o componente de usuários-publicadores da página de login de usuarios em distanciamento */
#sp-noticias-e-comunicados div.login {
    padding: 35px 0px;
}

/* define o componente de usuários-publicadores da página de resetar login de usuarios em distanciamento */
#sp-noticias-e-comunicados div.reset {
    padding: 35px 0px;
}

/* define o componente de usuários-publicadores da página de relembrar login de usuarios em distanciamento */
#sp-noticias-e-comunicados div.remind {
    padding: 35px 0px;
}

/*define estilo das tabs da página de caderno de encargos */
#sp-noticias-e-comunicados div.caderno-de-encargos-module .joomla-tabs.nav-tabs .nav-link {
  background-color: #eee;
  color: #055AA8;
}
#sp-noticias-e-comunicados div.caderno-de-encargos-module .joomla-tabs.nav-tabs .nav-link:hover {
  background-color: #ccc;
}
#sp-noticias-e-comunicados div.caderno-de-encargos-module .joomla-tabs.nav-tabs .nav-link.active {
  background-color: #055AA8;
  color: #ffffff;
}

#sp-noticias-e-comunicados div.caderno-de-encargos-module .fancypantsaccordionholder .accordion .accordion-item .headerlink .accordion-item {
  background-color: #eee;
  color: #055AA8;
}
#sp-noticias-e-comunicados div.caderno-de-encargos-module .joomla-tabs.nav-tabs .nav-link.active:hover {
  background-color: #338DDF;
}
/**************************************************************************************************/
/*                                         *** HEADER ***                                         */

/* define o header em cor de fundo */
#sp-header {
  	/* Header color da definição anterior: Kamilla 
  	background-color: #71BBDB;
  	*/
  	background-color: #2E92EE;
  	box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.0);
}
/* centraliza o menu no header */
#sp-header #sp-menu nav.sp-megamenu-wrapper.d-flex {
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}
/* define a cor do background do header quando scrolled */
#sp-header.header-sticky {
  	background-color: rgb(255, 255, 255);
}

/* define a barra de header quando está no topo em tamanho de fonte e cor */	
#sp-header .sp-megamenu-parent > li > a, #sp-header .sp-megamenu-parent > li > span {
    font-size: 10px;
  	color: #FFFFFF;
  	font-weight: bold;
}

/* define os índices do menu em tamanho e cor da fonte */
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, #sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > span {
    font-size: 14px;
  	color: #476E81;
}

/* define a caixa de índice do menu em distanciamento /
#sp-header .sp-megamenu-parent > li > a, #sp-header .sp-megamenu-parent > li > span {
  padding: 0 10px;
}

/* define familia de fonte Gotham de tamanho médio para os índices de menu */
#sp-header .sp-megamenu-parent > li > a, #sp-header .sp-megamenu-parent > li > span.sp-menu-heading {
  font-family: gothammedium !important;
}

/*		Animação :hover texto link menu header								*/
/* define o estilo do header quando rm scrolled */
#sp-header .sp-megamenu-parent > li > a:hover,
#sp-header.header-sticky .sp-megamenu-parent > li > a:hover,
#sp-header .sp-megamenu-parent > li > span:hover,
#sp-header.header-sticky .sp-megamenu-parent > li > span:hover{
  	color:  #CECECE;
  	transform: scale(0.9);
    transition-duration:0.4s;
    transition-timing-function:linear;
    transition-delay:0.001s;
}


/* gera animação da caixa e fonte dos subíndices do menu quando .active */
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a,
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > span {
	color: #476E81 !important ;
  	transform: scale(0.9);
    transition-duration:0.4s;
    transition-timing-function:linear;
    transition-delay:0.001s;
}

/* gera animação da caixa e fonte dos sub-índices do menu quando :hover */
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > span:hover {
	color: #fff !important ;
  	transform: scale(0.9);
    transition-duration:0.4s;
    transition-timing-function:linear;
    transition-delay:0.001s;
}

/* define o tamanho e cor dos índices do menu do header quando scrolled */
#sp-header.header-sticky .sp-megamenu-parent > li > a, #sp-header.header-sticky .sp-megamenu-parent > li > span {
  	font-size: 10px;
  	color: #5FB5D6;
  	font-weight: bold;
}

/* define o tamanho e cor dos sub-índices do menu do header quando scrolled */
#sp-header.header-sticky .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, #sp-header.header-sticky .sp-megamenu-parent .sp-dropdown li.sp-menu-item > span {
    font-size: 13px;
  	color: #476E81;
}

/* gera animação da caixa dos índices do sub menu do header quando scrolled e :hover */
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
#sp-header.header-sticky .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
#sp-header.header-sticky .sp-megamenu-parent .sp-dropdowns li. sp-menu-item.active > a,
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > span:hover,
#sp-header.header-sticky .sp-megamenu-parent .sp-dropdown li.sp-menu-item > span:hover,
#sp-header.header-sticky .sp-megamenu-parent .sp-dropdowns li. sp-menu-item.active > span {
	color: #5FB5D6 !important ;
  	transform: scale(0.9);
    transition-duration:0.4s;
    transition-timing-function:linear;
    transition-delay:0.001s;
}

/* define o logo da página no header em visualização e posicionamento */
#sp-header .logo {
  display: flex !important;
  justify-content: center;
}

/* define a altura do logo da página do header quando está no topo */
#sp-header #sp-logo .logo a .logo-image {
  width: 130px;
  height: 45px;
}
/* define o comprimento e altura do logo da página do header quando scrolled */
#sp-header.header-sticky #sp-logo .logo a .logo-image {
  width: 95px !important;
  height: 30px;
}

/* define a cor do ícone offcanvas quando no topo */
#sp-header #offcanvas-toggler > .fa {
  color: #666;
}

/* define a cor do ícone offcanvas quando scrolled */
#sp-header.header-sticky #offcanvas-toggler > .fa {
  color: #888;
}

/* define o background e borda do campo de persquisa em background e borda */
#sp-header #roksearch_search_str {
    background: #6f6f6f;
    border: none !important;
    background-color: #C9E0F0;
    border-radius: 15px;
    height: 30px !important;
}

/* define o campo de pesquisa e links do menu superior em margem */
#sp-search form#rokajaxsearch {
    margin: 0px !important;
}

/* define o campo de pesquisa em alinhamento, posicionamento, visualização, altura, largura */
#sp-header #sp-search .sp-column {
    align-items: center;
    justify-content: center;
    display: flex;
 	  align-content: center;
  	flex-wrap: wrap;
  	flex-flow: inherit;
  	height: 100%;
  	width: 100%;
}

/* campo de busca de teste

#sp-header #divBusca {
  position: relative;
  background-color: #C9E0F0;
  border-radius: 15px;
  margin: 5px;
  width: 170px;
  height: 30px;
}


#sp-header #txtBusca {
  float: left;
  background-color: transparent;
  padding: 6px 2px 6px 15px;
  font-style: normal;
  font-size: 13px;
  border: none;
  height: 30px;
  width: 72%;
}

#sp-header #divBusca img {
  filter: opacity(50%);
  float: right;
  height: 17px;
  width: 17px;
  margin: 6px 7px 8px 6px ;
}

#sp-header.header-sticky #divBusca {
  background-color: #C9E0F0;
}

#sp-header #divBusca img:hover {
  filter: opacity(100%);
  transform: scale(1.4);
  transition-duration:0.05s;
  transition-timing-function:linear;
  transition-delay:0.001s;
}
*/

/* define o campo dos ícones de redes sociais no header em posicionamento, margem, altura, largura e alinhamento */
#sp-header #connectsocial {
  position: relative;
  /*
  height: 50px;
  margin: 5px;
  */
  width: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* define os ícones de redes sociais no header em filtro de imagem, flutuação, altura, largura e margin */
#sp-header #connectsocial img {
  filter: invert(100%);
  float: left;
  height: 24px;
  width: 24px;
  margin: 5px;
}

/* define os ícones de redes sociais no header em filtro de imagem, flutuação, altura, largura e margin quando em :hover*/ 
#sp-header #connectsocial img:hover {
  filter: invert(80%);
  transform: scale(1.4);
  transition-duration:0.05s;
  transition-timing-function:linear;
  transition-delay:0.001s;
}

/* define o campo dos ícones de redes sociais no header em inversão de cores quando em scrolled */
#sp-header.header-sticky #connectsocial img {
	filter: invert(55%);
}

/* define os ícones de redes sociais no header em inversão de cores quando em scrolled */
#sp-header.header-sticky #connectsocial img:hover {
	filter: invert(80%);
}

/* campo de pesquisa em teste
#sp-header .sp-module .search .form-control {
  position: relative;
  background-color: #C9E0F0;
  border-radius: 15px;
  height: 30px;
  padding: 6px 2px 6px 15px;
  font-style: normal;
  font-size: 13px;
  border: none;
  width: 100%;
}
*/


/************************************Responsividade Header*************************************/

/* define a responsividade do header menor que 992px de largura */
@media
  only screen and (max-width: 975px) {
    /** centraliza o toggler do offcanvas ao centro do topo da página **/
	#sp-header #offcanvas-toggler.offcanvas-toggler-right {
    	margin-left: 60% !important;
    }
    
    #sp-header #connectsocial {
      	height: 30px !important;
    }
    
	#sp-header #sp-search #connectsocial {
    	margin: 0px 0px 0px 0px;
	}
}

/* define a responsividade do header entre 975px e 1200px */
@media
  only screen and (min-width: 975px) and (max-width: 1200px) {
  /* define o campo de redes sociais do header em margem 
	#sp-header #sp-search #connectsocial {
    margin: 10px 10px 10px 10px;
	}
  */
}

/* define a responsividade do header entre 1200px e 1300px */
@media
  only screen and  (min-width: 1200px) and (max-width: 1300px) {
    /* define campo de busca e redes sociais em margem */
    #sp-header  #divBusca,
    #sp-header  #connectsocial {
        margin: 5px 0;
    }

    #sp-header .sp-megamenu-parent > li > a,
    #sp-header.header-sticky .sp-megamenu-parent > li > a,
    #sp-header .sp-megamenu-parent > li > span,
    #sp-header.header-sticky .sp-megamenu-parent > li > span {
      font-size: 9px;
      font-weight: normal;
    }
}

/* define a responsividade do header entre 992px e 1200px */
@media
  only screen and (min-width: 992px) and (max-width: 1200px) {
    #sp-header #sp-logo .logo a .logo-image {
      	width: 80px !important;
        height: 25px !important;
    }
    
    #sp-header.header-sticky #sp-logo .logo a .logo-image {
      	width: 84px !important;
        height: 28px !important;
    }

    #sp-header .sp-megamenu-parent > li > a,
    #sp-header.header-sticky .sp-megamenu-parent > li > a,
    #sp-header .sp-megamenu-parent > li > span,
    #sp-header.header-sticky .sp-megamenu-parent > li > span {
      font-size: 7px;
    }
}

/* define a responsividade do header entre 767px e 992px */
@media
  only screen and (min-width: 767px) and (max-width: 992px) {
  /* define logo em altura em modo normal e scrolled */
	#sp-header #sp-logo .logo a .logo-image,
	#sp-header.header-sticky #sp-logo .logo a .logo-image {
	    height: 25px !important;
	}
}

/* define a responsividade do header entre 565px e 767px */
@media
  only screen and (min-width: 565px) and (max-width: 767px) {
  /* define logo em altura em modo normal e scrolled */
	#sp-header #sp-logo .logo a .logo-image,
	#sp-header.header-sticky #sp-logo .logo a .logo-image {
	    height: 20px !important;
	}
}

/* define a responsividade do header acima de 1200px */
@media
only screen and (min-width: 1200px){
  /* define o container do header em largura quando scrolled */
	#sp-header .container {
	    max-width: 1300px !important;
	}
}

/* define a responsividade do header entre 565px e 767px */
@media
  only screen and (min-width: 250px) and (max-width: 1200px) {
  /* define o campo de pesquisa do header em fluxo */
	#sp-header #sp-search .sp-column {
  	flex-flow: wrap;
  }
  
  /* define o campo de pesquisa do header em margem */
  #sp-header #sp-search #divBusca {
    margin: 10px 10px 10px 10px;
  }

  /* define o campo de redes sociais do header em margem
	#sp-header #sp-search #connectsocial {
    margin: 10px 10px 10px 10px;
	} */

  /* define os ícones do campo de redes sociais do header em inversão de cores */
	#sp-header #connectsocial img {
	  filter: invert(40%);
	}

  /* define os ícones do campo de redes sociais do header em opacidade de cores quando em :hover */
	#sp-header #connectsocial img:hover {
	  filter: opacity(80%);
	}
}

  /* define o campo de busca do header em margem */
#sp-header #sp-search .sp-module {
    margin: auto;
}

/* define a responsividade do header entre 565px e 767px */
@media
  only screen and (min-width: 770px) and (max-width: 1024px) {
  /* define o campo de pesquisa do header em margem e largura */
  #sp-header #sp-search #divBusca {
    margin: 15px 5px 5px 5px;
    width: 200px;
  }
  
  /* define o ícone do campo de pesquisa do header em altura, largura e margem */
  #sp-header #sp-search #divBusca img {
    height: 15px;
    width: 15px;
    margin: 8px 7px 7px 5px;
  }
}

/* define a responsividade do header entre 565px e 767px */
@media
  only screen and (min-width: 565px) and (max-width: 770px) {
  /* define o campo de pesquisa do header em margem */
  #sp-header #sp-search #divBusca {
    margin: 15px 5px 5px 5px;
  }
  
  /* define o ícone do campo de pesquisa do header em altura, largura e margem */
  #sp-header #sp-search #divBusca img {
    height: 14px;
    width: 14px;
    margin: 8px 5px 8px 1px;
  }
  
  /* define o campo de redes sociais do header em margem */
  #sp-header #sp-search #connectsocial {
    margin: 5px
  }

  /* define os ícones de redes sociais do header em altura, largura e margem */
  #sp-header #sp-search #connectsocial img {
  	height: 24px;
    width: 24px;
    margin: 5px;
  }
}

/* define a responsividade do header entre 565px e 767px */
@media
  only screen and (min-width: 335px) and (max-width: 565px) {
  /* define o ícone de logo em altura em modo normal e em scrolled */
  #sp-header #sp-logo .logo a .logo-image,
  #sp-header.header-sticky #sp-logo .logo a .logo-image,
  #sp-header.header-sticky #sp-logo .logo a .logo-image-phone {
    height: 25px !important;
  }
  
  /* define o campo de pesquisa do header em altura, largura e margem */
  #sp-header #sp-search #divBusca {
    height: 30px;
    width: 80px;
    margin: 15px 0 0 0;
  }
  
  /* define o ícone do campo de pesquisa do header em altura, largura e margem */
  #sp-header #sp-search #divBusca img {
    height: 10px;
    width: 10px;
    margin: 9px 3px 9px 1px ;
  }
  
  /* define o campo de redes sociais do header em margem
  #sp-header #sp-search #connectsocial {
    margin: 15px 5px 5px 5px;
  } */
  
  /* define os ícones de redes sociais do header em altura, largura e margem */
  #sp-header #sp-search #connectsocial img {
    height: 24px;
    width: 24px;
    margin: 2px;
  }
}

/* define a responsividade do header entre 565px e 767px */
@media
  only screen and (min-width: 250px) and (max-width: 335px) {
  /* define o ícone de logo em altura em modo normal e em scrolled */
  #sp-header #sp-logo .logo a .logo-image,
  #sp-header.header-sticky #sp-logo .logo a .logo-image,
  #sp-header.header-sticky #sp-logo .logo a .logo-image-phone {
    height: 15px !important;
  }
  
  /* define o campo de pesquisa em distanciamento  */
  #sp-search {
    padding-right: 5px;
    padding-left: 5px;
  }

  /* define o campo de pesquisa do header em altura, largura e margem */
  #sp-header #sp-search #divBusca {
    width: 80px;
    height: 30px;
    margin: 15px 0 0 0;
  }
  
  /* define o ícone do campo de pesquisa do header em altura, largura e margem */
  #sp-header #sp-search #divBusca img {
    height: 10px;
    width: 10px;
    margin: 10px 5px 9px 1px ;
  }
  
  /* define o campo de redes sociais do header em margem
  #sp-header #sp-search #connectsocial {
    margin: 15px 5px 5px 5px; */
  }
  
  /* define os ícones de redes sociais do header em altura, largura e margem */
  #sp-header #sp-search #connectsocial img {
    height: 24px;
    width: 24px;
    margin: 2px;
 	}
}

/* define a responsividade do header entre 565px e 767px */
@media
  only screen and (min-width: 250px) and (max-width: 1200px) {
  /* define o header em cor de fundo */
  #sp-header {
    background-color: #EEEEEE;
  }
  
  /* define a barra de header quando está no topo em cor */  
  #sp-header .sp-megamenu-parent > li > a,
  #sp-header .sp-megamenu-parent > li > span {
    color: #5FB5D6;
  }
}


/**************************************************************************************************/
/*                                     *** MENU DE CORPO ***                                      */

/* define os itens do menu de corpo (itens e descricao) em visualizacao, margem, altura e largura quando em :hover */
/* define a responsividade do header entre 565px e 767px */
@media
  only screen and (min-width: 250px) and (max-width: 767px) {
  /* define o campo de pesquisa do header em fluxo */
	div#n2-ss-6 a {
  		font-size: 50% !important;
	}
}
  
/**************************************************************************************************/
/*                                     *** MENU DE CORPO ***                                      */

/* define os itens do menu de corpo (itens e descricao) em visualizacao, margem, altura e largura quando em :hover */
#sp-portal-caema-menu-body .image-menu .img:hover .img-on-hover {
    display: block;
    margin-left: auto;
    margin-right: auto;
  	height: 114.3px !important;
    width: 100px !important;
}

/* define o icone do item menu de corpo em largura (visualizacao oculta em 0px) quando em :hover */
#sp-portal-caema-menu-body .image-menu .img:hover .img-no-hover {
    width: 0px !important;
}

/* define o icone do menu body em visuzalizacao, margem, altura e largura */
#sp-portal-caema-image-menu .image-menu .img .img-no-hover {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 100;
    width: 100px !important;
}

/* define o icone do item menu de corpo em largura (visualizacao oculta em 0px) */
#sp-portal-caema-image-menu .image-menu .img .img-on-hover {
    width: 0px !important;
}

/* define o itulo do item menu de corpo em altura e alinhamento de texto */
#sp-portal-caema-menu-body .image-menu .img .desc {
    height: 80px;
    text-align: center;
}

/* define o campo do icone do menu de corpo em visualizacao, margem, altura, largura e distanciamento */
#sp-portal-caema-menu-body .image-menu .img {
  display: inline-table;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 5px;
  margin-top: 5px;
  height: 220px;
  width: 142px;
  padding: 10px 15px 10px 15px;
}
/* define o campo de menu de corpo em visualizacao, margem, alinhamento, posicionamento, fluxo e largura */
#sp-portal-caema-menu-body .image-menu {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

/* define o titulo do icone do menu de corpo em posicao, cor e ancora de posicionamento */
#sp-portal-caema-menu-body .image-menu .img .desc h6 {
  	font-weight: 900 !important;
    position: relative;
    color: #476E81;
    top: 15%;
}

/* define titulo do icone de menu de corpo em cor quando em :hover no icone */
#sp-portal-caema-menu-body .image-menu .img:hover .desc h6 {
    color: #ADC3D8;
}

/* define o titulo do icone do menu de corpo em cor */
#sp-portal-caema-menu-body .image-menu .img .desc h6:hover {
    color: #476E81;
}/** define a reponsividade do menu de corpo do site **/
@media
  only screen and (min-width: 20px) and (max-width: 750px) {
    /* define o campo do icone do menu de corpo em visualizacao, margem, altura, largura e distanciamento */
    #sp-portal-caema-menu-body .image-menu .img {
      margin-left: 5px;
      margin-right: 5px;
      padding: 5px 5px 5px 5px;
    }
    /* define os itens do menu de corpo (itens e descricao) em visualizacao, margem, altura e largura quando em :hover */
    #sp-portal-caema-menu-body .image-menu .img:hover .img-on-hover {
        height: 57px !important;
        width: 50px !important;
    }

    /* define o icone do menu body em visuzalizacao, margem, altura e largura */
    #sp-portal-caema-menu-body .image-menu .img .img-no-hover {
        width: 50px !important;
    }
    /* define o titulo do icone do menu de corpo em cor */
    #sp-portal-caema-menu-body .image-menu .img .desc h6 {
      	font-size: 13px !important;
    }
    #sp-portal-caema-menu-body .image-menu .menu {
      	width: 110px;
      	height: 160px;
    }

    /* define o icone do menu body em visuzalizacao, margem, altura e largura 
    #sp-portal-caema-image-menu .image-menu .img .img-no-hover {
        height: 91;
        width: 80px !important;
    }*/
}
/** define a reponsividade do menu de corpo do site **/
@media
  only screen and (min-width: 751px) and (max-width: 1400px) {
    /* define o campo do icone do menu de corpo em visualizacao, margem, altura, largura e distanciamento */
    #sp-portal-caema-menu-body .image-menu .img {
      margin-left: 10px;
      margin-right: 10px;
      padding: 10px 10px 10px 10px;
    }
    /* define os itens do menu de corpo (itens e descricao) em visualizacao, margem, altura e largura quando em :hover */
    #sp-portal-caema-menu-body .image-menu .img:hover .img-on-hover {
        height: 91px !important;
        width: 80px !important;
    }

    /* define o icone do menu body em visuzalizacao, margem, altura e largura */
    #sp-portal-caema-menu-body .image-menu .img .img-no-hover {
        width: 79px !important;
    }
    /* define o titulo do icone do menu de corpo em cor */
    #sp-portal-caema-menu-body .image-menu .img .desc h6 {
      	font-size: 14px !important;
    }

    /* define o icone do menu body em visuzalizacao, margem, altura e largura 
    #sp-portal-caema-image-menu .image-menu .img .img-no-hover {
        height: 91;
        width: 80px !important;
    }*/
}
/** define a reponsividade do menu de corpo do site **/
@media
  only screen and (min-width: 50px) and (max-width: 750px) {
    #sp-portal-caema-menu-body .image-menu .img .desc h6 {
      	font-size: 12px;
    }
    /** define os títulos dos banners menores na região notícias em fonte **/
    #sp-portal-caema-menu-body .image-menu .img {
        max-width: 90%;
      	max-height: 100%;
    }
}
/**************************************************************************************************/
/*                                 *** NOTÍCIAS E COMUNICADOS ***                                 */

/* define no campo da âncora de categoria em notícias e comunicados em margem e alinhamento de texto */
#sp-portal-caema-noticias #Leia-Mais-Link,
#sp-portal-caema-comunicados #Leia-Mais-Link {
  margin-bottom: 10px;
	text-align: right;
}

/* define a âncora de categoria em notícias e comunicados em peso de fonte */
#sp-portal-caema-noticias #Leia-Mais-Link a,
#sp-portal-caema-comunicados #Leia-Mais-Link a {
	font-weight: 600;
}

/* define o item de notícias em distanciamnento */
#sp-portal-caema-noticias #sp-position2 .tns-item {
    padding-right: 23px;
    padding-left: 8px;
}
/* define o campo de noticias em distanciamento */
#sp-portal-caema-noticias #sp-position2{
    padding: 15px 0;
}

/* modifica o preenchimento do container de comunicados */
#sp-portal-caema-comunicados #sp-position3{
    padding: 15px 0;
}

/* define o conteúdo dos comunicados em margem*/
#sp-portal-caema-comunicados #tns-inner{
    margin: 0;
}

/* define o título do item do carrosel de notícias em margem*/
#sp-portal-caema-noticias .mfp_carousel_skin_card .mfp_carousel_item .mfp_carousel_title {
    margin: 0 0 .3em 2px;
}

/* define a data dos itens do carrosel de notícias em margem e tamanho de fonte*/
#sp-portal-caema-noticias .mfp_carousel_skin_card .mfp_carousel_item .mfp_date {
    margin: 0 0 .3em 5px;
    font-size: 12px;
}
/** define os títulos dos banners menores na região notícias em fonte **/
#sp-portal-caema-noticias .gkImagesWrapper .gkTitle{
    font-size: 16px !important;
    margin: 0 10px 0 0px;
	text-align: left;
}
/** define o título do banner principal na região notícias em fonte **/
#sp-portal-caema-noticias .gkImagesWrapper .gkImage1 .gkTitle  {
    font-size: 24px !important;
    margin: 0 0px 0 0px;
}
/* define o título dos itens do carrosel de comunicados em margem */
#sp-portal-caema-comunicados .mfp_carousel_skin_default .mfp_carousel_item .mfp_carousel_title {
    margin: 0 0 .3em 6px;
}

/* define a data dos itens do carrosel de comunicados em margem */
#sp-portal-caema-comunicados .mfp_carousel_skin_default .mfp_carousel_item .mfp_date {
    margin: 0 0 .3em 4px;
    font-size: 11px;
}

@media
  only screen and (min-width: 250px) and (max-width: 640px) {
    /** define os títulos dos banners menores na região notícias em fonte **/
    #sp-portal-caema-noticias .gkImagesWrapper .gkTitle{
        width: 90%;
    }
}
@media
  only screen and (min-width: 641px) and (max-width: 991px) {
	/** define os títulos dos banners menores na região notícias em fonte **/
    #sp-portal-caema-noticias .gkImagesWrapper .gkTitle{
        font-size: 14px !important;
      	padding: 0px;
        width: 70%;
    }
}
@media
  only screen and (min-width: 250px) and (max-width: 991px) {
    /** define os títulos dos banners menores na região notícias em fonte **/
    #sp-portal-caema-noticias .gkImagesWrapper .gkTitle{
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
	/** define o título do banner principal na região notícias em fonte **/
  	#sp-portal-caema-noticias .gkImagesWrapper .gkImage1 .gkTitle {
        font-size: 16px !important;
  		padding: 10px 20px;
        width: 100%;
    }
}
@media
  only screen and (min-width: 50px) and (max-width: 850px) {
    /** define a altura e largura dos banners de comunicados durante a reponsividade **/
    .mfp_carousel_skin_default .mfp_carousel_item .mfp_thumb_pos_top img, .mfp_carousel_skin_default .mfp_carousel_item .mfp_thumb_pos_top2 img {
        width: 100% !important;
        height: 100% !important;
    }
}

/**************************************************************************************************/
/*                                        *** WRAPPER de artigo id 402 ***                                         */
.itemid-402 #sp-header, .itemid-402 .article-header, .itemid-402 .article-ratings-social-share.d-flex.justify-content-end, .itemid-402 [vw] [vw-access-button], .itemid-402 iframe#iframe-sz-chat, .itemid-402 .sp-scroll-up, .itemid-402 #sp-portal-caema-footer, .site.helix-ultimate.itemid-402 #icone-link-whatsapp-contato, .site.helix-ultimate.itemid-402 #icone-link-telegram-contato  {
  display: none !important;
}
/**************************************************************************************************/
/*                                       *** OFFCANVAS ***                                        */

/* define a fonte do submenu do offcanvas em tamanho quando aberto */
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li span {
    font-size: 0.8rem !important;
}


/**************************************************************************************************/
/*                                         *** FOOTER ***                                         */

/* define o rodapé em altura */
footer {
    height: auto;
}
/* define o rodapé em cor, posição e comprimento, fixo no fim da página e comprimento total da página na página CAEMA e Loja Virtual */
#sp-portal-caema-footer, #sp-loja-virtual-footer {
  	/*  Footer color da definição anterior: Kamilla
  	background-color: #9BBDCC;
  	*/
  	background-color: #2E92EE;
    bottom: 0px;
    width: 100%;
}

/* define a fonte de texto em cor na página CAEMA e Loja Virtual */
#sp-portal-caema-footer a, #sp-bottom a, #sp-loja-virtual-footer a, #sp-loja-virtual-bottom a {
  	font-size: 15px;
    cursor: pointer;
    color: #243d56;
}
/* define o tamanho da fonte de texto no rodapé das páginas CAEMA e Loja Virtual */
#sp-portal-caema-footer p {
  margin-bottom: 1.2px;
  cursor: default;
}
#sp-portal-caema-footer .coluna-localizacao-sociais p{
  margin-bottom: 0px;
}
#sp-portal-caema-footer h4, #sp-portal-caema-footer h6, #sp-portal-caema-footer .footer-copyright{
  cursor: default;
}
/* define o rodapé em largura, margem, visualização, alinhamento, posicionamento e flexibilidade na página CAEMA e Loja Virtual */
#sp-portal-caema-footer .redes-sociais, #sp-loja-virtual-footer .redes-sociais {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  
}

/* define o container do logo do Governo do Maranhão em margem na página CAEMA e Loja Virtual */ 
/*
#sp-portal-caema-footer .gov-ma-icon, #sp-loja-virtual-footer .gov-ma-icon {
   
  margin-top: 15px;
}
*/
/* define o div do logo do Governo do Maranhão em posicionamento ao centro do seu espaço de conteúdo no footer da página CAEMA e Loja Virtual */
#sp-portal-caema-footer .gov-ma-icon, #sp-loja-virtual-footer .gov-ma-icon {
	height: 100%;
  	display: flex;
  	align-items: center;
}
/* define o logo do Governo do Maranhão em largura, altura, visualização e margem na página CAEMA e Loja Virtual */
#sp-portal-caema-footer .gov-ma-icon img, #sp-loja-virtual-footer .gov-ma-icon img {
    width: 100%;
    /*
  	height: 100%;
  	*/
    display: block;
    margin-left: auto;
    margin-right: auto;
  	
  	/*  Footer color da definição anterior: Kamilla
    width: 80%;
    height: 80%;
    display: block;
    margin-left: auto
    margin-right: auto;
  	*/
}

/*define o texto de âncora em tamanho de fonte e cor quando em :hover */
#sp-portal-caema-footer a:hover , #sp-bottom a:hover , #sp-loja-virtual-footer a:hover , #sp-loja-virtual-bottom a:hover  {
    color: #CECECE !important;
  	/*  Footer font size e color da definição anterior: Kamilla
#sp-portal-caema-footer .page-footer .link-footer:hover, #sp-loja-virtual-footer .page-footer .link-footer:hover {
  	font-size: 15px;
  	color: #3C638F;
	*/
}

/* define os logos de cabeçalho e rodapé em escala, duração de transição, tempo de transição, atraso de transição e brilho quando em :hover na página CAEMA e Loja Virtual */
#sp-header .logo-image:hover, #sp-portal-caema-footer .gov-ma-icon:hover, #sp-loja-virtual-footer .gov-ma-icon:hover {
    transform:scale3d(1.07,1.07,1.07);
    transition-duration:0.02s;
    transition-timing-function:linear;
    transition-delay:0.001s;
    filter: brightness(97%);
}

/* define a responsividade do rodapé entre 991px e 1024px */
@media
only screen and (max-width: 991px), (min-device-width: 991px) and (max-device-width: 1024px) {
    /* define o mapa de localização em largura mÃÂnima e largura */
    #sp-footer #map, #sp-loja-virtual-footer #map {
        min-width: 150px;
        width: 100%;
    }
    #sp-portal-caema-footer .gov-ma-icon img, #sp-loja-virtual-footer .gov-ma-icon img {
      	width: 100%;
      	/*
      	height: 100%;
      	*/
      	display: block;
      	margin-left: auto
      	margin-right: auto;
    }
  
}

/* define a responsividade do rodapé entre 768px e 0 px*/
@media
only screen and (max-width: 768px), (min-device-width: 991px) and (max-device-width: 768px) {
    /* define o mapa de localização em largura mínima e largura */
    #sp-footer #map, #sp-loja-virtual-footer #map {
        min-width: 150px;
        width: 100%;
    }
  #sp-portal-caema-footer .gov-ma-icon img, #sp-loja-virtual-footer .gov-ma-icon img {
    width: 50%;
    /*
  	height: 100%;
  	*/
    display: block;
    margin-left: auto
    margin-right: auto;
  }
  
}

/**************************************************************************************************/
/*                                         *** FONTES ***                                         */

@font-face {
    font-family: 'gothambold_italic';
    src: url('../fonts/gothambolditalic-webfont.woff2') format('woff2'),
         url('../fonts/gothambolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothamlight';
    src: url('../fonts/gothamlight-webfont.woff2') format('woff2'),
         url('../fonts/gothamlight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothamlight_italic';
    src: url('../fonts/gothamlightitalic-webfont.woff2') format('woff2'),
         url('../fonts/gothamlightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothammedium';
    src: url('../fonts/gothammedium-webfont.woff2') format('woff2'),
         url('../fonts/gothammedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothammedium_1';
    src: url('../fonts/gothammedium_1-webfont.woff2') format('woff2'),
         url('../fonts/gothammedium_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothammedium_italic';
    src: url('../fonts/gothammediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/gothammediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothambold';
    src: url('../fonts/gothambold-webfont.woff2') format('woff2'),
         url('../fonts/gothambold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothambook';
    src: url('../fonts/gothambook-webfont.woff2') format('woff2'),
         url('../fonts/gothambook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

header, body, footer {
  font-family: gothammedium !important;
}

h1, h2 {
  font-family: gothambold !important;
}
h4, h3 {
  font-family: gothammedium !important;
}
h5, h6 {
  font-family: gothamlight !important;
}
a, p {
  font-family: gothambook !important;
}
span {
  font-family: gothammedium;
}
b {
  font-family: gothambold !important;
}
div {
  font-family: gothammedium !important;
}