html { 
 height: 100%; 
} 

body {
	padding: 0px; 
	margin: 0px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #231f20;
	background: #8790a0;
	height: 100%;
}

#center { 
 width: 100%; 
 height: 100%; 
 margin: 0px;
}

#glowna {
	background: url('obrazki/tlo.jpg') no-repeat top left;
	height: 790px;
	width: 986px;
}

#podstrona {
	background: url('obrazki/tlo_podstrona.jpg') no-repeat top left;
	height: 790px;
	width: 986px;
}

.menuGora {
	height: 35px;
}

.menuStart {
	background: #8d1a19;	
	width: 15px;
}

.menuElement {
	background: #8d1a19;	
	height: 35px;
	color: #fff;
	font-size: 12px;
	
}

a.lmenu1 {
	color: #fff;
	text-decoration: none;
}

a.aktywny1 {
	color: #fff;
	text-decoration: underline;
}

a.lmenu1:hover, a.aktywny1:hover {
	color: #fff;
	text-decoration: underline;
}

.menuBull {
	background: #8d1a19;	
	width: 25px;
	text-align:center;
}

.menuKoniec {
	background: #8d1a19;	
	width: 35px;
}

.podMenuGora {
	height: 43px;
}

.srodek {
	height: 546px;
	vertical-align: bottom;
}

.srodek_podstrona {
	height: 546px;
	background: #3a3d46 url('obrazki/tlo_srodek.jpg') repeat-y top right;
	color: #fff;
	vertical-align: top;
}

.podSrodek {
	height: 24px;
}

.menuDol {
	height: 35px;
}

.menuDol_podstrona {
	height: 35px;
	/* background: #303030; */
}

.podMenuDol {
	height: 25px;
}

.naglowek {
	font-size:14px;
	font-weight: bold;
}

.boksyKategorie {
	width: 230px;
}

.boksKategoria1 {
	width: 230px;
	height: 70px;
	background: url('obrazki/boksKategoriaTlo1.png');
	color: #b1e925;
}

.boksKategoria1:hover {
	width: 230px;
	height: 70px;
	background: url('obrazki/boksKategoriaTlo2.png');
	color: #2c2c2b;
}

.boksKategoriaObrazek {
	width: 99px;
	height: 70px;
	text-align: center;
}

.boksKategoriaObrazek2 {
	width: 127px;
	height: 90px;
	text-align: center;
}

.obrazekKategorii {
	width: 90px;
	height: 60px;
	margin: 5px 15px 5px 5px;
}

.boksKategorieNazwa {
	width: 120px;
	font-weight: normal;
	font-size: 12px;
}

.boksSystem {
	width: 225px;
	height: 210px;
	color: #fff;
}

.boksSystem:hover {
	width: 225px;
	height: 70px;
	color: #b1e925;
}

.boksSystem2 {
	width: 127px;
	height: 210px;
	color: #fff;
}

.boksSystem2:hover {
	width: 127px;
	height: 70px;
	color: #b1e925;
}

.obrazekSystemu {
	width: 225px;
	height: 190px;
	margin: 0 0 0 0;
}

.obrazekSystemu2 {
	width: 127px;
	height: 190px;
	margin: 0 0 0 0;
}

.odstepSystemy {
	width: 70px;
}

.odstepSystemy2 {
	width: 45px;
}

.boksSystemNazwa {
	width: 225px;
	height: 25px;
	font-weight: normal;
	font-size: 14px;
	text-align: right;
	vertical-align: middle;
}

.naglowekKategorii {
	font-weight: bold;
	font-size: 14px;
}

.odstep {
	height: 10px;
}

.odstep2 {
	height: 20px;
}

/* menu dolne start */

.menu2Start {
	background: #303030;	
	width: 5px;
}

.menu2Element {
	background: #303030;	
	height: 35px;
	color: #b1e925;
	font-size: 12px;
}

a.lmenu2 {
	color: #b1e925;
	text-decoration: none;
}

a.aktywny2 {
	color: #b1e925;
	text-decoration: underline;
}

a.lmenu2:hover, a.aktywny2:hover {
	color: #b1e925;
	text-decoration: underline;
}

.menu2Bull {
	background: #303030;	
	width: 20px;
	text-align:center;
}

.menu2Koniec {
	background: #303030;	
	width: 20px;
}

/* menu dolne koniec */



a.lmenu3 {
	color: #fff;
	text-decoration: none;
}

a.aktywny3 {
	color: #b1e925;
	text-decoration: none;
}

a.lmenu3:hover, a.aktywny3:hover {
	color: #b1e925;
	text-decoration: underline;
}

/* systemy */

.listaSystemy {
	width: 986px;
	height: 60px;
}

