.clr {clear: both;float: none!important;}
.zarovnani {
  -webkit-box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  box-sizing:border-box;
  max-width: 1400px;
  width: 99%; 
  position: relative; 
  margin: auto auto;
} 
* {
  padding: 0; 
  margin: 0; 
}    
img {border: 0;}                                                                             
body {  
  font-size: 24px; 
  font-family: 'Roboto-Regular', arial, verdana; 
  color: black;
  background-color: #efefef;
}
#nav .bz_kartou, #nav .essox_levy {    
    text-align: center;
    width: 100%;
    max-width: 210px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}
#header {
  height: 125px;
  background-color: white;
  position: relative;
}
#header a.logo {
  display: block;
  width: 237px;
  padding-top: 40px;
  margin-left: 40px;
  float: left;
}
#header a.logo img {
  display: block;
  width: 100%;
}
#header .nadpis {
  float: left;
  padding-top: 42px;
  margin-left: 90px;
}
#header .nadpis p.hlavni_nadpis {
  font-family: 'Roboto-Bold';
  font-size: 100%;
  font-weight: normal;  
}
#header .nadpis p.podnadpis {
  font-family: 'Roboto-Regular';
  font-size: 63%;
  font-weight: normal;
  line-height: 80%;  
}
#header .vyhledavani {
  float: left;
  margin-left: 57px;
  padding-top: 45px;
}
#header .vyhledavani input[type="text"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: solid 1px #e8e8e8;
  padding: 13px 18px;
  width: 230px;
  font-size: 62%;
  color: #000000;
  float: left;
}
#header .vyhledavani input[type="submit"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: none;
  background-color: transparent;
  width: 31px; 
  height: 27px;
  background-image: url("../img/lupa.png");
  cursor: pointer;
  margin-left: 11px;
  margin-top: 8px;  
  float: left;
}
#header .uzivatel {
  float: right;
  margin-top: 50px;
}
#header .uzivatel a {
  color: black;
  text-decoration: none;
}
#header .uzivatel .uziv {
  font-size: 62%;
  float: left;
  background-image: url("../img/postava.png");
  background-repeat: no-repeat;
  background-position: right center;  
  width: 160px;
  height: 24px;
  padding-top: 6px;
  margin-right: 20px;
  text-align: right;
  padding-right: 28px;
}
#header .uzivatel .cart {
  background-image: url("../img/kosik.png");
  background-repeat: no-repeat;
  background-position: right center;  
  width: 105px; 
  height: 30px;
  float: right;
  margin-right: 32px;
}
#header .uzivatel .cart p {
  padding-top: 6px;
  font-size: 62%;
}
#wrap {
  background-color: white;
}
#nav {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 20%;
  float: left;
  padding-left: 40px;
}
#nav #menu_nadpis {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #8c0014;
  color: white;
  max-width: 238px;  
  font-size: 62%;
  padding-left: 17px;
  padding-right: 20px;
  padding-top: 17px;
  padding-bottom: 17px;
  text-align: right;
  background-image: url("../img/menu_cary.png");
  background-repeat: no-repeat;
  background-position: 17px center;
  cursor: pointer;
}
#nav #menu_brandstore_logo img {
 max-width: 80%;
 margin-left: 10%;
 margin-bottom: 25px;
}
#nav ul {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 238px;
  list-style: none;     
}
#nav ul li {
  background-image: url("../img/menu_trojuhelnik.png");
  background-repeat: no-repeat;
  background-position: 215px center;
  padding-left: 15px;  
  font-size: 62%;
  background-color: #e3e3e3;
  padding-top: 10px;
  padding-bottom: 9px;
  margin-bottom: 1px;
}
#nav ul li.vyrazne1 {
  background-image: none;
  background-color: #e0c679;
}
#nav ul li.vyrazne2 {
  background-image: none;
  background-color: #93b171;
}
#nav ul li.vyrazne3 {
  background-image: none;
  background-color: #81abb1;
}
#nav ul li.vyrazne4 {
  background-image: none;
  background-color: #c79a9a;
}

#nav ul li.active {
  background-color: #a21a2e; /*#8c0014*/
  background-image: url("../img/menu_trojuhelnik_act.png");
}
#nav ul li.podkategorie.active {
  background-color: #585858;
  background-image: url("../img/menu_trojuhelnik_act.png");
}
#nav ul li.podkategorie {
  background-color: #c1c1c1;
  background-image: none;
  padding-left: 25px;
}
#nav ul li.podkategorie2 {
  background-image: none;
  background-color: #929191;
  padding-left: 35px;
}
#nav ul li.podkategorie2.active {
  background-image: none;
  background-color: #777777;
}
#nav ul li.active a {
  color: white;
}
#nav ul li a {
  text-decoration: none;
  color: black;
}

#nav div.levy_panel_brandstore {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 238px;
  background-color: white;
  margin-top: 27px;
  position: relative;
  text-align: center;
}

#nav div.levy_panel_brandstore img {
 max-width: 100%;
}

#nav div.levy_panel_brandstore.levy_panel_brandstore_jura img {
  max-width: 70%;
}

#nav div.levy_panel_brandstore.levy_panel_brandstore_jura {
  background-color: #fff;
}

#nav div.levy_panel_brandstore a.levy_panel_brandstore_store {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 238px;
  background-color: white;
  position: relative;
  text-align: center;
}

#nav div.levy_panel_brandstore.levy_panel_brandstore_jura a.levy_panel_brandstore_store {
  background-color: #fff;
}


#nav #telefon {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 238px;
  background-image: url("../img/telefon_menu.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #01a049;
  height: 164px;
  margin-top: 27px;
  position: relative;
  text-align: center;
}
#nav #telefon p {
  color: white;
  font-family: 'Roboto-Bold'; 
  font-size: 66%;
  padding-top: 20px; 
}
#nav #telefon a {
  color: white;
  font-family: 'Roboto-Bold'; 
  font-size: 100%;
  bottom: 15px; 
  position: absolute;
  width: 100%;
  left: 0px;
  text-decoration: none;  
}
#nav #newsletter {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 238px;
  background-color: #8c0014;
  height: 182px;
  margin-top: 31px;
  position: relative;
  text-align: center;
}
#nav #newsletter p {
  color: white;
  font-family: 'Roboto-Bold'; 
  font-size: 66%;
  padding-top: 20px;   
}
#nav #newsletter a {
  color: white;
  font-family: 'Roboto-Bold'; 
  font-size: 50%;
  padding-top: 20px;  
  color: #fff; 
}
#nav #newsletter input[type="text"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  max-width: 182px;
  border: none;
  padding: 10px 15px;
  display: block;
  margin-top: 15px;
}
#nav #newsletter span {
  font-size: 50%;
  color: white;
  margin-left: 5px;
}
#nav #newsletter input[type="submit"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  max-width: 140px;
  border: none;
  padding: 5px 15px;
  display: block;
  margin-top: 15px;
  background-color: transparent;
  color: white;
  border: solid 1px white;
  cursor: pointer;
  transition: 0.5s;
}
#nav #newsletter input[type="submit"]:hover {
  background-color: white;
  color: #8c0014;
}
#nav p.filtrovani {
  color: #8c0014;
  font-size: 50%;
  padding-top: 50px;
}
#nav #ukaz_filtr {
  display: none;
}



#nav a.pruvodce_napoveda {
    display: inline-block;
    vertical-align: top;
    margin: 10px 2px 0 5px;
    border: 1px solid grey;
    color: grey;
    border-radius: 50%;
    line-height: 140%;
    font-size: 80%;
    width: 1.3em;
    height: 1.3em;
    text-align: center;
    transition: 0.7s;
    cursor: pointer;
    text-decoration: none;
}
#nav a.pruvodce_napoveda:hover {
    border: 1px solid #8c0014;
    background-color: #fff;
    color: #8c0014;
    text-decoration: none;
}
.pruvodce_napoveda_obsah, #nav div.pruvodce_napoveda_obsah * {
    background-color: #fff;
    padding: 50px;
}

#nav .filtr {
  text-align: center;
  padding-bottom: 30px;
}
#nav .filtr .nadpis {
  text-align: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  display: block;
  border: solid 1px #e3e3e3;
  font-size: 67%;
  font-weight: bold;
  padding-left: 13px;
  padding-top: 9px;
  padding-bottom: 5px;
  margin-top: 7px;
  background-image: url("../img/filtr_sipka.png");
  background-repeat: no-repeat;
  background-position: 95% center; 
  margin-bottom: 25px; 
  cursor: pointer;
}
#nav .filtr .nadpis.close {
  background-image: url("../img/filtr_sipka_dolu.png");
}
#nav div.filtr_dalsi_skryte_filtry {
 display: none;
}

#nav .filtr.checkboks {
  text-align: left;
}
#nav .filtr .obsah {
  font-size: 58%;
  width: 100%;
}
#nav .filtr .obsah .info {
  background-image: url(../img/info.png);
  width: 14px;
  height: 14px;
  display: inline-block;
  float: right;
  margin-top: 5px;
  position: relative;  
  cursor: pointer;
}
#nav .filtr .obsah .info span {
  display: none;
  position: absolute;
  font-size: 85%;
  width: 120px;
  z-index: 999;
  background: white;
  border: solid 1px lightgray;
  box-shadow: #848484 4px 5px 7px;
  padding: 5px;
  top: 16px;
  right: 16px;
}
#nav .filtr input.maly {
  width: 58px;
  border: solid 1px #e3e3e3;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;  
}
#nav .filtr input[type="checkbox"] {
  text-align: left;
  background-color: white;
  width: 14px;
  height: 14px;
  margin-right: 7px;
  margin-top: 10px;
}
#nav .filtr input[type="checkbox"]:nth-child(1) {
  margin-top: 0px;
}

