* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, Arial,
    Helvetica, sans-serif;
  scroll-behavior: smooth;
}
.mostraAInfo {
  max-width: 1200px;
  margin: auto;
}
#spinLoad {
  width: 100%;
  text-align: center;
}
#spinLoad img {
  margin: auto;
  width: 30%;
}
.funcionamento {
  border-radius: 10px;
  border: rgb(183, 183, 183) solid 1px;
  display: flex;
  padding: 10px;
  color: white;
  margin: 20px 0;
}
.todosC {
  padding: 10px;
  text-align: center;
  margin: auto;
  width: 80%;
  cursor: pointer;
}
.funcionamento p {
  color: white;
}
.avisoLetrasP {
  width: 100%;

  color: white;
  height: 50px;
}
.avisoLetrasP p {
  color: rgb(255, 236, 32);
  font-weight: 700;
}
.funcionamento div {
  font-size: 25px;
  display: flex;
  width: fit-content;
  margin: auto;
  gap: 10px;
  color: white;
}

.funcionamento a {
  text-decoration: none;
}

.funcionamento button {
  padding: 5px;
  border: none;
  border-radius: 12px;
  margin: 0px 10px;
}

.tabelaFeriado {
  border: rgb(160, 160, 160) solid 1px;
  padding: 5px;
  border-radius: 8px;
  background-color: #e95c00;
  background-image: linear-gradient(0deg, #e95c00 0%, #d0b080 100%);
  color: white;
}

.tabelaFeriado table td {
  border: black solid 1px;
  padding: 1.3em;
  color: black;
  border-radius: 8px;
  background-color: #ffffff;
  column-gap: normal;
}

.calendarI {
  text-align: center;
}

.tabelaFeriado strong {
  font-size: 1.3em;
}

@media (max-width: 768px) {
  .tabelaFeriado table {
    display: none;
  }
}

@media (max-width: 576px) {
  .tabelaFeriado tbody {
  }
}
.cverde {
  background-color: green;
}

.cvermelho {
  background-color: red;
}
.cBlue {
  background-color: rgb(0, 134, 149);
}
.sCNPJ {
  margin: auto;
  text-align: center;
}
.comEditais {
  display: flex;
  margin: auto;
  width: 90%;
  /* border: black solid 1px; */
}
.editaisShow {
  background-color: rgb(255, 255, 255);
  padding: 5px;
  height: min-content;
  max-height: 1500px;
  overflow: auto;
  margin: 0 5px;
  border-radius: 8px;
  border: #acacac 1px solid;
}

.editaisShow h6 {
  text-align: center;
}
.buscadorS {
  display: flex;
  border: #acacac 1px solid;
  background-color: rgb(142, 142, 142);
  width: 90%;
  margin: 10px auto;
  box-shadow: rgba(0, 0, 0, 0.354) 0px 2px 5px 0px;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  border-radius: 8px;
}
.fecharEdi {
  width: 100%;
  text-align: center;
}
.fecharEdi button {
  padding: 5px;
  background-color: rgb(240, 123, 123);
  border: none;
  border-radius: 8px;
  cursor: pointer;
}
.fecharEdi button:hover {
  background-color: rgb(218, 22, 22);
}
.infoLicita {
  text-align: center;
}
.buscadorS i:hover {
  color: rgb(138, 160, 138);
  cursor: pointer;
}
.buscadorS input {
  border: none;
  outline: 0;
  background-color: rgb(142, 142, 142);
  color: white;
  font-weight: 700;
}
.comEditais .container {
  /* border: black solid 1px; */
  width: 70%;
}
.coloriFielAtencao {
  background-color: rgb(177, 255, 215);
  border-radius: 8px;
  padding: 5px;

  box-shadow: rgb(109, 198, 46) 0px 5px 10px 0px;
}
.coloriFielAtencao p {
  margin: 10px auto;
}

.fundoField {
  border-radius: 8px;
  padding: 5px;
  position: relative;
}
.fundoField button {
  padding: 10px;
  position: absolute;
  top: -102px;
  left: 94px;
  text-align: center;
}
.comEditais .editaisShow {
  width: 30%;
}
.infodoCurso a {
  text-decoration: none;
}
a .tituloCu {
  color: rgb(6, 106, 156);
}
.cursoOnline {
  height: 1000px;
}
.cursoOnline .cardCurso {
  width: 100%;
  text-align: center;
  background-color: red;
  border-radius: 8px;
  padding: 5px;
  margin: 10px auto;
}

.cardCurso > h3 {
  color: rgb(0, 0, 0);
}
.infodoCurso {
  margin: 10px auto;
  padding: 10px 0px;
  background: rgba(255, 255, 255, 0.65);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(8.5px);
  -webkit-backdrop-filter: blur(8.5px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  margin: 20px;
}

.cardCurso button {
  width: 100%;
  cursor: pointer;
  text-align: center;
  background-color: rgb(136, 209, 230);
  border-radius: 8px;
  padding: 5px;
  font-weight: 700;
  border: none;
}
.bordaCursoOnlineGreen {
  border-left: rgb(21, 208, 71) 8px solid;
}
.bordaCursoOnlineRed {
  border-left: rgb(208, 21, 21) 8px solid;
}
.bordaCursoOnlineBlue {
  border-left: rgb(21, 102, 208) 8px solid;
}
.bordaCursoOnlinePurpe {
  border-left: rgb(208, 21, 202) 8px solid;
  color: rgb(0, 0, 0);
}
.sCNPJ span {
  background-color: red;
  font-size: 10px;
  border-radius: 8px;
  padding: 5px;
  color: white;
}
#pVenda {
  animation: name 1s infinite linear   ;
}
@keyframes name {
  from {
    background-color: rgb(11, 186, 31);
    
    color: white;
    transform: scale(1);
  }
  to {
    background-color: rgb(100, 153, 51);
    transform: scale(2);
    color: rgb(255, 255, 255);
  }
}
.sCNPJ div {
  margin: 20px 0;
  background-color: white;
  width: fit-content;
  margin: auto;
  padding: 15px 30px;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.52) 0px 5px 10px 2px;
}
.sCNPJ2 {
  margin: auto;
  text-align: center;
  width: fit-content;
}
.sCNPJ2 div div {
  display: flex;
  padding: 20px 0;
  text-align: center;
}
.sCNPJ2 i {
  background-color: red;
  padding: 5px;
  border-radius: 0px 8px 8px;
  color: white;
  cursor: pointer;
}
.sCNPJ2 i:hover {
  background-color: rgb(231, 94, 94);
}
.mostraAnimaCNPJ {
  background-color: white;
  padding: 10px;
  border-radius: 0px 0px 12px 12px;
  box-shadow: inset rgba(0, 0, 0, 0.425) 0px 2px 10px 0px;
  animation: descCNPJ 500ms normal;
}
.mostraAnimaCNPJ div {
  gap: 10px;
  border: black solid 1px;
}
.mostraAnimaCNPJ div h4 {
  margin-left: 10px;
}
.mostraAnimaCNPJ div p {
  margin-right: 10px;
}
@keyframes descCNPJ {
  0% {
    opacity: 0;
    margin-top: -100px;
  }
}
.anucies {
  width: 100%;
  margin: auto;
  display: flex;
  padding: 10px;
  margin: 10px;
}
.capaISS {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-align: center;
  background-color: #723500;
  padding: 2em 0;
  color: rgb(255, 255, 255);
  margin: 1em 0;
}
.capaISS h3 {
  color: white;
}
.capaISS i {
  font-size: 40px;
}
.mostraP {
  display: flex;
  align-items: center;
  list-style: none;
  background-color: rgb(233, 233, 233);
  border: #8d8d8d solid 1px;
  margin: 10px 0;
  border-radius: 12px;
  border-left: 30px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.377) 0px 2px 5px 0px;
  font-weight: 700;
  position: relative;
}
.disNone {
  display: none;
}
#cliq button {
  padding: 5px;
  border-radius: 8px;
  cursor: pointer;
  background-color: transparent;
  background-color: green;
  color: white;
  margin: 10px auto;
}
.parabensLagoa {
  display: none;
  width: 100%;
  height: 100vh;
  background-color: #000000dc;
  margin: auto;
  text-align: center;
  position: absolute;
  z-index: 9999;
  position: fixed;
  animation: propa 1s normal;
}
.dblockLagoa {
  display: block;
}
@keyframes propa {
  0% {
    opacity: 0;
  }
}
.todosEditais .infoEdi {
}
.todosEditais li fieldset {
  padding: 5px;
}

