body {
	text-align: center;
	background:#c8e2dc;
	height: auto;
	margin-left: auto;
	margin-right: auto;	
	font-family: sans-serif;
	color: #C8E2DC;
}

img, div { behavior: url(/js/iepngfix.htc) }

#pagewidth {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	font-size: 10pt;
}
#baner_lato {
	height: 200px;
	background: url(../images/baner_lato.png) no-repeat;
}
#baner_jesien {
	height: 200px;
	background: url(../images/baner_jesien.png) no-repeat;
}
#baner_zima {
	height: 200px;
	background: url(../images/baner_zima.png) no-repeat;
}
#baner_wiosna {
	height: 200px;
	background: url(../images/baner_wiosna.png) no-repeat;
}

#flash {
	float: left;
	width: 800px;
	height: 396px;
	background: #138383;
}
#flash object, #flash object embed {
	width: 800px;
	height: 396px;
}

#promotion {
	float: left;
	width: 800px;
	height: 20px;
	background: #138383;
}
#promotion p {
	text-align: justify;
}
#promotion a:link, a:visited {
	text-decoration: none;
	color: red;
	font-size: 20px;
	font-weight: bold;
}
#promotion a:hover, a:active {
	text-decoration: none;
	color: red;
	font-size: 20px;
	font-weight: bold;
}	

/**====================== MENU ===============**/
div.menu {
	height: 60px;
	margin-top: 0px;
	background: #c8e2dc url(../images/top_tile.gif) repeat-x;
	width: 800px;
	display: inline;
	float: left;
}
div.menu div.pasek {
	width: 800px;
	height: 5px;
	margin-top: 5px;
	float: left;
	background: #138383 url(../images/pasek.png) repeat-x;
}
div.menu div.menu_img {
	width: 800px;
	margin-top: 5px;
}
div.menu div.menu_img a {
	height: 20px;
	width: auto;
	float:left;
	text-decoration: none;
	text-align: center;
	margin-left: 45px;
}
div.menu div.menu_img1 {
	width: 800px;
	margin-top: 5px;
}
div.menu div.menu_img1 a {
	height: 20px;
	width: auto;
	float:left;
	text-decoration: none;
	text-align: center;
	margin-left: 45px;
}
/* === INDEX 0 === */
div.menu div.menu_img p.wybrany #but_index,div.menu div.menu_img p.wybrany #but_index:hover {
	background: url(../images/button/o_nas_on.png) no-repeat;			
	width:60px;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
div.menu div.menu_img #but_index {
	background: url(../images/button/o_nas.png) no-repeat;			
	width:60px;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
/* === INDEX 1 === */
div.menu div.menu_img p.wybrany #but_index1, div.menu div.menu_img p.wybrany #but_index1:hover {
	background: url(../images/button/referencje_on.png) no-repeat;		
	width:230px;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
div.menu div.menu_img #but_index1 {
	background: url(../images/button/referencje.png) no-repeat;		
	width:230px;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
} 
/* === INDEX 2 === */
div.menu div.menu_img p.wybrany #but_index2,div.menu div.menu_img p.wybrany #but_index2:hover {
	background: url(../images/button/badania_on.png) no-repeat;
	width:188px;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
div.menu div.menu_img #but_index2 {
	background: url(../images/button/badania.png) no-repeat;
	width:188px;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
/* === INDEX 3 === */
div.menu div.menu_img1 p.wybrany #but_index3, div.menu div.menu_img1 p.wybrany #but_index3:hover {
	background: url(../images/button/zdrowie_on.png) no-repeat;
	margin-left: 90px;
	width:168px;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
div.menu div.menu_img1 #but_index3 {
	background: url(../images/button/zdrowie.png) no-repeat;	
	margin-left: 90px;
	width:168px;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}    
/* === INDEX 4 === */
div.menu div.menu_img p.wybrany #but_index4,div.menu div.menu_img p.wybrany #but_index4:hover {
	background: url(../images/button/produkty_on.png) no-repeat;
	width:99px;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
