* {margin: 0;padding: 0;outline: 0;box-sizing: border-box;}
::-webkit-input-placeholder {font-style: italic;}
:-moz-placeholder {font-style: italic;}
::-moz-placeholder {font-style: italic;}
:-ms-input-placeholder {font-style: italic;}

body * {font-family: 'Montserrat', sans-serif;-webkit-font-smoothing: antialiased;}
a {text-decoration: none;}
ul {list-style: none;}
main{padding: 0;min-height:1300px!important;}

.btn-template{border: 0;border-radius: 10px;font-size: 1.3rem;font-weight: bold;cursor: pointer}
.btn-template:hover{opacity: 80%}

.d-pointer {cursor: pointer!important;}
.d-red{color:#BE2126!important}
.d-red2{color:#F88C6D!important}
.d-pacific-blue{color:#1DAEBE!important}
.d-orange{color:#F2653B!important}
.d-green{color:#53CC81!important}
.d-green2{color:#99D992!important}
.lk-none{color: #99999938!important; border-color: #99999938!important}
.txt-right{text-align: right!important}
.txt-left{text-align: left!important}
.txt-black{color:#000!important}

.flex-20{display: flex;gap: 20px;}

#d-container {min-width: 700px;position: relative;width: 100% !important;height: 100vh;min-height: 500px;overflow: hidden}
#d-container .img-back {width: 100%;height: auto !important;overflow: hidden;min-width: 2000px;background-size: 100% !important;min-height: 1000px;}
#d-container .d-opaticy {z-index: 1;position: absolute;top: 0;width: 100%;background-color: #0f0009;opacity: 0.5;height: 100vh;}
#d-container .d-menu-helper, #d-container .d-content {position: absolute;width: 100%;z-index: 2;height: 100%;}
#d-container .d-content{top: 0;}

#d-container.d-diversos {height:auto;background-color:#002142;min-height:160px;}
#d-container.d-diversos .d-content{display: none}
#d-painel-superior{background-color:#002142;margin-bottom: 50px;box-shadow: 0 0 7px #171717, 0 0 5px #fff, 0 0 11px #484545;}
#d-painel-superior a{color: white;font-weight: bold;text-shadow: 1px 1px 1px black;display: flex;justify-content: center;align-items: center;gap:10px}
#d-painel-superior a img{width: 50px;height: 50px}
#d-painel-superior ul{display: flex;justify-content: space-between;padding: 10px 20px;}
#d-painel-superior ul li{display: flex;justify-content: center;}

.btn-ver-mais{font-weight: bold;color: white;padding: 10px;border-radius: 10px;display: flex;align-items: center;}

.show-swiper{padding-top: 5em};
swiper-container {width: 100%;height: 100%;}
swiper-slide {text-align: center;font-size: 18px;background: #fff; display: flex;justify-content: center;align-items: center;}
swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.c-desktop{display: block}
.c-mobile{display: none}


/*TOPO*/
.topbar{width: 100%;height:40px;background-color: #fff}
.topbar .item{margin:0 11% 0 9%;display: flex;justify-content: space-between;height: 100%;align-items: center;}
.btn-menu{padding:3px;background-color: #fff;margin: 5px;color: black;border-radius: 10px;font-size: 0.7em;}

/*BARRA DE NAVEGACAO*/
.nav-bar{top: 0;width: 100%;height: 35px;position: absolute;z-index: 10;display: flex;}
.nav-bar .row-bar{display: flex;flex-direction: row;align-items: end;padding: 1% 10% 1% 10%;justify-content: space-between;width: 100%;}
.nav-bar .row-bar li a{gap:4px;display: flex;}
.nav-bar .cicle{border-radius: 45%;width: 14px;background-color: white;font-size: 0.8rem;font-weight: bold;display: flex;justify-content: center;align-items: end;}

#d-menu {
  width: 100%;
  background-color: #272a2dd1;
  top: 35px;
  position: absolute;
  z-index: 5;
  border-bottom: 1px solid #ffffff9e;
}

#d-menu h1 {
  font-weight: bold;
  font-size: 25px;
}

#d-menu .d-menu-itens {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1% 10% 1% 10%;
  justify-content: space-between;
}

#d-menu .d-menu-itens .d-home {display: flex;align-items: center;width: 100%;padding-left: 70px;}

#d-menu .d-back-color-menu{
   position: absolute;
    width: 80px;
    height: 100%;
    background-color: rgb(0 0 0 / 53%);
    z-index: 3;
    margin-left: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#d-menu .d-back-color-menu .d-flex-menu{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    z-index: 5;
}

#d-menu .d-back-color-menu .d-flex-menu a{font-size: 10px;padding-top: 5px;font-weight: 500;color: #ffffff;}
#d-menu .d-menu-itens .d-home h1 {color: white;}

#d-menu .d-menu-itens .d-actions {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  height: 50px;
}

#d-menu .d-menu-itens .d-actions .d-actions-items {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

#d-menu .d-menu-itens .d-actions .d-actions-items a{
  display: flex;
  align-items: center;
  justify-content: center;
	gap:10px
}

#d-container .d-container-search {
  align-items: center;
  bottom: 55%;
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
}

#d-container .d-search {
  width: 60%;
  position: absolute;
}

#d-container .d-container-search h2 {
  color: white;
  margin: 0 0 10px 0;
  font-size: 30px;
  text-shadow: 3px 4px 5px #0a0a0a;
}

#d-container .d-container-search form {
  width: 100%;
}
#d-container .d-container-search form .d-form {
  display: flex;
  justify-content: space-between;
  margin-top: -40px;
  align-items: center;
  width: 100%;
}
#d-container .d-container-search form #d-all-filters {background-color: white;border-radius: 4px;width: 100%;flex-direction: column;margin: 10px auto;padding: 10px;display: none;position: absolute;border: 1px solid #00000096;}
#d-container .d-container-search form #d-all-filters h2 {
  background-color: #2c2d31;
  padding: 10px;
  font-size: 20px;
}
#d-container .d-container-search form #d-all-filters ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 10px;
}
#d-container .d-container-search form #d-all-filters li {
  width: 25%;
  height: 40px;
}
#d-container .d-container-search form .d-submit span {
  font-size: 14px;
}
#d-container .d-container-search form .brasao {
  position: absolute;
  width: 48px;
  height: 45px;
  background-size: 100%;
  margin: 5px;
}
#d-container .d-container-search form input[type=text] {
  width: 100%;
  height: 55px;
  border-radius: 10px;
  padding: 0 130px 0 60px;
  font-size: 15px;
	border: 0;
	box-shadow:0 0 10px #171717, 0 0 5px #fff, 0 0 15px #484545;
}
#d-container .d-container-search form input[type="submit"] {
  cursor: pointer;
  width: 24px;
  height: 24px;
  background: url("../img/icones.png") no-repeat -259px -117px;
  border: 0px;
  margin-right: 20px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0);
  margin-left: 20px;
}
#d-container .d-container-search .d-shortcut {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#d-container .d-shortcut ul {display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;list-style: none;width: 100%;margin-top: 30px;}
#d-container .d-shortcut ul li {display: flex;height: 55px;}
#d-container .d-shortcut ul li a {width: 100%;border: 0;border-radius: 10px;font-weight: bold;cursor: pointer;text-decoration: none;background-color: #ffffff;color: black;text-align: center;justify-content: center;align-items: center;display: flex;gap:10px;padding: 10px;}
#d-container .d-shortcut ul li a img{max-width:390px;width: 100%; height:auto}
#d-container .d-footer {bottom: 10%;position: absolute;width: 100%;display: flex;justify-content: center;}
#d-container .d-footer a {width: 20%;border: 2px solid rgba(255, 255, 255, 0.699);padding: 20px;border-radius: 4px;color: rgba(255, 255, 255, 0.999);text-decoration: none;text-align: center;font-weight: bold;text-shadow: 3px -1px 20px #0a0a0a;}
/* MENU 1 */
#nav-icon4 {width: 30px;height: 27px;position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon4 span {display: block;position: absolute;height: 5px;width: 100%;background: #99d992;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon4 span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(2) {top: 10px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(3) {top: 20px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); top: 4px;left: 6px;}

