@import url(reset.css);
@import url(editor.css);
 
body {
	background: #000 url(/images/bg-light.jpg) no-repeat 50% 100%;
	min-width: 960px;
	color: #fff;
	font: 90% Helvetica, Arial, sans-serif;
	padding-bottom: 20px;
	}
#container {
	background: url(/images/backgrounds/speaker.jpg) no-repeat 50% 0;
	width: 100%;
	height: 100%;
	text-align: center;
	}
.oklubu { background: url(/images/backgrounds/disco.jpg) no-repeat 50% 0 !important; }
.pronajmy { background: url(/images/backgrounds/mics.jpg) no-repeat 50% 0 !important; }
.kontakty { background: url(/images/backgrounds/panel.jpg) no-repeat 50% 0 !important; }
.bar { background: url(/images/backgrounds/tea.jpg) no-repeat 50% 0 !important; }
.blog { background: url(/images/backgrounds/poker.jpg) no-repeat 50% 0 !important; }
#master {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}

/* ------[ header ]------ */
#header {
	position: relative; 
	height: 220px;
	margin-left: 70px;
	background: url(/images/navigation-bar.gif) repeat-x 0 90px;
	}
#header h1 {
	width: 115px;
	height: 155px;
	position: absolute;
	top: 52px;
	overflow: hidden;
	font-size: 240%;
	letter-spacing: -2px;
	text-align: center;
	}
#header h1 em {
	font-size: 70%;
	font-style: normal;
	}
#header h1 a {
	display: block;
	position: relative;
	text-decoration: none;
	padding-top: 30px;
	width: 115px;
	height: 155px;
	background: #fff;
	color: #000;
	z-index: 1;
	}
#header h1 a span {
	display: block;
	position: absolute;
	width: 115px;
	height: 155px;
	left: 0;
	top: 0;
	z-index: 2;
	background: url(/images/mklub.gif) no-repeat;
	}
#header p {
	position: absolute;
	width: 220px;
	right: 10px;
	bottom: 20px;
	text-align: right;
	font-size: 75%;
	line-height: 140%;
	color: #d9d9d9;
	font-weight: bold;
	margin: 0;
	}


/* ------[ navigation ]------ */
#navigation {
	position: absolute;
	top: 107px;
	left: 170px;
	}
#navigation li { float: left; }
#navigation li a, #navigation li a span {
	display: block;
	height: 38px;
	}
#navigation li a {
	background: #fff;
	line-height: 38px;
	text-align: center;
	margin-left: 40px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	position: relative;
	z-index: 1;
	cursor: pointer;
	}
#navigation li a span { 
	position: absolute;
	background: url(/images/navigation.gif) no-repeat;
	left: 0;
	top: 0;
	z-index: 2;
	}
#navigation li a#nav-id01, #navigation li a#nav-id01 span { width: 126px; background-position: 0 0; }
#navigation li a#nav-id02, #navigation li a#nav-id02 span { width: 48px; background-position: -157px 0; }
#navigation li a#nav-id03, #navigation li a#nav-id03 span { width: 72px; background-position: -243px 0; }
#navigation li a#nav-id04, #navigation li a#nav-id04 span { width: 39px; background-position: -354px 0; }
#navigation li a#nav-id05, #navigation li a#nav-id05 span { width: 84px; background-position: -432px 0; }
#navigation li a#nav-id06, #navigation li a#nav-id06 span { width: 82px; background-position: -537px 0; }

#navigation li a#nav-id01:hover span, #navigation li a#nav-id01.active span { background-position: 0 -38px; }
#navigation li a#nav-id02:hover span, #navigation li a#nav-id02.active span { background-position: -157px -38px; }
#navigation li a#nav-id03:hover span, #navigation li a#nav-id03.active span { background-position: -243px -38px; }
#navigation li a#nav-id04:hover span, #navigation li a#nav-id04.active span { background-position: -354px -38px; }
#navigation li a#nav-id05:hover span, #navigation li a#nav-id05.active span { background-position: -432px -38px; }
#navigation li a#nav-id06:hover span, #navigation li a#nav-id06.active span { background-position: -537px -38px; }

#navigation li a#nav-id01:active span { background-position: 0 -77px; }
#navigation li a#nav-id02:active span { background-position: -157px -77px; }
#navigation li a#nav-id03:active span { background-position: -243px -77px; }
#navigation li a#nav-id04:active span { background-position: -354px -77px; }
#navigation li a#nav-id05:active span { background-position: -432px -77px; }
#navigation li a#nav-id06:active span { background-position: -537px -77px; }

