* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.hid {
  display: none;
}

table {border-collapse: collapse}
table td {vertical-align:top}

.pt{padding-top:1em}
.border-bottom{border-bottom:1px solid rgba(0,0,0,.2)}

.badge:link {
  text-decoration: none;
  background: rgba(0,0,0,.1);
  border-radius: .5em;
  color: #333;
  padding: .1em .3em;
  font-size: .85em;
  border: 1px solid rgba(0,0,0,.2);
}

.badge:link:hover {
  text-decoration: none;
  background: rgba(0,0,0,.2);
}

code {
  background: #f5f5f5;
  padding: 0 .3em;
}

abbr[title] {
  text-decoration: none;
  border-bottom: 1px dotted black;
  cursor: help;
}
.red {color: red}
.green {color: green}
.gray {color: #c2c2c2}

.title-info {
  cursor: help;
}

#telo .rozvrh td {
  font-size: 10px;
  line-height: normal;
}

#menu a:hover,#paticka a,header li.active a:link,header li.active a:visited {
  color: #fc0;
}

#loginbutton,#menu #mainmenulabel {
  display: none;
}

header,header a:link,header a:visited {
  color: #fff;
}

body {
  width: 100%;
  margin: 0;
  padding: 0;
}

header {
  background-color: #1a78b8;
}

header .lower,header .upper {
  border-bottom: 1px solid #012f79;
}

header .upper {
  background: url(/gfx/header/header_gradient.png) center no-repeat;
  background-size: auto 100%;
  padding: 15px 0;
}

header .lower {
  padding: 9px 0;
  border-top: 1px solid #2e99cd;
}

.letsp img+span {
  padding-left: 10px;
}

#menu {
  padding: 0;
  list-style: none;
  width: 70%;
}

#menu li {
  text-transform: uppercase;
  padding: 9px 18px;
}

.fb {
  background: url(/gfx/header/facebook.png);
}

.google {
  background: url(/gfx/header/google.png);
}

.instagram {
  background: url(/gfx/header/instagram.png);
}

#menu,#menu li,a.ikon {
  display: inline-block;
}

.ikon {
  width: 36px;
  height: 36px;
  border: none;
  vertical-align: top;
}

#menu,h1,h2,h3,h4,h5,h6 {
  margin: 0;
}

.wrapper {
  width: 960px;
  margin: auto;
}

#obsah {
  background: repeat-x url(/gfx/slider/prechod_pod_sliderem.png);
  padding: 40px 0 0;
  overflow: hidden;
  margin-bottom: -1px;
}

#obsah .panel {
  width: 100%;
  margin-bottom: 20px;
}

#obsah .panel:last-child {
  margin-bottom: 0;
}

#obsah h2 {
  background: url(/gfx/obsah/title_bg.png) no-repeat;
  background-size: 100% 6px;
  background-position: left center;
  margin-bottom: 5px;
  line-height: 2.1em;
}

#obsah .flex {
  display: flex;
  flex-wrap: wrap;
}

#obsah .flex .main {
  width: 570px;
}

#aktuality h2 {
  background-position: 80px;
  /*margin-right: 95px;*/
}

#aktuality .sipka {
  display: none;
}

#aktuality #aktlist {
  /*height: 295px;
  overflow: hidden;*/
}

#aktuality footer {
  margin-top: 5px;
  text-align: right;
  background-position: left center;
}

#aktuality footer span {
  background: #fff;
}

#aktuality footer span a {
  padding: 0 10px;
}

#aktuality h3 {
  margin-top: 0;
}

#aktuality article {
  margin-bottom: 8px;
}

#youtube h2 {
  background-position: 90px;
}

#youtube-video {
  height: 321px;
}

#obsah section.right {
  margin-left: 30px;
  width: 360px;
}

#virtualni_prohlidka h2 {
  background-position: 155px;
}

#fotogalerie h2 {
  background-position: 100px;
}

#facebook h2 {
  background-position: 85px;
}

#fotogalerie footer {
  background-position: 220px;
  margin-top: 10px;
  padding-top: 0;
}

#fotogalerie footer a.right {
  width: auto!important;
  margin: 0!important;
  float: right;
  background: #fff;
  padding-left: 10px;
}

.nahled,.sipka {
  border: 1px solid #ccc;
}

.sipka {
  outline: none;
  width: 40px;
  height: 40px;
  float: right;
  cursor: pointer;
  background: #efefef no-repeat center;
}

.sipka:hover {
  background: #e8e8e8 no-repeat center;
}

.sipka.up {
  background-image: url(/gfx/obsah/sipka_up.png);
}

.sipka.down {
  margin-left: 2px;
  background-image: url(/gfx/obsah/sipka_down.png);
}

#obsah footer,form#login {
  background-image: url(/gfx/obsah/footer_bg.png);
  background-repeat: no-repeat;
}

.nahled {
  padding: 3px 3px 10px;
  display: block;
}

.nahled h5 {
  margin-top: 10px;
  color: #000;
  text-align: center;
}

#obsah .nahled a {
  display: block;
  padding-bottom: 10px;
  overflow: hidden;
}

#obsah .nahled em {
  display: block;
  text-align: center;
}

#obsah .poznamka {
  color: #898989;
}

.prava,div#login p a {
  float: right;
}

#login {
  position: relative;
}

form#login {
  box-sizing: content-box;
  padding: 0 65px 30px 70px;
  background-image: url(/gfx/header/slouceni.png),url(/gfx/header/prihlas_icon.png);
  background-position: 45px 9px,0 0;
}

form#login,input#loginname,input#loginpass {
  width: 113px;
}

form#login>input {
  padding: 6px;
}

form#login button[type=submit] {
  color: #fc0;
  font-weight: 700;
  padding: 21px 0;
  background-color: transparent;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

form#login .loginHelp {
  font-size: 10px;
  color: #fc0;
  position: absolute;
  top: 36px;
  right: 19px;
}

form#login button[type=submit]:hover {
  text-decoration: underline;
}

form#login .kontext {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

#paticka {
  background: url(/gfx/footer/footer_bg.png);
  color: #c2c2c2;
}

