body {
     font-family: arial, helvetica, sans-serif;
	 color: #474747; 
	 font-size: 12px;
	 margin: 0 auto;
	 padding: 0;
	 background: #edf8e1 url(../images/bg.jpg) no-repeat;
	 width: 100%;
	 }
	 
a:link, a:visited, a:hover {text-decoration: none; color: #595959;}

img {border: 0;}

span.bold {font-weight: bold;}
span.red {color: red;}
span.blue {color: #000000; line-height:180%;}

.RegtextField  {height: 19px; padding: 4px 0 0 0; margin: 10px 0 0 0; border: 1px solid #cecece; color: #595959; font-size: 11px; background: url(../images/bg-form.gif) repeat-x;}
.RegtextField_2 {height: 19px; padding: 4px 0 0 0; margin: 10px 0 0 0; border: 1px solid #cecece; color: #595959; font-size: 11px; background: url(../images/bg-form.gif) repeat-x;}
.RegtextField_3 {width: 100%; height: 19px; padding: 4px 0 0 0; margin: 10px 0 0 0; border: 1px solid #cecece; color: #595959; font-size: 11px; background: url(../images/bg-form.gif) repeat-x;}
.formBuy {height: 19px; padding: 4px 0 0 0; margin: 10px 0 0 0; border: 1px solid #cecece; color: #595959; font-size: 11px; background: url(../images/bg-form.gif) repeat-x;}

input {border: 0; cursor: pointer;}

.all-index {position: relative; width: 901px; margin: -17px auto 0 auto;}

.all {position: relative; width: 901px; margin: 0 auto;}

#search-top {width: 600px; height: 55px; position: absolute; right: 0; top: 30px; background: url(../images/bg-search-top.gif); color: #fff;}
#search-top a {color: #fff;}

.search-left {width: 350px; float: left; padding: 0 0 0 10px;}
.search-left .w100 {margin: 2px 0 1px 0;}
input.form-search-top {width: 280px; height: 18px; float: left; padding: 4px 0 0 0; border: 1px solid #e0e0e0; color: #757575; font-size: 11px; background: url(../images/bg-form.gif) repeat-x;}
.button-search-top {width: 36px; height: 30px; float: left; margin: 0 0 0 5px; background: url(../images/button-search-top.gif);}

.koszyk-right {width: 180px; height: 45px; float: right; padding: 10px 0 0 50px; background: url(../images/koszyk-top.gif) no-repeat 0 10px ;}


.logo {position: relative; left: -22px;}

.klub-calivita {position: relative; left: 447px; top: 13px;}

/* obrazki - top */
#img-top {width: 901px; float: left; margin: 8px 0 0 0;}
#img-top img.img-left {float: left;}
#img-top img.img-center {float: left; margin: 0 0 0 10px;}
#img-top img.img-right {float: left; margin: 0 0 0 10px;}
#img-center {float: left; margin: 0 0 0 10px;}
#img-right {float: left; margin: 0 0 0 10px;}
#img-left {float: left;}

/* hierarchia linkow */
#hierarchy {width: 901px; height: 44px; float: left; background: url(../images/bg-hierarchy.jpg) no-repeat;}
#hierarchy p {width: 705px; overflow: hidden; margin: 10px 0 0 40px; font-size: 11px; color: #386304;}
#hierarchy a  {color: #386304;}
#hierarchy a:hover  {color: #386304; text-decoration: underline;}
#hierarchy  .p {position: relative; top: 4px;}
#hierarchy  .p1 {margin: 0 5px;}

#leaf-l {position: absolute; top: 362px; left: -54px;} /* lewy listek */
#leaf-r {position: absolute; top: 372px; right: -43px;} /* prawy listek */

/* menu - top */
#menu-top {width: 876px; height: 38px; float: left; padding: 9px 0 0 25px; background: url(../images/bg-menu-top.png) no-repeat;}
#menu-top a {display: block; width: 115px; height: 22px; float: left; padding: 5px 0 0 0; margin: 0 3px 0 3px; text-align: center; color: #fff;}
#menu-top a:hover {background: url(../images/bg-menu-top-on.png) no-repeat; font-weight: bold;}

/* * * * * TRESC * * * * */
#content {width: 901px; float: left; padding: 0 0 15px 0; background: #fff;}
#contenta {background: #fff;}
#content #left {width: 213px; float: left; overflow: hidden; margin: 0 0 0 8px;}
#content #right {width: 213px; float: left; overflow: hidden; margin: 0 0 0 10px;}
#content #middle {width: 440px; float: left; overflow: hidden; margin: 0 0 0 9px;}
#content #middle-big {width: 662px; float: left; overflow: hidden; margin: 0 0 0 9px;}
#content a.button1 {color: #fff;}

.margin {margin: 15px 0 0 0;}

/* maly bloczek */
.small-title {width: 173px; height: 24px; float: left; padding: 11px 0 0 40px; background: url(../images/small-title.png) no-repeat;}
.bg-small-box {width: 213px; float: left; background: url(../images/bg-small-box.gif) repeat-y;}
.bg-small-box-bottom {width: 213px; float: left; padding: 10px 0; background: url(../images/bg-small-box-bottom.gif) no-repeat 0 100%;}

/* sredni bloczek */
.medium-title {width: 440px; height: 24px; float: left; padding: 11px 0 0 40px; background: url(../images/medium-title.png) no-repeat;}
.bg-medium-box {width: 440px; float: left; background: url(../images/bg-medium-box.gif) repeat-y;}
.bg-medium-box-bottom {width: 440px; float: left; padding: 100px 0; background: url(../images/bg-medium-box-bottom.gif) no-repeat 0 100%;}

/* duzy bloczek */
.big-title {width: 680px; height: 24px; float: left; padding: 11px 0 0 40px; background: url(../images/big-title.png) no-repeat;}
.bg-big-box {width: 680px; float: left; background: url(../images/bg-big-box.gif) repeat-y;}
.bg-big-box-bottom {width: 680px; float: left; padding: 10px 0; background: url(../images/bg-big-box-bottom.gif) no-repeat 0 100%;}


/* cena */
.bg-price {width: 185px; height: 21px; text-align: center; padding: 4px 0 0 0; background: url(../images/bg-price.png) no-repeat;}
.old-price {text-decoration: line-through;}
.new-price {color: red; font-style: italic;}
.oldprice {text-decoration: line-through; color: #8A8A8A; }
.price {color: #e92100; font-style: italic; font-size: 14px; font-weight: bold;}

.center {width: 90%; margin: 0 auto; text-align: center;} /* bloczek do ustawiania center w roznych id - wyrownanie do srodka*/
.left {width: 90%; margin: 0 auto; text-align: left;} /* bloczek do ustawiania center w roznych id - wyrownanie do lewej */

.w100 {width: 100%; float: left;} /* bloczek na cala szerokosc */

/* przyciski */
.przyciski {margin: 10px auto 0 auto;}
input.do-koszyka {width: 93px; height: 24px; float: left; background: url(../images/do-koszyka.png) no-repeat;}
input.przycisk2, input.przycisk4  {width: 150px; height: 24px; float: left; font-weight: bold; color: #fff; font-size: 12px; font-family: trebuchet ms, verdana;}
input.przycisk2 {background: url(../images/button3.png) no-repeat;}
input.przycisk4 {background: url(../images/button4.png) no-repeat; margin: 0 4px 0 0;}
input.przycisk, input.przycisk3, input.button1, input.button2 {width: 93px; height: 24px; float: left; font-weight: bold; color: #fff; font-size: 12px; font-family: trebuchet ms, verdana;}
input.przycisk, input.button1 {background: url(../images/button1.png) no-repeat;}
input.przycisk3, input.button2 {background: url(../images/button2.png) no-repeat;}
input.przycisk {margin: 0 4px 0 0}
a.button1 {display: block; width: 93px !important; height: 21px; float: left; margin: 0 0 0 4px; padding: 3px 0 0 0; text-align: center; background: url(../images/button1.png) no-repeat; font-weight: bold; color: #fff;}

/* styl formularza */
input.form {width: 190px; height: 19px; padding: 4px 0 0 0; border: 1px solid #e0e0e0; color: #757575; font-size: 11px; background: url(../images/bg-form.gif) repeat-x;}
select {border: 1px solid #e0e0e0; background: #fff; color: #757575;}

/* menu - kategorie */
#kategorie {width: 213px; float: left;}
#kategorie a {display: block; width: 167px; padding: 7px 0 4px 13px; margin: 0 0 0 20px; background: url(../images/bg-menu-kat.gif) no-repeat 0 100%;}
#kategorie a:hover {background: url(../images/bg-menu-kat-on.gif) no-repeat 0 100%; font-weight: bold; color: #2884d7;}

/* promocja */
#promocja {width: 213px; float: left;}
#promocja a {display: block; width: 100%; font-weight: bold;}
#promocja p {margin: 0;}
#promocja img {margin: 0;}
#promocja .bg-price {margin: 0 auto;}

/* wyszukiwarka */
#wyszukiwarka {width: 213px; float: left;}
#wyszukiwarka a {display: block; width: 100%; text-decoration: underline; color: #757575; font-size: 11px;}
#wyszukiwarka select {width: 80%; margin: 3px 0 0 0; font-size: 11px;}

/* newsletter */
#newsletter {width: 213px; float: left;}
#newsletter input.form {margin: 10px 0 0 0;}
#newsletter p {margin: 0; line-height: 15px;}
#newsletter .przyciski {width: 100%; float: left; margin: 10px 0 0 0; text-align: center;}
#newsletter .przyciski input.button2 {width: 93px; height: 24px; margin: 0 0 0 44px; background: url(../images/button2.png) no-repeat; font-weight: bold; color: #fff;}

/* panel logowania */
#p-logowania {width: 213px; float: left;}
#p-logowania a:hover {color: #2884d7;}
#p-logowania .left {width: 95%;}
#p-logowania input.form {width: 90px; margin: 0 3px 0; float: left;}
#p-logowania .w100 {margin: 4px 0 0 0;}

/* koszyk */
#koszyk {width: 231px; float: left;}
#koszyk div.center {width: 85%; font-size: 11px;}
#koszyk a {width: auto; font-weight: bold; text-decoration: underline;}
.ico1 {width: 100%; min-height: 40px; overflow: hidden; background: url(../images/ico1.gif) no-repeat left top;}
.ico1 p {width: 120px; float: right; margin: 0; }
.ico2 {width: 100%; min-height: 40px; overflow: hidden; margin: 10px 0 0 0; background: url(../images/ico2.gif) no-repeat left top;}
.ico2 p {width: 120px; float: right; margin: 0;}

/* kontakt */
#kontakt {width: 231px; float: left;}
#kontakt p {margin: 4px 0;}

/* platnosc */
#platnosc {width: 231px; float: left; font-size: 11px;}
#platnosc .center {width: 95%;}
#platnosc p {margin: 0;}

/* * * * * * SRODEK * * * * * */

/* wyszukiwarka */
#wyszukiwarka-middle {width: 440px; float: left; padding: 45px 0 0 0; background: url(../images/title-wyszukiwarka.gif) no-repeat 30px top;}
#wyszukiwarka-middle a {text-decoration: underline;}
#wyszukiwarka-middle input.form {width: 295px; float: left; margin: 0 4px 0 0;}
#wyszukiwarka-middle select {width: 140px; margin: 5px 0 4px 0}

/* polecane */
#polecane {width: 440px; float: left;}
#polecane p {margin: 0; line-height: 16px;}
#polecane .w100 {margin: 0 0 10px 0;}
#polecane .bg-price {margin: 0 0 5px 0;}
#polecane .przyciski {width: 190px; float: left;}
.miniature {float: left; margin: 0 15px 0 0;}

/* promocja */
#promocja-middle {width: 440px; float: left;}
#promocja-middle p {margin: 0; line-height: 16px;}
#promocja-middle .bg-medium-box-bottom {padding: 0 0 10px 0;}
#promocja-middle .left {overflow: hidden; margin: 20px auto 0 auto;}
#promocja-middle .w100 {margin: 0 0 10px 0;}
#promocja-middle .bg-price {margin: 0 0 5px 0;}
#promocja-middle .przyciski {width: 190px; float: left;}

/* sredni box */
#medium-box {width: 440px; float: left;}
#medium-box  a.title {margin: 20px 0 0 0; display: block; width: 100%; font-weight: bold;}
#medium-box p {width: 95%; margin: 5px 0 0 0;}
#medium-box .bg-medium-box-bottom {padding: 0 0 10px 0;}
#medium-box  .center {width: 95%;}
#medium-box  table.prod-list {width: 95%; padding: 0; margin: 0 auto;}
#medium-box  table.prod-list  td {width: 50%; vertical-align: top;}

p.scroll {
display: block; 
height: 100px; 
overflow: scroll; 
overflow-y: auto; 
overflow-x: hidden; 
}

.back {width: 100%; float: left; margin: 10px 0 0 0; text-align: right;}

/* zaokraglony dol */
.bg-bottom {width: 901px; height: 20px; float: left; background: url(../images/bg-bottm.gif) no-repeat;}

/* stopka */
#footer {width: 901px; float: left; padding: 0 0 15px 0; background: url(../images/bg-bottom2.jpg); color: #386304;}
#footer a {color: #386304;}
#footer a:hover {color: #2884d7;}
#footer .l {float: left; margin: -27px 0 0 20px;}
#footer .r {float: right; margin: 13px 20px 0 0;}
.i-suplementy {position: relative; top: 7px;}

/* * * * * * DUZY SRODEK * * * * * */
#big-box {width: 662px; float: left;}
#big-box  a.title {margin: 0; line-height: 16px;}
#big-box .left {overflow: hidden; margin: 20px auto 0 auto;}
#big-box .w100 {margin: 0 0 10px 0;}
#big-box .bg-price {margin: 0 0 5px 0;}
#big-box p {margin: 0;}
#big-box .przyciski {width: 190px; float: left;}

fieldset {margin: 0 0 0 16px; border-color: #d6d6d6;}

fieldset {border: 1px solid #d4d4d4; margin: 0 0 10px 0;}

.newsl_bad {color: #FF0000;}