body {
	margin: auto;
	padding: 0;
	font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif;
	font-style: normal;
	font-size: 10pt;
	color: white;
	background-image: url(style/poz.gif);
  background-repeat: both;
  
}

.pozadspod{
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(style/poz.gif);
  background-repeat: both;
}
.pozadvrch{
  position: relative;
  margin: auto;
  width: 100%;
  height: 302px;
  background-image: url(style/pozadvrch.gif);
  background-repeat: repeat-x;


}
.main{   
  position: relative;
	height: auto;
	width: 841px; 
  margin: auto;
 	
}


.head{
  	position: relative;
  	width: 842px;
  	height: 302px;  
}
#headtop{
    position: relative;
    float: left;
  	width: 616px;
  	height: 27px; 
    background-image: url(style/headtop.png);
}
#headmid{
    position: relative;
    float: left;  
  	width: 287px;
  	height: 219px; 
  	background-image: url(style/headmid.png);
}
#fade{
    position: relative;
    float: left;
  	width: 311px;
  	height: 217px; 
    background-color: white;
    border: 1px solid #96120d;
}
#headrig{
    position: relative;
    float: left;
  	width: 16px;
  	height: 219px; 
  	background-image: url(style/headrig.gif);
}
#headbot{
    position: relative;
    float: left;
  	width: 616px;
  	height: 36px; 
  	background-image: url(style/headbot.gif);
}

#krajlt{position: relative; float: left; width:14px; height:302px; background-image: url(style/krajlt.png);}
#krajrt{position: relative; float: left; width:14px; height:302px; background-image: url(style/krajrt.png);}

.hlavicka{
  position: relative;
  float: left;
  width: 616px;
  height: 302px;
}
.menu{
  position: relative;
  float: left;
  width:616px;
  height: 20px;
  background-color: black;
}

ul.navlist
{display: inline; list-style: none;}

ul.navlist li{
padding: 0 0 5px 0;
float: left;
width: 115px;
text-align: center;
}
ul.navlist li a{;
padding: 0 7px 5px 7px;
text-decoration: none;
color: white;
}
ul.navlist li a.current{
background-color: #96120d;
color: white;
}
ul.navlist li a:hover, ul.navlist a.current:hover{
background-color: #96120d;
color: white;
}
ul.navlist li a:active, ul.navlist li.active a.current:active{
background-color: #96120d;
color: white;
}

.slouptop{
  position: relative;
  float: left;
  width: 197px;
  height: 302px;
  background-color: #0b0b0b;
}
.otvir{
  position: relative;
  width: 159px;
  height: 120px;
  margin-left: 18px;
  border-left: 1px solid #2f2f2f;
  border-right: 1px solid #2f2f2f;
  text-align: justify;
}
.otvir a{
  text-decoration: none;
  border: none;
}

.otv{
  width: 150px;
  margin: 0 0 0 5px;
  border: none;
  text-align: center;
  font-size: 8pt;
}
#alkra{
  margin-left: 12px;
  width: 170px;
  height: 80px; 
  border: none;
}
#reds{
  margin-left: 55px; 
  width: 88px;
  height: 31px; 
  border: none;
}

#tabtop{
  position: relative;
  width: 162px;
  height: 15px;
  margin: 15px 0 0 17px;
  background-image: url(style/tabtop.gif);
}
#tabbot{
  position: relative;
  width: 162px;
  height: 15px;
  margin: 0 0 15px 17px;
  background-image: url(style/tabbot.gif);
}


#caramenu{position: absolute; width:841px; height:1px; background-image: url(style/caramenu.gif); top: 0; left:0;}


.tel{
  position: relative;
  float: left;
  width: 841px;
  
  height: auto;
  background-image: url(style/telpoz.png); 
  background-repeat: repeat-y;
  
}
.cl{
  position: relative;
  float: left;
  width: 616px;
  margin:15px 0 0 14px;
  height: auto;
}

