@charset "UTF-8";
body, h1, h2, h3, h4, img, form, a, div, ul, ol, li, table, span, p, object, input, fieldset, label{
	margin: 0; padding: 0; border: 0;
}
p{
	padding: 5px 0 5px 0;
}
ul,ol{
	margin: 0 0 0 15px;
}
body{
	background-color: #999999; background-image: url("../grafika/skin-classic/pozadi.png"); background-repeat: repeat;
	margin: 0; padding: 0;
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; font-size: 12px; color: #000000;
}
h1{
	padding: 10px 0 10px 0; 
	font-size: 20px;
}
h2{
	padding: 10px 0 10px 0;
	font-size: 16px;
}
h3{
	padding: 10px 0 10px 0;
	font-size: 16px;
}
h4{
	padding: 5px 0 5px 0;
	text-align: center; font-size: 13px;
}
.clear-left{
		height: 0;
		clear: left;
	}
a:link, a:active, a:visited{
	color: #CC0000; font-weight: bold; text-decoration: none;
}

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

a.side-anchor:link, a.side-anchor:active, a.side-anchor:visited{
	margin: 0; padding: 0;
	color: #ffffff; font-weight: bold; font-size: 11px;
	text-decoration: none;
}

a.side-anchor:hover{
	color: #000000;
	font-weight: bold; font-size: 11px;
}


a.side-menu:link, a.side-menu:active, a.side-menu:visited, a.side-nick:link, a.side-nick:active, a.side-nick:visited{
	color: #ffffff; font-weight: bold; font-size: 12px;
	text-decoration: none;
}

a.side-menu:hover, a.side-nick:hover{
	color: #000000;
	font-weight: bold; font-size: 12px;
}

.center{
	text-align: center;
	margin: 2px auto 2px auto;
}
.right{
	text-align: right;
	margin: 2px 30px 2px auto;
}

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

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

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

	#postranni-panel{
		float: right; 
		width: 201px;
		margin: 0;
	}
	
		#klub-co{
			width: 201px;
		}
			#nadpis-co{
				background-image: url("../grafika/skin-classic/postranni_panel_klub.png"); background-position: top right; background-repeat: no-repeat;
				width: 201px; height: 55px;
				text-align: center;
			}
	
		#reklama{
			width: 201px;
		}
			
			#nadpis-reklama{
				background-image: url("../grafika/skin-classic/postranni_panel_nadpis.png"); background-position: top right; background-repeat: no-repeat;
				margin: 0; padding: 0;
				width: 201px; height: 50px;
				text-align: center;
			}
		
		#skiny{
			width: 201px;
		}
			
			#nadpis-skiny{
				background-image: url("../grafika/skin-classic/postranni_panel_nadpis.png"); background-position: top right; background-repeat: no-repeat;
				margin: 0; padding: 0;
				width: 201px; height: 50px;
				text-align: center;
			}
	
	
	#hlavni-okno{
		background-image: url("../grafika/skin-classic/hlavni_sekce_obsah.png"); background-position: top right; background-repeat: repeat-y;
		margin: 0 201px 0 auto;
		min-height: 500px;
	}
		#hlavni-okno-nahore{
			background-image: url("../grafika/skin-classic/hlavni_sekce_zacatek.png"); background-position: top right; background-repeat: no-repeat;
			height: 8px;
		}
		#text{
			margin: 20px 0 0 30px;
			width: 663px;
		}
#paticka{
	background-image: url("../grafika/skin-classic/paticka.png"); 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;
	}
	
