body {
    background-image: url("img/background2.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    margin: 0;
    font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#header #login {
    position: absolute;
    top: 50px;
    right: 20px;
    z-index: 200;
}
#header #login fieldset {
    border: 0;
    margin-top: 10px;
}
#header #login #panel {
    display: none;
    position: absolute;
    top: 0;
    z-index: 100;
    right: 0;
    width: 320px;
    height: 160px;
    border: 2px solid #e6e6e6;
    background: #fff;
}
#header #login #panel table {
    color: #333;
    font-size: 13px;
    margin-top: 10px;
}
#header #login #panel table label {
    font-weight: bold;
}
#header #login #panel table label {
    font-weight: bold;
}
#header #login #panel table td input {
    margin: 5px 0 0 15px;
    width: 176px;
    height: 20px;
    border: 2px solid #e6e6e6;
}
#header #login #panel input.btn-l {
    position: absolute;
    top: 110px;
    right: 10px;
    padding: 10px 25px;
    border: 0;
    font-weight: bold;
    background-color: #0188a5;
    color: #fff;
}
#header #login #panel p.err-log {
    position: absolute;
    top: 8px;
    left: 20px;
    color: #f00;
    font-size: 12px;
}
#header #login #panel a {
    position: absolute;
    top: 100px;
    left: 20px;
    color: #336a9d;
    text-decoration: underline;
}
#header #login #panel .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}
.noscreen {
    display: none;
}
#form-wrapper fieldset {
    border: 0;
}
#form-wrapper legend {
    display: none;
}
.MenuAd {
    max-width: 300px;
    height: 250px;
    background: #c1c1c1;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
#content {
    background: #fff;
    min-height: 300px;
    padding: 5px;
    box-sizing: border-box;
}
#content h2 {
    margin: 0;
    padding: 20px;
    background-color: #25b2cd;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}
#banner {
    display: none;
}
ul li {
    list-style: none;
}
#header {
    background-color: #fbfdfd;
    position: relative;
}
img {
    max-width: 100%;
}
#header-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 20px 0 20px;
}
#header-flex .btn-slide {
    background: url("img/lock.png") no-repeat 0% 10%;
    display: block;
    padding-left: 20px;
}
#header-flex .reg {
    padding-left: 20px;
}
#logo {
    width: 150px;
}
ul.dropdown a {
    color: #fff;
}
ul.dropdown li {
    background-color: #25b2cd;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
ul.dropdown li:hover {
    background-color: #0188a5;
}
ul.dropdown {
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    aling-items: center;
    text-align: center;
}
ul.dropdown a {
    text-decoration: none;
}
ul.dropdown li {
    padding: 10px;
}
ul.dropdown ul.sub_menu {
    padding: 0;
    display: none;
}
ul.dropdown .home {
    display: none;
}
#client-bar {
    margin: 0;
}
#client-bar .log a {
    font-weight: bold;
}
#client-bar a {
    color: #303030;
    text-decoration: underline;
}
#client-bar a:hover {
    text-decoration: none;
}
#form-wrapper input[type=text] {
    width: 200px;
    margin: 10px 0px 15px 20px;
    height: 25px;
    padding: 5px;
    border: 2px solid #e6e6e6;
    border-right: 0;
}
#form-wrapper input[type=submit] {
    width: 45px;
    height: 39px;
    margin-left: -4px;
    background: #0188a5 url("img/search.png") no-repeat center;
    border: 0;
}
.right ul {
    padding: 0;
    margin: 0;
}
.right ul li {
    width: 100%;
    line-height: 66px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #d6eff2;
}
.right ul li:hover {
    background: #d6e4e7;
}
.right ul li a {
    color: #0188a5;
    font-size: 16px;
    font-weight: bold;
    padding-left: 40px;
    //display: block;
    text-decoration: none;
}
.right ul li:last-child {
    border-bottom: 0;
}
.right ul .radar {
    background: url("img/int-1.png") no-repeat 10%;
}
.right ul .satelite {
    background: url("img/int-2.png") no-repeat 10%;
}
.right ul .destnik {
    background: url("img/int-3.png") no-repeat 10%;
}
.right ul .snih {
    background: url("img/int-4.png") no-repeat 10%;
}
.right ul .aplikace {
    background: url("img/int-5.png") no-repeat 10%;
}
.right ul .web {
    background: url("img/int-6.png") no-repeat 10%;
}
#mainContentWeather {
    background: #fff;
}
#contentWeather {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
#contentWeather .weatherInfo {
    padding: 10px;
}
#flex-main {
    display: block;
}
#mainContent h2,
#homeContent h2 {
    margin: 0;
    padding: 20px;
    background-color: #25b2cd;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}
#mainContent h3 a,
#homeContent h3 a {
    color: #25b2cd;
    text-decoration: none;
}
#mainContent .dateTime,
#homeContent .dateTime {
    font-weight: bold;
}
#mainContent .wrapper .section,
#homeContent .wrapper .section {
    padding: 10px;
}
#mainContent .viceclanku,
#homeContent .viceclanku {
    padding: 10px;
}
#mainContent .viceclanku a,
#homeContent .viceclanku a {
    text-decoration: none;
    color: #25b2cd;
}
#mainContent #VideosPrev,
#homeContent #VideosPrev {
    background: #fff;
}
#mainContent #VideosPrev .section img,
#homeContent #VideosPrev .section img {
    width: 100%;
}
#mainContent #VideosPrev .more,
#homeContent #VideosPrev .more {
    padding: 10px;
    text-decoration: none;
    color: #25b2cd;
}
#mainContent #VideosPrev .heading,
#homeContent #VideosPrev .heading {
    padding: 20px;
    background-color: #25b2cd;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}
