/* GLOBAL STYLES */
body, body *, body *:before, body *:after{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,table{color:#222222;font-size:0.95em;font-family: 'Josefin Sans', Verdana, sans-serif;}

body{padding:0;background: #FFFFFF;text-align:center;}

.input, select, textarea{padding:4px;border:none;font-size:1em;font-family: 'Josefin Sans', Verdana, sans-serif;background:#dddddd;color:#000000;overflow:hidden; display:block;height:32px; line-height:32px;}
.input.warning-required, select.warning-required, textarea.warning-required{border:solid 1px #F00;}
.input:focus, select:focus, .textarea:focus{text-shadow:none;}
.submit{padding:3px 14px 2px 14px;border:0 none;background:#999999;color:#FFFFFF;font-weight:normal;font-size:1.24em;
  font-family: 'Francois One', sans-serif;text-transform:uppercase; font-style:normal; overflow:hidden; display:block; letter-spacing:1px; }
.submit:hover{background:#999999;cursor:pointer; color:#000000;}
textarea {height:200px}
* html .submit{padding:3px 1px !important;}
* html .input{height:28px;}
.form{border:none;}
.form label{font-size:1.2em;color:#787878;font-weight:bold;}
.form label span{padding-left:10px;color:#949494;font-weight:normal;text-shadow:none;}
.form legend{display:none;}
.hide{display:none;}

a{color:#000000;text-decoration:none}
a:hover{color:#787878;text-decoration:none;}

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

#container{position:relative;width:100%;margin:0 auto;padding:0 0 8px 0;overflow:hidden;}
#header{ }
#body, #foot{float:left;width:100%;margin:0 auto;padding:0;}
#body > .container, #foot .container{width:1180px;margin:0 auto;text-align:left;}

/* HEADER WITH TOP MENU ABOVE LOGO */
#head1{width:1180px;margin:0 auto;text-align:left;position:relative; }
#head1 .container{ float:right}

/* MENU TOP 1 */
#menu1 ul{float:right;margin:10px 0px 0px 0;list-style:none;}
#menu1 li{float:left;padding:0px 20px 0 0px; margin:0;border-right:1px solid #787878;}
#menu1 li a{padding:0 0 0 10px;font-weight:bold;text-decoration:none;color:#000000;text-transform:uppercase;}
#menu1 li a:hover, #menu1 .selected a{text-decoration:none;color:#999999;}

#menu1 li.lBasket{background:url('img/cart.png') no-repeat 20px 2px;padding:0px 0 0 20px;border-right:0px solid #787878;}
#menu1 li.lBasket a{position:relative;padding:0px 0 0 18px;background:none; margin:0;}
#menu1 li.lBasket a:hover{}
#menu1 li.lBasket span{display:block;color:#898989;font-size:0.92em;font-family:sans-serif;}

/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head2{width:1180px;margin:0 auto;text-align:left;position:relative;clear:both;}
#head2 .container{height:100px;}
#logo{float:left;padding:40px 10px 10px 0px;}
#logo #title{float:left; letter-spacing:2px;}
#logo #title a{color:#787878;font-size:54px;text-transform:uppercase;text-decoration:none;font-family: 'Francois One', sans-serif;font-weight:700;line-height:20px;}
#logo #title a span{color:#000000;background:inherit;}
#logo #title a strong{color:#000000;background:inherit; font-weight:700;}
#logo #slogan {background: inherit;clear: both;color: #000000;float: left;font-family: 'Josefin Sans', Verdana, sans-serif;font-size: 20px;font-weight: 700;letter-spacing: 1px;padding: 0;z-index: 99;}
* html #logo #slogan{width:100%;} /* IE 6 hack */

/* HEADER WITH TOP MENU BELOW LOGO */
#head3{padding-bottom:0px; position:relative;width:100%;float:left;}
#head3 .container{background:url(img/banner_01.jpg) top center no-repeat; margin-top:0px;float:left;}

/* MENU TOP 2 */
#menu2{position:absolute;top:-60px;right:0;font-family: 'Francois One', sans-serif;font-size:19px;letter-spacing:2px;}
#menu2 ul{float:left;height:100%;margin:0;list-style:none;}
#menu2 li{float:left;padding:0 0 0 20px; background:url(img/item-border.png) left center no-repeat; margin-left:10px; }
#menu2 li:first-child{ background:none;}
#menu2 li:hover, #menu2 .selected{}
#menu2 li.l1{}
#menu2 li a{float:left;height:32px;padding:0px 0;color:#000000;text-decoration:none;background:transparent;line-height:32px;}
#menu2 li a:hover, #menu2 .selected a{color:#787878;}

/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body{clear:both;margin:0;}
#body .container{}

/* LEFT COLUMN STYLES */
#column{width:230px;padding:0; float:left;}
#column .type{margin-top:15px;padding:0px 2% 4px 0%;color:#000000;font-size:44px;background:none;font-family: 'Francois One', sans-serif; letter-spacing:1px;font-weight:normal;line-height:44px;text-transform:uppercase;}
.order #column{display:none;}

/* SEARCH FORM */
#searchForm{margin:0px 0px 0 0px;float: right;}
#searchForm label, #searchForm legend{display:none;}
#searchForm .input{width:169px; margin:0; float:left}
#searchForm .submit{float:right;margin-top:0px;}
#searchForm .submit:hover{}
*:first-child+html #searchForm .input{width:127px;} /* IE 7 hack */
*:first-child+html #searchForm .submit{padding:3px 0;} /* IE 7 hack */

/* LEFT MENU */
#menu3{margin:30px 0px 10px 0px;}
#menu3 .type{display:none;}
#menu3 ul{padding:0px 0 0 0;list-style:none;border-bottom:0px solid #959597;}
#menu3 li{padding:0px 0 10px 0px; margin-bottom:5px;}
#menu3 a{display:block;width:87%;padding:0px 2% 4px 0%;color:#000000;font-size:44px;background:none;font-family: 'Francois One', sans-serif; letter-spacing:1px;font-weight:normal;line-height:44px;text-transform:uppercase;}
#menu3 a:hover, #menu3 .sub1 a:hover{color:#999999;background:none;text-decoration:none;}
#menu3 .selected > a:first-child{color:#999999;background:none;text-decoration:none;}

#menu3 .sub1{margin:0;padding:0;border:0;background:none; margin-top:8px;}
#menu3 .sub1 li{padding:0px 0 0px 0px; border-top:none; margin:5px 0 0px 0px;}
#menu3 .sub1 a{display:block;width:100%;padding:2px 0; border:none 0;font-size:16px;line-height:14px;text-transform: none;color:#575757;}

/* RIGHT COLUMN STYLES */
#content{float:right;width:900px;padding:10px 0 5px 50px;text-align:center;}
* html #content{width:900px;}
.order #content{width:100%;}
#page{position:relative;margin:0;text-align:left;}
* html #page{width:100%;} /* IE 6 hack */
* html .order #page{width:94%;} /* IE 6 hack */

/* PAGE TITLE */
#page h1{margin:18px 0 18px 0;background:inherit;color:#000000;font-size:25px;font-weight:normal;font-family: 'Francois One', sans-serif;letter-spacing:1px; clear:both}

/* NAVIGATION PATH - TREE */
#page div.breadcrumb{padding:0px 0 10px 0;color:#666;background:inherit;font-size:1em;}
#page div.breadcrumb a{background-color:inherit;color:#a6aeb3;text-decoration:none;font-weight:normal;}
#page div.breadcrumb a:hover{text-decoration:none;}
*: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:5px;font-size:1.2em;line-height:1.5em; text-align:justify}
#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;}

.tS{float:right;margin:17px 0 3px;}
.tS div{display:inline;}
.tS a{margin:0 4px;text-decoration:none;background:inherit;color:#787878;font-weight:bold;font-family:Arial;}
.tS a:hover{color:#787878;background:inherit;}
.tS0{font-size:0.917em;}
.tS1{font-size:1.083em;}
.tS2{font-size:1.333em;}

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

/* IMAGES STYLES */
.imagesList{list-style:none;}
.imagesList li{margin:0 0 15px 5px;color:#a0a0a0;text-align:center;}
.imagesList li div{text-align:center;}
.subpagesList li img, .imagesList li img, .imagePreview img, #products li .photo img{max-width:100%;-webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 1); box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 1);}
.subpagesList li img:hover, .imagesList li img:hover, .imagePreview img:hover, #products li .photo a:hover img{ opacity:0.6;}

#imagesList1{float:left;margin:9px 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:9px 20px 0 0;}
* html #imagesListPreview{margin-top:-5px;}
.imagesList#imagesListPreview li{margin-bottom:3px;}
.imagesList#imagesListPreview li img{border-width:2px;}
.imagesList#imagesListPreview li img:hover{border-width:2px;}

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

/* SUB PAGES LIST STYLES */
.subpagesList{float:left;width:100%;margin:7px 0;list-style:none;}
.subpagesList li{clear:left;float:left;width:100%;margin:10px 0;padding:13px 2%;border:1px solid #959597;}
* html .subpagesList li{width:100%;} /* IE 6 hack */
.subpagesList li .photo{float:left;margin:0 18px 5px 0;}
.subpagesList li h2{padding-bottom:10px;font-family: 'Francois One', sans-serif; letter-spacing:1px;}
.subpagesList li h2, .subpagesList li h2 a{color:#000000;font-size:1.25em;font-weight:normal;background:none;text-decoration:none;}
.subpagesList li h2 a:hover{color:#999;background:none;text-decoration:none;}
.subpagesList li div.description{font-weight:normal;font-size:1.2em;line-height:1.4em;}
.subpagesList li ul, .subpagesList li ol{float:left;width:96%;margin:5px 0 0 4%;padding:0;}
.subpagesList li li{padding:0;border:0;background:none;-webkit-box-shadow:none;box-shadow:none;}
.subpagesList li ul{list-style:disc;}
.subpagesList li ol{list-style:decimal;}
.subpagesList li p{padding-bottom:10px;}

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

.message{clear:both;padding:50px 0;text-align:center;}
.message h2{background:inherit;color:#cc0000;font-weight:normal;font-size:2.4em;}
.message h2 a{color:#787878;background:inherit;}
.message h2 a:hover{color:#666;background:inherit;}

/* PRODUCTS LIST */
#products{clear:both;float:left;width:100%;margin:10px 0;list-style:none;border-bottom:1px solid #555555;}
#products ul.list{float:left;width:100%;list-style:none;display: flex;flex-wrap: wrap;justify-content: space-between;}
#products ul li {margin: 20px 40px 0 0;width: calc(1/4*100% - (1 - 1/4)*40px);padding: 0px;box-sizing: border-box;}
#products ul li:nth-child(4n) {margin-right: 0;}
#products ul::after {content: '';flex: auto;}
/* standard products list (not columns) example:
#products .list li{position:relative;clear:both;width:96%;margin:5px 0;padding:5px 2% 10px;text-align:left;} */
#products .list li li{float:none;width:auto;margin-left:0px;padding:0;border-top:0px;text-align:left;}
#products li .photo{margin-top:4px;font-size:0px;line-height:0px;text-align: center;}
#products li h2{padding:5px 0 5px;font-weight:normal;font-size:1.083em;font-family: 'Francois One', sans-serif;color:#787878;
  letter-spacing:1px; font-size:18px; letter-spacing:1px;text-align: center;}
#products li h2 a{text-decoration:none;color:#000000;}
#products li h2 a:hover{text-decoration:none;}
#products li h3{padding-bottom:5px;font-weight:normal;font-size:0.917em;}
#products li h3, #products li h3 a{color:#666;}
#products li h3 a:hover{color:#787878;}
#products li h3 em{padding:0 5px;}
#products li div.description{margin:10px 0 0;text-align:justify;}
#products li div.description a{color:#666;}
#products li div.description a:hover{color:#787878;}
#products li div.description ul, #products li div.description ol{margin:5px 0 0 25px;padding:0;}
#products li .price, #products li .noPrice{margin:5px 0 5px 0;background-color:inherit;color:#000;font-weight:bold;text-decoration:none;}
#products li .price em{padding:0 6px 0 0;background:inherit;color:#666;font-style: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;color:#000000;}
#products li .basket{width:150px;margin:10px auto 0;font-size:0.917em;}
#products li .basket a{padding:9px 14px 9px 14px;border:0 none;background:#FFFFFF;border:1px solid #cecece;color:#000000;font-weight:normal;font-size:1.24em;font-family: 'Francois One', sans-serif;-webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.7); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.7); text-transform:uppercase; font-style:normal; overflow:hidden; display:block; letter-spacing:1px;}
#products li .basket a:hover{background:#999;cursor:pointer; color:#000;}

#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{float:right;display:block;width:100%;margin:0 0px;text-align:left;}
* html #product{margin:0;} /* IE 6 hack */
#product h1{padding:5px 0 5px;background:inherit;font-weight:normal;font-size:25px;font-family: 'Francois One', sans-serif;color:#000000;letter-spacing:1px; letter-spacing:1px;}
#product div.breadcrumb{margin:10px 0 10px 0;padding:2px 0 2px;font-weight:normal;font-size:0.917em;}
#product div.breadcrumb, #product div.breadcrumb a{background:inherit;color:#666;position: relative;}
#product div.breadcrumb a:hover{background-color:inherit;color:#787878;}
#product div.breadcrumb em{padding:0 5px;}

#product #box{float:right;width:250px;margin:5px 0 10px 10px;padding:6px; border:1px solid #555555;text-align:center;}
#product #box form{font-weight:bold;}
#product #box #price, #product #box #noPrice{padding:7px 0;border-bottom:1px solid #555555;background-color:transparent;color:#666;font-size:1.417em;text-align:center;}
#product #box #price span {color:#000000;}
#product #box #noPrice{color:#787878;}
#product #box #price em{font-style:normal;}
#product #box #price strong{padding:0 6px;font-size:1.176em;color:#000000;font-weight:bold;}
#product #box #available{padding:8px 2px 0;background-color:transparent;color:#666;font-weight:bold;font-size:0.9em;}
#product #box #addBasket{padding:10px 0 5px 0; text-align:center;width:100%;margin:0 auto;}
#product #box #addBasket fieldset {text-align:center;}
#product #box #addBasket .submit{ float:none;font-size:1.1em;font-weight:normal; text-align:center;display: inline-block;border: 1px solid #cecece;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.7);background: none;color:#000000;}
#product #box #addBasket .submit:hover{background: #999 none repeat scroll 0 0;color: #000;cursor: pointer;}

#product div.content{clear:left;padding:10px 0 10px;font-size:1.2em;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;}

/* BASKET AND ORDER */
#orderedProducts table{width:100%;margin:0;border:1px solid #555555;font-size:1em;color:#787878;}
#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;color:#000000;}
#orderedProducts thead em{padding:0 4px 0 0;font-style:normal;}
#orderedProducts tbody th, #orderedProducts tbody td{border-top:1px solid #555555;border-bottom:1px solid #555555;}
#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{display:none;}
#orderedProducts tbody a:hover{background:inherit;}
#orderedProducts tfoot{text-align:right;}
#orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryProducts th, #orderedProducts tfoot .summaryShippingPayment, #orderedProducts tfoot .summaryOrder{text-align:right;}
#orderedProducts tfoot .nextStep .submit{ float:right}
#orderedProducts tbody .quantity input, #orderedProducts tfoot #recount input{margin:auto;}

#basket #orderedProducts table{margin:10px 0 0;}
#basket .info{padding:10px 0;text-align:left;}
#basket #recount td{border-bottom:1px solid #555555;text-align:right;}
#basket #recount .submit{float: right;}
#basket #recount .submit:hover, #basket #save .submit:hover{background:#787878;}
#basket .summaryProducts{font-size:1.36em;font-weight:bold;}
#basket .summaryProducts #summary{font-weight:bold;}
#basket #pageDescription{margin-top:10px;}
#basket legend{display:none;} 

#basket #continue{text-align:left;}
#basket #save{padding:6px 9px;}
#basket #save .submit{background:#222222;}
#basket #save .submit:hover{background:#787878;}

#order legend{display:block;padding:20px 0 10px;border:0;font-size:1.2em;font-weight:bold;color:#000000;}
#order #personalData{padding:12px 3%;border-top:1px solid #555555;border-bottom:1px solid #555555;overflow:hidden;}
#order #personalData #setBasic, #order #personalData #setExtend{float:left;width:50%;}
#order #personalData label{display:block;padding:2px 0;font-weight:bold;color:#787878;}
#order #personalData .input, #order #personalData #oComment{width:90%;margin:0 0 5px;}
#order #personalData #oComment{height:125px;}
#order label {margin:10px 0 5px 0;color:#000000;}

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

#order tfoot td, #orderPrint tfoot td{color:#000000;}
#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{color:#666;font-size:1.36em;font-weight:bold;}
#order .summaryOrder th, #orderPrint .summaryOrder th{text-align:right;}
#order .summaryOrder th, #order .summaryOrder td{border-top:1px solid #555555;}
#order #rulesAccept th{color:#787878;font-weight:bold;text-align:right;}
#order #rulesAccept th, #order #nextStep th{border:0;text-align:right;}
*: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;color:#787878;font-weight:normal;font-size:1.5em;}
#orderPrint #pageDescription p{padding:5px 0;}
#orderPrint .legend{clear:both;padding:20px 0 10px;background:inherit;color:#787878;font-size:1.2em;font-weight:bold;}
#orderPrint dl{float:left;display:block;width:100%;margin:0;padding:5px 0;border-top:1px solid #555555;border-bottom:1px solid #555555;}
#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;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{clear:both;height:70px;color:#999999;font-size:0.883em;font-family: 'Josefin Sans', Verdana, sans-serif;}
#foot .container{width:1180px;margin:20px auto 0 auto;padding:12px 0;overflow:hidden;border-top:1px solid #555555;}
#foot a{background:inherit;color:#999999;}
#foot a:hover{color:#000000;background:inherit;}

#copy{float:left;padding:0px;width:100%;}
.foot{float:left;padding:0px;}

@media print{
  /* PRINT STYLES */
  #rss{display:none;}
  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;text-shadow:none !important;box-shadow:none !important;-webkit-box-shadow:none !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, #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, #slogan{display:none;}

}

/* Rabaty */
#discountVoucher td{text-align:right;}
#orderedProducts tfoot #discountVoucher{color:#666;}
/* Vat */
#products li .price{text-align:center;}
#products li .priceNetto, #product #box #price #priceNetto{padding-top:3px;font-size:0.9em;color:#666;font-weight:normal;}
#products li .price .priceNetto em, #product #box #price #priceNetto em{font-weight:normal;padding-right:2px;}
#products li .price .priceNetto span, #product #box #price #priceNetto span{font-weight:normal;padding-right:5px;font-size:1em;color:#000000;}
#products li .price .priceNetto strong, #product #box #price #priceNetto strong{font-weight:normal;font-size:1em;color:#000000;}
#product #box #price #priceNetto{font-size:0.7em;color:#666;}
#product #box #price #priceNetto strong{padding:0 3px 0 0;}
#product #box #price #priceNetto em{color:#666;}

/* Newsletter */
#column .box{margin: 25px 0 10px;}
#column .box .type{}
#column .box .content{padding:8px 10px;list-style:none;border-bottom:2px solid #757575;line-height:1.5em;}
#newsletter .input{width:200px;}
#newsletter label{display:none;}
#newsletter fieldset{padding:0;margin:0;}
#newsletter p{text-align:center;margin-top:5px;}
/* SCROLL BACK TO TOP */
#backToTop{position:fixed;bottom:30px;right:1.5%;}
#backToTop a{display:block;width:80px;text-align:center;text-transform:uppercase;text-decoration:none;color:#606060;font-size:0.917em;-webkit-transition:1s;-moz-transition:1s;transition:1s;opacity:0.6;filter:alpha(opacity=60);}
#backToTop a:hover{color:#333333;opacity:1;filter:alpha(opacity=100);}
#backToTop span{display:block;width:80px;height:90px;margin-bottom:7px;background:#939393 url('img/back_to_top.png') no-repeat center center;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#backToTop a:hover span{background-color:#333333;}
@media screen and (max-width:1180px){
  #backToTop a{opacity:0.4;filter:alpha(opacity=40);}
}  
 /* DELIVERY ADRES */
#order #deliveryAddress{padding: 12px 3%;}
#order #deliveryAddress label{display:block;font-weight:normal;padding:2px 0;color: #999;}
#order #deliveryAddress .input{width:45%;margin:0 0 5px;}
 /* FB*/
#fbSideTab{z-index:50;position:fixed;top:230px;left:-235px;padding:10px;padding-left:0;}
#fbSideTab .button{display:block;float:left;padding:0 10px 30px;}
#fbSideTab .fb{float:left;overflow:hidden;background-color:#2a2f34;-moz-border-radius-topright:10px;border-top-right-radius:10px;-moz-border-radius-bottomright:10px;border-bottom-right-radius:10px;}
@media print{
  #fbSideTab{display:none;}
}
/* PAYMENTS */
#paymentOuter{margin:10px 30px 20px;padding:20px;text-align:center;border:1px solid #959597;}
#paymentLink div{padding-bottom:10px;font-size:1.2em;}
#paymentLink a {font-size: 1.3em;color: #cc0000;}
/* ORDER STATUS LINK */
#orderPrint .orderStatusLink{margin:10px 30px 20px;padding:14px;text-align:center;border-top:1px solid #959597;border-bottom:1px solid #959597;}
#orderPrint .orderStatusLink div{padding:3px 0;}
/* RANDOM*/
#randomProduct{margin: 25px 0 10px;}
#randomProduct .type{}
#randomProduct .content{padding:8px 10px;list-style:none;border-bottom: 0px solid #959597;line-height:1.5em;text-align:center;}
#randomProduct img{-webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 1); box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 1);}
#randomProduct img:hover{opacity:0.6;}
#randomProduct h3{font-size:1.1em;padding:5px 0;}
#randomProduct a{text-decoration:none;color:#666;}
#randomProduct a:hover{background:inherit;color:#000000;text-decoration:none;}
#randomProduct .price, #randomProduct .noPrice{padding:2px 0 0;background:inherit;color:#000000;}
#randomProduct strong{padding:0 2px 0 5px;font-weight:bold;}
#randomProduct .price em{padding:0;background:inherit;color:#666;font-style:normal;}
#randomProduct .price span{color:#000000;font-weight:bold;padding-left:5px;}
/* SIDETAB */
#sideTab{z-index:51;position:fixed;right:-65px;top:50%;border:2px solid #787878;border-top-left-radius:0px;border-top-right-radius:0px;background:#cecece;border-bottom:none;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
* html #sideTab{display:none;}
*:first-child+html #sideTab{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);border-bottom:2px solid #787878;right:0px;}
#sideTab{margin-right:-55px \ ;border:2px solid #787878 \ ;}
#sideTab a{display:block;padding:9px 13px 13px 13px;text-decoration:none;color:#222;font-size:1.633em;}
/* NEXT */
#prevNext{list-style:none;height:25px;font-size:1.1em;margin:0 5px;}
#prevNext a{font-weight:bold;}
#prevNext .prev{float:left;}
#prevNext .next{float:right;}
/* LICZNIK */
#column .box{margin: 25px 0 10px;}
#column .box .type{}
#column .box .content{padding:8px 10px;list-style:none;border-bottom: 0px solid #959597;line-height:1.5em;}
#column .box .visits{font-size:1.2em;}
#column .box .visits span{margin-right:15px;}
#column .box .visits em{font-style:normal;}
/* MENU NEWSY */
#simpleNews{margin: 25px 0 10px;}
#simpleNews .type{}
#simpleNews .content{padding:8px 10px;list-style:none;border-bottom: 0px solid #959597;line-height:1.5em;}
#simpleNews li{padding:7px 0;border-bottom: 1px solid #959597;}
#simpleNews li h3{font-size:0.9em;}
#simpleNews li h3 a  {color:#3f3f3f;}
#simpleNews li h6{padding:3px 0 0;font-size:0.8em;color:#666;}
#simpleNews li div{padding:2px 0 0 5px;}
#simpleNews .lL{border-bottom:0;padding-bottom:0;}
/* COOCKIES */
#noticeAboutCookies{display:none;width:200px;left:0px;bottom:0px;padding:10px;border-top:1px solid #bbb;position:fixed;z-index:2;width:100%;background-color:rgba(255,255,255,0.9);color:#474747;}
#noticeAboutCookies .close{margin-left:20px;font-size:0.917em;color:#000000;font-weight:normal;text-decoration:none;}
#noticeAboutCookies .close:hover{color:#f00;}
/* YOUTUBE */
.youtube{width:100%;height:415px;padding:1px;background:#c0bfbf;border:0px solid #eee;-webkit-box-shadow:0 0 10px rgba(48,47,47,.4);box-shadow:0 0 10px rgba(48,47,47,.4);}
.youtube:hover{border:0px solid #c9cdce;}
/* MAPS */
#page .googlemap iframe{width:100%;height:400px;margin:0;padding:0;border:1px solid #666;}
/* IMAGES LIST SCROLLING/SLIDER */
.imagesListSlider{clear:both;float:left;width:100%;padding:10px 0;border-top:1px solid #959597;border-bottom:1px solid #959597;}
.imagesListSlider .slider{float:left;overflow:hidden;width:600px;}
.imagesListSlider ul{position:relative;float:left;width:10000px;list-style:none;}
.imagesListSlider ul li{float:left;padding:0;margin:0;text-align:center;}
.imagesListSlider li img{padding:1px;border:1px solid #666666;}
.imagesListSlider li img:hover{border-color:#787878;}
.vertical{width:150px;padding:0;}
.vertical .slider{width:100%;}
.vertical li > div{margin:5px 0;}
.imagesListSlider .nav a{display:block;padding:40px 0 20px;font-size:2em;font-weight:bold;text-decoration:none;color:#a0a0a0;}
.imagesListSlider .nav a:hover{color:#787878;}
.imagesListSlider .nav.left{float:left;}
.imagesListSlider .nav.right{float:right;}
.vertical .nav a{padding:0;}
/* PRODUCTS SLIDER - jContent */
div.jContent{float:left;}
div.slides{}
div.jContent p{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
div.jContent a.prev, div.jContent a.next{float:left;display:block;}
div.jContent a.hide{visibility:hidden;}
div.jc-horizontal{margin:10px 10px 20px 10px;}
div.jc-horizontal a.prev, div.jc-horizontal a.next{width:35px;height:34px;opacity:0.5;filter:alpha(opacity=50);}
div.jc-horizontal a.prev{margin: 85px 10px 0px 0px;background:url('img/slider-left.png') no-repeat;}
div.jc-horizontal a.next{margin: 85px 0px 0px 10px;background:url('img/slider-right.png') no-repeat;}
div.jc-horizontal a.prev:hover,div.jc-horizontal a.next:hover{opacity:1;filter:alpha(opacity=100);}
div.jc-auto{margin:0;}
#productsSlider{width:96%;margin:15px 2% 15px 2%;border-top:1px solid #959597;border-bottom:1px solid #959597;}
#productsSlider .title{width:50%;margin:0 auto;padding:7px 0;font-weight:bold;font-size:1.25em;border:1px solid #959597;border-width:0px 1px 1px;-moz-border-radius:3px;border-radius:3px;text-shadow:2px 2px 3px #ddd;background:#f5f5f5;}
#productsSlider div.slides{text-align:left;padding-top:30px;}
#productsSlider div.slides h2{float:left;width:340px;padding:0;font-family: 'Francois One', sans-serif;font-size: 25px;font-weight: normal;
    letter-spacing: 1px;}
#productsSlider div.slides h2 a{text-decoration:none;}
#productsSlider div.slides h2 a:hover{text-decoration:none;}
#productsSlider div.slides .photo{float:left;margin:0 15px 5px 0;font-size:0px;line-height:0px;}
#productsSlider div.slides .photo img{-webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 1); box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 1);}
#productsSlider div.slides .photo a:hover img{opacity:0.6;}
#productsSlider div.slides div.description{float:left;width:340px;margin:10px 0 0;text-align:justify;}
#productsSlider div.slides div.description a{color:#666;}
#productsSlider div.slides div.description a:hover{color:#787878;}
#productsSlider div.slides div.description ul, #productsSlider div.slides div.description ol{margin:5px 0 0 25px;padding:0;}
#productsSlider div.slides .price, #productsSlider div.slides .noPrice{float:left;width:340px;margin:7px 0 5px 0;background-color:inherit;color:#787878;font-weight:bold;text-decoration:none;}
#productsSlider div.slides .price em{padding:0 6px 0 0;background:inherit;color:#666;font-style:normal;}
#productsSlider div.slides .price strong{font-size:1.25em;}
#productsSlider div.slides .priceNetto{padding-top:3px;font-size:0.9em;color:#787878;font-weight:normal;}
#productsSlider div.slides .priceNetto strong{padding:0 3px 0 0;font-size:1em;}
#productsSlider div.slides .priceNetto em{color:#666;}
#productsSlider div.slides .priceNetto span{font-weight:normal;padding-right:5px;color:#666;}
#productsSlider div.slides .price ins{padding-right:5px;text-decoration:none;font-weight:bold;}
#productsSlider div.slides .price ins em{padding-right:8px;background:inherit;color:#787878;text-decoration:line-through;font-size:1.13em !important;}
#productsSlider div.slides .noPrice strong{font-size:1.083em;}
#productsSlider div.slides .price span{padding-left:4px;font-size:1.083em;color:#787878;}
#productsSlider div.slides .basket{display:none;float:left;margin:7px 0 0;font-size:0.917em;font-weight:bold;}
#productsSlider div.slides .basket a{padding:9px 14px 9px 14px;border:0 none;background:#888888;color:#000000;font-weight:normal;font-size:1.24em;font-family: 'Francois One', sans-serif;-webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.7); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.7); text-transform:uppercase; font-style:normal; overflow:hidden; display:block; letter-spacing:1px;}
#productsSlider div.slides .basket a:hover{background:#787878;cursor:pointer; color:#333;}
#page{clear:both;padding-top:5px;}
#page div.breadcrumb{top:-3px;}

/* FB - Like */
#facebook {position: absolute;right:0px;top:2px;}
#facebook a{line-height:17px; margin: 10px 0;}
#facebook span, img{vertical-align:middle}
#facebook span {display:none;}

/* List Photo */
#imagesList5 {display:none;}
#page #imagesList3 {display: flex;flex-wrap: wrap;justify-content: space-between;}
#page #imagesList3 li {margin: 20px 40px 0 0;width: calc(1/4*100% - (1 - 1/4)*40px);padding: 0px;box-sizing: border-box;}
#page #imagesList3 li:nth-child(4n) {margin-right: 0;}
#page #imagesList3::after {content: '';flex: auto;}

#page #imagesList4 {display: flex;flex-wrap: wrap;justify-content: space-between;}
#page #imagesList4 li {margin: 20px 40px 0 0;width: calc(1/4*100% - (1 - 1/4)*40px);padding: 0px;box-sizing: border-box;}
#page #imagesList4 li:nth-child(4n) {margin-right: 0;}
#page #imagesList4::after {content: '';flex: auto;}

/* List SubPage */
#page #subList4 {display: flex;flex-wrap: wrap;justify-content: space-between;}
#page #subList4 li {width:31.333%;clear: none;float: none;margin: 1%;padding: 0px 0%;display:inline-block;text-align:Center;background:none;border:0px; box-shadow: none;vertical-align: top;}
#content #subList4 li .photo {margin:5px;text-align:Center;float:none;}

/* List Product */
#products .list li.list-products {border-top: 1px solid #555555;float: left;margin: 0 3px;position: relative;text-align: center;width: 98.8%;}
#products li.list-products .photo {float: left;font-size: 0;line-height: 0;margin: 10px 10px 10px 0;max-width: 100px;width: 100px;}
#products li.list-products .photo img {max-width: 100px;width: 100px;}
#products li.list-products h2 {color: #ffffff;font-size: 1em;font-weight: normal;left: 120px;padding: 5px 0;position: absolute;text-align: left;width: 50%;}
#products li.list-products .basket {font-size: 14px;font-weight: normal;margin: 5px auto 15px;}
#products li.list-products .price, #products li.list-products .noPrice {background-color: inherit;color: #787878;font-size: 16px;letter-spacing: -1px;margin: 0 0 5px;text-align: center;text-decoration: none;}
#products li.list-products .price em {background: inherit;color: #666666;font-style: normal;padding: 0 6px 0 0;text-decoration: none;}
#products li.list-products .price strong {font-weight: normal;}
#products li.list-products .price span {color: #787878;padding-left: 4px;text-decoration: none;}
#products li.list-products h2 a {color: #787878;text-decoration: none;}
#products .list li.list-products .description {left: 120px;padding: 5px 0;position: absolute;text-align: left;top: 25%;width: 48%;}

/*Gallery Wide */
#juicebox-container{height:600px !important;clear:both;}  

/* Old Price */
#products .productField{text-align:center;float:right;margin:5px 0px;width:100%;}
.productField strong{padding-left:7px;text-decoration: line-through;color: #787878;}
.productField span{color: #666666;}
#product .productField{margin:10px 0 0px 0;}
.productField > strong > span {color: #787878;}

#products .productField2{text-align:center;}
.productField2 strong{padding-left:7px;text-decoration: line-through;color: #787878;}
.productField2 span{color: #666666;}
#product .productField2{margin:10px 0 0px 0;}
.productField2 > strong > span {color: #787878;}

#productsSlider  .productField3{margin:10px 0 0 0;}
.productField3 strong{padding-left:7px;text-decoration: line-through;color: #787878;}
.productField3 span{color: #666666;}
#productsSlider .productField3{margin:10px 0 0px 0;float:left;width:60%;}
.productField3 > strong > span {color: #787878;}

/* Box Basket List */
#box-container {float:right;width: 33%;}

/* Image Basket */
#basket .image img{-webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 1); box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 1);max-width: 80px;margin-left:10px;}
#basket .image a:hover img{opacity:0.6;}

/* Basket STEP-1 */
#orderedProducts > div{border: 1px solid #555555;float: left;width: 100%;}
#thead {float:left;width:100%;color: #000000;padding: 5px 0px;}
#thead > div {float:left;width:100%;}
#thead .name {text-align: left;padding-left: 40px;width: 30%;box-sizing:border-box;}
#thead .price {text-align: center;width: 10%;box-sizing:border-box;}
#thead .price em {font-style: normal;}
#thead .quantity {text-align: center;width: 10%;box-sizing:border-box;}
#thead .summary {text-align: center;width: 10%;box-sizing:border-box;}
#thead .summary em {font-style: normal;}
#thead .del {text-align: center;width: 7%;box-sizing:border-box;}

#boxBasketTop {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;flex-direction: row;}

#tbody {float:left;width:100%;}
#tbody .photo {width:30%;text-align: left;display: inline-block;}
#tbody .photo img {max-width: 100%;border: 4px solid transparent;}
#tbody .image {float:left;}
#tbody #product_name_div {width:30%;text-align: left;display: inline-block;font-style: normal;}
#tbody #product_name_div > a {margin-left: 25px;max-width: 200px;display: inline-block;}
#tbody .price {width: 10%;display: inline-block;box-sizing:border-box;color:#000000;text-align:center;font-style: normal;}
#tbody .quantity {width: 10%;display: inline-block;box-sizing:border-box;text-align:center;}
#tbody .quantity label {display:none;}
#tbody .quantity input {text-align:center;display: inline-block;}
#tbody .summary {width: 10%;display: inline-block;box-sizing:border-box;color:#000000;text-align:center;}
#tbody .del{width: 7%;display: inline-block;box-sizing:border-box;text-align:center;}
#tbody .del a{background:inherit;color:#666;margin-right:10px;}
#tbody .del a:hover{background:inherit;color:#F00;}
#tbody ul {float:left;width:100%;border-bottom: 1px solid #555555;}
#tbody ul:first-child {border-top: 1px solid #555555;}
#tbody ul:last-child {border-bottom: 1px solid #555555;}
#tbody li {width:100%;list-style:none;margin:10px 0px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.summary span {margin-left:5px;}
.price span {margin-left:5px;}

#tfoot {float:left;width:100%;}
#tfoot #recount {float:left;width: 71%;clear:both;padding: 6px 0px;text-align: right;display: flex;flex-wrap: wrap;justify-content: right;align-items: center;}
#tfoot #recount span {margin-right: 10px;}
#tfoot #recount span i {font-size: 1.25em;}
#tfoot #recount:hover span i {color: #999999;}
#tfoot .summaryProducts{float:right;width:100%;text-align:center;}
#tfoot .buttons  {float:left;width:100%;text-align:center;}
#tfoot #continue {float:left;width:48%;margin-left:7px;text-align: left;}
#tfoot .nextStep {float:right;width:38%;margin-right:12%;text-align: right;}
#tfoot #remember_basket_div {float:left;width:100%;text-align:left;padding: 6px 0px;border-bottom: 0px solid #555555;}
#tfoot #remember_basket_div #save {margin-left:7px;}
#tfoot #discountVoucher {float:left;width:100%;text-align:center;padding: 6px 0px;border-bottom: 1px solid #555555;}
#tfoot #discountVoucher div label {float:left;width: 71%;text-align: right;padding: 6px 0px;}
#tfoot #discountVoucher div input {float:right;width:16%;margin-right:10%;text-align: right;margin-top:3px;}
#tfoot #discountVoucher div strong {float:right;width:16%;margin-right:12%;text-align: right;padding: 6px 0;}
#tfoot #oneDiscount_div {float:left;width:100%;text-align:center;padding: 6px 0px;border-top: 1px solid #555555;}
#tfoot #oneDiscount_div div:first-child {float:left;width:71%;display: inline-block;text-align: right;margin-right:0%;}
#tfoot #oneDiscount_div div:last-child {font-weight:bold;float:right;width:16%;margin-right:12%;text-align: right;}
#tfoot .summaryProducts {float:left;width:100%;text-align:center;padding: 6px 0px;color: #787878;border-top: 1px solid #555555;}
#tfoot .summaryProducts span:first-child {float:left;width:71%;margin-right:0%;text-align: right;}
#basket .summaryProducts #summary{font-weight:bold;float:right;width:16%;margin-right:12%;text-align: right;}
#summary {color:#000000;}

#tfoot .buttons .nextStep .submit {float:right;}

/* Basket STEP-2 */
#product_info_div {font-weight:normal;color:#888888;}

/* Langi */
#lang_div {text-align: left;float:left;margin:7px 50px 0 0;}
#lang_div a {margin:0 3px;}
#lang_div a img{box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1);}

/* MODYFIKACJE */
#dodatki {float:right;margin-top:30px;}

/* */
.sidr-inner li{position:relative;}
.sidr-inner li .more{position:absolute;right:10px;top:10px;width:20px;height:20px;padding:0 5px;border-radius:0px;cursor:pointer;background:url('img/ico_plus.png') no-repeat center center !important;}
.sidr-inner li .more.active{background:url('img/ico_minus.png') no-repeat center center !important;}
#hamburger-menu{display:none;}
#hamburger-menu1{display:none;}
.sidr-class-type{display:none !important;}
#menu2a {display:none !important;}
@media screen and (max-width:921px){
  #hamburger-menu{display:block;}	
  .sidr-class-lBasket {display:none !important;}
  #hamburger-menu1{display:block;}	
  #menu3 {display:none;}
  #head2 .container {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
  #menu1 li.lBasket {display: inline-block;}
  #menu1 li {display: none;}
  #head1 .container {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
}

/* */
#sidr-main1 #searchForm fieldset {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;flex-direction: column;}
#sidr-main1 #searchForm {margin: 0px auto;float: none;}
#sidr-main1 #dodatki {width: 100%;float: none;}
#sidr-main1 #lang_div {text-align: center;float: none;margin: 25px 15px;}
.sidr-inner > ul > li > .more {display: none;}

/* */


/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:1223px){
  #head1 .container, #head3 .container, #body .container, #foot .container{width:95%;}
  #column{width:30%;padding:10px 0;}
  #column .box{margin:0 0 15px;}
  #basketSummary, #promoted{padding:10px 0;}
  #menu3{padding:0px;}
  #menu3 ul{padding:0px;}
  #content{width:70%;box-sizing: border-box;}
  #page {margin:0px 3%;}
  #products ul li {margin: 10px 20px 0 0;width: calc(1/2*100% - (1 - 1/2)*20px);padding: 0px;box-sizing: border-box;}
  #products ul li:nth-child(4n) {margin-right: auto;} 
  #products ul li:nth-child(2n) {margin-right: 0;}  

  #product{width:94%;margin:0 3%;}
  #product #box{padding:10px 15px;width:100%;margin:25px 0;box-sizing: border-box;}
  #head2{width:95%;}
  #head1 {width: 100%;}
  #head1 .container {float: none;margin: 0 auto;}
  #head2 .container {width: 100%;}
  img{max-width:100%;}
  #sideTab {display: none;}
  #tbody #product_name_div > a {display: inline-block;max-width: 65%;  margin-left: 2%;}
}
@media screen and (max-width:1040px){
  #product #imagesList1 {margin: 10px 0;width: 100%;text-align: center;}
  #product #imagesListPreview {margin: 10px 0;width: 100%;text-align: center;}
  #product .imagesList#imagesListPreview li {margin: 0 5px;display: inline-block;}
}
@media screen and (max-width:800px){
  #column, #content{width:100%;margin:15px 0;padding: 15px 0;}
  #column {display: none;}
  #logo #title a {font-size: 30px;}
  #logo #slogan {font-size: 14px;}
  .subpagesList li .photo {width: 45%;}
  #content #subList4 li .photo {width: 100%;}
  #logo {padding: 15px 10px 15px 0px;}
  #page #imagesList3 li {display:inline-block;margin:1%;width: 48%;}
  #page #imagesList4 li {display:inline-block;margin:1%;width: 48%;}  

  #page #imagesList3 li {margin: 10px 20px 0 0;width: calc(1/2*100% - (1 - 1/2)*20px);padding: 0px;box-sizing: border-box;}
  #page #imagesList3 li:nth-child(4n) {margin-right: auto;} 
  #page #imagesList3 li:nth-child(2n) {margin-right: 0;}   
  
  #page #imagesList4 li {margin: 10px 20px 0 0;width: calc(1/2*100% - (1 - 1/2)*20px);padding: 0px;box-sizing: border-box;}
  #page #imagesList4 li:nth-child(4n) {margin-right: auto;} 
  #page #imagesList4 li:nth-child(2n) {margin-right: 0;}  
  #fbSideTab {display: none;}  
  #page #imagesList1, #page #imagesList2 {width: 45%;}
}
@media screen and (max-width:640px){
  #body.basket-page #column{display:none;}
  #body.basket-page #content{width:100%;}
  #page #subList4 li {width: 98%;}
  #tbody .photo {display: none;}
  #thead {display: none;}
  #orderedProducts > div {border: 0px;}
  #tbody #product_name_div {width: 100%;text-align: center;margin:15px auto 25px auto;}
  #tbody #product_name_div > a {display: inline-block;max-width: 100%;margin-left: auto;text-align: center;}
  #tbody .del {width: 100%;margin:25px auto 15px auto;}
  #tbody li {justify-content: center;align-items: center;}
  #tbody .price {width: 20%;}
  #tbody .quantity {width: 20%;}
  #tbody .summary {width: 20%;}
  #order #personalData #setBasic, #order #personalData #setExtend {float: left;width: 100%;}
  #tfoot .summaryProducts {padding: 15px 0;}
  #tfoot .summaryProducts span:first-child {float: left;width: auto;margin-right: 15px;text-align: left;}
  #basket .summaryProducts #summary{font-weight:bold;float:left;width:auto;margin-right:0%;text-align: right;}
  #tfoot #recount {float:left;width: auto;clear:both;padding: 6px 0px;text-align: right;}
  #tfoot .nextStep {float: left;clear: both;margin:15px 0;width: auto;}
  #tfoot #continue {margin-left:0px;}  
}
@media screen and (max-width:481px){
  #basket {font-size: 16px;}
  #order {font-size: 16px;}
  #products ul li {margin: 1%;width: 98%;padding: 0px;box-sizing: border-box;}
  #products ul li:nth-child(2n) {margin-right: auto;}  
  #copy, .foot{float:none;width:100%;text-align:center;padding:0 0 20px;}  
}
@media screen and (max-width:360px){
  #head2 .container{height:100px;}
  #logo #title a{font-size:2em;}
  #logo #slogan{padding-left:0;}
  #lang{position:absolute;top:10px;right:10px;padding:0;}
  #product #box #addBasket .submit{width:96%;padding:10px 2%;}
  #orderedProducts td{padding:2px;}
  #orderedProducts #recount td{padding:2px 0px;}
  #orderedProducts #recount .submit{font-size:0.83em;}
  #orderedProducts thead .name{padding-left:7px;}
  #orderedProducts thead .price span{display:none;}
  #continue .submit{width:70px;}
  #basket #save{padding:6px 4px 0;}
  #orderedProducts tbody .quantity input{width:25px;}
  #orderedProducts .del{overflow:hidden;width:16px;padding:0;vertical-align:center;font-size:1px;line-height:1px;}
  #orderedProducts .del a{display:inline-block;width:16px;height:16px;font-size:0px;line-height:1px;color:transparent;background:url('img/close.png') no-repeat 0px 0px;text-decoration:none;}
  #orderedProducts .del a:hover{color:transparent;background:url('img/close.png') no-repeat 0px -16px;}

  #order #personalData #setBasic, #order #personalData #setExtend{width:100%;}
  #order #personalData #oComment{height:80px;}

  #content .imagesGallery table img{max-width:70px;}
  #comments span.date{font-size:0.917em;}
}
@media screen and (max-width:320px){
}