html {	margin: 0;	padding: 0;}
html, body {height: 100%;}
body {
	color: white;
	min-width: 930px;
	line-height: 1.5;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	/*color: #0B1B2B;*/
	background: #231301 url(./pic/bg.gif) top center repeat-x;	
	height: 100%;
	font-size: 76.5%;
}

p { font-size: 12px; }

html>body { font-size: small; }

img { border: 0; }
h1 { color: white; text-align: left; margin-left: 30px; background: url(pic/sipkabig.gif) left no-repeat; 
			padding-left: 30px; font-size: 25px; }
h2 { color: white; text-align: center; font-size: 20px; margin: 0px; }
a { color:white; text-decoration: underline; }
a:hover { color: #DDDDDD;  text-decoration: none; }

td { color: white; font-size: 12px; }
.clear { clear:both; line-height:0px !important; height:0px !important; font-size:0px !important; float:none !important;}

#main { background: url(./pic/bg-main.jpg1) no-repeat left top; position: relative;	width: 930px;	
		  height: 100%;	margin: 0 auto;	padding: 0;	text-align: center; }
#headerTop { background: url(./pic/bg-top1.jpg) no-repeat top center; 
			 	height: 317px;	width: 930px;	text-align: left;	 margin-top: 0px; margin-bottom:0px;
				_background-position: 0px 0px; }		
#mainbody {  background: url(./pic/bg-top2.jpg) no-repeat top center; 
				 margin-top: 0px; margin-bottom:0px; height: auto; _height:80%; min-height: 630px;  }
/*Header Menu*/
#menumain {	float: right;	width: 590px;	padding: 0; _margin-left: 9px;
	list-style: none;	font-size: 14px;  _margin-right: 20px; margin-right: 40px;  }
#menumain ul { margin: 0 12px 0 0; padding: 0; list-style-type: none;  float: right; }
#menumain li {	float: left; 	margin: 0;	padding: 0;	list-style: none;	}
#menumain a {	float: left;	padding: 6px 7px 6px 10px;	text-decoration: none;	color:White; font-weight: bold; 
					font-size: 18px; font-family: Arial, Helvetica, sans-serif;  }
#menumain a:hover, #menumain a.active {	color: white;	background-color: Black;	}
#menumain a.active {	font-weight: normal; background-color: Black; color: white;	}
#menumain .m-tip { }	

.str { float:left; margin:10px 0px; width: 930px;  }			  
.leftpic { float: left; width:420px; }
.bleftpic {float:left; margin-left:30px}
p.right { float: left; width: 450px; color: White; }

.koncertmenu { float: left; color: white;  margin-left: 40px; font-size: 14px; }

