.menu{
	position:absolute;
	margin-top:20px;
	margin-left:5%;
	width:90%; 
}

.conteiner{
	position:absolute;
	margin-top:150px;
	margin-left:5%;
	width:90%; 
}

.cuerpo{	
	position:absolute;
	height:100%;
	z-index:0;
	width:100%;
	margin:0;
	
    transition: margin 0.6s ease;
	-moz-transition: margin 0.6s ease;
	-ms-transition: margin 0.6s ease;
	-o-transition: margin 0.6s ease;
	-webkit-transition: margin 0.6s ease;
}

.barra{
	position:fixed;
	margin-left:-280px;
	width:280px;
	height:100%;
	z-index:1;
	
    transition: margin-left 0.6s ease;
	-moz-transition: margin-left 0.6s ease;
	-ms-transition: margin-left 0.6s ease;
	-o-transition: margin-left 0.6s ease;
	-webkit-transition: margin-left 0.6s ease;
}

.btn_barra {
	position:fixed;
	/*margin-left:100%; */
	z-index:999999;
	left: 0;
	width:40px; 
	height:100%;
}

@media(max-width: 816px){
	.btn_barra {
		-moz-transition: all 0.6s ease;
		-ms-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		-webkit-transition: all 0.6s ease;
	}
}

.btn_barra.hidden{
	transform: scale(0.6);
	opacity: 0;
}