body, html {
	width           : 100%;
	height          : 100%;
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	overflow        : hidden;
	background      : url("../images/background.jpg");
	background-size : cover;
	overflow        : hidden;
}

* {
	-webkit-touch-callout : none;
	-webkit-user-select   : none;
	-khtml-user-select    : none;
	-moz-user-select      : none;
	-ms-user-select       : none;
	user-select           : none;
}

#loading {
	background : #352e26 url("../images/page-loader.gif") 50% 50% no-repeat;
	position   : absolute;
	top        : 0;
	left       : 0;
	width      : 100%;
	height     : 100%;
	z-index    : 99999999;
}

#book-holder {
	width    : 100%;
	margin   : 80px 0 135px 0;
	overflow : hidden;
}

#book-horizontal-wrapper.hidden, #book-vertical-wrapper.hidden {
	width    : 0;
	height   : 0;
	overflow : hidden;
}

.floatLeft {
	float : left;
}

.floatRight {
	float : right;
}

ul {
	width  : 100%;
	height : 100%;
}

ul li {
	white-space : nowrap;
	position    : relative;
}

ul, ul li {
	margin     : 0;
	padding    : 0;
	list-style : none;
	text-align : center;
}

ul li table {
	width          : 100%;
	height         : 100%;
	vertical-align : middle;
	position       : relative;
}

img.lazy {
	width          : auto;
	vertical-align : top;
}

img.spread {
	vertical-align : middle;
}

#header {
	position        : absolute;
	width           : 100%;
	padding         : 15px 0;
	top             : 0;
	left            : 20px;
	background      : url("../images/background.jpg") -20px 0 no-repeat;
	background-size : cover;
}

#header .left {
	display     : block;
	position    : absolute;
	height      : 50px;
	line-height : 50px;
	top         : 15px;
	left        : 80px;
}

#header .right {
	display     : block;
	position    : absolute;
	height      : 50px;
	line-height : 50px;
	top         : 15px;
	right       : 80px;
}

#header .left img,
#header .right img {
	vertical-align : middle;
}

#header .center {
	margin      : 0 230px;
	color       : #d09b2c;
	font-size   : 12px;
	font-style  : italic;
	line-height : 50px;
	height      : 50px;
	overflow    : hidden;
	text-align  : center;
	white-space : nowrap;
}

#header .center .title {
	min-width     : 100px;
	height        : 50px;
	white-space   : nowrap;
	text-overflow : ellipsis;
	overflow      : hidden;
	display       : inline-block;
	text-align    : center;
}

#header .center .cota {
	display        : inline-block;
	padding-left   : 10px;
	padding-right  : 5px;
	vertical-align : top;
}

#controls {
	width      : 100%;
	position   : absolute;
	bottom     : 0px;
	left       : 0;
	background : #130e0b;
	height     : 45px;
	font-size  : 0;
	z-index    : 99999;
}

#controls .floatLeft {
	float    : none;
	position : absolute;
	left     : 0;
	top      : 0;
}

#controls .floatRight {
	float    : none;
	position : absolute;
	right    : 0;
	top      : 0;
}

#controls .paginacao {
	text-align : center;
}

#controls #paginacao {
	display : inline-block;
	padding : 8px 0 7px 0;
}

#controls #paginacao span {
	min-width             : 60px;
	padding               : 0 10px;
	text-align            : center;
	display               : inline-block;
	background            : #29231f;
	color                 : #dbd4ca;
	vertical-align        : top;
	font-size             : 10px;
	line-height           : 30px;
	margin                : 0 7px;
	-webkit-border-radius : 4px;
	border-radius         : 4px;
}

#controls #paginacao a {
	display  : inline-block;
	width    : 30px;
	height   : 30px;
	position : relative;
	cursor   : pointer;
}

#controls #paginacao a img {
	position : absolute;
	top      : 50%;
	left     : 50%;
	margin   : -11px 0 0 -12px;
}

.item, .aglomerador, .sumario {
	display         : inline-block;
	width           : 45px;
	height          : 45px;
	position        : relative;
	text-decoration : none;
	color           : #828281;
	vertical-align  : top;
	cursor          : pointer;
}

.item:hover,
.item.active {
	background : #29231f;
	color      : #d09b2c;
}

.sumario:hover,
.sumario.active {
	color : #d09b2c;
}

.item > img {
	position : absolute;
	top      : 50%;
	left     : 50%;
	margin   : -11px 0 0 -12px;
}

.item span, .sumario span {
	font-size      : 11px;
	display        : block;
	text-align     : center;
	line-height    : 45px;
	text-transform : uppercase;
}

.item.share {
	position : relative;
}

.item.share.opened {
	background : #29231f;
}

