body {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 75%;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #595959;
	background: url(../img/bg_body.jpg) repeat-y top center #59493e;
	line-height: 1.3em;
	}

* {	margin: 0; padding: 0;}

h1 {font-size: 1.6em; font-weight: normal; color: #ed4600; line-height: 1em;
	background: url(../img/bg_h1.gif) no-repeat #aa723b; color: #FFF; padding: 8px 20px; margin-top: 23px;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6, h7 {font-size: 1em;}

h2, h3, h4, h5, h6, h7 {margin-bottom: 10px; color: #ed4600;}

h3, h4, h5, h6, h7 {color: #4b3829;}

.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	}
.none {display: none;}

a {color: #ed4600;}
a:hover {color: #5f4335;}
img {border: none;}
p {margin-bottom: 15px;}
select {font-size: 1em; padding: 1px; font-size: 12px; z-index: 0;}
option {padding-right: 8px;}

.floatleft {
	float: left;
	margin: 0 10px 10px 0;
	}

.rgt, .floatright {
	float: right;
	margin: 0 0 10px 10px;
	}
	
#content ul, #content ol {margin: 0 0 15px 15px;}
	#content ul ul, #content ol ol {margin: 0 0 0 15px;}
	
	/* ***** IE6 italic bug hack ***** */

/* \*/

.WYSIWYGContentBody {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}

/* */
	
/* tabulka bezna */
table {
	z-index: 1;
	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 15px;
	width: 100%;
	}	
	th, td {
		padding: 2px 5px;
		vertical-align: top;
		border: none;
		}
		th {background: #EAE9E8;  }
		
/* tabulka objednavka */
	#Order th, #Cart th, #Order td, #Cart td {
		padding: 2px 5px;
		vertical-align: top;
		border: 1px solid #5F4335;		
		}
		#Order th, #Cart th {background: url(../img/bg_h.gif) repeat-x #5F4335; color: #FFF; font-weight: normal; text-transform: uppercase;}

/* tabulka bez formatovani */
table.noformat {
	border: 0;
	border-collapse: collapse;
	}
	table.noformat th, table.noformat td {
		padding: 5px 10px;
		vertical-align: top;
		border: 0;
		}
		
/* tabulka kalendare */

#calendar table {
	border: none;
	border: 0;
	margin-left: 7px;
	font-size: 0.9em;
	background: #F1E7E5;
	width: auto;
	}
	#calendar td, #calendar th {
		border: 1px solid #d7d8d7;
		padding: 3px 6px;
		text-align: center;
		color: #a5a5a5;
		}
		#calendar th {background: none; color: #a5a5a5;}
		#calendar .tl {border-top: 0; border-left: 0; background: none;}
		#calendar .tr {border-top: 0; border-right: 0; background: none;}
		#calendar .bl {border-bottom: 0; border-left: 0; background: none;}
		#calendar .br {border-bottom: 0; border-right: 0; background: none;}
		#calendar .nbl {border-left: 0;}
		#calendar .nbr {border-right: 0;}
		#calendar .nbt {border-top: 0;}
		#calendar .nbb {border-bottom: 0;}
		
		#calendar a, #calendar th {color: #595959;}
		#calendar td:hover {background-color: #D7D8D7;}
		
/* detaily */

#content .details {
	background: #eae9e8;
	border: 0;
	}
	#content  .details td, #content  .details th {
		padding: 3px 0 3px 7px;
		border: 0;
		text-align: center;
		vertical-align: middle;
		}
		#content .details td {padding: 7px 0 5px 7px;}
		
		
/* ***** rohy tabulek ***** */

.tl {background: url(../img/tl.gif) no-repeat top left;}
.tr {background: url(../img/tr.gif) no-repeat top right;}
.bl {background: url(../img/bl.gif) no-repeat bottom left;}
#content .details .br {background: url(../img/br.gif) no-repeat bottom right; padding-right: 5px;}
	
		
/* nahrada obrazkem */

