/* <default rules> */
/* it's recommended not to change them */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }

table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
img {vertical-align:top; }

/*
ul,ol,li { margin:0; padding:0; }
ul,ol { list-style: none; }
*/

caption,th { text-align:left; }
/*  h1,h2,h3,h4,h5,h6 { font-size:100%; } */
.clearer { clear:both; height:1px; overflow:hidden; margin-bottom:-1px; font-size:1px; line-height:1px; }
.replacement { position:absolute; z-index:10; background-repeat:no-repeat; }
a:link, a:visited { color:#f58800; text-decoration:none;}
a:hover { text-decoration:underline;}
a .replacement {	z-index:20; cursor:pointer; }
/* </default rules> */

body { background:#f1f0f0; font-family: arial, sans-serif; font-size:12px; color:#666;}
 
#wrapper { width:900px; margin:0 auto; background:url(../pix/wrapper-bg.gif) repeat-y; }
#container { margin:0 12px; }

#logo { width:135px; float:left; }
#logo h1 { position:relative; height:128px; width:135px; overflow:hidden; float:left;}
#logo h1 .replacement { left:0; top:0; height:128px; width:135px; background:url(../pix/logo-henbud.gif) no-repeat; }

#logo2 { width:152px; float:right; z-index: 100; display: none; }
#logo2 h1 { margin-top: 15px;  margin-left: -15px;  position:absolute; overflow:hidden; float:right;height:47px; width:152px; }
#logo2 h1 .replacement { right:0; top:0; height:47px; width:152px; background:url(../pix/kbprojekt_mini.gif) no-repeat; }


#header { margin:width:876px; }
.main { height:137px; background:url(../pix/header-bg-main.gif) repeat-x;}
.site { height:173px; background:url(../pix/header-bg-site.gif) repeat-x;}

#mainMenu { clear:both; float:left; font-size:14px; }
#mainMenu ul { list-style: none; margin: 0px; padding: 0px;}
#mainMenu li { float:left; margin: 0px; padding: 0px;}
#mainMenu a { padding:11px 27px 9px 30px; float:left; background:url(../pix/mainmenu-spot.gif) no-repeat left 18px; color:#6d7170;}
#mainMenu .home a { background:none; }
#mainMenu a:hover { text-decoration:underline; color:#f58800;}

#contextMenu { float:left; font-size:12px; font-weight:bold; width:741px;}
#contextMenu ul { margin: 0px; padding: 0px; padding-top:88px; float:right; list-style: none; }
#contextMenu li { float:left; }
#contextMenu a { padding:12px 14px 12px 14px; float:left; background:#f58800; color:#fff; border-left:1px solid #fff;}
#contextMenu .first a { background:#f58800 url(../pix/contextmenu-first.gif) no-repeat; }
#contextMenu .first a:hover { background:#f0f0f0 url(../pix/contextmenu-first-hover.gif) no-repeat; }
#contextMenu a:hover { background:#f0f0f0; color:#f58800; text-decoration:none;}

#content { clear:both; width:856px; background:#e7e7e5; padding:10px; }

/*
#content h1 { clear:both; font-size: 20px; }
#content h2 { clear:both; font-size: 12px; font-weight: normal; margin-top: 10px; margin-bottom: 30px;}
*/

h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }

#content h1 { margin-bottom: 10px; }

#doc_body { clear:both; font-size: 12px; font-weight: normal;  margin-bottom: 30px; font-family: Arial, sans-serif;}
#doc_body p { padding-bottom: 10px; }

#search { background:#b3b3b3 url(../pix/search-head.gif) no-repeat;}
#search h2 {color:#fff; font-size:14px; padding:12px 40px;}
#search .foot { clear:both; background:url(../pix/search-foot.gif) no-repeat bottom; display:block; height:7px; }

#form { width:797px; height:53px; background:url(../pix/search-fileds.jpg) no-repeat; margin:0 auto; padding-top:8px}
#form table { border-spacing:0; border-collapse:collapse; margin-left:30px;}
#form td { padding: 1px 10px; font-weight:bold; color:#fff;}
#form select { width:200px; font-size:11px;}
#form input { width:200px; border:1px solid #cfcfcf; }
#form input.btn { width:53px; height:24px; background:url(../pix/search-btn.gif) no-repeat; border:0; cursor:pointer;}

#links { width:797px; margin:25px auto 18px auto;}
#links h3 {color:#fff; background:url(../pix/search-header.gif) no-repeat; padding: 7px 15px 8px 40px; text-align:right;}

#links ul { list-style: none; margin: 0px; padding: 0px;}
#links li { margin: 0px; padding: 0px;}

#links ul {text-align:right; padding-top:10px;}
#links li {padding-right:15px;}

#links a {color:#fff;}
#links a:hover {text-decoration:underline; }
#links .more a {color:#fff; font-weight:bold; text-decoration:underline; }
#links .more a:hover {color:#f58800; }
#links .links { width:200px; padding:0 33px 0 32px; float:left;}
#links select { width:200px; font-size: 10px; height: 120px; float:left; background: #B3B3B3; border: #B3B3B3 1px solid ;}
#links option { color: white; font-size: 10px;}

#products { }
#products ul { list-style: none; margin: 0px; padding: 0px;}
#products li { float:left; margin: 0px; padding: 0px;}

#products  .results { border-bottom:1px solid #d7d7d6; float:left; width:856px; padding-top:20px; }
#products  .title { float:left; font-size:14px; padding-left:5px; }
#products  .number { float:right;  padding-right:5px; }
#products  .searched { color:#f58800; font-weight:bold; }
#prodList { border-bottom:1px solid #d7d7d6; }
.prod { float:left; margin-bottom: 20px; padding-top:20px; }
.prod h3 { font-size: 13px;}
.prod .foto { border:1px solid #d7d7d6; width:108px; float:left; }
.prod .opis { width:142px; float:left; font-size:11px; padding: 0 20px 0 10px;}
.pagination  { font-size:10px; }
.pagination p { padding:10px 0 0 0; margin:0; text-align:right; }
#products .pagination a { border:1px solid #b3b3b3; text-decoration:none; padding:2px 6px; background:#b3b3b3; color:#fff; }
#products .pagination .current a { border:1px solid #f58800; color:#fff; background:#f58800;}
#products .pagination a:hover { background:#f0f0f1; border:1px solid #f0f0f1; color:#f58800; text-decoration:none; }

#promo { clear:both; width:876px; }
#promo h2  { position:relative; overflow:hidden; float:left; height:96px;}
#promo  h2 .replacement { left:0; top:0; height:96px;}
#promo .promo1  { width:295px; }
#promo  .promo1 .replacement { width:295px; background:url(../pix/promo-1.gif) no-repeat; }
#promo .promo2  { width:286px; }
#promo  .promo2 .replacement { width:286px; background:url(../pix/promo-2.gif) no-repeat; }
#promo .promo3  { width:295px; }
#promo  .promo3 .replacement { width:295px; background:url(../pix/promo-3.gif) no-repeat; }

#footer { clear:both; width:900px; background:#f0f0f1 url(../pix/footer-bg.jpg) no-repeat;}
#footer p {font-size:11px; color:#b4b4b4; padding:50px 0 20px 0; text-align:center; color:#ababab;}
/* ----------- PL ------------ */

div#sciezka { clear:both; float:left; font-size:10px; position: relative; top: -10px;}
#sciezka ul { padding: 0px; margin: 0px; }
#sciezka li { list-style: none; float:left; margin: 0px; padding: 0px;  }
#sciezka a { padding:1px 12px 0px 6px; float:left; background:url(../pix/mainmenu-spot.gif) no-repeat left 6px; color:#6d7170;}
#sciezka .home a { background:none; }
#sciezka a:hover { text-decoration:underline; color:#f58800;}

#wydruk { float: right; font-size: 10px; }

div#doc_gallery
{
 display: block;
 s_text-align: center;
 s_width: 850px;
}

div#doc_gallery img
{
 border: none;
 margin: 3px;
}

.opis_img
{
 color: white;
 text-decoration: none;
 font-weight: bold;
 position: absolute;
 padding: 3px;
 background: black;
 display: block;
 width: 100%;
 filter:alpha(opacity=40);
 -moz-opacity:.40;
  opacity:.40;
}

.opis_img_pub
{
 color: #666;
 font-weight: bold;
 margin-bottom: 3px;
}

#doc_comment    { margin-left: 10px; }
#doc_comment ul { padding: 0px; margin-left: 10px; margin-top: 0px;} 
#doc_comment li { list-style: circle; float:left; margin: 0px; padding: 0px;  }
#doc_comment a  { padding:11px 7px 9px 10px; background: url(../pix/mainmenu-spot.gif) no-repeat left 18px; color:#6d7170;}
.nowosc { display: block; background: orange; color: white; font-weight: bold; padding: 2px; position: absolute;  float: left; z-index: 10;}

.foto {border: #c0c0c0 5px solid; background: white; overflow: hidden; width: 100px; height: 95px; position: relative;  padding-top: 5px;}
.foto img { height: 90px;}

/* 
.gal_obramowanie { border: #f0f0f0 5px solid; background:#f0f0f0; overflow: hidden;  position: relative; }
*/
.gal_obramowanie { border: #f0f0f0 5px solid; background:#f0f0f0; overflow: hidden;  position: relative; }
.gal_obramowanie img{ border: none; position: center; top: -20px; }

.gal_obramowanie_pr { border: #f0f0f0 5px solid; background:#f0f0f0;   margin: 3px;}
.gal_obramowanie_pr img{ border: none; position: center;   }

#promocja_home
{
 margin-top: 1px;
 padding: 10px;
 border: #c0c0c0 2px solid; 
 background:#f0f0f0;
}

#promocja_kat {
 margin-top: 5px;
 padding: 10px;
 padding-top: 15px;
 border: #c0c0c0 2px solid; 
 background:#fff;
}

.ramka1 { border: #000 1px solid; }
.ramka2 { border: #000 2px solid; }
.ramka3 { border: #000 3px solid; }
.ramka4 { border: #000 4px solid; }
.ramka5 { border: #000 5px solid; }


.ramkab1 { border: #fff 1px solid; }
.ramkab2 { border: #fff 2px solid; }
.ramkab3 { border: #fff 3px solid; }
.ramkab4 { border: #fff 4px solid; }
.ramkab5 { border: #fff 5px solid; }