/* Screen stylesheet */
html {
  margin: 0;
  padding: 0;
  height: 100%;
  } 
body {
  background: #3A3F44 url("pic/bg.gif") repeat-x;
  text-align: center; 
  height: 100%;
  margin: 0;
  padding: 0;
  }
#bg {
  background: url("pic/hvezdy.gif") center top repeat-x;
  margin: 0 auto;
  width: 100%;
  min-height: 100%;
  height: 100%;
  position: relative;
  }
#bg2 {
  width: 100%;
  height: 100%;
  background: url("pic/ogr.gif") center bottom no-repeat;
  }
body>#bg {
  height: auto;
  }
#main {
  width: 900px;
  margin: 0 auto;
  padding-bottom: 174px;
  background: #43463D url("pic/sloup.gif") repeat-y 50% 215px;
  }
#side {
  width: 210px;
  margin: 0 0 0 20px;
  }
#content {
  display: inline; /*oprava chyby IE float-double-margin*/
  float: right;
  width: 640px;
  margin: 0 20px 0 0;
  text-align: left;
  }
.clear {
  visibility: hidden;
  width: 100%;
  clear: both;
  }
* a span {
  cursor: pointer;
  }
table {
  text-align: center;
  border: 1px solid #353830;
  border-collapse: collapse;
  width: 95%;
  margin: 2em 0;
  }
table img {
  border: none;
  }
td {
  margin: 0;
  padding: 2px;
  border-right: 1px solid #353830;
  }
th {
  border: 1px solid #353830;
  padding: 0 .5em;
  }
thead th {
  padding: .3em;
  color: #C3BAA5;
  font-size: 120%; 
  }
/*====Typography====*/
#content p, #content li, #content dd, #content dt, #content table{
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  line-height: 1.25;
  margin-top: 0.6em;
  font-size: 90%;
  color: #9A927E;
/*  color: #928E84; */
  }
#content dt {
  font-weight: bold;
  }
#news p, #news li {
  color: #857F6F;
  }
#content a {
  font-family: 'Times New Roman CE', 'Times New CE', 'Times CE', 'Times New Roman', Times, serif;
  line-height: 1.2;
  font-size: 110%;
  text-decoration: none;
  margin: 0 .5em;
  color: #998C6D;
  }
#news a {
  font-family: 'Times New Roman CE', 'Times New CE', 'Times CE', 'Times New Roman', Times, serif;
  line-height: 1.2;
  font-size: 100%;
  text-decoration: none;
  margin: 0 .5em;
  color: #998C6D;
  }
h1, h2, h3, h4, h5 {
  font-family: Georgia, 'Times New CE', 'Times CE', 'Times New Roman', Times, serif;
  margin: 0.5em 0;
  line-height: 2em;
  color: #E2D7BC;
  letter-spacing: .2em;
  }
h1 {
  font-size: 140%;
  letter-spacing: .1em;
  font-variant: small-caps;
  margin: 1.2em 1em;
  text-align: center;
  color: #E8CC85;
  }
h2 {
  font-size: 120%;
  font-style: italic;
  }
h3 {
  font-size: 100%;
  line-height: 1.2em;
  }
h4 {
  font-size: 90%;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  color: #C3BAA5;
  letter-spacing: .1em;
  }
h5 {
  font-size: 90%;
  letter-spacing: normal;
  font-style: italic;
  margin: 2em;
  }
.sign {
  text-align: right;
  font-style: italic;
  font-weight: bold;
  margin: 2em 5em;
  }
.blank {
  padding-right: 10px;
  background: transparent url(pic/blank.gif) top right no-repeat;
  }
/*====header====*/
#header {
  width: 900px;
  height: 215px;
  margin: 0 auto;
  padding: 0;
  background: #43463D url("pic/logo1.jpg") no-repeat top center;
  overflow: hidden;
  text-align: center;
  position: relative;
  z-index: 1;
  }
#header span {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 900px;
  height: 215px;
  margin: 0 auto;
  padding: 0;
  background: url("pic/logo1.jpg") no-repeat top center;
  }
#header em {
  visibility: hidden;
  }
/* ====footer==== */
#footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 174px;
  background: url("pic/trava6.gif") no-repeat 50%;
  }
