body {
    background: url('gradient.gif') #c9c9c9 top repeat-x;
    font-family: Arial, sans-serif;
    text-align: center;
    font-size: 75%;
    }

#all {
    width: 856px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    padding-bottom: 180px;
    }
    
a img {
    border: none;
    }

a#logo {
    position:absolute;
    left: 10px;
    }



a:hover {text-decoration:underline;}




#header, #menu1, #menu2 {
    border: 1px solid #f60;
    width: 720px;
    position: absolute;
    right: 1px;
    }
    
#header {
    background: url('header.jpg') #7ab left;
    height: 74px;
    }








#menu1, #menu2 {
    background: url('glossy.gif') #eee center repeat-x;
    height: 30px;
    }
    
#menu1 {
    top: 81px;
    }
    
#menu2 {
    top: 118px;
    }





#menu1 a, #menu2 a {
    display: block;
    font-size: 15px;
    position: absolute !important;
    text-align:center;
    padding-top: 6px;
    text-decoration: none;
    font-weight: bold;
    color: #036;
    height:28px;
    overflow: hidden;
    }
    
#menu1 span, #menu2 span {
    display:block;
    height:30px;
    position:absolute;
    left:0;
    top:0;
    margin:0; padding:0;
    background-image: url('navigace2.png');
    cursor:pointer;
    cursor:hand;
    }
    
#menu2 span {
    background-image: url('akce.gif');
    }


#nav1, #nav1 span {width:106px;}
#nav2, #nav2 span {width:224px;}
#nav3, #nav3 span {width:102px;}
#nav4, #nav4 span {width:154px;}
#nav5, #nav5 span {width:134px;}
#nav6, #nav6 span, #nav7, #nav7 span, #nav8, #nav8 span {width:240px;}

#nav1 {left:0px;}
#nav2 {left:106px;}
#nav3 {left:330px;}
#nav4 {left:432px;}
#nav5 {left:586px;}
#nav6 {left:0px;}
#nav7 {left:240px;}
#nav8 {left:480px;}

#nav1 span {background-position:0px top;}
#nav2 span {background-position:-106px top;}
#nav3 span {background-position:-330px top;}
#nav4 span {background-position:-432px top;}
#nav5 span {background-position:-586px top;}
#nav6 span {background-position:0px top;}
#nav7 span {background-position:-240px top;}
#nav8 span {background-position:-480px top;}

#nav1:hover span {background-position:0px bottom;}
#nav2:hover span {background-position:-106px bottom;}
#nav3:hover span {background-position:-330px bottom;}
#nav4:hover span {background-position:-432px bottom;}
#nav5:hover span {background-position:-586px bottom;}
#nav6:hover span {background-position:0px bottom;}
#nav7:hover span {background-position:-240px bottom;}
#nav8:hover span {background-position:-480px bottom;}





#content {
    position: relative;
    top: 155px;
    border: 1px solid white;
    background: #f05312;
    }
    
#oldschool {
    background: url('oldschool.gif') transparent right;
    width: 132px;
    height: 100px;
    position: absolute;
    left: 1px;
    top: 80px;
    z-index: 1;
    }
    
    
    
    
    
    
    
    
#center {
    width: 520px; /*peekaboo*/
    border: 1px solid white;
    background: #4d6970;
    padding: 4px;
    _padding-top: 6px;
    padding-bottom: 1em;
    color: white;
    min-height: 45em;
    _height: 45em;
    position: relative;
    left: 132px;
    top: 9px;
    margin-bottom: 20px;
    }
    
#center a {color: #7CE}
#center p {margin: .7em 2px; clear: left;}
#center img {max-width: 515px;}
#center img.icon {position:relative; top:3px; float:none; margin:0; margin-right: .2em;}

#center table {border-collapse: collapse}
#center td, #center th {border: 1px solid white; width: 6em; text-align: center}


h3 {margin-left: 2px; font-size: 125%}
h1, h3 {width: 510px !important;}







#right {
    position: absolute;
    width: 180px;
    right: 6px;
    _right: 7px;
    top: 0;
    }

#left {
    position: absolute;
    width: 120px;
    left: 6px;
    top: 21px;
    text-align: center;
    }

#left h2 {width: 112px;}
#right h2 {width: 172px;}

#left a, #right a {color:white}







div.box {
    border-top: 1px solid white;
    border-left: 1px solid white;
    background: url('box.gif') #e03f13 bottom right;
    margin-top: 3px;
    color: white;
    padding-bottom: 3px;
    }
    
div.box p {margin: .7em 5px 1em;}
div.box img {margin-bottom: 10px; margin-right: 1px; border: 1px solid white}

h2, h1 {
    font-size: 100%;
    color: #036;
    text-transform: uppercase;
    width: 100%;
    border: 1px solid white;
    background: url('caption.gif') #a2b9bf center;
    padding: 1px 3px;
    margin: 10px 0 0;
    }
    
h1 {font-size:150%; margin-top: 1px;}