*:focus { outline: none;}
html {
	min-width: 10px;
	min-height: 600px;
	background-color: #202020;
	color: white;
	overflow: hidden;
}
a img { border: 0px;}
a { color: white;}
body, p, h6, #player {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Arial', 'Helvetica', 'sans-serif';
	font-size: 85%;
}
hr {
	color: transparent;
	background-color: transparent;
	width: 100%;
	height: 0px;
	border: 0px solid white;
	border-top-width: 1px;
	margin: 0px;
	padding: 10px 0px;
	display: block;
	clear: both;
	opacity: 0.3;
}
p { line-height: 173%;}
h1, h2, h3 { margin-top: 0px; font-family: 'Arial', 'Helvetica', 'sans-serif';}
h1 { font-size: 200%;}
h5 { margin: 0px 0px 4px 0px; font-size: 100%;}
h6 { margin: 0px; font-size: 77%; font-weight: normal;}
ul, li { margin: 0px; padding: 0px;}
ul.horiz li { list-style-type: none; float: left; margin-right: 15px;}
ul.horiz li:last-child { margin-right: 0px;}
ul.nobullets, ul.nobullets li { list-style-type: none; margin-left: 0px; padding-left: 0px;}

.ui-tabs-nav {}

#tabs .ui-tabs-nav li a span { font-size: 123%; }
#tabs .ui-tabs-panel .ui-tabs-nav li a span { font-size: 100%; }
.ui-tabs-panel .ui-tabs-nav li a span { font-size: 108%;}

#bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
}
#logo {
	display: none;
	position: absolute;
	top: 3%;
	left: 0px;
	z-index: 1000;
	padding: 15px 15px 15px 50px;
}
#navi {
	position: absolute;
	top: 3%;
	left: 45%;
	padding: 5px;
}
.ui-tabs-panel .ui-tabs-nav {
	position: absolute;
	top: 13%;
	left: 55%;
	padding: 5px;
}
.ui-tabs-panel .ui-tabs-panel, .ui-tabs-panel.nochildren {
	position: absolute;
	width: 35%;
	top: 25%;
	right: 0px;
	padding: 25px;
	padding-right: 75px;
}

div.row label { clear: left; width: 100px; text-align: right; float: left;}
div.row label:after { content: ':';}
div.row label + div.input-like { float: left; margin-left: 15px; padding: 0px;}
div.input-like p { line-height: 1.5em; margin-top: 0px;}

#loading {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	background-image: url('/img/icons/loading.gif');
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 999;
}

.ui-tabs-nav, #logo, .ui-tabs-panel .ui-tabs-panel, .ui-tabs-panel.nochildren {
	background-image: url('/img/dot.png');
	background-color: transparent;
}

#progressbar, #progressbar .progress {
	z-index: 1000;
	height: 0px;
}
#progressbar {
	position: absolute;
	left: 22.5%;
	top: 55%;
	width: 50%;
	padding: 0px;
	border: 0px solid #333;
	border-top-width: 1px;
}
#progressbar .progress {
	overflow: hidden;
	width: 0%;
	margin-top: -1px;
	border: 0px solid #666;
	border-top-width: 1px;
}

.col { width: 99%; float: left; margin-left: 15px;}
.grid-three .col {
	width: 30%;
}
.col.first {
	margin-left: 0px;
}

#dlaczego-my-repertuar, #oferta-bankiety, #kontakt, #faq-1, #faq-2, #faq-3, #faq-4, #faq-5, #o-nas-biografia { background-image: url('/img/opaque-dot.png');}
#wedding, #disco, #banquette {
	background-repeat: no-repeat;
	background-position: top right;
}
#wedding { background-image: url('/img/symbols/wedding.png');}
#disco { background-image: url('/img/symbols/disco.png');}
#banquette { background-image: url('/img/symbols/banquette.png');}