BODY{
 margin: 0px;
 padding: 70px 0px 0px 0px;
 font-family: "Caveat Brush", cursive;
 font-weight: 300;
 font-style: normal;
 font-size: 20px;
 color: #000000;
 background-color: #FFFFFF;
}
BODY.BODY2{
 padding: 79px 0px 0px 0px;
}
/*--- TAGY ---*/
H1, H2, H3{
 font-size: 50px;
 color: #FFFFFF;
 text-align: center;
 font-weight: 400;
}
.pozpruh DIV.s{
 position: absolute;
 top: 25%;
 left: 25%;
 aspect-ratio: 398 / 562;
 height: 50%;
 background-image: url(obr/s.png);
 background-repeat: no-repeat;
 background-size: cover;
 z-index: 1;
}
.pozpruh H1{
 position: absolute;
 top: 30%;
 right: 20%;
 width: 25%;
 font-size: 75px;
 font-weight: 500;
 color: #FFFFFF;
 text-align: right;
 z-index: 1;
}
.pruh H1,
.pruh H2{
 font-size: 80px;
 color: #C82127;
 text-align: center;
 padding: 0px 0px 30px 0px;
}
.pruh H1.H1{ font-size: 30px; text-align: left; }
.pruh H1 STRONG,
.pruh H2 STRONG{
 display: inline-block;
 position: relative;
 font-weight: 100;
}
.pruh H1 SPAN,
.pruh H2 SPAN{
 position: absolute;
 left: 0px;
 bottom: 0px;
 width: 40%;
 border-bottom: solid 2px #F6EB14;
}
.bloky H2{ font-size: 50px; }
.bloky H2 EM{
 display: block;
 padding: 10px 0px 0px 0px;
 font-size: 20px;
 font-style: normal;
 color: #000000;
}
.bloky DIV.blok{
 display: flex;
 flex-direction: column;
}
.bloky DIV.blok DIV.blokpoz{
 flex-grow: 1;
 padding: 30px;
 font-size: 24px;
 background-color: #FFFFFF;
 box-shadow: 0px 0px 30px 0px #E0DED7;
 -webkit-box-shadow: 0px 0px 30px 0px #E0DED7;
 -moz-box-shadow: 0px 0px 30px 0px #E0DED7;
}
.bloky UL LI{
 font-size: 16px;
}
DIV.tecky{ position: relative; }
DIV.tecky DIV{
 position: relative;
 background-color: #FFFFFF;
 z-index: 2;
}
DIV.tecky DIV.fll{ padding-right: 15px; }
DIV.tecky DIV.flr{ padding-left: 15px; }
DIV.tecky SPAN{
 position: absolute;
 top: calc(100% - 9px);
 left: 0px;
 width: 100%;
 border-bottom: dotted 2px #AAAAAA;
 z-index: 1;
}
#pruh_denni-menu H1{ margin: 0px 0px 20px 0px; }
.dm H2{
 display: block;
 padding: 10px 20px;
 font-size: 40px;
 background-color: #C82127;
}
.dm H3{
 display: block;
 padding: 20px 0px 20px 20px;
 font-size: 30px;
 color: #C82127;
 text-align: left;
}
.dm H3 SPAN.c,
.dm DIV.j DIV.c{
 display: block;
 float: right;
 width: 320px;
}
.dm H3 EM,
.dm DIV.j EM{
 float: right;
 font-style: normal;
 font-size: 25px;
 width: 150px;
 text-align: right;
}
.dm DIV.j EM{
 padding-right: 10px;
}
.dm DIV.j{
 padding: 0px 0px 10px 30px;
 font-size: 30px;
}
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #C82127;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #C82127;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 20px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #C82127;
 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: fixed;
 top: 15px;
 left: 15px;
 display: block;
 aspect-ratio: 409 / 98;
 height: 70px;
 background-image: url(obr/logo.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 z-index: 104;
}
A.logo:hover,
A.logo:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.menu A,
.menu A:link,
.menu A:visited{
 display: block;
 float: left;
 height: 100px;
 line-height: 100px;
 padding: 0px 30px;
 font-size: 30px;
 color: #000000;
}
.menu A.m2,
.menu A.m2:link,
.menu A.m2:visited{
 color: #C82127;
 background-color: #F6EB14;
}
.menu A.m3,
.menu A.m3:link,
.menu A.m3:visited{
 color: #F6EB14;
 border-left: solid 3px #F6EB14;
 background-color: #C82127;
}
.menu A:hover,
.menu A:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.dm A.a,
.dm A.a:link,
.dm A.a:visited{
 color: #F6EB14;
}
.dm A.p,
.dm A.p:link,
.dm A.p:visited{
 color: #E5A9AB;
}
.dm A.a:hover,
.dm A.a:active,
.dm A.p:hover,
.dm A.p:active{
 color: #FFFFFF;
}
.dm DIV.j SPAN,
.dm DIV.j A,
.dm DIV.j A:link,
.dm DIV.j A:visited{
 display: block;
 float: left;
 width: 50px;
 height: 50px;
 margin: 0px 20px 0px 0px;
 vertical-align: middle;
 -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;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}
