body, html {
	width: 100%;
	height: 100%;
}

body {
	font: normal 0.75em Arial, sans-serif;
	color: #e0e0e0;
	background: #000;
	margin: 0;
	height: 100%;
}	

a {
	color: #800;
}
a:hover {
	color: #ccc;
}

p {
	margin: 4px 0;
}

h4 {
	font: bold small-caps 1.4em Arial, sans-serif;
	margin: 2px 5px 5px 5px;
}

.red {
	color: #900;
}

.cleaner {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0; padding: 0;
}

.small {
	font-size: 0.9em;
}

.top {
	width: 100%;
	height: 100%;	
}
	#top1 {
		background: url(img/top1.png) left top no-repeat;	
	}
	#top2 {
		background: url(img/top2.png) 0px 140px no-repeat;	
	}
	#top3 {
		background: url(img/top3.png) 0px 280px no-repeat;	
	}
	#top4 {
		background: url(img/top4.png) 0px 420px no-repeat;
	}
	
#right {
	width: 53%;
	float: right;
	height: 100%;
	background: url(img/bottom.png) right bottom no-repeat fixed;
	overflow: auto;	
}	

	#right-outer {
		height: 100%;
		width: 100%;
		overflow: auto;	 
		overflow-x:hidden; 		
	}
	#right-outer[id] {
		display: table; 
		position: static;
	}
	
	#right-middle {
		width: 100%;
	}
	#right-middle[id] {
		display: table-cell;
		vertical-align: middle; 
		position: static;		
	}
	
	#right-inner {
		width: 100%;
		padding: 50px 0 20px 0;
		/*position: relative;*/
	}
	#right-inner[id] {
		position: static;		
	}
	
	#pageId {		
		text-align: right;		
		margin: 0 0 20px 0;
	}
	

#left {
	width: 30%;
	float: left;
	margin: 420px 0 0 30px;
}

	#menu {	
		font: bold 1.2em Arial, sans-serif;	
		list-style-type: none;
		margin: 0;
	}
		#menu li{
			margin: 0;
			padding: 0;		
		}
		#menu a {
			color: #fff;
			text-decoration: none;
			padding: 0 0 0 20px;
			display:block;
			width: 100%;				
		}
			#menu a:hover {
				border-left: 0.5em solid #900;
				position: relative;
				left: -20px;
				padding: 0 20px 0 20px;
			}
			#menu .red a:hover {
				border-left: 0.5em solid #eee;			
			}
			#menu .gray a:hover {
				border-left: 0.5em solid #eee;				
			}
			#menu .red a {
				color: #a00;
			}
				#menu .red {
					color: #a00;
				}		
			#menu .gray a {
				color: #666;
			}
			#menu .lightgray a {
				color: #999;
			}
		#menu .small {		
			font-size: 0.8em;
		}
		#menu .big {
			font-size: 1.5em;
		}	
		#menu .slide {
			padding-left: 2.5em;
		}
		#menu .slideMore {
			padding-left: 3em;
		}
		#menu .slideLittle {
			padding-left: 1.5em;
		}
		
	#nextAction {
		display: none;
		margin: 20px 0 0 60px;
		text-align: left;
		color: #666;
		font-size: 0.8em;
		width: 60%;
	}
		#nextAction .misto {
			color: #ccc;
			font-variant: small-caps;
			font-size: 1.5em;
		}
		#nextAction .popis {
			color: #999;			
		}
		
		
	
	#footer {		
		color: #666;
		font-size: 0.75em;
		position: absolute;
		bottom: 5px;
		left: 5px;
	}
		#footer a {
			color: #666;
		}
		#footer a:hover {
			color: #ccc;
		}
		#footer .block {
			font-size: 1em;
			line-height: 1em;
			width: 4px;
			height: 1em;
			background: #600;
			margin: 0 2px;
			display: inline;
		}
	
	#login {
		display: none;
		border: 1px solid #300;
		background: #222;
		position: absolute;
		top: -50px;
		left: 10px;
		padding: 4px;
		color: #ccc;	
	}
		#login input {
			font-size: 0.9em;
			width: 50px;
			margin: 5px;
			border: 1px solid #666; 
			color: #ccc;
			background: #333;
		}
		#login span {
			color: #ccc;
		}
	
.underline {
	margin:  10px 0 0 0;
	padding: 10px 0 0 0;	
	border-top: 1px solid #300;
}
	.news img{
		float:left;
		border: 1px solid #444;
		margin: 1px;
	}
	.news_in{
		margin-left: 80px;
	}

.concerts .head{
	font-size: 0.8em;
	color: #777;
}
.concerts .popis{
	font-size: 0.9em;
	color: #777;
}
.concerts .probehle{
	color: #800;
	padding: 20px 0 5px 0; 
}
.concerts .fotky{
	font-size: 1.3em;
	font-variant: small-caps;
}

.links {
	margin: 20px 0 10px 0;
	font-size: 0.9em;
}
	
.guestbook {
	border: 1px solid #333;
	background: #090909;
	margin: 5px 0;
	padding: 7px;
	width: 90%;
	position: static;
}
	.guestbook .entry {
		padding: 2px 0 2px 70px;
		font-size: 0.9em;
	}
	.guestbook .img { 
		float:left;
		padding: 2px 5px;
	}
	.guestbook .entry img { 
		border: none;		
	}
	.guestbook img { 
		border: 1px solid #666;
	}
	.smile {
		cursor: pointer;
	}
	.guestbook .datetime {		
		font-size: 0.9em;
		color: #999;
	}
	.guestbook .middle {
		vertical-align: middle;
		text-align:center;
	}
	.guestbook .admin {
		margin: 8px 0 0 0;
		font-size: 0.8em;		
	}
	.guestbook .reply {
		margin: 3px 0 0 3px;
		padding: 1px 0 0 15px;
		background: url(img/gbReply.gif) top left no-repeat;
	}
	.guestbook .replyFormDiv {
		border: 1px solid #444;
		background:#666;
		color: #444;
		display: none;
	}
	.replyFormDiv input {
		margin: 1px;
	}
	
input, textarea {
	background: #222;
	border: 1px solid #500;
	color: #999;
}

.galleries td {
	padding: 5px;	
}
.galleries p {
	margin: 2px 0;
	padding: 0;	
}
.galleries .small {
	color: #999;	
}
.galleries a img {
	border: 1px solid #600;	
}