/* ========================== html ============================= */
html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	}
 body {
	font-family:  Arial, Helvetica, sans-serif;
	text-align: left;
	color: #f2f2f2;
	background: black url(images/bgr.jpg) repeat-x;
	}
img {
	border: 0px;
	padding: 0px;
	}
.space, .nthng, .space_big, .space_biger, .space_huge {
	clear: both;
	height: 5px;
	width: 100%; 
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	}
.nthng {
	height: 0px;
	font-size: 0px;
	}
.space_big {height: 20px;}
.space_biger {height: 30px;}
.space_huge {height: 40px;}
/* ========================== script ============================= */
.hidden {display:none}
.shown {
	display:inline;
	color: #B3B3B3;
}
/* ========================== common ============================= */
h1 {
	position: absolute;
	top: -1000px;
}
h2 {color: #C4E4FF;}
a, a:visited {
	margin: 0px;
	text-decoration: underline;
	color: #C5B88E;
}
a:hover, a:visited:hover {
	text-decoration: none;
	color: white;
}
p, li, .c2, .c1 {
	font-size: 0.9em;
}
table {
	font-size: 0.8em;
	border: none; padding: 0; margin: 0;
}
th {
	border-top: 1px solid #808080;
	padding: 5px;
	font-size: 1.2em;
	color: #C4E4FF;
}
th span {
	font-size: 0.8em;
	color: #f2f2f2;
}
td {
	padding: 5px;
	margin: 0;
}
td.note, .snote {color:#AAAAAA;}
td.full {border: 1px solid #666666;}
td.hor {border-left: 1px solid #666666;border-right: 1px solid #666666;}
td.ver {border-top: 1px solid #666666;border-bottom: 1px solid #666666;}
td.lbrdr {border-left: 1px solid #666666;}
em {
	/*color: #ffd580;*/
	color: #fecf2e;
}
sup {font-size: 0.7em;}
/*.ext {
	bac
}*/
/* ========================== layout ============================= */
.obrys {
	width: 950px;
	_height: 500px;
	min-height: 500px;
	margin: 0 auto;
	padding: 0;
	background: url(images/top-czt5.jpg) no-repeat top right;
	}
.obrys-b {
	position:relative;
	width: 950px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin: 0 auto;
	padding: 0;
	background: url(images/main.jpg) repeat-y top right;
	}
.stable {
	float: left;
	width:375px;
	margin: 0;
	padding: 0;
	}
.lang_switch {
	display: block;
	float: left;
	position: relative;
	top: 267px; left: 930px;
	}
/* =========== icons =========== */
.column1 {
	width: 100px;
	float: left;
	margin: 0;
	padding: 100px 10px 0 10px;
	color: #a8a8a8;
	}
.column1 span {
	font-weight: bold;
/*	color: white;*/
	margin: 0;
	font-size: 0.8em;
	}
.column1 p {
	text-align: justify;
	margin: 5px 0 5px 0;
	font-size: 0.8em;
	}
.column1 h2 {
	margin: 0 0 15px 0;
	font-size: 1em;
/*	color: white;*/
	}
.column1 a, .column1 a:visited {
	color: white;
	text-decoration: none;
	}
.column1 a:hover, .column1 a:visited:hover {
	color: #fecf2e;
	text-decoration: none;
	}
/*.column1 img {
	margin-bottom: 15px;
	}
*/
/* =========== column =========== */
.column {
	width: 200px;
	float: left;
	margin: 0;
	padding: 100px 10px 0 40px;
	color: #a8a8a8;
	}
.column span {
	font-weight: bold;
	color: #fecf2e;
	margin: 0;
	font-size: 0.8em;
	}
.column p {
	/*text-align: justify;*/
	margin: 5px 0 5px 0;
	font-size: 0.8em;
	}
.column h2 {
	margin: 0 0 15px 0;
	font-size: 1em;
	}
.column a, .column a:visited {
	color: white;
	text-decoration: none;
	}
.column a:hover, .column a:visited:hover {
	color: #fecf2e;
	text-decoration: none;
	}
/* =========== column_m =========== */
.column_m {
	width: 350px;
	float: left;
	margin: 0;
	padding: 20px 0 0 0;
	color: #a8a8a8;
	}
.column_m span {
	font-weight: bold;
	color: #fecf2e;
	margin: 0;
	font-size: 0.8em;
	}
.column_m p {
	/*text-align: justify;*/
	margin: 5px 0 5px 0;
	font-size: 0.8em;
	}
.column_m h2 {
	margin: 0 0 15px 0;
	font-size: 1em;
	}
.column_m a, .column_m a:visited {
	color: white;
	text-decoration: none;
	padding-right: 10px;
	}
.column_m a:hover, .column_m a:visited:hover {
	color: #fecf2e;
	text-decoration: none;
	}
/* =========== main =========== */
.main {
	width: 510px;
	float: right;
	margin: 0;
	padding: 25px 18px 0 0;
	}
.main p {
	text-align: justify;
	margin: 0 0 15px 0;
	}
.main h2 {
	text-align: center;
	margin: 15px 0 15px 0;
	font-size: 1em;
	/*font-size: 1.2em;*/
	color: #C4E4FF;
	/*color: #fecf2e;*/
	}
.main h3 {
	text-align: left;
	margin: 15px 0 15px 0;
	vertical-align: middle;
	font-size: 0.9em;
}
.main h3 img {vertical-align: middle;}
.c2 {
	float: left;
	width: 220px;
	margin: 0 0 15px 25px;
	}
.c1, p.c1 {margin: 0 0 15px 25px;}
.c2 p, .c1 p {
	text-align: center;
	padding-bottom: 0;
	margin-bottom: 4px;
	}
ul.ulspaces {
	margin: 0 0 20px 0;
	padding: 0 0 0 50px;
}
ul.ulspaces li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
}
ul.ulspaces ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 50px;
}
ul.ulspaces ul li {
	list-style: circle;
	margin: 0;
	padding: 0;
}
ul.ulspaceProg1 {
	margin: 0 0 20px 0;
	padding: 0 0 0 50px;
}
ul.ulspaceProg1 li  {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
}
ul.ulspaceProg2 {
	margin: 0 0 20px 0;
	padding: 0 0 0 60px;
}
ul.ulspaceProg2 li  {
	list-style: circle;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	font-size: 0.8em;
}
.formfield { width: 100px; }
.Ptime, .Pdate {
	float: left;
	display: block;
	width: 80px;
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 0.9em;
}
.Pdate {
	text-align: left;
	width: 135px;
	margin: 0 0 0 60px;
}
.Pevent {
	float: left;
	text-align: left;
	margin: 0 0 0 13px;
	padding: 0;
	font-size: 0.9em;
}
p.anotace {
	padding: 0 20px 0 93px;
	margin: 5px 0 5px 0;
}
p.anotace, p.anotace2 {font-size: 0.8em;}
p.expandall {
	text-align: right;
	font-size: 0.7em;
	padding-right: 20px;
}

.vital_info_table {
  width: 340px; height: 40px;
  margin: 17px 30px 17px 70px; padding: 4px 0 0 50px;
  font-size: 0.9em;
}
.date {background: url(images/icon_date.gif) 0 6px no-repeat;}
.place {background: url(images/icon_place.gif) 0 6px no-repeat;}
/* =========== top menu =========== */
.top_menu {}
#flattop {float: left; display: block; width: 537px; height: 195px; background: url(images/flattop.jpg) 0 0 no-repeat; margin-left: 385px;}
.crossroad {display: block; float: left; text-align: center;}
.crossroad a{display: block; width: 179px; height: 195px;}
.crossroad a span {position: absolute; top: -1000px;}
.imax {margin-left: 385px;}
.imax a {background: url(images/top_act_1.jpg) 0 -195px no-repeat;}
.imax a:hover, .imax a.sel {background: url(images/top_act_1.jpg) 0 0 no-repeat;}
.czt a {background: url(images/top_act_2.jpg) 0 -195px no-repeat;}
.czt a:hover, .czt a.sel {background: url(images/top_act_2.jpg) 0 0 no-repeat;}
.concert a {background: url(images/top_act_3.jpg) 0 -195px no-repeat;}
.concert a:hover, .concert a.sel {background: url(images/top_act_3.jpg) 0 0 no-repeat;}
/* =========== menu =========== */
.localize {
	width: 950px; height: 20px;
	margin: 0;
	color: #eab400;
	text-align: right;
	font-weight: normal;
	font-size: 0.8em;
	/*position: relative;
	top: -1000px;*/
	}
.flag {
	position: relative;
	top: 10px;
}
#countbox {
	position: relative;
	top: 9px;
	display: inline;
	width: 200px;
	margin: 0 50px 0 0;
	padding: 0; 
	font-size: 0.8em;
	text-align: left;
}
#countbox span.xx {
	font-size: 1.5em;
	}
.menu {
	width: 552px; height: 48px;
	clear: both;
	float: right;
	padding: 24px 1px 0 1px;
	margin: 0;
	color: #eab400;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	background: url(images/top_menu.jpg) no-repeat;
	}
.submenu, .submenu3 {
	width: 430px; height: 48px;
	clear: both;
	float: right;
	margin: 0; padding-left: 70px;
	color: #eab400;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	top: -10px;
	}
.submenu3 {width: 510px; padding-left: 0;}
.menu a, .menu a:visited, .menu span,
.submenu a, .submenu a:visited, .submenu span,
.submenu3 a, .submenu3 a:visited, .submenu3 span {
	display: block;
	float: left;
	margin: 0;
	color: #CCCCCC;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	}
.menu a, .menu a:visited, .menu span {width: 92px; height: 48px;}
.submenu a, .submenu a:visited, .submenu span {
	width: 160px; height: 24px; padding-top: 8px; margin: 0 5px;
	background: url(images/menu_sub_off.jpg) no-repeat;
	}
.submenu3 a, .submenu3 a:visited, .submenu3 span{
	width: 160px; height: 24px; padding-top: 8px; margin: 0 4px;
	background: url(images/menu_sub_off.jpg) no-repeat;
	}
.menu span,
.submenu span,
.submenu3 span{
	color: gray;
	}
.menu a:hover, .menu a:visited:hover,
.submenu a:hover, .submenu a:visited:hover,
.submenu3 a:hover, .submenu3 a:visited:hover {
	color: #fecf2e;
	text-decoration: none;
	font-weight: bold;
	}
.menu a.sel, .menu a.sel:visited {
	color: #fdc100;
	background: url(images/menu_arrow.jpg) center 24px no-repeat;
	}
.submenu a.sel, .submenu a.sel:visited,
.submenu3 a.sel, .submenu3 a.sel:visited{
	color: #fdc100;
	background: url(images/menu_sub_on.jpg) no-repeat;
	}


a.btn, a.btn:visited {
	display: block;
	float: left;
	margin: 0;
	color: #fecf2e;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	width: 250px; height: 24px; padding-top: 8px; margin: 0 125px 20px;
	background: url(images/menu_big_btn.jpg) center 0px no-repeat;
	}
a.btn:hover, a.btn:visited:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background: url(images/menu_big_btn.jpg) center -32px no-repeat;
	}

/* =========== footer =========== */
.footer {
	width: 510px;
	margin: 0 0px;
	clear: both;
	padding: 5px 0 25px 0;
	font-size: 0.8em;
	text-align: center;
	color: #AAAAAA;
	}
.footer a, .footer a:visited {
	color: #fecf2e;
	text-decoration: none;
	}
.footer a:hover, .footer a:visited:hover {
	color: white;
	text-decoration: none;
	}
.line {
	clear: both;
	width: 480px;
	height: 1px;
	margin: 0 15px 3px 15px;
	font-size: 1px;
	border-top: 1px solid gray;
}

/* ========================== SPECIFIC ============================= */
.czt4_fotky {vertical-align: top;}
.czt4_fotky select, .czt4_fotky label {
	display: block;
	float: left;
	width: 70px;
	position:relative;
	text-align: center;
	}
.czt4_fotky-1 {height: 190px; background: url(images/czt4_fotky-1.jpg) 0 2px no-repeat;}
.czt4_fotky-2 {height: 250px; background: url(images/czt4_fotky-2.jpg) 0 4px no-repeat;}
.czt4_fotky-3 {height: 190px; background: url(images/czt4_fotky-3.jpg) 0 3px no-repeat;}

/* ========================== KEEP LAST ============================= */
.ram { border: 1px solid red; }
.more_l { margin-left: 5px; }
.more_k { margin-left: 40px; }
.center { text-align: center !important;}
p.pleft, code {text-align: left !important;}
.c2 ul {color: #A0A0A0;}	

.main p.note {
	font-size: 0.7em;
	color: #666666;
	padding: 3px 0 0 0;
}
p.note a, p.note a:visited {color: #808080;}
.shade {color: #999999;}
.alternatebgr {background: #363636; color: #faffcc;}