* {
	margin: 0; 
	padding: 0;
}

html {
	height: 100%;
	font-size: 100%;
}

body {
	background: #ffffff;
	background: #000000 url(img/body_bg.jpg) left top repeat-x;
	font: normal 0.78em "trebuchet MS", arial, sans-serif;
	line-height: 1.5em;
	text-align: center;
	color: #909090;
}

img {
	border: 0px;
}

p {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #ffa22a;
}

h1, h2, h3, label, legend {
	cursor: default;
}

h1 {
	font: bold 2.5em arial, sans-serif;
	color: #d8cae8;
	letter-spacing: 0.1em;
	
	line-height: 1.5em;
	vertical-align: middle;
	
	margin-left: 0;
	margin-bottom: 0.5em;
	
	background: url(img/ico_kulki.jpg) left top no-repeat;
	padding-left: 50px;	
	
	border-bottom: 1px solid #191120;
}
h2 {
	font: bold 1.5em arial, sans-serif;
	color: #bfbfbf;
	
	margin-top: 1em;
}

strong {
	font: bold 1em arial, sans-serif;
	color: #dddddd;
}

div.container {
	margin: 0 auto;
	width: 1000px;
	
	position: relative;
	overflow: auto;
	text-align: left;
}

/*-----------------------------------------------------------------
	top
  -----------------------------------------------------------------*/
	
div#top {
	height: 155px;
	background: url(img/top_bg.jpg) right top no-repeat;
	position: relative;
}	

a#logo {
	display: block;
	width: 116px;
	height: 107px;
	background: url(img/logo_sqa.jpg) left top no-repeat;
	
	position: absolute;
	left: 65px;
	top: 31px;
	color: #000000;
}
a#bt_kontakt {
	display: block;
	width: 84px;
	height: 25px;
	background: url(img/bt_kontakt.jpg) left top no-repeat;
	
	position: absolute;
	right: 44px;
	top: 0;
	color: #000000;
}
a#bt_myspace {
	display: block;
	width: 121px;
	height: 22px;
	background: url(img/bt_ms.jpg) left top no-repeat;
	
	position: absolute;
	right: 265px;
	top: 3px;
	color: #000000;
}
a#bt_fb {
	display: block;
	width: 147px;
	height: 25px;
	background: url(img/bt_fb.jpg) left top no-repeat;
	
	position: absolute;
	right: 128px;
	top: 0;
	color: #000000;
}

div.belka_gorna {
	display: block;
	width: 998px;
	height: 11px;
	background: url(img/belka_gorna.png) left bottom repeat-x;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;

	line-height: 0px;
	margin-top: -6px;
}
div.container > div.belka_gorna {
	margin-top: 0;
}
	
div#flash_endorfins {
	position: absolute;
	top: 0;
	right: 265px;
}
	
	
/*-----------------------------------------------------------------
	nav
  -----------------------------------------------------------------*/	
	
div#nav {
	width: 650px;
	height: 34px;
	
	position: absolute;
	right: 36px;
	bottom: 0;
	
	background: url(img/menu_srodek.png) left bottom repeat-x;
	
}
div#top > div#nav {
	width: auto;
}
div#nav_in {
	background: url(img/menu_lewy_kant.png) left bottom no-repeat;
	height: 34px;
}


div#nav ul {
	list-style-type: none;
	height: 34px;
	background: url(img/menu_prawy_kant.png) right bottom no-repeat;
	
}
div#nav ul li {
	float: left;
}
div#nav ul a:link, div#nav ul a:visited, div#nav ul a:hover, div#nav ul a:active {
	display: block;
	height: 27px;
	color: #d0acff;
	padding: 0 20px;
	margin-top: 7px;
	
	font: normal 11px tahoma, sans-serif;
	line-height: 27px;
	text-align: center;
	text-decoration: none;
	
	width: 60px;
}
div#nav ul li+li a {
	background: url(img/menu_item_bok.png) left top no-repeat;
}
div#nav ul li a:hover {
	height: 34px;
	background: url(img/menu_hover_lewy_kant.png) left top no-repeat;
	margin-top: 0;
	
	font: normal 11px tahoma, sans-serif;
	color: #d0acff;
	line-height: 34px;
	
	padding: 0;
	width: 100px;
}
div#nav ul li a:hover span {
	display: block;
	width: 100px;
	background: url(img/menu_hover_prawy_kant.png) right top no-repeat;
	
	cursor: pointer;
	text-align: center;
}
	
	
/*-----------------------------------------------------------------
	content
  -----------------------------------------------------------------*/	
	
div#main {
	width: 999px;
	border-left: 1px solid #000000;
	
	min-height: 480px;
  height: auto !important;
  height: 480px;
	
	background: #000000 url(img/main_bg.jpg) right top no-repeat;
	position: relative;
	
	padding-bottom: 40px;
}

div.glowna div#main {
	background: none;
	padding-bottom: 0;
}

