/* PrestaShop CSS 18 used colors: 10 grays: #374853 #595a5e #5d717e #76839b #888 #bdc2c9 #d0d1d5 #d0d3d8 #e5e6e7 #f1f2f4 4 fushias: #f6dce8 #dd2a81 #971d58 #5d0630 2 yellows: #f8e1a0 #f9e400 1 green: #488c40 1 red: #da0f00 */ * { padding: 0; margin: 0 } body { background: #f2f2f2 url('../img/bg.jpg') repeat center -90px; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; color: #656565; text-align: center } @font-face { font-family: 'Myriad'; src: url('font/myriad-cond-webfont.eot'); src: url('font/myriad-cond-webfont.eot?#iefix') format('embedded-opentype'), url('font/myriad-cond-webfont.woff') format('woff'), url('font/myriad-cond-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Myriad'; src: url('font/myriad-boldcond-webfont.eot'); src: url('font/myriad-boldcond-webfont.eot?#iefix') format('embedded-opentype'), url('font/myriad-boldcond-webfont.woff') format('woff'), url('font/myriad-boldcond-webfont.ttf') format('truetype'); font-weight: bold; font-style: normal; } /* Useful */ .align_center { text-align: center } .align_right { text-align: right } .middle { vertical-align: middle } .align_justify { text-align: justify } .uppercase { text-transform: uppercase } .hidden, .collapsed, .block_hidden_only_for_screen { display: none } .wrap { white-space: normal } .bold { font-weight: bold } .strike { text-decoration: line-through } .italic { font-style: italic } .top { vertical-align: top } .span_link { cursor: pointer } .span_link:hover { text-decoration: underline } .clear { clear: both } br.clear { clear: both; line-height: 0; font-size: 0; height: 0 } noscript ul { list-style-type: none; background: black; color: white; padding: 10px; border: 1px solid gray } /* new clearfix */ .clearfix:after { clear: both; display: block; height: 0; font-size: 0; visibility: hidden; content: "."; } * html .clearfix { zoom: 1 } *:first-child+html .clearfix { zoom: 1 } /* Footer links */ .footer_links { list-style-type: none; clear: both; height: 2em; margin-top: 2em } .footer_links li { float: left; margin-right: 2em; height: 2em } .footer_links a { text-decoration: none } .footer_links a:hover { color: black } .footer_links img.icon { vertical-align: -2px } /* transfert effect*/ .transferProduct { border: 2px solid #888 } /* simple list inline */ .inline_list { list-style-type: none; margin-top: 1em } .inline_list li { float: left; text-align: center } .inline_list img { display: block } ul.half { width: 45%; margin-right: 1em; float: left } /* Category tree (i.e. in sitemap) */ div.tree_top { background: url('../img/sitemap-top.gif') no-repeat -1px -3px; padding-left: 24px; padding-bottom: 5px; padding-top: 3px } ul.tree, ul.tree ul { list-style-type: none } ul.tree li {} ul.tree a {} ul.tree a.selected { } ul.tree li.last {} span.grower { cursor: pointer } /* Tabs */ .idTabs { list-style-type: none; border-bottom: solid 1px #76839b; height: 21px; margin-top: 1em } ul.idTabs li { float: left; margin-right: 1px } .idTabs a { background: none repeat scroll 0 0 #282f38; border-radius: 3px 3px 0 0; color: #ffb400; font: 15px Myriad,Arial; margin: 0 5px 0 0; padding: 3px 5px; text-transform: uppercase; } .idTabs .selected { } /* IdTabs Short*/ .idTabsShort a { } .idTabsShort .selected { } div.sheets { clear: both; padding: 1em } #more_info_sheets li { background-position: 6px 4px; margin-bottom: 0.4em } /* global style */ a { color: #5d717e; text-decoration: none; outline: none } a:hover { text-decoration: none } .input:focus { outline: 0 } a img { outline: none; border: none; text-decoration: none } h1, #cms .rte h2:first-child, #cms .rte h1{ margin: 0 -15px 0 -15px; padding: 10px 10px 10px 64px; font: normal 34px Myriad; color: #ffb400; background: #282f38 url('../img/produkt.gif') no-repeat 21px 20px; } #cms .rte h1{margin-bottom:30px;} #cms .rte h2:first-child, #cms .rte h1, #sitemap h1{background: #282f38 url('../img/h2_img.gif') no-repeat 21px 15px;} #contact-form h1 {background: #282f38 url('../img/h1_kontakt.gif') no-repeat 21px 15px;} h1 span { font-size: 16px; text-transform:uppercase; color: #a4a4a4; margin-left: 10px; } h2 { font: 19px Myriad,Arial; padding: 5px; margin: 0 5px; text-transform: uppercase; color: #FFB400; background: #282F38; border-radius: 3px; } h2 span { font-size: 0.9em; text-transform: none; font-weight: normal; font-style: italic; color: #374853; margin-left: 1em } h3 { font-size: 1.1em; margin: 1em 0 } h4 { font-size: 1em } /* global layout */ #page { text-align: left } #header .ccenter, #columns, #footer{width: 970px; margin: 0 auto; position: relative;} #header{ position: relative; margin-bottom:20px; background: url('../img/bg_menu.jpg') repeat-x center 125px; } .kkontakt{ display:block; width: 187px; height: 42px; background:url('../img/konktatk2.gif') no-repeat right center; position:absolute; right:0; top:127px; } #header_logo { display:block; width: 279px; height: 92px; background:url('../img/logo.png') no-repeat center center; position:absolute; left:0; top:10px; z-index:1000; } img.logo { float: left; margin-top: 0.5em; font-size: 2em; font-weight: bold } #header_right { height:170px; text-align: right; position: relative; z-index: 99; } #index #header_right {height:700px;} ul#products_menu li {position:relative;} ul#products_menu li:hover ul {display:block;} ul#products_menu ul {display:none; position:absolute; left:0; top:44px; z-index:90;} ul#products_menu li li{float:none; width:200px; background:url("../img/bg_menu.jpg") repeat scroll center 125px rgba(0, 0, 0, 0);} ul#products_menu li li a{text-align:left;} ul#products_menu li li:hover{background:#282f38;} #columns{background:#fff url('../img/left_bg.gif') repeat-y 0 0; -webkit-box-shadow:0 0 18px 0 rgba(0,0,0,0.1); box-shadow:0 0 18px 0 rgba(0,0,0,0.1);} #left_column, #center_column, #right_column { float: left } #left_column a:hover{text-decoration:none; color:#ffb400 !important;} #left_column { clear: left; width: 229px; } #categories_block_left{padding-left:18px;} #left_column .block_content li{padding: 4px 3px 4px 0; background-color:#282f38; font:normal 18px Myriad; color:#c7c7c7; } #left_column .block_content li li.sub{background-image:url('../img/pkt_left.gif') ; background-position: right 6px; background-repeat:no-repeat;} #left_column .block_content li li.sub:hover, #left_column .block_content li li.sub.selected{background-position:right -70px; color:#ffb400;} #left_column .block_content a{color:#c7c7c7;} #left_column .block_content li:hover>a, #left_column .block_content li.selected>a{color:#ffb400; text-decoration:none;} #left_column .block_content li li li{margin-left: 20px; } #left_column .block_content > div > ul > li, #left_column .block_content a.aHeader {padding-left:0; text-transform: uppercase; font: normal 24px Myriad, Arial; padding: 5px 0; background:transparent; color: #ffb400; } #left_column .block_content > div > ul > li > a{text-transform: uppercase; font: normal 24px Myriad, Arial; padding: 5px 0; background:transparent; color: #ffb400;} #left_column .block_content > div > ul > li > ul{display:block; width: 100%; position:static;} #fotoupload_link_left a {display:block; padding: 2px 0 2px 18px; font: normal 18px Myriad; background:transparent url('../img/pkt_left.gif') no-repeat 0px 8px;} #bnrmanager-right p img, #bnrmanager-left p img, #bnrmanager-home p img{display:block;margin:0 auto;width:auto; margin-bottom:1px !important;} #bnrmanager-left{width:100%; overflow:hidden;} #center_column { /*width: 738px;*/ width: 711px; margin: 0; padding: 0 15px; float:right; background:#fff url('../img/bg_content.jpg') no-repeat right 0; } #old_center_column { display: none } .ac_results_instant { display: none; visibility: hidden } #instant_search_results a.close { background: url("../img/nav-logout.gif") no-repeat scroll right 2px transparent; float: right; margin-right: 7px; padding-right: 21px; text-transform: none } #right_column { width: 191px; margin-left: 21px; overflow: hidden } /* global RTE fields */ .rte, .mceContentBody { text-align: justify; } body.mceContentBody { margin: 9px 6px; width: 556px } .rte html,.rte div,.rte span,.rte applet,.rte object,.rte iframe,.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6,.rte p,.rte blockquote,.rte pre,.rte a,.rte abbr,.rte acronym,.rte address,.rte big,.rte cite,.rte code,.rte del, .rte dfn, .rte em,.rte font,.rte img,.rte ins,.rte kbd,.rte q,.rte s,.rte samp,.rte small,.rte strike,.rte strong,.rte sub,.rte sup,.rte tt,.rte var,.rte dl,.rte dt,.rte dd,.rte ol,.rte ul,.rte li,.rte fieldset,.rte form,.rte label,.rte legend,.rte table,.rte caption,.rte tbody,.rte tfoot,.rte thead,.rte tr, .rte th,.rte td, .mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceContentBody iframe, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p, .mceContentBody blockquote, .mceContentBody pre, .mceContentBody a, .mceContentBody abbr, .mceContentBody acronym, .mceContentBody address, .mceContentBody big, .mceContentBody cite, .mceContentBody code, .mceContentBody del, .mceContentBody dfn, .mceContentBody em, .mceContentBody font, .mceContentBody img, .mceContentBody ins, .mceContentBody kbd, .mceContentBody q, .mceContentBody s, .mceContentBody samp, .mceContentBody small, .mceContentBody strike, .mceContentBody strong, .mceContentBody sub, .mceContentBody sup, .mceContentBody tt, .mceContentBody var, .mceContentBody dl, .mceContentBody dt, .mceContentBody dd, .mceContentBody ol, .mceContentBody ul, .mceContentBody li, .mceContentBody fieldset, .mceContentBody form, .mceContentBody label, .mceContentBody legend, .mceContentBody table, .mceContentBody caption, .mceContentBody tbody, .mceContentBody tfoot, .mceContentBody thead, .mceContentBody tr, .mceContentBody th, .mceContentBody td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline } .rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6 { margin: 0.75em 0 0.3em 0; color: #374853 } .rte h1, .mceContentBody h1 { font-size: 25px; font-weight: bold; background: inherit } .rte h2, .mceContentBody h2 { font-size: 20px; background: none; text-transform: none; height: auto } .rte h3, .mceContentBody h3 { font-size: 16px } .rte h4, .mceContentBody h4 { font-size: 14px } .rte h5,.mceContentBody h5 { font-size: 12px } .rte h6, div.rte h6 { font-size: 8px } .rte ol, .mceContentBody ul, div.rte ol, .mceContentBody ul { padding-left: 2em } .rte ul, .mceContentBody ul { list-style-type: square; margin-left: 10px } .rte strong, .mceContentBody strong { font-weight: bold } .rte em, .mceContentBody em { font-style: italic } /* tables still need 'cellspacing="0"' in the markup */ .rte table,.mceContentBody table { border-collapse: separate; border-spacing: 1px; width: auto } .rte caption, .rte th, .rte td, .rte table, .mceContentBody caption, .mceContentBody th, .mceContentBody td, .mceContentBody table { text-align: left; font-weight: normal; background: none; height: inherit; border: 1px #e5e6e7 solid; text-align: center } .rte th, .mceContentBody th { padding-left: 1em; padding-right: 1em; background: #e5e6e7 } #center_column .rte p, .mceContentBody p { padding-left: 0; margin: 0.5em 0 } .rte ol, .mceContentBody ol { list-style-type: decimal; margin-left: 10px } /* /global RTE fields */ /* global table style */ div.table_block { background: transparent url('../img/table_footer.gif') no-repeat bottom left; padding-bottom: 6px; margin: 0 auto 2em; } .std {font-size: 11px;} table.std { border-spacing: 0; border-collapse: collapse; width: 100% } /*class table.std */ .std td,.std th { padding: 0.4em 0.5em } .std th { white-space: nowrap } .std tr.item td,.std .item th { background-color: white } .std tr.alternate_item td, .std tr.alternate_item th { background-color: #f1f2f4 } .std tbody td,.std tfoot td { border-top: 1px solid #bdc2c9 } .std thead th { background: #282f38 ; height: 24px; color: #fff; font: normal 18px Myriad; text-align: center; white-space: nowrap; border-left:1px solid #575757; } .std th.first_item { background-position: top left } .std th.last_item { background-position: top right } .std th.item { background-position: -5px 0 } .std tfoot td { color: #374853; text-align: right; white-space: nowrap } /* /global table style */ /* global form style */ form.std { clear: both } form.std h3 { color: #fff; font: normal 24px Myriad; margin: 0 0 18px 0; padding: 14px 20px 14px 64px; background: #282f38 url('../img/h2_img.gif') no-repeat 21px 13px; } form.std fieldset { border: 1px solid #ddd; margin-bottom: 1em; padding-bottom: 1em } form.std legend { padding: 0.3em 0.6em; margin: 1em 0 1em 0.5em; font-size: 1.6em; font-weight: 100; border-color: #d0d1d5; border-style: solid; border-width: 1px } form.std h4, form.std p { padding: 0.3em 1em; clear: both } form.std label, form.std p span { float: left; text-align: right; width: 30% } form.std p span.like_input { width: auto; margin-left: 0.7em } input, textarea, select, span.editable { margin-left: 0.7em; font-size: 12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; outline: none } input, textarea, select { border: 1px solid #bdc2c9 } input.text { height: 18px; padding-left: 2px; padding-right: 2px } .checkbox input, .radio input { border: none } form.std .checkbox label, form.std .radio label, form.std span.form_info { margin: 0; float: none; text-align: left } .required sup { color: #da0f00 } form.std p.checkbox { padding-left: 30% } form.std p.submit { padding-left: 31%!important; margin-bottom: 1.5em } #center_column form.std p.submit2 { padding-left: 170px; margin-bottom: 1.5em } /* START OF BUTTONS SECTION * -tags: input, a, span * -sizes: mini, small, normal, large * -types: button, exlusive * -status: normal, hover, disabled * -rule: the span.button is a a.button disabled */ /* global button */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { background-repeat: no-repeat; background-position: top left; border: none; color: black!important; font-weight: bold; font-size: 10px!important; text-align: center; text-decoration: none!important; cursor: pointer; display: block; line-height: 18px; height: 18px } /* input button */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled { padding-bottom: 2px } /* disabled button */ input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { background-position: left -36px; cursor: default; color: #888!important } /* exclusive button */ input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { color: white!important } /* exclusive disabled button */ input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { color: #488c40!important } /* hover button */ input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { background-position: left -18px } /* exclusive hover button */ input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { color: white!important } /* classic buttons */ input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini { width: 30px; background-image: url('../img/button-mini.png') } input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small { width: 60px; background-image: url('../img/button-small.png') } input.button, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive { width: 120px; height: 24px; background: #ffb400; color: #282f38 !important; font: normal 18px Myriad !important; text-transform: uppercase; } p.cart_navigation .exclusive, p.cart_navigation .button_large, p.cart_navigation .button{ font: normal 18px Myriad !important;} p.cart_navigation .button_large, p.cart_navigation a.button {background: #282f38; color: #fff !important;} input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large, span.exclusive_large_disabled { height: 24px; padding: 5px 15px; background: #D11D78; color: #fff; text-transform: uppercase; font: normal 18px Myriad !important; } /* exclusive button */ input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { } input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('../img/button-mini_exclusive.gif') } input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('../img/button-small_exclusive.gif') } input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large, span.exclusive_large_disabled {} /* id_state field in managed via JS and is firstly hidden */ form p.id_state { display: none } /* generic style */ ul.bullet li, .block ul.bullet li, li.bullet { padding-left: 2em; background: transparent url('../img/bullet.gif') no-repeat 6px 6px; list-style-type: none } .price-discount { text-decoration: line-through } .price-pretax { color: gray } .price-ecotax { color: #488c40 } img.icon { vertical-align: middle } .weight-price { font-size: 0.75em; text-align: right; color: gray } .volume-price { font-size: 0.75em; text-align: right; color: gray } .unity-price { font-size: 0.75em; text-align: right; color: gray } td.carrier_price{text-align: right; width: 105px;} .price, .price-shipping, .price-wrapping { color: #D11D78; font-size: 15px; font-weight: bold; white-space: nowrap } /* errors */ .error { width: 90%; color: #da0f00; margin: 0.3em auto 1.5em auto; padding: 0.3em 0.8em 1em } .error p { font-weight: bold } .error li { list-style-position: inside; list-style-type: decimal-leading-zero; padding-left: 3em } /* warning */ .warning { color: black; font-size: 1.2em; background-color: #F8E1A0; border: 1px dashed #F9E400; font-weight: bold; margin: 0.2em 2em; padding: 0.6em 1em } .warning_inline { color: #da0f00; font-weight: bold } /* success */ .success { color: green; font-weight: bold; margin: 0.2em 1em; padding: 0.3em 0.8em 1em } .success_inline { color: green; font-weight: bold } /* breadcrumb.tpl */ .breadcrumb { font-size: 1em; color: #888 } .breadcrumb .navigation-pipe { padding: 0 0.6em } .breadcrumb a { text-decoration: none; color: #5d717e } .breadcrumb a:hover { text-decoration: underline } /* pagination.tpl */ div.pagination { padding: 1em 0 } ul.pagination { list-style: none; float: left } ul.pagination li { display: inline; float: left; margin-right: 0.3em } ul.pagination li, ul.pagination a, ul.pagination span { font-weight: bold; color: #374853 } ul.pagination a, ul.pagination span { border: 1px solid #888; padding: 0em 0.4em; display: block; line-height: 17px; background: #bdc2c9 url('../img/pagination_bg.gif') repeat-x top right } ul.pagination a { text-decoration: none } ul.pagination .current span { background-color: #595a5e; background-image: url('../img/pagination-bg-current.gif'); color: white; border: 1px solid #595a5e } ul.pagination li.truncate { padding: 0.3em; background: none } #pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span { background:#fff; border: none; line-height: 19px; border-color: #d0d1d5; border-style: solid; border-width: 0 1px } #pagination_previous { padding-left: 6px } #pagination_previous a, #pagination_previous span { border-left: none } #pagination_next { padding-right: 6px } #pagination_next a, #pagination_next span { border-right: none } li.disabled span { color: #888; background-color: #f1f2f4 } form.pagination { text-align: right } form.pagination label { line-height: 1.4em; vertical-align: bottom; float: right; margin-left: 0.3em } form.pagination select { float: right } form.pagination select option { font-size: 0.9em; padding-right: 1em } form.pagination input { float: right } /* steps (like order step) */ ul.step { background: transparent url('../img/step_start.gif') no-repeat bottom left; list-style: none; margin: 0.8em auto 2em; padding-left: 40px; height: 25px; width: 465px } ul.step li { height: 25px; float: left; width: 100px; text-align: center; background: transparent url('../img/step_standard.gif') no-repeat bottom left } ul.step li.step_current { background: transparent url('../img/step_current.gif') no-repeat bottom left; font-weight: bold } ul.step li.step_todo { font-style: italic } ul.step li#step_end { width: 40px } ul.step li#step_end { background: transparent url('../img/step_end.gif') no-repeat bottom left } ul.step li#step_end.step_current { background: transparent url('../img/step_end_current.gif') no-repeat bottom left } ul#order_step { background-color: white } /* product-sort.tpl */ #productsSortForm p { height: 1em; margin: 0.5em 0 0 0 } #productsSortForm label, #productsSortForm select { float: right } #productsSortForm select { font-size: 1em } /* Header */ #header_right ul { list-style: none } #header_right form { border: none; margin-bottom: 0!important; display: inline } #header_right label { margin: 0; float: none } /* Footer */ #footer {margin-bottom: 30px; margin-top: 40px; padding: 5px 0; background:#282f38; color:#b5b5b5; clear: both} #footer .fbox{margin:10px 30px 40px 30px; float:left;} #footer .fbox ul{margin-top: 8px; list-style-type:none; list-style-image:none;} #footer .fbox li{padding: 2px 0;} #footer .fbox .title{font:bold 20px Myriad; color:#fff;} #footer a{font:normal 11px Arial; color:#b5b5b5;} #footer a:hover{color:#ffb400;} .copy{height:16px; padding: 15px 27px; background:#5b626a; clear:both; } .copy .cleft{float:left;} .copy .cright{float:right;} .copy .cright img{margin-bottom: -4px; margin-left: 4px;} /* Default block style */ div.block { margin-bottom: 20px; } #left_column div.block, #right_column div.block {} #left_column div.block {color: #c7c7c7;} div.block h4 { text-transform: uppercase; font:normal 24px Myriad, Arial; padding: 5px 0; color: #ffb400; } div.block h4 a { color: #FFB400; } div.block ul { list-style: none } div.block ul.tree li { padding-left: 1.2em } div.block a:hover { text-decoration: underline } #left_column div.block .block_content a.button_large, #right_column div.block .block_content a.button_large { margin: 0 0 0 -3px } div.block .block_content { min-height: 16px } div.block li { list-style-position: outside } div.block a { text-decoration: none } /* block exclusive */ #left_column div.exclusive, #right_column div.exclusive { background: transparent url('../img/block_exclusive_footer.jpg') no-repeat bottom left } div.exclusive h4 { background: transparent url('../img/block_header_exclusive.png') no-repeat top left; color: white } div.exclusive h4 a { color: white } div.exclusive li { margin-top: 0 } div.exclusive, div.exclusive a { color: white } div.exclusive .block_content { background: #bdc2c9 url('../img/block_exclusive_bg.jpg') repeat-x bottom left; border-left: 1px solid #595a5e; border-right: 1px solid #595a5e } /* block in the center column */ #center_column p { margin: 0.5em 0; padding-left: 0.7em } #center_column div.block {} #center_column div.block h4 { background: transparent url('../img/block_header_large.png') no-repeat top left; height: 17px; color: white } /* Styles for products blocks */ /* block products (new, features, viewed, etc...) on left and right column */ .products_block li { margin-top: 0.2em } .products_block li.item img { margin-right: 5px } .products_block li.last_item { border: none } .products_block li img { float: left; margin-right: 0.2em } .products_block p img { float: none; margin: 0 0 0 0.4em } .products_block li h5 { display: inline; font-size: 0.9em } .products_block li p a { font-weight: bold; font-size: 0.8em } .products_block dl { clear: both; border-top: 1px solid #374853; padding: 0 4px 4px } .products_block dl dt { margin-top: 0.3em; color: #595a5e } .products_block a.button_large { margin: 0.4em 0.4em 0 0.4em } .products_block ul.product_images li { border: none; float: left; clear: none } /* Special style for block products in center column */ #center_column .products_block { border: none } #center_column .products_block { color: #595a5e } #center_column .products_block h4 { line-height: 1.3em } #center_column .products_block .block_content { background: #d0d3d8 none; padding: 0 } #center_column .products_block ul li:hover { background-color: #bdc2c9 } #center_column .products_block ul li { float: left; background-color: #d0d3d8; margin-top: 0; padding: 0 0 1px; width: 133px; border-right: 1px solid white; border-bottom: 1px solid white } #center_column .products_block ul .product_accessories_description { margin: 0; padding: 0; height: 280px } /*#center_column .products_block li.last_item { float: none; clear: both }*/ #center_column .products_block li.last_item_of_line { border-right: none } #center_column .products_block li.first_item_of_line { clear: both } #center_column .products_block li.last_line { border-bottom: none } #center_column .products_block p, #center_column .products_block h5 { margin: 0.5em 0.1em } #center_column div.products_block h5 { display: block; margin-top: 8px; height: 2.57em } #center_column div.products_block h5 a { color: #374853; font-size: 1.1em } #center_column div.products_block ul li p { margin: 0; padding: 0 } #center_column div.products_block div.product_desc { height: auto; color: #595a5e; overflow: hidden } #center_column div.products_block a.product_image { display: block; background-color: transparent; margin-bottom: 2px; margin-left: 2px; width: 129px; height: 129px } #center_column div.products_block .product_accessories_description a.product_image { width: 118px; height: 85px } #center_column div.products_block a.product_description { display: block; width: 118px; height: auto; margin-left: 2px; margin-bottom: 8px; overflow:hidden } #center_column div.products_block a.product_image img { float: none; margin: 0 } #center_column div.products_block h5 { margin: 10px 5px 3px 5px } #center_column div.products_block div.product_desc { margin: 0 5px } #center_column div.products_block ul li div.product_desc a { font-weight: normal } #center_column .products_block span.price { text-align: center; font-size: 1.5em; padding: 0.5em 0; /*display: block;*/ } p.price_container { text-align: center } #center_column .products_block .featured_price { margin-top: 2.5em } #center_column .products_block a.button, #center_column .products_block a.exclusive, #center_column .products_block span.exclusive { margin: 0.5em auto } /* Special style for block accessories in center column (product page) */ #center_column .products_block.accessories_block .block_content { background: none } #center_column div.products_block.accessories_block div.product_desc { margin-right: 0; } #center_column .products_block.accessories_block .block_content li { background: none; text-align: center } #center_column .products_block.accessories_block .block_content li h5, #center_column .products_block.accessories_block .block_content li a.product_description { text-align:left } #center_column .products_block.accessories_block .block_content li.last_item a.product_image { border: none } /* discount.tpl */ td.discount_value { white-space: nowrap } /* address.tpl */ p.address_navigation { padding: padding: 1em 0!important; margin-bottom: 1.5em } p.address_navigation a.button { float: left } p.address_navigation input[type=submit].button { float: right } /* shopping cart */ .cart_last_product { width: 300px; margin: 0 auto 12px } .cart_last_product_header, .cart_last_product_header .left { background: url('../img/table_header.gif') right 0; } .cart_last_product_header .left { background-color:#fff; background-position:0 0; margin-bottom:5px; padding-left: 27px; width: 249px; height: 24px; line-height: 24px; color: #374853; font-weight: bold } .cart_last_product_img { float:left } .cart_last_product_img img { margin:0 6px; border:1px solid #D0D1D5; width: 45px; height: 45px } .cart_last_product_content { float:right; width:241px } .cart_last_product_content a { text-decoration:none } .cart_last_product_content h5 { font-size:9px } .cart_last_product_content h5 a { color:#595A5E } p.cart_navigation { padding: 1em 0!important } p.cart_navigation .button, p.cart_navigation .button_large { float: left } p.cart_navigation .exclusive, p.cart_navigation .exclusive_large, p.cart_navigation .exclusive_large_disabled { float: right } p.cart_navigation_extra { text-align: center; width: auto } form.std p.cart_navigation span { float: none; text-align: left; width: auto } #cart_summary tfoot td { border-top: none; line-height: 1.5em } #cart_summary tfoot tr.cart_total_product td { border-top: 1px solid #bdc2c9 } #cart_summary tfoot tr:nth-last-child(2) td { border-top: 2px solid #ffb400 } #cart_summary tfoot tr:nth-last-child(2) td:nth-last-child(1) { border-top: 2px solid transparent } #cart_summary .price, #cart_summary .price-discount { color: #D11D78; font-size: 1em; text-decoration: none } tr.cart_item td { padding: 0.5em 0 } td.cart_del td {text-align:right;} td.cart_del a img{float:right;} td.cart_del a img, a.cart_quantity_down img, a.cart_quantity_up img {opacity:0.7; filter: alpha(opacity=70);} td.cart_del a:hover img, a.cart_quantity_down:hover img, a.cart_quantity_up:hover img {opacity:1.0; filter: alpha(opacity=100);} td.cart_product a { margin: 0 0.6em } td.cart_product a img { border: 1px solid #d0d1d5; width: 45px; height: 45px } td.cart_product a:hover img { border: 1px solid #888 } td.cart_description {width:370px;} td.cart_description a { text-decoration: none; color: #444; font-size: 11px;} td.cart_description a:hover { } td.cart_description h5 a:hover { text-decoration: underline } td.cart_description h5 a, td.cart_ref, td.cart_total {color: #222; font-size: 13px;} td.cart_unit, td.cart_total, td.cart_discount_price { text-align: right } td.cart_availability, td.cart_ref { text-align: center } td.cart_total .price { font-weight: bold } tr.cart_item td.cart_unit { padding-right: 1em } td.cart_quantity {width: 60px;} .cart_quantity_input { float: right; margin: 0px 1px 0 0; padding: 6px 5px 7px; text-align:center;} td.cart_quantity p, td.cart_quantity a { float: left; display: inline } td.cart_quantity p { padding-right: 0.3em } td.cart_quantity .icon { margin-top: 0.6em } td.cart_quantity a.cart_quantity_up, td.cart_quantity a.cart_quantity_down { display: block; height: 15px; clear:both;} #cart_quantity_button{height: 31px !important;} td.cart_quantity a.cart_quantity_up{} tr.cart_free_shipping { white-space: normal } tr.cart_total_price { font-weight: bold } #cart_summary tfoot tr td, td.cart_unit, td.cart_total {padding-right:0; font: bold 20px Myriad !important;} #cart_summary tfoot tr td:first-child {font: normal 19px Myriad !important;} #order tfoot p { margin: 0; float: left; width: 85% } #order tfoot span { float: right; width: 15%; display: block } #order #voucher fieldset { border: 1px solid #bdc2c9; padding: 9px 0 5px 12px; background:#f2f2f2 url('../img/bg.jpg') repeat center -90px; } #order form#voucher fieldset #display_cart_vouchers { margin-top:5px; clear:both; float:left; } #order form#voucher fieldset #display_cart_vouchers .voucher_name { color:#DD2A81; font-weight:bold; cursor:pointer; } #order form#voucher h4, #order form#voucher p, #order form#voucher .button { display: inline } #order form#voucher h4 { float: left; font: normal 19px Myriad; line-height: 1.5em; margin-right: 6em } #order #order_carrier { clear: both; margin-top: 1em; border: 1px solid #bdc2c9; padding: 0.5em } #order #order_carrier h4 { width: 50%; display: inline } #order #order_carrier img { vertical-align: middle } #order #order_carrier span { margin: 0 0.2em } #order #gift_div { display: none } #order #gift_div label, #order #gift_div textarea { display: block; width: 100%; margin: 1em 0 } #order-opc tfoot p { margin: 0; float: left; width: 85% } #order-opc tfoot span { float: right; width: 15%; display: block } #order-opc #voucher fieldset { border: 1px solid #bdc2c9; padding: 0.7em } #order-opc form#voucher fieldset #display_cart_vouchers { margin-top:5px; clear:both; float:left; } #order-opc form#voucher fieldset #display_cart_vouchers .voucher_name { color:#DD2A81; font-weight:bold; cursor:pointer; } #order-opc form#voucher h4, #order-opc form#voucher p, #order-opc form#voucher .button { display: inline } #order-opc form#voucher h4 { float: left; line-height: 1.5em; margin-right: 6em } #order-opc #order_carrier { clear: both; margin-top: 1em; border: 1px solid #bdc2c9; padding: 0.5em } #order-opc #order_carrier h4 { width: 50%; display: inline } #order-opc #order_carrier img { vertical-align: middle } #order-opc #order_carrier span { margin: 0 0.2em } #order-opc #gift_div label, #order #gift_div textarea { display: block; width: 100%; margin: 1em 0 } /* views block */ #views_block { margin:0 -4px 0 auto; width: 98px; float:right } #thumbs_list { float:right; width: 98px; height: 380px; } #thumbs_list ul { padding-left: 0; list-style-type: none; margin-top: 5px } #thumbs_list li { float: left; cursor: pointer; width: 80px; height: 80px; margin:0 10px 10px 0; } #view_scroll_left, #view_scroll_right { background: url('../img/thumbs_left.gif') no-repeat center; text-indent: -3000px; width: 9px; height: 18px; float: left; margin-top: 30px; padding-right: 4px; padding-left: 4px } #view_scroll_right { background-image: url('../img/thumbs_right.gif') } span.view_scroll_spacer { float: left; width: 17px; height: 80px } #primary_block ul#thumbs_list_frame {width:105px !important; height: 405px;margin:0; overflow: auto;} span.view_scroll_spacer,#view_scroll_right, #view_scroll_left {display:none!important;} /* manufacturers-list.tpl && suppliers-list.tpl */ #manufacturers_list, #suppliers_list { margin-top: 2em; list-style-type: none } #suppliers_list li, #manufacturers_list li { background: #d0d3d8 url('../img/block_category_item_bg.jpg') repeat-x; border: solid 1px #d0d3d8; padding: 0.6em; margin-bottom: 1.5em } #suppliers_list li a, #manufacturers_list li a { text-decoration: none; color: #374853 } #suppliers_list li h3, #manufacturers_list li h3 { margin: 0.4em 0 } #suppliers_list .left_side, #manufacturers_list .left_side { float: left; width: 75% } #suppliers_list .logo, #manufacturers_list .logo { border: solid 1px #d0d3d8; float: left; margin-right: 0.6em } #suppliers_list li p.description, #manufacturers_list li p.description { font-size: 0.92em } #suppliers_list li .right_side, #manufacturers_list li .right_side { float: right; text-align: right } #suppliers_list .right_side span, #manufacturers_list .right_side span { font-size: 1.7em; color: #da0f00 } #suppliers_list li a.button, #manufacturers_list li a.button { margin-top: 4em } /* conditions & legal */ ul.shop_info { list-style-type: square!important; list-style-position: inside; padding: 0.6em; margin-top: 0.6em; margin-left: 2em; border: 1px solid #888 } ul.shop_info li { padding-left: 0.5em!important; padding-bottom: 0.5em!important } /* conditions.tpl */ #conditions #right_column { display: none } #conditions h2 { background: transparent url('../img/title_bg_large.gif') no-repeat top left } #conditions #center_column { width: 730px; text-align: justify } #conditions #center_column ul, #conditions #center_column ol { margin-left: 2em; padding: 0.6em } #conditions #center_column ul { list-style-type: circle } #conditions #center_column li { padding-bottom: 0.5em } #conditions #center_column { line-height: 1.3em } /* order step 3: PAYMENT */ .payment_module { display: block } .payment_module img { vertical-align: middle; margin-right: 1em } .payment_module a { display: block; border: 1px solid #595a5e; padding: 0.6em; text-decoration: none } .payment_module a:hover, .payment_module a:focus, .payment_module a:active { border: 1px solid #488c40; background-color: #e5e6e7; color: #374853 } /* Printable version */ @media print { div#left_column, div#right_column, div#footer, a.button, span.button , .button, ul#usefull_link_block, div#header_user, #languages_block_top, #search_block_top, #currencies_block_top, ul#header_links, ul.idTabs, #availability_statut br { display: none } div#center_column { width: 100% } input.text { border: 1px solid gray } .block_hidden_only_for_screen { display: block; margin-top: 1em } #more_info_sheets #idTab1 { width: 530px } * { background: none!important; background-color: white!important; } } /* Customizable product */ #customization_block { width: 556px } .customization_block_title { margin: 4px 4px 4px 2px } #customization_block ul { margin: 6px 6px 0 6px } .customization_block_input { vertical-align: inherit } img.customization_delete_icon { margin: 2px } li.customizationUploadLine { text-align: right; margin-right: 40px; clear: left; padding: 4px; display: block } div.customizationUploadBrowse { float: left } div.customizationUploadBrowseDescription { padding: 6px } img.customizationUploaded { margin: 2px; border: 1px solid #888888 } ul.customizationUploaded { list-style-type: none; margin-left: 4px } ul.customizationUploaded li { display: inline } ul.customizationUploaded a { text-decoration: none } div.customizationUploaded { clear: left } div.deletePictureUploaded { float: right } div.deleteCustomizableProduct { float: right } ul.typedText { padding-left: 6px; list-style-type: none } /* mywishlist */ #mywishlist div#block-order-detail form.wl_send fieldset p input { margin-left: 60px } #mywishlist div#block-order-detail { margin-top: 10px; display: block } #mywishlist form.std fieldset label { width: 30px } #mywishlist form.std fieldset input#submitWishlist { display: inline } #mywishlist table.std thead th.mywishlist_first { text-align: center; width: 40px } #mywishlist table.std thead th.mywishlist_second { text-align: center; width: 80px } #mywishlist table.std thead th.first_item, #mywishlist table.std tbody tr td { width: 200px } #mywishlist div#block-order-detail ul li span.wishlist_product_detail select { margin: 0 } #mywishlist div#block-order-detail { margin-top: 10px } #mywishlist #hideBoughtProducts, #mywishlist #showBoughtProducts { float: left; margin: -18px 0 0 5px } #mywishlist #showBoughtProducts, #mywishlist #hideBoughtProductsInfos, #mywishlist #hideSendWishlist { display: none } #mywishlist #showBoughtProductsInfos, #mywishlist #hideBoughtProductsInfos { margin-left: 5px } #mywishlist #showSendWishlist, #mywishlist #hideSendWishlist, #mywishlist div#block-order-detail ul li a.exclusive { float: right; margin: -18px 0 0 0 } #mywishlist div#block-order-detail table.wlp_bought_infos thead tr th { text-align: center } #mywishlist div#block-order-detail table.wlp_bought_infos thead tr th.first_item { width: 300px } #mywishlist div#block-order-detail table.wlp_bought_infos { margin: 0 0 0 10px } #mywishlist div#block-order-detail ul li img { float: left } /* View wishlish */ #view_wishlist #featured-products_block_center ul div li a img { float: left } #view_wishlist #featured-products_block_center ul div li a, #view_wishlist #featured-products_block_center ul div li span { text-decoration: none; float: left } #view_wishlist #featured-products_block_center ul div li span.wishlist_product_detail, div#mywishlist div#block-order-detail ul li span.wishlist_product_detail { margin-left: 30px; float: left } div#mywishlist div#block-order-detail ul li span.wishlist_product_detail { margin-bottom: 5px } #view_wishlist #featured-products_block_center ul div li a.exclusive, #view_wishlist #featured-products_block_center ul div li span.exclusive { margin-left: 55px } #view_wishlist #featured-products_block_center ul div li.address_name input.text { color: #999; font-weight: bold; font-size: 11px; border: 0 } /* module reversoform*/ .account_creation #reverso-form { width: 100% } .account_creation #reverso-form label { width: 250px; text-align: left; margin-left: 10px } .account_creation #reverso-form label#legend_reverso { clear: both; width: 100%; font-size: 10px; text-align: left } .account_creation #reverso-form input#reverso_form { margin-top: 20px } /* module productcomments */ .rating { cursor: pointer; margin: 2em; clear: both; display: block } .rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden } .cancel, .star { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer } .cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px } .star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 } .cancel a, .star a { display: block; width: 100%; height: 100%; background-position: 0 0 } div.star_on a { background-position: 0 -16px } div.star_hover a, div.star a:hover { background-position: 0 -32px } .pack_content { margin: 10px 0 10px 0 } .pack_price { float: right; margin-right: 3px; font-size: 12px } .confirmation { color: #808000; font-weight: bold } #page .rte { background: transparent none repeat scroll 0 0 } /* module paypalapi */ .paypalapi_about { text-align: justify } .paypalapi_about ul { padding-left: 20px } /* cms pages */ #cms div.content_only { text-align: left; padding: 10px } .live_edit_feed_back_ok { color: #374853; background-color: #DFFAD3; padding: 4px; border: 2px solid #72CB67 } .live_edit_feed_back_ko { color: #374853; background-color: #FAE2E3; padding: 4px; border: 2px solid #EC9B9B } .add_module_live_edit { background-color: #F1F2F4; padding: 4px; border: 2px solid #D0D3D8; } /* tmnivoslider.tpl */ #tmnivoslider {width:672px; height:429px; padding:0; position:absolute; bottom:0px; left:0; background: #282f38;} #slider {width:673px; height:429px; overflow:hidden;} .nivoSlider {position:relative;} .nivoSlider img {position:absolute;top:0px;left:0px;} .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;display:none;} .nivo-slice {display:block;position:absolute;height:100%;} .nivo-html-caption {display:none;} .nivo-caption {width:481px; background: #282F39 url('../img/slide_bg.jpg') repeat-y right top;color:#fff; text-align: left; position:absolute;left:0;bottom:44px;z-index:89;} .nivo-caption > p {margin:0;padding:20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader() !important; position:relative;} .nivo-caption h2 {height: auto; margin:0;padding:0 0 0 3px;color:#FFB401; background: transparent; font:normal 36px/1.2em 'Myriad'; text-transform:uppercase;} .nivo-caption h2 span {display:block; margin:0; padding:5px; font:normal 20px Myriad;text-transform:uppercase; color: #fff;} .nivo-caption h3 {margin:0;padding:0;color:#ddd;} .nivo-caption p.slide_descr1, .nivo-caption p.slide_descr2 {} .nivo-caption a.slide_btn {width:16px;height:32px;display:inline-block; text-indent:-9999px;margin:0; background:url(../img/slide_btn.png) left top no-repeat; text-align:center; position:absolute; right:11px; top:50%; margin-top:-16px;} .nivo-caption a.slide_btn:hover { background-position:left bottom;} .nivo-directionNav a {position:absolute;top:40%;z-index:99;cursor:pointer;} .nivo-prevNav {left:5px;display:block;width:61px;height:61px;text-indent:-9999px;background: url('../img/nivo_nav.png') top left no-repeat;} .nivo-nextNav {right:5px;display:block;width:61px;height:61px;text-indent:-9999px;background: url('../img/nivo_nav.png') top right no-repeat;} .nivo-controlNav {position:absolute;left:0;bottom:0;z-index:100;padding:8px 15px;background: #282F39;} .nivo-controlNav a {width:10px;height:10px;display:inline-block; text-indent:-9999px;padding:0 0 0 0;overflow:hidden;float:left;background:#fff;color:#fff;cursor:pointer;} .nivo-controlNav a + a {margin:0 0 0 15px;} .nivo-controlNav a.active,.nivo-controlNav a:hover {background: #FFB401; color: #FFB401;} .nivo-controlNav a:hover {} .nivo-controlNav a.active:hover {} .nivo-controlNav a.active {} #tmbannerblock { position:absolute; right:0; bottom:0px; width: 298px; height: 429px; background:#000; overflow:hidden;} #tmbannerblock a {position:relative; float:right; width:297px; height:85px; margin:0 0 1px 1px;} #tmbannerblock a img{width:297px; margin:0; } #tmbannerblock a img:hover{opacity:0.8; filter:alpha(opacity=80);} #tmbannerblock a span{display:inline-block; width:100px; padding:50px 5px; position:absolute; left:67px; top:49px; background:url(../img/bg_t.png) 5px 5px repeat; font-family:'times new roman'; font-size:18px; color:#fff; text-align:center; text-transform:uppercase; -webkit-border-radius:100px; border-radius:100px; } /* new classes*/ .grawer_category_info{padding: 10px;font-size: 16px; font-weight: bold; text-align: center} .baner {width:970px; margin:0 auto 10px;} .ibaner { height:122px; background:#cb1a72; margin: 0 auto 30px; position: relative; width: 970px;} .homebaner.ibaner { position: absolute; top:190px;} #index #header_right {height: 610px;} .ibaner img{float:left} .ibaner p{display:inline-block;margin:30px 0 0 60px; float:left; text-align:left;font:normal 15px Arial,Helvetica, sans-serif;color:#fff;} a#zaprojektuj_panel{display: block; width: 689px; height: 189px; font-size: 25px; background: #ffb400 url('../img/panele.jpg'); color: #282f38; text-indent: -1000px; overflow: hidden;} @media (max-width: 970px) { #header .ccenter, #columns, #footer{width: 750px} #header_right{width: 100%; height: 235px; background: none;} #header_right.index_top{height: 565px;} #header_right>*{display: none;} #cart_block{display: block;} #header #header_right #header_user_info{display: block; right: 100px; width: 165px;} #header #clipboard_link_top {display:block; padding:9px 17px 9px 50px; background-position:18px 10px;} #header #clipboard_link_top {} #header_right #header_user_info, #header #clipboard_link_top, #header_user_info a{font-size: 15px;} #header_right .changer {display: block; float: left;} #header_right .changer a:first-child{display: none;} #header_right .changer a{width: 208px; height: 37px;} #header_right .changer a img{margin: 5px 34px;} #header_right ul#products_menu li a {padding: 7px 6px;} #header_right #header_user{display: block;} #header #header_logo{left: 200px; top: 41px; background-size:contain; width: 224px; height: 79px;} #tmnivoslider {display: block; width:750px;} #tmnivoslider #slider, #tmnivoslider .nivo-slice{height: 429px !important; width: 750px !important; background-size:cover!important;} h1, #cms .rte h2:first-child, #cms .rte h1 {line-height:1em;} #center_column{width: 491px;} #center_column.nocolumn{width: 710px;} body:not(#index) #center_column{background: transparent;} #center_column ul#foto_cat{width: 100%;} #center_column ul#foto_cat li.last_line{margin-right: 13px;} .fototapety_mod ul#product_list li div.foto_title {line-height: 1em;} #page ul#product_list.listax li, #page .fototapety_mod ul#product_list li, #page .fototapety_mod ul#product_list li.last_line, #page #schowek ul#product_list li{margin:0 27px 23px 0; padding: 11px 28px;} .fototapety_mod .zakres_dol #zakres{width: 100%;} #center_column .rte{font-size: 19px;} #categories_block_left .tree li{margin: 3px 0; font-size: 19px;} #categories_block_left p.just{font-size: 15px;} #center_column ul#foto_cat li h5 a{font-size: 25px;} #center_column ul.naklejki_subcat{width: 100%; margin: 0;} #center_column ul.naklejki_subcat li{float: none;} #center_column ul.naklejki_subcat li a{margin: 5px auto;} #center_column ul#product_list{width: 100%;} #center_column div.pagination{clear: left;} #center_column #primary_block #pb-right-column{float: none; width: 100%; height: auto;} #center_column #primary_block #image-block{float: none; width: 100%; height: auto; padding: 0;} #center_column #primary_block #image-block img#bigpic{width: 100%; height: auto; padding: 0;} #center_column #primary_block #pb-left-column{float: none; margin: 5px 0; width: 100%;} #center_column #more_info_sheets img, #center_column #more_info_sheets table{width: 100% !important; height: auto !important;} #order #center_column div.table_block {width: 100%;} #order #center_column div#featured-products_block_center.block {display: none;} #order ul.step {font-size: 22px;} #order ul.step li{margin-right: 10px;} #footer {width: 100%; } #center_column .jqcreator .form_area {clear: both; margin-left: 0;} } @media (max-width: 750px) { #header .ccenter, #columns, #footer{width: 100%} #page {overflow: hidden;} #header_right{width: 100%; height: 235px; background: none;} #header_right.index_top{height: 565px;} #header_right>*{display: none;} #cart_block{display: block;} #header #header_right #header_user_info{display: block; right: 100px; width: 165px;} #header #clipboard_link_top {display:block; padding:9px 17px 9px 50px; background-position:18px 10px;} #header #clipboard_link_top {} /* #header_right #header_user_info, #header #clipboard_link_top,#header_user_info a{font-size: 17px;} */ #header_right #header_user_info, #header #clipboard_link_top,#header_user_info a{font-size: 12px;} #header #clipboard_link_top {position: absolute;} #header_right .changer {display: none;} #header_right ul#products_menu li a {padding: 7px 6px;} #header_right #header_user{display: block;} #header #header_logo{left: 200px; top: 41px; background-size:contain; width: 224px; height: 50px;} #tmnivoslider {display: block; width:750px;} #header_right {height: 532px;} #center_column .jqcreator .form_area {clear: both; margin-left: 0;} #cart_block {display:none;} #header_right #header_user {width: 48% !important; padding: 9px 0 9px 2% !important; margin-right: 0 !important;} #header_right #header_user a {display:inline-block;} #header #header_right #header_user_info {width: 100% !important; text-align:left;} #header #clipboard_link_top {width: 47% !important; padding: 9px 2% 9px 0 !important; background: #282f38;top:0;left:0;bottom: auto;} #header #header_logo { left: 0; width: calc( 100% - 70px ); } body #header .menubar { display: block !important;position: absolute;right: 20px;top: 68px;z-index: 100;} body .menubar-category { display: block !important;float: right;fill: #ffb400;padding: 0 7px;} body #left_column .block_content li {padding:8px 16px 4px;} body.opened #header #header_right {height:500px;} body:not(.opened) #header #header_right{height:100px;} #header ul#products_menu{display:none} .menu-hidden {display:none} body:not(#index) #center_column { background: #fff;} h1, #cms .rte h2:first-child, #cms .rte h1 {line-height:1em; padding: 10px 47px;} #header {background:none;} #header #tmnivoslider {display:none;} #header ul#products_menu {top: 80px; position: relative;} #header ul#products_menu li {width:100%; background:#cd1b73;} #header ul#products_menu li a {font-size:28px ; height: 35px ; } #header ul#products_menu li ul {display:none; } #header #index #header_right { height: 505px; } #header_right {height: 536px;} #category #columns, #product #columns, #fotolia #columns, #fotoupload #columns, #schowek #columns{background: #111417;} #left_column{width: 100%;} #left_column #fotoliaadvsearchtop, #left_column #bnrmanager-left { display: none; } #left_column #categories_block_left { padding: 0; margin: 0; } #left_column .block_content > div > ul > li {padding:0;} #left_column .fotoapety_kategorie ul > li.sub > ul {display: none;} #left_column .fotoapety_kategorie ul > li.sub > h3, #left_column .fotoapety_kategorie ul > li.sub > ul > li, #left_column .fotoapety_kategorie ul > li.sub > ul > li > ul > li { display: block; font: bold 20px Myriad; color: #fff; text-transform: uppercase; padding: 15px; margin: 0; border-bottom: 1px solid #fff; clear: both; } #left_column .fotoapety_kategorie ul > li.sub > ul > li > ul > li { padding: 0 15px; } #left_column .fotoapety_kategorie ul > li.sub > ul > li > ul { position: static !important; overflow: visible; } #left_column .fotoapety_kategorie ul > li.sub > ul > li > ul > li, .fotoapety_kategorie li li > ul, .fotoapety_kategorie li li:hover > ul { border: none; width: 100% !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .fotoapety_kategorie li li > ul, .fotoapety_kategorie li li:hover > ul, .fotoapety_kategorie li li.selected ul { border-top: 1px solid #fff !important; } #left_column .fotoapety_kategorie ul > li.sub > ul > li { padding: 0; } #left_column .fotoapety_kategorie ul > li.sub > ul > li > a { padding: 15px; } #left_column .fotoapety_kategorie ul > li.sub > h3:after{ font-family:'FontAwesome'; content: '\f067'; font-weight: normal; float: right; line-height: 1.25em; } #left_column .block_content li li.sub{ position: relative; background: none; } #left_column .block_content li li.sub > span { position: absolute; font-family:'FontAwesome'; float: right; width: 2.5em; height: 2.5em; line-height: 2.5em; right: 0; top: 0; z-index: 1; font-weight: normal; text-align: center; } #left_column .block_content li li.sub > span:before{ content: '\f067'; line-height: 2.5em; width: 2.5em; height: 2.5em; } #center_column, #center_column.nocolumn{width: 96%; padding: 0 2%;} #center_column h1{text-align: center;} .krokiNaklejki .krok, .krokiFoto .krok{height: auto;} #center_column ul#foto_cat li{float: none; width: 100%; height: auto;} #center_column ul#foto_cat li h5 a{background: none; text-align: center;} #center_column ul#foto_cat li a.cat_img img{width: 100%; height: auto;} .subCat{padding: 0} .subCat > span{float: none; margin: 0; text-align: center;} #page ul#product_list.listax li, #page .fototapety_mod ul#product_list li, #page .fototapety_mod ul#product_list li.last_line, #page #schowek ul#product_list li{width: 40%; margin: 2%; padding: 2%; } #page ul#product_list li div{display: block; width: 100%; height: auto;} #page ul#product_list li a{display: block; width: 100%; height: auto;} #page ul#product_list li img{width: 100%; height: auto;} .fototapety_mod .zakres_dol #zakres{width: 100%;} #order ul.step {font-size: 19px;} #order ul.step li{margin-right: 5px;} #footer {height: auto;text-align:center;font-size:15px;} #footer li {} #footer a {font-size:15px;} #page #footer .fbox {clear:both; width:100%; margin: 10px 0px;} #footer #blocklinke, #footer #newsletter_block_left, #footer #blocklinkc, #footer #blocklinkd{width: 90%; margin: 5%; text-align: center;} } p#cart-prices span:nth-of-type(1), p#cart-prices span:nth-of-type(2), p#cart-prices br:nth-of-type(1){display:none !important;} #categories_block_left h3 {font-size: inherit;margin: inherit;font-weight: inherit;} body#category #subcategories ul li {width:220.517px;} body#category #subcategories ul li a:first-of-type {background-color:#282f39;display:block;} body#category #subcategories ul li img {max-height:147px;width:auto;}