@charset "utf-8";
/* CSS Document */

body {
margin:0; padding:0;
font-size:12px;
background:#2e2e2e;
font-family: Arial, sans-serif;
color:#b4b4b4;
}

a, img {
border:none;
outline:none;
}

a {
color:#1988ab;
text-decoration:underline;
}
a:hover {
color:#fff;
text-decoration:none;
}

h1, h2, h3, h4 {
font-weight:normal;
}

h2, h3 {
font-family: "Tahoma", Arial, sans-serif;
color:#fff;
font-size:24px;
margin:0 0 16px 0; padding:0;
}

h4 {
font-size:16px;
color:#e8e8e8;
}

p {
line-height:18px;
}

p.contentFocus {
font-size:14px; color:#fff;
}
span.white {
color:#fff;
}
/******************************************************************************************/
/*************** 1. KONTENER I TŁO STRONY *******************/
div#mainBackground, div#zespolyBackground, div#zespolySelectBackground, div#prasaBackground {
width:100%;
background:url(../gfx/tla/main_bg.jpg) top center no-repeat;
float:left;
}

div#zespolyBackground {
background:url(../gfx/tla/zespoly_bg.jpg) top center no-repeat;
}

div#prasaBackground {
background:url(../gfx/tla/prasa_bg.jpg) top center no-repeat;
}

div#zespolySelectBackground {
background:url(../gfx/tla/zespolySelect_bg.jpg) top center no-repeat;
}

div#pageContainer {
width:960px;
margin:0 auto;
}

h1 {
width:323px;
height:100px;
display:block;
float:left;
margin:13px 0 0 0; padding:0;
font-size:14px;
text-indent:-5000px;
}
h1 a {
width:323px;
height:157px;
display:block;
position:relative;
}
h1 a span {
width:323px;
height:157px;
display:block;
position:absolute;
cursor:pointer;
background:url(../gfx/dodatki/logo.jpg) no-repeat;
}

/**************** MENU GŁÓWNE **************/
#mainmenu {
float:right;
margin:5px 0 0 0;
padding:0;
width:780px;
}

#mainmenu li {	
float:left;
display:inline;
list-style:none;
}

#mainmenu li a {
height:40px;
display:block;
text-indent:-7000px;
}

li.start a {
background:url(../gfx/menu/start.jpg) no-repeat; width:66px;
}
li.oferta a {
background:url(../gfx/menu/oferta.jpg) no-repeat; width:75px; margin-left:11px;
}
li.zespoly a {
background:url(../gfx/menu/zespoly.jpg) no-repeat; width:87px; margin-left:14px;
}
li.prezenter a {
background:url(../gfx/menu/prezenter.jpg) no-repeat; width:198px; margin-left:11px;
}
li.foto a {
background:url(../gfx/menu/foto.jpg) no-repeat; width:68px; margin-left:6px;
}
li.prasa a {
background:url(../gfx/menu/prasa.jpg) no-repeat; width:133px; margin-left:6px;
}
li.kontakt a {
background:url(../gfx/menu/kontakt.jpg) no-repeat; width:93px; margin-left:10px;
}

#mainmenu li a:hover, ul#mainmenu li a.active {	
background-position:0 -40px;
}
		
#mainmenu li ul {	
margin: 5px 0 0 0;
padding: 0;
position: absolute;
visibility: hidden;
width:194px;
}
		
#mainmenu li ul li {	
float: none;
display: inline;
}
			
#mainmenu li ul li a {	
width:180px;
background: #2e2e2e;
color: #6c6c6c;
text-indent:0;
font-size:14px;
height:auto;
border-bottom:1px solid #595959;
text-decoration:none;
padding:6px 0 6px 14px;
}

#mainmenu li ul li a:hover {
background:#3e3e3e;
color: #fff;
}


/************ FLASH / zapowiedź *****************/
div#flashIntro {
float:right;
width:62px;
height:55px;
display:block;
margin:0px 32px 0 0; padding:0;
}

/******************** 2. SLIDER OFERT ******************/
div#offerSlider {
float:left;
width:900px;
margin:36px 0 0 13px; padding:0;
}

div#offerSlider h2 {
float:left;
margin:0; padding:0;
width:569px;
height:39px;
background:url(../gfx/dodatki/headers/Hproponuje.jpg) no-repeat;
text-indent:-7000px;
}

