.elkat-scene
{
	margin-left: auto;
	margin-right: auto;
	width: 708px;
	height: 500px;
	box-shadow: 1px 1px 5px #999;
	position: relative;
}
/* common styles */
.elkat-scene > div > div > div > div > div
{
	background-color: #fff;
}
.elkat-scene > .elkat-l, .elkat-scene > .elkat-r
{
	cursor: grab;
}
.elkat-scene > .elkat-l-work, .elkat-scene > .elkat-r-work
{
	cursor: grabbing;
}
.elkat-scene > div > div > div > div > div
{
	background-color: #fff;
}

.elkat-scene .elkat-l-zero, .elkat-scene .elkat-r-zero
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 354px;
	height: 500px;
	z-index: 0;
}
.elkat-scene .elkat-r-zero
{
	left: 354px;
}
/* strona lewa - start */
.elkat-scene .elkat-l-bottom
{
	width: 354px;
	height: 500px;
	/*box-shadow: 0px 0px 2px #999;*/
	top: 0px;
	left: 0px;
	z-index: 1;
	position: absolute;
}
.elkat-scene .elkat-l-bottom  > div, .elkat-scene .elkat-l-bottom > div > div, .elkat-scene .elkat-l-bottom > div > div > div, .elkat-scene .elkat-l-bottom > div > div > div > div
{
	width: 354px;
	height: 500px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.elkat-scene .elkat-l-bottom > div:nth-child(1)
{
	z-index: 2;
}
.elkat-scene .elkat-l-bottom > div:nth-child(2)
{
	z-index: 1;
}
.elkat-scene .elkat-l
{
	width: 354px;
	height: 500px;
	/*box-shadow: 0px 0px 2px #999;*/
	top: 0px;
	left: 0px;
	z-index: 2;
	position: absolute;
}
.elkat-scene .elkat-l  > div, .elkat-scene .elkat-l > div > div, .elkat-scene .elkat-l > div > div > div, .elkat-scene .elkat-l > div > div > div > div
{
	width: 354px;
	height: 500px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.elkat-scene .elkat-l > div:nth-child(1)
{
	z-index: 2;
}
.elkat-scene .elkat-l > div:nth-child(2)
{
	z-index: 1;
}
.elkat-scene .elkat-l-work
{
	top: 0px;
	left: 0px;
	width: 708px;
	height: 500px;
	position: absolute;
	/*box-shadow: 0px 0px 2px #999;*/
	z-index: 3;
}
/* rotation mask & page */
.elkat-scene .elkat-l-work > div
{
	width: 708px;
	height: 500px;
	position: absolute;
	top: 0px;
	left: -354px;
	/*box-shadow: 0px 0px 2px #f00;*/
}
.elkat-scene .elkat-l-work > div:nth-child(1)
{
	z-index: 1;
}
.elkat-scene .elkat-l-work > div:nth-child(2)
{
	z-index: 2;
	pointer-events: none;
}
/* mask */
.elkat-scene .elkat-l-work > div > div
{
	height: 1000px;
	position: absolute;
	top: -250px;
	left: 0px;
	/*box-shadow: 0px 0px 2px #00f;*/
	overflow: hidden;
}
.elkat-scene .elkat-l-work > div:nth-child(1) > div
{
	width: 708px;
	left: 354px;
}
.elkat-scene .elkat-l-work > div:nth-child(2) > div
{
	width: 354px;
	left: 354px;
}
/* rotation page */
.elkat-scene .elkat-l-work > div > div > div
{
	position: absolute;
	width: 708px;
	height: 1000px;
	/*box-shadow: 0px 0px 2px #0f0;*/
}
.elkat-scene .elkat-l-work > div:nth-child(1) > div > div
{
	left: -354px;
}
.elkat-scene .elkat-l-work > div:nth-child(2) > div > div
{
	left: -354px;
}
/* page */
.elkat-scene .elkat-l-work > div > div > div > div
{
	width: 354px;
	height: 500px;
	position: absolute;
	top: 250px;
}
.elkat-scene .elkat-l-work > div:nth-child(1) > div > div > div
{
	left: 354px;
}
.elkat-scene .elkat-l-work > div:nth-child(2) > div > div > div
{
	left: 0px;
}
/* strona lewa - end */

/* strona prawa - start */
.elkat-scene .elkat-r-bottom
{
	width: 354px;
	height: 500px;
	box-shadow: 0px 0px 2px #999;
	top: 0px;
	left: 354px;
	z-index: 1;
	position: absolute;
}
.elkat-scene .elkat-r-bottom > div, .elkat-scene .elkat-r-bottom > div > div, .elkat-scene .elkat-r-bottom > div > div > div, .elkat-scene .elkat-r-bottom > div > div > div > div
{
	width: 354px;
	height: 500px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.elkat-scene .elkat-r-bottom > div:nth-child(1)
{
	z-index: 2;
}
.elkat-scene .elkat-r-bottom > div:nth-child(2)
{
	z-index: 1;
}
.elkat-scene .elkat-r
{
	width: 354px;
	height: 500px;
	box-shadow: 0px 0px 2px #999;
	top: 0px;
	left: 354px;
	z-index: 2;
	position: absolute;
}
.elkat-scene .elkat-r > div, .elkat-scene .elkat-r > div > div, .elkat-scene .elkat-r > div > div > div, .elkat-scene .elkat-r > div > div > div > div
{
	width: 354px;
	height: 500px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.elkat-scene .elkat-r > div:nth-child(1)
{
	z-index: 2;
}
.elkat-scene .elkat-r > div:nth-child(2)
{
	z-index: 1;
}
.elkat-scene .elkat-r-work
{
	top: 0px;
	left: 0px;
	width: 708px;
	height: 500px;
	position: absolute;
	box-shadow: 0px 0px 2px #999;
	z-index: 3;
}
/* rotation mask & page */
.elkat-scene .elkat-r-work > div
{
	width: 708px;
	height: 500px;
	position: absolute;
	top: 0px;
	left: 354px;
}
.elkat-scene .elkat-r-work > div:nth-child(1)
{
	z-index: 1;
}
.elkat-scene .elkat-r-work > div:nth-child(2)
{
	z-index: 2;
	pointer-events: none;
}
/* mask */
.elkat-scene .elkat-r-work > div > div
{
	height: 1000px;
	position: absolute;
	top: -250px;
	overflow: hidden;
	/*box-shadow: 0px 0px 2px #f00;*/
}
.elkat-scene .elkat-r-work > div:nth-child(1) > div
{
	width: 708px;
	left: -354px;
}
.elkat-scene .elkat-r-work > div:nth-child(2) > div
{
	width: 354px;
	left: 0px;
}
/* rotation page */
.elkat-scene .elkat-r-work > div > div > div
{
	position: absolute;
	width: 708px;
	height: 1000px;
	/*box-shadow: 0px 0px 2px #0f0;*/
}
.elkat-scene .elkat-r-work > div:nth-child(1) > div > div
{
	left: 354px;
}
.elkat-scene .elkat-r-work > div:nth-child(2) > div > div
{
	left: 0px;
}
/* page */
.elkat-scene .elkat-r-work > div > div > div > div
{
	width: 354px;
	height: 500px;
	position: absolute;
	top: 250px;
}
.elkat-scene .elkat-r-work > div:nth-child(1) > div > div > div
{
	left: 0px;
}
.elkat-scene .elkat-r-work > div:nth-child(2) > div > div > div
{
	left: 354px;
}
/* strona prawa - end */
div.elkat-elp
{
	margin: 0px;
	padding: 0px;
	display: block;
}
div.elkat-elp img
{
	margin: 0px;
	padding: 0px;
	display: block;
}
div.elkat-elp a
{
	margin: 0px;
	padding: 0px;
	position: absolute;
	display: block;
	background-color: #fff;
	opacity: 0;
	box-shadow: 1px 1px 3px #333;
	z-index: 100;
	text-align: center;
	color: #aaa;
	text-decoration: none;
	box-sizing: border-box;
}
div.elkat-elp a:hover
{
	opacity: 0.6;
	color: #000;
	box-shadow: 1px 1px 3px #000;
	text-decoration: none;
}















