body
{
 padding: 0;
 margin: 0;
 text-align: center;
 background: url(xxx.bmp);
}
img
{
 border: 0;
}
div, p, span, td, li, a, h1
{
 font-size: 12px;
 font-family: Tahoma, Arial, sans-serif;
 color: black; 
}
div#top
{
 height: 126px;
 background: url(grafiki/t0.png) repeat-x;
}
div#top div#aktywne
{
 margin: 0 auto;
 width: 90%;
 height: 96px;
 background: url(grafiki/t1.png);
 position: relative;
 min-width: 900px;
}
div#top div#aktywne a.norm
{
 color: #0094de;
 background: url(grafiki/linktop.png);
 display: block;
 width: 148px;
 height: 29px;
 position: absolute;
 top: 0px;
 text-decoration: none;
 font-weight: bold;
 line-height: 26px;
 font-size: 10px;
}
div#top div#aktywne a.norm:hover
{
 background: url(grafiki/linktopover.png);
 color: white;
}
div#top div#aktywne div#kosz
{
 margin: 0;
 padding: 0;
 width: 175px;
 background: url(grafiki/kosztlo.png);
 position: absolute;
 right: 10px;
 padding-bottom: 34px;
}
div#top div#aktywne div#kosz p
{
 margin: 6px auto;
}
div#top div#aktywne div#kosz a
{
 color: white;
 background: url(grafiki/kosz.png);
 display: block;
 width: 175px;
 height: 34px;
 text-decoration: none;
 font-weight: bold;
 Font-size: 14px;
 line-height: 26px;
}
div#top div#aktywne div#kosz a span
{
 position: relative;
 top: 4px;
 left: 12px;
 color: white;
}
div#kosz a:hover, div#kosz a:hover span
{
 text-decoration: underline;
}
div#strona
{
 width: 90%;
 margin: 0 auto;
 background: white;
 min-width: 900px;
 border-left: 1px solid navy;
 border-right: 1px solid navy;
}
div#bar
{
 margin: 0;
 height: 30px;
 background: #ccc;
 position: relative;
 min-width: 900px;
}
div#navbar
{
 width: 90%;
 background: #e8e8e8;
 margin: 0 auto;
 min-width: 900px;
 height: 100%;
}
div#navbar a.flagi
{
 float: left; 
 display: block; 
 width: 26px; 
 height: 20px; 
 background: white; 
 border: 2px solid white;
 position: relative;
 top: 3px;
 margin-left: 4px;
 overflow: hidden;
 text-decoration: none;
}
div#navbar a.flagi img
{
 border: 1px solid gray;
 float: left;
}
div#navbar a.flagi span
{
 font-size: 11px;
 font-family: Tahoma;
 color: black;
 position: relative;
 top: 4px;
 text-transform: uppercase;
}
div#navbar a.flagi:hover
{
 width: 90px;
}
div#bar p
{
 height: 22px;
 position: relative;
 top: 4px;
 float: right;
 margin: 0;
}
div#bar p a
{
 float: right;
 color: #179be1;
 text-decoration: none;
 line-height: 22px;
 position: relative;
 display: block;
 font-weight: bold;
 background: white;
 padding: 0 10px;
 text-align: center;
 margin-left: 6px;
}
div#bar p a:hover
{
 background: #179be1;
 color: #fff;
}

div#bar p a.promo
{
 background: #db241c;
 color: #fff;
}
div#bar p a.promo:hover
{
 color: #db241c;
 background: #fff;
}

div#bar p a.wyprzedaz
{
 background: limegreen;
 color: #fff;
}
div#bar p a.wyprzedaz:hover
{
 color: limegreen;
 background: #fff;
}

div#menu
{
 float: left;
 margin-left: 8px;  
 width: 170px;  
 background: url(grafiki/menu.png);
 position: relative;
 padding: 0;
}
div#menu img.ramki
{
 display: block;
}
div#menu a.oferta
{
 text-align: center;
 font-size: 16px;
 color: #015b89;
 margin: 3px auto 8px auto;
 padding: 2px 0;
 font-weight: bold;
 background: url(grafiki/menuh1.png);
 border:0;
 display: block;
}
div#menu a.oferta:hover, div#menu a.oferta:hover span
{
 color: white;
 background: #166dad;
}


div#menu a.szary
{
 color: gray;
 background: url(grafiki/menuh1_szary.png);
}

div#menu a.szary:hover
{
 color: white;
 background: gray;
}



div#menu a.oferta span
{
 font-size: 12px;
 color: #015b89;
}
div#menu a
{
 width: 100%;
 border-top: 1px solid white;
 text-align: left;
 display: block;
 padding: 3px 0;
 color: #015b89;
 text-decoration: none;
 margin: 0;
}
div#menu a:hover
{
 color: white;
 background: #166dad;
}
div#menu a img
{
 margin: auto 6px;
}
div#menu a.sub
{
 background: url(grafiki/submenu.png);
 padding: 1px 0;
 font-size: 0.9em;
 padding-left: 30px;
 width: 140px;
 color: #015b89;
}
div#menu a.sub:hover
{
 background: url(grafiki/submenuh.png);
 color: #015b89;
}

