/* sklep.gram.pl v2 */ /* style wspolne */ img { border: 0; padding: 0; } a { color: #000; } a.g,a.gh { color: #00699d; font-weight: bold; } a.g2,a.gh { color: #00699d; font-weight: bold; text-decoration:none; } a.gh { text-decoration: underline; } a.g:hover,a.gh { color: #c11a1a; } a.mu { text-decoration: none; } p,form,ul,h1,h2,h3,h4 { margin: 0; padding: 0; } ul { list-style-type: none; } h1,h2,h3,h4 { font: 11px/16px Arial; } a.pw { color: #c11a1a; } span.pt { font-size: 10px; font-family: Arial Narrow, Arial; position: relative; margin: -1px 0 0 2px; color: #6e6d6d; } span.h { color: #e53b1b; font-weight: bold; } span.po { color: #e53b1b; font: normal 10px Arial Narrow, Arial; position: relative; margin: -1px 0 0 2px; } h2 span.po { font-size: 18px; font-weight: bold; } span.h a { color: #e53b1b; } span.cso { display: block; font-weight: normal; text-decoration: line-through; margin: -10px 0 6px 0; } span.platw { color: #fff; font-weight: bold; font-family: Tahoma; height: 14px; padding: 0px 5px; margin: 0 5px 0 0; font-size: 9px; line-height: 10px; position: relative; } span.p_pc {background: #ecba44; } span.p_ps {background: #8da5d5; } span.p_psp {background: #232323; } span.p_xbox {background: #97c753; } span.p_gc {background: #bba6d0; } span.p_wii {background: #7e54a6; } span.p_nds { background: #b4b4b4; } span.p_mac { background: #b9b9b9; } div.inf { border: 1px solid #cedaee; background: transparent; padding: 1px; margin: 6px auto; } div.inf p { background: #f1f6fe url('../img_sklep/bg_inf.gif'); text-align: justify; padding: 8px 10px; line-height: 18px; } div.inf p span.h img.ico { height: 17px; margin-right: 5px; float: left; } div.inf p span.h img.icoh { float: left; height: 20px; margin-right: 5px; margin-top: -2px; } div.inf p span.h img.icob { width: 26px; height: 20px; margin-top: -2px; } div.iuw div a { font-weight: bold; font-size: 11px; } #if_msg { height:20px; width:770px; margin: 0; border: 0; overflow: hidden; } div#tooltip { width:0px; display: none; position:absolute; background-color: #f1f6fe; border: 1px solid #cedaee; opacity: 0.90; /* mozia */ filter: Alpha(Opacity=90); /* IE */ } div.ramka { border: 1px solid #ccc; background: #f2f2f2; padding: 6px; } div.ramka p { background: #fff; text-align: center; padding: 10px 0; font-size: 11px; line-height: 14px; } div.ramka p span.hb { color: #ee441b; display: block; font-weight: bold; font-size: 11px; margin: 7px 0; } #wpb { } #container { width: 932px; text-align: left; margin: 0 auto; padding: 0 10px; position: relative; } #content { } #top { width: 769px; padding: 17px 0 0 4px; text-align: right; height: 30px; vertical-align: top; } #top #logo { float: left; } #top ul { height: 15px; } #top ul li { display: inline; border-left: 1px solid #000; padding: 0 5px; height: 15px; } #top ul li.f { border: 0; } #top ul li img { vertical-align: -25%; } #menu { position: relative; width: 773px; height: 41px; padding: 0; clear: left; margin: 0 0 5px 0; background: transparent url('../img_sklep/menu_main_bg.gif') no-repeat left top; } #menu ul { position: relative; padding: 0 0 0 2px; } #menu ul li { position: relative; float: left; padding: 1px 0 2px 0; margin: 0; } #menu ul.o { padding: 1px 0 0 2px; } #menu ul.o li { float: none; display: inline; } #menu ul li span.ho { cursor: pointer; background: #fff; width: 100%; height: 37px; position: absolute; top: 0px; left: 0px; z-index: 4; filter:alpha(opacity=0); opacity: 0; } #menu #logo_gram { position: absolute; top: 1px; right: 1px; z-index: 22; display: none; } html>body #menu #logo_gram { right: 2px; } #menu ul li.g { position: absolute;/*float: right;*/ margin-right: 1px; } html>body #menu ul li.g { position: relative; float: right; margin-right: 2px; } #menu ul.o li.g { margin-top: -1px; } #menu #xmm { position: absolute; top: 0; left: 0; height: 40px; z-index: 3; width: 773px; z-index:99; } #menu #xmm_img { position: absolute; top: -13px; left: -5px; z-index: 2; width: 780px; height: 39px; z-index:98; background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/www/01/img_promo/xmas_menu.png'); } html>body #menu #xmm_img { filter: none; background: transparent url(../img_promo/xmas_menu.png) no-repeat; } #menu #xmm li span.ho { z-index: 1; position: realtive; height: 40px; left: 0; } #menu #xmm li img { visibility: hidden; } #menu #xm_banner { width: 280px; height: 44px; position: absolute; top: -45px; left: 149px; z-index: 9999; } #pnfo { width: 773px; clear: left; padding: 5px 0 10px 0; background: transparent; position: relative; z-index: 33; } #pnfo p { text-align: center; } #pnfo p span.w { font-weight: bold; } #left { width: 201px; float: left; padding-top: 6px; } div.menus { border: 1px solid #afafaf; padding: 1px; width: 181px; margin-bottom: 0px; } div.menus h2 { width: 181px; position: relative; z-index: 1; height: 29px; } div.menus h2 img.ico { position: absolute; margin-top: -8px; z-index: 11; } div.menus form { border-top: 1px solid #fafafa; width: 170px; padding: 12px 3px 9px 8px; background: #fafafa url('../img_sklep/menus_bg.gif') repeat-x left top; } div.menus form .it { margin-bottom: 5px; width: 96px; font: 10pt/12pt Arial; border: 1px solid #a5acb2; padding: 1px; margin-right: 5px; } div.menus form .it:focus { border-color: #94b7d3; } div.menus form .ib { margin-bottom: 5px; width: 54px; height: 22px; position: relative; top: 1px; font-family: Arial; font-size: 11px; } html>body div.menus form .ib { top: 0; } div.menus form a { color: #6b6b6b; } div.menus ul { position: relative; border-top: 1px solid #fafafa; width: 181px; padding: 9px 0 3px 0; background: #fafafa url('../img_sklep/menus_bg.gif') repeat-x left top; } div.menus ul li { position: relative; padding: 4px 3px 4px 8px; } div.menus ul.tops li { padding-left: 28px; } div.menus ul li.ev { background: #f0f0f0; } div.menus ul li.sl { padding-left: 20px; } div.menus ul.tops li.ev { background: none; } div.menus ul li.lnk { text-align: center; } div.menus ul li.lnk a { font-weight: normal; color: #6b6b6b; } /*div.menus ul li a.pw { color: #c11a1a; }*/ div.menus ul li a { line-height: 14px; /*font-weight: bold; color: #00699d;*/ } /*div.menus ul li a:hover { color: #555; }*/ div.menus ul li span.oli { letter-spacing: 1px; width: 14px; height: 14px; border: 1px solid #fff; position: absolute; top: 2px; left: -21px; color: #fff; text-align: center; font: 11px/13px Tahoma; font-weight: bold; } div.menus ul li span.olil { letter-spacing: 0; } html>body div.menus ul li span.oli { left: 7px; } div.menus ul li span.pc { background: #f5a41b url('../img_sklep/top_pc.jpg') repeat-x; } div.menus ul li span.ps2 { background: #1199e1 url('../img_sklep/top_ps2.jpg') repeat-x; } div.menus ul li span.x360 { background: #83b500 url('../img_sklep/top_x360.jpg') repeat-x; } div.menus ul li span.gadzety,div.menus ul li span.inne { background: #b20459 url('../img_sklep/top_gadzety.jpg') repeat-x; } div.menus ul li span.psp { background: #474747 url('../img_sklep/top_psp.jpg') repeat-x; } div.menus ul li span.sprzet { background: #f1c200 url('../img_sklep/top_sprzet.jpg') repeat-x; } div.menus ul li span.wii { background: #474747 url('../img_sklep/top_wii.jpg') repeat-x; } div.menus ul li span.ps3 { background: #055EC6 url('../img_sklep/top_ps3.jpg') repeat-x; } div.menus ul li span.nds { background: #B4B4B4; } div.menus ul li.act a,div.menus ul li a.act { font-weight: bold; } div.menusb { background: transparent url('../img_sklep/menus_bot.jpg') repeat-x left top; height: 12px; width: 185px; } div.menus ul.tops li.w3d { background-repeat: no-repeat; background-position: 44px 0; padding-top: 106px; } div.menus ul.tops li.w3d span.oli { top: 104px; } #right { width: 184px; float: right; padding-top: 6px; } #right div.menus,#right div.menus h2,#right div.menus ul { width: 157px; } #right div.menus form { width: 146px; } #right div.menus form p { text-align: justify; padding-right: 5px; } #right div.menus form p .ib { width: 120px; margin: 8px 0 0 11px; top: 0; } #right div.menus h3 { color: #c11a1a; font-weight: bold; padding: 11px 8px 0 8px; background: #fafafa; border-top: 1px solid #fafafa; } #right div.menus h3.t { background: #fafafa url('../img_sklep/menus_bg.gif') repeat-x left top; } #right div.menus ul.nt { background-image: none; padding-top: 1px; } #right div.menusb { width: 161px; } #news { float: left; width: 394px; line-height: 14px; } #news h2 a,#news h3 a { font-weight: bold; color: #00699d; line-height: 12px; } #news h2 a:hover,#news h3 a:hover { color: #555; } #news p { /*text-align: justify;*/ } #news br { clear: both; } #news span.cena { display: block; font-weight: bold; margin-top: 2px; } #news span.cena span { color: #e53b1b; } #news div.spotb { margin: 12px 0 14px 0; position: relative; height: 142px; min-height: 142px; } html>body #news div.spotb { height: auto; } #news div.spotb img { position: absolute; margin: 0; left: 0; top: -12px; } #news div.spotb h2 { margin: 0 0 2px 264px; } #news div.spotb p { margin: 0 0 0 264px; } #news div.spots { width: 394px; margin: 12px 0 24px 0; background: transparent url('../img_sklep/spots_bg.gif') repeat-y left; } #news div.spots div.spoti { width: 120px; float: left; margin-right: 17px; padding-bottom: 0; } #news div.spots div.last { margin-right: 0; } #news div.spots img { margin: -10px 0 4px 0; z-index: 11; position: relative; } #news div.spots h2 { margin: 0 2px 2px 2px; } #news div.spots p { margin: 0 2px; } #news div.spotb p b,#news div.spots p b { color: #c11a1a; } #news div.spotbn { margin: 6px 0 0 0; padding-bottom: 12px; } #news hr { border-top: 1px; height: 0px; } #news div.sep { margin: -6px 0 0 0; height: 1px; line-height: 0px; font-size: 0px; /* padding-bottom: 6px; height: 0; border-top: 1px solid #fff; /*afafaf;*/ } #news #info { padding: 12px 0 14px 0; /*border-top: 1px solid #afafaf;*/ } #news #info div.nbox { /*position: relative; clear: left; */ } #news #info h3 { padding: 10px 0 0 15px; position: relative; } #news #info h3 img { position: absolute; left: -15px; top: 12px; } #news #info h3 a { color: #000; } #news #info h3 a:hover { color: #555; } #news #info a.g,#news #info a.gh { color: #00699d; font-weight: bold; } #news #info a.g:hover,#news #info a.gh { color: #c11a1a; } html>body #news #info h3 img { left: 0; } #news #info p { margin: 2px 0 0 15px; /*text-align: justify;*/ } #news #info p span.br { display: block; margin-top: 4px; } #news a.g:hover { color: #c11a1a; } #spott { padding-bottom: 14px; } #spott p { margin-left: 9px; } #spotr,#reklamy { float: right; position: relative; top: 0; width: 135px; min-height: 210px; font-size: 1px; line-height: 1px; } #spotr ul,#reklamy ul { width: 135px; /*border: 1px solid #afafaf; border-width: 0 1px;*/ } #spotr ul li,#reklamy ul li { /*border-bottom: 1px solid #afafaf;*/ margin: 0 1px 0 1px; text-align: center; } #spotr ul li img { width: 135px; } #spotr ul li.ap { margin-bottom: 6px; } #spotr ul li.ap a img { width: auto; margin: 0 4px; } #stopka { clear: both; padding: 15px 0; } #stopka div { font-size: 8px; line-height: 24px; height: 24px; padding: 10px 18px 9px 30px; margin-bottom: 4px; background: transparent url('../img_sklep/stopka_bg.gif') no-repeat; } #stopka img.h { margin-left: 25px; } #stopka ul { margin-left: -6px; display: inline; } #stopka ul li { display: inline; margin-left: 6px; } #stopka div span.r { float: right; margin-right: 0; } #stopka p { text-align: center; color: #6b6b6b; } #stopka p a { margin-left: 4px; color: #6b6b6b; } /* promo */ #mspot { width: 394px; height: 178px; z-index: 2; margin: 6px 0 23px 0; text-align: center; padding-bottom: 12px; position: relative; } #mspot div { visibility: hidden; z-index: 4; position: absolute; left: 10px; top: 148px; height: 28px; width: 373px; } html>body #mspot div { width: auto; left: auto; right: 11px; } #mspot ul.m { height: 28px; float: right; } html>body #mspot ul.m { float: none; } #mspot ul.m li { float: left; height: 16px; padding: 5px 0 7px 0; width: 12px; background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/www/01/img_sklep/mspot_bgs.png'); } html>body #mspot ul.m li { filter: none; background: transparent url(/www/01/img_sklep/mspot_bgs.png) no-repeat; } #mspot ul.m li.first,#mspot div ul li.last { width: 20px; } #mspot ul.m li.first { padding-left: 7px; padding-right: 5px; background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/www/01/img_sklep/mspot_bgsl.png'); } html>body #mspot ul.m li.first { filter: none; background: transparent url(/www/01/img_sklep/mspot_bgsl.png) no-repeat; } #mspot ul.m li.last { padding-left: 5px; padding-right: 7px; background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/www/01/img_sklep/mspot_bgsr.png'); } html>body #mspot ul.m li.last { filter: none; background: transparent url(/www/01/img_sklep/mspot_bgsr.png) no-repeat; } #mspot ul.m li a { position: relative; z-index: 1; } #mspot ul.s { z-index: 3; visibility: hidden; } #mspot ul.s li { display: none; } #mspot ul.s li.v { display: block; position: absolute; left: 9px; top: 0; } #mspot ul.s li.n { display: block; } #mspot ul.s li span { display: block; background: #fff; display: none; } #mspot #mspot_ico { position: absolute; left: 189px; top: 81px; z-index: 4; } div.bp_common { width: 394px; margin: 6px 0 23px 0; border-bottom: 1px solid #afafaf; text-align: center; padding-bottom: 18px; } div.bp_common iframe { border: 0; margin: 0; padding: 0; width: 394px; overflow: hidden; } #bp04 { border: 0; margin-bottom: 0; } #bp04 iframe { height: 208px; } #bp04_if div { height: 208px; background: transparent url('/www/01/img_promo/bp_s04_bg.jpg') no-repeat 9px 0; } #bp04_if a { display:block;width:100%;height:100%;position:relative; } #bp04_if img { position:absolute;top:0;right:18px; } #bp02 { position: relative; } #bp02i { position: absolute; right: -14px; top: -10px; } #bp01 { width: 394px; margin: 6px 0 23px 0; border-bottom: 1px solid #afafaf; text-align: center; padding-bottom: 10px; } #bp01 iframe { width: 394px; height: 162px; margin-top: 14px; } #bp01_a img.box { margin: 0 6px 0 6px; visibility: hidden; } #bp01 a { display: block; width: 394px; } #bp01_a { display: block; width: 394px; } #pny { cursor: pointer; position: relative; z-index: 1; width: 394px; margin: 6px 0 23px 0; z-index: 1; } #pny iframe { width: 394px; height: 218px; overflow: hidden; } #pny .pny_bg { display: block; position: absolute; z-index: 2; top: 0; left: -6px; height: 218px; width: 405px; } .pny_if { background: #fff; overflow: hidden; z-index: 1; } #pny_n1, #pny_n2 { filter:alpha(opacity=0); opacity: 0; } #pny_fb { position: relative; width: 394px; height: 218px; overflow: hidden; cursor: pointer; } #pny_gry { position: absolute; left: 400px; top: 0; } #pny p { text-align: center; background: transparent url('../img_promo/ny_bg_cd.jpg') no-repeat; padding-top: 11px; height: 26px; color: #fff; font-size: 13px; } #xmas { cursor: pointer; position: relative; z-index: 1; background: transparent url(../img_promo/xmas_main_bg.jpg) no-repeat; width: 394px; height: 242px; padding: 0; margin: 6px 0 23px 0; } #xmas #xm_g01 { filter:alpha(opacity=0); opacity: 0; z-index: 1; position: absolute; left: 0; top: 143px; } #xmas #xm_g02 { filter:alpha(opacity=0); opacity: 0; z-index: 2; position: absolute; left: 0; top: 23px; } #xmas #xm_g03 { filter:alpha(opacity=0); opacity: 0; z-index: 3; position: absolute; left: 73px; top: 112px; } #xmas #xm_g04 { filter:alpha(opacity=0); opacity: 0; z-index: 4; position: absolute; left: 90px; top: 0; } #xmas #xm_g05 { filter:alpha(opacity=0); opacity: 0; z-index: 5; position: absolute; left: 182px; top: 11px; } #xmas #xm_g06 { filter:alpha(opacity=0); opacity: 0; z-index: 6; position: absolute; left: 191px; top: 139px; } #xmas #xm_g07 { filter:alpha(opacity=0); opacity: 0; z-index: 7; position: absolute; left: 295px; top: 109px; } #xmas #xm_g08 { filter:alpha(opacity=0); opacity: 0; z-index: 8; position: absolute; left: 289px; top: 0; } #xmas a { cursor: pointer; z-index: 10; position: absolute; width: 394px; height: 242px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='www/01/img_promo/xmas_main_bg.png'); } html>body #xmas a { filter: none; background: transparent url('../img_promo/xmas_main_bg.png') no-repeat; } #xmas #xm_g00 { filter:alpha(opacity=0); opacity: 0; margin: 111px 0 0 14px; } #xmas #xm_g09 { filter:alpha(opacity=0); opacity: 0; margin-left: 98px; } #top { position: relative; z-index: 20; } #menu ul { z-index: 20; } #menu #wiosna { position: absolute; top: -26px; left: -26px; z-index: 10; width: 816px; height: 41px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='www/01/img_promo/sklep_wiosna.png') } html>body #menu #wiosna { filter: none; background: transparent url(../img_promo/sklep_wiosna.png) no-repeat; } #skkc { position: relative; margin: 6px 0 0 0; } #skk { width: 394px; height: 242px; margin-bottom: 0px; background: transparent url('../img_promo/sklep_kk_bg.jpg') no-repeat; } #skkb { position: relative; z-index: 1; overflow: hidden; width: 394px; height: 242px; background: transparent url('../img_promo/sklep_kk_bg.jpg') no-repeat; } #skkc span.sl, #skkc span.sr { position: absolute; top: 0; width: 37px; height: 242px; } #skkc span.sl { left: 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='www/01/img_promo/sklep_kk_sl.png'); } #skkc span.sr { right: 0; width: 35px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='www/01/img_promo/sklep_kk_sr.png'); } html>body #skkc span.sl { filter:none; background: transparent url('../img_promo/sklep_kk_sl.png') no-repeat; } html>body #skkc span.sr { filter:none; background: transparent url('../img_promo/sklep_kk_sr.png') no-repeat; } #skkl { position: absolute; z-index: 1; overflow: hidden; top: 50px; height: 186px; width: 1265px; background: transparent; } #skkl a { position: absolute; z-index: 22; top: 10px; left: 15px; width: 114px; height: 168px; } #skkl a.a1 { left: 10px; width: 120px; } #skkl a.a2 { left: 145px; width: 100px; } #skkl a.a3 { left: 255px; width: 105px; } #skkl a.a4 { left: 370px; width: 124px; } #skkl a.a5 { left: 508px; } #skkl a.a6 { left: 640px; } #skkl a.a7 { left: 770px; width: 100px; } #skkl a.a8 { left: 885px; } #skkl a.a9 { left: 1015px; } #skkl a.a10 { left: 1148px; width: 100px; } #skkp { position: relative; width: 394px; height: 143px; background: transparent url('../img_promo/sklep_kk_sp0.jpg') no-repeat; } #skkp a { position: absolute; top: 56px; width: 163px; height: 58px; } #skkp a.a1 { left: 20px; } #skkp a.a2 { left: 193px; width: 179px; } #skkp a.a3 { left: 265px; } #skkn { position: relative; width: 394px; height: 163px; background: transparent url('../img_promo/sklep_kk_sb0.jpg') no-repeat; } #skkn a { position: absolute; left: 20px; width: 103px; height: 26px; } #skkn a.a1 { top: 64px; } #skkn a.a2 { top: 107px; } #skkx { position: relative; width: 394px; height: 231px; background: transparent url('../img_promo/sklep_kk_sx.jpg') no-repeat; } #skkx a { position: absolute; left: 20px; top: 50px; width: 357px; height: 144px; } /* smartTagi */ ol.txt_lstp,ol.txt_lstn { font-size: 12px; } ol.txt_lstn a:link, ol.txt_lstn a:visited,ol.txt_lstp a:link, ol.txt_lstp a:visited, div.txt_rm a:link, p.txt_p a:link, div.txt_rm a:visited, p.txt_p a:visited { border: 0; } div.txt_wr a:link,div.txt_wr a:visited { border: 0; } ol.txt_lstp { list-style-image: url('../img_sklep/ico_li.gif'); } /* -- end -- */