/* BASE /////////////////////////////////////////////////////////////////////////////////// */
* { margin: 0; padding: 0; }
body { color: #222222; font: 11px Tahoma, Helvetica,Verdana, Arial ; line-height: 16px; background: #ccd6dd url('../gfx/bg.gif') 0 0 repeat-x; } 
.formbody { background-color: #FFF; background-image: none; margin: 0 0 0 10px; }

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

p { padding:  5px 0 15px 0; font-size: 11px; }
h1 { 	color: #000; padding:  10px 0 5px 0; font-size: 13px}
h2 { 	color: #8aa4b6; padding:  10px 0 5px 0; font-size: 12px}
h3 { 	color: #cd0020; 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 8px 15px; list-style-type: none; background: url('../gfx/li.gif') 0px 5px no-repeat; }

/* Formularze  /////////////////////////////////////////////////////////////////////////////////// */
input,textarea,select { color: #8a939a; vertical-align: middle; font-size: 11px; padding: 0; margin: 0; }
textarea, input.text, select { border: 1px solid #ccd6dd; background-color: #FFF; width: 150px;  padding: 1px 4px; }
textarea { height: 90px; }
select { width: 160px; padding: 0; }
input.text {  }
input.button { border: 1px solid #FFF; background-color:#ccd6dd;	font-weight: bold; padding: 1px 4px; 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: 5px 0; margin: 0 }
p.more a { background: url('../gfx/more.gif') right center no-repeat; padding: 0 11px 0 0; 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/sep.gif') 0 12px repeat-x;  height: 20px; }

/* Format strony  /////////////////////////////////////////////////////////////////////////////////// */
#container { width: 770px; left: 50%;	margin-left: -385px; position:absolute; z-index: 11; }
#content { background: #FFF url(../gfx/bg_cont.gif) 0 0 repeat-y; width: 770px;} 
#gfxTop { background: url(../gfx/top.gif) 0 0 no-repeat; width: 770px;} 
#gfxLeft { width:49%;  position:absolute;	top:0; left:0; height:127px; background:url('../gfx/bg_left.gif') right top repeat-x; z-index: 10; }
#header { height: 91px; }
#menu { width: 219px; background: url(../gfx/bg_right.gif) right top no-repeat; float: left; padding: 0; min-height: 300px; }
#page { width: 534px; float: left; padding: 0 17px 10px 0; }
.mainPage #page { width: 770px; padding: 0 0 20px 0; }

#flash_main { padding: 0 0 0 6px ; }

#offer { float: left; padding-bottom: 30px; background: url(../gfx/item_bottom.gif) left bottom no-repeat; float: left; margin: 0; display: inline; width: 310px; margin-left: 41px;}
#news { float: left; width: 400px; background: url(../gfx/news.gif) 0 0 no-repeat; padding: 26px 19px 0 0; }
#news p { padding: 0 0 5px 20px;  }
#news h1 { padding: 5px 0 5px 20px; font-size: 11px; }

/* LOGO ///////////////////////////////////////////////////////////////*/
#logo {  float: right; }
#logo a { width: 132px; height: 91px; display: block; background: url(../gfx/optirocblok.gif) left top no-repeat; }
#logo a span { display:none; }


/* NAVTOP & SEARCH ///////////////////////////////////////////////////////////////*/
#nav { float: left;  }
#nav_top { height: 42px; padding: 20px 0 0 6px;  }
#nav_top form { display: inline;  background: url(../gfx/line.gif) left center no-repeat; padding-left: 40px;}
#nav_top  a { background: url(../gfx/line.gif) left center no-repeat; color: #8a939a; padding: 0 10px 0 10px; } 

#title { padding-bottom: 1px; background: url(../gfx/d.gif) left bottom repeat-x;  margin-bottom: 10px;}

#menuTop { height: 28px; }
#menuTop ul { margin: 0; padding: 0 0 0 6px; background: url(../gfx/menu_left.gif) 0 0 no-repeat; }
#menuTop li { list-style-type:none; float: left; margin: 0; padding: 0; background-image: none;}
#menuTop a { display:block; height: 28px; background-position: 0 0; background-repeat: no-repeat; }
#menuTop a span { display: none; }
#menuTop a#item_system { background-image: url('../gfx/b_1.gif'); width: 120px; }
#menuTop a#item_produkty{ background-image: url('../gfx/b_2.gif'); width: 62px; }
#menuTop a#item_producenci{ background-image: url('../gfx/b_3.gif'); width: 73px; }
#menuTop a#item_dlaprojektanta{ background-image: url('../gfx/b_4.gif'); width: 89px; }
#menuTop a#item_dlawykonawcy{ background-image: url('../gfx/b_5.gif');  width: 90px;}
#menuTop a#item_faq{ background-image: url('../gfx/b_6.gif'); width: 40px; }
#menuTop a#item_home { display: none; }
#menuTop a#item_kontakt{ background-image: url('../gfx/b_7.gif'); width: 68px; }
#menuTop a:hover,
#menuTop a.selected { background-position: 0 -28px; }

/*  LOCALISER  /////////////////////////////////////////////////////////////////////////////////// */
#localiser { font-size: 9px; line-height: 14px; font-size: 9px; line-height: 16px; padding: 9px 302px 0 18px; height: 37px; }
#localiser a { font-weight: normal; color: #8a939a; padding: 0 6px; background: url('../gfx/arr.gif') right center no-repeat; }

/*  MENU - SIDE /////////////////////////////////////////////////////////////////////////////////// */
#menu ul { margin: 10px 30px 20px 18px; padding:0 0 2px 0; list-style-image: none; background: url(../gfx/d.gif) left bottom repeat-x; } 
#menu ul li { list-style:none; background: none; margin:0; padding:2px 0; width: 171px;}
* html #menu ul li { height:1px; vertical-align:bottom; }
#menu ul li a { background: url(../gfx/d.gif) 0 0 repeat-x; display:block; font-weight:bold; padding: 8px 0 5px 0px;
  text-decoration:none;	color:#8a939a; }
#menu ul li a:hover { text-decoration: underline }
#menu ul li.selected a { color:#d4223d; }
* html #menu ul li a { height:1px; }
#menu ul ul { margin:	0; padding: 5px 0 0 0; background: url(../gfx/d.gif) left top repeat-x; }
#menu ul ul li { list-style:none; margin:0; padding:2px 0; width: 171px;}
* html #menu ul ul li { height:1px; vertical-align:bottom; }
#menu ul ul li a { display: block; font-size: 9px; font-weight:	normal; padding: 2px 0; text-decoration:none; background-image: none; }
#menu ul ul li.selected a{ background: url(../gfx/sel.gif) 0px 5px no-repeat; padding-left: 7px; }
* html #menu ul ul li a { height:		1px; }

.banners { margin: 10px 30px 20px 18px; }

/* FOOTER  /////////////////////////////////////////////////////////////////////////////////// */
#footer { background: url('../gfx/footer.gif') 0 0 no-repeat; padding: 0; color: #556068; padding: 10px 5px 0 5px; }
#best { float: right; color: #a2a8ad;}
#best a { color: #90989f; }

#smallMenu { float: right; width: 138px; height: 159px; background: #FFF url('../gfx/zobacz.gif') 0 0 no-repeat; }
#smallMenu ul { margin: 48px 0 0 25px; padding: 0; border-bottom: 5px solid #f4f6f8; line-height: 11px;}
#smallMenu li { margin: 0; padding: 1px 0 0 0; width: 113px;}
#smallMenu ul li a { background-color: #cd001f; display:block; padding: 3px 5px 5px 0px; color:#FFF; text-align:right; font-size: 9px;  text-decoration:none;	}
#smallMenu ul li a:hover { background-color: #e1475f; color: #FFF;}

/* TABELE  ///////////////////////////////////////////////////////////////////////////////////  */
table { font-size: 11px;  }
.info { margin-top: 10px; margin-bottom: 10px; border-collapse: collapse; color: #5e6971;    border-bottom: 1px solid #ccd6dd;}
.info td { padding: 10px 7px 5px 7px; border: 1px solid #ccd6dd; border-collapse: collapse; vertical-align: top; text-align: center; background: url('../gfx/td.gif') left top repeat-x; border-bottom-color: #e9f0f5; }
.info .td_nobd { background-image: none; }
.buttons td { text-align: center; padding-top: 12px; padding-bottom: 12px; background-image: none; }
.info th { font-size: 9px;  font-weight: bold; background: #ccd6dd url('../gfx/th.gif') 0 0 repeat-x; 	padding: 4px 8px 6px 8px; color: #5e6971; text-align: center; border: 1px solid #ccd6dd; line-height: 10px;}
td.first { font-weight: bold; }
.info p { text-align: left; padding: 0;  line-height: 16px;}

table { font-size: 10px;  }
.producenci { margin-top: 10px; margin-bottom: 10px; border-collapse: collapse; color: #5e6971;    border-bottom: 1px solid #ccd6dd;}
.producenci td { padding: 10px 3px 3px 3px; border: 1px solid #ccd6dd; border-collapse: collapse; vertical-align: top; text-align: center; background: url('../gfx/td.gif') left top repeat-x; border-bottom-color: #e9f0f5; }
.producenci .td_nobd { background-image: none; }
.buttons td { text-align: center; padding-top: 12px; padding-bottom: 12px; background-image: none; }
.producenci th { font-size: 9px;  font-weight: bold; background: #ccd6dd url('../gfx/th.gif') 0 0 repeat-x; 	padding: 4px 8px 6px 8px; color: #5e6971; text-align: center; border: 1px solid #ccd6dd; line-height: 10px;}
td.first { font-weight: bold; }
.producenci p { text-align: left; padding: 0;  line-height: 16px;}

.small th { padding: 0; border: none; background: #ccd6dd url('../gfx/tabela_top.gif') 0 0 repeat-x; width: 535px; height: 105px; border-left: 1px solid #ccd6dd; border-right: 1px solid #ccd6dd;}
.small td { padding: 12px 0 5px 0; font-size: 9px;}

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

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

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

.category_subtitle  { color: #5e6971; padding: 8px 10px; margin: 0; font-size: 13px; font-weight: bold; background: #ccd6dd url('../gfx/th.gif') 0 0 repeat-x; border-top: 1px solid #ccd6dd; border-bottom: 1px solid #ccd6dd;}

ul.categorylist { background: url(../gfx/d.gif) left top repeat-x; margin: 0; padding: 0; border: 1px solid #ccd6dd; }
.categorylist li { margin: 0; padding: 0;}
.categorylist li img { vertical-align: middle; margin: 5px 20px 5px 5px;   border: 1px solid #e5eaf0; }
.categorylist li a { font-size: 12px; font-weight: bold; display: block;   background-color: #f4f6f8; }
.categorylist li a div {  border-bottom: 1px solid #ccd6dd;}
.categorylist li.line0 a {  background-color: #FFF; }
.categorylist li a:hover {  text-decoration: none; background-color: #eff3f6; }

.divHidden {
    display:none;
}

.title {
    padding-top:10px;
}

.print_ico {
    float:right;
    margin-right:40px;
}

.produkt_list {
    border:1px dashed #a0a0a0;
    width:200px;
    height:180px;
    float:left;
    margin-left:20px;
    margin-bottom:10px;
    text-align:center;
}

.produkt_list p{
    padding-left:3px;
    padding-right:3px;
    margin:0px;
}