BODY{
 margin: 0px;
 padding: 49px 0px 0px 0px;
 font-family: "Advent Pro", sans-serif;
 font-size: 18px;
 font-weight: 500;
 color: #FFFFFF;
 background-color: #2B2A32;
}
BODY.BODY2{ padding-top: 90px; }
BODY.TISK{ padding-top: 80px; }
/*--- TAGY ---*/
H1{
 position: fixed;
 top: 0px;
 left: 0px;
 width: calc(100% - 20px);
 height: 40px;
 line-height: 40px;
 background-color: #1C1B21;
 color: #FFFFFF;
 font-size: 20px;
 font-weight: 400;
 padding: 2px 10px;
 white-space: nowrap;
 overflow: hidden;
 z-index: 2;
}
H1 A.logo{
 font-family: "Crimson Text", serif;
}
H1 .flr .fll{
 font-size: 16px;
}
H2{
 font-size: 20px;
 padding: 5px 10px;
 border-radius: 8px 8px 0px 0px;
}
H3{
font-size: 16px;
 text-align: left;
 border-top: solid 1px #DDDDDD;
 padding: 15px 10px;
 margin: 0px 10px 5px 10px;
}
STRONG{ font-weight: 700; }
FORM.f, DIV.f{
 position: fixed;
 left: 0px;
 bottom: 0px;
 padding: 10px;
 background-color: #333333;
 width: calc(100% - 20px);
 text-align: center;
 z-index: 1;
}
DIV.f{
 background-color: #AAAAAA;
}
INPUT, TEXTAREA, SELECT, DIV.sbox{ font-family: "Crimson Text", serif; }
INPUT.b{
 display: inline-block;
 padding: 10px 20px;
 border: none;
 background-color: #9A674C;
 color: #FFFFFF;
 font-size: 20px;
 text-align: center;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 10px 10px 10px 10px;
}
INPUT.b_over{
 opacity: 0.6;
 filter: alpha(opacity=60);
}
A.tlacitko,
A.tlacitko:link,
A.tlacitko:visited{
 display: inline-block;
 padding: 17px 50px 15px 50px;
 border: none;
 background-color: #FFFFFF;
 color: #000000;
 font-size: 30px;
 text-align: center;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 10px 10px 10px 10px;
 opacity: 0.6;
 filter: alpha(opacity=60);
}
A.tlacitko:hover,
A.tlacitko:active{
 color: #BC8460;
 opacity: 0.9;
 filter: alpha(opacity=90);
}
A.tlacitko.tlacitko2,
A.tlacitko.tlacitko2:link,
A.tlacitko.tlacitko2:visited{
 padding: 5px 10px;
 font-size: 20px;
}
A.tlacitko.tlacitko3,
A.tlacitko.tlacitko3:link,
A.tlacitko.tlacitko3:visited{
 padding: 11px 20px;
 font-size: 20px;
}
INPUT.i, DIV.input, TEXTAREA{
 padding: 10px;
 background-color: #FFFFFF;
 border: none;
 color: #666666;
 font-size: 20px;
 -webkit-border-radius: 10px 10px 10px 10px;
 -moz-border-radius: 10px 10px 10px 10px;
 -khtml-border-radius: 10px 10px 10px 10px;
 border-radius: 10px 10px 10px 10px;
 box-shadow: 0px 2px 10px 0px #CCCCCC;
 -webkit-box-shadow: 0px 2px 10px 0px #CCCCCC;
 -moz-box-shadow: 0px 2px 10px 0px #CCCCCC;
}
INPUT.i_over,
INPUT.if_over,
TEXTAREA.over,
TEXTAREA.f_over{
 box-shadow: 0px 0px 5px 0px #AAAAAA;
 -webkit-box-shadow: 0px 0px 5px 0px #AAAAAA;
 -moz-box-shadow: 0px 0px 5px 0px #AAAAAA;
}
INPUT.tdef, TEXTAREA.tdef{
 color: #CCCCCC;
}
FORM.f INPUT.i{
 float: left;
 padding: 0px 10px;
 height: 46px;
 margin: 0px 10px;
 width: calc(100% - 86px);
 font-size: 18px;
}
FORM.f INPUT.b{
 display: block;
 float: left;
 padding: 0px;
 width: 46px;
 height: 46px;
 background-repeat: no-repeat;
 background-position: center center;
}
FORM.f INPUT.b.prihlasit{
 background-image: url(obr/ikonky/prihlaseni.png);
 background-color: #9A674C;
}
DIV.sbox,
SELECT{
 padding: 10px;
 background-color: #FFFFFF;
 border: solid 1px #CCCCCC;
 color: #666666;
 font-size: 20px;
 -webkit-border-radius: 10px 10px 10px 10px;
 -moz-border-radius: 10px 10px 10px 10px;
 -khtml-border-radius: 10px 10px 10px 10px;
 border-radius: 10px 10px 10px 10px;
 box-shadow: 0px 2px 10px 0px #CCCCCC;
 -webkit-box-shadow: 0px 2px 10px 0px #CCCCCC;
 -moz-box-shadow: 0px 2px 10px 0px #CCCCCC;
}
DIV.sbox{ display: inline-block; padding: 10px 20px; }
SELECT.over{
 border-color: #BC8460;
}
LABEL{
 display: block;
 text-align: left;
 padding: 0px 0px 5px 10px;
 color: #BC8460;
}
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #FFE199;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #9A674C;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 80px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #9A674C;
 background-image: url(obr/nahoru.png);
 background-repeat: no-repeat;
 background-position: center center;
 -webkit-border-radius: 25px 25px 25px 25px;
 -moz-border-radius: 25px 25px 25px 25px;
 -khtml-border-radius: 25px 25px 25px 25px;
 border-radius: 25px 25px 25px 25px;
 cursor: pointer;
 z-index: 100;
 box-shadow: 0px 0px 5px 0px #000000;
 -webkit-box-shadow: 0px 0px 5px 0px #000000;
 -moz-box-shadow: 0px 0px 5px 0px #000000;
}
A.nahoru:hover, A.nahoru:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.filtr A.sipL,
.filtr A.sipL:link,
.filtr A.sipL:visited,
.filtr A.sipP,
.filtr A.sipP:link,
.filtr A.sipP:visited{
 display: block;
 float: left;
 padding: 4px 10px 5px 10px;
 background-color: #9A674C;
 color: #FFFFFF;
}
.filtr A.sipP,
.filtr A.sipP:link,
.filtr A.sipP:visited{
 float: right;
}
.filtr A.sipL:hover,
.filtr A.sipL:active,
.filtr A.sipP:hover,
.filtr A.sipP:active{
 background-color: #353535;
}
A.skrtni,
A.skrtni:link,
A.skrtni:visited{
 text-decoration: none;
 color: #9A674C;
 cursor: pointer;
 font-weight: bold;
}
A.skrtni:hover{
 text-decoration: line-through;
}
A.skrtni:active,
A.skrtni.skrtnuto:active{
 background-color: #FFE199;
}
A.skrtni.skrtnuto,
A.skrtni.skrtnuto:link,
A.skrtni.skrtnuto:visited{
 color: #CCCCCC;
 text-decoration: line-through;
}
A.skrtni.skrtnuto:hover{
 color: #9A674C;
 text-decoration: line-through;
}
A.checkbox,
A.checkbox:link,
A.checkbox:visited{
 display: inline-block;
 padding: 10px;
}
.copy{
 float: left;
 color: #3EC914;
}
.copy A:link, .copy A:visited{
 color: #3EC914;
}
.copy A:hover, .copy A:active{
 color: #FFFFFF;
}
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #3EC914;
}
A.kao:hover, A.kao:active{
 color: #FFFFFF;
}
/*--- DESIGN ---*/
.main{
 margin: 0px auto 0px auto;
 width: 95%;
 text-align: left;
}
.bottom{
 padding: 50px 100px 50px 100px;
}
/*--- OSTATNÍ ---*/
.filtr{
 position: fixed;
 left: 0px;
 top: 44px;
 width: calc(100% - 40px);
 z-index: 2;
 background-color: #FAFAFA;
 color: #333333;
 padding: 20px;
}
.pruh{
 position: fixed;
 top: 114px;
 left: 0px;
 width: calc(100% - 20px);
 background-color: #F0F0F0;
 box-shadow: 0px 0px 10px 0px #AAAAAA;
 -webkit-box-shadow: 0px 0px 10px 0px #AAAAAA;
 -moz-box-shadow: 0px 0px 10px 0px #AAAAAA;
 padding: 5px 10px;
 z-index: 1;
}
.zalozky{
 position: fixed;
 top: 49px;
 left: 0px;
 width: 100%;
 display: grid;
 grid-gap: 1px;
 padding: 2px 2px 0px 2px;
 background-color: #9A674C;
 z-index: 1000;
}
.zalozky A,
.zalozky A:link,
.zalozky A:visited{
 display: inline-grid;
 font-size: 18px;
 font-weight: 700;
 color: #FFFFFF;
}
.zalozky A SPAN,
.zalozky A:link SPAN,
.zalozky A:visited SPAN{
 display: block;
 padding: 10px 0px;
 text-align: center;
}
.zalozky A:hover,
.zalozky A:active{
 background-color: #353535;
}
/*
.zalozky A.prehled,
.zalozky A.prehled:link,
.zalozky A.prehled:visited{
 background-image: url(obr/prehled.png);
 background-repeat: no-repeat;
 background-position: center center;
}
.zalozky A.prehled.a,
.zalozky A.prehled.a:link,
.zalozky A.prehled.a:visited{
 background-image: url(obr/prehled.png);
}
*/
.zalozky A.a,
.zalozky A.a:link,
.zalozky A.a:visited{
 background-color: #2B2A32;
 color: #9A674C;
}
.panely{
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-gap: 20px;
 padding: 20px;
}
.panely .panel{
 position: relative;
 display: inline-grid;
 border-radius: 8px;
 border: solid 1px #474747;
 color: #FFFFFF;
 background-color: #474747;
 background-repeat: no-repeat;
 background-size: 60%;
 background-position: left -30px bottom -60px;
}
.panely .panel.panel_rezervace{
 background-image: url(obr/panely/stul_zidle.png);
}
.panely .panel.panel_objednavky{
 background-image: url(obr/panely/talir_pribor.png); 
}
.panely .panel .ikonky{
 position: absolute;
 right: 2px;
 bottom: 7px;
}
.panel .cervena .ikonky A.x{ display: none; }
.panel .cervena .ikonky A.fajfka{ display: none; }
.panel .cervena .ikonky A.palec_nahoru{ background-color: #00AA00; }
.panel .cervena .ikonky A.palec_dolu{ background-color: #880000; }
.panel .zelena .ikonky A.palec_nahoru{ display: none; }
.panel .zelena .ikonky A.palec_dolu{ display: none; }
.panel .seda .ikonky A.palec_dolu{ display: none; }
.panel .seda .ikonky A.fajfka{ display: none; }
.panel .seda .ikonky A.x{ display: none; }
.panel .sseda .ikonky A.palec_dolu{ display: none; }
.panel .sseda .ikonky A.fajfka{ display: none; }
.panel .sseda .ikonky A.x{ display: none; }
.panel .tmava_tseda .ikonky A.palec_nahoru{ display: none; }
.panel .tmava_tseda .ikonky A.palec_dolu{ display: none; }
.panel .tmava_tseda .ikonky A.fajfka{ display: none; }
.panel .fialova .ikonky A.palec_nahoru{ display: none; }
.panel .fialova .ikonky A.palec_dolu{ display: none; }
.refreshpoz{
 position: fixed;
 top: 44px;
 left: 0px;
 width: 100%;
 height: 5px;
 z-index: 9999;
}
.refresh{
 background-color: #9A674C;
 width: 0%;
 height: 5px;
}
.filtr{
 position: fixed;
 top: 92px;
 left: 0px;
 width: calc(100% - 20px);
 padding: 10px;
 text-align: center;
 background-color: #1A1A1A;
}
.pbloky{
 display: grid;
 grid-template-columns: 1fr 1fr;
 grid-gap: 20px;
}
.pbloky.pbloky2{
 grid-template-columns: 1fr 1fr 1fr;
}
.pblok{
 display: inline-grid;
}
#obsah{ padding: 20px 0px 0px 0px; }
.tecky{
 display: flex;
 align-items: baseline;
 gap: 10px;
 margin: 0px 0px 10px 0px;
}
.teckyL{
 display: flex;
 flex-grow: 1;
 align-items: baseline;
}
.teckyL::after{
 content: "";
 flex-grow: 1;
 border-bottom: 1px dotted #CCCCCC;
 margin-left: 10px;
}
.teckyP{
 white-space: nowrap;
 text-align: right;
}