@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic&subset=latin,latin-ext");
@import "reset.css";
/*                                    VARIABLES|MIXINS
////////////////////////////////////////////////////////////////////////////////*/
/*                                    GENERAL
////////////////////////////////////////////////////////////////////////////////*/
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 150%;
  color: #000;
  background: #fff;
  min-width: 1120px;
}
h1 {
  color: #000;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  margin: 20px 0;
}
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  margin: 15px 0;
  font-weight: 700;
}
h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}
h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}
h4 {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
}
a {
  color: #000;
  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;
}
ul.errors {
  display: block;
  color: #f00;
}
h1.productsTitle,
h1.product {
  line-height: 30px;
  font-size: 24px;
  color: #000;
  font-weight: normal;
  padding: 5px 0 5px 0;
  margin: 0;
}
.cf:before,
.cf:after {
  content: " ";
  display: block;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
  clear: both;
}
.inner {
  width: 1100px;
  margin: 0 auto;
}
/*                                    HEADER
////////////////////////////////////////////////////////////////////////////////*/
#header {
  background: url("./images/header-bg.jpg") no-repeat center top;
  height: 193px;
}
#header .panel #logo {
  float: left;
}
#header .panel #headerTop {
  width: 1100px;
  height: 57px;
}
#header .panel #headerTop .informations {
  font-size: 14px;
  float: right;
}
#header .panel #headerTop .informations ul li {
  float: left;
  margin-left: 24px;
}
#header .panel #headerTop .informations ul li:hover,
#header .panel #headerTop .informations ul li.active {
  background: url("./images/topmenu-hover.png") no-repeat center top;
}
#header .panel #headerTop .informations ul li a {
  display: block;
  color: #fff;
  text-decoration: none;
  line-height: 57px;
  text-shadow: 1px 1px 1px #18800f;
}
#header .panel #headerTop .informations ul li a:hover {
  text-decoration: underline;
}
#header .panel #headerTop .informations ul li a.home {
  line-height: 57px;
  width: 16px;
  height: 57px;
  background: url("./images/topmenu-home-ico.png") no-repeat center center;
}
#header .panel #headerRight {
  float: right;
  width: 660px;
  margin-top: 12px;
}
#header .panel #headerRight #middle .search {
  float: left;
  width: 440px;
  height: 50px;
  border-bottom: 1px solid #108206;
  background-color: #fff;
  border-radius: 5px;
}
#header .panel #headerRight #middle .search input[type='text'] {
  float: left;
  border: none;
  outline: none;
  background: none;
  height: 24px;
  line-height: 24px;
  padding: 13px 0px 13px 78px;
  font-size: 14px;
  color: #b2b2b2;
  width: 271px;
  background: url("./images/header-search.png") no-repeat 20px center;
}
#header .panel #headerRight #middle .search input[type='submit'] {
  float: right;
  height: 50px;
  width: 90px;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  font-size: 14px;
  text-decoration: underline;
  text-transform: uppercase;
  color: #31b30b;
  background-color: #fff;
  border-radius: 4px;
}
#header .panel #headerRight #middle .search input[type='submit']:hover {
  text-decoration: none;
}
#header .panel #headerRight #middle div.basket {
  float: right;
  position: relative;
  height: 50px;
  margin-right: 15px;
}
#header .panel #headerRight #middle div.basket a {
  background: url("./images/header-cart.png") no-repeat center center;
  height: 25px;
  margin: 12.5px 0;
  width: 28px;
  display: block;
  float: left;
}
#header .panel #headerRight #middle div.basket span.quantity {
  display: block;
  position: absolute;
  top: 16px;
  left: 19px;
  background: #fff;
  color: #000;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 100%;
  font-size: 12px;
}
#header .panel #headerRight #middle div.basket span.priceVat {
  line-height: 50px;
  padding-left: 25px;
  color: #fff;
  font-size: 18px;
  text-shadow: 1px 1px 1px #18800f;
}
#header .panel #headerRight #bottom .bottomItem {
  display: inline-block;
  color: #fff;
  vertical-align: middle;
  height: 73px;
  font-size: 18px;
  margin-left: 35px;
}
#header .panel #headerRight #bottom .bottomItem:first-child {
  margin-left: 0px;
}
#header .panel #headerRight #bottom .bottomItem a {
  color: #fff;
}
#header .panel #headerRight #bottom #infolinka {
  background: url("./images/header-phone.png") no-repeat left center;
  padding-left: 50px;
  font-size: 14px;
}
#header .panel #headerRight #bottom #infolinka strong {
  font-size: 18px;
  text-shadow: 1px 1px 1px #18800f;
  font-family: 'Open sans', sans-serif;
}
#header .panel #headerRight #bottom #infolinka span {
  margin-top: 15px;
  display: block;
}
#header .panel #headerRight #bottom #fb {
  line-height: 73px;
  background: url("./images/header-fb.png") no-repeat left center;
  padding-left: 35px;
}
#header .panel #headerRight #bottom #prodejna {
  line-height: 73px;
  background: url("./images/header-prodejna.png") no-repeat left center;
  padding-left: 50px;
}
#afterHeader {
  height: 35px;
}
#afterHeader.index {
  height: 62px;
}
#afterHeader #userMenu {
  margin-top: 3px;
  float: right;
  font-size: 11px;
}
#afterHeader #userMenu ul li {
  display: inline-block;
  padding: 0 13px;
  border-left: 1px solid #afafaf;
  color: #afafaf;
  font-size: 12px;
  line-height: 15px;
  height: 15px;
}
#afterHeader #userMenu ul li:first-child {
  padding-left: 0;
  border: none;
}
#afterHeader #userMenu ul li:last-child {
  padding-right: 0;
}
#afterHeader #userMenu ul li a {
  display: block;
  height: 15px;
  line-height: 15px;
  color: #afafaf;
  text-decoration: none;
}
#afterHeader #userMenu ul li a:hover {
  text-decoration: underline;
}
/*                                    BANNER
////////////////////////////////////////////////////////////////////////////////*/
#banner {
  padding-top: 0px;
}
#banner ul li {
  text-align: center;
}
#banner .bx-wrapper {
  padding: 0;
  margin: 0;
}
#banner .bx-controls {
  height: 0px;
}
#banner .bx-viewport {
  left: 0;
  border: none;
  box-shadow: none;
  overflow: hidden;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#banner .bx-pager {
  position: relative;
  width: auto;
  bottom: 39px;
  right: 0;
  left: 0;
  padding-top: 0;
  display: block;
}
#banner .bx-pager.bx-default-pager a {
  width: 16px;
  height: 16px;
  background: url("./images/slider-pos.png") no-repeat 0 0;
  margin: 0 2px;
  border-radius: 0;
}
#banner .bx-pager.bx-default-pager a:hover,
#banner .bx-pager.bx-default-pager a.active {
  background: url("./images/slider-pos.png") no-repeat 0 -16px;
}
#banner .bx-controls-direction a {
  width: 46px;
  height: 46px;
  margin-top: -23px;
}
#banner .bx-prev {
  background: url("./images/slider-l.png") no-repeat 0 0;
  left: 50px;
}
#banner .bx-prev:hover {
  background-position: 0 -46px;
}
#banner .bx-next {
  background: url("./images/slider-r.png") no-repeat 0 0;
  right: 50px;
}
#banner .bx-next:hover {
  background-position: 0 -46px;
}
#banner img {
  margin: 0 auto;
}
/*                                    TOP CATEGORIES
////////////////////////////////////////////////////////////////////////////////*/
#topCategories {
  max-width: 1100px;
  margin: 0 auto;
  height: 60px;
  z-index: 2;
  position: relative;
  height: 70px;
}
#topCategories > .container > ul {
  height: 70px;
  position: relative;
}
#topCategories > .container > ul > li {
  height: 70px;
  width: 135px;
  display: inline-block;
  margin-right: 2.8px;
}
#topCategories > .container > ul > li.parent:hover span.triangle {
  display: block;
}
#topCategories > .container > ul > li:hover > ul {
  display: block;
  position: absolute;
  top: 70px;
  left: 0;
  background: #f2f2f2;
  width: 1040px;
  padding: 30px;
  z-index: 1000;
  border-top: 3px solid #fff;
}
#topCategories > .container > ul > li:hover > ul > li {
  float: left;
  margin-right: 46px;
  width: 300px;
  display: block;
  color: #000;
}
#topCategories > .container > ul > li:hover > ul > li div:before,
#topCategories > .container > ul > li:hover > ul > li div:after {
  content: " ";
  display: block;
}
#topCategories > .container > ul > li:hover > ul > li div:after {
  clear: both;
}
#topCategories > .container > ul > li:hover > ul > li div {
  *zoom: 1;
  clear: both;
}
#topCategories > .container > ul > li:hover > ul > li div .img {
  float: left;
  height: 30px;
  width: 30px;
  text-align: center;
}
#topCategories > .container > ul > li:hover > ul > li div .img img {
  width: 100%;
  height: 100%;
}
#topCategories > .container > ul > li:hover > ul > li div a {
  height: 30px;
  width: 270px;
  line-height: 30px;
  border-radius: 0px;
}
#topCategories > .container > ul > li:hover > ul > li div a .name {
  float: left;
  height: 30px;
  text-decoration: underline;
  line-height: 30px;
  text-align: left;
  margin-left: 15px;
  color: #33b515;
  font-size: 16px;
  font-weight: bold;
}
#topCategories > .container > ul > li:hover > ul > li div a:hover .name {
  text-decoration: underline;
  color: #000;
}
#topCategories > .container > ul > li:hover > ul > li .description {
  display: block;
  text-align: left;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  margin-left: 42px;
  text-decoration: none;
  color: #000;
  margin-top: 0px;
  margin-bottom: 0px;
}
#topCategories > .container > ul > li:hover > ul > li .description p {
  margin: 0;
}
#topCategories > .container > ul > li ul {
  display: none;
}
#topCategories > .container > ul > li:last-child {
  margin-right: 0;
}
#topCategories > .container > ul > li a {
  width: 135px;
  height: 70px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  overflow: hidden;
}
#topCategories > .container > ul > li a:hover {
  text-decoration: underline;
}
#topCategories > .container > ul > li a span.name {
  display: block;
}
#topCategories > .container > ul > li a span.name span {
  display: table-cell;
  width: 135px;
  height: 70px;
  font-weight: bold;
  vertical-align: middle;
}
#topCategories > .container > ul > li > a {
  background-color: #cecece;
}
#topCategories > .container > ul > li span.triangle {
  display: none;
  position: relative;
  left: 55px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 12px 0 12px;
  z-index: 99999;
  border-color: #cecece transparent transparent transparent;
}
#topCategories > .container > ul #menu-psi a span.name span {
  background: #f64f08;
}
#topCategories > .container > ul #menu-psi span.triangle {
  border-color: #f64f08 transparent transparent transparent;
}
#topCategories > .container > ul #menu-kocky a span.name span {
  background: #edbe00;
}
#topCategories > .container > ul #menu-kocky span.triangle {
  border-color: #edbe00 transparent transparent transparent;
}
#topCategories > .container > ul #menu-ptactvo a span.name span {
  background: #38cd01;
}
#topCategories > .container > ul #menu-ptactvo span.triangle {
  border-color: #38cd01 transparent transparent transparent;
}
#topCategories > .container > ul #menu-hlodavci a span.name span {
  background: #00ccb1;
}
#topCategories > .container > ul #menu-hlodavci span.triangle {
  border-color: #00ccb1 transparent transparent transparent;
}
#topCategories > .container > ul #menu-fretky a span.name span {
  background: #2691f9;
}
#topCategories > .container > ul #menu-fretky span.triangle {
  border-color: #2691f9 transparent transparent transparent;
}
#topCategories > .container > ul #menu-zahradni-jezirka a span.name span {
  background: #5b00fd;
}
#topCategories > .container > ul #menu-zahradni-jezirka span.triangle {
  border-color: #5b00fd transparent transparent transparent;
}
#topCategories > .container > ul #menu-akvaristika a span.name span {
  background: #c540da;
}
#topCategories > .container > ul #menu-akvaristika span.triangle {
  border-color: #c540da transparent transparent transparent;
}
#topCategories > .container > ul #menu-teraristika a span.name span {
  background: #ed140b;
}
#topCategories > .container > ul #menu-teraristika span.triangle {
  border-color: #ed140b transparent transparent transparent;
}
#topCategories.index {
  height: 200px;
  margin-top: 3px;
}
#topCategories.index > .container > ul {
  height: 200px;
}
#topCategories.index > .container > ul > li {
  height: 200px;
  display: inline-block;
  margin-right: 2.8px;
}
#topCategories.index > .container > ul > li:hover > ul {
  top: 200px;
}
#topCategories.index > .container > ul > li:last-child {
  margin-right: 0;
}
#topCategories.index > .container > ul > li a {
  height: 200px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  overflow: hidden;
}
#topCategories.index > .container > ul > li a:hover {
  text-decoration: underline;
}
#topCategories.index > .container > ul > li a span.name {
  display: block;
}
#topCategories.index > .container > ul > li a span.name span {
  line-height: 70px;
  height: 70px;
  width: 135px;
  display: block;
  font-weight: bold;
}
#topCategories.index > .container > ul > li a span.img {
  display: block;
  height: 130px;
  width: 135px;
}
/*                                    PAGE
////////////////////////////////////////////////////////////////////////////////*/
#allContent {
  width: 1100px;
  margin: 0 auto;
}
#allContent:before,
#allContent:after {
  content: " ";
  display: block;
}
#allContent:after {
  clear: both;
}
#allContent {
  *zoom: 1;
  clear: both;
}
#allContent.index {
  margin-top: 63px;
}
#allContent.index #page {
  margin-bottom: 50px;
}
#allContent.index #page #signs {
  margin-top: 30px;
}
#allContent.index #page #signs h2 {
  font-weight: bold;
  font-size: 14px;
  float: left;
  width: 135px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #717171;
  margin-bottom: 15px;
  padding-bottom: 6px;
  cursor: pointer;
}
#allContent.index #page #signs h2 span {
  width: 135px;
  height: 30px;
  line-height: 30px;
  display: block;
  border-radius: 3px;
}
#allContent.index #page #signs h2.active {
  background: url("./images/priznaky-zobak.png") no-repeat 62px 29px;
  color: #fff;
}
#allContent.index #page #signs h2.active span {
  background: #32b414;
}
#allContent.index #page #signs .signContainer {
  display: none;
}
#allContent.index #page #signs .signContainer.active {
  display: block;
}
#allContent.index #page #signs .signContainer .products {
  margin: 0 auto 56px auto;
  width: 873px;
}
#allContent.index #page #signs .signContainer .products:before,
#allContent.index #page #signs .signContainer .products:after {
  content: " ";
  display: block;
}
#allContent.index #page #signs .signContainer .products:after {
  clear: both;
}
#allContent.index #page #signs .signContainer .products {
  *zoom: 1;
  clear: both;
}
#allContent.index #page #signs .signContainer .products .innerContainer {
  margin-top: 15px;
  width: 873px;
  overflow: hidden;
  position: relative;
}
#allContent.index #page #signs .signContainer .products .innerContainer .sliderContainer {
  width: 99999px;
}
#allContent.index #page #signs .signContainer .products .innerContainer .sliderContainer:before,
#allContent.index #page #signs .signContainer .products .innerContainer .sliderContainer:after {
  content: " ";
  display: block;
}
#allContent.index #page #signs .signContainer .products .innerContainer .sliderContainer:after {
  clear: both;
}
#allContent.index #page #signs .signContainer .products .innerContainer .sliderContainer {
  *zoom: 1;
  clear: both;
}
#allContent.index #page #signs .products {
  width: 873px;
}
#allContent.index #page #signs .products .product:first-child {
  margin-left: 0px;
}
#allContent.index #page #signs .products span.left-arrow-container {
  width: 20px;
  height: 18px;
  display: block;
  position: absolute;
  top: 378px;
  left: 414px;
}
#allContent.index #page #signs .products span.left-arrow {
  display: block;
  width: 20px;
  height: 18px;
  background: url("./images/items-nav-l.png") no-repeat 0 0;
  cursor: pointer;
}
#allContent.index #page #signs .products span.left-arrow:hover {
  background-position: 0 -18px;
}
#allContent.index #page #signs .products span.left-arrow.disabled {
  background-position: 0 -36px;
  cursor: default;
}
#allContent.index #page #signs .products span.right-arrow-container {
  width: 20px;
  height: 18px;
  display: block;
  position: absolute;
  top: 378px;
  left: 443px;
}
#allContent.index #page #signs .products span.right-arrow {
  display: block;
  width: 20px;
  height: 18px;
  background: url("./images/items-nav-r.png") no-repeat 0 0;
  cursor: pointer;
}
#allContent.index #page #signs .products span.right-arrow:hover {
  background-position: 0 -18px;
}
#allContent.index #page #signs .products span.right-arrow.disabled {
  background-position: 0 -36px;
  cursor: default;
}
#allContent.index #page #articles-box {
  margin-top: 84px;
  margin-bottom: 37px;
}
#allContent.index #page #articles-box h2 {
  width: 129px;
  height: 35px;
  background: url("./images/sidebar-zluta.jpg") no-repeat center center;
  border-radius: 3px;
  margin-bottom: 28px;
}
#allContent.index #page #articles-box h2 a {
  display: block;
  padding-left: 49px;
  width: 80px;
  height: 35px;
  line-height: 35px;
  background: url("./images/clanky-ico.png") no-repeat 15px center;
  color: #fff;
  text-decoration: none;
}
#allContent.index #page #articles-box h2 a:hover {
  text-decoration: underline;
}
#allContent.index #page #articles-box .articles-item {
  display: block;
  width: 254px;
  padding-left: 21px;
  background: url("./images/clanky-odrazka.jpg") no-repeat 0px 3px;
  float: left;
  margin-left: 21px;
}
#allContent.index #page #articles-box .articles-item:first-child {
  margin-left: 0;
}
#allContent.index #page #articles-box .articles-item p {
  margin: 0;
}
#allContent.index #page #articles-box .articles-item .article_header {
  margin-bottom: 10px;
}
#allContent.index #page #articles-box .articles-item .article_header a {
  font-size: 18px;
  font-weight: bold;
  color: #30b50e;
  text-decoration: none;
}
#allContent.index #page #articles-box .articles-item .article_header a:hover {
  text-decoration: underline;
}
#allContent.index #page #articles-box .articles-item .letters {
  font-size: 14px;
  color: #000;
}
#allContent.index #page #articles-box .articles-item .letters .green {
  color: #30b50e;
}
#allContent.index #page #articles-box .articles-item .letters a {
  display: block;
  margin-top: 18px;
  font-size: 14px;
  color: #be884a;
  width: 80px;
}
#allContent.index #page #indexBoxes {
  margin-top: 70px;
}
#allContent.index #page #indexBoxes .item {
  display: block;
  width: 419px;
  height: 202px;
  border: 1px solid #feba01;
  border-radius: 5px;
  text-align: center;
  color: #000;
  font-size: 14px;
  float: left;
}
#allContent.index #page #indexBoxes .item h2 {
  margin: 0;
  color: #34b211;
  font-size: 18px;
  margin-bottom: 10px;
  padding-top: 60px;
  margin-top: 20px;
}
#allContent.index #page #indexBoxes .item .text {
  margin: 0 auto;
  line-height: 120%;
  width: 290px;
  text-shadow: 1px 1px 1px #fff;
}
#allContent.index #page #indexBoxes .item .text p {
  margin: 0;
  line-height: normal;
}
#allContent.index #page #indexBoxes #objednavka {
  margin-right: 30px;
  background: url("./images/banner1-bg.jpg") no-repeat center center;
}
#allContent.index #page #indexBoxes #objednavka h2 {
  background: url("./images/banner1-ico.png") no-repeat top center;
}
#allContent.index #page #indexBoxes #objednavka .text {
  width: 270px;
}
#allContent.index #page #indexBoxes #kvalita {
  background: url("./images/banner2-bg.jpg") no-repeat center center;
}
#allContent.index #page #indexBoxes #kvalita h2 {
  background: url("./images/banner2-ico.png") no-repeat top center;
}
#allContent #rightColumn {
  width: 190px;
  margin-left: 33px;
  float: right;
  overflow: hidden;
}
#allContent #rightColumn .signContainer {
  font-size: 14px;
  margin-bottom: 40px;
}
#allContent #rightColumn .signContainer h2 {
  line-height: 35px;
  height: 35px;
  background: url("./images/sidebar-zluta.jpg") no-repeat center center;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  border-radius: 3px;
  margin: 0;
}
#allContent #rightColumn .signContainer ul {
  margin-top: 15px;
}
#allContent #rightColumn .signContainer ul li {
  margin-bottom: 13px;
  padding-left: 20px;
  background: url("./images/sidebar-sipka.png") no-repeat left center;
}
#allContent #rightColumn .signContainer a.button {
  width: 107px;
  line-height: 28px;
  height: 28px;
  border: 1px solid #33b316;
  border-radius: 2px;
  color: #33b316;
  padding: 0 10px;
  margin-top: 7px;
  margin-left: 30px;
  display: block;
}
#allContent #rightColumn #shopBox {
  font-size: 14px;
  background: #f7f7f7;
  color: #737373;
  display: block;
  padding-bottom: 12px;
}
#allContent #rightColumn #shopBox h2 {
  font-size: 14px;
  font-weight: bold;
  color: #737373;
  margin: 0;
}
#allContent #rightColumn #shopBox > h2 {
  background: url("./images/sidebar-zelena.jpg") no-repeat center center;
  text-align: center;
  line-height: 35px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #fff;
}
#allContent #rightColumn #shopBox ul {
  margin-left: 11px;
}
#allContent #rightColumn #shopBox ul li {
  padding-left: 30px;
  line-height: 19px;
}
#allContent #rightColumn #shopBox ul li h2 {
  margin-bottom: 2px;
}
#allContent #rightColumn #shopBox #adresa {
  margin-top: 13px;
  background: url("./images/sidebar-poloha.png") no-repeat 0px 3px;
}
#allContent #rightColumn #shopBox #doba {
  margin-top: 13px;
  background: url("./images/sidebar-oteviraci-doba.png") no-repeat 0px 3px;
}
#allContent #rightColumn #shopBox #info {
  margin-top: 13px;
}
#allContent #rightColumn #shopBox #info li {
  line-height: 25px;
}
#allContent #rightColumn #shopBox #info li a {
  text-decoration: none;
  color: #737373;
}
#allContent #rightColumn #shopBox #info li a:hover {
  text-decoration: underline;
}
#allContent #rightColumn #shopBox #info li:first-child {
  background: url("./images/sidebar-phone.png") no-repeat left center;
}
#allContent #rightColumn #shopBox #info li:last-child {
  background: url("./images/sidebar-mail.png") no-repeat left center;
}
#allContent #rightColumn #shopBox a.button {
  width: 107px;
  line-height: 28px;
  height: 28px;
  border: 1px solid #33b316;
  border-radius: 2px;
  color: #33b316;
  padding: 0 10px;
  margin: 20px 30px 0px 30px;
  display: block;
}
#allContent #rightColumn #banners {
  text-align: center;
  margin-bottom: 40px;
}
#allContent #rightColumn #banners img {
  margin-top: 33px;
}
#allContent #rightColumn #anketa h2 {
  background: url("./images/sidebar-zluta.jpg") no-repeat center center;
  line-height: 35px;
  color: #fff;
  text-align: center;
  border-radius: 3px;
}
#allContent #rightColumn #anketa #enquiry-box {
  display: block;
  margin: 12px 10px;
}
#allContent #rightColumn #anketa #enquiry-box p {
  color: #797979;
}
#allContent #rightColumn #anketa #enquiry-box .answer {
  margin-bottom: 4px;
}
#allContent #rightColumn #anketa #enquiry-box .answer a {
  color: #000;
  line-height: 30px;
  font-size: 12px;
}
#allContent #rightColumn #anketa #enquiry-box .answer span.procenta {
  height: 30px;
  line-height: 30px;
  width: 40px;
  float: right;
  background: #32b414;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  font-size: 12px;
}
#allContent #page {
  float: left;
  width: 877px;
  overflow: hidden;
}
#allContent #page #hpText {
  font-size: 16px;
  color: #000;
  font-size: 16px;
  color: #000;
}
#allContent #page #hpText:before,
#allContent #page #hpText:after {
  content: " ";
  display: block;
}
#allContent #page #hpText:after {
  clear: both;
}
#allContent #page #hpText {
  *zoom: 1;
  clear: both;
}
#allContent #page #hpText h2 {
  color: #31b315;
  font-size: 24px;
  font-weight: bold;
  float: left;
  margin-top: 0;
}
#allContent #page #hpText p {
  float: left;
  width: 570px;
}
#allContent #page #hpText img {
  float: right;
}
#allContent #page .products {
  width: 658px;
  position: relative;
}
#allContent #page .products:before,
#allContent #page .products:after {
  content: " ";
  display: block;
}
#allContent #page .products:after {
  clear: both;
}
#allContent #page .products {
  *zoom: 1;
  clear: both;
}
#allContent #page .products .product {
  float: left;
  width: 177px;
  height: 342px;
  padding: 10px 20px;
  border: 1px solid #e6e6e6;
  position: relative;
  z-index: 1;
  margin-bottom: 19px;
  margin-left: -1px;
}
#allContent #page .products .product:hover {
  border: 2px solid #32b416;
  padding: 9px 19px;
  z-index: 99999999;
}
#allContent #page .products .product:hover .signs {
  bottom: 94px;
  left: 18px;
}
#allContent #page .products .product:hover .name a {
  color: #32b416;
}
#allContent #page .products .product .name {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  height: 48px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
#allContent #page .products .product .name a {
  color: #000;
  text-decoration: none;
}
#allContent #page .products .product .name a:hover {
  text-decoration: underline;
}
#allContent #page .products .product .img {
  height: 220px;
  line-height: 220px;
  text-align: center;
  font-size: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}
