/* Quick.Cart.Ext WebStyle008-responsive stylesheet */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot?v=4.0.3');
  src: url('font/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('font/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('font/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* GLOBAL STYLES */
body, body *{margin:0;padding:0;border:0;}
body,table{color:#181818;font-family:"Open Sans",Helvetica,sans-serif;font-size:13px;}
table{border-collapse:collapse;border-spacing:0;font-size:100%;}
tbody, tfoot, thead{margin:0;padding:0;}
caption, tr, th, td{margin:0;padding:2px 4px;font-size:100%;font:inherit;vertical-align:baseline;}

body{padding:0;text-align:center;font-family:"Open Sans",Helvetica,sans-serif;font-size:13px;line-height:1.5em;color:#555555;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%; background-color:#888888}

.input, select, textarea{ padding:5px; border:solid 1px #888}
.input.warning-required, select.warning-required, textarea.warning-required{border-color:#ac0000 #c78688 #c78688 #ac0000;background:#fbefef;}
.submit{font-style:normal;font-family:"Open Sans",Helvetica,sans-serif; padding:5px 17px; background:#181818; border:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; color:#fff; cursor:pointer; overflow:hidden; text-decoration:none;}
.submit:hover{background:#268198;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.form{}
.form legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
.form label span{padding-left:10px;color:#949494;font-weight:normal;text-shadow:none;}
.hide{display:none;}

a{background-color:inherit;color:#bfb4b4;text-decoration:none;}
a:hover{text-decoration:underline;}

.clear{clear:both;height:0px;font-size:0em;line-height:0px;}
#skiplinks{position:absolute;top:0px;left:0px;z-index:999999;}
#skiplinks a{position:absolute;top:-500px;left:0px;z-index:10;min-width:200px;padding:10px;color:#000;}
#skiplinks a:focus{top:0;background:#fff;color:#000;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

#container{position:relative;width:100%;margin:0 auto;position:relative; overflow:hidden}

/* HEADER WITH TOP MENU ABOVE LOGO */
#header{z-index:777; margin:0;-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,.5);box-shadow:0px 0px 15px 0px rgba(0,0,0,.5);padding:10px 0;background:#181818;min-height:90px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; position:fixed; top:0; left:0; width:100%}
* html #head1 .container, * html #head2, * html #body{background:none;} /* IE 6 hack */

/* MENU TOP 1 */
#head1{margin:0 auto;width:1100px;} 
#head1 .container{ float:right}

#menu1 ul{float:right;margin:0 18px 0 0; padding:0;list-style:none;}
#menu1 li{float:left;padding:0 0 0 30px; margin:0; text-align:left; position:relative}
#menu1 li a{font-size:14px;color:#268198;}
#menu1 li a:hover, #menu1 .selected a{text-decoration:underline; color:#FFF}

#menu1 li.lBasket{text-align:left;}
#menu1 li.lBasket a{background:none;}
#menu1 li.lBasket a:before{content:"\f07a";font-family:'FontAwesome';font-weight:normal;font-style:normal;font-size:26px; position:absolute; top:5px; left:0;}
#menu1 li.lBasket span{padding:0px 0 0px 0px;display:block;font-size:10px;font-family:sans-serif; color:#888; margin:-7px 0 0 0}

/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head2{width:1100px;margin:0 auto;text-align:left; position:relative; }
#head2 .container{ float:left;}

#logo{padding:0px 0px 10px 0px; color:#268198;} /*zmiana z 30 na 0px & z 10 px (3pozycja) na 0px */
#logo #title a{font-weight:bold;font-size:40px;text-transform:capitalize;text-decoration:none; color:#268198;} /*zmiana z font-size:50px na font-size:40px */
#logo #title a strong{color:#E5E5E5; font-weight:normal} /*zmiana z color:#888 na color:#E5E5E5 */

/* HEADER WITH TOP MENU BELOW LOGO */
#head3{width:1100px;margin:0 auto;text-align:left;} /*zmiana z 1100px na 800px */
#head3 .container{float:right; clear:right}

/* MENU TOP 2 */
#menu2 ul{margin:10px 0 10px 0;list-style:none;}
#menu2 li{float:left;padding:0;}
#menu2 li a{float:left;padding:14px 20px 14px 20px;color:#E5E5E5;font-size:14px;background:inherit;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} /*zmiana z color:#999999 na color:#E5E5E5 */
#menu2 li a:hover, #menu2 .selected a{text-decoration:none;color:#ffffff !important;background:#888;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}

/* SLIDER */
#banner{ width:100%; background:#268198; padding-top:105px;} /*zmiana z background:#30a2be na background:#268198 */
#slogan{width:1100px;margin:0 auto;text-align:center;padding:20px 0 0px 0px;color:#fff;font-size:30px; height:100px; line-height:90%} /*zmiana z height:190px na height:100px, zmiana padding:30px na padding:20px*/
#slogan:after{content: "\f0e6";font-family:'FontAwesome';font-weight:normal;font-style:normal; display:block; clear:both; margin-top:30px;}

/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body{clear:both;float:left;width:100%;margin:0 auto;background:#fff;-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,.5);box-shadow:0px 0px 15px 0px rgba(0,0,0,.5);}
#body .container{overflow:hidden;width:1100px;margin:0 auto;text-align:left;}

/* LEFT COLUMN STYLES */
#column{float:left;width:29%;padding:10px 0;}
#column .type{margin-top:10px;padding:7px 0 7px 0px;color: #268198;font-size:23px;}
.order #column{display:none;}

/* LEFT MENU */
#menu3{padding:22px 0px 10px 0; clear:both}
#menu3 ul{padding:10px 0;list-style:none;}
#menu3 li{padding:1px 0; width:100%; overflow:hidden}
#menu3 li a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;display:block;width:98%;padding:0px 0 0px 2%;font-size: 16px; font-weight:bold;background:#268198; height:40px; line-height:40px; position:relative; color:#fff}
#menu3 li a:after{content: "\f00c";font-family:'FontAwesome';font-weight:normal;font-style:normal; background:#181818; text-align:center;width:40px;height:40px;line-height:40px;overflow:hidden; display:block; position:absolute; top:0; right:0;}
#menu3 li a:hover, #menu3 .sub1 a:hover{ text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; background:#888;}

#menu3 .sub1{margin:0 0 10px 0;padding:0; background:none}
#menu3 .sub1 li{padding:0px 0 0px 24px;  margin:0; background:none}
#menu3 .sub1 a{display:block;padding:0px 0 0px 0; background:none; height:30px;color:#888;}
#menu3 .sub1 a:after{display:none}
#menu3 .sub1 a:hover{background:none; color:#268198;}

/* search form */
#searchForm{margin:12px 0px 10px 0px; height:20px; position:relative;}
#searchForm label, #searchForm legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
#searchForm .input{width:70%; height:34px; line-height:34px; padding:0 0 0 4px;  position:absolute; left:0;font-family:"Open Sans",Helvetica,sans-serif;}
#searchForm .submit{width:30%;height:36px; position:absolute; right:0; color:#FFF;font-family:"Open Sans",Helvetica,sans-serif; font-weight:bold; font-style:normal }

/* BASKET SUMMARY */
#basketSummary{margin:0 0 5px 0px;}
#basketSummary .title{padding:7px 0 7px 0px;background:inherit;font-size:23px; color:#268198}
#basketSummary .title a {font-size:23px; color:#268198}
#basketSummary ol{margin:6px 0;padding:0 5px;list-style:none;font-weight:bold; border:solid 1px #888;}
#basketSummary li{padding:5px 3px 7px;}
#basketSummary .lL{border:0;}
#basketSummary li span.name{display:block;font-weight:bold;font-size:0.9em;}
#basketSummary li div{padding:5px 0 0;font-weight:normal;font-size:0.9em;}
#basketSummary li .priceQuantity{background:inherit;}
#basketSummary li strong{padding:0 2px 0 5px;font-weight:bold;}
#basketSummary li em{font-style:normal;}
#basketSummary .summary{margin:0 5px;padding:5px;text-align:center;font-weight:bold;}
#basketSummary .summary em{font-style:normal;}
#basketSummary .summary strong{padding:0 3px;font-weight:bold;}
#basketSummary .summary span{font-weight:bold;}

/* PROMOTED PRODUCTS */
#promoted{margin:0px 0 16px 0;padding:0 0px;}
#promoted .title{padding:7px 0 5px 0px;background:inherit;   color: #268198;font-size:23px;}
#promoted ul{list-style:none;padding-bottom:0px;text-align:center;border:1px solid #888;overflow: hidden; margin-top:10px}
#promoted li{padding:13px 0;}
#promoted li img{border:1px solid #888;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#promoted li img:hover{border-color:#268198; opacity:0.6;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#promoted li .name{font-size:1.1em;padding:5px 0;font-weight:bold;}
#promoted li .price, #promoted li .noPrice{padding:2px 0 0;}
#promoted li .price strong{padding:0 2px 0 5px;font-weight:bold;}
#promoted li .price em{padding:0;background:inherit;color:#666;font-style:normal;}
#promoted li .price span{color:#666;font-weight:bold;padding-left:5px;}

/* boxes */
.box .type{margin-top: 10px;padding: 7px 0 7px 0px;color: #268198;font-size: 23px;}
#column .box .content, #column .box .page-box, #column .box .product-box{display:block;padding:15px 10px 10px 15px;border:1px solid #888}

#column .box{padding:0 0px 10px 0; margin:0; }
#column .box ul, #column .box ol{margin:0 !important;list-style:none;}
#column .box li{padding:2px 0;}

.box .page-box div, .box .product-box div{padding-top:5px;text-align:center;}
.box .page-box div.description, .box .page-box div.more, .box .product-box div.description, .box .product-box div.more{text-align:left;}
.box .page-box div:last-child, .box .product-box div:last-child{padding-bottom:10px;}
.boxes { margin-left:-2%;}
.boxes .box{float:left;width:31%;padding:0;margin:0 0 16px 2.3%;}
.boxes .box .content, .boxes .box .page-box, .boxes .box .product-box{padding:5px 10px 15px;list-style:none;line-height:1.5em;text-align:left;}
.box ul, .box ol{margin:0 !important;list-style:none;}
.box li{padding:6px 0 2px 15px;}
.box li a{display:block;width:87%;padding:2px 2% 4px 7%;color:#181818;font-size:1.083em;background:none;}
.box li a:hover{color:#181818;background:none;}

.boxes.footer .box{margin-top:10px;margin-bottom:10px;}

.box .price, .box .noPrice{padding:2px 0 0;background:inherit;color:#c22463;}
.box .price strong{padding:0 2px 0 5px;font-weight:bold;}
.box .price em{padding:0;background:inherit;color:#666;font-style:normal;}
.box .price span{color:#666;font-weight:bold;padding-left:5px;}
.box .product-box .name{font-size:1.1em;padding:5px 0;font-weight:bold;}


/* RIGHT COLUMN STYLES */
#content{float:right;width:67%;padding:20px 0 5px 0;text-align:left; position:relative}
* html #page{width:100%;}
#page{position:relative;text-align:left;clear:left; width:100%}

.order #content{width:100%;}
* html #page{width:100%;} /* IE 6 hack */
* html .order #page{width:94%;} /* IE 6 hack */
#body.order .container{width:1100px;background:#fff;border:0;}

/* PAGE TITLE */
#page h1{margin:0px 0 15px 0;font-size:2.417em;font-weight:normal; color:#268198}

/* NAVIGATION PATH - TREE */
#page div.breadcrumb, #page h6.date{ padding-bottom:8px;}
#page div.breadcrumb a{font-weight:normal;}
#page div.breadcrumb a:hover{text-decoration:underline;}
*:first-child+html #page div.breadcrumb{top:-5px;} /* IE 7 hack */
* html #page div.breadcrumb{top:-5px;} /* IE 6 hack */

/* PAGE CONTENT */
#page div.content{padding-top:0px;font-size:1.083em;line-height:1.5em;}
#page div.content ul, .subpagesList li ol{margin:0 0 0 30px;padding:0;}
#page div.content li{margin:8px 0;padding:0;border-left:0;}
#page div.content p{padding-bottom:10px;}

.pages{padding:8px 0;text-align:right;font-size:1.083em;}
.pages ul, .pages li{display:inline;}
.pages li{padding:0 2px;}
.pages a, .pages strong{padding:0 1px;font-size:1.083em;}

ul.options{float:left;width:100%;margin:10px 0;list-style:none;}
ul.options::after{content:"";display:table;clear:both;}
ul.options li{float:left;margin:0 10px 0 0;}
ul.options .edit a, ul.options .delete a{display:inline-block;width:21px;height:21px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;}
ul.options .edit a{background:url('../admin/img/ico_edit.gif') no-repeat 0px 0px;}
ul.options .delete a{background:url('../admin/img/ico_del.gif') no-repeat 0px 0px;}
ul.options .edit a:hover, ul.options .delete a:hover{opacity:0.6;}

/* IMAGES STYLES */
.imagesList{list-style:none;}
.imagesList li{margin:0 0 15px 0;text-align:center;}
.imagesList li div{text-align:center;}
.subpagesList li img, .imagesList li img, .imagesList#imagesListPreview li img, .imagePreview img, #products li .photo img, #subpagesGallery td img, .imagesGallery td img, #productsRelated img, .box .page-box img, .box .product-box img{border:1px solid #888;}
.subpagesList li img:hover, .imagesList li img:hover, .imagesList#imagesListPreview li img:hover, .imagePreview img:hover, #products li .photo a:hover img, #subpagesGallery td img:hover, .imagesGallery td img:hover, #productsRelated img:hover, .box .page-box img:hover, .box .product-box img:hover{border-color:#268198; opacity:0.6;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}

/* IMAGES STYLES - GALLERY */
#imagesGallery3{margin:0 0 15px;}
#imagesGallery4{margin:15px 0 0;}
.imagesGallery{clear:both;}
.imagesGallery .pages{clear:both;}
.imagesGallery table{width:100%;clear:both;padding:10px 0;font-size:1em;}
.imagesGallery table caption{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
.imagesGallery td, .imagesGallery th{padding:15px 7px 10px;text-align:center;vertical-align:top;}
.imagesGallery div{font-weight:normal;font-size:1.1em;line-height:1.4em;}

#imagesList1{float:left;margin:7px 20px 0 0;}
#imagesList2{clear:right;float:right;margin:8px 0 0 15px;}

.imagePreview div{margin:5px 0 10px;text-align:center;}
#imagesListPreview{float:left;margin:6px 20px 0 0;}
* html #imagesListPreview{margin-top:-5px;}
.imagesList#imagesListPreview li{margin-bottom:3px;}

/* FILES LIST STYLES */
#filesList{width:100%;float:left;margin:15px 0 5px;list-style:none;vertical-align:middle;}
#filesList li{width:100%;float:left;clear:left;margin:5px 0 5px;}
#filesList img{margin:0 8px 0 0;vertical-align:middle;}
#filesList em{padding-left:2px;background:inherit;}

/* QUICK.BOX */
#quick-box{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba( 0, 0, 0, 0.7 );z-index:200;}
#quick-box .background{height:100%;}
#quick-box .quick-box-container{position:absolute;padding:0;border-radius:5px;box-shadow: 0 0 15px 1px #000;}
#quick-box .image-wrapper{position:relative;line-height:0;}
#quick-box .image-wrapper img{margin:0;padding:0;border-radius:5px;}
#quick-box .navigation{position:absolute;bottom:0;margin:0;padding:5px 0;text-align:center;font-size:0.875em;font-weight:bold;color:#ddd;line-height:normal;background:rgba( 0, 0, 0, 0.2 );width:100%;}
#quick-box .description{margin:0;padding:5px 0;text-align:center;font-size:0.875em;color:#ddd;font-weight:bold;background:rgba( 0, 0, 0, 0.8 );border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:66px;overflow:hidden;}

#quick-box .prev, #quick-box .next{position:absolute;display:block;width:50%;top:15%;height:70%;margin:0px;color:#fff;font-family:Verdana;z-index:100;opacity:0.15;text-decoration:none;}
#quick-box .prev span, #quick-box .next span{position:absolute;top:47%;left:0;padding:10px;border:1px solid #fff;background:#000;}
#quick-box .next span{left:auto;right:0;border-right:none;}
#quick-box .prev span{border-left:none;}
#quick-box .next:hover, #quick-box .prev:hover{opacity:0.8;}
#quick-box .prev{left:0;}
#quick-box .next{right:0;}
#quick-box .close{position:absolute;top:0;right:0;padding:0 4px 2px;opacity:0.5;background:#000;color:#fff;font-weight:bold;font-family:"Trebuchet MS";text-decoration:none;border:1px solid #fff;border-top:none;border-right:none;border-top-right-radius:5px;z-index:100;}
#quick-box .close:hover{opacity:0.8;}
#quick-box .close, #quick-box .prev, #quick-box .next{line-height:normal;}
#quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;}

/* SUB PAGES LIST STYLES */
.subpagesList{float:left;width:100%;margin:7px 0;list-style:none;}
.subpagesList li{clear:left;float:left;width:96%;margin:10px 0;padding:13px 2%;}
* html .subpagesList li{width:100%;}
.subpagesList li .photo{float:left;margin:0 18px 5px 0;}
.subpagesList li h2{padding-bottom:10px;}
.subpagesList li h2, .subpagesList li h2 a{font-size:1.25em;font-weight:normal;}
.subpagesList li ul{list-style:disc;}
.subpagesList li ol{list-style:decimal;}
.subpagesList li p{padding-bottom:10px;}
.subpagesList li div.description{font-weight:normal;font-size:1em;line-height:1.4em;}

/* SUB PAGES LIST - NEWS and GALLERY */
.subpagesList li h6{padding:0 0 5px;font-weight:bold;font-size:1em;}
#subpagesGallery{width:100%;margin:5px 0 10px;padding:10px 0;font-size:1em;}
#subpagesGallery caption{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
#subpagesGallery td, #subpagesGallery th{padding:15px 7px 10px;text-align:center;}
#subpagesGallery h2, #subpagesGallery h2 a{font-size:1.25em;font-weight:normal;margin:3px 0 0;}

/* SITE MAP */
#siteMap{margin:10px 0 10px 20px;list-style:circle;}
#siteMap li{margin:5px 0;padding:5px 10px;}
#siteMap ul{margin:0;padding:3px 0 0 10px;border:0;list-style:none;}
#siteMap ul li{margin:0;padding:3px 10px;border:0;}
#siteMap ul li a{font-weight:normal;}
#siteMap ul.products{list-style:disc;margin-left:10px;padding:10px 0 0;}
#siteMap ul.products li{padding:3px 0 2px 2px;}
#siteMap li .price{display:inline;font-size:0.917em;padding-left:5px;}
#siteMap li strong{padding:0 5px 0 7px;}
#siteMap li span{}
#siteMap li ins{text-decoration:none;font-weight:bold;}
#siteMap li ins em{padding-right:5px;background:inherit;text-decoration:line-through;font-style:normal;}

/* CONTACT FORM */
#contactPanel{width:100%;margin:10px auto 0;}
#contactPanel fieldset{padding:25px 20px;}
#contactPanel fieldset legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
#contactPanel dl, #contactPanel dt, #contactPanel dd{margin:0;padding:0;}
#contactPanel dt{padding:0 0 7px;}
#contactPanel dd{margin-bottom:18px;}
#contactPanel .input, #contactPanel textarea{width:99%;font-size:1em;}
#contactPanel #captcha{width:9%;}
#contactPanel .captcha em{font-style:normal;font-weight:bold;}
#contactPanel .captcha ins{padding:0 3px;font-weight:bold;text-decoration:none;}
#contactPanel .save{text-align:center;}

/* COMMENTS */
#commentForm{clear:both;width:100%;margin:10px auto 0;}
#commentForm fieldset{padding:15px 5px;}
#commentForm dl, #commentForm dt, #commentForm dd{margin:0;padding:0;}
#commentForm dt{padding:0 0 7px;}
#commentForm dd{margin-bottom:18px;}
#commentForm dt.vote{color:#2e6a97;font-weight:bold;}
#commentForm .input, #commentForm textarea{width:99%;padding:3px;font-size:1em;}
#commentForm #captcha{width:9%;}
#commentForm .captcha em{font-style:normal;font-weight:bold;}
#commentForm .captcha ins{padding:0 3px;font-weight:bold;text-decoration:none;}
#commentForm legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
#commentForm .save{text-align:center;}

#commentTitle{overflow:hidden;margin:5px 0 5px;padding:10px 0 5px;font-size:1.7em;font-weight:normal;}
#comments{float:left;width:100%;margin:7px 0;list-style:none;}
#comments li{clear:left;float:left;width:100%;margin:5px 0 10px;padding:6px 0 13px;}
* html #comments li{width:100%;}
#comments div{float:left;width:25%;}
#comments span.name{display:block;font-size:1em;}
#comments span.date{display:block;font-size:1em;margin-top:3px;font-weight:normal;}
#comments p{font-weight:normal;font-size:1em;line-height:1.4em;width:75%;float:right;}

/* OPTIONS LINK */
#options{clear:both;float:right;width:100%;margin:10px 10px;font-size:1em;text-align:right;}
*:first-child+html #options{width:95%;} /* IE 7 hack */
#options a{padding:0 10px 0;}
#options .back, #options .print{float:right;}

.message{padding:50px 0;text-align:center;}
.message h2{background:inherit;color:#181818;font-weight:normal;font-size:2.4em;}


/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{clear:both;height:80px;font-size:1.083em;float:left;width:100%;margin:0 auto;}
#foot .container{width:1100px;margin:0 auto;padding:27px 0;color:#fff;overflow:hidden;text-align:left;}
#foot a{background:inherit;color:#fff;}
#foot a:hover{text-decoration:underline;}

#copy{float:left;padding:0 0px;}
.foot{float:right;padding:0 0px;}

/* SOCIAL BUTTONS */
#plusOne{position:absolute;top:110px;right:15px; overflow:hidden}
#socialButtons{float:left;width:100%;margin:10px 0;padding:5px 0 3px;text-align:left;list-style:none;}
#socialButtons .title{display:block;float:left;margin:0 0 0 15px;padding:2px 0 0;}
#socialButtons li{float:left;margin:0 10px 0;}
#socialButtons a img{vertical-align:middle;}

/* PRODUCTS LIST */
#products{float:left;width:100%;margin-bottom:10px;list-style:none;}
#products ul.list{float:left;width:100%;list-style:none;}
#products .list li{float:left;}
#products li .photo{font-size:0px;line-height:0px;}
#products li h2{padding:5px 0 5px 0;font-weight:bold;font-size:1.083em;}
#products li h3{padding:5px 0 9px;text-align:left;font-weight:normal;font-size:0.917em;}
#products li h3 em{padding:0 5px;}
#products li .price, #products li .noPrice{margin:5px 0 5px 0;background-color:inherit;color:#181818;font-weight:bold;text-decoration:none;}
#products li .price em{padding:0 6px 0 0;font-style:normal;font-weight:normal;}
#products li .price strong{font-size:1.167em;}
#products li .noPrice strong{font-size:1.083em;}
#products li .price span{padding-left:4px;font-size:1.083em;font-weight:normal;}
#products li .basket{width:150px;font-size:0.917em;display:block;font-weight:bold;text-align:center;line-height:30px;height:30px; overflow:hidden;border:0;margin:10px auto 0;}
#products li .basket a{color:#fff;background:#888;padding:0 0 0 5px; height:30px; line-height:30px; float:left; width:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#products li .basket a:after { content:"\f07a";font-family:'FontAwesome'; padding-right:16px; padding-left:9px; overflow:hidden; float:right;background:#181818; color:#FFF}
#products li .basket a:hover{background:#268198; text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}

#products{clear:both;margin-top:10px;}
#products .list li{clear:none;width:30%;margin-left:4.9%;padding:20px 0;text-align:center;}
#products li.column1{clear:both;margin-left:0;}
#products li h3{text-align:center;}
#products li div.description{margin:10px 0 0;text-align:justify;}
#products li.pages#pagesAfter{clear:both;}
#products .list li li{float:none;width:auto;margin-left:0px;padding:0;border-top:0px;text-align:left;}

#products .pages{float:right;width:100%;margin:0;padding:9px 0;border:0;background:none;text-align:right;font-size:1em;}
#products .pages li{margin:0;padding:0 2px;border:0;background:none;}
#products .pages a, #products li.pages strong{padding:0 1px;font-size:1em;}
#products .pages .viewAll{padding-right:8px;border-right:1px solid #666;}
#products .pages .title{padding-left:8px;border:none;}
#products .pages#pagesBefore{clear:none;width:auto;}

#products .sort{float:left;width:auto;margin:0 10px 0 0;padding:10px 0;border:0;background:none;text-align:left;}
#products .sort ul{display:inline;list-style:none;}
#products .sort li{display:inline;padding:0 6px;font-weight:bold;border-right:1px solid #666;}
#products .sort li:last-child{border:none;padding-right:0;}
#products .sort li a{font-weight:normal;}

/* PRODUCTS DETAILS */
#product{display:block;text-align:left;clear:left;}
* html #product{margin:0;} /* IE 6 hack */
#product h1{padding:5px 0 5px;font-size:2.25em;font-weight:normal;}
#product div.breadcrumb{margin:0 0 10px;padding:2px 0 7px;font-weight:normal;font-size:0.917em;}
#product div.breadcrumb em{padding:0 5px;}

#product #box{float:right;width:250px;margin:5px 0 10px 5px;padding:3px 0 10px;border:1px solid #888;text-align:center;color:#268198;}
#product #box form{font-weight:bold;}
#product #box #price, #product #box #noPrice{padding:7px 0;font-size:1.417em;text-align:center;}
#product #box #price em{font-style:normal;}
#product #box #price strong{padding:0 6px;font-size:1.176em;font-weight:bold;}
#product #box #available{padding:8px 2px 0;font-weight:bold;font-size:0.9em;}
#product #box #addBasket{padding:10px 0 5px;background:none;border:none;}
#product #box #addBasket .submit{width:71%;padding:5px;text-align:center;border:0;font-size:1.1em;font-weight:bold;}
#product #box #addBasket legend{display:none;}

#product div.content{clear:left;padding:0 0 10px;font-size:1.083em;line-height:1.5em;}

#product div.content ul, #product div.content ol{margin:5px 0 0 30px;padding:0;}
#product div.content li{margin:8px 0;padding:0;border-left:0;}
#product div.content p{padding-bottom:10px;}

/* FEATURES */
#features{margin:0 0 15px;min-width:300px;background:#888;font-size:1em;}
#features caption{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
#features thead td{padding:5px;background:#bbb;text-align:center;font-weight:bold;}
#features tbody td, #features tbody th{padding:5px;background:#fff;font-weight:normal;text-align:left;}
#features .l0 td, #features .l0 th{background:#bbb;}

/* PRODUCTS RATING */
#productRating{margin:10px 0 5px;text-align:center;}
#productRating .results{margin:2px 0 0;font-size:0.9em;}
#productRating .results strong{padding:0 0 0 2px;}
.ratingDisplay{width:80px;height:16px;background: url('img/stars.gif') no-repeat 0 0;font-size:0em;margin:6px auto;}
#comments .ratingDisplay{width:80px;margin-bottom:0;opacity:0.5;}
.rating{float:left;width:80px;height:16px;margin:0;padding:0;list-style:none;position:relative;clear:both;background: url('img/stars.gif') no-repeat 0 0;}
.stars0{background-position:0 0}
.stars1{background-position:0 -96px}
.stars2{background-position:0 -112px}
.stars3{background-position:0 -128px}
.stars4{background-position:0 -144px}
.stars5{background-position:0 -160px}
#commentForm dd.vote{float:left;}
#commentForm dt.vote{float:left;margin-right:5px;}
* html #commentForm dd.vote{margin-bottom:0;}
#commentForm .commentContent{clear:both;}
#commentForm ul.rating li{cursor:pointer;float:left;text-indent:-999em;}
#commentForm ul.rating li a {position:absolute;left:0;top:0;width:16px;height:16px;text-decoration:none;z-index: 200;}
#commentForm ul.rating li.one a{left:0}
#commentForm ul.rating li.two a{left:16px;}
#commentForm ul.rating li.three a{left:32px;}
#commentForm ul.rating li.four a{left:48px;}
#commentForm ul.rating li.five a{left:64px;}
#commentForm ul.rating li a:hover{z-index:2;width:80px;height:16px;overflow:hidden;left:0;background: url('img/stars.gif') no-repeat 0 0}
#commentForm ul.rating li.one a:hover{background-position:0 -96px;}
#commentForm ul.rating li.two a:hover{background-position:0 -112px;}
#commentForm ul.rating li.three a:hover{background-position:0 -128px}
#commentForm ul.rating li.four a:hover{background-position:0 -144px}
#commentForm ul.rating li.five a:hover{background-position:0 -160px}

/* BASKET AND ORDER */
#orderedProducts table{width:100%;margin:0;font-size:1em;}
#orderedProducts td, #orderedProducts th{padding:6px 7px;}
#orderedProducts thead .price, #orderedProducts thead .quantity, #orderedProducts thead .summary{text-align:right;}
#orderedProducts thead td{padding-bottom:11px;}
#orderedProducts thead em{padding:0 4px 0 0;font-style:normal;}
#orderedProducts tbody th{text-align:left;}
#orderedProducts tbody th a{background:inherit;}
#orderedProducts tbody .price, #orderedProducts tbody .summary{font-weight:bold;text-align:right;}
#orderedProducts tbody .quantity, #orderedProducts tbody .quantity input{text-align:right;}
#orderedProducts tbody .quantity label{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
#orderedProducts tfoot{text-align:right;}
#orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryProducts th, #orderedProducts tfoot .summaryShippingPayment, #orderedProducts tfoot .summaryOrder{text-align:right;}

#orderedProducts table{margin:10px 0 0 0; border:1px #888 solid; width:99.6%}
#orderedProducts table thead td, #orderedProducts table .buttons td, #orderedProducts table #nextStep th{ background:#888; color:#fff}
#basket .info{padding:10px 0;text-align:left;}
#basket #recount .submit{padding:2px 3px;}
#basket .summaryProducts{font-size:1.36em;font-weight:bold;}
#basket .summaryProducts #summary{font-weight:bold;}
#basket .del{padding:0 5px 0 10px;}
#basket #pageDescription{margin-top:20px;}
#basket #continue{text-align:left;}
#basket #save{text-align:left;}
#basket legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}

/* DISCOUNT VOUCHERS */
#discountVoucher td{text-align:right;}
#discountVoucher strong{padding-right:3px;}
#incorrectVoucher{margin:7px 0;font-weight:bold;}

#order legend{position:static;clip:auto;padding:20px 0 10px;border:0;font-size:1.2em;font-weight:bold;}
#order #personalData{padding:12px 3%; margin-right:2%;overflow:hidden;}
#order #personalData #setBasic, #order #personalData #setExtend{float:left;width:50%;}
#order #personalData label{display:block;padding:2px 0;font-weight:bold;}
#order #personalData .input, #order #personalData #oComment{width:90%;margin:0 0 5px;}
#order #personalData #oComment{height:125px;}
#order #vrn{float:left;width:40%;}
#order #invoice{float:left;height:20px;margin-left:2%;padding-top:18px;text-align:right;}
#order #invoice input{float:left;margin-top:3px;}
#order #invoice input{float:left;}
#order #invoice label{float:left;margin:2px 0 0 5px;font-weight:normal;}
#order #street{clear:both;}

#shippingAndPayments div{padding:11px 3%;}

#order .summaryProducts, #order .summaryShippingPayment, #orderPrint .summaryShippingPayment{font-size:1.182em;}
#order .summaryProducts th, #order .summaryShippingPayment th, #orderPrint .summaryShippingPayment th{font-weight:normal;text-align:right;}
#order .summaryOrder, #orderPrint .summaryOrder{font-size:1.36em;font-weight:bold;}
#order .summaryOrder th, #orderPrint .summaryOrder th{text-align:right;}
#order #rulesAccept th, #order #nextStep th{text-align:right;font-weight:normal;}
#order #rulesAccept th a{font-weight:bold;}
*:first-child+html .nextStep .submit, *:first-child+html #basket #save .submit{padding:2px 0px;} /* IE 7 hack */

/* ORDER SUMMARY/PRINT PAGE */
#orderPrint #pageDescription{padding:10px 8px 20px;text-align:center;background:inherit;font-weight:normal;font-size:1.5em;}
#orderPrint #pageDescription p{padding:5px 0;}
#orderPrint .legend{clear:both;padding:20px 0 10px;font-size:1.2em;font-weight:bold;}
#orderPrint dl{float:left;display:block;width:100%;margin:0;padding:5px 0;}
#orderPrint dt, #orderPrint dd{float:left;display:inline-block;width:40%;margin:0;padding:3px 0;}
#orderPrint dt{clear:left;text-align:right;}
#orderPrint dd{padding-left:3%;font-weight:bold;}
#orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:normal;}

/* ORDER STATUS LINK */
#orderPrint .orderStatusLink{margin:10px 30px 20px;padding:14px;text-align:center;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;}
#orderPrint .orderStatusLink div{padding:3px 0;}
#order #orderedProducts table {margin: 10px 0 0 0;border: 1px #888 solid;width: 95%;}

/* PAYMENTS */
#paymentDescription{margin:10px 30px 20px;padding:20px;text-align:center;font-weight:bold;}
#paymentOuter{margin:10px 0 0;}
#paymentChannels{padding-left:20px;}
#paymentChannels select, #paymentChannels label, #paymentChannels .zagielInfo{display:none;}
#paymentChannels .zagielInfo label{display:inline;}
a.zagielInfo{margin:0 20px 0 0;}
.zagielInfo a{margin-left:5px;font-weight:normal;}

@media print{
  /* PRINT STYLES */
  * {color:#181818 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;}

  body{margin:1cm 0;}
  #container{width:17.2cm;height:auto;}
  #head2 .container, #head2{height:auto;}
  #logo{padding:0 0 0.2cm;}
  #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{border-width:0px !important;}

  #body{clear:none;}
  #body .container{overflow:visible;}
  #logo #title{padding-left:5px;}
  #page h1{padding:0;}
  #page div.breadcrumb{position:relative;top:0;}

  #header .container, #body .container, #foot .container, #content, #page, #products, #product, .order #content{float:none;width:17.2cm;padding:0;margin:0;}
  #column, #head1, #head3, #back, #page .tS, #products li .basket, #product #box #addBasket .submit, #socialButtons, #plusOne, #contactPanel, #commentForm{display:none;}

  #features td, #features th{border-bottom:1px solid #444;}
  #productsRelated .price em, #productsRelated .price span, #productsRelated .price strong{font-weight:normal;}
#slogan{width:100%;margin:0 auto;text-align:center;padding:90px 0 0px 0px;color:#fff;font-size:50px; height:100px; line-height:90%} 
#header{z-index:777; margin:0;-webkit-box-shadow:none;box-shadow:none;padding:10px 0;background:none;min-height:90px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; position:fixed; top:0; left:0; width:100%}
}

/* PLUGINS */

/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:1116px){ /* RWD Step 1 */
#body .container, #order{width:95%; padding:0 2.5%;}
#header{width:95%; padding:0 2.5%; height:100px;}
#head1 {margin: 0;width:70%; position:absolute; top:5px; right:0}
#head3 {margin: 0;width:70%; position:absolute; top:35px; right:0} 
#banner{padding-top:105px;}
#slogan{width:95%; padding-left:2.5%; padding-right:2.5%}

#foot .container{width:95%; padding-left:2.5%; padding-right:2.5%}
/* HEADER STYLES */
#menu1 ul{padding:5px;}
  
  /* LEFT COLUMN STYLES */  
  
  #basket #save{padding:6px 9px 0;}
  /* RIGHT COLUMN STYLES */
  
  #products .list li{width:48%;padding:0px;margin:5px;}
  #products .list .i1{clear:left;}
  #products li.column1{clear:none;}

  #product{width:100%;}
  #product div.content{padding-bottom:0px;}
  #product .imagePreview{margin-right:5px;}
  #product #imagesListPreview{margin-right:0px;}
  #product #box{padding:2px 1%px;width:32.9%;margin-top:7px;}
#product #box #addBasket .submit {    width:auto;}
  /* ORDER ETC */

  #body.order .container{width:100%;}

  /* EXT */
  #promoted{padding:0px;width:100%;}
  #basketSummary{margin:10px 0px 0;}
  #basketSummary ol{padding:0 10px;}
#options {clear: both;float: right;font-size: 1em;margin: 10px;text-align: right;width:auto; padding-right:2.5%}
}

@media screen and (max-width:865px){
#menu2 li a {float: left;padding: 14px 10px 14px 10px;font-size: 14px;}
#container {    overflow: hidden;}
  #product .imagePreview{width:50%;margin-right:0.5%; padding-right:0; margin-top:6px}
  #product .imagePreview img,#product .imagesListPreview img{width:100%;}
  #product .imagesListPreview{ width:10%; float:left; padding-left:0; padding-right:0; margin-left:0; margin-right:0; padding-top:0; margin-top:6px;}
  #product #box{width:31%;padding:0px 0 0 0px; margin:6px 0 0 0; float:right}
  #price {font-size:50%}
  }
@media screen and (max-width:800px){
  #menu1 ul{padding:0px 5px}

  #products .list li{width:46%;margin:5px 2%;}
  #products .list li img{width:100%;max-width:180px;}

  #product{}

  /* EXT */
  #promoted .title{padding:5px 10px 0 0}
  #promoted img{width:90%;max-width:180px;}

  #imagesGallery3 table{padding:0px;}
  #imagesGallery3 img{width:90%}

  #subpagesGallery{padding:0px;margin:0px;}
  #subpagesGallery img{width:90%}
#slogan{padding:30px 0 30px 0px;font-size:50px;\ line-height:90%}
#slogan:after{content: "\f0e6";font-family:'FontAwesome';font-weight:normal;font-style:normal; display:block; clear:both; margin-top:10px;}
}
@media screen and (max-width:760px){
#menu2{position:absolute; right:0%;  top:10px; z-index:888}
#menu2 ul{ overflow:hidden;height:100%;margin:0;list-style:none; background: url(img/menu-min.png) top right no-repeat #181818;width:90px;height:50px;display:block;z-index:888;cursor:pointer}
#menu2 ul:hover {display:block; width:200px; height:auto; padding-right:65px;}
#menu2 li{float:left;padding:0; display:none;clear:both;width:90%;}
#menu2 ul:hover li {display:block}
#menu2 li a{float:left; width:100%; height:40px;padding:18px 0 0 25px;color:#636363;font-size:18px;background:inherit; font-weight:700; font-size:14px}
/* LEFT COLUMN STYLES */
  #searchForm{margin:0px;z-index:20; margin-top:15px;}
 #menu1 li {display:none}
 #menu1 li.lBasket {display:block}
  #column{width:95%; padding:0 2.5%}
  #menu3 .type{margin:0px;}
  #menu3 ul{border:none;}
  #menu3 li{width:101%;padding:0px;margin:10px 0 0 0px;}
  #menu3 li a{width:91%;padding:0px 4%;font-size:18px;}
  #menu3 li ul{display:none;}

  /* RIGHT COLUMN STYLES */
  #content{padding:0px;width:95%; padding:20px 2.5% 0 2.5%}
  #page div.breadcrumb{top:0px;}
  .subpagesList li{margin:0px;padding:5px;}

  #products li .basket{width:90%;}
  
  #product #box{width:100%;padding:7px 0 0 0px;}
  #product #box #price{padding:0px;}
  #product #box #available{padding:0px;}
  #product .imagePreview{width:68%;margin-right:4%;}
  #product .imagePreview img{width:99%;max-width:250px;}
  #product .imagePreview {margin-right: 5px;}

  #filesList{margin:0px;}

  /* FOOTER */
  #foot{height:auto;}
  #foot .container{padding:0px;}
  #foot .foot{float:left; clear:both}
  #foot #copy, #foot .foot{padding:5px}

  /* ORDER */
  #order #personalData #setBasic, #order #personalData #setExtend{float:left;width:100%;}
  #order #orderedProducts table {margin: 10px 0 0 0;border: 1px #888 solid;width: 96%;}

  /* EXT */
  #promoted{float:left;}
  #promoted li{float:left;width:100%;font-size:10px;;}
  #promoted li img{width:100%;}

  #plusOne{position:absolute;top:93px;right:0;}
  #socialButtons li{height:29px;}
  #socialButtons li.title{height:58px;}

#products .pages#pagesBefore {clear: none;width: auto; margin-right:4%}
#body.order .container { padding:0; margin:0; width:100%; overflow:hidden}
.order #content {width: 95%; padding:25px 0 0 2.5%; overflow:hidden}

#header {padding: 5px 2.5%;width: 95%;background: none repeat scroll 0 0 #181818;left: 0;margin: 0;height: 100px;position:relative;}
#banner {padding-top: 20px;}
#products li .basket a { font-size:18px}
#products .pages a, #products .pages {font-size:17px;}
#menu1 li a {font-size: 18px;}
#product #imagesListPreview {margin-right: 0px; float:right}
#order #personalData {margin-right: 0;padding: 12px 0 12px 3%;
}}
@media screen and (max-width:800px){
.boxes.header img{width:90%;}
}
@media screen and (max-width:630px){
#products .list li {width: 94.8%; float:left; clear:both;margin: 5px 0%; padding:0 2.5%;border: 1px solid #888888;}
}
@media screen and (max-width:481px){ /* RWD Step 2 */
body{margin-top:29px;}
#slogan{padding:15px 0 20px 0px;font-size:40px; height:auto; line-height:90%}
#slogan:after{content: "\f0e6";font-family:'FontAwesome';font-weight:normal;font-style:normal; display:block; clear:both; margin-top:10px;}
  /* HEADER STYLES */
#logo #title a {color: #268198;font-size: 35px;font-weight: bold;text-decoration: none;text-transform: capitalize;}

#banner {padding-top: 15px;}

.skiplink{position:absolute;top:3px;left:2.5%;font-size: 16px;overflow:hidden; color:#268198; z-index:99999; font-weight:normal;}
.skiplink a{ color:#ffffff;}
.boxes{margin:0;}
.boxes .box{float:left;width:100%;padding:0;margin:0 0 16px 0;}
.boxes.header img{width:150px;}
}

@media screen and (max-width:360px){
}

@media screen and (max-width:320px){ /* RWD Step 3 */
  #head2 #logo{padding:5px;}
  #head2 #logo #title a{font-size:28px;}
  
  #page{margin:0px;width:100%;}
  .imagesList{padding-right:5px;}
  #page .content, #order legend{padding:5px 0 0 5px;}
  #filesList{padding-left:5px;}

  /* linia dla carta zwyklego tez */ 
  .subpagesList li .photo{margin-right:15px;width:30%;}
  .subpagesList li img{width:99%}

  #products ul.list li img{width:95%;}
  
  #orderedProducts td{padding:2px;}
  #orderedProducts thead .name{padding-left:7px;}
  #orderedProducts tfoot #save .submit{;width:70px;}
  #orderedProducts .del{overflow:hidden;width:10px;background: url('img/ml_close.gif') no-repeat;background-position:center;}
  #orderedProducts .del a{height:10px;padding-top:6px;font-size:4px;color:transparent;}
  
  #basket #save{padding:6px 4px 0;}

  /* EXT */
  #promoted{margin-left:2px;}
  #promoted li .price em{}
  #promoted li .price span{padding:0px;}
  #promoted li strong{padding:0px;}
  #contactPanel dd{margin-bottom:8px;}
  #comments li{border-bottom:1px solid #181818;margin:0px;}
  #comments div{float:left;width:100%;}
  #comments div div{clear:both;float:right;}
  #comments h5{float:left;}
  #comments h6{float:right;}
  #comments p{width:100%;margin-top:5px;}
  #features{min-width:0;width:100%;}
  #commentForm dd{margin-bottom:10px;}
  #siteMap ul{padding-top:15px;}
  #siteMap ul.products{padding-top:10px;padding-bottom:15px}

  /* dopisac do normalnej wersji */
  #product .imagePreview{width:60%;margin-right:4%;}
  #product .imagePreview img{width:99%;max-width:250px;}
}
/* PLUGINS */