#nav .filtr .obsah label.filtr.disabled {
 color: #eaeaea;
 cursor: no-drop;
}
#nav button {
  margin-left: auto;
  margin-right: auto;
  background-color: #750510;
  border-radius: 22px;
  width: 221px;
  height: 37px;
  padding-top: 0px;
  background-repeat: no-repeat;
  color: white;
  font-size: 58%;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  margin-top: 14px;
  margin-bottom: 61px;
  border: none;
  transition: 0.7s;
}
#nav .zobrazit_dalsi_filtry {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  background-color: #80807f;
  border-radius: 22px;
  width: 221px;
  height: 37px;
  line-height: 37px;
  padding-top: 0px;
  background-repeat: no-repeat;
  color: white;
  font-size: 58%;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  margin-top: 14px;
  margin-bottom: 61px;
  border: none;
  transition: 0.7s;
}
#nav .zobrazit_dalsi_filtry:hover {
  background-color: #000;
}
#nav button:hover {
  background-color: #000;
}

#main {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: right;
  margin-right: 30px;
  width: 77%;
  max-width: 1070px;
  border-top: solid 1px #e3e3e3;
}
#main.main_objednavka {
  width: 100%; margin-right: 0; max-width: 100%; float: none;
}

#main table.porovnani {
 border: 1px solid #000;
 font-size: 12px;
 padding: 3px;
 border-collapse: collapse;
 margin: 20px 0;
}

#main table.porovnani tr td {
 border: 1px solid #b9b9b9;
 font-size: 12px;
 padding: 8px;
 border-collapse: collapsed;
 width: 18%;
}

#main table.porovnani tr td:first-child {
 background-color: #efefef;
 width: 10%;
 font-weight: bold;
}

#main img.miele {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 166px;
}
#main img.jura {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 166px;
  margin-top: 10px;
}
.ms-bullets.ms-dir-h {
  overflow: hidden;
  right: 10%!important;
  bottom: 44px!important;
  width: 500px!important;
  text-align: right!important;
}
.ms-bullet {
  cursor: pointer!important;
  float: left!important;
  width: 42px!important;
  height: 10px!important;
  background: #aaaaaa!important;
}
.ms-bullet.ms-bullet-selected {
  background: #8c0014!important;
}
#main .ms-slide .ms-slide-bgcont {
  height: 375px!important;
}
.ms-slide .ms-slide-bgcont img {
  margin-top: 0px!important;
}
#main .slider {
  margin-top: 20px!important;
  width: 100%;
  display: block;
}
#main .slider .slide {
  display: block;
  width: 100%;
  height: 375px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
#main .slider .podklad {
  width: 100%;
  padding: 30px 35px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-image: url('../img/slider_podklad.png');
  position: absolute;
  bottom: 0px;
  z-index: 999;  
}
#main .slider .podklad h2 {
  color: white;
  font-family: 'Roboto-Regular';
  font-size: 75%;
  font-weight: normal;
}
#main .slider .podklad p {
  color: white;
  font-size: 62%;
}
#main #kategorie {
  border-top: solid 1px #e3e3e3;
  margin-top: 75px;
  padding-top: 35px;
}
#main #kategorie h2 {
  color: #8c0014;
  font-family: 'Roboto-Bold';
  font-size: 100%;
  font-weight: bold;
  padding-bottom: 30px;
}
#main #kategorie .item {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 22.5%;
  height: 350px;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 20px;
  float: left;
  border: solid 1px #c8c8c8;  
}
/*
#main #kategorie #produkty_obal_obsah div:nth-child(1), #main #kategorie #produkty_obal_obsah div:nth-child(5), #main #kategorie #produkty_obal_obsah div:nth-child(9), #main #kategorie #produkty_obal_obsah div:nth-child(13) {
  margin-left: 0%;
}
#main #kategorie #produkty_obal_obsah div:nth-child(4), #main #kategorie #produkty_obal_obsah div:nth-child(8), #main #kategorie #produkty_obal_obsah div:nth-child(12), #main #kategorie #produkty_obal_obsah div:nth-child(16) {
  margin-right: 0%;
}
*/

#main #kategorie .item .obr {
  height: 195px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-bottom: 25px;
  margin-left: 0px;
  font-size: 100%;
}
#main #kategorie .item .obr span {
  width: 100%;
  padding: 14px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-image: url('../img/produkty_kategorie_podklad.png');
  position: absolute;
  bottom: 0px;
  text-align: center;
  color: white;
  font-size: 65%;
  text-transform: uppercase;
}
#main #kategorie .item a {
  margin-left: 25px;
  margin-bottom: 12px;
  display: block;
  width: auto;
  color: black;
  text-decoration: none;
  font-size: 65%;
}
#main #kategorie .item a:hover {
  text-decoration: underline;
}
#main #novinky {
  border-top: solid 1px #e3e3e3;
  margin-top: 10px;
  padding-top: 35px;
}
#main #novinky h2 {
  color: #8c0014;
  font-family: 'Roboto-Bold';
  font-size: 100%;
  font-weight: bold;
  padding-bottom: 30px;
}
#main #novinky .item {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  padding-bottom: 30px;
}
/*
#main #novinky .item:nth-child(2) {
  margin-left: 0px;
}
#main #novinky .item:nth-child(3) {
  margin-right: 0px;
}
*/
#main #novinky .item a.obr {
  height: 255px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  display: block;  
}
#main #novinky .item h3 {
  font-size: 75%;
  padding-top: 28px;
  height: 44px;
  overflow: hidden;
}
#main #novinky .item h3 a {
  color: #000;
  text-decoration: none;
}
#main #novinky .item p {
  font-size: 60%;
  padding-top: 10px;
  height: 82px;
  overflow: hidden;
  margin-bottom: 5px;
}
#main #novinky .item a.vice {
  border: solid 1px black;
  color: black;
  text-decoration: none;
  font-size: 62%;
  padding: 5px 10px;
  transition: 0.5s;
}
#main #novinky .item a.vice:hover {
  color: white;
  background-color: black;
}
#main #duvody {
  border-top: solid 1px #e3e3e3;
  margin-top: 40px;
  padding-top: 50px;
  padding-bottom: 55px;
}
#main #duvody img {
  float: left;
  margin-right: 30px;
}
#main #duvody h2 {
  font-size: 100%;
  padding-bottom: 30px;
}
#main #duvody p {
  font-size: 61%;
}
#main #duvody .duvod {
  width: 31.333%; 
  margin-left: 1.5%;
  margin-right: 1.5%;
  margin-top: 25px;
  float: left;
  height: 220px;
  overflow: hidden;
}
#main #duvody .duvod:nth-child(5), #main #duvody .duvod:nth-child(8) {
  margin-left: 0px;
}
#main #duvody .duvod:nth-child(7), #main #duvody .duvod:nth-child(10) {
  margin-right: 0px;
}
#main #duvody .duvod h3 {
  font-size: 75%;
  padding-bottom: 22px;
}

#main div.pruvodce_obal {
  padding: 50px;
  font-size: 14px;
}
#main div.pruvodce_obal h1 {
  color: #8c0014;
  font-family: 'Roboto-Bold';
  font-size: 200%;
  font-weight: bold;
  padding-bottom: 30px;
  padding-top: 10px;
}
#main div.pruvodce_obal h2 {
  color: #8c0014;
  font-family: 'Roboto-Bold';
  font-size: 150%;
  font-weight: bold;
  padding-bottom: 30px;
  padding-top: 10px;
}
#main div.pruvodce_obal a.pruvodce_kategorie {
  display: inline-block; 
  margin: 2px;
  padding: 28px 20px;
  background-color: #393939;
  color: #fff;
  font-size: 14px;
  transition: 0.7s;
}
#main div.pruvodce_obal a.pruvodce_kategorie:hover {
  background-color: #000;
}
#main div.pruvodce_obal a.pruvodce_skupina {
  color: #8c0014;
  font-family: 'Roboto-Bold';
  font-size: 100%;
  font-weight: bold;
  padding-bottom: 10px;
  margin-top: 20px;
      clear: both;
    display: inline-block;
}
#main div.pruvodce_obal div.pruvodce_skupina_obsah {
  background-color: #eaeaea;
  margin: 5px;
  padding: 20px;
  line-height: 180%;
}
#main div.pruvodce_obal div.pruvodce_skupina_obsah p {
  color: #777777;
}

#main div.pruvodce_obal div.pruvodce_skupina_obsah_polozka {
  margin-bottom: 15px;
}

#main div.pruvodce_obal.kategorie_vyhody div.pruvodce_skupina_obsah {
  background-color: #fff;
}

#main div.pruvodce_obal.kategorie_vyhody div.pruvodce_skupina_obsah_polozka {
    margin-bottom: 15px;
    width: 45%;
    float: left;
    height: 150px;
}
#main div.pruvodce_obal.kategorie_vyhody div.pruvodce_skupina_obsah_polozka img {
    width: 150px!important;
}
#main div.pruvodce_obal div.pruvodce_skupina_obsah_polozka.disabled, #main div.pruvodce_obal div.pruvodce_skupina_obsah_polozka.disabled label {
  color: #a2a0a0;
}