#allContent #page .products .product .img img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
#allContent #page .products .product .signs {
  display: block;
  position: absolute;
  bottom: 95px;
  left: 19px;
  font-size: 12px;
}
#allContent #page .products .product .signs span.sign {
  display: block;
  height: 25px;
  line-height: 24px;
  position: relative;
  margin-top: 2px;
  color: #fff;
  text-align: center;
  border-radius: 3px;
}
#allContent #page .products .product .signs span.sign.sign-akce {
  background-color: #00823c;
  width: 47px;
}
#allContent #page .products .product .signs span.sign.sign-doporucujeme {
  background-color: #bb28b7;
  width: 102px;
}
#allContent #page .products .product .signs span.sign.sign-novinka {
  background-color: #11bcac;
  width: 65px;
  color: #000;
}
#allContent #page .products .product .signs span.sign.sign-sleva {
  background-color: #d95814;
  width: 49px;
}
#allContent #page .products .product .signs span.sign.sign-vyprodej {
  background-color: #ee0173;
  width: 70px;
}
#allContent #page .products .product .signs span.sign.sign-nejprodavanejsi {
  background-color: #264cb7;
  width: 109px;
}
#allContent #page .products .product .availability {
  color: #707070;
  font-size: 12px;
  line-height: 20px;
  text-transform: lowercase;
  margin-left: 5px;
  margin-top: 7px;
  display: block;
}
#allContent #page .products .product .availability.green {
  color: #3fb724;
}
#allContent #page .products .product .availability.red {
  color: #e70103;
}
#allContent #page .products .product .priceBuy {
  position: relative;
  display: block;
  height: 46px;
  width: 177px;
  background: url("./images/cena-bg.jpg");
  border-radius: 3px;
  overflow: hidden;
}
#allContent #page .products .product .priceBuy .left {
  float: left;
  width: 101px;
  padding-left: 20px;
}
#allContent #page .products .product .priceBuy .left span.priceVat {
  display: block;
  font-size: 18px;
  color: #000;
  line-height: 46px;
  text-shadow: 1px 1px 1px #f8d90f;
}
#allContent #page .products .product .priceBuy .left span.priceOld {
  display: block;
  position: absolute;
  font-size: 12px;
  color: #707070;
  line-height: 16px;
  text-decoration: line-through;
  bottom: 5px;
  text-shadow: 1px 1px 1px #f8d90f;
}
#allContent #page .products .product .priceBuy .left span.priceOld + span.priceVat {
  line-height: 32px;
}
#allContent #page .products .product .priceBuy .button {
  width: 56px;
  height: 46px;
  float: right;
}
#allContent #page .products .product .priceBuy .button .buyButton {
  width: 56px;
  height: 46px;
  background-color: #32b414;
}
#allContent #page .products .product .priceBuy .button .buyButton:hover {
  background-color: #009201;
}
#allContent #page .products .product .priceBuy .button .buyButton .productBuy {
  display: block;
  float: right;
  width: 56px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  background: url("./images/item-cart-ico.png") no-repeat center center;
}
/*                                    SIDEBAR
////////////////////////////////////////////////////////////////////////////////*/
#sidebar {
  float: left;
  width: 190px;
  margin-right: 29px;
  background: #fff;
}
#sidebar #categories > ul > li {
  display: none;
  position: relative;
}
#sidebar #categories > ul > li.linked {
  display: block;
}
#sidebar #categories > ul > li > span > a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  background: url("./images/sidebar-zelena.jpg") no-repeat center center;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 190px;
  border-radius: 3px;
}
#sidebar #categories > ul > li > span > a:hover {
  text-decoration: underline;
}
#sidebar #categories > ul > li > ul {
  margin-top: 8px;
  background: #fff;
  color: #818181;
  font-size: 14px;
  z-index: 3;
}
#sidebar #categories > ul > li > ul > li.linked ul {
  display: block;
}
#sidebar #categories > ul > li > ul > li {
  background: url("./images/sidemenu-dot.png") no-repeat 4px 10px;
}
#sidebar #categories > ul > li > ul > li.parent {
  background: url("./images/sidemenu-plus.png") no-repeat 2px 9px;
}
#sidebar #categories > ul > li > ul > li.parent.linked,
#sidebar #categories > ul > li > ul > li.parent.opened {
  background: url("./images/sidemenu-minus.png") no-repeat 2px 12px;
}
#sidebar #categories > ul > li > ul > li.parent.active {
  background: url("./images/sidemenu-active.png") no-repeat 0 9px;
}
#sidebar #categories > ul > li > ul > li > ul {
  display: none;
}
#sidebar #categories > ul > li > ul > li > ul li {
  padding-left: 25px;
  border: none;
}
#sidebar #categories > ul > li > ul > li > ul li span {
  padding-left: 0;
}
#sidebar #categories > ul > li > ul li {
  padding: 3px 0;
  line-height: 20px;
}
#sidebar #categories > ul > li > ul li.active {
  background: url("./images/sidemenu-active.png") no-repeat 0 9px;
}
#sidebar #categories > ul > li > ul li span {
  display: block;
  padding-left: 16px;
}
#sidebar #categories > ul > li > ul li span a {
  display: block;
  text-decoration: none;
  color: #000;
  line-height: 20px;
}
#sidebar #categories > ul > li > ul li span a.active,
#sidebar #categories > ul > li > ul li span a:hover {
  text-decoration: underline;
  color: #4ecf1c;
}
#sidebar #sortControl {
  margin-top: 15px;
  display: block;
  background: url("./images/sidebar-zluta.jpg") no-repeat center center;
  height: 35px;
  line-height: 35px;
  width: 190px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  border-radius: 3px 3px 0 0;
}
#sidebar #sort {
  margin: 0px 0 60px 0;
  font-size: 14px;
  color: #717171;
  width: 190px;
}
#sidebar #sort .container {
  padding: 15px 15px 15px 10px;
  background: #f7f7f7;
  border-radius: 0 0 3px 3px;
}
#sidebar #sort .container .filters .filterItem {
  margin-top: 18px;
}
#sidebar #sort .container .filters .filterItem:first-child {
  margin-top: 0px;
}
#sidebar #sort .container .filters .filterItem .params .filterTitle {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}
#sidebar #sort .container .filters .filterItem .params .content {
  float: left;
  margin-top: 7px;
}
#sidebar #sort .container .filters .filterItem .params .content ul li {
  float: left;
}
#sidebar #sort .container .filters .filterItem .params .content ul li label span {
  vertical-align: middle;
}
#sidebar #sort .container .filters .filterItem .params .content ul li label input[type='checkbox'] {
  vertical-align: middle;
}
#sidebar #sort .container .filters .filterItem .params .content ul li select {
  width: 160px;
}
#sidebar #sort .container .buttonsContainer {
  margin-top: 20px;
}
#sidebar #sort .container .buttonsContainer input[type='submit'] {
  float: left;
  width: 78px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #32b416;
  outline: none;
  cursor: pointer;
  padding: 0;
  background: none;
  color: #000;
  text-decoration: underline;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  text-align: center;
  text-transform: lowercase;
  color: #32b416;
  border-radius: 3px;
}
#sidebar #sort .container .buttonsContainer input[type='submit']:hover {
  text-decoration: none;
}
#sidebar #sort .container .buttonsContainer a.notFilter {
  display: block;
  float: left;
  color: #717171;
  line-height: 28px;
  height: 28px;
  font-size: 14px;
  margin-left: 15px;
}
#sidebar #sort .container .buttonsContainer a.notFilter:hover {
  text-decoration: none;
}
/*                                    CONTENT
////////////////////////////////////////////////////////////////////////////////*/
#content {
  float: right;
  width: 658px;
}
/*                                    NAVIGATION
////////////////////////////////////////////////////////////////////////////////*/
#navigation {
  width: 1100px;
  margin: 0 auto;
  padding: 8px 0;
  z-index: 1;
  position: relative;
  margin-bottom: 28px;
}
#navigation a {
  display: block;
  float: left;
  line-height: 20px;
  height: 20px;
  text-decoration: none;
  padding: 0px 0 0 14px;
  position: relative;
  font-size: 14px;
  margin-right: 7px;
  color: #c9c9c9;
  background: url("./images/breadcrumb-sipka.png") no-repeat left center;
}
#navigation a.first {
  background: none;
  padding-left: 0;
}
#navigation a.active {
  text-decoration: underline;
}
#navigation a:hover {
  text-decoration: underline;
}
/*                                    FILTER AND CONTROL
////////////////////////////////////////////////////////////////////////////////*/
.paginate {
  height: 18px;
  position: relative;
  overflow: hidden;
  float: right;
}
.paginate .paging {
  height: 18px;
  line-height: 18px;
  position: relative;
  margin: 0 0 0 0;
}
.paginate .paging > p {
  margin: 0;
  font-size: 14px;
  padding: 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 3px;
  text-align: center;
  text-decoration: none;
  color: #6f6f6f;
  line-height: 20px;
  font-size: 14px;
  margin: 0 2px;
}
.paginate .paging > p a:hover {
  text-decoration: underline;
  color: #34b513;
}
.paginate .paging > p a.pg-prev,
.paginate .paging > p span.pg-prev {
  background: url("./images/items-nav-l.png") no-repeat;
  background-position: 0 0;
  width: 20px;
  height: 18px;
  margin-right: 8px;
  padding: 0;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
}
.paginate .paging > p a.pg-prev:hover,
.paginate .paging > p span.pg-prev:hover {
  background-position: 0 -18px;
}
.paginate .paging > p a.pg-prev.disabled,
.paginate .paging > p span.pg-prev.disabled {
  background-position: 0 -36px;
}
.paginate .paging > p a.pg-next,
.paginate .paging > p span.pg-next {
  background: url("./images/items-nav-r.png") no-repeat;
  background-position: 0 0;
  width: 20px;
  height: 18px;
  margin-left: 8px;
  padding: 0;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
}
.paginate .paging > p a.pg-next:hover,
.paginate .paging > p span.pg-next:hover {
  background-position: 0 -18px;
}
.paginate .paging > p a.pg-next.disabled,
.paginate .paging > p span.pg-next.disabled {
  background-position: 0 -36px;
}
.paginate .paging > p a.pg-first,
.paginate .paging > p a.pg-last {
  display: none;
}
.paginate .paging > p span {
  color: #34b513;
  font-weight: bold;
  text-decoration: underline;
}
.paginate .paging > p span.paging_dots {
  color: #6f6f6f;
  text-decoration: none;
}
.sortContainer .paginate {
  margin-bottom: 50px;
}
#productsHeader {
  margin-bottom: 26px;
}
#productsHeader .upper {
  z-index: 1;
  position: relative;
}
#productsHeader h1.productsTitle {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 35px;
  padding: 0;
  color: #6f6f6f;
}
#sortAll {
  margin-top: 10px;
}
#sortAll .sort {
  float: left;
}
#sortAll .sort label {
  margin-right: 12px;
  color: #6f6f6f;
}
.pagination {
  float: left;
  margin-left: 30px;
  color: #828282;
}
.pagination p {
  margin: 0;
}
/*                                    PRODUCERS
////////////////////////////////////////////////////////////////////////////////*/
#producers {
  width: 1080px;
  position: relative;
  margin: 20px auto 0 auto;
}
#producers .inner {
  height: 76px;
  width: 1020px;
  overflow: hidden;
  margin: 0 auto;
}
#producers .inner .list-producers {
  width: 9999px;
  height: 76px;
}
#producers .inner .list-producers:before,
#producers .inner .list-producers:after {
  content: " ";
  display: block;
}
#producers .inner .list-producers:after {
  clear: both;
}
#producers .inner .list-producers {
  *zoom: 1;
  clear: both;
}
#producers .inner .list-producers .item {
  float: left;
  height: 76px;
  width: 204px;
  text-align: center;
  line-height: 73px;
}
#producers .inner .list-producers .item img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
#producers .arrow {
  width: 31px;
  height: 76px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  background-position: 0 0;
  cursor: pointer;
}
#producers .arrow:hover {
  background-position: 0 -76px;
}
#producers .arrow.disabled {
  background-position: 0 -152px;
  cursor: default;
}
#producers .arrow.arr-left {
  left: 0;
  background-image: url("./images/reference-nav-l.png");
}
#producers .arrow.arr-right {
  right: 0;
  background-image: url("./images/reference-nav-r.png");
}
/*                                    PRODUCT HEADER
////////////////////////////////////////////////////////////////////////////////*/
#content h1.product {
  font-size: 16px;
  font-weight: bold;
  padding: 0;
  line-height: 35px;
  margin-bottom: 10px;
}
#content #productHeader {
  position: relative;
}
#content #productHeader .right {
  float: right;
  width: 317px;
  background: #fff;
}
#content #productHeader .right .topImg {
  text-align: center;
  position: relative;
  width: 305px;
  max-height: 352px;
  min-height: 190px;
  padding: 5px;
  font-size: 100%;
  border: 1px solid #e5e5e5;
}
#content #productHeader .right .topImg a {
  line-height: 190px;
  min-height: 190px;
}
#content #productHeader .right .topImg a img {
  vertical-align: middle;
}
#content #productHeader .right .topImg span.cont {
  line-height: 190px;
}
#content #productHeader .right .topImg span.cont img {
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
}
#content #productHeader .right .topImg .signs {
  display: block;
  position: absolute;
  bottom: 19px;
  left: 24px;
  font-size: 12px;
}
#content #productHeader .right .topImg .signs span.sign {
  display: block;
  height: 25px;
  line-height: 24px;
  position: relative;
  margin-top: 2px;
  color: #fff;
  text-align: center;
  border-radius: 3px;
}
#content #productHeader .right .topImg .signs span.sign.sign-akce {
  background-color: #00823c;
  width: 47px;
}
#content #productHeader .right .topImg .signs span.sign.sign-doporucujeme {
  background-color: #bb28b7;
  width: 102px;
}
#content #productHeader .right .topImg .signs span.sign.sign-novinka {
  background-color: #11bcac;
  width: 65px;
  color: #000;
}
#content #productHeader .right .topImg .signs span.sign.sign-sleva {
  background-color: #d95814;
  width: 49px;
}
#content #productHeader .right .topImg .signs span.sign.sign-vyprodej {
  background-color: #ee0173;
  width: 70px;
}
#content #productHeader .right .topImg .signs span.sign.sign-nejprodavanejsi {
  background-color: #264cb7;
  width: 109px;
}
#content #productHeader .right #smallImages {
  margin-top: 5px;
}
#content #productHeader .right #smallImages .container .image {
  width: 48px;
  height: 48px;
  margin: 0 5px 0 0;
  float: left;
}
#content #productHeader .right #smallImages .container .image a {
  display: block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 100%;
  background: #fff;
}
#content #productHeader .right #smallImages .container .image a img {
  vertical-align: middle;
  height: 100%;
  width: 100%;
  border: 1px solid #e5e5e5;
}
#content #productHeader .left {
  float: left;
  width: 340px;
  position: relative;
}
#content #productHeader .left p.perex {
  width: 320px;
  color: #717171;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  text-align: justify;
}
#content #productHeader .left .tableContainer {
  margin-top: 25px;
}
#content #productHeader .left .tableContainer > table {
  width: 100%;
}
#content #productHeader .left .tableContainer > table td {
  padding: 3px 0;
  width: 50%;
  font-size: 14px;
}
#content #productHeader .left .tableContainer > table td.key {
  text-align: left;
  color: #828282;
}
#content #productHeader .left .tableContainer > table td.value {
  text-align: left;
  color: #000;
}
#content #productHeader .left .tableContainer > table td.value span.green {
  color: #40bb24;
  text-transform: lowercase;
}
#content #productHeader .left .tableContainer > table td.value span.red {
  color: #e70103;
  text-transform: lowercase;
}
#content #productHeader .left .buyBox {
  margin-top: 28px;
  width: 237px;
  height: 46px;
  background: url("./images/cena-bg.jpg") left center no-repeat;
  border-radius: 3px;
  position: relative;
}
#content #productHeader .left .buyBox .prices {
  float: left;
  width: 120px;
  margin-left: 20px;
}
#content #productHeader .left .buyBox .prices span.priceVat {
  display: block;
  font-size: 18px;
  color: #000;
  line-height: 46px;
}
#content #productHeader .left .buyBox .prices span.priceOld {
  display: block;
  position: absolute;
  font-size: 12px;
  color: #707070;
  line-height: 16px;
  text-decoration: line-through;
  bottom: 5px;
}
#content #productHeader .left .buyBox .prices span.priceOld + span.priceVat {
  line-height: 32px;
}
#content #productHeader .left .buyBox .button {
  float: right;
  width: 56px;
  height: 46px;
  padding: 0;
}
#content #productHeader .left .buyBox .button a {
  display: block;
  width: 56px;
  height: 46px;
  line-height: 46px;
  background: #32b414 url("./images/item-cart-ico.png") no-repeat center center;
  color: #fff;
  font-size: 14px;
  text-decoration: underline;
  border-radius: 0 3px 3px 0;
}
#content #productHeader .left .buyBox .button a:hover {
  background-color: #2da212;
}
#content #productHeader .left .buyBox .quantity {
  float: right;
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
  border-radius: 3px 0 0 3px;
  margin-top: 3px;
}
#content #productHeader .left .buyBox .quantity input[type='text'] {
  text-align: center;
  width: 40px;
  line-height: 24px;
  padding: 8px 0;
  height: 24px;
  border: none;
  outline: none;
  font-size: 18px;
}
#content #description {
  margin: 20px 0 8px 0;
  padding: 0;
}
#content #description .textPage {
  color: #000;
  padding: 0;
  line-height: 1.2;
  margin-bottom: 50px;
}
#content #description img {
  cursor: default !important;
}
#content #files {
  margin-top: 12px;
  padding: 0;
}
#content #files ul li {
  font-size: 12px;
  text-align: left;
  padding-left: 18px;
  background: url("./images/file-ico.png") no-repeat left center;
}
#content #files ul li a {
  color: #51bd34;
}
#content h2.lower {
  padding: 0 0 0 0px;
  margin: 0 0 105x 0;
  font-size: 16px;
  line-height: 24px;
  color: #37b315;
  font-weight: bold;
}
#content .lowerProducts {
  margin-top: 40px;
}
#content .lowerProducts h2.sign {
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px 0;
  text-align: left;
  color: #40bb24;
  text-transform: none;
  left: 0;
  background: none;
  height: auto;
  line-height: 20px;
  padding: 0;
}
#content .lowerProducts h2.sign span {
  padding-left: 0;
  color: #40bb24;
  background: none;
}
#content .lowerProducts table {
  width: 100%;
}
#content .lowerProducts table tr {
  margin-bottom: 10px;
}
#content .lowerProducts table td {
  vertical-align: middle;
  font-size: 14px;
  padding: 5px 0;
}
#content .lowerProducts table td.img {
  width: 50px;
}
#content .lowerProducts table td.img a,
#content .lowerProducts table td.img span.notAhref {
  display: block;
  width: 44px;
  height: 44px;
  line-height: 40px;
  padding: 3px;
  text-align: center;
  font-size: 100%;
  border: 1px solid #e5e5e5;
}
#content .lowerProducts table td.img a img,
#content .lowerProducts table td.img span.notAhref img {
  vertical-align: middle;
  height: 100%;
  width: 100%;
  line-height: 12px;
}
#content .lowerProducts table td.name {
  width: 310px;
  padding-right: 12px;
  padding-left: 12px;
}
#content .lowerProducts table td.name a {
  color: #000;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
}
#content .lowerProducts table td.name a:hover {
  text-decoration: underline;
}
#content .lowerProducts table td.name p {
  margin: 4px 0;
  font-size: 12px;
  color: #818181;
}
#content .lowerProducts table td.name p:before,
#content .lowerProducts table td.name p:after {
  content: " ";
  display: block;
}
#content .lowerProducts table td.name p:after {
  clear: both;
}
#content .lowerProducts table td.name p {
  *zoom: 1;
  clear: both;
}
#content .lowerProducts table td.name p > span {
  padding: 0 10px;
  border-left: 1px solid #818181;
  float: left;
  line-height: 12px;
  height: 12px;
  display: block;
}
#content .lowerProducts table td.name p > span:first-child {
  padding-left: 0;
  border: none;
}
#content .lowerProducts table td.name p span.availability.green {
  color: #40bb24;
  text-transform: lowercase;
  font-weight: bold;
}
#content .lowerProducts table td.name p span.availability.red {
  color: #e70103;
  text-transform: lowercase;
}
#content .lowerProducts table td.price {
  padding-right: 25px;
  text-align: right;
  width: 100px;
}
#content .lowerProducts table td.price span.priceOld {
  color: #818181;
  text-decoration: line-through;
  font-size: 12px;
}
#content .lowerProducts table td.price span.priceVat {
  color: #40bb24;
  font-size: 14px;
  font-weight: bold;
}
#content .lowerProducts table td.quantityBuy {
  width: 106px;
}
#content .lowerProducts table td.quantityBuy span.cf {
  display: block;
  width: 106px;
}
#content .lowerProducts table td.quantityBuy span.cf span.quantity {
  float: left;
  width: 38px;
  height: 38px;
  border: 1px solid #707070;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 4px 0;
}
#content .lowerProducts table td.quantityBuy span.cf span.quantity input[type='text'] {
  text-align: center;
  width: 38px;
  line-height: 18px;
  height: 18px;
  padding: 10px 0px;
  font-size: 14px;
  border: none;
  outline: none;
}
#content .lowerProducts table td.quantityBuy span.cf span.button {
  display: block;
  float: left;
  width: 46px;
  height: 46px;
  margin: 1px 0px 1px 20px;
}
#content .lowerProducts table td.quantityBuy span.cf span.button a {
  display: block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  background: #32b414 url("./images/item-cart-ico.png") no-repeat center center;
  color: #fff;
  font-size: 14px;
  text-decoration: underline;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#content .lowerProducts table td.quantityBuy span.cf span.button a:hover {
  background-color: #2da212;
}
/*                                    BASKET
////////////////////////////////////////////////////////////////////////////////*/
div#basket {
  margin-bottom: 30px;
}
div#basket .progress {
  height: 80px;
  margin-bottom: 37px;
}
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.step1 {
  background: url("./images/cart-step-tecky1.png") center 15px no-repeat;
}
div#basket .progress.step2 {
  background: url("./images/cart-step-tecky2.png") center 15px no-repeat;
}
div#basket .progress.step3 {
  background: url("./images/cart-step-tecky3.png") center 15px no-repeat;
}
div#basket .progress.step4 {
  background: url("./images/cart-step-tecky4.png") center 15px no-repeat;
}
div#basket .progress .step {
  float: left;
  height: 30px;
  line-height: 30px;
  padding-top: 50px;
  text-align: center;
  color: #fdc122;
  font-size: 14px;
  position: relative;
  background-color: #fff;
  text-align: center;
}
div#basket .progress .step > a,
div#basket .progress .step > span.notHref {
  color: #fdc122;
  text-decoration: none;
}
div#basket .progress .step.active {
  color: #2eb012;
}
div#basket .progress .step.active > a,
div#basket .progress .step.active > span.notHref {
  color: #2eb012;
}
div#basket .progress .step.done {
  color: #828282;
}
div#basket .progress .step.done > a,
div#basket .progress .step.done > span.notHref {
  color: #828282;
}
div#basket .progress .step.step1 {
  background: url("./images/cart-step-11.png") center 3px no-repeat;
  width: 184px;
}
div#basket .progress .step.step1.done {
  background: url("./images/cart-step-21.png") center 3px no-repeat;
}
div#basket .progress .step.step1.active {
  background: url("./images/cart-step-11.png") center 3px no-repeat;
}
div#basket .progress .step.step2 {
  background: url("./images/cart-step-32.png") center 3px no-repeat;
  width: 254px;
}
div#basket .progress .step.step2.done {
  background: url("./images/cart-step-22.png") center 3px no-repeat;
}
div#basket .progress .step.step2.active {
  background: url("./images/cart-step-12.png") center 3px no-repeat;
}
div#basket .progress .step.step3 {
  background: url("./images/cart-step-33.png") center 3px no-repeat;
  width: 254px;
}
div#basket .progress .step.step3.done {
  background: url("./images/cart-step-23.png") center 3px no-repeat;
}
div#basket .progress .step.step3.active {
  background: url("./images/cart-step-13.png") center 3px no-repeat;
}
div#basket .progress .step.step4 {
  background: url("./images/cart-step-34.png") center 3px no-repeat;
  width: 184px;
}
div#basket .progress .step.step4.done {
  background: url("./images/cart-step-24.png") center 3px no-repeat;
}
div#basket .progress .step.step4.active {
  background: url("./images/cart-step-14.png") center 3px no-repeat;
}
div#basket h2.informaceBasket {
  width: 221px;
  height: 40px;
  background: #ffb900;
  color: #fff;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
