@charset "utf-8";
@import url("../tiny_style.css");
/* 
    cascading style sheets
    css 2.1 compliant
    http://www.w3.org/tr/css21/
	author: Hlaváček webdesign
	www.hlavacek-webdesign.cz

default tag styling 

/* cleaner */
	.cleaner{width:90%; clear:both; visibility:hidden; height:0; padding:0; margin:0;}
	
/* layout */
	* { padding:0; margin:0;}
	body {
		font: 90% "Verdana", Arial, serif;
		background: url('../images/back.jpg');
		margin: 0; 
		padding: 0;
		text-align: center; 
		color: #000000; } 

	ul,ol { margin: 0 0 0 15px;}
	
	#container {
		width: 807px;  
		margin: 0 auto;
		text-align: left;
	}
	
	#header {
		padding: 0;
		height: 163px;
	}
	
	.cz{
		background:url("../images/heading.jpg") no-repeat; 
	}
	
	.de{
		background:url("../images/heading-de.jpg") no-repeat;
	}
	
	.en{
		background:url("../images/heading-en.jpg") no-repeat;
	}

/* languages */
 #languages {
	 width: 130px;
	 height:30px;
	 font-size: 0.9em;	 
 }
 #languages ul 			{ list-style-type: none; margin: 0; padding:10px 0 0 30px; }
 #languages li 			{ float: left; }
 #languages a  			{ display:block; width: 20px; color: #a09370; padding: 0 5px;}
 #languages a:hover  	{ text-decoration: none;}
 .divide 				{ border-right: 1px solid #a09370; }
 .strong { font-weight:bold; color:#fff !important; }
/* main heading */
 #header h1{ display: none;	}
#photogallery {
		width:807px;
		height:250px;
		background:url("../images/heading-photos.jpg") no-repeat;
		padding: 16px 0 0 31px;
}
/* menu */
#menu { position: relative; height: 34px;
		background: #000 url('../images/menu.jpg') 0 0 no-repeat;  margin: 0; padding: 0; font-size: 14px; text-align: center; } /* IE6- počítá od page, ostatní od header */  
#menu h4 { display: none; }
#menu ul { position:relative;  margin: 0 0 0 30px; padding: 10px 0 0 0; list-style-type: none; }
#menu li { display: inline; padding: 0; text-align: left; }
#menu a { 
	display: block; 
	position: relative; 
	height: 20px; 
	border-right:2px solid #A09370;
	color:#A09370;
	font-weight:bold;
	margin:0;
	padding:0 10px;
	text-decoration:none; 
	text-align: left; 
	float: left; 
	overflow: hidden; cursor:pointer; } #menu li>/**/a { height: 20px;}
	
.ul7 a{ border: none !important;}

#menu li ul { position: absolute; top: 30px; z-index: 5; visibility: hidden; background: #2f2118; padding:5px 0 5px 0; white-space:nowrap; }
#cz_ul1 { left: 100px; width: 180px; }
#cz_ul2 { left: 188px; width: 200px; }
#cz_ul3 { left: 280px; width: 220px; }
#cz_ul4 { left: 355px; width: 170px; }
#cz_ul5 { left: 460px; width: 180px; }
#cz_ul6 { left: 541px; width: 183px; }
#cz_ul7 { left: 641px; width: 183px; }

#de_ul1 { left: 75px; width: 180px; }
#de_ul2 { left: 172px; width: 200px; }
#de_ul3 { left: 264px; width: 230px; }
#de_ul4 { left: 340px; width: 190px; }
#de_ul5 { left: 412px; width: 240px; }
#de_ul6 { left: 518px; width: 190px; }
#de_ul7 { left: 618px; width: 210px; }


#en_ul1 { left: 70px; width: 180px; }
#en_ul2 { left: 170px; width: 200px; }
#en_ul3 { left: 260px; width: 240px; }
#en_ul4 { left: 340px; width: 160px; }
#en_ul5 { left: 412px; width: 240px; }
#en_ul6 { left: 488px; width: 180px; }
#en_ul7 { left: 590px; width: 210px; }


#menu li:hover ul { visibility: visible; }
#menu li ul.show, #menu li:hover ul.hide { visibility: visible; }
#menu li ul.hide { visibility: hidden; }
#menu li ul li { display: list-item; width: 100%; height: auto; margin: 0; }
#menu li ul li a { display: block; height: 100%; margin: 0; padding: 0.2em 2em; background: none; font-size: 11px; text-transform: uppercase; float: none; border: none; }
#menu li ul li a:hover, #menu li ul li a:focus, #menu li.active ul li a { background: #1c130c; }

/* main content */
 #mainContent  { background:url('../images/content-back.jpg') 0 0 repeat-y; }
	
	#content   { padding: 10px 30px 0 30px; background:url('../images/content-top.jpg') 0 0 repeat-x; }
	#content p { color:#644926;}
	
	#leftColumn { width: 215px; float:left; padding-right: 10px;}
	.leftBlock { width: 193px; border-right: 1px solid #3f2e1f; padding: 0 5px 0 10px;}
	.separator { width: 215px; height: 63px;background:url('../images/separator.gif') 5px 0 no-repeat;}

	#concerts h3, #news h3, #links h3 	{ color:#312318; font-size: 1.2em; margin: 0 0 10px 0;}	
	#concerts h4	{ border:none;}	
	.item { margin: 10px 0;}
	
	.item h4 		{ color:#644926; font-size: 0.9em; margin: 10px 0 0 0;}
	.item ul 		{ font-size: 0.9em; margin: 0 0 0 20px;}
	.item li 		{ margin: 10px 0; list-style-type:square;}	
	.item a			{ color: #503927;}
	.item a img		{ float: left; margin: 0 10px 5px 0; border: 1px solid #503927 !important; }
	.item a:hover 	{ text-decoration: none; }	
	.item p  		{ font-size: 0.9em; margin: 0;}
	.item p  span 	{ font-size: 0.9em; display:block;}

	
	#rightColumn { width:492px; float: left; padding-left:0; min-height: 800px; }
	#rightColumn a { color: #503927; font-weight:bold;}
	#rightColumn p { margin-bottom: 15px;} 
	#rightColumn h2 { margin-bottom: 20px;}
	
	.article 	{}
	.article h3 { color:#312318; font-size: 1.2em; margin: 0 0 10px 0;}	
	.article h4 { color:#312318; font-size: 1em; margin: 0 0 10px 0;}	
	.zpet		{ color: #503927;  }
	.zpet:hover { text-decoration: none; }
	
	/* form */
	#contact						{ font-size: 80%; }
	#contact .contact_label 		{ display: block; color: #503927; font-weight: bolder; clear: right; margin: 9px 0 3px 0; }
	#contact .redlight 				{ color: #ff2222; }	
	#contact #submit_contact 		{ padding: 3px 8px 3px 8px; margin: 10px 0 0 0; color: #503927; font-weight: bolder; border: 1px solid #503927; background-color: #D2B48C; }
	#contact #submit_contact:hover 	{ background-color: #F5DEB3; cursor: pointer; }
		
	
 #footer {
	padding: 0 10px; 
	background:url('../images/footer.jpg') 0 0 repeat-x; 
	height: 50px;
 }
 #footer p {
	margin: 0; 
	padding: 8px 0 0 35px; 
	color: #d7bfa1;
	font-size: 0.8em;
}
#footer a 		{ color: #d7bfa1; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

#footer p{ float: left;}
#footer form{ padding: 5px 0 0 0;}

/* aktuality */