/* ___| CSS document |_____________________ */


html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, menu, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
body	{ font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; font-size: 70%; color: #616161; background: #000 url("../img/bg.png") repeat-x top; }
a img	{ border: 0; }
.none	{ display: none; }
.hidden	{ visibility: hidden; }
.clear	{ margin: 0; padding: 0; height: 0; overflow: hidden; clear: both; }
br		{ clear: both; }

.opacity50 {filter:alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity:0.50; opacity:0.50;}
.opacity30 {filter:alpha(opacity=30); -moz-opacity:0.30; -khtml-opacity:0.30; opacity:0.30;}
.opacity15 {filter:alpha(opacity=15); -moz-opacity:0.15; -khtml-opacity:0.15; opacity:0.15;}


/* ___| container |_____________________ */


#head-all { margin: 0 auto; width: 100%; float: left; clear: both; background: url("../img/bg_header.jpg") no-repeat center top; }
#container { margin: 0 auto; width: 970px; position: relative; }


/* ___| header |_____________________ */


#header { width: 970px; height: 270px; float: left; clear: both; }
#header h2 {
	margin: 73px 0 0 0;
	left: 0;
	top: 0;
	width: 264px;
	height: 52px;
	overflow: hidden;
	background: none;
	display: block;
	position: relative;
	}
#header h2 a {
	width: 264px;
	height: 52px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	display: block;
	}
#header h2 span {
	left: 0;
	top: 0;
	width: 264px;
	height: 52px;
	background: url("../img/praha-te-bavi.png") no-repeat;
	display: block;
	position: absolute;
	}
p#slogan { margin: 0; width: 355px; height: 53px; background: url("../img/nocni-zivot-v-praze.png") no-repeat; position: absolute; top: 73px; right: 0; }
p#top-text { position: absolute; top: 12px; left: 0; color: #8e8e8e; }	
p#top-text span { margin: 0 0 0 8px; padding: 0 0 0 12px; background: url("../img/odd.png") no-repeat left center; }
p#top-text span strong { color: #b04738; }
p#top-text span a { color: #dcdcdc; text-decoration: underline; }	
p#top-text span a:hover { text-decoration: none; }
ul#top-menu { margin: 0; padding: 0; position: absolute; top: 4px; right: 0; }	
ul#top-menu li { margin: 0; list-style: none; float: left; }
ul#top-menu li a { 
	margin: 0 0 0 3px; 
	width: 105px;
	height: 29px;
	line-height: 29px;
	vertical-align: middle;
	font-weight: bold;
	color: #dcdcdc;
	text-decoration: none;
	text-align: center;
	background: #470f07 url("../img/btn_red.png") no-repeat;
	display: block;
	float: left; 
	}
ul#top-menu li a:hover { background-position: 0 -29px; }


/* ___| menu |_____________________ */