#navigation li a.active { cursor: default; }


/* ------[ footer ]------ */
#footer {
	margin: 0 0 0 60px;
	color: #979696;
	font-size: 90%;
	line-height: 140%;
	}
#footer ul li {
	list-style: square;
	margin-left: 20px;
	}
#footer ul li a {
	color: #979696;
	text-decoration: none;
	margin: 2px 0;
	}
#footer .linksbar {
	background: url(/images/links-bg2.gif) no-repeat 10px 100%;
	padding-bottom: 10px;
	margin-bottom: 20px;
	}
#footer .links {
	float: left;
	width: 220px;
	margin: 50px 10px 0 10px;
	display: inline;
	padding: 30px 0;
	border-top: 3px solid #242422;
	}
#footer .links p a {
	color: #5f5f00;
	}
#footer .links h4 {
	text-transform: uppercase;
	color: #bcbcbc;
	font-weight: normal;
	}
#footer .recommendation {
	width: 400px;
	}
#footer .recommendation p {
	margin: 0;
	}
#footer .recommendation img {
	float: left;
	border: 3px solid #242422;
	margin: 0 20px 20px 0;
	}
#footer a:hover img { border-color: #c8ce00; }
#footer a:hover { color: #fff; }
p.copyright {
	text-align: right;
	margin: 0 20px 20px 0;
	}
p.copyright a { color: #979696; text-decoration: none; }
p.copyright a:hover { color: #fff; }



/* ------[ misc ]------ */
.separator hr { display: none; }
.clearfix { clear: left; }
.clearfix-right { /*height: 100px;*/ }
.img-center {
	text-align: center;
	margin: 20px 0;
	}
.img-right img {
	float: right;
	border: 5px solid #292826;
	margin: 0 0 0 20px;
	}
a { color: #cc6601; text-decoration: underline; }
a:visited { color: #c58d5e; /*text-decoration: none;*/ }
a:hover { color: #e7b500; text-decoration: none; }
a:active { color: #e7b500; /*text-decoration: none;*/ }
p { margin: 0 0 2em 0; }

/* ------[ sidebar ]------ */
#sidebar {
	margin: 0 10px 0 10px;
	padding-left: 720px;
	padding-top: 40px;
	}
.sidebox {
	font-size: 90%;
	line-height: 140%;
	margin: 0 0 10px 0;
	padding: 0 0 40px 0;
	}
.sidebox h3 {
	color: #a09f00;
	text-transform: uppercase;
	font-size: 110%;
	line-height: 140%;
	letter-spacing: 0.05em;
	border-bottom: 2px solid #a09f00;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	}
.sidebox p { margin: 0 0 1em 0; }
.sidebox p.cz { text-indent: 1.5em; margin: 0; }
.sidebox p.img {
	text-indent: 0;
	margin: 10px 0;
	}
.sidebox a { color: #a09f00; }
.sidebox a:hover { color: #e1d200; }
.movie {
	background: transparent url(/images/bg-movie.jpg) no-repeat bottom;
	}
.movie h4 {
	font-size: 120%;
	font-weight: normal;
	}
.movie h4 em {
	display: block;
	font-size: 70%;
	font-weight: bold;
	color: #c0c0c0;
	font-style: normal;
	}
.movie h3 {
	color: #969696;
	border-bottom-color: #969696;
	}


/* ------[ content ]------ */
#content {
	float: left;
	width: 700px;
	margin: 0 10px;
	display: inline;
	}
#content-in {
	margin-left: 60px;
	padding: 0 20px 60px 20px;
	background: #fff;
	color: #000;
	line-height: 140%;
	border: 3px solid #a09f00;
	border-left: none;
	border-right: none;
	}
.aktualne #content-in { background: #dedede; }
.blog #content-in { background: #23211f; color: #e8e0d8 }
.blog #content {
	width: 950px;
	}
.blog #content p {
	width: 60%;
	margin: 0 auto;
	margin-bottom: 40px;
	}
.blog #content p strong { color: #fff; }
#content h2, #content h3 {
	margin: 40px -20px 30px -80px;
	background: #904801 url(/images/event-label-top.jpg) repeat-y 0 0;
	color: #fff;
	font-size: 150%;
	font-weight: normal;
	}
#content h2 span, #content h3 span {
	display: block;
	padding: 15px 15px 15px 80px;
	}
#content h3 {
	background: #000 url(/images/event-label.jpg) repeat-y 0 0;
	color: #cc6601;
	}

#content .event {
	background: #dedede url(/images/event-bg.jpg) no-repeat 100% 0;
	margin: 0 -20px -20px -20px;
	padding: 0 20px 60px 20px;
	}
