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: ", "}