.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, .css-t { font-variant-numeric: proportional-nums; }

.col-a { /*margin-left: 10px*/ }
.css-t .col-a { /*margin-right:10px; */ margin: 0 1rem; }
.css-d .meteo-top, .css-d .meteomaps {margin-left:18px; margin-right:18px}
.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 }



.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-thermometer:before { background-image: url(/o/pocasi/ico-thermometer-000.svg) }
.ico-globe:before { background-image: url(/o/pocasi/ico-globe-000.svg) }
.ico-clouds:before { background-image: url(/o/pocasi/ico-clouds-000.svg) }
.ico-alert:before { background-image: url(/u/icon/000/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-temper-perceived:before { background-image: url(/o/pocasi/ico-temper-perceived-000.svg) }
.ico-pressure:before { background-image: url(/o/pocasi/ico-pressure-000.svg) }
.ico-drop:before { background-image: url(/o/pocasi/ico-drop-empty-000.svg) }
.ico-drop-middle:before { background-image: url(/o/pocasi/ico-drop-empty-000.svg) }
.ico-drop-full:before { background-image: url(/o/pocasi/ico-drop-full-000.svg) }
.ico-wind:before { background-image: url(/o/pocasi/ico-wind-000.svg) }
.ico-wind-direction:before { background-image: url(/o/pocasi/ico-wind-direction-000.svg) }
.ico-bio:before { background-image: url(/o/pocasi/ico-bio-000.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) }*/

.ico-temper-max:before { background-image: url(/o/pocasi/ico-temper-max-000.svg) }
.ico-temper-min:before { background-image: url(/o/pocasi/ico-temper-min-000.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) }*/

.meteo-top [class*="ico-"]:before {filter: var(--filter-pri60)}


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

.meteo-top.dark [class*="ico-"]:before {filter: var(--filter-fff)}

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

.meteo-top {/*display:flex; height:120px;*/ padding:1.5rem; color: var(--neutral90); background-position:center;  border-radius:.5rem; background-color: #fff; --textshadow: 0 0 32px rgba(255, 255, 255, 1.00) }
.css-t .meteo-top {margin: 0 1rem; padding:1rem;}


.meteo-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;  background-position:top center; }
.css-t .top-map { height: 50vh; /*height:70vw; max-height: min(440px, 65vh);*/ margin-top: -1em }

.meteo-top-content { display: flex; align-items:center; gap:3rem; position: relative;}
.css-t .meteo-top-content {flex-direction:column;  gap:.75rem; max-width: 296px; margin: auto;}

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

.meteo-select-wrap {position: relative; display: table; width: 285px;  min-height: 40px; z-index: 20; }
.css-t .meteo-select-wrap {width:100%}
.meteo-select { position: absolute; width: 100%; min-height: 40px; padding: 0; box-sizing:border-box; border-radius: 3px; color: var(--neutral90);  border: solid 1px transparent; background: rgba(255,255,255,1); }
.meteo-select.open { border-color: var(--pri10); }
.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 .ico-geolocation.h, .meteo-select .ico-geolocation.h:hover {display:block; background-image: url(//1gr.cz/u/icon/bbc/location-outlined.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%); }



@media(max-width:320px) {
    .css-t .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(--pri80); }
.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: 87.5%; color: #000; background: none; border: none; border-bottom: solid 1px rgba(0,0,0,.3); /*padding: 0 60px 0 10px;*/ }

.obec-selected { display:flex; align-items: center; 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) }


.meteo-maininfo { display: flex;  align-content: center; justify-content: start; align-items: center; gap:2rem; font-size: .8125rem; line-height:1rem; text-shadow: var(--textshadow) }
.meteo-maininfo strong { font-size:.875rem }

.css-t .meteo-maininfo {flex-wrap: wrap; gap:.75rem 1.5rem; width: 262px; max-width: 100%;  margin:auto;}
.css-t .meteo-maininfo > * {width: calc(50% - .75rem); box-sizing: border-box }

.top-pheno{max-width:170px}
.top-pheno ul {display: flex;flex-direction: column;gap: 0.25em;}
.top-pheno li {list-style: none; }

.top-symbol {display:flex; align-items: center;}
.top-symbol img { display: block; width:3rem; height:3rem;}
.top-maintemper { font-size:2.5rem; line-height: 1;  font-weight: 900; color: var(--pri60); letter-spacing: -3px; }
.meteo-top.dark .top-maintemper { color: #fff;  }


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

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

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

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


.day-forecast-wrap { position: relative;  padding: 0 2.2rem; }

.css-d .day-forecast-wrap {width:964px; margin: 0 calc(18px - 2.2rem)  2rem;  }
.css-t {width: 100%; margin: 0 auto; box-sizing: border-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) no-repeat center; background-size:1.5rem }
.day-forecast-navig-prev { left: 0; transform: rotate(180deg) }
.day-forecast-navig-next { right: 0; }
.day-forecast { overflow: hidden; }

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

.css-t .day-forecast-wrap { padding: 0; margin-top: 0.75rem; }
.css-t .day-forecast-navig-prev, .css-t .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(--tgl-neutral90); background:var(--tgl-pri05)}

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

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

.day-forecast .symbol img { font-size: 40px }
.css-t .day-forecast .symbol img { font-size: 28px }
.day-forecast i { font-style: normal; font-weight: 900; font-size: 1.125rem; color: var(--tgl-pri60); }
.css-t .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); }
.map .forecast-card {display: flex; gap: 2px; align-items: center; margin: 6px;padding: 0; transform: translate(-1rem, -1rem); cursor: auto; background: none; }
.map .forecast-card .symbol img { font-size: 2rem;}
.map .forecast-card i {margin: auto; color: #fff; font-size: 1rem; text-shadow: 0 0px 3px #000, 0 0 3px #000, 0 0 3px #000;}   

    

.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(--pri60); font-family: 'Inter', sans-serif }

