body {
margin:0;
font-family: "Roboto",sans-serif,arial;
text-transform:none;
line-height:1.5;
font-weight:400;
font-style:normal;
color:#444;
font-size:16px;
background:url(/_css/obsah-bg.jpg)
}

#top-bar {
background-color:#000;
color:#fff;
font-size:13px
}

.box {
width:94%;
max-width:1164px;
margin:0 auto
}

#menu li,#site-icon,#site-info {
padding:16px;
float:left
}

#site-icon {
display:inline-block;
float:right
}

#site-icon img {
width:16px
}

#header::after,#top-bar::after {
clear:both;
display:table;
content: " "
}

#header {
background:url(/_css/top-bg.jpg);
background-size:cover;
background-attachment:fixed;
text-align:center
}

#logo {
padding:30px 0 0
}

#logo img {
width:300px;
max-width:80%
}

.shade {
z-index:999;
width:100%;
background:rgba(0,0,0,.4)
}

#menu {
margin:20px;
text-shadow:0 0 10px #000
}

#menu ul {
margin:auto;
text-align:center;
display:table
}

#menu li {
margin:0 5px 20px;
padding:0 10px;
list-style:none
}

#menu a {
color:#fff;
font-weight:bold;
text-decoration:none
}

#menu a:hover {
color:#000;
font-weight:bold;
text-shadow:0 0 10px #fff
}

#site-nadpis-none {
margin:120px auto
}

#site-nadpis {
height:230px;
margin:50px auto;
color:#fff;
font-weight:bold;
text-shadow:0 0 10px #000
}

#site-nadpis p {
font-size:36px
}

#titulek {
margin-top:-90px;
padding:15px 0;
z-index:999;
width:100%;
background:rgba(0,0,0,.6);
text-align:center
}

H1 {
font-size:28px;
margin:10px
}

#popis {
margin:10px 0
}

H1,H2 {
color:#fff;
text-shadow:0 0 10px #000
}

.mezera {
line-height:50%
}

#popis,.center {
text-align:center
}

.vpravo {
float:right
}

.skryte {
display:none
}

.help {
cursor:help
}

#jablotron {
float:left;
margin-right:30px;
max-width:50%
}

#kontakty {
background-color:#000;
color:#fff;
font-size:13px
}

.blok {
display:inline-block
}

.R100 {
margin-right:100px
}

#copy {
color:#999
}

@media (max-width:979px) {
#titulek {
margin-top:0
}

.R100 {
margin-right:40px
}
}

@media (max-width:480px) {
.box {
width:84%
}

#logo img {
max-width:60%
}

#menu ul {
margin:0;
text-align:left
}

#menu li {
float:none;
margin:0 0 20px
}

#site-nadpis {
margin:20% auto
}

#site-nadpis p {
font-size:28px
}

.R100 {
margin-right:0
}
}

@font-face {
font-family: 'Roboto';
font-display: swap;
src:url(/_css/Roboto.eot);
src:url(/_css/Roboto.eot?#iefix) format('embedded-opentype'),url(/_css/Roboto.woff2) format('woff2'),url(/_css/Roboto.woff) format('woff'),url(/_css/Roboto.ttf) format('truetype');
font-weight:400;
font-style:normal
}

@font-face {
font-family: 'Icon';
font-display: swap;
font-style:normal;
font-weight:900;
src:url(/_css/fa-solid-900.eot);
src:url(/_css/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/_css/fa-solid-900.woff2) format("woff2"),url(/_css/fa-solid-900.woff) format("woff"),url(/_css/fa-solid-900.ttf) format("truetype")
}

.ico {
font-family: 'Icon';
font-weight:900
}

.fa-phone:before {
content: "\f095"
}

.fa-map-signs:before {
content: "\f277"
}

.fa-at:before {
content: "\f1fa"
}

.fa-globe:before {
content: "\f0ac"
}

.fa-envelope:before {
content: "\f0e0"
}

.fa-clock:before {
content: " \f017"
}

.fa-edit:before {
content: "\f044";
}

.fa-university:before {
content: "\f19c"
}

.fa-map-marker-alt:before {
content: "\f3c5"
}

.fa-folder-open:before {
content: "\f07c"
}

.fa-external-link-alt:before {
content: "\f35d"
}

.odkaz {
color:#fff;
text-decoration:none
}

.eq {
width:94%;
max-width:1164px;
margin:0 auto;
color:#999;
font-size:10px;
}