/* BASE /////////////////////////////////////////////////////////////////////////////////// */
* { margin: 0; padding: 0; }
body { color: #000; font: 11px Tahoma, Helvetica,Verdana, Arial ; line-height: 18px; background: #FFF url('../gfx/bg.gif') 0 0 repeat-x; } 
#sub {  background: #FFF url('../gfx/bg3.gif') 0 0 repeat-x !important; }

a { text-decoration: none; color: #dc1500; }
a img {border: none;}
a:link, a:visited {color: #dc1500; text-decoration: none;}
html body a:hover {text-decoration: underline; }

p { padding:  5px 0 10px 0; font-size: 11px; }
h1 { 	color: #FFF; padding:  10px 0 5px 0; font-size: 13px}
h2 { 	color: #571f0e; padding:  10px 0 5px 0; font-size: 12px}
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 20px; list-style-type: none; background: url('../gfx/li.gif') 0px 2px no-repeat; }

/* Formularze  /////////////////////////////////////////////////////////////////////////////////// */
input,textarea,select { color: #000; vertical-align: middle; font-size: 11px; padding: 0; margin: 0; }
textarea, input.text, select { border: 1px solid #CCC; background-color: #FFF; width: 110px;  padding: 1px 4px; }
textarea { height: 90px; }
select {  padding: 0; }
input.text { background-color: #fdfdfd; color: #000; border: 1px solid  #fdfdfd;  }
input.button { border: 1px solid #f06c00; background-color:#f06c00;	font-weight: bold; padding: 2px 5px; color: #FFF; cursor: pointer; width: auto; overflow: visible; }
input.light { background-color:#cccccc; }

/* 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') right center no-repeat; padding: 0 20px 0 0; margin: 0; font-weight: bold; }
.fl { float: left }
.fr { float: right }
.l_img { float: left; margin: 0 25px 10px 0; border: 1px solid #e7e7e7;}
.r_img { float: right; margin: 0 0 10px 25px; border: 1px solid #e7e7e7; }
.c_img { text-align: center; margin: 0 25px 10px 25px; border: 1px solid #e7e7e7;}
.separate { background: url('../gfx/d.gif') 0 7px repeat-x;  height: 14px; }
/* USABILITY /////////////////////////////////////////////////////////////////////////////////// */
.skiplink { position: absolute; left: 0px; top: -500px; overflow: hidden; }

/* Format strony  /////////////////////////////////////////////////////////////////////////////////// */
.container { width: 100%; }
.content { width: 940px; margin: 0 auto; }
#mainPage .container { height: 399px; }
#header { height: 95px; }
#bottom { background: #f9f9f9 url('../gfx/bot.gif') left top repeat-x;  }
#sub #bottom { background: url('../gfx/bg_cont.gif') center top repeat-y;  }
#bottom .content { width: 940px; margin: 0 auto; padding-bottom: 20px; }
.inside { background: url('../gfx/sep.gif') 400px 30px repeat-y;  }
.mod { width: 50%; float: left;  }
#page { width: 666px; float: left; }
#gfx { padding: 0 0 0 30px; width:  }

/* FOOTER  /////////////////////////////////////////////////////////////////////////////////// */
#footer { background: url('../gfx/footer.gif') right top repeat-x;}
#footer .content { width: 900px; margin: 0 auto; padding: 20px 0; }
#budowlany  { float: right; padding: 5px 0 0 0; }
#budowlany a { color: #9ba2a5; }

#smallMenu { float: right;  background: #FFF url('../gfx/sm.gif') 0 0 repeat-x; border: 1px solid #e7e7e7; margin: 0 0 20px 30px;}
#smallMenu ul { margin: 5px 14px; padding: 0; }
#smallMenu li { margin: 0; padding: 1px 0 0 0; background-image: none; }
#smallMenu ul li a {  display:block; padding: 9px 5px 9px 24px; text-decoration:none;	}
#smallMenu ul li a:hover { color: #000;}
.product a { background: url('../gfx/ik_katalog.gif') 0 9px no-repeat; }
.prices a { background: url('../gfx/ik_cennik.gif') 0 11px no-repeat; }
/* LOGO ///////////////////////////////////////////////////////////////*/
#logo { float: left; }
#logo a { width: 307px; height: 95px; display: block; background: url(../gfx/grambet.gif) left top no-repeat; }
#logo a span { display:none; }

#header .fr { float: right; width: 633px;}

#menuTop { clear: both; height: 43px;  width: 633px;}
#menuTop ul { margin: 0; padding: 0; float: right; }
#menuTop li { list-style-type:none; float: left; margin: 0; padding: 0; background-image: none; }
#menuTop a { display:block; height: 43px; background-position: 0 0; background-repeat: no-repeat; }
#menuTop a span { display: none; }
#menuTop a#item_home { background-image: url('../gfx/b_1.gif'); width: 53px; }
#menuTop a#item_zestawienie_produktow{ background-image: url('../gfx/b_2.gif'); width: 135px; }
#menuTop a#item_o_firmie{ background-image: url('../gfx/b_3.gif'); width: 59px; }
#menuTop a#item_oferta{ background-image: url('../gfx/b_4.gif'); width: 53px; }
#menuTop a#item_promocje{ background-image: url('../gfx/b_5.gif');  width: 67px;}
#menuTop a#item_autoryzowani_instalatorzy{ background-image: url('../gfx/b_6.gif'); width: 154px; }
#menuTop a#item_zapytanie{ background-image: url('../gfx/b_8.gif'); width: 90px; }
#menuTop a#item_kontakt{ background-image: url('../gfx/b_7.gif'); width: 65px; }
#menuTop a:hover,
#menuTop a.selected { background-position: 0 -43px; }


#links { float: right; padding: 16px 12px 0 0; margin: 0; width: 70px;  }
#links a img { vertical-align: middle; }
#links a { border: 1px solid #535353; margin: 0 3px; padding: 1px; display: block; float: right; font-size: 10px; line-height: 10px; }
#links a:hover { border: 1px solid #a5a5a5; }

#search { float: right; padding: 14px 10px 0 0; height: 33px; }
#search .text { width: 130px; margin-right: 5px;}
#search select { width: 115px; margin-right: 5px; }
#search .button { padding: 0px 2px; }
/* TABELE  ///////////////////////////////////////////////////////////////////////////////////  */
table { font-size: 11px;  }
.info { margin-top: 10px; margin-bottom: 10px; border-collapse: collapse; color: #000; border: 1px solid #d6d6d6; }
.info td { padding: 5px 8px; border: 1px solid #c0c0c0; 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: #e2e2e2;	padding: 2px 8px 2px 8px; color: #000; text-align: center; border: 1px solid #c0c0c0; }
td.first { font-weight: bold; }
.line0 td { background-color: #f6f6f6; }

/*  MENU - SIDE /////////////////////////////////////////////////////////////////////////////////// */
#menu { width: 267px; background: url(../gfx/menu_bg.gif) left top repeat-x; float: left;  }
#menu ul { margin: 44px 0 0 55px; padding:0; list-style-image: none;  background: url(../gfx/l2.gif) left bottom repeat-x;} 
#menu ul li { list-style:none; background: none; margin:0; padding:2px 0; background: url(../gfx/l2.gif) left top repeat-x; }
* html #menu ul li { height:1px; vertical-align:bottom; }
#menu ul li a { background: url(../gfx/m1.gif) 2px 9px no-repeat; display:block; font-size: 11px;  padding: 8px 5px 7px 28px;
  text-decoration:none;	color:#000; }
#menu ul li a:hover { text-decoration: underline;  background: url(../gfx/m1.gif) 2px -91px no-repeat; }
#menu ul li.selected a { background: url(../gfx/m1.gif) 2px -91px no-repeat;  color: #000; font-weight: bold;  }
* html #menu ul li a { height:1px; }



/* 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; }


.imageDetails{
    width:600px;
}

.imageDescription{
    float:left;
    width:450px;
    margin-top:20px;
    font-align:justify;
}


.imagePrice{
    width:100px;
    float:right;
    color:#ec5200;
    font-weight:bold;
    
}

.imagePhoto{
    margin-top:10px;
    float:right;
    border:1px solid #a0a0a0;
}

.linia{
    width:80%;
    height:1px;
    background:#a0a0a0;
}

.imageListPhoto{
    float:left;
    width:100px;
    padding:3px 3px 3px 3px;
}

.imageListDescription{
    float:left;
    width:400px;
    padding-left:10px;
    padding-top:10px;
}

.imageListDescription p{
    float:left;
    padding-top:10px;
    color:#ec5200;
    font-weight:bold;
}

.zestawienie{
    border-bottom:1px dotted #a0a0a0;
    overflow:auto;
    width:100%;
    height:40px;
}

#schowek{
  position: relative;
  text-align: left;
  cursor: pointer;
  padding-left: 30px;
  padding-right: 30px;
  
}