:root{
    --cor-borda-inferior: #168AAD;
    --cor-borda-voltar: #1E6091;
}

a{
	text-decoration: none;
}

.container-botoes-menu-lateral{
    position: fixed;
    width: 3.33333333%;
    z-index: 20;
} 

/* ESTRUTURA DO ESTILO HAMBURGUER */
.logoHamburguer{
	width: 200px;
}

.container-botoes-menu-hamburguer{
	width: 100%;
	display: absolute;
}

.estiloHamburger{
	display: flex;
	align-items: center;
	height: 50px;
	
	background-color: #34a0a4;
	color: white;

	font-weight: bold;
	
	padding-left: 15px;
	border: none;
}

.estiloHamburger>i{
	padding-right: 10px;
}

.estiloHamburger:hover{
	background-color: #168AAD;
}

/* FORMATAÇÃO DO TEXTO */
.palavrinha-menu{
	font-size: 11px;
	padding-left: 15px;
	color: white;
}

/* ESTRUTURA DOS BOTÕES DO MENU LATERAL */
.botaoMenuPaginas{
    height: 110px;
    color: white;
    border:none;
    min-width: 100px !important;
    text-shadow: 1px 4px 8px rgba(0, 0, 0, 0.5);
    font-weight: 600;
    font-size: 14px;
}

.bordaSuperiorDireito { 
    border-top: 5px solid; 
    border-right: 5px solid;
    border-color: #1E6091;      
    border-top-left-radius: 0;
    border-top-right-radius: 15px; 
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.bordaInferiorDireito{
    border-bottom: 5px solid; 
    border-right: 5px solid; 
    border-color: var(--cor-borda-inferior);     
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 15px; 
    border-bottom-left-radius: 0;
}

.bordaVoltar {
    border-top: 5px solid; 
    border-bottom: 5px solid;
    border-right: 5px solid;
    border-color: var(--cor-borda-voltar);   
    border-top-left-radius: 0;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px; 
    border-bottom-left-radius: 0;
}


/* CORES DOS BOTÕES */
.primeiro-bg{
    background-color: #1E6091;
}
.segundo-bg{
    background-color: #1A759F;
}
.terceiro-bg{
    background-color: #168AAD;
}
.quarto-bg{
    background-color: #34A0A4;
}
.quinto-bg{
    background-color: #99D98C;
}

/* AJUSTES DE RESPONSIVIDADE */
@media screen and (max-width: 1199px) {
    .container-botoes-menu-lateral{
        display: none;
    }
}