body {
text-align:center;
margin: 0px 0px 10px 0px;
background-image: url("design/bg.gif");}

/* linky designu
--------------------------------------------------------*/
#linerBox {
width: 100%;
padding: 10px 0px 0px 0px;
background: url("design/lines.gif") top center repeat-x;
margin: 0 auto;}

/* vycentrovani designu
--------------------------------------------------------*/
#wrapper {
width: 760px;
margin: 0 auto;}

/* horni cast zahlavi
--------------------------------------------------------*/
#headerTop {
width: 760px;
height: 114px;
background-color: #ffff99;
background-image: url("design/top.jpg")}

/* prostredni cast zahlavni
--------------------------------------------------------*/
#headerMiddleBox {
background-color: black;
width: 760px;
height: 32px}

#headerMiddleLeft {
position: relative;
left: 1px;
float:left;
width: 339px;
height: 31px;
background-color: #6699cc}

#headerMiddleRight {
float:right;
width: 420px;
height: 32px;
background-image: url("design/middle.jpg")}

/* dolni cast zahlavi (menu)
--------------------------------------------------------*/
#menuBox {
background-color: black;
width: 760px;
height: 22px}

#menuRight {
float:right;
width: 366px;
height: 21px;
background-image: url("design/bottom.jpg")}

#menuLeft {
position: relative;
left: 1px;
float:left;
width: 393px;
height: 21px;
background-color: #336699;
}

.menuButton a {
display: block;
float:left;
padding-top: 1px;
padding-left: 5px;
padding-right: 5px;
background-color: #336699;
color: #FFFFFF;
font-family: Verdana, Arial;
font-variant: small-caps;
text-decoration:none;
height: 20px;
}

.menuButton a.selected{
background-color: #ffcc33}

.menuButton a:hover {
background-image: url("design/bg_orange.gif")}

/* telo dokumentu
--------------------------------------------------------*/
#myBody {
width: 758px;
background: url("design/bg_body.gif");
background-color: white;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
padding: 0px 0px 0px 0px;
text-align:left;
font-family: Verdana, Arial;
font-size: 12px;}


#myBodyShadow {
width:758px;
height: 4px;
background: url("design/shadow_white.gif") top center repeat-x;
}

#myBodyLeft {
background: url("design/shadow_grey.gif") top center repeat-x;
background-color: #cccccc;
padding-top: 15px;
width: 150px;
float:left;
text-align:center;
margin: 0 auto;
}

#myBodyRight {
width: 576px;
float:right;
padding: 15px 15px 15px 15px;
}

.clear {
clear:both;
}

/* zapati dokumentu
--------------------------------------------------------*/
#footer {
width: 758px;
height: 10px;
background-color: #336699;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 1px 0px 3px 0px; 
text-align:center;
font-family: Verdana, Arial;
font-size: 10px;
color: #000000;}

/* vlastnosti prvku
--------------------------------------------------------*/
#myBody a:link {
color: #3366cc;
}

#myBody a:visited {
color: #3366cc;
}

#myBody a:active {
color: #3366cc;
}

#myBody a:hover {
color: #ffcc00;
}

.pic {
width:110px;
height:104px;
background: url("design/frame.gif");
padding-top:6px;
margin: 0 auto;
}

.picture {
padding: 5px;
margin: 5px 5px 5px 5px;
border: 1px solid silver;

}