/* ----- common ----- */
* {
   padding:0;
   margin:0;
}
html, body {
	height: 100%;

}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	color:#4a4747;
	background: #fff;
}

a:link, a:visited{
	color:#4a4747;
	text-decoration:none;
}
a:hover{
	color:#2C2929;
	text-decoration:underline;
}
a span {
	cursor: pointer;
}

h1 {
	width:268px;
	height:132px;
	float: left;
	/*padding-top: 18px;*/
	padding-top: 27px;
}
h2 {
	/*--color:#0066b3;--*/
	/*color:rgb(0,76,154);*/
	color: #064a8b;
	text-transform: uppercase;
	font: normal 2.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 10px 10px 20px;
}
h3 {
	font-size:1.15em;
	font-weight: bold;
	/*color:#de7500;*/
	/*color:rgb(228,32,44);*/
	color: #e3192d;
	margin-top: 2px;
	margin-bottom: 5px;
	text-align: left;
}
h4 {
	font-size: 1.05em;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 5px;
}
h5 { font-size:1em;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 5px;
}
img { border:0;}
p { margin-bottom:1em; }
ol li {margin-left:2em;}

.clear{
	clear:both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}
.left{
	float:left;
}
.right{
	float:right;
}
.center{
	text-align: center;
	display:block;
}
.hide {display: none;}

/* ----- accessibility ----- */
#skipToNav {position: absolute; left: -9999px; font-size: small;}
#skipToNav a:hover {color: #f00;}
#skipToNav a:focus {display: block; position: absolute; top: -120px; left: 9990px; font-size: large; background: #fff; border: solid 2px #1B6BD8; padding: 10px; width: 15em; z-index: 1;}


/* ----- wrappers ----- */
#wrapper{
	width:960px;
	margin:0 auto;
	background-color:#fff;
	font-size: 0.92em;
	padding-bottom:1em;
}
/* ----- header ----- */
#header{
	width:960px;
	height:162px;
	margin-bottom: 15px;
	background: #FFF;
}
	#header p{
		float:right;
		font-size: 1.7em;
		font-weight: normal;
		padding: 13px 0px;
		margin: 0px 0px 3px;
		color:#004C9A;
	}
		#header p strong{
			font-size: 1.1em;
		}
		
/* ----- formularz szukania ----- */
#search{
	margin: 0;
	padding: 0 0 10px;
	float: right;
	clear: right;
	height: 29px;
}
	#search_text{
	float: right;
		width: 174px;
		margin: 4px 0px;
	}
	#search_button{
	height: 20px;
	width: 70px;
	background: url(/img/scena/site/szukaj.png) 0px 0px;
	border-style: none;
	color: #FFFFFF;
	float: right;
	margin-top: 4px;
	margin-left: 5px;
	}
	#search_button:hover{
	background: url(/img/scena/site/szukaj.png) 0px -20px;
	}
	#search_button:active{
	background: url(/img/scena/site/szukaj.png) 0px -40px;
	}
		