/*************** 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;
	}
	#menu-polozka-koncerty{
		float:left;
		width: 95px; height: 39px;
	}
	#menu-polozka-kapela{
		float:left;
		width: 95px; height: 39px;
	}
	#menu-polozka-diskografie{
		float:left;
		width: 120px; height: 39px;
	}
	#menu-polozka-galerie{
		float:left;
		width: 80px; height: 39px;
	}
	#menu-polozka-download{
		float:left;
		width: 110px; height: 39px;
	}
	#menu-polozka-odkazy{
		float:left;
		width: 85px; height: 39px;
	}
	#menu-polozka-kontakt{
		float:left;
		width: 90px; height: 39px;
	}
	#menu-polozka-kniha{
		float:left;
		width: 75px; height: 39px;
	}
	
	/**** ODKAZY ****/
	
	#menu-odkaz-novinky:link, #menu-odkaz-novinky:active, #menu-odkaz-novinky:visited{
		display: block;
		background-image: url("../grafika/skin-classic/menu_novinky.png");
		width: 90px; height: 39px;
	}
	#menu-odkaz-koncerty:link, #menu-odkaz-koncerty:active, #menu-odkaz-koncerty:visited{
		display: block;
		background-image: url("../grafika/skin-classic/menu_koncerty.png");
		width: 95px; height: 39px;
	}
	#menu-odkaz-kapela:link, #menu-odkaz-kapela:active, #menu-odkaz-kapela:visited{
		display: block;
		background-image: url("../grafika/skin-classic/menu_kapela.png");
		width: 95px; height: 39px;
	}
	#menu-odkaz-diskografie:link, #menu-odkaz-diskografie:active, #menu-odkaz-diskografie:visited{
		display: block;
		background-image: url("../grafika/skin-classic/menu_disko.png");
		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/skin-classic/menu_galerie.png");
		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/skin-classic/menu_download.png");
		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/skin-classic/menu_odkazy.png");
		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/skin-classic/menu_kontakt.png");
		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/skin-classic/menu_kniha.png");
		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: transparent;
		background-image: none;
	}
	
/**************** KONEC MENU *****************/
/********** POPISEK ********/
.popisek-menu, .popisek-nadpis, .popisek-logo{
	text-align: center;
	display: none;
}
/***************** INFOPANEL *****************/
#infopanel-nahore{
	height: 210px; width: 905px;
	padding: 0 0 0 26px; margin: 0;
}
#infopanel-dole{
	height: 150px; width: 905px;
	padding: 0 0 0 25px; margin: 0;
}
#info-novinky{
	float: left;
	width: 420px; height: 200px;
}
	#info-novinky p{
		margin: 4px 0 0 0;
	}
	.info-novinka{
		font-size: 12px;
		margin: 4px 0 0 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-novinka{
  margin: 0; padding: 0;
}
.info-odkaz:link, .info-odkaz:active, .info-odkaz:visited{
	font-family: "Courier New", Courier, monospace; font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.info-odkaz:link strong, .info-odkaz:active strong, .info-odkaz:visited strong{
	font-family: "Courier New", Courier, monospace; font-weight: bold;
	color: #cccccc;
	text-decoration: none;
}

.info-odkaz:hover, .info-odkaz:hover strong{
	font-family: "Courier New", Courier, monospace;
	color: #ffffff;
}
.info-nenalezeno{
	padding: 5px 0 0 5px;
	color: #ffffff;
}
/*** promo ***/
#promo{
	float:left;
	width: 500px; height: 150px;
}

#flashplayer{
	width: 340px; height: 150px;
	margin: 0 0 0 510px;
}

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

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

/************** KONEC NADPISU ****************/
/************** POSTRANNI PANEL **************/

.postranni-nadpis-obrazek{
	margin: 0 auto 0 auto; padding: 0;
}
#obsah-co, #obsah-reklama, #obsah-skiny{
	 width: 169px;
	 padding: 0 14px 0 18px;
}

#obsah-co ul, #obsah-skiny ul, .list-style-none{
	list-style: none;
}
#obsah-skiny ul{
	padding: 10px 0 10px 0;
}
#stav-prihlaseni, #stav-prihlaseni form{
	padding: 5px 0 5px 2px;
	width: 166px;
}
	#stav-prihlaseni p{
		text-align: right; color: #000000;
		font-weight: bold; font-size: 11px;
	}

#zapomenute-heslo, #odhlaseni{
	text-align: right;
	padding: 5px 0 5px 0;
}

#fieldset-klubco{
	width: 160px; height: 130px;
	text-align: center;
}

