/* Ogólne style dla całej strony, */
BODY, H1, H2, H3, H4, H5, P, UL, OL, DL, DIV, TABLE, TD, TH, CENTER, BLOCKQUOTE, A, FORM, INPUT, TEXTAREA, SELECT, OPTION {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  color: #777777;
}

/*
Wymieniam wszystkie znaczniki, choć wystarczyłoby zastosowanie body, jednak
nie wszystkie przegladarki rozumieja dziedziczenie kaskadowych arkuszy stylów
*/
BODY, P, UL, OL, DL, DIV, TABLE, TD, TH, FORM, INPUT, TEXTAREA, SELECT, OPTION  {
    font-size: 9pt;
}

BODY { margin: 0px; }

H1, H2, H3, H4, H5 {font-weight: normal; color: #999933;}
H1 { font-size: 11pt; }
H2 { font-size: 10pt; }
H3 { font-size: 8pt; }
H4 { font-size: 7pt; }
H5 { font-size: 6pt; }

P, UL, OL, DL, BLOCKQUOTE { line-height: 1.2; text-align: justify;}

/******************************************************************************/
/*      Ogólne
/******************************************************************************/

TABLE {empty-cells: show;}
IMG { border: 0px; }

PRE {margin: 10px 5px 10px 5px;}


/******************************************************************************/
/*      Listy i wypunktowania
/******************************************************************************/
OL, UL { margin-left: 0px; padding-left: 24px; }

UL { list-style-type: square; }

LI { line-height: 1.2; }

LI + LI, P + LI { padding-top: 5px; }

/******************************************************************************/
/*      LINKI
/******************************************************************************/
A {text-decoration: none; color: #595758}
A:hover {text-decoration: none;color: #aaaaaa;}

A IMG { border: 0px; }


A.red, A.red:link, A.red:active, A.red:visited {text-decoration: none; color: red;}
A.red:hover {text-decoration: underline;}

.clear{ clear: both; height: 1px; overflow: hidden; }

A.wiecej {text-decoration: none; color: #B80028; float: right; }
A.wiecej:hover {text-decoration: underline;}

/******************************************************************************/
/*      Nagłówek i główna tabelka zawierajaca stronę
/******************************************************************************/
DIV.main {width: 100%; text-align: center;}
DIV.page { width: 900px; margin: auto; text-align: left; background: white;}

/******************************************************************************/
DIV.hspace { height: 14px; overflow: hidden;}

DIV.header {}
DIV.header DIV.hspace { height: 14px; overflow: hidden;}
DIV.header DIV.logo { position: relative; margin: 0px 0px 0px 0px;}
DIV.reklama{ margin: 0px 0px 0px 220px; }


/******************************************************************************/
DIV.body {margin: 0px 0px 0px 0px; background: url(../images/body/bg.gif) repeat-x;}

DIV.body DIV.bodyleft{ background: url(../images/body/left.gif) 0px 0px no-repeat;}

DIV.body DIV.bodyright{ background: url(../images/body/right.gif) 100% 0% no-repeat; padding: 6px 0px 0px 0px;
}

DIV.body_left { float: left;
    margin: -85px 0px 0px 1px;
    width: 192px;
    overflow: hidden;
}


DIV.body_center {
    vertical-align: top;
    width: 510px;
    margin: 0px 195px 0px 195px;
    background: white;
    text-align: left;
    
}

DIV.promo_wyprz00{
    margin-right: 0px;
    width: 705px;
}

DIV.body_content {
    /*border: solid 1px #CECECE;*/
    margin: 0px; text-align: left;
}


DIV.body_right {float: right; margin: 0px 0px 0px 0px; width: 192px;     overflow: hidden;}


/******************************************************************************/
/*      Stopka
/******************************************************************************/

DIV.footer {
    width:100%;
    padding: 5px 0px 5px 0px;
    text-align:center;
    vertical-align: middle;
    clear: both;
    font-size:8pt;
    margin: 5px 0px 15px 0px;
    
}

DIV.footer A, DIV.footer A:link, DIV.footer A:hover, DIV.footer A:active, DIV.footer A:visited {
    text-decoration: none;
    color: #6C6C6C;
}

DIV.footer A:hover{ text-decoration: underline; }
DIV.footer .solution{ float: right; margin: 12px 10px 0px 0px; }

DIV.footer div.reklamy{ padding: 15px 0px 0px 10px; float: left;}
DIV.footer .linkss { text-align: center; color: #52636D; padding: 10px 0px 0px 0px;}

div.footer div.copyright{
    margin: 0px;
    padding: 3px 0px 8px 0px;
    text-align: center;
    font-size: 8pt;
    color: #A6A6A6;
}

div.footer div.copyright A{
    color: #A6A6A6;
}


/******************************************************************************/
DIV.box {
  font-size: 8pt;
  padding: 0px 25px 0px 25px;
  margin: 0px;
  font-weight: bold;
  color: white;
}

DIV.box1{ width: 192px; font-size: 8pt; }

DIV.box1 div.contents{
  border-left: solid 1px #ADAAAA;
  border-right: solid 1px #ADAAAA;
  background: url(../images/bars/kat.gif) bottom left repeat-x;
  color: white;
  margin: 0px 0px 0px 0px;
  font-size: 13;
}

DIV.label{
    display: block;
    color: white;
    padding: 15px 0px 2px 0px;
    font-size: 9pt;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}
DIV.label IMG {
    float: left;
    vertical-align: bottom;
    margin: -10px 6px 0px 0px
}

DIV.box DIV.row{
    margin-bottom: 7px;
}

DIV.box1 DIV.bar {
  background: url(../images/bars/box-bar.png) no-repeat; height: 37px;
}

Div.bar h2.napis{  font-size: 8pt; margin: 0px; padding: 12px 10px 0px 25px; color: #3C3C3C; font-weight: bold; }

/**************************************************************************************************/

div.box div.rejestracja {
    margin:  0px;
    padding: 0px 0px 10px 0px;
    font-size: 12;
    font-weight: normal;
    color: white;
}

div.box div.rejestracja A {text-decoration: underline; color: #FFFFFF;}
div.box div.rejestracja A:hover {text-decoration: underline;}


/**************************************************************************************************/

div.roundbox {}
div.roundbox div.bottom { background: url(../images/box/roundbox-dot.gif) left bottom repeat-x; }
div.roundbox div.top {background: url(../images/box/roundbox-top.gif) 0px 0px repeat-x;}
div.roundbox div.left {background: url(../images/box/roundbox-dot.gif) 0px 0px repeat-y;}
div.roundbox div.right {background: url(../images/box/roundbox-dot.gif) 100% 0px repeat-y;}


div.roundbox div.left-top {background: url(../images/box/roundbox-left-top1.gif) 0px 0px no-repeat;}
div.roundbox div.right-top {background: url(../images/box/roundbox-right-top1.gif) 100% 0px no-repeat;}
div.roundbox div.left-bottom {background: url(../images/box/roundbox-left-bottom.gif) 0 100% no-repeat;}
div.roundbox div.right-bottom {background: url(../images/box/roundbox-right-bottom.gif) 100% 100% no-repeat; padding: 0px 1px 10px 1px;}

div.roundbox h2.bar, div.barbox h2.bar, h2.bar_blue, h2.bar_grey {
    margin: 0px 0px 10px 0px;
    padding: 12px 10px 10px 28px;
    font-weight: bold;
    text-align:left;

    color: #465560;
}

div.roundbox div.contents{padding: 6px;}

h2.bar_grey, h2.bar_blue{ padding: 6px 10px 5px 28px; }

h2.bar_blue{ background: url(../images/box/roundbox-top.gif) 0px 0px repeat-x; }
h2.bar_grey{ background: url(../images/box/barbox-top.gif) 0px 0px repeat-x; }

/**************************************************************************************************/
div.radiusbox div.bottom {background: url(../images/box/radiusbox-dot.gif) 0% 100% repeat-x;}
div.radiusbox div.top {background: url(../images/box/radiusbox-dot.gif) 0px 0px repeat-x;}
div.radiusbox div.left {background: url(../images/box/radiusbox-dot.gif) 0px 0px repeat-y;}
div.radiusbox div.right {background: url(../images/box/radiusbox-dot.gif) 100% 0px repeat-y;}


div.radiusbox div.left-top {background: url(../images/box/radiusbox-left-top.gif) 0px 0px no-repeat;}
div.radiusbox div.right-top {background: url(../images/box/radiusbox-right-top.gif) 100% 0px no-repeat;}
div.radiusbox div.left-bottom {background: url(../images/box/radiusbox-left-bottom.gif) 0 100% no-repeat;}
div.radiusbox div.right-bottom {background: url(../images/box/radiusbox-right-bottom.gif) 100% 100% no-repeat; padding: 0px 1px 10px 1px;}

div.radiusbox div.contents{padding: 6px;}

/**************************************************************************************************/
div.barbox {padding: 0px; margin: 0px; }
div.barbox div.bottom {padding: 0px; margin: 0px; background: url(../images/box/barbox-dot.gif) 0px 100% repeat-x;}
div.barbox div.top {padding: 0px; margin: 0px; background: url(../images/box/barbox-top.gif) 0px 0px repeat-x;}
div.barbox div.left {padding: 0px; margin: 0px; background: url(../images/box/barbox-dot.gif) 0px 0px repeat-y;}
div.barbox div.right {padding: 0px; margin: 0px; background: url(../images/box/barbox-dot.gif) 100% 0px repeat-y;}


div.barbox div.left-top {padding: 0px; margin: 0px; background: url(../images/box/barbox-left-top.gif) 0px 0px no-repeat;}
div.barbox div.right-top {padding: 0px; margin: 0px; background: url(../images/box/barbox-right-top.gif) 100% 0px no-repeat;}
div.barbox div.left-bottom {padding: 0px; margin: 0px; background: url(../images/box/barbox-left-bottom.gif) 0 100% no-repeat;}
div.barbox div.right-bottom {padding: 0px; margin: 0px; background: url(../images/box/barbox-right-bottom.gif) 100% 100% no-repeat; padding: 0px 1px 10px 1px;}

div.barbox h2.bar{
    color: #3C3C3C;
}

div.barbox div.contents{ padding: 2px 6px 2px 6px; }


/**************************************************************************************************/
div.login-box{
    margin-bottom: 5px;
    background: url(../images/box/login-box-bg.png) 0px 0px no-repeat;
    width: 192px;
    height: 152px;
    overflow: hidden;
}

div.roundLoginbox{ background: #B6B6B6; margin-bottom: 5px;}

div.roundLoginbox div.top { background: url(../images/bars/login_px.gif) 100% 0px repeat-y; }
div.roundLoginbox div.left {background: url(../images/bars/login_px.gif) 0% 0px repeat-y;}
div.roundLoginbox div.right { background: url(../images/bars/login_bg.gif) bottom left no-repeat; }
div.roundLoginbox div.bottom { background: url(../images/bars/login_down.gif) 0 100% repeat-x; }

div.roundLoginbox div.left-top {  background: url(../images/bars/log_top.gif) 0px 0px repeat-x; }

div.roundLoginbox div.right-top {background-image:none;}
div.roundLoginbox div.left-bottom {background-image:none;}
div.roundLoginbox div.right-bottom {background-image:none;}
div.roundLoginbox div.inside{ }

/**************************************************************************************************/
div.roundPrombox{ margin-bottom: 6px; }
div.roundPrombox{background: #F8F4F5 url(../images/bars/promo.gif) bottom left repeat-x;}
div.roundPrombox div.bottom {background: url(../images/box/dot.gif) 0 100% repeat-x;}
div.roundPrombox div.top {background: url(../images/box/dot.gif) 0px 0px repeat-x;}
div.roundPrombox div.left {background: url(../images/box/dot.gif) 0px 0px repeat-y;}
div.roundPrombox div.right {background: url(../images/box/dot.gif) 100% 0px repeat-y;}



div.roundPrombox div.left-top {background: url(../images/box/roundbox-left-top3.gif) 0px 0px no-repeat;}
div.roundPrombox div.right-top {background: url(../images/box/roundbox-right-top3.gif) 100% 0px no-repeat;}
div.roundPrombox div.left-bottom {background: url(../images/box/roundbox-left-bottom3.gif) 0 100% no-repeat;}
div.roundPrombox div.right-bottom {background: url(../images/box/roundbox-right-bottom3.gif) 100% 100% no-repeat;}

div.roundPrombox div.inside{

}

/**************************************************************************************************/
div.roundFooterbox{ background: #EBEBEB; }
div.roundFooterbox div.bottom {background: url(../images/box/dot1.gif) 0 100% repeat-x;}
div.roundFooterbox div.top {background: url(../images/box/dot1.gif) 0px 0px repeat-x;}
div.roundFooterbox div.left {background: url(../images/box/dot1.gif) 0px 0px repeat-y;}
div.roundFooterbox div.right {background: url(../images/box/dot1.gif) 100% 0px repeat-y;}


div.roundFooterbox div.left-top {background: url(../images/box/roundbox-left-top2.gif) 0px 0px no-repeat;}
div.roundFooterbox div.right-top {background: url(../images/box/roundbox-right-top2.gif) 100% 0px no-repeat;}
div.roundFooterbox div.left-bottom {background: url(../images/box/roundbox-left-bottom2.gif) 0 100% no-repeat;}
div.roundFooterbox div.right-bottom {background: url(../images/box/roundbox-right-bottom2.gif) 100% 100% no-repeat; padding: 0px 1px 0px 1px;}


/**************************************************************************************************/
div.roundBarsbox{ background: url(../images/menu/menu_item_bg.gif) repeat-x; }
div.roundBarsbox div.bottom {background: url(../images/box/dot2.gif) 0 100% repeat-x;}
div.roundBarsbox div.top {background: url(../images/box/dot2.gif) 0px 0px repeat-x;}
div.roundBarsbox div.left {background: url(../images/box/dot2.gif) 0px 0px repeat-y;}
div.roundBarsbox div.right {background: url(../images/box/dot2.gif) 100% 0px repeat-y;}


div.roundBarsbox div.left-top {background: url(../images/box/roundbox-left-top4.gif) 0px 0px no-repeat;}
div.roundBarsbox div.right-top {background: url(../images/box/roundbox-right-top4.gif) 100% 0px no-repeat;}
div.roundBarsbox div.left-bottom {background: url(../images/box/roundbox-left-bottom4.gif) 0 100% no-repeat;}
div.roundBarsbox div.right-bottom {background: url(../images/box/roundbox-right-bottom4.gif) 100% 100% no-repeat; padding: 0px 1px 0px 1px;}


/**************************************************************************************************/
div.roundBars2box{ background: url(../images/bars/katalog.gif) repeat-x; }
div.roundBars2box div.bottom {background: url(../images/box/dot3.gif) 0 100% repeat-x;}
div.roundBars2box div.top {background: url(../images/box/dot3.gif) 0px 0px repeat-x;}
div.roundBars2box div.left {background: url(../images/box/dot3.gif) 0px 0px repeat-y;}
div.roundBars2box div.right {background: url(../images/box/dot3.gif) 100% 0px repeat-y;}


div.roundBars2box div.left-top {background: url(../images/box/roundbox-left-top5.gif) 0px 0px no-repeat;}
div.roundBars2box div.right-top {background: url(../images/box/roundbox-right-top5.gif) 100% 0px no-repeat;}
div.roundBars2box div.left-bottom {background: url(../images/box/roundbox-left-bottom5.gif) 0 100% no-repeat;}
div.roundBars2box div.right-bottom {background: url(../images/box/roundbox-right-bottom5.gif) 100% 100% no-repeat; padding: 0px 1px 0px 1px;}


/******************************************************************************/
/* Tabelka do wyświetlania artykułów
/******************************************************************************/
TABLE.browser {border: 1px solid #a0a0a0;}

TR.browserhead {background: transparent url(../images/bars/browser_head_bg.gif) repeat-x;color : white;}

TR.browserhead TH, TR.browserhead TD, TD.browserhead, TH.browserhead {
    background: transparent url(../images/bars/browser_head_bg.gif) repeat-x;
    color : black;
    padding: 4px 4px 4px 10px;
    height: 32px;
    border-top: solid 1px #efefef;
}

.wiersz1{background-color: #ffffff;}
.wiersz2{background-color: #f4f4f4;}
.highlight{background-color: #dddddd;cursor: default;}
TR.browserodd {background-color: #f4f4f4;}
TR.browserodd:hover {background-color: #f0eef6;}
TR.browsereven {background-color: #ffffff;}
TR.browsereven:hover {background-color: #f0eef6;}
TR.browserodd TD, TR.browsereven TD {padding: 4px;border-top: 1px solid #e0e0e0;}
TR.browserow TD{border-top: 1px solid #e0e0e0;}
TR.browserhead + TR.browserodd TD {border-top: 0px;}
TD.browserno {font-size: 6pt;text-align: right;}


/******************************************************************************/
/* Tabelka grid, do wyswietlania róznych danych
/******************************************************************************/
TABLE.grid {border-top: 1px solid #C0C0C0;border-left: 1px solid #C0C0C0;}
TABLE.grid TR.wiersz1 {background-color: #ffffff;}
TABLE.grid TR.wiersz2 {background-color: #F2F2F2;}
TABLE.grid TH {background-color: #ECE9D8; color: #464646; border-bottom: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; padding: 2px; font-weight: bold;}
TABLE.grid TD {border-bottom: 1px solid #C0C0C0;border-right: 1px solid #C0C0C0;color: #464646;padding: 2px;}
TABLE.grid TR.highlight {background-color: #EaEaEa;}

/******************************************************************************/
/* nagłówki, raczej do zmiany tak zeby używac browserhed
/******************************************************************************/
TH.basket, TD.basket, .towar_info TH.basket {
    background: #E2EDF3 url(../images/bars/katalog.gif) repeat-x; color : black; font-size: 10pt; padding: 4px;
}

TH.basket a, TH.basket a:link, TH.basket a:active, TH.basket a:hover {
    color: black; font-size: 8pt; text-decoration: underline; display:inline;
}

TH.basket a:hover { text-decoration: none; }

DIV.roundbox TH.basket{color: #4B5A63; background: none; padding: 5px 4px 5px 4px; }
DIV.roundbox TH.basket A {color: #4B5A63;}

/* Jest typ sortowania w jakis sposob ma byc wyswietlkany */
.asc, .desc{
  float: right;
  display: block;
  margin: 2px 8px 2px 4px;
  width: 9px;
  height:6px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: top left;
}
.asc { background-image: url(../images/icons/asc.gif);  }
.desc{ background-image: url(../images/icons/desc.gif); }

/**************************************************************************************************/
DIV.ibox {
    float: left;
    width: 169px;
    height: 137px;
    position: relative;
    margin-top: 10px;
    margin-left: 50px;
}

DIV.ibox_first{
    margin-left: 0px;
}

DIV.ibox .produkty {
    top: 111px;
    left: 11px;
    position: absolute;
}

DIV.ibox .ico { position: absolute; }
DIV.ibox DIV.info { position: absolute; width: 100px; height: 20px; z-index: 2;}

DIV.honeywell_box { background: url( "../images/index/honeywell-bg.jpg" ) no-repeat; }
DIV.honeywell_box .ico { top: 26px; left: 7px; }
DIV.honeywell_box DIV.info { top: 26px; left: 7px; width: 135px; }

DIV.flygt_box { background: url( "../images/index/flygt-bg.jpg" ) no-repeat; }
DIV.flygt_box .ico { top: 27px; left: 4px; }
DIV.flygt_box DIV.info { top: 27px; left: 4px; }

DIV.kamstrup_box { background: url( "../images/index/kamstrup-bg.jpg" ) no-repeat; }
DIV.kamstrup_box .ico { top: 26px; left: 7px; }
DIV.kamstrup_box DIV.info{ top: 26px; left: 7px; }

DIV.siemens_box { background: url( "../images/index/siemens-bg.jpg" ) no-repeat; }
DIV.siemens_box .ico { top: 29px; left: 10px; }
DIV.siemens_box DIV.info { top: 28px; left: 10px; width: 120px;}

/**************************************************************************************************/
DIV.kontakt { display: block; float: none; height: 60px;}
DIV.kontakt IMG.icon { float: left; }
DIV.kontakt span.type{ display: block; padding-top: 8px; }
DIV.kontakt span.value{ display: block; }
DIV.kontakt span.value STRONG{ color: #BD351B; }


/******************************************************************************/
/* Tabelka do wyświetlania promocji w sklepie
/******************************************************************************/

A.promo_napis{ color: #BB0625; font-size: 9pt; display: block; font-weight: bold; margin-bottom: 10px;}

DIV.promo_box{ padding: 15px 18px 0px 18px; }
DIV.promo_btns { text-align: center; padding-bottom: 15px;}

DIV.hbar{ margin: 0px; display: block; overflow: hidden; padding: 2px 2px 2px 2px; font-size: 8pt; margin: 2px 0px 0px 0px;overflow: hidden;}

.promo_img{ height: 125px; width: 140px; border: solid 1px #EBDFE2; background-color: #FFFFFF; }
.promo_cena{ color: #393A39; padding: 8px 0px 16px 0px; font-size: 8pt;}

A.promo_towar_nazwa, A.promo_towar_nazwa {
  font-weight: bold; color: #54555C; text-decoration: underline;
  display: block; padding-bottom: 8px;
}

A.promo_towar_nazwa:hover {color: #54555C; text-decoration: none; }

.promo_cena_wart{
  text-align: center;
  color: #BA1C17;
  font-weight: bold;
  font-size: 10pt;
}

.promo_vat{
  text-align: center;
  color: black;
  font-weight: bold;
  font-size: 10pt;
  height: 20px;
  padding: 2px 4px 2px 4px;
}


/******************************************************************************/
/* legenda do opisu towarów */
TABLE.legend TD{padding: 2px 8px 4px 2px;font-size: 8pt;word-spacing: 5;}


/******************************************************************************/
/* Jakaś tabelka wykorzystywana w różnych miejscach
/******************************************************************************/
TABLE.nv {
    margin: 10px 0px 10px 0px;
}

TR.nvhead TH {
    padding: 15px 5px 5px 0px;
    border-bottom: 3px solid #357493;
    font-size: 120%;
    font-weight: bold;
    text-align: left;
}

TR.nvsubhead TH {
    padding: 0px 5px 5px 0px;
    border-bottom: 2px solid #357493;
    text-align: left;
}
TR.nvoverhead TH{
    padding: 0px 5px 5px 0px;
    border-top: 2px solid #357493;
    text-align: left;
}
TR.tinynvsubhead TH {
    padding: 0px 5px 5px 0px;
    border-bottom: 1px solid #357493;
    text-align: left;
}

TR.nvplain TD {
    padding: 3px 5px 3px 0px;
 /*   border-bottom: 1px solid #357493;*/
}
TR.nvover TD {
    padding: 3px 5px 3px 0px;
    border-bottom: 1px solid #357493;
    border-top: 1px solid #357493;
}
TR.nvover TH {
    padding: 3px 5px 3px 0px;
    border-bottom: 1px solid #357493;
    border-top: 1px solid #357493;
}


/******************************************************************************/
TABLE.dbnav{ font-size: 10pt; color : 0066cb;}

TABLE.packed, TD.packed , TH.packed{
  background-color: #ebebeb;
  border : 2px solid navy;
}

TABLE.lightpacked , TR.lightpacked{
    padding: 3px 5px 3px 0px;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}


TD.plhi, TH.plhi{
  background-color : #dfdfdf;
}

TD.inside {
    font-size: 8pt;
    color:black;
}


TD.promo {
  font-size: 7pt;
  color : #003466;
  background-color: white;
}



/******************************************************************************/
/* Tabelka gdzie są wyświetlane grupy */
TABLE.grupy_tab{
  margin-top:10px;
}

/******************************************************************************/
/*    SCROLL, SUGGEST, to podpowiedzi które sie wyświetlaja na stronie
/******************************************************************************/
.content{
  /*height: 100%;
  width: 100%;
  text-align:center;
  background-color: #efefef;
  opacity: .30;
  filter: alpha(opacity=30);*/
  position: absolute;
}

.message{
  font-weight: bold;
  text-align: center;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px
}
.scroll{
  position: absolute;
  margin: 0 auto;
  visibility: hidden;
  background-color: white;
  z-index: 1;
  width: 300px;
  height: 180px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-collapse: collapse;
  border-bottom-style: solid;
  border-color: #000000;
  border-width: 1px;
  overflow: auto;
  filter: alpha(opacity=70);
  
  opacity: .75;
}
.scroll div{
  margin: 0 auto;
  text-align:left
}
.suggest table{
  width: 280px;
  font-size: 11px;
  font-weight: normal;
  color: #676767;
  text-decoration: none;
  border: 0px;
  padding: 0px;
  text-align:left;
  margin: 0px
}
.highlightrow{
  background-color: #999999;
  cursor: pointer
}

/******************************************************************************/



/******************************************************************************/
/* Tabelka  do zamowienia                                                     */
/******************************************************************************/
TABLE.zamOdbDostTab {
  margin-top:15px;
  border: none;
}

TABLE.zamOdbDostTab TD{
  padding: 2px 2px 2px 4px;
}

TABLE.zamOdbDostTab TH{
  padding: 2px 2px 2px 4px;
  height: 22;
  font-weight:bold;
  text-align: center;
}

TABLE.zamOdbDostTab TD.odstep{
  height: 30px;
  border-top: solid white 1px;
  border-bottom: solid #595A65 1px;
}


/* Obsługa błędów do zamówienia w zasadzie wszedzie tak samo pewnie,
   ale moze ktos zechce inaczej, lepiej aby była mozliwośc ustawienia */
DIV.zamowienie_errors{
  color: red;
  text-align: left;
}

DIV.zamowienie_errors h2{
  color: red;
  text-align: left;
}

DIV.zamowienie_errors li{
  color: red;
  text-align: left;
  background: no-repeat;
}


/******************************************************************************/
/* navigacja ściezka                                                                 */
.nawigacja { padding-left: 5px; }
.nawigacja .tree_path {}

/******************************************************************************/
/* PANEl UŻYTKOWNIKA        */
/******************************************************************************/
.user_menu_left{height:100%;}

DIV.user_menu_item, DIV.user_menu_item1 {
  background: url(../images/icons/gtgt.jpg) no-repeat 14px 6px;
  padding: 2px 2px 2px 30px;
  text-align: left;
  color: black;
  border-bottom: 1px dotted #CACACA;
  margin-bottom: 5px;
  cursor: pointer;
}
/* aktywna zakładka w menu uzytkownika */
DIV.user_menu_item1 {
  background: url(../images/icons/gtgt_red.jpg) no-repeat 14px 6px;
  font-weight:bold;
}

.user_resize_td{
  background-color: #F4F4F4;
  cursor:e-resize;
  width: 2px;
}


/******************************************************************************/
/*      Strona wyświetlająca informację o towarze                             */
/******************************************************************************/
/* naglówek z nazwą towaru */
H2.title{
    font-weight: normal;
    text-transform: uppercase;
    color: #999933;
    font-size : 12pt;
    font-weight : bold;
    text-align : left;
    padding-left : 10px;
}

/* input do wyświetlenia ilosci zamówionych towarów */
INPUT.number{
  height: 22px;
  vertical-align: middle;
}

TABLE.towar_info { }

TABLE.towar_info .srodek{
  text-align: center;
}

TABLE.towar_info TH.basket {
    background: #E2EDF3 url(../images/bars/katalog.gif) repeat-x; color : black; font-size: 10pt; padding: 4px;
}

TABLE.towar_info .brutto{
  color: #465560;
  font-weight:bold;
}

TABLE.towar_info UL.ul_ { margin:0; padding:0; list-style:none; }
TABLE.towar_info UL.ul_ li { background: no-repeat; text-align:left; }
TABLE.towar_info UL.ul_ li a { text-decoration:none; font-size: 8pt; color:#7D7D7D; padding-left:12px; background:url(../images/icons/pimp.gif) no-repeat -6px -5px; }
TABLE.towar_info UL.ul_ li a:hover { text-decoration:none; color:#595A65;}


TABLE.towar_info TR.browserodd {
    border: none 0px;
}

TABLE.towar_info TR.browserodd TD, TABLE.towar_info TR.browsereven TD {
    border: none;
    padding: 0px;
}

TABLE.towar_info TR.browserodd TD.tabcell, TABLE.towar_info TR.browsereven TD.tabcell {
    padding: 6px 4px 6px 4px;
    border-bottom: solid 1px #E0E0E0;
}

TABLE.towar_info TD.tabcell + TD.tabcell {
  border-left:solid 1px #E0E0E0;
}

.towar_image{
  padding: 10px;
  text-align: center;
  border: solid 1px #E0E0E0;
  margin-left: 10px;
}

.towar_image IMG{
  margin: 0px; padding: 0px; border: none; vertical-align: middle;
}


/*pasek gdzie są wyświetlane małe obrazki */
DIV.towar_img_mini{
  padding: 5px;
  display: block;
  overflow: show;
  border: solid 1px #ADAAAA;
  margin: 10px 0px 0px 0px;
}

DIV.towar_img_mini IMG{
    margin-left: 5px;

}

DIV.towar_img_mini TABLE, DIV.towar_img_mini TD{
  border: none;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
  padding: 5px;
}

p.nowarranty{
  margin-top: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: solid 1px #E0E0E0;
  font-size: 7.5pt;
  color: #7D7D7D;
  text-indent: 0.5cm;
}


.zwin_rozwin_bar{padding: 2px 2px 2px 2px;border-bottom: dashed 1px #CECECE;}
.zwin_rozwin_bar IMG{ cursor:pointer; }
.zwin_rozwin_top{  padding: 4px 0px; }
.zwin_rozwin_el{  display: none;   }

#towar_preview_div{
  display: block;
  width: 95%;
  overflow: auto;
  margin: 0px;
  padding: 0px;
  border: none;
}

.archiwalny0{}
.archiwalny1 .cena, .archiwalny1 .nazwa  {
    text-decoration: line-through;
}

.archiwalny1 .do_koszyka {
    display: none;
}


/*
jak ma wygladac zaznaczona kategoria w poszczegolnych drzewkach
0,1,2,... sa to kolejne drzewka wystepujace na stronie
*/
.t0i_selected, .t1i_selected, .t2i_selected, .t3i_selected {
  font-weight:bold;
  /*color: #e1e1e1;*/
}
TABLE.tree_tab TD{ border: none; padding:0px; }

A.help{
  cursor:pointer;
  width: 18px;
  height: 18px;
  background: url(../images/icons/pomoc.gif) no-repeat ;
  vertical-align: middle; float: right;
  display: block;
}

a.user_menu{}

a.user_menu_active {
  color: #D52D00;
}



/******************************************************************************/

/*******************************************************************************/
DIV.btns, DIV.btnsr, DIV.btnsl{ margin-top: 3px;text-align: center; }
DIV.btnsr {text-align: right;}
DIV.btnsl {text-align: left;}

.btn {
 display: inline-block;
 cursor: pointer;
 vertical-align: middle;
 
}

.btn .btnl, .btn_grey .btnl{
   display: inline-block;
   background: url(../images/buttons/btn_left.gif) no-repeat;
}

.btn .btnll{
   display: inline-block;
   background: url(../images/buttons/btnl.gif) no-repeat;
}
.btn .btnrr{
   display: inline-block;
   background: url(../images/buttons/btnr.gif) 100% 0% no-repeat;
}

.btn .btnr, .btn_grey .btnr{
   display: inline-block;
   background: url(../images/buttons/btn_right.gif) 100% 0% no-repeat;
   padding: 0px 10px;
}

.btn .napis, .btn_grey .napis{
   text-align: center;
   display: inline-block;
   color: #403E3F; 
   background: url(../images/buttons/btn_bg.gif) repeat-x;
   padding: 4px 0px;
}

.btn .hover, .btn_grey .hover{
    color: #6E7070;
}


.btn_grey { background: transparent; }
.btn_grey .btnl{ background: url(../images/buttons/btn_grey_left.gif) no-repeat; }
.btn_grey .btnr{ background: url(../images/buttons/btn_grey_right.gif) 100% 0%  no-repeat; }
.btn_grey .napis{ font-weight: normal; color: #3A434A; background: url(../images/buttons/btn_grey_bg.gif) repeat-x;}

/**************************************************************************************************/
.error{color: red;}
.errors{color: red;}
.errorss{color: red;margin: 0px 0px 0px 200px;}
.error0{visibility: hidden;position: absolute;display: none;}
.error1{visibility: visible;display: block;color: red;}
.display, .display0 {display: none;}
.display1 {}
.t_right{ text-align: right;}
.small{ font-size: 8pt;}

DIV.prom1{
  background: #FFF7F7;
  border-left: solid 1px #F3EBED;
  border-right: solid 1px #F3EBED;
  width: 158px;
  font-size: 8pt;
  padding: 15px 0px 0px 20px;
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  color: #A2BED3;
  font-size: 11;
  /*#1768A7*/
}


DIV.prom2{
  background: url(../images/bars/promo.gif) repeat-x;
  border-left: solid 1px #F3EBED;
  border-right: solid 1px #F3EBED;
  width: 158px;
  font-size: 8pt;
  padding: 0px 0px 0px 20px;
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  color: black;
  font-size: 11;
}




.komunikat{
  margin: 10px;
  padding: 10px;
  text-align:center;
}

.blokada0 {
  display: none;
}

.blokada1{
  display: block;
  color: red;
  font-weight:bold;
  font-size: 16px;
  border: solid 1px red;
  padding: 4px;
}

.message_error{
	display: block;
	margin: 1em 0;
	color: #300;
	background: #fee url("../images/icons/uwaga.gif") no-repeat 2px 2px;
	padding: 10px 10px 10px 35px;
	border-width: 1px 6px 1px 1px;
	border-style: solid;
	border-color: #800;
}


.message_notice{
  display: block;
	margin: 1em 0;
	color: #033;
	background: #eff url(../images/icons/info.gif) no-repeat 2px 2px;
	padding: 10px 10px 10px 35px;
	border-width: 1px 3px 1px 1px;
	border-style: solid;
	border-color: #088;
}

DIV.rowhead{
  background: url(../images/bars/katalog.gif) repeat -x;
  color : black
  padding: 5px 0px 5px 5px;
  font-weight: bold;
	padding: 4px 15px 0px 15px;
	margin: 0px 0px 0px 0px;
	height: 18px;
	clear: both;
	text-align: left;
  -moz-border-radius: 12px;
  border-radius: 15px; 
  border:solid 1px #CFCFCF;


}

DIV.rowfoot{
    border-bottom: solid 1px #E0E0E0;
    background-color: #f4f4f4;
}


DIV.rowodd {
    border-bottom: solid 1px #E0E0E0;
    background-color: #f4f4f4;
    clear: both;
}

DIV.rowodd:hover {
    background-color: #f0eef6;
}

DIV.roweven {
    border-bottom: solid 1px #E0E0E0;
    background-color: #ffffff;
    clear: both;
}

DIV.roweven:hover {
    background-color: #f0eef6;
}

DIV.rowend{
    height: 1px;
    padding: 0px;
    margin: 0px;
    line-height: 0;
    display: block;
    overflow: hidden;
    border: none;
    clear: both;
}

DIV.datalabel{
    float: left;
    width: 180px;
    display: inline;
    padding: 5px 0px 5px 5px;
    border-right: solid 1px #E0E0E0;
    overflow: hidden;
}

DIV.datalabel LABEL{
    width: 100%;
    display: inline;
}

DIV.datavalue{
  margin: 0px 0px 0px 185px;
  border-left: solid 1px #E0E0E0;
  padding: 5px 0px 5px 5px;
}

.hint{
    font-size: 9px;
    display:none;
}

.nobr{
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  white-space: nowrap;
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


.absmiddle_icon{
  vertical-align: middle;
  padding: 0px 0px 3px 5px;
}


DIV.check, DIV.check0, DIV.check1{
  display: block;
  margin: 2px 8px 2px 8px;
  width: 13px;
  height: 13px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: top left;
  overflow: hide;
}

DIV.check, DIV.check0 {
    background-image: url(../images/icons/check0.gif);
}
DIV.check1{
    background-image: url(../images/icons/check1.gif);
}

/******************************************************************************/
/*do mierzenia siły hasła */
.passMeter{ 		position:		absolute;
			margin-top: -57px;
			width: 		170px;
			background: #F0F0F0;
			border: 		1px solid #909090;
			padding:		10px;
}

.font_resizer{text-align: right;padding: 3px 5px 2px 0px;/*Aby ukrsyc wystarczy dodać display: none;*/}


div.radius {
	height: 100px;
	width: 100px;
	text-align: left;
  -moz-border-radius: 10px;
  border: solid 1px #AAAAAA;
  margin: 20px;
  padding: 20px;
}


#basket{
    float: right;
    height: 50px;
    width: 255px;
    position:relative;
    margin-top: -20px;
}

#basket .zawartosc{
    width: 195px;
    margin-left: 50px;
    float: left;
    overflow: hidden;
    display: block;
    float: right;
    padding-top: 7px;
}

.koszyk_pusty, .koszyk_pelny{
    position: absolute;
    display: block;
    float: left;
    width: 50px;
    height: 47px;
    background:url(../images/icons/full-basket.gif)  0% 0% no-repeat;
    overflow: hidden;
    top: -3px;
}

.koszyk_pusty {
    background:url(../images/icons/empty-basket.gif) 0% 0% no-repeat;
}

a.koszyk_pusty span, a.koszyk_pelny span {
    visibility: hidden;
}

.menu_item{ background: url(../images/menu/menu_item_bg.gif) repeat-x; width: 133px; height: 41px; float: left; margin-right: 2px;}
.menu_item .left{ background: url(../images/menu/menu_item_left.gif) no-repeat; height: 41px;}
.menu_item .right{ background: url(../images/menu/menu_item_right.gif) 100% 0% no-repeat; height: 41px;}
.menu_item .napis{ padding-top: 15px; text-align: center; font-weight: bold; color: #596871;}

div.bar{
    background: url(../images/menu/menu_item_bg.gif) repeat-x;
    
}

div.bar div.baar {
    background: url(../images/menu/menu_item_left.gif) no-repeat;
}

div.bar div.b_text1 {
    background: url(../images/menu/menu_item_right.gif) 100% 0% no-repeat;
    font-weight: bold; color: #596871;
    padding: 5px;
    text-align: center;
}