.lnaglowekKategorii {
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

.lnaglowekKategorii:hover {
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	text-decoration: underline;
}

.tekstListaSystemy {
	padding: 0 20px 0 20px;
}

.menuSystemBull {	
	width: 20px;
	text-align:center;
}

.menuSystemElement {
	color: #b1e925;
	font-size: 12px;
}

.menuSystem {
	width: 172px;
	height: 360px;
	vertical-align: top;
}

.menuSystem2 {
	width: 157px;
	height: 360px;
	vertical-align: top;
}

.menuSystem3 {
	width: 133px;
	height: 360px;
	vertical-align: top;
}

.tekstMenuSystem {
	padding: 50px 20px 0 20px;
}

.tekstMenuSystem2 {
	padding: 10px 0px 0 10px;
}

.menuNazwaElement {
	height: 30px;
	/* vertical-align: bottom; */
}

.nazwaSystem {
	font-weight: bold;
	font-size: 18px;
	color: #b1e925;
}

.nazwaSystem2 {
	font-weight: bold;
	font-size: 16px;
	color: #b1e925;
}

.liniaSystem {
	width: 1px;
	height: 360px;
	background: #b0b4b7;
}

.odstepSystem1 {
	width: 13px;
	height: 360px;
}

.daneSystem {
	width: 240px;
	height: 360px;
	background: #19202a;
}

.tekstSystem {
	padding: 15px 15px 15px 15px;
}

.zdjecieSystem {
	width: 520px;
	height: 360px;
}

.zdjecieSystem1 {
	width: 200px;
	height: 360px;
}

.fotoSystemGlowne {
	width: 520px;
	height: 360px;
	border: 0px;
}

.fotoSystemGlowne1 {
	width: 200px;
	height: 300px;
	border: 0px;
}

.fotoSystemGlowne2 {
	width: 200px;
	height: 300px;
	border: 0px;
}

.odstepSystem2 {
	width: 40px;
	height: 360px;
}

.galeria {	
	height: 126px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid;
overflow: scroll; /*leave this value alone*/
width: 902px;
height: 90px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 90px;
text-align: center;
}

.stepcarousel .belt2{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel2{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 60px;
}

.stepcarousel .belt3{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel3{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width: 82px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 90px;
}

p.samplebuttons{
width: 150px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 0px 0px;
margin-right: 0px;
text-decoration: none;
}

/* systemy koniec */

a {
	color: #333;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a.lczerwony {
	color: #a10d0d;
	text-decoration: none;
}

a.lczerwony:hover {
	color: #a10d0d;
	text-decoration: underline;
}

.jellinek {
	color: white;
	height: 50px;
}

.jellinek a {
	color: white;
	text-decoration:none;
}

.jellinek a:hover {
	color: white;
	text-decoration:underline;
}

/* New Products Scroller */

#pscroller_np {
height: 150px;
border: 0px;
padding: 5px;
}

.pscroller_c_np {
  font-family: Verdana;
  font-size: 11px;
}

/* New Products Scroller */

/* zestaw */

.lapka { cursor: pointer; }

img, div { behavior: url('obrazki/iepngfix.htc'); }
img.wysrodkuj { vertical-align:middle; }

.ramka { border: 1px solid #ccc; }

.f9 { font-size: 9px; }
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f22 { font-size: 22px; }
.f25 { font-size: 25px; }

.center { text-align: center; }
.wysrodkuj { margin: 0 auto 0 auto; }
.l { text-align: left; }
.r { text-align: right; }
.j { text-align: justify; }

.top { vertical-align: top; }
.bottom { vertical-align: bottom; }

.lh15 { line-height: 15px; }

.obraz_prawy { margin-left: 10px; }

.b {font-weight: bold;}
.no_b {font-weight: normal;}
.u {text-decoration: underline;}
.no_u {text-decoration: none;}

.orange { color: #ff5a00; }
.szary { color: #333; }
.szary2 { color: #dedfe1; }
.szary3 { color: #464646; }
.blue { color: #5e89c9; }
.zielony { color: #267200; }
.roz { color: #ea1660; }
.bialy { color: #fff; }
.czarny { color: #000; }
.czerwony { color: #ed1c22; }

.tlo_biale {background: #fff;}
.tlo1 {background: #dfdfdf;}
.tlo2 {background: #2f2f2f;}
.tlo3 {background: #444547;}

/* zestaw */

/* animacja */
.pics { height: 100px; width: 210px; padding:0; margin:0; overflow: hidden }
.pics img { height: 100px; width: 200px; padding: 0px; border: 0px solid #ccc; background-color: #eee; top:0; left:0 }
/* animacja */

/* Scroll Bar Master Styling Starts Here */
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }

.vscrollerbase { width:12px; }
.vscrollerbar { background-image: url('obrazki/scrollbar3.png'); width: 12px; height: 33px !important; background-image: url('obrazki/scrollbar3.png'); }

* html .vscrollerbar { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='obrazki/scrollbar3.png'); background-image: none; }

.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #84ADD6;}

.vscrollerbar, .hscrollerbar { padding: 0px; z-index: 2; }

.scrollerjogbox { width: 12px; height: 22px; top: auto; left: auto; bottom: 0px; right: 0px; background: #698AAA; }

/* Scroll Bar Master Styling Ends Here */

#mycustomscroll {
/* Typical fixed height and fixed width example */
	width: 846px;
	height: 466px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0;
	padding: 0;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
	width: 846px;
	height: 506px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0;
	padding: 0;
}

#mycustomscroll3 {
/* Typical fixed height and fixed width example */
	width: 240px;
	height: 300px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0;
	padding: 0;
}

#mycustomscroll4 {
/* Typical fixed height and fixed width example */
	width: 143px;
	height: 300px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0;
	padding: 0;
}