@charset "utf-8";

/* clear */

.cls { clear: both;}
.container { width: 1079px; margin: auto; }

/* Facebook */

.fb-like-box {
	background:#fff;
}
.facebook-plugin {
	background: url("../images/fbpodklad.png") no-repeat scroll 0 0 transparent;display: block;
	float: right;
	padding: 10px;
	width: 220px;
	height:402px;
	z-index: 9998;
	position:fixed;
	right:-210px;
	top:120px;
}
.facebook-plugin div{
	border:none;
	position:relative;
	display:block;
	margin-left: 15px;
}

/* default */

.margTop { margin-top: 60px; margin-bottom: 20px; }

.container #logo { width: 140px; float: left; }
.container #logo h1 { display: block; width: 140px; }
.container #logo h1 a { font-family: 'MyriadBold'; font-size: 19px; color: #333; text-transform: uppercase;  }

.container #smallContact { float: left; border-left: 1px solid #dbdbdb; margin-left: 33px; }
.container #smallContact img { float: left; padding: 0px 33px }
.container #smallContact ul { margin: 0; padding: 0; list-style: none; float: right; }
.container #smallContact ul li { /*font-family: 'MyriadReg';*/ font-family: Verdana, sans-serif; font-size: 11px; color: #333; }
.container #smallContact ul li a { color: #828282; font-size: 21px; font-family: 'MyriadCon'; }

.container #menu { float: right; }
.container #menu ul { margin: 0; padding: 0; list-style: none; float: right; }
.container #menu ul li { float: left; }
.container #menu ul li a { display: block; color: #fff; font-family: 'MyriadBoldCon'; font-size: 18px; letter-spacing: 1px; padding: 15px 15px; background: #333; /*background: url("../images/bck_menu.png")*/ repeat-x; }
.container #menu ul li a:hover { background: #6f6f6f;  }

.container #menu ul li.sub { position: relative; }
.container #menu ul li.sub ul { display: none; } 
.container #menu ul li.sub:hover ul { display: block; position: absolute; z-index: 999; }
.container #menu ul li.sub:hover ul li { width: 184px; }

#widget { width: 100%; background: #f3f3f3; margin-top: 50px; margin-bottom: 50px; }
#widget .container #widImg { width: 279px; float: left; padding: 30px 0px; }
#widget .container #widCon { width: 780px; float: right; }
#widget .container #widCon h2 { display: block; width: 100%; font-size: 37px; font-family: 'MyriadCon'; margin-bottom: 30px; margin-top: 30px; }
#widget .container #widCon p { /*font-family: 'MyriadReg';*/ font-family: Verdana, sans-serif; font-size: 14px; color: #333; width: 100%; margin-bottom: 50px; line-height: 20px; }
#widget .container #widCon a.more2 { float: right; background: #9db63e; padding: 10px 10px; font-family: 'MyriadBoldCon'; font-size: 22px; color: #fff; } 

