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;padding-bottom:14px}
.topzobacz img{float:right;margin-right:19.16%;}
.imgtxt{text-align:right;font-size:12px;}

.imgtxt span{font-size:14px;font-family: 'Noto Sans', Arial,Tahoma;font-weight:700;}
.imgtxt a{color:#000;text-decoration:none}
.flexslider img{width:100%;max-width:1000px;max-height:725px}


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:45px}
.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: 'Noto Sans', Arial,Tahoma;font-weight:400;list-style:none;margin:43px auto 0  auto;padding:0;text-align:center;font-size:11px;overflow:auto}

.prod2 li{text-align:left;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{color:#999;font-style: italic;font-family:Arial;line-height:19px}


ul.prod2 .price2{font-family:Arial;margin:3px 0 10px 0}
.namep{font-size:15px;font-family: 'Noto Sans', Arial,Tahoma;font-weight:400;margin-bottom:10px}
.prodname{font-size:11px;font-family:Arial}
.zobacz2{margin-top:0px;background:transparent url(../images/zobacz2.gif) no-repeat 0 0;width:73px;height:21px}
.zobacz2:hover{margin-top:0px;background:transparent url(../images/zobacz2H.gif) no-repeat 0 0;width:73px;height:21px}

.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%}

	.toplook{margin:10px 40px 0 40px;height:40px}
	.seerest{background:#000;width:270px;padding:7px 13px 10px 13px;float:right;color:#fff;text-align:center;text-decoration:none;font-family: 'Noto Sans', Arial,Tahoma;font-size:14px}
	.seerest a span{font-size:20px}
	.seerest:hover,.seerest a:hover {background:#e8e8e8;color:#000;cursor:pointer}
	.logo2{float:left;}



/* Direction Nav */


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

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

  width:42px;
  height:73px;
  cursor: pointer;

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

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

.flex-direction-nav .flex-prev:hover { background:transparent url(../images/arr_leftH.gif) no-repeat 0 0; }
.flex-direction-nav .flex-next:hover { background:transparent url(../images/arr_rightH.gif) no-repeat 0 0;  }

/*.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}
		.seerest{float:left;margin:10px 0}

}

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

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

}


@media (max-width: 820px) {
.fb-like{position:relative !important;top:0;left:0;margin-bottom:20px;margin-left:-37px}
	
	.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%}
}