@supports (-webkit-touch-callout: none) {
	body {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
		margin: auto;
		padding: 0;
		overflow-x: hidden;
		overflow-y: auto;
		position: fixed;
		-webkit-overflow-scrolling: touch;
		width: 100%;
	}
	main div.content{ display:flex; }
}

#leitura {
	position: relative;
}
#leitura section {
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
	padding: 0;
}

/* *** CABEÇALHO ************************************************************ */
#leitura header {
	background-color: #ffffff;
	box-sizing: border-box;
	height: 50px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000;
}
#leitura header nav {
	display: flex;
	padding: 0;
	text-align: center;
	align-items: center;
	justify-content: center;
	line-height: 30px;
	font-size: 20px;
	padding: 10px 0;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
#leitura header nav div.nav {
	width: auto;
	height: 30px;
	/*margin: 0 1rem;*/
	/*flex: 1;*/
}
#leitura header nav div.nav a, 
#leitura header nav div.nav div {
	box-sizing: border-box;
	display: inline-block;
	text-decoration: none;
	padding: 0;
}
#leitura header nav div.nav div {
	width: auto;
	height: 30px;
	margin: 0 1rem;
	font-weight: bold;
	font-family: 'Muli', sans-serif;
}
#leitura header nav div.nav a {
	color: transparent;
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	margin: 0 2rem;
	position: relative;
	font-size: 1px;
}
#leitura header nav div.nav a.home {
	width: 35px;
}

/* *** CONTEÚDO ************************************************************* */
#leitura main {
	box-sizing: border-box;
	height: 100vh; /*100%;*/
	margin: 0;
	padding: 50px 0 0 0;
	width: 100%;
	display: flex;
}
#leitura main section {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: auto;
}
#leitura main p.alerta {
	font-size: 1rem;
	font-weight: 100;
	left: 50%;
	line-height: 1.5rem;
	margin: -20px 0 0 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
#leitura main p.alerta a {
	color: #ffffff;
}

/* *** PAGINAS ************************************************************* */
#leitura div.pages{
	display: block;
	overflow: hidden;
	position: relative;
	height: 100%;
	width: 100%;
}
#leitura div.pages article{
	display: block;
	overflow: hidden;
	height: 100%;
	width: 50%;
	/*position: absolute;*/
	/*left: 100%;*/
	transition: all 0.5s;
}
html.pa #leitura div.pages article{
	width: 100%;
}
#leitura div.pages article.on{
	left: 0;
}
/*
html.pl #leitura div.pages article.on.solo{
	left: 25%;
}
#leitura div.pages article.on2{
	left: 50%;
}
#leitura div.pages article.prev{
	left: -100%;
}
*/
html.pl #leitura div.pages article video, 
html.pl #leitura div.pages article img {
	display: block;
	height: 100%;
	width: auto;
}
html.pa #leitura div.pages article video, 
html.pa #leitura div.pages article img {
	display: block;
	height: auto;
	width: 100%;
}
#leitura span.nav{
	position: absolute;
	transition: all 0.5s;
	top: 50%;
	height: 30px;
	width: 30px;
	background-repeat: no-repeat;
	background-size: contain;
	color: transparent;
	cursor: pointer;
}
#leitura span.nav.prev{
	left: 1vw;
	background-image: url('../img/prev.png');
}
#leitura span.nav.next{
	right: 1vw;
	background-image: url('../img/next.png');
}
#leitura span.nav.off{
	opacity: 0;
	pointer-events: none;
}
.mobile span.nav { display: none; pointer-events: none; }
/*
#leitura span.contact, 
#leitura span.stamp, 
#leitura span.bag{
	background-position: center;
	background-size: cover;
	height: 9.2%;
	width: 10.7%;
	transition: all 1s 1s;
	opacity: 0;
	display: block;
	margin-top: -20px;
	cursor: pointer;
}
span.bag {
	background-image: url(../img/bag.png);
}
span.stamp {
	background-image: url(../img/stamp.png);
	cursor: inherit;
}
span.contact {
	background-image: url(../img/bag.png);
}
article.on span.contact, article.on2 span.contact, 
article.on span.stamp, article.on2 span.stamp, 
article.on span.bag, article.on2 span.bag{
	margin-top: 0px;
	opacity: 1;
	position: absolute;
	transition: all 0.5s 0.5s;
}
*/

/* *** ZOOM ***************************************************************** */
#leitura div.content {
	height: auto;
	overflow: hidden;
	width: 100%;
}
/*#leitura main.zoom section {
	transition: scroll 1s;
}*/
#leitura article div.page {
	cursor: zoom-in;
}
#leitura main.zoom article {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#leitura main.zoom article div.page video, 
#leitura main.zoom article div.page img {
	pointer-events: none;
}
#leitura main.zoom article div.page {
	cursor: zoom-out;
}
#leitura main.zoom.scroll-movido article div.page, 
#leitura main.zoom.scroll-movido article div.page span.contact, 
#leitura main.zoom.scroll-movido article div.page span.stamp, 
#leitura main.zoom.scroll-movido article div.page span.bag {
	cursor: move;
}
#leitura article div.page {
	height: 100%;
	position: relative;
	width: 100%;
}
#leitura main.zoom article div.page {
	height: auto;
}
#leitura article div.page, 
#leitura article div.page img, 
#leitura article div.page span.contact, 
#leitura article div.page span.stamp, 
#leitura article div.page span.bag {
	transition: all 1s;
}
#leitura main.zoom section {
	height: auto !important;
	width: 150% !important;
}
#leitura main.zoom section div.pages article.on video, 
#leitura main.zoom section div.pages article.on2 video, 
#leitura main.zoom section div.pages article.on img, 
#leitura main.zoom section div.pages article.on2 img {
	height: auto;
	width: 100%;
}
#leitura main.zoom span.nav {
	display: none;
}
#leitura main div.pages {
	font-size: 0;
	text-align: center;
	white-space: nowrap;
}
html.pl #leitura main div.pages article {
	display: inline-block;
	height: 100%;
	width: 0;
	position: static;
	left: auto;
	top: auto;
}
html.pa #leitura main div.pages article {
	/*display: inline-block;*/
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -100%;
	top: auto;
}
html.pl #leitura main div.pages article.on, 
html.pl #leitura main div.pages article.on2 {
	width: 50%;
}
html.pa #leitura main div.pages article.on {
	bottom: 0;
	top: auto;
}
html.pa #leitura main div.pages article.prev {

	bottom: 100%;
	top: auto;
}

div.ui-loader { display: none !important; }