.container #col_left { width: 265px; float: left; }
.box { width: 100%; display: block; float: left; }
.box .box_head { width: 100%; background: #9db63e; position: relative; }
.box .box_head h3 { font-family: 'MyriadBoldCon'; font-size: 22px; color: #fff; padding: 14px; letter-spacing: 1px; }
.box .box_head h3 a { display: block; float: right; }
.box .box_head h3 .bread { display: none; float: none; }
.box .box_con { width: 100%; min-height: 100px; background: #f3f3f3; margin-bottom: 50px; }
a.powrot { position: absolute; left: 0; padding: 14px; background: #05861d; color: #fff; text-transform: uppercase; font-family: 'MyriadCon'; font-size: 20px; }
.box .box_con #html { width: 100%; }

.box .box_con #html,
.box .box_con #html p,
.box .box_con #html span,
.box .box_con #html strong,
.box .box_con #html b,
.box .box_con #html i,
.box .box_con #html a { /*font-family: 'MyriadReg';*/ font-family: Verdana, sans-serif; font-size: 14px; line-height: 22px; }

.sort { position: absolute; right: 2px; top: 10px; overflow: hidden; }
input.sortuj { padding: 8px 10px; background: none; border: 0; outline: 0; color: #fff; font-size: 15px; font-family: 'MyriadCon'; cursor: pointer; }
/* select.sortowanie { border: 0; outline: 0; background: #fff; padding: 5px; color: #333; font-size: 15px; font-family: 'MyriadCon'; } */

.box .box_con2 { width: 100%; min-height: 100px; background: #fff; margin-bottom: 50px; }
.box .box_con2 .product { width: 100%; margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; }
.box .box_con2 .product .product_img { width: 100px; float: left; }
.box .box_con2 .product .product_des { width: 490px; float: left; margin-left: 40px; } 
.box .box_con2 .product .product_des h4, .box .box_con2 .product .product_des h4 a { color: #333; font-size: 21px; font-family: 'MyriadCon'; }
.box .box_con2 .product .product_des h4 img { vertical-align: middle; padding: 0px 2px; margin-top: -6px; }
.box .box_con2 .product .product_des h4 a { margin-right: 10px; }
.box .box_con2 .product .product_des p { width: 100%; line-height: 20px; color: #6f6f6f; /*font-family: 'MyriadReg';*/ font-family: Verdana, sans-serif; font-size: 14px; margin: 6px 0px; }
.box .box_con2 .product .product_des p.price { font-family: 'MyriadBold'; font-size: 21px; color: #f00707;  }
.box .box_con2 .product .product_des p.coms { color: #6f6f6f; /*font-family: 'MyriadReg';*/ font-family: Verdana, sans-serif; font-size: 14px; margin-top: 20px;  }
.box .box_con2 .product .product_btn { width: 126px; float: right }
.box .box_con2 .product .product_btn a { width: 126px; display: block; height: 31px; }
.box .box_con2 .product .product_btn a.read { background: url("../images/more.png") top left no-repeat; margin-bottom: 10px; }
.box .box_con2 .product .product_btn a.shop { background: url("../images/shop.png") top left no-repeat; }

.box .box_con ul { padding-top: 10px; }
.box .box_con ul li { width: 100%; padding-bottom: 8px; padding-top: 8px; border-bottom: 1px solid #fff; }
.box .box_con ul li:last-child { border: 0px; }
.box .box_con ul li a { /*font-family: 'MyriadReg';*/ font-family: Verdana, sans-serif; font-size: 14px; color: #828282; text-shadow: 1px 1px #fff; margin-left: 10px; margin-right: 10px; }

.box .box_con #tags li { float: left; border: 0px; width: auto; margin: -5px; }
.box .box_con #tags li a { /*font-family: 'MyriadReg';*/ font-family: Verdana, sans-serif; font-size: 13px; color: #fff; padding: 3px; background: #333; line-height: 20px; text-shadow: none; }

.container #col_right { width: 779px; float: right; }

#footer { width: 100%; height: 200px; background: #333333; }
#footer .container .footer { width: 150px; float: left; margin-right: 50px; }
#footer .container .footer h6 { width: 150px; font-family: 'MyriadBold'; font-size: 18px; color: #fff; text-transform: uppercase; padding-top: 20px; padding-bottom: 10px; border-bottom: 2px solid #9db63e; margin-bottom: 10px; }
#footer .container .footer ul li { margin-bottom: 6px; }
#footer .container .footer ul li a { /*font-family: 'MyriadReg';*/ font-family: Verdana, sans-serif; font-size: 14px; color: #fff; }

#footer .container .footer2 { width: 600px; float: left; margin-right: 50px; }
#footer .container .footer2 h6 { width: 150px; font-family: 'MyriadBold'; font-size: 18px; color: #fff; text-transform: uppercase; padding-top: 20px; padding-bottom: 10px; border-bottom: 2px solid #9db63e; margin-bottom: 10px; }
#footer .container .footer2 ul li { margin-bottom: 6px; float: left; margin-right: 10px; }
#footer .container .footer2 ul li a { /*font-family: 'MyriadReg';*/ font-family: Verdana, sans-serif; font-size: 14px; color: #fff; }

.container .box .box_prd { width: 100%; }
.container .box .box_prd #foto_prd { width: 100%; text-align: left; float: left; margin-top: 50px; margin-bottom: 50px;  }
.container .box .box_prd #foto_prd img  { float: left; padding-right: 20px; padding-bottom: 20px;  }
.container .box .box_prd #foto_btn { width: 100%; margin-top: 30px; }
.container .box .box_prd #foto_btn a { width: 356px; display: block; font-family: 'MyriadBold'; font-size: 30px; color: #f00707; margin: 30px auto; padding: 20px; border: 2px solid #f00707; text-align: center; }
.container .box .box_prd #col_prd { width: 552px; float: right; margin-top: 50px; padding-bottom: 40px;}
.container .box .box_prd #col_prd #price { width: 200px; font-family: 'MyriadBold'; font-size: 30px; color: #05861d; padding: 17px; border: 2px solid #05861d; text-align: center; margin-top: -19px; }
.container .box .box_prd #col_prd #cart a { width: 300px; font-family: 'MyriadBold'; font-size: 30px; color: #f00707; margin: 0; padding: 20px; border: 2px solid #f00707; text-align: center; }
.container .box .box_prd #col_prd #cart { float: right; }
.container .box .box_prd #col_prd #price { float: left; }
.container .box .box_prd #col_prd #product { width: 100%; margin-bottom: 50px;  }
.container .box .box_prd #des { width: 100%; margin-bottom: 50px; }
.container .box .box_prd #des h5 { width: 100%; color: #333; font-size: 21px; font-family: 'MyriadCon'; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 40px; }
.container .box .box_prd #des #des_prd { width: 100%; }

.container .box .box_prd #col_prd #col_art,
.container .box .box_prd #col_prd #col_art p,
.container .box .box_prd #col_prd #col_art span,
.container .box .box_prd #col_prd #col_art strong,
.container .box .box_prd #col_prd #col_art b,
.container .box .box_prd #col_prd #col_art i,
.container .box .box_prd #col_prd #col_art a { /*font-family: 'MyriadReg';*/ font-family: Verdana, sans-serif; font-size: 17px; line-height: 22px; }

#comments { width: 1079px; margin: 50px auto; margin-top: 0; }
#comments .container #commentsTitle { width: 100%; height: 50px; background: #05861d; }
#comments .container #commentsTitle h6 { color: #fff; font-size: 21px; font-family: 'MyriadCon'; margin-left: 10px; padding-top: 13px; }

#comments .container .comment { width: 100%; margin: 30px auto; }
#comments .container .comment .avatar { float: left; width: 150px; }
#comments .container .comment .com { width: 100%; /*float: right;*/ }
#comments .container .comment .com .nick { float: left; color: #333; font-size: 21px; font-family: 'MyriadCon'; }
#comments .container .comment .com .data { float: right; color: #ccc; font-style: italic; font-size: 15px; font-family: 'MyriadCon'; }
#comments .container .comment .com p { width: 100%; padding-top: 20px; border-top: 1px solid #ccc; color: #828282; /*font-family: 'MyriadReg';*/ font-family: Verdana, sans-serif; font-size: 16px; line-height: 20px; }

#comments .container #addCom { width: 100%; margin: 30px auto; }
#comments .container #addCom input { width: 100%; padding: 20px; color: #828282; font-size: 21px; font-family: 'MyriadCon'; border: 1px solid #dbdbdb; outline: 0; display: block; margin-bottom: 20px; }
#comments .container #addCom textarea { width: 100%; height: 250px; padding: 20px; color: #828282; font-size: 21px; font-family: 'MyriadCon'; border: 1px solid #dbdbdb; outline: 0; display: block; margin-bottom: 20px; }


.stars { width: 450px; margin-top: 20px; }
.stars .simpleRank { width: 100%; margin-top: 10px; }
.stars .simpleRank .simpleRank_left { width: 48%; float: left; }
.stars .simpleRank .simpleRank_right { width: 48%; float: right; }
.stars .simpleRank .simpleRank_left span { font-size: 16px; font-family: 'MyriadBold'; color: #333;  }
.stars .simpleRank .simpleRank_right ul { margin: 0; padding: 0; list-style: none; }
.stars .simpleRank .simpleRank_right ul li { float: left; margin-right: 5px; width: 19px; height: 19px; background: url("../images/star.jpg") top left no-repeat; margin-bottom: 10px; }
.stars .simpleRank .simpleRank_right ul li:last-child { margin-right: 0px; }

.container .box .box_prd #col_prd #product h4 { width: 100%; margin-top: 30px; display: block; text-align: left; font-family: 'MyriadBold'; font-size: 18px; color: #333; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; }
.container .box .box_prd #col_prd #product h4 img { vertical-align: middle; padding-right: 15px; }

.box .box_con #szukaj { position: absolute; margin-left: 23px; margin-top: 32px; }
.box .box_con #szukaj input { display: block; width: 220px; padding: 10px; background: #fff; border: 1px solid #ccc; margin: auto; }
.box .box_con #szukaj input.lupa { width: 25px; height: 27px; background: url("../images/lupa.png") top left no-repeat; border: 0; padding: 10px; position: absolute; top: 5px; right: 5px; }

.info { width: 100%; padding: 20px 0px; text-align: center; background: #f0f0f0; color: #333; font-size: 21px; font-family: 'MyriadCon'; }

.box .box_con2 .article { width: 160px; height: 200px; float: left; margin: 17px; }
.box .box_con2 .article .article_foto { width: 100%; }
.box .box_con2 .article .article_title { width: 100%; background: #05861d; }  
.box .box_con2 .article .article_title h4 { color: #fff; font-size: 15px; font-family: 'MyriadCon'; text-align: center; width: 100%; padding: 10px 5px; text-transform: uppercase; }

 a.back { background: #05861d; color: #fff; font-size: 21px; font-family: 'MyriadCon'; display: block; width: 100%; padding: 10px 0px; text-align: center; text-transform: uppercase; margin-top: 30px; }

.box .box_con2 #page { width: 100%; margin: 40px 0px; }

.box .box_con2 #page,
.box .box_con2 #page p,
.box .box_con2 #page span,
.box .box_con2 #page strong,
.box .box_con2 #page b,
.box .box_con2 #page i,
.box .box_con2 #page a
{ /*font-family: 'MyriadReg';*/ font-family: Verdana, sans-serif; font-size: 17px; line-height: 22px; }

/* pag */

ul.paging li,
ul.paging2 li {
}

ul.red {
	outline:10px solid red;
}

ul.simplePagerNav li{
    display:block;
    float: left;
    clear: right;
    padding: 3px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-family: georgia;
}

ul.simplePagerNav li a{
    color: #333;
    text-decoration: none;
}

li.currentPage {
	background: red;
        background: #83bd63;	
        border-radius: 50%;
}

ul.simplePagerNav li.currentPage a {
	color: #fff;	
}

table.pageme {
    border-collapse: collapse;
    border: 1px solid #ccc;
}  

table.pageme td {
    border-collapse: collapse;
    border: 1px solid #ccc;
}      

.active { display: block; }
.unactive { display: none; }

.box .box_con ul li ul li a:hover { color: #000; }

.box .box_con2 .contactForm form input { width: 100%; padding: 20px; color: #333; font-size: 15px; border: 1px solid #ccc; outline: 0; margin-top: 20px; }
.box .box_con2 .contactForm form textarea { width: 100%; height: 100px; padding: 20px; color: #333; font-size: 15px; border: 1px solid #ccc; outline: 0; margin-top: 20px; }
.box .box_con2 .contactForm form input.send { background: #fff; }