#footer p {
  position: relative;
  bottom: -130px;
  font-size: 90%;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  color: rgb(37,37,37);
  }
#footer a {
  font-size: 90%;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  color: #353830;
  }
/* ====news==== */
#news {
  position: relative;
  width: 208px;
  }
#news_in {
  background: #353830 url(pic/new_bt.gif) 50% bottom no-repeat;
  position: relative;
  width: 190px;
  left: 20px;  
  overflow: hidden;
  }
#news_in p {
  padding: .5em;
  }

/* ====menu==== */
#menu {
  width: 208px;
  overflow: hidden;
  position: relative;
  }
#menu ul {
  position: relative;
  width: 190px;
  left: 18px;
  padding: 0;
  margin: 0;
  }
#menu ul ul {
  position: relative;
  left: 0;
  }
#menu li {
  display: block;
  width: 190px;
  position: relative;
  list-style-type: none;
  overflow: hidden;
  }
#menu a {  
  display: block;
  width: 190px;
  height: 22px;
  color: white;
  text-decoration: none;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle; 
  }
#menu a span {
  width: 190px;
  height: 22px;
  position: absolute;
  top: 0;
  left: 0;
  }
#menu_hd {
  display: block;
  width: 208px;
  height: 41px;
  background: transparent url(pic/menu.gif) 0 0 no-repeat;
  }
#menu_ft {
  display: block;
  width: 208px;
  height: 51px;
  background: transparent url(pic/menu_ft.gif) 0 0 no-repeat;
  }
#menu_hd em, #menu_ft em {
  display: none;
  }
/*=Menu rollovers formatting=*/
/*-UVOD-*/
#menu #uvod a{
  background: #353830 url(pic/uvod.gif) 0 0 no-repeat;
  }
#menu #uvod a span {
  background: url(pic/uvod.gif) 0 0 no-repeat;
  }
#menu #uvod a:hover span{
   background: url(pic/uvod.gif) 0 -22px no-repeat;
  }
/*-TENTO-*/  
#menu #tento a{
  background: #353830 url(pic/tento.gif) 0 0 no-repeat;
  }
#menu #tento a span {
  background: url(pic/tento.gif) 0 0 no-repeat;
  }
#menu #tento a:hover span{
   background: url(pic/tento.gif) 0 -22px no-repeat;
  }
/*-NAVODY-*/  
#menu #navody a{
  background: #353830 url(pic/navody.gif) 0 0 no-repeat;
  }
#menu #navody a span {
  background: url(pic/navody.gif) 0 0 no-repeat;
  }
#menu #navody a:hover span{
   background: url(pic/navody.gif) 0 -22px no-repeat;
  }
/*-MINULE-*/  
#menu #minule a{
  background: #353830 url(pic/minule.gif) 0 0 no-repeat;
  }
#menu #minule a span {
  background: url(pic/minule.gif) 0 0 no-repeat;
  }
#menu #minule a:hover span{
   background: url(pic/minule.gif) 0 -22px no-repeat;
  }
/*-KONTAKTY-*/ 
#menu #kontakty a{
  background: #353830 url(pic/kontakty.gif) 0 0 no-repeat;
  }
#menu #kontakty a span {
  background: url(pic/kontakty.gif) 0 0 no-repeat;
  }
#menu #kontakty a:hover span{
   background: url(pic/kontakty.gif) 0 -22px no-repeat;
  }  
/*-NADCASOVE-*/
#menu #nadcasove a{
  background: #353830 url(pic/nadcasove.gif) 0 0 no-repeat;
  }
#menu #nadcasove a span {
  background: url(pic/nadcasove.gif) 0 0 no-repeat;
  }
#menu #nadcasove a:hover span{
   background: url(pic/nadcasove.gif) 0 -22px no-repeat;
  }
/*-ODKAZY-*/  
#menu #odkazy a{
  background: #353830 url(pic/odkazy.gif) 0 0 no-repeat;
  }
#menu #odkazy a span {
  background: url(pic/odkazy.gif) 0 0 no-repeat;
  }
#menu #odkazy a:hover span{
   background: url(pic/odkazy.gif) 0 -22px no-repeat;
  }
