html { --gray050: #ECEFF1; --gray100: #CFD8DC; --gray200: #B0BEC5; --gray600: #546E7A; --gray800: #37474f; --gray900: #263238; --blue050: #eff3f9; --blue100: #cfdcf1; --blue300: #678AC6; --blue600: #1b3e7a; --blue800: #102447; }

/*stabilni barevne pary pro svetlou/tmavou verzi*/
html { --textcolor-light: var(--gray900); --textcolor-dark: var(--gray100); --textcolorsec-light: var(--blue600); --textcolorsec-dark: #fff; --textcoloralt-light: var(--gray600); --textcoloralt-dark: var(--blue100); --textcolorinverse-light: #fff; --textcolorinverse-dark: #000; --linkcolor-light: var(--blue800); --linkcolor-dark: #fff; --bordercolor-light: var(--blue100); --bordercolor-dark: var(--gray800); --bordercolorsec-light: var(--blue300); --bordercolorsec-dark: var(--blue300); --bordercolordis-light: var(--gray100); --bordercolordis-dark: var(--gray800); --bgcolor-light: #fff; --bgcolor-dark: #000; --bgcolorsec-light: var(--blue050); --bgcolorsec-dark: var(--gray900); --bgcolordis-light: var(--gray050); --bgcolordis-dark: var(--gray900); }



html { --textcolor: var(--textcolor-light); --textcolorsec: var(--textcolorsec-light); --textcoloralt: var(--textcoloralt-light); --textcolorinverse: var(--textcolorinverse-light); --linkcolor: var(--linkcolor-light); --bordercolor: var(--bordercolor-light); --bordercolorsec: var(--bordercolorsec-light);; --bordercolordis: var(--bordercolordis-light); --bgcolor: var(--bgcolor-light); --bgcolorsec: var(--bgcolorsec-light); --bgcolordis: var(--bgcolordis-light) }
html.dark { --textcolor: var(--textcolor-dark); --textcolorsec: var(--textcolorsec-dark); --textcoloralt: var(--textcoloralt-dark); --textcolorinverse: var(--textcolorinverse-dark); --linkcolor: var(--linkcolor-dark); --bordercolor: var(--bordercolor-dark); --bordercolorsec: var(--bordercolorsec-dark);; --bordercolordis: var(--bordercolordis-dark); --bgcolor: var(--bgcolor-dark); --bgcolorsec: var(--bgcolorsec-dark); --bgcolordis: var(--bgcolordis-dark) }

.dark a { color: #fff; }

.portal.row-top-act .portal-g1 { background: none; }
.portal-g1, #portal-g1.fixed, .portal-g1-copy-in, .dark .portal-g1-copy-in { background: #1B3E7A; }
.portal-g2 { position: relative }

.portal-g2:before { content: ''; position: absolute; top: 0; left: 1rem; right: 1rem; width: auto; height: 1px; background: #B0BEC5; }

.portal.row-top-act .portal-g2 li a { text-shadow: 0 0 .8em rgba(0,0,0,.8); }

.portalmenu-2 li.act:after { background-color: #fff; }

.posunovac { --gradient-left: #fff 0%; --gradient-right: #fff 100%; --gradient: linear-gradient(90deg, var(--gradient-left), var(--gradient-right)) }
.posunovac-ma-next { --gradient-right: #fff 85%, transparent 95% }
.posunovac-ma-prev { --gradient-left: transparent 5%, #fff 15% }
.posunovac ul { -webkit-mask-image: var(--gradient); mask-image: var(--gradient); }

.posunovac .posunovac-prev, .posunovac .posunovac-next, .dark .posunovac .posunovac-prev, .dark .posunovac .posunovac-next { background: none }
.posunovac .posunovac-prev:before, .posunovac .posunovac-next:before { background-image: url(/u/icon/fff/arrow1-right.svg) }

.content, #wrapper { font-variant-numeric: proportional-nums; }

.col-a { margin-left: 10px }
#wrapper .col-a { /*margin-right:10px; */ margin: 0 1rem; }
.space-m .col-a { width: 480px; margin-left: 90px; }
.space-m .col-b { margin-right: 90px; }
.space-m .col-ab { width: 814px; margin: 0 90px; }

.target { position: relative; top: -50px }

.main .list-art .art { padding: 0 0 8px 190px; }

.row-top { margin-bottom: 1rem }

.ico-wind-direction { display: inline-block; width: 1em; height: 1em; line-height: 1; vertical-align: text-bottom; }

.ico-bio:before, .ico-pressure:before, .ico-wind:before, .ico-wind-direction:before,
.ico-lowest:before, .ico-highest:before, .ico-average:before,
.ico-drop:before, .ico-drop-full:before, .ico-drop-middle:before,
.ico-thermometer:before, .ico-globe:before, .ico-clouds:before, .ico-alert:before,
.ico-temper-perceived:before, .ico-temper-max:before, .ico-temper-min:before { content: ""; display: inline-block; width: 1em; height: 1em; margin-right: 5px; background: no-repeat; background-size: contain; }


.ico-thermometer:before { background-image: url(//1gr.cz/o/pocasi/ico-thermometer.svg) }
.ico-globe:before { background-image: url(//1gr.cz/o/pocasi/ico-globe.svg) }
.ico-clouds:before { background-image: url(//1gr.cz/o/pocasi/ico-clouds.svg) }
.ico-alert:before { background-image: url(//1gr.cz/u/icon/137/error.svg) }

.ico-temper-perceived:before { background-image: url(//1gr.cz/o/pocasi/ico-temper-perceived-68c.svg) }
.ico-pressure:before { background-image: url(//1gr.cz/o/pocasi/ico-pressure-68c.svg) }
.ico-drop:before { background-image: url(//1gr.cz/o/pocasi/ico-drop-empty-68c.svg) }
.ico-drop-middle:before { background-image: url(//1gr.cz/o/pocasi/ico-drop-empty-68c.svg) }
.ico-drop-full:before { background-image: url(//1gr.cz/o/pocasi/ico-drop-full-68c.svg) }
.ico-wind:before { background-image: url(//1gr.cz/o/pocasi/ico-wind-68c.svg) }
.ico-wind-direction:before { background-image: url(//1gr.cz/o/pocasi/ico-wind-direction-68c.svg) }
.ico-bio:before { background-image: url(//1gr.cz/o/pocasi/ico-bio-68c.svg) }

.ico-lowest:before { background-image: url(/o/pocasi/ico-thermometer-min.svg) }
.ico-highest:before { background-image: url(/o/pocasi/ico-thermometer-max.svg) }
.ico-average:before { background-image: url(/o/pocasi/ico-thermometer-avg.svg) }

.meteo-top .ico-temper-max:before { background-image: url(/o/pocasi/ico-temper-max-137.svg) }
.meteo-top .ico-temper-min:before { background-image: url(/o/pocasi/ico-temper-min-137.svg) }

.meteo-top .ico-temper-perceived:before { background-image: url(/o/pocasi/ico-temper-perceived-137.svg) }
.meteo-top .ico-drop:before { background-image: url(/o/pocasi/ico-drop-empty-137.svg); }
.meteo-top .ico-wind:before { background-image: url(/o/pocasi/ico-wind-137.svg) }
.meteo-top .ico-wind-direction:before { background-image: url(/o/pocasi/ico-wind-direction-137.svg) }

/*v horni casti nezalezi na nastavenem barevnem rezimu ale na denni dobe*/
.row-top.dark .meteo-maininfo .ico-temper-max:before { background-image: url(/o/pocasi/ico-temper-max-fff.svg) }
.row-top.dark .meteo-maininfo .ico-temper-min:before { background-image: url(/o/pocasi/ico-temper-min-fff.svg) }
.row-top.dark .meteo-maininfo .ico-temper-perceived:before { background-image: url(/o/pocasi/ico-temper-perceived-fff.svg) }
.row-top.dark .meteo-maininfo .ico-drop:before { background-image: url(/o/pocasi/ico-drop-empty-fff.svg); }
.row-top.dark .meteo-maininfo .ico-wind:before { background-image: url(/o/pocasi/ico-wind-fff.svg) }
.row-top.dark .meteo-maininfo .ico-wind-direction:before { background-image: url(/o/pocasi/ico-wind-direction-fff.svg) }

.meteo-top, .top-map { position: relative; background: no-repeat; background-position: top center }

.meteo-top { color: var(--gray900); min-height: 580px; background-color: #fff; --textshadow: 0 0 32px rgba(255, 255, 255, 1.00) }
#wrapper .meteo-top { height: auto; min-height: 520px; background-position: center 2rem; /*background-size: 720px;*/ }

/*#wrapper .meteo-top:after { content: ""; position: absolute; width: 100%; height: 30px; top: 96px; left: 0; background: linear-gradient(0deg, transparent, rgba(20,20,50,.05), transparent);}*/

.row-top.dark .content-top, .row-top.dark .meteo-maininfo { color: #fff; --textshadow: 0 0 32px rgba(0, 0, 0, 1.00) }


.top-map { height: 490px; margin-top: -20px; overflow: hidden; }
#wrapper .top-map { height: 50vh; /*height:70vw; max-height: min(440px, 65vh);*/ margin-top: -1em }

.meteo-top-content { display: block; position: relative; max-width: 880px; margin: auto; padding: 130px 0 0; z-index: 1; }
/*#wrapper .meteo-top-content { padding: 90px 0 0; }*/
#wrapper .meteo-top-content { padding: 140px 0 0; }

/*pevna vyska zajistuje vertikalni pozici velkeho symbolu pocasi*/
.meteo-top .content-top { height: 130px; }
#wrapper .meteo-top .content-top { height: 90px; }

.meteo-select-wrap { display: table; width: 340px; max-width: calc(100vw - 2rem); margin: 0 auto 3rem; position: relative; min-height: 40px; z-index: 20; }
.meteo-select { position: absolute; width: 100%; min-height: 40px; padding: 0; border-radius: 3px; color: var(--textcolor-light); border: solid 1px transparent; background: rgba(255,255,255,1); }
.meteo-select.open { border-color: var(--bordercolor-light); }
.meteo-select .toggle { position: absolute; top: 0px; right: 0px; z-index: 1; width: 100%; height: 40px; cursor: pointer; background: url(/u/icon/124/select.svg) no-repeat right 0.75rem top 50% / 0.75em; }
.meteo-select .ico-geolocation { position: relative; float: left; z-index: 1; width: 40px; height: 40px; cursor: pointer; background: url(//1gr.cz/u/icon/124/location-outlined.svg) no-repeat center; background-size: 18px }
.meteo-select .ico-geolocation:hover { background-image: url(//1gr.cz/u/icon/124/location.svg) }
.meteo-select .geolocation-error { position: absolute; top: 5px; left: 5px; width: 250px; padding: 1em; font-size: 12px; border-radius: 3px; background: #fff; box-shadow: 1px 1px 4px rgb(100 100 100 / 20%); }


#wrapper .meteo-select-wrap { margin-bottom: 1.5rem }

@media(max-width:320px) {
    #wrapper .meteo-select-wrap { font-size: .75rem }
}

.meteo-select:hover #region-selected span { transform: rotate(-135deg); top: 13px; }
.meteo-select ul, .q-touch .meteo-select ul { transition: .5s all; opacity: 0; overflow: hidden; margin-right: 0; line-height: 0; font-size: 87.5%; }

.meteo-select:hover #region-list, .meteo-select.open ul { opacity: 1; line-height: 1.2; padding-bottom: 5px; border-color: #DFDFDF; }


.meteo-select ul li { display: block }
.meteo-select ul a { display: block; padding: 0 0 0 40px; text-decoration: none; color: var(--linkcolor-light); }
.meteo-select.open ul a, .meteo-select:hover #region-list a { padding: 0.25rem 10px 0.25rem 40px; }
.meteo-select ul a:hover { background: rgba(239,243,249,0.9); }


.meteo-select form { /*visibility:hidden;*/ display: none; /*position: absolute;*/ top: 0; }
.meteo-select.open .obec-selected { /*visibility:hidden*/ }
.meteo-select.open form { /*visibility:visible;*/ display: block }
.meteo-select input { position: relative; height: 30px; width: calc(100% - 50px); margin-bottom: 1rem; margin-left: 40px; padding: 0; line-height: 30px; font-size: 100%; color: #000; background: none; border: none; border-bottom: solid 1px rgba(0,0,0,.3); /*padding: 0 60px 0 10px;*/ }

.obec-selected { display: table-cell; width: calc(100% - 80px); height: 40px; margin-left: 40px; line-height: 1.1; vertical-align: middle; }

#words-obec { display: none; position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; font-size: 87.5%; z-index: 10; cursor: default; }
#words-obec.visible { display: block }
#words-obec div { padding: 4px 10px; line-height: 1.2; }
#words-obec div span { display: none; }

#words-obec div:hover { background: rgba(157,193,255,0.7); }
#words-obec div.selected, #words-obec div.selected span, #words-obec a:hover { background: rgba(157,193,255,0.7) }

.top-date { flex: 100% 0 0; text-align: center; text-shadow: var(--textshadow) }
#wrapper .top-date { font-size: 87.5% }

.meteo-maininfo { display: flex; flex-wrap: wrap; align-content: center; justify-content: start; /*align-items: center; */ align-items: flex-end; margin: 0 auto 2rem; overflow: hidden; font-size: 87.5%; text-shadow: var(--textshadow) }
.meteo-maininfo strong { font-size: 1rem }

.meteo-maininfo > * { padding: 0 0.75rem; }

/*sirka urcuje pozici velkeho symbolu pocasi*/
.top-pheno { width: 265px; margin-bottom: 20px; box-sizing: border-box; text-align: right; }
.top-pheno .symbol { margin-top: 2.0em; }
.top-pheno img { display: block; width: 110px; margin: 10px 0; }
.top-pheno li { display: block; line-height: 1.8; list-style: none; }

.top-symbol img { display: block; width: 130px; height: 130px; font-size: 130px }

.top-temperlist { margin-bottom: 20px; }
.top-temperlist li { list-style: none; display: block; line-height: 1.6; }

#wrapper .top-pheno, #wrapper .top-temperlist { margin-bottom: 0 }

.top-maintemper { font-size: 110px; line-height: 1; margin: 10px 0; font-weight: 900; color: var(--textcolorsec-light); letter-spacing: -3px; }
.row-top.dark .top-maintemper { color: #fff; /*color: var(--textcolorsec-dark)*/ }

#wrapper .meteo-maininfo { width: 360px; max-width: 100%; margin-bottom: 1rem; justify-content: center; gap: 0 1rem; }
#wrapper .meteo-maininfo > * { /*width: 180px; max-width: 50vw;*/ width: calc(50% - 0.5rem); padding: 0; box-sizing: border-box }
#wrapper .top-symbol, #wrapper .top-maintemper { margin-bottom: .5rem; order: -1 }
/*#wrapper .top-symbol, #wrapper .top-pheno { width: 150px; max-width: 40vw; }*/
#wrapper .top-maintemper { margin: auto; font-size: 5em }

#wrapper .top-symbol img { width: 95px; height: 95px; font-size: 95px; margin: 0 0 auto auto }

.meteo-box-list { display: flex; max-width: 450px; }
.meteo-box-list li { clear: both; display: block; width: 150px; max-width: 33%; color: #546e7a; font-size: 72.5%; }

.meteo-box-list b { display: block; color: var(--textcolorsec); font-weight: 900; }
.meteo-box-list big { height: 1em; font-size: 2rem; letter-spacing: -2px; }
.meteo-box-list big:before { margin-bottom: -.25rem }

@media (max-width:480px) {
    #wrapper .meteo-box-list big { font-size: 1.25rem }
}

.meteo-box-list b small { font-size: 11px; letter-spacing: 0 }



.day-forecast-wrap { position: relative; width: 100%; margin: 0 auto; padding: 0 2.2rem; box-sizing: border-box; }
/*pri ruseni prvni varianty prestehovat margin-bottom k... row-top? meteo-top? */
.main .meteo-top .day-forecast-wrap { margin: 0 -2.2rem; margin-bottom: 2rem; box-sizing: content-box; }

.day-forecast-navig { position: absolute; top: 50%; width: 2rem; height: 2rem; margin-top: -1rem; cursor: pointer; background: url(/u/icon/68c/arrow-right.svg) }
.day-forecast-navig-prev { left: 0; transform: rotate(180deg) }
.day-forecast-navig-next { right: 0; }
.day-forecast { overflow: hidden; }

#wrapper .day-forecast { padding: 0 1rem 1rem; overflow-x: scroll }
#wrapper .day-forecast-navig { display: none }

#wrapper .day-forecast-wrap { padding: 0; margin-top: 0.75rem; }
#wrapper .day-forecast-navig-prev, #wrapper .day-forecast-navig-prev { display: none }


.day-forecast ul { display: flex; gap: 2px; list-style: none; }
.day-forecast li { flex: 0 0 65.9px; padding: 1rem 5px; text-align: center; box-sizing: border-box; font-size: 87.5%; border-radius: 6px; color: var(--textcolor-light); background: rgba(255,255,255,.5) }

.meteo-top .day-forecast li { background: var(--pri05) }

#wrapper .day-forecast li { flex: 0 0 50px; margin-right: 2px; padding: 0.75rem 3px; }

.day-forecast .symbol img { font-size: 40px /*filter: brightness(5)*/ }
#wrapper .day-forecast .symbol img { font-size: 28px }
.day-forecast i { font-style: normal; font-weight: 900; font-size: 1.125rem; color: var(--textcolorsec-light); }
#wrapper .day-forecast i { font-size: 1rem }


.forecast-card { position: absolute; padding: 4px; box-sizing: border-box; z-index: 1; text-align: center; border-radius: 6px; background: rgba(255,255,255,.9); }
/*margin vyrovnava posun zpusobeny leafletovym 12px ctverteckem*/
.map .forecast-card { margin: 6px; transform: translate(-50%, -50%); }
.forecast-card .symbol img { font-size: 40px }
.forecast-card i { display: block; margin-top: 2px; text-align: center; font-style: normal; font-weight: 900; font-size: 1.125rem; line-height: 1.25; color: var(--textcolorsec-light); font-family: 'Inter', sans-serif }
#wrapper .forecast-card { padding: 2px; border-radius: 4px }
#wrapper .forecast-card .symbol img { font-size: 24px }
#wrapper .forecast-card i { font-size: .75rem }

#zdroj-chmu { display: table; margin: auto; font-size: 68%; line-height: 1.6; color: #102447; text-transform: uppercase; text-decoration: none; }
.dark #wrapper #zdroj-chmu { color: #fff }
.meteo-tab { margin-bottom: 2em; }
.meteo-item { position: relative; /*padding: 2px 0;*/ border-bottom: solid 1px var(--bgcolorsec); }
.meteo-item-openable { cursor: pointer; }
.meteo-item-openable:after { content: ""; position: absolute; right: 1rem; top: 1.8rem; width: 7px; height: 7px; border: solid var(--bordercolorsec); border-width: 0 2px 2px 0; transform: rotate(45deg); transform-origin: 6px 6px }
.meteo-item-openable.open:after { transform: rotate(-135deg); }
#wrapper .meteo-item-openable:after { top: 1.1rem; border-color: var(--blue100); }
.meteo-detail { max-height: 0; overflow: hidden; transition: max-height ease-out 200ms; }

.meteo-item.open { border-color: var(--blue100) }
.meteo-item.open .meteo-detail { max-height: max( 100vh, 400px) }

.meteo-row { --rowheight: 2rem; display: flex; justify-content: space-between; align-items: center; /*max-width: 400px;*/ padding: 1rem 40px 1rem 0.5rem; font-size: 1.125rem; }
.meteo-row h4 { width: 100px; line-height: var(--rowheight) }
.meteo-row b, .meteo-row i { width: 90px; height: var(--rowheight); line-height: var(--rowheight) }
.meteo-row b { font-weight: 900; color: var(--textcolorsec); }
.meteo-row i { font-style: normal; color: var(--textcoloralt); }
.meteo-row span { float: left; width: var(--rowheight); height: var(--rowheight); margin-right: .5rem }

#wrapper .meteo-row { --rowheight: 1.75rem; padding: .5rem 40px .5rem 0.5rem; font-size: 1rem }
#wrapper .meteo-row b, #wrapper .meteo-row i { width: 75px; }

.meteo-detail ul { display: flex; flex-wrap: wrap; margin-top: 20px; list-style: none; margin-bottom: 20px; border-top: solid 1px #eee; }
.meteo-detail li { flex: 50% 0 0; display: flex; justify-content: space-between; align-items: flex-end; padding: 1rem 12px; box-sizing: border-box; border-bottom: solid 1px var(--bgcolorsec); }
.meteo-detail li:nth-child(even) { border-left: solid 1px var(--bgcolorsec); }
.meteo-detail b { float: right; text-align: right; }
.meteo-detail p { margin-bottom: 20px; margin-left: 0.75rem; line-height: 1.6 }
.meteo-detail small { font-size: 100% }
.meteo-detail h5 { font-weight: normal; font-size: .8125rem; /*line-height: 1*/ }
.meteo-detail h5 br { display: none; }
.meteo-detail h5:before { font-size: 20px }

#wrapper .meteo-detail li { align-items: center; padding: 10px 8px }
#wrapper .meteo-detail h5 { flex-grow: 1; position: relative; padding-left: 1.5rem; font-size: .7rem; line-height: 1.1; }
#wrapper .meteo-detail h5:before { position: absolute; left: 0; top: 50%; margin-top: -.5em; font-size: 1rem }
#wrapper .meteo-detail h5 br { display: block; }
#wrapper .meteo-detail b { font-size: .75rem }

.meteo-box { margin-bottom: 1rem; padding: 1.5rem; box-sizing: border-box; border-radius: 6px; background: var(--bgcolorsec); background: linear-gradient(180deg, var(--bgcolorsec) 0%, transparent 100%) }

#wrapper .meteo-box { padding: 1rem }

.meteo-box .info { position: relative; float: right; cursor: pointer; z-index: 5; padding: 0.5rem; margin: -0.5rem; }


.meteo-box .info:before { content: ""; display: block; width: 1rem; height: 1rem; border-radius: 100%; background: url(/u/icon/68c/info.svg); }
.meteo-box .info-in { display: none; position: absolute; top: 0; left: 100%; width: 130px; padding: 1em; font-size: 75%; border-radius: 6px; border: 1px solid var(--bordercolor); color: var(--textcolor); background-color: var(--bgcolor); box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08); }
.meteo-box .info-in:before { content: ""; position: absolute; left: 0; top: 1em; width: 6px; height: 6px; margin: 3px -3px; transform: rotate(45deg); background: var(--bgcolor); border: solid var(--bordercolor); border-width: 0 0 1px 1px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08); }

#wrapper .meteo-box .info-in { left: auto; right: 100%; }
#wrapper .meteo-box .info-in:before { left: 100%; transform: rotate(-135deg); }

#wrapper .meteo-box-wrap .meteo-box .info-in { max-width: 27vw }
/* info u drahy slunce*/

/*.meteo-box .info:hover .info-in { display: block }*/
.meteo-box .info.open .info-in { display: block }
.meteo-box .info.open:after { content: ''; position: fixed; top: 0; left: 0; bottom: 0; right: 0; }
.meteo-box h2 { margin-bottom: 1rem; text-transform: uppercase; font-size: 1.25rem; letter-spacing: 2px }
.meteo-box h2 small { text-transform: initial; font-size: .875rem; font-family: 'Inter', sans-serif; letter-spacing: 0; }
#wrapper .meteo-box h2 { margin-bottom: .75rem; font-size: 1.125rem; letter-spacing: 1px }

.meteo-box-wrap { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; }
.meteo-box-wrap .meteo-box { flex: calc(50% - 10px) 0 0; width: calc(50% - 10px); }

.meteomaps { position: relative; margin-bottom: 2rem; }
#wrapper .meteomaps { margin: 0 -1rem 1rem; }

.main .meteo-top .meteomaps { margin-bottom: .5rem }
#wrapper .meteo-top .meteomaps { margin: 0 }

.wrap-maps { position: relative; z-index: 6; }

.map-navig { position: absolute; top: 1rem; /*left: 12px; width: calc(100% - 24px);*/ left: 50px; width: calc(100% - 100px); z-index: 10 }
#wrapper .map-navig { left: .5rem; top: .5rem; width: calc(100% - 1rem) }
.map-navig ul { display: flex; max-width: 450px; margin: 0 auto; padding: 2px; list-style: none; border-radius: 4px; background: var(--bgcolor); }
.map-navig li { /*width: 400px;*/ flex: 1 0 0px; position: relative; text-align: center; font-size: .875rem; border-radius: 2px; }
.map-navig li.act { color: var(--textcolorinverse); background: var(--textcolorsec); }
.map-navig li a { display: block; width: 100%;  padding: 5px; box-sizing: border-box; color: var(--linkcolor) }
.map-navig li.act a { color: var(--textcolorinverse); }

.map-navig li:after { content: ""; position: absolute; top: 0; right: -2px; height: 100%; border-left: solid 2px var(--bgcolorsec); }
.map-navig li:last-child:after { border: none }
.map-navig li.act:after { visibility: hidden }
#wrapper .map-navig li { font-size: .75rem; /*line-height: 1; */ }

/*#wrapper .meteo-top .map-navig li { padding: 3px; padding-bottom: 1.375em; font-size: .5rem }
#wrapper .meteo-top .map-navig li a { position: absolute; top: 0; left: 0; padding-top: 3em;  height: 100%; }
#wrapper .meteo-top .map-navig li:before { margin: 0 auto 0; font-size: 1.125rem }*/

#wrapper .map-navig li { padding: 3px; padding-bottom: 1.375em; font-size: .5rem }
#wrapper .map-navig li a { position: absolute; top: 0; left: 0; padding-top: 3em; height: 100%; }
#wrapper .map-navig li:before { margin: 0 auto 0; font-size: 1.125rem }


html.dark .meteo-top .map-navig li:not(.act):before, html:not(.dark) .meteo-top .map-navig li.act:before { filter: brightness(0) invert(1); }

.main .map-navig li:before { display: none }


#map { z-index: 1; background:var(--tgl-neutral20)}
#main #map { /*width: 820px;*/ width: 100%; height: 500px; border-radius: 6px; }
#wrapper #map { width: 100vw; max-width: 600px; height: 80vw; max-height: 480px }

/*pro bubliny na obou mapach*/
.leaflet-popup h4 { margin-bottom: 0.2rem; font-size: .875rem }
#wrapper .leaflet-popup-content { margin: 6px 10px; line-height: 1.2; }
.leaflet-popup-tip-container { margin-top: -1px }

#map .leaflet-tile-container { opacity: .8; }
#map .leaflet-popup-content-wrapper { border: 1px solid var(--bordercolor-light); border-radius: 6px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08); }

#map .leaflet-popup-content { max-width: 180px; }

#map .leaflet-popup-tip { width: 9px; height: 9px; }
#map .leaflet-popup-content a { display: block; position: relative; color: var(--textcolorsec-light); font-weight: 700; }
#map .leaflet-popup-content a:after { content: ""; display: inline-block; width: .7em; height: .7em; margin-left: 3px; vertical-align: baseline; background: url(//1gr.cz/u/icon/137/arrow3-right.svg) no-repeat; }
#map .leaflet-marker-icon.leaflet-interactive { background: none; border: none }


#map .towninfo { display: flex; flex-direction: column; align-items: center; text-align: center; width: 100px; margin-left: -44px; font-weight: bold; line-height: 1; color: #000; text-shadow: 1px 1px 5px rgba(255,255,255,.9); }
/*#map .townmarker { display: flex; flex-direction: column; align-items: center; text-align: center; width: 100px; margin-left: -44px; font-weight: bold; line-height: 1; color: #000; text-shadow: 2px 1px 8px rgba(255,255,255,.7); }
*/
#map .townmarker:before { content: ""; display: block; width: 12px; height: 12px; margin: auto; border-radius: 12px; background: #fff url(/u/icon/124/form-radio.svg) no-repeat center; }


/*#wrapper #map .leaflet-popup, #wrapper #map .leaflet-popup-content-wrapper {width:180px; box-sizing: border-box;}*/

.leaflet-popup.topleft, .leaflet-popup.topright,
.leaflet-popup.bottomleft, .leaflet-popup.bottomright { width: 180px; box-sizing: border-box; }

#wrapper #map .leaflet-popup-content-wrapper { width: 100%; box-sizing: border-box; }

#wrapper #map .leaflet-popup.bottomleft, #wrapper #map .leaflet-popup.bottomright { margin-bottom: 0 }
/*#wrapper #map .leaflet-popup-content-wrapper {position:relative; bottom:0 }*/
#wrapper #map .topleft .leaflet-popup-content-wrapper, #wrapper #map .topright .leaflet-popup-content-wrapper { position: relative; bottom: 0 }
#wrapper #map .bottomleft .leaflet-popup-content-wrapper, #wrapper #map .bottomright .leaflet-popup-content-wrapper { position: absolute; top: 0; }
#wrapper #map .bottomleft .leaflet-popup-tip-container, #wrapper #map .bottomright .leaflet-popup-tip-container { top: -20px; margin-top: 1px; transform: rotate(180deg); }

#wrapper #map .bottomleft .leaflet-popup-content-wrapper, #wrapper #map .topleft .leaflet-popup-content-wrapper { right: 70px }
#wrapper #map .bottomleft a.leaflet-popup-close-button, #wrapper #map .topleft a.leaflet-popup-close-button { right: 70px }

#wrapper #map .bottomright .leaflet-popup-content-wrapper, #wrapper #map .topright .leaflet-popup-content-wrapper { left: 70px }
#wrapper #map .bottomright a.leaflet-popup-close-button, #wrapper #map .topright a.leaflet-popup-close-button { right: -70px }


#map .leaflet-popup p { margin: 0 0 0.25rem; line-height: 1.2; }

#map .show-detail { color: #1B3E7A; font-weight: 700 }
#map .show-detail:after { content: ''; display: inline-block; width: 0.75em; height: 0.75em; margin-left: 0.2em; background: url(/u/icon/137/arrow2-right.svg) no-repeat 0 0; }


.r-over-map { display: none; }

.map-controls { position: absolute; bottom: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 2rem auto 1rem; padding: 0 1rem; box-sizing: border-box; z-index: 2; }


.map-timeline { position: relative; width: 100%; max-width: 750px; padding: 8px 0 }
#wrapper .map-timeline { }

.timeline-bar { position: relative; display: flex; width: 100%; height: 24px; line-height: 22px; font-size: 10px; text-transform: uppercase; cursor: pointer; box-sizing: border-box; overflow: hidden; border-radius: 40px }
.timeline-bar-radar, .timeline-bar-forecast, .timeline-bar-forecast-detailed { flex: 0 0 auto; height: 100%; box-sizing: border-box; border: solid 1px var(--bgcolorsec) }
.timeline-bar-radar { left: 0; padding: 0 30px 0 1em; text-align: right; color: var(--textcolor); background: var(--bgcolor) }
.timeline-bar-forecast-detailed { right: 0; padding: 0; text-align: left; background-image: linear-gradient(45deg, #5578b5 25%, #fff 25%, transparent 50%, #cfdcf1 50%, #cfdcf1 75%, #fff 75%, #fff ); background-size: 5px 5px; }
.timeline-bar-forecast { right: 0; padding: 0 1em 0 30px; text-align: left; color: var(--textcolor); background: var(--bgcolorsec); }
.timeline-bar span { }
.timeline-slider { position: absolute; top: 0; margin-left: 0px; }
.timeline-slider .bubble-wrap { position: absolute; bottom: 100%; left: 50%; width: 160px; margin: 0 -80px 10px; }

.timeline-slider .bubble { margin: auto; display: table; padding: 0 .5em; font-weight: 600; font-size: .75rem; color: var(--textcolor); border: 1px solid var(--bordercolor); border-radius: 3px; background-color: var(--bgcolor); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1) }
.timeline-slider .bubble:after { content: ""; position: absolute; top: 100%; left: 50%; width: 6px; height: 6px; margin: -3px; transform: rotate(45deg); border: solid var(--bordercolor); border-width: 0 1px 1px 0; background-color: var(--bgcolor); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1) }
.timeline-slider .bubble-forecast, .timeline-slider .bubble-forecast:after { /* background-color:  #cfdcf1 - ??? */ }





.ico-slider { height: 40px; width: 40px; box-sizing: border-box; cursor: pointer; border-radius: 100%; border: 1px solid var(--bordercolor); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); background: var(--bgcolor) url(//1gr.cz/u/icon/137/arrow-left-right.svg) no-repeat center; background-size: 24px }
html.dark .ico-slider { background-image: url(//1gr.cz/u/icon/fff/arrow-left-right.svg) }
.map-warning { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding-top: 4rem; box-sizing: border-box; overflow: hidden; z-index: 5; background-color: #eff3f9ee; }
.dark .map-warning { background-color: #263238ee }

.map-warning-close { position: absolute; top: 1.5rem; right: 1.5rem; cursor: pointer }
.map-warning-info { height: 100%; overflow-x: scroll; padding: 0 1rem 1rem; }
.map-warning h2 { font-family: 'Inter', sans-serif }
.map-warning-info > h2 { margin-bottom: 0.5rem; font-size: 1.625rem; font-weight: 900; }
.map-warning-info > div h2 { margin-bottom: 1rem; font-size: 1.125rem; }
.map-warning p { margin-bottom: 1rem; }

#wrapper .map-warning { padding-top: 3rem }
#wrapper .map-warning-close { top: 3rem; right: 0.5rem; }
#wrapper .map-warning h2 { margin-bottom: .5rem; font-size: 1.5rem }
#wrapper .map-warning h3 { margin-bottom: .5rem; font-size: 1rem }
#wrapper .map-warning-info { padding-right: 2rem }
#wrapper .map-warning p { font-size: .875rem }

/*informacni box v mape*/
.map-info { width: 135px; padding: 6px 8px; font: 14px/16px Arial, Helvetica, sans-serif; background: white; background: rgba(255,255,255,0.8); box-shadow: 0 0 15px rgb(0 0 0 / 20%); border-radius: 5px; }
.map-info h4 { position: relative; padding-left: 1.2em; color: #777; }
.map-info h4:before { content: ""; position: absolute; left: 0; top: 0; width: 1em; height: 1em; margin-right: .25em; vertical-align: bottom; border-radius: 100%; background: url(//1gr.cz/u/icon/68c/info.svg) no-repeat; background-size: contain }
.map-info strong { display: block; margin: .5em 0; }

#wrapper .leaflet-control.map-info { margin-top: 42px }
#wrapper .wrap-maps .leaflet-control-zoom { display: none }

.map-legend { position: absolute; top: 1.5rem; right: 1rem; z-index: 5; }
.map-legend .legend { display: block; width: 190px; padding-bottom: 45px; /*padding-bottom: 31.7%;*/ background: url('//1gr.cz/o/pocasi/legends-horizontal.png') no-repeat; background-size: 100%; }

.legend.legend-1 { background-position: 0 0 }
/*teplota */
.legend.legend-2 { background-position: 0 25% }
/*srazky mm/h*/
.legend.legend-3 { background-position: 0 50% }
/*srazky uhrn*/
.legend.legend-4 { background-position: 0 75% }
/*oblacnost*/
.legend.legend-5 { background-position: 0 100% }
/*bourka*/

.legend-vystrahy p { display: flex; align-items: center; gap: .25rem }
.legend-vystrahy [class*=dot] { width: 13px; height: 13px; border: 1px solid #CFD8DC; }

#wrapper .map-legend { /*top: 47px; right: 10px;*/ top: 60px; right: 10px; }
/*#wrapper  .meteo-top  .map-legend  {top: 55px; right: 10px;  }*/

.map-legend .ico-info { margin: 0 4px auto auto; display: block; width: 20px; cursor: pointer }
.map-legend .ico-info:before { content: ""; display: block; width: 20px; height: 20px; border-radius: 100%; background: #fff url(/u/icon/68c/info.svg); }

.map-legend .legend-in { display: none; position: relative; margin: 7px 0 auto auto; padding: .75rem; font-size: 75%; border-radius: 6px; border: 1px solid var(--bordercolor); background-color: var(--bgcolor); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); }
.map-legend .legend-in:before { content: ""; position: absolute; right: 9px; top: -5px; width: 8px; height: 8px; transform: rotate(45deg); background: var(--bgcolor); border: solid var(--bordercolor); border-width: 1px 0 0 1px; box-shadow: -2px -2px 2px 0 rgba(0,0,0,0.08); }

.legend-desc { width: 190px; }

.map-legend.open .legend-in { display: flex; flex-direction: column-reverse }
#wrapper .map-legend.open .legend-in { margin-top: 10px; }

.map-legend p { margin-bottom: .5rem; line-height: 1.15 }

.teplota-krivka { position: absolute; top: 0; left: -2%; width: calc(100% + 0px); width: 104%; height: 130px; height: calc(100% - 1.5em); color: var(--textcolorsec); font-weight: bold; font-size: 11px }

.canvas-wrap { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; }
.canvas-wrap .teplota-krivka { position: absolute; top: 0; left: -2%; width: calc(100% + 0px); width: 104%; height: 130px; height: calc(100% - 1.5em); color: var(--textcolorsec); font-weight: bold; font-size: 11px }

.meteo-astro { position: relative; width: 100%; max-width: 184px; margin: auto; margin-bottom: 1em; background: no-repeat; background-size: 100%; }
.meteo-astro .draha { position: relative; height: 0; width: 140px; padding-bottom: 38px; margin: auto; }

@media (max-width:480px) {
    #wrapper .meteo-astro { margin: 0 -1rem; padding: 0 1rem; }
    #wrapper .meteo-astro .draha { width: 100%; padding-bottom: 22%; }
}

.meteo-slunce { background-image: url(/o/pocasi/trajectory_sun.svg) }
.meteo-mesic { background-image: url(/o/pocasi/trajectory_moon.svg) }

.dark .meteo-slunce { background-image: url(/o/pocasi/trajectory_sun_dark.svg) }
.dark .meteo-mesic { background-image: url(/o/pocasi/trajectory_moon_dark.svg) }

.meteo-astro .objekt { position: absolute; left: 0; bottom: 0; width: 22px; height: 22px; font-size: 22px; margin: -11px }
.meteo-astro .objekt.invisible { opacity: .3 }
.meteo-astro svg { }

.meteo-astro .astro-time { position: relative; display: flex; justify-content: space-between; width: 100%; max-width: 140px; margin: auto; font-size: 75% }
.meteo-astro .text-inside { position: absolute; top: 14px; left: 0; width: 100%; text-align: center; font-weight: bold; font-size: 10px }

.meteo-graf { position: relative; --windboxsize: 0px; }
.meteo-graf-vitr { --windboxsize: 1rem; }

.meteo-graf ul { position: relative; display: flex; justify-content: space-evenly; gap: 2px; list-style: none; }
.meteo-graf ul:after { content: ""; position: absolute; bottom: 1rem; width: 100%; border-bottom: solid 1px var(--bordercolor) }
.meteo-graf li { --colheight: 100px; flex: 1 0 0px; display: flex; flex-direction: column-reverse; position: relative; width: 0; height: calc(var(--colheight) + 1rem); padding-bottom: 1rem; box-sizing: border-box; }
.meteo-graf .time { position: absolute; left: -8px; bottom: 0; width: 33px; font-size: 10px; text-align: center; }
.meteo-graf .time:before { content: ""; position: absolute; bottom: 100%; left: 50%; height: 4px; border-left: solid 1px var(--bordercolor) }
.meteo-graf .bar-wrap { display: flex; flex-direction: column-reverse; position: relative; height: 100%; padding-top: 2em; white-space: nowrap; border-width: 0 1px; background: var(--bgcolor); }
/*.meteo-graf .bar {--windboxsize:0px;  display: block; width: 100%; flex-shrink: 0; box-sizing: border-box; bottom: 0; background: #1B3E7A; 
                   background: linear-gradient(0deg, #678AC6 0, #1B3E7A calc(20px - var(--windboxsize)), #e41f1f calc(100px - var(--windboxsize))) }*/

.meteo-graf .bar { display: block; width: 100%; flex-shrink: 0; box-sizing: border-box; bottom: 0; background: #1B3E7A; background: linear-gradient(0deg, #678AC6 0, #1B3E7A calc(var(--colheight) / 3 - var(--windboxsize)), #e41f1f calc(var(--colheight) - var(--windboxsize) - 20px)) }



#wrapper .meteo-graf li { --colheight: 80px }
/*#wrapper .meteo-graf .bar {
                    background: linear-gradient(0deg, #678AC6 0, #1B3E7A calc(20px - var(--windboxsize)), #e41f1f calc(56px - var(--windboxsize))) }*/


.meteo-graf .wind-direction { flex: 0 0 auto; position: relative; width: 100%; height: 0; padding-bottom: 100%; z-index: 1; background: #cfdcf1; }
.meteo-graf .ico-wind-direction { position: absolute; width: 90%; height: 90%; left: 5%; top: 5%; }
.meteo-graf .ico-wind-direction:before { display: block; width: 100%; height: 100%; background-image: url(//1gr.cz/o/pocasi/ico-wind-direction-137.svg) }

.meteo-graf b { width: 11px; color: var(--textcolorsec); display: block; font-size: 11px; transform: rotate(-90deg); transform-origin: .5em .5em; /* position: absolute; */ bottom: 100%; }
#wrapper .meteo-graf b { font-size: 9px }

.meteo-graf-krivka .bar { background: none }
.meteo-graf svg { width: 100%; }



.meteo-tit { margin-top: 3rem; text-transform: uppercase; font-size: 1.25rem; letter-spacing: 2px; }
.meteo-tit + .list-art { margin: 1rem 0 0; /*border-top: 1px solid #B2B2B2 */ }
.list-art .art { border: none }

.text-forecast { margin-left: 10px; padding: 0; min-height: 10px; _height: 10px }
.text-forecast:after { display: none }

.way { max-width: 640px; margin: auto; clear: both; padding: 20px 10px 5px; /* border-top:1px solid #B2B2B2; */ /* font-size:131.25%; */ /* font-size: 100%; */ }
.way h1 { font-size: 100%; font-weight: 700; }
h1.way { width: auto; margin-right: 0; border: none }
.way a, .mapmenu-2 a, .mapmenu-3 a { text-decoration: none }
.way a:hover, .mapmenu-2 a:hover, .mapmenu-3 a:hover { text-decoration: none }
img.way-arr { width: 8px; height: 12px; margin: 0 0.1em; background: url('/o/pocasi/way-arr.png') }

#reload_maps { position: relative; margin: auto; }

.snowcamera-popup .ico-close:before, .map-warning-close:before { content: ""; display: block; width: 19px; height: 19px; cursor: pointer; background: url('//1gr.cz/u/icon/124/close-i.svg') no-repeat center; }
.snowcamera-popup .ico-close:hover:before, .map-warning-close:hover:before { background-image: url('//1gr.cz/u/icon/124/close.svg') }

.dark .snowcamera-popup .ico-close:before, .dark .map-warning-close:before { background-image: url('//1gr.cz/u/icon/fff/close-i.svg') }
.dark .snowcamera-popup .ico-close:hover:before, .dark .map-warning-close:hover:before { background-image: url('//1gr.cz/u/icon/fff/close.svg') }

/* mapy */
/*#wrap-maps { position: relative; z-index: 3; width: 648px; height: 375px; margin: 0 0 20px 10px }*/

#wrap-maps { position: relative; z-index: 10; width: 100%; max-width: 585px; height: 0; padding: 340px 0 0; margin: 0 auto 0.3em; overflow: hidden; }
#wrap-maps img { display: block; width: auto; max-width: 100%; height: auto }

#wrapper #wrap-maps { padding: 57.87% 0 0; }

/*#a-play {position: absolute;display: block;z-index: 3;bottom: 10px;left: 10px;height: auto;width: auto;padding: 5px 10px 2px 35px;cursor: pointer;color: #333;font-size: 80%;line-height: 30px;border-radius: 2px;cursor: pointer;border: solid 1px #ddd;background: url(//1gr.cz/u/n4/play.svg) no-repeat 5px center;background-size: 24px;}*/
#a-play { position: relative; flex: 0 0 auto; height: 48px; width: 48px; margin-right: .5rem; cursor: pointer; color: #333; font-size: 75%; cursor: pointer; background: url(//1gr.cz/u/n4/play.svg) no-repeat center; background-size: contain; }
#a-play.pause { background-image: url(https://1gr.cz/u/n4/pause.svg); }
#a-play:after { content: "Přehrát animaci"; display: none; position: absolute; bottom: 100%; left: 50%; width: 70px; margin: 0 -35px .5em; text-align: center; line-height: 1; color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, .5); }
#a-play.act:after { content: "Pauza"; }
#a-play:hover:after { display: block }

#wrapper #a-play { width: 40px; height: 40px }

.weatherban, a.weatherban, .weatherban:hover { display: block; margin-bottom: 1rem; padding: 1.5rem 1.5rem 1.5rem 5.25rem; color: var(--linkcolor); border-radius: 6px; text-decoration: none; background-repeat: no-repeat; background-position: 1.5rem center, left top; background-size: 3rem, auto }
.weatherban { background-color: #eff2f9; }
.dark .weatherban { background-color: #273238; }
.weatherban .maintit { display: block; font-size: 26px; font-weight: bold; line-height: 1.2; font-family: 'Fira Sans', sans-serif; }
.weatherban .subtit { display: block; font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 2.4px; }

#wrapper .weatherban, #wrapper .weatherban:hover { padding: 1rem 1rem 1rem 4.25rem; background-position: 1rem 1rem, left top; background-size: 2.5rem, auto }
#wrapper .weatherban h3 { font-size: 125% }

#wrapper .weatherban .maintit { font-size: 21px; }
#wrapper .weatherban .subtit { font-size: 9px; letter-spacing: 0.3px; }
/*opravdu...*/

.weatherban-sucho { background-image: url('//1gr.cz/o/pocasi/ico-catchbox-sucho.svg'), url('//1gr.cz/o/pocasi/bg_catchbox-sucho.jpg') }
.weatherban-reky { background-image: url('//1gr.cz/o/pocasi/ico-catchbox-reky.svg'),url('//1gr.cz/o/pocasi/bg_catchbox-reky.jpg') }
.weatherban-snih { background-image: url('//1gr.cz/o/pocasi/ico-catchbox-snih.svg'), url('//1gr.cz/o/pocasi/bg_catchbox-snih.jpg') }

.dark .weatherban-sucho { background-image: url('//1gr.cz/o/pocasi/ico-catchbox-sucho-fff.svg'), url('//1gr.cz/o/pocasi/bg_catchbox-sucho-dark.jpg') }
.dark .weatherban-reky { background-image: url('//1gr.cz/o/pocasi/ico-catchbox-reky-fff.svg'),url('//1gr.cz/o/pocasi/bg_catchbox-reky-dark.jpg') }
.dark .weatherban-snih { background-image: url('//1gr.cz/o/pocasi/ico-catchbox-snih-fff.svg'), url('//1gr.cz/o/pocasi/bg_catchbox-snih-dark.jpg') }

.alert-box { max-width: 650px; margin: 2rem auto; padding: 1.5rem 1.5rem 1.5rem 5rem; box-sizing: border-box; font-size: 87.5%; line-height: 1.2; border-radius: 6px; border: solid 1px #666; background: no-repeat 1.5rem 1.5rem; background-size: 2.5rem; }

.alert-box-sm { margin: auto; padding: .5rem .5rem .5rem 2.25rem; box-sizing: border-box; font-size: .875rem; font-size: .75rem; line-height: 1.2; border-radius: 4px; border: solid 1px #666; background: no-repeat .5rem; background-size: 1.25rem 1.25rem }

.meteomaps .alert-box-sm { display: table; margin: 0 auto }

.meteomaps .alert-box { display: table; margin: 0 auto; margin: auto; padding: .5rem .5rem .5rem 2.25rem; font-size: .75rem; border-radius: 4px; background-position: .5rem; background-size: 1.25rem 1.25rem }

.alert-box-warning { border-color: #e41f1f; background-color: #fce8e8; background-image: url(//1gr.cz/u/icon/e11/error.svg) }
.alert-box-warning a { color: #263238; }
.alert-box-sm .alert-box-warning .alert-more:after { content: ""; display: inline-block; width: .75em; height: .75em; vertical-align: middle; background: url(/u/icon/e11/arrow2-right.svg) no-repeat; background-size: contain }

.map-bottom { position: absolute; bottom: 2rem; width: 100%; z-index: 1 }
#wrapper .map-bottom { bottom: 2rem; }

#pinSizeHolder { width: 48px; height: 0 }

/*leaflet map*/
.feather-maximize, .feather-mapswitch { position: absolute; top: 80px; left: 12px; z-index: 5; cursor: pointer; border-radius: 5px; background: #000; }
.feather-mapswitch {top:115px}
#wrapper .feather-mapswitch {top:100px}
.top-map .feather-maximize { z-index: 40; }
.feather-maximize .ico-maximize { display: block; width: 30px; height: 30px; background: url(/u/icon/fff/zoom-out.svg) no-repeat; background-size: contain }
.ico-mapswitch {display: block; width: 30px; height: 30px; background:url(/o/pocasi/ico-map-topography.svg) no-repeat; background-size: contain}


#wrapper .wrap-maps .feather-maximize { /*top: 45px;*/ top: 60px; }
/*#wrapper  .meteo-top  .wrap-maps .feather-maximize  { top: 55px;  }*/

#wrapper #topmap .leaflet-control-zoom { display: none }
#wrapper .top-map .feather-maximize { top: 12px }

#topmap { width: 100%; height: 100%; }
#topmap .leaflet-top, #topmap .leaflet-bottom, #topmap .leaflet-pane { z-index: 40; }
/*leafletova hodnota 1000 prekryva portal*/

#topmap .leaflet-popup { border: 1px solid var(--bordercolor-light); border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08); }
#topmap .leaflet-popup-content-wrapper { border-radius: 4px; }
#topmap .leaflet-popup-content { max-width: 180px; }
#topmap .leaflet-popup-tip-container { }
#topmap .leaflet-popup-tip { width: 12px; height: 12px; }
#topmap a.leaflet-popup-close-button { font-weight: normal; }
#topmap .leaflet-popup-content a { display: block; position: relative; color: var(--textcolorsec-light); font-weight: 700; }
#topmap .leaflet-popup-content a:after { content: ""; display: inline-block; width: .7em; height: .7em; margin-left: 3px; vertical-align: baseline; background: url(//1gr.cz/u/icon/137/arrow3-right.svg) no-repeat; }

#topmap .leaflet-map-pane svg { /*display: none;*/ }
#topmap svg .leaflet-interactive { display: none }

#topmap .marker-cluster { background: #fff; border: solid var(--textcolorsec-light) 2px; border-radius: 100% }
#topmap .marker-cluster div { display: flex; flex-direction: column; width: calc(100% - 12px); height: calc(100% - 12px); margin: 6px; font-family: 'Fira Sans', sans-serif; font-weight: 700; color: #fff; box-sizing: border-box; border: solid var(--textcolorsec-light) 1px; background: #678AC6; border-radius: 100% }
#topmap .marker-cluster span { margin: auto; line-height: 1; }

#topmap .marker-cluster-sucho div { background: #546E7A; }
#topmap .marker-cluster-normal div { background: #678AC6; }
#topmap .marker-cluster-stupen1 div { background: #008a27 }
#topmap .marker-cluster-stupen2 div { background: #e88532 }
#topmap .marker-cluster-stupen3 div, #topmap .marker-cluster-stupen4 div { background: #e41f1f }

.top-map .leaflet-tile-pane .leaflet-layer:first-child img { filter: grayscale(1); }

#wrapper .mapbox { margin-right: 10px; }
.mapbox h4 span { margin-left: .2rem }
.mapbox label { display: inline-block; width: 6.5em }
.mapbox b { width: 100px; display: inline-block; vertical-align: top; }

h1 .maintit { display: block; margin: 0.2em 0; line-height: 1; font-size: 2.25rem; font-family: 'Fira Sans', sans-serif; }
h1 .subtit { display: block; font-size: .875rem; text-transform: uppercase; letter-spacing: 4px; font-weight: 600 }

#wrapper h1 .maintit { font-size: 1.75rem; }
#wrapper h1 .subtit { font-size: .8125rem; letter-spacing: 1px; }

.pocasi .btn { position: relative; display: inline-block; width: auto; height: auto; padding: .5rem .5rem; font-size: 87.5%; line-height: 1; color: var(--linkcolor); border-radius: 3px; border: 1px solid var(--bordercolor); background-color: var(--bgcolorsec) }


.btn-tiny { position: relative; display: inline-flex; align-items: center; padding: 2px 1em 2px 2px; font-size: 11px; font-weight: bold; color: var(--textcolorsec); border: 1px solid var(--bordercolor); border-radius: 2px; background-color: var(--bgcolorsec); }
.btn-tiny:after { content: ''; position: absolute; right: 0; width: 1em; height: 1.375em; background: url(/u/icon/137/arrow2-right.svg) no-repeat center; background-size: .7em }
.dark #wrapper .btn-tiny:after { background-image: url(/u/icon/fff/arrow2-right.svg) }
.btn-tiny:hover { text-decoration: none }


.iw-j, .iw-sj, .iw-p, .iw-pd, .iw-pb, .iw-pds,
.iw-ps, .iw-o, .iw-od, .iw-ob, .iw-ok, .iw-ods,
.iw-osp, .iw-os, .iw-sz, .iw-szd, .iw-szb, .iw-szk,
.iw-szds, .iw-szsp, .iw-szs, .iw-m, .iw-md, .iw-ms, .iw-mds,
.iw-z, .iw-zd, .iw-zb, .iw-zk, .iw-zds, .iw-zsp,
.iw-zs, .iw-, .iw-n,
.iw-nj, .iw-nsj, .iw-np, .iw-npd, .iw-npb, .iw-npds,
.iw-nps, .iw-no, .iw-nod, .iw-nob, .iw-nok, .iw-nods,
.iw-nosp, .iw-nos, .iw-nsz, .iw-nszd, .iw-nszb, .iw-nszk,
.iw-nszds, .iw-nszsp, .iw-nszs, .iw-nm, .iw-nmd, .iw-nms, .iw-nmds,
.iw-nz, .iw-nzd, .iw-nzb, .iw-nzk, .iw-nzds, .iw-nzsp,
.iw-nzs, .iw-sun { width: 1em; height: 1em; font-size: 2rem; background: no-repeat; vertical-align: middle; background-position: center; background-size: contain }


.iw- { background-image: url(/o/pocasi/iw/iw-.svg) }
.iw-j { background-image: url(/o/pocasi/iw/iw-j.svg) }
.iw-sj { background-image: url(/o/pocasi/iw/iw-sj.svg) }
.iw-p { background-image: url(/o/pocasi/iw/iw-p.svg) }
.iw-pd { background-image: url(/o/pocasi/iw/iw-pd.svg) }
.iw-pb { background-image: url(/o/pocasi/iw/iw-pb.svg) }
.iw-pds { background-image: url(/o/pocasi/iw/iw-pds.svg) }
.iw-ps { background-image: url(/o/pocasi/iw/iw-ps.svg) }
.iw-o { background-image: url(/o/pocasi/iw/iw-o.svg) }
.iw-od { background-image: url(/o/pocasi/iw/iw-od.svg) }
.iw-ob { background-image: url(/o/pocasi/iw/iw-ob.svg) }
.iw-ok { background-image: url(/o/pocasi/iw/iw-ok.svg) }
.iw-ods { background-image: url(/o/pocasi/iw/iw-ods.svg) }
.iw-osp { background-image: url(/o/pocasi/iw/iw-osp.svg) }
.iw-os { background-image: url(/o/pocasi/iw/iw-os.svg) }
.iw-sz { background-image: url(/o/pocasi/iw/iw-sz.svg) }
.iw-szd { background-image: url(/o/pocasi/iw/iw-szd.svg) }
.iw-szb { background-image: url(/o/pocasi/iw/iw-szb.svg) }
.iw-szk { background-image: url(/o/pocasi/iw/iw-szk.svg) }
.iw-szds { background-image: url(/o/pocasi/iw/iw-szds.svg) }
.iw-szsp { background-image: url(/o/pocasi/iw/iw-szsp.svg) }
.iw-szs { background-image: url(/o/pocasi/iw/iw-szs.svg) }
.iw-m { background-image: url(/o/pocasi/iw/iw-m.svg) }
.iw-md { background-image: url(/o/pocasi/iw/iw-md.svg) }
.iw-ms { background-image: url(/o/pocasi/iw/iw-ms.svg) }
.iw-mds { background-image: url(/o/pocasi/iw/iw-mds.svg) }
.iw-z { background-image: url(/o/pocasi/iw/iw-z.svg) }
.iw-zd { background-image: url(/o/pocasi/iw/iw-zd.svg) }
.iw-zb { background-image: url(/o/pocasi/iw/iw-zb.svg) }
.iw-zk { background-image: url(/o/pocasi/iw/iw-zk.svg) }
.iw-zds { background-image: url(/o/pocasi/iw/iw-zds.svg) }
.iw-zsp { background-image: url(/o/pocasi/iw/iw-zsp.svg) }
.iw-zs { background-image: url(/o/pocasi/iw/iw-zs.svg) }

.iw-n { background-image: url(/o/pocasi/iw/iw-n.svg) }
.iw-nj { background-image: url(/o/pocasi/iw/iw-nj.svg) }
.iw-nsj { background-image: url(/o/pocasi/iw/iw-nsj.svg) }
.iw-np { background-image: url(/o/pocasi/iw/iw-np.svg) }
.iw-npd { background-image: url(/o/pocasi/iw/iw-npd.svg) }
.iw-npb { background-image: url(/o/pocasi/iw/iw-npb.svg) }
.iw-npds { background-image: url(/o/pocasi/iw/iw-npds.svg) }
.iw-nps { background-image: url(/o/pocasi/iw/iw-nps.svg) }
.iw-no { background-image: url(/o/pocasi/iw/iw-no.svg) }
.iw-nod { background-image: url(/o/pocasi/iw/iw-nod.svg) }
.iw-nob { background-image: url(/o/pocasi/iw/iw-nob.svg) }
.iw-nok { background-image: url(/o/pocasi/iw/iw-nok.svg) }
.iw-nods { background-image: url(/o/pocasi/iw/iw-nods.svg) }
.iw-nosp { background-image: url(/o/pocasi/iw/iw-nosp.svg) }
.iw-nos { background-image: url(/o/pocasi/iw/iw-nos.svg) }
.iw-nsz { background-image: url(/o/pocasi/iw/iw-nsz.svg) }
.iw-nszd { background-image: url(/o/pocasi/iw/iw-nszd.svg) }
.iw-nszb { background-image: url(/o/pocasi/iw/iw-nszb.svg) }
.iw-nszk { background-image: url(/o/pocasi/iw/iw-nszk.svg) }
.iw-nszds { background-image: url(/o/pocasi/iw/iw-nszds.svg) }
.iw-nszsp { background-image: url(/o/pocasi/iw/iw-nszsp.svg) }
.iw-nszs { background-image: url(/o/pocasi/iw/iw-nszs.svg) }
.iw-nm { background-image: url(/o/pocasi/iw/iw-nm.svg) }
.iw-nmd { background-image: url(/o/pocasi/iw/iw-nmd.svg) }
.iw-nms { background-image: url(/o/pocasi/iw/iw-nms.svg) }
.iw-nmds { background-image: url(/o/pocasi/iw/iw-nmds.svg) }
.iw-nz { background-image: url(/o/pocasi/iw/iw-nz.svg) }
.iw-nzd { background-image: url(/o/pocasi/iw/iw-nzd.svg) }
.iw-nzb { background-image: url(/o/pocasi/iw/iw-nzb.svg) }
.iw-nzk { background-image: url(/o/pocasi/iw/iw-nzk.svg) }
.iw-nzds { background-image: url(/o/pocasi/iw/iw-nzds.svg) }
.iw-nzsp { background-image: url(/o/pocasi/iw/iw-nzsp.svg) }
.iw-nzs { background-image: url(/o/pocasi/iw/iw-nzs.svg) }


/*opener background*/


.obg- { background-image: url(//1gr.cz/o/pocasi/opener/132_opener_image-nezjisteno-desktop.jpg) }
.obg-j { background-image: url(//1gr.cz/o/pocasi/opener/101_opener_image-jasno-desktop.jpg) }
.obg-sj { background-image: url(//1gr.cz/o/pocasi/opener/102_opener_image-skoro-jasno-desktop.jpg) }
.obg-p { background-image: url(//1gr.cz/o/pocasi/opener/103_opener_image-polojasno-desktop.jpg) }
.obg-pd { background-image: url(//1gr.cz/o/pocasi/opener/104_opener_image-polojasno-dest-desktop.jpg) }
.obg-pb { background-image: url(//1gr.cz/o/pocasi/opener/105_opener_image-polojasno-bourky-desktop.jpg) }
.obg-pds { background-image: url(//1gr.cz/o/pocasi/opener/106_opener_image-polojasno-dest-se-snehem-desktop.jpg) }
.obg-ps { background-image: url(//1gr.cz/o/pocasi/opener/107_opener_image-polojasno-snezeni-desktop.jpg) }
.obg-o { background-image: url(//1gr.cz/o/pocasi/opener/108_opener_image-oblacno-desktop.jpg) }
.obg-od { background-image: url(//1gr.cz/o/pocasi/opener/109_opener_image-oblacno-dest-desktop.jpg) }
.obg-ob { background-image: url(//1gr.cz/o/pocasi/opener/110_opener_image-oblacno-bourky-desktop.jpg) }
.obg-ok { background-image: url(//1gr.cz/o/pocasi/opener/111_opener_image-oblacno-kroupy-desktop.jpg) }
.obg-ods { background-image: url(//1gr.cz/o/pocasi/opener/112_opener_image-oblacno-dest-se-snehem-desktop.jpg) }
.obg-osp { background-image: url(//1gr.cz/o/pocasi/opener/113_opener_image-oblacno-snehove-prehanky-desktop.jpg) }
.obg-os { background-image: url(//1gr.cz/o/pocasi/opener/114_opener_image-oblacno-snezeni-desktop.jpg) }
.obg-sz { background-image: url(//1gr.cz/o/pocasi/opener/115_opener_image-skoro-zatazeno-desktop.jpg) }
.obg-szd { background-image: url(//1gr.cz/o/pocasi/opener/116_opener_image-skoro-zatazeno-dest-desktop.jpg) }
.obg-szb { background-image: url(//1gr.cz/o/pocasi/opener/117_opener_image-skoro-zatazeno-bourky-desktop.jpg) }
.obg-szk { background-image: url(//1gr.cz/o/pocasi/opener/118_opener_image-skoro-zatazeno-kroupy-desktop.jpg) }
.obg-szds { background-image: url(//1gr.cz/o/pocasi/opener/119_opener_image-skoro-zatazeno-dest-se-snehem-desktop.jpg) }
.obg-szsp { background-image: url(//1gr.cz/o/pocasi/opener/120_opener_image-skoro-zatazeno-snehove-prehanky-desktop.jpg) }
.obg-szs { background-image: url(//1gr.cz/o/pocasi/opener/121_opener_image-skoro-zatazeno-snezeni-desktop.jpg) }
.obg-m { background-image: url(//1gr.cz/o/pocasi/opener/122_opener_image-mlha-desktop.jpg) }
.obg-md { background-image: url(//1gr.cz/o/pocasi/opener/123_opener_image-mlha-dest-desktop.jpg) }
.obg-ms, .obg-mds { background-image: url(//1gr.cz/o/pocasi/opener/124_opener_image-mlha-snezeni-desktop.jpg) }
.obg-z { background-image: url(//1gr.cz/o/pocasi/opener/125_opener_image-zatazeno-desktop.jpg) }
.obg-zd { background-image: url(//1gr.cz/o/pocasi/opener/126_opener_image-zatazeno-dest-desktop.jpg) }
.obg-zb { background-image: url(//1gr.cz/o/pocasi/opener/127_opener_image-zatazeno-bourky-desktop.jpg) }
.obg-zk { background-image: url(//1gr.cz/o/pocasi/opener/128_opener_image-zatazeno-kroupy-desktop.jpg) }
.obg-zds { background-image: url(//1gr.cz/o/pocasi/opener/129_opener_image-zatazeno-dest-se-snehem-desktop.jpg) }
.obg-zsp { background-image: url(//1gr.cz/o/pocasi/opener/130_opener_image-zatazeno-snehove-prehanky-desktop.jpg) }
.obg-zs { background-image: url(//1gr.cz/o/pocasi/opener/131_opener_image-zatazeno-snezeni-desktop.jpg) }


.obg-n { background-image: url(//1gr.cz/o/pocasi/opener/232_opener_image-nezjisteno-noc-desktop.jpg) }
.obg-nj { background-image: url(//1gr.cz/o/pocasi/opener/201_opener_image-jasno-noc-desktop.jpg) }
.obg-nsj { background-image: url(//1gr.cz/o/pocasi/opener/202_opener_image-skoro-jasno-noc-desktop.jpg) }
.obg-np { background-image: url(//1gr.cz/o/pocasi/opener/203_opener_image-polojasno-noc-desktop.jpg) }
.obg-npd { background-image: url(//1gr.cz/o/pocasi/opener/204_opener_image-polojasno-dest-noc-desktop.jpg) }
.obg-npb { background-image: url(//1gr.cz/o/pocasi/opener/205_opener_image-polojasno-bourky-noc-desktop.jpg) }
.obg-npds { background-image: url(//1gr.cz/o/pocasi/opener/206_opener_image-polojasno-dest-se-snehem-noc-desktop.jpg) }
.obg-nps { background-image: url(//1gr.cz/o/pocasi/opener/207_opener_image-polojasno-snezeni-noc-desktop.jpg) }
.obg-no { background-image: url(//1gr.cz/o/pocasi/opener/208_opener_image-oblacno-noc-desktop.jpg) }
.obg-nod { background-image: url(//1gr.cz/o/pocasi/opener/209_opener_image-oblacno-dest-noc-desktop.jpg) }
.obg-nob { background-image: url(//1gr.cz/o/pocasi/opener/210_opener_image-oblacno-bourky-noc-desktop.jpg) }
.obg-nok { background-image: url(//1gr.cz/o/pocasi/opener/211_opener_image-oblacno-kroupy-noc-desktop.jpg) }
.obg-nods { background-image: url(//1gr.cz/o/pocasi/opener/212_opener_image-oblacno-dest-se-snehem-noc-desktop.jpg) }
.obg-nosp { background-image: url(//1gr.cz/o/pocasi/opener/213_opener_image-oblacno-snehove-prehanky-noc-desktop.jpg) }
.obg-nos { background-image: url(//1gr.cz/o/pocasi/opener/214_opener_image-oblacno-snezeni-noc-desktop.jpg) }
.obg-nsz { background-image: url(//1gr.cz/o/pocasi/opener/215_opener_image-skoro-zatazeno-noc-desktop.jpg) }
.obg-nszd { background-image: url(//1gr.cz/o/pocasi/opener/216_opener_image-skoro-zatazeno-dest-noc-desktop.jpg) }
.obg-nszb { background-image: url(//1gr.cz/o/pocasi/opener/217_opener_image-skoro-zatazeno-bourky-noc-desktop.jpg) }
.obg-nszk { background-image: url(//1gr.cz/o/pocasi/opener/218_opener_image-skoro-zatazeno-kroupy-noc-desktop.jpg) }
.obg-nszds { background-image: url(//1gr.cz/o/pocasi/opener/219_opener_image-skoro-zatazeno-dest-se-snehem-noc-desktop.jpg) }
.obg-nszsp { background-image: url(//1gr.cz/o/pocasi/opener/220_opener_image-skoro-zatazeno-snehove-prehanky-noc-desktop.jpg) }
.obg-nszs { background-image: url(//1gr.cz/o/pocasi/opener/221_opener_image-skoro-zatazeno-snezeni-noc-desktop.jpg) }
.obg-nm { background-image: url(//1gr.cz/o/pocasi/opener/222_opener_image-mlha-noc-desktop.jpg) }
.obg-nmd { background-image: url(//1gr.cz/o/pocasi/opener/223_opener_image-mlha-dest-noc-desktop.jpg) }
.obg-nms, .obg-nmds { background-image: url(//1gr.cz/o/pocasi/opener/224_opener_image-mlha-snezeni-noc-desktop.jpg) }
.obg-nz { background-image: url(//1gr.cz/o/pocasi/opener/225_opener_image-zatazeno-noc-desktop.jpg) }
.obg-nzd { background-image: url(//1gr.cz/o/pocasi/opener/226_opener_image-zatazeno-dest-noc-desktop.jpg) }
.obg-nzb { background-image: url(//1gr.cz/o/pocasi/opener/227_opener_image-zatazeno-bourky-noc-desktop.jpg) }
.obg-nzk { background-image: url(//1gr.cz/o/pocasi/opener/228_opener_image-zatazeno-kroupy-noc-desktop.jpg) }
.obg-nzds { background-image: url(//1gr.cz/o/pocasi/opener/229_opener_image-zatazeno-dest-se-snehem-noc-desktop.jpg) }
.obg-nzsp { background-image: url(//1gr.cz/o/pocasi/opener/230_opener_image-zatazeno-snehove-prehanky-noc-desktop.jpg) }
.obg-nzs { background-image: url(//1gr.cz/o/pocasi/opener/231_opener_image-zatazeno-snezeni-noc-desktop.jpg) }





#wrapper .obg- { background-image: url(//1gr.cz/o/pocasi/opener/332_opener_image-nezjisteno-touch.jpg) }
#wrapper .obg-j { background-image: url(//1gr.cz/o/pocasi/opener/301_opener_image-jasno-touch.jpg) }
#wrapper .obg-sj { background-image: url(//1gr.cz/o/pocasi/opener/302_opener_image-skoro-jasno-touch.jpg) }
#wrapper .obg-p { background-image: url(//1gr.cz/o/pocasi/opener/303_opener_image-polojasno-touch.jpg) }
#wrapper .obg-pd { background-image: url(//1gr.cz/o/pocasi/opener/304_opener_image-polojasno-dest-touch.jpg) }
#wrapper .obg-pb { background-image: url(//1gr.cz/o/pocasi/opener/305_opener_image-polojasno-bourky-touch.jpg) }
#wrapper .obg-pds { background-image: url(//1gr.cz/o/pocasi/opener/306_opener_image-polojasno-dest-se-snehem-touch.jpg) }
#wrapper .obg-ps { background-image: url(//1gr.cz/o/pocasi/opener/307_opener_image-polojasno-snezeni-touch.jpg) }
#wrapper .obg-o { background-image: url(//1gr.cz/o/pocasi/opener/308_opener_image-oblacno-touch.jpg) }
#wrapper .obg-od { background-image: url(//1gr.cz/o/pocasi/opener/309_opener_image-oblacno-dest-touch.jpg) }
#wrapper .obg-ob { background-image: url(//1gr.cz/o/pocasi/opener/310_opener_image-oblacno-bourky-touch.jpg) }
#wrapper .obg-ok { background-image: url(//1gr.cz/o/pocasi/opener/311_opener_image-oblacno-kroupy-touch.jpg) }
#wrapper .obg-ods { background-image: url(//1gr.cz/o/pocasi/opener/312_opener_image-oblacno-dest-se-snehem-touch.jpg) }
#wrapper .obg-osp { background-image: url(//1gr.cz/o/pocasi/opener/313_opener_image-oblacno-snehove-prehanky-touch.jpg) }
#wrapper .obg-os { background-image: url(//1gr.cz/o/pocasi/opener/314_opener_image-oblacno-snezeni-touch.jpg) }
#wrapper .obg-sz { background-image: url(//1gr.cz/o/pocasi/opener/315_opener_image-skoro-zatazeno-touch.jpg) }
#wrapper .obg-szd { background-image: url(//1gr.cz/o/pocasi/opener/316_opener_image-skoro-zatazeno-dest-touch.jpg) }
#wrapper .obg-szb { background-image: url(//1gr.cz/o/pocasi/opener/317_opener_image-skoro-zatazeno-bourky-touch.jpg) }
#wrapper .obg-szk { background-image: url(//1gr.cz/o/pocasi/opener/318_opener_image-skoro-zatazeno-kroupy-touch.jpg) }
#wrapper .obg-szds { background-image: url(//1gr.cz/o/pocasi/opener/319_opener_image-skoro-zatazeno-dest-se-snehem-touch.jpg) }
#wrapper .obg-szsp { background-image: url(//1gr.cz/o/pocasi/opener/320_opener_image-skoro-zatazeno-snehove-prehanky-touch.jpg) }
#wrapper .obg-szs { background-image: url(//1gr.cz/o/pocasi/opener/321_opener_image-skoro-zatazeno-snezeni-touch.jpg) }
#wrapper .obg-m { background-image: url(//1gr.cz/o/pocasi/opener/322_opener_image-mlha-touch.jpg) }
#wrapper .obg-md { background-image: url(//1gr.cz/o/pocasi/opener/323_opener_image-mlha-dest-touch.jpg) }
#wrapper .obg-ms, #wrapper .obg-mds { background-image: url(//1gr.cz/o/pocasi/opener/324_opener_image-mlha-snezeni-touch.jpg) }
#wrapper .obg-z { background-image: url(//1gr.cz/o/pocasi/opener/325_opener_image-zatazeno-touch.jpg) }
#wrapper .obg-zd { background-image: url(//1gr.cz/o/pocasi/opener/326_opener_image-zatazeno-dest-touch.jpg) }
#wrapper .obg-zb { background-image: url(//1gr.cz/o/pocasi/opener/327_opener_image-zatazeno-bourky-touch.jpg) }
#wrapper .obg-zk { background-image: url(//1gr.cz/o/pocasi/opener/328_opener_image-zatazeno-kroupy-touch.jpg) }
#wrapper .obg-zds { background-image: url(//1gr.cz/o/pocasi/opener/329_opener_image-zatazeno-dest-se-snehem-touch.jpg) }
#wrapper .obg-zsp { background-image: url(//1gr.cz/o/pocasi/opener/330_opener_image-zatazeno-snehove-prehanky-touch.jpg) }
#wrapper .obg-zs { background-image: url(//1gr.cz/o/pocasi/opener/331_opener_image-zatazeno-snezeni-touch.jpg) }


#wrapper .obg-n { background-image: url(//1gr.cz/o/pocasi/opener/432_opener_image-nezjisteno-noc-touch.jpg) }
#wrapper .obg-nj { background-image: url(//1gr.cz/o/pocasi/opener/401_opener_image-jasno-noc-touch.jpg) }
#wrapper .obg-nsj { background-image: url(//1gr.cz/o/pocasi/opener/402_opener_image-skoro-jasno-noc-touch.jpg) }
#wrapper .obg-np { background-image: url(//1gr.cz/o/pocasi/opener/403_opener_image-polojasno-noc-touch.jpg) }
#wrapper .obg-npd { background-image: url(//1gr.cz/o/pocasi/opener/404_opener_image-polojasno-dest-noc-touch.jpg) }
#wrapper .obg-npb { background-image: url(//1gr.cz/o/pocasi/opener/405_opener_image-polojasno-bourky-noc-touch.jpg) }
#wrapper .obg-npds { background-image: url(//1gr.cz/o/pocasi/opener/406_opener_image-polojasno-dest-se-snehem-noc-touch.jpg) }
#wrapper .obg-nps { background-image: url(//1gr.cz/o/pocasi/opener/407_opener_image-polojasno-snezeni-noc-touch.jpg) }
#wrapper .obg-no { background-image: url(//1gr.cz/o/pocasi/opener/408_opener_image-oblacno-noc-touch.jpg) }
#wrapper .obg-nod { background-image: url(//1gr.cz/o/pocasi/opener/409_opener_image-oblacno-dest-noc-touch.jpg) }
#wrapper .obg-nob { background-image: url(//1gr.cz/o/pocasi/opener/410_opener_image-oblacno-bourky-noc-touch.jpg) }
#wrapper .obg-nok { background-image: url(//1gr.cz/o/pocasi/opener/411_opener_image-oblacno-kroupy-noc-touch.jpg) }
#wrapper .obg-nods { background-image: url(//1gr.cz/o/pocasi/opener/412_opener_image-oblacno-dest-se-snehem-noc-touch.jpg) }
#wrapper .obg-nosp { background-image: url(//1gr.cz/o/pocasi/opener/413_opener_image-oblacno-snehove-prehanky-noc-touch.jpg) }
#wrapper .obg-nos { background-image: url(//1gr.cz/o/pocasi/opener/414_opener_image-oblacno-snezeni-noc-touch.jpg) }
#wrapper .obg-nsz { background-image: url(//1gr.cz/o/pocasi/opener/415_opener_image-skoro-zatazeno-noc-touch.jpg) }
#wrapper .obg-nszd { background-image: url(//1gr.cz/o/pocasi/opener/416_opener_image-skoro-zatazeno-dest-noc-touch.jpg) }
#wrapper .obg-nszb { background-image: url(//1gr.cz/o/pocasi/opener/417_opener_image-skoro-zatazeno-bourky-noc-touch.jpg) }
#wrapper .obg-nszk { background-image: url(//1gr.cz/o/pocasi/opener/418_opener_image-skoro-zatazeno-kroupy-noc-touch.jpg) }
#wrapper .obg-nszds { background-image: url(//1gr.cz/o/pocasi/opener/419_opener_image-skoro-zatazeno-dest-se-snehem-noc-touch.jpg) }
#wrapper .obg-nszsp { background-image: url(//1gr.cz/o/pocasi/opener/420_opener_image-skoro-zatazeno-snehove-prehanky-noc-touch.jpg) }
#wrapper .obg-nszs { background-image: url(//1gr.cz/o/pocasi/opener/421_opener_image-skoro-zatazeno-snezeni-noc-touch.jpg) }
#wrapper .obg-nm { background-image: url(//1gr.cz/o/pocasi/opener/422_opener_image-mlha-noc-touch.jpg) }
#wrapper .obg-nmd { background-image: url(//1gr.cz/o/pocasi/opener/423_opener_image-mlha-dest-noc-touch.jpg) }
#wrapper .obg-nms, #wrapper .obg-nmds { background-image: url(//1gr.cz/o/pocasi/opener/424_opener_image-mlha-snezeni-noc-touch.jpg) }
#wrapper .obg-nz { background-image: url(//1gr.cz/o/pocasi/opener/425_opener_image-zatazeno-noc-touch.jpg) }
#wrapper .obg-nzd { background-image: url(//1gr.cz/o/pocasi/opener/426_opener_image-zatazeno-dest-noc-touch.jpg) }
#wrapper .obg-nzb { background-image: url(//1gr.cz/o/pocasi/opener/427_opener_image-zatazeno-bourky-noc-touch.jpg) }
#wrapper .obg-nzk { background-image: url(//1gr.cz/o/pocasi/opener/428_opener_image-zatazeno-kroupy-noc-touch.jpg) }
#wrapper .obg-nzds { background-image: url(//1gr.cz/o/pocasi/opener/429_opener_image-zatazeno-dest-se-snehem-noc-touch.jpg) }
#wrapper .obg-nzsp { background-image: url(//1gr.cz/o/pocasi/opener/430_opener_image-zatazeno-snehove-prehanky-noc-touch.jpg) }
#wrapper .obg-nzs { background-image: url(//1gr.cz/o/pocasi/opener/431_opener_image-zatazeno-snezeni-noc-touch.jpg) }



/* tabulka */
.table-style-1 table { width: 100%; font-size: 87.5%; border-collapse: collapse }
#wrapper .table-style-1 table { font-size: 81.25%; line-height: 1.2; }
.table-style-1 th { background: var(--bgcolorsec) }
.table-style-1 th:first-child { border-top-left-radius: 6px }
.table-style-1 th:last-child { border-top-right-radius: 6px }
.table-style-1 th { padding: .5rem; font-size: 10px; vertical-align: bottom; }
.table-style-1 td { position: relative; padding: .75rem .5rem; /*vertical-align: middle;*/ vertical-align: top }
.table-style-1 td:not(.group-tit) { border-bottom: 1px solid var(--bgcolorsec); }
/*.table-style-1 td.datetime { padding-top: 0; padding-bottom: 0; text-align: center; line-height: 1.6; font-size: .75rem; }*/

.table-style-1 th.datetime, .table-style-1 td.datetime { width: 100px; }

.table-style-1 td b { color: var(--linkcolor); font-weight: bold }
.table-style-1 td a.b { display: block; margin: -0.75rem 0; padding: 0.75rem 0; }

#wrapper .table-style-1 th { padding: .5rem .25rem }
#wrapper .table-style-1 td { padding: .5rem .25rem; }
#wrapper .table-style-1 td a.b { margin: -0.5rem 0; padding: 0.5rem 0; }

.table-style-1 .group-tit { padding: 0 }
.table-style-1 h2 { margin: 2rem 0 1rem; text-transform: uppercase; font-size: 1.25rem; line-height: 1.2; letter-spacing: 2px }
#wrapper .table-style-1 h2 { font-size: 1.125rem; letter-spacing: 1px }

.table-style-1 .legend { margin: 1em 0; font-size: 75%; color: #546e7a }
.table-style-1 .star { color: var(--textcolor-light); }
.table-style-1
/* tabulka jednoducha*/
.table-simple { border-top: solid 1px var(--bgcolorsec) }
.table-simple td, .table-simple th { padding: .75rem 0 .75rem .5rem; font-size: 87.5%; border-bottom: solid 1px var(--bgcolorsec) }
.table-simple td:first-child, .table-simple th:first-child { padding-left: 0; }
.table-simple th { font-size: 75%; font-weight: bold }

#wrapper .table-simple td, #wrapper .table-simple th { padding: .5rem 0 .5rem .5rem; }

.dot-blue, .dot-yellow, .dot-orange,
.dot-red, .dot-green { display: inline-block; width: 10px; height: 10px; border-radius: 100% }
.dot-blue { background: #1B3E7A; }
.dot-yellow { background: #ffc107 }
.dot-orange { background: #e88532 }
.dot-red { background: #e41f1f }
.dot-green { background: #008a27 }
.dotnote { position: absolute; bottom: 0; left: 0; right: 0; white-space: nowrap; font-size: 10px; text-align: center; }

.dot-sucho, .dot-normal, .dot-stupen1,
.dot-stupen2, .dot-stupen3, .dot-stupen4 { display: inline-block; width: 10px; height: 10px; border-radius: 100% }

/*seda*/
.dot-sucho { background: #546E7A; /* background: #37474f*/ }
/*modra*/
.dot-normal { background: #678AC6; }
/*zelena*/
.dot-stupen1 { background: #008a27 }
/*zluta*/
/*.dot-stupen2 { background: #ffc107 }*/
/*oranzova*/
.dot-stupen2 { background: #e88532 }
/*.dot-stupen3 { background: #e88532 }*/
/*cervena; slucujeme stupen 3 a 4*/
.dot-stupen3, .dot-stupen4 { background: #e41f1f }

.kotvy { display: flex; flex-wrap: wrap; gap: 0.25rem; margin-top: 1.5rem }
#wrapper .kotvy { margin-top: 1rem }
.kotvy .target-link { display: inline-block; padding: .25rem .5rem; color: var(--linkcolor); font-size: .875rem; border: 1px solid var(--bordercolor); border-radius: 3px; background: var(--bgcolorsec); }

.filter { display: flex; margin-top: 1.5rem; align-items: flex-start; }
#wrapper .filter { margin-top: 1rem }
.filter h4 { display: flex; align-items: center; min-height: 2.25em; margin-right: .75rem; font-size: .875rem; font-weight: 800 }
.filter ul { display: flex; gap: .25rem; flex-wrap: wrap; list-style: none }
.filter li { flex: 0 0 auto }
.filter li a { display: inline-flex; justify-content: center; align-items: center; gap: 0.25em; min-height: 2.5em; padding: 0.25em 0.5em; font-size: .75rem; line-height: 1.25; text-decoration: none; box-sizing: border-box; border: 1px solid var(--bordercolor); border-radius: 2rem; }
.filter li a:hover, .filter li a.act:hover { background: var(--bgcolorsec) }
.filter li a.act { background: var(--bordercolor) }

.filter li a.disabled, .filter li a.disabled:hover { cursor: default; opacity: .5; background: none }

.filter li a:before { content: ''; flex: 0 0 auto; display: block; width: 1.25em; height: 1.25em; margin: 0; padding: 0; border: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }
.filter-sucho:before { background-image: url(/o/pocasi/ico-form-radio-567.svg) }
.filter-blue:before, .filter-normal:before { background-image: url(/o/pocasi/ico-form-radio-68c.svg) }
.filter-green:before, .filter-stupen1:before, .filter-jede:before { background-image: url(/o/pocasi/ico-form-radio-082.svg) }
.filter-yellow:before { background-image: url(/o/pocasi/ico-form-radio-fc0.svg) }
.filter-orange:before, .filter-stupen2:before { background-image: url(/o/pocasi/ico-form-radio-e83.svg) }
.filter-red:before, .filter-stupen3:before, .filter-stupen4:before, .filter-nejede:before { background-image: url(/o/pocasi/ico-form-radio-e11.svg) }

.filter-gray.act:before, .filter-sucho.act:before { background-image: url(/o/pocasi/ico-unfinished-delete-567.svg) }
.filter-blue.act:before, .filter-normal.act:before { background-image: url(/o/pocasi/ico-unfinished-delete-68c.svg) }
.filter-green.act:before, .filter-stupen1.act:before, .filter-jede.act:before { background-image: url(/o/pocasi/ico-unfinished-delete-082.svg) }
.filter-yellow.act:before, .filter-stupen2.act:before { background-image: url(/o/pocasi/ico-unfinished-delete-fc0.svg) }
.filter-orange.act:before { background-image: url(/o/pocasi/ico-unfinished-delete-e83.svg) }
.filter-red.act:before, .filter-stupen3.act:before, .filter-stupen4.act:before, .filter-nejede.act:before { background-image: url(/o/pocasi/ico-unfinished-delete-e11.svg) }



.detail-tit-wrap { margin-bottom: 2rem; }
#wrapper .detail-tit-wrap { margin-bottom: 1rem; }
.detail-tit-wrap h1, .detail-tit-wrap h1 * { display: inline }
.detail-tit-wrap * { vertical-align: top; }
.detail-tit-wrap .btn { margin-left: 0.5rem; }
#wrapper .detail-tit-wrap .btn { padding: .35rem .5rem }

.detail-text:before { content: ""; display: block; clear: both; }
.detail-text h3 { margin-bottom: 1rem; text-transform: uppercase; font-size: 1.25rem; letter-spacing: 2px }
.detail-text p { margin-bottom: 1rem }

/* detail reky */
.reky-aktualne { float: left; width: 48%; margin-bottom: 2rem; box-sizing: border-box; border-top: solid 1px var(--bgcolorsec) }
.reky-aktualne table { width: 100% }

.reky-legenda { float: right; width: 48%; margin-bottom: 2rem; padding: 0.75rem 1.5rem 1.5rem 1.5rem; box-sizing: border-box; border-radius: 6px; border: solid var(--bgcolorsec); border-width: 6px 1px }
.reky-legenda:after { content: ""; display: block; }

.reky-legenda table { width: 100% }

.reky-aktualne table { width: 100% }
.reky-legenda span[class*="dot"] { margin-right: .2rem }


#wrapper .reky-aktualne, #wrapper .reky-legenda { float: none; width: 100% }

.reky-prutoky { margin-bottom: 2rem }
.reky-prutoky td { width: 60px }
.reky-prutoky td:first-child, #wrapper .reky-prutoky td { width: auto }

.reky-graf { margin-bottom: 1rem; }


.snih-aktualne { float: left; width: 36%; margin-bottom: 3rem }
.snih-aktualne table { width: 100% }

.snowimages { position: relative; float: right; width: 59%; margin-bottom: 3rem; display: flex; flex-wrap: wrap; justify-content: space-between; }
.snowimages-image { width: 100% }
.snowimages-image img { width: 100%; height: auto; }
.snowimages-date { font-size: .875rem; font-weight: 700; }

#wrapper .snih-aktualne, #wrapper .snowimages { float: none; width: 100% }

.snowimages-kolotoc { display: grid; grid-template-columns: 1fr auto; align-items: center; }
.snowimages-kolotoc .kolotoc-nav { grid-column: 2; grid-row: 2 }
.snowimages-kolotoc .kolotoc-in { grid-column: 1/3; grid-row: 1 }
.snowimages-kolotoc .snowimages-date { grid-column: 1; grid-row: 2 }

.snowimages-kolotoc .kolotoc-in { overflow: hidden; position: relative }
.snowimages-kolotoc ul { clear: both; width: 10000% !important; min-height: 1em; margin: 0; padding: 0; list-style: none; overflow: hidden }
.snowimages-kolotoc li { float: left; margin: 0; padding: 0; background: none }
.snowimages a.mark-video { display: block; width: auto; margin: 0 }

.snowimages-kolotoc .kolotoc-nav { display: flex; justify-content: center; gap: 1px; margin-top: 2px }
.snowimages-kolotoc .kolotoc-nav > * { display: inline-block; vertical-align: top; font-weight: 700; line-height: 2em; /*border:1px solid var(--bordercolor);*/ color: var(--textcolor); background: var(--bgcolorsec) no-repeat 50% 50% / 1em 1em }
.snowimages-kolotoc .nav-a { width: 2em; overflow: hidden; text-indent: -99em; background-image: url('/u/icon/124/arrow2-right.svg'); transition: .4s }
.dark .snowimages-kolotoc .nav-a { background-image: url('/u/icon/cdf/arrow2-right.svg'); }
.snowimages-kolotoc .icon-prev:hover, .snowimages-kolotoc .icon-next:hover { border-color: var(--bordercolorsec); background-color: var(--bgcolor); text-decoration: inherit }
.snowimages-kolotoc .icon-prev { transform: rotate(-180deg) }
.snowimages-kolotoc .icon-next { order: 1 }
.snowimages-kolotoc .kolotoc-cislotoc { min-width: 3em; padding: 0 .3em; text-align: center }

.snowimages-kolotoc .kolotoc-nav { order: 1; align-self: end; }
.snowimages-kolotoc ul { margin: 0; }
.snowimages-kolotoc li { width: 1%; }
.snowimages-kolotoc img { display: block; width: 100%; height: auto }


/*.snowcamera-popup {display:none; position:absolute; width:560px; height:380px; z-index:100; overflow:hidden; box-shadow:2px 2px 10px rgba(0,0,0,.5); background:var(--bgcolor); }*/
.snowcamera-popup.open { display: block; }
.snowcamera-popup { display: none; position: fixed; width: 1000px; max-height: calc(100vh - 50px); left: 50%; top: 50px; margin-left: -500px; z-index: 100; overflow: hidden; box-shadow: 2px 2px 10px rgba(0,0,0,.5); background: var(--bgcolor); }


.snowcamera-popup .ico-close { display: table; margin: 10px 10px 0 auto }

/*.snowcamera-popup-iframe {position:absolute; width:560px; height:380px; top:0; right:0; }*/
.snowcamera-popup-image { height: 700px; }
.snowcamera-popup-iframe { height: 640px }

.snowcamera-popup iframe { width: 560px; height: 340px; border: 0; transform: scale(1.79); transform-origin: top left; /*width:100%; height:calc(100% - 40px); border:0*/ }
.snowcamera-popup img { width: auto; max-width: 100%; height: auto; max-width: 100% }

#wrapper .snowcamera-popup { position: absolute; width: 540px; height: 380px; left: 0; right: auto; top: 0; margin: 0 }
#wrapper .snowcamera-popup-iframe { width: 540px; height: 380px; }
#wrapper .snowcamera-popup iframe { transform: scale(1) }
#wrapper .snowcamera-popup-image { width: 100vw; height: 69vw; }


@media(max-width:540px) {
    #wrapper .snowcamera-popup-iframe { transform: scale(.83); transform-origin: top left; }
}

@media(max-width:450px) {
    #wrapper .snowcamera-popup-iframe { transform: scale(.6); }
}

.detail-text { line-height: 1.625 }
.detail-text p { margin-bottom: 1rem }

/*cast (temer) netknuta a neznama*/

/* varovani - chybejici data */
#error-data { z-index: 51 }
#error-data .arts-1 { position: absolute; top: 106px; right: 134px; z-index: 1; width: 380px; padding: 11px 0 0; background: url('/o/pocasi/warn2-bg.png') no-repeat; font-size: 87.5% }
#error-data .arts-1 .bg1 { padding: 0 0 11px; background: url('/o/pocasi/warn2-bg.png') no-repeat 100% 100% }
#error-data .arts-1 .bg2 { padding: 0 20px; background: url('/o/pocasi/warn2-bg.png') repeat-y 50% 50% }
#error-data .arts-1 h2 { margin: 0 0 .3em; color: #C00; font-size: 93.75% }
#error-data-a2 { position: absolute; top: 10px; right: 10px; z-index: 1; width: 19px; height: 19px; background: url('/o/pocasi/buttons2.png') -362px -117px }
#error-data-a2:hover { background-position: -340px -117px }
#error-data .arts-2 { position: absolute; top: 345px; right: 0; z-index: 1; height: 30px; line-height: 30px; padding: 0 0 0 12px; background: url('/o/pocasi/warn3-bg.png') no-repeat; color: #C00; font-weight: 700 }
#error-data .arts-2 .bg1 { padding: 0 12px 0 0; background: url('/o/pocasi/warn3-bg.png') 100% 100% no-repeat }
#error-data .arts-2 .bg2 { background: url('/o/pocasi/warn3-bg.png') 50% 50% repeat-x }

.air- /*neznamy*/, .air-j, .air-jz, .air-z, .air-sz, .air-s, .air-sv, .air-v, .air-jv, .air-vr { width: 12px; height: 12px; background: url('/o/pocasi/buttons-map.png') -108px -220px }
.air-j { background-position: -170px -80px }
.air-jz { background-position: -170px -92px }
.air-z { background-position: -170px -104px }
.air-sz { background-position: -170px -116px }
.air-s { background-position: -170px -128px }
.air-sv { background-position: -170px -140px }
.air-v { background-position: -170px -152px }
.air-jv { background-position: -170px -164px }
.air-vr { background-position: -170px -176px }





/* pyly */
.art-full-forcast h1 { font-size: 112.5%; font-weight: 700; color: #C00 }
.art-full-forcast h2 { font-size: 100%; font-weight: 700 }
.art-full-forcast p { margin: 0 0 1em; font-size: 87.5% }

.table-pyly .monthname, .table-pyly .bl1, .table-pyly .bl { padding: 2px }
.table-pyly .monthname { text-align: center }
.table-pyly .bl1, .table-pyly .bl { border-left: 1px solid #CCC }
.table-pyly .bl { color: #AAA; background: #AAA }




/* napoveda - seznam ikon */
/*.help-list ul { float: left; width: 209px; padding: 0 0 1em 10px }
.help-list li { position: relative; list-style: none; margin: 0 0 3px; padding: 1em 0 1em 50px; font-size: 81.25% }
.help-list img { position: absolute; top: 50%; left: 0; margin: -21px 0 0 }*/

.meteo-row i.iw-wind { position: relative; width: 1.5em; padding-left: 25px; }
.meteo-row i.iw-wind span { width: 18px; margin: 0 0 0 -18px; line-height: 85px; }
.meteo-row i.iw-wind span:after { content: "km/h"; }
.iw-wind-s, .iw-wind-sv, .iw-wind-v, .iw-wind-jv, .iw-wind-j, .iw-wind-jz, .iw-wind-z, .iw-wind-sz, .iw-wind-, .iw-wind--, .iw-wind-clm, .iw-wind-vr, .iw-wind-kl { display: block; width: 18px; height: 18px; margin: 0 auto; background: url('/m/o/meteo-icon-wind.png') no-repeat; vertical-align: middle; font-size: 50%; }
.iw-wind-s { background-position: 0 50%; }
.iw-wind-sv { background-position: -20px 50%; }
.iw-wind-v { background-position: -40px 50%; }
.iw-wind-jv { background-position: -60px 50%; }
.iw-wind-j { background-position: -80px 50%; }
.iw-wind-jz { background-position: -100px 50%; }
.iw-wind-z { background-position: -120px 50%; }
.iw-wind-sz { background-position: -140px 50%; }
.iw-wind-clm, .iw-wind-vr, .iw-wind-kl { background-position: -160px 50%; }
.iw-wind-, .iw-wind-- { background-position: -180px 50%; }




.abs0 { position: absolute; top: 0; left: 0 }
.zi1 { z-index: 1 }
.zi2 { z-index: 2; }
.zi3 { z-index: 3 }
.zi4 { z-index: 4 }
.zi5 { z-index: 5 }
.zi49 { z-index: 49 }

.no-data { display: block; margin: 0 0 20px 10px; padding: 180px 20px; text-align: center; font-size: large; background: #EEE }

#r-topexclusive { display: table; margin: auto }