div.menu div.menu_img #but_index4 {
	background: url(../images/button/produkty.png) no-repeat;
	width:99px;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
/* === INDEX 5 === */
div.menu div.menu_img1 p.wybrany #but_index5, div.menu div.menu_img1 p.wybrany #but_index5:hover {
	background: url(../images/button/sklep_on.png) no-repeat;
	width:55px;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
div.menu div.menu_img1 #but_index5 {
	background: url(../images/button/sklep.png) no-repeat;
	width:55px;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}    
/* === INDEX 6 === */
div.menu div.menu_img1 p.wybrany #but_index6,div.menu div.menu_img1 p.wybrany #but_index6:hover {
	background: url(../images/button/strony_on.png) no-repeat;
	width:154px;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
div.menu div.menu_img1 #but_index6 {
	background: url(../images/button/strony.png) no-repeat;
	width:154px;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
/* === INDEX 7 === */
div.menu div.menu_img1 p.wybrany #but_index7, div.menu div.menu_img1 p.wybrany #but_index7:hover {
	background: url(../images/button/kontakt_on.png) no-repeat;
	width:87px;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
div.menu div.menu_img1 #but_index7 {
	background: url(../images/button/kontakt.png) no-repeat;
	width:87px;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}    

/**====================== TEKST ===============**/
div.tekst {
	float: left;
	text-align: justify;	
	background-color:#138383;	
	width: 800px;
	padding-top: 0px;
}
div.tekst h1 {	
 	clear: both;
	font-weight: bold;
	text-align: center;	
	font-size: 12pt;
	color: #F5EC19;
}
div.tekst h2 {	
 	clear: both;
	font-weight: bold;
	text-align: center;	
	font-size: 12pt;
	color: #ffffff;
	margin-left: 15px;
}
div.tekst h3 {	
 	clear: both;
	font-weight: bold;
	text-align: left;	
	font-size: 10pt;
	color: #C8E2DC;
	margin-bottom: -10px;
}
div.tekst h4 {	
 	clear: both;
	font-weight: bold;
	text-align: center;	
	font-size: 10pt;
	margin-bottom: -10px;
	color: #edba55;
}
div.tekst p {
 	clear: both;
	font-weight: normal;
	padding: 0px 15px 0px 15px;
}

div.tekst ul {
 	clear: both;
	font-weight: normal;
	padding-right: 20px;
}

div.tekst div.infopromo {
 	clear: both;
	font-weight: bold;
	padding-top: 10px;
	font-size: 12pt;
	color: yellow;
	width: 800px;
	text-align: center;
}
div.tekst img{
	height: auto;
	width: auto;
	margin: 0px 30px 10px 30px;
	float: right;
	border: 1px solid #F2C179;
}
div.tekst a:link, div.tekst a:visited {
	text-decoration: none;
	color: #dde232;
}
div.tekst a:hover,div.tekst a:active {
	text-decoration: none;
	color: #ffffff;
}
div.tekst #podpis {	
	float: right;
	text-align: right;	
	font-style: italic;
	margin-bottom: 15px;
	margin-right: 15px;
}
div.tekst img.wroc{	
	float: right;
	text-align: right;	
	margin-bottom: 15px;
	margin-right: 15px;
	border: 0px;
}
div.tekst div.artykuly {
	float:left;
	margin-left:140px;
}
div.tekst div.artykuly a{
	text-decoration: none;
	float:left;
}
div.tekst div.artykuly img{	
	float:left;
	border: 0px;
	text-decoration: none;
}
div.tekst div.referencje_spis {
	float:left;
}
div.tekst div.referencje_spis a{
	text-decoration: none;
	float:left;
}
div.tekst div.referencje_spis img{	
	float:left;
	border: 0px;
	text-decoration: none;
}
/**====================== ZDROWIE START ==============**/
div.zdrowie_start {
	background: #138383;
}
div.zdrowie_start a {
	text-decoration: none;
}

