html * {margin: 0; padding: 0;}
body {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #4d4d4d; background: #B30000 url(../images/tlo.gif); text-align: center;}

/* ------------------------------------------- */
p {margin: 0 0 5px 0; line-height: 1.3em;}
a {color: #b30000; text-decoration: none;}
a:link, a:visited {color: #B30000;}
a:hover, a:active {color: #808080;}
a img {border: none;}

h1 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 2.6em; font-weight: normal; margin: 0 0 14px 0; color: #b30000;}
h2 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: bold; margin: 0 0 14px 0; color: #b30000;}
h3 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: bold; margin: 0 0 10px 0; color: #b30000;}
h4 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; margin: 10px 0 0 0; color: #0271e3;}
h5 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; margin: 0 0 6px 0; color: #4d4d4d;}
h6 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.09em; font-weight: bold; margin: 0 0 4px 0; color: #b30000;}



.komunikat_nagl {font-size: 14px; font-weight: bold; margin: 12px 0 0 0; color: #CC0000; text-decoration: blink;}
.komunikat {font-size: 12px; font-weight: bold; margin: 12px 0 0 0; color: #4B4B4B;}
.komunikat1 {font-size: 12px; margin: 12px 0 0 0; color: #000000;}
s
ul {list-style: none;}
li {list-style-position: outside; list-style: none; background: url(../images/bulletRed.gif) no-repeat 0 .45em; padding-left: 13px; line-height: 1.3em; margin-bottom: 5px;}
ul.noBullets li, li.noBullets {background: none; padding: 0; text-indent: -13px; margin-left: 13px;}
ul.circ {margin-left: 2px;}
ul.circ li {background: url(../images/circ.gif) no-repeat 0 .4em; padding-left: 8px;}
ul ul, ol ol {margin-left: 10px;}

table {font-size: 1em; color: #4d4d4d;}

/* ---------------------- layout ----------------------- */

#pasekGorny {width: 100%; min-width: 988px; background: #fff url(../images/bgHead.gif) bottom repeat-x; height: 90px; min-height: 80px;} 
#GornyKontener {position: relative; margin: 0 auto; width: 988px; height: 100px; text-align: left;}
div#logo {float: left; width: 400px; height: 80px; padding-left: 12px;}
div#logo div {height: 64px; background: url(../images/logo-fsystem.gif) no-repeat 0 50%; padding-top: 20px;}
div#logo div.fsystem {background-image: url(../images/logo-fsystem.gif);}
div#logo div.bday a, div#logo div.fsystem a {margin-left: 12px;}
div#logo img {width: 305px; height: 78px; border: 0;}
div#logom a {}
div#logon a {}

/* ---------------------- Wyszukiwarka -------------------- */
 
 #searchEngine {float: right; margin-top: 5px;}
#searchEngine div.label {float: left; padding-top: 4px;}
* html #searchEngine div.label {padding-top: 5px;}
#searchEngine input#search {width: 88px; margin: 0 5px; background: #f3f3f5;}

/* ---------------------- Wyszukiwarka -------------------- */

/* ---------------------- Menu ---------------------------- */
#menuPasekGlowny, #menuPasekHurt, #menuPasekLowepro, #menuPasekGiottos #menuHurt {width: 100%; min-width: 988px; clear: both;}
#menuPasekGlowny {background: url(../images/menu_tlo.gif) repeat-x; height: 26px;}
/*#menuPasekHurt {background-color: #b30000;background: url(../images/menu_tlo.gif) repeat-x; height: 26px;}*/
#menuHurt {background: url(../images/menu_tlo.gif) repeat-x; height: 24px;}
#menuPasekLowepro {background-color: #FF6600;}
#menuPasekGiottos {background-color: #999999;}
#menuKontener {position: relative; width: 988px; height: 26px; margin: 0 auto; text-align: left;}
#mainMenu {padding: 0 0 0 0px;}
#menuKontener li {float: left; margin-top: 0px; padding: 0px 0px 0px 0px; height: 18px; margin-top: 3px}
#menuKontener li.separator {width: 1px; height: 16px; background: url(../images/vDot.gif) repeat-y; margin: 5px 5px;}
#menuKontener li a {display: block; height: 20px;}
#menuKontener li a:hover {background: none !important;}

/* ----- hurtownia ----- */
#menuPasekGlowny li#menu01 {width: 105px; background: url(../images/menu/glowna_on.gif) no-repeat;}
#menuPasekGlowny li#menu01 a {background: url(../images/menu/glowna.gif) no-repeat;}
#menuPasekGlowny li#menu02 {width: 45px; background: url(../images/menu/menu02_on.gif) no-repeat;}
#menuPasekGlowny li#menu02 a {background: url(../images/menu/menu02.gif) no-repeat;}
#menuPasekGlowny li#menu03 {width: 45px; background: url(../images/menu/menu03_on.gif) no-repeat;}
#menuPasekGlowny li#menu03 a {background: url(../images/menu/menu03.gif) no-repeat;}
#menuPasekGlowny li#menu04 {width: 50px; background: url(../images/menu/menu04_on.gif) no-repeat;}
#menuPasekGlowny li#menu04 a {background: url(../images/menu/menu04.gif) no-repeat;}
#menuPasekGlowny li#menu05 {width: 58px; background: url(../images/menu/menu05_on.gif) no-repeat;}
#menuPasekGlowny li#menu05 a {background: url(../images/menu/menu05.gif) no-repeat;}
#menuPasekGlowny li#menu06 {width: 55px; background: url(../images/menu/menu06_on.gif) no-repeat;}
#menuPasekGlowny li#menu06 a {background: url(../images/menu/menu06.gif) no-repeat;}
#menuPasekGlowny li#menu07 {width: 75px; background: url(../images/menu/menu07_on.gif) no-repeat;}
#menuPasekGlowny li#menu07 a {background: url(../images/menu/menu07.gif) no-repeat;}
#menuPasekGlowny li#menu08 {width: 55px; background: url(../images/menu/menu08_on.gif) no-repeat;}
#menuPasekGlowny li#menu08 a {background: url(../images/menu/menu08.gif) no-repeat;}
#menuPasekGlowny li#menu09 {width: 60px; background: url(../images/menu/menu09_on.gif) no-repeat;}
#menuPasekGlowny li#menu09 a {background: url(../images/menu/menu09.gif) no-repeat;}
#menuPasekGlowny li#menu10 {width: 68px; background: url(../images/menu/menu10_on.gif) no-repeat;}
#menuPasekGlowny li#menu10 a {background: url(../images/menu/menu10.gif) no-repeat;}
#menuPasekGlowny li#menu11 {width: 80px; background: url(../images/menu/hurtownia_on.gif) no-repeat;}
#menuPasekGlowny li#menu11 a {background: url(../images/menu/hurtownia.gif) no-repeat;}
#menuPasekGlowny li#menu12 {width: 80px; background: url(../images/menu/kontakt_on.gif) no-repeat;}
#menuPasekGlowny li#menu12 a {background: url(../images/menu/kontakt.gif) no-repeat;}
#menuPasekGlowny li#menu13 {width: 105px; background: url(../images/menu/partner_on.gif) no-repeat;}
#menuPasekGlowny li#menu13 a {background: url(../images/menu/partner.gif) no-repeat;}
#menuPasekGlowny li#menu14 {width: 105px; background: url(../images/menu/logowanie_on.gif) no-repeat;}
#menuPasekGlowny li#menu14 a {background: url(../images/menu/logowanie.gif) no-repeat;}

/* ----- hurt -----*/


#menuHurt li#menu01 {width: 100px; height:20px; background: url(../images/menu/nowosci_on.gif) no-repeat;}
#menuHurt li#menu01 a {background: url(../images/menu/nowosci.gif) no-repeat;}
#menuHurt li#menu02 {width: 100px; background: url(../images/menu/katalog_on.gif) no-repeat;}
#menuHurt li#menu02 a {background: url(../images/menu/katalog.gif) no-repeat;}
#menuHurt li#menu03 {width: 100px; background: url(../images/menu/katalog_on.gif) no-repeat;}
#menuHurt li#menu03 a {background: url(../images/menu/katalog.gif) no-repeat;}
#menuHurt li#menu04 {width: 100px; background: url(../images/menu/zapowiedzi_on.gif) no-repeat;}
#menuHurt li#menu04 a {background: url(../images/menu/zapowiedzi.gif) no-repeat;}
#menuHurt li#menu05 {width: 100px; background: url(../images/menu/rozrachunki_on.gif) no-repeat;}
#menuHurt li#menu05 a {background: url(../images/menu/rozrachunki.gif) no-repeat;}
#menuHurt li#menu06 {width: 100px; background: url(../images/menu/zamowienia_on.gif) no-repeat;}
#menuHurt li#menu06 a {background: url(../images/menu/zamowienia.gif) no-repeat;}
#menuHurt li#menu07 {width: 150px; background: url(../images/menu/handlowiec_on.gif) no-repeat;}
#menuHurt li#menu07 a {background: url(../images/menu/handlowiec.gif) no-repeat;}

/* ----- business -----*/
#menuWrapperBiz li#menu01 {width: 70px; background: url(../images/menu/biz_menu01_on.gif) no-repeat;}
#menuWrapperBiz li#menu01 a {background: url(../images/menu/biz_menu01.gif) no-repeat;}
#menuWrapperBiz li#menu02 {width: 55px; background: url(../images/menu/biz_menu02_on.gif) no-repeat;}
#menuWrapperBiz li#menu02 a {background: url(../images/menu/biz_menu02.gif) no-repeat;}
#menuWrapperBiz li#menu03 {width: 49px; background: url(../images/menu/biz_menu03_on.gif) no-repeat;}
#menuWrapperBiz li#menu03 a {background: url(../images/menu/biz_menu03.gif) no-repeat;}
#menuWrapperBiz li#menu04 {width: 65px; background: url(../images/menu/biz_menu04_on.gif) no-repeat;}
#menuWrapperBiz li#menu04 a {background: url(../images/menu/biz_menu04.gif) no-repeat;}
#menuWrapperBiz li#menu05 {width: 73px; background: url(../images/menu/biz_menu05_on.gif) no-repeat;}
#menuWrapperBiz li#menu05 a {background: url(../images/menu/biz_menu05.gif) no-repeat;}

/* ---------------------- Menu ---------------------------- */

/* ---------------------- Menu ---------------------------- */
#menulewe, #menulewekLowepro, #menuleweGiottos {width: 180px; min-width: 150px; clear: both; }
#menuPasekHurt {width: 0px;}
#menuBox {height: 70px; background: url(../images/b_login.png) no-repeat; margin-bottom: 6px;}
#menuBox div.inner {height: auto;}
#menuBox a {color: #fff;}
#menuBox a:hover {color: #d4d4d4;}
#menu {display: block; width: 115px; height: 20px; margin-bottom: 8px; background: url(../images/h_login.png) top left no-repeat;}
#menu:hover {background-position: bottom left;}

a.mainmenu {
	display:block;
	float:left;
	text-align:left;
   width: 180px; 
	min-width: 150px;
 	background-color: #B30000;
	padding: 6px 10px 6px 3px;
	border-left: 10px solid #CC0000;
	border-top: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #ffffff;
	text-decoration:none;
}

a.mainmenu:hover {
display:block;
float:left;
text-align:left;
   width: 180px; 
	min-width: 150px;
padding: 6px 10px 6px 3px;
border-left:10px solid #FF0000;
border-top: 1px solid #CCCCCC;
background-color: #B30000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color: #FFFF00;
text-decoration:none;
}

a.tytul:link {
text-decoration:none;
font-size: 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
}
a.tytul:hover {
text-decoration:none;
font-size: 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
}


/* ---------------------- Menu ---------------------------- */

#contentWrapper {width: 100%; min-width: 988px; clear: both; background: #fff ; color: #333333; min-height: 661px;}
/* #contentContainer {width: 988px; margin: 0 auto; padding: 0 0 20px; text-align: left; height: 100%; overflow: hidden;} */
#contentContainer {width: 90%; min-width: 988px; margin: 0 auto; padding: 0 0 20px; text-align: left; overflow: hidden; }
#contentContainerhurt {width: 100%; min-width: 988px; margin: 0 auto; padding: 0 0 0 0px; text-align: left; overflow: hidden; }
#srodek {float: left; width: 182px; overflow: hidden;}

/* ---- ??? --- */

#footerWrapper {width: 100%; min-width: 988px; clear: both; background: transparent url(../images/bgFoot.gif) repeat-x;}
#footerContainer {width: 988px; margin: 0 auto; padding: 15px 0 10px; text-align: left;}
#footerContainer p {line-height: 1em;}
#footerContainer a {color: #fff; margin: 0 5px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 10px;}
#footerContainer a:hover {color: #FFFFE0; font-weight: bold; height: 100%; font-size: 10px}
#footerContainer div.content {overflow: hidden; height: 100%; font-size: 10px; color: #FFFFE0;}
div.segment {float: left; width: 22%;}
div.lastSegment {float: right;}

#credits { width:500px; padding: 20px 20px 10px 20; color: #FFFFFF; font-size: 11px; text-align: center;}
#credits a {color: #FFFFFF; font-weight: bold; height: 100%; font-size: 12px}
#credits a:link {color: #FFFFFF; font-weight: bold; height: 100%; font-size: 12px}
#credits a:hover {color: #FFFFE0; font-weight: bold; height: 100%; font-size: 12px}
a#FS:link {color: #FFFFE0; font-weight: bold; height: 100%; font-size: 12px}
a#FS:hover {color: #FFFFE0; font-weight: bold; height: 100%; font-size: 12px}
a#JM:link {color: #FFFFFF; font-size: 12px;}
a#JM:hover {color: #FFFFCC; font-size: 12px;}


/* kolumny  */
/* ---------------------- layout ----------------------- */
#contentContainer {padding-top: 20px;}

#leftColumn {float: left; width: 182px; overflow: hidden; padding-left:20px;}
#middleColumn {float: left; width: 580px; margin: 0 6px; overflow: hidden;}
#middleColumn h3 {margin-bottom: 10px;}
#rightColumn {float: left; width: 202px; overflow: hidden;}
#wideColumn {float: right; width: 788px; margin-left: 6px; overflow: hidden;}
#simpleColumn {overflow: hidden;}
#leftColumn li, #rightColumn li {}
#leftColumn h3, #rightColumn h3 {font-size: 1.5em;}
#leftColumn .header, #rightColumn .header {font-weight: bold; background-position: 0 .24em;}

#leftColumnlogon {float: left; width: 300px; overflow: hidden; padding-left:20px;}
#MidleColumnlogon {float: left; width: 500px; overflow: hidden; text-align: center;}
#rightColumnlogon {float: right; width: 250px; overflow: hidden;}
#rightColumnlogon1 {float: right; width: 450px; overflow: hidden;}
#wideColumnlogon {float: right; width: 788px; margin-left: 6px; overflow: hidden;}

/* --------------------- classes ----------------------- */
div.box p {margin-bottom: 0;}
* html div.box div.inner {padding-bottom: 8px;}



#middleColumn {
	position:relative;
	top:5px;
	width: 500px;
	float: left;
	border:#333333 thin dotted;
	overflow: auto;
	left: 10%;
	}

#middleleftColumn {
	position:relative;
	left:5px;
	top:5px;
	height: 610px;
	min-height: 350px;
	min-width: 45%; 
	width: 450px;
	float: left;

	}

#middlerightColumn {
	position:relative;
	left:10px;
	top:5px;
	height: 610px;
	min-height: 350px;
	min-width: 25%; 
	width: 450px;
	float: left;
	
}

#middleColumn h3 {margin-bottom: 10px;}
#rightColumn {
	position:relative;
	right:0px;
	top:0px;
	float: right;
	width: 205px;
	min-width: 203px;
	min-height: 350px;
	height: 100%;
	border-left: thin dotted #B30000;
}
#wideColumn {float: right; width: 90%; min-width: 788px; margin-left: 6px; overflow: hidden;}
#wideColumn h3 {margin-bottom: 10px;}
#wideColumn1 {float: right; width: 788px; margin-left: 6px; overflow: hidden;}
#simpleColumn {overflow: hidden;}

/* kolumny  */

/* boxy */
div.banner {text-align: center;}
div.banner embed, div.banner object {margin-bottom: 8px;}
div.banner a {display: block; margin-bottom: 8px;}

div.icons {float: left; width: 100px;}
div.descrBox {float: left; width: 220px;}
div.dGrayBox {float: right; width: 300px; background: #f3f3f3; padding: 10px; background: #f3f3f3 url(../images/dDot.gif) center repeat-y;}
div.dGrayBox div.lSide {float: left; width: 140px;}
div.dGrayBox div.rSide {float: right; width: 140px;}

#naglowek_nowosci {
text-align: center;
background-color: #B30000;
height:25px;
font-weight: bold;
color: #ffffff;
padding: 0px 0px 0px 0px;
}

#reszta_nowosci {
text-align: center;
width: 200px;
height: 220px;
background-color: #FFFFFF;
padding: 12px 0px 5px 3px;
line-height:15px;
}
#dzial_polecamy { 
width: 203px;
height: 245px;
background-color: #FFFFFF;
}

#naglowek_polecamy {
width: 200;
border: 0px;
text-align: center;
background-color: #B30000;
height: 25px;
font-weight: bold;
color: #ffffff;
border-top: 3px double #CCCCCC;
}

#reszta_polecamy {
text-align: center;
height: 220;
background-color: #FFFFFF;
padding: 2px 0px 5px 3px;
line-height:15px;
}

