body, :root {
 height: 100%;
}

* {
box-sizing: border-box;
}


body {
background-image: URL("../img/background.png");
background-position: center;
background-attachment: fixed;
overflow-y: scroll;
}

header {
  background-color: rgb(0,102,153);
  min-height: 110px;
}

.logohead_container {
  position: relative;
  float: left;
  height: 70px;
  width: 35%;
}

#logohead {
  height: 110px;
}

#logobrand {
  height: 30px;
}

.header_title_container {
  position: relative;
  float: left;
  top: 30px;
  width: 60%;
}

.header_title_container h2 {
  color: white;
}

.header_title_container a:hover {
  color: #006699;
}

.header_title_container > a:focus {
  color: #006FAD;
}

@media only screen and (max-width: 768px) {
  header {min-height: auto;}
  .logohead_container {display: none;}
  .header_title_container {display: none;}
}

#ulLocation {margin-left: 0px;}

@media only screen and (min-width: 768px) {
  #ulLocation {position: absolute; top: -30px; right: 45px;}
}

.navbar-default .navbar-nav>.active>a {
  background-color: steelblue;
  color: white;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  background-color: steelblue;
  color: white;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: lightblue;}
}


#logofootOlomouc {
  height: 100px;
  padding: 25px;
}

.container-m {
width: 960px;
margin: auto;
position: relative;
}

@media only screen and (max-width: 960px) {
  .container-m {width: 100%;}
}

.navbar-default {
  clear: both;
  background-color: rgb(0,102,153);
  border: 0px;
  min-height: 20px;
}

@media only screen and (min-width: 768px) {
  .navbar-default  {bottom: -9px;}
}

.navbar-brand.navbar-brand {
  color: white;
}

.navbar-brand.navbar-brand:hover {
  color: #333;
}

.navbar-brand.navbar-brand:visited {
  color: white;
}

.navbar-brand.navbar-brand:focus {
  color: white;
}

@media only screen and (min-width: 768px) {
  .navbar-brand.navbar-brand {display: none;}
}


.navbar-default .navbar-nav>li>a {
  padding-top: 5px;
  padding-bottom: 5px;
  color: white;
}

.langChoice {
  top: -20px
}

@media only screen and (max-width: 768px) {
  .nav > li {position: static;}
}

@media only screen and (min-width: 768px) {
  .nav-header > li {display:none}
}

@media only screen and (max-width: 768px) {
  .nav-body > li {display:none}
}


#popoverPrihlaseni ~.popover {
  width: 240%
}

main {
  background-color: white;
  padding: 2%;
  min-height: 78%;
}

footer {
  background-color: #E6E6E6;
  min-height: 100px;
}

p {
  font-family: Tahoma, Roboto, "Open Sans", Arial, Aller;
  font-size: 14px;
  color: #777777;
}

H1 {
  color:#006FAD;
  font-size:30px;
  font-weight: 700;
  line-height:1.1;
}

H2 {
  color:#006FAD;
  font-size:20px;
  font-weight: 700;
  line-height:1.1;
}

H3 {
  color:#777777;
  font-size:18px;
  font-weight: 700;
  line-height:1.1;
}

H4 {
  color:#777777;
  font-size:14px;
  font-weight: 700;
  line-height:1.1;
}

a:hover {
  color:#006FAD;
}

a {
  color: #006FAD;
}


[data-toggle|=popover]:hover, [data-toggle|=popover]:active, [data-toggle|=popover]:visited, [data-toggle|=popover]:focus {
  text-decoration: none;
}