div.zdrowie_start img {
	border: 0px;
	margin: 10px 10px 10px 10px;
}
/**====================== ZDROWIE ==============**/
div.zdrowie img {
		border: 0px;
}
div.linki {
	clear: both;
	float: left;
	width: 760px;
	height: 60px;
	background: #138383;
	padding-left: 40px;
	padding-bottom: 20px;
}
div.linki a {
	height: 50px;
	float: left;
}
div.linki p {
	display: inline;
	float: left;
}
p.kosmeceutyki .zdrowie1, p.kosmeceutyki .zdrowie1:hover {	
	width: 307px;
	background: url(../images/button/kosmeceutyki.png) no-repeat;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
p.artykuly .zdrowie2, p.artykuly .zdrowie2:hover {	
	width: 239px;
	background: url(../images/button/artykuly.png) no-repeat;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
p.receptury .zdrowie3, p.receptury .zdrowie3:hover {
	width: 167px;
	background: url(../images/button/receptury.png) no-repeat;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
p.olejek_100 .zdrowie4, p.olejek_100 .zdrowie4:hover {
	width: 240px;
	background: url(../images/button/przyciski_receptury_100.png) no-repeat;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
p.olejek_15 .zdrowie5, p.olejek_15 .zdrowie5:hover {
	width: 240px;
	background: url(../images/button/przyciski_receptury_15.png) no-repeat;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
p.zel .zdrowie6, p.zel .zdrowie6:hover {
	width: 240px;
	background: url(../images/button/przyciski_receptury_zel.png) no-repeat;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
p.olejek_100 .zdrowie7, p.olejek_100 .zdrowie7:hover {
	width: 240px;
	margin-left: 215px;
	background: url(../images/button/przyciski_receptury_100.png) no-repeat;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}
p.olejek_15 .zdrowie8, p.olejek_100 .zdrowie8:hover {
	margin-left: 215px;
	width: 240px;
	background: url(../images/button/przyciski_receptury_15.png) no-repeat;
	behavior: url("/js/iepngfix.htc");
	cursor: pointer;
}

div.tekst div.zdrowie h1 {
	font-size: 10pt;
}
/**====================== REFERENCJE ===============**/
div.tekst div.referencje {
 	clear: both;
 	width: 800px;
	height: auto;
	float: left;
	margin: 10px 0px 10px 40px;
}
div.tekst div.referencje img {
	margin: 10px 10px 10px 10px;
	float: left;
}
div.tekst div.referencje a {
	text-decoration: none;
	float: left;
	width: auto;
}
/**====================== BADANIA ===============**/
div.tekst div.badania {
 	clear: both;
 	width: 800px;
	height: auto;
	float: left;
	margin-left: 65px;
	margin-bottom: 10px;
}
div.tekst div.badania img {
	margin: 10px 10px 10px 10px;
	float: left;
}
div.tekst div.badania a {
	text-decoration: none;
	float: left;
	width: auto;
}
/* =============== MENU ROZWIJANE ======================= */
div.tekst div.leftmenu {
	width: 800px;
	background: #138383 url(../images/body.png) no-repeat;
	float: left;
}
div.tekst div.leftmenu div.rozw1 {
	height: 70px;
	background-position: bottom;
	position: relative; top: -75px;
}
div.tekst div.leftmenu div.rozw2 {
	height: 150px;
	background-position: bottom;
	position: relative; top: -75px; left: -20px;
}
div.tekst div.leftmenu div.rozw3 {
	height: 50px;
	background-position: bottom;
	position: relative; top: -45px; 
}
div.tekst div.leftmenu div.rozw4 {
	height: 50px;
	background-position: bottom;
	position: relative; top: -168px; left: -20px;
}
div.tekst div.leftmenu div.rozw5 {
	height: 150px;
	background-position: bottom;
	position: relative; top: -75px; left: -10px;
}
div.tekst div.leftmenu div.rozw6 {
	height: 150px;
	background-position: bottom;
	position: relative; top: -90px; 
}
div.tekst div.leftmenu div.rozw7 {
	height: 50px;
	background-position: bottom;
	position: relative; top: -117px;
}

div#leftbox {
	float: left;
	width: 250px;	
	margin-top: 100px;
}
div#humanbody {
	float: left;
	width: 300px;
	height: 450px;
}
div#rightbox {
	float: left;
	width: 250px;	
	margin-top: 100px;
}

/*dla lewej strony*/
.menu_tytul {
  width: 200px;
  height: 50px;
  margin: 0px;
  padding: 0px;
  float: left;
  font-size: 13px;
  color: #F5EC15;
  font-weight: bold;
}
.menu_tytul td {
  text-align: center;
  vertical-align: middle;
}
.menu_opcje {
  position: absolute;
  white-space: nowrap;
  visibility: hidden;
  background-color: #138383;
  border: 2px solid #C8E2DC;
  padding: 3px;
  margin: 1px;
  font-size: 13px;
  z-index: 2;
}

/*dla prawej strony*/
.menu_tytul1 {
  width: 200px;
  height: 50px;
  margin: 0px;
  padding: 0px;
  float: right;
  font-size: 13px;
  color: #F5EC15;
  font-weight: bold;
}
.menu_tytul1 td {
  text-align: center;
  vertical-align: middle;
}
.menu_opcje1 {
  position: absolute;
  text-align: right;
  white-space: nowrap;
  visibility: hidden;
  background-color: #138383;
  border: 2px solid #C8E2DC;
  padding: 3px;
  font-size: 13px;
  z-index: 2;
}

/**===================== RIGHTtext (dolna treść) ==============**/
div.tekst div.righttext {
	float: left;
	margin-left: 10px;
	margin-right: 30px;
} 
div.tekst div.righttext img {
	float: left;
	border: 0px;
	margin-right: 0px;
	margin-left: 0px;
} 
div.tekst div.righttext div {
	width:500px; 
	float:left; 
} 
div.tekst div.righttext li#ogolne {
	padding-top: 10px;
	list-style-type: none;	
	font-style: oblique;
} 
div.tekst div.righttext ul#duze {
	padding-right: 10px;
	margin-left: -25px;
} 
div.tekst div.righttext li{
	list-style-type: disc;
	font-style: normal;
} 
div.tekst div.righttext h3{
	margin-left: 35px;
} 
div.tekst div.righttext img.produkt{	
	height: auto;
	width: auto;
	margin: 0px 30px 10px 30px;
	float: right;
	border: 1px solid #F5EC19;
} 
/**====================== KONTAKT ===============**/
div.tekst div.kontakt {	
 	clear: both;
	font-weight: normal;
	text-align: center;	
}
div.tekst div.kontakt h1 {	
 	color: #C8E2DC;
}
div.tekst div.kontakt iframe {	
 	width: 650px;
	height: 350px;
	margin-top: 20px;
}
div.tekst div.kontakt table {	
 	font-size: 10pt;
	margin-left: 135px;
}
div.tekst div.kontakt table td.prawa {	
 	text-align: right;	
}
div.tekst div.kontakt table td.srodek {	
 	font-weight: bold;		
 	text-align: center;	
	vertical-align: top;
}

div.tekst div.kontakt table td.lewa {	
 	font-weight: normal;		
 	text-align: left;	
	vertical-align: top;
}
/** ==================== TABELKA SKLEP ==================== **/
table#towar {
	width: 700px;
	height: auto;
	margin-top: 20px;
	margin-left: 50px;
	font-size: 9pt;
	color: #000000;
	border-collapse: collapse;
}
table#towar td {
	border: 1px solid #000000;
}