.meteo-undertop {   }
#zdroj-chmu {display: table; margin: auto; margin: auto; padding:2px; font-size: 62.5%;line-height: 1.2; color:var(--txt-pri60); text-transform: uppercase; text-decoration: none; }

.meteo-tab { margin-bottom: 2em; }
.meteo-item { position: relative; /*padding: 2px 0;*/ border-bottom: solid 1px var(--tgl-pri05); }
.meteo-item-openable { cursor: pointer; }
.meteo-item-openable:after { content: ""; position: absolute; right: 1rem; top: 1.8rem; width: 7px; height: 7px; border: solid var(--tgl-pri30); border-width: 0 2px 2px 0; transform: rotate(45deg); transform-origin: 6px 6px }
.meteo-item-openable.open:after { transform: rotate(-135deg); }
.css-t .meteo-item-openable:after { top: 1.1rem; border-color: var(--pri10); }
.meteo-detail { max-height: 0; overflow: hidden; transition: max-height ease-out 200ms; }

.meteo-item.open { border-color: var(--pri100) }
.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:268px; margin:auto auto auto 0; line-height: var(--rowheight) }

.meteo-row b, .meteo-row i { flex:1 0 auto; height: var(--rowheight); line-height: var(--rowheight) }
.meteo-row b { font-weight: 900; color: var(--txt-pri60); }
.meteo-row i { font-style: normal; color: var(--txt-neutral60); } /*zde puvodne v tmave verzi pri10*/
.meteo-row span { float: left; width: var(--rowheight); height: var(--rowheight); margin-right: .5rem }

.css-t .meteo-row h4 { width: 100px; }
.css-t .meteo-row { --rowheight: 1.75rem; padding: .5rem 40px .5rem 0.5rem; font-size: 1rem }
.css-t .meteo-row b, .css-t  .meteo-row i { min-width: 75px; max-width:150px}

.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(--tgl-pri05); }
.meteo-detail li:nth-child(even) { border-left: solid 1px var(--tgl-pri05); }
.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 }

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

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

.css-t .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(--tgl-pri10); color: var(--tgl-neutral90); background-color: var(--tgl-white); 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(--tgl-white); border: solid var(--tgl-pri10); border-width: 0 0 1px 1px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08); }

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

.css-t .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; }
.css-t .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; }


.main .meteo-top .meteomaps { margin-bottom: .5rem }
.css-t .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 }
.css-t .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(--tgl-pri05); }
.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(--tgl-white); background: var(--txt-pri60); }
.map-navig li a { display: block; width: 100%;  padding: 5px; box-sizing: border-box; color: var(--txt-pri80) }
.map-navig li.act a { color: var(--tgl-white); }

.map-navig li:before {filter:var(--filter-txt-pri80)}
.map-navig li.act:before {filter:var(--filter-tgl-white)}

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


