@charset "utf-8";
/*:first-child+html #logo{

#324001 - ciemny zielony
#bfd962 - jasny zielony
#56594c - szaro zielony
#b4bf60 - zgnily zielony
#e9f2a7 - prawie zolty, jasny zielony
*/

html {
	width:100%;
	height:100.1%;
	font-size:100.1%;
}

body{
	background:url(/images/bg.jpg) left top repeat-x #755529;
	font:0.75em "Times New Roman", Times, serif;
	letter-spacing:1px;
	line-height:18px;
	width:100%;
	color:#bfd962;
	height:100%;
}

body,h1,h2,h3,h4,h5,h6,p,form,fieldset,ul,img, table{	
	margin:0;
	padding:0;
}


/* General
--------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,ul, table{
	padding-bottom:18px;
}
h1{
	font-size:1.5em;
	color:#e9f2a7;	
}
h2{
	font-size:1.3em;
	color:#e9f2a7;	
}	
h3{
	font-size:1.1em;
	color:#e9f2a7;	
}
a{
	color:#e9f2a7;	
}
a:hover{
	color:#f9f9f9;
}
a img{
	border:none;
}	
img {
	vertical-align:bottom;
}
a.noUnderline{
	text-decoration:none;
}
a.noBg{
	background:none;
}
ul{
	list-style:none;
	padding-left:1.5em;
}
ul li{
	padding:.2em 0 .2em 2.25em;	
	background:url(/images/bullet.gif) center left no-repeat;
	position:relative;
}
ul li.noBullet{
	background:none;
}
.dist{
	color:#e9f2a7;
}
.clear{
	clear:both;	
	line-height:1px;
	height:2px;	
	font-size:1px;
}
.tcenter{
	text-align:center;
}
.tleft{
	text-align:left;
}
.tright{
	text-align:right;
}
.just {
	text-align:justify;
}
.left{
	float:left;
}
.right{
	float:right;
}
.noMP{
	margin:0;
	padding:0;
}
.pt{
	padding-top:18px;
}
.pl{
	padding-left:18px;
}
.pr{
	padding-right:18px;
}
.pb{
	padding-bottom:18px;
}
.mt{
	margin-top:18px;
}	
.cl{
	clear:left;
}
.cr{
	clear:right;
}
.cb{
	clear:both;
}
.line{
	height:18px;
	border-top:solid 1px #766137;
}
.elementWithLine{
	padding-bottom:10px;
	border-bottom:solid 1px #766137;
	margin-bottom:18px;
}
.half {
	width:50%;
}
.setka{
	width:100%;
}


/*Container
--------------------------------------------------*/
#container{
	width:100%;
	background:url(/images/footerBg.png) left bottom repeat-x;	
}


/* Header
--------------------------------------------------*/
#headerWrapper{
	height:336px;
	width:100%;	
	background:url(/images/headerWrapperBg.jpg) 1152px top no-repeat;	
}

#header{
	height:336px;
	width:100%;	
	position:relative;
	background:url(/images/headerBg.jpg) left top no-repeat;	
}

#logo{
	
}
#logo img{
	width:525px;
	height:135px;
}


/* topNav
--------------------------------------------------*/
#topNavContainer{
	width:100%;
	height:57px;
	position:absolute;
	bottom:0;
	left:0;
}

#topNavContainer ul{
	margin:0;
	padding:0;
	list-style:none;	
	width:820px;
	height:57px;
	padding-left:89px;
	background:url(/images/topNavBg.png) left top no-repeat;
	position:relative;
}

#topNavContainer ul li{
	float:left;
	background:none;
	padding:0;
	margin:0;	
}

#topNavContainer ul li a{
	background:url(/images/topNavBg.png) 0 -200px no-repeat;
	height:57px;	
	display:block;	
}
#topNavContainer ul li a:hover{

}	
#topNavContainer ul li a span{
	display:none;
}

#tn1{
	width:135px;	
}
#tn1:hover{
	background-position:-89px -57px;
}

#tn2{
	width:107px;
}
#tn2:hover{
	background-position:-224px -57px;
}

#tn3{
	width:107px;
}
#tn3:hover{
	background-position:-331px -57px;
}

#tn4{
	width:101px;
}
#tn4:hover{
	background-position:-438px -57px;
}

#tn5{
	width:84px;
}
#tn5:hover{
	background-position:-539px -57px;
}
#tn6{
	width:174px;
}
#tn6:hover{
	background-position:-623px -57px;
}