table#towar input {
	width: 50px;
}
table#towar input#zapisz {
	width: 350px;
}
table#towar tr {
	text-align: center;
	vertical-align: middle;
}
table#towar td.naglowek {
	font-weight: bold;
	background-color: #DA7420;
}
table#towar td.temat {
	font-weight: bold;
	color: #F5EC15;
	font-size: 12pt;
}
table#towar td.light {
	background-color: #EDB055; /*ED9255;*/
}
table#towar td.dark {
	background-color: #F2C179; /*EDB07D;*/
}

table#towar td.namegroup {
	font-size: 10pt;
	font-weight: bold;
	color: #C8E2DC;
	border: 0px;
}
table#towar td.namegroup span.opisgroup {
	font-size: 8pt;
	color: white;
}

table#zamowienie {
	width: 700px;
	margin-top: 20px;
	margin-left: 50px;
	height: auto;
	font-size: 9pt;
	color: #000000;
	border-collapse: collapse;
}
table#zamowienie td {
	border: 1px solid #000000;
}
table#zamowienie tr {
	text-align: center;
	vertical-align: middle;
}
table#zamowienie td.naglowek {
	font-weight: bold;
	background-color: #DA7420;
}
table#zamowienie td.temat {
	font-weight: bold;
	color: #F5EC15;
	font-size: 12pt;
}
table#zamowienie td.light {
	background: #EDB055;
}
table#zamowienie td.dark {
	background: #F2C179;
}