div#basket .tableContainer {
  margin-top: 20px;
  padding: 0;
}
div#basket table {
  width: 100%;
  text-align: left;
  margin-top: 0;
  border-bottom: 1px solid #e1e1e1;
  display: block;
  padding-bottom: 18px;
}
div#basket table tr th {
  padding: 7px 0 15px 0;
  color: #828282 !important;
  font-size: 12px !important;
  font-weight: normal;
}
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: 3px 5px;
  font-size: 14px;
  color: #000;
}
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;
  height: 48px;
  padding: 0;
  text-align: center;
  line-height: 46px;
  font-size: 100%;
  border: 1px solid #e5e5e5;
}
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: 5px;
  font-size: 14px;
  color: #000;
  display: block;
}
div#basket table tr th.name a,
div#basket table tr td.name a {
  text-decoration: none;
  font-size: 14px;
  color: #000;
}
div#basket table tr th.name a:hover,
div#basket table tr td.name a:hover {
  text-decoration: underline;
}
div#basket table tr td.name {
  font-weight: bold;
  width: 410px;
}
div#basket table tr th.availability,
div#basket table tr td.availability {
  padding: 0 10px;
  color: #828282;
  width: 160px;
}
div#basket table tr th.availability span.availability,
div#basket table tr td.availability span.availability {
  color: #828282;
  font-size: 14px;
  text-transform: lowercase;
}
div#basket table tr th.availability span.availability.green,
div#basket table tr td.availability span.availability.green {
  color: #40bb24;
  text-transform: lowercase;
}
div#basket table tr th.availability span.availability.red,
div#basket table tr td.availability span.availability.red {
  color: #e70103;
  text-transform: lowercase;
}
div#basket table tr th.quantity,
div#basket table tr td.quantity {
  padding: 0 60px 0 20px;
  font-size: 14px;
  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: 38px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  padding: 9px 0px;
  text-align: center;
  color: #000;
  background: #fff;
  border: 1px solid #000;
  outline: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
