/*
---------------------------------------------
 Design & Code (c) Wild Moose Justyna Walczak
---------------------------------------------
*/


* { margin: 0; padding:0; border: 0; }

html { width: 100%; height: 100%;}

body {  font-size: 100%; font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, sans-serif; color: #b1d0b0;  background-color: #063800;}

.fl { float: left;}
.fr { float: right;}

.clear { clear: both; height: 1%;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.ukryj { display: none;!important;}
.wys{ margin: 0 auto;}
.center {text-align: center;}

/*
---------------------------------------------
 NAGLOWKI
---------------------------------------------
*/
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 1.0em; font-weight: normal;}

h1 { color: #3e8202; margin: 5px 0;}

h2 {margin: 5px 0; font-size: 0.8em; color: #b7e2b5;}

h2 a { color: #b7e2b5;}

h2 a:hover { color: #f0f000;}

h3 { font-size: 1em;}

h4 { font-size: 0.8em;}

h5 { font-size: 0.6em;}

h6 { font-size: 0.4em;}



/*
---------------------------------------------
 AKAPITY LINKI
---------------------------------------------
*/
p { font-size: 0.8em; line-height: 1.4em; margin: 2em; text-align: left; color: #b1d0b0;}

a, a:hover { text-decoration: none;}

ul { margin: 0; padding: 0; }

ul li { list-style-type: none;}

dfn { font-size: 1.4em; font-weight: bold;}


/*
---------------------------------------------
 STRUKTURA
---------------------------------------------
*/

#glowna { float: middle; width: 950px; height: auto; background-color: #072b05; border-right: 10px solid #012201;}

#2glowna { width: 950px; height: auto; line-height: 130%;}

#naglowek{ width: 100%; height: 224px; background: #064902 url(img/naglowek2.jpg) 50% 100% no-repeat;}

#paseknaglowek { width: 100%; height: 32px; background: #064902 url(img/menu.jpg) 0% 0% no-repeat; text-align: right;}

#hederek { width: 950px; height: auto; position: relative;}

#lewa { float: left; width: 200px; padding: 1em 0;  background-color: #072b05; }

#lewa_l { float: left; width: 200px; padding: 1em 0;  background-color: #ff0000; }

#prawa { float: right; width: 200px; padding: 1em 0;  background-color: #072b05; }

#srodek { margin-left: 200px; margin-right: 200px; padding: 1em; background: #063800 url(img/srodek-tlo.jpg) 0% 0% repeat-x; line-height: 150%; }

#footer{ clear: both; padding: 0.5em 0; background-color: #011b01; text-align: center;}
  
/*
---------------------------------------------
 NAWIGACJA
---------------------------------------------
*/

/*credits: dynamic drive css library *//*url: http://www.dynamicdrive.com/style/ */

.suckerdiv ul { background-color: transparent; list-style-type: none; width: 200px; font-size: 11px;}
  
.suckerdiv ul li { position: relative; margin: 5px 0; padding-left: 10px; color: #fff; text-transform: uppercase; background: transparent url(img/li.jpg) no-repeat left center;}

.suckerdiv ul li ul { left: 169px; position: absolute; width: 170px; top: 0; display: none; margin: 0; }

.suckerdiv ul li ul li { position: relative; background-color: #063800; background-image: none; margin: 0; padding: 0; border: 0;}

.suckerdiv ul li ul li ul { left: 169px; /* parent menu width - 1*/ margin: 0; padding: 5px;}

.suckerdiv ul li ul li a { left: 169px; /* parent menu width - 1*/ background: #063800 url(img/lili.gif) no-repeat 95% 50%;}

.suckerdiv ul li ul li ul li a, 
.suckerdiv ul li ul li ul li ul li a { background-color: #072B05;}

.suckerdiv ul li a { display: block; background-color: transparent; margin: 0 0 0 10px; padding: 1px 5px;border-bottom: 0; line-height: 2em; color: #3e8202;}

.suckerdiv ul li a:hover{ color: #b7e2b5;}

.suckerdiv ul li ul li a:hover, 
.suckerdiv ul li ul li ul li a:hover{ background-color: #072B05;}

.suckerdiv .subfolderstyle { background-color:  ;}

.suckerdiv ul li ul .subfolderstyle, 
.suckerdiv ul li ul li ul .subfolderstyle, 
.suckerdiv ul li ul li ul li ul .subfolderstyle { background-color: #072B05;}
  
/* holly hack for ie \*/
* html .suckerdiv ul li { float: left; height: 1%; }

* html .suckerdiv ul li a { height: 1%; }
/* end */

#paseknaglowek a { margin: 0 5px; font-size: 0.8em; color: #c0ed0c; text-transform: uppercase; line-height: 32px;}

#paseknaglowek a.a2:link { margin: 0px; font-size: 0.8em; color: #c0ed0c; text-transform: uppercase; line-height: 32px;}

#paseknaglowek a:hover { color: #fff;}

#footer a { font-size: 0.6em; color: #40683e;}

#footer a:hover { color: #598f56;}

/*
---------------------------------------------
 BOKSY
---------------------------------------------
*/

.box { width: 200px; height: auto; margin: 0 auto; padding: 0.5em 0; background-color: #072b05;}

.box span.nag { display: block; width: 100%; height: 50px; background-color: #072b05;}

.box .sro { display: block; width: 100%; height: auto;}

.box .sro ul { width: 90%; margin-left: 0.5em; height: auto;}

.box .sro li { margin: 0.5em 0; font-size: 0.7em; line-height: 2.5em; border-bottom: 1px solid #063800;}

.box .sro li a { font-size: 1em; color: #3e8202;}

.box .sro li a:hover { color: #b7e2b5;}

/*
---------------------------------------------
 KOSZYK
---------------------------------------------
*/

.box#koszyk { background-color: #011b01;}

.box#koszyk .sro li { font-size: 0.5em; border: 0; color: #659763;}

.box#koszyk .sro li a { font-size: 1.3em; color: #b7e2b5;}

.box#koszyk .sro li a:hover { color: #7ceccc;}

.box#koszyk .sro li.suma { font-size: 0.8em; text-align: right; color: #7ceccc; border-top: 2px dashed #063800; border-bottom: 2px dashed #063800;}

.box#koszyk .sro li.edytujkoszyk, .box#koszyk .sro li.zamowkoszyk { display: block; float: left; margin-left: 15px;}

.box#koszyk .sro li.edytujkoszyk a, .box#koszyk .sro li.zamowkoszyk a { display: block; float: left; width: 50px; height: 16px; background-color: transparent; background-position: center; background-repeat: no-repeat;}

.box#koszyk .sro li.edytujkoszyk a { background-image: url(img/edyt-kosz.gif);}

.box#koszyk .sro li.zamowkoszyk a { background-image: url(img/zamow-kosz.gif);}

/*
---------------------------------------------
 LOGOWANIE
---------------------------------------------
*/

.box#logowanie .sro form fieldset input.koszyk { width: 97px; height: 22px; background-color: #427120;}


/*
---------------------------------------------
 UKŁAD
---------------------------------------------
*/

#srodek #polecane, #srodek #nowe { display: block; width: 98%; margin: 0 auto;}


/*
---------------------------------------------
 TABELE
---------------------------------------------
*/

table { width: 100%; margin: 0.4em auto; background-color: #063800; font-size: 0.8em; table-layout: table; table-layout: auto; }

tr.odd td { background-color: #f7fbff;}

tr.odd .usl { background-color: #f4f9fe;} 

td { width: auto; padding: 2em 1em; background-color: #072b05; border-bottom: 1px solid #062404; border-left: 1px solid #062404; text-align: center;  font-size: 1em;}  

td span { display: block; width: 90%; margin: 0.5em auto; font-size: 0.6em;}

td span.obrazek { border: 0;}

td span.nazwa { font-size: 0.9em; padding:0; margin: 5px auto; color: #3e8202;}

td span.nazwa a, td a { color: #3e8202; font-size: 0,8em;}

td span.nazwa a:hover, td a:hover { color: #f0f000;}

td span.cena, td.cena  { font-size: 1em; color: #f0f000;}

td span.cena.spec { font-size: 1.4em; color: #7ceccc; font-weight: bold;}

td span.cena.prze { font-size: 0.5em; color: #e1efdc; text-decoration: line-through;}

td span.kup { }

/*
---------------------------------------------
 TABELE-listaproduktow
---------------------------------------------
*/


#listaproduktow td span.nazwa a { font-size: 1.2em; color: #c0de98;}

#listaproduktow td span.nazwa a:hover { color: #f0f000;}

#listaproduktow td span.cena  { font-size: 1.2em; color: #f0f000; font-weight: bold;}

xcena  { font-size: 12px; color: #f0f000; font-weight: bold;}

td span.kup { }

div.szeregprodukty {/* width: 45%; height: 150%; background-color: #427120;*/}

div.szeregprodukty a { color: #427120; font-size: 1em; margin: 1em 0; text-transform: capitalize; }
div.szeregprodukty a:hover { color: #c0ed0c;}

a.pageResults:link { color: #f0f000;}
a.pageResults:hover { color: #f0f000;}
a.pageResults:visited { color: #f0f000;}

/*
---------------------------------------------
 FORMULARZ
---------------------------------------------
*/
form input:focus {  background-color: #FFC;}

form em { color: #ff3366;}

form { margin: 0.5em auto;}

form label, form input { display: block; margin: 0.2em; text-align: left; font-size: 0.8em; x_line-height: 2.5em; color: #3e8202;}

form input { border-style: solid; border-width: 0 1px 1px 0;}
/*
---------------------------------------------
 BOKS-FORMULARZ
---------------------------------------------
*/
.box form { background-color: #427120; color: #d0e2cf;}

.box form fieldset { width: 90%; padding: 0.5em; margin: 0 auto;}

.box form label, .box form input { width: 90%; display: block; margin: 0.2em auto; color: #c0ed0c;}

.box form input { background-color: #d0e2cf; color: #011b01; border-color: #063800;}

.box form .ok { width: 90%; height: 2em; margin: 10px auto; background-color: #53677b; color: #f9fcfe; cursor: pointer;}

#szukaj form { text-align: center; padding: 0.5em 0.5em 0 0.5em; background-color: #011b01;}

#szukaj .btnszukaj { display: block; width: 5em; height: 2em; margin: 10px auto; background-color: #072b05; line-height: 1.5em; font-size: 0.8em; color: #7ceccc; text-align: center; cursor: pointer;}


input.btn { width: auto; height: 22px; background-color: #011b01; background-position: center; background-repeat: no-repeat;}
/*
---------------------------------------------
 SRODEK-FORMULARZ
---------------------------------------------
*/
#srodek form { width: 100%; padding: 1%; color: #d0e2cf;}

#srodek form fieldset { width: 96%; padding: 0.5em 0.em 1em 0.em; margin: 0.5em auto; background-color: #063800;}

#srodek form fieldset div { width: 100%; padding: 0; margin: 0; text-align: left;}

#srodek form fieldset div.przypomnij.fr { float: none; margin: 0.5em 0; background-color: #063800;}

#srodek form label { width: 40%; color: #3e8202;}

#srodek form input { width: 50%; color: #3e8202;}

#srodek form input, #srodek form select { width: 80%; margin-left: 10%; padding: 0.2em 0.5em; background-color: #b9c7b8; color: #011b01; border-color: #072b05; line-height: 1em;}

#srodek form input.btn { width: auto; height: 22px; margin: 0.5em auto; background-color: transparent; border: 0;}

#srodek form div.przypomnij a { display: block; width: 100%; font-size: 0.8em; color: #c0ed0c; line-height: 2.5em; background: red url (/../images/przyp.gif) 0% 0% no-repeat;}

#srodek form div.check { width: 80%; margin: 0 auto; padding: 0.5em; line-height: 2em; border: 1px dotted #3e8202;}

#srodek form div.check label, #srodek form div.check input { width: auto; margin: 0; padding: 0; border: 0;}

#srodek form div.check label { float: left;}

#srodek form div.check input { float: right; height: 2em; background-color: transparent;}

#srodek form h2 { margin-left: 1em; text-align: left; line-height: 2.5em;}

/*pozycje w zamowieniu*/

#srodek td.check input { height: 1em; background-color: #fff;}

#srodek form fieldset div.podsum { width: 100%; width: auto; height: 22px; margin: 0 auto; padding: 0 1em; line-height: 24px; text-align: right;}

#srodek form fieldset div.podsum input, #srodek form div.podsum input.btn, #srodek form fieldset div.podsum span { display: block; float: left; width: auto; height: 22px; margin: 0; padding: 0;}

#srodek form fieldset div.podsum span { display: block; float: right; line-height: 20px; font-size: 12px; color: #7ceccc; color: #f0f000;}

#srodek form fieldset div.boks-btn { width: auto; padding: 1em; background-color: transparent;}

#srodek form fieldset div.boks-btn.fl { text-align: left;}

#srodek form fieldset div.boks-btn.fr { text-align: right;}

#srodek form fieldset div.boks-btn input { margin: 0; padding: 0; background-color: transparent;}

/* lista w formularzu z checkami */
#srodek form fieldset .form-list { margin: 1em; }

#srodek form fieldset .form-list li { display: block; clear: both;}

#srodek form fieldset .form-list li input, .form-list li label { float: left;}

#srodek form fieldset .form-list li input { width: 1em; background-color: transparent;}

/*
---------------------------------------------
 PRODUKT
---------------------------------------------
*/

#srodek .duzy { width: 100%; height: 100%;}

#srodek .duzy a.malutki, #srodek form .duzy a.malutki:hover { width: 100px; height: auto; display: block; float: left; margin-left: 10px;}

#srodek .duzy a.malutki img { border: 4px solid #3e8202;}

#srodek .duzy a.malutki:hover img { border: 4px solid #c0de98;}

#srodek .duzy div { width: 300px; height: 100%; float: right; margin: 0 10px; padding: 2em 0; text-align: left;}

#srodek .duzy div span { display: block; font-size: 1em; color: #f0f000;}

#srodek form p { display: block; clear: both;}

/*
---------------------------------------------
 UKŁAD
---------------------------------------------
*/

#srodek ul { margin: 0.5em;}

#srodek li { font-size: 0.8em; line-height: 1.8em;}

#srodek .listy li { font-size: 0.8em; line-height: 1.8em; background: transparent url(img/lili.gif) no-repeat 0 0.5em; }

#srodek ul li a { display: block; padding-left: 1.5em; color: #3e8202;}

#srodek ul li a:hover{ color: #b7e2b5;}

#srodek p.uwaga { display: block; margin: 1em; padding-left: 2em; color: #659763; font-size: 0.9em; color: #a9c6a8; background: transparent url(img/uwaga.gif) 0 5% no-repeat;}

#srodek .rekordy { margin: 0.5em; padding: 0.5em 1.2em; background-color: #072b05; font-size: 0.6em; color: #3e8202;}

#srodek .malytekst { width: 80%; margin: 1em auto; padding: 1em 0.1em; font-size: 0.7em; color: #3e8202; text-align: right; background-color: transparent;}


#srodek ul.lista { margin: 0 2em;}
#srodek ul.lista li { margin: 0 1em; list-style-type: circle; list-style-position: outside; }

#srodek.regulamin ul { margin: 2em; font-size: 1em; line-height: 1.2em; }
#srodek.regulamin2 ul { margin: 2em; font-size: 1em; line-height: 1.2em; text-align: justify}

#srodek.regulamin li p { display: block; margin: 2em; padding: 1em;  font-size: 1em; background-color: #072b05;}

#srodek.regulamin p a { color: #b7e2b5;}
#srodek.regulamin p a:hover { color: #6dec99;}

#srodek.regulamin p.serwis { padding-bottom: 110px; background: transparent url(serwis2.jpg) no-repeat 50% 100%;}

/*
---------------------------------------------
 ADRESY
---------------------------------------------
*/

.adres { margin: 0.5em auto; padding: 1em; background-color: #072b05; border-top: 1px dotted #3e8202;}

.adres p { margin: 1em; color: #639960;}

.adres em { display: block; float: right; padding: 0.2em 0.5em; font-size: 0.6em; color: #3e8202; border: 1px dotted #3e8202;}

.adres span { display: block; margin: 0 auto;}

/*
---------------------------------------------
 HISTORIA-ZAMOWIEŃ
---------------------------------------------
*/

#srodek .histzam { margin: 1em auto; padding: 1em; background-color: #072b05; border-top: 1px dotted #3e8202;}

#srodek .histzam li strong { margin-left: 1em; color: #9fddbf;}

#srodek .histzam li a { display: block; padding: 0; background-image: none; text-align: right;}

#srodek .histzam li { background-image: none;}

#srodek div.katalog { display: block; width: 106px; height: autox; margin-left: 20px; padding: 5px; background-color: #072b05; float: left; font-size: 0.7em; text-align: center;}

#srodek div.katalog a { display: block; width: 106px; height: 150px; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; }
#srodek div.katalog a.nasiona { background-image: url(katalogi/lineaeuropea.jpg);}
#srodek div.katalog a.le { background-image: url(katalogi/katalog2008.jpg);}
#srodek div.katalog a.profesjonalny { background-image: url(katalogi/katalog_profesjonalny.jpg);}

#srodek div.przypomnij a { font-size: 1em; color: #7ceccc;}
#srodek div.przypomnij a:hover { color: #7ceccc;}
#srodek input.koszyk { width: 97px; height: 22px; background-color:transparent;}

#cebulki { margin-bottom: 150px;}
#cebulki span { display: block; float: left; margin: 0 10px 10px 10px; width: 150px; height: auto; padding: 10px; background-color: #7b292b; text-align: center;}
#cebulki span a { display: block; color: #fff;}
a.cebulki, a.cebulki:hover { display: block; width: 200px; height: 233px; background: transparent url(cebulki.jpg) 50% 50% no-repeat; cursor: defoult;}

#srodek form div.zgoda  { margin: 10px auto;}

#srodek form div.zgoda label, #srodek form div.zgoda input { display: block; float:none;}

#srodek form div.zgoda label { width: 80%; color: #7ceccc;}

#srodek form div.zgoda input {  width: 20px;}

#srodek p a { color: #7ceccc;}
#srodek p a:hover { color: #8ab10c;}

table.hasla { width: 80%; height: auto; padding: 1%; margin: 1em auto; background-color: #072b05; }

td { width: auto; width: 50%; padding: 1em; border:0; text-align: center;  background-color: transparent;}

table.hasla input { width: 80%; margin: 0 auto;}