body {
 margin: 0 auto;
 background-color:#ffffff;
}

#galeria {
 width:100%;
 margin:0 auto;
 position:relative;
 z-index:0;	
}


#galeria .zdjecia {
 width:100%;
 position:relative;
 margin-left:0px;
 margin-top: 0px;
 z-index:0;
}

.zdjecia_pokaz img {
 z-index:0;
}


.prev {
	background:url(../grafika/inne/prev-a.png) top left no-repeat;
	height:89px;
	width:49px;
	position:absolute;
	z-index: 99;
	cursor:pointer;
	left:-200px;
	top:325px;
}

.prev:hover {
	background:url(../grafika/inne/prev-b.png) top left no-repeat;
	 
}


.next {
	background:url(../grafika/inne/next-a.png) top left no-repeat;
	width:49px;
	height:89px;
	position:absolute;
	z-index: 99;
	cursor:pointer;
	right:-200px;
	top:325px;
}

.next:hover {
	background:url(../grafika/inne/next-b.png) top left no-repeat;
	 
}




#body-pokaz {
	margin: 0 auto;
	background-position:center top;
	background-repeat:no-repeat;
	z-index:1;

}


.container-pokaz {
position:relative;
width: 800px;  /* wazne - szerokosc strony */
margin:0 auto;	
z-index:1;
}

.main {
	position:relative;
	z-index:1;
} 


#box-A {
	position: absolute;
	top:200px;
	left:28px;
	width:800px;
	height:200px;
}


@media (min-width: 1480px) and (max-width: 2000px) {

.next {
	
	margin-right:-100px;

}


.prev {
	
	margin-left:-100px;

}
}

@media (min-width: 1010px) and (max-width: 1200px) {
.next {
	
	margin-right:100px;
	display:none;

}


.prev {
	
margin-left:100px;
display:none;

}
}