@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,600&subset=latin,latin-ext); /* 400,300,700*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,600&subset=latin,latin-ext);


body {
  font: 1.3rem 'Open Sans', Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: 300;
  line-height: 1.5;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  color: black;
  background-color: #e3e4dc;
}

.big-image-container {
  position: relative;
  width: 100%;
  height: 100vh;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .big-image-container {
      height: -webkit-fill-available;
    }
  }
}
.big-image-container .big-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.big-image-container .beranek-logo {
  width: 144px;
  height: 144px;
}
@media screen and (min-height: 1008px) {
  .big-image-container .beranek-logo {
    width: 15vh;
    height: 15vh;
  }
}
.big-image-container .beranek-logo.beranek-logo--fixed {
  position: sticky;
  left: 50%;
  top: 100%;
  z-index: 999999999;
  transform: translate3d(-50%, 0, 0);
}

.sticky-topbar {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 64px;
  box-sizing: border-box;
  background-color: #e3e4dc;     z-index: 99999999;
}

/* radim end */


a { color: #000 !important; }
a:hover { color: #666 !important; text-decoration: none; }


strong { font-weight: 600; }

hr { height: 1px; font-size: 0; line-height: 1px; border-top: 1px solid #666666; border-left: none; border-right: none; border-bottom: none; margin: 5px 0; }

.s08 { font-size: 0.8em; }
.s085 { font-size: 0.85em; }
.s09 { font-size: 0.9em; }
.s095 { font-size: 0.95em; }
.s11 { font-size: 1.1em; }
.s12 { font-size: 1.2em; }
.s13 { font-size: 1.3em; }
.s14 { font-size: 1.4em; }
.s15 { font-size: 1.5em; }
.s16 { font-size: 1.6em; }
.s17 { font-size: 1.7em; }
.s18 { font-size: 1.8em; }
.s2 { font-size: 2em; }
.s21 { font-size: 2.1em; }

.nowrap { white-space: nowrap; }
.active { color: #4b4b4d; text-decoration: none; }
.skryty, .hidden { visibility: hidden; display: none; }
.nodisplay { display: none; }
.skr { visibility: hidden; display: none; }
.invisible { visibility: hidden;  }
.nomargin { margin: 0; }
.automargin { margin: auto; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.top { vertical-align: top; }
.topright { text-align: right; vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.capitalize { text-transform: capitalize; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.normal { font-weight: 300; }
.bold { font-weight: 600; }
.small { font-size: 0.3em; }
.white { color: #fff; }
.bgwhite {background-color: #fff; }
.bgblack {background-color: #000; }
.red { color: red; }
.darkblue { color: #6b86b5 }
.blue { color: #005da8; }
.lightblue { color: #69b8e6; }
.gray { color: #726f6a; }
.bggray {background-color: #797b7a; }
.smallbggray {background-color: #545454; color: #fff; font-size: 0.8em; }
.bglightgray0 {background-color: #f4f4f4; }
.bglightgray1 {background-color: #ddd; }
.box { padding: 10px; border: 1px solid #545454; background-color: #f4f4f3; }
.lower-alpha { list-style-type: lower-alpha; }
.orange { color: #b36c2d;}

.bordered { border: 2px solid #666666; background-color: #fff;}
.bordered th { text-align:center; color: #fff ; background-color: #666666; }

.borderedsmall { border: 2px solid #666666; background-color: #fff; font-size:0.85em }
.borderedsmall th { text-align:center; color: #fff ; background-color: #666666 }
.borderedsmall_red { border: 2px solid #666666; background-color: #fff; font-size:0.85em }
.borderedsmall_red th { text-align:center; color: #fff ; background-color: #666666 }
table.borderedsmall, table.borderedsmall_red { width:100% }

.lightbordered { border: 1px solid #ccc; background-color: #dfeff9 }

.in { padding: 0.3em 1em;}

.obrazek { border: 1px solid #ccc; }
.obrazek_vlevo { margin-right: 10px; margin-bottom: 10px; float: left; border: 1px solid #ccc; }
.obrazek_vpravo { margin-left: 10px; margin-bottom: 10px; float: right; border: 1px solid #ccc; }
.obrazek_left { margin-right: 10px; margin-bottom: 10px; float: left; border: 4px double #ccc; }
.obrazek_right { margin-left: 10px; margin-bottom: 10px; float: right; border: 4px double #ccc; }
.obrazek_logo { margin-right: 10px; margin-bottom: 10px; float: left; }

.floatleft { float: left; }
.floatright { float: right; }


h2 a { text-decoration: none }
h2 a:hover { text-decoration: underline }

.nolink {  color: #666666; text-decoration: none }

.cleaner { clear:both; height:0; font-size:0; margin:0; padding:0; border:none; visibility: hidden; }
.cleaner1 { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent; }
.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }

.width_25perc { width:25% }
.width_50perc { width:50% }
.width_100perc { width:100% }

.width_80 { width:80px }

.width_200  { width:200px }
.width_300  { width:300px }
.width_496 { width:496px }
.height_100  { height: 100px; }


#whole { width:100%; margin: 0 auto 0 auto; }

#homepage-wrapper {
  margin: 0 auto; padding: 0;
  width:100%;
  max-width:960px;
}


#header { /*, #header_home*/
  width:95%; 
  margin: 0 auto 0 auto;
  padding-top: 22px;
/*  text-align:center;*/
}

#header img {
  width:100%;
  max-width:960px;
}


#middle {
  /*font-size:14px;*/
  width:95%; 
  max-width:960px;  /* ori 914*/
  margin: 0 auto 10px auto;
  text-align:left;
}
#middle img {
  width:100%;
/*  height:auto;*/
  margin: 6px 0 6px 0;
}
#middle video {
  width:100%;
  max-width:960px;
  max-height:540px;  /* ori. 514*/
  margin-bottom:10px;
}

.fotogalerie p, .fotogalerie h2 {
  margin: -12px 0 -6px 0;
  padding: 0;
  font-size: 1.4em;
}

.w805 { width: 805px; }
.w910 { width: 910px; }
.w954 { width: 954px; }

#site_offline { margin: 0; padding: 15em 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000; font-weight: bold; text-align: center; line-height: 1.4;}

/*********
navigace
*********/ 
#nav {
  max-width: 561px;
  margin: 9px auto;
  padding: 0 8px; /*pridano, pro sjednoceni s columns F5 */
  text-align: left;
  color: #000;
 /* border-bottom:1px solid #999999;*/
}

#nav ul li {
  max-width: 561px;
  margin: 0;
  padding: 0;
	list-style-type: none; 
  border-top:1px solid #999999;
  color:#000;
  text-transform: uppercase;  
}

#nav ul li a {
  max-width: 561px;
  text-decoration:none;
  color:#000;
  display:block;
  padding: 4px 0;
  font-size: 1rem;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
}
#nav a span.smaller {
 /* font-size: 18px; */
  font-size: 1.2rem;
}

#nav ul li li a {
  padding-left: 20px;
}
#nav ul li li li a {
  padding-left: 40px;
}