.aceTextField { 
		background-color: #FFFFFF;
		color: red; 
		font-family: verdana; 
		text-align: center;
		border: 1px solid black;
}
.sklepinfo {
		padding-left: 50px;
		padding-right: 50px;
}
/** ==================== TABELKA ZAMÓWIENIE ==================== **/
table#dane_adress {
	width: 400px;
	height: auto;
	margin-top: 0px;
	margin-left: 200px;
	font-size: 9pt;
	color: #000000;
	background: #EDB055;
	border-collapse: collapse;
}
table#dane_adress td {
	padding-left: 5px;
	border: 1px solid #000000;
}
table#dane_adress td.zamowienie {
	width: 120px;
	color: #000000;
	font-weight: bold;
	background: #F2C179;
}
.dane_adress {
	width: 800px;
	font-size: 12pt;
	color: yellow;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
/** ==================== TABELKA OPINIE ==================== **/
div#komentarze {
	width: 800px;
}
div#komentarze img {
	clear: both;
	border: 0px;
}
div#komentarze p.pasekopinie {
	clear: both;
	float: left;
	position: relative; left: 60px;
}
div#komentarze p.pasekdodaj {
	clear: both;
	margin-bottom: 40px;
	position: relative; left: -100px;
}
div#komentarze p.pasekpolec {
	clear: both;
	margin-bottom: 120px;
	position: relative; left: -100px;
}

table.opinie {	
	width: 800px;
}
table.opinie #losowa {
	color: yellow;
	font-weight: bold;
}
table.opinie td.topic {
	width: 350px;
	text-align: right;
}
div#komentarze p.wpis {
	clear: both;
	width: 700px;
	color: white;
	left: 10px;
	position: relative;
}
span.data {
	color: #F2C179;
	font-weight: bold;
}
span.nick {
	color: #EDB055;
	font-weight: bold;
}
span.numer {
	color: #F2C179;
	font-weight: bold;
}
p.numeracja {
	color: yellow;
}
/** ==================== TABELKA POLEĆ LINK ==================== **/
table#poleclink {
	width: 300px;
	margin-left: 260px;
	color: #F2C179;
	font-weight: bold;
	height: 50px;
}
/** ==================== STOPKA STRONY ==================== **/
div.stopka {	
	clear: both;
	float:left;
	background:#c8e2dc;
	width: 800px;	
	height: 200px;	
	font-weight: bold;
	background: url(../images/stopka.png) no-repeat;
	padding-top: 35px;
}
div.stopka a:link, div.stopka a:visited {
	text-decoration: none;
	color: #dde232;		
	font-weight: normal;
	font-size: 9pt;	
}
div.stopka a:hover, div.stopka a:active {
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;	
	font-size: 9pt;	
}	
div.stopka div {
	text-align: center;
	color: #6a5e16;
	vertical-align: middle;
	padding-bottom: 10px;
}
div.stopka div#who {
	color: #1fa5a5;
	font-size: 8pt;
	font-weight: normal;
	margin-top: 150px;
}

/**================== lightbox ===============================**/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 88px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }