/* kategorie lista drzewko */
#offers_categories {overflow:hidden; background: url(../../images/page/cien.png) no-repeat center top; padding-top:40px;}
#offers_categories #category_list_tree h1 {margin: 0 10px 40px 10px;}

#category_list_tree .category_one {display:inline-block;position:relative; float:left; width:240px; height: 288px; box-sizing: border-box;padding:30px; text-align:center;
background: rgba(241,241,241,1);
background: -moz-linear-gradient(45deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(241,241,241,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(45deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(45deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(45deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(45deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff', GradientType=1 );
}
@media (max-width:480px) {
    #category_list_tree {text-align:center;}
    #category_list_tree .category_one {float:none;}
}
#category_list_tree .category_one:before,#category_list_tree .category_one:after {content: '';position:absolute;z-index:30;display: block;width:19px; height:19px; background: url(../../images/page/3/plus.png) no-repeat center center; bottom:-9px;}
#category_list_tree .category_one:before {left:-10px;}
#category_list_tree .category_one:after {right:-9px;}
#category_list_tree .category_one * {z-index:20;position:relative;}
#category_list_tree .category_one .category_one_bkg {display:inline-block;position:absolute; width:100%; left:0; top:0;  height: 100%; background-repeat: no-repeat;background-position: center -1%; background-size:auto 102%; background-color:#404040; z-index:10;opacity:0;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
}
#category_list_tree .category_one:hover .category_one_bkg {opacity:1; background-position: center center;background-size:auto 100%;} 
#category_list_tree .category_one .c_bkg_icon { display:block;width:54px;height:54px; background-repeat:no-repeat; background-position: center top; margin: 16px auto !important;}
#category_list_tree .category_one.is_bkg:hover .c_bkg_icon {background-position:center bottom;}
#category_list_tree .category_one h3 {display:block; margin:0 auto !important; font-size:106%; color:#2f2f2f; font-family: 'font_bold'; padding-bottom:30px;}
#category_list_tree .category_one h3:after {content:'';position:absolute;height:3px; width:68px; display:block; bottom:15px;left:50%;margin-left:-34px; background-color:#444444;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
 }
#category_list_tree .category_one.is_bkg:hover h3:after {background-color:#fff;}
#category_list_tree .category_one:hover h3:hover:after {width:88px;margin-left:-44px;}

#category_list_tree .category_one a {color:#2f2f2f;}

#category_list_tree .category_one.is_bkg:hover h3, #category_list_tree .category_one.is_bkg:hover a {color:#fff;}
#category_list_tree .category_one a.slist:hover {text-decoration: underline;}


/* sklepy Partners */
.offers_categories_title {padding: 60px 60px 120px 60px;box-sizing: border-box; background-image:url(../../images/page/2/sklep_tlo.jpg);}
.offers_categories_title * {color:#fff;} 
#offers_categories_title_2 .partner_letter {font-size:187%; font-family: 'font_book';padding: 12px 8px;text-transform: uppercase; cursor:pointer;border: 1px dotted rgba(255,255,255,0); display:inline-block;}
#offers_categories_title_2 .partner_letter:hover {border: 1px dotted #fff;}



.offers_categories_title h1 {padding: 0 20px; margin:0 0 50px 0; font-size:225%;position:relative;}


.named_group .level2 {display:inline-block; width:20%; min-width:130px;box-sizing: border-box; padding:5px 10px 0 10px; margin:0; text-align:left;position: relative; float:left;word-wrap: break-word;}
.named_group .level2 h3 {margin:0;font-size:93%;font-family: 'font_semibold';}
.named_group .level2:hover h3 {color:#6542e3; }
