@import url("slimbox.css");

body {
    font-family: times new roman;
    color: black;
    font-size: 1em;
    margin: 0;
    background: url("hlava.gif") 0% 100% fixed no-repeat #c2d587;}

#obsah a:link, #obsah a:active, #obsah a:visited {
  color: #575c0f;
  font-family: verdana;
  font-size: 0.8em;
  font-weight: bold; 
  text-decoration: none;}

#obsah a:hover  {color: Gray;}

h2 {
  background-color: #848844;
  margin: 0em 0em 1em 0em;
  padding: 0.3em 1.2em;
  width: 95%;
  line-height: 1.6em;
  color: #e8efd3;
  font-family: arial;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 100%;
  text-align: left;}
  
h3  {
  font-family: verdana;
  font-weight: bold;
  font-size: 100%;
  margin: 0.5em 0em 0.3em 0em;}

.photobox h3  {
  font-family: verdana;
  font-weight: bold;
  font-size: 100%;
  margin: 0.5em 0em 0.3em 0em;}
  
h4  {
  font-family: verdana;
  font-size: 95%;
  margin: 0.3em auto;}


/***********************************************/

#page {
  margin: 0;
  width: 100%;}

#banner {
  position: relative; 
  overflow: hidden; 
  background: url("nazev.jpg") 0 0 no-repeat;
  margin: 1em 0 1.5em 100px;
  height: 95px;
  width: 630px;
  text-align: left;}

#banner span {  /* Over */
  width: 630px;
  height: 95px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url('nazev.jpg') top center no-repeat; 
}

#znacka {  /* Znacka */
  width: 630px;
  height: 95px;
  position: absolute;
  left: 0; top: 0;
  text-decoration: none;
  cursor: pointer;
  _cursor: hand;
}

#banner h1 {
  margin: 15px 0 5px 110px;
  font-size: 2.5em;
  padding: 0;}

#banner p {  /* Pridana hodnota */
  padding: 0.3em 0em 0em 40%;
  font-size: 0.9em;
  font-weight: bold;
}


#main {
  padding: 0px;
  text-align: left;
  height: 100%;
  bottom: 0px;}

#obsah {
  text-align: left;
  margin: 0 0 0 15em;
  padding: 0em 1.5em 3em 2em;}

#obsah img {
  border: 1px solid #262635; 
  margin: 3px;}
  
#obsah img.bezramecku {
  border: 0; 
  margin: 15px 3px 15px 3px;}
  
#obsah .odkazy img {
  border: 0;
  margin: .4em 0; }

#obsah .odkazy  {
  text-align: center;}
  
#obsah ul {
  list-style-type: none;
  margin: 0 0 .7em .1em;}

#obsah li {
  margin: 0 0 0 10px;}

.photobox {
  text-align: center; 
  margin-bottom: 1.5em; }

.photobox span {display: block; }

.blok  {margin: 0 0 1em 2em;}

.news  {
  border-bottom: 1px solid #848844; 
  padding: 1em 0em;}
        
.news p {margin: 0.1em 1em 1em 5em; }

.news h3     {
       font-size: 92%;}

hr     {display:none;}

.napinak {clear: both;}

/****************************************************/

#menu {
  position: absolute;
  text-align: right;
  top: 125px; left: 0;
  width: 14em;
  border-top: 5px solid #737735;
  border-bottom: 5px solid #737735;
  font-family: sans-serif;}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;}

#menu li {border-bottom: 1px solid #737735; margin: 0;}

#menu li a {
  display: block;
  padding: 0.3em 0.9em 0.3em 0.3em;
  margin: 0;
  font-weight: bold; 
  text-decoration: none;
  color: #575a25;
  border-bottom: 1px solid #737735;}

#menu li a:hover { background-color: #909452; color: #fff; }

/****************************************************/

table.pp {
  background: #d7e1b9;
  border: 1px solid #737735;
  border-spacing: 0px;
  text-align: left;
  width: 95%; }

table.pp td {
  padding: 0.3em;
  border: 1px solid #737735; 
  width: 33%;
  font-size: 90%;}

table.pp td strong {
  font-family: tahoma;
  color: Black;
  font-weight: bold;
  letter-spacing: 1px;
}

td.date {text-align: center; width: 7em;}

table.pp img {
  margin: auto; 
  text-align: center;}

.vrhy, .feny, .odchovy {
  border-spacing: 0px;
  width: 90%;
  margin: auto;
  padding: 1em 0em 1em 0em;}

.feny td {
  padding: 1em 2em;}
  
.vrhy, .odchovy {border-bottom: 1px solid #848844;}

.vrhy td, .feny td {text-align: center;}

.odchovy {
  border-spacing: 0px;
  text-align: left;
  padding: 1em 0em 1em 0em;
}

.odchovy h3 span {
  font-size: .8em;
  color: #313131;
  font-style: italic;
  font-weight: normal;
  padding-left: 1em;
}


.odchovy td {vertical-align: top; }

.odchovy td.image {width: 200px; }

/*
.odchovy tr:hover {background: #d5e5a6;}
*/

table.pp {
         background-color: #d7e1b9;
         border: 1px solid #737735;
         border-spacing: 0px;
         margin: auto;
         width: 90%; }

table.pp td {padding: 0.3em;
     border: 1px solid #737735; width: 33%; font-size: 90%;}

/***********************************************/

.udaje, .jmeno {
  font-family: tahoma; 
  color: Black; 
  font-weight: bold; 
  font-size: 90%; 
  letter-spacing: 1px;}

.foto_neni {
  font-family: tahoma; 
  font-weight: bold; 
  font-size: 80%;
  letter-spacing: 1px;
  color: #575a25;
  width: 160px; height: 120px;
  border: 1px solid #737735;
  text-align: center;
  margin: 3px;}

.blok  {text-align: justify;
       margin-left: 3em; }

.right {text-align: right; font-size: 0.8em;}

/* Galerie */
ul.galerie {
  list-style-type: none;
  padding: 0em 0em 1.9em 1em;
}


#mcontent .galerie a img {
  height: 0; width: 0;
  margin: 0; padding: 0;
  border: none;
}

#mcontent .galerie a:hover img {
  position: absolute;
  height: 135px;
  width: 180px;
  border: 2px solid #8b846a;
  z-index: 1000;
  right: 100px;
}


#mcontent .galerie.ourdogs a:hover img {
  top: 180px;
}

#mcontent .galerie.litters a:hover img {
  top: 380px;
}

#mcontent .galerie.studdogs a:hover img {
  top: 660px;
}

#mcontent .galerie.others a:hover img {
  top: 780px;
}