body {
margin: 0; 
padding: 0;
font: 90%/150% Verdana, "Geneva CE", lucida, sans-serif;
color: #fff;
background-color: #bcccff;
}

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

#hlavni-null {
position: relative;
width: 900px;
text-align: center;
margin: 0 auto;
background: #36f url("CSS/poz_hlavni.jpg") 50% 0 repeat-y;
}

#hlavicka-null {
width: 100%;
}

#hlavicka {
height: 250px;
background: #36f url("CSS/poz_hlavicka.jpg") 50% 0 repeat-y;
}

/* menu */
#menu-null {
position: absolute;
z-index: 999;
right: 0;
top: 170px;
width: 240px;
background: transparent url("CSS/poz_menu_null.jpg") 0 40px no-repeat;
}

#menu {
text-align: left;
background: transparent url("CSS/poz_menu.jpg") 0 100% repeat-y;
}

ul#hlavni-menu {
margin: 0;
list-style-type: none;
padding: 0;
line-height: 1.6;
margin-left: 10px;
margin-bottom: 25px;
}

#hlavni-menu li {
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
width: 198px;
}

ul#hlavni-menu a.top {border-top: 1px solid #fff;}

ul#hlavni-menu a {
display: block;
text-transform: uppercase;
font-weight: bold;
font-size: 90%;
color: #fff;
padding: 8px 14px 8px 28px;
margin: 0;
background: #33f url("CSS/dot.gif") 10px 13px no-repeat;
_width: 156px;
text-decoration: none
}

#toplist {
text-align: center;
margin-left: 10px;
padding: 5px 0;
border: 1px solid #fff;
width: 198px;
background-color: #33f;
}

#obsah-null {
margin: 0 240px 0 0;
}

#obsah {
text-align: left;
padding: 10px 30px 10px 50px;
}

#patka-null {
clear: both;
background: #c90 url("CSS/poz_patka.jpg") 50% 100% no-repeat;
height: 55px;
}

#patka {
padding: 5px 0;
}

#reklama {
border: 2px solid #fff;
width: 468px;
height: 60px;
margin: 20px auto;
text-align: center;
background-color: #0027b0;
}

/* konkrétní styly */
a:link {color: #fff;}
a:visited {color: #bcf;}
a:hover {color: #6f3;}

img {padding: 0; margin: 0; border: 0;}
.foto, .foto-index {padding: 10px 5px; text-align: center;}
.foto img, .foto-index img {border: 1px solid #0027b0; padding: 2px; background-color: #fff;}
.foto-index {float: left; padding: 10px 8px 0 0;}

/* IE */
.foto img.hover,.foto img:hover {border: 1px solid #c30;}
.foto img {behavior: url(hover.htc);}

ul#hlavni-menu a:visited {color: #bcf;}
ul#hlavni-menu a.active {color: #c30; background: #bcf url("CSS/dot.gif") 10px 13px no-repeat;}
ul#hlavni-menu a.active:visited {color: #c30; background: #bcf url("CSS/dot.gif") 10px 13px no-repeat;}
ul#hlavni-menu a:hover {color: #000; background: #b98b01 url("CSS/dot.gif") 10px 13px no-repeat;}
ul#hlavni-menu a.active:hover {color: #000; background: #b98b01 url("CSS/dot.gif") 10px 13px no-repeat;}

p {margin: 0; padding: 5px 0 5px 3px ;}
p.nahoru {text-align: right}

h1, h2, h3, h4 {padding: 10px 0; margin: 0;}

h1 {font-size: 140%}
h2 {font-size: 120%; color: #0027b0; border-bottom: 5px solid #d8e8f5;}
h3 {font-size: 100%; color: #6f3; border-bottom: 1px solid #6f3; margin: 30px 10px 10px 5px; padding: 10px 10px 10px 0; padding-bottom: 0; position: relative;}
h4 {font-size: 90%; color: #000;}

#hlavicka h1 {text-indent: -9999px; border: 0; padding: 0; margin: 0;}
h2.nadpis-menu {height: 40px; text-indent: -9999px; border: 0; padding: 0; margin: 0; background: transparent url("CSS/nadpis_menu.jpg") 50% 0 no-repeat;}
h2.nadpis-toplist {height: 40px; text-indent: -9999px; border: 0; padding: 0; margin: 0; background: transparent url("CSS/nadpis_toplist.jpg") 50% 0 no-repeat;}
h3 span {width: 150px; margin-left: 50px}
#menu-null span {display: block; width: 240px; height: 50px; background: #36f url("CSS/poz_menu_patka.jpg") 50% 0 no-repeat;}
#zaznamy {text-align: right; padding: 15px 5px;}

table {width: 99%; text-align: left;}
td,th {border: 0; border-collapse: collapse; text-align: left; vertical-align: top;}
td.kontakt {font-weight: bold;}
th {text-align: center;}
table.rodokmen {border: 1px solid #fff; border-collapse: collapse; margin: 20px 0;}
.rodokmen th {vertical-align: middle; text-align: center; border: 1px solid #fff; border-collapse: collapse; padding: 2px; background-color: #c90; color: #c30; font-weight: bold;}
.rodokmen td {vertical-align: middle; text-align: center; border: 1px solid #fff; border-collapse: collapse; padding: 5px;}

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

/* statistika */
#obsah-stats {
text-align: left;
padding: 10px 30px;
}
td.statistika {border: 1px solid #fff; border-collapse: collapse; padding: 5px;}
table#statistika, table.calendar {width: 70%; padding: 2px; border-collapse: collapse; border: 1px solid #fff;}
tr.tableheader {padding: 2px; border: 1px solid #fff; color: #000; background: #ccc; font-weight: bold;}
table#statistika_10 {width: 100%; border-collapse: collapse;}
table#statistika td {text-align: left; padding: 5px;}
table.calendar td {text-align: center; padding: 5px;}