/*----------------- Nastaveni body -------------------*/
body {
    font-family: 'Open Sans', sans-serif;
}

* {
    outline: none;
}
html {
    scroll-behavior: smooth;
}


/*----------------- Nastaveni nadpisy -------------------*/
h1 {
    padding-top: 14px;
    /* margin-top: 42px; */
    position: relative;
    /* background: url(../img/bg_title.png) center bottom no-repeat; */
    /* font-family: 'Open Sans', sans-serif; */
    font-size: 55px;
    font-weight: 400;
    /* text-transform: uppercase; */
    margin: 10px 0 15px;
    /* padding: 20px 0; */
    color: #16314a;
    line-height: normal;
    text-align: center;
    padding-bottom: 0px;
}

h2 {
    font-size: 1.6em;
    /* margin-bottom: 11px; */
    font-weight: 600;
    color: #0c3b77;
    padding: 0px;
    margin-top: 25px;
}

h3 {
    margin-bottom: 0px;
    font-size: 1.1em;
    /* color: #0c3b77; */
}

h4 {
    font-size: 1.1em;
}

h5 {
    font-size: 1.1em;
    color: #000;
}

ul h3 {
    margin-top: 0
}

h1.home {
    float: left;
    margin-right: 15px;
    font-size: 0.8em;
    color: #dedede;
    width: 300px
}

.reference h2 {
    font-size: 0.9em;
    text-transform: none;
    text-shadow: none;
    margin-bottom: 0px;
}

h2.kalendar {
    font-size: 1.2em;
    line-height: 100%;
    text-transform: uppercase;
}

h2.nadpis {
    border-bottom: #ccc 1px solid;
    clear: both;
    line-height: 120%;
}

h2.galerie {
    width: auto;
}

h3.inzerat, h2.inzerat {
    width: 100%;
    border-bottom: #808080 solid 1px;
    line-height: 120%;
}

.nadpis_boxy {
    clear: both;
    margin-left: 5px;
    text-transform: uppercase;
    border-bottom: #ffff4c 3px solid;
}

.box_left {
    width: 239px;
    margin: 10px 0 10px 10px;
}

.box_right {
    width: 170px;
    margin: 14px 0 10px 3px;
}

.anotace, p.anotace, .anotace-inzerat {
    color: #606a77;
    /* font: 1.5em 'Arial Narrow',sans-serif; */
}

p {
    padding: 2px 0px 5px 0px;
    margin: 2px 0px 5px 0px;
    line-height: 120%;
    text-align: justify;
}

a {
    outline: 0 none;
}
#mid-col a {
    /* display: inline-block; */
    position: relative;
    color: #0c3b77; /* Barva textu */
}

#mid-col a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px; /* Pozice podtržení */
    width: 100%; /* Podtržení je už předem zobrazené */
    height: 2px;
    background-color: #0c3b77; /* Barva podtržení */
    transform: scaleX(1); /* Výchozí stav – plně viditelné */
    transition: transform 0.3s ease-in-out;
    transform-origin: right;
}

#mid-col a:hover::after {
    transform: scaleX(0); /* Při najetí se podtržení zmenší a zmizí */
}

a:link, a:visited {
    color: #0c3b77;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #a7a397;
}

img {
    border: 0px;
}

hr {
    height: 1px;
    clear: both;
    /* margin: 0px; */
    border: 0;
    background: #0c3b77;
}

form {
    margin: 0;
    padding: 0;
}


select {
    padding: 6px;
    margin: 0px;
}

select.form_small, input.form_small {
    padding: 0px
}

option {
    padding: 2px 0 2px 15px
}


form {
    margin: 0;
    padding: 0;
}

label .vyber {
    color: #ff0000;
}

.error, .hlaska_ok {
    margin: 10px auto 10px auto;
    padding: 15px 5px 15px 5px;
    text-align: center;
    border-radius: 6px;
}

.error {
    border: #ff0000 1px dotted;
    background: #FFEBE8;
}

.hlaska_ok {
    border: #6DCF67 1px dotted;
    background: #D2FFCF;
}

span.formNadpis {
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px auto;
    clear: both;
}

.dvhdr1, .dvhdr2 {
    background: #003466;
    color: white;
    padding: 3px;
    text-align: left;
}

.dvhdr1 {
    font-weight: bold;
    width: 240px;
    padding: 5px;
}

.dvbdy1 {
    background: #eff9fe;
    border-left: 1px solid #003466;
    border-right: 1px solid #003466;
    border-bottom: 1px solid #003466;
    padding: 5px;
    width: 238px;
}

