/* BASE /////////////////////////////////////////////////////////////////////////////////// */
* { margin: 0; padding: 0; }
body { color: #000; font: 11px Tahoma, Helvetica,Verdana, Arial ; line-height: 16px; background: #FFF url('../gfx/bg.gif') 0 0 repeat-x; } 
.sub { background: #FFF url('../gfx/bg_sub.gif') 0 0 repeat-x; }
a { text-decoration: none; color: #db1116; }
a img {border: none;}
a:link, a:visited {color: #db1116; text-decoration: none;}
html body a:hover {text-decoration: underline; }

p { padding:  5px 0 15px 0; font-size: 11px; }
h1 { 	color: #e1181e; padding:  20px 0 10px 0; font-size: 18px}
h2 { 	color: #000; padding:  10px 0 5px 0; margin-top: 10px; font-size: 12px; background: url('../gfx/dot.gif') 0 0 repeat-x;}
h3 { 	color: #ffb61a; padding:  5px 0 5px 0; font-size: 11px; }
h4 { 	color: #9a9a9a; padding:  15px 0 5px 0; font-size: 11px; }

ul,li,form,input { font: 11px Tahoma, Helvetica,Verdana, Arial ;}

/* Listy  ///////////////////////////////////////////////////////////////////////////////////  */
ul { margin: 5px 0px; line-height: 15px; }
li { padding: 0 0 5px 15px; list-style-type: none; background: url('../gfx/li.gif') 0px 4px no-repeat; }

ul.vertical { margin: 0 0 10px 0; }
ul.vertical li { float: left; padding-right: 10px;  }

/* Formularze  /////////////////////////////////////////////////////////////////////////////////// */
form,input,textarea,select { color: #000; vertical-align: middle; font-size: 11px;  }
textarea,input.text { padding: 2px; width: 170px;  background: #FFF url('../gfx/input.gif') 0 0 no-repeat; border: 1px solid #a7a8a7; color: #000; }
textarea { height: 90px; }
select { width: 170px;background-color: #FFF; border: 1px solid #a7a8a7;  color: #000;  }
input.button { border: 1px dotted #5c2212; border-left: 1px solid #f9b24f; border-top: 1px solid #f9b24f; background-color:#571f0e;	font-size: 11px; font-weight: bold; padding: 2px 5px; margin: 0; color: #FFF; cursor: pointer; width: auto; overflow: visible; }
input.light { background-color:#af681f; }



/* Ogólne  ///////////////////////////////////////////////////////////////////////////////////  */
.clearing { clear: both; line-height: 0.1%; font-size: 0.1%; }
p.more {  padding: 0; margin: 0 }
p.more a { background: url('../gfx/more.gif') 0 3px no-repeat; padding: 0 0 0 14px; margin: 0; }
.fl { float: left }
.fr { float: right }
.l_img {  display: block; float: left; margin: 3px 15px 10px 0; border: 1px solid #adb0af; padding: 3px;}
.r_img { float: right; margin: 0 0 10px 15px; border: 1px solid #adb0af; padding: 3px;  }
.c_img { text-align: center; margin: 0 15px 10px 15px; }
.logo_img { float: right; margin: 0 0 10px 15px;   }
.sep { background: url('../gfx/dot.gif') left top repeat-x; height: 1px; line-height: 1px; font-size: 1px; }

/* Format strony  /////////////////////////////////////////////////////////////////////////////////// */
#container { width: 883px; left: 50%; margin-left: -441px; position:absolute; }
#header { background: url(../gfx/sf.gif) center bottom repeat-y; height: 147px; } 
#content { background: url(../gfx/cont.gif) 0 0 repeat-y; padding: 0 15px; } 
#page { width:629px; float: left;  margin-left: 30px; padding-bottom: 30px; }

#leftCol { width: 321px; float: left;}
.mainPage #page { width: 502px; }
.mainPage #content {  padding: 14px 15px;}
.smallMod { background: url('../gfx/dot.gif') left top repeat-x; padding: 10px 0; float: left; width: 50%; }
.smallMod p { float: left; width: 168px; padding: 0; font-size: 9px;  line-height: 13px; color: #6b6d6c; }
.smallMod img.l_img { margin: 0 10px 0 0; padding: 0; }



#mod { background: #f60000 url('../gfx/mod_bg.gif') right top repeat-x; }
#mod img { float: left; margin: 10px 10px 10px 17px; border: 1px solid #7c0102; padding: 3px; background-color: #FFF; } 
#mod p { padding-right: 5px; line-height: 14px;}
#mod p a { color: #FFF; }
#mod h3 { padding-top: 8px; }


/* FOOTER  /////////////////////////////////////////////////////////////////////////////////// */
#footer { background: url('../gfx/foot.gif') right top repeat-x;  height: 138px; color: #333;}
#footer p { padding: 5px; }
#footer div {background: url('../gfx/foo_corn.gif') 0 0 no-repeat; padding: 10px; }
#budowlany  { float: right; color: #666; padding: 15px 0 0 0; }
#budowlany a { font-weight: bold; color: #075F07; }
#budowlany a span {  color: #CD0D0E; }
/*  LOCALISER  /////////////////////////////////////////////////////////////////////////////////// */
#localiser { font-size: 9px; line-height: 14px;  margin: 4px 0 15px 0; padding-bottom: 7px; background: url(../gfx/dot.gif) left bottom repeat-x; }
#localiser a { font-weight: normal; color: #9da3a0; padding: 0 6px; background: url('../gfx/loc.gif') right center no-repeat; display: inline; }

/* TABELE  ///////////////////////////////////////////////////////////////////////////////////  */
table { font-size: 11px;  }
.info { margin-top: 10px; margin-bottom: 10px; border-collapse: collapse; color: #000; border: 1px dotted #ffb61a; }
.info td { padding: 5px 8px; border: 1px dotted #ffb61a; border-collapse: collapse; vertical-align: middle; text-align: left; }
.info .td_nobd { background-image: none; }
.buttons td { text-align: center; padding-top: 12px; padding-bottom: 12px; background-image: none; }
.info th { font-weight: normal; background-color: #ffb61a;	padding: 2px 8px 2px 8px; color: #571f0e; text-align: center; border-color: #de8e1f; }
td.first { font-weight: bold; }
.line0 td { background: #F0F0F0; }

.produkty td { padding: 0 5px; color: #5a5a5a; text-align:center; }
.produkty img { border: 1px solid #CCC; }
.produkty .images td { padding: 10px 5px 3px 5px ; color: #5a5a5a; text-align:center; }

/*MENUTOP  ///////////////////////////////////////////////////////////////////////////////////  */
#menuTop { }
#menuTop ul { margin: 0; padding: 0; }
#menuTop li { list-style-type:none; float: left; margin: 0; padding: 0; height: 33px; background-image: none;}
#menuTop a { display:block; background-position: 0 9px; background-repeat: no-repeat; border-bottom: 3px solid #6b6d6c; height: 33px; }
* > #menuTop a  { height: 30px; }
#menuTop a span { display: none; }
#menuTop a#item_home { background-image: url('../gfx/b_1.gif'); width: 80px; }
#menuTop a#item_oferta { background-image: url('../gfx/b_2.gif'); width: 78px; }
#menuTop a#item_ofirmie{ background-image: url('../gfx/b_3.gif'); width: 87px; }
#menuTop a#item_promocje{ background-image: url('../gfx/b_4.gif'); width: 95px; }
#menuTop a#item_cennik{ background-image: url('../gfx/b_5a.gif');  width: 89px;}
#menuTop a#item_kontakt{ background-image: url('../gfx/b_6.gif'); width: 89px; }
#menuTop a:hover { border-bottom: 3px solid #000; }
#menuTop a.selected { border-bottom: 3px solid #FFF; }
		  
/*  MENU - SIDE /////////////////////////////////////////////////////////////////////////////////// */
#menu { width: 194px; background: url(../gfx/dot.gif) 0 24px repeat-x; float: left; padding-top: 26px;}
#menu ul { margin: 0 0 12px 0; padding:0 0 16px 0; list-style-image: none; background: url(../gfx/bot.gif) left bottom no-repeat;  } 
#menu ul li { list-style:none; background: none; margin:0; padding:0 0 1px 0; }
* html #menu ul li { height:1px; vertical-align:bottom; }
#menu ul li a { background: #e6e6e6 url(../gfx/li.gif) 7px 8px no-repeat; display:block; font-size: 11px; padding: 4px 5px 5px 20px;
  text-decoration:none;	color:#000;  }
#menu ul li a:hover, #menu ul li.selected a { background-color: #df151b; color: #FFF; background-position: 7 -152px;  }
* html #menu ul li a { height:1px; }
#menu ul ul { margin:	0 0 0 0; padding:0; background-image: none; }
* html #menu ul ul li { height:1px; vertical-align:bottom; }
#menu ul ul li a { font-size: 9px; background-color: #f1f1f1; background-image: none; padding: 4px 5px 4px 20px; }
#menu ul ul li.selected a{  }
* html #menu ul ul li a { height:		1px; }

#find { margin-bottom: 10px; }
#find form { padding: 0 11px 0px 11px; background-color: #e6e6e6;}
#find label { font-weight: bold; padding: 4px 0 3px 1px; display: block;}
#find form { background: #e6e6e6 url(../gfx/find_bot.gif) left bottom no-repeat; }
#find div { text-align: right; padding: 14px 3px 0 0; }
#find input.button { background: url(../gfx/search.gif) 0 0 no-repeat; width: 98px; height: 24px; border: none; }

#search { float: right; margin-top: 5px; }

#search .text { width: 130px; border: 1px solid #a20001; vertical-align: middle; height: 17px; }
#search .button { border: none; width: 54px; height: 15px; line-height: 12px; background: url('../gfx/szukaj.gif') 0 0 no-repeat; cursor: hand; vertical-align: middle; }
/* to dla ff itd bo nie mozna usunac marginesu inputa w ie */ 
* > #search .button { margin-top: 3px; }

/* USABILITY /////////////////////////////////////////////////////////////////////////////////// */
.skiplink { position: absolute; left: 0px; top: -500px; overflow: hidden; }

/* PRINT  RECOMMEND TOP BACK ///////////////////////////////////////////////////////////////*/
#nav_bot { margin: 0; padding: 10px 0; background: url(../gfx/cont_bot.gif) 0px 0 no-repeat; }
#nav_bot a { display: block; font-size: 9px; float: right; color: #8a8a8a; font-weight: normal; text-decoration: none; padding: 7px 10px 8px 20px; margin-left: 20px; }
#nav_bot a:hover { text-decoration: underline; }
.totop {  background: url(../gfx/top.gif) 0 7px no-repeat; } 
.print {  background: url(../gfx/print.gif) 0 7px  no-repeat; }
.recommend { background: url(../gfx/recommend.gif) 0 7px no-repeat; }
.back { background: url(../gfx/back.gif) 0 7px no-repeat; }

/* AKTUALNOSCI /////////////////////////////////////////////////////////////////////////////////// */
.pages, .paginate { border-top: 1px solid #CCCCCC; padding: 10px 5px 10px 0; margin-top: 10px; }
.pages a, .paginate a { background-color: #fd5d04; padding: 1px 4px; color: #FFF; } 
.pages a.boldlink, .paginate a.boldlink { background-color: #666; padding: 1px 4px; color: #FFF; }
.pages a.prevnext, .paginate a.prevnext { background-color: #fff; padding: 0px; color: #fd5d04; }
.pages a.prevnext img, .paginate a.prevnext img { vertical-align: middle; }



/*   GALERIA */
.spacja {
    width:100%;
    height:1px;
    border-bottom:1px dotted #a0a0a0;
    margin-top:5px;
    margin-bottom:5px;
}

.imageDetails {

}

.imageDescription {
    text-align:justify;
}

.wzorniki_wykladzin {

}

.wzornik {

    width:110px;
    height:110px;
    text-align:center;

    padding:0px 0 25px 0;
    margin-right:10px;
    float:left;
    
}

.wzornik p{
    padding: 0;
    margin:0;
    color:#5a5a5a;
}

.wzornik a img {
    border:1px solid #a0a0a0;
}
h5 { color: #000; padding:  5px 0 15px 0; font-size: 11px; }

.imageimg { vertical-align: middle; margin: 0 20px 10px 0; float: left; }
.imagegal span { display: block; float: left; width: 400px; padding: 10px 0 0 0; }
.img_cat{float:left;margin:2px;padding:2px;border:1px solid #cfcfcf}