body { font-family: Tahoma, Verdana, Arial; line-height: 1.4; font-size: 12px; background: #000 url("images/background.jpg") repeat-x; color: #EEE; margin: 0 auto; text-align: center; }
a { color: #FF9D45; text-decoration: underline; }
a:hover { color: #FF9D45; text-decoration: none; }
a img { border: none; }
.clear { clear: both; height: 0px; font-size: 0px; }
.centerbox { text-align: center; margin: 0 auto; clear: both; }
.module label { display: block; margin: 5px; clear: both; }
.module fieldset { padding: 5px; margin: 5px; width: 250px; }
    .module fieldset legend { color: #EEE; }
.buttons { margin: 20px auto 0 auto !important; text-align: center !important; clear: both !important; }
    .buttons input { width: 118px !important; padding: 4px 5px 4px 5px !important; margin: 0 5px 0 5px !important; float: none !important; font-weight: bold !important; border: none !important; background: #EEE url('images/button.png') no-repeat !important; }
    .buttons input:hover { background: #EEF url('images/button_hover.png') no-repeat !important; }
.green { background-color: #3F3; color: #000; padding: 5px 0 5px 0; width: 100%; margin: 10px 0 20px 0; text-align: center; font-weight: bold; }
.red { background-color: #F33; color: #FFF; padding: 5px 0 5px 0; width: 100%; margin: 10px 0 20px 0; text-align: center; font-weight: bold; }
.reddot { color: #F33; font-weight: bold; }

#header { color: #333; text-decoration: none; display: block; width: 860px; height: 203px; margin: 0 auto; font-size: 38px; line-height: 5; position: relative; overflow: hidden; background-color: #FF9D45; }
    #header span { cursor: pointer; width: 860px; height: 203px; position: absolute; left: 0; top: 0; z-index: 2; background: url('images/logo.png') no-repeat; }

#menu { width: 800px; height: 47px; background: #333 url('images/menu_back.png') repeat-x; font-size: 13px; font-weight: bold; margin: 0 auto; }
    #menu .left { width: 10px; height: 47px; float: left; background: url('images/menu_left.png'); }
    #menu .right { width: 10px; height: 47px; float: right; background: url('images/menu_right.png'); }
    #menu menu { display: block; width: 765px; height: 47px; float: left; text-align: center; list-style: none; margin: 0; padding: 0 0 0 15px; }
    #menu menu a { display: block; float: left; height: 47px; line-height: 3.6; text-decoration: none; color: #FFF; padding: 0 10px 0 10px; background: none; }
    #menu menu a:hover { color: #333; text-decoration: none; background: url('images/menu_hover.png') repeat-x; }

#content { width: 800px; margin: 0 auto; background-color: #131313; text-align: left; padding: 10px 0 10px 0; }
    #content .column1 { width: 510px; margin: 0 10px 0 10px; float: left; }
        #content h1 { font-size: 20px; color: #FF9D45; margin: 0 0 10px 0; padding: 0; border-style: solid; border-width: 0 0 2px 0; border-color: #5E3016; font-weight: bold; }
        #content h2 { font-size: 16px; color: #FF9D45; padding: 10px 0 10px 10px; margin: 0; font-weight: bold; }
        #content h3 { font-size: 12px; color: #EEE; padding: 5px 0 5px 0px; margin: 0; font-weight: bold; }
        #content p { margin: 0 0 10px 0; padding: 0; text-align: justify; line-height: 1.5; }
        #content ul { margin: 5px; padding: 0 0 0 25px; list-style: square; }
        #content ul li { margin-bottom: 5px; }
        #content img { margin: 0 auto; text-align: center; }
        #content .akce_rok { margin: 0 auto; text-align: center; width: 450px; margin-bottom: 20px; }
            #content .akce_rok a { display: block; width: 100px; height: 23px; background: #FF9D45 url('images/rok_back.png') no-repeat; color: #FFF; font-weight: bold; font-size: 14px; line-height: 1.6; text-decoration: none; float: left; margin: 5px; text-align: center; }
            #content .akce_rok a:hover { background: #FF9D45 url('images/rok_back_hover.png') no-repeat; color: #000; }
        #content .stace_type1 { padding: 5px; display: block; }
        #content .stace_type1 a { color: #EEE; text-decoration: none; }
        #content .stace_type1 a:hover { color: #EEE; text-decoration: underline; }
        #content .stace_type2 { padding: 5px; color: #9CF; display: block; }
        #content .stace_type3 { padding: 5px; color: #C33; display: block; }
        #content .stace_type4 { padding: 5px; color: #3F3; display: block; }
        #content .stace_type5 { padding: 5px; color: #777; display: block; }
        #actual { padding: 5px; display: block; font-weight: bold; background-color: #555; }
        #content .optionbox { margin: 10px 0 10px 0; padding: 5px; border: 1px solid #777; color: #777; margin: 0 auto; text-align: center; font-size: 10px; }
        #content .kapela { width: 400px; padding: 10px; text-align: center; margin: 0 auto; clear: both; }
            #content .kapela img { border: 2px solid #FFF; }
            #content .kapela strong { font-size: 18px; font-weight: bold; display: block; color: #FFF; margin-top: 52px; }
            #content .kapela span { font-size: 12px; font-weight: bold; display: block; }
            #content .kapela .left { float: left; }
            #content .kapela .right { float: right; }
        #content .odkazy { display: block; text-align: center; height: 80px; padding: 10px 30px 10px 30px; line-height: 5; text-decoration: none; font-size: 15px; color: #CCC; font-weight: normal; }
        #content .odkazy:hover { color: #FFF; background-color: #222; }
        #content .odkazy img { border: 3px solid #CCC; margin-right: 10px; float: left; display: block; }
        #content .odkazy:hover img { border: 3px solid #FFF; }
        .private_exclamation { padding: 10px 10px 10px 45px; width: 390px; margin: 0 auto; text-align: left; color: #000; font-weight: bold; background: #FFF url('images/exclamation.gif') 5px center no-repeat; border: 2px solid #AE1D08; }
        .guestbook { width: 460px; margin: 10px; padding: 10px; border: 1px solid #5E3016; }
        .gb { width: 460px; margin: 10px; padding: 10px; border: 1px solid #5E3016; }
            .guestbook span { text-align: right; width: 100px; display: block; float: left; }
            .guestbook input { float: left; width: 300px; margin: 0 0 5px 5px; }
            .guestbook textarea { float: left; width: 300px; margin: 0 0 5px 5px; padding: 0; font-family: Tahoma; font-size: 11px; }
            .guestbook .captcha_field { width: 100px !important; }
            .guestbook .captcha { display: block; float: left; padding-left: 5px; width: 132px; height: 22px; margin-top: 10px; }
            .guestbook div { clear: both; }
        .gb .top  { width: 440px; padding: 2px 10px 2px 10px; margin-bottom: 10px; background: #5E3016 url('images/gb_back.png') repeat-x;       font-size: 10px; color: #CCC; }
        .gb .top2 { width: 440px; padding: 2px 10px 2px 10px; margin-bottom: 10px; background: #49200F url('images/gb_back_older.png') repeat-x; font-size: 10px; color: #CCC; }
        .gb .top strong, .gb .top2 strong { font-size: 12px; color: #EEE; margin-right: 10px; }
        .gb .mail, .gb .top .web { padding: 2px; color: #CCC; text-decoration: underline; }
        .gb .mail:hover, .gb .top .web:hover { color: #EEE; text-decoration: none; }
        .gb img { margin: 0; padding: 0; line-height: 1; }
        .strankovani { width: 470px; margin: 10px; padding: 2px 5px 1px 5px; background-color: #292929; }
            .strankovani span, .strankovani a { display: block; float: left; line-height: 1.6; width: 23px; height: 21px; text-decoration: none; text-align: center; margin: 2px; background: #CCC url('images/small_button.png') no-repeat; }
            .strankovani span { color: #000; font-weight: bold; }
            .strankovani a { color: #333; }
            .strankovani a:hover { background: #CCF url('images/small_button_hover.png') no-repeat; color:#000; text-decoration: none; }
        .fotogalerie { padding: 10px; height: 94px;}
            .fotogalerie a img { float: left; border: 2px solid #FFF; margin: 0 10px 0 0; }
            .fotogalerie div { float: right; text-align: center; width: 360px; padding-top: 25px; }
            .fotogalerie div a { color: #EEE; font-size: 18px; font-weight: bold; line-height: 2; text-decoration: none; }
            .fotogalerie div a:hover { color: #EEE; text-decoration: underline; }
        .fotka { background-color: black; padding: 10px; border: 1px solid #EEE; margin: 10px; display: block; float: left; }
        .fotka:hover { border: 1px solid #FFF; }
        .fotka img { border: none; margin: 0; padding: 0; line-height: 1; }
        .sponzor { display: inline-block; margin: 3px; }
    #content .column2 { width: 250px; float: right; font-size: 11px; }
        #content .column2 .box { width: 250px; background: url('images/box_back.png') repeat-y; margin-bottom: 10px; clear: both; }
        #content .column2 .box .top { width: 250px; background: url('images/box_top.png'); height: 10px; line-height: 1; font-size: 0px; }
        #content .column2 .box .header { margin: 0 0 10px 10px; padding-left: 30px; width: 210px; background: url('images/odrazka.png') left center no-repeat; font-size: 14px; color: #FF9D45; font-weight: bold; }
        #content .column2 .box .bottom { width: 250px; background: url('images/box_bottom.png'); height: 10px; clear: both; line-height: 1; font-size: 0px; }
        #content .column2 .box .akce { padding: 0 10px 15px 10px; float: left; }
        #content .column2 .box .akce div { float: left; width: 170px; }
        #content .column2 .box .akce span { text-align: right; float: right; display: block; }
        #content .column2 .box .last-photo { text-align: center; color: #FF9D45; }
        #content .column2 .box .last-photo img { border: 3px solid #FFF; }
        .anketa { width: 230px; margin: 5px auto; }
        .anketa acronym { font-size: 11px; text-decoration: none; border: none; }
        .anketa strong { padding: 10px; font-weight: bold; display: block; }
        .anketa .anketa_odpoved { width: 210px; padding: 5px 10px 5px 10px; }
        .anketa .anketa_odpoved .anketa_vizualizace { height: 7px; font-size: 7px; background: #F90 url('../images/anketa_back.gif') repeat-x; margin-top: 5px; }
        .anketa .anketa_odpoved a { color: #F90; text-decoration: none; }
        .anketa .anketa_odpoved a:hover { color: #C60; text-decoration: none; }
        
#footer { clear: both; width: 740px; padding: 10px 30px 10px 30px; margin: 0 auto; font-size: 11px; color: #444; text-align: left; line-height: 1.7; }
    #footer div { float: right; color: #FF9D45; text-align: right; }