div#tresc
{
 background: white; 
 margin: 0 10px 0 188px;
}
div.item
{
 height: 250px;
 width: 220px;
 float: left;
 background: url(grafiki/itemtlo.png);
 margin: 10px 0 0 10px;
 position: relative;
}
div.item img
{
 width: 200px; 
 height: 150px; 
 border: 0; 
 margin: 10px 10px 4px 10px;
}
div.item p.fr
{
 margin: 0; 
 width: 109px; 
 height: 80px;
 position:absolute;
 left: 5px;
 top: 5px;
 z-index: 6;
}
div.item p.pr
{
 margin: 0;
 width: 140px; 
 height: 103px;
 position:absolute;
 left: 5px;
 top: 5px;
 z-index: 5;
}
div.item p.wp
{
 margin: 0;
 width: 140px; 
 height: 103px;
 position:absolute;
 left: 5px;
 top: 5px;
 z-index: 5;
 background: url(firmy/rog/wyprz_pl.png);
}
div.item p.pl
{
 background: url(firmy/rog/promocja.png); 
}
div.item p.en
{
 background: url(firmy/rog/promocjaen.png); 
}
div.item p.ru
{
 background: url(firmy/rog/promocjaru.png); 
}
div.item p.sk
{
 background: url(firmy/rog/promocjask.png); 
}
div.item p.de
{
 background: url(firmy/rog/promocjade.png); 
}










div.item p.nazwa
{
 margin: 0 10px; 
 background: white; 
 padding: 2px 0; 
 line-height: 16px;
}
div.item p.cena
{
 margin: 0;
 width:210px;
 border: 0; 
 text-align: center; 
 padding: 2px 0; 
 position: absolute;
 bottom: 28px;
 left: 5;
}
div.item p.cena span
{
 color: red; 
 font-size: 1.5em; 
 font-weight: bold;
}
div.item a
{
  text-decoration: none; 
}
div.item a.kup, div.item button.kup
{
 display: block; 
 width: 210px; 
 position: absolute; 
 bottom: 5px; left: 5px; 
 background: url(grafiki/cena.png); 
 height: 20px; 
 color: white;
 overflow: hidden; 
 border: 0;
 margin: 0; 
 padding: 0;
}
div.item a.kup img, div.item button.kup img
{
 margin: -1px 10px 0 -10px; 
 width: 21px; 
 height: 20px;
}
div.item a.kup span, div.item button.kup span
{
 color: white; 
 position: relative; 
 bottom: 5px;
}
div.item a:hover
{
 text-decoration: underline;
}
div.stopka
{
 margin: 0 auto;
 width: 90%;
 min-width: 900px;
 background: white;
 position: relative;
 border: 1px solid black;
 border-bottom: 0;
}
div.stopka p
{
 margin: 4px auto 4px 10px;
 text-align: left;
}
div.stopka img
{
 margin-bottom: 10px;
}

p.strnie
{
 margin: 5px 30px -24px 0; 
 text-align: right; 
 font-size: 14px;
}

p.strnie a
{
 font-size: 14px;
 font-family: Tahoma, Arial, sans-serif;
 color: black;
 text-decoration: none;
}

p.strnie a:hover
{
 color:red;
}





div.panel_zakupowy
{
 width: 220px; 
 height: 220px; 
 float: left; 
 position: relative; 
 top: 14px; 
 padding: 10px 0;
}
div.panel_zakupowy form
{
 width: 200px; 
 margin: 5px auto; 
 background: #db241c; 
 position: relative; 
 padding: 2px 0;
}
div.panel_zakupowy p.info
{
 width: 200px; 
 margin: 5px auto; 
 background: #166dad; 
 position: relative; 
 padding: 3px 0; 
 color: white;
}
div.galeryjka
{
 width: 200px;
 margin: 5px auto;
 border: 1px solid gray;
 position: relative;
 padding: 10px 0 4px 0;
}
div.opisik
{
 text-align: center; 
 margin-left: 220px; 
 position: relative; 
 top: 14px; 
 padding: 10px 0 10px 10px; 
 border-left: 1px dotted gray;
 line-height: 1.3em;
}
div.opisik table
{
 margin: auto;
 border-collapse: collapse;
}
div.opisik table
{
 margin-top: 10px;
}
div.opisik table td
{
 border: 1px solid #e8e8e8;
 padding: 2px 6px;
}
div.opisik table th
{
 border: 1px solid #e8e8e8;
 padding: 2px 6px;
 background: #e8e8e8;
 text-align: center;
}
div.opisik p.tytul
{
 font-weight: bold;
 margin: 14px 0 4px 0;
 text-align: left;
}
div.opisik p.opis, div.opisik ul
{
 margin: 0;
 text-align: left;
}
div.opisik div.green
{
 background: #f4f4f4;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 text-align: center;
 padding: 2px 10px;
 color: #000;
 font-size: 14px;
}