#fieldset-klubco-odhlaseni{
	width: 160px;
}
	.prihlaseni-label{
		display: block;
		width: 100px;
		padding: 0 0 0 5px;
		color: #000000; font-weight: bold; text-align: left;
	}
	.prihlaseni-input{
		margin: 5px 5px 5px 5px; padding: 0;
		width: 140px; height: 20px;
	}
	#prihlaseni-button{
		width: 80px; height: 25px;
		margin: 5px 5px 0 65px;
		text-align: center;
		border: 1px solid black;
	}

.reklama-img{
	margin: 10px auto 0 auto;
	text-align: center;
}
	
/********** KONEC POSTRANNI PANEL ************/
/*************** HLAVNI SEKCE ****************/

.blok{
	width: 650px;
	margin: 5px 0 0 0; padding: 0 0 5px 0;
	background-image: url("../grafika/skin-classic/oddelovac.gif"); background-position: bottom center; background-repeat: no-repeat;
}
	.blok div, .blok h2{
		margin: 0; padding: 10px 20px 10px 15px;
	}
	
	.blok p{
		padding: 5px 0 5px 0;
	}
	.datum{
		color: #cc0000;
	}
	.podpis{
		text-align: right; font-style: italic;
		margin: 0 30px 0 0;
	}
	
.strankovani, .podsekce-odkaz, .roky{
	text-align: center; font-size: 12px;
}
	.strankovani-aktivni{
		font-size: 14px;
	}	
	
/************* KONEC HLAVNI SEKCE ************/
/***************** SPRAVA *******************/
#sprava{
	width: 600px;
}
#sprava fieldset div{
	width: 600px;
	min-height: 25px;
}
#sprava fieldset{
	width: 600px;
}
#sprava label{
	text-align: left;
	display: block;
	float: left;
	width: 100px;
	margin: 5px 0 5px 0;
}
#sprava input{
	width: 300px;
	border: 1px solid black;
	margin: 1px 0 1px 0;
}
#sprava input[type=radio], #sprava input[type=checkbox]{
	width: 10px; height: 10px;
	text-align: center;
}
#sprava fieldset textarea{
	width: 600px; height: 500px;
	display: block;
}
#sprava input[type=submit]{
	width: 110px; height: 20px;
	text-align: center;
}
.povinne{
	border: 1px solid #cc0000 !important;
}
.popis{
	font-size: smaller;
}
input.nadpis{
	width: 600px;
	height: 30px;
	font-size: 18px;
}
textarea.dlouhy{
	width: 600px;
	height: 500px;
}
textarea.kratky{
	width: 600px;
	height: 250px !important;
}
/******************** /SPRAVA ****************/
/**************** 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{
		height: 0;
		clear: both;
	}
/**************** HLASENI *********************/
#stav-prihlaseni p.error{
	width: 160px;
	margin: 5px 0 5px 0; padding: 0;
	background-color: #ffaaaa;
	border-bottom: 1px solid #aa0000; border-top: 1px solid #aa0000;
	color: #aa0000; text-align: center;
}

#stav-prihlaseni p.message{
	width: 170px;
	margin: 5px 0 5px 0; padding: 0;
	background-color: #aaffaa;
	border-bottom: 1px solid #009900; border-top: 1px solid #009900;
	color: #009900; text-align: center;
}
.warning{
	width: 650px;
	margin: 5px 0 5px 0; padding: 0;
	background-color: #ffff99;
	border-bottom: 1px solid #ff9900; border-top: 1px solid #ff9900;
	color: #ff9900; text-align: center; font-weight: bold;
}

.validerror{
	width: 400px;
	margin: 5px auto 5px auto; padding: 0;
	background-color: #ffaaaa;
	border-bottom: 1px solid #aa0000; border-top: 1px solid #aa0000;
	color: #aa0000; text-align: center;
}

