html, body{
        position:relative;
        margin:0;
        padding:0;
        height:100%;
        font-family:Verdana;
        font-size:11px;
    }

    body {
        position:relative;				        
				background:url(gfx/background.jpg) no-repeat;
				background-color:#E4FFF7;
        text-align:center;
        width:100%;
    }
    
    #lang {
      position:absolute;
      top:45px;
      left:700px;
      }

* html body {background:none; background-color:#E4FFF7;}

    a {
        text-decoration:none;
        color:green;
        font-size:11px;
    }
    a img {
        border:none;
    }
    a:hover {
        text-decoration:underline;
    }
		
		#bannery {
				position:relative;
				float:right;
				margin-left:30px;
		}
		
		#banneralp {
				display:block;
				margin-bottom:30px;
				z-index:200;

		}
		
		#boreal {
			width:144px;
			}
		
		#banneralpsmallmarg {
				display:block;
				margin-bottom:10px;

		}
		
		#jezyki {
			display:none;
		}
		
		
/* TABELA  */		
		
    table {
        margin:13px 0;
				empty-cells:hide;
    }
    table tr td{
        font-size:11px;
        text-align:left;
				padding:0 5px;
    }
    
		.tytul td {
				text-align:center;
				border:1px solid darkgreen;
				border-bottom:none;
				/*
				border:none;
				*/
				padding:15px 0;
				/**/
				background:#F1FFFB;
				color:#003A92;
				/**/
		}
		
		.first {
				background-color:#C1E2C9;
				color:#2B2E84;
				width:206px;
		}
		.firstA {
				background-color:#C1E2C9;
				color:#2B2E84;
				width:266px;
		}		
		.wezszy {
			width:100px;
			}
		
		.second {
				background-color:#018954;
				color:white;
				padding-top:5px;
				padding-bottom:5px;
				width:400px;
		}
		
		.secondjasny {
				background-color:#C1E2C9;
				color:#2B2E84;
				padding-top:5px;
				padding-bottom:5px;
				width:400px;
		}
		
		.secondwaski {
				background-color:#C1E2C9;
				color:#2B2E84;
				padding-top:5px;
				padding-bottom:5px;
				width:150px;
		}
		
		.morskie {
				background-color:#C1E2C9;
				color:#2B2E84;
				padding:5px 20px;
				width:100px;
		}
		
		.pustakomorka {
				background:none;				
		}
		
		/*
		.wydarzenia table {
		border-top:1px solid darkgreen;
		}
		*/
		
		.rightalign {
				text-align:right;
		}

		.smallmarg {
		margin-top:-10px;
		margin-bottom:30px;
		}
		
/*   KONIEC TABELI   */

	
    #top {
        position:relative;
        top:0px;
        left:0px;
				width:100%;
        height:56px;        			
        background:url(gfx/topBkg.jpg) repeat-x;
    }
		
* html body #top {width:auto;}

		
    #title{
        display:none;
    }
    #face {
        position:absolute;
        top:0%;
        left:0%;
        height:146px;
        width:96px;
        background:url(gfx/face.jpg) no-repeat;
    }
				
    #cpTop {
        position:absolute;
        top:0px;
        left:91px;
        height:56px;
        width:401px;
        background:url(gfx/cpTop.jpg) no-repeat;
    }
    #english {
        position:absolute;
        top:33px;
        right:40px;
        width:40px;
        height:46px;
        background:url(gfx/englishBW.gif) no-repeat;
    }
    #polish {
        position:absolute;
        top:33px;
        right:10px;
        width:40px;
        height:46px;
        background:url(gfx/polish.gif) no-repeat;
    }
    .h4 {
        display:none;
    }
		h2 {
			font-size:14px;
			color:green;
			margin-top:13.75px;
		}
    ul {
        list-style-type:none;
    }
    li {
        margin:0px;
        padding:0px;
    }
		#menu ul li a{
			position:absolute;
			z-index:10;
		}
    #menu01:hover {
        background:url(gfx/firmaH.jpg) no-repeat;
    }
    #menu02:hover {
        background:url(gfx/surowceH.jpg) no-repeat;
    }
    #menu03:hover {
        background:url(gfx/nowosciH.jpg) no-repeat;
    }
    #menu04:hover {
        background:url(gfx/wydarzeniaH.jpg) no-repeat;
    }
    #menu05:hover {
        background:url(gfx/kontaktH.jpg) no-repeat;
    }
    #container{
        position:relative;
        top:100px;
        width:800px;
        height:auto !important;
        margin:0px 20%;
        padding-bottom:150px;
				z-index:2;
    }
    .clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
    }

