@charset "utf-8";
/* CSS Document */

:root {
    --cor-laranja: #da6835;  
    --cor-ouro: #e9a43e;
    --cor-marron: #ae4d27;
    --cor-azul: #163c50;
    --cor-pastel: #fef0cf;
    --cor-palha: #fef9f0;
    --cor-fume: rgba(0,0,0,0.3);
  }
  


/*Topo*/
#divTopo{ background:url(../img/imgTopo.png); background-position: top center; background-repeat: repeat-x; height:258px; margin-top:0; padding:0;}
#divLogo{ width:900px; height:101px; padding-top:26px; margin:0 auto;text-align: center;}
#divTopo2{ width:900px; height:146px; padding-top:0px; margin:0 auto;}
#divMenu{ width:900px; height:112px; padding-top:45px; margin:0 auto; background-image:url(../img/imgMenu.png); background-repeat:no-repeat; }
#divMenu ul{ list-style:none; width:740px; margin:auto; margin-top:25px;padding:0;     text-align: center;}
#divMenu ul li{ display:inline;  padding:20px;}
#divMenu ul li a{ border:0; text-decoration:none; }

#divMenu ul li img{ border:0;}
/*Fim Topo*/




/*Conf. Gerais*/

body{ background: var(--cor-azul); padding:0; margin:0;}

#divConteudo{ background: var(--cor-fume); width:885px; margin-top:15px; margin-left:auto; margin-right:auto; height:auto; display:table;border-radius: 10px;}

h1{font-family:Arial, Helvetica, sans-serif; font-size:30px; color:var(--cor-marron); padding-right:5px; margin-top:15px; margin-left:35px; margin-bottom:5px;}

h2{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; 
font-size:18px; margin:0; }

h3{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; margin:0; padding:0;}

h4{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight: bold; color:#FFFFFF; padding:0; margin-top:25px; margin-bottom:10px;}

h5{color:var(--cor-marron); font-family:Arial, Helvetica, sans-serif; font-weight:bold; 
font-size:18px; margin-top:10px; margin-left:10px; margin-bottom:10px;}

.left{ float:left;}

.right{ float:right;}

.texto{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; text-align:justify;}

#divConteudoInterno{ width:813px; margin-left:35px; margin-top:25px; margin-bottom:45px; display:table;}

/*Fim Conf. Gerais*/




/*INDEX*/

/*bordas*/
/*#divSuperiorEsquerda{ background:url(../img/img-borda-superior-esquerda.png); width:7px; height:7px; }

#divInferiorEsquerda{ background:url(../img/img-borda-inferior-esquerda.png); width:7px; height:5px; margin-top:391px; margin-bottom:0;}

#divSuperiorDireita{ background:url(../img/img-borda-superior-direita.png); width:8px; height:7px; margin-left:auto; margin-right:0; }

#divInferiorDireita{ background:url(../img/img-borda-inferior-direita.png); width:6px; height:7px; margin-left:auto; margin-right:0; margin-top:196px; margin-bottom:0px;}*/

/*fim bordas*/

#divEsquerda{ width:235px;  float:left; height:403px; margin-top:0px; }

#spanServicos{ display:block; width:200px; height:40px; text-align:center; margin-left:22px;
float:left; }


#divDireita{ width:620px; margin-right:0px; margin-left:auto; margin-top:0px;}

#divConteudoDireita{  width:550px; margin-right:40px;}

#spanSejaBemVindo{font-family:Arial, Helvetica, sans-serif; font-size:30px; color:var(--cor-marron); padding-right:5px; margin-top:10px; display:inline-block; }

#spanAoSite{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF;  padding:0; display:inline-block;}

#spanLinha{border-top:var(--cor-marron) 1px solid; margin-top:5px; width:410px; display:block; }

#spanLinhaH1{border-top:var(--cor-marron) 1px solid; margin-top:0px; display:block; margin-left:35px; margin-right:35px;}

#divSaibaMais{ background:url(../img/img-fundo-saiba-mais.png); width:93px;  height:35px; margin-left:auto; margin-right:0; margin-top:0;}