menu { margin: 0; padding: 19px 0 0 25px; width: 945px; height: 32px; position: absolute; top: 172px; left: 0; background: #161515 url("../img/bg_menu.png") no-repeat; }
menu li { position: relative; margin: 0 20px 0 0; padding: 0 25px 0 0; list-style: none; display: inline; background: url("../img/odd_menu.png") no-repeat right center; }
menu li.last, menu li ul li.last { background: none; }
menu li a { color: #888; text-decoration: none; font-weight: bold; font-size: 110%; }
menu li a:hover { color: #cdcdcd; text-decoration: none; }

menu ul {
	margin: 0;
	padding: 19px 0 0 18px;
	height: 25px;
	width: 280px;
	display: none;
	background: #050404 url("../img/bg_submenu.png") no-repeat left top;
	position: absolute;
	left: -14px; top: 22px;
	float: left;
	clear: both;
	}
menu li ul li { position: static; margin: 0 14px 0 0; padding: 0 19px 0 0; list-style: none; display: inline; background: url("../img/odd_menu.png") no-repeat right center; }
menu li ul li a { color: #393838; text-decoration: none; font-weight: normal; font-size: 100%; }
menu li ul li a:hover { color: #cdcdcd; text-decoration: none; }
.sub_r { margin: -32px 0 0 0; width: 6px; height: 44px; font-size: 0; background: url("../img/bg_submenu_r.png") no-repeat; float: right; }


/* ___| main |_____________________ */

a { color: #a76c03; }


#main { width: 970px; float: left; clear: both; }
#col_left { margin: 0; width: 582px; float: left; }
#col_centr { margin: 0 8px 0 20px; width: 200px; float: left; }
#col_right { margin: 0; width: 160px; float: left; }

.d-line { margin: 10px 0; width: 100%; height: 3px; float: left; clear: both; background: url("../img/bg_line_d.png") repeat-x; font-size: 0; }
.s-line { margin: 10px 0 20px 0; width: 100%; height: 1px; float: left; clear: both; background: url("../img/bg_line_d.png") repeat-x top; font-size: 0; }


/* ___| images |_____________________ */


.images { margin: 0 14px 14px 14px; width: 87px; height: 87px; float: left; position: relative; }
.images a { margin: 0; width: 87px; height: 87px; position: absolute; top: 0; left: 0; background: url("../img/bg_over-img.png") no-repeat; }

.images-red { margin: 0 14px 14px 14px; width: 87px; height: 87px; float: left; position: relative; }
.images-red a { margin: 0; width: 87px; height: 87px; position: absolute; top: 0; left: 0; background: url("../img/bg_over-img-red.png") no-repeat; }


.images-s { margin: 0 14px 14px 14px; width: 50px; height: 50px; float: left; position: relative; }
.images-s a { margin: 0; width: 50px; height: 50px; position: absolute; top: 0; left: 0; background: url("../img/bg_over-img-s.png") no-repeat; }

.images-big { margin: 0 14px 14px 14px; width: 200px; height: 200px; float: left; position: relative; }
.images-big a { margin: 0; width: 200px; height: 200px; position: absolute; top: 0; left: 0; background: url("../img/bg_over-img-big.png") no-repeat; }


/* ___| box |_____________________ */


.box { 
	margin: 14px 0 20px 0;
	width: 582px;
	height: 199px;
	background: #222121 url("../img/bg_box.png") no-repeat;
	float: left; clear: both;
	}
.box_in { 
	margin: 0;
	padding: 18px;
	width: 255px;
	float: left;
	}
#col_left .box h3 { margin: 0 0 12px 0; width: 252px; font-size: 110%; color: #bb7d0c; font-weight: normal; text-transform: uppercase; float: left; clear: both; }
#col_left .box h3 span { float: left; }
#col_left .box h3 a { 
	margin-top: 1px;
	padding-left: 12px; 
	float: right; 
	font-size: 85%; 
	color: #a76c03; 
	text-decoration: none; 
	text-transform: none; 
	background: url("../img/arr_yellow.png") no-repeat left 5px; 
	}
#col_left .box h3 a:hover { color: #fff; background: url("../img/arr_white.png") no-repeat left 5px; }
.klub { margin: 0 0 12px 1px; padding: 10px 12px; width: 226px; height: 42px; background: url("../img/bg_klub.png") no-repeat; float: left; clear: both; }
#col_left .klub h4 { margin: 0 0 4px 0; width: 226px; color: #b5b2af; font-size: 105%; text-decoration: none; float: left; clear: both; }
#col_left .klub h4 a { color: #b5b2af; text-decoration: none; }
#col_left .klub h4 a:hover { text-decoration: underline; }
#col_left .klub h4 span { float: left; display: block; width: 126px; }
#col_left .klub h4 span.kl_r { float: right; display: block; width: 100px; text-align: right; font-size: 85%; color: #a25d0d; font-weight: normal; }
#col_left .klub p { font-size: 90%; line-height: 130%; float: left; width: 226px; clear: both; }
#col_left p.date { 
	margin: 0 0 16px 0;
	padding-top: 5px;
	width: 57px;
	height: 52px;
	background: #e4e4e4 url("../img/bg_date.png") no-repeat;
	color: #292929;
	text-align: center;
	font-size: 180%;
	line-height: 140%;
	float: left;
	}
#col_left p.date span { margin-top: 8px; display: block; color: #fff; font-size: 50%; line-height: 100%; }
.box_akce { margin: 0 0 16px 14px; width: 174px; float: left; }
#col_left .box_akce h4, #col_left .box_akce h4 a { margin: 0 0 1px 0; color: #8b8787; font-size: 105%; text-decoration: none; }
#col_left .box_akce h4 a:hover { color: #8b8787; text-decoration: underline; }
#col_left .box_akce p { margin: 0 0 1px 0; color: #8b8787; font-size: 85%; }
#col_left .box_akce p a.btn_a { color: #fff; text-decoration: none; padding-left: 12px; background: url("../img/arr_white.png") no-repeat left 5px; }
#col_left .box_akce p a.btn_a:hover { background: url("../img/arr_yellow.png") no-repeat left 5px; color: #a76c03; }

.box_akce_big { margin: 7px 0 16px 14px; width: 500px; float: left; }
#col_left .box_akce_big h4, #col_left .box_akce_big h4 a { margin: 0 0 1px 0; color: #a76c03; font-size: 135%; text-decoration: none; height: 28px; overflow: hidden;  }
#col_left .box_akce_big h4 a:hover { color: #a76c03; text-decoration: underline; }
#col_left .box_akce_big p { margin: 0 0 1px 0; color: #8b8787; font-size: 85%; }
#col_left .box_akce_big p a.btn_a { color: #fff; text-decoration: none; padding-left: 12px; background: url("../img/arr_white.png") no-repeat left 5px; }
#col_left .box_akce_big p a.btn_a:hover { background: url("../img/arr_yellow.png") no-repeat left 5px; color: #a76c03; }

/* ___| clanky |_____________________ */


.article { 
	margin: 0 0 6px 0;
	width: 582px;
	float: left; clear: both;
	}
#col_left .article h3 { margin: 0 0 5px 0; color: #b97803; font-size: 105%; }
#col_left .article h3.band { font-size: 30px; margin-top: 6px; height: 40px; width: 460px; overflow: hidden; }
#col_left .article h3.band a { text-decoration: none }
#col_left .article h3.band a:hover { text-decoration: underline; }
#col_left .article h3 a { color: #b97803; text-decoration: underline; }
#col_left .article h3 a:hover { text-decoration: none; }
#col_left .article p { margin: 0 0 5px 0; color: #909090; line-height: 140%; }
#col_left .article p.date_art { width: 220px; float: left; color: #393535; }
#col_left .article p.btn_a { float: right; text-align: right; }
#col_left .article p.btn_a a { color: #a76c03; text-decoration: none; padding-left: 12px; background: url("../img/arr_yellow.png") no-repeat left 5px; }
#col_left .article p.btn_a a:hover { background: url("../img/arr_white.png") no-repeat left 5px; color: #fff; }
#col_left .article .images { margin: 0 18px 0 4px; }


/* ___| komenty |_____________________ */


.comment { 
	margin: 0 0 6px 0;
	width: 582px;
	float: left; clear: both;
	}
#col_left .comment h3 { margin: 0 0 5px 0; color: #b97803; font-size: 100%; }
#col_left .comment h3 a { color: #b97803; }
#col_left .comment h3 a:hover { color: white; }
#col_left .comment h3 span { font-weight: normal; color: #634104; }
#col_left .comment .images-s { margin: 0 18px 6px 4px; }


/* ___| profil |_____________________ */


table#profil { margin: 10px 0; width: 100%; border-collapse: collapse; font-size: 11px; }
table#profil td, table#profil th { vertical-align: top; color: #999; text-align: left; background: #131212; padding: 8px 12px; }
table#profil tr.light td, table#profil tr.light th { background: #000; }
table#profil td.im { text-align: center; background: #000; }
.form-input { margin-top: 14px; }
#col_left .form-input input.btn { margin: 2px 1px; }


/* ___| red box |_____________________ */


.rbox { margin: 0 0 24px 0; width: 200px; float: left; clear: both; background: #230905; }
.rbox h3 { 
	margin: 0 0 10px 0; 
	padding: 0 0 0 16px;
	width: 184px; 
	height: 46px; 
	line-height: 46px; 
	vertical-align: middle;
	background: #661d13 url("../img/bg_tit_red.png") no-repeat left top; 
	font-size: 110%; 
	text-transform: uppercase; 
	font-weight: normal;
	color: #fff; 
	float: left; clear: both;
	}
.rbox p {
	margin: 5px 20px 10px 20px;
}
.rbox p a {
	color: #fcc;
	}
.rbox_b { margin: 0; width: 200px; height: 4px; font-size: 0; float: left; clear: both; background: url("../img/bg_rbox_b.png") no-repeat; }


/* ___| line box |_____________________ */


.lbox { margin: 0 0 24px 0; width: 200px; float: left; clear: both; background: #000 url("../img/bg_lbox_m.png") repeat-y left top; }
.lbox h3 { 
	margin: 0 0 10px 0; 
	padding: 0 0 0 16px;
	width: 184px; 
	height: 46px; 
	line-height: 46px; 
	vertical-align: middle;
	background: #211d1d url("../img/bg_tit_grey.png") no-repeat left top; 
	font-size: 110%; 
	text-transform: uppercase; 
	font-weight: normal;
	color: #fff; 
	float: left; clear: both;
	}
.lbox_b { margin: 0; width: 200px; height: 4px; font-size: 0; float: left; clear: both; background: url("../img/bg_lbox_b.png") no-repeat; }


/* ___| black box |_____________________ */


.bbox { margin: 0 0 24px 0; width: 200px; float: left; clear: both; background: #000; }
.bbox h3 { 
	margin: 0 0 10px 0; 
	padding: 0 0 0 16px;
	width: 184px; 
	height: 46px; 
	line-height: 46px; 
	vertical-align: middle;
	background: #211d1d url("../img/bg_tit_grey.png") no-repeat left top; 
	font-size: 110%; 
	text-transform: uppercase; 
	font-weight: normal;
	color: #fff; 
	float: left; clear: both;
	}
.bbox .images { margin: 10px 0 2px 8px; }


/* ___| grey box |_____________________ */


.gbox { margin: 0 0 24px 0; width: 200px; float: left; clear: both; background: #161414; }
.gbox h3 { 
	margin: 0 0 10px 0; 
	padding: 0 0 0 16px;
	width: 184px; 
	height: 46px; 
	line-height: 46px; 
	vertical-align: middle;
	background: #211d1d url("../img/bg_tit_grey.png") no-repeat left top; 
	font-size: 110%; 
	text-transform: uppercase; 
	font-weight: normal;
	color: #fff; 
	float: left; clear: both;
	}
.gbox p.text {
	margin: 15px 8px 4px 15px;
}
.gbox_b { margin: 8px 0 0 0; width: 200px; height: 4px; font-size: 0; float: left; clear: both; background: url("../img/bg_gbox_b.png") no-repeat; }
.comm { margin: 0 0 0 13px; width: 176px; float: left; clear: both; }
.gbox_lin { margin: 8px 0; width: 200px; height: 5px; font-size: 0; float: left; clear: both; background: url("../img/bg_gbox_lin.png") no-repeat; }
.comm h5 { margin: 0 0 8px 0; width: 99px; color: #b5b2af; font-size: 100%; text-decoration: none; float: left; }
.comm h5 a { color: #b5b2af; text-decoration: underline; }
.comm h5 a:hover { text-decoration: none; }
.comm p { color: #6f6e6e; font-size: 90%; line-height: 140%; text-align: justify; clear: both; }
.comm p.date_comm { margin-top: 2px; width: 76px; color: #462621; float: right; text-align: right; font-size: 90%; clear: none; }



/* ___| formats |_____________________ */


#col_left h1, #col_left h2 { margin-bottom: 16px; font-size: 125%; color: #9e9e9e; }
#col_left h1 span, #col_left h2 span { font-weight: normal; }
#col_left h3.tit-box { 
	margin: 10px 0 20px 0; 
	padding: 0 0 0 16px;
	width: 566px; 
	height: 38px; 
	line-height: 38px; 
	vertical-align: middle;
	background: #131212 url("../img/bg_tit-box.png") no-repeat left top; 
	font-size: 110%; 
	text-transform: uppercase; 
	font-weight: normal;
	color: #fff; 
	float: left; clear: both;
	}
#col_left h3.tit-box span { 
	margin: 4px 7px 0 0;
	width: 30px;
	height: 30px;
	display: block;
	cursor: pointer;
	background: #28120f url("../img/plus.png") no-repeat; 
	float: right;
	}
#col_left h3.tit-box span.minus { background: #28120f url("../img/minus.png") no-repeat; }
#col_left p { margin-bottom: 10px; line-height: 150%; text-align: justify; color: #616161; }
#col_left p a { color: #818181; }
#col_left label {
	margin: 3px 14px 0 0;
	width: 120px;
	color: #8e8e8e;
	font-size: 100%;
	font-weight: bold;
	display: block;
	float: left;
	clear: both;
	}
#col_left label.radio {
	width: auto;
	margin: 3px 20px 0 0;
	font-weight: normal;
	float: left;
	clear: none;
	}
#col_left label span { margin-top: 1px; font-weight: normal; }
#col_left input.btn { 
	margin: 10px 0 10px 0; 
	padding: 0;
	width: 105px;
	height: 29px;
	line-height: 29px;
	vertical-align: middle;
	font-weight: bold;
	color: #dcdcdc;
	text-decoration: none;
	text-align: center;
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
	font-size: 100%;
	background: #470f07 url("../img/btn_red.png") no-repeat;
	border: none;
	cursor: pointer;
	}
#col_left input.btn:hover {
	background-position: 0 -29px;
	}
#col_left input {
	margin: 0 10px 10px 0; 
	padding: 4px;
	width: 164px;
	height: 14px;
	background: #fff url("../img/bg_input.png") no-repeat;
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
	font-size: 100%;
	color: #000;
	border: none;
	}
#col_left input.input100 {
	background: #fff url("../img/bg_input_100.png") no-repeat;
	width: 92px;
	}
#col_left input.input300 {
	background: #fff url("../img/bg_input_300.png") no-repeat;
	width: 292px;
	}
#col_left input.check { margin-top: 3px; width: auto; }
#col_left input.radio {
	width: 20px;
	float: left;
	margin: 3px 2px 13px 0;
	background: none;
	}
#col_left textarea {
	margin: 0 0 10px 0; 
	padding: 4px;
	width: 392px;
	height: 53px;
	background: #fff url("../img/bg_text.png") no-repeat;
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
	font-size: 100%;
	color: #000;
	border: none;
	}
#col_left select {
	margin: 0 0 10px 0; 
	padding: 4px;
	height: 22px;
	background: #fff;
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
	font-size: 100%;
	color: #000;
	border: none;
	background: #fff url("../img/bg_input_300.png") no-repeat;
	}
