body, html {height: 100%; margin: 0px; padding: 0px; font: 12px Verdana, Helvetica, sans-serif; color: #77787b; background-color: #e1ded9;}

p {margin: 0px; padding: 0px;}
h1 {color: #532b1b; font-weight: bold; font-size: 14px; text-align: left; padding-left: 20px;}
h2 {color: #532b1b; font-weight: bold; font-size: 12px; text-align: center;}
img {border: 0px;}
a img {border: 0px;}
hr {border: 0px; border-top: 1px solid gray;}
a {color: #77787b; text-decoration: none;}
a:hover {color: silver; text-decoration: underline;}
#kontener {position: relative; width: 950px; margin-left: auto; margin-right: auto; background: url('img/cien_gora-trans.png') no-repeat top center; text-align: center;}
#zawartosc {width: 850px; margin-left: auto; margin-right: auto; background: url('img/cien_trans-trans.png') repeat top center;}

#menu {width: 800px; height: 102px; margin-left: auto; margin-right: auto; background: url('img/tlo_menu-trans.png') no-repeat bottom center;}
#menu-top {width: 850px; height: 13px; margin-left: auto; margin-right: auto; background: url('img/tlo_menu_top-trans.png') no-repeat top center;}
#menu img {border: 0px;}
#menu-tlo {width: 800px; height: 50px; margin-left: auto; margin-right: auto; background: url('img/tlo_pod_menu-trans.png') no-repeat top center; color: #532b1b; font-weight: bold; font-size: 14px;}
#menu-tlo p {margin-top: 20px;}

#lang {position: absolute; top: 25px; left: 100px;}
#nav {position: absolute; top: 93px; left: 105px;}
#logo {width: 193px; height: 81px; position: absolute; top: 25px; right: 100px; background: url('img/logo-trans.png') no-repeat top center;}
#stopka {font-size: 10px; padding-top: 20px;color: #532d1d; width: 850px; height: 30px; margin-left: auto; margin-right: auto; background: url('img/tlo_stopka-trans.png') no-repeat top center;}
#stopka p {margin-left: 50px;}
#stopka a {color: #532d1d; text-decoration: none;}
#stopka a:hover {color: #532d1d; text-decoration: underline;}
#tresc { position: relative; min-height: 400px; width: 800px; margin-left: auto; margin-right: auto;}

#dzialy {float: left; background-color: #f0fafc; width: 280px; margin-left: 20px; margin-top: 5px; padding: 5px; text-align: left;}
#formularz { width: 450px; float: right; text-align: right; margin-top: 5px; padding: 5px; margin-right: 10px;}
.finput {float: right;width: 174px; height: 25px; line-height: 25px; background: url('img/input-trans.png') top center no-repeat; padding: 3px;}
.finput input {width: 170px; border: 0px; background-color: transparent; font: 12px Verdana;}
.label {float: right; height: 19px; margin: 4px;}
.area {float: right; width: 406px; height: 166px; background: url('img/textarea-trans.png') top center no-repeat; padding: 3px;}
.area textarea {width: 400px; height: 160px; border: 0px; background-color: transparent; overflow: hidden;}

.ajax-loading {background: url('img/ajax-loader.gif') no-repeat center; }
.blad {color: red; font-size: 10px;}
.ok {color: green; font-size: 10px;}

#sub {margin-right: 5px; margin-bottom: 10px;}

#gazetka {float: left; width: 155px; background-color: #f0fafc; margin-left: 15px; text-align: center; color: #532b1b; padding: 10px;}
#gazetka a {text-decoration: none; color: #532b1b;}
#gazetka a:hover {text-decoration: underline;}
#gazetka select {width: 155px;}
#newsy {float: right; width: 585px; margin-right: 15px; color: #532b1b;}
.news { margin-bottom: 10px; background-color: #f0fafc; padding: 10px; color: #532b1b;}
.newst {color: #532b1b; font-weight: bold; font-size: 12px; text-align: left;}
.data {float: left; color: white; padding-right: 5px;}
.but { vertical-align: middle; float: right; cursor: pointer;}
.more {float: left; color: #532b1b;}
.podpis {float: right; color: #532b1b;}
.newsc { text-align: justify; margin-bottom: 5px; color: #532b1b;}

.fix {clear: both; display: block; visibility: hidden; }
.czyscik {clear: both; border: 0px; margin: 0px; padding: 0px;}

.pagination { padding: 3px; margin: 3px; text-align:center; margin-bottom: 10px;}
.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #f0fafc; text-decoration: none; color: #532b1b; }
.pagination a:hover, .pagination a:active { border: 1px solid #f0fafc; color: #532b1b; background-color: #f0fafc;}
.pagination .current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #f0fafc; background-color: #f0fafc; color: #532b1b; }
.pagination .disabled { display: none; }

#pl { display: block; float: left; width: 30px; height: 21px; background: url('img/pl-trans.png') 0 0; cursor: pointer;}
#pl:hover { background-position: 0 1px; }

#en { display: block; float: left; width: 30px; height: 21px; background: url('img/en-trans.png') 0 0; cursor: pointer;}
#en:hover { background-position: 0 1px; }

#de { display: block; float: left; width: 30px; height: 21px; background: url('img/de-trans.png') 0 0; cursor: pointer;}
#de:hover { background-position: 0 1px; }

#ru { display: block; float: left; width: 30px; height: 21px; background: url('img/ru-trans.png') 0 0; cursor: pointer;}
#ru:hover { background-position: 0 1px; }

#firma { display: block; float: left; width: 57px; height: 17px; background: url('img/o_firmie-trans.png') 0 0; cursor: pointer;}
#firma:hover { background-position: 0 2px; }
#firma.active { background-position: 0 2px; }

#aktua { display: block; float: left; width: 87px; height: 17px; background: url('img/aktualnosci-trans.png') 0 0;cursor: pointer;}
#aktua:hover { background-position: 0 2px; }
#aktua.active { background-position: 0 2px; }

#ofert { display: block; float: left; width: 50px; height: 17px; background: url('img/oferta-trans.png') 0 0;cursor: pointer;}
#ofert:hover { background-position: 0 2px; }
#ofer.active { background-position: 0 2px; }

#gdzie { display: block; float: left; width: 82px; height: 17px; background: url('img/gdzie_kupic-trans.png') 0 0;cursor: pointer;}
#gdzie:hover { background-position: 0 2px; }
#gdzie.active { background-position: 0 2px; }

#d_firma { margin-right: 6px; display: block; float: left; width: 118px; height: 17px; background: url('img/de_company.png') 0 0;cursor: pointer;}
#d_firma:hover { background-position: 0 2px; }
#d_firma.active { background-position: 0 2px; }

#d_aktua { margin-right: 6px; display: block; float: left; width: 84px; height: 17px; background: url('img/de_news.png') 0 0;cursor: pointer;}
#d_aktua:hover { background-position: 0 2px; }
#d_aktua.active { background-position: 0 2px; }

#d_ofert { margin-right: 6px; display: block; float: left; width: 60px; height: 17px; background: url('img/de_offer.png') 0 0;cursor: pointer;}
#d_ofert:hover { background-position: 0 2px; }
#d_ofer.active { background-position: 0 2px; }

#d_gdzie { margin-right: 6px; display: block; float: left; width: 71px; height: 17px; background: url('img/de_wheretobuy.png') 0 0;cursor: pointer;}
#d_gdzie:hover { background-position: 0 2px; }
#d_gdzie.active { background-position: 0 2px; }

#e_firma { margin-right: 6px; display: block; float: left; width: 63px; height: 17px; background: url('img/company.png') 0 0;cursor: pointer;}
#e_firma:hover { background-position: 0 2px; }
#e_firma.active { background-position: 0 2px; }

#e_aktua { margin-right: 6px; display: block; float: left; width: 37px; height: 17px; background: url('img/news.png') 0 0;cursor: pointer;}
#e_aktua:hover { background-position: 0 2px; }
#e_aktua.active { background-position: 0 2px; }

#e_ofert { margin-right: 6px; display: block; float: left; width: 36px; height: 17px; background: url('img/offer.png') 0 0;cursor: pointer;}
#e_ofert:hover { background-position: 0 2px; }
#e_ofer.active { background-position: 0 2px; }

#e_gdzie { margin-right: 6px; display: block; float: left; width: 87px; height: 17px; background: url('img/wheretobuy.png') 0 0;cursor: pointer;}
#e_gdzie:hover { background-position: 0 2px; }
#e_gdzie.active { background-position: 0 2px; }

#r_firma { margin-right: 6px; display: block; float: left; width: 61px; height: 17px; background: url('img/ru_company.png') 0 0;cursor: pointer;}
#r_firma:hover { background-position: 0 2px; }
#r_firma.active { background-position: 0 2px; }

#r_aktua { margin-right: 6px; display: block; float: left; width: 60px; height: 17px; background: url('img/ru_news.png') 0 0;cursor: pointer;}
#r_aktua:hover { background-position: 0 2px; }
#r_aktua.active { background-position: 0 2px; }

#r_ofert { margin-right: 6px; display: block; float: left; width: 98px; height: 17px; background: url('img/ru_offer.png') 0 0;cursor: pointer;}
#r_ofert:hover { background-position: 0 2px; }
#r_ofer.active { background-position: 0 2px; }

#r_gdzie { margin-right: 6px; display: block; float: left; width: 75px; height: 17px; background: url('img/ru_wheretobuy.png') 0 0;cursor: pointer;}
#r_gdzie:hover { background-position: 0 2px; }
#r_gdzie.active { background-position: 0 2px; }
#pieskot {width: 580px; text-align: justify; padding: 10px 210px 10px 10px; background: url('img/pies_kot_200-trans.png') no-repeat bottom right;}
#oferta-lista {width: 230px; height: 510px; text-align: left; overflow: hidden;}
#oferta-lista ul {margin: 0px; padding: 0px; margin-left: 10px; list-style: none;}
#oferta-scroll {float: left;background-color: red; height: 500px; width: 8px; margin-top: 5px;}
#oferta-tresc {width: 540px; min-height: 520px; margin: 5px; float: right; padding-bottom: 10px; min-height: 500px;}
.kata {font-weight: bold; cursor: pointer; display: block;}
.kata:hover {color: silver;}
.skata {font-weight: bold; cursor: pointer; display: block;}
.skata:hover {color: silver;}
.lina {font-weight: bold; cursor: pointer; display: block; border-bottom: 1px solid orange;}
.lina:hover {color: silver;}
.prod {cursor: pointer; display: block;}
.prod:hover {color: silver;}
#oferta-foto {margin-left: auto; margin-right: auto; width: 500px; margin-bottom: 5px;}
#oferta-foto img {border: 2px solid silver; }
#oferta-nazwa {margin-left: 20px; float: left; width: 400px; font-weight: bold; font-size: 14px; text-align: left;}
#oferta-index {margin-right: 20px; float: right; width: 90px; font-weight: bold; font-size: 14px; text-align: right;}
#oferta-opis {text-align: justify; margin-left: auto; margin-right: auto; width: 500px; margin-top: 10px; margin-bottom: 10px;}
#oferta-indexy {text-align: center; margin-left: auto; margin-right: auto; width: 500px; margin-bottom: 10px;}
#oferta-kolory {margin-left: 20px; float: left; width: 300px; font-weight: bold; text-align: left;}
#oferta-nawigacja {margin-right: 20px; float: right; width: 200px; font-weight: bold; font-size: 14px; text-align: right; padding-top: 24px;}
.pop {border: 0px; background-color: white; background: url('img/poprzedni.jpg') top right no-repeat; width: 25px; height: 25px; cursor: pointer;}
.nas {border: 0px; background-color: white; background: url('img/nastepny.jpg') top right no-repeat; width: 25px; height: 25px; cursor: pointer;}
#gora {background-color: whitesmoke; width: 8px; height: 8px;}
#dol {background-color: whitesmoke; width: 8px; height: 8px;}
#galka {background-color: whitesmoke; width: 8px; height: 8px;}
.kolor {margin-right: 3px; margin-top: 3px; float: left;}
.kolor img {border: 1px solid whitesmoke;}
#zwin {position: absolute; top: 28px; left: 10px; width: 150px; font-size: 8px; font-weight: normal; text-align: left;}
#minus, #plus {cursor: pointer; font-size: 10px;}
#katalog { width: 180px; height: 30px; position: absolute; top: 10px; right: 350px;}
#katalog a {display: block; background: url('img/pdf2.png') center left no-repeat; font-size: 12px; line-height: 30px; padding-left: 35px; color: gray; text-align: left; font-weight: normal;}
#katalog a:hover {opacity: .7;  text-decoration: none;}
#szukaj {position: absolute; right: 0px; top: 12px; float: right; width: 350px; font-size: 12px; font-weight: normal; color: gray; text-align: right; margin-right: 20px;}
.szukaj {margin-bottom: 10px; margin-left: 10px;}
.szukaj:hover {background-color: whitesmoke; cursor: pointer;}
.fszukaj {width: 100px; height: 70px; float: left; border: 1px solid gray;}
.oszukaj {width: 400px; float: right; text-align: left;}
.tszukaj {font-weight: bold; font-size: 14px; margin: 5px;}
.kszukaj {font-size: 10px; margin-left: 5px;}

.scroll{

	position:absolute;

	display:block;

	height:510px;

	overflow:scroll;

	border-right:0;

	left:0px;

	top:50px;

	width: 200px;

	/* fixes has-layout-bug in IE6*/

	zoom:1;

	padding-right: 30px;

}