#paticka .menu {
  border-bottom: 1px solid #3c3c3c;
  margin-bottom: 1px;
  background: 0 0;
}

#paticka .menu ul {
  text-align: center;
  padding-left: 0;
  list-style: none;
}

#paticka .menu ul>li {
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 40px;
}

#paticka .menu ul>li:last-child {
  margin-right: 0;
}

#paticka .menu ul>li>a {
  line-height: 73px;
  display: inline-block;
}

#paticka .menu ul>li.active .text,#paticka .menu ul>li:hover .text {
  border-bottom: 2px solid #fc0;
}

#paticka .menu ul>li a:hover {
  text-decoration: none;
}

#paticka>div {
  background: url(/gfx/footer/footer_gradient.png) top repeat-x;
}

#paticka .flex {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
  align-items: flex-start;
}

#paticka .mid {
  width: 260px;
  margin: 0 20px;
}

#paticka h2 {
  width: 100%;
}

#content.flex {
  display: flex;
  flex-wrap: nowrap;
  padding: 30px 0;
  overflow: hidden;
}

.wrapper+#content.flex {
  padding-top: 0;
}

#levemenu {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 230px;
  margin-right: 30px;
}

form#login .kontext label+input {
  margin-left: 20px;
}

header .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

div#telo h3,div#telo h4,div#telo h5,div#telo h6 {
  letter-spacing: 0;
}

#obory>div:hover>div,.letsp img,.sssvt span,.touch #obory>div>div {
  display: block;
}

.sssvt .posun {
  margin-left: 128px;
}

.ikon:active,.ikon:focus {
  border: none;
  outline: none;
}

input {
  border: none;
  outline: none;
  background-color: transparent;
}

input[type=password],input[type=search],input[type=text] {
  background: rgba(255,255,255,.19);
  border: 1px solid rgba(0,0,0,.3);
}

input[type=search] {
  background-image: url(/gfx/header/find2.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  width: 160px;
  padding: 9px 9px 9px 35px;
  margin-left: 20px;
}

.clear {
  clear: both;
}

#obsah em,.aktualita em {
  color: #000;
  font-style: normal;
}

.aktualita:first-child {
  padding-top: 0;
}

.aktualita {
  clear:both;
  padding-top: 2em;
}

a:link,a:visited {
  color: #0e71b4;
}

a:visited {
  text-decoration: none;
}

#obsah h3,.aktualita h3 {
  margin: 3px 0 2px;
  color: #107fbc;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
}

#obsah p,.aktualita p {
  margin-top: 6px;
}

#obsah div#aktlist p:first-child {
  margin-top: 0!important;
}

#obsah footer span {
  line-height: 42px;
  vertical-align: text-bottom;
}

#obsah footer img,
.rozvrh td {
  vertical-align: middle;
}

#obsah .banner {
  padding-top: 46px;
}

div#login h2 img {
  float: left;
  margin-right: 10px;
}

div#login p {
  margin-bottom: 0;
}

::-webkit-input-placeholder {
  color: #ddd;
}

:-ms-input-placeholder {
  color: #ddd;
}

:-moz-placeholde {
  color: #ddd;
}

::-moz-placeholder {
  color: #ddd;
}

#paticka .onas p {
  text-align: justify;
  line-height: 1.4em;
  margin-top: 0;
}

#paticka .onas {
  width: 315px;
}

#paticka .onas img {
  margin: 0 10px 10px 0;
  float: left;
}

#paticka .onas div.fbbox {
  clear: both;
  padding-top: 10px;
}

#paticka .meteo a.img {
  display: block;
  float: left;
  width: 62px;
  height: 47px;
  margin-right: 20px;
  background: url(/gfx/footer/meteo.png) no-repeat;
  filter: grayscale(100%) contrast(150%);
}

#partneri .partner a:hover,#paticka .meteo a.img:hover {
  filter: none;
}

#obsah .vice,#rss,.banner.velky {
  display: none;
}

#levemenu .title {
  line-height: 35px;
  padding-left: 10px;
  background: #fc0;
  background-image: url(/gfx/podstranky/sipka_pro_uchazece.png);
  background-repeat: no-repeat;
  background-position: right 15px center;
  font-size: 16px;
  box-shadow: 3px 2px 3px #bbb;
  margin-bottom: 2px;
}

#levemenu menu {
  border: 2px solid #ccc;
  border-top: none;
  padding-left: 2px;
  padding-right: 2px;
  list-style: none;
  width: 96%;
  margin: 0 0 0 2%;
}

#levemenu h2 {
  margin: 0;
}

#levemenu li {
  border-bottom: 1px solid #eee;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjguNzE0cHgiIGhlaWdodD0iMTEwcHgiIHZpZXdCb3g9IjAgMCA2OC43MTQgMTEwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2OC43MTQgMTEwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNDQ0NDQ0MiIHBvaW50cz0iMTMuNzIxLDExMCAwLDk2LjI3OSA0MS4yNzIsNTQuOTk4IDAsMTMuNzIxIDEzLjcyMSwwIDY4LjcxNCw1NC45OTggIi8+DQo8L3N2Zz4NCg==);
  background-size: 6px;
  background-repeat: no-repeat;
  background-position: right 4px center;
}

#levemenu li:hover {
  background-color: rgba(255,204,0,.4)!important;
}

#levemenu li a {
  display: block;
  color: #1b2733;
  padding: 6px 0 6px 16px;
  font-size: 14px;
}

#levemenu li.sub {
  padding-left: 10px;
  background-size: 4px;
  background-position: 16px center;
  background-color: rgba(255,204,0,.1);
}

#levemenu li.sub a {
  font-size: 12px;
  color: #354d65;
}

#levemenu li.ikonka-prihlasovani {
  position: relative;
}

#levemenu li:last-child {
  border: none;
}

#levemenu li.nelink {
  background-image: none;
  font-weight: 700;
  padding: 10px 6px 2px;
  border-bottom: 1px solid #ccc;
}

#levemenu li.nelink:hover {
  background-color: transparent!important;
}

#levemenu li.noborder {
  border-bottom: none;
}

#telo {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 100%;
  overflow: hidden;
  color: #444;
}

#telo h1 {
  color: #676767;
}

#telo strong {
  color: #000;
}