.todosEditais li {
  list-style: none;
  margin: 5px auto;
  padding: 5px;
  background-color: rgb(249, 243, 215);
  border-radius: 8px;
}
fieldset {
  border-radius: 8px;
}
.parabensLagoa img {
  /* width: 80%; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
}
.parabensLagoa .fecharAg {
  position: absolute;
  top: 50px;
  color: rgb(81, 225, 73);
  left: 380px;
  font-size: 3em;
  z-index: 9999999;
  cursor: pointer;
}
.parabensLagoa .fecharSempre {
  position: absolute;
  background-color: rgb(128, 0, 0);
  top: 50px;
  color: rgb(255, 255, 255);
  right: 380px;
  font-size: 1em;
  z-index: 9999999;
  padding: 5px;
  border-radius: 8px;
  cursor: pointer;
}

.mostraP::after {
  content: "Clique para ver";
  position: absolute;
  top: 107px;
  left: -84px;
  rotate: -90deg;
  color: #333333;
}
.mostraP img {
  min-height: 150px;
  width: 20%;
  margin: 10px 0;
  padding-left: 20px;
  border-radius: 12px;
}
.mostraP li a {
  width: 50%;
  font-size: larger;
  text-decoration: none;
  color: rgb(0, 0, 0);
}
.mostraP a:hover {
  color: #333333;
}
.municipes {
  margin-top: 2em;
}
.municipes h4 {
  font-size: 2em;
  text-align: center;
}
#listaPopulacao {
  display: flex;
  width: fit-content;
  text-align: center;
  text-transform: uppercase;
}
#listaPopulacao span {
  text-transform: capitalize;
}
#listaPopulacao img {
  width: 40%;
}
#listaPopulacao a li {
  width: fit-content;
  text-decoration: none;
  
}
.paraEmitirCertidao {
  background-color: green;
  padding:  10px;
  color: white;
}
.paraEmitirCertidao button {
  background-color: #2e2e2e;
  border: none;
  padding: 10px;
  border-radius: 8px;
  color: white;
  font-size: 20px;
}
.paraEmitirCertidao button:hover {
  background-color: #6d6d6d;
  cursor: pointer;
}
.munic {
  height: 400px;
  border: rgb(212, 212, 212) solid 1px;
  overflow: hidden;
  text-align: center;
  box-shadow: #3333339d 0px 2px 5px 0px;
  border-radius: 8px;
  list-style: none;
}
.munic ol {
  margin-top: -600%;

  animation: munici 40s infinite linear;
}
.munic ol li {
  font-size: 1em;
  margin-top: 10px;
  background-color: orange;
  text-transform: uppercase;
  color: white;
  padding: 5px;
}
.munic a {
  text-decoration: none;
}
.munic ol li span {
  text-transform: capitalize;
}

@keyframes munici {
  0% {
    margin-top: 100%;
  }
}

.acoesLagoadosPatos {
  margin-top: -25px;
  animation: imagemD 500ms normal;
}
@keyframes imagemD {
  0% {
    margin: auto;
    opacity: 0%;
    margin-top: -130px;
  }
  100% {
    opacity: 100%;
    margin-top: -25px;
  }
}
/***************************/
.editaisNovos {
  display: flex;
  padding: 10px;
  width: 100%;
  overflow: hidden;
  position: relative;
  justify-content: space-between;
}
.cardEdita {
  margin: 0px 10px;
  width: 150px;
  height: 150px;
  border: #242424 solid 1px;
  background-color: #60e900;
  background-image: linear-gradient(160deg, #60e900 0%, #acd080 100%);
  background: rgba(14, 244, 0, 0.25);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.cardEdita:hover {
  background-color: #77f51e;
  background-image: linear-gradient(160deg, #b3f187 0%, #e0fbbf 100%);
  background: rgba(39, 180, 31, 0.774);
}
.luzRefletor {
  width: 200px;
  height: 200px;
  background: rgba(255, 255, 255, 0.25);
  /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); */
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  position: absolute;
  border-radius: 50%;
  top: -131px;
  left: -30px;
}
.sombraEdi {
  width: 200px;
  height: 200px;
  background: rgba(0, 0, 0, 0.25);
  /* box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); */
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  position: absolute;
  border-radius: 50%;
  bottom: -150px;
  left: -30px;
}
.infoEditalS {
  text-align: center;
  width: 100%;
}
.infoEditalS p {
  width: 100%;
  position: absolute;
  top: 0px;
  text-align: center;
  color: #747474;
  font-size: 0.6em;
}
.infoEditalS h2 {
  width: 100%;
  position: absolute;
  top: 35%;
  font-size: 1em;
  text-align: center;
}
.infoEditalS h3 {
  width: 100%;
  position: absolute;
  bottom: 0px;
  text-align: center;
  font-size: 1em;
  color: #141414;
}
@media (max-width: 576px) {
  .editaisNovos {
    display: block;
  }
  .cardEdita {
    width: 100%;
    margin: 10px auto;
  }
}

.video {
  width: 100%;
  margin: auto;
}
.video iframe {
  width: 100%;
  margin: auto;
}
.anuncies div {
  padding: 5px;
  margin: 5px;
  background-color: white;
  width: 100%;
  margin: auto;
  justify-content: space-between;
  /* border: black 1px solid; */
  align-items: center;
}
.anuncies > div img {
  width: 150px;
  background-color: white;
  border-radius: 8px;
  margin: auto;
  height: 150px;
  margin: 10px;
  align-items: center;
}
.anunciesED > div img:hover {
  filter: brightness(120%);
}
.anunciesED div {
  padding: 5px;
  margin: 5px;
  background-color: white;
  width: 100%;
  margin: auto;
  justify-content: space-between;
  /* border: black 1px solid; */
  align-items: center;
}
.editaisTop {
  display: flex;
  background-color: #2e2e2e;
  padding: 10px;

  position: relative;
}
.cardEdital {
  position: relative;
}
.cardEdital img {
  width: 150px;
  height: 150px;
  margin-right: 5px;
  border-radius: 8px;
}
/* <div class="infoEdi"><p>${editalt.infolicita}</p></div> */
.editaisTop img {
}
.editaisTop img:hover {
  filter: brightness(1.2);
}
.abbrTexto {
  text-decoration: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 90%;
  margin: auto;
  text-align: center;
  font-size: 0.7em;
  font-weight: 700;
}
.infoEdi {
  background-color: white;
  margin-right: 10px;
  padding: 2px;
  font-size: 0.8em;

  position: relative;
  width: 100%;
  height: 150px;
}
.infoEdi p {
  background-color: white;
}
.atendimentoWhats {
  position: fixed;
  bottom: -4px;
  right: 5%;
  z-index: 1;
}
.atendimentoWhats div img {
  width: 260px;
  transition: 300ms;
  filter: brightness(90%);
}
.atendimentoWhats div img:hover {
  filter: brightness(130%);
}

.calculadoraMark {
  width: 500px;
  margin: auto;
  border-radius: 12px;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.276) 0px 0px 10px 0px;
  margin-bottom: 50px;
}
.calculadoraMark h2 {
  text-align: center;
  margin: 20px;
}
.calculadoraMark table tr {
  font-size: 20px;
  line-height: 2rem;
}
.calculadoraMark table tr input {
  font-size: 20px;
  line-height: 2rem;
  text-align: end;
  padding-right: 10px;
  width: 100%;
}
.calculadoraMark table tr td button {
  font-size: 20px;
  margin: 10px 0;
  padding: 5px 10px;
  cursor: pointer;
}
.calculadoraMark table tr td #pVenda {
  background-color: green;
  color: white;
  font-weight: 700;
  margin: 10px 0;
  padding: 5px 10px;
}
.calculadoraMark table tr td #resMarkup {
  background-color: rgb(0, 36, 128);
  color: white;
  font-weight: 700;
  margin: 10px 0;
  padding: 5px 10px;
}
.btnP {
  font-size: 20px;
  margin: 10px 0;
  padding: 5px 10px;
  cursor: pointer;
}

