BODY{
 margin: 0px;
 padding: 0px;
 font-family: "Source Serif 4", serif;
 font-weight: 300;
 font-style: normal;
 font-size: 16px;
 color: #323F54;
 background-color: #FFFFFF;
}
/*--- TAGY ---*/
H1, H2, H3{
 font-size: 30px;
 color: #504C6A;
 text-align: center;
 font-weight: 700;
}
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #8490A3;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #A5C3E1;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 40px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #504C6A;
 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;
}
.panely A:hover IMG, .panely A:active IMG,
A.nahoru:hover, A.nahoru:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.logo,
A.logo:link,
A.logo:visited{
 position: fixed;
 top: 130px;
 left: 100px;
 display: block;
 width: 55%;
 aspect-ratio: 989 / 98;
 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{
 background-image: url(obr/logo_over.png);
}
.menu A,
.menu A:link, .menu A:visited{
 position: relative;
 display: block;
 float: left;
 color: #A5C3E1;
 font-size: 20px;
 padding: 10px;
 margin: 10px 50px 0px 0px;
}
.menu A:hover, .menu A:active,
.menu A.a, .menu A.a:link, .menu A.a:visited{
 color: #FFFFFF;
 text-decoration: none;
}
.mainL2 A, .mainL2 A:link, .mainL2 A:visited{
 display: block;
 background-color: #A5C3E1;
}
.mainL2 A IMG, .mainL2 A:link IMG, .mainL2 A:visited IMG{
 width: 100%;
}
.mainL2 A:hover IMG, .mainL2 A:active IMG{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.fotogalerie A,
.fotogalerie A:link,
.fotogalerie A:visited{
 display: block;
 float: left;
 margin: 1px;
 width: calc(25% - 2px);
}
.fotogalerie A:hover,
.fotogalerie A:active{
 background-color: #A5C3E1;
}
.fotogalerie A IMG,
.fotogalerie A:link IMG,
.fotogalerie A:visited IMG{
 display: block;
 width: 100%;
}
.fotogalerie A:hover IMG,
.fotogalerie A:active IMG{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.pruh3 A, .pruh3 A:link, .pruh3 A:visited{ color: #FFFFFF; }
.pruh3 A:hover, .pruh3 A:active{ color: #A5C3E1; }
A.tlacitko, A.tlacitko:link, A.tlacitko:visited{
 position: relative;
 display: inline-block;
 padding: 8px 57px 12px 15px;
 background-color: #A5C3E1;
 color: #504C6A;
 font-weight: 600;
}
A.tlacitko SPAN, A.tlacitko:link SPAN, A.tlacitko:visited SPAN{
 position: absolute;
 top: 0px;
 right: 0px;
 display: block;
 width: 42px;
 height: 42px;
 text-align: center;
 line-height: 38px;
 font-size: 30px;
 color: #A5C3E1;
 background-color: #504C6A;
}
A.tlacitko:hover, A.tlacitko:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.bottom A:link, .bottom A:visited{ color: #A5C3E1; }
.bottom A:hover, .bottom A:active{ color: #8490A3; }
.copy{
 float: left;
 color: #A5C3E1;
}
.copy A:link, .copy A:visited{ color: #A5C3E1; }
.copy A:hover, .copy A:active{ color: #8490A3; }
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #A5C3E1;
}
A.kao:hover, A.kao:active{ color: #8490A3; }
/*--- DESIGN ---*/
.top{
 position: relative;
 width: 100%;
 aspect-ratio: 1920 / 1280;
 background-image: url(obr/top.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.BODY2 .top{
 aspect-ratio: 1920 / 330;
}
.top .ctverec{
 position: absolute;
 top: 100px;
 right: 30%;
 width: 200px;
 height: 200px;
 background-color: #F2F5F6;
}
.topL{
 float: left;
 width: calc(70% - 100px);
 height: calc(100% - 300px);
 margin: 300px 0px 0px 100px;
 background-image: url(obr/poz.png);
}
.topLpad{
 padding: 30% 15% 0% 15%;
}
.topP{
 float: right;
 width: calc(30% - 100px);
 height: calc(100% - 100px);
 margin: 100px 100px 0px 0px;
 background-color: #F2F5F6;
 background-image: url(obr/topP.png);
 background-repeat: no-repeat;
 background-position: right 50% top 20px;
 background-size: 80%;
}
.topPpad{ padding: 350px 50px 0px 50px; }
.menu{
 position: fixed;
 left: 100px;
 top: 30px;
 z-index: 101;
}
.menupruh{
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 70px;
 z-index: 100;
}
.menu_respons,
.smenu_respons{
 display: none;
}
.pruh{
 position: relative;
 padding: 50px 0px 50px 0px;
}
.pruh1{
 color: #000000;
 background-color: #FFFFFF;
 padding: 50px 0px 0px 0px;
}
.pruh2{
 color: #000000;
 background-color: #EEF1F2;
}
.pruh3{
 color: #FFFFFF;
 background-color: #504C6A;
}
.pruh4{
 color: #000000;
 background-color: #FFFFFF;
}
.main{
 width: 100%;
 text-align: left;
}
.pruh3 .main,
.pruh4 .main,
.bottom .main{
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
}
.mainL{
 width: 50%;
 float: left;
}
.mainP{
 width: 50%;
 float: right;
}
.mainL2{
 width: 40%;
 float: left;
}
.mainP2{
 width: 50%;
 float: right;
}
.bottom{
 padding: 50px 0px 50px 0px;
}
/*--- OSTATNÍ ---*/
.aktualne{
 background-color: #FFFFFF;
 color: #000000;
 padding: 20px;
 margin: 20px 0px 0px 0px;
 box-shadow: 0px 0px 25px 0px #DDDDDD;
 -webkit-box-shadow: 0px 0px 25px 0px #DDDDDD;
 -moz-box-shadow: 0px 0px 25px 0px #DDDDDD;
}
.bloky{
 display: grid;
 grid-template-columns: calc(33.33% - 10px) calc(33.33% - 10px) calc(33.33% - 10px);
 grid-gap: 15px;
 margin: 15px 0px 0px 0px;
}
.bloky .blok{
 display: inline-grid;
 background-color: #EEF1F2;
}
.bloky .blok.blok_zluty{ background-color: #A5C3E1; }
.bloky .blok.blok_sedy{ background-color: #504C6A; color: #FFFFFF; }
.bloky .blok .blokpad{ padding: 10%; }
.bloky .blok.blok_foto{
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
}
.bloky .blok.blok_foto.blok_foto1{ background-image: url(obr/nabizime/zlatnictvi.jpg); }
.bloky .blok.blok_foto.blok_foto2{ background-image: url(obr/nabizime/hodinarstvi.jpg); }
.bloky .blok.blok_foto.blok_foto3{ background-image: url(obr/nabizime/ocelove_sperky.jpg); }
.bloky .blok.blok_foto.blok_foto4{ background-image: url(obr/nabizime/opravy.jpg); }
.blocky{
 display: grid;
 grid-template-columns: calc(50% - 7.5px) calc(50% - 7.5px);
 grid-gap: 15px;
 background-color: #FFFFFF;
}
.blocky .blocek{
 display: inline-grid;
 background-color: #EEF1F2;
}
.blocky.blocky2 .blocek{
 background-color: #FFF5CE;
}
.prouzekB{
 background-color: #FFFFFF;
 width: 100%;
 height: 15px;
}
.panely{
 width: 90%;
 margin: 0px auto 0px auto;
 display: grid;
 grid-template-columns: repeat(3, 1fr);
}
.panely .panel{
 display: inline-grid;
 background-color: #FFFFFF;
}
.panely .panel.panel2{
 border-left: solid 1px #504C6A;
 border-right: solid 1px #504C6A;
}
.panelpad{ padding: 20px 30px 30px 30px; }
.fotogalerie{
 margin: 0px -1px;
}