html { overflow: auto; /* overflow: -moz-scrollbars-vertical; */ } /* CSS Document */ * {margin:0; padding:0; border:0;} hr {display:none;} .textnavig {display:none;} /* define ******************************************************************************/ #container {width:950px; padding:0 25px;} *>#container {width:900px;} body, input, textarea, select {font-family:Tahoma, Arial, Helvetica, sans-serif;} body {font-size:11px; line-height:1.5em;} a {text-decoration:none;} a:hover {text-decoration:underline;} /* layout ******************************************************************************/ body {text-align:center; background:#e3eefb url(/img/bgr.gif) repeat-x scroll center top;} #container {margin:0 auto; text-align:left; position:relative; background:#fff;} #header {width:900px;} #content {clear:both; width:900px;} #footer {clear:both; width:900px;} /* header ******************************************************************************/ /*#header {background:#fff url(/img/header.jpg) no-repeat scroll left top; height:75px; border-bottom:1px solid #fff;}*/ #header {height:75px; border-bottom:1px solid #fff;} #header h1 a {width:500px; line-height:124px; height:124px; overflow:hidden; position:relative; font-weight:normal; color:#2270d0; float:left;} #header h1 span {width:500px; height:124px; position:absolute; left:0; top:0; background:transparent url(/img/header.jpg) no-repeat scroll left top; cursor:pointer;} #header p {float:right; padding-top:90px; margin-right:10px;} #header p.slovak {background:transparent url(/img/svk.gif) no-repeat scroll right top;} /* navigation ******************************************************************************/ #navigation {background:#d8d8d8;} #menu {list-style:none; line-height:34px;width:483px; float:left;} #menu li {float:left; background:#004fb0; color:#fff;} #menu li a {display:block; width:160px; color:#fff; padding:0 10px; text-decoration:none; font-weight:bold;} *>#menu li a {width:140px;} /*#menu li a:hover {text-decoration:underline;}*/ #menu li a:hover { text-decoration:none;} #menu li.first, #menu li.second, #menu li.third {border-right:1px solid #fff;} #menu li.first {background:#004fb0 url(/img/menu-01.gif) no-repeat scroll right center;} #menu li.second {background:#1a6fd7 url(/img/menu-02.gif) no-repeat scroll right center;} #menu li.third {background:#3d8cee url(/img/menu-03.gif) no-repeat scroll right center;} /* #menu2 {float:left; list-style:none;} #menu2 li {float:left; background:#004fb0; color:#fff;} #menu2 li a {display:block; width:160px; color:#fff; padding:0 10px; text-decoration:none; font-weight:bold;} #menu2 li.english, #menu2 li.slovak, #menu2 li.login {background:#d8d8d8; color:#666;} #menu2 li.english a, #menu2 li.slovak a, #menu2 li.login a {color:#666; font-weight:normal; width:130px;} #menu2 li.english a:hover, #menu2 li.slovak a:hover, #menu2 li.login a:hover { text-decoration:underline;} #menu2 li.english a, #menu2 li.slovak a {padding-left:37px; line-height:1em; padding-top:11px; padding-bottom:2px;} *>#menu2 li.english a, *>#menu2 li.slovak a {width:103px;} #menu2 li.english a {background:transparent url(/img/lang-en.gif) no-repeat scroll 10px 10px;} #menu2 li.slovak a {background:transparent url(/img/lang-sk.gif) no-repeat scroll 10px 10px;} #menu2 li.login a {width:25px; overflow:hidden; position:relative; padding:0; height:34px;} #menu2 li.login a span {width:25px; height:34px; background:transparent url(/img/login.gif) no-repeat scroll right top; position:absolute; top:0; left:0; cursor:pointer;} */ #menu2 {float:left; list-style:none;} #menu2 li {float:left; background:#004fb0; color:#fff;} #menu2 li a {display:block; width:22px; color:#fff; padding:0 0px; text-decoration:none; font-weight:bold; height:20px;} #menu2 li.english, #menu2 li.slovak, #menu2 li.login {background:#d8d8d8; color:#666;} #menu2 li.english a, #menu2 li.slovak a, #menu2 li.login a {color:#666; font-weight:normal; width:22px;} #menu2 li.english a:hover, #menu2 li.slovak a:hover, #menu2 li.login a:hover { text-decoration:underline;} #menu2 li.english a, #menu2 li.slovak a {padding-left:0px; line-height:1em; padding-top:11px; padding-bottom:2px;} *>#menu2 li.english a, *>#menu2 li.slovak a {width:22px;} #menu2 li.english a {background:transparent url(/img/lang-en.gif) no-repeat scroll 0px 10px;} #menu2 li.slovak a {background:transparent url(/img/lang-sk.gif) no-repeat scroll 0px 10px;} #menu2 li.login a {width:25px; overflow:hidden; position:relative; padding:0; height:34px;} #menu2 li.login a span {width:25px; height:34px; background:transparent url(/img/login.gif) no-repeat scroll right top; position:absolute; top:0; left:0; cursor:pointer;} #menu li ul {display:none;} #menu li:hover > ul {display:block;} #menu ul ul, #menuli:hover ul ul {display:none;} #menu li:hover ul, #menu li:hover li:hover ul {display:block;} #menu li:hover ul ul, #menu li:hover li:hover ul ul {display:none;} #menu li:hover ul li li:hover ul, #menu li:hover li:hover ul li li:hover ul {display:block;} #menu ul p{display:none;} #menu li ul {position:absolute; z-index:20; list-style:none; border-top:1px solid #fff; line-height:22px; background:transparent;} #menu li li a {font-weight:normal; border-bottom:1px solid #1a6fd7; display:block; background:#004fb0;} #menu li.second li a {background:#1a6fd7; border-color:#3d8cee;} #menu li.third li a {background:#3d8cee; border-color:#79aff3;} #menu li li li a {width:185px;} *>#menu li li li a {width:165px;} #menu li li li li a {width:160px;} *>#menu li li li li a {width:140px;} #menu li li {float:none;} #menu li ul ul {left:160px; border-left: 1px solid white; border-top: 0;} /* CH */ #menu li ul ul ul {left:185px; border-left: 1px solid white; border-top: 0;} /* CH */ #menu li ul ul ul ul {left:161px;} /*#menu li li a:hover {background-image:url(/img/submenu-arrow.gif); background-position:right center; background-repeat:no-repeat; background-color:#003c85; text-decoration:none;}*/ #menu li li a.level {background-image:url(/img/submenu-arrow.gif); background-position:right center; background-repeat:no-repeat; text-decoration:none;} #menu li li a:hover {background-color:#003c85; text-decoration:none;} #menu li.second li a:hover {background-color:#004fb0;} #menu li.third li a:hover {background-color:#1a6fd7;} #searchform {background:#d8d8d8; height:34px; text-align:right; padding-top:6px; padding-right:10px;} *>#searchform {height:29px; padding-top:5px;} #searchform label {display:none;} #searchform input {height:20px; border:1px solid #fff; width:112px; padding:3px; color:#333; font-size:1em;} *>#searchform input {height:14px;} #searchform input.button {width:79px; padding-left:15px; height:20px; background:#999 url(/img/search.gif) no-repeat scroll left center; color:#fff; padding-top:2px;} *>#searchform input.button {height:22px; margin-top:1px; margin-bottom:-1px;} /* content ******************************************************************************/ #content {margin:10px 0 0;} /* subcontent ******************************************************************************/ #subcontent {width:200px; float:left; margin-right:20px;} #subcontent #submenu {background:#eef5fd; padding:10px 10px 0;} #subcontent #submenu h2 {color:#697a92; font-size:1em; font-weight:bold;} #subcontent #submenu ul {border-bottom:1px solid #fff; padding:0 0 2px; list-style:none; margin:0 -10px;} #subcontent #submenu ul ul {margin:0; border:0;} #subcontent #submenu a {color:#3c82d8; background:#eef5fd url(/img/submenu-ls.gif) no-repeat scroll 10px 6px; padding:0 10px 0 22px; display:block; width:200px;} #subcontent #submenu ul ul a {padding:0 10px 0 32px; display:block; width:200px; background-position:20px 6px;} *>#subcontent #submenu a {width:auto;} *>#subcontent #submenu ul ul a {width:auto;} #subcontent #submenu a:hover {color:#fff; background-image:url(/img/submenu-lshover.gif); background-color:#5fbcfe; text-decoration:none;} #subcontent .anketa {background:#fcece0; margin:20px 0 0; color:#697a92; padding:10px;} #subcontent .anketa ul {list-style:none; margin-bottom:5px;} #subcontent .anketa li {background:#fcece0 url(/img/anketa-dots.gif) no-repeat scroll center bottom; padding:5px 0 2px;} #subcontent .anketa div, #subcontent .anketa a {color:#ea6300;} #subcontent .anketa div {text-align:right;} #subcontent .anketa span {background:#fcd9bf; display:block; height:5px; float:left; width:150px; margin-top:7px; position:relative;} #subcontent .anketa span span {position:absolute; left:0; top:0; background:#ea6300; margin:0; font-size:0;} /* maincontent ******************************************************************************/ /*#maincontent {height:300px;}*/ /* IE7 sux*/ #maincontent #breadcrumbs {position:relative; padding-top:5px;} *>#maincontent #breadcrumbs {padding-top:0;} #maincontent #breadcrumbs p {color:#999; background:#fff url(/img/content-dots.gif) no-repeat scroll left bottom; padding-bottom:7px; padding-right:150px;} #maincontent #breadcrumbs a {color:#0096ff;} #maincontent #breadcrumbs span {background:#fff url(/img/breadcrumbs.gif) no-repeat scroll 1px 6px; width:9px; height:16px; position:absolute; margin-left:-7px;} #maincontent #breadcrumbs p.navig {position:absolute; right:0; top:15px; background:transparent; margin:0; padding:0 20px 0 0;} *>#maincontent #breadcrumbs p.navig {padding:0; top:0;} #maincontent #breadcrumbs p.navig a {background:#fff url(/img/arrow-04.gif) no-repeat scroll right 5px; padding-right:9px;} #maincontent #info {position:relative; background:#fff url(/img/content-dots.gif) no-repeat scroll left top; padding:3px 0 0; margin:15px 0 5px; color:#a4a4a4; padding-right:150px;} #maincontent #info p.navig {position:absolute; right:0; top:15px; background:transparent; margin:0; padding:0 20px 0 0;} *>#maincontent #info p.navig {padding:0;} #maincontent #info p.navig a {color:#0096ff; background:#fff url(/img/print.gif) no-repeat scroll left center; padding-left:25px; display:block; min-height:17px;} #maincontent #breadcrumbs-bottom p.navig a {background:#fff url(/img/arrow-04.gif) no-repeat scroll right 5px; padding-right:9px; margin-right:0px;} #maincontent {border:10px solid #d9e2ed; display:table; float:left; padding:5px 17px; color:#666666;} /* Konqueror fix *****************/ html:not(:nth-child(1)) #maincontent { float:left;} /* Important Opera fix. display *****************/ @media all and (min-width: 0px){#maincontent {margin-right:-34px;}} body:last-child:not(:root:root) #maincontent {margin-right:0;} /* end fix*/ #maincontent p {margin:11px 0;} #maincontent p.small {margin:0; color:#a4a4a4; font-size: 0.9em; padding:0; margin:0; } #maincontent span.small {margin:0; color:#a4a4a4; font-size: 0.9em; padding:0; margin:0; } #maincontent h1 {color:#004fb0; margin:15px 0 11px; font-weight:normal; font-size:1.82em;} #maincontent h2 {color:#ff6c00; margin:15px 0 11px; font-weight:normal; font-size:1.54em;} #maincontent h3 {color:#004fb0; margin:15px 0 11px; font-size:1.27em;} #maincontent h4 {color:#ff6c00; margin:15px 0 11px; font-size:1.18em;} #maincontent h5 {color:#004fb0; margin:15px 0 11px; font-size:1.09em;} #maincontent h6 {color:#ff6c00; margin:15px 0 11px; font-size:1em;} #maincontent ul, #maincontent ol {margin:11px 0; padding:10px;} #maincontent ul ul, #maincontent ol ol {margin:0; padding:3px;} #maincontent ul.simple {border:1px solid #dfdfdf; padding:10px;} @media print { #maincontent ul li {padding-left:5px;}} @media screen { #maincontent ul li {list-style:none; background:#fff url(/img/content-list.gif) no-repeat scroll left 5px; padding-left:16px;} } #maincontent ol li {list-style:decimal inside; padding-left:6px;} *>#maincontent {float:none;} #maincontent pre {font-size:1.2em; border:1px solid #dfdfdf; margin:6px 5px; padding:5px 5px; word-wrap: break-word;} #maincontent pre.noborder {font-size:1em; border:0; margin:0px; padding:0px; word-wrap: break-word;} #maincontent pre.normal {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1em; border:1px solid #dfdfdf; margin:6px 10px; padding:5px 10px; word-wrap: break-word;} #maincontent a {color:#3c82d8;} #maincontent blockquote {margin-left:30px;} #maincontent table {border:1px solid #ccc; width:100%; font-size:1em; color:#6c6c6c; border-collapse:collapse; margin-bottom:15px;} #maincontent table.noborder {border:0; border-collapse:collapse;} #maincontent .noborder td {border:0;} #maincontent table.black td {color: black;} /* #maincontent table.dynamictable {border-collapse:separate; border:1px solid #dfdfdf;} */ #maincontent table.dynamictable {border-collapse:collapse; border:1px solid #ccc;} #maincontent td, th {padding:0px 8px 0; font-size:1em; line-height:1.7em; border:1px solid #ccc;} /* #maincontent .dynamictable td {border:0;} */ #maincontent .dynamictable td, th {padding:0px 8px 0; font-size:1em; line-height:1.7em; border:1px solid #ccc;} /* #maincontent thead tr td {color:#0096ff; background:#cceaff; font-weight:bold; } */ #maincontent thead tr td {color:#0096ff; background:#cceaff; font-weight:bold; padding:2px 10px 2px 8px;} /* #maincontent .dynamictable thead tr td {padding:0;} */ #maincontent .dynamictable thead tr td {padding: 0px; line-height:1.9em; text-align:center; } #maincontent thead tr td a {display:table; width:100%; color:#0096ff; font-weight:bold; background:#cceaff; padding:2px 10px 2px 8px;} *>#maincontent thead tr td a {padding:0px 10px 0px 8px;} #maincontent thead tr td a.desc, #maincontent thead tr td a.asc:hover {background:#cceaff url(/img/sort-down.gif) no-repeat scroll right center; } #maincontent thead tr td a.asc, #maincontent thead tr td a:hover, #maincontent thead tr td a.desc:hover {background:#cceaff url(/img/sort-up.gif) no-repeat scroll right center; } #maincontent tr td {background:#fff;} #maincontent tr td.small {font-size:0.8em;} #maincontent tr td.grey {background: #EFEFEF;} #maincontent tr td.yell1 {background: #FEFF5F;} #maincontent tr td.yell2 {background: #FFFABF;} #maincontent tr th { font-weight:bold;} #maincontent tr.second td {background:#e4e4e4;} #maincontent .error {background:#fff; border:2px solid #ff6c00; color:#ff6c00; font-weight:bold; text-align:center; padding:8px;margin-bottom:1px;} #maincontent .okmessage {background:#fff; border:2px solid #55a500; color:#55a500; font-weight:bold; text-align:center; padding:8px;margin-bottom:1px;} #maincontent form {background:#f2f2f2; padding:15px 20px; margin-bottom:10px;} #maincontent form p {margin:0;} #maincontent form label {display:block; width:60px; float:left; padding-right:5px; color:#454545;} #maincontent form input {padding:3px 5px; border:1px solid #d7d7d7; background:#fff; color:#858585; width:242px; margin:0; font-size:1em; height:21px;} *>#maincontent form input {width:226px; height:auto; margin:1px 0;} #maincontent form select {height:19px; padding-left:2px; border:1px solid #d7d7d7; background:#fff; color:#858585; width:242px; margin:0; font-size:1.05em;} *>#maincontent form select {width:238px; margin:1px 0;} #maincontent form option {padding:2px 5px 2px 5px} #maincontent form textarea {font-size:1em; padding:3px 5px; height:100px; border:1px solid #d7d7d7; background:#fff; color:#858585; width:509px; margin:1px 0; line-height:1.5em; overflow:auto;} #maincontent form input.submit {height:19px; width:117px; background:#e6e6e6 url(/img/button-submit3.gif) no-repeat scroll center top; margin-right:4px; margin-left:4px; border:0; color:#858585;} #maincontent form input.reset {height:19px; width:117px; background:#e6e6e6 url(/img/button-reset2.gif) no-repeat scroll center top; margin-right:4px; border:0; color:#858585;} #maincontent form input.submit:hover, #maincontent form input.reset:hover {background-position:bottom; color:#353535; cursor:pointer;} #maincontent form input.button {height:19px; background-color:#d2d2d2; margin-right:4px; margin-left:4px; border:1px solid #acacac; color:#353535; font-size:0.8em; padding-bottom:2px; } /* #maincontent form input.button:hover {height:25px; background-color:#d2d2d2; margin-right:4px; margin-left:4px; border:1px solid #acacac; color:#353535;} */ #maincontent form input.disabled {height:19px; background-color:#f8f8f8; margin-right:4px; margin-left:4px; border:1px solid #d2d2d2; color:#acacac; font-size:0.8em; padding-bottom:2px; } #maincontent form input.hover {background-position:bottom; color:#353535; cursor:pointer;} #maincontent form input.button:hover {height:19px; background-color:#d2d2d2; margin-right:4px; margin-left:4px; border:1px solid #acacac; color:#353535; cursor:pointer;} #maincontent form input.hover {height:19px; background-color:#d2d2d2; margin-right:4px; margin-left:4px; color:#353535; cursor:pointer;} #maincontent .tinyborder { border: 2px solid black; margin:2px;} #maincontent .tinyborder td { border: 1px solid black; padding: 2px;} #maincontent .tabulka { border: 1px solid #2f2f2f; margin:2px;} #maincontent .tabulka td { border: 1px solid #2f2f2f; padding: 2px;} /* footer ******************************************************************************/ #footer {color:#848484; padding:30px 0 30px 90px; width:900px; background:#fff url(/img/shmu-foot.gif) no-repeat scroll 0 35px; text-align:justify;} *>#footer {width:810px;} #footer a {color:#0096ff;} /* ELEMENT talbe.pocasie ******************************************************************************/ #content table.pocasie {width:846px;} /* ELEMENT vystraha ******************************************************************************/ #vystraha {background:#f00; color:#fff; padding:5px 10px; margin-bottom:10px; } #vystraha h2 {text-align:center; font-size:2.5em; font-weight:bold; line-height:1.5em;} #vystraha ul {list-style:none;} #vystraha li {margin-bottom:5px;} #vystraha li strong.date {display:block; float:left; width:65px;} #vystraha li p {text-align:justify;} #vystraha li a {color: #fff;} #vystraha li .info {padding-left:72px;} /* ELEMENT vystrahanew ******************************************************************************/ .warn3 { background:#f00; color:#fff; border: 1px solid white; } .warn2 { background:#FF652F; color:#fff; border: 1px solid red; } .warn1 { background:#fdff2f; color:#f00; border: 1px solid red; } .warn3 a { text-align:left; font-size:1.4em; font-weight:bold; line-height:1.5em; text-decoration: underline; color: white; } .warn2 a { text-align:left; font-size:1.4em; font-weight:bold; line-height:1.5em; text-decoration: underline; color: white; } .warn1 a { text-align:left; font-size:1.4em; font-weight:bold; line-height:1.5em; text-decoration: underline; color: red; } #vystrahanew { padding:5px 10px; margin-bottom:10px; } #vystrahanew .head4 {text-align:left; font-size:1.5em; font-weight:bold; line-height:1.5em;} #vystrahanew .head5 {text-align:left; font-size:1.2em; font-weight:bold; line-height:1.5em;} #vystrahameteo { padding:5px 10px; margin-bottom:10px; } #vystrahameteo .head4 {text-align:left; font-size:1.5em; font-weight:bold; line-height:1.5em;} #vystrahameteo .head5 {text-align:left; font-size:1.2em; font-weight:bold; line-height:1.5em;} #vystrahahydro { padding:5px 10px; margin-bottom:10px; } #vystrahahydro .head4 {text-align:left; font-size:1.5em; font-weight:bold; line-height:1.5em;} #vystrahahydro .head5 {text-align:left; font-size:1.2em; font-weight:bold; line-height:1.5em;} /* ELEMENT skmap ******************************************************************************/ #content #tab-content {background:#d9e2ed; margin:0 0 20px; padding:15px 0 10px;} *>#content #tab-content {margin:10px 0;} #content #tab-content img.bluebg {background:#3c82d8;} #content #tab-content img {background:none;} #content #tab-content ul {list-style:none;} #first-level ul {height:33px; width:880px; margin:0 10px 0 10px;} #first-level ul .selected a {z-index:1; font-weight:bold; top:-5px; padding-bottom:4px;} #first-level ul a {color:#fff; } #first-level ul li {float:left; list-style:none; margin-bottom:-5px; } #first-level ul li a {display:block; width:220px; position:relative; line-height:34px; padding-left:34px;} *>#first-level ul li a {width:186px;} #first-level ul li.meteo a {background:transparent url(/img/mapmenu-meteo2.gif) no-repeat scroll left top; } #first-level ul li.hydro a {background:transparent url(/img/mapmenu-hydro2.gif) no-repeat scroll left top; } #first-level ul li.oko a {background:transparent url(/img/mapmenu-komin2.gif) no-repeat scroll left top; } #first-level ul li.klimat a {background:transparent url(/img/mapmenu-klimat2.gif) no-repeat scroll left top; } /* osetrenie hlavnych tabov pre konqueror */ html:not(:nth-child(1)) #first-level ul li {float:left; list-style:none; margin-bottom:-5px; width: 220px;} #second-level ul { background:#cadff9; border:1px solid #81afe9; border-bottom:0; margin:0 10px; clear:left; height:27px;} #second-level ul li {float:left; border-right:1px solid #81afe9; list-style:none; z-index:1; position:relative;} #second-level ul li a {border-top:1px solid #81afe9; display:block; position:relative; top:-2px; background:#b7d3f6 url(/img/skmap-pix.gif) no-repeat scroll right top; color:#004fb0; margin-bottom:-1px;} #second-level ul li a span {padding:4px 11px; display:block; background:transparent url(/img/skmap-pix.gif) no-repeat scroll left top;} #second-level ul li.selected {border-left:1px solid #245b9e; border-right:1px solid #245b9e; top:-4px; left:-1px; margin-right:-1px;} #second-level ul li.selected a {border-top:1px solid #245b9e; top:-1px; background:#4b8fe2; color:#fff; } #second-level ul li.selected span {padding:6px 11px; background:none; position:relative; z-index:1;} #third-level ul {border:1px solid #a1c5f1; border-bottom:0; height:30px; background:#d6e6fa; margin:0 10px; width:880px; margin-top:-5px; margin-bottom:-24px; z-index:10;} #third-level ul li {float:left; border-right:1px solid #a1c5f1; list-style:none; z-index:10; position:relative;} #third-level ul li a {border-top:1px solid #a1c5f1; border-bottom:1px solid #a1c5f1; display:block; position:relative; top:-1px; color:#1a6fd7; margin-bottom:-1px; padding:3px 11px 4px; background:#c9def8; } #third-level ul li.selected {border-left:1px solid #5187c9; border-right:1px solid #5187c9; top:-3px; left:-1px; margin-right:-1px; } #third-level ul li.selected a {border-top:3px solid #5187c9; padding:5px 11px; top:-2px; background:#65a3f0; color:#fff; margin-bottom:-2px; } *>#third-level ul {position:absolute; margin-top:-4px; width:878px; height:24px; } *>#third-level ul li a {padding:3px 11px; } *>#third-level ul li.selected a { border-top-width:1px; top:-1px; margin-bottom:-1px; } /* hydro */ #second-level ul.hydro{background:#c8e2af; border-color:#a0cd75;} #second-level ul.hydro li {border-right-color:#74b339;} #second-level ul.hydro li a {border-top-color:#74b339; background:#abd580 url(/img/skmap-pix2.gif) no-repeat scroll right top; color:#3c7500;} #second-level ul.hydro li a span {background:transparent url(/img/skmap-pix2.gif) no-repeat scroll left top;} #second-level ul.hydro li.selected {border-left-color:#5eb009; border-right-color:#5eb009;} #second-level ul.hydro li.selected a {border-top-color:#5eb009; background:#78b836; color:#fff;} #third-level ul.hydro {border-color:#a0cd75; background:#cfe5b9;} #third-level ul.hydro li {border-right-color:#82c73b;} #third-level ul.hydro li a {border-top-color:#82c73b; border-bottom-color:#82c73b; color:#5e9c1d; background:#b8df91;} #third-level ul.hydro li.selected {border-left-color:#82c73b; border-right-color:#82c73b;} #third-level ul.hydro li.selected a {border-top-color:#82c73b; background:#91cf50; color:#fff;} /* oko */ #container ul.oko {background:#DFA98B; border-color:#AF7657;} #second-level ul.oko li {border-right-color:#A55C36;} #second-level ul.oko li a {border-top-color:#A55C36; background:#DF8D61 url(/img/skmap-pix3.gif) no-repeat scroll right top; color:#7F2D00;} #second-level ul.oko li a span {background:transparent url(/img/skmap-pix3.gif) no-repeat scroll left top;} #second-level ul.oko li.selected {border-left-color:#A55C36; border-right-color:#A55C36;} #second-level ul.oko li.selected a {border-top-color:#A55C36; background:#CF7240; color:#fff;} #container ul.oko.lokacia {border-color:#ffae7d; background:#DFB799;} #third-level ul.oko li {border-right-color:#BF7147;} #third-level ul.oko li a {border-top-color:#BF7147; border-bottom-color:#BF7147; color:#AF502B; background:#EF9868;} #third-level ul.oko li.selected {border-left-color:#A55C36; border-right-color:#A55C36;} #third-level ul.oko li.selected a {border-top-color:#A55C36; background:#DF7237; color:#fff;} /* klimat */ #container ul.klimat {background:#EFD5A4; border-color:#BF9647;} #second-level ul.klimat li {border-right-color:#8F6A23;} #second-level ul.klimat li a {border-top-color:#8F6A23; background:#C0994B url(/img/skmap-pix4.gif) no-repeat scroll right top; color:#fff;} #second-level ul.klimat li a span {background:transparent url(/img/skmap-pix4.gif) no-repeat scroll left top;} #second-level ul.klimat li.selected {border-left-color:#7F5B17; border-right-color:#7F5B17;} #second-level ul.klimat li.selected a {border-top-color:#7F5B17; background:#AF7A0A; color:#fff;} #container ul.klimat.lokacia {border-color:#ffae7d; background:#DFB799;} #third-level ul.klimat li {border-right-color:#9F7931;} #third-level ul.klimat li a {border-top-color:#9F7931; border-bottom-color:#9F7931; color:#fff; background:#CF9E40;} #third-level ul.klimat li.selected {border-left-color:#7F5B17; border-right-color:#7F5B17;} #third-level ul.klimat li.selected a {border-top-color:#7F5B17; background:#9F6F09; color:#fff;} #content #tab-content #mainmap.sk ul li {list-style:none;} /* #content #tab-content #mainmap.sk {width:880px; height:356px; background:#fff url(/img/skmap2.jpg) no-repeat scroll center center; margin:0 10px; font-size:0.91em; font-weight:bold; text-align:center; color:#fff; position:relative; margin-top:0px;} #content #tab-content .eu { width:880px; height:590px; background:#fff url(/img/europe1.jpg) no-repeat scroll center center; margin:0 10px; font-size:0.91em; font-weight:bold; text-align:center; color:#fff; position:relative; margin-top:0px;} */ #content #tab-content #mainmap.sk {width:880px; background:#fff; height:356px; margin:0 10px; font-size:0.91em; font-weight:bold; text-align:center; color:#fff; position:relative; margin-top:0px;} #content #tab-content .eu { width:880px; height:590px; background:#fff; margin:0 10px; font-size:0.91em; font-weight:bold; text-align:center; color:#fff; position:relative; margin-top:0px;} /*#content #tab-content #mainmap {width:880px; height:356px; background:#fff url(/img/skmap2.jpg) no-repeat scroll center center; margin:0 10px; font-size:0.91em; font-weight:bold; text-align:center; color:#fff; position:relative; margin-top:0px;}*/ #content #tab-content #mainmap strong {display:block; background:#687a91; border-bottom:1px solid #fff; padding:0 0 1px; line-height:1em;} #content #tab-content #mainmap img {margin:0;} *>#content #tab-content #mainmap img {margin-bottom:-2px;} #content #tab-content #mainmap em {display:block; font-style:normal; padding:1px 0 0; line-height:1em; font-size:1.3em} #content #tab-content #mainmap strong span {display:block; width:35px; height:1px; background:#687a91; position:relative; top:-1px; font-size:0;} /* #content #tab-content #mainmap em span {display:block; background:#ff6c00; width:35px; height:1px; position:relative; bottom:-1px; font-size:0;} */ *>#content #tab-content #mainmap strong span {left:1px;} *>#content #tab-content #mainmap em span {left:1px;} #content #tab-content #mainmap #nadpis {position:absolute; left:20px; top:15px;} #content #tab-content #mainmap #popis_sk {position:absolute; left:650px; top:330px;} #content #tab-content #mainmap #nadpis_predpoved_dnes_sk {position:absolute; left:7px; top:7px;} #content #tab-content #mainmap #nadpis_predpoved_zajtra_sk {position:absolute; left:680px; top:330px;} #content #tab-content #mainmap #nadpis_predpoved_zajtra_eu {position:absolute; left:680px; top:330px;} #content #tab-content #mainmap #popis_eu {position:absolute; left:10px; top:570px;} /* #okomap { list-style:none;} #okomap .ozon {width:828px; height:356px; background:#fff; margin: 0 10px; font-size:0.91em; font-weight:bold; text-align:center; color:#fff; position:relative; margin-top:0px;} #okomap .ozonsquare { background: #3366CC; color: #fff; padding: 2px; width: 30px; display: block; cursor: default; border-bottom: 1px solid #003366; border-right: 1px solid #003366; } */ /* OKOmap*/ #okomap { list-style:none; } #okomap .ozon { background:#fff; margin: 0px; color:#fff; position: relative; } #okomap .ozonsquare { background: #3366CC; color: #fff; padding: 1px 2px 1px 2px; width: 25px; display: block; cursor: default; text-align: center; border-bottom: 1px solid #003366; border-right: 1px solid #003366; } /* ELEMENT informacie, akcie ******************************************************************************/ #content #informacie {width:440px; float:left; background:#e3eefb; color:#697a92; font-weight:bold; padding-top:2px;} #content #akcie {width:440px; float:left; background:#e3eefb; margin-left:20px; color:#697a92; font-weight:bold; padding-top:2px;} #content #informacie h2 {color:#3c82d8; float:left; font-size:1.18em; padding:10px 10px 5px;} #content #akcie h2 {color:#3c82d8; float:left; font-size:1.18em; padding:10px 10px 5px;} #content #informacie p, #content #akcie p {float:right; padding:10px 8px 5px; margin-right:10px; background:transparent url(/img/arrow-02.gif) no-repeat scroll right 15px;} #content #akcie p {background-image:url(/img/arrow-02.gif);} #content #informacie a {color:#0096ff; font-weight:normal;} #content #akcie a {color:#0096ff; font-weight:normal;} #content #informacie ul, #content #akcie ul {width:420px; margin:5px 10px 10px; clear:right; list-style:none; border-top:1px solid #fff; padding-top:5px;} #content #informacie li, #content #akcie li {background:transparent url(/img/arrow-01.gif) no-repeat scroll left center; padding-left:9px;} /* ELEMENT partners ******************************************************************************/ #partners li {list-style:none; float:left; margin-bottom:20px; padding: 0px 10px 0px 0px; background-color:#ECECED;} *>#partners li {margin:20px 0 0; background-color:#ECECED;} /* EXTRA addons *******************************************************************************/ .fullwidth {width: 846px;} .smallwidth {width: 626px;} .mpagewidth {width: 846px;} .error_message { color: red; font-weight: bold; text-align:center;} .hi5 { height: 21px;} .loading { border: 1px solid #d6d7d8; background-color: #fff; padding: 20px; height: 100px; } #maincontent span.head1 {color:#004fb0; font-weight:normal; font-size:1.82em;} #maincontent span.head2 {color:#ff6c00; font-weight:normal; font-size:1.54em;} #maincontent span.head3 {color:#004fb0; font-weight:bold; font-size:1.27em;} #maincontent span.head4 {color:#ff6c00; font-weight:bold; font-size:1.18em;} #maincontent span.head5 {color:#004fb0; font-weight:bold; font-size:1.09em;} #maincontent span.head6 {color:#ff6c00; font-weight:bold; font-size:1em;} #maincontent div.tcenter {text-align:center;} #maincontent .tr {text-align:right;} #maincontent .tl {text-align:left;} #maincontent .nowrap {white-space: nowrap;} #maincontent .w5 {width:5px;} #maincontent .w15 {width:15px;} #maincontent .w20 {width:20px;} #maincontent .w30 {width:30px;} #maincontent .w50 {width:50px;} #maincontent .w75 {width:75px;} #maincontent .w100 {width:100px;} #maincontent .w125 {width:125px;} #maincontent .w150 {width:150px;} #maincontent .w175 {width:175px;} #maincontent .w200 {width:200px;} #maincontent .w250 {width:250px;} #maincontent .w300 {width:300px;} #maincontent .w350 {width:350px;} #maincontent .w400 {width:400px;} #maincontent .w500 {width:500px;} #maincontent .w600 {width:600px;} #maincontent table.center {margin-right: auto; margin-left: auto;} #maincontent td.center {text-align:center;} #maincontent .imgmiddle {vertical-align:middle;} #maincontent .fl {float:left;} #maincontent .fr {float:right;} #maincontent .pt5 {padding-top:5px;} #maincontent .p5 {padding:5px;} #maincontent .p10 {padding:10px;} #maincontent .m10 {margin:10px;} .fl {float:left;} .fr {float:right;} .imgmiddle {vertical-align:middle;} .prelative { position: relative;} #tabpreloader { position: absolute; top:-28px; left: 12px;background:transparent url(/img/loading.gif) no-repeat scroll left center; display:none; width: 16px; height:16px; z-index:30; } .tipmessage { width:150px;background:#C9DEF8;color: #1A6FD7;padding:5px;border: 1px solid #245B9E;position:absolute;top: 0px;left: 0px;z-index:40;text-align:left;} .tipmessage220{ width:270px;background:#C9DEF8;color: #004FB0;padding:5px;border: 1px solid #245B9E;position:absolute;top: 0px;left: 0px;z-index:40;text-align:left;} .clearboth { clear:both;} .reset {display: block; font-size: 0px; line-height: 0px; height: 0px; overflow: hidden; clear: both;} .whide { color: #fff; } .tipmessage_apoc { width:210px;background:#D6E6FA;color: #003C85;padding:5px;border: 1px solid #245B9E;position:absolute;top: 0px;left: 0px;z-index:40;text-align:left;} .tipmessage_apoc90 { width:90px;background:#D6E6FA;color: #003C85;padding:5px;border: 1px solid #245B9E;position:absolute;top: 0px;left: 0px;z-index:40;text-align:left;} .tipmessage_vy200 { width:200px;background:#D6E6FA;color: #003C85;padding:5px;border: 1px solid #245B9E;position:absolute;top: 0px;left: 0px;z-index:40;text-align:left;} .tipmessage_vy250 { width:250px;background:#D6E6FA;color: #003C85;padding:5px;border: 1px solid #245B9E;position:absolute;top: 0px;left: 0px;z-index:40;text-align:left;} .tipmessage_vy300 { width:300px;background:#D6E6FA;color: #003C85;padding:5px;border: 1px solid #245B9E;position:absolute;top: 0px;left: 0px;z-index:40;text-align:left;} .tipmessage_vy400 { width:400px;background:#D6E6FA;color: #003C85;padding:5px;border: 1px solid #245B9E;position:absolute;top: 0px;left: 0px;z-index:40;text-align:left;} .tabcontainer {display:none;} .maplinky .bold { font-size: 1.4em; color: #FF6C00; text-decoration: none; font-weight: bold; } .maplinky h2 { font-size: 1.6em; color: #FF6C00; text-decoration: none; font-weight: bold; padding-bottom: 5px;} .maplinky a { font-size: 1.4em; color: #FF6C00; text-decoration: none; font-weight: normal; } .maplinky a:hover { font-size: 1.4em; color: #FF6C00; text-decoration: underline;} .maplinky h1 {color:#172F00; font-weight:normal; font-size:2.05em;} .maplinky form select {height:19px; padding-left:2px; border:1px solid #d7d7d7; background:#fff; color:#858585; width:242px; margin:0; font-size:1.2em; font-weight: normal;} *>.maplinky form select {width:238px; margin:1px 0;} .maplinky form option {padding:2px 5px 2px 5px} .maplinky form input.submit {height:19px; width:87px; background:#e6e6e6 url(/img/button-submit22.gif) no-repeat scroll center top; margin-right:4px; margin-left:4px; border:0; color:#858585;} .maplinky form input.submit:hover {background-position:bottom; color:#353535; cursor:pointer;} .maplinky form input.hover {background-position:bottom; color:#353535; cursor:pointer; } .maplinky form input.button {height:19px; background-color:#d2d2d2; margin-right:4px; margin-left:4px; border:1px solid #acacac; color:#353535; font-size:0.8em; padding-bottom:2px; } .maplinky form input.disabled {height:19px; background-color:#f8f8f8; margin-right:4px; margin-left:4px; border:1px solid #d2d2d2; color:#acacac; font-size:0.8em; padding-bottom:2px; } .maplinky form input.button:hover {height:19px; background-color:#d2d2d2; margin-right:4px; margin-left:4px; border:1px solid #acacac; color:#353535; cursor:pointer;} .bluebg {background:#3c82d8;} .maplinkyhref { color: #172F00; } .maplinkyhref a { font-size: 1.2em; color: #172F00; text-decoration: none; font-weight: normal; } .maplinkyhref a:hover { font-size: 1.2em; color: #172F00; text-decoration: underline;} .maplinkyhrefwhite { color: #fff; } .maplinkyhrefwhite a { font-size: 1.2em; color: #fff; text-decoration: none; font-weight: normal; } .maplinkyhrefwhite a:hover { font-size: 1.2em; color: #fff; text-decoration: underline;} span.head3 {color:#fff; font-weight:bold; font-size:1.4em;} .topban a { font-size: 16px; color: #004FB0; font-weight:bold; } #extracontainer {width:750px; padding:0 25px;} #extracontainer {margin:0 auto; text-align:left; position:relative; background:#fff;} .hilite { background-color: lime; color: black;} /* IE hover fix pre buttony */ input {behavior:url(/IEfixes.htc);} /* TOP MENU */ #nav {list-style:none; line-height:34px;width:655px; float:left;} #nav li {float:left; background:#004fb0; color:#fff;} #nav li a {display:block; width:160px; color:#fff; padding:0 10px; text-decoration:none; font-weight:bold;} *>#nav li a {width:140px;} #nav li a:hover { text-decoration:none;} #nav li.first, #nav li.second, #nav li.third, #nav li.fourth {border-right:1px solid #fff; width:160px; } #nav li.first {background:#004fb0 url(/img/menu-01.gif) no-repeat scroll right center;} #nav li.second {background:#1a6fd7 url(/img/menu-02.gif) no-repeat scroll right center;} #nav li.third {background:#3d8cee url(/img/menu-03.gif) no-repeat scroll right center;} #nav li.fourth {background:#61ADFB url(/img/menu-04.gif) no-repeat scroll right center;} #nav ul {float: left;list-style: none;font-weight: bold;padding:0;margin:0;background-color:#1176E2;} #nav li:hover > ul {display:block;} #nav li li a {font-weight:normal; border-bottom:1px solid #1a6fd7; display:block; background:#004fb0;} #nav li.second li a {background:#1a6fd7; border-color:#3d8cee; } #nav li.third li a {background:#3d8cee; border-color:#79aff3; } #nav li.fourth li a {background:#61ADFB; border-color:#ADCCF3; } #nav li li a.level {background-image:url(/img/submenu-arrow.gif); background-position:right center; background-repeat:no-repeat; text-decoration:none;} #nav li li a:hover {background-color:#003c85; text-decoration:none;} #nav li.second li a:hover {background-color:#004fb0;} #nav li.third li a:hover {background-color:#1a6fd7;} #nav li.fourth li a:hover {background-color:#1a6fd7;} #nav li li li a {width:185px;} *>#nav li li li a {width:165px;} #nav li li li li a {width:160px;} *>#nav li li li li a {width:140px;} /* Konqueror fix *****************/ /* html:not(:nth-child(1)) *>#nav li li li a {width:185px;} */ #nav li ul ul {left:160px; border-left: 1px solid white; border-top: 0; margin:-23px 0 0 160px;} #nav li ul ul ul {left:185px; border-left: 1px solid white; border-top: 0; margin:-23px 0 0 185px; } #nav li ul {border-top: 1px solid white;position: absolute; left: -999em;list-style:none;line-height:22px; background:transparent;width: 160px;z-index:20; } /* #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;} #nav ul li:hover, #nav ul li.sfhover {background: #003c85;} */ #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;} #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;} #nav ul li.sfhover {background: #003c85;} /* IE5.5 a IE6 tagov v IE5.0 */ select.hide { visibility: hidden; } /*---by-hectic---*/ #maincontent form input.submitsmall {height:25px; width:48px; background:#e6e6e6 url(/img/button-submit4.gif) no-repeat scroll left top; margin-right:4px; margin-left:4px; border:0; color:#858585;} #maincontent form input.submitsmall:hover {background-position:bottom; color:#353535;} #maincontent div.grey {background: #EFEFEF; width: 30px;} #maincontent span.yell2 {background: #FFFABF; width: 30px;} #maincontent span.center {text-align:center;} #maincontent tr.hiliteregion td { background-color: #FFDBC0;} #maincontent tr.hiliteregion2 td { background-color: #EBC7AC;} #scrollbar a { background: no-repeat; display: block; width: 23px; height: 25px; text-decoration: none; } #scrollbar a.up { background: url(/img/button-up.gif); } #scrollbar a.down { background: url(/img/button-down.gif); vertical-align: bottom; } #scrollbar a.up:hover, #scrollbar a.down:hover { background-position: bottom; } #vystraha_ozon { padding:5px 10px; margin-top:10px; margin-bottom:10px; } #vystraha_ozon h2 { text-align:center; } #vystraha_ozon h3 { text-align:center; font-size:1.1em; } .xwarn0 { background:#ffff99; color:#000; } .xwarn1 { background:#ffc5a1; color:#000; } .xwarn3 { background:#ff0000; color:white; } .xwarn2, .xwarn4 { background:#e0e0e0; color:#000; } .xwarn0 a, .xwarn1 a, .xwarn2 a, .xwarn3 a, .xwarn4 a { text-align:left; font-size:1.1em; font-weight:bold; line-height:1.5em; text-decoration: underline; color: red; } .xwarn3 a {color: white;} .xwarn3 {color: white;} #map .gmnoprint a {color: #0B3AB7;} #map .gmnoprint span {color: #0B3AB7;} #map form { margin:0; padding:0; border:0} #map form input.gsc-input { width: 100px; color: black; border: 1px solid black;} #map form input.gsc-search-button { width: 70px; background-color: #e1e1e1; color: black;} #map form table { margin:0; padding:0; border:0; background: none;} #map form table td { margin:0; padding:0; border:0; background: none;} /* akt prehlad blog */ .date {float: left; width: 3em; margin-right: 1em; text-align: center; text-transform: uppercase; padding: 0.5em; background: #FFFABF; color: #999999; border: 1px solid #D9E2ED; } .date span {display: block;} .date .day {font-size: 2em;} .date .year {display: none;} .rheader {margin: 1em 0;} .rheader h2 {margin: 0;} .rheader .details {font-size: 0.8em; } .rheader .details, .record_header .details a {color: #999999;} .record {margin-bottom: 4em; line-height: 150%; font-size: 9pt; color: #444;} /* */ .line { clear: both; border-bottom: 1px solid #D9E2ED; width: 100%; } #vystraha_ozon p { text-align:right; } #mapa_meteo { width: 290px; float:left; text-align: center;} #mapa_meteo h2 { font-size: 13px; color: #3C82D8; } #mapa_hydro { width: 290px; float:left; text-align: center; } #mapa_hydro h2 { font-size: 13px; color: #55A500; } #mapa_oko { width: 290px; float:left; text-align: center; } #mapa_oko h2 { font-size: 13px; color: #C06B3E; } .tipmessage_w1 { border: 1px solid grey; background-color: #C9DEF8; color: #1A6FD7; padding: 2px; width: 200px;} .tipmessage_w2 { border: 1px solid grey; background-color: yellow; color: black; padding: 2px; width: 200px;} .tipmessage_w3 { border: 1px solid grey; background-color: #FFA539; color: black; padding: 2px; width: 200px;} .tipmessage_w4 { border: 1px solid grey; background-color: red; color: white; padding: 2px; width: 200px;} /* tooltip */ #JT { position: absolute; z-index:100; border: 2px solid #CCCCCC; background-color: #fff; text-align:left;} #JT_copy{ padding:10px 10px 10px 10px; color:#333333; } .JT_loader{ background-image: url(/img/loader.gif); background-repeat: no-repeat; background-position: center center; width:100%; height:12px; } #JT_copy p{ text-align:left; } #JT_copy img{ padding: 1px; } .jTip{ cursor:help; } /* main page maps */ #mainpagemap div { padding:0px; margin:0px; width:220px; } #mainpagemap .meteo { float:left; margin-bottom: 5px; } #mainpagemap .meteo h2 { margin-bottom: 1px; padding-left:20px; height:20px; line-height:20px; background-image: url(/img/mpage_map_head_meteo.png); background-repeat: no-repeat; background-position: left top; color: white; font-size:11px; font-weight:bold; } #mainpagemap .hydro { float:left; margin-left: 6px; margin-bottom: 5px; } #mainpagemap .hydro h2 { margin-bottom: 1px; padding-left:20px; height:20px; line-height:20px; background-image: url(/img/mpage_map_head_hydro.png); background-repeat: no-repeat; background-position: left top; color: white; font-size:11px; font-weight:bold; } #mainpagemap .oko { float:left; margin-left: 7px; margin-bottom: 5px; } #mainpagemap .oko h2 { margin-bottom: 1px; padding-left:20px; height:20px; line-height:20px; background-image: url(/img/mpage_map_head_oko.png); background-repeat: no-repeat; background-position: left top; color: white; font-size:11px; font-weight:bold; }