.validmessage{
	width: 400px;
	margin: 5px auto 5px auto; padding: 0;
	background-color: #aaffaa;
	border-bottom: 1px solid #009900; border-top: 1px solid #009900;
	color: #009900; text-align: center;
}
.validwarning{
	width: 400px;
	margin: 5px auto 5px auto; padding: 0;
	background-color: #ffffbb;
	border-bottom: 1px solid #ff9900; border-top: 1px solid #ff9900;
	color: #ff7700; text-align: center; font-weight: bold;
}
/************** KONEC HLASENI *****************/
/***************** TABULKY ******************/
.tab-cislo{
	min-width: 40px;
}
/************** KONEC TABULKY ***************/
/************* KONCERTY *************/
.koncert{
	text-align: center; font-size: 12px;
	margin: 2px; padding: 2px;
}
	.koncert-detail{
		margin: 0 20px 0 30px; padding: 1px;
	}
	.koncert-detail p{
		margin: inherit; padding: inherit;
	}

.podnadpis{
	text-align: center; font-size: 18px;
	margin: 2px; padding: 2px;
}
	.koncertOdehrany-dalsiKapely{
		margin: 0 20px 0 50px; padding: 1px;
		font-size: 10px; color: #666666; font-style: italic; 	
	}
/********* KONEC KONCERTY ***********/
/************** BIO *************/
.clen{
	text-align: center; font-size: 16px;
	margin: 2px; padding: 2px;
}
	.clen-detail{
		margin: 0 20px 0 30px; padding: 1px;
	}

div.detaily{ 
	padding: 0; margin: 0;
	min-height: 200px;
}

div.avatar{
	background-color: #aaaaaa;
	width: 150px; height: 200px;
	float: right; 
	display: block;
	padding: 0; margin: 0;
}
/*********** KONEC BIO ***********/
/************** HISTORIE *************/
.historie ul{
	margin: 0; padding: 0;
	list-style: none;
}
.historie ul li{
	margin: 10px 0 10px 0; padding: 0 0 0 15px;
	list-style: none;
}
.zmena{
	margin: 5px 0 5px 15px;
}
/*********** KONEC HISTORIE ***********/
/************* DISKOGRAFIE ************/
.album-nazev{
	font-size: 20px;
}
	.datum-vydani{
		color: #666666;
		font-size: 12px; font-style: italic;
	}
div.album-booklet{
	float: left;
	width: 300px;
	text-align: center;
}
div.album-detaily{
	margin: 20px 0 0 340px; padding: 0;
	width: 300px;
}
	div.album-detaily ul, div.album-detaily li{
		margin: 0; padding: 0;
		list-style: none;
	}
	.pisen-cas{
		font-style: italic;
		color: #666666;
	}
.album-popis{
	clear: left;
	width: 600px;
}
.album-sponzori{
	width: 600px;
	text-align: center;
}
	.album-sponzori .sponzor{
		float:left;
		width: 120px;
		margin: 10px 0 10px 0; padding: 0;
		max-height: 80px;
		text-align: center;
	}
	
	.sponzor div{
		margin: 0; padding: 0;
	}
/********* KONEC DISKOGRAFIE **********/
/********** GALERIE *****************/
.galerie{
	border: 1px solid blck;
	width: 320px; height: 70px;
	float: left;
}
	.galerie span, .sekce-downloadu span{
		color: #666666;
		font-size: 11px; font-style: italic;
	}
	.galerie h3{
		text-align: center;
		font-size: 13px;
	}
	.galerie p{
		font-size: 10px; font-style: italic;
		text-align: center;
	}
.fotky{
	width: 600px;
	text-align: center;
}
	.fotky .fotka{
		width: 100px; height:100px;
		float:left;
		margin: 20px 3px 10px 3px; padding: 0;
		max-height: 80px;
		text-align: center;
	}
	
	.obr{
		height: 70px;
	}
	
	.fotka div{
		margin: 0; padding: 0;
	}
/******************** DOWNLOAD *******************/
.sekce-downloadu{
	width: 250px; float:left;
	text-align: center;
}
/******************** KONTAKT *******************/
.kontakt{
	text-align: center;
}
/******************** KNIHA *******************/
h3.kniha-nadpis{
	font-size: 13px;
}
.zprava{
	height: 200px !important;
}
.role{
	color: #666666;
	font-size: 10px; font-style: italic;
}