/* ----------------------
	Reset
------------------------ */

* {
	margin: 0px;
	padding: 0px;
}
img,
fieldset{
	border: none;	
}
ul,ol{
	list-style: none;
}

/* ----------------------
	Ogolne
------------------------ */

body {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	color: #c2c2c2;
}
a{
	color: #cccc00;
}
a:hover{
	color: #00cc00;
}
a.noUnderline{
	text-decoration: none;
}
a.noUnderline:hover{
	text-decoration: underline;
}
input, 
select{
	border: 1px solid #ccc;;
	background: #eee;
	font-family: Arial;
	font-size: 11px;
}

.pojSP{
	float: none;
	clear: both;
	font-size: 0px;
}
.Clear{
	float: none;
	clear: both;
}
.txtNW{
		text-indent: -1000em;
}
.txtChili{
	color:#cc0000;
}
.txtMind{
	color:#000;
}
.txtBigGreen{
	color:#2e9f1b;
	font-size: 24px;
}
.cache{
	display: block;
	position: absolute;
	top: -1000px;
}
.pojLeft{
	display:block;
	float:left;
}

/* ----------------------
	Top
------------------------ */

#pojTop{
	padding: 30px 0px 0px 93px;
	height: 61px;
	overflow: hidden;
}

	a#pojLogo{
		display: block;
		height: 60px;
		width: 159px;
		background: url(../images/bg_logo.png);
		float: left;	
	}
	
	#pojTop h1{
		float: left;
		height: 51px;
		width: 302px;
		margin-left: 112px;
		padding-top: 10px;
	}
	#pojTop h1 a{
		display: block;
		height: 51px;
		background: url(../images/txt_getin_autokredyt.png);
	}

/* ----------------------
  Top Laad
---------------------- */

#pojTopLead{
	position: absolute;;
	top: 104px;
	margin-left: 369px;
	width: 290px;
	font-size: 14px;
	color: #000;
}

	#pojTopLead p{
		text-align: center;
	}

	a#pp_napisali{
		display: block;
		position: absolute;
		height: 46px;
		width: 176px;
		background-image: url(../images/pp_napisali.png);
		background-position: 0px 0px;
		text-indent: -1000em;
		top: 43px;
		margin-left: -35px;
	}
	a#pp_poznaj{
		display: block;
		position: absolute;
		height: 46px;
		width: 176px;
		background-image: url(../images/pp_poznaj.png);
		background-position: 0px 0px;
		text-indent: -1000em;
		top: 43px;
		margin-left: -35px;
	}
	html>/**/body a#pp_napisali{
		margin-left: 112px;
	}
	html>/**/body a#pp_poznaj{
		margin-left: 112px;
	}
	a#pp_poznaj:hover, a#pp_napisali:hover{
		background-position: 0px -46px;
	}


/* ----------------------
	Kolko Zielone
------------------------ */

#pojKolkoZielone{
	margin-top:29px;
	width: 412px;
	height:366px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: none; 
}

	#pojKolkoZielone.Krok1,
	#Cache1{
		background-image: url(../images/bg_krok_1.png); 
	}
	#pojKolkoZielone.Krok2,
	#Cache2{
		background-image: url(../images/bg_krok_2.png); 
	}
	#pojKolkoZielone.Krok3,
	#Cache3{
		background-image: url(../images/bg_krok_3.png); 
	}
	#pojKolkoZielone.Krok4,
	#Cache4{
		background-image: url(../images/bg_krok_4.png); 
	}

	#pojKolkoZielone.Krok5,
	#Cache5{
		background-image: url(../images/bg_krok_5.png); 
	}
	

#listaKroki li{
	display: block;
}
#listaKroki li a{
	display: block;
	text-indent: -1000px;
}
	#liKrok1,
	#liKrok1 a{
		width: 110px;
		height: 123px;
		margin-left: 27px;
	}
		#liKrok1 a{
			margin-left: 0px;
		}
		
	#liKrok2,
	#liKrok2 a{
		width: 103px;
		height: 97px;
	}
	
	#liKrok3,
	#liKrok3 a{
		width: 88px;
		height: 76px;
		margin-left: 53px;
	}
		#liKrok3 a{
			margin-left: 0px;
		}
		
	#liKrok4,
	#liKrok4 a{
		width: 88px;
		height: 68px;
		margin-left: 128px;
	}
		#liKrok4 a{
			margin-left: 0px;
		}
		
	#liKrok5,
	#liKrok5 a{
		width: 88px;
		height: 68px;
		margin-left: 190px;
		margin-top: -50px;
	}
		#liKrok5 a{
			margin-left: 0px;
		}		
	
	#pojKroki{
		display: block;
		position: absolute;
		width: 210px;
		height:200px;
		top: 220px;
		margin-left: 146px;
		font-size: 14px;
		color: #fff;
	}
		#pojKroki div.pojKrok{
			display:none;
		}
		#pojKroki div.Aktywny{
			display: block;
			padding-top: 1px;
		}
	
		#pojKroki h3{
			display: none;
		}
		
		#pojKroki ul{
			margin: 0px 0px 0px 0px;
			padding: 0px;
		}
	
		#pojKroki ul li{
			display: block;
			height: 22px;
			padding: 5px 0px 0px 26px;
			background: url(../images/bg_kroki_li.gif) no-repeat bottom left;
		}
			#pojKroki ul li.last{
				background: none;
				background: url(../images/bg_kroki_li_strzalka.gif) no-repeat bottom left;
			}
			
		#pojKroki a.pp_wiecej,
		#pojKroki a.pp_oblicz_rate,
		#pojKroki a.pp_skontaktuj_sie,
		#pojKroki a.pp_sprawdz{
				display: block;
				position: absolute;
				top: 145px;
				height: 31px;
				background-position: 0px 0px;
		}
		#pojKroki a.pp_wiecej{
				width: 84px;
				background-image: url(../images/pp_wiecej.gif);
				margin-left: 100px;
		}
		#pojKroki a.pp_oblicz_rate{
				width: 114px;
				background-image: url(../images/pp_oblicz_rate.gif);
				margin-left: 70px;
		}
		#pojKroki a.pp_skontaktuj_sie{
				width: 152px;
				background-image: url(../images/pp_skontaktuj_sie.gif);
				margin-left: 32px;
		}
		#pojKroki a.pp_sprawdz{
				width: 96px;
				background-image: url(../images/pp_sprawdz.gif);
				margin-left: 88px;
		}		
		#pojKroki a.pp_wiecej:hover,
		#pojKroki a.pp_oblicz_rate:hover,
		#pojKroki a.pp_skontaktuj_sie:hover,
		#pojKroki a.pp_sprawdz:hover{
				background-position: 0px -31px;
		}
		
		
		#pojKroki #pojKrok4{
				padding-top: 20px;
		}


	
/* ----------------------
	Stopka
------------------------ */

#pojStopka{
	height: 109px;
	background: url(../images/bg_kluczyki.png) no-repeat 0px 0px;
	padding-right: 22px;
}

	#pojStopka ul{
		display: block;
		float: right;
	}
		#pojStopka ul li{
			display: inline;
			padding-left: 10px;
		}

	#pojStopka a{
		color: #c2c2c2;
	}
	#pojStopka a:hover{
		color: #000;
	}

	#pojInfolinia{
		width: 257px;
		float: right;
		padding: 13px 0px 10px 0px;
	}

	#txtInfolinia{
		display: block;
		width: 166px;
		height: 47px;
		background: url(../images/txt_infolinia.png) no-repeat 0px 0px;
	}
	



/* ----------------------
	Lokalizator
------------------------ */

#pojLokalizator{
	display: block;
	padding: 0px 0px 40px 0px;
}

	#pojLokalizator li{
		display: block;
		float: left;
		background-image: url(../images/gfx_lokalizator_arrow.gif);
		background-position: 0px 6px;
		background-repeat: no-repeat;
		padding: 0px 10px 0px 16px;
	}
	
	#pojLokalizator li.first{
		background-image: none;
		padding: 0px 10px 0px 0px;
	}
	
		#pojLokalizator li a{
			color: #c2c2c2;
			font-size: 11px;
		}
		
		#pojLokalizator li a:hover{
			text-decoration: underline;
			color: #c2c2c2;
		}