/* Content
--------------------------------------------------*/
#secondContentWrapper{
	background:url(/images/roots.jpg) 850px 0 no-repeat;
	width:100%;	
}

#contentWrapper{
	background:url(/images/rightColumnBg.png) 495px bottom no-repeat;	
	position:relative;
	width:1000px;	
}

#content{
	/*fixes ie double padding*/
	display:inline-block;
	position:relative;
	background:url(/images/contentBg.jpg) 76px -260px repeat-y;
	width:1000px;
}

#roots{
	width:222px;
	height:166px;
	position:absolute;
	left:850px;
	top:0;
	background:url(/images/roots.jpg) left top no-repeat;
}

#tree{
	width:495px;
	height:345px;
	background:url(/images/tree.png) left top no-repeat;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	display:none;
}

#tree1{
	width:380px;
	height:345px;
	background:url(/images/tree.png) left top no-repeat;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
}
#tree2{
	width:115px;
	height:125px;
	background:url(/images/tree.png) right bottom no-repeat;
	position:absolute;
	bottom:0;
	left:380px;
	z-index:2;
}

#categoryLinksContainer{
	width:380px;
	height:345px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
}
#roslinyIglaste{	
	position:absolute;
	top:92px;
	left:234px;
}
#roslinyIglaste img{	
	width:140px;
	height:26px;
}

#materialZGruntu{	
	position:absolute;
	top:157px;
	left:150px;
}
#materialZGruntu img{	
	width:136px;
	height:26px;
}

#pienneIFormowane{	
	position:absolute;
	top:220px;
	left:188px;
}
#pienneIFormowane img{	
	width:158px;
	height:45px;
}

#roslinyIglaste:hover, #materialZGruntu:hover, #pienneIFormowane:hover{
	border-bottom:solid 1px #b4bf60;
}


/* Rightcolumn
--------------------------------------------------*/
#rightColumn{
	/*margines lewy 76*/
	width:586px;
	padding-left:26px;	
	float:right;		
	position:relative;
	min-height:470px;
	padding-bottom:70px;
	z-index:2;
}

#h1{
	padding-bottom:20px;
	margin-left:-26px;
	display:block;
}


/* Leftcolumn
--------------------------------------------------*/
#leftColumn{
	width:312px;
	float:left;
	margin-left:76px;
	background:url(/images/leftColumnBg.jpg) left top no-repeat;
	min-height:300px;
	display:inline;
}

#mailto{
	position:relative;
	top:79px;
	left:181px;
}
#mailto:hover{
	border-bottom:solid 1px #b4bf60;
}
#mailto img{
	width:111px;
	height:26px;
	vertical-align:bottom;
}

#categoriesBox, #galleriesBox{
	width:100%;
	padding-top:50px;
	margin-top:190px;
	padding-bottom:330px;
	background:url(/images/categoriesBoxBg.png) left top no-repeat;
}
#galleriesBox{
	background:url(/images/galleriesBoxBg.png) left top no-repeat;
}
#categoriesBox ul, #galleriesBox ul{
	padding-left:33px;
}
#categoriesBox ul li, #galleriesBox ul li{
	background:url(/images/leftColumnBullet.gif) center left no-repeat;
	padding-left:20px;
}
#categoriesBox ul li a, #galleriesBox ul li a{
	color:#1d1e1a;
	text-decoration:underline;
}
#categoriesBox ul li a:hover, #galleriesBox ul li a:hover{
	color:#bfd962;
}


/* Footer
--------------------------------------------------*/
#w2b{
	position:absolute;
	bottom:38px;
	right:0;
	z-index:3;
}
#w2b:hover{
	border-bottom:solid 1px #324001;
}
#w2b img{
	width:138px;
	height:27px;
	vertical-align:bottom;
}


/* Product
--------------------------------------------------*/
#productsContainer{
	padding-bottom:20px;
}

.productContainer{
	width:190px;
	height:260px;
	position:relative;
	float:left;
	display:inline;	
	background:url(/images/productContainerBg.png) top left no-repeat;
	margin-right:5px;
	margin-bottom:5px;	
}

#productsContainer .lastChild{
	margin-right:0;
}