div#basket table tr th.quantity span,
div#basket table tr td.quantity span {
  color: #000;
}
div#basket table tr td.price {
  font-size: 14px;
  color: #2bb70e;
  font-weight: bold;
}
div#basket table tr td.del,
div#basket table tr th.del {
  text-align: right;
  width: 110px;
}
div#basket table tr td.del a,
div#basket table tr th.del a {
  display: block;
  height: 15px;
  line-height: 21px;
}
div#basket table tr td.del a img,
div#basket table tr th.del a img {
  vertical-align: middle;
}
div#basket table tr td.first {
  padding-left: 0;
}
div#basket table tr.spacer td {
  border: none;
  padding: 2px 0;
  line-height: 1px;
  font-size: 1px;
}
div#basket table.recapitulation th.price,
div#basket table.recapitulation td.price {
  text-align: left;
  width: 200px;
}
div#basket table.recapitulation tr.totalPrice td {
  padding-right: 0;
}
div#basket .basketPrices {
  margin-top: 20px;
  text-align: left;
  font-size: 12px;
  color: #808080;
}
div#basket .basketPrices:before,
div#basket .basketPrices:after {
  content: " ";
  display: block;
}
div#basket .basketPrices:after {
  clear: both;
}
div#basket .basketPrices {
  *zoom: 1;
  clear: both;
}
div#basket .basketPrices .priceVat .price {
  font-size: 18px;
  color: #35b218;
  font-weight: bold;
}
div#basket .basketPrices .priceVatNot {
  margin-bottom: 5px;
}
div#basket .recount {
  margin: 20px 0 0 0;
}
div#basket .recount input[type='submit'] {
  width: 88px;
  height: 28px;
  padding: 0;
  outline: none;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  cursor: pointer;
  border: none;
  color: #33b314;
  text-decoration: underline;
  text-transform: lowercase;
  background: #fff;
  border: 1px solid #33b314;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