.generalMenuHl h4 {
    margin: 0;
    padding: 20px;
    background-color: #25b2cd;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.generalMenuHl ul {
    padding: 0;
    margin: 0;
}
.generalMenuHl ul li {
    width: 100%;
    line-height: 66px;
    text-align: left;
    background: #fff;
    border-bottom: 1px solid #d6eff2;
}
.generalMenuHl ul li:hover {
    background: #d6e4e7;
}
.generalMenuHl ul li a {
    color: #0188a5;
    font-size: 18px;
    font-weight: bold;
    padding-left: 40px;
    display: block;
    text-decoration: none;
}
.generalMenuHl ul li:last-child {
    border-bottom: 0;
}
#meteoDic {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
#meteoDic h4 {
    margin: 0;
    padding: 20px;
    background-color: #25b2cd;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
#meteoDic ul {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}
#meteoDic ul li {
    padding: 5px 10px;
    box-sizing: border-box;
    background: #fff;
}
#meteoDic ul li a {
    color: #0188a5;
    font-size: 16px;
    font-weight: bold;
    //display: block;
    padding-left: 0;
    text-decoration: none;
}
.generalMenu h4 {
    margin: 0;
    padding: 20px;
    background-color: #25b2cd;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.generalMenu ul {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}
.generalMenu ul li {
    width: 100%;
    line-height: 66px;
    text-align: left;
    background: #fff;
    border-bottom: 1px solid #d6eff2;
}
.generalMenu ul li:hover {
    background: #d6e4e7;
}
.generalMenu ul li a {
    color: #0188a5;
    font-size: 18px;
    font-weight: bold;
    padding-left: 40px;
    display: block;
    text-decoration: none;
}
.generalMenu ul li:last-child {
    border-bottom: 0;
}
#discussion {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
#discussion h4 {
    margin: 0;
    padding: 20px;
    background-color: #25b2cd;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
#discussion ul {
    padding: 0;
    margin: 0;
}
#discussion ul li {
    padding: 15px 20px;
    text-align: left;
    background: #fff;
}
#discussion ul li a {
    color: #0188a5;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
#footer {
    background-color: #0188a5;
    width: 100%;
}
#footer ul {
    margin: 0;
    padding: 10px 0;
    text-align: center;
}
#footer ul a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    padding: 10px;
    display: block;
}
#footer .inner-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
#subfooter {
    background-color: #e6e6e6;
    color: #000;
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    text-align: center;
}
#subfooter .bold {
    font-weight: bold;
}
#subfooter a {
    color: #000;
    text-decoration: underline;
}
#subfooter div {
    padding: 10px 0;
}
.text-center {
    text-align: center; padding: 5px;
}
@media screen and (min-width: 768px) {
    ul.dropdown {
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        font-size: 14px;
        margin: 0px 0;
        text-align: center;
    }
    ul.dropdown a {
        text-decoration: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 30px;
    }
    ul.dropdown li {
        padding: 10px 0;
        list-style: none;
        border-left: 1px solid #fff;
        background-color: #25b2cd;
        display: block;
        width: 100%;
    }
    ul.dropdown li:first-child {
        border: 0;
    }
    ul.dropdown li:hover {
        background-color: #0188a5;
    }
    ul.dropdown .home {
        background: #25b2cd url("img/home.png") no-repeat center;
        display: block;
        max-width: 60px;
        border-left: 0;
        margin-left: 0px;
    }
    ul.dropdown ul.sub_menu {
        z-index: 99;
        position: relative;
        display: none;
        widtg: 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        margin: 0;
        margin-top: 10px;
    }
    ul.dropdown ul.sub_menu li {
        margin: 0;
        border: 1px solid #fff;
        border-top: 0;
        margin-left: -1px;
        z-index: 99;
    }
    ul.dropdown ul.sub_menu li:first-child {
        border-top: 1px solid #fff;
    }
    ul.dropdown li:hover ul.sub_menu {
        display: -ms-flexbox;
        display: flex;
    }
    #client-bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    #banner {
        display: block;
        position: relative;
        z-index: 1;
        margin-top: 1px;
    }
    #form-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-right: 20px;
        margin-top: -45px;
    }
    #logo {
        width: 190px;
        height: 70px;
        padding: 10px;
    }
}
#main #content {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
#main #content .foto img {
    width: 100%;
}
#content #mapContainer {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
#mapContainer .left {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
#mapContainer .left .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}
#mapContainer .left .wrapper .mapBanner {
    margin-top: 10px;
}
#mapContainer .left .wrapper .mapBanner a img {
    margin: 0 auto;
    display: block;
}
#mapContainer .left .mapDays {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px 0;
}
#mapContainer .left .mapDays ul {
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#mapContainer .left .mapDays a {
    text-decoration: none;

}
#mapContainer .left .mapDays li {
    display: block;
    float: left;
    width: 125px;
    border-bottom: 1px solid #e6e6e6;
}
#mapContainer .left .mapDays li a {
    position: relative;
    display: block;
    height: 75px;
    border: 1px solid #fff;
    border-bottom: 1px solid #e6e6e6;
    font-size: 18px;
}
#mapContainer .left .mapDays li a img {
    margin-left: 10px;
}
#mapContainer .left .mapDays li a.last {
    width: 159px;
    border-right: 0;
}
#mapContainer .left .mapDays li a span.day {
    display: block;
    line-height: 24px;
    text-decoration: none;
    text-align: center;
    background-color: #d6e4e7;
    color: #25b2cd;
}
#mapContainer .left .mapDays li a:hover span.day {
    text-decoration: none;
    background-color: #25b2cd;
    color: #fff;
}
#mapContainer .left .mapDays li a.active span.day {
    text-decoration: none;
    background-color: #25b2cd;
    color: #fff;
}
#mapContainer .left .mapDays .topTemp {
    position: absolute;
    top: 33px;
    right: 15px;
    font-weight: bold;
    color: #000;
}
#mapContainer .left .mapDays .bottomTemp {
    position: absolute;
    top: 50px;
    right: 15px;
    font-size: 13px;
    color: #000;
}
#mapContainer .left .mapDays .longTermPredMap {
    float: left;
}
#mapContainer .left .mapDays .longTermPredMap a {
    float: left;
    width: 190px;
    height: 75px;
    border: 1px solid #fff;
    border-bottom: 2px solid #e6e6e6;
}
#mapContainer .left .mapDays .longTermPredMap a span.heading {
    background-color: #d6e4e7;
    color: #25b2cd;
    display: block;
    line-height: 24px;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
}
#mapContainer .left .mapDays .longTermPredMap a:hover span.heading {
    text-decoration: none;
    background-color: #25b2cd;
    color: #fff;
}
#mapContainer .left .mapDays .longTermPredMap a span.calendar {
    display: block;
    height: 49px;
    font-weight: bold;
}
#mapContainer .left .mapDays .longTermPredMap a span.calendar strong {
    display: block;
    width: 100%;
    padding-top: 15px;
    line-height: 1.2;
    text-align: center;
    font-weight: normal;
    color: #333;
}
#mapContainer .left .mapDays .longTermPredMap a span.calendar strong span {
    font-weight: bold;
}
#mapContainer .left .mapDayseu {
    float: left;
}
#mapContainer .left .mapDayseu ul {
    float: left;
    border: 2px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    border-bottom: 0;
    border-right: 0;
}
#mapContainer .left .mapDayseu li {
    display: block;
    float: left;
}
#mapContainer .left .mapDayseu li a {
    position: relative;
    display: block;
    width: 113px;
    height: 55px;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}
