html, body {

	background-color: #fff;
	color: #000;
	margin: 0;
	padding: 0;

}



#top {

	width: 974px;
	padding-top: 40px;
	margin: 0 auto;

}
#ADRES {
    background-color: #000; 
    color: #FFD700;
    font-family: Verdana;
    font-size: 14px;
	 font-weight: bold; 
	 text-align: justify;
  
	  }
	  #ADRES2 {	
    background-color: #000; 
    color: #FFD700;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold; 
	 text-align: center;
	 width: 60%;
	 margin: 0 auto;
  
	  }

#KOLORGRAF {

	background-color: #fff;
	BACKGROUND-IMAGE: url('robocze/kolor_graf2.jpg');
   background-repeat: no-repeat;
  	width: 435px;
  	height: 80px;
  	background-position: left;
  	padding-left: 155px;
  	padding-top: 30px;
  
	  }
	  .farby_drukarskie1{	

font-family: tahoma, Calibri, verdena,  sans-serif;
font-size: 30px;
text-align: left;
font-weight: bold;
color: #000;
margin: 0px 0px 0px 0px;
}
	  .farby_drukarskie2{	

font-family: tahoma, Calibri, verdena,  sans-serif;
font-size: 30px;
text-align: left;
font-weight: bold;
color: beige;
margin: 0px 0px 0px 0px;
position: relative; left: 1px; top: -38px;
}


 #NAGLOWEK1 {

	background-color: #fff;
	height: auto;
	font-size: 10px;
	font-family: Verdana;
	text-align: right;
	padding-right: 30px;
	  }

 #COPYRIGHT {	

	background-color: #fff;
	height: auto;
	font-size: 9px;
	font-family: Verdana;
	text-align: left;
	padding-left: 50px;
	padding-bottom: 50px;
	color: gray;

	 }

a.naglowek {	

text-decoration: none;
color: gray;
margin: 0px 10px 0px 10px;
}

a.seo 
{	
text-decoration: none;
color: black;
}

#COPYRIGHT a.naglowek

{	
color: gray;
}

#STOPKA a

{	
color: gray;
}

 

#NAGLOWEK2 
{
	background-color: #fff;
	BACKGROUND-IMAGE: url(robocze/a.jpg);
	height: 61px;
}

#MENU_POZIOME {

	background-color: #fff;
	background-image: url('robocze/b.jpg');
   background-repeat: repeat-y;
	height: 30px;
   padding-left: 50px;
   padding-right: 50px;
}

#BLOK {

background-image: url('robocze/b.jpg');
background-repeat: repeat-y;
height: 100%;
overflow:hidden;
padding: 10px 50px 10px 50px;
}

#LEFT {

padding-top: 40px;
height: 100%;
width: 150px;
float: left;
}

#RIGHT {

padding-top: 30px;
padding-bottom: 30px;
height: 100%;
width: 150px;
float: right;
overflow: hidden;


}

#CENTER {

height: 100%;
width: 550px;
float: left;
overflow: hidden;
margin-left: 14px;
margin-right: 10px;

}

#LEWA {

padding-top: 30px;
height: 100%;
width: 440px;
float: left;
}

#PRAWA {

padding-top: 30px;
height: 100%;
width: 340px;
float: right;
overflow: hidden;
}



#GORA {

height: 200px;
}

#MENU {

height: 100%;
width: 150px;
background-color: beige;
float: left;
}



#PODMENU {

height: 100%;
width: 150px;
float: left;
clear: left;
overflow: hidden;
font-family: tahoma, sans-serif;
font-size: 12px;
margin: 35px 0px 0px 1px;
background-color: white;
text-align: center;
padding-top: 50px;
}

#KOL1 {

height: 100%;
width: 50%;
float: left;
}



#KOL2 {

height: 100%;
width: 50%;
float: left;
}

#KOL1A {

height: 100%;
width: 50%;
float: left;
}

#KOL2A {

height: 100%;
width: 37%;
float: right;
}



#TRESC {

height: 100%;
background-color: white;
position: static;
}

