*,
*:after,
*:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  }

@font-face {
font-family: Charlemagne;
src: url('../fonts/CharlemagneStd-Bold.ttf'),
url('../fonts/CharlemagneStd-Bold.eot');
}

@font-face {
font-family: vvds;
src: url('../fonts/vvds.ttf'),
url('../fonts/vvds.eot');
}


body {padding:0;margin:0;font-family: Georgia; overflow-x: hidden}

.width_window{
  position:fixed;
  bottom: 20px; left: 0px;
  color:#fff;
  box-shadow:1px -1px 5px #444;
  font-size:12px;
  font-weight: normal;
  z-index:300;
  display:block;
 background:rgba(0, 0, 0, 0.50);
		padding: .2em;
  }


.invisible-body{opacity:0; transition: opacity 1s;}
.visible-body{opacity:1; transition: opacity 1s;}

          @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
          .invisible-body{opacity:1;}
          .visible-body{opacity:1;}
          }

          div#bgimage, div#pre-bgimage {display:none}

img#preloader {display:block;position:absolute;top: 0; left: 0;bottom: 0; right: 0;margin: auto}


div#head {width:100%; /*background: url('../img/slideshow/01.jpg');background-size: 100%;background-repeat:no-repeat;*/}
div#black {position:absolute;width:100%; background: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.1), rgba(0,0,0,0));   z-index:2}

img.slideshow{display:block;position:absolute;  margin:0px;padding:0px;width:100%;  height:auto;  z-index:1;  }


.invisible-img{opacity:0;    transition:opacity 2s 2s;}
.visible-img{opacity:1;    transition:opacity 2s;}

#hamburgermenu{z-index:100; width:100%; min-height:75vh; padding:10px; background:rgba(0, 0, 0, .75); text-align:center; color:#fff; letter-spacing: 2px; }

#hamburgermenu a{font-size: 22px; line-height:30px;}

.invisible {position:fixed;    top:-1000px;    left:0em;    opacity:0;    transition:top .5s, opacity .5s;    }
.visible   {position:fixed;    top:0;    left:0em;    opacity:1;    transition:top .5s, opacity .5s;    }



img.logo {display:block;margin:0px auto;text-align:center;position:absolute;left:0px; top:30px; right:0px; z-index:20; width:300px; height: auto}
img.logo2 {display:none;margin:0px auto;text-align:center;position:absolute;left:0px; top:30px; right:0px; z-index:20; width:300px; height: auto}

img.nabijeci-stanice {display:block;margin:0px auto;text-align:center;position:absolute;left:0px; top:50%; right:0px; z-index:20; width:200px; height: auto}


img.upoutavka-na-cukrovi {display:block;margin:0px auto;text-align:center;position:absolute;left:0px; top:35%; right:0px; z-index:20; width:400px; height: auto;}




img.velikonoce-2025 {display:block;margin:0px auto;text-align:center;position:absolute; left:calc(25% - 150px); top:35%; z-index:20; width:300px; height: auto;transition: all .35s}
img.velikonoce-2025:hover {width:320px; height: auto; left:calc(24.5% - 150px); top:34%; transition: all .25s}

img.krabickove-menu {display:block;margin:0px auto;text-align:center;position:absolute;left:0px; top:35%; right:0px; z-index:20; width:300px; height: auto;transition: all .35s}
img.krabickove-menu:hover {width:320px; height: auto; top:34%; transition: all .25s}

img.jidlo-s-sebou {display:block;margin:0px auto;text-align:center;position:absolute; left:calc(75% - 150px); top:35%; z-index:20; width:300px; height: auto;transition: all .35s}
img.jidlo-s-sebou:hover {width:320px; height: auto; left:calc(74.5% - 150px); top:34%; transition: all .25s}




img.lebka {opacity:1;display:block;margin:0px auto;text-align:center;position:relative;bottom:330px;z-index:10; width:156px;height:144px;}


div#menu {opacity:1;z-index:10;width:100%; height:80px;background: rgba(0,0,0,0.65); position:relative; top:-80px; font-family: Charlemagne;text-align:center;margin: 0px auto;padding-top: 20px;}  
div#desktop-menu {display:block}

#hamburger {display:none;}

#hamburger-eshop, #hamburger-eshop2 {display:none;}