#main div.pruvodce_obal a.pruvodce_odkaz_vysledek {
 display: inline-block;
 padding: 10px 20px;
 background-color: #8c0014;
 color: #fff;
 text-decoration: none;
 font-weight: bold;
 margin: 10px 0;
 transition: 0.7s;
}
#main div.pruvodce_obal a.pruvodce_odkaz_vysledek:hover {
 background-color: #000;
}

#main div.pruvodce_obal a.pruvodce_napoveda {
    display: inline-block;
    vertical-align: top;
    margin: 3px 2px 0 5px;
    border: 1px solid grey;
    color: grey;
    border-radius: 50%;
    line-height: 140%;
    font-size: 80%;
    width: 1.3em;
    height: 1.3em;
    text-align: center;
    transition: 0.7s;
    cursor: pointer;
}
#main div.pruvodce_obal a.pruvodce_napoveda:hover {
    border: 1px solid #8c0014;
    background-color: #fff;
    color: #8c0014;
}
.pruvodce_napoveda_obsah, .pruvodce_obal div.pruvodce_napoveda_obsah * {
    background-color: #fff;
    padding: 50px;
}




#main #produkty {
  padding-top: 25px;
}
#main #produkty h1 {
  color: #8c0014;
  font-family: 'Roboto-Bold';
  font-size: 100%;
  font-weight: bold;
  padding-bottom: 30px;
  padding-top: 10px;
  float: left;
}
#main #produkty div.obsah_podkategorie {
  height: 230px;
  width: 23%;
  margin-left: 1.2%;
  margin-right: 1.2%;
  margin-bottom: 20px;
  display: block;
  float: left;
  border: solid 1px #c8c8c8;
  position: relative;
}

#main #produkty .obsah_podkategorie:nth-child(4n-1){ margin-left: 0px; }
#main #produkty .obsah_podkategorie:nth-child(4n+2){ margin-right: 0px; }

#main #produkty div.obsah_podkategorie div.img {
  height: 180px;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
}
#main #produkty div.obsah_podkategorie div.img img {
  max-height: 170px;
  max-width: 100%;
}
#main #produkty div.obsah_podkategorie div.nazev {
  height: 50px;
  width: 98%;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
}
#main #produkty div.obsah_podkategorie div.nazev h2 {
  color: #000;
  font-size: 15px;
  text-decoration: none;
  text-align: center;
  width: 100%;
}
#main #produkty div.obsah_podkategorie div.nazev h2 a {
  color: #000;
  font-size: 15px;
  text-decoration: none;
  text-align: center;
}
    
#main #produkty h2 {
  color: #8c0014;
  font-family: 'Roboto-Bold';
  font-size: 100%;
  font-weight: bold;
  padding-bottom: 30px;
  padding-top: 10px;
  float: left;
}
#main #produkty p.rada {
  float: right;
  font-size: 75%;
  padding-top: 14px;
  margin-right: 30px;
}
#main #produkty a.radce {
  width: 221px;
  height: 37px;
  padding-top: 9px;
  margin-top: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-image: url('../img/nakupni_poradce.png');
  display: block;
  float: right;
  text-align: center;
  color: white;
  font-size: 62%;
  text-decoration: none;
  font-family: "Roboto-Bold";
}
#main #produkty .item {
  height: 530px;
  width: 23%;
  margin-left: 0.6%;
  margin-right: 0.6%;
  margin-bottom: 20px;
  display: block;
  float: left;
  border: solid 1px #c8c8c8;
  position: relative;
}
/*
#main #produkty #produkty_obal_obsah .item:nth-child(1), #main #produkty #produkty_obal_obsah .item:nth-child(5), #main #produkty #produkty_obal_obsah .item:nth-child(9), #main #produkty #produkty_obal_obsah .item:nth-child(13) {
  margin-left: 0px;
}
#main #produkty #produkty_obal_obsah .item:nth-child(4), #main #produkty #produkty_obal_obsah .item:nth-child(8), #main #produkty #produkty_obal_obsah .item:nth-child(12), #main #produkty #produkty_obal_obsah .item:nth-child(16) {
  margin-right: 0px;
}
*/

/*#main #produkty #produkty_obal_obsah .item:nth-child(4n-1){ margin-left: 0px; }
#main #produkty #produkty_obal_obsah .item:nth-child(4n+2){ margin-right: 0px; }*/

#main #produkty .item .obrPozadi {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 55px 50px;
  background-color: #fff;  
  height: 245px;
}
#main #produkty .item a.obr {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 145px;
  margin-left: auto;
  margin-right: auto;  
}
#main #produkty .item h3 {
  font-size: 63%;
  font-family: "Roboto-Bold";
  font-weight: normal;
  padding-left: 14px;
  padding-top: 15px;
  overflow: hidden;
  height: 33px;
}
#main #produkty .item h3 a {
  color: black; 
  text-decoration: none;
}
#main #produkty .item h4 {
  font-size: 61%;
  font-family: "Roboto-Regular";
  font-weight: normal;
  padding-left: 14px;
}
#main #produkty .item p {
  font-size: 60%;
  font-family: "Roboto-Regular";
  font-weight: normal;
  padding-left: 14px;
  padding-top: 15px;
  line-height: 120%;  
}
#main #produkty .item .kategorie_produkt_akce {
  font-size: 50%;
  font-family: "Roboto-Regular";
  font-weight: normal;
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: #93a1f1;
  color: #000;
  padding: 5px;
}
#main #produkty .item .kategorie_produkt_akce.sleva {
  background-color: #f97f76;
}
#main #produkty .item .kategorie_produkt_akce.akce {
  background-color: #8bc34a;
}
#main #produkty .item .kategorie_produkt_akce.vyprodej {
  background-color: #5dabb5;
}
#main #produkty .item .kategorie_produkt_akce.novinka {
  background-color: #ffc107;
}


#main #produkty .item .trida_obal {
  position: absolute;
  bottom: 127px;
  left: 14px;
  width: 65px;
  height: 27px;
}
    