.atendimentoOn {
  text-align: center;
}
.atendimentoOn button {
  padding: 15px;
  border: 1px rgb(255, 132, 0) solid;
  background-color: rgba(255, 0, 0, 0);
  margin: 10px;
  border-radius: 15px;
  color: rgb(255, 132, 0);
  font-weight: 700;
  box-shadow: #4141413c 0px 0px 15px 0px;
  cursor: pointer;
}
.atendimentoOn button:active {
  background-color: rgb(255, 132, 0);
  color: white;
}
.atendimentoOn button:hover {
  background-color: rgb(249, 193, 133);
  color: white;
  margin-bottom: 20px;
}
.atendimentoOn p {
  font-size: 20px;
  margin: 10px;
}

.imageTopD {
  width: 700px;
  margin: 20px auto;
  top: 20px;
  min-height: 250px;
  background-color: white;
  padding: 20px;
}
.imageTopD img {
  filter: brightness(90%);
  width: 100%;
  margin: 10px auto;
  box-shadow: black 0px 0px 5px 0px;
}
.imageTopD img:hover {
  cursor: pointer;
  filter: brightness(100%);
}
.imageTopD > i {
  background-color: black;
  padding: 5px;
  font-size: 20px;
  color: red;
  border-radius: 8px;
}
.imageTopD > i:hover {
  background-color: blue;
  color: white;
  cursor: pointer;
}
header {
  background-color: #7d7f81;
  /* background-image: url('https://cdn.myanimelist.net/images/event/2016_christmas/bg_menu_anime.gif?v=1634263200'); */
  width: 100%;
  text-align: center;
  align-items: center;
  margin: 0 auto;
}
.Quebra {
  display: flex;
}