#telo ul {
  list-style: url(/gfx/podstranky/odrazka.png);
  padding-left: 1.1em;
  overflow: hidden;
}

#telo ul .highlight {
  color:#D44;
  font-weight: bold;
}

#telo ol {
  list-style: decimal;
}

#telo li {
  padding: 3px 0;
}

#telo img {
  margin: 5px 10px;
}

#telo iframe {
  margin: auto;
}

#obory {
  width: 100%;
  margin: 30px 0 40px;
  display: flex;
  justify-content: space-between;
}

#obory>div {
  position: relative;
  width: 32%;
  height: 258px;
  background-size: cover;
  background-position: center;
  box-shadow: 0 35px 100px -40px #000;
  text-align: justify;
}

#obory>div>div a {
  background: url(/gfx/podstranky/odrazka_detail.png) no-repeat center left;
  text-decoration: underline;
  padding-left: 15px;
  color: #000;
}

#obory>div>div a.more {
  float: right;
}

#obory>div>div {
  background: rgba(255,204,0,.8);
  height: 189px;
  overflow: hidden;
  display: none;
  padding: 8px 15px 15px;
  border-bottom: 2px #fc0 groove;
}

#obory>div>div a:hover,a:link {
  text-decoration: none;
}

#obory h3,#partneri ul.flex {
  display: flex;
  align-items: center;
}

#obory h3 {
  background-color: rgba(255,204,0,.8);
  height: 69px;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 10px center;
  margin: 0;
  padding: 10px 14px 10px 65px;
}

#obory h3 a {
  display: block;
  color: #000;
}

#obory #prog h3 {
  background-image: url(/gfx/podstranky/programovani.png);
}

#obory #site h3 {
  background-image: url(/gfx/podstranky/site.png);
}

#obory #weby h3 {
  background-image: url(/gfx/podstranky/grafika.png);
}

#obory #prog {
  background-image: url(/gfx/podstranky/programovani.jpg);
}

#obory #site {
  background-image: url(/gfx/podstranky/site.jpg);
}

#obory #weby {
  background-image: url(/gfx/podstranky/grafika.jpg);
}

.obory li:hover {
  background: url(/gfx/footer/odrazka.png) no-repeat left center;
}

#paticka .button,#paticka .menu a,input[type=password],input[type=search],input[type=text] {
  color: #fff;
}

#paticka .button {
  width: 100%;
  display: block;
  text-align: right;
  margin-top: 10px;
}

#paticka .lower {
  padding: 20px 0 15px;
  line-height: 1.8em;
}

#paticka .lower p {
  margin: 0;
}

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

.obory li {
  background: url(/gfx/footer/odrazka2.png) no-repeat left center;
  padding-left: 30px;
  margin-bottom: 5px;
  font-weight: 700;
}

#paticka .obory li a {
  color: #c2c2c2;
}

#paticka .obory li a:hover {
  color: #fc0;
  text-decoration: none;
}

#paticka .kontakty {
  width: 300px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#paticka .kontakty .mapa {
  margin: 1em 0;
  width: 100%;
  background: url(/gfx/footer/mapa.png) no-repeat center;
  height: 100px;
}

#paticka .kontakty figure {
  display: inline-block;
  width: auto;
  margin: 0;
}

#paticka .kontakty > figure > table {
  width: 100%;
}

article.hledani {
  margin: 20px 0;
}

article.hledani strong {
  color: red !important;
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

#partneri {
  background: url(/gfx/partneri/partneri_gradient.png) #ececec repeat-x;
  padding: 35px 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #c9c9c9;
  outline: 1px solid #ececec;
  background-clip: padding-box;
}

#partneri ul.flex {
  margin: 15px 0 0;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
  justify-content: space-around;
}

#partneri .partner#partner_cisco a {
  background-image: url(/gfx/partneri/cisco.png);
  width: 50px;
}

#partneri .partner#partner_dell a {
  background-image: url(/gfx/partneri/dell.png);
  width: 50px;
}

#partneri .partner#partner_msdn a {
  background-image: url(/gfx/partneri/Microsoft_Azure.png);
  width: 50px;
}

#partneri .partner#partner_highpoint a {
  background-image: url(/gfx/partneri/highpoint.png);
  width: 48px;
}

#partneri .partner#partner_autodesk a {
  background-image: url(/gfx/partneri/autodesk.png);
  width: 50px;
}

#partneri .partner#partner_british a {
  background-image: url(/gfx/partneri/britcouncil.png);
  width: 60px;
}

#partneri .partner#partner_eduroam a {
  background-image: url(/gfx/partneri/eduroam.png);
  width: 60px;
}

#partneri .partner#partner_ssscms a {
  background-image: url(/gfx/partneri/ssscms.png);
  width: 60px;
}

#partneri .partner#partner_macmillan a {
  background-image: url(/gfx/partneri/macmillan.png);
  width: 70px;
}

#partneri .partner#partner_cambridge a {
  background-image: url(/gfx/partneri/cambridge.png);
}

#partneri .partner#partner_github a {
  background-image: url(/gfx/partneri/github_campus.png);
  width: 60px;
}

#partneri .partner a {
  display: block;
  height: 70px;
  width: 100px;
  margin: 9px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: grayscale(100%) contrast(70%);
}

.pocasi img {
  float: left;
  margin-right: 20px;
}

.pocasi {
  margin-top: 10px;
}

#telo figure.table {
  margin: 0;
  max-width: 100%;
}

#telo figure.table table tr > td {
  padding: 3px 5px;
}

#telo figure.table table tr > td:first-child {
  padding-left: 0;
}

#telo figure.table table tr > td:last-child {
  padding-right: 0;
}

#telo figure.image {
  margin: 3px auto;
  max-width: 100%;
}

#telo figure.image img {
  margin: 0;
  max-width: 100%;
}

#telo figure.image.left img,
#telo figure.image.right img {
  max-width: 250px;
  max-height: 250px;
}

#telo figure.image.center img {
  max-width: 500px;
  max-height: 500px;
}

#telo figure.image.right {
  float: right;
  margin-left: 15px;
}

#telo figure.image.left {
  float: left;
  margin-right: 15px;
}

