/* MeteoTV: preserve the November 2009 color palette and desktop proportions. */
html, body { max-width:100%; }
body { overflow-x:hidden; }
#page { width:800px; max-width:100vw; box-sizing:border-box; }
#header { width:100%; box-sizing:border-box; }
.meteotv-utility-navigation { position:relative; z-index:3; }
.meteotv-utility-navigation > ul.main_menu { display:flex; flex-wrap:nowrap; float:none; width:max-content; max-width:100%; margin:53px 0 0; padding:0; }
.meteotv-utility-navigation > ul.main_menu > li { float:none; flex:0 0 auto; }
.meteotv-utility-navigation a { white-space:nowrap; }
.meteotv-navigation { position:relative!important; display:block!important; clear:both; width:100%; max-width:100%; height:auto!important; min-height:0!important; margin:0; padding:0; overflow:visible!important; }
.meteotv-navigation[data-dr-placement="meteotv-header"] { clear:none; width:540px; max-width:calc(100% - 240px); }
.meteotv-navigation > #dr-primary-menu { display:flex!important; flex-wrap:nowrap!important; justify-content:flex-start!important; align-items:stretch!important; gap:0!important; width:max-content!important; max-width:100%!important; min-height:24px; margin:53px 0 0!important; padding:0!important; list-style:none!important; }
.meteotv-navigation > #dr-primary-menu > li { display:block!important; float:none!important; flex:0 0 auto!important; position:relative!important; width:auto!important; height:auto!important; min-height:24px; margin:0!important; padding:0!important; background:#00639b url("/assets/media/6e50b17cea6bd3af0763fe04.png") repeat-x 0 0!important; list-style:none!important; }
.meteotv-navigation > #dr-primary-menu > li.aktualni_prvni { padding:7px 13px 6px 6px!important; margin-top:-2px!important; background:#fff url("/assets/media/6f755e6a1b9381d58e3c7a1a.png") no-repeat 100% 0!important; color:#001a2e!important; font:italic 12px/1.2 "trebuchet ms",verdana,sans-serif!important; white-space:nowrap; }
.meteotv-navigation > #dr-primary-menu > li.aktualni_posledni { width:20px!important; margin-top:-2px!important; background:url("/assets/media/3d38bfb6db2f8a61d52c77d0.png") no-repeat 0 0!important; }
.meteotv-navigation > #dr-primary-menu > li > a { display:block!important; box-sizing:border-box; min-height:24px!important; padding:4px 8px!important; border-left:1px dotted #eee!important; background:transparent!important; color:#333!important; font:12px/1.3 "trebuchet ms",verdana,sans-serif!important; text-decoration:none!important; white-space:nowrap!important; }
.meteotv-navigation > #dr-primary-menu > li > a:hover { color:#666!important; text-decoration:underline!important; }
.meteotv-side-nav > #dr-primary-menu { display:block!important; float:right!important; width:220px!important; max-width:100%!important; margin:-5px 0 0!important; padding:5px 8px!important; background:transparent!important; }
.meteotv-side-nav > #dr-primary-menu > li { display:block!important; float:none!important; width:100%!important; min-height:0!important; margin:0!important; padding:0!important; border-top:1px solid #fff!important; background:transparent!important; }
.meteotv-side-nav > #dr-primary-menu > li > a { display:block!important; box-sizing:border-box; width:100%!important; min-height:0!important; padding:5px 5px 5px 25px!important; border:0!important; background:transparent!important; color:#012257!important; font:15px/1.35 "trebuchet ms",verdana,sans-serif!important; white-space:normal!important; text-decoration:none!important; }
.meteotv-side-nav > #dr-primary-menu > li > a:hover { color:#fff!important; text-decoration:underline!important; }
.meteotv-side-nav .dr-mobile-toggle { display:none; }
.meteotv-hero { display:block; width:500px; max-width:100%; height:270px; margin:0; padding:0; overflow:hidden; background:#b8dcf2; }
.meteotv-hero-image { display:block; width:100%; height:100%; object-fit:cover; }
.meteotv-contest-slot { position:absolute!important; left:690px!important; top:600px!important; display:block; width:240px!important; height:400px!important; overflow:hidden; background:#dceefa; }
.meteotv-contest-slot img { display:block; width:100%; height:100%; object-fit:cover; }
.meteotv-contest-header-poster { float:right; display:block; width:240px; height:400px; object-fit:cover; margin:10px 10px 0 0; position:relative; z-index:2; }
.meteotv-forecast-thumb { display:block; width:70px; height:40px; object-fit:cover; }
.meteotv-ad-note { display:none!important; }
@media (max-width:820px) {
  html, body { width:100%; max-width:100%; overflow-x:hidden; }
  #odkazova_lista { width:100%; max-width:100%; height:140px; overflow:hidden; box-sizing:border-box; }
  #odkazova_lista_stred { width:100%; max-width:100%; height:140px; overflow-x:auto; overflow-y:hidden; white-space:nowrap; box-sizing:border-box; }
  #odkazova_lista_stred .odkaz_v_liste { float:none; display:inline-block; vertical-align:top; width:150px; max-width:150px; height:135px; white-space:normal; }
  #odkazova_lista_stred .delitko_v_liste { display:none; }
  #page { width:100%; max-width:100vw; margin:12px auto; overflow-x:clip; }
  #header { width:100%; height:auto!important; min-height:95px; box-sizing:border-box; background-size:auto 95px; }
  #header h1 { box-sizing:border-box; max-width:100%; padding:12px 100px 8px 0; margin:0 12px!important; font-size:clamp(18px,5vw,24px); line-height:1.2; }
  .meteotv-utility-navigation > ul.main_menu { flex-wrap:wrap; width:100%; max-width:100%; margin:6px 0 0!important; }
  .meteotv-utility-navigation > ul.main_menu > li { max-width:100%; }
  .meteotv-utility-navigation > ul.main_menu > li > a { white-space:normal; }
  .meteotv-navigation { width:100%; max-width:100%; margin:0!important; padding:0 8px 8px!important; box-sizing:border-box; }
  .meteotv-navigation[data-dr-placement="meteotv-header"] { width:100%; max-width:100%; clear:both; }
  .meteotv-navigation .dr-mobile-toggle { display:block!important; width:100%; min-height:40px; padding:9px 12px!important; border:1px solid #04566a!important; background:#00639b!important; color:#fff!important; font:600 15px/1.2 "trebuchet ms",verdana,sans-serif!important; text-align:left; cursor:pointer; }
  .meteotv-navigation > #dr-primary-menu { display:none!important; flex-direction:column!important; align-items:stretch!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; background:#00639b!important; }
  .meteotv-navigation.dr-open > #dr-primary-menu { display:flex!important; }
  .meteotv-navigation > #dr-primary-menu > li { width:100%!important; max-width:100%; min-height:0!important; }
  .meteotv-navigation > #dr-primary-menu > li > a { width:100%!important; min-height:40px!important; padding:10px 12px!important; color:#fff!important; font-size:15px!important; white-space:normal!important; }
  .meteotv-navigation > #dr-primary-menu > li.aktualni_prvni { min-height:32px!important; margin:0!important; padding:8px 12px!important; background:#eaf6fd!important; }
  .meteotv-side-nav { width:100%; margin:12px 0!important; padding:0!important; box-sizing:border-box; }
  .meteotv-side-nav .dr-mobile-toggle { display:block!important; }
  .meteotv-side-nav > #dr-primary-menu { float:none!important; width:100%!important; margin:0!important; padding:0!important; }
  .bocni_menu_div { float:none!important; width:auto!important; max-width:100%; margin:16px 12px!important; }
  .bocni_menu_div h2 { margin:0 0 6px!important; color:#fff; }
  .player_box { float:none!important; box-sizing:border-box; width:calc(100% - 24px)!important; max-width:100%; height:auto!important; min-height:0!important; margin:22px 12px 12px!important; padding:10px!important; overflow:hidden; }
  #player, #player img { display:block; width:100%!important; max-width:100%; height:auto!important; aspect-ratio:5/4; object-fit:cover; }
  .playlist { float:none!important; box-sizing:border-box; width:100%!important; max-width:100%; margin:10px 0 0!important; }
  .playlist .items { display:flex; flex-wrap:wrap; gap:8px; }
  .playlist .items .dr-unlinked { display:inline-flex; flex-direction:column; align-items:center; width:76px; max-width:100%; height:auto; text-align:center; }
  .playlist .items .dr-unlinked > span { display:block; font-size:11px; line-height:1.2; }
  .playlist .items .dr-unlinked img { max-width:70px; height:40px; object-fit:cover; }
  div.text_box, div.spodek_text_box { box-sizing:border-box; width:calc(100% - 24px)!important; max-width:100%; height:auto!important; min-height:0; margin:12px!important; padding:10px!important; background:#f8fbfd!important; border-radius:4px; }
  div.text_box p { color:#444; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
  #page p { font-size:14px!important; line-height:1.45; overflow-wrap:anywhere; }
  #page h1 { font-size:clamp(19px,5vw,24px)!important; line-height:1.2; }
  .meteotv-hero { width:100%; height:auto; min-height:0; aspect-ratio:16/8.6; }
  .meteotv-hero-image { height:100%; min-height:0; }
  .meteotv-contest-slot { position:static!important; width:min(240px,calc(100% - 24px))!important; height:auto!important; aspect-ratio:3/5; margin:16px auto!important; }
  .meteotv-contest-header-poster { float:none; width:min(240px,calc(100% - 24px)); height:auto; aspect-ratio:3/5; margin:12px auto; }
  .meteotv-contest-slot img { height:100%; }
  form, fieldset, table { max-width:100%; box-sizing:border-box; }
  input, select, textarea, button { max-width:100%; box-sizing:border-box; }
}