html, body, div, span, pre, code, a, p, img, hr, 
ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6,
form, fieldset, label, legend { 
  border: 0px;
  margin: 0px;
  padding: 0px;
}

body {
	background: #1a1a1a url(../img/tlo.jpg) repeat-x left top;
	font: 400 0.7em verdana, arial, sans-serif;
	line-height: 170%;
	color: #E2E2E2;
}



#gora {
	background-color: transparent;
	background-image: url(../img/tlo2.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 818px;
	margin: 0px auto;
	display: block;

}

#strona {
	background: transparent url(../img/tlo2.png) repeat-y center top;
	width: 818px;
	margin: 0px auto;

}

#tab {
	width: 764px;
	margin: 0px;
	padding: 0px;
	margin: 0px auto;
}


#tlewa {padding: 30px 20px 30px 30px;}


#kolumny {
	overflow: hidden; /* clearance */
	width: 700px;
	display: table;
	margin: 0px auto;

}

#lewa, #prawa, #lewa2, #prawa2 {
	display: table-cell;
	vertical-align: top;
	padding-top: 30px;
	padding-bottom: 30px;
}

#cala {
	width: 700px;
	padding-top: 30px;
	padding-bottom: 30px;
}


#lewa {
	width: 440px;
	padding-right: 20px;
}

#prawa {width: 240px;}


#lewa2 {
	width: 530px;
	padding-left: 30px;
	padding-right: 20px;

}

#prawa2 {width: 180px;}


#lewa3 {
	width: 200px;
	padding-right: 20px;
}
#prawa3 {width: 480px;}



.witka {width: 730px;}


/*stopka*/
#stopka {
	background: transparent  url(../img/stopka.png) no-repeat center top;
	clear: both;
	float: none;
	height: 85px;
	width: 818px;
	margin: 0px auto;
	padding-top: 15px;

}

#stopmen {
	display: block;
	height: 70px;
	width: 500px;
	float: left;
	margin-left: 50px;
}

#stopka a:link, #stopka a:visited{font-size: 11px; color: #D1D8DF; text-decoration: none;}
#stopka a:hover, #stopka a.active {font-size: 11px;  color: #EFF7FF; text-decoration: none;}



#stopka p {
	display: block;
	height: 70px;
	width: 210px;
	font-size: 9px;
	float: right;
	text-align: right;
	color: #999999;
	margin-right: 50px;
	line-height: 12px;
}


#envy {
	background-image: url(../img/envy.jpg);
	background-repeat: no-repeat;
	display: block;
	float: none;
	height: 310px;
	width: 760px;
	margin: 0px auto;
}

#envy a {
	height: 100px;
	width: 320px;
	position: relative;
	left: 0px;
	top: 0px;
	display: block;
}

#envy a span {display: none;}





ul.tree {
	display: block;
	text-align: right;
	width: 147px;
	color: #3A3A3A;
	float: right;
	margin-top: 30px;
	margin-bottom: 30px;
}

ul.tree ul {
	display: block;

}

ul.tree li {
	display: block;
	list-style-type: none;
}

li.kategoria {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;

}



li.produkt {
	background-color: #FFFFFF;
	width: 137px;
	padding-right: 10px;
	padding-top: 3px;
}

li.produkt img {
	position: relative;
	top: 2px;
}

