/*   Rafał Rychlik ---> www.agrafnet.pl - projektowanie stron www */

span, div, a, h1, h2, h3, h4, p, html, form, body, dl, img, object

{margin: 0; border: 0; padding: 0; text-decoration: none; color: #373737; list-style-type: none; font:12px Verdana;}

div {  display:block; overflow:hidden; }
 /*lay*/
body {background:url(img/tlo.gif) repeat-x #2d2d2d; text-align:center;}
h1 {font-size:14px; font-weight:bold;  }


#main { margin:0 auto; width:846px; position: relative;  text-align:left;    }
 



#baner{margin:24px 0 0 0; padding:0; height:283px; width:846px;}
#baner ul { margin:0; padding:0; }
#baner li { margin:0; padding:0; list-style:none; float:left; display:block; height:283px; text-indent:-9999px;}
#baner li a {margin:0; padding:0; display:block; background-repeat:no-repeat; height:283px; }
#baner li a.m1 {background:url(img/baner.jpg)  0 0; width:245px;}
#baner li.m2 {background:url(img/baner.jpg) -245px 0; width:601px;}
#banerki {margin:2px 0 0 0; padding:0;}

#lay {background:url(img/lay_tlo.gif) repeat-x #fff;  width:840px;}
.box {background:url(img/box_tlo.jpg) no-repeat; height:75px; width:280px; float:right; margin:0 10px 0 0; padding:4px;}
.box img {border:1px solid #2d2d2d; float:left; margin:0 5px 0 0;}
.box a  { font-size:10px; margin:5px 0 0 0;}
.box a:hover {color:#ce2828;} 


#menu {float:left; width:223px; list-style-type:none; margin:0 0 0 15px; padding:85px 0 0 0; background:url(img/box_tlo.jpg) no-repeat;}
#menu ul { margin:15px 0 0 -40px;}
#menu li { list-style-type:none; margin:15px 0 0 0; }
#menu a {width:152px; color:#373737; height:25px; overflow:hidden; display:block; background:  repeat-x url('img/tlo_btn1.gif');  margin:4px 0 0 10px; padding:9px 0 0 30px; font-size:14px; font-weight:bold;}
#menu a:hover {width:152px; overflow:hidden; background:  repeat-x url('img/tlo_btn.gif'); color: #fff; }


#txt {width:580px; float:left;   margin:20px 0 0 0px; padding:20px 20px 0 0;}


#kamien {width:577px; height:245px;  background: no-repeat url('img/kamien.jpg') #2d2d2d;;  }
#kamien p {color:#fff; padding:10px 140px 0 20px;  }
#stopka {background:  repeat-x url('img/stopka_tlo.gif'); width:840px; height:74px;}
.stopka {color:#fff; font-size:10px; float:left;}
.a-logo {float:right; margin:0 25px 0 0;}
#xlog1 {margin:30px 0 0 10px;}
#xlog1 img {vertical-align:middle;}
.foto {background: no-repeat url('img/tlo_kamien.gif');   width:180px; text-align:center; padding:5px 0 0 0; float:left; margin:5px; height:250px;}
.realaizacje img { border: 1px solid #373737; margin:3px;}
.kontaktowy { width: 270px; float:left;}
.accordion_toggle {
display: block;
height: 30px;
background: no-repeat url('img/tlo_mat.gif');
padding:10px 0 0 35px;
 
cursor: pointer;
margin:0;
}
		
.accordion_toggle_active {
background:  no-repeat url('img/tlo_mat1.gif');
 
 
}
		
.accordion_content {
background-color: #ffffff;
color: #444444;
overflow: hidden;
}