#topselection span, .box span, #search a span, #search h2 span, .subscribe span, .getticket span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
	
	.subscribe {
		display: block;
		 width: 100px;
		 height: 27px;
		 position: relative;
		 cursor: pointer;
		 margin-left: 89px;
		 }
		 .subscribe span {background: url(../img/but_subscribe.gif) no-repeat;}
	

/**********obsah**********/

#all {
margin: 0 auto;
text-align: left;
width: 890px;
background: url(../img/bg_page.jpg) repeat-x #f1e8e4;
position: relative;
}

/* ******* hlavicka ******* */

#top {
	height: 125px;
	position: relative;
	background: url(../img/slogan.jpg) no-repeat 98% 75%;
	}
	.logo {
		position: absolute;
		top: 45px;
		left: 83px;
		z-index: 1000;
		}
		
	.shortcuts {
		text-align: right;
		padding-right: 8px;
		}
		.shortcuts span a {
			color: #595959; margin: 0 8px;
			font-size: 0.8em;
			}
		.shortcuts img {
			border: 1px solid #59493e;
			margin: 0 1px;
			vertical-align: middle;
			}
			
	#housle {
		position: absolute;
		width: 212px;
		height: 150px;
		top: 0;
		left: -80px;
		background: url(../img/housle.jpg) no-repeat;
		z-index: 5;
		}
		
	
/* **** hlavni cast **** */

#main {
	margin: 0;
	background: url(../img/bg_calendar.jpg) no-repeat;
	width: 100%;
	}
	#mainpad {padding: 0 25px;}
	
/* **** leve menu **** */

#sidecol {
	float: left;
	width: 210px;
	float: left;
	margin-bottom: 20px;
	}
	#sidecol h2 {
		background: url(../img/bg_h.gif) repeat-x #5f4335;
		color: #FFF;
		font-weight: normal;
		padding: 4px 10px;
		font-size: 1em;
		margin-bottom: 0;
			}
		#sidecol h2.sidecolfirst {
			background: url(../img/bg_1stbox.jpg) no-repeat  #5f4335;
			}
			
	#calendar {
		text-align: center;
		padding-top: 10px;
		min-height: 245px;
		_height: 245px;
		}
		#calendar h2 {
			font-size: 1em;
			margin-bottom: 0;
			padding: 0;
			font-weight: normal;
			z-index: 1000;
			position: relative;
			text-align: left;
			padding-left: 13px;
			background: none;
			color: #595959;
			}	
		#calendar select {
			width: 160px;			
			margin-bottom: 10px;
			}
		#calendar p {margin-bottom: 5px; font-weight: bold;}
		#calendar img {margin: 0 4px;}
		#calendar #submit_button{
			float: right;
			margin-right: 10px;
			
			cursor: pointer;
		}

		
	.sidebox {
		background: #f4f2f0;
		padding: 10px 10px 5px 10px;
		font-size: 0.9em;
		}
		.sidebox p {margin-bottom: 5px;}
		
		.eventbanner {margin-bottom: -3px;}
		.sidebox img {margin: 0 4px;}
		#sidecol .secure {margin: 0 40px;}
		
	
		
/* **** obsah **** */

#content_container {
	float: right;
	width: 605px;
	position: relative;
	display: inline-block;
	}
	#content {
		width: 100%;
		background: #FFF;
		position: relative;
		display: inline-block;
		}
		#content.list {background: none;}
		#content_container .hp {background: none;} 
		
