/*Estilos das funcionalidades*/
.titulo_corpo_quadros_servicos
{
position: relative;
top: 80px;
font-size: 40px;
width: 800px;
line-height: 40px;
width: 400px;
left: 50%;
transform: translateX(-50%);
text-align: center;
font-family: cairo;
}




.corpo_funcionalidades
{
position: relative;
top: 100px;
width: 100%;
left: 0%;
font-family: cairo;
font-size: 12pt;
color: #bdcae8;
}






/*Estilos para tela de apresentação da página carregada*/
.corpo_pagina .corpo_apresentacao
{
position: relative;
width: 100%;	
height: 550px;
background-size: cover;
background-position: 100% center; 
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
}

.corpo_pagina .corpo_apresentacao::before
{
content: "";
position: absolute;
width: 100%;
height: 100%;
background-image: url('../img/img_apresentacao_servicos.jpg');
background-size: cover;
background-position: 100% center; 
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
opacity: 0.4;
}



.corpo_pagina .corpo_apresentacao .titulo_apresentacao
{
position: relative;
top: 70px;
left: 40px;
font-size: 48px;
width: 750px;
line-height: 57px;
}

.corpo_pagina .corpo_apresentacao .descricao
{
position: relative;
top: 80px;
left: 40px;	
width: 400px;
font-family: cairo;
font-size: 11pt;
color: #bdcae8;
}


.corpo_pagina .corpo_apresentacao .btn_solicitar_orcamento
{
position: relative;
top: 120px;
left: 40px;	
font-family: cairo;
color: #fff;
background-color: #2942bc;
padding: 10px;
padding-left: 20px;
padding-right: 20px;
font-size: 15px;
line-height: 24px;
border-radius: 10px;
cursor: pointer;
border: none;
transition: 0.5s;
}
.corpo_pagina .corpo_apresentacao .btn_solicitar_orcamento:hover
{
background-color: #2a3ea1;	
}






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


.corpo_rodape_pagina
{
position: relative;
top: 300px;
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 .cor_fundo_cabecalho
{
position: absolute;
width: 100%;
left: 0px;
height: 300px;
background-color: #131532; 
}


.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas
{
position: relative;
top: 0px;
width: 95%;
left: 2.5%; 
height: 450px;
background: linear-gradient(80deg, #223AA4, #4E90D9);
border-radius: 50px;
}

.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .titulo_apresentacao
{
position: relative;
top: 70px;
left: 40px;
font-size: 48px;
width: 600px;
line-height: 57px;
font-family: arial;
}


.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .texto
{
position: relative;
top: 80px;
left: 40px; 
width: 450px;
font-family: cairo;
font-size: 11.5pt;
color: #fff;
}


.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .btn_fale_com_especialistas
{
position: relative;
top: 120px;
left: 40px; 
font-family: cairo;
background-color: transparent;
font-size: 15px;
border-radius: 10px;
cursor: pointer;
border: none;
transition: 0.5s;
}

.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .btn_fale_com_especialistas b
{
color: #bdcae8;
transition: 0.5s;
}


.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .btn_fale_com_especialistas b:hover
{
color: #fff;    
}

.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .btn_fale_com_especialistas img
{
position: relative;
width: 25px;
top: 8px;   
 filter: invert(1);
 opacity: 0.8;
}

.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .img_icon
{
position: absolute;
right: -20px;
width: 300px;
top: 50%;
transform: translateY(-50%);
}