/* CSS Document */
body, html {
	width: 100%;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.66em;
}
td, th {
	color: #444;
	font-size: 1em;
	vertical-align:top;
}
body {
	background: #000 url(../img/bg.png) repeat;
	margin: 0;
	padding: 0;
	color: #fff;
}
img {
	border: none;
}
form {
	padding: 0;
	margin: 0;
}
a {
	color:#8C2F43;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:underline;
}
/*
		#IE-transparent {
			background: repeat-x bottom left;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true  , sizingMethod=scale src='img/bot.png');
		}
		html>body #IE-nontransparent {
			background: url(img/bot.png) repeat-x bottom left;
		}
*/
#body-in {
}
	#login {
		display:none;
		border: 1px solid #fff;
		background: #8C2F43;
		color: #fff;
		position: absolute; bottom: 30px;
		padding: 5px;
	}
		#login a {
			color: #fff;
		}
		#login form {
			padding: 0;
			margin: 0;
		}
	#document {	
		margin: 50px auto 0 auto; 	
		width: 693px; height:566px;	
		background: url(../img/center-main.gif) 81px 85px no-repeat;
	}
		#main-center {
			margin-left: 147px;
			margin-top: 64px;
		}
			#main-center #pageId {
				padding-left:24px;
			}	
		#main-center-in {
			width: 450px;
			/*_width: 475px;*/
			height: 232px;
			overflow:auto;
			padding: 5px 20px 5px 5px;
			color: #444;
		}
		#main-top {
			width: 693px;
			height: 85px;
			background: url(../img/top-main.gif);
		}
		#main-left {
			float: left;
			width: 25px;
			height: 451px; 
			background: url(../img/left-main.gif);
			margin-left: 56px;
			_margin-left: 28px; /* Debilni IE */
			position: relative;
		}
			#nextaction {
				width:109px;
				height: 239px;
				position:absolute; top:138px; left:-109px;
				background: url(../img/center-nextaction.gif) 31px 47px no-repeat;
				font-family:"Courier New", Courier, monospace;				
			}
				#nextaction-in {
					position: absolute;
					left: 31px; top: 0;
					width: 120px;
					height: 135px;
					color: #444;
					padding: 75px 0 0 0;
					text-align: center;
				}				
				#nextaction-top {
					width:78px;
					height: 47px;
					position: absolute; left:31px;
					background: url(../img/top-nextaction.gif);
				}
				#nextaction-left {
					float:left;
					width:31px;
					height: 237px;
					background: url(../img/left-nextaction.gif);
				}
				#nextaction-bottom {
					width:78px;
					height: 23px;
					position: absolute; left: 31px; top: 214px;
					background: url(../img/bottom-nextaction.gif);
				}
		#main-right {
			float: right;
			width: 24px;
			height: 451px; 
			background: url(../img/right-main.gif);
		}
		#bot-cleaner {
			clear:both;
			font-size: 1px;
			line-height: 1px;
			height: 1px;
			width: 637px;
			margin-left: 56px;
			background: url(../img/cleaner.gif) no-repeat; 
		}	
		#main-bottom {
			width: 637px;
			height: 29px;
			background: url(../img/bottom-main.gif); 
			margin-left: 56px;
			position:relative;
		}	
			#menu {
				position:absolute; top:-29px; left:37px;
				/*width: 576px;*/
				height: 52px;				
			}
			#menu a {
				text-decoration: none;
			}
			#menu div {
				height: 26px;
				overflow:hidden;
				display: inline;
			}
			#menu span {
				height: 26px;
				position: absolute;
				top:0; left:0;
				cursor: pointer;
			}
				#menu_news span {
					background: url(../img/menu/news.gif);
					width: 56px;
				}
				#menu_kapela span {
					background: url(../img/menu/kapela.gif);
					left:56px;			
					width: 69px;
				}
				#menu_hudba span {
					background: url(../img/menu/hudba.gif);
					left:125px;
					width: 60px;
				}
				#menu_koncerty span {
					background: url(../img/menu/koncerty.gif);
					left:185px;
					width: 95px;
				}
				#menu_fotogalerie span {
					background: url(../img/menu/fotogalerie.gif);
					left:280px;
					width: 133px;
				}
				#menu_guestbook span {
					background: url(../img/menu/guestbook.gif);
					left:413px;
					width: 105px;
				}
				#menu_links span {
					background: url(../img/menu/links.gif);
					left:518px;
					width: 58px;
				}
		h1 { 
			width:420px; 
			height:80px; 
			margin: 0;
			padding: 0;
			text-align: center;
			font-size: 4em;
			overflow: hidden;
			position:relative;
		} 
		h1 span {
			display:block; 
			position:absolute; 
			left:0; 
			top:0;
			z-index:1; 
			width:377px; 
			height:80px; 
			background: url(../img/top-main.gif); 			
			cursor:pointer;
		}
		h1 small {
			color: #fff;
			background: inherit;
			font-size: 0.9em;
			vertical-align:top;
		}
		h3 {
			color:#8C2F43;
			font-variant:small-caps;
			font-weight:normal;
			font-size: 2em;
			padding: 0;
			margin:5px;
		}
		h4 {
			color:#8C2F43;
			font-weight:bold;
			font-size: 1em;
			line-height: 1em;
			padding: 0;
			margin: 0;
			font-weight: bold;
		}
#footer {
	color: #666;
	font-size: 0.82em;
	margin: 30px 0 0 50px;
	position: absolute;
}
	#footer .footerDiv {
		background: #8C2F43;
		height: 0.82em;
		width:5px;
		display:inline;
		margin: 0 2px;
	}
	
textarea, input {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#444;
	background: #ccc;
	border: 1px solid #000;	
}	

.underline{
	border-bottom: 1px solid #444;
	margin-bottom: 5px;
}
	.news img{
		float:left;
		border: 1px solid #444;
		margin: 1px;
	}
	.news_in{
		margin-left: 70px;
	}
.small {
	font-size: 0.8em;
}
.red {
	color: #8C2F43;
}
.white {
	color: #fff;
}
.gray {
	color: #ccc;
}
.cleaner {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0; padding: 0;
}
.concerts {
	width: 90%;
}
.concerts .popis {
	vertical-align: middle;
}
.galleries {
	width: 95%;
}
	.galleries .imgTd {
	width: 74px;
	text-align:center;
	}
	.galleries img {
		border: 1px solid #444;
	}
.guestbook {
	border-top: 1px solid #444;
	margin: 5px 0;
	padding: 1px;
	width: 90%;
	position: static;
}
	.guestbook .entry {
		padding: 2px 0 2px 70px;
	}
	.guestbook .img { 
		float:left;
		padding: 2px 5px;
	}
	.guestbook .entry img { 
		border: none;
	}
	.guestbook img { 
		border: 1px solid #444;
	}
	.smile {
		cursor: pointer;
	}
	.middle {
		vertical-align: middle;
		text-align:center;
	}
	.reply {
		margin: 0 0 0 3px;
		padding: 1px 0 0 13px;
		background: url(../img/gbReply.gif) top left no-repeat;
	}
	.replyFormDiv {
		border: 1px solid #444;
		background:#666;
		color: #444;
		display: none;
	}
	.replyFormDiv input {
		margin: 1px;
	}
.links {
	width: 95%;
}
	
	.links td{
		text-align:left;
		padding-bottom: 10px;
	}