/******************* menu lateral *********************/
.contexto >li>a{
	padding: 0px 15px;
    position: relative;
}
.contexto >li>a::before{
  	content: url(./../images/quadradoEmPe.jpg);
    margin-left: -16px;
    position: absolute;
    left: 0;
	top: 5px;
	transition: all 0.2s ease-in-out;
}

.contexto >li.active>a::before {
    transform: rotate(90deg);
    margin-left: -10px;
    top: -13px;
}
.contexto >li>span::before{
  	content: url(./../images/quadradoDeitado.jpg);
    margin-left: -29px;
    position: absolute;
    left: 0;
    top: 5px;
}
.contexto{
	background-color: white;
}
.contexto li{
	/* text-align: center; */
	font-weight: 600;
	border-top: 3px solid white;
	text-indent: 23px;
	width: 100%;
}
.contexto a,.contexto span{
	color: #264c8e;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
}

.contexto >li:focus, .contexto >li.active {
	
    color: #264c8e;
    /* border-bottom: 2px solid white; */
}
.contexto >li>a:hover{
	background-color: #3e91f1;
    transition: all 0.3s ease-in-out;
    color: #264c8e;
    /* border-bottom: 1px solid #004089;
    border-top: 1px solid #004089; */
}
.before-component{

}
/******************* menu lateral child ***************************/
ul.nav-child.unstyled.small{
	background-color: white;
	border-top: 3px solid #FFF;
    /* border: 1px solid #004089; */
}
ul.nav-child.unstyled.small li{
	list-style-type: none;
	height: 40px;
	border-bottom: none;
	border-top: none;
	text-indent: 86px;
}
ul.nav-child.unstyled.small li:hover {
    background-color: #2886c3;
	border-bottom: none;
	transition: all 0.3s ease-in-out;
}
ul.nav-child.unstyled.small a{
    color: #264c8e;
    font-weight: bolder;
}
li.deeper.parent{
	border-bottom: none;
}