#header {
	float:left;
    /*background: url(/public/dm/1/img/header_bg.png) no-repeat left top;*/
    background-size: 80px 80px;
    padding-left: 20px;
    margin-bottom: 5px;
}
#header a {display: block; float:left; text-decoration: none;}
#header img {float:left;}
#header .header-title {float:left;margin-left: 5px;margin-top: 5px;font-size: 20px;z-index:200;}
#header .header-title span {display: block;font-weight: bold;}

/* Prouzek bez prihlaseni - stejna barva jako navigace klienta */
#nav-usernav {background-color: #104a84;height: 20px;}

/* Navbar - zaklad cerveny (admin). Klient ma vlastni modrou (.navbar-client),
   admin.css se nacita jen adminovi a tuhle barvu nemeni. */
nav.navbar {
  background-color:#c03b34;
  padding:0 0px;
  margin:0 0px;
}

/* Navbar prihlaseneho klienta - modra */
nav.navbar.navbar-client {
  background-color:#104a84;
}

.nav .navbar-toggler {color: white;}

.navbar .navbar-login {
	color:#b8bec0;
}

.navbar-collapse .navbar-nav li > a {
  color: white;
  margin: 5px 3px;
}

.navbar-collapse .navbar-nav li a:hover {
	color: white;
}

.navbar-collapse .navbar-nav li a.show {
	color: #fff4ef;
}

.navbar-collapse .navbar-nav .dropdown .dropdown-menu {
    background-color:#57616e;
    margin: 0 0px;
}

.navbar-collapse .navbar-nav .dropdown .dropdown-menu > a {
  color:#b8bec0;
}

.navbar-collapse .navbar-nav .dropdown .dropdown-menu > a:hover {
  background-color:#5e6a79;
}

.navbar-login .nav li  a {
  color: white;
  margin: 5px 0px;
}

.navbar-login .nav .dropdown .dropdown-menu {
    background-color:#57616e;
    margin: 0 0px;
}

.navbar-login .nav .dropdown .dropdown-menu > a {
  color:#b8bec0;
}

.navbar-login .nav .dropdown .dropdown-menu > a:hover {
  background-color:#5e6a79;
}

.bg-footer {background-color: #202020;}

#aheader-box {
    content: "";
    position: absolute;
    top: 5px;
    left: 30px;
    width: 137px;
    height: 112px;
    border:1px solid red;
    /*background: url(/public/dm/1/img/header_bg.png) no-repeat center center;*/
    z-index:50;
}
@media (max-width: 740px) {
   #header .header-title {float:left;margin-left: 5px;margin-top: 5px; font-size: 16px;}
	#header .header-title span {display: block;}
}

@media (max-width: 360px) {
	#header .logo img {height: 60px;}
   #header .header-title {float:left;margin-left: 5px;margin-top: 1px; font-size: 16px;}	
	#header .header-title span {display: block;}
	#nav-usernav {background-color: #104a84;height: 10px;}
}