* {
margin: 0;
padding: 0;
}

html {
background: #663333 url(fon2.jpg) no-repeat fixed;
font-width: 100%;
}

body {
padding: 0.75em 1.2em 0;
text-align: left;
font-size: 100%;}

h1 {
color: #ffc;
font: bold 2em Verdana,san-serif;
text-transform: uppercase;
margin: 0.25em 0;
}

h2 {
color: #663333;
background: #ffc;
font: bold 1.25em Verdana,san-serif;
text-transform: uppercase;
padding: 0.25em 0.80em;
margin-left: 0.3em;
}

h3 {
color: #f03;
font: bold 1.1em Verdana,san-serif;
text-transform: uppercase;
margin: 1em 0 0.25em;
padding: 0.25em;
text-align: left;
}

h4 {
color: #ffc;
background: #663333;
border: 2px solid #ffc;
font: bold 1em Verdana,san-serif;
text-transform: uppercase;
padding: 0.35em;
text-align: center;
}

img {
border-color: none;
padding: 0.25em;
}

a  {
background: #fff;

}

a:hover {
background-color: #f03;
}

table {
border-collapse: collapse;
margin: 0 auto;
width: 100%;
}

td {
text-align: left;
vertical-align: bottom;
padding: 0 0.5em 0.75em 0;

}

p {
padding: 0.25em;
color: #663333;
font: bold 0.75em Verdana, sans-serif;
}

.nadpistext {
color: #fff;
}

th div {
text-align: left;
vertical-align: top;
font: normal 1em Verdana, sans-serif;
background: #ffc;
padding: 0.5em;
}

th {
text-align: left;
vertical-align: top;
font: normal 1em Verdana, sans-serif;
padding: 0;
width: 35%;
}

ul {
list-style: none;
position: absolute;
top: 86px;
right: 7px;
float: right;
}

li {
width: 100px;
padding: 1em 0.5em 1em 1em;
display: inline;
}

li a {
color: #ffc;
background: #663333;
text-decoration: none;
text-transform: uppercase;
font: bold 0.85em Verdana, sans-serif
text-align: center;
padding: 1.2em 0.5em 1.2em 1em;}

li a:hover {
color: #ffc;
}