/* ----- common ----- */
* {
   padding:0;
   margin:0;
}
html, body {
	height: 100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt;
	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;
}
h2 {
	color:#0066b3;
	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;
	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 {display:none;}



/* ----- wrappers ----- */
#wrapper{
	margin:0 auto;
	background-color:#fff;
	font-size: 0.92em;
	padding-bottom:1em;
}
/* ----- header ----- */
#header{
	height:162px;
	margin-bottom: 15px;
	background: #FFF;
}
	#header p{ display:none;}
		
/* ----- formularz szukania ----- */
#search{ display: none;}
		
/* ----- menu ----- */
#menu{ display: none; }

/* ----- content ----- */
#main{
	float: left;
	text-align: left;
	z-index: 100;
	
}
		#main ul {
			margin-bottom:1em;
			padding-left: 19px;
		}

		#main li{
			padding-left:4px;
			margin-bottom: 0.5em;
		}
		#catchphrase{ display: none;	 }
		#catchphrase2{ display: none; }
		a.grey_button{
			background: #dcddde url(/img/scena/site/link_bg.gif) no-repeat 0px 0px;
			margin: 0px 3px;
			color:#F28411;
		}
		a.grey_button span{ 
			background: url(/img/scena/site/link_ender.gif) no-repeat right top; 
			padding: 0px 6px;			
		}
		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:4em;
			margin:13px 0 9px 0;
		}
			#main .cols3 h3 a {
				color:#de7500;
			}
		#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;
		margin: 0px 0px 20px;
	}
		.cols2 h3 a {
			text-decoration: none;
			color:#de7500;
		}
	.cols2 h4 {
		font-size:1.15em;
		font-weight: bold;
		color:#de7500;
		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{ display: none; }
#banner2 { display: none;}
/* ----- right column ----- */
#right_col{ display: none; }	
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; }


/* ----- 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;
			}
	


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


.tb1, .tb2, .tb3, .tb4, .tb5 {
	border:none;
	width: 100%;
	background: #f9fafd;
	margin-bottom:1em;
}
.tb3 {background: none; margin-bottom:2em;}
		.tb3 table.tb3 {margin: 0;}
.tb5 {border-top:solid 41px #EAEFF8; margin:0;}		
	.bok th {font-weight: bold;}		
	.tb2 th, .tb4 th {background: #EAEFF8;}
	.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:#EBF0F8;}
	.tb5 tr.alt td {background: #EAEFF8; 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; 
}
.bokHl1 {
	border:3px solid #F28411;
	padding:5px;
	display:block; 
}
.bokHl2 {
	border:1px solid #6687CA;
	padding:5px;
	font-weight: bold;
	background:#FCE7D0;
}
.bokHl3 {
	border:3px solid #F28411;
	padding:5px;
	font-weight: bold;
}
.bankowy {background: #FCE7D0;}
.transfer {background: #FE6347;}
.nieBankowy {background: #f9fafd;}

/* 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;
	}