@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 0; font-size: 12px; line-height: 18px; background: url('../img/background.jpg') repeat-x #f2f2f2; font-family: Tahoma, Geneva, sans-serif; }
p, img, h1, h2, h3, h4, h5, h6, input { margin: 0; padding: 0; outline: none; list-style: none; border: 0; }
a { text-decoration: none; color: #000000; }
a:hover { text-decoration: underline; }
.clear { clear: both; }

#body { width: 981px; margin: 0px auto; }
#top { width: 981px; height: 35px; margin-bottom: 32px; background: #FFFFFF; }
#left { width: 211px; float: left; }
#right { width: 745px; float: right; padding-left: 9px; position: relative; }

#right_sep { width: 5px; height: 100%; position: absolute; top: 0; left: 216px; background: url('../img/sep.jpg') left repeat-y; }

#top a.login { display: inline-block; width: 133px; height: 24px; float: right; margin: 4px 5px 0 0; line-height: 23px; text-align: center; border: 1px solid #c1ca69; background: url('../img/log_background.jpg') repeat-x; color: #000000; }
#top a.registration { display: inline-block; width: 133px; height: 24px; float: right; margin: 4px 5px 0 0; line-height: 23px; text-align: center; border: 1px solid #c9dce7; background: #dbf3fe; color: #000000; }

/* ########## TOP ########## */
#container { width: 971px; padding: 5px; background: #FFFFFF; }
#search_box { width: 971px; height: 100px; position: relative; border-bottom: 1px solid #00275b; }
#logo {position: absolute; top: 0; left: 0; z-index: 1;}
#search { z-index: 2; width: 325px; height: 26px; float: right; position: relative; margin-top: 17px; background: url('../img/search.jpg') no-repeat; }
#search .text { width: 236px; position: absolute; top: 6px; left: 6px; }
#search .ok { width: 69px; height: 24px; position: absolute; top: 1px; right: 1px; background: none; }


#shopping_bag { min-width: 270px; height: 24px; float: right; margin-top: 18px; padding-left: 30px; background: url('../img/shoping_bagg.jpg') no-repeat; line-height: 23px; position: relative; z-index: 2; }
#shopping_bag span { font-weight: bold; }
#shopping_bag a { color: #000000; }

#menu_top { width: 971px; height: 38px; background: url('../img/menu.jpg') repeat-x; }
#menu_top ul { margin: 0; padding: 0; list-style: none; }
#menu_top ul li { float: left; }
#menu_top ul li a { display: block; padding: 10px 37px 10px 39px; background: url('../img/menu_top_sep.jpg') center right no-repeat; color: #FFFFFF; }
#kontakt { background: none !important; }

/* ########## LEFT SIDE ########## */
#left h1.title { font-size: 14px; margin-top: 20px; padding: 0 0 5px 20px; border-bottom: 1px solid #c6bfac; }
#left h1.title a { color: #000000; }

#menu_left ul { margin: 0; padding: 0; list-style: none; }
#menu_left ul li a { display: block; padding: 2px 0 2px 0; text-transform: uppercase; border-bottom: 1px dotted #8d916e; }
#menu_left ul li a:hover { text-decoration: none; }

a.menu1 { padding-left: 20px !important; color: #56859c; }
a:hover.menu1 { background: #f0ebe0; color: #000000; }
a.menu1 span { padding-right: 10px; color: #b4b4b4 !important; }
a#menu1a { background: #f0ebe0 !important; color: #000000 !important; }
a.menu2 { padding-left: 55px !important; color: #000000 !important; }
a:hover.menu2 { background: #ecebe8; }
a#menu2a { background: #ecebe8 !important; }

.bestselers { margin-top: 15px; padding-bottom: 15px; border-bottom: 1px dotted #8f906e; }
.bs_photo img { max-width: 71px; max-height: 46px; border: 1px solid #e6e6e6; float: left; }
.bs_photo p { width: 130px; float: left; margin-left: 8px; }
.bs_photo p a { color: #000000; }
.bs_price { margin-top: 5px; color: #000000; }
.bs_price span { font-weight: bold; }

#newsletter { width: 212px; height: 77px; position: relative; background: url('../img/newsletter.jpg') 0 50px no-repeat; }
#newsletter .text { width: 130px; position: absolute; left: 10px; top: 57px; }
#newsletter .ok { position: absolute; width: 56px; height: 26px; background: none; top: 51px; right: 1px; cursor: pointer; }
#newsletter p { text-align: center; }

/* ########## RIGHT SIDE ########## */
#right h1.title, #right .title { overflow: hidden; font-size: 14px; margin: 20px 0 10px 0; padding-bottom: 15px; border-bottom: 1px solid #D7E285; }
#right .title h1 {font-size: 14px; float: left;}
#right .title .fb_like {float: right; margin-right: 5px;}
#right h1.title_pod { font-size: 14px; margin: 20px 20px 10px 20px; padding: 0 0 15px 15px; border-bottom: 1px solid #D7E285; }
.product_header {
    overflow: hidden;
     border-bottom: 1px solid #E6E6E6;
     position: relative;
}
.price-info {
    position: absolute;
    right: 5px;
    top: 27px;
}
/*.product_name {float: left;}
.product_price {float: left;}*/
.site { padding: 0 20px 20px 20px; }

#box_1 { width: 544px; height: 320px; float: left; background: url('../img/box.jpg') no-repeat; }
#box_inf_1 { width: 201px; height: 79px; margin-bottom: 1px; float: right; background: url('../img/box_inf.jpg') repeat-x; }
#box_inf_2 { width: 201px; height: 79px; margin-bottom: 1px; float: right; background: url('../img/box_inf.jpg') repeat-x; }
#box_inf_3 { width: 201px; height: 79px; margin-bottom: 2px; float: right; background: url('../img/box_inf.jpg') repeat-x; }
#box_inf_4 { width: 201px; height: 79px; margin-bottom: 1px; float: right; background: url('../img/box_inf.jpg') repeat-x; }

#box_inf h2 { padding: 5px 0 0 10px; font-size: 16px; /* background: url('../img/h2_sep_box.jpg') center right no-repeat; */ }
#box_inf p { padding: 5px 0 0 10px; line-height: 15px; }

.sp_product { width: 248px; height: 330px; float: left; }
.sp_photo { display: table-cell; width: 240px; height: 149px; text-align: center; vertical-align: middle; border: 1px solid #CCCCCC; }
.sp_name { height: 40px; overflow: hidden; margin: 5px 0 2px 0; font-weight: bold; }
.sp_name a { color: #000000; }
.sp_description { height: 54px; padding-right: 5px; overflow: hidden; }
.sp_price { margin: 2px 0 2px 0; }
.sp_price span { font-weight: bold; }
a.sp_more { display: inline-block; margin-top: 3px; padding: 3px 14px 6px 14px; background: url('../img/next_button.png') repeat-x; color: #FFFFFF; }
a:hover.sp_more { text-decoration: none; }

#footer { margin-top: 15px; padding-top: 10px; border-top: 1px solid #dad2bd; }
.footer_box { width: 294px; height: 77px; margin-left: 10px; padding: 7px; float: left; border: 1px solid #aabbc3; line-height: 13px; background: #d2eaf7; }
.footer_box p { margin: 7px 0 10px 0; }
.footer_box a { margin: 5px 0 5px 0; padding: 2px 10px 3px 10px; background: #0085cd; border: 1px solid #0981bd; color: #FFFFFF; }
.footer_box a:hover { text-decoration: none; }

.footer_mini { margin-top: 10px; border-top: 1px solid #dad2bd; font-size: 10px; line-height: 14px; }

.footer_copyrights { margin: 15px 0 0 0; }

#copyright { float: left; margin: 35px 0 0 0; font-size: 12px; }
#copyright p { margin-bottom: 15px; }

.links { float: left; font-size: 12px; padding-top: 24px; padding-left: 37px; }
.links p { padding-bottom: 10px; }

#xann { width: 170px; height: 90px; margin: 5px 0 10px 0; padding-left: 90px; float: left; background: url('../img/xann.jpg') 0 20px no-repeat; }
.xann { margin-bottom: 5px; font-weight: bold; }
.xannstat { margin-top: 15px; }


#komentarzee { display: inline-block; cursor: pointer; }
.comments td { padding: 5px; }
.comments_background { background: #ECECEC; }

.filtr_kategoria { border-bottom: 1px solid #C6BFAE; padding: 5px 0 5px 15px; }
.button_filtr { margin-top: 5px; font-size: 12px; padding: 3px 14px 6px 14px; background: url('../img/next_button.png') repeat-x; color: #FFFFFF;  }

#pagination_bottom { text-align: center; }
#pagination_bottom ul { display: inline-block; }


.prduct_table {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.prduct_table li {
    border-bottom: 1px solid #E6E6E6;
    margin: 6px 0;
    width: 352px;
    float: left;
    display: block;
    height: 27px;
}

.prduct_table li span {   
    float: right;
    width: 200px;
}
.prduct_table li span.bold {font-weight: bold;}