@CHARSET "UTF-8";

* { margin: 0; padding: 0; }
img { border: 0; }

body {
 font-family: Verdana, Tahoma, Trebuchet, sans-serif;
 background: #eaeff2;
 color: #637883;
 font-size: 11px;
 overflow-y: scroll;
}

h1, h2, h3 { color: #2E7FB4; padding: 3px 0;  }
h1 { font-size: 15px; }

div#header { height: 305px; background: url('../gfx/02.jpg') repeat-x; }
div#header div { position: relative; padding-top: 20px; margin: 0 auto; width: 900px; height: 167px; background: url('../gfx/01.png') no-repeat; }
div#header div a#lang_pl { display: block; width: 17px; height: 11px; background:url('../gfx/ikona_PL.png') no-repeat; position: absolute; top: 3px; right: 45px; }
div#header div a#lang_pl_active { display: block; width: 17px; height: 11px; background:url('../gfx/ikona_PL_hover.png') no-repeat; position: absolute; top: 3px; right: 45px; }
div#header div a#lang_pl:hover { background:url('../gfx/ikona_PL_hover.png') no-repeat; }
div#header div a#lang_en { display: block; width: 17px; height: 11px; background:url('../gfx/ikona_EN.png') no-repeat; position: absolute; top: 3px; right: 25px; }
div#header div a#lang_en_active { display: block; width: 17px; height: 11px; background:url('../gfx/ikona_EN_hover.png') no-repeat; position: absolute; top: 3px; right: 25px; }
div#header div a#lang_en:hover {  background:url('../gfx/ikona_EN_hover.png') no-repeat; }
div#header div a#lang_de { display: block; width: 17px; height: 11px; background:url('../gfx/ikona_DE.png') no-repeat; position: absolute; top: 3px; right: 5px; }
div#header div a#lang_de_active { display: block; width: 17px; height: 11px; background:url('../gfx/ikona_DE_hover.png') no-repeat; position: absolute; top: 3px; right: 5px; }
div#header div a#lang_de:hover { background:url('../gfx/ikona_DE_hover.png') no-repeat; }
div#header div ul { height: 70px;}
div#header div ul li { list-style: none; float: left; width: 180px; }
div#header div ul li a { font-size: 12px; font-weight: bold;  text-align: center; line-height: 33px; display: block; color: white; text-decoration: none; }
div#header div ul li a#active { color: #5bb6ef; }
div#header div ul li a:hover { color: #5bb6ef; }
div#header div a#logo1 { display: block; float: left; width: 425px; height: 50px; }
div#header div a#logo2 { display: block; float: right; width: 130px; height: 50px; }
div#header div img { margin-top: 27px; }

div#main { width: 900px; margin: 0 auto; }
div#main div#menu { float: left; width: 360px; }
div#main div#menu div { background: url('../gfx/17.jpg') #bac7cd bottom no-repeat; }
div#main div#menu div ul { padding: 35px 0 10px 0; list-style: none; }
div#main div#menu div ul li a { margin: 1px 0; cursor: pointer; font-weight: bold; text-decoration: none; font-size: 13px; display: block; line-height: 31px; padding: 0px 20px; color: white; }
div#main div#menu div ul li a:hover { color: #2e7fb4; background: url('../gfx/20.jpg') right no-repeat; }
div#main div#menu div ul li a.active { color: #2e7fb4; background: url('../gfx/20.jpg') right no-repeat; }
div#main div#menu div ul li ul { padding: 0; }
div#main div#menu div ul li ul li a { padding-left: 60px; font-size: 0.95em; }
	
div#main div#menu div#kurs { background: url('../gfx/15.jpg') #bac7cd bottom no-repeat; margin: 30px 0; }
div#main div#menu div#kurs div#kursywalut { background: url('../gfx/09.jpg') no-repeat; padding: 35px 0 10px 0; }
table#smallcurrency { background: url('../gfx/16.jpg') #eaeff2 top no-repeat;  margin: 0 auto; width: 348px;  }
table#smallcurrency td { padding: 3px 10px; }
table#smallcurrency tr {  }
table#smallcurrency td.code { font-weight: bold; width: 25%;}
table#smallcurrency img { position: relative; top: 1px; border: 0; }
table#smallcurrency th { background: none; position: relative; top: -2px; padding: 10px; text-align: left; color:#2e7fb4; font-weight: bold; font-size: 13px; }
a table#smallcurrency { color: #637883; }

div#main div#content { float: right; width: 500px; }
div#main div#content p { line-height: 1.4em; padding: 3px 0; text-align: justify; }
div#main div#content img { margin: 0 5px; }
div#main div#content ul, ol { margin-left: 25px; }
div#main div#content ul { list-style-type: circle; }

div#main div#content ul.pager { list-style-type: none; margin: 0 auto; width: 80%; text-align: center;}
div#main div#content ul.pager li { display: inline; }
div#main div#content ul.pager li a img { position: relative; top: 5px; }
div#main div#content ul.pager li a { color: #637883; text-decoration: none; padding: 0 8px; }
div#main div#content ul.pager li a.num { background: url('../gfx/pager_line.gif') no-repeat right 3px; }
div#main div#content ul.pager li a.active { color: #5bb6ef; font-weight: bold; }
div#main div#content ul.pager li a.arrow { padding: 0; }
div#main div#content ul.pager li a:hover { color: #5bb6ef; }

div#main div#content ul.gallery { margin: 0; list-style-type: none; }
div#main div#content ul.gallery li { float: left; margin-top: 20px; margin-bottom: 20px; }
div#main div#content ul.gallery li.m { margin: 20px 40px; }
div#main div#content ul.gallery li a { display: block; width: 140px; height: 140px; }
div#main div#content ul.gallery li a img { margin: 0 !important; }

div#footer { clear: both; width: 900px; margin: 20px auto; border-top: 1px solid #b8c7ce; text-align: center; font-size: 10px; padding: 5px 10px; }
div#footer a { font-variant: small-caps; }

a#kurs { text-decoration: none; float: right; clear: both; margin: 15px 15px 0 0; font-size: 11px; color: white; font-style: italic; }
a#kurs:hover { color: #5cb5ef; }

table#currency { margin: 20px auto; width: 95%; font-family: Tahoma; }
table#currency td, th {  padding: 3px 0; text-align: center; }
table#currency td.name { width: 40%; text-align: left; }
table#currency img { position: relative; top: 1px; }
table#currency th { padding: 10px 5px; font-size: 1.2em; font-weight: bold; }
table#currency tr.t0 td {  background: none; }

a { color: #2E7FB4; text-decoration: none; }
a:hover { text-decoration: underline; }

.icon { float: left; cursor: poitnter; }
.icon img { border: 0; }
span.icon img { position: relative; top: 3px; border: 0; }

a.conticon img { position: relative; top: 3px; margin: 0 !important; }

div.admin { float: right; margin: 0 !important; clear: right; position: relative; top: -25px; }
div.admin a { padding: 2px !important; }

p#pager { text-align: center; padding: 10px; }
p#pager a { margin: 5px; }

table, tr, td { border-color: #637883 !important; }

div#warning { font-weight: bold; text-align: center; padding: 5px; border: 1px solid red; }