/* OGÓLNE */

* {  margin: 0; padding: 0; border: 0;}
address { font-style: normal; }
ul { list-style: none; }
a { text-decoration: none; color: inherit; }
legend { display: none; }
.clear { width: 0; height: 0; overflow: hidden; clear: both; }

body {
	background: #f2f2f2 url(../images/bg.png) repeat-x 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
#bg {
	background: url(../images/bg2.png) repeat-x 0 100%;
}
#wrapper {
	width: 800px;
	margin: 0 auto;
	background: #ffffff;
}
#topBar {
	height: 46px;
}
#top {
	height:200px;
	position: relative;
}
#top img {
	float: left;
}
#topLogo {
	height: 200px;
}
#infolinia {
	width: 206px;
	height: 46px;
	float: left;
	overflow: hidden;
	text-indent: -9999em;
	background: url(../images/infolinia.png);
	margin-left: 226px;
	display: inline;
}
#top h1 {
	float: left;
	display: block;
	width: 241px;
	height: 200px;
}
#top h1 a {
	display: block;
	width: 241px;
	height: 200px;
	background: url(../images/logo.png);
	text-indent: -9999em;
	overflow: hidden;
	outline: none;
}
#rightBox {
	position: absolute;
	right: -2px;
	top: 131px;
	width: 271px;
	height: 115px;
	border: 1px solid #ffffff;
	background: #db6200;
	
}
#rightLogowanie {
	height: 57px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/logowanie.png);
	outline: none;
}
#rightPartner {
	height: 58px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/partner.png);
	outline: none;
}
#menu {
	width: 530px;
	height: 208px;
	float: left;
}
#searchBox {
	float: left;
	margin-top: 48px;
	width: 270px;
	height: 160px;
	background: url(../images/searchbox1.jpg);
}
#searchBox h2 {
	width: 270px;
	height: 35px;
	background: url(../images/searchheader.png);
	text-indent: -9999em;
	overflow: hidden;
}
#searchForm {
	margin-top: 7px;
	margin-left: 22px;
	position: relative;
	width: 224px;
	height: 23px;
}
#searchBackground {
	width: 224px;
	height: 23px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background: url(../images/searchform.png);
}
#searchForm form {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 224px;
	height: 23px;
}
#searchForm form #searchFormText {
	display: block;
	height: 17px;
	background: transparent;
	width: 162px;
	float: left;
	padding:3px 9px;
	font-size: 8pt;
	color: #5e5e5e;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
}
#searchForm form #searchFormButton {
	float: left;
	height: 23px;
	display: block;
	width:44px;
	text-indent: -9999em;
	overflow: hidden;
	background: transparent;
	outline: none;
	padding-top: 34px;
	cursor: pointer;
}
#spelniamyMarzenia {
	width: 254px;
	height: 71px;
	position: relative;
	margin-top: 21px;
	margin-left:8px;
	
}
#spelniamyMarzenia div{
	top: 0;
	left: 0;
	position: absolute;
	z-index:10;
	width: 254px;
	height: 71px;
	background:url(../images/spelniamy_marzenia.png);
}
#spelniamyMarzenia a {
	top: 0;
	left: 0;
	position: absolute;
	z-index:100;
	width: 254px;
	height: 71px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}
#topMenu{
	float: right;
	display: block;
	width: 350px;
	height: 46px;
	overflow: hidden;
}
#topMenu ul {
	float: right;
	display: inline;
	height: 46px;
	margin-right: -4px;
}
#topMenu ul li {
	display: block;
	float: left;
	height: 46px;
	padding-right: 4px;
	background: url(../images/separator.png) no-repeat 100% 50%;
}
#topMenu ul li a {
	display: block;
	height: 46px;
	line-height: 46px;
	padding: 0 9px;
	font-size: 8pt;
	text-transform: lowercase;
	color: #959595;
	outline: none;
}
#topMenu ul li a:hover {
	color: #4866a2;
	background: url(../images/arrow.png) no-repeat 50% 5px;
}

#sidebar {
	float: left;
	width: 241px;
	padding-top: 9px;
}
#content {
	width: 559px;
	float: left;
}

#content ul {
list-style: disc;
list-style-position: inside;
}

#content a:link, #content a:visited {
color: #2e6192;
}