.logoM {
  text-decoration: none;
}
.logocaracter {
  background-color: #2d3030;
  width: 355px;
  border-radius: 12px 0px 12px 0px;
  height: 80px;
  text-align: center;
  align-content: center;
}
.logocaracter > h1 {
  font-size: 50px;
}
.logocaracter > h2 {
  margin-top: -10px;
  font-size: 15px;
}
.colorwhite {
  color: white;
}
.colorOr {
  color: #e68727;
}
.centerImg {
  background-color: rgba(255, 153, 0, 0.452);
  box-shadow: black 0px 2px 10px 0px;
  border-radius: 10px 10px 0px 0px;
  padding: 10px;
  text-align: center;
  opacity: 1;
  transition: opacity 500ms ease-in;
}

.centerImg div img {
  cursor: crosshair;
}
#logoEmpresa {
  width: 200px;
  margin: auto;
}
/* anuncie aqui*/
.AnuncieAqui {
  border: solid rgba(129, 129, 129, 0.582) 1px;
  box-shadow: black 0px 0px 3px 0px;
  height: 80px;
  width: 500px;
  margin-left: 20px;
  align-items: center;
}
.AnuncieAqui > i {
  color: white;
  width: 20%;
  height: 80px;
  background-color: blue;

  font-size: 50px;
  margin-right: 20px;
}

.AnuncieAqui div > h2 {
  background-color: red;
  width: 150px;
  margin: auto;
  font-size: 15px;
  border: white solid 2px;
  color: white;
}
.AnuncieAqui div > h3 {
  font-size: 12px;
  color: black;
  width: 100%;
}
.AnuncieAqui div > p {
  color: rgb(255, 255, 255);
}
.ApoioAnuncio {
  font-size: 10px;
  color: rgb(255, 255, 255);
  background-color: black;
  height: 80px;
  padding-top: 10px;
}
.ApoioAnuncio::after {
  content: "Gleiton Aparecido soares de souza";
}
.imganuncioaqui {
  margin-left: 10px;
  width: 728px;
  height: 90px;
}
/*---MENU----*/
#naveMenu #listMenu li {
  display: inline-flex;
  background-image: linear-gradient(
    to bottom right,
    rgb(224, 165, 0),
    rgb(207, 124, 0)
  );
  padding: 10px;
  border: black solid 1px;
  border-radius: 8px 0px 8px 0px;
  transition: 500ms;
  transition: calc(90deg);
}
#naveMenu #listMenu li:hover {
  background-image: linear-gradient(
    to bottom right,
    rgb(255, 197, 38),
    rgb(248, 150, 2)
  );
}
#naveMenu a {
  color: black;
  text-decoration: none;
}
#navMenu a li:active {
  background-color: red;
  box-shadow: inset red 1px 2px 5px;
}
#btnmobile {
  display: none;
}
#listMenu {
  display: block;
}
.infoCovidLagoa {
  background-image: linear-gradient(
    to bottom,
    rgb(220, 220, 220),
    rgb(242, 242, 242)
  );
  padding: 20px;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.502) 0px 0px 10px 0px;
  margin-bottom: 20px;
}
.dadosCovid {
  display: flex;
  flex-wrap: wrap;

  width: 100%;
  align-content: center;
  justify-content: center;
}
.bb {
  border: rgb(0, 0, 0) solid 1px;
}
.formBorda {
  width: 100%;
}
.formBorda > h2 {
  text-align: center;
  margin-bottom: -100px;
}
.imgSug {
  width: 50px;
}
.formPadd {
  background-color: rgb(233, 233, 233);
  padding: 40px;
  width: 600px;
  margin: 10px auto;
  box-shadow: rgba(0, 0, 0, 0.475) 0px 0px 5px 0px;
}
.formPadd > p {
  margin-bottom: 50px;
  font-size: 20px;
}
.formPadd > input {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: black solid 1px;
  font-size: 20px;
  width: 300px;
}
.formPadd > textarea {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: black solid 1px;
  font-size: 20px;
  width: 300px;
}

.colDadosCovid {
  border-radius: 8px;
  padding: 10px;
  margin: 5px;
  width: 250px;
  height: 60px;
  align-items: center;
  padding-left: 15px;
  transition: 200ms;

  background-color: rgb(242, 105, 0);
}
#imgcovid > img {
  width: auto;
  margin: auto;
}
.colDadosCovid > h3 {
  width: 50%;
  color: rgb(196, 196, 196);
}
.colDadosCovid > .infoCovid {
  font-size: 25px;
  color: aliceblue;
  width: 40%;
  text-align: end;
}
.colDadosCovid:hover {
  box-shadow: rgba(44, 44, 44, 0.664) 0px 5px 10px 0px;
  margin-top: -1px;
  cursor: pointer;
}

.colDadosCovid:hover > h1 {
  top: -10px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.509);
  color: rgb(0, 0, 0);
}
.dBlock {
  display: block;
}