#mapContainer .left .mapDayseu li a img {
    margin-left: 15px;
}
#mapContainer .left .mapDayseu li a.active {
    border-bottom: 0;
    padding-bottom: 1px;
}
#mapContainer .left .mapDayseu li a.last {
    width: 159px;
    border-right: 0;
}
#mapContainer .left .mapDayseu li a:hover {
    border-bottom: 0;
    padding-bottom: 1px;
}
#mapContainer .left .mapDayseu li a span.day {
    display: block;
    line-height: 24px;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
}
#mapContainer .left .mapDayseu li a:hover span.day {
    text-decoration: none;
}
#mapContainer .left .mapDayseu li a.active span.day {
    text-decoration: none;
}
#mapContainer .left .mapDayseu .topText {
    display: block;
    line-height: 32px;
    text-align: center;
    font-size: 13px;
    color: #000;
}
#mapContainer .left .inner {
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 20;
}
#mapContainer .left .inner .odkazovani {
    display: block;
    color: inherit;
    text-decoration: none;
}
#mapContainer .left .inner .temperature2 {
    position: absolute;
    z-index: 25;
    width: 68px;
    height: 29px;
    background: url("img/temperature_bg2.gif") no-repeat 0 0;
}
#mapContainer .left .inner .temperature {
    position: absolute;
    z-index: 25;
    width: 71px;
    height: 32px;
    background: url("img/temperature_pozadi.png") no-repeat 0 0;
}
#mapContainer .left .inner .temperature img {
    position: absolute;
    top: -20px;
    left: -32px;
}
#mapContainer .left .inner .temperature p {
    position: absolute;
    margin-top: 3px;
    top: 4px;
    right: 5px;
    font-size: 16px;
    font-weight: bold;
}
#mapContainer .left .inner .temperature p span {
    font-weight: normal;
}
#mapContainer .left .inner .karlovy-vary {
    top: 112px;
    left: 40px;
}
#mapContainer .left .inner .most {
    top: 62px;
    left: 140px;
}
#mapContainer .left .inner .plzen {
    top: 185px;
    left: 75px;
}
#mapContainer .left .inner .ceske-budejovice {
    top: 260px;
    left: 195px;
}
#mapContainer .left .inner .praha {
    top: 130px;
    left: 210px;
}
#mapContainer .left .inner .liberec {
    top: 30px;
    left: 250px;
}
#mapContainer .left .inner .hradec-kralove {
    top: 80px;
    left: 330px;
}
#mapContainer .left .inner .pardubice {
    top: 150px;
    left: 353px;
}
#mapContainer .left .inner .jihlava {
    top: 213px;
    left: 310px;
}
#mapContainer .left .inner .brno {
    top: 273px;
    left: 400px;
}
#mapContainer .left .inner .olomouc {
    top: 183px;
    left: 455px;
}
#mapContainer .left .inner .ostrava {
    top: 158px;
    left: 540px;
}
#mapContainer .left .inner .zlin {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .belorusko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .bulharsko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .ceska-republika {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .dansko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .finsko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .francie {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .chorvatsko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .irsko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .island {
    top: 78px;
    left: 63px;
}
#mapContainer .left .inner .italie {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .lotyssko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .nemecko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .nizozemsko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .norsko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .polsko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .portugalsko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .rumunsko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .rusko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .recko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .skotsko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .slovinsko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .srbsko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .spanelsko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .svedsko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .svycarsko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .turecko {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .ukrajina {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner .velka-britanie {
    top: 248px;
    left: 500px;
}
#mapContainer .left .inner map area {
    z-index: 10;
}
#mapContainer .left .mapaCR {
    display: none;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    width: 629px;
    height: 352px;
    background: url("img/mapa_cr_hover.gif") no-repeat 0 0;
}
#mapContainer .left .TminTmax {
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
    height: 40px;
    padding-left: 40px;
    background: url("img/thermometer.png") no-repeat 0 0;
}
#mapContainer .left .TminTmax p.Tmax {
    margin-top: 3px;
    font-size: 12px;
    color: #999;
}
#mapContainer .left .TminTmax p.Tmax span {
    font-weight: bold;
    color: #d51316;
}
#mapContainer .left .TminTmax p.Tmax strong {
    font-weight: bold;
    color: #000;
}
#mapContainer .left .TminTmax p.Tmin {
    font-size: 12px;
    color: #999;
}
#mapContainer .left .TminTmax p.Tmin span {
    font-weight: bold;
    color: #0071b9;
}
#mapContainer .left .TminTmax p.Tmin strong {
    font-weight: bold;
    color: #000;
}
#weatherMapText {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 19;
    border: 1px solid #ddd;
    background: #fff;
}
#weatherMapText .tip {
    float: left;
    line-height: 34px;
    font-size: 14px;
    color: #33691f;
    font-weight: bold !important;
    margin: 4px;
}
#weatherMapText .cotext {
    float: right;
    width: 150px;
    margin: 3px;
    font-size: 12px;
    color: #1a1a1a;
    font-weight: normal !important;
}
#mapContainer .left .bio {
    position: absolute;
    z-index: 20;
    bottom: 20px;
    left: 0;
    height: 70px;
    width: 65px;
    text-align: center;
    background: url("img/heart.png") no-repeat 50% 100%;
}
#mapContainer .left .bio p {
    font-size: 12px;
    font-weight: bold;
    color: #000;
}
#mapContainer .left .bio p.number {
    margin-top: 12px;
    text-align: center;
    font-size: 24px;
    color: #fff;
}
#mapContainer .left .direction {
    position: absolute;
    z-index: 20;
    height: 60px;
    width: 60px;
    text-align: center;
    bottom: 42px;
    right: 10px;
}
#mapContainer .left .direction p {
    font-size: 19px;
    font-weight: bold;
}
#mapContainer .left .toDayWeather {
    margin: 375px 17px 10px 17px;
}
#mapContainer .left .toDayWeather h1 {
    font-size: 18px;
}
#mapContainer .left .toDayWeather h2 {
    font-size: 14px;
    padding-top: 7px;
}
#mapContainer .left .toDayWeather p {
    font-size: 14px;
    line-height: 1.4;
}
#mapContainer .left .toDayWeather p strong {
    font-weight: bold;
}
#mapContainer .left .toDayWeather .button {
    width: 230px !important;
    height: 30px;
    line-height: 30px;
    font-size: 1em;
    font-weight: bold;
    margin: 20px 0 5px 0;
    cursor: pointer;
}
#mapContainer .left .toDayWeatherEu {
    margin: 650px 20px 10px 20px;
}
#mapContainer .left .toDayWeatherEu h1 {
    font-size: 18px;
}
#mapContainer .left .toDayWeatherEu p {
    font-size: 14px;
    line-height: 1.4;
}
#mapContainer .left .toDayWeatherEu p strong {
    font-weight: bold;
}

