@font-face {
    font-family: 'calibrib';
    src: url('../fontes/calibrib.ttf') format('truetype');
}

@font-face {
    font-family: 'calibri';
    src: url('../fontes/calibri.ttf') format('truetype');
}


:root {
  --largura: 75%;
  --cinza: #606062;
}


.corpo_site{margin: 0 auto; width: var(--largura);}

body{background-color: white; margin: 0;padding: 0;}

header{background-color: white; color: white; height: 100px; width: 100%;}
header a {color: gray;}
header .faixa_cinza{background-color: #F1F2F2; height: 20px;}
header .logo{}
header .logo img{top: 15px; position: relative; max-height: 86px; z-index: 10}

.banner{clear: both; margin: 0; padding-top: 0px; max-height: 2000px;overflow: hidden;}

.mobile{display: none;}

.web{display: initial;}


.blocos{width: 27%;	float: left; background-color: white; margin: 3%;}

 h2{ font: 36px/36px calibrib; text-transform: uppercase; color: #606062;}

.blocos h3, .faixa_cinza2 div h3, .contato2 h3{font: 26px/26px calibrib; text-transform: uppercase; padding-top: 12px; margin: 0; color: #606062;}

.blocos p, .contato2 p{font: 18px/22px calibri; top: -10px; text-align: left; position: relative; color: #606062;}
 
.texto_bloco{padding-right: 5px;}

.icone_bloco{display: grid;	width: 14%; padding: 10px 15px 10px 0px; padding-top: 20px;	float: left; height: 20vh;}
.icone_bloco img{width: 100%;}

.barra_cinza1, .barra_cinza2, .barra_cinza3, .barra_cinza4, .barra_cinza5{float: left; margin: 5% 0 0 0; height: 30vh; width: 2px; background-color: #BBBBBB; position: relative;}

.barra_cinza3{display: none;}

.leia{clear: both;float: right;}

.leia a p{color: red; font: 20px/20px calibri; padding: 0; margin: 0;}

.faixa_cinza2{width: 100%; background-color: #F1F1F2; margin-bottom: 55px}

.faixa_cinza2 .corpo_site{background-image: url('../imagens/fundo_faixa_cinza.png'); background-position: center left; background-size: 100% auto; background-repeat: no-repeat; min-height: 350px;}

.cinza_esq{width: 30%;}
.cinza_esq p{font: 18px/22px calibri; color: #606062;}

.faixa_cinza3{display: flex; width: 100%; padding: 0px; background-color: #F1F1F2; min-height: 16vh; margin-bottom: 55px}

.contato1, .contato2, .contato3{display: grid; float: left; margin: 0px 2% 0px 2%; justify-content: center; align-items: center; min-height: 16vh;}

.contato1{width: 10%;}
.contato1 img{width: 100%;}
.contato2{width: 36%;}
.contato2 p{padding: 0; font: 18px/22px calibri; text-align: left; color: #606062; }
.contato3{float: right; width: 36%; justify-content: right; right: 5%; position: relative;}

footer{ background-color: #091116; padding: 0; margin: 0; height: 280px; clear: both;}

.footer1, .footer2, .footer3, .footer4{float: left; padding-top: 20px; padding-right: 5%;}

/* Definbindo o tamanho das divs do rodapé */
.footer1{width: 18%;}
.footer2{width: 15%;}
.footer3{width: 35%;}
.footer4{width: 12%; padding-right: 0;}


.footer1 p, .footer2 p{font: 16px/19px calibri; color: white; /*hyphens: auto; text-align: justify;*/}
.footer2 a, .footer3 ul li {font: 16px/30px calibri;color: white;}
.footer3 img{width: 28px; top: 8px; position: relative; margin-right: 2%; }
.footer2 ul, .footer3 ul{padding: 0; list-style-type: none; }
.footer2 h2, .footer3 h2{font: 16px/19px calibrib; color: white;}
.footer4 .f4_1, .footer4 .f4_2, .footer4 .f4_3{display: flex; float:left; justify-content: center; align-items: center; padding-top: 10px;}

.f4_1{width: 100%;}
.f4_1 img{width: 120px;}
.f4_2, .f4_3{width: 50%;}

.contato1{width: 8%;}
.contato1 img{width: 90px;}
.contato2{width: 36%;}
.contato3{width: 48%; min-height: 140px; margin: 0; padding: 0; padding-bottom: 30px; justify-content: center; right: initial;}

/* banner estático */

.banner_est{height: 350px; background-color: #091116; padding: 0; margin: 0; clear: both; }
.banner_est_a{width: 40%; float: left; /*border: 1px solid white;*/ position: relative; z-index: 2;}

.banner_est_a img{margin-top: 20px; height: 200px;/* width: 60%*/}
.banner_est_a p{color: white; font: 18px/22px calibri; }
.banner_est_b{width: 60%; margin: 0; float: right; overflow: hidden; max-height: 350px; /*border: 1px solid white;*/ display: flex; align-items: center; /* Alinha verticalmente */ justify-content: center;}
.banner_est_b img{width: 100%; padding: 0; }

.duas_colunas_a, .duas_colunas_b{font: 18px/22px calibri; width: 45%; float: left; color: var(--cinza) }
.duas_colunas_a{padding-right: 5%;}

.duas_colunas_b{padding-left: 5%;}
.duas_colunas_b img{width: 100%; margin: 55px 0 55px 0; }

.valores{float: left; width: 15%; padding:  0 5%  0  5%; display: block; text-align: center;}
.valores h3{font: 20px/20px calibrib;margin: 2px; color: var(--cinza);}
.valores p{font: 18px/22px calibri; color: var(--cinza)}
.valores img{width: 40%;}


.diferentes{float: left; width: 14.5%; padding:  0 1%  0  1%; display: block; text-align: center;}
.diferentes h3{font: 20px/20px calibrib;margin: 2px; color: var(--cinza);margin-bottom: 50px}
.diferentes img{width: 40%;}

.quatro_colunas{width: 24%; float: left; margin: 0; margin: 0 1% 40px 0;}
.quatro_colunas img{width: 100%; overflow: hidden; margin-bottom: 55px }
.quatro_colunas img.ico{ width: 30%; float: left; margin: 0 10% 10% 0;}
.quatro_colunas h3{font: 20px/20px calibrib; color: var(--cinza); margin: 4px 0px 4px 0}
.quatro_colunas p{font: 18px/22px calibri; padding: 0px; color: var(--cinza); margin: 0px 0px 0px 0}

.duas_colunas_c, .duas_colunas_e{font: 18px/22px calibri; width: 47%; float: left; color: var(--cinza); padding: 30px 0 10px 0}
.duas_colunas_d{width: 6%;float: left}
.duas_colunas_c img, .duas_colunas_e img{width: 100%; margin-bottom: 30px;}


#ico{max-width: 85%}

#v_mob{display: none;}

.icone_bloco_s{display: grid;	width: 13.5%; padding: 10px 15px 55px 0px; padding-top: 20px; margin-top: 8px;	float: left; height: 22vh;}
.icone_bloco_s img{width: 100%;}

input, select, textarea {
  box-sizing: border-box;
}

.box_1{ width: 88%;  height: 36px; border-radius: 5px; border: 1px solid gray; padding: 2%; float: left;}
.box_text{font: 20px/23px calibrib; color: var(--cinza); margin: 4px 0px 4px 0}
.caixa70{width: 66%; padding: 2%; margin:0; float: left}
.caixa30{width: 23%; padding: 0 0 0 4%; margin:30px 0 0 0; float: left}

.form_50{width: 50%; float: left;}
.form_100{width: 100%; float: left;}

.box_2{color: var(--cinza); width: 94%; height: 40px; border: 1px solid gray; padding: 5px; border-radius: 5px; margin: 0}
.box_3{width: 94%; height: 260px; border: 1px solid gray; padding: 5px; border-radius: 5px; margin: 0}

.enviar{width: 94%; height: 40px; background-color: #ED3237; border-radius: 5px; border: 0; color: white; font: 18px/22px calibrib;} 
.enviar_cur{width: 100%; height: 40px; background-color: #ED3237; border-radius: 5px; border: 0; color: white; font: 18px/22px calibrib;} 


.fale{width: 20%; float: left; margin: 10px 10px 0 0}
.fale img{width: 100%;}
.fale_text{width: 58%; float: left; color: var(--cinza)}
.fale_text p, .fale_text p a{font: 18px/18px calibri; color: var(--cinza)}
.fale_text p.bold, .fale_text p.bold a{font: 18px/18px calibrib; color: var(--cinza)}

.caixa30 p{font: 18px/18px calibri; color: var(--cinza)}

.faixa_vr{float: left; width: 1px; height: 60vh; margin-top: 60px; background-color: gray;}

.div_cinza_mapa{width: 40%; float: left; border: 0px solid gray; min-height: 220px}
.div_cinza_mapa img{width: 150px; padding: 20px 30px 10px 10px ; float: left;}

.div_cinza_ico{width: 60%; border: 0px solid gray; float: left;}

.cinza24{width: 24%; float: left; border: 0px solid gray; text-align: center;}
.cinza24 img{width: 40%; padding-top: 10px;}
.cinza24 h3, .div_cinza_mapa h3{font: 20px/18px calibrib; color: var(--cinza);text-align: center; margin-bottom: 0px; margin-top: 6px}
.cinza24 p, .div_cinza_mapa p{font: 18px/22px calibri; color: var(--cinza); text-align: center; margin-left: 10px; margin-right: 10px; margin-top: 6px; margin-bottom: 6px;}


.div_cinza_mapa h3, .div_cinza_mapa p{text-align: left;}

.faixa_vr2, .faixa_vr2_b{height: 130px; width: 1px; background-color: var(--cinza); float: left; margin-top: 40px}

.trabalhe{width: 45%; float: left;}
.trabalhe p{font: 18px/22px calibri; color: var(--cinza); margin-top: 6px;}
.trabalhe h3{font: 24px/20px calibrib; color: var(--cinza); margin-bottom: 4px;}
.trabalhe img{width: 120px; padding: 16px}

.div_trab_a{float: left;}
.div_trab_b{float: left; padding-top: 20px;}

.div_cur{width:55%; float: left; padding-top: 20px; align-items: center;}
.div_file{width: 60%; float: left; top: -10px; align-items: center;}
.div_env_cur{width:40%; float: left; padding-top: 45px; align-items: center;}

.input_file{ background-color: white ; color: var(--cinza); padding: 10px 0px 10px 5px; border-radius: 5px; border: 1px solid var(--cinza); cursor: pointer; float: left; width: 90%; margin: 0px}

.input_file:hover {  background-color: #D6D6D6;}

input[type="file"]::file-selector-button { display: none;}

.captcha1{clear: both; float: right; padding-right: 6%; top: 10px; position: relative; min-height: 90px; }
.captcha2{float: left; padding: 10px 0 10px 0; top: 0; position: relative;}


.box_env{ width: 30%; height: 30%; background-color: #DEDEDE; position: fixed; top: 50%; left: 50%;  transform: translate(-50%, -50%); z-index: 10; font: 22px/26px calibri; padding: 2% 4% 2% 4%; border-radius: 7px; text-align: center; filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.5)) }
.box_env img{width: 60%; padding-top: 10%;}
.box_env p{width: 100%;}

.box_n_env{ width: 30%; height: 30%; background-color: #091116; position: fixed; top: 50%; left: 50%;  transform: translate(-50%, -50%); z-index: 10; font: 22px/26px calibri; padding: 2% 4% 2% 4%; border-radius: 7px; text-align: center; filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.5)) }
.box_n_env img{width: 60%; padding-top: 10%;}
.box_n_env p{width: 100%; color: red}

@media (max-width: 1600px),
       (min-resolution: 2dppx) and (max-width: 1800px) {

.quatro_colunas{width: 32%; float: left; margin: 0; margin: 0 1% 40px 0; }

#q_c4{display: none;}

_est_a{width: 35%; float: left; /*border: 1px solid white;*/ z-index: 2; position: relative;}
.banner_est_b{width: 60%;}
.banner_est_b img{width: 200%; left: 50%; position: relative;}

.diferentes{width: 20%; padding: 0 6% 0 6%;}
.diferentes img{width: 35%}

.icone_bloco_s{height: 300px;}


.div_cinza_mapa{width: 100%; min-height: 160px}

.div_cinza_ico{width: 100%; }
.div_cinza_ico img{width: 85px; }
.div_cinza_ico p{padding-bottom: 30px;}


.caixa70{width: 55%;}
.caixa30{width: 27%;}

.icone_bloco{display: grid;	width: 14%; padding: 10px 15px 10px 0px; padding-top: 20px;	float: left; height: 27vh;}


}


@media (max-width: 1200px),
       (min-resolution: 2dppx) and (max-width: 1400px) {



header .logo img{max-height: 60px;}

.blocos{ width: 43%; float: left; height: 45vh; background-color: white; margin: 3%;}

.barra_cinza2, .barra_cinza4{display: none; }
.barra_cinza3{display: initial; }

.cinza_esq{ width: 50%;}
.faixa_cinza2 .corpo_site{background-image: url("../imagens/fundo_faixa_cinza_m.png");}

.footer1{display: none;}
.footer2, .footer4{width: 26%;}
.footer3{width: 36%;}

.quatro_colunas{width: 45%; float: left; margin: 0; margin: 0 3% 40px 0;}

#q_c3, #q_c4{ display: none;}

.valores{width: 30%; padding:  0 10% 0 10%; min-height: 240px;}
.valores img{width: 30%}

_est_a{width: 40%; float: left; /*border: 1px solid white;*/ z-index: 2; position: relative;}
.banner_est_b{width: 60%;}
.banner_est_b img{width: 200%; left: 63%; position: relative;}

.diferentes img{width: 50%}

.icone_bloco{height: 22vh}
.icone_bloco_s{height: 450px;}


.caixa70{width: 100%;}
.faixa_vr{display: none;}
.caixa30{width: 100%; padding-bottom: 60px; padding-left: 0;}
.caixa30 h2, .caixa30 p{text-align: center;}


.fale{width: 37%; text-align: right}
.fale img{width: 85px;}
.fale_text{width: 40%;}
.fale_text p{text-align: left;}

.cinza24 {width: 35%; padding: 0px 7% 0 7%; }
.faixa_vr2_b{display: none;}



.trabalhe{width: 100%; display: flex;}
.trabalhe img{padding: 5px;}
.div_trab_a{width: 150px}
.div_trab_b{width: 55%}
.div_cur{width: 100%; padding: 0 0 30px 0}
.div_file{padding: 0 0 0 0;}
.div_env_cur {padding-top: 25px;}


.box_env, .box_n_env{ width: 50%;}

}

@media (max-width: 1000px),
       (min-resolution: 2dppx) and (max-width: 1200px) {

.icone_bloco{height: 26vh}

}

@media (max-width: 768px),
       (min-resolution: 2dppx) and (max-width: 1000px) {
       
:root {
  --largura: 85%; 
 }



.blocos{width: 100%; float: left; height: 45vh; background-color: white; margin: 3%;}

.barra_cinza1, .barra_cinza2, .barra_cinza3, .barra_cinza4, .barra_cinza5{display: none;}

.blocos{margin: 0; height: 50vh; }
.blocos p{text-align: left;}

.icone_bloco{height: 65vh;}


.leia{clear: none; float: right; margin-top: 0px; position: relative; top: 0px;}
.cinza_esq{width: 100%;}
.faixa_cinza2 .corpo_site{background-image: none;}

.contato1{width: 26% ;}
 
.contato1 img{width: 90px;}

.contato2{width: 65%;}

.contato3{width: 100%; min-height: 0; margin: 0; padding: 0; padding-bottom: 30px; justify-content: center; right: initial;}

footer{height: 100%;}
.footer1{display: none; width: 100%; }
.footer2{width: 100%;}
.footer2 li{display: inline-block; margin-right: 12px;}
.footer3{width: 100%;}
.footer4{width: 100%; padding-right: 0;}
.footer4 .f4_1{width: 100%;}
.f4_2{width: 15%; margin: 5%; margin-left: 30%;}
.f4_3{width: 15%; margin: 5%; margin-right: 30%;}

.f4_1 img{width: 110px;}

/* VISIBILIDADE DO BANNER WEB E MOBILE*/
.mobile{display: initial;}

.web{display: none;}

.banner_est_a{width: 80%; float: left; /*border: 1px solid white;*/ z-index: 2; position: relative;}

.banner_est_b{display: none;}
.banner_est_a img{height: 160px;/* width: 60%*/}

.duas_colunas_a, .duas_colunas_b{width: 100%; padding-right: 0;}
.duas_colunas_b{width: 100%; padding-left: 0;}

.quatro_colunas{width: 80%; float: left; margin: 0; margin: 0 40px 10%;}
.quatro_colunas p {margin: 0;}
.quatro_colunas h3 {margin-bottom: 5px;}
#q_c2, #q_c3, #q_c4{display: none;}

.valores{width: 42%; padding:  0 4% 0 4%; min-height: 264px;}
.valores img{width: 30%}


.diferentes{width: 40%; padding:  0 5%  0  5%; height: 150px}
.diferentes img{width: 35%}

.duas_colunas_c, .duas_colunas_e{font: 18px/22px calibri; width: 100%; float: left; padding: 30px 0 10px 0}
.duas_colunas_d {display: none}
.duas_colunas_c img, .duas_colunas_e img{width: 100%; margin-bottom: 30px;}
.duas_colunas_c p, .duas_colunas_e p{width: 100%; float: left;}



#v_web{display: none;}
#v_mob{display: initial; float: left;}


.icone_bloco_s{height: 5px;}


.form_50{width: 107%}

.cinza24 {width: 45%; padding: 0px 1% 0 1%; }


.fale{width: 100%; text-align: center}
.fale img{width: 85px;}
.fale_text{width: 100%;}
.fale_text p{text-align: center;}
 
.captcha1{clear: both; float: left; top: 0}

.box_env, .box_n_env{ width: 80%;}
.box_env img, .box_n_env img{width: 80%;}



}

@media (max-width: 400px),
       (min-resolution: 2dppx) and (max-width: 1000px) {

header .logo img{max-width: 200px;}

.blocos{height: 54vh; }
#banner_projetos{width: 100%; height: auto}

}