body {
     font-family: trebuchet ms, verdana, tahoma, arial, helvetica, sans-serif;
	 color: #474747; 
	 font-size: 12px;
	 margin: 0 auto;
	 padding: 20px 0 0 0;
	 background: #fff;
	  background: url(images/bg.png) repeat-x 0 87px;
	 }

a:link, a:visited, a:hover {text-decoration: none; color: #595959;}
a:hover {text-decoration: none; color: #54AE52;}
	 
img {border: 0;}
.bold {font-weight: bold;}

.blank {width: 100%; height: 2px; float: left;}

h4 { font-size: 22px; color: #1E9B1B; font-weight: normal;}

/* grafika w topie */
#top {width: 100%; background: url(images/bg-top.jpg) no-repeat center 0;}

#img-top {width: 1000px; margin: 0 auto; background: url(images/bg-top.jpg) no-repeat center 0;}

/* wysrodkowanie tresci */
#box-content {width: 913px; height: 1000px; position: relative; margin: 0 auto; z-index: 2;}
#logo {float: left; position: absolute; left: -46px; top: 0;}

/* menu */
#menu {position: absolute; right: 42px; top: 67px;}
#menu a {display: block; float: left; height: 55px; margin: 0 0 0 11px; color: #54AE52;  font-size: 16px;}
#menu a:hover {display: block; float: left; height: 55px; margin: 0 0 0 11px; color: #13ACEA;  font-size: 16px;}

/* zakladki menu*/
a.femifertil {width: 102px; background: url(images/femifertil.png);}
a:hover.femifertil {background: url(images/femifertil-hover.png);}

a.kup {width: 71px; background: url(images/kup.png);}
a:hover.kup {background: url(images/kup-hover.png);}

a.pytania {width: 127px; background: url(images/pytania.png);}
a:hover.pytania {background: url(images/pytania-hover.png);}

a.baza-wiedzy {width: 121px; background: url(images/baza-wiedzy.png);}
a:hover.baza-wiedzy {background: url(images/baza-wiedzy-hover.png);}

a.o-nas {width: 77px; background: url(images/o-nas.png);}
a:hover.o-nas {background: url(images/o-nas-hover.png);}

a.kontakt {width: 88px; background: url(images/kontakt.png);}
a:hover.kontakt {background: url(images/kontakt-hover.png);}

/* hierarchia linkow */
#hierarchy {float: left; margin: 372px 0 0 40px; display: inline; font-size: 11px; color: #024900;}
#hierarchy a {color: #024900;}
#hierarchy a.active {text-decoration: underline;}
.active {text-decoration: underline;}
#hierarchy img {margin: 0 5px;}

/* tresc */
#content {width: 913px; float: left; font-size: 13px; line-height: 22px; text-align: left;}
#content .center {width: 830px; margin: 40px auto 0 auto;}

/* przesunniecie prawej strony o 40px */
.right {position: relative; left: 40px;}

/* stopka */
#footer {width: 100%; float: left; font-size: 11px;}
#footer .center {width: 865px; margin: 30px auto 0 auto;  border-top: #7aba7a 1px solid;}
#footer a {color: #118411;}

/* linki - stopka */
#links-footer a {display: block; height: 53px; float: left; margin: 20px 25px 0 0; color: #118411;}
#links-footer a:hover {background: url(images/hover-link-footer.gif) repeat-x 0 100%;}

#copyright {float: right; padding: 13px 0 0 0;}
#copyright p {margin: 5px 0; color: #118411;}
#copyright a {font-weight: bold;}
#copyright a:hover {color: #138fe4;}

input.ankie {width:400px; border-bottom : 2px solid #ECECEC; text-align : left; border: #ECECEC; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
input.ankies {border-bottom : 2px solid #ECECEC; text-align : left; border: #ECECEC; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}

input.ankie-small {height: 24px; padding: 5px 5px 5px 5px; background: url(images/form-small.png) no-repeat; border: 0; color: #000000; font-size: 11px;}
textarea.ankie {border-bottom : 2px solid #ECECEC; text-align : left; border: #ECECEC; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}

.table { font-size: 12px; color: #000000; text-align: left ; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; background-color: transparent}
table.table td { font-size: 12px; color: #000000; text-align: left; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;; border-color: #FFFFFF #FFFFFF #E2E2E2; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}

.foto{border-bottom : 1px solid #ECECEC; text-align : left; border: #ECECEC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.szukaj_p   { background-color:#138fe4; font-weight: bold; color: #FFFFFF; text-align: center; font-size: 20px; border: 1px solid; border-color: #5a5a5a 5a5a5a 5a5a5a}
.szukaj_ps   { background-color:#68A366; font-weight: bold; color: #FFFFFF; text-align: center; font-size: 20px; border: 1px solid; border-color: #5a5a5a 5a5a5a 5a5a5a}
.szukaj_psa   { background-color:#CB0000; font-weight: bold; color: #FFFFFF; text-align: center; font-size: 20px; border: 1px solid; border-color: #5a5a5a 5a5a5a 5a5a5a}
.blad {color: #FF0000;}
.okej {color: #138fe4;}
.gwiazda {color: #FF0000;}

























/* bloczki kategorii */
.under a{padding: 6px 0 0 33px; font-style: italic;}

.small-box {width: 200px; float: left; margin: 0 0 15px 0; padding: 0 0 7px 0; background: #fff url(images/small-box-bottom.gif) repeat-x 0 100%;}
.small-box h3.title1 {width: 177px; height: 33px; float: left; margin: 0 0 5px 0; padding: 18px 0 0 23px; background: url(images/small-box-top1.jpg);}
.small-box h3.title2 {width: 177px; height: 33px; float: left; margin: 0 0 5px 0; padding: 18px 0 0 23px; background: url(images/small-box-top2.jpg);}

.small-box ul {width: 200px; float: left; list-style: none; margin: 0; padding: 0;}
.small-box ul li {width: 178px; margin: 0 0 0 10px; padding: 9px 0; background: url(images/menu-underline.gif) repeat-x 0 100%;}
.small-box li.none {background: none;}

.small-box ul.purple li a {padding: 0 0 0 15px; background: url(images/p.gif) no-repeat 0 5px;}
.small-box ul.purple li a:hover {font-weight: bold; color: #ee40a5;}

.small-box ul.blue li a {padding: 0 0 0 15px; background: url(images/p2.gif) no-repeat 0 5px;}
.small-box ul.blue li a:hover {font-weight: bold; color: #33a9e2;}

/* fioletowy bloczek */
.small-box2 {width: 200px; float: left; margin: 0 0 15px 0; padding: 0; color: #fff; background: #e448a4 url(images/small-box-purple-top.jpg) no-repeat 0 0;}
.small-box2 h3 {width: 177px; height: 33px; float: left; margin: 0 0 5px 0; padding: 18px 0 0 23px;}
.small-box2 a {text-decoration: underline; color: #fff;}
.small-box2 p {width: 165px; margin: 2px auto 0 auto;}
.small-box2 .margin {margin: 13px auto 0 auto;}
.small-box2 img.bottom {display: block; float: left; margin: 10px 0 0 0;}

/* box wew. prawego bloku */
#big-box {width: 563px; float: right; overflow: hidden; background: #fff url(images/right-top.gif) no-repeat 0 0;}
#big-box img.bottom {display: block; float: left; margin: 10px 0 0 0;}
#big-box .center {width: 549px; margin: 0 auto; _margin: 0 0 0 7px;}

/* przyciski */
#buttons-right {width: 600px; float: left; list-style: none; margin: 0 0 7px 0; padding: 7px 0 0 0;}
#buttons-right li {width: auto; float: left; margin: 0 1px 0 0;}
#buttons-right li a {display: block; width: 109px; height: 32px; padding: 14px 0 0 0; text-align: center; font-size: 14px; color: #fff; background: url(images/button2.jpg);}
#buttons-right li a:hover {background: url(images/button2-hover.jpg);}

#picture {float: left; margin: 0;}


/* box - wyswietla produkt */
.box-product-height {height: 260px; float: left; margin: 0 0 8px 0;}

.box-product {width: 270px; float: left; margin: 0 8px 0 0; _margin: 0 4px 0 0; background: url(images/box-product.gif);}
.box-product-top {width: 270px; float: left; background: url(images/box-product-top.gif) no-repeat 0 0;}
.box-product-bottom {width: 270px; max-height: 305px; height: auto !important; height: 305px; float: left; padding: 8px 0 8px 0; background: url(images/box-product-bottom.gif) no-repeat 0 100%;}
.box-product-bottom .miniature {width: 105px; float: left; margin: 0 5px 0 8px; _margin: 0 3px 0 4px; text-align: center;}
.box-product-bottom  .title-price {width: 145px; float: left;}
.box-product-bottom  .name {width: 100%; margin: 0; font-weight: bold; font-family: arial; font-size: 15px; color: #68AA08;}
.box-product-bottom  .price {width: 100%; margin: 0 0 15px 0; font-family: arial; font-size: 13px;}
.box-product-bottom input {float: left; margin: 0 0 2px 0;}
.box-product-bottom .button {float: left; margin: 0 0 2px 0; border: 0;}
.box-product-bottom .description {width: 250px; max-height: 120px; height: auto !important; height: 120px; float: left; overflow: auto; margin: 0 0 0 10px; _margin: 0 0 0 5px;}
.box-product-bottom h3 {width: 250px; float: left; margin: 5px 0 0 10px; _margin: 8px 0 0 5px; padding: 0;}

/* wybierz strone */
#page {width: 100%; float: left; margin: 25px 0 0 0; padding: 1px 0;}
#page p {display: inline; margin: 0 15px 0 0; padding: 0 5px; border: 1px solid #e7e7e7; font-size: 11px; color: #000;}
#page a {padding: 0 5px; border: 1px solid #e7e7e7; font-size: 11px; color: #000;}
#page a:hover {color: #fff; background: #99daef;}
#page a.next {margin: 0 0 0 5px; color: #0496c4;}
#page a:hover.next {color: #fff;}
#page a.back {margin: 0 5px 0 0; color: #0496c4;}
#page a:hover.back {color: #fff;}

/* linki - dol */
#links-bottom {width: 563px; float: left; margin: 10px 0 0 0; padding: 0; text-align: center;}
#links-bottom a {padding: 0 2px; margin: 0 10px;}
#links-bottom a:hover {color: #fff; background: #d64993;}


.promo {font-weight: bold; color:#E93D9F}
.tabelka { font-size: 11px; color: #000000; text-align: left ; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; background-color: transparent}
table.tabelka td { font-size: 11px; color: #000000; text-align: left; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;; border-color: #FFFFFF #FFFFFF E2E2E2; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}

.oldprice {text-decoration: line-through; font-size: 11px; color: #949494}
.price {font-size: 13px; color: #35A4CB}


/*  inne  */
.przycisk_1 {text-align:center; font-size:11pt;}
.przycisk_1 a {width:162px; height:42px; background-image: url(../images/przycisk_gora.gif); background-repeat: no-repeat; float:left; color:#4C2F00;  padding-top:9px; margin-right:1px; }
.przycisk_1 a:hover	{width:162px; height:42px; background-image: url(../images/przycisk_gora_2.gif); background-repeat: no-repeat; color:#B54D00;}
.przycisk_1 a.active {width:162px; height:42px; background-image: url(../images/przycisk_gora_2.gif); background-repeat: no-repeat; color:#B54D00;}

.przycisk_1a {text-align:center; font-size:11pt;}
.przycisk_1a a {width:162px; height:42px; background-image: url(../images/przycisk_gora_2.gif); background-repeat: no-repeat; float:left; color:#4C2F00;  padding-top:9px; margin-right:1px; }
.przycisk_1a a:hover	{width:162px; height:42px; background-image: url(../images/przycisk_gora.gif); background-repeat: no-repeat; color:#B54D00;}
.przycisk_1a a.active {width:162px; height:42px; background-image: url(../images/przycisk_gora.gif); background-repeat: no-repeat; color:#B54D00;}


.a2 {width: 732px; float: center; margin: 0 auto 0 auto;}

.menu_lewe {width:200px; margin-top:182px; float:left; margin-left:20px; overflow:hidden; display:inline;}
a.link {color:#000000;}
a.link:hover {color:#6BC168;}
a.link.active {color:#6BC168;}

.naglowek {margin-left:20px; margin-bottom:15px;}
.naglowek_2 {margin-left:20px; margin-bottom:15px; margin-top:15px;}
.pod_link {width:200px; height:23px; background-image: url(../images/pod_link.gif); background-repeat: no-repeat; padding-left:25px; padding-top:4px; margin-bottom:2px;}
.pod_link_2 {width:200px; height:23px; background-image: url(../images/pod_link.gif); background-repeat: no-repeat; padding-left:25px; padding-top:4px;}
.menu_dol {width:200px; height:39px; background-image: url(../images/pod_menu.jpg); background-repeat: no-repeat;}
.cien {width:200px; height:27px; background-image: url(../images/cien.gif); background-repeat: no-repeat; background-position: 5px 0px; margin-bottom:30px;}


.lifesupport_contact {width:192px; height:148px; background-image: url(../images/cien.gif); background-repeat: no-repeat; background-position: 0px 124px;}

.img_livesupport_contact {width:192px; height:124px;}

.a4 {width:509px; float:right; overflow:hidden; display:inline; margin-right:32px; margin-top:145px;}

.przyciski_pod {width:500px; height:68px;}

.przycisk_2 {text-align:center; font-size:8pt; }
.przycisk_2 a {width:99px; height:69px; background-image: url(../images/przycisk_dol.gif); background-repeat: no-repeat; float:left; color:#4C2F00; padding-top:11px; margin-right:1px; background-position: 1px 0px;}
.przycisk_2 a:hover	{width:99px; height:69px; background-image: url(../images/przycisk_dol_1.gif); background-repeat: no-repeat; color:#B54D00;}
.przycisk_2 a.active {width:99px; height:69px; background-image: url(../images/przycisk_dol_1.gif); background-repeat: no-repeat; color:#B54D00;}

.przyciski_nad {width:500px; height:68px; position: absolute; top: 35px; z-index: 2;}

.przycisk_3 {text-align:center; font-size:8pt;}
.przycisk_3 a {width:99px; height:38px; background-image: url(../images/przycisk_dol2.gif); background-repeat: no-repeat; float:left; color:#4C2F00; padding-top:12px; margin-right:1px; }
.przycisk_3 a:hover	{width:99px; height:38px; background-image: url(../images/przycisk_dol2_2.gif); background-repeat: no-repeat; color:#B54D00;}
.przycisk_3 a.active {width:99px; height:38px; background-image: url(../images/przycisk_dol2_2.gif); background-repeat: no-repeat; color:#B54D00;}

.tresc_gora {width:504px; height:77px; background-image: url(../images/tresc_gora.gif); background-repeat: no-repeat; padding-top:4px; padding-left:5px; position: relative; margin-bottom:-7px;}
.tresc {width:510px; background-color: #ffffff;}
.tresc_dol {width:510px; height:22px; background-image: url(../images/tresc_dol.gif); background-repeat: no-repeat; }
.tresc_dol_cien {width:510px; height:30px; background-image: url(../images/cien_2.gif); background-repeat: no-repeat; background-position: 215px 0px;}
.linki_pod_tresc {width:510px; text-align:center; font-size:7pt; color:#F2EFE9; margin-top:10px; margin-bottom:60px; }
a.link_2 {color:#BFAF94;}
a.link_2:hover {color:#6CC76A;}
a.link_2.active {color:#E2BB90;}


.obrazek_1 {width:497px; height:1px; padding-left:6px; margin-top:-9px;} 


a.link_3 {color:#4C2F00;}
a.link_3:hover {color:#C0A374;}
a.link_3.active {color:#C0A374;}

.a6 {width:500px; float: center; overflow:hidden; margin: 0 auto 0 auto;}

.a7 {float:left; margin-bottom:10px;}

.a8 {text-align:center; width:300px; height:30px; margin-left:10px; margin-bottom: 10px; margin-top:10px; background-image: url(../images/linia.gif); background-repeat: no-repeat; background-position: 0px 22px; font-size:11pt; color:#8C6F40;}

.ramka_1 {width:200px; height:135px; border: 1px solid #B5B5B5; margin-left:5px; margin-right:25px;}

.ramka_2 {width:200px; height:135px; border: 1px solid #B5B5B5; }

.a9 {width:200px; height:100px; background-image: url(../images/4.gif); background-repeat: no-repeat; background-position: 0px 85px;}

.a10 {width:115px; height:100px; background-image: url(../images/3.gif); background-repeat: no-repeat; background-position: 98px 5px; float:left; font-size:14pt; color:#8C6F40; text-align:center; padding-top:30px;}

.a11 {padding-top:20px;}

.guzik_1 {text-align:center; font-size:7pt;}
.guzik_1 a {width:58px; height:20px; background-image: url(../images/guzik_1.gif); background-repeat: no-repeat; float:left; color:#4C2F00; padding-top:4px;}
.guzik_1 a:hover	{width:58px; height:20px; background-image: url(../images/guzik_1_1.gif); background-repeat: no-repeat; color:#ffffff;}

.guzik_2 {text-align:center; font-size:7pt;}
.guzik_2 a {width:81px; height:20px; background-image: url(../images/guzik_2.gif); background-repeat: no-repeat; float:left; color:#E2D5BF; padding-top:4px;}
.guzik_2 a:hover	{width:81px; height:20px; background-image: url(../images/guzik_2_2.gif); background-repeat: no-repeat; color:#ffffff;}



.stopka {width:732px; height:48px; background-image: url(../images/stopka.gif); background-repeat: no-repeat; clear:both; font-size:11pt; color:#725525; padding-left:20px; padding-top:13px; margin-left:20px;}
.stopka2 {width:732px; height:70px; clear:both; font-size:10px; color:#CBB697; padding-left:20px; padding-top:0px; margin-left:20px;}
.stopka_lewa {width:600px;float:left;}

h2
{
font-size: 11px;
font-weight: bold;  
color: #CBCCDA;
padding: 0px;
margin-bottom: 10px;
}

h3
{
padding: 0px;
margin: 0px;
font-size: 13px;
font-weight: bold;  
color: #C00C00;
}

h4
{
font-size: 13px;
font-weight: bold;  
color: #128DCD;
padding: 0px;
margin-bottom: 10px;
text-align: center;
}

p
{
padding: 0px;
margin: 0px;
}


table
{
border: 0px;
}

table td
{
padding: 3px;
}

form
{
margin: 0px;
padding: 0px;
}

input, select
{
font-size: 11px; color: #6BC168;
background: url(../images/shadow.gif) repeat-x;
border: 1px solid #CBEACB;
}



.RegtextField
{
width: 99%;
}

.form_top
{
padding: 3px;
font-weight: normal;
font-size: 7pt;
color: #f8f8f8;
text-align: left;
}

.szukaj4 
{
FONT-WEIGHT: normal;
FONT-SIZE: 8pt;
COLOR: #000000;
BACKGROUND-COLOR: #f2f0f0;
TEXT-ALIGN: left
}

.regSec 
{
background-color: #E5FFE4;
font-family: Arial;
color: #42A440;
text-align: left;
padding: 5px;
font-weight: bold;
}

.formBuy 
{
FONT-WEIGHT: normal;
FONT-SIZE: 9pt;
WIDTH: 30px;
COLOR: #606060;
BACKGROUND-COLOR: #f8f8f8
}

.button1 
{
font-size: 15px;
color: #B01D0B;
border: 1px solid;
border-color: #444444;
font-weight: normal;
padding:5px;
}

.button3 
{
width:81px; 
height:20px; 
color:#B3439A; 
font-weight:bold;
}

.button4 
{
font-size: 17px;
background: #46BAE3; 
color:#ffffff; 
font-weight:bold;
border:0px;
}

.button5 
{
width:110px; 
height:25px; 
background-image: url(../images/guzik_3.gif); 
background-repeat: no-repeat; 
color:#CE350C; 
border:0px;

}

.button6 
{
font-size: 14px;
background: #6CC76A; 
color:#ffffff; 
font-weight:normal;
border:0px;
}

.button6a
{
font-size: 14px;
background: #6CC76A; 
color:#ffffff; 
font-weight:bold;
border:0px;
}

.button2 
{
font-size: 15px;
font-weight: bold;
color: #B01D0B;
padding:5px;
border: 1px solid;
border-color: #911000;
}

.zaplac 
{
font-size: 20px;
color: #FF0000;
padding:5px;
border-color: #911000;
background-color: #FF0000;
}


.formBuy 
{
font-size: 11px;
background-color: #F7EFE2;
color: #606060;
font-weight: normal;
width: 35px;
}

.cartHead 
{
text-align: center;
color: #6DC86C;
background: #E4F9E5;
padding: 4px;
font-size: 11px;
}

.cartBody 
{
text-align: center;
color: #474747;
background: #E1F0E1;
}

.cartFoot 
{
text-align: left;
background: #E9FCE8;
}

.total 
{
color: #ffffff;
background: #54AE52;
text-align: center;
padding: 2px;
font-size: 14px;
}

.checkSec 
{
background: #FEE06E;
color: #6DBF6B;
height: 35px;
vertical-align: top;
}

.textField 
{
background: #f8f8f8;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #424242;
background: url(../images/shadow.gif) repeat-x;
border: 1px solid #D7F1FA;
}


.confirm
 {
background: #F6EFE4;
vertical-align: top;
font-size: 10px;
}

.star 
{
color: #DF0C00;
}

.navi 
{
display: block;
margin: 0px auto;
text-align: center;
}

.error{background-color: #ff0000; padding:10px}

.rejestracja{width: 695px; color: #ffffff; text-align: center; background-color: #A20E04; padding:10px}

.newsl_bad
 {

font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #ff0000;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}
.newsl_ok {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #00BC0D;
color: #ffffff;
font-weight: bold;
width: 200px;
text-align: center;
}


.white{color: #ffffff}
a.white {color: #ffffff}

.green {color: #ffffff;  width: 325px; border: #20A1CC; background-color: #2DB7E5; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; padding: 20px}
.red {color: #ffffff; width: 325px; border: #D70E00; background-color: #ff0000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; padding: 20px}
.red2 {width: 100%; border: #BFAF94; background-color: #F8CAEF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; padding-top:20px; padding-bottom:20px; }

.margin {margin-bottom:5px;}

strong {font-weight:bold;}