#nav-icon4.open span:nth-child(2) {width: 0%;opacity: 0;}
#nav-icon4.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 25px;left: 6px;}
#d-container #d-menu .d-filter-top {width: 100%;justify-content: flex-end;align-items: center;display: none;}
#d-container #d-menu .d-filter-top input { width: 100%; height: 35px;border-radius: 4px;padding: 10px;}
#d-container #d-menu .d-filter-top span {position: absolute;font-size: 23px;font-weight: bold;margin-right: 10px;}
#d-container .d-menu-helper {background-color: #F0F0F0;width: 100%;height: auto;box-shadow: 2px 4px 13px 3px #948f8feb;}
#d-container .d-col {width: 80%;margin: 0 auto;}
#d-container .d-col ul {width: 100%;margin-top: 20px;border-bottom: 1px solid #DBDBDB;padding-bottom: 20px;}
#d-container .d-col ul.d-top-list{ display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px 10px 20px;margin-top: 10px;}
#d-container .d-col ul li a {color: black;font-weight: bold;}
#d-container .d-menu-helper .d-swap {display: grid;margin: 20px;}
#d-container .d-menu-helper .d-swap ul {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
#d-container .d-menu-helper .d-swap ul li {display: flex;flex-direction: column;color: #6D6D6D;}
#d-container .d-menu-helper .d-swap ul li a {font-weight: normal;color: #6D6D6D;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
#d-container .d-menu-helper .d-swap h1 {font-size: 22px;margin: 20px 0;font-weight: bold;}
#d-container .d-menu-helper .d-swap ul li h2 {font-size: 16px;font-weight: 600;}
#d-container .d-menu-helper .d-swap ul li .d-swap-itens {display: flex;flex-direction: column;border: 0;margin-top: 5px;}
#d-container .d-menu-helper .d-swap ul li .d-swap-itens li {margin: 5px;}
#d-container .d-icon-comment {width: 165px;height: 40px;position: fixed;bottom: 1%; right: 5px; z-index: 5;display: flex;justify-content: center;align-items: center;border-radius: 15px;cursor: pointer;color: #fff;gap: 10px;}
#d-container .d-icon-comment img {max-width: 20px;}
#d-container #d-modal-comment {position: fixed;display: none;bottom: 10px;z-index: 5;background-color: #F0F0F0;right: 40px;max-width: 1000px;padding-bottom: 10px;box-shadow: 0px 0px 8px 1px #080808;}
#d-container #d-modal-comment .d-modal-container{display: flex;flex-wrap: wrap;overflow: scroll;}
#d-container #d-modal-comment #d-modal-close{position: absolute;font-size: 34px;color: #bf1515;margin-top: -10px;cursor: pointer;right: 0;margin-right: -10px;}
#d-container #d-modal-comment .d-block-first {width: 70%;border-right: 1px solid #bebebe;}
#d-container #d-modal-comment .d-block-first .d-block-title {padding: 20px;display: flex;flex-direction: column;}
#d-container #d-modal-comment .d-block-first .d-block-title h1 {font-size: 20px;width: 100%;margin-bottom: 10px;}
#d-container #d-modal-comment .d-block-first .d-block-title span {width: 65px;height: 10px;}
#d-container #d-modal-comment .d-block-first form ul {display: flex;flex-direction: row;flex-wrap: wrap;padding: 0 20px;}
#d-container #d-modal-comment .d-block-first form ul li {display: flex;flex-direction: column;margin: 10px 10px 0 0;overflow: hidden;}
#d-container #d-modal-comment .d-block-first form ul li label {font-size: 12px;color: #787878;}
#d-container #d-modal-comment .d-block-first form ul li input {width: 100%;padding: 10px;height: 35px;border-radius: 4px;border: 1px solid #BEBEBE;}
#d-container #d-modal-comment .d-block-first form ul li input[type=submit] {font-size: 18px;font-weight: 700;color: white;height: 77px;}
#d-container #d-modal-comment .d-block-first form ul li textarea {width: 100%;padding: 10px;border-radius: 4px;border: 1px solid #BEBEBE;resize:none}
#d-container #d-modal-comment .d-block-first form ul li p {font-size: 10px;text-align: right;}
#d-container #d-modal-comment .d-block-first form ul li a {color: blue;}
#d-container #d-modal-comment .d-block-two {width: 30%;}
#d-container #d-modal-comment .d-block-two ul {padding-top: 20px;}
#d-container #d-modal-comment .d-block-two ul li {margin: 40px;}
#d-container #d-modal-comment .d-block-two ul li h2 {font-size: 12px; color: #787878;}
#d-container #d-modal-comment .d-block-two ul li h3 {font-size: 14px;padding-top: 10px;line-height: 15px;}
#d-container #d-modal-comment .d-block-two ul li:last-child {margin-bottom: 0;}
#d-container #d-modal-comment .d-block-two .d-icons-modal-footer {padding-bottom: 10px;}
#d-container #d-modal-comment .d-block-two .d-icons-modal-footer ul {display: flex;flex-direction: row;align-items: center;text-align: center;justify-content: space-between;}
#d-container #d-modal-comment .d-block-two .d-icons-modal-footer ul li {margin: 0;width: 40%;}
#d-container #d-modal-comment .d-block-two .d-icons-modal-footer ul li a {font-weight: bold;color: black;justify-content: center;align-items: center;}
#d-container #d-modal-comment .d-block-two .d-icons-modal-footer ul li a img {max-width: 80px;}


