body { margin: 0px;	padding: 0px; color: #666; background: #c8d2ca url('/gfx/bg.jpg'); font-family: Trebuchet MS, Calibri, Verdana CE, Geneva CE; font-size: 0.9em; text-align: center; }
/* NADPISY ******************************************************************* */
h1, h2, h3 { color: #000; font-weight: normal; text-align: left; margin: 40px 0 10px 0; }
h1 { font-size: 24px; margin-bottom: 30px; }
h2 { font-size: 16px; font-weight: bold; margin: 40px 0 10px 0; }
h3 { font-size: 14px; font-weight: bold; margin: 40px 0 10px 0; }


.fl { float: left; }
.fr { float: right; }
.nof { clear: both; }
.ct { text-align: center; }
.lt { text-align: left; }
.rt { text-align: right; }
.jt { text-align: justify; }
.mv { vertical-align: middle; }
.bv { vertical-align: bottom; }
.tv { vertical-align: top; }

br, hr { clear: both; }
hr { width: 866px; border: 0; height: 1px; background: #888; margin-bottom: 30px; }
ul { list-style-type: square; text-align: left; line-height: 2.0; margin-right: 20px; margin-left: -20px; }
p { text-align: left; margin: 20px; padding: 0px; line-height: 1.5; }
ul p { margin: 10px; }
p br { clear: none; }
p + p { margin-top: 0px; }

/* BARVY ********************************************************************* */
.bCerna { color: #000; }
.bCervena { color: #f00; }

a { color: #007c00; text-decoration: underline; }
a:hover { color: #f00; text-decoration: none; }

/* KOSTRA ******************************************************************** */
div#obal { margin: 0 auto; width: 1024px; }
div#hlavicka { width: 1024px; height: 121px; position: relative; background: url('/gfx/top.png') no-repeat; margin-top: 40px; }
span#hlavicka-kontakty { position: absolute; top: 30px; right: 40px; text-align: right; line-height: 1.4; }
a#logo { display: block; position: absolute; top: 20px; left: 240px; width: 400px; height: 75px; }
div#menu { margin: 0 auto; margin-top: 18px; margin-bottom: 30px; width: 944px; height: 45px; text-align: right; }
div#menu a { font-size: 18px; color: #666; text-decoration: none; margin-left: 15px; }
div#menu a:hover { color: #141414; }

div#telo { margin: 20px 40px 40px 118px; width: 866px; min-height: 780px; color: #555; }

img.fl { float: left; margin: 0px 20px 10px 0px; }

table { width: 866px; border-collapse: collapse; }
table td, table th { text-align: left; border: 1px solid #888; padding: 4px 8px 4px 8px; vertical-align: top; }

a#nahoru { position: absolute; top: 175px; left: 20px; }

/* TEXT ********************************************************************** */
div#telo p { margin: 20px 0 20px 0; }
div#telo hr + p:first-letter { font: 70px/70px "Trebuchet MS"; padding: 0px 10px 0px 0px; float: left; color: #000; }
.uvodni { color: #000; }
.upozorneni:before { padding-right: 10px; content: url('/gfx/warning.png'); }
img.text, .gallery img { border: 1px solid #888; }
table.kontakt { width: auto; margin-left: -8px; }
table.kontakt td, table.kontakt th { border: 0; }
img#paticka-vydra { margin-top: 100px; }
table.cenik td:nth-child(2){
  text-align: right;
  vertical-align: middle;
}
.poznamka {
  font-style: italic;
}
#menu .poznamka{
  position: relative;
  top: 5px;
}
.kontakt .poznamka{
  position: relative;
  top: 3px;
}

/* TOP LINK ****************************************************************** */
.feedback-box { position: fixed; right: 0; top: 50%; margin: -100px 0 0 0; height: 200px; width: 48px; z-index: 80; }
.feedback-box .toplink { background: url('/gfx/button-nahoru.png') 0 0 no-repeat; width: 48px; height: 97px; display: block; margin-bottom: 10px; }
.feedback-box .toplink:hover { background-position: -50px 0; }

/* AKCE ********************************************************************** */
div.novinka { text-align: left; clear: both; }
div.novinka h3 { margin: 10px 0 0 0; }
div.novinka p { margin-top: 0px; }
hr.akce { background: #bcbcbc; }

/* AKCE + POCASI ************************************************************* */
div#hotAktulita-pocasi { float: right; width: 240px; height: auto; text-align: left; color: #000; border: 1px solid #bcbcbc; margin: 0 20px 20px 20px; }
div#hotAktulita-pocasi p.hot-aktualita { margin: 20px; }
div#hotAktulita-pocasi div.pocasi { margin: 20px 45px 20px 45px; }
div#hotAktulita-pocasi h2 { margin: 10px 0 0 0; text-align: center; font-size: 16px; }