main {
  background-color: #cacaca;
}
.topo-menu {
  padding: 15px;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  min-height: 70px;
  /* background-color: #2e2e2e; */
  background-image: url("https://i.pinimg.com/originals/99/9c/95/999c95488c111f78e8de0298e2510e7f.jpg");
  width: 100%;
  background-size: cover;
}
.funcionamento button {
  background-color: rgb(72, 72, 250);
  color: white;
  font-weight: 600;
}
.funcionamento button a {
  color: white;
  font-weight: 700;
}
.dnone {
  display: none;
}
.logo {
  width: 400px;
}
.topo-sala {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.seli {
  font-size: 20px;
  box-shadow: black 0px 0px 5px 0px;
  border-radius: 4px;
  margin: 5px;
}
.btnColor {
  background-image: linear-gradient(
    to bottom right,
    rgb(224, 165, 0),
    rgb(207, 124, 0)
  );
  padding: 10px;
  border: black solid 1px;
  border-radius: 8px 0px 8px 0px;
  cursor: pointer;
}
.btnColor:hover {
  background-image: linear-gradient(
    to bottom right,
    rgb(255, 197, 38),
    rgb(248, 150, 2)
  );
}

.hero img {
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  height: auto;
  position: relative;
}
/* .hero::after{
  content: "LAGOA DOS PATOS - MG";
  
  position: absolute;
  color: #cc6906;
  font-size: 60px;
  text-shadow: -1px -1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff,
    1px 0px 0px #fff;
  width: 100%;
  text-align: center;
  margin: -300px auto;
  
  
  font-size: 60px;
  
} */
.adsTopo {
  max-width: 900px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
.adsTopo > img {
  max-width: 100%;
  height: 100%;
}
#myChart {
  background-image: linear-gradient(
    to bottom,
    rgb(253, 250, 238),
    rgb(248, 240, 214)
  );
  color: black;
  box-shadow: inset rgba(0, 0, 0, 0.559) 0px 5px 5px 0px;
  padding: 10px;
}
.grafiCovid {
  width: 100%;
  height: auto;
}
.colorRed {
  background-color: rgb(240, 80, 59);
}
.colorBlue {
  background-color: rgb(0, 0, 180);
}
.colorRoxo {
  background-color: rgb(150, 0, 112);
}
.colorGreen {
  background-color: rgb(33, 165, 0);
}
.colorPurple {
  background-color: rgb(197, 36, 184);
}
.colorOrange {
  background-color: rgb(207, 118, 1);
}
.colorYellow {
  background-color: rgb(97, 104, 0);
}
.colorbrow {
  background-color: rgb(124, 78, 18);
}
.brilho {
  box-shadow: inset 1px 0px 10px 0px;
  transition: 200ms;
}
.brilho:hover {
  filter: brightness(110%);
  box-shadow: rgba(0, 0, 0, 0.342) 0px 0px 10px 0px;
  cursor: pointer;
}
.modulo-sala > a {
  text-decoration: none;
}
.modulo-sala h2 {
  color: white;
}

.blocoServicos {
  color: rgb(211, 211, 211);
  padding-top: 15%;
  align-items: center;
}
.blocoServicos h2 {
  width: 100%;
  font-size: 0.6em;
  text-decoration: none;
}
.blocoServicos > i {
  padding-left: 10px;
  padding-right: 5px;
  font-size: 60px;
}
.modulo-sala:hover {
  box-shadow: rgba(44, 44, 44, 0.664) 0px 10px 10px 0px;
  margin-top: -2px;
}

.container {
  width: 100%;
  overflow: hidden;
}
.infoCentralizada {
  padding-top: 10px;
  padding-bottom: 17px;
  margin: 0 auto;
  text-align: center;
  width: 612px;
}
.infoCentralizada h1 {
  color: #e68727;
  font-size: 23px;
}
.salaGeral {
  font-size: 15px;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 400;
}
.salaGeral h3 > span {
  color: red;
  font-size: 20px;
}

.modulo-sala {
  overflow: hidden;
  width: 250px;
  height: 120px;
  border-radius: 12px;
  justify-content: space-between;
  margin: 2px;
  display: flex;
  background-size: 100%;
  transition: 200ms;
}
.modulo-sala img {
  width: 100%;
  height: 100%;
  transition: 200ms;
}
.DFlex {
  display: flex;
}
.modulo-sala img:hover {
  width: 110%;
  height: 110%;
  margin-left: -4%;
}
.situacaoEd {
  padding: 5px;
  border-radius: 8px;
}

.todosEditais button {
  padding: 5px;
  border-radius: 8px;
  background-color: rgb(252, 226, 192);
  border: none;
  margin: 5px auto;
  border: #747474 solid 1px;
}
.todosEditais button:hover {
  background-color: rgb(244, 186, 111);
  cursor: pointer;
}
.ocultarObjeto {
  display: none;
}
.fundoAberto {
  background-color: rgb(7, 98, 0);
}
.fundoFechado {
  background-color: red;
}
.fundoAndamento {
  background-color: rgb(0, 119, 255);
}
.fundoFinalizada {
  background-color: rgb(111, 112, 114);
}
.fundoSuspensa {
  background-color: rgb(186, 188, 190);
  color: black;
}

.situacaoEd p {
  color: white;
}
.padd {
  margin-bottom: 20px;
  justify-content: space-between;
}
.info {
  width: 1200px;
  margin: 0 auto;
}
.dNoticias {
  display: flex;
  justify-content: space-between;
}
.noticiasRed {
  background-color: white;
  padding: 0px;
}
.noticiasRed > h2 {
  text-align: center;
}
.artigo {
  background-color: white;
  width: 260px;
  padding-bottom: 10px;
  border: rgb(214, 214, 214) solid 1px;
  border-radius: 8px;
  margin: 7px;
  align-items: center;
  transition: 200ms;
}

.boshadow:hover {
  box-shadow: rgba(97, 97, 97, 0.637) 0px 0px 10px 0px;
}
.artigo > img {
  box-shadow: rgba(0, 0, 0, 0.534) 0px 0px 5px 0px;
  display: block;
  margin: 10px auto;
  background-size: cover;
  width: 230px;
  border-radius: 8px;
  height: 130px;
  overflow: hidden;
  image-rendering: optimizeSpeed;
}
.infoMateria {
  margin-left: 10px;
}
.infoMateria > h2 {
  color: #242424;
  height: 60px;

  font-size: 15px;
  margin-top: 5px;
}
.infoMateria > h3 {
  display: none;
  color: #633100;
  margin-top: 5px;
  font-size: 13px;
}
.infoMateria p {
  display: none;
  margin-top: 8px;
  overflow: hidden;
  height: 80px;
  width: 230px;
  font-size: 13px;
  max-width: 150ch;

  text-overflow: ellipsis;
}
.divulgueSeunegocio > h2,
h3,
p {
  color: black;
}

.artiComplete {
  display: inline-flex;
}

.saibamais {
  margin-top: 15px;
}
.ultimos-artigos {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
}
.ultimos-artigos > a {
  text-decoration: none;
}
.propaganda {
  width: 30%;
}
.propaganda img {
  width: 100%;
  height: auto;
  image-rendering: optimizeSpeed;
}
.servicosAlinhar {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.colorServicos {
  background-color: #333333;
  padding: 20px;
}
.telaInicial {
  display: flex;
}
.telaInicial > div:nth-child(1) {
  width: 75%;
}
.telaInicial > div:nth-child(2) {
  width: 25%;
}
.iconeInfo {
  color: #e68727;
  font-size: 150px;
  width: 50%;
  text-align: center;
}
.iconeInfo img {
  width: 60%;
}
.borderIcon {
  border: #e68727 solid 2px;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
  align-content: center;
  border-radius: 0px 12px 0px 12px;
}
.vejaM {
  cursor: pointer;
  padding-bottom: 20px;
  padding-top: 20px;
  width: 100%;
  text-align: center;
  transition: 200ms;
}
.vejaM > a {
  text-decoration: none;
  color: black;
}
.vejaM::before {
  content: "";
  display: block;
  text-align: center;
  margin: 10px auto;
  width: 40px;
  height: 5px;
  background-color: chocolate;
}
.vejaM:hover {
  padding-top: 10px;
  font-size: 20px;
  font-weight: 900;
}
.infoFuncionamento {
  text-align: center;
}
.descServicos {
  line-height: 1.5rem;
  width: 50%;
  color: white;
}
.descServicos > h3 {
  color: white;
}
.divulgueServicos {
  padding: 30px;
  background-color: #cdcfd0;
}
footer {
  background-color: #7a7a7a;
  padding: 20px;
}
.infoFuncionamento > h1 {
  color: #b8b8b8;
}
.blocoinfoFooter {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  width: 1200px;
}
.menuFoot {
  margin: 20px;
  list-style: none;
}
.menuFoot li a {
  color: white;
  text-decoration: none;
}
.leiaMais {
  line-height: 1.7em;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: RGB(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 0 auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 100vh; /* Could be more or less, depending on screen size */
}
.modal-content > a img {
  width: 100%;
  height: 90vh;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/*--------RESPONSIVO 1-------*/

@media (max-width: 1024px) {
  body {
    width: 100%;
  }
  .container {
    width: 100%;
    margin: 0 auto;
  }
  .modulo-sala {
    width: 100%;
    height: 120px;
  }
  .blocoServicos {
    color: rgb(211, 211, 211);
    padding-top: 11%;
    align-items: center;
    display: block;
    text-align: center;
  }
  .blocoServicos h2 {
    width: 130px;
    font-size: 0.5em;
    text-decoration: none;
  }
  .blocoServicos > i {
    padding-left: 10px;

    font-size: 50px;
  }
  .hero::after {
    margin: -211px auto;
    font-size: 36px;
    width: 1024px;
  }
  .info {
    width: 1024px;
    margin: 0 auto;
  }
  .artigo {
    background-color: white;
    width: 200px;
    padding-bottom: 10px;
    border: rgb(214, 214, 214) solid 1px;
    border-radius: 8px;
    margin: 7px;
    align-items: center;
    transition: 200ms;
  }
  .artigo > img {
    width: 180px;
  }
  .infoMateria {
    margin-left: 10px;
  }
  .ultimos-artigos {
    width: 660px;
    display: flex;
    flex-wrap: wrap;
  }
  .propaganda {
    width: 300px;
  }
  .descServicos {
    line-height: 1.5rem;
    width: 400px;
    color: white;
  }
  .borderIcon {
    border: #e68727 solid 2px;
    width: 186px;
    margin: 0 81px;
    margin-bottom: 10px;
    align-content: center;
    border-radius: 0px 12px 0px 12px;
  }
  .iconeInfo {
    width: 350px;
  }
  .blocofooter {
    width: 206px;
  }
  .servicosAlinhar {
    width: 1024px;
  }
  .blocoinfoFooter {
    margin: 0;
    width: 1024px;
  }

  .dNoticias {
    display: flex;
  }
}

/*----responsivo II---*/

@media (max-width: 960px) {
  body {
    width: 960px;
  }
  .container {
    width: 100%;
    margin: 0 auto;
  }
  .modulo-sala {
    width: 200px;
    height: 120px;
  }
  .blocoServicos {
    color: rgb(211, 211, 211);
    padding-top: 11%;
    align-items: center;
  }
  .blocoServicos h2 {
    width: 130px;
    font-size: 10px;
    text-decoration: none;
  }
  .blocoServicos > i {
    padding-left: 10px;

    font-size: 50px;
  }
  .hero::after {
    margin: -211px auto;
    font-size: 36px;
    width: 960px;
  }
  .info {
    width: 960px;
    margin: 0 auto;
  }
  .artigo {
    background-color: white;
    width: 200px;
    padding-bottom: 10px;
    border: rgb(214, 214, 214) solid 1px;
    border-radius: 8px;
    margin: 7px;
    align-items: center;
    transition: 200ms;
  }
  .artigo > img {
    width: 180px;
  }
  .infoMateria {
    margin-left: 10px;
  }
  .ultimos-artigos {
    width: 650px;
    display: flex;
    flex-wrap: wrap;
  }
  .propaganda {
    width: 250px;
  }
  .descServicos {
    line-height: 1.5rem;
    width: 400px;
    color: white;
  }
  .borderIcon {
    border: #e68727 solid 2px;
    width: 186px;
    margin: 0 81px;
    margin-bottom: 10px;
    align-content: center;
    border-radius: 0px 12px 0px 12px;
  }
  .iconeInfo {
    width: 350px;
  }
  .blocofooter {
    width: 206px;
  }
  .servicosAlinhar {
    width: 960px;
  }
  .blocoinfoFooter {
    margin: 0;
    width: 960px;
  }

  .dNoticias {
    display: flex;
  }
}
/*----responsivo III---*/

@media (max-width: 768px) {
  #btnmobile {
    display: block;
    font-size: 30px;
    padding: 10px;
    background-color: #e68727;
    border: none;
  }
  #listMenu a {
    z-index: 99999;
    background-color: red;
  }
  #naveMenu #listMenu li {
    display: none;
    background-image: linear-gradient(
      to bottom right,
      rgb(224, 165, 0),
      rgb(207, 124, 0)
    );
    margin: 10px;
    font-size: 60px;
    padding: 10px;
    border: black solid 1px;
    border-radius: 8px 0px 8px 0px;
  }

  #naveMenu.active #listMenu li {
    display: block;

    font-size: 1.2em;
  }
  body {
    width: 768px;
  }
  .container {
    width: 100%;
    margin: 0 auto;
  }
  .modulo-sala {
    width: 200px;
    height: 120px;
  }
  .blocoServicos {
    color: rgb(211, 211, 211);
    padding-top: 11%;
    align-items: center;
  }
  .blocoServicos h2 {
    width: 130px;
    font-size: 10px;
    text-decoration: none;
  }
  .blocoServicos > i {
    padding-left: 10px;

    font-size: 50px;
  }
  .hero::after {
    margin: -211px auto;
    font-size: 36px;
    width: 768px;
  }
  .info {
    width: 768px;
    margin: 0 auto;
  }
  .artigo {
    background-color: white;
    width: 720px;
    padding-bottom: 10px;
    border: rgb(214, 214, 214) solid 1px;
    border-radius: 8px;
    margin: 7px;
    align-items: center;
    transition: 200ms;
  }
  .artigo > img {
    width: 160px;
  }
  .infoMateria {
    margin-left: 5px;
  }
  .ultimos-artigos {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
  }
  .propaganda {
    width: 100%;
  }
  .descServicos {
    line-height: 1.5rem;
    width: 400px;
    color: white;
  }
  .borderIcon {
    border: #e68727 solid 2px;
    width: 186px;
    margin: 0 81px;
    margin-bottom: 10px;
    align-content: center;
    border-radius: 0px 12px 0px 12px;
  }
  .iconeInfo {
    width: 350px;
  }
  .blocofooter {
    width: 206px;
  }
  .servicosAlinhar {
    width: 768px;
  }
  .blocoinfoFooter {
    margin: 0;
    width: 768px;
  }
  .Quebra {
    flex-wrap: wrap;
  }
  .logocaracter {
    background-color: #2d3030;
    width: 760px;
    border-radius: 12px 0px 12px 0px;
    height: 160px;
    text-align: center;
    align-content: center;
  }

  .logocaracter > h1 {
    font-size: 100px;
  }
  .logocaracter > h2 {
    font-size: 20px;
  }
  .AnuncieAqui {
    box-shadow: black 0px 0px 3px 0px;
    height: 150px;
    width: 760px;
    margin-top: 20px;
    margin-left: 0px;
    align-items: center;
  }

  .AnuncieAqui > i {
    border-radius: 12px;

    height: 150px;

    font-size: 80px;
  }

  .AnuncieAqui div > h2 {
    width: 300px;
    margin: auto;
    font-size: 40px;
  }
  .AnuncieAqui div > h3 {
    font-size: 30px;
    color: black;
    width: 100%;
  }
  .AnuncieAqui div > p {
    color: rgb(255, 255, 255);
  }

  .dNoticias {
    display: block;
  }
}

