/*=========== RESET ==========*/
* {margin: 0; padding: 0; font-size: 100%; border: none; outline: none; font-weight: 400; box-sizing: border-box;
font-family: 'Lato', sans-serif;}
body {background-color: #f5f5f5;}
a {text-decoration: none;}
ul {list-style: none;}
img {max-width: 100%;}
/*=========== CONTAINER ==========*/
.container {width: 100%; float: left; padding: 1% 1%; text-align: center;}
/*.container {width: 100%; float: left; padding: 1% 1%; text-align: center;width: 100vw; height: 100vh;background: #6C7A89;
            display: flex;flex-direction: row;justify-content: center;align-items: center;}
*/
/*=========== BG COLORS ==========*/
.bg-gradient {background: linear-gradient(to right,#00036d,#0008ff);}
.bg-black {background-color: #130400; }
.bg-white {background-color: #fff;}
/*=========== HELPERS ==========*/
.radius {border-radius: 7px;}
/* CABEÇALHO */
.logo {width: 56px; height: 56px; float: left; background: url(../img/logo-mobile.png) center center/56px no-repeat;
font-size: 0;}
.btn-menu {width: 56px; height: 56px; float: right; text-align: center; color: #fff; border-radius:56px; cursor: pointer;}
/* MENU */
.menu {display:none; width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.9); top: 0; left: 0;}
.btn-close {font-size: 1.5em; color: #fff; float: right; cursor: pointer; margin: 2% 3% 0 0;}
.menu ul {width: 100%; float: left; text-align: center;}
.menu li {padding: 1.5%;}
.menu li a {font-size: 2em; color: #fff; padding: 1.5% 3%;}
.menu li a:hover {border:1px solid #5656CB;}
/* BANNER */
.banner {background: url(../img/votando.jpg) no-repeat fixed;border: 10px #fff}
.title {width: 100%;}
.title t2 {font-size: 2.0em; color: #fff; font-weight: 700;}
.title t3 {width: 80%; font-size: 1.2em; color: #fff;}
.title t3-480 {font-size: 1.2em; color: #fff; display:none}
.title t3-640 {font-size: 1.2em; color: #fff; display:none}
.boldVoce {font-size: 1.0em; color: #ffa; font-weight: 600;}
.buttons {width: 100%; margin-top: 2%;}
.buttons i {float: right;}
.btn {width: 85%; font-size: 1.5em; text-align: left; cursor: pointer; opacity: 0.99;}
.btn:hover {opacity: 1.0; padding: 0.2%;}
.btn-cadastrar { color: #130400;}
.btn-sobre {color:#fff ; margin-top: 2%;}
/* SERVIÇOS */
.servico {background-color: rgb(255,255,255); width: 100%;  text-align: left;  margin-bottom: 3%; opacity: 1; padding:0.3%;z-index: -1}
.servico:hover {background-color: rgba(232,232,232,0.7);opacity: 0.88; cursor: pointer;}
.servico img {border-radius: 8px 8px 0 0;}
.inner {padding: 7%;}
.inner a {font-size: 1.5em; color: #130400; font-weight: 700; }
.inner h4 {font-size: 1.2em; color: #130400; margin-top: 2%; }
.inner p {margin-top: 6%; color: #130400; line-height: 1.5em;}
.inner t1 {color: #d45500; font-weight: 1000; font-size: 1.5em;}
.inner t2 {color: #000; font-weight: 700; font-size: 1em;}
/* contato */
.contato h2 {font-size: 1.5em; color: #fff; font-weight: 700;}
.contato h3 {color: #fff;}
.contato form {margin-top: 2%;}
.contato input {width: 100%;  color: #fff; border: 1px solid rgba(255,255,255,0.3); padding: 5%; }
.contato button {width: 100%;  color:#130400; padding: 5%; cursor: pointer; margin-top: 2%; }
/* RODAPÉ */
.social-icons a {font-size: 1.9em; color: rgba(255,255,255,0.7); margin-right: 2%; margin-left: 2%;}
.social-icons a:last-child {margin-left: 0;}
.social-icons a:hover {color: rgb(255,255,255); font-size: 2.4em;}
.social-icons .fa-user-plus {cursor:pointer; }
.social-icons .fa-search {cursor:pointer}
.social-icons .fa-th-list {font-size: 4em; color: rgb(255,255,255);}

.copyright {background: -webkit-linear-gradient(#03e8f07e,#fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;margin-top:2%; font-weight: 800;}
.aVerde{font-size: 1.5em; color: #00fccc; font-weight: 700;}
/* ========== MOBILE FIRST ==========*/
/* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 480px) {
.logo {width: 318px; background: url(../img/logo.png) center center/318px no-repeat;}
.btn {font-size: 2em;}
.title t3 {display:none}
.title t3-480 {display:block}
.title t3-640 {display:none}
}
/* iPHONE ANTIGO* DVGA*/
@media screen and (min-width: 640px) {
    .title t3 {display:none}
    .title t3-480 {display:none}
    .title t3-640 {display:block}
    .servico {width: 49%; float: left; margin-right: 2%;}
    .servico:nth-child(2){margin-right: 0;}
    .contato h2 {font-size: 2em;}
    .contato h3 {font-size: 1.5em;}
    .contato input {width: 70%; padding: 2%; float: left; margin-right: 1%;}
    .contato button {width: 29%; padding: 2%; float: right; margin-top: 0;}
    }
/* SMALL DEVICES - TABLETS*/
@media screen and (min-width: 768px) {
.servico {width: 49%; float: left; margin-right: 2%;}
.servico:nth-child(2){margin-right: 0;}
.contato h2 {font-size: 2em;}
.contato h3 {font-size: 1.5em;}
.contato input {width: 70%; padding: 2%; float: left; margin-right: 1%;}
.contato button {width: 29%; padding: 2%; float: right; margin-top: 0;}
}
/* MEDIUM DEVICES - TABLETS & DESKTOPS*/
@media screen and (min-width: 960px) {
.title {width: 70%; float: left; text-align: left;}
.title h2 {font-size: 3em;}
.title h3 {font-size: 2em;}
.buttons {width: 30%; float: right; margin-top: 0; }
.contato input {width: 60%; float: none;}
.contato button {width: 20%; float: none;}
}
/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1280px) {
.btn-menu {display: none;}
.btn-close {display: none;}
.menu {color: rgb(0,0,0);font-size: 1.5em; width: auto; height: 56px; line-height: 56px; float: right; background-color: #f5f5f5; display: block !important; position: static;}
.menu li {padding: 0; float: left;}
.menu li a {color:#130400; font-size: 1em; padding: 15px; }
.menu li a:hover {border: none; color: #5656CB; }
.menu-planos{width: auto; line-height: 22px; float: right; background-color: #f5f5f5;position: absolute;text-align:left; opacity:0.95;
            padding:1%;margin-top:-11.1%;margin-left:22.5%;border-radius: 0 0 7px 7px;display: none;}
.menu-planos img {text-align:center;width: 14px; height:14px;}
.menu-planos a {color: #130400;}           
.menu-planos a:hover {color: #0008ff;}           
.title {width:70%;padding-top:1.4%;}
.buttons {margin-top:0%; width:30%}
.btn {width:22%; padding: 0%;}
.btn-cadastrar { color: #130400; margin-top: 0%;}
.btn-sobre {margin-left: 1%; margin-top: 0%;}
input {border: 0;}
.servico {width: 23%; }
.servico:nth-child(2){margin-right: 2%;}
.servico:nth-child(3){margin-right: 2%;}
.servico:nth-child(4){margin-right: 0;}
.contato{display: grid; grid-template-columns: 40% 20% 5% 35%;grid-gap: 10px;}
.contato h2 {font-size: 1.5em; color: #fff; font-weight: 700;float:left;}
.contato h3 {color: #fff;font-size: 1em;float:left }
.contato form {margin-top:2%; width:100%; float:right}
//.contato div {background-color: orangered;}
.contato input {width:99%; color:#fff; border:1px solid rgba(255,255,255,0.3); padding:1%; float:left; margin-top:0.5%;}
.contato button {width:85%; color:#130400; cursor:pointer; float:left; padding-top:21%;padding-bottom:21%; margin-bottom:0.5%;margin-left: 1%;margin-top:3%;}







                






.formGrid                   {display: grid; grid-template-columns: 26% 2% 44% 2% 26%; grid-template-rows:20% 38.5% 1.5% 40%; grid-gap: 0px; height: 100%;
    background-color: rgba(0,0,0,0.9); top: 0; left: 0; font-size: 2em; color: #fff; padding: 1.5% 0%;}

    .menuForm                   {grid-column-start:3; grid-column-end:4; grid-row-start:1; grid-row-end:2; height:100%; width: 100%;color:#fff}
    .corpoForm                  {grid-column-start:3; grid-column-end:4; grid-row-start:2; grid-row-end:3; height:100%; font-size: 0.6em; 
                                color:#f0f0f0; font-weight: 500; margin-left:auto;margin-right:auto; width: 100%; padding-top:0%;}
    .corpoForm-detalhes         {grid-column-start:2; grid-column-end:5; grid-row-start:2; grid-row-end:3; height:100%; font-size: 0.6em; 
                                color:#f0f0f0; font-weight: 500; margin-left:auto;margin-right:auto; width: 100%; padding-top:0%;}
    .executaForm                {grid-column-start:3; grid-column-end:4; grid-row-start:4; grid-row-end:5; height:100%; margin-left: 38%; margin-right: -38%; width: 100%;margin-top: 15%;}
    .jsOkCancelBotoes           {grid-column-start:3; grid-column-end:4; grid-row-start:4; grid-row-end:5; height:100%; margin-left: 38%; margin-right: -38%; width: 100%;margin-top: 15%;}
                                
.formCadastro               {display:none; width: 100%; height: 100%; position: fixed;}
.jsMsgBoxModal          {display:none; width: 100%; height: 100%; position: fixed;}
.jsOkCancelaModal           {display:none; width: 100%; height: 100%; position: fixed;}
.corpoFormCadastroTel      {border: 1px solid #fff; color:#fff; width: 38%;}
.formPesquisa               {display:none; width: 100%; height: 100%; position: fixed;}
.formDetalhes               {display: none; width: 100%; height: 100%; position: fixed;}
.corpoFormDetalhes          {width:100%}
.textoDetalhes              {float: left; top: 0;width: 50%;}
.fotoDetalhes               {float: right; width: 37%;}
.fotoDetalhes  img          {float: right; width:82%;background-color: #fff;border: #fff solid 1px;padding-bottom:0%;top: 0;}
.menuForm a                 {font-size: 1.5em; color: rgba(255,255,255,0.7); margin-right: 3%;}
.menuForm a:last-child      {margin-right: 0;}
.menuForm a:hover           {color: rgb(255,255,255);font-size: 1.9em;}
.botaoAtivo                 {cursor:pointer}
.botaoDestaque              {color: rgb(255,255,255);font-size: 2em;padding-right:6%;padding-top:5%}
.botaoInativo               {color: rgba(255,255,255,0.25);font-size: 1.5em;padding-right:3%;padding-top:5%}
.botaoInvisivel             {font-size: 1.9em;opacity: 0;}
.corpoFormPadrao            {border: 1px solid #fff; border-radius: 7px; width:100%;;margin-left:0%;padding: 2%;background-color:#000; display:block;}
.corpoFormPadraoInput       {border: 1px solid #fff; color:#fff; width: 79.5%;}
.corpoFormCPFInput          {border: 1px solid #fff; color:#fff; width: 33.5%;}
.corpoFormPadraoSelect      {border: 1px solid #fff; color:#fff; width: 20%;}

.corpoFormPadraoData        {border: 1px solid #fff; color:#fff;padding-left: .5%;}

.btn-fechaModal             {margin-top:1%; margin-right: 1%; background-color:#e60800e8;font-size: 0.6em; color:#f0f0f0ef; font-weight: 700; padding:0.5% 2.5%;border-radius: 7px;cursor:pointer;}
.btn-fechaModal:hover       {background-color:#f00;font-size: 0.6em; color:#fff;}
.btn-AvancaModal            {margin-top:1%; background-color:#00ff0dbd;font-size: 0.6em; color:#f0f0f0; font-weight: 700; padding:0.5% 2.5%;border-radius: 7px;cursor:pointer;}
.btn-AvancaModal:hover      {background-color:#00ff0d;color:#ffffff;}

.corpoMsgPadrao             {margin-left:7.5%;width:85%;height:100%;text-align:center;border:1px solid #fff; border-radius:7px;background-color:#000; display:block;}
.corpoMsgPadraoTopo         {height:20%;float:right;padding-right:.8%;padding-top:.8%;}
.iconeMsgPadraoTopo         {color: rgb(255,255,255);font-size:.9em;padding-right:1%;}
.corpoMsgPadraoMeio         {height:80%;padding-top:1%;}

.jsMsgBoxImg                 {padding-bottom:0%; background:center/20% no-repeat;background-color: #000;opacity:.85;}
.jsOkCancelImg                 {padding-bottom:0%; background:center/20% no-repeat;background-color: #000;opacity:.85;}

.btn-fechaMsg               {text-align:center; ; border-radius: 8px;background-color:#e60800e8;font-size: 1.2em; color:#f0f0f0ef; font-weight: 700;cursor:pointer;}
.btn-fechaMsg:hover         {background-color:#f00;color:#fff;}
/*.tabela div:nth-child(1n+0):hover {background: green;clear:both}*/
.tabela, th                         {line-height:25px;border: solid 1px #fff;}
table                               {width: 99%;border-collapse:collapse;}
td                                  {text-shadow: 2px 1px 1px #fff;}
.tabelaCorpo                        {line-height:23px;width: 100%;padding: 0%;margin: 0%;}
.tabelaCorpo tr:hover               {cursor:pointer;}
.tabelaCabecalho                    {top:0;left:0;font-size:0.9em;font-weight:700;background-color:#000;color:#555;}
.tabelaDados                        {top:0;left:0;font-size:0.85em;font-weight:700;background-color:#fff;color:#000;}
.tabelaDados td                     {max-width: 100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tabelaOverflow                     {overflow-y: scroll; padding-bottom:0%;height:411px;}
.tabelaDegrade                      {background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#aaaaaa));text-shadow: 1px 1px 1px #fff;
                                     background: -moz-linear-gradient(top, #ffffff, #aaaaaa);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#aaaaaa');}
.tabelaDadosDegrade                 {background: -webkit-gradient(linear, left top, left bottom, from(#b6c6d7), to(#cdd5de));text-shadow: 1px 1px 1px #fff;
                                     background: -moz-linear-gradient(top, #ffffff, #aaaaaa);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#aaaaaa');}
.registroPar                        {background:unset;background-color:#fff;color:#000;}
.registroImpar                      {background:unset;background-color:#dfdfdf;color:#000}
.tblDtInsc                          {width:6%;}
.tblCpf                             {width:7%;}
.tblNome                            {width:25%;text-align: left;padding-left: 8px;}
.tblSexo                            {width:3.3%;}
.tblIdade                           {width:3%;}
.tblTel                             {width:7.2%;}
.tblEmail                           {width:22.3%;text-align: left;padding-left: 8px;}
.tblProf                            {width:25.8%;text-align: left;padding-left: 8px;}
.tblTitEle                          {width:7%;}
.tblTitEleZn                        {width:2.5%;}
.tblTitEleSc                        {width:3%;}
.tblEnd                             {width:47.7%;}
.tblCep                             {width:5.2%;}
.tblBairro                          {width:12.9%;}
.tblMunicip                         {width:19.6%;}
.tbluF                              {width: 1.7%;;}
.copyrightTexto                     {color: rgb(255,255,255); margin-top:2%; font-weight: 800;}
.clear                              {clear:both;}
.testeCor {color:rgb(255, 255, 0)}
[type="date"] {
    background:url(../img/calendar_1.png)  97% 50% no-repeat ;
  }
  [type="date"]::-webkit-inner-spin-button {
    display: none;
  }
  [type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
  }