body,html,div,p,ul,li,table,img {padding: 0; margin: 0;}
body,html { color: #000000; margin: 0; padding: 0; text-align: center; background:url("grafika/bg-body2.gif") 50% 0% repeat-x #003084; font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif }
body { font-size: 90% }
/* Globalni styly */
hr { position: absolute; top: -12721px; width: 50px }
A:link { color: #1E68C9; text-decoration: underline }
A:visited { color: #604198; text-decoration: underline }
A:active, A:hover { color: #769706; text-decoration: underline }
a img { border: 0px solid #B1B8B8 }
a:hover img { border: 0px solid #000000 }
h1,h2 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal }
h1 { margin: 25px 10px 0 0; padding: 0 0 5px 0; color: #007FCD; text-align: left; font-size: 160% }
h2 { padding: 2px 2px 0 0; margin: 25px 0 0 0; font-size: 130%; color: #7DA327; clear: left }
h2 a, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover { font-weight: normal; font-size: 100% }
h2 a:link { color: #0D6BB1; text-decoration: underline }
h2 a:visited { text-decoration: underline }
h2 a:active { color: #839500; text-decoration: underline }
h2 a:hover { color: #839500; text-decoration: underline }
h3 { clear: left; padding: 0 5px 0 0; margin: 15px 0 0 0; font-size: 100%; font-weight: bold; color: #0E66A0 }
ul { position: relative; right: 10px; clear: left; margin: 10px 0 0 30px }
ul li { list-style-image: url("grafika/icon-list2.gif") }
ul#zkratky li, ul#souv li { list-style-image: url("grafika/icon-list2.gif") }
ul#zkratky li span { font-weight: bold }
em { font-weight: bold; font-style: normal }
acronym, abbr { cursor: help }
a#nahoru2 { display: none }
/* Konec Globalni styly */
/* Globalne pouzivane tridy */
.clear { display: block; clear: left; width: 300px; height: 1px; font-size: 1px }
.chyba { color: #BE050A; font-weight: bold }
.ok { color: #131684; font-weight: bold }
.txt { background: #F7F9FD; border: 1px solid #6797C7 }
p.a { width: 215px; height: 132px; float: left }
p.a img { width: 200px; height: 132px }
p.s { width: 288px; float: left }
p.h { width: 505px; clear: left }
span.cistic { display: block; width: auto; clear: left; font-size: 0; padding: 0; z-index: 3; height: 4px; background: #fff }
/* Konec Globalne pouzivane tridy */
/* Sirka webu */
#top, #header, #obsah, #hp, #footer {
width: 760px; position: relative }
/* Sirka vseho konec */
/* Hlavicka */
div#header { height: 172px; top: 0px; margin: 0 auto; text-align: left; background:url("grafika/head6.jpg") 100% 100% no-repeat #3A88C0 }
div#header p#logo, div#header h1#logo { width: 760px; height: 63px; background: #fff; margin: 0 auto; position: relative; font-size: 100%; padding: 0 0 0 0 }
div#header p#logo img, div#header h1#logo img { display:block; position:absolute; left:10px; top:9px; z-index:1; width: 106px; height: 53px; font-weight: bold; font-size: 110% }
div#header p#logo img { cursor: pointer }
div#header p#logo a:link img, div#header p#logo a:visited img { color: #4485C1; }
div#header p#logo a:active img, div#header p#logo a:hover img { color: #63A801; }
div#header p#jumps { width: 200px; position: absolute; top: 36px; right: 9px; text-align: right; font-size: 90%; color: #007FCD }
div#header p#jumps a#textverze { display: block; width: 10em; padding: 3px 0 4px 0; text-indent: 10px; position: absolute; right: 0; top: 0; text-align: left }
div#header p#jumps a#textverze:link, div#header p#jumps a#textverze:visited { color: #14649E; background:url("grafika/icon-text.gif") 96% 54% no-repeat #F0F8FB }
div#header p#jumps a#textverze:active, div#header p#jumps a#textverze:hover { color: #000; background:url("grafika/icon-text.gif") 96% 54% no-repeat #C4DDF2 }
div#header p#jumps a#jump2menu { display: none }
/* Konec Hlavicka */
/* Drobecky */
p#drobky { font-size: 80%; font-family: "Helvetica CE", "Arial CE", "Verdana CE", "Lucida Grande CE", Verdana, Arial, lucida, sans-serif; position: relative; top: 6px }
p#drobky a:link { color: #7D8E97 }
p#drobky a:visited { color: #5C6B72 }
p#drobky a:active, p#drobky a:hover { color: #000 }
/* Drobecky konec */
/* Hlavni navigace */
ul#menu { background: #003084; display: block; width: 760px; height: auto; padding: 0 0 0 0; position: absolute; top: 0; left: 0; font-size: 90%; font-family: "Trebuchet MS", sans-serif, "Arial CE", "Lucida Grande CE"; z-index: 3; margin: 0 0 0 0; border: 8px solid #80A60F; border-width: 0 0 8px 0 }
ul#menu li { list-style-type: none; list-style-image: none; margin: 0 0 0 0; padding: 0 0 0 0; width: 107px; height: 2.5em; float: left; margin : 0 1px 0 0 }
ul#menu li a { display: block; width: 107px; height: 2.5em; line-height: 2.5em; font-weight: bold; text-align: center; z-index: 4; overflow: hidden }
ul#menu li a:link,ul#menu li a:visited, ul#menu li a:active,ul#menu li a:hover,ul#menu li a#selected { text-decoration: none; font-weight: bold }
ul#menu li a:link,ul#menu li a:visited { color: #E0F1FC; background:url("grafika/bg-menu3.gif") 0% 0% repeat-x #04579C }
ul#menu li a:active,ul#menu li a:hover { color: #2E3A05; background:url("grafika/bg-menu3.gif") 0% -50px repeat-x #80A60F }
#menu a#selected { color: #fff; background:url("grafika/bg-menu3.gif") 0% -50px repeat-x #80A60F; z-index: 5 }
/* Konec Hlavni navigace */
/* Prepinani jazyku */
ul#langs { background: #fff; display: block; width: 400px; padding: 0 0 0 0; position: absolute; top: -172px; right: 9px; font-size: 90%; font-family: "Trebuchet MS", sans-serif, "Arial CE", "Lucida Grande CE"; z-index: 5; margin: 0 0 0 0; text-align: right }
ul#langs li { list-style-type: none; list-style-image: none; margin: 0 0 0 0; padding: 0 7px 0 7px; float: right; text-align: center }
ul#langs li#cesky { border: 0; padding: 0 2px 0 7px !important }
ul#langs li#english { border: 1px solid #A9B5BA; border-width: 0 1px 0 0 }
ul#langs li#deutsch { border: 1px solid #A9B5BA; border-width: 0 1px 0 0 }
ul#langs li a:link,ul#langs li a:visited, ul#langs li a:active,ul#langs li a:hover,ul#langs li a#selected { text-decoration: underline; font-weight: normal }
ul#langs li a:link,ul#langs li a:visited { color: #0F6AB0; background: #fff }
ul#langs li a:active,ul#langs li a:hover { color: #fff; background: #04579C }
ul#langs li.langselected { color: #14649E; background: #fff; z-index: 5; font-weight: bold }
/* Prepinani jazyku konec */
/* Hlavni Obsah - cela sirka vcetne sidebaru */
#obsah, #hp { bottom: 1px; padding: 2.8em 0 0 0; margin: 10px auto 0 auto; text-align: left; background:url("grafika/bg-obsah.jpg") 0% 2.8em no-repeat #fff; z-index: 1 }
#hp { background: #fff }
#obsah span.cistic, #hp span.cistic { display: block; clear: both; font-size: 0; z-index: 3; height: 10px; background: #003084 }
/* Hlavni Obsah - cela sirka vcetne sidebaru konec */
/* XXXXXXXXX HLAVNI OBSAHOVE POLE XXXXXXXXXXXXXXX */
#pole, .pole, #home { width: 505px; padding: 0 0 20px 0; position: relative; left: 15px; float: left; color: #0E66A0; font-size: 90% }
#home { width: 745px }
.pole#detail { width: 520px }
#pole p, .pole p { margin: 10px 0 }
#pole p.def { padding: 7px 0 0 0 }
#pole p.link { color: #407E01 }
#pole p.link a:link, #pole p.link a:visited { color: #407E01 }
#pole p.link a:active, #pole p.link a:hover { color: #000 }
#pole p.r, .pole p.r { text-align: right }
#pole h2.nclr, .pole h2.nclr { clear: none; margin: 25px 0 0 0 }
.perex { background:url("grafika/bg-boxd.gif") 100% 100% repeat-x #F4FFBD; padding: 2px 10px; margin-bottom: 25px; color: #455302; font-weight: bold }
/* Ilustracni obrazky */
img.il, img.ilb { display: block; float: left; clear: left }
img.il { width: 138px; height: 103px }
img.ilb { width: 195px; height: 135px; position: relative; bottom: 5px; margin: 0 10px 0 0 }
#aktovka { width: 139px }
#lodicka { width: 173px }
#balonky { width: 173px }
#molo { width: 200px }
/* XXXXXXXXX HLAVNI OBSAHOVE POLE KONEC XXXXXXXXX */
/* XXXXXXXXX BOXY NA HOMEPAGE XXXXXXXXXXXXXXXXXXX */
.box, .box2 { width: 232px; float: left; margin: 10px 15px 33px 0; background:url("grafika/bg-boxc.jpg") 100% 100% repeat-x #EEFDA2; position: relative; left: 2px }
.box { margin: 15px 15px 15px 0 }
.box p { margin: 5px 10px; font-size: 100%; color: #405B06; font-weight: bold }
.box h2 { padding: 6px 10px; margin: 0 0 0 0; background: #C4DDF2; color: #0D6BB1 }
.box2 { background: #fff }
.box2 ul { margin: 0 0 0 0; padding: 5px 0 0 0 }
.box2 ul li { list-style-type: none; list-style-image: none; margin: 0 0 0 0; padding: 0 0 0 12px; font-weight: bold }
.box2 h2 { padding: 2px 0; margin: 0 0 0 0; background: #fff; color: #007FCD; border: 1px solid #C0E442; border-width: 0 0 2px 0 }
/* Obrazek */
.box img { display: block; width: 232px; height: 70px; text-align: center; line-height: 2em }
/* Popisek */
.box p.kec { padding-bottom: 45px }
/* Tlacitka na titulce */
.box p.go { display: block; width: 210px; height: 30px; margin: 0 0; padding: 0 0; font-size: 110%; font-weight: bold; position: absolute; bottom: 10px; right: 12px; text-align: left }
.box p.go a, .box p.go a span { display: block; width: 210px; height: 30px; position: absolute; left: 0px; top: 0px; overflow: hidden }
.box p.go a { text-indent: 9px }
.box p a span { left: 0px; top: 0px }
.box p a strong { position: relative; top: 5px; text-decoration: none; font-size: 100% }
.box p a span { z-index: 3; cursor: pointer }
.box p a:link, .box p a:visited { background: #83AF13; border: 1px solid #B3DD20; color: #fff; text-decoration: none }
.box p a:active, .box p a:hover { background: #0E58B4; border: 1px solid #B3DD20; color: #fff; text-decoration: none }
/* Tlacitka na titulce cesky */
.box p a#vyraz:link span, .box p a#vyraz:visited span { background:url("grafika/tlac-vyraz.gif") 0% 0% no-repeat }
.box p a#vyraz:active span, .box p a#vyraz:hover span { background:url("grafika/tlac-vyraz.gif") 0% -30px no-repeat }
.box p a#poradej:link span, .box p a#poradej:visited span { background:url("grafika/tlac-poradej.gif") 0% 0% no-repeat }
.box p a#poradej:active span, .box p a#poradej:hover span { background:url("grafika/tlac-poradej.gif") 0% -30px no-repeat }
.box p a#pujcuj:link span, .box p a#pujcuj:visited span { background:url("grafika/tlac-pujcuj.gif") 0% 0% no-repeat }
.box p a#pujcuj:active span, .box p a#pujcuj:hover span { background:url("grafika/tlac-pujcuj.gif") 0% -30px no-repeat }
/* Tlacitka na titulce nemecky */
.box p a#vyraz_de:link span, .box p a#vyraz_de:visited span { background:url("grafika/tlac-vyraz-de.gif") 0% 0% no-repeat }
.box p a#vyraz_de:active span, .box p a#vyraz_de:hover span { background:url("grafika/tlac-vyraz-de.gif") 0% -30px no-repeat }
.box p a#poradej_de:link span, .box p a#poradej_de:visited span { background:url("grafika/tlac-poradej-de.gif") 0% 0% no-repeat }
.box p a#poradej_de:active span, .box p a#poradej_de:hover span { background:url("grafika/tlac-poradej-de.gif") 0% -30px no-repeat }
.box p a#pujcuj_de:link span, .box p a#pujcuj_de:visited span { background:url("grafika/tlac-pujcuj-de.gif") 0% 0% no-repeat }
.box p a#pujcuj_de:active span, .box p a#pujcuj_de:hover span { background:url("grafika/tlac-pujcuj-de.gif") 0% -30px no-repeat }
/* Tlacitka na titulce anglicky */
.box p a#vyraz_en:link span, .box p a#vyraz_en:visited span { background:url("grafika/tlac-vyraz-en.gif") 0% 0% no-repeat }
.box p a#vyraz_en:active span, .box p a#vyraz_en:hover span { background:url("grafika/tlac-vyraz-en.gif") 0% -30px no-repeat }
.box p a#poradej_en:link span, .box p a#poradej_en:visited span { background:url("grafika/tlac-poradej-en.gif") 0% 0% no-repeat }
.box p a#poradej_en:active span, .box p a#poradej_en:hover span { background:url("grafika/tlac-poradej-en.gif") 0% -30px no-repeat }
.box p a#pujcuj_en:link span, .box p a#pujcuj_en:visited span { background:url("grafika/tlac-pujcuj-en.gif") 0% 0% no-repeat }
.box p a#pujcuj_en:active span, .box p a#pujcuj_en:hover span { background:url("grafika/tlac-pujcuj-en.gif") 0% -30px no-repeat }
/* Aktuality na homepage */
#homenews { background: #fff; width: 480px; float: left; margin: 10px 0 0 0 }
#homenews h2 { color: #0D6BB1; padding: 7px 0 8px 0; margin: 0 0 0 0; background:url("grafika/bg-news.jpg") 0% 0% repeat-y #FCFDFF; text-indent: 7px }
#homenews p { padding: 0 0 15px 0; margin: 0 0 0 0}
#homenews h3 { margin: 15px 0 18px 5em; padding: 0 0 5px 0 }
#homenews p { margin: 0 0 15px 5em }
#homenews p.r { text-align: right; margin: 0 0 0 0 }
#homenews p.date { width: 4em; height: 5em; background: #EFF5FA; border: 1px solid #D7E6F2; text-align: center; position: relative; bottom: 38px; margin: 0 0 -90px 0px; padding: 0 0 0 0 !important }
#homenews p.date span.den { color: #0D6BB1; display: block; font-size: 190%; font-weight: bold; font-family: Palatino, 'palatino linotype', serif; position: relative; left: 2px }
#homenews p.date span.mesic { color: #0D6BB1; display: block; font-size: 80%; font-weight: normal; position: relative; bottom: 6px }
#homenews p.date span.rok { color: #74A7D1; display: block; font-size: 90%; font-weight: bold; position: relative; bottom: 6px }
#homerezerve { width: 232px; float: left; position: relative; left: 15px; margin: 10px 0 0 0 }
#homerezerve h2 { margin: 0 0 10px 0; padding: 7px 0 8px 10px; background:url("grafika/bg-callus.jpg") 0% 0% repeat-y #F2F7FD; color: #0D6BB1; position: relative }
#homerezerve h2 span { display: block; width: 51px; height: 51px; position: absolute; right: 0; top: -7px; background:url("grafika/icon-mobil.gif") 0% 0% no-repeat }
#homerezerve img { display: block; width: 232px; height: 128px; background: #D0E6FE; border: 1px solid #007FCD; margin: 10px 0 0 0; text-align: center }
/* XXXXXXXXX KONEC BOXY NA HOMEPAGE XXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX SIDEBAR XXXXXXXXXXXXXXXXXXX */
#side { width: 216px; margin: 10px 0 8px 0; position: relative; right: 8px; float: right; font-size: 90%; background:url("grafika/bg-side.gif") 0% 0% #D7E6F2 }
#side h2 { font-size: 100%; color: #fff; background: #0D6BB1; font-weight: bold; margin: 0 0 0 0; padding: 3px 0 3px 0; text-indent: 10px; border: 8px solid #fff; border-width: 8px 0 0 0 }
#side h2 a:link, #side h2 a:visited { font-size: 100%; color: #fff; font-weight: bold }
#side h2 a:active, #side h2 a:hover { font-size: 100%; color: #fff; font-weight: bold }
#side p { margin: 10px; text-align: left; color: #000000; }
#side .sidebox, #side .sidebox2 { width: 200px; background: #F0F8FB; margin: 8px auto; clear: left }
#side .sidebox2 { padding-bottom: 5px; padding-top: 5px; background:url("grafika/bg-sidebox2.gif") 0% 0% repeat-x #E3EFFD }
#side .sidebox h2 { background:url("grafika/bg-box1n.gif") 0% 0% no-repeat #0D6BB1; color: #fff; font-weight: bold }
#side .sidebox2 h2 { font-weight: bold; background:url("grafika/bg-box2n.gif") 0% 0% no-repeat #8DB40A }
#side .sidebox#random img { display: block; width: 200px; height: 160px; margin: 0 auto; text-align: center; line-height: 1.5em; color: #0D6BB1; font-weight: bold; }
#side .sidebox#news { font-size: 90%; width: 216px; margin: 0 0 0 0; padding: 2px 0 15px 0 }
#side .sidebox#news h3 { margin: 10px 10px 0 10px; padding: 0 0 0 0 }
#side .sidebox#news p { font-size: 100%; margin: 0 10px 0 10px; padding: 0 0 0 0 }
#side ul { width: 216px; margin: 0 0 0 0; padding: 0 0 3px 0; right: 0px }
#side ul li { width: 216px; list-style-image: none; list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0 }
#side ul li a { display: block; width: 216px; padding: 4px 0 5px 0; border: 1px solid #98CCE9; border-width: 1px 0; border-top-color: #EBF6FA; text-indent: 7px }
#side ul li a:link, #side ul li a:visited { background:url("grafika/bg-sidemenu.jpg") 0% 0% repeat-y #C9E0EF; font-weight: bold; color: #14649E }
#side ul li a:active, #side ul li a:hover { background:url("grafika/bg-sidemenu.jpg") 0% -100px repeat-y #9BC6E1; font-weight: bold; color: #12243F }
#side ul li A#sideselected:link,#side ul li A#sideselected:visited,#side ul li A#sideselected:active,#side ul li A#sideselected:hover { color: #667D17; background:url("grafika/sideselect.jpg") 0% -100px repeat-y #E7F5C4; text-decoration: none; border-bottom-color: #B6E16C; border-top-color: #F5FBEA }
#side ul#novinky { width: 216px; margin: 0 0; padding: 10px 0 3px 0; right: 0px; background: #E6EFF7 }
#side ul#novinky li { width: 200px; list-style-image: none; list-style-type: none; margin: 0 0 10px 8px; padding: 0 0 0 0 }
#side ul#novinky li a { display: inline; width: auto; padding: 0 0 0 0; border: 0; text-indent: 0 }
#side ul#novinky li a:link, #side ul#novinky li a:visited { background: none; font-weight: normal; color: #14649E }
#side ul#novinky li a:active, #side ul#novinky li a:hover { background: none; font-weight: normal; color: #12243F }
#side ul#novinky li A#sideselected:link,#side ul#novinky li A#sideselected:visited,#side ul#novinky li A#sideselected:active,#side ul#novinky li A#sideselected:hover { color: #667D17; background:url("grafika/sideselect.jpg") 0% -100px repeat-y #E7F5C4; text-decoration: none; border-bottom-color: #B6E16C; border-top-color: #F5FBEA }
#side div#siderezerve { width: 216px; margin: 0 0 0 0; padding: 0 0 15px 0; background: #fff }
#side div#siderezerve h2 { margin: 0 0 10px 0; background:url("grafika/bg-callus.jpg") 0% 0% repeat-y #F2F7FD; color: #0D6BB1; position: relative; border-width: 16px 0 0 0 }
#side div#siderezerve p { width: 216px; margin: 10px 0 0 0; padding: 0 0 0 0; color: #0E66A0 }
#side div#siderezerve h2 span { display: block; width: 32px; height: 32px; position: absolute; right: 3px; top: -4px; background:url("grafika/icon-mobil-small.gif") 0% 0% no-repeat }
#side div#siderezerve img { display: block; width: 216px; height: 119px; background: #D0E6FE; border: 1px solid #007FCD; margin: 10px 0 0 0; text-align: center }
/* XXXXXXXXX KONEC SIDEBAR XXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX ROZCESTNIK LODICEK (STRANKA LODICKY) XXXXXXXXXXXXXXXXXXX */
.lodicka { width: 500px; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; border: 1px dotted #D3E4F1; border-width: 0 0 1px 0 }
.lodicka h2 { width: auto; height: auto; margin: 7px 0 0 0; padding: 17px 0 0 0; clear: none }
.lodicka p { padding: 0 0 25px 0; }
.lodicka p strong { font-family: Georgia, "Times New Roman", Times, serif; font-size: 160%; color: #3B88C0 }
.lodicka p strong span { font-family: "Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE"; font-size: 70%; color: #ADB607; font-weight: bold }
/* Tlacitko do detailu */
.lodicka p.viceinfo, .lodicka p.mehrinfo, .lodicka p.moreinfo { width: 500px; height: 34px; clear: left; position: absolute; bottom: 0; right: 0; padding: 0 0 0 0 !important }
.lodicka p.viceinfo a, .lodicka p.viceinfo a span, .lodicka p.mehrinfo a, .lodicka p.mehrinfo a span, .lodicka p.moreinfo a, .lodicka p.moreinfo a span { display: block; width: 128px; height: 30px; line-height: 27px; text-align: center; position: absolute; right: 0px; bottom: 5px }
.lodicka p.viceinfo a span, .lodicka p.mehrinfo a span, .lodicka p.moreinfo a span { left: 0px; top: 0px; z-index: 3; cursor: pointer; text-indent: 150px; overflow: hidden }
.lodicka p.viceinfo a:link, .lodicka p.viceinfo a:visited, .lodicka p.mehrinfo a:link, .lodicka p.mehrinfo a:visited, .lodicka p.moreinfo a:link, .lodicka p.moreinfo a:visited { background: #AAD429; color: #fff; font-weight: bold }
.lodicka p.viceinfo a:active, .lodicka p.viceinfo a:hover, .lodicka p.mehrinfo a:active, .lodicka p.mehrinfo a:hover, .lodicka p.moreinfo a:active, .lodicka p.moreinfo a:hover { background: #0D45A2; color: #fff; font-weight: bold }
/* Tlacitko do detailu Cesky */
.lodicka p.viceinfo a:link span, .lodicka p.viceinfo a:visited span { background:url("grafika/tlac-viceinfo.gif") 0% 0% no-repeat }
.lodicka p.viceinfo a:active span, .lodicka p.viceinfo a:hover span { background:url("grafika/tlac-viceinfo.gif") 0% -30px no-repeat }
/* Tlacitko do detailu Nemecky */
.lodicka p.mehrinfo a:link span, .lodicka p.mehrinfo a:visited span { background:url("grafika/tlac-viceinfo-de.gif") 0% 0% no-repeat }
.lodicka p.mehrinfo a:active span, .lodicka p.mehrinfo a:hover span { background:url("grafika/tlac-viceinfo-de.gif") 0% -30px no-repeat }
/* Tlacitko do detailu Anglicky */
.lodicka p.moreinfo a:link span, .lodicka p.moreinfo a:visited span { background:url("grafika/tlac-viceinfo-en.gif") 0% 0% no-repeat }
.lodicka p.moreinfo a:active span, .lodicka p.moreinfo a:hover span { background:url("grafika/tlac-viceinfo-en.gif") 0% -30px no-repeat }
/* Fotka lodicky */
.lodicka p.fotka { width: 200px; height: 150px; margin: 0 5px 0 0; float: left }
.lodicka p.fotka img { width: 197px; height: 148px; margin: 0 0 0 0 }
/* XXXXXXXXX KONEC ROZCESTNIK LODICEK (STRANKA LODICKY) XXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX DETAIL LODICEK (STRANKA CLUNY, PRAMICKY, VOR, JACHTA) XXXXXXXXXXXXXXXXXXX */
.ilustrace { width: 299px; height: 173px; float: left; border: 1px dashed #BBD6EA; border-width: 0 1px 0 0 }
.cena { width: 160px; height: 60px; color: #BBD6EA; float: left; position: relative; left: 10px }
.rezervuj, .rezervuj_en { width: 187px; height: 51px; color: #3B88C0; font-weight: bold; float: left; position: relative; left: 8px }
.rezervuj a, .rezervuj a span, .rezervuj_en a, .rezervuj_en a span { display: block; width: 126px; height: 43px; font-weight: bold; position: absolute; top: 0; left: 0; text-align: center }
.rezervuj a strong, .rezervuj_en a strong { position: relative; top: 11px; text-decoration: none; font-size: 120% }
.rezervuj a span, .rezervuj_en a span { z-index: 3; cursor: pointer }
.rezervuj a:link, .rezervuj a:visited, .rezervuj_en a:link, .rezervuj_en a:visited { background: #A3CE23; color: #fff; text-decoration: none; border: 1px solid #81AB18 }
.rezervuj a:active, .rezervuj a:hover, .rezervuj_en a:active, .rezervuj_en a:hover { background: #182586; color: #fff; text-decoration: none; border: 1px solid #274995 }
.rezervuj a:link span, .rezervuj a:visited span { background:url("grafika/tlac-rezervace.gif") 0% 0% no-repeat }
.rezervuj a:active span, .rezervuj a:hover span { background:url("grafika/tlac-rezervace.gif") 0% -43px no-repeat }
.rezervuj_en a:link span, .rezervuj_en a:visited span { background:url("grafika/tlac-rezervace-en.gif") 0% 0% no-repeat }
.rezervuj_en a:active span, .rezervuj_en a:hover span { background:url("grafika/tlac-rezervace-en.gif") 0% -43px no-repeat }
.cena span.num { font-size: 210%; font-family: Georgia, "Times New Roman", Times, serif; position: relative; bottom: 10px; color: #3B88C0 }
.cena span.kch { font-size: 110%; color: #ADB607; font-weight: bold; position: relative; bottom: 12px }
#vor .ilustrace { width: 314px; height: 189px }
#jachta .ilustrace { width: 370px; height: 219px; position: relative; right: 10px }
#vor .cena { width: 145px; left: 10px }
#jachta .cena { width: 130px; left: 0px }
#vor .rezervuj, #vor .rezervuj_en { width: 145px; height: 120px }
#jachta .rezervuj, #jachta .rezervuj_en { width: 130px; height: 120px; left: 0 }
table { width: 505px; padding: 0; margin: 15px 0 0 0; border: 0; border-collapse: collapse; background: url(grafika/bg-toptab2.jpg) 0% 0% repeat-x #F0F7FB; color: #052D58 }
table caption { text-align: left; padding: 15px 0 0 0; margin: 0 0 0 0; font-weight: bold; color: #0E66A0 }
table tr { margin: 0; padding: 0 }
table tr.prga { background: #F0F7FB }
table tr.druga { background: #D7E6F2 }
table tr td, table tr th { padding: 2px 5px; border: 0px solid #AED204; border-width: 0 0 }
table tr th { background: #0D6BB1; color: #fff }
table tr th.s1 { width: 400px }
table tr th.s2 { width: 105px }
table tr th.s3 { width: 175px }
/* XXXXXXXXX KONEC DETAIL LODICEK (STRANKA CLUNY, PRAMICKY, VOR, JACHTA) XXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX ROZCESTNIK PUJCOVEN XXXXXXXXXXXXXXXXXXX */
.pujcovna { width: 500px; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; border: 1px dotted #D3E4F1; border-width: 0 0 1px 0 }
.pujcovna h2 { width: auto; height: auto; margin: 7px 0 0 0; padding: 17px 0 0 0; clear: none }
.pujcovna p { padding: 0 0 25px 0; }
.pujcovna p strong { font-family: Georgia, "Times New Roman", Times, serif; font-size: 160%; color: #3B88C0 }
.pujcovna p strong span { font-family: "Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE"; font-size: 70%; color: #ADB607; font-weight: bold }
/* Tlacitko do detailu */
.pujcovna p.viceinfo, .pujcovna p.mehrinfo, .pujcovna p.moreinfo { width: 500px; height: 34px; clear: left; position: absolute; bottom: 0; right: 0; padding: 0 0 0 0 !important }
.pujcovna p.viceinfo a, .pujcovna p.viceinfo a span, .pujcovna p.mehrinfo a, .pujcovna p.mehrinfo a span, .pujcovna p.moreinfo a, .pujcovna p.moreinfo a span { display: block; width: 128px; height: 30px; line-height: 27px; text-align: center; position: absolute; right: 0px; bottom: 5px }
.pujcovna p.viceinfo a span, .pujcovna p.mehrinfo a span, .pujcovna p.moreinfo a span { left: 0px; top: 0px; z-index: 3; cursor: pointer; text-indent: 150px; overflow: hidden }
.pujcovna p.viceinfo a:link, .pujcovna p.viceinfo a:visited, .pujcovna p.mehrinfo a:link, .pujcovna p.mehrinfo a:visited, .pujcovna p.moreinfo a:link, .pujcovna p.moreinfo a:visited { background: #AAD429; color: #fff; font-weight: bold }
.pujcovna p.viceinfo a:active, .pujcovna p.viceinfo a:hover, .pujcovna p.mehrinfo a:active, .pujcovna p.mehrinfo a:hover, .pujcovna p.moreinfo a:active, .pujcovna p.moreinfo a:hover { background: #0D45A2; color: #fff; font-weight: bold }
/* Tlacitko do detailu Cesky */
.pujcovna p.viceinfo a:link span, .pujcovna p.viceinfo a:visited span { background:url("grafika/tlac-viceinfo.gif") 0% 0% no-repeat }
.pujcovna p.viceinfo a:active span, .pujcovna p.viceinfo a:hover span { background:url("grafika/tlac-viceinfo.gif") 0% -30px no-repeat }
/* Tlacitko do detailu Nemecky */
.pujcovna p.mehrinfo a:link span, .pujcovna p.mehrinfo a:visited span { background:url("grafika/tlac-viceinfo-de.gif") 0% 0% no-repeat }
.pujcovna p.mehrinfo a:active span, .pujcovna p.mehrinfo a:hover span { background:url("grafika/tlac-viceinfo-de.gif") 0% -30px no-repeat }
/* Tlacitko do detailu Anglicky */
.pujcovna p.moreinfo a:link span, .pujcovna p.moreinfo a:visited span { background:url("grafika/tlac-viceinfo-en.gif") 0% 0% no-repeat }
.pujcovna p.moreinfo a:active span, .pujcovna p.moreinfo a:hover span { background:url("grafika/tlac-viceinfo-en.gif") 0% -30px no-repeat }
/* Fotka lodicky */
.pujcovna p.fotka { width: 200px; height: 150px; margin: 0 5px 0 0; float: left }
.pujcovna p.fotka img { width: 197px; height: 148px; margin: 0 0 0 0 }
/* XXXXXXXXX KONEC ROZCESTNIK PUJCOVEN XXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX FOTOGALERIE XXXXXXXXX */
p.image { width: 114px; height: 62px; float: left; margin: 0 0 0 0 }
p.image img { display: block; width: 100px; height: 50px; border: 1px solid #000; margin: 4px 0 0 0 }
p.g { width: 505px; margin: 10px 0 0 0; padding: 0 0 0 0; font-size: 90% }
p.g span, p.g span a, p.g span img { display: block; text-align: center }
p.g span { width: 120px; height: 65px; margin: 5px 5px 5px 0; float: left }
p.g span a { width: 114px; height: auto; margin: 0 0 0 0 }
p.g span a:link, p.g span a:visited { background: #E7F0F8; border: 1px solid #8FBDDE; text-decoration: none }
p.g span a:active, p.g span a:hover { background: #F5FAFC; border: 1px solid #0D45A2; text-decoration: none }
p.g span img { width: 100px; height: 50px; margin: 5px auto 6px auto; line-height: 1.3em }
p.g span a img { border: 1px solid #3A88C0 }
p.g span a:hover img { border: 1px solid #F5FAFC }
p.g span.clear { width: 400px !important; height: 1px !important; margin: 0 0 0 0 !important; clear: left; float: none !important }
/* XXXXXXXXX FOTOGALERIE KONEC XXXXXXXXX */
/* XXXXXXXXX VELKA FOTOGALERIE XXXXXXXXX */
p.galery { width: 504px; margin: 10px 0 0 0; padding: 0 0 0 0; font-size: 90% }
p.galery span, p.galery span a, p.galery span img { display: block; text-align: center }
p.galery span { width: 166px; height: 140px; margin: 5px 2px 5px 0; float: left }
p.galery span a { width: 164px; height: auto; margin: 0 0 0 0 }
p.galery span a:link, p.galery span a:visited { background: #fff; border: 1px solid #fff; text-decoration: none }
p.galery span a:active, p.galery span a:hover { background: #E7F0F8; border: 1px solid #8FBDDE; text-decoration: none }
p.galery span img { width: 150px; height: 113px; margin: 5px auto 6px auto; line-height: 1.3em }
p.galery span a img { border: 1px solid #3A88C0 }
p.galery span a:hover img { border: 1px solid #F5FAFC }
p.galery span.clear { width: 400px !important; height: 1px !important; margin: 0 0 0 0 !important; clear: left; float: none !important }
/* XXXXXXXXX VELKA FOTOGALERIE KONEC XXXXXXXXX */
/* XXXXXXXXX REALIZACNI TYM XXXXXXXXX */
img.pasovka { display: block; width: 70px; height: 90px; float: left; margin: 14px 10px 10px 0; border: 1px solid #000 }
em#tel, em#sidetel { display: block; font-size: 130% }
.pole#tym h2 { border: 3px dotted #7DA327; border-width: 0 0 3px 0 }
.pole#tym a#openteam { display: block; width: 220px; height: 170px; float: left; margin: 14px 10px 10px 0; border: 1px solid #A4C4DD }
.pole#tym a#openteam:link, .pole#tym a#openteam:visited { background: #D7E6F2; border: 1px solid #A4C4DD }
.pole#tym a#openteam:active, .pole#tym a#openteam:hover { background: #E2F3A6; border: 1px solid #ADC928 }
.pole#tym img#team { display: block; width: 200px; height: 150px; margin: 10px; border: 0 }
.pole#tym p.lodnik { width: 100px; float: left; text-align: center; margin: 10px 0 0 0 }
.pole#tym p.lodnik img.pasovka { display: block; float: none !important; margin: 10px auto 0 auto }
/* XXXXXXXXX REALIZACNI TYM KONEC XXXXXXXXX */
/* XXXXXXXXX AKTUALITY XXXXXXXXXX */
.pole#aktuality h2 { margin: 30px 0 18px 4em; }
.pole#aktuality p { margin-left: 5em; }
.pole#aktuality p#drobky { margin-left: 0}
.pole#aktuality p#orss { background: #FFFFE1; margin-left: 0; padding: 15px; border: 1px solid #FEE994; position: relative }
.pole#aktuality p#orss a#rsslink { display: block; width: 200px; height: 37px; line-height: 37px; font-weight: bold; background: url(grafika/icon-rss-big.gif) 0% 0% no-repeat; padding: 0 0 0 50px }
.pole#aktuality p#orss span#cojerss { display: block; width: 100px; padding: 0 0 0 0; position: absolute; top: 10px; right: 10px; text-align: right }
.pole#aktuality p.date { width: 4em; height: 5em; background: #EFF5FA; border: 1px solid #D7E6F2; text-align: center; position: relative; bottom: 38px; margin: 0 0 -90px 0px }
.pole#aktuality p.date span.den { color: #0D6BB1; display: block; font-size: 190%; font-weight: bold; font-family: Palatino, 'palatino linotype', serif; position: relative; left: 2px }
.pole#aktuality p.date span.mesic { color: #0D6BB1; display: block; font-size: 80%; font-weight: normal; position: relative; bottom: 6px }
.pole#aktuality p.date span.rok { color: #74A7D1; display: block; font-size: 90%; font-weight: bold; position: relative; bottom: 6px }
ul#novinky {}
/* XXXXXXXXX AKTUALITY KONEC XXXXXXXXXX */
/* XXXXXXXXX KE STAZENI XXXXXXXXX */
img.wppr { display: block; width: 130px; height: 80px; margin: 5px 10px 5px 0; background: #eee; border: 1px solid #000; float: left }
/* XXXXXXXXX KE STAZENI KONEC XXXXXXXXX */
/* XXXXXXXXX INTERZEN XXXXXXXXX */
img#cup { display: block; width: 134px; height: 182px; margin: 5px 10px 5px 0; background: #fff; border: 0; float: left }
/* XXXXXXXXX INTERZEN KONEC XXXXXXXXX */
img.moreimg { display: block; width: 100px; height: 100px; float: left; margin: 10px 10px 0 0 }
.noclear { clear: none !important }
/* XXXXXXXXX PATICKA XXXXXXXXX */
#footer { top: -1px; margin: 0 auto 200px auto; padding: 5px 0 5px 0; text-align: center; font-size: 90%; color: #C5E752; background: #00235F }
#footer p { margin: 0 15px; padding: 4px 0 0 0 }
#footer A:link { color: #C5E752 }
#footer A:visited { color: #C5E752 }
#footer A:active, #footer A:hover { color: #fff }
#footer div#stat { padding: 3px 0 0 0 }
/* XXXXXXXXX PATICKA KONEC XXXXXXXXX */
/* XXXXXXXXX NASTROJE - VYTISKNOUT XXXXXXXXX */
p#tools { border: 1px solid #D7E6F2; width: 505px; margin: 25px 0 0 0 !important; padding: 3px 0 3px 0; background: #F0F8FB; overflow: hidden }
p#tools a { display: block; float: left; padding: 3px 4px 4px 0; text-indent: 25px }
p#tools span { position: absolute; top: -10px; left: -10px; font-size: 1px }
p#tools a#vytisknout { display: block; background: url(grafika/icon-print.gif) 4px 50% no-repeat #fff; position: relative; left: 3px }
p#tools a#vytisknout:link, p#tools a#vytisknout:visited { background: url(grafika/icon-print.gif) 4px 50% no-repeat #F0F8FB; color: #2F69B5 }
p#tools a#vytisknout:active, p#tools a#vytisknout:hover { background: url(grafika/icon-print.gif) 4px 50% no-repeat #D7ECF4; color: #000 }
p#tools a#nahoru { display: block; background: url(grafika/icon-print.gif) 4px 50% no-repeat #fff; position: relative; left: 3px }
p#tools a#nahoru:link, p#tools a#nahoru:visited { background: url(grafika/icon-nahoru.gif) 4px 50% no-repeat #F0F8FB; color: #2F69B5 }
p#tools a#nahoru:active, p#tools a#nahoru:hover { background: url(grafika/icon-nahoru.gif) 4px 50% no-repeat #D7ECF4; color: #000 }
/* XXXXXXXXX NASTROJE - VYTISKNOUT KONEC XXXXXXXXX */
/* Kde vsude chci zmekcit pismo */
h4, #pole, .pole, #side h2, #side h3, #side ul li, .sidekontakt, #fotodetail, .supatlacitko, #diky, form#hledani label, .box p, .box2 ul, #doporuc, form#kontaktform p#odesli input, .pole#aktuality p.date span.rok, #homenews, #homerezerve, #siderezerve, #side .sidebox#random img, div#header p#logo img, div#header h1#logo img {
font-family: "Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE"
}
/* xxxxxxxxxxx Konec Sezony xxxxxxxxxxx */
.pozor { width: auto; height: auto; border: 1px solid #8DB40A; border-width: 1px 0; background: #EEFDA2; margin: 10px 0 20px 0; padding: 0 10px }
.pozor p { color: #536905 }
/* xxxxxxxxxxx Konec Sezony konec xxxxxxxxxxx */
/* xxxxxxxxxxx Kontaktni formular xxxxxxxxxxx */
form#kontaktform { background: #EAF7FF; color: #000; margin: 25px 0 0 0; padding: 15px 0 0 0; position: relative }
form#kontaktform a#formular { position: absolute; top: -180px; font-size: 1px; }
form#kontaktform fieldset { border: 0 }
form#kontaktform p { width: 480px; height: 30px; position: relative; left: 15px; margin: 0 0 0 0; clear: left }
form#kontaktform p#odesli { width: auto !important; height: auto !important; padding: 15px 35px 30px 35px; text-align: right }
form#kontaktform p#odesli input { font-weight: bold }
form#kontaktform p label { color: #14649E; font-weight: bold }
form#kontaktform p label.lab1 { display: block; width: 170px; height: 30px; line-height: 30px; float: left; text-align: right }
form#kontaktform p input.txt { width: 290px; padding: 2px 1px; position: relative; top: 5px; left: 5px; }
form#kontaktform div { margin: 0px 15px }
form#kontaktform div textarea { width: 469px; height: 200px }
form#kontaktform p input.txt, form#kontaktform div textarea { background: #fff; color: #000; border: 1px solid #7F9DB9 }
div#chyba_jmeno, div#chyba_email, div#chyba_text { position: absolute; z-index: 5 }
div#chyba_jmeno p, div#chyba_email p, div#chyba_text p { padding: 0 }
div#chyba_jmeno p em, div#chyba_email p em, div#chyba_text p em { font-weight: bold; display: block; color: #C11E22 }
div#chyba_jmeno { width: 277px; height: 115px; background: url(grafika/chyba-jmeno.gif) 0% 0% no-repeat; top: -98px; left: 40px }
div#chyba_email { width: 224px; height: 199px; background: url(grafika/chyba-email.gif) 0% 0% no-repeat; top: -35px; left: 477px }
div#chyba_text { width: 224px; height: 144px; background: url(grafika/chyba-text.gif) 0% 0% no-repeat; top: 125px; left: 477px }
div#chyba_jmeno p { width: 268px; height: 89px; background: #FFFAD5; position: absolute; top: 1px; left: 1px;}
div#chyba_email p { width: 190px; height: 122px; background: #FFFAD5; position: absolute; top: 1px; left: 28px;}
div#chyba_text p { width: 190px; height: 137px; background: #FFFAD5; position: absolute; top: 1px; left: 28px;}
div#chyba_jmeno p em, div#chyba_email p em, div#chyba_text p em { margin: 10px 10px 0 10px; }
div#chyba_jmeno p span, div#chyba_email p span, div#chyba_text p span { display: block; margin: 0 10px 10px 10px; }
/* xxxxxxxxxxx Kontaktni formular konec xxxxxxxxxxx */
/* THICKBOX */
html, body { min-height: 100%; height: auto !important; height: 100% }
/* thickbox specific link and font settings */
#TB_window { font-size: 90%; font-weight: bold; font-family: "Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE" }
#TB_secondLine { color:#666666; font-weight: normal; font-family: Arial, Helvetica, sans-serif; position: relative; top: 4px }
#TB_window a { font-weight: bold }
#TB_window a:link { color: #14649E }
#TB_window a:visited { color: #604198 }
#TB_window a:active { color: #000 }
#TB_window a:hover { color: #000 }
/* thickbox settings */
#TB_overlay { position: absolute; z-index:100; top: 0px; left: 0px }
#TB_window { position: absolute; background: #ffffff; z-index: 102; color:#000000; display:none; border: 1px solid #3C89C1; text-align:left }
#TB_window img { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc }
#TB_caption { height:40px; padding:10px 30px 10px 15px; float:left }
#TB_closeWindow { height:40px; padding:11px 15px 10px 0; float:right; position: relative; top: 20px }
#TB_closeAjaxWindow { padding:5px 10px 7px 0; margin-bottom:1px; text-align:right; float:right }
#TB_ajaxWindowTitle { float:left; padding:7px 0 10px 10px; margin-bottom:1px }
#TB_title { background-color:#e8e8e8; height:27px }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em }
#TB_ajaxContent p { padding:5px 0px 5px 0px }
#TB_load { position: absolute; display:none; height:100px; width:100px; z-index:101 }
#TB_HideSelect { z-index:99; position:absolute; top: 0; left: 0; border:none }
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px }
/* THICKBOX KONEC */
/* xxxxxxxxxxx Doporuceni stranky xxxxxxxxxxx */
#doporuc { width: 744px; clear: both; padding: 8px 0 8px 0; color: #354209; font-size: 90%; margin: 0 8px 8px 8px; background:url("grafika/bg-doporuc2.gif") 50% 0% repeat-x #BFE544; position: relative }
#doporuc form { padding: 5px 0 5px 0; margin: 0 4px 0 4px }
#doporuc form input.txt { background: #FBFEED; border-color: #7D9B15; width: 135px }
#doporuc form input.txt:focus { background: #fff; border-color: #41510B }
#doporuc p { padding: 5px 5px 5px 15px; margin: 0 0 0 0 }
#doporuc h2 { margin: 0 0 0 0; color: #FC8212; font-size: 120% }
/* xxxxxxxxxxx Doporuceni stranky konec xxxxxxxxxxx */
/* xxxxxxxxxxx Mapa webu xxxxxxxxxxx */
ul#mapa { padding: 0 0 0 0; margin: 0 0 0 0 }
ul#mapa li { padding: 0 0 0 10px; margin: 0 0 0 0; font-weight: bold; list-style-type: none; list-style-image: none }
ul#mapa li ul { padding: 0 0 0 0; margin: 0 0 0 0 }
ul#mapa li ul li { padding: 0 0 0 10px; margin: 0 0 0 0; font-weight: normal }
.item { display: block; background:url("grafika/icon-item.gif") 3px 45% no-repeat #fff; padding-left: 21px; position: relative; left: 10px }
.folder { display: block; background:url("grafika/icon-folder.gif") 3px 45% no-repeat #fff; padding-left: 21px }
.home { display: block; background:url("grafika/icon-home.gif") 3px 45% no-repeat #fff; padding-left: 21px }
/* xxxxxxxxxxx Mapa webu konec xxxxxxxxxxx */
/* xxxxxxxxxxx Zavolejte nam - box dole na strance xxxxxxxxxxx */
.volej { width: 510px; height: 140px; margin: 15px 0 0 0 }
.volej p.operator { display: block; width: 112px; height: 120px; background: #fff; float: left; margin: 0 0 0 0; padding: 0 0 0 0; border: 1px dashed #8FBDDE; border-width: 0 1px 0 0 }
.volej p.vyzva { float: left; width: 350px; padding: 0 15px 0px 15px; margin: 0 0 0 0 }
/* xxxxxxxxxxx Zavolejte nam - box dole na strance konec xxxxxxxxxxx */
#seasonend {background: #FFF3A4; font-weight: bold; color: #614A21; padding: 10px 0; margin: 5px 5px 5px 5px;}
#home #seasonend {margin: 10px 15px 0 0;}
#home #seasonend p {padding: 0 10px;}