html {background: #FFF4FE url(../graphics/bg.png) repeat-y center top fixed;height: 100%;
    margin: 0;
    padding: 0;}
body {height:100%;}
/* BASIC LAYOUT */
#wrap {height: 100%; min-height: 100%; position: relative;}
[id]#wrap {height: auto;}
#page {width:100%;height:auto;margin:0 auto; position: relative; min-height: 600px;}

/* vrchni okraj */

#top-edge{position:absolute; top:0; background: url(../graphics/top_edge_bg.png) no-repeat top center; width: 100%; height: 19px; z-index: 100}

/* hlavi�ka */

#header-bg {
    height:241px;
    background: url(../graphics/header_bg.png) repeat-x top left;   
}
#header {position: relative; margin: 0 auto; width: 960px; }
#header-title {
    position:relative;
    left: 10px;
    top: 20px;
    width: 600px;
    padding: 0px 20px;
    color: white;
    overflow: hidden;
    height: 70px;
    font-size: 40pt;  
    font-weight: bold;
    text-shadow:              black 1px 1px 1px;
    -webkit-text-shadow: black 1px 1px 1px;
    -moz-text-shadow:     black 1px 1px 1px; 
    font-family: 'myriadpro_bold_webfont';
}
#header-moto{
    position:relative;
    left: 10px;
    top: 20px;
    padding: 0 20px;
    width: 400px;
    height: 30px;
    overflow: hidden;
    color: black;
    font-size: 15pt;
}
#header a {text-decoration: none; color: white}

/* menu */

#menu {
    font-weight: bold;
    float:left;
    position: absolute;
    top: 192px;
    font-size: 12pt;
}
#menu ul {padding:0;margin:0;}
#menu ul li {
    width: auto;
    height: 49px;
    padding:0;
    float: left;
    margin-right: 10px;
    text-align: center;
}
#menu ul li.selected {background: url(../graphics/menu_link_hover_bg.png) no-repeat top left; color: black}
#menu ul li a {
    display:block;
    background: url(../graphics/menu_link_bg.png) repeat-x top left;
    text-decoration:none;
    font-weight: bold;
    color: white;
    overflow: hidden;
}
#menu ul li a span {padding: 14px 20px 0 20px; display: block; height:35px;
    background: url(../graphics/menu_link_right.png) no-repeat top right;}
#menu ul li a:hover, #menu ul li a.selected {background: url(../graphics/menu_link_bg.png) no-repeat bottom left; color: black}
#menu ul li a.selected span, #menu ul li a:hover span {background-position: right bottom;}

/* obsah */
#content{width: 920px; padding: 20px; margin: 0 auto; position: relative; padding: 20px 20px 80px 20px; }

#content h1{color: #83125F}

/* pata */

#footer {
    width: 100%;
    color: white;
    background: url(../graphics/footer_bg.png) repeat-x top center;
    height:40px;
    position: absolute; 
    bottom: 0; 
    text-align: center;
    z-index: 100;
    padding-top: 10px;
    font-size: 10pt
}
#footer a {font-weight: bold; color: white}


/* OTHER STYLES */
p.float {float:left;margin-right:30px;margin-top:1em;}
.clear {clear:both;}
div.clear {height:0;overflow:hidden;}