.productContainer .imageContainer {
	position:relative;
	top:19px;
	left:18px;
}
.productContainer .imageContainer img{
	border:solid 3px #bdd661;
	vertical-align:bottom;	
}
.productContainer .name{
	position:absolute;
	bottom:45px;
	left:18px;
	text-decoration:none;
	color:#bdd661;
}
.productContainer .name:hover{
	text-decoration:underline;
}
.productContainer .price{
	position:absolute;
	bottom:20px;
	left:18px;
}	
.productContainer .price span{
	color:#e9f2a7;
}

.productContainer .magnifyingGlass{
	position:absolute;
	top:150px;
	right:15px;
}
.productContainer .magnifyingGlass{
	width:23px;
	height:23px;
}



/* Images
--------------------------------------------------*/

#imagesContainer .lastChild, #indexIndexContainer .lastChild{
	margin-right:0;
	background:none;
}
.image{
	width:128px;
	height:156px;
	margin-right:24px;
	margin-bottom:25px;
	float:left;
	display:inline;
	position:relative;	
	overflow:hidden;	
	color:#b4bf60;
	text-align:left;
	background:url(/images/productBg.gif) 127px top no-repeat;
}
.image{
	background:none;
	height:90px;
}
.image .imageContainer{
	width:106px;
	height:71px;	
	position:absolute;
	border:solid 3px #bfd962;
	top:10px;
	left:0;
	z-index:1;
	overflow:hidden;
	background-color:#e5e2dd;	
	text-align:center;
}
.image a{
	width:106px;
	height:71px;
	border:solid 3px #bfd962;
	position:absolute;
	top:10px;
	left:0;	
	z-index:2;
}
#imagesContainer {
	padding-top:36px;
}
#imagesContainer h2{
	padding-bottom:3px;
}



/* Table
--------------------------------------------------*/
table{
	width:100%;
	text-align:center;	
	border-collapse:collapse;
}
thead{
	background-color:#141414;
	color:#a8a8a8;
}
table tr{
	padding:0;
	background:url(/images/line.gif) bottom left repeat-x;
}
table tr th{
	padding:13px 0;
	background:url(/images/line.gif) top left repeat-x;
	background-color:#141414;
	color:#eeeeee;
}
table tr td{
	padding:13px 0 16px 0;
}
table tr .odd{

}

table img{
	vertical-align:top;
}

table .verySmallInput{
	width:20px;
	padding:0;
	margin:0;	
	background:none;
	border:solid 1px #303030;
	text-align:center;
}


/* Form
--------------------------------------------------*/
form {

}
form input, form select, form textarea{
	border:solid 1px #6d5d36;
	color:#bfd962;
	background-color:#5f512f;
}
form textarea{
	height:100px;
}
form .element input, form .element select, form .element textarea{
	width:150px;
}
form .element input{
	width:145px;
	padding-left:5px;
}
form label{
	background:url(/images/labelArrow.gif) left center no-repeat;
	padding-left:20px;
	display:block;
	float:left;
	text-align:left;
	color:#b4bf60;
}
form .groupLabel{	
	float:none;
}
form .formHeader{
	color:#b4bf60;
}
form .element{
	padding-bottom:10px;
	text-align:right;
	clear:both;
}
form .errorNote{
	color:#ed1c24;
	text-align:right;
}
form .required{
	color:#ed1c24;
}
form .submit input, form input.btn{
	width:auto;
}	
form input.orderBtn{
	background-color:#ed1c24;
}
.radio{
	height:11px;
}

.formContainer{
	background-color:#f9f9f9;
	border:solid 1px #eeeeee;
	padding:1em;
	margin-bottom:1.2em;
}

fieldset{
	border:solid 1px #CCCCCC;
	padding:.5em;
	background-color:#f9f9f9;
}
legend{
	color:#333333;
	margin-left:1em;
}	


/* Pager
--------------------------------------------------*/
#pager{
	text-align:right;
	padding-right:10px;
	font-weight:bold;
	padding-bottom:18px;
}

#pager .pageNumbers {
	display:inline;
}
#pager a{
	text-decoration:none;
	padding:0 3px;
}
#pager a:hover, #pager a.currentPage:hover{
	background-color:#e9f2a7;
	color:#324001;
}
#pager a.currentPage{
	background-color:#e9f2a7;
	color:#324001;
}