span.formHelp {
    font-size: 0.8em;
    margin-left: 5px
}

span.formHelp strong {
    font-weight: bold;
    color: #ff0000
}

input.vyber,input.vyberneg, input.form {
    cursor: text;
}


input.vyberneg, select.vyberneg, textarea.vyberneg {
    background: #FD7E7E;
}

input.button {
    background: #008c00 url(../images/button.gif) no-repeat center;
    width: 110px;
    height: 26px;
    border: none;
    color: #FFFFFF;
    text-align: left;
    padding-left: 35px;
    margin: 25px 0 0 250px;
}

a.button-kosik {
    background: #21649B url(../img/button-kosik.gif) no-repeat;
    text-align: center;
    text-decoration: none;
    padding: 4px 0;
    display: block;
    height: 17px;
    color: #FFFFFF;
    width: 120px;
    margin-top: 15px;
}

/*input[type="submit"].search {background: url(../img/search-button.gif); border: 0; height: 44px; width: 43px; cursor: hand;  margin: 0; padding: 0;}     */
input.search-text {
    border: 0;
    float: left;
    height: 38px;
    width: 300px;
    border: 0px;
    font-size: 16px;
    font-weight: bold;
}

/* ------------------------ Skryti oddelovacu --------------------*/
.hidden, .break hr {
    display: none;
}

.break {
    display: block;
    clear: both;
    font-size: 1px;
    height: 1px;
    visibility: hidden;
    width: 100%;
}

#left-col ul {
}

#mid-col ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#mid-col ul li {
    /* background: url(../img/ulli.png) no-repeat 0% 5px; */
    padding: 1px 0 10px 19px;
    display: flex;
    font-size: 1.1em;
}
#mid-col ul li::before {
    content: "\f6d3"; /* Unicode Font Awesome ikony (checkmark) */
    font-family: "Font Awesome 6 Free"; /* Použití FA ikon */
    font-weight: 900; /* Důležité pro "solid" ikony */
    margin-right: 10px; /* Odstup od textu */
    color: #024d6d; /* Modrá barva ikony */
}
#mid-col ol li {
    /* background: url(../img/ulli.png) no-repeat 0% 5px; */
    padding: 8px 0 1px 5px;
    font-size: 1.1em;
}
ul.none {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.floatleft, span.floatleft, a.floatleft {
    float: left;
}

.floatright, span.floatright, a.floatright {
    /* float: right; */
}

.displaynone, span.displaynone {
    display: none;
}

.smallertext {
    font-size: 0.9em
}

.smalltext {
    font-size: 0.8em
}

.redline {
    color: red
}

.clearboth {
    clear: both;
}

.marginright10 {
    margin-right: 10px
}

a.odkaz-externi, a.odkaz-nove-okno, a.odkaz-externi-nove-okno, a.odkaz-interni, a.odkaz-interni-nove-okno {
    padding-right: 11px;
    margin-right: 2px;
    background-image: url("../img/extern_link.gif");
    background-repeat: no-repeat;
    background-position: right center;
}

a.odkaz-nove-okno {
    padding-right: 13px;
    margin-right: 2px;
    background-image: url("../img/nove-okno.png");
}

a.odkaz-externi-nove-okno {
    padding-right: 26px;
    background-image: url("../img/extern-popup_link.gif");
}

a.odkaz-interni-nove-okno {
    padding-right: 26px;
    background-image: url("../img/internal-popup_link.gif");
}

a.odkaz-interni {
    padding-right: 13px;
    background-image: url("../img/internal_link.gif");
}

.textblok {
    text-align: justify;
}

.textleft {
    text-align: left;
}

.textright {
    text-align: right;
}

.textcenter {
    text-align: center;
}

.ramecek {
    margin: 5px;
    clear: both;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-shadow: 1px 1px 1px #ffffff;
    padding: 25px;
    color: #6d6e6e;
    background-color: #f8f8f8;
    border: 1px solid #6d6e6e;
}

.obrleftram {
    padding: 3px 3px 3px 3px;
    margin: 5px 13px 3px 0px;
    border: 3px #A2DCE7 solid;
    float: left;
}

.obrrightram {
    padding: 3px 3px 3px 3px;
    margin: 5px 5px 3px 13px;
    border: 3px #A2DCE7 solid;
    float: right;
}

.obrleft {
    float: left;
    padding: 5px 20px 10px 0;
}

.obrright {
    float: right;
    padding: 5px 0 10px 20px;
}

.infoBox {
    border: 1px #1e5799 solid;
    padding: 8px;
    margin: 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-shadow: 1px 1px 1px #ffffff;
    min-height: 100px;
    color: #6d6e6e;
    background-color: #f8f8f8;
    width: 180px;
    float: left
}

.infoBox ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.infoBox li {
    list-style-type: none;
    margin: 0;
    padding-left: 25px;
    line-height: 25px;
}

.liAno {
    background: url(../img/cenik-ano.png) no-repeat left 50%;
}

.liNe {
    background: url(../img/cenik-ne.png) no-repeat left 50%;
}

.liPlus {
    background: url(../img/cenik-plus.png) no-repeat left 50%;
}

.infoBoxleft, .infoBoxright {
    background: #fff;
    padding: 12px;
    width: 258px;
}

.infoBoxleft {
    float: left;
    margin: 0px 5px 10px 0
}

.infoBoxright {
    float: right;
    margin: 0px 0px 10px 5px
}

span.programcas {
    float: left;
    margin: 0px 10px 10px 0;
    width: 100px
}

span.programtext {
    float: left;
    margin: 0px 10px 10px 0;
    width: 390px
}


.input-err {
    text-align: center;
    padding-top: 6px;
    margin-left: 121px;
    background: url(../img/sipka.png) no-repeat top center;
}

.input-err-heslo {
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: 121px;
    background: url(../img/sipka_dolu.png) no-repeat bottom center, url(../img/sipka.png) no-repeat top center;
}

.input-err span, .input-err-heslo span {
    background-color: red;
    padding: 2px;
    display: block;
    width: 272px;
}

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

table.jidelni-listek tr:hover td {
    background-color: #efefef;
}

table.jidelni-listek tr.nadpis:hover td {
    background-color: transparent;
}

table.jidelni-listek tr td {
    padding: 5px;
    border-bottom: 1px solid lightgrey;
}

table.jidelni-listek tr.nadpis td {
    border-bottom: none;
}

table.jidelni-listek tr td i {
    font-size: 12px;
}

table.jidelni-listek tr td.gramaz {
    text-align: right;
    width: 40px;
}

table.jidelni-listek tr td.cena {
    font-weight: bold;
    width: 60px;
    text-align: right;
    padding-right: 15px;
}

table.jidelni-listek tr td.jidlo-nazev {
    padding-left: 30px;
}

div#jidelni-listky .listek {
    width: 200px;
    height: 200px;
    float: left;
    margin: 10px;
    text-align: center;
}

