/* ------------------------------------- Hlavní nastavení -------------------------------------- */ body { font: 11px tahoma, arial, sans-serif; color: #373737; background: url("../_img/body_bg.jpg") #FFFFFF repeat-x; margin: 0 auto; padding: 0; line-height: 1.4em; } img { border: 0px; } form { margin: 0px; padding: 0px; display: inline; } a { color: #373737; text-decoration: underline; outline: 0; } p { padding: 0 0 15px 0; margin: 0; } ul { margin: 5px; padding-left: 15px; } li { } label { width: 150px; float: left; display: inline; margin: 3px 0 0 0; padding: 0; vertical-align: middle; } input { color: #373737; margin: 0; padding: 0; vertical-align: middle; font: 11px arial, tahoma, sans-serif; } select { color: #373737; margin: 2px 0px 2px 0px; padding: 2px 0px 1px 0px; background: url("../_img/input_bg.png") #FFFFFF repeat-x; border: 1px solid #D6D6D6; vertical-align: middle; font-size: 11px; } textarea { color: #373737; margin: 2px 0px 2px 0px; padding: 2px 3px; background: url("../_img/input_bg.png") #FFFFFF repeat-x; border: 1px solid #D6D6D6; vertical-align: middle; font-size: 11px; overflow: auto; font: 11px arial, tahoma, sans-serif; } /* ------------------------------------------- Obecné ------------------------------------------- */ .fl { float: left; } .fr { float: right; } .center { text-align: center; } .right { text-align: right; } .red { color: #FF0000; } .green { color: #009933; } .blue { color: #2F7FBC; } .pointer { cursor: pointer; } .pltop { padding: 15px 15px 15px 15px; margin: -25px 0px 15px 0px; line-height: 1.5em; clear: both; } .pl { padding: 15px 15px 15px 15px; margin: 0px 0px 15px 0px; line-height: 1.5em; clear: both; } .pl h1, .pl h2, .pl h3, .pl h4, .pl h5 { position: static; background: none; color: #373737; margin: 0 -15px; width: auto; } .pln { padding: 0; margin: 15px 0px 15px 0px; line-height: 1.5em; clear: both; } .deliver { display: none; padding: 8px 0 8px 0; } .invoice { display: none; padding: 8px 0 8px 0; } .box { clear: both; } .table { width: 100%; display: table; padding: 0px; margin: 0px; } .clear { clear: both; height: 1px; margin-top: -1px; } .label_mini { width: 100px; } .label_big { width: 200px; } .maindiv { width: 1000px; margin: 0px auto; text-align: left; } .conditions { color: #FF7316; } .wfull { width: 1000px; height: 0px; } .qm { text-decoration: none; font-size: 9px; vertical-align: 2px; } .tip { text-decoration: underline; cursor: default; font-weight: bold; } .href { text-decoration: underline; cursor: pointer; } .parsearch { margin: 0px; padding: 3px 5px; line-height: 23px; vertical-align: middle; } .vote_start { padding-top: 4px; } .none { display: none; } .back { padding: 5px 0px; background: url("../_img/button.png") no-repeat; width: 120px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; font-size: 13px; text-decoration: none; text-align: center; cursor: pointer; display: block; margin-left: 630px; } .button { padding: 5px 0px; background: url("../_img/button.png") no-repeat; width: 120px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; font-size: 13px; text-decoration: none; text-align: center; cursor: pointer; display: block; } .button_mini { padding: 5px 0px; background: url("../_img/button.png") no-repeat; width: 120px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; font-size: 11px; text-decoration: none; text-align: center; cursor: pointer; display: block; } .button_red { padding: 5px 0px; background: url("../_img/button_red.png") no-repeat; width: 120px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; font-size: 13px; text-decoration: none; text-align: center; cursor: pointer; display: block; } .button_continue { padding: 5px 0px; background: url("../_img/button_red_big.png") no-repeat; width: 150px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; font-size: 11px; text-decoration: none; text-align: center; cursor: pointer; display: block; } .button_input { padding: 4px 0px; background: url("../_img/button.png") no-repeat; width: 120px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; font-size: 13px; text-decoration: none; text-align: center; cursor: pointer; border: none; } .button_input_mini { padding: 6px 0px; background: url("../_img/button.png") no-repeat; width: 120px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; font-size: 11px; text-decoration: none; text-align: center; cursor: pointer; border: none; } .button_input_red { padding: 4px 0px; background: url("../_img/button_red.png") no-repeat; width: 120px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; font-size: 13px; text-decoration: none; text-align: center; cursor: pointer; border: none; } .button_input_red_mini { padding: 6px 0px; background: url("../_img/button_red.png") no-repeat; width: 120px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; font-size: 11px; text-decoration: none; text-align: center; cursor: pointer; border: none; } .screenshot { cursor: pointer; } #screenshot { position: absolute; border: 1px solid #CCCCCC; background: #333333; padding: 5px; display: none; color: #FFFFFF; } #table_payment { display: none; } #table_payment_discount { display: none; } #table_gift { display: none; } .company_table { display: none; float: left; background-color: #FAFAFA; margin: 0px -10px; padding: 0px 10px; } .company_table_d { display: none; float: left; background-color: #FAFAFA; margin: 0px -10px; padding: 0px 10px; } .company_table_i { display: none; float: left; background-color: #FAFAFA; margin: 0px -10px; padding: 0px 10px; } #deliver_post { display: none; } .hide_payments td { padding-left: 22px; } .input_pieces { border: 1px solid #D6D6D6; background: url("../_img/input_bg.png") #FFFFFF repeat-x; padding: 1px; margin: 0 5px 0 0; width: 15px; vertical-align: 0%; } /* basket.php */ .star_text { vertical-align: 2px; padding-left: 10px; font-size: 14px; font-weight: bold; } /* articles_fnc.php */ .country { width: 125px; } /* form_customer.php */ .deliver_state ul { margin: 0 0 0 13px; padding: 0; } /* order.php */ .uls li { padding: 5px 0 5px 0; } /* cetelem_info.php */ #float_banner { position: absolute; left: 50%; top: 0px; margin: 160px 0 0 500px; cursor: pointer; } .essox { padding: 20px 10px 10px 10px; } .essox img { float: right; margin-top: -8px; } .essox i { color: #C40C0F; } /* --------------------------------------- Základní prvky --------------------------------------- */ .v8_input { margin: 2px 0px 2px 0px; padding: 2px 3px; background: url("../_img/input_bg.png") #FFFFFF repeat-x; border: 1px solid #D6D6D6; } .input { margin: 2px 0px 2px 0px; padding: 2px 3px; background: url("../_img/input_bg.png") #FFFFFF repeat-x; border: 1px solid #D6D6D6; } .input_pc { margin: 2px 0px 2px 0px; padding: 2px 3px; background: url("../_img/input_bg.png") #FFFFFF repeat-x; border: 1px solid #D6D6D6; width: 13px; font-weight: bold; text-align: center; } .input_par { margin: 2px 0px 2px 0px; padding: 2px 3px; background: url("../_img/input_bg.png") #FFFFFF repeat-x; border: 1px solid #D6D6D6; width: 200px; } .input_full { margin: 2px 0px 2px 0px; padding: 2px 3px; background: url("../_img/input_bg.png") #FFFFFF repeat-x; border: 1px solid #D6D6D6; width: 590px; } .input_full_min { margin: 2px 0px 2px 0px; padding: 2px 3px; background: url("../_img/input_bg.png") #FFFFFF repeat-x; border: 1px solid #D6D6D6; width: 500px; } .input_full_max { margin: 2px 0px 2px 0px; padding: 2px 3px; background: url("../_img/input_bg.png") #FFFFFF repeat-x; border: 1px solid #D6D6D6; width: 740px; } .textarea_full { width: 590px; } .textarea_full_min { width: 500px; } .textarea_full_max { width: 755px; } .select_par { min-width: 200px; } .span { margin: 0px 0px 0px 0px; padding: 0px; line-height: 23px; vertical-align: bottom; } .lspan { margin: 0px 0px 0px 10px; padding: 0px; line-height: 23px; vertical-align: bottom; } .rspan { margin: 0px 10px 0px 0px; padding: 0px; line-height: 23px; vertical-align: bottom; } .lrspan { margin: 0px 10px 0px 10px; padding: 0px; line-height: 23px; vertical-align: bottom; } .checkbox { margin: 0px 0px 0px 0px; padding: 0px; height: 23px; } .lcheckbox { margin: 0px 0px 0px 10px; padding: 0px; height: 23px; } .rcheckbox { margin: 0px 10px 0px 0px; padding: 0px; height: 23px; } .lrcheckbox { margin: 0px 10px 0px 10px; padding: 0px; height: 23px; } .radio { margin: 0px 0px 0px 0px; padding: 0px; height: 23px; } .lradio { margin: 0px 0px 0px 10px; padding: 0px; height: 23px; } .rradio { margin: 0px 10px 0px 0px; padding: 0px; height: 23px; } .lrradio { margin: 0px 10px 0px 10px; padding: 0px; height: 23px; } /* ------------------------------------------ Nadpisy ------------------------------------------- */ h1 { margin: 0 0 0 195px; padding: 0px 0 0px 15px; height: auto; font-size: 16px; font-weight: bold; position: absolute; top: 184px; width: 800px; line-height: 1.4em; } h1.title { margin: 0 0 0 195px; padding: 0px 0 0px 15px; height: auto; font-size: 16px; font-weight: bold; position: absolute; top: 460px; width: 550px; } h2 { margin: 0; padding: 6px 0 5px 15px; height: auto; font-size: 13px; font-weight: bold; color: #FFFFFF; background-color: #8F8F8F; } h3 { margin: 0; padding: 6px 0 5px 15px; height: auto; font-size: 13px; font-weight: bold; color: #FFFFFF; background-color: #8F8F8F; } h4 { margin: 0; padding: 6px 0 5px 15px; height: auto; font-size: 13px; font-weight: bold; color: #FFFFFF; background-color: #8F8F8F; } #indescription { height: 1px; margin: 20px 0 0 0; } .indescription { margin-bottom: -25px !important; } #description { position: absolute; top: 205px; width: 770px; text-align: justify; margin: 0 0 0 195px; padding: 10px 15px; line-height: 1.6em; } #description.title { top: 478px; } /* ------------------------------------ Obsahová část obchodu ----------------------------------- */ #top1 { height: 27px; background-color: #484848; } #top2 { width: 980px; margin: 0 auto; display: table; padding: 0 10px; } #body1 { } #body2 { width: 980px; margin: 0 auto; display: table; padding: 0 10px; } #footer1 { } #footer2 { width: 960px; margin: 0 auto; display: table; padding: 15px 20px; background-color: #77888D; color: #FFFFFF; } #header { padding: 4px 4px 0 4px; background-color: #FFFFFF; } #header_middle { height: 104px; position: relative; background: url("../_img/header_top_bg.png") transparent no-repeat; } #header_bottom { height: 29px; background-color: #363E40; } #header_logo_shop { position: absolute; top: 30px; left: 18px; } #header_basket { position: absolute; top: 0px; right: 0px; width: 253px; height: 104px; } #header_text_basket { position: absolute; left: 15px; top: 21px; font-weight: bold; font-size: 18px; color: #FFFFFF; } #header_text_price { position: absolute; left: 15px; top: 44px; font-size: 13px; color: #FFFFFF; } #header_price { position: absolute; left: 112px; top: 44px; font-weight: bold; font-size: 13px; color: #FFFFFF; } #header_text_pieces { position: absolute; left: 15px; top: 63px; font-size: 13px; color: #FFFFFF; } #header_pieces { position: absolute; left: 112px; top: 63px; font-weight: bold; font-size: 13px; color: #FFFFFF; } #header_order { position: absolute; top: 0px; right: 0px; width: 253px; height: 104px; text-decoration: none; } #header_cz { position: absolute; top: 5px; right: 335px; } #header_sk { position: absolute; top: 5px; right: 300px; } #header_eu { position: absolute; top: 5px; right: 265px; } #middle { width: 1000px; background-color: #FFFFFF; display: table; } #left { float: left; width: 190px; vertical-align: top; padding-right: 10px; } #center { float: left; width: 796px; vertical-align: top; min-height: 250px; padding-right: 4px; } #copyright { float: left; } #kn { float: right; margin-top: -135px; } #gopay { float: left; margin-left: 70px; } #netshops { float: right; } #netshops img { vertical-align: -21px; } #netshops span { font-size: 10px; vertical-align: -8px; padding-right: 10px; } .footer_block_h { font-size: 14px; font-weight: bold; margin-bottom: 15px; } .footer_block { float: left; width: 240px; margin: 10px 0 10px 0; } .footer_block a { text-decoration: underline; line-height: 20px; } /* ------------------------------------------ Drobenka ------------------------------------------ */ .actual { padding: 15px 10px; width: 972px; height: 18px; position: relative; z-index: 1; background: url("../_img/center_bg.png") transparent no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pos_1 { font-weight: bold; } .pos_1 a { font-weight: bold; } .pos_2 { font-weight: bold; } .pos_2 a { font-weight: bold; } .pos_3 { } .pos_3 a { } .pos_4 { } .pos_4 a { } .pos_5 { } .pos_5 a { } /* ------------------------------------------- Značky ------------------------------------------- */ .producers { } .producers h2 { } .producers ul { display: block; width: 29%; float: left; } .producers li { } .producers div { } /* --------------------------------------------- */ .categories { float: left; width: 100%; padding: 15px 0 5px 0; background: url("../_img/categories_bg.png") 0 100% #FFFFFF repeat-x; } .categories_text { padding: 0 0 10px 15px; font-weight: bold; color: #FF7316; } .categories ul.ulleft { display: block; width: 29%; float: left; } .categories li.linone { list-style-type: none; } .categories li.linone li{ margin-left: -5px; } .categories li { margin-left: 10px; } .categories div { display: table; width: 100%; } .message { padding: 2px 0; } .messages { padding: 15px 15px 0 15px; color: #D72B2A; font-size: 13px; font-weight: bold; } .active_table { cursor: pointer; padding: 0px; } .active_table td { padding: 4px 12px; vertical-align: top; } .active_table img { vertical-align: -5px; } .noactive_table { padding: 0px; } .noactive_table td { padding: 4px 12px; vertical-align: top; } .noactive_table img { vertical-align: -5px; } .row_even { } .row_odd { background-color: #F7F7F7; } .active_table .row_even:hover, .noactive_table .row_even:hover { background-color: #DDDDDD; } .active_table .row_odd:hover, .noactive_table .row_odd:hover { background-color: #DDDDDD; } .highlight_row { background-color: #DDDDDD; cursor: auto; } .highlight_row td { font-weight: bold; } /* ---------------------------------------- Inline košík ---------------------------------------- */ #actual_basket { } .actual_basket_buttons { display: table; } .actual_basket_button { float: left; padding: 15px 0 0 15px; line-height: 1.5em; } /* ------------------------------------------- Košík -------------------------------------------- */ .basket_name a { color: #E75D00; font-weight: bold; } .basket_step_10 { position: absolute; z-index: 400; left: 0px; top: 0px; display: block; background: url("../_img/basket_off.png") no-repeat; width: 198px; height: 30px; padding: 12px 0 0 49px; text-decoration: none; font-weight: bold; font-size: 12px; } .basket_step_11 { position: absolute; z-index: 400; left: 0px; top: 0px; display: block; background: url("../_img/basket_on.png") no-repeat; width: 198px; height: 30px; padding: 12px 0 0 49px; text-decoration: none; font-weight: bold; font-size: 12px; color: #FFFFFF; } .basket_step_20 { position: absolute; z-index: 300; left: 193px; top: 0px; display: block; background: url("../_img/basket_off.png") no-repeat; width: 173px; height: 30px; padding: 12px 0 0 61px; text-decoration: none; font-weight: bold; font-size: 12px; } .basket_step_21 { position: absolute; z-index: 300; left: 193px; top: 0px; display: block; background: url("../_img/basket_on.png") no-repeat; width: 173px; height: 30px; padding: 12px 0 0 61px; text-decoration: none; font-weight: bold; font-size: 12px; color: #FFFFFF; } .basket_step_30 { position: absolute; z-index: 200; left: 386px; top: 0px; display: block; background: url("../_img/basket_off.png") no-repeat; width: 173px; height: 30px; padding: 12px 0 0 57px; text-decoration: none; font-weight: bold; font-size: 12px; } .basket_step_31 { position: absolute; z-index: 200; left: 386px; top: 0px; display: block; background: url("../_img/basket_on.png") no-repeat; width: 173px; height: 30px; padding: 12px 0 0 57px; text-decoration: none; font-weight: bold; font-size: 12px; color: #FFFFFF; } .basket_step_40 { position: absolute; z-index: 100; left: 579px; top: 0px; display: block; background: url("../_img/basket_off.png") no-repeat; width: 151px; height: 30px; padding: 12px 0 0 79px; text-decoration: none; font-weight: bold; font-size: 12px; } .basket_step_41 { position: absolute; z-index: 100; left: 579px; top: 0px; display: block; background: url("../_img/basket_on.png") no-repeat; width: 151px; height: 30px; padding: 12px 0 0 79px; text-decoration: none; font-weight: bold; font-size: 12px; color: #FFFFFF; } .basket_steps { margin: 0px 0px 20px 0px; position: relative; height: 42px; } .basket_instep_10 { display: block; float: left; background: url("../_img/basket_sub_off.png") no-repeat; width: 163px; height: 36px; padding: 6px 0 0 24px; text-decoration: none; font-weight: bold; line-height: 1.3em; } .basket_instep_10 span { font-size: 11px; font-weight: normal; display: block; } .basket_instep_11 { display: block; float: left; background: url("../_img/basket_sub_on.png") no-repeat; width: 163px; height: 36px; padding: 6px 0 0 24px; text-decoration: none; font-weight: bold; line-height: 1.3em; color: #FFFFFF; } .basket_instep_11 span { font-size: 11px; font-weight: normal; display: block; color: #FFFFFF; } .basket_instep_20 { display: block; float: left; background: url("../_img/basket_sub_off.png") no-repeat; width: 163px; height: 36px; padding: 6px 0 0 24px; text-decoration: none; font-weight: bold; line-height: 1.3em; margin: 0 110px; } .basket_instep_20 span { font-size: 11px; font-weight: normal; display: block; } .basket_instep_21 { display: block; float: left; background: url("../_img/basket_sub_on.png") no-repeat; width: 163px; height: 36px; padding: 6px 0 0 24px; text-decoration: none; font-weight: bold; line-height: 1.3em; color: #FFFFFF; margin: 0 110px; } .basket_instep_21 span { font-size: 11px; font-weight: normal; display: block; color: #FFFFFF; } .basket_instep_30 { display: block; float: left; background: url("../_img/basket_sub_off.png") no-repeat; width: 163px; height: 36px; padding: 6px 0 0 24px; text-decoration: none; font-weight: bold; line-height: 1.3em; } .basket_instep_30 span { font-size: 11px; font-weight: normal; display: block; } .basket_instep_31 { display: block; float: left; background: url("../_img/basket_sub_on.png") no-repeat; width: 163px; height: 36px; padding: 6px 0 0 24px; text-decoration: none; font-weight: bold; line-height: 1.3em; color: #FFFFFF; } .basket_instep_31 span { font-size: 11px; font-weight: normal; display: block; color: #FFFFFF; } .basket_insteps { display: table; padding: 0px 0px 20px 0px; } /* ------------------------------------------- Články ------------------------------------------- */ h2.articles_category { background: none; margin: 0 0 15px 0; padding: 0; border-bottom: 1px solid #373737; font-size: 14px; } .articles_box { display: table; width: 100%; height: 100%; } .articles_name { font-size: 13px; font-weight: bold; } .articles_date { float: right; font-weight: bold; } .articles_anotation { text-align: justify; line-height: 1.5em; padding-top: 5px; } .articles_anotation p { padding: 0 0 10px 0; } .articles_gototext { float: right; font-weight: bold; padding: 5px 0 10px 0; } /* ------------------------------------------ Aktuality ----------------------------------------- */ h2.novelties_category { background: none; margin: 0 0 15px 0; padding: 0; border-bottom: 1px solid #373737; font-size: 14px; } .novelties_box { display: table; width: 100%; height: 100%; } .novelties_name { font-size: 13px; font-weight: bold; } .novelties_date { float: right; font-weight: bold; } .novelties_anotation { text-align: justify; line-height: 1.5em; padding-top: 5px; } .novelties_anotation p { padding: 0 0 10px 0; } .novelties_gototext { float: right; font-weight: bold; padding: 5px 0 10px 0; } /* ----------------------------------------- Boční boxy ----------------------------------------- */ .col_head_categories { color: #FFFFFF; height: 27px; padding: 6px 0px 0px 6px; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 1em; } .col_head_left_top { height: 21px; margin-left: 4px; font-size: 12px; font-weight: bold; } .col_head_left { color: #FFFFFF; height: 21px; padding: 5px 0px 0px 15px; margin-left: 4px; font-size: 12px; font-weight: bold; background-color: #8F8F8F; } .col_head_left a { color: #FFFFFF; } .col_head_right_top { color: #FFFFFF; height: 21px; padding: 5px 0px 0px 15px; margin-right: 4px; font-size: 12px; font-weight: bold; background-color: #8F8F8F; } .col_head_right { color: #FFFFFF; height: 21px; padding: 5px 0px 0px 15px; margin-right: 4px; font-size: 12px; font-weight: bold; background-color: #8F8F8F; } .col_head_right a { color: #FFFFFF; } .col_body_left_top { padding: 0; margin-left: 4px; margin-top: 5px; margin-bottom: 15px; } .col_body_left { background-color: #F7F7F7; padding: 10px 13px 0px 13px; margin-left: 4px; margin-bottom: 15px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } .col_body_right { background-color: #F7F7F7; padding: 10px 13px 0px 13px; margin-right: 4px; margin-bottom: 15px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } .col_body_right_top { background-color: #F7F7F7; padding: 10px 13px 0px 13px; margin-right: 4px; margin-bottom: 15px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } .col_foot_left_top { background-color: #F7F7F7; height: 15px; margin-bottom: 15px; margin-left: 4px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } .col_foot_left { background-color: #F7F7F7; height: 15px; margin-bottom: 15px; margin-left: 4px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } .col_foot_right_top { background-color: #F7F7F7; height: 15px; margin-bottom: 15px; margin-right: 4px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } .col_foot_right { background-color: #F7F7F7; height: 15px; margin-bottom: 15px; margin-right: 4px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } .col_right { width: 215px; min-height: 200px; float: right; margin: -306px -13px 0 0; } .col_contact { background: url("../_img/contact_bg.png") transparent no-repeat; margin: -10px; padding-left: 72px; min-height: 122px; } .col_input { background: url("../_img/input_bg.png") #FFFFFF repeat-x; margin: 0 0 7px 0; padding: 3px; width: 125px; float: left; border: 1px solid #DDD2BE; } .col_input_full { background: url("../_img/input_bg.png") #FFFFFF repeat-x; margin: 0 0 7px 0; padding: 3px; width: 160px; float: left; border: 1px solid #DDD2BE; } .col_textarea { width: 160px; height: 100px; margin: 6px 0 10px 0; padding: 3px 4px; background: url("../_img/input_bg.png") #FFFFFF repeat-x; } .col_textarea_full { width: 555px; height: 100px; margin: 0px 0 10px 0; padding: 3px 4px; background: url("../_img/input_bg.png") #FFFFFF repeat-x; } .col_input_text { padding-bottom: 7px; } .col_natural { padding: 13px 0 0 1px; } .col_natural a { vertical-align: 5px; } .col_date { font-size: 10px; } .col_name { font-size: 12px; font-weight: bold; padding-bottom: 10px; } .col_name a { } .col_reference { text-align: right; font-size: 10px; font-weight: bold; margin-top: -10px; } /* --------------------------------------- Boční oddělení --------------------------------------- */ .mt_cat_on { display: block; float: left; width: 92px; padding: 3px 0px 5px 0px; color: #FFFFFF; font-weight: bold; font-size: 10px; text-decoration: none; text-align: center; background: url("../_img/mt_on.png") transparent repeat-x; margin-right: 1px; } .mt_cat_off { display: block; float: left; width: 92px; padding: 3px 0px 5px 0px; color: #FFFFFF; font-weight: bold; font-size: 10px; text-decoration: none; text-align: center; background: url("../_img/mt_off.png") transparent repeat-x; margin-right: 1px; } .mt_pro_on { display: block; float: left; width: 93px; padding: 3px 0px 5px 0px; color: #FFFFFF; font-weight: bold; font-size: 10px; text-decoration: none; text-align: center; background: url("../_img/mt_on.png") transparent repeat-x; } .mt_pro_off { display: block; float: left; width: 93px; padding: 3px 0px 5px 0px; color: #FFFFFF; font-weight: bold; font-size: 10px; text-decoration: none; text-align: center; background: url("../_img/mt_off.png") transparent repeat-x; } ul.navigation { padding: 0; margin: 0; list-style-type: none; } ul.navigation li { padding: 0; margin: 0; } ul.navigation a { display: block; padding: 3px 0; text-decoration: none; border-bottom: 1px solid #F3F3F3; } ul.navigation li.n1 a, ul.navigation li.n1s a { background: url("../_img/n1.png") 10px 6px no-repeat; padding-left: 30px; } ul.navigation li.n2 a, ul.navigation li.n2s a { background: url("../_img/n2.png") 28px 6px no-repeat; padding-left: 45px; } ul.navigation li.n3 a, ul.navigation li.n3s a { background: url("../_img/n2.png") 46px 6px no-repeat; padding-left: 63px; } ul.navigation li.n4 a, ul.navigation li.n4s a { background: url("../_img/n2.png") 64px 6px no-repeat; padding-left: 81px; } ul.navigation li.n1:hover { background-color: #EFEFEF; } ul.navigation li.n2:hover { background-color: #EFEFEF; } ul.navigation li.n3:hover { background-color: #EFEFEF; } ul.navigation li.n4:hover { background-color: #EFEFEF; } ul.navigation li.n1s { background-color: #EFEFEF; } ul.navigation li.n2s { background-color: #EFEFEF; } ul.navigation li.n3s { background-color: #EFEFEF; } ul.navigation li.n4s { background-color: #EFEFEF; } /* -------------------------------------- Boční přihlášení -------------------------------------- */ .login_label { width: 45px; padding-top: 2px; float: left; } .login_items { padding: 0 0 10px 0; } .login_company { padding-left: 50px; } .login_input { border: 1px solid #D6D6D6; background: url("../_img/input_bg.png") #FFFFFF repeat-x; margin: 0px 0 4px 0; padding: 3px; width: 115px; float: left; } .login_password_input { border: 1px solid #D6D6D6; background: url("../_img/input_bg.png") #FFFFFF repeat-x; margin: 0; padding: 3px; width: 92px; float: left; } .login_text a { vertical-align: 5px; } /* -------------------------------------- Boční statistiky -------------------------------------- */ .top_box { clear: both; } .top_thumbnail { float: left; width: 50px; margin: 0 10px 5px 0; text-align: center; } .top_thumbnail img { max-width: 45px; max-height: 45px; } .top_name { float: left; width: 125px; line-height: 1.35em; text-decoration: none; display: block; } .top_price { float: right; font-weight: bold; color: #FF7316; margin-left: 10px; } /* ---------------------------------------- Boční anketa ---------------------------------------- */ .inquirie_question { margin-bottom: 10px; text-align: center; } .inquirie { margin-top: 7px; } .inquirie a { text-decoration: none; } .inquirie a:hover { text-decoration: underline; } .inq_grey { margin-top: 4px; height: 10px; min-width: 5px; float: left; background: url("../_img/stripes/grey.gif") repeat-x; } .inq_red { margin-top: 4px; height: 10px; min-width: 5px; float: left; background: url("../_img/stripes/red.gif") repeat-x; } .inq_orange { margin-top: 4px; height: 10px; min-width: 5px; float: left; background: url("../_img/stripes/orange.gif") repeat-x; } .inq_yellow { margin-top: 4px; height: 10px; min-width: 5px; float: left; background: url("../_img/stripes/yellow.gif") repeat-x; } .inq_green { margin-top: 4px; height: 10px; min-width: 5px; float: left; background: url("../_img/stripes/green.gif") repeat-x; } .inq_darkgreen { margin-top: 4px; height: 10px; min-width: 5px; float: left; background: url("../_img/stripes/darkgreen.gif") repeat-x; } .inq_blue { margin-top: 4px; height: 10px; min-width: 5px; float: left; background: url("../_img/stripes/blue.gif") repeat-x; } .inq_darkblue { margin-top: 4px; height: 10px; min-width: 5px; float: left; background: url("../_img/stripes/darkblue.gif") repeat-x; } .inq_violet { margin-top: 4px; height: 10px; min-width: 5px; float: left; background: url("../_img/stripes/violet.gif") repeat-x; } .inq_pink { margin-top: 4px; height: 10px; min-width: 5px; float: left; background: url("../_img/stripes/pink.gif") repeat-x; } /* -------------------------------------- Záhlaví katalogu -------------------------------------- */ .filter_np { position: absolute; top: 185px; text-align: right; width: 790px; font-size: 13px; font-weight: bold; z-index: 1000; } .filter_categories { float: left; width: 100%; padding: 13px 0 17px 0; background: url("../_img/categories_bg.png") 0 100% #FFFFFF repeat-x; } .filter_category_label { margin-left: 15px; font-weight: bold; color: #FF7316; } .filter_category_img { float: left; width: 158px; margin: 13px 0 0 14px; height: 67px; padding: 7px 10px 4px 10px; background: url("../_img/cat_imgb_bg.png") transparent no-repeat; } .filter_category_txt { float: left; width: 148px; margin: 13px 0 0 14px; height: 16px; padding: 4px 15px 4px 15px; background: url("../_img/cat_imgm_bg.png") transparent no-repeat; text-decoration: none; } .filter_category_span { float: left; text-align: center; vertical-align: middle; margin-right: 15px; line-height: 62px; } .filter_category_span img{ vertical-align: middle; } .filter_category_name { float: left; margin-top: 3px; font-size: 12px; width: 78px; } .filter_bookmark { float: left; margin: 15px 0 -1px 7px; position: relative; padding: 5px 10px; width: 75px; height: 14px; font-weight: bold; background: url("../_img/filter_bookmark.png") 0 0 transparent no-repeat; cursor: pointer; } .filter_bookmark_on { float: left; margin: 15px 0 -1px 7px; position: relative; padding: 5px 10px; width: 75px; height: 14px; font-weight: bold; background: url("../_img/filter_bookmark.png") -95px 0 transparent no-repeat; cursor: pointer; } .filter_box { float: left; width: 96%; padding: 12px 2.0%; overflow: none; background: url("../_img/filter_bg.png") #FFFFFF repeat-x; } .filter_item { float: left; width: 151px; padding-top: 1px; } .filter { } .filter .flt { float: left; margin-right: 20px; } .filter .nom { margin-left: 5px; } .filter .cat_sort_asc { display: block; background: url("../_img/sort_asc.png") no-repeat; width: 19px; height: 19px; margin: 3px 6px 0 0; text-decoration: none; float: left; } .filter .cat_sort_desc { display: block; background: url("../_img/sort_desc.png") no-repeat; width: 19px; height: 19px; margin: 3px 6px 0 0; text-decoration: none; float: left; } .filter_label_pv2 { float: left; margin: 4px 15px 4px 0; cursor: pointer; } .filter_label_pv2_on { float: left; margin: 4px 15px 4px 0; cursor: pointer; color: #FF7316; font-weight: bold; } .filter_label_pv2 img { padding-left: 3px; } .filter_label_pv2_on img{ padding-left: 3px; } .filter_label_pv3 { float: left; margin: 4px 15px 4px 0; font-weight: bold; color: #FF7316; } .filter_active { border: 1px dotted #FF9500; padding: 5px 10px; margin: 5px 8px; } .filter_active_header { font-size: 12px; color: #FA231A; text-align: center; font-weight: bold; padding-bottom: 5px; } .cancel_filter { color: #FF7316; font-weight: bold; padding-right: 10px; } /* ---------------------------------------- Katalog zboží --------------------------------------- */ .catalog_top { float: left; width: 100%; padding-bottom: 15px; margin-bottom: 15px; } .catalog { padding: 0px; margin: 0px 0px 15px 0px; clear: both; } .catalog_left { float: left; width: 190px; height: 255px; margin: 15px 5px 0 0px; position: relative; border: 1px solid #EEE8E0; } .catalog_center { float: left; width: 190px; height: 255px; margin: 15px 5px 0 4px; position: relative; border: 1px solid #EEE8E0; } .catalog_right { float: left; width: 190px; height: 255px; margin: 15px 0px 0 5px; position: relative; border: 1px solid #EEE8E0; } .catalog_stars { position: absolute; top: 117px; left: 10px; } .catalog_icon { position: absolute; top: -3px; left: 50px; } .catalog_fd { position: absolute; top: -3px; left: 50px; } .catalog_thumbnail { width: 190px; text-align: center; padding-top: 10px; } .catalog_thumbnail span { line-height: 110px; } .catalog_thumbnail img { vertical-align: middle; } .catalog_name { width: 170px; padding: 10px 10px 0px 10px; vertical-align: middle; font-size: 12px; font-weight: bold; line-height: 1.4em; } .catalog_name a { text-decoration: none; } .catalog_anotation { padding-top: 5px; font-size: 11px; font-weight: normal; line-height: 1.4em; } .catalog_price_common { position: absolute; left: 10px; bottom: 22px; font-size: 10px; font-weight: bold; text-decoration: line-through; } .catalog_price { position: absolute; left: 10px; bottom: 7px; font-size: 15px; color: #FF7316; font-weight: bold; } .catalog_price span { font-size: 9px; } .catalog_avail_text { position: absolute; right: 10px; bottom: 22px; } .catalog_availability { position: absolute; right: 10px; bottom: 7px; font-weight: bold; } /* --------------------------------------- Detail výrobku --------------------------------------- */ .product { padding: 0px; margin: 0px 0px 15px 0px; background: url("../_img/product_bg.png") transparent no-repeat; position: relative; } .product_in { background-color: #FFFFFF; } .product_left { float: left; width: 50%; margin: 5px 0 15px 0; } .product_right { float: left; width: 48%; margin: 0px 2% 15px 0; } .product_right td { padding: 3px 0 3px 10px; } .product_photo { text-align: center; min-height: 210px; } .product_photo span { line-height: 210px; } .product_photo img { vertical-align: middle; } .product_gallery { margin: 20px 15px; } .product_gallery img { max-width: 75px; max-height: 75px; } .product_icon { position: absolute; top: -3px; left: 10px; } .product_fd { position: absolute; top: -3px; left: 100px; } .product_toolbar { padding: 10px 0; margin: 10px 0; font-weight: normal; border-top: 1px dotted #FFFFFF; text-align: right; } .product_toolbar_i { float: right; } .product_toolbar_i img { float: right; padding-left: 10px; } .product_toolbar_i span { float: right; } .product_availability { float: left; padding-right: 3px; vertical-align: 3px; font-weight: bold; } .product_row { background-color: #F7F4EE; } .product_row td { width: 50%; } .product_price_common { text-decoration: line-through; } .product_price_text { font-size: 18px; padding: 10px !important; } .product_price { font-size: 20px; color: #EC2823; font-weight: bold; padding: 10px !important; } .product_mini { font-size: 11px; font-weight: normal; } .product_selects { margin: 10px 0; border: 1px solid #8F8F8F; } .product_details { margin: 10px 0; } .ltd { width: 50%; } .rtd { width: 50%; } /* -------------------------------------- Záložky produktu -------------------------------------- */ #bookmarks { background-color: #EFEFEF; margin: 0; padding: 0; width: 100%; float: left; } #bookmark_on1 { display: block; float: left; height: 20px; font-weight: bold; padding: 4px 16px 0 16px; text-align: center; color: #FFFFFF; background-color: #8F8F8F; } #bookmark_off1 { display: none; float: left; height: 20px; font-weight: bold; padding: 4px 16px 0 16px; text-align: center; cursor: pointer; } #bookmark_on2 { display: none; float: left; height: 20px; font-weight: bold; padding: 4px 16px 0 16px; text-align: center; color: #FFFFFF; background-color: #8F8F8F; } #bookmark_off2 { display: block; float: left; height: 20px; font-weight: bold; padding: 4px 16px 0 16px; text-align: center; cursor: pointer; } #bookmark_on3 { display: none; float: left; height: 20px; font-weight: bold; padding: 4px 16px 0 16px; text-align: center; color: #FFFFFF; background-color: #8F8F8F; } #bookmark_off3 { display: block; float: left; height: 20px; font-weight: bold; padding: 4px 16px 0 16px; text-align: center; cursor: pointer; } #bookmark_on4 { display: none; float: left; height: 20px; font-weight: bold; padding: 4px 16px 0 16px; text-align: center; color: #FFFFFF; background-color: #8F8F8F; } #bookmark_off4 { display: block; float: left; height: 20px; font-weight: bold; padding: 4px 16px 0 16px; text-align: center; cursor: pointer; } #bookmark_on5 { display: none; float: left; height: 20px; font-weight: bold; padding: 4px 16px 0 16px; text-align: center; color: #FFFFFF; background-color: #8F8F8F; } #bookmark_off5 { display: block; float: left; height: 20px; font-weight: bold; padding: 4px 16px 0 16px; text-align: center; cursor: pointer; } #bookmark_on6 { display: none; float: left; height: 20px; font-weight: bold; padding: 4px 16px 0 16px; text-align: center; color: #FFFFFF; background-color: #8F8F8F; } #bookmark_off6 { display: block; float: left; height: 20px; font-weight: bold; padding: 4px 16px 0 16px; text-align: center; cursor: pointer; } #bookmark_text1 { padding-top: 0px; clear: both; display: table; width: 100%; } #bookmark_text2, #bookmark_text3, #bookmark_text4, #bookmark_text5, #bookmark_text6 { display: none; padding-top: 10px; clear: both; } #bookmark_text1 .pl h1, #bookmark_text1 .pl h2, #bookmark_text1 .pl h3, #bookmark_text1 .pl h4, #bookmark_text1 .pl h5 { margin: 3px 0; padding: 0; background-image: none; } /* ------------------------------------------ Hodnocení ----------------------------------------- */ .review_box { border: 1px dotted #B1BDCB; padding: 7px 10px 4px 10px; margin: 0 0 10px 0; } .review_text { clear: both; padding-top: 5px; } /* ----------------------------------------- Stránkování ---------------------------------------- */ .paginate_hrefs { padding: 10px 15px 25px 15px; clear: both; } .pagetext { float: left; padding-top: 3px; } .top_paginate { float: right; margin: 9px 10px 5px 10px; } .btm_paginate { float: right; margin: 5px 0px 5px 0px; } .pg_nct,.pg_act,.pg_tct { float: right; margin: 0px 0px 0px 4px; font-weight: bold; text-align: center; } .pg_tct { width: 20px; height: 18px; padding: 3px 0px 0px 1px; text-align: center; } .pg_act a { background: url("../_img/paginate_y_bg.png") transparent repeat-x; width: 20px; height: 18px; padding: 3px 0px 0px 1px; text-align: center; display: block; text-decoration: none; } .pg_nct { background: url("../_img/paginate_n_bg.png") transparent repeat-x; width: 20px; height: 18px; padding: 3px 0px 0px 1px; text-align: center; color: #FFFFFF; } /* ---------------------------------------- Mapa stránek ---------------------------------------- */ ul.sitemap li { margin: 2px 0 2px;} ul.sitemap { padding: 0; margin: 0 0 0 22px; list-style-image: url("../_img/n2.png"); } ul.sitemap ul { padding: 0; margin: 0 0 0 22px; list-style-image: url("../_img/n2.png"); } ul.sitemap ul ul { padding: 0; margin: 0 0 0 22px; list-style-image: url("../_img/n2.png"); } ul.sitemap ul ul ul { padding: 0; margin: 0 0 0 22px; list-style-image: url("../_img/n2.png"); } /* -------------------------------------- Chci lepší cenu --------------------------------------- */ .bp_title { font-size: 16px; font-weight: bold; } .bp_price { float: right; font-weight: bold; margin-top: -2px; } .bp_price span { color: #FF7316; font-size: 16px; } /* ---------------------------------------- Autocomplete ---------------------------------------- */ .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; } .ac_loading { background: white url("../_img/indicator.gif") right center no-repeat; } .ac_odd { } .ac_over { background-color: #E9E9E9; text-decoration: underline; } .ac_h { margin: -2px -5px; padding: 2px 5px; background-color: #767676; color: white; } .ac_h:hover { text-decoration: underline; } /* ------------------------------------------- Tooltip ------------------------------------------ */ .tooltip { display: none; background: transparent url("https://www.motops.cz/templates/motops/_img/tooltip/white_arrow.png"); font-size: 11px; height: 80px; width: 170px; padding: 20px; color: #505050; } /* ------------------------------------------- Valid8 ------------------------------------------- */ .form8 .v8, .form8 .v8c, .form8 .v8d, .form8 .v8i { float: left; clear: both; overflow: hidden; padding: 2px 4px; margin: 1px 0px; width: 158px; } .form8 .input { width: 150px; } .v8c.error, .v8d.error, .v8i.error { background-color: #EFD8D7; } .v8c.error .input, .v8d.error .input, .v8i.error .input { border-color: #C8A5A5; background-color: #FFFFFF; } /* .v8.valid { background-color: #A4EFAE; } .v8.valid .input { border-color: #A5C8A6; background-color: #FFFFFF; } */ .v8.valid span { display: none; } /* ------------------------------------------ Proč my ------------------------------------------- */ .reasons { position: absolute; left: 50%; top: 0px; margin: 150px 0 0 500px; padding: 10px; width: 130px; background-color: #FFFFFF; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; } .reasons h2 { font-size: 15px; height: auto; margin: 0 0 0px 0; padding: 0px; background-color: #FFFFFF; color: #DE0000; font-weight: bold; } .reasons h3 { font-size: 12px; height: auto; margin: 10px 0 10px 0; padding: 0px; background-color: #FFFFFF; color: #8F8F8F; } .reasons .rblock { border-top: 1px solid #E5E5E5; padding-top: 10px; } .reasons .rpros { padding-top: 3px; } .reasons .rpros span { font-weight: bold; color: #009933; } /* -------------------------------------------- Menu -------------------------------------------- */ ul.dropdown { position: relative; float: left; margin: 0; padding: 0 10px; color: #EFEFEF; z-index: 597; } ul.dropdown a { color: #EFEFEF; text-decoration: none; } ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 150px; margin: 0; padding: 0; } ul.dropdown li { position: relative; z-index: 599; float: left; list-style: none; cursor: default; margin: 0; padding: 0; line-height: 1.5em; vertical-align: middle; } ul.dropdown ul li { float: none; background: url("../_img/menu_bg.png"); } ul.dropdown ul li:hover { background: url("../_img/grad.png") 0 100% repeat-x; } ul.dropdown ul ul { top: 0px; left: 100%; } ul.dropdown li:hover > ul { visibility: visible; } ul.dropdown a, ul.dropdown span { display: block; padding: 5px 10px 6px 10px; } ul.dropdown ul a, ul.dropdown ul span { padding: 5px 12px 5px 12px; } ul.dropdown ul li:hover > *.dir { color: #000000; } ul.dropdown .lisep { height: 0px; border-top: 1px solid #EFEFEF; } ul.dropdown .lisep:hover { background: none; } /* --------------------------------------- Better tooltip --------------------------------------- */ .btip { width: 209px; padding-top: 21px; overflow: hidden; display: none; position: absolute; z-index: 500; background: transparent url("../_img/tooltip/tipTop.png") no-repeat top; font-weight: normal; text-decoration: none; } .btipMid { background: transparent url("../_img/tooltip/tipMid.png") repeat-y; padding: 0 25px 5px 25px; } .btipBtm { background: transparent url("../_img/tooltip/tipBtm.png") no-repeat bottom; height: 34px; }