div#sliderBox, ul#sliderContainer {
float:left;
width:569px;
height:290px;
margin:0 0 0 1px; padding:0;
background:url(../gfx/tla/slider_bg.jpg) no-repeat;
}
ul#sliderContainer {
background:none; margin:4px 0 0 4px;
overflow:hidden;
}
ul#sliderContainer li {
list-style:none;
margin:0; padding:0; position:relative;
}
ul#sliderContainer li p {
position:absolute; bottom:0; left:0; z-index:15; font-size:20px; background:url(../gfx/tla/toolTip_bg.png) repeat; padding:10px; margin:0; color:#fff; width:541px; font-size:14px; font-weight:bold; line-height:18px;
}
ul#sliderContainer li p span {
font-size:12px; font-weight:normal;
}

#sliderNav {
  margin: 10px 0px 10px 0px;
  float:right;
  display:inline;
}
#sliderNav a {
  background:url(../gfx/dodatki/inactiveDot.jpg) top left no-repeat;
  text-indent:-7000px;
  outline:none;
  margin:0 0 0 8px;
  width:11px;
  height:11px;
  float:left;
  display:inline;
}
#sliderNav a.activeSlide {
  background-image:url(../gfx/dodatki/activeDot.jpg);
}

/*************************************************************** TREŚĆ STRONY *****************************************************/
div#introBox, div#contactBox {
clear:left;
float:left;
margin:36px 0 0 13px; padding:0;
width:591px;
}
div#contactBox {
width:450px;
}
div#introBox p {
margin-top:0;
}

div#introBox ul {
margin:0 0 0 16px; padding:0;
}
div#introBox ul li {
margin-bottom:8px;
}


div#introBox ul#myFotoSlider {
float:left;
margin:0 16px 10px 0; padding:0;
width:200px;
height:213px;
overflow:hidden;
}
div#introBox ul#myFotoSlider li {
list-style:none;
margin:0; padding:0;
}

div#quickContact {
float:right;
width:309px;
height:187px;
background:url(../gfx/tla/quickContact_bg.png) no-repeat;
margin:32px 0 0 0; padding:0;
text-indent:-7000px;
}

/********************************* ZESPOŁY *************************/
div#bandContainer {
float:left;
width:960px;
margin:0; padding:0;
}

/********* WYBÓR ZESPOŁU *********/
h2.HzespolyMuzyczne {
width:315px;
height:43px;
display:block;
background:url(../gfx/dodatki/headers/Hzespolymuzyczne.jpg) no-repeat;
text-indent:-5000px;
float:left;
margin:46px 0 0 0; padding:0;
}
ul#bandSelect {
float:left;
width:960px;
height:430px;
margin:10px 0 0 24px; padding:0;
}
ul#bandSelect li {
float:left;
display:inline;
margin:0; padding:0;
list-style:none;
}
ul#bandSelect li a {
height:231px;
display:block;
text-indent:-5000px;
}
li.bS_ht a {
background:url(../gfx/dodatki/bandSelect_ht.jpg) no-repeat; width:306px; 
} 
li.bS_ab a {
background:url(../gfx/dodatki/bandSelect_ab.jpg) no-repeat; width:302px; margin:0 4px 0 2px;
}
li.bS_ojp a {
background:url(../gfx/dodatki/bandSelect_ojp.jpg) no-repeat; width:306px;
}
ul#bandSelect li a:hover {
background-position:0 -231px;
}
/*********************************/

div.bandIntro {
float:left;
width:408px;
margin:36px 0 0 17px; padding:0;
}

h2.band01, h2.band02, h2.band03, h2.band04, h2.band05, h2.band06 {
width:333px;
height:35px;
float:left;
display:block;
background:url(../gfx/dodatki/headers/bandNames.jpg) 0 0 no-repeat;
margin:0; padding:0;
text-indent:-7000px;
}

h2.band02 {
background-position:0 -35px;
}
h2.band03 {
background-position:0 -70px;
}
h2.band04 {
background-position:0 -105px;
}
h2.band05 {
background-position:0 -140px;
}
h2.band06 {
background-position:0 -175px;
}

