/* —————————————————————————————— clear.css —————————————————————————————— */ html, body, div, span, applet, object, iframe, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea {margin:0;padding:0;border:0;outline:0; font-size:13px;vertical-align:top;background:transparent;outline:none;} ul, li{padding: 0} b ol, ul {list-style:none;} blockquote, q {quotes:none;} table {border-collapse:collapse;border-spacing:0;} a, span {vertical-align:baseline;color:#000000;} img {vertical-align:top;text-decoration:none;} strong {font-weight: bold;} @font-face { font-family: Ravenwood; src:url(../fonts/Ravenwood.otf); } @font-face { font-family: Helvetica Neue; src:url(../fonts/HelveticaNeue.ttf); } /* —————————————————————————————— general styles —————————————————————————————— */ html, body {width:100%;height:100%;} p{line-height: 22px;} a,h4 a,h3 a,h2 a{color:#000000;} h2 {padding: 12px 0 12px 0px;font-weight: 200;} h1#h1home{ font-size: 1.05em; font-style: italic; } #wyprzedaz {background-color: #f7f7f7;} .bold {font-weight:bold;} .strike {text-decoration:line-through;} .clear {clear:both;} br.clear {height:0;clear:both;overflow:hidden;font-size:0;line-height:0;} noscript ul {list-style-type:none;background:black;color:white;padding:10px;} .clearfix:after {clear:both;display:block;height:0;font-size:0;visibility:hidden;content:".";} .clearblock {height:0;clear:both;overflow:hidden;font-size:0;line-height:0;} .hidden, .block_hidden_only_for_screen {display:none;} h2.h2category {height:34px;margin:20px 0 0 0;padding:12px 0 0 20px; border-bottom: 1px solid #f2f2f2 ;font:bold 15px "Tahoma";color:#242424;} h1#instant_search_results a {margin-left:20px;text-transform:none;} a.product_link {font:bold 12px "Tahoma";color:#323232;text-decoration:none;text-transform:none !important;} a.product_link:hover {color:#fe0606;} a.product_descr {font:12px "Tahoma";color:#989898;text-decoration:none;text-transform:none !important;} a.product_descr:hover {color:#fe0606;} table#cart_summary td.price, p.confirmation {color:#33a33b;font-weight:bold;} /* footer links */ ul.footer_links {height:16px;clear:both;padding:30px 0 0 0;} ul.footer_links li {height:16px;float:left;margin:0 25px 0 0;} ul.footer_links li a {line-height:17px;color:#323232;text-decoration:none;} ul.footer_links li a:hover {color:#fe0606;} ul.footer_links li img.icon {margin:0 5px 0 0;} /* id_state field in managed via JS and is firstly hidden */ form p.id_state {display:none;} /* errors */ div.error {border:2px solid #da0f00;background:#f5f5f5;margin:12px 0 0 0;padding:10px;} div.error p {padding:0;font-weight:bold;color:#000;} div.error ol {padding:0 0 3px 0;} div.error li {list-style-position:inside;list-style-type:decimal;margin:10px 0;color:#da0f00;} /* warning */ p.warning {background:#f8e1a0;margin:12px 0 0 0;padding:10px 13px;font-weight:bold;color:#000;} .warning_inline {color:#da0f00;font-weight:bold;} /* success */ p.success {border:2px solid #5eb569;background:#f1f2f4;margin:12px 0 0 0;padding:10px 13px;font-weight:bold;color:#3eab4c;} .success_inline {color:green;font-weight:bold;} /* —————————————————————————————— buttons —————————————————————————————— */ /* -tags: input, a, span -sizes: mini, small, normal, large -types: button, exlusive -status: normal, hover, disabled -rule: the span.button is a a.button disabled */ /* global button */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {height:40px !important;display:block;background-color: rgb(237, 24, 32);font-weight: 700; font-size: 16px;color:#fff !important;text-align:center;text-decoration:none;cursor:pointer; border:none;} *+html input.button_mini {border:none;} *+html input.button_small {border:none;} *+html input.button {border:none;} *+html input.button_large {border:none;} *+html input.exclusive_mini {border:none;} *+html input.exclusive_small {border:none;} *+html input.exclusive {border:none;} *+html input.exclusive_large {border:none;} /* link/span button */ a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {line-height:23px !important;} /* firefox padding fix for input tag */ @-moz-document url-prefix() { input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled {padding-bottom:2px;} } /* disabled button */ input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {cursor:default;color:#ccc !important;} /* exclusive button */ input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {background:url(../img/btn_exclusive.png) 0 0 repeat-x;border-right:1px solid #d1d1d1;color:#4c4b4b !important;} /* exclusive disabled button */ input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {color:#999 !important;} /* hover button */ input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover {text-decoration:none !important; transition: color 0.2s linear 0s, background 0.2s linear 0s; background:#6f6b6b;;} /* exclusive hover button */ input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {background:#d1d1d1;text-decoration:none !important;} /* classic buttons */ input.button_mini, input.button_mini_disabled, a.button_mini, span.button_mini {width:49px;} input.button_small, input.button_small_disabled, a.button_small, span.button_small {width:64px;} input.button, input.button_disabled, a.button, span.button {width:119px;} input.button_large, input.button_large_disabled, a.button_large, span.button_large {width:179px;} /* exclusive button */ input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini {width:49px;} input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small {width:64px;} input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive {width:119px;} input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large {width:179px;} /* ————— wyszukiwarka ————— */ #wyszukiwarka .nav-tabs .nav-item{background-color: #494b4b; margin-bottom: 0;} #wyszukiwarka div.tab-content{background-color: #e2e2e2;} #wyszukiwarka a.nav-link {border-radius: 0; color:white ;font-size: 14px; letter-spacing: 0.12em;} #wyszukiwarka a.nav-link.active {color: #464a4c; font-size: 14px;} #wyszukiwarka a#add_parameters {float: right} .search-button {width : inherit; cursor: pointer; font-size: 1.6em; color: white; letter-spacing: 0.05em; font-weight: 500; -webkit-font-smoothing: antialiased;} input#szukajbt { border-radius: 2px; box-shadow: none; color: #fff; display: block; font-size: 18px; font-weight: bold; height: 48px; line-height: 15px; text-align: center; width: 426px; margin-left: 29px; margin-top: 35px; background-color: #d70000; border: none; cursor:pointer; position: absolute; } input#szukajbt:hover {background-color: #a10000} #wyszukiwarka select { background-color: white; color: black; cursor: pointer; border: 1px solid #cecece; border-radius: 3px; font-size: 15px; letter-spacing: 0.05em; box-shadow: 0 4px 3px #e2e2e2 inset; padding: 0.5em; padding-right: 2em; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: auto; line-height: 22px; } #wyszukiwarka select:disabled {background-color: #eaeaea} #wyszukiwarka span { display: inline-block; position: relative; vertical-align: middle; } #wyszukiwarka span:before, #wyszukiwarka span:after { content: ""; position: absolute; } #wyszukiwarka span:after { color: black; font-family: "Fontawesome"; font-size: inherit; content: "\f107"; padding: 0.5em; pointer-events: none; right: 0.3em; top: 25%; vertical-align: middle; } #wyszukiwarka label {color: black;font-weight: bold; letter-spacing: 0.05em; display:block; padding: 5px 0 5px 2px; font-size: 14px;} .params_column {float:left; width:223px;} .select-loading {color:white !important;font-size: 1px !important; background:rgba(255, 255, 255, 255) url(../img/ikony/ajax-loader.gif) no-repeat center;} #wyszukiwarka .dropdown { background-color: white; border: 1px solid #cecece; border-radius: 3px; box-shadow: 0 4px 3px #e2e2e2 inset; color: black; cursor: pointer; position: relative; } #wyszukiwarka .dropdown ul{position: absolute; top:39px; background-color: white; border: 1px solid #cecece;z-index: 1;width: 100%;} #wyszukiwarka .dropdown ul li{font-size: 15px;list-style-type: none;padding: 0.5em 2em 0.5em 1em;cursor: pointer;} #wyszukiwarka .dropdown ul li:hover{background-color: buttonface;} #wyszukiwarka .dropdown p{font-size: 15px; padding: 0.5em 0 0.5em 0.75em; height: auto; line-height: 22px;} #wyszukiwarka .dropdown p,.dropdown ul li{-webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none;} #wyszukiwarka .dropdown ul li input{vertical-align: middle} #wyszukiwarka .dropdown ul li a { background-color: #0072ff; border: medium none; border-radius: 2px; box-shadow: none; color: #fff; cursor: pointer; display: block; text-align: center; width: 50%; text-decoration: none; font-weight: bold; margin: 0 auto; line-height: 25px; } #params_last{width: 243px;} .search_input_block label { display: inline !important; font-weight: normal !important; vertical-align: middle; padding: 0 0 0 7px !important; cursor: pointer; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; } .search_input_block input {vertical-align: middle; cursor: pointer} .search_input_block {height: 27px; display: inline} #xl_rft_parameters {margin-top: 15px;} #searchTips { position: absolute; bottom:-26px; left: 0; background-color: #e2e2e2; width: 100%; box-shadow: 1px 1px #cbcbcb; } #searchTips p:before{content: "\f05a"; font-family: fontawesome; margin-right: 8px} #searchTips p{padding: 12px 25px; font-size: 14px;} .requiredParam{border-color: #e6000b !important;} /* ————— tmbannerblock.tpl ————— */ #tmbannerblock {height:340px;position:relative;} #tmbannerblock a.banner1 {} #tmbannerblock a.banner2 {position:absolute;left:39px;bottom:41px;} #tmbannerblock a.banner3 {position:absolute;right:40px;bottom:41px;} .bannerosobowe { background: linear-gradient(rgb(0, 0, 0), rgba(255, 255, 255, 0), transparent), url(../img/banery/osobowe.webp) center;} .bannerdostawcze {background: linear-gradient(rgb(0, 0, 0), rgba(255, 255, 255, 0), transparent), url(../img/banery/dostawcze2016.webp) center;} .bannerciezarowe {background: linear-gradient(rgb(0, 0, 0), rgba(255, 255, 255, 0), transparent), url(../img/banery/ciezarowe2016.webp) center;} .bannerolnicze {background: linear-gradient(rgb(0, 0, 0), rgba(255, 255, 255, 0), transparent), url(../img/banery/rolnicze2016.webp) center;} .bannerprzemyslowe {background: linear-gradient(rgb(0, 0, 0), rgba(255, 255, 255, 0), transparent), url(../img/banery/przemyslowe2016.webp) center;} .bannerterenowe {background: linear-gradient(rgb(0, 0, 0), rgba(255, 255, 255, 0), transparent), url(../img/banery/terenowe2016.webp) center;} .bannermotocyklowe {background: linear-gradient(rgb(0, 0, 0), rgba(255, 255, 255, 0), transparent), url(../img/banery/skuter2016.webp) center;} .bannerwozki {background: linear-gradient(rgb(0, 0, 0), rgba(255, 255, 255, 0), transparent), url(../img/banery/wozki2016.webp) center;} .bannerquady {background: linear-gradient(rgb(0, 0, 0), rgba(255, 255, 255, 0), transparent), url(../img/banery/quad2016.webp) center;} .bannerskutery {background: linear-gradient(rgb(0, 0, 0), rgba(255, 255, 255, 0), transparent), url(../img/banery/skuter2016.webp) center;} .bannerkosiarki {background: linear-gradient(rgb(0, 0, 0), rgba(255, 255, 255, 0), transparent), url(../img/banery/kosiarki2016.webp) center;} .bannergokarty {background: linear-gradient(rgb(0, 0, 0), rgba(255, 255, 255, 0), transparent), url(../img/banery/gokart2016.webp) center;} #video { position: absolute;/* width: 100%; */transform: translateY(-12%);min-width: 100%;/* top: 29%; */z-index: -100; top: 40px;} /* ————— tmmanufacturers.tpl ————— */ #tmmanufacturers {padding-bottom: 20px;} #tmmanufacturers img {padding: 20px; filter: grayscale(100%)} /*--------wyszukiwarka motocykli-------*/ .wyszukiwarkamotocykli form {margin: 10px 0 10px 10px; height: 230px; color:black; background:url('../img/motor.jpg')0 0 no-repeat; } .wyszukiwarkamotocykli input {background:url('../img/tbutton.png')0 0 no-repeat; height:51px ; width:115px ;border: medium none; cursor: pointer;} .wyszukiwarkamotocykli input:hover {background:url('../img/pbutton.png')0 0 no-repeat; } .wyszukiwarkamotocykli label {font-weight: bold;} /*--------wyszukiwarka ciągników-------*/ .wyszukiwarkaciagnikow form {margin: 10px 0 10px 10px; height: 230px; color:black; background:url('../img/tractor2.jpg')0 0 no-repeat; } .wyszukiwarkaciagnikow input {background:url('../img/tbutton.png')0 0 no-repeat; height:51px ; width:115px ;border: medium none; cursor: pointer;} .wyszukiwarkaciagnikow input:hover {background:url('../img/pbutton.png')0 0 no-repeat; } .wyszukiwarkaciagnikow label {font-weight: bold;} #traktor_model select,#traktor_producent select{width: 200px;border: none;} /* ————— tmbestsellers.tpl ————— */ #tmbestsellers .block_content {padding-right: 5px;} #tmbestsellers ul li {height:100px;border-top:1px solid #e8e8e8;} #tmbestsellers ul li:first-child {border:none;} #tmbestsellers ul li a.topseller_img {width:25%;text-align: center; display:block;float:left;margin:11px 10px 0 0;overflow: hidden;} #tmbestsellers ul li a.topseller_img img{height:50px;} #tmbestsellers ul li h5 {padding:9px 0 2px 0;} #tmbestsellers ul li h5 a {color:black; text-decoration: none} #tmbestsellers ul li h5 a:hover {text-decoration:underline;} #tmbestsellers ul li span.price {font:bold 14px "Tahoma";color:#333;} /* block products (new products, top sellers, viewed products) on left and right column */ .products_block ul {padding-top:20px;} .products_block ul li {margin:0 0 20px 0;} .products_block h5 a, .products_block dl dt a {font-weight:bold;} .products_block dl {clear:both;padding:2px 0 0 0;border-top:1px solid #ccc;} .products_block dl dt {margin:9px 0 0 0;} .products_block dl dd a {font-size:11px;} .products_block dl dd a img {margin:5px 0 0 0;} .products_block p a.button_large {width:189px;margin:17px 0 0 0;color:#fff;} /* —————————————————————————————— center column styles —————————————————————————————— */ /* ————— okruszki ————— */ .navigation_page, .navigation_end, .navigation_end a, .navigation-pipe {padding:0 5px;} .okruszki {background-color: #f7f7f7} .srodekokruszek {padding-top: 15px; padding-bottom: 15px;} .srodekokruszek a {color:#000000;} /* —————————————————————————————— regulamin —————————————————————————————— */ #regulamin ul {color: black; margin:20px 100px 20px 20px; } #regulamin p {margin-bottom: 5px;} #regulamin h4 {font-size:16px;font-weight:bold; margin-bottom: 5px;} #regulamin ul li {list-style: decimal; margin-bottom: 5px;} #regulamin ul li a{font-size: 16px; font-weight: bold; text-decoration: none;} #regulamin ul li a:hover{text-decoration: underline;} ul#tel li{font-size: 16px; font-weight: 900;list-style: none; margin-bottom: 5px;} .info_adres {float: right; margin-right: 150px;} #regulamin table {margin-top: 20px;} #regulamin table td { background: none repeat scroll 0 0 #F5F5F5; border:1px solid #C8C8C8; padding: 20px 10px; color:#4C4C4C !important } /* ————— regulamin ————— */ /* —————————————————————————————— o nas —————————————————————————————— */ #onas .onas_akapit{padding: 30px 0; border-bottom: solid 1px;} #onas .onas_akapit:last-of-type{border-bottom: none} #onas h2{background: none; font-size: 20px; color:black; font-weight: bold; margin-bottom: 20px;} #onas h3{font-size: 20px; color: black; font-weight: bold; text-align: center; padding-top: 20px;} #onas h4{font-size: 16px; color: black; font-weight: bold; text-align: center; padding-bottom: 25px;} #onas p {font-size: 14px; text-align: justify;line-height: 20px;} #onas .onas_img{} /* ————— o nas ————— */ /* —————————————————————————————— product pages —————————————————————————————— */ /* ————— tmhomespecials.tpl ————— */ #tmhomespecials {margin-bottom: 20px;} #tmhomespecials h4#h4brakopon {border-bottom: 1px solid #d8d8d8} #tmhomespecials h2, h1, h2.h2featured{padding:20px 0 12px 0px;} #tmhomespecials span {font-size: 1.6em; font-weight: 700; margin-bottom: 10px;} #tmhomespecials h1 {font-size:2em;} #tmhomespecials .card-footer {border: none; background-color: white;} #imgcard {padding: 10px;} #imgcard img {width: 140px;} /*----------artykuly blok porady ----*/ .porady {padding-bottom: 30px; margin-top: 20px;} .porady img {padding-top: 20px;} .porady h3 a {font-size: 0.65em; font-weight: 500;} .listaartykulow {padding-top: 20px; padding-bottom: 20px;} .listaartykulow a {color:black;} .listaartykulow h2 {padding-bottom: 30px;} .listaartykulow img {width: 100%} /*----------popularne rozmairy ----*/ .popularne { margin-top: 40px;} .popularne a{color:black; font-size: 1.05em; font-weight: 600;} .popularne table td {text-align: center;} /* ————— category.tpl ————— */ div#subcategories ul.inline_list {} div#subcategories ul.inline_list li {float:left;padding:17px 20px 0 0;text-align:center;} div#subcategories ul.inline_list li a {text-decoration:none;} div#subcategories ul.inline_list li a:hover {color:#fe0606;} div#subcategories ul.inline_list li a img {margin:0 0 7px 0;border:1px solid #f2f2f2;} img#categoryImage {margin:10px 0 0 0;} div.cat_desc {padding:15px 0 0 0;} .videoprod { width: 50%; min-height: 400px; } .boldfont { font-weight: 800; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .buttonprod{ background-color: #edeeef; border-color: rgb(31, 31, 31); } .buttonprod:hover{ font-weight: bold; } .infomanu p { color: #ff9002; } .infomanu hr { border: 1px solid #ff9002; } .cennteredbannerbox{ position: relative; text-align: center; color: white; } .cennteredbanner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 900; font-size: 2.6vw; background-color: #4747476e; padding: 5%; border-radius: 4%; } .today { line-height: 1.25; font-weight: bold; -webkit-box-align: center; align-items: center; border: 1px solid rgb(0, 0, 0); display: inline-flex; border-radius: 3px; margin-bottom: 10px; padding: 5px 10px; position: relative; } .today:hover { animation-name: shake; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: ease-in; } @keyframes shake { 0% {left: 0} 1% {left: -3px} 2% {left: 5px} 3% {left: -8px} 4% {left: 8px} 5% {left: -5px} 6% {left: 3px} 7% {left: 0} } /* ————— product-list.tpl ————— */ ul#product_list {padding:10px 0 0 0;} ul#product_list li {height:190px;border-top:1px solid #f2f2f2;} ul#product_list li a.product_img_link {width:166px;height:150px;display:block;float:left;margin:20px 0 0 0;} ul#product_list li div.center_block {width:350px;float:left;margin:0 0 0 20px;} ul#product_list li div.center_block div.product_flags {padding:27px 0 0 0;} ul#product_list li div.center_block div.product_flags span {font:bold 14px "Tahoma";color:#fe0606;text-transform:uppercase;} ul#product_list li div.center_block div.product_flags span.new {margin:0 43px 0 0;} ul#product_list li div.center_block div.product_flags span.availability {} ul#product_list li div.center_block h3 {padding:24px 0 0 0;} ul#product_list li div.center_block p.product_desc {padding:14px 0 0 0;} ul#product_list li div.right_block {width:140px;float:right;padding:27px 0 0 0;} ul#product_list li div.right_block span.on_sale, ul#product_list li div.right_block span.discount {display:block;padding:0 0 19px 0;font:bold 14px "Tahoma";color:#242424;text-transform:uppercase;} ul#product_list li div.right_block span.price {display:block;font:bold 12px "Tahoma";} ul#product_list li div.right_block span.online_only {display:block;padding:9px 0 0 0;color:#888;} ul#product_list li div.right_block .exclusive {margin:7px 0 10px 0;} ul#product_list li div.right_block p.compare {height:15px;padding:10px 0 0 0;} *+html ul#product_list li div.right_block p.compare input {margin-right:-4px;} /* ————— product.tpl ————— */ #primary_block p.confirmation {padding:17px 0 0 20px;} #primary_block #pb-right-column {width:233px;float:left;padding:20px 0 0 20px;} /* product img */ #primary_block #image-block {width:233px;} #primary_block #image-block img#bigpic {width:231px;cursor:pointer;border:1px solid #eee;} #primary_block #image-block img#bigpic.jqzoom {cursor:crosshair;position:relative;} /* views block */ #views_block {width:233px;} #thumbs_list {} #thumbs_list ul {width:245px !important;overflow:hidden;} #thumbs_list li {width:71px;height:67px;float:left;cursor:pointer;margin:10px 10px 0 0;} #thumbs_list li a img {width:69px;height:65px;border:1px solid #eee;} span#wrapResetImages {display:none;} span#wrapResetImages div {padding:12px 0 0 0;} /* usefull links */ #primary_block ul#usefull_link_block {padding:17px 0 0 0;clear:both;overflow:hidden;} #primary_block ul#usefull_link_block li {padding:10px 0 0 10px;background:url(../img/bullet_alt.gif) 0 14px no-repeat;} #primary_block ul#usefull_link_block li a, #primary_block ul#usefull_link_block span.span_link {text-decoration:none;color:#989898;cursor:pointer;} #primary_block ul#usefull_link_block li a:hover, #primary_block ul#usefull_link_block span.span_link:hover {color:#fe0606;} #primary_block #pb-left-column {width:420px;float:left;padding:18px 0 0 20px;} .productlogo{padding-bottom: 10px;} /* detki do opon */ .tubeframe {background-color: #F2F4F3; height:100%; padding: 10px;} .tubeframe1 {background-color: white; height: 50px; margin-bottom: 5px;} .tubeframe h6 {color:black; font: bold 12px "Tahoma"; padding-bottom: 3px;} span.tubename {line-height: 50px; color:black; font-size: 14px; padding-left: 15px;} span.tubename a{line-height: 50px; color:black; font-size: 14px; padding-left: 15px; text-decoration: none} span.tubename a:hover{text-decoration: underline} span.tubeprice {color: #E9000B;font: bold 14px "Tahoma"; padding-left: 50px} span.tubebutton {float:right; padding-right: 25px;} .tubebutton input.button {background: none repeat scroll 0 0 #0E86DA;} /* short description */ #primary_block #short_description_block {} #primary_block #short_description_content {} /* buttons */ .btn { border-radius: 0px; } #primary_block p.buttons_bottom_block {padding:0;} #primary_block p.buttons_bottom_block a {margin:17px 0 0 0;} #primary_block p.buttons_bottom_block input#add2cartbtn {display:none;} /* pack items */ #primary_block #short_description_block h3 {padding:17px 0 5px 0;} #primary_block #short_description_block .pack_content {padding:7px 0 0 0;font-size:10px;color:#777;} #primary_block #short_description_block .pack_content p {padding:0;} /* color picker */ #primary_block #color_picker {padding:7px 10px 10px 10px;background:#f2f2f2;margin:17px 0 0 0;} #primary_block #color_picker p {padding:0;} #primary_block #color_to_pick_list li {display:inline;float:left;margin:4px 7px 0 0;} #primary_block a.color_pick {display:block;width:20px;height:20px;border:1px solid #666;cursor:pointer;} #primary_block a.color_pick:hover {border:1px solid #000;} #primary_block a#color_all {cursor:pointer;} /* buy block */ #primary_block div#buy_block {padding:3px 0 0 0;} #primary_block div#buy_block p {padding:0;} /* price */ #primary_block div#buy_block span.on_sale, #primary_block div#buy_block span.discount {display:block;margin:14px 0 0 0;font:bold 14px "Tahoma";color:#242424;text-transform:uppercase;} #primary_block div#buy_block span.our_price_display {display:block;margin:14px 0;} #primary_block div#buy_block span#our_price_display {margin:0 3px 0 0;font:bold 18px "Tahoma";color:#fe0606;} /* taxes & discounts */ #primary_block div#buy_block div#other_prices {margin:14px 0;} #primary_block div#buy_block div#other_prices p {margin:2px 0 0 0;} #primary_block div#buy_block p#old_price {color:#777;text-decoration:line-through;} #primary_block div#buy_block p#reduction_percent {color:#777;} #primary_block div#buy_block p.pack_price {color:#777;} #primary_block div#buy_block p.price-ecotax {color:#229922;} /* attributes */ div#attributes {} div#attributes p {margin:14px 0;padding:3px 0 !important;} div#attributes p label {float:left;text-align:right;padding:2px 7px 0 0;} /* quantities */ #primary_block div#buy_block p#quantity_wanted_p {margin:14px 0;padding:3px 0;} #primary_block div#buy_block p#quantity_wanted_p label {display:block;float:left;padding:2px 7px 0 0;} #primary_block div#buy_block p#availability_statut {margin:14px 0 0 0;} #primary_block div#buy_block p#availability_statut span#availability_value {font-weight:bold;} #primary_block div#buy_block p#pQuantityAvailable {margin:14px 0 0 0;font-weight:bold;} #primary_block div#buy_block p.online_only {margin:14px 0 0 0;} #primary_block div#buy_block p#last_quantities {margin:14px 0 0 0;font:bold 14px "Tahoma";color:#fe0606;text-transform:uppercase;} /* DOT towaru */ #primary_block div#buy_block p#product_dot {margin:14px 0 0 0;} #primary_block div#buy_block p#product_dot span#dot_year {font-weight:bold;} /* tabs */ ul.idTabs {height:75px;padding:24px 0 1px 0;clear:both;border-bottom:1px solid #f2f2f2;} ul.idTabs li {float:left;margin:0 0 0 1px;} ul.idTabs li:first-child {margin:0;} ul.idTabs li a {width:200px;height:50px;display:block;padding:18px 0 0 0;background:url(../img/tab_active.png);color:#000;text-align:center;text-decoration:none;cursor:pointer;} ul.idTabs li a.selected {background:#f9f9f9 0 0 repeat-x;} /* tabs short */ ul.idTabsShort li a {width:140px;} ul.idTabsShort li a.selected {} /* tabs contents */ div#more_info_sheets {padding:12px 0px; position: relative;} /* idTab1 (product description) */ div#idTab1 {padding:5px 0;} div#idTab1 p {padding:0;} #idTab1 ul {float:left} #idTab1 ul li {margin:5px 0;padding:0 0 0 10px;} #idTab1 ul li span {font-weight:bold;} /* idTab2 (data sheet) */ ul#idTab2 li {margin:5px 0;padding:0 0 0 10px;background:url(../img/bullet_alt.gif) 0 4px no-repeat;} ul#idTab2 li span {font-weight:bold;} /* idTab9 (attachments) */ ul#idTab9 li {margin:5px 0;padding:0 0 0 10px;background:url(../img/bullet_alt.gif) 0 4px no-repeat;} ul#idTab9 li a {font-weight:bold;} /* idTab4 (accessories) */ ul#idTab4 {padding:8px 0;} ul#idTab4 li {height:67px;margin:20px 0 0 0;} ul#idTab4 li:first-child {margin:0;} ul#idTab4 li div.accessories_desc {width:355px;float:left;} ul#idTab4 li div.accessories_desc a.accessory_image {width:69px;height:65px;display:block;float:left;margin:0 10px 0 0;border:1px solid #f2f2f2;} ul#idTab4 li div.accessories_desc h5 {margin:0 0 7px 0;} ul#idTab4 li div.accessories_price {width:120px;float:right;} ul#idTab4 li div.accessories_price span.price {display:block;margin:0 0 7px 0;} /* —————————————————————————————— badge styles —————————————————————————————— */ #badge {margin:5px;} #badge img {padding-right: 30px} /* Linki producentów*/ .linkidolne {background-color: #f7f7f7;} .footernavilinks { width:100%; padding-top: 30px;} .footernavilinksbolock {float:left; padding: 10px 10px 20px 20px; width: 100%;} .footernavilinksbolock1 { padding: 10px 10px 20px 0px} .footernavilinksbolock1 a {color: #454646; padding-right: 10px} .footernavilinkscolumn {float: left;} .footernavilinkscolumn a {margin: 0} .footernavilinks a {text-decoration: none; color:black; line-height: 25px;} .footernavilinks a:hover {text-decoration: underline} .footernavilinks h6 {font-weight: bold; display: block; margin: 15px 0 3px 20px;} .footernavilinks h5 {text-align: -webkit-center;} /* —————————————————————————————— printable version —————————————————————————————— */ @media print { * {background:none!important;background-color:white!important;} div#left_column, div#right_column, div#footer, a.button, span.button , .button, ul#usefull_link_block, div#header_user, #languages_block_top, #search_block_top, #currencies_block_top, ul#header_links, ul.idTabs, #availability_statut br {display:none;} input.text {border:1px solid gray;} .block_hidden_only_for_screen {display: block;margin-top:1em;} #more_info_sheets #idTab1 {width:530px;} } /* —————————————————————————————— sitemap —————————————————————————————— */ .mapcolumn {margin-bottom: 10px; border-bottom: solid 1px} .mapcolumn h3 { color: #E6000B; font-size: 16px; font-weight: bold; margin-bottom: 5px; } .mapcolumn ul li {display: inline-block; padding-right: 5px; line-height: 22px;} .mapcolumn ul li a {font-size: 12px; color: black; text-decoration: none} .mapcolumn ul li a:hover {text-decoration: underline} #GoogleMap {margin-top: 20px; margin-bottom: 20px;} /* —————————————————————————————— Artykuły —————————————————————————————— */ #article{color:black; text-align: justify; font-size: 14px; margin-bottom: 25px;} #article p{text-align: justify; font-size: 14px;} ul.articlelist li {line-height: 20px;} ul.articlelist li a {color: black;font-weight: bold;} ul.articlelist {list-style: square outside none; padding-top: 10px;} .articlerow {border-bottom: 1px solid grey; margin-bottom: 20px; margin-top: 20px;} .articleavatar {float:left; margin-right: 20px; padding-bottom: 20px;} .articleavatar img {width: 130px;} .articledescription {font-size: 14px; color:black; line-height: 20px;} .articlelistcnt h3 {margin:0; padding: 0; text-transform: none;} .articlelistcnt h3 a {font: 20px Tahoma,Verdana,Tahoma,sans-serif; padding-bottom: 5px;text-decoration: none;} .articlerow {overflow: hidden;} .articlepagination {margin-top: 30px; margin-right: 270px;} #article ul li{font-size: 14px;} #article ul{margin-right: 10px;} .facebookowybutton {padding: 10px 233px 0px 0px;} ul.model-info li label{font-size: 14px; font-weight: bold; width: 130px; display: inline-block;} #article ul.model-info{list-style: none; margin: 10px 0 15px 0} #article ul.model-info li{line-height: 25px; text-align: left} img#model_logo{float: right; margin-top: -6px; padding-right: 15px;} #article a {font-weight: bold; text-decoration: underline;} /* —————————————————————————————— Artykuły główna—————————————————————————————— */ .articlerow_h {border-bottom: 1px solid #e8e8e8; margin-bottom: 5px; height: 120px;} .articleavatar_h {float:left; width: 17% ; margin: 8px 10px 0px 0px; padding: 8px 8px 8px 8px; border: 1px solid #f2f2f2;} .articleavatar_h img {height: 80px;display: block; margin: 0 auto;} .articledescription_h {font-size: 12px; color:#989898; line-height: 20px; padding-right: 18px;} .articlelistcnt_h h3 {margin:0; padding: 10px 0px 10px 0px; text-transform: none;} .articlelistcnt_h h3 a {font: 12px Tahoma,Verdana,Tahoma,sans-serif; color:#242424; padding-bottom: 5px;text-decoration: none;} .articledata_h {margin-top: 2px;} /* —————————————————————————————— Ciasteczka —————————————————————————————— */ .cookie {position: relative} .cookie a{position: absolute; right: 25px; bottom: 35px;} .tablebieznik { margin-top: 25px; color:black; } table.tablebieznik td, table.tablebieznik th { border-width: 1px; border-color: black; border-style: inset; padding: 3px; } table.tablebieznik th {font-weight: bold;} /* —————————————————————————————— Kupon załadowany —————————————————————————————— */ #cupon_loaded { right:0px; position: fixed; top:160px; padding: 10px; width: 190px; background: none repeat scroll 0 0 #494b4b; -moz-opacity : 0.9; opacity : 0.9; filter : alpha(opacity=90); color:white; z-index: 666; } #cupon_content { margin: 20px 0 0 8px; font-size: 18px; } .ubezp_p_cart { margin-top: 10px; } /* —————————————————————————————— price view —————————————————————————————— */ span.pricetip{display:block; font-family: fontawesome; font-size: 16px; color:#A2A4A8;cursor:help;position: relative;} .pricetipinfo { display: none;background-color: #f7f7f7;border-color: #a9a9a9; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.75); position: absolute; bottom: 20px; left: -100px;width: 350px; padding: 20px; color: black; } span.pricetip:hover .pricetipinfo {display: block;} /* -------footer bootstrap */ footer { background-color:rgba(41, 43, 44, 0.85); min-height:350px;} .footer-col { margin-top:50px; } .logofooter { margin-bottom:10px; font-size:25px; color:#d8d6d6; font-weight:700;} .footer-col p { color:#d8d6d6; font-size:12px; font-family: 'Open Sans', sans-serif; margin-bottom:15px;} .footer-col p i { width:20px; color:#999;} .footer-ul { list-style-type:none; padding-left:0; margin-left:2px;} .footer-ul li { line-height:29px; font-size:12px;} .footer-ul li a { color:#a0a3a4; transition: color 0.2s linear 0s, background 0.2s linear 0s; } .footer-ul i { margin-right:10px;} .footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#feffff; } .copyright { min-height:40px; background-color:#525154;} .copyright p { text-align:left; color:#d8d6d6; padding:10px 0; margin-bottom:0;} .heading7 { font-size:21px; font-weight:700; color:#d9d6d6; margin-bottom:22px;} .post p { font-size:12px; color:#FFF; line-height:20px;} .post p span { display:block; color:#8f8f8f;} .bottom_ul { list-style-type:none; float:right; margin-bottom:0;} .bottom_ul li { float:left; line-height:40px;} .bottom_ul li:after { content:"/"; color:#d8d6d6; margin-right:8px; margin-left:8px;} .bottom_ul li a { color:#d8d6d6; font-size:12px;} .social-icon { width: 30px; height: 30px; font-size: 15px; background-color: blue; color: #fff; text-align: center; margin-right: 10px; padding-top: 7px; border-radius: 50%; } .footer-social li{ float:left; margin-bottom: 15px; } .linked-in{ background-color:#007bb6; } .facebook{ background-color:#3b5998; } .twitter{ background-color:#1da1f2; } .google{ background-color:#f63e28; } /* ------ Sticky */ .card_shadow { box-shadow: 3px 3px 5px rgba(163, 163, 163, 0.667); } .sy-5 { box-shadow: inset 0px 5px 15px rgba(124, 124, 124, 0.667); } /* -------header bootstrap */ nawigacja .navbar {background-color: white; padding: 0; padding-top: 70px;} nawigacja .nav {padding-top: 5px; float: right;} pasekdolny .navbar {background-color: #494b4b; padding: 0;} pasekdolny .nav-link { font-size: 1.6em; color: white; letter-spacing: 0.05em; font-weight: 500; -webkit-font-smoothing: antialiased; } .nav-link:hover, .nav-link:focus {color: #b1acac;} .navbar-brand { color: white; letter-spacing: 0.05em; font-weight: 700; -webkit-font-smoothing: antialiased; } pasekdolny .dropdown-item {font-size: 1.15em;} pasekdolny .dropdown-menu {padding: 0.8rem 2em; border-radius: 0;} logo {font-size: 40px; font-family: Ravenwood; color: red; font-weight: bold;} logo span {font-size: 38px; font-family: Arial; color: black; font-weight: 300;} logo p {font-size: 12px; font-family: arial; color: black;font-weight: 100;font-style: italic;} /*------srodek */ srodek .container-fluid {background-color: white;} /* -------artykulyposty */ .post { background-color: #FFF; overflow: hidden; box-shadow: 0 0 1px #CCC; height: 210px; } .post-content { padding: 15px; } .czytaj {padding-top: 10px;} .czytaj a {color:white;} .post-author { font-size: 11px; color: #737373; padding: 15px 0px 15px; } .post-image-content { height: 220px; position: relative; } .post-image-content img { position: absolute; } .post-title { display: grid; vertical-align: bottom; z-index: 2; position: relative; } .post-title b { background-color: rgb(236, 238, 239); display: inline-block; letter-spacing: 0.05em; color: #FFF; padding: 10px 15px; } /*----ikonki-------*/ #ikonki {padding-bottom: 30px;} #ikonki h2 {text-align:center;} /*----opinie-------*/ .box > .icon { text-align: center; position: relative; } .box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #ed1820; vertical-align: middle; } .box > .icon:hover > .image { background: #333; } .box > .icon > .image > i { font-size: 36px !important; color: #fff !important; vertical-align: baseline; } .box > .icon:hover > .image > i { color: white !important; } .box > .icon > .info { margin-top: -24px; border: 1px solid #e0e0e0; padding: 15px 0 10px 0; } .box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; } .box > .icon > .info > h3.title { font-size: 1.25em; color: #222; font-weight: 500; margin-top: 10px; } .box > .icon > .info > p { font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;} .box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; } .box > .icon > .info > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; } .box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; } .box .space { height: 30px; } /*----overlay----*/ .bg-overlay { background: linear-gradient(#575e63, #020202de, transparent), url(../img/osobowe.jpg) no-repeat center; background-repeat: no-repeat; background-size: cover; color: #fff; height: 190px; padding-top: 60px; } .bg-overlay p {color:white;font-weight: 500;} /*--- modal -----*/ .popup { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1250; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .popup .close { position: absolute; z-index: 1; right: 10px !important; top: 10px !important; height: 2.5rem; width: 2.5rem; background: rgba(193, 193, 193, 0.3) !important; border-radius: 50%; padding: 0; } .popup .close span{ vertical-align: middle; } .popup .popup-content { border: 0; border-radius: 3px; background-color: white; } .pointer-events-none { pointer-events: none; } /*Height utilities*/ .m-h-10 { min-height: 10vh; } .m-h-20 { min-height: 20vh; } .m-h-30 { min-height: 30vh; } .m-h-40 { min-height: 40vh; } .m-h-50 { min-height: 50vh; } .m-h-60 { min-height: 60vh; } .m-h-70 { min-height: 70vh; } .m-h-80 { min-height: 80vh; } .m-h-90 { min-height: 90vh; } .m-h-100 { min-height: 100vh; } .btn-cstm-danger { color: #FFFFFF; background-color: #f2545b; border-color: #f2545b; height: 100%; } .btn-cstm-danger:hover { color: #FFFFFF; background-color: #ef3039; border-color: #ee252e; } /*--- loader-----*/ .lds-ring { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid rgb(66, 65, 65); border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: rgb(58, 58, 58) transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*--- koniec loadera -----*/