* CSS STYLE RESET *
 
html, body, div, object, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 12px;
  vertical-align: baseline;
  background: transparent;
  line-height:16px;
	color: #525353;
}

BODY {
	line-height: 18px;
	font-family: Trebuchet MS;
	background: url(/images/bg.gif) repeat-x left top white; 
	behavior: url(/scripts/csshover.htc);
}

UL { list-style: none; }                                                     
:FOCUS { outline: 0; }
TABLE { border-collapse: collapse;   border-spacing: 0; }
.hr {clear:both;}
.zdjl {float: left;	margin: 0px 20px 20px 0px; display: block;}
.zdjr {float: right;	margin: 0px 0px 20px 20px; display: block;}



#header {  width:980px; height: 230px; position:relative; z-index:600; }
#header DIV {float:left; height:166px;}
#logo {background:url(/images/top1.gif) left top no-repeat; width:215px; text-align:center;}
#logo IMG  {display:block; margin:0px auto; margin-top:50px;}
#mainmenu {background:url(/images/top2.jpg) left top no-repeat; width:454px; position:relative;}
#searchbar {background:url(/images/top3.gif) left top no-repeat; width:262px;}

#content {
  width:980px; 
  background:transparent; 
  position:relative;
  z-index:605;
}


.col {margin:0px 0px 0px 10px; float:left; background:transparent;} /* ten sam kolor co #content! */
.col#cl {margin-left:0;  background:url(/images/lc_top.gif) left top no-repeat; position:relative; }
.col#cl .mod { position:relative; z-index:610; }
.col#cl .mod H1 {position:relative; z-index:601;}
.col#cl .mod.first {background:url(/images/lc_bot.gif) right bottom no-repeat; padding-right:25px;  margin: -38px 0px 0px 20px; padding-top:10px; }
.col#cl .mod.second {background:url(/images/lc_top2.gif) right top no-repeat; padding:20px 10px 20px 30px; margin-right:0;} 

.col#cm {margin-left:0;  background:url(/images/content_lt.gif) left top no-repeat; padding-top:10px;}
.col#cm .mod {background:url(/images/content_rt.gif) right top no-repeat; padding:10px 0px 10px 10px;}
.col#cm .mod .content {background:url(/images/content_bot.gif) right bottom no-repeat; padding-right:10px;} 
.col#cr .mod .content {background:url(/images/lc_bot.gif) 22px bottom no-repeat; padding-right:10px; width:175px;}
.col#cr #rightmenu {margin-left:0;  background:url(/images/rc_bg.gif) left top no-repeat; }
.col#ct  { margin-left:0; }
.col#ctl { margin-left:0; }
.col#ctr { float:right;}


.page3colstart #cl {width:215px;} /* + margin-top w zależnoci od loginboxa */
.page3colstart #cm {width:500px;}
.page3colstart #cr {width:197px;}

.page2col #cl {width:215px;}
.page2col #cm {width:697px;}

.page3col #cl {width:215px;}
.page3col #cm {width:500px;}
.page3col #cr {width:197px;}

.page3col_camena #cl {width:160px;}
.page3col_camena #cm {width:496px;}
.page3col_camena #cr {width:304px;}

/* mod def */
.mod {margin-bottom:10px;  padding:0px 0px 0px 0px;  position:relative; z-index:299; }
.mod .mod {margin-bottom:0px; padding:0px; }
.mod .content {padding:0px 0px 0px 0px; position:relative; z-index:300; clear:left; overflow:hidden;}
.mod H1 {
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px; 
}

.mod H1 A, .mod H1 SPAN  {
  padding:0px 10px; 
  line-height:24px; 
  display:block; 
  float:left; 
  margin:3px 10px 0px 0px;
  font-size:14px;
  color:black;
  font-weight:normal;
  text-decoration:none; 
} 
.col#cr .mod H1 A, .col#cr .mod H1 SPAN  {
  padding:0px 0px; 
  line-height:24px; 
  display:block; 
  float:right; 
  margin:8px 10px 0px 0px;
  font-size:14px;
  color:White;
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
  text-align: center;
  width: 166px; 
  
} 

.mod H1.dark {
 background:#484848;
}
.mod H1.dark SPAN {
color:white;
}


.mod.b1 {background:url(/images/camnea_go_bottom.gif) center bottom no-repeat white; padding-bottom:68px; margin-bottom:-10px;}
.mod.b1 .content {border-bottom:0;}