#NAD_STOPKA {

 	background-color: chocolate;
	height: 130px;
   background-image: url('robocze/b.jpg');
   background-repeat: repeat-y;
	overflow: hidden;
   
}

#STOPKA {

 	background-color: #fff;
	BACKGROUND-IMAGE: url(robocze/c.jpg);
	height: 51px;
	text-align: center;
	font-family:Tahoma, Helvetica, sans-serif;
   font-size: 14px;
	overflow: hidden;
   font-weight: bold;
   color: grey;
   padding-top: 15px;
   background-repeat: no-repeat;
	
}

IMG.center {
    display: block;
    margin: 0 auto }

.tampo {
 	text-align: right;
	font-family:Calibri, Tahoma, Helvetica, sans-serif;
   font-size: 14px;
	font-weight: bold;
   color: grey;
   margin-top: 5px;
	
	
}

h1{

font-family:Calibri, Verdana,Arial, Helvetica, sans-serif;
font-size: 24px;
margin: 50px 20px 30px 20px;

}


h2{
font-family:Calibri, Verdana,Arial, Helvetica, sans-serif;
font-size: 21px;
margin-top: 20px;
margin-left: 20px;
}

h3{
font-family:Calibri, Verdana,Arial, Helvetica, sans-serif;
font-size: 18px;
margin-top: 20px;
margin-left: 20px;
}

h4{
font-family:Calibri, Verdana,Arial, Helvetica, sans-serif;
font-size: 15px;
margin-top: 20px;
margin-left: 20px;
}


H3.opis_farby{

font-family:Calibri, Verdana,Arial, Helvetica, sans-serif;

margin-top: 20px;


}

H5.opis_farby{

font-family: verdena,tahoma, sans-serif;

font-size: 11px;

margin-bottom: 10px;

}

.a01{

font-family: verdena,tahoma, sans-serif;

font-size: 11px;

text-align: justify;

}



.a02{

font-family:Tahoma, Helvetica, sans-serif;

font-size: 12px;

text-align: left;

 

}

.a03{

font-family:Tahoma, Helvetica, sans-serif;

font-size: 12px;

line-height: 15px;

text-align: justify;

text-indent: 20px; 

}

.a03bis{

font-family:Tahoma, Helvetica, sans-serif;

font-size: 12px;

line-height: 15px;

text-align: justify;

margin: 10px 20px 30px 40px;



}

.a04{

font-family:Tahoma, Helvetica, sans-serif;

font-size: 12px;

line-height: 15px;

text-align: justify;

text-indent: 20px;

margin-bottom: 20px;



}

.a05{

font-family:Tahoma, Helvetica, sans-serif;

font-size: 12px;

line-height: 15px;

text-align: justify;

text-indent: 20px;

margin-bottom: 20px;

padding: 0px 40px 0px 40px ;

}

.a06{

font-family:Tahoma, Helvetica, sans-serif;

font-size: 12px;

line-height: 15px;

text-align: center;

text-indent: 20px;

margin-bottom: 20px;

}

.a07{

margin-top: 50px;

}

.a08{

font-family:Tahoma, Helvetica, sans-serif;

font-size: 12px;

line-height: 15px;

text-align: justify;

text-indent: 20px;

margin-bottom: 20px;

}

.a09{

font-family:Tahoma, Helvetica, sans-serif;

font-size: 12px;

line-height: 15px;

text-align: center;

margin-bottom: 2px;

}

.a10{

font-family:Calibri, Verdana,Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 20px;

margin: 30px 0px 0px 20px;0px

}


.padding01{ 
padding-left: 10px;
}
.padding02{ 
padding-left: 20px;
}
.padding03{ 
padding-left: 30px;
}
.padding04{ 
padding-left: 40px;
}
.padding05{ 
padding-left: 50px;
}
.padding06{ 
padding-left: 60px;
}


.instrukcja_typ{

font-family:Calibri, Verdana,Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 24px;

margin: 50px 20px 30px 20px;



}
.wyliczenie{
font-family:Tahoma, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
}



P.instrukcja_naglowek{

font-family:Calibri, Verdana,Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 20px;

}

P.instrukcja_wypunktowanie{

font-family:Calibri, Verdana,Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 16px;

line-height: 26px;

}