#sunshine {
  border-collapse: collapse;
  width: 100%;
}

#sunshine td, #sunshine th {
  border: 1px solid #ddd;
  padding: 6px;
  text-align: center;
}

#sunshine tr:first-child{background-color: #9ce1ed;}
#sunshine tr:nth-child(even){background-color: #f2f2f2;}
#sunshine tr:hover {background-color: #ddd;}

#sunshine th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #25b2cd;
  color: white;
}

#sunshine .off {
    color: #900;
    font-weight: bold;
}

#sunshine .on {
    color: #080;
    font-weight: bold;
}

#povodneform h1 {
    font-size: 150%;
    margin-top: 10px;
}
#povodneform p {
    margin-top: 10px;
}
#povodneform table {
    width: 100%;
    margin-top: 20px;
}
#povodneform table tr td {
    padding: 5px 0px;
}
#povodneform input[type=text],
#povodneform textarea,
#povodneform input[type=button],
#povodneform input[type=submit] {
    font-size: 100%;
    font-family: sans-serif;
    padding: 5px;
    border: 1px solid #7f9900;
    background: #fafafa;
    border-radius: 4px;
    outline: none;
}
#povodneform input[type=button],
#povodneform input[type=submit] {
    cursor: pointer;
    background: #7f9900;
    font-weight: bold;
    padding: 7px 5px;
    color: #fff;
}
#povodneform input[type=button]#vlozit-fotografie {
    background: #5078b9;
    border: none;
}
#povodneform .error {
    font-weight: bold;
    color: #d00;
}
#povodneform .ok {
    font-weight: bold;
    color: #00b700;
}
ul#nahledy-obrazku {
    margin: 0px auto;
    list-style: none;
}
ul#nahledy-obrazku li {
    float: left;
    height: 75px;
    width: 100px;
    background: #fff;
    margin: 0px 3px 6px 3px;
    text-align: center;
    position: relative;
    border: 1px solid #808080;
    padding: 0px;
}
ul#nahledy-obrazku li a:link.krizek,
ul#nahledy-obrazku li a:visited.krizek {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0px 5px;
    font-size: 170%;
    background: #fff;
    color: #505050;
}
ul#nahledy-obrazku li a:hover.krizek {
    text-decoration: none;
    color: #f00;
}
#mapContainer .left2 {
    width: 300px;
}
#mapContainer .right2 {
    width: 310px;
    border-left: 3px solid #000;
    padding-left: 30px;
    margin-top: 15px;
}
#mapContainer .right2 h2 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
}
#mapContainer .right2 p {
    margin-bottom: 10px;
}
#mapContainer .right2 hr {
    margin-bottom: 10px;
    background: #5078b9;
    height: 1px;
    border: 0px;
    display: block;
}
#mapContainer .right2 .vetsi {
    font-size: 120%;
    font-weight: bold;
    color: #5078b9;
}
#mapContainer .right2 strong {
    font-weight: bold;
}
#mapContainer .right2 a {
    color: #5078b9;
    text-decoration: underline;
}
#archiv_kalendar {
    margin-right: 5px;
    float: left;
}
#archiv_kalendar h2 {
    margin-bottom: 5px !important;
}
#archiv_kalendar_graf {
    float: right;
}
#archiv_kalendar_graf .imgBanner {
    margin-top: 20px !important;

}
.archiv-list:link,
.archiv-list:visited {
    width: 91px;
    height: 132px;
    overflow: hidden;
    border: 1px solid #ccc;
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-right: 4px;
    padding: 5px 4px 0px 4px;
    text-decoration: none;
    color: #000;
}
.archiv-list:hover {
    border: 1px solid #000;
}
.archiv-list-datum {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
.archiv-list-obrazek {
    padding: 5px 0px 3px 0px;
}
.archiv-list-teploty {
    text-align: left;
    color: #000;
}
.slovo-den,
.slovo-noc {
    font-size: 80%;
    float: left;
}
.teploty-den {
    color: #d51316;
    font-weight: bold;
    float: right;
}
.teploty-noc {
    color: #0071b9;
    font-weight: bold;
    float: right;
}
.clear-both {
    clear: both;
    height: 0px;
}
.archiv-list.konec-radku:link,
.archiv-list.konec-radku:visited {
    margin-right: 0px;
}
#mapContainer .left a.city {
    display: block;
    position: absolute;
    height: 30px;
}
#mapContainer .left a.city span.point {
    display: block;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 2px;
    width: 13px;
    height: 13px;
    background: url("img/citypoint.png") no-repeat 0 0;
}
#mapContainer .left a.city span.TW {
    display: block;
    position: absolute;
    z-index: 9;
    bottom: -2px;
    left: 0;
    padding: 0px 10px;
    white-space: nowrap;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #000;
}
#mapContainer .left a.city span.TW:hover {
    border: 1px solid #3a3a3a;
    background-color: #fff;
}
#mapContainer .left a.city span.TW * {
    vertical-align: middle;
}
#mapContainer .left a.city span.TW img {
    vertical-align: middle;
    width: 28px;
    margin: 0 0 0 1px;
    padding-right: 5px;
}
#mapContainer .left a.city span.TW .temp {
    padding-left: 5px;
    font-weight: bold;
}
#mapContainer .left .cityarch {
    display: block;
    position: absolute;
    height: 30px;
}
#mapContainer .left .cityarch span.point {
    display: block;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 2px;
    width: 13px;
    height: 13px;
    background: url("img/citypoint.png") no-repeat 0 0;
}
#mapContainer .left .cityarch span.TW {
    display: block;
    position: absolute;
    z-index: 9;
    bottom: -2px;
    left: 0;
    padding: 0px 10px;
    white-space: nowrap;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #000;
}
#mapContainer .left .cityarch span.TW * {
    vertical-align: middle;
}
#mapContainer .left .cityarch span.TW img {
    vertical-align: middle;
    width: 28px;
    margin: 0 0 0 1px;
    padding-right: 5px;
}
#mapContainer .left .cityarch span.TW .temp {
    padding-left: 5px;
    font-weight: bold;
}
#mapContainer .left .karlovarsky {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 629px;
    height: 360px;
    z-index: 150;
    background: transparent url("img/regions/regionsbig/1.png") no-repeat 0 0;
}
#mapContainer .left .ustecky {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 629px;
    height: 360px;
    z-index: 150;
    background: transparent url("img/regions/regionsbig/2.png") no-repeat 0 0;
}
#mapContainer .left .plzensky {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 629px;
    height: 360px;
    z-index: 150;
    background: transparent url("img/regions/regionsbig/4.png") no-repeat 0 0;
}
#mapContainer .left .jihocesky {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 629px;
    height: 360px;
    z-index: 150;
    background: transparent url("img/regions/regionsbig/3a.png") no-repeat 0 0;
}
#mapContainer .left .stredocesky {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 629px;
    height: 360px;
    z-index: 150;
    background: transparent url("img/regions/regionsbig/5a.png") no-repeat 0 0;
}
#mapContainer .left .liberecky {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 629px;
    height: 360px;
    z-index: 150;
    background: transparent url("img/regions/regionsbig/6a.png") no-repeat 0 0;
}
#mapContainer .left .kralovehradecky {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 629px;
    height: 360px;
    z-index: 150;
    background: transparent url("img/regions/regionsbig/7a.png") no-repeat 0 0;
}
#mapContainer .left .pardubicky {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 629px;
    height: 360px;
    z-index: 150;
    background: transparent url("img/regions/regionsbig/8a.png") no-repeat 0 0;
}
#mapContainer .left .vysocina {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 629px;
    height: 360px;
    z-index: 150;
    background: transparent url("img/regions/regionsbig/9a.png") no-repeat 0 0;
}
#mapContainer .left .jihomoravsky {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 629px;
    height: 360px;
    z-index: 150;
    background: transparent url("img/regions/regionsbig/11a.png") no-repeat 0 0;
}
#mapContainer .left .olomoucky {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 629px;
    height: 360px;
    z-index: 150;
    background: transparent url("img/regions/regionsbig/10a.png") no-repeat 0 0;
}
#mapContainer .left .moravskoslezsky {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 629px;
    height: 360px;
    z-index: 150;
    background: transparent url("img/regions/regionsbig/13a.png") no-repeat 0 0;
}
#mapContainer .left .zlinsky {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 629px;
    height: 360px;
    z-index: 150;
    background: transparent url("img/regions/regionsbig/12a.png") no-repeat 0 0;
}
#mapContainer .left .regions .regionTitle {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 24px;
}
#mapContainer .left .regions .regionTitle2 {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 24px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 3px 15px 3px 15px;
}
#mapContainer .left .close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 73px;
    height: 28px;
    background: url("img/crossmap.png") no-repeat;
}
#mapContainer .left #map1 .selected {
    display: block;
}
#mapContainer .left #map2 {
    position: relative;
    float: left;
    width: 683px;
    min-height: 757px;
    background-color: #fff;
}
#mapContainer .left #map2 .selected {
    display: block;
}
#mapContainer .left .mapaevropy {
    z-index: 10;
    position: relative;
    top: 0px;
    left: 0px;
    width: 650px;
    height: 650px;
    background: url("img/mapa_evropy.png") no-repeat 0 0;
}
.clearboth {
    clear: both;
}
.map-view-container-eu {
    position: relative;
    height: 660px;
}
.map-view-container {
    position: relative;
}
.map-container {
    float: left;
}
.map-view-container img.map {
    position: relative;
    z-index: 100;
}
.map-view-container img.region {
    display: none;
    left: 0px;
    position: absolute;
    top: 0px;
    z-index: 20;
}
.map-view-container img.regionBg {
    left: 0px;
    position: absolute;
    top: 0px;
    z-index: 19;
}
#mapTip {
    position: absolute;
    top: 35px;
    left: 0px;
    z-index: 2000;
    width: 191px;
    border: 1px solid #ddd;
    background: #fff;
}
#mapTip .tip {
    float: left;
    line-height: 50px;
    font-size: 14px;
    color: #33691f;
    font-weight: bold !important;
    margin: 4px;
}
#mapTip .cotext {
    float: right;
    width: 150px;
    margin: 3px;
    font-size: 12px;
    color: #1a1a1a;
    font-weight: normal !important;
}
.weatherArchive {
    position: absolute;
    z-index: 101;
    top: 68px;
    right: 0px;
    cursor: pointer;
    font-weight: bold;
}
.weatherArchive input {
    width: 1px;
    background: none;
    border: 0px;
}
.weatherArchive a:link,
.weatherArchive a:visited {
    color: #000;
    position: relative;
    top: -5px;
}
.weatherArchive a:hover {
    text-decoration: underline;
}
#practice-container {
    float: left;
}
#practice-container ul {
    display: none;
}
#practice-container ul.selected {
    display: inline;
}
#practice-container ul li {
    list-style-type: none;
}
#practice-container .selected-list ul li {
    list-style-type: none;
}
#mapContainer .left #map1 {
    position: relative;
    display: none;
    width: 683px;
    min-height: 487px;
    background-color: #fff;
}
#adds-center {
    max-width: 300px;
    height: 300px;
    background: #c1c1c1;
    margin: auto;
    margin-bottom: 20px;
}
.mapAd {
    display: none;
}
@media screen and (min-width: 768px) {
    #adds-center {
        display: none;
    }
    .mapAd {
        display: block;
    }
    #mapContainer .left #map1 {
        width: 683px;
        min-height: 487px;
        background-color: #fff;
        -ms-flex-pack: center;
        justify-content: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        margin: 0;
    }
}
@media screen and (min-width: 1440px) {
    #content #mapContainer {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    #mapContainer .left .mapDays {
        margin-top: 20px;

        margin-bottom: 20px;
    }
    #mapContainer .left .wrapper {
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 0;
        margin-left: 20px;
    }
    #mapContainer .left {
        background: #fff;
        margin: 20px;

    }
    #mapContainer .right {
        max-width: 370px;
        min-width: 300px;
        margin-top: 20px;
        margin-right: 20px;
    }
}
@media screen and (min-width: 1024px) {
    #page {
        width: 75%;
        margin: auto;
        margin-top: 50px;
    }
    #footer .inner-container {
        width: 75%;
        margin: auto;
        max-width: 1060px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px;
    }
    #subfooter-reklama {
        width: 75%;
        margin: auto;
        padding: 20px;
    }

    #right-fix {
        position: absolute;
        width: 160px;
        right: 0px;
    }
    .inner-container {
        position: relative;
    }
    #right-adds {
        position: fixed;
        top: 330px;
        margin-left: 160px;
        width: 160px;
        height: 600px;
        /*background: #c1c1c1;*/
    }
    #left-adds {
        position: fixed;
        top: 330px;
        margin-left: -160px;
        width: 160px;
        height: 600px;
        display: flex;
        justify-content: flex-end;
    }
    #contentWeather {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex: 1;
        flex: 1;
    }
    #olderWI .wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #olderWI .wrapper .section {
        -ms-flex-item-align: end;
        align-self: flex-end;
        max-width: 50%;
        padding: 20px;
        box-sizing: border-box;
    }
    #olderWI .wrapper .section .info {
        height: 90px;
        overflow: auto;
    }
    .viceclanku {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    #VideosPrev .wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #VideosPrev .wrapper .section {
        max-width: 50%;
        box-sizing: border-box;
        padding: 20px;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    #contentWeather {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #contentWeather .weatherInfo {
        padding: 20px;
        -ms-flex-item-align: end;
        align-self: flex-end;
        max-width: 50%;
        box-sizing: border-box;
    }
    #contentWeather .weatherInfo .info {
        height: 90px;
        overflow: auto;
    }
}
@media screen and (min-width: 1440px) {
    #page {
        width: 80%;
        margin: auto;
        margin-top: 50px;
        margin-bottom: 0;
        max-width: 1060px;
    }
    #content {
        background-color: rgba(255,255,255,0.9);
        padding: 0;
    }
    .right ul li {
        line-height: 55px;
    }
    #olderWI .wrapper {
        display: -ms-flexbox;
        display: flex;
    }
    #olderWI .wrapper .section {
        -ms-flex-item-align: end;
        align-self: flex-end;
        padding: 20px;
    }
    #meteoDic {
        margin-top: 20px;
    }
    #meteoDic ul li {
        padding: 5px 10px;
        text-align: left;
        line-height: 20px;
    }
    #meteoDic ul li a {
        padding-left: 0;
    }
    #flex-main {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin: 20px;
        margin-top: 0;
        height: 100%;
    }
    #mainContent,
    #homeContent {
        width: 1060px;
        margin-left: 20px;
    }
    #aswift_0_expand {
        display: none;
    }
    #LeftMenu {
        min-width: 280px;
        max-width: 370px;
    }
    #footer .inner-container {
        width: 80%;
        margin: auto;
        max-width: 1060px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px;
    }
    #subfooter-reklama {
        width: 80%;
        margin: auto;
        max-width: 1060px;
        padding: 20px;
    }
}
@media screen and (min-width: 1600px) {
    #right-adds {
        margin-left: 310px;
        width: 300px;
        height: 600px;
    }
    #left-adds {
        margin-left: -310px;
        width: 300px;
        height: 600px;
    }
    #right-fix {
        position: absolute;
        width: 300px;
        right: 0px;
    }
}
@media screen and (min-width: 1800px) {
    .home {
        margin-left: 1px;
    }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    ul.dropdown .home {
        max-width: none;
        width: 60%;
    }
    #client-bar {
        position: absolute;
        right: 10px;
    }
}
@media screen and (-ms-high-contrast: active) and (min-width: 1440px), screen and (-ms-high-contrast: none) and (min-width: 1440px) {
    #mapContainer .left {
        height: 730px;
    }
}
/* Archiv poÄŤasĂ­ */
#breadCrupmps {
    background: #fff;
    padding: 20px;
}
#breadCrupmps a {
    color: #000;
}
.flex-temp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
#mainContent {
    background: #fff;
}
#mainContent h2 {
    margin-right: 0;
}
#mainContent .flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
#mainContent #city-weather a {
    color: #25b2cd;
    text-decoration: none;
}
#mainContent #city-weather a:hover {
    text-decoration: underline;
}
#mainContent #city-weather #longbanners {
    max-width: 330px;
}
#mainContent #city-weather #longbanners .sponsoredLinks .link:first-child {
    border-top: 1px solid #c0c0c0;
}
#mainContent #city-weather #longbanners .sponsoredLinks .link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid #c0c0c0;
}
#mainContent #city-weather #longbanners .sponsoredLinks .link .image img {
    width: 120px;
    height: 50px;
    max-width: unset;
}
#mainContent #city-weather #heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
#mainContent #city-weather #heading a {
    margin: 20px 0;
}
#mainContent #city-weather-days {
    margin-top: 40px;
}
#mainContent #city-weather-days .day {
    margin-bottom: 40px;
    border-bottom: 1px solid #c0c0c0;
}
#mainContent #city-weather-days .left {
    display: -ms-flexbox;
    display: flex;
}
#mainContent #city-weather-days .left img {
    margin-left: 20px;
    width: 60px;
    height: 60px;
}
#mainContent input[type=text] {
    padding: 10px 15px;
}
#mainContent input[type=password] {
    padding: 10px 15px;
}
#mainContent input[type=submit] {
    padding: 10px 15px;
    border: 0;
    background: #25b2cd;
    color: #fff;
}
#mainContent .foto img {
    height: auto;
    width: 100%;
}
#mainContent #olderWI ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#mainContent h2 {
    margin: 0;
    padding: 20px;
    background-color: #25b2cd;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}
