@keyframes blinker {
  20% {
    opacity: .8;
  }
}


@font-face {
    font-family:desyrel;
    src: url('/media/font/DESYREL_.ttf');
}
@font-face {
    font-family:spartan;
    src: url('/media/font/Spartan Regular 400.ttf');
}


@font-face {
    font-family:spartan_b;
    src: url('/media/font/Spartan Bold 700.ttf');
}
.wait {
  width:15pt;
  height:15pt;
  border-radius:50%;
  border:3pt solid;
  border-color:lightblue;
  border-right-color: orange;
  animation:s2 1s infinite linear;
display:inline-block;
}
@keyframes s2 {to{transform: rotate(1turn)}}
.cas_active {background:#5fd38d !important;border:2pt solid #808080}
.kal_nav:hover,#casy div:hover {cursor:pointer !important}
.red {color:#ff0000}
.form  th {text-align:left}
.bold {font-family:spartan_b}
.c {color:#162f43}
.upc {text-transform:uppercase}

.right {float:right}
.kon {height:210pt;position:relative}
.kon img {position:absolute;top:0;left:0;right:0}
.kon span {display:block;position:absolute;bottom:0;left:0;right:0;color:#000000;font-size:10pt}
.kon,.kon a {color:#000000 !important}
.kon b {color:#004450 !important}


.rad50 {border-radius:50%}

.w32 {width:32%}
.cleaner {
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    margin:0; padding:0;
    background:transparent;
    width:auto
       }



.under::after {
  content: "";
  display: block;
  width: 70%;
  height: 2pt;
  background-color: #04a08b;
  margin: 0 auto;
  margin-top:5pt
}

.ib {display:inline-block}

.cent {display:block;margin-left:auto;margin-right:auto}
.tac {text-align:center !important}
.tar {text-align:right}

.hov:hover {color:#1f1d1e}

.main {width:70%;max-width:1000px}


.b_right {border-right:1pt solid #4d4d4d}

.rez {display:grid;grid-template-columns: 25% auto;margin-top:30pt}

.grid3 {display:grid;grid-template-columns: auto auto auto;margin-left:auto;margin-right:auto;width:70%;gap:0}
.head {background:#ffffff;display:block;padding-top:10pt;padding-bottom:7pt}
.head  a {color:#04a08b;font-size:24pt;font-family:spartan_b}


.top {top: 30pt}
.bot {bottom: 0}


.social {display:table}
.social .ib, span {color:#ffffff !important;vertical-align:bottom;display:table-cell}
.top_part_content {margin-top:30pt !important}

.button {display:inline-block;padding:10pt;color:#ffffff;background:#818ca0;margin-left:10pt;margin-right:10pt}
.button_active {background:#162f43}
.rezervovat {background:#04a08b !important;font-family:spartan_b;margin-left:auto !important;margin-right:auto !important;display:table;width:50%;text-align:center}

.logged {font-size:9pt;text-align:right}

.tbl {border-collapse:collapse;width:100%}
.tbl td,th {text-align:left;border:1pt solid #000000;padding:7pt;font-size:10pt;vertical-align:center}
.tbl th {font-family:spartan_b}


#logo {background:url('/media/im/logo.svg') no-repeat;background-size:contain;display:block;width:25pt;height:25pt}
#logo_span {position:absolute;bottom:-9pt;font-size:6pt;color:#04a08b}

/* #main_obal {background:url('/media/im/back.jpg') no-repeat center 50pt;display:block;background-size:100%} */
#main_obal {background:url('/media/im/back.jpg') no-repeat center 0pt;display:block;background-size:100%}
#menu_obal {background:#ffffff;display:block;padding-top:10pt;padding-bottom:10pt} 
#top_part {display:block;margin-top:110pt;font-family:desyrel;font-size:30pt;color:#ffffff;padding-bottom:10pt}

#galerie {display:block}
#galerie h2 {display:block;clear:both}
#galerie a,#galerie a img  {float:left;width:7vw;height:7vw;padding:.3vw;display:block}


#mame {display:block;padding-top:19pt;padding-bottom:16pt;font-size:16pt;color:#ffffff;font-style:italic;font-family:spartan_b}

#sluzby {display:block;background:#cccccc}
#sluzby_in {display:grid;grid-template-columns:auto auto auto;gap:5pt;margin-left:auto;margin-right:auto;width:65%;max-width:1120px}
#sluzby_in div {position:relative}
#sluzby_in a {text-align:center}
#sluzby_in a:hover > span {color:#04a08b}
#sluzby_in div a span {position:absolute;font-family:spartan_b;color:#ffffff;font-size:20pt;
  left: 50%;
  transform: translate(-50%, -50%);
}
#loga {width:38%;margin-top:15pt;gap:40pt;margin-bottom:15pt;max-width:1120px}

#content_obal {background:#ffffff}
#content {width:70%;padding-top:10pt;padding-bottom:10pt;line-height:1.5;min-height:300pt;max-width:1120px}


#footer {background:#162f43;display:block;padding-top:5pt;padding-bottom:200pt}
#footer_in {display:grid;grid-template-columns:170pt 100pt auto;width:70%;max-width:1130px;margin-left:auto;margin-right:auto}
#footer_in ul {
columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  list-style-type:none;
  margin:0;padding:0
}
#footer_in ul li {font-family:spartan}
#footer_in ul li > a {color:#ffffff;font-size:7pt;line-height:1}

#artanet {display:table}
#artanet span {font-size:10pt;display:table-cell;vertical-align:bottom;text-align:right}
#artanet span img {display:inline;height:10pt;position:relative;top:4pt}
#mapa {float:right;width:50%;display:block;height:400pt;margin-right:17pt}


#calendar {display:grid;grid-template-columns:40% 60%;width:85%;border:1px solid #4d4d4d}
#calendar span {display:block;background:url('/media/im/sipka.png') no-repeat #455a64 7% center;padding:12pt}
#calendar_content {margin-top:10pt}
#loading {width:10pt !important;height:10pt !important;display:block}
#casy {display:grid;grid-template-columns: auto auto auto;margin:10pt}
#casy div {display:inline-block;padding:5pt;background:#afe9c6;margin:5pt;font-size:10pt}

#id_plnoletost  {display:inline;-webkit-appearance:checkbox !important}

#provoz {color:#ffffff;line-height:1.4}
#provoz a {color:#ffffff}

ul,li {font-family:spartan}
body {padding:0;margin:0;font-family:spartan;font-size:12pt}
a {text-decoration:none}
h1 {font-family:spartan;font-weight:400;font-size:20pt}
h2 {font-family:spartan;font-weight:400;margin-top:10pt;margin-bottom:10pt}
img {display:block;max-width:100%;height:auto;width:auto}
hr {border:none;background-color: #04a08b;height:2pt;margin-top:20pt;margin-bottom:20pt}
th {border:none}