.item#share-links > .share {
	display     : inline-block;
	position    : absolute;
	width       : 182px;
	bottom      : 100%;
	left        : -68px;
	background  : #29231f;
	padding     : 10px 0;
	text-align  : center;
	line-height : normal;
	white-space : nowrap;
	font-size   : 0;
	display     : none;
}

.item .share a {
	display : inline-block;
	margin  : 0 3px;
}

.item .share a img {
	vertical-align : top;
}

.item.disabled {
	opacity    : 0.2;
	cursor     : default;
	background : none;
}

.item.idioma.active, .item.hidden, .aglomerador.hidden {
	display : none;
}

.sumario {
	width      : 80px;
	position   : relative;
	background : #130e0b;

}

.sumario span {
	text-transform : none;
	width          : 80px;
	text-align     : center;
	display        : inline-block;
	position       : relative;
	z-index        : 9;
}

.sumario div.index {
	position   : absolute;
	right      : 0px;
	bottom     : 45px;
	min-width  : 80px;
	background : #130e0b;
	z-index    : 0;
}

.sumario div.index span {
	width      : 80px;
	height     : 15px;
	background : url("../images/opener-sumario.png") 0 0 no-repeat;
	position   : absolute;
	top        : -15px;
	right      : 0;
}

.sumario.opened div.index span {
	background-position : 0 -23px;
}

.sumario ul {
	font-size     : 11px;
	list-style    : none;
	width         : auto;
	max-height    : 400px;
	overflow      : auto;
	overflow-x    : hidden;
	width         : auto !important;
	padding-right : 10px;
	margin        : 15px 5px 15px 15px;
	display       : block;
}

.sumario ul li {
	text-align    : left;
	border-bottom : 1px solid #595553;
	color         : #fff;
	white-space   : normal;
	width         : auto;
	display       : block;
}

.sumario ul li a {
	display         : block;
	line-height     : 20px;
	padding         : 6px 0;
	text-decoration : none;
	color           : #fff;
	width           : 250px;
}

.sumario ul li a:hover {
	color : #d09b2c;
}

.aglomerador {
	position : relative;
}

.aglomerador > div {
	position    : absolute;
	width       : 0;
	bottom      : 0px;
	right       : 100%;
	overflow    : hidden;
	white-space : nowrap;
	background  : #130e0b;
	background  : rgba(19, 14, 11, 0.9);
	z-index     : 9;
}

.aglomerador > div.opened {
	overflow : visible;
}

#controls .topControls .item.autoplay .pause {
	display : none;
}

#info {
	padding    : 20px;
	border-top : 2px solid #29231f;
	position   : relative;
}

#info span {
	display         : inline-block;
	position        : absolute;
	top             : 20px;
	right           : 20px;
	text-decoration : none;
	color           : #d81a39;
	font-size       : 12px;
	cursor          : pointer;
	background      : url("../images/icon-cross.png") 100% 50% no-repeat;
	padding-right   : 20px;
	font-family     : Verdana, Arial, Helvetica, sans-serif;
}

#info a {
	text-decoration : none;
	color           : #d81a39;
	font-size       : 12px;
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	display         : none;
	margin-left     : 10px;
}

#info .text {
	-webkit-border-radius : 4px;
	border-radius         : 4px;
	background            : #29231f;
	padding               : 10px;
	color                 : #d09b2c;
	font-size             : 12px;
	font-family           : Verdana, Arial, Helvetica, sans-serif;
	margin-bottom         : 20px;
	max-width             : 70%;
	min-width             : 390px;
}

.infoLoading {
	padding               : 10px;
	background            : #29231f;
	-webkit-border-radius : 5px;
	border-radius         : 5px;
}

#thumbs-holder {
	position    : absolute;
	top         : 0;
	width       : 100%;
	padding-top : 80px;
	overflow    : auto;
	display     : none;
}

#thumbs-holder .closeThumbs{
	display: inline-block;
	position: fixed;
	top: 66px;
	z-index: 999999999;
	right: 80px;
	text-decoration: none;
	color: #d81a39;
	font-size: 12px;
	cursor: pointer;
	background: url("../images/icon-cross.png") 100% 50% no-repeat;
	padding-right: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#thumbs-holder ul {
	margin : 0 20px;
	width  : auto !important;
}

.zoomHolder {
	position   : absolute;
	top        : 0;
	left       : 0;
	width      : 100%;
	z-index    : 9999;
	height     : 100%;
	background : url("../images/pixel.png");
}

#zoom-holder {
	position           : absolute;
	top                : 0;
	left               : 0;
	font-size          : 0;
	text-align         : center;
	overflow           : hidden;
	-webkit-transition : all 0ms ease !important;
	-moz-transition    : all 0ms ease !important;
	-ms-transition     : all 0ms ease !important;
	-o-transition      : all 0ms ease !important;
	transition         : all 0ms ease !important;
}

#zoom-holder img {
	width          : 50%;
	height         : auto;
	vertical-align : top;
}

