@font-face {
  font-family: 'fontello';
  src: url('/css/font/fontello.eot?49706835');
  src: url('/css/font/fontello.eot?49706835#iefix') format('embedded-opentype'),
       url('/css/font/fontello.woff2?49706835') format('woff2'),
       url('/css/font/fontello.woff?49706835') format('woff'),
       url('/css/font/fontello.ttf?49706835') format('truetype'),
       url('/css/font/fontello.svg?49706835#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-cancel:before { content: '\e800'; } /* '?' */
.icon-logo:before { content: '\e810'; } /* '?' */
.icon-logo-fill:before { content: '\e811'; } /* '?' */
.icon-cpa-text:before { content: '\e812'; } /* '?' */

.icon-cpa-only-light:before { content: '\e813'; } /* '?' */
.icon-cpa-onlyr-light:before { content: '\e814'; } /* '?' */
.icon-cpa-text-light:before { content: '\e815'; } /* '?' */

.icon-arrbold-left:before { content: '\f100'; } /* '?' */
.icon-arrbold-right:before { content: '\f101'; } /* '?' */
.icon-arrbold-up:before { content: '\f102'; } /* '?' */
.icon-arrbold-down:before { content: '\f103'; } /* '?' */
.icon-menu-closed:before { content: '\f104'; } /* '?' */
.icon-callender:before { content: '\f105'; } /* '?' */
.icon-uniF106:before { content: '\f106'; } /* '?' */
.icon-user:before { content: '\f107'; } /* '?' */
.icon-uniF108:before { content: '\f108'; } /* '?' */
.icon-menu:before { content: '\f109'; } /* '?' */
.icon-uniF10A:before { content: '\f10a'; } /* '?' */
.icon-uniF10B:before { content: '\f10b'; } /* '?' */
.icon-uniF10C:before { content: '\f10c'; } /* '?' */
.icon-uniF10D:before { content: '\f10d'; } /* '?' */
.icon-basket:before { content: '\f10e'; } /* '?' */

.icon-ok-squared:before { content: '\f14a'; } /* '?' */
.icon-ok:before { content: '\e801'; } /* '?' */

.icon-forever-light:before { content: '\e819'; } /* '?' */

.icon-leaves:before { content: '\e81a'; } /* '?' */
.icon-tree:before { content: '\e81b'; } /* '?' */
.icon-leaf:before { content: '\e81c'; } /* '?' */
.icon-leaf_2_:before { content: '\e81d'; } /* '?' */
.icon-budding-leaves:before { content: '\e81e'; } /* '?' */
.icon-leaf_1_(1):before { content: '\e81f'; } /* '?' */


.icon-key-1:before { content: '\e802'; } /* '?' */
.icon-key:before { content: '\e803'; } /* '?' */

.icon-lock-2:before { content: '\f512'; } /* '?' */
.icon-lock-open-2:before { content: '\f513'; } /* '?' */

.icon-smartphone-with-sad-face-on-screen:before { content: '\e823'; } /* '?' */

.icon-dog-seating:before { content: '\e824'; } /* '?' */
.icon-german-shepherd:before { content: '\e825'; } /* '?' */
.icon-deal:before { content: '\e826'; } /* '?' */

.icon-cpa-newlogo:before { content: '\e827'; } /* '?' */
.icon-newlogo-phone:before { content: '\e828'; } /* '?' */
.icon-newlogo-cpa:before { content: '\e829'; } /* '?' */

/* --------------------------------------------------------------*/


#clona {background: #000; opacity: .5;	position: fixed; top: 0; left: 0;	width: 100%;	height: 100%;	z-index: 90; display: none;}
.important {font-size: 16px;	color: #db0000;	margin-bottom: 20px;}
.important a {color: #000;	text-decoration: underline;}
.important a:hover {color: #000; text-decoration: none;}
.page404 {position: relative;}
.page404:after { content: '\e823'; color: #e3e3e3;  font-family: "fontello"; font-size: 400px; display: block; margin-top: 60px; text-align: center;}
#foxcub_translator_popup_win {display: none;}

.green {color: #64b900;}
strong, b {font-weight: 600;}
#fancybox-outer {width: 103% !important;}
.hidden {display: none !important;}
input, select, textarea {border-radius: 0;}
input[type="text"], input[type="password"], #column2 select, #column2_Ex select {color: #808080;	background: #fafafa; font-size: 14px;	font-family: Open Sans;	border: solid 1px #dbdbdb; height: 40px; padding: 0 10px;}
#column2 select, #column2_Ex select {padding-right: 0;}

.cookiesText {height: inherit; min-height: 58px; padding: 15px; font-size: 16px; }
.cookiesText .confirm {margin-top: 10px; background: #999999; border-radius: 0;}
.cookiesText .moreinfo {white-space: nowrap; line-height: inherit;}
* {box-sizing: border-box;}
.clear1, .clear2, .cls {height:0; overflow: hidden; clear: both;}
.c-pointer {cursor: pointer;}

h1 {color: #000; font-size: 30px;	text-transform: uppercase; padding: 30px 0 28px 0; margin: 0;	line-height: 39px; font-weight: 600; text-align: left;}

body {background: #fff; color: #808080; min-width: 320px; font-family: 'Open Sans', sans-serif; font-size: 13px;}
.userInfo {width: calc(100% - 200px);}

#containerHeader, .top-menu, #containerBody, #fb-line, ul.menu, #containerFooter {max-width: 1440px; margin-left: auto; margin-right: auto; box-sizing: border-box;}
#containerHeader {position: relative; height: 80px;}
#containerMain {min-width: 320px;}
#containerHeader .top-line {height: 80px;}

#containerHeader .Logo {top: 0; left: 10; width: 200px; height: 77px; position: absolute; overflow: hidden;}
#containerHeader .Logo h1 span, #containerHeader .Logo strong {display: none;}
#containerHeader .Logo a {height: 100%; width: 100%; display: block; background: url(/img/cpa-newlogo.svg) no-repeat 18px 14px;}

#containerHeader .menu-bt {display: none; position: absolute; left: 20px; top: 95px; xheight: 25px; width: 125px; cursor: pointer; }
#containerHeader .menu-bt:before {content: '\f109'; font-family: 'fontello'; color: #808080; display: inline-block; position: absolute; left: 0px; top: 2px; font-size: 22px;}
#containerHeader .menu-bt:after {content: 'Menu'; font-family: 'Open Sans'; color: #808080; font-size: 16px;  line-height: 23px; color: #000000; position: absolute; left: 31px; top: 2px;}
body.cat-open #containerHeader .menu-bt:before {content: '\f104'; color: #db0000; left: 0px; xtop: 2px; font-size: 22px; transition-duration: 0.5s;  line-height: 24px;} 


.Logo a {text-decoration: none;}
/*.Logo a:before {border-radius: 55px; background:  #fff; content: '\e811'; font-family: 'fontello';	color: #db0000;	display: inline-block; position: absolute; left: 18px; top: 15px; font-size: 48px; height: 47px; width: 47px; line-height: 46px; z-index: 2; xtext-shadow: -2px -2px 3px #fff;	z-index: 2;}
.Logo a:after { content: '\e815';	font-family: 'fontello'; color: #231f20; display: inline-block;	position: absolute; font-size: 48px; left: 70px; top: 16px;	xtext-shadow: -2px -2px 3px #ffffff;	z-index: 2;} */


.Basket {position: absolute; height: 35px; width: 35px; top: 24px; right: 20px;	border-radius: 32px;	background: #db0000; border: none;}
.Basket:before {color: #fff; content: '\f10e'; font-family: fontello;	font-size: 20px; position: absolute; left: 50%;	top: 50%; transform: translate(-47%, -53%);}

.Basket img {display: none;}
.Basket small span {display: none;}
.Basket a {background: none;}
.Basket a.emty-basket {display: none;}
.Basket a.goto-basket {position: absolute; font-size: 0; height: 100%; width: 100%; display: block; padding: 0; margin: 0;}

.Basket strong {font-weight: normal; font-size: 16px; color: #4b4b4d; position: absolute; top: 6px; right: 40px; background: none; white-space: nowrap;}
.Basket small {font-size: 16px;}

#containerHeader .search-rbt {display: none; position: absolute; right: 62px; top: 95px; height: 25px; width: 25px; cursor: pointer;}
#containerHeader .search-rbt:before {content: '\f108'; font-family: 'fontello'; color: #808080; display: inline-block; position: absolute; left: 0px; top: 0px; font-size: 25px;}
.page-basket #containerHeader .search-rbt {display: none;} 

.Search {position: absolute;  height: 36px;	width: calc(100% - 820px); left: 330px; top: 23px;}
.Search form {display: block; height: 36px; background: #fff; position: relative;}
.Search form .SER_B {display: block; background: #db0000; border: none; padding: 0 20px; line-height: 34px; height: 36px; width: 90px; position: absolute; right: 0; top: 0; font-family: Open Sans; font-size: 14px; font-weight: 700; color: #fff;}
.Search form .SER_I {padding: 0 10px; background: #fafafa; color: #808080; font-size: 14px; font-family: Open Sans; border: solid 1px #dbdbdb; width: calc(100% - 90px); height: 36px; box-sizing: border-box; }
.Search div {display: none;}


.c-top-menu  {background: #999999;  color: #fff;}
.top-menu  {height: 40px; text-align: right;}
.top-menu ul {padding:0; margin: 0; list-style-type: none;}
.top-menu ul > li {display:inline-block; color: #fff; font-size: 16px; font-weight: 600; position: relative;}
.top-menu ul > li a {display:inline-block; color: #fff; padding: 8px 15px 9px 15px; text-decoration: none; white-space: nowrap;}
.top-menu ul > li a:hover {text-decoration: underline;}
.top-menu ul > li ul {display:none; position: absolute; z-index: 50; background: #fafafa; min-width: 150px; border: solid 1px #e6e6e6; border-top: none; box-shadow: 2px 4px 4px rgba(2, 8, 4, 0.2);}
.top-menu ul > li.sel ul {display:block; }
.top-menu ul > li.sel > a {text-decoration:underline; }
.top-menu ul > li:last-of-type ul {right: 20px;}
.top-menu ul > li ul li {display:block; text-align: left; border-top: solid 1px #e6e6e6;}
.top-menu ul > li ul li:first-of-type {border-top: none;}
.top-menu ul > li ul li a {display: block; color: #000; font-size: 14px; padding: 10px 15px 11px 10px; font-weight: 400; text-decoration: none;}
.top-menu ul > li ul li a:hover {text-decoration: none; color: #db0000; background: #fff; box-shadow: inset 0px 1px 2px rgba(2, 2, 2, 0.1);}


#containerBody { background: #fff; width: auto; padding-bottom: 20px;}
.page-home #containerBody {padding-bottom: 0px;}


#column1 {float: left;  position: relative; left: -11px;	width: 100%; max-width: 320px; margin-top: -51px; padding-bottom: 60px;}
#column2, #column2_Ex {padding: 0; border-top: solid 21px white;}
#column2 {width: calc(100% - 320px)}

ul.categories#top-cat {padding: 11px 11px 0px 11px; margin: 0 0 -11px; list-style-type: none;}
ul.categories#top-cat li:first-of-type {height: 40px; display: block; margin-bottom: 26px; padding: 0;}
ul.categories#top-cat li a {float: left; width: 33.33333%; padding: 0; color: #fff; font-family: Open Sans; font-size: 14px; font-weight: 600;}
.categories li.button {cursor: pointer;	width: 50%;	display: inline-block;}
div.s3icons {background: transparent;}
div.s3icons a {float: left; height: 40px; line-height: 40px; font-weight: 600; text-transform: uppercase; text-align: center; }
div.s3icons a.zap {border-top: solid 2px #000; height: calc(100% + 2px); margin-top: -2px;}


.categories ul {list-style-type: none;}
ul.categories#top-cat li {font-size: 14px; padding: 9px 15px 7px 11px; font-weight: 600; color: #404040;}
ul.categories#top-cat li.no2 {background: #fff; xcolor: #404040;}
ul.categories#top-cat li.active {background: #e6e6e6;}
ul.categories#top-cat li a:after {display:none;}
ul.categories#top-cat li a.ico1 { background: #db0000;}
ul.categories#top-cat li a.ico2 {background: #ff8533;}
ul.categories#top-cat li a.ico3 {background: #64b900;}
div.s3icons a.zap {2px 2px 0 #000;}

ul.categories#categories, ul.producers#producers {display: block; border: solid 1px #e6e6e6; border-bottom: none; margin: 11px; list-style-type: none; padding: 0;}
ul.producers#producers {display: none;}
ul.categories#categories li, ul.producers#producers li {text-align: left; box-sizing: border-box; background: #fafafa; border-bottom: solid 1px #e6e6e6; position: relative; width: 100%; padding-left: 0;}
ul.categories li a, ul.producers#producers li a {display: block; font-weight: normal; font-size: 14px; font-family: Open Sans; padding: 10px 15px 11px 10px; color: #000000; text-decoration: none;}
ul.categories li a:hover, ul.categories li a.SelLi, ul.producers#producers li a:hover {color: #db0000; background: #fff; box-shadow: inset 0px 1px 2px rgba(2, 2, 2, 0.1);}
ul.categories li a:after, ul.producers#producers li a:after  {content: '\f10B';	font-family: 'fontello';	color: #000;	display: inline-block;	position: absolute;	right: 0px;	top: 12px;	font-size: 16px;	width: 25px;}

ul.categories li a.SelLi {font-weight: 600;}
ul.categories li a.SelLi:after {font-weight: 400;}

ul.categories li a.SelLi:after {color: #db0000;  -ms-transform: rotate(90deg); /* IE 9 */  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */  transform: rotate(90deg);  right: 8px; top: 16px;}

ul.categories#categories ul {background: #fff; padding: 0;}
ul.categories#categories ul li {text-align: left; box-sizing: border-box; background: #fff; border-bottom: solid 1px #fff; }
ul.categories#categories ul li a {font-weight: normal; font-size: 14px; font-family: Open Sans; padding: 10px 15px 11px 10px; background: #999999; color: #fff;}
ul.categories#categories ul li a:hover {background: rgba(128, 128, 128, 0.7);}
ul.categories#categories ul li a:after {color: #fff;}

.not-cat {margin: 10px 10px 0 10px;}
.not-cat:after {content:""; height: 0; display: block; overflow: hidden; clear: both;}
.not-cat > * {xdisplay: none;}
.not-cat .greenbanner {display: block; width: calc(50% - 5px); float: left;}
.not-cat .greenbanner a {display: block;}
.not-cat .greenbanner img {max-width: 100%;}
.not-cat .greenbanner:nth-of-type(2n) {float: right; clear: right;} 
.gr-banners {margin-bottom: 20px;}
.gr-banners:after {content:""; display: block; height: 0; clear: both; overflow: hidden; }

.naviMenu  {background: transparent;}

#column2, #column2_Ex {width: calc(100% - 240px); xbackground: yellow; box-sizing: border-box; overflow: hidden;}
#column3 {float: right; left: inherit; right: 15px; box-sizing: border-box; border: none; width: calc(100% - 240px); xbackground: aqua; display: none;}
#containerFooter {background-position: left top;}

/* cat-content  */ 
.ProductInfo {width: 100%; display: block; float: left;  margin: 0 4px;}
.ProductInfo div {width: inherit; display: block; xbackground: yellow; box-sizing: border-box;}
.ProductInfo .axbuy {width: inherit;}
.SubCat div {width: 50%; box-sizing: border-box;}
.Sel .ItemCount {width: 120px;}
.CatDescription {background: none; color: #808080; padding: 10px 0; font-size: 14px; display: none;}
.CatDescription .catBaner {display: none;}

/* cat-page  */ 

.SubCat {position: relative; margin-bottom: 21px;}
.SubCat:after {clear: both; display: block; height: 0; overflow: hidden; content:"";}
.SubCat div {width: 23.5%; margin-right: 2%; display: block; float: left;	background: #fafafa; border: solid 1px #e6e6e6;	position: relative;	padding: 0; margin-bottom: 16px; height: 100px; overflow: hidden;}
.SubCat div:nth-of-type(4n) {margin-right: 0;}
.SubCat div a {display: table; width: 100%; height: 100px; font-size: 14px; color: #000000;}
.SubCat div a:hover {color: #db0000; text-decoration: none; }

.SubCat br.clear1 {height: 0; overflow: hidden; font-size: 0; display: none;} 

.SubCat div a span {display: table-cell; width: 100px; height: 100px; vertical-align: middle; text-align: center; background: white;}
.SubCat div a span img {max-height: 76%;  max-width: 100px;	position: relative;}
.SubCat div a {text-decoration: none;}
.SubCat div a h2 {display: table-cell; box-sizing: border-box; padding: 0 20px; margin: 0; vertical-align: middle; font-size: 16px; background: #E6E6E6;}

.page-category .catalogVypis {float: none; margin: 0px 0px 15px 0px;}


.Product {float: left; width: 22.8%;	margin-right: 2.9%; position: relative; border-bottom: solid 1px #e6e6e6; padding: 30px 0 0 0;} 
.catalogVypis .Product:nth-of-type(4n) {margin-right: 0;} 
.Product h3 {font-size: 16px; color: #000000; text-align: left; height: 70px; line-height: 23px; padding: 0; margin: 0; 	font-weight: 600; overflow: hidden; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s;}
.Product h3 a {width: auto; padding: 0px 5px; display: block; color: #000; text-decoration: none; background: rgba(255, 255, 255, 0.9);}
.Product h3 a:hover {text-decoration: none; color: #db0000; }
.Product:hover h3 {overflow: visible; position: relative; z-index:20; }
.Product:hover h3 a {padding-bottom: 10px; color: #db0000;}

span.ICO1, span.ICO2  {height: 20px; width: 20px; position: relative;}
span.ICO1 img, span.ICO2 img  {float: left; height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: 0;}
.ICO1.ico-action, .ICO2.ico-action {background: #db0000; color: #fff; font-size: 14px; font-weight: 700; text-align: center;}
.ICO1.ico-action:before, .ICO2.ico-action:before {content:"A"; }
.ICO1.ico-news:before, .ICO2.ico-news:before {content:"N"; }
                                                                                                                                                                                   
.ICO1.ico-news, .ICO2.ico-news {background: #64b900; color: #fff; font-size: 14px; font-weight: 700; text-align: center;}


.ProductImg {height: 220px; margin: 10px 0; text-align: center; position: relative;}
.ProductImg img {max-height: 220px; max-width: 100%; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.ProductInfo {height: auto; margin: 0; background: none; }
.ProductInfo div {color: #808080; font-size: 13px;  height: 60px; max-height: 60px; overflow: hidden; padding: 5px; margin-bottom: 5px;}
.ProductInfo .INP, .ProductInfo .buyit {display: none;}

.ProductInfo .axbuy {background: none; height: 66px; position: relative; margin: 20px 0 13px 0; }
.ProductInfo .axbuy > span {position: absolute; width: 50%; border-right: solid 1px #e6e6e6; left: 0; top: 0; height: 100%; font-size: 13px; font-family: Open Sans; font-weight: 400; text-align: center; display: block; xpadding-top: 20px;}
.ProductInfo .axbuy > span table {width: 100%; height: 100%;}
.aSkladem {color: #64b900;}
.Product strong {position: absolute; width: 50%; height: 66px; margin: 0; bottom: 13px; left: 50%; z-index:1; font-size: 18px; font-weight: 600; display: table; color: #D80000;}
.Product strong small {font-size: 18px; }
.Product strong span {display: table-cell; vertical-align: middle; padding-top: 2px; float: none; text-align: center;}

.page-category .Product .ProductInfo .axbuy .INP input,
.page-search .Product .ProductInfo .axbuy .INP input,
.page-producer .Product .ProductInfo .axbuy .INP input {width: 40px; text-align: center; position: absolute; top: 10px; left: 5px;}
.page-category .Product .buyit,
.page-search .Product .buyit,
.page-producer .Product .buyit
 {position: absolute; left: 55px; top: 10px; display: none; border: none; background: #64b900; color: #fff; height: 40px; text-align: center; font-size: 15px; font-weight: 700; line-height: 40px;	width: calc(100% - 60px);  text-transform: uppercase;}

.page-category .Product .ProductInfo .axbuy .buyit span:before,
.page-search .Product .ProductInfo .axbuy .buyit span:before,
.page-producer .Product .ProductInfo .axbuy .buyit span:before {color: #fff; content: "\f10e"; font-family: fontello;	font-size: 18px; font-weight: 400;	display: inline-block;	text-align: center;	top: 0;	left: 0; 	padding-right: 12px;  position: relative; top: -1px;}

.page-category .Product:hover strong,
.page-search .Product:hover strong,
.page-producer .Product:hover strong {display:none;}
.page-category .Product:hover .ProductInfo .axbuy > span,
.page-search .Product:hover .ProductInfo .axbuy > span,
.page-producer .Product:hover .ProductInfo .axbuy > span {display:none;}

.page-category .Product:hover .ProductInfo .INP,
.page-category .Product:hover .ProductInfo .buyit,
.page-search .Product:hover .ProductInfo .INP,
.page-search .Product:hover .ProductInfo .buyit,
.page-producer .Product:hover .ProductInfo .INP,
.page-producer .Product:hover .ProductInfo .buyit

 {display:block;}

/* filtry a stránkování */
.c-filsortpag {background: none; border-bottom: solid 1px #e6e6e6;	position: relative;	min-height: 61px;}

.filtrMrk {padding: 0; margin: 0;	position: relative;}

.filtrMrk .filterHeader {cursor: pointer; overflow: hidden; display: table; font-size: 16px; padding: 15px 0 0; font-weight: 600; display: block; background: none; color: #515151;}
.filterHeader:after {xtransition-duration: 0.5s; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff transparent transparent; border-image: none; border-style: solid;	border-width: 6px;	content: "";	height: 0;	right: 10px;	position: absolute;	top: 17px;	width: 0;}
.filtrMrk .filterHeader.open:after {border-color:  transparent transparent #fff transparent; top: 10px; }

.filtrMrk .filter-content {padding: 9px 15px 15px 0; background: #fafafa; border: solid 1px #e6e6e6; margin-top: 10px; }
.filtrMrk .filter-content label {font-size: 14px; vertical-align: middle; color: #515151; cursor: pointer;}
.filtrMrk .filter-content:after {content: ""; height: 0px; display: block; overflow: hidden; clear: both;}
.filtrMrk .filter-content div {margin-top: 8px; float: left; padding: 0 15px;}
.filtrMrk .filter-content input {vertical-align: middle; margin: 0;}

#PNSORTx {padding: 8px 0 25px;}
#PNSORTx:after {content:""; clear: both; height: 0; overflow: hidden;}
#PNSORTx .displayPaging {height: 0;  background: #fff; }
#PNSORTx .displayPaging select {cursor: pointer; border: solid 1px #000; height: 40px; width: 200px; color: #808080; background: #fff; font-family: Open Sans; font-size: 16px; background: #fafafa; border-color: #e6e6e6; padding-left: 6px; margin-right: 4px; vertical-align: middle;}

.displayPaging {border: none; margin: 10px 0px 3px 0px; padding: 2px 0px;}
.displayPaging p {float: right; margin: 0;}

PNSORTxx  {clear: both;}
#PNSORTxx .ItemCount {display: block; padding-top: 5px; width: auto;}

.Sel .SELX {display: none;}
.Sel {border-bottom: 1px solid #A4A4A4;	display: block;	position: relative;	height: 23px;	padding-top: 2px;}
.Sel .ItemCount {white-space: nowrap; font-size: 16px;	position: absolute;	left: 500px; top: 3px; padding: 0; margin: 0; color: #515151;} 
.Sel2 .ItemCount {float: none; text-align: center;}

.page-producer #PNSORTxx .SELX  {display: none !important;}
.page-producer #PNSORTxx .Sel {border: none;}

.naviOrder {margin: 10px 0px 3px 0px; padding: 2px 0px;	height: 28px;}
.naviOrder a.DP b, .naviOrder a.DP1 b {display: none} 

.DP, .DP1 {position: relative;}

.displayPaging p a,
.naviOrder a,
.naviOrder span {text-decoration: none; vertical-align: middle; font-size: 13px; font-weight: 600; display: inline-block; min-width: 30px; height: 30px; background: #f2f2f2; color: #808080; line-height: 30px; padding: 0 10px; margin: 0 3px; text-align: center; box-sizing: border-box; }
.displayPaging p a.currpage, .naviOrder span {background: #db0000; color: #fff;}
.displayPaging p a.DP1,
.naviOrder a.DP1 {background: #f2f2f2; margin: 0 3px 0 0; padding: 0; font-size:0;}
.displayPaging p a.DP1:before,
.naviOrder a.DP1:before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent #000 transparent transparent; border-image: none; border-style: solid;	border-width: 6px;	content: "";	height: 0;	left: 6px;	position: absolute;	top: 9px;	width: 0;}

.displayPaging p a.DP,
.naviOrder a.DP {background: #f2f2f2; margin: 0 0 0 3px; padding: 0; font-size: 0;}
.displayPaging p a.DP:before,
.naviOrder a.DP:before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent transparent #000; border-image: none; border-style: solid;	border-width: 6px;	content: "";	height: 0;	right: 6px;	position: absolute;	top: 9px;	width: 0;}

#PNSORTx .displayPaging p, #PNSORTx .Sel, #PNSORTx .displayPaging label, #PNSORTx .displayPaging img, #PNSORTx .displayPaging input, #PNSORTx .ItemCount, #PNSORTxx .displayPaging label, #PNSORTxx .displayPaging img, #PNSORTxx .displayPaging input, #PNSORTxx .displayPaging select, #PNSORTxx .SELX {
	display: inline-block;
}

#PNSORTx label {font-size: 16px; padding-right: 10px; vertical-align: middle; color: #515151;}
.Sel2 .SELX, #PNSORTxx label,
#PNSORTxx select, #PNSORTxx span {display: none !important;}



.sort-up, .sort-down {background: #f2f2f2 !important; margin: 0 0 0 7px; padding: 0; height: 40px; width: 32px; display: inline-block; vertical-align: middle; position: relative; font-size: 0;}
.sort-up img, .sort-down img, .sort-up input, .sort-down input {float: left; height: 100%; width: 100%; opacity: 0; border: none;}
.sort-up:before, .sort-down:before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-style: solid; border-width: 6px;	content: "";	height: 0;	right: 10px;	position: absolute;	top: 9px;	width: 0;}
.sort-up:before {border-color: transparent transparent  #db0000 transparent; top: 12px;}
.sort-up.c-pointer:before {border-color: transparent transparent  #000 transparent;}
.sort-down:before {border-color: #db0000 transparent transparent transparent; top: 18px;}
.sort-down.c-pointer:before {border-color: #000 transparent transparent transparent;}

.displayPaging p a, .naviOrder a, .naviOrder span  {font-size: 16px; height: 40px; min-width: 32px; line-height: 39px; margin: 0 4px;}
.displayPaging p a.DP::before, .naviOrder a.DP::before {top: 14px;}
.displayPaging p a.DP1::before, .naviOrder a.DP1::before {top: 14px;}

#PNSORTxx {position: relative; height: 80px;}
#PNSORTxx .displayPaging  {position: relative;}
#PNSORTxx .displayPaging p {text-align: right;}
#PNSORTxx .ItemCount {font-size: 16px; float:left; position: absolute; left: 0px; top: 15px;} 

/* home-page  */
.SER_I {width: calc(100% - 112px);}
.cWelcomeNews .text {width: 100%;}
.cWelcomeNews .text img {max-width: 100%; }

.NewsInfo div { width: auto; float: none; position: relative;}
.NewsInfo p {width: auto; float: none;}
.NewsName {width: calc(100% - 100px); padding-right: 10px; float: none;}
.NewsInfo span {position: absolute; right: 10px; top: 4px;}

.BestSale {float: none;}
.BestSale div {width: auto; float: none; background: none; position: relative; margin-bottom: 6px;}
.BestSale span {float: none; position: absolute; left: 0;}
.BestSale a {float: none; width: auto; box-sizing: border-box; margin-left: 30px;}

.titleAction {float: none; width: auto;}
.Action {width: 33.33333%; background: none;}
.Action:nth-of-type(3n+1) {clear: left;}
.ActionImg {width: auto;} 

.titleWriteUs {clear: both; width: auto; float: none;}
.News form div:nth-of-type(2) {width: auto !important;}

body.page-home #column3, body.page-home #column3  {display: block; xmargin-left: 320px;}


.cWelcomeNews {background: none; padding-bottom: 60px; margin-top: 0; font-size: 14px; color: #808080; float: left; width: 49%;}
.lbWelcomeNews {color: #db0000; text-transform: uppercase; font-weight: 400; line-height: 24px; font-weight: 400; margin: 0 -11px; padding: 0 11px 0 11px; font-size: 18px;}
.lbWelcomeNews strong {min-height: 50px; display: block; }
.lbWelcomeNews span {display: block; font-size: 14px; font-weight: 600; padding: 10px 0; color: #999999;}
.lbWelcomeNews span:before {content: '\f105'; font-family: 'fontello';	display: inline-block; margin-right: 0px;	margin-right: 4px; font-weight: 400; position: relative; top: -1px;}
.cWelcomeNews:nth-of-type(2n+1) {float: right;}

.cWelcomeNews .text {padding: 0; font-size: 14px;}

.cWelcomeNews .text .nw-txt {height: 93px; line-height: 20px; overflow: hidden;  -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s;}

.cWelcomeNews .text .nw-img:before,
.cWelcomeNews .text .nw-img:after {content: '\f10B'; font-family: 'fontello';	display: inline-block; position: absolute; right: calc(50% - 5px); top: 0px; font-size: 14px;	width: 25px; opacity: .8;	-ms-transform: rotate(90deg);	-webkit-transform: rotate(90deg);	transform: rotate(90deg);}
.cWelcomeNews .text .nw-img:after {top: 6px;}

.cWelcomeNews .text:hover .nw-img:before,
.cWelcomeNews .text:hover .nw-img:after {display: none;}

.cWelcomeNews .text:hover .nw-img:hover:before,
.cWelcomeNews .text:hover .nw-img:hover:after {display: inline-block;}

.cWelcomeNews .text .nw-img {height: 323px; padding-top: 20px; position: relative;}
.cWelcomeNews .text .nw-img iframe {height: 100%; width: 100%; position: absolute; left: 0; top: 20px; max-height: 100%;}
.cWelcomeNews .text img {max-width: 100%; max-height: 323px; width: 100%; height: 323px;}

.cWelcomeNews .text:hover  {position: relative; padding-top: 93px;}
.cWelcomeNews .text:hover .nw-txt  {position: absolute; width: 100%; background: #fff; top: 0; left: 0; overflow: visible; max-height: none; height: auto; z-index: 1;}
.cWelcomeNews .text:hover .nw-img:hover  {position: relative; z-index: 10; background: #fff;}

.cWelcomeNews p {padding: 0px 0px 10px; margin: 0;}

.cWelcomeNews a {color: #000;}
.cWelcomeNews a:hover {text-decoration: none;}    
 
.c-NewsA {background: #fafafa; margin: 0; padding: 20px;}
.c-NewsA:after {content:""; display:block; height: 0; overflow: hidden; clear: both;}
.TitleN  {width: inherit; float: none; height: inherit; background: none;}
.TitleN:before  {content:"Aktu\00E1 ln\00ED  novinky"; font-size: 18px; display: block; text-align: center; padding: 0px 10px 14px 10px; margin: 0; color: #000; text-transform: uppercase; font-weight: 600;}
.NewsA {background: #fff; border: solid 1px #e6e6e6; margin-bottom: 20px; margin-right: 1.85%; float: left; padding: 20px 10px; width: 23.58%; height: 395px; position: relative; cursor: pointer;}
.NewsA:nth-of-type(4n+1) {margin-right: 0;}

.NewsInfo {color: #808080; padding-top: 20px;}
.NewsInfo:after {content:""; height: 0px; display: block; clear: both;}
.NewsInfo div {background: none; padding: 0; margin: 0 14px 0 0; font-size: 14px; overflow: hidden; height: 92px;}
.NewsInfo span {background: none; position: inherit; padding: 0; margin: 0; top: inherit; right: inherit; }
.NewsInfo span:before {content: '\f105'; font-family: 'fontello'; display: inline-block; margin-right: 6px; margin-top: -1px;}
.NewsInfo p {padding: 0px 0 3px 0; margin: 0; height: 55px; width: 100%; position: absolute; left: 0; bottom: 10px; padding: 0 10px; overflow: hidden; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s;}  
.NewsName {color: #db0000; text-transform: uppercase; font-weight: 600; width: auto; display: block; margin: 10px 0; text-decoration: none; line-height: 20px; height: 62px; overflow: hidden; }
.NewsName:hover {text-decoration: none;}
.NewsImg {text-align: center; height: 190px;}
.NewsImg img {max-height: 100%; max-width: 100%;}

.NewsA:hover .NewsInfo p {height: auto; position: absolute; bottom: 0px; left: 0; width: 100%; background: #fff; padding: 10px; }

.c-recom {margin: 0; padding: 0 0 30px 0; border-bottom: solid 1px #e6e6e6;}
.c-recom .catalogVypis {float: none; margin: 0; padding: 0; border: solid 1px #e6e6e6; border-left: none;}
.c-recom .catalogVypis:after {content:""; height: 0; display: block; clear: both; margin-bottom: -1px;}
.c-recom .ProductLine {margin: 0; }
.c-recom .Product {width: 25%; float: left; margin-right: 0 !important; border: solid 1px #e6e6e6; border-top: none; border-right: none; position: relative; padding: 20px; height: 382px;}

.c-recom .Product h3 {padding: 0; margin: 0;}
.c-recom .Product h3 a {padding: 0; }
.c-recom .Product:hover h3 a {padding-bottom: 10px; }
.c-recom .ProductImg {height: 220px; display: block;text-align: center;	margin-bottom: 20px;}
.c-recom .Product img {max-width: 90%; max-height: 100%; cursor: pointer;}
.c-recom .Product strong {float: none !important; position: absolute !important; bottom: 20px; left: 0; height: auto !important; width: 100% !important;	color: #D80000;	font-size: 15px; display: block; font-size: 18px; text-align: center !important;}
.c-recom .Product strong small {font-size: 18px; }
.c-recom .Product strong:after {content:""; height: 0; display: block; clear: both; }   

.TitleDoporucujeme  {width: inherit; float: none; height: inherit; background: none; text-align: center; border-bottom: solid 1px #e6e6e6; margin: 30px 0 20px 0;}
.TitleDoporucujeme:before  {position: relative; z-index: 1; content:"Doporu\010D ujeme z na\0161 \00ED  nab\00ED dky"; background: #fff; font-size: 18px; height: 48px; overflow: hidden; display: inline-block; text-align: center; padding: 10px 20px 0px 20px; margin: 0 0 -5px 0; color: #000; border:solid 1px #e6e6e6; border-bottom: none; border-top: solid 2px #db0000; box-sizing: border-box;}

.strucnyVypis table {width: 100%; }

/* detail-page  */
.DetailImg {width: 50%; margin-right: 0; box-sizing: border-box; padding-right: 15px; float: left;}
.DetailImg .c-dpimg img {max-height: 500px; max-width: 100%;}
.DetailParam {width: 50%; box-sizing: border-box;}
.DetailParam h2 {width: auto;}
.DetailParam span {width: 40%;}
.DetailParam strong {width: 50%;}
.DetailParam .space {width: 100%;}
.DetailParam .dotted {width: calc(100% - 20px);}
.DetailImgVari {width: 100%; float: none;}
.DetailImgVari br {display: none;}
.DetailImgVari a {background: none;}
.compatibility {width: auto; margin-top: 20px;}
.compatibility .freetext table,
.compatibility .freetext iframe {width: 100% !important; margin-bottom: 40px; clear: both;}

body.page-product #column3 {display: block;}
.DownLoad {float: none; width: 100%; box-sizing: border-box;}
.DownLoad div {float:none; background: none;}
.titleRelated {float:none;}

.menu li:last-of-type > ul {left: inherit; right: 0;}

.compatibility .freetext,
.compatibility .freetext p,
.compatibility .freetext span,
.compatibility .freetext li,
.compatibility .freetext font,
.Registrace .RegTextOO
 {font-size: 14px !important; font-family: Open Sans; color: #808080 !important; line-height: initial !important; margin: 0 !important;}
.compatibility .freetext > p {padding: 0 0 14px 0;}
.compatibility .freetext a,
.compatibility .freetext a span,
.compatibility .freetext a font {color: #000 !important; text-decoration: underline;}
.compatibility .freetext a:hover {color: #000 !important; text-decoration: none;}


 
.compatibility .freetext ul {margin-top:10px !important; margin-bottom:10px !important;}
.compatibility .freetext table {border: none !important; margin: 10px 0 !important; border-spacing: 0;}
.compatibility .freetext table tr td {border: none !important; background: #fff !important; border-right: solid 3px #fff !important; padding: 7px 10px !important; vertical-align: middle;}
.compatibility .freetext table tr:nth-of-type(2n+1) td {background: #fafafa !important}

.Detail {position: relative; padding-bottom: 60px;}
.DetailImg .c-dpimg {height: auto;	border: solid 1px #e6e6e6;	position: relative;	display: table;	width: 100%;}
.DetailImg .c-dpimg a {display: block; padding: 15px; text-align: center; height: 100%; min-height: 329px;} 
.DetailImg .c-dpimg .pr-att  {top: 20px; left: 20px;}

.DetailImg span {display: none; }

body.page-product .c-action {xmargin-left: 320px; }

.DetailParam {padding:0; background: none;  width: 48%; float: right; display: table; font-size: 16px;}
.DetailParam .dp-info-tbl {display: table; width: 100%;}
.dp-info-tbl > div {position: relative; display:table-row; }

.dp-info-tbl > div:after {content:""; display: block; height: 0; width: 100%; box-sizing: border-box; clear: both; overflow: hidden;}
.dp-info-tbl > div span, .DetailParam > div strong {color: #808080; padding: 0; margin: 0; display: table-cell; float: none; height: 46px;}
.dp-info-tbl > div strong.bt-avail {height: 40px;}

.Detail div.dp-code {color: #808080; font-weight: 400; padding: 0 0 20px 0; margin: 0; width: 100%; font-size: 16px;}
.Detail div.dp-code span {padding: 0 10px 0 0;}
.Detail div.dp-code strong {font-weight: 400;}

.dp-info-tbl strong a {color: #000; font-weight: 400; text-decoration: underline;}
.dp-info-tbl strong a:hover {text-decoration: none;}

.dp-info-tbl strong.ColO {font-size: 16px;  color: #64b900;}
.dp-info-tbl strong.Col1 {font-size: 16px;  white-space: nowrap;}
.dp-info-tbl strong.Col1 small {font-size: 16px;}
.dp-info-tbl strong.Col2 {font-size: 24px; color: #db0000; white-space: nowrap;}
.dp-info-tbl strong.Col2 small {font-size: 24px; }


.dp-info-tblstrong.bt-avail a {white-space: nowrap; display: inline-block; width: 100%; border: solid 1px #e6e6e6; background: #999999;  text-align: center; font-size: 14px; color: #fff; text-align: center; text-transform: uppercase; line-height: 40px; color: #fff; font-weight: 600; text-decoration: none;}
.dp-info-tbl .dp-avail {height: 45px; }
.dp-info-tbl .space {height: 30px; }

#dwda {display: inline-block;	z-index: 2; color: #000; text-decoration: underline; white-space: nowrap; padding-left: 25px;}
.dp-wdog {position: relative;	margin-top: 12px; display: inline-block; width: auto;}
.dp-wdog:before {content: '\e824'; display: inline-block; font-family: fontello;	padding-right: 10px; text-decoration: none;	position: absolute;	top: 3px;	left: 0; color: #000;}
#dwda:hover {text-decoration: none}

.dp-recyclingFee {font-size:14px;}

.DetailParam div.dp-amount {position: relative; height: 50px; margin-top: 65px;}

.DetailParam .dp-amount .BUY span:before {color: #fff; content: "\f10e"; font-family: fontello; font-size: 24px; font-weight: 400; line-height: 48px;	display: inline-block; height: 100%; text-align: center; padding-right: 14px;}
.DetailParam .dp-amount .BUY {color: #fff; font-size: 18px;	font-weight: 700;	line-height: 48px; text-align: center;	text-transform: uppercase; top: 0; right: 0; border: solid 1px #e6e6e6;	background: #64b900; position: absolute;	width: calc(100% - 90px);}
.DetailParam .dp-amount .BUY span {color: #fff; }
.DetailParam div.dp-amount input {position: absolute; top: 0; left: 0; height: 50px; width: 70px; font-size: 18px; text-align: center;}

.DetailImgVari {clear: both; float: none; border: none; text-align: left; padding-top: 10px;}
.DetailImgVari:after {content:""; display: block; height: 0; width: 100%; box-sizing: border-box; clear: both; overflow: hidden;}
.DetailImgVari a {box-sizing: border-box; height: 62px; width: 62px; border: solid 1px #e6e6e6; padding: 5px; margin: 10px 10px 0 0; text-align: center; display: inline-block;}
.DetailImgVari a:last-of-type {margin-right: 0;}

.DetailImgVari a img {xheight: 100px ;}
.c-action {xmargin-left: 320px ;}

.dotted, #dpa, #dsa, span.OR_Ex {display: none !important;}


.titleRelated  {width: inherit; float: none; height: inherit; background: none; text-align: center; border-bottom: solid 1px #e6e6e6; margin: 30px 0 20px 0;}
.titleRelated:before  {content:"Souvisej\00ED c\00ED  zbo\017E \00ED"; background: #fff; font-size: 18px; height: 48px; overflow: hidden; display: inline-block; text-align: center; padding: 10px 20px 0px 20px; margin: 0 0 -5px 0; color: #000; border:solid 1px #e6e6e6; border-bottom: none; border-top: solid 2px #db0000; box-sizing: border-box;}

.DownLoad  {width: inherit; float: none; height: inherit; background: none; text-align: center;  margin: 30px 0 20px 0; xmargin-left: 320px;}
.DownLoad:before  {min-width: 153px; content:"Odkazy"; background: #fff; font-size: 18px; height: 48px; overflow: hidden; display: inline-block; text-align: center; padding: 10px 20px 0px 20px; margin: 0 0 -5px 0; color: #000; border:solid 1px #e6e6e6; border-bottom: none; border-top: solid 2px #db0000; box-sizing: border-box;}
.DownLoad div {width: unset; xborder-top: solid 1px #e6e6e6; text-align: left; padding: 6px 11px;}
.DownLoad div:first-of-type {border-top: solid 1px #e6e6e6; padding-top: 22px;}
.DownLoad div:after {content:""; display: block; height: 0; width: 100%; box-sizing: border-box; clear: both; overflow: hidden;}
.DownLoad div span {background: none; display: inline-block; float: none; position: relative;  height: 6px; width: 10px; vertical-align: middle; margin-right: 6px;}
.DownLoad div span:before {content:""; display: inline-block; height: 6px; width: 6px; border-radius: 10px; background: #999999; vertical-align: middle; position: absolute;}
.DownLoad a {float: none; width: unset; display: inline-block; text-align: left; vertical-align: middle; text-decoration: underline; color:#808080; font-size: 14px;}
.DownLoad a:hover {text-decoration: none;}

.titleAction  {width: inherit; float: none; height: inherit; background: none; text-align: center; border-bottom: solid 1px #e6e6e6; margin: 30px 0px 20px 0px;}
.titleAction:before  {content:"Ak\010D n\00ED  nab\00ED dka"; background: #fff; font-size: 18px; height: 48px; overflow: hidden; display: inline-block; text-align: center; padding: 10px 20px 0px 20px; margin: 0 0 -5px 0; color: #000; border:solid 1px #e6e6e6; border-bottom: none; border-top: solid 2px #db0000; box-sizing: border-box;}

.c3-action {float: none;	margin: 0 0 11px 0; padding: 0;	border: solid 1px #e6e6e6;	border-left: none; }
.c3-action:after {content:""; display: block; height: 0; width: 100%; box-sizing: border-box; clear: both; overflow: hidden; margin-bottom: -1px;}

.c-related {xmargin-left: 320px;}
.dp-related {border: solid 1px #e6e6e6; border-left: none;}
.dp-related:after {content:""; display: block; height: 0; width: 100%; box-sizing: border-box; clear: both; overflow: hidden; margin-bottom: -1px;}

.Action {width: 25%; border: solid 1px #e6e6e6; border-top: none; border-right: none; padding: 20px; position: relative; box-sizing: border-box; float:left;}
.Action:nth-of-type(3n+1) {clear: none;}
.ActionImg {width: auto;}
.ActionImg {height: 220px;	margin: 0; text-align: center; margin-top: 95px; margin-bottom: 50px;}
.ActionImg img {max-width: 90%;	max-height: 100%; cursor: pointer;}

.ActionInfo {padding: 0; margin: 0; box-sizing: border-box;}
.ActionInfo a {background: rgba(255, 255, 255, 0.9); color: #000000; text-align: left; font-weight: 600; line-height: 23px; display: block; height: 70px; overflow: hidden; position: absolute; top: 20px;	font-size: 16px; text-decoration: none; padding-right: 20px; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s;}
.ActionInfo a:hover {text-decoration: none; color: #db0000; height: auto;}
.Action:hover .ActionInfo a {text-decoration: none; color: #db0000; height: auto;}
.ActionInfo p {display: none;}
.ActionInfo strong {text-align: center;	position: absolute;	bottom: 20px;	right: 15px;	height: auto;	font-weight: 600;	width: 100%; right: 0; font-size: 18px;	color: #D80000;}
.ActionInfo strong small {font-size: 18px; } 

.c-dpcompatibility .TitleKompatibilita  {width: inherit; float: none; height: inherit; background: none; text-align: center; border-bottom: solid 1px #e6e6e6; margin: 30px 0px 20px 0px;}
.c-dpcompatibility .TitleKompatibilita:before  {content:"Kompatibilita"; background: #fff; font-size: 18px; height: 48px; overflow: hidden; display: inline-block; text-align: center;  padding: 10px 20px 0px 20px; margin: 0 0 -5px 0; color: #000; border:solid 1px #e6e6e6; border-bottom: none; border-top: solid 2px #db0000; box-sizing: border-box;}

/* pop-up  */

.BASKET {position: absolute; z-index: 100; left: 50% !important; top: 270px !important; transform: translate(-50%, 0); width: 398px;  min-width: 300px; background: #fff;}
.page-category .BASKET, .page-producer .BASKET {position: fixed; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); width: 398px;  min-width: 300px; background: #fff;}
.BASKET p {background: #f4f4f4; color: #000; font-size: 14px; font-weight: 600; height: 59px; text-align: left; padding: 10px 45px 0 56px; margin: 0; position: relative;}
.BASKET p:before {content:""; height: 30px; width: 30px; display: inline-block; border-radius: 30px; background: #64b900; position: absolute; left: 14px; top: 14px;}
.BASKET p:after {content:"\E801"; font-family: fontello; font-size: 14px; position: absolute; left: 22px; top: 21px; color: #fff;}
.BASKET p br {display:inline-block;}
.BASKET a.fleft {position: absolute; top: 0; right: 0; height: 59px; width: 42px;}
.BASKET a.fleft:before {content: "\e800"; font-family: 'fontello'; position: absolute; right: 9px; top: 9px; height: 23px; width: 23px;	font-size: 23px; color: #808080;}
.BASKET a.fleft img {display: none;}
.BASKET a.fright {position: relative; display: block; float: none; border: solid 1px #e6e6e6; background: #64b900; color: #fff; height: 40px; text-align: center; font-size: 14px; font-weight: 700; line-height: 40px;	}
.BASKET a.fright:before {content: "obsah ko\0161 \00ED ku"; display: inline-block;	width: 100%; text-align: center; text-transform: uppercase;}
.BASKET a.fright img {display: none;}
.BASKET .line-bt {margin-top: 20px;}

.BASKET table {width: 100%; margin: 20px 0 0 0px; position: relative;}
.BASKET .bpu-count {vertical-align: middle; padding-left: 14px; width: 40px;}
.BASKET .bpu-count span {width: 44px; width: 40px; display: inline-block; vertical-align: middle; text-align: center;}
.BASKET .bpu-count span span {display: table-cell; vertical-align: middle; text-align: center; font-size: 16px;}
.BASKET .bpu-img {width: 60px;}
.BASKET .bpu-img span {height:70px; width: 60px; display: inline-block; vertical-align: middle; border: solid 1px #e9e9e9; text-align: center;}
.BASKET .bpu-img span span {height: 69px; width: 59px; display: table-cell; vertical-align: middle; text-align: center; border: none;}
.BASKET .bpu-img span img {max-height: 90%; width: 90%;}
.BASKET .bpu-name {text-align: left; padding-left: 10px; vertical-align: top; }
.BASKET .bpu-name span {display: block; min-height: 40px; padding-right: 10px; text-transform: uppercase; font-size: 14px;}
.BASKET .bpu-price {font-size: 16px; font-weight: 700; color: #db0000; padding-top: 10px;}
.BASKET .bpu-price small, .BASKET .bpu-price strong {font-size: 16px; font-weight: 700;}


#avaibilitybox iframe {display: none;}
#avaibilitybox p.pAvail {padding-top: 20px;}
#avaibilitybox #result {background: #f4f4f4; color: #000; font-size: 14px; font-weight: 600; text-align: left; padding: 10px 45px 10px 56px; margin: 0; position: relative;}

#avaibilitybox .SendRequest {position: relative; display: block; border: solid 1px #e6e6e6;	background: #64b900; color: #fff;	height: 40px;	text-align: center;	font-size: 14px; font-weight: 700; line-height: 40px;}
#avaibilitybox .SendRequest:after {content: "odeslat"; display: block; color: #fff; height: 100%; width: 100%;  text-align: center;	text-transform: uppercase;}
#avaibilitybox .SendRequest input {position: absolute; left: 0; top: 0; opacity: 0; height: 100%; width: 100%;}

#avaibilitybox span.bt-close {position: absolute; top: 0; right: 0; height: 59px; width: 42px; cursor: pointer;}
#avaibilitybox span.bt-close:before {content: "\e800"; font-family: 'fontello'; position: absolute; right: 9px; top: 9px; height: 23px; width: 23px; font-size: 23px; color: #808080;}
#avaibilitybox span.bt-close img {position: absolute; top: 0; right: 0; height: 59px; width: 42px; opacity: 0;}
#avaibilitybox .av-content {padding: 15px 45px 15px 56px; }
#avaibilitybox .av-content span {font-size: 14px; padding-right: 10px;}
#avaibilitybox .av-content input {width: 40px; text-align: center;}


#avaibilitybox .line-bt {margin-top: 0;}

/* basket-page */

table.Order {width: 100%;}
.c-OrderSazba { width: auto !important;	margin-top: 20px;	border: solid 1px #e6e6e6;	padding: 15px;	margin-bottom: 40px;	position: relative;}
table.Order .Amount {white-space: nowrap;}

.InfoBuy {background: none;} 
.InfoB {position: relative; margin-bottom: 30px; border: solid 1px #e6e6e6; float: left; width: 48%; padding: 25px 25px 30px 25px; min-height: 283px; }
.InfoB center {position: absolute; width: 100%; bottom: 30px; left: 0;}
.Registrace .InfoB:last-of-type {margin-bottom: 20px; float: right;}

 
.inicialy3Del {width: initial !important;}
.LG1DELSEL {width: 92% !important;}
.ListDelAdr {width: 100% !important;}  
      

/*@media(max-width: 863px) {*/
.menu li:nth-of-type(2) {display: none;}

.PartnerskeProdejny {padding: 40px 0 0 0;}
.PartnerskeProdejny h2 {font-size: 20px; color: #000; font-weight: 600;}
.PartnerskeProdejny p strong {font-size: 16px; font-weight: 600;}
.PartnerskeProdejny div {padding-bottom: 20px;}
.PartnerskeProdejny .pp-info {float: right; width: 48%;}
.PartnerskeProdejny .pp-map h2,
.PartnerskeProdejny .pp-map p.mapa {width: 48%;}

.PartnerskeProdejny, .PartnerskeProdejny div, .PartnerskeProdejny p, .PartnerskeProdejny p strong, .PartnerskeProdejny .mapa {text-align: center; }
#vybrany_kraj  {float: none; text-align: center; width: 100% !important; margin-top: 10px;}
.PartnerskeProdejny div strong {float: none; text-align: center; width: inherit !important;}

/*}*/

/*@media(max-width: 799px) {*/
.AREA {margin-right: 20px;}
.News form div:nth-of-type(2) {float: none !important;}

/* basket-page */ 
table.Order tr:first-of-type td {display: none;}
table.Order tr td:last-of-type {border-bottom: solid 1px black; background: none;}
table.Order td {display:block; width: auto; text-align: center; height: auto; padding: 7px 10px;}
table.Order td.Code:before {content:"K\00f3 d:\00a0";}
table.Order td.Name:before {content:"N\00e1 zev:\00a0";}
table.Order td.Name a {display: inline; color: #000; text-decoration: underline; }
table.Order td.Name a:hover {text-decoration: none; }
table.Order td.Amount:before {content:"Mno\017E stv\00ED :\00a0";}
table.Order td.Amount p {display: inline-block; float: none; vertical-align: middle; top: 1px; margin-right: 10px;}
table.Order td.Amount input {display: inline; float: none; vertical-align: middle;}

table.Order td.Price.COL:before {content:"Cena/kus :\00a0"; font-weight: 400; font-size: 13px;}
table.Order td.Price.COL1:before {content: "Celkem :\00a0"; font-weight: 400; font-size: 14px; color: #808080;}

table.OrderSazba td {font-size: 16px; font-weight: 400; padding: 4px 0px;	text-align: left;}

table.OrderSazba .Rounding.xPrice {text-align: right;}
table.OrderSazba tr:first-of-type td {color: #000;}
table.OrderSazba tr:first-of-type td:first-of-type {text-align: left;}
table.OrderSazba tr:first-of-type td:last-of-type {text-align: right;}
table.OrderSazba td small {font-size: 16px; font-weight: 400;}
table.OrderSazba td.Price.COL1Sazba {color: #db0000; font-size: 28px; font-weight: 600; vertical-align: bottom; padding: 15px 0; margin: 10px 0; text-align: right;}
table.OrderSazba td.Price.COL1Sazba small {font-size: 28px; font-weight: 600; }
table.OrderSazba td.Price.COL1Sazba:before {font-size: 16px; font-weight: 400; padding-bottom: 4px; display: block}

table.OrderSazba td.Rounding.Name:after {content:"\00a0 s dan\00ED :\00a0"; display: inline-block;}
table.OrderSazba td.Rounding.Name:after {content:":\00a0"; display: inline-block;}

div.Suma {border: 1px solid #E6E6E6; padding: 20px 15px 17px 15px; margin-top: 20px;}
div.Suma:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}
div.Suma span {float: right; font-size: 16px;}
div.Suma a {display: block; text-decoration: underline; display: inline-block; margin-top: 3px; padding: 0; font-weight: 400; font-size: 16px; color: #db0000; text-decoration: none;}
div.Suma a:hover {text-decoration: underline;}
div.Suma a:before {content: "\e800"; font-family: 'fontello';	display: inline-block; width: 23px;	font-size: 20px; color: #D80000; text-decoration: none;	vertical-align: middle;	font-weight: 400;	position: relative;	top: -2px;}

.Suma strong {font-size: 18px; color: #000;	font-weight: 600;}
.Suma strong small {font-size: 18px;}
.bt-order {text-align: right;}
.send-order {display: inline-block; border: solid 1px #e6e6e6; background: #64b900; color: #fff; height: 50px; text-align: center; font-size: 16px; font-weight: 700; line-height: 48px; width: 250px;}
.send-order:before {content:"Objednat"; display: inline-block; width: 100%; text-align: center; text-transform: uppercase; }
.send-order img {display: none;}

.ProductInfo .axbuy span img {display: none;}
#column3 .HdPrc button {display: block; border: solid 1px #e6e6e6;	background: #999999;	color: #fff;	height: 40px;	text-align: center;	font-size: 14px;	font-weight: 700;	max-width: 100%;	margin-top: 20px;  text-transform: uppercase;}

.displayPaging a:hover {color: #D80000;	text-decoration: none;}

/* basket-page */
.BG_Ex {background: none !important;}  
.page-basket #column2_Ex {padding-bottom: 50px;}
.TitleOrder {background: none; text-align: left; width: inherit; height: inherit;} 
.TitleOrder:before  {content:"Va\0161 e objedn\00E1 vka";}

table.Order tr td {background: none; text-align: left; padding: 0;}
table.Order tr td:last-of-type {border: none;}
table.Order tr {display: block; border: solid 1px #e6e6e6; border-bottom: none; position: relative; height: 140px; box-sizing: border-box;}
table.Order tr:last-of-type {border-bottom: solid 1px #e6e6e6;}
table.Order tr:first-of-type {display: none;}

table.Order td.Name {position: absolute; top: 15px; left: 15px; height: 43px; overflow: hidden; text-align: left; padding: 0 50px 0 0;}
table.Order td.Name:before {display: none;}
table.Order td.Name a {font-size: 18px; text-decoration: none; font-weight: 400; line-height: 18px;}
table.Order td.Name a:hover {text-decoration: underline;}

table.Order tr td.Code {position: absolute; top: 40px; left: 15px; overflow: hidden; text-align: left; padding: 0; color: #808080; font-weight: 400;}

table.Order td.Price.COL1 {position: absolute; bottom: 11px; right: 15px;	font-size: 16px; font-weight: 600; color: #000;}
table.Order td.Price.COL1 small {font-size: 16px; font-weight: 600;}
table.Order td.Price.COL {position: absolute; bottom: 40px; right: 15px; font-size: 14px; font-weight: 600;}
table.Order td.Price.COL small {font-size: 14px; font-weight: 600;}

table.Order td.RecyclingFee {position: absolute; bottom: 61px; left: 15px; font-size: 12px;}

table.Order .RecyclingFee_price {font-size: 14px; font-weight: 600;}


table.Order td.Amount {margin-top: 83px; padding-left: 15px;}
table.Order td.Amount:before {display: none;}

table.Order td.Amount .spanORD3 {position: absolute; right: 10px; top: 10px; height: 23px; width: 23px; box-sizing: border-box; border-radius: 25px; }
table.Order td.Amount .spanORD3:before {content: "\e800"; font-family: 'fontello'; position: absolute; left: 0; top: 0; height: 23px; width: 23px; font-size: 23px; color: #808080;}
table.Order td.Amount .spanORD3 input {position: absolute; left: 0px; top: 0px; height: 23px; width: 23px; box-sizing: border-box; overflow: hidden; opacity:0;}
table.Order td.Amount form {height: 40px; width: 79px; box-sizing: border-box; overflow: hidden; border: solid 1px #dbdbdb;}

table.Order td.Amount form p {height: 40px; width: 38px; box-sizing: border-box; float: left; left: 0; top: 0; margin: 0; border: none;}
table.Order td.Amount form p input {text-align: center; eight: 40px; width: 38px !important; box-sizing: border-box; float: left; left: 0; top: 0; margin: 0; border: none; font-family: "Open Sans"; font-size: 14px; color: #808080; font-weight: 400; background: #fff;}
table.Order td.Amount form .spanORD2 {height: 40px; width: 38px; box-sizing: border-box; float: right; border-left: solid 1px #dbdbdb; background: #fafafa; position: relative;}
table.Order td.Amount form .spanORD2:before {content:"\e801"; font-family: fontello; position: absolute; top: 13px; left: 11px; color: #c6c7cc;}
table.Order td.Amount form .spanORD2 input {width: 100%; height: 100%; left:0; top: 0; opacity:0;}

table.Order td.Price.COL:before {font-size: 12px;}

/*@media(max-width: 749px) {*/
.SEPOff {display: none;}
#column2, #column2_Ex {float: none; width: auto; left: 0; padding: 0 11px; top: inherit;}

.naviMenu { padding: 0; margin: 0; border-bottom: solid 1px #e6e6e6; font-size: 14px; color: #000; xbackground: #fafafa; }
.naviMenu li {display: inline-block;}
.naviMenu li a:after {content: '\f10A';	font-family: 'fontello'; color: #000;	display: inline-block; position: relative; left: 0px;	top: -1px; font-size: 10px;	width: 25px; opacity: 0.5;  transform: rotate(180deg);  margin-top: -1px;}
.naviMenu li a, .naviMenu li strong {display: block; text-decoration: none; font-weight: 400; background: none; padding: 13px 15px 8px 0px; color: #515151; }
.naviMenu li a:hover {color: #000;}
.naviMenu li:last-of-type a:after {display: none;}

#column3 {float: none; width: auto; left: 0; padding: 0;}

#column3 .titleWriteUs {display: none;}
#column3 .News {display: none;}
#column3 .BestSale {display: none;}

.c-userInfo {position: absolute; right: 20px; top: 95px; height: 25px; width: 25px;}
.c-userInfo .userInfo-bt {position: absolute; top: 0; left: 0; height: 25px; width: 25px; cursor: pointer;}
.userInfo-bt:before {content: '\f107'; font-family: 'fontello'; color: #999999; display: inline-block; position: absolute; left: 0px; top: 0px; font-size: 26px;}
.userInfo {box-shadow: 2px 4px 4px rgba(2, 8, 4, 0.2);	margin: auto;	display: none;	width: 220px;	background: #fff;	border: solid 1px #e6e6e6;	position: absolute;	left: inherit; right: -20px;	top: 43px;	padding: 15px;	z-index: 20;	/* color: #1f1f1f; */	/* border-radius: 3px; */	color: #000000;}
.userInfo:before {border: medium solid transparent;	border-bottom-color: #e6e6e6;	border-width: 12px;	top: -24px;	right: 19px;	content: " ";	height: 0;	position: absolute;	width: 0;}
.userInfo:after {border: medium solid transparent;	border-bottom-color: #fff;	border-width: 11px;	top: -22px;	right: 20px;	content: " ";	height: 0;	position: absolute;	width: 0;}

.userInfo li {display: block; float: none; width: auto; padding: 6px 0; position: relative;}
.userInfo li:before {position: absolute; left: 0; top: 13px; content:""; height: 5px; width: 5px; border-radius: 10px; background: #999999; display: inline-block; vertical-align: middle; margin-right: 6px;}
.userInfo li a,
.userInfo li button {width: 100% !important; text-align: left !important; border: none; background: transparent; text-transform: uppercase; text-decoration: none; display: block; float: none; width: auto; background: none; color: #808080; font-size: 14px !important; padding: 0 0 0 16px; font-family: 'Open Sans', sans-serif;}
.userInfo li a:hover, .userInfo li button:hover {text-decoration: underline;}

.userInfo .UI_Ex {display: block; float: none; width: auto; padding: 4px 0 !important; position: relative; background: none; font-weight: 600;}
.userInfo .UI_Ex a {float: none; width: auto; background: none; color: #808080; font-size: 12px; padding: 0 0 0 16px; font-family: 'Open Sans', sans-serif;}

.multiLang {position: absolute; top: 27px; right: 255px; width: 55px;	height: 28px; z-index: 20;}
.multiLang ul {padding: 0; margin: 0;	list-style-type: none;}
.multiLang ul {height: 100%; padding: 26px 0 0 0;  margin: 0; border: solid 1px #f4f4f4;	background: #fff;	width: 100%; position: absolute; top: 0px; left: 0px;	cursor: pointer; box-sizing: border-box;}
.multiLang ul li, .multiLang ul li:first-of-type {display: none; float: none;	background: white; border-left: solid 1px #f4f4f4; border-right: solid 1px #f4f4f4;	margin-left: -1px; margin-right: -1px; width: 39px; height:28px; }
.multiLang ul li {border-bottom: solid 1px #f4f4f4;	box-shadow: 2px 8px 10px rgba(2, 2, 2, 0.26);	position: relative;	z-index: 10;}

.multiLang ul li a {float: none; display: block; height: 100%; width: 100%; box-sizing: border-box; margin: 0; padding: 0; border-top: solid 2px #e6e6e6;}
.multiLang ul li span { display: block; height: 100%; width: 100%; box-sizing: border-box; margin: 0; padding: 0;}
.multiLang ul li svg {height: 26px !important; width: 39px !important;}

.multiLang ul li.active {box-shadow: none; position: absolute; z-index: 200; top: 0;	left: 1px;	width: 100%;  height: 26px;	display: block !important; border: none;}

.multiLang ul li.active:after {border-color: #808080 transparent transparent; border-style: solid;	border-width: 4px; content: " "; display: block; height: 0;	position: absolute;	right: 3px;	top: 13px;	width: 0;}
.multiLang ul li.active:before {content: " "; display: block; height: 26px;	position: absolute;	right: 13px;	top: 0px;	width: 1px; background: #f4f4f4;}


/* article-page  */

.InfoBoxDesc {color: #808080; padding-bottom: 40px; font-size: 14px; font-family: Open Sans;}
.InfoBoxDesc p, .InfoBoxDesc span, .InfoBoxDesc font, .InfoBoxDesc strong, .InfoBoxDesc ul, .InfoBoxDesc ol,  .InfoBoxDesc li {color: #808080 !important; font-size: 14px !important; font-family: Open Sans !important;}
.InfoBoxDesc a {color: #000 !important; font-size: 14px !important; font-family: Open Sans !important; text-decoration: underline;}
.InfoBoxDesc a:hover {color: #000 !important; font-size: 14px !important; font-family: Open Sans !important; text-decoration: none;}
.InfoBoxDesc h3 {color: #000 !important; font-size: 15px !important; font-family: Open Sans !important; text-transform: uppercase;}
.InfoBoxDesc h4 {color: #000 !important; font-size: 14px !important; font-family: Open Sans !important; text-transform: uppercase;}
.InfoBoxDesc h2 {background: none; color: #000 !important;  font-size: 16px !important; font-family: Open Sans; text-transform: uppercase; padding: 19px 0 17px 0; margin:0; line-height: 20px;  box-sizing: border-box;}
.InfoBoxDesc blockquote  {padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important;}

.InfoBoxDesc ul {padding: 0; margin: 30px 0 20px 0;}
.InfoBoxDesc ul li {display: block; padding: 2px 11px 4px 27px; background: none; position: relative;}
.InfoBoxDesc ul li:before {content: ""; display: inline-block; height: 6px; width: 6px; border-radius: 10px; background: #999999; position: absolute; left: 11px; top: 9px;}
.InfoBoxDesc ul li a {display: inline-block; vertical-align: middle; text-decoration: none; color: #000; font-size: 14px; text-decoration: underline;}
.InfoBoxDesc img, .InfoBoxDesc table, .InfoBoxDesc iframe {max-width: 100%;} 

/* footer  */
#containerFooter  {background: #808080; color: #fff; padding: 15px; text-align: center; height: auto;}
#containerFooter  a.copyright {position: relative !important; width: auto !important; display: inline-block; height: auto !important; color: #fff; clear: both;}
#containerFooter  a.copyright:before {display: inline-block; color: #fff; content:"Provozov\00E1 no na syst\00E9mu ShopCentrik"; display: block; font-size: 10px;margin-top: 15px;}
#containerFooter:before {content: '\e810'; font-family: 'fontello'; color: #e3e3e3; display: inline-block; xposition: absolute; xleft: 65px; xtop: 35px; font-size: 67px; padding-bottom: 15px;}

#fb-line {background: #db0000; color: #fff; margin: 0; height: 67px; text-align: center;}
#fb-line a {color: #fff; text-decoration: none; display: inline-block;} 
#fb-line a:after {content:"Sledujte n\00E1 s na Facebooku"; font-size: 16px; display: inline-block; text-align: center; padding: 0px 10px 16px 10px; margin: 0; line-height: 67px; }
#fb-line a:before {content: '\f106'; font-family: 'fontello'; display: inline-block; margin: -4px 0 0 0px; font-size: 34px; vertical-align: middle;}

.TitleOrderPUIS {background: none; text-align: left; width: auto; height: auto;} 
.TitleOrderPUIS:before  {text-align: center; content:"Chcete si sv\00E9  zbo\017E \00ED  vyzvednout je\0161 t\011B  dnes?"; font-weight: 600; text-transform: uppercase; font-size: 20px; display: block; padding: 0px 0px 10px 0px; margin: 0; color: #000;}

.TitleOrderEx {background: none; text-align: left; width: auto; height: auto;} 
.TitleOrderEx:before  {text-align: center; content:"Chcete dodat sv\00E9  zbo\017E \00ED  na v\00E1 mi uvedenou adresu?"; font-weight: 600; text-transform: uppercase; font-size: 20px; display: block; padding: 0px 0px 10px 0px; margin: 0; color: #000;}
.InfoB p {min-height: 0; text-align: justify; font-size: 14px;}
 
.BtOrderPUIS, .BtOrderEx {display: inline-block; border: solid 1px #e6e6e6; background: #999999; color: #fff;	height: 40px; text-align: center; font-size: 14px; font-weight: 700; line-height: 40px;	width: 300px; max-width: 100%; margin-top: 20px;}
.BtOrderEx {width: 200px;}
.BtOrderPUIS img, .BtOrderEx img {display: none;}
.BtOrderPUIS:before {content: "OBJEDNAT PICK UP IN STORE"; display: inline-block; width: 100%; text-align: center;} 
.BtOrderEx:before {content: "OBJEDNAT"; display: inline-block; width: 100%; text-align: center;}

.TitleLogin:before  {text-align: center; content:"P\0159 ihl\00E1 \0161 en\00ED  u\017E ivatele";}

.Login .new-user {font-size: 14px; line-height: 25px; padding: 20px; min-height: 333px; margin-top: 0; float: right; width: 49%; border: solid 1px #e6e6e6; position: relative; overflow: hidden;}
.Login .new-user:after {content: '\f107'; font-family: 'fontello';	position: absolute;	top: 150px;	right: 60px;	color: #e3e3e3;	font-size: 151px;	opacity: .4;}
.Login .new-user:before {content: '+';	border-radius: 50%;	position: absolute;	top: 140px;	right: 44px;	color: #e3e3e3;	opacity: .4;	height: 60px;	width: 60px;	text-align: center;	font-size: 70px;	line-height: 56px;	font-weight: 700;}
.Login .reg-user::after {content: '\e803';	font-family: fontello;	font-size: 50px;	position: absolute;	top: 20px;	right: 98px;	color: #e3e3e3;	transform: rotate(-125deg);	opacity: .4;}
.Login .reg-user:before {content: '\f512';	font-family: fontello;	font-size: 70px;	position: absolute;	top: 10px;	right: 20px;	color: #e3e3e3;	transform: rotate(90deg);	opacity: .4;}

.Login {padding-bottom: 50px;}
.Login h2 {color: #db0000; text-transform: uppercase; font-size: 20px; font-weight: 600; padding: 0 0 20px 0; margin: 0;}
.Login h3 {font-size: 16px; font-weight: 600; padding: 30px 0 15px 0; margin: 0;}
.Login h4 {font-size: 15px; font-weight: 600; padding: 10px 0 10px 0; margin: 0;}
.Login .nu-info p {margin: 0; padding: 0;}
.Login ul {padding: 0 0 0 20px; margin: 0;}
.Login:after {content:""; display: block; height: 0; overflow: hidden; clear: both;}
.Login a {color: #000; text-decoration: underline; }
.Login a:hover {text-decoration: none;}
.Login .reg-user {border: solid 1px #e6e6e6; padding: 20px; max-width: 100%; float: left; width: 49%; position: relative;}
.Login .reg-user a.Info {display: inline-block; margin-top: 30px; font-size: 14px;  } 
.Login div br {display: none;}

.Login div p.INP {border: none; padding: 0 !important; float: none; width: 100% !important; width: 340px; margin: 0 0 10px 0;}
.Login div .SER_N {color: #808080; background: #fafafa; font-size: 14px;	font-family: Open Sans;	border: solid 1px #dbdbdb;	width: 100% !important;	height: 40px;	box-sizing: border-box; float: none; margin-bottom: 0px;} 

.Login div label {float: none; padding: 12px 0 5px 0; font-size: 14px; left: 0; top: 0; margin: 0; display: inline-block;}

.Login .bt-login {position: relative; display: inline-block; border: solid 1px #e6e6e6;	background: #999999; color: #fff;	height: 40px;	text-align: center;	font-size: 14px;	font-weight: 700;	line-height: 40px;	width: 300px;	max-width: 100%;  width: 50%;	margin: 20px 0 9px 0;  float: right;}
.Login .bt-login:before {content: "p\0159 ihl\00E1 sit"; display: inline-block;	width: 100%;	text-align: center;  text-transform: uppercase;}
.Login .bt-login input {position: absolute; top: 0; left:0; height: 100%; width: 100%; opacity: 0;}
.Login.lost-pass .LoginText {font-size: 14px;	margin: 0;	padding: 0 0 20px 0;}
.Login.lost-pass {border: solid 1px #e6e6e6;	padding: 20px;	width: 50%;}


.TitleLost {background: none; text-align: left; width: inherit; height: inherit;} 
.TitleLost:before  {content:"Zapomenut\00E9  heslo";}
.Login .bt-send {position: relative; display: inline-block; border: solid 1px #e6e6e6;	background: #999999; color: #fff;	height: 40px;	text-align: center;	font-size: 14px;	font-weight: 700;	line-height: 40px;	width: 300px;	max-width: 100%;  width: 50%;	margin: 20px 0 9px 0;  float: right;}
.Login .bt-send:before {content: "ode\0161 li"; display: inline-block;	width: 100%;	text-align: center;  text-transform: uppercase;}
.Login .bt-send input {position: absolute; top: 0; left:0; height: 100%; width: 100%; opacity: 0;}

.TitleRegistrace {background: none; text-align: left; width: inherit; height: inherit;} 
.TitleRegistrace:before  {content:"Registrace nov\00E9 ho u\017E ivatele"; }

.Registrace {padding-bottom: 40px;}
.Registrace .importantRegular {font-size: 14px;}
.Registrace .importantNormal {font-size: 14px; padding: 40px 0 0 0;}
.Registrace .importantNormal a {color: #000; text-decoration: underline;}
.Registrace .importantNormal a:hover {text-decoration: none;}
.Registrace #pickup_select {margin-top: 40px;}
.Registrace #pickup_select:after  {content:""; height: 0; overflow: hidden; clear: both; display: block;}
.inicialy {text-align: right; padding-right: 10px;}
.Registrace .logout-news img {margin-top: 4px;}
.Registrace .titleR {font-size: 20px; margin: 40px 0px 20px 0; font-weight: 600; color: #db0000; background: none; border-bottom: solid 1px #e6e6e6; padding-bottom: 6px;}
.Registrace input.SER_N,
.Registrace input.SER_N2,
html > body .Registrace .tableDel .LG2DEL {color: #808080; font-size: 14px;	font-family: Open Sans;	border: solid 1px #dbdbdb;	width: 100% !important;	height: 40px;	box-sizing: border-box; float: none; margin-bottom: 0px;}

.Registrace textarea {color: #808080; font-size: 14px;	font-family: Open Sans;	border: solid 1px #dbdbdb; background: #fafafa;	width: 100% !important;	padding: 6px;	box-sizing: border-box; float: none; margin-bottom: 0px;}
.RegInfo {font-size: 14px;}
.RegInfo span {color: #db0000; font-weight: 700;}
.RegText {font-size: 14px; padding-bottom: 10px;}



.Registrace p.INP,
.Registrace p.INP2,
html > body .Registrace .tableDel .LG1DEL
 {border: none; padding: 0 !important; float: none; width: 100% !important; width: 340px; box-sizing: border-box;}
 
 
.LG1DELSEL {width: 100% !important; margin-left: 0;}
.dQuestion {margin: 50px 0 30px;} 

.Registrace table, .Registrace .tableDel {width: 100%; margin: 0 0 20px 0; box-sizing: border-box;}
.Registrace td {height: 50px; position: relative;}
.Registrace .inicialy,
.Registrace .inicialy2  {width: auto; width: 90px;}
.Registrace .inicialy1,
.Registrace .inicialy3 {width: auto; padding-right: 35px;}
.Registrace table span {position: absolute; right: 22px; top: 22px; font-size: 0; background: none;}
.Registrace table span:before {content:"!"; color: #db0000; display: inline-block; font-size: 16px; font-weight: 700;}
.Registrace label {font-size: 13px;}
html > body .Registrace .RSEL,
html > body .Registrace .RSEL2,
html > body .Registrace .RSELDEL,
html > body .Registrace .tableDel .RSELDEL {color: #808080; font-size: 14px;	font-family: Open Sans;	border: solid 1px #dbdbdb;	width: 100% !important;	height: 40px;	box-sizing: border-box; float: none; margin-bottom: 0px;}
.Registrace table td:nth-of-type(2n) {width: 50%;}
.Registrace table .INP.LG4 input:first-of-type {width: 50px !important;}
.Registrace table .INP.LG4 input:last-of-type {width: calc(100% - 60px) !important;}

.pickdiv {margin: 25px 0; border-top: solid 1px #e6e6e6; font-size: 14px;}
.pickdiv div {border-bottom: solid 1px #e6e6e6; text-align: center;}
.pickdiv p {padding: 10px 0;} 
.pickdiv .BtOrderPUIS {margin-top: 0px; margin-bottom: 20px;}

.bt-sendorder {position: relative; display: inline-block;	border: solid 1px #e6e6e6;	background: #64b900;	color: #fff;	height: 50px;	text-align: center;	font-size: 16px;	font-weight: 700;	line-height: 48px;	width: 250px;}
.bt-sendorder:before {content: "Odeslat objedn\00E1 vku";	display: inline-block;	width: 100%;	text-align: center; text-transform: uppercase;}
.bt-sendorder input {width: 100%;	height: 100%;	border: none;	opacity: 0;  position: absolute;  left: 0;  right: 0;  padding: 0;  margin: 0;}

html > body .Registrace .RSEFull2,
.ListDelAdr {color: #808080; font-size: 14px;	font-family: Open Sans;	border: solid 1px #dbdbdb;	width: 100%;	height: 40px;	box-sizing: border-box; float: none; margin-bottom: 0px;}

.Registrace table .inicialy1market,
.Registrace table .inicialy3Del {width: 100% !important; padding: 0 35px 0 0; box-sizing: border-box;}

html > body .Registrace .LGFull2 {width: 100% !important; margin-left: 0;}
.Registrace .RCheck {border: solid 1px #dbdbdb; background: #f5f5f5;}
.logout-news .inicialy1,
.control-code .inicialy1{width: 100% !important; padding: 0 35px 0 0; box-sizing: border-box;}


.finish-reg:after {content:""; height: 0px; display: block; clear: both; overflow: hidden;}

.cancel-reg {float: left; position: relative; display: inline-block; border: solid 1px #e6e6e6; background: #999999; color: #fff; height: 40px; text-align: center; font-size: 14px; font-weight: 700; line-height: 40px; width: 300px; max-width: 100%; width: 45%; margin: 20px 10px 0 0px;}
.cancel-reg:before {content: "zru\0161 it registraci"; display: inline-block;	width: 100%; text-align: center; text-transform: uppercase;}
.cancel-reg img {position: absolute; top: 0; left: 0;	height: 100%;	width: 100%; opacity: 0;}

.finish-reg {float: right; position: relative; display: inline-block; border: solid 1px #e6e6e6; background: #64b900; color: #fff; height: 40px; text-align: center; font-size: 14px; font-weight: 700; line-height: 40px; width: 300px; max-width: 100%; width: 45%; margin: 20px 0px 0 10px;}
.finish-reg:before {content: "dokon\010D it registraci"; display: inline-block;	width: 100%; text-align: center; text-transform: uppercase;}
.finish-reg input {position: absolute; top: 0; left: 0;	height: 100%;	width: 100%; opacity: 0;}

.bt-newcontact {cursor: pointer; position: relative; display: inline-block; border: solid 1px #e6e6e6; background: #999999; color: #fff; height: 40px; text-align: center; font-size: 14px; font-weight: 700; line-height: 40px;	width: 300px;	max-width: 100%; width: 30%; min-width: 135px; margin: 20px 10px 0 0px;}
.bt-newcontact:before {content: "nov\00FD  kontakt"; display: inline-block;	width: 100%; text-align: center; text-transform: uppercase;}
.bt-newcontact img {position: absolute; top: 0; left: 0;	height: 100%;	width: 100%; opacity: 0;}

.bt-newaddress {cursor: pointer; position: relative; display: inline-block; border: solid 1px #e6e6e6; background: #999999; color: #fff; height: 40px; text-align: center; font-size: 14px; font-weight: 700; line-height: 40px;	width: 300px;	max-width: 100%; width: 30%; min-width: 135px; margin: 20px 10px 0 0px;}
.bt-newaddress:before {content: "nov\00E1  adresa"; display: inline-block;	width: 100%; text-align: center; text-transform: uppercase;}
.bt-newaddress img {position: absolute; top: 0; left: 0;	height: 100%;	width: 100%; opacity: 0; }

.bt-cancel {cursor: pointer; position: relative; display: inline-block; border: solid 1px #e6e6e6; background: #999999; color: #fff; height: 40px; text-align: center; font-size: 14px; font-weight: 700; line-height: 40px;	width: 300px;	max-width: 100%; width: 30%; min-width: 135px; margin: 20px 10px 0 0px;}
.bt-cancel:before {content: "zru\0161 it"; display: inline-block;	width: 100%; text-align: center; text-transform: uppercase;}
.bt-cancel img {position: absolute; top: 0; left: 0;	height: 100%;	width: 100%; opacity: 0;}
.Registrace label {width: 80px; display: inline-block;}
.table-inicialyDel .inicialyDel label {width: 80px !important; display: inline-block;}
.Registrace .dQuestion label {width: auto;}
.Registrace .reg-user-order label {width: auto;}
.Registrace .reg-bt:after {content:""; height:0; clear: both; overflow: hidden; display: block;}
.Registrace table .INP.LG4 input:first-of-type {float: right;}
.Registrace table .INP.LG4 input:last-of-type {width: calc(100% - 60px) !important;}
.Registrace table .INP.LG4 input:first-of-type {width: 50px !important;}

.TRCP {background: none;  border-bottom: solid 1px #e6e6e6;}

/* my-account */

.TitleEditRegistrace:before  {content:"Editace osobn\00ED ch \00FA daj\016F ";} 


.arrowedAccount  {margin: 30px 0 20px 0; }

.arrowedAccount span {display: block; padding: 2px 11px; background: none;}
.arrowedAccount span:before {content:""; display: inline-block; height: 6px; width: 6px; border-radius: 10px; background: #999999; vertical-align: middle; margin-right: 10px;}
.arrowedAccount a {display: inline-block; vertical-align: middle;	text-decoration: none; color: #000;	font-size: 14px; text-decoration: underline;}
.arrowedAccount a:hover {text-decoration: none;}


.PartnerskeProdejny .send-order {background: #999999; height: 40px; display: inline-block; line-height: 40px; margin-bottom: 20px; text-decoration: none;}
.PartnerskeProdejny .send-order:hover {text-decoration: none;}
.PartnerskeProdejny .send-order:before {font-size: 14px; display: block;}

.TitleOrderSuccess {} 
.TitleOrderSuccess:before  {content:"Objedn\00E1 vka byla \00FA sp\011B \0161 n\011B  p\0159 ijata";}
.orderInfoText {color: #808080;}
.orderInfoText a {color: #000; text-decoration: underline;}
.orderInfoText a:hover {text-decoration: none;}
.bt-contbuy {position: relative;	display: block;	border: solid 1px #e6e6e6;	background: #999999;	color: #fff;	height: 40px;	text-align: center;	font-size: 14px;	font-weight: 700;	line-height: 40px;	max-width: 100%;	min-width: 300px;	margin-top: 20px;	margin: 60px auto 0 auto;	width: 300px;}
.bt-contbuy:before {content: "pokra\010D ovat v n\00E1 kupu";	display: inline-block; width: 100%;	text-align: center;	text-transform: uppercase;}
.bt-contbuy img {position: absolute; top: 0; left: 0;	height: 100%;	width: 100%;	opacity: 0;}

.TitleInvoice:before  {content:"P\0159 ehled faktur on-line";}
.TitleEOrder:before  {content:"P\0159 ehled objedn\00E1 vek"; }

.ExecOrderOrders {padding-top: 5px; margin: 15px 0 40px 0;}
.ExecOrderOrders table {border-spacing: 1px; padding: 5px 0px 5px 0px; border-collapse: separate; width: 100%; font-size: 14px;}
.ExecOrderOrders table td {padding: 4px 10px; height: 30px;}
.ExecOrderOrders table .ExecOrderThread {background: #e6e6e6; color: #000; font-weight: 600; }
.ExecOrderOrders table tfoot td {font-weight: 600; font-size: 16px; color: #000; height: 40px;}
.ExecOrderOrders table tfoot tr td:nth-of-type(3n) {color: #db0000;}
.ExecOrderOrders table a {color: #000; text-decoration: underline;}
.ExecOrderOrders table a:hover {color: #000; text-decoration: none;}

.ExecOrderOrders table.tbl-bony tbody td {background: #fafafa;}

.ExecOrderOrders .title3 {color: #000; font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 0 0 10px 0; margin: 0;}

.form-executed-order, .form-faktury  {margin-bottom: 40px;}

.GreenBG TD, TD.GreenBG, .Uhrazeno {background-color: #CFFECF;}
.castecne {background-color: #eeeeee;}
.RedBG TD, TD.RedBG, .Neuhrazeno {background-color: #FFE5E0;}
.KhakiBG TD, TD.KhakiBG {background-color: #FBF0bC;}

table.legend {font-size: 14px; border-spacing: 0 4px; border-collapse: separate; margin-bottom: 50px; margin-top: -20px;}
table.legend th {font-size: 16px; font-weight: 600; color: #000; height: 30px; text-transform: uppercase; padding-top: 20px;}
table.legend td {height: 30px; padding-left: 10px;}
table.legend tr td:first-of-type {width: 32px; }

.importantNormal.in-order {font-size: 16px; color: #000; text-transform: uppercase;	font-weight: 600;}


.ExecOrderNavigation input,
.ExecOrderNavigation span {vertical-align: middle;}
.ExecOrderNavigation .sp-date1 {padding-left: 15px;}
.ExecOrderMenuDiv {margin: 0; padding: 0 0 10px 0;}
.ExecOrderMenuDiv label {padding-bottom: 0; font-size: 13px; vertical-align: middle; margin: 0 20px 0 5px;}
.ExecOrderMenuDiv .block-2 {display: inline-block; margin: 15px 0 15px 40px;}
.ExecOrderMenuDiv .block-2 label {margin: 0 20px 0 5px;}
.ExecOrderMenuDiv .block-2 label:last-of-type {margin-right: 0px;}
.ExecOrderNavigation {margin-top: 0; padding: 15px; border: solid 1px #e6e6e6; font-size: 13px; box-sizing: border-box;}
.bt-masearch {vertical-align: middle; padding: 0 10px; position: relative; display: inline-block; border: solid 1px #e6e6e6;	background: #999999; color: #fff;	height: 30px;	box-sizing: border-box; text-align: center;	font-size: 12px; font-weight: 600;	line-height: 29px;	margin: 0 10px;}
.bt-masearch:before {content: "hledej"; display: inline-block; width: 100%;	text-align: center;	text-transform: uppercase;}
.bt-masearch input {position: absolute; top: 0;	left: 0; height: 100%; width: 100%;	opacity: 0;}

.ExecOrderNavigation .SER_EO {color: #808080; font-size: 13px; font-family: Open Sans; border: solid 1px #dbdbdb;	width: 150px !important; height: 30px; box-sizing: border-box; float: none;	margin-bottom: 0px;}
.c-dnumber {padding-right: 40px;}
.bt-nevobj {vertical-align: middle; padding: 0 10px; position: relative; display: inline-block; border: solid 1px #e6e6e6;	background: #999999; color: #fff;	height: 30px;	box-sizing: border-box; text-align: center;	font-size: 12px; font-weight: 600;	line-height: 29px;	margin: 20px 10px 10px 20px}
.bt-nevobj:before {content: "nevy\0159 \00ED zen\00E9  objedn\00E1 vky"; display: inline-block; width: 100%;	text-align: center;	text-transform: uppercase;}
.bt-nevobj input {position: absolute; top: 0;	left: 0; height: 100%; width: 100%;	opacity: 0;}

.eshop-filter {white-space: nowrap;}
.ExecOrderMenuDiv .bt-masearch {padding-right: 10px;}

.TitleBONY:before  {content:"Bony - v\011B rnostn\00ED  program";}
ul.BONY {padding: 0; margin: 30px 0 20px 0;}
ul.BONY li {display: block;	padding: 2px 11px; background: none;}
ul.BONY li:before {content: "";	display: inline-block; height: 6px;	width: 6px;	border-radius: 10px; background: #999999;	vertical-align: middle;	margin-right: 10px;}
ul.BONY li a {display: inline-block; vertical-align: middle; text-decoration: none;	color: #000; font-size: 14px;	text-decoration: underline;}
ul.BONY li a:hover {text-decoration: none;}

.TitleWatchDog:before  {content:"Hl\00ED dan\00E9  polo\017E ky"; }
.wd-txt {font-size: 14px;}
.wd-txt h2 {font-size: 20px; margin: 36px 0px 20px 0; font-weight: 600; color: #db0000; background: none; border-bottom: solid 1px #e6e6e6; padding-bottom: 6px; text-transform: uppercase;}
.wd-items {padding-bottom: 20px;}
.wd-items .Product {margin-bottom: 20px;}
.wd-items .Product h4 {font-size: 14px; font-weight: 600; border-bottom: solid 1px #e6e6e6; margin: 0 0 10px 0; padding: 20px 0 5px 0;}
.wd-items .WDSub1 .right {margin-top: 10px;}

.wd-items .WDPrice {width: 100%;}
.wd-items .WDTime {line-height: 40px;}
.wd-items .WDTime select {width: calc(100% - 50px); float: right;}
.wd-items .WD-bt {margin-top: 10px; height: 52px;}

.wd-items .Product input[type="radio"],
.wd-items .Product input[type="checkbox"],
.wd-items .Product label {vertical-align: middle;}

.Product .WDDel {float: left;	position: relative;	display: inline-block;	border: solid 1px #e6e6e6;	background: #999999;	color: #fff;	height: 40px;	text-align: center;	font-size: 14px;	font-weight: 700;	line-height: 40px;	max-width: 100%;	width: 45%;	margin: 10px 10px 10px 0px;}
.Product .WDDel input {position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	opacity: 0;}
.Product .WDDel:before {content: "Odstranit";	display: inline-block;	width: 100%;	text-align: center;	text-transform: uppercase;}

.Product .WDSave {float: right;	position: relative;	display: inline-block;	border: solid 1px #e6e6e6;	background: #64b900;	color: #fff;	height: 40px;	text-align: center;	font-size: 14px;	font-weight: 700;	line-height: 40px;	max-width: 100%;	width: 45%;	margin: 10px 0px 10px 10px;}
.Product .WDSave input {position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	opacity: 0;}
.Product .WDSave:before {content: "Potvrdit";	display: inline-block;	width: 100%;	text-align: center;	text-transform: uppercase;}

.EmailsArchiv h2 {font-size: 20px; margin: 36px 0px 20px 0; font-weight: 600; color: #db0000; background: none; border-bottom: solid 1px #e6e6e6; padding-bottom: 6px;}
.EmailsArchiv a {display: inline-block;	vertical-align: middle;	color: #000;	font-size: 14px;	text-decoration: underline;  padding: 2px;}

.ProvisionNavigation {border: none; text-align: left;}
.ProvisionNavigation tr {display: block;}
.ProvisionNavigation td {font-size: 14px;}
.ProvisionNavigation td input {font-size: 14px; border: none; font-weight: 600; background: transparent;}
.ProvisionNavigation tr td:firts-of-type {width: inherit !important;}

.OrderSuccTDNadpis {font-size: 14px; color: #db0000; background: none; border-bottom: solid 1px #e6e6e6; padding-bottom: 2px;}

table.tbl-confirmation {xwidth: 100%; margin-bottom: 40px;}
table.tbl-confirmation td {padding: 4px 10px;	height: 40px; font-size: 14px;}
table.tbl-confirmation tbody td.name {color: #000;}
table.tbl-confirmation thead {background: #e6e6e6; font-size: 16px;	color: black;	font-weight: 600;}
table.tbl-confirmation tfoot td {font-size: 14px;}
table.tbl-confirmation tfoot tr td:nth-of-type(3n) {color: #db0000;}

table.tbl-confirmation .tr-total {font-weight: 600;	color: black;	font-size: 16px;}
table.tbl-confirmation .tr-total td {padding: 10px;}

table.tbl-confirmation .tr-for-pay {font-weight: 600;	color: black;	border: solid 1px #e6e6e6; font-size: 16px;}
table.tbl-confirmation .tr-for-pay td {padding: 10px; font-size: 16px;}
table.tbl-confirmation .tr-for-pay td.td-total-with-vat {font-weight: 600;	color: #db0000;	font-size: 24px;}


table.tbl-confirmation-big {width: 100%;	border-spacing: 40px 0;	border-collapse: separate;	margin: 0 -40px;}
table.tbl-confirmation-big td {padding: 4px 10px;	height: 40px; font-size: 14px;}
table.tbl-confirmation-big thead {background: #e6e6e6; font-size: 13px;}
table.tbl-confirmation-big tfoot td {font-size: 13px;}
table.tbl-confirmation-big tfoot tr td:nth-of-type(3n) {color: #db0000;}

table.tbl-confirmation-big td.OrderSuccTDNadpis {color: #db0000; font-size: 16px; font-weight: 600; width: 50%;}

.body-markets a {color: #000; text-decoration: underline;}
.body-markets a:hover {text-decoration: none;}


.titleRMarkets {font-size: 20px; text-transform: uppercase; margin: 40px 0px 20px 0; font-weight: 600; color: #db0000; background: none; border-bottom: solid 1px #e6e6e6; padding-bottom: 6px;}
.ProdejnaInfo  {margin: 40px 0; padding: 20px; border: solid 1px #e6e6e6; background: #fafafa; font-size: 14px;}
.ProdInfo {display: table;}
.ProdejnaH {background: #e3e3e3; margin: -20px -20px 20px -20px; position: relative; }
.ProdejnaH h3 {margin: 0; padding: 10px 20px; font-weight: 600; color: #000;}
.ProdejnaH h3 span {color: #808080;}
.ProdejnaH div {float: right; display: inline-block; cursor: pointer; margin: 11px 20px; color: #db0000;}
.ProdejnaH div:hover label {color: #000;}
.ProdejnaH div label, .ProdejnaH div input {vertical-align: middle;}
.ProdejnaH div label {color: #db0000; font-weight: 600; display: inline-block; cursor: pointer; padding-right: 4px;}
.ProdejnaH div input {margin-top: -1px;}

.ProdejnaInfo .ProdImg {float:right;}

.ProdInfo div {display: table-row;}
.ProdInfo span {display: table-cell; padding: 4px 10px 4px 0;}
.ProdInfo strong {display: table-cell;}


.DetailTopMarkets {margin-left: 0px;}
#MarketsList {width: 100% !important; margin-bottom: 40px !important;}
.ProdejnaInfo p {border-top: solid 1px #e6e6e6; padding: 10px 0 0 0; margin-bottom: 0; clear: both;}


.TitleSearchResult strong {font-weight: 600;} 
.xTitleSearchResult:before  {content:"V\00FD sledek vyhled\00E1 v\00E1 n\00ED ";}
/*}*/



/*@media(max-width:725px) {*/
.eshop-filter {margin-left: 20px; display: inline-block;}
/*}*/



/* ---------------------------------------------------------------------------------------*/
.c-userInfo {position: absolute; right: 200px; top: 27px;	height: 25px;	width: 25px;}


ul.categories li a::after, ul#producers.producers li a::after {content: '\f10B'; font-family: 'fontello';	color: #000;	display: inline-block;	position: absolute;	right: 0px;	top: 12px;	font-size: 14px;	width: 25px;	opacity: .4;}

ul#categories.categories ul {padding-bottom: 10px;}
ul#categories.categories ul li a {background: none; color: #000000; padding: 10px 15px 11px 25px;}
ul#categories.categories ul li a:hover {background: none; color: #db0000; box-shadow: none;}
ul#categories.categories ul li a:before {height: 5px;	width: 5px;	position: absolute;	top: 18px;	background: #e6e6e6;	content: "";	left: 10px;}
ul#categories.categories ul li a:hover:before {background: #db0000; }

.multiLang ul {border-color: #e6e6e6;}
.multiLang ul li.active:before {background-color: #e6e6e6;}

#containerHeader .Logo { height: 80px;}
.filtrMrk .filter-content label {font-size:14px; padding-left:3px;}

#fb-line {display: none;}

.FormPriceList h2, .LegendPriceList {font-size: 20px;	margin: 20px 0px 20px 0;	font-weight: 600;	color: #db0000;	background: none;	border-bottom: solid 1px #e6e6e6;	padding-bottom: 6px;  text-align: left;  text-transform: uppercase;}
.FormPriceList table {width: 100%; font-size: 14px;}
.FormPriceList table tr td:first-of-type {width: 270px;}
.FormPriceList table td {height: 30px;}
.FormPriceList table td label {padding-left: 5px; vertical-align: middle;}
.FormPriceList table td input {vertical-align: middle;}
.FormPriceList table tr.va-top td {vertical-align: top;}
.FormPriceList table .va-top.vatop1 td {padding-top: 20px; height: 50px;}
.FormPriceList table .va-top td.pr-3td {line-height: 30px; padding-top: 14px;}
.info-legend {font-size: 14px; line-height: 24px;}
.info-legend strong {font-size: 14px;}
.FormPriceList #Producers label {margin-top: 20px; font-size: 16px; color: #000; font-weight: 600; text-transform: uppercase;}
.FormPriceList #Producers label:after {content:"\F103"; font-family: fontello; display: inline-block; margin-left: 6px; font-size: 12px; position: relative; top: -2px;}
.pricelist-bt {margin-bottom: 80px;}
.pricelist-bt:after {content:""; height: 0; overflow: hidden; clear: both; display: block;}
.pricelist-bt a {float: left;	position: relative;	display: inline-block; border: solid 1px #e6e6e6;	background: #999999;	color: #fff;	height: 40px;	text-align: center;	font-size: 14px;	font-weight: 700;	line-height: 40px;	width: 300px;	max-width: 100%;	width: 45%;	margin: 20px 10px 0 0px;  text-decoration: none;  text-transform: uppercase;}
.pricelist-bt .bt-send {float: right;	position: relative;	display: inline-block;	border: solid 1px #e6e6e6;	background: #64b900;	color: #fff;	height: 40px;	text-align: center;	font-size: 14px;	font-weight: 700;	max-width: 100%;	width: 45%;	margin: 20px 0px 0 10px;  text-transform: uppercase;}

.pl_selcats {font-size: 14px; width: 100%;}
.pl_selcats table td {height: 30px;}
.pl_selcats .input_button {cursor: pointer; float: left;	position: relative;	display: inline-block;	border: solid 1px #e6e6e6;	background: #999999;	color: #fff;	height: 40px;	text-align: center;	font-size: 14px;	font-weight: 700;	width: 150px !important;	margin: 20px 10px 0 0px;	text-decoration: none;	text-transform: uppercase;}


#containerFooter {display: none;}
#footer {position: relative; background: #f2f2f2; color: rgba(128, 128, 128, 0.9);}
#footer h3 {font-size: 16px; text-transform: uppercase; font-weight: 600; color: #000; margin: 0; padding: 0 0 25px 0;}
#footer .menu { display: none;}
#footer ul {padding: 0; margin: 0; list-style-type: none;}
#footer ul li {padding: 7px 0; margin: 0; line-height: 16px;}
#footer ul li a {color: rgba(128, 128, 128, .9); text-decoration: none; padding: 0 0 0 26px; display: block; position: relative;}
#footer .ftc-1 .ftc1-ul a {display: inline-block; padding: 0;}
#footer ul li a:before {height: 5px; width: 5px; position: absolute; top: 6px; left: 5px; background: rgba(128, 128, 128, 0.8); content: "";}
#footer .ftc-1 .ftc1-ul a:before {display: none;}
#footer ul li a:hover {text-decoration: underline; color: #000;}
#footer .ft-row { max-width: 1440px; margin: auto; padding: 49px 0 40px 0;}
#footer .ftc-1,
#footer .ftc-2,
#footer .ftc-3,
#footer .ftc-4
{width: 22.27272727272727%; margin-right: 3.636363636363636%; float: left; }
#footer .ftc-4 {margin-right: 0;}
#footer .ftc-4 h3 {display: none;}
#footer .ftc-4 .f-pyament-method h3 {display: block; padding-top: 0 !important;}
#footer .ftc-4 .eNewsIn {display: none;}
#footer .ftc-4 form {margin: 20px 0; background: #fff; height: 36px; position: relative; padding: 5px 41px 5px 0;}
#footer .ftc-4 form:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none;	-moz-border-top-colors: none;	border-color: transparent transparent transparent #fff;	border-image: none; border-style: solid;	border-width: 8px;	content: "";	height: 0;	right: 9px;	position: absolute;	top: 15px;	width: 0;}
#footer .ftc-4 form .input_text {position: relative; width: 100%; height: 100%; border: none; font-family: Open Sans; font-size: 14px; color: rgba(128, 128, 128, .9); padding: 0 12px; background: transparent;}
#footer .ftc-4 form .input_button {position: absolute; right: 5px; top: 5px; height: 36px; width: 35px;  border: none; background:url("/img/new/mail-bt.png") no-repeat 0 0 rgba(128, 128, 128, 0.8); }
#footer .ftc-4 a {color: #A0A0A0; text-decoration: underline; color: #000;}
#footer .ftc-4 a:hover {text-decoration: none; }
#footer .checkCodeBox {padding-top: 80px;}
#footer .ftc-5 {background: #999999; color: #fff; clear: both;}
#footer .ftc5-in {position: relative; max-width: 1440px; margin: auto;}
#footer .ftc5-1,
#footer .ftc5-3 {width: 15%; display: table-cell; vertical-align: middle; padding: 10px 0;}
#footer .ftc5-3 a {display: inline-block; height: 35px; color: #fff; white-space: nowrap; text-decoration: none;}
#footer .ftc5-3 a:after {content: '\f106'; font-family: 'fontello';	display: inline-block;	font-size: 34px;	vertical-align: middle;  color: #fff;  margin-left: 10px;}
#footer .ftc5-3 a:hover {text-decoration: underline;}
#footer .ftc5-3 a:hover:before {color: rgba(255, 255, 255, 0.9);  text-decoration: none;}
#footer .ftc5-3 a img {display: none;}
#footer .ftc5-2 {text-align: center; display: table-cell; vertical-align: middle; padding: 10px 10px;}
#footer .ftc5-3 {text-align: right;}
#footer .ftc5-1 {width: 20%; font-size: 12px;}
#footer .ftc5-1 a {color: #fff; text-decoration: none;}
#footer .ftc5-1 a:hover {text-decoration: underline;}

#footer .ftc-1 ul {position: relative; padding-bottom: 110px;}
/*.ftc-1 ul:after {content: '\e811'; font-family: 'fontello'; color: #e3e3e3; font-size: 80px; display: inline-block;left: 0px; bottom: 2px; position: absolute; opacity: 1}*/
.ftc-1 ul:before {content: '\E827';	font-family: 'fontello';	color: #e3e3e3;	display: inline-block;	position: absolute;	left: 0;	bottom: 0;	font-size: 80px; z-index: 2;	opacity: 1;}

.ftc-2 ul ul {display: none;}

.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(1);	filter: grayscale(1);	filter: gray;  opacity: 0.6
}

.pr-att {position:absolute; top: 115px; left: 5px; width: 0; z-index: 1; }
.pr-att span {float: left; text-align: center; padding: 4px 10px; display: block; margin-bottom: 10px; color: #fff; text-transform: uppercase; min-width: 90px; font-weight: 600;}
.pr-att span.pratt-a {background: rgba(219, 0, 0, 0.8); }
.pr-att span.pratt-v {background: rgba(255, 133, 51, 0.8); }
.pr-att span.pratt-n {background: rgba(100, 185, 0, 0.8); }

.cookiesText {height: inherit; min-height: 58px; padding: 15px; font-size: 14px; font-family: 'Open Sans', sans-serif;}
.cookiesText .confirm {margin-top: 0px; background: #999999; border-radius: 0; font-family: 'Open Sans', sans-serif; }
.cookiesText .moreinfo {white-space: nowrap; line-height: inherit; color: #000; font-family: 'Open Sans', sans-serif;}
.cookiesText .confirm a {text-decoration: none; font-weight: 600;}
.cookiesText .moreinfo a {color: #000; font-family: 'Open Sans', sans-serif; display: inline-block; margin-top: 4px;}
.InfoB strong {color: #D80000;}
#fb-line {background: #db0000; color: #fff; margin: 0; height: 50px; text-align: center; display: none;}
#fb-line a {color: #fff; text-decoration: none; display: inline-block;} 
#fb-line a:after {content:"Sledujte n\00E1 s na Facebooku"; font-size: 16px; display: inline-block; text-align: center; padding: 0px 10px 16px 10px; margin: 0; line-height: 48px; }
#fb-line a:before {content: '\f106'; font-family: 'fontello'; display: inline-block; margin: -4px 0 0 0px; font-size: 31px; vertical-align: middle;}


.quickOrder table {margin: auto}
.quickOrder table img {vertical-align: middle}
.quickOrder table thead tr td {height: 20px; font-weight:bold; color:#1c2f4a; padding:5px; border-bottom: 1px solid #dbdbdb;}
.quickOrder table tbody tr td {height: 24px; background: #fafafa; border-right: 1px solid #FFF; border-bottom: 1px solid #dbdbdb;padding:5px;}
.quickOrder table .bgT td {background: #fafafa}
.quickOrder table .num {width: 30px; text-align: center; border-right: 0}
.quickOrder table .qo-notavail td { background: #ffcccc; }

.quickOrder table .size {width: 290px; text-align: left;padding-left: 3px;}
.quickOrder table .size .input_text {height: 15px; width: 60px; padding: 2px 0 0 6px; border: 1px solid #565656}

.quickOrder table .design {width: 122px; text-align: center}
.quickOrder table .design .input_text {height: 15px; width: 70px; padding: 2px 0 0 6px; border: 1px solid #565656}

.quickOrder table .index {width: 49px; text-align: center}
.quickOrder table .index .input_text {height: 15px; width: 30px; padding: 2px 0 0 6px; border: 1px solid #565656}

.quickOrder table .mark {width:100px;text-align:left;}
.quickOrder table .price {text-align: center}
.quickOrder table .store {width: 58px; text-align: center;white-space: nowrap;}
.quickOrder table .amount {width: 80px; border-right: 0}
.quickOrder table .amount div {text-align:center; }
.quickOrder table .amount .input_text {width: 45px; padding-top: 2px; text-align: center;}

.clearfix::after { content: ""; clear: both; display: table; }
.quickOrder .buttons {margin-top:20px;}
.quickOrder .buttons a {display:inline-block; color: #fff; height: 50px; text-align: center; font-size: 16px; font-weight: 700; line-height: 48px; width: 250px;}
.quickOrder .buttons a.qo-addItem { border: solid 1px #999999; background: #999999;}
.quickOrder .buttons a.qo-cancel { border: solid 1px #db0000; background: #db0000;}
.quickOrder .buttons a.qo-insert { border: solid 1px #64b900; background: #64b900;}
.quickOrder .qo-bulktext .buttons a { border: solid 1px #64b900; background: #64b900;}
.quickOrder .buttons div { border:0px; float:left; width:33.3%; text-align:center;}

.quickOrder .qo-bulktext { margin-top:40px; text-align:center; }
.quickOrder .qo-bulktext textarea { margin:auto;height:200px;width:25%; }

@media screen and (min-width: 1200px) {
#column1 {display: block !important;} 
}

@media(max-width:1450px) {
#footer .ft-row {padding: 49px 20px;}
#footer .ftc-5 {padding: 0 20px;}
.InfoB {min-height: 360px; }
}

@media(max-width:1439px) {
.cWelcomeNews .text .nw-img {height: auto;}
.cWelcomeNews .text img {height: auto;}

.cWelcomeNews .text .nw-img iframe {height: calc(100% - 25px);}
}

@media(max-width:1350px) {
.SubCat div {width: 32%;}
.SubCat div:nth-of-type(4n) {margin-right: 2%;}
.SubCat div:nth-of-type(3n) {margin-right: 0;}
.Sel .ItemCount {left: 420px;}

.NewsA {width: 32%; margin-right: 2%;}
.NewsA:nth-of-type(4n+1) {margin-right: 2%;}
.NewsA:nth-of-type(3n+1) {margin-right: 0;}

.Product {width: 31.2%;}
.catalogVypis .Product:nth-of-type(4n) {margin-right: 2.9%;}
.catalogVypis .Product:nth-of-type(3n) {margin-right: 0;}

.c-recom .Product,
.Action  {width: 33.33333%;}

}

@media(max-width:1300px) {
.DetailImg {width: 46%;}
.DetailParam {width: 51%;}
}

@media(max-width:1199px) {
.Search {width: calc(100% - 700px);	left: 280px;}

#column1 {display: none; position: absolute; margin-top: 0; box-shadow: 2px 8px 8px rgba(2, 2, 2, 0.46); width: 100%; max-width: 320px; padding: 0 0px 10px 0px; left: 0; z-index: 21; background: #fff;}

.not-cat * {display: none;}
.gr-banners {display: block; margin: 0;}
.gr-banners * {display: block;}

ul#top-cat.categories li:first-of-type {margin-bottom: 12px;}
#column1 .fb-page {display: none;}
#containerHeader .menu-bt {display: block; left: 0px; top: 80px; width: 202px; background: transparent;	height: 40px; }
#containerHeader .menu-bt:before {left: 10px; top: 8px; color: #fff;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
body.cat-open #containerHeader .menu-bt:before {left: 10px; color: #fff !important;}
#containerHeader .menu-bt:after {content: 'Všechny kategorie'; left: 45px; top: 8px; font-weight: 600; color: #fff;}

.ftc-1 ul:before  {font-size: 70px;}

}

@media(max-width:1070px) {
.Search {width: calc(100% - 670px);	left: 260px;}
#column2, #column2_Ex {border-top: 0px;}
}

@media(min-width:1000px) {
.Search {display: block !important;}
}

@media(min-width:800px) {
#footer .ftc-1 > ul,
#footer .ftc-2 > ul,
#footer .ftc-3 > ul {display: block !important}
}

/*PPL*/
.pplsend input[type="text"], .pplsend input[type="password"], #column2 .pplsend select, #column2_Ex .pplsend select
{
    margin:10px;
    width:300px;
}
.pplsend input[type="text"], .pplsend input[type="password"] {
    padding-left: 14px
} 
.phonetext {
        width: 261px !important;
    }
#predvolba {
    margin-left: 10px;
}
.sendppl{float:left}
.pplsend  th{text-align:right;}
.continueppl:before {
    content: "Pokra\010D ovat";
}
.continueppl{    margin-right: 10px;}
.sendppl:before {
    content: "OBJEDNAT DOPRAVU";
}