#col_left ul {
	margin: 0 20px 10px 20px;
}
#col_left ul li {
	margin-bottom: 3px;
}
#col_left form.formonpage {
	margin: 40px 0;
}

#col_left div.infoerror
{
	padding: 7px;
	margin: 20px 0;
	background: #531207;
	border: 1px solid #732217;
	color: #dbb;
}
#col_left div.infomessage
{
	padding: 7px;
	margin: 20px 0;
	background: #125307;
	border: 1px solid #227317;
	color: #bdb;
}
	
	
#col_centr input {
	margin: 5px 0 12px 13px; 
	padding: 4px;
	width: 164px;
	height: 14px;
	background: #fff url("../img/bg_input.png") no-repeat;
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
	font-size: 100%;
	color: #000;
	border: none;
	}
#col_centr input.check { margin-top: 3px; width: auto; }
#col_centr textarea {
	margin: 5px 0 12px 13px; 
	padding: 4px;
	width: 164px;
	height: 53px;
	background: #fff url("../img/bg_textarea.png") no-repeat;
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
	font-size: 100%;
	color: #000;
	border: none;
	}
#col_centr input.btn { 
	margin: 3px 0 10px 13px; 
	padding: 0;
	width: 105px;
	height: 29px;
	line-height: 29px;
	vertical-align: middle;
	font-weight: bold;
	color: #dcdcdc;
	text-decoration: none;
	text-align: center;
	background: #470f07 url("../img/btn_red.png") no-repeat;
	border: none;
	cursor: pointer;
	}