div#basket .recount input[type='submit']:hover {
  text-decoration: none;
}
div#basket .shipPay {
  position: relative;
  margin-top: 50px;
  margin-bottom: 165px;
}
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-details {
  margin-bottom: 25px;
  position: relative;
}
div#basket .shipPay legend {
  display: none;
}
div#basket .shipPay ul.errors {
  position: absolute;
  top: -25px;
}
div#basket .shipPay ul.errors:first-of-type {
  left: 0px;
}
div#basket .shipPay ul.errors:last-of-type {
  left: 352px;
}
div#basket .shipPay p {
  margin: 0;
}
div#basket .shipPay p.radio {
  position: relative;
  float: left;
  width: 325px;
  padding: 0 0 0 0;
  background: #33b314;
  margin-right: 27px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  font-size: 18px;
  padding-bottom: 13px;
}
div#basket .shipPay p.radio:first-child + ul.errors {
  display: none;
}
div#basket .shipPay p.radio label {
  display: block;
  vertical-align: middle;
  line-height: 25px;
  font-size: 14px;
  padding-left: 27px;
}
div#basket .shipPay p.radio label input {
  margin: 0 10px 0 0;
  vertical-align: middle;
}
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;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 45px !important;
  height: 45px;
  font-weight: bold;
}
div#basket .shipPay p.cupon {
  position: absolute;
  bottom: -353px;
  left: 0;
  height: 180px;
  margin: 0;
}
div#basket .shipPay p.cupon:before,
div#basket .shipPay p.cupon:after {
  content: " ";
  display: block;
}
div#basket .shipPay p.cupon:after {
  clear: both;
}
div#basket .shipPay p.cupon {
  *zoom: 1;
  clear: both;
}
div#basket .shipPay p.cupon label[for='sale_code'],
div#basket .shipPay p.cupon label.optional {
  display: block !important;
  font-size: 18px;
  line-height: 45px !important;
  height: 45px;
  font-weight: bold;
  color: #33b515;
}
div#basket .shipPay p.cupon input[type='text'] {
  width: 290px;
  height: 29px;
  line-height: 39px;
  font-size: 16px;
  background: #fff;
  padding: 5px;
  color: #000;
  outline: none;
  border: 1px solid #cecece;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
