.link_a{position:absolute; cursor:pointer; display:block;}
.button_center{border:solid 6px rgba(255, 255, 255, 1); width:16px; height:16px; position:absolute; top:50%; left:50%; margin-left:-12px; margin-top:-12px; display:block; border-radius:100%; background:#219475;
-webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.31);
box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.31);
-webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
 }
.link_a:hover{z-index:100;}
.bez_koszyka .button_center{display:none;}
.wstecz_btn{

    cursor: pointer;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding-left: 25px;
    padding-right: 25px;
    position: absolute;
    top: 0;
    width: 15px;
}
#pageflip-thumbnails {
    background:rgba(0, 0, 0, 0.6);
    overflow: hidden;
    padding-top: 15px;
    position: absolute;
    top: 0;
    transition: top 0.5s ease 0s, opacity 0.5s ease 0s;
    width: 100%;
}
.wstecz_btn:hover, .next_btn:hover{
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;}
.next_btn{

    cursor: pointer;
    height: 100%;
    overflow: hidden;
    padding-left: 25px;
    padding-right: 25px;
    position: absolute;
    top: 0;
	right:0;
    width: 15px;
}
.link_a:hover .button_center{
    width:70px;
	height:70px;
	margin-top:-41px;
	background:rgba(33, 148, 117, 0.95);
	margin-left:-41px;
	border:solid 12px rgba(30, 74, 57, 0.6); 
  }
 .link_a:hover .koszyk{

    left: 50%;
    margin-left: -15px;
    margin-top: -16px;
    top: 50%;
	opacity:1;
   
 }
.koszyk{
background: rgba(0, 0, 0, 0) url("koszyk.png") repeat scroll 0 0 / cover ;
    display: block;
    height: 32px;
    left: 50%;
	opacity:0;
    margin-left: -9px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 30px;
	 -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

body {
	margin: 0;
	font-family:arial;
}
.pageflip-container {
	padding-top: 1px;
}
#b-pinterest,
#b-facebook,
#b-twitter,
#b-google {
	display: none;
}
.pf-page-container.pf-left-side {
	border-radius: 10px 0 0 10px;
}
.pf-page-container.pf-right-side {
	border-radius: 0 10px 10px 0;
}
#pf-dropshadow {
	border-radius: 20px;
}
#pf-stage {
	background:url("kamien.png") repeat scroll 0 0 / cover ;
}
#pf-book{
background:url("tlo.png") repeat scroll 0 0 / cover ;}
.pf-left-side,
.pf-right-side,
.pf-thumbnail-spread,
.pf-thumbnail-page {
	background: #888;
}
#pf-copyright-text{color: #efeacd;
    font-size: 11px;
    line-height: 31px;
    padding-top: 14px;
	float:right;
	clear:unset !important;}
#pageflip-controls {
	background:  rgba(30, 74, 57, 1); 
	
	height: 60px;
   
}
#pf-pagerin{ line-height: 31px; height:31px; color:#efeacd; font-weight:bold;}
.pf-control-bar-button g,
.pf-control-bar-pager g {
	fill: rgba(33, 148, 117, 0.5);
}
.pf-control-bar-button:not(.pf-disabled):hover g {
	fill: rgba(33, 148, 117, 1);
}
#pageflip-controls {
	
}
.pf-hotspot {
	position: absolute;
	overflow: hidden;
	cursor: pointer;
}
.pf-centered-buttons, .pf-left-buttons, .pf-right-buttons {
	height:auto;
    overflow: hidden;
}

.pf-centered-buttons {
    width: 420px;
	

}
.pf-control-bar-button:hover{
background:#315a4a;
cursor:pointer;
}
.pf-control-bar-button, .pf-control-bar-pager {
    float: left;
    height: 31px;
	width:31px;
	
	padding:14px;
	
}
.pf-right {
    float: right;
  
}
.pf-right-buttons {
    float: right;
    margin-right: 32px;
    width: 236px;
}
.pf-left-buttons{
float: left;

    width:145px;
}
.pf-control-bar-pager {
    padding-top: 12px;
    text-align: center;
    width: 156px;}
	
#pageflip-controls{padding:0;}