* html body #container {top:20px; padding-bottom:60px;margin:0;left:10%;}

    .title {
        position:relative;
        left:50px;
        float:right;
        top:0px;
        width:334px;
        height:33px;
        margin-bottom:20px;
				margin-left:286px;
				margin-right:170px;
    }

    .title h2 {
        display:none;
    }
    .wydarzenia {
        text-align:left;
        position:relative;
        width:550px;
        height:auto;
    }
    .wydarzenia p {
      position:relative;
    }
    .temat {
        font: bold 11px Verdana,Arial,sans-serif;
        text-align:left;
        margin-top:27.5px;
        color:green;
    }
		.obrazek {
			border:1px solid green;
		}
    .left {
        float:left;
        margin-right:20px;
        border:1px solid green;
    }
    .rzad {
        margin-right:13.5px;
        border:1px solid green;
    }
    .rzad2 {
        margin-bottom:10px;
        border:1px solid green;
    }
    .listaZdjec li{
        display:inline;
    }
		
		.largemarg {
		margin-top:60px;
		}
		
		.linianews {
		margin-right:50px;
		}

* html body #container .wydarzenia .listaZdjec .rzad {margin-right:6.8px;}

    P {
        font: normal 11px Verdana,Arial,sans-serif;
        margin-top:13.75px;
        margin-bottom:1.5px;
    }
		#kontaktramka {
			background-color:#F1FFFB;
			border:1px solid #82C493;
			position:relative;
			width:400px;
			top:50px;
			margin-left:50px;
			padding:20px 0;
			clear:both;
		}
		
* html body #kontaktramka {margin-left:0;}		
		
		#kontaktramka p {
		position:relative;
		margin-left:50px;
		top:-5px;
		}
		#kontaktramka .obrazek {
		border:none;
		float:left;
		margin:0 30px;
		padding-top:15px;
		padding-bottom:10px;
		}
    #bottomLine {
        margin:0;
        position:relative;
        left:-50px;
        width:100%;
        height:35px;
				clear:both;
        background:url(gfx/bottomLine.png) no-repeat;
    }
	
* html body #bottomLine {background:url(gfx/bottomLine.jpg) no-repeat;}

    #bottomLine li {
        position:relative;
        display:inline;
        left:150px;
    }
    
    #bottomLine li a {
        position:relative;
        top:10px;
        left:0;
        color:green;
        font:normal 10px Verdana,Arial,sans-serif;
    }
    #bottomLine li a:hover {
        text-decoration:none;
    }
    #bottomLine li a img {
        position:relative;
        top:6.875px;
        margin-right:6.875px;
        margin-left:13.75px;
    }
    #bottomLine li a span:hover {
        text-decoration:underline;
    }

* html body #container #bottomLine li a:hover {text-decoration:underline;}

#choinki {
  position:fixed;
  display:block;
  z-index:30;
  bottom:35px;
  width:100%;
  }
  
#choinki1 {
  position:fixed;
  display:block;
  z-index:30;
  bottom:35px;
  }  
  
img#rysunek {
  position:relative;
  width:563px;
  height:104px;
  margin:0 auto;
  } 
  
img#rysunek1 {
  left:5px;
  margin: 0;
  }    

* html body #choinki {position:absolute;bottom:5px;}
* html body #choinki1 {position:absolute;bottom:5px;}

    #bottom {
        position:fixed;
				z-index:20;
        bottom:0px;
        left:0;
        margin:auto;
        height:35px;

        width:100%;
        background:url(gfx/bottomBkg.jpg) repeat-x;
    }
 	  
* html body #bottom {position:absolute;left:0;bottom:-20px;}

    #bottom h6 {
        font:normal 10px Verdana,Arial,sans-serif;
				position:relative;
				width:800px;
				margin:0 auto;
        color:white;
        top:2px;
    }

    #bottom h6 span {
        margin:0px 13.75px;
        padding:0px;
    }
    #bottom h6 a {
        font-size:10px;
        color:white;
    }
    #bottom h6 a:hover {
        text-decoration:underline;
    }
    .wiadomosc {
        width:90%;
    }
    .bold {
        font-weight:bold;
    }
    .noTopMargin {
        margin-top:0;
    }
    .wydarzenia p a, span.green {
    color:green;
    }
    
    span.igorny {
    vertical-align: super;
    font-size:0.8em;
    }
    
    .wydarzenia p ul li {
        font-size:smaller;
    }
    .spis {
        padding-left:0;
				margin:0;
    }
		
		.menucont li a {
			font-size:14px;
		}
		
		.menucont {
			line-height:25px;
			list-style-image: url(gfx/leaf.gif);
			margin-left:20px;
		}
    
* html body #container .spis {position:relative; left:27.5px;}


		.lewymarg {
			position:relative;
			margin:20px 0;
			margin-left:100px;
		}
		
		#container .bloki ul.spis {
			left:0;
		}
		
		.bloki {
			display:block;
			width:250px;
		}
		
		.lewyblok {
			float:left;
			margin-right:0px;
		}

		
* html body .lewyblok {padding-bottom:0;}
		
		.prawyblok {
			float:right;

		}

		p.lineh {
		line-height:20px;
		}
		
		p.firstline {
		padding-top:40px;
		}

#popup {
  position:relative;
  width:500px;
  height:auto;
  padding-bottom:20px;
  padding-left:10px;
  padding-right:10px;
  top:50px;
  left:0px;
  margin-bottom:50px;
  background-color:green;
  z-index:100;
  }
  
#popup p a, #popup p {
  color:white;
  font-size:15px;
  z-index:200;  
  }
  