a.SaibaMais{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color:#FFFFFF; background:#FF0000;}

a.SaibaMais:hover{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color:#90d2ef; }

a.SaibaMais span{padding-top:7px; margin-left:11px; display:block}

#divClientes{  width:320px; margin-top:30px; margin-bottom:5px;}

#divTreinamentos{ width:190px; margin-top:30px; margin-bottom:5px;}

#divImgClientes{ padding-top:15px;}

#divTreinamentos ul{ padding:0; margin-left:20px; margin-top:10px;}

#divTreinamentos ul li { list-style-image:url(../img/img-list-style.png); line-height:30px;}

#divTreinamentos ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:var(--cor-marron); text-decoration:none; padding:0; margin:0;}

#divTreinamentos ul li a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; text-decoration:none; }

#divTreinamentos ul li a #spanLinhaTreinamentos{ border-top: #147bc4 1px solid; display:block; height:1px; padding:0; margin-top:-5px; margin-left:1px;}

#divTreinamentos ul li a:hover #spanLinhaTreinamentos{ border-top: #000000 1px solid; display:block; width:25px; height:1px;}
/*FIM INDEX*/



/*RODAPE*/
#divRodape{ width:885px; height:100px; margin-top:15px; margin-left:auto; margin-right:auto;}



#divMenuRodape ul{ list-style:none; padding:0; margin-top:0; margin-left:15px; }

#divMenuRodape ul li { display:inline; padding:10px;}

#divMenuRodape ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-decoration:none;}

#divMenuRodape ul li a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#90d2ef; text-decoration:none;}

#divFundoTelefone{ background:var(--cor-fume);; width:341px; height:124px; border-radius: 10px;}

#imgTelefone{ margin-top:22px; margin-left:40px; float:left;}

#textoTelefone{ display:block; margin-left:20px; width:280px; margin-top:18px; 
 text-align:center;}

#textoTelefone p{font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; padding:0; margin-top:5px;}

#divDesenvolvidoPor{ width:200px; height:25px; margin-top:15px; float:right; text-align:right;}

#divDesenvolvidoPor a{ font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-decoration:none;}

#divDesenvolvidoPor a:hover{ font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; text-decoration:none;}
/*RODAPE*/


/*CONTATO*/

/*bordas*/

/*superior esquerda e esquerda/*/
#divBordaSE{ float:left;}
#divBordaSD{ float:right;}
/*inferior esquerda e esquerda/*/
#divBordaIE{ float:left; padding:0;}
#divBordaID{ float:right;}

/*fim bordas*/


.form{ont-size:14px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;
text-align:justify; float: left; width: 88px; text-align: right; font-weight: bold; 
padding: 0 5px 0 0;}

#divFormulario{margin:0 auto;  width:700px;}

#divFormulario ul{ list-style:none;}

#divFormulario ul li{ display:table; height:40px;}

.c-texto{ width:450px; height:15px;}

.c-telefone{ width:120px;}

.c-mensagem{ width:450px; font-size:12px;}

.f-campo{ background:#FFFFFF; color:var(--cor-azul); border:1px solid var(--cor-ouro) ;font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:5px;}

#divBotao{  width:400px; text-align:right; margin-bottom:20px;}

.botao{ background:var(--cor-marron); color:#FFFFFF; border:#FFFFFF 1px solid; width:80px; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; cursor:pointer;}

.pObrigatorio{ color:var(--cor-laranja); text-align:center; font-size:13px; font-weight:bold;}

#textoContato{ margin-left:auto; margin-right:auto; display:block; width:620px; margin-top:15px; margin-bottom:15px; }

.erro{border:1px solid var(--cor-marron);}
/*FIM CONTATO*/

/*EMPRESA*/

.blocoEmpresa{ width:210px; margin-right:5px;  border:#FFFFFF 1px solid; height:200px; overflow:hidden; margin-left:5px;}

.blocoEmpresa p{margin-left:10px; margin-right:10px;}

.blocoEmpresa ul{ margin-left:12px; margin-right:10px; padding-left:17px;}

.blocoEmpresa ul li { list-style-image:url(../img/img-list-style.png); line-height:20px;}

.centro{ text-align:center;}

#divTextoEmpresa{ clear:both; padding-top:10px;}

#imgEmpresa{ margin: 30px auto; display:block; width:625px;}

/*FIM EMPRESA*/


/*SERVICOS E TREINAMENTOS*/


/*OBS.: PARA AUMENTAR A BORDA DO CORPO deve se ir em 'placaCD' e 'placaCE' e modificar a propriedade height para conseguir o tamanho desejado
PARA AUMENTO A DIV DOS LINKS, DEVE SE IR EM ABSOLUTE E AUMENTAR SEU TAMANHO*/

#divMenuLateral{ width:210px; float:left; }

/*topo da placa*/
#divPlacaTopo{  background:url(../img/img-placa-fundo-topo.png); background-repeat:repeat-x;height:31px;}

/*superior direita e esquerda*/
#placaSD{ background:url(../img/img-placa-SD.png); width:31px; height:31px;  float:left;}
#placaSE{ background:url(../img/img-placa-SE.png); width:30px; height:31px; float:right;}


/*corpo da placa*/
#divPlacaCorpo{ background-color:#484848; display:table; width:100%;}

#divRelative{ position:relative; margin-left:25px; }
#divAbsolute{ position:absolute; }

/*borda do corpo direita e esquerda*/
#placaCD{ background:url(../img/img-placa-CD.png); width:7px;  height:120px; float:left; background-repeat:repeat-y; display:inline;}

#placaCE{ background:url(../img/img-placa-CE.png); width:13px; height:120px;float:right; background-repeat:repeat-y; display:inline;}


/*rodape da placa*/
#divPlacaRodape{ background:url(../img/img-placa-fundo-rodape.png); background-repeat:repeat-x; height:27px;}

/*inferior direita e esquerda*/
#placaID{ background:url(../img/img-placa-ID.png); width:31px; height:27px;  float:left;}
#placaIE{ background:url(../img/img-placa-IE.png); width:30px; height:27px; float:right; }


.descricao{  width:580px; margin-left:auto; margin-right:0; display:table;}

#divMenuLateral ul{ list-style:none; padding:0; margin-top:10px;}

#divMenuLateral ul li { line-height:25px;}

#divMenuLateral ul li a{ margin-left:0px; font-family:Arial, Helvetica, sans-serif; 
font-size:13px; color:#FFFFFF; text-decoration:none; }

#divMenuLateral ul li a:hover{ margin-left:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#90d2ef; text-decoration:none;}

.escondido{ display:none;}

.visivel{ display:table;}

#bodyLogin{position:absolute; position: absolute;
top: -220px;
left: -10px;}


.menu{ width:192px;  margin-bottom:5px;}

.menu ul{ padding:0; margin-left:20px; margin-top:10px;}

.menu ul li { list-style-image:url(../img/img-list-style.png); line-height:30px;}

.menu ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:var(--cor-marron); text-decoration:none; padding:0; margin:0;}

.menu ul li a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; text-decoration:none; }

.menuul li a #spanLinhaTreinamentos{ border-top: #147bc4 1px solid; display:block; height:1px; padding:0; margin-top:-5px; margin-left:1px;}

.menu ul li a:hover #spanLinhaTreinamentos{ border-top: #000000 1px solid; display:block; width:25px; height:1px;}
/*FIM INDEX*/


/*FIM SERVICOS E TREINAMENTOS*/


.textbox2 {
background: #f5f4f4;
border: 1px solid #cacaca;
height: 20px;
font-family: Calibri, Arial, Verdana, Helvetica;
color: #cacaca;
width: 120px;
}

.texto2 {
font-family: Calibri, Arial, Verdana, Helvetica;
font-size: 14px;
color: #3c3c3c;
text-align: justify;
}
.textoErro2 {
float: right;
font-family: Calibri, Arial, Verdana, Helvetica;
font-size: 14px;
color: #ca0000;
}

.botao2 {
background: #cacaca;
border: 1px solid #3c3c3c;
font-family: Calibri, Arial, Verdana, Helvetica;
color: #3c3c3c;
height: 24px;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#divInspetor{float:right; position:relative; top:-98px; }


.carousel {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.carousel-track {
  display: flex;
  animation: scroll 10s linear infinite;
  width: max-content; /* Para que o conteúdo não quebre */
}

.carousel-track img {
  width: 150px; /* Defina o tamanho da logo */
  margin-right: 20px; /* Espaçamento entre as logos */
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%); /* Ajuste de acordo com o número de logos */
  }
}




.conteudoInterno {
  display: flex;
  flex-wrap: wrap; /* Itens quebram linha se necessário */
  justify-content: space-between; /* Distribui o espaço igualmente entre os blocos */
  width: 100%;
}

.blocoEmpresa {
  flex: 1 1 30%; /* Blocos ocupam 30% do espaço com flexibilidade */
  margin: 10px;
  border: 1px solid #FFFFFF;
  padding: 15px;
  box-sizing: border-box;
}

.blocoEmpresa h5 {
  margin-bottom: 10px;
}

.blocoEmpresa p, .blocoEmpresa ul {
  margin: 0 10px;
}

.blocoEmpresa ul li {
  list-style-image: url(../img/img-list-style.png);
  line-height: 1.5;
}