#telo figure.image {
  text-align: center;
}

@media (max-width: 640px) {
  #telo figure.image {
    float: none;
    max-width: none !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
    width: calc(100% + 40px) !important;
    max-height: 100vh;
    text-align: center;
  }
}

#nahledy,.img {
  overflow: hidden;
}

#nahledy {
  white-space: nowrap;
  width: 360px;
  display: flex;
  justify-content: space-between;
}

#nahledy .nahled {
  width: 168px;
  overflow: hidden;
}

#nahledy .nahled h5 {
  overflow: hidden;
  text-overflow: ellipsis;
}

.img {
  height: 120px;
  width: 160px;
  text-align: Center;
  background-position: center;
  background-size: cover;
}

#telo h1 {
  margin-bottom: 0.4em;
  font-size: 22px;
  line-height: 1.05em;
}

#telo h2 {
  margin-bottom: 0.3em;
  font-size: 18px;
}

.bluetext {
  color: #000;
  font-weight: 700;
}

.nadpis,.nadpis2 {
  font-size: 120%;
  font-weight: 700;
  line-height: 140%;
}

table.meteo-tabulka img {
  margin: 0!important;
}

.nocolor_table {
  background-color: #fff;
}

.price {
  color: #000;
  font-weight: 700;
}

.basic_table {
  border-collapse: collapse;
}

.basic_table tr td:first-child {
  padding-left: 10px;
}

.basic_table tr {
  height: 30px;
}

.basic_table tr:nth-child(2n+1) {
  background-color: #fc0;
}

#vhc_nadpis {
  width: 560px;
  font-size: 120%;
  font-weight: 700;
}

.basic_table #vhc_center_down {
  text-align: center;
  padding: 5px 0 20px;
  color: #107fbc;
  font-weight: 700;
}

.zprava {
  margin-bottom: 35px;
}

.zprava>div.datum {
  font-size: .8em;
}

#eduroam_table {
  border-collapse: collapse;
}

#eduroam_table tr,#rizeni_table tr {
  height: 22px;
}

#eduroam_table tr:nth-child(2n+2),#rizeni_table tr:nth-child(2n+3) {
  background-color: rgba(255,204,0,.2);
}

.rizeni_body {
  color: #107fbc;
}

.cambridge_table,.ecdl_table {
  border-collapse: collapse;
}

.ecdl_table .suda {
  border-bottom: 1px solid #fc0;
}

.oddelovac {
  background-color: #107fbc;
  color: #107fbc;
  height: 1px;
  border: 0;
}

.table_jidelna {
  border-collapse: collapse;
}

.table_jidelna th {
  border-bottom: 2px solid #107fbc;
  padding-top: 18px;
}

#spocitej_btn {
  background-color: #fff;
  color: #107fbc;
  width: 105px;
  height: 45px;
  border: 2px solid #107fbc!important;
  margin-top: 5px;
  cursor: pointer;
}

#spocitej_btn:hover {
  text-decoration: underline;
}

#spocitej_btn,#spocitej_href,#telo legend {
  font-size: 13px;
  font-weight: 700;
}

#telo legend {
  font-size: 15px;
  color: #107fbc;
}

.fieldsets {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}

.fieldsets>* {
  width: 340px;
  padding: 10px;
  border: 2px solid #107fbc;
  margin-bottom: 15px;
}

.fieldsets>*>input[type=checkbox]+label {
  display: inline-block;
  margin: -19px 0 10px 25px;
}

fieldset select {
  margin-bottom: 0;
  margin-top: 6px;
}

#software_table th {
  background-color: #107fbc;
  color: #fff;
  padding: 12px;
  width: 140px;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0;
}

#software_table {
  border-collapse: collapse;
}

#software_table td {
  border-left: 1px solid #107fbc;
  padding-top: 10px;
}

#software_table td:first-child {
  border-left: 0 solid #107fbc;
}

#software_table img,table ul {
  margin: 0;
}

.uchazec_shadow {
  width: 100%;
  height: 150px;
  background-image: url(img/new/shadow.png);
  background-repeat: repeat-x;
  position: absolute;
  top: 510px;
  z-index: -100;
}

#telo #uzasnak {
  float: right;
  width: 210px;
  height: 255px;
  background-image: url(img/new/uzasnak.png);
  margin: 10px 85px 5px 5px;
  background-repeat: no-repeat;
}

.fbbox {
  height: 214px;
}

#ucebny_IT li {
  padding: 7px 0;
}

.supcal {
  display: none;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 2;
}

.topbanner {
  height: 274px;
  background-size: cover;
  background-position: center;
  margin-bottom: 20px;
  width: 100%;
  position: relative;
}

.topbanner .yellow-strip {
  line-height: 1em;
  width: 100%;
  padding: 11px 70px;
  background: rgba(255,204,0,.8) no-repeat 10px center;
  position: absolute;
  bottom: 0;
}

#telo .rozvrh {
  border-collapse: collapse;
  margin: 15px 0 40px;
  width: 660px;
}

#telo .rozvrh .prvniradek td,#telo .rozvrh .prvniradek th {
  background-color: #107fbc;
  color: #fff;
  font-size: 12px;
  height: 26px;
}

#telo .rozvrh .prvniradek th {background: 0 0}

#telo .rozvrh td,.rozvrh th {
  width: 72px;
  height: 36px;
  text-align: center;
}

#telo .rozvrh td {border: 1Px solid #107fbc}

#telo .rozvrh th {
  border-right: 1px solid #107fbc;
  font-size: 12px;
  width: 40px;
}

#telo .rozvrh .heightfix {width: 0}

#telo .rozvrh .supl,#telo .rozvrh .supl strong {
  background: #fc0;
  color: #000!important;
}

#telo .rozvrh .heightfix,
a,
a img {border: none}
.kombotyden,.rozvrhheader {margin-left: 58px}
.kombotyden {margin-bottom: 20px}
#telo input {border: 1px solid #a9a9a9}
.historieprihlaseni {margin: auto}

table.absence,table.polznamky {
  margin-top: 20px;
  min-width: 100%;
  border-bottom: 1px solid #1a2733;
  border-collapse: collapse;
}

