*						{margin: 0; padding: 0; background-position: left top; background-repeat: no-repeat;}
body						{background: #ffffff url('../img/layout_main/bg_body.gif') left top repeat-x; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 11px;}


/* GFX Layout */


a span						{cursor: pointer;}
.spanned a					{display: block; text-decoration: none;}
.spanned span					{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}
.clearing					{float: none; clear: both; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden;}
.ostatni					{border: none !important;}


/* Submenu */


.submenu ul					{display: none;}
.over 	 ul					{display: block;}
.out  	 ul					{display: none;}

#logowanie.over h2 a span			{background-position: 0 -50px;}
.klienci  .over h2 a span			{background-position: 0 -30px;}


/* Główne kontenery */

/*#ribbon						{width: 60px; height: 103px; background-image: url('../img/ribbon.png'); z-index: 5; position: absolute; margin-top: 15px; margin-left: 10px }*/
#kontener					{width: 1000px; margin: 0 auto;}
#naglowek					{width: 1000px; height: 349px;}
#tresc						{width: 980px; padding: 0 20px 34px 0; z-index: 4;}
#stopka						{width: 940px; height: 95px; padding: 0 30px 20px 30px;}


/* Naglowek */


h1						{position: absolute; left: 0; top: 0; width: 245px; height: 96px; overflow: hidden;}
h1 a						{width: 245px; height: 63px; padding: 33px 0 0 0; font-size: 18px; font-family: Tahoma, sans-serif; text-align: center; text-transform: uppercase; letter-spacing: -0.1pt; color: #4b4b4b;}
h1 a strong					{font-size: 14px; padding-right: 20px;}
h1 a span					{width: 245px; height: 96px; background-image: url('../img/layout_main/bg_h1_logo.gif');}


#naglowek a					{display: block;}


#naglowek div#flash_naglowek			{position: absolute; top: 0; z-index: 2;}

#naglowek p					{position: absolute; top: 0; z-index: 0; font-size: 12px; margin: 0; text-transform: uppercase;}
#naglowek p a					{color: #87bce6;}
#naglowek p strong				{font-size: 20px; text-transform: uppercase; display: block;}

#naglowek p.main_banner_1 		span	{background-image: url('../img/layout_main/main_banner_1.jpg');}
#naglowek p.subpage_banner_1		span	{background-image: url('../img/layout_main/subpage_banner_1.jpg');}

#naglowek ul					{position: absolute; list-style: none;}
#naglowek ul li					{display: block;}


#naglowek ul#opcje				{right: 0; top: 0; width: 540px; height: 25px; z-index: 1;}
#naglowek ul#opcje li				{height: 25px; float: left; display: inline;}
#naglowek ul#opcje li a				{height: 11px; padding: 14px 0 0 32px; font-size: 9px; font-weight: bold; color: #4b4b4b; text-transform: uppercase;}
#naglowek ul#opcje li a	span			{height: 25px;}

#naglowek ul#opcje li#strona_glowna 	a	{width: 90px;}
#naglowek ul#opcje li#mapa_strony 	a	{width: 75px;}
#naglowek ul#opcje li#ulubione 		a	{width: 117px;}
#naglowek ul#opcje li#praca 		a	{width: 30px; padding-left: 29px;}
#naglowek ul#opcje li#strona_glowna 	a span	{width: 123px; background-image: url('../img/layout_main/bg_li_strona_glowna_a.gif');}
#naglowek ul#opcje li#mapa_strony 	a span	{width: 108px; background-image: url('../img/layout_main/bg_li_mapa_strony_a.gif');}
#naglowek ul#opcje li#ulubione 		a span	{width: 150px; background-image: url('../img/layout_main/bg_li_dodaj_do_ulubionych_a.gif');}
#naglowek ul#opcje li#praca 		a span	{width: 59px; background-image: url('../img/layout_main/bg_li_praca_a.gif');}
#naglowek ul#opcje li#kontakt 		a span	{width: 100px; background-image: url('../img/layout_main/bg_li_kontakt_a.gif');}

#logowanie					{position: absolute; top: 41px; left: 755px; width: 195px; padding: 20px 20px 11px 20px; z-index: 8; background: #f5f3ec url('../img/layout_main/bg_blok_logowanie.gif') left top repeat-x;}
#logowanie h2					{position: relative; width: 235px; height: 50px; margin: -20px -20px -11px -20px; padding: 0; border: 0;}
#logowanie h2 a					{width: 217px; height: 33px; padding: 17px 0 0 18px; font-size: 14px; font-weight: normal; color: #FFFFFF; text-transform: uppercase; letter-spacing: -0.1pt;}
#logowanie h2 a:hover				{cursor: pointer;}
#logowanie h2 a				span	{width: 235px; height: 50px; background-image: url('../img/layout_main/bg_header_h2_a_logowanie.gif');}
#logowanie h2 a:hover			span	{background-position: 0 -50px;}
#logowanie h2 a.selected		span	{background-position: 0 -50px;}

#logowanie ul					{position: relative; margin-top: -8px; width: 191px; padding: 0; background: #f5f3ec url('../img/layout_main/bg_ul_logowanie.gif') left top repeat-x;}
#logowanie ul li				{width: 191px; height: 24px; border-bottom: 1px #dcdcdc solid;}
#logowanie ul li a				{width: 178px; height: 19px; padding: 5px 0 0 13px; font-family: tahoma, sans-serif; color: #ffcc99; background: url('../img/layout_main/bg_ul_logowanie_li_a.gif') left top no-repeat;}
#logowanie ul li a:hover 			{color: #FFFFFF; background-position: 0 -24px;}


/* Tresc */


#tresc #lewa_kolumna					{float: left; width: 225px; padding: 0 0 0 20px; background-color: #fff;}

#tresc #lewa_kolumna ul#menu_glowne			{position: relative; width: 235px; margin-left: -10px; background-color: #fff;}
#tresc #lewa_kolumna ul#menu_glowne li			{width: 225px; height: 29px; border-bottom: 1px #f5f3ea solid;}
#tresc #lewa_kolumna ul#menu_glowne li a		{width: 179px; height: 20px; padding: 8px 23px 0 23px; font-weight: bold; color: #9bcc96; text-transform: uppercase; background: url('../img/layout_main/bg_ul_menu_glowne_li_a.jpg') left top no-repeat;}
#tresc #lewa_kolumna ul#menu_glowne li a:hover		{background-position: 0 -29px; color: #359829;}
#tresc #lewa_kolumna ul#menu_glowne li a:active		{background-position: 0 -58px; color: #359829;}
#tresc #lewa_kolumna ul#menu_glowne li a.selected	{background-position: 0 -58px; color: #359829;}

#tresc #lewa_kolumna #narzedzia_naglowek		{position: relative; width: 215px; margin: 0; padding: 12px 10px 0 0; background: #fff;}
#tresc #lewa_kolumna #narzedzia_naglowek ul li		{width: 215px; height: 24px; border-bottom: 1px #e5e5e5 solid;}
#tresc #lewa_kolumna #narzedzia_naglowek ul li a	{width: 189px; height: 19px; padding: 5px 13px 0 13px; font-weight: bold; color: #ff6600; background: url('../img/layout_main/bg_naglowek_narzedzia_ul_li_a.jpg') left top no-repeat;}
#tresc #lewa_kolumna #narzedzia_naglowek ul li a:hover	{background-position: 0 -24px;}

#tresc #prawa_kolumna				{float: right; background: #fff;}

#prawa_kolumna #tresc_lewa			{float: left; width: 455px; padding: 12px 0 21px 0;}
#prawa_kolumna #tresc_prawa			{float: right; width: 235px; padding: 34px 0 0 0;}


/* Stopka */


#stopka p.copyright				{width: 940px; height: 20px; margin-top: 0; font-size: 10px; font-weight: bold; color: #359829; text-align: right; background: url('../img/layout_main/bg_p_copyright.gif') left bottom repeat-x;}

#stopka ul					{position: absolute; top: 20px; right: 25px; width: 549px; height: 20px; margin: 0; padding: 2px 0 0 0;}
#stopka ul li					{height: 20px; display: inline; text-align: center; padding: 0;}		
#stopka ul li a					{height: 16px; padding: 4px 11px 0 9px; display: inline; font-size: 9px; color: #666666; background: url('../img/layout_main/bg_stopka_ul_li_a.gif') top right no-repeat;}
#stopka ul li.ostatni a				{padding-right: 0; background: none;}

#stopka p.credits				{position: absolute; top: 40px; right: 30px; width: 85px; height: 55px; text-align: right;}
#stopka p.credits a				{width: 85px; height: 55px; color: #464646;}
#stopka p.credits a span			{width: 85px; height: 55px; background-image: url('../img/layout_main/bg_stopka_p_credits.gif');}