body                      { font-family: Verdana,Tahoma; background-color: rgb(30,30,30); font-size: 90%; }

/* PAGE */
#page                     { width: 900px; position: relative; padding: 0px; margin: 0px; }

/* HEADER */
#header                   { width: 900px; height: 60px; background: rgb(240,240,240) url('../grafika/header.png') no-repeat left top; border: 1px solid rgb(0,0,0); }
#header .head             { position: absolute; right: 10px; top: 20px; }

/* MENU */
#menu                     { position: absolute; top: 62px; left: 0px; width: 300px; border-left: 1px solid rgb(0,0,0); text-align: left;}
#menu ul                  { margin: 0px; padding: 0px; }
#menu ul li               { display: block;  height: 40px; }
#menu ul li a             { display: block; padding: 13px 0px 0px 15px; background: url('../grafika/item.png') no-repeat left top; font-weight: bolder; height: 40px; font-size: 80%; text-decoration: none; color: rgb(60,60,60); }
#menu ul li a:hover       { background: url('../grafika/item_hover.png') no-repeat left top; color: rgb(255,255,255); }

/* LOGO */
#logo                     { position: absolute; top: 20px; left: 205px; background: url('../grafika/logo.png') no-repeat left top; z-index: 3;}

/* LOGOS */
#logos                    { background: url('../grafika/logos.png') no-repeat left top; position: absolute; top: 62px; right: 0px; width: 590px; height: 170px; }

/* HR */
#cleaner                  { position: absolute; top: 232px; left: 0px;  width: 900px; height: 2px; background-color: rgb(255,255,255); }

/* CONTENT */
#content                  { position: absolute; top: 250px; left: 0px;  width: 900px; }

/* COLUMN */
#column                   { width: 300px; float: left; padding-top: 20px; text-align: left; font-size: 80%; }
#column .fotogalerie      { margin-top: 30px; line-height: 150%; color: rgb(240,240,240); text-align: justify; border-bottom: 1px inset rgb(50,50,50); padding-bottom: 30px; }
#column .fotogalerie img  { margin-bottom: 20px;  }
#column .drbarna          { margin-top: 30px; line-height: 150%; color: rgb(240,240,240); text-align: justify; }
#column .drbarna img      { margin-bottom: 20px; }
#column a                 { color: rgb(200,0,0); }
#column a:hover           { color: rgb(255,255,255); text-decoration: none; }
#column a:visited         { color: rgb(200,0,0); }

/* TYM */
#team                     { width: 300px; border-bottom: 1px inset rgb(50,50,50); padding-bottom: 30px; }
#team ul                  { padding-left: 0px; }
#team li                  { background: url(../grafika/li.png) no-repeat left center; text-align: left; padding: 3px 0px 5px 30px; display: block; }
#team li a                { color: rgb(240,240,240); }
#team li a:hover          { color: rgb(200,0,0); }
#team li a:visited        { color: rgb(240,240,240); }


/* TEXT */
#text                     { width: 560px; float: right; text-align: left; color: rgb(230,230,230); font-size: 90%; line-height: 200%; padding-left: 20px; }
#text a                   { color: rgb(200,0,0); }
#text a:hover             { color: rgb(240,240,240); }
#text a:visited           { color: rgb(200,0,0); }
#text span.prohra         { color: rgb(230,0,0); font-weight: bolder; }
#text span.vyhra          { color: rgb(0,230,0); font-weight: bolder; }
#text span.remiza         { color: rgb(51,51,255); font-weight: bolder; }
#text span.highlight      { color: rgb(230,0,0); font-weight: bolder; }
/* UVODNÍ STRANA*/
#text .novinka          { margin-bottom: 8px; }
#text .novinka .obrazek { float: left; width: 20px; height: 100px; background: rgb(0,102,255) url(../grafika/novinka.png) no-repeat left top }
#text .novinka .nadpis  { margin-left: 22px; width: 500px; font-weight: bolder; border: solid 1px rgb(50,50,50); }
#text .novinka .datum   { color: rgb(0,102,255); padding-left: 5px; }
#text .novinka .info    { color: rgb(200,200,200); padding-left: 8px; margin-left: 22px; width: 500px; height: 76px; border: solid 1px rgb(50,50,50); border-top: solid 1px rgb(200,200,200); overflow: hidden;}


#text .akce             { margin-bottom: 8px; }
#text .akce .obrazek    { float: left; width: 20px; height: 100px; background: rgb(0,153,0) url(../grafika/akce.png) no-repeat left top }
#text .akce .nadpis     { margin-left: 22px; width: 500px; height: 20px; font-weight: bolder; border: solid 1px rgb(50,50,50); }
#text .akce .datum      { color: rgb(0,153,0); padding-left: 5px; }
#text .akce .info       { color: rgb(200,200,200);padding-left: 8px; margin-left: 22px; width: 500px; height: 76px; border: solid 1px rgb(50,50,50); border-top: solid 1px rgb(200,200,200); overflow: hidden;}
#text .akce .info a          { color: rgb(0,153,0); }
#text .akce .info a:hover    { text-decoration: none;}
#text .akce .info a:visited  { color: rgb(0,153,0); }
#text .zprava          { margin-bottom: 8px; }
#text .zprava .obrazek { float: left; width: 20px; height: 100px; background: rgb(204,0,0) url(../grafika/zprava.png) no-repeat left top }
#text .zprava .nadpis  { margin-left: 22px; width: 500px; height: 20px; font-weight: bolder; border: solid 1px rgb(50,50,50); }
#text .zprava .datum   { color: rgb(204,0,0); padding-left: 5px; }
#text .zprava .info    { color: rgb(200,200,200); padding-left: 8px; margin-left: 22px; width: 500px; height: 76px; border: solid 1px rgb(50,50,50); border-top: solid 1px rgb(200,200,200); overflow: hidden;}

#text .cervena  { font-weight: bolder; color: rgb(204,0,0); }
#text .modra  { font-weight: bolder; color: rgb(204,0,0); }
#text .zelene  { font-weight: bolder; color: rgb(0,153,0); }

/* DALF */
#text table                   { color: rgb(150,150,150); font-size: 70%; border: 1px solid rgb(50,50,50); text-align: center;}
#text td.TabulkaNadpis        { color: rgb(200,200,200); background-color: rgb(60,60,60); }
#text td.TabulkaNadpisRadek   { color: rgb(0,102,255); }
#text td.TabulkaNadpisCelkem  { color: rgb(230,230,230); }
/* FOOTER */
#footer                   { width: 900px; float: left; border-top: 1px solid rgb(150,150,150); padding-top: 5px; color: rgb(100,100,100); font-size: 60%; margin-top: 40px; margin-bottom: 30px; }
#footer a                 { color: rgb(150,150,150); text-decoration: none; } 
#footer a:hover           { color: rgb(255,255,255); }    

.gr2 { display: none; }