P.instrukcja_tekst{

font-family:Tahoma, Helvetica, sans-serif;

font-size: 12px;

text-align: justify;

line-height: 15px;

 

}

P.menu2a{

font-family: verdena,tahoma, sans-serif;

font-size: 11px;

text-align: justify;

margin-bottom: 15px;



}

table.instrukcja{

font-family:Tahoma, Helvetica, sans-serif;

font-size: 12px;

text-align: justify;

}

P.instrukcja_stopka{

font-family:Tahoma, Helvetica, sans-serif;

font-size: 11px;

text-align: justify;

}

li.krotki_opis_farby{

font-family:Tahoma, Helvetica, sans-serif;

font-size: 12px;

line-height: 30px;

}

li.akcesoria{

font-family:Tahoma, Helvetica, sans-serif;

font-size: 12px;

line-height: 30px;

margin-left: 20px;

}

/* menu */

* {

margin: 0;

padding: 0;

}

#menu_pionowe,

#menu_pionowe ul {

list-style: none;

width: 150px;

border: 1px solid #fff;

}

#menu_poziome,

#menu_poziome ul {

list-style: none; 

float: right;

border: 1px solid #fff;

}



#menu_pionowe li {

position: relative;

/* a little something for IE */

line-height: 0;

}



#menu_poziome li {

position: relative;

float: left;

}

		 

#menu_pionowe a {

color: #fff;

font-family: tahoma, sans-serif;

font-size: 11px;

text-decoration: none;

font-weight: normal;

display: block;

width: 138px;

border: 1px solid #fff;

padding: 0 5px;

line-height: 18px;

height: 18px;

}



#menu_poziome a {

color: #fff;

font-family: tahoma, sans-serif;

font-size: 11px;

text-decoration: none;

font-weight: normal;

display: block;

float: left;

border: 1px solid #fff;

line-height: 22px;

height: 22px;

padding: 0 12px;

}





#menu_pionowe li ul {

display: none;

}



#menu_poziome li ul {

display: none;

}



#menu_pionowe li:hover ul {

display: block;

position: absolute;

left: 149px;

top: -1px;

}



#menu_poziome li:hover ul {

display: block;

position: absolute; left: 50%; top: 23px;

margin: 0 0 0 -71px;

width: 140px;

}



#menu_poziome li li {

float: none;

}



#menu_poziome li li a {

float: none;

font-size: 11px;

font-weight: normal;

padding: 0 6px;

line-height: 18px;

height: 18px; }





/* and the colours */

#home a {

background-color: #bf008c;

}

#farby a {

background: #ff7f1e  right no-repeat;

}

#zastosowanie a {

background: #FF0000 no-repeat right;

}

#akcesoria a {

background: #00b200 url('img/menuarrow.gif') right no-repeat;

}

#certyfikaty a {

background: #0089af url('img/menuarrow.gif') right no-repeat;

}

#menu_pionowe a:hover {

background-color: #666;

}

#menu_pionowe li li a {

background-image: none;

} 







/* the structure */ 







	a.btn {
  width: 250px;
  padding: 10px 25px 10px 25px;
  font-family: Arial;
  font-size: 16px;
  text-decoration: none;
  color: #ffffff;
  text-shadow: -1px -1px 2px #618926;
  background: -moz-linear-gradient(#98ba40, #a6c250 35%, #618926);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #98ba40),color-stop(.35, #a6c250),color-stop(1, #618926));
  border: 1px solid #618926;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  /* For IE 5.5+ */	
 background-color: #98ba3f;
}

a.btn:hover {
  text-shadow: -1px -1px 2px #465f97;
  background: -moz-linear-gradient(#245192, #1e3b73 75%, #12295d);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #245192),color-stop(.75, #1e3b73),color-stop(1, #12295d));
  border: 1px solid #0f2557;
  /* For IE 5.5+ */	
 background-color: #245191;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	/* background-color: #000000; */
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	top: -10px; /* means the pop-up's top is 50px away from thumb's top */
	left: 60px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: auto; /* enter desired thumb width here */
	height : auto;
}

/* smart image enlarger ends here */