BODY{
 margin: 0px;
 padding: 0px;
 font-family: "Asap", sans-serif;
 font-weight: 400;
 font-style: normal;
 font-size: 16px;
 color: #231F20;
 background-color: #DFEAEC;
}
/*--- TAGY ---*/
H1, H2{
 font-size: 60px;
 text-align: center;
 font-weight: 400;
 color: #00A651;
}
H1 SPAN{ color: #231F20; }
H1 EM{
 display: block;
 font-style: normal;
 font-size: 33px;
}
H2{
 color: #231F20;
 font-size: 40px;
 padding: 10px 0px 20px 0px;
}
TABLE.DM,
TABLE.listek{
 width: 100%;
}
TABLE.DM TR TD{
 padding: 3px 10px;
}
DIV.DM_den,
DIV.zvyraz_tm_poz{
 background-color: #D6D9DB;
 padding: 10px 15px;
 margin: 20px 0px;
}
DIV.DM_info{
 background-color: #F7F8F2;
 padding: 5px 10px;
}
TABLE.DM TR TD,
TABLE.listek TR TD{ text-align: left; vertical-align: top; padding: 2px 5px; }
TABLE.DM TR TD.mnozstvi,
TABLE.listek TR TD.mnozstvi{ text-align: center; white-space: nowrap; width: 60px; }
TABLE.DM TR TD.kod{ text-align: center; width: 0px; padding: 0px; }
TABLE.listek TR TD.kod{ text-align: center; width: 0px; }
TABLE.DM TR TD.cena,
TABLE.listek TR TD.cena{ text-align: right; color: #00A651; white-space: nowrap; }
TABLE.DM TR.DM_kat TD{
 background-color: #D6D9DB;
 padding: 10px 15px;
}
TABLE.DM TR TD DIV.ingredience{ color: #B89C8E; margin: 0px 0px 10px 0px; }
DIV.akcepoz{
 display: none;
 position: fixed;
 top: 0px;
 left: 0px;
 z-index: 999;
 width: 100%;
 height: 100vh;
 background-color: #231F20;
 opacity: 0.7;
 filter: alpha(opacity=70);
}
A.akcetxt{
 display: block;
 padding: 10px;
 position: fixed;
 top: 58px;
 left: 0px;
 color: #FFFFFF;
 background-color: #7A5B2F;
 z-index: 1000;
}
DIV.akcepop{
 display: none;
 position: absolute;
 top: 0px;
 left: 0px;
 text-align: center;
 padding: 20px;
 font-size: 25px;
 color: #FFFFFF;
 background-image: url(obr/akce_pop.png);
 background-repeat: repeat-x;
 background-position: bottom left;
 z-index: 1001;
}
IMG.akce{
 display: none;
 position: fixed;
 max-width: 90%;
 max-height: 90vh;
 top: 5%;
 left: 5%;
 z-index: 1000;
 box-shadow: 0px 0px 50px 0px #AAAAAA;
 -webkit-box-shadow: 0px 0px 50px 0px #AAAAAA;
 -moz-box-shadow: 0px 0px 50px 0px #AAAAAA;
}
.topfoto STRONG{
 position: absolute;
 left: 0px;
 bottom: 0px;
 width: 100%;
 text-align: center;
 font-size: 30px;
 color: #7A5B2F;
}
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #7A5B2F;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #00A651;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 40px;
 right: 20px;
 display: none;
 width: 50px;
 height: 50px;
 background-color: #7A5B2F;
 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;
}
A.nahoru:hover, A.nahoru:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.logo,
A.logo:link,
A.logo:visited{
 position: absolute;
 top: 40px;
 left: 70px;
 display: block;
 width: 320px;
 height: 369px;
 background-image: url(obr/logo.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100%;
 z-index: 2;
}
A.logo:hover,
A.logo:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.logo.logo2,
A.logo.logo2:link,
A.logo.logo2:visited{
 position: fixed;
 left: 10px;
 top: 1px;
 width: 43px;
 height: 50px;
 background-image: url(obr/rs_logo.png);
 z-index: 101;
}
A.rs_logo,
A.rs_logo:link,
A.rs_logo:visited{ display: none; }
.soc_site A,
.soc_site A:link,
.soc_site A:visited{
 float: left;
 margin: 0px 10px 0px 0px;
 display: block;
 width: 50px;
 height: 50px;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100%;
}
.soc_site A:hover,
.soc_site A:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.soc_site A.fb, .soc_site A.fb:link, .soc_site A.fb:visited{ background-image: url(obr/fb.png); }
.soc_site2 A.fb, .soc_site2 A.fb:link, .soc_site2 A.fb:visited{ background-image: url(obr/fb2.png); }
.soc_site A.ig, .soc_site A.ig:link, .soc_site A.ig:visited{ background-image: url(obr/ig.png); }
.soc_site2 A.ig, .soc_site2 A.ig:link, .soc_site2 A.ig:visited{ background-image: url(obr/ig2.png); }
.menu A,
.menu A:link, .menu A:visited{
 display: block;
 float: left;
 color: #FFFFFF;
 font-size: 20px;
 padding: 15px 20px;
 margin: 0px 5px 0px 5px;
}
.menu A:hover, .menu A:active,
.menu A.a, .menu A.a:link, .menu A.a:visited{
 color: #00A651;
 background-color: #DFEAEC;
 text-decoration: none;
}
.zalozky A,
.zalozky A:link, .zalozky A:visited{
 display: block;
 float: left;
 width: calc(20% - 40px);
 color: #FFFFFF;
 font-size: 20px;
 padding: 15px 20px;
 text-align: center;
}
.zalozky A:hover, .zalozky A:active,
.zalozky A.a, .zalozky A.a:link, .zalozky A.a:visited{
 color: #7A5B2F;
 background-color: #DFEAEC;
 text-decoration: none;
}
.zalozky A EM,
.zalozky A:link EM, .zalozky A:visited EM{
 display: block;
 font-size: 15px;
 font-style: normal;
}
.fotogalerie A IMG,
.fotogalerie A:link IMG,
.fotogalerie A:visited IMG{
 display: block;
 float: left;
 margin: 0px 1px 1px 0px;
}
.fotogalerie A:hover IMG,
.fotogalerie A:active IMG{
 opacity: 0.70;
 filter: alpha(opacity=70);
}
A.objednavka,
A.objednavka:link,
A.objednavka:visited{
 position: absolute;
 left: 13px;
 bottom: 70px;
 display: block;
 padding: 10px 15px;
 background-color: #AA0000;
 color: #FFFFFF;
 -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;
 z-index: 100;
}
A.objednavka_fix,
A.objednavka_fix:link,
A.objednavka_fix:visited{
 position: fixed;
 bottom: auto;
 top: 70px;
}
A.objednavkaA.objednavka_fix,
A.objednavkaA.objednavka_fix:link,
A.objednavkaA.objednavka_fix:visited{
 top: 112px;
}
A.objednavka:hover,
A.objednavka:active{
 background-color: #7A5B2F;
}
.bottom A:link, .bottom A:visited{ color: #7A5B2F; }
.bottom A:hover, .bottom A:active{ color: #939393; }
.copy{
 float: left;
 color: #7A5B2F;
}
.copy A:link, .copy A:visited{ color: #7A5B2F; }
.copy A:hover, .copy A:active{ color: #939393; }
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #7A5B2F;
}
A.kao:hover, A.kao:active{ color: #939393; }
/*--- DESIGN ---*/
.top{
 position: relative;
 width: 100%;
 height: 100vh;
 background-color: #DFEAEC;
 background-image: url(obr/restaurace_na_vrsicku.jpg);
 background-repeat: no-repeat;
 background-position: left center;
 background-size: cover;
}
.o_restauraci{
 position: absolute;
 bottom: 200px;
 left: 90px;
 width: 400px;
 font-size: 20px;
 color: #231F20;
 text-shadow: 1px 1px #DFEAEC;
 z-index: 1;
}
.menutop{
 position: absolute;
 bottom: 53px;
 right: 0px;
}
.menupruh{
 position: absolute;
 width: 100%;
 height: 53px;
 bottom: 0px;
 right: 0px;
 background-color: #231F20;
 z-index: 4;
 text-align: center;
}
.menupruhfix{
 position: fixed;
 top: 0px;
 bottom: auto;
}
.menu{
 display: inline-block;
 height: 57px;
}
.menu_respons,
.smenu_respons{
 display: none;
}
.pruh{
 position: relative;
 padding: 50px 0px 50px 0px;
}
.main{
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
 text-align: left;
}
.mainL{
 float: left;
 width: 45%;
}
.mainP{
 float: right;
 width: 45%;
}
.bottom{
 border-top: solid 1px #DDDDDD;
 padding: 50px 0px 50px 0px;
}
/*--- OSTATNÍ ---*/
.zalozky{
 background-color: #7A5B2F;
 margin: 0px 0px 30px 0px;
 padding: 0px 5px;
}
.blok{
 background-color: #FFFFFF;
 padding: 10px 0px 0px 0px; 
 -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;
 box-shadow: 0px 0px 25px 0px #DDDDDD;
 -webkit-box-shadow: 0px 0px 25px 0px #DDDDDD;
 -moz-box-shadow: 0px 0px 25px 0px #DDDDDD;
 overflow: hidden;
}
.soc_site{
 position: fixed;
 top: 20px;
 right: 10px;
 z-index: 5;
}
.jidlo SPAN{ font-weight: bold; font-size: 18px; }
.jidlo EM{ display: block; padding: 0px 0px 10px 0px; font-style: normal; color: #803409; }