ul.grupa {
	background-image: url(../img/fin.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 11px;
	width: 147px;
	background-color: #FFFFFF;
}

ul.tree li.closed {
	background-image: url("../img/closed.gif");
	background-position: right top;
	background-repeat: no-repeat;
}

ul.tree li.opened {
	background-image: url("../img/opened.gif");
	background-position: right top;
	background-repeat: no-repeat;
}

ul.tree li a {
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;

}

ul.tree li a span {font-size: 16px;}

ul.tree li a strong{
	color: #000000;
	font-weight: normal;
}

ul.tree li a.folder {
	cursor: pointer;
}


ul.tree li a:link {color:#999999;}
ul.tree li a:visited {color:#999999;}
ul.tree li a:hover {color:#CC0000;} 
ul.tree li a:hover span {color:#999999;} 

ul.tree li a.active {
	font-weight: bold;
	color: #CC0000;
}



li.koniec {
	background-image: url(../img/fin.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 11px;
	width: 147px;
}


#tech {
	width: 200px;
	float: right;
	margin-top: 30px;
}




#tech li {
	background-image: url(../img/tech.gif);
	background-repeat: no-repeat;
	display: block;
	width: 200px;
	height: 23px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: right;
}

#tech span {
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;

}

#tech a {
	font-size: 12px;
	text-decoration: none;

}

#tech a:link, #tech a:visited {color: #756462;}
#tech a:active, #tech a:hover {color: #CC0000;}



.opis {
	float: right;
	text-align: right;
	margin-right: 40px;
}
.model {
	font-size: 10px;
	color: #CCCCCC;
}
.nazwa {
	font-size: 16px;
	font-weight: bold;
}
.mat {font-size: 13px;}
.cechy {font-size: 11px; line-height: 120%;}

.cena, .cena2 {
	display: block;
	float: left;
	height: 40px;
	width: 95px;
	font-size: 16px;
	text-align: center;
	color:#FF0000;
}

.cena_p, .cena2_p {
	display: block;
	float: left;
	height: 60px;
	width: 95px;
	font-size: 16px;
	text-align: center;
	color:#FF0000;
}

.cena {background: url(../img/kup.gif) no-repeat left top;}
.cena2 {background: url(../img/cena.gif) no-repeat left top;}

.cena_p {background: url(../img/kup_p.gif) no-repeat left top;}
.cena2_p {background: url(../img/cena_p.gif) no-repeat left top;}

.cena a, .cena2 a {
	display: block;
	height: 40px;
	width: 95px;
	text-decoration: none;
}

.cena_p a, .cena2_p a {
	display: block;
	height: 60px;
	width: 95px;
	text-decoration: none;
}

.cena a:active, .cena_p a:active, .cena2 a:active, .cena2_p a:active, .cena a:hover, .cena_p a:hover, .cena2 a:hover, .cena2_p a:hover {color: #FFFFFF;}
.cena a:link, .cena a:visited, .cena_p a:link, .cena_p a:visited, .cena2 a:link, .cena2 a:visited, .cena2_p a:link, .cena2_p a:visited {color:#FF0000;}



.kontakt a:link, .kontakt a:visited {
	color:#FFFFFF;
	text-decoration: none;
}
.kontakt a:active, .kontakt a:hover {
	color: #FF0000;
	text-decoration: none;
}

.kontakt a img {
	position: relative;
	top: 2px;
}

img.map {
	position: relative;
	top: 5px;
	left: -120px;
}

h1 {
	font-size: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #FFFFFF;
	font-weight: normal;
}

h6 {
	font-size: 12px;
	margin-top: -8px;
	margin-bottom: 10px;
	color: #FF0000;
	font-weight: normal;
}




h2{
	font-size: 16px;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #FF0000;
}



.firma p {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	
}

#news {
	margin-top: 20px;
	background-image: url(../img/brendy.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 200px;
	width: 100%;
}
#news img {margin-right: 20px;}
#news p {
	font-weight: bold;
	margin-left: 170px;

}

#news h1{margin-top: 30px; margin-left: 170px;}
#news p span {color: #FF0000; font-weight: normal;}

#news a:link, #news a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

#news a:active, #news a:hover {
	color: #FF0000;
	text-decoration: none;
}

#menu {

	display: block;
	float: none;
	height: 56px;
	width: 760px;
	margin-left: 30px;
}


.nav {
	width: 760px;
	height: 56px;
	background: url(../img/envy-nav.gif) no-repeat;
	position: absolute;
	top: 309px;
	margin: 0px auto;


}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 56px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}




	.nav .firma a:link, .nav .firma a:visited {
		left: 0px;
		width: 152px;
	}
	.nav .firma a:hover, .nav .firma a:focus {
		background: url(../img/envy-nav.gif) no-repeat 0px -56px;
	}
	.nav .firma a:active {
		background: url(../img/envy-nav.gif) no-repeat 0px -112px;
	}
	.current-firma .firma a:link, .current-firma .firma a:visited {
		background: url(../img/envy-nav.gif) no-repeat 0px -168px;
		cursor: default;
	}
	.nav-firma, .nav-firma-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 152px;
		height: 56px;
		background: url(../img/envy-nav.gif) no-repeat 0px -56px;
	}
	.nav-firma-click {
		background: url(../img/envy-nav.gif) no-repeat 0px -112px;
	}



	.nav .produkty a:link, .nav .produkty a:visited {
		left: 152px;
		width: 152px;
	}
	.nav .produkty a:hover, .nav .produkty a:focus {
		background: url(../img/envy-nav.gif) no-repeat -152px -56px;
	}
	.nav .produkty a:active {
		background: url(../img/envy-nav.gif) no-repeat -152px -112px;
	}
	.current-produkty .produkty a:link, .current-produkty .produkty a:visited {
		background: url(../img/envy-nav.gif) no-repeat -152px -168px;
		cursor: default;
	}
	.nav-produkty, .nav-produkty-click {
		position: absolute;
		top: 0;
		left: 152px;
		width: 152px;
		height: 56px;
		background: url(../img/envy-nav.gif) no-repeat -152px -56px;
	}
	.nav-produkty-click {
		background: url(../img/envy-nav.gif) no-repeat -152px -112px;
	}



	.nav .sprzedaz a:link, .nav .sprzedaz a:visited {
		left: 304px;
		width: 152px;
	}
	.nav .sprzedaz a:hover, .nav .sprzedaz a:focus {
		background: url(../img/envy-nav.gif) no-repeat -304px -56px;
	}
	.nav .sprzedaz a:active {
		background: url(../img/envy-nav.gif) no-repeat -304px -112px;
	}
	.current-sprzedaz .sprzedaz a:link, .current-sprzedaz .sprzedaz a:visited {
		background: url(../img/envy-nav.gif) no-repeat -304px -168px;
		cursor: default;
	}
	.nav-sprzedaz, .nav-sprzedaz-click {
		position: absolute;
		top: 0;
		left: 304px;
		width: 152px;
		height: 56px;
		background: url(../img/envy-nav.gif) no-repeat -304px -56px;
	}
	.nav-sprzedaz-click {
		background: url(../img/envy-nav.gif) no-repeat -304px -112px;
	}




