html {background: #2d2720 url('../imgs/bg.png') left top repeat-x;}
div#grass {
  background: url('../imgs/trava.png') left 145px repeat-x;
}

body {
  margin: 0;
  padding: 0;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  font-size: 82%;
  line-height: 1.52em;
  color: #f6f2ec;
  background: url('../imgs/header.jpg') center 8px no-repeat;
}

.cleaner {
  display: block;
  clear: both;
  visibility: hidden;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
}

.line {
  height: 2px;
  visibility: visible;
  margin: 0 25px;
  padding-bottom: 15px;
  width: 660px;
  background: url('../imgs/line.png') center 0 no-repeat;
}

#novinky .line {padding-top: 15px; background-position: center center;}

.hidden {display: none;}

.right {text-align: right;}

.img-right {float: right; margin: 5px 25px 0 20px;}
.img-left {float: left; margin: 5px 20px 0 25px;}
.full-img {margin: 0 0 .25em 25px;}
#zoom img.full-img {margin: 0;}

#logo {
  position: relative;
  left: 45px;
  top: 33px;
  margin: 0;
  padding: 0;
  font-size: 3.42em;
  line-height: 0.92em;
  text-align: center;
  float: left;
}

#logo, #logo:visited, #logo span.overlay {
  color: #977043;
  text-decoration: none;
  display: block;
  width: 247px;
  height: 90px;
  padding-top: 7px;
  overflow: hidden;
}

#logo span.overlay {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  height: 97px;
  cursor: pointer;
  background: url('../imgs/logo.png') left top no-repeat;
}

h2, h3 {
  font-size: 1.52em;
  padding: 0 25px 0.5em 25px;
  margin: 0;
}

h3 {
  font-size: 1.22em;
}

h4 {
  margin: 0;
  font-size: 1.12em;
}

h2 a, h2 a:visited {
  color: #305718;
}
h2 a:hover {color: #bf0000;}

a, a:visited {color: #c1ea8c;}
a:hover, a:focus {color: #f6f2ec;}

img {border: 0; vertical-align: top;}

a img {border: 3px solid #595148;}
a:hover img, a:focus img,a img:hover, a img:focus {border-color: #2d2720;}

p, ul {margin: 0; padding: 0 25px 1.5em 25px;}

ul li {list-style: none;}

.date {font-size: .82em;}

form {margin: 0; padding: 0;}

table {border-collapse: collapse; margin: 0 0 1.5em 0; width: 660px;}

th, td {padding: 4px 10px; border: 1px solid #64513c;}

th {
  text-align: left;
  background: #64513c;
  border-bottom-color: #6c5842;
  border-top-color: #6c5842;
}

td {
  background: #6c5842;
}

#nasi-psi table {
  width: 434px;
  margin-top: 6px;
}

#nasi-psi table th {width: 220px;}

#nasi-psi table tr.first th {border-top-color: #64513c;}
#nasi-psi table tr.last th {border-bottom-color: #64513c;}

#nasi-psi .photo .img-left {margin-bottom: 1.5em;}

table#zoom_table, #nasi-psi table#zoom_table{margin: 0;}
table#zoom_table th, #zoom_table td {padding: 0; border: 0;}

/* -------------------------------------------------------------------------- */

#page {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

#primary {
  float: right;
  width: 710px;
  margin: 122px 0 0 -5px;
  position: relative;
  background: #75624c url('../imgs/primary-bg.gif') 0 0 repeat-y;
}

#primary .inner {
  width: 710px;
  min-height: 365px;
  padding-bottom: 5px;
  background: url('../imgs/primary-bot.png') 0 bottom no-repeat;
}
#novinky #primary .inner {padding-bottom: 20px;}

#fotogalerie #primary .inner, #videogalerie #primary .inner,
#videogalerie-sporty #primary .inner, #fotogalerie-poslusnost #primary .inner {min-height: 468px;}

#primary .shadow {
  position: absolute;
  right: 0;
  top: 5px;
  width: 5px;
  height: 130px;
  background: url('../imgs/primary-shadow.png') 0 0 no-repeat;
}

#primary h1 {
  margin: 0;
  padding: 25px 25px 20px;
  color: #2d2720;
  font-size: 2em;
  width: 660px;
  background: url('../imgs/primary-top.png') 0 0 no-repeat;
}

#primary p {text-align: justify;}
#novinky p {padding-bottom: .25em;}

#secondary {
  position: relative;
  float: left;
  margin-top: 131px;
  width: 255px;
}

/* Menu start */

#menu {
  width: 255px;
  background: #64513c url('../imgs/menu-bg.png') 0 0 repeat-y;
}

#menu .inner {
  width: 255px;
  background: url('../imgs/menu-top.png') 0 0 no-repeat;
}