.WYSIWYGContentBody {margin-bottom: 15px;}	


	#topselection {
		width: 605px;
		/*min-height: 200px;
		_height: 200px;*/
		background: url(../img/bg_topselection.gif) no-repeat #F1E8E4;
		margin-top: 25px;
		position: relative;
		display: inline-block;
		overflow: hidden;
		}
		#topselection span {
			width: 9px;
			background: url(../img/bg_img_topselection.gif) no-repeat;
			}
		#topselection h1 {
			padding: 17px 0 8px 0;
			margin: 0;
			font-size: 1em
			font-weight: bold;
			background: none;
			color: #ED4600;
			}
			#topselection h1 a{
				text-decoration: none;
				}
		#content #topselection img {margin-right: 0; margin-bottom: 0; float: left; _float: none;}
		.info {float: right; width: 190px;}
			.info div {  height: 160px;}
			/*.bot {position: absolute; bottom: 10px; width: 100%;}*/
		#topselection p {margin-bottom: 0; margin-right: 10px;}
		#topselection .misto {margin-bottom: 10px;}
		
		#topselection .getticket {
			 display: block;
			 width: 115px;
			 height: 27px;
			 position: relative;
			 cursor: pointer;
			 margin: 10px 10px 0 0;
			
			 }
			 #topselection .getticket span {background: url(../img/but_ticket.gif) no-repeat 0 0; width: 100%;}
			 
/* contactus */
.contactUsTable {
	line-height: 1.6em;
	width: 290px;
	margin: 30px auto;
	position: relative;
	}

.contactUsTable label {
	float: left;
	display: block;
	width: 7em;
	}
.contactUsTable br {clear: both;}

.contactUsTable .pole {border: 1px solid #CCCCCC; width: 200px; margin-bottom: 5px;}
.contactUsTable textarea.pole {width: 283px; height: 150px;}
.contactUsTable .button {
	border: 2px solid #ED4600;
	background: #4B3829;
	padding: 1px 5px;
	color: #FFF;
	}
			 
/* ******** event list ******* */		
		
	.boxrow {
		background: url(../img/bg_boxrow.gif) no-repeat bottom left;
		width: 100%;
		margin-bottom: 9px;
		}
		.box {
			width: 195px;
			float: left;
			margin-right: 10px;
			padding-bottom: 4px;
			position: relative;
			}
			.last {margin-right: 0;}
			
			.box div {min-height: 100px; _height: 100px;}
			
			.box h2 {margin: 0 10px 5px 10px; line-height: 1em;}
			.box p {margin: 0 10px 10px 10px;}
			.box img {margin-bottom: 5px;}
			.box .hpImg{width: 195px; height: 90px;}
			.box a {font-size: 0.9em;}
			.box h2 a {font-size: 1em; text-decoration: none;}
			.box .more {float: left; margin-top: 4px;}
			
			.box span {
				height: 10px;
				background: url(../img/bg_box.gif) no-repeat;
				}
				
			#content .getticket {
			 display: block;
			 width: 115px;
			 height: 27px;
			 position: relative;
			 cursor: pointer;
			 float: right;
		 	}
			 #content .getticket span {background: url(../img/but_ticket.gif) no-repeat; width: 100%; height: 100%;}


