* {margin:0;padding:0}
body {
  font-family: Verdana, Helvetica, lucida, sans-serif;
  font-size:12px;
  background:#f4f4f4;
  color:#111
  }
img {border:none}

#page {width:782px;padding:0 10px;margin:6px auto;background: #b6dcee url('img/back.gif') center 0 repeat-y scroll}
#zahlavi {height:113px;width:782px;background: #b6dcee url('img/zahlavi.jpg') 0 0 no-repeat scroll;border-top:2px solid #d8d8d8}
#obsah {width:782px;background: #fff;border-bottom:2px solid #d8d8d8}

#vlevo {float:left;width:220px;background:#DAE5F8;padding-top:18px}
#vpravo {margin-left:220px;}
#vlevo .ob {padding:0}
#vpravo .ob {padding:15px 10px 10px 15px}

#vpravo p {margin:8px 0 10px 0;text-align:justify;font-size:11px}
p {line-height:1.7em}

hr {background:#eee;color:#eee;height:2px;border:0;line-height:2px;margin:0;clear: both}
.cntr {text-align:center}

.img-left {float:left;margin:4px 10px 0 0}

legend {padding:6px 14px}

a {color:#111}
a:hover {color:#777}

h1 {font-weight:normal;font-size:1px;color:#09193d;display:none}
h2 {margin: 0 0 10px 0;font-size:18px;font-family:'Tahoma',Arial, sans-serif;font-weight:normal;letter-spacing:0.05em;color:#4e70ad}
h2.mensi {margin: 0 0 3px 0;font-size:14px;font-family:'Tahoma',Arial, sans-serif;font-weight:bold;color:#4e70ad}
h3 {margin:8px 0 4px 0;font-weight:bold;font-size:11px;color:#344861}

.vpravo-cara {padding-bottom:10px;height:8px;width:226px;background: transparent url('img/vpravo-cara.gif') 0 0 no-repeat scroll}
.cara {padding-bottom:10px;height:8px;width:600px;background: transparent url('img/vpravo-cara.gif') 0 0 no-repeat scroll}

.pocasi-icon {padding:3px 0 7px 50px;background: transparent url('img/pocasi.gif') 0 0 no-repeat scroll;display:block;position:relative;left:0;top:-2px}
.kamera-icon {padding:5px 0 8px 50px;background: transparent url('img/kamera.gif') 0 0 no-repeat scroll;display:block;position:relative;left:0;top:-1px}
.mapy-icon {padding:5px 0 7px 50px;background: transparent url('img/mapa.gif') 0 0 no-repeat scroll;display:block}


#zapati {width:782px;margin:0 auto;padding:4px 0 10px 18px;font-size:11px;color:#888;text-align:center}
#zapati a {color:#9bc}
#zapati div {width:290px}
#zapati span {margin-left:295px;display:block}

.tab {margin:5px 0 0 0;border:1px solid #1a2655;width:100%}
.tab td, .tab th {padding:8px 4px;font-size:11px;color:#dde}
.tab tr th {text-align: left;border-bottom:1px solid #182451;color:#eef;padding:6px 4px}
.tab td a, .tab th a {color:#89b}
.tab td a:hover, .tab th a:hover {color:#bce}
.tab td {padding:8px 4px;background:#0c183c}
.tab tr.odd td, .tab tr td.odd {background:#19274c}
.tab tr.even, .tab tr td.even {background:#0c183c}
.tab td.nowrap, .tab th.nowrap {white-space:nowrap}
.tabb {margin:10px 0 0 18px;border:1px solid #1a2655}
.tabb td, .tab th {padding:3px 4px;font-size:11px}

#obsah table {margin:6px 0 6px 0}
#obsah table tr td {font-size:11px;line-height:1.7em;vertical-align:top}
#obsah table tr td.first {font-size:11px;color:#4e70ad;width:68px}

#obsah ul {margin:6px 5px 2px 36px;line-height:1.5em;font-size:11px}
#obsah ul li {list-style-type: square;margin:4px 0 6px 0}

#obsah #vpravo a {font-weight:bold;color:#4d61aa}
#obsah #vpravo a:hover {color:#aaa}

.menu ul {height: 25px;min-height:25px;background:#747574 url('img/menu-back.png') 0 0 repeat-x scroll}
.menu ul {list-style-type: none}
.menu ul li {margin: 0;display: block;float: left;border-left:1px solid #eee}
.menu ul li.prvni {border-left:1px solid #444}
.menu ul li a span {color:#888}
.menu ul li a {text-decoration: none;padding: 6px 25px 6px 22px;font-weight: bold;display: block;color: #fafafa;font-size:11px}
.menu ul li a:hover { text-decoration: none;color: #ddd;}
.menu li { position: relative;top:0;left:0}
.menu li:hover { cursor: pointer;z-index:10;_cursor: hand}
.menu li:hover ul ul { display:none}
.menu li:hover ul, div.menu li li:hover ul {display:block}

.menu ul ul { position: absolute;display: none;background:transparent;padding-left: 0;left:-1px}
.menu ul ul li a {font-size:11px;font-weight:normal}
.menu ul ul li a {text-decoration: none;padding: 6px 6px 6px 10px;color: #fff}
.menu ul li ul li a:hover { text-decoration: none;color: #fff;background:#999}
.menu ul ul li { float: none;background:#6b6b6b;border: 1px solid #fff;width: 149px;border-top:none }
.menu ul ul#m-0 li {width: 153px}
.menu ul ul#m-1 li {width: 116px}
.menu ul ul#m-2 li {width: 184px}
.menu ul ul#m-3 li {width: 157px}
.menu ul ul#m-4 li {width: 120px}
.menu ul ul#m-5 li {width: 190px}

#obsah #vpravo .menu {border-top:1px solid #999}
#obsah #vpravo .menu ul {line-height:1.2em;margin: 0;height: 25px;min-height:25px;background:#747574 url('img/menu-back.png') 0 0 repeat-x scroll}
#obsah #vpravo .menu ul {list-style-type: none}
#obsah #vpravo .menu ul li {margin: 0;display: block;float: left;border-left:1px solid #eee}
#obsah #vpravo .menu ul li.prvni {border-left:1px solid #444}
#obsah #vpravo .menu ul li a span {color:#888}
#obsah #vpravo .menu ul li a {text-decoration: none;padding: 6px 25px 6px 22px;font-weight: bold;display: block;color: #fafafa;font-size:11px}
#obsah #vpravo .menu ul li a:hover { text-decoration: none;color: #ddd;}
#obsah #vpravo .menu li { position: relative;top:0;left:0}
#obsah #vpravo .menu li:hover { cursor: pointer;z-index:10;_cursor: hand}
#obsah #vpravo .menu li:hover ul ul { display:none}
#obsah #vpravo .menu li:hover ul, div.menu li li:hover ul {display:block}

#obsah #vpravo .menu ul ul { position: absolute;display: none;background:transparent;padding-left: 0;left:-1px}
#obsah #vpravo .menu ul ul li a {font-size:11px;font-weight:normal}
#obsah #vpravo .menu ul ul li a {text-decoration: none;padding: 6px 6px 6px 10px;color: #fff}
#obsah #vpravo .menu ul li ul li a:hover { text-decoration: none;color: #fff;background:#999}
#obsah #vpravo .menu ul ul li { float: none;background:#6b6b6b;border: 1px solid #fff;width: 149px;border-top:none }
#obsah #vpravo .menu ul ul#m-10 li {width: 163px}
#obsah #vpravo .menu ul ul#m-11 li {width: 146px}

ol.odr {margin:6px 5px 2px 42px;line-height:1.5em;font-size:11px}
ol.odr li {list-style-type: decimal;margin:4px 0 6px 0}

.nov-date {font-size:10px;color:#4e80bd}
.nov-text {height:54px;overflow:hidden}

.fotogalerie {margin:18px 0 15px 14px}
.fotogalerie a {display:block;float:left;width:96px;height:74px}
.fotogalerie a img {margin:2px 4px 5px 2px;border:1px solid #fff}
.fotogalerie a {border:1px solid #fff}
.fotogalerie a:hover {
	border:1px solid #222;
}

.novinky {font-size:11px;background:#dae5f8;padding:11px 10px 0px 10px}
.novinky p {margin:4px 0;line-height:1.4em;text-align:justify}
.novinky-cela {font-size:11px;text-align:right;margin-bottom:10px}
.novinky-cela a {color:#4e70ad}

table#uvodni-2-clanky {margin:0 0 14px 0}
table#uvodni-2-clanky tr td {height:219px;overflow:hidden;width:239px;vertical-align:top;border:1px solid #dde;padding:0 8px 4px 8px;background:#eee}
table#uvodni-2-clanky tr td#mid {width:1px;border:none;background:#fff}
table#uvodni-2-clanky tr td p {margin-bottom:6px}
.uvod-2-right {text-align:right}
table#uvodni-2-clanky tr td div.uvod-2-right a {font-weight:normal !important}

div.banner {margin:2px 0 8px 0}
div.banner img {border-bottom:1px solid #dde}

#webkamera {position:absolute;display:block;margin:16px 0 0 694px}
a#webkamera {color:#fff;font-weight:bold;text-decoration:none}
a#webkamera:hover {color:#ffefa4;font-weight:bold;text-decoration:none}

.webkamera-list {margin:5px 5px 15px 10px}
.webkamera-list a {font-size:12px;background:#FDd163;padding:6px 8px;text-decoration:none;border-radius:2px;color:#333 !important}
.webkamera-list a:hover {font-size:12px;background:#DAE5F8;text-decoration:none;color:#333 !important}
.webkamera-list span {font-size:13px;color:#444}

iframe {margin:10px 2px;border:0}
.novinka-clanek-datum {font-size:13px;color:#4e70ad}
.oddel {font-size:1px;background:#dae5f8;height:1px;margin-bottom:17px}

#zahlavi a {text-decoration:none;display:block;height:129px;width:782px;}

#aktualni-pocasi {border:1px solid #b6cbef;height:95px;margin-bottom:12px;background:#fff url('img/pocasi/back.jpg') bottom right no-repeat scroll}
#aktualni-pocasi table tr td {line-height:1.8em}
#aktualni-pocasi table tr td span {color:#4e70ad;font-size:10px}
#aktualni-pocasi table tr td span#teplota {font-size:15px;font-weight:bold;color:#111;font-family:Tahoma,sans-serif;position:relative;top:2px;left:0}

#obsah #vpravo ul.video-odkaz {margin:0}
#obsah #vpravo ul.video-odkaz li {list-style-type:none;margin:0}
#obsah #vpravo ul.video-odkaz li a {width:20em;display:block;padding:4px 4px 4px 26px;;background:#fff url('img/video.gif') 0 3px no-repeat scroll}

.nov-text p {line-height:1.6em;margin:0}