html { height: 100%; margin: 0; padding: 0; }
body { background-color: #1a2c3e; position: relative; width: 100%; height: 100% !important; margin: 0; padding: 0; }
.top { background-image: url(grafika/background.png); background-repeat: repeat-x; background-position: 50% top; position: absolute; width: 100% !important; min-height: 100%; margin: 0; padding: 0; }
.dno { background-image: url(grafika/dno.png); background-repeat: repeat-x; background-position: center bottom; position: absolute; left: 0; bottom: 0; width: 100%; height: 109px; z-index: 110; min-width: 920px; margin: 0; padding: 0; }
.obsah { position: relative; top: 0; width: 970px; border-right: 5px solid #00f; border-left: 5px solid #00f; }
.footer { color: #e3f1ff; font-size: 11px; font-family: Arial; text-align: right; position: relative; right: 15px; width: 100%; height: 20px; z-index: 100; float: left; clear: both; }
.footer a { color: #97ccff; font-weight: bold; text-decoration: none; }
.footer a:hover { color: #dbdbdb; }
.cleaner { position: relative; width: 0; height: 0; clear: both; }
.bread { color: #586a7a; font-size: 11px; position: absolute; top: -6px; left: 40px; z-index: 500; }
.bread a { color: #518abd; font-weight: bold; text-decoration: none; }
.bread a:hover { color: #003360; }
/* plovoucí objekty */
.boat1 { background-image: url(grafika/boat1.png); background-repeat: no-repeat; position: absolute; top: 3px; left: 2%; width: 98px; height: 137px; z-index: 100; display: block; }
.boat2 { background-image: url(grafika/boat2.png); background-repeat: no-repeat; position: absolute; top: 76px; right: 24%; width: 151px; height: 68px; z-index: 100; display: block; }
.boat3 { background-image: url(grafika/boat3.png); background-repeat: no-repeat; display: block; position: absolute; z-index: 100; top: 5px; right: 3%; width: 220px; height: 140px; }
.diver1 { background-image: url(grafika/diver1.png); background-repeat: no-repeat; display: block; position: absolute; top: 33%; z-index: 100; left: 4.5%; width: 146px; height: 113px; }
.diver2 { background-image: url(grafika/diver2.png); background-repeat: no-repeat; display: block; position: absolute; z-index: 100; top: 32.5%; left: 16%; width: 112px; height: 80px; }
.diver3 { background-image: url(grafika/diver3.png); background-repeat: no-repeat; display: block; position: absolute; left: 26%; bottom: 12.5%; z-index: 100; width: 72px; height: 42px; }
.diver4 { background-image: url(grafika/diver4.png); background-repeat: no-repeat; display: block; position: absolute; left: 36%; z-index: 100; bottom: 11%; width: 100px; height: 42px; }
.diver5 { background-image: url(grafika/diver5.png); background-repeat: no-repeat; display: block; position: absolute; right: 24%; bottom: 11.5%; z-index: 100; width: 112px; height: 45px; }
.diver6 { background-image: url(grafika/diver6.png); background-repeat: no-repeat; display: block; position: absolute; z-index: 100; right: 15.4%; bottom: 13.6%; width: 70px; height: 29px; }
.diver7 { background-image: url(grafika/diver7.png); background-repeat: no-repeat; display: block; position: absolute; top: 51%; z-index: 100; right: 20%; width: 129px; height: 77px; }
.diver8 { background-image: url(grafika/diver8.png); background-repeat: no-repeat; display: block; position: absolute; top: 40%; z-index: 100; right: 13%; width: 99px; height: 79px; }
.diver9 { background-image: url(grafika/diver9.png); background-repeat: no-repeat; display: block; position: absolute; top: 29%; z-index: 100; right: 7%; width: 60px; height: 86px; }
.bubbles1 { background-image: url(grafika/bubbles-xs.png); background-repeat: no-repeat; position: absolute; width: 25px; height: 52px; z-index: 100; }
#b10 { position: absolute; top: 21%; right: 8%; z-index: 100; }
#b20 { position: absolute; right: 20%; bottom: 33%; z-index: 100; }
#b30 { position: absolute; right: 17%; bottom: 21%; z-index: 100; }
#b40 { position: absolute; left: 46%; bottom: 27%; z-index: 100; }
#b50 { position: absolute; left: 31%; bottom: 29%; z-index: 100; }
.bubbles2 { background-image: url(grafika/bubbles-s.png); background-repeat: no-repeat; position: absolute; z-index: 100; width: 31px; height: 64px; }
#b11 { position: absolute; left: 29%; bottom: 20%; z-index: 100; }
#b21 { position: absolute; left: 38%; bottom: 17%; z-index: 100; }
.bubbles3 { background-image: url(grafika/bubbles-s2.png); background-repeat: no-repeat; position: absolute; z-index: 100; width: 34px; height: 72px; }
#b12 { position: absolute; top: 26%; right: 26%; z-index: 100; }
.bubbles4 { background-image: url(grafika/bubbles-m.png); background-repeat: no-repeat; position: absolute; z-index: 100; width: 42px; height: 88px; }
#b13 { position: absolute; top: 19%; right: 29%; z-index: 100; }
#b23 { position: absolute; top: 22%; right: 17%; z-index: 100; }
#b33 { position: absolute; right: 31%; bottom: 37%; z-index: 100; }
#b43 { position: absolute; right: 26.6%; bottom: 21%; z-index: 100; }
.bubbles5 { background-image: url(grafika/bubbles-l1.png); background-repeat: no-repeat; position: absolute; z-index: 100; width: 48px; height: 101px; }
#b14 { position: absolute; top: 37%; right: 22%; z-index: 100; }
.bubbles6 { background-image: url(grafika/bubbles-l2.png); background-repeat: no-repeat; position: absolute; z-index: 100; width: 48px; height: 100px; }
#b15 { position: absolute; top: 20%; left: 17%; z-index: 100; }
.bubbles7 { background-image: url(grafika/bubbles-xl.png); background-repeat: no-repeat; position: absolute; z-index: 100; width: 59px; height: 125px; }
#b16 { position: absolute; top: 20%; left: 4%; z-index: 100; }
.bubble { background-image: url(grafika/roundbubble2.png); background-repeat: no-repeat; position: absolute; z-index: 100; width: 16px; height: 15px; }
#bb1 { position: absolute; right: 8%; bottom: 22%; z-index: 100; }
#bb2 { position: absolute; right: 9%; bottom: 26%; z-index: 100; }
#bb3 { position: absolute; right: 7%; bottom: 30%; z-index: 100; }
.bubble2 { background-image: url(grafika/roundbubble1.png); background-repeat: no-repeat; position: absolute; z-index: 100; width: 22px; height: 21px; }
#bb4 { position: absolute; right: 10%; bottom: 12%; z-index: 100; }
.shark { background-image: url(grafika/shark.png); background-repeat: no-repeat; position: absolute; top: 20%; left: 25%; width: 116px; height: 59px; z-index: 100; }
#f11 { background-image: url(grafika/fish1.png); background-repeat: no-repeat; position: absolute; left: 16%; bottom: 39%; width: 166px; height: 62px; z-index: 100; }
#f12 { background-image: url(grafika/fish1b.png); background-repeat: no-repeat; position: absolute; left: 40%; bottom: 48%; width: 124px; height: 46px; z-index: 100; }
#f21 { background-image: url(grafika/fish2.png); background-repeat: no-repeat; position: absolute; left: 2%; bottom: 14%; width: 95px; height: 35px; z-index: 100; }
#f22 { background-image: url(grafika/fish2b.png); background-repeat: no-repeat; position: absolute; left: 8%; bottom: 10%; width: 56px; height: 21px; z-index: 100; }
#f31 { background-image: url(grafika/fish5a.png); background-repeat: no-repeat; position: absolute; left: 21%; bottom: 21%; width: 75px; height: 23px; z-index: 100; }
#f32 { background-image: url(grafika/fish5b.png); background-repeat: no-repeat; position: absolute; left: 25%; bottom: 24.5%; width: 54px; height: 17px; z-index: 100; }
#f33 { background-image: url(grafika/fish5c.png); background-repeat: no-repeat; position: absolute; left: 22%; bottom: 23.5%; width: 54px; height: 17px; z-index: 100; }
#f34 { background-image: url(grafika/fish5d.png); background-repeat: no-repeat; position: absolute; left: 20%; bottom: 26%; width: 54px; height: 17px; z-index: 100; }
#f41 { background-image: url(grafika/fish3.png); background-repeat: no-repeat; position: absolute; left: 47%; bottom: 23%; width: 123px; height: 62px; z-index: 100; }
#f51 { background-image: url(grafika/fish4.png); background-repeat: no-repeat; position: absolute; left: 53%; bottom: 13%; width: 75px; height: 38px; z-index: 100; }
#f61 { background-image: url(grafika/fish6.png); background-repeat: no-repeat; position: absolute; right: 5%; bottom: 13%; width: 53px; height: 31px; z-index: 100; }
#f62 { background-image: url(grafika/fish6b.png); background-repeat: no-repeat; position: absolute; right: 4%; bottom: 10%; width: 41px; height: 23px; z-index: 100; }
/* obsahová část */
div.mainContainer { position: relative; width: 921px; z-index: 1000; }
div.headContainer { background-image: url(grafika/headframe2.png); background-repeat: no-repeat; background-position: center top; text-align: left; position: relative; width: 917px; height: 360px; z-index: 1000; }
div.logo a img { border-style: none; }
div.logo a  { position: relative; top: 35px; left: 10px; width: 379px; height: 117px; float: left; display: block; }
div.headImgContainer { background-image: url(grafika/headpicframe.png); background-repeat: no-repeat; text-align: center; position: relative; top: 35px; right: 10px; width: 509px; height: 246px; float: right; padding-top: 13px; }
div.menu_container { background-image: url(grafika/menubgr.png); background-repeat: no-repeat; position: absolute; left: 25px; bottom: 10px; width: 866px; height: 61px; z-index: 1000; float: left; clear: both; margin: 0; padding: 0; }
form.search { position: absolute; top: 15px; right: 15px; width: 220px; height: 32px; }
* html form.search { position: absolute; top: 15px; right: 15px; width: 225px; height: 32px; }
.sb { line-height: 16px; background-image: url(grafika/searchbox.png); background-repeat: no-repeat; width: 183px; height: 32px; float: left; margin: 0; padding: 0; }
.sea1 { color: #432300; font-size: 11px; line-height: 16px; background-color: transparent; width: 160px; margin: 7px 0 0 7px; padding: 0; border-style: none; }
.sub { background-color: transparent; background-image: url(grafika/lupa.png); background-repeat: no-repeat; width: 35px; height: 35px; float: right; border-style: none; cursor: pointer; display: block; }
div.bodyContainer { font-family: Arial; position: relative; width: 917px; z-index: 10; }
div.contentContainer { width: 691px; z-index: 50; float: left; }
* html div.contentContainer { z-index: 50; width: 691px; float: left; }
div.cch { background-image: url(grafika/mainwintopbgr.png); background-repeat: no-repeat; position: relative; width: 100%; height: 50px; z-index: 50; float: left; }
div.cch h1 { font-size: 20px; position: absolute; left: 18px; bottom: 10px; z-index: 50; float: left; margin: 0; padding: 0; }
div.cch h1 img { z-index: 50; }
div.ccc { background-image: url(grafika/mainwinrepetebgr.png); background-repeat: repeat-y; text-align: justify; position: relative; width: 100%; z-index: 50; float: left; clear: left; margin: 0; padding: 0; }
* html div.ccc { background-image: url(grafika/mainwinrepetebgr.png); background-repeat: repeat-y; text-align: justify; position: relative; z-index: 50; width: 100%; float: left; clear: left; margin: 0; padding: 0; }
div.ccc_pole { color: #0b3054; font-size: 13px; text-align: justify; z-index: 50; width: 600px; float: left; margin: 0 40px; padding: 20px 0; }
div.ccc_pole img { padding: 2px; border: solid 1px #586a7a; }
.justifyleft { margin-top: 5px; margin-right: 10px; }
.justifyright { margin-top: 5px; margin-left: 10px; }
* html div.ccc_pole { color: #0b3054; font-size: 13px; text-align: justify; position: relative; left: 20px; z-index: 50; width: 600px; margin: 0; padding: 20px; }
div.ccc_pole h2 { font-size: 20px; }
div.ccc_pole h3 { font-size: 16px; }
div.ccc_pole a { color: #974c00; text-decoration: none; }
div.ccc_pole a:hover { color: #e68823; }
div.ccc_pole ul { margin: 0; padding: 0 0 0 18px; }
div.ccc_pole li { list-style-type: disc; padding-bottom: 5px; }
div.ccc_pole ul li ul { margin: 10px 0; padding: 0 0 0 18px; }
div.ccc_pole ul li ul li { padding-bottom: 5px; list-style-type: disc; }
div.ccp { background-image: url(grafika/mainwinbottombgr.png); background-repeat: no-repeat; width: 100%; height: 53px; z-index: 50; float: left; clear: left; }
div.rightContainer { width: 222px; z-index: 49; float: right; }
div.newsContainer { width: 222px; z-index: 50; float: right; }
* html div.newsContainer { right: 0; z-index: 50; width: 222px; float: right; display: block; }
div.nch { background-image: url(grafika/newswintopbgr.png); background-repeat: no-repeat; position: relative; width: 222px; height: 50px; z-index: 50; float: left; }
div.nch h1 { position: absolute; left: 18px; bottom: 10px; z-index: 50; float: left; margin: 0; padding: 0; }
div.nch h1 img { z-index: 50; }
div.ncc { color: #103f6d; font-size: 12px; background-image: url(grafika/newswinrepetebgr.png); background-repeat: repeat-y; text-align: left; position: relative; width: 180px; z-index: 50; float: left; clear: left; padding-right: 20px; padding-left: 20px; }
* html div.ncc { color: #103f6d; font-size: 12px; background-image: url(grafika/newswinrepetebgr.png); background-repeat: repeat-y; text-align: justify; position: relative; width: 100%; z-index: 50; float: left; padding: 0; }
* html div.ncc_pole { position: relative; left: 20px; width: 180px; }
div.ncc h3 { font-size: 16px; font-weight: bold; width: 100%; margin: 0 0 5px; padding: 0; border-bottom: 1px solid #8ca7c1; }
div.ncc a { color: #405f7e; text-decoration: none; }
div.ncc a:hover { color: #73c8ce; text-decoration: none; }
div.ncc div.LIn_title { font-weight: bold; width: 180px; }
div.ncc  ul.LIn_shortMode { width: 180px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; list-style-type: none; }
div.ncc ul.LIn_shortMode li { width: 100%; float: left; clear: left; list-style-type: none; margin-right: 0; margin-bottom: 10px; margin-left: 0; padding-right: 0; padding-left: 0; }
div.ncc ul.LIn_shortMode li a { color: #405f7e; font-weight: bold; text-decoration: none; float: left; margin-bottom: 5px; list-style-type: none; }
div.ncc ul.LIn_shortMode li a:hover { color: #73c8ce; list-style-type: none; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; }
div.ncc ul span.LIn_date { font-size: 10px; position: relative; float: right; list-style-type: none; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; }
* html div.ncc ul.LIn_shortMode { list-style-type: none; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; width: 180px; }
* html div.ncc ul.LIn_shortMode li { width: 180px; float: right; clear: right; list-style-type: none; margin-right: 0; margin-bottom: 10px; margin-left: 0; padding-right: 0; padding-left: 0; }
* html div.ncc ul.LIn_shortMode li a { color: #405f7e; font-weight: bold; text-decoration: none; float: left; list-style-type: none; margin-bottom: 5px; }
* html div.ncc ul span.LIn_date { font-size: 10px; list-style-type: none; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; float: right; }
div.ncc ul span.LIn_desc { position: relative; width: 100%; float: left; clear: right; list-style-type: none; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; display: none; }
div.ncp { background-image: url(grafika/newswinbottombgr.png); background-repeat: no-repeat; width: 100%; height: 53px; z-index: 50; float: left; clear: left; }
div.copyrightContainer { width: 222px; z-index: 50; float: right; margin-top: 5px; }
* html div.copyrightContainer { right: 0; z-index: 50; width: 222px; float: right; clear: right; margin-top: 5px; display: block; }
div.xch { background-image: url(grafika/newswintopbgr.png); background-repeat: no-repeat; position: relative; width: 222px; height: 50px; z-index: 50; float: left; }
div.xch h1 { position: absolute; left: 10px; bottom: 10px; z-index: 50; float: left; margin: 0; padding: 0; }
div.xch h1 img { z-index: 50; }
div.xcc { color: #103f6d; font-size: 12px; background-image: url(grafika/newswinrepetebgr.png); background-repeat: repeat-y; text-align: left; position: relative; width: 180px; z-index: 50; float: left; clear: left; padding-right: 20px; padding-left: 20px; }
* html div.xcc { color: #103f6d; font-size: 12px; background-image: url(grafika/newswinrepetebgr.png); background-repeat: repeat-y; text-align: justify; position: relative; width: 100%; z-index: 50; float: left; padding: 0; }
* html div.xcc_pole { position: relative; left: 20px; width: 180px; }
div.xcc a { color: #405f7e; text-decoration: none; }
div.xcc a:hover { color: #73c8ce; text-decoration: none; }
div.xcc p { font-size: 11px; }
div.xcp { background-image: url(grafika/newswinbottombgr.png); background-repeat: no-repeat; width: 100%; height: 53px; z-index: 50; float: left; clear: left; }
p#gb_req { font-size: 10px; }