/* ******* event search ******** */			
		
	#search {
		clear: both;
		margin-top: 23px;
		margin-bottom:20px;
		height: 110px;
		background: url(../img/bg_search.gif) no-repeat;
		position: relative;
		
		}
		.list #search {background: url(../img/bg_searchlist.gif) no-repeat;}
		#search h2 {
			width: 123px;
			height: 44px;
			position: relative;
			padding: 5px;
			overflow: hidden;
			font-size: 1em;
			}
			#search h2 span {
				background: url(../img/h_search.gif) no-repeat;
				}
			.list #search h2 {
				color: #FFF;
				padding: 0 10px;
				font-size: 1.6em;
				width: auto;
				font-weight: normal;
				line-height: 1.7em;
				float: left;
				}
		#search ul {
			list-style: none;
			position: absolute;
			top: 33px;
			left: -6px;
			}
		#search li a {
			display: block;
			width: 115px;
			height: 30px;
			position: absolute;
			cursor: pointer;
			overflow: hidden;
			}
			#search .s1 {top: 0; left: 0;}
			#search .s2 {top: 23px; left: 0;}
			#search .s3 {top: 46px; left: 0;}
				#search .s1 span {background: url(../img/s1.gif) no-repeat 0 0; z-index: 100;}
				#search .s2 span {background: url(../img/s2.gif) no-repeat 0 0; z-index: 100;}
				#search .s3 span {background: url(../img/s3.gif) no-repeat 0 0; z-index: 100;}
				
			#search .selected a span {background-position: 0 -30px; z-index: 120;}
			#search .selected a {z-index: 119;}
			
		#search form {
			position: absolute;
			top: 45px;
			left: 145px;
			width: 460px;
			}
			#search .field {
				width: 70px;
				margin-right: 3px;
				font-size: 1em;
				vertical-align: middle;
				}
			#search label {margin-right: 5px; vertical-align: middle;}
			#search select {width: 207px; vertical-align: middle; margin-top: 5px;}
			#search img {vertical-align: middle; margin-right: 10px;}
			#search h3 {color: #666666; font-size: 1.1em; margin-bottom: 5px; float: left; margin-right: 8px; padding-top: 2px; vertical-align: middle;}
			#search .city2 {font-weight: bold; float: left; vertical-align: middle; padding-top: 7px;}
			#search p {margin-bottom: 5px;}
			#search .button {
				position: absolute;
				bottom: 2px;
				right: 20px;
				}
				
				
		.results {
			color: #FFF;
			text-align: right;
			font-size: 0.9em;
			padding-right: 10px;
			padding-top: 3px;
			}
		.results a {color: #FFF;}
				
/* ****** eventrow ****** */

.eventbox {
	background: url(../img/bg_eventbox1.gif) no-repeat #FEFEFF;
	}
	.eventbox .listingImg{
		width: 195px;
		height: 98px;
		}
	
.eventboxin {
	background: url(../img/bg_eventbox_bot1.gif) no-repeat bottom left;
	padding: 5px 10px 5px 5px;
	margin-bottom:8px;
	min-height: 90px;
	_height: 90px;
	}
	
	#first {background: url(../img/bg_eventbox.gif) no-repeat #FEFEFF;}
	#first .eventboxin {background: url(../img/bg_eventbox_bot.gif) no-repeat bottom left;}
	.date {
		float: left;
		width: 60px;
		text-align: center;
		font-size: 1.2em;
		font-weight: bold;
		margin-right: 5px;
		padding-top: 8px;	
		}
		.nr {font-size: 3.5em; padding-top: 16px; display: block; margin-bottom: -5px;}
		.day {font-size: 0.8em; font-weight: normal;}
	.eventbox img {float: left; margin-right: 10px; }
	.eventbox p {margin-bottom: 0;}
	.eventbox h2 {margin-bottom: 4px; margin-top: 5px; height: 45px;}
	.eventbox h2 a{text-decoration: none;}
	.txt p {font-size: 0.9em; line-height: 1em;}
	.eventbox .more {float: left; margin-top: 15px;}
	
	#content .eventbox .getticket {top: 10px; margin-right: 5px; }
	 #content .eventbox .getticket span {background: url(../img/but_ticket_thin.gif) no-repeat; width: 100%; height: 100%;}
	

	 
/* ********* event detail ******** */

.eventimg {
	float: left;
	width: 400px;
	height: 200px;
	}
	
#ticketorder {
	float: right;
	min-height: 200px;
	_height: 200px;
	background: #f5f5f5;
	width: 205px;
	}
	#ticketorder form {padding: 15px 5px 0 15px;}
	
	.lcol {
		float: left;
		width: 28%;
		margin-bottom: 6px;
		}
	.rcol {
		float: right;
		width: 68%;
		margin-bottom: 6px;
		}
		
	#ticketorder p {margin-bottom: 5px;}
	
	#tipscol {
		float: right;
		width: 177px;
		background: url(../img/bg_sidebox.gif) no-repeat #f4f3f2;
		margin-top: 50px;
		}
		#tipscol h2 {
			font-size: 1em;
			color: #595959;
			padding: 5px 10px;
			border-bottom: 2px solid #FFF;
			}
			.tips  {background: url(../img/bg_sidebox_bot.gif) no-repeat bottom left; padding: 0 10px 5px 10px;}
			.tips p {margin-bottom: 8px;}
		
		#eventtext {
			float: left; 
			width: 400px;
			}
			#text {
				padding: 25px 0 25px 25px;
				}
	
		
