/* CSSDoc for Bank Pocztowy :: 15/01/2009 :: edited by ep, mz, pp */
/* last edited on 28/01/2009 */

html, body, h1, h2, h3, ul, li, p, dl, dt, dd {margin:0; padding:0;}
body {font-family: Tahoma, Verdana, sans-serif; font-size: 11px; background:#bbbbbb; line-height:1.3em; color:#1f395a;}

/* ---------- defaults ---------- */
p {margin: 0 0 5px 0; line-height: 1.3em;}
a {color: #1f395a; text-decoration: underline; cursor: pointer;}
a:link, a:visited {color: #1f395a;}
a:hover, a:active {color: #1f395a; text-decoration: none;}
a img {border: none;}

h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 1em; color: #1f395a;}
h1 {font-size: 2.18em; font-weight: normal; margin: 0 0 14px 0;}
h2 {font-size: 1.82em; font-weight: bold; margin: 0 0 14px 0;}
h3 {font-size: 1.60em; font-weight: bold; margin: 0 0 10px 0;}
h4 {font-size: 1.40em; font-weight: bold; margin: 10px 0 0 0;}
h5 {font-size: 1.27em; font-weight: bold; margin: 0 0 6px 0;}
h6 {font-size: 1.09em; font-weight: bold; margin: 0 0 4px 0;}

ul {list-style: none;}
li {list-style-position: outside; list-style: none; line-height: 1.3em;}
ul ul, ol ol {}

table {font-size: 1em; color: #1f395a;}

/* ----------- layout ----------- */
#container {width: 988px; margin: 0 auto; background: #fff url('../images/bg.gif') repeat-y;}

#header {height: 296px;}
	#header .container {height: 294px; background: url(../images/background.gif) repeat-x 0 100%;}
		#header div.top {clear: both; height: 82px; border-bottom: 1px solid #b2b2b2;}
			div.top h1 {float: left; width: 544px; text-align: center; margin: 28px 0 0;}
			h1#lokaty-online {width: 204px; margin-top: 20px; text-align: left;}
			div.top p {float: right; margin: 25px 0 0;}
		#header .container .bottom {margin-top: 15px;}	
			#header .container .bottom .foto {float:left; width: 748px; height: 180px;}
			#header .container .bottom .logowanie {float: left; margin-left: 14px; background: url('../images/tlo_logowanie.gif') repeat-x;}
					#header .container .bottom .logowanie img {padding:3px 5px 5px 0;}
					#header .container .bottom .logowanie ul {text-decoration:none; list-style:none; padding-top:15px;}

#main {}
	#main .container {}
		#main .container ul {text-decoration:none; list-style:none;}
		#main .container .menu {float:left; width:190px; padding-top:20px; margin-bottom:20px;}
			#main .container .menu img {padding-bottom:10px;}
			#main .container .menu a {text-decoration:none; font-weight:bold;}
				#main .container .menu a:hover {color:#DD351E; font-weight:bold;}
			#main .container .menu ul {font-size: 12px;}
				#main .container .menu li {background:#fff url('../images/background.gif') repeat-x 0 100%; padding: 2px 5px 4px;}
					#main .container .menu li a.menu_sel {color:#DD351E; text-decoration:underline;}
		#main .container .content {position: relative; float:left; width:544px; padding: 20px 0; margin: 0 14px;}
			#breadcrumb {margin: 0 0 15px;}
		#main .container .boksy {float:left; width:190px; overflow: hidden;}
				#main .container .boksy .box li {padding:3px 0;}
					#main .container .boksy .box li a {display:  block;text-indent: -666em; text-decoration:none;}
						#main .container .boksy .box li.wybierz_lokate {background: url('../images/wybierz_lokate.gif') no-repeat;height: 30px; width: 148px;}
						#main .container .boksy .box li.wypelnij_wniosek {background: url('../images/wypelnij_wniosek.gif') no-repeat;height: 30px; width: 148px;}
						#main .container .boksy .box li.przelej_srodki_na_rachunek_lokaty {background: url('../images/przelej_srodki_na_rachunek_lokaty.gif') no-repeat;height: 30px; width: 148px;}

#footer {clear: both;}
	#footer .container {padding: 0 0 5px 14px; background: #f3f3f3 url(../images/background.gif) repeat-x;}
	#footer .container ul {padding-top: 12px;}
		#footer .container li {float: left; width: 179px; margin-right: 14px;}
		#footer .container li.newsletter {margin-right: 0;}
			#footer .container ul ul {padding: 0;}
			#footer .container ul ul li {float: none; width: auto; height: auto; margin: 0;}
			#footer .container div.clear {padding-top: 0px;}
			#footer .container a#poweredby {padding-right: 14px; color: #b2b2b2; text-decoration: none;}
				#footer .container a#poweredby:hover {text-decoration: underline;}

.container {margin:0 4px; padding: 0 14px;}

/* ------------- hp ------------- */
#replaceable {position: relative; background: none;/* height: 100%; overflow:hidden;*/}
#replaceable div.counter {position: absolute; bottom: 12px; right: 16px;}
div.counter a img {opacity: .6; -moz-opacity: 0.6; filter: alpha(opacity=60);}
div.counter a:hover img, #replaceable a.selected img {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}

/* ---------- classes ----------- */
.clear {clear: both;}
.height {height: 100%; overflow: hidden;}
.fleft {float:left;}
.fright {float:right;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.justify {text-align: justify;}
.nobkg {background: none !important;}
.bm {margin-bottom: 10px;}

.more {padding-right: 16px; background: url('../images/arrow.gif') no-repeat 100% 0.3em;}
.back {padding-left: 16px; background: url('../images/arrow-left.gif') no-repeat 0 0.3em;}
.bullet {padding-left: 18px; background: url('../images/arrow.gif') no-repeat 0 0.3em;}
.h-line {height: 0; border-bottom: 1px dashed #aaa; font-size: 0; line-height: 0;}

.level0 {font-weight:bold; font-size:13px;}
.level1 {margin-left:40px;}
.level2 {margin-left:80px;}

.level0 .bullet {background: none;}

.lvl0 {font-weight: normal; font-size: 12px;}
.lvl1 {font-weight: normal; font-size: 11px; margin-left: 10px;}

h1.art_title {background: url('../images/art_title.gif') no-repeat; display: block; text-indent: -666em;}
a.lokaty {font-family: Arial, Helvetica, sans-serif; font-size: 2.6em; font-style: italic; color: #1f395a;}
.selected a {color:#B2B2B2; text-decoration:none;}

.box {padding: 20px 0 0; background: url('../images/background.gif') repeat-x; margin: -1px 0 20px;}

.content_box {margin: 0 0 20px; background: url('../images/bg-content-box-center.gif') repeat-y;}
.content_box_top {height: 5px; background: url('../images/bg-content-box-top.gif') no-repeat; font-size: 1px; line-height: 1px;}
.content_box_center {margin: 0 2px; padding: 5px 12px; background: #f3f5f7 url('../images/bg-content-box.gif') repeat-x bottom; overflow: hidden;}
.content_box_bottom {clear: both; height: 7px; background: url('../images/bg-content-box-bottom.gif') no-repeat; font-size: 1px; line-height: 1px;}

ul.arr li, li.arr {background: url('../images/arrow.gif') no-repeat 0 0.3em; padding-left: 18px;}
ul.square li {background: url(../images/squarered.gif) no-repeat 0 .4em; padding-left: 12px;}

.success {color: #103a9b;}
.error {color: #cc381f;}

/* ------------ forms -----------*/
form {}
input {width: 110px;}
input.checkbox {width: auto; vertical-align: middle;}
input.text {width: 200px; padding: 1px; font-family: Arial, Tahoma, sans-serif; font-size: 1.09em; color: #000;}
input.button {height: 36px; width: 36px; padding: 0; margin: 0; background-color: #eee; border: none; cursor: pointer; vertical-align: middle;}
input#subscribe {width: 108px; background-image: url(../images/b-subscribe.gif);}
input#unsubscribe {width: 108px; background-image: url(../images/b-unsubscribe.gif);}
input#fillout {width: 109px; background-image: url(../images/b-fillout.gif);}
input#send {width: 109px; background-image: url(../images/b-send.gif);}

textarea {padding: 1px; font-family: Arial, Tahoma, sans-serif; font-size: 1.09em; color: #000; overflow: auto;}
select {width: 206px; font-family: Arial, Tahoma, sans-serif; font-size: 1.09em; color: #000;}

/* ---------------------------- tabs ---------------------------- */
#tabbedContent {clear: both; margin-top: 0px; padding: 10px 0;}
#tabs {position: relative; height: 32px; padding: 0 !important; margin-bottom: -1px;}
#tabs a {font-style: italic; text-decoration: none;}
#tabs a:hover {text-decoration: underline;}
#tabs li {float: left; height: 30px; padding: 0 !important; margin: 0; background: #f3f5f7 url(../images/tabs/bg-tabs.gif) top repeat-x; border-top: 1px solid #a5acb2; overflow: hidden; line-height: 1.1em;}
#tabs li.selected {height: 31px; padding: 0; background-image: none; border-top: 1px solid #a5acb2;}
#tabs li.TabsStart, #tabs li.selectedTabsStart, #tabs li.TabStart, #tabs li.selectedTabStart, #tabs li.TabsEnd, #tabs li.selectedTabsEnd {width: 1px; margin-top: 1px; padding: 0 !important; background: #a5acb2;}
#tabs li.TabEnd, #tabs li.selectedTabEnd, #tabs li.prevSelTabEnd {width: 1px; margin: 1px 1px 0 0; padding: 0 !important; background: #a5acb2;}
#tabs a, #tabs span {display: block; margin: 3px 5px 0; padding: 0 1px;}

#tabCont {position: relative; padding: 10px; border-left: 1px solid #a5acb2; border-right: 1px solid #a5acb2; background: #f3f5f7; height: 1%;}
* html #tabCont {padding-bottom: 0;}
#tabCont h6 {font: 1.2em Tahoma; font-weight: bold; margin-bottom: 4px;}
#tabCont ul li {position: relative;  z-index: 1;}
#tabCont .grayBox {position: relative; z-index: 2;}/*for FF3 - without this links in gray box are not clickable*/
.tabHeader {height: 1px; margin-right: 1px; background: #a5acb2;}
.tabFooter {height: 1px; margin: 0 1px; background: #a5acb2;}
.tabHeader div.right, .tabFooter div.left, .tabFooter div.right {display: none;}

#tabCont div.footer {padding-top: 10px;}
#tabCont div.footer a.apply, #tabCont div.footer span {float: right; margin-top: .5em; font-size: .92em;}
#preloader {position: absolute; z-index: 9999; opacity: .7; filter: alpha(opacity=70); background: #ccc url(../img/tabs/ic-loader.gif) no-repeat 50% 10px;}

/* --------- contact ------------*/
div.messages {height: 30px; margin: 0 0 10px;}
div.messages h5 {margin: 0;}

table.contact {width: 100%;}
table.contact tr {height: 30px; vertical-align: top;}
table.contact tr td.text {width: 150px;}
table.contact tr td.text h4 {margin: 3px 0 0; padding: 0;}
table.contact textarea {width: 386px; height: 50px;}

/* --------------- faq --------------- */
ul#categories {margin-top: 10px;}
ul#categories li {margin-bottom: 10px;}
ul#categories a {font-weight: bold;}
.question li {margin-bottom: 5px; padding-left: 18px; background: url(../images/ic-plus.gif) no-repeat 0 0.1em;}
.question li.minus {background: url(../images/ic-minus.gif) no-repeat 0 0.1em;}
.question a {font-weight: bold; text-decoration: none;}
.question a:hover {color: #dd351e;}
.answer {padding: 5px; background: #f5f5f5;}
#tabCont .answer {background: #eaecef;}