body {background:white url(../images/bg.png) repeat-x top center;color:#555555;margin:0;padding:0;font-size:8pt;text-align:center;font-family:arial,verdana, tahoma, helvetica, sans-serif;}
form, fieldset {margin:0;padding:0;border-width:0;}
input, select, textarea {font-family:arial, verdana, helvetica, sans-serif;font-size:8pt;}
p, ul {margin-top:1em;margin-bottom:1em}

#container {width:975px;margin:0 auto;text-align:left;}

#top {height:195px;position:relative;display:block;overflow:hidden;background:transparent url(../images/naglowek.jpg) no-repeat top left;padding:0px;}
#top.girl {background-image:url(../images/naglowekgirl.jpg);}

h1 {height:70px;margin:0;padding:15px 0 0 54px;}
#szukaj {margin:0;display:block;position:absolute;top:16px;right:62px;width:260px;text-align:right;}
#szukaj .input {width:184px;background:white url(../images/input.png) repeat-x left top;border:1px solid #b6b6b6;padding:3px 5px;}
#szukaj .button {color:#ffffff;background:transparent;border:0px;text-transform:uppercase;font-size:9px;}

#flashcontent {padding-left:10px;}

#belkaMenu {background: url(../images/belkamenu.png) no-repeat;padding:0 17px 0 15px;}
#belkaTlo {border-top:3px solid #f0ae00;border-right:3px solid #f0ae00;background:transparent url(../images/belkatlo.png) repeat-x;padding-top:7px;width:918px;overflow:hidden}
#menu {width:100%;border-top:2px solid #00387e;list-style-type:none;margin:0;padding:0;background:transparent url(../images/menu.png) repeat-x;color:white;overflow:hidden;margin-bottom:15px;position:relative;white-space:nowrap;height:30px;}
#menu li {}
* html #menu li {float:left;}
*+html #menu li {float:left;}
#menu li span {float:left;padding-right:2px;background:transparent url(../images/menuli.png) no-repeat right top;}
#menu li a {float:left;line-height:30px;background:#00387e url(../images/menua.png) repeat-x;color:white;font-size:12px;font-weight:bold;padding:0 19px;}
#menu li a:hover {text-decoration:none;}

#belkaTlo.selected #menu {padding-bottom:0px;margin-bottom:0px;}
#belkaTlo.selected #belkaPromocje {padding-bottom:0px;}

#belkaTlo.selected1 #menu, #belkaTlo.selected2 #menu, #belkaTlo.selected3 #menu, #belkaTlo.selected4 #menu, #belkaTlo.selected5 #menu, #belkaTlo.selected6 #menu, #belkaTlo.selected7 #menu, #belkaTlo.selected8 #menu, #belkaTlo.selected9 #menu {padding-bottom:0px;margin-bottom:0;}
#belkaTlo.selected1 #belkaPromocje, #belkaTlo.selected2 #belkaPromocje, #belkaTlo.selected3 #belkaPromocje, #belkaTlo.selected4 #belkaPromocje, #belkaTlo.selected5 #belkaPromocje, #belkaTlo.selected6 #belkaPromocje, #belkaTlo.selected7 #belkaPromocje, #belkaTlo.selected8 #belkaPromocje, #belkaTlo.selected9 #belkaPromocje {padding-bottom:0px;}

#belkaTlo.selected1-open #menu, #belkaTlo.selected2-open #menu, #belkaTlo.selected3-open #menu, #belkaTlo.selected4-open #menu, #belkaTlo.selected5-open #menu, #belkaTlo.selected6-open #menu, #belkaTlo.selected7-open #menu, #belkaTlo.selected8-open #menu, #belkaTlo.selected9-open #menu {padding-bottom:20px;margin-bottom:0;}
#belkaTlo.selected1-open #belkaPromocje, #belkaTlo.selected2-open #belkaPromocje, #belkaTlo.selected3-open #belkaPromocje, #belkaTlo.selected4-open #belkaPromocje, #belkaTlo.selected5-open #belkaPromocje, #belkaTlo.selected6-open #belkaPromocje, #belkaTlo.selected7-open #belkaPromocje, #belkaTlo.selected8-open #belkaPromocje, #belkaTlo.selected9-open #belkaPromocje {padding-bottom:0px;}

#menu a:hover {background-position:0 -46px;}
.selected1 #menu1 a {background-position:0 -46px;}
.selected2 #menu2 a {background-position:0 -46px;}
.selected3 #menu3 a {background-position:0 -46px;}
.selected4 #menu4 a {background-position:0 -46px;}
.selected5 #menu5 a {background-position:0 -46px;}
.selected6 #menu6 a {background-position:0 -46px;}
.selected7 #menu7 a {background-position:0 -46px;}
.selected8 #menu8 a {background-position:0 -46px;}
.selected9 #menu9 a {background-position:0 -46px;}

.selected1-open #menu1 a {background-position:0 -46px;}
.selected2-open #menu2 a {background-position:0 -46px;}
.selected3-open #menu3 a {background-position:0 -46px;}
.selected4-open #menu4 a {background-position:0 -46px;}
.selected5-open #menu5 a {background-position:0 -46px;}
.selected6-open #menu6 a {background-position:0 -46px;}
.selected7-open #menu7 a {background-position:0 -46px;}
.selected8-open #menu8 a {background-position:0 -46px;}
.selected9-open #menu9 a {background-position:0 -46px;}

.selected1 #menu1 ul {display:block;}
.selected2 #menu2 ul {display:block;}
.selected3 #menu3 ul {display:block;}
.selected4 #menu4 ul {display:block;}
.selected5 #menu5 ul {display:block;}
.selected6 #menu6 ul {display:block;}
.selected7 #menu7 ul {display:block;}
.selected8 #menu8 ul {display:block;}
.selected9 #menu9 ul {display:block;}

.selected1-open #menu1 ul {display:block;}
.selected2-open #menu2 ul {display:block;}
.selected3-open #menu3 ul {display:block;}
.selected4-open #menu4 ul {display:block;}
.selected5-open #menu5 ul {display:block;}
.selected6-open #menu6 ul {display:block;}
.selected7-open #menu7 ul {display:block;}
.selected8-open #menu8 ul {display:block;}
.selected9-open #menu9 ul {display:block;}

#menu ul {list-style-type:none;margin:0;padding:0;position:absolute;left:0;top:30px;width:918px;overflow:hidden;background-color:#195baf;display:none;}
#menu ul li {background:#195baf url(../images/menulili.png) no-repeat right bottom;padding-right:1px;float:left;padding-right:2px;}
#menu ul li a {float:left;padding:0 21px;line-height:20px;font-size:11px;background-color:#195baf;background-image:none;font-weight:normal;}
#menu ul li a:hover {text-decoration:underline;}
#menu ul li a.active {text-decoration:underline; font-weight:bold;}

#belkaBillboard {height:100px;line-height:100px;text-align:center;font-size:12px;padding-bottom:4px;padding-top:4px;}
#belkaBillboard p {margin:0;display:inline;padding:0;color:#999999;padding:0 5px;}

#belkaPromocje {background:transparent url(../images/belkapromocje.png) no-repeat center bottom;height:54px;line-height:54px;text-align:center;font-size:12px;padding-bottom:14px;}
#belkaPromocje p {margin:0;display:inline;padding:0;color:#999999;padding:0 5px;}
#belkaPromocje ul {list-style-type:none;margin:0;padding:0;display:inline;color:#0082e8;}
#belkaPromocje li {display:inline;padding:0;}
#belkaPromocje ul a {color:#0082e8;padding:0 5px;}
#belkaPromocje ul a:hover {text-decoration:none;}
#belkaPromocje ul a strong {color:#0082e8;background-color:#f0ae00;color:white;padding:3px;}

#tresc {width:946px;overflow:hidden;margin-left:12px;border-top:1px solid #dedede;background:transparent url(../images/tresc.png) no-repeat 200px 0;padding-bottom:10px;}
#lewaKolumna {float:left;width:200px;}
#prawaKolumna {float:right;width:723px;padding-right:6px;padding-top:5px;}
#prawaKolumna h2 {font-size:16px;margin:0;color:#22427a;padding-top:0.7em;padding-bottom:0.7em;}
#prawaKolumna h2 a {color:#22427a;}

/* Lewa kolumna */

.menuPion {background:#00387e url(../images/menupion.png) no-repeat left bottom;padding:0 0 66px 0;margin:0 0 1em 0;list-style-type:none;color:white;}
.menuPion li {border-left:1px solid #6184af;padding:0 0 0 2px;}
.menuPion a {color:white;border-bottom:1px solid #11509f;display:block;padding:12px 0 6px 39px;width:155px;font-weight:bold;font-size:12px;background:transparent url(../images/menupiona.png) repeat-x 0 100px;}
.menuPion a:hover {text-decoration:none;background-position:0;}
.menuPion a.active {text-decoration:none;background-position:0;}

.box {background:transparent url(../images/box.png) repeat-y;position:relative;margin:11px 0;width:200px;}
.box-gora {background:transparent url(../images/boxgora.png) no-repeat left top;}
.box-dol {background:transparent url(../images/boxdol.png) no-repeat left bottom;padding:15px 3px 3px 13px;position:relative;}
.produkt .box-dol {padding-bottom:3px;padding-right:0;}
#lewaKolumna .produkt * {overflow:visible !important;}
#lewaKolumna .produkt .slideInfoZone {text-align:right;height:30px;}
#lewaKolumna .produkt .slideInfoZone p {position:relative;left:7px;margin-left:auto;top:-1px}
.czyWiesz .box-dol {padding-bottom:15px;}
.box h2 {font-size:16px;color:#173873;margin:0 0 0.2em 0;}
.box h2 a {color:#173873;}
.box h2 a:hover {text-decoration:none;}
.box p {color:#666666;margin-top:0.6em}
.produkt p {font-weight:bold;}
.polecany p {font-size:12px;}
.produkt p img {display:block;margin:0.5em auto;}
.produkt p.cena {width:104px;height:29px;margin:0;position:absolute;right:3px;bottom:3px;background:#ef1500 url(../images/cena.png) no-repeat;color:white;text-align:center;font-weight:bold;font-size:16px;line-height:29px;}
.polecany p.cena {background:#f0ae00 url(../images/cena1.png) no-repeat;}

.czyWiesz p {font-size:10px;color:#1f1f1f;padding-right:5px;margin-bottom:0;margin-top:0.8em}
.czyWiesz p a {color:#1f1f1f;}

.linie {list-style-type:none;margin:0 0 0 -5px;padding:2px 0 14px 0;width:185px;}
.linie li {border-bottom:1px solid #d0d0d0;padding:6px 5px;}
.linie li a {font-weight:bold;color:#cc3300;}
.male {margin-left:0;width:178px;}
.male li {padding:2px;font-size:11px;border-bottom-color:#dbdbdb;}
.male li a {color:#00387d;}

/* Prawa kolumna */

.box-promocje {width:100%;margin-bottom:14px;}
.box-promocje h2 {padding-left:15px;}
.box-promocje ul {list-style-type:none;width:100%;overflow:hidden;padding:0;margin:0;position:relative;}
.box-promocje li {width:349px;background:transparent url(../images/gradientw.png) repeat-x;float:left;margin-right:10px;padding-bottom:35px;}
.box-promocje li h3 {margin:14px 5px 0 125px;font-size:14px;}
.box-promocje li .image {border:1px solid #f0f1ea; position:absolute;left:5px;top:12px;width:112px;text-align:center;overflow:hidden;}
.box-promocje li .image table {width:112px;}
.box-promocje li.prawa .image {left:365px;}
.box-promocje li p {margin:0.5em 0 0.5em 125px;font-size:11px;color:#4c4c4c;width:220px;}
.box-promocje li p.cena {background:#f0ae00 url(../images/cenatlo.png) no-repeat;width:104px;height:29px;color:white;text-align:center;font-weight:bold;font-size:16px;line-height:29px;position:absolute;bottom:0;left:242px;margin:0;}
.box-promocje li.prawa p.cena {left:600px;}

.box-aktualnosci {background-color:#f8f8f8;padding-bottom:10px;}
#prawaKolumna .box-aktualnosci h2 {padding-left:15px;padding-bottom:0.4em;padding-top:0.6em}
.box-aktualnosci ol {list-style-type:none;width:100%;overflow:hidden;padding:0;margin:0;position:relative;background:transparent url(../images/dotg.png) repeat-y 357px 0;}
.box-aktualnosci li {width:337px;float:left;padding-bottom:35px;padding-left:15px;}
.box-aktualnosci h3 {font-size:11px;color:#173873;margin-top:0;padding-top:0.4em;margin-bottom:0.6em;}
.box-aktualnosci .data {font-style:normal;}
.box-aktualnosci p {line-height:1.5em;margin:0.4em 0;}
.box-aktualnosci .wiecej {background:#ffbf25 url(../images/wiecej.png) no-repeat;width:78px;height:21px;color:#333333;text-align:center;line-height:21px;position:absolute;bottom:9px;left:250px;}
.box-aktualnosci li.prawa .wiecej {left:624px;}

.porady {background:#00387e url(../images/porady.png) no-repeat;padding-bottom:16px;padding-top:30px;color:white;}
#prawaKolumna .porady h2 {padding-left:15px;padding-bottom:0.4em;padding-top:0.6em;color:white;}
.porady ol {list-style-type:none;width:100%;overflow:hidden;padding:0;margin:0;position:relative;background:transparent url(../images/dotb.png) repeat-y 357px 0;}
.porady li {width:337px;float:left;padding-bottom:20px;padding-left:15px;}
.porady h3 {font-size:11px;color:white;margin-top:0;padding-top:0.4em;margin-bottom:0.6em;}
.porady .data {font-style:normal;}
.porady p {line-height:1.5em;margin:0.4em 0;}
.porady .wiecej {background:transparent url(../images/wiecej.gif) no-repeat;width:78px;height:21px;color:#333333;text-align:center;line-height:21px;position:absolute;bottom:0;margin-top:10px;left:250px;}
.porady li.prawa .wiecej {left:624px;}


.tekst {padding-left:15px;width:690px;}
.tekst p {line-height:1.5em;margin:0.8em 0 1.9em 0;}
.tekst .kolumny {width:100%;overflow:hidden;}
.tekst .kolumna {float:left;width:335px;margin-right:15px;}
.tekst .prawa {margin-right:0;}
.tekst .photo {display:block;margin:1em auto;}
#prawaKolumna .tekst .photos {margin:1.8em 0;}
.tekst .marginTop {margin-top:60px;}


.formularz {width:560px;padding-left:15px;}
.formularz fieldset {padding-top:20px;}
.formularz label {display:block;border-bottom:2px solid #ececec;padding:7px 0 8px 0;}
.formularz label span {width:166px;float:left;padding-top:4px;}
.formularz label select {border:1px solid #aaaaaa;color:#4c4c4c;width:200px;height:20px}
.formularz label input {border:1px solid #aaaaaa;color:#4c4c4c;padding:2px 11px;width:210px;}
.formularz label textarea {border:1px solid #aaaaaa;color:#4c4c4c;padding:6px 11px;width:350px;height:120px}
.formularz p.buttons {margin:0;padding:21px 0 0 0;}
.formularz .button {background:#ffbf25 url(../images/button.png) no-repeat;width:110px;height:21px;color:#191919;border-width:0;margin-right:3px;}

.newsletter fieldset {padding-top:5px;}
.newsletter p.buttons {margin:0;padding:10px 0 0 0;}
.newsletter input {border:1px solid #aaaaaa;color:#4c4c4c;padding:2px 11px;width:150px;}
.newsletter .button {background:#ffbf25 url(../images/button.png) no-repeat;padding:0;font-size:10px;width:35px;height:21px;color:#191919;border-width:0;margin-right:3px;}

.aktualnosci {width:720px;padding-left:0;}
#prawaKolumna .aktualnosci h2, #prawaKolumna .aktualnosci h3 {padding-left:15px;}
.aktualnosci .news {list-style-type:none;margin:0;padding:0;}
.aktualnosci div.news {padding-left:15px;padding-top:8px;padding-bottom:28px;position:relative;}
.aktualnosci .news li {padding:12px 15px 28px 15px;width:690px;overflow:hidden;position:relative;}
.aktualnosci div.news li {padding:0 0 0 0;overflow:visible;width:auto;}
.aktualnosci .news li.dark {background-color:#f7f7f7;}
.aktualnosci .news h3 {font-size:11px;color:#173873;margin-top:0;padding-top:0;margin-bottom:0.6em;}
#prawaKolumna .aktualnosci .news h3 {padding-left:0;}
.aktualnosci .data {font-style:normal;}
.aktualnosci .news p {line-height:1.5em;margin:0.4em 0;}
.aktualnosci .wiecej {background:#ffbf25 url(../images/wiecej.png) no-repeat;width:78px;height:21px;color:#333333;text-align:center;line-height:21px;position:absolute;bottom:9px;right:30px;}
.aktualnosci .pobierz {background:#efefef url(../images/pobierz.png) no-repeat;padding:0 10px 0 22px;width:252px;height:20px;margin-top:1.8em;padding-top:4px;}
.aktualnosci .pobierz img {vertical-align:middle;margin-left:4px;}

.belka-nawigator {margin-top:20px;background:#efefef url(../images/nawigator.png) no-repeat;width:651px;height:24px;padding:0 22px;line-height:24px;}
.belka-nawigator p {margin:0;}
.belka-nawigator ul {float:right;list-style-type:none;margin:0;padding:0;}
.belka-nawigator li {display:inline;padding:0;}
.belka-nawigator li a {padding:0 3px;}

.oferta {padding-left:15px;}
.oferta h3 {font-size:11px;}
.oferta p {margin-top:0.5em;color:#666666;}
.oferta .producenci {list-style-type:none;margin:0;padding:0;}
.oferta .producenci li {float:left;border:1px solid #e0e0e0;width:121px;height:92px;margin:0 8px 8px 0;}
.oferta .producenci li .image {float:left;width:121px;height:92px;text-align:center;overflow:hidden;line-height:92px;}
.oferta .producenci li a {} /* float:left;width:121px;height:92px;text-align:center;overflow:hidden;line-height:92px;} */
.oferta .producenci li a img {vertical-align:middle;}
.oferta .producenci li table {width:121px;height:92px;}
.oferta .producenci li table td {text-align:center;}
.oferta .grupy {list-style-type:none;margin:0;padding:4px 0 0 0;width:100%;overflow:hidden;}
.oferta .grupy li {border-bottom:1px solid #dbdbdb;padding:8px 5px;width:200px;margin-right:22px;float:left;}
.oferta .grupy li a {font-size:12px;font-weight:bold;color:#336699;}
.wybierzProducenta {background:#f3f3f3 url(../images/belkaoferta.png) no-repeat;width:655px;height:36px;line-height:36px;padding:0 26px 0 12px;}
.wybierzProducenta select {border:1px solid #7f9db9;color:#7f7f7f;width:195px;margin:7px 0 0 0}
.wybierzProducenta ul {float:right;list-style-type:none;margin:0;padding:0;}
.wybierzProducenta li {display:inline;padding:0;color:#4c4c4c}
.wybierzProducenta li a {padding:0 2px;color:#4c4c4c;}
.producent {padding:0 0 0 15px;width:626px;overflow:hidden;}
.producent .opis {float:left;width:490px;padding-top:16px;}
.producent .opis h3 {font-size:12px;}
.producent .opis p {line-height:1.5em;margin:0.8em 0 1.9em 0;}
.producent .logo {float:right;padding-top:34px;}
.producent .logo .image {border:1px solid #e0e0e0;width:121px;height:92px;display:block;text-align:center;overflow:hidden;line-height:92px;}
.producent .logo .image table {width:121px;height:92px;}
.producent .logo .image img {Vertical-align:middle;}
.oferta .images {padding-left:22px;}
.oferta .images img {margin:0 38px 30px 0;}



.promocje {padding-bottom:30px;}
#prawaKolumna .promocje h2 {padding-bottom:0;padding-left:15px;}
.promocje-linia {list-style-type:none;margin:0;padding:0 0 0 20px;width:673px;overflow:hidden;background:transparent url(../images/promocje.png) no-repeat left bottom;}
.promocje-linia li {float:left;width:140px;padding:20px 10px 0 10px;text-align:center;}
.promocje-linia li .image {height:100px;display:block;}
.promocje-linia li .image table {width:100px;}
.promocje-linia li p {margin:0;height:31px;padding-top:5px;color:#00387d;font-size:12px;font-weight:bold;}
.promocje-linia li p a {color:#00387d}
.promocje .pobierz {background:#efefef url(../images/pobierz.png) no-repeat;padding:0 10px 0 22px;width:252px;height:20px;margin-top:1.8em;padding-top:4px;}
.promocje .pobierz img {vertical-align:middle;margin-left:4px;}
.promocje .gazetka {margin:1.8em 37px;}

.ikonki {width:100%;overflow:hidden;text-align:right;padding:20px 0;width:693px;margin-left:15px;}
.ikonki .drukuj {float:left;}

/* Stopka */

#stopka {background:transparent url(../images/stopka.png) no-repeat 33px 0;padding:17px 0 10px 78px;color:#173873;line-height:1.4em;position:relative;width:890px}
#stopka .logo {float:left;margin-right:25px;}
.realizacja {margin:0;position:absolute;bottom:0;right:20px;font-size:9px;}

img {vertical-align:bottom;}
a img {border-width:0;}
a {color:#555555;text-decoration:none;}
a:hover {text-decoration:underline;}
.none {display:none;}

form#contact div.error-col, div.error-row { color: red; padding-top: 0.3em; }
form#contact div.error-col span.header, form#contact div.error-row span.header { font-weight: bold; }
form#contact textarea.error, input.error, select.error { background: silver; }
form#contact input:focus, textarea:focus, select:focus { background: #ffc; }
div.okHeader { font-size: 11px; color: gray; font-weight: bold; text-align: center; font-family:  Tahoma, Arial, Verdana,  Helvetica, sans-serif; }
div.errorHeader { font-size: 11px; color: rgb(171,38,34); font-weight: bold; text-align: center; font-family:  Tahoma, Arial, Verdana,  Helvetica, sans-serif; }