.css-t .map-navig li { padding: 3px; padding-bottom: 1.375em; font-size: .5rem }
.css-t .map-navig li a { position: absolute; top: 0; left: 0; padding-top: 3em; height: 100%; }
.css-t .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:#91b2ca}
.css-d #map { /*width: 820px;*/ width: 100%; height: 500px; border-radius: 6px; }
.css-t #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 }
.css-t .leaflet-popup-content { margin: 6px 10px; line-height: 1.2; }
.leaflet-popup-tip-container { margin-top: -1px }

#map .leaflet-tile-container { /*opacity: .8;*/ filter: brightness(0.93);}
#map .leaflet-tile-container.hidemap { opacity: .08; filter:none }
#map .hidemap .leaflet-tile-container { opacity: .08;  filter:none}

#map .leaflet-popup-content-wrapper { border: 1px solid var(--pri10); 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(--pri60); 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-size: .6875rem; line-height: 1.1; color: #fff; font-family: 'Inter', sans-serif; text-shadow: 0 0px 3px #000, 0 0 3px #000, 0 0 3px #000;}
#map .towninfo b {font-weight:900}

#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; }


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

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

.css-t #map .leaflet-popup.bottomleft, .css-t #map .leaflet-popup.bottomright { margin-bottom: 0 }

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

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

.css-t #map .bottomright .leaflet-popup-content-wrapper, .css-t #map .topright .leaflet-popup-content-wrapper { left: 70px }
.css-t #map .bottomright a.leaflet-popup-close-button, .css-t #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 }
.css-t .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(--tgl-pri05) }
.timeline-bar-radar { left: 0; padding: 0 30px 0 1em; text-align: right; color: var(--tgl-neutral90); background: var(--tgl-white) }
.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(--tgl-neutral90); background: var(--tgl-pri05); }
.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(--tgl-neutral90); border: 1px solid var(--tgl-pri10); border-radius: 3px; background-color: var(--tgl-white); 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(--tgl-pri10); border-width: 0 1px 1px 0; background-color: var(--tgl-white); 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(--tgl-pri10); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); background: var(--tgl-white) 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: #263238; background-color: #263238ee; color: #FFF }

.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; }

.css-t .map-warning { padding-top: 3rem }
.css-t .map-warning-close { top: 3rem; right: 0.5rem; }
.css-t .map-warning h2 { margin-bottom: .5rem; font-size: 1.5rem }
.css-t .map-warning h3 { margin-bottom: .5rem; font-size: 1rem }
.css-t .map-warning-info { padding-right: 2rem }
.css-t .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; }

.css-t .leaflet-control.map-info { margin-top: 42px }
.css-t .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;  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; }

.css-t .map-legend {  top: 60px; right: 10px; }


.map-legend .ico-info {display: block; margin: 0 4px auto auto; padding: 1px; background: #fff; border-radius: 100%;  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(--tgl-pri10); background-color: var(--tgl-white); 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(--tgl-white); border: solid var(--tgl-pri10); 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 }
.css-t .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(--txt-pri60); 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(--txt-pri60); font-weight: bold; font-size: 11px }

.meteo-astro { position: relative; width: 100%; 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) {
    .css-t .meteo-astro { margin: 0 -1rem; padding: 0 1rem; }
    .css-t .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(--tgl-pri10) }
.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(--tgl-pri10) }
.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(--tgl-white); }

.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)) }



.css-t .meteo-graf li { --colheight: 80px }

.meteo-graf .wind-direction { flex: 0 0 auto; position: relative; width: 100%; height: 0; padding-bottom: 100%; z-index: 1; background:var(--pri10); }
.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%; filter:var(--filter-pri60);}

.meteo-graf b { width: 11px; color: var(--txt-pri60); display: block; font-size: 11px; transform: rotate(-90deg); transform-origin: .5em .5em; bottom: 100%; }
.css-t .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;}
.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;  }
.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/000/close-i.svg') no-repeat center;  filter:var(--filter-txt-pri80)}
.snowcamera-popup .ico-close:hover:before, .map-warning-close:hover:before { background-image: url('//1gr.cz/u/icon/000/close.svg'); }

/* mapy */

#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 }

.css-t #wrap-maps { padding: 57.87% 0 0; }

#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 }

.css-t #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(--txt-pri80); border-radius: 6px; text-decoration: none; background-repeat: no-repeat; background-position: 1.5rem center, left top; background-size: 3rem, auto }
.weatherban { background-color:var(--tgl-pri05) }
.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; }

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

