Projekt 1

body {font-family: Arial, sans-serif; margin: 0; padding: 0; background: #85939e url('vyrez2_small.jpg') right 32px no-repeat;} a {color: #00e;} #head {background: url('sky_strip.png') repeat-x;} h1 {background: url('vyrez1_small.jpg') right top no-repeat; margin: 0; padding: 0; height: 127px;} #head a {display: block; width: 381px; height: 90px; background: url('logo.png'); position: relative; top: 19px; left: 19px;} #head span {display: none;} #menu {float: right;} #menu ul {width: 20em; padding: 0;} .deni {font-weight: bold; margin-top: 10ex;} .onas {direction: rtl;} #menu li {background: #3881ff; width: 80%; margin: .5em auto; list-style-image: url('kormidlo.png'); list-style-position: inside; line-height: 1.5em;} #menu a {color: white; text-decoration: none;} #menu a:hover {text-decoration: underline;} #content {border: .5em solid #777; margin-right: 20em; padding: 1em; background: white; min-height: 50ex;} #aktual {border-top: 1px solid #777; border-bottom: 1px solid #777;} h2 {background: #ccc; margin-top: 0; font-size: 100%; padding: .25em;} dt {font-weight: bold; text-align: right; float: left; width: 7em;} dd {margin-left: 8em;} #footer {clear: both; background: #555; color: white; text-align: center; font-size: small; font-style: italic; padding: 3ex 0;} #footer * {display: inline; color: inherit;} #footer p + p:before {content: ", "}