/* NOTICIAS*/
#d-news {position: relative;width: 100% !important;padding:80px 0}		
#d-news .d-first-block{display: flex; min-height:450px;height: auto;justify-content: center;}		
#d-news .d-first-block ul{display: grid;grid-template-columns:repeat(2,1fr);column-gap:50px;height:400px;position: absolute;width: 100%}		
#d-news .d-first-block ul li{position: relative;}			
#d-news .d-first-block ul li .d-black-opaticy{height: 100%;position: absolute;width:100%;z-index: 10;background: linear-gradient(0deg, rgba(0,10,10,1) -34%, rgb(1 1 0 / 14%) 100%);}			
#d-news .d-first-block ul li .d-compartilhar{text-shadow: 0.1em 0.1em 0.2em black;color: #FFFFFF;font-size:20px;font-weight: 600;width:100%;float: right;text-align: right;position: absolute;top: 20px;z-index: 11;padding-right: 20px}			
#d-news .d-first-block ul li .d-img-fundo{max-width: 700px;min-height:400px;width: 100%!important;height: auto !important;overflow: hidden;}			
#d-news .d-first-block ul li .d-img-fundo img{width: calc(100%) !important;/*min-height:400px;*/height: auto !important;}			
#d-news .d-first-block ul li .d-block-text{width: 100%;position:absolute;bottom:40px;z-index: 11;display: flex;flex-direction: column;}	
#d-news .d-first-block ul li .d-title {width: 90%;margin: 0 auto;font-weight: 900;font-size: 18px;color: white;text-shadow: 0 0 10px black;margin-bottom: 10px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}			
#d-news .d-first-block ul li .d-sub-title{width: 90%;margin: 0 auto;color: white;text-shadow: 0 0 20px black;font-size: 15px;font-weight: 500;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}			
#d-news .d-second-block{display:flex;height: auto;min-height: 300px;margin-bottom: 50px;}					
#d-news .d-second-block .d-img{max-width: 431px;min-height: 122px;width: 100%!important;height: auto !important;overflow: hidden;}					
#d-news .d-second-block .d-img  img{width: calc(100%) !important;/*min-height: 122px;*/height: auto !important;border-radius: 3px;/*max-height: 170px;*/}					
#d-news .d-second-block ul{display: grid;grid-template-columns:repeat(4, 1fr);gap: 50px;position: absolute;margin-bottom: 50px}					
#d-news .d-second-block ul li .d-block-text a{font-weight: 500;font-size: 15px;line-height: 20px;color: black;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}					
#d-news .d-third-block{width: 100%;display:flex;justify-content: center;min-height: 60px;}					
#d-news .d-third-block .d-more-details{border: 2px solid #b1afaf;padding: 20px;border-radius: 10px; padding-right: 8px; padding-left: 8px;}					
#d-news .d-third-block ul{display: flex;width: max-content;}					
#d-news .d-third-block ul li{padding: 0 5px;font-weight: 500;color: #A3A6B0}					
#d-news .d-third-block ul li a{font-weight: 700;color: #A3A6B0}					

/* OUVIDORIA*/
.estrutura_inicial #d-ouvidoria{height: 435px;width: 100%;margin: 100px 0;}
.estrutura_inicial #d-ouvidoria .topo{border: 0;margin-bottom:80px}
.estrutura_inicial #d-ouvidoria .topo h1{width: 100%;font-weight: 700;font-size: 28px;color: #000000;margin-top: 10px;text-align: center}
.estrutura_inicial #d-ouvidoria ul{display: grid;grid-template-columns: 1fr 1fr 1fr;gap:100px}
.estrutura_inicial #d-ouvidoria ul li{list-style: none;}
.estrutura_inicial #d-ouvidoria ul li h1{font-size:28px;font-weight: 900;margin-bottom: 10px}
.estrutura_inicial #d-ouvidoria ul li h2{font-size:18px;font-weight: 500;line-height: 130%;margin-bottom: 10px;}
.estrutura_inicial #d-ouvidoria ul li h2 a{color: black}
	
.estrutura_inicial #d-acesso-rapido {margin: 80px 0}
.estrutura_inicial #d-acesso-rapido .topo {margin-bottom:50px}
.estrutura_inicial #d-acesso-rapido .topo h1{width: 100%;font-weight: 700;font-size: 28px;color: #000000;text-align: center}
.estrutura_inicial #d-acesso-rapido .conteudo .principal{margin-bottom:50px}
.estrutura_inicial #d-acesso-rapido .conteudo .principal ul {display: grid;grid-template-columns: repeat(4, 1fr)}
.estrutura_inicial #d-acesso-rapido .conteudo .grid-max-6 ul {grid-template-columns: repeat(6, 1fr)}




