@charset "UTF-8";
body{
	background-color: #999999; background-image: url("../grafika/pozadi.gif"); background-repeat: repeat;
	margin: 0; padding: 0;
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; font-size: 12px; color: #000000;
}
h1{
	margin: 10px 0 10px 0; padding: 0;
	font-size: 20px;
}
h2{
	margin: 10px 0 10px 0; padding: 0;
	font-size: 16px;
}
h3{
	margin: 10px 0 10px 0; padding: 0;
	font-size: 16px;
}
p{
	margin: 0; padding: 5px 0 5px 0;
}
img{
	border: 0;
	margin: 0; padding: 0;
}
form{
	border: 0;
	margin: 0; padding: 0;
}

a:link, a:active, a:visited{
	margin: 0; padding: 0;
	color: #CC0000; font-weight: bold; text-decoration: none;
}

a:hover{
	color: #660000;
	text-decoration: underline;  font-weight: bold;
}

/************** LAYOUT ************/

#obal{
	margin: 0 auto 0 auto; padding: 0;
	width: 905px;
}

 #hlavicka{
 	margin: 0; padding: 0;
 	width: 905px; height: 214px;
 }
 	#logo{
 		background-image: url("../grafika/logo.gif"); background-position: top left; background-repeat: no-repeat;
 		margin: 0; padding: 0;
 		width: 905px; height: 160px;
 	}
 	
 	#menu{
 		background-image: url("../grafika/menu.gif");
 		margin: 0; padding: 0;
 		width: 905px; height: 39px;
 	}
 	
 	#menu-konec{
 		background-image: url("../grafika/menu_konec.gif"); background-repeat: no-repeat;
 		margin: 0; padding: 0;
 		width: 905px; height: 150px;
 	}
 	
 
	 #infopanel{
	 	background-image: url("../grafika/info_panel.gif"); background-position: top left; background-repeat: repeat-y;
	 	margin: 0; padding: 0;
	 	width: 905px; height: 364px;
	 }
	 
	 #nadpis-sekce{
	 	background-image: url("../grafika/nadpis_sekce.gif"); background-position: top left; background-repeat: no-repeat;
	 	margin: 0; padding: 0;
	 	width: 905px; height: 61px;
	 }
	 
#stred{
	background-image: url("../grafika/postranni_panel_obsah.gif"); background-position: top right; background-repeat: repeat-y;
	margin: 0; padding: 0;
	width: 905px;
}

	#postranni-panel{
		margin: 0; padding: 0;
		width: 212px;
		float: right; 
	}
	
		#klub-co{
			margin: 0; padding: 0;
			width: 212px;
		}
			#nadpis-co{
				background-image: url("../grafika/postranni_panel_klub.gif"); background-position: top right; background-repeat: no-repeat;
				margin: 0; padding: 0;
				width: 212px; height: 55px;
				text-align: center;
			}
	
		#reklama{
			margin: 0; padding: 0;
			width: 212px;
		}
			
			#nadpis-reklama{
				background-image: url("../grafika/postranni_panel_nadpis.gif"); background-position: top right; background-repeat: no-repeat;
				margin: 0; padding: 0;
				width: 212px; height: 50px;
				text-align: center;
			}
	
	#hlavni-okno{
		background-image: url("../grafika/hlavni_sekce_obsah.gif"); background-position: top left; background-repeat: repeat-y;
		margin: 0 212px 0 0; padding: 0;
		width: 693px;
		min-height: 500px;
		display: block;
	}
		#hlavni-okno-nahore{
			background-image: url("../grafika/hlavni_sekce_zacatek.gif"); background-position: top left; background-repeat: no-repeat;
			margin: 0; padding: 0;
			width: 693px; height: 8px;
		}
		#text{
			margin: 0 0 0 30px; padding: 0;
			width: 660px;
		}
#paticka{
	background-image: url("../grafika/paticka.gif"); background-position: top left; background-repeat: no-repeat;
	margin: 0; padding: 0;
	width: 905px; height: 130px;
}
	#paticka-info{
		margin: 0 auto 0 auto; padding: 0;
		width: 300px; height: 130px;
		text-align: center;
	}
	
	#paticka-info p{
		margin: 0; padding: 0;
	}
	
/*************** KONEC LAYOUT ****************/	
/******************* MENU ********************/

