@import "reset.css";
/*                                    VARIABLES|MIXINS
////////////////////////////////////////////////////////////////////////////////*/
@font-face {
  font-family: 'source_sans_pro';
  src: url("../library/fonts/sourcesanspro-regular-webfont.eot");
  src: url("../library/fonts/sourcesanspro-regular-webfont.eot#iefix") format('embedded-opentype'), url("../library/fonts/sourcesanspro-regular-webfont.woff") format('woff2'), url("../library/fonts/sourcesanspro-regular-webfont.woff") format('woff'), url("../library/fonts/sourcesanspro-regular-webfont.ttf") format('truetype'), url("../library/fonts/sourcesanspro-regular-webfont.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'source_sans_pro';
  src: url("../library/fonts/sourcesanspro-italic-webfont.eot");
  src: url("../library/fonts/sourcesanspro-italic-webfont.eot#iefix") format('embedded-opentype'), url("../library/fonts/sourcesanspro-italic-webfont.woff") format('woff2'), url("../library/fonts/sourcesanspro-italic-webfont.woff") format('woff'), url("../library/fonts/sourcesanspro-italic-webfont.ttf") format('truetype'), url("../library/fonts/sourcesanspro-italic-webfont.svg") format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'source_sans_pro';
  src: url("../library/fonts/sourcesanspro-bold-webfont.eot");
  src: url("../library/fonts/sourcesanspro-bold-webfont.eot#iefix") format('embedded-opentype'), url("../library/fonts/sourcesanspro-bold-webfont.woff") format('woff2'), url("../library/fonts/sourcesanspro-bold-webfont.woff") format('woff'), url("../library/fonts/sourcesanspro-bold-webfont.ttf") format('truetype'), url("../library/fonts/sourcesanspro-bold-webfont.svg") format('svg');
  font-weight: 700;
  font-style: normal;
}
/*                                    GENERAL
////////////////////////////////////////////////////////////////////////////////*/
body {
  font-family: Arial, sans-serif;
  font-size: 100%; /* add PX (or original value) as backup */
  font-size: 100%;
  line-height: 150%;
  color: #2d3746;
  background: #fff;
  min-width: 300px;
}
h1 {
  color: #2d3746;
  font-size: 24px; /* add PX (or original value) as backup */
  font-size: 1.5rem;
  line-height: 27px;
  margin: 20px 0;
}
h2,
h3,
h4,
h5,
h6 {
  color: #2d3746;
  margin: 15px 0;
  font-weight: normal;
}
h2 {
  font-size: 22px; /* add PX (or original value) as backup */
  font-size: 1.375rem;
  line-height: 25px;
}
h3 {
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  line-height: 22px;
}
h4 {
  font-size: 16px; /* add PX (or original value) as backup */
  font-size: 1rem;
  line-height: 20px;
}
a {
  color: #599abb;
  text-decoration: underline;
  cursor: pointer /* because IE7 ?! :( */;
}
a:hover {
  text-decoration: none;
}
p {
  line-height: 140%;
  margin: 10px 0;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
hr {
  width: 100%;
  height: 0;
  background: transparent;
  border: none;
  border-top: 1px dashed #e3e3e3;
}
input[type='submit'] {
  -webkit-appearance: none;
}
h2.sign {
  color: #2d3746;
  font-size: 24px; /* add PX (or original value) as backup */
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 26px;
  margin: 0 0 10px 0;
}
h2.sign > a,
h2.sign > span {
  color: #2d3746;
  text-decoration: none;
}
ul.errors {
  display: block;
  color: #f00;
}
h1.title,
h2.title {
  margin-top: 10px;
}
h1.product,
h1.productsTitle {
  line-height: 28px;
  font-size: 24px; /* add PX (or original value) as backup */
  font-size: 1.5rem;
  color: #2d3746;
  text-decoration: none;
  font-weight: normal;
  margin: 0;
}
h1.products {
  margin: 0;
  color: #2d3746;
  font-weight: normal;
  font-size: 24px; /* add PX (or original value) as backup */
  font-size: 1.5rem;
  line-height: 28px;
  text-transform: uppercase;
}
.notDesktop {
  display: none;
}
.onlyMobile {
  display: none;
}
.cf:before,
.cf:after {
  content: " ";
  display: block;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
  clear: both;
}
/*                                    GENERAL
////////////////////////////////////////////////////////////////////////////////*/
#header {
  max-width: 960px;
  margin: 0 auto;
}
#header .upper {
  padding-top: 20px;
}
#header .upper #logo {
  float: left;
}
#header .upper #logo h1 {
  margin: 0;
}
#header .upper .search {
  float: right;
  width: 28px;
  height: 28px;
  margin-right: 44px;
  margin-top: 20px;
  position: relative;
}
#header .upper .search span.control {
  display: block;
  width: 28px;
  height: 28px;
  background: url("images/header-search.png") no-repeat 0 0;
  cursor: pointer;
}
#header .upper .search .cnt {
  display: none;
  position: absolute;
  top: 30px;
  right: -182px;
  width: 390px;
  height: 50px;
  padding: 6px 2px 2px 2px;
  background: url("images/header-search-bar.png") no-repeat 0 0;
  z-index: 5;
}
#header .upper .search .cnt input[type='text'] {
  float: left;
  height: 16px;
  width: 234px;
  line-height: 16px;
  padding: 17px 10px;
  margin: 0 0 0 52px;
  border: none;
  outline: none;
  color: #2d3746;
}
#header .upper .search .cnt input[type='submit'] {
  float: right;
  height: 50px;
  line-height: 50px;
  width: 84px;
  color: #599abb;
  text-transform: uppercase;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  font-family: 'source_sans_pro', Arial, sans-serif;
  cursor: pointer;
  border: none;
  outline: none;
  background: #fff;
}
#header .upper .search .cnt input[type='submit']:hover {
  color: #2d3746;
}
#header .upper .basket {
  float: right;
  margin-top: 20px;
}
#header .upper .basket a {
  display: block;
  height: 22px;
  padding: 3px 0 3px 50px;
  background: url("images/header-cart.png") no-repeat left center;
  text-decoration: none;
}
#header .upper .basket a:hover span.text {
  text-decoration: underline;
}
#header .upper .basket a span.quantity {
  display: block;
  float: left;
  height: 22px;
  line-height: 22px;
  width: 22px;
  text-align: center;
  font-size: 11px; /* add PX (or original value) as backup */
  font-size: 0.6875rem;
  color: #313743;
  background: #eaeaea;
  border-radius: 100%;
}
#header .upper .basket a span.price {
  display: block;
  float: left;
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  color: #2d3746;
  margin-left: 12px;
  line-height: 22px;
}
#header .upper .basket a span.text {
  display: block;
  float: left;
  color: #599abb;
  text-transform: uppercase;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  line-height: 22px;
  margin-left: 40px;
}
#header .lower {
  margin-top: 20px;
}
#header .lower .informations {
  float: right;
  position: relative;
}
#header .lower .informations ul li {
  float: left;
  padding-left: 17px;
  background: url("images/informations-line.png") no-repeat 8px center;
}
#header .lower .informations ul li:first-child {
  padding-left: 0;
  background: none;
}
#header .lower .informations ul li a {
  display: block;
  line-height: 16px;
  color: #2d3746;
  text-decoration: none;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
}
#header .lower .informations ul li a:hover {
  text-decoration: underline;
}
#header .lower .informations ul li a.home {
  width: 20px;
  height: 16px;
  background: url("images/topmenu-home.png") no-repeat center center;
}
#header .lower .informations a.name {
  position: absolute;
  top: -24px;
  right: 0;
  line-height: 16px;
  font-size: 15px; /* add PX (or original value) as backup */
  font-size: 0.9375rem;
  color: #599abb;
  text-decoration: none;
}
#header .lower .informations a.name:hover {
  text-decoration: underline;
}
/*                                    TOP CATEGORIES
////////////////////////////////////////////////////////////////////////////////*/
#topCategories {
  max-width: 960px;
  margin: 0 auto;
  margin-top: 25px;
}
#topCategories > ul {
  padding-bottom: 20px;
  border-bottom: 1px solid #dbdbdb;
}
#topCategories > ul:before,
#topCategories > ul:after {
  content: " ";
  display: block;
}
#topCategories > ul:after {
  clear: both;
}
#topCategories > ul {
  *zoom: 1;
  clear: both;
}
#topCategories > ul li {
  display: inline-block;
}
#topCategories > ul li:nth-child(1):nth-last-child(1) {
  width: 100%;
}
#topCategories > ul li:nth-child(1):nth-last-child(2),
#topCategories > ul li:nth-child(2):nth-last-child(1) {
  width: 50%;
}
#topCategories > ul li:nth-child(1):nth-last-child(3),
#topCategories > ul li:nth-child(1):nth-last-child(3) ~li {
  width: 33.333333333333336%;
}
#topCategories > ul li:nth-child(1):nth-last-child(4),
#topCategories > ul li:nth-child(1):nth-last-child(4) ~li {
  width: 25%;
}
#topCategories > ul li:nth-child(1):nth-last-child(5),
#topCategories > ul li:nth-child(1):nth-last-child(5) ~li {
  width: 20%;
}
#topCategories > ul li:nth-child(1):nth-last-child(6),
#topCategories > ul li:nth-child(1):nth-last-child(6) ~li {
  width: 16.666666666666668%;
}
#topCategories > ul li:nth-child(1):nth-last-child(7),
#topCategories > ul li:nth-child(1):nth-last-child(7) ~li {
  width: 14.285714285714286%;
}
#topCategories > ul li:nth-child(1):nth-last-child(8),
#topCategories > ul li:nth-child(1):nth-last-child(8) ~li {
  width: 12.5%;
}
#topCategories > ul li:nth-child(1):nth-last-child(9),
#topCategories > ul li:nth-child(1):nth-last-child(9) ~li {
  width: 11.11111111111111%;
}
#topCategories > ul li:nth-child(1):nth-last-child(10),
#topCategories > ul li:nth-child(1):nth-last-child(10) ~li {
  width: 10%;
}
#topCategories > ul > li {
  float: left;
  text-align: center;
  line-height: 20px;
  position: relative;
}
#topCategories > ul > li:hover > ul {
  display: block;
}
#topCategories > ul > li a {
  font-size: 16px; /* add PX (or original value) as backup */
  font-size: 1rem;
  color: #2d3746;
  text-decoration: none;
}
#topCategories > ul > li a.linked,
#topCategories > ul > li a.active {
  color: #599abb;
}
#topCategories > ul > li a:hover {
  text-decoration: underline;
  color: #599abb;
}
#topCategories > ul > li ul {
  display: none;
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -100px;
  background: #fff;
  z-index: 8;
  width: 200px;
  padding: 4px 0;
}
#topCategories > ul > li ul li {
  float: none;
  display: block;
  width: 100% !important;
  padding: 4px 0;
}
#topCategories > ul > li ul li ul {
  display: none;
}
/*                                    BANNER
////////////////////////////////////////////////////////////////////////////////*/
#banner {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
}
#banner img {
  max-width: 100%;
  height: auto;
}
#banner .slideCont {
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 1;
}
#banner .slideCont #slideshow {
  position: relative;
}
#banner .slideCont #slideshow span,
#banner .slideCont #slideshow a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
#banner .slideCont #slideshow span.active,
#banner .slideCont #slideshow a.active {
  position: relative;
}
#banner #control {
  display: none;
  position: absolute;
  bottom: 10px;
  left: 50%;
}
#banner #control #dots {
  position: relative;
  height: 15px;
  left: -50%;
  z-index: 9;
}
#banner #control #dots:before,
#banner #control #dots:after {
  content: " ";
  display: block;
}
#banner #control #dots:after {
  clear: both;
}
#banner #control #dots {
  *zoom: 1;
  clear: both;
}
#banner #control #dots a {
  display: block;
  float: left;
  width: 12px;
  height: 12px;
  background: url("images/slider-nav-l.png") no-repeat;
  background-position: 0 0px;
  text-decoration: none;
  margin: 0 3px 0 0;
}
#banner #control #dots a.active {
  background-position: 0 -12px;
}
#banner #b-left {
  display: block;
  width: 34px;
  height: 34px;
  position: absolute;
  top: 50%;
  left: 2%;
  margin-top: -17px;
  background: url("images/slider-nav-l.png") no-repeat 0 0;
  z-index: 2;
  cursor: pointer;
}
#banner #b-left:hover {
  background-position: 0 -34px;
}
#banner #b-right {
  display: block;
  width: 34px;
  height: 34px;
  position: absolute;
  top: 50%;
  right: 2%;
  margin-top: -17px;
  background: url("images/slider-nav-r.png") no-repeat 0 0;
  z-index: 2;
  cursor: pointer;
}
#banner #b-right:hover {
  background-position: 0 -34px;
}
/*                                    PAGE
////////////////////////////////////////////////////////////////////////////////*/
#navigation + #page {
  margin-top: 5px;
}
#page {
  max-width: 960px;
  margin: 0 auto;
  margin-top: 25px;
}
/*                                    CONTENT
////////////////////////////////////////////////////////////////////////////////*/
#content > h1 {
  margin-top: 0;
}
#hpText {
  max-width: 960px;
  margin: 0 auto;
  margin-top: 20px;
}
/*                                    NAVIGATION
////////////////////////////////////////////////////////////////////////////////*/
#navigation {
  max-width: 960px;
  margin: 0 auto;
  margin-top: 10px;
}
#navigation .clearfix {
  float: right;
}
#navigation a {
  display: block;
  float: left;
  line-height: 18px;
  color: #bcbcbc;
  text-decoration: none;
  padding: 0px 0 0 14px;
  position: relative;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  margin-left: 6px;
  background: url("images/breadcrumb-sipka.png") no-repeat left center;
}
#navigation a.first {
  background: none;
  padding-left: 0;
}
#navigation a.active {
  color: #7a7a7a;
}
#navigation a:hover {
  text-decoration: underline;
}
#message + #navigation {
  margin-top: 0;
}
/*                                    FILTER AND CONTROL
////////////////////////////////////////////////////////////////////////////////*/
#filterContainer {
  margin: 25px 0 0 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  padding: 15px 0 0 0;
}
#slider {
  margin-bottom: 15px;
}
#slider td {
  padding: 0 10px 0 0;
  margin: 0;
  height: 20px;
  vertical-align: middle;
}
#slider td h3 {
  margin: 0;
}
#slider span.title {
  display: block;
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  line-height: 20px;
  color: #2d3746;
}
#slider td.selector {
  height: 20px;
}
#slider td.selector #slider-selector {
  background: url("images/slider-bg.png") repeat-x center;
  height: 20px;
  width: 300px;
  position: relative;
}
#slider td.selector #slider-selector #selector-bg {
  background: url("images/slider-bg-active.png") repeat-x center;
  height: 20px;
  width: 300px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#slider td.selector #slider-selector .control {
  width: 20px;
  height: 20px;
  background: url("images/filtrovani-cena-slider.png") no-repeat center center;
  z-index: 2;
  position: absolute;
  cursor: pointer;
}
#slider span#selector-price-min,
#slider span#selector-price-max {
  display: block;
  height: 20px;
  line-height: 20px;
  width: 90px;
  font-size: 15px; /* add PX (or original value) as backup */
  font-size: 0.9375rem;
  color: #2d3746;
}
#slider span#selector-price-min b,
#slider span#selector-price-max b {
  color: #2d3746;
  font-weight: normal;
}
#slider span#selector-price-min {
  text-align: right;
}
#slider span#selector-price-max {
  text-align: left;
}
#sort .container {
  z-index: 3;
  display: block;
}
#sort .container .filters .filterItem {
  margin: 0 0 15px 0;
}
#sort .container .filters .filterItem:first-child {
  border-top: 0;
  padding-top: 0;
}
#sort .container .filters .filterItem .params .filterTitle {
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  line-height: 20px;
  float: left;
}
#sort .container .filters .filterItem .params .filterTitle span {
  display: block;
  line-height: 20px;
  color: #2d3746;
}
#sort .container .filters .filterItem .params .content {
  margin: 0 0 0 20px;
  float: left;
}
#sort .container .filters .filterItem .params .content ul {
  line-height: 20px;
}
#sort .container .filters .filterItem .params .content ul:before,
#sort .container .filters .filterItem .params .content ul:after {
  content: " ";
  display: block;
}
#sort .container .filters .filterItem .params .content ul:after {
  clear: both;
}
#sort .container .filters .filterItem .params .content ul {
  *zoom: 1;
  clear: both;
}
#sort .container .filters .filterItem .params .content ul li {
  float: left;
  margin-right: 18px;
  line-height: 20px;
}
#sort .container .filters .filterItem .params .content ul li label {
  color: #2d3746;
  line-height: 20px;
}
#sort .container .filters .filterItem .params .content ul li label span {
  vertical-align: middle;
  line-height: 20px;
}
#sort .container .filters .filterItem .params .content ul li label input[type='checkbox'] {
  vertical-align: middle;
  margin-top: 0;
}
#sort .container .filters .filterItem .params .content ul li select {
  width: 155px;
}
#sort .container input[type='submit'] {
  margin-top: 10px;
  width: 95px;
  height: 26px;
  line-height: 26px;
  background: #2d3746;
  border: none;
  outline: none;
  cursor: pointer;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 13px; /* add PX (or original value) as backup */
  font-size: 0.8125rem;
  text-align: center;
}
#sort .container input[type='submit']:hover {
  background: #29323f;
}
#sort .container input[type='submit']:hover {
  background: #1b212a;
}
.sortContainer {
  position: relative;
  margin-top: 15px;
  margin-bottom: 30px;
}
.sortContainer.bottom {
  margin-top: 15px;
}
.paginate {
  height: 20px;
  float: right;
  padding: 2px 0;
}
.paginate .paging {
  height: 20px;
  line-height: 20px;
  position: relative;
  margin: 0 0 0 0;
}
.paginate .paging > p {
  margin: 0;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  padding: 0 40px 0 0;
}
.paginate .paging > p:before,
.paginate .paging > p:after {
  content: " ";
  display: block;
}
.paginate .paging > p:after {
  clear: both;
}
.paginate .paging > p {
  *zoom: 1;
  clear: both;
}
.paginate .paging > p span,
.paginate .paging > p a {
  display: block;
  float: left;
  padding: 0 4px;
  text-align: center;
  text-decoration: none;
  color: #2d3746;
  line-height: 20px;
  font-size: 16px; /* add PX (or original value) as backup */
  font-size: 1rem;
  margin: 0 3px;
}
.paginate .paging > p a:hover {
  text-decoration: underline;
}
.paginate .paging > p a.pg-prev,
.paginate .paging > p span.pg-prev {
  position: absolute;
  top: 2px;
  right: 17px;
  background: url("images/sipky-l.png") no-repeat;
  background-position: 0 0;
  width: 11px;
  height: 15px;
  padding: 0;
  text-indent: -999px;
  overflow: hidden;
}
.paginate .paging > p a.pg-prev:hover,
.paginate .paging > p span.pg-prev:hover {
  background-position: 0 -15px;
}
.paginate .paging > p a.pg-prev.disabled,
.paginate .paging > p span.pg-prev.disabled {
  background-position: 0 -30px;
}
.paginate .paging > p a.pg-next,
.paginate .paging > p span.pg-next {
  position: absolute;
  top: 2px;
  right: 0;
  background: url("images/sipky-r.png") no-repeat;
  background-position: 0 0;
  width: 11px;
  height: 15px;
  padding: 0;
  text-indent: -999px;
  overflow: hidden;
}
.paginate .paging > p a.pg-next:hover,
.paginate .paging > p span.pg-next:hover {
  background-position: 0 -15px;
}
.paginate .paging > p a.pg-next.disabled,
.paginate .paging > p span.pg-next.disabled {
  background-position: 0 -30px;
}
.paginate .paging > p a.pg-first,
.paginate .paging > p a.pg-last {
  display: none;
}
.paginate .paging > p span {
  color: #599abb;
}
.paginate .paging > p span.paging_dots {
  color: #599abb;
  background: none;
  width: auto;
  margin: 0 3px;
}
#content .orderSort {
  margin: 0px 0 0 0;
  position: relative;
  z-index: 2;
}
#content .orderSort:before,
#content .orderSort:after {
  content: " ";
  display: block;
}
#content .orderSort:after {
  clear: both;
}
#content .orderSort {
  *zoom: 1;
  clear: both;
}
#content .orderSort .order {
  float: left;
  height: 20px;
  padding: 2px 0;
  line-height: 20px;
}
#content .orderSort .order .container:before,
#content .orderSort .order .container:after {
  content: " ";
  display: block;
}
#content .orderSort .order .container:after {
  clear: both;
}
#content .orderSort .order .container {
  *zoom: 1;
  clear: both;
}
#content .orderSort .order .container span.label {
  display: block;
  height: 20px;
  line-height: 20px;
  float: left;
  text-align: left;
  color: #2d3746;
  font-size: 16px; /* add PX (or original value) as backup */
  font-size: 1rem;
  margin-right: 5px;
}
#content .orderSort .order .container .options {
  float: left;
  margin-left: 5px;
}
#content .orderSort .order .container .options select {
  width: 150px;
  height: 20px;
}
#content .orderSort #itemsOnPage {
  float: left;
  height: 20px;
  padding: 2px 0;
  line-height: 20px;
  margin-left: 35px;
}
#content .orderSort #itemsOnPage p {
  margin: 0;
}
#content .orderSort #itemsOnPage p:before,
#content .orderSort #itemsOnPage p:after {
  content: " ";
  display: block;
}
#content .orderSort #itemsOnPage p:after {
  clear: both;
}
#content .orderSort #itemsOnPage p {
  *zoom: 1;
  clear: both;
}
#content .orderSort #itemsOnPage p label {
  display: block;
  height: 20px;
  line-height: 20px;
  float: left;
  text-align: left;
  color: #2d3746;
  font-size: 16px; /* add PX (or original value) as backup */
  font-size: 1rem;
  margin-right: 5px;
}
#content .orderSort #itemsOnPage p select {
  float: left;
  margin-left: 5px;
  height: 20px;
}
/*                                    PRODUCTS
////////////////////////////////////////////////////////////////////////////////*/
.products {
  width: 980px;
  margin: 20px 0 0 0;
}
.products:before,
.products:after {
  content: " ";
  display: block;
}
.products:after {
  clear: both;
}
.products {
  *zoom: 1;
  clear: both;
}
.products .product {
  float: left;
  height: 288px;
  width: 185px;
  padding: 10px 20px;
  background: #fff;
  margin: 0 20px 20px 0;
  position: relative;
}
.products .product a {
  display: block;
  height: 288px;
  width: 185px;
  text-decoration: none;
}
.products .product a:hover span.name {
  text-decoration: underline;
  color: #599abb;
}
.products .product a span.name {
  display: block;
  color: #2d3746;
  text-transform: uppercase;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  line-height: 17px;
  height: 34px;
  overflow: hidden;
  text-align: center;
}
.products .product a span.img {
  display: block;
  width: 185px;
  height: 175px;
  line-height: 172px;
  text-align: center;
  font-size: 100%; /* add PX (or original value) as backup */
  font-size: 100%;
  margin-top: 4px;
  overflow: hidden;
}
.products .product a span.img img {
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
}
.products .product a span.info {
  display: block;
  margin-top: 3px;
}
.products .product a span.info span.availability {
  display: block;
  float: left;
  font-size: 12px; /* add PX (or original value) as backup */
  font-size: 0.75rem;
  color: #666;
  line-height: 16px;
}
.products .product a span.info span.sign {
  display: block;
  float: right;
  font-size: 12px; /* add PX (or original value) as backup */
  font-size: 0.75rem;
  line-height: 16px;
  color: #599abb;
  text-transform: uppercase;
}
.products .product a span.priceVat {
  display: block;
  text-align: center;
  color: #2d3746;
  font-size: 17px; /* add PX (or original value) as backup */
  font-size: 1.0625rem;
  line-height: 24px;
  margin-top: 4px;
}
.products .product a span.priceVatNot {
  display: block;
  text-align: center;
  color: #2d3746;
  font-size: 12px; /* add PX (or original value) as backup */
  font-size: 0.75rem;
  line-height: 20px;
  margin-top: 2px;
}
.products .product a .pricesContainer {
  position: relative;
  z-index: 6;
}
.products .product a .pricesContainer:hover .pricesEurContainer {
  display: block;
}
.products .product a .pricesContainer .pricesEurContainer {
  display: none;
  position: absolute;
  top: 44px;
  left: 50%;
  margin-left: -72px;
  height: 41px;
  width: 137px;
  padding: 10px 4px 4px 4px;
  z-index: 9;
  background: url("images/eur-bublina.png") no-repeat 0 0;
}
.products .product a .pricesContainer .pricesEurContainer span.row {
  display: block;
  text-align: center;
  height: 20px;
  line-height: 20px;
  color: #333743;
  font-size: 12px; /* add PX (or original value) as backup */
  font-size: 0.75rem;
}
.products .product a .pricesContainer .pricesEurContainer span.row.second {
  margin-top: 1px;
}
.products .product a .vykupniCena {
  position: relative;
  z-index: 5;
}
.products .product a .vykupniCena span.text {
  display: block;
  text-align: center;
  color: #2d3746;
  font-size: 10px; /* add PX (or original value) as backup */
  font-size: 0.625rem;
  line-height: 17px;
  font-family: Arial, sans-serif;
  margin-top: 2px;
  vertical-align: middle;
}
.products .product a .vykupniCena span.text i.info {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("images/vykupni-cena-info.png") no-repeat 0 0;
  vertical-align: middle;
}
.products .product a .vykupniCena .box {
  display: none;
  width: 97px;
  height: 20px;
  position: absolute;
  top: 18px;
  left: 50%;
  margin-left: -52px;
  padding: 10px 4px 5px 4px;
  background: url("images/vykupni-cena-bubble.png") no-repeat 0 0;
}
.products .product a .vykupniCena .box span {
  display: block;
  text-align: center;
  height: 20px;
  line-height: 20px;
  color: #333743;
  font-size: 12px; /* add PX (or original value) as backup */
  font-size: 0.75rem;
}
span.left-arrow-container {
  width: 11px;
  height: 15px;
  display: block;
  position: absolute;
  top: 5px;
  left: 130px;
}
span.left-arrow {
  display: block;
  width: 11px;
  height: 15px;
  background: url("images/sipky-l.png") no-repeat 0 -15px;
  cursor: pointer;
}
span.left-arrow:hover {
  background-position: 0 -30px;
}
span.left-arrow.disabled {
  background-position: 0 0;
  cursor: default;
}
span.right-arrow-container {
  width: 11px;
  height: 15px;
  display: block;
  position: absolute;
  top: 5px;
  left: 145px;
}
span.right-arrow {
  display: block;
  width: 11px;
  height: 15px;
  background: url("images/sipky-r.png") no-repeat 0 -15px;
  cursor: pointer;
}
span.right-arrow:hover {
  background-position: 0 -30px;
}
span.right-arrow.disabled {
  background-position: 0 0;
  cursor: default;
}
.signContainer {
  position: relative;
  margin-top: 20px;
}
.signContainer .products {
  width: 980px;
  margin: 0;
}
.signContainer .products:before,
.signContainer .products:after {
  content: " ";
  display: block;
}
.signContainer .products:after {
  clear: both;
}
.signContainer .products {
  *zoom: 1;
  clear: both;
}
.signContainer .products .innerContainer {
  max-width: 960px;
  overflow: hidden;
  padding-bottom: 19px;
  position: relative;
}
.signContainer .products .innerContainer .sliderContainer {
  width: 99999px;
}
.signContainer .products .innerContainer .sliderContainer:before,
.signContainer .products .innerContainer .sliderContainer:after {
  content: " ";
  display: block;
}
.signContainer .products .innerContainer .sliderContainer:after {
  clear: both;
}
.signContainer .products .innerContainer .sliderContainer {
  *zoom: 1;
  clear: both;
}
#hpPricesContainer {
  width: 980px;
  margin-top: 50px;
}
#hpPricesContainer .priceBox {
  float: left;
  margin: 0 20px 20px 0;
  width: 225px;
}
#hpPricesContainer .priceBox h2 {
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  color: #2d3746;
  margin: 0 0 5px 0;
  line-height: 22px;
}
#hpPricesContainer .priceBox img {
  max-width: 225px;
  height: auto;
}
#hpArticles {
  margin-top: 30px;
  position: relative;
}
#hpArticles h2 {
  font-size: 24px; /* add PX (or original value) as backup */
  font-size: 1.5rem;
  margin: 0;
}
#hpArticles .cnt {
  width: 958px;
  overflow: hidden;
  margin: 15px auto 0 auto;
}
#hpArticles .cnt .sliderCnt {
  width: 999999px;
}
#hpArticles .cnt .sliderCnt .article {
  float: left;
  width: 306px;
  margin-right: 20px;
}
#hpArticles .cnt .sliderCnt .article span.date {
  display: block;
  font-size: 10px; /* add PX (or original value) as backup */
  font-size: 0.625rem;
  font-family: Arial, sans-serif;
  color: #686868;
}
#hpArticles .cnt .sliderCnt .article a.title {
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  color: #2d3746;
  text-decoration: none;
  line-height: 19px;
}
#hpArticles .cnt .sliderCnt .article a.title:hover {
  text-decoration: underline;
}
#hpArticles .cnt .sliderCnt .article p {
  font-family: Arial, sans-serif;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  color: #686868;
  margin: 5px 0 5px 0;
}
#hpArticles .cnt .sliderCnt .article a.more {
  color: #599abb;
  text-transform: lowercase;
  text-decoration: none;
}
#hpArticles .cnt .sliderCnt .article a.more:hover {
  text-decoration: underline;
}
/*                                    PRODUCT HEADER
////////////////////////////////////////////////////////////////////////////////*/
#productHeader {
  margin: 12px 0 40px 0;
}
#productHeader .left {
  float: left;
  max-width: 330px;
  width: 40%;
}
#productHeader .left span.sign {
  display: block;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  line-height: 16px;
  color: #599abb;
  text-transform: uppercase;
  margin-bottom: 2px;
}
#productHeader .left .topImg {
  padding: 15px;
  border: 1px solid #ebebeb;
  text-align: center;
}
#productHeader .left .topImg img {
  max-width: 100%;
  height: auto;
}
#productHeader .left #smallImages {
  margin-top: 10px;
}
#productHeader .left #smallImages .image {
  width: 50px;
  height: 50px;
  float: left;
  margin: 0 1px 1px 0;
}
#productHeader .left #smallImages .image a {
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 47px;
  font-size: 100%; /* add PX (or original value) as backup */
  font-size: 100%;
}
#productHeader .left #smallImages .image a img {
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
}
#productHeader .right {
  float: right;
  max-width: 560px;
  position: relative;
  width: 50%;
}
#productHeader .right p.perex {
  color: #2d3746;
  font-size: 13px; /* add PX (or original value) as backup */
  font-size: 0.8125rem;
  font-family: Arial, sans-serif;
  margin: 0;
}
#productHeader .right .priceBox {
  margin-top: 24px;
  width: 340px;
}
#productHeader .right .priceBox .left {
  float: left;
}
#productHeader .right .priceBox .left span.priceVat {
  display: block;
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  color: #2d3746;
  line-height: 20px;
}
#productHeader .right .priceBox .left span.priceVatNot {
  display: block;
  font-size: 12px; /* add PX (or original value) as backup */
  font-size: 0.75rem;
  color: #2d3746;
  line-height: 16px;
  margin-top: 2px;
}
#productHeader .right .priceBox .left span.priceEur {
  display: block;
  font-size: 12px; /* add PX (or original value) as backup */
  font-size: 0.75rem;
  color: #7c7c7c;
  line-height: 16px;
  margin-top: 2px;
}
#productHeader .right .priceBox .right {
  float: left;
}
#productHeader .right .priceBox .right a {
  display: block;
  width: 72px;
  height: 37px;
  background: url("images/koupit-button.png") no-repeat 0 0;
  line-height: 38px;
  padding-left: 70px;
  text-align: left;
  color: #2d3746;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px; /* add PX (or original value) as backup */
  font-size: 0.9375rem;
}
#productHeader .right .priceBox .right a:hover {
  background-position: 0 -37px;
  color: #fff;
}
#productHeader .right .tableContainer {
  padding: 6px 0;
  margin-top: 24px;
}
#productHeader .right .tableContainer > table {
  width: 100%;
}
#productHeader .right .tableContainer > table td {
  padding: 4px 0;
  line-height: 18px;
}
#productHeader .right .tableContainer > table td.key {
  text-align: left;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  color: #7b7b7b;
}
#productHeader .right .tableContainer > table td.value {
  text-align: left;
  font-size: 15px; /* add PX (or original value) as backup */
  font-size: 0.9375rem;
  color: #2d3746;
}
#productHeader .right .tableContainer > table td.value span.availability.green {
  color: #0a731e;
}
#section {
  padding: 15px 15px 7px 15px;
}
#section > a {
  text-decoration: underline;
}
#description {
  margin: 30px 0 40px 0;
}
#description h2 {
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  color: #2d3746;
  margin: 0 0 15px 0;
  font-weight: normal;
}
#files {
  margin: 0 0 0 0;
}
#files ul {
  margin-top: 5px;
}
#files ul li {
  padding: 1px 0;
}
#files ul li a {
  text-decoration: underline;
  padding-left: 20px;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  line-height: 20px;
  color: #599abb;
  background: url("https://www.zlatozlato.cz/styles/images/file.png") no-repeat left center;
}
#files ul li a:hover {
  text-decoration: none;
}
/*                                    DESCRIPTION
////////////////////////////////////////////////////////////////////////////////*/
h2.lower {
  padding: 0 0 10px 0px;
  margin: 0;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  line-height: 16px;
  color: #2669c2;
  text-transform: uppercase;
  border-bottom: 1px solid #2669c2;
}
h2.lower a,
h2.lower span {
  color: #0351a3;
  text-decoration: none;
}
.lowerProducts .signContainer {
  width: 695px;
}
.lowerProducts .signContainer .products {
  width: 705px;
}
.lowerProducts .signContainer .products .innerContainer {
  width: 695px;
  margin: 0;
}
.lowerProducts .signContainer .products .product {
  margin-right: 10px;
}
/*                                    BASKET
////////////////////////////////////////////////////////////////////////////////*/
#back {
  max-width: 960px;
  margin: 0 auto;
}
#back a {
  display: block;
  width: 104px;
  height: 30px;
  line-height: 30px;
  padding: 4px 0 3px 40px;
  color: #2b364c;
  text-transform: uppercase;
  font-size: 12px; /* add PX (or original value) as backup */
  font-size: 0.75rem;
  text-decoration: none;
  background: url("images/zpet-k-nakupu.jpg") no-repeat 0 0;
}
#back a:hover {
  background-position: 0 -37px;
  color: #fff;
}
div#basket {
  background: #fff;
}
div#basket h2.basket {
  padding: 0 0 0 12px;
  margin: 0 0 0 0;
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  font-weight: normal;
  color: #2d3746;
  text-align: left;
}
div#basket .progress {
  padding-bottom: 35px;
  margin-bottom: 25px;
}
div#basket .progress.step2,
div#basket .progress.step4 {
  border-bottom: 1px solid #dbdbdb;
}
div#basket .progress:before,
div#basket .progress:after {
  content: " ";
  display: block;
}
div#basket .progress:after {
  clear: both;
}
div#basket .progress {
  *zoom: 1;
  clear: both;
}
div#basket .progress .step {
  float: left;
  width: 25%;
  text-align: center;
}
div#basket .progress .step.active > a,
div#basket .progress .step.active > span {
  color: #599abb;
}
div#basket .progress .step > a,
div#basket .progress .step > span {
  text-decoration: none;
  color: #2d3746;
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
}
div#basket .tableContainer {
  margin-top: 0;
}
div#basket table {
  width: 100%;
  border-collapse: separate;
  text-align: left;
  margin-top: 0;
}
div#basket table tr th {
  padding: 7px 0;
  color: #2d3746 !important;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  font-weight: normal;
  vertical-align: middle;
  border-bottom: 1px solid #dbdbdb;
}
div#basket table tr th.bold {
  font-weight: bold;
  text-transform: uppercase;
}
div#basket table tr th.itm {
  text-align: left;
}
div#basket table tr td {
  padding: 5px 5px;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  color: #262729;
  vertical-align: middle;
  border-bottom: 1px solid #dbdbdb;
}
div#basket table tr th.image,
div#basket table tr td.image {
  text-align: left;
}
div#basket table tr th.image a,
div#basket table tr td.image a,
div#basket table tr th.image span.notAhref,
div#basket table tr td.image span.notAhref {
  display: block;
  width: 48px;
  padding: 3px 0;
  text-align: center;
  font-size: 100%; /* add PX (or original value) as backup */
  font-size: 100%;
}
div#basket table tr th.image a img,
div#basket table tr td.image a img,
div#basket table tr th.image span.notAhref img,
div#basket table tr td.image span.notAhref img {
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
}
div#basket table tr th.name,
div#basket table tr td.name {
  text-align: left;
  padding-left: 10px;
  font-size: 16px; /* add PX (or original value) as backup */
  font-size: 1rem;
  color: #2d3746;
}
div#basket table tr th.name a,
div#basket table tr td.name a {
  text-decoration: none;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  color: #2d3746;
  text-transform: uppercase;
}
div#basket table tr th.name a:hover,
div#basket table tr td.name a:hover {
  text-decoration: underline;
}
div#basket table tr th.availability,
div#basket table tr td.availability {
  padding: 0 10px;
  text-align: left;
}
div#basket table tr th.availability span.availability,
div#basket table tr td.availability span.availability {
  color: #474747;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
}
div#basket table tr th.availability span.availability.green,
div#basket table tr td.availability span.availability.green {
  color: #0a731e;
}
div#basket table tr th.quantity,
div#basket table tr td.quantity {
  padding: 0 10px;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
}
div#basket table tr th.quantity input[type="text"],
div#basket table tr td.quantity input[type="text"] {
  background: none;
  width: 20px;
  height: 16px;
  line-height: 16px;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  padding: 4px;
  text-align: center;
  color: #273848;
  border: none;
  background: #ebebeb;
  outline: none;
}
div#basket table tr th.quantity span,
div#basket table tr td.quantity span {
  font-size: 16px; /* add PX (or original value) as backup */
  font-size: 1rem;
  color: #2d3746;
}
div#basket table tr th.price,
div#basket table tr td.price {
  padding: 0 10px;
  color: #2d3746;
  text-align: right;
}
div#basket table tr th.price span,
div#basket table tr td.price span {
  font-size: 17px; /* add PX (or original value) as backup */
  font-size: 1.0625rem;
}
div#basket table tr th.del,
div#basket table tr td.del {
  text-align: right;
  padding-right: 8px;
}
div#basket table tr th.del a,
div#basket table tr td.del a {
  display: block;
  height: 20px;
}
div#basket table tr td.first {
  padding-left: 0;
}
div#basket table tr td.last {
  padding-right: 0;
}
div#basket table tr.info td {
  padding-top: 10px;
  padding-bottom: 10px;
}
div#basket table tr.spacer td {
  border: none;
  padding: 4px 0;
  line-height: 1px;
  font-size: 1px; /* add PX (or original value) as backup */
  font-size: 0.0625rem;
}
div#basket table.recapitulation th.price,
div#basket table.recapitulation td.price {
  text-align: right;
}
div#basket table.recapitulation tr.totalPrice td {
  padding-right: 0;
}
div#basket .prices {
  margin-top: 15px;
  padding: 5px 0;
}
div#basket .prices .priceVat span.price {
  float: right;
  display: block;
  text-align: right;
  font-size: 23px; /* add PX (or original value) as backup */
  font-size: 1.4375rem;
  color: #2d3746;
}
div#basket .prices .priceVatNot span.price {
  float: right;
  display: block;
  text-align: right;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  color: #2d3746;
}
div#basket .recount {
  margin-top: 10px;
}
div#basket .recount input[type='submit'] {
  float: right;
  width: 142px;
  height: 37px;
  color: #2d3746;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  background: url("images/cart-prepocitat.png") no-repeat 0 0;
  padding: 0 0 0 40px;
  text-transform: uppercase;
  margin: 0;
  border: none;
  outline: none;
  cursor: pointer;
}
div#basket .recount input[type='submit']:hover {
  background-position: 0 -37px;
  color: #fff;
}
div#basket .shipPay {
  position: relative;
  padding-bottom: 160px;
  margin-top: 35px;
  padding-top: 25px;
}
div#basket .shipPay:before,
div#basket .shipPay:after {
  content: " ";
  display: block;
}
div#basket .shipPay:after {
  clear: both;
}
div#basket .shipPay {
  *zoom: 1;
  clear: both;
}
div#basket .shipPay fieldset#fieldset-details > p {
  display: none;
}
div#basket .shipPay fieldset#fieldset-details > p.radio,
div#basket .shipPay fieldset#fieldset-details > p.cupon {
  display: block;
}
div#basket .shipPay legend {
  display: none;
}
div#basket .shipPay ul.errors {
  position: relative;
  bottom: 0;
  left: 0;
  margin-top: 15px;
}
div#basket .shipPay p.radio {
  position: relative;
  float: left;
  width: 50%;
  margin: 0 0 30px 0;
  padding-top: 30px;
  border-top: 1px solid #dbdbdb;
}
div#basket .shipPay p.radio label {
  display: block;
  line-height: 24px;
  margin: 0;
}
div#basket .shipPay p.radio label input {
  margin: 0 3px 0 0;
}
div#basket .shipPay p.radio br {
  display: none;
}
div#basket .shipPay label[for='id_shipping'],
div#basket .shipPay label[for='id_payment'],
div#basket .shipPay label.required {
  display: block !important;
  margin: 0 0 10px 0 !important;
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  color: #2d3746;
}
div#basket .shipPay p.cupon {
  clear: both;
  width: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 132px;
  margin: 0;
  padding-top: 30px;
  border-top: 1px solid #dbdbdb;
}
div#basket .shipPay p.cupon label[for='sale_code'],
div#basket .shipPay p.cupon label.optional {
  display: block !important;
  margin: 0 0 10px 0;
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  color: #2d3746;
}
div#basket .shipPay p.cupon input[type='text'] {
  width: 80%;
  height: 16px;
  line-height: 16px;
  padding: 5px 5px;
  background: #fff;
  color: #474747;
  outline: none;
  border: 1px solid #a4a4a4;
}
div#basket .shipPay .notice {
  width: 50%;
  height: 132px;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-top: 30px;
  border-top: 1px solid #dbdbdb;
}
div#basket .shipPay .notice p {
  margin: 0;
}
div#basket .shipPay .notice legend {
  display: none;
}
div#basket .shipPay .notice label {
  display: block !important;
  margin: 0 0 10px 0;
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  color: #2d3746;
}
div#basket .shipPay .notice textarea {
  border: 1px solid #a4a4a4;
  padding: 5px;
  width: 80%;
  height: 66px;
  color: #474747;
  outline: none;
}
div#basket .priceBox {
  position: relative;
  margin-top: 50px;
}
div#basket .priceBox span.title {
  position: absolute;
  top: -25px;
  left: 0px;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
}
div#basket .priceBox table {
  width: auto;
}
div#basket .priceBox table td.key,
div#basket .priceBox table td.value {
  padding: 5px 20px;
  border-bottom: 1px solid #ececec;
}
div#basket .priceBox table td.value {
  text-align: right;
}
div#basket .priceBox table td.value span.priceVat {
  font-size: 16px; /* add PX (or original value) as backup */
  font-size: 1rem;
}
div#basket .next {
  margin-top: 15px;
  padding-right: 10px;
}
div#basket .next:before,
div#basket .next:after {
  content: " ";
  display: block;
}
div#basket .next:after {
  clear: both;
}
div#basket .next {
  *zoom: 1;
  clear: both;
}
div#basket .next p {
  margin: 0;
}
div#basket input[id='submit_next'],
div#basket input[id='submit_login'],
div#basket input[id='customer_submit'] {
  float: right;
  display: block;
  width: 182px;
  height: 37px;
  line-height: 37px;
  background: url("images/cart-pokracovat-butotn.png") no-repeat 0 0;
  color: #fff;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  padding: 0 0 0 20px;
  text-transform: uppercase;
  text-align: left;
  margin: 0;
  border: none;
  outline: none;
  cursor: pointer;
}
div#basket input[id='submit_next']:hover,
div#basket input[id='submit_login']:hover,
div#basket input[id='customer_submit']:hover {
  background-position: 0 -37px;
}
div#basket #button_recapitulation {
  margin-top: 5px;
}
div#basket #button_recapitulation:before,
div#basket #button_recapitulation:after {
  content: " ";
  display: block;
}
div#basket #button_recapitulation:after {
  clear: both;
}
div#basket #button_recapitulation {
  *zoom: 1;
  clear: both;
}
div#basket #button_recapitulation p {
  margin: 0;
}
div#basket #button_recapitulation input[type='submit'] {
  float: right;
  display: block;
  width: 182px;
  height: 37px;
  line-height: 37px;
  background: url("images/cart-pokracovat-butotn.png") no-repeat 0 0;
  color: #fff;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  padding: 0 0 0 20px;
  text-transform: uppercase;
  text-align: left;
  margin: 0;
  border: none;
  outline: none;
  cursor: pointer;
}
div#basket #button_recapitulation input[type='submit']:hover {
  background-position: 0 -37px;
}
div#basket #basket_customer {
  position: relative;
}
div#basket #basket_customer:before,
div#basket #basket_customer:after {
  content: " ";
  display: block;
}
div#basket #basket_customer:after {
  clear: both;
}
div#basket #basket_customer {
  *zoom: 1;
  clear: both;
}
div#basket #basket_customer legend {
  display: none;
}
div#basket #basket_customer #customer_login {
  position: relative;
  float: left;
  width: 45%;
  margin-bottom: 20px;
}
div#basket #basket_customer #customer_login ul.basket_registrace {
  padding: 0;
}
div#basket #basket_customer #customer_login ul.basket_registrace:before,
div#basket #basket_customer #customer_login ul.basket_registrace:after {
  content: " ";
  display: block;
}
div#basket #basket_customer #customer_login ul.basket_registrace:after {
  clear: both;
}
div#basket #basket_customer #customer_login ul.basket_registrace {
  *zoom: 1;
  clear: both;
}
div#basket #basket_customer #customer_login ul.basket_registrace li {
  padding: 3px 0;
  line-height: 15px;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
}
div#basket #basket_customer #customer_login ul.basket_registrace li a {
  color: #599abb;
}
div#basket #basket_customer #customer_login ul.basket_registrace li a:hover {
  text-decoration: none;
}
div#basket #basket_customer #customer_login fieldset:before,
div#basket #basket_customer #customer_login fieldset:after {
  content: " ";
  display: block;
}
div#basket #basket_customer #customer_login fieldset:after {
  clear: both;
}
div#basket #basket_customer #customer_login fieldset {
  *zoom: 1;
  clear: both;
}
div#basket #basket_customer #customer_login fieldset .fl {
  margin: 0;
}
div#basket #basket_customer #customer_login fieldset .fl p {
  padding: 4px 0 4px 0;
  margin: 0;
}
div#basket #basket_customer #customer_login fieldset .fl p label {
  width: 140px;
  color: #2d3746;
}
div#basket #basket_customer #customer_login fieldset .fl p input[type='text'],
div#basket #basket_customer #customer_login fieldset .fl p input[type='password'] {
  width: calc(85% - 110px);
}
div#basket #basket_customer #customer_login .loginSubmit input[type='submit'] {
  display: block;
  width: 95px;
  height: 37px;
  line-height: 37px;
  background: #ebebeb;
  color: #2d3746;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  padding: 0;
  float: none;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  border: none;
  outline: none;
  cursor: pointer;
}
div#basket #basket_customer #customer_login .loginSubmit input[type='submit']:hover {
  background: #d3d3d3;
}
div#basket #basket_customer #customer_withoutReg {
  padding: 0 10px;
  width: 60%;
  float: left;
}
div#basket #basket_customer #customer_withoutReg > form > p {
  margin: 5px 0;
}
div#basket #basket_customer #customer_withoutReg > form > p label[for='newsletter'] {
  width: auto;
}
div#basket #basket_customer #customer_withoutReg fieldset:before,
div#basket #basket_customer #customer_withoutReg fieldset:after {
  content: " ";
  display: block;
}
div#basket #basket_customer #customer_withoutReg fieldset:after {
  clear: both;
}
div#basket #basket_customer #customer_withoutReg fieldset {
  *zoom: 1;
  clear: both;
}
div#basket #basket_customer #customer_withoutReg fieldset .fl {
  margin: 0 35px 0 0;
  float: left;
}
div#basket #basket_customer #customer_withoutReg fieldset .fl p {
  padding: 4px 0 4px 0;
  margin: 0;
}
div#basket #basket_customer #customer_withoutReg fieldset .fl p label {
  width: 110px;
  color: #2d3746;
}
div#basket #basket_customer #customer_withoutReg fieldset .fl p input[type='text'] {
  width: calc(85% - 110px);
}
div#basket #basket_customer #customer_withoutReg fieldset .toCompany {
  clear: both;
  padding: 15px 0;
}
div#basket #basket_customer #customer_withoutReg fieldset .toCompany .companyBg {
  padding: 0;
}
div#basket #basket_customer #customer_withoutReg fieldset .toCompany .companyBg span.control {
  display: block;
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  color: #2d3746;
}
div#basket #basket_customer #customer_withoutReg fieldset .toCompany .companyBg .companyContainer {
  padding: 0;
}
div#basket #basket_customer #customer_withoutReg fieldset .toCompany .companyBg .companyContainer:before,
div#basket #basket_customer #customer_withoutReg fieldset .toCompany .companyBg .companyContainer:after {
  content: " ";
  display: block;
}
div#basket #basket_customer #customer_withoutReg fieldset .toCompany .companyBg .companyContainer:after {
  clear: both;
}
div#basket #basket_customer #customer_withoutReg fieldset .toCompany .companyBg .companyContainer {
  *zoom: 1;
  clear: both;
}
div#basket #basket_customer #customer_withoutReg .buttonPanel {
  margin-top: 5px;
  padding-top: 13px;
}
div#basket #basket_customer #customer_withoutReg .buttonPanel:before,
div#basket #basket_customer #customer_withoutReg .buttonPanel:after {
  content: " ";
  display: block;
}
div#basket #basket_customer #customer_withoutReg .buttonPanel:after {
  clear: both;
}
div#basket #basket_customer #customer_withoutReg .buttonPanel {
  *zoom: 1;
  clear: both;
}
div#basket #basket_customer #customer_withoutReg .buttonPanel p {
  margin: 0;
}
div#basket #basket_customer #customer_login + #customer_withoutReg {
  float: right;
  padding: 0 10px;
  width: 45%;
}
div#basket #basket_customer #customer_login + #customer_withoutReg fieldset .fl p input[type='text'] {
  width: calc(85% - 110px);
}
div#basket #basket_customer h2 {
  display: block;
  padding: 0;
  margin: 0 0 10px 0 !important;
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  color: #2d3746;
  font-weight: normal;
}
div#basket #poznamka {
  margin-top: 15px;
  width: 50%;
}
div#basket #poznamka h2 {
  display: block !important;
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  color: #2d3746 !important;
}
div#basket #poznamka .textPage p {
  padding: 0;
  margin-top: 7px;
}
div#basket #udaje {
  margin-top: 30px;
}
div#basket #udaje:before,
div#basket #udaje:after {
  content: " ";
  display: block;
}
div#basket #udaje:after {
  clear: both;
}
div#basket #udaje {
  *zoom: 1;
  clear: both;
}
div#basket #udaje #udaje_left {
  float: left;
  width: 45%;
  position: relative;
}
div#basket #udaje #udaje_right {
  float: left;
  width: 45%;
  position: relative;
}
div#basket #udaje h3 {
  display: block !important;
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  color: #2d3746 !important;
}
div#basket #udaje table {
  margin: 0;
  padding-right: 15px;
}
div#basket #udaje table tr {
  border: none;
}
div#basket #udaje table tr th {
  padding: 0 0 10px 0;
  text-align: left;
}
div#basket #udaje table tr td {
  padding: 5px 15px 5px 0;
  font-weight: normal;
  border: none;
  color: #1c1c1c;
  font-family: Arial, sans-serif;
}
div#basket #udaje table tr td.dis-label {
  color: #777;
}
div#basket #udaje table tr div.dis-input {
  padding: 0 10px;
}
div#basket h2.finish {
  padding: 0 0 0 12px;
  margin: 0 0 10px 0;
  font-size: 16px; /* add PX (or original value) as backup */
  font-size: 1rem;
  line-height: 40px !important;
  background: #383838;
  color: #fff !important;
  font-weight: normal;
}
div#basket #basket_finish {
  margin-top: 15px;
}
div#basket #basket_finish .textPage {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 50px;
}
div#basket #basket_finish .textPage > p {
  margin: 0;
  color: #2d3746;
  font-size: 15px; /* add PX (or original value) as backup */
  font-size: 0.9375rem;
}
div#basket #basket_finish p,
div#basket #basket_finish ul {
  max-width: 650px;
}
div#basket .finishHref {
  margin-top: 30px;
}
div#basket .finishHref a {
  float: right;
  display: block;
  width: 162px;
  height: 37px;
  line-height: 37px;
  background: url("images/cart-pokracovat-butotn.png") no-repeat 0 0;
  color: #fff;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  padding: 0 0 0 20px;
  text-transform: uppercase;
  text-align: left;
  margin: 0;
  text-decoration: none;
  border: none;
  outline: none;
  cursor: pointer;
}
div#basket .finishHref a:hover {
  background-position: 0 -37px;
}
/*                                    STYLED FORM
////////////////////////////////////////////////////////////////////////////////*/
.styled_form input[type='text'],
.styled_form input[type='password'] {
  border: none;
  outline: none;
  width: 90%;
  max-width: 300px;
  padding: 8px 5px;
  line-height: 16px;
  height: 16px;
  display: block;
  border: 1px solid #9d9d9d;
}
.styled_form select {
  border: 1px solid #9d9d9d;
  width: 134px;
  padding: 0 5px;
  line-height: 22px;
  height: 22px;
  display: block;
}
.styled_form textarea {
  width: 90%;
  max-width: 450px;
  padding: 5px;
  border: 1px solid #9d9d9d;
  display: block;
}
.styled_form input[type='checkbox'] {
  vertical-align: middle;
}
.styled_form label {
  line-height: 32px;
  font-size: 15px; /* add PX (or original value) as backup */
  font-size: 0.9375rem;
  color: #2d3746;
}
.styled_form label[for='custom_delivery'],
.styled_form label[for='f-op'] {
  width: auto;
  margin: 0;
}
.styled_form br {
  display: none;
}
.styled_form legend {
  display: none;
}
.styled_form input[type='submit'] {
  display: block;
  width: 110px;
  height: 37px;
  line-height: 37px;
  background: #ebebeb;
  color: #2d3746;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  padding: 0;
  float: none;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  border: none;
  outline: none;
  cursor: pointer;
}
.styled_form input[type='submit']:hover {
  background: #d3d3d3;
}
.styled_form .podminky:before,
.styled_form .podminky:after {
  content: " ";
  display: block;
}
.styled_form .podminky:after {
  clear: both;
}
.styled_form .podminky {
  *zoom: 1;
  clear: both;
}
.styled_form .podminky p {
  float: left;
  line-height: 32px;
  margin: 0 5px 0 0;
}
.styled_form.inline label {
  display: inline-block;
  width: 130px;
}
.styled_form.inline input[type='text'],
.styled_form.inline input[type='password'] {
  display: inline-block;
  width: calc(85% - 130px);
  max-width: 210px;
}
.styled_form.inline label[for='custom_delivery'],
.styled_form.inline label[for='f-op'],
.styled_form.inline label[for='send_mail'],
.styled_form.inline label[for='newsletter'],
.styled_form.inline label[for='trade_terms'],
.styled_form.inline label[for='personal_terms'] {
  width: auto;
  color: #2d3746;
}
.styled_form.inline label[for='f-personal_terms'] {
  width: auto;
  color: #2d3746;
  line-height: 20px;
  padding: 6px 0;
}
/*                                    USER ORDERS
////////////////////////////////////////////////////////////////////////////////*/
table.orders th,
table.orders td {
  padding: 3px 15px 3px 0;
}
table.orders th {
  font-weight: bold;
}
table.orders th.right {
  text-align: left;
}
table.orders td {
  text-align: left;
}
table.orders.style2 {
  margin-top: 10px;
}
#customer_orders {
  padding-bottom: 5px;
}
#customer_orders h2.title {
  margin-bottom: 25px;
}
#customer_orders .order {
  margin-top: 10px;
}
#customer_orders .order:hover .table {
  background: #488db0;
}
#customer_orders .order.active .table {
  background: #488db0;
}
#customer_orders .order.active .contentContainer {
  display: block;
}
#customer_orders .order .table {
  padding: 5px 20px 5px 20px;
  background: #599abb;
  cursor: pointer;
}
#customer_orders .order .table table {
  width: 100%;
}
#customer_orders .order .table table td {
  height: 50px;
  vertical-align: middle;
  color: #fff;
  text-align: left;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  padding-right: 20px;
}
#customer_orders .order .table table td.code {
  font-size: 16px; /* add PX (or original value) as backup */
  font-size: 1rem;
}
#customer_orders .order .contentContainer {
  display: none;
  padding: 20px 25px 15px 25px;
  border-right: 2px solid #488db0;
  border-bottom: 2px solid #488db0;
  border-left: 2px solid #488db0;
  background: #fff;
}
#customer_orders .order .contentContainer .info:before,
#customer_orders .order .contentContainer .info:after {
  content: " ";
  display: block;
}
#customer_orders .order .contentContainer .info:after {
  clear: both;
}
#customer_orders .order .contentContainer .info {
  *zoom: 1;
  clear: both;
}
#customer_orders .order .contentContainer .info .left {
  float: left;
  width: 280px;
}
#customer_orders .order .contentContainer .info .right {
  float: left;
  width: 280px;
}
#customer_orders .order .contentContainer .info .row {
  padding: 2px 0;
}
#customer_orders .order .contentContainer .info .row:before,
#customer_orders .order .contentContainer .info .row:after {
  content: " ";
  display: block;
}
#customer_orders .order .contentContainer .info .row:after {
  clear: both;
}
#customer_orders .order .contentContainer .info .row {
  *zoom: 1;
  clear: both;
}
#customer_orders .order .contentContainer .info .row span.key {
  display: block;
  float: left;
  width: 112px;
  line-height: 20px;
  color: #000;
}
#customer_orders .order .contentContainer .info .row span.value {
  display: block;
  float: left;
  font-size: 16px; /* add PX (or original value) as backup */
  font-size: 1rem;
  color: #599abb;
  line-height: 20px;
}
#customer_orders .order .contentContainer .parts {
  margin-top: 17px;
  padding-top: 12px;
}
#customer_orders .order .contentContainer .parts table {
  width: 100%;
}
#customer_orders .order .contentContainer .parts table th {
  text-align: left;
  color: #000;
  font-weight: normal;
  padding: 3px 5px 3px 5px;
  border: 1px solid #494949;
  vertical-align: middle;
}
#customer_orders .order .contentContainer .parts table th.first {
  padding-left: 0;
}
#customer_orders .order .contentContainer .parts table th.last {
  padding-right: 0;
}
#customer_orders .order .contentContainer .parts table td {
  font-size: 15px; /* add PX (or original value) as backup */
  font-size: 0.9375rem;
  color: #000;
  padding: 7px 5px;
  border: 1px solid #494949;
}
#customer_orders .order .contentContainer .parts table td.blue {
  color: #599abb;
}
#customer_orders .order .contentContainer .parts table td.first {
  padding-left: 0;
}
#customer_orders .order .contentContainer .parts table td.last {
  padding-right: 0;
}
#customer_orders .order .contentContainer .parts table td.code {
  font-size: 15px; /* add PX (or original value) as backup */
  font-size: 0.9375rem;
}
#customer_orders .order .contentContainer .parts table .name {
  padding-right: 15px;
}
#customer_orders .order .contentContainer .bottomButtons {
  margin-top: 10px;
}
#customer_orders .order .contentContainer .bottomButtons:before,
#customer_orders .order .contentContainer .bottomButtons:after {
  content: " ";
  display: block;
}
#customer_orders .order .contentContainer .bottomButtons:after {
  clear: both;
}
#customer_orders .order .contentContainer .bottomButtons {
  *zoom: 1;
  clear: both;
}
#customer_orders .order .contentContainer .bottomButtons a.addProducts,
#customer_orders .order .contentContainer .bottomButtons a.again {
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  background: #599abb;
  cursor: pointer;
  border: none;
  outline: none;
  padding: 0 10px;
  margin: 0 10px 0 0;
  color: #fff;
}
#customer_orders .order .contentContainer .bottomButtons a.addProducts:hover,
#customer_orders .order .contentContainer .bottomButtons a.again:hover {
  background: #488db0;
}
#customer_orders .order .contentContainer .bottomButtons a.addProducts:active,
#customer_orders .order .contentContainer .bottomButtons a.again:active {
  background: #407d9d;
}
#customer_orders .ajaxContainer {
  margin-top: 15px;
}
#customer_orders .ajaxContainer legend {
  display: block;
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  margin-bottom: 7px;
}
#customer_orders .ajaxContainer p {
  font-size: 12px; /* add PX (or original value) as backup */
  font-size: 0.75rem;
  margin: 3px 0;
}
#customer_orders .ajaxContainer p.txt {
  margin: 0 0 10px 0;
}
#customer_orders .ajaxContainer input[type='text'] {
  height: 16px;
  padding: 4px 5px;
  width: 134px;
  border: 1px solid #599abb;
  background: #fff;
  outline: none;
}
#customer_orders .ajaxContainer input[type='submit'],
#customer_orders .ajaxContainer input[type='button'] {
  width: 100px;
  height: 26px;
  line-height: 26px;
  background: #599abb;
  cursor: pointer;
  border: none;
  outline: none;
  padding: 0 10px;
  margin: 0 10px 0 0;
  color: #fff;
}
#customer_orders .ajaxContainer input[type='submit']:hover,
#customer_orders .ajaxContainer input[type='button']:hover {
  background: #488db0;
}
#customer_orders .ajaxContainer input[type='submit']:hover,
#customer_orders .ajaxContainer input[type='button']:hover {
  background: #407d9d;
}
#customer_orders .ajaxContainer .prdctContainer {
  line-height: 26px;
}
#customer_orders .ajaxContainer .prdctContainer label {
  font-weight: bold;
}
#customer_orders .ajaxContainer table td,
#customer_orders .ajaxContainer table th {
  border: 1px solid #494949;
  padding: 5px 8px;
}
/*                                    MESSAGES
////////////////////////////////////////////////////////////////////////////////*/
.info_message,
.message,
#message {
  background: #dbdbdb;
  color: #2d3746;
  font-weight: normal;
  text-align: center;
  font-size: 16px; /* add PX (or original value) as backup */
  font-size: 1rem;
  line-height: 18px;
  text-align: center;
  margin: 0 0 10px 0;
  padding: 12px 0;
}
.info_message p,
.message p,
#message p {
  margin: 0;
  line-height: 18px;
}
/*                                    TEXT PAGE
////////////////////////////////////////////////////////////////////////////////*/
.textPage {
  font-size: 15px; /* add PX (or original value) as backup */
  font-size: 0.9375rem;
}
.textPage h1,
.textPage h2,
.textPage h3,
.textPage h4,
.textPage h5 {
  margin: 10px 0;
}
.textPage h2 {
  color: #2d3746;
}
.textPage h3,
.textPage h4 {
  color: #2d3746;
}
.textPage h1.title,
.textPage h2.title {
  margin-bottom: 10px;
  margin-top: 8px;
  font-size: 24px; /* add PX (or original value) as backup */
  font-size: 1.5rem;
}
.textPage p {
  color: #2d3746;
  text-align: justify;
  font-size: 15px; /* add PX (or original value) as backup */
  font-size: 0.9375rem;
}
.textPage ul {
  padding-left: 15px;
  margin: 10px 0;
}
.textPage ul ul {
  margin: 0;
}
.textPage ul li {
  list-style-type: square;
  padding-bottom: 6px;
  text-align: justify;
}
.textPage ul li li {
  list-style-type: circle;
}
.textPage ul li li li {
  list-style-type: square;
}
.textPage ul.errors {
  padding: 0;
  margin: 0;
}
.textPage ul.errors li {
  padding-top: 0;
  list-style: none;
}
.textPage #information-page > .text.usr > .podminky > ol {
  padding-left: 10px;
}
.textPage #information-page > .text.usr > .podminky > ol > li {
  font-size: 17px; /* add PX (or original value) as backup */
  font-size: 1.0625rem;
  padding-left: 30px;
  font-weight: bold;
}
.textPage #information-page > .text.usr > .podminky > ol > li:before {
  font-size: 17px; /* add PX (or original value) as backup */
  font-size: 1.0625rem;
  font-weight: bold;
  left: -10px;
}
.textPage #information-page > .text.usr > .podminky > ol > li > ol {
  padding-left: 20px;
  position: relative;
  left: -50px;
}
.textPage #information-page > .text.usr > .podminky > ol > li > ol > li {
  padding-left: 30px;
}
.textPage #information-page > .text.usr > .podminky > ol > li > ol > li:before {
  left: -10px;
}
.textPage #information-page > .text.usr > .podminky > ol ol li {
  font-size: 15px; /* add PX (or original value) as backup */
  font-size: 0.9375rem;
  font-weight: normal;
  text-align: justify;
  padding-left: 25px;
}
.textPage #information-page > .text.usr > .podminky > ol ol li:before {
  font-size: 15px; /* add PX (or original value) as backup */
  font-size: 0.9375rem;
}
.textPage ol {
  counter-reset: item;
  padding-left: 25px;
  margin: 10px 0;
}
.textPage ol li {
  display: block;
  padding-left: 0px;
  padding-bottom: 6px;
  position: relative;
  font-size: 15px; /* add PX (or original value) as backup */
  font-size: 0.9375rem;
}
.textPage ol li.jak:before {
  top: 1px;
}
.textPage ol li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  position: absolute;
  left: -25px;
}
.textPage table.borders th {
  border: 1px solid #2d3746;
  background: #efefef;
}
.textPage table.borders td {
  border: 1px solid #2d3746;
  padding: 3px 5px;
}
.textPage .gMap iframe {
  max-width: 100%;
}
#articles-page .article h2 {
  margin-bottom: 0;
}
#articles-page .article p {
  margin-top: 0;
}
/*                                    FOOTER
////////////////////////////////////////////////////////////////////////////////*/
#footer {
  margin-top: 40px;
  background: #cacaca;
  padding-top: 20px;
}
#footer .inner {
  max-width: 960px;
  margin: 0 auto;
}
#footer .inner .newsletter {
  float: left;
  width: 280px;
  margin-right: 80px;
}
#footer .inner .newsletter .cnt {
  margin-top: 15px;
}
#footer .inner .newsletter .cnt .formContainer {
  height: 34px;
  padding-left: 40px;
  margin-bottom: 20px;
  background: #fff url("images/footer-newsletter-ico.png") no-repeat 9px center;
}
#footer .inner .newsletter .cnt .formContainer input[type='text'] {
  float: left;
  width: 140px;
  border: none;
  outline: none;
  line-height: 16px;
  height: 16px;
  padding: 9px 5px;
  font-family: Arial, sans-serif;
  font-size: 12px; /* add PX (or original value) as backup */
  font-size: 0.75rem;
  margin: 0;
  background: #fff;
}
#footer .inner .newsletter .cnt .formContainer input[type='submit'] {
  float: right;
  width: 90px;
  height: 34px;
  line-height: 34px;
  border: none;
  outline: none;
  border-left: 1px solid #ebebeb;
  color: #599abb;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  cursor: pointer;
  background: #fff;
  text-transform: uppercase;
}
#footer .inner .newsletter .cnt .formContainer input[type='submit']:hover {
  text-decoration: underline;
}
#footer .inner .newsletter .cnt ul {
  padding-left: 38px;
  margin-top: 15px;
}
#footer .inner .newsletter .cnt ul.tel {
  background: url("images/footer-phone.png") no-repeat 0 3px;
}
#footer .inner .newsletter .cnt ul.mail {
  background: url("images/footer-mail.png") no-repeat 0 4px;
}
#footer .inner .newsletter .cnt ul.address {
  background: url("images/footer-home.png") no-repeat 0 3px;
}
#footer .inner .newsletter .cnt ul li {
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
  color: #2d3746;
}
#footer .inner .newsletter .cnt ul li a {
  text-decoration: none;
  color: #2d3746;
}
#footer .inner .newsletter .cnt ul li a:hover {
  text-decoration: underline;
}
#footer .inner .informations,
#footer .inner .pages,
#footer .inner .categories {
  width: 180px;
  margin-right: 20px;
  float: left;
}
#footer .inner .informations .cnt,
#footer .inner .pages .cnt,
#footer .inner .categories .cnt {
  margin-top: 15px;
}
#footer .inner .informations .cnt ul li a,
#footer .inner .pages .cnt ul li a,
#footer .inner .categories .cnt ul li a {
  color: #2d3746;
  text-decoration: none;
  font-size: 14px; /* add PX (or original value) as backup */
  font-size: 0.875rem;
}
#footer .inner .informations .cnt ul li a:hover,
#footer .inner .pages .cnt ul li a:hover,
#footer .inner .categories .cnt ul li a:hover {
  text-decoration: underline;
}
#footer .inner .informations .cnt ul li ul,
#footer .inner .pages .cnt ul li ul,
#footer .inner .categories .cnt ul li ul {
  display: none;
}
#footer .inner h2 {
  text-transform: uppercase;
  font-size: 18px; /* add PX (or original value) as backup */
  font-size: 1.125rem;
  font-weight: normal;
  color: #2d3746;
  margin: 0;
}
#footer .copy {
  max-width: 960px;
  margin: 0 auto;
  margin-top: 25px;
}
@media screen and (max-width: 1010px) {
  .notDesktop {
    display: block;
  }
  .onlyDesktop {
    display: none;
  }
  #header,
  #hpText,
  #back,
  #page,
  #footer,
  #topCategories {
    padding-left: 20px;
    padding-right: 20px;
  }
  #topCategories > ul > li {
    float: none;
    display: inline-block;
    width: 33% !important;
    text-align: center;
    padding: 12px 0;
  }
  #topCategories > ul > li:hover > ul {
    display: none;
  }
  #navigation {
    padding-left: 20px;
    padding-right: 20px;
  }
  .products {
    width: 735px;
    margin: 20px auto 0 auto;
  }
  .signContainer {
    position: relative;
    max-width: 715px;
    margin: 30px auto 0 auto;
  }
  .signContainer .products {
    width: 735px;
    margin: 0;
  }
  .signContainer .products:before,
  .signContainer .products:after {
    content: " ";
    display: block;
  }
  .signContainer .products:after {
    clear: both;
  }
  .signContainer .products {
    *zoom: 1;
    clear: both;
  }
  .signContainer .products .innerContainer {
    max-width: 715px;
    overflow: hidden;
    position: relative;
  }
  .signContainer .products .innerContainer .sliderContainer {
    width: 99999px;
  }
  .signContainer .products .innerContainer .sliderContainer:before,
  .signContainer .products .innerContainer .sliderContainer:after {
    content: " ";
    display: block;
  }
  .signContainer .products .innerContainer .sliderContainer:after {
    clear: both;
  }
  .signContainer .products .innerContainer .sliderContainer {
    *zoom: 1;
    clear: both;
  }
  #slider span.title {
    display: block;
  }
  #slider td {
    vertical-align: top;
  }
  #slider td.selector #slider-selector {
    display: none;
  }
  #slider span#selector-price-min,
  #slider span#selector-price-max {
    display: none;
  }
  #slider span#selector-price-min {
    display: none;
  }
  #slider span#selector-price-max {
    display: none;
  }
  #slider #sliderInputs {
    width: 500px;
    background: url("images/mobile/sipka.png") no-repeat center 10px;
  }
  #slider #sliderInputs:before,
  #slider #sliderInputs:after {
    content: " ";
    display: block;
  }
  #slider #sliderInputs:after {
    clear: both;
  }
  #slider #sliderInputs {
    *zoom: 1;
    clear: both;
  }
  #slider #sliderInputs .left {
    float: left;
    width: 215px;
  }
  #slider #sliderInputs .right {
    float: right;
    width: 215px;
  }
  #slider #sliderInputs .inputCnt .cnt:before,
  #slider #sliderInputs .inputCnt .cnt:after {
    content: " ";
    display: block;
  }
  #slider #sliderInputs .inputCnt .cnt:after {
    clear: both;
  }
  #slider #sliderInputs .inputCnt .cnt {
    *zoom: 1;
    clear: both;
  }
  #slider #sliderInputs .inputCnt .cnt span.plus {
    display: block;
    float: left;
    background: #599aba url("images/mobile/plus.png") no-repeat center center;
    height: 32px;
    width: 32px;
    cursor: pointer;
  }
  #slider #sliderInputs .inputCnt .cnt span.plus:hover {
    background-color: #498daf;
  }
  #slider #sliderInputs .inputCnt .cnt input[type='text'] {
    float: left;
    width: 140px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    text-align: center;
    border: none;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
  }
  #slider #sliderInputs .inputCnt .cnt span.minus {
    display: block;
    float: left;
    background: #599aba url("images/mobile/minus.png") no-repeat center center;
    height: 32px;
    width: 32px;
    cursor: pointer;
  }
  #slider #sliderInputs .inputCnt .cnt span.minus:hover {
    background-color: #498daf;
  }
  #slider #sliderInputs .button {
    padding-top: 10px;
  }
  #slider #sliderInputs .button:before,
  #slider #sliderInputs .button:after {
    content: " ";
    display: block;
  }
  #slider #sliderInputs .button:after {
    clear: both;
  }
  #slider #sliderInputs .button {
    *zoom: 1;
    clear: both;
  }
  #slider #sliderInputs .button span {
    display: block;
    height: 32px;
    line-height: 32px;
    width: 220px;
    text-align: center;
    font-size: 16px; /* add PX (or original value) as backup */
    font-size: 1rem;
    background: #dbdbdb;
    color: #313649;
    cursor: pointer;
  }
  #slider #sliderInputs .button span:hover {
    background: #c5c5c5;
  }
  span.left-arrow-container {
    width: 18px;
    height: 25px;
    display: block;
    position: absolute;
    top: 0;
    left: 130px;
  }
  span.left-arrow {
    display: block;
    width: 18px;
    height: 25px;
    background: url("images/mobile/sipky-l.png") no-repeat 0 0;
    cursor: pointer;
  }
  span.left-arrow:hover {
    background-position: 0 -25px;
  }
  span.left-arrow.disabled {
    background-position: 0 -50px;
    cursor: default;
  }
  span.right-arrow-container {
    width: 18px;
    height: 25px;
    display: block;
    position: absolute;
    top: 0;
    left: 155px;
  }
  span.right-arrow {
    display: block;
    width: 18px;
    height: 25px;
    background: url("images/mobile/sipky-r.png") no-repeat 0 0;
    cursor: pointer;
  }
  span.right-arrow:hover {
    background-position: 0 -25px;
  }
  span.right-arrow.disabled {
    background-position: 0 -50px;
    cursor: default;
  }
  #productHeader .right .priceBox {
    width: 100%;
  }
  #productHeader .right .priceBox .left {
    float: none;
    width: 100%;
    max-width: 100%;
  }
  #productHeader .right .priceBox .left span.priceVat,
  #productHeader .right .priceBox .left span.priceVatNot,
  #productHeader .right .priceBox .left span.priceEur {
    text-align: center;
  }
  #productHeader .right .priceBox .right {
    float: none;
    width: 100%;
    margin-top: 6px;
  }
  #productHeader .right .priceBox .right a {
    margin: 0 auto;
  }
  #hpPricesContainer {
    max-width: 535px;
    margin: 30px auto 0 auto;
  }
  #hpPricesContainer .priceBox {
    display: inline-block;
    float: none;
    margin: 0 0 20px 0;
    padding: 0 20px;
    text-align: center;
  }
  #hpArticles {
    width: 632px;
    margin: 30px auto 0 auto;
  }
  #hpArticles .cnt {
    width: 632px;
  }
  div#basket #basket_customer #customer_login fieldset .fl p label {
    width: 100%;
  }
  div#basket #basket_customer #customer_login fieldset .fl p input[type='text'],
  div#basket #basket_customer #customer_login fieldset .fl p input[type='password'] {
    width: calc(100% - 12px);
  }
  div#basket #basket_customer #customer_withoutReg fieldset:before,
  div#basket #basket_customer #customer_withoutReg fieldset:after {
    content: " ";
    display: block;
  }
  div#basket #basket_customer #customer_withoutReg fieldset:after {
    clear: both;
  }
  div#basket #basket_customer #customer_withoutReg fieldset {
    *zoom: 1;
    clear: both;
  }
  div#basket #basket_customer #customer_withoutReg fieldset .fl p label {
    width: 100%;
  }
  div#basket #basket_customer #customer_withoutReg fieldset .fl p input[type='text'] {
    width: calc(100% - 12px);
  }
  div#basket #basket_customer #customer_login + #customer_withoutReg fieldset .fl p input[type='text'] {
    width: calc(100% - 12px);
  }
  #footer .inner .newsletter {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  #footer .inner .newsletter h2 {
    text-align: center;
  }
  #footer .inner .newsletter .cnt .formContainer {
    max-width: 350px;
    margin: 0 auto 20px auto;
  }
  #footer .inner .newsletter .cnt .formContainer input[type='text'] {
    width: calc(100% - 100px);
  }
  #footer .inner .informations,
  #footer .inner .pages,
  #footer .inner .categories {
    width: 33%;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0;
  }
  #footer .inner .informations h2,
  #footer .inner .pages h2,
  #footer .inner .categories h2 {
    text-align: center;
  }
  #footer .inner .informations .cnt ul li,
  #footer .inner .pages .cnt ul li,
  #footer .inner .categories .cnt ul li {
    text-align: center;
  }
  #footer .inner #footerTabletContacts {
    clear: both;
    padding-top: 35px;
  }
  #footer .inner #footerTabletContacts ul {
    float: left;
    width: 33%;
    padding: 0 0 0 44px;
    box-sizing: border-box;
  }
  #footer .inner #footerTabletContacts ul.tel {
    background: url("images/footer-phone.png") no-repeat 10px 3px;
  }
  #footer .inner #footerTabletContacts ul.mail {
    background: url("images/footer-mail.png") no-repeat 10px 4px;
  }
  #footer .inner #footerTabletContacts ul.address {
    background: url("images/footer-home.png") no-repeat 10px 3px;
  }
  #footer .inner #footerTabletContacts ul li {
    font-size: 14px; /* add PX (or original value) as backup */
    font-size: 0.875rem;
    color: #2d3746;
  }
  #footer .inner #footerTabletContacts ul li a {
    text-decoration: none;
    color: #2d3746;
  }
  #footer .inner #footerTabletContacts ul li a:hover {
    text-decoration: underline;
  }
  #footer .copy {
    text-align: center;
  }
}
@media screen and (max-width: 764px) {
  .products {
    width: 490px;
    margin: 20px auto 0 auto;
  }
  .signContainer {
    position: relative;
    max-width: 470px;
    margin: 30px auto 0 auto;
  }
  .signContainer .products {
    width: 490px;
    margin: 0;
  }
  .signContainer .products:before,
  .signContainer .products:after {
    content: " ";
    display: block;
  }
  .signContainer .products:after {
    clear: both;
  }
  .signContainer .products {
    *zoom: 1;
    clear: both;
  }
  .signContainer .products .innerContainer {
    max-width: 470px;
    overflow: hidden;
    position: relative;
  }
  .signContainer .products .innerContainer .sliderContainer {
    width: 99999px;
  }
  .signContainer .products .innerContainer .sliderContainer:before,
  .signContainer .products .innerContainer .sliderContainer:after {
    content: " ";
    display: block;
  }
  .signContainer .products .innerContainer .sliderContainer:after {
    clear: both;
  }
  .signContainer .products .innerContainer .sliderContainer {
    *zoom: 1;
    clear: both;
  }
  #slider table {
    width: 100%;
  }
  #slider td {
    display: block;
    padding: 0;
    height: auto;
  }
  #slider td.selector {
    height: auto;
  }
  #slider #sliderInputs {
    margin-top: 10px;
  }
  #slider #sliderInputs .button span {
    margin: 0 auto;
  }
}
@media screen and (max-width: 700px) {
  #hpArticles {
    width: 266px;
  }
  #hpArticles .cnt {
    width: 266px;
  }
  #hpArticles .cnt .sliderCnt .article {
    width: 266px;
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .notMobile {
    display: none;
  }
  .onlyMobile {
    display: block;
  }
  #header .upper {
    position: relative;
    padding-top: 10px;
  }
  #header .upper span#mobileInformationsControl {
    display: block;
    float: left;
    width: 33px;
    height: 27px;
    background: url("images/mobile/menu.png") no-repeat 0 0;
    cursor: pointer;
  }
  #header .upper span#mobileInformationsControl.active {
    background-position: 0 -27px;
  }
  #header .upper span#mobileLoginControl {
    display: block;
    float: left;
    width: 93px;
    height: 27px;
    line-height: 27px;
    color: #fff;
    background: #2e3746;
    font-size: 14px; /* add PX (or original value) as backup */
    font-size: 0.875rem;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    margin-left: 20px;
  }
  #header .upper span#mobileLoginControl:hover,
  #header .upper span#mobileLoginControl.active {
    background: #29323f;
  }
  #header .upper #mobileInformations,
  #header .upper #mobileLogin {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    background: #dbdbdb;
    padding: 10px 0;
  }
  #header .upper #mobileInformations ul li,
  #header .upper #mobileLogin ul li {
    padding: 4px 0;
  }
  #header .upper #mobileInformations ul li a,
  #header .upper #mobileLogin ul li a {
    display: block;
    padding: 0 10px;
    font-size: 16px; /* add PX (or original value) as backup */
    font-size: 1rem;
    line-height: 18px;
    color: #2d3746;
    text-decoration: none;
  }
  #header .upper #mobileInformations ul li a:hover,
  #header .upper #mobileLogin ul li a:hover {
    text-decoration: underline;
  }
  #header .upper #logo {
    display: none;
  }
  #header .upper .search {
    float: right;
    width: 27px;
    height: 27px;
    margin-right: 30px;
    margin-top: 0;
    position: static;
  }
  #header .upper .search span.control {
    cursor: pointer;
    width: 27px;
    height: 27px;
    background: url("images/mobile/menu-search.png") no-repeat 0 0;
  }
  #header .upper .search .cnt {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    width: calc(100% - 4px);
    height: 36px;
    background: #fff;
    padding: 0;
    border: 2px solid #dbdbdb;
  }
  #header .upper .search .cnt input[type='text'] {
    float: left;
    height: 36px;
    width: calc(100% - 84px);
    line-height: 36px;
    padding: 0 10px;
    margin: 0;
    border: none;
    outline: none;
    color: #2d3746;
  }
  #header .upper .search .cnt input[type='submit'] {
    float: right;
    height: 36px;
    line-height: 36px;
    width: 64px;
    color: #599abb;
    padding: 0;
    text-transform: uppercase;
    font-size: 14px; /* add PX (or original value) as backup */
    font-size: 0.875rem;
    font-family: 'source_sans_pro', Arial, sans-serif;
    cursor: pointer;
    border: none;
    outline: none;
    background: #fff;
  }
  #header .upper .search .cnt input[type='submit']:hover {
    color: #2d3746;
  }
  #header .upper .basket {
    float: right;
    margin-top: 0;
  }
  #header .upper .basket a {
    display: block;
    height: 27px;
    width: 30px;
    padding: 0;
    background: url("images/mobile/menu-cart.png") no-repeat left center;
    text-decoration: none;
  }
  #header .upper .basket a span.quantity {
    display: none;
  }
  #header .upper .basket a span.price {
    display: none;
  }
  #header .upper .basket a span.text {
    display: none;
  }
  #header #mobileLogo {
    text-align: center;
    margin-top: 25px;
  }
  #header .lower {
    display: none;
  }
  #topCategories {
    display: none;
  }
  #topCategories.mobileIndex {
    display: block;
  }
  #topCategories.onlyLinked {
    display: block;
  }
  #topCategories.onlyLinked > ul > li {
    display: none;
  }
  #topCategories.onlyLinked > ul > li.linked {
    display: block;
    padding: 0;
  }
  #topCategories.onlyLinked > ul > li.linked > a {
    display: none;
  }
  #topCategories.onlyLinked > ul > li.linked > ul {
    display: block;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
  }
  #topCategories.onlyLinked > ul > li.linked > ul > li {
    padding: 12px 0;
  }
  #topCategories ul li {
    float: none;
    width: 100% !important;
  }
  #navigation {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 5px;
  }
  #navigation .clearfix {
    float: none;
    text-align: center;
  }
  #navigation .clearfix a {
    float: none;
    display: inline-block;
  }
  #back {
    margin-top: 15px;
  }
  #back a {
    margin: 0 auto;
  }
  .products {
    width: 225px;
    margin: 20px auto 0 auto;
  }
  .products .product {
    margin-right: 0;
  }
  .signContainer {
    position: relative;
    max-width: 100%;
    margin: 30px 0 0 0;
  }
  .signContainer .products {
    width: 225px;
    margin: 0 auto 0 auto;
  }
  .signContainer .products:before,
  .signContainer .products:after {
    content: " ";
    display: block;
  }
  .signContainer .products:after {
    clear: both;
  }
  .signContainer .products {
    *zoom: 1;
    clear: both;
  }
  .signContainer .products .innerContainer {
    max-width: 225px;
    overflow: hidden;
    position: relative;
  }
  .signContainer .products .innerContainer .sliderContainer:before,
  .signContainer .products .innerContainer .sliderContainer:after {
    content: " ";
    display: block;
  }
  .signContainer .products .innerContainer .sliderContainer:after {
    clear: both;
  }
  .signContainer .products .innerContainer .sliderContainer {
    *zoom: 1;
    clear: both;
  }
  span.left-arrow-container {
    right: 35px;
    left: auto;
  }
  span.right-arrow-container {
    right: 0;
    left: auto;
  }
  #filterControlContainer {
    margin-top: 25px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 15px 0 15px 0;
  }
  #filterControlContainer span {
    display: block;
    width: 125px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px; /* add PX (or original value) as backup */
    font-size: 1rem;
    background: #dbdbdb;
    cursor: pointer;
    text-transform: uppercase;
  }
  #filterControlContainer span:hover {
    background: #c5c5c5;
  }
  #filterControlContainer span.active {
    background: #5999bc;
    color: #fff;
  }
  #filterContainer {
    margin-top: 0;
    border-top: none;
    display: none;
  }
  #sort .container {
    z-index: 3;
    display: block;
  }
  #sort .container .filters .filterItem {
    margin: 0 0 15px 0;
  }
  #sort .container .filters .filterItem .params .filterTitle {
    float: none;
    margin-bottom: 5px;
  }
  #sort .container .filters .filterItem .params .filterTitle span {
    text-align: center;
  }
  #sort .container .filters .filterItem .params .content {
    float: none;
    margin: 0;
  }
  #sort .container .filters .filterItem .params .content ul {
    text-align: center;
  }
  #sort .container .filters .filterItem .params .content ul li {
    float: none;
    display: inline-block;
    margin: 0;
    padding: 3px;
  }
  #slider span.title {
    text-align: center;
    margin-bottom: 10px;
  }
  #slider #sliderInputs {
    width: 350px;
    margin: 0 auto;
    background: url("images/mobile/sipka2.png") no-repeat center 14px;
  }
  #slider #sliderInputs .left {
    width: 154px;
  }
  #slider #sliderInputs .right {
    width: 154px;
  }
  #slider #sliderInputs .inputCnt .cnt input[type='text'] {
    width: 80px;
  }
  .paginate {
    float: none;
    margin-top: 4px;
  }
  .paginate .paging {
    text-align: center;
  }
  .paginate .paging > p {
    display: inline-block;
    position: relative;
  }
  .paginate .paging > p a.pg-prev,
  .paginate .paging > p span.pg-prev {
    position: absolute;
    top: 2px;
    right: 17px;
    background: url("images/sipky-l.png") no-repeat;
    background-position: 0 0;
    width: 11px;
    height: 15px;
    padding: 0;
    text-indent: -999px;
    overflow: hidden;
  }
  .paginate .paging > p a.pg-prev:hover,
  .paginate .paging > p span.pg-prev:hover {
    background-position: 0 -15px;
  }
  .paginate .paging > p a.pg-prev.disabled,
  .paginate .paging > p span.pg-prev.disabled {
    background-position: 0 -30px;
  }
  .paginate .paging > p a.pg-next,
  .paginate .paging > p span.pg-next {
    position: absolute;
    top: 2px;
    right: 0;
    background: url("images/sipky-r.png") no-repeat;
    background-position: 0 0;
    width: 11px;
    height: 15px;
    padding: 0;
    text-indent: -999px;
    overflow: hidden;
  }
  .paginate .paging > p a.pg-next:hover,
  .paginate .paging > p span.pg-next:hover {
    background-position: 0 -15px;
  }
  .paginate .paging > p a.pg-next.disabled,
  .paginate .paging > p span.pg-next.disabled {
    background-position: 0 -30px;
  }
  #content .orderSort {
    text-align: center;
  }
  #content .orderSort .order {
    display: inline-block;
    float: none;
  }
  #productHeader .left {
    float: none;
    max-width: 100%;
    width: 100%;
  }
  #productHeader .left span.sign {
    text-align: center;
  }
  #productHeader .left #smallImages {
    margin-top: 10px;
    text-align: center;
  }
  #productHeader .left #smallImages .image {
    width: 50px;
    height: 50px;
    float: none;
    display: inline-block;
    margin: 0 1px 1px 0;
  }
  #productHeader .right {
    float: none;
    max-width: 100%;
    width: 100%;
    margin-top: 20px;
  }
  #productHeader .right .tableContainer {
    padding: 6px 0;
    margin-top: 24px;
  }
  #productHeader .right .tableContainer > table {
    width: 100%;
  }
  #productHeader .right .tableContainer > table td {
    padding: 4px 5px;
  }
  #productHeader .right .tableContainer > table td.key {
    width: 50%;
    text-align: right;
  }
  #productHeader .right .tableContainer > table td.value {
    width: 50%;
  }
  #description h2 {
    text-align: center;
  }
  div#basket .progress {
    display: none;
  }
  div#basket #mobileBasketProducts .row {
    padding: 10px 0 6px 0;
    border-bottom: 1px solid #dbdbdb;
  }
  div#basket #mobileBasketProducts .row .left {
    float: left;
    width: 60px;
    text-align: center;
  }
  div#basket #mobileBasketProducts .row .right {
    float: right;
    width: calc(100% - 75px);
  }
  div#basket #mobileBasketProducts .row .right .upper {
    font-size: 16px; /* add PX (or original value) as backup */
    font-size: 1rem;
    line-height: 19px;
    text-transform: uppercase;
    color: #2d3746;
  }
  div#basket #mobileBasketProducts .row .right .upper a {
    text-decoration: none;
    color: #2d3746;
  }
  div#basket #mobileBasketProducts .row .right .upper a:hover {
    text-decoration: underline;
  }
  div#basket #mobileBasketProducts .row .right .lower {
    margin-top: 5px;
  }
  div#basket #mobileBasketProducts .row .right .lower span.quantity {
    display: block;
    float: left;
    line-height: 24px;
    margin-right: 15px;
    color: #2d3746;
    font-size: 16px; /* add PX (or original value) as backup */
    font-size: 1rem;
  }
  div#basket #mobileBasketProducts .row .right .lower span.quantity.recap {
    line-height: 18px;
    padding: 5px 0 1px 0;
  }
  div#basket #mobileBasketProducts .row .right .lower span.quantity input[type="text"] {
    background: none;
    width: 20px;
    height: 16px;
    line-height: 16px;
    font-size: 14px; /* add PX (or original value) as backup */
    font-size: 0.875rem;
    padding: 4px;
    text-align: center;
    color: #273848;
    border: none;
    background: #ebebeb;
    outline: none;
  }
  div#basket #mobileBasketProducts .row .right .lower span.price {
    display: block;
    float: left;
    font-size: 16px; /* add PX (or original value) as backup */
    font-size: 1rem;
    color: #2d3746;
    line-height: 18px;
    padding: 5px 0 1px 0;
  }
  div#basket #mobileBasketProducts .row .right .lower span.availability {
    display: block;
    float: right;
    color: #7a7a7a;
    font-size: 16px; /* add PX (or original value) as backup */
    font-size: 1rem;
    line-height: 18px;
    padding: 5px 0 1px 0;
  }
  div#basket #mobileBasketProducts .row .right .lower span.availability.green {
    color: #0a731e;
  }
  div#basket .prices .priceVat span.price {
    float: none;
    text-align: center;
  }
  div#basket .prices .priceVatNot span.price {
    float: none;
    text-align: center;
  }
  div#basket .recount {
    text-align: center;
  }
  div#basket .recount input[type='submit'] {
    float: none;
  }
  div#basket .shipPay {
    position: relative;
    padding-bottom: 0;
    margin-top: 20px;
    padding-top: 20px;
  }
  div#basket .shipPay:before,
  div#basket .shipPay:after {
    content: " ";
    display: block;
  }
  div#basket .shipPay:after {
    clear: both;
  }
  div#basket .shipPay {
    *zoom: 1;
    clear: both;
  }
  div#basket .shipPay ul.errors {
    position: relative;
    bottom: 0;
    left: 0;
  }
  div#basket .shipPay p.radio {
    position: relative;
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
    padding-top: 20px;
  }
  div#basket .shipPay label[for='id_shipping'],
  div#basket .shipPay label[for='id_payment'],
  div#basket .shipPay label.required {
    text-align: center;
  }
  div#basket .shipPay p.cupon {
    width: 100%;
    position: relative;
    bottom: auto;
    height: auto;
    margin: 20px 0 0 0;
    padding-top: 20px;
    text-align: center;
  }
  div#basket .shipPay p.cupon label[for='sale_code'],
  div#basket .shipPay p.cupon label.optional {
    text-align: center;
  }
  div#basket .shipPay p.cupon input[type='text'] {
    margin: 0 auto;
  }
  div#basket .shipPay .notice {
    width: 100%;
    height: auto;
    position: relative;
    bottom: auto;
    padding-top: 20px;
    margin: 20px 0 0 0;
    text-align: center;
  }
  div#basket .shipPay .notice label {
    text-align: center;
  }
  div#basket .shipPay .notice textarea {
    margin: 0 auto;
  }
  div#basket input[id='submit_next'],
  div#basket input[id='submit_login'] {
    margin: 0 auto;
    float: none;
  }
  div#basket #button_recapitulation input[type='submit'] {
    margin: 0 auto;
    float: none;
  }
  div#basket #basket_customer #customer_login {
    position: relative;
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  div#basket #basket_customer #customer_login ul.basket_registrace {
    padding: 0;
  }
  div#basket #basket_customer #customer_login ul.basket_registrace:before,
  div#basket #basket_customer #customer_login ul.basket_registrace:after {
    content: " ";
    display: block;
  }
  div#basket #basket_customer #customer_login ul.basket_registrace:after {
    clear: both;
  }
  div#basket #basket_customer #customer_login ul.basket_registrace {
    *zoom: 1;
    clear: both;
  }
  div#basket #basket_customer #customer_login ul.basket_registrace li {
    text-align: center;
  }
  div#basket #basket_customer #customer_login fieldset:before,
  div#basket #basket_customer #customer_login fieldset:after {
    content: " ";
    display: block;
  }
  div#basket #basket_customer #customer_login fieldset:after {
    clear: both;
  }
  div#basket #basket_customer #customer_login fieldset {
    *zoom: 1;
    clear: both;
  }
  div#basket #basket_customer #customer_login fieldset .fl {
    margin: 0;
    float: none;
  }
  div#basket #basket_customer #customer_login fieldset .fl p {
    margin: 0;
  }
  div#basket #basket_customer #customer_login fieldset .fl p label {
    width: 100%;
    text-align: center;
  }
  div#basket #basket_customer #customer_login fieldset .fl p input[type='text'],
  div#basket #basket_customer #customer_login fieldset .fl p input[type='password'] {
    max-width: 100%;
    width: calc(100% - 12px);
  }
  div#basket #basket_customer #customer_login .loginSubmit input[type='submit'] {
    margin: 0 auto;
  }
  div#basket #basket_customer #customer_withoutReg {
    padding: 0;
    width: 100%;
    float: none;
  }
  div#basket #basket_customer #customer_withoutReg fieldset:before,
  div#basket #basket_customer #customer_withoutReg fieldset:after {
    content: " ";
    display: block;
  }
  div#basket #basket_customer #customer_withoutReg fieldset:after {
    clear: both;
  }
  div#basket #basket_customer #customer_withoutReg fieldset {
    *zoom: 1;
    clear: both;
  }
  div#basket #basket_customer #customer_withoutReg fieldset .fl {
    margin: 0;
    float: none;
  }
  div#basket #basket_customer #customer_withoutReg fieldset .fl p {
    margin: 0;
  }
  div#basket #basket_customer #customer_withoutReg fieldset .fl p label {
    width: 100%;
    text-align: center;
  }
  div#basket #basket_customer #customer_withoutReg fieldset .fl p input[type='text'] {
    max-width: 100%;
    width: calc(100% - 12px);
  }
  div#basket #basket_customer #customer_withoutReg fieldset .toCompany .companyBg span.control {
    text-align: center;
  }
  div#basket #basket_customer #customer_login + #customer_withoutReg {
    float: none;
    margin-top: 30px;
    width: 100%;
    padding: 0;
  }
  div#basket #basket_customer #customer_login + #customer_withoutReg fieldset .fl p input[type='text'] {
    max-width: 100%;
    width: calc(100% - 12px);
  }
  div#basket #basket_customer h2 {
    text-align: center;
  }
  div#basket #poznamka {
    margin-top: 15px;
    width: 100%;
    border-top: 1px solid #dbdbdb;
    padding: 15px 0 5px 0;
  }
  div#basket #poznamka h2 {
    text-align: center;
  }
  div#basket #poznamka .textPage p {
    margin: 0;
  }
  div#basket #udaje {
    margin: 15px 0 25px 0;
  }
  div#basket #udaje:before,
  div#basket #udaje:after {
    content: " ";
    display: block;
  }
  div#basket #udaje:after {
    clear: both;
  }
  div#basket #udaje {
    *zoom: 1;
    clear: both;
  }
  div#basket #udaje #udaje_left {
    float: none;
    width: 100%;
    border-top: 1px solid #dbdbdb;
    padding: 15px 0;
  }
  div#basket #udaje #udaje_right {
    float: none;
    width: 100%;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 15px 0;
  }
  div#basket #udaje h3 {
    text-align: center;
  }
  div#basket #udaje table {
    padding-right: 0;
  }
  div#basket #udaje table tr td {
    padding: 5px;
    width: 50%;
  }
  div#basket #udaje table tr td.dis-label {
    text-align: right;
  }
  div#basket #basket_finish .textPage {
    padding-bottom: 25px;
  }
  div#basket .finishHref a {
    float: none;
    margin: 0 auto;
  }
  .styled_form.inline label {
    display: block;
    width: 100%;
  }
  .styled_form.inline input[type='text'],
  .styled_form.inline input[type='password'] {
    display: block;
    max-width: 100%;
    width: calc(100% - 12px);
  }
  .styled_form.inline textarea {
    display: block;
    max-width: 100%;
    width: calc(100% - 12px);
  }
  .styled_form.inline label[for='custom_delivery'],
  .styled_form.inline label[for='f-op'],
  .styled_form.inline label[for='send_mail'],
  .styled_form.inline label[for='newsletter'],
  .styled_form.inline label[for='trade_terms'],
  .styled_form.inline label[for='personal_terms'] {
    display: inline-block;
    width: auto;
    color: #2d3746;
  }
  #footer .inner .newsletter {
    margin-bottom: 0;
  }
  #footer .inner .newsletter .cnt .formContainer {
    max-width: 350px;
    margin: 0 auto 0 auto;
  }
  #footer .inner #footerTabletContacts {
    clear: both;
    padding-top: 20%;
    width: 70%;
    margin: 0 auto;
  }
  #footer .inner #footerTabletContacts ul {
    float: none;
    width: 100%;
    margin: 0 auto 15px auto;
  }
  #footer .inner #footerTabletContacts ul li {
    font-size: 16px; /* add PX (or original value) as backup */
    font-size: 1rem;
  }
}
@media screen and (max-width: 440px) {
  #slider #sliderInputs {
    width: 290px;
  }
  #slider #sliderInputs .left {
    width: 124px;
  }
  #slider #sliderInputs .right {
    width: 124px;
  }
  #slider #sliderInputs .inputCnt .cnt input[type='text'] {
    width: 50px;
  }
}
#footerContacts {
  margin-top: 22%;
}