div.bandIntro ul {
float:right;
width:auto;
margin:5px 0 0 0; padding:0;
}
div.bandIntro ul li {
float:left;
display:inline;
list-style:none;
margin-left:6px;
}
div.bandIntro ul li a {
width:9px;
height:22px;
display:block;
text-indent:-7000px;
cursor:pointer;
}
div.bandIntro ul li a.prev  {
background:url(../gfx/dodatki/arrowLeftOff.png) no-repeat;
}
div.bandIntro ul li a.prev:hover  {
background:url(../gfx/dodatki/arrowLeftOn.png) no-repeat;
}
div.bandIntro ul li a.next  {
background:url(../gfx/dodatki/arrowRightOff.png) no-repeat;
}
div.bandIntro ul li a.next:hover  {
background:url(../gfx/dodatki/arrowRightOn.png) no-repeat;
}

div.bandIntro h3 {
float:left; width:390px; margin:18px 0 0 0; text-shadow: 1px 1px #000;
}

div.bandIntro p {
float:left;
width:390px;
margin:14px 0 0 0;
color:#fff;
text-shadow: 1px 1px #000;
}

div.bandPhotos {
float:right;
width:510px;
height:292px;
margin:35px 16px 0 0; padding:0;
overflow:hidden;
}

/********************* 3 Kolumy **********************/

div#bandSklad, div#bandRepertuar, div#bandPlayer {
float:left;
width:328px;
margin:48px 0 0 17px; padding:0;
background:url(../gfx/tla/3cols_bg.jpg) 327px 44px no-repeat;

}

div#bandSklad dl{
margin:0; padding:0;
width:310px;
}

div#bandSklad dl dt {
font-size:14px; margin:12px 0 6px 0; font-weight:bold;
color:#fff;
}
div#bandSklad dl dd {
margin:0 0 6px 0; padding:0;
line-height:18px;
}

div#bandSklad ul {
margin:0 0 16px 0; padding:0;
width:310px;
float:left;
}
div#bandSklad ul li {
font-size:14px;
color:#fff;
margin:0 0 8px 0;
list-style:none;
}

div#bandSklad p {
width:308px;
text-align:justify;
}

div#bandRepertuar {
width:244px;
margin-left:10px;
background:url(../gfx/tla/3cols_bg.jpg) 243px 44px no-repeat;
}

div#bandRepertuar ol {
margin:0 0 0 26px; padding:0;
}

div#bandRepertuar ol li{
margin:0 0 4px 0; padding:0;
}

 div#bandRepertuar ul {
	margin:0; padding:0;
 }
 div#bandRepertuar ul li {
list-style:none; margin-bottom:6px;
 }
 div#bandRepertuar ul li a {
	font-size:14px;  padding:0 0 0 16px; 
 }

 div#bandRepertuar ul li a.active {
	font-size:14px; font-weight:bold; color:#fff; text-decoration:none;
	background:url(../gfx/dodatki/listIco.png) left center no-repeat;
 }
 
a.pdfDownload {
margin:20px 0 20px 0;
float:left;
}


/********************* mp3 player *****************/
div#bandPlayer {
width:353px;
margin-left:8px;
background:none;
}


#player_container {
	position: relative;
	width:353px;
	height:60px;
}
#player_container  ul#player_controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
#player_container  ul#player_controls li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play,
#player_pause {
	display: block;
	position: absolute;
	left:35px;
	top:6px;
	width:32px;
	height:32px;
	cursor: pointer;
}
#player_play {
	background:url(../gfx/musicPlayer/player.jpg) 0 0 no-repeat;
}
#player_play.jqjp_hover {
	background:url(../gfx/musicPlayer/player.jpg) -33px 0 no-repeat;
}
#player_pause {
	background:url(../gfx/musicPlayer/player.jpg) 0 -33px no-repeat;
}
#player_pause.jqjp_hover {
	background:url(../gfx/musicPlayer/player.jpg) -33px -33px no-repeat;
}

#ctrl_prev {
	position: absolute;
	left:6px;
	top:11px;
	background:url(../gfx/musicPlayer/player.jpg) 0 -66px no-repeat;
	width:22px;
	height:22px;
	cursor: pointer;
}

#ctrl_prev:hover {
	background:url(../gfx/musicPlayer/player.jpg) -23px -66px no-repeat;
}