#zoom-options {
	position   : absolute;
	top        : -36px;
	left       : 0;
	width      : 100%;
	text-align : center;
	z-index    : 99999;
}

#zoom-options .zoomOptions {
	display               : inline-block;
	height                : 36px;
	line-height           : 36px;
	background            : #130e0b;
	color                 : #dcdcdb;
	-webkit-border-radius : 0 0 5px 5px;
	border-radius         : 0 0 5px 5px;
	font-size             : 0;
	padding-left          : 10px;
}

#zoom-options .zoomOptions span {
	display        : inline-block;
	font-size      : 11px;
	vertical-align : top;
}

#zoom-options .zoomOptions span.zoomOut {
	width      : 26px;
	height     : 36px;
	background : url("../images/icon-zoom-out.png") 50% 50% no-repeat;
	cursor     : pointer;
}

#zoom-options .zoomOptions span.zoomIn {
	width      : 26px;
	height     : 36px;
	background : url("../images/icon-zoom-in.png") 50% 50% no-repeat;
	cursor     : pointer;
}

#zoom-options .zoomOptions span.percent {
	text-align : center;
	width      : 50px;
}

#zoom-options .zoomOptions span.reset {
	width      : 26px;
	height     : 36px;
	background : url("../images/icon-arrow-out.png") 50% 50% no-repeat;
	cursor     : pointer;

}

#zoom-options .zoomOptions span.rotateLeft {
	width       : 26px;
	height      : 36px;
	background  : url("../images/icon-rotate-left.png") 50% 50% no-repeat;
	cursor      : pointer;
	margin-left : 10px;
}

#zoom-options .zoomOptions span.rotateRight {
	width       : 26px;
	height      : 36px;
	background  : url("../images/icon-rotate-right.png") 50% 50% no-repeat;
	cursor      : pointer;
	margin-left : 12px;
}

#zoom-options .zoomOptions span.close {
	background            : #474341 url("../images/cross.png") 50% 50% no-repeat;
	width                 : 36px;
	height                : 36px;
	-webkit-border-radius : 0 0 5px 0;
	border-radius         : 0 0 5px 0;
	cursor                : pointer;
	margin-left           : 10px;
}

#thumbs-holder li {
	width      : 200px;
	display    : inline-block;
	text-align : left;
	margin     : 20px;
}

#thumbs-holder li:first-child {
	text-align : right;
}

#thumbs-holder li span {
	width       : 50%;
	display     : inline-block;
	text-align  : center;
	color       : #fff;
	font-size   : 11px;
	font-weight : bold;
	cursor      : pointer;
}

#thumbs-holder li span:first-child img {
	float : right;
}

#thumbs-holder li span:last-child img {
	float : left;
}

#thumbs-holder li span img {
	width          : auto;
	height         : 140px;
	vertical-align : top;
	margin-bottom  : 5px;
}

#thumbs-holder li span br {
	clear : both;
}

#tooltip {
	position   : absolute;
	height     : 0;
	overflow   : hidden;
	text-align : center;
	opacity    : 0;
	z-index    : 99999999;
}

#tooltip.bottom {
	background  : url("../images/tooltipArrowUp.png") 50% 0 no-repeat;
	padding-top : 5px;
	margin-top  : 10px;
	height      : auto;
}

#tooltip.top {
	background     : url("../images/tooltipArrowDown.png") 50% 100% no-repeat;
	padding-bottom : 5px;
	margin-top     : -10px;
	height         : auto;
}

#tooltip.right {
	height       : auto;
	margin-left  : 10px;
	padding-left : 5px;
	background   : url("../images/tooltipArrowLeft.png") 0 50% no-repeat;
}

#tooltip.left {
	height        : auto;
	margin-left   : -10px;
	padding-right : 5px;
	background    : url("../images/tooltipArrowRight.png") 100% 50% no-repeat;
}

#tooltip img {
	vertical-align : bottom;
}

#tooltip span {
	display               : block;
	background            : #130e0b;
	color                 : #fff;
	font-family           : Verdana, Arial, Helvetica, sans-serif;
	font-size             : 12px;
	-webkit-border-radius : 4px;
	border-radius         : 4px;
	line-height           : 30px;
	padding               : 0 10px;
	white-space           : nowrap;
}

#print-holder {
	display    : none;
	position   : absolute;
	top        : 0;
	left       : 0;
	width      : 100%;
	height     : 100%;
	background : #fff;
	overflow   : auto;
	font-size  : 0;
	text-align: center;
}

#print-holder img {
	display : inline-block !important;
	width   : auto !important;
	height  : 100% !important;
}

@media print {



	#loading, #zoom-options, #zoom-holder, #book-holder, #thumbs-holder, #header, #controls, #tooltip {
		display : none !important;
	}

	#print-holder {
		display : block !important;
	}

}