/* ----- menu ----- */
#menu{
	color: #FFF;
	background: #000 url(/img/scena/site/cz_04.gif) repeat-y left top;
	float: right;
	width: 654px;
	height: 44px;
	margin-top: 10px;
	position: relative;
	z-index: 110;
}
	#menu ul{
		width: 655px;
		margin: 0;
		padding: 0;
		border:0;
		top:0;
		position: absolute;
		left: -1px;
		list-style: none;
		background: url(/img/scena/site/cz_54.gif) no-repeat right top;
	}
		#menu ul li{
			margin: 0px;
			padding: 0px;
			position: relative;
			float: left;
		}
		#menu ul li.first{
			background: url(/img/scena/site/cz_53.gif) no-repeat left top;
		}
			#menu ul a {
				padding: 15px 22px 14px;
				font-size: 1.084em;
				color: #FFF;
				text-transform: uppercase;
				float: left;
				background: url(/img/scena/site/cz_50.gif) no-repeat left center;
			}
				#menu.bok ul a {
					padding: 15px 19px 14px;				
				}
			#menu ul li ul{
				width: auto;
				margin: 0px;
				padding: 6px 0px 0px;
				position: absolute;
				top: 45px;
				left: 1px;
				z-index: 112;
				display: none;
				background: url(/img/scena/site/cz_55.gif) no-repeat left top;
			}
			#menu ul li.last ul{
				right: -15px;
				left: auto;
			}
			#menu ul li:hover ul{
				display: block;
			}
				#menu ul ul li{
					margin: 0px;
					padding: 0px;
					float: none;
				}
				#menu ul ul li.last{
					background: url(/img/scena/site/cz_57.gif) no-repeat left bottom;
					padding-bottom: 6px;
				}
					#menu ul ul a {
						background: url(/img/scena/site/cz_49.gif) repeat-y left top;
						width: 140px;
						margin: 0px;
						padding: 0px 14px;
						text-transform: none;
						overflow: hidden;
						float: none;
						display: block;
					}
					#menu ul ul li span{
						border-bottom: 1px solid #FFF;
						display:block;
						padding: 6px 4px;
					}
					#menu ul ul li.last span {
						border-bottom:none;
					}
		/*#menu li.selected li a {
			color: #fff;
		}*/
		
			#menu li.selected a {
			color: #fff;
			text-decoration: none;
			font-weight: bold;
		}
		#menu li.selected li a { font-weight: normal;}
		#menu a:hover, #menu li.selected li a:hover {
			text-decoration: underline;
			color: #FFF;
		}
		
		/*#menu a:hover, #menu li.selected li a:hover, #menu li.selected a, #menu li.selected li.selected a{
			text-decoration: none;
			color: #75BEE9;
		}*/
		#menu li.selected li.selected a{
			text-decoration: none;
			color: #AADCFF;
			font-weight: normal;
		}
		

/* ----- content ----- */
#main{
	width: 764px;
	float: left;
	text-align: left;
	overflow-x:hidden;
	min-height:690px;
	height: auto;
	_height:690px;
	padding-bottom:198px;
	position: relative;
	z-index: 100;
	
}
		#main ul {
			margin-bottom:1em;
			padding-left: 19px;
		}

		#main li{
			padding-left:4px;
			margin-bottom: 0.5em;
		}
		#catchphrase{
			height: 279px;
			width: 764px;
			background: url(/img/scena/site/007.jpg) 0 0 no-repeat;
			color:#fff;
			text-transform: uppercase;
			overflow: hidden;
			font-size: 2.11em;
			font-weight: normal;
			z-index: 100;
		}
			#catchphrase span {
				display: block;
				height: 249px;
				padding: 30px 20px 0px 544px;
				width: 200px;
			}
		#catchphrase2{
			height: 140px;
			width: 764px;
			background: url(/img/scena/site/007-140px.jpg) 0 0 no-repeat;
			color:#fff;
			text-transform: uppercase;
			overflow: hidden;
			font-size: 2.11em;
			font-weight: normal;
			z-index: 100;
		}
			#catchphrase2 span {
				display: block;
				height: 110;
				padding: 30px 20px 0px 544px;
				width: 200px;
			}	
		a.grey_button{
			background: #dcddde url(/img/scena/site/link_bg.gif) no-repeat 0px 0px;
			margin: 0px 3px;
			color: #FFFFFF;			
		}
		a.grey_button span{ 
			background: url(/img/scena/site/link_ender.gif) no-repeat right top; 
			padding: 0px 6px;	
			color: #FFFFFF;			
		}
		a.grey_button:hover{
			background: #dcddde url(/img/scena/site/link_bg.gif) no-repeat 0px -20px;
			text-decoration: none;
		}
		a.grey_button:hover span{
			background: url(/img/scena/site/link_ender.gif) no-repeat right -20px;
			text-decoration: none;
		}
		a.grey_button:active{
			background: #dcddde url(/img/scena/site/link_bg.gif) no-repeat 0px -40px;
			text-decoration: none;
		}
		a.grey_button:active span{
			background: url(/img/scena/site/link_ender.gif) no-repeat right -40px;
			text-decoration: none;
		}			
			
			
