/*General-------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0; margin: 0; padding: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
a {text-decoration: none; }
h1, h2, h3, h4 {font-weight: bold; font-family: arial, times, serif; color: #000;}
li {list-style-type: none;}
hr {display: none;}
/*Universal style ---------------------*/
.fl {float: left;}
.fr {float: right;}
.cleaner {clear: both; visibility: hidden; height: 0; overflow: hidden; line-height: 0; font-size: 0;}
.noscreen {display: none;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.hand {cursor: pointer;}
.bold {font-weight: bold;}
.cleardisplay {display: block !important;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}
.inner-container {margin: 0 auto; min-height: 100%; width: 960px;}
/*Layout style ----------------*/
body {font: 14px/1.5 arial, helvetica, sans-serif;}
#stranka {margin:0 auto; text-align:center; margin:0 10px 0 10px;}
#header {height: 143px; background: url('img/background-gradient.png') repeat-x 0 0;}
#header .inner-container {position: relative; z-index: 50; background: url('img/header-bg.jpg') no-repeat 50% 0;}
#header #logo {position: absolute; top: 15px; left: 10px;}
#header #logo a {display:block; font-size: 36px; text-decoration: none; font-style: italic; color: #143f77;}
#header #logoText {position: absolute; top: 30px; left: 10px;}
#header #logoText a {display:block; font-size: 31px; text-decoration: none; font-style: italic; color: #143f77;}
#header ul#client-bar {position: absolute; top: 15px; right: 45px;}
#header ul#client-bar li {display: inline;}
#header ul#client-bar li.non {padding: 0 6px 0 20px;}
#header ul#client-bar li.log {padding: 0 6px 0 20px; background: url('img/dwndart.png') no-repeat 0 50%;}
#header ul#client-bar li.reg {padding-left: 10px; background: url('img/client-line.png') no-repeat 0 50%;}
#header ul#client-bar li.non a {text-decoration: underline; font-weight: bold; color: #000;}
#header ul#client-bar li.log a {text-decoration: underline; color: #669900;}
#header ul#client-bar li.reg a {text-decoration: underline; color: #000;}
#header ul#client-bar li a:hover {text-decoration: none;}
#header #form-wrapper {position: absolute; top: 50px; right: 0; width: 218px; background: url('img/search-bg.png') no-repeat 0 0;}
#header #form-wrapper form fieldset legend {display: none;}
#header #form-wrapper form fieldset input.text {width: 170px; margin-left: 10px; padding: 5px 0; border: 0; font-size: 13px; font-weight: bold; font-family: arial, helvetica, sans-serif; color: #404040;}
#header #form-wrapper form fieldset input.btn {padding: 0 10px; width: 28px; height: 28px; border: 0; background: url('img/magnifier.png') no-repeat 50% 50%; cursor: pointer;}
#header #login {position: relative; top: 50px; z-index: 200;}
#header #login #panel {display: none; position: absolute; top: 0; z-index: 100; right: 0; width: 298px; height: 140px; border: 1px solid #ccc; background: #fff url(img/login-gb.png) no-repeat 0 0;}
#header #login #panel table {margin: 25px 0 0 20px; color: #333; font-size: 13px;}
#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: 1px solid #ccc;}
#header #login #panel input.btn-l {position: absolute; top: 95px; right: 9px; width: 85px; padding: 5px 15px; border: 1px solid #000; font-weight: bold; background-color: #143f77; color: #fff;}
#header #login #panel p.err-log {position: absolute; top: 8px; left: 20px; color: red; 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;}
/*--- Dropdown navigation menu style -----------------------*/
#header ul.dropdown {position: absolute; top: 100px; left: 0; z-index: 100; width: 100%; height: 40px; background: url('img/nav_bg.png') repeat-x 0 0;}
#header ul.dropdown li.headlink {float: left; font-weight: bold; zoom: 1; background: url('img/nav-line.png') no-repeat 0 0;}
#header ul.dropdown li:hover {background: url('img/nav-bg-hover.png') repeat-x 0 0;}
#header ul.dropdown li.active {background: url('img/nav-bg-hover.png') repeat-x 0 0;}
#header ul.dropdown li.home a {display: block; float: left; width: 20px; height: 18px; background: url('img/home.png') no-repeat 50% 50%;}
#header ul.dropdown li.home a:hover {background: url('img/home-hover.png') no-repeat 50% 50%;}
ul.dropdown li a {display: block; float: left; padding: 12px 15px 10px 15px; color: #fff; font-size: 12px;}
ul.dropdown li:hover {position: relative; color: #fff;}
ul.dropdown ul {display: none; position: absolute; top: 100%; left: 0;}
ul.dropdown ul li a {border-right: none; width: 100%; display: inline-block;}
ul.sub_menu {float: left;}
ul.sub_menu li {background: #143E78;}
ul.sub_menu li a {white-space: nowrap; padding: 5px 10px 5px 10px; background: #143E78; border-bottom: 2px solid #20477E;}
ul.sub_menu li a {float: none;}
ul.sub_menu li a:hover {font-weight: bold; background-color: #0C2446;}
#main {background: url('img/bg-main.png') repeat-x 0 0;}
#main .inner-container {}
#main #topContentBanner {margin-bottom: 5px; text-align: center;}
#main #topContentBanner img {display: block;}
#main #topContentBanner_map {margin-bottom: 8px; text-align: center;}
#main #topContentBanner_map img {display: block;}
#main #breadCrupmps {font-size: 11px; margin-bottom: 5px; height: 20px; line-height: 20px; font-family: verdana;}
#main #breadCrupmps a {padding: 0 4px; text-decoration: underline; font-family: arial; font-size: 12px; color: #4C8D1B;}
#main #breadCrupmps a:hover {text-decoration: none;}
#main #breadCrupmps span {padding: 0 4px; font-family: arial; font-size: 12px;}
#main #content {float: left; width: 960px; background: #fff;}
#content #mapContainer {float: left; width: 100%; margin-bottom: 10px;}
#mapContainer .left {float: left; width: 687px;}
#mapContainer .left .wrapper {float: left; border: 2px solid #f1f1f1; border-top: 0;}
#mapContainer .left .wrapper .mapBanner {margin-top: 10px;}
#mapContainer .left .wrapper .mapBanner a {}
#mapContainer .left .wrapper .mapBanner a img {margin: 0 auto; display: block;}
#mapContainer .left .mapDays {float: left;}
#mapContainer .left .mapDays ul {float: left; border: 2px solid #f1f1f1; border-top: 1px solid #f1f1f1; border-bottom: 0; border-right: 0;}
#mapContainer .left .mapDays li {display: block; float: left; }
#mapContainer .left .mapDays li a {position: relative; display: block; width: 130px; height: 75px; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}
#mapContainer .left .mapDays li a img {margin-left: 15px;}
#mapContainer .left .mapDays li a.active {border-bottom: 0; padding-bottom: 1px; background: url('img/mapdays_bg_day_active.png') repeat-x 0 24px;}
#mapContainer .left .mapDays li a.last {width: 159px; border-right: 0;}
#mapContainer .left .mapDays li a:hover {border-bottom: 0; padding-bottom: 1px; background: url('img/mapdays_bg_day_active.png') repeat-x 0 24px;}
#mapContainer .left .mapDays li a span.day {display: block; line-height: 24px; text-decoration: underline; text-align: center; font-size: 12px; background: url('img/mapdays_bg_day2.png') repeat-x; color: #fff;}
#mapContainer .left .mapDays li a:hover span.day {text-decoration: none; background: url('img/mapdays_bg_day.png') repeat-x;}
#mapContainer .left .mapDays li a.active span.day {text-decoration: none; background: url('img/mapdays_bg_day.png') repeat-x;}
#mapContainer .left .mapDays .topTemp {position: absolute; top: 33px; right: 15px; font-weight: bold; font-size: 14px; 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: 159px; height: 75px; border-bottom: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; border-right: 2px solid #f1f1f1; background: url('img/map_longpred_bg.png') repeat-x 0 24px;}
#mapContainer .left .mapDays .longTermPredMap a span.heading {display: block; line-height: 24px; text-decoration: underline; text-align: center; font-size: 12px; background: url('img/mapdays_bg_day2.png') repeat-x; color: #fff;}
#mapContainer .left .mapDays .longTermPredMap a:hover span.heading {text-decoration: none; background: url('img/mapdays_bg_day.png') repeat-x;}
#mapContainer .left .mapDays .longTermPredMap a:hover {background: url('img/mapdays_bg_day_active.png') repeat-x 0 24px;}
#mapContainer .left .mapDays .longTermPredMap a span.calendar {display: block; height: 49px; font-weight: bold; background: url('img/map_longpred_calendar.png') no-repeat 85% 60%;}
#mapContainer .left .mapDays .longTermPredMap a span.calendar strong {display: block; width: 70px; margin: 0 0 0 15px; padding-top: 8px; line-height: 1.2; text-align: right; 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; background: url('img/mapdays_bg_day_active_eu.png') repeat-x 0 24px;}
#mapContainer .left .mapDayseu li a.last {width: 159px; border-right: 0;}
#mapContainer .left .mapDayseu li a:hover {border-bottom: 0; padding-bottom: 1px; background: url('img/mapdays_bg_day_active_eu.png') repeat-x 0 24px;}
#mapContainer .left .mapDayseu li a span.day {display: block; line-height: 24px; text-decoration: underline; text-align: center; font-size: 14px; background: url('img/mapdays_bg_day2.png') repeat-x; color: #fff;}
#mapContainer .left .mapDayseu li a:hover span.day {text-decoration: none; background: url('img/mapdays_bg_day.png') repeat-x;}
#mapContainer .left .mapDayseu li a.active span.day {text-decoration: none; background: url('img/mapdays_bg_day.png') repeat-x;}
#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; 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; width:191px; 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;}
#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:#DD0000;}
#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: #ff0000;
}
#mapContainer .left2 {
width: 600px;
}
#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: 40px !important; margin-right: 140px !important;}
.archiv-list:link, .archiv-list:visited {
width: 91px;
height: 132px;
overflow: hidden;
border: 1px solid #ccc;
display: block;
float: left;
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 {
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 {position: relative; float: left; width: 683px; min-height: 487px; background-color: #fff;}
#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 .right {float: right; width: 250px;}
#mapContainer .right ul {margin-bottom: 20px;}
#mapContainer .right li {height: 49px; background: url('img/right_map_ul.png') repeat-x;}
#mapContainer .right li:hover {background: url('img/right_map_ul_hover.png') repeat-x;}
#mapContainer .right li a {display: block; padding-left: 18px; line-height: 49px; font-size: 15px; font-weight: bold; color: #174d93;}
#mapContainer .right li a.models {background: url('img/icons/models.png') no-repeat 95% 50%;}
#mapContainer .right li a.dictionary {background: url('img/icons/dictionary.png') no-repeat 95% 50%;}
#mapContainer .right li a.web {background: url('img/icons/addtoweb.png') no-repeat 95% 50%;}
#mapContainer .right li a.radar {background: url('img/icons/radar.png') no-repeat 95% 50%;}
#mapContainer .right li a.satelite {background: url('img/icons/satelite.png') no-repeat 95% 50%;}
#mapContainer .right li a.snih {background: url('img/icons/snih.png') no-repeat 95% 50%;}
#mapContainer .right li a.lightning {background: url('img/icons/lightning.png') no-repeat 95% 50%;}
#mapContainer .right li a.shop {background: url('img/icons/shop.png') no-repeat 95% 50%;}
#mapContainer .right li a.aplikace {background: url('img/icons/aplikace.png') no-repeat 95% 50%;}
#mapContainer .right li a.kniha {background: url('img/icons/kniha.png') no-repeat 95% 50%;}
#mapContainer .right li a.vlocka {background: url('img/icons/vlocka.png') no-repeat 95% 50%;}
#mapContainer .right li a.archiv {background: url('img/icons/archiv.png') no-repeat 92% 50%;}
#mapContainer .right li a.tvpocasi {background: url('img/icons/tvpocasi.png') no-repeat 95% 50%;}
#mapContainer .right li a.travel {background: url('img/icons/travel.png') no-repeat 95% 50%;}
#mapContainer .right li a.destnik {background: url('img/icons/destnik.png') no-repeat 95% 50%;}
#mapContainer .right .mapAd {margin-top: 5px;}
#mapContainer .right .mapAd img {display: block;}
#radar {padding: 5px 0 10px 0; background-color: #fff;}
#radar h1 {margin: 5px 0 12px; line-height: 1.2; font-size: 20px;}
#radar h2 {margin: 5px 0 12px; line-height: 1.2; font-size: 16px;}
#radar a {text-decoration: none; color: #669900;}
#radar a:hover {text-decoration: underline;}
#radar strong {font-weight: bold;}
#radar2 {text-align: center; padding: 5px 0 10px 0; background-color: #fff;}
#radar2 h1 {margin: 5px 0 12px; line-height: 1.2; font-size: 20px;}
#radar2 h2 {margin: 5px 0 12px; line-height: 1.2; font-size: 16px;}
#radar2 a {text-decoration: none; color: #669900;}
#radar2 a:hover {text-decoration: underline;}
#radar2 strong {font-weight: bold;}
#main #mainContent {float: right; width: 740px; margin-left: 20px;}
#main #mainContent h1 {margin: 5px 0 12px; line-height: 1.2; font-size: 20px;}
#main #mainContent h2 {margin: 5px 0 12px; line-height: 1.2; font-size: 16px;}
#main #mainContent a {text-decoration: underline; color: #000;}
#main #mainContent a:hover {text-decoration: none;}
#main #mainContent .weatherInfo {float: left; width: 350px; margin: 10px 25px 10px 0;}
#main #mainContent .weatherInfo.right {float:right; margin-right:0;}
#main #mainContent .weatherInfoBanner {float:right; width:300px; height:300px; margin: 25px 20px 0 20px;}
#main #mainContent .weatherInfo p.heading {margin: 0 3px; padding-bottom: 8px; font-weight: bold; border-bottom: 1px solid #ebebeb; color: #666;}
#main #mainContent .weatherInfo h2 {margin: 0 3px; padding-bottom: 5px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #ebebeb; color: #000;}
#main #mainContent .weatherInfo h2 a {text-decoration:none; color: #666;}
#main #mainContent .weatherInfo h3 {height: 42px; margin: 5px 0 12px; line-height: 1.2; font-size: 18px;}
#main #mainContent .weatherInfo h3 a {text-decoration: underline; color: #16407a;}
#main #mainContent .weatherInfo h3 a:hover {text-decoration: none;}
#main #mainContent .weatherInfo h3.druhy {margin-top: 28px;}
#main #mainContent .weatherInfo .foto {position: relative; margin-bottom: 7px;}
#main #mainContent .weatherInfo .foto img.ico {position: absolute; bottom: 10px; left: 10px; border: 0;}
#main #mainContent .weatherInfo .foto img {display: block; margin: 0 auto; padding: 2px; -moz-border-radius: 3px; border: 1px solid #d2d2d2;}
#main #mainContent .weatherInfo p.info {height: 54px; margin-bottom: 4px; font-size: 12px; border-bottom: 1px solid #B9B9B9;}
#main #mainContent .weatherInfo p.dateTime {padding-bottom: 4px; font-size: 14px; color: #999;}
#main #olderWI {position: relative; float: left; width: 100%; margin: 15px 0 10px 0; padding-bottom: 43px;/* background: url('img/older_wi_bg.png') repeat-x bottom left;*/}
#main #olderWI .wrapper {float: left; padding-bottom: 8px; border-bottom: 1px solid #B9B9B9;}
#main #olderWI .wrapperLast {float: left; padding-top: 5px;}
#main #olderWI .section {float: left; width: 225px; margin: 0 24px 0 4px;}
#main #olderWI .section:last-child {margin: 0;}
#main #olderWI .section h3 {min-height: 34px; margin: 5px 0; line-height: 1.2;}
#main #olderWI .section h3 a {text-decoration: underline; color: #16407a;}
#main #olderWI .section h3 a:hover {text-decoration: none;}
#main #olderWI .section .foto {position: relative;}
#main #olderWI .section .foto {margin-bottom: 5px;}
#main #olderWI .section .foto img.ico {position: absolute; bottom: 10px; left: 10px; border: 0;}
#main #olderWI .section .foto a img {display: block; padding: 2px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #d2d2d2;}
#main #olderWI .section p.info {height: 53px; margin-bottom: 4px; font-size: 12px;}
#main #olderWI .section p.dateTime {font-size: 14px; color: #999;}
#main #olderWI a.more {position: absolute; bottom: 8px; right: 0; margin-right: 10px; padding-right: 30px; text-decoration: underline; font-weight: bold; background: url('img/dart_white.png') no-repeat 95% 50%; color: #669900;}
#main #olderWI a:hover.more {text-decoration: none;}
#main #olderWI ul {margin-top: 15px; float: left;}
#main #olderWI li {float: left; margin: 0 3px; color: #666; font-weight: bold;}
#main #olderWI li a {float: left; width: 27px; padding: 3px 0; border: 1px solid #e1e1e1; text-align: center; text-decoration: underline; font-weight: bold; font-size: 14px; color: #666;}
#main #olderWI li a:hover {text-decoration: none; background-color: #649802; color: #fff;}
#main #olderWI li.active a {text-decoration: none; background-color: #649802; color: #fff;}
#main #olderWI span {float: right; margin-top: 20px; color: #666; font-size: 14px;}
#main #olderWI span strong {font-weight: bold;}
#main #mainContent .viceclanku {text-align: right; padding-top: 20px; clear: both;}
#main #mainContent .viceclanku a.viceclankumore {font-weight: bold; background: url("img/dart_white.png") right 10px center no-repeat; padding-right: 30px; color: #333;}
#main #fotoGaleryPrev {position: relative; float: left; width: 100%; margin-bottom: 30px;}
#main #fotoGaleryPrev p.heading {float: left; padding: 5px 15px 0; font-weight: bold; background-color: #669900; color: #fff;}
#main #fotoGaleryPrev .wrapper {float: left; width: 730px; border: 5px solid #669900; background: url('img/top-invideo-bg-botom.png') repeat-x bottom left;}
#main #fotoGaleryPrev .section {float: left; width: 145px; margin: 23px 18px 0 18px;}
#main #fotoGaleryPrev .section a.foto {display: block; margin: 0 0 8px -2px;}
#main #fotoGaleryPrev .section a img {display: block; padding: 2px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #d2d2d2;}
#main #fotoGaleryPrev .section h3 {line-height: 1.2;}
#main #fotoGaleryPrev .section h3 a {text-decoration: underline; color: #16407a;}
#main #fotoGaleryPrev .section h3 a:hover {text-decoration: none;}
#main #fotoGaleryPrev .section p.autor {margin-top: 5px; font-size: 12px; color: #999;}
#main #fotoGaleryPrev a.more {float: right; margin: 15px 10px 15px 0; padding-right: 30px; text-decoration: underline; font-weight: bold; background: url('img/dart_white.png') no-repeat 95% 50%; color: #669900;}
#main #fotoGaleryPrev a:hover.more {text-decoration: none;}
#main #VideosPrev {position: relative; float: left; width: 100%; margin: -30px 0 10px 0;} /*background: #F0F5E6 url('/design/img/foto_video_bg.png') repeat-x 0 27px;*/
#main #VideosPrev p.heading {float: left; padding: 5px 15px 0; font-weight: bold; background-color: #669900; color: #fff;}
#main #VideosPrev .wrapper {float: left; width: 730px; border: 2px solid #669900; background: url('img/top-invideo-bg-botom.png') repeat-x bottom left;}
#main #VideosPrev .section {float: left; width: 335px; margin: 15px 0 0 20px;}
#main #VideosPrev .section h3 {margin-bottom: 8px;}
#main #VideosPrev .section h3 a {text-decoration: underline; color: #16407a;}
#main #VideosPrev .section h3 a:hover {text-decoration: none;}
#main #VideosPrev .section a.imgLink {}
#main #VideosPrev .section a.imgLink img {display: block; width: 330px;}
#main #VideosPrev a.more {float: right; margin: 15px 10px 15px 0; padding-right: 30px; text-decoration: underline; font-weight: bold; background: url('img/dart_white.png') no-repeat 95% 50%; color: #000;}
#main #VideosPrev a:hover.more {text-decoration: none;}
#main #VideosPrev .section .imgLink {position: relative; display: block;}
#main #VideosPrev .section .playIcon {width: 64px; height: 64px; position: absolute; margin-left: -32px; left: 50%; top: 50%; margin-top: -32px; background: url('img/play.png'); display: block;}
#main #VideosPrev .linka {border-top: 1px solid #669900; margin: 23px 25px 0px 20px;}
#main #predictions {float: left; margin-top: 10px; background: url('img/new-video-top.png') repeat-x;}
#main #predictions #predictions-wrapper {float: left; width: 736px; padding: 10px 0; border: 2px solid #E8E8E8; border-top: 0; border-bottom: 0; background: url('img/new-video-bottom.png') repeat-x left bottom;}
#main #predictions h2 {float: left; width: 703px; margin: 0 15px; padding-bottom: 8px; font-size: 16px; border-bottom: 1px solid #ccc; color: #333;}
#main #predictions .prediction {float: left; padding: 0 0 0 8px; margin-left: 30px;}
#main #predictions .prediction .item {float: left; width: 100px; margin: 10px 11px 15px 11px; padding: 0 0 5px 0; text-align: center; border: 1px solid #ccc;}
#predictions .prediction .item h4 {font-size: 14px;}
#predictions .prediction .item img {}
#predictions .prediction .item dl {float: left; width: 94px; padding: 0 2px;}
#predictions .prediction .item dt {float: left; width: 30px;}
#predictions .prediction .item dd {float: right; font-weight: bold;}
#predictions .prediction .item dd.red {color: #D51316;}
#predictions .prediction .item dd.blue {color: #0071B9;}
#main #predGraph-wrapper {float: left; width: 740px; margin-top: 25px;}
#main #predGraph-wrapper h3 {margin: 5px 0; padding: 0; font-size: 16px; color: #333;}
#main #predGraph-wrapper #predGraph {margin: 0 auto; text-align: center;}
#main a#gotoDisc {display: block; float: left; margin: 10px 0 0 5px; padding-right: 23px; font-size: 14px; background: url('img/dart_white.png') no-repeat 100% 50%; color: #669900;}
#main a:hover#gotoDisc {text-decoration: underline;}
#main #text {float: left; width: 738px;}
#main #text .heading {}
#main #text .heading h1 {}
#main #text .heading .infobar {margin-bottom: 10px; padding: 7px 0; border: 1px dotted #333; border-left: 0; border-right: 0;}
#main #text .heading .infobar span {margin: 3px 0 0 0; font-weight: bold; font-size: 12px;}
#main #text .heading .infobar span.deaktivace {color: #DD0000;}
#main #text .heading .infobar span.time {float: left; margin-right: 40px;}
#main #text .heading .infobar span.time.time2 {font-weight: normal;}
#main #text .heading .infobar span.view {float: left; margin-right: 0px;}
#main #text .heading .infobar span.view strong {margin-left: 5px; font-weight: normal;}
#main #text .heading .infobar span.doporucit {float: left; margin-right: 15px; overflow:hidden; width:125px; height:21px;}
#main #text .heading .infobar span.doporucit.doporucit2 {width: auto; height: auto; margin-left: 20px;}
#main #text .heading .infobar span.rating {float: right; margin-right: 5px;}
#main #text .heading .infobar span.rating-error {float: right; margin-right: 5px; color:#DD0000;}
#main #text .heading .infobar span.rating-ok {float: right; margin-right: 5px; color:#00B700;}
#main #text .heading .infobar ul {display: inline; float: right; margin: 0;}
#main #text .heading .infobar ul li {float: left; margin: 0 0 0 3px; padding: 0; font-size: 12px; border: 1px solid #ccc; background: none;}
#main #text .heading .infobar ul li a {float: left; width: 20px; padding: 2px 0; text-align: center; color: #000;}
#main #text .heading .infobar ul li a:hover {text-decoration: none; background-color: #99cc00; color: #fff;}
#main #text .heading .infobar ul li.last {padding: 2px 7px; border: 1px solid #669900; background-color: #669900; color: #fff;}
#main #text .facebook{padding-left:19px;background:url("img/facebook-share.png") 0 50% no-repeat}
#main #text .heading .strankovani {margin-bottom: 20px; padding: 10px 5px 10px 5px; border: 1px dotted #333; border-left: 0; border-right: 0;}
#main #text .heading .strankovani ul {display: inline; float: left; margin: 0px !important;}
#main #text .heading .strankovani ul li {float: left; margin: 0 4px 0 0; padding: 0; color: #666; font-weight: bold; background: none;}
#main #text .heading .strankovani ul li a {float: left; padding: 2px 4px 2px 4px; border: 1px solid #e1e1e1; text-align: center; text-decoration: underline; font-weight: bold; font-size: 14px; color: #666;}
#main #text .heading .strankovani ul li a:hover {text-decoration: none; background-color: #649802; color: #fff;}
#main #text .heading .strankovani ul li.active a {text-decoration: none; background-color: #649802; color: #fff;}
#main #text .archiv {border: 1px dotted #333; border-left: 0; border-right: 0;}
#main #text .archiv .strankovani {padding: 0px 3px 7px 3px;}
#main #text .archiv .strankovani ul {display: inline; float: left; margin: 0px !important;}
#main #text .archiv .strankovani ul li {float: left; margin: 0 4px 0 0; padding: 0; color: #666; background: none;}
#main #text .archiv .strankovani ul li a {float: left; padding: 2px 4px 2px 4px; border: 1px solid #e1e1e1; text-align: center; text-decoration: none; font-size: 14px; color: #000; background-color: #E6FEB8;}
#main #text .archiv .strankovani ul li a:hover {text-decoration: none; background-color: #649802; color: #fff;}
#main #text .archiv .strankovani ul li.active a {text-decoration: none; background-color: #649802; color: #fff;}
#main #text h1 {margin-bottom: 5px; padding: 0; font-size: 20px;}
#main #text h2 {margin-top: 20px; margin-bottom: 5px; padding: 0; font-size: 18px;}
#main #text h3 {margin-top: 20px; margin-bottom: 5px; padding: 0; font-size: 17px;}
#main #text h4 {margin-bottom: 5px; padding: 0; font-size: 16px;}
#main #text h5 {margin-bottom: 5px; padding: 0; font-size: 15px; font-weight: bold;}
#main #text h6 {margin-bottom: 5px; padding: 0; font-size: 14px; font-weight: bold;}
#main #text p {margin-bottom: 10px;}
#main #text .line {margin-top: 9px; padding-top: 8px; border-top: 1px solid #808080;}
#main #text a {color: #669900; text-decoration: underline;}
#main #text a:hover {text-decoration: none;}
#main #text strong {font-weight: bold;}
#main #text em {font-style: italic;}
#main #text ul {margin: 0 0 5px 5px;}
#main #text li {margin-bottom: 5px; padding: 0 0 0 15px; background: url('img/lidart.png') no-repeat 0 60%;}
#main #text li a {}
#main #text img.right {float: right; margin: 5px 0 5px 15px;}
#main #text img.left {float: left; margin: 5px 15px 5px 0;}
#main #text .center {text-align: center;}
#main #text img.centerimg {display: block; margin-left: auto; margin-right: auto; padding: 3px; border: 1px solid #ccc;}
#main #text .vypismest {float:left; width: 170px; margin-bottom: 15px;}
#main #text .button-big {width: 290px !important; height:50px; line-height:40px; font-size:1.5em; font-weight:bold; margin:10px 0 10px 74px; cursor: pointer;}
#main #text .button-big2 {width: 360px !important; height:40px; line-height:40px; font-size:1.3em; font-weight:bold; margin:10px 0 10px 5px; cursor: pointer;}
#main #text .version {margin:0px auto; margin-top: -10px; text-align: center; width: 280px; padding: 4px; font-size: 14px; color: #000; border: 1px solid #004080; background-color: #E1F0FF;}
#main #text .button {width: 210px !important; height:42px; line-height:30px; font-size:1.3em; font-weight:bold; margin:20px 0 5px 0; cursor: pointer;}
#main #text th
{
padding: 10px 8px;
color: #039;
border-bottom: 2px solid #6678b1;
}
#main #text td
{
padding: 6px 8px;
border-bottom: 1px solid #ccc;
border-right: 1px dashed #ccc;
color: #3e3e5e;
}
#main #text tbody tr:hover td
{
color: #3e3e5e;
background: #d0dafd;
}
#main #comments {position: relative; float: left; width: 750px; margin-top: 5px; padding: 0 0 15px 0;}
#main #comments h4 {font-size: 16px; padding: 10px 0 10px 0; color: #333; white-space: nowrap;}
#main #comments p {padding: 0 0 10px 0; color: #333;}
#main #comments p a {color: #669900; text-decoration: underline;}
#main #comments p a:hover {text-decoration: none;}
#main #comments textarea {clear: both; width: 708px; height: 95px; padding: 15px;}
#main #comments .submit {padding: 6px 15px; font-size: 14px; vertical-align: middle; font-weight: bold; font-family: arial; margin: 10px 10px 10px 0; border: 0; background: url('img/input-comment-bg.png') repeat-x 0 0; color: #fff;}
#main #comments .comment {float: right; margin-right: 20px; margin-bottom: 5px; padding: 8px 12px; border: 1px solid #dfdfdf;}
#main #comments .comment h5 {margin-bottom: 5px; padding-bottom: 5px; font-weight: bold; color: #333; border-bottom: 1px dotted #dfdfdf;}
#main #comments .comment h5 span {margin: 0 5px; font-weight: normal;}
#main #comments .comment h5 a {text-decoration: none; color: #333;}
#main #comments .comment h5 a:hover {text-decoration: underline;}
#main #comments .comment p {margin-bottom: 5px;}
#main #comments .comment a {font-size: 12px; font-weight: bold; text-decoration: underline; color: #669900;}
#main #comments .comment a:hover {text-decoration: none;}
#main #comments .first {border-top: 1px solid #dfdfdf; margin-top: 10px;}
#main #comments .child1 {width: 708px;}
#main #comments .child2 {width: 648px;}
#main #comments .child3 {width: 588px;}
#main #comments .child4 {width: 528px;}
#main #comments .child5 {width: 468px;}
#main #comments .child6 {width: 408px;}
#main #comments ul {float: left; margin: 20px 0 10px;}
#main #comments li {float: left; margin: 0 3px; color: #666; font-weight: bold;}
#main #comments li a {float: left; width: 27px; padding: 3px 0; border: 1px solid #e1e1e1; text-align: center; text-decoration: underline; font-weight: bold; font-size: 14px; color: #666;}
#main #comments li a:hover {text-decoration: none; background-color: #649802; color: #fff;}
#main #comments li.active a {text-decoration: none; background-color: #649802; color: #fff;}
#main #comments span.comcont {position: absolute; bottom: 30px; right: 10px; color: #666; font-size: 12px;}
#main #comments span.comcont strong {font-weight: bold;}
#main #city-weather {float: right; width: 740px; margin-left: 20px;}
#main #city-weather #heading {float: left; width: 100%; height: 35px; margin-bottom: 8px; border-bottom: 1px dotted #ccc;}
#main #city-weather #heading h1 {float: left; margin-top: 5px;}
#main #city-weather #heading select {float: right; margin-top: 5px;}
#main #city-weather #heading a {float: right; margin: 6px 12px 0 0; font-size: 12px; text-decoration: underline; color: #000;}
#main #city-weather #heading a:hover {text-decoration: none;}
#main #city-weather h2 {float: left; margin-bottom: 8px; padding: 0; font-weight: normal;}
#main #city-weather h2 strong {font-weight: bold;}
#main #city-weather h2 a {text-decoration: underline; color: #669900;}
#main #city-weather h2 a:hover {text-decoration: none;}
#main #city-weather #city-weather-days {float: left;}
#main #city-weather #city-weather-days .day {float: left; margin: 0 0 10px 0; width: 738px; border: 1px solid #ccc;}
#main #city-weather #city-weather-days .day .left {float: left; width: 150px;}
#main #city-weather #city-weather-days .day .left h4 {margin-bottom: 5px; text-align: center; background-color: #669900; color: #fff;}
#main #city-weather #city-weather-days .day .left h4 a {color: #fff;}
#main #city-weather #city-weather-days .day .left img {float: left; margin: 0 0 0 10px;}
#main #city-weather #city-weather-days .day .left ul {float: right; margin: 7px 15px 0 0; text-align: right; font-size: 12px;}
#main #city-weather #city-weather-days .day .left li {display: block; font-weight: bold; font-size: 14px;}
#main #city-weather #city-weather-days .day .left li.red {color: #D51316;}
#main #city-weather #city-weather-days .day .left li.blue {color: #0071B9;}
#main #city-weather #city-weather-days .day .info {float: left; width: 586px; min-height: 82px; border-left: 1px solid #ccc;}
#main #city-weather #city-weather-days .day .info p { margin: 10px; font-size: 15px;}
#longbanners {margin-top: 10px;}
#longbanners .imgBanner {float: left; width: 300px; padding: 20px 0 0 30px;}
#longbanners .sponsoredLinks {float: left; margin-left: 20px; margin-bottom: 10px; width: 346px; padding: 0 10px; border: 2px solid #ededed;}
#longbanners .sponsoredLinks p.heading {padding: 4px 0 5px; font-weight: bold; font-size: 14px; border-bottom: 1px solid #ebebeb; color: #666;}
#longbanners .sponsoredLinks .link {float: left; margin-top: 7px; padding-bottom: 8px; border-bottom: 1px solid #ededed;}
#longbanners .sponsoredLinks .link.last {border: 0;}
#longbanners .sponsoredLinks .link a.image {float: left; display: block; margin-right: 10px;}
#longbanners .sponsoredLinks .link a.image img {display: block; width:100px;}
#longbanners .sponsoredLinks .link .info a {font-size: 14px; font-weight: bold; text-decoration: none; color: #16407a;}
#longbanners .sponsoredLinks .link .info a:hover {text-decoration: underline;}
#main #city-weather #interested {float: left;}
#main #city-weather #interested h3 {padding: 0; font-size: 16px;}
#main #LeftMenu {float: right; width: 200px;}
#LeftMenu .generalMenuHl {float: left; width: 200px; margin-bottom: 10px;}
#LeftMenu .generalMenuHl h4 {height: 30px; margin-bottom: 1px; line-height: 30px; padding: 0 12px; font-weight: bold; font-size: 14px; background: url('img/category-head-bg.png') repeat-x 0 0; color: #fff;}
#LeftMenu .generalMenuHl ul {float: left;}
#LeftMenu .generalMenuHl ul li {float: left; width: 100%; font-size: 12px; font-weight: bold;}
#LeftMenu .generalMenuHl ul a {display: block; margin-bottom: 1px; padding: 0 12px; padding-top:7px; padding-bottom:7px; background-color: #d9d9d9; color: #333;}
#LeftMenu .generalMenuHl ul a:hover {background: url('img/category_dart.png') no-repeat 95% 50% #cccccc; text-decoration: underline;}
#LeftMenu .generalMenuHl ul a.active {margin: 0; margin-bottom: 1px; text-decoration: none; background: url('img/category_dart.png') no-repeat 95% 50% #cccccc;}
#LeftMenu .generalMenuHl li ul li {float: left;}
#LeftMenu .generalMenuHl li ul li a {margin: 0; padding: 0 18px; padding-top:5px; padding-bottom:5px; margin-bottom: 1px; font-size: 12px; font-weight: normal; background: #eaeaea; color: #444444;}
#LeftMenu .generalMenuHl li ul li a:hover {background: url('img/category_dart.png') no-repeat 95% 50% #cccccc;}
#LeftMenu .generalMenuHl li ul a.last-child {margin-bottom: 1px;}
#LeftMenu .generalMenu {float: left; width: 200px; margin-bottom: 10px; display:none;}
#LeftMenu .generalMenu h4 {height: 30px; margin-bottom: 1px; line-height: 30px; padding: 0 12px; font-weight: bold; font-size: 14px; background: url('img/category-head-bg.png') repeat-x 0 0; color: #fff;}
#LeftMenu .generalMenu ul {float: left;}
#LeftMenu .generalMenu ul li {float: left; width: 100%; font-size: 12px; font-weight: bold;}
#LeftMenu .generalMenu ul a {display: block; margin-bottom: 1px; padding: 0 12px; padding-top:7px; padding-bottom:7px; background-color: #d9d9d9; color: #333;}
#LeftMenu .generalMenu ul a:hover {background: url('img/category_dart.png') no-repeat 95% 50% #cccccc; text-decoration: underline;}
#LeftMenu .generalMenu ul a.active {margin: 0; margin-bottom: 1px; text-decoration: none; background: url('img/category_dart.png') no-repeat 95% 50% #cccccc;}
#LeftMenu .generalMenu li ul li {float: left;}
#LeftMenu .generalMenu li ul li a {margin: 0; padding: 0 18px; padding-top:5px; padding-bottom:5px; margin-bottom: 1px; font-size: 12px; font-weight: normal; background: #eaeaea; color: #444444;}
#LeftMenu .generalMenu li ul li a:hover {background: url('img/category_dart.png') no-repeat 95% 50% #cccccc;}
#LeftMenu .generalMenu li ul a.last-child {margin-bottom: 1px;}
#LeftMenu .generalMenu ul.pod a{width: 164px; padding: 5px 18px; color: #666666; background: #eaeaea; font-weight: normal; color: #666666;}
#LeftMenu .generalMenu ul.pod a:hover {background: url('img/category_dart.png') no-repeat 95% 50% #cccccc;}
#LeftMenu .generalMenu ul.pod a.active {background: url('img/category_dart.png') no-repeat 95% 50% #cccccc;}
#LeftMenu .generalMenu ul.podpod a{width: 157px; padding-left:25px; color: #666666; background: #f2f2f2; margin-bottom: 1px; font-weight: normal;}
#LeftMenu .generalMenu ul.podpod a:hover {background: url('img/category_dart.png') no-repeat 95% 50% #cccccc;}
#LeftMenu .generalMenu ul.podpod a.active {background: url('img/category_dart.png') no-repeat 95% 50% #cccccc;}
#LeftMenu #banner_sklik {float: left; width: 200px; margin-bottom: 10px;}
#LeftMenu #banner_sklik .nadpis {height: 30px; line-height: 30px; padding: 0 12px; margin-bottom: 1px; font-weight: bold; font-size: 14px; background: url('img/category-head-bg.png') repeat-x 0 0; color: #fff;}
#LeftMenu .nadpis {height: 30px; line-height: 30px; padding: 0 12px; margin-bottom: 1px; font-weight: bold; font-size: 14px; background: url('img/category-head-bg.png') repeat-x 0 0; color: #fff;}
#LeftMenu #addbs{float: left; margin-bottom: 10px; width: 200px; height: 300px;}
#LeftMenu #addbs .addbs-item{display: block;width: 200px;}
#LeftMenu #addbs a{text-decoration: none;color: #fff;}
#LeftMenu #addbs .addbs-price{background: #0f0; display: block; position: absolute; bottom: 0px;}
#LeftMenu #addbs .addbs-item{position: relative;width: 200px; overflow: hidden;}
#LeftMenu #addbs .addbs-item img{display: block; width: 200px; height: 300px;}
#LeftMenu #addbs .addbs-percent{text-shadow: 0px 0px 1px #000;position: absolute; top: -35px; line-height: 80px; right: -20px; background: #f00; border-radius: 100%; height: 60px; width: 60px; padding: 10px;z-index:5;box-shadow: 0px 0px 2px #000;border-bottom: 2px solid rgba(255,255,255,0.6); font-size: 20px; font-weight: bold;}
#LeftMenu #addbs:hover .addbs-price{display:block;}
#LeftMenu #addbs .addbs-price{display:none;text-align: center; left: 20px; line-height: 28px;color: #000;position: absolute; bottom: 10px; background: #fff; border-radius: 5px; height: 30px; width: 150px; padding: 5px;z-index:5;box-shadow: 0px 0px 2px #000; font-size: 20px; font-weight: bold;}
#LeftMenu #addbs .addbs-contxt{background: #000; position: absolute; bottom: 0px; opacity: 0.8; height: 60px;width: 100%;}
#LeftMenu #addbs .addbs-txt{padding: 10px; font-size: 16px; font-weight: bold; display: block;}
#LeftMenu #addbs:hover .addbs-contxt{display:block; height: 100%; padding-top: 50px; top: 0px; opacity: 0.8;}
#LeftMenu #discussion {float: left; width: 100%; margin-bottom: 10px;}
#LeftMenu #discussion h4 {height: 30px; line-height: 30px; padding: 0 12px; font-weight: bold; font-size: 14px; background: url('img/category-head-bg.png') repeat-x 0 0; color: #fff;}
#LeftMenu #discussion ul {float: left; width: 196px; border: 2px solid #ededed; border-top: 0;}
#LeftMenu #discussion li {float: left; width: 170px; margin: 0 10px; padding: 5px 0; font-size: 12px; border-bottom: 1px solid #ededed;}
#LeftMenu #discussion li.last-child {border: 0;}
#LeftMenu #discussion li.all-forum {border: 0; padding: 0;}
#LeftMenu #discussion li a {display: block; text-decoration: underline; color: #143e77;}
#LeftMenu #discussion li a:hover {text-decoration: none;}
#LeftMenu #discussion li.all-forum a {float: left; margin: 0 0 10px 0; padding-top: 0; font-size: 11px; font-weight: bold;}
#LeftMenu #discussion li span {position: relative; float: left; width: 170px; margin-top: 0px; font-size: 11px; color: #999;}
#LeftMenu #discussion li span a {display: inline; position: absolute; right: 0; padding-left: 18px; font-weight: bold; background: url('img/bubble.png') no-repeat 0 75%;}
#LeftMenu .MenuAd {float: left; margin-bottom: 10px;}
#LeftMenu .MenuAd a img {display: block;}
#LeftMenu #inq {float: left; margin-bottom: 10px;}
#LeftMenu #inq h4 {height: 30px; line-height: 30px; padding: 0 12px; font-weight: bold; font-size: 14px; background: url('img/category-head-bg.png') repeat-x 0 0; color: #fff;}
#LeftMenu #inq .wrapper {float: left; padding: 10px 0; border: 2px solid #ededed; border-top: 0;}
#LeftMenu #inq p.question {margin: 0 12px 8px 12px; line-height: 1.3; font-size: 12px; font-weight: bold; color: #333;}
#LeftMenu #inq .reply {float: left; padding: 0 11px 10px 11px;}
#LeftMenu #inq .reply .phrase a {display: block; width: 174px; text-decoration: none; font-size: 13px; color: #000}
#LeftMenu #inq .reply .phrase a:hover {text-decoration: underline;}
#LeftMenu #inq .reply .modra {float: left; width: 140px;}
#LeftMenu #inq .reply .modra a {display: block; float: left; height: 18px; background: url('img/anketa-modra.png') repeat-x;}
#LeftMenu #inq .reply .cervena {float: left; width: 140px;}
#LeftMenu #inq .reply .cervena a {display: block; float: left; height: 18px; background: url('img/anketa-cervena.png') repeat-x;}
#LeftMenu #inq .reply .zluta {float: left; width: 140px;}
#LeftMenu #inq .reply .zluta a {display: block; float: left; height: 18px; background: url('img/anketa-zluta.png') repeat-x;}
#LeftMenu #inq .reply .zelena {float: left; width: 140px;}
#LeftMenu #inq .reply .zelena a {display: block; float: left; height: 18px; background: url('img/anketa-zelena.png') repeat-x;}
#LeftMenu #inq .reply .hneda {float: left; width: 140px;}
#LeftMenu #inq .reply .hneda a {display: block; float: left; height: 18px; background: url('img/anketa-hneda.png') repeat-x;}
#LeftMenu #inq .reply .seda {float: left; width: 140px;}
#LeftMenu #inq .reply .seda a {display: block; float: left; height: 18px; background: url('img/anketa-seda.png') repeat-x;}
#LeftMenu #inq .reply .fialova {float: left; width: 140px;}
#LeftMenu #inq .reply .fialova a {display: block; float: left; height: 18px; background: url('img/anketa-fialova.png') repeat-x;}
#LeftMenu #inq .reply .orandzova {float: left; width: 140px;}
#LeftMenu #inq .reply .orandzova a {display: block; float: left; height: 18px; background: url('img/anketa-orandzova.png') repeat-x;}
#LeftMenu #inq .reply .prog {float: right; font-size: 12px; font-weight: bold;}
#LeftMenu #inq p.count {float: left; margin: 0 10px; font-size: 12px; color: #adadad;}
#LeftMenu #meteoDic {float: left; width: 100%; margin-bottom: 10px;}
#LeftMenu #meteoDic h4 {height: 30px; line-height: 30px; padding: 0 12px; font-weight: bold; font-size: 14px; background: url('img/category-head-bg.png') repeat-x 0 0; color: #fff;}
#LeftMenu #meteoDic ul {float: left; width: 196px; border: 2px solid #ededed; border-top: 0; padding: 7px 0;}
#LeftMenu #meteoDic li {font-size: 12px; float: left; margin: 5px 11px; color: #143e77;}
#LeftMenu #meteoDic li a {text-decoration: underline;}
#LeftMenu #meteoDic li a:hover {text-decoration: none;}
#LeftMenu #meteoDic li.all-forum {font-weight: bold; font-size: 11px;}
#content #profileSetting {float: right; width: 750px; margin-left: 10px; background: url('img/profile-bg.png') repeat-x;}
#profileSetting h1 {margin: 0 10px; padding: 10px 0 5px 0; font-size: 18px;}
#profileSetting p {margin: 0 10px; padding-bottom: 10px;}
#profileSetting strong {font-weight: bold;}
#profileSetting .accWindow {position: relative; float: left; width: 340px; height: 140px; margin: 5px 6px; padding: 0 10px; border: 1px solid #CDCDCD; background: #F5F5F5 url('img/category-head-bg.png') repeat-x;}
.accWindow h2 {height: 30px; margin-bottom: 5px; padding: 0 0 0 3px; line-height: 30px; color: #fff;}
.accWindow #order {background: url('img/myorder.png') no-repeat 0 50%;}
.accWindow #myAcc {background: url('img/accset.png') no-repeat 0 50%;}
.accWindow #watchDog {background: url('img/watchdog.png') no-repeat 0 50%;}
.accWindow #myRating {background: url('img/rating.png') no-repeat 0 50%;}
.accWindow #myQuestionary {background: url('img/pen.png') no-repeat 0 50%;}
.accWindow a.viewAll {position: absolute; display: block; top: 0; right: 0; height: 30px; margin: 0 10px; padding-right: 10px; line-height: 30px; font-size: 12px; text-decoration: underline; background: url('img/darting.png') no-repeat 100% 55%; color: #fff;}
.accWindow a:hover.viewAll {text-decoration: none;}
.accWindow p {font-size: 12px; color: #333;}
.accWindow p strong {margin: 0 3px; font-weight: bold; color: #000;}
.accWindow ul {float: left; width: 130px; margin: 5px 0 0 20px;}
.accWindow li {list-style-type: square; line-height: 1.3;}
.accWindow li a {font-size: 12px; text-decoration: underline; color: #669900;}
.accWindow li a:hover {text-decoration: none;}
#content #forms {float: right; width: 750px; margin-left: 10px;}
#content #forms h1 {float: left; width: 100%;}
#content #forms p {float: left; margin: 5px 0;}
#content #forms .hlavni {float: left; width: 710px; margin: 5px 0; padding: 5px 15px; border: 1px solid #022D73; background-color: #E7F0FE;}
#content #forms .hlavni p {font-size: 14px; font-weight: bold; color: #011029;}
#content #forms .hlavni p a {text-decoration: underline; color: #011029;}
#content #forms .informace {float: left; width: 710px; margin: 5px 0; padding: 5px 15px; border: 1px solid #022D73; background-color: #A1C4FD;}
#content #forms .informace p {font-size: 14px; font-weight: bold; color: #011029;}
#content #forms .informace p a {text-decoration: underline; color: #011029;}
#content #forms .hotovo {float: left; width: 710px; margin: 5px 0; padding: 5px 15px; border: 1px solid #004800; background-color: #88FF88;}
#content #forms .hotovo p {font-size: 14px; font-weight: bold; color: #004800;}
#content #forms .hotovo p a {text-decoration: underline; color: #011029;}
#content #forms .errors {float: left; width: 710px; margin: 5px 0; padding: 5px 15px; border: 1px solid #FF0000; background-color: #FBD2D3;}
#content #forms .errors ul {float: left;}
#content #forms .errors ul li {font-size: 14px; font-weight: bold; margin: 0 0 0 20px; color: #F1151F; list-style-type: disc;}
#content #forms form {float: left; margin: 5px 0;}
#content #forms form .registrace-name p {width: 100%; font-weight: bold; margin-bottom: -3px;}
#content #forms form .registrace-name p input {padding: 2px; margin-bottom: 15px;}
#content #forms form .disscusion-warning {float: left; width: 100%;}
#content #forms form .disscusion-warning p {font-size: 14px; font-weight: bold;}
#content #forms form .disscusion-warning p label {margin-left: 8px;}
#content #forms form .submit {float: right; padding: 6px 15px; font-size: 14px; vertical-align: middle; font-weight: bold; font-family: arial; margin: 10px 10px 0 0; border: 0; background: url('img/input-comment-bg.png') repeat-x 0 0; color: #fff;}
#footer {padding: 20px 0 50px 0;}
#footer .inner-container {position: relative; width: 960px; height: 200px; padding: 0; overflow: hidden; background: #fff url('img/footer-bg.png') no-repeat 0 0;}
.footergreenlinks {float: left; margin-left: 20px; margin-top: 20px; width: 215px;}
.footergreenlinks a, #subfooter a {color: #000; text-decoration: underline;}
.footergreenlinks a:hover, #subfooter a:hover {text-decoration: none;}
.footergreenlinks ul li {background: url('img/footergreenlinks.png') left center no-repeat; padding-left: 12px;}
#subfooter {width: 960px; margin: 5px auto 0px auto; background: #fff;}
#subfooter #subfooter-logo {float: left; padding-top: 4px;}
#subfooter #subfooter-text {float: left; margin-left: 30px;}
#subfooter #subfooter-reklama {margin-top: 20px;}
/*Fotogalerie u clanku--------------------*/
#photogallery {margin-bottom:11px; border-bottom:1px dotted #333333;}
#photogallery #bigphoto {float:left; text-align:center; width:508px; overflow:hidden;}
#photogallery table {width:508px; height:382px; overflow:hidden; text-align:center;}
#photogallery table td {vertical-align:middle; text-align:center; width:508px;}
#photogallery #bigphoto span {display:block; text-align:left; line-height:1.35em; height:auto !important; min-height:38px; height:38px; margin:3px 0 8px 0;}
#photogallery #bigphoto img {vertical-align:middle; max-width:508px;}
#photogallery #bigphoto span span {display:inline; height:auto !important; height:auto; min-height:auto; margin:0;}
#photogallery #smallphotos {float:right; width:220px;}
#photogallery #photoswrapper {width:220px; height:359px; /* do js */ overflow:hidden;}
#photogallery #photos {width:220px; height:391px;}
#photogallery #photos div {float:left; display:inline-block; height:auto; margin-bottom:5px; zoom:1;}
#photogallery #photos div a {float:left; display:inline-block; outline:0px none;}
#photogallery #photos img {float:left; width:220px;}
#photogallery #photos span {display:none;}
#photogallery .clr {clear:both; font-size:0; height:0; overflow:hidden;}
#photogallery #move-top, #photogallery #move-bottom { float:right; display:inline-block; width:220px; height:18px; margin:0 0 5px 0; overflow:hidden; zoom:1;}
#photogallery #move-bottom {margin:5px 0 0 0;}
/*Banner------------------------*/
#adds { display: none; background-color: #C2EBFF;}
#adds .inner-container {margin: 0 auto; min-height: 100%; position: relative; width: 960px;}
#adds .topbanner_container {position: relative; margin: 0 auto; text-align: center;}
#adds .topbanner_container table, #adds .topbanner_container div {margin: auto; text-align: center;}
#adds .topbanner_container img, iframe {margin: auto;}
#adds #top-adds {/*width: 760px;*/ z-index: 999; margin: 0 auto; text-align: center; padding-top: 4px;}
#adds #top-adds img {display: block;}
#adds #right-adds {display: block; position: absolute; width: 120px; top: 100px; right: -120px; z-index: 999;}
#adds #left-adds {display: block; position: absolute; width: 120px; top: 0; left: -120px; z-index: 999;}
/* ------------ NEW --------------- */
#adds {
display: none;
}
#banner img, #topContentBanner img {
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) {
#dropdown-menu-button {
display: none;
}
ul.dropdown {
display: flex;
}
}
@media screen and (max-width: 1023px) {
#mapContainer .right{
display: none;
}
}
@media screen and (min-width: 1024px) {
#adds {
display: block !important;
}
}
/*IE7----*/
.lte7 #main .submenu ul {width: 960px; margin-top: 2px; background: url('/design/img/models-bg.png') repeat-x 0 0;}
.lte7 ul.sub_menu li a { float: none; min-width: 120px;}
.lte7 #LeftMenu .generalMenu ul {width: 100%;}
.lte7 #LeftMenu #discussion ul {float: left; padding-bottom: 10px;}
.lte7 #LeftMenu #inq {width: 100%;}
.lte7 #LeftMenu #meteoDic {width: 100%;}
.lte7 #LeftMenu #meteoDic ul {width: 196px;}
.lte7 #footer #partners .partnerswr {float: left; width: 50px;}
.lte7 #mapContainer .left .wrapper .mapBanner {margin-left: 15px;}
.lte7 #main #city-weather {margin-left: 0;}
.lte7 #main #city-weather #longbanners {margin-top: 10px;}
.lte7 #main #text .heading .infobar {height: 25px;}