.cl1{
  position: relative;
  float: left;
  width: 591px;
  height: auto;
  background-color: black;
  padding: 12px 5px 10px 20px;
}
.cl1 a{color: #96120d; text-decoration: none;}
.cl1 a:hover{color: #96120d; text-decoration: underline;}

.cl2{
  position: relative;
  float: left;
  width: 591px;
  height: auto;
  padding: 12px 5px 10px 20px;
  background-color: #191919;
}
.caracl{position: absolute; top:0; left:0; width: 616px; height: 1px;}

.cl .image{
  position: relative;
  float: left;
  margin: 4px 10px 2px 2px;
}

}
.cl a{color: #96120d; text-decoration: none;}
.cl a:hover{color: #96120d; text-decoration: underline;}
.cl h2{
  position: relative;
  font-family: "Arial CE", Tahoma,sans-serif;
	font-style: normal;
	font-size: 11pt;
	font-weight: bold;
	color: #96120d;
	margin: 0 0 8px 5px;
}
.cl h2 a{
  color: #96120d;
  text-decoration: none;
}
.cl h2 a:hover{
  color: #96120d;
  text-decoration: underline;
}
.cl h3{
  position: relative;
  float: left;
  font-size: 8pt;
  font-weight: normal;
	color: #96120d;
	margin: 3px 10px 0 0;
  
}
.cl p{
  position: relative;
  font-family: "Arial CE", Tahoma,sans-serif;
	font-style: normal;
	font-size: 8pt;
	color: white;
	margin: 0 20px 20px 0;
	text-align: left;
	
}
.cl h4{
  position: relative;
  font-family: "Arial CE", Tahoma,sans-serif;
	font-style: normal;
	font-size: 8pt;
	color: white;
	margin: 0 20px 20px 0;
	text-align: right;
	
}
/*fotky v "o klubu" */
.hostf{
  position: relative;
  float: left;
  width: 250px;
  height: 188px;
  margin: 0 30px 5px 5px;
}

/*nahledy fotek*/
.nahled h2{
  position: relative;
  font-family: "Arial CE", Tahoma,sans-serif;
	font-style: normal;
	font-size: 11pt;
	font-weight: bold;
	color: #96120d;
	margin: 12px 0 10px 5px;
}
.nahled h3{
  position: relative;
  float: left;
  font-size: 8pt;
  font-weight: normal;
	color: #96120d;
	margin: 15px 10px 10px 4px;}

.nahled{
  position: relative;
  float: left;
  margin: 1px 0 0 14px;
  padding: 0 15px 0 25px;
  background-color: black;
  width: 772px;
  height: auto;
}

.fotobox{
  position: relative;
  float: left;
  width: 150px;
  height: 150px;
  margin-bottom: 20px;
  text-align: center;
}

.nahledfo{
  width: auto;
  height: auto;
  border: 0;
}
.fotobox2{
  position: relative;
  width: 640px;
  height: auto;
  margin: 40px 0 50px 55px;
  text-align: center;
}
.fotka{
  margin: 10px 0 0 0;
  border: 1px solid #96120d;
}

.imgall{
  width: auto;
  height: auto;
  border: 0;
position: relative;
  float: left;
  margin: 4px 10px 2px 2px;


}


.posuv{
  position: relative;
  margin: 0 0 40px 200px;
}
.posuv a{
  float: left;
  color: #96120d;
  text-decoration: none;
  margin-left: 22px;
}
.posuv a:hover{text-decoration: underline; color: #96120d;}
.posuv a:visited{color: #96120d;}

/*pravy sloupec*/
.sloupr{
  position: relative;
  float: left;
  width: 175px;
  clear: right;
  height: auto;
  margin: 12px 0 30px 11px;
}
.sloupr h2{font-size: 9pt; font-weight: normal; margin: 0 0 0 1px;}
.sloupr .img{width: 175px; height: auto; }

/*Prihlasovaci formular*/
.prihlas{
  position: relative;
  width: 175px;
  height: auto;
  margin-bottom: 20px;
  margin-left: 2px;
  font-size: 9pt;
}
.prihlas a{color: #96120d; text-decoration: none;}
.prihlas a:hover{color: #96120d; text-decoration: underline;}

.formularp{
  margin: 8px 0 10px 0;
}

.formularp #heslo, #heslo2, #prijm, #email, #jmeno1, #jmeno{
  width: 165px;
  height: 15px;
  background-color: black;
  border: 1px solid #191919;
  color: white;
}
.formularp #novinky{
  margin: 0 5px 0 -2px;
  width: 11px;
  height: 11px;
}

.formularp span{
  color: #96120d;
  font-size: 8pt;
}

.formularp #prihlas {
   position: relative;
   float: right;
   color: #FFFFFF;
   font-size: 8pt; 
   width: 60px; 
   height: 20px; 
   border: 1px solid #ffffff; 
   margin: 8px 7px 0 0px;
   background-color: #0090D7;   
}

.formularp #zaregistruj{
   position: relative;
   color: #FFFFFF;
   font-size: 8pt; 
   width: 80px; 
   height: 20px; 
   border: 1px solid #ffffff; 
   margin: 30px 7px 150px 0;
   background-color: #0090D7;   
}

/*Program klubu*/
.prog{
  float: left;
  width: 175px;
  height: auto;
  margin: 0;
}
.tab1{
  width:175px;
  border: 1px solid #191919;
  vertical-align: middle;
  border: 1px solid #191919;
  margin-top: 5px;
}

.tab1 .td1{
  width: 58px; 
  height: 22px;
  background-color: #76120d;
  font-size: 8pt;
  text-align: center; 
  font-weight: bold;
  border-right: 1px solid #191919;
  border-bottom: 1px solid #191919;
  
}
.tab1 .td2{
  width: 117px; 
  height: 22px;
  text-align: center;
  font-size: 8pt; 
  font-weight: normal;
  border-bottom: 1px solid #191919;
 
}
.tab1 .td3{
  text-align: left;
  font-size: 8pt; 
  font-weight: normal;
  padding: 3px 0 3px 5px;
 
}



/*formular*/
.tabulka {border: 0px; width: 100%; margin-bottom: 50px;}
.tdvyplnnic {color: white; text-align: left; font-size: 8pt;}
.box1 { 
  margin: 2px; 
	width : 200px; 
  }

.tlac {
   color: #FFFFFF;
   font-size: 8pt; 
   width: 60px; 
   height: 20px; 
   border: 1px solid #ffffff; 
   margin: 55px 0 0 0;
   background-color: #0090D7;   
}

.box2 { 
  margin: 2px; 
  overflow: hidden;
	width : 500px; 
  height: 150px; 
}   


.zapat{
  position: relative;
  float: left;
  bottom: 0;
  margin-left:14px;
  width: 813px;
  height: 43px;
  background-image: url(style/zapat.gif);
  background-repeat: repeat-x;
}



.gallery_menu{
  margin: 2px; 
  text-align: center;
  float: center;
  border: none;
}