@charset "UTF-8";
/*------------------------------------*\
Desenvolvido por Cedilha Comunicação Digital
https://cedilha.com.br
\*------------------------------------*/


/*====================================*\
  #BIBLIOTECAS 
/*------------------------------------*\
  #FONTE - OPEN SANS
\*------------------------------------*/

@import url(../fontes/monument/stylesheet.css);

@import url('https://fonts.googleapis.com/css2?family=KoHo:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');






/*====================================*\
  #ESTILOS
\*====================================*/

/*------------------------------------*\
  #GERAL
\*------------------------------------*/

body{
	margin:0;
	padding:0;
	font-family: 'KoHo', sans-serif;
  color: #DDD;
	font-size: 18px;
}
small{
	font-size:0.8em;
}
.big{
  font-size: 1.2em;
}
.text-lt{
    font-weight: 300;
}  
.text-bk{
  font-weight: 700;
  font-style: normal;
}  





/*------------------------------------*\
  #CORES
\*------------------------------------*/
:root {
  --azul1: #082797;
  --verde1: #79D91B;
  --azul2: #4343E7;
  --verde2: #54C100;
  --cinza: #3C3C3C;
}


.VERDE{color:#00FF00 !important;}
.VERMELHO{color:#CC0000 !important;}
.CINZA{color:#CCCCCC !important;}
.BRANCO{color:#FFFFFF !important;}


.bg75{background-image: url(../imagens/transp75.png);}
.bg50{background-image: url(../imagens/transp50.png);}
.bg25{background-image: url(../imagens/transp25.png);}


/*------------------------------------*\
  #azul1
\*------------------------------------*/
.azul1{
  color: var(--azul1)
}
.azul1 a{
  color: inherit !important;
}
.bg-azul1{
  background-color: var(--azul1)
}


/*------------------------------------*\
  #azul2
\*------------------------------------*/
.azul2{
  color: var(--azul2)
}
.azul2 a{
  color: inherit !important;
}
.bg-azul2{
  background-color: var(--azul2)
}



/*------------------------------------*\
  #verde1
\*------------------------------------*/
.verde1{
  color: var(--verde1)
}
.verde1 a{
  color: inherit !important;
}
.bg-verde1{
  background-color: var(--verde1)
}



/*------------------------------------*\
  #verde2
\*------------------------------------*/
.verde2{
  color: var(--verde2)
}
.verde2 a{
  color: inherit !important;
}
.bg-verde2{
  background-color: var(--verde2)
}



/*------------------------------------*\
  #cinza
\*------------------------------------*/
.cinza{
  color: var(--cinza)
}
.cinza a{
  color: inherit !important;
}
.bg-cinza{
  background-color: var(--cinza)
}




/*------------------------------------*\
  #SELEÇÃO
\*------------------------------------*/

::selection { 
	background: var(--azul2); 
	color: var(--verde1);
} 
::-moz-selection { 
	background: var(--azul2); 
	color: var(--verde1);
} 
::-webkit-selection { 
	background: var(--azul2); 
	color: var(--verde1);
} 





/*------------------------------------*\
  #TÍTULOS E TEXTOS
\*------------------------------------*/

h1, h2, h3, h4, h5, h6{
	font-family: 'Monument Extended', sans-serif;
  font-weight: 400;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color: inherit;
}

h2{
  font-size: 1.5rem;
  color: var(--verde1);
}

h3{
  font-size: 1.25rem;
  color: var(--verde2);
}

.big{
  font-size: 1.5rem;
}

.font2{
	font-family: 'Monument Extended', sans-serif;
}


p a{
  color: var(--verde1) !important;
}

p a:visited {
  color: var(--azul1);
}

a:hover {
  color: var(--verde2);
}

a:active {
  color: var(--verde2);
}



.bg-primary, .btn-primary{
  background-color: var(--verde1) !important;
  border-color: var(--verde1) !important;
  color: #FFFFFF !important;
}

.bg-secondary, .btn-secondary{
  background-color: var(--azul2) !important;
  border-color: var(--azul2) !important;
  color: #FFFFFF !important;
}





/*------------------------------------*\
  #FORMULÁRIOS
\*------------------------------------*/

input.error,select.error,textarea.error{
	background-color:#FFFFEA;
	border:1px solid #C00;
}
label label.error{
	color:#C00;
	margin:0;
	padding:0;
}
input.controle{
    display: none;
}





/*====================================*\
  #POSITIONS
/*====================================*\

/*------------------------------------*\
  #GERAL
\*------------------------------------*/
html, body, #geral{
  min-height: 100%;
}
body {
  background-color: var(--azul1);
  background-image: url(../imagens/fundo1.jpg);
  background-size: cover;
  background-attachment: fixed;
}
#geral{
    min-width: 340px;
}

.bg-fundo2 {
  background-image: url(../imagens/fundo2.png);
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
}



/*------------------------------------*\
  #HEADER
\*------------------------------------*/


#logo, #galo {
    max-width: 28vw;
    height: auto !important;
    width: auto !important;
}

/* Telas pequenas */
@media (max-width: 767.98px) {
    #logo, #galo {
        max-width: 60vw !important;
    }
}

header #logo_int{
  max-width: 300px;
}






/*------------------------------------*\
  #SECTION
\*------------------------------------*/

section{
    margin: 0;
}

.foto-material{
  max-width: 200px;
}

.bg-trade{
  background-color: #e4e4e4;
}

.homepage-prov{
  max-width: 340px;
}

.list-group-item {
  border-color: var(--verde1);
}


.img-oficina{
  width: 120px;
  height: 120px;
}
.texto-oficina {
  font-size: 1.1rem;
}
.texto-oficina p{
  margin-bottom: 0 !important;
}




/*------------------------------------*\
  #PDF
\*------------------------------------*/

.leitorpdf{
  width: 100%;
  height: 75vh;
}





/*------------------------------------*\
  #MODAL
\*------------------------------------*/

.janela_modal header, .janela_modal footer, .janela_modal .pub{
  display: none;
}
.janela_modal section{
  min-height:99vh;
}
#geral.janela_modal{
  margin-top: -65px;
}
.modal-body iframe{
  height: 80vh;
}





/*------------------------------------*\
  #ROLAGEM
\*------------------------------------*/

.linha_oculta{
    display: none;
}





/*------------------------------------*\
  #PUBLICIDADE
\*------------------------------------*/

.pub{
    text-align: center;
    padding: 8px 0;
}





/*------------------------------------*\
  #FOOTER
\*------------------------------------*/

footer{
    font-size: 14px;
}

footer p{
    text-align: center;
}

footer a{
  color: #DDD;
}

.logo-footer{
  width: 200px;
}




/*------------------------------------*\
  #IMPRESSÃO
\*------------------------------------*/
@media print {

  body, section, .container{
    margin: 0 !important;
    padding: 0 !important;
    width: auto;
    height: auto;
    overflow: hidden;
    font-size: 11pt !important;
  }

  .page-break {
    page-break-before: always !important;
  }

}