/* LAYOUT */ @width: 975px; /*** COLORS ************************/ @color1: #000000; @color2: #999999; @color3: #e0e0e0; @color4: #c9c8c9; @color5: #f4f5f4; /* Extra Colors */ @color6: #db1814; /* Black & White */ @black: #000; @white: #fff; /* Global */ @bgmargin: 0px; @text: lighten(@black,15%); @bgcolor: @color4; @red: red; @a: @black; /* Header */ @bar: @color5; @bar_border: @color2; @bar_text: @color1; /* Components */ @head: @color4; @head_text: @color1; @border: @color3; @button: #cecccb; /* Selected components */ @head_selected: @color6; @head_selected_text: @white; @border_selected: darken(@color3,7%); @a_selected: @color6; /* Footer */ @foot: @color5; /*** Layout/Components/etc ******************/ @width1: @width - (@bgmargin*2); @column: @width1*0.18864097; @space: @width1*0.01419878; /* 3 columns divided into 4 columns */ @column3on4: ((@column*3)+(@space*2)) * 0.23720137; @space3on4: @column3on4*0.075268817; /* 3 columns divided into 5 columns */ @column3on5: ( @column*3 + @space*2 ) / (5 + 4 * 0.075268817 ); @space3on5: @column3on5 * 0.075268817; /* 4 columns divided into 5 columns */ @column4on5: ( @column*4 + @space*3 ) / (5 + 4 * 0.075268817 ); @space4on5: @column4on5 * 0.075268817; /* 4 columns divided into 6 columns */ @column4on6: ( @column*4 + @space*3 ) / (6 + 5 * 0.075268817 ); @space4on6: @column4on6 * 0.075268817;body { background: @white; } #bg_container { overflow: hidden; margin-bottom: 25px; } #bg_container_bottom { overflow: hidden; } #middle, #navigation { padding: 0px @bgmargin; } #path { background-color: #fff; position: relative; top: 5px; } #path .not_active_last { color: #000; } #banner_middle { background: @color5; width: (@column*3)+(@space*2); height: 192px; /*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;*/ margin-bottom: 10px; } .title { margin:10px; } .title p { margin: 0px !important; padding: 0px !important; font-style:italic; } .box { border: 1px solid @border; margin-bottom: 10px; background-color: @white; } #main .box { border: none; } .box .head { padding: 5px 5px 4px 10px; border-bottom: 1px solid @border; background: url(/images/frontend/theme/default2/bg_gradient.png) top left repeat-x; background-color: @head; /*-moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px;*/ } #category_tree .head { background-color: @head_selected; border-bottom: 1px solid @head_selected; } #category_tree { border: none; } #category_tree .content { border: 1px solid @border; border-top: none; /*-moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; */ } #category_tree h3 { color: @head_selected_text; } label.error { width:200px !important; color:#f00 !important; } .box h3.head, #portal_right .box h3.head { color: @white; font-size: 1.1em; font-weight: bold; padding: 0 16px; line-height: 24px; letter-spacing: 0; background-color: #00aff8; text-shadow:0px 2px 2px #444; white-space: nowrap; } .box h3.head a { text-shadow:0px 2px 2px #444; background: url(/images/frontend/theme/default2/buttons/heading-arrow.png) center right no-repeat; text-decoration: none; display: block; color: @white; } .box h3.head a:hover { text-decoration: underline; } .box .content { padding: 5px 10px; } .roundies { /*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;*/ } .clear, .st_clear_all { clear: both; font-size: 0px; line-height: 0%; padding:0; margin:0; height: 0px; } .buttons a, .buttons button, button[disabled="disabled"]:hover { display:block; float:left; background-color: ; background: lighten(@button,24%) url(/images/frontend/theme/nss6/btn2_bg.gif) top left repeat-x; border:1px solid @button; line-height:100%; text-decoration:none; text-transform:uppercase; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color:@text; cursor:pointer; padding:3px 5px 3px 5px; /* Links */ } #product-files-uploaded .buttons a { float:right; border: none; padding:0; } .buttons button, #panel #user_status .buttons a { width:auto; border: none; color: @white; overflow:visible; background: url(/images/frontend/theme/nss6/btn_bg.gif) top left repeat-x; background-color: #00aff8; padding:4px 10px 3px 7px; /* IE6 */ } .buttons button:hover, #panel #user_status .buttons a:hover, #st_main_search_button:hover { border: none; color: @black; /*padding:4px 10px 3px 7px; IE6 */ } .buttons button[type], #panel #user_status .buttons a { padding: 5px 7px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ } *:first-child+html button[type] { padding: 4px 10px 3px 7px; /* IE7 */ } .buttons button img, .buttons a img { margin:0 0px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } /* BASE */ .container_content h1, .container_content h2, .container_content h3, .container_content h4, .container_content h5, .container_content h6 { margin-bottom:10px; } button:hover, .buttons a:hover { color:@text; background-image: none; } .buttons a:active { background-color:darken(@button,9%); border:1px solid darken(@button,11%); color:@white; } /* DEFAULT */ /*button.regular, */.buttons a.regular { color: #000; } .buttons a.regular:hover/*, button.regular:hover*/ { background-color:darken(@button,5%); border:1px solid darken(@button,7%); color: @text; } .buttons a.regular:active { background-color:darken(@button,9%); border:1px solid darken(@button,11%); color:@white; } button[disabled="disabled"] { opacity: 0.3; } button[disabled="disabled"]:hover { background-color: lighten(@button,24%); border:1px solid @button; border-top:1px solid lighten(@button,15%); border-left:1px solid lighten(@button,15%); } .left { float:left; } .right { float:right; } #left .container_content { padding-top: 0px; } #main .container_content { padding-top: 0px; } #right { /*position: relative; top:-122px; left:0;*/ } #right .container_content { padding-top: 0px; } #overbaner { padding: 0px; overflow: hidden; } #currency { margin: 3px; } .languages { position: relative; top: 4px; } .txt_lang { position: relative; top: -3px; } #online { float: left; padding: 10px 0px 5px 0px; color: lighten(@text,30%); } #underbaner { border: 1px solid @bar_border; background: url(/images/frontend/theme/default2/bg_gradient_menu.png) top left repeat-x; background-color: @bar; overflow: hidden; padding-right: 5px; /*-moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; */ color: @bar_text; height: 34px; } #underbaner #pick { position: relative; top: 6px; color: @color1; } #underbaner .languages { position: relative; top: 11px; } #underbaner #search #keywords input { border: none; } #underbaner #search { position: relative; top: 6px; } #content_baner { /*overflow: hidden;*/ } .logo { color: @black; padding-top: 0px; padding-bottom: 10px; overflow: hidden; } .logo a { text-decoration: none; color: @black; } .icon_logo { float: left; padding-bottom: 10px; padding-right: 15px; } .icon_logo a { font-size:8px; display: block; width: 181px; height: 131px; text-indent:-2000px; background: url(/images/frontend/theme/nss6/logo.jpg) top center no-repeat; } .box_logo { float: left; padding-top: 6px; } .box_logo h1 { font-size: 22px; } .txt_logo a { font-size: 10px; color: lighten(@black,65%); } .column_baner_right { width:750px; color: @black; padding: 0; position:relative; top:0; left:0; } .column_baner_right #qs-login-panel { position:absolute; top:56px; right:0; width: 177px; } .column_baner_right #qs-login-panel h2 { color:@black; white-space: nowrap; } .column_baner_right #qs-login-panel h2 span { color:#978f90; font-size:12px; font-style:italic; font-weight:normal; } .column_baner_right a { color: @color1; } .column_baner_right .header { padding-top: 1px; color: @color1; } .row { overflow: hidden; padding: 5px 0px; } #header #home { padding: 9px 10px 0 15px; } #underbaner a { color: @bar_text; font-weight: bold; text-decoration: none; } #underbaner a:hover { text-decoration: underline; } #header .row { padding: 0px; overflow: visible; } #content_baner .left { padding-right: 10px; overflow: hidden; height: 140px; } #header .right { padding-left: 10px; } #copyright { text-align: right; float:right; padding: 10px 0px; } #copyright .link { float:left; } #copyright .link a { text-decoration: none; color: lighten(@text,30%); } #copyright .logo_sote { float: left; padding-top: 3px; padding-left: 5px; } #copyright .logo_en { float: left; padding-top: 2px; padding-right: 5px; } #open { clear: both; display: block; color: @color4; text-decoration:none; text-align: center; font-size: 10px; line-height: 12px; } .header a { display: block; padding: 8px 10px 0px 10px; font-size: 13px; font-weight: bold; float: left; } #navigation { overflow: hidden; } #footer { margin-top: 10px; /*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; */ } #footer h4 { font-weight: bold; color: @color1; } #footer a { color: darken(@color2,10%); } .txt_input { position: relative; top:2px; } .txt { position: relative; top:2px; } #header .row .left { padding-right: 3px; } #header .row .right { padding-left: 3px; } .space10_right { padding-right: 10px; } /* formularze */ .st_form { padding: 0; margin: 0; } .st_form .st_row { padding: 5px 0px; clear: both; } .st_form .st_row_last { clear: both; border-top: 1px solid @border; background-color: @color5; } .st_form label { float: left; width: 100px; text-align: right; } .st_form .st_field { margin-left: 110px; } .st_form .st_error { margin-left: 110px; color: red; } #main_categories .category a, #subcategories .name a { font-size: 1em; font-weight: bold; } #main_products .basket, #product_long .basket { background-color: @color5; border-top:1px solid lighten(@color1,75%); } #main_products .description, #product_long .description { color: lighten(@color1,45%); } .basket a { color: @a_selected; } .box .content .full { background-color: @white; } /** do elementów przesuwania [wyrzucic] **/ .block-hover { border: 1px dashed @color3; } #schowek_add { padding-right:12px; margin-right:12px; border-right:1px solid @color3; } #js_frame { display:none; } #img_delivery,#img_card { margin-top: 10px; } /* module stBasket */ #st_basket-add-button-content { background-color: lighten(@button,24%); border: 1px solid @button; border-top: 1px solid lighten(@button,15%); border-left: 1px solid lighten(@button,15%); color:@text; } #st_basket-add-button-content input { color: #000; } /* module stCategory */ #st_category-list > li { border-top: 1px solid @border; } #st_category-tree_background, #main_categories, #subcategories { width:545px; margin: 0px; padding: 20px; border:#d8d6d5 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .cat-pliki-do-pobrania-css-class-category { border: none !important; } .st_category-tree_subcategories, #main_categories .item, #subcategories .item { width: @column3on4 - 12; margin: 0 @space3on4/2; float: left; } #main_categories .image, #subcategories .image { width: 100%; text-align:center; } #main_categories .item .box, #subcategories .item .box { background-color: #fff; } #main_categories .item .names, #subcategories .item .names { height: 36px; padding: 0 6px; text-align:center; } #main_categories .item .names img, #subcategories .item .names img { display: none; } #main_categories .item .names a, #subcategories .item .names a { color: @black; display:block; } #main_categories .item .names a:hover, #subcategories .item .names a:hover { color: #00aff8; } /* module stCurrencyPlugin */ #pick select#currency { border: 1px solid @color3; color: @black; background-color:@white; } /* module stNavigationPlugin */ #path a { color: lighten(@color1,15%); } #path .not_active { color: @color1; } /* module stNewsletterPlugin */ #newsletter .content .sign .email { border: 1px solid @border; } #newsletter .content .sign .email input { background-color: @white; } #newsletter .content .sign .email .submit input { border: 1px solid @border; background-color: @white; } .email #newsletter_email { color: #000; } /* module stProduct */ .price, .major_price span { color: @black; } .minor_price { color: @black; } .old_price, .old_price span, .price .old_price { color: @red; } #list #product_other { margin-left: 0px - @space3on5; margin-right: 0px - @space3on5; } #product_other .item, #product_recommend .item, #product_accessories .item { width: @column3on5; margin-left: @space3on5; } #product_other .image, #product_recommend .image, #product_accessories .image { width: @column3on5 - 2; } /* Product list long and main */ @columnx: @space * (-1); #main_products, #product_long { margin: 0px @columnx 10px @columnx; } #main_products .item, #product_long .item { width: @column - 2; margin-left: @space; } #product_other .image, #product_recommend .image, #product_accessories .image { border: 1px solid @border; background-color: #fff; } #product_short .bg_grey_short td { background-color: darken(@white,5%); } .box_photo_sort { border: 1px solid @border; background-color: @white; } #product_card .label { border: 1px solid @border; } #product_card .information .price { border-top: 1px dotted @border; } #product_card .information .basket { border-bottom: 1px dotted @border; } .border_basket { border-top: 1px solid @white; } /* module stTabNavigatorPlugin */ .st_tab_navigator li a { /*color: @text;*/ background-color: #A6A8AA; } .st_tab_navigator li a span { } .st_tab_navigator li.st_selected a { /*color: @text;*/ } .st_tab_navigator li.st_selected a span { } .st_content_tab { border: 1px solid @border; background-color: @white; } .name a, .product_link a { color: @black; } #basket_tooltip table th, #basket_tooltip table td, #basket_products table th, #basket_products table td { background-color: #fff; } .st_basket-product-name a { color: #000; } .box_info .content { padding: 10px; } #recommend_overlay, #recommend_shop_overlay { background-color: @white; } /* myStyle */ /* Niebieski: #004ba4; */ html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { font-family: inherit; /*font-weight: inherit;*/ font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0; } body{ /*background: #FFF url(/images/frontend/theme/nss6/bg_linia1.jpg) top center no-repeat;*/ font: 11px Arial; color: #393939; line-height: 18px; } img{ border: 0px none; } a{ outline: none; } .left{ float: left; } .right{ float: right; } .center{ margin: 0px auto; } .no_border{ border: 0px none !important; } .no_margin{ margin: 0px !important; } .space_20{ height: 20px; clear: both; } h2 a { text-decoration: none; } h2 a:hover { text-decoration: underline; } div.clear-all { float: none; clear: both; } /*****************************************************/ #top{ width: 990px; height: 200px; margin: 0px auto; } #top #logo{ display: block; float: left; text-indent: -5000px; height: 150px; width: 260px; } #search{ width: 220px; margin-top: 0px; float: right; background: #FFF; } #search input{ border: 5px solid #D8D8D8; height: 21px; padding: 0px 5px 5px 5px; float: right; width: 205px; background: #FFFFFF; font-size: 11px; font-family: Arial; color: #8b8b8b; } #search #go{ width: 62px; height: 20px; float: right; display: block; text-indent: -5000px; padding: 0px; border: 0px; background: url(/images/frontend/theme/nss6/szukaj_btn1.jpg) left top no-repeat; } #search #go:hover{ background: url(/images/frontend/theme/nss6/szukaj_btn1_ov.jpg) left top no-repeat; } #search a#go:hover{ background-position: bottom; } #search #adv { /*color: #5a9be4;*/ color: #000; clear: both; float: left; padding-bottom: 15px; } #search #adv:hover { color: #CCF; } #top_question_form_tab { overflow: hidden; position:absolute; top:71px; right:0; z-index:9999; } #top_question_form_tab #question_form_btn { display: block; width:27px; height:143px; background: url(/images/frontend/theme/nss6/masz_pytanie_tab.gif) left top no-repeat; white-space: nowrap; text-indent:500px; } #client_question_form_outerbox { width:1px; overflow: hidden; } #client_question_form { width: 542px; display:block; color: #241f20; font-size:12px; line-height:normal; padding:25px 25px 12px 25px; background-color: #00aff8; position:relative; top:0; left:1px; } #client_question_form .qs-form-content { width:400px; letter-spacing: 0; } #client_question_form .qs-form-content .form-start { padding-top: 14px; } #client_question_form h1, #client_question_form h2, #client_question_form h3, #client_question_form h4, #client_question_form h5, #client_question_form h6 { color: #241f20; font-size:14px; margin-bottom:14px; } #client_question_form .qs-form-content .row { float:left; width:100%; padding-bottom:4px; position:relative; } #client_question_form .qs-form-content .row label { float: left; display:block; width:100px; line-height:27px; } #qs_client_question_permision_for_personal_data_handle_box label.error, #client_question_form .qs-form-content label.error { float:left; line-height:normal; width:80% !important; color:#ce0216 !important; text-shadow: 1px 1px 2px #666 } #qs_client_question_permision_for_personal_data_handle_box label.error { width:264px; } #client_question_form .qs-form-content .row input { float: right; padding: 5px 16px; width: 256px; } #client_question_form .qs-form-content textarea { float: left; width:378px; padding: 10px; } #qs_client_question_permision_for_personal_data_handle_box { float: left; width:314px; padding-top: 14px; } #qs_client_question_permision_for_personal_data_handle { float: left; margin-right:12px; } #qs_client_question_permision_for_personal_data_handle_box div.permision-text { float: right; width:284px; font-size:11px; } #client_question_form #qs_client_question_commit { float: right; font-weight:bold; margin-right:0; margin-top: 14px; } /*****************************************************/ #menu{ float:right; height: 20px; width: auto; margin: 0px auto; position: relative; top:0; right:-12px; padding-top:17px; z-index: 10; } #menu ul{ list-style: none; float: left; height: 20px; } #menu ul li{ background: url(/images/frontend/theme/nss6/top_menu_sep.gif) left center no-repeat; position: relative; float: left; width: auto; height: 20px; top: 0px; } #menu ul li:first-child { background: none; } /*pierwsza linia*/ #menu ul li a{ width:auto; display: block; text-decoration: none; padding-left: 12px; padding-top: 2px; color: #000; font-family: "Arial"; font-size: 14px; font-weight: bold; } #menu ul li a span{ display: block; height: 18px; line-height: 15px; padding-right: 12px; cursor: pointer; } #menu ul li a:hover{ color: #00aff8; } #menu ul li a:hover span{ } #menu li ul{ float:none; position: absolute; left: 0px; top: 20px; display: none; padding: 0px; z-index: 100; margin-left: 0px !important; } #menu li ul li{ background: none; background-color: white; height: auto; float: none; } /* Styles for Menu Items */ #menu ul li ul li a{ padding-left: 12px; padding-bottom: 1px; line-height: 14px; font-size: 12px; font-family: Arial; white-space:nowrap; display:block; } #menu ul li ul li a:hover{ } #menu ul li ul li a span, #menu ul li ul li a:hover span{ height: auto; display:block; padding-right: auto; text-transform: none; overflow:hidden; background: none; } * html ul li { float: left; height: 1%; } * html ul li a { height: 1%;} #menu li:hover ul, li.over ul { display: block; } /* The magic */ #menu .right{ /* background: url(/images/frontend/theme/nss6/menu_right.gif) top right no-repeat; display: block; */ float: right; height: 50px; width: 10px; } /*****************************************************/ /* Strona główna /*****************************************************/ #top_header { height:140px; overflow: visible; } #content-body { width: 990px; padding: 0px; overflow: hidden; margin: 0px auto; } #baner_wrap{ color: white; background:#FFF; width: 990px; padding: 10px 0px 0px 0px; overflow: hidden; margin: 0px auto; } #baner_wrap #baner-main-page{ width: 745; float: left; background:#FFF; } #baner_wrap #baner-main-page ul{ margin-top: 5px; list-style: none; float: right; } #baner_wrap #baner-main-page ul li{ float: left; } #baner_wrap #baner-main-page ul li a{ /* background: url(/images/frontend/theme/nss6/baner_nav.gif) no-repeat;*/ width: 18px; height: 20px; padding-right: 2px; text-decoration: none; color: #fff; font-weight: bold; display: block; text-align: center; line-height: 18px; margin-left: 2px; } #panel { padding-bottom: 5px; position: relative; top:0; left:0; background-color: @white; } #panel h2, #panel h3 { color:@black; line-height: 25px; padding-left: 11px; font-size: 14px; } #panel h3 { font-size:12px; padding-left: 0px; } #panel form{ overflow: hidden; margin-bottom: 0px; } #panel #panel-logowania-content label.error { width:100% !important; line-height: normal; font-size:10px; } #panel input{ width: 157px; padding: 4.5px 9px; height: 16px; border: 1px solid #CECECE; font-size: 12px; font-style: italic; color: #978f90; font-family: Arial, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 6px; } #panel #user_password { width: 94px; float:left; border-right:none; } #panel #login { width: 64px; height: 27px; float: right; margin: 0; padding: 0px; border: none; background: none; } #panel a#login:hover{ background-position: bottom; } #panel #btn_rejestracja{ float: right; display: block; margin-top: 0; font-size: 10px; padding-left:14px; font-weight: bold; position: relative; top:-5px; left:0; background: url(/images/frontend/theme/nss6/arrow_right.gif) left 6px no-repeat; } #panel-logowania-content .padding-left { padding-left:11px; } #panel-logowania-content p.error { color:#f00; font-style: italic; font-size:12px; } #panel-logowania-content a { font-style: italic; display:block; text-decoration: underline; line-height:20px; } #qs-indicator-box { display:none; position:absolute; top:24px; left:0; width:177px; height: 76px; background: url(/images/frontend/theme/default2/loading.gif) center center no-repeat #fff; } #nowosci_wrap{ background: #a4bbd6 url(/images/frontend/theme/nss6/nowosci_down.gif) center bottom no-repeat; width: 970px; padding: 20px 10px 60px; overflow: hidden; margin: 0px auto; } #nowosci_wrap h2{ background: url(/images/frontend/theme/nss6/nowosci_up.gif) top center no-repeat; height: 45px; margin-bottom: 0px; } #nowosci_wrap #slider { position: relative; margin: 0px auto; width: 908px; height: 250px; border: none; } #nowosci_wrap #main-page-scroll-products-container { width: 908px; height: 250px; overflow: hidden; } #nowosci_wrap #slider #s_left{ background: url(/images/frontend/theme/nss6/slider_left.gif); width: 28px; height: 28px; display: block; text-indent: -5000px; position: absolute; top: 90px; left: -33px; z-index: 10; } #nowosci_wrap #slider #s_right{ background: url(/images/frontend/theme/nss6/slider_right.gif); width: 28px; height: 28px; display: block; text-indent: -5000px; position: absolute; top: 90px; right: -33px; z-index: 10; } .product_box { margin: 0px 0px 10px 0px; text-align: center; background: url(/images/frontend/theme/nss6/info_box_bg.gif) top left repeat-x; } .box_info .product_box h3 { margin-bottom: 0px; } #nowosci_wrap #main-page-scroll-products-container .product_box { margin-right: 12px; } .product_box .tytul{ display: block; padding: 5px ; text-decoration: none; color: #00aff8; text-align: left; font-size: 15px; font-weight: bold; font-family: Arial; } .product_box_ostatnio{ margin: 0px 0px 10px 0px; text-align: center; } .product_box h3, .product_box_ostatnio h3 { padding: 0 16px; text-align: left; background-color: #00aff8; } .product_box h3 .naglowek, .product_box_ostatnio h3 .naglowek { color: #fff; background: url("/images/frontend/theme/default2/buttons/heading-arrow.png") no-repeat scroll right center; text-shadow:0px 2px 2px #444; display: block; line-height: 24px; font-size: 14px; font-weight: bold; letter-spacing: 0; } .product_box h3 { background: #A6A8AA; } .product_box_ostatnio h3 .naglowek:hover { text-decoration: underline; } .product_box_ostatnio .tytul{ background: #FFF; display: block; padding: 5px ; text-decoration: none; color: #00aff8; font-weight: bold; text-align: left; font-size: 15px; font-family: Arial; } .product_box div.content { text-align: left; padding-left: 16px; padding-right: 8px; padding-bottom: 8px; padding-top: 0px; margin-top: 0px; } .product_box_ostatnio div.content { padding: 8px; padding-top: 0px; margin-top: 0px; } .product_box .zdjecie{ display: block; padding: 4px 8px; height: 128px; border: 2px; border-color: green; } .product_box_ostatnio .zdjecie{ display: block; padding: 4px 8px; height: 128px; border: 2px; border-color: green; } .product_box .wiecej:hover{ background-position: right; } .product_box .wiecej, .product_box_ostatnio .wiecej{ /*background: url(/images/frontend/theme/nss6/dalej_btn.jpg) no-repeat right ;*/ width: auto; font-weight: bold; margin: 3px 9px 0px; height: 25px; text-align: right; /*text-indent: -5000px;*/ display: block; } .product_box_ostatnio .wiecej:hover{ background-position: right; } #aktualnosci_wrap{ background: #FFF; width: 990px; padding: 0px; overflow: hidden; margin:0px ; float: left; } #kolumna{ width: 177px; float: right; margin-right: 0px; margin-top: 20px; } #kolumna2{ width: 220px; float: right; margin-right: 0px; margin-top: 0px; } #kolumna2 #login{ width: 87px; height: 25px; float: right; margin-top: 5px; text-indent: -5000px; padding: 0px; border: 0px !important; background: none; background: none !important; } #kolumna2 #rej{ color: #5797e0; float: left; margin-top: 5px; } #aktualnosci_wrap h2{ color: #000; } #aktualnosci_wrap .news{ width: 100%; } .border{ padding-right: 0px; } .news img{ border: 0px solid #3d71aa; padding: 4px; } /*.news .pic a{ display: block; padding: 3px 0px; width: 150px; text-align: center; background: #fff; }*/ .news .content{ width: 370px; height: 220px; color: #000; border: 1px solid #e2e3e3; } #news-page-list .border { border: 0px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #305c8d; } #news-page-list .news .content{ margin-bottom: 10px; } .news .content .data{ color: #679bd4; } .news .content h1 { margin-bottom: 10px; } .news .content h1, .news .content h1 a { color: #86b8f0; font-size: 16px; text-decoration: none; } .news .content h1 a:hover { text-decoration: underline; } .news .content a.dalej{ background: url(/images/frontend/theme/nss6/dalej_btn.jpg) no-repeat; width: 80px; height: 15px; display: block; float: right; text-indent: -5000px; margin: 10px 10px 10px 10px; } .news .content a.dalej:hover{ background-position: bottom; } #marki_wrap{ background: #FFF /*url(/images/frontend/theme/nss6/marki_down.gif) left bottom no-repeat*/; width: 975px; padding:20px 0 16px 0; overflow: hidden; margin:0px auto; } #marki_wrap h2{ padding-top: 10px; margin-bottom: 10px; padding-left: 10px; } #marki_wrap h2.bg{ background: url(/images/frontend/theme/nss6/marki_up.gif) no-repeat; } #marki_slider{ padding: 0px; text-align: center; overflow: hidden; height:34px; } #info_wrap{ width: 975px; padding: 20px 10px 20px; overflow: hidden; margin:0px auto; color: #000; background: #f2f2f3; } #info_wrap h2{ color: #000; } #info_wrap a{ color: #000; text-decoration: none; } #info_wrap a:hover { text-decoration: underline; } #info_wrap p{ margin-bottom: 5px; } #newsletter{ width: 240px; float: right; padding:0px ; font-size:10px; line-height:110%; } #newsletter h2 { font-size:12px; font-weight: normal; padding-bottom:15px; } #newsletter p { padding-bottom:15px; } #newsletter h2 a { text-decoration: none; } #newsletter h2 a:hover { color:#00aff8; } #newsletter input{ border: 1px solid #c1c1c1; border-right: none; height: 16px; padding: 4.5px 5px; float: left; width: 164px; font-size: 12px; font-style: italic; color: #8b8b8b; } #newsletter #newsletter_btn{ width: 64px; height: 27px; float: left; padding: 0px; border: 0px; } #newsletter #newsletter_btn:hover{ background-position: bottom; } #pomoc{ padding:12px ; border: 1px solid #e0e0e0; background: url(/images/frontend/theme/nss6/info_box_bg.gif) left -20px repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; } #portal_right #pomoc h2{ margin-bottom: 12px; font-weight: bold; font-size: 14px; } #portal_right #pomoc h3{ margin: 12px 0; font-weight: bold; font-size: 18px; color: #00aff8 !important; } #info{ width: 240px; float: left; padding:10px 0px 0px 15px ; height: 140px; } #info h2{ font-weight: bold; font-family: Tahoma; } #info ul{ list-style: none; } #info ul li{ /* background: url(/images/frontend/theme/nss6/info_li.gif) 0px 4px no-repeat;*/ padding-left: 20px; } #skroty_wrap{ background: #000 ; text-transform: uppercase; width: 970px; padding: 10px ; margin:0px auto; position: relative; color: #FFF; text-align: center; font-family: Myriad Pro; font-size: 15px; } #skroty_wrap #t{ background: #000; width: 970px; position: absolute; height: 10px; z-index: 10; top: 0; right: 0; } #skroty_wrap a{ color: #fff; text-decoration: none; } #footer{ color: @black; clear: both; width: 975px; margin: 0px auto; padding: 0px; } #footer a{ color: @black; text-decoration: none; } #footer a:hover { color: #00aff8; } #footer_realizacja { width: 400px; margin: 0 auto; font-size:10px; color:#CDCDCD; text-align: center; } #footer_realizacja a { color:#CDCDCD; } #footer_realizacja a:hover { color:#00aff8; } /*****************************************************/ /* Podstrony */ /*****************************************************/ #breadcrumb{ background: #FFF; width: 770px; padding: 0px; margin:0px; color:#000; min-height:18px } #wrap{ background:#FFF url(/images/frontend/theme/nss6/wrap.gif); width: 990px; margin:0px auto; overflow: hidden; } #wrap_btm{ background: #FFF url(/images/frontend/theme/nss6/c_btm.png) 200px top no-repeat; margin:0px auto 0px; width: 990px; height: 15px; clear: both; } #side_left{ background: #FFF; padding: 20px 0px 10px; position: relative; width: 200px; float: left; margin-bottom: 0px; z-index: 1; } #side_left h2{ margin-bottom: 0px; text-decoration: solid; font-family: "Arial"; } #side_left ul#nss-menu li{ text-decoration: none; background: #FFF; color: #929496; } #side_left ul#nss-menu li a{ margin-left: 20px; text-decoration: none; color: #929496; } #side_left ul#nss-menu li a:hover{ margin-left: 20px; text-decoration: none; color: #000; } #side_left ul{ width: 160px; list-style: none; padding-left: 0px ; } #side_left ul li{ border: 0px solid #0E0E0E; padding: 2px 0px 0px 10px; } #side_left ul li a{ margin-top: 0px; color: #FFF; font-size: 13px; font-weight: bold; text-decoration: none; } #side_left ul li a:hover{ color: #000; font-weight: bold; } #side_left ul li ul{ padding: 0px 0px 5px; } #side_left ul li ul li{ line-height: 20px; border-bottom: none; } #side_left ul li ul li a{ text-decoration: none; font-weight: normal; color: #929496; } #side_left ul li ul li a:hover{ font-weight: bold; } #side_left .btm{ /* background: url(/images/frontend/theme/nss6/side_l.png); position: absolute;*/ height: 10px; width: 200px; bottom: -10px; left: 0px; } #side_right{ background: #FFF; padding: 20px 0px 0px 20px; position: relative; width: 220px; float: left; margin-bottom: 0px; } #side_right h2{ color: #FFF; } #side_right #panel input{ background: #FFF url(/images/frontend/theme/nss6/panel_input_bg_21.gif) repeat-x; border: 1px solid #CECECE; color: #CECECE; } #side_right #panel #rej{ color: #445e7c; } #side_right #panel #rej:hover{ color: #445e7c; background: url(/images/frontend/theme/nss6/side_r.png); } #side_right .btm{ /* background: url(/images/frontend/theme/nss6/side_r.png); position: absolute;*/ height: 10px; width: 240px; bottom: -10px; left: 0px; } #content{ float: left; background: #fff; width: 530px; margin: 0px 0px 20px 0px; padding: 20px 10px 0px; } #content h2{ padding-bottom: 3px; border-bottom: 1px solid #dae7f6; margin-bottom: 10px; } #content .text{ margin: 5px; } /*****************************************************/ /* Kategoria */ /*****************************************************/ #content .nav_bar{ /* background: url(/images/frontend/theme/nss6/nav_bg.gif);*/ height: 23px; line-height: 23px; color: #67809e; font-size: 11px; padding: 0px 10px; margin-top: 10px; width: 510px; } #content .nav_bar a{ text-decoration: none; font-weight: bold; color: #67809e; } #content .nav_bar span.active{ background: #fff; border: 1px solid #67809e; padding: 0px 2px; } .product_row{ overflow: hidden; margin-top: 40px; border-bottom: 1px solid #C4C4C4; position: relative; top:0; left:0; } .product_row{ overflow: hidden; margin: 10px 0px 0px; } .product_row .img{ float: left; width:240px; position:relative; top:0; left:0; } .product_row .buttons a { border: none; color: #cdcdcd; background: none; text-transform: none; } .product_row .buttons a:hover { color: #00aff8; } #product_photo .img-nowosc, .product_row .img-nowosc { position:absolute; width:83px; height:65px; background: url("/images/frontend/theme/nss6/icon_nowosc.png") no-repeat left top; top:0; left:0; z-index:999; } .product_row .img a{ display: block; padding: 0px; width: 240px; text-align: center; overflow: hidden; } .product_row .opis{ width: 340px; float: right; padding-bottom:30px; } .product_row h2 { /* background: url(/images/frontend/theme/nss6/kat_tytul.gif);*/ float:left; width: 380px; height: 21px; font-size: 14px; margin-bottom: 0px; padding-top: 5px; font-weight: bold; } .product_row h2 a { color: #00aff8; text-decoration: none; display: block; } .product_row h2 a:hover { color: @black; } .cat-pliki-do-pobrania-css-class { border:none; } .cat-pliki-do-pobrania-css-class .product-name-box { padding-bottom: 0 !important; } .cat-pliki-do-pobrania-css-class h2 { float: none; height: auto; width: 100%; } .cat-pliki-do-pobrania-css-class h2 a { color: @black; text-decoration: underline; } .cat-pliki-do-pobrania-css-class h2 a.product-name-link-displayed { color: #f00; } .cat-pliki-do-pobrania-css-class h2 a:hover { color: #00aff8; text-decoration: none; } .product-pliki-do-pobrania-content h2 { display:none; } .product_row .product-name-box { padding-bottom:10px; } .product_row .product-name-box .producer-logo { float: right; font-size:18px; } .product_row .opis div.button { margin: 0px 0px 10px 10px; padding-top: 10px; border-top: 0px solid #dae7f6; } .product_row .opis .wiecej{ display: block; position: absolute; bottom:0; right:0; font-style: italic; } /*****************************************************/ /* Kategoria /*****************************************************/ .t_l{ /* background: url(/images/frontend/theme/nss6/t_l.gif);*/ width: 5px; height: 5px; position: absolute; top: -1px; left: -1px; } .t_r{ /* background: url(/images/frontend/theme/nss6/t_r.gif);*/ width: 5px; height: 5px; position: absolute; top: -1px; right: -1px; } .b_r{ /* background: url(/images/frontend/theme/nss6/b_r.gif);*/ width: 5px; height: 5px; position: absolute; bottom: -1px; right: -1px; } .b_l{ /* background: url(/images/frontend/theme/nss6/b_l.gif);*/ width: 5px; height: 5px; position: absolute; bottom: -1px; left: -1px; } #product{ overflow: hidden; } #product_photo { width: 212px; float: left; margin-bottom: 20px; overflow: hidden; text-align: center; position: relative; top:0; left:0; } #product_photo .big{ border: 0px solid #a4bbd6; width: 180px; padding: 9px; text-align: center; display: block; margin-bottom: 10px; margin-top: 30px; position: relative; } #product_photo .min{ border: 0px solid #a4bbd6; width: 50px; padding: 4px; text-align: center; display: block; float: left; margin-right: 10px; margin-bottom: 10px; position: relative; } #product_info{ float: right; width: 510px; } #product_info p{ margin: 5px 0px; } #product_info a{ width: 205px; font-size: 11.5px; text-decoration: none; font-weight: bold; white-space: nowrap; } #product_info .pytanie{ display: block; float: left; margin-top: 5px; } #product_info .pytanie:hover{ } #product_info .powiadom{ background: url(/images/frontend/theme/nss/powiadom.gif); width: 192px; height: 24px; display: block; float: left; text-indent: -5000px; margin-top: 5px; } #product_info .powiadom:hover{ background-position: bottom; } #product_info .porownanie{ background: url(/images/frontend/theme/nss6/dodaj_btn.gif); width: 192px; height: 24px; display: block; float: left; text-indent: -5000px; margin-top: 5px; } #product_info .porownanie:hover{ background-position: bottom; } ul#meta{ width: 500px; height: 30px; list-style: none; } ul#meta li{ float: left; margin-right: 2px; } ul#meta li a{ background: url(/images/frontend/theme/nss6/meta_off_l.gif); display: block; padding-left: 10px; height: 24px; text-decoration: none; color: #585a5d; font-weight: bold; } ul#meta li a span{ background: url(/images/frontend/theme/nss6/meta_off_r.gif) top right no-repeat; display: block; padding-right: 10px; height: 24px; line-height: 22px; } ul#meta li a:hover, ul#meta li a.active{ background: url(/images/frontend/theme/nss6/meta_on_l.gif); color: #fff; } ul#meta li a:hover span, ul#meta li a.active span{ background: url(/images/frontend/theme/nss6/meta_on_r.gif) top right no-repeat; } #meta_text{ border: 1px solid #a4bbd6; padding: 14px; position: relative; } body { margin: 0; padding: 0; font-family: Arial,Helvetica, Verdana, sans-serif; color: @text; font-size: 12px; text-align: left; letter-spacing: 0px; line-height: 150%; background-color: @white; } input[type="text"], textarea, select, button { border:#cecccb 1px solid; background: #fff url("/images/frontend/theme/nss6/inpyt_bg.gif") repeat-x left top; font-family: Arial,Helvetica, Verdana, sans-serif; font-size: 12px; } input[type="text"], textarea { color: #978F90; font-style:italic; } button, #st_main_search_button, #panel #user_status .buttons a { border:none; color: @white; cursor: pointer; font-weight: bold; text-transform: uppercase; background: url("/images/frontend/theme/nss6/btn_bg.gif") repeat-x left top; font-family: Arial,Helvetica, Verdana, sans-serif; font-size: 12px; } fieldset { padding: 0px; } h1, h2, h3, h4, h5, h6, table, td, th, ul, ol, li, form { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6 { color: #00aff8; /*font-weight: normal;*/ } #portal_right h1, #portal_right h2, #portal_right h3, #portal_right h4, #portal_right h5, #portal_right h6 { color: @black; margin-bottom:0; } h1 { font-size: 2.5em; font-weight: bold; line-height: 1.1em; } h2 { font-size: 1.6em; line-height: 1.1em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5 { font-size: 1.05em; } h6 { font-size: 1.05em; } a { color: #978f90; text-decoration: none; outline-style:none; } a:hover { color: #00aff8; } p { font-size: 11px; line-height:normal; margin-bottom:10px; } ul,ol { list-style-position: inside; margin-left: 0px; list-style-type:none; } ol ol, ul ul { margin-left: 1.4em; } dt { font-weight: bold; } dd { margin-left: 0px; } blockquote { margin: 0px; font-style: italic; } img { border-style: none; } input[type="text"], select, textarea { border: 1px solid #ccc; padding: 4px 16px; } input[type="submit"], input[type="button"] { cursor: pointer; } input[type="submit"]:hover, input[type="button"]:hover { background-image: none; } /*table { border-left:1px solid @border; border-top: 1px solid @border; } table th, table td { border-right:1px solid @border; border-bottom: 1px solid @border; padding: 5px; background-color: @white; color: #000; } table th { background-color: @color5; }*/ .tinymce_html ul { list-style-type: disc; } .tinymce_html ul ul { list-style-type: circle; } .tinymce_html ul ul ul { list-style-type: square; } .tinymce_html ol { list-style-type: decimal; } .tinymce_html button { display:block; float:left; background-color: lighten(@button,24%); border:1px solid @button; border-top:1px solid lighten(@button,15%); border-left:1px solid lighten(@button,15%); line-height:130%; text-decoration:none; color:@text; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ } .tinymce_html button:hover { background-color:darken(@button,5%); border:1px solid darken(@button,7%); color: @text; } #container { margin: 0 auto; width: @width; } #left { float: left; width: 177px; text-align: left; line-height: 142%; margin-right: 18px; } #main { float: left; width: 586px; display: inline; margin-left: 0; margin-right: 0; } #right { float: right; width: 177px; text-align: left; line-height: 142%; }