.predmety {
    margin-top: 10px;
}

.uroven_chb {
    padding: 5px;
}

.align-right {
    text-align: right;
}
.input100 {
    width: 100px !important;
}

.input150 {
    width: 150px !important;
}

.input200 {
    width: 200px !important;
}

.input250 {
    width: 250px !important;
}

.input300 {
    width: 300px !important;
}

.input350 {
    width: 350px !important;
}

.input50 {
    width: 50px !important;
}

.input80 {
    width: 80px !important;
}

.input70 {
    width: 70px !important;
}

.input30 {
    width: 30px!important;
    text-align: center!important;
    font-size: 16px;
    border: none!important;
    height: 15px;
}

.input20 {
    width: 20px !important;
}

textarea.input100 {
    width: 106px !important;
}

textarea.input150 {
    width: 156px !important;
}

textarea.input200 {
    width: 206px !important;
}

textarea.input250 {
    width: 256px !important;
}

textarea.input300 {
    width: 306px !important;
}

textarea.input350 {
    width: 356px !important;
}

textarea.input50 {
    width: 56px !important;
}

textarea.input80 {
    width: 86px !important;
}

textarea.input70 {
    width: 76px !important;
}

textarea.input30 {
    width: 36px !important;
}

textarea.input20 {
    width: 26px !important;
}

#chat-window {
    position: absolute;
    right: 30px;
    z-index: 1000;
    border: 1px solid steelblue;
    padding: 10px;
    width: 166px;
    background: white;
}

input[type=submit]:active, input[type=button]:active, a.smaz:active,a.uprav:active,a.pridat:active,a.ceny:active {
    box-shadow: inset 0px 1px 4px black;
}

input[type=submit], input[type=button] {
    border: 1px solid #acadaf;
    padding: 14px;
    margin: 0;
    font-size: 1.2em;
    text-align: center;
    display: block;
    margin: 5px auto;
    cursor: pointer;
}

.prepinac {
    padding: 6px 14px;
    margin: 10px;
    cursor: pointer;
}

.tablang {
}

.prepinac {
    padding: 6px 14px;
    margin: 10px;
    cursor: pointer;
}

.tablang {
}

.prepinace {
    margin-bottom: 5px;
    text-align: center;
}