/* **** paticka **** */

#ender {
	background: #FFF;
	clear: both;
	width: 100%;
	font-size: 0.85em;
	margin-top: 25px;
	}
	#ender p {margin-bottom: 0;}
	#ender a {color: #595959; margin: 0 8px;}
	#ender a:hover {color: #ED4600;}
	#ender span {margin-right: 8px;}
	
	.copyright {
		padding: 10px 0 10px 30px;
		}

.redbg{
	background-color: #5F4335;
	}
	.redbg a{
		color: #fff !important;
		}
	
#Order, #Cart{
	padding: 20px; 
	}
	
	#Order label {
		float: left;
		width: 8em;
		text-align: right;
		margin-right: 5px;
		}
		#Cart input {}
		#Order br {clear: both;}
		
	.orderform {
		background: #F4F2F0;
		padding: 20px;
		line-height: 2em;
		margin-bottom: 20px;
		}
		.pole {width: 250px;}
		.orderform p {margin-bottom: 0;}
		.orderform .rgt { font-size: 0.9em; margin-right: 10px;}
		.required {color: #990000;}

.Document{
	padding: 20px;
	min-height: 400px;
	_height: 400px;
	}
.active{
	background-color: #AA723B;
	
	}
	#calendar .active a{
		color: #FFF; 
		}
		#calendar .active a:hover {color: #330000;}
#placeDetail{
	padding: 10px;
	text-align: justify;
	}

.SiteMap{
	padding: 10px;
	}
	

	
#faq {padding: 15px 20px 20px 20px; clear: both;}

#zalozky {
	list-style: none;
	position: relative;
	top: 0; left: 0;
	float: left;
	background: #AA723B;
	width: 605px;
	}
	#zalozky li {
		margin: 0 0 0 0; padding: 0;
		display: inline;
		}
		#zalozky a {
			float: left; background: #AA723B; color: #FFF; border-right: 1px solid #AA723B;
			}
			#zalozky a span {
				padding: 5px 20px 6px 20px;
				display: block; 
				}
			#zalozky a:hover, #zalozky a.selected {background: url(../img/roh-zal-1.gif) no-repeat #FFF; color: #AA723B; text-decoration: none;}
			#zalozky a:hover span, #zalozky a.selected span {background: url(../img/roh-zal-2.gif) no-repeat top right; }
			#zalozky a.selected {font-weight: bold;}

.noclick a:hover{background: none !important;color: #fff;}
.noclick a:hover span {background: none !important;color: #fff;text-decoration: underline; cursor: default; }
.noclick a.selected:hover{background:  url(../img/roh-zal-1.gif) no-repeat #FFF !important;color: #fff;}
.noclick a.selected:hover span {background: url(../img/roh-zal-2.gif) no-repeat top right !important;color: #AA723B;text-decoration: none; }

.pager{
	text-align: center;
	}		
	.pager a{
		background: none;
		text-decoration: none;	
		}
	.pager a:hover{
		text-decoration: underline;
		}
	.pager a.active{
		font-weight: bold;	
		color: #5F4335;
		}
		
	.pager.top a {color: #FFF;}
	.pager.top a.active {color: #FFF;}
		
/* ******** SITE MAP ********** */

#SiteMap {
	padding-top:  25px;
	line-height: 1.5em;
	margin-left: 30px;
	padding-bottom: 30px;
	}
	#SiteMap img {margin-right: 5px;}
	
	#SiteMap ul {padding: 0; font-weight: bold; list-style: none;}	
		#SiteMap ul ul {margin-left: 25px;}
			#SiteMap ul ul ul {font-weight: normal;}
		#SiteMap ul li {
			background: none;
			padding: 4px 0;
			margin: 0;
						
			}
	.SideMenuItem {padding: 0;}