.estrutura_inicial #d-acesso-rapido .conteudo .principal i{background: url("../img/acesso-rapido-big.png") no-repeat;transition: all 0.0s ease;display: block;margin: 0 auto;margin-top: 10px;width:115px;height: 120px;background-color: rgb(0, 33, 66);border: 1px white solid;}
.estrutura_inicial #d-acesso-rapido .conteudo .principal i.licitacoes{background-position:-21px -164px !important}
.estrutura_inicial #d-acesso-rapido .conteudo .principal i.editais{background-position:-165px -30px !important;}
.estrutura_inicial #d-acesso-rapido .conteudo .principal i.contratos{background-position:-20px -29px !important}
.estrutura_inicial #d-acesso-rapido .conteudo .principal i.publicacoes{background-position:-166px -164px !important;}


.estrutura_inicial #d-acesso-rapido .conteudo .principal i.processo-eletronico {
    background-position: -298px -164px !important;
}
.estrutura_inicial #d-acesso-rapido .conteudo .principal i.central-assinatura {
    background-position: -298px -29px !important;
}

.estrutura_inicial #d-acesso-rapido .conteudo  ul li i {display: block;margin: 0 auto;margin-top: 10px;width: 66px;height: 72px;background-color: rgb(0, 33, 66);border: 1px white solid;}
.estrutura_inicial #d-acesso-rapido .conteudo .principal ul li h4 {text-align: center;font-size: 20px;font-weight: 600;color:#848588;text-align: center}
.estrutura_inicial #d-acesso-rapido .conteudo .licitacoes i {background-position: -446px -73px !important;}
.estrutura_inicial #d-acesso-rapido .conteudo .editais i {background-position: -644px -222px !important;}
.estrutura_inicial #d-acesso-rapido .conteudo .contratos i {background-position: -379px -0px !important;}	
.estrutura_inicial #d-acesso-rapido .conteudo .publicacoes i {background-position:-512px -73px !important;}
	
.estrutura_inicial #d-acesso-rapido .conteudo .sub-principal ul {display: grid;grid-template-columns: repeat(6, 1fr)}
.estrutura_inicial #d-acesso-rapido .conteudo .sub-principal ul li{padding: 30px}
.estrutura_inicial #d-acesso-rapido .conteudo .sub-principal ul li h4 {text-align: center;font-size:15px;font-weight:600;color:#848588;text-align: center}
.estrutura_inicial #d-acesso-rapido .conteudo .obras_publicas i {background-position: -379px -73px !important;}
.estrutura_inicial #d-acesso-rapido .conteudo .diarias_passagens i {background-position:-446px -144px !important;}
.estrutura_inicial #d-acesso-rapido .conteudo .carta_servico i {background-position:-312px -0px !important;}
.estrutura_inicial #d-acesso-rapido .conteudo .transporte_escolar i {background-position: -446px -0px !important;}
.estrutura_inicial #d-acesso-rapido .conteudo .servidores i {background-position:-512px -143px !important;}
.estrutura_inicial #d-acesso-rapido .conteudo .mapa_lei i {background-position:-312px -73px !important;}
.estrutura_inicial #d-acesso-rapido .conteudo .principal img{margin: 0 auto;display: block;width:66px;height:72px;}

/* MENU */
.estrutura-menu .estrutura_inicial #d-menu-atalhos{padding: 100px 0;}		
.estrutura-menu .estrutura_inicial #d-menu-atalhos .d-itens-menu{display: grid;grid-template-columns: repeat(4, 1fr);grid-column-gap: 25px;}
.estrutura-menu .estrutura_inicial #d-menu-atalhos .d-itens-menu h1{width: 100%;font-weight: 700;font-size: 28px;color: #000000;}		
.estrutura-menu .estrutura_inicial #d-menu-atalhos .d-itens-menu .conteudo{padding-top:20px}		
.estrutura-menu .estrutura_inicial #d-menu-atalhos .d-itens-menu .conteudo ul{display: grid;row-gap: 10px;}		
.estrutura-menu .estrutura_inicial #d-menu-atalhos .d-itens-menu .conteudo ul li{font-weight: 500;}		
.estrutura-menu .estrutura_inicial #d-menu-atalhos .d-itens-menu .conteudo ul li a{line-height: 130%}

/* GALERIA BANNER*/
#d-bloco-banner{width:100%;min-height:200px;background-color:#002142;height: auto; display: flex}
#d-bloco-banner	.estrutura_inicial ul{display: grid;grid-template-columns: repeat(4, 1fr); padding:50px;row-gap: 50px;column-gap: 50px;}
#d-bloco-banner	.estrutura_inicial ul li{height:140px}

/*RODAPE*/
#d-rodape{width: 100%;height: auto;min-height:200px;background:#F6F6F6;position: relative;/*z-index: 1;*/border-top: 2px solid #fff;min-width: 320px;}
#d-rodape  ul li p{color: #777777;}
#d-rodape .d-principal ul{display: grid;grid-template-columns: 1fr 1fr;padding: 50px 0}
#d-rodape .d-principal ul li .entidade{font-size: 25px;font-weight: 900;margin-bottom: 20px;width: 100%}
#d-rodape .d-principal ul li .endereco{margin:0}
#d-rodape .d-principal ul li p{font-size: 18px;width: 100%;margin-top: 20px}
#d-rodape .d-principal ul li.d-midia{text-align: center}
#d-rodape .d-principal ul li.d-midia .d-m-itens{display: flex;justify-content: center;margin:30px 0}
#d-rodape .d-principal ul li.d-midia .d-m-itens span{border-radius: 50%;width: 40px;height: 40px;border: 2px solid #999999;display: flex;align-items: center;justify-content: center;font-size: 20px;margin-left: 10px;color:#999999}
		
#d-rodape .d-direitos{min-height:50px;border-top: 1px solid #DEDEDE; padding: 30px;display: flex;flex-wrap: wrap}
#d-rodape .d-direitos ul{display: grid;grid-template-columns: 2fr 1fr;}
#d-rodape .d-direitos ul li p{height: 100%;display: flex;align-items: center;}
#d-rodape .d-direitos ul li img{max-width: 100px;margin-left: 10px;}