div#basket .shipPay .notice {
  float: left;
}
div#basket .shipPay .notice p {
  margin: 0;
}
div#basket .shipPay .notice legend {
  display: none;
}
div#basket .shipPay .notice label {
  display: block !important;
  font-size: 18px !important;
  line-height: 45px !important;
  height: 45px;
  font-weight: bold;
  color: #33b515;
}
div#basket .shipPay .notice textarea {
  border: 1px solid #cecece;
  padding: 5px;
  width: 855px;
  height: 75px;
  color: #000;
  background: #fff;
  outline: none;
  resize: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
div#basket .priceBox {
  position: relative;
  margin-top: 50px;
}
div#basket .priceBox span.title {
  position: absolute;
  top: -25px;
  left: 0px;
  font-size: 14px;
}
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;
}
div#basket .next .p-next {
  width: 180px;
  height: 45px;
  line-height: 45px;
  margin: 50px auto 40px auto;
  text-align: center;
  background: url("./images/sidebar-zelena.jpg") no-repeat center center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
div#basket input[id='submit_next'],
div#basket input[id='customer_submit'] {
  padding: 0;
  height: 45px;
  line-height: 45px;
  width: 180px;
  padding-left: 20px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: normal;
  cursor: pointer;
  border: none;
  margin: 0;
  outline: none;
  border: none;
  background: url("./images/cart-pokracovat-sipka.png") no-repeat 148px center;
  text-transform: uppercase;
  border-radius: 3px;
  text-shadow: 1px 1px 1px #157305;
}
div#basket input[id='submit_next']:hover,
div#basket input[id='customer_submit']:hover {
  text-decoration: underline;
}
div#basket #backButton {
  margin-bottom: 35px;
}
div#basket #backButton .prev {
  width: 180px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: url("./images/sidebar-zelena.jpg") no-repeat center center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
