body {
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center auto; }

#header {
background-image: url('../img/grafika.jpg');
z-index: 500;
width: 100%;
height: 30em; }

#logo {
top: 4em; }

.content {
position: relative; }

.home .content {
position: relative; }

#articles {
margin-bottom: -1em; }

.article_img {
height: 8em; }


#articles .page {
padding: 0 2em;
background-color: #fff; }

#links {
background-color: transparent; }

#links .page {
background-color: #F4F8F9; }

#about .page {
display: flex; }

#about .half:first-child, #about .half:nth-child(2) {
box-sizing: border-box;
flex: 1;
width: 50%; }

#about .half:first-child {
order: 2; }

#about .half:nth-child(2) {
order: 1; }

#about .page .half:nth-child(2) img {
max-height: 95%;
width: auto;
position: absolute;
bottom: 0;
margin: 0; }

#important .half {
width: 50%;
float: left; }

.subhalf {
float: right;
max-width: 460px; }

#important .half:nth-child(2) {
display: block;
height: 21em;
overflow: hidden; }

#important .half:nth-child(2) img {
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
max-width: none;
max-height: none;
display: block;
top: 50%;
left: 50%; }



#footer .block {
width: 25%; }

#footer .block:nth-child(2), #footer .block:nth-child(4) {
border-left: none;
text-align: left; }

.notablet {
display: inline-block; }

/* clanky */
.clanek_obr {
width: 20%;
height: 7em !important; }

/* hlavni menu */
#menu {
position: fixed;
background-repeat: no-repeat;
background-position: 50% bottom;
background-image: url('../img/menu.png');
padding-bottom: 40px; }

.menu_black {
background-image: url('../img/menu3.png') !important; }

.menu_black a {
color: white; }

#menu .page {
text-align: right;
max-width: 1100px; }

.menu {
display: block; }

.toggle,
[id^=drop] {
display: none; }

.toggle + a,
.menu {
display: block; }

nav:after {
content:"";
display:table;
clear:both; }

nav ul {
margin: 0;
padding: 0;
list-style-type: none;
background-color: transparent;
list-style-type: none;
font-size: 1.1em;
text-align: right; }


nav ul li {
border: none;
width: auto;
display: inline-block;
position: relative; }


nav  ul ul {
display: none;
position: absolute;
font-weight: normal;
box-shadow: none;
left: 0;
top: 2em;
min-width: 250px; }


nav ul li:hover > ul {
display:inherit;
}


nav > ul > li > a {
text-transform: uppercase;
text-decoration:none;
font-weight: bold;
color: black;
padding: 0.7em 1em; }


nav > ul > li > ul > li {
float:none;
margin: 0;
display:list-item;
position: relative;
border-top: 1px solid #dedede; }

nav > ul > li > ul > li:first-child {
border-top: none; }

nav > ul > li > ul {
margin-top: 10px;
box-shadow: 0 4px 5px -2px black;
background-color: #fff; }

nav > ul > li > ul a {
font-size: 0.8em;
text-align: left;
display: block;
color: black;
padding: 0.5em 1em;
white-space: nowrap; }

nav > ul > li > ul a:hover {
color: black;
background-color: #efefef; }