html {height: 100%; margin: 0;}

body {
margin: 0;
background: #4A575D url('obrazki/gif/bgpoziom.gif') repeat-x 0 72px;
font-family: arial, verdana, sans-serif;
position: relative;
}
body * {font-family: arial, verdana, sans-serif;}

a {color: #B2E300; text-decoration: none;}
a:hover {color: #F50123;}
a.back {padding: 0 0 0 20px; margin: 0 0 0 2.5%; background: url('obrazki/strzalkal.gif') no-repeat 5px 50%;}

.wrapper {
position: relative;
margin: 0 auto;
height: 100%;
width: 950px;
border-left: 1px solid #4A575D;
border-right: 1px solid #4A575D;
background: url('obrazki/gif/bgpion.gif') repeat-y 0 0;
padding-bottom: 30px;
}

.header {position: relative;}
.header h1 {width: 198px; height: 71px; text-indent: -9000px; background: url('obrazki/gif/logo.gif') no-repeat; display: block; margin: 0; padding: 0; }
.header .linki {position: absolute; right: 0; top: 0; line-height: 70px}
.header .linki a { float: right; display: block; height: 70px; vertical-align: middle; padding: 0 23px 0 21px;}
.header .linki a.glowna {background: url('obrazki/gif/glowna.gif') no-repeat 0 50%;}
.header .linki a.ulubione {background: url('obrazki/gif/ulubione.gif') no-repeat 0 50%;}


.left {border-right: 1px solid #4A575D;}


.menu {position: absolute; top: 71px; left: 0; }
.menu {color: white; width: 198px;}
.menu ul {padding: 0; margin: 0; list-style: none; border-bottom: 1px solid #4A575D;}
.menu ul ul {border-bottom: none;}
.menu ul li {height: 24px; padding: 0; margin: 0; background: url('obrazki/gif/bgmenu.gif') repeat-y; border-top: 1px solid #4A575D;}
.menu ul li:hover {background: url('obrazki/gif/bgmenu.gif') repeat-y 0 48px;}
.menu ul li a {height: 24px; padding: 0 14px; margin: 0; display: block; color: white; line-height: 24px;}
.menu ul li a:hover,.menu ul li a.open {background: url('obrazki/gif/bgmenu.gif') repeat-y 0 48px; color: white;}
.menu ul li.oferty,.menu ul li.oferty a:hover {background-position: 0 24px;} 
.menu ul li.oferty {text-align: center;}

#gielda {display: none;}


.right {width: 751px; margin-left: 199px;}

.scroller {height: 24px; border-top: 1px solid #4A575D; border-bottom: 1px solid #4A575D;}
.winieta {height: 149px; text-align:right;}

.footer {height: 24px; background: url('obrazki/gif/bgfooter.gif') repeat-x; position: absolute; bottom: 0px; left: 0; width: 100%;}
.footer ul {list-style: none; padding: 0; margin: 0 auto; height: 24px; width: 950px; border-left: 1px solid #4A575D; border-right: 1px solid #4A575D; overflow: hidden;}
.footer ul li {float: left; text-align: center; line-height: 21px; padding-top: 3px; background: url('obrazki/gif/bgfootmenu.gif') no-repeat right;}
.footer ul li a {line-height: 21px; display: block; width: 100%; height: 21px;}
.footer ul li.windykacja {width: 83px; padding-left:200px}
.footer ul li.monitoring {width: 83px;}
.footer ul li.wywiad {width: 139px;}
.footer ul li.skup {width: 136px;}
.footer ul li.gielda {width: 51px;}
.footer ul li.kontakt {width: 59px; background: none;}
.footer ul li.future {width: 198px; border-right: 1px solid #4A575D; background: none; color: #909B97;}
.footer ul li.future a {display: inline; height: auto; width: auto; color: #909B97;}
.footer ul li.future a:hover {color: #fff;}

div.top {text-align: right; width: 950px; margin-left: -375px; position: absolute; top: -24px; left: 50%;}
a.top img {border: none; margin: 0 8px 0 0;}


.content {color: white; padding-bottom: 30px; min-height: 300px;}
* html .content {height: 300px;} /* ie6 */
.content h2 {width: 735px; height: 24px; padding: 0 16px 0 0; margin: 0 0 20px; display: block; background: url(obrazki/hr.jpg) no-repeat; background-position:bottom right; text-align: right; line-height: 23px;}
.content form {margin: 0; padding: 0;}

.listaofert {background: #5B6970; color: white; border-collapse: collapse; margin: 0 auto; width: 95%;}
.listaofert th {background: #758086; border: 1px solid #4A575D;}
.listaofert td {border: 1px solid #4A575D; padding: 2px 5px;}
.listaofert tr.hover {background: #758086; cursor: pointer}

.listaofert th a {}
.listaofert th a.asc {padding-right: 10px; background: url('obrazki/sortup.gif') no-repeat right;}
.listaofert th a.desc {padding-right: 10px; background: url('obrazki/sortdown.gif') no-repeat right;}
.listaofert col.c1 {width: 50%;}
.listaofert col.c2 {width: 25%;}
.listaofert col.c3 {width: 25%;}
.listaofert td.naleznosc {text-align: right;}


.prevnext {width: 95%; margin: 0 auto;}
.prevnext .prev {text-align: left; width: 110px;}
.prevnext .next {text-align: right; width: 110px;}
.prevnext .pages {text-align: center;}
.prevnext .pages a, .prevnext .pages span {padding: 0 3px;}

.oferta {color: white; border-collapse: collapse; margin: 0 auto; width: 95%;}
.oferta td {background: #5B6970; border: 1px solid #4A575D; width: 70%; padding: 2px 5px;}
.oferta td.label {text-align: right; width: 30%;}
.oferta td.text {vertical-align: top;}
.oferta input, .oferta textarea {width: 99%;}
.oferta textarea {height: 110px; overflow: auto;}
.oferta td.chex {text-align: left;}
.oferta td.chex input {width: auto}
.oferta tr.clear td {background: none; border: none;}
.oferta tr.clear input {width: auto; padding: 1px; background: #F50123; border: none; float: right; cursor: pointer}
td.bullet img {padding-right: 4px;}

.oferta, .listaofert, .content, .prevnext {font-size: 12px;}
.content h2 {font-size: 11px; font-weight: normal;}
.header .linki a {font-size: 10px;}
.menu, .footer {font-size: 9px;}

.oferta input, .oferta select, .oferta textarea {font-size: 11px; border: 1px solid #C4CCCF; background: #4A575D; color: white;}


div.buttons {width: 95%; margin: 5px auto 0;}
div.editbutton {width: 95%; margin: 5px auto 0;}
div.kontakt {width: 95%; margin: 0 auto;}

input.del {background: red; color: white; border: none;}
input.edit {background: green; color: white; border: none;}
input.cancel {background: green; color: white; border: none;}
input.undo {background: blue; color: white; border: none;}
input.save {background: red; color: white; border: none;}

.komunikat {text-align: center;}

table td {padding: 0;}

.cennik td {text-align: center;}
p {width: 95%; margin: 1em auto;}
p.center {text-align: center;}
div.pieczec {width: 95%; margin: 1em 2.5%; color: #F50123; text-align: center; border: 1px solid #F50123; width: 200px;}
div.pieczec em {font-weight: bold;}

div.regulamin span {display: block; text-align: center;}
div.regulamin em {font-weight: bold; font-style: normal; display: block; text-align: center;}

a.pdf {padding: 10px 10px 10px 45px;background: url('obrazki/pdf.gif') no-repeat left; display: block; margin: 20px auto 0; width: 70px;}

div.clear {height: 0px; font-size: 0px; clear: both; display: block;}


div.kalkulator {font-size: 11px; position: absolute; top: 262px; left: 0;}
div.kalkulator input, div.kalkulator select {font-size: 10px; border: 1px solid #4A575D; background: #5A6970; color: white;}
div.kalkulator table {font-size: 11px; background: #758086; border: 1px solid #4A575D; width: 174px; margin: 2px auto;}

div.kalkulator table td {padding: 1px 9px;}

div.kalkulator select {width: 150px; margin: 0 0 2px 0;}
div.kalkulator input.podstawa {width: 91px;}

div.kalkulator input.dni {width: 30px;}
div.kalkulator input.odsetki {width: 54px;}

div.kalkulator input.rok {width: 2.8em;}
div.kalkulator input.miesiac, div.kalkulator input.dzien {width: 1.5em;}

div.kalkulator table.dni td {text-align: right;}
div.kalkulator img {padding-right: 3px;}
div.kalkulator table.dni input {text-align: right;}

div.kalkulator td.top {padding-top: 5px;}
div.kalkulator td.bot {padding-bottom: 5px;}

div.kalkulator td.h1 {text-align: center; font-size: 9px; padding: 1px 9px 0;}

div.kalkulator table.oblicz td {padding: 0;}
div.kalkulator table.oblicz a {font-size: 9px; width: 150px; height: 100%; text-align: center; display: block; padding: 1px 9px 0;}