.required-field {
    box-shadow: 0px 0px 3px 1px #F00;
    border: 1px solid #F00;
}

.ok-field {
    box-shadow: 0px 0px 3px 1px green;
    border: 1px solid green;
}

#lang-nazev {
    position: relative;
    width: 575px;
}

#lang-nazev.lang-hide .uprava {
    border-bottom: 2px solid steelblue;
    border-right: 2px solid steelblue;
    overflow: hidden;
}

#lang-nazev.lang-show .uprava {
    height: auto;
    border-bottom: 2px solid steelblue;
    border-right: 2px solid steelblue;
    padding-bottom: 10px;
    width: 390px;
}

.flag-circle {
    width: 46px;
    height: 38px;
    position: absolute;
    right: -53px;
    bottom: -45px;
    background: url(../admin/img/flag-circle.png);
    text-align: center;
    padding: 12px;
    padding-top: 20px;
    font-weight: bold;
    color: steelblue;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 11px;
    display: none;
}

.flag-circle:hover {
    text-decoration: underline;
    -webkit-transition: all 0.5s linear;
    -webkit-transform: rotate(6.28rad);
    transition: all 0.5s;
    transform: rotate(6.28rad);
}

#lang-nazev.lang-hide.lh45 .uprava {
    height: 45px;
    width: 390px;
}

#lang-nazev.lang-hide.lh110 .uprava {
    height: 110px;
    width: 390px;
}

#lang-nazev.lang-hide.lh140 .uprava {
    height: 140px;
    width: 390px;
}

#lang-nazev .uprava {
    padding-top: 3px;
}

#lang-nazev .uprava textarea {
    width: 344px;
    height: 55px;
    margin-left: 24px;
    margin-top: 4px;
}

.ubytovatel-foto {
    width: 300px;
    height: 300px;
    overflow: hidden;
    margin-right: 20px;
    float: left;
    text-align: center;
}

.ubytovatel-foto img {
    max-height: 300px;
    max-width: 300px;
}

.ubytovani-middle {
}

div.input-field label {
    min-width: 64px;
    display: inline-block;
}

div.input-field input {
    min-width: 163px;
    margin: 2px;
}

div.input-field.n2 input {
    width: 70px;
    min-width: 70px;
}

div.input-field textarea {
    width: 96%;
    margin-top: 6px;
}

table.cenik-ubytovani {
    margin-top: 50px;
    width: 100%;
}

table.cenik-ubytovani td {
    text-align: center;
}

#ubytovatele-vypis li .ub-kontakt {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.ub-vybaveni img {
    width: 20px;
    height: 20px;
    margin: 1px;
}

.ui-widget {
    font-size: 0.9em !important;
}

.ubytovani-info {
    margin-left: 320px;
}
#navIcon {
    float: right;
    margin: 0 3px 0;
    height: 38px;
    position: absolute;
    right: 545px;
    top: 30px;
}

a.facebookButton,a.youtubeButton,a.printButton,a.instagramButton,a.rssButton,a.rssFotokiosek,a.langButton {
    width: 37px;
    display: block;
    height: 38px;
    display: block;
    margin-left: 0;
    text-align: center;
    margin: 0 3px;
    text-indent: -999px;
    float: left
}

a.facebookButton {
    background: url(../img/pictogram.png) no-repeat -0px -45px
}

a.facebookButton:hover {
    background: url(../img/pictogram.png) no-repeat -0px -0px
}

a.youtubeButton {
    background: url(../img/pictogram.png) no-repeat -43px -45px
}

a.youtubeButton:hover {
    background: url(../img/pictogram.png) no-repeat -43px -0px
}

a.printButton {
    background: url(../img/pictogram.png) no-repeat -86px -45px
}

a.printButton:hover {
    background: url(../img/pictogram.png) no-repeat -86px -0px
}

a.instagramButton {
    background: url(../img/pictogram.png) no-repeat -172px -45px
}

a.instagramButton:hover {
    background: url(../img/pictogram.png) no-repeat -172px -0px
}

a.rssButton {
    background: url(../img/pictogram.png) no-repeat -129px -45px
}

a.rssButton:hover {
    background: url(../img/pictogram.png) no-repeat -129px -0px
}

a.langButton {
    background: url(../img/pictogram.png) no-repeat -215px -45px
}

a.langButton:hover {
    background: url(../img/pictogram.png) no-repeat -215px -0px
}

a.rssFotokiosek {
    background: url(../img/pictogram.png) no-repeat -259px -45px
}

a.rssFotokiosek:hover {
    background: url(../img/pictogram.png) no-repeat -259px -0px
}
dd {
    margin: 10px 15px;
}