body { text-align: center; margin: 0 auto; background: #B49B91 url("images/background.jpg") repeat-x; line-height: 1.6; font-family: Trebuchet MS, Arial, Tahoma; font-size: 0.8em; color: #333; }
.clear { clear: both; }
a { color: #FF3300; text-decoration: underline; }
a:hover { color: #FF6633; text-decoration: none; }
a img { border: none; }

#page { width: 710px; margin: 0 auto; padding-bottom: 15px; background: #FFF url("images/page.jpg") repeat-y; text-align: left; }
#logo { display: block; width: 495px; height: 170px; float: left; margin: 0; padding: 0; vertical-align: middle; }
    #logo a {color: #FF3300; text-decoration: none; position: absolute; top: -40px; font-size: 1.8em; z-index: 10; padding-left: 10px; }
    #logo a:hover { color: #FF6600; text-decoration: none; }
    #logo img { position: relative; top: 36px; }
    #logo span { cursor: pointer; left: 0; top: 40px; position: absolute; z-index: -1; width: 495px; height: 170px; background: url("images/logo.jpg"); }
#head { width: 215px; height: 170px; float: left; background: url("images/head.jpg"); }
#content { width: 480px; padding: 0 10px 0 15px; text-align: justify; clear: both; float: left; position: relative; top: -30px; z-index: 20; }
    #content h2 { font-size: 1.5em; color: #FF3300; padding: 0 10px 0 10px; margin: 10px 0 10px; border-style: solid; border-color: #FF3300; border-width: 0 0 2px 0; }
    #content p { margin: 0 0 5px 0; padding: 0; }
    #content div { margin: 0 auto; text-align: center; font-size: 0.85em; color: #999; }
    #content div a img { margin: 5px; border: 5px solid #FFE3C6; }
    #content div a:hover img { border-color: #FF9933; }
    #content ul { margin: 0; padding: 0px 10px 5px 10px; list-style: square inside; }
    #content ul li { margin: 0 0 8px 0; padding: 0; }
#sloupec { float: left; width: 190px; position: relative; top: -90px; }
    #sloupec h3 { padding: 0 0 0 27px; margin: 15px 0 5px 0; width: 163px; height: 25px; background: #FF3300 url(images/menu.png); color: #FFF; font-size: 1.2em; font-weight: bold; }
    #sloupec ul { padding: 0; margin: 0; list-style: none; }
        #sloupec ul li { padding: 2px 10px 2px 10px; margin: 0; list-style: none; }
        #sloupec ul li a { font-weight: bold; font-size: 0.9em; }
#footer { color: #EEEEEE; width: 670px; height: 30px; padding: 5px 20px 5px 20px; margin: 0 auto; background: url("images/footer.jpg") no-repeat; text-align: right; font-size: 0.9em; }
    #footer a { color: #EEEEEE; }
    #footer a:hover { color: #EEEEEE; }