table.absence td,table.polznamky td {
  white-space: nowrap;
  padding: 0 3px;
}

table.knihovna,
table.vychovnaopatreni {
  border-collapse: collapse;
  border-bottom: 1px solid #39f;
}

table.vychovnaopatreni th {padding: 4px}
table.vychovnaopatreni td:first-child {padding-left: 10px}
table.vychovnaopatreni td:last-child {padding-right: 10px}

table.vychovnaopatreni td {
  padding: 3px 5px;
  background-color: #daebff;
}

table.vychovnaopatreni td:nth-child(3) {min-width: 125px}
table.vychovnaopatreni td:nth-child(4) {min-width: 300px}
table.absence td,
table.polznamky td {text-align: center}

table.absence td.prvni,
table.polznamky td.prvni {
  text-align: left;
  height: 30px;
  padding: 0 0 0 10px;
}

.zahlavi {border-bottom: 2px solid #1a2733}

.a_right {text-align: right}

.odcal {float: left}
.docal {float: right}

.calendar {
  cursor: default;
  border: 2px solid #39f;
  font-size: 10px;
  display: inline-block;
}

.calendar,
.calendar th {border-collapse: collapse}

.calendar p {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.calendar td {
  padding: 1px;
  border: 1px solid #fff;
}

.calendar .dny td.den {
  background-color: #daebff;
  width: 18px;
}

.calendar .highlight,.calendar th {
  background-color: #39f;
  color: #fff;
}

.calendar .dny td.den:hover,.calendar .nazvydnu {
  background-color: #88b4f6;
  width: 18px;
}

#textodchodu {
  padding-top: 20px;
  text-align: center;
}

#checkodchodu,#checktyp,#teloodchodu {
  clear: both;
  text-align: center;
}

#checktyp {text-align: left}

#checkodchodu input,#vypisstudenti {
  width: 16px;
  margin-left: 20px;
}

span.vybrane_datum {
  display: block;
  padding: 4px 4px 0;
  background: #fff;
}

#vypisstudenti {
  width: 110px;
  float: right;
}

.historieprihlaseni th,
.vypisstudenti th {border-bottom: 2px solid #1a2733}
.calendar p,
.calendar td,
.prichody td {text-align: center}

.vypisstudenti {
  width: 380px;
  border: 1px solid #888;
  border-collapse: collapse;
  margin-top: 12px;
}

.vypisstudenti td {
  border-bottom: 1px dashed #888;
}

.vypisstudenti tr:hover {
  cursor: pointer;
  background: #fc0;
}

input.vyberyprichody {
  color: #333;
}

.historieprihlaseni {
  width: 335px;
}

.historieprihlaseni tr {
  height: 25px;
}

.historieprihlaseni,.meteo table {
  border-collapse: collapse;
}

#studenti,#tridy {
  display: none;
}

#tridy,.historieprihlaseni td {
  text-align: center;
}

#telo a.tlacitko-buttonlike,#telo button.tlacitko,#telo input.tlacitko {
  font-size: 12px;
  font-weight: bolder;
  color: #1a2733;
  background: #fc0;
  padding: 4px 6px;
  border: none;
}

#telo a.tlacitko-buttonlike.cancel,
#telo button.tlacitko.cancel,
#telo input.tlacitko.cancel {
  background: #DDB;
  border: 1px solid #AA9 !important;
}

#telo a.tlacitko-buttonlike.cancel:hover,
#telo button.tlacitko.cancel:hover,
#telo input.tlacitko.cancel:hover {
  background: #CCA;
  border: 1px solid #997 !important;
}


#telo button.tlacitko:hover,#telo input.tlacitko:hover {
  background: #fb0;
}

#telo a.tlacitko-buttonlike {
  border: 1px solid #b90!important;
  padding: 6px 8px!important;
  margin: 1px;
  font-size: .9em!important;
  font-weight: 400!important;
  cursor: pointer;
  height: auto;
}

#telo a.tlacitko-buttonlike:hover {
  text-decoration: none;
  background: #ea0!important;
  border-color: #a70!important;
}

.odhlasit {
  color: #fc0!important;
  padding-right: 10px;
}

.novy {
  cursor: pointer;
}

ul.kontakty li {
  margin-bottom: 12px;
}

.calendar td {
  background: #fff;
}

table.ucebni-plan-specializace td.nadpis {
  padding-top: 12px;
}

#telo table.ucebni-plan-specializace td li {
  padding: 1px 0;
}

img.webcam {
  margin: 0;
  padding: 0;
  max-width: 75%;
  max-height: 85%;
}

#webcam-container a#toggleViewIcon {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  left: -48px;
  top: -12px;
  cursor: pointer;
}

#webcam-container a#toggleViewIcon.maximize {
  background: url(/gfx/icon_maximize_24.png);
}

#webcam-container a#toggleViewIcon.maximize:hover {
  background: url(/gfx/icon_maximize_active_24.png);
}

#webcam-container a#toggleViewIcon.demaximize {
  background: url(/gfx/icon_demaximize_24.png);
}

#webcam-container a#toggleViewIcon.demaximize:hover {
  background: url(/gfx/icon_demaximize_active_24.png);
}

.overlay {
  background: rgba(0,0,0,.75);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9990;
  padding-top: 40px;
  color: #fff;
}

.table-responsive {
  overflow: auto;
  position: relative;
}

iframe[name=google_conversion_frame] {
  position: absolute;
  height: 0;
}

#virtualni_prohlidka .nahled {
  width: 100%;
  height: 180px;
  padding: 3px;
  border: 1px solid #ccc;
}

#virtualni_prohlidka .nahled a {
  display: block;
  height: 100%;
  background: url(/gfx/obsah/virtual.jpg) no-repeat center;
  background-size: cover;
}

.meteo .table-responsive {
  margin-right: -1px;
}

.meteo-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.meteo-flex>div {
  display: flex;
  flex-direction: column;
}

.meteo-flex>div>div {
  flex-grow: 1;
}

.meteo-flex span.blue {
  font-weight: 700;
}

img.meteo-img {
  margin: 0 0 20px!important;
  bottom: 0;
}

.meteo > h2:first-of-type {
  margin-top: 10px!important;
}

