body, html { height: 100%; margin: 0; font: 400 15px/1.8 "Lato", sans-serif; color: #777; }
h2 { letter-spacing: 5px; text-transform: uppercase; font: 20px "Lato", sans-serif; color: #111; }
h3 { letter-spacing: 5px; text-transform: uppercase; font: 20px "Lato", sans-serif; color: #111; }
footer { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; color: #ffffff; background-color: #555; opacity: 0.45; }
a {color: #333;/*text-decoration: none;*/}
a:hover {/*text-decoration: underline;*/}

.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6 { position: relative; opacity: 0.77; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
.bgimg-1 { background-image: url("img/novy_bg_3.jpg"); min-height: 100%; }
.bgimg-2 { background-image: url("img/novy_bg_2.jpg"); min-height: 400px; }
.bgimg-3 { background-image: url("img/novy_bg_7.jpg"); min-height: 400px; }
.bgimg-4 { background-image: url("img/novy_bg_5.jpg"); min-height: 400px; }
.bgimg-5 { background-image: url("img/novy_bg_4.jpg"); min-height: 400px; }
.bgimg-6 { background-image: url("img/novy_bg_1.jpg"); min-height: 100%; }
.caption { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; color: #000;}
.caption-motto { position: absolute; left: 0; top: 28%; width: 100%; text-align: center; color: #000;}
.caption .border, .caption-motto .border { background-color: #111; color: #fff; padding: 18px; font-size: 25px; letter-spacing: 10px; opacity: 0.8; }
.caption .border-transparent {padding:18px;font-size:25px;letter-spacing:10px;opacity:0.8;background-color:transparent;color:#f7f7f7;}
.caption-motto .border-transparent {padding:18px;font-size:21px;letter-spacing:7px;opacity:0.8;background-color:transparent;color:#f7f7f7;}

.kategorie { color: #777; background-color: white; text-align:center; padding: 50px 80px; text-align: justify;}

.responsiveCal {position: relative; width: 75%;max-width:900px; height:450px; margin: 0 auto;}
.responsiveCal iframe {position: absolute;width: 100%;height:100%;}

.responsiveVideo {position: relative; width: 640px; height:480px;margin:0 auto;}
.responsiveVideo iframe {position: absolute;width: 100%;height:100%;}

.galerie-link { display: inline-block; margin: 10px; line-height: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 2px solid #668181; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
.galerie-link:hover { border: 2px solid #aec4ba; }
.galerie-image { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; width: 120px; height: 120px; margin: 0; padding: 0; }

.topnav { overflow: hidden; background-color: #333; position: fixed; top: 0; width: 100%; z-index:100; opacity: 0.9; transition: top 0.3s;}
.topnav a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 24px; text-decoration: none; }
.topnav a:hover {background: #ddd;color: black;}
.topnav .vlajka {float: right;}
.topnav a img {height: 20px;vertical-align: middle;opacity: 0.9;}
.topnav .icon {display: none;}

/* Turn off parallax scrolling for tablets and phones */
/*@media only screen and (max-device-width: 1024px) {
  .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 {background-attachment: scroll;}
}*/

@media screen and (max-width: 800px) {
  //.topnav a:not(:first-child) {display: none;}
  .topnav a {display: none;}
  .topnav a.icon {float: right;display: block;}
  //.topnav.responsive {position: relative;}
  .topnav.responsive a.icon {position: absolute;right: 0;top: 0;}
  .topnav.responsive a {float: none;display: block;text-align: left;}

  .kategorie {padding: 50px 25px;}

  .responsiveCal {width: 100%; height:350px;}

  .responsiveVideo {width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;}

  .galerie-image {width: 80px; height: 80px; margin: 0; padding: 0; }
}