html, body {margin: 0;height: 100%;font-family:sans-serif;}
body {background-color: #333;}
body.hide-overflow {overflow: hidden;}

/* helpers */

.t {display: table;width: 100%;height: 100%;}
.tc {display: table-cell;vertical-align: middle;text-align: center;}
.rel {position: relative;}

/* book */
.book {margin: 0 auto;width: 90%;height: 90%;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
	.book .page {height: 100%;}
		.book .page img {max-width: 100%;max-height: 100%;display:block;}
		
		
.controles {position:fixed;bottom:0;left:50%;transform:translate(-50%,0)}
	.controles button,.esboton {font-family:sans-serif;margin:0 5px;font-size:12px;text-transform:uppercase;color:#FFF;background:#48912E;border:0;padding:8px 20px;cursor:pointer;transition:0.2s all linear;text-decoration:none}
	.controles button:hover,.esboton:hover {background:#000}