body {
	padding: 0px; 
  margin: 0px;	
  background: #ffffff url("../gfx/bg.jpg") center top no-repeat;
  font: 100% Trebuchet MS, Arial, sans-serif;
  color: #212225;
}

h1 {
	display: none;
}

h2 {
  font: 100% Tahoma, Arial, sans-serif;
  font-variant: small-caps;
  font-weight: bold;
  color: #db261b;  
}

h3 {
  font: 90% Tahoma, Arial, sans-serif;
  font-variant: small-caps;
  font-weight: bold;
  color: #db261b;  
}

a {
  text-decoration: underline;
  color: #212225;
}

a:hover {
  color: #db261b
}

ul,li{
  margin: 0px; 
  padding: 0px;
  list-style: none;
  display: block;
}

#container {
	width: 910px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
  background: #ffffff url("../gfx/bg-container.gif") left top repeat-y;  
}

#header {
	width: 910px;
	height: 218px;
	margin: 0px;
	padding: 0px;	
  position: relative;
  background-image: url("../gfx/bg-header.jpg");
  background-repeat: no-repeat; 
  background-position: left top;     
}

#header span {display: none;}

.home, .propozice, .program, .galerie, .historie, .casopis, .diskuse, .vysledky, 
.sponzori, .kontakt, .home:hover, .propozice:hover, .program:hover, .galerie:hover, 
.historie:hover, .casopis:hover, .diskuse:hover, .vysledky:hover, .sponzori:hover, .kontakt:hover {
  position: absolute; 
  width: 60px;
  height: 34px;
  top: 0px;
  left: 168px;   
  background: url("../gfx/menu/home.gif") 0px 0px no-repeat;
}
.home:hover {background: url("../gfx/menu/home.gif") 0px -34px no-repeat;}

.propozice { 
  width: 82px;
  left: 228px;  
  background: url("../gfx/menu/propozice.gif") 0px 0px no-repeat;
}
.propozice:hover {
  width: 82px;
  left: 228px;
  background: url("../gfx/menu/propozice.gif") 0px -34px no-repeat;
}

.program { 
  width: 74px;
  left: 310px;  
  background: url("../gfx/menu/program.gif") 0px 0px no-repeat;
}
.program:hover {
  width: 74px;
  left: 310px;
  background: url("../gfx/menu/program.gif") 0px -34px no-repeat;
}

.galerie { 
  width: 69px;
  left: 384px;  
  background: url("../gfx/menu/galerie.gif") 0px 0px no-repeat;
}
.galerie:hover {
  width: 69px;
  left: 384px;
  background: url("../gfx/menu/galerie.gif") 0px -34px no-repeat;
}

.historie { 
  width: 72px;
  left: 453px;  
  background: url("../gfx/menu/historie.gif") 0px 0px no-repeat;
}
.historie:hover {
  width: 72px;
  left: 453px;
  background: url("../gfx/menu/historie.gif") 0px -34px no-repeat;
}

.casopis { 
  width: 70px;
  left: 525px;  
  background: url("../gfx/menu/casopis.gif") 0px 0px no-repeat;
}
.casopis:hover {
  width: 70px;
  left: 525px;
  background: url("../gfx/menu/casopis.gif") 0px -34px no-repeat;
}

.diskuse { 
  width: 70px;
  left: 595px;  
  background: url("../gfx/menu/diskuse.gif") 0px 0px no-repeat;
}
.diskuse:hover {
  width: 70px;
  left: 595px;
  background: url("../gfx/menu/diskuse.gif") 0px -34px no-repeat;
}

.vysledky { 
  width: 77px;
  left: 665px;  
  background: url("../gfx/menu/vysledky.gif") 0px 0px no-repeat;
}
.vysledky:hover {
  width: 77px;
  left: 665px;
  background: url("../gfx/menu/vysledky.gif") 0px -34px no-repeat;
}

.sponzori { 
  width: 76px;
  left: 742px;  
  background: url("../gfx/menu/sponzori.gif") 0px 0px no-repeat;
}
.sponzori:hover {
  width: 76px;
  left: 742px;
  background: url("../gfx/menu/sponzori.gif") 0px -34px no-repeat;
}

.kontakt { 
  width: 71px;
  left: 818px;  
  background: url("../gfx/menu/kontakt.gif") 0px 0px no-repeat;
}
.kontakt:hover {
  width: 71px;
  left: 818px;
  background: url("../gfx/menu/kontakt.gif") 0px -34px no-repeat;
}

.message {
  margin-bottom: 20px;
  border: 1px dashed #212225;
  font-size: 17px;
  padding: 10px 10px 10px 10px;
}

#left {
  float: left;
  padding: 45px 20px 10px 35px;
  margin: 0px;
  _margin-top: -2px; /* pitomej IE6 bug */ /* a ještě pitomější css hacking :P */ /* zapluj, dovedo :-P */
  width : 171px;
  background-image: url("../gfx/bg-left.jpg");
  background-repeat: no-repeat; 
  background-position: left top;    
}

#left h2 {
  padding: 15px 0px 10px 0px;
  margin: 0px;  
}

#left p {
  font-size: 80%;
  padding: 0px;
  margin: 0px 0px 5px 0px; 
}

#left p a {
  text-decoration: underline;
  color: #212225;
} 
#left p a:hover {color: #db261b}


#center {
  float: left;
  padding: 0px 0px 10px 0px;
  margin: 0px;
  width : 449px;
}

#center .mainbox {
  padding: 0px 0px 10px 0px;
  margin: 0px;
}

#center .mainbox h2 {
  padding: 0px;
  margin: 0px 0px 10px 0px;
  width : 449px;
  border-bottom: 1px solid #e0241b;    
}

#center p {
  text-align: justify;
  font-size: 80%;
  padding: 0px;
  margin: 0px 0px 5px 0px; 
}

#right {
  float:left;
  padding: 0px 35px 10px 30px;
  margin: 0px;
  width : 170px;
}

#right h2 {
  padding: 0px 0px 10px 0px;
  margin: 0px;  
}

#right p {
  padding: 0px 0px 15px 0px;
  margin: 0px;  
  font-size: 80%;  
  text-indent: 15px;
  background: url("../gfx/sipka.gif") left 3px no-repeat;  
}

#footer {
  clear:both;
  width: 910px;
  height: 70px;
  position: relative; 
  font-size: 70%; 
  color: #8a9094;
  background: #ffffff url("../gfx/bg-footer.jpg") left top no-repeat;     
}

#footer p {
  font-weight: normal;
  position: absolute;
  top: 28px;
  >top: 38px;
  left: 38px;
}

#footer a {
  font-weight: normal;
  text-decoration: none;
  color: #8a9094;
  position: absolute;
  top: 38px;
  right: 75px;  
}
#footer a:hover {text-decoration: underline}

.strankovani a {
  text-decoration: none;
}