#ctrl_prev.disabled {
	background:url(../gfx/musicPlayer/player.jpg) 0 -66px no-repeat;
	cursor:default;
}

#ctrl_next {
	position: absolute;
	left:74px;
	top:11px;
	background:url(../gfx/musicPlayer/player.jpg) -46px -66px no-repeat;
	width:22px;
	height:22px;
	cursor: pointer;
}

#ctrl_next:hover {
	background:url(../gfx/musicPlayer/player.jpg) -69px -66px no-repeat;
}

#ctrl_next.disabled {
	background:url(../gfx/musicPlayer/player.jpg) -46px -66px no-repeat;
	cursor:default;
}


#player_stop {
	position: absolute;
	left:112px;
	top:11px;
	background:url(../gfx/musicPlayer/player.jpg) 0 -89px no-repeat;
	width:22px;
	height:22px;
	cursor: pointer;
}
#player_stop.jqjp_hover {
	background:url(../gfx/musicPlayer/player.jpg) -23px -89px no-repeat;
}
#player_progress {
	position: absolute;
	left:150px;
	top:14px;
	background-color: #eee;
	width:150px;
	height:15px;
}
#player_progress_load_bar {
	background:url(../gfx/musicPlayer/bar_load.gif)  top left repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
#player_progress_load_bar.jqjp_buffer {
	background:url(../gfx/musicPlayer/bar_buffer.gif)  top left repeat-x;
}
#player_progress_play_bar {
	background:url(../gfx/musicPlayer/bar_play.gif) top left repeat-x ;
	width:0px;
	height:15px;
}

#play_time,
#total_time {
	position: absolute;
	left:150px;
	top:30px;
	width:150px;
	font-size:.8em;
	font-style:oblique;
}

#total_time {
	text-align: right;
}

#playlist_list {
	width:353px;
}

#playlist_list ul{
	list-style-type:none;
	padding:10px 20px 20px 6px;
	margin:0 0 10px 0;
	border-top:none;
	width:318px;
}

#playlist_list li{
	padding:4px 0 4px 20px;
	background:url(../gfx/tla/playerList_bg.jpg) left bottom no-repeat;
	cursor: pointer;
}

#playlist_list li.playlist_current{
	color:#0d88c1;
	list-style-type:square;
	list-style-position:inside;
	padding-left:6px;
	cursor: default;
}

#playlist_list li.playlist_hover {
	color:#0d88c1;
}

.miaow {
	font-size:.8em;
	color:#999;
}

.miaow a:link, .miaow a:visited, .miaow a:hover, .miaow a:focus, .miaow a:active {
	color:#009be3;
}

/*************************** DZIENNIKARZE *******************************/
div#prasaIntroBox {
clear:left;
float:left;
width:950px;
height:322px;
margin:44px 0 0 13px; padding:0;
background:url(../gfx/tla/prasaIntroBox_bg.jpg) no-repeat;
}

div#prasaIntroBox h2 {
font-size:36px;
color:#9f9f9f;
line-height:48px;
margin:44px 0 0 18px;
}

div#prasaIntroBox p {
color:#fff;
font-size:14px;
line-height:20px;
width:560px;
float:left;
margin:108px 0 0 6px;
}

div#pressPeopleContainer, div#contentColumns {
width:950px;
float:left;
margin:30px 0 0 0;
}

div.pressMan {
float:left;
width:450px;
margin:20px 0 0 17px;
}

div.pressMan img {
float:left;
margin:12px 12px 0 0;
border:4px solid #000;
}

div.pressMan p{
float:right;
width:310px;
margin:12px 0 4px 0;
}

/********************** KONTAKT ************************/
div#contactBox form {
float:left;
width:400px;
}

div#contactBox form fieldset {
width:400px;
border:none;
outline:none;
margin:0; padding:0;
}
div#contactBox form fieldset legend {
display:none;
}

div#contactBox form fieldset label {
display:block;
text-indent: 0;
padding:16px 0 4px 0;
}
div#contactBox form fieldset input, div#contactBox form fieldset textarea {
width:300px;
background:none;
border:1px solid #6a6a6a;
color:#fff;
}
div#contactBox form fieldset input:focus, div#contactBox form fieldset textarea:focus {
background:#454545;
border:1px solid #6a6a6a;
}

