body {
text-align: center;
background: #E8E6E6;
font-family: "Trebuchet MS";
margin: 0 0 0 0;
}

#body {
width: 1000px;
margin: 0 auto 0 auto;
text-align: left;
background: url('img.php?img=pozadi.gif');
padding-bottom: 10px;
}

#logo {
height: 168px;
width: 719px;
background: url('img.php?img=logo.gif') no-repeat center;
margin-left: 160px;
}

#top {
height: 7px;
width: 507px;
background: url('img.php?img=top.gif') no-repeat center;
font-size: 0pt;
margin-left: 272px;
}

#mother {
text-align: left;
background: url('img.php?img=pozadi_mother.gif') repeat-y center;
height: auto;
margin-left: 51px;
}

#menu {
float: left;
height: auto;
width: 246px;
text-align: right;
}

#mother2 {
float: left;
}

#submenu {
text-align: left;
padding: 15px 0 0 0;
}

#submenu h1 {
padding: 0 0 0 15px;
color: #000000;
font-size: 11pt;
font-weight: bold;
}

#bottom {
height: 11px;
_height: 19px;
width: 490px;
_width: 505px;
padding: 4px 15px 4px 0;
color: #DCDDDF;
font-size: 8pt;
border-top: #282D31 1px solid;
text-align: right;
margin-left: 274px;
}

#bottom  a {
color: #929D9F;
}

#bottom a:hover {
color: #929D9F;
text-decoration: none;
}

/* ********************** FIELD 1 **************************** */
#field1 {
width: 441px;
_width: 481px;
padding: 15px 30px 15px 10px;
height: 100%;
text-align: justify;
color: #333333;
font-size: 9pt;
line-height: 11pt;
}
#field1 img {
margin: 10px;
}
#field1 a {
color: #929D9F;
}
#field1 a:hover {
color: #929D9F;
text-decoration: none;
}
#field1 table tr td {
color: #333333;
font-size: 9pt;
vertical-align: top;
}
#field1 ul {
margin-top: 10px;
margin-bottom: 10px;
}
#field1 ul li {
list-style-type: disc;
margin: 0 0 3px 0;
-moz-float-edge: content-box;
}
#field1 p, #field1 table tr td p {
margin: 0 0 10px 0;
}

/* **************************** MENU 1 ******************************** */
#menu1 {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

#menu1 li {
height: 45px;
text-align: right;
display: block;
}

#menu1 a {
color: #FFFFFF;
font-size: 9pt;
text-decoration: none;
display: block;
overflow: hidden;
height: 32px;
_height: 45px;
padding: 13px 50px 0 0;
line-height: 21px;
}

#menu1 a:hover, #menu1 a.active {
color: #929D9F;
font-size: 12pt;
line-height: 21px;
background: url('img.php?img=menu_a.gif') no-repeat right;
}

/* **************************** MENU 2 ******************************** */
#menu2 {
list-style: none;
margin: 0;
padding-left: 30px;
width: 200px;
}

#menu2 li {
height: 19px;
padding-left: 30px;
background: url('img.php?img=polozka.gif') no-repeat left;
}

#menu2 a {
color: #6D6E71;
font-size: 9pt;
}

#menu2 a:hover, #menu2 a.active {
color: #6D6E71;
text-decoration: none;
}


.float-left {
float: left;
}
.float-right {
float: right;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.justify {
text-align: justify;
}
hr.cleaner {
visibility: hidden;
clear: both;
margin: 0px;
}

.reality {
font-size: 9pt;
margin-top: 10px;
margin-bottom: 10px;
background: #ccc;
padding: 10px 20px 10px 20px;
border-bottom: #808080 1px solid;
border-top: #808080 1px solid;
}
.reality p {
margin: 0 0 5px 0;
}
.reality a {
color: #4c4c4c !important;
}
.reality img {
float: right;
}