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


/*====================================*\
  #BIBLIOTECAS
/*------------------------------------*\
  #Bootstrap v4.4.1
\*------------------------------------*/
 @import url(../../scripts/bootstrap/css/bootstrap.min.css);

/*------------------------------------*\
  #FONTE - OPEN SANS
\*------------------------------------*/
@import url(../fontes/open-sans/stylesheet.css);





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

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

body{
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
  color: #DDD;
	font-size: 16px;
    letter-spacing: -0.2px;
    -webkit-font-smoothing: antialiased;
}
small{
	font-size:0.8em;
}
.big{
  font-size: 1.2em;
}
.text-lt{
    font-weight: 300;
}  
.text-bk{
    font-weight: 800;
}  





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

::selection { 
	background:#ffaf00; 
	color:#333;
} 
::-moz-selection { 
	background:#ffaf00; 
	color:#333;
} 
::-webkit-selection { 
	background:#ffaf00; 
	color:#333;
} 





/*------------------------------------*\
  #CORES
\*------------------------------------*/

.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);}


:root {
  --amarelo: #ffaf00;
  --vermelho: #fe2901;
  --azul: #6432ff;
}


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


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


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





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

h2{
  font-size: 2rem;
  font-weight: 800;
}

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

.big{
  font-size: 1.5rem;
}


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

.bg-secondary, .btn-secondary{
  background-color: var(--vermelho) !important;
  border-color: var(--vermelho) !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: #333;
  background-image: url(../imagens/fundo3.png);
  background-size: cover;  
}
#geral{
    min-width: 340px;
}




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

header #logo{
  max-width: 45vh;
  max-height: 100%;
  height: auto;
}
header #logo_int{
  height: 120px;
}

header #galo{
  max-width: 45vh;
  max-height: 100%;
  height: auto;
}




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

section{
    margin: 0;
}

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

.bg-lampadas{
  background-image: url(../imagens/fundo4.png);
  background-size: content;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
}

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





/*------------------------------------*\
  #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: 240px;
}




/*------------------------------------*\
  #RESPONSIVIDADE
\*------------------------------------*/

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {    
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {    
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
}





/*------------------------------------*\
  #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;
  }

}