
.sombraMenu {
	width:100%;
	height:100%;
	min-height: 100%;
	background-color:#000;
	position:absolute;
	top:0px;
	left:0;
	display:none;
	z-index:99999;
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
	-webkit-opacity:0.5;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.sombraMenu.active {
	display:block;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.abreMenuPrincipal {
	width:5%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
	z-index:99999;
}

.boxMenu>.voltar {
	display:table;
	width:100%;
	width:-webkit-calc(100% - 10px);
	width:-moz-calc(100% - 10px);
	width:calc(100% - 10px);
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	background-color:#666;
	color:#FFF;
	font-weight:normal;
	font-size:1rem;
}
.boxMenu>.voltar i {
	padding-right: 5px;
	font-size:1.5rem;
	vertical-align: bottom;
}
.boxMenu>.titulo,.boxMenu>.texto {
	display:table;
	width:100%;
	width:-webkit-calc(100% - 20px);
	width:-moz-calc(100% - 20px);
	width:calc(100% - 20px);
	padding-left:10px;
	padding-right:10px;
	color:#FFF;
	text-align:justify;
}
.boxMenu>.titulo {
	padding-top:10px;
	padding-bottom:10px;
	font-size:1.125rem;
	font-weight:bold;
}
.boxMenu>.texto {
	padding-top:0px;
	padding-bottom:10px;
	font-size:0.875rem;
	font-weight:normal;
}

.boxMenu .usuario {
	display:table;
	width:100%;
	width:-webkit-calc(100% - 10px);
	width:-moz-calc(100% - 10px);
	width:calc(100% - 10px);
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight:normal;
	font-size:1rem;
	background-color:#D92127;
	color:#FFF;
}
.boxMenu .usuario>.box {
	display:table;
	float:left;
}
.boxMenu .usuario>.box:nth-child(1) {
	margin-right: 5px;
	padding-top: 9px;
}
.boxMenu .usuario>.box:nth-child(2) div:nth-child(1) {
	font-weight:normal;
	font-size:1rem;
}
.boxMenu .usuario>.box:nth-child(2) div:nth-child(2) {
	font-weight:normal;
	font-size:0.75rem;
}
.boxMenu .usuario>.box>i {
	font-size:1.5rem;
}
.boxMenu .usuario.on {
	background-color:#090;
}
.boxMenu .usuario.on>.box:nth-child(1) {
	padding-top: 0px;
}



.boxMenu>ul.menuinterno {
	width:100%;
	display:table;
	list-style:none;
	padding:0px;
	margin:0px;
}
.boxMenu>ul.menuinterno li {
	width:100%;
	display:table;
	list-style:none;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
}
.boxMenu>ul.menuinterno div {
	display:table;
	width:100%;
	width:-webkit-calc(100% - 40px);
	width:-moz-calc(100% - 40px);
	width:calc(100% - 40px);
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:30px;
	border-top:1px solid #000;
	border-bottom:1px solid #454545;
	font-size:0.75rem;
	color:#CCC;
}
.boxMenu>ul.menuinterno li:first-child div {
	border-top:none;
}
.boxMenu>ul.menuinterno li:last-child div {
	border-bottom:none;
}
.boxMenu>ul.menudeslizante,.boxMenu>ul.menudeslizante ul {
	width:100%;
	display:table;
	list-style:none;
	padding:0px;
	margin:0px;
	background-color:#EEE;
}
.boxMenu>ul.menudeslizante.color,.boxMenu>ul.menudeslizante.color ul {
	background-color:#D92127;
}
.boxMenu>ul.menudeslizante ul {
	padding-left:12px;
	width:100%;
	width:-webkit-calc(100% - 12px);
	width:-moz-calc(100% - 12px);
	width:calc(100% - 12px);
	display:none;
}
.boxMenu>ul.menudeslizante li {
	width:100%;
	display:table;
	list-style:none;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
}
.boxMenu>ul.menudeslizante li div:not(:only-child) {
	background-position:right 10px center;
	background-repeat:no-repeat;
	background-image:url(../img/seta-direita-preto.png);
}
.boxMenu>ul.menudeslizante div {
	display:table;
	width:100%;
	width:-webkit-calc(100% - 40px);
	width:-moz-calc(100% - 40px);
	width:calc(100% - 40px);
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:30px;
	border-top:1px solid #DDD;
	border-bottom:1px solid #FFF;
	font-size:1rem;
	color:#333;
}
.boxMenu>ul.menudeslizante ul div {
	font-size:0.875rem;
	color:#666;
}
.boxMenu>ul.menudeslizante.color div {
	border-top:1px solid #EA3238;
	border-bottom:1px solid #C81016;
	color:#ffffff;
}
.boxMenu>ul.menudeslizante.color ul div {
	color:#ffffff;
}
