a.button,
span.button
{
	background: #4BD963;
	color: #fff !important;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
}


pre
{
	font-size: 12px;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
nav:not(.mm-menu)
{
	display: none;
}

.header,
.content,
.footer
{
	text-align: left;
}
.header,
.footer
{
	
	background-image: url( ../images/madera.png );
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	line-height: 30px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	width: 100%;
	height: 28px;
	padding: 0 50px;
}
.header a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 40px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 10px;
}
.content
{
	padding: 28px 0px 0px 0px;
}

.fa
{
	font-size: 17px;
	margin: 0 20px 0 4px;
}
body.no-icons .fa
{
	display: none;
}


html.mm-opened.mm-zoom-menu body
{
	 background: #333;
}
html.mm-opened.mm-zoom-menu.mm-light body
{
	background: #f3f3f3;
}
html.mm-opened.mm-zoom-menu.mm-black body
{
	background: #000;
}
html.mm-opened.mm-zoom-menu.mm-white body
{
	background: #fff;
}
html.mm-opened.mm-zoom-menu .mm-page
{
	background-color: #fff;
}