#menu .shadow {
  position: absolute;
  left: 0;
  top: 5px;
  width: 5px;
  height: 130px;
  background: url('../imgs/menu-shadow.png') 0 0 no-repeat;
}

#menu ul {
  padding: 10px 0 10px 5px;
  width: 250px;
  background: url('../imgs/menu-bot.png') 0 bottom no-repeat;
}

#menu ul li {
  list-style: none;
  background: none;
  margin: 0;
  padding: 0;
  width: 250px;
  background: url('../imgs/menu-line.png') 0 bottom no-repeat;
}
#menu ul li.kontakt {background: none;}

#menu ul li a {
  color: #d1c8bd;
  text-decoration: none;
  font-size: 1.12em;
  display: block;
  width: 250px;
  background: url('../imgs/menu-arrow.gif') 20px 11px no-repeat;
}
#menu ul li a:visited {
  color: #d1c8bd;
}

#menu ul li a:hover, #menu ul li a:focus {
  color: #fff;
  background-image: url('../imgs/menu-arrow-hover.gif');
}

#menu ul li a span {
  display: block;
  padding: 6px 10px 11px 40px;
}
#menu ul li.kontakt a span {padding-bottom: 8px;}

#home #menu ul li.home a, #kniha-hostu #menu ul li.kniha-hostu a,
#nasi-psi #menu ul li.nasi-psi a, #fotogalerie #menu ul li.fotogalerie a,
#videogalerie #menu ul li.videogalerie a, #vycvik-psu #menu ul li.vycvik-psu a,
#sporty #menu ul li.sporty a, #novinky #menu ul li.novinky a,
#kontakt #menu ul li.kontakt a, #fotogalerie-obrany #menu ul li.fotogalerie-obrany a,
#fotogalerie-sporty #menu ul li.fotogalerie-sporty a, #videogalerie-obrany #menu ul li.videogalerie-obrany a,
#videogalerie-sporty #menu ul li.videogalerie-sporty a, #fotogalerie-poslusnost #menu ul li.fotogalerie-poslusnost a {
  color: #fff;
}

#home #menu ul li.home a span, #kniha-hostu #menu ul li.kniha-hostu a span,
#nasi-psi #menu ul li.nasi-psi a span, #fotogalerie #menu ul li.fotogalerie a span,
#videogalerie #menu ul li.videogalerie a span, #vycvik-psu #menu ul li.vycvik-psu a span,
#sporty #menu ul li.sporty a span, #novinky #menu ul li.novinky a span,
#kontakt #menu ul li.kontakt a span, #fotogalerie-obrany #menu ul li.fotogalerie-obrany a span,
#fotogalerie-sporty #menu ul li.fotogalerie-sporty a span, #videogalerie-obrany #menu ul li.videogalerie-obrany a span,
#videogalerie-sporty #menu ul li.videogalerie-sporty a span, #fotogalerie-poslusnost #menu ul li.fotogalerie-poslusnost a span {
  background: url('../imgs/menu-sel.png') right center no-repeat;
}


#menu ul li ul {
  padding: 0;
  width: 250px;
  background: url('../imgs/menu-line.png') 0 0 no-repeat;
}

#menu ul li ul li {
  padding-left: 20px;
  width: 230px;
}

#menu ul li ul li a {
  width: 230px;
  font-size: .92em;
  background-position: 20px 9px;
}
#fotogalerie #menu ul li.fotogalerie ul li a, #videogalerie #menu ul li.videogalerie ul li a {
  color: #d1c8bd;
}
#fotogalerie #menu ul li ul li a:hover, #fotogalerie #menu ul li ul li a:focus,
#videogalerie #menu ul li ul li a:hover, #videogalerie #menu ul li ul li a:focus {
  color: #fff;
}

#menu ul li ul li a span {
  padding: 5px 10px 7px 40px;
}
#fotogalerie #menu ul li.fotogalerie ul li a span,
#videogalerie #menu ul li.videogalerie ul li a span {
  background: none;
}

/* Menu end */

/* kniha navstev ------------------------------------------------------------ */

#guestbook {
  padding-bottom: 25px;
}

#guestbook form {
  padding: 0 25px;
}

#guestbook form p {padding: 0 0 .75em 0;}

#guestbook p.left-col, #guestbook p.right-col {
  width: 320px;
  float: left;
}
#guestbook p.right-col {float: right;}

#guestbook form p.wide {clear: both;}

#guestbook label {
  display: block;
  font-weight: bold;
}

#guestbook p.captcha label {
  font-weight: normal;
  float: left;
  width: 340px;
  padding-top: 2px;
}

#guestbook p.captcha input {width: 60px;}

