body
{
background-color: #0A0F2C; 
}

/*Estilos para tela de apresentação da página carregada*/
.corpo_pagina .corpo_apresentacao
{
position: relative;
width: 100%;	
height: 400px;
}

.corpo_pagina .corpo_apresentacao::before
{
content: ''; 
position: absolute;
width: 100%;
height: 100%;
background-image: url('../img/img_apresentacao-fale-especialistas.jpg');
background-size: cover;
background-position: 100% 100%; 
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}



.corpo_pagina .corpo_apresentacao .titulo_apresentacao
{
position: relative;
top: 100px;
left: 40px;
font-size: 64px;
width: 500px;
line-height: 70px;
font-family: Oswald-Bold;
}

.corpo_pagina .texto_descansado
{
position: relative;
max-width: 30%;
left: 2.5%;
}

.corpo_pagina .texto_descansado span
{
background: linear-gradient(80deg, #0e39fa, #f87c00);
background-clip: border-box;
-webkit-background-clip: text;
color: transparent;
}

.corpo_pagina .enderecos
{
    position: relative;
    max-width: 30%;
    left: 2.5%;
    top: 10px;
    font-size: 11pt;
    color: #bdcae8;
    margin-top: 20px;
}

.corpo_pagina .enderecos a:hover
{
    color: #bdcae8;  
}


.corpo_pagina .formulario_contato
{
position: relative;
right: 2.5%;
background-color: #2943BD;
width: 50%;
height: 800px;
float: right;
border-radius: 30px;
border: solid 4px #0A0F2C;
top: -300px;
}


.corpo_pagina .formulario_contato .titulo
{
position: relative;
left: 10%;
max-width: calc(70% - 10%);
top: 80px;
}


.corpo_pagina .formulario_contato .texto
{
position: relative;
left: 10%;
max-width: calc(95% - 10%);
top: 90px;
color: #bdcae8;
font-size: 12pt;
line-height: 22px;
}

.corpo_pagina .formulario_contato .corpo_campos_texto
{
    position: relative;
    left: 10%;
    top: 120px;
    width: 80%;
}

.corpo_pagina .formulario_contato .lbl_campos_textos
{
position: absolute;
font-size: 10pt;
color: #bdcae8;
width: 48%;
}

.corpo_pagina .formulario_contato .lbl_campos_textos .simbolo_obrigatorio
{
color: #bf2222;
}

.corpo_pagina .formulario_contato .lbl_campos_textos .campos_textos
{
position: relative;
width: 100%;
height: 50px;
margin-top: 5px;
background-color: #192B80;
border: none;
border-radius: 10px;
color: #bdcae8;
outline: none;
text-indent: 15px;
}




.corpo_pagina .formulario_contato .lbl_campos_textos .campos_textos::placeholder
{
color: #bdcae8; 
opacity: 0.5;
}

.corpo_pagina .formulario_contato #campo_nome_empresa
{
left: 52%;
}


.corpo_pagina .formulario_contato #campo_email
{
top: 100px;
}


.corpo_pagina .formulario_contato #campo_telefone
{
    left: 52%;
top: 100px;
}


.corpo_pagina .formulario_contato #campo_mensagem
{
top: 200px;
width: 100%;
}

.corpo_pagina .formulario_contato #campo_mensagem textarea
{
height: 120px; 
}

.corpo_pagina .formulario_contato .btn_enviar
{
position: absolute;
bottom: 50px;
width: 80%;
left: 10%;
padding: 18px;
border-radius: 20px;
border: none;
background-color: hsl(230, 23%, 95%);
cursor: pointer;
color: #2943BD; 
font-family: arial black;
}

.corpo_pagina .formulario_contato .btn_enviar:hover
{
    background-color: #FFFFFF;
}

/*Estilos para o rodapé da página*/


.corpo_rodape_pagina
{
position: relative;
top: 650px;
background-color: #02071A;
left: 0%;
width: 100%;
}


.corpo_rodape_pagina .titulo
{
position: relative;
top: 100px;
left: 40px;
font-size: 25px;
width: 270px;
line-height: 30px;  
}

.corpo_rodape_pagina .corpo_icons_redes_sociais
{
position: relative;
top: 130px;
width: 300px;
left: 60px;
}

.corpo_rodape_pagina .corpo_lateral
{
 position: relative;
 left: 500px;
 width: calc(100% - 500px);
}


.corpo_rodape_pagina .corpo_lateral div ul
{
 list-style: none;
 position: relative;
 font-family: arial;
}

.corpo_rodape_pagina .corpo_lateral div ul li
{
   position: relative;
   margin-top: 20px; 
   font-size: 10pt;
}

.corpo_rodape_pagina .corpo_lateral div ul li a
{
    color: #bdcae8;
}


.corpo_rodape_pagina .corpo_lateral div ul li a:hover
{
    color: #fff;
}

.corpo_rodape_pagina .corpo_lateral .institucional
{
 display: block;  
 position: absolute;
 width: 30%; 
 top: -50px;
}


.corpo_rodape_pagina .corpo_lateral .servicos
{
 display: block;  
 position: relative;
 width: 30%;
 left: 28%; 
 top: -50px;
}



.corpo_rodape_pagina .corpo_lateral .contactos
{
 display: block;  
 position: absolute;
 width: 30%;
 left: 64%; 
 top: -50px;
}




.corpo_rodape_pagina .corpo_lateral div
{
   display: none; 
}




/*Estilos do corpo vamos bater um papo sobre suas demandas (Rodapé da página)*/




.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas
{
display: none;
}