body {
font-family: 'Roboto Condensed', 'Arial';
background: url('/images/background.jpg') no-repeat 50% 0% #000;
background-attachment: fixed;
background-size: cover;
padding: 0;
line-height: 1.5em;
margin: 0; }

.obal {
padding: 0;
max-width: 1100px;
margin: 0 auto; }

#lista {
margin: 0;
padding: 0.5em 1em;
text-align: left; }

#lista a {
font-size: 0.9em;
text-decoration: none;
color: white; }

#logo {
max-width: 60%;
height: auto;
margin: 0 auto; }

#hlavicka {
justify-content:space-between;
display:flex;
align-items: center;
gap: 10px;
flex: 1 1 0px;
margin-bottom: 1em;
padding: 1em;
text-align: center;
background-color: #010162; }

#menu {
margin: 1em 0 0 0;
padding: 0;
list-style-type: none; }

#menu li {
padding-top: 0.3em;
color: #010162;
display: inline-block; }

#menu li a {
padding: 0.25em;
text-decoration: none;
color: white; }

#menu li a:hover {
background-color: #ff6500; }

.aktivni {
background-color: #ff6500; }

#levy {
background: url('/images/content.png') 0 0;
margin-bottom: 1em;
padding: 1em;
font-size: 1.0em; }

#pravy {
margin-bottom: 1em; }

#clanek1 {
display: block;
background-size: cover !important;
position: relative;
height: 15em; }

.titulek {
background: url('../images/lista.png') 0 0;
display: block;
color: white;
z-index: 200;
position: absolute;
bottom: 0%;
text-decoration: none;
overflow: hidden; }

.titulek p {
line-height: 1em;
margin: 1em; }

.titulek strong, .titulek2 {
font-size: 1.2em;
font-weight: bold;
color: #010162; }

.clanek {
padding: 2em;
background-color: rgba(255,255,255,0.9); }

.clanky {
padding: 1em;
background-color: #fff !important;
margin-bottom: 1em; }

.clanky_obr {
display: none;}

.nazev_clanku {
display: inline-block;
color: #010086;
font-size: 1.5em;
margin: 0.6em 0;
text-decoration: none; }

.nazev_clanku:hover {
text-decoration: underline; }

.sirka {
width: auto !important;
height: 100%; }

.vyska {
width: 100%;
height: auto !important; }

#copyright {
text-align: left;
font-size: 0.8em;
padding-left: 1em;
overflow: hidden;
margin-bottom: 1em;
color: white; }

#copyright a {
color: #ff6500; }

#loga {
margin-bottom: 1em;
text-align: center; }

#loga img {
border: 1px solid #888;
margin: 0 10px;
display: inline-block; }

#planetky {
background-color: #ff6500; }

.blocek {
margin-bottom: 1em;
padding-bottom: 0.5em;
xfont-size: 0.9em;
background-color: #fff; }

.blocek ul {
padding: 0 1em;
margin: 0 1em;
list-style-type: square; }

.blocek p {
padding: 0 1em; }

.blocek a {
text-decoration: none;
color: #444; }

.blocek a:hover {
color: #ff6500;
text-decoration: none; }

.blocek h2 {
height: 2em;
line-height: 2em;
color: white;
margin: 0;
padding: 0 1em;
font-size: 1em;
background-color: #010162; }

img {
border: none; }

.clear {
clear: both; }

table.seznam {
border-collapse: collapse;
width: 100%; }

.seznam td {
vertical-align: top;
padding: 2px; }

.seznam th {
text-align: left;
vertical-align: top;
padding: 2px; }

.seznam tr:nth-child(odd) {
background-color: #fff; }

.seznam tr:nth-child(even) {
background-color: #efefef; }

.doprava {
text-align: right; }

.nelam {
white-space: nowrap; }

.mensi {
color: #666;
font-size: 0.9em; }

/* fotogal */
.container {
display: inline-block;
border: 1px solid white;
position: relative;
width: 48%; }

.dummy {
padding-top: 100%; }

.element {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: silver;
overflow: hidden;
max-height: 100%; }

.element img {
margin: 0 auto;
filter: brightness(100%); }

.gvyska {
width: 100% !important;
height: auto; }

.gsirka {
height: 100% !important;
width: auto; }

.container:hover .element img {
filter: brightness(75%); }

#archiv_clanku {
display:inline-block;
background-color: #010162;
color: white;
padding: 0.5em 1em;
text-decoration: none;
text-align: center; }

h1 {
margin-bottom: 1em;
color: #010162; }

h2 {
font-size: 1.3em;
margin-bottom: 5px; }

form {
margin: 0; }

textarea {
width: 100%; }

label {
display: inline-block;
width: 100px; }

.submit {
border: none;
background-color: #010162;
padding: 3px 10px;
color: white !important; }

.submit:hover {
cursor: pointer;
background-color: black; }

.chyba {
color: red;
font-weight: bold; }

.seda {
color: #818181; }

.autor {
float: right;
margin-left: 0 0 1em 1em;
max-width: 33%;
height: auto; }

.pohlednice {
display: block;
float: left;
position: relative;
text-align: center;
overflow: hidden;
width: 50%;
margin-bottom: 1em;
height: 10em; }

.pohlednice img {
width: 90%;
height: auto; }

#telo img {
max-width: 100%;
height: auto; }

.popis {
font-style: italic; }

#vyraz {
padding: 0.5em 1em; }

#hledat {
background-color: #010162;
border: 1px solid #010162;
color: white;
padding: 0.5em 1em;
text-decoration: none;
text-align: center; }

@media only screen and (min-width: 768px){

    #data {
    gap: 10px;
    display: flex; }

    #levy {
    width: 75%; }

    #pravy {
    max-width: 25%; }

    .clanky {
    padding: 0; }

    #loga {
    text-align: left; }

    .clanky_obr {
    margin-right: 1em;
    display: block;
    float: left;
    width: 27%;
    aspect-ratio: 1/1.4;
    overflow: hidden; }

    .clanek_perex {
    box-sizing: border-box;
    width: 70%;
    float: right; }

    .clanky_obr img {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
    }

    .autor {
    max-width: 25%; }

    .pohlednice {
    width: 33%; }

    #telo img {
    max-width: 90%; }
}


@media only screen and (min-width: 1024px){
    body {
    background: url('/images/background-desktop.jpg') no-repeat 50% 0% #000;
    background-attachment: fixed;
    background-size: 100% auto; }

    #hlavicka {
    display: flex;
    position: relative;
    text-align: left; }

    #logo {
    margin: 1em; }

    #hledani {
    margin-top: 0.5em;
    float: right; }

    #loga img {
    float: right; }

    #menu {
    margin: 0;}

    .clanky_obr {
    aspect-ratio: 1/1; }
}