/*----responsivo IV---*/

@media (max-width: 576px) {
  .parabensLagoa .fecharSempre {
    position: absolute;
    width: 150px;

    top: 00px;
    color: rgb(255, 255, 255);
    right: 580px;
    font-size: 1em;
    z-index: 9999999;
    padding: 5px;
    border-radius: 8px;
    cursor: pointer;
  }
  .comEditais {
    display: block;
    margin: auto;
    width: 90%;
    /* border: black solid 1px; */
  }
  .comEditais .container {
    width: 100%;
  }
  .comEditais .editaisShow {
    width: 100%;
  }
  .editaisShow h6 {
    font-size: 1em;
  }

  .parabensLagoa img {
    /* width: 80%; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  .parabensLagoa i {
    top: 132px;
    left: 272px;
  }
  #btnmobile {
    border-radius: 8px;
    display: block;
    font-size: 30px;
    padding: 5px;
    background-color: #e68727;
    border: none;
  }
  .topo-sala {
    padding-top: 17%;
  }

  .atendimentoWhats {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 100%;
  }
  .mostraP {
    display: block;
  }
  .mostraP img {
    min-height: 150px;
    width: 100%;
    margin: 10px 0;
    padding-left: 0px;
    border-radius: 12px;
  }
  .atendimentoWhats div img {
    width: 200px;
    transition: 300ms;
  }
  .atendimentoWhats div img:hover {
    filter: brightness(105%);
  }

  .imageTopD {
    width: 100%;
    margin: 20px auto;
    top: 20px;
    min-height: 250px;
    background-color: white;
    padding: 5px;
  }
  .imageTopD img {
    filter: brightness(100%);
    width: 100%;
    margin: 2px auto;
  }
  .imageTopD img:hover {
    cursor: pointer;
    filter: brightness(100%);
  }
  .imageTopD > i {
    background-color: black;
    padding: 5px;
    font-size: 20px;
    color: red;
    border-radius: 8px;
  }
  .imageTopD > i:hover {
    background-color: blue;
    color: white;
    cursor: pointer;
  }
  .topo-menu {
    padding: 15px;
    height: auto;
    background-color: #2e2e2e;
    width: 100%;

    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;

    z-index: 999;
  }
  .modal-content {
    background-color: #fefefe;
    margin: 0; /* 15% from the top and centered */
    padding: 20px;

    border: 1px solid #888;
    width: 360px; /* Could be more or less, depending on screen size */
  }
  .modal-content > a img {
    width: 100%;
    height: 90vh;
  }
  #naveMenu #listMenu li {
    display: none;
    background-image: linear-gradient(
      to bottom right,
      rgb(224, 165, 0),
      rgb(207, 124, 0)
    );
    margin: 10px;
    font-size: 60px;
    padding: 10px;
    border: black solid 1px;
    border-radius: 8px 0px 8px 0px;
    z-index: 999;
  }

  #listMenu > a li {
    animation: menuSala 500ms normal;
  }
  @keyframes menuSala {
    0% {
      padding-top: 100%;
      padding-top: 100%;
    }
    100% {
      padding-top: 0%;
    }
  }
  #naveMenu.active #listMenu li {
    display: block;
  }
  .dadosCovid {
    width: 360px;
  }
  #imgcovid > img {
    width: 100%;
    margin: auto;
  }
  .grafiCovid {
    display: none;
    width: 100%;
    height: 350px;
    transform: rotate(90deg);
    /* margin: 230px -160px; */
  }

  .seli {
    font-size: 20px;
    box-shadow: black 0px 0px 5px 0px;
    border-radius: 8px;
  }

  body {
    width: 100%;
  }
  .container {
    width: 100%;
    margin: 0 auto;
  }
  .blocoServicos.DFlex {
    display: block;
  }
  .modulo-sala {
    margin: 20px auto;
    width: 100%;
    display: block;
    height: 230px;
  }
  .padd {
    text-align: center;
    margin: 10px;
  }
  .padd.DFlex {
    display: block;
  }
  .blocoServicos {
    color: rgb(211, 211, 211);
    padding-top: 11%;
    align-items: center;
  }
  .blocoServicos h2 {
    width: 350px;
    font-size: 28px;
    text-decoration: none;
    text-align: center;
  }
  .blocoServicos > i {
    padding-left: 10px;

    font-size: 50px;
  }
  .hero::after {
    margin: -211px auto;
    font-size: 36px;
    width: 360px;
  }
  .infoCentralizada {
    width: 360px;
  }

  .info {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
  }
  .artigo {
    background-color: rgb(255, 240, 217);
    width: 100%;
    border: rgb(5, 5, 5) solid 1px;
    border-radius: 8px;

    align-items: center;
    transition: 100ms;
  }
  .artigo > img {
    width: 250px;
    height: 100%;
  }
  .infoMateria {
    margin-left: 5px;
  }
  .ultimos-artigos {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .propaganda {
    width: 100%;
    padding: 20px;
  }
  .descServicos {
    width: 280px;
  }
  .descServicos > h3 {
    color: white;
  }
  .borderIcon {
    width: 186px;
    margin: 10px 10px;
  }
  .iconeInfo {
    width: 200px;
  }
  .blocofooter {
    width: 206px;
  }
  .servicosAlinhar {
    width: 320px;
  }
  .servicosAlinhar.DFlex {
    display: block;
  }
  .blocoinfoFooter {
    display: block;
    margin: 0;
    width: 320px;
  }
  .Quebra {
    flex-wrap: wrap;
  }
  .logocaracter {
    background-color: #2d3030;
    width: 320px;
    border-radius: 0px 0px 0px 0px;
    height: 90px;
    text-align: center;
    align-content: center;
  }

  .logocaracter > h1 {
    font-size: 45px;
    padding-top: 10px;
  }
  .logocaracter > h2 {
    font-size: 15px;
  }
  .carrocel {
    display: none;
  }

  .AnuncieAqui {
    border: solid rgba(129, 129, 129, 0.582) 1px;
    box-shadow: black 0px 0px 3px 0px;
    height: 100px;
    width: 320px;
    margin-top: 20px;
    margin-left: 0px;
    align-items: center;
  }
  .AnuncieAqui > i {
    padding-top: 20px;
    height: 100px;

    font-size: 50px;
  }

  .AnuncieAqui div > h2 {
    width: 100px;
    margin: auto;
    font-size: 15px;
  }

  .AnuncieAqui div > h3 {
    font-size: 10px;
    color: black;
    width: 150px;
  }
  .AnuncieAqui div > p {
    color: rgb(255, 255, 255);
  }
  .menuFoot {
    font-size: 25px;
    width: 300px;
    line-height: 3rem;
  }
  .dNoticias {
    margin: auto;
    text-align: center;
    display: block;
  }
  .calculadoraMark {
    width: 100%;
    margin-left: -10px;
    border-radius: 12px;
    padding: 2px;
    box-shadow: rgba(0, 0, 0, 0.276) 0px 0px 10px 0px;
    margin-bottom: 50px;
  }
  .calculadoraMark tr {
    display: block;

  }
 
  .anucies {
    width: 100%;
    margin: auto;
    background-color: white;
  }
  .anuncies div {
    width: 100%;
    margin: auto;
    justify-content: space-between;
    /* border: black 1px solid; */
    align-items: center;
    font-size: 10px;
    text-align: center;
  }
  .anuncies > div img {
    width: 50px;

    height: 50px;

    align-items: center;
  }
}
@media (min-width: 360px) {
  .parabensLagoa i {
    top: 132px;
    left: 120px;
  }
  .parabensLagoa .fecharAg {
    top: 132px;
    left: 120px;
  }
}