#mainContent h1 {
    margin-top: 0;
}
#mainContent .ui-datepicker {
    width: 100%;
    padding: 0.2em 0.2em 0;
    display: none;
    margin: 20px 0;
    margin-left: -5px;
}
#mainContent #archiv-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}
#mainContent #archiv_kalendar {
    margin: 0;
}
#mainContent .archiv {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#mainContent .archiv div {
    padding: 20px;
}
#mainContent .archiv div ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
#mainContent .archiv div ul li {
    padding: 10px;
    margin-top: 5px;
    background: #d6e4e7;
}
#mainContent .archiv div ul li:hover {
    background: #25b2cd;
}
#mainContent .archiv div ul li a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
}
@media screen and (min-width: 500px) {
    #mainContent {
        padding: 20px;
    }
    #mainContent h2 {
        margin-left: -20px;
        margin-right: -20px;
    }
}
@media screen and (min-width: 768px) {
    #detail .flex {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    #heading-video {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #mainContent .flex {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    #mainContent #city-weather #heading {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: end;
        align-items: end;
    }
    #mainContent #city-weather #heading a {
        margin: 0;
        margin-top: 10px;
    }
    #mainContent #city-weather #heading select {
        padding: 10px;
    }
}
@media screen and (min-width: 1440px) {
    .flex-temp {
        display: -ms-flexbox;
        display: flex;
        margin: 20px;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    #breadCrupmps {
        margin: 20px;
    }
    #mainContent #archiv_kalendar {
        margin: 20px;
    }

    .topbanner_container {
        width: 1000px;
        margin: auto;
        display: flex;
        justify-content: center;
    }
    .footer_banner_container {
        width: 1000px;
        margin: auto;
        display: flex;
        justify-content: center;
    }
}
#predGraph-wrapper {
    display: none;
}
#mainContent h1,
#mainContent h3 {
    color: #25b2cd;
}
#mainContent .heading {
    font-size: 20px;
}
#mainContent .sponsoredLinks a {
    text-decoration: none;
    color: #25b2cd;
    padding: 10px;
    display: block;
}
#mainContent .sponsoredLinks a:hover {
    text-decoration: underline;
}
#mainContent #gotoDisc {
    text-decoration: none;
    color: #25b2cd;
    padding: 10px;
    display: block;
}
#mainContent #gotoDisc:hover {
    text-decoration: underline;
}
@media screen and (min-width: 768px) {
    #predGraph-wrapper {
        display: block;
    }
}
.tc a,
#oblasti a,
.vypismest a,
.hlavni a {
    color: #25b2cd;
    text-decoration: none;
}
.tc a:hover,
#oblasti a:hover,
.vypismest a:hover,
.hlavni a:hover {
    text-decoration: underline;
}
#radar,
#stranka,
#radar2 {
    margin: 20px;
    padding: 20px;
    background: #fff;
}
#stranka img {
    display: -ms-flexbox;
    display: flex;
    margin: auto;
}
#radar2 a {
    color: #25b2cd;
    text-decoration: none;
}
#radar2 a:hover {
    text-decoration: underline;
}
#radar h1 {
    color: #25b2cd;
}
#olderWI ul {
    display: -ms-flexbox;
    display: flex;
}
#olderWI ul li {
    padding: 10px;
    background: #d6e4e7;
    margin-left: 2px;
}
#olderWI ul li a {
    text-decoration: none;
    color: #fff;
}
#olderWI ul li:hover {
    background: #25b2cd;
}
#olderWI ul .active {
    background: #25b2cd;
}
#olderWI span {
    display: block;
}

