*{margin:0;padding:0;}
html{scroll-behavior: smooth;}
body{font-family: 'Montserrat', sans-serif; font-size: 14px; text-align: center;}
a img{border:none;}
ul{padding-left: 15px;}
.cl, .cleaner{clear: both;}
input[type="button"],input[type="submit"],input[type="text"],textarea{-webkit-appearance:none;}
.fx{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
body .dev-gallery .empty-list{display: none;}
body.user-logged .dev-gallery .empty-list{display: block;}
.dev-component{display: inline-block;}

.topbar{height: 90px; width: 100%; background-color: #415050; position: fixed; z-index:100;}
.pod-topbar{width: 100%; height: 90px; display: block;}

.o{width: 1280px; height: auto; margin:0px auto; text-align: left;}
.logo{float: left; margin-top: 19px; }
.mini-menu{float:right;background-color:#2b3435;padding:5px;border-radius:4px;padding-left:10px;padding-right:10px;margin-top:30px;padding-bottom:6px;}
.mini-menu a{text-decoration: none; color:#fff; font-size: 10px; display: inline-block; margin-left: 10px; margin-right: 10px;}
.mini-menu a:hover{text-decoration: underline;}
.menu{float: right; margin-top: 35px;}
.menu a{text-decoration: none; color:#fff; font-size: 14px; margin-right: 35px; display: inline-block;}
.menu a:hover{text-decoration: underline;}

.theme {width: 100%;height: auto;background-image: url(images/theme.jpg); overflow: hidden; background-size: cover;}   /* theme-zima.jpg */
.theme-boxes{margin-top: 50px; padding-bottom: 25px;}

/* boxy stanic */
.weather-control{display: inline-block; margin-right: 20px;}
.weather-control:nth-child(6),
.weather-control:nth-child(12){margin-right: 0;}
.theme-box{width:156px; height:245px; background-image:url(images/stanice-bgr.png); display:inline-block; margin-bottom:20px; padding:20px; text-align:center;}
.theme-box-head{width:100%;height:20px;overflow:hidden;}
.box-name{font-size: 15px; font-weight: 500; text-transform: uppercase; float: left; color:#fff; text-align: center; width: 100%;}
.box-more{color:#fff;float:right;margin-right:0;margin-top:12px;opacity:1;background-color:#415050;font-size:12px;text-transform:uppercase;width:100%;text-decoration:none;padding-top:8px;padding-bottom:8px;}
.box-more:hover{opacity:0.8;}
.box-data{font-size: 0;}
.teplota{color:#fff;font-size:22px;font-weight:600; background-image: url(images/data-bgr.png); height: 42px; margin-bottom: 2px;}
.teplota span {display: inline-block;margin-top: 8px;background-image: url(images/ico-teplota.png);background-size: 8px auto;background-repeat: no-repeat;padding-left: 20px;}

.srazky-den{height:42px; width: calc(50% - 1px);background-image: url(images/data-bgr.png); display: inline-block; margin-right: 2px;}
.srazky-den > div{background-image:url(images/ico-dest-den.png);background-repeat:no-repeat;background-position:7px 7px;color:#fff;font-size:18px;background-size:17px;padding-top:10px;padding-left:19px;}
.vitr{height:42px; width:calc(50% - 1px);background-image:url(images/data-bgr.png); display:inline-block;}
.vitr > div{background-image:url(images/ico-vitr.png);background-repeat:no-repeat;background-position:7px 7px;color:#fff;font-size:18px;background-size:17px;padding-top:10px;padding-left:19px;}

.offline { padding-left: 15px; color: #ce3434; }
.ikona{width: 72px; height: 53px; background-repeat: no-repeat; background-position: center; display: inline-block; margin-top: 20px; margin-bottom: 20px;}
.ikona.rain{background-image: url(images/ico-cloud.png); }
.ikona.sun{background-image: url(images/ico-sun.png);}

span.jednotky{display: none;}

.srazky-hod{display: none;}
.stanice .srazky-hod{display:inline-block; height:42px;  width:calc(33% - 1px);  background-image:url(images/data-bgr.png);  display:inline-block;  margin-right:2px;}
.stanice .srazky-den{width:calc(33% - 1px);}
.stanice .vitr{width:calc(34% - 2px);}
.stanice .srazky-hod > div{background-image:url(images/ico-dest-hod.png);background-repeat:no-repeat;background-position:7px 7px;color:#fff;font-size:18px;background-size:17px;padding-top:10px;padding-left:19px;}
.stanice .theme-box{width: calc(100% - 50px); position: relative; height: auto;}
.stanice .theme-box-head{display: none;}
.stanice .ikona{float:left; margin-top: 0;}
.stanice .box-data{float:left;margin-left:30px;margin-top:0px;width:calc(100% - 102px);}
.stanice .box-more{background-color:#3c3c3c;}
.stanice .box-more:hover{opacity:1;}
.stanice span.jednotky{display: inline-block; font-size: 11px;}

.theme-small{width: 100%;height: 180px;background-image: url(images/theme.jpg); overflow: hidden; background-position: center -119px;}   /* theme-zima.jpg */
body.page-home .theme-small{display: none;}

.aktualne{width: 100%; padding-top: 80px; padding-bottom: 80px; background-color: #63827e;}
.aktualne .o{text-align: center;}
.aktualne-nadpis{font-size: 34px; color:#fff; margin-bottom: 65px; display: inline-block; text-align: center; width: 100%; font-weight: 400;}
.aktualita{width: 400px; height: auto; background-color: #fff; display: inline-block; margin-left: 12px; margin-right: 12px; vertical-align: top; text-align: left;}
.akt-img{width: 100%; height: 207px; overflow: hidden;}
.akt-img img{height: 207px; width: auto;}
.akt-o{padding:25px;}
.akt-nadpis{font-size: 18px; font-weight: 600; margin-bottom: 18px;}
.akt-nadpis a{text-decoration: none; color:#000;}
.akt-txt{font-size: 12px; opacity:0.8;}
.akt-more{font-size: 15px; display: inline-block; margin-top: 20px; font-weight: 600; color:#000;}
.vice-aktualit{width:234px;margin:0px auto;display:inline-block;text-align:center; background-color:#10353a; color:#fff; text-decoration:none; font-size:12px; padding-top:15px; padding-bottom:15px; margin-top:50px;}
.vice-aktualit:hover{opacity:0.6;}

.top-kamery{width: 100%; padding-top: 80px; padding-bottom: 80px;background-color: #f5f5f5;}
.top-kamery .o h2{text-align:center;font-weight:400;font-size:34px;margin-bottom:65px;}
.top-kamery .o .dev-html-block{text-align: center;}
.top-kamery .o .dev-html-block table{width: 100%; text-align: center; border:none;}
.top-kamery .o .dev-html-block table td{border:none; vertical-align: top;}
.top-kamery .o .dev-html-block table td a {text-decoration: none;color: #000;font-size: 18px;}

.about{width: 100%; padding-top: 80px; padding-bottom: 80px;}
.about .nadpis{font-size: 34px; color:#000; margin-bottom: 65px; display: inline-block; text-align: center; width: 100%; font-weight: 400;}
.about-box{background-color: #f5f5f5; padding:55px; margin-bottom: 40px;}
.about-txt{float: left; font-size: 15px; width: 720px; line-height: 25px;}
.about-txt strong{display: block; margin-bottom: 30px; font-size: 17px; margin-top: 25px;}
.about-img{float: right;}

.foot{width: 100%; height: 130px; background-color: #11323b;}
.foot-logo{float: left; margin-top: 38px;}
.foot-menu{float: right; margin-top: 44px;}
.foot-menu a{display: block; float: left; color:#fff; font-size: 14px; margin-left: 30px; text-decoration: none; margin-top: 11px;}
.foot-menu a.fb{width: 37px; height: 37px; background-image: url(images/fb.png); margin-top: 0; margin-left: 45px;}          
.foot-menu a:hover{text-decoration: underline;}

.copy{width: 100%; background-color: #181e20; padding-top: 20px; padding-bottom: 20px; font-size: 10px;color:#fff;}
.copy a{color:#fff;}
.copy-left{float: left; opacity:0.8;}
.copy-right{float: right; opacity:0.8;}

.service-menu{float: left; text-align: left;}
.service-menu .menu{float: left; background-color: #eee; padding:25px; margin:25px;}
.service-menu ul.menu{list-style-position: inside; list-style-type: none;}
.service-menu ul.menu li a{color:#000;}

.dynamic-page{width: 1280px; height: auto; margin:0px auto; text-align: left;padding-top: 80px; padding-bottom: 80px;}
.dynamic-page h1{font-size: 31px; color:#000; margin-bottom: 65px; display: inline-block; text-align: center; width: 100%; font-weight: 400; text-transform: uppercase;}
.dynamic-page .dev-html-block{font-size: 14px;line-height: 25px;}
.dynamic-page .dev-html-block a{color:#415050;}

.stanice{width: 1280px; height: auto; margin:0px auto; text-align: left;padding-top: 80px; padding-bottom: 80px;}
.stanice h1{font-size: 31px; color:#000; margin-bottom: 65px; display: inline-block; width: 100%; font-weight: 400; text-transform: uppercase;}
.stanice-left {float: left; width: 620px;}
.stanice-txt{float:left;width:calc(100% - 684px);margin-left:60px;line-height:22px;  margin-bottom:50px;}
.stanice-txt a{color:#284c58;}
.merene{margin-bottom:36px; display: none;}
.merene{background-color:#eee; padding:25px;border-radius:20px; width: calc(100% - 50px);}
.merene{font-size:16px;line-height:26px;font-weight:600;}
.merene.detail-stanice{display: inline-block;}
.merene span{display: inline-block; width: 140px;}
.pocitane table{border-collapse: collapse; width: 100%;}
.pocitane table td{padding:20px; border:1px solid #dedede;}
.pocitane table tr td:nth-child(1),
.pocitane table tr td:nth-child(3),
.pocitane table tr td:nth-child(5){font-weight: 600;background-image: url(images/stanice.png); color:#fff;}
.pocitane table tr td:nth-child(2),
.pocitane table tr td:nth-child(4),
.pocitane table tr td:nth-child(6){color:#fff; background-color: #103340;}
.minmax-date {margin-left: 10px;color: #a6a6a6;font-size: 14px;}
.widget-not-found-info{color:white;margin:72px 148px;}
.theme-box .widget-not-found-info {color: white;margin: 0;padding: 23px;}

 /* kamery */
body.page-kamery_article-detail .article-detail .image{display:none;}
body.page-kamery_article-detail .article-detail .dev-article-detail-right{width:100%;}
body.page-kamery_article-detail .article-detail .perex{font-weight:normal;line-height:22px;  float:right;  width:50%;}
body.page-kamery_article-detail .article-detail .dev-article-detail-right h1{text-align:center; margin-bottom:50px;}
body.page-kamery_article-detail .text{float:left;margin-right:60px;width:calc(50% - 60px);}
.article-detail .text img.kamera{width:100%;}

/* články */
.article-item{width: 400px; height: auto; background-color: #eee; display: inline-block; margin-left: 12px; margin-right: 12px; vertical-align: top; text-align: left; margin-bottom: 20px;}
.article-item .image{width: 100%; height: 250px; overflow: hidden;}
.article-item .image img{height: auto; width: 400px;} 
.article-item .title{font-size: 18px; font-weight: 600; margin-bottom: 18px;}
.article-item .title a{text-decoration: none; color:#000;}
.article-item .perex{font-size: 12px; opacity:0.8;}
.article-right{padding: 25px;}
.article-more{font-size: 15px; display: inline-block; margin-top: 20px; font-weight: 600; color:#000; text-decoration: underline;}
.article-detail .perex{margin-bottom: 30px; font-weight: bold;}
.article-detail .text img{width: 100%; height: auto;}
.article-detail .article-back {background-color: #000; color:#fff; text-transform: uppercase; margin-top: 40px; padding:15px 20px; display: inline-block; text-decoration: none;}
.article-detail .image{float: left; margin-right: 50px; margin-bottom: 35px; overflow: hidden;width:320px; overflow: hidden; height: 225px;}
.article-detail .image img{min-width:320px; min-height:225px;}
.dev-article-detail-right {float: left;text-align: left;width: calc(100% - 370px);}
.dev-article-detail-right h1{text-align: left; margin-bottom: 25px;}
.dev-article-detail-right .text{line-height: 25px;}
.dev-article-detail-right .text a{color:#415050;}

.fb-share{background:#004cff;display:inline-block;padding:6px 13px;border-radius:6px;color:#fff;text-decoration:none;font-size:11px;text-transform:uppercase;margin-top:40px;}

.dev-gallery{margin-top: 50px;}
.gallery-item{float: left; width: 244px; height: 180px; overflow: hidden; margin-right: 15px; margin-bottom: 15px;}
.gallery-item:nth-child(5n){margin-right: 0;}
.gallery-item img{min-width:244px; min-height:180px;}

.rekordy-name{font-size:26px;margin-top:60px;display:block;font-weight:500;}
.table-name{background:#272727;color:#fff;padding:12px 22px;text-transform:uppercase;font-weight:500;margin-top:30px;}
.table-name .compute-time { float: right; text-transform: none; display: none; }

iframe.radar{width: 100% !important; border:none !important;}

body.page-aktualne_article-detail .text table{border-collapse: collapse; width: 100%;}
body.page-aktualne_article-detail .text table td{border:1px solid #eee; padding:8px;}
body.page-radar iframe{width:100% !important; height: 800px !important;}

.left-img{float: left; margin-right: 45px; margin-bottom: 30px; max-width:340px; height: auto;}

.predpoved{text-align: center;}
.predpoved-nadpis{font-size:26px;margin-top:60px;display:block;font-weight:500;}
.predpoved-frame{border:1px solid #dedede; padding:25px; background-color:#f1f1f1;}
.predpoved-frame iframe{height:400px !important; width:100% !important;}
.predpoved-txt{margin-top:18px;margin-bottom:34px;font-size:12px;color:gray;}
.predpoved-txt a{color:gray;}

.o-stanici{text-align: center;}
.o-stanici-nadpis{font-size:26px;margin-top:60px;display:block;font-weight:500; margin-bottom: 40px;}
.o-stanici-frame{border:1px solid #dedede; padding:25px; background-color:#f1f1f1; text-align: left;}

body.page-jesetice .top-kamery iframe{height: 380px !important;}

/* feed sněhové podmínky */
.feed .zprava{border:1px solid #dedede;padding:20px;margin-bottom:15px;}
.feed .hlavicka{margin-bottom:15px;background:#eeeeee;padding:7px;font-size:13px;}
.feed .text{font-size:13px;line-height:20px;}

/* bannery */
/* banner na celou šířku */
.banner-bar.banner-big{width: 100%; padding-top: 40px; padding-bottom: 40px; background-color: #506c68; text-align: center; color:#fff;}

/* banner v obsahu */
.banner-bar.banner-stanice{background-color: #e2e2e2;padding-top: 20px; padding-bottom: 20px; margin-top: 30px;width: 100%;text-align: center; color:#fff;}
.banner-bar.banner-stanice.spodni{margin-top: 80px; margin-bottom: 80px;}

/* obecně banner 980x120px */
.banner-o,
.banner-o .custom-banner,
.banner-o .custom-banner img{width: 980px; height: 120px;}
.banner-o{background-image: url(images/pocasi-banner.jpg); margin:0px auto;}
.banner-o.ads{background:none;}
.banner-data{position:absolute;width:100%;  }
.banner-data.active{z-index:90;}
.banner-data.expired{display:none;}
.banner .empty-list{display: none;}
body.user-logged .banner .empty-list{display: inline-block;}

/* bannery pro admina */
.banner.editable-by-admin .banner-data{display:block;float:left;width:calc(33% - 10px);margin-right:10px;margin-bottom:4px;position:relative;overflow:hidden;}
.banner.editable-by-admin img{width: 100%; height: auto; max-height: 40px;}
.banner.editable-by-admin{background-color: #fff; height: 120px;}

/* archiv */
.archiv-filter-panel{background:#eeeeee;padding:16px;margin-top:30px;}
.archiv-filter-selected{background:#415050;padding:16px;color:#fff;}
.reset-archiv-btn{float:right;border:none;background-color:#103340;color:#fff;padding:5px 12px;text-transform:uppercase;font-size:12px;  cursor:pointer;}
.archiv-filter-selected span{font-weight:bold;display:inline-block;margin-top:2px;}
.archiv-datepicker{border:1px solid #aeaeae;padding:8px 16px;margin-left:6px;}

.computed-widget-not-found{background:#eeeeee;padding:16px;margin-top:30px;}

/* oprava dat */
.weather-editor{background:#ad3d3d;padding:30px;margin-top:40px;}
.weather-editor h3{text-transform:uppercase; color:#fff; font-size:24px;}
.editor-date-picker{margin-top:21px;border:1px double #fff;padding:15px;margin-bottom:30px;color:#fff;}
.editor-date-picker div{margin-bottom:8px;}
.editor-date-picker input{padding:6px; border:1px solid #000;}
.btn-show-results{background:#4d1d1d;color:#fff;border:none;padding:5px 30px;cursor:pointer;  line-height:18px;}
.btn-show-results:hover{opacity:0.8;}
.btn-new-result { background: #312e55; color: #fff; border: none; padding: 5px 30px; cursor: pointer; line-height: 18px; margin-left: 20px; }
.btn-new-result:hover { opacity: 0.8; }
.results table{width:100%; border-collapse:collapse; color:#fff; margin-bottom:40px;}
.results table th, .results table td{border:1px solid #fff; padding:10px; font-weight:300;}
.results button{background:#31b33f;color:#fff;border:none;padding:15px 40px;cursor:pointer;line-height:18px;text-transform:uppercase;}
.results button:hover{opacity:0.8;}
.results table input{padding:6px; border:1px solid #000; width: 90px;}
.saving-result{font-weight:600; color:#fff; display:block; margin-bottom:30px;}
.help-txt{color:#fff;font-style:italic;margin-top:33px;line-height:19px;font-size:12px;}
.results table input.time-input { width: 180px; }
.row-changed, .row-new { background-color: #3f5c2e; }

/* úprava cookie lišty */
body #cm{padding:20px !important; max-width: calc(100% - 40px)!important;}

.minmax-btn{background-color:#415050;color:#fff;border:none;padding:10px 24px;border-radius:6px;display:inline-block;margin-top:12px;width:290px;  cursor:pointer;}
.banner-bar.banner-big.stanice-banner{background-color:#e6e6e6;}
.more-cams{background:#506c68;width:440px;display:inline-block;text-align:center;color:#fff;text-decoration:none;line-height:50px;font-size:16px;margin-left:calc(50% - 220px); margin-top: 40px;}


body.page-jesetice .aktualne {
	padding-top: 0px;
	padding-bottom: 30px;
	background: none;
}
body.page-jesetice .aktualne .aktualne-nadpis {
	color: #000;
}