.mod.b2 {margin-top:37px;}
.mod.b2 .item { background:url(/images/camea_aq_top.gif) right top no-repeat transparent; width:108px; height:76px; position:absolute; right:50px; top:-38px; }


.innercontent {text-align:left;}
.innercontent .content { padding:10px 0px 10px 10px; }
.innercontent H1 {
  height:36px; 
  padding-top:1px;   
  padding-left:1px;
  }
  
.innercontent H1 A, .innercontent H1 SPAN {
  padding:6px 10px 0px 10px; 
  line-height:24px; 
  height:29px; 
  display:block; 
  float:left; 
  margin:0px 10px 0px 0px;
  font-size:14px;
  color:black;
  font-weight:normal;
  text-decoration:none;
  
}
.innercontent H1.tabs A {border-left:0;}
.innercontent H1 A.active {margin-top:-5px; padding-top:11px; background:url(/images/menu_l.gif) left top no-repeat; height:30px; position:relative; padding-left:21px; }
.innercontent H1 A.active I {width:11px; height:42px; background:url(/images/menu_r.gif) right top no-repeat; position:absolute; right:-11px; top:0;}

#lcol H1, #lcol H1 A, #rcol H1, #rcol H1 A {font-size:11px;}

#oftop {position:absolute; left:0; top:-53px; width:166px; height:28px; background:url(/images/oferta_l.gif) left top no-repeat;}
#retop {position:absolute; left:0; top:-53px; width:166px; height:28px; background:url(/images/realizacje_l.gif) left top no-repeat;}

.innercontent .more {float:right; width:65px; text-align:center; height:20px; padding-top:5px;  color:white; text-decoration:none; margin-right:10px;}
.innercontent .more.b {background:url(/images/button_b.gif) left top no-repeat;}


.content P { margin-right:10px; margin-bottom:10px;}
.content H2 { margin-right:10px; margin-bottom:10px;}


.newsbody {border-bottom: 1px solid #dad7d5; position: relative; padding-top: 10px;}
.test { background: Aqua;}
.newsbody .more A {
	display: block;
	background: url(/images/btn_more.gif) no-repeat left top;
	width: 65px;
	height: 25px;
	position: absolute;
	top: 10px;
	right: 10px;
}
.newsbody .more A:hover {background-position: left bottom;}
.newsbody .more A SPAN {display: none;}
.newsbody .zdjakt {float: left;	margin: 0px 6px 6px 0px;}
.newsbody .newstxt {padding-right: 75px;}
.content H5 { text-align: right; padding-right: 10px;}

.article LI { padding-left:10px; background: url(/images/li.gif) left 5px no-repeat;}







.fotolist {float:left; margin-right:10px; margin-bottom:10px;}
.fotolist IMG {display:block; padding:5px; border:1px solid gray; }
.zdjr {margin-right:10px;}
.zdjr IMG {display:block; padding:5px; border:1px solid gray; }
.zdjr_l {margin-right:10px; float:right;}
.zdjr_l IMG {display:block; padding:5px;}




#gallery {width: 470px;	height: 350px; margin: 10px auto;}


#footer { background: url(/images/footer_bg.gif) repeat-x left top; height:48px; padding-top:5px; padding-left:250px;}

.path {margin-top:5px; margin-left:10px;}
.path SPAN {margin-right:5px;}

.logo { padding:20px 0px 0px 7px; }

.realitem {clear:left; padding-bottom:10px;}
.realitem H3 {margin-bottom:5px;}
#page80 #leftmenu A {}

.prodlist {}
.photocontainer {float:left; margin-right:5px; margin-bottom:5px; height:130px; }

.photocontainer .photo {display: table;  #position: relative; overflow: hidden;  background:white; float:left; width:100px; height:80px;  margin-bottom:2px;  border:0px solid #dad7d5;}
.photocontainer .photo  DIV {   #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; }
.photocontainer .photo SPAN {   #position: relative; #top: -50%;}
.photocontainer .photo  IMG {    display:block;  margin:0px auto; padding:0px;}
.photocontainer .podpis {display:block; width:100px;  padding:0px 5px; font-size:10px; line-height:12px; text-align:center; } 
.photocontainer A {text-decoration:none; text-align:center;}
.photocontainer .att_link {display:block; width:100px;  padding:0px 5px; font-size:10px; line-height:12px; }