* {
margin: 0;
padding: 0;
}

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

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

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

h2 {
color: #fff;
background: #30c;
font: bold 1.2em Verdana,san-serif;
text-transform: uppercase;
padding: 0.20em;
}

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: #fff;
background: #30c;
font: bold 1em Verdana,san-serif;
text-transform: uppercase;
padding: 0.25em;
}

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: right;
vertical-align: middle;
padding: 0 0.5em 0.5em 0;
width: 40%
}

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

th {
text-align: left;
vertical-align: top;
font: normal 1em Verdana, sans-serif;
background: none;
}

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

a.convert {
color: #fff;
font: bold 0.85em Verdana,san-serif;
background: #30c;
text-decoration: none;
text-transform: uppercase;
padding: 0.3em 0.7em;
}


ul {
position: absolute;
top: 20px;
right: 20px;
float: right;
}

li {
list-style: none;
margin: 0.25em 0 0.25em 0.25em;
}

li a {
color: #fff;
background: #30c;
text-decoration: none;
padding: 0.25em;
}