body { font-family: Lucida Grande, Verdana, Sans-serif; margin: 0; } img { border: 0; } .clear { clear: both; } a { text-decoration: none; color: #753492; } a:hover { text-decoration: underline; } #top { width: 900px; height: 120px; margin: 0 auto; } #top #logo { width: 200px; float: left; padding-top: 20px; } #top #ue_logos { float: right; padding-top: 45px;} #menu_bg { width: 100%; height: 78px; background-image:url(http://biznesklasa.garr.pl/gfx/menu_bg.png); background-repeat: repeat-x; } #menu_box { width: 900px; height: 78px; margin: 0 auto;} #menu { float: left; font-size: 13px; } #menu ul { list-style: none; margin: 0; padding: 0; } #menu ul li a { display: block; width: 150px; height: 38px; padding-top: 30px; text-decoration: none; color: #494949; } /* brak */ #menu ul li.aktualnosci_ { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/1.png); background-position: 0 78px; text-align: center; } #menu ul li.aktualnosci_:hover { background-position: 0 0px; } #menu ul li.aktualnosci_visited_ { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/1.png); background-position: 0 0; text-align: center; } #menu ul li.aktualnosci_ a:hover, #menu ul li.aktualnosci_visited_ a { color: #753492; } #menu ul li.faq_ { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/2.png); background-position: 0 78px; text-align: center; } #menu ul li.faq_:hover { background-position: 0 0px; } #menu ul li.faq_visited_ { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/2.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.faq_ a:hover, #menu ul li.faq_visited_ a { color: #753492; } #menu ul li.o_projekcie_ { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/3.png); background-position: 0 78px; text-align: center; } #menu ul li.o_projekcie_:hover { background-position: 0 0px; } #menu ul li.o_projekcie_visited_ { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/3.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.o_projekcie_ a:hover, #menu ul li.o_projekcie_visited_ a { color: #753492; } #menu ul li.kontakt_ { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/4.png); background-position: 0 78px; text-align: center; } #menu ul li.kontakt_:hover { background-position: 0 0; } #menu ul li.kontakt_visited_ { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/4.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.kontakt_ a:hover, #menu ul li.kontakt_visited_ a { color: #753492; } #menu ul li.zglos_sie_ { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/5.png); background-position: 0 78px; text-align: center; } #menu ul li.zglos_sie_:hover { background-position: 0 0; } #menu ul li.zglos_sie_visited_ { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/5.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.zglos_sie_ a:hover, #menu ul li.zglos_sie_visited_ a { color: #753492; } #menu ul li.do_pobrania_ { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/6.png); background-position: 0 78px; text-align: center; } #menu ul li.do_pobrania_:hover { background-position: 0 0; } #menu ul li.do_pobrania_visited_ { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/6.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.do_pobrania_ a:hover, #menu ul li.do_pobrania_visited_ a { color: #753492; } /* aktualnosci */ #menu ul li.aktualnosci_aktualnosci { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/1.png); background-position: 0 78px; text-align: center; } #menu ul li.aktualnosci_aktualnosci:hover { background-position: 0 0px; } #menu ul li.aktualnosci_visited_aktualnosci { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/1.png); background-position: 0 0; text-align: center; } #menu ul li.aktualnosci_aktualnosci a:hover, #menu ul li.aktualnosci_visited_aktualnosci a { color: #753492; } #menu ul li.faq_aktualnosci { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/2.png); background-position: 0 78px; text-align: center; } #menu ul li.faq_aktualnosci:hover { background-position: 0 0px; } #menu ul li.faq_visited_aktualnosci { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/2.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.faq_aktualnosci a:hover, #menu ul li.faq_visited_aktualnosci a { color: #753492; } #menu ul li.o_projekcie_aktualnosci { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/3.png); background-position: 0 78px; text-align: center; } #menu ul li.o_projekcie_aktualnosci:hover { background-position: 0 0px; } #menu ul li.o_projekcie_visited_aktualnosci { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/3.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.o_projekcie_aktualnosci a:hover, #menu ul li.o_projekcie_visited_aktualnosci a { color: #753492; } #menu ul li.kontakt_aktualnosci { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/4.png); background-position: 0 78px; text-align: center; } #menu ul li.kontakt_aktualnosci:hover { background-position: 0 0; } #menu ul li.kontakt_visited_aktualnosci { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/4.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.kontakt_aktualnosci a:hover, #menu ul li.kontakt_visited_aktualnosci a { color: #753492; } #menu ul li.zglos_sie_aktualnosci { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/5.png); background-position: 0 78px; text-align: center; } #menu ul li.zglos_sie_aktualnosci:hover { background-position: 0 0; } #menu ul li.zglos_sie_visited_aktualnosci { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/5.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.zglos_sie_aktualnosci a:hover, #menu ul li.zglos_sie_visited_aktualnosci a { color: #753492; } #menu ul li.do_pobrania_aktualnosci { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/6.png); background-position: 0 78px; text-align: center; } #menu ul li.do_pobrania_aktualnosci:hover { background-position: 0 0; } #menu ul li.do_pobrania_visited_aktualnosci { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/6.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.do_pobrania_aktualnosci a:hover, #menu ul li.do_pobrania_visited_aktualnosci a { color: #753492; } /* faq */ #menu ul li.aktualnosci_faq { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/1a.png); background-position: 0 78px; text-align: center; } #menu ul li.aktualnosci_faq:hover { background-position: 0 0px; } #menu ul li.aktualnosci_visited_faq { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/1a.png); background-position: 0 0; text-align: center; } #menu ul li.aktualnosci_faq a:hover, #menu ul li.aktualnosci_visited_faq a { color: #753492; } #menu ul li.faq_faq { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/2a.png); background-position: 0 78px; text-align: center; } #menu ul li.faq_faq:hover { background-position: 0 0px; } #menu ul li.faq_visited_faq { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/2a.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.faq a:hover, #menu ul li.faq_visited_faq a { color: #753492; } #menu ul li.o_projekcie_faq { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/3a.png); background-position: 0 78px; text-align: center; } #menu ul li.o_projekcie_faq:hover { background-position: 0 0px; } #menu ul li.o_projekcie_visited_faq { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/3a.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.o_projekcie_faq a:hover, #menu ul li.o_projekcie_visited_faq a { color: #753492; } #menu ul li.kontakt_faq { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/4a.png); background-position: 0 78px; text-align: center; } #menu ul li.kontakt_faq:hover { background-position: 0 0; } #menu ul li.kontakt_visited_faq { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/4a.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.kontakt_faq a:hover, #menu ul li.kontakt_visited_faq a { color: #753492; } #menu ul li.zglos_sie_faq { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/5a.png); background-position: 0 78px; text-align: center; } #menu ul li.zglos_sie_faq:hover { background-position: 0 0; } #menu ul li.zglos_sie_visited_faq { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/5a.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.zglos_sie_faq a:hover, #menu ul li.zglos_sie_visited_faq a { color: #753492; } #menu ul li.do_pobrania_faq { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/6a.png); background-position: 0 78px; text-align: center; } #menu ul li.do_pobrania_faq:hover { background-position: 0 0; } #menu ul li.do_pobrania_visited_faq { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/6a.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.do_pobrania_faq a:hover, #menu ul li.do_pobrania_visited_faq a { color: #753492; } /* o_projekcie */ #menu ul li.aktualnosci_o_projekcie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/1b.png); background-position: 0 0; text-align: center; } #menu ul li.aktualnosci_o_projekcie:hover { background-position: 0 78px; } #menu ul li.aktualnosci_visited_o_projekcie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/1b.png); background-position: 0 78px; text-align: center; } #menu ul li.aktualnosci_o_projekcie a:hover, #menu ul li.aktualnosci_visited_o_projekcie a { color: #753492; } #menu ul li.faq_o_projekcie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/2b.png); background-position: 0 0; text-align: center; } #menu ul li.faq_o_projekcie:hover { background-position: 0 78px; } #menu ul li.faq_visited_o_projekcie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/2b.png); background-position: 0 78px; text-align: center; color: #753492; } #menu ul li.faq_o_projekcie a:hover, #menu ul li.faq_visited_o_projekcie a { color: #753492; } #menu ul li.o_projekcie_o_projekcie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/3b.png); background-position: 0 0px; text-align: center; } #menu ul li.o_projekcie_o_projekcie:hover { background-position: 0 78px; } #menu ul li.o_projekcie_visited_o_projekcie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/3b.png); background-position: 0 78px; text-align: center; color: #753492; } #menu ul li.o_projekcie_o_projekcie a:hover, #menu ul li.o_projekcie_visited_o_projekcie a { color: #753492; } #menu ul li.kontakt_o_projekcie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/4b.png); background-position: 0 0px; text-align: center; } #menu ul li.kontakt_o_projekcie:hover { background-position: 0 78px; } #menu ul li.kontakt_visited_o_projekcie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/4b.png); background-position: 0 78px; text-align: center; color: #753492; } #menu ul li.kontakt_o_projekcie a:hover, #menu ul li.kontakt_visited_o_projekcie a { color: #753492; } #menu ul li.zglos_sie_o_projekcie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/5b.png); background-position: 0 0px; text-align: center; } #menu ul li.zglos_sie_o_projekcie:hover { background-position: 0 78px; } #menu ul li.zglos_sie_visited_o_projekcie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/5b.png); background-position: 0 78px; text-align: center; color: #753492; } #menu ul li.zglos_sie_o_projekcie a:hover, #menu ul li.zglos_sie_visited_o_projekcie a { color: #753492; } #menu ul li.do_pobrania_o_projekcie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/6b.png); background-position: 0 0px; text-align: center; } #menu ul li.do_pobrania_o_projekcie:hover { background-position: 0 78px; } #menu ul li.do_pobrania_visited_o_projekcie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/6b.png); background-position: 0 78px; text-align: center; color: #753492; } #menu ul li.do_pobrania_o_projekcie a:hover, #menu ul li.do_pobrania_visited_o_projekcie a { color: #753492; } /* kontakt */ #menu ul li.aktualnosci_kontakt { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/1c.png); background-position: 0 0px; text-align: center; } #menu ul li.aktualnosci_kontakt:hover { background-position: 0 78px; } #menu ul li.aktualnosci_visited_kontakt { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/1c.png); background-position: 0 78px; text-align: center; } #menu ul li.aktualnosci_kontakt a:hover, #menu ul li.aktualnosci_visited_kontakt a { color: #753492; } #menu ul li.faq_kontakt { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/2c.png); background-position: 0 0px; text-align: center; } #menu ul li.faq_kontakt:hover { background-position: 0 78px; } #menu ul li.faq_visited_kontakt { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/2c.png); background-position: 0 78px; text-align: center; color: #753492; } #menu ul li.faq_kontakt a:hover, #menu ul li.faq_visited_kontakt a { color: #753492; } #menu ul li.o_projekcie_kontakt { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/3c.png); background-position: 0 0px; text-align: center; } #menu ul li.o_projekcie_kontakt:hover { background-position: 0 78px; } #menu ul li.o_projekcie_visited_kontakt { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/3c.png); background-position: 0 78px; text-align: center; color: #753492; } #menu ul li.o_projekcie_kontakt a:hover, #menu ul li.o_projekcie_visited_kontakt a { color: #753492; } #menu ul li.kontakt_kontakt { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/4c.png); background-position: 0 0px; text-align: center; } #menu ul li.kontakt_kontakt:hover { background-position: 0 78px; } #menu ul li.kontakt_visited_kontakt { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/4c.png); background-position: 0 78px; text-align: center; color: #753492; } #menu ul li.kontakt_kontakt a:hover, #menu ul li.kontakt_visited_kontakt a { color: #753492; } #menu ul li.zglos_sie_kontakt { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/5c.png); background-position: 0 0px; text-align: center; } #menu ul li.zglos_sie_kontakt:hover { background-position: 0 78px; } #menu ul li.zglos_sie_visited_kontakt { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/5c.png); background-position: 0 78px; text-align: center; color: #753492; } #menu ul li.zglos_sie_kontakt a:hover, #menu ul li.zglos_sie_visited_kontakt a { color: #753492; } #menu ul li.do_pobrania_kontakt { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/6c.png); background-position: 0 0px; text-align: center; } #menu ul li.do_pobrania_kontakt:hover { background-position: 0 78px; } #menu ul li.do_pobrania_visited_kontakt { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/6c.png); background-position: 0 78px; text-align: center; color: #753492; } #menu ul li.do_pobrania_kontakt a:hover, #menu ul li.do_pobrania_visited_kontakt a { color: #753492; } /* zglos_sie */ #menu ul li.aktualnosci_zglos_sie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/1d.png); background-position: 0 0px; text-align: center; } #menu ul li.aktualnosci_zglos_sie:hover { background-position: 0 78px; } #menu ul li.aktualnosci_visited_zglos_sie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/1d.png); background-position: 0 78px; text-align: center; } #menu ul li.aktualnosci_zglos_sie a:hover, #menu ul li.aktualnosci_visited_faq a { color: #753492; } #menu ul li.faq_zglos_sie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/2d.png); background-position: 0 0px; text-align: center; } #menu ul li.faq_zglos_sie:hover { background-position: 0 78px; } #menu ul li.faq_visited_zglos_sie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/2d.png); background-position: 0 78px; text-align: center; color: #753492; } #menu ul li.faq_zglos_sie a:hover, #menu ul li.faq_visited_faq a { color: #753492; } #menu ul li.o_projekcie_zglos_sie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/3d.png); background-position: 0 0px; text-align: center; } #menu ul li.o_projekcie_zglos_sie:hover { background-position: 0 78px; } #menu ul li.o_projekcie_visited_zglos_sie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/3d.png); background-position: 0 78px; text-align: center; color: #753492; } #menu ul li.o_projekcie_zglos_sie a:hover, #menu ul li.o_projekcie_visited_zglos_sie a { color: #753492; } #menu ul li.kontakt_zglos_sie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/4d.png); background-position: 0 0px; text-align: center; } #menu ul li.kontakt_zglos_sie:hover { background-position: 0 78px; } #menu ul li.kontakt_visited_zglos_sie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/4d.png); background-position: 0 78; text-align: center; color: #753492; } #menu ul li.kontakt_zglos_sie a:hover, #menu ul li.kontakt_visited_zglos_sie a { color: #753492; } #menu ul li.zglos_sie_zglos_sie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/5d.png); background-position: 0 0px; text-align: center; } #menu ul li.zglos_sie_zglos_sie:hover { background-position: 0 78px; } #menu ul li.zglos_sie_visited_zglos_sie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/5d.png); background-position: 0 78px; text-align: center; color: #753492; } #menu ul li.zglos_sie_zglos_sie a:hover, #menu ul li.zglos_sie_visited_zglos_sie a { color: #753492; } #menu ul li.do_pobrania_zglos_sie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/6d.png); background-position: 0 0px; text-align: center; } #menu ul li.do_pobrania_zglos_sie:hover { background-position: 0 78px; } #menu ul li.do_pobrania_visited_zglos_sie { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/6d.png); background-position: 0 78px; text-align: center; color: #753492; } #menu ul li.do_pobrania_zglos_sie a:hover, #menu ul li.do_pobrania_visited_zglos_sie a { color: #753492; } /* do_pobrania */ #menu ul li.aktualnosci_do_pobrania { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/1.png); background-position: 0 78px; text-align: center; } #menu ul li.aktualnosci_do_pobrania:hover { background-position: 0 0px; } #menu ul li.aktualnosci_visited_do_pobrania { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/1.png); background-position: 0 0; text-align: center; } #menu ul li.aktualnosci_do_pobrania a:hover, #menu ul li.aktualnosci_visited_do_pobrania a { color: #753492; } #menu ul li.faq_do_pobrania { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/2.png); background-position: 0 78px; text-align: center; } #menu ul li.faq_do_pobrania:hover { background-position: 0 0px; } #menu ul li.faq_visited_do_pobrania { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/2.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.faq_do_pobrania a:hover, #menu ul li.faq_visited_do_pobrania a { color: #753492; } #menu ul li.o_projekcie_do_pobrania { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/3.png); background-position: 0 78px; text-align: center; } #menu ul li.o_projekcie_do_pobrania:hover { background-position: 0 0px; } #menu ul li.o_projekcie_visited_do_pobrania { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/3.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.o_projekcie_do_pobrania a:hover, #menu ul li.o_projekcie_visited_do_pobrania a { color: #753492; } #menu ul li.kontakt_do_pobrania { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/4.png); background-position: 0 78px; text-align: center; } #menu ul li.kontakt_do_pobrania:hover { background-position: 0 0; } #menu ul li.kontakt_visited_do_pobrania { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/4.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.kontakt_do_pobrania a:hover, #menu ul li.kontakt_visited_do_pobrania a { color: #753492; } #menu ul li.zglos_sie_do_pobrania { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/5.png); background-position: 0 78px; text-align: center; } #menu ul li.zglos_sie_do_pobrania:hover { background-position: 0 0; } #menu ul li.zglos_sie_visited_do_pobrania { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/5.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.zglos_sie_do_pobrania a:hover, #menu ul li.zglos_sie_visited_do_pobrania a { color: #753492; } #menu ul li.do_pobrania_do_pobrania { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/6.png); background-position: 0 78px; text-align: center; } #menu ul li.do_pobrania_do_pobrania:hover { background-position: 0 0; } #menu ul li.do_pobrania_visited_do_pobrania { float: left; width: 150px; height: 78px; background-image: url(http://biznesklasa.garr.pl/gfx/6.png); background-position: 0 0; text-align: center; color: #753492; } #menu ul li.do_pobrania_do_pobrania a:hover, #menu ul li.do_pobrania_visited_do_pobrania a { color: #753492; } #main_photo_bg { width: 100%; height: 242px; background-image:url(http://biznesklasa.garr.pl/gfx/main_bg.png); background-repeat: repeat-x; } #main_photo { width: 900px; margin: 0 auto; } #dot { width: 100%; height: 1px; background-image:url(http://biznesklasa.garr.pl/gfx/dot.png); background-repeat: repeat-x; } #main { width: 900px; margin: 0 auto; } #text_box { width: 620px; float: left; } #text_box p { font-size: 13px; text-align: justify; line-height: 150%; } #text_box h1 { margin: 15px 0 0 0; padding: 0; font-size: 14px; color: #753492; } #text_box span.date { font-size: 11px; color: #753492; } #text_box li { font-size: 13px; line-height: 150%; text-align: justify; } #violet_box { float: right; width: 230px; height: 269px; background-image: url(http://biznesklasa.garr.pl/gfx/violet_box.png); background-repeat: no-repeat; padding: 15px; } #violet_box h2 { font-size: 14px; margin: 0 0 20px 0; padding: 0; color: #ffffff; } #violet_box ul { margin: 10px 0 0 25px; padding: 0; } #violet_box ul li { font-size: 13px; color: #ffffff; margin-bottom: 20px; list-style-image:url(http://biznesklasa.garr.pl/gfx/doc_list.png); line-height: 150%; } #violet_box a { color: #ffffff; text-decoration: none; } #violet_box a:hover { text-decoration: underline; } #footer_bg { width: 100%; height: 107px; background-image:url(http://biznesklasa.garr.pl/gfx/footer_bg.png); background-repeat: repeat-x; margin-top: 30px; } #footer { width: 900px; height: 87px; margin: 0 auto; padding-top: 20px; font-size: 10px; color: #d0b2f2; } #footer a { color: #d0b2f2; text-decoration: none; } #footer a:hover { text-decoration: underline; } .blue { background-color: #618aff; padding: 5px; margin: 5px auto; display: block; width: 60%; }