/* Ogólne style dla całej strony, */
BODY, H1, H2, H3, H4, H5, P, LI, DIV, TD, TH, A, INPUT, TEXTAREA, OPTION {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  color: #808080;
}

BODY, P, UL, OL, DL, DIV, TD, TH, INPUT, TEXTAREA, OPTION  {font-size: 8pt;}
BODY {margin: 0px; background-color: #E0E2E4; }

H1, H3, H4, H5 { font-weight: normal;  }

H1 { font-size: 11pt; }
H2 { font-size: 10pt; color: #333333}
H3 { font-size: 8pt; }
H4 { font-size: 7pt; }

H2.dotted {font-size: 10pt; padding: 5px 5px 5px 8px; margin: 0px 4px 5px 5px; color: #333333; border-bottom: dotted 1px #838282;}

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

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

TABLE { empty-cells: show; }
IMG { border: 0px; margin-left: 0px; }
PRE {margin: 10px 5px 10px 5px;color: #000000;}


/******************************************************************************/
/*      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: #333333;}
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;}

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


/******************************************************************************/
/*      Nagłówek i główna tabelka zawierajaca stronę
/******************************************************************************/
DIV.main { width: 100%; text-align: center; background: #E0E2E4 url(../images/body_bg.jpg) repeat-x; padding-bottom: 15px;}


DIV.page { width: 924px; margin: auto; text-align: left; background: white; overflow: hidden; }
DIV.page DIV.page_left { background: url(../images/box/page-left.gif) repeat-y; }
div.page div.page_right{  background: url(../images/box/page-right.gif) 909px 0px repeat-y;  }
div.page div.page_bottom{  background: url(../images/box/body-bottom.gif) 0% 100% repeat-x; }
div.page div.page_bottom_left {  background: url(../images/box/body-bottom-left.gif) 0% 100% no-repeat; }
div.page div.page_bottom_right{ background: url(../images/box/body-bottom-right.gif)  899px 100% no-repeat;  padding-bottom: 10px; }

div.win_contents {margin: 10px;}

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

DIV.header { position: relative; background: url(../images/header/header-top-bg.gif) repeat-x; height: 140px; }
DIV.header_left { background:  url(../images/header/header-left.gif) no-repeat; }
DIV.header_right { background: url(../images/header/narzedzia.jpg) 100% 0% no-repeat; padding: 24px 25px 0px 25px;  }
DIV.header_bg {  }

DIV.header IMG.logo {position: absolute; left: 14px;}

DIV.header DIV.mainmenu {padding-top: 80px; padding-left: 315px;}
DIV.mainmenu DIV.items { background: url(../images/menu/menu_right.gif) 100% 0% no-repeat;}

DIV.mainmenu A.item, DIV.mainmenu A.item1 {
    background: url(../images/menu/menu_item_bg.gif) repeat-x;
    font-weight: bold;
    color: white;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

DIV.mainmenu A.item:hover, DIV.mainmenu A.item1:hover {text-decoration: underline;}

DIV.mainmenu A.item span.left{ background: url(../images/menu/menu_item_left.gif) no-repeat; display: inline-block;}
DIV.mainmenu A.item span.right{ background: url(../images/menu/menu_item_right.gif) 100% 0% no-repeat; display: inline-block; }


DIV.mainmenu A.item1 {background: url(../images/menu/menu_item1_bg.gif) repeat-x; color: #413D3F}
DIV.mainmenu A.item1  span.left{ background: url(../images/menu/menu_item1_left.gif) no-repeat; display: inline-block;}
DIV.mainmenu A.item1  span.right{ background: url(../images/menu/menu_item1_right.gif) 100% 0% no-repeat; display: inline-block; }

DIV.mainmenu A.item span.right, DIV.mainmenu A.item1 span.right{
    padding: 8px 14px 6px 14px;
}

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

#search { margin: 0px 40px 0px 0px; float: right; width: 635px; }
#search DIV.search{border-bottom: solid 1px #F1F1F1; text-align: right; padding: 10px 0px; }
#search Div.filtry{ padding: 10px 0px; text-align: right; vertical-align: middle; }
#search Div.filtry INPUT{ margin-left: 5px; vertical-align: middle;}
#search Div.filtry LABEL{ vertical-align: middle;}


#search IMG.gt{
  vertical-align: middle;
  margin: 0px 10px 0px 10px;
}


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

DIV.body { padding: 0px 15px 0px 15px}

DIV.body_left { float: left; width: 192px; margin: 32px 0px 0px 4px; overflow: hidden; }
DIV.body_right { float: right; width: 192px; overflow: hidden; margin-right: 4px }
DIV.body_center{ vertical-align: top; width: 495px; margin: 0px 200px 0px 200px; text-align: left; padding-top: 85px;}
DIV.promo_wyprz, DIV.promo_wyprz00{
    width: 690px; margin: 0px 1px 0px 200px;
}
DIV.promo_wyprz{ width: 690px; margin: 0px 1px 0px 200px;}

DIV.body_content { margin: 0px; padding: 0px; width: 100%; }

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

#navbar {position: relative; background: url(../images/box/navbar-bg.jpg) repeat-x; height: 35px; overflow: hidden; margin-bottom: 15px;}
#navbar div.navbar_left { background: url(../images/box/navbar-left.jpg) no-repeat; }
#navbar div.navbar_right { background: url(../images/box/navbar-right.jpg) 100% 0% no-repeat; padding: 11px 10px 11px 45px; }
#navbar a.home { position: absolute; top: 9px; left: 10px; }

/******************************************************************************/
/*      Stopka
/******************************************************************************/
DIV.footer {padding: 0px; clear: both; font-size: 8pt; }
DIV.footer div.bottom {background: url(../images/box/footer-bottom.gif) 0 100% repeat-x;}
DIV.footer div.top {background: url(../images/box/footer-top.gif) 0px 0px repeat-x;}
DIV.footer div.left {background: url(../images/box/footer-left.gif) 0px 0px repeat-y;}
DIV.footer div.right {background: url(../images/box/footer-right.gif) 100% 0px repeat-y;}


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


DIV.footer DIV.body { margin-left: 200px; padding: 12px 0px 25px 0px;  text-align:center; margin-right: 100px; }
DIV.footer DIV.linki { margin-bottom: 4px;}
DIV.footer DIV.light {color: #9EAAB5; font-size: 7pt; }

DIV.footer DIV.platnosci {
    float: left; width: 200px; text-align:right; margin: 18px 0px 0px 25px;
    
}
DIV.footer DIV.logo { float: right; width: 50px; text-align: right; padding: 15px 35px 0px 10px;  }

DIV.footer A, DIV.footer A:link, DIV.footer A:hover, DIV.footer A:active, DIV.footer A:visited {color: #6D6D6D; text-decoration: none; }
DIV.footer DIV.light A, DIV.footer DIV.light  A:link, DIV.footer DIV.light  A:hover, DIV.footer DIV.light  A:active, DIV.footer DIV.light  A:visited {color: #9EAAB5; }
DIV.footer A:hover, DIV.footer DIV.light A:hover {text-decoration: underline;}


/******************************************************************************/
DIV.box { width: 100%; margin: 0px 0px 5px 0px; text-align: left; overflow:hidden; }

DIV.box DIV.bar{ background: url(../images/box/box-bar-bg.gif) repeat-x; }
DIV.box DIV.bar_left{ background: url(../images/box/box-bar-left.gif) no-repeat; }
DIV.box DIV.bar_right{ height: 34px; background: url(../images/box/box-bar-right.gif) 100% 0% no-repeat; }

DIV.box IMG.arr {float: left; margin: 10px 10px 0px 10px;}

DIV.box DIV.contents {
    border-left: solid 1px #CDCDCD; border-right: solid 1px #CDCDCD;
    background: url(../images/box/box-bg.jpg) repeat-x;
    padding:  10px;
}

DIV.box DIV.bottom { background: url(../images/box/dot.gif) 0% 100% repeat-x; }
DIV.box DIV.left_bottom { background: url(../images/box/box-left-bottom.gif) no-repeat; }
DIV.box DIV.right_bottom { height: 11px; background: url(../images/box/box-right-bottom.gif) 100% 0% no-repeat; overflow: hidden;}


DIV.box DIV.bar H2{ color: #505C68;display: block;font-weight: bold;font-size: 10pt;padding: 11px 10px 6px 14px; margin: 0px;}


DIV.box div.row{ margin-top: 15px; }

DIV.box DIV.login_links{
    color: #3F3D3E;
}
DIV.box DIV.login_links A { color: #628DAB }
DIV.box DIV.login_links A:hover { text-decoration: underilne; }


/**************************************************************************************************/
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.cats{ display: block; }
DIV.cats B {color: #514E51;font-weight: bold; margin-bottom: 5px; display: block}
DIV.cats A, DIV.cats A.closed, DIV.cats A.opened { color:#5C7B90; text-decoration: none; display: block; padding-left: 12px;
margin-bottom: 2px; padding-bottom: 2px;
border-bottom: dotted 1px #CBD7E3;}

DIV.cats A:hover { color: #364A59; text-decoration: none; }

DIV.cats A.closed { background: url(../images/menu/plus.gif) 0px 3px no-repeat;}
DIV.cats A.opened { background: url(../images/menu/minus.gif) 0px 3px no-repeat;}

DIV.cats DIV.items { padding-left: 10px; }
DIV.cats IMG.ico{ }
DIV.cats A.selected { font-weight: bold; color: #514E51; }
DIV.cats A.selected { font-weight: bold; color: #514E51; }

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

div.tablebox div.left-top {background: url(../images/box/table-left-top.jpg) 0px 0px no-repeat;}
div.tablebox div.right-top {background: url(../images/box/table-right-top.jpg) 100% 0px no-repeat;}
div.tablebox div.left-bottom {background: url(../images/box/box-left-bottom.gif) 0 100% no-repeat;}
div.tablebox div.right-bottom {background: url(../images/box/box-right-bottom.gif) 100% 100% no-repeat;}

div.tablebox div.contents{
    padding: 2px 1px 5px 1px;
}

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

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

div.shadowbox div.contents{
    padding: 2px 5px 5px 5px;
}

H2.bar, H2.bar_blue, H2.bar_red, H2.bar_green{
    border-bottom: solid 1px #CDCDCD;
    color: #3F3B3B;
    margin: 0px -5px 10px -5px;
    background: url(../images/icons/arr_down_grey.gif) 10px 8px no-repeat;
    padding: 10px 10px 5px 35px;
}
H2.bar_blue{background: url(../images/icons/arr_down_blue.gif) 10px 8px no-repeat;}
H2.bar_red{background: url(../images/icons/arr_down_red.gif) 10px 8px no-repeat;}
H2.bar_green{background: url(../images/icons/arr_down_green.gif) 10px 8px no-repeat;}


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

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

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

div.barbox div.left-top {background: url(../images/box/box-bar-left.gif) 0px 0px no-repeat;}
div.barbox div.right-top {background: url(../images/box/box-bar-right.gif) 100% 0px no-repeat;}
div.barbox div.left-bottom {background: url(../images/box/box-left-bottom.gif) 0 100% no-repeat;}
div.barbox div.right-bottom {background: url(../images/box/box-right-bottom.gif) 100% 100% no-repeat;}
div.barbox div.contents{ padding: 2px 5px 5px 5px; }


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

.wiersz1{background-color: #ffffff;}
.wiersz2{background-color: #f4f4f4;}
.highlight{background-color: #dddddd;cursor: default;}
TR.browserodd {background-color: #f9f9f9;}
TR.browserodd:hover {background-color: #e9e9e9; }

TR.browsereven {background-color: #ffffff;}
TR.browsereven:hover {background-color: #e9e9e9;}
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;}

/*    Koniec tabelki do wyświetlania artykułów
/******************************************************************************/

/******************************************************************************/
/* 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.article {
    background: #AAB4C0; color: #333333; border: 1px solid #535D69; padding: 0.2em 0.5em; text-align: left; font-weight: bold; text-decoration: none;
}

TR.browserhead TH, TR.browserhead TD, TD.browserhead, TH.browserhead, TH.basket, TD.basket {
    color: #626262;
    padding: 3px 3px 3px 10px;
    text-align: left;
    font-weight: bold;
    background: url(../images/rowhead-bg.png) repeat-x;
    border-bottom: 1px solid #CDCDCD;
    border-top: 1px solid #C0BDBD;
    border-left: 1px solid #CDCDCD;
    height: 33px;
}

TH.last-cell, TD.last-cell { border-right: 1px solid #CDCDCD; }

TH.basket a, TH.basket a:link, TH.basket a:active,
TH.browserhead a, TH.browserhead a:link, TH.browserhead a:active, 
TD.browserhead a, TD.browserhead a:link, TD.browserhead a:active {
    color: #818181; text-decoration: none;
}
TH.basket a:hover, TH.browserhead a:hover, TD.browserhead a:hover { text-decoration: underline; }


#towary_tab TH.basket { color: #818181; padding: 2px 5px; height: 31px; text-align: center; font-weight: bold; border: none; background: none;}
#towary_tab TH.basket TH.basket + #towary_tab TH.basket {border-left: 1px solid #CDCDCD;}

/* 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); }

/******************************************************************************/
/* Tabelka do wyświetlania promocji w sklepie
/******************************************************************************/
DIV.promobox {border-bottom: dotted 1px #838282; padding-top: 14px;}

DIV.promobox .photo{ height: 125px; text-align: center; border: solid 1px #CBD7E3; padding: 2px;
 -moz-border-radius: 10px; border-radius: 10px;
}
DIV.promobox .cena{ height: 20px; padding: 0px 0px 6px 0px; margin: 6px 0px 0px 0px;}
DIV.promobox .towar_nazwa{border-left: solid 2px #535D69; font-size: 9pt; padding: 0px 4px 0px 4px; margin: 0px 0px 10px 0px;}
DIV.promobox .cena_wart{color: white; background: #535D69;border: solid 1px #535D69;height: 20px;padding: 2px 4px 2px 4px;}
DIV.promobox .vat{color: #535D69; background: white;border: solid 1px #535D69;height: 20px;padding: 2px 4px 2px 4px;}


/******************************************************************************/
/* Tabelka do wyświetlania promocji w sklepie
/******************************************************************************/
DIV.block{ padding-bottom: 6px; margin-bottom: 10px; border-bottom: dotted 1px #AAB4C0; }
DIV.block H2{  }


/******************************************************************************/
/* 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, div.nvplain {padding: 5px 5px 5px 0px; border-bottom: dotted 1px #CBD7E3;}
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;}



/******************************************************************************/
/*    SCROLL, SUGGEST, to podpowiedzi które sie wyświetlaja na stronie
/******************************************************************************/
.content{
  position: absolute;
  top: 0; left: 0;
  width:1px; height:1px;
  z-index:100;
  visibility: hidden;
}

.message{
  font-weight: bold;
  text-align: center;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px
}
.scroll{
  position: absolute;
  display: block;
  margin: 0;
  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: solid 1px #000000;
  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
}


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

/******************************************************************************/
/* PANEl UŻYTKOWNIKA        */
/******************************************************************************/
.user_menu_left{}

a.user_menu_item, a.user_menu_item1 {
  display: block;
  background: url(../images/icons/gtgt.jpg) no-repeat 14px 6px;
  padding: 4px 4px 4px 30px;
  text-align: left;
  color: #5C7B90;
  border-bottom: 1px dotted #CACACA;
  margin-top: 5px;
  cursor: pointer;
}

a.user_menu_item1 {background: url(../images/icons/gtgt_red.jpg) no-repeat 14px 6px;font-weight:bold;}
a.user_menu_item:hover, a.user_menu_item1:hover{color: #364A59;}
.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: #514E51;
    font-size : 12pt;
    font-weight : bold;
    text-align : left;
    padding-left : 10px;
    border-bottom: 1px dotted #CBD7E3;
}

/* 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 .brutto{color: #3D3D3D; font-weight:bold;}
TABLE.towar_info UL { margin:0; padding:0; list-style:none; }
TABLE.towar_info UL li { background: no-repeat; text-align:left; }
TABLE.towar_info 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 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: 8px 8px 8px 8px;
  display: block;
  overflow: show;
  background: #FFFFFF;
  border-top: solid 1px #CECECE;
  border-bottom: solid 1px #E0E0E0;
  /*border: solid 1px #595A65;; */
  margin: 10px 0px 0px 0px;
}

DIV.towar_img_mini IMG{
  border: solid 1px #eaeaea;
  background: white;
  margin-right: 8px;
  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;
}

/*
Do zwijania i rozwijania
*/
.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;}




/******************************************************************************/
.btns, .btnsr { padding-top: 5px;  padding-bottom: 5px; text-align: center; }
.btnsr{ text-align: right; }

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

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

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

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

.btn_blue { background: transparent; }
.btn_blue .btnl{ background: url(../images/buttons/btn_blue_left.gif) no-repeat; }
.btn_blue .btnr{ background: url(../images/buttons/btn_blue_right.gif) 100% 0%  no-repeat; }
.btn_blue .napis{ font-weight: normal; background: url(../images/buttons/btn_blue_bg.gif) repeat-x}

/******************************************************************************/
.clear{clear: both; height: 1px; overflow: hidden;}
.blank{height: 1px; line-height: 1px; overflow: hidden;}
.error{color: red;}
.errors{color: red;}
.error0{visibility: hidden;position: absolute;display: none;}
.error1{visibility: visible;display: block;color: red;}
.display0, .display {display: none;}
.display1 {}
.small{font-size: 8pt;}
.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;}
.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;}
.back {  float: left;}
.forward {  float: right;}
.center {  text-align: center;  }
.bold {  font-weight: bold;  }
.hspace{height: 14px;overflow: hidden;}
.align-right {  text-align: right;  }
.align-left {  text-align: left;  }
.float-right {  float : right;  }
.float-left {  float : left;  }


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);}

.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 {
    color: #626262;
    padding: 3px 3px 3px 10px;
    text-align: left;
    font-weight: bold;
    background: url(../images/rowhead-bg.png) repeat-x;
    border: 1px solid #CDCDCD;
    border-top: 1px solid #a9a9a9;
    height: 33px;
}

DIV.rowfoot{border-bottom: solid 1px #E0E0E0;background-color: #f9f9f9;}
DIV.rowodd {border-bottom: solid 1px #E0E0E0;background-color: #f9f9f9; 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: 160px;
    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 165px;
  border-left: solid 1px #E0E0E0;
  padding: 5px 0px 5px 5px;
}

/******************************************************************************/
/* box tlo zdjecia - lewy gorny naroznik */
.tbox1 {width: 3px; height: 3px;background-image: url('../images/foto/foto_top_left.gif'); background-repeat: no-repeat}
/* box tlo zdjecia - gorny srodek */
.tbox2 {height: 3px;background-image: url('../images/foto/foto_top.gif'); background-repeat: repeat-x}
/* box tlo zdjecia - prawy gorny naroznik */
.tbox3 {width: 3px; height: 3px;background-image: url('../images/foto/foto_top_right.gif'); background-repeat: no-repeat}
/* box tlo zdjecia - lewa ramka */
.tbox4 {width: 3px;background-image: url('../images/foto/foto_border_left.gif');background-repeat: repeat-y;}
/* box tlo zdjecia - zawartosc */
.tbox5 {background: #FFFFFF;}
/* box tlo zdjecia - prawa ramka */
.tbox6 {width: 3px;background-image: url('../images/foto/foto_border_right.gif');background-repeat: repeat-y;}
/* box tlo zdjecia - lewy dolny naroznik */
.tbox7 {width: 3px; height: 4px;background-image: url('../images/foto/foto_bot_left.gif'); background-repeat: no-repeat}
/* box tlo zdjecia - dolny srodek */
.tbox8 {height: 4px;background-image: url('../images/foto/foto_bottom.gif'); background-repeat: repeat-x}
/* box tlo zdjecia - prawy dolny naroznik */
.tbox9 {width: 3px; height: 4px;background-image: url('../images/foto/foto_bot_right.gif'); background-repeat: no-repeat}


/******************************************************************************/
/*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;*/}
.do_koszyka_multi{padding: 10px 5px 10px 8px;border-top: solid 1px #e0e0e0;}

/**************************************************************************************************/
div.news{  border-bottom:1px solid #d5dee3; border-left:1px solid white; margin:10px 0px 10px 5px; padding: 10px 5px 5px 0px; color:#7c888e; }
div.news div.head{  width:100%; margin-bottom: 8px;}
div.news div.head div.author{ display:inline; color:#B4B2B1;}
div.news div.head div.date{display:inline; color:#B4B2B1; float:right; }
div.news div.title{ color:#514E51; margin: 10px 0px 2px 0px; padding: 0px 0px 2px 0px; font-weight:bold; font-size:1.2em; font-family:Tahoma; border-bottom: 1px solid #d5dee3; }
div.news div.text{ clear:both; color:#7c888e;  }
div.news div.icon{float:left;margin: 5px 15px 5px 5px;padding: 1px 1px 1px 1px;border:1px solid #d5dee3;}
div.news div.text IMG { margin: 6px; }



#sectionLinks a:link, #sectionLinks a:visited { background-image:url(../images/bg_nav.jpg); border-bottom:1px solid #CCCCCC; border-top:1px solid #FFFFFF; color: #5C7B90; display:block; padding:3px 0 3px 10px; }
#sectionLinks a { color:#4976D1; cursor:pointer; font-weight:normal; text-decoration:none;}


/**************************************************************************************************/
div.vfs{}
div.vfs span { padding: 3px 0px 3px 22px;}
div.vfs span.up{ background:url(../images/vfs/up.png) 0px 0px no-repeat;}
div.vfs span.katalog, div.vfs span.dir, div.vfs span.folder { background: url(../images/vfs/folder.png) 0px 0px no-repeat;}
div.vfs span.plik, div.vfs span.file { background:url(../images/vfs/file.gif) -1px 0px no-repeat; }
div.vfs span.pdf {background: url(../images/vfs/pdf.gif) 0px 0px no-repeat;}

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

div.vfs span.7z { background: url(../images/vfs/files/7z.png) 0px 0px no-repeat; }
div.vfs span.ai { background: url(../images/vfs/files/ai.png) 0px 0px no-repeat; }
div.vfs span.aiff { background: url(../images/vfs/files/aiff.png) 0px 0px no-repeat; }
div.vfs span.asc { background: url(../images/vfs/files/asc.png) 0px 0px no-repeat; }
div.vfs span.audio { background: url(../images/vfs/files/audio.png) 0px 0px no-repeat; }
div.vfs span.bin { background: url(../images/vfs/files/bin.png) 0px 0px no-repeat; }
div.vfs span.bz2 { background: url(../images/vfs/files/bz2.png) 0px 0px no-repeat; }
div.vfs span.c { background: url(../images/vfs/files/c.png) 0px 0px no-repeat; }
div.vfs span.cfc { background: url(../images/vfs/files/cfc.png) 0px 0px no-repeat; }
div.vfs span.cfm { background: url(../images/vfs/files/cfm.png) 0px 0px no-repeat; }
div.vfs span.chm { background: url(../images/vfs/files/chm.png) 0px 0px no-repeat; }
div.vfs span.class { background: url(../images/vfs/files/class.png) 0px 0px no-repeat; }
div.vfs span.conf { background: url(../images/vfs/files/conf.png) 0px 0px no-repeat; }
div.vfs span.cpp { background: url(../images/vfs/files/cpp.png) 0px 0px no-repeat; }
div.vfs span.cs { background: url(../images/vfs/files/cs.png) 0px 0px no-repeat; }
div.vfs span.css { background: url(../images/vfs/files/css.png) 0px 0px no-repeat; }
div.vfs span.csv { background: url(../images/vfs/files/csv.png) 0px 0px no-repeat; }
div.vfs span.deb { background: url(../images/vfs/files/deb.png) 0px 0px no-repeat; }
div.vfs span.divx { background: url(../images/vfs/files/divx.png) 0px 0px no-repeat; }
div.vfs span.doc { background: url(../images/vfs/files/doc.png) 0px 0px no-repeat; }
div.vfs span.dot { background: url(../images/vfs/files/dot.png) 0px 0px no-repeat; }
div.vfs span.eml { background: url(../images/vfs/files/eml.png) 0px 0px no-repeat; }
div.vfs span.enc { background: url(../images/vfs/files/enc.png) 0px 0px no-repeat; }
div.vfs span.gif { background: url(../images/vfs/files/gif.png) 0px 0px no-repeat; }
div.vfs span.gz { background: url(../images/vfs/files/gz.png) 0px 0px no-repeat; }
div.vfs span.hlp { background: url(../images/vfs/files/hlp.png) 0px 0px no-repeat; }
div.vfs span.htm { background: url(../images/vfs/files/htm.png) 0px 0px no-repeat; }
div.vfs span.html { background: url(../images/vfs/files/html.png) 0px 0px no-repeat; }
div.vfs span.image { background: url(../images/vfs/files/image.png) 0px 0px no-repeat; }
div.vfs span.iso { background: url(../images/vfs/files/iso.png) 0px 0px no-repeat; }
div.vfs span.jar { background: url(../images/vfs/files/jar.png) 0px 0px no-repeat; }
div.vfs span.java { background: url(../images/vfs/files/java.png) 0px 0px no-repeat; }
div.vfs span.jpeg { background: url(../images/vfs/files/jpeg.png) 0px 0px no-repeat; }
div.vfs span.jpg { background: url(../images/vfs/files/jpg.png) 0px 0px no-repeat; }
div.vfs span.js { background: url(../images/vfs/files/js.png) 0px 0px no-repeat; }
div.vfs span.lua { background: url(../images/vfs/files/lua.png) 0px 0px no-repeat; }
div.vfs span.m { background: url(../images/vfs/files/m.png) 0px 0px no-repeat; }
div.vfs span.mm { background: url(../images/vfs/files/mm.png) 0px 0px no-repeat; }
div.vfs span.mov { background: url(../images/vfs/files/mov.png) 0px 0px no-repeat; }
div.vfs span.mp3 { background: url(../images/vfs/files/mp3.png) 0px 0px no-repeat; }
div.vfs span.mpg { background: url(../images/vfs/files/mpg.png) 0px 0px no-repeat; }
div.vfs span.odc { background: url(../images/vfs/files/odc.png) 0px 0px no-repeat; }
div.vfs span.odf { background: url(../images/vfs/files/odf.png) 0px 0px no-repeat; }
div.vfs span.odg { background: url(../images/vfs/files/odg.png) 0px 0px no-repeat; }
div.vfs span.odi { background: url(../images/vfs/files/odi.png) 0px 0px no-repeat; }
div.vfs span.odp { background: url(../images/vfs/files/odp.png) 0px 0px no-repeat; }
div.vfs span.ods { background: url(../images/vfs/files/ods.png) 0px 0px no-repeat; }
div.vfs span.odt { background: url(../images/vfs/files/odt.png) 0px 0px no-repeat; }
div.vfs span.ogg { background: url(../images/vfs/files/ogg.png) 0px 0px no-repeat; }
div.vfs span.pdf { background: url(../images/vfs/files/pdf.png) 0px 0px no-repeat; }
div.vfs span.pgp { background: url(../images/vfs/files/pgp.png) 0px 0px no-repeat; }
div.vfs span.php { background: url(../images/vfs/files/php.png) 0px 0px no-repeat; }
div.vfs span.pl { background: url(../images/vfs/files/pl.png) 0px 0px no-repeat; }
div.vfs span.png { background: url(../images/vfs/files/png.png) 0px 0px no-repeat; }
div.vfs span.ppt { background: url(../images/vfs/files/ppt.png) 0px 0px no-repeat; }
div.vfs span.ps { background: url(../images/vfs/files/ps.png) 0px 0px no-repeat; }
div.vfs span.py { background: url(../images/vfs/files/py.png) 0px 0px no-repeat; }
div.vfs span.ram { background: url(../images/vfs/files/ram.png) 0px 0px no-repeat; }
div.vfs span.rar { background: url(../images/vfs/files/rar.png) 0px 0px no-repeat; }
div.vfs span.rb { background: url(../images/vfs/files/rb.png) 0px 0px no-repeat; }
div.vfs span.rm { background: url(../images/vfs/files/rm.png) 0px 0px no-repeat; }
div.vfs span.rpm { background: url(../images/vfs/files/rpm.png) 0px 0px no-repeat; }
div.vfs span.rtf { background: url(../images/vfs/files/rtf.png) 0px 0px no-repeat; }
div.vfs span.sig { background: url(../images/vfs/files/sig.png) 0px 0px no-repeat; }
div.vfs span.sql { background: url(../images/vfs/files/sql.png) 0px 0px no-repeat; }
div.vfs span.swf { background: url(../images/vfs/files/swf.png) 0px 0px no-repeat; }
div.vfs span.sxc { background: url(../images/vfs/files/sxc.png) 0px 0px no-repeat; }
div.vfs span.sxd { background: url(../images/vfs/files/sxd.png) 0px 0px no-repeat; }
div.vfs span.sxi { background: url(../images/vfs/files/sxi.png) 0px 0px no-repeat; }
div.vfs span.sxw { background: url(../images/vfs/files/sxw.png) 0px 0px no-repeat; }
div.vfs span.tar { background: url(../images/vfs/files/tar.png) 0px 0px no-repeat; }
div.vfs span.tex { background: url(../images/vfs/files/tex.png) 0px 0px no-repeat; }
div.vfs span.tgz { background: url(../images/vfs/files/tgz.png) 0px 0px no-repeat; }
div.vfs span.txt { background: url(../images/vfs/files/txt.png) 0px 0px no-repeat; }
div.vfs span.vcf { background: url(../images/vfs/files/vcf.png) 0px 0px no-repeat; }
div.vfs span.video { background: url(../images/vfs/files/video.png) 0px 0px no-repeat; }
div.vfs span.vsd { background: url(../images/vfs/files/vsd.png) 0px 0px no-repeat; }
div.vfs span.wav { background: url(../images/vfs/files/wav.png) 0px 0px no-repeat; }
div.vfs span.wma { background: url(../images/vfs/files/wma.png) 0px 0px no-repeat; }
div.vfs span.wmv { background: url(../images/vfs/files/wmv.png) 0px 0px no-repeat; }
div.vfs span.xls { background: url(../images/vfs/files/xls.png) 0px 0px no-repeat; }
div.vfs span.xml { background: url(../images/vfs/files/xml.png) 0px 0px no-repeat; }
div.vfs span.xpi { background: url(../images/vfs/files/xpi.png) 0px 0px no-repeat; }
div.vfs span.xvid { background: url(../images/vfs/files/xvid.png) 0px 0px no-repeat; }
div.vfs span.zip { background: url(../images/vfs/files/zip.png) 0px 0px no-repeat; }