._CookieScriptReportPageCheckbox{
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
._CookieScriptReportPageSaveSettingButton{
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: normal;
  padding: 8px 10px 8px 10px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;  
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  
  background-color: #EE5E21;
  
  -webkit-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  behavior: url(../../../funkce/PIE.php);
}
._CookieScriptReportPageSaveSettingButton:hover{
  opacity: 0.8;
}
._CookieScriptReportPageCheckboxText {
    margin: 0 0 0 12px !important;
}
.obal_souhlas_kosik{
  display: inline-block;
  margin: 0px auto 20px auto;
}

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

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
.some-green-color {
  color: #00a650;
}
.screenshot
{
  position: absolute;
  left: 0;
  top: 0;
  width: 1024px;
  height: 1408px;
  z-index: 999;
}

.screenshot.vestavky
{
  background: url(../../../img/vestavky_screen.jpg) no-repeat top left;
}
.text-center {
  text-align: center;
}
.krytka_okraje {
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.set-banner {
  margin-top: 10px;
  width: 100%;
}
.text-bold {
  font-weight: bold;
}
/*--- Responsivni menu (START) ---*/
#box_obal {
  background-color: #000;
  bottom: 0;
  cursor: pointer;
  display: none;
  left: 0;
  opacity: 0.5;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1;
}
.horni_menu{
  flex-grow: 1;
}
.fotka_kontakty{
  width: 278px;
}
#bez_bordru{
  border-right: 0px;
}

.posledni_polozka_menu{
  background-image: none;
}

.menu-active {
  color: #EB5C21;
}
.obal_submenu {
  left: 0px;
  position: fixed;
  top: 120px;
  width: 100%;
  z-index: 20;
  text-align: left;
  background-color: #FFFFFF;
}
.obal_submenu_in {
  display: block;
  padding: 30px 20px 10px 20px;
}
.blok_submenu_l{
  float: left;
  width: 210px;
  padding: 15px 15px 15px 15px;
  margin-right: 30px;
  background-color: #A4EFFF;
}
.blok_submenu_s{
  float: left;
  width: 730px;
}
.blok_submenu_p{
  /*float: left;
  width: 860px;*/
  display: block;
  margin-left: 940px; /*o zeleny blok s akcemi + blok s kategoriemi*/
}
.banner_submenu_velky img{
  max-width: 100%;
}
.nadpis_kat_submenu{
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  margin: 0px 0px 10px 0px;
}
.polozka_submenu{
  display: block;
  font-size: 12px;
  margin: 0px 0px 5px 0px;
}
.blok_submenu_l a:hover, .polozka_submenu_a{
  color: #2F8C79;
  text-decoration: underline;
}
.obal_kategorie_submenu{
  float: left;
  width: 25%;
  min-height: 110px;
  padding: 0px 2% 0px 6%;
  margin-bottom: 20px;
  overflow: hidden;
  background-position: left top;
  background-repeat: no-repeat;
}
.submenu_iko_granitove_drezy{
  background-image: url("/img/hlava/ikony_submenu/drezy/granitove_drezy.png");
}
.submenu_iko_granitove_sety__drez_a_baterie{
  background-image: url("/img/hlava/ikony_submenu/drezy/granitove_sety__drez_a_baterie.png");
}
.submenu_iko_nerezove_drezy{
  background-image: url("/img/hlava/ikony_submenu/drezy/nerezove_drezy.png");
}

.submenu_iko_cisticky_vzduchu{
  background-image: url("/img/hlava/ikony_submenu/drobne_domaci_spotrebice/cisticky_vzduchu.png");
}
.submenu_iko_kuchynske_spotrebice{
  background-image: url("/img/hlava/ikony_submenu/drobne_domaci_spotrebice/kuchynske_spotrebice.png");
}
.submenu_iko_pece_o_telo{
  background-image: url("/img/hlava/ikony_submenu/drobne_domaci_spotrebice/pece_o_telo.png");
}
.submenu_iko_vysavace{
  background-image: url("/img/hlava/ikony_submenu/drobne_domaci_spotrebice/vysavace.png");
}
.submenu_iko_zehlicky{
  background-image: url("/img/hlava/ikony_submenu/drobne_domaci_spotrebice/zehlicky.png");
}

.submenu_iko_digestore{
  background-image: url("/img/hlava/ikony_submenu/vestavne_spotrebice/digestore.png");
}
.submenu_iko_grily_a_fritezy{
  background-image: url("/img/hlava/ikony_submenu/vestavne_spotrebice/grily_a_fritezy.png");
}
.submenu_iko_kavovary{
  background-image: url("/img/hlava/ikony_submenu/vestavne_spotrebice/kavovary.png");
}
.submenu_iko_lednice_a_mrazaky{
  background-image: url("/img/hlava/ikony_submenu/vestavne_spotrebice/lednice_a_mrazaky.png");
}
.submenu_iko_mikrovlnne_trouby{
  background-image: url("/img/hlava/ikony_submenu/vestavne_spotrebice/mikrovlnne_trouby.png");
}
.submenu_iko_pracky{
  background-image: url("/img/hlava/ikony_submenu/vestavne_spotrebice/pracky.png");
}
.submenu_iko_televizory{
  background-image: url("/img/hlava/ikony_submenu/vestavne_spotrebice/televizory.png");
}
.submenu_iko_trouby{
  background-image: url("/img/hlava/ikony_submenu/vestavne_spotrebice/trouby.png");
}
.submenu_iko_varne_desky{
  background-image: url("/img/hlava/ikony_submenu/vestavne_spotrebice/varne_desky.png");
}
.submenu_iko_vestavne_mycky{
  background-image: url("/img/hlava/ikony_submenu/vestavne_spotrebice/vestavne_mycky.png");
}
.submenu_iko_vinoteky{
  background-image: url("/img/hlava/ikony_submenu/vestavne_spotrebice/vinoteky.png");
}
.submenu_iko_zasuvky{
  background-image: url("/img/hlava/ikony_submenu/vestavne_spotrebice/zasuvky.png");
}

.submenu_iko_lednice_a_mrazaky{
  background-image: url("/img/hlava/ikony_submenu/volne_stojici_spotrebice/lednice_a_mrazaky.png");
}
.submenu_iko_mikrovlnne_trouby{
  background-image: url("/img/hlava/ikony_submenu/volne_stojici_spotrebice/mikrovlnne_trouby.png");
}
.submenu_iko_mycky_nadobi{
  background-image: url("/img/hlava/ikony_submenu/volne_stojici_spotrebice/mycky_nadobi.png");
}
.submenu_iko_pracky{
  background-image: url("/img/hlava/ikony_submenu/volne_stojici_spotrebice/pracky.png");
}
.submenu_iko_sporaky{
  background-image: url("/img/hlava/ikony_submenu/volne_stojici_spotrebice/sporaky.png");
}
.submenu_iko_susicky_pradla{
  background-image: url("/img/hlava/ikony_submenu/volne_stojici_spotrebice/susicky_pradla.png");
}
.submenu_iko_vinoteky{
  background-image: url("/img/hlava/ikony_submenu/volne_stojici_spotrebice/vinoteky.png");
}

/*--- Responsivni menu (KONEC) ---*/
.img_small_foto{
  float: left;
  margin-right: 15px;
  min-height: 165px;
}
/*--- Hlavicka (START) ---*/
.logo{
  flex-shrink: 0;
}
.row1-menu{
  display: flex;
  flex-flow: row nowrap;
}
.row1-menu .item{
  color: #FFFFFF;
  font-size: 14px;
  line-height: 20px;
  padding: 10px;
  text-decoration: none;
}
.row1-menu .item:hover{
  background-color: #278EA1;
}

.row1-icons{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 20px;

}
.row1-icon{
  display: flex;
  justify-content: center;
  align-items: center;
}
.row2-menu{
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
}
.row2-menu .item-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #C9C9C9;
  padding: 0 30px;
  min-height: 44px;
  text-decoration: none;
  box-sizing: border-box;
  max-width: 200px;
}
.row2-menu .item-wrapper:hover{
  color: #EB5C21;
}
.row2-menu .item-wrapper:first-of-type{
  padding-left: 0;
}
.row2-menu .item-wrapper:last-of-type{
  border-right: none;
  border-bottom: none;
  padding-right: 0;
}

.row2-menu .item {
  display: inline;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;

  position: relative;
  text-transform: uppercase;
  text-align: center;
  z-index: 22;

}