div#basket #backButton .prev a {
  line-height: 45px;
  height: 45px;
  width: 145px;
  padding-left: 35px;
  display: block;
  text-align: left;
  color: #fff;
  text-decoration: none;
  font-size: 17px;
  background: url("./images/cart-zpet-sipka.png") no-repeat 12px center;
  text-shadow: 1px 1px 1px #157305;
}
div#basket #backButton .prev a:hover {
  text-decoration: underline;
}
div#basket #obligation {
  text-align: center;
}
div#basket #button_recapitulation {
  width: 180px;
  height: 45px;
  line-height: 45px;
  margin: 50px auto 5px auto;
  text-align: center;
  background: url("./images/sidebar-zelena.jpg") no-repeat center center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
div#basket #button_recapitulation input[name="submit"] {
  padding: 0;
  height: 45px;
  line-height: 45px;
  width: 180px;
  padding-left: 20px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: normal;
  cursor: pointer;
  border: none;
  margin: 0;
  outline: none;
  border: none;
  background: url("./images/cart-pokracovat-sipka.png") no-repeat 148px center;
  text-transform: uppercase;
  border-radius: 3px;
}
div#basket #button_recapitulation input[name="submit"]:hover {
  text-decoration: underline;
}
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 {
  padding: 0;
  margin-bottom: 30px;
  margin-top: 33px;
  background: #f7f7f7;
  border: 1px solid #cecece;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding-left: 24px;
  height: 183px;
  position: relative;
}
div#basket #basket_customer #customer_login h2 {
  margin: 10px 0 0 0;
  color: #30b60a;
}
div#basket #basket_customer #customer_login ul.basket_registrace {
  position: absolute;
  bottom: 28px;
  left: 26px;
  color: #a5a5a5;
}
div#basket #basket_customer #customer_login ul.basket_registrace li {
  padding: 3px 0;
  line-height: 15px;
  font-size: 12px;
  float: left;
}
div#basket #basket_customer #customer_login ul.basket_registrace li:first-child {
  border-right: 1px solid #a5a5a5;
  padding-right: 9px;
}
div#basket #basket_customer #customer_login ul.basket_registrace li:last-child {
  padding-left: 9px;
}
div#basket #basket_customer #customer_login ul.basket_registrace li a {
  color: #a5a5a5;
}
div#basket #basket_customer #customer_login ul.basket_registrace li a:hover {
  text-decoration: none;
}
div#basket #basket_customer #customer_login fieldset {
  display: block;
  float: left;
}
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 {
  float: left;
  margin: 0;
}
div#basket #basket_customer #customer_login fieldset .fl:first-child {
  padding-left: 0px;
}
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 {
  color: #000;
  width: auto;
  padding-right: 25px;
  font-size: 13px;
}
div#basket #basket_customer #customer_login fieldset .fl #login,
div#basket #basket_customer #customer_login fieldset .fl #pass {
  display: block;
  border-radius: 3px;
  width: 210px;
  height: 26px;
  margin-right: 30px;
}
div#basket #basket_customer #customer_login .loginSubmit {
  float: left;
  margin-top: 27px;
}
div#basket #basket_customer #customer_login .loginSubmit #submit_login {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #32b414;
}
div#basket #basket_customer #customer_login .loginSubmit #submit_login:hover {
  background: #2da212;
}
div#basket #basket_customer #customer_withoutReg {
  padding: 0;
}
div#basket #basket_customer #customer_withoutReg h2 {
  color: #34b417;
}
div#basket #basket_customer #customer_withoutReg .toWithoutReg {
  width: 350px;
  float: left;
}
div#basket #basket_customer #customer_withoutReg .toCompany {
  float: left;
}
div#basket #basket_customer #customer_withoutReg p.podminky {
  margin-top: 0;
  position: relative;
}
div#basket #basket_customer #customer_withoutReg p.podminky label {
  margin-left: 30px;
}
div#basket #basket_customer #customer_withoutReg p.podminky label a {
  color: #1bd500;
}
div#basket #basket_customer #customer_withoutReg p.podminky #f-op {
  position: relative;
  top: -26px;
}
div#basket #basket_customer #customer_withoutReg #f-gdpr {
  position: relative;
  top: -26px;
}
div#basket #basket_customer #customer_withoutReg #label_f-gdpr {
  width: auto;
  margin-left: 30px;
}
div#basket #basket_customer #customer_withoutReg #label_f-gdpr a {
  color: #34b417;
}
div#basket #basket_customer #customer_withoutReg p {
  margin-bottom: 0;
  position: relative;
}
div#basket #basket_customer #customer_withoutReg p label[for="custom_delivery"] {
  margin-left: 30px;
}
div#basket #basket_customer #customer_withoutReg p input[id="custom_delivery"] {
  position: absolute;
  top: 7px;
}
div#basket #poznamka {
  width: 200px;
  float: right;
  margin-left: 10px;
  min-height: 400px;
}
div#basket #poznamka h2 {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  height: 22px;
  margin: 0 0 5px 0;
  padding: 0 0 6px 0;
  text-align: left;
  text-transform: uppercase;
}
div#basket #poznamka .textPage {
  margin-bottom: 0px;
}
div#basket #poznamka .textPage p {
  margin-top: 20px;
  font-size: 14px;
}
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: 320px;
  position: relative;
}
div#basket #udaje #udaje_right {
  float: left;
  width: 320px;
  margin-left: 20px;
  position: relative;
}
div#basket #udaje h3 {
  color: #4bbb35;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  height: 24px;
  margin: 0 0 12px 0;
  padding: 0 0 6px 0;
}
div#basket #udaje table {
  width: 100%;
  margin: 0;
  border: none;
}
div#basket #udaje table tr {
  border: none;
}
div#basket #udaje table tr th {
  padding: 0 0 4px 0;
  text-align: left;
}
div#basket #udaje table tr td {
  padding: 2px 10px 2px 0;
  font-weight: normal;
  border: none;
  color: #000;
  font-size: 14px;
}
div#basket #udaje table tr td.dis-label {
  color: #828282;
  width: 140px;
}
div#basket #udaje table tr div.dis-input {
  padding: 0 10px;
}
div#basket #basket_finish {
  margin-top: 60px;
}
div#basket #basket_finish .textPage p {
  background: url("./images/cart-hotovo-img.jpg") left top no-repeat;
  padding-left: 220px;
  padding-top: 50px;
  height: 150px;
}
div#basket .finishHref {
  width: 180px;
  height: 45px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