#menu-polozky{
	margin: 0 32px 0 33px; padding: 0;
	width: 840px; height: 39px; 
	list-style: none;
}
	/**** POLOZKY ****/
	#menu-polozka-novinky{
		float:left;
		width: 90px; height: 39px;
		margin: 0; padding: 0;
	}
	#menu-polozka-koncerty{
		float:left;
		width: 95px; height: 39px;
		margin: 0; padding: 0;
	}
	#menu-polozka-kapela{
		float:left;
		width: 95px; height: 39px;
		margin: 0; padding: 0;
	}
	#menu-polozka-diskografie{
		float:left;
		width: 120px; height: 39px;
		margin: 0; padding: 0;
	}
	#menu-polozka-galerie{
		float:left;
		width: 80px; height: 39px;
		margin: 0; padding: 0;
	}
	#menu-polozka-download{
		float:left;
		width: 110px; height: 39px;
		margin: 0; padding: 0;
	}
	#menu-polozka-odkazy{
		float:left;
		width: 85px; height: 39px;
		margin: 0; padding: 0;
	}
	#menu-polozka-kontakt{
		float:left;
		width: 90px; height: 39px;
		margin: 0; padding: 0;
	}
	#menu-polozka-kniha{
		float:left;
		width: 75px; height: 39px;
		margin: 0; padding: 0;
	}
	
	/**** ODKAZY ****/
	
	#menu-odkaz-novinky:link, #menu-odkaz-novinky:active, #menu-odkaz-novinky:visited{
		display: block;
		background-image: url("../grafika/menu_novinky.gif");
		width: 90px; height: 39px;
		margin: 0; padding: 0;
	}
	#menu-odkaz-koncerty:link, #menu-odkaz-koncerty:active, #menu-odkaz-koncerty:visited{
		display: block;
		background-image: url("../grafika/menu_koncerty.gif");
		width: 95px; height: 39px;
		margin: 0; padding: 0;
	}
	#menu-odkaz-kapela:link, #menu-odkaz-kapela:active, #menu-odkaz-kapela:visited{
		display: block;
		background-image: url("../grafika/menu_kapela.gif");
		width: 95px; height: 39px;
		margin: 0; padding: 0;
	}
	#menu-odkaz-diskografie:link, #menu-odkaz-diskografie:active, #menu-odkaz-diskografie:visited{
		display: block;
		background-image: url("../grafika/menu_disko.gif");
		width: 120px; height: 39px;
		margin: 0; padding: 0;
	}
	#menu-odkaz-galerie:link, #menu-odkaz-galerie:active, #menu-odkaz-galerie:visited{
		display: block;
		background-image: url("../grafika/menu_galerie.gif");
		width: 80px; height: 39px;
		margin: 0; padding: 0;
	}
	#menu-odkaz-download:link, #menu-odkaz-download:active, #menu-odkaz-download:visited{
		display: block;
		background-image: url("../grafika/menu_download.gif");
		width: 110px; height: 39px;
		margin: 0; padding: 0;
	}
	#menu-odkaz-odkazy:link, #menu-odkaz-odkazy:active, #menu-odkaz-odkazy:visited{
		display: block;
		background-image: url("../grafika/menu_odkazy.gif");
		width: 85px; height: 39px;
		margin: 0; padding: 0;
	}
	#menu-odkaz-kontakt:link, #menu-odkaz-kontakt:active, #menu-odkaz-kontakt:visited{
		display: block;
		background-image: url("../grafika/menu_kontakt.gif");
		width: 90px; height: 39px;
		margin: 0; padding: 0;
	}
	#menu-odkaz-kniha:link, #menu-odkaz-kniha:active, #menu-odkaz-kniha:visited{
		display: block;
		background-image: url("../grafika/menu_kniha.gif");
		width: 75px; height: 39px;
		margin: 0; padding: 0;
	}
	#menu-odkaz-novinky:hover, #menu-odkaz-koncerty:hover, #menu-odkaz-kapela:hover, #menu-odkaz-diskografie:hover, #menu-odkaz-galerie:hover, #menu-odkaz-download:hover, #menu-odkaz-odkazy:hover, #menu-odkaz-kontakt:hover, #menu-odkaz-kniha:hover{
		background-image: none;
	}
	
/**************** KONEC MENU *****************/
/***************** INFOPANEL *****************/

#info-novinky{
	float: left;
	margin: 0 0 0 26px; padding: 0;
	width: 420px; height: 200px;
}
	#info-novinky p{
		margin: 4px 0 0 0; padding: 0;
	}
	.info-novinka{
		font-size: 12px;
		margin: 4px 0 0 0; padding: 0;
	}

