body {
  font-size: 100%;
}

body {

  color: #4e4946;
  min-width: 320px;
  padding: 0;
  margin: 0;
}
video#bgvideo {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  z-index: -1;
  pointer-events: none;  /* kliky propusti pod video */
}
h2 {
  padding-left: 10px;
  font-size: 2.23em;
  font-variant-caps: small-caps;
text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
color: #FFFFFF;
  font-weight: 700;
  text-decoration: none solid rgb(68, 68, 68);
  font-style: normal;
  font-variant: small-caps;
  text-transform: uppercase;
}
.kategorie_nejprodavanejsi h2 {
  font-family: "Times New Roman", Times, serif;
  padding-left: 10px;
  font-size: 2.2em;
  font-variant-caps: small-caps;
  text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
color: #FFFFFF;
  font-weight: 700;
  text-decoration: none solid rgb(68, 68, 68);
  font-style: normal;
  font-variant: small-caps;
  text-transform: uppercase;
}

h1 {
  padding-left: 10px;
  font-size: 2.5em;
  font-variant-caps: small-caps;
  color: rgba(255,255,128,1);
  font-family: "Times New Roman", Times, serif;
  text-shadow: 1px 3px 0 #969696, 1px 13px 5px #aba8a8, -1px 0px 0px #000000, -1px -1px 0px #000000, 1px 1px 0px #000000;
  font-weight: 700;
  font-style: normal;
  font-variant: small-caps;
  text-transform: capitalize;
}
div#hlavicka {
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  margin: 0 auto;
  height: 150px;
  overflow: visible;
  background: transparent;
}
div.hlavicka_modul_logo a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
    max-width: 100%;
    height: 110px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-align: center;
    align-items: center;
}
ol.Breadcrumb {
  font-weight: 700;
  font-variant: small-caps;
  text-transform: uppercase;
  display: block; 
  margin:0; 
  padding:0; 
}
ol.Breadcrumb li {
  display: inline-block;
  margin-left: 5px; 
  margin-right:5px;
  border: 2px outset #FFFFFF;
  background: rgba(255, 255, 255, 0.8);
}
ol.Breadcrumb li.Breadcrumb_1 {
  margin-left:0;
}

div#slide_menu_kategorie {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: transparent;
  max-width: 1400px;
  margin: 0 auto;
  
  /*podmenu-------------------------------*/
}

.kategorie_uvod {
-webkit-box-shadow: 0px 0px 15px -4px #000000; 
box-shadow: 0px 0px 15px -4px #000000;
border-radius: 10px;
border: 2px outset #FFFFFF;
}

.kategorie_uvod:hover {
-webkit-box-shadow: 0px 0px 15px -4px #ffffff; 
box-shadow: 0px 0px 15px -4px rgb(255,255,153);
border-radius: 10px;
border: 2px #000000;
-moz-transform: scale(1.2) translate(3px, 0px);
-webkit-transform: scale(1.2) translate(3px, 0px);
-o-transform: scale(1.2) translate(3px, 0px);
-ms-transform: scale(1.2) translate(3px, 0px);
transform: scale(1.2) translate(3px, 0px);
}

div.nejprodavanejsi_polozka {
-webkit-box-shadow: 0px 0px 15px -4px #000000; 
box-shadow: 0px 0px 15px -4px #000000;
border-radius: 10px;
border: 2px outset #FFFFFF;
background: rgba(255, 255, 255, 0.8);
}


