html, body, h1, h2, h3, ul, li, p, dl, dt, dd {margin:0; padding:0;}
body {font-family:Tahoma; font-size:11px; background:#fff; line-height:1.6em; color:#707070;}
/* ------------------------- /layout\---------------------------- */
#container{margin:0 auto; width:980px;}
.content{padding:0 20px;}
#top{overflow:hidden; height:67px;}
#top h1 a {background:transparent url(../img/logo-bank_pocztowy.gif) no-repeat scroll 0 0; display:block; float:left; height:26px; margin-top:20px; text-indent:-666em; width:222px;}
#top h1.twenty a {background:transparent url(../img/logo-bank_pocztowy-20.gif) no-repeat scroll 0 0; height:45px; margin-top: 10px}
#top p a{margin:15px;}
#menu{overflow:hidden; height:40px;}
#main{overflow:hidden; background: url(../img/bg-main.gif) repeat-y scroll 0 0;}
#main .bg-shadow{background: url(../img/bg-shadow.gif) repeat-x scroll 0 100%; height:62px; margin: 0 auto; width:978px; z-index:2;}
#main .bg-shadow .menu{width:740px; float:left; position:absolute;}
#main .bg-shadow .szukaj{width:180px; float:right; padding-top:12px;}
#main #slideshow{float:left;}
#main #zostan_klientem{float:left; background: url(../img/bg-red.gif) no-repeat;width:240px; height:240px; text-align:center;}
#main #zostan_klientem ul{padding-top:20px;}
#main #zostan_klientem ul li{padding:10px 0 0 5px; text-align:left; margin-left:15px;}
.menu-bottom {padding:20px 0;}
.menu-bottom ul li{display:inline; margin-left:15px;}
.menu-bottom img.bip{float:left; padding-right:100px;}
.top{ background: url(../img/bg-top.gif) repeat-x scroll 0 100%; height:254px; width:940px;}
.left-content{float:left; width:717px; overflow:hidden;}
.right-content{ width:222px; overflow:hidden; float:left;}
.sub{overflow:hidden; clear:both; width:940px;}
.top-sub{overflow:hidden; margin-bottom:10px;}
#footer{background: url(../img/bg-footer.gif) repeat-x scroll 0 0; display:block; height:50px; padding:10px 0;}
#footer ul li{display:inline; margin-right:15px;}
#footer .footer-menu{float:left; width:730px;}
#footer .footer-menu ul{padding-left:15px;}
#footer .prawa{float:right;}
#footer .prawa p{text-align:right; color:#003c66;}
/* ------------------------- \layout/ ---------------------------- */
/* ------------------------- /button\---------------------------- */
input.button{border:medium none; cursor:pointer; padding:0; vertical-align:bottom;}
input.logowanie {background:transparent url(../img/buttons/logowanie.gif) no-repeat scroll right center; height:32px; width:186px; float:right;}
input.pokaz {background:transparent url(../img/buttons/pokaz.gif) no-repeat scroll right center; height:25px; width:55px;}
input.zostan_klientem {background:transparent url(../img/buttons/zostan_klientem.gif) no-repeat scroll right center; height:49px; width:204px; margin:10px 0;}
input.szukaj {background:transparent url(../img/buttons/szukaj.gif) no-repeat scroll right center; height:26px; width:59px; float:right; margin:15px;}
input.b_szukaj {background:transparent url(../img/buttons/szukaj.gif) no-repeat scroll right center; height:26px; width:59px;}
input.zloz_wniosek {background:transparent url(../img/buttons/zglos_wniosek.gif) no-repeat scroll right center; height:26px; width:96px; margin-bottom:10px; horizontal-align:left;}
/* ------------------------- \button/ ---------------------------- */
/* ------------------------- /classes\---------------------------- */
.fLeft{display:inline; float:left;}
.fRight{display:inline; float:right;}
.more{background:transparent url(../img/arr.gif) no-repeat scroll 100% 0.45em; padding-right:7px; font-size:11px;}
.more_homepage{padding-right:7px; font-size:11px; border: solid 0px #eeeeee; padding-top: 0px; position: relative; top: 10px;}
.red{color:#e2001a; font-weight:bold;}
.form{float:left; width:329px; padding-right:20px;}
ul.arr li a{background:transparent url(../img/arr.gif) no-repeat scroll 100% 0.45em; padding-right:7px;}
.last{margin-bottom:10px;}
.inner{padding-right:17px;}
.open{display:block;}
p.blad{ text-align:center;color:#E2001A; font-weight:bold; clear:both;}
.archiwum{ background:#fff; border:1px solid #EAEAEA; padding:10px;}
img.kal{padding-right:60px;}
p.na_skroty{float:left; padding:15px 10px 0 20px;}
select.inbox{width:130px; float:left;}
form#shortcut-form{float:left; padding-top:7px;}
input.ac_input{width:120px;}
/* ------------------------- \classes/---------------------------- */
/* ------------------------- /aktualnosci\---------------------------- */
.news{ float:left; width:222px; height:300px;}
.news p{color:#707070; line-height:1.3em;}
.news h2{padding-top:10px;}
.news01{padding:20px 0; border-bottom:1px solid #EAEAEA;}
p.title_news{display:block; clear:both; float:left; padding-bottom:10px;}
span.title{font-weight:bold; color:#003366; float:left; width:640px;}
span.data{float:right;}
/* ------------------------- \aktualnosci/---------------------------- */
/* ------------------------- /defaults\---------------------------- */
a{text-decoration:none; color:#003366;}
a:hover{text-decoration:underline; color:#E2001A;}
a img{border:none;}
ul li {line-height:1.3em; list-style-position:outside; list-style: none; }
select{-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; width:140px; background:#FBFAFA none repeat scroll 0 0; border:1px solid #D6D6D6; margin:0; padding:1px; vertical-align:baseline;}
input{-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; width:120px; background:#FBFAFA none repeat scroll 0 0; border:1px solid #D6D6D6; margin:0; padding:1px; vertical-align:baseline;}
h2{ text-align:left; font-size:15px; color:#003c66; ont-size:1.27em; margin:0 0 6px; font-weight:normal;}
p.data{font-size:10px;}
p.title{font-weight:bold; color:#003366; font-size:12px;}
/* ------------------------- \defaults/---------------------------- */
/* ------------------------- /top-menu\---------------------------- */
.top-menu li {display:block; float:left; height:40px; margin:0 10px 0 0;}
.top-menu li a {display:block; height:100%;}
.top-menu a {background-position:center 0px; background-repeat:no-repeat;}
.top-menu .indywidualni a {background-image:url(../img/menu/menu01.gif); width:186px;}
.top-menu .mikro a {background-image:url(../img/menu/menu02.gif); width:187px;}
.top-menu .instytucje a {background-image:url(../img/menu/menu03.gif); width:113px;}
.top-menu .sklep a {background-image:url(../img/menu/menu04.gif); width:120px;}
.top-menu .selected a {background-position:center -40px; }
.top-menu .selected a:hover {background-position:center -40px; }
.top-menu a:hover {background-position:center -80px; }
/* ------------------------- \top-menu/---------------------------- */
/* ------------------------- /sub-menu\---------------------------- */
#container #main .bg-shadow .menu ul{padding:15px 20px;}
#container #main .bg-shadow .menu li{display:block; float:left; margin:0 10px 0 0; border-right:1px solid #dbdbdb; padding-right:10px;}
#container #main .bg-shadow .menu li a{ font-size:13px;}
#container #main .bg-shadow .menu li.selected a{color:#707070;}
#container #main .bg-shadow .menu li ul{ display:none; margin:0 0 0 -11px; padding:5px; background:#FAFAFA; width:auto; border-right:1px solid #DBDBDB; border-left:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB;}
#container #main .bg-shadow .menu li.open ul{display: block !important;}
#container #main .bg-shadow .menu li ul.menu li{float:none; border-right:none; padding:3px;}
#container #main .bg-shadow .menu li ul.menu li p a{font-size:10px;}
/* ------------------------- \sub-menu/---------------------------- */
/* ------------------------- /box01\---------------------------- */
.boksy01{float:left;}
.box01{width:222px; overflow: hidden; float:left; height:254px; margin-right:17px; background: url(../img/bg-shadow.gif) repeat-x scroll 0 100%; padding-bottom:40px; text-align:center;}
.box01 p.txt{font-weight:bold; color:#003366; font-size:110%; margin:20px 0;}
.box01 h2{padding:10px 0 0 0;}
.box01 p.txt_homepage{font-weight:bold; color:#003366; font-size:110%; margin:20px 0; text-align:left;}
/* ------------------------- \box01/---------------------------- */
/* ------------------------- /breadcrumb\---------------------------- */
#breadcrumb{width:820px; display:block; float:left;}
#breadcrumb p {color:#707070;}
#breadcrumb p a {font-weight:bold;}
/* ------------------------- \breadcrumb/---------------------------- */
/* ------------------------- /site-actions\---------------------------- */
#site-actions{ height:21px; width:120px; float:left;}
#site-actions p {display:inline; float:left; margin-left:10px;}
p#text-size {padding:3px 0 0;}
p#text-size a {color:#a0a0a0; font-weight:bold; padding:0 3px; text-decoration:none;}
p#text-size a:hover, p#text-size a.sel {color:#686868;}
p#text-size a.small {font-size:11px;}
p#text-size a.normal {font-size:15px;}
p#text-size a.big {font-size:20px; font-weight:normal;}
p#mail-to-friend a img {background:transparent url(../img/ic-mail.gif) no-repeat scroll 0 0;width:22px;}
p#print-content a img {background:transparent url(../img/ic-print.gif) no-repeat scroll 0 0;width:19px;}
/* ------------------------- \site-actions/---------------------------- */
/* ------------------------- /html element box 01\---------------------------- */
table.tab-boxes{margin-top:10px;}
table.tab-boxes td {border:medium none; margin:0; padding:0 0 13px; vertical-align:top; width:222px;}
table.tab-boxes td.header {padding:7px 0 0;}
table.tab-boxes td.gap {font-size:1px; line-height:1px; padding:0; width:17px;}
table.tab-boxes td.footer {background:transparent url(../img/bg-shadow.gif) repeat-x scroll center bottom; font-size:1px; height:19px; line-height:1px; padding:0;}
table.tab-boxes td p img{padding-bottom:10px;}
table.tab-boxes td ul.arr{margin-bottom:10px;}
table.tab-boxes td p.wniosek {padding-top:10px;}
table.tab-boxes td p.wniosek a.more{background:transparent url(../img/arr.gif) no-repeat scroll 100% 0.7em; padding-right:7px; font-size:11px;}
/* ------------------------- \html element box 01/---------------------------- */
/* ------------------------- /placowki\---------------------------- */
table.tab-placowki{width:100%; background:#fff; border:1px solid #eaeaea; clear:both; display:block;}
tr.odd{background:#f8f8f8;}
table.tab-placowki thead tr td{font-weight:bold; padding:5px;}
table.tab-placowki tbody tr td{padding:5px;}
.placowki{height:300px; overflow:auto;}
.form form{overflow:hidden; background:#fff; border:1px solid #eaeaea; margin-top:10px;}
.form ul{padding-top:10px;}
.form ul li{ border-bottom:1px solid #eaeaea; height:20px; padding:5px 0; padding-left:15px; padding-right:15px;}
.form ul li label{float:left;}
.form ul li input{float:right;}
input.checkbox{width:20px;}
#mapa{width: 573px; height: 376px; float: left; position: relative; background-color: rgb(229, 227, 223); overflow:hidden; margin-bottom:20px;}
table.tab-placowki tr td.col01{width:60px;}
table.tab-placowki tr td.col02{width:100px;}
table.tab-placowki tr td.col03{width:340px;}
table.tab-placowki tr td.col04{width:90px}
table.tab-placowki tr td.col05{width:90px}
table.tab-placowki tr td.col06{width:75px}
table.tab-placowki tr td.col07{width:75px;}
/* ------------------------- \placowki/---------------------------- */
/* ------------------------- /right-content\---------------------------- */
.right-content h2{background:#fff; margin:0; padding:10px 15px;}
.right-content ul.menu{background:#fff; padding-bottom:5px;}
.right-content ul.menu li{border-top:1px solid #dbdbdb; margin-left:15px; margin-right:15px; padding:3px 0;}
.right-content ul.menu li a{background:transparent url(../img/arr.gif) no-repeat scroll 100% 0.45em; padding-right:7px;}
.right-content .zobacz{background:#eaeaea;}
.right-content .zobacz h2{background:#eaeaea;}
.right-content .zobacz ul li{border-top:1px solid #fff; margin:0 15px 0 15px; padding:3px 0;}
/* ------------------------- \right-content/---------------------------- */
/* ------------------------- /sitemap\---------------------------- */
#sitemap ul.menu{margin:0; padding:0;}
#sitemap ul.menu li.level0{float: left; width: 202px; margin-right:17px; background:#FFFFFF none repeat scroll 0 0; padding:10px;}
#sitemap ul.menu li.level1 a{font-size:1.3em;}
#sitemap ul.menu li.level2 a{font-size:1em;}
#sitemap ul.menu li.level0 li{padding:3px 0;}
#sitemap ul.menu li.level2 p{border-top:1px solid #DBDBDB;}
#sitemap ul.menu li.level0 p{display:none}
#sitemap ul.menu li.level0 li p{display:block; padding: 3px 0;}
#sitemap .level2 a{background:transparent url(../img/arr.gif) no-repeat scroll 100% 0.45em; padding-right:7px;}
/* ------------------------- \sitemap/---------------------------- */
/* -------------------------- /tabs\----------------------------- */
.tabs-header {margin-bottom:-25px;padding:0 10px;}
.tabs-header h1{color: white; font-size: 2.2em; margin: 0;}
#tabbedContent #tabMenu {clear: both; height: 33px;}
#tabbedContent ul#tabs{float: left; margin: 0; background:transparent url(../img/tabs/tab-bg-btm.gif) repeat-x scroll 0 100%; width:100%;}
#tabbedContent #tabs li{display: block; float: left; color: white; margin:0; background: transparent url(../img/tabs/tab-bg.gif) repeat-x scroll 0 100%; height: 26px; padding-top:5px;}
#tabbedContent #tabs li a{vertical-align:middle; color:#003366; text-decoration: none; font-size:13px; padding:0 3px;}
#tabbedContent #tabs li.TabStart {background:transparent url(../img/tabs/tab-start.gif) no-repeat scroll 0 top;width:3px; }
#tabbedContent #tabs li.TabsStart{background:transparent url(../img/tabs/tabs-start.gif) no-repeat scroll 0 top;width:3px; }
#tabbedContent #tabs li.TabEnd, #tabbedContent #tabs li.prevSelTabEnd{background:transparent url(../img/tabs/tab-end.gif) no-repeat scroll 0 top;width:2px;}
#tabbedContent #tabs li.TabsEnd{background:transparent url(../img/tabs/tabs-end.gif) no-repeat scroll 0 top;width:3px;}
#tabbedContent #tabs li.selectedTabsStart{background:transparent url(../img/tabs/tabs-start-sel.gif) no-repeat scroll 0 top;width:3px; }
#tabbedContent #tabs li.selectedTabStart {background:transparent url(../img/tabs/tab-start-sel.gif) no-repeat scroll 0 top;width:3px; }
#tabbedContent #tabs li.selected{background: transparent url(../img/tabs/tab-bg-sel.gif) repeat-x scroll 0 100%; }
#tabbedContent #tabs li.selected a{color:#707070;}
#tabbedContent #tabs li.selectedTabsEnd{background:transparent url(../img/tabs/tabs-end-sel.gif) no-repeat scroll 0 top;width:3px; }
#tabbedContent #tabs li.selectedTabEnd {background:transparent url(../img/tabs/tab-end-sel.gif) no-repeat scroll 0 top;width:2px; }
#tabbedContent {width:700px;margin-bottom:15px;float: left;overflow:hidden;}
#tabbedContent .tabHeader{display:none;}
#tabbedContent .tabFooter{display:none;}
#tabbedContent #tabCont {color:#707070; height: 100%;overflow:hidden;clear: both; padding: 10px 0;}
#tabbedContent #tabCont img{padding-right:10px;}
#tabbedContent #tabCont ul li{margin-left:10px;}
#preloader {position: absolute; z-index: 9999; opacity: .7; filter: alpha(opacity=70); background: #ccc url(../img/tabs/ic-loader.gif) no-repeat 50% 10px;/*margin-left:10px;margin-top:45px;*/}
/* -------------------------- \tabs/----------------------------- */
/* JQuery autocomplete*/
.ac_results {padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999;}
.ac_results ul {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;}
.ac_results li {margin: 0px; padding: 2px 5px; cursor: default; display: block;
/* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */
/*width: 100%;*/
font: menu; font-size: 12px;
/* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox*/
line-height: 16px; overflow: hidden; }
.ac_loading {background: white url('../img/indicator.gif') right center no-repeat;}
.ac_odd {background-color: #eee;}
.ac_over {background-color: #0A246A; color: white;}
/* -------------------------- /kurs walut\----------------------------- */
table.default{width:100%; background:#FFFFFF none repeat scroll 0 0; border:1px solid #EAEAEA;}
table.default thead tr{background:#F8F8F8; font-weight:bold;}
table.default tr td{padding: 3px 5px;}
/* -------------------------- \kurs walut/----------------------------- */
/* Default style sheet for jQuery date picker v3.7.0. */
#datepick-div, .datepick-inline {font-family: Arial,Helvetica,sans-serif; font-size: 14px; padding: 0; margin: 0; background: #ddd; color: #000; width: 15em;}
#datepick-div {display: none; border: 1px solid #777; z-index: 100; /*must have*/}
.datepick-inline {float: left;display: block;border: 0;}
.datepick-rtl {direction: rtl;}
.datepick-dialog {padding: 5px !important;border: 4px ridge #ddd !important;}
.datepick-disabled {position: absolute;z-index: 100;background-color: white;opacity: 0.5;filter: alpha(opacity=50);}
button.datepick-trigger {width: 25px;padding: 0px;}
img.datepick-trigger {margin: 2px;vertical-align: middle;}
.datepick-prompt {float: left;padding: 2px;}
* html .datepick-prompt { /* IE6 */ width: 15em;}
.datepick-control, .datepick-links, .datepick-header, .datepick {clear: both; float: left; width: 100%; color: #707070;}
.datepick-control { background: #707070; padding: 2px 0px;}
.datepick-links { color:#707070; background: #ddd; padding: 2px 0px;}
.datepick-control, .datepick-links {font-weight: bold; font-size: 80%;}
.datepick-links label {padding: 2px 5px; color: #888;}
.datepick-clear, .datepick-prev {float: left; width: 34%;}
.datepick-rtl .datepick-clear, .datepick-rtl .datepick-prev {float: right;text-align: right;}
.datepick-current {float: left; width: 30%;text-align: center;}
.datepick-close, .datepick-next {float: right; width: 34%; text-align: right;}
.datepick-rtl .datepick-close, .datepick-rtl .datepick-next {float: left; text-align: left;}
.datepick-header {background: #707070; text-align: center; font-weight: bold; min-height: 1.5em;}
.datepick-header select {background: #707070; color: #fff; border: 0px; font-weight: bold; width:100px;}
.datepick-header span {position: relative;top: 3px;}
.datepick {background: #ccc;text-align: center;font-size: 100%;}
.datepick a {display: block;width: 100%;}
.datepick-title-row {background: #F8F8F8;}
.datepick-title-row th {text-align: center;font-weight: normal;}
.datepick-days-row {background: #eee; color: #666;}
.datepick-week-col {background: #777;color: #fff;}
.datepick-days-cell {color: #000; border: 1px solid #ddd;}
.datepick-other-month {background: #fff;}
.datepick-week-end-cell {background: #ddd;}
.datepick-title-row .datepick-week-end-cell {background: #F8F8F8;}
.datepick-week-over {background: #ddd;}
.datepick-unselectable {color: #888;}
.datepick-today {background: #fcc;}
.datepick-current-day {background: #777; color: #fff;}
.datepick-days-cell-over {background: #fff; color: #000; border: 1px solid #777;}
.datepick-status {background: #ddd; width: 100%; font-size: 80%; text-align: center;}
#datepick-div a, .datepick-inline a {cursor: pointer;margin: 0;padding: 0;text-decoration: none;}
.datepick-inline .datepick-links a {padding: 0 5px !important;}
.datepick-links a {padding: 2px 5px !important;}
.datepick-title-row a {color: #eee;}
.datepick-control a:hover {color: #333;}
.datepick-links a:hover, .datepick-title-row a:hover {background: #ddd;color: #707070 ;}
.datepick-multi .datepick {border: 1px solid #777;}
.datepick-one-month {float: left; width: 15em;}
.datepick-new-row {clear: left;}
/* ___________ IE6 IFRAME FIX ________ */
.datepick-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -1px; /*must have*/ left: -1px; /*must have*/ width: 187px; /*must have*/ height: 187px; /*must have*/}
.pressNav {color: #5D5E60; margin: 0 0 0 3px}
.pressNav span, .pressNav a {margin: 0 7px 0 0; }
.pressNav .pagesTitle {margin: 0 10px 0 0}
.pressNav a, .pressNav a:link, .pressNav a:visited {color: #5D5E60}
.pressNav a:hover, .pressNav a:active {color: #e2001a}
.pressNav a.currentPage {font-weight: bold; color: #003366}