body { margin: 0; padding: 10px 0; font: normal normal normal 13px/1.2 Arial, Verdana, sans-serif; background-color: #f0f0f0; color: #000000; }
a, a:link, a:visited { text-decoration: none; font-weight: normal; color: #b00000; }
a:hover, a:active { text-decoration: underline; font-weight: normal; color: #c00000; }
a:focus { outline: none; }
address { font-style: normal; font-weight: normal; line-height: 1.4; text-align: center; text-indent: 0; }
h2 { clear: both; margin: 12px 0 8px; padding: 0; font: normal normal bold 15px/1.2 "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif; text-align: justify; text-indent: 0; color: #000000; }
img { border: 0; }
p { margin: 8px 0; padding: 0; text-align: justify; text-indent: 24px; color: #000000; }
ul { margin: 0; padding: 0; list-style: disc outside; }
ol { margin: 0; padding: 0; list-style: decimal outside; }
ol li, ul li { margin: 3px 0 3px 33px; padding: 0; text-align: justify; }
#strona { margin: 0 auto; padding: 0; width: 770px; height: auto; background: url(grafika/strona_cien.png) left top repeat-y; }
#gora { clear: both; position: relative; left: 0; top: 0; margin: 0; padding: 0; width: 770px; height: 230px; background: url(grafika/gora_tlo.png) center bottom no-repeat; }
#bazet, #firma { z-index: 20; position: absolute; left: 0; margin: 0; padding: 0; width: 385px; font: normal normal normal 11px/1.0 Arial, Verdana, sans-serif; }
#bazet { top: 0; height: 95px; background: url(grafika/gora_bazet.png) left top no-repeat; }
#firma { top: 95px; height: 55px; background: url(grafika/gora_firma_realizacyjna.png) left top no-repeat; }
#bazet a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; }
#bazet span, #firma span { visibility: hidden; }
#topmaska, #topstronaglowna, #topofirmie, #topoferta, #toprealizacje, #topreferencje, #topkontakt { z-index: 0; position: absolute; right: 0; margin: 0; padding: 0; width: 385px; height: 165px; }
#topmaska { height: 180px; z-index: 10; top: 0; background: url(grafika/gora_maska.gif) left top no-repeat; }
#topstronaglowna { top: 10px; background: url(grafika/gora_strona_glowna.jpg) left top no-repeat; }
#topofirmie { top: 10px; background: url(grafika/gora_o_firmie.jpg) left top no-repeat; }
#topoferta { top: 10px; background: url(grafika/gora_oferta.jpg) left top no-repeat; }
#toprealizacje { top: 10px; background: url(grafika/gora_realizacje.jpg) left top no-repeat; }
#topreferencje { top: 10px; background: url(grafika/gora_referencje.jpg) left top no-repeat; }
#topkontakt { top: 10px; background: url(grafika/gora_kontakt.jpg) left top no-repeat; }
#menu { z-index: 50; position: absolute; left: 10px; top: 150px; margin: 0; padding: 0; width: 728px; height: 60px; font: normal normal normal 11px/1.0 Arial, Verdana, sans-serif; background: url(grafika/gora_menu.png) left top no-repeat; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu ul li { display: block; margin: 0; padding: 0; }
#menu ul li a { overflow: hidden; display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; border: 0; color: #ffffff; }
#menu ul li a span { visibility: hidden; }
#menu00, #menu01, #menu02, #menu03, #menu04, #menu05, #menu00sel, #menu01sel, #menu02sel, #menu03sel, #menu04sel, #menu05sel { z-index: 100; position: absolute; top: 0; width: 116px; height: 60px; }
#menu00, #menu00sel { left: 25px; }
#menu00 a { background: url(grafika/pl_menu_00.png) 0px 0px no-repeat; }
#menu00sel a { background: url(grafika/pl_menu_00.png) 0px -60px no-repeat; }
#menu00 a:hover, #menu00sel a:hover { background: url(grafika/pl_menu_00.png) 0px -60px no-repeat; }
#menu01, #menu01sel { left: 142px; }
#menu01 a { background: url(grafika/pl_menu_01.png) 0px 0px no-repeat; }
#menu01sel a { background: url(grafika/pl_menu_01.png) 0px -60px no-repeat; }
#menu01 a:hover, #menu01sel a:hover { background: url(grafika/pl_menu_01.png) 0px -60px no-repeat; }
#menu02, #menu02sel { left: 259px; }
#menu02 a { background: url(grafika/pl_menu_02.png) 0px 0px no-repeat; }
#menu02sel a { background: url(grafika/pl_menu_02.png) 0px -60px no-repeat; }
#menu02 a:hover, #menu02sel a:hover { background: url(grafika/pl_menu_02.png) 0px -60px no-repeat; }
#menu03, #menu03sel { left: 376px; }
#menu03 a { background: url(grafika/pl_menu_03.png) 0px 0px no-repeat; }
#menu03sel a { background: url(grafika/pl_menu_03.png) 0px -60px no-repeat; }
#menu03 a:hover, #menu03sel a:hover { background: url(grafika/pl_menu_03.png) 0px -60px no-repeat; }
#menu04, #menu04sel { left: 493px; }
#menu04 a { background: url(grafika/pl_menu_04.png) 0px 0px no-repeat; }
#menu04sel a { background: url(grafika/pl_menu_04.png) 0px -60px no-repeat; }
#menu04 a:hover, #menu04sel a:hover { background: url(grafika/pl_menu_04.png) 0px -60px no-repeat; }
#menu05, #menu05sel { left: 610px; }
#menu05 a { background: url(grafika/pl_menu_05.png) 0px 0px no-repeat; }
#menu05sel a { background: url(grafika/pl_menu_05.png) 0px -60px no-repeat; }
#menu05 a:hover, #menu05sel a:hover { background: url(grafika/pl_menu_05.png) 0px -60px no-repeat; }
#menukoniec { z-index: 50; position: absolute; right: 10px; top: 150px; margin: 0; padding: 0; width: 22px; height: 60px; background: url(grafika/menu_koniec.gif) left top no-repeat; }
#srodek { clear: both; margin: 0 auto; padding: 0; width: 770px; height: auto; background: url(grafika/srodek_tlo.png) center top repeat-y; }
#stronaglownagora, #stronaglownadol, #ofirmiegora, #ofirmiedol, #ofertagora, #ofertadol, #realizacjegora, #realizacjedol, #referencjegora, #referencjedol, #kontaktgora, #kontaktdol { margin: 0 auto; padding: 0; width: 754px; height: auto; }
#stronaglownagora { background: url(grafika/srodek_strona_glowna_gora.png) center top no-repeat; }
#stronaglownadol { background: url(grafika/srodek_strona_glowna_dol.png) center bottom no-repeat; }
#ofirmiegora { background: url(grafika/srodek_o_firmie_gora.png) center top no-repeat; }
#ofirmiedol { background: url(grafika/srodek_o_firmie_dol.png) center bottom no-repeat; }
#ofertagora { background: url(grafika/srodek_oferta_gora.png) center top no-repeat; }
#ofertadol { background: url(grafika/srodek_oferta_dol.png) center bottom no-repeat; }
#realizacjegora { background: url(grafika/srodek_realizacje_gora.png) center top no-repeat; }
#realizacjedol { background: url(grafika/srodek_realizacje_dol.png) center bottom no-repeat; }
#referencjegora { background: url(grafika/srodek_referencje_gora.png) center top no-repeat; }
#referencjedol { background: url(grafika/srodek_referencje_dol.png) center bottom no-repeat; }
#kontaktgora { background: url(grafika/srodek_kontakt_gora.png) center top no-repeat; }
#kontaktdol { background: url(grafika/srodek_kontakt_dol.png) center bottom no-repeat; }
#zawartosc { margin: 0 0 0 100px; padding: 0; width: 622px; height: auto; min-height: 500px; background: url(grafika/zawartosc_tlo.png) left top repeat-y; }
#tresc { margin: 0 0 0 22px; padding: 25px 0; width: 580px; height: auto; }
#mapa { clear: both; display: block; margin: 25px auto; padding: 0; border: 1px solid #c0c0c0; cursor: help; }
#dol { clear: both; position: relative; left: 0; top: 0; margin: 0 auto; padding: 0; width: 770px; height: 65px; font: normal normal normal 11px/1.0 Arial, Verdana, sans-serif; background: url(grafika/dol_tlo.png) center top no-repeat; color: #ffe8e8; }
#dol a, #dol a:link, #dol a:visited { font-weight: normal; text-decoration: none; color: #ffff18; }
#dol a:hover, #dol a:active { font-weight: normal; text-decoration: underline; color: #ffff18; }
#dol strong { font-weight: normal; font-style: normal; }
#copyright { position: absolute; left: 30px; top: 31px; margin: 0; padding: 0; }
#credits { position: absolute; right: 30px; top: 31px; margin: 0; padding: 0; }
#credits strong a { color: #f1f1f1 !important; }
#counter { position: absolute; left: 400px; top: 31px; margin: 0; padding: 0; }
.witamy { clear: both; margin: 12px 0 8px; padding: 0; font: normal normal normal 24px/1.2 Tahoma, Arial, Verdana, sans-serif; text-align: center; text-indent: 0; color: #000000; }
.pc { text-align: center; text-indent: 0; }
.zapraszamy { margin-right: 50px; text-align: right; text-indent: 0; }
.podpis { margin-right: 150px; text-align: right; text-indent: 0; }
.ul { margin: 8px 0 3px; }
.fl { float: left; display: inline; margin: 6px 12px 12px 0; padding: 0; border: 1px solid #808080; }
.fr { float: right; display: inline; margin: 6px 0 12px 12px; padding: 0; border: 1px solid #808080; }
.cb { clear: both; }
.flash { display: block; margin: 23px auto; padding: 0; border: 0; }
.realizacje { clear: both; display: block; margin: 10px auto; padding: 0; border: 0; }
.referencje { float: left; display: inline; margin: 10px 0 20px 30px; padding: 0; border: 1px solid #c0c0c0; }