/* Popup
--------------------------------------------------*/
#popup{
	display:none;
	font-weight:800;
	padding:8px 5px 8px 45px;	
	margin-top:90px;
	margin-left:385px;
	border-style:solid;
	border-width:1px;
	border-right:none;
	background-position:center left;
	background-repeat:no-repeat;
	
}
.popupInfo{
	border-color:#009900;
	background-image:url(/images/infoIcon.gif);
	background-color:#d9ecd4;
	color:#009900;
}
.popupWarning{
	border-color:#de6c28;
	background-image:url(/images/warningIcon.gif);
	background-color:#f8e3d3;
	color:#de6c28;
}
.popupError{
	border-color:#ed1c24;
	background-image:url(/images/errorIcon.gif);
	background-color:#fdddcf;
	color:#ed1c24;
}




/* index
--------------------------------------------------*/
#mainPageOffer{
	width:586px;
	background:url(/images/mainPageOfferBg.png) left top no-repeat;	
	padding-top:23px;
	padding-bottom:20px;
}

#mainPageOffer .plants{
	width:170px;
	padding-left:4px;
	padding-right:1px;
	height:165px;
	overflow:hidden;
	float:left;
	display:inline;
	margin-left:30px;
}
#mainPageOffer .firstChild{
	margin-left:0;	
}
#mainPageOffer .plants .description{
	font-size:11px;
	color:#e9f2a7;
	letter-spacing:0;
	text-align:justify;
	line-height:16px;
	height:48px;
	overflow:hidden;
}
#mainPageOffer .plants img {
	padding-top:12px;
}


/* rosliny-index
--------------------------------------------------*/
#roslinyIndex{

}
#roslinyIndex .elementWithLine{
	margin-bottom:28px;
}

#roslinyIndex form{
	width:400px;
	padding-bottom:18px;
}

#roslinyIndex table{
	width:586px;
	border-collapse:separate;
	border-spacing:0;
	border-bottom:solid 1px #bfd962;	
	padding:0;	
	margin-bottom:18px;
}

#roslinyIndex table tr th{
	height:40px;
	background:url(/images/roslinyIndexTableHaederBg.gif) top left no-repeat;	
}

#roslinyIndex table tr.odd{
	background-color:#735a38;
}

#roslinyIndex table tr td.firstCell {
	width:250px;
	text-align:left;
	padding-left:17px;
	padding-right:5px;
}	

#roslinyIndex table tr td.secondCell{
	width:120px;
}

#roslinyIndex table tr td.thirdCell {
	width:110px;
}	

#roslinyIndex table tr td.forthCell {
	width:80px;
}	


#roslinyIndex .elementWithLine a{
	font-size:.75em;
}

#roslinyIndex #printPlants{
	position:absolute;
	top:150px;
	right:15px;
}
/* rosliny-szczegoly
--------------------------------------------------*/
#allDetails{
	
}

#allDetails h1{
	padding:36px 0;
}

#allDetails .left{ 
	width:310px;
	text-align:justify;
}
#allDetails .left ul{ 
	padding-left:0;
}
#allDetails .left ul li{
	background:none;
	padding-left:0;
} 
#allDetails .left ul li.firstChild{
	color:#6ad8dc;
	font-size:1.25em;
}


#allDetails .right{
	width:272px;
	text-align:right;
}

#allDetails .right img{
	border:solid 6px #bfd962;
	z-index:2;
}

#allDetails #imagesContainer{
	padding:0;
}

#allDetails h3{
	padding-top:18px;
	padding-bottom:3px;
}


/* rosliny-galeria
--------------------------------------------------*/
#roslinyGaleria{

}

#roslinyGaleria #imagesContainer{
	padding:0;
	margin:0;
	padding-top:20px;
}

#roslinyGaleria .image{
	width:131px;
	height:105px;
	margin-right:20px;
	margin-bottom:20px;	
	margin-top:0;
	background:none;	
}
#roslinyGaleria #imagesContainer .lastChild{
	margin-right:0;
}
#roslinyGaleria .image .imageContainer{
	width:100%;
	height:100%;	
	border:none;
	top:0;
}
#roslinyGaleria .image a{
	width:125px;
	height:99px;
	border:solid 3px #bfd962;
	position:absolute;
	top:0;
	z-index:2;
}

/* rosliny-kontakt
--------------------------------------------------*/
#infoKontakt{
	
}
#infoKontakt form{
	width:500px;
}

#infoKontakt form .element input, #infoKontakt form .element select, #infoKontakt form .element textarea{
	width:250px;
	padding-left:5px;
}
#infoKontakt form .element textarea{
	overflow:hidden;
}
#infoKontakt form .submit input{
	width:auto;
}