/* COLORS */
.nbpgreen {color: #00695f;}
.nbpgray {color: #6e6e73;}
.nbpred {color: #c83250;}
.nbpyellow {color: #c83250;}

/* GENERAL */

body {background: none;	color: #333333; background-color: #e6e8eb;} /* #e6e8eb */
body, div, p, td, th, span, blockquote, ul {font-family: Arial !important;}
h1, h2, h3, h4 {color: #333333;}
a {color: #005857;} a:hover {text-decoration: underline;}

/* LAYOUT */

#pageHolder {width: 980px; margin: 0 auto 0 auto;}
#mainHolder {background-color: #fff;}
#contentholder {padding: 10px 15px 20px 15px;}
#leftSide {width: 180px; float: left; background-color: #fff;}
#article {width: 630px; float: left; background-color: #fff;}
#rightSide {width: 149px; background-color: #fff; float: right; padding: 11px 10px 10px 10px;}
#article + div + div {clear: both;}

/* SINGLE HTML LAYOUT */

#pageholder > #contentholder {width: 600px; margin: auto; background-color: #fff;}

/* HEADER */

#mainHeader h1 {display: none;}
#mainHeader ul#topLinks {text-align: right; color: #b9b9be;}
#mainHeader ul#topLinks li:last-child {font-weight: bold;}

#headBanner {background-color: #ffffff; height: 100px;}
#headBanner.en {background-image: url(/img/topbanner/01en.png);}
#headBanner.pl {background-image: url(/img/topbanner/01.png);}
#mainHeader > div > a {width: 280px; height: 90px; display: block; float: left; margin: 5px 0 0 5px; background-image: url(/img/nbp-logo.png);}

#breadcrumbs {padding-left: 196px;}
#breadcrumbs table {padding: 0; margin: 0; border: none; border-collapse: collapse;}
#breadcrumbs td {padding-right: 8px;}

/* LEFT SIDE */

#mainMenu {padding: 10px 0 10px 5px; color: #005857;}

/* RIGHT SIDE */

#topbnt {width: 145px; height: 40px; margin: 10px 0 -5px 0; overflow: hidden;}
#topbnt a:hover img {opacity: 0.8;}

#topIcons {height: 18px;}
#topIcons a, #topIcons input {float: left; width: 16px; height: 16px; margin-right: 14px; border: 1px solid #ffffff;}
#topIcons a:hover, #topIcons input:hover {border-color: #005857;}
#topIcons input + input {margin-right: 0;}
#topIcons a.qrcode {background-image: url('/img/qrcode.png');}
#topIcons a.toprss {background-image: url('/img/rss.png');}
#topIcons a.topa2a {background-image: url('/img/a2a.png');}

#rightSide .date {color: #000000; margin: -5px 0 3px 10px;}
#rightSide h2 {padding: 15px 0 4px 0; font-size: 16px; font-weight: normal; margin: 0;}
#rightSide table {border-collapse: collapse; border-spacing: 0; width: 100%;}
#rightSide td + td {text-align: right; font-weight: bold;}
#rightSide .small {font-size: 10px;}
#rightSide .nb {margin: 0; line-height: 16px;}
#rightSide ul.nbvl {text-align: right; font-size: 9px; padding-top: 5px; color: #6e6e73;}
#rightSide h2 + div {margin: -3px 0 5px 0; font-size: 9px;}

.logoff {border: none; padding: 5px 10px 5px 10px; background-color: #00695f; top: 25px;}
.logoff:hover {border: none; padding: 5px 10px 5px 10px; background-color: #c83250;}
.logoff a {color: #fff;}
.logoff a:hover {color: #fff; text-decoration: none;}

/* FOOTER */

div#bottomLinks {clear: both; text-align: center; padding-left: 15px; color: #b9b9be;}
div#bottomLinks + div {height: 60px; background-image: none; background-color: #ffffff;}

div#footLogos {float: left; margin-left: 20px; width: 500px; height: 60px;}
div#footLogos a {display: block; float: left; margin-left: 15px;}
  div#footLogos a:first-child {margin-top: 15px;}
  div#footLogos a:first-child + a {margin-top: 20px;}

div#socials {margin-top: 15px; padding-right: 15px; text-align: right; float: right; width: 300px; height: 30px;}
div#socials a {display: block; width: 30px; height: 30px; float: right; margin-left: 10px; background-image: url(/img/socials.png);}
  a.ilinkedin {background-position: 0 210px;}
  a.ifacebook {background-position: 0 180px;}
  a.itwitter {background-position: 0 150px;}
  a.igplus {background-position: 0 120px;}
  a.iflickr {background-position: 0 90px;}
  a.iyoutube {background-position: 0 60px;}
  a.iapps {background-position: 0 30px;}
div.leftsocials {float: none !important; margin: 10px auto 0 auto !important; width: 200px !important;}
div.leftsocials a {float: left !important;}


div#copyright {clear: both; text-align: center; color: #333;}
div#copyright a {color: #333;}

/* HOMEPAGE */

.homepage h2 {margin: 10px 0 5px 0; font-weight: normal; font-size: 18px;}
.homepage > h2:first-child {margin-top: 0;}

#mainSlider {width: 600px; height: 337px;}
#mainSliderContainer .bx-wrapper .bx-viewport {left: 0;}
#mainSliderContainer .bx-wrapper .bx-pager,
	#mainSliderContainer .bx-wrapper .bx-controls-auto {top: 0; right: 0;  height: 20px; padding: 10px 10px 0 0;}

#mainSliderContainer .bx-wrapper {margin-bottom: 10px;}
#mainSliderContainer .bx-viewport {margin-top: 0;}
#mainSlider h2 {color: #fff !important;}
#mainSlider a {color: #fff; display: block; cursor: pointer; font-size: 12px;}
#mainSlider a div {position: absolute; bottom: 0px; left: 0px; padding: 0 10px; width: 580px; height: 80px; background-image: url('/graph/slider/bg.png');}
#mainSlider a div:hover {background-image: none; background-color: #00695f;}
#mainSlider a:hover img {opacity: 0.8;}

.infobox {margin: 5px 0; padding: 10px 5px;}
.infobox a {font-weight: bold;}
.infobox h2 {color: #c83250; margin-top: 0;}

#pilne {background-color: #d4ebf5;}

#extra {background-color: #e6e8eb;}
#extra h2 {color: #00695f;}
#extra.rpp {padding-right: 205px; background: url(/graph/extra/rpp.jpg) right center no-repeat;}
#extra.prezes {padding-right: 93px; background: url(/graph/extra/prezes.jpg) right center no-repeat;}

#video {background: #d4ebf5 url(/graph/wideo/rpp.jpg) bottom right no-repeat; padding-right: 210px;}
#video h2 {color: #00695f;}
#video img {float: right; margin: -10px -5px 0 0;}
#video.sala {background-image: url(/graph/wideo/sala.jpg);}
#video.rpp {background-image: url(/graph/wideo/rpp.jpg);}
#video.projekcja-inflacji {background-image: url(/graph/wideo/projekcja-inflacji.png);}
#video.live h2 {color: #c83250;}

#komunikaty span {color: #6e6e73;}
#komunikaty h2 {margin-top: 0;}
#komunikaty li {line-height: 17px;}
#komunikaty a {font-weight: bold;}

#wydarzenia {margin: 0; padding: 0; list-style: none;}
#wydarzenia li {display: block; float: left; width: 190px; margin: 0 10px 0 0; padding: 0;}
#wydarzenia li:first-child {height: 147px; background-image: url('/img/ria.jpg');}
#wydarzenia li:last-child {margin-right: 0;}
#wydarzenia div:first-child {font-weight: bold; height: 40px;}
#wydarzenia div:first-child + div {height: 90px;}
#wydarzenia.en div:first-child + div {height: 75px;}
#wydarzenia div + div {color: #333;}
#wydarzenia div:first-child + div span {font-weight: bold;}
#wydarzenia div:last-child {margin-top: 5px;}
#wydarzenia div:last-child span {color: #005857;}
#wydarzenia a {text-decoration: none;}
#wydarzenia a:hover div:first-child {text-decoration: underline;}
#wydarzenia a:hover div:last-child span {text-decoration: underline;}

#kalendarium2 {width: 190px; float: left; margin-right: 10px;}
#kalendarium2 ul {list-style: none; margin: 0 0 10px 0; padding: 0;}
#kalendarium2 li {padding: 0 0 10px 0;}
#kalendarium2 ul div {font-weight: bold;}
#kalendarium2 div {padding-right: 5px;}

#inflacja {width: 190px; float: left; margin-right: 10px;}
#inflacja > a {display: block; height: 120px;}

#wykresy {width: 200px; float: left;}

#nbptv {width: 300px; float: right;}
.nbptvItem {text-decoration: none !important;}
.nbptvItem div {width: 170px; height: 70px; background-color: #e6e8eb;}
.nbptvItem div:hover {background-position: 0 70px;}
.nbptvItem p {margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0;}
.nbptvItem div + p {font-weight: bold; margin-top: 10px;}
.nbptvItem div + p:hover {text-decoration: underline;}
.nbptvItem p + p {color: #333;}

#polecamy li {line-height: 17px;}
#polecamy span {font-weight: bold;}

#tilesSlider {height: 92px;}
#tilesSlider img:hover{opacity: 0.8;}
#tilesSlider a {color: #fff; font-size: 11px;}
#tilesSlider a div {position: absolute; bottom: 0px; left: 0px; padding: 5px 10px 0 10px; width: 175px; height: 30px; background-image: url('/graph/slider/bg.png');}
#tilesSlider a div:hover {background-image: none; background-color: #00695f;}
#tilesSlider a:hover img {opacity: 0.8;}


.bx-wrapper {margin-bottom: 20px;}
.bx-viewport {box-shadow: none !important; border: none !important; margin-top: 20px;}

#tiles_banknoty {margin: 0px 0 0 0; height: 150px}
#tiles_banknoty a {height: 150px; display: block; float: left; margin: 0 0px 0 0; background-color: #000000;}
#tiles_banknoty a:last-child {margin-right: 0;}
#tiles_banknoty a:hover {background-position: 0 160px;}

#linkownia {width: 100%; padding: 0; margin: 0; background-color: #6e6e73;}
#linkownia > div {width: 980px; clear: both; margin: 0 auto; padding-bottom: 20px;}
#linkownia > div > div {float: left;}
#linkownia div.lpolecamy {width: 500px;}
#linkownia div.lzobacz {width: 220px;}
#linkownia div.lkontakt {width: 250px;}
#linkownia > div > div:last-child {clear: both; float: none;}
#linkownia div, #linkownia h4, #linkownia h4 a {color: #ffcc00;}
#linkownia a, #linkownia table, #linkownia p {color: #fff;}
#linkownia .lpolecamy ul, #linkownia .lzobacz li {padding-bottom: 10px;}

/* VARIA */
.emptypage {min-height: 300px;}
.navline {height: 19px; padding-top: 6px !important;}
.httperror {font-size: 30px; font-weight: bold; color: #c83250;}