html {background: #E8E8E8;}
body {width: 1158px; margin: 20px auto; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;; font-size: small;}

.clear {clear: both;}
.hidden {display: none;}

#top-menu {margin: 0; padding: 0 10px; height: 49px; list-style: none; background: url('../images/edonia_03.jpg') no-repeat;}
#top-menu li {float: left;}
#top-menu li a {float: left; margin: 0 10px; padding: 0 30px; line-height: 49px; color: white; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
#top-menu li a:hover, #top-menu li a.active {color: black; background: url('../images/edoniaa_03.jpg') repeat-x bottom;}

#top {position: relative; height: 271px; background: url('../images/head.jpg') no-repeat;}
#top ul {float: left; margin: 30px 0 0 45px; padding: 0; list-style: none;}
* html #top ul {margin: 30px 0 0 22px; width: 200px;}
#top ul li a {display: block; height: 50px; padding: 0 0 0 35px; line-height: 50px; color: white; text-decoration: none; font-size: 120%;}
#top ul li a:hover, #top ul li a.active {background: url('../images/edoniaa_07.png') no-repeat left;}
#top ul li.it1 {border-bottom: 2px solid #6C5C8D;}
#top ul li.it2 {border-bottom: 2px solid #7875A0;}
#top ul li.it3 {border-bottom: 2px solid #929BC2;}
#top p {position: absolute; left: 405px; top: 40px; margin: 0; color: #FDFFFE; text-transform: uppercase; font-size: 110%; letter-spacing: 1px; line-height: 160%; text-indent: -20px;}
* html #top p {text-indent: 0;}
#top h1 {position: absolute; top: 95px; left: 431px; width: 174px; height: 104px; padding: 0; margin: 0; font-size: large;}
#top h1 a {display: block; width: 174px; height: 104px; text-indent: -10000px;}

h2 {margin: 20px 0 0 0; padding: 0 20px; height: 46px; line-height: 46px; color: white; font-weight: normal; background: url('../images/edonia_09.jpg') no-repeat;}

#left {float: left; width: 301px;}
#left .white {padding: 15px 15px 0 15px; background: url('../images/edonia_10.gif') repeat-y left;}
#left .white p {margin: 0; padding: 10px 13px; color: white; line-height: 200%; font-size: 110%; font-weight: bold; background: url('../images/edonia_13.jpg') no-repeat top left;}
* html #left .white p {line-height: 185%;}
*+html #left .white p {line-height: 185%;}
#left .white .img {height: 212px; background: url('../images/edonia_16.jpg') no-repeat left;}
#left .white-bottom {height: 21px; background: url('../images/edonia_18.gif') no-repeat right;}
#left .contact {margin: 30px 0 0 0; padding: 0 0 0 70px; background: url('../images/kontakt.gif') no-repeat 0 -55px;}
#left .contact p {margin: 0 0 10px 0; line-height: 145%;}
#left .contact p strong {color: #D36CA3; font-size: 130%;}
#left .contact p strong a {color: #D36CA3; text-decoration: none;}

#content {float: right; width: 792px; min-height: 570px; padding: 0 30px 10px 35px; background: url('../images/edonia_29.gif') repeat-y right;}
* html #content {height: 570px;}
#content h3 {height: 63px; margin: 0 -30px 5px -35px; padding: 0 30px; line-height: 52px; color: white; font-size: 125%; background: url('../images/edonia_11.gif') no-repeat right;}
#content h4 {color: #857F9B; font-size: 125%; margin: 5px 0 10px 0;}
#content p {color: #4C4C4C;}
#content strong {color: #D26BA0;}
#content-bottom {float: right; width: 857px; padding: 25px 0 0 0; background: url('../images/edonia_32.gif') no-repeat top right;}
* html #content-bottom {padding: 35px 0 0 0;}
*+html #content-bottom {padding: 35px 0 0 0;}
#content-bottom p {padding: 0 10px; text-align: right; color: #797979;}
#content-bottom p a {color: #797979; text-decoration: none;}
#content-bottom p a:hover {text-decoration: underline;}