/** * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark * html5doctor.com/html-5-reset-stylesheet/ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } /** * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/ */ body { font:12px/1.231 Arial, Helvetica, sans-serif; *font-size:small; } /* Hack retained to preserve specificity */ select, input, textarea, button { font:99% sans-serif; } /* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /** * Minimal base styles. */ /* Always force a scrollbar in non-IE */ html { overflow-y: scroll; overflow-x: hidden; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; } ul, ol { margin-left: 2em; } ol { list-style-type: decimal; } /* Remove margins for navigation lists */ nav ul, nav li { margin: 0; list-style:none; list-style-image: none; } small { font-size: 85%; } strong, th { font-weight: bold; } table { background-color: #e0e0e0; width: 100%; margin-bottom: 10px; color: #4e5a6c; } thead { } thead tr { background: #4e5a6c url(images/layout/bg-thead.png) no-repeat 0 0; } tbody { } tbody tr { } tr {} td, th { vertical-align: middle; padding: 8px 10px; border-width: 1px; border-style: solid; border-color: #ededed #d3d3d3 #d2d2d2 #f0f0f0; } th { color: #e0e0e0; font-weight: bold; border-right-color: #f1f1f1; } /* Set sub, sup without affecting line-height: gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre { /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ .ie6 legend, .ie7 legend { margin-left: -7px; } /* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ input[type="radio"] { vertical-align: text-top; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } /* Hand cursor on clickable input elements */ label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } /* `Forms ----------------------------------------------------------------------------------------------------*/ .input_tiny{width:47px;} .input_small{width:100px;} .input_medium{width:152px;} .input_large{width:197px;} .input_xlarge{width:250px;} .input_xxlarge{width:300px;} .input_full{width:100%;} .input_full_wrap{display:block;padding-right:8px;} ::-moz-focus-inner{border:0;} input[type="search"]::-webkit-search-decoration{display:none;} input,button,select,textarea{-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;vertical-align:middle;margin:0;} button,.button,input[type="reset"],input[type="submit"],input[type="button"]{-webkit-appearance:none;-moz-border-radius:11px;-webkit-border-radius:11px;border-radius:11px;background:-moz-linear-rgb (center top , #e2e2e2 0%, #bebcbc 100%) repeat scroll 0 0 transparent;border:1px solid;cursor:pointer;color:#474747;font:bold 12px/1.2 Arial, sans-serif;outline:0;overflow:visible;text-shadow:#fff 0 1px 1px;width:auto;border-color:#E1E1E1 #BEBEBE #A8A6A6;padding:4px 10px 3px;text-shadow:none;} textarea,select,input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"]{-webkit-appearance:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border:1px solid;color:#8e8e8e;outline:0;font-size:12px;font-family:Arial, sans-serif;height:auto;border-color:#dad8d8;padding:4px 5px 3px;} fieldset select{color:#8e8e8e;} textarea[disabled],select[disabled],input[type="date"][disabled],input[type="datetime"][disabled],input[type="datetime-local"][disabled],input[type="email"][disabled],input[type="month"][disabled],input[type="number"][disabled],input[type="password"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="text"][disabled],input[type="time"][disabled],input[type="url"][disabled],input[type="week"][disabled]{background-color:#eee;color:#888;} button:focus,button:active,.button:focus,.button:active,input:focus,input:active,select:focus,select:active,textarea:focus,textarea:active{z-index:1;border-color:#9ddcf9;} input:focus,input:active,select:focus,select:active,textarea:focus,textarea:active{z-index:1;border-color:#9ddcf9;box-shadow: 0 0 3px #9DDCF9 inset;} input[type="file"]:focus,input[type="file"]:active,input[type="radio"]:focus,input[type="radio"]:active,input[type="checkbox"]:focus,input[type="checkbox"]:active{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} .is_webkit select{background-image:url(images/form/select_arrow.gif);background-repeat:no-repeat;background-position:right center;padding-right:20px;} textarea,select[multiple]{height:auto;} select[multiple],.is_webkit select[multiple]{background-image:none;padding:0;} textarea{min-height:40px;overflow:auto;resize:vertical;width:100%;} optgroup{color:#000;font-style:normal;font-weight:400;} .ie6_button,* html button,* html .button{background:#ddd url(images/form/button.png) repeat-x;border:1px solid;cursor:pointer;color:#333;font:bold 12px/1.2 Arial, sans-serif;overflow:visible;width:auto;border-color:#ddd #bbb #999;padding:2px 10px 0;} .ie6_input,* html textarea,* html select{background:#fff;border:1px solid;color:#000;font-size:13px;font-family:Arial, sans-serif;vertical-align:top;border-color:#848484 #c1c1c1 #e1e1e1;padding:2px 3px 1px;} * html select{margin-top:1px;} .ie6_input_disabled{background:#eee;} * html button,* html .button{padding-top:1px;padding-bottom:1px;} button[disabled],.button[disabled],input[type="reset"][disabled],input[type="submit"][disabled],input[type="button"][disabled],input.placeholder_text,textarea.placeholder_text,::-webkit-input-placeholder,.placeholder_text,.ie6_input_disabled,.ie6_button_disabled{color:#888;} .button { background: url("images/form/bg-button.png") no-repeat scroll 0 0 transparent; border: medium none; font-size: 11px; height: 23px; letter-spacing: -0.01em; line-height: 22px; padding: 0; text-align: center; text-decoration: none; width: 79px; } /* These selection declarations have to be separate No text-shadow: twitter.com/miketaylr/status/12228805301 Also: hot pink! */ ::-moz-selection{ background: #00529c; color:#fff; text-shadow: none; } ::selection { background:#00529c; color:#fff; text-shadow: none; } /* j.mp/webkit-tap-highlight-color */ a:link { -webkit-tap-highlight-color: #00529c; } /* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ button { width: auto; overflow: visible; } fieldset.vertical-form { padding: 0; } fieldset.vertical-form ul, fieldset.vertical-form li, fieldset.horizontal-form ul, fieldset.horizontal-form li { list-style: none; margin: 0 } fieldset.horizontal-form li { float: left; margin-right: 15px; } fieldset.vertical-form label, fieldset.horizontal-form label { display: block; float: left; width: 120px; font-weight: bold; color: #828282; padding-top: 5px; margin-right: 5px; } fieldset.horizontal-form label { width: auto; } fieldset.vertical-form label { padding-top: 0; } fieldset.vertical-form em, fieldset.horizontal-form em { color: #4DBEED; font-weight: bold; } fieldset.vertical-form label em, fieldset.horizontal-form label em { font-size: 18px; vertical-align: sub; } fieldset.vertical-form input.text, fieldset.vertical-form textarea, fieldset.vertical-form select, fieldset.horizontal-form input.text, fieldset.horizontal-form textarea, fieldset.horizontal-form select { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 2px #DAD8D8 inset; -webkit-box-shadow: 0 0 2px #DAD8D8 inset; box-shadow: 0 0 2px #DAD8D8 inset; } fieldset.vertical-form label.checkbox, fieldset.vertical-form label.radio, fieldset.horizontal-form label.checkbox, fieldset.horizontal-form label.radio { display: inline; width: auto; padding-right: 40px; float: none; font-weight: normal; } fieldset span.desc { color: #B9B9B9; display: block; float: right; font-size: 11px; font-weight: normal; margin-top: -9px; position: relative; top: 8px; width: 265px; } .form-desc { background-color: #e8e8e8; } /* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode: bicubic; } /** * You might tweak these.. */ body, select, input, textarea { /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ color: #444; /* Set your base font here, to apply evenly */ /* font-family: Georgia, serif; */ } /* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */ h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #5dbfed; } h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; font-weight: bold; } h1 { font-size: 1.5em; /* 24px --> 24 ÷ 16 = 1.5 */ line-height: 1em; /* 24px --> 24 ÷ 24 = 1 */ margin-bottom: 0; } h2 { font-size: 1.375em; /* 22px --> 22 ÷ 16 = 1.375 */ line-height: 1.0909em; /* 24px --> 24 ÷ 22 = 1.090909(09) */ } h3 { font-size: 1.25em; /* 20px --> 20 ÷ 16 = 1.25 */ line-height: 1.2em; /* 24px --> 24 ÷ 20 = 1.2 */ } h4 { font-size: 1.125em; /* 18px --> 18 ÷ 16 = 1.125 */ line-height: 1.333em; /* 24px --> 24 ÷ 18 = 1.3333333(3) */ } h5, h6 { font-size: 1em; /* 16px --> 16 ÷ 16 = 1 */ line-height: 1.5em; /* 24px --> 24 ÷ 16 = 1.5 */ color: inherit; margin-bottom: 0; } .content h3 { font-size: 1em; margin-top: 1.5em; margin-bottom: 16px; } p { margin-bottom: 10px; line-height:1.4em; } a{ color: #607890; } a:active { } a:visited { } a:hover { color: #036; } /** * Primary styles * * Author: */ html, body { text-align: center; background: #fff; height: 100%; } #container { background: url(images/layout/bg-body.png) repeat-x 50% 100% #fff; min-height: 100%; } .container { width: 960px; margin: 0 auto; text-align: left; position: relative; } .inner { padding: 18px 25px; } .inner._rel { position:relative; } .infolinia_627667700{ min-height: 100px; background: url(images/layout/infolinia/627667700.png) no-repeat top right; } .infolinia_222501514{ min-height: 100px; background: url(images/layout/infolinia/222501514.png) no-repeat top right; } .infolinia_222501414{ min-height: 100px; background: url(images/layout/infolinia/222501414.png) no-repeat top right; } .infolinia_627667700._abs, .infolinia_222501514._abs, .infolinia_222501414._abs { position: absolute; top: 0; right: 0; width: 320px; height: 90px; z-index: 1} a.powrot_do_mapki { position: relative; margin: 93px 33px 0 0; width: 172px; height: 169px; z-index: 1; display: block; float:right; clear: right; background: url(images/serwis/powrot_do_mapki.png) no-repeat top right;} a.powrot_do_mapki:hover{background-image: url(images/serwis/powrot_do_mapki_active.png);} .module { /*background: url(images/module/module-top.png) no-repeat 0 0;*/ background-color: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15), 0 0 45px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15), 0 0 45px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15), 0 0 45px rgba(0, 0, 0, 0.15) inset; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-top: 40px; position: relative; margin-bottom: 10px; } .module-content { padding-top: 60px; color: #5e5e5e; font-size: 12px; } .module .inner { padding: 0 25px 20px; min-height: 61px; } .banner_group_1 .inner, .banner_group_2 .inner { padding-bottom: 5px; } .banner_group_1 { margin-bottom: 10px; } .banner_group_2 { margin-bottom: 5px; } .banner_group_2 li { position: relative; margin-left: 10px; } .lt-ie7 .banner_group_2 li.size1of3 { margin-left: 5px; } .lt-ie7 .banner_group_2 li.size1of4 { margin-left: 5px; } .lt-ie7 .banner_group_2 { width: 980px; } .banner_group_2 li.first figure { margin-left: -3px; } .module-content .inner { height: 288px; } .lt-ie9 .module-content .inner { height: 284px; } .lt-ie8 .module-content .inner { height: 295px; } .module .cols {} .module-content header { position: absolute; width: auto; height: 40px; top: 0; left: 0; padding: 0 25px; } .module-content header h2 { font-size: 22px; font-weight: normal; line-height: 60px; margin: 0; } .module-content .line { border-bottom: 1px solid #D3D3D3; margin-bottom: 20px; margin-left: 0; padding-bottom: 10px; width: 425px; } .module-content .col.line { padding-left: 10px; padding-right: 20px; } .module-content .line.first { padding-left: 0; } .module-content .lastUnit { padding-right: 10px; } .module-arrow, .module-bow { background-repeat: no-repeat; background-position: 0 0; display: block; position: absolute; text-indent: -9999px; z-index: 20; } .module-arrow { background-image: url(images/module/module-arrow.png); width: 35px; height: 35px; right: -4px; bottom: 3px; } .module-bow { background-image: url(images/module/module-bow.png); width: 96px; height: 94px; left: -3px; top: -1px; } .banner_group_2 li.first .module-arrow { right: -1px; } .banner_group_2 li.size1of4 .module-arrow { right: -3px; } .banner_group_2 li.size1of4.first .module-arrow { right: -1px; } .banner_group_2 .size1of3 .module-bow, .banner_group_2 .size1of4 .module-bow { left: -4px; } .lt-ie10 .module { background: url(images/module/module-top.png) no-repeat 0 0; margin-bottom: 5px; } .lt-ie10 .module .inner { background: url(images/module/module-inner.png) no-repeat 0 100%; } .lt-ie10 .module .module-arrow { right: -2px; bottom: 0; } .lt-ie10 .module .module-bow { left: -3px; top: 0; } .lt-ie10 .module.size1of2, .lt-ie10 .size1of2 .module { background: url(images/module/module-size1of2-top.png) no-repeat 0 0; } .lt-ie10 .module.size1of2 .inner, .lt-ie10 .size1of2 .module .inner { background: url(images/module/module-size1of2-bottom.png) no-repeat 0 100%; } .lt-ie10 .module.size1of3, .lt-ie10 .size1of3 .module { background: url(images/module/module-size1of3-top.png) no-repeat 0 0; } .lt-ie10 .module.size1of3 .inner, .lt-ie10 .size1of3 .module .inner { background: url(images/module/module-size1of3-bottom.png) no-repeat 0 100%; } .lt-ie10 .module.size1of4, .lt-ie10 .size1of4 .module { background: url(images/module/module-size1of4-top.png) no-repeat 0 0; } .lt-ie10 .module.size1of4 .inner, .lt-ie10 .size1of4 .module .inner { background: url(images/module/module-size1of4-bottom.png) no-repeat 0 100%; } /* .ie6 .module { background: url(images/module/module-top.gif) no-repeat 0 0; margin-bottom: 5px; } .ie6 .module .module-arrow { right: -2px; bottom: 0; } .ie6 .module .module-bow { left: -3px; top: 0; } .ie6 .module.size1of2 { background: url(images/module/module-size1of2-top.gif) no-repeat 0 0; } .ie6 .module.size1of2 .inner { background: url(images/module/module-size1of2-bottom.gif) no-repeat 0 100%; } .ie6 .module.size1of3 { background: url(images/module/module-size1of3-top.gif) no-repeat 0 0; } .ie6 .module.size1of3 .inner { background: url(images/module/module-size1of3-bottom.gif) no-repeat 0 100%; } .ie6 .module.size1of4 { background: url(images/module/module-size1of4-top.gif) no-repeat 0 0; } .ie6 .module.size1of4 .inner { background: url(images/module/module-size1of4-bottom.gif) no-repeat 0 100%; } .ie6 .module .inner { background: url(images/module/module-inner.gif) no-repeat 0 100%; } */ header { font-size: 11px; position: relative; z-index: 10; } header a, header a:link, header a:visited { text-decoration: none; color: #fff; text-shadow: 1px 1px 1px #111; } header .container { z-index: 14; } .site-title a { background-image: url(images/layout/logo.png); background-position: 0 50%; width: 121px; height: 58px; } .primaryNavigation { height: 31px; background: #00529c url(images/layout/bg-primaryNavigation.png) repeat-x 50% 100%; } .primaryNavigation ul { margin-top: 8px; } .primaryNavigation li { padding-right: 10px; } .primaryNavigation .user-control li { border-right: 1px solid #96b8d6; padding: 0 5px; } .primaryNavigation .user-control li:last-child { border-right: medium none; padding-right: 0; } .primaryNavigation .user-control-active li a { color: #89afd2; } .primaryNavigation .user-control-active li a:hover { color: #fff; } .primaryNavigation a { font-weight: bold; } .primaryNavigation a.highlighted { color: #ffcd00; } .primaryNavigation a:hover { color: #89AFD2; } .primaryNavigation a.highlighted:hover { text-decoration: underline; } .secondaryNavigation { height: 62px; background: #eee url(images/layout/bg-secondaryNavigation.png) repeat-x 50% 0; position: relative; z-index: 888; } .secondaryNavigation nav { background: url("images/layout/bg-nav.png") no-repeat scroll 0 3px transparent; margin: 7px 0 0; position: relative; z-index: 15; } .secondaryNavigation li { font-weight: bold; letter-spacing: -0.025em; width: 133px; } .secondaryNavigation li a { color: #FFFFFF; display: block; height: 40px; line-height: 38px; padding: 3px 15px 0; width: 111px; } .secondaryNavigation li.current a, .secondaryNavigation li:hover a, .secondaryNavigation li a:hover { background-image: url("images/layout/bg-nav-item-hover.png"); color: #3D3D3D; margin-left: -5px; font-size: 12px; white-space: nowrap; text-shadow: 1px 1px 1px #ccc; width: 111px; } .secondaryNavigation li:hover a, .secondaryNavigation li a:hover { position: relative; z-index: 10; } .secondaryNavigation .liner { background: url(images/layout/bg-header-line.png) repeat-x 0 0; display: block; position: absolute; top: 10px; left: 50%; height: 40px; width: 50%; z-index: 13; } .secondaryNavigation nav ul li .sub {position: absolute; top: 42px; left: 0;margin-left: -6px;background:none !important;/*background: url(images/layout/nav-sub-top.png) no-repeat 0 0;*/float: left;padding-top: 4px;display: none;} .secondaryNavigation nav ul li:hover .sub { display: block; } .secondaryNavigation nav ul li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;} .secondaryNavigation nav ul li .sub .sub-inner{list-style: none;margin: 0; padding: 0 4px 4px;background: url(images/layout/nav-sub-bottom.png) no-repeat 0 100%;width: 266px;float: left;} .secondaryNavigation nav ul li .sub #sub-inner-zmywanie{list-style: none;margin: 0; padding: 0 4px 4px;background: url(images/layout/nav-sub-bottom.png) no-repeat 0 100%;width: 266px;float: left;} .secondaryNavigation nav ul li .sub #sub-inner-pranie{list-style: none;margin: 0; padding: 0 4px 4px;background: url(images/layout/nav-sub-bottom.png) no-repeat 0 100%;width: 266px;float: left;} .secondaryNavigation nav ul li .sub #sub-inner-chlodzenie{list-style: none;margin: 0; padding: 0 4px 4px;background: url(images/layout/nav-sub-bottom.png) no-repeat 0 100%;width: 266px;float: left;} .secondaryNavigation nav ul .sub ul li {background: none repeat scroll 0 0 transparent; color: #FFFFFF; margin: 0; padding: 0; width: 100%;} .secondaryNavigation nav ul .sub ul li a {float: none; text-indent: 0; font-size: 12px; height: auto;background: transparent;line-height: normal;letter-spacing: 0; white-space: normal;font-weight: normal;padding: 7px 5px 7px 12px;margin: 0;display: block;text-decoration: none;text-shadow: 1px 1px 1px #fff;color: #484848;border-top: 1px solid #f8f8f8;border-bottom: 1px solid #afafaf;width: auto;} .secondaryNavigation nav ul .sub ul li a:hover {color: #000; background: url(images/layout/subnav-item-hover.png) repeat-x 0 0; margin-left: 0px; } .secondaryNavigation nav ul .sub ul li:first-child a { border-top: medium none; } .secondaryNavigation nav ul li.list-view { position: relative; margin: 0; } .secondaryNavigation nav ul li.list-view ul li a:hover { border-top: 1px solid #e5e5e5; } .secondaryNavigation nav ul li.list-view ul li:first-child a:hover { border-top: medium none; } .secondaryNavigation nav ul li.list-view ul li:last-child a { border-bottom: medium none; } .secondaryNavigation nav ul li.gallery-view { } .secondaryNavigation nav ul li.gallery-view { } .secondaryNavigation nav ul li.gallery-view .sub {background: url(images/layout/nav-sub-big-top.png) no-repeat 0px 0;} .secondaryNavigation nav ul li.gallery-view .sub-inner { width: 760px; background: url(images/layout/nav-sub-big-bottom.png) no-repeat 0 100%; margin-left:5px;} .secondaryNavigation nav ul li.gallery-view #sub-inner-zmywanie { width: 305px; background: url(images/layout/nav-sub-big-bottom.png) no-repeat 0 100%; margin-left:266px;} .secondaryNavigation nav ul li.gallery-view #sub-inner-pranie { width: 305px; background: url(images/layout/nav-sub-big-bottom.png) no-repeat 0 100%; margin-left:133px;} .secondaryNavigation nav ul li.gallery-view #sub-inner-chlodzenie { width: 305px; background: url(images/layout/nav-sub-big-bottom.png) no-repeat 0 100%;} .secondaryNavigation nav ul li.gallery-view ul { display: block; float: none; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .secondaryNavigation nav ul li.gallery-view ul.row-2-1 { border-bottom: 1px solid #c9c9c9; } .secondaryNavigation nav ul li.gallery-view ul.row-1-1, .secondaryNavigation nav ul li.gallery-view ul.row-2-1 { margin-top: -3px; } .secondaryNavigation nav ul li.gallery-view ul.row-2-2 { border-top: 1px solid #fff; } .secondaryNavigation nav ul li.gallery-view ul.row-1-1, .secondaryNavigation nav ul li.gallery-view ul.row-2-2 { margin-bottom: -2px; } .secondaryNavigation nav ul li.gallery-view ul li { text-align: center; float: left; width: auto; } .secondaryNavigation nav ul li.gallery-view ul li img { } .secondaryNavigation nav ul li.gallery-view ul li a { border-top: none; border-bottom: none; border-right: 1px solid #afafaf;border-left: 1px solid #f8f8f8; display: block; width: 140px; height: 121px; padding: 7px 5px; } .secondaryNavigation nav ul li.gallery-view ul li:first-child a { border-left: none; } .secondaryNavigation nav ul li.gallery-view ul li:last-child a { border-right: none; } .secondaryNavigation nav ul li.gallery-view ul li a:hover { background: url(images/layout/subnav-item-big-hover.png) no-repeat 0 0; } .secondaryNavigation nav ul li.gallery-view ul li a span { display: block; } .site-search { font-size: 11px; color: #fff; text-shadow: none; padding: 7px; position: absolute; right: -13px; top: 10px; width: 157px; z-index: 30; } .site-search legend { display: none; } .site-search input.text { background: url("images/layout/bg-site-search.png") no-repeat scroll 0 0 transparent; border: medium none; color: #415970; font-size: 11px; padding: 6px 30px 6px 10px !important; border: none !important; } .site-search .button { width: 22px; height: 26px; margin-left: -25px; border: none !important; background: url("images/layout/bg-site-search-button.png") no-repeat scroll 50% 50% transparent; text-indent: -9999px; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .lt-ie9 .site-search .button { top: 7px; position: absolute; right: 15px; margin-left: 0; } .lt-ie9 .site-search input[type="radio"] { vertical-align: sub; } .ie7 .site-search input[type="radio"] { vertical-align: middle; } .site-search .option-list { display: none; padding: 5px 9px 10px; overflow: hidden; } .site-search .option-list li { margin-top: 5px; letter-spacing: 0; } .lt-ie9 .site-search .option-list { padding: 5px 6px 10px; } .lt-ie9 .site-search .option-list li { margin-top: 0; } .focusFieldset { background: url("images/layout/bg-focusFieldset.png") no-repeat 0 0; } .focusFieldset .option-list { display: block; } .focusFieldset input.text, .site-search input.text { background-image: url("images/layout/bg-site-search-focus.png"); } .focusFieldset input.text { color: #0190e7 !important; color: #fff; } .focusFieldset .button, .site-search .button { background-image: url("images/layout/bg-site-search-button-focus.png"); } .featured { height: 420px;float:right; } .img_main{float:left;width:320px; margin:0px;padding:0px;} .img_main img{float:left;clear:left;} .icon { padding-left: 16px; background-image: url(images/icon/sprite-icon.png); background-repeat: no-repeat; background-position: 0 0; } .icon-medium { padding-left: 22px; } .icon-cart { background-position: 0 0; } .icon-login { background-position: 0 -16px; } .icon-rss { background-position: 0 -30px; } .banner { position: relative; margin-left: 10px; } .banner-white { height: 123px; background-color: #fff; border: 1px solid #fff; -moz-box-shadow: 0 0 2px #999; -webkit-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; } .banner-white img { position: absolute !important; bottom: -2px; left: -1px; } .banner-white.size1of3 { width: 311px; } .banner-white.size1of4 { width: 230.5px; } .banner-white.size1of5 { width: 180.5px; } .cols li:first-child, .cols li:first-child .banner { margin-left: 0; } .banner img { position: relative; z-index: 20; } .banner_group_1 .banner img { display: block; } .banner figcaption { position: absolute; left: 0; bottom: 0; z-index: 10; padding: 7px; width: 90px; height: 44px; font-size: 15px; font-weight: normal; background-color: #05539d; color: #fff; text-shadow: 1px 1px 1px #032c54; text-align: right; } .banner-gradient { background: none repeat scroll 0 0 transparent; height: 80%; left: 0; margin: 0; position: absolute; text-align: center; top: 10%; width: 100%; z-index: 10; } .banner-rgb img { } .cols li:first-child .banner-gradient img { } .map-container { background: url(images/layout/bg-map-container.png) no-repeat 0 0; height: 331px; padding: 23px 27px 20px; margin-bottom: 20px; } .map-canvas { width: 642px; height: 302px; margin-bottom: 10px; } .vcard { } .vcard .org { margin-bottom: 10px !important; } .vcard h2.org { font-size: 18px !important; margin-bottom: 6px !important; } .vcard .org small { color: #4dbeed; } .vcard .tel, .vcard .fax { background-color: #dcdcdc; padding: 0 4px; color: #878787; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .gallery, .gallery li { list-style: none; margin: 0; } .gallery { margin-top: 10px; } .gallery li { float: left; margin-right: 5px; } .gallery li a { display: block; width: 59px; height: 59px; border: 1px solid #cecece; overflow: hidden; } .gallery li a:hover, .gallery li.active a { width: 55px; height: 54px; border: 3px solid #4ac0ee; } .gallery li a:hover img, .gallery li.active a img { margin-top: -2px; } footer { color: #333; font-size: 11px; line-height: 1em; margin-top: 20px; } footer .container { border-top: 1px solid #999; padding: 8px 0; } footer nav ul { margin-top: 5px; } footer .right ul a { color: #333; display: block; font-weight: bold; line-height: 2; letter-spacing: -1px; } footer .right ul li { border-left: 1px solid #d2d2d2; border-left: 1px solid #c1c1c1; } footer .right ul li:first-child { border-left: none; } footer a { text-decoration: none; } footer nav a { color: #666; text-decoration: none; font-weight: bold; } footer a:hover { color: #666; text-decoration: underline; } footer .sponsor-title a { background-image: url(images/brand/logo-koc-small.png); height: 22px; width: 62px; margin-top: 5px; float:right; } /* footer .globalizition-list, .globalizition-list li { list-style: none; margin: 0; padding: 0; } footer .globalizition-list { padding: 5px 15px 10px 0; position: absolute; bottom: 40px; right: 7px; background-color: #fff; width: 405px; } footer .globalizition-list li { float: left; border: none !important; width: 125px; margin: 0 0 0 10px; } footer .globalizition-list li a { border: none; border-bottom: 1px solid #e5e5e5; color: #949494; letter-spacing: 0; overflow: hidden; } footer .globalizition-list li a:hover { color: #333; text-decoration: none; } footer .globalizition-list li a span { display: block; float: left; } footer .globalizition-list li a .flag { padding-right: 10px; margin-top: 1px; margin-bottom: -1px; } */ footer .dropdown { position: relative; z-index: 999; } footer .dropdown dd, footer .dropdown dt, footer .dropdown ul { margin:0px; padding:0px; } footer .dropdown dd { } footer .dropdown a, footer .dropdown a:visited { color:#363636; text-decoration:none; outline:none;} footer .dropdown a:hover { color:#5d4617;} footer .dropdown dt a:hover, footer .dropdown dt a:focus { color:#363636; } footer .dropdown dt a {background: url(images/form/select_arrow.gif) no-repeat scroll right center; display:block; padding-right:20px; width:auto; } footer .dropdown dt a span {cursor:pointer; display:block; padding:0 5px; line-height: 22px; height: 22px; letter-spacing: 0; } footer .dropdown dd ul { display: none; padding: 5px 15px 10px 0; position: absolute; bottom: 26px; right: 0; background-color: #fff; width: 405px; list-style: none; margin: 0; } footer .dropdown span.value { display:none;} footer .dropdown dd ul li { float: left; border: none !important; width: 125px; margin: 0 0 0 10px; padding: 0; } footer .dropdown dd ul li a { border: none; border-bottom: 1px solid #e5e5e5; color: #949494; letter-spacing: 0; overflow: hidden; } footer .dropdown dd ul li a:hover { color: #333; text-decoration: none; } footer .dropdown img.flag { border:none; vertical-align:middle; margin-right:10px; } footer .dropdown dt .countries { background: url("images/form/select_arrow.gif") no-repeat scroll right center #FFFFFF; border: 1px solid #EEEEEE; display: block; padding-right: 0; width: 150px; } footer .dropdown dt .countries img { float: left; padding: 4px 0 4px 4px; } footer .dropdown .countries, footer .dropdown .countries:visited { color: #363636; outline: medium none; text-decoration: none; } footer .dropdown .countries:hover { color: #5D4617; } footer .dropdown dt .countries:hover, footer .dropdown dt .countries:focus { color: #363636; } footer .dropdown dt .countries span { cursor: pointer; display: block; height: 22px; letter-spacing: 0; line-height: 22px; padding: 0 5px; } footer .dropdown img.flag { border: medium none; margin-right: 10px; vertical-align: middle; width: 20px; } /* class name .cols used for column containers class name .col used for individual columns */ .cols{margin-left:0;} /* main column container class */ .col, .col2, .col3, .col4, .col5{ float:left; display:inline; margin-left:1%; } .cols .first, .col:first-child, .module:first-child{margin-left: 0;} .col{width:49.5%;} /* 2 equal width columns - default */ .cols3 .col{width:32%;} /* 3 equal width columns */ .cols4 .col{width:23.5%;} /* 4 equal width columns */ .cols5 .col{width:18.4%;} /* 5 equal width columns */ .cols6 .col{width:15%;} /* 6 equal width columns */ /* double width columns */ .cols3 .col2{width:66%;} .cols4 .col2{width:49%;} .cols5 .col2{width:38.8%;} .cols6 .col2{width:32%;} /* triple width columns */ .cols4 .col3{width:74.5%;} .cols5 .col3{width:59.2%;} .cols6 .col3{width:49%;} /* quadruple width columns */ .cols5 .col4{width:79.6%;} .cols6 .col4{width:66%;} /* quintuple width columns */ .cols6 .col5{width:83%;} /* **************** GRIDS ***************** */ .line:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;} .lastUnit:after, .body:after{content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;} .line{*zoom:1;} .line .unit{float:left;list-style:none;} .size1of1{float:none;} .size1of2{width:475px;} .size1of3{width:313px;} .size2of3{width:66.66666%;} .size1of4{width:232.5px;} .size3of4{width:75%;} .size1of5{width:183px;} .size2of5{width:40%;} .size3of5{width:60%;} .size4of5{width:80%;} .lastUnit, .body {display: table-cell; *display:block;*zoom:1;float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;} /* percentage based grid */ /* fluid-view .fluid-view { padding: 0.8em; } .fluid-view.no-padding { padding: 0; } .fluid-view .figure, .fluid-view figure { float: left; margin-right: 1em; position: relative; } .fluid-view .figure.centered, .fluid-view figure.centered { width: 50px; margin: 0; text-align: center; } .fluid-view .figure img, .fluid-view figure img { display: block; margin: 0 auto; } .fluid-view .figure .avatar { display: block; margin: 0 auto; width: 50px; height: 50px; background: } .fluid-view .imgExt { float: right; margin-left: 1em; } .fluid-view .bd:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;} .fluid-view .bd {display: table-cell; *display:block;*zoom:1;float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;} .fluid-view .bd-nocell { display: block; } /*
50x50
Lorem ipsum dolor sit amet - 14 minutes ago
*/ .social{ text-align: center; display: block; padding: 4px 0; } .social li { display: block; float: left; } .social a{ background: url(images/icon/social.png) no-repeat 0 0; display: block; width: 16px; height: 16px; margin-right: 5px; text-indent: -9999px; } .social .facebook a{ background-position: 0 0; } .social .twitter a{ background-position: -22px 0; } .social .friendfeed a{ background-position: -44px 0; } .subpage-content { width: 964px; color: #5c5c5c; background: url(images/layout/bg-subpage-content.png) repeat-y 50% 0; position: relative; top: -2px; z-index: 2; } .subpage-content .breadcrumbs { background: url("images/layout/line-double.png") repeat-x scroll 50% 100% transparent; margin: 0 2px; } .content-wrapper { background: url("images/layout/bg-subpage.png") repeat-y scroll 50% 0 transparent; padding-bottom: 15px; } .subpage-content-bottom { background: url("images/layout/bg-subpage-content-bottom.png") no-repeat scroll 50% 0 transparent; height: 5px; margin: -2px 0 0 0; width: 964px; } .product-category-list, .list-view, .product-category-list li, .list-view li { list-style: none; margin: 0; } .product-category-list { margin-left: 10px; } .content ul.product-category-list li { margin-bottom: 0;} .content ul.product-category-list li.category-panel { margin-bottom: 0; height:480px; padding-bottom: 21px; position: relative;} .content ul.product-category-list li.category-panel a{font-size:12px !important;} .content ul.product-category-list li.category-panel li.archive, .content ul.product-category-list li.category-panel2 li.archive{ position: absolute; bottom: 0; width: 138px;} .content ul.product-category-list li.category-panel2 { margin-bottom: 0; height:280px; padding-bottom: 21px; position: relative;} .content ul.product-category-list li.category-panel2 a{font-size:12px !important;} .product-category-list li, .list-view li { background: url(images/layout/bg-product-category-item.png) no-repeat 0 0; float: left; width: 315px; height: auto /*232px*/; margin: 10px 0 0 10px; } .product-category-list li figure, .list-view li figure { height: 108px; padding: 10px 10px 14px; overflow: hidden; text-align: center; } .product-category-list li a.category-panel-img, .list-view li a.category-panel-img { height: 108px; padding: 10px 10px 14px; overflow: hidden; text-align: center; display:block;} .product-category-list li .item-type, .list-view li .item-type { padding: 0 10px; margin: 1px 2px 14px; color: #fff; } .product-category-list li .item-type a, .list-view li .item-type a, .product-category-list li .item-type a:visited, .list-view li .item-type a:visited { color: #fff; text-decoration: none; } .product-category-list li .item-type a:hover, .list-view li .item-type a:hover { color: #4dbeed; text-decoration: none; } .product-category-list li ul, .list-view li ul { background: none repeat scroll 0 0 transparent; float: left; font-size: 11px; height: auto; margin: 0 6px 0 12px; padding: 0; width: 138px; } .product-category-list li ul li, .list-view li ul li { width: 100%; height: auto; padding: 3px 0; border-bottom: 1px solid #d0d0d0; background: transparent; color: #6D6D6D; margin: 0; } .product-category-list li ul li.highlighted, .list-view li ul li.highlighted { color: #ff9c00; } .product-category-list li ul.social li, .list-view li ul.social li { float: left; width: auto; border-bottom: none; } .list-view li ul.social { padding-top: 8px; margin: 0 15px 0 0; } .list-view li ul.social-inline { padding-top: 0; padding-left: 5px; } .list-view li ul.right { float: right; } .list-view li ul.right a { margin-left: 5px; margin-right: 0; } .list-view { margin-left: 8px; } .list-view li { background: url(images/layout/bg-list-view.png) no-repeat 0 0; width: 352px; height: auto; padding-bottom: 0; margin-bottom: 0 !important; position: relative; } .list-view li figure { background: url(images/layout/bg-list-view-figure.png) no-repeat 0 0; width: 116px; height: 157px; padding: 1px; float: left; margin: 0 16px 0 19px; } .list-view li figure img { } .list-view li .item-type { margin: 10px 0 7px; padding: 5px 20px; } .list-view li ul { float: none; margin: 0 0 0 15px; overflow: hidden; padding: 0; width: 179px; } .list-view li .ui-button { margin: 9px 0 0 15px; } .list-view li ul.action-list { padding: 4px 0 0; /*background: url("images/layout/line-double.png") repeat-x scroll 50% 0 transparent;*/ } .list-view li ul.action-list li { border-bottom: none; } .list-view li ul li.highlighted { font-size: 15px; font-weight: bold; border-bottom: medium none; } .list-view li .badge { position: absolute; top: -6px; right: -6px; left: auto; display: block; width: 93px; height: 52px; z-index: 30; } .list-view-alt { margin-left: 0; } .list-view-alt li ul { width: auto; } .list-view-alt li ul.action-list { background: none; margin: 0 0 0 9px; float: left; } .list-view-alt li ul.action-list li { float: left; width: auto; } .list-view-alt li ul.action-list .ui-button { margin: 0 5px 0 0; } .list-view-alt li ul.action-list .ui-button .ui-button-text { padding: 3px 8px; } .list-view-alt li ul.action-list .ui-button-text-icons .ui-button-text { padding: 3px 2.1em 3px 1em; } .list-view-alt li { background: url(images/layout/bg-list-view2.png) no-repeat 0 0; width: 226px; height: 193px; margin: 15px 0 0 15px; padding-bottom: 10px; } .list-view-alt li figure { width: auto; height: 105px; float: none; padding: 0; margin: 14px 15px 2px; border: 1px solid #fff; overflow: hidden; } .list-view-alt li .item-type { font-size: 14px; line-height: 17px; font-weight: bold; margin: 2px 0 3px; padding: 0 15px 9px; } .slider-wrapper { height: 40px; } .lt-ie10 #horizSlider { margin: 0 10px; } .page-viewer { padding: 7px 17px 0; padding: 10px 17px; text-align: center; color: #A8A8A8; } .page-viewer li { margin-bottom: 0 !important; } .paging-count { margin: 0 auto; font-weight: bold; line-height: 20px; font-size: 11px; } .paging { margin: 3px 14px 0 !important; } .paging li { border: medium none; background: none repeat scroll 0 0 transparent; } .paging li a { display: block; height: 17px; line-height: 17px; text-align: center; color: #a8a8a8 !important; width: 17px; margin-left: 5px; background: url(images/icon/bg-paging.png) no-repeat -22px 0; color: #fff; } .paging li.ui-state-hover a, .paging li a:hover { background-position: 0 0; color: #fff !important; } .paging-arrows li { border: medium none; } .paging-arrows li a, .paging-arrows .ui-state-default .ui-icon { display: block; height: 22px; line-height: 22px; text-align: center; color: #a8a8a8 !important; width: 28px; margin-left: 0; background: url(images/icon/bg-paging-arrows.png) no-repeat 0 0; color: #fff; } .paging-arrows .ui-state-default .ui-icon.prev { background-position: 0 0; } .paging-arrows .ui-state-default .ui-icon.next { background-position: -28px 0; } .paging-arrows .ui-state-default .ui-icon.prev:hover { background-position: 0 100%; } .paging-arrows .ui-state-default .ui-icon.next:hover { background-position: -28px 100%; } .lt-ie8 .page-viewer { } .lt-ie8 .page-viewer .paging-count { position: relative; top: 20px; margin-top: -15px; display: block; } .detailed-search {} .detailed-search .wide-content.left-aligned { background: url("images/layout/line-double-vertical.png") repeat-y scroll 412px 0 transparent; } .detailed-search .wide-content .content { width: 549px; } .detailed-search .wide-content .sidebar { padding: 0 2px; width: 409px; } .detailed-search .wide-content .sidebar li { margin-bottom: 20px; } .detailed-search .wide-content .sidebar li .slider-wrapper { float: left; } .detailed-search .wide-content .sidebar .ui-slider-horizontal { width: 227px !important; margin-left: 5px; } .lt-ie9 .detailed-search .wide-content .sidebar .ui-slider-horizontal { width: 213px !important; } .detailed-search .wide-content .sidebar .input_xxlarge { width: 233px; } .detailed-search .wide-content .sidebar .input_xlarge { width: 234px; } .lt-ie8 .detailed-search .wide-content .sidebar .input_xlarge { width: 220px; float: left; } .detailed-search .wide-content .sidebar hr { margin: 0; } .detailed-search .wide-content .sidebar .form-desc { background-color: #E8E8E8; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF; padding: 14px 25px; } .detailed-search .page-viewer { padding: 10px 27px; text-align: left; } .detailed-search .page-viewer p { float: left; margin: 3px 0 0; } .detailed-search .list-view { padding: 5px 15px; } .detailed-search .list-view li { text-align: center; background: url("images/layout/bg-list-view3.png") no-repeat scroll 0 0 transparent; width: 155px; height: 214px; } .detailed-search .list-view-alt li .item-type { margin: 13px 0 3px; } .detailed-search .list-view li figure { background: url("images/layout/bg-list-view-figure2.png") no-repeat scroll 50% 0 transparent; border: medium none; float: none; height: 144px; margin: 10px 15px 2px; overflow: hidden; padding: 0; text-align: center; width: auto; } .detailed-search .list-view li ul { margin: 0; } .detailed-search .list-view li ul li { background: transparent; height: auto; } .compare-button { background: url(images/layout/button-compare.png) no-repeat 50% 0; } .sidebar .subnav, .sidebar .subnav li { list-style: none; margin: 0; } .sidebar .subnav li { background: url(images/layout/bg-subnav-item.jpg) no-repeat 0 0; height: 50px; width: auto; display: table-row; } .sidebar .subnav li a { padding: 0 15px; color: #4dbeed; font-size: 14px; font-weight: bold; text-decoration: none; display: block; display: table-cell; vertical-align: middle; line-height: normal; } .sidebar .subnav li a:hover { color: #89AFD2; } .subnav li ul li a{border:0; background:0 !important;} .sidebar .subnav_sub, .sidebar .subnav_sub li { list-style: none; margin: 0; } .sidebar .subnav_sub li { background: url(images/layout/bg-subnav-item.jpg) no-repeat 0 0; height: 50px; width: auto; display: table-row; } .sidebar .subnav_sub li a { padding: 0 15px; color: #4dbeed; font-size: 14px; font-weight: bold; text-decoration: none; display: block; display: table-cell; vertical-align: middle; line-height: normal; } .sidebar .subnav_sub li a:hover { color: #89AFD2; } .lt-ie8 .sidebar .subnav_sub li a { display: block; } .subnav_sub li ul li a{border:0; background:0 !important;} .wide-content .sidebar .subnav_sub li, .navigation li { background: url("images/layout/line-double.png") repeat-x scroll 50% 100% transparent; height: auto; display: block; width: 85%; float:right;} .wide-content .sidebar .subnav_sub li.current, .wide-content .sidebar .subnav_sub li:hover { color: #0595D5; } .wide-content .sidebar .subnav_sub li.current a, .wide-content .sidebar .subnav_sub li:hover a { color: #0595D5; } .wide-content .sidebar .subnav_sub > li > a, .navigation > li > a { color: #828282; font-size: 11px; padding: 2px 20px 5px 7px; display: block; border: medium none; font-weight: normal !important; } .wide-content .sidebar .subnav_sub > li > a.ui-state-active { background: url("images/icon/subnav-listitem-hover.png") no-repeat scroll 96% 50% transparent; } .wide-content .sidebar .subnav_sub li a span { display: none; } .wide-content .sidebar .subnav_sub li .ui-accordion-content { padding: 0 7px 10px; background: none repeat scroll 0 0 transparent; color: #828282; overflow: visible; } .wide-content .sidebar .subnav_sub li .ui-accordion-content li { padding: 4px 0; font-size: 11px; background: none repeat scroll 0 0 transparent; } .content { float: left; width: 680px; } .sidebar { float: left; width: 280px; } .sidebar .sidebar_p{padding:20px 10px;} .sidebar .sidebar_s{padding:5px 10px;font-size:11px;} .sidebar .image{margin-left:3px;} .content dl {} .content dt { padding: 16px 22px 4px; } .content dd { padding: 0 22px 16px; } .content dt { background: url("images/layout/line-double.png") repeat-x scroll 50% 0 transparent; font-weight: bold; color: #4dbeed; } .content dt a { color: #4dbeed; text-decoration: none; } .left-aligned .content { float: right; width: 745px; margin-right: 2px; } .left-aligned .sidebar { float: left; width: 215px; } .page-smart-solutions {} .page-smart-solutions table, .page-smart-solutions td { background: none; border: none; } .page-smart-solutions td { padding: 8px; } .page-smart-solutions td p { margin-bottom: 0; } .wide-content { background: url(images/layout/line-double-vertical.png) repeat-y 746px 0; } .wide-content.left-aligned { background: url("images/layout/line-double-vertical.png") repeat-y scroll 212px 0 transparent; } .wide-content.no-bg { background: none; } .wide-content.no-bg .content { width: auto; padding: 0 3px; } .wide-content .content { width: 749px; } .wide-content .content .inner { padding: 16px 22px; } .wide-content .content .figure, .wide-content .content figure { margin-bottom: 10px; } .wide-content .content .inner.figure, .wide-content .content .inner.header, .content hr { background: url("images/layout/line-double.png") repeat-x scroll 50% 100% transparent; margin-bottom: 0; } figure.full-width { margin: 15px 0; } .wide-content.no-bg figure.full-width { margin-bottom: 0; } .content .ui-accordion .ui-accordion-header { display: block; font-size: 18px; clear: both; background: url("images/layout/line-double.png") repeat-x scroll 50% 100% transparent; border: none; color: #4dbeed; padding: 8px 32px; } .content .ui-accordion .ui-accordion-header.ui-state-hover, .content .ui-accordion .ui-accordion-header.ui-state-active { background: url("images/layout/line-double_with_bg.png") repeat-x scroll 50% 100% transparent; color: #4dbeed; } .content .ui-accordion .ui-accordion-header span { position: absolute; top: 11px; left: -5px; display: block; float: left; background: url(images/layout/bg-accordion-count.png) no-repeat 0 0; width: 19px; height: 20px; padding: 0 1px 0 0; font-size: 11px; color: #fff; text-align: center; line-height: 17px; } .content .ui-accordion .ui-accordion-content { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #d8d8d8; font-size: 12px; padding: 1em 32px; } .content .ui-accordion p.ui-accordion-header { background: url("images/layout/line-double.png") repeat-x scroll 50% 100% transparent; border: medium none; clear: both; color: #828282; display: block; font-size: 13px; font-weight: bold; padding: 10px 175px 10px 32px; margin: 0; } .content .ui-accordion p.ui-accordion-header strong { color: #434343; } .content hr { height: 2px; border: none; margin: 0; } .content ul { list-style-image: url(images/icon/bullet-blue.png); } .content ul li { margin-bottom: 10px; } .content ul.cols3-list { } .content ul.cols3-list li { float: left; margin-right: 25px; width: 150px; } .wide-content .content .inner.header h2, .wide-content .content .inner h2 { /*margin-bottom: 0;*/ font-size: 19px; color: #0595d5; margin-bottom: 0; } .wide-content .sidebar { padding: 10px; width: 190px; } .wide-content .sidebar h3 { background: url("images/layout/line-double.png") repeat-x scroll 50% 100% transparent; color: #4DBEED; font-size: 18px; margin-bottom: 0; padding: 4px 7px 14px; } .navigation, .navigation li { margin: 0; } .wide-content .sidebar .subnav li, .navigation li { background: url("images/layout/line-double.png") repeat-x scroll 50% 100% transparent; height: auto; display: block; } .wide-content .sidebar .subnav li.current, .wide-content .sidebar .subnav li:hover, .navigation li.current, .navigation li:hover { background: url("images/layout/line-double_with_bg.png") repeat-x scroll 50% 100% transparent; color: #0595D5; } .wide-content .sidebar .subnav li.current a, .wide-content .sidebar .subnav li:hover a, .navigation li.current a, .navigation li:hover a { color: #0595D5; } .wide-content .sidebar .subnav > li > a, .navigation > li > a { background: url("images/icon/subnav-listitem.png") no-repeat scroll 96% 48% transparent; color: #828282; font-size: 11px; padding: 7px 20px 10px 7px; display: block; border: medium none; } .wide-content .sidebar .subnav > li > a.ui-state-active { background: url("images/icon/subnav-listitem-hover.png") no-repeat scroll 96% 50% transparent; } .wide-content .sidebar .subnav li a span { display: none; } .wide-content .sidebar .subnav li .ui-accordion-content { padding: 0 7px 10px; background: none repeat scroll 0 0 transparent; color: #828282; overflow: visible; } .wide-content .sidebar .subnav li .ui-accordion-content li { padding: 4px 0; font-size: 11px; background: none repeat scroll 0 0 transparent; } .wide-content .sidebar .ui-accordion li:first-child:hover { background: url("images/layout/line-double.png") repeat-x scroll 50% 100% transparent; } .wide-content .sidebar .ui-accordion li li:first-child:hover { background: transparent; } .product-details { width: 964px; height: 523px; color: #5c5c5c; background: url(images/layout/bg-product-details.png) no-repeat 50% 0; position: relative; top: -2px; z-index: 2; } .breadcrumbs { line-height: 40px; font-size: 12px; color: #0595d5; font-weight: bold; padding: 0 7px; } .breadcrumbs a { color: #0595d5; text-decoration: none; font-weight: bold; padding: 0 10px; line-height: 40px; } .breadcrumbs a:hover { color: #0595d5; text-decoration: underline; } .product-details a.external-links { font-size: 11px; text-decoration: none; color: #6e6e6e; background: url(images/icon/sprite-icon.png) no-repeat 0 -53px; padding-left: 16px; } .product-details a.external-links:hover { text-decoration: underline; } .product-details a.link-to-microsite { color: #f33131; background-position: 0 -75px; } .button-user-manual { white-space: nowrap; display: block; width: 180px; height: 40px; line-height: 40px; color: #303030; font-weight: bold; position: absolute; bottom: 2px; left: 243px; background: url(images/form/button-manual.png) no-repeat 0 0; text-align: center; text-shadow: 1px 1px 1px #fff; text-decoration: none; } .button-user-manual-no-picture{left:423px;} .button-download-picture { z-index:1; display: block; width: 180px; height: 40px; line-height: 40px; color: #303030; font-weight: bold; position: absolute; bottom: 2px; left: 423px; background: url(images/form/button-download-picture.png) no-repeat 0 0; text-align: center; text-shadow: 1px 1px 1px #fff; text-decoration: none; } .download-picture-layer { z-index:0; display: none; width: 180px; position: absolute; bottom: 40px; left: 423px; } .download-picture-layer .i{border: 1px solid #D8D8D8;} .download-picture-layer a{ padding: 0 10px; display: block; height: 30px; line-height: 30px; color: #303030; font-weight: bold; text-align: left; text-shadow: 1px 1px 1px #fff; text-decoration: none; background: url(images/layout/line-double_with_bg.png) 0 top; } .download-picture-layer a:hover{color: #0595d5;} .pager { float: right; line-height: 40px; color: #0595d5; padding-right: 17px; font-size: 11px; font-weight: bold; } .pager a { text-decoration: none; } .pager span, .pager a { display: block; float: left; padding: 0 3px; } .pager .pager-arrow { color: #0595d5; font-size: 7px; } .pager .page-count { color: #a8a8a8; display: block; } .product-info { float: left; width: 600px; } .product-summary { padding: 10px 17px 10px; font-size: 13px; } .product-details .product-title { color: #00529c; font-weight: bold; font-size: 17px; margin-bottom: 5px; } .product-features { float: left; width: 356px; font-size: 12px; } .product-features h3, .product-awards h3 { font-weight: bold; font-size: 16px; padding: 5px 17px; color: #484848; background: url(images/layout/line-double.png) repeat-x 50% 100%; margin-left: 1px; margin-right: 40px; margin-bottom: 15px; } .product-features dl { padding: 0 17px 20px 85px; background-repeat: no-repeat; position: relative; } .product-features dl dt img { position: absolute; left: 12px; top: 0; } .product-info .product-features dl { padding: 0 17px 20px 85px; } .product-info .product-features dl img { left: -67px; } .product-info .product-features dt { position:relative; } .product-features dt { font-weight: bold; font-size: 14px; color: #161616; } .link-to-features { color: #1e65a5; font-size: 11px; text-decoration: none; padding-right: 15px; margin-left: 85px; background: url(images/icon/link-to-features.jpg) no-repeat 100% 5px; } .link-to-features:hover { text-decoration: underline; } .product-awards { float: right; width: 230px; margin-bottom: 20px; } .product-awards h3 { margin-right: 0; padding-left: 0; } .product-awards .left { margin-right: 4px; } .technical-feat-list, .technical-feat-list li { list-style: none; padding: 0; margin: 0; font-size: 12px; letter-spacing: -0.01em; } .technical-feat-list .title { color: #242424; } .technical-feat-list .value { font-weight: bold; color: #161616; } .technical-features a.print_btn:hover{color:#0595D5;} .technical-features a.print_btn{ background: url(images/form/bg-button.png) no-repeat center center; width: 79px; height: 23px; line-height: 23px; display: block; font-weight: bold; text-transform: uppercase; font-size: 11px; text-decoration: none; text-align: center; } .product-gallery { float: right; width: 360px; height: 460px; text-align: center; position: relative; } .product-gallery img#zoomProduct{} .product-gallery .icon-zoomProduct { background: url(images/layout/bg-zoom.png) no-repeat 0 0; width: 41px; height: 9px; display: block; position: absolute; top: 18px; right: 18px; z-index: 10000; } .thumbs { text-align: center; position: absolute; bottom: -13px; right: 13px; z-index: 10000; } .thumbs img { height: 60px; background: #fff; } .product-details-bar { background: url(images/layout/bg-product-details-bar.png) no-repeat 0 0; padding: 2px 3px 3px; width: 958px; height: 43px; line-height: 43px; margin: 7px 0; position: relative; } .product-details-bar a.item { background: url(images/layout/line-double-vertical.png) repeat-y 0 0; padding: 0 10px; line-height: 43px; display: block; float: left; text-decoration: none; color: #0595d5; text-shadow: 1px 1px 1px #fff; font-weight: bold; } .product-details-bar a:hover { color: #262626; } .product-details-bar .share, .product-details-bar .aside { display: block; float: left; padding: 0 10px; line-height: 43px; color: #0595d5; text-shadow: 1px 1px 1px #fff; font-weight: bold; } .product-details-bar .share .social { display: block; float: left; margin: 10px 0 0 10px; } .product-details-bar .share .title { display: block; float: left; } .product-details-bar .share iframe { background: none;height:20px !important;margin:12px 0 11px 10px;padding:0 !important;} .product-details-bar .aside { background: url("images/layout/line-double-vertical.png") repeat-y scroll 0 0 transparent; padding: 0 12px; width: 336px; color: #161616; position: absolute; top: 2px; right: 0; } .product-details-bar .total-price { font-size: 20px; font-weight: bold; color: #161616; float: left; } .button-add-to-chart { background: url("images/form/button-add-to-chart.png") no-repeat scroll 0 0 transparent; color: #fff !important; font-size: 12px; letter-spacing: 0; margin: 11px 0 0; padding: 0 20px 1px 10px; text-shadow: 1px 1px 1px #E27400; display: block; } .product-details-bar .button-add-to-chart { float: right; } .ui-tabs-container { background: url("images/layout/bg-ui-tabs-top.png") no-repeat scroll 50% 0; } .ui-tabs { background: transparent; } .ui-tabs .ui-tabs-panel { border: none; background: none repeat scroll 0 0 #ECECEC; } .ui-tabs-nav { background: url("images/layout/bg-tabs-bar.png") no-repeat scroll 0 0 transparent; margin: 0; overflow: visible; padding: 0; width: 963px; border-bottom-color: #ccc; } .ui-tabs-nav li.ui-state-default { background: url("images/layout/line-double-vertical.png") repeat-y scroll 100% 0 transparent; display: block; float: left; margin-top: 0; margin-bottom: 1px; top: 1px; } .ui-tabs-nav li.ui-state-default a { color: #161616; display: block; font-weight: bold; line-height: 26px; overflow: visible; padding: 3px 0 2px; position: relative; text-align: center; text-decoration: none; width: 161px; } .ui-tabs-nav li.ui-state-default a:hover { color: #0595D5; } .ui-tabs-nav li.ui-state-active a:hover { color: #fff; } .ui-tabs-nav li.active-tab a { background: url("images/layout/bg-tabs-selected.png") no-repeat scroll 50% -3px transparent; color: #fff; padding-bottom: 7px; } .ui-tabs-content { background: url("images/layout/bg-ui-tabs-content.png") repeat-y scroll 50% 0; } .ui-tabs-bottom { background: url("images/layout/bg-ui-tabs-bottom.png") no-repeat scroll 50% 100%; height: 16px; } .ui-tabs-container .product-features, .ui-widget-content .product-features { float: none; font-size: 12px; width: auto; overflow: hidden; } .ui-tabs-container .product-features h3, .ui-widget-content .product-features h3 { background: none; color: #5DBFED; font-size: 36px; font-weight: bold; margin-bottom: 15px; margin-left: 0; margin-right: 0; padding: 5px 17px; text-align: center; } .ui-widget-content .documents dl dt { border-bottom: 1px solid #ccc; color: #05539D; font-size: 18px; line-height: 1.2em; padding-left: 0; text-align: left; line-height: 1.75em; } .ui-widget-content .documents dl dd { border-top: 1px solid #fff; line-height: 1.75em; } .ui-widget-content .karta-produktu dl dt { border-bottom: 1px solid #ccc; color: #05539D; font-size: 18px; line-height: 1.2em; padding-left: 0; text-align: left; line-height: 1.75em; } .ui-widget-content .karta-produktu dl dd { border-top: 1px solid #fff; line-height: 1.75em; } .technical-features { padding: 20px 0 20px; } .technical-features ul, .technical-features li { list-style: none; margin: 0; color: #6b6b6b; font-size: 12px;} .technical-features ul { margin: 0 0 25px; } .technical-features h3 { margin: 0 0 5px; } .technical-features li { background: url(images/layout/bg-technical-features.png) no-repeat 0 100%; clear:both !important;height:auto !important; } .technical-features li.odd { background-color: #efefef; } .technical-features li .title, .technical-features li .value { display: block; float: left; padding: 4px; height:auto !important;} .technical-features li .title { width: 250px; font-weight: bold; color: #4b4b4b; } .technical-features li .value { margin-left: 265px; float: none; width: auto; } .technical-features ul.blue li{padding:4px !important;} .technical-features ul.mini li{padding:4px !important;} .ui-widget-content .technical-features h2, .ui-widget-content .campaigns h3, .ui-widget-content .campaigns dt { color: #05539D; font-size: 18px; line-height: 1.2em; margin-bottom: 10px; padding-left: 0; text-align: left; } .ui-widget-content .campaigns dt { color: #0095d5; font-weight: normal; } .do-pobrania{background:url(images/icon/pdf-icon.png) center left no-repeat; padding-left:25px; font-size:14px !important;margin-top:3px;} .pliki-muzyczne h2{background:url(images/icon/muzyka-icon.png) center left no-repeat; padding-left:25px; font-size:14px !important; margin-top:3px;} .pliki-filmowe h2{background:url(images/icon/film-icon.png) center left no-repeat; padding-left:25px; font-size:14px !important; margin-top:3px;} #banner_glowna{height:426px; background:url('images/glowna.jpg') 2px 0px no-repeat;margin:3px 0px 10px;} #banner_glowna a#link{float:left;margin:345px 0px 0px 280px;} iframe{background:url('images/bg_iframe.jpg') top center no-repeat; padding:10px 10px 60px 10px;margin-top:25px;} #fb-like-inline{float:left;height:20px;overflow:hidden;width:300px;padding:5px 0;} #fb-like-inline iframe{background:none; padding:0; margin:0;} #fb-like-box-container{height:60px;overflow:hidden;width:263px;} #fb-like-box-container iframe{background:none; padding:0; margin:0;} .niebieskie_menu_a{float:left; padding:0px; margin:0px;} .niebieskie_menu_a img{padding:0px; margin:0px;} img#katalogi_img{float:left;} ul#katalogi1 , ul#katalogi2 , ul#katalogi3 , ul#katalogi4, ul#katalogi5, ul#katalogi6, ul#katalogi7 {list-style-image:none !important;list-style:none;float:left; clear:right;} ul#katalogi1{padding:10px 0px 0px 0px;} ul#katalogi2{padding:190px 0px 0px 0px;width:150px;} ul#katalogi3{padding:180px 0px 0px 0px;} ul#katalogi4{padding:155px 0px 0px 0px} ul#katalogi5{padding:210px 0px 0px 0px} ul#katalogi6{padding:150px 0px 0px 0px} ul#katalogi7{padding:190px 0px 0px 0px} /*filtracja*/ .filtracja ul{list-style:none;} .filtracja span{display:block;margin:8px 0px 3px; font-weight:bold;} /* info tekst footer*/ #info-tekst{color:#828282; font-size:11px;margin-top:5px;} /* 404 page*/ #blad_h1{margin:20px 0px 10px 170px !important;} #blad_h2{margin:0px 0px 10px 170px !important;} #blad_img{padding-left:110px;} /* mapka */ #serwis_mapa { height:500px; background-repeat:no-repeat; width:550px; display:block; position:relative; background-image:url(images/mapka/mapka.jpg); margin:30px 0px 10px 10px; } .point { position:absolute; width:16px; height:17px; cursor:pointer; /*background-image:url(images/mapka/punkt.png);*/ } .point span { position:absolute; display:block; top:0px; color:#fff; left:0px; font-size:10px; font-weight:bold; cursor:pointer; line-height:14px; } .point:hover { position:absolute; width:16px; height:16px; cursor:pointer; /*background-image:url(images/mapka/punkt_on.png);*/ } .point:hover span { position:absolute; width:16px; height:16px; cursor:pointer; color:#fea417; } /* infoprasadata*/ p.infoPrasaData{padding:0px; margin:0px;} p.infoPrasaData img{float:left;padding:5px 20px 5px 0px;} p.infoPrasaData span{float:left;padding-top:25px;} p.infoPrasaData a{display:block; width:500px; float:left; padding-left:10px; padding-top:25px;} p.infoPrasaDataArchive a{padding-top:0px;} p.infoPrasaDataArchive span{padding-top:0px;} /** * Slider */ #featured{width:961px;height:426px;/*float:right;*/margin-top:5px;} #featured ul{list-style:none;margin:0px; padding:0px; width:961px;height:426px;} #featured ul li{list-style:none;margin:0px; padding:0px; width:961px;height:426px;overflow:hidden; } /*#featured>img,#featured>div,#featured>a{display:none;}*/ div.orbit-wrapper{width:1px;height:1px;position:relative;overflow: hidden;} div.orbit{width:1px;height:1px;position:relative;} div.orbit>img{position:absolute;top:0;left:0;display:none;} div.orbit>a{border:none;position:absolute;top:0;left:0;line-height:0;display:none;} .orbit>div{position:absolute;top:0;left:0;width:100%;height:100%;} div.timer{display:none;width:40px;height:40px;overflow:hidden;position:absolute;top:10px;right:10px;opacity:.6;cursor:pointer;z-index:1001;} span.rotator{display:block;width:40px;height:40px;position:absolute;top:0;left:-20px;background:url(images/slider/rotator-black.png) no-repeat;z-index:3;} span.mask{display:block;width:20px;height:40px;position:absolute;top:0;right:0;z-index:2;overflow:hidden;} span.rotator.move{left:0;} span.mask.move{width:40px;left:0;background:url(images/slider/timer-black.png) repeat 0 0;} span.pause{display:block;width:40px;height:40px;position:absolute;top:0;left:0;background:url(images/slider/pause-black.png) no-repeat;z-index:4;opacity:0;} span.pause.active{background:url(images/slider/pause-black.png) no-repeat 0 -40px;} div.timer:hover span.pause,span.pause.active{opacity:1;} .orbit-caption{display:none;font-family:HelveticaNeue, Helvetica-Neue, Helvetica, Arial, sans-serif;} .orbit-wrapper .orbit-caption{background:rgba(0,0,0,.6);z-index:1000;color:#fff;text-align:center;font-size:13px;position:absolute;right:0;bottom:0;width:100%;padding:7px 0;} div.slider-nav{display:block;} div.slider-nav span{width:78px;height:100px;text-indent:-9999px;position:absolute;z-index:1000;top:50%;margin-top:-50px;cursor:pointer;} div.slider-nav span.right{background:url(images/slider/right-arrow.png);right:0;} div.slider-nav span.left{background:url(images/slider/left-arrow.png);left:0;} .orbit-bullets{left: 0;list-style: none outside none;margin: 0;padding: 0;position: absolute;top: 400px;z-index: 1000;} .orbit-bullets li{float:left;margin-left:5px;cursor:pointer;color:#999;text-indent:-9999px;background:url(images/slider/bullets.png) no-repeat 0 0;width:13px;height:12px;overflow:hidden;} .orbit-bullets li.active{color:#222;background-position:-14px 0;} .orbit-bullets li.has-thumb{background:none;width:100px;height:75px;} .orbit-bullets li.active.has-thumb{background-position:0 0;border-top:2px solid #000;} /* Fixed panel */ #fixed-panel{position:fixed; top:134px; right:0px; z-index:1000; width:59px;margin:0px; padding:0px;} #fixed-panel ul li{list-style:none; margin:0px; padding:0px; width:35px !important; height:134px !important;} #fixed-panel ul li a, #fixed-panel ul li a img{padding:0px !important; margin:0px !important;} /* Finder */ .pageDownload{ width:640px !important; margin-top:0px;} .pageHeaderDownload{ display:none;} .finder { margin-bottom: 25px; margin-top: -17px; } .finder .navigation { margin: 1px; } .finder .navigation li { margin: 0; } .finder .navigation a { text-decoration: none; font-weight: bold; } .tableDownload { width: 100%; background: none repeat scroll 0 0 transparent; } .tableDownload td, .tableDownload th { border: none; padding: 0; } .tableDownload th { background: none repeat scroll 0 0 transparent; } .tableDownload a {} .tableDownload a:hover{ text-decoration:none; color:#ff0000;} .tableTitleDownload { background:none;} .tableTitleDownload th { height:60px; text-align:left; padding-left:0px; text-indent:0px; vertical-align:top; padding-top:10px;} #downloadNavigasyon{ color:#777; font-weight:normal;} .tableTitleDownload td table{ float:right; width:75%;} a.lbfbtnDwnYeni{ width:127px; height:34px; display:block;} a.lbfbtnDwnYeni span {display:none;} .tableDownload_trTitle {line-height: 41px;} .tableDownload_trTitle td{ font-size: 17px; } .tableDownload_tdLeftTitle { width:38%;} .tableDownload_tdRightTitle { width:38%;} .tableDownload_trBody {vertical-align: top;} .tableDownload_tdRightBody, .tableDownload_tdImageDownload, .tableDownload_tdNavigation{ background: url("images/layout/line-double-vertical.png") repeat-y scroll 0 0 transparent; border-top: 1px solid #ccc; } .tableDownload td.tableDownload_tdNavigation{ border-top: 0; padding: 6px 2px; } .tableDownload_tdRightBody { width: 270px; } .tableDownload_trBody{ } .tableDownload_trBody a { display:block; list-style:none; font-size:13px; color:#333; padding:3px;} .tableDownload_trBody a:hover{ text-decoration:none;} .tableDownload_trBody .tableDownload_tdLeftBody { background: transparent;width:190px;} .tableDownload_tdLeftBody div.downloadBodyDiv{ background: transparent; overflow:auto;padding-left: 0;width: 165px;} .tableDownload_tdRightBody div.downloadBodyDiv{height:250px; overflow:auto;} .tableDownload_tdImageDownload {text-align:center; vertical-align:top; text-align: left; } .tableDownload_tdImageDownload h2, .tableDownload_tdImageDownload img {padding: 10px 0 0 15px; margin: 0; } .tableDownload_tdImageDownload table {margin: 10px 0 10px 15px; background: none repeat scroll 0 0 transparent; } .tableDownload_tdImageDownload table td {padding: 0 10px 5px 0; } #productImage{ font-size:12px; padding:15px; display:block; text-align:left; color:#999;} #productImage img{ width:120px !important;} a.downloadSelected { background: #ccc; padding:3px;} a.downloadSelected:hover{ background: #bbb; padding:3px; color:#333;} .downloadBodyDiv { min-height:200px; /*overflow:auto;*/ padding:15px 20px; display:block;} #downloadByProd { font-size:17px; font-family:arial narrow; background:url(/images/global/arrow-right.png) no-repeat right center; display:inline-block; padding-right:10px; margin-bottom:5px;} a#downloadByProd:hover{ color:#ff0000;} #downloadByCate { font-size:17px; font-family:arial narrow; background:url(/images/global/arrow-right.png) no-repeat right center; display:inline-block; padding-right:10px;} a#downloadByCate:hover{ color:#ff0000;} .tableDownload_lbfUrnKod { color: #888888; font-weight: bold; margin-bottom: 5px; margin-top: 8px;} .tableDownload_txtUrnKod {} .tableDownload_txtUrnKod input {width:170px; padding:5px;} .tableDownload_btnDwnAra { margin-top:5px;} .tableDownload_btnDwnAra a { } .tableDownload_btnDwnAra a:hover { } .tableDownload_lbfUrunKoduDesc { margin-top:20px; font-size:11px; color:#666; display:none;} .tableDownload_lbfUrnOnay {font-size:17px; font-family:arial narrow; font-weight:bold;} .tableDownload_lbfUrnKoduBaslik {margin-top:20px; font-size:11px; color:#666;} .tableDownload_lbfUrnKodu {} .tableDownload_lbfUrnAdiBaslik {margin-top:20px; font-size:11px; color:#666;} .tableDownload_lbfUrnAdi {} .tableDownload_lbfbtnDwnOnayla {margin-top:20px;} .tableDownload_lbfbtnDwnOnayla a {width:99px; height:34px; display:block; background:url(/images/onayla.png) no-repeat;} .tableDownload_lbfbtnDwnOnayla a:hover {width:99px; height:34px; display:block; background:url(/images/onayla.png) no-repeat;} .tableDownload_lbfbtnDwnOnayla a span {display:none;} .DownloadIcerik .tableUrunDokuman {width:100%; margin-top:20px; background-position:0 0 !important;border-bottom:1px dotted #000000;} .DownloadIcerik .urunDetay_urunDokumanTuru {text-align:left; border:none !important;padding:0 !important; margin:0 !important;color:#484848 !important;font-size:15px !important;font-weight:bold !important;} .DownloadIcerik .urunDetay_urunDokuman {text-align:left; padding:0 0 0 160px !important; margin:0 !important; position:relative; top:-18px;} .download_kayitYok{ margin:15px 0px; color:#ff0000;} /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: 4px solid #4dbeed; margin:-4px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is for the title text. */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { border:4px solid #4dbeed; overflow:hidden; background-repeat: no-repeat; } /* This is the loading message. */ .cloud-zoom-loading { color:#fff; background:#4dbeed; padding:3px; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{} #cboxContent{padding-bottom:30px; overflow:visible; background:#0595d5; font-size: 15px; font-weight: bold; } #cboxError{padding:50px; border:1px solid #0595d5;} #cboxLoadedContent{background:#0595d5; padding:4px; overflow: hidden !important;} #cboxLoadingGraphic{background:url(images/lightbox/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; bottom:8px; left:10px; color:#fff;} #cboxCurrent{position:absolute; bottom:7px; right:30px; color:#fff;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; bottom:7px; background:url(images/lightbox/controls.png) no-repeat 0 0;} #cboxPrevious{background-position:0px 0px; right:53px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:10px;} #cboxNext.hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:4px; top: 1px;} #cboxClose.hover{background-position:-50px -24px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} /** * Non-semantic helper classes: please define your styles before this section. */ /* Floating */ .left { float: left; margin-right: 1em; } .right { float: right; margin-left: 1em; } .ta-center { text-align: center; } /* List views */ .vertical-list, .vertical-list li, nav ul, nav li, header ul, header li, footer ul, footer li { margin: 0; padding: 0; list-style: none; } .vertical-list li, nav li, header li, footer li { margin: 0; float: left; list-style: none; } .vertical-list-line, footer li { border-left:1px solid #666; padding: 0 .5em; } .vertical-list li:first-child, footer li:first-child{ padding-left:0;border-left:none;} .vertical-list li a, footer nav li a{float:left;} /* For image replacement */ .ir, .site-title a, footer .sponsor-title a, .ir-call-center { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir-call-center { background-image: url(images/ir/beko-call-center.png); height: 34px; } /* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display: none; } /* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */ .clearfix:before, .clearfix:after, .container:before, .container:after, nav:before, nav:after, footer ul:before, footer ul:after, .cols:before, .cols:after, .list-view:before, .list-view:after, .gallery:before, .gallery:after, .inner:before, .inner:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after, .container:after, nav:after, footer ul:after, .cols:after, .list-view:after, .gallery:after, .inner:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .clearfix, .container, nav, footer ul, .cols, .list-view, .gallery, .inner { zoom: 1; } /** * Media queries for responsive design. * * These follow after primary styles so they will successfully override. */ @media all and (orientation:portrait) { /* Style adjustments for portrait mode goes here */ } @media all and (orientation:landscape) { /* Style adjustments for landscape mode goes here */ } /* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome) consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ @media screen and (max-device-width: 480px) { /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */ /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ } /** * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ a, a:visited { color: #444 !important; text-decoration: underline; } /* a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /*Slider paginator */ ol#controls{ position:absolute; right:30px; top:5px; z-index:885; margin:0em 0; padding:0; height:16px; } ol#controls li{ margin:0 0px 0 0; padding:0; float:left; list-style:none; height:16px; line-height:16px; } ol#controls li a{ float:left; height:16px; line-height:16px; /*border:1px solid #ccc;*/ background:#DAF3F8; color:#555; /*padding:0 10px;*/ text-decoration:none; font-weight:bold !important; font-size:11px !important; } ol#controls li.current a{ background:#5DC9E1; color:#000; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} ol#controls li#controls1 a{background:url('../images/ico_slider_01.png') top center no-repeat; color:#fff; border:0; display:block; width:16px; height:16px;text-align:center;} ol#controls li#controls1 a:hover{background:url('../images/ico_slider_01.png') bottom center no-repeat; color:#fff; border:0; display:block; width:16px; height:16px; } ol#controls li#controls1.current a, ol#controls li#controls1.current a:hover{background:url('../images/ico_slider_01a.png') bottom center no-repeat !important; color:#fff; border:0; display:block; width:16px; height:21px;} ol#controls li#controls2 a{background:url('../images/ico_slider_02.png') top center no-repeat; color:#fff; border:0; display:block; width:16px; height:16px;text-align:center;} ol#controls li#controls2 a:hover{background:url('../images/ico_slider_02.png') top center no-repeat; color:#fff; border:0; display:block; width:16px; height:16px;text-align:center;} ol#controls li#controls2.current a, ol#controls li#controls2.current a:hover{background:url('../images/ico_slider_02a.png') bottom center no-repeat !important; color:#fff; border:0; display:block; width:16px; height:21px;} ol#controls li#controls3 a{background:url('../images/ico_slider_03.png') top center no-repeat; color:#fff; border:0; display:block; width:16px; height:16px; text-align:center;} ol#controls li#controls3 a:hover{background:url('../images/ico_slider_03.png') top center no-repeat; color:#fff; border:0; display:block; width:16px; height:16px; text-align:center;} ol#controls li#controls3.current a, ol#controls li#controls3.current a:hover{background:url('../images/ico_slider_03a.png') bottom center no-repeat !important; color:#fff; border:0; display:block; width:16px; height:21px;} ol#controls li#controls4 a{background:url('../images/ico_slider_04.png') top center no-repeat; color:#fff; border:0; display:block; width:16px; height:16px; text-align:center;} ol#controls li#controls4 a:hover{background:url('../images/ico_slider_04.png') bottom center no-repeat; color:#fff; border:0; display:block; width:16px; height:16px;} ol#controls li#controls4.current a , ol#controls li#controls4.current a:hover{background:url('../images/ico_slider_04a.png') bottom center no-repeat !important; color:#fff; border:0; display:block; width:16px; height:21px;} ol#controls li#controls5 a{background:url('../images/ico_slider_05.png') top center no-repeat; color:#fff; border:0; display:block; width:16px; height:16px; text-align:center;} ol#controls li#controls5 a:hover{background:url('../images/ico_slider_05.png') bottom center no-repeat; color:#fff; border:0; display:block; width:16px; height:16px;} ol#controls li#controls5.current a, ol#controls li#controls5.current a:hover{background:url('../images/ico_slider_05a.png') bottom center no-repeat !important; color:#fff; border:0; display:block; width:16px; height:21px;} table.kontakt{border-width:0;background:none;} table.kontakt td{border-width:0;} table.kontakt .l{ background: url("/css/images/layout/line-double-vertical.png") repeat-y scroll top right transparent; vertical-align: top; } table.kontakt .r{ vertical-align: top; padding-left:20px; width: 240px; } table.kontakt .row{ margin: 2px 0 3px 0; } table.kontakt .form_error{ color: #CC0000; margin-bottom: 5px; margin-top: 5px; } table.kontakt .form_success{ color: #00AA00; margin-bottom: 5px; margin-top: 5px; } ._prasa_kontakt{ background:url(images/prasa/maszyna.jpg) top right no-repeat; height: 400px; min-height: 400px; } ._prasa_kontakt table{border-width:0;background:none;margin:20px 0 0 20px} ._prasa_kontakt table td{border-width:0;} ._prasa_kontakt a.e{ color: #0595d5; text-decoration: none; } table.section{border-width:0;background:none;} table.section td{border-width:0;} ._pobieranie .section_title{ padding: 0 0 0 0; } ._pobieranie .section{ margin: 10px 0 10px 0; } ._pobieranie .section a img{border-width:0;} ._pobieranie .section a .img{ float:left; width: 100px; height: 85px; } ._pobieranie .section .image{ width: 95px; text-align: right; vertical-align: top; padding-right: 5px; } ._pobieranie .section .list{ text-align: left; vertical-align: top; } ._pobieranie .section .list div{ margin-bottom: 10px; } .clear{clear:both;} #sideNavigation{ position: absolute; top: 93px; right: 0; z-index: 1001; display: block; width: 31px; height: 487px; } #sideNavigation a{ display: block; width: 31px; height: 183px; margin-bottom: -31px; } #sideNavigation a .off,#sideNavigation a:hover .on{display:block;} #sideNavigation a .on,#sideNavigation a:hover .off{display:none;} .printable_only{display:none;} .no-bottom-border{border-bottom-width:0 !important;} /* FACEBOOK */ #facebook{position:absolute;top:15%;left:-292px;width:323px;z-index:1001;} #facebook .frame{float:left;background:none;width:292px;} #facebook .frame iframe{background:#FFFFFF;padding:0;margin:0;} #facebook a.opener{float:right;background:url('images/facebook.png') no-repeat 0 0 transparent;width:31px;height:103px;cursor:pointer;} #facebook a.opener span{display:none;} .expanded a.opener{background-position:-31px 0 !important;} footer .beko_footer{display:none;}