/* BASE /////////////////////////////////////////////////////////////////////////////////// */
* { margin: 0; padding: 0; }
body { color: #666; font: 11px Tahoma, Helvetica,Verdana, Arial ; line-height: 16px; background: #FFF url('../gfx/bg_1.gif') 0 0 no-repeat; } 
body#productPage, body#productMainPage , body#productWidePage { background: #FFF url('../gfx/bg_2.gif') 0 0 no-repeat; }
body#normalPage { background: #FFF url('../gfx/bg_3.gif') 0 0 no-repeat; }
body#realisationManePage { background: #FFF url('../gfx/bg_4.gif') 0 0 no-repeat; }

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

p { padding:  5px 0 10px 0; font-size: 11px; }
h1 { 	color: #000; padding:  10px 0 5px 0; font-size: 13px}
h2 { 	color: #666; padding:  10px 0 5px 0; font-size: 12px}
h3 { 	color: #333; padding:  5px 0 5px 0; font-size: 11px; }
h4 { 	color: #00923f; padding:  15px 0 0 0; font-size: 12px; }
.szczegoly { color: #333; padding:  0 0 10px 0; font-size: 11px; font-weight: bold;}

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

/* Listy  ///////////////////////////////////////////////////////////////////////////////////  */
ul { margin: 5px 0px; padding: 0; line-height: 14px; }
li { margin: 0; padding: 1px 0 3px 12px; list-style-type: none; background: url('../gfx/li.gif') left  center no-repeat; }


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

/* SEARCH ///////////////////////////////////////////////////////////////////////////////////////////*/
#search { float: left; padding: 0 0 0 16px; }
#search .button { border: none; width: 22px; height: 21px; background: #FFF url('../gfx/search.gif') 0 0 no-repeat; cursor: hand; }
#search .text { width: 140px; }
.language {  padding: 14px 0 32px 16px; }
.language a { float: left; width: 16px; height: 12px; border: 1px solid #CCC; margin-right: 10px; padding: 1px; background-position: center center; background-repeat: no-repeat;}
.language a:hover { border-color: #999;}
.language a span { display: none; }
.language a.eng { background-image: url('../gfx/f_1.gif'); }
.language a.de { background-image: url('../gfx/f_2.gif'); }


.nav {float: left; height: 86px;}

/* Ogólne  ///////////////////////////////////////////////////////////////////////////////////  */
.clearing { clear: both; line-height: 0.1%; font-size: 0.1%; }
p.more { float: right; 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 { float: left; margin: 0 15px 10px 0; }
.r_img { float: right; margin: 0 0 10px 15px; }
.c_img { text-align: center; margin: 0 15px 10px 15px; }
.separate { background: url('../gfx/d.gif') 0 7px repeat-x;  height: 14px; }

/* Format strony  /////////////////////////////////////////////////////////////////////////////////// */
.container { width: 977px; }
#content { width: 977px; } 
#lCol { width: 482px; float: left; }
#rCol { width: 495px; float: left; }

#mainPage #rCol { padding-top: 34px; }

#productPage #lCol { width: 402px; float: left; }
#productPage #rCol { width: 370px; float: left; }

#productWidePage #lCol { width: 310px; float: left; }
#productWidePage #rCol { width: 462px; float: left; }

#normalPage #lCol { width: 310px; float: left; }
#normalPage #rCol { width: 667px; float: left; }

#productMainPage #lCol { width: 772px; float: left; }
#realisationManePage #lCol { width: 977px; float: left; }

#photoFlash { width: 117px; float: left;}
#allNews { width: 378px; float: left; }

/* FOOTER  /////////////////////////////////////////////////////////////////////////////////// */
#footer { background: url('../gfx/footer.gif') 390px 0 no-repeat; padding: 19px 0 0 16px;}
#footer #links { float: right; width: 240px; }
#footer a#strefa { background: url('../gfx/dot.gif') 0 0 no-repeat; padding: 0 24px 10px 18px; line-height: 20px;  }
#footer a#logout { background: url('../gfx/dot2.gif') 0 0 no-repeat; padding: 0 0 10px 18px; line-height: 20px; color: #999999; }
#footer span,#footer span a { color: #ccc; }
#footer #opinion { float: right; width: 269px;  }
#footer #opinion a { background: url('../gfx/opinion.gif') 0 0 no-repeat; padding: 0 24px 10px 24px; line-height: 20px;  }

/*  LOCALISER  /////////////////////////////////////////////////////////////////////////////////// */
#localiser { font-size: 9px; line-height: 14px; margin: 20px 0 10px 0; padding-bottom: 7px; height: 33px;}
#localiser a { font-weight: normal; color: #bababa; padding: 0 6px; background: url('../gfx/loc.gif') right center no-repeat; display: inline; }
#localiser a#home { padding-left: 1px; }

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

table { font-size: 9px; }
.produkt { margin-top: 30px; margin-bottom: 5px; border-collapse: collapse; color: #000; float: center; }
.produkt td { padding: 5px 8px;  border-collapse: collapse; vertical-align: middle; text-align: center; }
.produkt .td_nobd { background-image: none; }
.produkt th { font-weight: normal; background-color: #e2e2e2;	padding: 2px 8px 2px 8px; color: #000; text-align: center; }


/*MENUTOP  ///////////////////////////////////////////////////////////////////////////////////  */
.lakiery { width: 16px; height: 86px; float: left; }
.oleje { width: 1px; height: 86px; float: left; background: url('../gfx/menu_sep.gif') 0 0 no-repeat;}
#menuTop { height: 86px; overflow:hidden; }
#menuTop ul { margin: 0; padding: 0; float: left; background: url('../gfx/menu_bg.gif') 0 0 repeat-x; }
#menuTop li { list-style-type:none; float: left; padding: 0 1px 0 2px; background: url('../gfx/menu_sep.gif') 0 0 no-repeat;}
#menuTop li a { display:block; height: 86px; background-position: 0 0; background-repeat: no-repeat; }
#menuTop li a span { display: none; }
#menuTop ul a#item_home { background-image: url('../gfx/b_1.gif'); width: 56px; }
#menuTop ul a#item_firma { background-image: url('../gfx/b_2.gif'); width: 53px; }
#menuTop ul a#item_produkty{ background-image: url('../gfx/b_3.gif'); width: 77px; }
#menuTop ul a#item_Porady{ background-image: url('../gfx/b_4.gif'); width: 63px; }
#menuTop ul a#item_realizacje{ background-image: url('../gfx/b_5.gif'); width: 83px; }
#menuTop ul a#item_kontakt{ background-image: url('../gfx/b_6.gif'); width: 68px; }
#menuTop ul a#item_kacikarchitekta{ background-image: url('../gfx/b_7.gif'); width: 124px; }
#menuTop ul a#item_gdzie_kupic { background-image: url('../gfx/b_gdzie_kupic.gif'); width: 95px; }

#menuTop ul a:hover,
#menuTop ul a.selected { background-position: 0 -86px; background-color: #00923f; }


/* LOGO ///////////////////////////////////////////////////////////////*/
#logo { width: 134px; height: 86px; float: right; }
#logo a { width: 134px; height: 86px; display: block; background: url(../gfx/osmo.gif) left top no-repeat; }
#logo a span { display: none; }
/*  MENU - SIDE /////////////////////////////////////////////////////////////////////////////////// */
#menu { width: 205px; float: left; padding-top: 82px;}
#menu ul { margin: 0 8px; padding: 0 0 12px 0; list-style-image: none; width: 189px; background: url(../gfx/d.gif) left bottom repeat-x; } 
#menu ul li { list-style:none; background-image: none; margin:0; padding: 0; }
* html #menu ul li { height:1px; vertical-align:bottom; }
#menu ul li a { background-color: #f1f1f1; display:block; font-size: 11px; font-weight: normal; padding: 4px 2px 6px 7px;
  text-decoration:none;	color:#666; line-height: 11px;}
#menu ul li a:hover { text-decoration: underline }
#menu ul li.selected a { color:		#000; }
* html #menu ul li a { height:1px; }
#menu ul ul { margin:	0;padding: 0; background-image: none; }
#menu ul ul li { list-style:none; margin:0; padding: 0; }
* html #menu ul ul li { height:1px; vertical-align:bottom; }
#menu ul ul li a { border-bottom: 1px solid #f1f1f1; background-color: #FFF; }
* html #menu ul ul li a { height:		1px; }
#menu ul ul ul { border-bottom: 1px solid #f1f1f1; }
#menu ul ul ul li { list-style:none; margin:0; padding:1px 0; }
* html #menu ul ul ul li { height:1px; vertical-align:bottom; }
#menu ul ul ul li a { border: none; background: #FFF url(../gfx/arrow.gif) 5px 4px no-repeat; font-size: 9px; padding: 1px 2px 2px 18px; }
* html #menu ul ul ul li a { height:		1px; }
#menu ul ul ul li.selected a { color: #00923f; background-position: 5px -42px;}

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


/* AKTUALNOSCI GLOWNA   /////////////////////////////////////////////////////////////////////////////////// */
.news { height: 127px; }
.news .image { width: 89px; height: 88px; background-position: 8px 7px; background-repeat: no-repeat; }
.news h1,.news a  { padding: 5px 0 0 0; font-size: 11px; color: #666; }
.news p { background: url(../gfx/li.gif) left bottom no-repeat }

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

/* PRINT  RECOMMEND TOP BACK ///////////////////////////////////////////////////////////////*/
#nav_bot { text-align: right; }
#nav_bot a { display: block; float: right; height: 38px; margin-left: 12px; }
#nav_bot a span { display: none; }
.print {  background: url(../gfx/print.gif) 0 3px  no-repeat; width: 111px;  }
.recommend { background: url(../gfx/recommend.gif) 0 3px no-repeat; width: 108px; }


.links { padding: 10px 0 0 25px; }
#productPage .links, #productMainPage .links, #productWidePage .links { padding: 10px 0 0 8px; }
.links p { width: 50%; float: left; }
#productPage .links p, #productMainPage  .links p, #productWidePage .links p { width: 100%; float: none; }
.links p a { margin-left: 55px; display: block; font-size: 12px; color: #666; }
#productPage .links p a, #productMainPage .links p a, #productWidePage .links p a { font-size: 9px; margin-left: 53px; }
.nobless { background: url(../gfx/nobless.gif) 0 0 no-repeat; height: 44px; }
.nobless span {  font-weight: bold; color: #ff5a00; }
.shop { background: url(../gfx/lisc.gif) 0 0 no-repeat; }
.shop span {  font-weight: bold; color: #00923f;}

.pdf li { text-align: right; background: url(../gfx/pdf.gif) right center no-repeat; padding-right: 25px; }
.movie li { text-align: right; background: url(../gfx/movie.gif) right center no-repeat; padding: 7px 25px 7px 0; }

.divHidden{ display:none; }

.title { padding: 4px 0 4px 10px;background: url(../gfx/li.gif) left center no-repeat; }

.imagegal { float: left; width: 100px; margin-right: 26px; margin-bottom: 25px;  }
.imagegal a { display: block; }
.imagegal img { border: 1px solid #333; margin-bottom: 3px; }
#detail { }

.powrot { float:right; margin: 25px 45px 20px 0; background: url(../gfx/back.gif) left center no-repeat; padding-left: 18px;  }