body {
     font-family: trebuchet ms, verdana, tahoma, arial, helvetica, sans-serif;
	 color: #474747; 
	 font-size: 12px;
	 margin: 0 auto;
	 padding: 0;
	 background: url(images/bg.jpg);
	 width: 100%;}

	 
a:link, a:visited {text-decoration: none; color: #595959;}
a:hover {text-decoration: none; color: #FF8F04;}

img {border: 0;}

.bold {font-weight: bold;}
.orange {color: #ff8214;}

#bg-for-icon {width: 836px; margin: 0 auto; position: relative;}
#icon {width: 29px; position: absolute; top: 340px; right: -35px; z-index: 10;}
#icon img {margin: 5px 0;}

#flags {width: 50px; position: absolute; left: -55px; top: 330px; z-index: 11;}

/* szare tlo - top */
#bg {width: 100%; overflow: hidden; background: url(images/bg-black.jpg) repeat-x;}

#toplayer {width: 805px; margin: 0 auto; position: relative; top:535px; z-index:5}
#toplayer2 {width: 805px; margin: 0 auto; position: relative; top:240px; z-index:5}

#bg-top {width: 836px; margin: 0 auto; overflow: hidden; background: url(images/bg-top.jpg) no-repeat 0 0;}

#all {width: 836px; position: relative; margin: 0 auto;}

#logo {width: 836px; float: left; margin: 15px 0 0 0;}
#logo img {float: left;}
.logotop {float: left;}
.p1 {width: 600px; float: left; color: #b3b3b1; margin: 35px 0 0 20px;}
.p2 {float: left; color: #ff8214; margin: 0 0 0 20px; font-weight: bold;}

.img {margin: 0 0 0 40px;}

/* margines - podstrona */
.marg {margin: 15px 0;}


/* menu */
#menu {float: right;}
#menu ul {list-style: none;}
#menu ul li {float: left; margin: 0 5px;} 

.start {display: block; float: left; width: 57px; height: 33px;}
a.start {background: url(images/start-off.jpg);}
.start:hover {background: url(images/start-on.gif);}

.start1 {display: block; float: left; width: 57px; height: 33px;}
a.start1 {background: url(images/start-on1.gif);}
.start1:hover {background: url(images/start-on.gif);}

.automatyka {display: block; float: left; width: 108px; height: 33px;}
a.automatyka {background: url(images/automatyka-off.jpg);}
.automatyka:hover {background: url(images/automatyka-on.gif);}

.automatyka1 {display: block; float: left; width: 108px; height: 33px;}
a.automatyka1 {background: url(images/automatyka-on1.gif);}
.automatyka1:hover {background: url(images/automatyka-on.gif);}

.automatykaen {display: block; float: left; width: 108px; height: 33px;}
a.automatykaen {background: url(images/eng/automatykaen-off.gif);}
.automatykaen:hover {background: url(images/eng/automatykaen-on.gif);}

.automatykaen1 {display: block; float: left; width: 108px; height: 33px;}
a.automatykaen1 {background: url(images/eng/automatykaen-on1.gif);}
.automatykaen1:hover {background: url(images/eng/automatykaen-on.gif);}

.elektro {display: block; float: left; width: 144px; height: 33px;}
a.elektro  {background: url(images/elektro-off.jpg);}
.elektro:hover {background: url(images/elektro-on.gif);}

.elektro1 {display: block; float: left; width: 144px; height: 33px;}
a.elektro1  {background: url(images/elektro-on1.gif);}
.elektro1:hover {background: url(images/elektro-on.gif);}

.elektroen {display: block; float: left; width: 179px; height: 33px;}
a.elektroen  {background: url(images/eng/elektroen-off.gif);}
.elektroen:hover {background: url(images/eng/elektroen-on.gif);}

.elektroen1 {display: block; float: left; width: 179px; height: 33px;}
a.elektroen1  {background: url(images/eng/elektroen-on1.gif);}
.elektroen1:hover {background: url(images/eng/elektroen-on.gif);}

.centrum {display: block; float: left; width: 179px; height: 33px;}
a.centrum {background: url(images/centrum-off.jpg);}
.centrum:hover {background: url(images/centrum-on.gif);}

.centrum1 {display: block; float: left; width: 179px; height: 33px;}
a.centrum1 {background: url(images/centrum-on1.gif);}
.centrum1:hover {background: url(images/centrum-on.gif);}

.centrumen {display: block; float: left; width: 179px; height: 33px;}
a.centrumen {background: url(images/eng/centrumen-off.gif);}
.centrumen:hover {background: url(images/eng/centrumen-on.gif);}

.centrumen1 {display: block; float: left; width: 179px; height: 33px;}
a.centrumen1 {background: url(images/eng/centrumen-on1.gif);}
.centrumen1:hover {background: url(images/eng/centrumen-on.gif);}

.nenutec {display: block; float: left; width: 80px; height: 33px;}
a.nenutec {background: url(images/nenutec-off.jpg);}
.nenutec:hover {background: url(images/nenutec-on.gif);}

.nenutec1 {display: block; float: left; width: 80px; height: 33px;}
a.nenutec1 {background: url(images/nenutec-on1.gif);}
.nenutec1:hover {background: url(images/nenutec-on.gif);}

.kontakt {display: block; float: left; width: 80px; height: 33px;}
a.kontakt {background: url(images/kontakt-off.jpg);}
.kontakt:hover {background: url(images/kontakt-on.gif);}

.kontakt1 {display: block; float: left; width: 80px; height: 33px;}
a.kontakt1 {background: url(images/kontakt-on1.gif);}
.kontakt1:hover {background: url(images/kontakt-on.gif);}


.kontakten {display: block; float: left; width: 80px; height: 33px;}
a.kontakten {background: url(images/eng/kontakten-off.gif);}
.kontakten:hover {background: url(images/eng/kontakten-on.gif);}

.kontakten1 {display: block; float: left; width: 80px; height: 33px;}
a.kontakten1 {background: url(images/eng/kontakten-on1.gif);}
.kontakten1:hover {background: url(images/eng/kontakten-on.gif);}

/* grafika - naglowek */
#img-top {width: 836px; height: 360px; float: left;}
#img-top p {width: 495px; margin: 90px 0 0 280px; color: #848585;}

/* linki - naglowek */
a.referencje {display: block; width: 156px; height: 14px; float: left; margin: 40px 0 0 280px; background: url(images/referencje.gif);}
a.realizacje {display: block; width: 152px; height: 14px; float: left; margin: 40px 0 0 26px; background: url(images/realizacje.gif);}

/* tlo - tresc */
.content {width: 836px; float: left; overflow: hidden; background: url(images/bg-content.gif);}
.content-top {width: 836px; float: left; overflow: hidden; background: url(images/bg-content-top.jpg) no-repeat 0 0;}
.content-top2 {width: 836px; float: left; overflow: hidden; background: url(images/bg-content-top2.jpg) no-repeat 0 0;}
.content-bottom {width: 836px; float: left; overflow: hidden; background: url(images/bg-content-bottom.jpg) no-repeat 0 100%; background-color: transparent;}

/* bloczek - wysrodkowanie */
.margin {width: 90%; margin: 25px auto; overflow: hidden;}

/* tytul - naglowek*/
p.title {float: left; margin: 10px 0 20px 0; padding: 0 10px 0 0; background: url(images/p.gif) repeat-x 0 20px; font-size: 17px; font-style: italic; font-weight: bold;}
h1 {margin: 10px 0 20px 0; padding: 0 10px 0 0; background: url(images/p1.gif) no-repeat 0 20px; font-size: 17px; font-style: italic; font-weight: bold;}

/* teksty */
.txt {width: 100%; float: left;}
.txt2 {float: left;}

/* linki - stopka */
ul#links-footer {float: right; list-style: none; margin: 9px 0;; font-size: 11px;}
ul#links-footer li {float: left; margin: 0 5px;}
ul#links-footer li:hover {font-weight: bold;} 
ul#links-footer a {color: #fff;}

/* stopka */
.bg-footer {width: 100%; height: 70px; margin: 0 auto; overflow: hidden; background: url(images/bg-footer.jpg) repeat-x;}
.bg-footer2 {width: 836px; height: 70px; margin: 0 auto; overflow: hidden; background: url(images/bg-footer2.jpg);}
.p3 {float: left; margin: 30px 0 0 0;}
.p4 {float: right; margin: 30px 0 0 0;}

/* -*-*-*-*-*-*-*-*- kontakt -*-*-*-*-*-*-*-*- */
.table { font-size: 12px; color: #545454; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; background-color: #FFFFFF}
table.table td { font-size: 12px; color: #545454;  padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-color: #FFFFFF #FFFFFF 9D9D9D; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}

.foto{
border-bottom : 0px solid #cccccc; text-align : left; border: #cccccc; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px
}

input.ankie {height: 24px; padding: 7px 0 0 0; background: url(images/form.png) no-repeat; border: 0; color: #72706F;}
input.ankie-small {height: 24px; padding: 7px 0 0 0; background: url(images/form-small.png) no-repeat; border: 0; color: #72706F;}
textarea.ankie {border: 1px solid #9b9b9b; background: #fff url(images/form2.gif) repeat-x; color: #72706F;}

.contnavlowb A { BACKGROUND-COLOR: #FF9900; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; MARGIN-LEFT: 0px; WIDTH: 100%; COLOR: #F8F8F8; LETTER-SPACING: 0px; TEXT-DECORATION: none}
.contnavlowb A:hover { COLOR: #ffffff; background-color: #323433; TEXT-DECORATION: none }
.contnavlowb A:active { COLOR: #ffffff; BACKGROUND-COLOR: #FF9900; TEXT-DECORATION: none}

.contnavlowa A { BACKGROUND-COLOR: #8E8E8E; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; MARGIN-LEFT: 0px; WIDTH: 100%; COLOR: #F8F8F8; LETTER-SPACING: 0px; TEXT-DECORATION: none}
.contnavlowa A:hover { COLOR: #ffffff; background-color: #D96B0F; TEXT-DECORATION: none }
.contnavlowa A:active { COLOR: #ffffff; BACKGROUND-COLOR: #8E8E8E; TEXT-DECORATION: none}