table.koszyk
{
 margin: 20px auto;
 width: 680px;
}

table.koszyk td
{
 text-align: center;
 padding: 2px 6px;
 border: 1px solid #e8e8e8;
}

table.koszyk th
{
 background: #e8e8e8;
 padding: 2px 6px;
 border: 1px solid #e8e8e8;
}

table.koszyk td.l
{
 text-align: left;
}

table.koszyk td.l:hover
{
 background: #f5f5f5;
}

table.koszyk td a
{
 text-decoration: none;
}

div.koszyk_opis
{
 width: 678px;
 height: 50px;
 margin: 0 auto;
 background: url(grafiki/l.png) no-repeat;
 color: #166dad;
 font-size: 18px;
 line-height: 48px;
 text-align: left;
 padding-left:25px;
}

div.koszyk_dalej
{
 background: url(grafiki/p.png);
 width: 678px;
 height: 50px;
 margin: 0 auto;
 position: relative;
}

div.koszyk_dalej a.dalej
{
 display: block;
 width: 194px;
 height: 32px;
 background: url(grafiki/dalej.png);
 position: absolute;
 right: 9px;
 top: 9px;
 text-decoration: none;
}

div.koszyk_dalej a.dalej span
{
 color: white;
 text-decoration: none;
 font-size: 14px;
 position: relative;
 top: 6px;
 right: 8px;
}

div.koszyk_dalej a.wstecz
{
 display: block;
 width: 194px;
 height: 32px;
 background: url(grafiki/wstecz.png);
 position: absolute;
 left: 9px;
 top: 9px;
 text-decoration: none;
}

div.koszyk_dalej a.wstecz span
{
 color: gray;
 text-decoration: none;
 font-size: 14px;
 position: relative;
 top: 6px;
 left: 8px;
}

.l{left: 0;}
.r{right: 0;}
.t{top: 0;}
.b{bottom: 0;}
.a{position: absolute;}

p.allducks { background: url(firmy/rog/allducks.png); }
p.avidsen { background: url(firmy/rog/avidsen.png); }
p.brak { background: url(firmy/rog/brak.png);  }
p.faac { background: url(firmy/rog/faac.png); }
p.genway { background: url(firmy/rog/genway.png); }
p.govena { background: url(firmy/rog/govena.png); }
p.icam { background: url(firmy/rog/icam.png); }
p.legrand { background: url(firmy/rog/legrand.png); }
p.mobilus { background: url(firmy/rog/mobilus.png); }
p.nice { background: url(firmy/rog/nice.png); }
p.orno {background: url(firmy/rog/orno.png); }
p.somfy { background: url(firmy/rog/somfy.png); }
p.zamel { background: url(firmy/rog/zamel.png); }
p.zavio { background: url(firmy/rog/zavio.png); }
p.sotel { background: url(firmy/rog/sotel.png); }
p.erion { background: url(firmy/rog/erion.png); }
p.roger { background: url(firmy/rog/roger.png); }
p.elektrobock { background: url(firmy/rog/elektrobock.png); }
p.competition { background: url(firmy/rog/competition.png); }
p.massive { background: url(firmy/rog/massive.png); }
p.mpc { background: url(firmy/rog/mpc.png); }
p.portos { background: url(firmy/rog/portos.png); }
p.zext { background: url(firmy/rog/zext.png); }
p.komster { background: url(firmy/rog/komster.png); }
p.bemko { background: url(firmy/rog/bemko.png); }
p.gritalia { background: url(firmy/rog/gritalia.png); }
p.acar { background: url(firmy/rog/acar.png); }
p.kerg { background: url(firmy/rog/kerg.png); }
sup { font-size: 0.6em; }

div.art
{
 margin: 0 400px 0 0;
}

div.art p
{
 margin: 0 20px;
 text-align: justify;
 margin-bottom: 10px;
 line-height: 18px;
}

div.art ul
{
 text-align: left;
 margin: 0 20px 20px 20px;
}

div.artl
{
 width: 400px;
 background: #f1f1f1;
 float: right;
}

h2.jak
{
 margin:0 20px;
 text-align: left;
 font-size: 20px;
 color: #db241c;
}

p.jak
{
 margin: 0 50px 10px 50px;
 text-align: justify;
 line-height: 18px;
}

ul.jak
{
 margin: 0 50px 10px 50px;
 text-align: left;
}

ul.jak li
{
 line-height: 18px;
 margin-bottom: 10px;
}

ul.jak li b
{
 color: #166dad;
}

div.producent
{
 float: left; 
 width: 220px; 
 height: 140px; 
 background: url(grafiki/prodtlo.png); 
 margin: 10px 0 0 10px;
 text-align: center;
}

div.producent a.img
{
 display: block; 
 margin: 10px 10px 2px 10px; 
 height: 100px; 
 width: 200px; 
 background: #eee;
}

span.spis_art
{
 position: relative; 
 top: 4px; 
 font-size: 14px; 
 right: 20px; 
 font-weight: bold; 
 color: gray;
}