.ocultar {
      display: none;
}

.bdcinza {
      border: solid 1px #c2c2c2;
}

.bdlaranja {
      border: solid 1px #ffbb00;
}

.bdverde {
      border: solid 1px #00ff55;
}

.mt10 {
      margin-top: 10px;
}

.mt20 {
      margin-top: 20px;
}

.mt40 {
      margin-top: 40px;
}

.mb5 {
      margin-bottom: 5px;
}

.mb10 {
      margin-bottom: 10px;
}

.mb20 {
      margin-bottom: 20px;
}

.mb40 {
      margin-bottom: 40px;
}

.ml5 {
      margin-left: 5px;
}

.ml10 {
      margin-left: 10px;
}

.ml20 {
      margin-left: 20px;
}

.mr5 {
      margin-left: 5px;
}

.mr10 {
      margin-left: 10px;
}

.mr20 {
      margin-left: 20px;
}

.h20 {
      height: 20px;
}

.h40 {
      height: 40px;
}

.h60 {
      height: 60px;
}

.h80 {
      height: 80px;
}

.h150 {
      height: 150px;
}

.w10 {
      width: 10px;
}

.w20 {
      width: 20px;
}

.w30 {
      width: 30px;
}

.w50 {
      width: 50px;
}

.w80 {
      width: 80px;
}

.w100 {
      width: 100px;
}

.w150 {
      width: 150px;
}

a.w150 {
      width: 150px;
}

.w200 {
      width: 200px;
}

a.w200 {
      width: 200px;
}

.w250 {
      width: 250px;
}

.w350 {
      width: 350px;
}

.pd1 {
      padding: 1px 10px;
}

.pd3 {
      padding: 3px 20px;
}

.pd5 {
      padding: 5px 20px;
}

.pd8 {
      padding: 8px 20px;
}

div .pd3 {
      padding: 3px 10px;
}

div .pd5 {
      padding: 5px 10px;
}

div .pd4 {
      padding: 4px 10px;
}

div .pd8 {
      padding: 8px 10px;
}

.pd10 {
      padding: 10px 20px;
}

.pdl10 {
      padding-left: 10px;
}

.pdl20 {
      padding-left: 20px;
}

.pdl30 {
      padding-left: 30px;
}

.pdr10 {
      padding-right: 10px;
}

.pdr20 {
      padding-right: 20px;
}

.pdr30 {
      padding-right: 30px;
}

.spanbox.pdl10 {
      padding-left: 10px;
      transition: 0.3s;
}

.spanbox.pdl20 {
      padding-left: 20px;
}

.spanbox.pdl30 {
      padding-left: 30px;
}

.spanbox.pdr10 {
      padding-right: 10px;
}

.spanbox.pdr20 {
      padding-right: 20px;
}

.spanbox.pdr30 {
      padding-right: 30px;
}

.pd1010 {
      padding: 10px 10px;
}

.pd1020 {
      padding: 10px 20px;
}

.pd15 {
      padding: 15px 20px;
}

.pd20 {
      padding: 20px 20px;
}

.pd30 {
      padding: 30px 30px;
}

a.pd3 {
      padding: 3px 10px;
}

a.pd320 {
      padding: 3px 20px;
}

a.pd5 {
      padding: 5px 10px;
}

a.pd520 {
      padding: 5px 20px;
}

a.pd8 {
      padding: 8px 10px;
}

a.pd10 {
      padding: 10px 20px;
}

a.pd1020 {
      padding: 10px 20px;
}

a.pd2020 {
      padding: 20px 20px;
}

a.pd20 {
      padding: 10px 20px;
}

a.pd15 {
      padding: 15px 10px;
}

a.pd20 {
      padding: 20px 20px;
}

a.pd30 {
      padding: 30px 30px;
}

.radius8 {
      border-radius: 8px;
}

.radius15 {
      border-radius: 15px;
}

.radius25 {
      border-radius: 25px;
}

a.radius8 {
      border-radius: 8px;
}

a.radius15 {
      border-radius: 15px;
}

a.radius25 {
      border-radius: 25px;
}

a.spanbox,
a.spanbox:visited {
      display: inline-block;
      position: relative;
      color: #000000;
      text-decoration: none;
      cursor: pointer;
      background-color: #ffffff;
      padding-left: 10px;
      padding-right: 10px;
      transition: 0.3s;
}

a.whatsapp,
a.whatsapp:visited {
      background-color: #41e979;
      color: #000000;

}

a.whatsapp:hover {
      background-color: #089236;
      color: #ffffff;
      transition: 0.3s;

}

a.pdf,
a.pdf:visited {
      background-color: #e95a41;
      color: #ffffff;

}

a.pdf:hover {
      background-color: #921808;
      color: #ffffff;
      transition: 0.3s;

}



.bgbranco {
      background-color: #ffffff;
}


a.bgcinza,
a.bgcinza:visited {
      background-color: #f3f3f3;
      /* border: solid 1px #cecece; */
      transition: 0.3s;
}