#content .event h2 {
	margin: 20px -20px 30px -80px;
	background: #000 url(/images/event-label.jpg) repeat-y 0 0;
	color: #cc6601;
	font-size: 150%;
	font-weight: normal;
	}
#content .event h2 span {
	display: block;
	padding: 15px 15px 15px 80px;
	}
#content .event h2.icon-dance span { background: url(/images/icons/cd-alt.gif) no-repeat 8px 5px; }
#content .event h2.icon-music span { background: url(/images/icons/mic-alt.gif) no-repeat 8px 5px; }
#content .event h2.icon-article span { background: url(/images/icons/blog-alt.gif) no-repeat 8px 5px; }
#content .event h2.icon-mask span { background: url(/images/icons/mask-alt.gif) no-repeat 8px 5px; }
#content .event h2.icon-book span { background: url(/images/icons/book-alt.gif) no-repeat 8px 5px; }
#content .event h2.icon-movie span { background: url(/images/icons/movie-alt.gif) no-repeat 8px 5px; }

#content h2.icon-article span { background: url(/images/icons/blog.gif) no-repeat 8px 5px; }
#content h2.icon-klub span { background: url(/images/icons/klub.gif) no-repeat 8px 5px; }
#content h3.icon-klub span { background: url(/images/icons/klub-alt.gif) no-repeat 8px 5px; }
#content h3.icon-drink span { background: url(/images/icons/drink-alt.gif) no-repeat 8px 5px; }
#content h3.icon-food span { background: url(/images/icons/food-alt.gif) no-repeat 8px 5px; }
#content h3.icon-tea span { background: url(/images/icons/tea-alt.gif) no-repeat 8px 5px; }
#content h2.icon-tea span { background: url(/images/icons/tea.gif) no-repeat 8px 5px; }
#content h2.icon-bar span { background: url(/images/icons/bar-alt.gif) no-repeat 8px 5px; }
#content h3.icon-time span { background: url(/images/icons/time-alt.gif) no-repeat 8px 5px; }
/*#content .event h2.music span { background: url(/images/icons/music.gif) no-repeat 8px -35px; }*/
.event-content { padding-left: 270px; }
.event-content strong {color:#000000 !important;}
.event p {
	color: #808080;
	font-size: 90%;
	line-height: 140%;
	margin: 0 0 10px 0;
	}
.event .date {
	color: #b1a596;
	font-size: 125%;
	margin: 0 0 10px 0;
	}
.event .perex {
	color: #000;
	line-height: 140%;
	margin: 0 0 10px 0;
	}
.event-img img {
	float: left;
	border: 5px solid #fff;
	margin: 0 20px 20px 0;
	}

#content h3.icon-article span a  {
color:#CC6601;
text-decoration:none;
}
#content h3.icon-article span a:hover {
color:#E7B500;
text-decoration:underline;
}

#content .top-event {
	background: #fff;
	padding-top: 10px;
	}
#content .top-event h2 {
	background: #904801 url(/images/event-label-top.jpg) repeat-y 0 0;
	color: #fff;
	}
#content .top-event h2.icon-music span { background: url(/images/icons/mic.gif) no-repeat 8px 5px; }
#content .top-event h2.icon-dance span { background: url(/images/icons/cd.gif) no-repeat 8px 5px; }
#content .top-event .event-img img {
	border: 5px solid #292826;
	}

.pagination ul { float: right; list-style: none; }
.signpost ul li { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.signpost ul li, .pagination ul li { float: left; }
.pagination ul li a, .signpost ul li a {
	display: block;
	padding: 5px 10px;
	float: left;
	background: #353432;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 80%;
	margin-left: 5px;
	line-height: 100%;
	}
.pagination ul li a:hover, .signpost ul li a:hover {
	background: #545554;
	color: #eee;
	}
.pagination ul li a:active, .signpost ul li a:active  {
	color: #000;
	}


.oklubu #content-in ul li {
	margin-left: 15px;
	padding: 5px 0;
	list-style: square;
	}