div#basket .finishHref a {
  display: block;
  height: 45px;
  line-height: 45px;
  width: 180px;
  color: #fff;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  background: url("./images/sidebar-zelena.jpg") no-repeat center center;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  margin: 0;
  outline: none;
  border: none;
  text-decoration: none;
  text-shadow: 1px 1px 1px #157305;
  font-size: 16px;
}
div#basket .finishHref a:hover {
  text-decoration: underline;
}
div#basket h2.informaceBasketFinish {
  width: 320px;
}
#message + #basket {
  margin-top: 40px;
}
/*                                    STYLED FORM
////////////////////////////////////////////////////////////////////////////////*/
.styled_form input[type='text'],
.styled_form input[type='password'] {
  outline: none;
  width: 260px;
  padding: 5px 5px;
  line-height: 28px;
  height: 28px;
  display: block;
  background: #fff;
  border: 1px solid #cecece;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.styled_form select {
  border: 1px solid #828282;
  width: 240px;
  padding: 0 5px;
  line-height: 22px;
  height: 22px;
  display: block;
}
.styled_form textarea {
  padding: 5px;
  border: 1px solid #828282;
  display: block;
  background: #fff;
}
.styled_form input[type='checkbox'] {
  vertical-align: middle;
}
.styled_form label {
  line-height: 32px;
  font-size: 15px;
  color: #000;
}
.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;
  height: 38px;
  line-height: 38px;
  width: 98px;
  background: #44bd20;
  text-transform: capitalize;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  cursor: pointer;
  border: none;
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
}
.styled_form input[type='submit']:hover {
  text-decoration: underline;
  color: #fff;
}
.styled_form input[name='submit_login'] {
  text-transform: none;
}
.styled_form.inline label {
  display: block;
  width: 140px;
}
.styled_form.inline input[type='text'],
.styled_form.inline input[type='password'] {
  display: block;
}
.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'] {
  width: auto;
  color: #000;
}
.styled_form.inline #fieldset-newsletters p,
.styled_form.inline #fieldset-trade_terms_verify p {
  position: relative;
}
.styled_form.inline #fieldset-newsletters p label,
.styled_form.inline #fieldset-trade_terms_verify p label {
  margin-left: 30px;
}
.styled_form.inline #fieldset-newsletters p input,
.styled_form.inline #fieldset-trade_terms_verify p input {
  position: absolute;
  top: 7px;
}
.styled_form.inline #label_f-gdpr {
  width: auto;
  margin-left: 30px;
}
.styled_form.inline #f-gdpr {
  position: relative;
  top: -26px;
}
.styled_form.inlineN #fieldset-emailsend {
  margin-bottom: 0;
  position: relative;
}
.styled_form.inlineN #fieldset-emailsend label {
  margin-left: 30px;
}
.styled_form.inlineN #fieldset-emailsend input {
  position: absolute;
  top: 7px;
}
.styled_form.inlineN p {
  margin-bottom: 0;
  position: relative;
}
.styled_form.inlineN p label[for="custom_delivery"] {
  margin-left: 30px;
}
.styled_form.inlineN p input[id="custom_delivery"] {
  position: absolute;
  top: 7px;
}
/*                                    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;
}
/*                                    USER ORDERS
////////////////////////////////////////////////////////////////////////////////*/
#customer_orders {
  padding-bottom: 5px;
}
#customer_orders h2.title {
  margin-bottom: 25px;
}
#customer_orders .order {
  margin-top: 10px;
}
#customer_orders .order:hover .table {
  background: #41b41e;
}
#customer_orders .order.active .table {
  background: #41b41e;
}
#customer_orders .order.active .contentContainer {
  display: block;
}
#customer_orders .order .table {
  padding: 5px 20px 5px 20px;
  background: #44bd20;
  cursor: pointer;
}
#customer_orders .order .table table {
  width: 100%;
}
#customer_orders .order .table table td {
  height: 50px;
  vertical-align: middle;
  border: none;
  color: #000;
  text-align: left;
  font-size: 14px;
  padding-right: 20px;
}
#customer_orders .order .table table td.code {
  font-size: 16px;
}
#customer_orders .order .contentContainer {
  display: none;
  padding: 20px 25px 15px 25px;
  border-right: 2px solid #41b41e;
  border-bottom: 2px solid #41b41e;
  border-left: 2px solid #41b41e;
  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;
  color: #000;
  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 #828282;
  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;
  color: #000;
  padding: 7px 5px;
  border: 1px solid #828282;
}
#customer_orders .order .contentContainer .parts table td.blue {
  color: #00ad6b;
}
#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;
}
#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: #44bd20;
  cursor: pointer;
  border: none;
  text-decoration: none;
  outline: none;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0 10px;
  margin: 0 10px 0 0;
  color: #fff;
  text-decoration: underline;
}
#customer_orders .order .contentContainer .bottomButtons a.addProducts:hover,
#customer_orders .order .contentContainer .bottomButtons a.again:hover {
  text-decoration: none;
}
#customer_orders .ajaxContainer {
  margin-top: 15px;
}
#customer_orders .ajaxContainer legend {
  display: block;
  font-size: 18px;
  margin-bottom: 7px;
}
#customer_orders .ajaxContainer p {
  font-size: 12px;
  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 #9d9d9d;
  background: #fff;
  outline: none;
}
#customer_orders .ajaxContainer input[type='submit'],
#customer_orders .ajaxContainer input[type='button'] {
  width: 100px;
  height: 26px;
  line-height: 26px;
  background: #0775f0;
  cursor: pointer;
  border: none;
  outline: none;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  padding: 0 10px;
  margin: 0 0 0 0;
  color: #fff;
}
#customer_orders .ajaxContainer input[type='submit']:hover,
#customer_orders .ajaxContainer input[type='button']:hover {
  text-decoration: underline;
}
#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: #161616;
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 35px;
  height: 35px;
  text-align: center;
  margin: 0 0 20px 0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.info_message.big,
.message.big,
#message.big {
  width: 1100px;
  margin: 0 auto;
  margin: 10px auto;
}
.info_message p,
.message p,
#message p {
  margin: 0;
  line-height: 35px;
}
#messageIndex {
  width: 1100px;
  background: #161616;
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 35px;
  height: 35px;
  text-align: center;
  margin: 0 auto 20px auto;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#messageIndex p {
  margin: 0;
  line-height: 35px;
}
/*                                    TEXT PAGE
////////////////////////////////////////////////////////////////////////////////*/
.textPage {
  margin-bottom: 180px;
  font-size: 14px;
}
.textPage h1,
.textPage h2,
.textPage h3,
.textPage h4,
.textPage h5 {
  margin: 20px 0 10px 0;
}
.textPage h1.title,
.textPage h2.title {
  margin: 25px 0 15px 0;
  position: relative;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  color: #000;
}
.textPage h1,
.textPage h2 {
  color: #000;
  font-weight: bold;
}
.textPage h1 {
  font-size: 20px;
}
.textPage h2 {
  font-size: 18px;
}
.textPage p {
  color: #000;
}
.textPage ul {
  padding-left: 15px;
  margin: 10px 0;
}
.textPage ul ul {
  margin: 0;
}
.textPage ul li {
  list-style-type: square;
  padding-top: 6px;
}
.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 ol {
  padding-left: 15px;
  margin: 10px 0;
}
.textPage ol ol {
  margin: 0;
}
.textPage ol li {
  list-style-type: decimal;
  padding-top: 6px;
}
.textPage ol li li {
  list-style-type: upper-alpha;
}
.textPage ol li li li {
  list-style-type: upper-roman;
}
.textPage table {
  width: 100%;
}
.textPage table th,
.textPage table td {
  padding: 6px 15px;
  max-width: 300px;
  text-align: left;
  border-bottom: 1px solid #e7e7e7;
}
.textPage.white h1,
.textPage.white h2 {
  color: #34b417;
}
.textPage.white a {
  color: #34b417;
  text-decoration: underline;
}
.textPage.white a:hover {
  text-decoration: none;
}
.textPage.customerPage h2:first-child,
.textPage.customerPage h1:first-child {
  margin-top: 0px;
  line-height: 35px;
  height: 35px;
}
.usr {
  margin-bottom: 50px;
}
#news-page .new,
#articles-page .new {
  margin-top: 15px;
}
#news-page .new h2,
#articles-page .new h2 {
  margin: 0;
}
#news-page .new p,
#articles-page .new p {
  margin: 0;
}
#news-page .new p.date,
#articles-page .new p.date {
  font-size: 11px;
  font-weight: bold;
  color: #777;
}
/*                                    FOOTER
////////////////////////////////////////////////////////////////////////////////*/
#footer {
  background: url("./images/footer-bg.jpg") no-repeat center center;
  height: 357px;
  margin-top: 50px;
  color: #fff;
  font-size: 16px;
}
#footer .footerItem {
  height: 526px;
  float: left;
}
#footer h2 {
  color: #fff;
  font-size: 18px;
  margin-top: 34px;
  margin-bottom: 10px;
  font-weight: bold;
}
#footer a {
  color: #fff;
  text-decoration: none;
}
#footer a:hover {
  color: #000;
  text-decoration: underline;
}
#footer #logo {
  width: 172px;
}
#footer #logo a img {
  position: relative;
  left: -15px;
}
#footer #bottomCategories {
  width: 298px;
}
#footer #bottomCategories ul,
#footer #bottomCategories h2 {
  margin-left: 67px;
}
#footer #informations {
  width: 300px;
}
#footer #boxes {
  width: 330px;
  font-family: 'Open Sans', sans-serif;
  text-shadow: 1px 1px 1px #0f8105;
}
#footer #boxes #telephone,
#footer #boxes #email,
#footer #boxes #adress,
#footer #boxes #adress2 {
  padding-left: 55px;
  margin-top: 25px;
  font-size: 18px;
  font-weight: 600;
}
#footer #boxes #telephone {
  margin-top: 34px;
  font-size: 14px;
  font-weight: normal;
  background: url("./images/footer-ico-phone.png") no-repeat center left;
}
#footer #boxes #telephone strong {
  font-size: 18px;
  font-weight: bold;
}
#footer #boxes #email {
  background: url("./images/footer-ico-mail.png") no-repeat center left;
}
#footer #boxes #adress {
  background: url("./images/footer-ico-poloha.png") no-repeat center left;
}
#footer #boxes #adress2 {
  background: url("./images/footer-ico-shop.png") no-repeat left top;
}
#footer #bottomCategories ul li,
#footer #informations ul li {
  background: url("./images/footer-odrazka.png") no-repeat center left;
  padding-left: 27px;
  line-height: 25px;
}
#afterFooter {
  background: url("./images/footer-bottom.jpg") no-repeat center center;
  height: 255px;
}
#afterFooter #shopix {
  position: relative;
}
#afterFooter #shopix a {
  position: absolute;
  bottom: -240px;
  right: 0px;
}