/* FONTE */
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

body{
   background-color: #fefefe;
   font-family: "Lato", sans-serif;

}

a{
   text-decoration: none;
   text-transform: none;
   color: #323232;
}

input{
   outline-color: #649dd0;
   padding-left: 10px;
}

@font-face {
   font-family: Lato_regular;
   src: url('./fontes/lato-regular-webfont.woff');
}


/* CSS Geral das páginas */


.conteudo{
   margin-top: 32px;
   margin-bottom: 32px;
}

/* .separacao{
   margin-bottom: 32px;
} */


/* Página Inicial */

.strong-crq{
   color: #649dd0 !important;
   font-size: 18px !important;
}

.consulta-publica-texto{
   display: flex;
   justify-content: center;
   padding: 1rem;
}

.texto-cp{
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	color: rgba(50,50,50,1);
	text-align: justify;
}

.borda-texto{
   border-bottom: 2px solid #649dd0;
   padding-bottom: 1rem;
}

.botoes{
   margin-top: 32px;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   align-content: center;
   flex-direction: row;
}

.botoes a{
   display: flex;
   width: 28%;

   background-color: #E0EBF5;
  
   padding: 2rem;

   border-radius: 10px;
   border-color: #323232;
   border: 1.7px solid;

   font-size: 24px;
   font-family: 'Lato', sans-serif;
   font-weight: bold;
   text-align: center;

   justify-content: center;
   align-items: center;
   align-content: center;

}

.botoes a:hover{
   background-color: #649dd0;
   transition: 0.7s;
}

.botao-cp-1{
   margin-right: 0.5rem;
}



/* Style Consulta Pública PF - 1 */



.borda-texto-pf1{
   border-bottom: 2px solid #649dd0;
   padding-bottom: 1rem;
   width: 100%;
}

.div-pf{
   margin-top: 32px;
   margin-left: 32px;
}

.div-cap{
   margin-top: 32px;
   margin-left: 32px;
}

.texto-pf{
   font-size: 18px;
   font-family: 'Lato', sans-serif;
   font-weight: bold;
   display: block;
   margin-bottom: 16px;
}

.input-pf{
   width: calc(30% + 150px);
   height: 2rem;
   border-radius: 5px;
   border: 1.7px solid #323232;
   font-size: 16px;
}
.input-pf-2{
   text-transform: uppercase;
   display: inline-block;
   width: calc(15% + 100px);
   height: 2rem;
   margin-bottom: 24px;
   border-radius: 5px;
   border: 1.7px solid #323232;
   font-size: 16px;
}

.respo-cap{
   display: inline-block
}

.captcha{
   margin-left: 32px;
   vertical-align: middle;
   width: 80px;
   height: 23.5px;
}

.refresh{
   vertical-align: middle;
}


.botao-busca-pf{
   margin-left: 32px;
}

.botao-pf{
   background-color: #92BADE;
   width: 120px;
   height: 45px;
   border-radius: 5px;
   border: none;
   box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
}

.img-busca{
   width: 25px;
   height: 25px;
   margin: 9px 35px;
}


/* Style Consulta Pública PF - Resultado */


.fundo{
   display: flex;
   flex-direction: row;
   align-items: center;
   background-color: #E0EBF5;
   width: 100%;
   margin-bottom: 8px;
}

.fundo-2{
   display: flex;
   background-color: #649dd0;
   width: 20%;
   justify-content: center;
   align-items: center;
   align-content: center;
} 

.categorias{
   font-size: 18px;
   font-weight: bold;
   color: #fefefe;
   text-align: center;
   padding: 10px 0;
}

.texto-pf-fim{
   width: 100%;
   margin-top: 32px;
   display: flex;
   justify-content: center;
}

.borda-superior{
   border-bottom: 2px solid #649dd0;
   padding-bottom: 12px;
   margin-bottom: 24px;
}

/* .margem-pf-fim{
   padding-top: 16px;
}
*/

.centra-botao{
   display: flex;
   justify-content: center;
}

.botao-voltar{
   display: flex;
   margin-top: 32px;
   background-color: #92BADE;
   border-radius: 5px;
   box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
   justify-content: center;
   align-items: center;

   width: calc(10% + 32px);
   height: calc(2rem + 16px);
}

.img-volta{
   display: flex;
   width: 25px;
   height: 25px;
}


/* Style Consulta Pública PF - Ajustes do Banco de Dados */

.texto-php{
   display: flex;
   font-size: 16px;
   font-weight: bold;
   font-family: 'Lato', sans-serif;
   color:#323232;
   padding: 0 16px;
   width: 79.5%;
   

}


/* Style Consulta Pública PJ - 1*/


.borda-texto-pj1{
   border-bottom: 2px solid #649dd0;
}

.bold{
   margin-top: 3px;
   font-weight: bold;
}


/* Style Consulta Pública PJ - 2*/


.fundos-pj{
   margin-top: 8px;
   margin-bottom: 8px;
   background-color: #649dd0;
   width: 681;
   height: 40px;
}

.margens-pj{
   margin-top: 20px;
}


/* Parte de Responsiva */

@media screen and (max-width: 768px) {
   .botoes{
      flex-direction: column;
   }

   .botao-cp-1{
      margin-right: 0;
      margin-bottom: 0.5rem;
   }

   .botao-busca-pf{
      display: flex;
      flex-direction: column;
   }

   .botao-pf{
      margin-bottom: 16px;
   }

   .botoes a{
      width: 50%;
   }

}

@media screen and (max-width: 768px) {
   .fundo{
      width: 100%;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      align-content: center;
   }
   
   .fundo-2{
      width: 100%;
      justify-content: center;
      align-items: center;
      align-content: center;
   }

   .texto-php{
      justify-content: center;
      align-items: center;
      align-content: center;
      padding: 10px;
   }

}

@media screen and (max-width: 368px) {
   .respo-cap{
      display: flex;
      flex-direction: row;
      margin-bottom: 16px;
   }

   .refresh{
      vertical-align: middle;
      width: 20px;
      height: 20px;
   }

   .captcha{
      margin-left: 0;
   }

}















/* Velhos - 2 */
/* .fundo{
   display: table;
   background-color: #E0EBF5;
   width: 100%;
   margin-bottom: 8px;
}

.fundo-2{
   display: table-cell;
   background-color: #649dd0;
   width: 20%;
} */