html, body, ul, li, h1, h2, h3, h4, form { margin: 0px;	padding: 0px;	list-style: none; }
body, td { font-family: Geneva, Arial, Helvetica, sans-serif; vertical-align:top; color: #999999;}
body {background:url(images/bg_top.jpg) top repeat-x #003366;  background-color:#13181d; }
object { display:block; border:0px; } img {border:0px; }
p { margin-top:0px; margin-bottom:10px; font-size: 12px; line-height:140%;}
a { text-decoration:none; }
a:link { color: #006; } 
p a:link {color: #6699CC;} 
p a:hover, li a:hover { text-decoration:underline; color:#C03}
a:visited {  color: #6699CC;}
a:hover { color: red;}
a:active { color: #6699CC; font-weight:bold}
#banner {height: 253px; background-image: url(images/hd_myownalbum.jpg); background-repeat:no-repeat; position:relative}

.h { display: none }
.v { display: block }

#logo {
	margin-left:0px;
	padding-top:28px;
	width:262px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:25px;
	color:white;
	text-align:center;
	font-weight: normal;
	font-variant:small-caps;
	letter-spacing:1px;
}
#logo a, #logo a:hover, #logo a:visited, #logo a:active { color:white}

#menu-top {
	position:absolute;
	z-index:1;
	width:799px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	word-spacing:5px;
	color: #325b7a;
	font-weight: normal;
	height: 38px;
	top: 1px;
	line-height:38px;
}
#menu-top a, #menu-top a:link, #menu-top a:visited  {color: #4d85af; text-decoration:none; }
#menu-top a:hover, #menu-top a:active {color: #52abef; text-decoration:none}

#strapline {
	position:absolute;
	z-index:2;
	width:999px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #CCC;
	font-weight: bold;
	font-variant:small-caps;
	height: 38px;
	top: 44px;
	text-shadow:  0 0 0.2em black, 0 0 0.1em black, 0 0 0.1em black;
	}

#wrapper { width: 950px; margin: 0px auto; position:relative}
#content { background-color:#FFFFFF; padding-top:0px; 
width:100%; 
float:right; /* powoduje ze stopka jest wypychana na dol poza blok content (lepiej niz clear:both w stopce)*/
/* bez float content mimo ze zawiera tresc i menu to sa one wyplyniete poza content (bo same zawieraja float) i footer tez wchodzi wizualnie na content; 
float tu powoduje ze content obejmuje swoja faktyczna zawartosc a co za tym idzie wypycha reszte (footer) na zewnatrz jak naturalny blok*/
}

/*  960px = 62(margin-left) + 193(menu column) + (width, padding, margin of content column)     */

#content-column{
padding:20px 2px 5px 2px; /* min 1px padding zapobiega wychodzeniu p margin outside div box */
width:100%; float:left; /* alternatywnie zamiast width mozna podac margin-right:200px; */
}

#content-column ul.punktacja {padding-left:10px; margin: 5px 10px 5px 10px; margin:8px; font-size:13px }

#content-column ul.punktacja li {list-style-type: square; color: #0099CC; line-height: 115%;  padding: 0px 0px 5px 0px; }

#content-column ol li { font-size:11px; margin-left: 0px; padding: 0px 0px 2px 0px; margin:2px; list-style-type: decimal; }
#content-column ol { margin-left: 10px;  padding-left: 20px;}
.subtitle {padding: 2px 0px 2px 2px; font-size:10px;}

#content-column img {}


/* MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU  */

h1 { padding-left:60px; height:33px; background-image:url(images/h1-logo.jpg); background-repeat:no-repeat; background-position:left; color: #CCCCCC; font-size:22px; margin-bottom:10px; font-weight:normal;  font-family: Arial, Helvetica, sans-serif}
h2 {
	color: #E6605F;
	font-size:18px;
	margin-bottom:10px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif
}

h3 {color: #CCCCCC; font-size:16px; margin-bottom:10px; font-weight:normal;  font-family: Arial, Helvetica, sans-serif}
/* footer */

#footer-wrapper {
width: 100%;
height:160px;
clear: both; /* tu ustawia dla footera jego nieop³ywalno¶æ a co wa¿niejsze powoduj±c ¿e bêdzie on zawsze na dole i ¿aden div na niego nie wejdzie */
background: url(images/footer-line.jpg);
background-repeat:repeat-x;
padding-top:10px;
background-color:#000000;
}
#footer{
width: 950px;
margin: 0px auto; position:relative;
text-align: left;
vertical-align:middle;
font-size: 11px; border:1px solid black;
padding:20px 2px 5px 2px; 
color:#444444;
}
#footer #copyright {
width: 527px;
height: 37px;
left: 0px;
top: 10px;
position:absolute;
z-index:2;
}

#footer #address {
width: 417px;
right: 0px;
top: 10px;
position:absolute;
z-index:3;
text-align:right;
margin-bottom:15px;
}

#footer #menu-bottom {
width: 165px;
left: 0px;
top: 47px;
position:absolute;
z-index:4;
line-height:160%;
}
#footer #menu-bottom2 {
width: 165px;
left: 130px;
top: 47px;
position:absolute;
z-index:5;
line-height:160%;
}

#footer a, #footer a:link, #footer a:visited  {color: #325b7a; text-decoration:none; }
#footer a:hover, #footer a:active {color: #52abef; text-decoration:none}


#footer span { display:block; margin:0px; padding:0px; margin-bottom:7px;}
#footer strong {color: #999999; font-weight:normal}
#footer a{
color: #FFFF80;
}

strong {color: #CCCCCC}

li strong, b { color: #003366; font-family: Arial, Helvetica, sans-serif;}

/*  CONTACT PAGE FORM STYLES   -----------------------------------------------*/
.form_contact textarea {height:130px; width:380px; background: transparent; color: #CCC; font-family:Arial, Helvetica, sans-serif; font-size:11px}
.lista textarea {height:300px; width:310px; background: transparent; color: #CCC}
#items input { font-size:11px; width:35px; height:15px;  color: #CCC; border: none; line-height:20px; background-color: #CCC} /* ADD buttons */
ul#items {margin: 0px;	padding: 0px;	list-style: none; }
#items li {margin: 0px;	padding: 0px;	list-style: none; }
#items li:hover { background-color:#CCFF66}
table.contact {margin-top:0px; margin-bottom:0px; }
table.contact td {border:0px; padding:2px}

.wklesle 
{	

border: 1px solid #660000;

    /*border-top: 1px inset  #efe09d;
	border-right: 1px outset  #efe09d;
	border-bottom: 1px outset  #efe09d;
	border-left: 1px inset #efe09d; */
	background: transparent;
	color: #CCC;
	}
.testimonials p { font-size:11px; line-height:130%; color:#666666}
.testimonials { margin-bottom:20px}
.testim_content {background-image:url(images/testim_bg.jpg); background-repeat:repeat-y; background-position:left; padding:0px 10px 0px 10px}
.testim_content strong { font-size:13px; color: #6699CC}
.testim_sig {background-image:url(images/testim3.jpg); font-size:11px; background-repeat: no-repeat; height:50px; background-position:left top; padding:25px 5px 0px 55px}



.playlista {/*white-space:nowrap;*/ width:620px; margin:5px 15px}
.playlista td,th {/*white-space:nowrap;*/ padding: 2px 3px 2px 3px; border: 0px #5B7195 solid; border-bottom: 1px solid #CCC}

table.prices { border:1px solid #CCC}
table.prices td { border:1px solid #CCC; padding: 3px}