#guestbook input, #guestbook textarea {
  border: 1px solid #64513c;
  padding: 3px 4px;
  margin: 0;
  width: 310px;
  background: #fff;
  color: #000;
}

#guestbook textarea {width: 650px; height: 80px;}

#guestbook input {font-size: 1.02em;}

#guestbook p.notice {
  clear: both;
}

#guestbook input.button {
  float: right;
  width: 74px;
  height: 25px;
  overflow: hidden;
  border: 0;
  padding: 0;
  margin-top: -3px;
  color: #beb09f;
  cursor: pointer;
  background: #2d2720 url('../imgs/button.png') left top no-repeat;
}
#guestbook input.button:hover, #guestbook input.button:focus {
  color: #d1c5b6;
  background: #3c342b url('../imgs/button.png') right top no-repeat;
}

#guestbook p.error {
  margin: 0 25px 10px 25px;
  padding: 5px 10px;
  color: #bf0000;
  background: #f0d3d3;
  border: 1px solid #e5a3a3;
}

/* ---------------- */

#guestbook div.vzkaz-content {
  width: 660px;
  margin: 10px 0 0 25px;
  background: #6c5842 url('../imgs/gbook-bg.gif') 0 0 repeat-y;
}

#guestbook div.vzkaz-content .hlavicka-vzkazu {
  background: #64513c url('../imgs/gbook-top.gif') 0 0 no-repeat;
  padding: 5px 10px 6px 10px;
  width: 640px;
  overflow: hidden;
}

#guestbook div.vzkaz-content .hlavicka-vzkazu strong {
  float: left;
  width: 250px;
}

#guestbook div.vzkaz-content .hlavicka-vzkazu .fl-right {float: right; width: 390px; text-align: right;}

#guestbook div.vzkaz-content .text-vzkazu {
  padding: 0 1px;
  background: url('../imgs/gbook-bot.gif') 0 bottom no-repeat;
}

#guestbook div.vzkaz-content .text-vzkazu p {
  padding: 7px 9px 9px 9px;
  background: url('../imgs/gbook-line.gif') 0 0 repeat-x;
}

/* Fotogalerie */

ul.fotogalerie {
  list-style: none;
  margin: 0;
  padding-bottom: 3px;
}

ul.fotogalerie li {
  float: left;
  margin: 0 21px 20px 0;
}

ul.fotogalerie li.last {
  margin-right: 0;
}

ul.fotogalerie li.cleaner {
  clear: both;
  visibility: hidden;
  height: 1px;
  font-size: 1px;
  float: none;
  margin: 0;
}

ul.fotogalerie li a {
  display: block;
  overflow: hidden;
  width: 200px;
  height: 106px;
  border: 3px solid #595148;
}
ul.fotogalerie.video li a {height: 150px;}

ul.fotogalerie li a:hover, ul.fotogalerie li a:focus {border-color: #2d2720;}

ul.fotogalerie li a img {border: 0;}

object {display: block; margin: 0 auto;}

#zoom object {margin: 0;}

/* rozcestnik --------------------------------------------------------------- */

.rozcestnik {
  padding: 0 0 20px 25px;
  float: left;
  width: 210px;
  height: 200px;
}
.rozcestnik-sporty, .rozcestnik-poslusnost {
  padding-left: 15px;
}

.rozcestnik a {
  position: relative;
  display: block;
  width: 210px;
  height: 200px;
  overflow: hidden;
  text-decoration: none;
}

.rozcestnik a span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 210px;
  height: 200px;
  cursor: pointer;
  background: url('../imgs/obrany.jpg') 0 0 no-repeat;
}
.rozcestnik-sporty a span {
  background-image: url('../imgs/sporty.jpg');
}
.rozcestnik-poslusnost a span {
  background-image: url('../imgs/poslusnost.jpg');
}

/* ---------------- */

p#copy {
  clear: both;
  text-align: right;
  font-size: 0.86em;
  color: #75624c;
  padding: .5em 25px 1em;
}

p#copy a, p#copy a:visited {color: #75624c;}

p#copy a:hover, p#copy a:focus {color: #f6f2ec;}

/* -------------------------------------------------------------------------- */

.col-left, .col-right {
  width: 355px;
  float: left;
}
.col-right {float: right;}

/* mapa stranek ------------------------------------------------------------- */

#sitemap {
  list-style: none;
}

#sitemap li {
  font-weight: bold;
  font-size: 1.12em;
  line-height: 1.7em;
}

#sitemap li a {
  padding-left: 18px;
  background: url('../imgs/sitemap.gif') 0 4px no-repeat;
}
#sitemap li a:hover {
  background-image: url('../imgs/sitemap-hover.gif');
}

#sitemap li ul {
  padding: 0 25px .5em 20px;
}

#sitemap li ul li {
  font-size: .92em;
  font-weight: normal;
}



