#main #produkty .item .trida_obal .trida {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #16994a;
  border-right: 10px solid #16994a;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  width: 52px;
  height: 27px;
  padding-left: 10px;
  padding-top: 3px;
  display: block;
  color: white;
  font-size: 75%;
  font-family: "Roboto-Bold";  
}
#main #produkty .item .trida_obal .trida.trida_a3 {
  background-color: #009944;
  border-right: 10px solid #009944;
}
#main #produkty .item .trida_obal .trida.trida_a2 {
  background-color: #009944;
  border-right: 10px solid #009944;
}
#main #produkty .item .trida_obal .trida.trida_a1 {
  background-color: #009944;
  border-right: 10px solid #009944;
}
#main #produkty .item .trida_obal .trida.trida_a {
  background-color: #009944;
  border-right: 10px solid #009944;
}
#main #produkty .item .trida_obal .trida.trida_b {
  background-color: #3eb135;
  border-right: 10px solid #3eb135;
}
#main #produkty .item .trida_obal .trida.trida_c {
  background-color: #c3d600;
  border-right: 10px solid #c3d600;
}
#main #produkty .item .trida_obal .trida.trida_d {
  background-color: #fff100;
  border-right: 10px solid #fff100;
}
#main #produkty .item .trida_obal .trida.trida_e {
  background-color: #fabe00;
  border-right: 10px solid #fabe00;
}
#main #produkty .item .trida_obal .trida.trida_f {
  background-color: #ed6d01;
  border-right: 10px solid #ed6d01;
}
#main #produkty .item .trida_obal .trida.trida_g {
  background-color: #e60013;
  border-right: 10px solid #e60013;
}
#main #produkty .item .trida_obal .trida sup {
  font-size: 50%;
}
#main #produkty .item .sklad {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  bottom: 135px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto;
  font-family: "Roboto-Bold";   
}
#main #produkty .item .sklad.skladem {
  padding-top: 5px;
  width: 85px;
  height: 20px;
  right: 30px;
  background-image: url('../img/skladem.jpg');
  color: #16994a;
  font-size: 60%;
  padding-left: 30px;
  bottom: 140px;  
}
#main #produkty .item .sklad.sklad_typ_1 {
  padding-top: 5px;
  width: 85px;
  height: 20px;
  right: 30px;
  background-image: url('../img/skladem.jpg');
  color: #16994a;
  font-size: 60%;
  padding-left: 30px;
  bottom: 140px;  
}
#main #produkty .item .sklad.sklad_typ_2 {
  padding-top: 5px;
  width: 85px;
  height: 20px;
  right: 30px;
  background-image: url('../img/skladem_brzy.jpg');
  color: #000;
  font-size: 45%;
  padding-left: 30px;
  bottom: 140px;  
}
#main #produkty .item .sklad.sklad_typ_3 {
  padding-top: 5px;
  width: 85px;
  height: 20px;
  right: 30px;
  background-image: url('../img/neni_skladem_med.jpg');
  color: #000;
  font-size: 45%;
  padding-left: 30px;
  bottom: 140px;  
}
#main #produkty .item .sklad.sklad_typ_4 {
  padding-top: 5px;
  width: 120px;
  height: 30px;
  right: 10px;
  background-image: url('../img/neni_skladem.jpg');
  color: #eb102c;
  font-size: 45%;
  padding-left: 30px;
}
#main #produkty .item .sklad.dodaniIhned {
  width: 105px;
  height: 30px;
  right: 15px;
  background-image: url('../img/skladem.jpg');
  color: #16994a;
  font-size: 60%;
  padding-left: 30px;
}
#main #produkty .item .sklad.neniskladem {
  padding-top: 5px;
  width: 120px;
  height: 30px;
  right: 10px;
  background-image: url('../img/neni_skladem.jpg');
  color: #eb102c;
  font-size: 60%;
  padding-left: 30px;
}
#main #produkty .item .cena {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  bottom: 100px;
  font-size: 75%;
  left: 14px;
  font-family: "Roboto-Bold";   
}
#main #produkty .item .cena.skrt {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  bottom: 101px;
  font-size: 51%;
  left: 110px;
  font-family: "Roboto-Regular"; 
  color: #949292;
  stroke: #949292;  
  background-image: url('../img/stroke.png');
  background-position: center center;   
}
#main #produkty .item .koupit {
  width: 99px;
  height: 33px;
  padding-top: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-image: url(../img/koupit.png);
  display: block;
  text-align: center;
  color: white;
  font-size: 62%;
  text-decoration: none;
  font-family: "Roboto-Bold";
  position: absolute;
  bottom: 60px;
  right: 13px;
  cursor: pointer;
}
#main #produkty .item .detail {
  width: 60px;
  height: 33px;
  padding-top: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-image: url(../img/detail.png);
  display: block;
  text-align: center;
  color: #8f8f8f;
  font-size: 62%;
  text-decoration: none;
  font-family: "Roboto-Regular";
  position: absolute;
  bottom: 60px;
  right: 116px;
  cursor: pointer;
}
#main #produkty .item .porovnani {
  border-top: solid 1px black;
  position: absolute;
  bottom: 23px;
  left: 14px;
  width: 88%;
}
#main #produkty .item .porovnej {
  font-family: "Roboto-Bold";
  font-size: 59%;
  color: #929090;  
  background-image: url(../img/porovnani.png);
  background-position: left center;
  background-repeat: no-repeat;    
  padding-left: 25px;
  text-decoration: none;
}
#main #produkty a.dalsi {
  display: block;
  width: 355px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 75%;
  font-weight: bold;
  color: black;
  text-decoration: none;
  border: solid 1px #cdcdcd;
  margin-top: 18px;
  padding-top: 18px;
  margin-bottom: 10px;
  padding-bottom: 4px;
  transition: 0.5s;
}
#main #produkty a.dalsi:hover {
  background-color: #cdcdcd;
}
#main .strankovani {
  text-align: center;
  padding-top: 29px;
  padding-bottom: 42px;
  font-size: 67%;
}
#main .strankovani span {
  padding-right: 2px;
}
#main .strankovani a {
  width: 35px;
  height: 25px;
  display: inline-block;
  padding-top: 9px;
  text-decoration: none;
  color: black;
}
#main .strankovani a:hover, #main .strankovani a.active {
  background-color: #e3e3e3;
}
#main #pod_produkty {
  border-top: solid 1px #e3e3e3;
  padding-top: 40px;
}
#main #pod_produkty h2 {
  color: #8c0014;
  font-family: 'Roboto-Bold';
  font-size: 100%;
  font-weight: bold;
  padding-bottom: 30px;
  padding-top: 0px;
}
#main #pod_produkty p {
  font-size: 59%;
  padding-bottom: 37px;
}
#main #pod_produkty div {
  float: left;
  width: 31.333%;
  margin-right: 2%;
  max-width: 340px;
}
#main #pod_produkty div.vyhoda {
  height: 350px;
  overflow: hidden;
}
#main #pod_produkty div a.kategorie_vyhody_img {
background-size: cover;
background-position: center center;
display: block;
width: 100%;
height: 163px;
}
#main #pod_produkty div a.kategorie_vyhody_img img {
display: none;
}

/*
#main #pod_produkty div:nth-child(5), #main #pod_produkty div:nth-child(8), #main #pod_produkty div:nth-child(11), #main #pod_produkty div:nth-child(14) {
  margin-right: 0%;
}
#main #pod_produkty div:last-of-type {
  margin-bottom: 130px;
}
*/
#main #pod_produkty div h3 {
  font-size: 75%;
  padding-top: 22px;
  padding-bottom: 8px;
}
#main #pod_produkty div h4 {
  font-size: 70%;
  padding-top: 22px;
  padding-bottom: 8px;
}
#main #pod_produkty div ol li, #main #pod_produkty div ul li {
  font-size: 59%;
  margin-left: 20px;
}
#main #detail #galerie {
  margin-top: 50px;
  width: 50%;
  max-width: 450px;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#main #detail #galerie #obr_v {
  width: 100%;
  background-color: #fff;
  height: 460px;
  text-align: center;
  vertical-align: middle;
}
#main #detail #galerie #obr_v a.obr {
  display: inline-block;
  width: 100%;
  max-width: 365px;
  height: 345px;
  height: 440px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 54.5px;
  margin-top: 5px;
  margin-bottom: 54.5px;
  background-position: center center;
}
#main #detail #galerie #obr_v a.obr img {display: none}
#main #detail #galerie .galerie a.obr {
  display: inline-block;
  width: 25%;
  max-width: 69px;
  height: 83px;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 10px 3px 3px 0;
}
#main #detail #galerie .galerie a.obr img {display: none}
#main #detail #obsah {
  margin-top: 50px;
  text-align: left;
  width: 50%;
  max-width: 550px;
  float: right;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-bottom: 40px;
  border-bottom: solid 1px black;
}

#main .kategorie_cesta {
  font-size: 50%;    
  text-align: right;
  padding-top: 5px;
}
#main .kategorie_cesta a {
  color: black;
  margin-left: 2px;
  margin-right: 2px;
}
#main .kategorie_cesta a:hover {
  text-decoration: none;
}

#main #detail #obsah .cesta {
  font-size: 50%;
}
#main #detail #obsah .cesta a {
  color: black;
  margin-left: 2px;
  margin-right: 2px;
}
#main #detail #obsah .cesta a:hover {
  text-decoration: none;
}
#main #detail #obsah h1 {
  padding-top: 26px;
  font-size: 100%;
  padding-bottom: 24px;
}
#main #detail #obsah h2 {
  padding-top: 26px;
  font-size: 100%;
}
#main #detail #obsah h3 {
  padding-top: 10px;
  padding-bottom: 24px;
  font-size: 75%;
  font-weight: normal;
}
#main #detail #obsah table tr td {
  font-size: 67%;
}
#main #detail #obsah table tr td a {
  color: #000;
}
#main #detail #obsah p {
  font-size: 67%;
  padding-bottom: 15px;
}
#main #detail #obsah p.cena_puvodni {
 margin-top: 10px;
}
#main #detail #obsah p.cena_puvodni span {
background-image: url('../img/skrt4.png');
background-repeat: no-repeat;
background-position: center;
padding: 10px 0;
}
#main #detail #obsah p.cena_puvodni span.skrt1 {
background-image: url('../img/skrt2.png');
background-repeat: repeat-x;
background-position: center;
}
#main #detail #obsah .kategorie_produkt_akce {
  font-size: 90%;
  font-family: "Roboto-Regular";
  font-weight: normal;
  background-color: #93a1f1;
  color: #000;
  text-align: center;
  padding: 5px;
}
#main #detail #obsah .kategorie_produkt_akce.sleva {
  background-color: #f97f76;
}
#main #detail #obsah .kategorie_produkt_akce.akce {
  background-color: #8bc34a;
}
#main #detail #obsah .kategorie_produkt_akce.vyprodej {
  background-color: #5dabb5;
}
#main #detail #obsah .kategorie_produkt_akce.novinka {
  background-color: #ffc107;
}
#main #detail #obsah p a {
  color: #000;
}
#main #detail #obsah ul {
  list-style: none;
}
#main #detail #obsah ul li {
  background-image: url("../img/ul_li_detail.jpg");
  background-repeat: no-repeat;
  background-position: 0px 5px; 
  font-size: 59%;
  padding-left: 14px;
  line-height: 140%;
}
#main #detail #obsah .trida_obal {
  margin-top: 5px;
  margin-bottom: 15px;
  width: 98px;
  height: 38px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
}
#main #detail #obsah .trida {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #16994a;
  width: 80px;
  height: 38px;
  padding-left: 10px;
  padding-top: 3px;
  display: block;
  color: white;
  font-size: 102%;
  font-family: "Roboto-Bold";
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

