@charset "UTF-8";
/* CSS Document */
* { outline: none; border: 0px solid blue; }

body { 
	background: #63bee6 url(grafika/tlo.gif) repeat-y top center;
	margin: 0; padding: 0;
	font: 12px/20px "Arial CE", Arial, Helvetica, sans-serif;
	color: #2081b7;
	}
body.intro { background: none; }

#container { 
	width: 926px; 
	margin: 0px auto; 
	}
#Flash_container { 
	width: 670px; 
	margin: 20px auto; 
	padding: 10px;
	border: 5px solid #d6ebff;
	}
	#intro_footer { 
		width: 670px;
		margin: 20px auto; 
		text-align: center;
		}
		#intro_footer span {
			margin-top: 20px;
			width: 670px;
			clear: both; 
			float: left;
			font-size: 0.9em;
			} 
			#intro_footer span a {
				color: #afdaff; 
				}
#flashtop { 
	margin-left: 23px; 
	}
#mainAbout {
	margin-left: 53px !important; 
	margin-left/**/: 26px; 
	margin-top: 30px;
	}
	#mainAbout img { float: left; }
	#mainAbout  span { 
		float: right;
		width: 420px;
		margin-right: 70px;
		}
		#mainAbout span p { margin-top: 0px; }
		#mainAbout span a { float: right; }
	
img.cutline {
	float: left; 
	margin: 30px 0px 0px 60px;
	}
		
#mainButtons { 
	float: right;
	width: 310px;
	margin-right: 53px !important;
	margin-right/**/: 26px;
	}
#news {
	float: left; 
	margin-left: 53px !important; 
	margin-left/**/: 26px; 
	width: 440px; 
	
	}	
	#news p { 
		margin-top: 20px;
		width: 440px; 
		text-align: justify;
		}
		#news p b { color: #FF6600; }
		#news a.more { float: right; }
		#news em { font-style: normal; font-size: 0.9em; margin: 0; padding: 0; line-height: 10px; padding-bottom: 10px;}
#footer { 
	float: left; 
	margin-top: 40px;
	margin-left: 23px !important; 
	margin-left/**/: 12px; 
	width: 880px;
	height: 216px; 
	background: url(grafika/footer.gif) no-repeat bottom left;
	}
	#footer p {
		clear: both;
		padding-top: 50px; 
		text-align: center;
		color: #1f80b6;
		font-size: 0.9em;
		}
		#footer p a {
			text-decoration: none; 
			color: #1f80b6;
			}
			#footer p a:hover {
				background-color: #1f80b6;
				color: #fff;
				}


/* sub pages */

#submenu {
	float: left;
	width: 250px;
	margin-left: 53px !important;
	margin-left/**/: 40px;
	margin-top: 30px;
	}
	#submenu a {
		display: block; 
		width: 224px; 
		height: 28px; 
		background: url(grafika/submenu-bg.gif) no-repeat 0 0;
		text-decoration: none;
		color: #006699;
		padding: 7px 0px 0px 20px;
		}
		#submenu a:hover { background-position: 0px -35px; color: #fff;}
		#submenu a.active { cursor: default; background-position: 0px -35px; color: #fff;}
	
#subcontent { 

	float: right; 
	width: 500px; 
	margin:20px 53px 0 0 !important; 
	margin/**/:20px 26px 0 0;; 
	}
	#subcontent p { 
		width: 450px;
		text-align: justify;
		}
	
	#subcontent p.vitamisiefoto { width: 475px; }
	 
	#subcontent p a, #subcontent ul li a { color: #009933; }
	#subcontent table {float: left; margin-top: 0px; }
	#subcontent table td { padding: 3px; }
	#subcontent table td.head1 { width: 200px; font-size: 9px; text-align: center; line-height: 12px; background-color: #aed83f; color: #fff; }
	#subcontent table td.head2 { width: 150px	;font-size: 9px; text-align: center; line-height: 12px;  background-color: #aed83f;color: #fff; }
	#subcontent table td.head3 { width: 50px;font-size: 9px; text-align: center; line-height: 12px;  background-color: #aed83f;color: #fff; }
	
	#subcontent table tr.bright td { background-color: #ecf8fd; }
	#subcontent table tr.dark td { background-color: #bbe5f7; }