h3.kategorie-produktu2 {display:block;width:225px; letter-spacing: 0px; font-weight:bold; color:#d00; background: #ffa; padding: 7px; border-radius: 5px; border: 3px solid #d00; margin:0px auto; text-align:center; }

h3.kategorie-produktu3 {display:block;width:45px; letter-spacing: 0px; font-weight:bold; color:#d00; background: #ffa; padding: 7px; border-radius: 5px; border: 3px solid #d00; margin:0px auto; text-align:center; box-shadow: 2px 2px 5px #888}







.menuitem, .menuitem-active {display:inline-block;padding:10px 10px 10px 10px;color:#fff; text-shadow:1px 1px 2px #000;font-size: 20px;  text-decoration:none}
a.menuitem, a.menuitem-active{text-decoration:none; background: rgba(96,177,222,0); border-radius:5px;  transition: background .6s}
a.menuitem:hover, a.menuitem-active:hover{ background: rgba(96,177,222,1);transition: background .3s}

a.menuitem-active{ background: rgba(96,177,222,0.85);transition: background .3s}

div.contains {width:90%; min-height:75vh;background:#fafafa; position:relative;top: -40px;bottom:80px;text-align:justify;margin: 0px auto;padding:10px 20px 30px 20px; overflow:auto;margin-bottom: 40px; border: 1px solid #f6f6f6; border-radius: 5px}

div.precontains {width:90%; min-height:75vh;background:none; position:relative;bottom:80px;text-align:justify;margin: 0px auto;padding:0px; overflow:auto;margin-bottom: 0px; /*border: 1px solid #f6f6f6; border-radius: 5px*/}

div.contains2 {width:100%; background:#60b1de; text-align:justify;margin: 0px auto;padding:10px 20px 30px 20px; overflow:auto; border: 1px solid #f6f6f6; border-radius: 10px}

div.contains2a {width:55%; min-height:50vh; background:#60b1de; text-align:justify;margin: 0px auto;padding:10px 20px 30px 20px; overflow:auto; border: 1px solid #f6f6f6; border-radius: 10px}

div.flexbox {/*display:flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start*/}

div.column_parent {
			display:flex;
			flex-flow: row wrap;
			justify-content: space-between;
			gap:0em;
			}
			

div.column_parent_child {width:50%;margin:0px}

div._left_{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;width:100%; padding:0px 15px 0px 0px; margin:0px 0px 0px 0px; float:left; }

div.left{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;width:50%; padding:0px 15px 0px 0px; margin:0px 0px 0px 0px; float:left; }
div.right{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;width:50%; padding:0px 0px 0px 15px; margin:0px 0px 0px 0px; float:right;}

div.left2{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;width:50%; padding:0px 15px 0px 0px; margin:0px 0px 0px 0px; float:left; border-right: 1px solid #60b1de}
div.right2{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;width:50%; padding:0px 0px 0px 15px; margin:0px 0px 0px 0px; float:right;}

div.clear{height:10px; clear:both;}

div#foot{width:100%;margin:0px auto;text-align:center;padding-top:15px;padding-bottom:5px;background: #60b1de;clear:both; color:#fff; }
div#foot p,a {color:#fff}
div#foot a:hover {text-decoration:none}

img.section {width:90%; height:auto; margin-top: 5px; margin-bottom: 30px; border-radius:10px}

h1 {color: #60b1de; font-family: Georgia; font-size:30px; font-weight:normal}
h2 {color: #d00; font-family: Georgia; font-size:22px; font-weight:normal; text-align:center}
h2.eshop {color: #d00; font-family: Georgia; font-size:24px; font-weight:bold; text-align:center}
h2.objednavky {color: #d00; font-family: Georgia; font-size:22px!important; font-weight:bold; text-align:center}
h2.left {color: #60b1de; font-family: Georgia; font-size:22px; font-weight:normal; text-align:left; text-indent:20px; margin-bottom:5px}
h2.poukaz {color: #60b1de; font-family: Georgia; font-size:22px; font-weight:normal; text-align:center; text-indent:20px; margin-top:50px; margin-bottom:15px}
h2.red {color: #d00; font-family: Georgia; font-size:20px; font-weight:normal; text-align:center; text-indent:20px; margin: 20px 0px 50px 0px}

h2.white {color: #fff; font-family: Georgia; font-size:22px; font-weight:normal; text-align:left; text-indent:20px; margin-bottom:5px}

h3 {color: #60b1de; font-family: Georgia; font-size:18px; font-weight:normal; text-align:center; margin-top:20px; margin-bottom:5px}
h3.left {color: #666; font-family: Georgia; font-size:16px; font-weight:bold; text-align:left; margin-top:20px; margin-bottom:5px}
h3.left2 {color: #60b1de; font-family: Georgia; font-size:20px; font-weight:bold; text-align:left; margin-top:20px; margin-bottom:5px}
h3.eshop {color: #666; font-family: Georgia; font-size:24px!important; font-weight:bold; text-align:left; margin-top:0px; margin-bottom:5px}

p, td.form, li {color:#666; font-family: Georgia; font-size:18px;line-height:26px;margin-top:0}

ul {margin-left:20px}
li {list-style-type: square; color: #d00}
li span {color:#60b1de}

ol {margin-left:20px}
ol li {list-style-type: decimal; color:#d00; font-weight: bold}
ol li span{color:#60b1de; font-weight: normal}

input,textarea,select{font-family: Georgia; border:1px solid #60b1de; background:#fff;    color:#666;    padding:4px;    font-size:18px;  border-radius: 5px;  }

input.checkbox{position:relative;    top:3px;    }

/*
input#submit,input.submit{font-family: Georgia; margin:auto; background: #60b1de; color: #fff; text-align:center; font-weight:normal; font-size: 18px; padding: 4px; cursor:pointer; letter-spacing: 0px; transition: letter-spacing 1s; border-radius: 5px;  }
input#submit:hover,input.submit:hover {letter-spacing: 2px; transition: letter-spacing .3s}
*/

input::-webkit-input-placeholder { color: #ccc; }
input::-moz-placeholder { color: #ccc; }
input:-ms-input-placeholder { color: #ccc; }
input::placeholder { color: #ccc; }

::placeholder { color: #ccc; }

:focus {
      outline: none;
}

input.right{text-align:right }




input#submit,input.submit, input.eshop{font-family: Georgia; /*margin:auto;*/ background: #60b1de; color: #fff; text-align:center; font-weight:bold; font-size: 18px; padding: .5em; cursor:pointer; lett er-spacing: 0px;border-radius: 5px; border:none; transition: background .35s;  }
input#submit:hover, input.submit:hover, input.eshop:hover{background: #d00; transition: background .35s  }







p.price {float:left}
p.price span {font-weight:bold; color: #d00}
form.eshop {float:right}
input.quantity {width:60px; padding: .5em}

p.msgr{background: #60b1de; color:#fff; text-align:center; font-weight:normal; clear:both; padding:5px;  letter-spacing: 2px; border-radius: 5px; }
p.msg, p.msgf{font-family: Georgia; background: #d00; color:#fff; text-align:center; font-weight:normal; clear:both; padding:5px;  letter-spacing: 2px; border-radius: 5px; }
p.msgr2{background: #ffa; border: 1px solid #60b1de; color:#60b1de; text-align:center; font-weight:bold; clear:both; padding:5px;  letter-spacing: 0px; border-radius: 5px; }

a.text:link,a.text:visited, .neodkaz{cursor:pointer; color:#60b1de;    text-decoration:none;    border-bottom:1px solid rgba(96,177,222,1);    transition: border-bottom .6s, color .6s;    }
a.text:hover,a.text:active, .neodkaz:hover{color:#d00;    text-decoration:none;    border-bottom:1px solid rgba(96,177,222,0);    transition: border-bottom .3s, color .3s;    }

.neodkaz2 {cursor:pointer; color:#fff; text-decoration: underline}

a.text2 {color:#60b1de;    text-decoration:underline;   }
a.text2:hover {color:#d00;    text-decoration:underline;   }


a.red:link,a.red:visited{cursor:pointer; color:#d00;    text-decoration:none;    border-bottom:1px solid #d00;    transition: border-bottom .6s, color .6s;    }
a.red:hover,a.red:active{color:#d00;    text-decoration:none;    border-bottom:1px solid #d00;    transition: border-bottom .3s, color .3s;    }


fieldset{border:1px solid #60b1de;    border-radius:8px;    padding:15px;    width:95%;    background:#fafafa;    margin:25px 0px 25px 0px;}

fieldset.thin{border:1px solid #60b1de;    border-radius:8px;    padding:15px;    width:50%;    background:#fafafa;  margin:0px auto;  margin-bottom:25px;}
fieldset.thin2{border:1px solid #60b1de;    border-radius:8px;    padding:15px;   background:#fafafa;  margin:0px auto;  margin-bottom:25px;}

legend{padding:0px 5px 0px 5px;    color:#60b1de;    font-weight:bold;    font-size:18px;    margin-left:52px;    }
fieldset.normal{border:1px solid #60b1de;    border-radius:8px;    padding:15px;    width:95%;    background:#fff0d0;    margin:25px 0px 25px 0px;        text-align:center;}


.ajax_item{text-indent:5px;display:block;padding:1px 0px 1px 0px;font-size:14px;color:#143e63;}
p#preclose{text-align:center;color:#143e63;font-size:14px;}
#close{text-align:center;color:#f00;font-size:14px;cursor:pointer;text-decoration:underline;}
div.div_ajax{display:none;width:350px;min-height:10px;border:1px solid #aaa;background:#fff;position:absolute;z-index:1;overflow:auto;box-shadow:3px 3px 10px #aaa;
border-radius: 5px;line-height:20px;cursor:default;color:#ab250f;text-indent:5px;font-size:13px;}

.blue {color:#60b1de;}
.alergeny {color:#666;}

table.blue2{border:1px solid #60b1de; border-collapse:collapse;margin: 0px auto; text-align:center;}
td.blue2{border:1px solid #60b1de; text-align:left; background: #f3f3f3;}

div.obal-polozky {margin-top:50px}

div.polozky {margin: 0px auto; text-align:center;}
div.polozky2 {margin: 0px auto; text-align:left;width:45%}
div.polozka {margin: 0px 0px 2px 0px}

.pridat {position:relative; top:10px;display:block;margin:0px auto;font-size:16px; font-weight: normal; text-decoration: underline; color: #60b1de; cursor:pointer; text-align:center; right: 20px; transition: color .5s }

.pridat:hover {color: #d00; transition: color .3s }

.odebrat {position:relative; top:3px; font-size:30px; font-weight: bold; color: #d00; cursor:pointer; }

ul.leftmenu {float:left;}
li.leftmenu {margin-bottom:10px; list-style-type: square; color:#ffd800;}

img.flags {display:inline-block; width:25px; position:relative; top:2px}

//td.listek {color:#888; font-size:15px; line-height: 22px; background:#f6f6f6;}
//td.listek {color:#666; font-size:15px; line-height: 22px; background:#ffeb82;}

//td.listek {color:#666; font-size:15px; line-height: 22px; background:#eee;}

table.listek {width:100%; border-radius:10px;border-collapse:collapse; background: #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .1),
              inset 0 2px 2px rgba(0, 0, 0, .1),
              inset 0 3px 3px rgba(0, 0, 0, .1),
              inset 0 4px 4px rgba(0, 0, 0, .1); }

table.listek2 {width:60%; border-radius:10px;border-collapse:collapse; background: #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .1),
              inset 0 2px 2px rgba(0, 0, 0, .1),
              inset 0 3px 3px rgba(0, 0, 0, .1),
              inset 0 4px 4px rgba(0, 0, 0, .1); }              

td.listek {color:#60b1de; font-size:15px; line-height: 22px; border: 1px dotted #60b1de; padding: 5px 10px 5px 10px;  }
td.pocet {color:#666; font-size:15px; line-height: 22px; border: 1px dotted #60b1de; padding: 5px 10px 5px 10px;  }
td.cena {color:#d00; font-size:15px; line-height: 22px; border: 1px dotted #60b1de; padding: 5px 10px 5px 10px;  }

table.rezervace {border-collapse:collapse; background: #fff;}

th.rezervace {text-align:center;color:#fff; background: #ffd800; font-size:15px; line-height: 22px; border: 1px dotted #60b1de; padding: 5px 10px 5px 10px; }
td.rezervace {color:#60b1de; font-size:15px; line-height: 22px; border: 1px dotted #60b1de; padding: 5px 10px 5px 10px;  }

div.w50 {
    float:left;width:50%;text-align:left;margin-bottom:30px; font-size:16px; line-height:22px; color:#666;
}

.desktop {display:inline}
.mobile {display:none}

iframe#mapa {width:500px; height: 360px}

div.section {
    min-height: 100%;
    min-height: 75vh;
    padding: 0;
    width:100%;
    clear:both;
    /*background:#f6f6f6; */
    float:left;
    /*margin-bottom:50px;*/
}

div.section2 {
    min-height: 100%;
    min-height: 85vh;
    padding: 0;
    width:100%;
    clear:both;
    /*margin-bottom:50px;*/
}

div.center{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;width:100%; margin:0px auto; text-align:center; }

div.intro-foto {width: 200px; height: 200px; display:inline-block; text-align:center; margin: 0px 20px 20px 0px; background: #000 ;border-radius: 10px; padding:0}
div.intro-foto a img{width: 200px; height: 200px; margin: 0px 0px 0px 0px; border-radius: 10px; box-shadow: 1px 1px 2px #888; opacity:.75; transition: opacity .5s}
div.intro-foto a img:hover{opacity:1; transition: opacity .5s}

div.intro-foto2 {display:inline-block; text-align:center; margin: 0px 20px 20px 0px; background: #000 ;border-radius: 10px; padding:0}
div.intro-foto2 a img{margin: 0px 0px 0px 0px; border-radius: 10px; box-shadow: 1px 1px 2px #888; opacity:.75; transition: opacity .5s}
div.intro-foto2 a img:hover{opacity:1; transition: opacity .5s}



table.table-nezavazna-poptavka {margin:auto; text-align:center; width: 60%}
div.nezavazna-poptavka {display:block}
div.nezavazna-poptavka2 {display:none}

div.tablecontains {width: 100%; min-height: 360px; border: 1px solid #ddd; background: #fff; margin-bottom:20px}

div.table-noactive {color: #fff; background: #60b1de; text-align:center; cursor: pointer; border: 5px solid #60b1de; transition:background .5s, border .5s}
div.table-noactive:hover {border: 5px solid #d00; transition: background .5s, border .5s}

#choice-table, .choice-table, #choice-salon {font-weight:bold; color: #60b1de}

div.table-active {color: #fff; background: #d00; text-align:center; cursor: pointer; border: 5px solid #d00; transition:background .5s, border .5s}

div.table-locked {color: #ccc; background: #fafafa; text-align:center; cursor: default; border: 1px solid #f6f6f6;}


/*
div#table1, div#_table1 {position:absolute; width: 160px; height: 80px; padding: 20px 0px 10px 0px; margin-top: 267px; margin-left: 10px}
div#table2, div#_table2 {position:absolute; width: 80px; height: 80px; padding: 10px 0px 10px 0px; margin-top: 138px; margin-left: 10px} 
div#table3, div#_table3 {position:absolute; width: 160px; height: 80px; padding: 20px 0px 10px 0px; margin-top: 10px; margin-left: 10px}
div#table4, div#_table4 {position:absolute; width: 80px; height: 160px; padding: 50px 0px 10px 0px; margin-top: 10px; margin-left: 280px} 
div#table5, div#_table5 {position:absolute; width: 80px; height: 160px; padding: 50px 0px 10px 0px; margin-top: 10px; margin-left: 450px}
div#salon1, div#_salon1 {position:absolute; width: 300px; height: 150px; padding: 50px 0px 10px 0px; margin-top: 18px; margin-left: 130px}
div#salon2, div#_salon2 {position:absolute; width: 300px; height: 150px; padding: 50px 0px 10px 0px; margin-top: 188px; margin-left: 130px}
*/


div#table1, div#_table1 {position:absolute; width: 160px; height: 80px; padding: 20px 0px 10px 0px; margin-top: 267px; margin-left: 1%}
div#table2, div#_table2 {position:absolute; width: 80px; height: 80px; padding: 10px 0px 10px 0px; margin-top: 138px; margin-left: 1%} 
div#table3, div#_table3 {position:absolute; width: 160px; height: 80px; padding: 20px 0px 10px 0px; margin-top: 10px; margin-left: 1%}
div#table4, div#_table4 {position:absolute; width: 80px; height: 160px; padding: 50px 0px 10px 0px; margin-top: 10px; margin-left: 23%} 
div#table5, div#_table5 {position:absolute; width: 80px; height: 160px; padding: 50px 0px 10px 0px; margin-top: 10px; margin-left: 38%}
div#salon1, div#_salon1 {position:absolute; width: 300px; height: 150px; padding: 50px 0px 10px 0px; margin-top: 18px; margin-left: 11%}
div#salon2, div#_salon2 {position:absolute; width: 300px; height: 150px; padding: 50px 0px 10px 0px; margin-top: 188px; margin-left: 11%}


p.volno {text-align:center; color: #60b1de;}
p.obsazeno {text-align:center; color: #d00}


div#upstairs{display:block;position:fixed;bottom:5%;right:2%; z-index:300}
div#upstairs a{text-decoration:none}

.visible3{opacity:1;cursor:pointer;transition:opacity 1s}
.invisible3{opacity:0;cursor:text;transition:opacity 1s}




div#dark{
display:none;
/*height:1000px;*/
position:absolute;
top:0px;
left:0px;
z-index:1000;
width:100%;
background:#000;
opacity:0;
=filter: alpha(opacity=0);
overflow:none;
padding:0px;
}




div#black{
position:absolute;
top:0px;
left:0px;
z-index:100;
width:100%;
background:#000;
display:none;
overflow:none;
padding:0px;
}




div.effect{
padding:0!important;
margin:0!important;
display:none;
position:absolute;
top: 80px;
box-shadow: 0px 0px 20px #000;
opacity:0;
=filter: alpha(opacity=0);
background: #fff;
}

div.content_koralky {display: inline-block; width: 500px; min-height: 260px; overflow: auto; padding-right: 25px; padding-bottom: 30px; /* border:1px solid #666*/}


            
div.eshop {
    display:grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto;
    min-height: 500px;
    gap: 2em;
}

div.eshop-left {
/*
    display:grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    */
    
    //background: #eee;
}

div.eshop-right {
    //background: #eee;
    width:100%
}            
			
/*
div.eshop div {width:500px;margin:0px; text-align:center; margin:auto; border-bottom: 1px dotted #60b1de; padding-bottom: 2em}
div.eshop div p{text-align:left}
div.eshop div img{width:500px; height:auto}
*/

//div.items {width:800px;border: 1px solid #aaa}

div.clean-15 {width:100%; height:15px}
div.clean-20 {width:100%; height:20px}
div.clean-30 {width:100%; height:30px}
div.clean-50 {width:100%; height:50px}

div#cart {float:right; font-size: 20px}
.sum {font-weight:bold; color: #d00}

div.PAnormal { z-index: 100; position: fixed; left: 50%; top: 50%; width: 460px; height: 130px; padding: 21px; margin-left: -230px; margin-top: -65px; text-align: center; background: #fff; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 20px rgba(0, 0, 0, 1); }



div.effectwindow{
	padding:15px;
	display:none;
	position:absolute;
	box-shadow: 0px 0px 20px #000;
	opacity:0;
	background: #fff;
	z-index:1001;
	}  

//div.effectwindow * {color: #444; text-shadow:none; text-align:left}

div.effectwindow h2 {text-align:left; color: #60b1de}
div.effectwindow h3 {color: #444; margin:0px 0px 1em 0px; font-family: Georgia; font-size: 1.5em}

div.adminer-contains{
	display: -ms-flexbox;
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
    -ms-flex-pack: center;
}
    
    
div.adminer-items{
	width: 48%;
    /*min-height: 100px;*/
    text-align:left!important;
    margin: 0 .9em 1.3em 0;
    padding: .5em .5em 0 .5em;
    line-height:1.5em;
    background: #fafafa;
    border: 1px solid #ddd;
}




div.adminer-items *{
    text-align:left;
}




	ul.level-1 {box-sizing: border-box; margin-left: -40px; width:358px;}
	ul.level-1b {margin-left: -20px;}
    
	li.level-1 { text-decoration: none!important; list-style-type:none;background: #fff; height:42px}
    
    //li.level-1 a:first-child {border-top:1px solid #d00;}
    	
	li.level-1 a { background: #ffa; color: #d00; text-decoration: none!important; position:relative; top: 0px; margin:0; padding:.4em 0 .4em .4em; width:100%; display:inline-block;}

  	li.level-1 a:hover{text-decoration: none!important; background: #d00; color: #fff;}
    
  	
  	
  	ul.level-2 {
    box-sizing: border-box;
	display: block;
  	border-top:1px solid #d00;
  	border-left:1px solid #d00;
  	border-right:1px solid #d00;
	position:absolute;
	visibility:hidden;
  	z-index: 10;
  	list-style-type:none;
  	/*margin:-2.28em 0px 0px 83%; */
    margin-top:-43px;
    /*margin-left:215px;*/
    margin-left:315px;
  	min-width:300px;
  	padding:0px; 
  	background: #fff;
  	//box-shadow:1px 1px 2px #888;
  }
  
  ul.level-2b {margin-left: -10px;}
  
  ul.level-3 {
    box-sizing: border-box;
	display: block;
  	border-top:1px solid #d00;
  	border-left:1px solid #d00;
  	border-right:1px solid #d00;
	position:absolute; 
	visibility:hidden;
  	z-index: 10;
  	list-style-type:none;
  	/*margin:-2.28em 0px 0px 100%; */
    margin-top:-43px;
    /*margin-left:237px;*/
    margin-left:298px;
  	min-width:300px;
  	padding:0px; 
  	background: #fff;
  	//box-shadow:1px 1px 2px #888;
  }
  
  ul.level-3b {margin-left: -10px;}
  
  	li.level-2 {list-style-type: none; height:42px}
  	
	li.level-2 a{background: #ffa; color: #d00; list-style-type: none;text-decoration: none!important; margin:0;padding:.4em 0 .4em .4em; width:100%;display:inline-block;transition: background .5s}

  	li.level-2 a:hover{background: #d00; color: #fff; text-decoration: none!important;transition: background .5s}
    
    
    
    
    li.level-3 {list-style-type: none; height:42px}
  	
	li.level-3 a{background: #ffa; color: #d00; margin:0;padding:.4em 0 .4em .4em; width:100%;text-decoration: none!important; display:inline-block;transition: background .5s}

  	li.level-3 a:hover{background: #d00; color: #fff; text-decoration: none!important; transition: background .5s}


option.red {color: #c00;}
option.blue {color: #60b1de}
option.gray {color: #666}

.e-icons {color: #60b1de!important; cursor:pointer; transition: color .5s}
.e-icons:hover {color: #d00!important; transition: color .5s}

 p.hidden-dir {/*float:right;*/display:inline; background:#c00; color: #fff; padding: .25em; font-family: Georgia; border-radius: 5px}



div.shop-contain{
	display:flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	width: 100%;
	margin: 0px auto;
	}
    
div.shop-contain2{
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 100%;
	margin: 0px auto;
	}   
	
	div.shop-items{
	display:grid;
	grid-template-columns: 100%; grid-template-rows: 25% 50% 25%;
	padding:1em;
	text-align:center;
	width: 260px;
	min-height:470px;
	border: 1px solid #fff;
    background: #fff;
	transition: box-shadow .5s;
	margin:1em .7em 2em .7em;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #ddd;
	}
    
    div.shop-items:hover{
	box-shadow: 0px 0px 20px #bbb;
	background: #fff;
    border: 1px solid #fff;
	transition: box-shadow .33s;
	}
    
    div.shop-items-h3{
	text-align:center;
    padding: 5px 5px;
    
	}
    
    div.shop-items-h3 h3{
	//font-family: Georgia;
	margin:0;
    
	line-height: 1em;
	font-size: 1em;
    //font-weight: bold;
	cursor:pointer;
    text-align:center;
    text-shadow: none;
    
	}
    
    div.shop-items-h3 h3:hover{
    
	}
	
	div.shop-items-h3 h3 a{
    border-radius: 5px;
    padding:.35em 0;
    display:block;
	color: #fff;
    background: #60b1de;
    transition: background .5s;
    text-decoration:none;
	}
    
    div.shop-items-h3 h3 a:hover{
	color: #fff;
    background: #d00;
    transition: background .5s;
	}
    

	div.shop-items-img{
	cursor:pointer;
    min-height:200px;
    overflow:hidden;
    border-radius: 5px;
	}
    
    div.shop-items-buttons{
	font-size: .9em;
	color: #60b1de;
	padding-top:.3em;
	line-height:3em;
	}
    
    div.shop-items * {color: #444; text-shadow: none} 

    .cena-index {display:inline-block; line-height: 22px; padding: .1em .5em 0em .5em; background: #60b1de; color: #fff!important;  font-size: 16px;  font-family: Georgia; border-radius:5px}
    .cena-index2 {display:inline-block; line-height: 32px; position:relative; top:-3px; background: #60b1de; color: #fff!important;  font-size: 22px; padding: .1em .5em 0em .5em; font-family: Georgia; border-radius:5px}
    
    .pred-slevou{display:inline; color: #666;  text-decoration:line-through; font-size: 16px; padding: .1em .5em; border-radius:5px}
    .po-sleve{display:inline-block; line-height: 22px; padding: .1em .5em 0em .5em; background: #ff6; color: #222!important; border: 1px solid #888;  font-size: 16px; font-family: Georgia; border-radius:5px}
    .uplsleva {display:inline-block; line-height: 22px; padding: .1em .5em 0em .5em; background: #d00; color: #fff!important;  font-size: 16px; font-family: Georgia; border-radius:5px}
    .no-sklad {display:inline; background: #d00; color: #fff!important;  font-size: 16px; padding: .1em .5em; font-family: Georgia; border-radius:5px}
    .skryta-polozka {display:inline-block;font-size:16px;font-family: Georgia;padding:.25em 0 .25em 0;width:225px;background:#d00; color:#fff!important;text-align:center;position:absolute;margin-auto;margin-top:205px;z-index:100; border-radius:5px}
    
    .osobni-odber {display:inline-block;font-size:16px;font-family: Georgia;padding:.25em 0 .25em 0;width:225px;background: rgba(255,255,100,.85); color: #d00!important; border: 1px solid #d00;text-align:center;position:absolute;margin-auto;margin-top:297px;z-index:100; border-radius:5px}
    
    .osobni-odber2 {display:inline-block; line-height: 32px; position:relative; border: 1px solid #d00; top:-3px; background: #ffffaa; color: #d00!important;  font-size: 22px; padding: .1em .5em 0em .5em; font-family: Georgia; border-radius:5px}
    
    .vlozeno-v-kosiku {display:block;margin:auto;text-align:center;cursor:pointer;font-size:16px;font-family: Georgia;color: #000!important;/*text-shadow: 1px 1px 2px #000!important;*/margin-top:90px;background: rgba(255, 255, 0, .80); padding:.3em .5em;}
    
    
    
    //.vlozeno-v-kosiku {display:inline-block;font-size:16px;font-family: Georgia;padding:.25em 0 .25em 0;width:216px;background:#d00; color:#fff!important;text-align:center;position:absolute;margin-auto;margin-top:150px;z-index:100; border-radius:5px}
    
    
    
    
    .pred-slevou2{display:inline; color: #666;  text-decoration:line-through; font-size: 22px; /*padding: .3em .5em;*/}
    
    //.po-sleve2{display:inline; /*background: #444;*/ color: #d00!important;  font-size: 22px; padding: .1em .5em; font-family: Georgia}
    
    .po-sleve2{display:inline-block; line-height: 32px; position:relative; top:-3px; background: #ff6; color: #222!important; border: 1px solid #888; font-size: 22px; padding: .1em .5em 0em .5em; font-family: Georgia; border-radius:5px;margin-left:5px;margin-right:5px}
    
    
    .uplsleva2 {display:inline-block; line-height: 32px; position:relative; top:-3px; background: #d00; color: #fff!important;  font-size: 22px; padding: .1em .5em 0em .5em; font-family: Georgia; border-radius:5px}
    .no-sklad2 {display:inline-block; line-height: 32px; position:relative; top:-3px; background: #d00; color: #fff!important;  font-size: 22px; padding: .1em .5em 0em .5em; font-family: Georgia; border-radius:5px}
    
    
    
    .skryta-polozka2 {display:inline-block; line-height: 32px; position:relative; top:-3px; background: #d00; color: #fff!important;  font-size: 22px; padding: .1em .5em 0em .5em; font-family: Georgia; border-radius:5px}
    
    .vlozeno-v-kosiku2 {text-align:center;display:inline-block; line-height: 32px; position:relative; top:-3px; background: #60b1de; color: #fff!important;  font-size: 22px; padding: .1em .5em 0em .5em; font-family: Georgia; border-radius:5px;cursor:pointer; transition: background .5s}
    .vlozeno-v-kosiku2:hover {background: #d00; transition: background .5s}
    
    .vlozeno-v-kosiku3 {display:block;text-align:right!important;/*float:right;*/font-size:1em;font-weight:normal;color: #f8edd6!important;text-decoration:underline;cursor:pointer;line-height:30px;cursor:pointer}
     
    .vlozeno-v-kosiku3a {display:block;text-align:right!important;/*float:right;*/font-size:1em;font-weight:normal;color: #f8edd6!important;text-decoration:underline;cursor:pointer;line-height:30px}
    .vlozeno-v-kosiku3b {display:inline-block;text-align:right!important;/*float:right;*/font-size:1em;font-weight:normal;color: #f8edd6!important;text-decoration:underline;cursor:pointer;line-height:30px}
    
     
    .vlozeno-v-kosiku2:hover, .vlozeno-v-kosiku3a:hover, .vlozeno-v-kosiku3b:hover {text-decoration:none}
    
    .updn {cursor:pointer;color: #444}    
    .updn2 {cursor:pointer;color: #bea653}

     
     .do-kosiku {cursor:pointer;color: #60b1de!important; position:relative; top: 4px;font-size:1.8em; transition: color .5s}
     .do-kosiku:hover {cursor:pointer;color: #d00!important; position:relative; top: 4px;font-size:1.8em; transition: color .5s}
     
     .do-kosiku2 {cursor:pointer;color: #60b1de; position:relative; top: 4px;font-size:34px!important}
     .do-kosiku3 {cursor:pointer;color: #60b1de; position:relative; top: 4px;font-size:34px!important}
     
     .kosik-info {color: #444; font-size:20px; font-weight:normal }
     
     .person {cursor:pointer;color: #f8edd6; position:relative; top: 2px}
    
     input.item-index {width:40px!important; padding: .25em .05em .25em .05em; text-align:center; box-shadow:none; border:1px solid #444; background: #fff; font-size: 1.1em}
     input.item-index2 {width:40px!important; padding: .25em .05em .25em .05em; text-align:center; box-shadow:none; border:1px solid #444; background: #fff; font-size: 1.1em; position: relative; top: -4px}
     
     select.item-index {width:100px!important; padding: .4em .05em .4em .05em; text-align:center; box-shadow:none; border:1px solid #444; background: #fff; font-size: .8em; position: relative; top: -2px}
     
     select.item-index2 {width:120px!important; padding: .30em .5em .20em .5em; text-align:center; box-shadow:none; border:1px solid #444; background: #fff; font-size: 1em; position: relative; top: -4px; left: 2px}
       
     .element {font-size:20px!important;margin-right: 5px}
     .element2 {font-size:24px!important;margin-right: 5px}
     
     .element3 {font-size:24px!important;margin-right: 5px;color: #bea653;cursor:pointer}
     .element4 {font-size:20px!important;margin-right: 5px;color: #bea653;cursor:pointer}
     
     p.back-link{text-align:right;margin:0}
     
     
     div.shop-detail-grid {
     display: grid;	
	 grid-template-columns: 50% 50%; 
     grid-template-rows: auto auto;
     grid-gap: 1em;
     min-height: 600px;
     
     }
     
     div.shop-detail-grid-foto {
      grid-row-start: 1;
      grid-row-end: 3;
      grid-column-start: 1;
      grid-column-end: 2;
      //background: #ddd;
     }
     
     div.shop-detail-grid-shopping {
      grid-row-start: 1;
      grid-row-end: 2;
      grid-column-start: 2;
      grid-column-end: 3;
      justify-self: end;
      //background: #ddd;
      text-align:right;
      width:100%;
     }
     
     div.shop-detail-grid-popis {
      grid-row-start: 2;                 
      grid-row-end: 3;
      grid-column-start: 2;
      grid-column-end: 3;
      text-align:justify;
      //background: #eee;
     }

     .owl-carousel {
      	display: none;
      	width: 430px;
          min-height:322px;
          border: 1px solid #444;
          background: #fff;
          padding:0;
      	z-index: 1;
      }
      
     div.owl-items {position:static; margin:auto; width: 100%; height:322px; }
     
     a.img img {border:1px solid #444;height:100px; width:auto} 
     
     div.shop-steps1 {
    min-height: 2em;
    display: grid;	
	grid-template-columns: 16.666% 16.666% 16.666% 16.666% 16.666% 16.666%; grid-template-rows: auto;
    display: -ms-grid;
	-ms-grid-columns: 16.666% 16.666% 16.666% 16.666% 16.666% 16.666%; -ms-grid-rows: auto;
    width:95%;
    margin: 0px auto;
    margin-bottom: 3em;
    }
    
    
    div.shop-steps2 {
    min-height: 2em;
    display: grid;	
	grid-template-columns: 20% 20% 20% 20% 20%; grid-template-rows: auto;
    display: -ms-grid;
	-ms-grid-columns: 20% 20% 20% 20% 20%; -ms-grid-rows: auto;
    width:85%;
    margin: 0px auto;
    margin-bottom: 3em;
    }
    
    
    div.shop-steps-items-contain {
     width:8em;     
     font-family: Georgia;
     font-size:20px;
     margin:auto;
     text-align:center;
     line-height:2.8em;
     letter-spacing: .02em;
     margin-bottom:20px;
}


#ms-step-1 {-ms-grid-row: 1; -ms-grid-column: 1;}
#ms-step-2 {-ms-grid-row: 1; -ms-grid-column: 2;}
#ms-step-3 {-ms-grid-row: 1; -ms-grid-column: 3;}
#ms-step-4 {-ms-grid-row: 1; -ms-grid-column: 4;}
#ms-step-5 {-ms-grid-row: 1; -ms-grid-column: 5;}
#ms-step-6 {-ms-grid-row: 1; -ms-grid-column: 6;}


.contain-active {
    cursor:pointer;
    color: #d00;

    }
    
.contain-active2 {
    cursor:default;
    color: #60b1de;

    }    
   

.contain-inactive {
    cursor:default;
    color: #60b1de;
    }    

   
    
div.shop-steps-items-number {
     margin:auto;
     text-align:center;
     font-family: Georgia;
     font-size:1.4em;
     width:2.5em;
     height:2.5em;
    } 
    
.number-active {
    background: #fff;
    color: #d00;
    text-shadow: none;
    border: .15em solid #d00;
    border-radius: 10px;
    transition: color .5s, background .5s
    }
    
.number-active2 {
    background: #60b1de;
    color: #fff;
    text-shadow: none;
    border: .15em solid #60b1de;
    border-radius: 10px;
    transition: color .5s, background .5s
    }    
    
.number-active:hover {
    background: #d00;
    color: #fff;
    text-shadow: none;
    border: .15em solid #d00;
    transition: color .5s, background .5s
    }    

.number-inactive {
    background: #fff;
    color: #60b1de;
    border: .15em solid #60b1de;
    border-radius: 10px;
    }
    
    div.no-break {display:inline-block}
    
    div.fotoalbum {margin-top:50px;
			margin-bottom:50px;
			display:flex;
			flex-flow: row wrap;
			justify-content: flext-start;
			gap:1em;
			}
            
            
table.kosik {border-collapse:collapse; border:none; width: 100%; margin-bottom:27px}
table.kosik th {font-family: Georgia; font-weight:normal; color:#fff; background: #60b1de; font-size:20px; border: 1px solid #fff; }
table.kosik td {font-family: Georgia;color:#444; border: 1px solid #60b1de; font-size:20px } 

table.kosik2 {border-collapse:collapse; border:none; width: 100%; margin-bottom:27px}
table.kosik2 th {font-family: Georgia; font-weight:normal; color:#444; border: 1px solid #444; font-size:20px }
table.kosik2 td {font-family: Georgia;color:#444; border: 1px solid #444; font-size:20px } 

table.vyber {width: 100%; margin-top:20px; margin-bottom:20px}
table.vyber td {font-family: Georgia;color:#444; font-size:20px }  

div#kosicek {margin: 0px auto; max-width: 100%; overflow: auto; margin-botom:40px; margin-top:0px}
div#scroll-bottons {display:none} 

table.form {text-align:center; margin:auto; margin-top:30px; margin-bottom:20px; /*width: 400px*/} 
table.form th {font-family: Georgia;font-size: 20px; font-weight: normal; color:#444; text-align: left; height: 50px; vertical-align: top;}
table.form td {font-family: Georgia;font-size: 20px; color:#444; text-align: left; vertical-align: top; }
table.form td:first-child {padding-top:15px}

select#premobil {width: 30%}
input.input-mobil {width: 66%}

table.detail_objednavky {text-align:center; margin:auto; margin-top:30px; margin-bottom:20px; padding: 0; margin:0} 
table.detail_objednavky th {font-family: Georgia;font-size: 20px; font-weight: normal; color:#444; text-align: left; vertical-align: top;padding: 0; margin:0}
table.detail_objednavky td {font-family: Georgia;font-size: 20px; color:#444; text-align: left; padding: 0; margin:0; height:15px}

.star {color: #60b1de; position:relative; top: -3px!important; right: .3em; font-size: 14px!important} 

.cena{color: #444; font-size: 22px; } 
.cena_kc {color: #60b1de; font-family: Georgia; font-weight:normal; font-size: 22px;}

p.navigace {text-align:left; margin-top:15px; margin-bottom:30px}

a#link1, a#link2 {padding-bottom:20px}

div#subdir-menu, div#subdir-menu2 {
    position:absolute; 
    display: none;
    font-size: 1em;
    padding: .25em .5em .25em .5em;
    font-weight:normal;
    background: #d00;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #888;
    margin-top:-20px;
    line-height: 2em;
    z-index:100;
    min-width:150px;
}

div#subdir-menu a, div#subdir-menu2 a {color:#fff!important}

label {cursor:pointer}
option:disabled {color:#ccc}
p.d_sizes {margin-top:0px;font-size:14px; line-height:16px}
//input:disabled {opacity: .25}

.invisible2{
    position: fixed;
    top: 0;
    left: -1000px;
    transition: left .5s;
    }

.visible2{
    position: fixed;
    top: 0;
    left: 0px;
    transition: left .5s;
    }
    
    
#hamburgermenu1{
    z-index:1000000;
    width: 50%;
    height: 100vh;
    padding: 5px 5px 100px 5px;
    //background: #084072;
    background: #60b1de;
    text-align: left;
    font-weight: normal;
    box-shadow: -5px 5px 10px #444;
}


#hamburgermenu2{
    z-index:1000001;
    width: 50%;
    height: 100vh;
    padding: 5px 5px 5px;
    background: #60b1de;
    text-align: left;
    font-weight: normal;
    box-shadow: -5px 5px 10px #444;
}

#hamburgermenu3{
    z-index:1000002;
    width: 50%;
    height: 100vh;
    padding: 5px 5px 5px;
    background: #60b1de;
    text-align: left;
    font-weight: normal;
    box-shadow: -5px 5px 10px #444;
}
    
    
    
    .hmenu_inner::-webkit-scrollbar {
  width: 10px;
  padding:0;
}
.hmenu_inner {
  width:100%;
  height:calc(100vh - 60px);
  overflow:auto;
  padding:0px 0px 150px 0px;
  margin-top:30px;
  margin-bottom:100px;  
  scrollbar-width: thin;
  scrollbar-color: #444 #fce3d1;
}
.hmenu_inner::-webkit-scrollbar-track {
  background: #fce3d1;
  border-radius: 6px;
  padding:0;
}
.hmenu_inner::-webkit-scrollbar-thumb {
  width: 10px;
  background-color: #444;
  border-radius: 6px;
  border: 3px solid #fce3d1;
  margin:0;
}


.no-break {white-space: nowrap}