.meteo h2 {
  margin: 20px 0 10px!important;
}

.meteo table {
  border-spacing: 0;
}

.meteo table td,
.meteo table th {
  padding: 1px 5px;
}

.meteo table tbody td {
  text-align: center;
}

.meteo table tbody th:first-child {
  text-align: left;
  padding: 2px 3px 2px 0;
}

.meteo table tbody th:first-child:after {
  content: ":";
  font-weight: 400;
}

.meteo table td:first-child {
  padding-left: 0;
}

.meteo-graph-legend {
  bottom: -15px;
  position: relative;
  z-index: 1;
  text-align: center;
  color: #888;
  font-size: 1.2em;
}

.meteo-graph-legend .main {
  font-weight: 700;
  color: #1a78b8;
}

.meteo-graph-legend .minor {
  font-weight: 700;
  color: #d5aa00;
}

.meteo-graph-y-axis {
  position: absolute;
  text-align: right;
  font-size: 11px;
  color: #000;
  font-weight: 700;
  width: 41px;
  top: 0;
  bottom: 37px;
  left: 0;
  background: #fff;
}

.meteo-graph-y-axis>div {
  position: absolute;
  right: 0;
}

.meteo-graph-y-axis .top {
  top: 10px;
}

.meteo-graph-y-axis .above-middle {
  top: 63px;
}

.meteo-graph-y-axis .middle {
  top: 116px;
}

.meteo-graph-y-axis .bellow-middle {
  top: 169px;
}

.meteo-graph-y-axis .bottom {
  top: 222px;
}

.meteo .table-responsive > table {
  margin: 5px 0 15px;
}

.meteo .table-responsive + .table-responsive > table {
  margin-top: 35px;
}

.meteo small {
  font-size: 0.85em;
  display: block;
  margin-top: -4px;
}

.meteo table td.small {
  font-size: 0.85em;
  text-align: right;
}

.meteo table td.small > em {
  display: block;
  margin-top: -6px;
}

img.inline-icon {
  width: auto!important;
  margin: 0!important;
  height: .8em!important;
  vertical-align: middle;
}

.fill-top-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 274px;
  background: rgba(255,255,255,.9);
  border: 1px solid #eee;
  padding: 20px;
}

.fill-top-header table,
#partneri h2,
ul.kontakty {
  width: 100%;
  border-collapse: collapse;
}

.fill-top-header label {
  line-height: 1.7em;
}

.fill-top-header table tr:first-child {
  font-size: 18px;
}

.fill-top-header table td {
  vertical-align: top;
  padding: 3px 3px 10px;
}

.fill-top-header table td:nth-child(1),
.fill-top-header table td:nth-child(3) {
  width: 1px;
  white-space: nowrap;
  padding-right: 10px;
}

.fill-top-header table td:nth-child(3) {
  padding-left: 15px;
}

.fill-top-header table td:last-child {
  padding-right: 0 !important;
}

.fill-top-header td>input,
.fill-top-header select,
.fill-top-header textarea {
  width: 100%;
  font-size: 11px;
  border: 1px solid #aaa;
  background: #fff;
  color: #000;
  padding: 4px 8px;
  height: 22px;
}

.fill-top-header select {
  padding: 3px 5px;
}

.fill-top-header textarea {
  resize: none;
}

.fill-top-header textarea#novazavada_poznamka {
  height: 40px;
  line-height: 1.4em;
}

table.table,
#telo figure.table>table {
  font-size: 12px;
  width: 100%;
  max-width: 700px;
  border-collapse: collapse;
}

table.table.filled>*>tr>.wrap {white-space: normal}
table.table.filled>*>tr>.fill {width: auto}
table.table.filled>*>tr>* {width: 1px}
table.table.filled>tbody>tr>* {white-space: nowrap}

