@charset "utf-8"; /* RESET */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0px; padding: 0px; } table { border-collapse: collapse; border-spacing: 0px; } fieldset, images { border: none; } address, caption, cite, code, dfn, em, strong, th, var, i { font-style: normal; font-weight: normal } ul { list-style: none; } caption, th{ text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; } q:before, q:after {content: ''} a:active, a:focus { outline-style: none; } li { list-style-image: none; list-style-position: inside; list-style-type: none; } /* /RESET */ /* GLOBAL */ html {} a { color: #010101; text-decoration: none; cursor: pointer; transition: all 250ms ease 0s; } a:hover { color: #D55E01; text-decoration: none; transition: all 250ms ease 0s; } strong { font-weight: bold; } input { font-size: 11px; color: #999; border: 0px none; outline: none; } label, input[type="submit"] { cursor: pointer; } input[type="submit"] { transition: all 250ms ease 0s; } input[type="submit"]:hover { transition: all 250ms ease 0s; } select, input[type="email"], input[type="password"], input[type="text"], textarea { font-family: 'Ubuntu', Arial, Tahoma; font-size: 13px; font-style: italic; color: #9E9E9E; background: #FFF; border: 1px solid #B5B5B5; box-sizing: content-box; } input[type="email"], input[type="password"], input[type="text"] { width: 243px; height: 25px; padding: 0px 10px; } select, input[type="email"]:focus, input[type="password"]:focus, input[type="text"]:focus, textarea:focus { border: 1px solid #F6AE75; } ::-webkit-input-placeholder { font-size: 13px; color: #9E9E9E; opacity: 1; } :-moz-placeholder { font-size: 13px; color: #9E9E9E; opacity: 1; } ::-moz-placeholder { font-size: 13px; color: #9E9E9E; opacity: 1; } :-ms-input-placeholder { font-size: 13px; color: #9E9E9E; opacity: 1; } img { border: none; } body { position: relative; width: 100%; min-width: 300px; max-width: 100%; overflow-x: hidden; font-family: 'Ubuntu', Arial, Tahoma; font-size: 12px; color: #4A4A4A; text-align: center; background: #FFF; } @media screen and (min-width: 768px) { body { background: #F8F8F8 url(../img/theme/bg_1.png) center 0px repeat-x; } } .fl { float: left; } .fr { float: right; } .clear { float: left; width: 100%; } .ds-none { display: none!important; } .tc { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; } a.tc:hover { opacity: 0.7; } .up { text-transform: uppercase; } /* /GLOBAL */ /* MAIN */ .container { position: relative; float: left; width: 100%; } .wrapper { display: inline-block; vertical-align: top; } @media screen and (min-width: 320px) { .wrapper { width: 98%; min-width: 300px; padding: 0px 1%; } } @media screen and (min-width: 768px) { .wrapper { width: 98%; padding: 0px 1%; text-align: left; } } @media screen and (min-width: 1024px) { .wrapper { width: 1000px; padding: 0px 0px; background: transparent; } } @media screen and (min-width: 1200px) { .wrapper { width: 1200px; } } /* MAIN */ h1.header, h2.header { display: block; overflow: hidden; clear: both; height: 29px; border-top-left-radius: 5px; border-top-right-radius: 5px; } h1.header { padding: 0px 10px; background: url(../img/theme/header.png) 0px 100% repeat-x; } @media screen and (min-width: 768px) { h1.header, h2.header { float: left; text-align: left; } h2.header { width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #E7E7E7; background-position: 0px -17px; } } h1.header span, h2.header span { font-size: 12px; font-weight: bold; color: #FFF; text-transform: uppercase; line-height: 29px; } h1.header span { display: block; } h2.header span { display: inline-block; vertical-align: top; border-top-left-radius: 5px; border-top-right-radius: 5px; } h2.header span { padding: 0px 10px; background: url(../img/theme/header.png) 0px 100% repeat-x; } a.button_small, a.button, a.button_long { display: block; } .button_small, .button, .button_long { color: #FFF; text-transform: uppercase; border-radius: 5px; } .button_small { width: 90px; height: 22px; font-family: Arial; font-size: 10px; background: url(../img/theme/btn_s.png) 0px 0px repeat-x; } a.button_small { line-height: 22px; } .button { width: 100px; height: 26px; font-size: 12px; font-weight: bold; text-align: center; background: url(../img/theme/header.png) 0px 100% repeat-x; } a.button { line-height: 26px; } .button_long { width: 170px; height: 35px; font-size: 12px; line-height: 35px; background: url(../img/theme/header.png) 0px 100% repeat-x; } a.button_long { line-height: 35px; } .button_small:hover, .button:hover, .button_long:hover { color: #FFF; opacity: 0.7; } .error { color: #FF0000!important; } input.text.error { border: 1px solid #FF0000!important; } input.text.valid { border: 1px solid #AED136!important; } h2.switcher { position: relative; display: inline-block; width: 100%; margin-bottom: 5px; height: 40px; text-align: center; background: #2B2B2B; cursor: pointer; vertical-align: top; border-top-left-radius: 5px; border-top-right-radius: 5px; } h2.switcher span { display: block; font-size: 14px; font-weight: bold; color: #FFF; text-transform: uppercase; line-height: 41px; } @media screen and (min-width: 1024px) { h2.switcher { display: none; } } h2.switcher:hover, h2.switcher.active { background: #D56003; } .ui-selectmenu, .ui-multiselect { display: block; overflow: hidden; height: 32px; font-size: 14px; color: #565656; text-decoration: none!important; background: #FFF; border: 1px solid #E7E7E7; } .ui-selectmenu:hover { color: #D55E01; } .ui-selectmenu .ui-selectmenu-status { float: left; height: 32px; margin-left: 10px; text-align: left; line-height: 32px; } .ui-selectmenu .ui-selectmenu-icon, .ui-multiselect span.ui-icon { float: right; width: 16px; height: 16px; margin-top: 8px; margin-right: 10px; background: url(../img/ico/select.png) 0px 0px no-repeat; } .ui-selectmenu-menu, .ui-multiselect-menu { position: absolute; display: none; } .ui-selectmenu-open, .ui-multiselect-menu { display: block; max-height: 300px; overflow-y: auto; z-index: 1000; } ul.ui-selectmenu-menu li, .ui-multiselect-checkboxes li { padding: 0px 10px; font-size: 13px; text-align: left; line-height: 38px; background: #FFF; border: 1px solid #E7E7E7; border-top: none; } ul.ui-selectmenu-menu li.ui-corner-top { border-top: 1px solid #E7E7E7; } ul.ui-selectmenu-menu li a { display: block; color: #565656; text-decoration: none!important; } ul.ui-selectmenu-menu li a:hover { color: #D55E01; } div.prettycheckbox { float: left; width: 15px!important; height: 17px!important; margin-right: 5px!important; } div.prettycheckbox label { display: none!important; } div.prettycheckbox a { float: left; width: 15px; height: 19px; background: url(../img/theme/ico/chk.png) 0px 4px no-repeat; } div.prettycheckbox a.checked { background-position: 0px -17px; } /* /MAIN */ /* HEADER */ #header {} @media screen and (min-width: 1024px) { #header {} } #h { margin: 10px 0px 0px; } @media screen and (min-width: 768px) { #h { margin: 15px 0px 0px; } } @media screen and (min-width: 1024px) { #h { margin: 10px 0px 0px; } } #h #logo { display: inline-block; width: 100%; margin-bottom: 10px; } @media screen and (min-width: 768px) { #h #logo { overflow: hidden; float: left; width: 243px; height: 101px; } } #logo a { display: block; } #logo a img { max-width: 200px; height: auto; } @media screen and (min-width: 768px) { #logo a img { max-width: 243px; ; max-height: 101px; } } #logo a:hover { opacity: 0.7; } #h .opts { display: inline-block; position: relative; margin-bottom: 20px; vertical-align: top; width: 100%; } @media screen and (min-width: 768px) { #h .opts { float: right; height: 70px; margin-bottom: 0px; width: auto; } } #h .opts .info { position: absolute; bottom: -115px; right: 0px; width: 173px; height: 79px; background: url(../img/theme/top_deliv.png) -95px 0px no-repeat; z-index: 1; } @media screen and (min-width: 768px) { #h .opts .info { display: none; } } @media screen and (min-width: 1024px) { #h .opts .info { display: block; top: -10px; left: -340px; width: 347px; height: 158px; background-position: 0px 0px; } } @media screen and (min-width: 1200px) { #h .opts .info { left: -450px; } } #h .opts .info .deliv, #h .opts .info .gift { position: absolute; top: 10px; width: 55px; height: 80px; z-index: 10; } #h .opts .info .deliv { left: 125px; } #h .opts .info .gift { right: 90px; } #h .opts .info .inside { display: none; position: absolute; top: 0px; width: 106px; padding: 10px; font-size: 13px; color: #727272; background: #FFF; border: 1px solid #F26A00; } #h .opts .info .deliv .inside { right: -100px; } #h .opts .info .gift .inside { right: 100px; } @media screen and (max-width: 700px) { #h .opts .info .deliv { right: 90px; left: inherit; } #h .opts .info .gift { left: 125px; } } @media screen and (min-width: 700px) { #h .opts .info .deliv .inside { right: 0px; } #h .opts .info .gift .inside { right: 0px; } } #h .opts .info .deliv:hover .inside, #h .opts .info .gift:hover .inside { display: block; z-index: 11; } #h .opts .log { display: none; vertical-align: top; } @media screen and (min-width: 768px) { #h .opts .log { display: inline-block; } } #h .opts .log a { float: left; width: 76px; height: 20px; margin: 0px 2px; font-size: 11px; font-weight: 500; color: #595959; text-align: center; line-height: 20px; background: #FFF; border: 1px solid #D5D5D5; border-radius: 5px; box-shadow: inset 0px 0px 5px #B6B6B6; } #h .opts .log a:hover { color: #FFF; background: url(../img/theme/btn_s.png) 0px -1px repeat-x; } #h .opts .contact { display: none; margin-top: 5px; } /* #div_id_show_product #h .opts .contact { display: none; }*/ @media screen and (min-width: 768px) { #h .opts .contact { display: block; float: right; margin-left: 80px; } #div_id_show_product #h .opts .contact { display: block; } } #h .opts .contact .cnt { display: inline-block; vertical-align: top; } @media screen and (min-width: 768px) { #h .opts .contact .cnt { float: right; clear: both; } } #h .opts .contact .cnt a, #h .opts .contact .cnt span { float: left; margin-left: 5px; } #h .opts .contact .cnt a { font-size: 13px; font-weight: 600; color: #727272; line-height: 18px; } #h .opts .contact .cnt span { font-size: 11px; font-weight: 500; font-style: italic; color: #C9C9C9; line-height: 20px; } #h .opts .contact .cnt a.phone1 { padding-left: 25px; background: url(../img/theme/ico/t_p.png) 0px 0px no-repeat; } #h .opts .contact .cnt a:hover { color: #D45D00; } #h .menu { display: inline-block; position: relative; width: 100%; margin-bottom: 10px; vertical-align: top; z-index: 2; } @media screen and (min-width: 768px) { #h .menu { float: left; clear: left; width: auto; padding-left: 30px; margin-bottom: 0px; padding: 3px 0px; background: url(../img/theme/t_m.png) center center no-repeat; } } #h .menu ul { float: left; width: 100%; } @media screen and (min-width: 768px) { #h .menu ul { width: auto; } } #h .menu ul li { display: inline-block; margin: 0px 2px 10px; vertical-align: top; } @media screen and (min-width: 768px) { #h .menu ul li { margin-bottom: 0px; } } @media screen and (min-width: 1200px) { #h .menu ul li { margin: 0px 15px; } } #h .menu ul li a { display: block; font-family: 'Times New Roman'; font-size: 14px; color: #F26A00; text-transform: uppercase; line-height: 20px; } #h .menu ul li a:hover { opacity: 0.7; } #h #search { display: inline-block; position: relative; width: 100%; margin: 0px 0px 20px; z-index: 2; } @media screen and (min-width: 768px) { #h #search { margin-top: 10px; } } @media screen and (min-width: 768px) { #h #search { float: right; width: 173px; margin: -40px 10px 0px 0px; } } @media screen and (min-width: 1024px) { #h #search { width: 302px; } } #search input.text { display: block; position: relative; width: 100%; height: 35px; margin-bottom: 10px; background: #FFF; border: 1px solid #D5D5D5; border-radius: 5px; box-sizing: border-box; box-shadow: 1px 0px 10px 0px #B6B6B6; z-index: 1; } @media screen and (min-width: 768px) { #search input.text { margin-bottom: 0px; } } @media screen and (min-width: 1024px) { #search input.text { margin-bottom: 5px; } } #search input.text::-webkit-input-placeholder { font-size: 12px; color: #B7B7B7; line-height: 13px; } #search input.text:-moz-placeholder { font-size: 12px; color: #B7B7B7; line-height: 33px; } #search input.text::-moz-placeholder { font-size: 12px; color: #B7B7B7; line-height: 33px; } #search input.text:-ms-input-placeholder { font-size: 12px; color: #B7B7B7; line-height: 33px; } #search input.submit { position: absolute; top: 8px; right: 10px; width: 18px; height: 19px; padding: 0px 0px 0px 8px; background: url(../img/theme/ico/loop.png) 100% center no-repeat; border-left: 1px solid #D5D5D5; box-sizing: content-box; z-index: 2; } #search input.submit:hover { opacity: 0.7; } #search input#opisy2, #search label { display: inline-block; vertical-align: top; } @media screen and (min-width: 768px) { #search input#opisy2, #search label { display: none; } } @media screen and (min-width: 1024px) { #search input#opisy2, #search label { display: block; float: left; } } #search input#opisy2 { margin-top: 1px; } @media screen and (min-width: 1024px) { #search input#opisy2 { margin-left: 5px; margin-right: 5px; } } #search label { margin-left: 2px; font-size: 12px; color: #5F5F5F; line-height: 15px; } #h #tCart { display: inline-block; position: relative; float: left; width: 47%; margin-bottom: 20px; padding: 5px 5px 5px; background: #D56003; border-radius: 5px; vertical-align: top; } @media screen and (min-width: 768px) { #h #tCart { float: right; width: 208px; height: 60px; margin-top: -45px; margin-bottom: 0px; padding: 3px 0px 0px; background: url(../img/theme/t_cart.png) 0px 0px no-repeat; } } #h #tCart .cnt { float: left; width: 100%; } @media screen and (min-width: 768px) { #h #tCart .cnt { width: 188px; height: 25px; margin: 0px 10px; } } #h #tCart .cnt1 { margin-bottom: 0px; } @media screen and (min-width: 768px) { #h #tCart .cnt1 { margin: 5px 10px; } } #tCart a.img { float: left; width: 25px; height: 25px; background: url(../img/theme/ico/t_c.png) 0px 0px no-repeat; } #tCart a.img:hover { opacity: 0.7; } #tCart a.value, #tCart a.quantity { font-size: 14px; line-height: 23px; } #tCart a.value { color: #FFF; } @media screen and (min-width: 768px) { #tCart a.value { float: right; margin-top: 1px; margin-right: 10px; line-height: 25px; } } #tCart a.value span { display: none; margin-right: 5px; text-transform: uppercase; vertical-align: top; } @media screen and (min-width: 768px) { #tCart a.value span { display: inline-block; } } #tCart a.value:hover { opacity: 0.7; } #tCart a.quantity:hover { color: #F39B4D; } #tCart a.quantity { position: absolute; top: -10px; right: -8px; width: 23px; height: 23px; font-weight: 600; color: #5E5E5E; text-align: center; background: #FFF; border: 2px solid #F39B4D; border-radius: 15px; } #h a.cartBtn { display: inline-block; margin: 0px 5px 5px; font-size: 12px; color: #FFF; line-height: 15px; } @media screen and (min-width: 768px) { #h a.cartBtn { margin: 5px 0px 0px; } #h a.stor { float: left; margin-top: 7px; margin-left: -5px; color: #A1A1A1; } #h a.stor:hover { color: #F39B4D; } #h a.cart { float: right; font-weight: 500; } } #h a.cartBtn:hover { opacity: 0.7; } /* /HEADER */ /* MENU */ #menu { overflow: hidden; } @media screen and (min-width: 1024px) { #menu { height: 32px; padding: 13px 0px 9px; background: url(../img/theme/menu.png) center center repeat-x; } } #m { position: relative; margin-bottom: 15px; } @media screen and (min-width: 1024px) { #m { height: 32px; margin-bottom: 0px; } } #m div.rsp { display: none; position: relative; margin-top: -5px; margin-bottom: 5px; background: #F7F7F7; border-bottom: 1px solid #D5D5D5; } @media screen and (min-width: 1024px) { #m div#catMenu { display: inline-block!important; margin: 0px 0px 0px 0px; background: none; border-bottom: none; } } #m ul.menu { position: relative; float: left; width: 100%; } @media screen and (min-width: 1024px) { #m ul.menu { display: table; width: 95%; height: 32px; padding-right: 5%; } } #m ul.menu li { float: left; width: 100%; text-align: center; border-bottom: 1px solid #D5D5D5; } #m ul.menu li.blog { display: none; } @media screen and (min-width: 1024px) { #m ul.menu li { display: table-cell; float: none; width: auto; height: 32px; padding: 0px 5px; background: url(../img/theme/m_sep.png) 100% center no-repeat; border-bottom: none; vertical-align: middle; } #m ul.menu li.last1 { background: none; } #m ul.menu li.blog { display: inline-block; position: absolute; top: -6px; right: 0px; float: right; height: 44px; padding: 0px 10px; background: url(../img/theme/header.png) 0px 0px repeat-x; } } #m ul.menu li a { display: block; padding: 10px; font-size: 14px; font-weight: 600; color: #595959; line-height: 20px; } @media screen and (min-width: 1024px) { #m ul.menu li a { display: block; width: 100%; padding: 0px 0px; font-size: 11px; color: #FFF; text-transform: none; line-height: 16px; } #m ul.menu li.blog a { line-height: 44px; } #m ul.menu li.blog a:hover { color: #FFF; opacity: 0.7; } } @media screen and (min-width: 1024px) { #m ul.menu li a { font-size: 14px; } } #m ul.menu li.current a, #m ul.menu li a:hover { color: #F39B4D; } @media screen and (min-width: 1024px) { #m ul.menu li a:hover { color: #F39B4D; background: none; } } #m ul.menu li ul { display: none; float: left; width: 100%; padding-top: 10px; background: #FFF; } #m ul.menu li.current ul { display: block; } @media screen and (min-width: 1024px) { #m ul.menu li.current ul { display: none; } } #m ul.menu li ul li { display: block; float: left; width: 100%; height: auto; margin: 0px 0px 5px; padding: 0px 0px 5px 5px; border-bottom: 1px solid #D5D5D5; } #m ul.menu li ul li.last { border-bottom: none; } #m ul.menu li.current ul li a { padding: 0px; font-size: 13px; color: #595959; line-height: 15px; text-align: left; } #m ul.menu li.current ul li a:hover { color: #F39B4D; } #m ul.menu li.current ul li ul { display: none; } #m ul.menu li.current ul li.current ul { display: block; } /* /MENU */ @media screen and (max-width: 768px) { #m ul.menu li.current ul li.sub-current ul { display: block; padding-left: 20px; padding-bottom: 5px; } #m ul.menu li.current ul li.sub-current > a { color: #F39B4D; } } /* BREADCRUMBS */ #breadcrumbs { display: none; } @media screen and (min-width: 1024px) { #breadcrumbs { display: block; position: relative; float: left; width: 100%; margin-top: -10px; margin-bottom: 5px; } } #breadcrumbs ul { position: relative; float: left; width: 100%; } #breadcrumbs ul li { position: relative; float: left; height: 15px; margin-right: 10px; margin-bottom: 10px; } #breadcrumbs ul li.hp { margin-left: 15px; padding-left: 20px; background: url(../img/theme/ico/hp.png) 0px 2px no-repeat; } #breadcrumbs ul li.last { margin-right: 0px; } #breadcrumbs ul li a, #breadcrumbs ul li span { display: block; font-size: 12px; font-weight: bold; color: #777; line-height: 15px; } #breadcrumbs ul li a:hover { color: #D55E01; } #breadcrumbs ul li.last span { color: #D55E01; } /* /BREADCRUMBS */ /* CONTENT */ #content { position: relative; } @media screen and (min-width: 1024px) { #content { } #content .wrapper { background: #F8F8F8; } } @media screen and (max-width: 768px) { #div_id_main_page #content #mc { display: none; } } #mc { margin: 20px 0px; } #mc #ls, #mc #ms { position: relative; } #mc #ls { display: none; float: left; } #mc #ms { float: right; width: 100%; } @media screen and (min-width: 1024px) { #mc #ls { width: 285px; } #mc #ms { min-height: 500px; } } /* /CONTENT */ /* FOOTER */ #footer { position: relative; padding: 30px 0px 20px; text-align: center; background: #2B2B2B url(../img/theme/f_bg.png) center 0px repeat-x; } @media screen and (min-width: 1024px) { #footer { padding-bottom: 10px; } } #footer .wrapper { background: none } #f { position: relative; } #f .box { display: inline-block; position: relative; vertical-align: top; } @media screen and (min-width: 768px) { #f .box { float: left; width: 25%; } } @media screen and (min-width: 1024px) { #f .box { padding-top: 40px; } } @media screen and (min-width: 1024px) { #f .box { width: 20%; } } #f .box h4 { position: relative; float: left; clear: both; margin-bottom: 10px; font-size: 16px; color: #A1A1A1; text-align: left; line-height: 20px; } @media screen and (min-width: 768px) { #f .box h4 { margin-bottom: 15px; } } @media screen and (min-width: 1024px) { #f .box h4 { position: absolute; top: 0px; left: 0px; margin-bottom: 0px; } } #f .box .cnt { position: relative; float: left; width: 100%; } #f .box ul.menu { position: relative; float: left; width: 100%; } #f ul.menu li { position: relative; float: left; width: 180px; margin-bottom: 10px; } #f ul.menu li a { display: block; font-size: 13px; color: #B4B4B4; line-height: 15px; } #f ul.menu li a:hover { color: #FFF; } #f .newsletter {} @media screen and (min-width: 768px) { #f .newsletter { float: right; } } @media screen and (min-width: 1024px) { #f .newsletter {} } #f .newsletter h4 {} @media screen and (min-width: 1024px) { #f .newsletter h4 {} } #f .newsletter .cnt {} #f .newsletter input.text { display: block; position: relative; width: 100%; height: 35px; padding: 0px 50px 0px 30px; background: #FFF url(../img/theme/ico/env.png) 10px center no-repeat; border: none; border-radius: 5px; box-sizing: border-box; z-index: 1; } #f .newsletter input.button_small { position: absolute; top: 6px; right: 5px; width: 60px; z-index: 2; } #f .newsletter .txt { display: none; float: right; margin-bottom: 15px; font-size: 14px; font-style: italic; color: #A1A1A1; text-align: left; line-height: 20px; } #f .newsletter .txt b { font-weight: 600; color: #D45D00; } @media screen and (min-width: 1024px) { #f .newsletter .txt { display: block; } } #f .newsletter form {} @media screen and (min-width: 1024px) { #f .newsletter form { display: block; position: relative; clear: both; } } #f .newsletter .contact { display: block; clear: both; margin-top: 35px; font-size: 13px; color: #BDBDBD; line-height: 15px; } #f .newsletter .contact a { color: #BDBDBD; text-decoration: underline; } #f .newsletter .contact a:hover { text-decoration: none; } #f .articles { width: 100%; margin-top: 20px; } @media screen and (min-width: 768px) { #f .articles { display: block; width: 50%; margin-top: 0px; } } @media screen and (min-width: 1200px) { #f .articles { width: 40%; } } #f .links { display: inline-block; float: left; width: 50%; vertical-align: top; } @media screen and (min-width: 768px) { #f .links { display: block; width: 25%; } } @media screen and (min-width: 1200px) { #f .links { width: 20%; } } #f .data { display: block; float: left; max-width: 50%; } @media screen and (min-width: 768px) { #f .data { display: none; } } @media screen and (min-width: 1200px) { #f .data { display: block; width: 20%; } } #f .data .info { position: relative; float: left; clear: both; font-size: 11px; color: #B4B4B4; text-align: left; line-height: 18px; } @media screen and (min-width: 768px) { #f .data .info { font-size: 13px; } } #f .data .info a { color: #B4B4B4; } #f .data .info a:hover { color: #FFF; } #f .data .comp { display: none; } #f .data div.comp { margin-bottom: 30px; } @media screen and (min-width: 1024px) { #f .data .comp { display: block; } } #f div.list { position: relative; float: left; width: 50%; margin-bottom: 20px; box-sizing: border-box; } @media screen and (min-width: 768px) { #f div.list { width: 42%; margin-right: 8%; padding-right: 2%; border-right: 1px solid #484848; } } @media screen and (min-width: 1024px) { #f div.list { margin-bottom: 0px; } #f div.list h4 { top: -40px; } } #f ul.footer_list { float: left; width: 100%; } @media screen and (min-width: 1024px) { #f ul.footer_list { min-height: 175px; margin: 10px 0px; } } #f ul.footer_list li { float: left; clear: both; margin-left: 10px; margin-bottom: 10px; padding-left: 10px; background: url(../img/theme/ico/arr.png) 0px 5px no-repeat; } #f ul.footer_list li a { display: block; font-size: 13px; color: #A1A1A1; line-height: 15px; } #f ul.footer_list li a:hover { color: #FFF; } #copyrights { padding: 10px 0px 10px; background: #2B2B2B; } @media screen and (min-width: 1024px) { #copyrights { margin-top: 0px; padding: 0px 0px; background: #1B1B1B; } } @media screen and (min-width: 1200px) { #copyrights { margin-top: 0px; padding: 0px 0px 0px; background: #3C3C3C; } } #copyrights .wrapper { background: #1B1B1B; } @media screen and (min-width: 768px) { #copyrights .wrapper { width: 100%; padding: 0px; text-align: center; } } #c { background: #1B1B1B; } @media screen and (min-width: 1200px) { #c { display: inline-block; float: none; width: 1200px; vertical-align: top; } } #c .cstore { display: inline-block; color: #B4B4B4; line-height: 16px; vertical-align: top; } #c .social, #c .cr { display: inline-block; margin: 0px 10px; vertical-align: top; } #c .cr {} @media screen and (min-width: 768px) { #c .cr { float: right; margin-top: 18px; margin-right: 10px; } } #c a.cstore, #c span { display: inline-block; margin-bottom: 10px; font-size: 11px; color: #8F8F8F; line-height: 13px; vertical-align: top; } @media screen and (min-width: 768px) { #c a.cstore, #c span { margin-bottom: 0px; } } #c a.cstore { margin-right: 5px; padding-right: 55px; background: url(../img/theme/cstore.png) 100% 0px no-repeat; } #c a.cstore:hover { color: #D56003; } #c .social { margin: 10px 0px 15px; } @media screen and (min-width: 768px) { #c .social { float: left; margin-left: 10px; } } #c .social ul { float: left; } #c .social ul li { float: left; margin: 0px 2px; } #c .social ul li a { display: block; width: 23px; height: 23px; } #c .social ul li a.fb { background: url(../img/theme/ico/i_fb.png) 0px 0px no-repeat; } #c .social ul li a.yt { background: url(../img/theme/ico/i_yt.png) 0px 0px no-repeat; } #c .social ul li a.tw { background: url(../img/theme/ico/i_pin.png) 0px 0px no-repeat; } #c .social ul li a.gp { background: url(../img/theme/ico/i_gp.png) 0px 0px no-repeat; } #c .social ul li a:hover { opacity: 0.7; } #wfotolia { padding: 5px 0px 15px; text-align: center; background: #2B2B2B; } @media screen and (min-width: 1024px) { #wfotolia { padding-top: 15px; } } #wfotolia .wrapper { text-align: center; } #wfotolia span, #wfotolia a { display: inline-block; margin: 0px 5px; vertical-align: top; } #wfotolia span { font-size: 13px; font-weight: 700; color: #8F8F8F; text-transform: uppercase; line-height: 26px; } #wfotolia a { width: auto; padding: 0px 10px; } /* /FOOTER */ /* HOME PAGE */ #slider { display: none; position: relative; overflow: hidden; min-height: 100px; } #div_id_main_page #slider { display: block; } @media screen and (min-width: 768px) { #slider { min-height: 200px; } } @media screen and (min-width: 1024px) { #slider {} #slider .wrapper { position: relative; padding-top: 10px; background: #EBEBEB; } } @media screen and (min-width: 1200px) { #slider {} } #slider ul { position: relative; float: left; width: 100%!important; } @media screen and (min-width: 768px) { #slider ul {} } @media screen and (min-width: 1024px) { #slider ul {} } @media screen and (min-width: 1200px) { #slider ul {} } #slider ul li { width: 100%!important; } @media screen and (min-width: 768px) { #slider ul li {} } @media screen and (min-width: 1024px) { #slider ul li { text-align: center; } } @media screen and (min-width: 1200px) { #slider ul li { text-align: center; } } #slider ul li a { display: block; } #slider ul li img { width: 100%!important; } @media screen and (min-width: 768px) { #slider ul li img {} } @media screen and (min-width: 1024px) { #slider ul li img {} } @media screen and (min-width: 1200px) { #slider ul li img { width: auto!important; } } #slider ul li .description { display: none; } #slider #sliderNavigation { position: absolute; width: 100%; height: 100%; bottom: 0px; text-align: center; } @media screen and (min-width: 768px) { #slider #sliderNavigation {} } @media screen and (min-width: 1024px) { #slider #sliderNavigation {} } @media screen and (min-width: 1200px) { #slider #sliderNavigation {} } #slider a.nav { display: none; position: absolute; top: 30px!important; right: 40px; width: 49px; height: 61px; z-index: 100; } @media screen and (min-width: 768px) { #slider a.nav {} } @media screen and (min-width: 1024px) { #slider a.nav { display: block; } } @media screen and (min-width: 1200px) { #slider a.nav {} } #slider a#prevSlide { right: 89px; background: url(../img/theme/nav.png) 0px 0px no-repeat; } #slider a#nextSlide { right: 40px; background: url(../img/theme/nav.png) 100% 0px no-repeat; } #slider a.nav:hover { opacity: 0.7; } #slider #sliderPager { display: none; position: absolute; right: 20px; bottom: 15px; height: 9px; z-index: 100; } @media screen and (min-width: 768px) { #slider #sliderPager { display: block; } } @media screen and (min-width: 1024px) { #slider #sliderPager {} } #slider #sliderPager a { display: inline-block; width: 9px; height: 9px; margin: 0px 1px; text-indent: -20000px; background: #BBBBBA; border-radius: 10px; } #slider #sliderPager a.activeSlide { background: #F06A29; } #slider #sliderPager a:hover { background: #F06A29; } /* --------- /HOME PAGE --------- */ /* MENUBOX */ .menuBox { position: relative; float: left; width: 283px; margin-bottom: 20px; border-left: 1px solid #FFF; border-right: 1px solid #C1C2C4; border-top-right-radius: 3px; } .menuBox h4 { position: relative; float: left; width: 100%; height: 33px; background: #2B2B2B; } .menuBox_Categories h4 span { display: block; padding: 0px 20px; font-size: 14px; font-weight: 700; color: #FFF; line-height: 33px; } .menuBox h4 a, .menuBox h4 span { display: block; padding: 0px 20px; font-size: 14px; font-weight: 700; color: #FFF; text-transform: uppercase; line-height: 33px; vertical-align: top; } .menuBox .in { position: relative; overflow: hidden; float: left; width: 243px; padding: 10px 20px; background: #FFF; border-bottom: 1px solid #C1C2C4; } .menuBox .in .empty { float: left; padding: 10px; font-weight: bold; text-align: center; text-transform: uppercase; line-height: 15px; } .menuBox .in .ul-list { position: relative; float: left; width: 100%; } .menuBox .in .ul-list li { position: relative; float: left; width: 223px; margin-bottom: 10px; padding: 0px 10px; background: url(../img/theme/ico/arr.png) 0px 5px no-repeat; } .menuBox .in .ul-list li h2 { float: left; width: 100%; } .menuBox .in .ul-list li h2 a { display: block; font-size: 13px; color: #727272; text-transform: uppercase; line-height: 15px; } .menuBox .in .ul-list li h2 a:hover { color: #D45D00; } .menuBox_Categories { position: relative; overflow: hidden; float: left; width: 283px; margin-bottom: 20px; border-left: 1px solid #C1C2C4; border-right: 1px solid #C1C2C4; border-top-right-radius: 3px; } .menuBox_Categories h4 { float: left; width: 100%; height: 33px; background: #2B2B2B; } .menuBox_Categories h4 span { display: block; padding: 0px 20px; font-size: 14px; font-weight: 700; color: #FFF; line-height: 33px; } .menuBox_Categories .in { float: left; width: 100%; } .menuBox_Categories ul { float: left; width: 100%; } .menuBox_Categories li { display: none; float: left; width: 100%; } .menuBox_Categories li.current { display: block; } .menuBox_Categories li:last-child {} .menuBox_Categories li a.main-cat { display: block; padding: 7px 20px; font-size: 14px; font-weight: 700; color: #FFF; background: #2B2B2B; line-height: 19px; } .menuBox_Categories li a.main-cat.current, .menuBox_Categories li a.main-cat:hover { } .menuBox_Categories li ul {} .menuBox_Categories li ul li { display: block; overflow: hidden; float: left; width: 100%; background: #d1d2d3 url(../img/theme/cat_tabs.png) 0px 0px no-repeat; border-bottom: 1px solid #C1C2C4; } .menuBox_Categories li ul li.current, .menuBox_Categories li ul li:hover { background-position: 0px -36px; } .menuBox_Categories li ul li a { display: block; overflow: hidden; height: 23px; padding: 5px 20px 5px 30px; font-size: 14px; font-weight: 700; color: #3D3D3D; line-height: 23px; background: url(../img/theme/ico/dec_arr.png) 20px center no-repeat; } .menuBox_Categories li ul li a.current, .menuBox_Categories li ul li:hover a { color: #FFF; background: url(../img/theme/ico/dec_arr_2.png) 20px center no-repeat; } .menuBox_Categories li ul li ul { width: 213px; padding: 10px 30px 0px 40px; background: #FFF; } .menuBox_Categories li ul li ul li { margin-bottom: 8px; padding: 0px; background: none; border-bottom: none; } .menuBox_Categories li ul li ul li a, .menuBox_Categories li ul li:hover ul li a { display: block; height: auto; padding: 0px 0px 0px 0px; font-size: 14px; font-weight: normal; color: #3D3D3D; line-height: 18px; background: none; } .menuBox_Categories li ul li ul li a.current, .menuBox_Categories li ul li:hover ul li a:hover { color: #D45D00; background: none; } .menuBox_Categories li ul li ul li a.current { font-weight: 700; } .menuBox_Categories li ul li ul li ul { width: 203px; padding-top: 5px; padding-left: 10px; } .menuBox_Categories li ul li ul li ul li { margin-bottom: 5px; } .menuBox_Categories li ul li ul li ul li:last-child { margin-bottom: 0px; } .menuBox_Categories li ul li ul li ul li a { font-size: 13px!important; } .menuBox_Categories li ul li ul li ul li ul { display: none; } /*** BOX PRODUCENCI ***/ .menuBox_Producenci {} .menuBox_Producenci .in { text-align: center; } .menuBox_Producenci a { display: inline-block; margin: 0px auto 10px; vertical-align: top; } .menuBox_Producenci input { display: inline-block; margin: 0px auto; vertical-align: top; } /*** BOX NEWSLETTER ***/ .menuBox_Newsletter {} .menuBox_Newsletter .in { text-align: center; } .menuBox_Newsletter div.text { padding-bottom: 10px; font-size: 12px; text-align: center; line-height: 20px; } /*** BOX SEARCH ***/ .menuBox_Search {} .menuBox_Search .in { text-align: center; } .menuBox_Search .boxes { float: left; width: 100%; margin: 0px 0px 10px; } .menuBox_Search .boxes input, .menuBox_Search .boxes label { float: left; margin-bottom: 5px; } .menuBox_Search .boxes input { clear: left; margin-top: 1px; margin-right: 5px; } .menuBox_Search .boxes label { clear: right; } .menuBox_Search .button, .menuBox_Search .in a { display: inline-block; margin: 0px auto 10px; } /*** BOX SEARCH & NEWSLETTER ***/ .menuBox_Search input.input_normal, .menuBox_Newsletter input.txt { width: 221px; margin-bottom: 10px; } /*** BOX RECENZJE ***/ .menuBox_Recenzje {} .menuBox_Recenzje .in {} .menuBox_Recenzje .in ul.opinions { position: relative; float: left; width: 100%; } .menuBox_Recenzje .in ul.opinions li { position: relative; float: left; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #E7E7E7; } .menuBox_Recenzje .in ul.opinions li.last { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } .menuBox_Recenzje .in ul.opinions li .image { display: table; position: relative; float: left; width: 100%; height: 100px; margin-bottom: 10px; } .menuBox_Recenzje .in ul.opinions li .image img { max-width: 120px; max-height: 100px; } .menuBox_Recenzje .in ul.opinions li .name { position: relative; float: left; width: 100%; margin-bottom: 10px; text-align: center; } .menuBox_Recenzje .in ul.opinions li .name a { display: block; font-size: 15px; font-weight: bold; color: #000; text-transform: uppercase; line-height: 0px; } .menuBox_Recenzje .in ul.opinions li .name a:hover { color: #4387A9; } .menuBox_Recenzje .in ul.opinions li .rat { position: relative; float: left; width: 100%; text-align: center; } .menuBox_Recenzje .in ul.opinions li .rat img, .menuBox_Recenzje .in ul.opinions li .rat span { display: inline-block; height: 15px; vertical-align: top; } .menuBox_Recenzje .in ul.opinions li .rat img { margin-right: 2px; } .menuBox_Recenzje .in ul.opinions li .rat span { margin-left: 8px; font-size: inherit; font-weight: bold; color: #000; line-height: 15px; } /*** BOX KOSZYK ***/ .menuBox_Deafult { background: #FAFAFA; } .menuBox_Deafult .in { background: #F8F8F8; } .menuBox_Deafult #cart_empty, .menuBox_Deafult #cart_notempty { float: left; width: 100%; margin: 0px 0px 0px; } .menuBox_Deafult #cart_notempty { margin-top: 10px; } .menuBox_Deafult #cart_empty { font-weight: bold; text-transform: uppercase; line-height: 15px; } .menuBox_Deafult #cart_notempty td { padding-bottom: 10px; font-weight: bold; text-align: left; text-transform: uppercase; } .menuBox_Deafult #cart_notempty .cart_menu_item_name { width: 50%; } .menuBox_Deafult #cart_notempty .cart_menu_item_total { color: #D45D00; } .menuBox_Deafult #cart_notempty a { display: block; width: 120px; height: 27px; margin: 10px auto 0px; font-size: 12px; font-weight: 700; color: #444; text-align: center; text-transform: uppercase; line-height: 27px; background: url(../img/theme/btn.png) 0px 0px repeat-x; border-radius: 5px; } .menuBox_Deafult #cart_notempty a:hover { color: #FFF; background: url(../img/theme/header.png) 0px 0px repeat-x; } /*** BOX COMPARE ***/ .menuBox_Compare {} .menuBox_Compare .in { overflow: visible; } .menuBox_Compare .in ul { overflow: hidden; float: left; width: 248px; margin-bottom: 10px; } .menuBox_Compare .in ul li { float: left; width: 243px; margin-bottom: 5px; } .menuBox_Compare .in ul li a { float: left; width: 233px; font-size: 13px; color: #444; line-height: 15px; } .menuBox_Compare .in ul li a:hover { color: #D45D00; } .menuBox_Compare .in ul li span { float: right; width: 7px; height: 7px; margin-top: 4px; text-indent: -20000px; background: url(../img/ico/remove.png) 0px 0px no-repeat; cursor: pointer; } .menuBox_Compare .in ul li span:hover { opacity: 0.7; } .menuBox_Compare .in .box-1 { float: left; width: 100%; text-align: center; } .menuBox_Compare .in .box-1 .compare_now { font-weight: bold; } .menuBox_Compare .in .box-1 .compare_remove_all { font-weight: bold; } .menuBox_Compare .in .box-1 .compare_now:hover {} .menuBox_Filtrowanie { padding: 15px 0px; background: #2B2B2B; border: 1px solid #2B2B2B; } .menuBox_Filtrowanie h4 {} .menuBox_Filtrowanie h4 span { font-size: 16px; color: #D45D00; } .menuBox_Filtrowanie .in { padding-bottom: 0px; background: none; border-bottom: none; } .menuBox_Filtrowanie .filters { float: left; width: 100%; } .menuBox_Filtrowanie .filters .filter_option, .menuBox_Filtrowanie .filters .filters_price { float: left; width: 243px; margin-bottom: 15px; padding: 0px 0px 15px; border-bottom: 1px solid #484848; } .menuBox_Filtrowanie .filters div.label { float: left; width: 100%; margin-bottom: 15px; font-size: 14px; font-weight: 600; color: #8C8C8C; text-transform: uppercase; line-height: 15px; } .menuBox_Filtrowanie .filters .option, .menuBox_Filtrowanie .filters .option div, .menuBox_Filtrowanie .filters .option p { float: left; width: 100%; } .menuBox_Filtrowanie .filters .more { color: #FFF; font-weight: 900; text-align: center; cursor: pointer; } .menuBox_Filtrowanie .filters .filters_price .option { margin-top: 5px; text-align: center; } .menuBox_Filtrowanie .filters .option p { margin-bottom: 5px; } .menuBox_Filtrowanie .filters .option a, .menuBox_Filtrowanie .filters .option p input, .menuBox_Filtrowanie .filters .option p span { float: left; } .menuBox_Filtrowanie .filters .option p input { margin-top: 2px; margin-right: 5px; } .menuBox_Filtrowanie .filters .option p span { max-width: 90%; font-size: 13px; color: #DCDCDC; line-height: 19px; cursor: pointer; } .menuBox_Filtrowanie .filters .option p span:hover { color: #D45D00; } .menuBox_Filtrowanie .filters .option label, .menuBox_Filtrowanie .filters .option input[type="text"] { display: inline-block; vertical-align: top; } .menuBox_Filtrowanie .filters .option label { font-size: 12px; font-weight: 700; color: #FFF; line-height: 28px; } .menuBox_Filtrowanie .filters .option input[type="text"] { width: 43px; height: 28px; margin: 0px 3px; padding: 0px 5px; border: none; border-radius: 5px; } .menuBox_Filtrowanie #nicebutton { float: right; margin-top: 5px; } .menuBox_Filtrowanie #nicebutton input { float: right; width: 60px; height: 24px; background-size: auto 100%; } .menuBox_Promotions { overflow: visible; width: 284px; border-right: none; } .menuBox_Promotions h4 { display: none; } .menuBox_Promotions .in { overflow: visible; width: 284px; padding: 0px; border-bottom: none; } .menuBox_Promotions ul.productsList { overflow: visible; } .menuBox_Promotions ul.productsList li { width: 264px; height: 390px; margin-bottom: 10px; padding-top: 20px; } .menuBox_Promotions ul.productsList li.name {} .menuBox_Promotions ul.productsList li .image { padding-bottom: 10px; border-bottom: none; background: url(../img/theme/promo_prod_bg.png) center 100% no-repeat; } .menuBox_Promotions ul.productsList li .prices { margin-bottom: 15px; padding-bottom: 10px; background: url(../img/theme/promo_prod_bg.png) center 100% no-repeat; } .menuBox_Promotions ul.productsList li .more {} .menuBox_Promotions ul.productsList li .more a { height: 37px; padding: 0px 25px; color: #444; line-height: 37px; background: url(../img/theme/btn.png) 0px 0px repeat-x; border-radius: 5px; } .menuBox_Promotions ul.productsList li .more a:hover { color: #FFF; background: url(../img/theme/header.png) 0px 100% repeat-x; } /* /MENUBOX */ /* PRODUCTS */ @media screen and (min-width: 1024px) { #div_id_search #ls, #div_id_search2 #ls, #div_id_search_result #ls, #div_id_news #ls, #div_id_bestsellers #ls, #div_id_promotions #ls, #div_id_last_added #ls, #div_id_product_list #ls { display: block; width: 290px; } #div_id_search #ms, #div_id_search2 #ms, #div_id_search_result #ms, #div_id_news #ms, #div_id_bestsellers #ms, #div_id_promotions #ms, #div_id_last_added #ms, #div_id_product_list #ms { width: 697px; } } @media screen and (min-width: 1200px) { #div_id_search #ms, #div_id_search2 #ms, #div_id_search_result #ms, #div_id_news #ms, #div_id_bestsellers #ms, #div_id_promotions #ms, #div_id_last_added #ms, #div_id_product_list #ms { width: 897px; } } #lista_produktow { position: relative; float: left; width: 100%; } /* PRODUCTS SORT */ .productsSort { display: block; position: relative; clear: both; margin-bottom: 10px; padding: 10px 10px 0px; text-align: center; background: #F9F9F9; border: 1px solid #EBEBEB; } @media screen and (min-width: 1024px) { .productsSort { text-align: left; } } .productsSort .orderby, .productsSort .categories, .productsSort .manufactures { display: inline-block; position: relative; height: 34px; margin: 0px 15px 10px; vertical-align: top; } .productsSort label, .productsSort a { float: left; } .productsSort label { margin-right: 10px; font-size: 11px; font-weight: 500; color: #989999; line-height: 34px; } /* /PRODUCTS SORT */ /* LIST CHOOSE */ .list-choose { display: none; position: relative; float: right; clear: right; height: 21px; margin-top: 6px; margin-right: 0px; } @media screen and (min-width: 1200px) { .list-choose { display: block; } } .list-choose a { float: left; width: 22px; height: 21px; margin: 0px 5px; opacity: 0.5; } .list-choose a.l1 { background: url(../img/theme/ico/lists.png) 0px 0px no-repeat; } .list-choose a.l2 { background: url(../img/theme/ico/lists.png) -22px 0px no-repeat; } .list-choose a.l1.active, .list-choose a.l1:hover { background-position: 0px -21px; } .list-choose a.l2.active, .list-choose a.l2:hover { background-position: -22px -21px; } /* /LIST CHOOSE */ #lista_produktow.show_manufacturer {} h1.header.manufacturer { margin-bottom: 20px; } .show_manufacturer h1.header.main { display: none; } .manufacturer_desc { display: block; clear: both; margin-bottom: 10px; padding: 20px; font-size: 13px; color: #565656; line-height: 22px; background: #FFF; border: 3px solid #E7E7E7; border-radius: 5px; box-shadow: 0px 1px 2px 0px #E7E7E7; } #lista_produktow .text_article { display: block; clear: both; padding: 20px; font-size: 13px; color: #565656; line-height: 22px; background: #FFF; border: 1px solid #E7E7E7; border-bottom: none; box-shadow: 3px 3px 10px #CECECE; } #lista_produktow br { display: none; } #lista_produktow h1.header { display: none; } #lista_produktow h1.header.article { display: block; } #lista_produktow ul#categories { margin-top: 20px; } #lista_produktow ul#categories li { display: inline-block; float: none; vertical-align: top; } @media screen and (min-width: 768) { #lista_produktow ul#categories li { margin: 0px 20px 20px; } } @media screen and (min-width: 1200px) { #lista_produktow ul#categories li { float: left; margin: 0px 29px 20px; } } .pagination { display: block; width: 100%; margin-bottom: 5px; text-align: center; } @media screen and (min-width: 1200px) { .pagination { float: right; width: auto; margin-right: 15px; } } .pagination a, .pagination span { display: inline-block; overflow: hidden; margin: 0px 3px 5px; font-size: 11px; font-weight: 500; color: #969696; text-align: center; line-height: 18px; background: #FFF; vertical-align: top; } @media screen and (min-width: 768px) { .pagination a, .pagination span { font-size: 13px; } } @media screen and (min-width: 1200px) { .pagination a, .pagination span { float: left; margin: 0px 0px 5px 5px; } } .pagination a.page, .pagination span { width: 18px; height: 18px; border: 1px solid #E0E0E0; border-radius: 5px; } @media screen and (min-width: 768px) { .pagination a.page, .pagination span { width: 33px; height: 33px; line-height: 33px; } } .pagination a.current, .pagination a.page:hover { color: #FFF; background: url(../img/theme/header.png) 0px 0px repeat-x; } .pagination a.prevPage, .pagination a.nextPage { width: 9px; height: 9px; margin-top: 5px; text-indent: -20000px; } .pagination a.prevPage { background: url(../img/ico/quan.png) 0px 0px no-repeat; } .pagination a.nextPage { background: url(../img/ico/quan.png) 0px -9px no-repeat; } @media screen and (min-width: 768px) { .pagination a.prevPage, .pagination a.nextPage { width: auto; height: 33px; margin-top: 0px; padding: 0px 10px; text-indent: 0px; line-height: 33px; background: #FFF; border: 1px solid #E0E0E0; border-radius: 5px; } } .pagination a.prevPage:hover, .pagination a.nextPage:hover { opacity: 0.7; } @media screen and (min-width: 768px) { .pagination a.prevPage:hover, .pagination a.nextPage:hover { color: #FFF; background: url(../img/theme/header.png) 0px 0px repeat-x; opacity: 1; } } #lista_produktow h1.header {} #lista_produktow h1.header span.hp { display: none; } #strona_glowna h1.header span.category { display: none; } ul#categories { position: relative; float: left; width: 100%; margin-bottom: 20px; text-align: center; } @media screen and (min-width: 768px) { ul#categories { margin-bottom: 0px; } } ul#categories li { display: inline-block; position: relative; overflow: hidden; width: 100%; height: 40px; background: #2B2B2B; border-bottom: 1px solid #FFF; vertical-align: top; } @media screen and (min-width: 768px) { ul#categories li { width: 388px; height: 190px; margin: 0px 5px 20px; background: #FFF; border: 1px solid #FFF; border-radius: 5px; box-shadow: 5px 5px 10px #CECECE; } } @media screen and (min-width: 1200px) { ul#categories li { float: left; margin: 0px 15px 20px 0px; } ul#categories li:nth-child(3n+3) { margin-right: 0px; } } ul#categories li img { display: none; position: absolute; top: 0px; left: 0px; width: 308px; height: 160px; z-index: 1; } @media screen and (min-width: 768px) { ul#categories li img { display: block; width: 388px; height: 190px; } } ul#categories li .name { position: absolute; overflow: hidden; top: 0px; left: 0px; width: 100%; height: 50px; z-index: 2; } @media screen and (min-width: 768px) { ul#categories li .name { top: 45px; left: auto; right: -1px; width: 190px; height: 100px; } } ul#categories li .name a { display: block; height: 30px; padding: 5px 15px 5px 5px; } @media screen and (min-width: 768px) { ul#categories li .name a { width: 170px; height: 90px; text-align: right; background: url(../img/theme/category_name.png) 0px 0px no-repeat; background-size: 100% 100%; } } ul#categories li .name a span { display: block; clear: both; font-weight: 300; } @media screen and (min-width: 768px) { ul#categories li .name a span { text-align: right; } } ul#categories li .name a span.main { font-size: 16px; font-weight: 700; color: #FFF; text-transform: uppercase; line-height: 30px; } @media screen and (min-width: 768px) { ul#categories li .name a span.main { font-size: 28px; font-weight: 300; text-transform: none; } } ul#categories li .name a span.label { display: none; padding-left: 15px; font-size: 14px; color: #F06A29; line-height: 20px; background: url(../img/theme/ico/cat_arr.png) 0px center no-repeat; } @media screen and (min-width: 768px) { ul#categories li .name a span.label { display: inline-block; } } ul#categories li .name a:hover span.label { color: #FFF; background: url(../img/theme/ico/cat_arr_2.png) 0px center no-repeat; } ul#categories li .name a:hover span.main { color: #F26A00; } @media screen and (min-width: 768px) { ul#categories li .name a:hover { color: #FFF; background: url(../img/theme/category_name_hover.png) 0px 0px no-repeat; background-size: 100% 100%; } ul#categories li .name a:hover span.main { color: #FFF; } } ul.productsList { display: block; position: relative; overflow: hidden; float: left; width: 100%; } ul.productsList li { display: inline-block; position: relative; overflow: hidden; width: 194px; height: 295px; margin: 0px 10px 20px; padding: 10px; background: #FFF; vertical-align: top; box-shadow: 3px 3px 10px #CECECE; } @media screen and (min-width: 1200px) { ul.productsList li { float: left; margin: 0px 10px 20px 0px; } ul.productsList li:nth-child(4n+4) { margin-right: 0px; } } ul.productsList li .name { position: relative; overflow: hidden; float: left; width: 100%; height: 40px; margin-bottom: 10px; text-align: center; } ul.productsList li .name a { display: block; font-size: 12px; font-weight: 700; color: #444; line-height: 20px; } ul.productsList li .name a:hover { color: #D45D00; } ul.productsList li .image { display: table; position: relative; overflow: hidden; float: left; width: 100%; height: 150px; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 2px solid #ECECEC; } ul.productsList li .image img { max-width: 271px; max-height: 215px; } ul.productsList li .prices { position: relative; overflow: hidden; float: left; width: 100%; margin-bottom: 15px; } ul.productsList li .prices .price { clear: both; height: 20px; } ul.productsList li .prices .price span { line-height: 20px; } ul.productsList li .prices .promo { float: left; } ul.productsList li .prices .promo span { float: left; font-size: 14px; color: #A6A6A6; text-decoration: line-through; } ul.productsList li .prices .main { float: right; } ul.productsList li .prices .main span { float: left; font-weight: 700; } ul.productsList li .prices .main span.label { margin-right: 10px; font-size: 16px; font-style: italic; color: #BABABA; } ul.productsList li .prices .main span.value { font-family: 'Times New Roman'; font-size: 20px; color: #D45D00; } ul.productsList li .more { position: relative; overflow: hidden; float: left; width: 100%; text-align: center; } ul.productsList li .more a { display: inline-block; font-size: 13px; font-weight: 700; color: #B8B8B8; text-transform: uppercase; line-height: 15px; vertical-align: top; } ul.productsList li .more a:hover { color: #D45D00; } ul.products-list { position: relative; float: left; width: 100%; } ul.products-list li { display: none; position: relative; overflow: hidden; float: left; width: 857px; height: 130px; margin-bottom: 10px; padding: 10px 30px 10px 10px; background: #FFF; box-shadow: 3px 3px 10px #CECECE; } @media screen and (min-width: 1200px) { ul.products-list li { display: block; } } ul.products-list li .image { display: table; position: relative; float: left; width: 210px; height: 130px; margin-right: 10px; } ul.products-list li .image a {} ul.products-list li .image img { max-width: 210px; max-height: 130px; } ul.products-list li .image a:hover {} ul.products-list li .content { position: relative; overflow: hidden; float: left; width: 427px; height: 130px; } ul.products-list li .content .name { overflow: hidden; float: left; width: 100%; max-height: 40px; margin: 10px 0px; } ul.products-list li .content .name a { display: block; font-size: 16px; font-weight: 700; color: #444; line-height: 20px; } ul.products-list li .content .name a:hover { color: #D55E01; } ul.products-list li .content .desc { overflow: hidden; float: left; width: 100%; } ul.products-list li .content .desc a { display: block; font-size: 13px; color: #444; line-height: 15px; } ul.products-list li .content .desc a:hover { color: #D55E01; } ul.products-list li .opts { position: relative; overflow: hidden; float: right; width: 200px; height: 130px; } ul.products-list li .opts .prices { float: left; } ul.products-list li .opts .prices .price { float: left; clear: both; height: 20px; } ul.products-list li .opts .prices .price span { line-height: 20px; } ul.products-list li .opts .prices .promo {} ul.products-list li .opts .prices .promo span { margin-left: 80px; float: left; font-size: 14px; color: #A6A6A6; text-decoration: line-through; } ul.products-list li .opts .prices .main {} ul.products-list li .opts .prices .main span { float: left; font-weight: 700; } ul.products-list li .opts .prices .main span.label { width: 70px; margin-right: 10px; font-size: 16px; font-style: italic; color: #BABABA; } ul.products-list li .opts .prices .main span.value { font-family: 'Times New Roman'; font-size: 20px; color: #D45D00; } ul.products-list li .opts .more { position: absolute; right: 0px; bottom: 10px; } ul.products-list li .opts .more a { display: block; font-size: 13px; font-weight: 700; color: #B8B8B8; text-transform: uppercase; line-height: 15px; vertical-align: top; } ul.products-list li .opts .more a:hover { color: #D45D00; } .zak_bes, .zak_new, .zak_pro { position: absolute; top: 60px; left: 10px; width: 95px; height: 45px; text-indent: -20000px; z-index: 10; } ul.products-list .zak_bes, ul.products-list .zak_new, ul.products-list .zak_pro { top: 20px; } .zak_bes { background: url(../img/theme/ico/lab_b.png) 0px 0px no-repeat; } .zak_pro { background: url(../img/theme/ico/lab_p.png) 0px 0px no-repeat; } .zak_new { background: url(../img/theme/ico/lab_n.png) 0px 0px no-repeat; } .no_products { display: block; clear: both; margin: 0px 10px 20px; padding: 20px; font-weight: bold; color: #D55E01; text-align: center; text-transform: uppercase; line-height: 20px; border: 1px solid #D55E01; } /* /PRODUCTS */ /* PRODUCT */ #div_id_show_product {} #div_id_show_product #ls {} @media screen and (min-width: 1024px) { #div_id_show_product #ls { display: block; } } #div_id_show_product #ms {} @media screen and (min-width: 1024px) { #div_id_show_product #ms { width: 700px; } #div_id_show_product h1.header { margin-left: 10px; } } @media screen and (min-width: 1200px) { #div_id_show_product #ms { width: 900px; } } #product { display: block; position: relative; clear: both; padding-top: 20px; text-align: center; background: #FFF; } @media screen and (min-width: 1024px) { #product { float: left; width: 680px; padding: 20px 10px; text-align: left; } } @media screen and (min-width: 1200px) { #product { float: left; width: 878px; padding: 20px 10px; text-align: left; border: 1px solid #E7E7E7; } } #product .images { display: inline-block; width: 100%; margin-bottom: 20px; vertical-align: top; } @media screen and (min-width: 1024px) { #product .images { float: left; width: 250px; } } @media screen and (min-width: 1200px) { #product .images { float: left; width: 448px; } } #product .images .image { display: table; position: relative; overflow: hidden; float: left; width: 100%; } @media screen and (min-width: 1024px) { #product .images .image { width: 250px; height: 250px; } } @media screen and (min-width: 1200px) { #product .images .image { width: 448px; height: 448px; } } #product .images .image a {} #product .images .image img { max-width: 100%; } @media screen and (min-width: 1024px) { #product .images .image img { max-width: 250px; max-height: 250px; } } @media screen and (min-width: 1200px) { #product .images .image img { max-width: 448px; max-height: 448px; } } #product .images .image a:hover { opacity: 1; border: 1px solid #D55E01; } #product .images #thumbs { /*display: none;*/ position: relative; float: left; width: 100%; height: 100px; margin-top: 20px; } @media screen and (min-width: 1024px) { #product .images #thumbs { display: block; } } @media screen and (min-width: 1200px) { #product .images #thumbs { height: 150px;; } } #thumbs .jcarousel-container { position: relative; float: left; width: 100%; height: 100px; } @media screen and (min-width: 1200px) { #thumbs .jcarousel-container { height: 150px; } } #thumbs .jcarousel-clip { position: relative; overflow: hidden; float: left; width: 210px; margin: 0px 20px; } @media screen and (min-width: 1200px) { #thumbs .jcarousel-clip { width: 448px; height: 150px; margin: 0px 0px; } } #thumbs .jcarousel-list { overflow: visible!important; float: left; } #thumbs .jcarousel-list li { display: table; table-layout: fixed; position: relative; float: left; width: 90px; height: 90px; margin-right: 10px; padding: 4px; border: 1px solid #E7E7E7; box-shadow: 1px 1px 3px #CECECE; } @media screen and (min-width: 1200px) { #thumbs .jcarousel-list li { width: 130px; height: 130px; margin-right: 14px; } } #thumbs .jcarousel-list li a {} #thumbs .jcarousel-list li img { max-width: 90px; max-height: 88px; } @media screen and (min-width: 1200px) { #thumbs .jcarousel-list li img { max-width: 130px; max-height: 130px; } } #thumbs .jcarousel-list li a:hover { opacity: 1; } #thumbs .jcarousel-list li:hover { border: 1px solid #D55E01; } #thumbs .jcarousel-prev, #thumbs .jcarousel-next { position: absolute; width: 9px; height: 9px; top: 45px; cursor: pointer; } @media screen and (min-width: 1200px) { #thumbs .jcarousel-prev, #thumbs .jcarousel-next { top: 68px; } } #thumbs .jcarousel-prev { left: 0px; background: url(../img/ico/quantity.png) 0px 0px no-repeat; } @media screen and (min-width: 1200px) { #thumbs .jcarousel-prev { left: -9px; } } #thumbs .jcarousel-next { right: 0px; background: url(../img/ico/quantity.png) 100% 0px no-repeat; } @media screen and (min-width: 1200px) { #thumbs .jcarousel-next { right: -9px; } } #thumbs .jcarousel-prev-disabled, #thumbs .jcarousel-next-disabled { display: none!important; } #thumbs .jcarousel-prev:hover, #thumbs .jcarousel-next:hover { opacity: 0.7; } #product .content { display: inline-block; width: 100%; vertical-align: top; } @media screen and (min-width: 1024px) { #product .content { float: right; width: 400px; } } #product .content .mk { position: relative; overflow: hidden; float: left; width: 100%; margin-bottom: 20px; } @media screen and (min-width: 1024px) { #product .content .mk { float: left; width: auto; } } #product .content .mk img { display: inline-block; margin: 0px 2px; vertical-align: top; } #product .content .social { position: relative; overflow: hidden; float: left; width: 100%; margin-bottom: 20px; } @media screen and (min-width: 1024px) { #product .content .social { float: right; width: auto; } } #product .content .social .item { display: inline-block; margin: 0px 10px; vertical-align: top; } @media screen and (min-width: 1024px) { #product .content .social .item { overflow: hidden; float: left; max-width: 150px; margin: 0px 0px 0px 10px; } } #product .content .social .gp { width: 64px; } #product .content .prices { position: relative; overflow: hidden; float: left; width: 100%; margin-bottom: 20px; } @media screen and (min-width: 1024px) { #product .content .prices { margin-bottom: 15px; } } #product .content .prices .price { float: left; width: 100%; margin-bottom: 5px; } @media screen and (min-width: 1024px) { #product .content .prices .price { width: auto; } } #product .content .prices .price span { display: inline-block; color: #949494; vertical-align: top; } #product .content .prices .n-price {} @media screen and (min-width: 1024px) { #product .content .prices .n-price { float: right; } } #product .content .prices .n-price span { line-height: 35px; } #product .content .prices .n-price span.label { margin-right: 10px; padding-top: 5px; font-size: 12px; } #product .content .prices .n-price span.value { font-family: 'Times New Roman'; font-size: 30px; font-weight: 700; color: #E31E24; } #product .content .prices .p-price {} #product .content .prices .p-price span { line-height: 20px; } @media screen and (min-width: 1024px) { #product .content .prices .p-price span { float: left; clear: both; } } #product .content .prices .p-price span.label { margin-right: 10px; font-size: 11px; } @media screen and (min-width: 1024px) { #product .content .prices .p-price span.label { line-height: 15px; } } #product .content .prices .p-price span.value { font-size: 20px; text-decoration: line-through; } #product .content .properties { position: relative; overflow: hidden; float: left; width: 100%; margin-bottom: 15px; } #product .content .properties .property { display: inline-block; margin: 0px 5px 5px; vertical-align: top; } @media screen and (min-width: 1024px) { #product .content .properties .property { margin: 0px 10px 5px 0px; } } #product .content .properties .property span { float: left; font-size: 12px; color: #4B4B4B; } #product .content .properties .property span.label { margin-right: 5px; } #product .content .properties .property span.value { font-weight: 700; } #product .content .shop_opt { position: relative; float: left; width: 100%; margin-bottom: 0px; padding-top: 10px; } .shop_opt .option { float: left; width: 100%; margin-bottom: 20px; } .shop_opt .option div.label { display: inline-block; position: relative; vertical-align: top; } @media screen and (min-width: 1024px) { .shop_opt .option div.label { float: left; } } .shop_opt .option div.label .text { float: left; margin-right: 5px; margin-bottom: 10px; font-size: 14px; font-weight: 700; color: #4B4B4B; line-height: 15px; } .shop_opt .option div.label .text span { font-weight: normal; } .shop_opt .option div.label div.info { position: relative; float: left; width: 16px; height: 16px; margin-top: 0px; background: url(../img/theme/ico/info.png) 0px 0px no-repeat; z-index: 500; } .shop_opt .option div.label div.info span { display: none; position: absolute; top: 0px; left: 0px; width: 200px; padding: 10px; text-align: left; background: #FFF; border: 2px solid #E7E7E7; z-index: 1000; } .shop_opt .option div.label div.info:hover span { display: block; } .shop_opt .option div.content { position: relative; float: left; width: 100%; } .shop_opt .option div.content input, .shop_opt .option div.content label { display: inline-block; vertical-align: top; } .shop_opt .option div.content input { margin-top: 2px; margin-right: 5px; } .shop_opt .option div.content label { float: left; margin-right: 20px; font-size: 14px; color: #4B4B4B; line-height: 19px; } .shop_opt .colors, .shop_opt .walls { margin-bottom: 17px; text-align: center; } .shop_opt .colors .content, .shop_opt .walls .label .text { cursor: pointer; } .shop_opt .colors .content, .shop_opt .walls .content {} .shop_opt .colors ul, .shop_opt .walls ul { display: inline-block; position: relative; vertical-align: top; } @media screen and (min-width: 1024px) { .shop_opt .colors ul, .shop_opt .walls ul { float: left; } } .shop_opt .colors ul li, .shop_opt .walls ul li { position: relative; float: left; width: 30px; height: 30px; margin-right: 3px; margin-bottom: 3px; } .shop_opt .colors ul li a, .shop_opt .walls ul li a { display: block; width: 30px; height: 30px; box-sizing: border-box; } .shop_opt .colors ul li a.active, .shop_opt .walls ul li a.active { border: 2px solid #000; } .shop_opt .colors ul li a:hover, .shop_opt .walls ul li a:hover { //opacity: 0.7; border: 1px solid #DA680E; } .shop_opt .mirror {} .shop_opt .mirror .content {} .shop_opt .sizes {} .shop_opt .sizes .size { overflow: hidden; float: left; width: 100px; height: 19px; margin-bottom: 10px; } .shop_opt .sizes .size label { width: 80px; margin-right: 0px!important; } #product .content .buy-block { position: relative; overflow: hidden; float: left; width: 100%; } #product .content .buy-block .options { display: inline-block; height: 40px; vertical-align: top; } @media screen and (min-width: 1024px) { #product .content .buy-block .options { float: left; } } #product .content .buy-block .options a { float: left; clear: both; padding-left: 20px; font-size: 12px; color: #4E4E4E; line-height: 20px; } #product .content .buy-block .options a.storage { background: url(../img/theme/ico/stor.png) 0px center no-repeat; } #product .content .buy-block .options a.compare_add { background: url(../img/theme/ico/comp.png) 0px center no-repeat; } #product .content .buy-block .options a:hover { color: #D55E01; } #product .content .buy-block .quan { display: inline-block; position: relative; width: 80px; height: 40px; margin: 0px 10px; text-indent: -20000px; vertical-align: top; } @media screen and (min-width: 1024px) { #product .content .buy-block .quan { overflow: hidden; float: right; width: 70px; margin: 0px; } } #product .content .buy-block .quan a, #product .content .buy-block .quan input { position: absolute; top: 0px; float: left; height: 38px; font-size: 14px; color: #8A8A8A; text-align: center; background: #FFF; border: 1px solid #EDEDED; } #product .content .buy-block .quan a { width: 19px; text-indent: 0px; line-height: 38px; } #product .content .buy-block .quan a.up { right: 0px; border-left: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } #product .content .buy-block .quan a.down { left: 0px; border-right: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #product .content .buy-block .quan a:hover { color: #D55E01; } #product .content .buy-block .quan input { left: 20px; width: 28px; padding: 0px 5px; } @media screen and (min-width: 1024px) { #product .content .buy-block .quan input { width: 18px; } } #product .content .buy-block .buy { display: inline-block; width: 177px; height: 40px; margin-left: 10px; margin-bottom: 10px; background: url(../img/theme/header.png) 0px 100% repeat-x; border-radius: 5px; vertical-align: top; } @media screen and (min-width: 1024px) { #product .content .buy-block .buy { float: right; margin-left: 10px; } } #product .content .buy-block .buy a { display: block; width: 137px; padding-left: 32px; font-size: 13px; font-weight: 700; color: #FFF; text-align: center; line-height: 40px; background: url(../img/theme/ico/t_c.png) 7px 8px no-repeat; } #product .content .buy-block .buy a.abuy:hover { opacity: 0.7; } #product .content .buy-block .buy a.dbuy { opacity: 0.5; } #product .content .desc { float: left; width: 100%; margin-top: 20px; line-height: 22px; } #product #tabs { position: relative; float: left; width: 100%; margin-top: 30px; } #tabs ul.tabs { position: relative; float: left; width: 100%; margin-bottom: 20px; border-bottom: 2px solid #E7E7E7; } @media screen and (min-width: 1024px) { #tabs ul.tabs { margin-left: -10px; padding: 0px 10px; } } ul.tabs li { display: block; position: relative; height: 34px; } @media screen and (min-width: 1024px) { ul.tabs li { float: left; margin-right: 10px; } } ul.tabs li a { display: block; padding: 0px 15px; font-size: 14px; font-weight: 700; color: #656565; line-height: 34px; background: url(../img/theme/tabs.png) 0px 0px repeat-x; } @media screen and (min-width: 1024px) { ul.tabs li a { padding: 0px 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; } } ul.tabs li.ui-tabs-selected a, ul.tabs li a:hover { color: #FFF; background-position: 0px -34px; } #product #tabs .tab { overflow: hidden; float: left; width: 100%; background: #FFF; } #product #desc { font-size: 15px; color: #4E4E4E; line-height: 24px; } #product #att {} #product #att table { display: inline-block; width: 100%; } #product #att tr { display: inline-block; width: 100%; padding: 10px 0px; text-align: left; } #product #att tr:first-child { display: none; } #product #att tr:nth-child(odd) { background: #FAFAFA; } #product #att td { float: left; min-width: 80px; margin-right: 10px; padding: 0px; font-size: 14px; font-weight: bold; line-height: 19px; } #product #att td.att2label { display: none; } #product .properties #att td.att2_name { color: #444; } #product .properties #att td.att2_option { max-width: 85%; color: #555; } #product #com {} #com .comment { display: inline-block; width: 100%; clear: both; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #D4D4D4; vertical-align: top; } #com .comment .head { display: inline-block; width: 100%; margin-bottom: 10px; font-size: 14px; line-height: 20px; } #com .comment .author { font-weight: bold; } #com .comment .author span { color: #D55E01; } #com .comment .ocena {} #com .comment .ocena span { float: left; margin-left: 5px; } #com .comment .ocena .rating { font-weight: bold; color: #D55E01; } #com .comment .ocena .stars { float: right; margin-left: 10px; } #com .comment .ocena img { width: 20px; height: 20px; margin-right: 2px; } #com .comment .content { display: inline-block; width: 100%; font-size: 14px; text-align: left; line-height: 22px; vertical-align: top; } #com a.add_comment { float: right; font-weight: 700; line-height: 22px; } #com .no_coment { display: inline-block; width: 100%; margin-bottom: 20px; font-weight: 700; text-transform: uppercase; line-height: 22px; } #product #video { text-align: center; } #product #video iframe, #product #video .desc { display: block; clear: both; } #product #video iframe { width: 90%; height: 200px; margin: 0px auto 20px; } @media screen and (min-width: 640px) { #product #video iframe { height: 300px; } } @media screen and (min-width: 768px) { #product #video iframe { height: 400px; } } @media screen and (min-width: 1024px) { #product #video iframe { height: 500px; } } #product #video .desc { font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 15px; } #product #download { text-align: left; } #product #download ul { display: inline-block; width: 100%; } #product #download ul li { display: block; clear: both; padding: 10px; line-height: 20px; border-bottom: 1px solid #D4D4D4; } #product #download ul li:nth-child(odd) { background: #FAFAFA; } #product #download ul li.head { border-top: 1px solid #D4D4D4; } #product #download ul li.head h6 { font-size: 14px; font-weight: 700; color: #D55E01; text-transform: uppercase; } #product #download ul li.item {} #product #download ul li.item a, #product #download ul li.item span.file { display: inline-block; margin-right: 5px; font-size: 13px; font-weight: bold; color: #444; } #product #download ul li.item span.desc { display: block; font-size: 12px; color: #666; line-height: 15px; } #product #download ul li.item a:hover { color: #D55E01; } .productsOpts { display: inline-block; margin: 20px 0px 30px 0px; vertical-align: top; } @media screen and (min-width: 1024px) { .productsOpts { float: right; margin-right: 10px; } } .productsOpts a { float: left; margin-left: 20px; margin-bottom: 10px; padding-left: 20px; font-size: 13px; color: #9B9B9B; line-height: 16px; } .productsOpts a.recommend { background: url(../img/theme/ico/p_ico_1.png) 0px center no-repeat; } .productsOpts a.question, .productsOpts a.negotiation, .productsOpts a.notify { background: url(../img/theme/ico/p_ico_2.png) 0px center no-repeat; } .productsOpts a.print { background: url(../img/theme/ico/p_ico_3.png) 0px center no-repeat; } .productsOpts a:hover { color: #D55E01; } /* /PRODUCT */ /* SHOPCART */ #div_id_shop_cart #ls { display: none; } #div_id_shop_cart #content .wrapper {} @media screen and (min-width: 1200px) { #div_id_shop_cart #content .wrapper { width: 1202px; } } .empty_shopcart { display: block; position: relative; padding: 30px 50px; font-size: 18px; font-weight: 700; color: #D55E01; text-align: center; text-transform: uppercase; line-height: 20px; background: #FFF; border: 1px solid #CDCDCD; } #shopcart { position: relative; float: left; width: 100%; padding-top: 20px; background: #FFF; } @media screen and (min-width: 1200px) { #shopcart { width: 1200px; padding: 20px 1px 0px; } } #shopcart h3.belka { margin-bottom: 20px; } ul.shopcart-list { position: relative; float: left; width: 100%; margin-bottom: 25px; } ul.shopcart-list li { display: block; position: relative; overflow: hidden; clear: both; } ul.shopcart-list li div { display: inline-block; overflow: hidden; text-align: center; } @media screen and (min-width: 768px) { ul.shopcart-list li { display: table; table-layout: fixed; width: 100%; margin-left: -1px; } ul.shopcart-list li div { display: table-cell; vertical-align: middle; } } @media screen and (min-width: 1024px) { ul.shopcart-list li { display: block; margin-left: 0px; } ul.shopcart-list li div { display: inline-block; float: left; } } ul.shopcart-list li.head { display: none; height: 31px; margin-bottom: 10px; background: #F2F2F2; } @media screen and (min-width: 768px) { ul.shopcart-list li.head { display: table; } } @media screen and (min-width: 1024px) { ul.shopcart-list li.head { display: block; float: left; width: 1000px; } } @media screen and (min-width: 1200px) { ul.shopcart-list li.head { width: 1200px; } } ul.shopcart-list li.head div { font-size: 12px; font-weight: 700; color: #6C6C6C; line-height: 31px; border-right: 2px solid #FFF; } ul.shopcart-list li.head div .image { text-align: left; } @media screen and (min-width: 768px) { ul.shopcart-list li.head div.image { width: 11%; padding: 0px 1%; } ul.shopcart-list li.head div.name { width: 41%; text-align: left; } ul.shopcart-list li.head div.price, ul.shopcart-list li.head div.total { width: 15%; } ul.shopcart-list li.head div.quan { width: 11%; } ul.shopcart-list li.head div.del { width: 5%; } } @media screen and (min-width: 1024px) { ul.shopcart-list li.head div { display: inline-block; } ul.shopcart-list li.head div.image { width: 108px; margin: 0px 10px; padding: 0px; } ul.shopcart-list li.head div.name { width: 373px; margin-left: 10px; } ul.shopcart-list li.head div.price, ul.shopcart-list li.head div.total { width: 158px; } ul.shopcart-list li.head div.quan { width: 97px; } ul.shopcart-list li.head div.del { width: 63px; border-right: none; } } @media screen and (min-width: 1200px) { ul.shopcart-list li.head div.name { width: 458px; } ul.shopcart-list li.head div.price, ul.shopcart-list li.head div.total { width: 168px; } ul.shopcart-list li.head div.quan { width: 138px; } ul.shopcart-list li.head div.del { width: 118px; border-right: none; } } ul.shopcart-list li.item { padding: 10px 0px; background: #FFF; border: 1px solid #E9E9E9; border-bottom: 2px solid #EAECEC; border-top: none; } @media screen and (min-width: 1024px) { ul.shopcart-list li.item { float: left; width: 998px; height: 70px; } } @media screen and (min-width: 1200px) { ul.shopcart-list li.item { float: left; width: 1198px; } } ul.shopcart-list li.item.first { border-top: 2px solid #EAECEC; } ul.shopcart-list li.item div.image { display: table; table-layout: fixed; overflow: hidden; width: 100%; height: 70px; margin-bottom: 10px; } @media screen and (min-width: 768px) { ul.shopcart-list li.item div.image { display: table-cell; width: 11%; margin-bottom: 0px; padding: 0px 1%; } } @media screen and (min-width: 1024px) { ul.shopcart-list li.item div.image { display: table; clear: none; width: 110px; margin: 0px 10px; padding: 0px; } } ul.shopcart-list li.item div.image a { } ul.shopcart-list li.item div.image img { max-width: 100%; max-height: 70px; } @media screen and (min-width: 1024px) { ul.shopcart-list li.item div.image img { max-width: 110px; } } ul.shopcart-list li.item div.image a:hover { opacity: 0.7; } ul.shopcart-list li.item div.name { display: block; clear: both; margin-bottom: 10px; } @media screen and (min-width: 768px) { ul.shopcart-list li.item div.name { display: table-cell; width: 41%; text-align: left; } } @media screen and (min-width: 1024px) { ul.shopcart-list li.item div.name { display: table; float: left; clear: none; width: 375px; height: 70px; margin-left: 10px; } ul.shopcart-list li.item div.name .in { display: table-cell; float: none; height: 100%; text-align: left; vertical-align: middle; } } @media screen and (min-width: 1200px) { ul.shopcart-list li.item div.name { width: 460px; } } ul.shopcart-list li.item div.name span, ul.shopcart-list li.item div.name a { display: block; color: #686868; text-transform: uppercase; line-height: 20px; } ul.shopcart-list li.item div.name a { font-size: 16px; font-weight: 700; } ul.shopcart-list li.item div.name span { font-size: 15px; } ul.shopcart-list li.item div.name a:hover { color: #D55E01; } ul.shopcart-list li.item div.price, ul.shopcart-list li.item div.quan, ul.shopcart-list li.item div.total {display: inline-block; height: 36px; margin: 0px 10px 10px; vertical-align: top; } ul.shopcart-list li.item div.price, ul.shopcart-list li.item div.total { font-family: 'Times New Roman'; font-size: 16px; font-weight: 700; line-height: 36px; } ul.shopcart-list li.item div.price { color: #444; } ul.shopcart-list li.item div.total { color: #D55E01; } ul.shopcart-list li.item div.total span { display: block; font-size: 11px; font-weight: normal; color: #787878; } @media screen and (min-width: 768px) { ul.shopcart-list li.item div.price, ul.shopcart-list li.item div.total { display: table-cell; width: 15%; margin: 0px; text-align: center; line-height: 25px; vertical-align: middle; } ul.shopcart-list li.item div.price .in, ul.shopcart-list li.item div.total .in { display: inline-block; } } @media screen and (min-width: 1024px) { ul.shopcart-list li.item div.price, ul.shopcart-list li.item div.total { display: block; width: 150px; height: 70px; line-height: 70px; } } @media screen and (min-width: 1200px) { ul.shopcart-list li.item div.price, ul.shopcart-list li.item div.total { width: 170px; } } ul.shopcart-list li.item div.quan { position: relative; } @media screen and (min-width: 768px) { ul.shopcart-list li.item div.quan { display: table-cell; width: 11%; margin: 0px; vertical-align: middle; } } @media screen and (min-width: 1024px) { ul.shopcart-list li.item div.quan { display: table; width: 100px; height: 70px; } ul.shopcart-list li.item div.quan .in { float: none; height: 32px; margin-top: 19px; } } @media screen and (min-width: 1200px) { ul.shopcart-list li.item div.quan { width: 140px; } } ul.shopcart-list li.item div.quan a, ul.shopcart-list li.item div.quan input { float: left; height: 30px; font-size: 14px; color: #444; text-align: center; border: 1px solid #EBEBEB; } ul.shopcart-list li.item div.quan a { width: 20px; line-height: 30px; } ul.shopcart-list li.item div.quan a.down { border-right: none; } ul.shopcart-list li.item div.quan a.up { border-left: none; } ul.shopcart-list li.item div.quan input { width: 30px; padding: 0px; background: #FFF; border-radius: 0px; } ul.shopcart-list li.item div.quan a:hover { color: #D53D32; } ul.shopcart-list li.item div.del { display: block; clear: both; height: 11px; text-align: center; } @media screen and (min-width: 768px) { ul.shopcart-list li.item div.del { display: table-cell; width: 5%; margin: 0px; clear: none; } } @media screen and (min-width: 1024px) { ul.shopcart-list li.item div.del { display: block; width: 68px; height: 70px; } } @media screen and (min-width: 1200px) { ul.shopcart-list li.item div.del { width: 115px; } } ul.shopcart-list li.item div.del .in { display: inline-block; float: none; margin: 0px auto; } @media screen and (min-width: 1024px) { ul.shopcart-list li.item div.del .in { margin-top: 29px; } } ul.shopcart-list li.item div.del a { display: block; width: 13px; height: 13px; background: url(../img/theme/ico/del.png) 0px 0px no-repeat; } ul.shopcart-list li.item div.del a:hover { opacity: 0.7; } ul.shopcart-list li.others { margin-top: 10px; } @media screen and (min-width: 1024px) { ul.shopcart-list li.others { float: left; width: 100%; margin-bottom: 10px; } } ul.shopcart-list li.others .in { display: inline-block; vertical-align: top; } @media screen and (min-width: 1024px) { ul.shopcart-list li.others .in { float: right; } } ul.shopcart-list li.others .in .cnt { float: left; clear: both; margin: 5px 0px; } ul.shopcart-list li.others .in .cnt span { float: left; font-size: 13px; font-weight: 700; color: #374C60; line-height: 15px; } ul.shopcart-list li.others .in .cnt span.label { margin-right: 10px; } ul.shopcart-list li.others .in .cnt span.value { color: #E78430; } ul.shopcart-list li.summary { margin-top: 10px; padding: 12px 15px; background: #F8F8F8; border: 2px solid #E9EBEB; border-top: 5px solid #F6A356; } @media screen and (min-width: 768px) { ul.shopcart-list li.summary { display: block; width: auto; margin-top: 0px; } } @media screen and (min-width: 1024px) { ul.shopcart-list li.summary { float: left; width: 996px; height: 67px; padding: 0px 0px; } } @media screen and (min-width: 1200px) { ul.shopcart-list li.summary { width: 1196px; } } ul.shopcart-list li.summary .in { display: inline-block; margin: 0px auto; } @media screen and (min-width: 1024px) { ul.shopcart-list li.summary .in { float: left; width: 966px; padding: 0px 15px; border-top: 2px solid #E9EBEB; } } @media screen and (min-width: 1200px) { ul.shopcart-list li.summary .in { width: 1166px; } } ul.shopcart-list li.summary .discount { float: left; width: 100%; clear: both; margin-bottom: 10px; } @media screen and (min-width: 768px) { ul.shopcart-list li.summary .discount { clear: none; width: auto; } } @media screen and (min-width: 1024px) { ul.shopcart-list li.summary .discount { width: 415px; margin-bottom: 0px; padding: 20px 0px; border-right: 2px solid #E9EBEB; } } @media screen and (min-width: 1200px) { ul.shopcart-list li.summary .discount { width: 580px; } } ul.shopcart-list li.summary .discount label, ul.shopcart-list li.summary .discount input, ul.shopcart-list li.summary .discount span, ul.shopcart-list li.summary .discount a { display: inline-block; vertical-align: top; } @media screen and (min-width: 1024px) { ul.shopcart-list li.summary .discount label, ul.shopcart-list li.summary .discount input, ul.shopcart-list li.summary .discount span, ul.shopcart-list li.summary .discount a { float: left; } } ul.shopcart-list li.summary .discount label, ul.shopcart-list li.summary .discount span { font-size: 12px; color: #424242; line-height: 27px; } ul.shopcart-list li.summary .discount span { font-weight: bold; } ul.shopcart-list li.summary .discount label { margin-right: 10px; } ul.shopcart-list li.summary .discount input { width: 271px; border: 1px solid #D6D6D6; } @media screen and (min-width: 1024px) { ul.shopcart-list li.summary .discount input { width: 213px; } } @media screen and (min-width: 1200px) { ul.shopcart-list li.summary .discount input { width: 241px; background: #FFF; } } ul.shopcart-list li.summary .discount span { color: #2F3B47; } ul.shopcart-list li.summary .discount a { width: 70px; height: 27px; font-size: 10px; font-weight: bold; color: #FFF; text-align: center; text-transform: uppercase; line-height: 27px; background: url(../img/theme/header.png) 0px 0px repeat-x; border-left: none; } ul.shopcart-list li.summary .discount a:hover { opacity: 0.7; } ul.shopcart-list li.summary .recalc { float: right; width: 100%; clear: none; margin-bottom: 10px; } @media screen and (min-width: 768px) { ul.shopcart-list li.summary .recalc { float: right; clear: none; width: auto; margin-top: 5px; } } @media screen and (min-width: 1024px) { ul.shopcart-list li.summary .recalc { float: left; margin-top: 0px; margin-bottom: 0px; padding: 20px 35px; border-right: 2px solid #E9EBEB; } } ul.shopcart-list li.summary .recalc input { float: left; height: 27px; padding-left: 20px; font-size: 12px; font-weight: bold; color: #757575; background: url(../img/theme/ico/re.png) 0px center no-repeat; } ul.shopcart-list li.summary .recalc input:hover { color: #D55E01; } ul.shopcart-list li.summary .prices { display: inline-block; clear: both; } @media screen and (min-width: 1024px) { ul.shopcart-list li.summary .prices { float: right; clear: none; height: 27px; margin: 20px 0px; } } @media screen and (min-width: 1200px) { ul.shopcart-list li.summary .prices { max-width: 369px; } } ul.shopcart-list li.summary .prices div { float: right; clear: both; width: 100%; } @media screen and (min-width: 1024px) { ul.shopcart-list li.summary .prices div { width: auto; } } ul.shopcart-list li.summary .prices div span { float: left; } ul.shopcart-list li.summary .prices div span.label { margin-right: 15px; text-align: right; } ul.shopcart-list li.summary .prices div span.value { text-align: left; } @media screen and (min-width: 1024px) { ul.shopcart-list li.summary .prices div span.value { min-width: 120px; text-align: left; } } ul.shopcart-list li.summary .prices .brutto { height: 27px; } ul.shopcart-list li.summary .prices .brutto span {} ul.shopcart-list li.summary .prices .brutto span.label { padding-top: 7px; font-size: 14px; color: #483E30; line-height: 20px; } ul.shopcart-list li.summary .prices .brutto span.value { font-family: 'Times New Roman'; font-size: 30px; font-weight: 700; color: #E78430; line-height: 27px; } h3.bar { position: relative; float: left; width: 100%; margin-bottom: 20px; } h3.bar.mtop { margin-top: 30px; } h3.bar span { display: block; font-size: 14px; font-weight: 700; color: #424242; text-transform: uppercase; line-height: 20px; } @media screen and (min-width: 1024px) { h3.bar span { margin-left: 20px; } } #shopcart_payments { display: block; clear: both; } @media screen and (min-width: 1024px) { #shopcart_payments { display: inline-block; position: relative; width: 100%; } } #shopcart_payments .countries { display: block; clear: both; margin-bottom: 20px; padding: 10px 20px 0px; background: #FFF; border: 1px solid #D4D4D4; } #shopcart_payments .countries label, #shopcart_payments .countries a { display: inline-block; margin-bottom: 10px; vertical-align: top; } #shopcart_payments .countries label { margin-right: 10px; font-size: 13px; color: #3F3F3F; line-height: 34px; } #shopcart_payments #newPay, #shopcart_payments #newShip { display: block; margin-bottom: 20px; padding: 10px 20px; background: #FFF; border: 1px solid #D4D4D4; } @media screen and (min-width: 1024px) { #newPay, #newShip { position: relative; clear: none; width: 448px; } #newPay { float: left; } #newShip { float: right; } } @media screen and (min-width: 1200px) { #newPay, #newShip { clear: none; width: 546px; } } #shopcart_payments table, #shopcart_payments tbody, #shopcart_payments tr { display: inline-block; width: 100%; } #shopcart_payments tr { margin-bottom: 15px; } #shopcart_payments th, #shopcart_payments #newPay td { float: left; vertical-align: top; } #shopcart_payments th { padding-bottom: 10px; font-size: 14px; font-weight: 700; color: #424242; line-height: 20px; } #shopcart_payments td { width: 65%; } @media screen and (min-width: 768px) { #shopcart_payments td { width: 75%; } } #shopcart_payments td#order_details_payment, #shopcart_payments td#order_details_shiping { width: 15px; margin-right: 10px; text-align: center; } #shopcart_payments td#order_details_cost { float: right; width: 15%; font-size: 14px; font-weight: bold; color: #D55E01; text-align: right; } #shopcart_payments td#order_details_payment input, #shopcart_payments td#order_details_shiping input { margin-top: 0px; } #shopcart_payments td label { font-size: 13px; color: #3F3F3F; text-align: left; line-height: 15px; } #shopcart_payments #newPay td label { float: left; width: 55%; } #shopcart_payments td .payment_desc { display: none; position: absolute; top: 60px; overflow: hidden; padding: 10px; font-size: 12px; color: #3F3F3F; text-align: left; background: #F8F8F8; border: 1px solid #D4D4D4; } #shopcart_payments td .payment_desc { right: 20px; width: 40%; } @media screen and (max-width: 1023px) { #shopcart_payments td .payment_desc { display: none!important; } } #shopcart_payments td .paymant_online { display: inline-block; margin-top: 10px; } #shopcart_payments #newShip td { display: inline-block; text-align: left; vertical-align: middle; } #shopcart_payments #newShip td input, #shopcart_payments #newShip td label, #shopcart_payments #newShip td .shipment_desc { display: inline-block; vertical-align: middle; } #shopcart_payments #newShip td label { width: 40%; margin-right: 3%; } #shopcart_payments #newShip td .shipment_desc { width: 52%; padding: 10px 2%; font-size: 12px; color: #3F3F3F; text-align: left; background: #F9F9F9; border: 1px solid #E9EBEB; } @media screen and (max-width: 1023px) { /* #shopcart_payments #newShip td .shipment_desc { display: none!important; */ /* } */ } #summaryInfo { position: relative; margin-bottom: 25px; padding: 20px 0px; background: #F8F8F8; border: 2px solid #E9EBEB; } @media screen and (min-width: 1024px) { #summaryInfo { width: 996px; } } @media screen and (min-width: 1200px) { #summaryInfo { width: 1196px; } } #summaryInfo .in { display: inline-block; vertical-align: top; } @media screen and (min-width: 1024px) { #summaryInfo .in { float: right; margin-right: 15px; } } #summaryInfo .in .price { float: left; clear: both; margin-bottom: 10px; } @media screen and (min-width: 1024px) { #summaryInfo .in .price { float: right; } } #summaryInfo .in .price span { float: right; } #summaryInfo .in .delivery, #summaryInfo .in .products {} #summaryInfo .in .delivery span, #summaryInfo .in .products span { color: #5B5B5B; line-height: 15px; } #summaryInfo .in .delivery span.label, #summaryInfo .in .products span.label { margin-right: 10px; font-size: 13px; } #summaryInfo .in .delivery span.value, #summaryInfo .in .products span.value { min-width: 120px; font-size: 15px; } #summaryInfo .in .total { margin-top: 10px; margin-bottom: 0px; } #summaryInfo .in .total span.label { margin-right: 10px; padding-top: 7px; font-size: 14px; color: #483E30; line-height: 20px; } #summaryInfo .in .total span.value { min-width: 120px; font-family: 'Times New Roman'; font-size: 30px; font-weight: 700; color: #E78430; line-height: 27px; } #div_id_order_confirm #ls { display: none; } #div_id_order_confirm #ms { width: 100%; } ul.summary-list {} ul.summary-list.second { margin: 30px 0px 40px; } ul.summary-list li {} ul.summary-list li.head {} ul.summary-list li.head div.name {} ul.summary-list li.head div.total { background: none; border-right: none; } @media screen and (min-width: 768px) { ul.summary-list li.head div.name { width: 64%; } } @media screen and (min-width: 1024px) { ul.summary-list li.head div.name { width: 647px; } } @media screen and (min-width: 1200px) { ul.summary-list li.head div.name { width: 748px; } } ul.summary-list li.item {} ul.summary-list li.item div.name { font-weight: 600; } @media screen and (min-width: 768px) { ul.summary-list li.item div.name { width: 64%; } } @media screen and (min-width: 1024px) { ul.summary-list li.item div.name { width: 448px; } } @media screen and (min-width: 1200px) { ul.summary-list li.item div.name { width: 748px; } } ul.summary-list li.item div.quan { } ul.summary-list li.item div.quan .in { display: inline-block; line-height: 32px; } ul.summary-list li.item div.total { text-align: center; } @media screen and (min-width: 1024px) { ul.summary-list li.item div.total {} } ul.summary-list li.item div.total .in { float: none; } ul.summary-list li.summary { height: auto; } ul.summary-list.second li.summary { border-top: 2px solid #E9EBEB; } ul.summary-list li.summary .prices { width: 400px; height: auto; } ul.summary-list li.summary .prices .brutto { margin-top: 10px; } ul.summary-list li.summary .prices .brutto span.label { padding-top: 5px; } ul.summary-list li.summary .prices .brutto span.value { font-size: 30px; } ul.summary-list li.summary .prices span { font-size: 14px; } #div_id_order_confirm #shopcart { padding: 20px 0px 0px; } #shopcartThx { float: left; width: 100%; margin-bottom: 10px; padding: 10px 0px; font-size: 16px; font-weight: 700; color: #FFF; text-align: center; line-height: 20px; background: url(../img/theme/thx.png) 0px 0px repeat-x; background-size: 100% 100%; } @media screen and (min-width: 768px) { #shopcartThx { padding: 0px; line-height: 53px; } } #shopcartThx span { display: inline-block; } @media screen and (min-width: 768px) { #shopcartThx span { display: inline-block; height: 53px; } } #orderSummary { float: left; width: 100%; margin-top: 20px; } #orderSummary .content { display: block; clear: both; margin-bottom: 20px; padding: 15px 20px 5px; font-size: 14px; text-align: center; background: #FFF; border: 1px solid #D4D4D4; } @media screen and (min-width: 1024px) { #orderSummary .content { float: left; width: 958px; } } @media screen and (min-width: 1200px) { #orderSummary .content { float: left; width: 1158px; } } #orderSummary .message { padding: 15px 20px; } #orderSummary .content .in { display: inline-block; width: 458px; text-align: left; } @media screen and (min-width: 1024px) { #orderSummary .content .in { width: 558px; } } #orderSummary .content .in p { float: left; width: 100%; margin-bottom: 10px; } #orderSummary .content .in p span { overflow: hidden; float: left; font-size: 14px; color: #353535;; line-height: 15px; } #orderSummary .content .in p span.label { width: 220px; margin-right: 10px; font-weight: 700; } #orderSummary .content .in p span.value { width: 258px; } #orderSummary .summ {} #orderSummary .data { padding-top: 0px; } #orderSummary .data .in { display: inline-block; width: 100%; margin: 0px auto; } @media screen and (min-width: 768px) { #orderSummary .data .in { width: 500px; } } #orderSummary .data .head { float: left; width: 100%; margin-left: -20px; padding: 11px 20px; background: #FDEDDE; } #orderSummary .data .head .in div { width: 40%; font-size: 14px; font-weight: 600; color: #454444; text-transform: uppercase; line-height: 15px; } #orderSummary .data .cnt .in div { width: 40%; margin: 10px 0px; font-size: 14px; line-height: 22px; } #orderSummary .data .customer { float: left; } #orderSummary .data .shipment { float: right; } #orderSummary .data .cnt .in .row { position: relative; float: left; width: 100%; margin-bottom: 0px; } #orderSummary .payment { margin-bottom: 0px; padding: 15px 20px; font-size: 14px; text-align: center; } #shopcart h3.belka.decorate { height: 30px; margin-bottom: 10px; background: none; box-shadow: none; } #shopcart h3.belka.decorate span { margin: 0px; color: #374C61; line-height: 30px; } .btns-cart { display: inline-block; position: relative; margin: 20px 0px 40px; vertical-align: top; } @media screen and (min-width: 768px) { .btns-cart { float: right; } } .btns-cart .button_long { display: inline-block; width: 190px; height: 46px; font-size: 14px; font-weight: 700; text-align: center; vertical-align: top; border-radius: 5px; } .btns-cart a { margin-bottom: 15px; color: #5E5E5E; line-height: 46px; background: url(../img/theme/btn_b.png) 0px 0px repeat-x; } @media screen and (min-width: 768px) { .btns-cart a { margin-right: 15px; margin-bottom: 0px; } } .btns-cart a:hover { color: #FFF; background-position: 0px -46px; opacity: 1; } .btns-cart input { background: url(../img/theme/btn_b.png) 0px -46px repeat-x; opacity: 1; } @media screen and (min-width: 768px) { .btns-cart input { margin-right: 25px; } } .btns-cart input:hover { opacity: 0.7; } /* SHOPCART */ /* REGISTRATION */ #div_id_registration #ls { display: none; } .cart_order { table-layout: fixed; width: 100%; } #register_table { display: inline-block; width: 100%; } #registration { display: block; position: relative; clear: both; padding: 20px 30px; background: #FFF; border: 1px solid #FFF; } #shopcart #registration { border: 1px solid #D4D4D4; } @media screen and (min-width: 768px) { #registration { clear: both; padding: 50px 50px; } } @media screen and (min-width: 1024px) { #registration { float: left; width: 898px; } } @media screen and (min-width: 1200px) { #registration { padding: 50px 150px 20px; } } h4.section { display: block; clear: both; margin-bottom: 20px; } @media screen and (min-width: 768px) { h4.section { float: left; padding-left: 105px; text-align: right; } } h4.section.label { margin-bottom: 40px; } h4.section span { display: block; font-size: 13px; font-weight: bold; color: #2B2B2B; text-transform: uppercase; line-height: 20px; } #order_type { display: block; clear: both; position: relative; width: 100%; margin: -20px 0px 20px -30px; padding: 15px 29px 5px; background: #FDEDDE; border: 1px solid #FFF; } @media screen and (min-width: 1024px) { #order_type { float: left; width: 938px; margin: -50px 0px 20px -50px; } } @media screen and (min-width: 1200px) { #order_type { width: 896px; margin: -50px 0px 20px -150px; padding: 10px 150px; } } #order_type div { display: inline-block; width: 100%; margin-bottom: 10px; } #order_type div { display: inline-block; width: 100%; margin-bottom: 10px; } @media screen and (min-width: 1024px) { #order_type div { width: 300px; height: 21px; margin-bottom: 0px; padding: 5px 0px; text-align: center; background: #FFF; border: 1px solid #F9E2CD; } #order_type div.log { float: left; margin-left: 105px; } #order_type div.reg { float: right; margin-right: 35px; } #order_type div.placeholder { display: none; } } #order_type input, #order_type label { float: left; } @media screen and (min-width: 1024px) { #order_type input, #order_type label { display: inline-block; float: none; vertical-align: top; } } #order_type input { margin: 3px 10px 2px 20px; } @media screen and (min-width: 1024px) { #order_type input { margin: 3px 5px 2px 0px; } } #order_type label { font-size: 14px; font-weight: bold; color: #424242; line-height: 21px; } #order_login { display: inline-block; position: relative; width: 100%; text-align: center; } #order_login h4 { width: 100%; padding-left: 0px; text-align: center; } #order_login h4 span { font-size: 18px; } #order_login .in { display: inline-block; margin: 0px auto; } #order_login .in .row { width: auto; clear: both; } #order_login .in .row label { width: 70px; margin-right: 10px; } #order_login .in .submit { width: 100%; margin-top: 15px; text-align: center; } #order_login .submit a { display: inline-block; margin: 0px auto; } #order_login .submit a:hover { color: #FFF; } #customerData, #shipmentData, #loginData, #notesData, #regulations { display: block; position: relative; margin-bottom: 20px; } #registration div.sep { display: block; clear: both; width: 100%; min-height: 1px; } #registration .row { display: inline-block; position: relative; width: 100%; margin-bottom: 10px; } @media screen and (min-width: 768px) { #registration .row { float: left; width: 100%; margin-bottom: 5px; } } @media screen and (min-width: 768px) { #registration .row label, #registration .row input.input_normal, #registration .row input.input_disabled, #registration .row select, #registration .row sup, #registration .row div.placeholder, #registration .row a.ui-selectmenu { float: left; } } #registration .row label { display: block; clear: both; margin-bottom: 10px; font-size: 14px; color: #2B2B2B; line-height: 15px; } @media screen and (min-width: 768px) { #registration .row label { clear: none; width: 100px; margin-right: 5px; margin-bottom: 0px; font-size: 14px; color: #2B2B2B; text-align: right; line-height: 27px; } } #registration .row input.input_normal { display: inline-block; width: 80%; vertical-align: top; } @media screen and (min-width: 768px) { #registration .row input.input_normal { width: 278px; } } #registration .row input.input_normal:focus { border: 1px solid #D55E01; } @media screen and (min-width: 768px) { #registration .row input.input_normal.error { margin-bottom: 20px; } } #registration .row input.input_normal.valid { border: 1px solid #AED136; } #registration .row input.input_disabled { background: #D4D4D4; } #registration .row select { width: 278px; height: 25px; } #registration .row sup { display: inline-block; width: 5px; min-height: 1px; margin-left: 5px; font-size: 13px; font-weight: bold; color: #FF0000; line-height: 27px; vertical-align: top; } #registration .row div.placeholder { width: 105px; height: 1px; } #registration .row label.error { position: absolute; left: 105px; bottom: 5px; width: 300px; font-size: 11px; font-weight: bold; color: #FF0000; text-align: center; line-height: normal; } @media screen and (max-width: 767px) { #registration .row label.error { display: none!important; } } #registration .row input#adres, #registration .row input#adres_wys { width: 40%; } @media screen and (min-width: 768px) { #registration .row input#adres, #registration .row input#adres_wys { width: 188px; } } #registration .row label[for="adres"].error, #registration .row label[for="adres_wys"].error { width: 200px; } #registration .row input#adres_no, #registration .row input#adres_no_wys { width: 20%; margin-left: 5px; } @media screen and (min-width: 768px) { #registration .row input#adres_no, #registration .row input#adres_no_wys { width: 53px; } } #registration .row label[for="adres_no"].error, #registration .row label[for="adres_no_wys"].error { left: 310px; width: 105px; } #customerData {} @media screen and (min-width: 768px) { #customerData { float: left; clear: left; width: 440px; } } #customerData .docType { margin-bottom: 30px; } #customerData .docType input, #customerData .docType label { display: inline-block; vertical-align: top; } @media screen and (min-width: 768px) { #customerData .docType input, #customerData .docType label { float: left; } } #customerData .docType input { margin-top: 1px; margin-right: 5px; } #customerData .docType label { width: auto; margin-right: 25px; font-size: 13px; line-height: normal; } #shipmentData {} @media screen and (min-width: 768px) { #shipmentData { float: right; width: 440px; } } @media screen and (min-width: 1024px) { #shipmentData {} } #shipmentData .change { margin-bottom: 15px; } #shipmentData .hidden { display: none; } #shipmentData .change input, #shipmentData .change label { display: inline-block; vertical-align: top; } @media screen and (min-width: 768px) { #shipmentData .change input, #shipmentData .change label { float: left; } } #shipmentData .change input { margin-top: 2px; margin-right: 5px; } #shipmentData .change label { width: auto; margin-right: 5px; font-size: 14px; line-height: normal; } #loginData { margin-bottom: 40px; } #shopcart #loginData { } #loginData h4.section { margin-top: 0px; margin-bottom: 20px; } #loginData .hidden { display: none; } #loginData h4.section input, #loginData h4.section label { display: inline-block; vertical-align: top; } @media screen and (min-width: 768px) { #loginData h4.section input, #loginData h4.section label { float: left; } } #loginData h4.section input { margin-top: 4px; margin-right: 5px; } #loginData h4.section label { width: auto; } @media screen and (min-width: 768px) { #loginData { float: left; width: 100%; } } #notesData { margin-bottom: 20px; } #notesData .row {} #notesData .row textarea { float: left; width: 243px; height: 90px; padding: 10px; line-height: 15px; } @media screen and (min-width: 768px) { #notesData .row textarea { width: 378px; max-width: 378px; } } @media screen and (min-width: 1024px) { #notesData .row textarea { width: 478px; max-width: 478px; } } @media screen and (min-width: 1200px) { #notesData .row textarea { width: 738px; max-width: 738px; } } @media screen and (min-width: 768px) { #notesData { float: left; width: 100%; } } #regulations {} @media screen and (min-width: 768px) { #regulations { float: left; width: 100%; } } #regulations .row { width: 100%; } @media screen and (min-width: 768px) { #regulations .row { clear: both; width: auto; min-width: 85%; padding-left: 105px; } } #regulations .row input, #regulations .row label { display: inline-block; vertical-align: top; } @media screen and (min-width: 768px) { #regulations .row input, #regulations .row label { float: left; } } #regulations .row input { margin-top: 4px; margin-right: 5px; } #regulations .row label { width: auto; max-width: 90%; font-size: 13px; color: #5E5E5E; text-align: left; line-height: 20px; } #regulations .row label[for="rules"].error { position: relative; left: 0px; bottom: 0px; width: auto; margin-right: 5px; line-height: 20px; } .regButton { display: inline-block; height: 40px; margin-top: 30px; margin-right: 0px; font-size: 14px; font-weight: bold; background: url(../img/theme/header.png) 0px 0px repeat-x; } @media screen and (min-width: 1200px) { .regButton { float: right; margin-right: -100px; } } /* /REGISTRATION */ /*** LOGIN ***/ #login { position: relative; float: left; width: 100%; } #login h3.belka {} #login .password, #login .login { display: block; clear: both; margin-bottom: 20px; padding: 20px 30px; text-align: center; background: #FFF; border: 1px solid #EBEBEB; } #login h5 { display: inline-block; width: 100%; margin-bottom: 20px; font-size: 14px; font-weight: bold; color: #D55E01; text-transform: uppercase; line-height: 20px; } #login .inputs { display: inline-block; margin: 0px auto; } #login .inputs .cnt { display: inline-block; margin: 0px auto; } #login .password .inputs { width: 100%; } #login .password .inputs .cnt { position: relative; } #login .login .inputs { position: relative; margin-bottom: 10px; } #login .login .inputs .cnt { float: left; clear: both; margin-bottom: 10px; } #login .password label, #login .login label { font-size: 13px; font-weight: bold; color: #444; } #login .password label { display: inline-block; width: 100%; margin-bottom: 20px; line-height: 20px; } #login .login label { float: left; width: 100px; margin-right: 10px; text-align: right; line-height: 27px; } #login input.input_normal { float: left; } #login .password input.button { float: left; margin-left: 10px; } #login .login div.submit { display: inline-block; width: 100%; } #login .login .button { display: inline-block; margin: 0px auto; } /*** /LOGIN ***/ /* MY ACCOUNT */ .my_account { position: relative; float: left; width: 100%; margin-bottom: 30px; } #div_id_account_details {} #div_id_account_details #ls { display: none; } #div_id_account_details #ms { width: 100%; } .my_account h3.belka {} @media screen and (min-width: 768px) { .my_account h3.belka { margin-top: 20px; } } @media screen and (min-width: 1024px) { .my_account h3.belka { margin-top: 0px; } } #my_account { position: relative; float: left; width: 100%; } #my_account .user_info, #my_account .buttons { display: block; clear: both; margin-bottom: 20px; padding: 20px 30px 10px; text-align: center; background: #FFF; border: 1px solid #E9EBEB; } #my_account .user_info .in, #my_account .buttons .in { display: inline-block; margin: 0px auto; } #my_account .user_info {} #my_account .user_info .row { position: relative; float: left; clear: both; margin-bottom: 10px; } #my_account .user_info span { overflow: hidden; float: left; font-size: 14px; font-weight: bold; line-height: 20px; } #my_account .user_info span.label { width: 120px; margin-right: 10px; color: #383838; text-align: right; } #my_account .user_info span.value { width: 100px; font-size: 16px; color: #D55E01; text-align: left; text-transform: uppercase; } #my_account .user_info .user span.value { width: auto; } #my_account .buttons {} #my_account .buttons ul { float: left; } #my_account .buttons ul li { display: inline-block; margin: 0px 15px 10px; vertical-align: top; } #my_account .buttons ul li a { width: 190px; height: 46px; font-size: 14px; font-weight: 700; color: #5E5E5E; text-align: center; line-height: 46px; background: url(../img/theme/btn_b.png) 0px 0px repeat-x; border-radius: 5px; vertical-align: top; } #my_account .buttons ul li a:hover { color: #FFF; background-position: 0px -46px; opacity: 1; } .my_account.pass {} #my_account_pass { display: block; clear: both; padding: 20px; text-align: center; background: #FFF; border: 1px solid #CDCDCD; } #my_account_pass .in { display: inline-block; margin: 0px auto; } #my_account_pass .content { float: left; } #my_account_pass ul { position: relative; float: left; } #my_account_pass ul li { position: relative; float: left; clear: both; width: 100%; margin-bottom: 10px; } #my_account_pass ul li label, #my_account_pass ul li input.input_normal { float: left; } #my_account_pass ul li label { width: 120px; margin-right: 10px; font-size: 14px; font-weight: bold; color: #424242; text-align: right; line-height: 27px; } #my_account_pass ul li.submit { margin-bottom: 0px; } #ordersList { display: block; float: left; width: 100%; } #ordersList li { display: table; table-layout: fixed; width: 100%; margin-bottom: 10px; } #ordersList li div { display: table-cell; width: 14%; height: 100%; text-align: center; vertical-align: middle; } #ordersList li.head { height: 30px; background: #F9F9F9; } #ordersList li.head div { font-size: 13px; font-weight: bold; color: #424242; } #ordersList li.item { padding-bottom: 10px; border-bottom: 1px solid #CDCDCD } .orderInfo, .orderDocuments, .orderList { display: block; position: relative; clear: both; margin-bottom: 20px; padding: 0px 0px 10px; background: #FFF; border: 1px solid #CDCDCD } .my_account.history h4.info { display: inline-block; width: 100%; margin-bottom: 10px; padding: 10px 0px; font-size: 16px; font-weight: bold; color: #384E64; text-indent: 20px; background: #F9F9F9; } .orderInfo .left, .orderInfo .right { max-width: 50%; } .orderInfo .left { margin-left: 20px; } .orderInfo .right { margin-right: 20px; } .orderInfo .opt { float: left; clear: both; margin-bottom: 10px; } .orderInfo .opt span { float: left; font-size: 14px; color: #444; line-height: 15px; } .orderInfo .opt span.feat { margin-right: 10px; } .orderInfo .opt span.value { font-weight: bold; } .orderDocuments a { float: left; clear: both; margin-left: 20px; margin-bottom: 10px; font-size: 13px; font-weight: bold; color: #384E64; } .orderDocuments a:hover { text-decoration: underline; } .orderList li { display: table; float: left; width: 100%; margin-bottom: 10px; } .orderList li div { display: table-cell; height: 100%; padding: 0px 20px; text-align: center; vertical-align: middle; } .orderList li .name { width: 400px; text-align: left; } .orderList li .quan { width: 53px; } .orderList li .price { width: 125px; } .orderList li .brutto {} .orderList li .netto {} .orderList li.header { margin-bottom: 0px; } .orderList li.header h4.info { margin-bottom: 0px; } .orderList li.head { height: 40px; background: #384E64; } .orderList li.head div { font-size: 14px; font-weight: bold; color: #FFF; line-height: 40px; } .orderList li.item { padding-bottom: 10px; border-bottom: 1px solid #CDCDCD; } .orderList li.item:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } .orderList li.item div { font-size: 13px; color: #444; line-height: 20px; } /* /MY ACCOUNT */ /* STORAGE */ #div_id_storage {} #div_id_storage #ls { display: none; } #div_id_storage #ms { width: 100%; } #stor { position: relative; padding-top: 20px; background: #FFF; } ul.storage { display: block; position: relative; margin-bottom: 40px; border-bottom: 3px solid #D55E01; } ul.storage li { display: block; float: left; clear: both; width: 100%; } ul.storage li div { display: inline-block; float: left; min-height: 1px; text-align: center; } ul.storage li .image { width: 60px; margin: 0px 10px; } @media screen and (min-width: 1200px) { ul.storage li .image { width: 80px; margin: 0px 10px; } } ul.storage li .del { width: 50px; } ul.storage li .name { width: auto; text-align: left; } @media screen and (max-width: 767px) { ul.storage li .name { width: 543px; text-align: left; } } @media screen and (min-width: 1024px) { ul.storage li .name { width: 606px; text-align: left; } } @media screen and (min-width: 1200px) { ul.storage li .name { width: 776px; text-align: left; } } ul.storage li .price { width: 170px; } @media screen and (max-width: 767px) { ul.storage li .price { width: 170px; } } @media screen and (min-width: 1024px) { ul.storage li .price { width: 170px; } } @media screen and (min-width: 1200px) { ul.storage li .price { width: 170px; } } ul.storage li .buy { width: 50px; } @media screen and (max-width: 767px) { ul.storage li .buy { width: 50px; } } @media screen and (min-width: 1024px) { ul.storage li .buy { width: 50px; } } @media screen and (min-width: 1200px) { ul.storage li .buy { width: 98px; } } ul.storage li span, ul.storage li a { display: inline-block; } ul.storage li.head { height: 31px; margin-bottom: 7px; background: #F2F2F2; } @media screen and (max-width: 767px) { ul.storage li.head { display: none; border-top: none; } } ul.storage li.head div { font-size: 12px; font-weight: bold; color: #6C6C6C; line-height: 31px; border-right: 2px solid #FFF; } ul.storage li.head div.buy { border-right: none; } @media screen and (max-width: 767px) { ul.storage li.head div { display: none; } } @media screen and (min-width: 768px) and (max-width: 1023px) { ul.storage li.head .name { width: 395px; } } @media screen and (min-width: 1200px) { ul.storage li.head .del { width: 49px; } ul.storage li.head .image { width: 79px; } ul.storage li.head .name { width: 775px; } ul.storage li.head .price { width: 169px; } ul.storage li.head .buy { border-right: none; } } ul.storage li.item { overflow: hidden; padding: 10px 0px; background: #FFF; border: 1px solid #E9EBEB; border-top: none; } ul.storage li.item.first { border-top: 1px solid #E9EBEB; } ul.storage li.item:nth-child(odd) { background: #F9F9F9; } @media screen and (max-width: 767px) { ul.storage li.item { padding-bottom: 0px; } } @media screen and (min-width: 1024px) { ul.storage li.item { width: 995px; } } @media screen and (min-width: 1200px) { ul.storage li.item { width: 1195px; border: 2px solid #E9EBEB; border-top: none; } ul.storage li.item.no-1 { border-top: 2px solid #E9EBEB; } } @media screen and (max-width: 767px) { ul.storage li.item div { float: none; width: auto; height: 20px; margin: 0px 10px 10px!important; line-height: 20px; vertical-align: top; } } ul.storage li.item .image { display: table; table-layout: fixed; overflow: hidden; height: 80px; } @media screen and (max-width: 767px) { ul.storage li.item .image { width: 100%; height: 80px; margin: 0px 0px 10px!important; } } ul.storage li.item .image span { display: table-cell; width: 80px; height: 80px; } ul.storage li.item .image img { max-width: 80px; max-height: 80px; } ul.storage li.item .del {} ul.storage li.item .del a { width: 13px; height: 13px; margin: 33px auto; background: url(../img/theme/ico/del.png) 0px 0px no-repeat; } @media screen and (max-width: 767px) { ul.storage li.item .del a { margin: 3px 0px; } } ul.storage li.item .del a:hover { opacity: 0.7; } ul.storage li.item .name { margin-top: 30px; } @media screen and (min-width: 768px) and (max-width: 1023px) { ul.storage li.item .name { width: 400px; } } ul.storage li.item .name span { font-size: 16px; font-weight: 700; color: #686868; line-height: 20px; } ul.storage li.item .price { margin-top: 30px; } ul.storage li.item .price span { font-family: 'Times New Roman'; font-size: 16px; font-weight: 700; color: #D55E01; text-transform: uppercase; line-height: 20px; } ul.storage li.item .buy { margin-top: 21px; } ul.storage li.item .buy a { width: 39px; height: 39px; background: url(../img/theme/ico/add.png) 0px 0px no-repeat; } ul.storage li.item .buy a:hover { opacity: 0.7; } /* /STORAGE */ /* MANUFACTURERS */ #manufacturers { position: relative; display: inline-block; overflow: hidden; width: 100%; padding-top: 20px; margin-bottom: 20px; text-align: center; background: #FFF; } #manufacturers .letters { overflow: hidden; float: left; width: 100%; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 3px solid #D55E01; } .letters a, .letters span { display: inline-block; width: 28px; height: 28px; margin: 0px 5px 10px; font-size: 15px; text-align: center; line-height: 28px; border-radius: 5px; } .letters span { color: #4C4C4C; background: #F2F2F2; border: 1px solid #CDCDCD; } .letters a { width: 30px; height: 30px; font-weight: bold; color: #FFF; background: #D55E01; } .letters a:hover { opacity: 0.7; } #manufacturers ul.manufacturers { overflow: hidden; float: left; width: 100%; text-align: center; } #manufacturers ul.manufacturers li { display: inline-block; position: relative; margin: 0px 10px 20px; width: 274px; background: #FFF; border: 1px solid #CDCDCD; vertical-align: top; } ul.manufacturers li .logo { display: table; overflow: hidden; float: left; width: 100%; height: 100px; margin-bottom: 10px; background: #FFF; border-bottom: 1px solid #CDCDCD; } ul.manufacturers li .logo img { max-width: 274px; max-height: 100px; } ul.manufacturers li .name { overflow: hidden; float: left; width: 100%; height: 20px; margin-bottom: 5px; } ul.manufacturers li .name a, ul.manufacturers li .name span { display: block; font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 20px; } ul.manufacturers li .www { overflow: hidden; float: left; width: 100%; height: 15px; margin-bottom: 10px; } ul.manufacturers li .www a { display: block; font-size: 13px; line-height: 15px; } ul.manufacturers li .desc { overflow: hidden; float: left; width: 100%; height: 60px; margin-bottom: 15px; } ul.manufacturers li .desc a { display: block; font-size: 13px; line-height: 15px; } ul.manufacturers li .products { overflow: hidden; float: left; width: 100%; height: 40px; font-size: 14px; font-weight: bold; color: #FFF; line-height: 40px; background: #D55E01; } /* /MANUFACTURERS */ /* ARTICLE */ ul.articles { display: block; position: relative; clear: both; padding: 40px 50px; background: #FFF; } ul.articles li { display: inline-block; width: 100%; margin-bottom: 20px; } ul.articles li .date { display: block; clear: both; margin-bottom: 10px; padding: 10px; font-family: 'Georgia'; font-size: 13px; color: #FFF; text-align: center; line-height: 20px; background: #2B2B2B; } @media screen and (min-width: 1024px) { ul.articles li .date { float: left; clear: none; width: 50px; padding: 5px; } } ul.articles li .name { display: block; clear: both; } @media screen and (min-width: 1024px) { ul.articles li .name { float: left; clear: none; width: 820px; margin-left: 20px; } } @media screen and (min-width: 1200px) { ul.articles li .name { width: 1020px; } } ul.articles li .name a { display: block; font-size: 16px; font-weight: 700; color: #2B2B2B; line-height: 20px; } ul.articles li .name a:hover { color: #D55E01; } ul.articles li .desc { display: block; clear: both; margin-top: 10px; font-size: 14px; color: #5F5F5F; line-height: 20px; } @media screen and (min-width: 1024px) { ul.articles li .desc { float: left; clear: none; width: 820px; margin-left: 20px; } } @media screen and (min-width: 1200px) { ul.articles li .desc { width: 1020px; } } .textpage { display: block; position: relative; clear: both; margin-bottom: 40px; padding: 25px 30px; font-size: 14px; color: #5F5F5F; background: #FFF; } .textpage p, .textpage ul, .textpage ol, .textpage h1, .textpage h2, .textpage h3 { display: block; position: relative; clear: both; margin-bottom: 20px; } .textpage p { line-height: 24px; } .textpage h1, .textpage h2, .textpage h3 { font-weight: bold; } .textpage h1 { font-size: 26px; line-height: 30px; } .textpage h2 { font-size: 24px; line-height: 25px; } .textpage h3 { font-size: 20px; line-height: 20px; } .textpage ul, .textpage ol {} .textpage ul li, .textpage ol li { display: block; position: relative; margin-bottom: 10px; padding-left: 20px; line-height: 22px; background: url(../img/theme/ico/dot.png) 0px 6px no-repeat; } .textpage table { table-layout: fixed; width: 100%; } .textpage table td { font-size: 12px; vertical-align: top; } @media screen and (min-width: 1024px) { .textpage table td { font-size: 14px; } } .textpage table img { max-width: 100%; height: auto!important; } #contact { display: block; clear: both; margin: 0px 1px; padding: 20px 40px; background: #FFF; border: 1px solid #D4D4D4; } @media screen and (min-width: 1024px) { #contact { float: left; width: 918px; margin: 0px 0px 10px; padding-bottom: 0px; } } @media screen and (min-width: 1200px) { #contact { width: 1118px; } #div_id_article_sys_3 #mc #ms { min-height: 0px; } } #contact .info { display: block; clear: both; margin-bottom: 20px; text-align: center; } @media screen and (min-width: 1024px) { #contact .info { float: left; clear: none; width: 606px; margin-top: -20px; margin-bottom: 0px; padding-top: 20px; text-align: left; border-right: 1px solid #D4D4D4; } } #contact .info .content { display: block; position: relative; width: 100%; margin-left: -40px; margin-bottom: 10px; padding: 0px 40px 0px; border-bottom: 1px solid #D4D4D4; } @media screen and (min-width: 1024px) { #contact .info .content { float: left; padding-right: 0px; padding-bottom: 5px; } #contact .info .last { margin-bottom: 0px; padding-bottom: 15px; border-bottom: none; } } #contact .info .content .cnt { display: inline-block; margin: 0px 10px 5px; padding-bottom: 20px; font-size: 13px; color: #0D0D0D; line-height: 22px; vertical-align: top; } @media screen and (min-width: 1024px) { #contact .info .content .cnt { float: left; margin: 0px; padding-bottom: 5px; } #contact .info .last .cnt { padding-bottom: 0px; } #contact .info .content .cnt1 { width: 180px; padding-right: 30px; border-right: 1px solid #D4D4D4; } #contact .info .content .cnt2 { padding-left: 30px; } } #contact .info .content .cnt h6 { font-weight: 700; color: #E78430; } #contact .info .content .cnt h5 { font-weight: 700; } #contact .info .content .cnt .txt { display: block; margin-bottom: 5px; } @media screen and (min-width: 1024px) { #contact .info .content .cnt .txt { float: left; width: 160px; margin-bottom: 0px; } #contact .info .content .cnt .inf { float: left; margin-right: 20px; } } #contact .info .content a.link { color: #E78430; text-decoration: underline; } #contact .info .content a.link:hover { text-decoration: none; } #contact .info .social { padding-bottom: 10px; } #contact .info .social ul { display: inline-block; vertical-align: top; } #contact .info .social ul li { float: left; margin: 0px 3px 0px 0px; } #contact .info .social ul li a { display: block; width: 23px; height: 23px; } #contact .info .social ul li a.fb { background: url(../img/theme/ico/i_fb.png) 0px 0px no-repeat; } #contact .info .social ul li a.yt { background: url(../img/theme/ico/i_yt.png) 0px 0px no-repeat; } #contact .info .social ul li a.tw { background: url(../img/theme/ico/i_pin.png) 0px 0px no-repeat; } #contact .info .social ul li a.gp { background: url(../img/theme/ico/i_gp.png) 0px 0px no-repeat; } #contact .info .social ul li a:hover { opacity: 0.7; } #contact .form { display: block; clear: both; text-align: center; } @media screen and (min-width: 1024px) { #contact .form { float: right; clear: none; width: 291px; margin: 20px 0px 0px 20px; } } @media screen and (min-width: 1200px) { #contact .form { width: 491px; } } #contact .form .row { display: inline-block; position: relative; width: 100%; margin-bottom: 10px; vertical-align: top; } @media screen and (min-width: 1200px) { #contact .form .row { margin-bottom: 5px; } } #contact .form .row input.text, #contact .form .row label, #contact .form .row sup, #contact .form .row textarea { display: inline-block; vertical-align: top; } @media screen and (min-width: 1024px) { #contact .form .row input.text, #contact .form .row label, #contact .form .row sup, #contact .form .row textarea { float: left; } } #contact .form .row label { width: 100%; margin-bottom: 5px; font-size: 13px; color: #929191; text-align: center; line-height: 15px; } @media screen and (min-width: 1200px) { #contact .form .row label { width: 100px; margin-right: 5px; margin-bottom: 0px; text-align: right; line-height: 27px; } } #contact .form .row input.text { width: 208px; } @media screen and (min-width: 1024px) { #contact .form .row input.text { width: 254px; } } #contact .form .row sup { width: 10px; margin-left: 5px; font-weight: 700; color: #FF0000; line-height: 27px; } #contact .form .row textarea { width: 208px; max-width: 223px; min-height: 120px; padding: 10px; line-height: 15px; } @media screen and (min-width: 1024px) { #contact .form .row textarea { width: 244px; max-width: 244px; } } @media screen and (min-width: 1200px) { #contact .form .row textarea { width: 359px; max-width: 359px; min-height: 250px; } } #contact .form .submit { margin-top: 10px; } #contact .form .submit input.text, #contact .form .submit input.button, #contact .form .submit label, #contact .form .submit img { display: inline-block; vertical-align: top; } @media screen and (min-width: 1024px) { #contact .form .submit input.text, #contact .form .submit input.button, #contact .form .submit label, #contact .form .submit img { float: left; } } #contact .form .submit img { height: 37px; margin-top: -5px; margin-right: 10px; } @media screen and (min-width: 1200px) { #contact .form .submit img { margin-left: 10px; margin-right: 2px; } } #contact .form .submit input.text { width: 138px; margin-right: 10px; margin-bottom: 10px; padding: 0px 5px; } @media screen and (min-width: 1200px) { #contact .form .submit input.text { width: 98px; } } #contact .form .submit label { width: auto; margin-right: 10px; margin-bottom: 5px; font-size: 11px; line-height: 27px; } @media screen and (min-width: 1200px) { #contact .form .submit input.button { float: right; font-size: 11px; } } /* /ARTICLE */ /* SEARCH */ #advanced_search_form { display: inline-block; position: relative; width: 100%; vertical-align: top; } #advanced_search_form .placeholder { float: left; width: 100%; background: #FFF; } @media screen and (min-width: 1024px) { #advanced_search_form .placeholder { width: 655px; padding: 20px; border: 1px solid #EBEBEB; } } @media screen and (min-width: 1200px) { #advanced_search_form .placeholder { width: 855px; padding: 20px; } } #advanced_search_form .form { float: left; width: 100%; } @media screen and (min-width: 1024px) { #advanced_search_form h2.section, #advanced_search_form .form { width: 655px; } } @media screen and (min-width: 1200px) { #advanced_search_form h2.section, #advanced_search_form .form { width: 855px; } } #advanced_search_form .search_query { padding-top: 20px; } #advanced_search_form .form .row { position: relative; float: left; width: 100%; margin-bottom: 10px; } #advanced_search_form .search_query input.text { margin-bottom: 10px; } @media screen and (min-width: 1024px) { #advanced_search_form .search_query input.text { width: 500px; margin-bottom: 0px; margin-right: 10px; } } #advanced_search_form .search_query input.chk, #advanced_search_form .search_query label { display: inline-block; vertical-align: top; } @media screen and (min-width: 1024px) { #advanced_search_form .search_query input.chk, #advanced_search_form .search_query label { float: left; } } #advanced_search_form .search_query input.chk { margin-top: 1px; margin-right: 5px; } @media screen and (min-width: 1024px) { #advanced_search_form .search_query input.chk { margin-top: 14px; } } #advanced_search_form .search_query label { font-size: 13px; color: #4E4E4E; line-height: 15px; } @media screen and (min-width: 1024px) { #advanced_search_form .search_query label { margin-top: 10px; line-height: 20px; } } #advanced_search_form .options { padding-top: 20px; } @media screen and (min-width: 1024px) { #advanced_search_form .half { width: 50%; } #advanced_search_form .left a { float: left; } #advanced_search_form .right a { float: right; } } #advanced_search_form .options .prices { margin-top: 10px; text-align: center; } #advanced_search_form .options .prices span, #advanced_search_form .options .prices input { display: inline-block; vertical-align: top; } #advanced_search_form .options .prices span { font-size: 13px; color: #4E4E4E; line-height: 40px; } #advanced_search_form .options .prices input { width: 68px; margin: 0px 5px; } @media screen and (min-width: 1024px) { #advanced_search_form .options .prices input { float: none; } } #advanced_search_form .options .more { height: 20px; padding: 10px 0px; text-align: center; } @media screen and (min-width: 1024px) { #advanced_search_form .options .more { margin-top: 10px; } } #advanced_search_form .options .more span, #advanced_search_form .options .more input, #advanced_search_form .options .more label { display: inline-block; vertical-align: top; } #advanced_search_form .options .more span, #advanced_search_form .options .more label { font-size: 13px; color: #4E4E4E; line-height: 20px; } #advanced_search_form .options .more span { margin-right: 10px; } #advanced_search_form .options .more label { margin-right: 10px; } #advanced_search_form .options .more input { margin-top: 4px; margin-right: 5px; } #advanced_search_form .submit { display: inline-block; margin-top: 20px; vertical-align: top; } @media screen and (min-width: 1024px) { #advanced_search_form .submit { float: right; } } /* /SEARCH */ .pole_message, .pole_message_info, .pole_message_err, .ui-dialog { position: absolute!important; width: 60%!important; z-index: 10000!important; background: #FFF; border: 5px solid #CCC; border-radius: 10px; } .ui-dialog-titlebar { position: absolute; top: -17px; right: -17px; } .ui-dialog-titlebar a.ui-dialog-titlebar-close { float: right; width: 16px; height: 16px; text-indent: -20000px; background: url(../img/ico/main.png) 0px 0px no-repeat; } .ui-dialog-titlebar a.ui-dialog-titlebar-close:hover { opacity: 0.7; } .ui-dialog-content { width: 90%!important; min-height: 1px!important; margin: 20px 5%; font-size: 13px; font-weight: bold; color: #F99B15; text-align: center; line-height: 30px; } .pole_message, .pole_message_info, .pole_message_err { padding: 20px 0px; font-size: 13px; font-weight: bold; text-align: center; line-height: 30px; } .pole_message { color: #AED136; } .pole_message_info { color: #F99B15; } .pole_message_err { color: #FF0000; } .ui-widget-overlay { position: fixed; top: 0px; left: 0px; background: url(../img/shadow.png) 0px 0px repeat; } /* MODULES */ .popup_box { position: fixed; top: 200px; width: 70%; margin: 0px 15%; padding: 20px 40px; background: #FFF; border: 1px solid #636363; z-index: 999; } .popup_box h3.info { margin-bottom: 15px; font-size: 18px; font-weight: bold; color: #4D4D4D; } .popup_box h3.info.ok { padding-left: 25px; background: url(../img/ico/popups.png) 0px 0px no-repeat; } .popup_box .buttons { margin-top: 15px; } .popup_box .buttons a { text-align: center; } .popup_box .buttons a.ext { margin-right: 15px; background: #CDCDCD; } /* CART ADD */ #cart_popup, #cart_popup_options { display: none; } @media screen and (max-width: 1023px) { #cart_popup, #cart_popup_options { display: none!important; } } .cart_popup .content { width: 100%; border: 1px solid #E7E7E7; } .cart_popup .image { display: table; table-layout: fixed; overflow: hidden; float: left; width: 15%; height: 140px; padding: 10px 0px; } .cart_popup .image a { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; } .cart_popup .image a img { max-width: 200px; max-height: 140px; } .cart_popup .image a:hover { opacity: 0.7; } .cart_popup .cnt { position: relative; float: left; width: 66%; min-height: 100px; margin: 20px 2% 10px; overflow: hidden; } .cart_popup .cnt div { display: block; overflow: hidden; width: 100%; } .cart_popup .cnt .name { margin-bottom: 10px; } .cart_popup .cnt .name a { display: block; font-size: 16px; font-weight: bold; color: #4D4D4D; text-align: left; line-height: 20px; } .cart_popup .cnt .name a:hover { color: #AED136; } .cart_popup .cnt .bef_disc, .cart_popup .cnt .aft_disc { text-align: left; } .cart_popup .cnt .bef_disc span, .cart_popup .cnt .aft_disc span { display: inline-block; color: #A4A4A4; line-height: 15px; } .cart_popup .cnt span.label { margin-right: 5px; font-size: 11px; } .cart_popup .cnt span.value { font-size: 14px; } ul.shopcart li .content .bef_disc { margin-bottom: 5px; } ul.shopcart li .content .aft_disc { margin-bottom: 10px; } .cart_popup .cnt .options { display: inline-block; margin-top: 15px; vertical-align: top; } .cart_popup .cnt .options .option { float: left; width: 100%; margin-bottom: 10px; } .cart_popup .cnt .options .option span.label, .cart_popup .cnt .options .option a { float: left; } .cart_popup .cnt .options .option span.label { width: 110px; margin-right: 10px; font-size: 13px; color: #4D4D4D; text-align: right; line-height: 40px; } .cart_popup .opts { position: relative; float: right; width: 15%; height: 160px; overflow: hidden; background: #EEE; } .cart_popup .opts .prices { position: absolute; bottom: 20px; right: 20px; color: #A4A4A4; text-align: right; } .cart_popup .opts .prices div { display: block; } .cart_popup .opts .prices .label { margin-right: 5px; } .cart_popup .opts .prices .netto { margin-bottom: 5px; } .cart_popup .opts .prices .netto span { font-size: 11px; line-height: 13px; } .cart_popup .opts .prices .brutto { font-size: 18px; color: #949494; line-height: 20px; } /* /CART ADD */ /* BOXES */ .hiddenBox { display: none; position: fixed; right: -243px; width: 243px; z-index: 999999; } @media screen and (min-width: 1024px) { .hiddenBox { display: block; } } .hiddenBox .opener { position: absolute; top: 0px; left: -47px; width: 47px; height: 47px; cursor: pointer; } .hiddenBox .btn:hover { opacity: 0.7; } .hiddenBox .in { position: relative; float: right; width: 241px; padding: 10px 0px; background: #FFF; border: 1px solid #DBDBDB; } .hiddenBox .in a.cls { position: absolute; top: 8px; right: 5px; width: 16px; height: 16px; background: url(../img/ico/main.png) 0px 0px no-repeat; } .hiddenBox .in a.cls:hover { opacity: 0.7; } /* CART BOX */ #cartBox { top: 160px; text-align: left; } #cartBox .opener { background: #AED136 url(../img/boxes_tabs.png) 0px 0px no-repeat; } #cartBox ul { overflow: hidden; float: left; width: 100%; } #cartBox ul li { overflow: hidden; float: left; width: 211px; padding: 10px 15px; } #cartBox ul li.head { padding-top: 0px; font-size: 12px; font-weight: bold; color: #515151; text-transform: uppercase; } #cartBox ul li.item { height: 60px; border-top: 1px solid #DBDBDB; } #cartBox ul li.item .image { display: table; float: left; width: 40px; height: 60px; margin-right: 10px; } #cartBox ul li.item .image a { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; } #cartBox ul li.item .image a img { max-width: 40px; max-height: 60px; } #cartBox ul li.item .image a:hover { opacity: 0.7; } #cartBox ul li.item .name { overflow: hidden; float: left; width: 161px; height: 20px; margin-bottom: 5px; } #cartBox ul li.item .name a { display: block; font-size: 12px; font-weight: 600; color: #707070; line-height: 20px; } #cartBox ul li.item .name a:hover { color: #AED136; } #cartBox ul li.item .price { overflow: hidden; float: left; width: 161px; height: 15px; font-size: 11px; color: #949494; line-height: 15px; } #cartBox ul li.summary { border-top: 1px solid #DBDBDB; text-align: right; } #cartBox ul li.summary div { float: left; width: 100%; } #cartBox ul li.summary span { display: inline-block; line-height: 15px; } #cartBox ul li.summary span.lab { margin-right: 5px; font-size: 11px; color: #949494; } #cartBox ul li.summary span.val { font-weight: bold; color: #515151; } #cartBox ul li.summary .deliv { margin-bottom: 5px; } #cartBox ul li.link { margin-top: 10px; text-align: center; } #cartBox ul li.link a { margin: 0px auto; } #cartBox ul li.empty { text-align: center; font-weight: bold; } /* /CART BOX */ /* FB BOX */ #fbBox { top: 254px; } #fbBox .opener { background: #F99B15 url(../img/boxes_tabs.png) 0px -94px no-repeat; } #fbBox .in { width: 231px; height: 360px; padding: 25px 5px; } /* /FB BOX */ /* CONTACT BOX */ #contactBox { top: 207px; text-align: left; } #contactBox .opener { background: #F99B15 url(../img/boxes_tabs.png) 0px -47px no-repeat; } #contactBox .in {} #contactBox .in h5 { float: left; width: 100%; margin-bottom: 8px; padding: 0px 15px; font-size: 12px; font-weight: bold; color: #515151; text-transform: uppercase; } #contactBox .in .data { float: left; width: 211px; padding: 10px 15px; border-top: 1px solid #DBDBDB; } #contactBox .in .data a { font-size: 12px; font-weight: 600; color: #515151; line-height: 20px; } #contactBox .in .data a:hover { color: #AED136; } #contactBox .in .text { float: left; width: 211px; padding: 10px 15px; margin-bottom: 15px; border-top: 1px solid #DBDBDB; } #contactBox .in .text p { display: block; margin-top: 10px; font-size: 12px; color: #515151; line-height: 18px; } #contactBox .in .text p a { color: #515151; } #contactBox .in .text p a:hover { color: #AED136; } #contactBox .in .link { float: left; width: 100%; text-align: center; } #contactBox .in .link a { margin: 0px auto; } /* /CONTACT BOX */ /* /BOXES */ /* ****************** /MODULES ****************** */ /* SYSTEM */ #nyroModalFull { z-index: 99999!important; } #nyroModalBg { background: url(../img/r_bgt.png) 0px 0px repeat; } #nyroModalTitle { display: none; } #nyroModalWrapper { overflow: hidden; float: left; width: 540px!important; height: auto!important; padding: 30px; background: #FFF; border: 3px solid #999; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } #nyroModalWrapper a#closeBut { display: block; position: absolute; top: 6px; right: 6px; width: 25px; height: 25px; text-indent: -20000px; background: url(../img/close.png) 0px 0px no-repeat; border: none; cursor: pointer; } #nyroModalWrapper .wrapper { float: left; width: 540px!important; height: auto!important; } #nyroModalContent div.pole_message_err { top: 40px; left: 30px; width: 100%; height: auto; min-height: 0px; margin: 0px; color: #FF0000; text-transform: uppercase; } #nyroModalContent { float: left; width: 540px!important; height: auto!important; } .popup_content { position: relative; overflow: hidden; float: left; width: 100%; margin-top: 16px; } .popup_content h2.title { float: left; width: 100%; padding-bottom: 10px; font-size: 16px; font-weight: bold; color: #3D3D3D; text-transform: uppercase; line-height: 20px; border-bottom: 1px solid #DCDCDC; } .popup_content h3.name { float: left; width: 100%; margin-bottom: 10px; padding: 10px 0px; font-size: 18px; font-weight: bold; color: #D55E01; border-bottom: 1px solid #DCDCDC; } .popup_content .raw { position: relative; float: left; width: 100%; margin-bottom: 10px; text-align: center; } .popup_content .raw label, .popup_content span, .popup_content .raw input.input_normal, .popup_content input.text, .popup_content .raw input[type="checkbox"], .popup_content .raw textarea { float: left; } .popup_content input.input_normal, .popup_content input.text { width: 338px; } .popup_content .raw input.sendform, .popup_content .raw input.sendform_long { float: none; } .popup_content span.label, .popup_content .raw label { width: 170px; margin-right: 10px; font-size: 13px; font-weight: bold; text-align: right; line-height: 27px; } .popup_content .chk label { width: auto; line-height: 15px; } .popup_content span.value { font-weight: bold; line-height: 27px; } .popup_content .raw input[type="checkbox"] { margin-top: 1px; margin-right: 5px; } .popup_content .raw textarea { width: 338px; height: 90px; padding: 10px; } .popup_content .raw select { float: left; padding: 0px 10px; border: 1px solid #CCC; } .popup_content .info { font-size: 12px; font-weight: bold; color: #444; line-height: 20px; } .popup_content .sbm { text-align: center; } .popup_content .sbm input { display: inline-block; margin: 0px auto; } /* QUESTION */ .popup_content.question { } .popup_content.negot .data, .popup_content.negot .prices, .popup_content.question .data { float: left; width: 100%; } .popup_content.negot table, .popup_content.negot table tr, .popup_content.question .data table, .popup_content.question .data table tr { display: block; float: left; width: 100%; } .popup_content.negot table td, .popup_content.question .data table td { float: left; padding-bottom: 10px; font-size: 13px; font-weight: bold; line-height: 42px; } .popup_content.negot table td { font-size: 13px; } .popup_content.negot table td[align="right"], .popup_content.negot .prices table td:first-child, .popup_content.question .data table td[align="right"] { width: 170px; padding-right: 10px; text-align: right; } .popup_content.question input.text, .popup_content.question input.input_normal, .popup_content.question textarea { width: 228px; } /* /QUESTION */ .backward, .top_text { display: none; } #blackout { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index:1000; background: url(../img/r_bgt.png) 0px 0px repeat; } div.pole_message_err, div.pole_message, div.pole_message_info { display: block; position: fixed; top: 275px; left: 0%; width: 471px; width: 100%!important; box-sizing: border-box; padding: 20px; text-align: center; line-height: 20px; background: #FFF; border: 4px solid #605F61; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 2001; } @media screen and (min-width: 768px) { div.pole_message_err, div.pole_message, div.pole_message_info { left: 50%; max-width: 540px; margin-left: -270px; } } @media screen and (min-width: 1024px) { div.pole_message_err, div.pole_message, div.pole_message_info {} } div.pole_message img.zamknij, div.pole_message_err img.zamknij, div.pole_message_info img.zamknij { position: absolute; top: -11px; right: -11px; cursor: pointer; } div.pole_message_err { color: #FF0000; } div.pole_message { color: #E78430; } div.pole_message_info { color: #444; } #cookie_info { display: none; position: absolute; z-index: 10000; width: 94%; padding: 10px 3%; font-size: 13px; font-weight: bold; color: #FFF; background: #000; line-height: 19px; } #cookie_info a { color: #D4D4D4; } #cookie_info a:hover { color: #AED136; } .close_cookie { float: right; width: 19px; height: 19px; background: url(../img/ico/close.png) center center no-repeat; } .close_cookie:hover { opacity: 0.7; } #x_cart { display: none; position: fixed; width: 540px; margin: 300px 35%; font-size: 18px; font-weight: bold; color: #FFF; text-align: center; line-height:250px; background: url(../images/productAdd.png) center center no-repeat; } .ui-tabs-hide { display: none; } #bossbyte_slide { top: 320px!important; } #bossbyte_slide_front_front { width: 49px!important; height: 146px!important; background: url(../images/fb.png) 0px 0px no-repeat!important; } #dis_wrapper{ width: 800px; margin: 0px auto; font-size: 14px; font-family: Tahoma; color: #000; } #dis_wrapper { font-size: 15px; font-weight: bold; text-decoration: underline; cursor: pointer; } .dis_box { position: fixed; top: 35%; left: 100%; right: 30%; width: 555px; height: 145px; padding: 20px; color: #888; background: #FFF; z-index: 101; border: 5px solid #888; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .dis_overlay { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #000; opacity: 0.5; z-index: 100; } a.dis_boxclose { position: relative; top: -33px; left: 32px; float: right; width: 26px; height: 26px; background: url(../../images/cancel.png) left top repeat; cursor: pointer; } .dis_wrapper, .dis_wrapper .dis_box, .dis_overlay, .first_discount_c { display: none; } @media screen and (max-width: 1023px) { .dis_wrapper, .dis_wrapper .dis_box, #dis_boxpopup, .dis_overlay, .first_discount_c { display: none!important; } } /* /SYSTEM */ .backward { display: none!important; } table.cart_order { width: 100%; } #mail_pay { display: block; position: relative; padding: 20px; font-size: 15px; color: #565656; line-height: 30px; background: #FFF; border: 3px solid #E7E7E7; border-radius: 3px; box-shadow: 0px 1px 6px 0px #E7E7E7; } #mail_pay form { display: block; position: relative; text-align: center; margin: 10px 0px; } #mail_pay form input[type="submit"] { width: 130px; height: 30px; font-family: 'Ubuntu', Tahoma, Arial; font-size: 12px; font-weight: bold; color: #FFF; text-align: center; text-transform: uppercase; background: #AED136; border-radius: 5px; } #mail_pay form input[type="submit"]:hover { background: #3591D0; } #div_id_main_page hr { display: none; } /* ukrycie starych banerow */ .text_article #rotator-, .text_article #rotator2, .text_article .rotator { display: none; } #sitemap {} #sitemap .list { display: block; position: relative; clear: both; margin-bottom: 30px; } @media screen and (min-width: 1024px) { #sitemap .list { float: left; clear: none; width: 50%; } } #sitemap .list ul { display: block; position: relative; clear: both; } #sitemap .list ul li { display: block; clear: both; margin-bottom: 10px; vertical-align: top; } #sitemap .list ul li.head { padding: 10px 15px; background: #EEE; } #sitemap .list ul li.head div { display: inline-block; font-size: 15px; font-weight: 600; color: #3A3A3A; text-transform: uppercase; vertical-align: top; } #sitemap .list ul li.item { padding: 5px 15px 0px; } #sitemap .list ul li.item:nth-child(odd) { background: #FAFAFA url(../img/ico/dot.png) 15px 10px no-repeat; } #sitemap .list ul li.item a { display: inline-block; margin-bottom: 5px; font-size: 14px; font-weight: 600; line-height: 16px; vertical-align: top; } #sitemap .list ul li ul { margin: 5px 10px; } #sitemap .list ul li ul li { margin-bottom: 5px; padding: 2px 0px; } #sitemap .list ul li ul li:last-child { margin-bottom: 0px; } #sitemap .list ul li ul li a { font-size: 12px; } #sitemap .list ul li.level1 { padding-left: 30px; background: url(../img/ico/dot.png) 15px 10px no-repeat; } #paczkomat, #paczkomat2 { width: 100%; box-sizing: border-box; } /*** ********** COMPARE ********** ***/ #box-comparison { display: inline-block; position: relative; margin: 50px 0px; } #box-comparison h3.belka { margin-bottom: 40px; } #box-comparison #logo { position: relative; float: left; width: 100%; margin-bottom: 40px; text-align: center; } #box-comparison #logo a { display: block; } #comparison{ position: relative; table-layout: fixed; margin: 0px 50px 50px; } #comparison tr {} #comparison td, #comparison th { width: 200px; padding: 10px; text-align: center; vertical-align: middle; border: 1px solid #B8C8D5; } #comparison thead td { background: #F8F8F8; } #comparison td .image { display: table; table-layout: fixed; position: relative; overflow: hidden; float: left; width: 200px; height: 200px; } #comparison td .image a { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; } #comparison td .image a img { max-width: 200px; max-height: 200px; } #comparison th .image a:hover { opacity: 0.7; } #comparison thead .name { display: table; table-layout: fixed; overflow: hidden; float: left; width: 100%; height: 40px; } #comparison thead .name a { display: table-cell; width: 100%; height: 40px; font-size: 13px; font-weight: bold; color: #444; text-align: center; line-height: 20px; vertical-align: middle; } #comparison thead .name a:hover { color: #D45D00; } #comparison th.null { border: none; } #comparison tr.break {} #comparison tr.break td { padding: 20px 0px 20px; text-align: left; font-size: 14px; font-weight: bold; color: #4387A9; text-transform: uppercase; border: none; } #comparison tbody tr { background: #FFF; } #comparison tbody tr.nth-child-2 { background: #F8F8F8; } #comparison tbody tr th { width: 200px; padding: 10px; font-size: 12px; font-weight: bold; color: #D53D32; text-transform: uppercase; } #comparison tbody tr.nth-child-2 th { } #comparison tbody td { font-size: 12px; color: #6C6C6C; } #comparison td.no-data { color: #999; } #comparison tr.nth-child-2 td { } #comparison tr.no-diff td, #comparison tr.no-diff th { background: transparent; } #comparison tbody tr.diff { background: #E9E6E6; } #comparison tbody tr.diff td { font-weight: bold; color: #E94E0B; } #box-comparison a.sendform_long { float: right; margin-right: 50px; } #ls > div.menuBox.menuBox_Filtrowanie { display: none; } /*** ********** /COMPARE ********** ***/ @media screen and (max-width: 768px) { .shop_opt .option div.label div.info span { left: auto; right: 0px; } } .rwd-price-shopcart { display: none; } @media screen and (max-width: 1024px) { #product .content .prices { display: none; } .rwd-price-shopcart { display: block !important; margin-bottom: 20px; } } @media screen and (max-width: 768px) { #nyroModalWrapper { width: 100% !important; height: 100% !important; border: none !important;; position: absolute !important;; margin: 0 !important; top: 0 !important; left: 0 !important; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-sizing: border-box; padding: 0 !important; } #nyroModalWrapper .wrapper { width: 100% !important; margin-top: 20px; } .popup_content span.label, .popup_content .raw label { width: auto !important; line-height: 20px !important; } .popup_content input.input_normal, .popup_content input.text { height: 20px !important; } .popup_content .raw textarea { height: 40px !important; } #nyroModalContent { width: auto !important; } } .mk img { width: 18px; } div#tabs img { max-width: 100%; height: 1000% !important; } .textpage img { max-width: 100%; height: 1000% !important; } .groups_in_cart_to_products {padding-bottom:10px;} .groups_in_cart_to_products .zach {margin-bottom:5px; font-weight:bold; color:#B0B0B0;padding-left:10px;padding-top:10px;padding-bottom:5px;} ul.shopcart-prod-list li.groups_in_cart_to_products {background-color:#efefef;} ul.shopcart-prod-list li.groups_in_cart_to_products h2 a, ul.shopcart-prod-list li.groups_in_cart_to_products .quan, ul.shopcart-prod-list li.groups_in_cart_to_products .price2 {color:#B0B0B0;} ul.shopcart-prod-list li.groups_in_cart_to_products h2 a , ul.shopcart-prod-list li.groups_in_cart_to_products .price2 {padding-top:0;} ul.shopcart-prod-list li.groups_in_cart_to_products {padding-bottom:10px;} ul.shopcart-prod-list li.groups_in_cart_to_products.added {background-color:white;} ul.shopcart-prod-list li.groups_in_cart_to_products.added h2 a, ul.shopcart-prod-list li.groups_in_cart_to_products.added .quan, ul.shopcart-prod-list li.groups_in_cart_to_products.added .price2 {color:#2D2D2D;} .groups_in_cart_to_products.added .zach {color:#2D2D2D;} .attach-new-product { display: block !important; text-align: center; font-size: 15px; font-weight: 700; margin: 10px 0; } .attached-products { padding-left: 10px; padding: 10px 0; width: 100%; height: 40px; line-height: 40px; } .attached-products:last-child { margin-bottom: 20px; } .attached-products:nth-child(2n) { background: #f1f1f1; } .attached-products__name { width: 50%; } .attached-product-image { max-height: 40px; } .attached-product-image-shell { float: left; margin: 0 10px; } .attached-product-qty { position: relative; height: 41px; } .attached-product-qty-input { margin: 0px 3px; width: 21px !important; height: 29px !important; padding: 0px 5px !important; text-align: center; border-radius: 3px; } .attached-product-qty-down { width: 9px; height: 9px; margin-top: 11px; background: url(../img/ico/quantity.png) 0px 0px no-repeat; } .attached-product-qty-shell, .attached-product-link-shell { float: right !important; padding-right: 20px; } .text_article { float: none; clear: both; margin: 15px; padding: 15px; }