.maintable {border-bottom: 1px solid #40200B; border-left: 1px solid #40200B; margin: 0; border-collapse: collapse; }
.maintable tr:hover { 	background-color: Black; }
.maintable th {	text-align: left;	background-color: #40200B;	border-top: 1px solid #40200B;
	border-right: 1px solid #40200B; color: white; font-weight: bold; font-size: 13px; 
	line-height:24px; padding-left: 10px; padding-bottom: 0px;}
.maintable .title2 { border-bottom: 2px solid black; }

.maintable .blue {text-align: center;color:#003399;}	

.maintable td {	border-top: 1px solid #40200B;	border-right: 1px solid #40200B; padding:3px 3px 2px 5px; }
.maintable .d {	background-color: transparent; }
.maintable .b { color: #003399; font-weight: bold; }
.maintable input,.maintable textarea { border: 1px solid #363835; }
.odkazkoncert {	margin-left:550px; font-size: 12px;}

div.detkoncert { margin-left: 30px;  }
div.detkoncert strong { float: left; width: 60px; color: white;   }
div.detkoncert h1 {background: url(pic/sipkag.gif) left no-repeat;  padding-left: 30px;
				color:White; font-size: 18px; margin: 5px 0;  }
div.detkoncert h2 { color: white; margin: 0; text-align: left; width: 900px; border-bottom: 1px solid #F5F5F5;
					margin-top: 20px;  }
div.detkoncert h5 { float: left; width: 500px; border-bottom: 1px solid #D0D0D0; clear: left;
						font-size:100%; margin: 2px 0 2px 0; padding-left: 10px; }
div.detkoncert .info { clear: left; width: 600px; margin: 10px 0 0 10px;  float: left;  }		


.galerie { margin: 10px 0 0 8px; float: left; width: 900px; text-align: center; padding: 4px 5px; background-color: #37230B; }
.galerie .obal { float: left; width: 25%; padding: 3px 0;}
.galerie .photo { text-align: center; padding: 3px 2px 0 2px; }		
.galerie .popis { clear:both; text-align: center; font-size: 11px; color:#F5F5F5;  }	
.galerie img { border: 2px solid  White; }

.infohrac { width: 520px; float: left; clear: both; margin: 10px 0 2px 0; height: 200px; }
.infohrac .nadpis {background: url(pic/sipkag.gif) left no-repeat;  font-size: 14px;   text-align: left;
				padding-left: 24px; font-weight: bold; color:white; }
.infohrac img { float: left;  margin: 2px 6px 2px 20px; border: 1px solid white; }
.infohrac .info { float: left; width: 360px; color: white; }
.infohrac ul { margin: 10px 0 0 10px; text-align: left; list-style-type: none; }
.infohrac ul li { padding-left: 18px; background: transparent url(pic/button_go2.gif) left top no-repeat; }

div.kontaktl { width: 420px; height:310px; float: left; border-right:1px dotted #505050; 
						padding-left: 10px; }
div.kontaktl .det { padding-left: 24px; }						
div.kontaktp { width: 440px; height:310px; float: left; padding-left: 10px; }

.moment { margin: 10px 0 20px 8px; float: left; width: 880px; text-align: center; padding: 4px 5px; background-color: #37230B; }
.moment .polozka { float: left; width: 20%; padding: 3px 0; }
.moment img { border: 1px solid #F5F5F5; }
.moment .odkaz { clear: both; float: left; width: 860px; text-align: right; margin-top: 5px; font-size: 11px; }
.moment a { color:#F5F5F5; text-decoration: underline; font-weight: bold; }
.moment a:visited { color:#F5F5F5; text-decoration: underline; font-weight: bold; }
.moment a:hover { color: #DDDDDD; text-decoration: none; font-weight: bold; }


a.odkaz2 { font-size:15px !important; font-weight: bold; color: Lime; }
a.odkaz2:hover { color: Yellow;  }

div.banner { position: absolute; top: 8px; left: 20px;

}

/* jquerzy */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #D0D0D0;
	background-color: #40200B;
	padding: 5px;
	
	font-size: 10px;
	font-weight: normal;
}
#tooltip h3, #tooltip div { margin: 0; font-size: 11px; }
#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('./pic/shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {	background: url('./pic/shadow2.png');	padding-top: 5em;	height: 100px; }
#tooltip.fancy.viewport-right {background: url('./pic/shadow2-reverse.png'); }

/*Tooltip and Pointer CSS*/
.fg-tooltip {	padding: .8em;	width: 12em;	border-width: 2px !important;	position: absolute;}
.fg-tooltip .fg-tooltip-pointer-down, .fg-tooltip .fg-tooltip-pointer-down-inner {	position: absolute; 
	width:0; 	height:0; 	border-bottom-width: 0;	background: none;}
.fg-tooltip .fg-tooltip-pointer-down {		border-left: 7px solid transparent; 	border-right: 7px solid transparent;
	border-top-width: 14px;	bottom:	-14px;	right: auto;	left: 50%;	margin-left: -7px;
}
.fg-tooltip .fg-tooltip-pointer-down-inner {
	border-left: 5px solid transparent; border-right: 5px solid transparent;	border-top: 10px solid #fff;
	bottom:	auto;	top: -14px;	left: -5px; }

.loga { float: left; width: 900px; margin-left: 15px; }
.loga p { }
.loga .logo { float: left; width: 200px; text-align: center;  }
.loga .popis { float: left; width: 650px; }
.loga fieldset { border: 1px solid #37230B; }