body { text-align: center; margin: 0 auto; background: #61A2BA 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: #069; text-decoration: underline; }
a:hover { color: #069; 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: 420px; height: 170px; float: left; margin: 0; padding: 0; }
    #logo a {color: #000; text-decoration: none; position: absolute; font-size: 2em; }
    #logo a:hover { color: #000; text-decoration: none; }
    #logo span { cursor: pointer; left: 0; top: 0; position: absolute; z-index: 2; width: 420px; height: 170px; background: url("images/logo.jpg"); }
#head { width: 290px; height: 170px; float: left; background: url("images/head.jpg"); }
#content { width: 480px; padding: 0 10px 0 15px; text-align: justify; clear: both; float: left; }
    #content h2 { font-size: 1.5em; color: #1BA7DA; padding: 0 10px 0 10px; margin: 10px 0 10px; border-style: solid; border-color: #1BA7DA; 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 #E1F1FF; }
    #content div a:hover img { border-color: #A1E1FA; }
    #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: #3CF 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 { width: 670px; height: 30px; padding: 5px 20px 5px 20px; margin: 0 auto; background: url("images/footer.jpg") no-repeat; text-align: right; color: #9CF; font-size: 0.9em; }
    #footer a { color: #9CF; }
    #footer a:hover { color: #9CF; }        
    
