/*      Ogólne
/******************************************************************************/
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: #313131;
}

BODY, P, UL, OL, DL, DIV, TABLE, TD, TH, FORM, INPUT, TEXTAREA, SELECT, OPTION  {
    font-size: 9pt;
}

BODY { margin: 0px; }

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

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

TABLE { empty-cells: show; }
IMG { border: 0px; text-align: middle; }
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 {cursor:pointer}
A {text-decoration: none; color: #333333;}
A:hover {text-decoration: none;color: #aaaaaa;}
A IMG { border: 0px; }

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

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

FIELDSET { padding: 0.5em; margin: 0.5em 0em; border: 1px solid #A6A6A6 }
LABEL { line-height: 1.5em; 	padding: 0.2em;}
LEGEND {
  width: 400px;
  border: 1px solid #A6A6A6;
  color: #76AC0C;
  padding: 5px 5px 5px 5px;
  margin: 5px;
  text-align: left;
  font-weight: bold;
  text-decoration: none;
  font-size:90%; letter-spacing:1px;
}

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

/******************************************************************************/
DIV.header {
    padding-top: 2px;
    background: white;
    border-bottom: solid 1px #6A6A6A;
    width: 980;
    overflow: hidden;
    position: relative;
}

div.ec_ver{
    position: absolute;
    top: 96px;
    left: 810px;
    color: #FEFCFD;
    font-weight: bold;
}

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

DIV.body { padding-top: 0px; }
DIV.body_left { float: left; margin: 0px; width: 180px;}
DIV.body_center {
    vertical-align: top;
    margin: 0px 185px 20px 185px;
    background: white;
    text-align: left;
    padding-left: 8px; padding-right: 8px;
    border-left: solid 1px #E8E8E8;
    border-right: solid 1px #E8E8E8;
}

/******************************************************************************/
/*      Stopka
/******************************************************************************/
DIV.footer {
    position: relative;
    padding: 2px;
    border-top: solid 1px #CACACA;
    border-bottom: solid 1px #CACACA;
    background: white;
    color: #7F7F7F;
    clear: both;
    font-size:7pt;
    margin-bottom: 10px;
    margin-top: 10px;
}

DIV.footer *{ color: #7F7F7F; font-size:7pt; }
DIV.footer B{ font-size: 7pt; color: black; }
A.footer { text-decoration: none; color:red;}
A.footer:hover { text-decoration: underline;}
DIV.footer P{ font-size: 7pt; color: #7F7F7F; margin-top: 4px }

DIV.footer DIV.payments {
    text-align: center;
    vertical-align: middle;
    background: white;
    color: balck;
}
DIV.footer DIV.payments IMG{ vertical-align: middle; display: inline;}
DIV.footer DIV.linki { text-align: center; margin: 0px;}
DIV.footer DIV.copy, DIV.footer DIV.copy A { color: #DDDDDD; text-align: center;}
DIV.footer A, DIV.footer A:link, DIV.footer A:hover, DIV.footer A:active, DIV.footer A:visited {
    color: #777777; text-decoration: underline;
}
DIV.footer A:hover{ text-decoration: none;}
DIV.footer DIV.bottom{ position: relative; height: 1px;}

DIV.footer DIV.solution{
    height: 40px;
    width: 50px;
    position: absolute;
    margin-top: 10px;
    text-align: right;
    right: 0px;
}



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

TH.browserhead , TD.browserhead {
    border: 1px solid #A6A6A6;
    padding: 0.2em 0.5em;
    text-align:center;
    font-weight: bold;
    text-decoration: none;
    background: #D4D0C8;
}

TD.browserhead + TD.browserhead, TH.browserhead + TH.browserhead{
    border-left: none;
}

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

TH.browserhead a:hover { text-decoration: none; }
TR.browserodd { background-color: #f4f4f4; }
TR.browserodd:hover {background-color: #FFEEEE;}
TR.browsereven { background-color: #ffffff;}
TR.browsereven:hover { background-color: #FFEEEE;}
TR.browserodd TD, TR.browsereven TD { padding: 4px; border-top: 1px solid #e0e0e0;}
TR.browserhead + TR.browserodd TD { border-top: 0px;}
TD.browserno { font-size: 6pt; text-align: right; }
TABLE.browser0 TD{ border: none; }
/******************************************************************************/
/* 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 grid, do wyswietlania róznych danych
/******************************************************************************/
DIV.grid { border: 1px solid #C0C0C0; height: 300px; overflow: scroll; width: 100%;}

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: #D0D0D0;}

/******************************************************************************/
TABLE.config{}
TABLE.config TD.value { border-left: solid 1px #CCCCCC; padding-left: 8px;}
TABLE.config TD.label{ width: 250px; vertical-align: top; }

/******************************************************************************/
TABLE.tabela { border: 1px solid #a0a0a0; }
TABLE.tabela TR.browserodd { background-color: #f4f4f4;}
TABLE.tabela TR.browserodd:hover { background-color: #f4f4f4;}
TABLE.tabela TR.browsereven { background-color: #ffffff;}
TABLE.tabela TR.browsereven:hover { background-color: #ffffff;}
TABLE.tabela TR.highlight, TABLE.tabela TR.highlight:hover {  background-color: #D4D4D4;}

/******************************************************************************/
/*    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;
  width: 300px;
  height: 180px;
  border-collapse: collapse;
  border: solid 1px #000000;
  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
}

/******************************************************************************/
/*      Strona wyświetlająca informację o towarze                             */
/******************************************************************************/
.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;   }
.inside .zwin_rozwin_bar{ padding-left: 12px;  border-top: dashed 1px #CECECE; border-bottom: none;   }
.ident{ padding-left: 15px }

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

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

}
TABLE.tree_tab TD{ border: none; padding: 0px; }

/******************************************************************************/
.btn {
  cursor: pointer;
  margin: 2px;
  padding: 0px;
  text-align: center;
  height: 25px;
  white-space: nowrap;
}

.btn IMG { vertical-align: middle;}

.btnbg{
    height: 15px;
    padding: 5px 6px 7px 6px;
    vertical-align: middle;
    font-size: 8pt;
    margin: 0px;
    background: url(../images/buttons/button_bg.gif) repeat-x;
    text-align: center;
    color: white;
    font-weight: bold;
}

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

/**************************************************************************************************/
/* pasek nawigacyjny                                                          */
.navbar{ border-bottom: 1px dashed #A6A6A6; margin-left: 5px; padding: 5px 5px 5px 5px; }

.errors, .error{color: red;}
.error0{ visibility: hidden; position: absolute; display: none;}
.error1{ visibility: visible; display: block; color: red; }

.display0, .display { display: none;}
.visibile0, .visibile { visibility: hidden; }
.display1, .visibile1 { }
.clear{ clear: both; height: 1px; overflow: hidden;}
.drag{ cursor: move;}
.ficon{ cursor: default; float: right; margin: 0px 3px 0px 0px; }
.back { 	float: left;}
.forward { float: right; }
.center { text-align: center;	}
.bold { 	font-weight: bold; 	}
.hspace{ height: 14px; overflow: hidden;}
.icospace { padding-left: 5px; padding-right: 5px;}
.sign { color: #FF6600; }
.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); }

.message_info, .message_error{
	display: block;
	font-weight: bold;
	margin: 1em 0;
	color: #300;
	background: #fee url("../images/icons/uwaga.gif") no-repeat 2px 2px;
	padding: 10px 0px 45px 50px;
	border-width: 1px 6px 1px 1px;
	border-style: solid;
	border-color: #F76A01;
}

.message_notice{
  display: block;
  font-weight: bold;
	margin: 1em 0;
	color: #033;
	background: #eff url(../images/icons/uwaga.gif) no-repeat 2px 2px;
	padding: 10px 0px 45px 50px;
	border-width: 1px 6px 1px 1px;
	border-style: solid;
	border-color: #088;
}

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

DIV.rowhead, DIV.rowhead-long, DIV.rowhead-small{
  width: 300px;
  border: 1px solid #A6A6A6;
  border-left: 3px solid #A6A6A6;
  color: #76AC0C;
  padding: 5px;
  margin: 5px;
  text-align: left;
  font-weight: bold;
  text-decoration: none;
  font-size:90%;
  letter-spacing:3px;
  text-transform:uppercase;
}

DIV.row{ padding: 5px; }
DIV.rowhead-long{ width: 400px; }
DIV.rowhead-small{ width: 200px;}
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: #FFEEEE; }
DIV.roweven { border-bottom: solid 1px #E0E0E0; background-color: #ffffff; clear: both; }
DIV.roweven:hover { background-color: #FFEEEE; }
DIV.rowend{ height: 1px; padding: 0px; margin: 0px; line-height: 0; display: block; overflow: hidden; border: none; clear: both; }


DIV.datalabel{
  float: left;
  width: 200px;
  display: inline;
  padding: 5px 0px 5px 5px;
}

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

/**************************************************************************************************/
/* Wielkości i położenie używane we FRAMESET */
.floatingBox  {	margin-top: 10px; 	width: 400px;}
.floatingBox-full  {margin-top: 10px;padding: 4px;}
.floatingBox-profil  {	margin: 0px 5px 5px 0px;	width: 330px;}
.floatingBox-left { 	margin: 0; 	width: 170px; margin-bottom: 10px;}
.floatingBox-right {	margin: 0;	width: 170;	}
.floatingBox-products  {	margin: 0;	width: 500px;	margin-top: 10px;	margin-bottom: 10px;}

/******************************************************************************/
/*      Ogólny wygląd foprmularzy
/******************************************************************************/

FORM { margin: 0px; }

TEXTAREA, INPUT.text { border: 1px solid #A6A6A6; background-color: #FFFFFF; }

INPUT.error { border: solid 1px red;}

TEXTAREA:focus, INPUT.text:focus { border: 1px solid #DFDFDF; background-color: #ffffff;}

SELECT { border: 1px solid black; background-color: #fbfcff; vertical-align: middle; }

OPTION { background-color: #fbfcff;}

INPUT.text { padding: 2px ; vertical-align: middle;}

INPUT.button {
    background-color: #286496;
    border: solid 1px #C5CCD3;
    vertical-align: middle;
    color: white;
    width: 100px;
    overflow: show;
    font-weight: normal;
    cursor: pointer;
    margin-left: 4px;
    margin-top: 2px;
    vertical-align: middle;
}

TEXTAREA { padding: 3px 4px 3px 4px; }

INPUT.image, SELECT.text { vertical-align: middle; background-color: white; }

INPUT.checkbox {
    margin: 2px 2px 2px 0px;
    width: 12px;
    height: 12px;
    vertical-align: middle;
}

INPUT.disabled { background-color: #eaeaea; }

INPUT.radio {
    margin: 4px;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    color : navy;
}
/******************************************************************************/
/* pasek postępu                                                              */
DIV.progress, DIV.progress DIV.procent {
    vertical-align:middle;
    text-align: center;
    width: 100px;
    font-size: 10px;
    color: black;
    height: 14px;
    border: solid 1px #FC8E44;
    overflow: hidden;
    position: relative;
}

DIV.progress DIV.procent {
    top: 0px; left: 0px;
    position: absolute;
    border: none;
    z-index:10;
}

DIV.progress DIV.bar{
    top: 0px; left: 0px;
    position: absolute;
    background: #FFECBF;
    width: 0%;
    width: 100px;
    height: 14px;
    z-index:5;
    display: block;
}

/******************************************************************************/
/* zamówienie nie zrealizowane i zamówienie zrealizowane całkowicie*/
.status0 {
  width:20px; height:20px;
  display: block;
  background: url(../images/icons/status0.gif) no-repeat ;
}

.status1 {
  width:20px; height:20px;
  display: block;
  background: url(../images/icons/status1.gif) no-repeat ;
}

.status2 {
  width:20px; height:20px;
  display: block;
  background: url(../images/icons/status2.gif) no-repeat ;
}

/*************************************************************************************************/
div.wybierz {
    width:200px;
    border : solid 1px #E0E0E0;
    padding: 3px 0px;
    vertical-align: middle;
    background: white url(../images/buttons/wybierz.gif) no-repeat 183px 3px;
}

div.multiselect{
    position : absolute;
    background : white;
    width  : 200px;
    height : 300px;
    border : solid 1px #E0E0E0;
    overflow: auto;
}

div.multiselect .option {
    padding: 2px;
    border-bottom: solid 1px #E0E0E0;
    cursor:default;
}

div.multiselect .selected { background-color: #F4F4F4; }
div.multiselect .hover { background-color: #E9E9E9; }

div.popup_form, div.popup_div, div.popup {
    position:absolute;
    width:640px;
    visibility:hidden;
    display: none;
    background:white;
    border: solid 1px #A0A0A0;
}

/**************************************************************************************************/
div.img_preview {
    display: none;visibility: hidden;width: auto; height: auto;position: absolute;top: 0px; left: 0px;padding: 0px 0px 0px 0px;border: 1px solid #C8C8C8;background-color: #ffffff;z-index: 98;cursor: default;text-align: left;
}
div.img_preview {z-index: 97;}
img.img_preview_loader {display: block;margin: 10px;padding: 0px 0px 0px 0px;visibility: visible;}
img.img_preview_arrow{
    display: block;position: absolute;left: 0px; top: 0px;width: 5px;height: 9px;visibility: hidden;z-index: 99;
}
DIV.img_preview_contents{
    display: block;visibility: hidden;position: absolute;top: 0px;left: 0px;padding: 0px;width: auto;height: auto;padding: 10px;
}

TABLE.cennik{
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

TABLE.cennik TD{
  border-left: 1px solid #E0E0E0;
}