.css-t .weatherban .maintit { font-size: 21px; }
.css-t .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 }
.css-t .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}
.css-t .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; border-radius:2px; background:#fff url(/o/pocasi/ico-map-topography.svg) no-repeat center; background-size: 1.125rem}


.css-t .wrap-maps .feather-maximize { top: 60px; }

.css-t #topmap .leaflet-control-zoom { display: none }
.css-t .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(--pri10); 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(--pri60); 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(--pri60) 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(--pri60) 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); }

.css-t .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 }

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

.pocasi .btn { position: relative; display: inline-block; width: auto; height: auto; min-height:0; padding: .5rem .5rem; font-size: 87.5%; line-height: 1; color: var(--txt-pri80); border-radius: 3px; border: 1px solid var(--tgl-pri10); background-color: var(--tgl-pri05) }

.btn-tiny { position: relative; display: inline-flex; align-items: center; padding: 2px 1em 2px 2px; font-size: 11px; font-weight: bold; color: var(--txt-pri60); border: 1px solid var(--tgl-pri10); border-radius: 2px; background-color: var(--tgl-pri05); }
.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; filter:var(--filter-txt-pri60) }
.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-uzke/132_opener_image-nezjisteno-desktop.jpg) }
.obg-j { background-image: url(//1gr.cz/o/pocasi/opener-uzke/101_opener_image-jasno-desktop.jpg) }
.obg-sj { background-image: url(//1gr.cz/o/pocasi/opener-uzke/102_opener_image-skoro-jasno-desktop.jpg) }
.obg-p { background-image: url(//1gr.cz/o/pocasi/opener-uzke/103_opener_image-polojasno-desktop.jpg) }
.obg-pd { background-image: url(//1gr.cz/o/pocasi/opener-uzke/104_opener_image-polojasno-dest-desktop.jpg) }
.obg-pb { background-image: url(//1gr.cz/o/pocasi/opener-uzke/105_opener_image-polojasno-bourky-desktop.jpg) }
.obg-pds { background-image: url(//1gr.cz/o/pocasi/opener-uzke/106_opener_image-polojasno-dest-se-snehem-desktop.jpg) }
.obg-ps { background-image: url(//1gr.cz/o/pocasi/opener-uzke/107_opener_image-polojasno-snezeni-desktop.jpg) }
.obg-o { background-image: url(//1gr.cz/o/pocasi/opener-uzke/108_opener_image-oblacno-desktop.jpg) }
.obg-od { background-image: url(//1gr.cz/o/pocasi/opener-uzke/109_opener_image-oblacno-dest-desktop.jpg) }
.obg-ob { background-image: url(//1gr.cz/o/pocasi/opener-uzke/110_opener_image-oblacno-bourky-desktop.jpg) }
.obg-ok { background-image: url(//1gr.cz/o/pocasi/opener-uzke/111_opener_image-oblacno-kroupy-desktop.jpg) }
.obg-ods { background-image: url(//1gr.cz/o/pocasi/opener-uzke/112_opener_image-oblacno-dest-se-snehem-desktop.jpg) }
.obg-osp { background-image: url(//1gr.cz/o/pocasi/opener-uzke/113_opener_image-oblacno-snehove-prehanky-desktop.jpg) }
.obg-os { background-image: url(//1gr.cz/o/pocasi/opener-uzke/114_opener_image-oblacno-snezeni-desktop.jpg) }
.obg-sz { background-image: url(//1gr.cz/o/pocasi/opener-uzke/115_opener_image-skoro-zatazeno-desktop.jpg) }
.obg-szd { background-image: url(//1gr.cz/o/pocasi/opener-uzke/116_opener_image-skoro-zatazeno-dest-desktop.jpg) }
.obg-szb { background-image: url(//1gr.cz/o/pocasi/opener-uzke/117_opener_image-skoro-zatazeno-bourky-desktop.jpg) }
.obg-szk { background-image: url(//1gr.cz/o/pocasi/opener-uzke/118_opener_image-skoro-zatazeno-kroupy-desktop.jpg) }
.obg-szds { background-image: url(//1gr.cz/o/pocasi/opener-uzke/119_opener_image-skoro-zatazeno-dest-se-snehem-desktop.jpg) }
.obg-szsp { background-image: url(//1gr.cz/o/pocasi/opener-uzke/120_opener_image-skoro-zatazeno-snehove-prehanky-desktop.jpg) }
.obg-szs { background-image: url(//1gr.cz/o/pocasi/opener-uzke/121_opener_image-skoro-zatazeno-snezeni-desktop.jpg) }
.obg-m { background-image: url(//1gr.cz/o/pocasi/opener-uzke/122_opener_image-mlha-desktop.jpg) }
.obg-md { background-image: url(//1gr.cz/o/pocasi/opener-uzke/123_opener_image-mlha-dest-desktop.jpg) }
.obg-ms, .obg-mds { background-image: url(//1gr.cz/o/pocasi/opener-uzke/124_opener_image-mlha-snezeni-desktop.jpg) }
.obg-z { background-image: url(//1gr.cz/o/pocasi/opener-uzke/125_opener_image-zatazeno-desktop.jpg) }
.obg-zd { background-image: url(//1gr.cz/o/pocasi/opener-uzke/126_opener_image-zatazeno-dest-desktop.jpg) }
.obg-zb { background-image: url(//1gr.cz/o/pocasi/opener-uzke/127_opener_image-zatazeno-bourky-desktop.jpg) }
.obg-zk { background-image: url(//1gr.cz/o/pocasi/opener-uzke/128_opener_image-zatazeno-kroupy-desktop.jpg) }
.obg-zds { background-image: url(//1gr.cz/o/pocasi/opener-uzke/129_opener_image-zatazeno-dest-se-snehem-desktop.jpg) }
.obg-zsp { background-image: url(//1gr.cz/o/pocasi/opener-uzke/130_opener_image-zatazeno-snehove-prehanky-desktop.jpg) }
.obg-zs { background-image: url(//1gr.cz/o/pocasi/opener-uzke/131_opener_image-zatazeno-snezeni-desktop.jpg) }


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





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


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



/* tabulka */
.table-style-1 table { width: 100%; font-size: 87.5%; border-collapse: collapse }
.css-t .table-style-1 table { font-size: 81.25%; line-height: 1.2; }
.table-style-1 th { background: var(--tgl-pri05) }
.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(--tgl-pri05); }
/*.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(--txt-pri80); font-weight: bold }
.table-style-1 td a.b { display: block; margin: -0.75rem 0; padding: 0.75rem 0; }

.css-t .table-style-1 th { padding: .5rem .25rem }
.css-t .table-style-1 td { padding: .5rem .25rem; }
.css-t .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 }
.css-t .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(--neutral90); }
.table-style-1
/* tabulka jednoducha*/
.table-simple { border-top: solid 1px var(--tgl-pri05) }
.table-simple td, .table-simple th { padding: .75rem 0 .75rem .5rem; font-size: 87.5%; border-bottom: solid 1px var(--tgl-pri05) }
.table-simple td:first-child, .table-simple th:first-child { padding-left: 0; }
.table-simple th { font-size: 75%; font-weight: bold }

.css-t .table-simple td, .css-t .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 }
.css-t .kotvy { margin-top: 1rem }
.kotvy .target-link { display: inline-block; padding: .25rem .5rem; color: var(--txt-pri80); font-size: .875rem; border: 1px solid var(--tgl-pri10); border-radius: 3px; background: var(--tgl-pri05); }

.filter { display: flex; margin-top: 1.5rem; align-items: flex-start; }
.css-t .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(--tgl-pri10); border-radius: 2rem; }
.filter li a:hover, .filter li a.act:hover { background: var(--tgl-pri05) }
.filter li a.act { background: var(--tgl-pri10) }

.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 {display: flex; align-items: center; margin-bottom: 2rem; }
.css-t .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; }
.css-t .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(--tgl-pri05) }
.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(--tgl-pri05); 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 }


.css-t .reky-aktualne, .css-t .reky-legenda { float: none; width: 100% }

.reky-prutoky { margin-bottom: 2rem }
.reky-prutoky td { width: 60px }
.reky-prutoky td:first-child, .css-t .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; }

.css-t .snih-aktualne, .css-t .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;  color: var(--tgl-neutral90); background: var(--tgl-pri05) 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(--tgl-pri30); background-color: var(--tgl-white); 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.open { display: block; z-index: 5000;}
.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(--tgl-white); }


.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% }

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


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

@media(max-width:450px) {
    .css-t .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 }