#col_centr label {
	margin: 0 0 0 13px;
	color: #8e8e8e;
	font-size: 90%;
	display: block;
	float: left;
	}


/* ___| footer |_____________________ */


#footer { margin: 20px 0 0 0; width: 970px; padding-bottom: 40px; float: left; clear: both; }
#footer ul { margin: 0 0 5px 0; padding: 20px 0 0 10px; width: 960px; float: left; clear: both; background: url("../img/bg_line_red.png") no-repeat left top; }	
#footer ul li { margin: 0 20px 0 0; padding: 0 25px 0 0; list-style: none; display: inline; background: url("../img/odd.png") no-repeat right center; }
#footer ul li.last { background: none; }
#footer ul li a { color: #888; text-decoration: none; font-size: 100%; }
#footer ul li a:hover { color: #cdcdcd; text-decoration: none; }
#footer p { width: 465px; float: left; padding: 0 10px; color: #2a2929; font-size: 90%; }
#footer p#f-right { float: right; text-align: right; }
#footer p a { color: #434242; text-decoration: underline; }
#footer p a:hover { text-decoration: none; }



/* ___| dalsi |______________________ */

.adminbox
{
	margin-bottom: 20px;
	padding: 5px 10px;
	border: 1px solid #333;
	background: #111;
}