/* links */

a.more { 
	display: block; 
	width: 149px; 
	height: 60px; 
	text-indent: -9999999px; 
	background:url(grafika/a-more.gif) no-repeat 0 0;
	}
a.pomin { 
	float: left;
	margin-left: 260px !important;
	margin-left/**/: 130px;
	display: block; 
	width: 149px; 
	height: 60px; 
	text-indent: -9999999px; 
	background:url(grafika/a-pomin.gif) no-repeat 0 0;
	}
a.dzieci {
	margin-top: 60px;
	float: right;
	display: block; 
	width: 307px; 
	height: 186px; 
	text-indent: -99999999px;
	background: url(grafika/main-dzieci.jpg) no-repeat 0 0;
	}

a.cennerady {
	margin-top: 50px;
	float: right;
	display: block; 
	width: 304px; 
	height: 225px; 
	text-indent: -99999999px;
	background: url(grafika/main-cennerady.jpg) no-repeat 0 0;
	}

/* typo */
h1 { margin: 0; }
h1.happyworld {
	margin: 20px 0px 5px 0px;
	width: 144px; 
	height: 30px; 
	background: url(grafika/title-happyworld.gif) no-repeat -2px 0px;
	text-indent: -9999999px; 
	}
h1.vitamisie {
	margin: 25px 0px 5px 0px;
	width: 196px; 
	height: 48px; 
	background: url(grafika/title-vitamisie.gif) no-repeat 0px 0px;
	text-indent: -9999999px; 
	}
h1.omega3 {
	margin: 25px 0px 5px 0px;
	width: 196px; 
	height: 49px; 
	background: url(grafika/title-omega3.jpg) no-repeat 0px 0px;
	text-indent: -9999999px; 
	}
h1.aktualnosci {
	margin: 50px 0 0 100px ;
	width: 226px; 
	height: 89px; 
	background: url(grafika/title-aktualnosci.jpg) no-repeat 0px 0px;
	text-indent: -9999999px; 
	}
h1.subaktualnosci {
	margin: 20px 0 0 0px ;
	width: 226px; 
	height: 89px; 
	background: url(grafika/title-aktualnosci.jpg) no-repeat 0px 0px;
	text-indent: -9999999px; 
	}
h1.rady {
	margin: 40px 0 0 0px ;
	width: 226px; 
	height: 20px; 
	background: url(grafika/title-rady.gif) no-repeat 0px 0px;
	text-indent: -9999999px; 
	}
h1.sklad {
	margin: 40px 0 0 0px ;
	width: 226px; 
	height: 20px; 
	background: url(grafika/title-sklad.gif) no-repeat 0px 0px;
	text-indent: -9999999px; 
	}
h1.kontakt {
	margin: 40px 0 0 0px ;
	width: 226px; 
	height: 20px; 
	background: url(grafika/title-kontakt.gif) no-repeat 0px 0px;
	text-indent: -9999999px; 
	}
h1.gdziekupic {
	margin: 40px 0 0 0px ;
	width: 226px; 
	height: 20px; 
	background: url(grafika/title-gdzie.gif) no-repeat 0px 0px;
	text-indent: -9999999px; 
	}
h1.gry {
	margin: 40px 0 0 0px ;
	width: 226px; 
	height: 20px; 
	background: url(grafika/title-gry.gif) no-repeat 0px 0px;
	text-indent: -9999999px; 
	}
h1.zdrowy {
	margin: 40px 0 0 0px ;
	width: 226px; 
	height: 20px; 
	background: url(grafika/title-zdrowy.gif) no-repeat 0px 0px;
	text-indent: -9999999px; 
	}