/*NOVA TRANSPARENCIA*/
.dt-flex{display: flex;}
.dt-border-radius-10{border-radius: 10px}
.dt-padding-20{padding: 20px}
.dt-border-gray{border:1px solid #c9c9c9;}
.dt-bloco-mini{align-items: center;gap:10px}
.dt-max-30{max-width: 30px!important;height: auto;}
.dt-padding-10{padding-top: 10px}
.dt-label{font-size: 17px;text-transform: uppercase;}
.dt-block-list{width: 60%;padding: 20px}
.dt-ul-block-list{display: grid;grid-template-columns: 1fr;gap:7px;padding: 0 20px;}
.dt-ul-block-list li{list-style: disc}
.dt-description{background-color: white;width: 45%;}
#new-transparency{margin-top: 50px;}

#new-transparency .dt-title{display: flex;font-weight: bold;flex-direction: column;gap: 10px; justify-content: center;margin-bottom: 20px;margin-top: 50px;text-align: center;}
#new-transparency .dt-title .titulo{font-size: 20px;}
#new-transparency .dt-title .sub-titulo{font-size:15px;}


#new-transparency ul.dt-main{display: grid;grid-template-columns: 1fr 1fr;padding: 20px 0;border-radius: 10px;gap: 30px;}

.df-tema-camara-p50{
	padding-top: 50px
}
/*CHARTS E_SIC*/
#charts {display: flex;gap:10px;margin-top:30px; flex-direction: column;margin-bottom: 50px}
#charts ul li{border: 1px solid #25c155 !important;}
#charts ul li .graphic{display: contents}
#charts .full, #charts .full1{display: grid; grid-template-columns: 1fr;}
#charts .mini{display: grid; grid-template-columns: 1fr 1fr 1fr;gap: 10px}
#charts .top{padding: 10px;font-weight: bold;color: #fff; background: #05603f !important}
#charts .titulo_pricipal h2 {font-size: 20px;line-height: 30px;color: #002144;font-weight: 900;}
#charts table, #charts th, #charts td{ border: 1px solid #000000; width: 35%; margin-left: auto;margin-right: auto; font-size: 15px}
#charts, #charts th, #charts td{padding: 15px;}
#charts th { font-weight: bold;}

   
/*ACESSO RAPIDO PERSONALIZADO*/
#d-acesso-rapido .conteudo .principal .grid-superior li a img{display: block;margin-top: 10px;width: 115px;height: 120px;margin: 0 auto;}
#d-acesso-rapido .conteudo .principal .grid-inferior li a img{display: block;margin-top: 10px;width: 66px;height: 72px;margin: 0 auto;}	
#d-acesso-rapido .conteudo .principal li a img:hover{opacity: 50%;}
#d-acesso-rapido .conteudo .principal .grid-inferior li .hover-zoom{display: block;margin-top: 10px;margin: 0 auto;}
.estrutura_inicial #d-acesso-rapido .conteudo .principal .grid-inferior li{padding: 30px} 
.estrutura_inicial #d-acesso-rapido .conteudo .principal .grid-superior{margin-bottom: 50px}
.estrutura_inicial #d-acesso-rapido .conteudo .principal .grid-superior li h4{font-size: 20px;font-weight: 600;color: #848588;text-align: center;}
.estrutura_inicial #d-acesso-rapido .conteudo .principal .grid-inferior li h4{font-size: 15px;font-weight: 600;color: #848588;text-align: center;}

@media screen and (max-width: 2560px ) {
	.nav-bar .row-bar{display: flex;flex-direction: row;align-items: end;padding: 1% 10% 1% 10%;justify-content: space-between;width: 100%;}
.nav-bar .row-bar li a{gap:4px;display: flex;}
.estrutura_inicial #d-acesso-rapido .conteudo .principal .grid-superior {grid-template-columns: repeat(4, 1fr);grid-gap: 16px;}
.estrutura_inicial #d-acesso-rapido .conteudo .principal .grid-inferior {grid-template-columns: repeat(6, 1fr);grid-gap: 16px;}
}
@media screen and (max-width: 2150px ) {
	.nav-bar .row-bar{display: flex;flex-direction: row;align-items: center;padding: 1% 10% 1% 10%;justify-content: space-between;width: 100%;}
.nav-bar .row-bar li a{gap:4px;display: flex;}
}
@media screen and (max-width: 1440px) {
  #d-container .d-shortcut ul li a {font-size: 12px;padding: 10px;}
  #d-menu .d-menu-itens .d-home h1 {margin-left: 20px;}
}
@media screen and (max-width: 1220px) {
	.nav-bar .row-bar{display: flex;flex-direction: row;align-items: center;padding: 1% 5% 1% 5%;justify-content: space-between;width: 100%;}
.nav-bar .row-bar li a{gap:4px;display: flex;}
  #d-container .d-search {width: 70%;}
  #d-menu h1 {font-size: 25px;}
  #d-container .d-container-search h2 {font-size: 30px;}
  #d-menu .d-menu-itens .d-home h1 {margin-left: 15px;}
  #d-bloco-banner .estrutura_inicial ul {grid-template-columns: repeat(3, 1fr);}
  #d-news .d-first-block ul {height: 265px;}
  #d-news .d-first-block {min-height: 315px;}
  #d-news .d-second-block .d-img img {max-height: 137px;}
  #d-container .d-shortcut ul li {height: 50px;}
	.dt-label {font-size: 15px;}
}
@media screen and (max-width: 1020px) {
 #d-menu .d-menu-itens .d-actions {width: 65%;}
 #d-container .d-col ul li a {font-size: 12px;}
 #d-container .d-menu-helper .d-swap ul li h2 {font-size: 18px;}
 #d-container .d-menu-helper .d-swap h1 {font-size: 20px;}
 #d-container #d-modal-comment {top: 32%;margin: 10px;right: 30px;}
 #d-container #d-modal-comment .d-block-two ul li {margin: 55px 20px 0 10px;}
 #d-container #d-modal-comment .d-block-two .d-icons-modal-footer ul li a {display: flex;flex-direction: column;}
 #d-news .d-first-block ul {height: 200px;}
 #d-news .d-first-block {min-height: 250px;}
 #d-news .d-second-block .d-img img {min-height:100px;max-height: 113px;}
 .estrutura-menu .estrutura_inicial #d-menu-atalhos .d-itens-menu {grid-template-columns: repeat(3, 1fr);grid-row-gap: 25px;}
 .bloco_estrutural .estrutura_inicial .topo h2 {width: 22%;}
 .bloco_estrutural .estrutura_inicial .conteudo{height: 900px}
 .bloco_estrutural .estrutura_inicial .conteudo .gride2 ul li a {line-height: 150%;}
 .bloco_estrutural .estrutura_inicial .conteudo .gride1 {width: calc(50% - 1px);height: 900px;}
 .bloco_estrutural .estrutura_inicial .conteudo .gride2 .portal { margin-left: 50px;}	
  #d-container .d-shortcut ul li {height: 40px;}
	
/*NOVA TRANSPARENCIA*/
.dt-label{font-size: 14px;}
.dt-description,.dt-block-list{width: 50%;}
	
	
	/*BARRA DE NAVEGACAO*/
	.nav-bar .row-bar li a {font-size: 0.8em;}
}
@media screen and (max-width: 870px) {
	
  /*NOVA TRANSPARENCIA*/
  #new-transparency ul.dt-main{display: grid;grid-template-columns: 1fr;padding: 20px 0;border-radius: 10px;gap: 30px;}	
	
  /*CHARTS E_SIC*/
  #charts .mini{grid-template-columns: 1fr}
	
	
  .estrutura-menu .estrutura_inicial #d-menu-atalhos {padding:50px 0;}
  .estrutura_inicial #d-ouvidoria, .estrutura_inicial #d-acesso-rapido{margin: 50px 0 0}	
  .estrutura_inicial #d-ouvidoria .topo,.estrutura_inicial #d-acesso-rapido .topo,.estrutura_inicial #d-acesso-rapido {margin-bottom: 40px;}
	
  #d-container .d-search {width: 80%;}
  #d-menu .d-menu-itens .d-actions .d-actions-items a {font-size: 12px}
  #d-container .d-menu-helper .d-swap ul {grid-template-columns: 1fr 1fr;}	
  #d-container .d-col ul.d-top-list li{width: 30%;height: 30px;}
  #d-container .d-shortcut ul {grid-template-columns:repeat(2, 1fr);grid-row-gap: 15px}
  #d-container .d-container-search .d-shortcut{margin-top:10px}
  #d-container .d-footer a { width: 25%;}
  #d-container .d-shortcut ul li a {padding: 3%;}
  #d-menu .d-menu-itens .d-home h1{font-size:18px;margin-left: 10px;}
  #d-menu .d-menu-itens .d-actions {width: 70%;}
  #d-news{padding-bottom: 50px;}	
  #d-news .d-first-block ul{column-gap: 20px;height: 250px}
  #d-news .d-first-block {min-height: 250px;}
  #d-news .d-second-block {min-height: 200px;}
  #d-news .d-second-block .d-img {min-height: 110px;}
  #d-news .d-second-block .d-img img {max-height: 102px;}
  #d-news .d-second-block ul {column-gap: 20px;margin: 20px 0;}
  #d-news .d-second-block ul li .d-block-text a {font-size: 13px;}	
  .estrutura_inicial #d-ouvidoria ul {grid-template-columns:repeat(2,1fr) }
  .estrutura_inicial #d-ouvidoria {height: 600px;}
  #d-bloco-banner .estrutura_inicial ul {grid-template-columns: repeat(2, 1fr);}
  .estrutura_inicial #d-acesso-rapido .conteudo .principal ul {grid-template-columns: repeat(2, 1fr);grid-gap: 30px;}
	.estrutura_inicial #d-acesso-rapido .conteudo .principal ul li h4{font-size: 15px}
  .estrutura_inicial #d-acesso-rapido .conteudo .sub-principal ul {grid-template-columns: repeat(2, 1fr);}
  .bloco_estrutural .estrutura_inicial .topo h2 {width: 70%;}
  .bloco_estrutural .estrutura_inicial .conteudo .gride1 {width: calc(50% - 1px);height: 1120px;}
  .bloco_estrutural .estrutura_inicial .conteudo .gride2 {width: calc(50% - 1px);}
  .bloco_estrutural .estrutura_inicial .conteudo .gride2 .servicos{margin-left: 50px}
  .estrutura_inicial #d-ouvidoria ul {gap: 60px;}
  .estrutura_inicial #d-ouvidoria {min-height: 490px;height: auto;padding-bottom: 50px;}
  .bloco_estrutural .estrutura_inicial .conteudo .gride2 .portal {width: calc(80% - 10px);}	
  #d-container .d-shortcut ul li {height: 55px;}
	
  .estrutura_inicial #d-acesso-rapido .conteudo .principal .grid-superior {grid-template-columns: repeat(2, 1fr);grid-gap: 30px;}
  .estrutura_inicial #d-acesso-rapido .conteudo .principal .grid-superior li h4{font-size: 15px}
  .estrutura_inicial #d-acesso-rapido .conteudo .principal .grid-inferior{grid-template-columns: repeat(2, 1fr);}
	
	
	/*BARRA DE NAVEGACAO*/
	.nav-bar .row-bar li a .title{display: none}
}
@media screen and (max-width: 715px) {

  #d-container {min-width: 690px;}
  #d-menu .d-menu-itens {flex-wrap: wrap;}
  #d-menu .d-menu-itens .d-home {margin: 10px;}
  #d-menu .d-menu-itens .d-actions {width: 100%;}
  #d-menu .d-menu-itens .d-actions .d-actions-items {justify-content: space-between;}
  #d-container .d-shortcut ul {grid-template-columns: 1fr 1fr;}
  #d-container .d-shortcut ul li a {font-size: 14px;}
  #d-container .d-footer a {width: 40%;}
  #d-container #d-menu .d-filter-top {width: 100%}
  #d-menu .d-menu-itens .d-home {margin: 10px 0;}
  #d-menu .d-back-color-menu {height: 50%;width: 60px;}
  #d-menu .d-back-color-menu .d-flex-menu a{display: none;}	
  #d-menu .d-menu-itens .d-home h1 {font-size: 20px;margin-left: 0}
  .estrutura-menu .estrutura_inicial #d-menu-atalhos .d-itens-menu {grid-template-columns: repeat(2, 1fr);}
  #d-menu .d-menu-itens .d-home {margin: 15px 0;}
  #d-news .d-first-block ul {grid-template-columns: repeat(1, 1fr);height:990px;grid-row-gap: 30px;}
  #d-news .d-first-block {min-height: 1010px;}
  #d-news .d-second-block ul {grid-template-columns: repeat(2, 1fr);margin: 20px;grid-row-gap: 30px}
  #d-news .d-second-block .d-img img {max-height: 215px;}
  #d-news .d-second-block {min-height: 565px;}	
  #d-news .d-second-block ul li .d-block-text a {font-size: 15px;}
	
  .estrutura-menu .estrutura_inicial #d-menu-atalhos {padding: 50px 20px;}
  .estrutura_inicial #d-ouvidoria ul {grid-template-columns: 1fr;}
  .estrutura_inicial #d-ouvidoria {padding: 0 20px 50px;}
  .estrutura_inicial #d-ouvidoria {min-height: 100px;}
  .bloco_estrutural .estrutura_inicial .conteudo .gride1 {width: 100%;height: auto;min-height: 0;border:0}
  .bloco_estrutural .estrutura_inicial .conteudo .gride2 {width: 100%;display: grid;grid-template-columns: repeat(2, 1fr)}
  .bloco_estrutural .estrutura_inicial .conteudo .gride2 .portal,
  .bloco_estrutural .estrutura_inicial .conteudo .gride2 .consultas,
  .bloco_estrutural .estrutura_inicial .conteudo .gride2 .servicos {float: none;width: 100%;margin-left: 0}
  #d-rodape{padding: 20px}
  #d-rodape .d-direitos {padding: 30px 0 0;}
  #d-rodape .d-direitos ul {display: grid;grid-template-columns: 1fr;}
  #d-rodape .d-direitos ul li .d-d-itens{align-items: center;display: flex;justify-content: center;padding: 20px 0;}
  #d-container #d-modal-comment .d-block-two .d-icons-modal-footer ul {flex-direction: column;gap: 10px;}
  #d-container #d-modal-comment .d-block-two ul li {margin: 40px 20px 0 10px;}
  #d-container #d-modal-comment {top: 25%;}
  #d-container #d-modal-comment .d-block-first form ul li {margin: 17px 10px 0 0;}
	
	
/*NOVA TRANSPARENCIA*/
#new-transparency ul.dt-main {grid-template-columns: 1fr;}
.dt-label {font-size: 17px;}
.dt-description{width: 40%;}
.dt-block-list{width: 60%;}
#transparencia .banners ul{grid-template-columns: 1fr}	
#transparencia .banners ul li:last-child{justify-content: flex-start}	
	
.c-desktop{display: none}
.c-mobile{display: block}

	
}
@media screen and (max-width: 670px) {
  #d-container {min-width: 100px;}
  #d-news {width: calc(100% - 40px) !important;padding:50px 0;} 
  #d-news .d-first-block ul {height: 920px;}
  #d-news .d-first-block {min-height: 940px;}
  #d-news .d-second-block .d-img img {max-height: 187px;}
  #d-news .d-second-block {min-height: 510px;}
  #d-painel-superior ul {row-gap: 20px;flex-wrap: wrap}
  #d-painel-superior ul li{width: 50%}
  #d-painel-superior ul li:first-child{margin-bottom: 10px}
  #d-painel-superior ul li:nth-child(2){margin-bottom: 10px}
}
@media screen and (max-width: 600px) {
 #d-container .d-container-search form input[type=text] {font-size: 17px;}
 #d-container .d-container-search h2 {font-size: 30px;}
 #d-container .d-col ul.d-top-list li {width: 50%;}
 #d-container .d-menu-helper .d-swap ul {grid-template-columns: 1fr;}
 #d-container #d-modal-comment {top: 7%;right: 0px;}
 #d-container #d-modal-comment .d-block-two .d-icons-modal-footer ul {flex-direction: column;gap:20px;}
 #d-container #d-modal-comment .d-block-two .d-icons-modal-footer ul li a img {max-width: 70px;}
 #d-bloco-banner .estrutura_inicial ul {grid-template-columns: repeat(2, 1fr);padding: 50px 0;row-gap: 40px;column-gap: 40px;}
 
 .estrutura_inicial #d-acesso-rapido .conteudo .sub-principal ul {grid-template-columns: repeat(2, 1fr);}
 .bloco_estrutural .estrutura_inicial .topo {height: 570px;}
 .estrutura_inicial {max-width: 500px;}
 #d-news .d-first-block {min-height: 700px;}
 #d-news .d-first-block ul {height: 680px;}
 #d-news .d-second-block ul {margin: 20px 0;}
 #d-news .d-second-block .d-img img {max-height: 157px;}
 #d-news .d-second-block {min-height: 465px;}
 #d-news {width:100%!important; padding: 50px 0;}
 .estrutura-menu .estrutura_inicial #d-menu-atalhos {padding: 50px 0px;}
 #d-container #d-modal-comment .d-block-two ul li {margin: 70px 20px 0 10px;}
 #d-container #d-modal-comment .d-block-first form ul li p {text-align: left;}
 #d-container #d-modal-comment .d-block-first form ul li {margin: 9px 10px 0 0;}
 
 /*NOVA TRANSPARENCIA*/
.dt-label {font-size: 14px;}
.texto_descritivo img{width: 100%;}
}
@media screen and (max-width: 500px) {
  #d-container .d-shortcut ul {grid-template-columns: 1fr 1fr;}
  #d-container .d-container-search h2 {font-size: 25px;}
  #d-container .d-container-search form input[type=text] {font-size: 15px;}
  #d-container .d-container-search form input[type="submit"] {margin-left: 5px;}
  #d-bloco-banner .estrutura_inicial ul {grid-template-columns: repeat(1, 1fr);}
  #d-bloco-banner .estrutura_inicial ul li {justify-content: center;display: flex;}
  .bloco_estrutural .estrutura_inicial .topo {width: calc(100% - 40px);margin: 0 auto;}
  #d-rodape .d-principal ul {grid-template-columns: 1fr;grid-row-gap: 50px;}
  #d-news {padding:20px 0 40px 0;}
  #d-news .d-first-block ul, #d-news .d-second-block ul {margin: 20px;}
  #d-news .d-second-block {min-height: 465px;}
  #d-news .d-second-block .d-img img {max-height: 145px;}
  .estrutura-menu .estrutura_inicial #d-menu-atalhos .d-itens-menu {grid-template-columns: repeat(1, 1fr);margin: 0 20px;}
  #d-container #d-modal-comment {bottom: 1px;flex-wrap: wrap;overflow: hidden;}
  #d-container #d-modal-comment .d-block-two .d-icons-modal-footer ul li {width: 60%;}
  #d-container #d-modal-comment .d-block-first form ul li p {text-align: left;}
  #d-container #d-modal-comment .d-modal-container{max-height: 1000px}
  #d-container #d-modal-comment .d-block-first,
  #d-container #d-modal-comment .d-block-two {width: 100%;}
  #d-container #d-modal-comment .d-block-first .d-block-title {padding: 20px 20px 0;}
  #d-container #d-modal-comment .d-block-first form ul li input[type=submit] {height: 50px;}
  #d-container #d-modal-comment .d-block-two{padding: 10px;height: 1000px;}
  #d-container #d-modal-comment .d-block-two ul li:first-child{margin-top: 0}
  #d-container #d-modal-comment .d-block-two ul li h3 {padding-top:0px;font-weight: bold;}
  #d-container #d-modal-comment .d-block-two ul {padding-top: 10px;}
  #d-container #d-modal-comment .d-block-two .d-icons-modal-footer ul {flex-direction: row;}
  #d-container #d-modal-comment .d-block-two ul li h3 {font-size: 17px;}
  #d-container #d-modal-comment .d-block-two ul li h2 {font-size: 17px;margin-bottom: 6px;}
  #d-container #d-modal-comment .d-block-two ul li {margin: 140px 20px 0 10px;}
	
	
/*NOVA TRANSPARENCIA*/
.dt-description,.dt-block-list{width: 55%;}
.dt-label {font-size: 14px;}
}
@media screen and (max-width: 470px) { 
    .estrutura_inicial{width: 100%;    max-width: 400px;}
  #d-container .d-shortcut ul {grid-template-columns: 1fr;}
  .estrutura-menu .estrutura_inicial #d-menu-atalhos .d-itens-menu {grid-template-columns: repeat(1, 1fr);}
  #d-container .d-search {margin-top: 50px;}
  #d-news .d-first-block ul {height: 640px;}
  #d-news .d-first-block {min-height: 660px;}
  #d-news .d-second-block .d-img img {max-height: 135px;}
  #d-news .d-second-block {min-height: 445px;}
  .bloco_estrutural .estrutura_inicial .conteudo {margin-left: 20px;}
  .bloco_estrutural .estrutura_inicial .conteudo .gride2 {grid-template-columns: repeat(1, 1fr);}	
  #d-container .d-shortcut ul li a {font-size: 15px;padding: 15px;gap: 10px;justify-content: space-between;}
/*NOVA TRANSPARENCIA*/
.dt-description,.dt-block-list{width:100%;}
.dt-flex{flex-wrap:wrap;}
	
	#charts {display: flex;gap:10px;margin-top:30px; flex-direction: column;margin-bottom: 50px}
#charts ul li{border: 1px solid #25c155 !important;}
#charts ul li .graphic{display: contents}
#charts .full, #charts .full1 {display: grid; grid-template-columns: 1fr;}
#charts .mini{display: grid; grid-template-columns: 1fr 1fr 1fr;gap: 10px}
#charts .top{padding: 10px;font-weight: bold;color: #fff; background: #05603f !important}
#charts .titulo_pricipal h2 {font-size: 20px;line-height: 30px;color: #002144;font-weight: 900;}
#charts table, #charts th, #charts td{ border: 1px solid #000000; width: 5%;  font-size: 10px}
#charts, #charts th, #charts td{padding: 15px;}
#charts th { font-weight: bold;}

}
@media screen and (max-width: 420px) {
  #d-menu h1 {font-size: 20px;}
  #d-container .d-container-search form input[type=text] {font-size: 12px;}
  #d-container .d-footer a {width: 50%;}
  #d-news .d-second-block ul {grid-template-columns: repeat(1, 1fr);}
  #d-news .d-second-block {min-height: 780px;}
  #d-news .d-second-block .d-img img {max-height: 250px;}
  #d-news .d-second-block {min-height: 1340px;}
	
}
@media screen and (max-width: 400px) {
  .estrutura_inicial{width: 100%;    max-width: 320px;}
  #d-news .d-first-block ul {height: 540px;}
  #d-news .d-first-block {min-height: 560px;}
  #d-news .d-second-block .d-img img {max-height: 248px;}
  .estrutura-menu{min-height:0;}
  .estrutura-menu .estrutura_inicial {margin:0;}
  #d-news .d-first-block ul {height: 526px;}
	
}
@media screen and (max-width: 350px) {
  #d-container .d-col ul.d-top-list li {width: 100%;}
  .bloco_estrutural .estrutura_inicial .topo {height: 570px}
  #d-news .d-first-block ul {height: 465px;}
  #d-news .d-first-block {min-height: 485px;}
  #d-news .d-second-block .d-img img {max-height: 205px;}
  #d-news .d-second-block {min-height: 1180px;}
  #d-news .d-third-block ul {display: grid;gap: 10px;grid-template-columns: repeat(3,1fr)}
  #d-container #d-modal-comment {margin:0;width: 100%;}
}
@media only screen and (max-width: 300px) {
  #d-container, #d-rodape, .bloco_estrutural {min-width: 320px;}
  .bloco_estrutural {display:block}
  #d-news {padding: 0 0 30px 0;}
  #d-news .d-first-block {min-height: 495px;}
  #d-news .d-first-block ul {height: 475px;}
  .bloco_estrutural .estrutura_inicial .topo {height: 580px;}
  .bloco_estrutural .estrutura_inicial .conteudo .gride2{grid-template-columns: 1fr}
  #d-news .d-second-block .d-img img {max-height: 185px;}
  #d-news .d-second-block {min-height: 1100px;}
}