BODY {MARGIN: 10px;
font: normal 62.5%/1.4em Arial, Tahoma, "Helvetica Neue", Helvetica, Verdana, sans-serif; 
	background-image:url(../images/bg5.gif);
	background-position: center top; 
	background-attachment: fixed;
	background-color:#000;
	background-repeat:no-repeat;
}

a:link {
	color: #3b5998;
	text-decoration:none;
	}
a:visited {
	COLOR: #525B62;
	text-decoration:none;
	}
a:hover {
	COLOR: #ec1b2e;  
	text-decoration:none;
	}
a:active {
	COLOR: #fa4b11; 
	text-decoration:none;
	}
	
.hr {border-bottom : 1px dotted #9c0719;}
.hr1 {border-bottom : 1px dotted #b5b5b5;}
.hr2 {border-bottom : 1px #dbdbdb;color: #dbdbdb;}

LABEL {font-weight: bold; FONT-SIZE: 10px; COLOR: red;}
H1 {FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR:  #ec1b2e;}
H2 {FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR:  #b91309;}
.h1 {FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR:  #b91309;}
.h1bar {FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR:  #b91309;}
.h2 {FONT-WEIGHT: bold; FONT-SIZE: 12pt;}
.normal {FONT-SIZE: 9pt; color: #525B62;}
.thumbs  {FONT-SIZE: 9pt; COLOR: #562e2e;}
.normalbar {FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #562e2e;}
.label {FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: red;}
.label2 {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: red;}
.labelbar {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #562e2e;}
.labelbar2 {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #262e2e;}
.biglabel {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #676767;}
.biglabel2 {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ff0000;}
.verbarbordertable {BACKGROUND-COLOR: #c5ab00}
.verbarlefttable {COLOR: #000000; BACKGROUND-COLOR: #fbfaee}
.notice {FONT-SIZE: 9pt; COLOR: #006699;}
.bnotice {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #006699;}
INPUT {FONT-SIZE: 8pt;}
SELECT {FONT-SIZE: 9pt;}
TEXTAREA {FONT-SIZE: 9pt;}



.td_lg {
width: 5px;
height: 5px;
background-image: url(../images/lgr.gif) norepeat;
display: block; 
float: left; 
margin-left: 0px; 
margin-bottom: 0px;
}

.td_sg {
width: 160px;
height: 5px;
background-image: url(../images/gs.gif);
display: block; 
float: left; 
margin-left: 0px; 
margin-bottom: 0px;
}

.td_pg {
width: 5px;
height: 5px;
background-image: url(../images/pgr.gif) norepeat;
display: block; 
float: left; 
margin-left: 0px; 
margin-bottom: 0px;
}

.td_ls {
width: 5px;
height: auto;
background-image: url(../images/ls.gif);
display: block; 
float: left; 
margin-left: 0px; 
margin-bottom: 0px;
}

.td_ss {
width: auto;
height: auto;
background-color:#FFFFFF;
display: block; 
float: left; 
margin-left: 0px; 
margin-bottom: 0px;
}

.warning {
border-top: 2px solid #9f8a78;
border-left: 2px solid #9f8a78;
border-right: 2px solid #9f8a78;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
FONT-WEIGHT: bold;
FONT-SIZE: 9pt;
COLOR: #ff0000;
background-color: #fcfcea;
}
.warning_r {
border-bottom: 2px solid #9f8a78;
border-left: 2px solid #9f8a78;
border-left: 2px solid #9f8a78;
border-right: 2px solid #9f8a78;
margin-left: 5px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
FONT-WEIGHT: bold;
FONT-SIZE: 9pt;
COLOR: #ff0000;
background-color: #fcfcea;
}
.error {
	FONT-WEIGHT: bold; 
	COLOR: #ff0000; 
	BACKGROUND-COLOR: #ffffff;
	FONT-VARIANT: small-caps;
}

.horbartop {
	FONT-SIZE: 10pt; 
	COLOR: #000000; 
	 
}

.verbarleft {
	FONT-SIZE: 10pt; 
	COLOR: #000000; 
	 
	BACKGROUND-COLOR: #fbfaee;
}

.nav {FONT-SIZE: 7pt; COLOR: #032172;  BACKGROUND-COLOR: #fefefe}
TH {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: #000000;  
	BACKGROUND-COLOR: #f2f2f2; 
	TEXT-ALIGN: center; 
	padding: 3px;
}

.button {
	BORDER-RIGHT: #9f8a78 2px solid; 
	BORDER-TOP: #9f8a78 1px solid; 
	BORDER-BOTTOM: #9f8a78 2px solid;
	BORDER-LEFT: #9f8a78 1px solid;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #562e2e; 
	BACKGROUND-COLOR: #fef7c7;
}

<!-- Klasy dla naglowka strony -->
<!-- guzik do wyszukiwania z pomaranczowym tlem do wykorzystania na gorze przegladarki -->
input.szukaj01 {
	background-image: url(../images/szukaj_zolty.gif);
	background-repeat:no-repeat;
	cursor: hand;
}
input.szukaj01:hover {
	background-image: url(../images/szukaj_green.gif);
	background-repeat:no-repeat;
	cursor: hand;

}
.top {
<!-- background-image: url(../images/motocyklowe-centrum-serwisowe.png); -->
background-repeat: no-repeat;
FONT-SIZE: 8pt; 
}

.tlo-pion-gora {
background-image: url(../images/tlo-pion.jpg);
background-repeat: no-repeat;
FONT-SIZE: 8pt; 
}
.tlo-pion-dol {
background-image: url(../images/tlo-pion2.jpg);
background-repeat: no-repeat;
FONT-SIZE: 8pt; 
}

.input01 {
	height: 18px;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Arial, Arial CE, sans-serif; 
	BACKGROUND-COLOR: #ffffff;
	border-bottom: 2px solid #B36900;
	border-left: 2px solid #B36900;
	border-top: 2px solid #B36900;
	border-right: 2px solid #B36900;
}
.a01:link {
	color: #000000; 
	font-size: 9pt;
	 
	}
.a01:visited {
	COLOR: #0348CE; 
	font-size: 9pt;
	 
	}
.a01:hover {
	COLOR: #458bff; 
	font-size: 9pt;
	
	}
.a01:active {
	COLOR: #458bff; 
	font-size: 9pt;
	}


.a03:link {
	color: #ffffff; 
	font-size: 9pt;
	text-decoration:none;
	}
.a03:visited {
	COLOR: #ffffff; 
	font-size: 9pt;
	text-decoration:none;
	}
.a03:hover {
	COLOR: #b91309; 
	font-size: 9pt;
	text-decoration:none;
	}
.a03:active {
	COLOR: #e68700; 
	font-size: 9pt;
	text-decoration:none;
	}
<!-- linki menu z backgroundem -->
.bg_menu {
background-image: url(../images/bg_menu_d.jpg);
background-position:right;
background-repeat: no-repeat;
text-align:right;
padding-right:3px;
height: 20px;
}

.bg_szukaj {
background-image: url(../images/product_search_background.jpg);
background-position:right;
background-repeat: no-repeat;
text-align:right;
padding-right:3px;
height: 90px;
}

.bg_bar {
background-image: url(../images/tlo_bar.gif);
text-align:center;
padding-right:3px;
text-align:center;
font-size:10px;
color:#ff0000;
height: 21px;
}

.footer {
	background-color: #edeff4;
	margin-top: 10px;
	font-size: 8pt;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:left;
}

a.szukaj {
}


.a05:link {
	color: #000000; 
	font-size: 9pt;
	text-decoration:none;
	
	}
.a05:visited {
	COLOR: #525B62; 
	font-size: 9pt;
	text-decoration:none;
	BACKGROUND-COLOR: transparent
	}
.a05:hover {
	COLOR: #ec1b2e; 
	font-size: 9pt;
	text-decoration:none;
	BACKGROUND-COLOR: transparent
	}
.a05:active {
	COLOR: #e68700; 
	font-size: 9pt;
	text-decoration:none;
	BACKGROUND-COLOR: transparent
	}

.a05a:link {
	color: #000000; 
	font-size: 8pt;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	}
.a05a:visited {
	COLOR: #525B62; 
	font-size: 8pt;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	}
.a05a:hover {
	COLOR: #ec1b2e; 
	font-size: 8pt;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	}
.a05a:active {
	COLOR: #e68700;
	font-size: 8pt;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	}


.a05b:link {
	color: #FFF; 
	font-size: 9pt;
	text-decoration:none;
	}
.a05b:visited {
	COLOR: #fff; 
	font-size: 9pt;
	text-decoration:none;
	BACKGROUND-COLOR: transparent
	}
.a05b:hover {
	COLOR: #F00; 
	font-size: 9pt;
	text-decoration:none;
	BACKGROUND-COLOR: transparent
	}
.a05b:active {
	COLOR: #fff;
	font-size: 9pt;
	text-decoration:none;
	BACKGROUND-COLOR: transparent
	}

.a05c:link {
	color: #000000; 
	font-size: 10pt;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	}
.a05c:visited {
	COLOR: #525B62; 
	font-size: 10pt;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	}
.a05c:hover {
	COLOR: #ec1b2e; 
	font-size: 10pt;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	}
.a05c:active {
	COLOR: #e68700;
	font-size: 10pt;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	}

.a05d:link {
	color: #ffffff; 
	font-size: 11pt;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	}
.a05d:visited {
	COLOR: #ffffff; 
	font-size: 11pt;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	}
.a05d:hover {
	COLOR: #ec1b2e; 
	font-size: 11pt;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	}
.a05d:active {
	COLOR: #e68700;
	font-size: 11pt;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	}


.a06:link {
	color: #ad111f; 
	font-size: 9pt;
	font-weight:bold;
	text-decoration:none;
	
	}
.a06:visited {
	color: #ad111f; 
	font-size: 9pt;
	font-weight:bold;
	text-decoration:none;
	BACKGROUND-COLOR: transparent
	}
.a06:hover {
	color: #ad111f;
	font-size: 9pt;
	font-weight:bold;
	text-decoration:none;
	BACKGROUND-COLOR: transparent
	}
.a06:active {
	color: #ad111f; 
	font-size: 9pt;
	font-weight:bold;
	text-decoration:none;
	BACKGROUND-COLOR: transparent
	}

.a09:link {
	color: fbcf61; 
	font-size: 9pt;
	font-weight:bold;
	text-decoration:underline;
	}
.a09:visited {
	COLOR: fbcf61; 
	font-size: 9pt;
	font-weight:bold;
	text-decoration:underline;
	BACKGROUND-COLOR: transparent
	}
.a09:hover {
	COLOR: a1101e; 
	font-size: 9pt;
	font-weight:bold;
	text-decoration:underline;
	BACKGROUND-COLOR: transparent
	}
.a09:active {
	COLOR: fbcf61; 
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
	BACKGROUND-COLOR: transparent
	}
	
.tekst {
	font-size: 10px;
	color: #FFFFFF;
	}
.teksty {
	font-size: 10px;
	font-weight:bold;
	color: fbcf61;
	}
<!-- Klasy do ramek -->
TD.lgr {
	width: 5px;
	height: 5px;
	background-image: url(../images/lgr.gif);
	background-repeat: no-repeat;	
}
TD.sg {
	background-image: url(../images/gs.gif);
	font-size: 10px; 
	color: #000000;
}
TD.pgr {
	width: 5px;
	height: 5px;
	background-image: url(../images/pgr.gif);
	background-repeat: no-repeat;
	
}
TD.sl {
	background-image: url(../images/ls.gif);
}
TD.sp {
	background-image: url(../images/ps.gif);
}
TD.ldr {
	width: 5px;
	height: 5px;
	background-image: url(../images/ldr.gif);
	background-repeat: no-repeat;	
}
TD.sd {
	background-image: url(../images/ds.gif);
}
TD.pdr {
	width: 5px;
	height: 5px;
	background-image: url(../images/pdr.gif);
	background-repeat: no-repeat;
	
}

<!-- Klasy do warstwy z kategoriami -->
TD.lgr01 {
	width: 14px;
	height: 14px;
	background-image: url(../images/lgr.png);
	background-repeat: no-repeat;	
}
TD.sg1 {
	background-image: url(../images/gs.png);
	font-size: 10px; 
	color: #000000;
}
TD.pgr1 {
	width: 14px;
	height: 14px;
	background-image: url(../images/pgr.png);
	background-repeat: no-repeat;
	
}
TD.sl1 {
	background-image: url(../images/ls.png);
}
TD.sp1 {
	background-image: url(../images/ps.png);
}
TD.ldr1 {
	width: 14px;
	height: 14px;
	background-image: url(../images/ldr.png);
	background-repeat: no-repeat;	
}
TD.sd1 {
	background-image: url(../images/ds.png);
}
TD.pdr1 {
	width: 14px;
	height: 14px;
	background-image: url(../images/pdr.png);
	background-repeat: no-repeat;
	
}


TD.critical {
	width: 40px;
	height: 32px;
	background-image: url(../images/critical.png);
	background-repeat: no-repeat;
	
}

TD.info {
	width: 40px;
	height: 32px;
	background-image: url(../images/info.png);
	background-repeat: no-repeat;
	
}

.s_w_dol {
	background-image: url(../images/pin.gif);
	background-repeat: no-repeat;
	background-position: center;	
}





.checkbox {
border-bottom: 0px solid #9f8a78;
border-left: 0px solid #9f8a78;
border-top: 0px solid #9f8a78;
border-right: 0px solid #9f8a78;
BACKGROUND-COLOR: #fcfcea;
}

.tyt_menu {
border-bottom: 1px solid #9f8a78;
border-left: 1px solid #9f8a78;
border-left: 2px solid #9f8a78;
border-right: 2px solid #9f8a78;
width: 180px;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
text-align: center;
font-weight: bold;
font-size: 12px;
color: #fef7c7;
background-color: #9f8a78;
}

.tyt_menu_l {
padding-bottom: 0px;
text-align: center;
font-weight: bold;
font-size: 10px;
color: #B36900;
}

.ramka {
border-bottom: 2px solid #9f8a78;
border-left: 2px solid #9f8a78;
border-right: 2px solid #9f8a78;
border-top: 2px solid #9f8a78;
margin-top: 5px;
margin-left: 4px;
margin-right: 4px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
text-align: justify;
font-weight: normal;
font-size: 11px;
color: #9f8a78;
background-color: #fcfcea;
}


.menu {
width: 180px;
border-bottom: 2px solid #9f8a78;
border-left: 2px solid #9f8a78;
border-right: 2px solid #9f8a78;
border-top: 2px solid #9f8a78;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
text-align: justify;
font-weight: normal;
font-size: 12px;
color: #9f8a78;
background-color: #fcfcea;
}

.menu_l {
width: 180px;
border-bottom: 2px solid #929192;
border-left: 2px solid #929192;
border-right: 2px solid #929192;
border-top: 2px solid #929192;
padding-bottom: 5px;
padding-left: 5px;
text-align: justify;
font-weight: normal;
font-size: 12px;
color: #9f8a78;
background-color: #fcfcea;
}


.menu_top_a {
width: 180px;
border-bottom: 1px solid #929192;
border-left: 2px solid #929192;
border-right: 2px solid #929192; 
margin-top: 5px;
margin-bottom: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
text-align: center;
font-weight: bold;
font-size: 13px;
color: #fef7c7;
background-color: #929192;
}

/*styl dodatkowy linkow na szarym*/
.a02:link  {
	color:#fef7c7;
	text-decoration: none;
	}
.a02:visited  {
	color:#fef7c7;
	text-decoration: none;
	}
.a02:hover {
	color:#ff0900;
	text-decoration: none;
	}


.menu_top {
border-bottom: 1px solid #929192;
border-left: 1px solid #929192;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
font-weight: bold;
font-size: 13px;
color: #fef7c7;
background-color: #929192;
}

.tytul {
font-weight: bold;
font-size: 14pt;
color: #b91309;
}

.cena {
font-weight: bold;
font-size: 12px;
color: #fba200;
}

.cena_sg {
font-weight: bold;
font-size: 13px;
color: red;
}

.opis_sg {
font-weight: bold;
font-size: 10px;
color: #000000;
}


.cena_po_rabacie {
font-weight: bold;
font-size: 13px;
color: #e68700;
}

.rabat_info {
font-weight: bold;
font-size: 11px;
color: #e68700;
}