/* ----- subpages --------- */
#sub {
	width: 744px;
	padding:0 10px;
	float: left;
	overflow-x:hidden;
}

/* ----- three columns ----- */
#main ul.cols3 {
	width: 792px;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	#main ul.cols3 img{
		margin:0;
		padding:0;
		width:236px;
		height: 104px;
		/*margin-bottom: 8px;*/
	}
	#main ul.cols3 li{
		width: 236px;
		float: left;
		margin: 0px 28px 0px 0px;
		padding: 0 0 20px 0;
		min-height: 315px;
		height:auto;
		_height:315px;
	}
		#main .cols3 h3 {
			height:3.5em;
			margin:13px 0 9px 0;
		}
			#main .cols3 h3 a {
				/*--color:#de7500;--*/
				/*color:rgb(228,32,44);*/
				color: #e3192d;
			}
		#main ul.cols3  .content{
			min-height: 310px;
			height: auto;
			_height: 310px;
			text-align: left;
		}
		#main ul.cols3 li a.more{
			width: 70px;
			height: 20px;
			margin-top: 5px;
			display:block;
			background: #dcddde url(/img/scena/site/wiecej.png) no-repeat 0px 0px;
			margin-right: auto;
			margin-left: auto;
		}
			#main ul.cols3 li a.more span{
				visibility: hidden;
			}
		#main ul.cols3 li a.more:hover{
			background: #dcddde url(/img/scena/site/wiecej.png) no-repeat 0px -20px;
			text-decoration: none;
		}
		#main ul.cols3 li a.more:active{
			background: #dcddde url(/img/scena/site/wiecej.png) no-repeat 0px -40px;
			text-decoration: none;
		}
/* ----- two columns img/txt ----- */
.cols2 {
	width: 764px;
	float: left;
	clear: both;
}
	.cols2 h3 {
		font-size:1.7em;
		font-weight: normal;
		/*color:#de7500;*/
		/*color:rgb(228,32,44);*/
		color: #e3192d;
		margin: 0px 0px 20px;
	}
		.cols2 h3 a {
			text-decoration: none;
			/*color:rgb(228,32,44);*/
			color: #e3192d;
		}
	.cols2 h4 {
		font-size:1.15em;
		font-weight: bold;
		/*color:#de7500;*/
		/*color:rgb(228,32,44);*/
		color: #e3192d;
		margin-top: 2px;
		margin-bottom: 5px;
		text-align: left;
	}
	.cols2_pics{
		width: 260px;
		float: left;
		padding: 0px;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.cols2_content{
		width: 474px;
		margin-bottom: 20px;
		float: right;
		overflow: hidden;
	}
		.cols2_content h3 {margin-bottom:4px;}
		.cols2_content h4 {margin:0 0 20px 0;}
		.cols2_content p.more{
			width: 474px;
			display:block;
			background: #dcddde url(/img/scena/site/cz_51.gif) no-repeat left top;
			font-size: 1.1em;
			margin: 5px 0px 0px;
			padding: 0px;
		}
			.cols2_content p.more a{
				width: 474px;
				display:block;
				background: url(/img/scena/site/cz_52.gif) no-repeat left bottom;
			}
				.cols2_content p.more a span{
					display:block;
					background: url(/img/scena/site/cz_17.gif) no-repeat right center;
					padding: 7px 30px 7px 15px;
					margin-right: 13px;
				}
				.cols2_content p.more a:hover span{
					margin-right: 11px;
					padding: 7px 32px 7px 15px;
				}

/* ----- menu 2 & banner2 ----- */
#menu2{
	text-align: center;
	margin: 0 30px;
	width:704px;
	font-size: 0.9em;
	position: absolute;
	bottom:0;
	left:0;
}
	#menu2 ul{
		margin: 0px;
		padding: 0px;
		display: inline;
	}
		#menu2 ul li{
			display: inline;
			border-left: 1px solid #ccc;
			padding: 0px;
		}
		#menu2 ul li.first{
			border-left: none;
		}
			#menu2 ul li a{
				padding: 0px 7px;
				color: #ccc;
			}
