#karuzela {
margin: auto;
background: #f1f1f0;
/* f1f1f0 */
width:100% ;
overflow:hidden;
margin-top: 20px;
}

#karuzela .jcont {
width: 1000px;
margin: auto;
}
/*Class to set the styling option for the scroller part of the Carousel */

#karuzela .jcarousel{
width:920px !important ;
text-align:left;
padding:0 10px;
float: left;
}

#karuzela .jcarousel ul {
margin:0;

}

/*Class to set the image background and the size of it, do note that it’s not the size of the scrolling images, it sets the size of the background image that I’ve used for every actual image that will be scrolling*/

#karuzela .jcarousel li {
height:60px;
width:150px;
list-style:none;
margin-right: 25px;

position: relative;
}

/*This here actually sets the size of the scrolling images */

#karuzela .jcarousel img {
margin-top: 5px;
}

#karuzela .jcarousel img.top {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
        }
 
img.bottom {
bottom:0;
	
	}

#karuzela .next{
background: url('next.png');
display: block;
height: 50px;
width: 20px;
float: left;
 margin: 2px 0 0 10px;
}

#karuzela .prev {
background: url('prev.png');
display: block;
height: 50px;
width: 20px;
float: left;
margin: 2px 5px 0px 0px;
}

#karuzela .dostawcy{
display: block;
height: 50px;
line-height: 50px;
font-weight: bold;
float: left;	
color: #4f4e4e;
text-transform: uppercase;
}




#bloki .jcarousel{
float: left;
}

#bloki {
width: 100%;
padding: 10px 0 30px;
overflow: hidden;
}

#bloki .jcont { 
margin: auto;
width: 960px;
}

#bloki .blok {
width: 270px;
display: block;
margin: 0 5px 5px;
border: 1px solid #cdcdcd;
-moz-box-shadow: 2px 3px 4px #ADADAD; /* Firefox */ 
-webkit-box-shadow: 2px 3px 4px #ADADAD; /* Safari, Chrome */
box-shadow: 2px 3px 4px #ADADAD; /* CSS3 */
padding: 0 5px;
/* overflow: auto !important; */
background: url('bg_bloki.png') bottom left repeat-x #ffffff;
height: 150px !important;
 position: relative;
}

#bloki .blok .wiecej{
position: absolute;
bottom: 5px;
right: 5px;
}

.blok p {
margin-bottom: 0;
}
#bloki .next{
background: url('nextb.png') no-repeat top right;
display: block;
height: 50px;
width: 20px;
float: left;
margin-top: 70px;
}

#bloki .prev{
background: url('prevb.png') no-repeat top left; 
display: block;
height: 50px;
width: 20px;
float: left;
margin-top: 70px
}

#bloki .jcont > h2{ 
padding-left: 25px;
}