#main #detail #obsah .trida_obal .trida.trida_a3 {
  background-color: #009944;
  border-right: 10px solid #009944;
}
#main #detail #obsah .trida_obal .trida.trida_a2 {
  background-color: #009944;
  border-right: 10px solid #009944;
}
#main #detail #obsah .trida_obal .trida.trida_a1 {
  background-color: #009944;
  border-right: 10px solid #009944;
}
#main #detail #obsah .trida_obal .trida.trida_a {
  background-color: #009944;
  border-right: 10px solid #009944;
}
#main #detail #obsah .trida_obal .trida.trida_b {
  background-color: #3eb135;
  border-right: 10px solid #3eb135;
}
#main #detail #obsah .trida_obal .trida.trida_c {
  background-color: #c3d600;
  border-right: 10px solid #c3d600;
}
#main #detail #obsah .trida_obal .trida.trida_d {
  background-color: #fff100;
  border-right: 10px solid #fff100;
}
#main #detail #obsah .trida_obal .trida.trida_e {
  background-color: #fabe00;
  border-right: 10px solid #fabe00;
}
#main #detail #obsah .trida_obal .trida.trida_f {
  background-color: #ed6d01;
  border-right: 10px solid #ed6d01;
}
#main #detail #obsah .trida_obal .trida.trida_g {
  background-color: #e60013;
  border-right: 10px solid #e60013;
}

#main #detail #obsah .trida sup {
  font-size: 60%;
}
#main #detail #obsah .sklad {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto;
  font-family: "Roboto-Bold";
  height: 40px;
  line-height: 30px;
}
#main #detail #obsah .sklad.sklad_typ_1 {
  padding-top: 5px;
  padding-left: 30px;
  background-image: url(../img/skladem.jpg);
  background-position: left center;
  color: #16994a;
}
#main #detail #obsah .sklad.sklad_typ_2 {
  padding-top: 5px;
  padding-left: 30px;
  background-image: url(../img/skladem.jpg);
  background-position: left center;
  color: #000;
}
#main #detail #obsah .sklad.sklad_typ_3 {
  padding-top: 5px;
  padding-left: 30px;
  background-image: url(../img/dostupnost_na_dotaz.png);
  background-position: left center;
  color: #000; 
}
#main #detail #obsah .sklad.sklad_typ_4 {
  padding-top: 5px;
  padding-left: 30px;
  background-image: url(../img/neni_skladem.jpg);
  background-position: left center;
  color: #eb102c; 
}
#main #detail #obsah .sklad.neniskladem {
  padding-top: 5px;
  padding-left: 30px;
  background-image: url(../img/neni_skladem.jpg);
  background-position: left center;
  color: #eb102c; 
}
#main #detail #obsah .pridat_do_kosiku_obal {
  text-align: right;
  width: 50%;
  height: 32px;
  margin-top: 24px;
  float: right
}
#main #detail #obsah .pridat_do_kosiku_obal .pocet_ks_kosik {
  text-align: center;
  width: 50px;
  height: 32px;
}
#main #detail #obsah .pridat_do_kosiku_obal .ks {
  color: #393939;
  font-size: 75%;
  padding-right: 20px
}
#main #detail #obsah .produkt_cena {
  width: 45%;
  margin-top: 24px;
}


#main #detail #obsah .pridat {
  background-image: url(../img/pridat_do_kosiku.png);
  width: 169px;
  height: 32px;
  padding-top: 0px;
  background-repeat: no-repeat;
  color: white;
  font-size: 58%;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  border: none;
}
#main #detail #obsah .cena {
  font-size: 116%;
  font-weight: bold;
  margin-top: 45px;
  padding-bottom: 0px;
}
#main #detail #obsah .cena.bezDph {
  font-size: 59%;
  font-weight: normal;
  margin-top: 14px;
}
#main #detail #porovnani {
  margin-top: 5px;
  text-align: left;
  width: 50%;
  max-width: 550px;
  float: right;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-bottom: 10px;
}
#main #detail #porovnani a {
  height: 16px;
  background-image: url(../img/porovnani.png);
  padding-left: 22px;
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 59%;
  font-weight: bold;
  color: #929090;
  text-decoration: none;
}
#main #splatky { 
  border-top: solid 1px #e3e3e3;
  padding-top: 28px;
  padding-bottom: 24px;
}
#main #splatky img {
  margin-top: 10px;
  margin-left: 45px;
  margin-right: 30px;
  float: left;
}
#main #splatky .tlacitko {
  display: block;
  background-image: url(../img/tlacitko_hc.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 170px;
  height: 26px;
  padding-top: 7px;
  font-size: 59%;
  text-decoration: none;
  text-align: center;
  color: #8f8f8f;
  float: left;
  margin-top: 9px;
  margin-right: 13px;
}
#main #splatky #mail {
  float: right;
  width: 50%;
  max-width: 515px;
}
#main #splatky #mail #obsahSplatky {
  width: 50%;
  max-width: 235px;
  float: left;
}
#main #splatky #mail #obsahSplatky h3 {
  font-size: 59%;
  padding-bottom: 4px;
}
#main #splatky #mail #obsahSplatky p {
  font-size: 59%;
}
#main #splatky #mail #mailSplatky {
  width: 50%;
  max-width: 255px;
  float: right;
}
#main #splatky #mail #mailSplatky input[type="text"] {
  width: 100%;
  height: 37px;
  padding: 5px;
  font-size: 100%;
  border: solid 1px black;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#main #splatky #mail #mailSplatky button {
  float: right;
  width: 118px;
  height: 33px;
  font-size: 59%;
  background-image: url(../img/odeslat_hc.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  font-weight: bold;
  color: white;
  cursor: pointer;
  margin-top: 14px;
}
#main #splatky #mail #mailSplatky img {
  float: none;
  margin: 0;
}
#main #popis {
}
#main #popis .oddeleni {
  float: left;
  width: 10px;
  height: 36px;
  border-bottom: solid 1px #e3e3e3;
}
#main #popis .nadpis {
  float: left;
  width: 136px;
  background-image: url(../img/nadpis.jpg);
  border-left: solid 1px #e3e3e3;
  border-top: solid 1px #e3e3e3;
  border-right: solid 1px #b0b0b0;
  color: #808080;
  font-size: 59%;
  height: 26px;
  padding-top: 10px;
  text-align: center;
  cursor: pointer;
}
#main #popis .nadpis.active, #main #popis .nadpis:hover {
  background-image: none;
  color: black;
  font-weight: bold;
  z-index: 999;
  background: white;  
}
#main #popis .dokonceni {
  width: auto;
  height: 36px;
  border-bottom: solid 1px #e3e3e3;
}
#main #popis .nadpis:first-of-type {
  margin-left: 10px;
}
#main #popis #obsahPopisu {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 45px 50px;
}

#main #popis #obsahPopisu table.smallcaption tr th, #main #popis #obsahPopisu .table-wrapper table tr th {
  font-size: 14px;
  width: 240px;
  background-color: #e2e2e2;
  vertical-align: middle;
  text-align: right;
  padding: 15px 10px;
}


#main #popis #obsahPopisu table.smallcaption tr td, #main #popis #obsahPopisu .table-wrapper table tr td {
  font-size: 14px;
  background-color: #f3f3f3;
  vertical-align: middle;
  text-align: left;
  padding: 15px 10px;
}

#main #popis #obsahPopisu table.smallcaption tr td p, #main #popis #obsahPopisu .table-wrapper table tr td p {
  font-size: 14px!important;
}

#main #popis #obsahPopisu table.smallcaption caption, #main #popis #obsahPopisu .table-wrapper table caption {
  margin-top: 40px;
  margin-bottom: 10px;
  text-align: left;
}

