#menu {width:195px;height: auto;margin:-370px 0 0 24px;padding:0 0 27px 0;background: #fff url("../i/tlo_menu_dol.png") no-repeat 0 100%;position:relative;z-index: 1500;float: left;display: inline;}
#menu li {list-style-type: none;margin:0;padding:0 0 0 7px;float: left;clear: left;background: #fff url("../i/tlo_menu.png") repeat-y 0 0;}
#menu span	{display: none;}
#menu a {display: block;width: 188px;background-repeat:no-repeat;background-position: 0 0;}

li#m1			{background-image: url("../i/tlo_menu_gora2.png");height: 25px;width: 188px;}
#m1 a			{background-image: url("i/m1.png");height: 19px;}
#m2 a			{background-image: url("i/m2.png");height: 20px;}
#m3 a			{background-image: url("i/m3.png");height: 23px;}
#m4 a			{background-image: url("i/m4.png");height: 23px;}
#m5 a			{background-image: url("i/m5.png");height: 41px;}
#m6 a			{background-image: url("i/m6.png");height: 23px;}
#m7 a			{background-image: url("i/m7.png");height: 20px;}
#m8 a			{background-image: url("i/m8.png");height: 25px;}
#m9 a			{background-image: url("i/m9.png");height: 21px;}
#m10 a			{background-image: url("i/m10.png");height: 20px;}
#m11 a			{background-image: url("i/m11.png");height: 20px;}
#m12 a			{background-image: url("i/m12.png");height: 23px;}
#m13 a			{background-image: url("i/m13.png");height: 20px;}
#m14 a			{background-image: url("i/m14.png");height: 22px;}
#menu a:hover	{background-position: 0 100%;}
#menu li.aktywny a	{background-position: 0 100%;}

h1, h2				{position:relative;overflow: hidden;height:29px;margin:15px 0;}
h1 span, h2 span	{position: absolute;top:0;left:0;height:29px;}

/* ======================== litogafia ======================== */
.lito h1			{width: 185px;}
.lito h1 span		{background-image: url("i/tytul_lito.png");width: 185px;}
.lito h2		{float: right;width:326px;height:235px;margin:0;text-align: right;}
.lito h2 span	{width: 326px;height:35px;left:35px;bottom:0;}
.lito  img#senefelder		{width:326px;position: absolute;right:13px;top:0;margin:0;padding-bottom:35px;background: url("i/subtitle_senefelder.png") no-repeat 70% 100%;}

