/* 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: #808080; }
BODY, P, DIV, TD, TH, INPUT, TEXTAREA, OPTION  {
    font-size: 8pt;
}

BODY { margin: 0px; }

H1, H3, H4, H5 {  font-weight: normal; }
H1 { font-size: 11pt; }
H2 { font-size: 10pt; }
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; vertical-align: middle; }
PRE { margin: 10px 5px 10px 5px; color: #000000; }

.separator { margin-left: 5px; margin-right: 5px; }
.fright { float: right; }
.fleft { float: left; }


/******************************************************************************/
/*      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; cursor: pointer;}
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;}
DIV.page { width: 780px; margin: auto; text-align: left; }
#content { padding: 10px ; }

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

DIV.header {
    width: 780px;
    position: relative;
}

DIV.header DIV.witamy {
    position: absolute;
    width: 280px;
    height: 60px;
    top: 131px;
    left: 410px;
}

DIV.header DIV.wiecej_info {
    position: absolute;
    width: 100px;
    height: 20px;
    top: 193px;
    left: 619px;
}

DIV.header DIV.linki {
    padding-top: 16px;
    color: white;
    float: right;
    margin-right: 30px;
    text-align: right;
    width: 350px;
    position: absolute;
    top: 0px;
    right: 0px;
}

DIV.header A.logo {
    display: block;
    position: absolute;
    top: 95px;
    left: 72px;
}


DIV.header DIV.linki A {
    color: #5089A8;
    text-decoration: underline;
    margin: 0px 0px 0px 15px;
    background: url(../images/header/link_arrow.gif) 0px 14px no-repeat;
    padding-bottom: 6px;
}

DIV.header DIV.linki A:hover {
    color: #5089A8;
    text-decoration: none;
}

DIV.linki span.space {
    margin: 0px 0px 0px 15px;
}


DIV.header DIV.logo {
    margin: 0px;
}



DIV.header DIV.mainmenu {
    height: 40px;
    position: absolute;
    top: 145px;
    padding-left: 180px;
}


DIV.mainmenu A.item, DIV.mainmenu A.item1, DIV.mainmenu A.item_pl{
    background: url(../images/menu/bullet.gif)  0px 4px no-repeat;
    font-weight: bold;
    color: #535D69;
    padding: 10px 0px 10px 30px;
    margin: 0px 10px 0px 0px;
    text-decoration: none;
    display: block;
    float: left;
}

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

DIV.mainmenu A.item_pl {
    background: url(../images/menu/bullet-pl.gif) 0px 0px no-repeat;
}

DIV.mainmenu A.item1{

}


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

DIV.body {
    margin: 5px 30px 10px 39px;
}



DIV.body_left { float: left; width: 210px; }


DIV.body_center {
    vertical-align: top;
    width: 524px;
    margin: 0px 213px 0px 213px;
}

DIV.promo_wyprz, DIV.promo_wyprz00 {
    width: 737px;
    margin: 0px 0px 0px 213px;
}

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

DIV.body_right { float: right; width: 210px; }


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

DIV.footer {
    padding: 0px;
    clear: both;
    font-size: 8pt;
    margin: 15px 0px 5px 0px;
}
DIV.footer DIV.fcontent {padding-left: 80px;}

DIV.footer DIV.linki {
    margin-top: 8px;
    margin-bottom: 8px;
    color: #6e7888;
}


DIV.footer DIV.light {
    color: #9EAAB5;
    font-size: 7pt;
    line-height: 15px;
}

DIV.footer DIV.logo {float: right;margin-right: 20px; width: 270px;text-align: right;padding-top: 30px;}

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

DIV.footer A:hover{
    text-decoration: underline;
}

DIV.footer DIV.bar {
  background: url(../images/footer/footer_bg.jpg) repeat-x 0px 0px;
  height: 85px;
  padding: 0px;
  color: white;
  margin-bottom: 5px;
  vertical-align:middle;
}

div.footer div.fcontent {
    padding-left:20px;
    padding-top: 20px;
}

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

TABLE TD.label{ width: 150px; vertical-align: top; }

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


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

.btn IMG { display: inline; vertical-align: middle; }

.btnbg {
    padding: 5px 6px 9px 6px;
    vertical-align: middle;
    font-size: 8pt;
    margin: 0px;
    background: transparent url(../images/buttons/btnbg.gif) 0% 0% 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: pointer; float: right; margin: 0px 3px 0px 3px; vertical-align: middle; display: inline-block; overflow: show; border: 0px; }
.ficon IMG { vertical-align: middle; border: none;}
.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;
}
.lp{text-align: right;}

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;

}
/*************************************************************************************************/
.utabs{padding: 4px 15px 0px 15px; 	margin: 0px 0px 0px 0px; 	height: 18px; background: #363636; clear: both; text-align: left;margin-bottom: 2px;}
TD.utab, TD.utab1,TD.adtab, TD.adtab1 {	font-family: verdana, arial, hevetica, sans-serif;font-size: 12px;padding: 0px 3px 0px 3px;background: url(../images/tabs/bg_tab.gif);}
TD.utab A, TD.adtab A{	font-family: verdana, arial, hevetica, sans-serif;	font-size: 12px;	color: #666666;	text-decoration: none;	font-weight: normal;}
TD.utab1 A, TD.adtab1 A{font-family: verdana, arial, hevetica, sans-serif;font-size: 12px;	font-weight: bold;	color: #666666;}
TD.utab a:hover, TD.utab1 a:hover, TD.adtab a:hover, TD.adtab1 a:hover{color: #666666;text-decoration: underline;}

LI.item { font-size: 12px; }

div.loading {
    display: block;
    height: 80px;
    width: 100%;
    background: url(../images/loader-bar.gif) no-repeat 50% 50%;
}