.nav .technol a:link, .nav .technol a:visited {
		left: 456px;
		width: 152px;
	}
	.nav .technol a:hover, .nav .contact a:focus {
		background: url(../img/envy-nav.gif) no-repeat -456px -56px;
	}
	.nav .technol a:active {
		background: url(../img/envy-nav.gif) no-repeat -456px -112px;
	}
	.current-technol .technol a:link, .current-technol .technol a:visited {
		background: url(../img/envy-nav.gif) no-repeat -456px -168px;
		cursor: default;
	}
	.nav-technol, .nav-technol-click {
		position: absolute;
		top: 0;
		left: 456px;
		width: 152px;
		height: 56px;
		background: url(../img/envy-nav.gif) no-repeat -456px -56px;
	}
	.nav-technol-click {
		background: url(../img/envy-nav.gif) no-repeat -456px -112px;
	}




	
	.nav .contact a:link, .nav .contact a:visited {
		left: 608px;
		width: 152px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(../img/envy-nav.gif) no-repeat -608px -56px;
	}
	.nav .contact a:active {
		background: url(../img/envy-nav.gif) no-repeat -608px -112px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(../img/envy-nav.gif) no-repeat -608px -168px;
		cursor: default;
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 608px;
		width: 152px;
		height: 56px;
		background: url(../img/envy-nav.gif) no-repeat -608px -56px;
	}
	.nav-contact-click {
		background: url(../img/envy-nav.gif) no-repeat -608px -112px;
	}