body {
	position:relative;
}

.men-res-maxWidth{

}


.mres-button{
	width:57px;
	height:45px;
	background:transparent;
	position:absolute;
	top: 10px;
	right:17px;
	z-index:1000;
	cursor: pointer;
	padding-top:7px;
	border-radius:2px;
	display:none;
	transition-duration:1s;
}

.mres-button.menActive{
	position: fixed;
}

.mres-button span{
	display:block;
	width:80%;
	height:6px;
	background:#0c6eab;
	border-radius:5px;
	margin:0 auto;
	margin-bottom:5px;
	transition-duration:1s;
	position:relative;
}

/* active animate  */

.mres-button.menActive {
	padding-top:18px;

}

.mres-button.menActive span{
	opacity:1;
}

.mres-button.menActive span:nth-of-type(1){
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.mres-button.menActive span:nth-of-type(2){
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top:-11px;

}

.mres-button.menActive span:nth-of-type(3){
    opacity:0;
}

.mres-button.menActive{

}

.menRes{

}

.mres-button.menActive span{
	background:#FFF;
}

.menRes{
	width:250px;
	height:100vh;
	z-index:999;
	right:0px;
	top:0px;
	background:#0c6eab;
	border-left:1px solid #FFF;
	display:none;
	position: fixed;
}

.menRes ul{
	height:100%;
	overflow:scroll;
}

.menRes ul li{
	border-bottom:1px solid #FFF;
}


.menRes ul li a{
    font-size:15px;
    padding:22px;
    display:block;
	color:#FFF;
	text-transform:capitalize;
	transition-duration:500ms;
	padding-left:10%;
	padding-left:20px;
	background:url('../imagens/ntc_index_arrow.png') no-repeat center left 10px;
}
.subActive ul a,
.menRes ul li a.active,
.menRes ul li a:hover{
	text-decoration:none!important;
	background-color:#083d8c;

}
.menRes ul li ul{
	display:none;
}

.menRes ul li ul li{}
.menRes ul li ul li a{
	margin-left: 20px;

}
/* Submenu */

@media screen and (max-width: 500px) {



}

@media screen and (max-width: 1204px){
	.mres-button{
		display:block;
	}
	html .rodape .menu,
	html .cabecalho .menu{
		display:none;
	}

}