a.bgcinza:hover {
      background-color: #ffffff;
      transition: 0.8s;
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25) !important;
      /* border: solid 1px #cecece; */
}

a.bgazul,
a.bgazul:visited {
      background-color: #4f80f0;
      /* border: solid 1px #cecece; */
      transition: 0.3s;
      color: #ffffff;
}

a.bgazul:hover {
      background-color: #029cdb;
      transition: 0.8s;
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25) !important;
      /* border: solid 1px #cecece; */
}

.bgamarelo {
      background-color: #ffe3d7;
}





.bgvermelho {
      background-color: #f51515;
      color: #ffffff;
}

.bgvermelho:hover {
      background-color: #8d0808;
      color: #ffffff;
      box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.16);
}

a.spanbox.bglaranja {
      background-color: #ff8000;
      color: #ffffff;
}

a.spanbox.bglaranja:hover {
      background-color: #f0a152;
      color: #ffffff;
}

a.spanbox.bglaranja:link,
a.spanbox.bglaranja:visited {
      color: #ffffff;
      background-color: #ff8000;
}

a.bglaranja {
      background-color: #ff8000;
      color: #ffffff;
}

a.bglaranja:link,
a.bglaranja:visited {
      color: #ffffff;
      background-color: #ff8000;
}

.bglaranja {
      background-color: #ff8000;
      color: #ffffff;
}

.bglaranja:hover {
      background-color: #884706;
      color: #ffffff;
      box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.16);
}



/* BGVERDE */

a.spanbox.bgverde {
      background-color: #13960e;
      color: #ffffff;
}

a.spanbox.bgverde:hover {
      background-color: #0c5e09;
      box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.16);
      color: #ffffff;
      transition: 0.3s;
}

a.spanbox.bgverde:link,
a.spanbox.bgverde:visited {
      color: #ffffff;
      background-color: #13960e;
}

a.bgverde {
      background-color: #13960e;
      color: #ffffff;
}

a.bgverde:link,
a.bgverde:visited {
      color: #ffffff;
      background-color: #13960e;
}

.bgverde {
      background-color: #13960e;
      color: #ffffff;
}

.bgverde:hover {
      background-color: #0c5e09;
      color: #ffffff;
      box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.16);
      transition: 0.3s;
}






/* FIMBGVERDE */


a.spanbox.bgroxo,
a.spanbox.bgroxo:visited {
      background-color: #a554c7;
      color: #ffffff;
}

a.spanbox.bgroxo:hover {
      background-color: #c669ee;
      color: #ffffff;
      box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.16);
      transition: 0.3s;
}

.bgroxo {
      background-color: #a554c7;
      color: #ffffff;
}

.bgroxo:hover {
      background-color: #c273e4;
      color: #ffffff;
      box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.16);
      transition: 0.3s;
}



.fs0 {
      font-size: 10px;
}

.fs12 {
      font-size: 12px;
}

.fs14 {
      font-size: 14px;
}

.fs16 {
      font-size: 16px;
}

.fs20 {
      font-size: 20px;
}

.fs26 {
      font-size: 26px;
}

.fs28 {
      font-size: 28px;
}

.fs30 {
      font-size: 30px;
}

.borda {
      border: solid 1px #e0e0e0;
}

.flex-dh {
      display: flex;
      justify-content: space-between;
}

.flex-between {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
}

.flex-start {
      display: flex;

      justify-content: flex-start;
      align-items: center;
}

.flex-center {
      display: flex;
      justify-content: space-between;
      align-items: center;
}

.flex-wrap {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
}

/* Estilos para todos os inputs */
input {
      /* Seus estilos comuns aqui */
      border: solid 1px #cccccc;
}

/* Estilos específicos para inputs de tipo text */
input[type="text"] {
      border: solid 1px #cccccc;
      /* Estilos para inputs de tipo text aqui */
}

/* Estilos específicos para inputs de tipo password */
input[type="password"] {
      border: solid 1px #cccccc;
      /* Estilos para inputs de tipo password aqui */
}

/* Estilos específicos para inputs de tipo checkbox */
input[type="checkbox"] {
      border: solid 1px #cccccc;
      /* Estilos para inputs de tipo checkbox aqui */
}

/* Estilos específicos para inputs de tipo radio */
input[type="radio"] {
      border: solid 1px #cccccc;
      /* Estilos para inputs de tipo radio aqui */
}

/* Estilos específicos para inputs de tipo submit */
input[type="submit"] {
      border: solid 1px #cccccc;
      /* Estilos para inputs de tipo submit aqui */
}

/* Adicione mais regras conforme necessário para outros tipos de input */
.centrodapagina {
      position: fixed;
      /* Isso mantém a div fixa na tela enquanto você rola */
      top: 50%;
      /* Posiciona a parte superior da div no meio da tela */
      left: 50%;
      /* Posiciona a parte esquerda da div no meio da tela */
      transform: translate(-50%, -50%);
      /* Move a div de volta em 50% da sua largura e altura, centrando-a */
      z-index: 9999;
      /* Define a ordem de sobreposição para garantir que a div esteja acima de outras camadas */
}