table.table>thead>tr>th,
#telo figure.table>table>thead>tr>th {
  padding: 2px;
  text-align: center;
  font-size: .8em;
}
table.table>tbody>tr.hiddenrow.empty>td {height:0!important}
table.table>tbody>tr.hiddenrow.shown>td,
table.table.shown>tbody>tr.hiddenrow>td {height:auto}
table.table>tbody>tr.hiddenrow>td {
  padding: 0 !important;
  height: 0;
  transition: height .3s;
  position: relative;
  overflow: hidden;
}
table.table>tbody>tr.hiddenrow>td>span {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  left: 10px;
}
table.table>tbody>tr>td,
#telo figure.table>table>tbody>tr>td {
  padding: 0.4em;
  vertical-align: middle;
}
table.table>tbody>tr:nth-child(odd),
#telo figure.table>table>tbody>tr:nth-child(odd) {background:rgba(0,0,0,.04)}
table.table>tbody>tr.success {background: #dff0d8}
table.table>tbody>tr.success:nth-child(odd) {background: #cff0c8}
table.table>tbody>tr.warning {background: #fcf8e3}
table.table>tbody>tr.warning:nth-child(odd) {background: #f3f0d3}
table.table>tbody>tr.error {background: #f2dede}
table.table>tbody>tr.error:nth-child(odd) {background: #f2cece}
table.table>tbody>tr.info {background: #d9edf7}
table.table>tbody>tr.info:nth-child(odd) {background: #c9ddf7}
table.table>*>tr>.center {text-align: center}
table.table>*>tr>.left {text-align: left}
table.table>*>tr>.right {text-align: right}
table.table>*>tr>.justify {text-align: justify}
table.table>*>tr>.italic {font-style: italic}
table.table>*>tr>.small {font-size: 0.8em}
table.table>*>tr>.large {font-size: 1.5em}
table.table.vertpad-more>*>tr>* {padding-left:0.75em;padding-right:0.75em}
table.table>tbody>tr>.success {background: #dff0d8}
table.table>tbody>tr:nth-child(odd) > .success {background: #cff0c8}
table.table>tbody>tr>.error {background: #f2dede}
table.table>tbody>tr:nth-child(odd) > .error {background: #f2cece}
table.table.hover-row>tbody>tr:hover>*:not(.no-hover) {background: rgba(0,0,0,.12)}

table.table.hover-column {overflow: hidden}
table.table.hover-column>*>tr>* {position:relative}
table.table.hover-column>thead>tr>th:not(.no-hover):hover:before,
table.table.hover-column>tbody>tr>td:not(.no-hover):hover:before,
table.table.hover-column>tfoot>tr>td:not(.no-hover):hover:before {
  position: absolute;
  top: -100vw;
  bottom: -100vw;
  left: 0;
  right: 0;
  content: '';
  display: block;
  z-index: -1;
  background: rgba(0,0,0,.12);
}

#zavady {margin-top: 10px}
table.table.double>tbody>tr:nth-child(4n+1),
table.table.double>tbody>tr:nth-child(4n+2) {background: #f6f6f6}
table.table.double>tbody>tr:nth-child(4n),
table.table.double>tbody>tr:nth-child(4n+3) {background: #fff}

#zavady>tbody>tr:nth-child(even)>td {
  height: 0;
  transition: height .3s;
  position: relative;
  overflow: hidden;
}

#zavady>tbody>tr:nth-child(even)>td>span {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  left: 10px;
}

#zavady>tbody>tr:nth-child(even)>td>span>table {
  border-collapse: collapse;
  width: 100%;
}

#zavady>tbody>tr:nth-child(even)>td>span>table>tbody>tr:first-child>td:last-child {
  white-space: normal;
  width: auto;
  padding-left: 5px;
}

#zavady>tbody>tr:nth-child(even)>td>span>table>tbody>tr>td,#zavady>tbody>tr:nth-child(even)>td>span>table>tbody>tr>th {
  padding-bottom: 3px;
  vertical-align: baseline;
}

#zavady>tbody>tr:nth-child(even)>td>span>table>tbody>tr>td:nth-child(2) {
  padding-left: 5px;
  padding-right: 10px;
}

#zavady tr:nth-child(even).shown>td,#zavady.shown>tbody>tr:nth-child(even)>td {
  height: 55px;
}

#zavady tr:nth-child(even).shown.larger>td,#zavady.shown>tbody>tr:nth-child(even).larger>td {
  height: 75px;
}

#zavady td {
  padding: 0;
  width: 1px;
  position: relative;
}

#zavady>tbody>tr:nth-child(odd)>td {
  padding: 4px;
  text-align: center;
}

#zavady td.nopadding {
  padding: 0;
}

#zavady td.fill {
  text-align: left!important;
  min-width: 150px;
  width: auto;
}

#zavady td.small {
  font-size: .8em;
}

#zavady td.green {
  background-color: rgba(63,207,63,.3);
  padding: 2px;
  color: #070;
}

#zavady td.red {
  background-color: rgba(255,63,47,.3);
  padding: 2px;
  color: #d00;
}

.fill-top-header .tlacitko,
#zavady button,button.tlacitko {
  background: #fc0;
  border: 1px solid #b90!important;
  padding: 6px 8px!important;
  margin: 1px;
  font-size: .9em!important;
  font-weight: 400!important;
  cursor: pointer;
  height: auto;
}

#zavady button:hover,
button.tlacitko:hover {
  background: #ea0!important;
  border-color: #a70!important;
}

#zavady .adminzavady {
  background: #eee;
  border: 1px solid #aaa!important;
  padding: 1px 8px!important;
  position: absolute;
  right: 0;
  z-index: 1;
}

#zavady .adminzavady a {
  display: block;
  font-size: 11px;
  text-align: left;
}

#zavady .fixingFault table {
  width: 100%;
  border-collapse: collapse;
}

#zavady .fixingFault table td {
  vertical-align: bottom;
  padding-left: 5px;
}

#zavady .fixingFault table td>* {
  height: 20px;
  display: block;
}

#zavady .fixingFault table td>label {
  height: auto;
}

#zavady .fixingFault input[type="text"] {
  width: 100%;
  resize: none;
  font-size: 12px;
  color: black;
  background: white;
}

.inpbox {
  width: 130px;
}

#hlavnidivzavad {
  height: 100%;
}

h1,h2,h3,h4,h5,h6,#menu li,#obory h3,#levemenu li,header .upper,#levemenu .title,.fill-top-header table tr:first-child{font-family:"Roboto Condensed"}
body,#login,#obsah h3,.aktualita h3,.fill-top-header input,.fill-top-header select,.fill-top-header textarea,#zavady .fixingFault input[type="text"]{font-family:"Arial"}
#aktlist article h3,#paticka .menu ul{font-family:"Open Sans"}
#obsah h1,#obsah h2,#obsah h3,#obsah h4,#obsah h5,#obsah h6,#obory h3,.topbanner h3{font-family:"Open Sans Condensed";color:#1A2733}
#telo{line-height:1.35em}
header .upper a{text-decoration:none}
#aktlist article h3{color:#0e71b4}
#levemenu .title{font-weight:normal}
#aktlist article h3.highlight a {color:#D44}
#slider h3,.topbanner h3{font-size:30px}
.sssvt{font-size:26px}
#paticka h2{font-size:24px}
#obory h3,#slider .slidemenu h4{font-size:20px}
.letsp,#levemenu .title{font-size:18px}
#paticka .menu ul>li,#telo .rozvrh .prvniradek td{font-size:16px}
.nahled h5{font-size:15px}
#slider .slide,#menu li,#obory p{font-size:14px}
body,article.hledani,#obsah footer span,#slider .slidemenu li{font-size:13px}
a.button,div#login,.kontakty table,#paticka .upper .onas p{font-size:12px}
#obsah em,.aktualita em,#obsah .right em,#telo .rozvrh td strong,input[type=radio]+label{font-size:11px}
#obory h3,.topbanner h3{font-weight:normal}
.letsp,.sssvt{text-transform:uppercase}
.letsp{letter-spacing:3px}
#paticka .menu ul{letter-spacing:-0.7px}