.gallery {
	margin: 20px 0;
	}
.gallery a img {
	border: 5px solid #292826;
	margin: 5px 15px;
	}
.gallery a:hover img { border-color: #c8ce00; }
.gallery a:active img { border-color: #000; }

table.pricelist {
	width: 100%;
	text-align: right;
	margin: 0 0 20px 0;
	}
table.pricelist th, table.pricelist td {
	padding: 10px 0 0 0;
	border-bottom: 1px dotted #cecece;
	}
table.pricelist th {
	text-align: left;
	}
table.pricelist span {
	font-weight: normal;
	color: #666;
	}

table.opening {
	width: 100%;
	margin-bottom: 20px;
	}
table.opening thead th {
	background: #242521;
	color: #fff;
	text-align: center;
	}
table.opening td, table.opening th {
	padding: 5px 20px;
	text-align: center;
	}
table.opening th {
	text-align: left;
	}
table.opening tr.over td, table.opening tr.over th {
	background: #efefef;
	}
dl.tealist dt {
	font-size: 110%;
	padding: 5px 0;
	}
dl.tealist dd {
	margin: 0 0 10px 0;
	}
.tea h4 {
	font-weight: bold;
	font-size: 110%;
	letter-spacing: 1px;
	padding: 5px 0 2px 0;
	margin-bottom: 5px;
	color: #c85000;
	border-bottom: 2px solid #ccc;
	position: relative;
	}
.tea span { display: none; }
.tea em {
	float: right;
	font-style: normal;
	font-weight: normal;
	font-size: 90%;
	letter-spacing: 0;
	color: #000;
	_margin-top: -1.4em !important;
	}
.pcz p {
	text-indent: 2em;
	margin: 0 0 0.5em 0;
	}
/*.blog-gallery {
	margin: 40px 0;
	}
.blog-gallery img {
	border: 5px solid #453c34;
	margin: 10px 0;
	}*/
#content p.blog-date, #content p.blog-author {
	width: 100%;
	margin: 0;
	color: #564941;
	text-indent: 0;
	}
#content p.blog-date {
	font-size: 140%;
	margin-bottom: 5px;
	color: #70655f;
	}
 h3.icon-article span {
background:url("/images/icons/blog-alt.gif") no-repeat scroll 8px 5px transparent;
}
.facebook * {
	margin: 0;
	padding: 0;
	}
.zanechstopu #content-in ul li {
	margin-left: 15px;
	padding: 5px 0;
	list-style: square;
	}
 .comment {
	width: 60%;
	margin: 40px auto;
	border-bottom: 2px solid #2e2b27;
	}
.comment p {
	width: 100% !important;
	text-indent: 0 !important;
	color: #a09287;
	margin: 0 !important;
	margin-bottom: 10px !important;
	}
.comment-info {
	color: #6c5f57 !important;
	margin-bottom: 40px !important;
	}
.comment-info strong {
	color: #dad4d1 !important;
	}
.comment-add {
	width: 60%;
	margin: 40px auto;
	}
.comment-add p {
	width: 100% !important;
	text-indent: 0 !important;
	color: #6c5f57;
	margin: 0 !important;
	margin-bottom: 20px !important;
	}
.comment-add p input.comment-input, .comment-add p textarea.comment-input {
	background: #403b37;
	border: 1px solid #6c5f57;
	padding: 5px;
	width: 100%;
	color: #b7a174;
	}
.comment-add p input.comment-input:focus, .comment-add p textarea.comment-input:focus {
	border: 1px solid #8b8600;
	color: #cbbd00;
	}
.comment-add p textarea.comment-input {
	height: 70px;
	}
.blog #content-in p img {
  margin: 0 -170px !important;
  position: relative !important;
  border: 5px solid #453c34 !important;
  }
.product-gallery{
  text-align:center;   
}
.product-gallery img{
  margin:10px;
  border:4px solid #666666;
}
.anketa input{
  margin-top:10px;
  margin-bottom:50px;
  text-align:center;
}
.anketa p {text-align:center;}
.hlaska_anketa {
  text-align: center;
  color:  #fff;
  font-weight: bold;
  padding: 10px 5px;
  background: #904801;
}