body{margin:0;padding:0}
#wrap{font-family:Arial;margin:0 auto;max-width:1430px;height:100%;padding:0 10px 0px 10px}
.leftcol{width:75%;height:100%;float:left;text-align:center;position:relative;}
.rightcol{width:22%;height:100%;float:left;text-align:center;max-height:840px;overflow:hidden;}
.clear{clear:both}
.toplook,.topzobacz{margin:16px auto;border-bottom:1px solid #000;padding-bottom:14px}
.topzobacz img{float:right;margin-right:19.16%;}
.imgtxt{text-align:right;font-size:12px;}
.imgtxt span{font-size:18px;}
.imgtxt a{color:#000;text-decoration:none}
.flexslider img{width:100%;max-width:1000px;}


ul.prod {list-style:none;margin:0 auto;padding:0;text-align:center;font-size:12px;overflow:auto}
.prod img{width:100%;max-width:200px;border:0;background:transparent url('../images/no200x200.gif') no-repeat}
.prod img:hover{opacity:0.8}
.prod li{width:92%;padding:0 4%;max-width:200px;margin:0 auto;margin-bottom:14px}
.prod li:last-child{margin-bottom:0}
ul.prod li a{text-decoration:none}

ul.prod div{font-weight:normal;line-height:18px;text-align:left;margin:5px 0 0px 0;}
ul.prod div a{color:#000;}
ul.prod .part{float:left;	font-style: italic;	}
ul.prod .part a{color:#999 !important;	font-size:11px;
}
ul.prod .pprice{float:right;}

ul.prod2 {font-family: 'Open Sans', sans-serif;font-weight:400;list-style:none;margin:43px auto 0  auto;padding:0;text-align:center;font-size:12px;overflow:auto}

.prod2 li{text-align:right;width:92%;padding:0 4%;max-width:200px;margin:0 auto;margin-bottom:30px;}
.prod2 li:last-child{margin-bottom:0}
ul.prod2 li a{text-decoration:none;color:#000}
ul.prod2 li a:hover{color:#fff;background:#000}

ul.prod2 .art{font-weight:700;font-size:14px;margin-left:2px}
ul.prod2 .price2{font-style: italic; }

ul.prod2 .price21{float:right;}


.paginated img{width:100%}

.flexslider{overflow:hidden;background:#fff;	position:relative;margin:0 auto;max-width:1000px;}
.flexslider{border-right:40px solid #fff;border-left:40px solid #fff}
.imgmain{width:100%}



/* Direction Nav */


.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flex-direction-nav a  { 
display: block; 

  width:23px;
  height:89px;
  cursor: pointer;

margin: 0; position: absolute; top: 50%; z-index: 10; overflow: hidden;

}
.flex-direction-nav .flex-prev { left: 1%;background:transparent url(../images/arr_left.gif) no-repeat 0 0; }
.flex-direction-nav .flex-next { right: 1%;background:transparent url(../images/arr_right.gif) no-repeat 0 0; }

.flex-direction-nav:hover .flex-prev { opacity: 0.8;  }
.flex-direction-nav:hover .flex-next { opacity: 0.8;  }

/*.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }*/


/*jScroll */



.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: -5px;
	right: 0;
	width: 8px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	/*background: #dde;*/
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: transparent;
}

.jspVerticalBar .jspArrow
{
	height: 4px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}




.jspHorizontalBar,
.jspVerticalBar,
.jspTrack
{
	/*background: #eeeef4;*/
}

.jspDrag
{
	background:  #000;

	/*
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	*/
}

.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover
{
	background: #222;
}


.jspArrow
{
/*	background: url(../../images/ui-icons_222222_256x240.png) no-repeat;*/
/*	background: transparent url('../images/imagesn1.png') no-repeat;*/

	/*
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	*/
}

.jspVerticalBar>.jspActive,
/*
.jspArrow:hover
{
	background-image: url('../images/imagesn1.png');
}
*/
.jspVerticalBar>.jspDisabled,
.jspVerticalBar>.jspDisabled:hover,
.jspHorizontalBar>.jspDisabled,
/*
.jspHorizontalBar>.jspDisabled:hover
{
	background-color: transparent;
	background-image: url('../images/imagesn1.png');
}
*/
.jspVerticalBar .jspArrow
{
	height: 0px;
}

.jspHorizontalBar .jspArrow
{
	width: 12px;
}

.jspArrowUp
{
	background-position: -39px -34px !important; 
}

.jspArrowDown
{
	background-position: -28px -30px !important; 

}

.jspArrowLeft
{
	background-position: -96px 0 !important;
}

.jspArrowRight
{
	background-position: -32px 0 !important;
}




/*jScroll */



@media (max-width: 1630px) {
	
	#wrap{width:1170px}
	.prod2 li{width:59%;}
}


@media (max-width: 1370px) {
	
	#wrap{width:1080px}
	.prod2 li{width:51%;}

}


@media (max-width: 1290px) {
	
	#wrap{width:1050px}
	.prod2 li{width:65%;}

}

@media (max-width: 1050px) {
	
	#wrap{width:940px}
		ul.prod2{margin:0 auto}

}

@media (max-width: 980px) {
	
	#wrap{width:850px}
}

@media (max-width: 890px) {
	
	ul.prod2 {font-size:10px !important}
	#wrap{width:810px}

}


@media (max-width: 820px) {

	
	.leftcol{float:none;width:90%;}
	.rightcol{width:90%;margin-left:0}
	.prod2 li{float:left}

	#wrap{width:90%}
	ul.prod2{height:auto}
.toplook{margin:5px auto;}
.topzobacz img{float:none;margin:16px auto;}


}

@media (max-width: 620px) {

	
	.prod2 li {width:50%}
}