#banner2 {
	position:absolute;
	bottom:25px;
	left:0;
}
/* ----- right column ----- */
#right_col{
	width: 180px;
	float: right;
	overflow-x:hidden;
}	
a.button {
	height: 52px;
	width: 180px;
	display: block;
	margin-bottom: 10px;
}
	a.button:hover { background-position:0 -52px;  }
	a.button:active { background-position:0 -104px; }
a.button2 {
	height: 49px;
	width: 180px;
	display: block;
	margin-bottom: 10px;
}
	a.button2:hover { background-position:0 -49px;  }
	a.button2:active { background-position:0 -98px; }
	
	a.button span, a.button2 span{ display: none; }

	a.biuro { background: url(/img/scena/site/biuro.png) 0 0 no-repeat; }
	a.przystap{
		background: url(/img/scena/site/przystap.png) 0 0 no-repeat;
		/*margin-bottom: 52px;*/
	}
	a.skladki { background: url(/img/scena/site/skladki.png) 0 0 no-repeat; }
	a.skladka { background: url(/img/scena/site/skladka.png) 0 0 no-repeat; }
	a.kalkulator { background: url(/img/scena/site/kalkulator.png) 0 0 no-repeat; }
/* ----- menu client ----- */
	#menu_client{
		width: 180px;
		background: #dd7726 url(/img/scena/site/cz_11.gif) repeat-y left top;
		color: #FFF;
		margin: 0px 0px 20px;
	}
	#menu_client h2{
		padding: 13px 15px 0px;
		display: block;
		color: #FFF;
		font-weight: normal;
		font-size: 1.2em;
		margin: 0px 0px 7px;
		background: url(/img/scena/site/cz_58.jpg) no-repeat left top;
	}
	#menu_client ul{
		width: 150px;
		list-style: none;
		margin: 0px;
		padding: 0px 15px 15px;
		border-top: 1px solid #FFF;
		background: url(/img/scena/site/cz_59.jpg) no-repeat left bottom;
	}
		#menu_client ul li{
			border-bottom: 1px solid #FFF;	
		}
			#menu_client ul li a:link, #menu_client ul li a:visited{
				display: block;
				width: 140px;
				padding: 4px 6px 4px 4px;
				color: #fff;
				font-size: 0.93em;
				text-transform: uppercase;
			}
			#menu_client ul li a:hover{
				padding: 4px 4px 4px 6px;
				color: #FFF;
			}
	
/* jasno szare okienko */
	.grey_box{
		width: 180px;
		background: #dcddde url(/img/scena/site/cz_14.gif) no-repeat left top;
		margin: 0px 0px 20px;
		color: #7e7f82;
	}
		.grey_box h2{
	display: block;
	margin: 0px 15px;
	padding: 12px 0px;
	border-bottom: 1px solid #fff;
	font-size: 1.1em;
	font-weight: normal;
	text-transform: none;
	color: #7e7f82;
		}
		.grey_box ul{
			background: url(/img/scena/site/cz_20.gif) no-repeat left bottom;
			padding: 5px 15px 15px;
			margin: 0px;
			list-style: none;
			float: left;
		}
			.grey_box ul li{
				padding: 11px 0px;
				border-bottom: 1px solid #fff;
				float: left;
				width: 150px;
			}
			.grey_box ul li.last{
				border-bottom-style: none;
				padding: 11px 0 0;
			}
				.grey_box ul li span{
					float: left;
					width: 85px;
				}
				.grey_box ul li strong{
					float: right;
					width: 55px;
					text-align: right;
				}
	.grey_box p{
		background: url(/img/scena/site/cz_20.gif) no-repeat left bottom;
		padding: 5px 15px 15px;
		margin: 0px;
	}
	.grey_box a:link, .grey_box a:visited{
		background: url(/img/scena/site/cz_17.gif) no-repeat right center;
		display: block;
		padding-right: 15px;
		margin-right: 2px;
	}
	.grey_box a:hover{
		padding-right: 17px;
		margin-right: 0px;
	}
	
		