#content a:active, #content a:hover {
color: #565656;
}

#main {
	overflow: hidden;
	width: 800px;
}
#footer {
	height: 52px;
}
#sidebar h3 {
	display: block;
	width: 241px;
	height: 40px;
	overflow: hidden;
	text-indent: -9999em;
}
#sidebarAktualnosci h3 {
	background: url(../images/aktualnosci.png);
}
#sidebarPromocje h3 {
	background: url(../images/promocje.png);
}
#sidebarAktualnosci ul {
	margin-top: 1px;
	margin-bottom: 17px;
	overflow: hidden;
	height: 1%;
}
#sidebarAktualnosci ul li {
	margin-top: -1px;
	border-top: 1px solid #f7f7f7;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 16px;
	padding-left: 27px;
}
#sidebarAktualnosci ul li {
	background: url(../images/arrow2.png) no-repeat 12px 15px;
}
#sidebarAktualnosci ul li a {
	color: #2c467a;
}

#sidebar ul li a:hover  {
	color: #b22222;
}

#sidebarPromocje ul {
	overflow: hidden;
	height: 1%;
	margin: 1px 8px 17px 10px;
}

#sidebarPromocje ul li {
	margin-top: -1px;
	border-top: 1px solid #9c9c9c;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 16px;
	padding-left: 10px;
	background: url(../images/arrow3.png) no-repeat 1px 15px;
	border-top: 1px dotted #f7f7f7;
}
#sidebarPromocje ul li a {
	color: #575757;
}
#partners {
	float: left;
	display: inline;
	height: 52px;
}
#partners a {
	float:left;
	display: block;
	height: 52px;
	background-image: url(../images/logos.png);
	overflow: hidden;
	outline: none;
	text-indent: -9999em;
}
#logoPko{ width: 141px; background-position: 0 0; }
#logoAlior{ width: 141px; background-position: 0 0; }
#logoGetin { width: 114px; background-position: -141px 0; }
#logoSantander { width: 122px; background-position: -255px 1px;}
#logoFinlife { width: 103px; background-position: -377px 0;}

#logoPko:hover { background-position: 0 -52px; }
#logoAlior:hover { background-position: 0 -52px; }
#logoGetin:hover { background-position: -141px -52px; }
#logoSantander:hover { background-position: -255px -52px;}
#logoFinlife:hover { background-position: -377px -52px;}

#footer address {
	float: right;
	height: 52px;
	text-align: right;
	line-height: 52px;
	color: #a7a7a7;
	padding-right: 50px;
	position:relative;
	width:275px;
}
#footer address a {
	color: #a7a7a7;
	text-decoration: underline;

}
#boxes {
	width: 559px;
	height: 194px;
	margin-top: 17px;
	overflow: hidden;
	position: relative;
}
#boxes div {
	position: absolute;
	display: block;
	width: 258px;
	height: 86px;
	overflow: hidden;
	outline: none;
}
#boxes #boxKredytGotowkowy { top:0; left: 0; }
#boxes #boxKredytSamochodowy { top:0; left: 289px; }
#boxes #boxKredytHipoteczny { top:108px; left: 0; }
#boxes #boxKartyKredytowe { top:108px; left: 289px; }

#boxDoladowania{
	width: 226px;
	height: 81px;
	display: block;
	outline: none;
	float: left;
	display: inline;
	margin-top:21px;
}
.boxStepByStep {
	width: 510px;
	height: 89px;
}
.boxStepByStep h3 {
	display:block;
	overflow: hidden;
	text-indent: -9999em;
	width: 175px;
	height: 33px;
	background: url(../images/krok.png);
	left: 12px;
	top: 0;
	position: absolute;
}

.boxStepByStep #boxStepByStepKredytGotowkowy {
	position: absolute;
	top: 53px;
	left: 14px;
}
.boxStepByStep #boxStepByStepKredytSamochodowy {
	position: absolute;
	top: 53px;
	left: 155px;
}
.boxStepByStep input.radioBoxKredytSamochodowy {
	
}
.boxStepByStep input.radio {
	height:12px;
	outline: none;
	vertical-align: -3px;
	margin-right: 4px;
}
.boxStepByStep label {
	color: #ffffff;
	text-transform: lowercase;
	height: 12px;
	line-height: 12px;
	outline: none;
}