div#contactBox form fieldset select {
background:#454545;
border:1px solid #6a6a6a;
color:#fff;
}
div#contactBox form fieldset input.errorInput, div#contactBox form fieldset textarea.errorInput{
border:1px solid #f95200;
}
div#contactBox form fieldset input.submitBtn {
width:62px;
height:30px;
display:block;
background:url(../gfx/dodatki/wyslijBtn.jpg) no-repeat;
border:none;
cursor:pointer;
margin:14px 0 10px 0;
}
div#contactBox form fieldset input.submitBtn:hover {
background-position:0 -30px;
}

div#contactBox form fieldset textarea {
width:450px;
height:170px;
}

p.errorMsg {
background:url(../gfx/dodatki/statusIcons.jpg) 0 -32px no-repeat;
width:410px;
padding:8px 0 8px 40px;
color:#f95200;
}
p.mailSent {
background:url(../gfx/dodatki/statusIcons.jpg) 0 0 no-repeat;
width:410px;
padding:8px 0 8px 40px;
color:#82b415;
}


div#googleMap {
float:right;
width:420px;
margin:36px 0 0 0;
}
div#googleMap iframe {
border:2px solid #000;
width:412px; height:450px;
}
/**************************************************************** STOPA **************************************************************/
div#footer {
float:left;
width:100%;
background:url(../gfx/tla/footer_bg.jpg) bottom center no-repeat #212121;
margin:20px 0 0 0; padding-bottom:40px;
}

div#footerContainer {
width:960px;
margin:0 auto;
}


/***************** 3 kolumny w stopce ****************/
div#ftLogo {
float:left;
width:180px;
margin:20px 0 0 17px;
color:#fff;
}

div#ftLogo h2 {
width:171px;
height:67px;
display:block;
background:url(../gfx/dodatki/footer_logo.png) no-repeat;
margin:0 0 16px 0; padding:0;
text-indent:-7000px;
}

div#ftZespoly {
float:left;
width:357px;
margin:20px 0 0 60px;
}

div#ftZespoly h2 {
width:103px;
height:17px;
display:block;
margin:0 0 16px 0; padding:0;
text-indent:-7000px;
background:url(../gfx/dodatki/headers/Hzespoly.jpg) 0 0 no-repeat;
}

div#ftZespoly ul {
width:357px;
float:left;
margin:6px 0 0 0; padding:0;
}

div#ftZespoly ul li {
list-style-type:none;
margin-bottom:10px;
}
div#ftZespoly ul li a {
text-transform:uppercase;	
}

div#ftLinki {
float:right;
width:300px;
margin:20px 16px 0 0;
position:relative;
}

div#ftLinki h2 {
width:106px;
height:17px;
display:block;
margin:0 0 16px 0; padding:0;
text-indent:-7000px;
background:url(../gfx/dodatki/headers/Hreklama.jpg) 0 0 no-repeat;
}

div#ftLinki ul {
width:40px;
float:right;
position:absolute;
top:0;
right:0;
z-index:400;
margin:4px 0 0 0;
}
div#ftLinki ul li {
float:left;
display:inline;
list-style:none;
margin:0 0 0 10px;
}
div#ftLinki ul li a {
text-indent:-6000px;
display:block;
width:5px;
height:9px;
}
div#ftLinki ul li a.prevAd {
background:url(../gfx/dodatki/adNaviPrev.jpg) 0 0 no-repeat;
}
div#ftLinki ul li a.nextAd {
background:url(../gfx/dodatki/adNaviNext.jpg) 0 0 no-repeat;
}
div#ftLinki ul li a:hover {
background-position:0 -9px;
}

div#advetsContainer {
float:left;
width:300px;
margin:8px 0 16px 0;
overflow:hidden;
}

div#advetsContainer div {
width:300px;
}

div#advetsContainer div a {
float:left;
margin:0 16px 16px 0;
}

div#advetsContainer div p, div#advetsContainer div address {
float:right;
width:210px;
margin:0 0 10px 0;
}

div#advetsContainer div address {
font-style:normal;
line-height:18px;
}

div.madeby {
float:left;
width:950px;
}
div.madeby p {
float:right;
margin:0; padding: 2px 4px 2px 4px;
background:#222123;
color:#fff;
}
div.madeby p a {
text-decoration:none;
}