.lito ul {width: 100%;height: auto;float: right;margin:10px 0;padding:0;font-size:7px;}
.lito li {list-style-type: none;width: 167px;height: 8px;margin: 0 0 10px 0;padding:0;float: left;clear: left;overflow: hidden;text-decoration:none;}
.lito li a, .lito li strong {display: block;width: 157px;height: 8px;padding:0 0 0 10px;position: relative;background: #fff url("../i/ikona_tr_szary.png") no-repeat 0 0;}
.lito li a:hover, .lito strong.aktywny {	background: #fff url("../i/ikona_tr_czerwony.png") no-repeat 0 0;}
.lito li#lito1 span	{background: #fff url("i/submenu_lito_lito.png") no-repeat;}
.lito li#lito2 span	{background: #fff url("i/submenu_lito_senefelder.png") no-repeat;}
.lito li#lito3 span	{background: #fff url("i/submenu_lito_rozwoj.png") no-repeat;}
.lito li#lito4 span	{background: #fff url("i/submenu_lito_geneza.png") no-repeat;}
.lito li span	{position: absolute;top:0;left:10px;width: 157px;height:8px;background-position: 0 100%;cursor: pointer;}
.lito li strong.aktywny span	{cursor: default;}

.lito dl	{width:560px;height: auto;float: right;margin:-70px 1px 0 0;padding:15px 0 30px 0;color: #808080;background: url("i/bg_genesis.png") no-repeat 100% 0;font-family: arial;}
.lito dt, .lito dd	{margin:0;float: left}
.lito dd	{width: 10px;padding:7px 0 0 25px;}
.lito dt	{clear: left;text-align: right;font-size: 13.5pt;font-weight: bold;padding:0 15px 0 0;}

.lito #year1	{width: 450px;}
.lito #year2	{width: 360px;}
.lito #year3	{width: 290px;padding-top:10px;}
.lito #year4	{width: 250px;padding-top:10px;}
.lito #year5	{width: 210px;padding-top:10px;}
.lito #year6	{width: 175px;padding-top:10px;}
.lito #year7	{width: 150px;padding-top:10px;}
.lito #year8	{width: 110px;padding:10px 0 0 20px;}
.lito #year9	{width: 110px;padding-top:10px;}
.lito #year10	{width: 90px;padding-top:15px;text-align: left;}
.lito #year11	{width: 80px;padding-top:15px;}
.lito #desc1	{width: 80px;padding:10px 0 0 10px;}
.lito #desc2	{width: 155px;padding-top:10px;}
.lito #desc3	{width: 190px;padding:8px 0 0 25px;}
.lito #desc4	{width: 230px;padding-left: 15px;}
.lito #desc5	{width: 190px;padding-left: 15px;}
.lito #desc6	{width: 290px;padding-left: 15px;}
.lito #desc7	{width: 320px;padding-left: 15px;}
.lito #desc8	{width: 250px;padding-left: 30px;}
.lito #desc9	{width: 250px;}
.lito #desc10	{width: 250px;}
.lito #desc11	{width: 250px;}
	
/* ======================== prasa ======================== */
.prasa h1 span		{background-image: url("i/tytul_prasa.png");width: 330px;}
.prasa h2 span	{background-image: url("i/subtytul_prasa.png");width: 388px;height:38px;}
.prasa img		{float: right;margin:15px 0;}

/* ======================== kamień litograficzny ======================== */
.kamien h1 span		{background-image: url("i/tytul_kamien.png");width: 450px;}

/* ======================== wykonanie rysunku ======================== */
.rysunek h1			{width: 466px;height:92px;}
.rysunek h1 span	{background-image: url("i/tytul_rysunek.png");width: 466px;height:92px;}
.rysunek h2, 
.rysunek h2 span		{width: 231px;height: 21px;}
.rysunek h2#rys1 span	{background-image: url("i/subtytul_rysunek_1.png");}
.rysunek h2#rys2 span	{background-image: url("i/subtytul_rysunek_2.png");}
.rysunek h2#rys3 span	{background-image: url("i/subtytul_rysunek_3.png");}
.rysunek h2#rys4 span	{background-image: url("i/subtytul_rysunek_4.png");}
.rysunek h2#rys5 span	{background-image: url("i/subtytul_rysunek_5.png");}
.rysunek h2#rys6 span	{background-image: url("i/subtytul_rysunek_6.png");}
.rysunek h2#rys7 span	{background-image: url("i/subtytul_rysunek_7.png");}
.rysunek h2#rys8 span	{background-image: url("i/subtytul_rysunek_8.png");}
.rysunek #procesy		{margin:0;padding:70px 0 0 0;position: absolute;left: -200px;top: 340px;width: 188px;background: #fff url("i/tlo_procesy.png") no-repeat 0 0;}
.rysunek #procesy li	{margin:0;padding:0;width: 188px;height:18px;float: left;clear: left;list-style-type:none;}
.rysunek #procesy a		{display:block;margin:0;width: 188px;height:18px;position:relative;background: none;}
.rysunek #procesy span	{margin:0;padding:0;width: 188px;height:18px;position: absolute;top:0;left:0;background-position: 0 100%;background-repeat: no-repeat;cursor: pointer;}
.rysunek #procesy a#r1 span	{background-image: url("i/submenu_rysunek_1.png");}	
.rysunek #procesy a#r2 span	{background-image: url("i/submenu_rysunek_2.png");}
.rysunek #procesy a#r3 span	{background-image: url("i/submenu_rysunek_3.png");}
.rysunek #procesy a#r4 span	{background-image: url("i/submenu_rysunek_4.png");}
.rysunek #procesy a#r5 span	{background-image: url("i/submenu_rysunek_5.png");}
.rysunek #procesy a#r6 span	{background-image: url("i/submenu_rysunek_6.png");}
.rysunek #procesy a#r7 span	{background-image: url("i/submenu_rysunek_7.png");}
.rysunek #procesy a#r8 span	{background-image: url("i/submenu_rysunek_8.png");}

/* ======================== trawienie ======================== */
.trawienie h1 span	{background-image: url("i/tytul_trawienie.png");width: 210px;}
.trawienie h2		{width: 385px;height:23px;}
.trawienie h2 span	{background-image: url("i/subtytul_trawienie.png");width: 385px;height:23px;}
.trawienie dl		{margin:0;padding:0 0 13px 0;background: url("i/tlo_ph_dol.png") no-repeat 0 100%;width: 195px;position: absolute;left: -200px;top: 340px;}
.trawienie dl span	{display: none;}
.trawienie dt.tytul	{background: url("i/tlo_ph_gora_kwas.png") no-repeat 0 0;width: 124px;height: 149px;color: #fff;padding:0;}
.trawienie dd.tytul	{background: url("i/tlo_ph_gora_ph.png") no-repeat 0 0;width: 71px;height: 149px;}
.trawienie dt		{width:102px;height: 16px;margin:0;padding:0 0 0 22px;color: #ababab;background: #000 url("i/tlo_ph.png") repeat-y 0 0;float: left;}
.trawienie dd		{width:71px;height: 16px;margin:0;color: #fff;background: #000 url("i/tlo_ph.png") repeat-y 100% 0;float: left;}

/* ======================== znaki paserskie ======================== */
.pasery h1 span		{background-image: url("i/tytul_pasery.png");width: 199px;}

/* ======================== farba ======================== */
.farba h1 span		{background-image: url("i/tytul_farba.png");width: 310px;}
.farba h2#f1		{height: 50px;width: 310px;}
.farba h2#f2		{height: 51px;width: 240px;}
.farba h2#f1 span	{background-image: url("i/subtytul_farba_nabieranie.png");width: 310px;height:50px;}
.farba h2#f2 span	{background-image: url("i/subtytul_farba_walkowanie.png");width: 240px;height:51px;}

/* ======================== drukowanie ======================== */	
.druk h1 span		{background-image: url("i/tytul_druk.png");width: 100px;}

/* ======================== test ======================== */
.test h1 span		{background-image: url("i/tytul_test.png");width: 70px;}
.test em	{color: #fff;background-color: #000;padding:0 2px 2px 2px;margin:20px 70px 0 0;float:right;font-style: normal}

/* ======================== "linkownia" ======================== */
.linki h1 span		{background-image: url("i/tytul_linki.png");width: 89px;}
.linki ul	{width: 340px;height:auto;float: left;padding:2px 0 0 0;margin:0;color: #000;background: #fff url("i/bg_dot.png") repeat-x 0 0;position: relative;}
.linki ul li	{width: 340px;padding:0 0 5px 0;margin:0;list-style-type: none;color: #000;background: #fff url("i/bg_dot.png") repeat-x 0 100%;}	
.linki ul li a			{color: #000;text-decoration: none;}
.linki ul li a:hover	{color: #ff117c;text-decoration: underline;}

.linki #link_asp		{width: 130px;padding:0 0 10px 55px;background: #fff url("i/logo_asp2.png") no-repeat 0 0;position: absolute;right:-185px;top:0;}
.linki #link_lito		{width: 130px;padding:30px 0 10px 55px;background: #fff url("i/logo_lito.png") no-repeat 0 0;position: absolute;right:-185px;top:70px;}
.linki #link_asp a, .linki #link_lito a	{color: #fff;background-color: #000;padding:0 2px 2px 2px;text-decoration: none;float: left;clear: left;}
.linki #link_asp a:hover, .linki #link_lito a:hover	{color: #ff117c;background-color: #fff;}


/* ========================  ======================== */
.slownik #hasla				{margin:0;width:517px;height: 58px;margin:-350px 0 282px 16px;padding:10px 30px 0 220px;background: #db0050;position: relative;z-index: 100;float:left;display: inline;}
.slownik #hasla	li 			{display: inline;padding:5px 2px;position:relative;z-index:200;float: none;}
.slownik #hasla	li a 		{padding:0 1px;margin:3px 0;display: block;color: #000;text-decoration: none;display: inline;}
.slownik #hasla	li a.aktywny,
.slownik #hasla	li a:hover 	{background-color: #fff}

.slownik #tresc		{padding-top:68px;}
.slownik h1						{height: 35px;width: auto;margin-top:0;}
.slownik h1	span				{height: 35px;}
.slownik h1#kamien span			{background-image: url("i/tytul_slownik_kamien.png");width: 554px;}
.slownik h1#karborund span		{background-image: url("i/tytul_slownik_karborund.png");width: 388px;}
.slownik h1#kredka span			{background-image: url("i/tytul_slownik_kredka.png");width: 557px;}
.slownik h1#tusz span			{background-image: url("i/tytul_slownik_tusz.png");width: 519px;}
.slownik h1#guma span			{background-image: url("i/tytul_slownik_guma.png");width: 450px;}
.slownik h1#kalafonia span		{background-image: url("i/tytul_slownik_kalafonia.png");width: 377px;}
.slownik h1#talk span			{background-image: url("i/tytul_slownik_talk.png");width: 280px;}
.slownik h1#kwas_azotowy span	{background-image: url("i/tytul_slownik_kwas_azotowy.png");width: 455px;}
.slownik h1#terpentyna span		{background-image: url("i/tytul_slownik_terpentyna.png");width: 385px;}
.slownik h1#aceton span			{background-image: url("i/tytul_slownik_aceton.png");width: 312px;}
.slownik h1#asfalt span			{background-image: url("i/tytul_slownik_asfalt.png");width: 301px;}
.slownik h1#szelak span			{background-image: url("i/tytul_slownik_szelak.png");width: 308px;}
.slownik h1#farba span			{background-image: url("i/tytul_slownik_farba.png");width: 485px;}
.slownik h1#magnezja span		{background-image: url("i/tytul_slownik_magnezja.png");width: 365px;}
.slownik h1#walkowanie span		{background-image: url("i/tytul_slownik_walkowanie.png");width: 397px;}
.slownik h1#nafta span			{background-image: url("i/tytul_slownik_nafta.png");width: 308px;}
.slownik h1#kwas_cytrynowy span	{background-image: url("i/tytul_slownik_kwas_cytrynowy.png");width: 530px;}
.slownik h1#denaturat span		{background-image: url("i/tytul_slownik_denaturat.png");width: 377px;}

.slownik li#m1			{background: url("../i/tlo_menu_gora.png") no-repeat 0 0;height: 91px;width: 188px;}
.slownik #m1, .slownik #m2, .slownik #m3, .slownik #m4	{background:none;}
.slownik #m1	{}
.slownik #m2	{margin:-66px 0 0 0;}
.slownik #m3	{margin:-46px 0 0 0;}
.slownik #m4	{margin:-23px 0 0 0;}

/* ========================  ======================== */
.techniki h1 span	{background-image: url("i/tytul_techniki.png");width: px;}