html, body { font-family: arial, tahoma, verdana; background: #FFF url('../gfx/bg.png') repeat-x center top; color: #555}

img {border: none}
ul {list-style: none}
div {overflow: hidden }

h1 { font: bold 20px "arial", Helvetica, sans-serif; color: #444; padding: 0 0 5px 10px; }
h2 { font: bold 20px "arial", Helvetica, sans-serif; color: #444;}
h3 { font: bold 13px "arial", Helvetica, sans-serif; color: #333;}
h4 { font: normal 12px "arial", Helvetica, sans-serif; color: #333;}
h5 { font: normal 16px "arial", Helvetica, sans-serif; color: #FAFAFA;}
.price { font: bold 14px "arial", Helvetica, sans-serif; color: #b60000;}
.price_big { font: bold 18px "arial", Helvetica, sans-serif; color: #b60000;}
.price_big_result { font: bold 18px "arial", Helvetica, sans-serif; color: #fff; }
.desc_result { font: bold 12px "arial", Helvetica, sans-serif; color: #eee; padding: 0 4px 0 0; }


strong {font-weight: bold; color: #222;}
em {font-style: italic}

p {padding-bottom: 10px;}

a, a:link, a:visited { color: #333; font: bold 12px "arial", Helvetica, sans-serif; text-decoration: none; font-weight: bold;}
a:hover {color: #000; text-decoration: underline;}	

a.footer_link, a.footer_link:link, a.footer_link:visited { color: #777; font: bold 11px "arial", Helvetica, sans-serif; text-decoration: none;}
a.footer_link:hover {color: #333; text-decoration: underline;}	

a.more_link, a.more_link:link, a.more_link:visited { color: #F1F1F1; font: normal 11px "arial", Helvetica, sans-serif; text-decoration: none; }
a.more_link:hover {color: #acc7fa; text-decoration: underline;}

#pagination { float: left; width: 600px; padding: 5px;}

#top_logo_link { position: absolute; width: 157px; height: 85px; left: 30px; top: 20px;}

#doc3 { background: transparent url('../gfx/bg_footer.png') repeat-x bottom; padding: 0 0 8px 0; margin: 0}
#bd { padding: 3px 5px 50px 5px;}
.yui-gc { padding: 20px 0 0 0;}

/*-- HEADER -----------*/
#hd {height: 175px; position: relative; background: transparent url('../gfx/top_baner_clear.jpg') no-repeat;}
#menu {width: 940px; height: 41px; position: absolute; bottom: 0; padding: 0 12px 0 12px; margin-left: 5px; background: #292d30 url('../gfx/bg_menu.png') repeat-x top; border-radius: 8px; -moz-border-radius: 8px;-webkit-border-radius:8px; }
#user_panel {width: 280px; height: 64px; position: absolute; bottom: 50px; right: 15px; }
#user_panel td.link { padding-right: 13px}
#user_panel td.ico { padding: 0 4px 0 4px}
#user_panel .search_form { float:left;  padding: 18px 0 0 8px;}
#user_panel .search_form  input { width: 174px; padding: 0 3px 0 3px;}
#user_panel .search_button {  padding: 17px 0 0 5px; }

/*-- BODY --------------*/
/* INDEX SITE */
#big_baner { padding: 0 0 35px 0;}
.description_link {  height: 100%; padding: 0 0 10px 15px; border-right: 1px solid #d9d9d9}
.description_link  .ico { width: 65px; float: left; padding: 30px 0 10px 15px;}
.description_link  .description { width: 180px; float: left; padding: 25px 0 25px 15px; font: normal 12px "arial", Helvetica, sans-serif; color: #555; line-height: 17px;}

.description_link_right { height: 100%; padding: 0 0 10px 15px; border-right: 1px solid #FFF;}
.description_link_right  .ico { width: 65px; float: left; padding: 30px 0 10px 15px;}
.description_link_right  .description { width: 180px; float: left; padding: 25px 0 25px 15px; font: normal 12px "arial", Helvetica, sans-serif; color: #555; line-height: 17px;}

.button_more { float: right; padding: 20px 30px 0 0; background: #333; padding: 2px 15px 4px 15px; margin: 0 15px 0 0; border-radius: 8px; -moz-border-radius: 8px;-webkit-border-radius:8px; }
.button_more:hover { float: right; padding: 20px 30px 0 0; background: #666; padding: 2px 15px 4px 15px; margin: 0 15px 0 0; border-radius: 8px; -moz-border-radius: 8px;-webkit-border-radius:8px; }

/* PRODUCTS LIST */
#content { float: left; width:616px; padding: 10px; background: #fafafa; border-top: 3px solid #f1f1f1;}
#content .product_box{  float: left; margin-bottom: 20px; border-bottom: 1px solid #dddddd;}
#content .product_box .photo { width: 75px; height: 100px; float: left; padding: 0 0 0 5px; }
#content .product_box .name_box { width: 525px; padding: 2px 5px; float: left; background: #d5e5f5; }
#content .product_box .name_box .name{ float: left; }
#content .product_box .name_box .price{ float: right; }
#content .product_box .description_box { width: 400px; padding: 5px 10px 2px 5px; float: left;  }
#content .product_box .buttons_box { width: 105px; padding: 15px 0 0 15px; float: left;  }

/* PRODUCTS  */
#content .productc_view {  float: left; margin-bottom: 20px; border-bottom: 1px solid #dddddd;}
#content .productc_view .photo { width: 170px; height: 230px; float: left; padding: 0 0 0 5px; }
#content .productc_view .name_box { width: 430px; padding: 2px 5px; float: left; background: #d5e5f5; }
#content .productc_view .bottom_box { width: 430px; padding: 20px 5px 0 5px; float: left; }
#content .productc_view ul.list_box { width: 430px; padding: 20px 5px; float: left; }
#content .productc_view ul.list_box li { padding: 2px 0; }
#content .productc_view .price_box { float: left;  }
#content .productc_view .buttons_box { width: 105px; padding: 0 15px 0 0; float: right;  }

#content .bottom_header_box  { width: 605px; padding: 5px 5px 5px 5px; float: left; border-bottom: 1px solid #dddddd; }
#content .bottom_desc_box  { width: 585px; padding: 5px 15px 5px 15px; float: left; border-bottom: 1px solid #dddddd; text-align: justify; }
#content .bottom_desc_box  ul.about_info{ padding: 10px 0 10px 30px; }
#content .bottom_desc_box  ul.about_info li{ list-style-type: disc; }

#content .login_content_box  { width: 420px; padding: 10px 15px 0 180px; float: left;  }
#content .login_content_box .search_form { float:left;  padding: 3px 0 0 0;}
#content .login_content_box .search_form  input { width: 260px; padding: 0 3px 0 3px; }
#content .login_content_box  .search_button { padding: 5px 0 20px 180px; }

#content .bottom_desc_box  ul.kontakt_info{ padding: 10px 0 10px 30px; }
#content .bottom_desc_box  ul.kontakt_info li{ list-style-type: none; }

#content .more_ofert_box { width: 615px; float: left; margin: 30px 0 20px 0; padding-bottom: 10px;  border-left: 1px dotted #d9d9d9; border-bottom: 1px dotted #d9d9d9;}
#content .more_ofert_box .header { width: 603px; float: right; padding: 3px 5px 3px 5px; background: #25282c;}
#content .more_ofert_box ul { float: left; padding: 0 0 10px 0; }
#content .more_ofert_box li { width: 204px; height: 120px; float: left; margin: 12px 0 0 0; border-right: 1px dotted #d9d9d9; border-bottom: 1px dotted #d9d9d9; }
#content .more_ofert_box .product_thumb { width: 70px; float: left; padding: 10px 0 0 15px; }
#content .more_ofert_box .desc_thumb { width: 105px; float: left; padding: 10px 0 0 5px;}

/* BASKET*/
#content .basket_box{  float: left; padding: 5px 0 0 0; margin-bottom: 20px; background: #fdfcc2; border: 1px solid #e6e5a7;}
#content .basket_box .photo { width: 75px; height: 100px; float: left; padding: 0 0 0 10px; }
#content .basket_box .name_box { width: 513px; padding: 2px 5px; float: left; background: #f1ef81; }
#content .basket_box .name_box .name{ float: left; }
#content .basket_box .name_box .price{ float: right; }
#content .basket_box .description_box { width: 508px; padding: 5px 10px 2px 5px; float: left;  }
#content .basket_box .buttons_box { padding: 15px 0 0 15px; float: left;  }
#content .basket_box input { width: 25px; padding: 0 3px 0 3px; margin-top: 3px; text-align: center;}
#content .basket_box .basket_price { float: left; padding: 4px 30px 0 10px;}

#content .result { width: 603px; float: left; padding: 8px 0 8px 10px; background: #f5f5f5; border: 1px solid #ccc;}
#content .result  .buttons{ float: left; }
#content .result  .info{ float: right; padding: 10px; background: #c80000;  }


/* RIGHT INTERFACE */
.universal_box { width: 290px; float: right; margin-bottom: 20px;  border-left: 1px solid #d9d9d9;}
.universal_box .header { width: 278px; float: right; padding: 3px 5px 3px 5px; background: #25282c;}
.universal_box .ico { width: 70px; float: left; padding: 20px 0 0 25px; }
.universal_box .news_thumb { width: 70px; float: left; padding: 15px 0 0 25px; }
.universal_box .description { width: 180px; float: left; padding: 15px 5px 25px 10px; font: normal 12px "arial", Helvetica, sans-serif; color: #555; line-height: 17px;}
.universal_box select { width: 174px; margin-top: 10px;}

/* PARTNERZY */
#content .partners{  float: left; margin-bottom: 20px;}
#content .partners .partners_box { width: 600px; padding: 2px 5px; float: left; border-bottom: 1px dotted #999; }
#content .partners .partners_box .partner_data{ float: left; font: normal 11px "arial", Helvetica, sans-serif; color: #555;}
#content .partners .partners_box .email{ float: right; }

/* KOMUNIKATY */
.alert_ok { width: 601px; padding: 4px 10px 4px 25px; margin: 0 0 4px 0; background: #e3ff98 url('../gfx/ico_alert_ok.png') no-repeat left;}
.alert_error { width: 601px; padding: 4px 10px 4px 25px; margin: 0 0 4px 0; background: #ff9898 url('../gfx/ico_alert_error.png') no-repeat left;}
.alert_info { width: 601px; padding: 4px 10px 4px 25px; margin: 0 0 4px 0; background: #98e4ff url('../gfx/ico_alert_info.png') no-repeat left;}

/*-- FOOTER ------- */
#footer_menu {height: 18px; padding: 0 0 5px 0;  background: transparent url('../gfx/footer_separator.png') repeat-x center bottom; } 
#copyright { float: left; padding: 14px 10px 0 10px;}
#copyright .copyright_txt { font: normal 11px "arial", Helvetica, sans-serif; color: #888; }
#bottom_logo { float: right; padding: 8px 10px 10px 10px;}
