

body,table,td {margin: 0px; padding: 0px; font-size: 11px; font-family: tahoma, verdana, arial; color: #333333;} 
td.id {color: #CC3300; width: 140px; border: 0px; border-right: 1px; border-style: dotted; border-color: silver; }
img { border: 0px;}	 
form { padding: 0px; margin: 0px;  }	
a,a:visited,a:active { color: gray; }  
input, select, textarea { border: 1px; border-style: dotted; border-color: gray; font-size: 11px;  }
div#center {position: relative; text-align: center; height: auto;  width: 100%; min-width: 100%;  }
div#glowny { position: relative; width: 760px; height: auto; text-align: left; min-width: 760px; }	
div#top {position: relative; height: 60px; background-image: url(../img/logo.gif); background-repeat: no-repeat; width: 100%; }
div#top_right { position: absolute; left: 409px; height: 60px; width: 351px; background: 8px; background-image: url(../img/top_kreska.gif); background-repeat: no-repeat;  } 
	#top_right img { position: relative; margin-left: 20px; margin-top: 10px; float: left; }  
	#top_right form {margin-top: 7px; left: 5px; position: relative; }	   
	#top_right a { float: left; font-size: 5px;  position: relative; top: -10px; display: block; margin-left: 5px; }	
	#top_right input { float: left; margin-left: 10px; }
	#top_right a.zaloguj {width: 61px; left: 105px; height: 12px; margin-right: 5px; background: url(../img/zaloguj.gif); top: 5px; } 
	#top_right a.zaloguj:hover { background: url(../img/zaloguj_b.gif); }
	#top_right a.mapa {width: 93px; left: 105px; top: 5px;  height: 12px; margin-right: 5px; background: url(../img/mapa.gif); } 
	#top_right a.mapa:hover { background: url(../img/mapa_b.gif); }
	#top_right a.kontakt {width: 60px; left: 105px; top: 5px; height: 12px; margin-right: 5px; background: url(../img/kontakt.gif);  } 
	#top_right a.kontakt:hover { background: url(../img/kontakt_b.gif); } 
	
a.przycisk1 { width: 18px; height: 17px; display: block; background: url(../img/strzalka.gif);  position: relative; }
a.przycisk1:hover { background: url(../img/strzalka_b.gif);  }	
a.przycisk2 { width: 90px; height: 19px; display: block; background: url(../img/strzalka.gif); background-repeat: no-repeat; color: gray; padding-left: 24px;  position: relative; padding-top: 2px;}
a.przycisk2:hover { background: url(../img/strzalka_b.gif); background-repeat: no-repeat; text-decoration: none;  }	
div#menu_tlo {position: relative; margin-top: 3px; height: 32px; background: url(../img/menu_tlo.gif); width: 760px;  }	
div#menu_tlo2 {position: relative; margin-top: 3px; height: 32px; background: url(../img/menu_tlo2.gif); width: 760px;  }	
#menu_tlo a { float: left; }  
#menu_tlo a.okreatorze { background: url(../img/b1.gif); width: 114px; height: 23px; }
#menu_tlo a.okreatorze:hover { background: url(../img/b1b.gif); }
#menu_tlo a.okreatorze:active { background: url(../img/b1a.gif); }	
#menu_tlo span { float: left; height: 23px; background: url(../img/bx.gif) 0 8px; background-repeat: no-repeat; width: 1px;  }	 
#menu_tlo a.kolekcja { background: url(../img/b2.gif); width: 100px; height: 23px; }
#menu_tlo a.kolekcja:hover { background: url(../img/b2b.gif); }
#menu_tlo a.kolekcja:active { background: url(../img/b2a.gif); }	
#menu_tlo a.oferta { background: url(../img/b3.gif); width: 90px; height: 23px; }
#menu_tlo a.oferta:hover { background: url(../img/b3b.gif); }
#menu_tlo a.oferta:active { background: url(../img/b3a.gif); }	
#menu_tlo a.portfolio { background: url(../img/b4.gif); width: 105px; height: 23px; }
#menu_tlo a.portfolio:hover { background: url(../img/b4b.gif); }
#menu_tlo a.portfolio:active { background: url(../img/b4a.gif); }	
#menu_tlo a.rozwiazania { background: url(../img/b5.gif); width: 166px; height: 23px; }
#menu_tlo a.rozwiazania:hover { background: url(../img/b5b.gif); }
#menu_tlo a.rozwiazania:active { background: url(../img/b5a.gif); }	
#menu_tlo a.produkty { background: url(../img/b6.gif); width: 98px; height: 23px; }
#menu_tlo a.produkty:hover { background: url(../img/b6b.gif); }
#menu_tlo a.produkty:active { background: url(../img/b6a.gif); }	
#menu_tlo a.kontakt { background: url(../img/b7.gif); width: 81px; height: 23px; }
#menu_tlo a.kontakt:hover { background: url(../img/b7b.gif); }
#menu_tlo a.kontakt:active { background: url(../img/b7a.gif); }	

#powitanie { width: 760px; margin-top: 1px; z-index: 3; background: url(../tla/glowne.gif);  height: auto; background-repeat: no-repeat; display: block;}
#powitanie img {  left: 360px; top: 6px; position: relative;  } 
#powitanie span { display: block; left: 360px; top: 9px; font-size: 10px; color: gray; position: relative; width: 400px; height: 50px; }
#powitanie img.dol { width: 366px; height: 90px;  position: relative; left: 195px; z-index: 1; } 
#content { width: 760px; height: auto; position: relative;  }   
#content_lewy { width: 170px; background: 169px 40px; background-image: url(../img/kreska2.gif); background-repeat: no-repeat; height: 300px; left: 7px; position: absolute; top: -30px; }
#content_lewy img { margin-bottom: 7px;  }
#content_lewy span { position: relative; float: left; display: block; width: 50px; margin-bottom: 5px;  }
#content_glowny { color: #3f3f3f; width: 367px; display: block;  position: relative; font-size: 11px; left: 195px; top: 15px; text-align: justify; margin-bottom: 20px;}
#content_glowny h1 {color: #474343; font-weight: bold; font-size: 11px; margin-top: 10px; margin-bottom: 3px; background: 0px 2px; background-image:  url(../img/strzalka2.gif); background-repeat: no-repeat; padding-left: 14px; }
#content_prawy { color: gray; width: 171px; background: 0px 100px; background-image: url(../img/kreska2.gif); background-repeat: no-repeat; height: 300px; left: 580px; position: absolute; top: -90px; padding: 10px; text-align: justify; } 
#content_prawy img { margin-bottom: 10px; }	 
a.menu { padding-left: 20px; left: 15px; position: relative; display: block; } 
a.menu:hover { background: url(../img/1x.gif); background-repeat: no-repeat; } 
#tlo_dol { height: 6px; width: 100%;  background-image: url(../img/tlo_dol.gif); position: relative; font-size: 4px; }
#dolne_menu {  width: 100%; padding: 6px;  }
#dolne_menu a { float: left; display: block; } 	
#dolne_menu span { float: left; position: relative; width: 190px; top: 1px; display: block; }
#dolne_menu form { float: left; position: relative; color: gray; margin-bottom: 3px; }	
#dolne_menu input {float: left; }
#tlo2_dol { font-size: 1px; clear: left;  background: url(../img/tlo2_dol.gif); height: 1px; width: 100%; } 
#stopka_menu {text-align: center; color: #595959; font-size: 10px; padding: 3px; }
#stopka_menu a {text-decoration: none; }
#stopka_menu a:hover { text-decoration: underline; } 
div#web { text-align: center; width: 170px; padding-top: 5px; height: 120px; background-color: #FDFDFD;  border: 1px; border-color: #D9D9D9; border-style: solid; float: left; margin-right: 8px;}	  
div#web img { margin-bottom: 5px; }
div#web a { display: block; padding: 2px; font-size: 10px; float: left; margin-right: 3px; border: 1px;  border-color: gray; border-style: solid;  color: #A6A6A6; text-decoration: none; position: relative; left: 40px; }
div#web a:hover { border-color: #CC0000; }

div#pictorial { width: 160px; height: auto; font-weight: bold; color: gray; text-align: center; float: left; margin: 6px; } 
div#pictorial2 { width: 135px; height: 155px; font-weight: bold; color: gray; text-align: center; float: left; margin-left: -1px; margin-top: -1px;  border: 1px; border-color: #D5D5D5; border-style: solid;  } 
div#pictorial2 div { vertical-align: middle; }
div#pictorial img , div#pictorial2 img { clear: left; position: relative; display: block; vertical-align: middle; }

span#nav a { display: block; margin-top: 25px; padding: 2px; font-size: 10px; float: left; margin-right: 3px; border: 1px;  border-color: gray; border-style: solid;  color: #A6A6A6; text-decoration: none; position: relative; left: 40px; }
span#nav a:hover { border-color: #CC0000; }
button { font-size: 11px; font-weight: bold; }	
a.linki_top { color: red; } 
a.linki_top:hover { color: red; }

