body {
background: url("img/background_logo.gif") 0px 44px repeat-x #4d485b;
margin: 0 auto;
padding: 0;
color: #a6a3ad;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}

/* rozcesti */

body#rozcesti {
background-image: none;
/*background: url("img/background.png") left top repeat-x #4d485b;*/
}

h1#logo-big {
position: relative;
margin: 45px 0 10px 0;
padding-top: 20px;
height: 128px;
font-weight: normal;
}

h1#logo-big span {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 128px;
background: url("img/logo_sportovni-klub_big.gif") center top no-repeat;
}

#choose-sport-container {
width: 790px;
margin: 0 auto 50px auto;
}

h2.choose-sport {
float: left;
display: inline;
margin: 20px;
}

h2.choose-sport a {
position: relative;
display: block;
width: 220px;
height: 168px;
cursor: pointer;
}

h2.choose-sport a span {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
background-position: top left;
}

h2.choose-sport #jachting span { background-image: url("img/icon_jachting.gif"); }
h2.choose-sport #hokej span { background-image: url("img/icon_hokej.gif"); }
h2.choose-sport #lyzovani span { background-image: url("img/icon_lyzovani.gif"); }
h2.choose-sport #cyklistika span { background-image: url("img/icon_cyklistika.gif"); }
h2.choose-sport #tenis span { background-image: url("img/icon_tenis.gif"); }
h2.choose-sport #fotbal span { background-image: url("img/icon_fotbal.gif"); }
h2.choose-sport #motosport span { background-image: url("img/icon_motosport.gif"); }

/* konec rozcesti */

#container {
position: relative;
width: 750px;
margin: 0 auto;
padding: 0;
background: url("img/background_main.gif") center top repeat-y;
text-align: left;
}

#header {
margin: 0; padding: 0;
height: 130px;
background: url("img/background_header.gif") center top no-repeat;
}

#logo {
margin: 0; padding: 0;
position: absolute;
top: 35px;
left: -56px;
width: 352px;
height: 80px;
font-size: 150%;
}

#logo a {
display: block;
margin: 0; padding: 0;
width: 352px;
height: 80px;
font-weight: normal;
cursor: pointer;
}

#logo a span {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
background: url("img/logo_sportovni-klub.gif") left top no-repeat;
}

/*menu*/

#header ul {
display: inline;
float: right;
margin: 80px 25px 0 0;
list-style: none;
font-size: 80%;
letter-spacing: -1px;
}

#header li {
display: inline;
margin: 0;
padding: 0;
}

#header li a {
float: left;
background: url("img/tab-left.gif") no-repeat left top;
margin: 5px 2px 0 2px;
padding: 0 0 0 6px;
text-decoration: none;
}

#header li a span {
float: left;
display: block;
background: url("img/tab-right.gif") no-repeat right top;
padding: 10px 9px 9px 3px;
font-weight: normal;
color: #4d485b;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header li a span {float:none;}
/* End IE5-Mac hack */

#header a:hover span {
color: #302d39;
}

#header li a:hover {
background-position: 0% -90px;
}

#header li a:hover span {
background-position: 100% -90px;
}

#jachting li.jachting a, #hokej li.hokej a, #lyzovani li.lyzovani a, #cyklistika li.cyklistika a, #tenis li.tenis a, #fotbal li.fotbal a, #motosport li.motosport a {
margin-top: 0;
background-position: 0 -180px;
border-bottom: 1px solid #fff;
}

#jachting li.jachting a span, #hokej li.hokej a span, #lyzovani li.lyzovani a span, #cyklistika li.cyklistika a span, #tenis li.tenis a span, #fotbal li.fotbal a span, #motosport li.motosport a span {
padding-top: 13px;
padding-bottom: 11px;
background-position: 100% -180px;
font-weight: bold;
color: #da251d;
letter-spacing: 0;
}

/*-menu*/

#jachting #title span { background-image: url("img/heading_jachting.gif"); }
#hokej #title span { background-image: url("img/heading_hokej.gif"); }
#lyzovani #title span { background-image: url("img/heading_lyzovani.gif"); }
#cyklistika #title span { background-image: url("img/heading_cyklistika.gif"); }
#tenis #title span { background-image: url("img/heading_tenis.gif"); }
#fotbal #title span { background-image: url("img/heading_fotbal.gif"); }
#motosport #title span { background-image: url("img/heading_motosport.gif"); }

#content {
margin: 0;
padding: 25px;
padding-top: 15px;
padding-bottom: 15px;
color: #4d485b;
background: #fff;
}

#photo-box {
float: right;
margin-right: -10px;
width: 320px;
=width: 335px;
margin-left: 15px;
margin-bottom: 15px;
text-align: center;
}

#photo-box a {
display: block;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

#content h2, #content h3 {
margin: 25px 0 15px -15px;
background: url("img/background_heading.gif") left bottom no-repeat;
padding: 0 0 3px 15px;

}

#content h3 {
font-size: 120%;
color: #6f6d81/*#7c434f*/;
height: 25px;
}

#content h3.choose {
margin-top: 0;
background: none;
font-weight:normal;
color: #bcbcc4;
}

#content h3.choose a, #content h3.choose a:link, #content h3.choose a:visited {
margin: 0 10px 10px 10px;
padding: 3px 5px 3px 5px;
font-weight: bold;
color: #787888;
}

#content h3.choose a:hover {
background: #eaeaed;
}

#content h3.choose a.selected {
background: #bcbcc4;
color: #fff;
text-decoration: none;
}

ul.partneri {
list-style:none;
margin: 0;
padding: 0;}

ul.partneri li {
margin-top: 35px;
margin-bottom: 35px;
}

h4 {
font-size: 95%;
color: #7c434f;
}

h2#title {
position: absolute;
top: 0; right: 20px;
margin: 0; padding: 0;
width: 165px;
height: 28px;
color: #fff;
text-transform: uppercase;
font-size: 100%;
font-weight: normal;
letter-spacing: 5px;
text-align: right;
}

h2#title span {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
}

h2#error {
color: #da251d;
}

#content p, #content ul, #content table {
margin: 10px 0 5px 0;
font-size: 75%;
line-height: 140%;
}

table {
width: 700px;
}

thead tr th {
background: #efefef;
text-align: center;
}

table tr td {
border: 1px solid #efefef;
text-align: center;
}

#content a img {
border: 0;
}

#footer {
height: 55px;
color: #6f6d81;
background: url("img/background_footer.gif") center top no-repeat;
}