.row2-responsive-btn{
  display: none;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  cursor: pointer;
  border: none;
  position: relative;
  flex-shrink: 0;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;

  background-color: #EE5E21;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#EE5E21), to(#B24028)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#EE5E21, #B24028); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#EE5E21, #B24028); /* Opera */
  background-image: -o-linear-gradient(#EE5E21, #B24028); /* Opera */
  background-image: -ms-linear-gradient(#EE5E21, #B24028); /* pro IE10 */
  background-image: linear-gradient(#EE5E21, #B24028); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE5E21',endColorstr='#B24028'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */

  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.row2-responsive-btn span {
  display: block;
  position: absolute;
  width: 26px;
  height: 4px;
  background-color: #FFFFFF;
  opacity: 1;
  left: 12px;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  border-radius: 2px;
}

.row2-responsive-btn span:nth-child(1) {
  top: 14px;
}
.row2-responsive-btn span:nth-child(2) {
  top: 23px;
}
.row2-responsive-btn span:nth-child(3) {
  top: 32px;
}

.row2-responsive-btn.active span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 23px;
}
.row2-responsive-btn.active span:nth-child(2) {
  opacity: 0;
}
.row2-responsive-btn.active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 23px;
}

.create-set{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 15px;

  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
  height: 50px;
  padding: 0 30px;

  background-color: #EE5E21;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#EE5E21), to(#B24028)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#EE5E21, #B24028); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#EE5E21, #B24028); /* Opera */
  background-image: -o-linear-gradient(#EE5E21, #B24028); /* Opera */
  background-image: -ms-linear-gradient(#EE5E21, #B24028); /* pro IE10 */
  background-image: linear-gradient(#EE5E21, #B24028); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE5E21',endColorstr='#B24028'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */

  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.create-set:hover{
  text-decoration: none;
  opacity: 0.8;
}
.create-set:visited, .create-set:link{
  color: #FFFFFF;
}
.create-set > img{
  flex-shrink: 0;
}
.create-set-text{
  min-width: 70px;
}

.header-icon{
  flex-shrink: 0;
  background-size: 100%;
  height: 50px;
  width: 50px;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  cursor: pointer;
}
.search-icon{
  background-image: url("/img/hlava/ic-search-button.png");
}
.search-icon:hover, .search-icon.active {
  background-image: url("/img/hlava/ic-search-button-hover.png");
}

.search{
  display: none;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  top: 100%;
  left: 0;
  padding: 10px 40px;
  background-color: #FFFFFF;
  z-index: 30;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(161,161,161,1);
  -moz-box-shadow: 0px 2px 5px 0px rgba(161,161,161,1);
  box-shadow: 0px 2px 5px 0px rgba(161,161,161,1);
}
.search-wrapper{

  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  /*background-color: #EE5E21;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#EE5E21), to(#B24028)); /* Chrome a Safari*/
  /*background-image: -webkit-linear-gradient(#EE5E21, #B24028); /* Chrome a Safari*/
  /*background-image: -moz-linear-gradient(#EE5E21, #B24028); /* Opera */
  /*background-image: -o-linear-gradient(#EE5E21, #B24028); /* Opera */
  /*background-image: -ms-linear-gradient(#EE5E21, #B24028); /* pro IE10 */
  /*background-image: linear-gradient(#EE5E21, #B24028); /* CSS3 */
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE5E21',endColorstr='#B24028'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
  margin: 0 auto;
  max-width: 500px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.search-input{

  height: 24px;
  line-height: 24px;
  font-size: 16px;
  padding: 8px 20px 8px 20px;
  border-top: 1px solid #EE5E21;
  border-right: 0px solid #EE5E21;
  border-bottom: 1px solid #EE5E21;
  border-left: 1px solid #EE5E21;
  
  -webkit-border-radius: 20px 0px 0px 20px;
  -moz-border-radius: 20px 0px 0px 20px;
  border-radius: 20px 0px 0px 20px;
  flex-grow: 1;
}
.search-button{
  float: left;
  width: 62px;
  border: 0px;
  text-indent: -9999px;
  flex-shrink: 0;

  background: url("/img/hlava/ic-search.png") center center no-repeat, linear-gradient(#EE5E21, #B24028);

  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
}


/* našeptávač vyhledávání */
.ui-widget-content {
  padding: 2px 3px!important;
  border: 1px solid #b4e0ea!important;
  color: #108094!important;
}
.ui-menu .ui-menu-item {
    padding: 8px 1em 9px 1.6em!important;
    font-size: 13px!important;
}
.ui-state-focus {
  border: 1px solid #b4e0ea!important;
    background: #d3edf3!important;
    color: #1b8598!important;
}

.obal_tlacitka_hlava{
  position: relative;
  float: right;
  margin: 11px 20px 11px 0px;
}

.cart-icon{
  background-image: url("/img/hlava/ic-cart.png");
}
.cart-icon:hover, .cart-icon.active{
  background-image: url("/img/hlava/ic-cart-hover.png");
}

.header-cart{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
  color: #EB5C21;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  flex-shrink: 0;
}
.header-cart-text{

}
.header-cart-pcs{
  color: #46B4CE;
}
/*.obal_kosik_hlava{
  display: none;
  position: absolute;
  right: 0px;
  top: 39px;
  width: 580px;
  padding: 0px 20px 10px 20px;
  
  background-color: #EE5E21;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#EE5E21), to(#B24028)); /* Chrome a Safari*/
  /*background-image: -webkit-linear-gradient(#EE5E21, #B24028); /* Chrome a Safari*/
  /*background-image: -moz-linear-gradient(#EE5E21, #B24028); /* Opera */
  /*background-image: -o-linear-gradient(#EE5E21, #B24028); /* Opera */
  /*background-image: -ms-linear-gradient(#EE5E21, #B24028); /* pro IE10 */
  /*background-image: linear-gradient(#EE5E21, #B24028); /* CSS3 */
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE5E21',endColorstr='#B24028'); /* IE9 a starsi*/
  /*zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
/*}
.polozka_kosiku_hlava{
  display: block;
  padding: 10px 10px 10px 10px;
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
  line-height: 50px;
}
.kosik_hlava_img{
  float: left;
  height: 50px;
  width: 60px;
  text-align: center;
  background-color: #FFFFFF;
  overflow: hidden;
  margin-right: 20px;
}
.kosik_hlava_img img{
  max-height: 50px;
  max-width: 60px;
}
.kosik_hlava_nazev{
  float: left;
  width: 260px;
  height: 50px;
  margin-right: 20px;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.kosik_hlava_nazev a:link, .kosik_hlava_nazev a:visited{
  color: #FFFFFF;
  text-decoration: underline;
}
.kosik_hlava_nazev a:hover{
  color: #FFFFFF;
  text-decoration: none;
}
.kosik_hlava_pocet{
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 20px;
  text-align: center;
}
.kosik_hlava_cena{
  float: left;
  width: 70px;
  height: 50px;
  margin-right: 20px;
  font-weight: bold;
  text-align: right;
}
.kosik_hlava_smaz{
  float: left;
  width: 28px;
  height: 28px;
  margin: 11px 0px 11px 0px;
  background-color: #FFFFFF;
  cursor: pointer;
  
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/img/hlava/muj-ucet_ic.png");
  
  -webkit-border-radius: 14px 14px 14px 14px;
  -moz-border-radius: 14px 14px 14px 14px;
  border-radius: 14px 14px 14px 14px;
  behavior: url(../../../funkce/PIE.php);
}
.tl_do_kosiku_hlava{
  display: inline-block;
  border: 5px solid #C58720;
  height: 14px;
  line-height: 14px;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 20px 10px 20px;
  
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#D7D7D7)); /* Chrome a Safari*/
  /*background-image: -webkit-linear-gradient(#FEFEFE, #D7D7D7); /* Chrome a Safari*/
  /*background-image: -moz-linear-gradient(#FEFEFE, #D7D7D7); /* Opera */
  /*background-image: -o-linear-gradient(#FEFEFE, #D7D7D7); /* Opera */
  /*background-image: -ms-linear-gradient(#FEFEFE, #D7D7D7); /* pro IE10 */
  /*background-image: linear-gradient(#FEFEFE, #D7D7D7); /* CSS3 */
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE',endColorstr='#D7D7D7'); /* IE9 a starsi*/
  /*zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
  
  /*-webkit-border-radius: 22px 22px 22px 22px;
  -moz-border-radius: 22px 22px 22px 22px;
  border-radius: 22px 22px 22px 22px;
  behavior: url(../../../funkce/PIE.php);
}
.tl_do_kosiku_hlava:hover{
  opacity: 0.8;
}
.tl_muj_ucet{
  float: left;
  width: 76px;
  height: 14px;
  line-height: 14px;
  padding: 6px 36px 6px 14px;
  color: #FFFFFF;
  text-align: center;
  border: 1px solid #4DB6A5;
  cursor: pointer;
  
  background-position: 94px center;
  background-repeat: no-repeat;
  background-image: url("/img/hlava/muj-ucet_ic.png");
  
  -webkit-border-radius: 14px 14px 14px 14px;
  -moz-border-radius: 14px 14px 14px 14px;
  border-radius: 14px 14px 14px 14px;
  behavior: url(../../../funkce/PIE.php);
}
.tl_muj_ucet:hover{
  background-color: #4DB6A5;
}
.obal_muj_ucet{
  display: none;
  position: absolute;
  right: 0px;
  top: 39px;
  width: 520px;
  padding: 20px 30px 20px 30px;
  background-color: #3FABC5;
  color: #FFFFFF;
}*/
.login_polozka_obal{
  float: left;
  width: 49%;
  height: 54px;
  margin-right: 2%;
  margin-bottom: 15px;
}
.login_polozka_text{
  display: block;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  font-weight: bold;
  font-size: 14px;
}
.login_polozka_obal input{
  float: left;
  width: 92%;
  height: 20px;
  line-height: 20px;
  padding: 5px 4% 5px 4%;
  background-color: #FFFFFF;
  border: 0px;
}
.info_registrace{
  float: left;
  line-height: 32px;
}
.info_registrace_odkaz{
  cursor: pointer;
  text-decoration: underline;
}
.info_registrace_odkaz:hover{
  text-decoration: none;
}
.tl_prihlasit{
  float: right;
  width: 150px;
  height: 32px;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  border: 0px;
  
  -webkit-border-radius: 16px 16px 16px 16px;
  -moz-border-radius: 16px 16px 16px 16px;
  border-radius: 16px 16px 16px 16px;
  behavior: url(../../../funkce/PIE.php);
  
  background-color: #DADADA;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#EFEFEF), to(#D2D2D2)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#EFEFEF, #D2D2D2); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#EFEFEF, #D2D2D2); /* Opera */
  background-image: -o-linear-gradient(#EFEFEF, #D2D2D2); /* Opera */
  background-image: -ms-linear-gradient(#EFEFEF, #D2D2D2); /* pro IE10 */
  background-image: linear-gradient(#EFEFEF, #D2D2D2); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF',endColorstr='#D2D2D2'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.tl_prihlasit:hover{ 
  background-color: #B8B8B8;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#EFEFEF), to(#B8B8B8)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#EFEFEF, #B8B8B8); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#EFEFEF, #B8B8B8); /* Opera */
  background-image: -o-linear-gradient(#EFEFEF, #B8B8B8); /* Opera */
  background-image: -ms-linear-gradient(#EFEFEF, #B8B8B8); /* pro IE10 */
  background-image: linear-gradient(#EFEFEF, #B8B8B8); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF',endColorstr='#B8B8B8'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.tl_heslo{
  float: right;
  width: 150px;
  height: 32px;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  border: 0px;
  margin-top: 22px;
  
  -webkit-border-radius: 16px 16px 16px 16px;
  -moz-border-radius: 16px 16px 16px 16px;
  border-radius: 16px 16px 16px 16px;
  behavior: url(../../../funkce/PIE.php);
  
  background-color: #DADADA;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#EFEFEF), to(#D2D2D2)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#EFEFEF, #D2D2D2); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#EFEFEF, #D2D2D2); /* Opera */
  background-image: -o-linear-gradient(#EFEFEF, #D2D2D2); /* Opera */
  background-image: -ms-linear-gradient(#EFEFEF, #D2D2D2); /* pro IE10 */
  background-image: linear-gradient(#EFEFEF, #D2D2D2); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF',endColorstr='#D2D2D2'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.tl_heslo:hover{ 
  opacity: 0.8;
}
.zapomenute_heslo{
  display: none;
}
.na_prihlaseni{
  float: left;
  cursor: pointer;
  text-decoration: underline;
}
.na_prihlaseni:hover{
  text-decoration: none;
}
.obal_odhlasit{
  text-align: center;
}
.odhlasit_nadpis{
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  text-align: center;
}
.odhlasit_kdo{
  display: block;
  font-size: 18px;
  text-align: center;
}
.odhlasit_link{
  display: inline-block;
  width: 110px;
  height: 22px;
  line-height: 22px;
  padding: 5px 20px 5px 20px;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 10px;
  
  -webkit-border-radius: 16px 16px 16px 16px;
  -moz-border-radius: 16px 16px 16px 16px;
  border-radius: 16px 16px 16px 16px;
  behavior: url(../../../funkce/PIE.php);
  
  background-color: #DADADA;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#EFEFEF), to(#D2D2D2)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#EFEFEF, #D2D2D2); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#EFEFEF, #D2D2D2); /* Opera */
  background-image: -o-linear-gradient(#EFEFEF, #D2D2D2); /* Opera */
  background-image: -ms-linear-gradient(#EFEFEF, #D2D2D2); /* pro IE10 */
  background-image: linear-gradient(#EFEFEF, #D2D2D2); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF',endColorstr='#D2D2D2'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.odhlasit_link:hover{ 
  opacity: 0.8;
}
.banner_submenu_maly{
  display: none;
}
.banner_submenu_velky {  
  min-height: 358px;
  margin-bottom: -30px;
  background-size: contain;
  
  background-position: right top;
  background-repeat: no-repeat;
  background-image: url("/img/hlava/img-bg-menu.png");
}

/*--- Hlavicka (KONEC) ---*/
/*--- Paticka (START) ---*/

.pruh_reklama{
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background-color: #111111;
  color: #FFFFFF;
  font-size: 16px;
  z-index: 15;
  padding-right: 37px;
  box-sizing: border-box;
}
.pruh_reklama a, .pruh_reklama a:link, .pruh_reklama a:hover{
	color: #FFFFFF;
}

.pruh_reklama_in{
	width: 1220px;
  margin: 0px auto 0px auto;
  height: 30px;
  line-height: 30px;
  padding: 10px 10px 10px 10px;
}
.reklama_pruh_text1{
  padding: 0px 15px 0px 0px;
  border-right: 1px solid #292929;
}
.reklama_pruh_text1 strong{
  color: #F86132;
}
.reklama_pruh_text2{
  font-size: 14px;
  padding: 0px 15px 0px 15px;
}
#close-marketing-fixed-shits {
  position: absolute;
  right: 5px;
  top: 15px;
  display: none;
  border: 0;
  background: none;
}
.pata_sestavit_set{
  height: 14px;
  line-height: 14px;
  width: 130px;
  padding: 8px 10px 8px 10px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  margin-right: 30px;
  _margin-left: 15px;
  cursor: pointer;
  font-size: 14px;
  float: left;
  
  background-color: #EE5E21;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#EE5E21), to(#B24028)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#EE5E21, #B24028); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#EE5E21, #B24028); /* Opera */
  background-image: -o-linear-gradient(#EE5E21, #B24028); /* Opera */
  background-image: -ms-linear-gradient(#EE5E21, #B24028); /* pro IE10 */
  background-image: linear-gradient(#EE5E21, #B24028); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE5E21',endColorstr='#B24028'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
  
  -webkit-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  behavior: url(../../../funkce/PIE.php);
}
.pata_sestavit_set:hover{
  background-color: #EE5823;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF6738), to(#EE5823)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#FF6738, #EE5823); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#FF6738, #EE5823); /* Opera */
  background-image: -o-linear-gradient(#FF6738, #EE5823); /* Opera */
  background-image: -ms-linear-gradient(#FF6738, #EE5823); /* pro IE10 */
  background-image: linear-gradient(#FF6738, #EE5823); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6738',endColorstr='#EE5823'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.pata_sestavit_set img{
  margin-left: 5px;
}
.obal_banner_pata{
  display: block;
  margin-bottom: 20px;
}
.obal_banner_pata img{
  max-width: 100%;
}
.blok_seznam_pata{
  float: left;
  width: 49%;
  /*height: 78px;*/
  line-height: 29px;
  border: 1px solid #E9E9E9;
  padding: 10px 20px 10px 20px;
  margin: 0px 2% 20px 0px;
  
  /*pokud budu davat bordery a zaroven budu potrebovat procenta, tak toto pocita bordery dovnitr 
  a klidne mohu dat sirku bloku 50% a bordery 3px a nerozpadne se.
  "Hodnota border-box znamena, ze se jako sirka a vyska chapou rozmery prvku vcetnÄ› border a padding."
  "Hodnota content-box je vychozĂ­. Velikost paddingu a ramecku (border) se do rozmeru (width a height) nepocita"*/
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.obr_seznam_pata{
  float: left;
  height: 58px;
  width: 36px;
  overflow: hidden;
  margin-right: 10px;
  text-align: center;
}
.obr_seznam_pata img{
  max-height: 58px;
  max-width: 36px;
}
.nadpis_seznam_pata{
  display: block;
  font-weight: bold;
  font-size: 18px;
}
.obel_seznam_pata_in{
  display: block;
}
.text_seznam_pata{
  float: left;
  width: 70%;
}
.tl_seznam_pata{
  float: right;
  width: 20%;
  height: 20px;
  line-height: 20px;
  border: 1px solid #E9E9E9;
  background-color: #F1F1F1;
  color: #000000;
  text-align: center;
  font-size: 12px;
  
  -webkit-border-radius: 11px 11px 11px 11px;
  -moz-border-radius: 11px 11px 11px 11px;
  border-radius: 11px 11px 11px 11px;
  behavior: url(../../../funkce/PIE.php);
}
.tl_seznam_pata:hover{
  background-color: #E4E4E4;
}
.pruh_log_pata_first {
  display: block;
  text-align: center;
  margin: 15px 0px 0px 0px;
}
.pruh_log_pata_second {
  display: block;
  text-align: center;
  margin: 0px 0px 0px 0px;
}
.pruh_log_pata_third {
  display: block;
  text-align: center;
  margin: 0px 0px 25px 0px;
}
.logo_firmy_pata{
  display: inline-block;
  height: 46px;
  line-height: 46px;
  margin: 0px 10px 10px 10px;
}
.obal_sloupce_pata{
  display: block;
  margin-bottom: 20px;
}
.sloupec_pata, .sloupec_vypis_kat, .sloupec_vypis_produkt, .sloupec_vypis_kat_home{
  float: left;
  width: 24%; /*22*/
  margin-right: 1%; /*4*/
  margin-bottom: 15px;
}
.barevne_odkazy{
  width: 18%;
  margin-right: 1%;
  margin-left: 1%;
}
.sloupec_vypis_kat_home:hover{
  box-shadow: #CCCCCC 2px 2px 4px;
  -webkit-box-shadow: #CCCCCC 2px 2px 4px;
  -moz-box-shadow: #CCCCCC 2px 2px 4px;
}
.hlava_sloupec_pata{
  display: block;
  height: 54px;
  line-height: 24px;
  padding: 18px 22px 18px 92px;
  color: #FFFFFF;
  font-size: 18px;
  background-color: #4CBBD7;
  
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 56px auto;
  
  -webkit-border-radius: 45px 45px 45px 45px;
  -moz-border-radius: 45px 45px 45px 45px;
  border-radius: 45px 45px 45px 45px;
  behavior: url(../../../funkce/PIE.php);
}
.sloupec_pata_1{
  background-image: url("/img/pata/doprava-zdarma_ic.png");
}
.sloupec_pata_2{
  background-image: url("/img/pata/zapojeni-zdarma_ic.png");
}
.sloupec_pata_3{
  background-image: url("/img/pata/darek-zdarma_ic.png");
}
.sloupec_pata_4{
  background-image: url("/img/pata/online-poradna_ic.png");
}
.sloupec_pata_5{
  background-image: url("/img/pata/prodlouzena-zaruka-ic.png");
}
.barevne_odkazy a:hover, .barevne_odkazy a:hover .hlava_sloupec_pata{
  text-decoration: none;
  background-color: #44AAC4;
}
.nadpis_sloupec_pata{
  display: block;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;  
}
.sloupec_pata ul{
  padding-left: 15px;
}
.sloupec_pata li{
  color: #ED5A26;
}
.polozka_sloupec_pata, .polozka_sloupec_pata a{
  color: #000000;  
}
.blok_soc_site_tvorba{
  display: block;
  text-align: center;
  padding: 20px 0px 20px 0px;
  border-top: 1px solid #E8E8E8;
}
.socialni_sit{
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 0px 10px 15px 10px;
  background-position: left top;
  background-repeat: no-repeat;
}
.logo_bosch{
  display: inline-block;
  width: 280px;
  height: 103px;
  margin: 0px 30px 0px 30px;
  cursor: pointer;
  background-image: url(/img/pata/footer-1.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
.logo_electrolux{
  display: inline-block;
  height: 36px;
  max-width: 100%;
  max-height: 100%;
  margin: 0px 30px 0px 30px;
  cursor: pointer;
}
.logo_stellapoint{
  height: 50px;
  max-width: 100%;
  max-height: 100%;
  margin: 0px 30px 0px 30px;
  cursor: pointer;
}
.logo_siemens{
  display: inline-block;
  width: 256px;
  /* height: 103px; */
  height: 115px;
  margin: 0px 30px 0px 30px;
  cursor: pointer;
  background-image: url(/img/pata/footer-2.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
.pata_fb{
  background-image: url("/img/pata/loga_site/fb.png");
}
.pata_tw{
  background-image: url("/img/pata/loga_site/twitter.png");
}
.pata_go{
  background-image: url("/img/pata/loga_site/google.png");
}
.pata_yo{
  background-image: url("/img/pata/loga_site/youtube.png");
}
.socialni_sit:hover{
  opacity: 0.7;
}
.tvurce_pata{
  display: inline-block;
}
.line_cookies{
  margin-left: auto;
  margin-right: auto;
  color: #000;
  padding: 20px 0;
  text-align: center;
}
.line_cookies a{
  color: #000;
}

/*--- Paticka (KONEC) ---*/
/*--- Home (START) ---*/

.banner-sets{
  display: block;
  background-color: #FFFFFF;

}
.banner-sets:hover{
  text-decoration: none;
}
.banner-sets-in{
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.sets-text{
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
  font-size: 18px;
  line-height: 26px;
  max-width: 470px;
}
.sets-text h1{
  font-size: 60px;
  line-height: 70px;
  font-weight: 300;
  text-transform: uppercase;
  margin: 0;
}
.sets-text p{
  margin: 0;
}
.sets-img{
  display: flex;
  justify-content: center;
  align-items: center;
}
.sets-img img{
  max-height: 100%;
}
.sets-img-pc{
  display: block;
}
.sets-img-mobile{
  display: none;
}
.sets-btn{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 15px;

  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
  width: fit-content;
  height: 50px;
  padding: 0 30px;
  background-image: linear-gradient(#EE5E21, #B24028);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.sets-btn:hover{
  text-decoration: none;
  opacity: 0.8;
}
.sets-btn.mobile{
  display: none;
}
.sets-btn > img{
  flex-shrink: 0;
}

.obal_slider_home{
  position: relative; /*jen skrze fungovani z-index*/
  display: block;
  clear: both;
  z-index: 5;
  margin: 0px auto 0px auto;
  text-align: center;
  background-color: #FFFFFF;
}
.home_proc_nakupovat_obal{
  position: relative;
  left: 0px;
  top: 0px;
  width: 100%;
  text-align: center;
  z-index: 10;
  padding: 40px 0 20px 0;
}
.proc_nakupovat_hlava{
  display: block;
}
.proc_nakupovat_dole{
  display: none;
}
.home_proc_nakupovat{
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
  width: 100%;
  margin: 0 auto;
  max-width: 1160px;
  padding: 20px 30px 20px 30px;
  color: #FFFFFF;
  
  background-position: left top;
  background-repeat: repeat;
  background-image: url("/img/cerna_63.png");
}
.h2_proc_nakupovat{
  display: block;
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #6E6E6E;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 28px;
  margin: 0;
}
.lists_proc_nakupovat{
  display: flex;
  flex-flow: row nowrap;
  column-gap: 10px;
}
.lists_proc_nakupovat ul{
  flex: 1;
  text-align: left;
  font-size: 16px;
  color: #ED5D1E;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lists_proc_nakupovat li{
  margin-bottom: 4px;
}
.proc_nakupovat_obal_tl{
  display: block;
  clear: both;
  text-align: center;
}
.bila_barva{
  color: #FFFFFF;
}
.bila_barva a{
  color: #FFFFFF;
}
.bila_barva a:hover{
  color: #ED5D1E;
  text-decoration: none;
}
.tl_proc_nakupovat{
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  border: 1px solid #6E6E6E;
  padding: 8px 40px 8px 25px;
  color: #FFFFFF;
  
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  behavior: url(../../../funkce/PIE.php);  
}
.tl_proc_nakupovat:hover{
  border: 1px solid #ED5D1E; 
  color: #ED5D1E;
}

.home_slider_title{
  position: absolute;
  left: 0px;
  top: 25%;
  width: 100%;
  font-size: 70px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 75px;
  text-align: center;
  margin: 0px;
}


.obal_sipka_dolu{
  position: fixed;
  bottom: 89px;
  width: 100%;
  text-align: center;
}

.sipka_dolu_hp{
  display: inline-block;
  cursor: pointer;
  width: 54px;
  height: 54px;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url("../../../images/web/ic-but.png");
}

.h2_sestavit_home{
  display: block;
  line-height: 40px;
  font-weight: bold;
  font-size: 36px;
  margin: 0px 0px 15px 0px;
}
.h2_sestavit_detail{
  display: block;
  line-height: 34px;
  font-weight: bold;
  font-size: 32px;
  margin: 0px 0px 15px 0px;
}
.action_text{
  margin: 1em 0;
  font-size: 16px;
  font-weight: bold;
}
.cashback-detail {
  margin: 16px 0 9px;
  padding: 12px 8px 14px;
  border: 2px solid #e46b44;
  background: #fff;
  font-weight: bold;
  font-size: 21px;
  color: #e46b44;
}
  .cashback-detail .black {
    color: #383838;
  }
  .cashback-detail .note {
    display: block;
    font-weight: 300;
    font-size: 80%;
  }
.text_sestavit_home{
  display: block;
  clear: both;
  font-size: 15px;
  line-height: 22px;
  margin: 0px 0px 0px 0px;
}
.text_sestavit_detail{
  display: block;
  clear: both;
  font-size: 15px;
  line-height: 22px;
  margin: 0px 0px 0px 0px;
}
.tl_sestavit_home, .tl_sestavit_detail{
  position: relative;
  float: left;
  width: 134px;
  height: 14px;
  line-height: 14px;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 8px 30px 8px 20px;
  margin: 25px 0px 0px 0px;
  cursor: pointer;
  font-weight: bold;
  
  -webkit-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  behavior: url(../../../funkce/PIE.php);  
  
  background-color: #EB5727;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FE6637), to(#D94716)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#FE6637, #D94716); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#FE6637, #D94716); /* Opera */
  background-image: -o-linear-gradient(#FE6637, #D94716); /* Opera */
  background-image: -ms-linear-gradient(#FE6637, #D94716); /* pro IE10 */
  background-image: linear-gradient(#FE6637, #D94716); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE6637',endColorstr='#D94716'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.tl_sestavit_home:hover, .tl_sestavit_detail:hover{
  background-color: #EE5823;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF6738), to(#EE5823)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#FF6738, #EE5823); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#FF6738, #EE5823); /* Opera */
  background-image: -o-linear-gradient(#FF6738, #EE5823); /* Opera */
  background-image: -ms-linear-gradient(#FF6738, #EE5823); /* pro IE10 */
  background-image: linear-gradient(#FF6738, #EE5823); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6738',endColorstr='#EE5823'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.blok_home_kategorie{
  display: block;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("/img/bg-category.jpg");
}
.obal_vypis_kategorie_home{
  position: relative;
  display: block;
  padding: 25px 0px 10px 0px;
}
.polozka_vypis_kat_home{
  display: block;
  background-color: #FFFFFF;
  padding: 15px;
}
.obal_img_vypis_kategorie_home{
  float: left;
  width: 100px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  margin-right: 15px;
}
.obal_img_vypis_kategorie_home img{
  max-width: 100px;
  max-height: 90px;
}
.obal_txt_vypis_kategorie_home{
  display: block;
  overflow: hidden;
}
.obal_txt_vypis_kategorie_home td{
  height: 90px;
  vertical-align: middle;
}
.h2_vypis_kategorie_home{
  display: block;
  clear: both;
  margin: 0px;
  font-size: 18px;
  line-height: 25px;
  color: #EE5823;
}
.h2_vypis_kategorie_home a:link, .h2_vypis_kategorie_home a:visited{
  color: #EE5823;
  text-decoration: none;
}
.h2_vypis_kategorie_home a:hover{
  color: #EE5823;
  text-decoration: underline;
}
.blok_home_aktuality{
  display: block;
  background-color: #FFFFFF;
}
.polozka_aktualita_home{
  float: left;
  width: 48%;
  margin: 20px 0px 20px 0px;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.home_akt_l{
  padding-right: 2%;
  border-right: 1px solid #DADADA;
}
.home_akt_p{
  padding-left: 2%;
}
.polozka_aktualita_home_l{
  float: left;
  width: 260px;
}
.polozka_aktualita_home_p{
  display: block;
  line-height: 22px;
  color: #5C5C5C;
  overflow: hidden;
}
.polozka_aktualita_home_p p{
  margin: 0px;
}
.h3_aktualita_home{
  display: block;
  font-size: 23px;
  line-height: 32px;
  height: 64px;
  margin: 0px;
  overflow: hidden;
}
.h3_aktualita_home a:link, .h3_aktualita_home a:visited{
  color: #268da0;
}
.h3_aktualita_home a:hover{
  color: #268da0;
  text-decoration: underline;
}
.kdo_kdy_home{
  display: block;
  font-size: 13px;
  color: #5C5C5C;
}
.pagination {
  position: absolute;
  z-index: 20;
  left: 10px;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #8B8B8B;
  margin-right: 3px;
  margin-left: 3px;
  border: 1px solid #8B8B8B;
  cursor: pointer;
  
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  behavior: url(../../../funkce/PIE.php);  
}
.swiper-active-switch{
  background-color: #FFFFFF;
}
.h2_home{
  display: block;
  text-transform: uppercase;
  text-align: center;
  font-size: 22px;
  text-transform: uppercase;
  margin: 20px 0px 0px 0px;
  color: #FFFFFF;
}
.obal_vypis_kategorie .h2_home{
	top: -10px;
	position: relative; 
	margin: 10px 0px 15px 0px;
}
.h2_home_akt{
  color: #000000;
  margin: 0px 0px 20px 0px;
}

.blok_home_banner{
  width: 100%;
}
.home_banner{
  max-width: 100%;
  max-height: 100%;
  content: url("/img/home_banner/banner_1920x450.png");
}
/*--- Home (KONEC) ---*/
/*--- Vypis (START) ---*/
.obal_navigace{
  display: block;
  padding: 0px 30px 0px 30px;
  margin-bottom: 15px;
  height: 12px;
}
.obal_navigace a:link, .obal_navigace a:visited{
  text-decoration: underline !important;
}
.obal_navigace a:hover{
  text-decoration: none !important;
}
.polozka_navigace{
  float: left;
  height: 12px;
  line-height: 12px;
  font-size: 12px;
}
.aktivni_navigace{
  font-weight: bold;
}
.predel_navigace{
  float: left;
  height: 12px;
  width: 8px;
  margin: 0px 10px 0px 10px;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url("/img/navigation-ic.png");
}

.polozka_vypis{
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding: 0px 0px 20px 0px;
  border-bottom: 1px solid #E9E9E9;
}
.obal_obr_vypis{
  float: left;
  margin-right: 20px;
  width: 280px;
  height: 210px;
  line-height: 210px;
  text-align: center;
}
.obal_obr_vypis img{
  max-width: 280px;
  _width: expression(this.height < this.width && this.width > 280 ? 280 : true);
  max-height: 210px;
}
.obal_h2_h3_vypis{
  display: block;
  height: 54px;
  line-height: 27px;
  margin-bottom: 5px;
}
.obal_h2_h3_vypis a{
  color: #1A61B3;
}
.h2_vypis{
  display: block;
  margin: 0px;
  color: #268da0;
  font-size: 24px;
  font-weight: normal;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.h2_vypis a:link, .h2_vypis a:visited{
  text-decoration: underline;
  color: #268da0;
}
.h2_vypis a:hover{
  text-decoration: none;
  color: #268da0;
}
.h3_vypis{
  display: block;
  margin: 0px;
  font-weight: normal;
  font-size: 18px;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.obal_p_vypis{
  display: block;
  max-height: 147px;
  line-height: 21px;
  overflow: hidden;
}
.obal_p_vypis p{
  margin: 0px;
}
.tl_vypis{
  float: right;
  width: 75px;
  height: 20px;
  line-height: 20px;
  margin-top: 10px;
  padding: 2px 10px 2px 10px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  background-color: red;
}
.tl_vypis:hover{
  background-color: #278EA1;
}
.blok_zpet{
  display: block;
  padding: 15px 20px 15px 20px;
  margin-top: 15px;
  border-top: 1px solid red;
}
.tl_zpet{
  float: left;
  padding: 2px 10px 2px 10px;
  border: 1px solid #EBEBEB;
  text-transform: uppercase;
  font-weight: bold;
}
.tl_zpet:hover{
  color: #1A61B3;
}
.stred_dalsi{
  display: block;
  text-align: center;
  margin: 0px 0px 20px 0px;
}
.tl_dalsi{
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-top: 10px;
  padding: 2px 10px 2px 10px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  background-color: red;
}
.tl_dalsi:hover{
  background-color: #278EA1;
}

/*--- Vypis (KONEC) ---*/
/*--- Vypis - kategorie (START) ---*/
.vypis_kat_podklad {
  background-color: #53B9CF;
  background-image: url(/img/bg-blue.jpg);
  background-position: top center;
  background-repeat: repeat-y;
  height: 100%;
  left: -50%;
  min-width: 2500px;  /*1920*/
  position: absolute;
  top: 0;
  z-index: -1;
}
.obal_nadpis_kategorie{
  position: relative;
  display: block;
  padding: 0px 30px 30px 30px;
}
.h1_vypis_kat{
  display: block;
  text-transform: uppercase;
  margin: 0px 0px 10px 0px;
  font-size: 50px;
  line-height: 60px;
}
.obal_nadpis_kategorie.category-sety-img .h1_vypis_kat{
  width: 70%;
}
.blok_text_kategorie{
  float: left;
  width: 49%;
  margin-right: 2%;
  min-height: 180px; /*vyska obrazku vpravo*/
  padding-bottom: 30px;
  font-size: 16px;
  line-height: 26px;
}
.blok_text_kategorie .des_h2{
  font-size: 20px;
  line-height: 26px;
}
.blok_text_kategorie2{
  float: left;
  width: 47%;
  margin-left: 2%;
  min-height: 180px; /*vyska obrazku vpravo*/
  padding-bottom: 30px;
  font-size: 13px;
}
.cf:before,
.cf:after {
content: " ";
display: table;
}

.cf:after {
clear: both;
}

.cf {
*zoom: 1; /* pro IE6 a IE7 */
}
#aside-form {
  position: absolute;
  width: 300px;
  border: 8px solid #fff;
  background: #e7f5f5;
  font-family: sans-serif;
  font-size: 12px;
}
#aside-form h1 {
	font-size: 18px;
  font-weight: 300;
  color: #218ea2;
  line-height: 26px;
}
#aside-form h2 {
	font-size: 14px;
}
#aside-form form {
	width: 100%;
	padding: 12px;
	margin: 0;
	box-sizing: border-box;
	color: #131313;
}
#aside-form label {
	display: inline-block;
	width: 100%;
	padding: 4px;
	margin: 16px 0 4px;
	border-bottom: 2px solid #fff;
	color: #656565;
}
#aside-form label.radio, #aside-form label.price {
	width: 49%;
	padding: 0;
	margin: 0;
	border: 0;
	color: #131313;
}
#aside-form label [type="radio"] {
		vertical-align: middle;
	    margin: 4px;
}
#aside-form label.price {
	line-height: 35px;
	text-align: right
}
#aside-form .click1 {
		float: right;
		padding: 0 6px;
	    font-weight: 700;
	    color: #218ea2;
}
#aside-form .click2 {
		float: right;
		padding: 0 6px;
	    font-weight: 700;
	    color: #218ea2;
}
#aside-form select,
#aside-form [type="number"],
#aside-form #e-mail {
	width: 70%;
	padding: 4px;
	margin: 4px 0;
	float: right;
	color: #131313;
}
#aside-form #i-email {
	margin-bottom: 8px;
}
#aside-form [type='submit'] {
	width: 100%;
	padding: 8px;
	margin: 2px 0;
	display: block;
	background: #218ea2;
	border: 0;
	color: #fff;
}
#aside-form .tooltip-wrapper {
	position: relative;
	height: 0; /* s výškou 0 tooltip překryje následující obsah, jinak ho odsune */
}
#aside-form .tooltip1 {
	display: none;
	position: relative;
	padding: 5px 10px;
	border: 1px solid #a7a7a7;
	background: #fff;
	box-shadow: 2px 4px 20px 0px #b1b1b1;
}
#aside-form .tooltip2 {
	display: none;
	position: relative;
	padding: 5px 10px;
	border: 1px solid #a7a7a7;
	background: #fff;
	box-shadow: 2px 4px 20px 0px #b1b1b1;
}
.obal_img_kategorie{
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 49%;
}
.obal_nadpis_kategorie.category-sety-img .obal_img_kategorie{
  bottom: 10px;

}
.category-create-set-img{
  float: right;
}

.obal_img_producer{
  float: left;
  width: 27%;
  margin-right: 2%;
  margin-bottom: 20px;
}
.obal_img_producer img{
  max-width: 100%;
}
.blok_text_producer{
  display: none;
  position: relative;
  left: 29%;
  width: 71%;
  font-size: 14px;
  color: #737373;
  min-height: 180px;
}
.blok_text_producer p, .blok_text_producer h4{
  background-image: url("/img/obrazky_nad_kategorie/fajka.png");
  background-repeat: no-repeat;
  padding-left: 35px;
  padding-top: 1px;	
  min-height: 30px;
  width: 95%;
}
.blok_text_producer h4{
  font-size: 14px;
  color: #212121;
  font-weight: bold;
  min-height: 28px;	
  -webkit-margin-after: 0px;
  -webkit-margin-before: 0px;
}
.blok_text_producer table{
  margin-left: 35px;
}

.blok_zalozky_detail_produktu{
  display: block;
  clear: both;
}
.obal_zalozek_detail_produktu{
  display: block;
  clear: both;
  
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#D7D7D7), to(#FFFFFF)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#D7D7D7, #FFFFFF); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#D7D7D7, #FFFFFF); /* Opera */
  background-image: -o-linear-gradient(#D7D7D7, #FFFFFF); /* Opera */
  background-image: -ms-linear-gradient(#D7D7D7, #FFFFFF); /* pro IE10 */
  background-image: linear-gradient(#D7D7D7, #FFFFFF); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7D7D7',endColorstr='#FFFFFF'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.polozka_zalozka_vyrobce{
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 10px 40px 10px 40px;
  color: #000000;
  font-weight: bold;
  cursor: pointer;
  text-transform: uppercase;
}
.polozka_zalozka_vyrobce:hover, .aktivni_zalozka_vyrobce{
  color: #FFFFFF;
  
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#B54227), to(#E75B20)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#B54227, #E75B20); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#B54227, #E75B20); /* Opera */
  background-image: -o-linear-gradient(#B54227, #E75B20); /* Opera */
  background-image: -ms-linear-gradient(#B54227, #E75B20); /* pro IE10 */
  background-image: linear-gradient(#B54227, #E75B20); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B54227',endColorstr='#E75B20'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.zalozka_vyrobce_obyc{
  display: block;
}
.zalozka_vyrobce_resp{
  display: none;
}
.obsah_zalozka_vyrobce{
  display: none;
  clear: both;
  padding: 40px 40px 40px 40px;
  background-color: #E5E5E5;
}

.obal_img_kategorie img{
  max-width: 100%;
}
.obal_vypis_kategorie{
  position: relative;
  display: block;
  padding: 25px 0px 10px 0px;
}
.polozka_vypis_kat{
  position: relative;
  display: block;
  background-color: #FFFFFF;
  padding: 15px;
  height: 210px; /*!important; obchazim skript z category_menu.php 188px*/
  border: 2px solid #FFFFFF;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.hlavni_kategorie_vypis_kat{
  border: 2px solid #F46032;
}
.obal_img_vypis_kategorie{
  float: left;
  width: 100px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  margin-right: 15px;
}
.obal_img_vypis_kategorie img{
  max-width: 100px;
  max-height: 120px;
}
.obal_txt_vypis_kategorie{
  display: block;
  height: 92px;
  overflow: hidden;
}
.obal_txt_vypis_kategorie a:link, .obal_txt_vypis_kategorie a:visited{
  text-decoration: underline;
}
.obal_txt_vypis_kategorie a:hover{
  text-decoration: none;
}
.obal_txt_vypis_kategorie_vyrobce{
  display: block;
  min-height: 120px;
  overflow: hidden;
}
.h2_vypis_kategorie{
  display: block;
  clear: both;
  margin: 0px;
  font-size: 17px;
  color: #EE5823;
  line-height: 25px;
  margin: -5px 0px 10px 0px;
  padding-bottom: 10px;
  text-align: center;
  border-bottom: 1px solid #E6E6E6;
}
.h2_vypis_kategorie a:link, .h2_vypis_kategorie a:visited{
  color: #EE5823;
  text-decoration: none;
}
.h2_vypis_kategorie a:hover{
  color: #EE5823;
  text-decoration: underline;
}
.obal_zobrazit_vypis{
  position: absolute;
  left: 128px;
  top: 154px;
  display: block;
  font-weight: bold;
}
.obal_zobrazit_vypis a:link, .obal_zobrazit_vypis a:visited{
  color: #4ABCD6;
  text-decoration: underline;
}
.obal_zobrazit_vypis a:hover{
  color: #4ABCD6;
  text-decoration: none;
}
.odkaz_vypis_kategorie{
  display: block;
  clear: both;
  font-size: 12px;
  line-height: 18px;
}
.obal_aktuality_novinky{
  display: block;
  margin-top: 40px;
}
.obal_aktualit_l {
  clear: both;
}
.h3_nadpis_vypis_kat{
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: normal;
  margin: 0px 0px 20px 0px;
  font-weight: bold;
}
.obal_aktuality_novinky_in{
  display: block;
  background-color: #FFFFFF;
  padding: 35px;
  color: #5B5B5B;
}
.obal_aktuality_novinky_in p{
  line-height: 22px;
}
.aktualita_l{
  padding: 0px 2% 0px 0px;
  
  border-right: 1px solid #DADADA;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.aktualita_p{
  padding: 0px 0px 0px 2%;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box

}
.aktualita_in1{
  float: left;
  width: 48%;
  min-height: 115px;
  overflow: hidden;
  padding: 0px 2% 0px 0px;
}
.obal_aktualit{
  display: block;
  float: left; 
  overflow: hidden;
  width: 50%;
  margin-top: 50px; 
  padding: 20px;
  box-sizing: border-box;
}
.aktualita_in1 a:link, .aktualita_in1 a:visited{
  color: #EE5823;
  text-decoration: underline;
}
.aktualita_in1 a:hover{
  color: #EE5823;
  text-decoration: none;
}
.aktualita_in2{
  float: left;
  width: 50%;
  min-height: 115px;
  overflow: hidden; 
  font-family: Verdana; 
}
.aktualita_in2 p{
  margin: 0px;
}
.nadpis_aktualita{
  display: block;
  max-height: 60px;
  line-height: 30px;
  overflow: hidden;
  color: #EE5823;
  font-weight: bold;
  font-size: 22px;
}
.datum_aktualita{
  display: block;
  clear: both;
}
/*--- Vypis - kategorie (KONEC) ---*/
/*--- Vypis - textova stranka (START) ---*/
.h1_detail_txt {
	color: #ee5722;
	font-size: 20px;
  padding-left: 28px;
}

.h2_detail_txt {
	color: #258ea1;
	font-size: 16px;
}

.a_detail_txt, .a_detail_txt:visited, .a_detail_txt:link {
	color: #ee5722;
	text-decoration: underline;
}
.a_detail_txt:hover {
	color: #ee5722;
	text-decoration: none;
}
/*--- Vypis - textova stranka (KONEC) ---*/
/*--- Vypis - produkty (START) ---*/
.obal_vypis_nad_filtr{
  display: block;
  background-color: #FFFFFF;
  padding: 30px 30px 10px 30px;
  margin-bottom: 20px;
}
.nadpis_nad_filtr {
  margin: -15px 0px 10px 290px;
}
.sloupec_vypis_nad_filtr{
  float: left;
  width: 17%;
  /*height: 46px; */
  height: 55px;
  line-height: 18px;
  margin: 0px 2% 20px 0px;
  padding-left: 6%;
  overflow: hidden;
  
  background-position: left center;
  background-repeat: no-repeat;
}
.sloupec_vypis_nad_filtr td{
  height: 46px;
  vertical-align: middle;
}
.obr_vypis_nad_filtr1{
  background-image: url(/img/vypis_nad_filtr/obr.jpg);
}
.obal_vypis_filtr{
  display: block;
  background-color: #FFFFFF;
  padding: 20px 0px 20px 0px;
  margin-bottom: 20px;
}

.obal_vypis_filter__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 4px 0;
  padding: 12px 12px 12px 20px;
  background: #278ea1;
  cursor: pointer;
  color: #fff;
}

  .obal_vypis_filter__header__title {
    margin: -2px 0 0;
  }

  .obal_vypis_filter__header__button {
    position: relative;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 3px;
    background: #fff;
  }

    .obal_vypis_filter__header__button:before,
    .obal_vypis_filter__header__button:after {
      content: '';
      position: absolute;
      width: 14px;
      height: 3px;
      top: 15px;
      border-radius: 2px;
      background: #268DA0;
      transition: transform .2s linear;
      transform: rotate(45deg);
    }

    .obal_vypis_filter__header__button:before {
      left: 5px;
    }

    .obal_vypis_filter__header__button:after {
      left: 13px;
      transform: rotate(-45deg);
    }

    .obal_vypis_filter__header.is-opened .obal_vypis_filter__header__button:before {
      transform: rotate(-45deg);
    }

    .obal_vypis_filter__header.is-opened .obal_vypis_filter__header__button:after {
      transform: rotate(45deg);
    }

.blok_filtr{
  float: left;
  width: 250px;
  padding: 0px 20px 0px 20px;
  position: relative;
}
.stat_blok_filtru{
}
.blok_filtr_in{
  display: block;
  margin-left: 290px;
}
.resp_blok_filtru{
  float: left;
  width: 50%;
  min-height: 155px;
  padding: 0px 2% 0px 2%;
  border-left: 1px solid #E6E6E6;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nadpis_v_filtr{
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  margin: 0px 0px 10px 0px;
}
.filtr_tlacitko{
  position: absolute;
  display: block;
  left: 16px;
  top: 140px;
  height: 30px;
  width: 195px;
  border: 0;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEEEEE), to(#C8C8C8)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#EEEEEE, #C8C8C8); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#EEEEEE, #C8C8C8); /* Opera */
  background-image: -o-linear-gradient(#EEEEEE, #C8C8C8); /* Opera */
  background-image: -ms-linear-gradient(#EEEEEE, #C8C8C8); /* pro IE10 */
  background-image: linear-gradient(#EEEEEE, #C8C8C8); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE',endColorstr='#C8C8C8'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
  
  -webkit-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  behavior: url(../../../funkce/PIE.php);	
}
.filtr_zrus_tlacitko{
  position: absolute;
  display: block;
  right: 20px;
  top: 140px;
  height: 30px;
  width: 120px;
  border: 0;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEEEEE), to(#C8C8C8)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#EEEEEE, #C8C8C8); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#EEEEEE, #C8C8C8); /* Opera */
  background-image: -o-linear-gradient(#EEEEEE, #C8C8C8); /* Opera */
  background-image: -ms-linear-gradient(#EEEEEE, #C8C8C8); /* pro IE10 */
  background-image: linear-gradient(#EEEEEE, #C8C8C8); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE',endColorstr='#C8C8C8'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
  
  -webkit-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  behavior: url(../../../funkce/PIE.php);	
}
#otev_3d .filtr_zrus_tlacitko{
  position: relative;
  left: 60px;
  top: 5px;
  width: 135px;
  text-transform: uppercase;
  font-size: 14px;
}
.darek_roll {
  font-size: 12px;
  color: #333333;
  height: 20px;
  min-width: 150px;
  background-color: #FFFFFF;
  border: 1px solid #C8C8C8;
  border-radius: 10px;
  padding-left: 5px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);	
  margin-top: 10px;
  max-width: 244px;
}
.filtr_tlacitko:hover{
  opacity: 0.5;
}
.blok_znacky{
  float: left;
  width: 98%;
  margin-right: 2%;
}
.polozka_znacky{
  float: left;
  width: 49%;
  margin-right: 1%;
  margin-bottom: 5px;
  overflow: hidden;
  text-decoration: underline;
}
.polozka_znacky:hover{
  color: #EE5823;
}
.blok_druh{
  float: left;
  width: 33%;
}
.polozka_druh{
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.text_checkbox_filter{
  display: block;
  overflow: hidden;
  font-size: 12px;
}

.text_checkbox_filter2{
  width: 120px;
  display: inline-block;
  font-size: 12px;
}
.radek_specifikace{
  display: block;
  margin-bottom: 5px;
}
.kategorie_specifikace{
  float: left;
  width: 30%;
  margin-right: 2%;
}
.obal_polozek_specifikace{
  float: left;
  width: 68%;
  padding: 0px 0px 20px;
}
.polozka_specifikace{
  float: left;
  min-width: 32%;
  margin-right: 1%;
}
.polozka_cena{
  float: left;
  min-width: 48%;
  margin-right: 2%;
}
.polozka_znacky input, .polozka_druh input, .polozka_specifikace input, .polozka_cena input{
  float: left;
  margin: 3px 5px 0px 0px;
}
.noUi-connect{
  background-color: #3FABC5 !important;
}
.noUi-horizontal .noUi-handle{
  height: 24px !important;
  width: 6px !important;
  top: -4px !important;
  background-color: #3fabc5 !important;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
.noUi-handle:before, .noUi-handle:after{
  display: none !important;
}
.noUi-handle{
  border: 0px !important;
  box-shadow: none !important;
}
.obal_pod_posuvnik{
  display: block;
  margin-top: 20px;
}
.posuvnik_input{
  float: left;
  width: 70px;
  height: 14px;
  line-height: 14px;
  padding: 3px 5px 3px 5px;
}
.posuvnik_text_mezi, .posuvnik_text_mena{
  float: left;
  height: 20px;
  line-height: 20px;
  margin: 0px 5px 0px 5px;
}
.obal_posuvnik{
  display: block;
  clear: both;
  margin-top: 20px;
}

.obal_pocet_radit_strankovani{
  display: block;
  margin-bottom: 20px;
  padding: 36px 0px 20px 30px;
  border-bottom: 3px solid #FFFFFF;
}
.pocet_produktu{
  float: left;
  width: 24%;
  margin-right: 5%;
  min-height: 30px;
  line-height: 30px;
}
.pocet_produktu_cislo{
  color: #268DA0;
  font-weight: bold;
}
.blok_razeni{
  float: left;
  min-height: 30px;
  line-height: 30px;
}
.blok_razeni_text{
  float: left;
  margin-right: 10px;
}
.typ_razeni{
  float: left;
}
.typ_razeni select{
  display: block;
  height: 30px;
  width: 250px;
}
.obal_strankovani_vypis{
  float: right;
  width: 40%;
  min-height: 30px;
  line-height: 30px;
}
.obal_strankovani_in{
  float: right;
}
.polozka_strankovani{
  float: left;
  width: 26px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background-color: #FFFFFF;
  color: #222222;
  font-size: 12px;
  border: 1px solid #FFFFFF;
  margin-left: 4px;
  _margin-left: 2px;
}
.polozka_strankovani:hover, .aktivni_stranka{
  color: #268DA0;
  border: 1px solid #268DA0;
}
.polozka_strankovani_tecky{
  float: left;
  height: 30px;
  width: 30px;
  margin: 0px 0px 0px 4px;
  text-align: center;
}
.str_roll_data {
  float: left;
  left: -49px;
  position: relative;
}
.str_roll_box {
  float: left;	
}
.obal_vypis_produkt{
  display: block;
  margin-top: 20px;
}
.polozka_vypis_produkt{
  position: relative;
  display: block;
  background-color: #FFFFFF;
  padding: 20px;
}
.vypis_sticker_darek{
  position: absolute;
  right: -4px;
  top: 126px;
  width: 56px;
  height: 90px;
  
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url("/img/darek/sticker-darek.png");
}
.margin_slider_dole{
  margin: 0px 10px 0px 10px;
}
.obal_img_vypis_produkt{
  position: relative;
  display: block;
  height: 186px;
  line-height: 186px;
  text-align: center;
  margin-bottom: 25px;
}

.gift-sticker.detail {
  display: inline-block;
  width: 101px;
  height: 101px;
  background: url('../../../img/gift-sticker.png') center/101px no-repeat;
}
.gift-sticker.prehled {
  position: absolute;
  width: 76px;
  height: 76px;
  background: url('../../../img/gift-sticker.png') center/76px no-repeat;
}
.abs_present {
	position: absolute;
	height: 60px;
	width: 62px;
	padding-left: 1px;
	padding-top: 106px;
}
.abs_present2 {
	position: absolute;
	height: 60px;
	width: 62px;
	padding-left: 71px;
	padding-top: 106px;
}
.abs_present_detail {
	position: absolute;
	height: 60px;
	width: 62px;
	padding-left: 10px;
	padding-top: 2px;
}
.abs_present_detail2 {
	position: absolute;
	height: 60px;
	width: 62px;
	padding-left: 10px;
	padding-top: 93px;
}
.obal_img_vypis_produkt img{
  max-width: 100%;
  max-height: 186px;
}
.obal_nadpis_vypis_produkt{
  display: block;
  height: 92px;//70
  overflow: hidden;
  margin-bottom: 10px;
}
.obal_nadpis_vypis_produkt_l{
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
}
.h2_nazev_produktu_vypis{
  display: block;
  text-transform: uppercase;
  color: #268da0;
  font-size: 17px;
  max-height: 70px;//50
  overflow: hidden;
  line-height: 25px;
  text-align: center;
  margin: 0px;
}
.h2_nazev_produktu_vypis a:link, .h2_nazev_produktu_vypis a:visited{
  color: #268da0;
  text-decoration: underline;
}
.h2_nazev_produktu_vypis a:hover{
  color: #268da0;
  text-decoration: none;
}
.h3_kategorie_produktu_vypis{
  display: block;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  margin: 0px;
}
.obal_akce_vypis_produkt{
  display: block;
  height: 65px;
  overflow: hidden; 
  margin-bottom: 15px;
}
.akcni_polozky{
  float: left;
  height: 10px;
  line-height: 10px;
  border: 1px solid #EAE9E7;
  padding: 3px 8px 3px 8px;
  margin: 0px 4px 4px 0px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  behavior: url(../../../funkce/PIE.php);
}
.cara_detail_seda{
  display: block;
  clear: both;
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 15px;
}
.akcni_polozky_detail{
  float: left;
  height: 10px;
  line-height: 10px;
  border: 1px solid #EAE9E7;
  padding: 4px 8px 4px 8px;
  margin: 0px 10px 10px 0px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  
  -webkit-border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
  behavior: url(../../../funkce/PIE.php);
}
.polozka_zelene{
  color: #006E55;
  border: 1px solid #006E55;
}
.polozka_cervene{
  color: #E20100;
  border: 1px solid #E20100;
}
.polozka_modre{
  color: #033B76;
  border: 1px solid #033B76;
}
.polozka_oranz{
  color: #E53B00;
  border: 1px solid #E53B00;
}
.polozka_darek{
  color: #FFFFFF;
  border: 1px solid #1F8E00;
  background-color: #1F8E00;
}
.last_pc{
  color: #053A78;
}
.vyprodej{
  color: #728A00 ;
}
.obal_txt_vypis_produkt{
  display: block;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  padding: 15px 0px 0px 0px;
  margin-bottom: 15px;
  margin-top: 15px;
  border-top: 1px solid #DADADA;
}
.obal_txt_vypis_produkt_0{
  display: block;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  padding: 15px 0px 0px 0px;
  margin-bottom: 15px;
  margin-top: 15px;
  border-top: 1px solid #DADADA;
}
.obal_txt_vypis_produkt_1{
  display: block;
  height: 104px;
  line-height: 60px;
  overflow: hidden;
  padding: 15px 0px 0px 0px;
  margin-bottom: 21px;
  margin-top: 15px;
  border-top: 1px solid #DADADA;
}
.obal_txt_vypis_produkt_1 p{
  margin: 0px;
}
.vypis_produkt_txt{
  display: block;
  clear: both;
  line-height: 20px;
  font-size: 13px;
}
.obal_tl_cena_vypis_produkt{
  display: block;
  height: 30px;
  line-height: 30px;
  padding-top: 10px;
  border-top: 1px solid #DADADA;
}
.vypis_produkt_tlacitka{
  display: none;
  
  /*position: absolute;
  left: 0px;
  bottom: -36px;
  width: 100%;
  background-color: #FFFFFF;*/
  
}
.tl_do_detail_produkt{
  position: relative;
  float: left;
  width: 62px;
  height: 14px;
  line-height: 14px;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 6px 25px 6px 18px;
  cursor: pointer;
  font-weight: bold;
  
  -webkit-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  behavior: url(../../../funkce/PIE.php);  
  
  background-color: #3AA7BE;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#94D5E7), to(#278EA1)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#94D5E7, #278EA1); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#94D5E7, #278EA1); /* Opera */
  background-image: -o-linear-gradient(#94D5E7, #278EA1); /* Opera */
  background-image: -ms-linear-gradient(#94D5E7, #278EA1); /* pro IE10 */
  background-image: linear-gradient(#94D5E7, #278EA1); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94D5E7',endColorstr='#278EA1'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.tl_do_detail_produkt:hover{
  background-color: #3FA862;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#94D5E7), to(#3FA862)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#94D5E7, #3FA862); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#94D5E7, #3FA862); /* Opera */
  background-image: -o-linear-gradient(#94D5E7, #3FA862); /* Opera */
  background-image: -ms-linear-gradient(#94D5E7, #3FA862); /* pro IE10 */
  background-image: linear-gradient(#94D5E7, #3FA862); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94D5E7',endColorstr='#3FA862'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.tl_do_kosiku_produkt{
  position: relative;
  float: right;
  width: 125px;
  height: 26px;
  border: 0;
  line-height: 14px;
  color: #FFFFFF;
  text-transform: uppercase;
  /*padding: 8px 25px 8px 18px;*/
  cursor: pointer;
  font-weight: bold;
  
  
  -webkit-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  behavior: url(../../../funkce/PIE.php);  
  
  background-color: #EB5727;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FE6637), to(#D94716)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#FE6637, #D94716); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#FE6637, #D94716); /* Opera */
  background-image: -o-linear-gradient(#FE6637, #D94716); /* Opera */
  background-image: -ms-linear-gradient(#FE6637, #D94716); /* pro IE10 */
  background-image: linear-gradient(#FE6637, #D94716); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE6637',endColorstr='#D94716'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.tl_do_kosiku_produkt:hover{
  background-color: #EE5823;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF6738), to(#EE5823)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#FF6738, #EE5823); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#FF6738, #EE5823); /* Opera */
  background-image: -o-linear-gradient(#FF6738, #EE5823); /* Opera */
  background-image: -ms-linear-gradient(#FF6738, #EE5823); /* pro IE10 */
  background-image: linear-gradient(#FF6738, #EE5823); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6738',endColorstr='#EE5823'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.vypis_produkt_ceny{
  display: block;
}
.cena_pred_vypis_produkt{
  float: left;
  height: 30px;
  line-height: 30px;
  color: #268da0;
  text-decoration: line-through;
  font-size: 12px;
}
.cena_akt_vypis_produkt{
  float: right;
  height: 30px;
  line-height: 30px;
  color: #DB2325;
  font-size: 20px;
  font-weight: bold;
}
.polozka_vypis_produkt:hover{
  box-shadow: #000000 2px 2px 4px;
  -webkit-box-shadow: #7F7F7F 2px 2px 4px;
  -moz-box-shadow: #000000 2px 2px 4px;
}
.polozka_vypis_produkt:hover .obal_txt_vypis_produkt{
  height: 44px;
}
.polozka_vypis_produkt:hover .obal_txt_vypis_produkt_1{
  height: 88px;
}
.polozka_vypis_produkt:hover .obal_tl_cena_vypis_produkt{
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  padding-top:6px;
}
.polozka_vypis_produkt:hover .vypis_produkt_ceny{
  display: none;
}
.polozka_vypis_produkt:hover .vypis_produkt_tlacitka{
  display: block;
}
.polozka_vypis_produkt:hover .cena_pred_vypis_produkt, .polozka_vypis_produkt:hover .cena_akt_vypis_produkt{
  height: 20px;
  line-height: 20px;
  margin-bottom: 4px;
}
.polozka_vypis_produkt:hover  .cena_akt_vypis_produkt{
  font-size: 18px;
}
/*--- Vypis - produkty (KONEC) ---*/
/*--- Paginace - produkty (START) ---*/
.paginace{
  text-align: center;
}
ul.paginace li {
  display: inline-block;
  padding: 4px 10px;
  border: 1px solid #afafaf;
  margin-left: -1px;
  text-align: center;
}

ul.paginace li:hover {
  background: #fAfAfA;
}

ul.paginace li.neaktivni {
  color: #afafaf;
}

ul.paginace li.aktivni {
  color: white;
  background: #268da0;
}

ul.paginace a {
  text-decoration: none;
}
/*--- Paginace - produkty (KONEC) ---*/
/*--- Detail/clanek (START) ---*/
.blok_detail_sestavte_mini{
  position: relative;
  display: block;
  color: #FFFFFF;
  margin-left: 30%;
  min-height: 490px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("/img/bg-blue-home.png");
  z-index: 10;
}
.obal_clanek_produkt .blok_detail_sestavte_mini{
  position: relative;
  display: block;
  color: #FFFFFF;
  min-height: 0px;
  margin-bottom: 30px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("/img/bg-blue-home.png");
  z-index: 10;
}
.obal_clanek_produkt .blok_detail_sestavte_mini .obsah_in{
  display: block;
  width: auto;
  padding: 30px 20px 30px 20px;
  z-index: 10;
}
.blok_detail_sestavte_mini_txt{
  float: left;
  width: 29%;
  height: 290px;  /*440*/
  padding: 80px 0px 70px 0px;
  margin-right: 1%;
}
.obal_clanek_produkt .blok_detail_sestavte_mini_txt{
  float: left;
  width: 52%;
  height: 0px;
  min-height: 240px;  
  padding: 20px 0px 0px 0px;
  margin-right: 5%;
}
.blok_detail_sestavte_mini .h2_sestavit_detail{
  font-size: 24px;
}
.obal_clanek_produkt .blok_detail_sestavte_mini_img{
  float: left;
  width: 43%;  
  height: 240px;
  line-height: 240px;
  text-align: center;
  z-index: 10;
}
.obal_clanek_produkt .blok_detail_sestavte_mini_img img{
  max-width: 100%;
  margin: -15px 0px 0px 0px;
  z-index: 10;
}

.darky_kontejner{
  max-width: 80px;
  position: absolute;
  z-index: 10;
}
.darky_img{
  height: 80px;
  border: 1px solid #F3F3F3;
  padding: 5px;
  display: flex;
  align-items: center;
}
.darky_kontejner img {
  width: 100%;
  vertical-align: middle;
}
.blok_detail_sestavte{
  position: relative;
  display: block;
  color: #FFFFFF;
  min-height: 490px;
  margin-top: -15px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("/img/bg-blue-home.png");
  z-index: 10;
}
.obal_clanek_produkt .blok_detail_sestavte{
  position: relative;
  display: block;
  color: #FFFFFF;
  min-height: 0px;
  margin-top: 30px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("/img/bg-blue-home.png");
  z-index: 10;
}
.obal_clanek_produkt .blok_detail_sestavte .obsah_in{
  display: block;
  width: auto;
  padding: 30px 20px 30px 20px;
  z-index: 10;
}
.blok_detail_sestavte_txt{
  float: left;
  width: 29%;
  height: 290px;  /*440*/
  padding: 80px 0px 70px 0px;
  margin-right: 1%;
}
.obal_clanek_produkt .blok_detail_sestavte_txt{
  float: left;
  width: 32%;
  height: 0px;
  min-height: 290px;  
  padding: 20px 0px 0px 0px;
  margin-right: 5%;
}
.obal_clanek_produkt .blok_detail_sestavte_img{
  float: left;
  width: 63%;  
  min-height: 240px;
  text-align: center;
  z-index: 10;
}
.obal_clanek_produkt .blok_detail_sestavte_img img{
  max-width: 100%;
  margin: -15px 0px 0px 0px;
  z-index: 10;
}


.obal_obr_clanek{
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  max-width: 560px;
  max-height: 420px;
  text-align: center;
}
.obal_obr_clanek img{
  max-width: 560px;
  _width: expression(this.height < this.width && this.width > 560 ? 560 : true);
  max-height: 420px;
}
.obal_h1_h2_clanek{
  display: block;
  margin-bottom: 20px;
  margin-top: 10px;
}
.h1_clanek{
  display: block;
  margin: 0px;
  color: #268da0;
  font-size: 30px;
  line-height: 40px;
  font-weight: normal;
  text-decoration: underline;
}
.h2_clanek{
  display: block;
  font-size: 20px;
  margin: 5px 0px 0px 0px;
  font-weight: normal;
}
.cara_detail_clanku{
  display: block;
  clear: both;
  margin: 30px 0px 30px 0px;
  border-bottom: 1px solid #E9E9E9;
}
.obal_fotogalerie{
  display: block;
  margin: 20px 0px 0px 0px;
}
.polozka_fotogalerie{
  float: left;
  width: 83px;
  height: 74px;
  line-height: 74px;
  text-align: center;
  padding: 20px;
  margin: 0px 15px 15px 0px;
  border: 1px solid #E9E9E9;
}
.polozka_fotogalerie img{
  max-width: 83px;
  _width: expression(this.height < this.width && this.width > 83 ? 83 : true);
  max-height: 74px;
}
/* //stredeni obrazku v mensim divu (pouzito mcrai vypis referenci - zvala i stredeni ala mobiliarpro)
.parent {
    position: relative;
    overflow: hidden;
}
.child {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    *top: 0px;
    *bottom: 0px;
    *left: 0px;
    *right: 0px;
    margin: auto;

}
*/
.obal_video{
  float: left;
  width: 48%;
  margin: 10px 1% 10px 1%;
  background-color: #303030;
}
.obal_video iframe{
  vertical-align: top;
  max-width: 100%;
}

.polozka_fotogalerie_pomerove{
  position: relative;
  float: left;
  width: 23%; /* souvisi s hodnotou v tride "pomer_fotek_v_galerii" */
  margin: 1% 1% 1% 1%;
  overflow: hidden;
}
.polozka_fotogalerie_pomerove_in{
  display: block;
  height: 186px; /* souvisi s hodnotou v tride "pomer_fotek_v_galerii" */
  line-height: 186px;
  background-color: #DADADA;
  text-align: center;
  overflow: hidden;
}
.polozka_fotogalerie_pomerove img{
  max-width: 100%;
  /*max-width: 140px;
  _width: expression(this.height < this.width && this.width > 140 ? 140 : true);*/
  max-height: 186px;
}
.pomer_fotek_v_galerii{ /*pomocna trida pro pomerove zmensovani galerie v responsivite pomoci Javascriptu*/
  display: none;
  width: 248px; /* to je tech 20% z ".polozka_fotogalerie_pomerove" v zakladu (= full hd) */
  height: 186px; /* to je height z ".polozka_fotogalerie_pomerove_in" v zakladu (= full hd) */
}

.vypln_obal_obrazkem_css{
  position: relative;
  text-align: center;
}
.vypln_obal_obrazkem_css img{
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  height: auto;
  max-width: 100%;
  max-height: none !important; /* skrze pripadne spojeni se skriptem na pomerove zmensovani bloku */
}

.polozka_soubor{
  float: left;
  width: 48%;
  margin: 1% 1% 1% 1%;
  background-color: #FFFFFF;
}
.polozka_soubor_in{
  display: block;
  padding: 5px 20px 5px 10px;
}
.polozka_soubor_ikona{
  float: left;
  width: 50px;
  height: 48px;
  line-height: 48px;
  text-align: center;
}
.polozka_soubor_ikona img{
  max-width: 100%;
  max-height: 48px;
}
.polozka_soubor_nazev{
  display: block;
  height: 24px;
  line-height: 24px;
  margin-left: 60px;
  font-weight: bold;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.polozka_soubor_typ{
  display: block;
  height: 24px;
  line-height: 24px;
  margin-left: 60px;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;  
}
.polozka_soubor:hover{
  opacity: 0.8;
}

.polozka_odkaz_zalozka{
  display: block;
  clear: both;
  margin: 10px 0px 10px 0px;
}
.polozka_odkaz_zalozka a:link, .polozka_odkaz_zalozka a:visited{
  color: #EE5823;
  text-decoration: underline;
}
.polozka_odkaz_zalozka a:hover{
  color: #EE5823;
  text-decoration: none;
}
.odkaz_zalozka_nazev{
  display: block;
  font-weight: bold;
}
.odkaz_zalozka_link{
  display: block;
}

.nadpis_v_detail{
  display: block;
  margin: 0px;
  padding-bottom: 10px;
  font-size: 18px;
}

/*--- Detail/clanek (KONEC) ---*/
/*--- Detail/clanek produkt (START) ---*/
.obal_clanek_produkt{
  position: relative;
  display: block;
  padding: 20px 60px 20px 50px;
  background-color: #FFFFFF;
  min-height: 220px
}
.fix_form{
  padding: 2%;
}
.shoproku{
  margin-top: 15px;
  float: left;
}
.shoproku img{
  width: 100%;
  max-width: 484px;
}
.detail_leva_pulka{
  float: left;
  clear: left;
  width: 44%;
  margin-right: 3%;
}
.detail_prava_pulka{
  float: right;
  clear: right;
  width: 53%;
  font-size: 13px;
}
.obal_nadpisy_produkt{
  display: block;
  margin-bottom: 10px;
}
.h1_detail_produkt{
  display: block;
  text-transform: uppercase;
  margin: 33px 0 0;
  font-size: 29px;
  line-height: 35px;
}
.h2_detail_produkt{
  display: block;
  margin: 12px 0 0;
  letter-spacing: .4px;
  color: #268da0;
  font-size: 17px;
}
.vyrobce {
  color: #268da0;
}
.obal_ikony_detail{
  display: block;
  padding: 0 36px 10px;
}
.obal_obr_clanek_produkt{
  position: relative;
  float: left;
  width: 100%;
  height: 420px;
  line-height: 420px;
  text-align: center;
}
.dtest_detail{
  position: absolute;
  left: 0px;
  top: 220px;
  z-index: 2;
}
.obal_obr_clanek_produkt img{
  max-width: 100%;
  max-height: 420px;
}
.kod_zbozi{
  display: block;
  margin-bottom: 10px;
}
.obal_p_vypis_produkt{
  display: block;
  margin-bottom: 15px;
}
.obal_p_vypis_produkt img {
  max-width: 100%;
  height: auto;
}
.radek_informace{
  display: block;
  margin-bottom: 5px;
}
.informace_popis{
  float: left;
  width: 40%;
  margin-right: 2%;
  font-size: 13px;
}
.informace_hodnota{
  float: left;
  width: 58%;
  font-weight: bold;
  font-size: 14px;
}
.radek_puvodni_cena .informace_hodnota{
  text-decoration: line-through;
}
.procento_slevy{
  color: #d80001;
  font-size: 16px;
}
.radek_nase_cena{
  margin-bottom: 5px;
  line-height: 30px;
}
.radek_nase_cena .informace_popis{
  font-weight: bold;
  font-size: 26px;
}
.radek_nase_cena .informace_hodnota{
  font-size: 30px;
  color: #D80001;
}
.blok_lepsi_cena {
  min-width: 115px;
  text-align: right;
  line-height: 19px;
  font-size: 15px;
  color: #595f75;
}
.blok_lepsi_cena a {
  text-decoration: underline;
  color: #ec6b43;
}
.blok_darek_zdarma{
  display: block;
  
}
.blok_darek_zdarma_in{
  float: left;
  width: 271px;
  height: 62px;
  margin-top: 10px;
  
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url("/img/darek/darek-bg.png");
}
.darak_detail_l{
  float: left;
  line-height: 16px;
  border-right: 2px solid #EAEAEA;
  padding-right: 7px;
  margin: 10px 0px 20px 65px;
  font-size: 14px;
}
.darak_detail_p{
  float: right;
  width: 64px;
  height: 32px;
  line-height: 32px;
  padding: 10px 10px 20px 0px;
  text-align: center;
  font-weight: bold;
  color: #317B00;
}
.blok_darek_zdarma_in a:link, .blok_darek_zdarma_in a:visited{
  color: #317B00;
  text-decoration: underline;
}
.blok_darek_zdarma_in a:hover{
  color: #317B00;
  text-decoration: none;
}
.blok_tlacitka_produkt{
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
}
.obal_tl_kosik_det{
  float: left;
  width: 335px;
  height: 48px;
  margin-right: 10px;
  
  -webkit-border-radius: 24px 24px 24px 24px;
  -moz-border-radius: 24px 24px 24px 24px;
  border-radius: 24px 24px 24px 24px;
  behavior: url(../../../funkce/PIE.php);
  
  background-color: #EB5727;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF6738), to(#E06C47)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#FF6738, #E06C47); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#FF6738, #E06C47); /* Opera */
  background-image: -o-linear-gradient(#FF6738, #E06C47); /* Opera */
  background-image: -ms-linear-gradient(#FF6738, #E06C47); /* pro IE10 */
  background-image: linear-gradient(#FF6738, #E06C47); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6738',endColorstr='#E06C47'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.obal_tl_kosik_det:hover{ 
  background-color: #EE5823;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF6738), to(#EE5823)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#FF6738, #EE5823); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#FF6738, #EE5823); /* Opera */
  background-image: -o-linear-gradient(#FF6738, #EE5823); /* Opera */
  background-image: -ms-linear-gradient(#FF6738, #EE5823); /* pro IE10 */
  background-image: linear-gradient(#FF6738, #EE5823); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6738',endColorstr='#EE5823'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.kosik_produkt_ks{
  float: left;
  width: 22px;
  height: 28px;
  line-height: 28px;
  margin: 10px 5px 10px 0;
  padding: 0 4px;
  background-color: #FFFFFF;
  border: 0;
}
.ks_border{
  float: left;
  height: 28px;
  line-height: 28px;
  margin: 10px 0;
  border-right: 2px solid #E98263;
  color: #FFFFFF;
  font-weight: bold;
  padding-right: 6px;
}
.kosik_produkt_tl{
  float: left;
  width: 252px;
  height: 48px;
  padding: 10px 30px 10px 54px;
  text-transform: uppercase;
  border: 0;
  background-color: transparent;
  color: #FFFFFF;
  font-size: 18px;
  background-position: 12px center;
  background-repeat: no-repeat;
  background-image: url("/img/basket-ic_but.png");
}
.tl_na_splatky{
  float: left;
  width: 180px;
  height: 20px;
  line-height: 20px;
  padding: 14px 12px 14px 12px;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  
  -webkit-border-radius: 24px 24px 24px 24px;
  -moz-border-radius: 24px 24px 24px 24px;
  border-radius: 24px 24px 24px 24px;
  behavior: url(../../../funkce/PIE.php);
  
  background-color: #DADADA;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#EFEFEF), to(#D2D2D2)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#EFEFEF, #D2D2D2); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#EFEFEF, #D2D2D2); /* Opera */
  background-image: -o-linear-gradient(#EFEFEF, #D2D2D2); /* Opera */
  background-image: -ms-linear-gradient(#EFEFEF, #D2D2D2); /* pro IE10 */
  background-image: linear-gradient(#EFEFEF, #D2D2D2); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF',endColorstr='#D2D2D2'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.tl_dotaz{
  float: left;
  width: 115px;
  height: 30px;
  line-height: 20px;
  padding: 5px 0px 5px 0px;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  -webkit-border-radius: 24px 24px 24px 24px;
  -moz-border-radius: 24px 24px 24px 24px;
  border-radius: 24px 24px 24px 24px;
  behavior: url(../../../funkce/PIE.php);
  background-color: #DADADA;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#EFEFEF), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#EFEFEF, #D2D2D2);
  background-image: -moz-linear-gradient(#EFEFEF, #D2D2D2);
  background-image: -o-linear-gradient(#EFEFEF, #D2D2D2);
  background-image: -ms-linear-gradient(#EFEFEF, #D2D2D2);
  background-image: linear-gradient(#EFEFEF, #D2D2D2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF',endColorstr='#D2D2D2');
  zoom: 1;
}

.tl_na_splatky:hover,.tl_dotaz:hover{ 
  background-color: #B8B8B8;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#EFEFEF), to(#B8B8B8)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#EFEFEF, #B8B8B8); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#EFEFEF, #B8B8B8); /* Opera */
  background-image: -o-linear-gradient(#EFEFEF, #B8B8B8); /* Opera */
  background-image: -ms-linear-gradient(#EFEFEF, #B8B8B8); /* pro IE10 */
  background-image: linear-gradient(#EFEFEF, #B8B8B8); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF',endColorstr='#B8B8B8'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.banner_kontakt{
  float: left;
  width: 434px;
  min-height: 84px;
  padding: 0px 25px 0px 25px;
  margin-right: 20px;
  background-color: #A3EFFF;
}
.banner_kontakt img{
  float: left;
  margin-top: -13px;
}
.banner_kontakt_in_l{
  float: left;
  width: 190px;
  margin-right: 10px;
  padding: 15px 0px 10px 0px;
}
.banner_kontakt_in_p{
  float: left;
  width: 150px;
  margin-right: 10px;
  padding: 15px 0px 10px 0px;
}
.banner_kontakt_in_p a:link, .banner_kontakt_in_p a:hover, .banner_kontakt_in_p a:visited{
  text-decoration: none;
}
.banner_kontakt_jmeno{
  display: block;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  margin: -2px 0px 0px 0px;
  color: #268DA0;
}
#otev_3d .banner_kontakt_jmeno{
	font-size: 18px;
}
.banner_kontakt_pozice{
  display: block;
  font-size: 14px;
  margin: 0px 0px 2px 0px;
}
.banner_kontakt_cerifikat{
  display: block;
  font-size: 12px;
  color: #ED5722;
}
.banner_kontakt_cerifikat a:link, .banner_kontakt_cerifikat a:visited{
  color: #ED5722;
  text-decoration: underline;
}
.banner_kontakt_cerifikat a:hover{
  color: #ED5722;
  text-decoration: none;
}
.banner_kontakt_text{
  display: block;
  font-size: 12px;
  margin-bottom: 2px;
}
.banner_kontakt_tel{
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
  color: #ED5722;
}
.banner_kontakt_mail{
  float: left;
  height: 12px;
  line-height: 12px;
  background-color: #FEFEFE;
  padding: 4px 14px 4px 14px;
  
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  behavior: url(../../../funkce/PIE.php);
}
.banner_kontakt_mail:hover{
  background-color: #E4E4E4;
}
.dorovnani_ceny {
    background-image: url(/images/web/detail/dorovnani_ceny_down.png);
	background-color: #FFFFFF;
    background-position: left bottom;
    background-repeat: no-repeat;
    left: 15px;
    padding-bottom: 10px;
    position: absolute;
    top: -260px;
    width: 280px;
    z-index: 101;
	display:none;
}

.dorovnani_ceny_odeslano{
	background-image: url(/images/web/detail/dorovnani_ceny_down.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	left: 20px;
	padding-bottom: 10px;
	position: absolute;
	top: -16px;
	width: 280px;
	z-index:2;
}
.dorovnani_ceny_in{
	background-image: url(/images/web/detail/dorovnani_ceny_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 3px;
    position: relative;
}
.dorovnani_ceny_border{
	background-color:#FFFFFF;
	padding: 20px 16px 14px 16px;
	text-align:left;
	background-image: url(/images/web/detail/dorovnani_ceny.png);
	background-repeat: repeat-x;
	background-position: left top;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;	
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0px 0px 20px 10px #CCCCCC;
	-moz-box-shadow: 0px 0px 20px 10px #CCCCCC;
	-webkit-box-shadow: 0px 0px 20px 10px #CCCCCC;
	z-index: 1500;
	height: 415px;
}
.gdpr{
  display: block;
  /*margin: 1em 0;*/
}
#otev_3d .dorovnani_ceny_border {
	height: inherit;
	min-height: 320px;
}
.present_in{
	float: left;
	text-align: center;
	margin-top: 10px;
}
.darek_img {
	background-color: #FFFFFF;
	padding: 5px 5px;
	float: left;
	border: 1px solid #E9E9E9;
}
.otev_close{
    position: absolute;
    right: 10px;
    top: 15px;
    width: 21px;
    height: 21px;
    background-image: url(/images/web/close.gif);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
.spacer_heureka{
  display: block;
  clear: both;
}
.obal_heureka{
  float: left;
  width: 60px;
  margin-top: 12px;
}
.obal_heureka img{
  max-width: 60px;
  max-height: 60px;
}
.obal_fb_detail{
  display: block;
  clear: both;
  margin-bottom: 20px;
}
.obal_fotogalerie_produkt{
  width: calc(100% + 1px);
  overflow: hidden;
}
.obal_fotogalerie_produkt .swiper-wrapper,
.obal_fotogalerie_produkt .swiper-slide {
  height: 100px !important;
}
.obal_fotogalerie_produkt .swiper-slide {
  display: inline-flex;
  width: 33%;
}
.swiper-detail-gallery-wrap {
  position: relative;
}
.swiper-detail-gallery {
  position: relative;
  border-left: 1px solid #d1d1d1;
}
.swiper-detail-gallery-button {
  position: absolute;
  left: -15px;
  top: calc(50% - 15px);
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background: #d2d2d2;
  cursor: pointer;
}
.swiper-detail-gallery-button-prev {

}

.swiper-detail-gallery-button-next {
  left: auto;
  right: -15px;
}

.swiper-detail-gallery-button-prev:before,
.swiper-detail-gallery-button-prev:after,
.swiper-detail-gallery-button-next:before,
.swiper-detail-gallery-button-next:after {
  content: '';
  position: absolute;
  left: 10px;
  top: 11px;
  width: 8px;
  height: 2px;
  background: #222;
  transform: rotate(-45deg);
}

.swiper-detail-gallery-button-prev:after {
  top: 16px;
  transform: rotate(45deg);
}

.swiper-detail-gallery-button-next:before {
  left: 12px;
  transform: rotate(45deg);
}

.swiper-detail-gallery-button-next:after {
  left: 12px;
  top: 16px;
  transform: rotate(-45deg);
}

.polozka_fotogalerie_produkt {
  flex-grow: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  border-right: 1px solid #d1d1d1;
  box-sizing: border-box;
}
.obal_soubory_produkt{
  float: left;
  width: 100%;
  margin: 0;
}
.obal_odkazy{
  float: left;
  width: 44%;
}
.polozka_soubor_produkt{
  float: left;
  clear: both;
  line-height: 21px;
  width: 100%;
  margin: 0px 0px 5px 0px;
  background-color: #F1F1F1;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.polozka_soubor_produkt:hover{
  text-decoration: underline;
}
.soubor_l{
  display: block;
  margin-right: 72px;
  border-top: 1px solid #EAEAEA;
  border-left: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  padding: 4px 5px 4px 27px;
  font-size: 12px;
  
  background-position: 2px center;
  background-repeat: no-repeat;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.ikona_pdf{
  background-image: url("/img/ikony_stahuj/pdf_2015.png"); 
}
.ikona_doc{
  background-image: url("/img/ikony_stahuj/doc_2015.png"); 
}
.ikona_xls{
  background-image: url("/img/ikony_stahuj/xls_2015.png"); 
}
.ikona_ostatni{
  background-image: url("/img/ikony_stahuj/ostatni.png"); 
}
.nadpis_soubory_0{
  display: none;
  clear: both;
  padding-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 15px;
  border-top: 1px solid #E9E9E9;
}
.nadpis_soubory_1{
  display: block;
  clear: both;
  padding-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 15px;
}
.nadpis_odkazy_0{
  clear: both;
  padding-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 15px;
  border-top: 1px solid #E9E9E9;
  display: none;
}
.nadpis_odkazy_1{
  display: block;
  clear: both;
  padding-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 15px;
  border-top: 1px solid #E9E9E9;
}
.soubor_p{
  float: right;
  width: 38px;
  font-size: 10px;
  border-top: 1px solid #EAEAEA;
  border-left: 2px solid #FFFFFF;
  border-bottom: 1px solid #EAEAEA;
  border-right: 1px solid #EAEAEA;
  padding: 4px 5px 4px 24px;
  
  background-position: 5px center;
  background-repeat: no-repeat;
  background-image: url("/img/stahuj_2015.jpg"); 
}
.obal_zalozky_produkt{
  display: block;
  border: 1px solid #fff;
  padding: 12px;
  margin: 20px auto;
  width: 100%;
  max-width: 1220px;
  box-sizing: border-box;
}
.detail-tabs {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
}
.zalozka_nadpis_det{
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding: 0 2%;
  background-color: #F1F1F1;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 16px;
}
.zalozka_nadpis_det:hover, .aktivni_zalozka{
  background-color: #FFFFFF;
  color: #268da0;
  font-weight: bold;
}
.zalozka_in{
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 20px 0px 20px;
  padding: 12px 0px 12px 0px;
  border-bottom: 1px solid #F1F1F1;
}
.zalozka_nadpis_det:hover .zalozka_in, .aktivni_zalozka .zalozka_in{
  border-bottom: 1px solid #E9E9E9;
}
.obsah_zalozky{
  display: block;
  background-color: #FFFFFF;
  padding: 20px 4%;
  box-sizing: border-box;
}
.zalozka_video {
  color: #5C5C5C;
}
.zalozka_video table td {
  vertical-align: top;
  float: left;
}
.zalozka_video table td:first-child {
  width: 48%;
  margin-right: 2%;
}
.zalozka_video table td:first-child iframe {
  max-width: 100%;
}
.zalozka_video table td:last-child {
  width: 1%;
}
.zalozka_video table td:last-child table td {
  float: left;
  width: 100%;
}
.zalozka_video table td:last-child table td:first-child {
  font-size: 28px;
  color: #000000;
}
.sloupec_tech_parametry{
  float: left;
  width: 31%;
  margin-left: 1%;
  margin-right: 1%;
}
.sloupec_recenze {
  float: left;
  width: 46%;
  height: auto!important;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 10px;
  padding: 20px;
  box-sizing: border-box;
  border-top: 1px solid #e4e4e4;
}
.sloupec_recenze:nth-child(1), .sloupec_recenze:nth-child(2) {
  border: 0;
}
.sloupec_recenze:nth-child(odd) {
  clear: both;
}
.h4_tech_parametry{
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 15px;
  color: #268da0;
  font-size: 15px;
}
.sloupec_tech_parametry ul{
  padding-left: 2px;
  /*list-style: square inside url('data:image/gif;base64,R0lGODlhBQAKAIABAAAAAP///yH5BAEAAAEALAAAAAAFAAoAAAIIjI+ZwKwPUQEAOw==');  /*pomlcka*/
  list-style: square inside url('/img/ic-footer.png');  /*kolecko*/
}
.sloupec_tech_parametry li{
  
}

.detail-block {
  display: block;
  margin: 10px 0;
  padding: 14px 36px;
  border-radius: 3px;
  background: #d9f7f7;
  overflow: hidden;
}

.detail-block--secondary-bg {
  background: #eaeaea;
}

.detail-block--without-bg {
  background: rgba(255, 255, 255, 0);
}

.detail-availability {
  font-size: 16px;
  color: #222;
}
.detail-description {
  padding-top: 0;
  padding-bottom: 32px;
  margin-top: 0;
  border-bottom: 1px solid #e0e0e0;
  font-size: 15px;
  color: #595f75;
}
.detail-description--description {
  margin: 10px 0;
  overflow: hidden;
}
.detail-description--description * {
  line-height: 22px !important;
  font-size: 15px !important;
}
.detail-description--description p {
  margin: 0 !important;
  padding: 0 !important;
}
.detail-description--description ul {
  margin: 0 !important;
  padding: 0 0 0 19px !important;
}
a.detail-short-description-show-all,
a.detail-short-description-hide {
  display: none;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  color: #ec6b43;
}
a.detail-short-description-show-all:before,
a.detail-short-description-hide:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #ec6b43;
}
.detail-info-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 14px;
  color: #212121;
}
  .detail-info-list li {
    display: inline-block;
    margin: 4px 0;
  }
  .detail-info-list a {
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 300;
    color: #212121;
  }
.product-information {

}
.price-info {
  margin: 8px;
  text-align: right;
  font-size: 14px;
}
.detail-price-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  letter-spacing: .3px;
}
  .sale-percent-wrapper {
    align-self: stretch;
  }
    .sale-percent {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin-bottom: 3px;
      width: 100px;
      height: 100px;
      border-radius: 50%;
      background: #268da0;
      font-size: 31px;
      font-weight: bold;
      color: #fff;
    }

    .sale-percent__text {
      display: block;
      margin-bottom: -6px;
      font-weight: 300;
      font-size: 15px;
    }

  .prices {
    margin: 0 16px 0 0;
  }
    .prices .past-price {
      margin: 0 0 -3px 0;
      text-decoration: line-through;
      font-size: 18px;
      color: #595f75;
    }
    .prices .actual-price {
      margin-bottom: -3px;
      padding: 0;
      font-size: 39px;
      font-weight: 700;
      color: #ec6b43;
    }
  .prices .sale-value {
    padding: 0;
    font-size: 19px;
  }
  .special-sale {
    padding: 12px 16px 8px;
    width: 100%;
    border-top: 1px dashed #595f75;
    text-align: center;
    font-size: 20px;
    color: #595f75;
  }
    .special-sale .value {
      font-size: 32px;
      font-weight: 600;
      color: #ec6b43;
    }

.gifts {
  margin: 8px 0;
  font-size: 15px;
  color: #222;
}

.gifts__header {
  display: flex;
  justify-content: stretch;
  align-items: center;
  cursor: pointer;
}

.gifts__header__img {
  width: 73px;
}

.gifts__header__text {
  flex-grow: 1;
}

.gifts__header__text .title,
.gifts__header__text .subtitle {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.gifts__header__text .title {
  text-transform: uppercase;
  font-size: 17px;
}

.gifts__header__text .subtitle {
  font-weight: 600;
  font-size: 14px;
  color: #ec6b43;
}

.gifts__header__button-show {

}

.gifts__header__button-show__button {
  cursor: pointer;
  text-decoration: underline;
  color: #ec6b43;
}

.gifts__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
}

.gifts__items {
  display: none;
  padding: 6px 0 0;
}

.gifts__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  align-items: flex-start;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.gifts__item__image {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: 44px;
  flex-basis: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4px 24px 4px 0;
  max-width: 73px;
  min-width: 73px;
  box-sizing: border-box;
  height: 44px;
}

.gifts__item__title {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 4px 0;
  max-width: 100%;
  word-wrap: break-word;
}

@media (max-width: 479px) {
  .gifts__item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .detail-tabs {
    flex-direction: column;
  }
}
.detail-buy {
  padding-top: 24px;
  padding-bottom: 10px;
}
.detail-buy .obal_tl_kosik_det {
  padding: 8px 0;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background: none;
}
  .detail-buy .kosik_produkt_ks {
    float: left;
    padding: 2px 12px;
    margin-right: 0;
    width: 58px;
    height: 49px;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 50px 0 0 50px;
    border-right: 0;
    box-sizing: border-box;
    text-align: right;
    font-size: 20px;
    color: #222;
  }
  .detail-buy .ks_border {
    float: left;
    display: inline-block;
    margin-right: 20px;
    width: 45px;
    height: 49px;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 0 50px 50px 0;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 300;
    color: #595f75;
    line-height: 46px;
    text-align: center;
  }
  .detail-buy .kosik_produkt_tl {
    float: none;
    margin: 10px 10px 10px 0;
    padding: 17px 53px 13px 87px;
    width: auto;
    height: auto;
    background-image: url(/img/basket-ic_but.png), linear-gradient(to bottom, #ed5e22, #b44228);
    background-position: left 44px center, center;
    background-repeat: no-repeat, no-repeat;
    border-radius: 30px;
    font-weight: 600;
    text-transform: lowercase;
  }
.detail-gifts {
    margin: 24px 0 0;
    padding: 0 12px 12px;
    border: 1px dashed #595f75;
}
  .detail-gifts--title-wrapper {
    margin-top: -18px;
  }
    .detail-gifts--title {
      display: inline-block;
      margin: 0 12px;
      padding: 4px 9px;
      background: #fff;
      font-size: 20px;
      font-weight: 600;
      color: #595f75;
    }
  .detail-gifts--item {
    display: flex;
    flex-wrap: wrap;
    margin: 24px 0;
    min-height: 90px;
    background: #d9f7f7;
    cursor: pointer;
  }
    .detail-gifts--image-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin: -12px 12px;
      width: 100px;
    }
      .detail-gifts--image-wrapper img {
        max-width: 100%;
        max-height: 100%;
      }
    .detail-gifts--text {
      padding: 12px 44px 12px 12px;
      min-width: 190px;
      word-break: break-word;
      font-size: 17px;
      font-weight: 600;
      color: #595f75;
    }
.detail-gifts .custome-checkbox {
  display: none;
}
.detail-gifts .custome-checkbox:checked + .detail-gifts--item {
  background: url('../../../images/web/icon_checked.svg') right 8px center/36px no-repeat, #d9f7f7;
}
/*--- Detail/clanek produkt (KONEC) ---*/
/*--- Pridruzene produkty (START) = posuvnik dole - CSS cerpaji z vypisu produktu ---*/
.obal_pridruzene_produkty{
  position: relative;
  display: block;
  margin-top: 25px;
  z-index: 1;
}
.nadpis_pridruzene_produkty{
  display: block;
  margin: 0px 0px 20px 0px;
  text-transform: uppercase;
  text-align: center;
  font-size: 25px;
}
.swiper-scrollbar {
  width: 100%;
  height: 4px;
  position: absolute !important;
  left: 0;
  bottom: 5px;
  z-index: 1;
  opacity: 1 !important;
}
/*--- Pridruzene produkty (KONEC) = posuvnik dole - CSS cerpaji z vypisu produktu ---*/
/*--- Podobne produkty (START) = posuvnik vlevo pak nahore ---*/
.obal_podobne_produkty{
  position: absolute;
  left: 30px;
  top: 140px;
  z-index: 5;
  width: 126px;
  background-color: #FFFFFF;
}
.h3_podobny_produkt{
  display: block;
  margin: 10px 10px 10px 10px;
  color: #268da0;
  text-align: center;
  font-size: 12px;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.h3_podobny_produkt a:link, .h3_podobny_produkt a:visited{
  color: #268da0;
  text-decoration: underline;
}
.h3_podobny_produkt a:hover{
  color: #268da0;
  text-decoration: none;
}
.obal_slide_img{
  display: block;
  height: 60px;
  text-align: center;
  margin: 0px 10px 10px 10px;
}
.slide_podobne img{
  display: inline-block;
  max-width: 100%;
  max-height: 60px;
}
.cena_podobny_produkt{
  display: block;
  text-align: center;
  font-weight: bold;
  color: #d80001;
  font-size: 14px;
  margin: 0px 10px 10px 10px;
}
.posuv_menu_h{
  display: block;
  height: 24px;
  text-align: center;
  background-color: #FFFFFF;
  cursor: pointer;
  border-bottom: 1px solid #F3F3F3;
  
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/img/posuvnik_leva_horni/ic-move_products.png");  
}
.posuv_menu_d{
  display: block;
  height: 24px;
  text-align: center;
  background-color: #FFFFFF;
  cursor: pointer;
  border-top: 1px solid #F3F3F3;
  
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/img/posuvnik_leva_horni/ic-move_products_down.png");  
}
/*--- Podobne produkty (KONEC) = posuvnik vlevo pak nahore ---*/
/*--- Kosik (START) ---*/
.h1_kosik{
  display: block;
  font-size: 28px;
  text-transform: uppercase;
  margin: 0px 0px 20px 0px;
  padding: 0px 30px 20px 30px;
  border-bottom: 2px solid #FFFFFF;
}
.obal_tlacitek_kroku{
  display: block;
  margin-bottom: 15px;
  text-align: center;
}
.tl_krok_kosiku{
  display: inline-block;
  width: 20%;
  height: 24px;
  line-height: 24px;
  margin: 0px 1% 10px 1%;
  padding: 7px 1% 7px 1%;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  
  box-shadow: #000000 2px 2px 4px;
  -webkit-box-shadow: #000000 2px 2px 4px;
  -moz-box-shadow: #000000 2px 2px 4px;
  
  -webkit-border-radius: 19px 19px 19px 19px;
  -moz-border-radius: 19px 19px 19px 19px;
  border-radius: 19px 19px 19px 19px;
  behavior: url(../../../funkce/PIE.php);
}
.tl_krok_kosiku:hover, .aktivni_krok_kosik{  
  background-color: #3AA4BC;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#4BBAD5), to(#268DA0)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#4BBAD5, #268DA0); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#4BBAD5, #268DA0); /* Opera */
  background-image: -o-linear-gradient(#4BBAD5, #268DA0); /* Opera */
  background-image: -ms-linear-gradient(#4BBAD5, #268DA0); /* pro IE10 */
  background-image: linear-gradient(#4BBAD5, #268DA0); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4BBAD5',endColorstr='#268DA0'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
  
  box-shadow: transparent 0px 0px 0px;
  -webkit-box-shadow: transparent 0px 0px 0px;
  -moz-box-shadow: transparent 0px 0px 0px;
}
.cislo_kroku{
  float: left;
  width: 13%;
  height: 24px;
  text-align: center;
  color: #3AA4BC;
  border-right: 2px solid #D8D8D8;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nazev_kroku{
  float: left;
  width: 87%;
  height: 24px;
  text-align: center;
  color: #000000;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tl_krok_kosiku:hover .cislo_kroku, .aktivni_krok_kosik .cislo_kroku{  
  color: #FFFFFF;
  border-right: 2px solid #7AC5D8;
}
.tl_krok_kosiku:hover .nazev_kroku, .aktivni_krok_kosik .nazev_kroku{  
  color: #FFFFFF;
}
.polozka_kosik{
  display: block;
  padding: 20px;
  border-bottom: 1px solid #E6E6E6;
}
.polozka_kosik_obr{
  float: left;
  width: 6%;
  height: 72px;
  line-height: 72px;
  text-align: center;
  margin-right: 1%;
}
.polozka_kosik_obr img{
  max-width: 100%;
  max-height: 72px;
}
.polozka_kosik_text{
  float: left;
  width: 54%;
  height: 72px;
  line-height: 24px;
  margin-right: 1%;
}
.polozka_kosik_nazev{
  display: block;
  height: 24px;
  font-size: 16px;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.polozka_kosik_druh{
  display: block;
  height: 20px;
  font-size: 14px;
  color: #268da0;
  margin-top: 3px;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.polozka_kosik_infobloky{
  display: block;
  height: 20px;
  font-size: 11px;
  overflow: hidden;
  margin-top: 5px;
}
.polozka_kosik_infoblok{
  float: left;
  font-weight: bold;
  height: 14px;
  line-height: 14px;
  padding: 2px 8px 2px 8px;
  border: 1px solid #EEEEEE;
  color: #D91111;
  
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  behavior: url(../../../funkce/PIE.php);
}
.polozka_kosik_infoblok_sleva{
  float: left;
  font-weight: bold;
  height: 14px;
  line-height: 14px;
  padding: 5px 0px;
  color: #D91111;
  font-size: 16px;

  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  behavior: url(../../../funkce/PIE.php);
}
.polozka_kosik_ks{
  float: left;
  width: 7%;
  height: 72px;
  margin-right: 9%;
}
.kosik_ks_input{
  float: left;
  width: 38px;
  height: 20px;
  line-height: 20px;
  padding: 2px 4px 2px 4px;
  margin: 21px 0px 0px 0px;
  border: 1px solid #EEEEEE;
}
.polozka_kosik_cena{
  float: left;
  width: 10%;
  height: 72px;
  margin-right: 3%;
}
.cena_produktu{
  font-weight: bold;
  font-size: 16px;
  line-height: 72px;
  text-align: right;
}
.polozka_kosik_kriz{
  float: left;
  width: 9%;
  height: 72px;
}
.kosik_odstran{
  float: right;
  width: 28px;
  height: 28px;
  cursor: pointer;
  background: #FFFFFF url(/img/kosik/smazat.png);
  margin: 21px 0px 0px 0px;
  border: 0px;
  
 /* -webkit-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  behavior: url(../../../funkce/PIE.php); */
}
.kosik_prepocet{
  float: right;
  width: 33px;
  height: 28px;
  cursor: pointer;
  background: #FFFFFF url(/img/kosik/prepocitat.png);
  margin: 21px 0px 0px 0px;
  border: 0px;
  
 /* -webkit-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  behavior: url(../../../funkce/PIE.php); */
}
.kosik_krok1_soucty{
  display: block;
  padding: 20px 20px 0px 20px;
  margin-bottom: 10px;
}
.kosik_krok1_soucty_in{
  display: block;
  clear: both;
}
.krok1_soucty{
  height: auto;
  font-size: 16px;
  line-height: 17px;
  margin-bottom: 5px;
  font-weight: normal;
}
.kosik_krok1_soucet{
  display: block;
  background-color: #DAF8FF;
  padding: 10px 0px 10px 0px;
  margin-bottom: 10px;
}
.nadpis_celkem{
  font-weight: bold;
}
.hodnota_celkem{
  font-weight: bold;
  font-size: 18px;
  color: #d91111;
}
.kosik_zpet{
  float: left;
  font-size: 12px;
  
}
.sipka_zpet{
  background: url(/img/kosik/zpet.png) 0px 2px  no-repeat;
  /*width: 20px;*/
  padding-left: 20px;
  height: 14px;
  display: inline-block;
}
.kosik_pokracovat{
  position: relative;
  float: right;
  width: 184px;
  height: 34px;
  padding: 4px 32px 4px 24px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  border: 0px;
  background-image: url(/img/kosik/tlacitko.png);
  background-color: transparent;
  
  /*background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FD6536), to(#D94718)); /* Chrome a Safari*/
  /*background-image: -webkit-linear-gradient(#FD6536, #D94718); /* Chrome a Safari*/
  /*background-image: -moz-linear-gradient(#FD6536, #D94718); /* Opera */
  /*background-image: -o-linear-gradient(#FD6536, #D94718); /* Opera */
  /*background-image: -ms-linear-gradient(#FD6536, #D94718); /* pro IE10 */
  /*background-image: linear-gradient(#FD6536, #D94718); /* CSS3 */
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FD6536',endColorstr='#D94718'); /* IE9 a starsi*/
  /*zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
  
  /*-webkit-border-radius: 16px 16px 16px 16px;
  -moz-border-radius: 16px 16px 16px 16px;
  border-radius: 16px 16px 16px 16px;
  behavior: url(../../../funkce/PIE.php);*/
}
.kosik_pokracovat:hover{
  opacity: 0.8;
}
.tl_dokoncit_obj{
  width: 215px;
  background-image: url(/img/kosik/tlacitko-dokoncit.png);
  font-size: 12px;
}

.obal_img_posuvnik_kosik{
  float: left;
  width: 49%;
  margin-right: 2%;
  height: 118px;
  line-height: 118px;
  text-align: center;
  margin-bottom: 5px;
}
.obal_img_posuvnik_kosik img{
  max-width: 100%;
  max-height: 118px;
}
.obal_produkty_pod_kosik_cena{
  float: left;
  width: 49%;
}
.cena_pred_posuvnik_kosik{
  display: block;
  clear: both;
  margin-top: 20px;
  color: #000000;
  text-decoration: line-through;
}
.cena_akt_posuvnik_kosik{
  display: block;
  clear: both;
  height: 30px;
  line-height: 30px;
  color: #DB2325;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
}
.kosik_posuvnik_koupit{
  position: relative;
  float: left;
  clear: both;
  width: 63px;
  height: 22px;
  line-height: 22px;
  padding: 4px 25px 4px 12px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  border: 0px;
  
  background-color: #ED5627;
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FD6536), to(#D94718)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#FD6536, #D94718); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#FD6536, #D94718); /* Opera */
  background-image: -o-linear-gradient(#FD6536, #D94718); /* Opera */
  background-image: -ms-linear-gradient(#FD6536, #D94718); /* pro IE10 */
  background-image: linear-gradient(#FD6536, #D94718); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FD6536',endColorstr='#D94718'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
  
  -webkit-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  behavior: url(../../../funkce/PIE.php);
}
.kosik_posuvnik_koupit:hover{
  opacity: 0.8;
}
.obal_clanek_kosik{
  position: relative;
  display: block;
  padding: 20px 0px 20px 0px;
}
.blok_kosik_krok2{
  float: left;
  width: 22%;
  margin-right: 1%;
  margin-bottom: 15px;
  padding: 20px 1% 20px 1%;
  background-color: #FFFFFF;
}
.blok_krok2_posledni{
  background-color: #EF611F;
  color: #FFFFFF;
}
.obal_nadpis_krok2{
  display: block;
  height: 40px;
  padding-bottom: 15px;
  border-bottom: 1px solid #DADADA;
  margin-bottom: 10px;
}
.h2_kosik_krok2{
  display: block;
  text-align: center;
  margin: 0px;
  line-height: 22px;
  font-size: 16px;
  text-decoration: none;
  color: #3aa4bc;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.h3_kosik_krok2{
  display: block;
  text-align: center;
  margin: 0px;
  line-height: 18px;
  font-size: 14px;
  text-decoration: none;
  color: #3aa4bc;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.h2_kosik_krok2_jeden_radek{
  display: block;
  text-align: center;
  margin: 0px;
  line-height: 40px;
  font-size: 20px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.info_gdpr_step2{
  padding: 1em 0 0 0;
  float: left;
}
.info_gdpr_step3{
  padding: 1em 0;
  text-align: right;
  width: 100%;
}
.blok_obsah_krok2{
  display: block;
  height: 110px;
  margin-bottom: 20px;
  overflow: hidden;
}
.blok_obsah_krok2_cely{
  display: block;
  height: 160px;
  overflow: hidden;
}
.blok_obsah_krok2 p{
  text-align: center;
}
.obal_tl_krok2{
  display: block;
  text-align: center;
}
.kosik_pokracovat_krok2{
  display: inline-block;
  width: 184px;
  height: 34px;
  padding: 4px 32px 4px 24px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  border: 0px;  
  background-color: transparent;
  background-image: url(/img/kosik/tlacitko.png);
  
  /*background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FD6536), to(#D94718)); /* Chrome a Safari*/
  /*background-image: -webkit-linear-gradient(#FD6536, #D94718); /* Chrome a Safari*/
  /*background-image: -moz-linear-gradient(#FD6536, #D94718); /* Opera */
  /*background-image: -o-linear-gradient(#FD6536, #D94718); /* Opera */
  /*background-image: -ms-linear-gradient(#FD6536, #D94718); /* pro IE10 */
  /*background-image: linear-gradient(#FD6536, #D94718); /* CSS3 */
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FD6536',endColorstr='#D94718'); /* IE9 a starsi*/
  /*zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
  
  /*-webkit-border-radius: 16px 16px 16px 16px;
  -moz-border-radius: 16px 16px 16px 16px;
  border-radius: 16px 16px 16px 16px;
  behavior: url(../../../funkce/PIE.php);*/
}
.kosik_pokracovat_krok2:hover{
  opacity: 0.8;
}
.krok2_input_nadpis{
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
.krok2_input{
  float: left;
  width: 100%;
  height: 24px;
  line-height: 24px;
  padding: 3px 2% 3px 2%;
  border: 1px solid #DADADA;
  margin-bottom: 10px;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.obal_duvod_registrace{
  display: block;
  height: 34px;
  overflow: hidden;
  margin-bottom: 15px;
}
.cislo_duvodu_registrace{
  float: left;
  height: 34px;
  line-height: 34px;
  width: 34px;
  background-color: #CD4F14;
  font-weight: bold;
  text-align: center;
  margin-right: 15px;
  
  -webkit-border-radius: 17px 17px 17px 17px;
  -moz-border-radius: 17px 17px 17px 17px;
  border-radius: 17px 17px 17px 17px;
  behavior: url(../../../funkce/PIE.php);
}
.text_duvodu_registrace{
  display: block;
  height: 34px;
  overflow: hidden;
  line-height: 17px;
}
.duvod_jeden_radek{
  line-height: 34px;
}
.krok3_leva_pulka{
  float: left;
  width: 49%;
  margin-right: 2%;
}
.krok3_prava_pulka{
  float: left;
  width: 49%;
}
.h3_krok3{
  display: block;
  margin: 0px 0px 20px 0px;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 16px;
  color: #3aa4bc;
}
.krok3_radek{
  display: block;
  margin-bottom: 10px;
}
.krok3_popis{
  float: left;
  width: 48%;
  margin-right: 2%;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  font-size: 12px;
}
.krok3_nutne{
  color: #D9120F;
}
.krok3_input_obal{
  float: left;
  width: 50%;
  font-size: 12px;
}
.krok3_input_obyc{
  float: left;
  width: 100%;
  height: 30px;
  background-color: #FFFFFF;
  border: 1px solid #0a0a0aa0;
  padding: 5px 4% 5px 4%;
  font-size: 12px;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  
}
.krok3_input_obal textarea{
  float: left;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100px;
  max-height: 100px;
  min-height: 100px;
  background-color: #FFFFFF;
  border: 1px solid #EBEBEB;
  padding: 5px 4% 5px 4%;
  font-size: 12px;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  
}
.obal_check_krok3{
  display: block;
  clear: both;
  padding-top: 10px;
}
.krok3_check{
  float: left;
  margin: 3px 15px 0px 0px;
}
.krok3_popis_check{
  display: block;
}
.tl_adresy_krok3{
  padding: 10px 20px 10px 20px;
  display: block;
  height: 20px;
  line-height: 20px;
  background-color: #F3F3F3;
  color: #3aa4bc;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 10px;
  cursor: pointer;
}
.krok3_plus_minus{
  float: right;
  height: 20px;
  width: 20px;
  background:url(/img/kosik/plus.png) no-repeat 1px 1px;
}
.krok3_zabal{
  background: url(/img/kosik/minus.png) no-repeat 1px 1px;
}
.obal_info_povinne{
  display: block;
  margin-top: 15px;
}
.info_hvezda{
  float: left;
  color: #d9120f;
  margin-right: 5px;
}
.info_hvezda_text{
  float: left;
}
.krok3_cara, .krok4_cara{
  display: block;
  clear: both;
  border: 1px solid #E6E6E6;
  margin: 20px 0px 20px 0px;
}
.krok3_radek_prava{
  display: block;
  margin-bottom: 15px;
}
.kro3_prava_radio_logo{
  float: left;
  width: 16%;
  margin-right: 2%;
}
.krok3_prava_text_cena{
  float: left;
  width: 82%;
}
.krok3_radio_prava{
  float: left;
  margin: 7px 2% 0px 0px;
  font-size: 12px;
}
.krok3_logo{
  float: right;
  width: 60%;
  height: 28px;
  line-height: 28px;
  text-align: center;
}
.krok3_logo img{
  max-width: 100%;
  max-height: 28px;
}
.krok3_prava_obal_text{
  float: left;
  width: 78%;
  margin-right: 2%;
}
.krok3_1_radek{
  line-height: 28px;
}
.krok3_2_radky{
  line-height: 14px;
}
.krok3_prava_text1{
  display: block;
  font-weight: bold;
}
.krok3_prava_text2{
  display: block;
  font-size: 10px;
}
.krok3_prava_cena{
  float: left;
  width: 20%;
  font-weight: bold;
  color: #67A401;
}
.cara_doprava_platba{
  display: block;
  clear: both;
  border: 1px solid #E6E6E6;
  margin: 5px 0px 20px 0px;
}

.polozka_kosik_obr_krok3{
  float: left;
  width: 6%;
  height: 52px;
  line-height: 52px;
  text-align: center;
  margin-right: 1%;
}
.polozka_kosik_obr_krok3 img{
  max-width: 100%;
  max-height: 52px;
}
.polozka_kosik_text_krok3{
  float: left;
  width: 54%;
  height: 58px;
  line-height: 26px;
  margin-right: 1%;
}
.polozka_kosik_nazev_krok3{
  display: block;
  font-size: 16px;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.polozka_kosik_druh_krok3{
  display: block;
  font-size: 14px;
  color: #268da0;
  
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.polozka_kosik_ks_krok3{
  float: left;
  width: 7%;
  height: 52px;
  margin-right: 9%;
}
.polozka_kosik_ks_in{
  float: left;
  width: 38px;
  height: 20px;
  line-height: 20px;
  padding: 2px 4px 2px 4px;
  margin: 11px 0px 0px 0px;
}
.polozka_kosik_cena_krok3{
  float: left;
  width: 10%;
  height: 52px;
  line-height: 52px;
}
.w_100{
  width: 100%;
}
.obal_adresy_krok4{
  display: block;
  margin: 25px 0px 0px 0px;
}
.adresa_krok4{
  float: left;
  width: 33%;
  padding: 0px 2% 0px 2%;
  border-right: 1px solid #E6E6E6;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.radek_adresa_krok4{
  display: block;
  margin-bottom: 5px;
}
.adresa_krok4_text{
  float: left;
  width: 48%;
  margin-right: 2%;
}
.adresa_krok4_obsah{
  float: left;
  width: 50%;
  font-weight: bold;
}
.h3_krok4{
  display: block;
  margin: 0px 0px 20px 0px;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 18px;
  color: #3aa4bc;
}
#doprava_sk{
  display: none;
}
#platba_dobirka_sk{
  display: none;
}   
#platba_prevodem_sk{
  display: none;
}

.kosik_text_admin{
  margin-top: 30px;
  font-size: 12px;
}
.obal_clanek_produkt.krok3{
  min-height: unset;
}

/*--- Kosik (KONEC) ---*/

/*--- Recenze (START) ---*/
.over {
	background: transparent url("/img/recenze/stars_pl.gif") no-repeat scroll 0 -12px;
	display: block;
	height: 12px;
	width: 65px;
	float: left;
  margin-top: 3px;
  margin-right: 12px;
}
.over span {
	background: transparent url("/img/recenze/stars_pl.gif") no-repeat scroll 0 0;
	display: block;
	height: 12px;
	float: left;
}
.over_total {
	background: transparent url("/img/recenze/stars_pl_20.gif") no-repeat scroll 0 -20px;
	display: inline-block;
	height: 20px;
	width: 100px;
}
.over_total span {
	background: transparent url("/img/recenze/stars_pl_20.gif") no-repeat scroll 0 0;
	display: block;
	height: 20px;
	float: left;
}
.procenta {
	color: #389bd2;
	font-size: 130%;
	margin-right: 10px;
  display: inline-block;
}
.summary {
  margin: 10px 0;
}
.rating {
  margin: 8px 0;
}
.klady {
	width: 100%;
  margin: 5px 0;
	color: #50ad30;
	clear: left;
	width: auto;
}
.klady ul {
	list-style: none;
	margin: 0 0 15px 0;
	float: none;
	width: auto;
}
.klady ul li {
	background: url("/img/recenze/reviews-map.png") -4px -254px no-repeat;
}
.zapory {
	width: 100%;
  margin: 5px 0;
	color: #dc2424;
	clear: left;
	width: auto;
}
.zapory ul li {
	background: url("/img/recenze/reviews-map.png") -4px -549px no-repeat;
}
.sloupec_recenze ul {
	list-style: none;
	margin: 0 0 15px 0;
	float: none;
	width: auto;
  padding: 0;
}
.sloupec_recenze ul li {
	line-height: 1.3em;
	width: auto;
	margin-left: 0;
	margin-bottom: 4px;
	margin-right: 50px;
	padding-left: 20px;
}
.recenze_jmeno {
  color: #33a8e2;
  font-size: 16px;
  padding: 10px 10px 3px;
}
.recenze_img {
  float: left; 
  margin-right: 12px; 
  margin-bottom: 12px;
}
/*--- Recenze (KONEC) ---*/

/*--- Kontakt (START) ---*/
.kontakt_table_w{
  width: 70% !important;
}
.kontakt_td_w{
  width: 30% !important;
}
.certifikaty_autorizovaneho_prodejce{
  padding-top: 20px;
}
.strana_kontakt{
  font-size: 13px;
}
.strana_kontakt iframe{
  float: left;
  max-width: 1120px !important;
  max-height: 388px !important;
  margin-bottom: 20px;
  margin-right: 30px;
}
.strana_kontakt h2{
  display: block;
  color: #268da0;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  font-size: 18px;
}
.kontakt_zakl_info{
  float: right;
  /*width: 280px;*/
  width: 35%;
  margin-bottom: 15px;
  font-size: 12px;
  /*padding: 20px;*/
  padding: 2% 3%;
}
.kontakt_zakl_info h2{
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
  color: #222;
  text-transform: none;
}
.kontakt_zakl_info p{
  margin: 0px 0px 10px 0px;
  line-height: 18px;
}
.kontakt_zakl_info a:link, .kontakt_zakl_info a:visited{
  color: #268da0;
  text-decoration: underline;
}
.kontakt_zakl_info a:hover{
  color: #268da0;
  text-decoration: none;
}
.kontakt_blok_servis{
  float: right;
  width: 194px;
  padding: 20px 20px 15px 66px;
  margin-bottom: 45px;
  background-color: #F1F1F1;
  font-size: 12px;
  
  background-position: 20px 20px;
  background-repeat: no-repeat;
  background-image: url("/img/ikona_v_kontakt.jpg");  
}
.kontakt_blok_servis h3{
  display: block;
  margin: 0px 0px 10px 0px;
  color: #268da0;
  font-size: 18px;
}
.kontakt_blok_servis p{
  line-height: 20px;
}
.kontakt_blok_servis strong{
  display: block;
  clear: both;
}
.kontakt_zakaznicky_servis{
  float: right;
  /*width: 194px;
  padding: 20px 20px 15px 66px;*/
  width: 50%;
  padding: 2% 2% 4% 7%;
  margin-bottom: 45px;
  background-color: #F1F1F1;
  font-size: 12px;

  background-position: 20px 20px;
  background-repeat: no-repeat;
  background-image: url("/img/ikona_v_kontakt.jpg");
}
.kontakt_zakaznicky_servis h3{
  display: block;
  margin: 0px 0px 10px 0px;
  color: #268da0;
  font-size: 18px;
}
.kontakt_zakaznicky_servis p{
  line-height: 20px;
}
.kontakt_zakaznicky_servis strong{
  display: block;
  clear: both;
}
.strana_kontakt table{
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 30px;
  border-bottom: 1px solid #E9E9E9;
}
.strana_kontakt table tr{
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.strana_kontakt table td{
  float: left;
  width: 24%;
  padding: 0px 15px 0px 0px;
  margin: 20px 1% 0px 0px;
  border-right: 1px solid #E9E9E9;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.table_sklady_a_administrativa td{
  min-height: 196px;
}
.strana_kontakt table td:last-child{
  border-right: 0px;
}
.strana_kontakt table a{
  font-weight: bold;
}
.strana_kontakt table h2{
  margin: 0px 0px 10px 0px;
  font-size: 14px;
  display: block;
  text-decoration: underline;
  font-weight: normal;
}
.strana_kontakt table h3{
  margin: 0px 0px 10px 0px;
  color: #ee5722;
  font-size: 16px;
  display: block;
}
/*--- Kontakt (KONEC) ---*/

/*--- Landingpage - Usetrete (START) ---*/


.obsah_usetrete{
  background-color: #FFFFFF;
}
.obsah_usetrete .obsah_in{
  width: 100%;
}
.obsah_usetrete .blok_text_kategorie{
  width: 100%;
  margin-right: 0;
}
.obsah_usetrete .obal_nadpis_kategorie{
  width: 100%;
  margin-right: 0;
  padding: 0 0 30px 0;
}

.blok_sirky_webu{
  width: 1220px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}

.obsah_usetrete .obal_navigace{
  padding: 0 0 10px 0;
  margin-bottom: 1px;
}
.obsah_usetrete .obal_navigace .blok_sirky_webu{
  padding: 0 0 10px 0;

  border-bottom: 1px solid #DCDCDC !important;
}

.blok_uvidni_usetrete{
  display: block;

  padding: 30px 0 30px 0;

  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F3F3F3)); /* Chrome a Safari*/
  background-image: -webkit-linear-gradient(#FFFFFF, #F3F3F3); /* Chrome a Safari*/
  background-image: -moz-linear-gradient(#FFFFFF, #F3F3F3); /* Opera */
  background-image: -o-linear-gradient(#FFFFFF, #F3F3F3); /* Opera */
  background-image: -ms-linear-gradient(#FFFFFF, #F3F3F3); /* pro IE10 */
  background-image: linear-gradient(#FFFFFF, #F3F3F3); /* CSS3 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F3F3F3'); /* IE9 a starsi*/
  zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
}
.blok_jak_cist_usetrete{
  display: block;
  padding: 40px 0px 90px 0px;
  background-color: #FFFFFF;
}
.blok_proc_vytvoreno_usetrete{
  position: relative;
  display: block;
  padding: 80px 0px 80px 0px;
  background-color: #F3F3F3;
  z-index: 4;
}
.blok_vyhody_usetrete{
  display: block;
  padding: 80px 0px 60px 0px;
  background-color: #FFFFFF;
}
.blok_nabidka_usetrete{
  display: block;
  padding: 100px 0px 60px 0px;
  background-color: #00A7CF;
  text-align: center;
  vertical-align: top;
  font-size: 0; /*skrze inline-block potomky*/

  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("/img/landingpage_usetrete/bg_nabidka.png");
}
.blok_overit_usetrete{
  display: block;
  padding: 80px 0px 80px 0px;
  background-color: #FFFFFF;
}
.blok_tipy_usetrete{
  display: block;
  padding: 90px 0px 70px 0px;
  background-color: #F3F3F3;
}

.blok_uvidni_usetrete_text{
  float: left;
  width: 46%;
  margin-right: 4%;
  padding-top: 6%;
}
.blok_uvidni_usetrete_obr{
  float: left;
  width: 50%;
}
.blok_uvidni_usetrete_obr img{
  max-width: 100%;
}
.h1_uvidni_usetrete{
  display: block;
  font-size: 66px;
  line-height: 74px;
  font-weight: lighter;
  margin: 0px 0px 0px 0px;
  text-transform: uppercase;
}
.h1_uvidni_usetrete strong{
  display: block;
}
.blok_uvidni_usetrete_text_in{
  display: block;
  font-size: 20px;
  line-height: 30px;
  margin-top: 14px;
}
.blok_uvidni_usetrete_text_in p{
  margin: 0px;
}
.tl_usetrit{
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
  padding: 10px 60px 10px 40px;
  line-height: 40px;
  font-size: 16px;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #EC5E22;
  border-radius: 30px;
  cursor: pointer;

  background-position: right 26px center;
  background-repeat: no-repeat;
  background-image: url("/img/landingpage_usetrete/sipka_p.png");
}
.tl_usetrit:hover{
  opacity: 0.8;
}

.blok_nadpis_usetrete{
  display: block;
  text-align: center;
  margin-bottom: 40px;
}
.h2_nadpis_usetrete{
  display: block;
  font-size: 46px;
  line-height: 70px;
  margin: 0px 0px 0px 0px;
}
.h3_nadpis_usetrete{
  display: block;
  font-size: 20px;
  line-height: 28px;
  margin: 10px 0px 0px 0px;
  font-weight: lighter;
}
.blok_nabidka_usetrete .h2_nadpis_usetrete, .blok_nabidka_usetrete .h3_nadpis_usetrete{
  color: #FFFFFF;
}

.polozka_jak_cist{
  float: left;
  width: 46%;
  margin: 28px 2% 28px 2%;
}
.polozka_jak_cist img{
  max-width: 100%;
}

.blok_proc_vytvoreno_usetrete_text{
  float: left;
  width: 48%;
  margin-right: 6%;
}
.blok_proc_vytvoreno_usetrete_obr{
  position: absolute;
  float: right;
  width: 46%;
  margin-top: -130px;
  right: 0;
}
.blok_proc_vytvoreno_usetrete_obr img{
  max-width: 100%;
}
.h2_proc_vytvoreno, .h2_overit_usetrete{
  display: block;
  font-size: 46px;
  line-height: 60px;
  margin: 0px 0px 20px 0px;
}
.text_proc_vytvoreno, .text_overit_usetrete{
  display: block;
  font-size: 20px;
  line-height: 30px;
}
.text_proc_vytvoreno p, .text_overit_usetrete p{
  margin: 0px;
}

.blok_vyhody_usetrete_in{
  display: block;
  border: 1px solid #E2E2E2;
  border-radius: 18px;
  padding: 26px 0px 26px 0px;
  overflow: hidden;
}
.polozka_vyhody_usetrete_in{
  float: left;
  width: 33.3%;
  min-height: 280px; /*skrze ruzne delky textu*/
  border-right: 1px solid #E2E2E2;
  padding: 0px 3% 0px 3%;
  box-sizing: border-box;
  text-align: center;
  vertical-align: top;
}
.polozka_vyhody_usetrete_in.br_ne{
  border-right: 0px;
}
.polozka_vyhody_usetrete_in img{
  /*margin-bottom: 20px;*/ /*netreba obrazek ma furu okraju sam v sobe*/
}
.nazev_polozka_vyhody_usetrete_in{
  display: block;
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}
.text_polozka_vyhody_usetrete_in{
  display: block;
  font-size: 16px;
  line-height: 22px;
}
.text_polozka_vyhody_usetrete_in p{
  margin: 0px;
}

.polozka_nabidka_usetrete{
  display: inline-block;
  vertical-align: top;
  width: 23%;
  margin: 1% 1% 1% 1%;
  padding: 20px 20px 20px 20px;
  background-color: #FFFFFF;
  border-radius: 14px;
  box-sizing: border-box;
}
.polozka_nabidka_usetrete_img{
  display: block;
  height: 168px;
  line-height: 168px;
  margin-bottom: 16px;
}
.polozka_nabidka_usetrete_img img{
  max-width: 100%;
  max-height: 168px;
}
.polozka_nabidka_usetrete_nazev{
  display: block;
  clear: both;
  font-size: 18px;
  line-height: 24px;
  height: 24px;
  font-weight: bold;

  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.blok_overit_usetrete_text{
  float: right;
  width: 50%;
  margin-left: 4%;
  padding-top: 80px;
}
.blok_overit_usetrete_obr{
  float: left;
  width: 46%;
}
.blok_overit_usetrete_obr img{
  max-width: 100%;
}

.obal_polozka_faq{
  display: block;
  border-bottom: 1px solid #DCDCDC;
}
.obal_polozka_faq_aktiv{
  background-color: #FFFFFF;
  border-bottom: 0px;

  -webkit-border-radius: 14px 14px 14px 14px;
  -moz-border-radius: 14px 14px 14px 14px;
  border-radius: 14px 14px 14px 14px;

  box-shadow: #ECECEC 2px 2px 4px;
  -webkit-box-shadow: #ECECEC 2px 2px 4px;
  -moz-box-shadow: #ECECEC 2px 2px 4px;
  /* generator stinu - http://www.cssmatic.com/box-shadow */
}
.nazev_polozka_faq{
  position: relative;
  display: block;
  min-height: 30px;
  line-height: 30px;
  padding: 14px 80px 14px 20px;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  cursor: pointer;
}
.obal_polozka_faq_aktiv .nazev_polozka_faq{
  color: #000000;
}
.polozka_faq_ikona{
  position: absolute;
  right: 12px;
  top: 12px;
  height: 30px;
  width: 30px;

  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/img/landingpage_usetrete/plus.png");

  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
}
.obal_polozka_faq_aktiv .polozka_faq_ikona{
  background-image: url("/img/landingpage_usetrete/minus.png");
}
.obsah_polozka_faq{
  display: none;
  padding: 10px 14% 40px 20px;
}
.obsah_polozka_faq ul{
  list-style: none;
}
.obsah_polozka_faq {
  font-size: 18px;
  line-height: 25px;
}
.obsah_polozka_faq li::before{
  content: "\2022";
  color: #ec5e22;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.obal_polozka_faq_aktiv .obsah_polozka_faq{
  display: block;
}

@media only screen and (max-width: 1280px) {

  .blok_sirky_webu{
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
  }

  .blok_uvidni_usetrete_text{
    padding-top: 30px;
  }
  .h1_uvidni_usetrete{
    font-size: 46px;
    line-height: 56px;
  }

}

@media only screen and (max-width: 1000px) {

  .polozka_nabidka_usetrete{
    width: 31.3%;
  }

}

@media only screen and (max-width: 900px) {

  .blok_proc_vytvoreno_usetrete_text, .blok_overit_usetrete_text{
    float: none;
    display: block;
    width: auto;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    text-align: center;
    vertical-align: top;
  }
  .blok_proc_vytvoreno_usetrete_obr, .blok_overit_usetrete_obr{
    position: unset;
    float: none;
    display: block;
    width: auto;
    text-align: center;
    vertical-align: top;
    margin-top: 30px;
  }
  .blok_proc_vytvoreno_usetrete_obr img, .blok_overit_usetrete_obr img{
    max-height: 300px;
  }

  .nazev_polozka_vyhody_usetrete_in{
    font-size: 22px;
    line-height: 32px;
  }

}

@media only screen and (max-width: 760px) {

  .blok_uvidni_usetrete_text{
    float: none;
    display: block;
    width: auto;
    padding-top: 0px;
    margin-right: 0px;
    text-align: center;
    vertical-align: top;
  }
  .blok_uvidni_usetrete_obr{
    float: none;
    display: block;
    width: auto;
    text-align: center;
    vertical-align: top;
    margin-top: 30px;
  }
  .blok_uvidni_usetrete_obr img{
    max-height: 300px;
  }
  .h1_uvidni_usetrete, .h2_nadpis_usetrete, .h2_proc_vytvoreno, .h2_overit_usetrete {
    font-size: 36px;
    line-height: 46px;
  }
  .blok_jak_cist_usetrete{
    padding-bottom: 40px;
  }
  .blok_proc_vytvoreno_usetrete, .blok_nabidka_usetrete, .blok_overit_usetrete, .blok_tipy_usetrete{
    padding: 40px 0px 40px 0px;
  }

  .polozka_jak_cist{
    float: none;
    width: auto;
    display: block;
    margin: 20px 0px 20px 0px;
    text-align: center;
    vertical-align: top;
  }

  .blok_vyhody_usetrete_in{
    padding: 10px 0px 10px 0px;
  }
  .polozka_vyhody_usetrete_in{
    float: none;
    display: block;
    width: auto;
    min-height: 1px;
    padding: 14px 0px 14px 0px;
    border-right: 0px;
    border-bottom: 1px solid #E2E2E2;
  }
  .polozka_vyhody_usetrete_in.br_ne{
    border-bottom: 0px;
  }

  .polozka_nabidka_usetrete{
    width: 48%;
  }

  .nazev_polozka_faq{
    font-size: 18px;
  }
  .obsah_polozka_faq{
    font-size: 16px;
    line-height: 20px;
  }

}

@media only screen and (max-width: 500px) {
  .polozka_nabidka_usetrete{
    display: block;
    width: auto;
    margin: 5px 0px 5px 0px;
  }
  .polozka_nabidka_usetrete_nazev{
    font-size: 16px;
  }

  .nazev_polozka_faq{
    font-size: 16px;
  }
  .obsah_polozka_faq{
    font-size: 14px;
    line-height: 16px;
  }

  .h1_uvidni_usetrete, .h2_nadpis_usetrete, .h2_proc_vytvoreno, .h2_overit_usetrete{
    font-size: 24px;
    line-height: 34px;
  }

}

/*--- Landingpage - Usetrete (KONEC) ---*/


.sipka_prava_tl{
  position: absolute;
  right: 13px;
  top: 6px;
  width: 10px;
  height: 16px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/img/sipka_tlacitka.png");
}

/* detail 201910 */

.d_brand {
  margin: 18px -22px 0 0;
  text-align: right;
}

.d_brand__logo {
  display: inline-block;
  padding-bottom: 6px;
}

.d_brand__logo img {
  width: auto;
  height: auto;
  max-height: 25px;
}

.d__sellers__link {
  color: #ee5823 !important;
}

.d__sellers {

}

  .d__sellers__intro {
    margin: 3px 0 10px;
    border-bottom: 1px solid #d1d1d1;
  }

    .d__sellers__intro__title {
      margin: 0;
      text-transform: uppercase;
      letter-spacing: .3px;
    }

    .d__sellers__intro__text {
      margin-top: 4px;
      letter-spacing: .2px;
      font-size: 16px;
    }

  .d__sellers__item {

  }

    .d__sellers__item__name {
      padding-top: 4px;
      text-transform: uppercase;
      letter-spacing: .6px;
      line-height: 20px;
      font-size: 18px;
    }

    .d__sellers__item__phone-number {
      letter-spacing: .6px;
      line-height: 22px;
      font-size: 20px;
      font-weight: 800;
      color: #ee5823;
      text-decoration: underline;
    }
    .d__sellers__item__phone-number:link{
      color: #ee5823;
      text-decoration: underline;
    }

    .d__sellers__item__row {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
    }

      .d__sellers__item__row__send-mail {
        margin: 12px auto 12px 0;
        padding: 7px 22px 8px;
        border: 1px solid #00a650;
        border-radius: 36px;
        text-decoration: none !important;
        letter-spacing: .5px;
        font-size: 15px;
        font-weight: 600;
        color: #00a650 !important;
      }

        .d__sellers__item__row__send-mail img {
          margin: -2px 4px 0 0;
          height: 17px;
        }

      .d__sellers__item__row__image {
        align-self: flex-end;
        margin: -28px 0 -14px;
        padding-right: 2.7vw;
      }

      .d__sellers__item__row__image img {
        width: 64px;
      }

      .d__sellers__item__row__certificate {
        text-decoration: underline !important;
        text-align: right;
        line-height: 22px;
        letter-spacing: .4px;
        font-size: 14px;
        color: #ec5923 !important;
      }

      @media (min-width: 801px) and (max-width: 980px), (max-width: 580px) {

        .d__sellers {
          padding-left: 16px;
          padding-right: 16px;
        }

        .d__sellers__item__row {
          flex-direction: column;
        }

        .d__sellers__item__row__certificate {
          order: -2;
          text-align: left;
        }

        .d__sellers__item__row__certificate br {
          display: none;
        }
      }

      @media (max-width: 440px) {

        .d__sellers__item__row__image {
          margin-top: 0;
        }
      }

/* end detail 201910 */

/*--- Pomocne ---*/
.mr_ne{
	margin-right: 0px;
}
.relativni_pozice{
  position: relative;
}
.br_ne{
  border-right: 0px;
}
.resp_nazev_set{
  display: none;
}

/*--- Pomocne resp ---*/
.resp_plusko, .resp_menu_hlava{
  display: none;
}
.spacer_na_dva, .submenu_spacer{
  display: none;
}

/*--- Responsive design ---*/

@media only screen and (max-width: 1750px) {
  .home_proc_nakupovat_obal{
    padding-top: 40px;
  }
}

@media only screen and (max-width: 1550px) {	 /*skrze posuvnik vlevo ktery se presouva nad obsah detailu - hodnota sedi i s hlavickou a styly swiperu*/

  .obal_podobne_produkty{
    position: relative;
    top: auto;
    left: auto;
    float: left;
    width: 100%;
    height: 80px;
    line-height: 20px;
    margin-bottom: 20px;
    z-index: 1;
  }
  .posuv_menu_h{
    float: left;
    width: 5%;
    height: 80px;
  }
  .posuv_menu_d{
    float: left;
    width: 5%;
    height: 80px;
  }
  
  .h3_podobny_produkt{
    display: inline;
    float: left;
    width: 50%;
    height: 40px;
    overflow: hidden;
    margin: 10px 2% 0px 0px;
    white-space: initial;
  }
  .obal_slide_img{
    display: inline;
    float: right;
    width: 48%;
    margin: 10px 0px 0px 0px;
  }
  .cena_podobny_produkt{
    display: inline;
    float: left;
    width: 50%;
    margin: 0px 2% 10px 0px;
  }
  .slide_podobne{
    border-left: 1px solid #DADADA !important;
    border-right: 0px !important;
    border-top: 2px solid #FFFFFF !important;
    border-bottom: 2px solid #FFFFFF !important; 
  }
  .aktivni_slide_podobne{
    border-bottom: 2px solid #f86132 !important;
  }

}
@media only screen and (max-width: 1500px) {	 /*skrze submenu hlavicky*/

.banner_submenu_velky {
  display: none;
}
.banner_submenu_maly {
  display: block;
  float: right;
  width: 200px;
  height: 250px;
  background-color: #278EA1;
}
.blok_submenu_l{
  margin-right: 0px;
}
.blok_submenu_p{
  position: absolute;
  right: 20px;
  top: 20px;
  width: 200px;
  display: inline;
}
.blok_submenu_s{
  display: block;
  float: none;
  width: auto;
  padding-right: 230px;
  padding-left: 270px;
}
.obal_kategorie_submenu{
  width: 24%;
}
.posuv_menu_h{
  background-image: url("/img/posuvnik_leva_horni/ic-move_products_left.png");  
}
.posuv_menu_d{
  background-image: url("/img/posuvnik_leva_horni/ic-move_products_right.png");  
}
.home_proc_nakupovat_obal{
  padding-top: 20px;
}
.h2_proc_nakupovat{
  font-size: 22px;
  margin-bottom: 0px;
  padding-bottom: 6px;
}
.home_proc_nakupovat li{
  margin-bottom: 2px;
}

}
@media only screen and (max-width: 1440px) {
  .polozka_odkaz_hlava {
    margin-left: 1em;
  }

}

@media only screen and (max-width: 1350px) {
  .logo{
    margin-right: auto;
  }
  .row2-responsive-btn{
    display: block;
  }
  .predel_menu{
    display: none;
  }
  .horni_menu{
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
  }
  .row2-menu{
    flex-flow: column nowrap;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(161,161,161,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(161,161,161,1);
    box-shadow: 0px 2px 5px 0px rgba(161,161,161,1);
  }
  .row2-menu .item-wrapper{
    max-width: unset;
    min-height: unset;
    border-right: none;
    border-bottom: 1px solid #C9C9C9;
    padding: 10px 0;
  }

  .resp_menu_hlava{
    display: block;
    float: right;
    width: 44px;
    height: 30px;
    line-height: 30px;
    color: #FFFFFF;
    cursor: pointer;
    padding-left: 38px;
    margin: 11px 15px 11px 0;
    
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("/img/resp/menu-ic.png");  
  }
}

@media only screen and (max-width: 1280px) {	 /*  jiz resim responsivitu obsahu 1150 tablet - vetsinou do 1024*/
  .obal_clanek_produkt {
    padding: 20px 30px 20px 25px;
  }

  .d_brand {
    margin-right: 0;
  }
.obal_kategorie_submenu{
  width: 38%;
}

.paticka_in, .obsah_in, .obal_clanek_produkt .obsah_in, .pruh_reklama_in{
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
}
.text_seznam_pata{
  float: none;
  width: auto;
  display: block;
  margin-bottom: 10px;
}
.tl_seznam_pata{
  float: left;
  width: auto;
  margin-left: 44px;
  padding: 0px 5px 0px 5px;
}
.polozka_odkaz_hlava{
  margin-left: 10px;
}
.tl_do_kosiku_produkt{
  width: 74px;
}
.tl_do_detail_produkt{
  width: 48px;
}
.obal_obr_clanek{
  max-width: 50%;
}
.obal_obr_clanek img{
  max-width: 100%;
}
.obal_velky_form{
  float: none;
  clear: both;
  margin-left: auto;
  margin-right: auto;
}
.obal_vybrane_casti_setu{
  float: right;
  width: 48%;
  margin-left: 2%;
  height: auto;
  min-height: 588px;
}
.obal_blok_pod_formular{
  float: left;
  width: 50%;
  clear: none;
}
.blok_pod_formular{
  width: 49%;
}
.polozka_zvolena{
  display: inline;
  float: left;
  width: 100%;
  border-right: 1px solid #ffffff;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.strana_kontakt iframe{
  max-width: 100% !important;
  width: 100%;
}
.proc_nakupovat_dole{
  display: block;
  position: relative;
  left: auto;
  top: auto;
  display: block;
  z-index: 1;
}
.proc_nakupovat_dole .home_proc_nakupovat{
  background-image: url("/img/cerna_50.png");
  width: 96%;
  padding-right: 2%;
  padding-left: 2%;
}

.polozka_zalozka_vyrobce{
  padding: 10px 26px;
}


  .sets-text{
    font-size: 16px;
    line-height: 20px;
    max-width: 300px;
  }
  .sets-text h1{
    font-size: 40px;
    line-height: 60px;
  }

}

@media only screen and (max-width: 1215px) {
  .obsah{
    margin-top: 70px;
  }
  .header-row1 {
    display: none;
  }
  .pruh_reklama {
    height: 88px;
  }
  .pruh_reklama_in {
    text-align: center;
  }
  .pata_sestavit_set {
    position: absolute;
    left: 20px;
    bottom: 10px;
  }
  #close-marketing-fixed-shits {
    display: block;
  }
  
  .barevne_odkazy{
    width: 31% !important;
    margin-left: 1% !important;
    margin-right: 1% !important;
    text-align: center;
  }
  .obal_slider_home{
    display: none;
  }
  
}
@media only screen and (max-width: 1120px) { /* !!! je i v JS !!! */



.polozka_odkaz_hlava{
  display: block;
  float: none;
  margin: 0px;
  padding: 5px 10px 5px 10px;
}

  
.sloupec_pata, .sloupec_vypis_kat, .sloupec_vypis_produkt, .sloupec_vypis_kat_home {
  width: 46%;
  margin-right: 2%;
  margin-left: 2%;
}
.spacer_na_dva{
  display: block;
  clear: both;
}
.blok_seznam_pata{
  width: 100%;
  margin-right: 0px;
}

.blok_text_kategorie{
  width: 100%;
  margin-right: 0%;
  min-height: 1px;
}
.obal_img_kategorie{
  position: relative;
  right: auto;
  top: auto;
  width: 100%;
  margin-right: 0%;
  text-align: center;
}
  .obal_nadpis_kategorie.category-sety-img{
    margin: 0;
  }
  .obal_nadpis_kategorie.category-sety-img .h1_vypis_kat{
    width: unset;
  }
.category-create-set-img{
  display: none;
}
.aktualita_l{
  padding: 0px;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-right: 0px;
}
.aktualita_p{
  padding: 0px;
  width: 100%;
  margin-bottom: 10px;
}
.sloupec_vypis_nad_filtr{
  width: 22%;
  padding-left: 9%;
}
.obal_strankovani_vypis{
  width: 100%;
  clear: both;
  margin-top: 15px;
}
.pocet_produktu{
  float: left;
  width: 45%;
  margin-right: 5%;
}
.blok_razeni{
  float: right;
}
.typ_razeni{
  float: none;
}
.tl_na_splatky{
  margin-top: 10px;
}
.obal_fotogalerie_produkt{
  width: 100%;
  max-height: 100px;
  margin-bottom: 10px;
  overflow: hidden;
}
.obal_soubory_produkt{
  width: 100%;
}
.spacer_heureka{
  display: none;
}
.obal_fb_detail{

}
.obal_heureka{
  margin-top: 15px;
}
.kategorie_specifikace{
  width: 35%;
}
.obal_polozek_specifikace{
  width: 63%;
}
.polozka_specifikace{
  min-width: 49%;
}
.home_slider_title{
  font-size: 40px;
  line-height: 42px;
}
.strana_kontakt table td{
  width: 49%;
}
.obal_clanek_produkt .blok_detail_sestavte_txt{
  width: 40%;
  margin-right: 3%;
}
.obal_clanek_produkt .blok_detail_sestavte_img{
  width: 57%;
}

}
@media only screen and (max-width: 1050px) {
  .kontakt_table_w{
    width: 100% !important;
  }
  .kontakt_blok_servis{
    float: left;
  }
  .obal_clanek_produkt{
    min-height: 340px;
  }
}
@media only screen and (max-width: 1000px) {
  .header-row2{
    padding: 10px;
    gap: 10px;
  }
  .create-set{
    gap: 10px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 18px;
  }


  .kontakt_zakaznicky_servis{
    padding: 2% 4% 4% 10%;
    width: 45%;
  }

  .obal_img_producer{
    clear: both;
    display: block;
    margin-right: 0;
    text-align: center;
    width: 100%;
  }
  .obal_clanek_produkt .blok_detail_sestavte_mini{
    display: none;
  }
  .blok_text_producer{
    clear: both;
    display: block;
    left: 0;
    width: 100%;
    min-height: 1px;
  }
  .banner_kontakt{
    width: 96%;
    margin-right: 0px;
    padding: 0px 2% 0px 2%;
  }
  .banner_kontakt_in_l{
    width: 40%;
    margin-right: 2%;
  }
  .banner_kontakt_in_p{
    width: 40%;
    margin-right: 2%;
  }
  .banner_kontakt img{
    max-width: 16%;
  }
  .blok_kosik_krok2{
    margin-left: 1%;
    margin-right: 1%;
    width: 46%;
  }
  .adresa_krok4{
    width: 50%;
    margin-bottom: 10px;
  }
  .blok_filtr_in{
    margin-left: 0px;
    clear: both;
  }
  .obal_vypis_filter__header {
    padding-left: 2%;
  }
  .stat_blok_filtru{
    padding: 0 2% 0 2%;
    width: 96%;
    margin-bottom: 20px;
  }
  .polozka_znacky{
    width: 32%;
  }
  .polozka_aktualita_home {
    width: 100%;
    border: 0px !important;
    padding: 0px !important;
  }
  .home_akt_l{
    border-bottom: 1px solid #DADADA !important;
    margin-bottom: 0px;
    padding-bottom: 20px !important;
  }
  .reklama_pruh_text1{
    width: 100%;
    border-right: 0px;
  }
  .reklama_pruh_text2{
    padding-left: 0px;
  }
  .pata_sestavit_set{
    margin-top: -18px;
  }
  
  .obal_nadpis_kategorie{
    padding-right: 0px;
    padding-left: 0px;
  }
  .obal_clanek_produkt .blok_detail_sestavte_txt{
    width: 100%;
    margin-right: 0px;
    min-height: 1px;
    height: auto;
  }
  .obal_clanek_produkt .blok_detail_sestavte_img{
    display: none;
  }
  
  .polozka_zalozka_vyrobce{
    padding: 10px 26px;
    height: 50px;
    box-sizing: border-box;
    width: 33%;
    text-align: center;
  }
  
}

@media only screen and (max-width: 950px) { /*zmena formulare setu z "velkeho" na "maly"*/
  .obal_velky_form{
    width: 100%;
    height: auto;
    background-image: none;
  }
  .prvek_setu{
    float: left;
    position: relative;
    left: auto !important;
    top: auto !important;
    width: 33% !important;
    height: 40px !important;
    line-height: 20px !important;
    background-color: #F3F3F3;
    border-right: 1px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    font-weight: bold;   
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .prvek_setu .prvek_setu_in{
    background-image: none !important; /*dodat sipku*/
    
    background-position: 95% center !important;
    background-repeat: no-repeat !important;
    background-image: url("../../img/hlava/muj-ucet_ic.png") !important; 
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    padding: 10px 10px 10px 10px;
  }
  .prvek_setu .aktivni_set{
    background-color: #EC5925;
  }
  .resp_nazev_set{
    display: block;
    float: left;
    text-transform: uppercase;
    color: #1f8695;
    font-size: 14px;
  }
  .obal_vybrane_casti_setu{
    display: none;
  }
  .obal_blok_pod_formular{
    width: 100%;
  }
  .obal_aktualit {
    float: none;
    width: 100%;
    height: auto;
    padding: 10px;
    margin-top: 0;
  }

  .polozka_fotogalerie_pomerove{
    width: 31%;
  }
  
}
@media only screen and (max-width: 900px) {
  .home_banner{
    content: url("/img/home_banner/banner_900x230.png");
  }
}
@media only screen and (max-width: 800px) {

  .obsah{
    margin-top: 60px;
  }
  .logo, .logo img{
    height: 40px;
  }
  .header-icon{
    height: 40px;
    width: 40px;
  }
  .row2-responsive-btn{
    height: 40px;
    width: 40px;
    border-radius: 20px;
  }
  .row2-responsive-btn span{
    width: 20px;
    left: 10px;
  }
  .row2-responsive-btn span:nth-child(1){
    top: 10px;
  }
  .row2-responsive-btn span:nth-child(2){
    top: 18px;
  }
  .row2-responsive-btn span:nth-child(3){
    top: 26px;
  }
  .row2-responsive-btn.active span:nth-child(1), .row2-responsive-btn.active span:nth-child(3){
    top: 18px;
  }

  .create-set{
    height: 40px;
    border-radius: 20px;
  }
  .create-set-icon{
    height: 20px;
  }

  .detail-block,
  .obal_clanek_produkt,
  .h2_detail_produkt,
  .h1_detail_produkt,
  .obal_ikony_detail {
    padding-left: 16px;
    padding-right: 16px;
  }
  .h1_detail_produkt {
    margin-top: 0;
  }
  .d_brand {
    margin-bottom: 6px;
  }
  .sloupec_vypis_nad_filtr{
    width: 33%;
    padding-left: 15%;
  }
  .obal_pocet_radit_strankovani{
    text-align: center;
  }
  .pocet_produktu{
    float: none;
    margin: 0px;
    width: 100%;
  }
  .blok_razeni{
    float: none;
    margin-top: 15px;
  }
  .blok_razeni_text{
    float: none;
  }
  .blok_razeni{
    display: block;
  }
  .typ_razeni{
    float: none;
  }
  .typ_razeni select{
    display: inline;
  }
  .typ_razeni form{
    display: inline;
  }
  .obal_strankovani_in{
    float: none;
  }
  .polozka_strankovani, .polozka_strankovani_tecky{
    float: none;
    display: inline-block;
  }
  .row2-menu .item{
    width: 85%;
  }
  .resp_plusko{
    width: 15%;
  }
  .detail_leva_pulka, .detail_prava_pulka{
    margin-right: 0px;
    width: 100%;
  }
  .obal_obr_clanek_produkt{
    height: auto;
    line-height: 100%;
    padding: 20px 0px 20px 0px;
  }
  .tl_na_splatky{
    margin-top: 0px;
  }

  .sloupec_tech_parametry{
    float: left;
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
  }

  .treti_sloupec_tech{
    clear: both;
  }
  .polozka_kosik_obr, .polozka_kosik_obr_krok3{
    width: 14%;
  }
  .polozka_kosik_text, .polozka_kosik_text_krok3{
    width: 42%;
  }
  .polozka_kosik_cena, .polozka_kosik_cena_krok3{
    width: 14%;
  }
  .reklama_pruh_text2 {
    display: block;
  }
  .pruh_reklama {
    height: 115px;
  }
  .sloupec_recenze {
    float: none;
    width: 100%;
  }
  .sloupec_recenze:nth-child(2) {
    border-top: 1px solid #e4e4e4;
  }
  
  .pruh_reklama{
    display: none;
  }
  
  .obal_zalozek_detail_produktu{
    display: none;
  }
  .zalozka_vyrobce_resp{
    display: block;
    width: 100%;
    color: #000000;
    
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#D7D7D7), to(#FFFFFF)); /* Chrome a Safari*/
    background-image: -webkit-linear-gradient(#D7D7D7, #FFFFFF); /* Chrome a Safari*/
    background-image: -moz-linear-gradient(#D7D7D7, #FFFFFF); /* Opera */
    background-image: -o-linear-gradient(#D7D7D7, #FFFFFF); /* Opera */
    background-image: -ms-linear-gradient(#D7D7D7, #FFFFFF); /* pro IE10 */
    background-image: linear-gradient(#D7D7D7, #FFFFFF); /* CSS3 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7D7D7',endColorstr='#FFFFFF'); /* IE9 a starsi*/
    zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
  }
  .polozka_zalozka_vyrobce:hover, .aktivni_zalozka_vyrobce{
    color: #FFFFFF;

    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#B54227), to(#E75B20)); /* Chrome a Safari*/
    background-image: -webkit-linear-gradient(#B54227, #E75B20); /* Chrome a Safari*/
    background-image: -moz-linear-gradient(#B54227, #E75B20); /* Opera */
    background-image: -o-linear-gradient(#B54227, #E75B20); /* Opera */
    background-image: -ms-linear-gradient(#B54227, #E75B20); /* pro IE10 */
    background-image: linear-gradient(#B54227, #E75B20); /* CSS3 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B54227',endColorstr='#E75B20'); /* IE9 a starsi*/
    zoom:1; /* Bez zoomu se prechod v IE nezobrazi */
  }

  .banner-sets-in{
    flex-flow: column nowrap;
  }
  .sets-text{
    font-size: 16px;
    line-height: 20px;
    max-width: unset;
  }
  .sets-text h1{
    font-size: 40px;
    line-height: 60px;
    text-align: center;
  }
  .sets-text p{
    display: none;
  }
  .sets-btn{
    display: none;
  }
  .sets-btn.mobile{
    display: flex;
  }
  .sets-img-pc{
    display: none;
  }
  .sets-img-mobile{
    display: block;
  }
}

@media only screen and (max-width: 700px) {
  .polozka_kosik_obr, .polozka_kosik_obr_krok3{
    display: none;
  }
  .polozka_kosik_text{
    width: 49%;
  }
  .polozka_kosik_cena, .polozka_kosik_cena_krok3{
    width: 21%;
  }
  .tl_krok_kosiku{
    width: 45%;
  }
  .polozka_kosik, .kosik_krok1_soucty{
    padding-left: 0px;
    padding-right: 0px;
  }
  .home_proc_nakupovat ul{
    margin-right: 0px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .h2_proc_nakupovat{
    margin-bottom: 20px;
  }
  .h2_sestavit_detail{
    line-height: initial;
    font-size: 24px;
  }
  .obal_clanek_produkt .blok_detail_sestavte_txt{
    padding-top: 0px;
  }

  .polozka_soubor{
    width: 98%;
  }
  
  .barevne_odkazy{
    width: 48% !important;
  }
  
  .h1_vypis_kat{
    font-size: 24px;
    margin-bottom: 0px;
  }
  
}

@media only screen and (max-width: 650px) {	/*mobil - na sirku*/
  .create-set, .header-cart-text, .header-cart-pcs{
    display: none;
  }

  .kontakt_td_w{
    width: 100% !important;
    text-align: center;
  }
  .kontakt_blok_servis{
    width: 50%;
    float: right;
    margin-right: 15%;
  }
  .obal_clanek_produkt{
    min-height: 515px;
  }
  .kontakt_zakaznicky_servis{
    width: 80%;
    padding: 2% 5% 4% 15%;
  }
  .kontakt_zakl_info{
    width: 94%;
  }
.obal_polozek_specifikace{
  padding: 0px 0px 40px;
}

.obal_tlacitka_hlava{
  position: static;
}
.obal_kosik_hlava{
  width: 96%;
  padding: 0px 2% 0px 2%;
  top: 50px;
}
.kosik_hlava_img{
  display: none;
}
.nazev_cena_kosik{
  float: left;
  width: 50%;
  line-height: 25px;
  margin-right: 2%;
}
.kosik_hlava_nazev{
  height: 25px;
  margin-right: 0px;
  width: 100%;
}
.kosik_hlava_nazev, .kosik_hlava_cena{
  height: 25px;
  margin-right: 0px;
  text-align: left;
}
.tlacitko_a_pocet_kosik{
  float: right;
}
.tl_do_kosiku_produkt{
  width: 74px;
  background: none;
  padding-right: 18px;
}
.tl_do_detail_produkt{
  width: 48px;
  background-image: none;
  padding-right: 18px;
}
.tl_na_splatky{
  margin-top: 10px;
  clear: both;
}
.zalozka_nadpis_det{
  width: 95%;
}
.polozka_navigace, .predel_navigace{
  margin-top: 4px;
  margin-bottom: 4px;
}
.sloupec_tech_parametry{
  float: left;
  clear: both;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
}
.obal_muj_ucet{
  width: 92%;
  padding-right: 4%;
  padding-left: 4%;
}
.krok3_leva_pulka{
  margin-right: 0px;
  width: 100%;
  margin-bottom: 20px;
}
.krok3_prava_pulka{
  margin-right: 0px;
  width: 100%;
}
.adresa_krok4{
  width: 100%;
  border-right: 0px;
}
.obal_obr_clanek {
  max-width: 100%;
}
.obal_obr_vypis{
  width: auto;
  max-width: 40%;
}
.obal_obr_vypis img{
  max-width: 100%;
}

.h2_sestavit_home{
  font-size: 22px;
  line-height: normal;
}
.home_slider_title{
  font-size: 20px;
  line-height: 22px;
}
.reklama_pruh_text2{
  width: 100%;
}
.prvek_setu{
  width: 50% !important;
}
.strana_kontakt table td{
  width: 100%;
  border-right: 0px;
  margin-right: 0px;
  padding: 0px;
}
.strana_kontakt iframe {
  height: 200px !important;
  margin-bottom: 20px;
}

.polozka_fotogalerie_pomerove{
  width: 48%;
}

.sale-value{
  font-size: 18px;
}
.prices .actual-price{
  font-size: 22px;
}

  .banner-sets-in{
    flex-flow: column nowrap;
  }
  .sets-text{
    font-size: 16px;
    line-height: 20px;
    max-width: 300px;
  }
  .sets-text h1{
    font-size: 40px;
    line-height: 60px;
  }

}

@media only screen and (max-width: 550px) {	/*mobil - na vysku*/

.obal_polozek_specifikace{
  padding: 0px 0px 20px;
}
.sloupec_pata, .sloupec_vypis_kat, .sloupec_vypis_produkt, .sloupec_vypis_kat_home {
  width: 100%;
  margin-right: 0%;
  margin-left: 0%;
}
.obal_img_vypis_produkt{
  height: auto;
  line-height: normal;
}
.obal_nadpis_vypis_produkt{
  max-height: 92px;
  height: auto;
}
.obal_akce_vypis_produkt{
  height: auto;
}
.sloupec_pata_text{
  margin-left: 40px;
}
.header-cart-text{
  width: 0px;
  text-indent: -9999px;
}
.tl_muj_ucet{
  background-position: 64px center;
  padding: 6px 25px 6px 5px;
  width: 58px;
}
.aktualita_in1, .aktualita_in2{
  height: auto;
  padding: 0px;
  width: 100%;
}
.datum_aktualita{
 margin-bottom: 10px; 
 margin-top: 5px;
}
.sloupec_vypis_nad_filtr{
  width: 82%;
  padding-left: 18%;
  margin-right: 0px;
}
.tl_muj_ucet{
  background-image: none;
  padding-right: 5px;
}
.polozka_fotogalerie_produkt{
  width: 46%;
}
.banner_kontakt img{
  display: none;
}
.banner_kontakt_in_l{
  margin-right: 2%;
  width: 48%;
}
.banner_kontakt_in_p{
  width: 48%;
}
.blok_kosik_krok2{
  margin-left: 0px;
  margin-right: 0px;
  width: 98%;
}
.obal_obr_vypis{
  display: none;
}
.obal_h2_h3_vypis{
  height: auto;
}
.h2_vypis{
  overflow: visible;
  white-space: initial;
}
.h3_vypis{
  overflow: visible;
  white-space: initial;
}
.polozka_znacky{
  width: 49%;
}
.resp_blok_filtru{
  width: 100%;
}
.polozka_aktualita_home_l{
  width: 100%;
  margin-bottom: 10px;
}
.polozka_aktualita_home_p{
  clear: both;
  height: auto;
}
.h3_aktualita_home{
  height: auto;
  font-size: 18px;
  line-height: normal;
}
.home_slider_title{
  display: none;
}
.blok_pod_formular {
    width: 100%;
}
.obal_vybrane_casti_setu{
  display: none;
}
.prvek_setu{
  width: 100% !important;
}	
.pruh_reklama_in {
  text-align: left;
}

.obal_video{
  width: 98%;
  margin: 5px 1% 5px 1%;
}

.kosik_produkt_tl{
  font-size: 16px;
}

.h1_detail_produkt{
  font-size: 24px;
  line-height: 29px;
}

}
@media only screen and (max-width: 450px) {
  .kontakt_zakaznicky_servis{
    width: 75%;
    padding: 2% 5% 4% 20%;
  }
  .home_banner{
    content: url("/img/home_banner/banner_483x126.png");
  }
}

@media only screen and (max-width: 400px) {
  .obal_clanek_produkt{
    min-height: 535px;
  }
  .kontakt_blok_servis{
    margin-right: 12%;
  }

  .paticka_in, .obsah_in, .obal_clanek_produkt .obsah_in, .pruh_reklama_in {
    padding-left: 8px;
    padding-right: 8px;
  }

  .detail-block,
  .obal_clanek_produkt,
  .h2_detail_produkt,
  .h1_detail_produkt,
  .obal_ikony_detail {
    padding-left: 8px;
    padding-right: 8px;
  }

.sloupec_vypis_nad_filtr{
  width: 75%;
  padding-left: 25%;
}
.polozka_fotogalerie_produkt{
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}
.banner_kontakt_in_l{
  margin-right: 0px;
  width: 100%;
  text-align: center;
}
.banner_kontakt_in_p{
  width: 100%;
  text-align: center;
  padding-top: 0px;
}
.banner_kontakt_mail{
  float: none;
  display: inline-block;
}
.kosik_produkt_tl{
  background-image: none;
  padding-left: 5px;
  width: 210px;
}
.obal_tl_kosik_det{
  width: 290px;
  height: 102px;
  max-width: 100%;
  margin: 0;
}
.kosik_produkt_tl {
  width: 100%;
}
.ks_border {
  border: 0;
}

.login_polozka_obal, .info_registrace{
  width: 100%;
  margin-right: 0px;
  clear: both;
}
.tl_prihlasit{
  margin-top: 20px;
}
.na_prihlaseni{
  margin-top: 10px;
}
.tl_krok_kosiku{
  width: 96%;
}
.polozka_kosik_text, .polozka_kosik_text_krok3{
  width: 100%;
  margin-right: 0px;
}
.polozka_kosik_ks, .polozka_kosik_ks_krok3{
  width: 20%;
  height: 30px;
  line-height: 30px;
}
.polozka_kosik_cena, .polozka_kosik_cena_krok3{
  width: 43%;
  height: 30px;
  line-height: 30px;
}
.polozka_kosik_cena_krok3{
  width: 43%;
  height: 30px;
  line-height: 30px;
}
.polozka_kosik_kriz{
  width: 25%;
  height: 30px;
  line-height: 30px;
}
.kosik_ks_input, .kosik_odstran{
  margin-top: 0px;
}
.over{
  width: 100%;
}
.reklama_pruh_text1, .reklama_pruh_text2 {
	display: none;
	}
.pruh_reklama {
    height: 107px;
  }
  
.polozka_fotogalerie_pomerove{
  width: 98%;
}

.barevne_odkazy{
  width: 98% !important;
}
  
}
@media only screen and (max-width: 474px) {
  .pruh_reklama {
    height: 107px;
  }
  .pata_sestavit_set {
    left: 50%;
    margin-left: -75px;
    bottom: 42px;
  }
}
/*--- Responsive design - help z Stackoverflow ---*/
@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }