body {
margin: 0 0 5px; 
padding: 0;
font: 0.75em/120% Verdana, Arial, Helvetica, sans-serif;
background: #fff url("IMAGES/poz_body.jpg") 0 0 repeat-x;
}

#div {padding: 0; margin: 0; border: 0;}

#hlavni-null {
width: 1000px;
margin: 0 auto;
text-align: center;
}

/* Hlavička stránky */

#hlavicka-null {
width: 1000px;
margin: 0 auto;
background: #813923 url("IMAGES/poz_hlavicka.jpg") 100% 0 no-repeat;
height: 125px;
}

#hlavicka {
position:relative;
text-align: left;
}
#lang {
position:absolute;
right:50px;
top:2px;
color: #fff;
}

#lang a {
font-weight:bold;
color: #fff;
text-decoration: none;
}

/* Obsah stránky */						
#telo-null {
background: #ccc url("IMAGES/poz_telo.jpg") 50% 0 repeat-y;
margin: 0 auto;
padding: 0; 
}

#odkazy-null {
width: 1000px;
height: 45px;
background: #ccc url("IMAGES/poz_menu.jpg") 0 0 no-repeat;
}

#odkazy {
padding: 12px 0 0 35px;
font-weight: bold;
position: relative;
}

#obsah-null {
margin: 0 225px 0 0;
background: transparent url("IMAGES/poz_obsah.jpg") 0 0 no-repeat;
}

#obsah {
padding: 8px 10px 0 40px;
text-align: left;
}

#pravy-null {
float: right;
width: 225px;
height: 50px;
background: transparent url("IMAGES/poz_pravy.jpg") 0 0 no-repeat;
}

#pravy {
text-align: left;
font-size: 90%;
line-height: normal;
}

#dalsi-foto {width: 490px; text-align: right; margin: 0 auto; font-weight: bold;}
#toplist, #autor, #doporucujeme {text-align: center; padding: 10px 48px 20px 10px; background: transparent url("IMAGES/poz_pravy_rubrika.jpg") 0 0 no-repeat;}
#aktualizace {text-align: center; padding: 8px 48px 20px 10px;}
.tecky {color: #ccc}

#patka-null {
clear: both;
background: transparent url("IMAGES/poz_patka.jpg") 50% 100% no-repeat;
}

#patka {
height: 107px;
}

/* menu */
.menu {
position: absolute;
top: 13px;
left: 75px;
display: block;
margin: 0;
_margin-left: -520px;
padding: 0;
width: 870px;
}

.menu ul {
position: absolute;
display: block;
width: 170px;
margin: 0;
padding: 0;
z-index: 100;
}

.menu li ul {
visibility: hidden;
_margin-left: -84px;
_margin-top: 0px;
}

.menu li li ul {
position: absolute;
top: auto;
left: auto;
margin-left: -172px;
margin-top: -30px;
_margin-left: -256px;
_margin-top: -30px;
}

.menu li {
list-style: none;
width: 170px;
height: auto;
display: inline;
display/**/: block;
float: none;
float/**/: left;
margin: 0;
padding: 0;
border-right: 1px solid #fff;
margin-right:-1px;
}

.menu li li {
display: block;
float: none;
}

* html .menu li li {
display: inline;
}

.menu a {
text-align: center;
background-color: #8e8e8e;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
color: #000;
display: block;
width: 170px;
text-decoration: none;
padding: 7px 0;
margin: 0;

}

.menu a:hover {
background-color: #813923;
border:1px solid #8e8e8e;
color: #fff;
}

.menu a:focus {
background-color: #ededeb;
color: #000;
}

.menu span {
display:none;
}

.menu li li a {
background-color: #ededeb;
border:1px solid #8e8e8e;
}

.menu li li li a {
background-color: #ededeb;
border:1px solid #8e8e8e;
}

/* konkrétní styly */
hr.skryj {display: none}
hr.cleaner {clear: left; height:1px; margin: -1px 0 0 0; padding: 0; border:none; visibility: hidden;}
img {padding: 0; margin: 0; border: 0;}

.foto{padding: 15px; text-align: center;}
.foto img {border: 2px outset #d56816; padding: 2px;}
/* IE */
.foto img.hover, .foto img:hover {border: 2px outset #666; padding: 2px;}
.foto img {behavior: url(hover.htc);}

h1, h2, h3, h4 { color: #813923; padding: 0 0 15px 0; margin: 0;}
h1 {font-size: 150%}
h1#hlavicka_nadpis {font-size: 190%; padding: 0; margin: 0; color: #fff;}
h2 {font-size: 130%}
h2.pravy {font-size: 85%; padding: 3px 0 15px;}
h3 {font-size: 110%}
h4 {font-size: 90%}

p {text-align: left; text-indent: 20px; padding-bottom: 5px; margin: 0;}
#pravy p {text-indent: 0;}

table {width: 99%;}
td,th {text-align: left; vertical-align: top;}
th {text-align: center;}

table#rodokmen, table#zavody {border: 1px solid #000; border-collapse: collapse;}
#rodokmen td, #zavody td {vertical-align: middle; text-align: center; border: 1px solid #000; border-collapse: collapse; padding: 2px;}
#rodokmen th, #zavody th {vertical-align: middle; text-align: center; border: 1px solid #000; border-collapse: collapse; padding: 2px; background-color: #8d8d8d; color: #fff;}
#rodokmen span {font-weight: bold;}
#vikend td {text-align: left; vertical-align: top;}
tr.zvyrazni {font-weight: bold;}
//obarveni radku tabulky
.odd  td {background-color: #ddd;}
.even td {background-color: #fff;}

option.kontakt, input.kontakt, input.kontakt_odeslat, textarea.kontakt {font: 100% Verdana, Arial, Helvetica, sans-serif; border: 1px solid #813923;}
input.kontakt_odeslat {background: #813923; font-weight: bold; color: #fff; padding: 2px;}

.hlaska {padding: 5px; margin: 5px; border: 1px solid #c30; font-weight: bold;}
.hlaska p {text-align: center; text-indent: 0; padding: 0;}

/* Chovné feny */
.chovne_feny {width: 200px; float: left; padding: 5px; margin: 10px; text-align: center; border: 1px solid #ddd}
.chovne_feny img {padding: 2px;}

/* Kniha návštěv */
table#kniha {width: 70%}
table#kniha td {text-align: left;}
.prispevek {
border: 1px solid #fff;
margin-bottom: 15px;
}

.dolozka {
padding: 2px;
border-top: 1px solid #fff;
}

/* Kontakt */
table#kontakt {width: 70%}
table#kontakt td {text-align: left;}
option.kontakt, input.kontakt, input.kontakt_odeslat, textarea.kontakt {font: 100% Verdana, Arial, Helvetica, sans-serif; border: 1px solid #813923;}
input.kontakt_odeslat {background: #813923; font-weight: bold; color: #fff; padding: 2px;}

/* Registrace */
table#registrace {width: 70%}
table#registrace td {text-align: left;}

/* Linky */
.bannery {float: left; width: 500px; text-align: center; margin: 20px 0}
.ikony {text-align: center; margin: 20px 0}
.bannery img, .ikony img{margin: 2px 0;}

/* ikonky */
.inline-button {
width:140px;
height: 18px;
display: block;
font-size: 80%;
font-weight: bold;
margin: 2px auto; 
_padding:0;
border: 1px solid black;
text-decoration: none;
background: #ccc;
color: black;
}

.inline-button em {
width: 60px;
line-height: 18px;
display: block;
float: left;
_cursor: hand;
font-style: normal;
margin:0; 
background: white;
}

.inline-button span {
width: 80px;
line-height: 18px;
display: block;
float: right;
_cursor: hand;
margin: 0; 
text-align: center;
color: #fff;
}

.inline-button:hover {
background: #666;
color: white;
}

.inline-button:hover em {
background: black;
color: white;
}

.bedea { background: green; color: white }
.bedea em { background: white; color: green }

.hvezda { background: #6B1F08; color: white }
.hvezda em { background: white; color: #17333b }

.mrno08 { background: #B05801; color: white }
.mrno08 em { background: white; color: #000 }

.mrno06 { background: #e07717; color: white }
.mrno06 em { background: white; color: #042254 }

.katalog { background: #1b3a8b; color: white }
.katalog em { background: white; color: #1b3a8b }

.ukazky { background: #EDCE51; color: white }
.ukazky em { background: white; color: #1b3a8b }

/* krycí psi */
.vyber-pismen {width: 390px; height: 60px; margin: 20px auto 0; text-align: center;}
.zpet {width: 200px; height: 25px; margin: 5px auto; text-align: center; padding: 0; overflow: hidden; background:url("IMAGES/CHOVNI_JEDINCI/poz-zpet.gif") top left no-repeat;}
.pismena {width: 25px; height: 25px; float: left; margin: 0 5px 5px 0; padding: 0; overflow: hidden; background:url("IMAGES/CHOVNI_JEDINCI/poz-pismena.gif") top left no-repeat;}
.pismena a, .zpet a {display: block; line-height: 25px; color: #813923; font-weight: bold; text-decoration: none;}
.pismena span {display: block; line-height: 25px; color: #ccc; font-weight: bold;}
.nove-vlozeni span, #rodokmen-chovni-jedinci span, .vypis-skupina-text span, .vypis-skupina-neni-foto span {font-size: 90%; font-style: italic; color: #813923;}
table#rodokmen-chovni-jedinci {border: 1px solid #000; border-collapse: collapse;}
#rodokmen-chovni-jedinci td {vertical-align: middle; text-align: center; border: 1px solid #000; border-collapse: collapse; padding: 2px; background-color: #e9e8d8;}
#rodokmen-chovni-jedinci th {vertical-align: middle; text-align: center; border: 1px solid #000; border-collapse: collapse; padding: 2px; background-color: #813923; color: #fff;}
#zaznamy {font-size: 96%; text-align: right; margin: 10px 5px 25px;}
ul.vypis-skupina {margin: 0; padding: 0;}
.vypis-skupina li {list-style: none; margin: 0; padding: 10px 10px 5px 20px; border-bottom: 1px solid #ccc; clear: left;}
.vypis-skupina-foto {width: 200px; float: left; height: 120px;}
.vypis-skupina-text {display: block; margin-left: 200px; height: 120px; text-align: left;}
.vypis-skupina-neni-foto {display: block; margin-left: 200px; text-align: left;}

.video, .new  {float: left; width: 99%; _width: 98%; margin: 5px; padding: 5px;}
.youtube {float: left; width: 490px; min-height: 355px; _height: 355px;  border: 1px solid #ccc; text-align: center; margin: 5px; padding: 5px;padding-top: 10px;}
.new {background: transparent url(IMAGES/new-video.jpg) 100% 0 no-repeat;}
.popis-video {float: right; width: 205px; _width: 185px;}
.popis-video p {text-indent: 0}
.popis-video h3 {padding-top: 20px;}
.hodnoceni-hvezdami
{
list-style:none;
margin: 0px;
padding:0px;
width: 150px;
height: 30px;
position: relative;
background: url("IMAGES/hrzt_hv.gif") top left repeat-x;
}

.hodnoceni-hvezdami li
{
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}

.hodnoceni-hvezdami li a
{
display:block;
width:30px;
height: 30px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
overflow: hidden;
}

.hodnoceni-hvezdami li a:hover
{
background: url("IMAGES/hrzt_hv.gif") left bottom;
z-index: 2;
left: 0px;
}

.hodnoceni-hvezdami a.jedna-hvezda
{
left: 0px;
}

.hodnoceni-hvezdami a.jedna-hvezda:hover
{
width:30px;
}

.hodnoceni-hvezdami a.dve-hvezdy
{
left:30px;
}
.hodnoceni-hvezdami a.dve-hvezdy:hover
{
width: 60px;
}

.hodnoceni-hvezdami a.tri-hvezdy
{
left: 60px;
}

.hodnoceni-hvezdami a.tri-hvezdy:hover
{
width: 90px;
}

.hodnoceni-hvezdami a.ctyri-hvezdy
{
left: 90px;
}

.hodnoceni-hvezdami a.ctyri-hvezdy:hover
{
width: 120px;
}

.hodnoceni-hvezdami a.pet-hvezd
{
left: 120px;
}

.hodnoceni-hvezdami a.pet-hvezd:hover
{
width: 150px;
}

.hodnoceni-hvezdami li.current-rating
{
background: url("IMAGES/hrzt_hv.gif") left center;
position: absolute;
height: 30px;
display: block;
text-indent: -9000px;
z-index: 1;
}

#adfox {width:468px;margin:50px auto 0;padding:0;}
#adfox h2 a {margin:0;padding:0;color: #813923;font-size:120%;font-weight:normal;text-decoration:underline;}
#adfox h3 {margin:0;padding:0 0 5px;}
#adfox h3 a {margin:0;padding:0;color: #813923;font-weight:bold;font-size:110%;margin:0 0 0 12px;padding: 0;}
#adfox p {margin:0 0 0 12px;padding:4px 0;text-indent: 0;font-size:13px;}
#adfox p.odkaz a {color:#C05B28;text-decoration:none;}