div.hlavicka_modul_menu_kategorie2 {
  position: absolute;
  top: 100px;
  background: transparent;
  border: 0px;
  display: inline-block;
  margin-bottom: 0px;
}
div#slide_menu_kategorie {
-webkit-box-shadow: 0px 3px 5px 2px rgba(33,33,27,0.75); 
box-shadow: 0px 3px 5px 1px rgba(33,33,27,0.75);
  background: rgba(255, 255, 255, 0.5);
  border: 0px;
}
div#in_body {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  margin-top: 0px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: none;
  padding: 0px;
}
div.sekce_kosik div#prostredek,
div.sekce_objednavka_0 div#prostredek,
div.sekce_objednavka_1 div#prostredek,
div.sekce_objednavka_2 div#prostredek,
div.sekce_objednavka_3 div#prostredek,
div.sekce_objednavka_4 div#prostredek,
div.sekce_objednavka_5 div#prostredek,
div.sekce_objednavka_6 div#prostredek {
  background: transparent;
}
div.ramec_kategorie_basic div.ramec_body ul li a {
  text-decoration: none;
  display: block;
  padding: 15px 15px;
  font-size: 16px;
  margin-bottom: 1px;
  background: transparent;
  color: #ffffff;
  padding-left: 10px;
}

/*                                               polozky v eshopu    */
div.polozka_odkaz a.zobrazit_detail, div.polozka_odkaz a
{
  color: #000000;
}

div.polozka {
  width: 32.3%;
  border: 2px solid #616060;
  background: rgba(255, 255, 255, 0.85);
  margin: 3px 0.5%;
  line-height: 1.1;
  height: 500px;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  padding: 0;
  border-radius: 10px;
  transition: border 0.5s ease;
}

div.polozka:hover {
  border: 2px solid #70d3d0;
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
  background: rgba(255, 255, 255, 1);
}
div.polozka_nazev {

  width: 100%;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 350px;
  left: 5%;
  width: 70%;
  box-sizing: border-box;
  font-size: 2em;
  font-variant-caps: small-caps;
  color: #bfbebe;
  text-shadow: 1px 3px 0 #969696, 1px 13px 5px #aba8a8;
}

div.polozka_nazev a {
  display: block;
  font-weight: 600;
  color: #333333;
  padding: 0px;
  text-align: left;
  overflow: hidden;
  line-height: inherit;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
}

div.polozka_nazev a:hover {
  color: #39b7b3;
}

