html, body {
margin: 0; 
border: 0; 
padding: 0; 
height: 100%;
}
body {
/* var.1
background-color: #000000;
*/ 
background-color: #009341;
font: .9em/1.1em sans-serif;
}
a:link {
color: #009900;
}
a:active {
color: #009900;
}
a:visited {
color: #444444;
}
a:hover {
color: #E77817;
}
div, address, img, form, table, th, td, ul, li {
margin: 0; 
border: 0; 
padding: 0; 
}
p {
margin: .5em 0 1em 0; 
border: 0; 
padding: 0; 
}
address {
font-style: normal;
}
h1 {
font: 1.6em/1.1em sans-serif;
font-weight: bold;
text-align: center;
margin: .4em 0; 
}
h2 {
font: 1.2em/1.1em sans-serif;
font-weight: bold;
margin: .2em 0; 
}
h3 {
font: 1.1em/1.1em sans-serif;
font-weight: bold;
margin: .1em 0; 
}
h4 {
font: 1.05em/1.1em sans-serif;
font-weight: bold;
margin: .1em 0; 
}
fieldset {
margin: 0 auto;
padding: 1em;
}
legend {
color: #447700;
font-weight: bold;
padding: 0 5px;
_margin-bottom: .5em;;
_padding-left: 2px;
}
table {
/*font: .9em/1.1em sans-serif;*/
border-collapse: collapse;
}
th {
font-weight: bold;
text-align: left;
padding: .1em .3em;
vertical-align: top;
}
td {
font-weight: normal;
text-align: left;
padding: .1em .3em;
vertical-align: top;
}
hr {
background-color: #000000; 
color: #000000;
height: 1px;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
input, textarea {
font: .9em/1.1em sans-serif;
}

#page {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background-color: #F4F4F4;
min-height: 100%;
_height: 100%;
width: 770px;
margin: 0 auto;
position: relative;
}
#header {
border-top: 2px solid black;
background-color: #000000;
background-image: url("images/sachovnice.gif");
height: 100px;
overflow: hidden;
text-align: center;
margin: 0 auto;
}
#menu {
/* var.1
border-top: 2px solid black;
border-bottom: 2px solid black;
*/
border-top: 1px solid black;
border-bottom: 1px solid black;
background-color: #666666;
background-image: url("images/menu_pozadi.gif");
padding: .1em .5em;
}
#menu a {
font-weight: bold;
text-decoration: none;
color: white;
margin-right: 1em;
}
#menu a:hover {
text-decoration: underline;
/*color: black;*/
}
#main {
width: 100%;
padding-bottom: 2em;
}
#content {
float: left;
width: 450px;
overflow: hidden;
}
#content-in {
/*padding: .5em;*/
padding: 10px;
}
#left-bar {
float: left;
width: 160px;
overflow: hidden;
}
#left-bar-in {
/*padding: .5em;*/
padding: 10px 5px;
}
#right-bar {
float: right;
width: 160px;
overflow: hidden;
}
#right-bar-in {
/*padding: .5em;*/
padding: 10px 5px;
}
#footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
/* var.1
border-top: 2px solid #000000;
*/
border-top: 1px solid #000000;
border-bottom: 2px solid #000000;
background-color: #000000;
background-image: url("images/menu_pozadi.gif");
}
#footer-in {
margin: .1em;
text-align: center;
color: white;
}
#footer-in a {
color: white;
}

/*layout*/
.layout-010 #content {
width: 100%;
} 
.layout-110 #content, .layout-011 #content {
width: 610px;
} 
/*/layout*/

div.clear {
clear: both;
height: 0;
content: ' ';
overflow: hidden;
}
div.clear hr {
display: none;
}

div.window {
border: 1px solid black;
background-color: white;
}
div.window h4 {
border-bottom: 1px solid black;
background-color: gray;
background-image: url("images/menu_pozadi.gif");
padding: .1em .2em;
color: white;
font-weight: bold;
margin: 0;
}
div.window-in {
margin: .2em;
}
table.seznam {
border: 1px solid black;
}
table.seznam tr.zahlavi th {
border-bottom: 1px solid black;
background-color: #666666;
background-image: url("images/menu_pozadi.gif");
color: #FFFFFF;
}
table.seznam tr.zapati th {
border-top: 1px solid black;
background-color: #DDDDDD;
background-image: url("images/menu_pozadi2.gif");
}
table.formular th {
font-weight: normal;
}
div.forum {
/*
border: 1px solid black;
*/
border: 1px solid #AAAAAA;
background-color: white;
}
div.forum div.zahlavi {
/*
border-bottom: 1px solid black;
background-color: #666666;
background-image: url("images/menu_pozadi.gif");
color: #FFFFFF;
*/
border-bottom: 1px solid #AAAAAA;
background-color: #DDDDDD;
color: #000000;
padding: .1em .2em;
font-weight: bold;
margin: 0;
}
div.forum div.zapati {
/*
border-top: 1px solid black;
background-color: #DDDDDD;
background-image: url("images/menu_pozadi2.gif");
*/
border-top: 1px solid #AAAAAA;
background-color: #DDDDDD;
padding: .1em .2em;
margin: 0;
}
div.forum span.datum {
float: right;
}
div.forum div.forum-in {
margin: .2em;
}
ul.forum {
list-style-image: none; 
list-style-type: none;
}
li.forum {
margin-top: .7em;
padding-left: .7em;
border: 1px solid #EEEEEE;
border-left: 2px solid #BBBBBB;
list-style-image: none; 
list-style-type: none;
}
a.fg_fotka img {
display: inline;
float: left;
width: 180px;
height: 120px;
margin: 1em 1em 0 0;
border: 1px solid black;
}
table.prehled th, table.prehled.td {
padding: .1em  1em .1em 0;
}
div.image {
margin: 1em 0;
}

.sudy {
background-color: #EEEEEE;
}
.lichy {
background-color: #FFFFFF;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.b_center {
margin: 0 auto;
}
.margintop1 {
margin-top: 1em;
}
.border1 {
border: 1px solid black;
}
.error {
color: red;
font-weight: bold;
}
.float_left {
float: left;
margin-right: 2em;
}
.float_right {
float: right;
margin-left: 2em;
}
.clear {
clear: both;
height: 0;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}