/*-FORUM-*/  
#menu #forum a{
  background: #353830 url(pic/forum.gif) 0 0 no-repeat;
  }
#menu #forum a span {
  background: url(pic/forum.gif) 0 0 no-repeat;
  }
#menu #forum a:hover span{
   background: url(pic/forum.gif) 0 -22px no-repeat;
  }
/*-ZBRANE-*/  
#menu #navody #zbrane a{
  background: #353830 url(pic/zbrane.gif) 0 0 no-repeat;
  }
#menu #navody #zbrane a span {
  background: url(pic/zbrane.gif) 0 0 no-repeat;
  }
#menu #navody #zbrane a:hover span{
   background: url(pic/zbrane.gif) 0 -22px no-repeat;
  }
/*-KOSTYMY-*/  
#menu #navody #kostymy a{
  background: #353830 url(pic/kostymy.gif) 0 0 no-repeat;
  }
#menu #navody #kostymy a span {
  background: url(pic/kostymy.gif) 0 0 no-repeat;
  }
#menu #navody #kostymy a:hover span{
   background: url(pic/kostymy.gif) 0 -22px no-repeat;
  }
/*-PRAVIDLA-*/  
#menu #minule #pravidla a{
  background: #353830 url(pic/pravidla.gif) 0 0 no-repeat;
  }
#menu #minule #pravidla a span {
  background: url(pic/pravidla.gif) 0 0 no-repeat;
  }
#menu #minule #pravidla a:hover span{
   background: url(pic/pravidla.gif) 0 -22px no-repeat;
  }
/*-FOTKY-*/  
#menu #minule #fotky a{
  background: #353830 url(pic/fotky.gif) 0 0 no-repeat;
  }
#menu #minule #fotky a span {
  background: url(pic/fotky.gif) 0 0 no-repeat;
  }
#menu #minule #fotky a:hover span{
   background: url(pic/fotky.gif) 0 -22px no-repeat;
  }
/*-REPORT-*/  
#menu #minule #report a{
  background: #353830 url(pic/report.gif) 0 0 no-repeat;
  }
#menu #minule #report a span {
  background: url(pic/report.gif) 0 0 no-repeat;
  }
#menu #minule #report a:hover span{
   background: url(pic/report.gif) 0 -22px no-repeat;
  }
/*-FAQ-*/  
#menu #nadcasove #faq a{
  background: #353830 url(pic/faq.gif) 0 0 no-repeat;
  }
#menu #nadcasove #faq a span {
  background: url(pic/faq.gif) 0 0 no-repeat;
  }
#menu #nadcasove #faq a:hover span{
   background: url(pic/faq.gif) 0 -22px no-repeat;
  }
/*-CLANKY-*/  
#menu #nadcasove #clanky a{
  background: #353830 url(pic/clanky.gif) 0 0 no-repeat;
  }
#menu #nadcasove #clanky a span {
  background: url(pic/clanky.gif) 0 0 no-repeat;
  }
#menu #nadcasove #clanky a:hover span{
   background: url(pic/clanky.gif) 0 -22px no-repeat;
  }
/*-REALIE-*/  
#menu #nadcasove #realie a{
  background: #353830 url(pic/realie.gif) 0 0 no-repeat;
  }
#menu #nadcasove #realie a span {
  background: url(pic/realie.gif) 0 0 no-repeat;
  }
#menu #nadcasove #realie a:hover span{
   background: url(pic/realie.gif) 0 -22px no-repeat;
  }
/*-REALIE-*/  
#menu #prihlasovani a{
  background: #353830 url(pic/prihlasovani.gif) 0 0 no-repeat;
  }
#menu #prihlasovani a span {
  background: url(pic/prihlasovani.gif) 0 0 no-repeat;
  }
#menu #prihlasovani a:hover span{
   background: url(pic/prihlasovani.gif) 0 -22px no-repeat;
  }
/*=Submenu hiding=*/

#menu #minule ul {
  display: none;
  }
#menu #navody ul {
  display: none;
  }
#menu #nadcasove ul {
  display: none;
  }

.hovno {width:100%;}
.hovno td {width:24%;}