#main #popis #obsahPopisu .obsah {
  display: none;
}
#main #popis #obsahPopisu .obsah.active {
  display: block;
}
#main #popis #obsahPopisu .obsah h2, #main #popis #obsahPopisu .obsah table tr td {
  vertical-align: top;
}
#main #popis #obsahPopisu .obsah h2, #main #popis #obsahPopisu .obsah table tr td h2 {
  font-size: 66%;
  padding-top: 20px;
}
#main #popis #obsahPopisu .obsah p, #main #popis #obsahPopisu .obsah table tr td p {
  font-size: 59%;
}
#main #popis #obsahPopisu .obsah ul, #main #popis #obsahPopisu .obsah table tr td ul {
  list-style: none;
}
#main #popis #obsahPopisu .obsah ul li, #main #popis #obsahPopisu .obsah table tr td ul li {
  background-image: none;
  background-repeat: no-repeat;
  background-position: 0px 5px; 
  font-size: 59%;
  padding-left: 14px;
  line-height: 140%;
  padding: 5px 0;
}
#main #parametry {
  border-top: solid 1px #e3e3e3;
  padding: 23px 50px;
}
#main #parametry .sloup {
  width: 33%;
  float: left;
}
#main #parametry .sloup h3 {
  font-size: 66%;
  padding-top: 22px;
}
#main #parametry .sloup ul {
  list-style: none;
}
#main #parametry .sloup ul li {
  background-image: url("../img/ul_li_detail.jpg");
  background-repeat: no-repeat;
  background-position: 0px 5px; 
  font-size: 59%;
  padding-left: 14px;
  line-height: 140%;
}
#main #velky_popis {
  border-top: solid 1px #e3e3e3;
  padding: 45px 50px;
}
#main #velky_popis h3 {
  font-size: 67%; 
}
#main #velky_popis p {
  font-size: 59%; 
  padding-bottom: 22px;
}
#main #prislusenstvi {
  border-top: solid 1px #e3e3e3;
  padding-top: 48px;
}
#main #prislusenstvi h2 {
  color: #8c0014;
  font-size: 100%;
  padding-bottom: 28px;
}
#main #prislusenstvi .item {
  height: 530px;
  width: 23%;
  margin-left: 1.2%;
  margin-right: 1.2%;
  margin-bottom: 20px;
  display: block;
  float: left;
  border: solid 1px #c8c8c8;
  position: relative;
}
#main #prislusenstvi .item:nth-child(2), #main #prislusenstvi .item:nth-child(6), #main #prislusenstvi .item:nth-child(10){
  margin-left: 0px;
}
#main #prislusenstvi .item:nth-child(5), #main #prislusenstvi .item:nth-child(9), #main #prislusenstvi .item:nth-child(13) {
  margin-right: 0px;
}
#main #prislusenstvi .item .obrPozadi {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 55px 50px;
  background-color: #f5f5f5;  
  height: 245px;
}
#main #prislusenstvi .item a.obr {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 145px;
  margin-left: auto;
  margin-right: auto;  
}
#main #prislusenstvi .item h3 {
  font-size: 63%;
  font-family: "Roboto-Bold";
  font-weight: normal;
  padding-left: 14px;
  padding-top: 15px;
  overflow: hidden;
  height: 18px;
}
#main #prislusenstvi .item h3 a {
  color: black; 
  text-decoration: none;
}
#main #prislusenstvi .item h4 {
  font-size: 61%;
  font-family: "Roboto-Regular";
  font-weight: normal;
  padding-left: 14px;
}
#main #prislusenstvi .item p {
  font-size: 60%;
  font-family: "Roboto-Regular";
  font-weight: normal;
  padding-left: 14px;
  padding-top: 15px;
  line-height: 120%;  
}
#main #prislusenstvi .item .sklad {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  bottom: 135px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto;
  font-family: "Roboto-Bold";   
}
#main #prislusenstvi .item .sklad.skladem {
  padding-top: 5px;
  width: 85px;
  height: 20px;
  right: 30px;
  background-image: url('../img/skladem.jpg');
  color: #16994a;
  font-size: 60%;
  padding-left: 30px;
  bottom: 140px;  
}
#main #prislusenstvi .item .sklad.sklad_typ_1 {
  padding-top: 5px;
  width: 85px;
  height: 20px;
  right: 30px;
  background-image: url('../img/skladem.jpg');
  color: #16994a;
  font-size: 60%;
  padding-left: 30px;
  bottom: 140px;  
}
#main #prislusenstvi .item .sklad.sklad_typ_2 {
  padding-top: 5px;
  width: 85px;
  height: 20px;
  right: 30px;
  background-image: url('../img/skladem.jpg');
  color: #000;
  font-size: 45%;
  padding-left: 30px;
  bottom: 140px;  
}
#main #prislusenstvi .item .sklad.sklad_typ_3 {
  padding-top: 5px;
  width: 85px;
  height: 20px;
  right: 30px;
  background-image: url('../img/skladem.jpg');
  color: #000;
  font-size: 45%;
  padding-left: 30px;
  bottom: 140px;  
}
#main #prislusenstvi .item .sklad.sklad_typ_4 {
  padding-top: 5px;
  width: 120px;
  height: 30px;
  right: 10px;
  background-image: url('../img/neni_skladem.jpg');
  color: #eb102c;
  font-size: 45%;
  padding-left: 30px;
}
#main #prislusenstvi .item .sklad.dodaniIhned {
  width: 105px;
  height: 30px;
  right: 15px;
  background-image: url('../img/skladem.jpg');
  color: #16994a;
  font-size: 60%;
  padding-left: 30px;
}
#main #prislusenstvi .item .sklad.neniskladem {
  padding-top: 5px;
  width: 120px;
  height: 30px;
  right: 10px;
  background-image: url('../img/neni_skladem.jpg');
  color: #eb102c;
  font-size: 60%;
  padding-left: 30px;
}
#main #prislusenstvi .item .cena {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  bottom: 100px;
  font-size: 75%;
  left: 14px;
  font-family: "Roboto-Bold";   
}
#main #prislusenstvi .item .cena.skrt {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  bottom: 101px;
  font-size: 51%;
  left: 110px;
  font-family: "Roboto-Regular"; 
  color: #949292;
  stroke: #949292;  
  background-image: url('../img/stroke.png');
  background-position: center center; 
}
#main #prislusenstvi .item .koupit {
  width: 99px;
  height: 33px;
  padding-top: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-image: url(../img/koupit.png);
  display: block;
  text-align: center;
  color: white;
  font-size: 62%;
  text-decoration: none;
  font-family: "Roboto-Bold";
  position: absolute;
  bottom: 60px;
  right: 13px;
  cursor: pointer;
}
#main #prislusenstvi .item .detail {
  width: 60px;
  height: 33px;
  padding-top: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-image: url(../img/detail.png);
  display: block;
  text-align: center;
  color: #8f8f8f;
  font-size: 62%;
  text-decoration: none;
  font-family: "Roboto-Regular";
  position: absolute;
  bottom: 60px;
  right: 116px;
  cursor: pointer;
}
#main #prislusenstvi .item .porovnani {
  border-top: solid 1px black;
  position: absolute;
  bottom: 23px;
  left: 14px;
  width: 88%;
}
#main #prislusenstvi .item .porovnej {
  font-family: "Roboto-Bold";
  font-size: 59%;
  color: #929090;  
  background-image: url(../img/porovnani.png);
  background-position: left center;
  background-repeat: no-repeat;    
  padding-left: 25px;
  text-decoration: none;
}
#main #prislusenstvi a.dalsi {
  display: block;
  width: 355px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 75%;
  font-weight: bold;
  color: black;
  text-decoration: none;
  border: solid 1px #cdcdcd;
  margin-top: 18px;
  padding-top: 18px;
  padding-bottom: 14px;
  transition: 0.5s;
}
#main #prislusenstvi a.dalsi:hover {
  background-color: #cdcdcd;
}
#main #podobne {
  border-top: solid 1px #e3e3e3;
  padding-top: 35px;
  padding-bottom: 100px;
}
#main #podobne h2 {
  color: #8c0014;
  font-size: 100%;
  padding-bottom: 28px;
}
#footer {
  background-color: #ececec;
  width: 100%;
  padding-top: 65px;
  padding-bottom: 60px;
}
#footer .zarovnani {
  max-width: 1100px;
}
#footer .zarovnani .sloup1 {
  margin-left: 100px;
  float: left;
}
#footer .zarovnani a.logo {
  width: 223px;
  display: block;
}
#footer .zarovnani a.logo img {
  width: 100%;
}
#footer .zarovnani a.tel {
  padding-top: 25px;
  font-size: 75%;
  color: black;
  text-decoration: none;
  display: block;
  font-family: 'Roboto-Bold'; 
  line-height: 90%;  
}
#footer .zarovnani a.mail {
  font-size: 75%;
  color: black;
  text-decoration: none;
  line-height: 90%;
  display: block;  
  padding-bottom: 25px;
  padding-top: 5px;
}
#footer .zarovnani a.mail.prvni {padding-bottom: 0px;}
#footer .zarovnani a.mail.druhy {text-decoration: underline;}
#footer .zarovnani a.social {
  margin-right: 12px;
}
#footer .zarovnani .sloup2 {
  float: left;
  max-width: 250px;
  margin-left: 230px;
}
#footer .zarovnani .sloup2 h2 {
  font-size: 75%;
  padding-bottom: 20px;
}
#footer .zarovnani .sloup2 ul {
  list-style: none;
}
#footer .zarovnani .sloup2 ul li {
  line-height: 75%;
}
#footer .zarovnani .sloup2 ul li a {
  color: black;
  text-decoration: none;
  font-size: 62%;
}
#footer .zarovnani .sloup3 {
  float: right;
  max-width: 270px;
}
#footer .zarovnani .sloup3 h2 {
  font-size: 75%;
  padding-bottom: 20px;
}
#footer .zarovnani .sloup3 ul {
  list-style: none;
}
#footer .zarovnani .sloup3 ul li {
  line-height: 75%;
}
#footer .zarovnani .sloup3 ul li a {
  color: black;
  text-decoration: none;
  font-size: 62%;
}
#subfooter {
  background-color: #c1c1c1;
  width: 100%;
  text-align: center;
  font-size: 50%;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #5e5e5e;
}
#subfooter a {
  color: #5e5e5e;
}
.ms-staff-carousel {
  max-width: 100%!important;
}
.ms-inner-controls-cont {
  max-width: 100%!important;
}
.ms-staff-carousel .ms-nav-next{
  right: 0px!important;
  background-position-x: -8px!important;
  background-position-y: -11px!important;  
}
.ms-staff-carousel .ms-nav-prev {
  left: 0px!important;
  background-position-x: -8px!important;
  background-position-y: -60px!important;    
}
#mastersliderCarousel .ms-slide {
  opacity: 1!important;
}
.ms-staff-carousel .ms-staff-info {min-height: 0px!important;}
#mastersliderCarousel .ms-slide img {
  margin-top: 0px!important;
  margin-left: auto!important;
  margin-right: auto!important;
  width: 106px!important;
  height: 95px!important;
  display: block!important;
}
#mastersliderCarousel .ms-slide h3 {
  font-size: 67%;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0px;  
}
#mastersliderCarousel .ms-slide a {
  color: black;
  text-decoration: none;
}
.ms-staff-carousel .ms-nav-prev, .ms-staff-carousel .ms-nav-next {
  border: solid 1px #cdcdcd;
  display: block!important;
  opacity: 1!important;
  box-shadow: none!important;
  margin-top: -38px!important;
  width: 32px!important;
  height: 32px!important;  
}
.ms-slide .ms-slide-bgcont, .ms-slide .ms-slide-bgvideocont {
  position: relative!important;
  height: 95px!important;
}
/* FORMATOVANI TEXTU */
.formatovani_textu h1 {
  padding-top: 50px;
  color: #8c0014;
  font-family: 'Roboto-Bold';
  font-size: 200%;
  font-weight: normal;
  padding-bottom: 20px; 
}
.formatovani_textu h2 {
  color: black;
  font-size: 100%;
  font-family: "Roboto-Bold";
  padding-top: 15px;
  padding-bottom: 10px;
}
.formatovani_textu h3 {
  color: black;
  font-size: 78%;
  font-family: "Roboto-Bold";
  padding-top: 20px;
  padding-bottom: 5px;
}
.formatovani_textu h4 {
  color: black;
  font-size: 67%;
  font-family: 'Roboto-Bold';
  padding-top: 20px;
  padding-bottom: 2px;
}
.formatovani_textu h5 {
  color: #8c0014;
  font-size: 58%;
  font-family: 'Roboto-Bold';
  padding-top: 40px;
  padding-bottom: 5px;
}
.formatovani_textu p { 
  font-family: 'Roboto-Regular';
  padding-bottom: 5px;
  padding-top: 5px;
  font-size: 62%;
  color: #3f3f3f;
}
.formatovani_textu table tr td p { 
  font-size: 100%;
}
.formatovani_textu p.kontakt strong {padding-top: 10px; display: inline-block;}
.formatovani_textu p.kontakt a {color: #3f3f3f; text-decoration: none;}
.formatovani_textu p.kontakt a:hover {text-decoration: underline;}
.formatovani_textu p.velky {
  font-size: 100%;
  line-height: 170%;
}
.formatovani_textu p.vyrazny {
  background-color: #f1f1f1;
  padding: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 10px;
}
.formatovani_textu p.vyrazny2 {
  background-color: #8b0014;
  color: white;
  padding: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 10px;  
}
.formatovani_textu p.maly_1 {
  font-size: 47%;
  padding-top: 15px;
  padding-bottom: 5px;
}
.formatovani_textu p.maly_2 {
  font-size: 65%;
  padding-top: 5px;
  padding-bottom: 5px;  
}
.formatovani_textu p.maly_3 {
  font-size: 70%;
  padding-top: 5px;
  padding-bottom: 5px;  
}
.formatovani_textu p.velky_1 {
  font-size: 90%;
  padding-top: 20px;
  padding-bottom: 15px;
}
.formatovani_textu p.velky_1 strong a {color: #3f3f3f; text-decoration: none;}
.formatovani_textu p.velky_1 strong a:hover {text-decoration: underline;}
.formatovani_textu p.velky_2 {
  font-size: 100%;
  padding-top: 5px;
  padding-bottom: 5px;  
}
.formatovani_textu p.velky_3 {
  font-size: 120%;
  padding-top: 5px;
  padding-bottom: 5px;  
}
.formatovani_textu p.nejvetsi {
  font-size: 150%;
  padding-top: 5px;
  padding-bottom: 5px;    
}
.formatovani_textu span.vyrazny {
  color: #8b0014;
}
.formatovani_textu strong {
  font-family: 'Roboto-Bold';
  color: #3f3f3f;
}
.formatovani_textu strong.nejvetsi {
  font-size: 150%;
}
.formatovani_textu a {
  color: #1a185b;
}
.formatovani_textu a.a_vyrazny {
  color: #8b0014;
}
.formatovani_textu a.a_nevyrazny {
  color: black;
}
.formatovani_textu a:hover {color: black;}
.formatovani_textu a.a_cta {
  display: inline-block;
  width: 210px;
  background-color: #8b0014;
  text-decoration: none;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  color: white;
  cursor: pointer;
  font-size: 67%;
}
.formatovani_textu a.a_cta:hover {background-color: black;}
.formatovani_textu a.a_cta2 {
  display: inline-block;
  width: 210px;
  background-color: black;
  text-decoration: none;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  color: white;
  cursor: pointer;
  font-size: 67%;
  font-weight: bold;
}
.formatovani_textu a.a_cta2:hover {background-color: #8b0014;}
.formatovani_textu a.a_cta3 {
  display: inline-block;
  width: 210px;
  background-color: white;
  border: solid 1px black;
  text-decoration: none;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  color: black;
  cursor: pointer;
  font-size: 67%;
}
.formatovani_textu a.a_cta3:hover {
  background-color: lightgray;
}
.formatovani_textu table.table_svetla {
  border-collapse: collapse;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 67%;
}
.formatovani_textu table.table_svetla td {
  border: solid 1px black;
  text-align: center;
  padding: 7px 15px;      
}
.formatovani_textu table.table_tmava {
  border-collapse: collapse;
  margin-top: 15px;
  margin-bottom: 15px;  
  font-size: 67%;
}
.formatovani_textu table.table_tmava td {
  border: solid 1px white;
  text-align: center;
  padding: 7px 15px;
  color: white;
  background-color: black;
}
.formatovani_textu img.img_vpravo {
  float: right;
  margin: 5px;
}
.formatovani_textu img.img_vlevo {
  float: left;
  margin: 5px;
}
.formatovani_textu img.img_100 {
  width: 100%;
  display: block;
}
.formatovani_textu ul {
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 20px;
  list-style: none;
}
.formatovani_textu ul li {
  /*background-image: url(../img/ul_li_detail.jpg);
  background-repeat: no-repeat;*/
  font-size: 67%;
  padding-left: 14px;
  background-position: 0% 50%;
  margin-bottom: 5px;
  margin-left: 0px;
  text-align: left;
}
.formatovani_textu ul.none {list-style:none;}
.formatovani_textu td {font-size: 88%;}
.formatovani_textu td.mezera {font-size: 90%; font-weight: bold; padding-top: 10px;}
.formatovani_textu .submit {
  background-color: #91c127; 
  border: none;
  cursor: pointer;
  font-size: 100%;
  width: 200px;
  margin-top: 35px;
}
.formatovani_textu .galerie {text-align: left;}
.formatovani_textu .galerie a.obr {
  display: inline-block;
  width: 16%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  height: 150px;
  margin-bottom: 20px;
}
.formatovani_textu .galerie a.obr img {display: none;}
#kontakt_form_odpoved {
  padding: 0px;
  font-weight: bold;
  color: #9f131c;
  text-align: left;
  font-size: 88%;
}
#kontakt_form_odpoved_ok {
  padding: 0px;
  font-weight: bold;
  color: #2aa95d;
  text-align: left;
  font-size: 88%;
}
#kontakt_form_odpoved_nacitaci {
  height: 0px;
  display: none;
  position: relative;
}
#kontakt_form_odpoved_nacitaci img {
  height: 30px;
  text-align: center;
  position: absolute;
  top: -80px;
  left: 47%;
}
.formatovani_textu hr {
  margin-top: 70px;
  display: block;
  width: 100%;
  height: 1px;
  background-image: url(../img/cara.jpg);
  margin-bottom: 50px;
  border: none;
}
.formatovani_textu form {padding-top: 20px;}
.formatovani_textu input {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  background-color: #e3e3e3;
  border: none;
  font-size: 100%;
  color: #3f3f3f;
  padding: 15px 20px;
  margin-bottom: 15px;
}
.formatovani_textu textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  height: 250px;
  background-color: #e3e3e3;
  border: none;
  font-size: 67%;
  font-family: "Roboto-Regular";
  color: #3f3f3f;
  padding: 15px 20px;
  margin-bottom: 15px;
}
.formatovani_textu input.poptavka {
  display: block;
  background-color: #83c493;
  float: right;
  width: 200px;
  margin-top: 0px;
  margin-bottom: 145px;
  font-size: 66%;
  font-family: "Roboto-Regular";
  text-transform: uppercase;
  color: white;
  text-align: center;
  text-decoration: none;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 20px;
  background-image: url(../img/sipka.png);
  background-repeat: no-repeat;
  background-position: 85% 50%;
  transition: 0.7s;
  cursor: pointer;
}
.formatovani_textu input.poptavka:hover {
  background-color: #46a25d;
}
/* === FONTY === */
@font-face {
  font-family: 'Roboto-Bold';
  src: url("../font/Roboto-Bold.eot");
  src: url("../font/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Bold.woff") format("woff"), url("../font/Roboto-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; 
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url("../font/Roboto-Regular.eot");
  src: url("../font/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Roboto-Regular.woff") format("woff"), url("../font/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; 
}

@media screen and (max-width: 1420px) {
 #header .nadpis {font-size: 85%; margin-left: 25px; margin-right: 15px;}
 #header a.logo, #header .vyhledavani {margin-left: 10px;} 
 #nav {padding-left: 10px;}
 #main #splatky #mail {width: 40%;}
}

@media screen and (max-width: 1336px) {
  #main #produkty .item {width: 30%;}      
  #main #produkty .item:nth-child(8), #main #produkty .item:nth-child(11) {margin-left: 0%; margin-right: 1.2%;} 
  #main #produkty .item:nth-child(9), #main #produkty .item:nth-child(13) {margin-left: 1.2%;}
  #main #produkty .item:nth-child(14) {margin-left: 0%;}
  #main #produkty .item:nth-child(12) {margin-right: 1.2%;}
  #main #produkty .item:nth-child(20) {margin-left: 0%;}
  #main #prislusenstvi .item {width: 30%;}
  #main #prislusenstvi .item:nth-child(2), #main #prislusenstvi .item:nth-child(5), #main #prislusenstvi .item:nth-child(8) {margin-left: 0%; margin-right: 1.2%;} 
  #main #prislusenstvi .item:nth-child(6) {margin-left: 1.2%;}  
  #main #pod_produkty div img {width: 100%;}
  #main #splatky #mail {margin-top: 10px; float: left; width: 100%;}
}

@media screen and (max-width: 1270px) {
  body {font-size: 20px;}
  #header .nadpis {margin-top: 10px;}
  #header .uzivatel .uziv {width: 170px;}
  #header .vyhledavani input[type="text"]  {width: 160px;}
  #nav ul {width: 100%;}
  #nav ul li {background-position: 95% center;}
  #main #produkty .item .sklad {bottom: 120px;}
  #main #produkty .item .porovnej {padding-top: 2px; padding-bottom: 2px;}
}

@media screen and (max-width: 1120px) { 
  #header {height: 180px;}
  #header .vyhledavani {clear: left; padding-top: 20px;}
  #header .uzivatel {margin-top: 0px;}
  #nav {width: 18%;}  
  #nav #menu_nadpis {background-image: none; padding-left: 5px; padding-right: 0px; text-align: left;}
}

@media screen and (max-width: 980px) {
  #header .uzivatel {margin-top: 20px;}
  #nav, #main {width: 100%; float: none; clear: both; margin-left: auto; margin-right: auto;}
  #nav {max-width: 230px;}
  #nav #menu_nadpis {cursor: pointer; width: 100%; max-width: 230px; padding-left: 17px; padding-right: 20px; background-image: url(../img/menu_cary.png); text-align: right;}
  #nav ul {margin-bottom: 20px; display: none;}
  #nav #filtr {display: none;}
  #nav #telefon {display: none;}
  #nav #newsletter {display: none;}
  #footer .zarovnani .sloup2 {margin-left: 50px;}
  #nav #ukaz_filtr {display: block; width: 200px; background-image: url(../img/nadpis.jpg); margin: 15px auto; border: solid 1px #e3e3e3; color: black; font-size: 68%; height: 26px; padding-top: 10px; text-align: center; cursor: pointer;}  
} 

@media screen and (max-width: 800px) {      
  #main #produkty .item {width: 47%;}
  #main #produkty .item:nth-child(7), #main #produkty .item:nth-child(9) {margin-left: 0%;}
  #main #produkty .item:nth-child(8), #main #produkty .item:nth-child(14) {margin-left: 1.2%;}
  #main #produkty .item:nth-child(13), #main #produkty .item:nth-child(15), #main #produkty .item:nth-child(19) {margin-left: 0%;}
  #main #produkty .item:nth-child(15), #main #produkty .item:nth-child(20) {margin-left: 1.2%;}
  #main #prislusenstvi .item {width: 47%;}
  #main #prislusenstvi .item:nth-child(4), #main #prislusenstvi .item:nth-child(5), #main #prislusenstvi .item:nth-child(6) {margin-left: 0%; margin-right: 1.2%;} 
  #main #prislusenstvi .item:nth-child(5) {margin-left: 1.2%;}
  #main #produkty p.rada {display: none;}
  #main #parametry .sloup {width: 45%; float: none; display: inline-block;}
  #main #kategorie .item {height: 360px;}
}

@media screen and (max-width: 780px) {      
  #footer .zarovnani .sloup1 {margin-left: 20px;}
}

@media screen and (max-width: 700px) {   
  #main #kategorie .item {width: 31%;}
  #main #kategorie div:nth-child(4) {margin-right: 0%;} 
  #main #kategorie div:nth-child(5), #main #kategorie div:nth-child(9) {margin-right: 1%;}
  #main #kategorie div:nth-child(5), #main #kategorie div:nth-child(9) {margin-left: 1%;}
  #main #kategorie div:nth-child(2), #main #kategorie div:nth-child(6) {margin-left: 1%;}
  #main #novinky .item {width: 98%; height: 450px;}
  #main #novinky .item p {height: 60px;}
  #main #novinky .item:nth-child(2) {margin-left: 1%;}
  #main #novinky .item:nth-child(3) {margin-right: 1%;}
  #main #duvody img {display: none;}
  #footer .zarovnani .sloup1 {max-width: 260px;}
  #footer .zarovnani .sloup1, #footer .zarovnani .sloup2, #footer .zarovnani .sloup3 {margin-top: 20px; margin-left: auto; margin-right: auto; width: 100%; float: none; clear: both; max-width: 260px;}
  #main #pod_produkty div {height: 400px; width: 48%; margin-left: 1%!important; margin-right: 1%!important;}
  #main #pod_produkty div:last-of-type {height: 0px;}
  .ms-bullets.ms-dir-h {display: none;}
}

@media screen and (max-width: 650px) {    
  #main #detail #galerie, #main #detail #obsah {width: 100%; max-width: 100%; float: none; clear: both;}
  #main #popis .nadpis {width: 80px }
}

@media screen and (max-width: 600px) { 
  #header {height: 260px;}
  #header .nadpis {display: none;}
  #header .nadpis, #header a.logo, #header .vyhledavani {margin-left: auto; margin-right: auto; float: none; clear: both; text-align: center;}
  #header .vyhledavani {width: 250px;}
  #header .vyhledavani input[type="text"] {width: 80%; max-width: 200px; display: inline-block;}
  #header .vyhledavani input[type="submit"] {display: inline-block;}
  #header .uzivatel {text-align: center; width: 100%; padding-top: 10px;}
  #header .uzivatel .uziv {float: none; display: inline-block; width: 120px; padding-right: 30px;}
  #header .uzivatel .cart {float: none; display: inline-block; padding-right: 20px;}
  #main #duvody .duvod {width: 47%;}
  #main #duvody .duvod:nth-child(5), #main #duvody .duvod:nth-child(6),
  #main #duvody .duvod:nth-child(7), #main #duvody .duvod:nth-child(8),
  #main #duvody .duvod:nth-child(9), #main #duvody .duvod:nth-child(10) {margin-right: 1.5%; margin-left: 1.5%;}
  #main #parametry .sloup {width: 100%;}
  #main .slider .podklad {display: none;}
}

@media screen and (max-width: 570px) {    
  #main #produkty .item {width: 97%; margin-left: 1.2%!important; margin-right: 1.2%!important;}
}

@media screen and (max-width: 550px) {   
  #main #kategorie .item {width: 48%;}
  #main #kategorie div:nth-child(4) {margin-right: 1%;} 
}

@media screen and (max-width: 450px) {
  #main #pod_produkty div {width: 98%; text-align: center; margin-left: auto!important; margin-right: auto!important;}
  #main #prislusenstvi .item {width: 97%;}
  #main #prislusenstvi .item:nth-child(3), #main #prislusenstvi .item:nth-child(5), #main #prislusenstvi .item:nth-child(7), #main #prislusenstvi .item:nth-child(9) {margin-left: 0%; margin-right: 1.2%;} 
}

@media screen and (max-width: 400px) { 
  #main #duvody .duvod {width: 97%; height: 160px;}  
  #main #kategorie .item {width: 98%;}
  #main #produkty h2 {width: 100%; text-align: center;}
  #main #produkty a.radce {margin-left: auto; margin-right: auto; float: none; clear: both; margin-bottom: 10px;}
  #main #produkty a.dalsi {width: 100%;}
  #header .uzivatel .cart {width: 95px;}
  #header .uzivatel .uziv {width: 100px;}
}
.odkaz_vice {color: #01a249;}
.odkaz_vice:hover {text-decoration: none;}
.helper_container {
    padding-top: 40px;
    float: none!important;
    width: 100%!important;
    margin-right: 0!important;
    max-width: 100%!important;    
}
#main #pod_produkty div.text_vlevo {
    float: left;
    width: 70%;
    max-width: 700px;
    margin-right: 0px;
}
#main #pod_produkty div.design_obrazek {
    background-color: #ededed;
    padding: 15px 15px;
    margin-left: 30px;
    max-width: 300px;
    width: calc(30% - 35px);
    float: right;
    margin-right: 0px;
}
#main #pod_produkty div.design_obrazek img{
    width: 100%;
}
#main #pod_produkty div.clr {
    height: 0px!important;
    width: 0%!important;
    margin-left: 0%!important;
    margin-right: 0%!important;
}

@media screen and (max-width: 1375px) {#main #pod_produkty div.text_vlevo {width: 65%;} } 
@media screen and (max-width: 700px) {
    #main #pod_produkty div.design_obrazek {display: none;} 
    #main #pod_produkty div.text_vlevo {width: 90%; margin-left: 0%!important; margin-right: 0%!important; height: auto;}
    #main div.pruvodce_obal.kategorie_vyhody div.pruvodce_skupina_obsah_polozka {overflow: hidden;}
    #main div.pruvodce_obal.kategorie_vyhody div.pruvodce_skupina_obsah_polozka a {display: none;}
    #main #pod_produkty div.helper_container {margin-left: 0!important; margin-right: 0!important;}
}