/*Imcorporar fonts*/

@font-face {
    font-family:Roboto-Regular;
    src: url(../fontes/Roboto-Regular.ttf);
}


@font-face {
    font-family:RobotoSlab-VariableFont_wght;
    src: url(../fontes/RobotoSlab-VariableFont_wght.ttf);
}


@font-face {
    font-family:cairo;
    src: url(../fontes/cairo.ttf);
}



@font-face {
    font-family:Oswald-Bold;
    src: url(../fontes/Oswald-Bold.ttf);
}



@font-face {
    font-family:VinaSans-Regular;
    src: url(../fontes/VinaSans-Regular.ttf);
}





/*Estilos para todas páginas*/
*{
padding: 0;	
margin: 0;
color: #fff;
font-family: arial;
transition: 0.5s;
}

a{
text-decoration: none;	
}

body
{
background-color: #0A0F2C;	
}


.corpo_pagina
{
position: relative;
top: 85px;
width: 95%;
left: 2.5%;
}


/*Estiolos do cabeçalho principal*/
.cabecalho_principal
{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 85px;
background-color: #02071a;
}


.cabecalho_principal .icon_menu
{
position: absolute;
left: 20px;
width: 30px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
display: none;
}


.cabecalho_principal .icon_close
{
position: absolute;
left: 15px;
width: 40px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
filter: invert(1); /*Muda a cor preta para branco*/
display: none;
}



.cabecalho_principal .img_logo
{
position: relative;
width: 130px;
top: 10px;	
left: 30px;
}

.cabecalho_principal .lista_menu
{
display: flex;	
justify-content: center;
list-style: none;
position: relative;
top: -30px;
}

.cabecalho_principal .lista_menu li
{
margin-left: 30px;
font-family: cairo;
font-size: 10pt;
line-height: 20px;
cursor: pointer;	
}

.cabecalho_principal .lista_menu li a
{
color: #bdcae8;
transition: 0.5s;
}

.cabecalho_principal .lista_menu li a:hover
{
color: #fff;
}

.cabecalho_principal .sublistas_menu
{
position: absolute;
background-color: rgba(39, 46, 78, 0.9);
backdrop-filter: blur(8px);
left: 0px;
top: 55px;
border-radius: 10px;
border-top-left-radius: 0px;
padding: 20px;
padding-left: 40px;
display: none;
transition: 0.5s;
opacity: 0;
}

.cabecalho_principal .sublistas_menu ul
{
list-style: none;
position: relative;
left: -25px;
}

.cabecalho_principal .sublistas_menu ul li
{
transition: 0.5s;
font-family: cairo;
font-size: 11pt;
line-height: 45px;
}

.cabecalho_principal .sublistas_menu ul li a
{
color: #bdcae8;
transition: 0.5s;	
}

.cabecalho_principal .sublistas_menu ul li a:hover
{
color: #fff;	
}

.cabecalho_principal .btn_fale_conosco
{
position: absolute;
right: 10px;
background-color: #2942bc;
padding: 10px;
height: 60px;
top: 50%;
transform: translateY(-50%);
text-align: center;
font-family: cairo;
line-height: 20px;
border-radius: 10px;
border-bottom-right-radius: 0px;
cursor: pointer;
transition: 1s;
}


.cabecalho_principal .icon_mensagem
{
position: absolute;
right: 20px;
width: 30px;
top: 50%;
transform: translateY(-50%);
display: none;
}


.cabecalho_principal .btn_fale_conosco:hover
{
background-color: #2a3ea1;	
}