.boxStepByStep #btnProceed {
	outline: none;
	position: absolute;
	right: 9px;
	bottom: 14px;
}

#boxUbezpieczenia {
	float: right;
	width: 229px;
	height: 123px;
	margin-right: 15px;
	margin-top: 21px;
}
#boxUbezpieczenia a {
	display: block;
	width: 229px;
	height: 41px;
	text-indent: -9999em;
	overflow: hidden;
	outline: none;
}
#boxUbezpieczenia #centrumUbezpieczen {
	background: url(../images/u1.png);
}
#boxUbezpieczenia #odzyskiwanieOdszkodowan {
	background: url(../images/u2.png);
}
#boxUbezpieczenia #odzyskiwanieWierzytelnosci {
	background: url(../images/u3.png);
}	
#boxUbezpieczenia a:hover {
	background-position: 0 -41px !important;
}

#contentx {
margin: 20px 20px;
color: #565656;
line-height: 160%;
background: transparent url(../images/subpage.png) no-repeat top left;
}

.ptitle {
font-weight: bold;
font-size: 12px;
color: #e48734;
margin-left: 40px;
margin-bottom: 30px;
padding-top: 6px;
}

#kroki {
	width: 524px;
	overflow: hidden;
	background-image: url(../images/orangebox.png);
	background-repeat: no-repeat;
	margin-left: 11px;
	margin-top: 37px;
	position: relative;
}

#kroki_header {
	width: 524px;
 	height: 38px;
}

#kroki_kredyt {
	width: 524px;
 	height: 49px;
}

#kroki_content {
	background-color: #db6200;
	width: 492px;
	font: normal 11px arial,tahoma,verdana;
	color: #ffffff;
	line-height: 23px;
	padding-top: 20px;
	padding-left: 30px;
	overflow: hidden;
}

#kroki_content input {
vertical-align: -2px;
padding-top: 15px;
}

#kroki_btn {
	background-color: #db6200;
	width: 522px;
	height: 52px;
	text-align: center;
}
#kroki_bottom {
	background-color: #db6200;
	width: 522px;
	height: 14px;
}

#kroki_btn img {border: 0;}

#kroki_pytanie {
background-color: #db6200;
font: bold 12px arial,tahoma,verdana;
color: #ffffff;
text-align: center;
width: 522px;
padding-top: 20px;
}

.formularz input, .formularz textarea {
background-color: #f6f6f6;
border: 1px solid #9a9a9a;
padding: 5px 0 5px 2px;
font: normal 11px arial,verdana,serif;
color: #bc6f40;
}

.formularz {
color: #676767;
}


.newsl {
	margin-top: 30px;
}
.newsl .up {
	height: 40px;
	width:100%;
}

.newsl .up h3 {
	float: left;
	margin: 0 !important;
	line-height:40px !important;
	color: #d55a00;
	font-size: 11px;
}

.newsl .up h3 a  {
	color: #d55a00;
	font-size: 11px;
}

.newsl .up .date {
	float: right;
	line-height:40px;
	color: #b4b4b4;
}

.newsl .content {
overflow: hidden;
	padding-top: 1px;
	background: url(../images/dots.png) no-repeat;
}
.newsl .content p {
margin-bottom: 10px !important;
	margin-top: 15px;
	line-height: 200%;
}
.newsl .content .more {
	color: #618016;
	float:right;
	padding-right: 12px;
	background: url(../images/arrow3.gif) no-repeat 100% 50%;
}


#pagination {
display: block;
width: auto;
margin: 0 auto;
}
#pagination a {
	border: 1px solid #dddddd;
	color: #aaaaaa;
	text-align: center;
	height:18px;
	line-height: 18px;
	display: block;
	float: left;
	width: auto;
	padding: 0 4px;
	margin: 0 1px 0 2px;
}
#pagination a.active {
	background-color: #f0f0f0;
	font-weight: bold;
	border-color: #618016;
}


#pagination span {float: left; display: block; width: auto; height: 20px;line-height: 20px;}

#pagination .next {
 padding:0;
	width: 21px;
	background: url(../images/arrow2.png) no-repeat 50% 50%;
	color: #cccccc;
	overflow: hidden;
	text-indent: -9999em;
}