/* ciemno szare okienko */
.dark_grey_box{
	width: 180px;
	background: #a7a9ac url(/img/scena/site/cz_22.gif) no-repeat left top;
	margin: 0px 0px 20px;
	color: #FFF;
	overflow: hidden;
	display: block;
}
	.dark_grey_box h2{
		display: block;
		margin: 0px;
		padding: 5px 15px 0px;
		font-size: 1.1em;
		font-weight: normal;
		color: #FFF;
		text-transform: none;
		text-align: center;
	}
	.dark_grey_box p{
		padding: 5px 15px 0px;
		margin: 0px;
	}
	.dark_grey_box p.ender{
		background: url(/img/scena/site/cz_32.gif) no-repeat left bottom;
		padding: 5px 15px 7px;
	}
	.dark_grey_box p.bottom_border{
		display: block;
		margin: 0px;
		padding: 15px 15px 10px;
		border-bottom: 2px solid #f6f6f7;
		background: url(none);
	}
	.dark_grey_box ul{
		background: url(/img/scena/site/cz_32.gif) no-repeat left bottom;
		padding: 10px 15px 15px;
		margin: 0px;
		width: 150px;
		float: left;
	}
	.dark_grey_box ul li{
		float: left;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	.dark_grey_box ul li.first{ margin-right: 10px; 	}
	.dark_grey_box a.button:link, .dark_grey_box a.button:visited{
		margin: 0;
		padding: 3px 0px 0px;
		background: url(/img/scena/site/wartosc_jedn.png) 0px 0px;
		height: 14px;
		width: 70px;
		color: #b8b8b8;
		font-size: 0.7em;
		text-align: center;
		overflow: hidden;
		display: block;
	}
	.dark_grey_box a.button:hover{
		color: #646464;
		text-decoration: none;
	}
	.dark_grey_box a.button:active{
		color: #a5a5a5;
		background: url(/img/scena/site/wartosc_jedn.png) 0px -17px;
	}
	.dark_grey_box .huge{
		font-size: 4.5em;
		text-align: center;
		display: block;
		line-height: 0.8em;
		padding: 5px 0px 8px;
	}
	.dark_grey_box .big{
		font-size: 1.3em;
		text-align: center;
		display: block;
		font-weight: bold;
	}
	.dark_grey_box .normal{
		font-size: 1em;
		text-align: center;
		display: block;
	}

	
/* niewidoczne okienko */
.invisible_box{
	width: 180px;
	margin: 0px 0px 20px;
	overflow: hidden;
}
	.invisible_box h2{
		display: block;
		margin: 0px;
		padding: 5px 0px 0px;
		font-size: 1.3em;
		font-weight: normal;
		color: #939598;
		text-transform: none;
	}
	.invisible_box p{
		background: url(/img/scena/site/cz_32.gif) no-repeat left bottom;
		padding: 5px 15px 7px;
		margin: 0px;
	}
	.invisible_box img{ 
		margin: 10px 0px 0px;
		border: 1px solid #CCC; 	
	}
	
/* niebieskie okienko   -       z poprzedniej wersji,  obecnie nieuzywane     */    
.blue_box{
	width: 180px;
	background: #77b7e4 url(/img/scena/site/cz_36.gif) no-repeat left top;
	margin: 0px 0px 20px;
	color: #FFF;
	overflow: hidden;
}
	.blue_box h2{
		display: block;
		margin: 0px;
		padding: 5px 15px;
		border-bottom: 2px solid #f6f6f7;
		font-size: 1.2em;
		font-weight: normal;
		color: #FFF;
	}
	.blue_box p.ender{
		background: url(/img/scena/site/cz_42.gif) no-repeat left bottom;
		padding: 5px 15px 7px;
		margin: 0px;
	}
	.blue_box p{
		padding: 5px 15px 7px;
		margin: 0px;
	}
	.blue_box a:link, .blue_box a:visited{
		background: url(/img/scena/site/cz_39.gif) no-repeat right center;
		display: block;
		color: #FFF;
		margin: 2px 2px 0px 0px;
		padding: 0px 15px 3px 0px;
	}
	.blue_box a:hover{
		margin: 2px 0px 0px;
		padding: 0px 17px 3px 0px;
	}
		.blue_box a span.more{
	font-size: 1.1em;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	padding-right: 5px;
	font-weight: bold;
		}
	.blue_box .big{
		font-size: 1.2em;
		text-align: center;
		display: block;
		font-weight: bold;
	}
	.blue_box img{
		margin-top: 8px;
		margin-bottom: 8px;
	}

/* ----- BOK & FINAT ----- */         
.bok h3 {
	margin-top:4em;
}
	h3.bokFirst {
		margin-top:.5em;
	}


.tb1, .tb2, .tb3, .tb4, .tb5 {
	border:none;
	width: 100%;
	background: #F9F9F9;
	margin-bottom:1em;
}
.tb3 {background: none; margin-bottom:2em;}
		.tb3 table.tb3 {margin: 0;}
.tb5 
{
border-top:solid 41px  #F0F0F0	; 
margin:0;
}		
.bok th {
font-weight: bold;
}		
.tb2 th, .tb4 th 
{
background: #004392;
color: #FFFFFF;	
}
.cpadding2 th 
	{
	font-weight: bold;
	background:#004392;
	color:#FFFFFF;
	}
	.tb2 td, .tb2 th {vertical-align:middle; text-align: center; height: 28px;}
	.tb4 td, .tb4 th {vertical-align:middle; text-align: center; height: 15px;}
	.tb2 tr.alt td, .tb4 tr.alt td {
background:#F0F0F0;
}
	.tb5 tr.alt td {
background: #F0F0F0;
height:30px;}
	
	.tb3 td, .tb3 th {vertical-align: middle;}
	
	td.tleft, th.tleft {text-align: left;}
	td.tcenter, th.tcenter {text-align: center;}
	td.tright, th.tright {text-align: right;}
		
.cpadding1 td, .cpadding1 th {padding:5px;}
.cpadding2 td, .cpadding2 th {padding:3px;}

.bokLink {
	padding-left:15px;
	font-weight: bold;
	/*background: url(http://www.bankowy.pl/layout/img/s_blue.gif) 0 50% no-repeat; */
	background: url(/layout/img/s_blue.gif) 0 50% no-repeat;
}
.bokHl1 {
	border:3px solid #F28411;
	padding:5px;
	display:block; 
}
.bokHl2 {
	border:1px solid #000000;
	padding:5px;
	font-weight: bold;
	background: #F0F0F0;
}
.bokHl3 {
/*	border:3px solid #F28411;*/
	border:3px solid #E3192D;
	padding:5px;
	font-weight: bold;
}
.bankowy {
background: #DCDCDC;
}
.bankowy th {
background: #DCDCDC;
}
.transfer {
/*background: #FE6347;*/
background: #E3192D;
color:#ffffff;

font-weight: bold;
}
.nieBankowy {
/*background: #f9fafd;*/
background: #F0F0F0;
}

.tb6rok {
background: #F0F0F0;
}

.logint1 {
background:#DCDCDC;
}
.logint2 {
background:#F0F0F0;
}

.logint3 {
background:#000000;
}
.text_td {
text-align: center;
}

/*demo WBK*/

.demo_white {
background: #F9F9F9;
}

.demo_dark {
background: #F0F0F0;
}


.logint1 {
background:#DCDCDC;
}
.logint2 {
background:#F0F0F0;
}

.logint3 {
background:#000000;
}

/* footer      -       z poprzedniej wersji,  obecnie nieuzywane     */          
#footer{
	border-top: 1px solid #929091;
	padding-top: 10px;
	display:block;
}
	#footer_pko{
		background: url(/img/scena/site/logo_stopka.gif) no-repeat left top;
		float: left;
		width: 202px;
		min-height: 44px;
		_height: 44px;
		padding: 14px 0px 20px 262px;
	}
	#footer_authors{
		float: right;
		width: 260px;
		text-align: left;
		padding-top: 14px;
	}