#info-koncerty{
	float: left;
	margin: 0 0 0 20px; padding: 0;
	width: 215px; height: 200px;
}
	#info-koncerty p{
		margin: 0; padding: 0;
	}
	.info-koncert{
		margin: 0; padding: 0;
	}
	
#info-zajimave-odkazy{
	float: left;
	margin: 0 0 0 17px; padding: 0;
	width: 180px; height: 200px;
}
	#info-zajimave-odkazy p{
		margin: 0; padding: 0 0 1px 0;
	}

#info-koncerty h3, #info-zajimave-odkazy h3{
	color: #cccccc; text-align: center;
}
.info-obal{
	margin: 0; padding: 0;
	height: 170px;
}
.info-dalsi{
	text-align: right;
	font-style: italic; font-weight: bold;
	margin: 0 5px 0 0; padding: 0;
}

.info-odkaz:link, .info-odkaz:active, .info-odkaz:visited{
	font-family: "Courier New", Courier, monospace;
	color: #000000;
	text-decoration: none;
}
.info-odkaz:link strong, .info-odkaz:active strong, .info-odkaz:visited strong{
	font-family: "Courier New", Courier, monospace;
	color: #cccccc;
	text-decoration: none;
}

.info-odkaz:hover, .info-odkaz:hover strong{
	font-family: "Courier New", Courier, monospace;
	color: #ffffff;
}

/*** promo ***/
#promo{
	float:left;
	margin: 10px 10px 0 25px; padding: 0;
	width: 500px; height: 150px;
}

/************** KONEC INFOPANEL **************/
/****************** NADPIS *******************/

#vlastni-nadpis-sekce{
	float: left;
	margin: 0 0 0 12px; padding: 0;
	width: 460px; height: 70px;
	text-align: center;
}
	#nadpis-obrazek{
		margin: 0 auto 0 auto; padding: 10px 0 0 0;
	}
	
#oznameni{
	float: left;
	margin: 0; padding: 0;
	text-align: center; color: #000000;
	width: 410px; height: 60px;
	font-family: "Courier New", Courier, monospace; font-size: 12px;
}

/************** KONEC NADPISU ****************/
/*************** HLAVNI SEKCE ****************/

.blok{
	margin: 15px 0 0 0; padding: 0 0 10px 0;
	background-image: url("../grafika/oddelovac.gif"); background-position: bottom center; background-repeat: no-repeat;
}

/************* KONEC HLAVNI SEKCE ************/
/************** POSTRANNI PANEL **************/

.postranni-nadpis-obrazek{
	margin: 0 auto 0 auto; padding: 0;
}
#obsah-co, #obsah-reklama{
	width: 170px; height: 160px;
	margin: 0 16px 0 18px; padding: 0;
}
#stav-prihlaseni{
	margin: 5px 10px 5px 0; padding: 0;
	width: 160px;
}
	#stav-prihlaseni p{
		margin: 0; padding: 0;
		text-align: right; color: #ffffff;
		font-weight: bold;
	}

#fieldset-klubco{
	border: 0;
	margin: 0; padding: 0;
	width: 170px; height: 125px;
}
	.prihlaseni-label{
		display: block;
		width: 160px;
		margin: 0 0 0 10px; padding: 0;
		color: #000000; font-weight: bold;
	}
	.prihlaseni-input{
		margin: 5px 10px 5px 10px; padding: 0;
		width: 150px; height: 20px;
	}
	#prihlaseni-button{
		width: 80px; height: 25px;
		margin: 5px 5px 0 85px; padding: 0;
		text-align: center;
	}

.reklama-img{
	width: 120px; height: 46px;
	margin: 5px auto 0 auto; padding: 0;
	text-align: center;
}
	.reklama-img img {
	margin: 10px auto 0 auto;
	border: 0;
}

	
/********** KONEC POSTRANNI PANEL ************/
/**************** PATICKA ********************/
#paticka-info{
	margin: 0; padding: 0;
	width: 905px;
	text-align: center; color: #ffffff; font-weight: bold;
}
	#paticka-info p{
		margin: 0; padding: 6px 0 0 0; 
	}
	#paticka-info a:link, #paticka-info a:active, #paticka-info a:visited{
		color: #666666;
		text-decoration: none;
	}
	#paticka-info a:hover{
		color: #cccccc;
	}

/*************KONEC PATICKA ******************/
.clear{
		margin: 0; padding: 0;
		height: 0;
		clear: both;
	}
	
/********** POPISEK ********/
.popisek-menu, .popisek-nadpis, .popisek-logo{
	margin: 0; padding: 0;
	text-align: center;
	display: none;
}