div#flash {
	margin: 0;
	padding: 0;
}
div#lewy_content {
	float: left;
	width: 402px;
	margin-right: 35px;
}
div#flash_waski {
	float: left;
	width: 402px;
	margin-right: 35px;
	margin-bottom: 10px;
	height: 507px;
	
}
div#flash_waski2 {
	
	height: 507px;
	
}

div.slogan {
	width: 581px;
	height: 57px;
	background: url(img/slogan.png) left top no-repeat;
	
	position: absolute;
	right: 22px;
	top: 27px;
}

div#content {
	margin-right: 60px;
	margin-left: 45px;
	padding-top: 116px;
	
	margin-left: 437px;
}
div#content p {
	text-align: justify;
}

ul.foty {
	list-style-type: none;
	margin-bottom: 2em;
	overflow: auto;
}
ul.foty li {
	float: left;
}
ul.foty img {
	border: 2px solid #160b21;
}

img.right {
	float: right;
	margin-left: 12px;
	border: 2px solid #160b21;
}

img.noborder, ul.foty img.noborder {
	border: 0;
}

ul.kwadraciki {
	list-style-type: none;
}

ul.kwadraciki li {
	background: url(img/ico_kwadracik.png) left 6px no-repeat;
	padding-left: 15px;
	margin-bottom: 0.5em;

}

ul.kwadraciki a:link, ul.kwadraciki a:visited, ul.kwadraciki a:hover, ul.kwadraciki a:active {
	color: #dddddd;
}

ul.right {
	/*margin-left: 395px;*/
}

ul.djs {
	list-style-type: none;
	margin-top: 1.5em;
	margin-bottom: 1.8em;
}
ul.djs li {
	padding-bottom: 1.3em;
	background: url(img/ico_winyl.png) left top no-repeat;
	padding-top: 3px;
	padding-left: 32px;
}

ul.djs a:link, ul.djs a:visited, ul.djs a:hover, ul.djs a:active {
	font: bold 1em arial, sans-serif;
	color: #bfbfbf;
}




div.left {
	float: left;
	width: 270px;
}
div.right {
	float: right;
	width: 200px;
	margin-left: 9px;
	margin-top: 9px;
}

div.kontakt div.right {
	margin-top: 0;
	width: auto;
}

div.szeroki div#content {
	margin-left: 45px;
}
div.szeroki h1 {
	margin-left: 392px;
}

p.beneficjent {
	clear: both; 
	padding-top: 2em;
	margin-bottom: 0.5em;
}

div.kontakt p.tytul {
	font: bold 1.2em arial, sans-serif;
	text-transform: uppercase;
	color: #efefef;
}

div.galeria div#main {
	background: #000000;
}
div.galeria div#content {
	margin: 0 45px;
	padding-top: 20px;
}
div.galeria h1 {
	background: url(img/ico_kulki_czarne.jpg) left top no-repeat;
}

div.fg_watermark {
	color: #232323;
	cursor: default;
}
div.fg_watermark a:link, div.fg_watermark a:visited, div.fg_watermark a:hover, div.fg_watermark a:active {
	color: #232323;
}


/*-- artysci ------------------------------------------------------*/

div.artysta h1 {
	background: none;
	padding-left: 0;
	font-size: 3.2em;
	letter-spacing: 0.1em;
	margin-left: 0;
	margin-bottom: 0;
	width: 277px;
	display: block !important;
	display: inline;
}
div.artysta  h2 {
	text-transform: uppercase;
}

div.artysta div#content {
	margin-left: 437px;
}

p.nazwisko {
	font: normal 1.2em arial, sans-serif;
	color: #828282;
	letter-spacing: 0.4em;
}

a.bt_booking {
	display: block;
	width: 200px;
	height: 30px;
	background: url(img/bt_booking.png) left top no-repeat;
}
a.bt_galeria {
	display: block;
	width: 200px;
	height: 30px;
	background: url(img/bt_galeria.png) left top no-repeat;
}

div.box {
	width: 348px;
	padding: 25px;
	background: #0c0810;
	border: 2px solid #110c17;
	float: left;
}
div.box p.tytul {
	margin-top: 0;
	margin-bottom: 1em;
	font: bold 1.5em arial, sans-serif;
	color: #bfbfbf;
	text-transform: uppercase;
}

ul.agenda {
	list-style-type: none;
}
ul.agenda li {
	margin-bottom: 0.3em;
}
ul.agenda span.data {
	color: #6a5d78;
	font: bold 1em arial, sans-serif;
}

p.powrot {
	text-align: right;
}

p.powrot a:link, p.powrot a:visited, p.powrot a:hover, p.powrot a:active {
	color: #ffbfe2;
	background: #2d0722;
	padding: 2px 4px;
	border: 2px solid #360a29;
}

div.artysta div.right {
	float: right;
	width: 200px;
	margin-left: 12px;
	margin-bottom: 3px;
}

div.artysta div.right img {
	border: 2px solid #160b21;
}


/*-----------------------------------------------------------------
	footer
  -----------------------------------------------------------------*/	
	
div#footer {
	background: url(img/belka_dolna.png) left top repeat-x;
	clear: both;
	width: 100%;
	padding-top: 11px;
	
	position: relative;
}

