body {background: #000000; margin: 0; padding: 0; font-family: Tahoma, Helvetica, sans-serif; font-size: 8pt; }

p {color: #cfcfcf; font-size: 8pt; margin: 0; padding: 0;}
a, ol {color: #cfcfcf; text-decoration: none;}
ol {margin: 5px 0 5px 20px; padding: 0; }

#top {width: 1000px;  margin: 25px auto 0px auto; padding: 0 0 5px 0; height: 138px; background: url('../images/top_img.jpg') no-repeat center right;}

#logo {width: 225px; height: 138px; display: block; float: left; background: url('../images/logo.gif') no-repeat top left;}

#logo h1 {margin: 0; padding:0;}

#logo h1 a {width: 225px; height: 138px; display: block;}
#logo h1 a span {display: none;}

/*---------------menu gorne ------*/
#top_menu {width: 1000px; height: 26px; background: url('../images/top_menu.jpg') no-repeat center left; display: block; margin: 0 auto; padding: 4px 0 4px 0; clear: both;
		border-top: 1px solid #666666;
		border-bottom: 1px solid #666666;
 }

#top_menu ul {display: block; width: 770px; height: 26px; position: relative; right: 0px; left: 232px; list-style: none; margin: 0; padding: 0;}
#top_menu ul li {float: left; margin: 0 4px 0 0;}
#top_menu ul li a {color: white;}

 
li.item1 a:link, li.item1 a:visited{width: 106px; height: 13px; background: url('../images/but1.gif') repeat-y top left; font-weight: bold; font-size: 7pt; text-align: center;display: block; padding: 7px 0 6px 0;text-decoration: none;}
li.item1 a:hover {background: #fa2016!important;}
li.activeitem1 a{background: #fa2016!important;width: 106px; height: 13px; padding: 7px 0 6px 0; display: block; text-decoration: none; font-weight: bold; font-size: 7pt; text-align: center;} 

li.item2 a:link, li.item2 a:visited {width: 106px; height: 13px; background: url('../images/but2.gif') repeat-y top left; font-weight: bold; font-size: 7pt; text-align: center;text-decoration: none;display: block;padding: 7px 0 6px 0;}
li.item2 a:hover {background: #0092dd!important;}
.activeitem2 {background: #0092dd!important;width: 106px; height: 13px; padding: 7px 0 6px 0; display: block; text-decoration: none;  font-weight: bold; font-size: 7pt; text-align: center;} 

li.item3 a:link, li.item3 a:visited {width: 106px; height: 13px; background: url('../images/but3.gif') repeat-y top left; font-weight: bold; font-size: 7pt; text-align: center; padding: 7px 0 6px 0; display: block; text-decoration: none;}
li.item3 a:hover {background: #ff663c!important;}
.activeitem3 {background: #ff663c!important;width: 106px; height: 13px; padding: 7px 0 6px 0; display: block; text-decoration: none; font-weight: bold; font-size: 7pt; text-align: center;} 

li.item4 a:link, li.item4 a:visited{width: 106px; height: 13px; background: url('../images/but4.gif') repeat-y top left; font-weight: bold; font-size: 7pt; text-align: center;padding: 7px 0 6px 0; display: block; text-decoration: none;}
li.item4 a:hover {background: #00a12c!important;}
.activeitem4 {background: #00a12c!important;width: 106px; height: 13px; padding: 7px 0 6px 0; display: block; text-decoration: none;  font-weight: bold; font-size: 7pt; text-align: center;} 

li.item5 a:link, li.item5 a:visited{width: 106px; height: 13px; background: url('../images/but5.gif') repeat-y top left; font-weight: bold; font-size: 7pt; text-align: center; padding: 7px 0 6px 0; display: block; text-decoration: none;}
li.item5 a:hover {background: #da9823!important; }
.activeitem5 {background: #da9823!important;width: 106px; height: 13px; padding: 7px 0 6px 0; display: block; text-decoration: none; font-weight: bold; font-size: 7pt; text-align: center;} 

li.item6 a:link, li.item6 a:visited{width: 106px; height: 13px; background: url('../images/but6.gif') repeat-y top left; font-weight: bold; font-size: 7pt; text-align: center; padding: 7px 0 6px 0; display: block; text-decoration: none;}
li.item6 a:hover {background: #73309b!important; }
.activeitem6 {background: #73309b!important;width: 106px; height: 13px; padding: 7px 0 6px 0; display: block; text-decoration: none; font-weight: bold; font-size: 7pt; text-align: center;} 

li.item7 a:link, li.item7 a:visited{width: 106px; height: 13px; background: url('../images/but7.gif') repeat-y top left; font-weight: bold; font-size: 7pt; text-align: center; padding: 7px 0 6px 0; display: block; text-decoration: none;}
li.item7 a:hover {background: #979594!important;  }
.activeitem7 {background: #979594!important;width: 106px; height: 13px; padding: 7px 0 6px 0; display: block; text-decoration: none; font-weight: bold; font-size: 7pt; text-align: center;}

.activeitem1 a, .activeitem2 a, .activeitem3 a, .activeitem4 a, .activeitem5 a, .activeitem6 a, .activeitem7 a  {text-decoration: none;}
/*---------------------*/


#contener {display: block; width: 1000px; height: 356px; margin: 5px auto 0 auto; padding: 0; clear: both;}


#left {display: block; width: 220px; height: 356px; position: relative; left:0; float: left; background: url('../images/left.jpg') no-repeat top left; }

/*----------------lewe menu -------------*/

#left ul.menu {margin: 10px 0 0 25px; padding: 0; list-style: none;display: block;}
#left ul.menu ul {margin: 0 0 0 14px; padding: 0; color: white; list-style: none; display: block;}
#left ul.menu li {display: block;}
#left ul.menu ul li {display: block;  margin: 2px 0 0 0;}
#left ul.menu li a {color: #cfcfcf;text-decoration: none; }
#left ul.menu ul li a { text-decoration: none; background: none; padding: 0 0 0 0px;}

li.leftitem1 a:link, li.leftitem1 a:visited, 
li.leftitem2 a:link, li.leftitem2 a:visited, 
li.leftitem3 a:link, li.leftitem3 a:visited, 
li.leftitem4 a:link, li.leftitem4 a:visited, 
li.leftitem5 a:link, li.leftitem5 a:visited, 
li.leftitem6 a:link, li.leftitem6 a:visited, 
li.leftitem7 a:link, li.leftitem7 a:visited {background: url('../images/leftli.gif') no-repeat left center; padding: 0 0 0 20px; height: 13px; display: block;}
li.leftitem8 a{background: url('../images/left8.gif') no-repeat left center; padding: 0 0 0 20px; height: 13px; display: block;}

li.leftitem1 a:hover {background: url('../images/left1.gif') no-repeat left center; padding: 0 0 0 20px; }
li.leftitem2 a:hover {background: url('../images/left2.gif') no-repeat left center; padding: 0 0 0 20px;}
li.leftitem3 a:hover {background: url('../images/left3.gif') no-repeat left center; padding: 0 0 0 20px;}
li.leftitem4 a:hover {background: url('../images/left4.gif') no-repeat left center; padding: 0 0 0 20px;}
li.leftitem5 a:hover {background: url('../images/left5.gif') no-repeat left center; padding: 0 0 0 20px;}
li.leftitem6 a:hover {background: url('../images/left6.gif') no-repeat left center; padding: 0 0 0 20px;}
li.leftitem7 a:hover {background: url('../images/left7.gif') no-repeat left center; padding: 0 0 0 20px;}
li.leftitem8 a:hover {background: url('../images/left8hover.gif') no-repeat left center; padding: 0 0 0 20px;}
li.leftitem9 a:hover {background: url('../images/left8hover.gif') no-repeat left center; padding: 0 0 0 20px;}

li.activeleftitem1 a{background: url('../images/left1.gif') no-repeat left center; padding: 0 0 0 20px; height: 13px; display: block;}
li.activeleftitem2 a{background: url('../images/left2.gif') no-repeat left center; padding: 0 0 0 20px; height: 13px; display: block;}
li.activeleftitem3 a{background: url('../images/left3.gif') no-repeat left center; padding: 0 0 0 20px; height: 13px; display: block;}
li.activeleftitem4 a{background: url('../images/left4.gif') no-repeat left center; padding: 0 0 0 20px; height: 13px; display: block;}
li.activeleftitem5 a{background: url('../images/left5.gif') no-repeat left center; padding: 0 0 0 20px; height: 13px; display: block;}
li.activeleftitem6 a{background: url('../images/left6.gif') no-repeat left center; padding: 0 0 0 20px; height: 13px; display: block;}
li.activeleftitem7 a{background: url('../images/left7.gif') no-repeat left center; padding: 0 0 0 20px; height: 13px; display: block;}
li.activeleftitem8 a{background: url('../images/left8hover.gif') no-repeat left center; padding: 0 0 0 20px; height: 13px; display: block;}


li.secitem1act a,
li.secitem2act a,
li.secitem3act a,
li.secitem4act a,
li.secitem5act a,
li.secitem6act a,
li.secitem7act a{color: white!important;}

/*----------- Paski przy lewym menu----------------------------*/

#pasek1 {display: block; width: 5px; height: 55px; position: absolute; background: #fa2016; top: 12px; margin: 0 0 0 -7px;}
#pasek2 {display: block; width: 5px; height: 55px; position: absolute; background: #0092dd; top: 12px; margin: 0 0 0 -7px;}
#pasek3 {display: block; width: 5px; height: 55px; position: absolute; background: #ff663c; top: 12px; margin: 0 0 0 -7px;}
#pasek4 {display: block; width: 5px; height: 55px; position: absolute; background: #00a12c; top: 12px; margin: 0 0 0 -7px;}
#pasek5 {display: block; width: 5px; height: 55px; position: absolute; background: #da9823; top: 12px; margin: 0 0 0 -7px;}
#pasek6 {display: block; width: 5px; height: 55px; position: absolute; background: #73309b; top: 12px; margin: 0 0 0 -7px;}
#pasek7 {display: block; width: 5px; height: 55px; position: absolute; background: #cdcdcd; top: 12px; margin: 0 0 0 -7px;}
#pasek8 {display: block; width: 5px; height: 55px; position: absolute; background: #e5e5e5; top: 12px; margin: 0 0 0 -7px;}

#leftline {background: #666666; width: 1px ; height: 325px; position: absolute; display: block; top:12px; margin: 0 0 0 -3px; }

/*------------------animacja fotografii ----------------------------*/
.moduletable {position: absolute; top: 238px; margin: 0 0 0 38px; height: 110px; display: block; }
.moduletable img {border: 1px solid white;}



/*--------oferta----------------------*/

.toclink, .pagenavcounter {display: none;}
td.lefttab {width:551px!important; padding: 0 10px 0 15px; }
td.righttab {width: 219px!important; border-left: 1px solid #666666;  text-align: center; vertical-align: top; padding: 0; margin: 0;}
td.righttab-partnerzy {width: 219px!important; border-left: 1px solid #666666;  text-align: center; vertical-align: top; padding: 0; margin: 0;}
.contentpaneopen {width: 770px; height: 325px; padding: 0px 0 0 0; margin: 0px 0 0 0; }
.partner, .product {display: block; width: 165px; height: 325px; background: white; margin: auto; background: url('../images/dlogosy.gif') repeat-y top left;}
.partner img {border: 0px; padding: 6px 0;}
.product img {border: 0px; padding: 14px 0;}
.imbord  img{border: 1px solid white!important;  padding:0;   }
.contentpaneopen p a {text-decoration:underline; font-weight: bold;}

.pagenav {display: block; margin: 5px 0 5px 0;}

.pagenav a {font-weight: bold;}

/*------ Piktogramy -----------------*/
.pikto {display: block; position: absolute; top: 310px; width: 510px;}

.pikto ul {margin:0; padding:0; list-style: none;}
.pikto ul li {float: left;}

li.ofm1 a span , li.ofm2 a span , li.ofm3 a span , li.ofm4 a span , li.ofm5 a span , li.ofm6 a span , li.ofm7 a span {display:none;}
li.ofm1active a span , li.ofm2active a span , li.ofm3active a span , li.ofm4active a span , li.ofm5active a span , li.ofm6active a span , li.ofm7active a span {display:none;}


li.ofm1 a:link, li.ofm1 a:visited{display: block; width: 72px; height: 30px; background: url('../images/ofm1.gif') no-repeat top left;} 
li.ofm1 a:hover {background: url('../images/ofm1hover.gif') no-repeat top left;}
li.ofm1active a {display: block; width: 72px; height: 30px; background: url('../images/ofm1hover.gif') no-repeat top left;}

li.ofm2 a:link, li.ofm2 a:visited {display: block; width: 72px; height: 30px; background: url('../images/ofm2.gif') no-repeat top left;}
li.ofm2 a:hover {background: url('../images/ofm2hover.gif') no-repeat top left;}
li.ofm2active a {display: block; width: 72px; height: 30px; background: url('../images/ofm2hover.gif') no-repeat top left;}

li.ofm3 a:link, li.ofm3 a:visited {display: block; width: 72px; height: 30px; background: url('../images/ofm3.gif') no-repeat top left;}
li.ofm3 a:hover {background: url('../images/ofm3hover.gif') no-repeat top left;}
li.ofm3active a {display: block; width: 72px; height: 30px; background: url('../images/ofm3hover.gif') no-repeat top left;}

li.ofm4 a:link, li.ofm4 a:visited {display: block; width: 72px; height: 30px; background: url('../images/ofm4.gif') no-repeat top left;}
li.ofm4 a:hover {background: url('../images/ofm4hover.gif') no-repeat top left;}
li.ofm4active a {display: block; width: 72px; height: 30px; background: url('../images/ofm4hover.gif') no-repeat top left;}

li.ofm5 a:link, li.ofm5 a:visited {display: block; width: 72px; height: 30px; background: url('../images/ofm5.gif') no-repeat top left;}
li.ofm5 a:hover {background: url('../images/ofm5hover.gif') no-repeat top left;}
li.ofm5active a {display: block; width: 72px; height: 30px; background: url('../images/ofm5hover.gif') no-repeat top left;}

li.ofm6 a:link, li.ofm6 a:visited {display: block; width: 72px; height: 30px; background: url('../images/ofm6.gif') no-repeat top left;}
li.ofm6 a:hover {background: url('../images/ofm6hover.gif') no-repeat top left;}
li.ofm6active a {display: block; width: 72px; height: 30px; background: url('../images/ofm6hover.gif') no-repeat top left;}

li.ofm7 a:link, li.ofm7 a:visited {display: block; width: 72px; height: 30px; background: url('../images/ofm7.gif') no-repeat top left;}
li.ofm7 a:hover {background: url('../images/ofm7hover.gif') no-repeat top left;}
li.ofm7active a {display: block; width: 72px; height: 30px; background: url('../images/ofm7hover.gif') no-repeat top left;}

/*--------------------------------------------------------------*/

/*-------------------nasze prace----------------------------*/
.gallery a img {border: 1px solid #cfcfcf; margin: 0 10px 0 0;}
.gallery a {font-weight: bold;}
.gallery-f {margin: 5px 0 0 0;}
.gallery-f img {border: 1px solid #cfcfcf; }
.gallery-f a img {border: 1px solid #cfcfcf; }

.npracelink {display: block; width: 100%; text-align: center;}
.npracelink a {font-weight: bold;}
.nprace {display: block; width: 100%; vertical-align: middle; padding: 4px 0 0 0;}
.nprace img {border: 1px solid white; margin:0; padding:0;}


#right {display: block; width: 770px; height: 346px; position: relative; right: 0; float: right; background: url('../images/right.jpg') no-repeat top right; padding: 10px 0 0 0px;}

#footer {display: block; width: 1000px; height: 30px; margin: 5px auto 0 auto; padding: 10px 0 0 0; clear: both; border-top: 1px solid #666666;}

#partnerzy {width: 220px; text-align: center; float: left; display: block; }
#partnerzy a {color: #c0c0c0; font-weight: bold; text-decoration: underline;}
.textmapa {float: left; display: block;}
.mapa {float: right;}

#footer ul.menu {display: block; float: left; list-style: none; margin: 0; padding: 0 0 0 80px; }

#footer ul.menu li {float: left; margin: 0 0px 0 0;  height: 25px; display: block; text-align: center; padding: 3px 10px 0 10px;}
#footer ul.menu li {background: url('../images/linefooter.gif') no-repeat top left; }
#footer ul.menu li:first-child {background: black; }
#footer ul.menu li.item21 {background: none;}

#footer ul.menu li a {text-decoration:none; color: #cfcfcf; font-size: 6.9pt;}

#apslink {float: right; margin: 0; padding: 0 40px 0 0;}

#apslink a:link, #apslink a:visited {text-decoration: none; }
#apslink a:hover {color:#FFFF99;}


/*-------zamow neswletter-*/
div.formnews{color: #cfcfcf;}
div.formnews a {text-decoration: none; font-weight: bold;}
.formnews input {width: 120px; border: none; background: #999999;}
.buttonnews{width: 120px; height: 26px; background: #999999; font-weight: bold; font-size: 7pt; text-align: center; padding: 7px 0 6px 0; display: block; text-decoration: none; border: 0; color: white;}