body	{
background-color: #000000;
margin-top: 0px;
width: 733px;
margin-left: auto;
margin-right: auto;
}

h1	{
display: none;
}

h2	{
color: #FFC730;
font-size: 13px;
font-variant: small-caps;
font-weight: bold;
margin-left: 0px;
margin-top: 10px;
margin-bottom: 10px;
}

h3	{
color : #DDA710;
font-weight: bold;
font-size:9px;
margin-top: 5px;
margin-left: 0px;
margin-bottom: 0px;
}


h3 a, h3 a:link, h3 a:visited	{
color : #DDA710;
text-decoration: none;
}

h3 a:hover	{
text-decoration: underline;
}

h4	{
margin-left: 0px;
margin-top: 8px;
margin-bottom: 0px;
font-size: 10px;
}

p	{
margin-top: 2px;
margin-bottom: 2px;
margin-left: 0px;
}

.right	{
text-align: right;
}

a, a:link, a:visited	{
color: #DDA710;
text-decoration: none;
font-weight: bold;
}

a:hover	{
text-decoration: underline;
}

#screen	{
width: 100%;
background-image: url('dsgn-images/screen-background.jpg');
}

#header	{
width: 709px;
height: 113px;
background-image: url('dsgn-images/header.jpg');
margin-left: 12px;
}

#menu	{
width: 709px;
height: 45px;
margin-left: 12px;
background-color: #000000;

background-image: url('dsgn-images/menu-background.gif');

font-family: Verdana, Arial, sans-serif, Courier New, serif; 
color: #FFC730; 
font-weight: bold; 
font-size: 9px;
}

#menu ul	{
margin-top: 0px;
}

#menu li	{
float: left;
list-style-type: none;
}

#menu a, #menu a:link, #menu a:visited	{
color: #FFC730; 
text-decoration: none;
}

#menu a:hover	{
color: #FFE760;
}

.li-separator	{
margin-left: 5px;
margin-right: 8px;
color: #777777;
}

#menu-left	{
width: 287px;
position: relative;
left: 0px;

height: 14px;
padding-top: 4px;

position: relative;
top: 2px;

}

#menu-right	{
width: 287px;

height: 14px;
padding-top: 4px;

position: relative;
top: -16px;
left: 400px;
}

#main	{
width: 639px;
margin-left: 12px;
font-family: Verdana, Arial, sans-serif, Courier New, serif;
color : #C0C0C0; 
text-align: justify;
font-size: 10px;
padding-bottom: 10px;
padding-left: 50px;
min-height: 530px; /* pro FF a Operu */
height: expression(this.scrollHeight < 530? "530px" : "auto" ); /* pro IE */
}

#main-anotace	{
width: 460px;
float: left;
margin-left: 0px;
}

#main ul	{
margin-left: 5px;
padding-left: 0px;
margin-top: 2px;
}

ul a, ul a:link, ul a:visited	{
color: #C0C0C0;
text-decoration: none;
}

ul a:hover	{
text-decoration: underline;
}

#main li	{
margin-left: 0px;
list-style-type: none;
}

#statistiky	{
width: 108px;
float: right;
text-align: left;
margin-top: -25px;
margin-right: -25px;

position: relative;
right: 50px;
}

#statistiky img	{
border-width: 0px;
}

#statistiky h2	{
margin-top: 0px;
margin-bottom: 16px;
margin-left: 0px;
}

#clearer	{
clear: both;
}

#footer	{
width: 709px;
margin-left: 12px;
height: 22px;
background-image: url('dsgn-images/footer.gif');
}

#hr	{
width: 709px;
height: 3px;
background-image: url('dsgn-images/hr-background.jpg');
background-color: #333333;
background-repeat: repeat-x;
margin-top: 10px;
_font-size: 1px;
margin-left: -50px;
}

.tri-image	{
width: 600px;
height: 120px;
padding-bottom: 10px;

margin-left: auto;
margin-right: auto;
margin-bottom: 20px;

background-image: url('dsgn-images/tri-image-bottom.jpg');
background-position: bottom;
background-repeat: repeat-x;
}

.tri-image-item	{
float: left;
width: 150px;
height: 125px;
margin-right: 70px;
}

.tri-image-item-link, .tri-image-item-link:link, .tri-image-item-link:visited	{
color: #C0C0C0;
text-decoration: none;
}

.tri-image-item-link:hover	{
text-decoration: underline;
}

.tri-image-item-img	{
margin-top: 10px;
border-width: 0px;
}