@media (max-width:1000px){
  #paticka .meteo .pocasi a.img,.banner.velky img:last-child,#paticka .menu,header .ikon,.sipka.down,.sipka.up,#facebook,#youtube,.banner{display:none}
  .wrapper{width:740px}
  header .upper{background-position-x:70%}
  header .upper .sssvt{font-size:22px}
  .letsp{font-size:15px;letter-spacing:2px}
  header .letsp span{padding-left:0}
  header .letsp img{width:180px}
  header .sssvt span{margin-left:15px}
  header .sssvt .posun{margin-left:55px}
  #menu li{padding:9px 12px}
  header input[type=search]{width:125px}
  #obory h3{font-size:19px}
  #obory p{font-size:13px}
  #obsah{padding-bottom:40px}
  #obsah .flex .main{width:100%}
  #aktuality h2{margin-right:0}
  #obsah .panel{margin-bottom:0}
  #obsah .flex .right{width:100%;display:flex;margin:20px 0 0;justify-content:space-between}
  #obsah .flex .right .panel{width:360px}
  #levemenu{flex-grow:0;flex-shrink:0;flex-basis:180px;margin-right:20px;}
  .fieldsets>*{width:100%}
  #paticka .onas{width:285px}
  #paticka .onas img{width:117px}
  #paticka .mid{width:185px}
  #paticka .kontakty{width:230px}
}
@media (max-width:780px){
  header .upper .letsp span,#virtualni_prohlidka,#obory>div>div,#paticka a[target],#aktuality footer a:last-child,header #search,#paticka .menu,header a.ikon,#facebook,#partneri,#youtube,#menu li,.obory,#obory,.fbbox,#login,.onas{display:none}
  .wrapper,body{min-width:320px !important;width:100% !important}
  .wrapper{padding:0 20px}
  header{position:relative}
  header .upper{padding:5px 0;background-image:none}
  header .upper .flex{flex-direction:column}
  header .upper .sssvt{font-size:13px}
  header .upper .sssvt span{display:inline;margin:0}
  header .lower{padding:0}
  #loginbutton{display:block;background:url("/gfx/header/panacek.png") no-repeat center;width:20px;height:23px;box-sizing:content-box;padding:16px 10px;position:absolute;right:20px;bottom:1px;z-index:200;cursor:pointer}
  #login.loginvisible{display:block;padding:0 10px 10px;position:absolute;right:20px;top:calc(100% - 1px);z-index:110;background-color:#1A78B7;border:1px solid #012f79;border-top:none}
  form#login.loginvisible{padding:0 75px 40px 70px}
  form#login button[type=submit]{right:10px}
  form#login .loginHelp{right:29px}
  form#login .kontext{bottom:10px}
  #menu{margin:0;padding-top:0px;display:block;height:55px;width:210px;position:relative;z-index:1000}
  #menu #mainmenulabel{display:block;padding:19px 10px;color:#fc0;cursor:pointer;background-image:url(/gfx/menu/arrow.png);background-repeat:no-repeat;border:none;background-position:right 10px top 24px}
  #menu.submenuvisible li{display:block;border-left:1px solid #012f79;border-right:1px solid #012f79;padding-left:25px;padding:10px;background-color:#1A78B7}
  #menu.submenuvisible li:last-child{border-bottom:1px solid #012f79}
  #obsah{padding:20px 0}
  #obsah .vice{display:block;margin-top:10px;width:100%;text-align:right}
  #obsah .vice a{background-color:#1a2733;border-radius:15px;padding:8px 15px;color:#eee}
  #obsah .flex .right .panel{width:100%}
  #nahledy{width:100%}
  #nahledy .nahled{width:calc(50% - 10px)}
  #nahledy .nahled .img{width:100%}
  #nahledy .nahled .img img{width:200px !important;margin:-40px auto !important}
  #content.flex{display:block;padding:0}
  #levemenu{flex-grow:0;flex-shrink:0;margin:0}
  #levemenu .title{line-height:50px;padding-left:20px}
  #levemenu menu{border-width:0}
  #levemenu.open menu{border-width:2px}
  #levemenu menu li,#levemenu menu li.nelink{min-height:0;border-width:0}
  #levemenu.open menu li,#levemenu.open menu li.nelink{border-width:1px}
  #levemenu menu li a{height:0;padding:0 0 0 16px;overflow:hidden;transition:all 0.2s}
  #levemenu menu li.nelink{height:0;padding:0 0 0 6px;overflow:hidden;transition:all 0.2s}
  #levemenu.open menu li a,#levemenu.open menu li.nelink{height:29px;padding:6px 0 6px 16px}
  #levemenu.open menu li.nelink{height:28px;padding:10px 6px 2px}
  #levemenu.open menu li.sub a{height:26px}
  #telo{padding:30px 20px}
  #telo img, #telo iframe{max-width:100%}
  #telo .table-responsive img{max-width:initial;width:auto}
  #telo table img{margin:0;width:100%}
  #telo .topbanner{width:auto;margin:0 -20px 20px}
  #webcam-container{position:relative}
  #webcam-container a#toggleViewIcon{left:auto;top:auto;right:0;bottom:30px;position:absolute;display:block}
  fieldset{width:100% !important}
  .fill-top-header{left:0;top:30px}
  .fill-top-header textarea{display:block}
  .fill-top-header table td{padding:3px 0}
  .fill-top-header table td:nth-child(1){white-space:normal;padding-right:4px;width:85px}
  .fill-top-header table td:nth-child(3){white-space:normal;padding:0 4px}
  #paticka .flex{flex-wrap:wrap}
  #paticka .flex>div{width:100%;margin:0 20px;max-width:290px}
  .pocasi,.kontakty table{font-size:15px;line-height:1.3em}
  #paticka .kontakty h2{margin-bottom:10px}
  #paticka .kontakty > figure {width:140px}
  #paticka .pocasi br{content:'';display:inline-block;width:1em}
  .cm-container{top:5px !important}
  #cookies-information p{font-size:1.1em;margin:0.7em 0.5em 0.3em !important}
  #allow-cookies-button{font-size:1.2em;padding:9px 11px !important}
}
@media (max-width:540px){
  img.logo_noshadow{width:100% !important;margin:0 !important}
  #telo img,#telo iframe{width:calc(100% + 40px);height:auto;margin:10px -20px;max-width:initial}
  .odcal,.docal{float:none;text-align:center}
}
@media (max-width:396px){
  #nahledy {flex-wrap: wrap}
  #nahledy .nahled{width:100%}
  #nahledy .nahled+.nahled{margin-top:20px}
}