.pagina {
	transition: transform 0.5s ease-in-out;
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    
}

.menu {
	transition: transform 0.5s ease-in-out;
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;

}

.abierto {
	transform: translateX(244px);
	-moz-transform: translateX(244px);
	-webkit-transform: translateX(244px);
	
}
.abierto.menu {
	transform: translateX(0px);
	-moz-transform: translateX(0px);
	-webkit-transform: translateX(0px);
}
.loader {
	width: 100%;
	height: 60px;
	background: url(../images/loader.gif) center center no-repeat;
}

@media screen and (max-width: 750px) {
	.botMenu {
 	    padding-left: 0px;
    	text-align: center;
    	width:480px;
	}
	.menu {
	    width:480px;
	    height: 0px;
	    background:#4f4f4f;
	    left: 0px;
	    position: relative;
	    z-index: 9;
	    overflow: hidden;
	    transition: height 0.5s ease-in-out;
	    -moz-transition: height 0.5s ease-in-out;
	    -webkit-transition: height 0.5s ease-in-out;
	}
	.abierto {
		transform: translateX(0px);
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px);
	}

	.abierto.menu {
		height: 620px;
	}
	

}


@media screen and (max-width:380px) {
	.botMenu {
 	    padding-left: 0px;
    	text-align: center;
    	width: 320px;
	}
	.menu {
	    width:320px;
	    height: 0px;
	    background:#4f4f4f;
	    left: 0px;
	    position: relative;
	    z-index: 9;
	    overflow: hidden;
	    transition: height 0.5s ease-in-out;
	    -moz-transition: height 0.5s ease-in-out;
	    -webkit-transition: height 0.5s ease-in-out;
	}
	.abierto {
		transform: translateX(0px);
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px);
	}

	.abierto.menu {
		height: 620px;
	}
	

}