.dm DIV.j A:hover,
.dm DIV.j A:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.dmtisk A.tiskA4,
.dmtisk A.tiskA4:link,
.dmtisk A.tiskA4:visited,
.dmtisk A.tiskA5,
.dmtisk A.tiskA5:link,
.dmtisk A.tiskA5:visited{
 position: relative;
 display: inline-block;
 padding: 0px 10px 0px 60px;
 width: 60px;
 height: 56px;
 border: solid 2px #C82127;
 background-color: #EFF0EC;
 font-size: 40px;
 line-height: 55px;
 text-align: center;
 -webkit-border-radius: 50px 50px 50px 50px;
 -moz-border-radius: 50px 50px 50px 50px;
 -khtml-border-radius: 50px 50px 50px 50px;
 border-radius: 50px 50px 50px 50px;
 z-index: 1;
}
.dmtisk A.tiskA4,
.dmtisk A.tiskA4:link,
.dmtisk A.tiskA4:visited{
 margin: 0px -60px 0px 0px;
 z-index: 2;
}
.dmtisk A.tiskA4:hover,
.dmtisk A.tiskA4:active,
.dmtisk A.tiskA5:hover,
.dmtisk A.tiskA5:active{
 background-color: #F6EB14;
}
.dmtisk A.tiskA4 SPAN,
.dmtisk A.tiskA4:link SPAN,
.dmtisk A.tiskA4:visited SPAN{
 position: absolute;
 left: -2px;
 top: -2px;
 display: block;
 width: 60px;
 height: 60px;
 background-image: url(obr/ikonky/tisk.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-color: #C82127;
 -webkit-border-radius: 50px 50px 50px 50px;
 -moz-border-radius: 50px 50px 50px 50px;
 -khtml-border-radius: 50px 50px 50px 50px;
 border-radius: 50px 50px 50px 50px;
}
.bottom A:link, .bottom A:visited{ color: #C82127; }
.bottom A:hover, .bottom A:active{ color: #F6EB14; }
.copy{
 float: left;
 color: #C82127;
}
.copy A:link, .copy A:visited{ color: #C82127; }
.copy A:hover, .copy A:active{ color: #F6EB14; }
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #C82127;
}
A.kao:hover, A.kao:active{ color: #F6EB14; }
/*--- DESIGN ---*/
.menupruh{
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 background-color: #FFFFFF;
 z-index: 100;
}
.menu{
 float: right;
}
.pozpruh{
 width: 100%;
 aspect-ratio: 1920 / 870;
 background-image: url(obr/pozpruh.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.pruh{
 position: relative;
 padding: 50px 0px;
 color: #000000;
}
.pruh1{
 background-color: #EBE9E2;
 background-image: url(obr/ctverce/ctverec2.png);
 background-repeat: no-repeat;
 background-position: right -370px bottom -15px;
}
.pruh2{
 padding: 0px;
 background-color: #FDFBD0;
}
.pruh3{
 padding: 0px;
 background-color: #FFFFFF;
}
.pruh4{
 background-color: #EFF0EC;
}
.pruh5{
 padding: 0px;
 background-color: #FFFFFF;
 background-image: url(obr/ctverce/ctverec5.png);
 background-repeat: no-repeat;
 background-position: left -20px bottom;
}
.main{
 width: 90%;
 margin: 0px auto;
 text-align: left;
}
.mainL{
 float: left;
 width: 50%;
}
.mainP{
 float: right;
 width: 50%;
}
.bottom .main{
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
}
.bottom{
 padding: 100px 0px 100px 0px;
}
/*--- OSTATNÍ ---*/
.aktualne{
 margin: -100px auto 0px auto;
 width: calc(50% - 60px);
 padding: 30px;
 font-size: 35px;
 background-color: #FFFFFF;
 box-shadow: 0px 0px 30px 0px #E0DED7;
 -webkit-box-shadow: 0px 0px 30px 0px #E0DED7;
 -moz-box-shadow: 0px 0px 30px 0px #E0DED7;
}
.bloky{
 position: relative;
 display: grid;
 grid-gap: 50px;
 grid-template-columns: 1fr 1fr 1fr;
 padding: 50px 50px 0px 50px;
 z-index: 2;
}
.prodejna{
 background-image: url(obr/prodejna.jpg);
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
}
.jidelna{
 background-image: url(obr/jidelna.jpg);
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
}
.boxy{
 display: grid;
 grid-template-columns: 1fr 1fr;
}
.box1{ order: 1; }
.box2{ order: 2; }
.pruh2 .box2{
 background-image: url(obr/ctverce/ctverec3.png);
 background-repeat: no-repeat;
 background-position: left -450px bottom 20px;
}
.pruh3 .box1{
 background-image: url(obr/ctverce/ctverec4.png);
 background-repeat: no-repeat;
 background-position: right -370px bottom -420px; 
}
.otv_doba{
 position: absolute;
 left: 100px;
 bottom: 100px;
 width: calc(100% - 200px - 60px);
 padding: 30px;
 background-image: url(obr/poz1.png);
 color: #F6EB14;
 font-size: 40px;
}
.ctverec1{
 position: absolute;
 top: -280px;
 left: -280px;
 display: block;
 width: 560px;
 height: 559px;
 background-image: url(obr/ctverce/ctverec1.png);
 background-repeat: no-repeat;
 z-index: 1;
}
.dm{
 width: 98%;
 margin: 0px auto;
 background-color: #FFFFFF;
 box-shadow: 0px 0px 30px 0px #E0DED7;
 -webkit-box-shadow: 0px 0px 30px 0px #E0DED7;
 -moz-box-shadow: 0px 0px 30px 0px #E0DED7;
}
.dmtisk{
 position: relative;
 float: right;
 padding: 20px 20px 0px 0px;
}