/*******************************/
/*  Created by Mariusz Galka   */
/*  Copyright by IguanaStudio  */
/*******************************/

@import url('reset.css');

body {
	text-align: center;
	font-size: 12px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	background: #fff url(images/background.gif) repeat-x 0 0;
	color: #313131;
	
}
div {
	text-align: left;
}
p {
	padding: 0;
	margin: 0 0 15px;
	line-height: 150%;
	text-align: justify;
}
a {
	color: #006ca6;
	text-decoration: none;
}
a:hover {
	color: #0093f2;
}

/*----[ top ]-----------------------------------------------------------------------*/
#top {
	width: 972px;
	margin: 0 auto;
	height: 153px;
	position: relative;
}
#top h1 {
	width: 384px;
	height: 153px;
	background: transparent url(images/background-logo.gif) no-repeat left bottom;
	position: absolute;
	top: 0;
	left: -58px;
}
#top h1 a {
	width: 166px;
	height: 60px;
	margin: 35px 0 0 100px;
	display: block;
	background: transparent url(images/logo-payu.gif) no-repeat left top;
	text-indent: -9999px;
}
#top #menu {
	width: 618px;
	height: 32px;
	padding: 0 0 0 7px;
	position: absolute;
	top: 70px;
	left: 326px;
	background: transparent url(images/menu.gif) no-repeat left top;
}
#top #menu li {
	float: left;
	height: 32px;
}
#top #menu li a {
	display: block;
	height: 32px;
	width: 100%;
	text-indent: -9999px;
	float: left;
	background: transparent url(images/menu.gif) no-repeat left top;
}
#top #menu li.stronaGlowna { width: 148px; }
#top #menu li.oFirmie { width: 110px; }
#top #menu li.zakresDzialalnosci { width: 175px; }
#top #menu li.kontakt { width: 108px; }

#top #menu li.stronaGlowna a { background-position: -7px 0; }
#top #menu li.oFirmie a { background-position: -155px 0; }
#top #menu li.zakresDzialalnosci a { background-position: -265px 0; }
#top #menu li.kontakt a { background-position: -440px 0; }

#top #menu li.stronaGlowna a:hover,
#top #menu li.stronaGlowna a.active { background-position: -7px -32px; }
#top #menu li.oFirmie a:hover,
#top #menu li.oFirmie a.active { background-position: -155px -32px; }
#top #menu li.zakresDzialalnosci a:hover,
#top #menu li.zakresDzialalnosci a.active { background-position: -265px -32px; }
#top #menu li.kontakt a:hover,
#top #menu li.kontakt a.active { background-position: -440px -32px; }

/*----[ content ]-----------------------------------------------------------------------*/
#content {
	width: 100%;
	height: 100%;
	position: relative;
}
#contentWrapper {
	width: 972px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 35px;
	z-index: 3;
}
#bgContentLeft, #bgContentRight {
	width: 50%;
	height: 311px;
	position: absolute;
	top: 0;
}
#bgContentLeft {
	left: 0;
	z-index: 1;
	background: transparent url(images/background-content-left.gif) repeat-x 0 244px;
}
#bgContentRight {
	right: 0;
	z-index: 2;
	background: transparent url(images/background-content-right.gif) repeat-x 0 188px;
}
#contentFlash {
	width: 972px;
	height: 409px;
}
/*----[ subpage content ]----*/
#contentSubpageWrapper {
	width: 972px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 20px;
	background: #fff url(images/background-content.gif) no-repeat center bottom;
	overflow: hidden;
	z-index: 3;
}
#contentSubpageWrapper.bgContact {
	background-image: url(images/background-content-contact.jpg);
}
#bgSubcontentRight {
	width: 50%;
	height: 7px;
	line-height: 7px;
	font-size: 1px;
	position: absolute;
	top: 95px;
	right: 0;
	z-index: 2;
	background-color: #009cdd;
}
#contentSubpageWrapper .slogan {
	background: transparent url(images/twoj-partner.gif) no-repeat 360px 0;
	text-indent: -9999px;
	height: 57px;
}
#contentSubpageWrapper h2 {
	font-size: 29px;
	height: 36px;
	color: #003888;
	background: transparent url(images/background-h2.gif) no-repeat left 23px;
	margin: 0 0 20px 72px;
}
#contentSubpageWrapper h2 span {
	background-color: #fff;
	padding: 0 10px 0 0;
}
#contentSubpageWrapper h3 {
	color: #003888;
	margin: 0 0 5px;
}
#contentSubpageWrapper ul {
	margin: 0 0 15px 1px;
}
#contentSubpageWrapper ul li {
	background: transparent url(images/li.gif) no-repeat 0 8px;
	padding: 0 0 0 17px;
	margin: 0 0 5px;
	line-height: 150%;
	text-align: justify;
}
#contentSubpageWrapper #leftCol {
	float: left;
	width: 392px;
	padding: 0 0 0 72px;
}
#contentSubpageWrapper #rightCol {
	float: right;
	width: 392px;
	padding: 0 72px 0 0;
}
#contentSubpageWrapper #centerCol {
	width: 828px;
	padding: 0 72px;
}
#contentSubpageWrapper .imgRight {
	float: right;
	margin: 0 50px 0 15px;
}
#contentSubpageWrapper .smallFont {
	font-size: 11px;
}
/*----[ footer ]-----------------------------------------------------------------------*/
#footer {
	width: 100%;
	position: relative;
}
#footerWrapper {
	width: 972px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	padding: 15px 0;
	margin: 0 auto 10px;
	color: #999;
	font-size: 11px;
	text-align: center;
	background: #fff url(images/background-footer.gif) no-repeat center bottom;
}
#bgFooterLeft {
	width: 50%;
	height: 7px;
	line-height: 7px;
	font-size: 1px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background-color: #009cdd;
}
#footer a {
	color: #999;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer p {
	display: inline;
	line-height: normal;
	margin: 0 25px;
}
#footer p span {
	background: transparent url(images/allegro-group.gif) no-repeat left center;
	padding: 0 0 0 90px;
}
#footer ul {
	display: inline;
	margin: 0 25px;
}
#footer ul li {
	display: inline;
	background: transparent url(images/background-menu-footer.gif) no-repeat right center;
	padding: 0 8px 0 0;
	margin: 0 7px 0 0;
}
#footer ul li.last {
	background: none;
	padding: 0;
	margin: 0;
}