td {  font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 11px}
h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF6600}
.pomarancz {  font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #333399; padding-left: 12px}
a {  font-family: Arial, Helvetica, sans-serif; text-decoration: none}
a:link {  color: #000066}
a:hover {  color: #FF0000}
a:visited { color: #000000}
a:hover {  color: #FF0000}
a:active { color: #FF0000}
.nag1 {  font-weight: bold; color: #FFFFFF; font-size: 12px}
.bialy {  color: #FFFFFF}
.nag2 {  }
.tresc {  padding-left: 12px; padding-right: 12px; text-align: justify}
.font10 {  font-size: 10px}
body { list-style-image: url(pcs/kropa2.gif) }
.stopka {  color: #ffffff; background-color: #996699; letter-spacing: 14px}
a.menu {  color: #666666; font-size: 11px; font-weight: bold}
.jasne {  color: #ffffff; font-size: 11px; margin-right: 10px; margin-left: 10px; letter-spacing: 1px}
a.jasne {  color: #ffffff; font-weight: bold}
a.jasne:link {  color: #ffffff}
a.jasne:hover {  color: #203785; background-color: #ffffff}
a.jasne:visited { color: #ffffff}
a.jasne:hover {  color: #203785; background-color: #ffffff}
a.jasne:active { color: #ffff00}
.submenu {  color: #ffffff}
a.submenu {  color: #ffffff; font-size: 11px; margin-left: 0px}
a.submenu:link {  color: #ffffff}
a.submenu:hover {  color: #203785; background-color: #ffffff}
a.submenu:visited { color: #ffffff}
a.submenu:hover {  color: #203785; background-color: #ffffff}
a.submenu:active { color: #ffff00}
.gradient {
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff', endColorstr='#F0F2F6', gradientType='0')}.chudy {  font-weight: normal}
.tex_lewy {  color: #FFFFFF; text-align: justify; padding-left: 12px; padding-right: 14px}
.tex_okno {
	padding-right: 5px;
	padding-left: 5px;
	text-align: left;
	padding-top: 0px;
	font-size: 11px
}
input {  font-size: 10px; text-decoration: none}
li {  list-style-type: square}
.submenu { color: #ffffff; font-size: 10px; margin-right: 10px; margin-left: 10px }
body { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666 } 
table.prod {  width: 542px}
input.menu { font-family: Arial, Helvetica, sans-serif; font-size: 10px; BACKGROUND-COLOR: #F0F2F6; border: 1px #CCCCCC solid; color: #666666}
img {  border-color: #CCCCCC #999999 #999999 #CCCCCC}
.szer580 {  width: 580px}
.tr_color { padding-left: 12px; padding-right: 12px; text-align: justify ; background-color: #FBDC67}

div#button {
margin-left: 1px;
padding: 0px;
}
div#button a {
display:block;
margin: ;
padding: 1px;
padding-bottom: 5px;
padding-top: 10px;
padding-left: 20px;

width:173px;
height: 18px;
color: #ffffff;
font-size: 9px;
font-family: helvetica;
}


div#button a.menu_level0 {

background: transparent url(pcs/glowna_grupa.gif);
text-indent: 10px;
font-size: 11px;
font-weight: bold;
}



div#button a.menu_level1 {


text-indent: 5px;
padding-top: 8px;
background: transparent url(pcs/podgrupa.gif)  no-repeat;
}

div#button a.menu_level1:hover {


text-indent: 5px;
padding-top: 8px;
background: transparent url(pcs/podgrupa.gif)  no-repeat;
}

div#button a.menu_level2 {
background: #bdc9f2;
height: 100%;
color: #203785;
}
div#button a.menu_level2:hover {
color: #203785;
background:#ffffff;

}

div#button a#menu_active {
color: #203785;
background:#ffffff;
height: 100%;

}



body			{
	margin:				0px;
	padding:			0px;
	border:				0px;
		}
table.zito		{
	margin:				0px;
	padding:			0px 0px 0px 0px;
	border:				0px;
	text-decoration:	none;
	vertical-align:		middle;
	text-align:			left;
	color:				#000000;
	font-weight:		normal;
	font-size:			12px;
	font-family:		"Trebuchet MS", Verdana, Tahoma;
	letter-spacing:		normal;
	background-color:	#FFFFFF; /* kolor całości*/
	table-layout:		fixed;
	overflow:			hidden;
		}
td.zito				{
	margin:				0 auto;
	text-align:			left;
	padding:			0px 0px 0px 0px;
	color:				#000000;
	font-weight:		normal;
	letter-spacing:		normal;
	font-family:		"Trebuchet MS", Verdana, Tahoma;
		}
div.zito				{
	margin:				0 auto;
	background-color:	#FFFFFF;
	text-align:			left;
	padding:			0px 0px 0px 0px;
	color:				#000000;
	font-weight:		normal;
	letter-spacing:		normal;
	font-family:		"Trebuchet MS", Verdana, Tahoma;
		}
img.zito				{
	margin:				0 auto;
	padding:			0;
	border:				0;
	vertical-align:		middle;
		}
td.lewa			{
	background-color:	#FFFFFF;
	padding-top:		5px; /* margines NAD lewymi niebieskimi - ale nie nad pierwszym */
	padding-bottom:		10px;
	vertical-align:		top;
	background-color:	#FFFFFF; /*kolor lewej*/
		}
td.prawa		{
	background-color:	#F8F8F8;
	padding-left:		10px;
	padding-top:		10px;
	padding-bottom:		80px;
	padding-right:		20px;
	font-size:			12px;
	letter-spacing:		normal;
	line-height:		22px;
	border-right:		10px solid #FFFFFF; /* odstęp tła prawych od czerwonej kreski */
		}
td.linia_czarna		{
	height:				0px;
	background-color:	#CCCCCC;
	border-right:		10px solid #FFFFFF; /* odstęp poziomej kreski od czerwonej kreski */
		}
td.linia_biala		{
	height:				0px;
	background-color:	#FFFFFF;
		}
table#tabela_1	{
	width:				700px; /* ok gdy 570 !!!!!!!! szerokość całości !!!!!!! */
	background-color:	#FFFFFF; /* kolor podkładu*/
		}
td#prawa_opakowania		{
	padding:			10px 1px 80px 1px; /* szerokość tabeli opakowań (padding zewnetrznej kkomórki - rozmiar DIVa z właściwą tabelą poniżej) */
		}
table#tabela_opakowania	{
	width:				100%;
		}
table#tabela_opakowania th	{	/* nagłówek tabeli opakowań */
	font-size:			9px;
	line-height:		normal;
	color:				#03AADA;
	padding-top:		2px;
	padding-bottom:		2px;
	text-align:			center;
	font-weight:		normal;
		}
table#tabela_opakowania td	{	/* wiersze tabeli opakowań */
	font-size:			10px;
	padding:			2px 1px 2px 1px;
	border-spacing:		0px;
	border-width:		1px;
	border-left:		solid;
	border-bottom:		solid;
	border-color:		#03AADA;
	text-align:			center;
	color:				#000000;
		}
span.jednostki	{ /* jednostki (to co jest w []) w tabeli opakowań */
	color:				#000000;
	font-size:			8px;
		}
table#param_tech	{
	background-color:	#F8F8F8;
	padding-left:		10px;
	padding-top:		10px;
	padding-bottom:		10px;
	padding-right:		10px;
	font-size:			15px;
	table-layout:		auto;
		}
td#txt_dol_1		{
	padding:			50px 30px 30px 30px;
	font-size:			12px;
	font-weight:		bold;
	letter-spacing:		1px;
	line-height:		18px;
		}
td.txt_dol_2		{
	padding:			5px 5px 5px 5px;
	font-size:			10px;
	line-height:		15px;
	vertical-align:		top;
	border-spacing:		0px;
	border-width:		1px;
	border-left:		solid;
	border-color:		#03AADA;
		}
td#gora_lewa		{
	width:				135px;	/* OK to 115 !!! szerokość LEWEJ KOLUMNY (określona jest szerokość lewej i całości - szerokość prawej jest wynikowa */
	height:				60px;
	padding:			10px 0px 10px 0px; /* odstęp lewego górnego (pozosałe lewe w stylu klasy)*/
		}
td#gora_prawa	{				/* góra prawa */
	font-size:			20px;
	font-weight:		bold;
	padding-left:		35px;
	padding-bottom:		50px; /* dolny odstęp górnej pawej */
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	border-right:		10px solid #FFFFFF; /* odstęp tła prawej górnej od czerwonej kreski */
		}
div#tabela_opakowania_div	{
	width:				98%; /* szerokość tabeli opakowań (od strony warstwy - padding warstwy zewnetrznej powyżej!) */
	background-color:	#FFFFFF;
	border-style:		solid;
	border-color:		#CCCCCC;
	border-width:		1px;
	padding:			1px 1px 1px 1px;
		}
div.lewy_niebieski	{			/* lewe niebieskie uwaga! a poniżej szczegóły pierwszego od góry */
	background-color:	#03AADA;
	width:				80%;	/* szerokość lewego niebieskiego*/
	font-weight:		bold;
	color:				#FFFFFF;
	padding-top:		10px;
	padding-bottom:		10px;
	font-size:			12px;
	text-align:			center;
	font-family:		Arial, Helvetica, sans-serif;
		}
div#gora_lewa_div	{		
	/*width:				80%;*/ /* !!! szerokość pierwszego górnego kwadratu - wywaliłem żeby byłą taka jak u góry!*/
	padding-top:		20px;
	padding-bottom:		20px;
		}
div.zdjecie_div		{
	padding:			5px 5px 5px 5px;
	text-align:			center;
	/* background-color:   #00FF00; */
		}
img.img			{
	width:				90%;  /* !!! szerokość img z nazwą grupy produktu (szer. zdjecia opakowania jest w stylu INLINE*/
	height:				90%;
	margin:				0 auto;
		}
ul#do_zdjecia	{
	margin:				0 auto;
	padding:			20px 10px 10px 30px;
	color:				#03AADA;
		}
td#FirstPageContent {
	border-right:		1px solid #B8B8B8;
	/*border:				1px solid #FF0000;*/
	margin:				0px;
	padding:			0px;
	height:				440px;
}
#FirstPageContent table {
	width:				545px;
	text-align:			left;
	height:				400px;
	/*border:				1px solid #FF0000;*/
}
#FirstPageContent td.th {
	background-color:	#CCCCCC;
	vertical-align:		middle;
	height:				20px;
	width:				255px;
	color:				#203785;
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		bold;
	font-size:			11px;
}
#FirstPageContent td.null {
	background-color:	#FFFFFF;
	width:				auto;
	height:				auto;	
	/*border:				1px solid #FF0000;*/
	font-size:			1px;
	padding:			0px;
	margin:				0px;
}
#FirstPageContent td.th img {
	border:				1px solid #666666;
	width:				5px;
	height:				5px;
	margin:				0px 10px 0px 10px;
}
#FirstPageContent td.td {
	vertical-align:		top;
	border:				1px solid #CCCCCC;
	background-color:	#F0F2F6;
	width:				255px;
	height:				5px;
	color:				#000000;
}
#FirstPageContent td.td img.center {
	text-align:			center;
	border:				0px solid #FF0000;
}
#FirstPageContent td.td img.float {
	border:				0px solid #FF0000;
	margin:				3px 0px 0px 3px;
	float:				left;
}
#FirstPageContent td.td div{
	/*border:				1px solid #FF0000;*/
}
#FirstPageContent td.td form{
	margin:				0px;
	padding:			0px;
}
#FirstPageContent td.pasek {
	background:			url('pcs/okno_pasek_zito.gif');
	background-repeat:	repeat-y;
	background-position:center;
	height:				7px;
	font-size:			1px;
	border-bottom:		1px solid #FFFFFF;
}
#all td.wypelniaczPoziom {
height:auto; background-color:#F0F2F6; font-size:1px;
}
#all td.wypelniaczPion {
border:0px solid #FF0000; width:50%; background-color:#F0F2F6;
}