/* -------------------------
 * Importy
 * ------------------------- */

@import "global.css";

/* -------------------------
 * pojemnik Calosc
 * ------------------------- */
#pojCalosc{
	width: 922px;
	padding: 0px 0px 0px 0px;
}

/* -------------------------
 * pojemnik Gora
 * ------------------------- */
#pojTop{
	padding: 13px 0px 0px 32px;
	height: 43px;
	background-color: #da0027;
}

	#pojLogo{
		float: left;
		width: 303px;
		height: 28px;
		padding: 0px 0px 0px 13px;
	}
	
		#pojLogo a{
			display: block;
			float: left;
			width: 303px;
			height: 28px;
			background: url(../images/gfx_logo_eurobank.png) no-repeat 0px 0px;
			padding: 0px 0px 0px 0px;
		}
	
	#pojTop h2{
		width: 0px;
		height: 0px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		line-height: 0px;
		font-size: 0px;
	}

/* -------------------------
 * pojemnik Lewa strona
 * ------------------------- */
#pojLeftContent{
	width: 630px;
	padding: 0px 28px 10px 76px;
	float: left;
	background: #ffffff url(../images/bg_left_content.png) no-repeat right top;
}

	#pojPageHeader{
		width: 610px;
		padding: 30px 0px 0px 0px;
		background-position: left bottom;
		background-repeat: no-repeat;
		border-bottom: 1px solid #dedede;
	}
	
	.pojPageHeaderFoto{
		height: 115px;
	}
	
	.pojPageHeaderNoFoto{
		height: 46px;
	}
	
		#pojPageHeader h3{
			width: 610px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			font-size: 20px;
			line-height: 1px;
			color: #da0027;
		}
		
		#pojPageHeader h3.moreThanOneLine{
			line-height: 0px;
		}
		
			#pojPageHeader span{
				display: block;
				width: 610px;
				height: 20px;
			}
		
	#pojLeftContent li{
		background-image: url(../images/bg_li_kropka.gif);
		background-repeat: no-repeat;
		background-position: 0px 14px;
		padding: 10px 0px 0px 13px;
	}
	
		#pojLeftContent li li{
			background-image: url(../images/bg_li_kropka_level_2.gif);
			background-repeat: no-repeat;
			background-position: 8px 16px;
			padding: 10px 0px 0px 18px;
		}
		
	#pojLeftContent a{
		font-weight: normal;
		color: #000000;
		text-decoration: underline;
	}
	
	#pojLeftContent a:hover{
		color: #da0027;
		text-decoration: underline;
	}

	/* -------------------------
	 * pojemnik Lokalizator
	 * ------------------------- */
	#pojLokalizator{
		padding: 7px 0px 0px 0px;
	}
	
		#pojLokalizator li{
			float: left;
			padding: 0px 11px 20px 6px;
			background-image: url(../images/bg_lokalizator.gif);
			background-repeat: no-repeat;
			background-position: right 4px;
		}
		
		#pojLokalizator li.first{
			padding-left: 0px;
		}
		
		#pojLokalizator li.last{
			background-image: none;
		}
		
			#pojLokalizator a{
				font-weight: normal;
				font-size: 11px;
				color: #da0027;
				text-decoration: none;
			}

/* -------------------------
 * pojemnik Prawa strona
 * ------------------------- */
#pojRightContent{
	width: 188px;
	padding: 31px 0px 0px 0px;
	float: right;
}

/* -------------------------
 * pojemnik glowne Menu
 * ------------------------- */
#pojMenuTop{
	background: url(../images/bg_menu_top.png) no-repeat;
	width: 188px;
	height: 15px;
	line-height: 0px;
	font-size: 0px;
}

#pojMenu{
	width: 161px;
	background-color: #ffffff;
	padding: 0px 13px 0px 10px;
}

		#pojMenu li{
			cursor: pointer;
			height: 17px;
			padding: 3px 0px 0px 40px;
			background-image: url(../images/gfx_menu_arrow.png);
			background-repeat: no-repeat;
			background-position: 26px 8px;
			border-bottom: 1px solid #cccccc;
			border-left: 1px solid #eeeeee;
			border-right: 1px solid #eeeeee;
		}
		
		#pojMenu li.first{
			border-top: 1px solid #eeeeee;
		}
		
		#pojMenu li.last{
			border-bottom: 1px solid #eeeeee;
		}
		
		#pojMenu #txtActiveMenu, #pojMenu li:hover, #pojMenu li.active{
			background-color: #da0027;
			background-image: url(../images/gfx_menu_arrow_active.png);
		}
		
			#pojMenu #txtActiveMenu a, #pojMenu li.active a{
				color: #ffffff;
				text-decoration: none;
			}
	
			#pojMenu li a{
				color: #555555;
				font-size: 11px;
				font-weight: normal;
			}

#pojMenuBottom{
	background: url(../images/bg_menu_bottom.png) no-repeat;
	width: 188px;
	height: 15px;
	line-height: 0px;
	font-size: 0px;
}

/* -------------------------
 * pojemnik Menu Wniosek
 * ------------------------- */
#pojWniosekMenu{
	margin-top: 10px;
	padding: 10px 0px 0px 10px;
}

	#pojWniosekMenu li{
		display: block;
		width: 178px;
		height: 37px;
		line-height: 0px;
		font-size: 0px;
		padding: 0px 0px 0px 0px;
		background-repeat: no-repeat;
		margin-bottom: 3px;
	}
	
	#pojWniosekMenu li.current, #pojWniosekMenu li.active{
		background-position: 0px -37px;
	}
		
		#pojWniosekMenu li a{
			display: block;
			width: 178px;
			height: 37px;
		}
		
		#pojWniosekMenu li a:hover, #pojWniosekMenu li.current a{
			color: #ffffff;
			background-position: 10px -39px;
		}
		
		#pojMenuWniosekZloz{
			background-image: url(../images/bg_menu_wniosek_zloz.png);
		}
		
		#pojMenuWniosekSprawdz{
			background-image: url(../images/bg_menu_wniosek_sprawdz.png);
		}

/* -------------------------
 * pojemnik Menu Kontakt
 * ------------------------- */
#pojKontaktMenu{
	margin-top: 10px;
	padding: 0px 0px 0px 10px;
}

	#pojKontaktTxt{
		margin-top: 20px;
		display: block;
		height: 10px;
		font-size: 14px;
		color: #ffffff;
	}
	
		#pojKontaktMenu ul{
			padding: 5px 0px 0px 0px;
		}
	
			#pojKontaktMenu li{
				display: block;
				width: 177px;
				height: 23px;
			}
			
			#pojKontaktMenu li.last{
				height: 24px;
			}
			
				#pojKontaktMenu a, #pojKontaktMenu span.pojKontaktMenuLinkInstead{
					display: block;
					width: 177px;
					height: 23px;
					color: #ffffff;
					background-image: url(../images/bg_menu_kontakt.png);
					text-align: center;
					font-weight: normal;
				}
				
					#pojKontaktMenu a:hover{
						background-color: #ffffff;
						color: #da0027;
						text-decoration: none;
					}
					
				#pojKontaktMenu li.first a, #pojKontaktMenu li.first span.pojKontaktMenuLinkInstead{
					background-image: url(../images/bg_menu_kontakt_first.png);
				}
				
				#pojKontaktMenu li.last a, #pojKontaktMenu li.last span.pojKontaktMenuLinkInstead{
					background-image: url(../images/bg_menu_kontakt_last.png);
				}
				
					#pojKontaktMenu span.pojKontaktMenuName{
						display: block;
						padding: 4px 0px 0px 27px;
						width: 150px;
						height: 19px;
						background-position: 9px 0px;
						background-repeat: no-repeat;
						cursor: hand;
					}
					
					#pojKontaktMenu a:hover span.pojKontaktMenuName{
						background-position: 9px -23px;
					}
					
				#pojMenuKontaktNapisz span.pojKontaktMenuName{
					background-image: url(../images/bg_menu_kontakt_napisz.png);
				}
				
				#pojMenuKontaktZadzwon span.pojKontaktMenuName{
					background-image: url(../images/bg_menu_kontakt_telefon.png);
				}
				
				#pojMenuKontaktChat span.pojKontaktMenuName{
					background-image: url(../images/bg_menu_kontakt_chat.png);
				}
				
				#pojMenuKontaktSkype span.pojKontaktMenuName{
					background-image: url(../images/bg_menu_kontakt_skype.png);
				}

			

/* -------------------------
 * pojemnik Stopka
 * ------------------------- */
#pojStopka{
	width: 658px;
	height: 16px;
	padding: 10px 0px 10px 66px;
}

	#pojBottomMenu li{
		float: left;
		padding: 0px 10px 0px 10px;
		background: url(../images/bg_bottom_menu.png) no-repeat right 3px;
	}
	
	#pojBottomMenu #pojBottomMenuLast{
		background-image: none;
	}

		#pojBottomMenu li a{
			font-weight: normal;
			font-size: 9px;
			color: #999999;
		}
		
		#pojBottomMenu li.active a, #pojBottomMenu li a:hover{
			color: #999999;
			text-decoration: underline;
		}