div.polozka_foto {
  height: 400px;
  text-align: center;
  width: 100%;
  position: relative;
  float: none;
  margin-bottom: 0px;
  top: 5px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

div.polozka_foto img {
  margin: 0 auto;
  border-radius: 0;
  max-width: inherit;
  max-height: inherit;
  height: auto;
  width: auto;
-webkit-box-shadow: 0px 0px 12px 3px #665801; 
box-shadow: 0px 0px 12px 3px #665801;
border: 4px outset #FFE28F;
border-radius: 12px;
}

div.polozka_odkaz {
  color: #000000;
  position: absolute;
  right: 4%;
  bottom: 4%;
}
div.polozka_odkaz a {
  background: #FFFB84;
  background: -moz-linear-gradient(top, #FFFB84 0%, #C3BA00 82%, #8B8948 100%);
  background: -webkit-linear-gradient(top, #FFFB84 0%, #C3BA00 82%, #8B8948 100%);
  background: linear-gradient(to bottom, #FFFB84 0%, #C3BA00 82%, #8B8948 100%);
  color: #000000;
  -webkit-box-shadow: 0px 0px 12px -1px #000000, inset 0px 0px 1px 1px #FFF8A3; 
  box-shadow: 0px 0px 12px -1px #000000, inset 0px 0px 1px 1px #FFF8A3;
}
div.polozka_odkaz a:hover {
  background: #FFFB84;
  background: -moz-linear-gradient(top, #FFFB84 0%, #A9A200 28%, #8B8948 100%);
  background: -webkit-linear-gradient(top, #FFFB84 0%, #A9A200 28%, #8B8948 100%);
  background: linear-gradient(to bottom, #FFFB84 0%, #A9A200 28%, #8B8948 100%);
  color: #FBFF8E;
  -webkit-box-shadow: 0px 0px 12px -1px #000000, inset 0px 0px 1px 1px #FFF8A3; 
  box-shadow: inset 0px 0px 1px 1px #FFF8A3;
}

div.polozka form.form_polozka span.jednotka {
  padding: 0; 
  padding-right: 1em;
}

/*------------------------priznaky*/
div.polozka span.polozka_priznaky {
  float: none;
  margin: 0px;
  left: 5%;
  top: 5%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  z-index: 1;
  min-width: 50px;
  max-width: 70px;
}

div.polozka span.polozka_priznaky span.polozka_gift_cz {
  background: #ffffff;
  color: #3e445e;
  width: 40px;
  height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 2px;
}
span.polozka_priznaky span.polozka_novinka_cz, div.priznak_novinka_cz {
  display: block;
  background: none;
  box-sizing: border-box;
  width: auto;
  height: 30px;
  margin: 2px;
-webkit-box-shadow: 5px 5px 15px 5px #FF8080, -9px 5px 15px 5px #FFE488, -7px -5px 15px 5px #8CFF85, 12px -5px 15px 5px #80C7FF, 12px 10px 15px 7px #E488FF, -10px 10px 15px 7px #FF616B, -10px -7px 27px 1px #8E5CFF, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 5px 5px 15px 5px #FF8080, -9px 5px 15px 5px #FFE488, -7px -5px 15px 5px #8CFF85, 12px -5px 15px 5px #80C7FF, 12px 10px 15px 7px #E488FF, -10px 10px 15px 7px #FF616B, -10px -7px 27px 1px #8E5CFF, 5px 5px 15px 5px rgba(0,0,0,0);
border: 1px outset #FFE28F;
border-radius: 8px;
}

span.polozka_priznaky span.polozka_akce_cz, div.priznak_akce_cz {
  display: block;
  background: none;
  box-sizing: border-box;
  width: auto;
  height: 30px;
  margin: 2px;
-webkit-box-shadow: 5px 5px 15px 5px #FF8080, -9px 5px 15px 5px #FFE488, -7px -5px 15px 5px #8CFF85, 12px -5px 15px 5px #80C7FF, 12px 10px 15px 7px #E488FF, -10px 10px 15px 7px #FF616B, -10px -7px 27px 1px #8E5CFF, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 5px 5px 15px 5px #FF8080, -9px 5px 15px 5px #FFE488, -7px -5px 15px 5px #8CFF85, 12px -5px 15px 5px #80C7FF, 12px 10px 15px 7px #E488FF, -10px 10px 15px 7px #FF616B, -10px -7px 27px 1px #8E5CFF, 5px 5px 15px 5px rgba(0,0,0,0);
border: 1px outset #FFE28F;
border-radius: 8px;
}
span.polozka_priznaky span.polozka_nejprodavanejsi_cz, div.priznak_nejprodavanejsi_cz {
  display: block;
  background: none;
  box-sizing: border-box;
  width: auto;
  height: 30px;
  margin: 2px;
-webkit-box-shadow: 5px 5px 15px 5px #FF8080, -9px 5px 15px 5px #FFE488, -7px -5px 15px 5px #8CFF85, 12px -5px 15px 5px #80C7FF, 12px 10px 15px 7px #E488FF, -10px 10px 15px 7px #FF616B, -10px -7px 27px 1px #8E5CFF, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 5px 5px 15px 5px #FF8080, -9px 5px 15px 5px #FFE488, -7px -5px 15px 5px #8CFF85, 12px -5px 15px 5px #80C7FF, 12px 10px 15px 7px #E488FF, -10px 10px 15px 7px #FF616B, -10px -7px 27px 1px #8E5CFF, 5px 5px 15px 5px rgba(0,0,0,0);
border: 1px outset #FFE28F;
border-radius: 8px;
}

/*                                               moduly v hlavicce    */
div.hlavicka_modul_obsah_kosiku3 {
  color: #616060;
  position: absolute;
  bottom: 35%;
  right: 10px;
  box-sizing: border-box;
  min-width: 220px;
  border-radius: 0px;
}

div.hlavicka_modul_obsah_kosiku3 a {
  color: #bfbebe;
  display: block;
  margin-top: 0;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
}
div.hlavicka_modul_obsah_kosiku3:hover a {
  color: #d16d67;
}
div.hlavicka_modul_fulltextove_vyhledavani {
  position: absolute;
  right: 25%;
  bottom: 35%;
  border: 0;
  width: 25%;
  height: 40px;
  border-radius: 0px;
  background: #ffffff;
  border: 1px solid #f1e8e0;
}

#hlavicka_fulltext_form {
  height: 100%;
  border: 1px solid #bfbebe;
}

div.hlavicka_modul_fulltextove_vyhledavani #fulltext_text {
  background: none;
  border: none;
  color: #333333;
  width: 85%;
  height: 100%;
  box-sizing: border-box;
  padding-left: 10px;
}

div.hlavicka_modul_fulltextove_vyhledavani .submit {
  font-size: 0px;
  position: absolute;
  top: 0px;
  right: -5px;
  height: 100%;
  width: 15%;
  border-radius: 0px;
  border: 0;
}

div.hlavicka_modul_fulltextove_vyhledavani .submit:hover {
  background-size: 20px;
}

div.hlavicka_modul_uzivatel2 {
  overflow: visible;
  padding: 0;
  position: absolute;
  bottom: 35%;
  right: 230px;
}

div.hlavicka_modul_uzivatel2 a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
  font-size: 25px;
}
div.hlavicka_modul_uzivatel2 a {
  text-shadow: 0px 0px 7px #33160E;
  font-weight: 400;
  color: #7c7b7b;
  font-size: 0;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

div.hlavicka_modul_uzivatel2 a:hover {
  color: #bfbebe;
}

div.hlavicka_modul_uzivatel2 ul {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
}

div.hlavicka_modul_uzivatel2 ul li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0;
}

div#bottom {
  background: rgba(255, 255, 255, 0.8);
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  margin-top: 15px;
  padding-top: 0px;
}

/*--------------------------ceny*/
div.polozka tr.cena_s_dph td {
  display: none;
}

div.polozka tr.cena_s_dph td.right {
  position: absolute;
  left: 5%;
  bottom: 45px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 20px;
  padding: 0;

text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #49ff18, 0 0 30px #49FF18, 0 0 40px #49FF18, 0 0 55px #49FF18, 0 0 75px #49ff18;
}

div.polozka tr.cena_s_dph td.right strong {
  font-weight: 400;
}

div.polozka div.polozka_akce_cz tr.cena_s_dph td.right {
  color: #barva2;
}

div.polozka_cena tr.cena_EUR td.right {
  position: absolute;
  left: 5%;
  bottom: 50px;
}

div.polozka_cena tr.cena_sleva td {
  font-size: 0;
}

div.polozka_cena tr.cena_sleva td.right {
  position: absolute;
  bottom: 150px;
  right: 5%;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  background: #c79bf3;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;
}

div.polozka_cena tr.cena_sleva td.right span.mena {
  display: none;
}

div.polozka_cena tr.cena_sleva td.right:before {
  content: "ušetříte";
  display: inline-block;
}

div.polozka tr.cena_puvodni td {
  font-size: 0;
}

div.polozka tr.cena_puvodni td.right {
  position: absolute;
  left: 5%;
  bottom: 75px;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  font-size: 13px;
  color: #9A9A9A;
  padding: 0;
}

div.polozka tr.cena_bez_dph {
  display: none;
}
div.zobrazit_filtraci {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    bottom: 5px;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 555;
}
*.button, *.submit {
    background: rgb(255,255,153);
    color: rgb(102,85,0);
    font-weight: 700;
    padding: 6px 12px;
    letter-spacing: 1px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 5px;
    white-space: inherit;
    border: 1px solid #c478a1;
    -webkit-box-shadow: 0px 0px 15px -4px #000000; 
    box-shadow: 0px 0px 15px -4px #000000;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-variant: small-caps;
text-transform: capitalize;

}

div#detail_zbozi p.kratky_popis {
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
  border-radius: 0px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-variant: small-caps;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 1.5em;
  margin-block-start: 0.2em;
  margin-block-end: 0.2em;
}
div#detail_zbozi .submit,
div.tlacitka-pocet input.button_konverzni {
  width: 50%;
  padding: 11px 12px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 5px;
  background: #FFFB84;
  background: -moz-linear-gradient(top, #FFFB84 0%, #C3BA00 82%, #8B8948 100%);
  background: -webkit-linear-gradient(top, #FFFB84 0%, #C3BA00 82%, #8B8948 100%);
  background: linear-gradient(to bottom, #FFFB84 0%, #C3BA00 82%, #8B8948 100%);
  color: #000000;
  -webkit-box-shadow: 0px 0px 12px -1px #000000, inset 0px 0px 1px 1px #FFF8A3; 
  box-shadow: 0px 0px 12px -1px #000000, inset 0px 0px 1px 1px #FFF8A3;
}
div#detail_zbozi .submit:hover,
input.button_konverzni:hover {
  background: #FFFB84;
  background: -moz-linear-gradient(top, #FFFB84 0%, #A9A200 28%, #8B8948 100%);
  background: -webkit-linear-gradient(top, #FFFB84 0%, #A9A200 28%, #8B8948 100%);
  background: linear-gradient(to bottom, #FFFB84 0%, #A9A200 28%, #8B8948 100%);
  color: #FBFF8E;
  -webkit-box-shadow: 0px 0px 12px -1px #000000, inset 0px 0px 1px 1px #FFF8A3; 
  box-shadow: inset 0px 0px 1px 1px #FFF8A3;
}
table.zbozi_tabulka
{
  background: rgba(255, 255, 255, 0.8);
}
img#img_velky
 {
  max-width: 90%;
  height: auto;
  border: 5px ridge #F7D100;
  border-radius: 4px;
}
div#sekce {
  background: rgba(255, 255, 255, 0.8);
}

form#kosik_form div#kosik_zbozi div.kosik_polozka div.kosik_polozka_oddil div.kosik_pocet_dostupnost div.pocet_kosik_ramecek
{
  border-color: #F7D100;
}
form#kosik_form div#kosik_zbozi div.kosik_polozka {
  border: 2px ridge #F7D100;
  border-radius: 4px;
}
input, input.input_text, select, textarea {
  box-sizing: border-box;
  border: 2px ridge #F7D100;
  border-radius: 4px;
  color: #413535;
  padding: 5px;
  margin: 1px;
  letter-spacing: 1px;
  background: rgba(255, 255, 255, 0.8);
  font-family: "Open Sans", sans-serif !important;
}
input.button_konverzni, div.zbozi_varianta_koupit .submit {
  background: #FFFB84;
  background: -moz-linear-gradient(top, #FFFB84 0%, #C3BA00 82%, #8B8948 100%);
  background: -webkit-linear-gradient(top, #FFFB84 0%, #C3BA00 82%, #8B8948 100%);
  background: linear-gradient(to bottom, #FFFB84 0%, #C3BA00 82%, #8B8948 100%);
  color: #000000;
  -webkit-box-shadow: 0px 0px 12px -1px #000000, inset 0px 0px 1px 1px #FFF8A3; 
  box-shadow: 0px 0px 12px -1px #000000, inset 0px 0px 1px 1px #FFF8A3;
}
div.datum_doruceni {
  background: rgba(255, 255, 128, 0.6);
  color: #CC8800;
  font-size: 1.2em;
  cursor: pointer;
}
DIV#tabs
{
  background: none;
  border-radius: 0;
  border: 0;
  margin-top: 10px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
  border: 0 solid black;
  background: #7b747b;
  font-weight: normal;
  color: #CC8800;
  border-radius: 0;
}