/* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.stunicholls.com/gallery/simple.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* The outer container with a re lative position */ #gallery {width:677px; height:438px; position:relative; left:0px; top:40px; background:#737373; overflow:auto; border:none;} /* Float the ul to the right with a width to give 3 thumbnail images per row */ #gallery ul {list-style:none; padding:0; margin:0 0 0 0; width:80px; float:right; padding-right:40px;} /* Place the list items inline using display:inline for IE and float:left */ #gallery ul li {display:inline; width:70px; height:70px; float:left; margin:0 0 5px 5px; cursor:pointer;} #gallery ul li.hist {width:0; height:0; border:0;margin-top:80px;margin-left:-50px;} /* Set up the thumbnail images as the background images */ /* gadzety */ #gallery ul li.ta1 {background:url(../../portfolio/gadzety/kadry/szary/VTRkadrszary.jpg);} #gallery ul li.ta1:hover {background:url(../../portfolio/gadzety/kadry/kolor/VTRkadr.jpg);} #gallery ul li.ta2 {background:url(../../portfolio/gadzety/kadry/szary/bankspkadrszary.jpg);} #gallery ul li.ta2:hover {background:url(../../portfolio/gadzety/kadry/kolor/bankspkadr.jpg);} #gallery ul li.ta3 {background:url(../../portfolio/gadzety/kadry/szary/cmckadrszary.jpg);} #gallery ul li.ta3:hover {background:url(../../portfolio/gadzety/kadry/kolor/cmckadr.jpg);} #gallery ul li.ta4 {background:url(../../portfolio/gadzety/kadry/szary/pocztakadrszary.jpg);} #gallery ul li.ta4:hover {background:url(../../portfolio/gadzety/kadry/kolor/pocztakadr.jpg);} #gallery ul li.ta5 {background:url(../../portfolio/gadzety/kadry/szary/zakkadrszary.jpg);} #gallery ul li.ta5:hover {background:url(../../portfolio/gadzety/kadry/kolor/zakkadr.jpg);} /* identyfikacja -identyfikacja */ #gallery ul li.tb1 {background:url(../../portfolio/identyfikacja_wizualna/identyfikacja_wizualna/kadry/szary/amreco_kadr_szary.jpg);} #gallery ul li.tb1:hover {background:url(../../portfolio/identyfikacja_wizualna/identyfikacja_wizualna/kadry/kolor/amreco_kadr.jpg);} #gallery ul li.tb2 {background:url(../../portfolio/identyfikacja_wizualna/identyfikacja_wizualna/kadry/szary/savepol_kadr_szary.jpg);} #gallery ul li.tb2:hover {background:url(../../portfolio/identyfikacja_wizualna/identyfikacja_wizualna/kadry/kolor/savepol_kadr.jpg);} #gallery ul li.tb3 {background:url(../../portfolio/identyfikacja_wizualna/identyfikacja_wizualna/kadry/szary/top_safety_kadr_szary.jpg);} #gallery ul li.tb3:hover {background:url(../../portfolio/identyfikacja_wizualna/identyfikacja_wizualna/kadry/kolor/top_sfety_kadr.jpg);} /* identyfikacja - logo*/ #gallery ul li.tba1 {background:url(../../portfolio/identyfikacja_wizualna/logo/kadry/szary/amreco_logo_kadr_szary.jpg);} #gallery ul li.tba1:hover {background:url(../../portfolio/identyfikacja_wizualna/logo/kadry/kolor/amreco_logo_kadr.jpg);} #gallery ul li.tba2 {background:url(../../portfolio/identyfikacja_wizualna/logo/kadry/szary/gabi_logo_kadr_szary.jpg);} #gallery ul li.tba2:hover {background:url(../../portfolio/identyfikacja_wizualna/logo/kadry/kolor/gabi_logo_kadr.jpg);} #gallery ul li.tba3 {background:url(../../portfolio/identyfikacja_wizualna/logo/kadry/szary/eurocamping_logo_kadr_szary.jpg);} #gallery ul li.tba3:hover {background:url(../../portfolio/identyfikacja_wizualna/logo/kadry/kolor/eurocamping_logo_kadr.jpg);} #gallery ul li.tba4 {background:url(../../portfolio/identyfikacja_wizualna/logo/kadry/szary/top_safety_logo_kadr_szary.jpg);} #gallery ul li.tba4:hover {background:url(../../portfolio/identyfikacja_wizualna/logo/kadry/kolor/top_safety_logo_kadr.jpg);} #gallery ul li.tba5 {background:url(../../portfolio/identyfikacja_wizualna/logo/kadry/szary/omega_logo_kadr_szary.jpg);} #gallery ul li.tba5:hover {background:url(../../portfolio/identyfikacja_wizualna/logo/kadry/kolor/omega_logo_kadr.jpg);} #gallery ul li.tba6 {background:url(../../portfolio/identyfikacja_wizualna/logo/kadry/szary/polish_exped_logo_kadr_szary.jpg);} #gallery ul li.tba6:hover {background:url(../../portfolio/identyfikacja_wizualna/logo/kadry/kolor/polish_exped_logo_kadr.jpg);} #gallery ul li.tba7 {background:url(../../portfolio/identyfikacja_wizualna/logo/kadry/szary/premet_logo_kadr_szary.jpg);} #gallery ul li.tba7:hover {background:url(../../portfolio/identyfikacja_wizualna/logo/kadry/kolor/premet_logo_kadr.jpg);} /* kalendarze ind - biuwary*/ #gallery ul li.tca1 {background:url(../../portfolio/kalendarze_indywidualne/biuwary/kadry/szary/axa_biuwar.jpg);} #gallery ul li.tca1:hover {background:url(../../portfolio/kalendarze_indywidualne/biuwary/kadry/kolor/axa_biuwar.jpg);} #gallery ul li.tca2 {background:url(../../portfolio/kalendarze_indywidualne/biuwary/kadry/szary/skawina_biuwar.jpg);} #gallery ul li.tca2:hover {background:url(../../portfolio/kalendarze_indywidualne/biuwary/kadry/kolor/skawina_biuwar.jpg);} /* kalendarze ind - komplety*/ #gallery ul li.tcb1 {background:url(../../portfolio/kalendarze_indywidualne/komplety_kalendarzy/kadry/szary/baltimpex_komplet.jpg);} #gallery ul li.tcb1:hover {background:url(../../portfolio/kalendarze_indywidualne/komplety_kalendarzy/kadry/kolor/baltimpex_komplet.jpg);} #gallery ul li.tcb2 {background:url(../../portfolio/kalendarze_indywidualne/komplety_kalendarzy/kadry/szary/chempest_komplet.jpg);} #gallery ul li.tcb2:hover {background:url(../../portfolio/kalendarze_indywidualne/komplety_kalendarzy/kadry/kolor/chempest_komplet.jpg);} #gallery ul li.tcb3 {background:url(../../portfolio/kalendarze_indywidualne/komplety_kalendarzy/kadry/szary/goodyear_komplet.jpg);} #gallery ul li.tcb3:hover {background:url(../../portfolio/kalendarze_indywidualne/komplety_kalendarzy/kadry/kolor/goodyear_komplet.jpg);} /* kalendarze ind - planszowe_wpl*/ #gallery ul li.tcc1 {background:url(../../portfolio/kalendarze_indywidualne/planszowe_wpl/kadry/szary/bmw.jpg);} #gallery ul li.tcc1:hover {background:url(../../portfolio/kalendarze_indywidualne/planszowe_wpl/kadry/kolor/bmw.jpg);} #gallery ul li.tcc2 {background:url(../../portfolio/kalendarze_indywidualne/planszowe_wpl/kadry/szary/hotel_katowice.jpg);} #gallery ul li.tcc2:hover {background:url(../../portfolio/kalendarze_indywidualne/planszowe_wpl/kadry/kolor/hotel_katowice.jpg);} #gallery ul li.tcc3 {background:url(../../portfolio/kalendarze_indywidualne/planszowe_wpl/kadry/szary/ptkigk.jpg);} #gallery ul li.tcc3:hover {background:url(../../portfolio/kalendarze_indywidualne/planszowe_wpl/kadry/kolor/ptkigk.jpg);} #gallery ul li.tcc4 {background:url(../../portfolio/kalendarze_indywidualne/planszowe_wpl/kadry/szary/vitakraft.jpg);} #gallery ul li.tcc4:hover {background:url(../../portfolio/kalendarze_indywidualne/planszowe_wpl/kadry/kolor/vitakraft.jpg);} /* kalendarze ind - trójdzielne*/ #gallery ul li.tcd1 {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/szary/arcelor.jpg);} #gallery ul li.tcd1:hover {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/kolor/arcelor.jpg);} #gallery ul li.tcd2 {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/szary/befared.jpg);} #gallery ul li.tcd2:hover {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/kolor/befared.jpg);} #gallery ul li.tcd3 {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/szary/koniecpol.jpg);} #gallery ul li.tcd3:hover {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/kolor/koniecpol.jpg);} #gallery ul li.tcd4 {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/szary/axa.jpg);} #gallery ul li.tcd4:hover {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/kolor/axa.jpg);} #gallery ul li.tcd5 {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/szary/marzoll.jpg);} #gallery ul li.tcd5:hover {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/kolor/marzoll.jpg);} #gallery ul li.tcd6 {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/szary/purator.jpg);} #gallery ul li.tcd6:hover {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/kolor/purator.jpg);} #gallery ul li.tcd7 {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/szary/safage.jpg);} #gallery ul li.tcd7:hover {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/kolor/safage.jpg);} #gallery ul li.tcd8 {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/szary/sarpi.jpg);} #gallery ul li.tcd8:hover {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/kolor/sarpi.jpg);} #gallery ul li.tcd9 {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/szary/savepol.jpg);} #gallery ul li.tcd9:hover {background:url(../../portfolio/kalendarze_indywidualne/trojdzielne/kadry/kolor/savepol.jpg);} /* komplety */ #gallery ul li.td1 {background:url(../../portfolio/komplety/kadry/szary/agrosurkadrszary.jpg);} #gallery ul li.td1:hover {background:url(../../portfolio/komplety/kadry/kolor/agrosurkadr.jpg);} #gallery ul li.td2 {background:url(../../portfolio/komplety/kadry/szary/axakadrszary.jpg);} #gallery ul li.td2:hover {background:url(../../portfolio/komplety/kadry/kolor/axakadr.jpg);} #gallery ul li.td3 {background:url(../../portfolio/komplety/kadry/szary/azotykadrszary.jpg);} #gallery ul li.td3:hover {background:url(../../portfolio/komplety/kadry/kolor/azotykadr.jpg);} #gallery ul li.td4 {background:url(../../portfolio/komplety/kadry/szary/dekolorkadrszary.jpg);} #gallery ul li.td4:hover {background:url(../../portfolio/komplety/kadry/kolor/dekolorkadr.jpg);} #gallery ul li.td5 {background:url(../../portfolio/komplety/kadry/szary/esolkadrszary.jpg);} #gallery ul li.td5:hover {background:url(../../portfolio/komplety/kadry/kolor/esolkadr.jpg);} #gallery ul li.td6 {background:url(../../portfolio/komplety/kadry/szary/koniecpolkadrszary.jpg);} #gallery ul li.td6:hover {background:url(../../portfolio/komplety/kadry/kolor/koniecpolkadr.jpg);} #gallery ul li.td7 {background:url(../../portfolio/komplety/kadry/szary/matizolkadrszary.jpg);} #gallery ul li.td7:hover {background:url(../../portfolio/komplety/kadry/kolor/matizolkadr.jpg);} #gallery ul li.td8 {background:url(../../portfolio/komplety/kadry/szary/multimetkadrszary.jpg);} #gallery ul li.td8:hover {background:url(../../portfolio/komplety/kadry/kolor/multimetkadr.jpg);} #gallery ul li.td9 {background:url(../../portfolio/komplety/kadry/szary/nowekwalifikacjekadrszary.jpg);} #gallery ul li.td9:hover {background:url(../../portfolio/komplety/kadry/kolor/nowekwalifikacjekadr.jpg);} /* poligrafia - bloczki */ #gallery ul li.tea1 {background:url(../../portfolio/poligrafia/bloczki/kadry/szary/skawina_notes.jpg);} #gallery ul li.tea1:hover {background:url(../../portfolio/poligrafia/bloczki/kadry/kolor/skawina_notes.jpg);} /* poligrafia - foldery */ #gallery ul li.teb1 {background:url(../../portfolio/poligrafia/foldery/kadry/szary/IETU2007.jpg);} #gallery ul li.teb1:hover {background:url(../../portfolio/poligrafia/foldery/kadry/kolor/IETU2007.jpg);} #gallery ul li.teb2 {background:url(../../portfolio/poligrafia/foldery/kadry/szary/IETU2008.jpg);} #gallery ul li.teb2:hover {background:url(../../portfolio/poligrafia/foldery/kadry/kolor/IETU2008.jpg);} #gallery ul li.teb3 {background:url(../../portfolio/poligrafia/foldery/kadry/szary/an_nowak.jpg);} #gallery ul li.teb3:hover {background:url(../../portfolio/poligrafia/foldery/kadry/kolor/an_nowak.jpg);} #gallery ul li.teb4 {background:url(../../portfolio/poligrafia/foldery/kadry/szary/koniecpol.jpg);} #gallery ul li.teb4:hover {background:url(../../portfolio/poligrafia/foldery/kadry/kolor/koniecpol.jpg);} #gallery ul li.teb5 {background:url(../../portfolio/poligrafia/foldery/kadry/szary/opowiesci_z_mojej_szafy.jpg);} #gallery ul li.teb5:hover {background:url(../../portfolio/poligrafia/foldery/kadry/kolor/opowiesci_z_mojej_szafy.jpg);} #gallery ul li.teb6 {background:url(../../portfolio/poligrafia/foldery/kadry/szary/IETU_MAGIC.jpg);} #gallery ul li.teb6:hover {background:url(../../portfolio/poligrafia/foldery/kadry/kolor/IETU_MAGIC.jpg);} /* poligrafia - inne */ #gallery ul li.tec1 {background:url(../../portfolio/poligrafia/inne/kadry/szary/bmw_kadr.jpg);} #gallery ul li.tec1:hover {background:url(../../portfolio/poligrafia/inne/kadry/kolor/bmw_kadr.jpg);} /* poligrafia - karty katalogowe */ #gallery ul li.ted1 {background:url(../../portfolio/poligrafia/karty_katalogowe/kadry/szary/azoty_adipol.jpg);} #gallery ul li.ted1:hover {background:url(../../portfolio/poligrafia/karty_katalogowe/kadry/kolor/azoty_adipol.jpg);} #gallery ul li.ted2 {background:url(../../portfolio/poligrafia/karty_katalogowe/katalogi/kadry/szary/premet.jpg);} #gallery ul li.ted2:hover {background:url(../../portfolio/poligrafia/karty_katalogowe/kadry/kolor/premet.jpg);} /* poligrafia - katalogi */ #gallery ul li.tee1 {background:url(../../portfolio/poligrafia/katalogi/kadry/szary/energoinstal.jpg);} #gallery ul li.tee1:hover {background:url(../../portfolio/poligrafia/katalogi/kadry/kolor/energoinstal.jpg);} #gallery ul li.tee2 {background:url(../../portfolio/poligrafia/katalogi/kadry/szary/foto_konkurs.jpg);} #gallery ul li.tee2:hover {background:url(../../portfolio/poligrafia/katalogi/kadry/kolor/foto_konkurs.jpg);} #gallery ul li.tee3 {background:url(../../portfolio/poligrafia/katalogi/kadry/szary/metale.jpg);} #gallery ul li.tee3:hover {background:url(../../portfolio/poligrafia/katalogi/kadry/kolor/matale.jpg);} #gallery ul li.tee4 {background:url(../../portfolio/poligrafia/katalogi/kadry/szary/slaskie_smaki.jpg);} #gallery ul li.tee4:hover {background:url(../../portfolio/poligrafia/katalogi/kadry/kolor/slaskie_smaki.jpg);} /* poligrafia - plakaty */ #gallery ul li.tef1 {background:url(../../portfolio/poligrafia/plakaty/kadry/szary/deutsch.jpg);} #gallery ul li.tef1:hover {background:url(../../portfolio/poligrafia/plakaty/kadry/kolor/deutsch.jpg);} #gallery ul li.tef2 {background:url(../../portfolio/poligrafia/plakaty/kadry/szary/falcon.jpg);} #gallery ul li.tef2:hover {background:url(../../portfolio/poligrafia/plakaty/kadry/kolor/falcon.jpg);} /* poligrafia - pudełka */ #gallery ul li.teg1 {background:url(../../portfolio/poligrafia/pudelka/kadry/szary/lecce_pen.jpg);} #gallery ul li.teg1:hover {background:url(../../portfolio/poligrafia/pudelka/kadry/kolor/lecce_pen.jpg);} #gallery ul li.teg2 {background:url(../../portfolio/poligrafia/pudelka/kadry/szary/azoty_pudelka.jpg);} #gallery ul li.teg2:hover {background:url(../../portfolio/poligrafia/pudelka/kadry/kolor/azoty_pudelka.jpg);} #gallery ul li.teg3 {background:url(../../portfolio/poligrafia/pudelka/kadry/szary/pascal.jpg);} #gallery ul li.teg3:hover {background:url(../../portfolio/poligrafia/pudelka/kadry/kolor/pascal.jpg);} /* poligrafia - segregatory */ #gallery ul li.teh1 {background:url(../../portfolio/poligrafia/segregatory/kadry/szary/bolsped.jpg);} #gallery ul li.teh1:hover {background:url(../../portfolio/poligrafia/segregatory/kadry/kolor/bolsped.jpg);} #gallery ul li.teh2 {background:url(../../portfolio/poligrafia/segregatory/kadry/szary/euroteczka.jpg);} #gallery ul li.teh2:hover {background:url(../../portfolio/poligrafia/segregatory/kadry/kolor/euroteczka.jpg);} #gallery ul li.teh3 {background:url(../../portfolio/poligrafia/segregatory/kadry/szary/hobas.jpg);} #gallery ul li.teh3:hover {background:url(../../portfolio/poligrafia/segregatory/kadry/kolor/hobas.jpg);} /* poligrafia - teczki */ #gallery ul li.tei1 {background:url(../../portfolio/poligrafia/teczki/kadry/szary/wats.jpg);} #gallery ul li.tei1:hover {background:url(../../portfolio/poligrafia/teczki/kadry/kolor/wats.jpg);} #gallery ul li.tei2 {background:url(../../portfolio/poligrafia/teczki/kadry/szary/axa.jpg);} #gallery ul li.tei2:hover {background:url(../../portfolio/poligrafia/teczki/kadry/kolor/axa.jpg);} #gallery ul li.tei3 {background:url(../../portfolio/poligrafia/teczki/kadry/szary/ecoone.jpg);} #gallery ul li.tei3:hover {background:url(../../portfolio/poligrafia/teczki/kadry/kolor/ecoone.jpg);} #gallery ul li.tei4 {background:url(../../portfolio/poligrafia/teczki/kadry/szary/energosilesia.jpg);} #gallery ul li.tei4:hover {background:url(../../portfolio/poligrafia/teczki/kadry/kolor/energosilesia.jpg);} #gallery ul li.tei5 {background:url(../../portfolio/poligrafia/teczki/kadry/szary/slaskie_centrum_logistyki.jpg);} #gallery ul li.tei5:hover {background:url(../../portfolio/poligrafia/teczki/kadry/kolor/slaskie_centrum_logistyki.jpg);} #gallery ul li.tei6 {background:url(../../portfolio/poligrafia/teczki/kadry/szary/fortis.jpg);} #gallery ul li.tei6:hover {background:url(../../portfolio/poligrafia/teczki/kadry/kolor/fortis.jpg);} #gallery ul li.tei7 {background:url(../../portfolio/poligrafia/teczki/kadry/szary/inpropolicrete.jpg);} #gallery ul li.tei7:hover {background:url(../../portfolio/poligrafia/teczki/kadry/kolor/inpropolicrete.jpg);} #gallery ul li.tei8 {background:url(../../portfolio/poligrafia/teczki/kadry/szary/poligrafiaplus.jpg);} #gallery ul li.tei8:hover {background:url(../../portfolio/poligrafia/teczki/kadry/kolor/poligrafiaplus.jpg);} /* poligrafia - torby */ #gallery ul li.tej1 {background:url(../../portfolio/poligrafia/torby/kadry/szary/izba_rzemieslnicza.jpg);} #gallery ul li.tej1:hover {background:url(../../portfolio/poligrafia/torby/kadry/kolor/izba_rzemieslnicza.jpg);} #gallery ul li.tej2 {background:url(../../portfolio/poligrafia/torby/kadry/szary/motorcentrum.jpg);} #gallery ul li.tej2:hover {background:url(../../portfolio/poligrafia/torby/kadry/kolor/motorcentrum.jpg);} #gallery ul li.tej3 {background:url(../../portfolio/poligrafia/torby/kadry/szary/torba_BPSC.jpg);} #gallery ul li.tej3:hover {background:url(../../portfolio/poligrafia/torby/kadry/kolor/torba_BPSC.jpg);} #gallery ul li.tej4 {background:url(../../portfolio/poligrafia/torby/kadry/szary/unimies.jpg);} #gallery ul li.tej4:hover {background:url(../../portfolio/poligrafia/torby/kadry/kolor/unimies.jpg);} /* poligrafia - ulotki */ #gallery ul li.tek1 {background:url(../../portfolio/poligrafia/ulotki/kadry/szary/WSB.jpg);} #gallery ul li.tek1:hover {background:url(../../portfolio/poligrafia/ulotki/kadry/kolor/WSB.jpg);} #gallery ul li.tek2 {background:url(../../portfolio/poligrafia/ulotki/kadry/szary/axa.jpg);} #gallery ul li.tek2:hover {background:url(../../portfolio/poligrafia/ulotki/kadry/kolor/axa.jpg);} /* prezentacje */ #gallery ul li.tf1 {background:url(../../portfolio/prezentacjemultimedialne/kadry/szary/energopol.jpg);} #gallery ul li.tf1:hover {background:url(../../portfolio/prezentacjemultimedialne/kadry/kolor/energopol.jpg);} #gallery ul li.tf2 {background:url(../../portfolio/prezentacjemultimedialne/kadry/szary/savepol.jpg);} #gallery ul li.tf2:hover {background:url(../../portfolio/prezentacjemultimedialne/kadry/kolor/savepol.jpg);} /* reklamy zewnętrzne */ #gallery ul li.tg1 {background:url(../../portfolio/reklama_zewnetrzna/kadry/szary/inpro_samoch.jpg);} #gallery ul li.tg1:hover {background:url(../../portfolio/reklama_zewnetrzna/kadry/kolor/inpro_samoch.jpg);} #gallery ul li.tg2 {background:url(../../portfolio/reklama_zewnetrzna/kadry/szary/wats_samoch.jpg);} #gallery ul li.tg2:hover {background:url(../../portfolio/reklama_zewnetrzna/kadry/kolor/wats_samoch.jpg);} /* reklamy prasowe */ #gallery ul li.th1 {background:url(../../portfolio/reklamy_prasowe/kadry/szary/LG.jpg);} #gallery ul li.th1:hover {background:url(../../portfolio/reklamy_prasowe/kadry/kolor/LG.jpg);} #gallery ul li.th2 {background:url(../../portfolio/reklamy_prasowe/kadry/szary/agrosur.jpg);} #gallery ul li.th2:hover {background:url(../../portfolio/reklamy_prasowe/kadry/kolor/agrosur.jpg);} #gallery ul li.th3 {background:url(../../portfolio/reklamy_prasowe/kadry/szary/axa.jpg);} #gallery ul li.th3:hover {background:url(../../portfolio/reklamy_prasowe/kadry/kolor/axa.jpg);} #gallery ul li.th4 {background:url(../../portfolio/reklamy_prasowe/kadry/szary/befared.jpg);} #gallery ul li.th4:hover {background:url(../../portfolio/reklamy_prasowe/kadry/kolor/befared.jpg);} #gallery ul li.th5 {background:url(../../portfolio/reklamy_prasowe/kadry/szary/hydropool.jpg);} #gallery ul li.th5:hover {background:url(../../portfolio/reklamy_prasowe/kadry/kolor/hydropool.jpg);} #gallery ul li.th6 {background:url(../../portfolio/reklamy_prasowe/kadry/szary/lecce_pen.jpg);} #gallery ul li.th6:hover {background:url(../../portfolio/reklamy_prasowe/kadry/kolor/lecce_pen.jpg);} #gallery ul li.th7 {background:url(../../portfolio/reklamy_prasowe/kadry/szary/lecce_pen1.jpg);} #gallery ul li.th7:hover {background:url(../../portfolio/reklamy_prasowe/kadry/kolor/lecce_pen2.jpg);} /* wydawnictwa książkowe */ #gallery ul li.ti1 {background:url(../../portfolio/wydawnictwa_książkowe/albumy/kadry/szary/album_raciborz.jpg);} #gallery ul li.ti1:hover {background:url(../../portfolio/wydawnictwa_książkowe/albumy/kadry/kolor/album_raciborz.jpg);} #gallery ul li.ti2 {background:url(../../portfolio/wydawnictwa_książkowe/albumy/kadry/szary/album_rybnik.jpg);} #gallery ul li.ti2:hover {background:url(../../portfolio/wydawnictwa_książkowe/albumy/kadry/kolor/album_rybnik.jpg);} /* wystawiennictwo i POS */ #gallery ul li.tj1 {background:url(../../portfolio/wystawiennictwo_i_POS/kadry/szary/deutsch.jpg);} #gallery ul li.tj1:hover {background:url(../../portfolio/wystawiennictwo_i_POS/kadry/kolor/deutsch.jpg);} #gallery ul li.tj2 {background:url(../../portfolio/wystawiennictwo_i_POS/kadry/szary/GCM.jpg);} #gallery ul li.tj2:hover {background:url(../../portfolio/wystawiennictwo_i_POS/kadry/kolor/GCM.jpg);} #gallery ul li.tj3 {background:url(../../portfolio/wystawiennictwo_i_POS/kadry/szary/UP.jpg);} #gallery ul li.tj3:hover {background:url(../../portfolio/wystawiennictwo_i_POS/kadry/kolor/UP.jpg);} #gallery ul li.tj4 {background:url(../../portfolio/wystawiennictwo_i_POS/kadry/szary/dospel.jpg);} #gallery ul li.tj5:hover {background:url(../../portfolio/wystawiennictwo_i_POS/kadry/kolor/dospel.jpg);} #gallery ul li.tj5 {background:url(../../portfolio/wystawiennictwo_i_POS/kadry/szary/helion.jpg);} #gallery ul li.tj5:hover {background:url(../../portfolio/wystawiennictwo_i_POS/kadry/kolor/helion.jpg);} #gallery ul li.tj6 {background:url(../../portfolio/wystawiennictwo_i_POS/kadry/szary/kabama.jpg);} #gallery ul li.tj6:hover {background:url(../../portfolio/wystawiennictwo_i_POS/kadry/kolor/kabama.jpg);} #gallery ul li.tj7 {background:url(../../portfolio/wystawiennictwo_i_POS/kadry/szary/sym.jpg);} #gallery ul li.tj7:hover {background:url(../../portfolio/wystawiennictwo_i_POS/kadry/kolor/sym.jpg);} /* Hide the full size images */ #gallery ul li span i img {display:none;} /* set up the .click style which will be added using javascript */ /* Change the li border to white */ #gallery ul li.click { cursor:default;} /* Position the span using an absolute position and specify the width and height */ #gallery ul li.click span {position:absolute; left:0px; top:0; width:570px; height:355px;} /* Set up the i so that it is the same size as the span BUT this has a static position so that the image can be both vertically and horizontally centered in all browsers except IE using display:table-cell */ #gallery ul li.click span i {width:570px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} /* Make the image actual size using auto width and height */ #gallery ul li.click span i img {display:block; width:auto; height:auto; margin:0 auto;} /* set up the default image */ #gallery ul li.default {width:0; height:0; border:0;} #gallery ul li.default span {position:absolute; left:0; top:0; width:570px; height:355px;} #gallery ul li.default span i {width:570px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} /* specify the image width and height for IE6 */ #gallery ul li.default span i img {display:block; width:auto; height:auto; margin:0 auto;} #gallery ul li.off {display:none;} .hist1 {margin-left:1px; font-family: verdana, Sans-serif; font-size:10px;color:white;}