#text input[type=submit] {
    color: #fff;
    border: 0;
    padding: 10px 15px;
    background: #25b2cd;
}

/* ------------ NEW --------------- */
#adds {
    display: none;
}
.adsbygoogle{
  width: 100%;
  overflow: hidden;
}
.mapAd {
    display: block;
}
#banner img, #topContentBanner img {
    width: 100%;
}
#banner iframe, #topContentBanner iframe {
    width: 100%;
}
#banner iframe .combi, #topContentBanner iframe .combi {
    width: 100%;
}
@media screen and (max-width: 767px) {
    #dropdown-menu-button {
        float: right;        
        display: block;
        width: 38px;
        height: 38px;
        margin-top: 10px;
        margin-right: 20px;
        margin-left: 20px;
        background: transparent url('../images/menu-button.png');
        background-size: cover;
    }
    ul.dropdown {
        display: none;
    }
    ul.dropdown.shown {
        display: flex;
    }
    ul.dropdown ul.sub_menu {
        z-index: 2;
    }    
}
@media screen and (min-width: 768px) {
    #content>.flex-temp{
      flex-direction: row !important;
    }
    #Cwrapper {    
      display: flex;
      flex-direction: column;
      order: 2;  
      width: 70%;
    }
    #LeftMenu{
      display: flex;
      flex-direction: column;
      width: 30%;
    }
    #dropdown-menu-button {
        display: none;
    }
    ul.dropdown {
        display: flex;
    }
}
@media screen and (max-width: 1023px) {
    #mapContainer .right .mapAd{
        width: 100%;
    }    
    #mapContainer .right #meteoDic{
        display: none;
    }
}
@media screen and (min-width: 1024px) {
    #adds {
        display: block !important;
    }
}