/**
 * OXID - eshop.xiaomicesko.cz
 * styly.css
 * Soubor s CSS styly pro zobrazení v prohlížeči
 *
 * @author Josef Šmíd <josef@skit.cz>
 * @copyright (c) 2007-2022 Josef Šmíd
 * @version 2.4.4
 */

/* základní nastavení */
@media all {

@font-face { font-family: ProximaNova; src: url( './proximanova/proxima-nova-thin.woff' ) format( 'woff' ); font-weight: 100; font-style:normal; }
@font-face { font-family: ProximaNova; src: url( './proximanova/proxima-nova-light.woff' ) format( 'woff' ); font-weight: 300; font-style:normal; }
@font-face { font-family: ProximaNova; src: url( './proximanova/proxima-nova-regular.woff' ) format( 'woff' ); font-weight: 400; font-style:normal; }
@font-face { font-family: ProximaNova; src: url( './proximanova/proxima-nova-semibold.woff' ) format( 'woff' ); font-weight: 600; font-style:normal; }
@font-face { font-family: ProximaNova; src: url( './proximanova/proxima-nova-bold.woff' ) format( 'woff' ); font-weight: 700; font-style:normal; }
@font-face { font-family: ProximaNova; src: url( './proximanova/proxima-nova-extrabold.woff' ) format( 'woff' ); font-weight: 800; font-style:normal; }
@font-face { font-family: ProximaNova; src: url( './proximanova/proxima-nova-black.woff' ) format( 'woff' ); font-weight: 900; font-style:normal; }

* { margin: 0; padding: 0; outline: 0; }

body, td, th, li, textarea
{
  font-family: 'ProximaNova',sans-serif;
  color: #000;
  font-size: 100%;
}

body { background-color: #fff; font-size: 16px !important; min-width: 320px; }
body.homepage { background-color: #f5f5f5; }

h1,h2,h3,h4,h5,h6,p.nadpis_h2,p.nadpis_h3 { font-family: 'ProximaNova',sans-serif; font-weight: 700; padding-bottom: 10px; }
h1 { font-size: 200%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }

.onlyone h1{font-family: 'ProximaNova',sans-serif;font-size:12px;text-transform: uppercase;color:#A0A0A0;margin-top: 10px;width:35%;position:absolute;text-align:center;padding:0;font-weight: 400;left:32%;line-height:  18px;}
.onlyone p{font-family: 'ProximaNova',sans-serif;font-size:12px;text-transform: uppercase;color:#A0A0A0;margin-top: 10px;width:35%;position:absolute;text-align:center;padding:0;font-weight: 400;left:32%;line-height:  18px;}
h1.pageHead { font-weight: 300; font-size: 150%; display:  inline-block;}

p {  }

p.lineheight { line-height: 150%; padding-bottom: 15px; }

ul, ol { margin: 10px 20px; }

a { color: #ff5001; text-decoration: none; }
a:hover { color: #ff6700; }

img { border: none; }
img#loading { vertical-align: middle; height: 25px; width: auto; margin-left: 3px; display: none; }
img.avatar { height: 50px; width: auto; vertical-align: middle; margin-right: 10px; }

table
{
  border: 1px solid #ccc;
  margin: 10px auto;
  border-spacing: 0;
  border-collapse: collapse;
}

caption
{
  font-size: 80%;
  font-style: italic;
}

td, th
{
  color: #757575;
  padding: 10px;
  border: 1px solid #ccc;
  vertical-align: middle
}

th
{
  background-color: #c0c0c0;
  font-weight: bold;
  text-align: center;
}

table.form, table.form td, table.form th { border: none; }

fieldset { border: none; padding: 0; margin: 0; }
h3 + fieldset { padding-bottom: 40px; }

input, select, textarea { font-family: 'ProximaNova',sans-serif; font-size: 110%; padding: 10px; box-sizing: content-box; }
input:disabled, select:disabled, textarea:disabled { background-color: #e0e0e0; }

input[type="text"], input[type="password"], select, textarea { border: 1px solid #ccc; }

input[type="submit"], a.button, button { padding: 15px 30px; color: #fff; background-color: #ff6700; transition: all 0.3s ease; border: none; text-transform: uppercase;
background-position: center center; background-repeat: no-repeat; background-size: 20px; font-weight: 400;  -webkit-appearance: none !important;appearance: none;-blink-appearance: none;}
input[type="submit"].greyButton, a.button.greyButton, button.greyButton { background-color: #757575; }

input[type="submit"]:hover, input[type="submit"]:focus, a.button:hover, a.button:focus, button:hover, button:focus
{
  background-color: #000;
  cursor: pointer;
}

button:disabled, button:disabled:hover { background-color: #e0e0e0; }

input[type=radio]:checked, input[type=checkbox]:checked, input[type=text]:focus, select:focus, textarea:focus, input[type=password]:focus { box-shadow: 0px 0px 3px rgb(0,0,0); }

input.loading, select.loading, button.loading, a.button.loading, ul.menusub.loading { color: transparent; background-image: url('./../../img/loading.gif'); background-position: center center; background-repeat: no-repeat; }

label:hover { cursor: pointer; color: #ff6700; }

ul.form { margin: 0; padding: 0; }
ul.form li { list-style: none; margin: 0; padding: 0; }

ul.form table, ul.form td, ul.form th { border-spacing: 0; border: none; margin: 0; padding: 0; vertical-align: top; }
ul.form table { width: 100%; }
ul.form td, ul.form li { padding-bottom: 20px; }
ul.form td li { padding-bottom: 0; }
ul.form td + td { padding-left: 40px; }
ul.form td + td.w15pct { padding-left: 20px; }

ul.form label { display: inline-block; width: 100%; padding-bottom: 5px; }
ul.form label.inline { width: auto; }
ul.form label.req:after { content: " *"; color: #ff6700; font-weight: bold; font-size: 120%; }

ul.form input.textbox, ul.form select.textbox, ul.form textarea.textbox { width: calc( 100% - 22px ); }
ul.form input.textbox[data-fieldsize="verify"] { width: calc( 100% - 140px ); margin-left: 30px; }

ul.form .reg_unreg { padding-bottom: 30px; }
ul.form .reg_unreg label { width: auto; }
ul.form .reg_unreg label:first-of-type { width: auto; margin-right: 40px; }


/* vlastní checkboxy a radio buttony *************** */

.ccontainer, ul.form .ccontainer { display: inline-block; line-height: 150%; position: relative; padding: 0 0 0 45px; margin-bottom: 15px; min-height: 5px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
ul.form .ccontainer { width: calc( 100% - 45px ); }

/* Hide the browser's default checkbox */
.ccontainer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

/* Create a custom checkbox */
.checkmark { position: absolute; top: 3px; left: 5px; height: 25px; width: 25px; background-color: #fff; border: 1px solid #ccc; border-radius: 3px;  }
.checkmark.radio { border-radius: 50%; }
.ccontainer:focus .checkmark, .ccontainer:hover .checkmark { border: 1px solid #000; }

/* When the checkbox is checked, add a blue background */
.ccontainer input:checked ~ .checkmark { background-color: #ff6700; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }

/* Show the checkmark when checked */
.ccontainer input:checked ~ .checkmark:after { display: block; }

/* Style the checkmark/indicator */
.ccontainer .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
/*.ccontainer .checkmark.radio:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid red; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }*/


/* chybové hlášky ************************ */

.oxValidateError { display: none; clear: both; font-size: 80%; color: #f23835; padding: 0; margin: 0; }
.oxValidateError span { display: none; }
/*.oxValidateError span.req { float: none; display: inline; }*/
.oxInValid p { color: #f23835; }
.oxInValid input, .oxInValid select, .oxInValid textarea, .oxInValid input:focus { }
.oxInValid input[type=text], .oxInValid input[type=password], .oxInValid select, .oxInValid textarea { border-color: #f23835; }
/*.oxInValid .oxValidateError, .oxInValid .oxValidateError .js-oxError_postError { display: block; }*/
/*.oxDisabled label { color: #e0e0e0; }
.oxDisabled input { background-color: #e0e0e0; }*/

.status { padding: 15px 30px; margin: 10px 0; text-align: left; }
/*.status p { margin: 0; }*/
.error { color: #f23835; border: 2px solid #f23835 ; background-color: #fed8d2; }
.warng { border: 2px solid #B2A46E; color: #404040; background-color: #F6E6AB; }
.success { border: 2px solid #edf8cb; color: #323b16; background-color: #f8ffe3; }

.error a { color: #f23835; text-decoration: underline; }
.error a:hover, .error a:focus { color: #000; }


/* speciální společné prvky ***************************************************/

.levy { text-align: left; }
.stred { text-align: center; }
.pravy { text-align: right; }

.vlevo { float: left; }
.vpravo { float: right; }

.full { width: 100%; }
.basic { width: 1226px; margin: 0 auto; }
.w50pct { width: 50%; }
.w15pct { width: 15%; }

div.mezera { width: 100%; clear: both; }

.clear { display: inline-block; }
* html .clear { height: 1%; } /* start commented backslash hack \*/
.clear { display: block; } /* close commented backslash hack */
.clear:after
{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.noprint { }
.noprintall { visibility: hidden; display: none; }
.nodisplay { display: none !important;}
.hidden { display: none; }

.stockPresale { color: #0096ff; }
.stockOnWay { color: #0096ff; }
.notOnStock { color: #757575; }
.lowStock { color: #41b741; }
.inStock { color: #41b741; }
.stockNotAvailable { color: red; }

.cara_dole { border-bottom: 1px solid #e0e0e0; padding-bottom: 30px; margin-bottom: 30px; }
.inputNote { font-size: 90%; }

.infoicon { cursor: pointer; }
.helpdesc { display: none; position: absolute; bottom: 30px; left: -30px; border: 4px solid #333; line-height: 150%; border-radius: 4px; width: auto; text-align: left; padding: 10px; background-color: #fff; z-index: 140; font-size: 90%; font-weight: normal; color: #000; }
.helpdesc p { padding-bottom: 10px; }
.helpdesc p:last-child { padding-bottom: 0; }

label div.helpdesc_outer { position: relative; display: inline-block; }
label .infoicon { display: inline-block; background-color: #616161; color: #fff; font-size: 80%; text-align: center; border-radius: 10px; width: 14px; height: 14px; }
label .infoicon:hover { background-color: #ff6700; }

/* dropdown menu */
.dropdown, .dropdown ul { list-style: none; }
.dropdown li.head { display: inline-block; float: left; padding: 10px 15px; font-size: 100%; font-weight: 400;}
.dropdown li.head a { position:relative; z-index: 100; }
.dropdown li.head a img { vertical-align: middle; width: 16px; height: auto; margin: 0 5px 3px 0; }
.dropdown li.head ul
{
  display: none;
  margin: 0;
  padding: 100px 0 60px 0;
  background-color: #fff;
  width: 100%;
  box-shadow: 5px 5px 10px #00000030;
}
.dropdown li.head:hover ul { display: block; position: absolute; z-index: 99; top: 0; left: 0; }
.dropdown li.head ul li.sorthead { padding: 0 20px 20px 10px; text-align: right;}
.dropdown li.head ul li.sorthead a { color: #ff5001 !important; }
.dropdown li.head ul li.sorthead a.aktivni { font-weight: bold; }
.dropdown li.head ul li.subnadpis { width: 100%; font-weight: bold; padding: 10px 0; clear: both; }
.dropdown li.head ul li.subhead a { display: block; float: left; width: 16.6666%; height: 170px; text-align: center; margin-bottom: 20px; }
.dropdown li.head ul li.subhead div.pkat_obrazek { }
.dropdown li.head ul li.subhead div.pkat_obrazek img { vertical-align: middle; width: auto; height: 140px; margin: 0; }
.dropdown li.head ul li.subhead div.pkat_text { font-weight: 400; padding: 10px 0; height: 30px; overflow: hidden; }
.dropdown li.head ul li.subhead span.price { color: #f23835; font-size: 90%; }

.menu_obsah { border-top: 1px solid #e0e0e0; padding-top: 40px; }
#titulek.homepage #menu.dropdown_open a { color: #616161; font-weight: 700; }


/* popup okna *************** */

.popupBox { position: absolute; border: none; padding: 40px; display: none; box-shadow: 0 0 10px #555; background-color: #fff; }
.popupBox img { max-width: 100%; }
.popupBox table { width: 100%; }
.popupBox img.closePop { position: absolute; right: 15px; top: 15px; cursor: pointer; z-index: 11003; width: 16px; height: 16px; }
.popupBox p.h3_nadpis { font-weight: 300; font-size: 150%; padding: 0 0 20px 0; }
.popupBox label { display: inline-block; padding-bottom: 5px; }
.popupBox div.popupButtons { padding-top: 40px; text-align: center; }

.prislusenstvi_zdarma div.select-info,
.prislusenstvi_zdarma div.select-info span { display: none; }

.prislusenstvi_zdarma span.select-info-text { /*color: #eb2d8b;*/ }
.prislusenstvi_zdarma span.select-info-text:hover { text-decoration: underline; cursor: pointer; }

.prislusenstvi_zdarma { font-size: 80%; padding: 15px 20px 15px 5px; line-height: 150%; }
.prislusenstvi_zdarma span { font-size: 130%; }
.prislusenstvi_zdarma strong { color: red; font-weight: bold; font-size: 130%; }
.prislusenstvi_zdarma table { border: none; }
.prislusenstvi_zdarma td { padding: 0 5px 10px 0; border: none; }
.prislusenstvi_zdarma td:first-child { text-align: center; width: 75px; }
.prislusenstvi_zdarma td img { max-width: 75px; max-height: 75px; }
#companyPopup #userChangeAddressB2B{margin: 20px;}
}

/* základní layout webu */
@media all {

#hlavni { position: relative; }

#special_info { border: none; padding: 10px 0; line-height: 150%; font-size: 90%;background-color:#F6E6AB; }

#horni_pruh { background-color: #333; min-height: 40px; text-align: left; }

  #preheader_text { float: left; text-transform: uppercase; font-weight: 400; font-size: 75%; color: #fff; }
    #preheader_text ul, #preheader_text li { margin: 0; padding: 0; list-style: none; }
    #preheader_text li { display: inline-block; margin-top: 12px; padding: 0 20px; border-right: 1px solid #555; }
    #preheader_text li:first-of-type { padding-left: 0; }
    #preheader_text li:last-of-type { border-right: none; padding-right: 0; }
    #preheader_text a { color: #a0a0a0; text-decoration: none; }
    #preheader_text a:focus, #preheader_text a:hover { color: #fff; }

  #header_authentication { float: right; }

    #header_login { text-transform: uppercase; font-weight: 400; font-size: 75%; color: #fff; float: left; }
    #header_login ul, #header_login li { margin: 0; padding: 0; list-style: none; }
    #header_login li { display: inline-block; margin: 12px 0; padding: 0 20px; border-right: 1px solid #555; }
    #header_login li.voc { color: #fff; }
    #header_login a { color: #a0a0a0; text-decoration: none; }
    #header_login a:focus, #header_login a:hover { color: #fff; }

    #miniBasket { display: inline-block; padding: 10px 0 0 20px; text-transform: uppercase; font-weight: 400; font-size: 75%; color: #fff; }
    #miniBasket img { vertical-align: middle; }
    #miniBasket a { color: #a0a0a0; text-decoration: none; }
    #miniBasket a:focus, #miniBasket a:hover { color: #fff; }

#titulek { position: relative; height: 100px; background-color: transparent; }
  #titulek.homepage { position: absolute; z-index: 1001; }

#logo { float: left; width: 70px; padding: 22px 0; position: relative; z-index: 100; }
  #logo a { display: block; width: 56px; height: 56px; position: relative; overflow: hidden; float: left; }
  #logo img { display: inline-block;/* position: absolute; top: 0px; left: -56px; background-color: #ff6700;*/ width: 56px; height: 56px; transition: all 0.3s ease; }
  /*#logo img:hover { left: 0px; }*/

#menuButton { display: none; width: 33px; height: 33px; float: right; cursor: pointer; transition: all 0.3s ease; margin: 30px 20px 0 40px; }
  #menuButton div { width: 33px; height: 5px; background-color: black; margin: 6px 0; transition: all 0.3s ease; }
  #menuButton:hover div { background-color: #ff6700; }
  #menuButton.active div:nth-child(1) { -webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px); }
  #menuButton.active div:nth-child(2) { opacity: 0; }
  #menuButton.active div:nth-child(3) { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px); }

#menu
{
  display: block;
  width: auto;
  float: right;
  padding: 22px 0;
  background-color: transparent;
  clear: none;
  position: static;
}
  #menu a { color: #616161; font-weight: 400; }
  #titulek.homepage #menu a { color: #fff; font-weight: 700; }
  #titulek.homepage #menu a:focus, #titulek.homepage #menu a:hover { color: #ff6700; }
  #menu a:hover { color: #ff6700; }
  #menu a.aktivni { color: #ff6700; }

  #menu ul.dropdown { display: inline-block; margin-left: 0; margin-right: 0; }

#vyhledavani { float: right; width: auto; padding-top: 25px; padding-left: 30px; z-index: 100; position: relative; }
  #vyhledavani input[type="text"] { border: 1px solid #e0e0e0; border-right: none; padding: 16px 10px; font-size: 100%; width: calc( 100% - 74px ); }
  #vyhledavani input[type="text"]:focus { border-bottom-color: #000; box-shadow: none; }
  #vyhledavani input[type="submit"] { border: 1px solid #e0e0e0; width: 50px; height: 50px; padding: 0; background: transparent url( './../../img/i-search.png' ) center center no-repeat; }
  #vyhledavani input[type="submit"]:hover { border-color: #ff6700; }

#slider_whole { background-color: #fff; height: 460px; overflow: hidden; }
  #slider_wrap { position: relative; }
  #slider_menu { width: 234px; height: 420px; padding: 20px 0; position: absolute; top: 0; left: 0; z-index: 90; background-color: rgba(50,50,50,.7); }
    #slider_menu .menucat { list-style: none; padding: 0; margin: 0; display: block; }
    #slider_menu .menucat a.menulink { color: #fff; text-decoration: none; display: block; background-color: transparent; padding: 10px 15px; }
    #slider_menu .menucat a.menulink:focus, #slider_menu .menucat a.menulink:hover { background-color: #ff6700; }
    #slider_menu .menucat a.menulink:after { content: "►"; position: absolute; right: 15px; font-size: 10px;margin-top: 4px; }
    #slider_menu .menucat .icon { display: none; }
    #slider_menu .menucat ul
    {
      display: none;
      margin: 0;
      padding: 20px;
      background-color: #fff;
      width: 951px;
      height: 418px;
      border: 1px solid #e0e0e0;
      border-left: none;
      /*box-shadow: 5px 5px 10px #616161;*/
    }
    #slider_menu .menucat:hover ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; position: absolute; z-index: 1000; top: 0; left: 234px; }
    #slider_menu .menucat ul div.productSubmenu { width: 230px; height: 50px; overflow: hidden; padding: 0; margin: 0 0 21px 0; }
    #slider_menu .menucat ul div.productSubmenu div.pictureBox { width: 50px; max-width: 50px; max-height: 50px; float: left; padding: 0 5px 0 0; margin: 0; }
    #slider_menu .menucat ul div.productSubmenu div.pictureBox img { max-width: 50px; max-height: 50px; }
    #slider_menu .menucat ul div.productSubmenu div.titleBox { float: left; width: 175px; padding: 0; margin: 0; font-size: 90%; font-weight: 400; }
    #slider_menu .menucat ul div.productSubmenu div.titleBox h2 { font-size: 90%; font-weight: 400; }
    #slider_menu .menucat ul div.productSubmenu div.titleBox a { color: #757575; }
    #slider_menu .menucat ul div.productSubmenu div.titleBox a:focus, #slider_menu .menucat ul div.productSubmenu div.titleBox a:hover { color: #ff6700; }
    #slider_menu .menucat ul div.productSubmenu div.priceBox, #slider_menu .menucat ul div.productSubmenu div.buttonBox { display: none; }
  /*#slider { padding-top: 50px; }*/
/*
  #slider div { position: relative; }
  #slider div img { position: relative; top: 0; left: 0; z-index: 99; }
  #slider div p { background-color: transparent; position: absolute; z-index: 100; }
  #slider div p:first-of-type { font-size: 340%; font-weight: 700; top: 37%; left: 28%; }
  #slider div p:nth-of-type(2) { font-size: 200%; top: 46%; left: 28%; }
*/

#promotionSlider { display: block; width: 100%; margin: 0; padding: 0; }
#promotionSlider li { display: block; list-style: none; width: 100%; height: auto; }

/*#slider_inner div a { position: relative; }*/

span.promoCountdown { position: absolute; color: #000; font-size: 230%; font-weight: 700; }
span.promoPrice { position: absolute; color: #000; font-size: 180%; font-weight: 700; }
span.promoOwnpickup{ position: absolute; color: #000; font-size: 180%; font-weight: 700; }

#highlights_whole { background-color: #fff; padding: 15px 0 30px 0; }
  #highlights_left {  width: 234px; }
  #highlights_left img { width: 100%; height: auto; }

  #highlights_right { width: calc( 100% - 234px ); }
  #highlights_right img { width: calc( 33.333% - 15px ); height: auto; margin: 0 0 0 15px; }

#obsah, #page_whole { min-height: 400px; }
  #page_whole.grey, .grey { background-color: #f5f5f5; }

#footer {}

#newsletter { background-color: #f5f5f5; }
#newsletter_inner { padding: 80px 0 50px 0; }
  #newsletter p { font-size: 80%; padding-bottom: 15px; }
  #newsletter p.nadpis_h2 { font-size: 120%; text-transform: uppercase; }
  #newsletter a { color: #000; text-decoration: underline; }
  #newsletter a:focus, #newsletter a:hover { color: #ff6700; }
  #newsletter label { display: inline-block; vertical-align: middle; font-size: 80%; width: calc( 100% - 30px ); margin-bottom: 15px; }
  #newsletter input[type="checkbox"] { width: 30px; display: inline-block; vertical-align: middle; }
  #newsletter input { margin-bottom: 15px; font-size: 90%; }
  #newsletter input[type="text"] { width: 250px; }
  #newsletter input[type="submit"] { padding: 11px; background-color: #ccc; }
  #newsletter input[type="submit"]:focus,#newsletter input[type="submit"]:hover { background-color: #000; }

#newsletter_left { width: 50%; padding-right: 10%; }
#newsletter_right { width: 40%; }
#newsletter_right p .noveokno img{width: auto;height: 1.3vw;}

#zapati { background-color: #333; color: #b0b0b0; font-size: 90%; padding-top: 20px; }
  #zapati a { color: #b0b0b0; text-decoration: none; }
  #zapati a:focus, #zapati a:hover { color: #fff; }

#zapati_inner { padding: 30px 0; }

  .zapati_sloupec { float: left; width: 172px; padding-right: 20px; }
  .zapati_sloupec p.nadpis_h2 { text-transform: uppercase; font-size: 100%; font-weight: 600; padding-bottom: 30px; }
  .zapati_sloupec a { display: inline-block; padding-bottom: 10px; }
  .zapati_sloupec img { width: 20px; height: 20px; filter: invert(1); opacity: 0.65; vertical-align: middle; padding-right: 3px; }

#copyright { border-top: 1px solid #424242; padding: 30px 0; }

div#cookieNote
{
  width: 100%;
  text-align: center;
  padding: 8px 0;
  color: #000;
  background-color: #fff;
  font-size: 80%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  border-top: 1px solid #ff6700;
}
div#cookieNote a.dismiss { padding-left: 40px; text-decoration: none; font-weight: bold; font-size: 120%; }

#plugin_newsletterXcesko_res { font-size: 90%; padding-bottom: 15px; font-weight: bold; }
#plugin_newsletterXcesko_res.ok { color: green; border: none; background-color: transparent; }
#plugin_newsletterXcesko_res.error { color: red; border: none; background-color: transparent; }

#breadcrumbs_whole { min-height: 20px; background-color: #f5f5f5; }
#breadcrumbs { }

#breadCrumbInner { color: #616161; font-size: 85%; }
#breadCrumbInner div { display: inline-block; vertical-align: middle; padding: 13px 5px; }
#breadCrumbInner div:first-of-type { padding-left: 0; }
#breadCrumbInner a { color: #c0c0c0; text-decoration: none; }

#breadcrumbs #breadcrumb_path { display: none; }

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    z-index: 2000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-widget-overlay {
    background: #000;
    opacity: .40;
    filter: Alpha(Opacity=40);
}

.ui-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
    z-index: 2001;
    padding: .2em;
    width: 300px;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .5em 1em .3em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .2em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    padding: 40px; /*overflow: auto;*/
    zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-slider-handle:hover {
    cursor: pointer;
}

.ui-menu-divider.ui-widget-content{display:none;}
.ui-autocomplete-nadpis.clear{margin: 20px 0px 10px 20px;}
.ui-autocomplete-extra{max-width: 363px;}
.ui-autocomplete {
  max-width: 433px;
  padding: 10px;
  z-index: 500 !important;
  background-color: #fff;
  border: 1px solid #E4DFDA;
  border-radius: 3px;
  font-size: 80%;
  
}
.ui-menu-item
{
  list-style-type: none;
  font-weight: bold;
  min-height: 40px;
  clear: both;
  font-weight: 400;
}
.ui-menu-item:first-child{
    font-weight: 600 !important;
    cursor: auto !important;
}
.ui-menu-item:hover{
    font-weight: 800;
    cursor: pointer;
}
.ui-menu-item span
{
  font-weight: normal;
  font-size: 90%;
}
.ui-autocomplete-obrazek
{
  float: left;
  width: 60px;
  margin-right: 10px;
  text-align: center;
}
.ui-autocomplete-text
{
  float: left;
  max-width: 363px;
  
}
.ui-autocomplete-extra
{
  float: left;
  width: 100%;
  text-align: left;
  padding-top: 10px;
}
.ui-autocomplete-obrazek img
{
  max-width: 60px;
  max-height: 40px;
}
#ui-active-menuitem { color: #EB2D8B; }

}

#timer{font-weight: 580;text-align: center;line-height: 2;background-color:#ff6700;color:black;}

/* výpis produktů (alist) */
@media all {

#topgrey_whole { background-color: #fff; padding: 20px 0; margin-bottom: 30px; }
#topgrey_whole h1 { font-weight: 300; font-size: 150%; padding: 0; }

#nothing_found { padding: 20px 0; }

.banner_left { width: 234px; float: left; }
  .banner_left img { width: 100%; height: auto; }

#listarticles, #prislusenstvi div.listarticles, #alternativy div.listarticles, #hp_highlights div.listarticles { display: flex; flex-wrap: wrap; justify-content: space-between; }
/*#listarticles::after { content: ""; flex: auto; margin-left: 14px; }*/
#hp_highlights div.listarticles { float: right; width: calc( 100% - 247px ); }

.productDataOuter { display:inline-block; background-color: #fff; width: calc( 25% - 12px); min-width: 296px; height: 430px; margin-bottom: 16px; transition: all 0.3s ease; overflow: hidden; }
.productDataOuter:hover { box-shadow: 0 5px 15px rgba(0,0,0,.2); }
.productDataOuter.empty, #hp_highlights .productDataOuter.empty, #slider_menu .menucat ul div.productSubmenu.empty { height: 0px; margin: 0; padding: 0; }

.productDataOuter div.pictureBox { width: 100%; margin: 0 auto; height: 275px; text-align: center; position: relative; }
.productDataOuter div.pictureBox span, div.titleBox span { width: 0; height: 100%; display: inline-block; vertical-align: middle; }
.productDataOuter div.pictureBox img { width: auto; height: auto; max-width: 255px; max-height: 255px; display: inline-block; vertical-align: middle; }

.productDataOuter div.pictureBox div.icons { text-align: left; position: absolute; left: 0; top: 0; font-size: 90%; }

.productDataOuter div.titleBox { width: 100%; text-align: center; margin: 0 auto; height: 50px; }
.productDataOuter div.titleBox h2 { display: inline-block; vertical-align: middle; font-size: 100%; padding: 0; width: 95%; }
.productDataOuter div.titleBox h2 a { color: #757575; text-decoration: none; }

.productDataOuter div.priceBox { width: 95%; padding: 8px 0; margin: 0 auto; text-align: center; }

.productDataOuter div.buttonBox { width: 95%; padding: 10px 0 0 0; margin: 0 auto; text-align: center; }
.productDataOuter div.buttonBox button, .productDataOuter div.buttonBox a.button { padding: 10px 20px; font-size: 90%; display: inline-block; }

#hp_highlights .productDataOuter { min-width: 234px; height: 300px; }
#hp_highlights .productDataOuter div.pictureBox { height: 194px; }
#hp_highlights .productDataOuter div.pictureBox img { max-width: 194px; max-height: 174px; }
#hp_highlights .productDataOuter div.titleBox h2 { font-weight: 400; }
#hp_highlights .productDataOuter div.priceBox { font-size: 95%; }
#hp_highlights .productDataOuter div.buttonBox { display: none; }

#al_recommended div.banner_left { border-top: 1px solid #f5f5f5; }
#al_recommended div.listarticles div.productDataOuter:nth-of-type(1) { border-top: 1px solid #ffac13; }
#al_recommended div.listarticles div.productDataOuter:nth-of-type(2) { border-top: 1px solid #83c44e; }
#al_recommended div.listarticles div.productDataOuter:nth-of-type(3) { border-top: 1px solid #2196f3; }
#al_recommended div.listarticles div.productDataOuter:nth-of-type(4) { border-top: 1px solid #00c0a5; }


div.bottomParams { text-align: center; padding: 20px 0; }
div.topParams { padding-bottom: 30px; }
#itemsPagerbottom { padding: 10px; display: block; }
#itemsPagerbottom a.page { display: inline-block; background-color: #757575; color: #fff; text-decoration: none; width: 20px; height: 20px; margin: 5px; }
#itemsPagerbottom a.page.active { display: inline-block; background-color: #ff6700; color: #fff; text-decoration: none; }

#itemsPerPage { font-size: 100%; color: #c0c0c0; padding-top: 10px; }
#itemsPerPage ul { margin: 0; padding: 0; float: right; }
#itemsPerPage li { display: inline-block; padding: 0 20px; border-right: 1px solid #c0c0c0; }
#itemsPerPage li:last-of-type { border-right: none; padding-right: 0; }
#itemsPerPage a { color: #616161; text-decoration: none; }
#itemsPerPage a.selected { color: #ff6700; }
#itemsPerPage a:focus, #itemsPerPage a:hover { color: #000; }

#sortItems { font-size: 100%; color: #c0c0c0; padding-top: 10px; }
#sortItems ul { margin: 0; padding: 0; float: right; }
#sortItems li { display: inline-block; padding: 0 20px; border-right: 1px solid #c0c0c0; }
#sortItems li.asc { background: transparent url( './../../img/i-sort-up.png' ) right 15px center no-repeat; padding-right: 25px; }
#sortItems li.desc { background: transparent url( './../../img/i-sort-down.png' ) right 15px center no-repeat; padding-right: 25px; }
#sortItems li:last-of-type { border-right: none; padding-right: 0; }
#sortItems a { color: #616161; text-decoration: none; }
#sortItems a.selected { color: #ff6700; }
#sortItems a:focus, #sortItems a:hover { color: #000; }

#subcats { display: flex; flex-wrap: wrap; font-size: 90%; color: #c0c0c0; padding-bottom: 20px; line-height: 150%; background-color: transparent; }
#subcats div.subcat { float: left; width: calc( 33.333% - 22px ); height: 50px; padding: 5px; overflow: hidden; border: 1px solid #c0c0c0; margin-bottom: 15px; margin-right: 15px; background-color: #fff; }
#subcats div.subcat_img { display: inline-block; vertical-align: middle; width: 50px; height: 50px; padding-right: 5px; }
#subcats div.subcat_img img { display: inline-block; vertical-align: middle; max-width: 50px; max-height: 50px; }
#subcats div.subcat_img span { display: inline-block; vertical-align: middle; width: 0; height: 100%; }
#subcats div.subcat_text { display: inline-block; vertical-align: middle; width: calc( 100% - 65px ); }

#subcats div.subcat:nth-child(3n+0) { margin-right: 0; }

#subcats li { display: inline-block; padding: 0 20px; border-right: 1px solid #c0c0c0; }
#subcats li:last-of-type { border-right: none; padding-right: 0; }
#subcats a { color: #616161; text-decoration: none; }
#subcats a:focus, #subcats a:hover { color: #ff6700; }
#faq_div{display:block;}
#faq_div ul{display:block;list-style-type: none;}
#faq_div h3 strong {font-weight: 600;}
}

/* detail produktu (detail) */
@media all {

#detailsInfo { padding-top: 30px; }

#detailsInfoPictures { width: 42%; }

  #detailsInfoPictures .picture { text-align: center; }
  #detailsInfoPictures .picture img { max-width: 100%; height: auto; }

  #morePicsContainer { display: flex; flex-wrap: wrap; justify-content: space-between; }
  #morePicsContainer a { display: flex; width: calc( 19% - 2px ); height: 80px; padding: 10px; border: 1px solid #e0e0e0; text-align: center; overflow: hidden; margin-bottom: 15px; }
  #morePicsContainer a img { max-height: 80px;width: auto;margin: auto; }
  #morePicsContainer div.morepics_empty { width: calc( 19% + 20px ); height: 0px; padding: 0; margin-bottom: 15px; }

#detailsToBasket { width: 50%; }

  #detailsToBasket h1 { font-size: 180%; padding-top: 20px; padding-bottom: 0; }
  #detailsToBasket h1 span { font-size: 60%; color: #616161; font-weight: 300; }

  #detailsToBasket div.icons { padding-top: 20px; font-size: 90%; }
  #detailsToBasket div.icon { width: auto; margin-right: 10px; margin-bottom: 10px; }
  #detailsToBasket div.icon:last-child { margin-right: 0; }

  #detailsCross { }
  #detailsCross p { color: #757575; font-size: 90%; padding-bottom: 3px; }
  .detailsCross { display: flex; flex-wrap: wrap; justify-content: space-between; }

  .productDataOuter_cross { background-color: #fff; width: calc( 33% - 12px); min-width: 100px; border: 1px solid #e0e0e0; height: 50px; margin-bottom: 16px; transition: all 0.3s ease; overflow: hidden; }
  .productDataOuter_cross:hover, .productDataOuter_cross.selected { border: 1px solid #f23835; }
  .productDataOuter_cross.empty { height: 0px; margin: 0; padding: 0; border: none; }

  .productDataOuter_cross div.pictureBox { float: left; width: 30%; text-align: center; }
  .productDataOuter_cross div.pictureBox span, div.titleBox span { width: 0; height: 100%; display: inline-block; vertical-align: middle; }
  .productDataOuter_cross div.pictureBox img { width: auto; height: auto; max-width: 50px; max-height: 50px; display: inline-block; vertical-align: middle; }

  .productDataOuter_cross div.titleBox { width: 70%; float: right; }
  .productDataOuter_cross div.titleBox h2 { display: inline-block; vertical-align: middle; font-size: 80%; font-weight: 400; padding: 0; padding-top: 5px; line-height: 150%; }
  .productDataOuter_cross div.titleBox h2 a { color: #757575; text-decoration: none; display: block;width:100%;height:48px; }

  #detailsInfoBasket table, #detailsInfoBasket td { border: none; padding: 0; vertical-align: top; }
  #detailsInfoBasket table td:first-child { width: 45%; padding-right: 50px; }

  #detailsSklad {  }
  #detailsSklad .stockFlag { font-weight: 700; }
  #detailsSklad .smaller { font-size: 90%; }
  #detailsSklad a { color: #2a8e13; text-decoration: underline; font-weight: 400; }
  #detailsSklad a:hover, #detailsSklad a:focus { color: #000; }

  #detailsPrice .price { color: #f23835; font-size: 180%; }
  #detailsPrice .price_excl_vat { font-size: 90%; }
  #detailsPrice .old_price { color: #000; }

  #detailsAmount { padding-top: 30px; }
  #detailsAmount input[type="button"] { border: 1px solid #e0e0e0; background-color: #fff; font-size: 130%; cursor: pointer; width: 15px; }
  #detailsAmount input[type="text"] { border: 1px solid #e0e0e0; border-width: 1px 0; background-color: #fff; font-size: 130%; text-align: center; }

  #detailsBuy { padding-top: 30px; }
  button#toBasket { width: 100%; }
  button#rezervovat{ width: 100%; }

  /*custom radio button*/
  .divCustomRadio {position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  .divCustomRadio input {position: absolute;top: 0;left: 0; opacity: 1;cursor: pointer;height: 20px;width: 20px;}
  .customRadio {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #eee;border-radius: 50%;border: solid 0.5px #ff6700; }
  .divCustomRadio:hover input ~ .customRadio {background-color: #c2c2c2;}
  .divCustomRadio input:checked ~ .customRadio {background-color: #ff6700;}
  .customRadio:after {content: "";position: absolute;display: none;}
  .divCustomRadio input:checked ~ .customRadio:after {display: block;}
  .divCustomRadio .customRadio:after {top: 9px;left: 9px;width: 8px;height: 8px;border-radius: 50%;background: white;}
  .divCustomRadio input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2.5px;

        position: relative;
        background-color: #ffa500;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2.5px solid white;
    }


  .detailsInfoGift { float: left; width: 33%; text-align: center; padding-bottom: 20px; font-size: 90%; }
  .detailsInfoGift img { max-width: 100%; height: 40px; }
  .detailsInfoGift div.select-info { display: none; }
  .detailsInfoGift em { font-size: 90%; font-style: normal; color: #616161; }
  .detailsInfoGift strong { color: #ff6700; font-weight: 400; }

  #detailsRelated { background-color: #f5f5f5; }

  #detailsTabsWhole { border-top: 1px solid #e0e0e0; background-color: #fff; margin-top: 50px; }

    #details_tabs { min-height: 30px; text-align: center; padding: 30px 0; }

    ul.tabs { position: relative; top: 0; z-index: 2; overflow: hidden; margin: 0; }
    ul.tabs a { width: calc( 100% - 121px ); text-decoration: none; color: #757575; padding: 5px 60px; border-right: 1px solid #e0e0e0; }
    ul.tabs li {
      display: inline-block;
      vertical-align: middle;
      list-style: none;
      border: none;
      position: relative;
      width: auto;
      padding: 0;
      font-size: 120%;
      font-weight: 500;
      text-transform: uppercase;
    }
    ul.tabs li:first-child a { padding-left: 5px; width: calc( 100% - 66px ); }
    ul.tabs li:last-child a { border-right: none; padding-right: 5px; width: calc( 100% - 65px ); }
    ul.tabs li.ui-state-active { z-index: 2; }

    ul.tabs li.ui-state-active a, ul.tabs li:hover a, ul.tabs li:focus a { color: #ff6700; }

    div.ui-tabs-hide { display: none; }

    .widgetBoxBottomRound div.basic { padding: 50px 0; }
    .widgetBoxBottomRound div.white { background-color: #fff; padding: 20px; }

  #description { line-height: 150%; }
  #description h2 { font-weight: 300; text-align: center; color: #616161; font-size: 180%; text-transform: uppercase; padding: 0; position: relative; margin-bottom: 50px; }
  #description h2 span:first-child { display: block; border-top: 1px solid #616161; width: 100%; height: 1px; position: absolute; top: 60%; left: 0; z-index: 0; }
  #description h2 span:last-child { background-color: #f5f5f5; display: inline-block; text-align: center; position: relative; z-index: 1; padding: 0 30px; }

    #hp_highlights { padding-top: 50px; }
    #hp_highlights div.listarticles { padding-bottom: 20px; }
    #hp_highlights div.banner_bottom { padding-bottom: 40px; }
      #hp_highlights div.banner_bottom img { width: 100%; height: auto; }
    #hp_highlights h2.head { font-weight: 300; padding-bottom: 15px; }

  #attributes { padding: 20px 0; display: flex; flex-wrap: wrap; justify-content: space-between; }

    #attributes p { flex: 1 0 48%; padding: 30px 0; width: 48%; margin-right: 2%; border-bottom: 1px solid #e0e0e0; text-align: left; }
    #attributes p.empty { flex: 1 0 48%; padding: 50px 0; width: 48%; margin-right: 2%; border: none; height: 0; }
    #attributes em { font-style: normal; display: inline-block; width: 30%; vertical-align: middle; }
    #attributes strong { font-weight: bold; display: inline-block; width: 68%; vertical-align: middle; }

#detailsDostupnostPopup table, #detailsDostupnostPopup table td { border: none; padding: 0; margin: 0; border-spacing: 0; }
#detailsDostupnostPopup table td { padding: 3px; background-color: #fff; font-size: 90%; }
#detailsDostupnostPopup table tr:nth-child(even) td { background-color: #f0f0f0; }
#detailsDostupnostPopup table tr td:last-child { width: 20%; text-align: right; }
#detailsDostupnostPopup table { margin-bottom: 20px; }
#detailsDostupnostPopup h4 { padding: 0 0 10px 0; }

}
/* Produktové stránky */
  .nahled img {width: 100%;}
  .produktovaStranka img {width: 100%;}
  .bgimage img {width: 100%;}
  .bg_image img{width:100%;}
  .product_header p{position: relative; margin-left: 10%;top:200px;font-size:60px;line-height: 100px;}
  .prodpage_tabulka{max-width: 1920px; min-width: 310px;padding: 20px 0px;margin-left: auto;margin-right: auto; }
  .prodpage_tabulka ul,ol
  {
    width: 90%;
    display: flex;
    justify-content: space-between;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    padding-left: 5%;
    padding-right: 5%;
    margin:0;
    text-align: center;
    list-style: none;
    align-items: center;
  }
  .prodpage_tabulka .no-right {border-right:0px !important;}

  .prodpage_tabulka .no-bottom {border-bottom:0px !important;}

  .prodpage_tabulka li
  {
    width: 24.9%;
    padding: 4% 0;
    height:100px;
    margin: 0;
    border-bottom: 0.5px solid #3c3c3c;
    border-right: 0.5px solid #3c3c3c;
    vertical-align: middle;
  }

  .prodpage_tabulka li p {font-size:25px;color: #fff;line-height: 120%;font-weight: 700;}
  .text_center{position:absolute;text-align:center !important;margin:2%;color:#fff;font-size:21px;line-height: 200%;width:96%;}
  .text_center p{text-align:center !important;}
  .bg_colored .text_center{display: block;position:relative;color: #000;margin: 0 2%;padding: 2% 0;font-size:21px; }
  .bg_image .text_right{display:block;padding-left:2%;padding-right:2%;font-size:21px;padding-top:5%;color:white;line-height: 150%;}
  .bg_image .text_right parametry{padding-top: 15%;}
  .text_center_mobile{display:none;text-align:center;padding:2% 5%;color:#fff;font-size:120%;line-height: 200%;background-color: #000;}
  .text_vlevo.parametry.small_icons.text_vlevo_mobile{display:none;text-align:center;padding:2% 5%;color:#fff;font-size:120%;line-height: 200%;}
  .wrapper{display:flex;flex-flow: row wrap;justify-content: space-between;margin-left: 2%;}
  .wrapper_column{width: 22%;text-align: justify;}
  .prodpage{display: block;width:100%;height: fit-content;}
  .text_vlevo{display:block;width: 44%;float: left;color: white;font-size: 21px;margin: 3%;text-align: justify;margin-top: 13%;font-weight: 300;line-height: 150%;}
  .nahore{margin-top: 1% !important;margin-bottom: 0 !important;}
  .text_vlevo.parametry{display:flex;flex-flow: row wrap;margin-top:5%;vertical-align: top;float:left;margin-left: 5%;margin-top: 5%;margin-right: 10%;}
  .text_vlevo.parametry p{width: 90%;margin: 0 5%;}
  .text_vlevo.parametry li{display: inline-block;width: 33%;list-style:none;min-width:130px;}
  .text_vlevo.parametry li img{display: block;width: 50%;margin: 25%;}
  .text_vlevo.parametry.small_icons li img{display: block;width: 50%;margin: 0 25%;}
  .text_vlevo.parametry li p{text-align: center;font-size:17px;color:#fff;width:100%;margin: 0;}
  .obrazek_vpravo{display:inline-block;width: 50%;}
  .obrazek_vpravo.parametry{display: inline-block;width: 40%;}
  .obrazek_vpravo img{width:100%;margin-bottom: -5px;}
  .text_vpravo{display:inline-block;width: 44%;float: right;color: white;font-size: 21px;margin: 3%;text-align: justify;margin-top: 13%;font-weight: 300;line-height: 150%;}
  .obrazek_vlevo img{display: inline-block;width: 50%;margin-bottom: -5px;}
  .prodpage video {max-width: 100%;height: auto;width: 100%;margin-left: auto;margin-right: auto;margin-bottom: -0.35%;}
  .prodpage.prodpage_video_uprostred.prodpage_text p iframe{width: 100%;height: 90vh;}
   #description h2 {line-height:normal;}

/* účet přihlášeného (account) */


@media all {

.cmsContent, .bar { padding: 50px 0; }
.cmsContent p, .bar p { padding-bottom: 15px; }

#accountLoginView { padding: 50px 0; }
#accountLoginView p { padding-bottom: 30px; }

#accountDashboard { padding: 50px 0; }
#accountDashboard ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; border-bottom: 1px solid #e0e0e0; padding: 0 0 30px 0; margin: 0 0 30px 0; }
#accountDashboard li { display: block; float: left; width: calc( 25% - 40px ); min-height: 50px; list-style: none; padding: 0 20px 20px 20px; line-height: 150%; }
#accountDashboard li a { font-size: 120%; }

#dashboard_logout { margin-bottom: 20px; }

.editButton { padding: 2px 20px; margin-left: 20px; }
.collumn { padding-bottom: 40px; }

li#shippingAddressForm ul { margin: 0; }

table.orderitems, table.orderitems td { border-spacing: 0; border: none; }
table.orderitems { width: 100%; border-bottom: 1px solid #e0e0e0; }
table.orderitems td { padding: 0; line-height: 150%; }

}

/* proces objednávky (basket, payment, user, order, thankyou) */
@media all {

ul.checkoutSteps { margin: 0; padding: 0; }
ul.checkoutSteps li { margin: 0; padding: 0; list-style: none; display: inline-block; }
#breadCrumbInner ul.checkoutSteps li.active a { color: #ff6700; }

div.checkoutAddress { line-height: 150%; }
div.checkoutAddress span { font-size: 90%; color: #616161; padding-left: 20px; }

h1.basketHead { padding-bottom: 10px; }

#basketBottomButtons { padding: 50px 0; }

table#basket, table#basket td, table#basket th { border: none; border-spacing: 0; }
table#basket td, table#basket th { border-bottom: 1px solid #e0e0e0; padding: 20px 10px; }
table#basket th { font-size: 80%; background-color: #fff; }
  table#basket tr td:first-child, table#basket tr th:first-child { padding-left: 0; }
  table#basket tr td:last-child, table#basket tr th:last-child { padding-right: 0; }

table#basket .price { color: #f23835; font-weight: 700; }
table#basket h2 a { color: #757575; }
table#basket h2 a:focus, table#basket h2 a:hover { text-decoration: underline; }
table#basket .artBundle { color: #ff6700; }
table#basket .amountTB input[type="button"] { border: 1px solid #e0e0e0; background-color: #fff; font-size: 130%; cursor: pointer; width: 15px; }
table#basket .amountTB input[type="text"] { border: 1px solid #e0e0e0; border-width: 1px 0; background-color: #fff; font-size: 130%; text-align: center; }

table#basket div.icons { padding-top: 10px; font-size: 90%; display:flex; }
table#basket div.icon { width: auto; margin-right: 10px; margin-bottom: 5px; }
table#basket div.icon:last-child { margin-right: 0; }

#basket_vouchers { padding: 20px 0; }
p.discountIsic { padding-top: 10px; font-size: 90%; }
p.discountIsic a { color: #757575; text-decoration: underline; }
p.discountIsic a:hover, p.discountIsic a:focus { color: #000; }

#basketSummary table, #basketSummary td { border: none; border-spacing: 0; padding: 10px 0 10px 40px; }
#basketSummary td.price { color: #f23835; font-weight: 700; }
#basketSummary td.bigPrice { font-size: 140%; }
#basketSummary td.priceblack { color: #000; font-weight: 400; }

#basketAccessories { padding-bottom: 50px; }
#basketAccessories h3 { font-weight: 300; padding: 50px 0 20px 0; }

.checkoutOptions div.lineBox { float: left; width: calc( 33% - 40px ); padding: 0 30px; }
.checkoutOptions div.lineBox:first-child { padding-left: 0; }
.checkoutOptions div.lineBox:last-child { padding-right: 0; }
.checkoutOptions h3 { font-weight: 300; font-size: 150%; padding: 0 0 20px 0; }
.checkoutOptions p { line-height: 150%; }

.shipping dl, .payment dl { padding: 10px 30px; border-bottom: 1px solid #e0e0e0; margin: 0; min-height: 75px;  }
  .shipping dl.activeShipping, .payment dl.activePayment { background-color: #f5f5f5; }
  .shipping dl.activeShipping label strong, .payment dl.activePayment label strong { font-weight: 700; }

.shipping dt, .payment dt {  }
  .shipping dt input, .payment dt input { float: left; margin: 35px 30px 0 0; width: 20px; }
  .shipping dt img, .payment dt img { float: left;  height: 75px; border: none; margin-right: 30px; padding-top: 10px; }
  .shipping dt label, .payment dt label { float: left; font-weight: 400; margin-top: 16px; display: inline-block; width: calc( 100% - 300px ); }
  .payment dt label { width: calc( 100% - 150px ); }
  .shipping dt span, .payment dt span { margin-top: 16px;	}
  .shipping dt label strong, .payment dt label strong { font-weight: 400; font-size: 110%; }
  .shipping dt span.price, .payment dt span.price { float: right; display: block; color: #f23835; font-weight: 700; margin-left: 20px; width: 80px; text-align: right; }
  .shipping dt label span.price.zdarma, .payment dt span.price.zdarma, .shipping dt span.pricezdarma { text-transform: uppercase; }
  .shipping dt label:hover strong, .payment dt label:hover strong, .shipping dt.activeShipping label strong, .payment dt.activePayment label strong { color: #ff6700; }
  .shipping dt div.desc, .payment dt div.desc { display: inline-block;width:58%; }

div.vydejnimisto_select { display:block;padding-top: 5px; width: 58%; text-align: left; float: left;}
a#shipping_ownpickup_opener:focus, a#shipping_ownpickup_opener:hover { text-decoration: underline; color: #000; }
#oxownpickupvyber { width: calc( 100% - 10px );;padding-right:0px;}


#basketContents { float:left; width: 65%; }
  #basketContents h2 { font-size: 120%; }
#orderAddress { width: 25%; line-height: 150%; }

#orderAgbTop { padding-top: 50px; font-size: 110%; width: 60%; float: right; }
.shoprating { font-size: 110%; width: 60%; float: right; }

#thankyouPage { line-height: 150%; }
#thankyouPage p { padding-bottom: 15px; }

.orderNextStep { padding-bottom: 50px; }
}
/* --- Ratings ---------------------------- */
div.rating {
    margin-bottom: 12px;

}

ul.rating {
    width: 89px;
    height: 16px;
    margin: 0 0;
    padding: 0;
    list-style: none;
    clear: both;
    float: left;
    position: relative;
    background: url(../../img/stars.jpg) no-repeat left top;
}

ul.rating.big{
    float:none; 
}

ul.rating.big:hover{transform: scale(1.03);
    transition: all 0.5s;}

a.rates {
    float: left;
    color: #515353;
    padding: 6px 0 0 7px;
}

.rating_half{display:inline-block; width:40%;margin: 20px 0;}

ul.rating li {
    
    float: left;
    padding: 0;
    list-style: none;
}

ul.rating li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 16px;
    text-decoration: none;
    z-index: 10;
}

ul.rating li a b {
    display: none;
}

ul.rating li.s1 a {
    left: 0;
}

ul.rating li.s2 a {
    left: 17px;
}

ul.rating li.s3 a {
    left: 34px;
}

ul.rating li.s4 a {
    left: 51px;
}

ul.rating li.s5 a {
    left: 68px;
}

ul.rating li a:hover {
    z-index: 2;
    width: 89px;
    height: 16px;
    overflow: hidden;
    left: 0;
    background: url(../../img/stars.jpg) no-repeat 0 -18px;
}

ul.rating li.s1 a:hover {
    background-position: -72px -18px;
}

ul.rating li.s2 a:hover {
    background-position: -54px -18px;
}

ul.rating li.s3 a:hover {
    background-position: -36px -18px;
}

ul.rating li.s4 a:hover {
    background-position: -18px -18px;
}

ul.rating li.s5 a:hover {
    background-position: 0 -18px;
}
.rating{ 
   
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 20px;
    vertical-align: bottom;
    width: 50%;
    
   
}

.rating li.currentRate {
    background: url(../../img/stars.jpg) left bottom;
    position: absolute;
    height: 16px;
    z-index: 1;
   
}

.rating li.ratingValue a,
.rating li.ratingValue a:hover {
       width: auto;
       height: auto;
       left: 90px;
       white-space: nowrap;
       padding-top: 3px;
       background: none;
}
/* ---- Reviews ------------------------ */
#reviews_nacitam{text-align: center;}

div#reviews textarea.areabox, div.reviews textarea {
    width: 98%;
    height: 120px;
    margin-bottom: 10px;
    line-height: 150%;
}


#rating{
    margin-bottom: 50px; 
    margin-left: 7.5%;
    width:85%;
    background-color: #fff;
    
    
}

#reviewSave{
    float:right;
}

#reviewRating{margin-left: 10px;cursor:pointer;}

#labelRate{float:left;}

#reviewsLogin{
    text-align: center;
}

#showMoreReviews{text-align:center;display: block;margin:auto;}

#writeReview {
    display: block;
    padding: 35px;
    box-shadow: 2.5px 15px 15px 0px #ccc;
    border:solid 1px #e0e0e0;
}

#openWriteReview{
    display: block;
    width: 80%;
    margin: 25px auto;
    /* border: solid 1px #000000; */
    justify-content: center;
    box-shadow: 2.5px 10px 10px 0px #ccc;
    border: solid 1px #e0e0e0;
    padding: 25px;
    background-color: #fff;;
}

#writeReviewAnswer { display: block; font-weight: bold; }

#itemRatingText
{
    float: none;
    position: relative;
    height: 18px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 2px;
    vertical-align: middle;
    text-align: center;
    padding: 0 8px 0 8px;
    color: #171717;
    margin-left: 10px;
}

#itemRatingText:before
{
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    left: -4px;
    top: 5px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -webkit-transform: rotate(
45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(
45deg);
    width: 6px;
    height: 6px;
    background: #fff;
}


.recenzeZHeureky{
    display:block;
    width: 80%;
    margin:25px auto;
    /*border: solid 1px #000000;*/
    justify-content: center;
    box-shadow: 2.5px 10px 10px 0px #ccc;
    border:solid 1px #e0e0e0;
    padding: 25px;
    background-color: #fff;
}
.recenzeZHeureky .radek1{
    float: left;
    display: inline-block;
    width:100%;
    padding-bottom: 20px;
    /*border: solid 1px #000000;*/
}
.sedaCara{
    width: 100%;
    margin-top: 20px;
    border-bottom: 1px solid #e0e0e0;
}
.recenzeZHeureky .sloupec{
    display: inline-block;
}
.recenzeZHeureky .sloupec2{
    display: inline-block;
    float: left;
}
.recenzeZHeureky .percents{
   display: inline-block;
    padding-left: 5px;
    padding-right: 20px;
   float: left;
}

.recenzeZHeureky .radek2 .description{

    
    display: inline-block;
    text-align: left;
}

dl.review {
    margin: 5px 0;
    padding-top: 5px;
    border-top: 1px solid #ccc;
}

dl.review dt {
    margin-bottom: 7px;
    height: 1em;
}

dl.review dd.item {
    display: none;
}

dl.review dd {
    clear: both;
    margin: 0;
}

dl.review .param {
    margin-left: 20px;
    color: #757C83;
}
#noReviews{text-align: center;}

/* ostatní */
@media all {

div.icons { text-transform: uppercase; color: #fff; font-weight: 300; width: 100%; }
div.icons div.icon { padding: 3px 5px; text-align: center; width: calc( 50% - 10px ); float: left; }
div.icons div.icon span { text-transform: none; }

div.icon_predprodej { background-color: #0096ff; }
div.icon_darky { background-color: #ff6700; }
div.icon_novinka { background-color: #00990a; }
div.icon_special { background-color: #0096ff; }
div.icon_dopravazdarma { background-color: #ddbf20; }
div.icon_akce { background-color: #f23835; }

div.loginForm p { padding-bottom: 20px; }
div.loginForm p:last-of-type { padding-bottom: 0; }
div.loginForm input[type="text"], div.loginForm input[type="password"] { width: calc( 100% - 22px ); }
div.loginForm button { width: 100%; }

div#basketFlyout { line-height: 150%; }
div.minibasketItems { padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; margin-bottom: 20px; }
  div.minibasketItems ul { margin: 0; padding-top: 10px; }
  div.minibasketItems li { list-style: none; }
  div.minibasketItems li strong.price { float: right; font-weight: bold; color: #f23835; }
  div.minibasketItems a:hover { text-decoration: underline; }
div.minibasketFunctions { float: right; width: 59%; text-align: right; font-size: 90%; }
  div.minibasketFunctions a.button { display: inline-block; }
div.minibasketTotals { float: left; width: 39%; padding-bottom: 20px; }

}



/* responzivita ------------------------------------------------------- */
@media screen and ( max-width: 1550px )
{
    .ui-autocomplete{left: 70% !important;}
}

@media screen and ( max-width: 1400px )
{
    .product_header p{position: relative; margin-left: 12%;font-size: 50px;line-height:80px;}
    #description .text_vpravo h2 {font-size:120%;}
    #description .text_vlevo h2 {font-size:120%;}
}


@media screen and ( max-width: 11368px )
{
    .ui-autocomplete{left: 65% !important;}
}

@media screen and ( max-width: 1300px )
{
    .wrapper_column{width: 47%;}
    .wrapper_column:nth-child(2){margin-right: 30px;}
}

@media screen and ( max-width: 1246px )
{
.text_vlevo.parametry{margin-left: 3%;margin-right: 3%;}
.text_vlevo{margin-top: 7%;}
.text_vpravo{margin-top: 7%;}
.text_vlevo.parametry{width:45%;margin-left: 7%;margin-top:2%;font-size: 17px;}
.product_header p{position: relative; margin-left: 10%;top:250px;font-size: 40px;line-height: 70px;}
.basic { width: 98%; padding-left: 1%; padding-right: 1%; }

#menu li.head { padding: 10px 5px; }

.productDataOuter { width: calc( 33% - 12px); }
.productDataOuter_cross { width: calc( 50% - 12px); }

#slider_whole { height: auto; }

#slider_menu { display: none; }

}


@media screen and (max-width: 1080px )
{
 .text_vlevo.parametry{margin-left: 3%;}
 .text_vlevo{margin-top: 7%;font-size: 17px;}
 .text_vlevo.parametry li p{font-size: 14px;}
 .text_vpravo{margin-top: 7%;font-size: 17px;}
 .bg_colored .text_center{font-size:17px;}
.prodpage_tabulka li p {font-size:22px;}
.product_header p{position: relative; margin-left: 10%;top:200px;font-size: 35px;}
 ul.tabs li { width: 100%; padding: 10px 0; }
ul.tabs a, ul.tabs li:first-child a, ul.tabs li:last-child a { width: calc( 100% - 20px ); padding: 15px 10px; border: none; }

#menu { display: none; width: 100%; float: none; background-color: #fff; position: absolute; top: 90px; left: 0; z-index: 100; box-shadow: 5px 10px 10px #757575; }
  #menu ul.dropdown { width: calc( 100% - 40px ); margin: 0 20px; }
  #menu li.head { width: calc( 100% - 40px ); text-align: center; }
  #menu li.head a { padding: 5px; }
#menuButton { display: block; }

.dropdown li.head:hover ul { display: none; }

span.promoCountdown { font-size: 150%; }
span.promoPrice { font-size: 150%; }
span.promoOwnpickup{ font-size: 150%; }
.ui-autocomplete{left: 60% !important;}
}



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

div.rating{margin:10px 0;
margin-bottom:20px;width:70%;}
#itemRatingText{float:left;}
.ratingValue{display: inline-block;float:left;}
.prodpage_tabulka li{width: 49.8%;height: 75px;}
.prodpage_tabulka ul{width:96%;padding-left: 2%;padding-right: 2%;}
.prodpage_tabulka .small-bottom{border-bottom: 0.5px solid #3c3c3c!important;}
.prodpage_tabulka .no-right-rwd {border-right:0px !important;}
.text_vlevo.parametry li {min-width: 107px;}
.text_vlevo.parametry li p{font-size: 14px;}
.text_vlevo.parametry {margin: 2%;width:50%;}
.text_vlevo{margin-top: 5%;}
.text_vpravo{margin-top: 5%;}
.wrapper_column{margin: 30px;width: 41%;}
.bg_image .text_right{display: none !important;}
.prodpage.text_vlevo.paramery.small_icons{display: none !important;}
.text_center_mobile{display:block;}
.text_vlevo.parametry.small_icons.text_vlevo_mobile{display:flex;width:100%;margin: 0;padding:0;}
.text_vlevo.parametry.small_icons.text_vlevo_mobile p{text-align: justify;}
.text_vlevo.parametry.small_icons.text_vlevo_mobile li p{text-align: center;line-height: 100%;}
.bg_image.parametry{display:none;}
.text_center{display:none;}
#detailsTabsWhole{margin-top:0px;}
#detailsInfo{display:flex;flex-direction: column;}
#detailsInfoHeader{order:1;}
h1.pageHead{padding:0px 0px 0px 0px;}
#detailsInfoPictures{order:2;}
#detailsInfoPictures img{padding-bottom:20px;}
#detailsToBasket{order:3;}
#detailsCross{order:4;padding-top:5px;padding-left:10px;}
#detailsInfoBasket{order:5;}
#detailsInfoGifts{order:6;padding-bottom: 0px;margin-bottom: 0px;margin-left: auto;margin-right: auto;}

.productDataOuter { width: calc( 50% - 12px); }
.productDataOuter_cross { width: calc( 33% - 12px); }
#morePicsContainer{display: none;}
#detailsToBasket, #detailsInfoPictures { width: 100%; }


#detailsInfoGifts { border-bottom: 1px solid #e0e0e0; }

table#basket p.amount { display: block; width: 100%; min-width: 150px; }
table#basket .amountTB input[type="button"] { width: 10px; }
table#basket .amountTB input[type="text"] { padding: 10px 5px; }

#accountDashboard li { width: calc( 50% - 40px ); }

#subcats div.subcat { width: calc( 50% - 22px ); }
#subcats div.subcat:nth-child(3n+0) { margin-right: 15px; }
#subcats div.subcat:nth-child(2n+0) { margin-right: 0; }
.ui-autocomplete{left: 0 !important;margin: auto;}
}


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

.nahore{margin: 5% !important;}
.onlyone h1{position: relative;width:100%;left: 0%;}
.onlyone p{position: relative;width:100%;left:0%;}
#preheader_text, #header_authentication { text-align: center; float: none; }
#preheader_text li, #header_login li { padding: 0 10px; }
#header_login { display: inline-block; float: none; }
#miniBasket { padding-left: 10px; }
.text_vlevo.parametry{width: 90%;margin:5%;}
.obrazek_vpravo.parametry img{display: none;}
.text_vlevo.parametry p{margin-left:5%;margin-right:5%;}
.text_vpravo{margin-top: 2%;}
.wrapper_column{margin: 20px;width: 41%;}

.product_header p{position: relative; margin-left: 10%;top:170px;font-size: 30px;}
.icons {margin-left:auto;margin-right:auto;}
.basic { width: 96%; padding-left: 2%; padding-right: 2%; }

#newsletter { text-align: center; }
#newsletter_left, #newsletter_right { float: none; width: 100%; padding-right: 0; }

#newsletter_right { padding-top: 50px; }

#zapati { text-align: center; }
.zapati_sloupec { float: none; display: inline-block; width: 100%; padding-bottom: 50px; padding-right: 0; }

.text_vlevo{width:90%;margin:5%;}
.obrazek_vpravo{display: block; width:100%;}
 .text_vpravo{width:90%;margin: 5%;float:none;}
.obrazek_vlevo img{ width:100%;}

.checkoutOptions div.lineBox { float: none; width: 100%; padding: 0 0 40px 0; }

#basketContents { float: none; width: 96%; }
#orderAddress { float: none; width: 96%; padding-left: 2%; padding-right: 2%; padding-top: 40px; text-align: center; }

#orderAgbTop { float: none; width: 100%; }

#sortItems, #itemsPerPage { width: 100%; float: none; text-align: right; }

#highlights_right img { width: 100%; margin-right: 0; margin-bottom: 15px; }
/*div.vydejnimisto_select{padding-left: 50px;-webkit-padding-start: 70px; writing-mode: horizontal-tb;}*/
.shipping div.desc{padding-left:50px;}
.shipping div.desc.iPhone{padding-left:70px;}
div.vydejnimisto_select {padding-left: 50px;}
div.vydejnimisto_select.iPhone {padding-left: 70px;}
.shipping dt img, .payment dt img { display: none; }
.shipping dt label, .payment dt label { width: calc( 100% - 150px ); }
/*div.vydejnimisto_select { width: calc( 100% - 150px ); }
select#oxownpickupvyber { width: calc( 100% - 22px); }*/

}
@media screen and ( max-width: 750px )
{
#rating {width: 100%;margin-left: 0;}

}
@media screen and ( max-width: 650px )
{
.rating_half{width: 90%;}
.rating {width: 80%;}
.text_vlevo.parametry.small_icons.text_vlevo_mobile{font-size:14px;}
.wrapper_column{margin: 20px;width: 90%;}
.bg_colored .text_center{font-size:17px;text-align:justify !important;}
.text_center_mobile{font-size:17px;text-align:justify;}
.product_header p{position: relative; margin-left: 9%;top:130px;line-height: 35px;font-size:25px;}
#preheader_text, #header_authentication { text-align: center; float: none; }
#preheader_text li, #header_login li { padding: 0 10px; }
#header_login { display: inline-block; float: none; }
#miniBasket { padding-left: 10px; }
.prodpage_tabulka li p{font-size: 19px;}
#vyhledavani { padding-left: 10px; width: calc( 100% - 175px ); }

span.promoCountdown { font-size: 110%; }
span.promoPrice { font-size: 100%; }
span.promoOwnpickup{ font-size: 90%; }

table.form, table.form tbody, table.form thead, table.form tr, table.form th, table.form td { display: block; padding-bottom: 0; }
table.form input[type="text"], table.form textarea { width: calc( 100% - 22px ); }
table.form input[type="submit"] { width: calc( 100% - 60px ); }

.productDataOuter { width: 100%; }
.productDataOuter_cross { width: calc( 50% - 12px); }



#detailsInfoBasket table, #detailsInfoBasket td, #detailsInfoBasket tr, #detailsInfoBasket th,
#detailsInfoBasket thead, #detailsInfoBasket tbody { display: block; width: 100%; padding: 0; text-align: center; }
#detailsInfoBasket table td:first-child { width: 100%; padding-right: 0; }
#detailsPrice { text-align: center; padding-bottom: 20px; }
#detailsAmount { text-align: center; }

table#basket, table#basket tbody, table#basket thead, table#basket tr, table#basket th, table#basket td { display: block; text-align: center; border: none; }
table#basket tr td:last-child, table#basket tr th:last-child { border-bottom: 1px solid #e0e0e0; }

#basket_vouchers { float: none; text-align: center; }

.w50pct, .w15pct { width: auto; }
ul.form table, ul.form td, ul.form tr, ul.form th, ul.form thead, ul.form tbody { display: block; }
ul.form td + td, ul.form td + td.w15pct { padding-left: 0; }

/*.vydejnimisto_select select { width: calc( 100% - 12px ); }*/

#accountDashboard li { width: calc( 100% - 40px ); }

table.orderitems, table.orderitems td, table.orderitems tr, table.orderitems th, table.orderitems tbody, table.orderitems thead { display: block; }

div.minibasketFunctions a.button:first-child { display: none; }
div.minibasketItems li strong.price { float: none; }

#subcats div.subcat { width: calc( 100% - 12px ); margin-right: 0; }
#subcats div.subcat:nth-child(2n+0), #subcats div.subcat:nth-child(3n+0) { margin-right: 0; }

.banner_left { float: none; width: 100%; margin-bottom: 15px; }
#hp_highlights div.listarticles { float: none; width: 100%; }

#highlights_left, #highlights_right { float: none; width: 100%; }
#highlights_right img { margin: 15px 0 0 0; }

}

@media screen and ( max-width: 550px )
{
    .prodpage_tabulka ul{width:100%;padding-left: 0%;padding-right: 0%;}
    .product_header p{position: relative; margin-left: 8%;top:90px;}
    .product_header p{font-size: 20px;}
    .prodpage_tabulka li p{font-size:17px;}
}


@media screen and ( max-width: 450px )
{
 div.rating{width: 100%;}
.text_center_mobile{font-size: 17px;}
.text_vlevo h3{text-align: left;font-size:20px;}
.text_vlevo{font-size:14px;}
.text_vpravo h3{text-align: left;font-size:20px;}
.text_vpravo{font-size:14px;}
.productDataOuter_cross { width: calc( 100% - 12px); }
.product_header p{position: relative; margin-left: 7%;top:60px;font-size:14px;}
#morePicsContainer a { width: calc( 49% - 22px ); }
.bg_colored .text_center{font-size:14px;margin:0;padding:5%;width: 90%;}
.orderNextStep button, .orderNextStep a.button { width: 100%; display: inline-block; text-align: center; float: none; margin-bottom: 10px; }
.orderNextStep a.button { width: calc( 100% - 60px ); }

div.minibasketFunctions, div.minibasketTotals { float: none; width: 100%; }

#subcats div.subcat { width: calc( 100% - 22px ); margin-right: 5px; margin-left: 5px; }

}

@media screen and ( max-width: 410px )
{
    
    .recenzeZHeureky{width: 90%;padding:10px;font-size: 14px;}
    .rating{margin-left: 5px;}
    #reviewSave{margin-top: 10px;}
    div#reviews textarea.areabox{width: 90%;}
    #writeReview{padding:15px;}
    #labelRate{font-size:14px;}
    #reviewRating {margin: 0;}
    .rating {width: 100%;}
    .text_vlevo.parametry{margin: 0px;width: 100%;}
    .text_vlevo.parametry ul {margin: 0px;width :100%;}
    .text_vlevo.parametry p{font-size: 14px;}
    .text_vlevo.parametry li p{font-size: 11px;}
    .prodpage_tabulka li{height: 65px;}
    .text_vlevo.parametry li {min-width: 106.6px;}
    .text_vlevo.parametry ul{margin-left: -3px;}
    .text_center_mobile{font-size: 14px;}
    .prodpage_tabulka li p{font-size: 14px;}
    .bg_colored .text_center{font-size:14px;}
    .ui-autocomplete{width: 100% !important;padding:0 !important;}
    .ui-autocomplete-obrazek{margin-right: 0 !important;}
    .ui-autocomplete-text{float: none;}
}