.adminbox div
{
	float: right;
	color: black;
	font-size: 32px;
	font-weight: bold;
	line-height: 11px;
}

.adminbox a
{
	color: inherit;
	text-decoration: none;
}

.adminbox a:hover
{
	text-decoration: underline;
}

h4.actionday
{
	margin-left: 80px;
	color: #b97803;
	font-size: 45px;
	margin-bottom: 20px;
}

table.calendar
{
	color: white;
}

table.calendar tr
{

}

table.calendar tr th
{
	padding: 5px 0;
}

table.calendar tr td
{
	text-align: center;
	padding: 4px 0;
}

table.calendar tr td.fill:hover
{
	background: #333;
}

table.calendar tr td.selectday
{
	border: 1px dotted white;
}

table.calendar tr td a
{
	color: #ccc;
	text-decoration: none;
	padding: 5px;
}

table.calendar tr td.actionthisday
{
	background: #311;
}

table.calendar tr td.actionthisday:hover
{
	background: #844;
}

table.calendar tr td.today
{
	border: 1px solid #444;
}

.whiteline { margin: 25px 0 25px 0; width: 100%; height: 1px; float: left; clear: both; font-size: 0; }

div.pager_numeric
{
	text-align: right;
	line-height: 30px;
}

div.pager_numeric span.actualpage
{
	margin: 5px;
}

div.pager_numeric span a
{
	color: white;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
}

div.pager_numeric span a:hover
{
	background: #333;
}

div.pager_alphabet
{
	text-align: right;
	line-height: 30px;
}

div.pager_alphabet span.actualpage
{
	margin: 5px;
}

div.pager_alphabet span a
{
	color: white;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
}

div.pager_alphabet span a:hover
{
	background: #333;
}

img.fbheader
{
	float: left;
	opacity: .5;
	-moz-opacity: .5;
	filter:alpha(opacity=50);
	margin: 1px 5px 0 0
}

img.fbheader:hover
{
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

div#actionloginbox
{
	display: none;
	border: 3px solid #222;
	position: relative;
	background: #111;
	top: -270px;
	height: 270px;
	padding: 8px;
	margin-bottom: -270px;
}

div#actionloginbox h3
{
	font-size: 16px;
	padding: 10px 0;
	color: white;
}