body {
margin: 0;
font-family: Microsoft Sans Serif, sans-serif;
font-size: 12px;
line-height: 1.1em;
text-align: center;
color: black;
background: #AAAACC;
}

#main {
width: 783px;
overflow: hidden;
background: white;
margin: auto;
margin-top: 0;
text-align: left;
border: 1px solid black;
}

#logo {
float: left;
margin: 3px;
width: 777px;
height: 150px;
background: url('logo.png') no-repeat;
}

#panel {
width: 100%;
margin-top: 107px;
height: 32px;
line-height: 32px;
padding-left: 30px;
}

#panel a,#panel a:link,#panel a:visited,#panel a:active {
font-weight: bold;
font-size: 13px;
text-decoration: none;
color: white;
line-height: 1em;
}

#panel a:hover {
color: #8888FF;
}

#panel img {
border: 0;
clear: right;
}

#vlavo {
float: left;
margin: 0 3px 0 3px;
width: 140px;
}

#vlavo div {
width: 100%;
background: url('bok_modra_2.png');
padding-bottom: 3px;
}

#obsah {
float: left;
width: 489px;
}

#obsah div {
width: 483px;
_width: 489px;
padding: 2px;
padding-bottom: 0;
border: 1px solid gray;
border-top: 0;border-bottom: 0;
background: #D7D7D7;
overflow: hidden;
margin: auto;
text-align: left;
}

#obr img {
width: 75px;
height: 75px;
border: 0;
vertical-align: top;
cursor: pointer;
}

#vpravo {
float: right;
margin: 0 3px 0 3px;
width: 140px;
}

#vpravo div {
width: 100%;
background: url('bok_modra_2.png');
padding-bottom: 3px;
}

#vlavo a, #vlavo a:link, #vlavo a:visited, #vlavo a:active, #vpravo a, #vpravo a:link, #vpravo a:visited, #vpravo a:active {
display: list-item;
list-style-type: none;
color: white;
text-decoration: none;
margin-left: 10px;
margin-right: 10px;
border-bottom: 1px dotted white;
font-size: 1.1em;
font-weight: bold;
padding: 3px 0 3px 0;
}

#vlavo a:hover, #vpravo a:hover {
color: #D7D7D7;
}

#vlavo img, #vpravo img {
border: 1px solid white;
}

h1 {
width: 459px;
_width: 489px;
padding-left: 30px;
font-size: 18px;
font-weight: bold;
margin-top: 0;
margin-bottom: 10px;
background: #D7D7D7;
line-height: 30px;
border-bottom: 2px solid gray;
}

h2 {
width: 482px;
_width: 489px;
height: 26px;
padding-left: 7px;
line-height: 26px;
background: url('h2.png') no-repeat;
font-size: 1em;
font-weight: normal;
margin: 0;
margin: auto;
text-align: left;
}

h2 img, td img {
cursor: pointer;
}

h3 {
width: 489px;
height: 3px;
line-height: 3px;
background: url('h3.png') bottom no-repeat;
margin: 0;
margin: auto;
margin-bottom: 5px;
text-align: left;
}

h4 {
width: 100%;
height: 3px;
margin: 0;
}

.m1 {
background: url('bok_modra_1.png') center bottom no-repeat;
_margin-top: -1em;
}

.m2 {
background: url('bok_modra_3.png') center top no-repeat;
border-bottom: 3px;
margin-bottom: 3px;
_margin-bottom: -1em;
}

h5 {
height: 17px;
font-size: 1.2em;
font-weight: bold;
margin: 0 0 0 5px;
border-bottom: 1px dotted white;
}

h6 {
margin: auto;
margin-bottom: 10px;
width: 80%;
padding: 10px;
border: 1px solid gray;
background: #D7D7D7;
color: red;
font-size: 1.1em;
font-weight: bold;
}

.inputText {
width: 150px;
padding: 3px;
padding-left: 3px;
border: 1px solid gray;
background: white;
color: black;
}

.inputSubmit {
padding: 2px 8px 2px 8px;
border: 1px solid black;
background: gray;
color: white;
text-align: center;
}

textarea {
width: 300px;
height: 86px;
line-height: 16px;
font-size: 14px;
padding: 3px;
padding-left: 3px;
border: 1px solid gray;
background: white;
color: black;
}

table {
border: 0;
font-size: 1em;
}

td {
padding: 0;
vertical-align: top;
text-align: left;
}

#strany {
margin-top: 15px;
display: block;
padding: 7px;
background: url('strany.png');
}

#strany a, #strany a:link, #strany a:visited, #strany a:active {
text-decoration: none;
color: black;
padding: 4px 8px 4px 8px;
}

#strany a:hover {
color: #282828;
background: white;
}

a#active, a#active:link, a#active:visited, a#active:active, a#active:hover {
color: #282828;
background: white;
font-weight: bold;
padding: 4px 8px 4px 8px;
}

a, a:link, a:visited, a:active {
font-size: 12px;
font-weight: bold;
color: #4774E7;
text-decoration: underline;
}

a:hover {
color: #3663D6;
text-decoration: none;
}

#uplnyspod {
float: left;
width: 775px;
_width: 750px;
padding-left: 25px;
height: 21px;
_height: 27px;
padding-top: 6px;
margin: 3px;
background: url('uplnyspod.png') no-repeat;
}

.reklama {
display: block;
width: 100%;
text-align: center;
margin-bottom: 3px;
}

.reklama img {
border: 0;
width: 468px;
height: 60px;
}

a#red, a#red:link, a#red:visited, a#red:active {
color: #EE1111;
font-size: 1.1em;
margin-bottom: -10px;
}

a#red:hover {
color: #FF2222;
}