#naglowek_promocje {
width: 200px;
text-align: center;
background-color: #CC0000;
height:25px;
font-weight: bold;
color: #ffffff;
padding: 0px 0px 0px 0px;
}

#dzial_promocje { 
width: 200px;
height: 220px;
}

#reszta_promocje {
text-align: center;
width: 200px;
height: 220px;
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
line-height:15px;
}

#naglowek_newsletter {
width: 200px;
border: 0px;
text-align: center;
background-color: #B30000;
height: 25px;
font-weight: bold;
color: #ffffff;
}

#reszta_newsletter { 
text-align: center;
width:200px;
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
}

#kontakt {
text-align: center;
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
}

div.sklepy {padding: 2 3px 2px 3px; background: #fff; border-bottom: thin solid #B30000;}

div.box {padding: 0 1px; background: #e5e5e5;}
div.box p.small {line-height: 1.1em;}
div.box div.inner {padding: 8px 13px; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; background: #fff url(../images/box/boxBg.gif) bottom repeat-x;}
* html div.box div.inner {padding-bottom: 8px;}
div.boxHeaderGray, div.boxHeaderGray {height: 4px; font-size: 1px; background: #fff url(../images/box/tBg.gif) repeat-x;}
div.boxHeaderGray div.leftGray {float: left; width: 5px; height: 4px; background: url(../images/box/tl.gif) no-repeat; font-size: 1px;}
div.boxHeaderGray div.rightGray {float: right; width: 5px; height: 4px; background: url(../images/box/tr.gif) no-repeat; font-size: 1px;}
div.boxHeaderGray div.left {float: left; width: 5px; height: 4px; background: url(../images/box/tlGray.gif) no-repeat; font-size: 1px;}
div.boxHeaderGray div.right {float: right; width: 5px; height: 4px; background: url(../images/box/trGray.gif) no-repeat; font-size: 1px;}
div.boxFooterGray {height: 6px; margin-bottom: 6px; font-size: 1px; background: url(../images/box/bBg.gif) repeat-x;}
div.boxFooterGray div.left {float: left; width: 5px; height: 6px; background: url(../images/box/bl.gif) no-repeat; font-size: 1px;}
div.boxFooterGray div.right {float: right; width: 5px; height: 6px; background: url(../images/box/br.gif) no-repeat; font-size: 1px;}
div.boxGray {padding: 0 2px; background: #999999;}
div.boxGray div.inner {padding: 8px 13px; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; background: #fff url(../images/box/boxBg.gif) bottom repeat-x;}



div.boxRed {padding: 0 2px; background: #990000;}
div.boxRed p.small {line-height: 1.1em;}
div.boxRed div.inner {padding: 8px 13px; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; background: #fff url(../images/box/boxBg.gif) bottom repeat-x;}
* html div.boxRed div.inner {padding-bottom: 8px;}
div.boxHeaderRed {height: 4px; font-size: 1px; background: #fff url(../images/box/tBgRed.gif) repeat-x;}
div.boxHeaderRed div.leftRed {float: left; width: 5px; height: 4px; background: url(../images/box/lred.gif) no-repeat; font-size: 1px;}
div.boxHeaderRed div.rightRed {float: right; width: 5px; height: 4px; background: url(../images/box/rgred.gif) no-repeat; font-size: 1px;}
div.boxHeaderRed div.leftRed {float: left; width: 4px; height: 4px; background: url(../images/box/lgred.gif) no-repeat; font-size: 1px;}
div.boxHeaderRed div.rightRed {float: right; width: 4px; height: 4px; background: url(../images/box/rgred.gif) no-repeat; font-size: 1px;}
div.boxFooterRed {height: 6px; margin-bottom: 5px; font-size: 1px; background: url(../images/box/d1Red.gif) repeat-x;}
div.boxFooterRed div.left {float: left; width: 5px; height: 5px; background: url(../images/box/ldred.gif) no-repeat; font-size: 1px;}
div.boxFooterRed div.right {float: right; width: 5px; height: 5px; background: url(../images/box/rdred.gif) no-repeat; font-size: 1px;}


/* boxy */ 

input.button {width: 32px; height: 20px; padding: 0; border: 0; cursor: pointer;}
input#send {width: 60px; height: 20px; background: url(../images/b_send.gif) top left no-repeat; border: none;}
input#szukaj {width: 60px; height: 20px; background: url(../images/b_szukaj.gif) top left no-repeat; border: none;}
input#wyczysc {width: 66px; height: 20px; background: url(../images/b_wyczysc.gif) top left no-repeat; border: none;}
input#OK {background: url(../images/b_OK.gif) top left no-repeat;}
input#confirm {width: 80px; background: url(../images/b_confirm.gif) top left no-repeat;}
input#login1 {width: 80px; background: url(../images/login.gif) top left no-repeat;}
input#login {background: url(../images/login.gif) top left no-repeat; width: 70px;}
input#logonBtn {background: url(../images/login.gif) top left no-repeat; width: 80px; height: 25px; border: none; font-size: 0px;}
input#logout {background: url(../images/logout.gif) top left no-repeat; width: 80px; height: 25px; border: none; font-size: 0px;}

/* --------------------- classes ----------------------- */
a.more {display: block; width: 51px; height: 20px; margin-top: 10px; background: url(../images/b_more.gif) no-repeat; text-indent: -5000px;}
a.apply {display: block; width: 94px; height: 20px; margin-top: 10px; background: url(../images/b_apply.png) no-repeat; text-indent: -5000px;}
a.comment {display: block; width: 79px; height: 20px; margin-top: 10px; background: url(../images/b_comment.gif) no-repeat; text-indent: -5000px;}
a.news {display: block; width: 120px; height: 20px; margin-top: 10px; background: url(../images/b_moreNews.gif) no-repeat; text-indent: -5000px;}
a.bullet {background: url(../images/bulletRed.gif) no-repeat 0 .45em; padding-left: 13px !important;}
a.bullet:hover {background-image: url(../images/bulletGray.gif);}
a.bulletWhite {background: url(../images/bulletWhite.gif) no-repeat 0 .45em; padding-left: 13px;}
a.bulletWhite:hover {background-image: url(../images/bulletGray.gif);}
.plus {background: url(../images/plus.gif) no-repeat 0 .3em; padding-left: 14px;}
.minus {background: url(../images/minus.gif) no-repeat 0 .3em; padding-left: 14px;}
.square {background: url(../images/squarered.gif) no-repeat 0 .4em; padding-left: 12px;}
li.circ {background: url(../images/circ.gif) no-repeat 0 .4em; padding-left: 8px; margin-left: 2px;}
.blue {color: #0271e3;}
.afterwards:after {display: block; content: "."; height: 0; visibility: hidden; clear: both;}
.afterwards {overflow: hidden; height: 100%;}
.fLeft {float: left; display: inline;}
.fRight {float: right; display: inline;}
.tMargin {margin-top: 14px;}
.bMargin {margin-bottom: 14px;}
.vMargin {margin: 7px 0 14px;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.noMargin {margin: 0;}
.horizLine {clear: both; height: 10px; margin-bottom: 10px; font-size: 1px; border-bottom: 1px dashed #ccc;}
.red {color: #b30000;}
.green {color: #00c300;}
.gray, a.gray {color: #4d4d4d;}
.blue, a.blue {color: #0271e3;}
a.blue:hover, a.gray:hover {color: #808080;}
.grayBox {background-color: #f3f3f3; padding: 10px;}
.half {float: left; width: 49%;}
.oneThird {float: left; width: 33%;}
.twoThirds {float: left; width: 66%;}
img.fLeft {margin-right: 10px;}
.small {font-size: .91em;}
.border {border: 1px solid #ccc;}
.hidden {display:none;}
.clear {clear: both;}
.normal {font-weight: normal;}


#loginActionsBox {height: 70px; background: url(../images/b_login.png) no-repeat; margin-bottom: 6px;}
#loginActionsBox div.inner {height: auto;}
#loginActionsBox a {color: #fff;}
#loginActionsBox a:hover {color: #d4d4d4;}
#login {display: block; width: 115px; height: 20px; margin-bottom: 8px; background: url(../images/h_login.png) top left no-repeat;}
#login:hover {background-position: bottom left;}

#loginBox div.inner {float: left; width: 200px; margin: 10px 10px 10px 10px; overflow: hidden; padding-left:200px;}
* html #loginBox div.inner {height: 48px;}
TABLE.kartoteka {
		width: 100%;
	background: #DCDCDC;
	border-left:solid 1px #FF6600;
}
TABLE.glowna {
	width: 100%;
	background: #FFFFFF;
}
#kartoteka {
	width: 100%;
	background: #DCDCDC;
	border-left:solid 1px #FF6600;
}
#zamowienia {
	width: 100%;
	background: #FFFFFF;
	height: 900%;
	min-height: 800px;
}

#glowna {
	background: #FFFFFF;
	width: 100%;
	/* min-width: 850px; */
}
td {font-family: Helvetica, Arial; font-size: 10px;}

tfoot
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: #E5E5E5;
	}

li {line-height: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	}
th	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #CC0000;
	color: #FFFFFF;
}
#stan {
font-size: 0px;
color: Red;
	}
		
#graybox
	{
	position: absolute;
	height: 24px;
	background-color: #CC0000;
	top: 105px;
	}	
#login_hurt
	{
	/*padding: 10px;*/
	position: absolute;
	background-color: #FFFFFF;
	border-left: 1px dotted #B30000;
	top: 0px;
	right: 1px;
	width: 250px;
	text-align: center;
	min-height: 60px;
	height: 90px;
	z-index: 1;
	float: left;
	}

#user {
	font-weight: bold;
	text-align: center;
	color: Blue;
	}

#firma {
	font-size: 9; 
	font-weight: normal;
	text-align: center;
	color: #999999;
	}
#nazwa1 {
	font-size: 10; 
	font-weight: normal;
	text-align: center;
	color: #808080;
}

#nazwa2 {
	font-size: 10; 
	font-weight: bold;
	text-align: center;
	color: #FF0000;
}


#slogan {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 100px;
	color: FF6600;
	font-weight: bold;
	/* border: 1px dotted Lime; */
	}
#search {
	position: absolute;
	top: 108px;
	right: 0px;
	width: 250;
	border: 1px dotted Lime;
	z-index: 11;
	color: #FFFFFF;
	}

#obrazek
	{
	position: absolute;
	top: 10px;
	left: 211px;
	width: 550px;
	}

#strona
	{
	text-align: center;
	border:1px solid red; 
	font-size: 10px; 
	width: 30px;
	}
#srodek{
	position:relative;
	background-color: #FFFFFF;
	top: 133px;
	left: 0px;
	width: 100%;
	z-index: 10;
}	
#catalog
	{
	position: relative;
	top: 0px;
	left: 600px;
	width: 200px;
	height: 200px;
	background-color: Aqua ;
	color: black;
	/*padding: 5px;*/
	}	
	#koszyk_
	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 255px;
	height: 380px;
	background-color: #FFFFFF;
	color: black;
	/*padding: 5px;*/
	border: 1px dotted Lime;
	}
	#kartoteki
	{
	/*padding: 5px;*/
	position: absolute;
	background-color: #FAFAFA;
	top: 0px;
	left: 200px;
	width: 600px;
	height: 380px;
	/* border: 1px dotted #6600FF;*/
	}

	#logon
	{
	padding: 10px;
	position: absolute;
	background-color: #FAFAFA;
	top: 220px;
	left: 380px;
	width: 250px;
	height: 90px;
	}

#zamoFilter
	{
	line-height: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 10px;
	}
#copyright {
	position: fixed;
	bottom: -5px;
	left:0px;
	height: 20px;
	text-align: center;
	background-color: #FFFFFF;
	color: #CC0000;
	font-size: 11px;
	z-index: 30;
	max-width: 100%;
	min-width: 100%;
	}
#logo {
	position: absolute;
	background-color: #FFFFFF;
	top: 0px;
	left: 0px;
	bottom: 0px;
	text-align:center;
	width: 100%;
/*	height: 100px; */
	}
#katalog
	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 10px;
	background-color: #FFFFFF ;
	color: black;
	}	
	#koszyk
	{
	position: absolute;
	top: 22px;
	left: 0px;
	width: 255px;
	height: 380px;
	background-color: #FFFFFF;
	color: black;
	/*padding: 5px;
	border: 1px dotted Lime;*/
	border-top: dotted 1px red;
	z-index: 2;
	}			
	#karList {
	background-color: #CCCCCC;
	max-width: 880px;
/*
	height: 100px;
	max-height: 100px;
	*/

	}
	#kartoteki1
	{
	position: absolute;
	top: 22px;
	left: 255px;
	width: auto;
	max-width: 650px;
	border-top: dotted 1px red;
	z-index: 2;
	vertical-align: baseline;
/*	
	height: 50%;


*/	
	}
.wyszukiwarka {
font-size: 10px; color: #990000;	font-weight: bold; font-family: Verdana;
}	
.but_gray {
	border:1px solid #CC0000; text-align: center; font-size: 10px; width: 100px;
}
.but_red {
	border: 1px solid #CCCCCC; text-align: center; font-size: 10px; width: 120px;
	background-color: Red;
	color: #FFFFFF;
	font-weight: bold;
}

.but_red_1 {
	border: 2px solid #990000;
	text-align: center;
	font-size: 10px;
	width: 120px;
	background-color: #CC0000;
	color: #FFFFFF;
	font-weight: bold;
}

#10 {font-size: 10px;}
#11 {font-size: 11px;}
#12 {font-size: 12px;}
#13 {font-size: 13px;}
#14 {font-size: 14px;}
#15 {font-size: 15px;}
#16 {font-size: 16px;}
#17 {font-size: 17px;}
#18 {font-size: 18px;}

.10 {font-size: 10px;}
.11 {font-size: 11px;}
.12 {font-size: 12px;}
.13 {font-size: 13px;}
.14 {font-size: 14px;}
.15 {font-size: 15px;}
.16 {font-size: 16px;}
.17 {font-size: 17px;}
.18 {font-size: 18px;}

.red1 {color: #FF0000;}
.czred {
	color: #990000;
}
.blue{
	color: #006699;
}
.red {
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
}

	
	#koszyk1
	{
	position: absolute;
	top: 22px;
	right: 0px;
	width: 255px;
	height: 380px;
	background-color: #FFFFFF;
	color: black;
	/*padding: 5px;
	border: 1px dotted Lime;
	*/
	}
#uwaga {
	font-size: 18px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: red;
}
	
#uwaga1 {
	font-size: 18px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
}

#telefon {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	color: #7F0000;
}
#numer_tel {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	color: red;
}
#nowy_numer_tel {
		font-size: 14px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	color: red;
}

#fax {
	font: 12px;
	font-weight: bold;
	color: #7F0000;	
}