*{padding: 0; margin: 0;} 
body,html { color: #000000; margin: 0; text-align: center; background: #fff; 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: 10px 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: #3B88C0; } 
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 { cursor: help }
/* 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: auto; position: relative; text-align: left; background: #fff; } 
/* Sirka vseho konec */


div#header p#jumps { display: none }
p#tools { display: none }
a#nahoru2 { display: none }
#cenik p.r { display: none }
/* XXXXXXXXX NASTROJE - VYTISKNOUT KONEC XXXXXXXXX */

/* Drobecky */
p#drobky { display: none;  }
/* Drobecky konec */

/* Hlavni navigace */
ul#menu { display: none; } 
/* Konec Hlavni navigace */

/* Prepinani jazyku */
ul#langs { display: none; } 
/* Prepinani jazyku konec */


/* Hlavni Obsah - cela sirka vcetne sidebaru */
#obsah, #hp { bottom: 1px; padding: 42px 0 0 0; margin: 10px auto 0 auto; text-align: left; background: #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: #fff;}
 /* Hlavni Obsah - cela sirka vcetne sidebaru konec */
 
/* XXXXXXXXX HLAVNI OBSAHOVE POLE XXXXXXXXXXXXXXX */
#pole, .pole, #home { color: #0E66A0; font-size: 90%; }


#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 0; margin-bottom: 25px; color: #06204F; 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: 0 15px 15px 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: #ACD1EE; 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; }
/* 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; } 
.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; }   
.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#vyrazDe:link span, .box p a#vyrazDe:visited span { background:url("grafika/tlac-vyraz-de.gif") 0% 0% no-repeat; }
.box p a#vyrazDe:active span, .box p a#vyrazDe:hover span { background:url("grafika/tlac-vyraz-de.gif") 0% -30px no-repeat; }
.box p a#poradejDe:link span, .box p a#poradejDe:visited span { background:url("grafika/tlac-poradej-de.gif") 0% 0% no-repeat; }
.box p a#poradejDe:active span, .box p a#poradejDe:hover span { background:url("grafika/tlac-poradej-de.gif") 0% -30px no-repeat; }
.box p a#pujcujDe:link span, .box p a#pujcujDe:visited span { background:url("grafika/tlac-pujcuj-de.gif") 0% 0% no-repeat; }
.box p a#pujcujDe:active span, .box p a#pujcujDe:hover span { background:url("grafika/tlac-pujcuj-de.gif") 0% -30px no-repeat; }
/* XXXXXXXXX KONEC BOXY NA HOMEPAGE XXXXXXXXXXXXXXXXXXX */

/* XXXXXXXXX SIDEBAR XXXXXXXXXXXXXXXXXXX */
#side { display: none; } 
/* XXXXXXXXX KONEC SIDEBAR XXXXXXXXXXXXXXXXXXX */

/* XXXXXXXXX ROZCESTNIK LODICEK (STRANKA LODICKY) XXXXXXXXXXXXXXXXXXX */
.lodicka { 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 { 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 { display: block; width: 128px; height: 30px; line-height: 27px; text-align: center; position: absolute; right: 0px; bottom: 5px; }
.lodicka p.viceinfo 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  { background: #AAD429; color: #fff; font-weight: bold; }
.lodicka p.viceinfo a:active, .lodicka p.viceinfo a:hover { background: #0D45A2; color: #fff; font-weight: bold; }
.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; }
/* 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: #0E66A0; float: left; position: relative; left: 10px; }
.rezervuj { display: none; }
.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; }
#vor .cena { width: 145px; left: 10px; }
#jachta .cena { width: 130px; right: 5px; }
#vor .rezervuj { width: 145px; height: 120px; }
#jachta .rezervuj { width: 130px; height: 120px; }
table { width: 505px; padding: 0; margin: 7px 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: 25px 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 */

/* xxxxxxxxxxx Fotogalerie xxxxxxxxxxxxx */
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; }
p.g span img { text-align: center; }
p.g span a img { border: 1px solid #000; }
p.g span a:hover img { border: 1px solid #000; }
p.g span.clear { width: 400px !important; height: 1px !important; margin: 0 0 0 0 !important; clear: left; float: none !important; }
/* xxxxxxxxxxx Fotogalerie konec xxxxxxxxxxxxx */

/* xxxxxxxxxxx Ke stazeni xxxxxxxxxxxxx */
img.wppr { display: block; width: 130px; height: 80px; margin: 5px 10px 5px 0; background: #eee; border: 1px solid #000; float: left; }
/* xxxxxxxxxxx Ke stazeni konec xxxxxxxxxxxxx */

img.moreimg { display: block; width: 100px; height: 100px; float: left; margin: 10px 10px 0 0;  }
.noclear { clear: none !important;}

/* xxxxxxxxxxx Paticka xxxxxxxxxxx */
#footer { display: none; }
/* xxxxxxxxxxx Konec Paticka xxxxxxxxxxx */

h4, #pole, .pole, #side h2, #side h3, #side ul li, .sidekontakt, #fotodetail, .supatlacitko, #diky, form#hledani label, .box p, .box2 ul, #doporuc {
 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 Doporuceni stranky xxxxxxxxxxx */
#doporuc { display: none; }
/* 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 */