body #popup p a {
  font-size:15px;
  background-color:black;
  }

/*a#popup: hover {display:none;}
*/  
body #popup p a:hover {
  font-size:30px;
  text-decoration:none;
  }
  
p.wciecia {
  text-indent:-44px;
  margin:0;
  padding:0;
  width:500px;
  left:44px;
  position:relative;
}
#ramka {
	position:absolute;
	top:50px;
	right:0;
	border:2px solid #4AAF5C;
	background-color:white;
	padding:10px 20px;
	width:180px;
	text-align:center;
	font-size:1.2em;
	color:#01794A;
	font-weight:bold;
}

#ramka2 {
	position:absolute;
	top:180px;
	right:0;
	border:2px solid #4AAF5C;
	background-color:white;
	padding:10px 20px;
	width:180px;
	text-align:center;
	font-size:1.2em;
	color:#01794A;
	font-weight:bold;
}

#ramka3 {
	position:absolute;
	top:325px;
	right:0;
	border:2px solid #4AAF5C;
	background-color:white;
	padding:00px 00px;
	width:220px;
	height:118px;
	text-align:center;
	font-size:1.2em;
	color:#01794A;
	font-weight:bold;
}

div#popup01 {
	position:absolute;
	margin:0 auto;
	top:80px;
	left:200px;
	z-index:100;
	width:400px;
	height:auto;
	background-color:#0059D3;
	padding:20px;
	border:8px solid #84A5D3;
}
div#popup01 p#popuptekst {
	color:white;
	font-weight:bold;
	font-size:1.4em;
	line-height:1.5em;
}
div#popup01 a {
  color:white;
}
div#popup01 a#iks {
  position:absolute;
  right:20px;
  top:0px;  
}

img#popup02 {
	position:absolute;
	margin:0 auto;
	top:80px;
	left:380px;
	z-index:100;
	width:547px;
	height:174px;

}

div#popup01 span {
  font-size:0.6em;
  font-weight:normal;
  }

li.kompozycje {
 margin-bottom:1.5em;
}

ul.colory li {
  margin:9px 0;
}

div.color {
  clear:both;
  width:2em;
  height:2em;
  float:left;
  margin:4px;
  border:1px solid green;
}


span.nowosc {
  position:relative;
  color:red;
  font-weight:bold;
}

span.spacjalewa {
  margin-left:2px;
}

img.picture {
	border:3px solid #82C493;
	margin-top:50px;
}
img.acai {
	position:relative;
	top:670px;
	}
img.goji {
	position:relative;
	padding-top:550px;
	padding-bottom:20px;
  }
img.arktycznejagody {
	margin-top:50px;
  }
img.organat {
	position:relative;
	top:25px;
	}
img.pracaxi {
	position:relative;
	top:140px;
	}
img.macerat {
	position:relative;
	top:250px;
	}  
img.goji2 {
	position:relative;
	padding-top:1470px;
	padding-bottom:20px;
  }  
img.pracaxi2 {
	position:relative;
	top:150px;
	}
img.epica {
	position:relative;
	padding-top:00px;
	padding-bottom:15px;
  }  
img.clerilys {
	position:relative;
	top:10px;
	}
  
img.light1 {
	position:relative;
	padding-top:430px;
	padding-bottom:15px;
  }  
img.organic {
	position:relative;
	top:105px;
	}		
img.epica1 {
	position:relative;
	top:170px;
	padding-bottom:15px;
  }  
img.clerilys1 {
	position:relative;
	top:240px;
	}		  
img.pomidor {
	position:relative;
	top:100px;
	}
img.bialaorchidea {
	position:relative;
	top:330px;
	}
img.czarnaorchidea {
	position:relative;
	top:510px;
	}	
 img.shea2 {
	position:relative;
	top:1360px;
	}	  
img.pomidor2 {
	position:relative;
	top:770px;
	}
img.tanaka2 {
	position:relative;
	top:1800px;
	}
img.light2 {
	position:relative;
	padding-top:1100px;
	padding-bottom:15px;
  }
img.awara2 {
	position:relative;
	top:835px;
	}  
img.awara1 {
	position:relative;
	top:00px;
	}
img.bialaorchidea1 {
	position:relative;
	top:490px;
	} 	
img.czarnaorchidea1 {
	position:relative;
	top:670px;
	}	   
img.shea1 {
	position:relative;
	top:790px;
	}	  
img.tanaka1 {
	position:relative;
	top:920px;
	}     	    		    	
img.light1 {
	position:relative;
	padding-top:1190px;
	padding-bottom:15px;
  }

img#logo-duze {
  position:relative;
  top:20px;
  margin-left:10px;
  }
p#handel {
  position:relative;
  top:-20px;
  margin-bottom:10px;
  }    
table span.wyzej {
  position:relative;
  top:-10px;
  margin-right:10px;
  }    		
.header {padding-top:50px;}

div#facebook-box {
  display:block;
  background-color:white;  
  width:180px;
  height:427px;
  position:absolute;
  top:235px;
  left:5px;
}

div#facebook-box2 {
  display:block;
  background-color:white;  
  position:absolute;
  top:235px;
  left:25px;
}