/* Стандартная ширина окна браузера - 360px */ @font-face { font-family: 'font_Regular'; src: url('../fonts/SofiaSansCondensed-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'font_Bold'; src: url('../fonts/SofiaSansCondensed-ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'font_Capt'; src:url('../fonts/thecapt.woff') format('woff'); font-weight: normal; font-style: normal; } html, body, #DOM_container { margin:0px; } body { background-color:#f7ecd6; } body > #DOM_container { position:relative; left:0px; top:0px; } #DOM_ready { min-width:360px; } span { font-family:font_Regular; } span.bold { font-family:font_Bold; } span.capt { font-family:font_Capt; } .transparent { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; } .middle { vertical-align:middle; } .bottom { vertical-align:text-bottom; } .tight { line-height:1000%; } .none { font-style:italic; color:#777; } .js { cursor:pointer; } .nobr { white-space:nowrap; } .clear { clear:both; } h1, h2, h3 { font-weight:normal; margin:0px; display:inline; } div.divider, div.div_horiz { width:100%; background-color:#e6e6e6; height:1px; } #page_content { padding-top:58px; } @media (max-height: 380px) { #page_content { padding-top:10px; } } div.page_inner { padding:0 10px 0 10px; } @media (min-width: 720px) { div.page_inner { padding:0 20px 0 20px; } } /* Текстовые размеры */ span.bigger4 { font-size:2.4rem; } span.bigger3 { font-size:2.2rem; } span.bigger2 { font-size:2.0rem; } span.bigger1 { font-size:1.8rem; } span.bigger05 { font-size:1.7rem; } span.norm { font-size:1.6rem; } span.smaller05 { font-size:1.5rem; } span.smaller1 { font-size:1.4rem; } span.smaller2 { font-size:1.2rem; } span.smaller3 { font-size:1.1rem; } span.smaller4 { font-size:1.0rem; } /* Текстовые цвета */ span.std { color:#000; } span.title { color:#000; } span.gray { color:#828282; } span.nb { color:#e65000; } span.nb2 { color:#e65000; } span.hidden { color:#969696; } span.superhidden { color:#b4b4b4; } span.error { color:#e00; } span.disabled { color:#bbb; } span.white { color:#fff; } span.green { color:#509600; } span.yellow { color:#f07800; } /* Ссылки */ a, span.a { cursor:pointer; color:#0096b4; text-decoration:none; } a:hover, span.a:hover { color:#aa50b4; text-decoration:none; } /* Классификация поведения ссылок */ a.block, a.block:hover, span.a_block, span.a_block:hover { text-decoration:none; } /* Классификация цвета ссылок */ a.std, span.a_std { color:#000; } a.std:hover, span.a_std:hover { color:#000; } a.dark, span.a_dark { color:#326e8c; } a.dark:hover, span.a_dark:hover { color:#aa50b4; } /* Название страницы (кроме категорий товаров) */ div.page_head div.page_title span.bigger2 { font-size:2.2rem; } /* Иллюстрации */ .image { border:none; border-radius:4px; display:block; } /* Ярлычки */ div.minitab { display:none; width:80px; padding:2px 5px 1px 9px; overflow:hidden; border-top-left-radius:4px; border-top-right-radius:4px; color:#fff; text-decoration:none; text-align:center; } div.minitab_new { background-color:#ff5000; } div.minitab_action { background-color:#ff0064; } div.minitab span { white-space:nowrap; font-size:10px; } /* Иконка ожидания */ div.wait { display:inline-block; width:20px; height:20px; background:url(../img_pub/mob/wait.gif) no-repeat left top; background-size:20px auto; } /* Иконки */ div.icon_ { background:url(../img_pub/mob/icons.png) no-repeat 0px 0px; background-size:500px auto; } div.icon_.icon_search { width:32px; height:32px; background-position:0px 0px; } .icon_owner.active div.icon_.icon_search { background-position:-132px 0px; } div.icon_.icon_account { width:32px; height:32px; background-position:-33px 0px; } .icon_owner.active div.icon_.icon_account { background-position:-165px 0px; } div.icon_.icon_basket { width:32px; height:32px; background-position:-66px 0px; } div.icon_.icon_menu { width:32px; height:32px; background-position:-99px 0px; } .icon_owner.active div.icon_.icon_menu { background-position:-198px 0px; } div.icon_.icon_logo { width:128px; height:32px; background-position:-231px 0px; } div.icon_.icon_contacts { width:32px; height:32px; background-position:-262px -74px; } div.icon_.icon_subscr { width:32px; height:32px; background-position:-64px -74px; } div.icon_.icon_desktop { width:32px; height:32px; background-position:-97px -74px; } div.icon_.icon_socnet_vkontakte { width:32px; height:32px; background-position:-130px -74px; } div.icon_.icon_socnet_facebook { width:32px; height:32px; background-position:-163px -74px; } div.icon_.icon_swipe_left { width:15px; height:26px; background-position:-360px 0px; } div.icon_.icon_swipe_right { width:15px; height:26px; background-position:-376px 0px; } div.icon_.icon_pulldn { width:12px; height:12px; background-position:-392px 0px; } .icon_owner.active div.icon_.icon_pulldn { background-position:-405px 0px; } div.icon_.icon_pulldn_invers { width:12px; height:12px; background-position:-392px -13px; } .icon_owner.active div.icon_.icon_pulldn_invers { background-position:-405px -13px; } /* div.icon_.icon_pulldn_big { width:18px; height:18px; background-position:-425px -74px; } .icon_owner.active div.icon_.icon_pulldn_big { background-position:-444px -74px; } */ div.icon_.icon_pulldn_big { width:18px; height:18px; background-position:-444px -93px; } div.icon_.icon_slidepoint { width:8px; height:8px; background-position:-418px -9px; } .icon_owner.active div.icon_.icon_slidepoint { background-position:-418px 0px; } div.icon_.icon_addbasket_big { width:40px; height:40px; background-position:-85px -33px; } div.icon_.icon_gobasket_big { width:40px; height:40px; background-position:-126px -33px; } div.icon_.icon_nobasket_big { width:24px; height:24px; background-position:-427px 0px; } div.icon_.icon_checkbox { width:20px; height:20px; background-position:-21px -33px; } div.icon_.icon_checkbox.checked { background-position:0px -33px; } div.icon_.icon_checkbox.disabled { background-position:-63px -33px; } div.icon_.icon_checkbox.checked.disabled { background-position:-42px -33px; } div.icon_.icon_hit { width:36px; height:36px; background-position:-130px -33px; } div.icon_.icon_pager { width:40px; height:40px; } div.icon_.icon_pager.begin { background-position:-331px -33px; } div.icon_.icon_pager.begin.disabled { background-position:-167px -33px; } div.icon_.icon_pager.end { background-position:-372px -33px; } div.icon_.icon_pager.end.disabled { background-position:-208px -33px; } div.icon_.icon_pager.prev { background-position:-413px -33px; } div.icon_.icon_pager.prev.disabled { background-position:-249px -33px; } div.icon_.icon_pager.next { background-position:-454px -33px; } div.icon_.icon_pager.next.disabled { background-position:-290px -33px; } div.icon_.icon_close { width:16px; height:16px; background-position:-481px -16px; } div.icon_.icon_point { width:6px; height:6px; background-position:-392px -26px; } div.icon_.icon_mark { width:15px; height:15px; background-position:-481px 0px; } div.icon_.icon_del { width:12px; height:12px; background-position:-396px -74px; } div.icon_.icon_uptree { width:15px; height:15px; background-position:-409px -74px; } div.icon_.icon_link { width:15px; height:15px; background-position:-409px -90px; } div.icon_.icon_item_delete { width:30px; height:30px; background-position:0px -107px; } div.icon_.icon_item_restore { width:30px; height:30px; background-position:-31px -107px; } div.icon_.icon_item_plus { width:30px; height:30px; background-position:-62px -107px; } div.icon_.icon_item_plus_disabled { width:30px; height:30px; background-position:-124px -107px; } div.icon_.icon_item_minus { width:30px; height:30px; background-position:-93px -107px; } div.icon_.icon_item_minus_disabled { width:30px; height:30px; background-position:-155px -107px; } div.icon_.icon_to_left { width:30px; height:30px; background-position:-186px -107px; } div.icon_.icon_to_right { width:30px; height:30px; background-position:-217px -107px; } div.icon_.icon_social_fb { width:30px; height:30px; background-position:-248px -107px; } div.icon_.icon_social_tw { width:30px; height:30px; background-position:-279px -107px; } div.icon_.icon_social_vk { width:30px; height:30px; background-position:-310px -107px; } div.icon_.icon_social_share { width:30px; height:30px; background-position:-372px -107px; } div.icon_.icon_social_od { width:30px; height:30px; background-position:-403px -107px; } /* Плашка без клика */ div.bar { height:28x; background:#a0a0a0; overflow:hidden; padding:0 10px 0 10px; margin-top:25px; margin-bottom:0px; } div.bar > span { line-height:28px; vertical-align:middle; color:#fff; white-space:nowrap; } @media (min-width: 720px) { div.bar { padding-left:20px; } } @media (max-height: 380px) { div.bar { margin-top:15px; } } @media (min-height: 800px) { div.bar { margin-top:40px; height:32px; } div.bar > span { line-height:32px; } } /* Плашка с кликом */ div.pulldownbar { height:28x; background:#f0f0f0; overflow:hidden; padding:0 10px 0 10px; margin-top:20px; border-radius:3px; cursor:pointer; position:relative; } div.pulldownbar > span { line-height:28px; vertical-align:middle; white-space:nowrap; } div.pulldownbar > div.pulldn { z-index:2; position:absolute; right:10px; top:0px; bottom:0px; width:12px; background:#f0f0f0; box-shadow:0px 0px 15px 20px #f0f0f0; } div.pulldownbar > div.pulldn > div.icon_ { position:absolute; left:0px; top:8px; } /* Элементы форм */ form { padding:0px; margin:0px; } input { font-family:Trebuchet MS,Tahoma,Arial,sans-serif; font-size:1.6rem; outline:none; border:#b4b4b4 1px solid; color:#000; background-color:#f5f5f5; vertical-align:middle; } input.norm { padding:7px 3px 7px 3px; } input.smaller1 { padding:3px 3px 3px 3px; font-size:1.4rem; } input.lite { background:#fff; } input:focus { border:#000 1px solid; } textarea { resize:none; outline:none; font-family:Trebuchet MS,Tahoma,Arial,sans-serif; vertical-align:top; color:#000; border:#b4b4b4 1px solid; background-color:#f5f5f5; font-size:1.6rem; resize:none; } textarea.norm { } textarea:focus { border:#000 1px solid; } select { outline:none; font-family:Trebuchet MS,Tahoma,Arial,sans-serif; border:#b4b4b4 1px solid; color:#000; background-color:#f5f5f5; vertical-align:middle; font-size:1.4rem; padding:7px 3px 7px 3px; } select.norm { } select.smaller1 { padding:3px 3px 3px 3px; } select.lite { background:#fff; } select:focus { border:#000 1px solid; } option.disabled { color:#bbb } label.disabled { color:#bbb } div.input { overflow:hidden; border:#b4b4b4 1px solid; background-color:#f5f5f5; display:inline-block; vertical-align:middle; padding:6px 3px 6px 5px; } div.input_smaller1 { padding:3px 3px 3px 3px; } div.input_lite { background-color:#fff; } input.error, select.error, textarea.error, div.error { border:#c80000 1px solid; background-color:#ffe4e4; } input[type=checkbox], input[type=radio] { background:transparent; border:none; } div.button, a.button { display:inline-block; background:#0096b4; border-radius:3px; color:#fff; font-size:1.2rem; padding: 12px 20px 12px 20px; cursor:pointer; text-decoration:none; font-family:Trebuchet MS,Tahoma,Arial,sans-serif; text-transform:uppercase; text-align:center; } div.button:hover, a.button:hover { background:#aa50b4; } div.button_nb, a.button_nb { background:#e65000; } div.button_nb:hover, a.button_nb:hover { background:#aa50b4; } div.button_lite, div.button_lite:hover, a.button_lite, a.button_lite:hover { background:transparent; border-radius:0px; color:#000; font-size:1.1rem; padding:10px 10px 8px 10px; border:#000 1px solid; } @media (min-width: 800px) { div.button_lite, div.button_lite:hover, a.button_lite, a.button_lite:hover { padding-left:20px; padding-right:20px; } } /* Звездочка - обязательное поле формы */ span.asterisk { font-family:Tahoma,Arial,sans-serif; font-size:1.6rem; color:#e63200; } /* Модальное сообщение */ #modal_msg { display:none; z-index:1000; position:fixed; left:0px; right:0px; top:0px; bottom:0px; min-width:300px; overflow:hidden; } #modal_msg div.back { position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:#000; z-index:1; filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; } #modal_msg div.inner { position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:2; overflow:auto; } #modal_msg div.container { width:88.88%; max-width:600px; background:#fff; padding-bottom:10px; border:#fff 1px solid; } #modal_msg div.head { position:relative; height:36px; background:#00b4f0; overflow:hidden; text-align:left; } #modal_msg div.head > span { display:inline-block; padding-left:10px; width:calc(100%-46px); text-align:left; line-height:36px; vertical-align:middle; color:#fff; font-size:1.2rem; white-space:nowrap; } #modal_msg div.container.error div.head { background:#dc3200; } #modal_msg div.close { z-index:2; position:absolute; right:0px; top:0px; width:36px; height:36px; cursor:pointer; box-shadow:0px 0px 15px 25px #00b4f0; line-height:36px; text-align:center; background:#00b4f0; } #modal_msg div.container.error div.close { box-shadow:0px 0px 15px 25px #dc3200; background:#dc3200; } #modal_msg div.close > div.icon_ { display:inline-block; vertical-align:middle; } #modal_msg div.content { width:94%; padding:15px 0 15px 0; } #modal_msg div.content > span { } #modal_msg div.buttons { } #modal_msg div.buttons div.button { margin:15px 10px 0 10px; width:210px; text-align:center; padding-left:0px; padding-right:0px; } @media (min-width: 800px) { #modal_msg div.content { width:90%; padding:15px 0 15px 0; } #modal_msg div.buttons div.button { margin:15px 15px 0 15px; } } @media (min-height: 800px) { #modal_msg div.head { height:42px; } #modal_msg div.head > span { line-height:42px; } #modal_msg div.close { width:42px; height:42px; line-height:42px; } #modal_msg div.content { padding:30px 0 30px 0; } #modal_msg div.buttons { padding-bottom: 10px; } } /* Шапка сайта */ #page_top { z-index:100; position:fixed; left:0px; right:0px; top:0px; height:47px; background:#eaeaea; border-bottom:#fff 1px solid; min-width:300px; } #page_top > a.page_top_logo { width:128px; display:block; height:40px; padding-top:7px; position:absolute; left:50%; margin-left:-64px; } #page_top > .page_top_item { float:right; width:13.88%; min-width:34px; max-width:100px; text-align:center; cursor:pointer; height:47px; line-height:47px; } #page_top > div.page_top_item.active { background:#00b4f0; } #page_top > div.page_top_menu { float:left; } #page_top > a.page_top_basket { position:relative; left:0px; top:0px; } #page_top > a.page_top_basket div.basket_count { position:absolute; left:50%; top:4px; background:#00b4f0; border-radius:7.5px; text-align:center; min-width:8px; overflow:visible; padding:0 4px 0 4px; box-shadow:0px 0px 0px 1px #fff; } #page_top > a.page_top_basket div.basket_count span { font-size:10px; line-height:15px; vertical-align:middle; color:#fff; display:block; margin-top:1px; } #page_top > div.page_top_account { float:left; } #page_top > div.page_top_search { } #page_top > div.line { float:right; width:1px; height:33px; background:#eaeaea; margin-top:7px; } #page_top div.icon_ { display:inline-block; vertical-align:middle; } @media (max-height: 380px) { /* #page_top.screen_active { display:none; } */ #page_top { position:static; } } /* Меню-плашки */ div.menu { } div.menu > div.group { display:block; background:#0096b4; padding:10px 10px 10px 10px; text-align:left; white-space:nowrap; text-decoration:none; font-family:Trebuchet MS,Tahoma,Arial,sans-serif; color:#fff; font-size:1.1rem; cursor:pointer; border-bottom:#fff 1px solid; position:relative; left:0px; top:0px; overflow:hidden; } div.menu > div.group > div.more { z-index:2; position:absolute; right:25px; top:12px; width:30px; background:#0096b4; box-shadow:0px 0px 15px 10px #0096b4; font-size:1.0rem; text-align:right; } div.menu > div.group > div.more:before { content: "ЕЩЁ"; } div.menu > div.group > div.pulldn { z-index:3; position:absolute; right:10px; top:0px; bottom:0px; width:12px; } div.menu > div.group > div.pulldn > div.icon_ { position:absolute; left:0px; top:calc(50% - 6px); } div.menu > div.group > div.details { text-align:center; position:absolute; left:30px; top:10px; right:0px; z-index:2; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; } div.menu > div.grouped > div.minimized { display:block; } div.menu > div.grouped > div.maximized { display:none; } div.menu > .item, div.menu > div.grouped > div.minimized > .item, div.menu > div.grouped > div.maximized > .item { display:block; background:#f0f0f0; padding:13px 10px 13px 10px; text-align:left; white-space:nowrap; text-decoration:none; font-family:Trebuchet MS,Tahoma,Arial,sans-serif; color:#326e8c; font-size:1.2rem; cursor:pointer; border-bottom:#fff 1px solid; position:relative; left:0px; top:0px; overflow:hidden; } div.menu.lite > .item { background:#fff; border-bottom:#e6e6e6 1px solid; } div.menu.lite > .item:first-child { border-top:#e6e6e6 1px solid; } div.menu.lite > .item.active { border-bottom:none; } div.menu.header > div.item { background:#fff; color:#000; font-size:1.8rem; margin-top:-10px; padding-top:10px; padding-bottom:10px; padding-right:40px; white-space:normal; line-height:110%; } div.menu.header > div.item.with_uptree { position:relative; left:0; top:0; padding-left:calc(6% + 35px); } div.menu.header > div.item.with_uptree > a.uptree { display:block; position:absolute; left:0; top:0; bottom:0; width:calc(4% + 35px); text-align:center; } div.menu.header > div.item.with_uptree > a.uptree div.icon_owner { position:absolute; left:0; right:0; top:5px; bottom:5px; border-right:#e6e6e6 1px solid; } div.menu.header > div.item.with_uptree > a.uptree div.icon_uptree { display:inline-block; border:none; position:relative; left:0; top:calc(50% - 9px); } div.menu > div.item > div.pulldn, div.menu > div.grouped > div.minimized > div.item > div.pulldn, div.menu > div.grouped > div.maximized > div.item > div.pulldn { z-index:2; position:absolute; right:10px; top:0px; bottom:0px; width:12px; background:#f0f0f0; box-shadow:0px 0px 15px 20px #f0f0f0; } div.menu > div.item > div.pulldn > div.icon_, div.menu > div.grouped > div.minimized > div.item > div.pulldn > div.icon_, div.menu > div.grouped > div.maximized > div.item > div.pulldn > div.icon_ { position:absolute; left:0px; top:calc(50% - 6px); } div.menu.lite > div.item > div.pulldn { background:#fff; box-shadow:0px 0px 15px 20px #fff; } div.menu.header > div.item > div.pulldn { width:18px; background:transparent; box-shadow:none; } div.menu.header > div.item > div.pulldn > div.icon_ { top:calc(50% - 9px); } div.menu div.submenu > div.minimized { display:block; } div.menu div.submenu > div.maximized { display:none; } div.menu.lite div.submenu > div.maximized { border-bottom:#e6e6e6 1px solid; } div.menu div.submenu .item { display:block; margin:0px 10px 0 10px; background:#fff; padding:12px 10px 12px 18px; text-align:left; white-space:nowrap; text-decoration:none; font-family:Trebuchet MS,Tahoma,Arial,sans-serif; color:#374552; font-size:1.4rem; cursor:pointer; border-bottom:#e6e6e6 1px solid; position:relative; /* overflow:hidden; */ } div.menu div.submenu .item.bold { font-weight:bold; } div.menu.lite div.submenu .item:first-child { border-top:#e6e6e6 1px solid; } div.menu.header div.submenu .item { color:#326e8c; font-size:1.4rem; padding-left:18px; } div.menu.header div.submenu .item:first-child { border-top:#e6e6e6 1px solid; } div.menu div.submenu .item.checked { font-weight:normal; color:#000; } div.menu.header div.submenu .item.checked { font-weight:normal; } div.menu div.submenu .item.checked > div.icon_del { position:absolute; left:0px; top:calc(50% - 7px); } div.menu div.submenu .item.checked > div.icon_mark { position:absolute; left:0px; top:calc(50% - 8px); } div.menu div.submenu .item > div.icon_uptree { position:absolute; left:-4px; top:calc(50% - 7px); } div.menu div.submenu > div.minimized > .item:last-child, div.menu div.submenu > div.maximized > .item:last-child { border-bottom:#fff 1px solid; } div.menu div.submenu:last-child:not(.no_border_bottom) > div.minimized > .item:last-child, div.menu div.submenu:last-child:not(.no_border_bottom) > div.maximized > .item:last-child { border-bottom:#969696 1px solid; } div.menu .item span.count { color:#969696; font-size:1.1rem; } @media (min-width: 720px) { div.menu > div.group { padding-left:20px; padding-right:20px; } div.menu > div.group > div.more { right:35px; } div.menu > div.group > div.pulldn, div.menu > div.item > div.pulldn, div.menu > div.grouped > div.minimized > div.item > div.pulldn, div.menu > div.grouped > div.maximized > div.item > div.pulldn { right:20px; } div.menu > .item, div.menu > div.grouped > div.minimized > .item, div.menu > div.grouped > div.maximized > .item { padding-left:20px; padding-right:20px; } div.menu.header > .item { padding-right:50px; } div.menu > div.item > div.pulldn, div.menu > div.grouped > div.item > div.pulldn { right:20px; } div.menu div.submenu .item { margin-left:20px; margin-right:20px; } } @media (min-height: 800px) { div.menu > div.group { padding-top:14px; padding-bottom:14px; } div.menu > div.group > div.more { top:16px; } div.menu > div.group > div.details { top:14px; } div.menu > .item, div.menu.header > div.item, div.menu > div.grouped > div.minimized > .item, div.menu > div.grouped > div.maximized > .item { padding-top:18px; padding-bottom:18px; } div.menu div.submenu .item { padding-top:17px; padding-bottom:17px; } } #FilterDialog div.filter_count { display:none; } /* Экраны, выпадающие из шапки сайта */ div.page_screen { display:none; z-index:101; position:fixed; left:0px; right:0px; top:47px; bottom:0px; min-width:300px; overflow:hidden; } div.page_screen > div.back { z-index:1; position:absolute; left:0px; right:0px; top:0px; bottom:-100px; background:#000; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; } div.page_screen > div.title { z-index:2; position:absolute; left:0px; right:0px; top:0px; height:36px; background:#00b4f0; overflow:hidden; text-align:left; border-bottom:#fff 1px solid; } div.page_screen > div.title > div.text { padding-left:10px; width:calc(100%-46px); } div.page_screen > div.title > div.text > span { line-height:36px; vertical-align:middle; color:#fff; font-size:1.2rem; white-space:nowrap; text-transform:uppercase; } div.page_screen > div.title > div.text > span.norm { font-size:1.4rem; } div.page_screen > div.title > div.close { z-index:2; position:absolute; right:0px; top:0px; width:36px; height:36px; cursor:pointer; box-shadow:0px 0px 15px 25px #00b4f0; line-height:36px; text-align:center; background:#00b4f0; } div.page_screen > div.title > div.close > div.icon_ { display:inline-block; vertical-align:middle; } div.page_screen > div.inner { z-index:3; position:absolute; left:0px; right:0px; top:37px; bottom:0px; overflow:auto; background:transparent; } div.page_screen > div.inner > div.content { background:#fff; } div.page_screen > div.inner > div.content div.space { display:inline-block; width:2.5%; height:1px; } @media (min-width: 800px) { div.page_screen > div.title > div.text { padding-left:20px; width:calc(100%-56px); } } @media (max-height: 380px) { div.page_screen { top:0px; } } @media (min-height: 800px) { div.page_screen > div.title { height:42px; } div.page_screen > div.title > div.text > span { line-height:42px; } div.page_screen > div.title > div.close { width:42px; height:42px; line-height:42px; } div.page_screen > div.inner { top:43px; } div.page_screen > div.inner > div.content { background:#fff; } } /* Экран "Каталог" */ #site_menu > div.title > div.text > span:before { content:"Меню"; } /* Экран "Вход" */ #site_account > div.title > div.text.text_login > span:before { content:"Вход"; } #site_account div.content_login div.form { width:90%; margin:auto; position:relative; top:0px; overflow:hidden; padding-bottom:20px; } #site_account div.content_login div.form_email, #site_account div.content_login div.form_pass { width:100%; padding-top:10px; } #site_account div.content_login div.form_email input, #site_account div.content_login div.form_pass input { width:calc(100% - 15px); padding:10px 6px 10px 6px; margin-top:2px; } #site_account div.content_login div.form_store { padding-top:25px; float:left; } #site_account div.content_login div.form_submit { padding-top:25px; float:right; } #site_account div.content_login div.form_submit div.button { padding-left:30px; padding-right:30px; } #site_account div.content_login div.form_submit div.button:before { content:"Войти"; } @media (min-width: 470px) { #site_account div.content_login div.button_lite { padding-left:20px; padding-right:20px; } #site_account div.content_login div.button_lite:first-child { padding-left:28px; padding-right:28px; } #site_account div.content_login div.form { width:95%; } #site_account div.content_login div.form_email { float:left; width:48.5%; } #site_account div.content_login div.form_pass { float:right; width:48.5%; } #site_account div.content_login div.form_store { padding-top:32px; width:48.5%; text-align:right; } #site_account div.content_login div.form_submit { width:48.5%; } #site_account div.content_login div.form_submit div.button { padding-left:40px; padding-right:40px; } } @media (min-width: 800px) { #site_account div.content_login div.button_lite { padding-left:40px; padding-right:40px; } #site_account div.content_login div.button_lite:first-child { padding-left:47px; padding-right:47px; } #site_account div.content_login div.form { width:700px; } #site_account div.content_login div.form_submit div.button { padding-left:60px; padding-right:60px; } } @media (min-height: 800px) { #site_account div.content_login div.form { padding-bottom:30px; } } /* Экран "Регистрация" */ #site_account > div.title > div.text.text_reg > span:before { content:"Регистрация"; } #site_account div.content_reg div.form { width:90%; margin:auto; position:relative; top:0px; overflow:hidden; padding-bottom:20px; } #site_account div.content_reg div.form_email, #site_account div.content_reg div.form_pass, #site_account div.content_reg div.form_pass2, #site_account div.content_reg div.form_code { width:100%; padding-top:10px; } #site_account div.content_reg div.form_email input, #site_account div.content_reg div.form_pass input, #site_account div.content_reg div.form_pass2 input { width:calc(100% - 15px); padding:10px 6px 10px 6px; margin-top:2px; } #site_account div.content_reg div.form_code img.antispam { width:60px; height:40px; vertical-align:middle; padding:1px 10px 0 0; } #site_account div.content_reg div.form_code input { width:calc(100% - 85px); padding:10px 6px 10px 6px;margin-top:2px; } #site_account div.content_reg div.form_store { padding-top:25px; float:left; } #site_account div.content_reg div.form_submit { padding-top:25px; float:right; } #site_account div.content_reg div.form_submit div.button { padding-left:30px; padding-right:30px; } #site_account div.content_reg div.form_submit div.button:before { content:"Всё!"; } @media (min-width: 470px) { #site_account div.content_reg div.button_lite { padding-left:20px; padding-right:20px; } #site_account div.content_reg div.button_lite:first-child { padding-left:40px; padding-right:40px; } #site_account div.content_reg div.form { width:95%; } #site_account div.content_reg div.form_email { float:left; width:48.5%; } #site_account div.content_reg div.form_pass { float:right; width:48.5%; } #site_account div.content_reg div.form_pass2 { float:right; width:48.5%; } #site_account div.content_reg div.form_code { float:left; width:48.5%; } #site_account div.content_reg div.form_store { padding-top:32px; width:48.5%; text-align:right; } #site_account div.content_reg div.form_submit { width:48.5%; } #site_account div.content_reg div.form_submit div.button { padding-left:40px; padding-right:40px; } } @media (min-width: 800px) { #site_account div.content_reg div.button_lite { padding-left:40px; padding-right:40px; } #site_account div.content_reg div.button_lite:first-child { padding-left:60px; padding-right:60px; } #site_account div.content_reg div.form { width:700px; } #site_account div.content_reg div.form_submit div.button { padding-left:60px; padding-right:60px; } } @media (min-height: 800px) { #site_account div.content_reg div.form { padding-bottom:30px; } } /* Экран "Восстановление пароля" */ #site_account > div.title > div.text.text_pass > span:before { content:"Восстановление пароля"; } #site_account div.content_pass div.form { width:90%; margin:auto; position:relative; top:0px; overflow:hidden; padding-bottom:20px; } #site_account div.content_pass div.form_email, #site_account div.content_pass div.form_code, #site_account div.content_pass div.form_note { width:100%; padding-top:10px; } #site_account div.content_pass div.form_email input { width:calc(100% - 15px); padding:10px 6px 10px 6px; margin-top:2px; } #site_account div.content_pass div.form_code img.antispam { width:60px; height:40px; vertical-align:middle; padding:1px 10px 0 0; } #site_account div.content_pass div.form_code input { width:calc(100% - 85px); padding:10px 6px 10px 6px;margin-top:2px; } #site_account div.content_pass div.form_submit { padding-top:25px; float:right; } #site_account div.content_pass div.form_submit div.button { padding-left:30px; padding-right:30px; } #site_account div.content_pass div.form_submit div.button:before { content:"Восстановить пароль"; } @media (min-width: 470px) { #site_account div.content_pass div.button_lite { padding-left:20px; padding-right:20px; } #site_account div.content_pass div.button_lite:first-child { padding-left:36px; padding-right:36px; } #site_account div.content_pass div.form { width:95%; } #site_account div.content_pass div.form_email { float:left; width:48.5%; } #site_account div.content_pass div.form_code { float:right; width:48.5%; } #site_account div.content_pass div.form_note { clear:both; text-align:center; } #site_account div.content_pass div.form_submit { text-align:center; float:none; padding-top:10px; } #site_account div.content_pass div.form_submit div.button { padding-left:40px; padding-right:40px; } } @media (min-width: 800px) { #site_account div.content_pass div.button_lite { padding-left:40px; padding-right:40px; } #site_account div.content_pass div.button_lite:first-child { padding-left:56px; padding-right:56px; } #site_account div.content_pass div.form { width:700px; } #site_account div.content_pass div.form_submit div.button { padding-left:60px; padding-right:60px; } } @media (min-height: 800px) { #site_account div.content_pass div.form { padding-bottom:30px; } } /* Экран "Поиск по сайту" */ #site_search > div.title > div.text > span:before { content:"Поиск товаров"; } #site_search div.content div.form { width:90%; margin:auto; overflow:hidden; padding:10px 0 10px 0; } #site_search div.content div.form_input { float:left; width:calc(100% - 110px); } #site_search div.content div.form_input input { width:100%; padding:9px 6px 9px 6px; } #site_search div.content div.form_submit { float:right; } #site_search div.content div.form_submit div.button { } #site_search div.content div.form_submit div.button:before { content:"Найти"; } #search_quick { display:none; padding-top:10px; } #search_quick_content { } #search_quick_content div.item, #search_quick_content a.item, #search_quick_content a.item:hover { display:block; overflow:hidden; background:#f0f0f0; padding:13px 10px 13px 10px; text-align:left; text-decoration:none; cursor:pointer; border-top:#fff 1px solid; } #search_quick_content div.inner { width:90%; margin:auto; } #search_quick_content div.item img.item { border:none; display:block; } /* @media (min-width: 800px) { #search_quick_content div.item span.norm, #search_quick_content a.item span.norm { font-size:1.8rem; } #search_quick_content div.item span.smaller1, #search_quick_content a.item span.smaller1 { font-size:1.6rem; } } */ @media (min-height: 800px) { #site_search div.content div.form { padding-top:20px; padding-bottom:20px; } #search_quick_content div.item, #search_quick_content a.item, #search_quick_content a.item:hover { padding-top:18px; padding-bottom:18px; } } /* Меню иконок на главной */ #shop_icons div.item { float:left; width:24.99%; overflow:hidden; } #shop_icons div.item img { width:40px; height:40px; border:none; } /* Слайдер баннеров */ #slider { } #slider_frame { width:1px; height:1px; overflow:hidden; position:relative; left:0px; top:0px; } #slider_frame .item { display:block; width:1px; position:absolute; top:0px; left:-10000px; overflow:hidden; } #slider_frame img { display:block; width:100%; height:1px; border:none; } #slider_container { width:100%; overflow:hidden; } #slider_nav { padding-top:3px; } #slider_nav div.icon_owner { display:inline-block; margin:0 2px 0 2px; } #slider_nav div.icon_ { display:inline-block; } /* Свайп-блок товаров */ div.ProdSlider { } div.ProdSlider_owner { padding:8px 0 8px 0; position:relative; background:#f4f4f4; border-bottom:#e0e0e0 1px solid; } div.ProdSlider.nobackground div.ProdSlider_owner { background:transparent; border-bottom:none; } div.ProdSlider_container { width:82%; overflow:hidden; position:relative; } div.ProdSlider_inner { width:100%; overflow:visible; position:relative; } div.ProdSlider_inner div.item { display:inline-block; vertical-align:top; width:100%; overflow:hidden; padding-right:5%; } div.ProdSlider_inner a.element { display:block; } div.ProdSlider_inner div.element_image { float:left; width:90px; text-align:center; } div.ProdSlider_inner div.element_image img { display:inline-block; border:none; } div.ProdSlider_inner div.element_descr { padding-top:3px; float:right; width:calc(98% - 90px); text-align:left; } div.ProdSlider_inner div.element_descr span.norm { font-size:1.4rem; line-height:110%; } div.ProdSlider_inner div.element_descr span.smaller1 { font-size:1.2rem; line-height:110%; } div.ProdSlider_inner div.element_descr div.subtitle { padding-top:2px; } div.ProdSlider_inner div.element_descr div.variant { padding-top:4px; } div.ProdSlider_inner div.element_descr div.variant div.input { width:80%; max-width:150px; text-align:center; } div.ProdSlider_inner div.element_descr div.price { padding-top:4px; } div.ProdSlider_inner div.element_descr div.price span.old_price { text-decoration:line-through; } div.ProdSlider_inner div.element_descr div.price span.old_price:before, div.ProdSlider_inner div.element_descr div.price span.old_price:after { content:"\A0"; } div.ProdSlider_back { position:absolute; left:8px; top:30px; width:15px; cursor:pointer; } div.ProdSlider_forw { position:absolute; right:8px; top:30px; width:15px; cursor:pointer; } div.ProdSlider_back.disabled, div.ProdSlider_forw.disabled { display:none; } @media (min-width: 530px) { div.ProdSlider_container { width:89%; } div.ProdSlider_inner div.item { width:49%; padding-right:2%; } div.ProdSlider_inner div.element_descr span.norm { font-size:1.2rem; } div.ProdSlider_inner div.element_descr span.smaller1 { font-size:1.1rem; } } @media (min-width: 600px) { div.ProdSlider_inner div.element_descr span.norm { font-size:1.4rem; } div.ProdSlider_inner div.element_descr span.smaller1 { font-size:1.2rem; } } @media (min-width: 850px) { div.ProdSlider_container { width:92%; } div.ProdSlider_inner div.item { width:32%; } } @media (min-width: 1300px) { div.ProdSlider_inner div.item { width:23.5%; } } @media (min-width: 1600px) { div.ProdSlider_inner div.item { width:18.4%; } } @media (min-height: 800px) { div.ProdSlider_owner { padding-top:14px; padding-bottom:14px; } } /* Товарный анонс */ div.prod_anons.exc_1 { display:none; } div.prod_anons { margin:0 10px 0 10px; padding:15px 0 15px 0; border-top:#e0e0e0 1px solid; } div.prod_anons:nth-child(1) { border-top:none; } div.prod_anons a.element { display:block; width:100%; } div.prod_anons div.element_image { float:left; width:120px; position:relative; left:0px; top:0px; text-align:center; } div.prod_anons div.element_image img { margin:auto; } div.prod_anons div.element_image img:first-child { display:block; border:none; } div.prod_anons div.element_image img:nth-child(2) { display:none; border:none; } div.prod_anons div.element_image img:nth-child(3) { display:none; border:none; } div.prod_anons div.element_descr { float:right; width:calc(98% - 120px); text-align:left; padding-bottom:5px; } div.prod_anons div.element_descr span.norm { font-size:1.4rem; line-height:120%; } div.prod_anons div.element_descr span.smaller1 { font-size:1.2rem; line-height:120%; } div.prod_anons div.element_descr div.title { padding-top:4px; } div.prod_anons div.element_descr div.subtitle { padding-top:2px; } div.prod_anons div.element_descr div._period { padding-top:4px; } div.prod_anons div.element_descr div._period span { font-size:1.0rem; } div.prod_anons div.element_descr div._period._by_order span { color: #e65000; } div.prod_anons div.element_descr div._period._by_now span { color: #e65000; } div.prod_anons div.element_descr div._period._by_month span { color: #509600; } div.prod_anons div.element_descr div._attrs span { color: #000; font-size:1.2rem; } div.prod_anons div.element_descr div._attrs div._option { padding-top:4px; } div.prod_anons div.element_descr div.icon_point { display:inline-block; vertical-align:middle; } div.prod_anons div.element_descr div.price { padding-top:6px; } div.prod_anons div.element_descr div.price span.old_price { text-decoration:line-through; } div.prod_anons div.element_descr div.price span.old_price:before, div.prod_anons div.element_descr div.price span.old_price:after { content:"\A0"; } div.prod_anons div.element_descr div.notpresent { padding-top:6px; } div.prod_anons div.element_descr div.notpresent span:before { content:"Товар закончился"; } div.prod_anons div.element_descr div.func { padding-top:12px; } @media (min-width: 330px) { div.prod_anons div.element_descr span.norm { font-size:1.6rem; } div.prod_anons div.element_descr span.smaller1 { font-size:1.4rem; } } @media (min-width: 480px) { div.prod_anons div.element_image { width:150px; } div.prod_anons div.element_image img:first-child { display:none; } div.prod_anons div.element_image img:nth-child(2) { display:block; } div.prod_anons div.element_descr { width:calc(98% - 150px); } } @media (min-width: 500px) { div.prod_anons div.element_descr span.norm { font-size:1.8rem; } div.prod_anons div.element_descr span.smaller1 { font-size:1.6rem; } } @media (min-width: 630px) { /* 2 колонки анонсов */ div.prod_anons.exc_1 { display:block; } div.prod_anons.exc_2 { display:none; } div.prod_anons { width:calc(49% - 10px); } div.prod_anons:nth-child(2n+1) { clear:both; float:left; margin:0 0 0 10px; } div.prod_anons:nth-child(2n+2) { float:right; margin:0 10px 0 0; } div.prod_anons:nth-child(2) { border-top:none; } div.prod_anons div.element_image { width:120px; } div.prod_anons div.element_image img:first-child { display:block; } div.prod_anons div.element_image img:nth-child(2) { display:none; } div.prod_anons div.element_descr { width:calc(98% - 120px); } div.prod_anons div.element_descr span.norm { font-size:1.6rem; } div.prod_anons div.element_descr span.smaller1 { font-size:1.4rem; } } @media (min-width: 960px) { div.prod_anons { width:calc(49% - 20px); } div.prod_anons:nth-child(2n+1) { float:left; margin:0 0 0 20px; } div.prod_anons:nth-child(2n+2) { float:right; margin:0 20px 0 0; } div.prod_anons div.element_image { width:150px; } div.prod_anons div.element_image img:first-child { display:none; } div.prod_anons div.element_image img:nth-child(2) { display:block; } div.prod_anons div.element_descr { width:calc(98% - 150px); } } @media (min-width:1000px) { div.prod_anons div.element_image { width:200px; } div.prod_anons div.element_image img:nth-child(2) { display:none; } div.prod_anons div.element_image img:nth-child(3) { display:block; } div.prod_anons div.element_descr { width:calc(98% - 200px); } } @media (min-width: 1380px) { /* 3 колонки анонсов */ div.prod_anons.exc_1, div.prod_anons.exc_2 { display:block; } div.prod_anons.exc_3 { display:none; } div.prod_anons:nth-child(1n) { clear:none; width:30%; float:left; margin:0 1.5% 0 1.5%; } div.prod_anons:nth-child(3n+1) { clear:both; } div.prod_anons:nth-child(3) { border-top:none; } /* div.prod_anons div.element_image { width:120px; } div.prod_anons div.element_image img:first-child { display:block; } div.prod_anons div.element_image img:nth-child(2) { display:none; } div.prod_anons div.element_descr { width:calc(98% - 120px); } */ } @media (min-height: 800px) { div.prod_anons:nth-child(1n) { padding-top:15px; padding-bottom:10px; } } @media (min-height: 1000px) { div.prod_anons:nth-child(1n) { padding-top:25px; padding-bottom:20px; } } /* ПОДВАЛ */ #page_bottom { padding-top:30px; } #page_bottom div.container { position:absolute; bottom:0px; left:0px; right:0px; z-index:2; background:#eaeaea; padding:0 10px 20px 10px; border-top:#e0e0e0 1px solid; } #page_bottom div.origin { visibility:hidden; background:#eaeaea; padding:0 10px 20px 10px; border-top:#e0e0e0 1px solid; } #page_bottom div.inner { max-width:700px; margin:auto; } #page_bottom div._col1, #page_bottom div._col2 { padding-top:20px; text-align:center; } #page_bottom img._pay { width:320px; height:18px; } @media (max-width: 350px) { #page_bottom img._pay { width:213px; height:12px; } } @media (min-width: 600px) { #page_bottom div._col1 { float:left; text-align:left; } #page_bottom div._col2 { float:right; text-align:right; } #page_bottom img._pay { width:213px; height:12px; } } /* ЛЕНТА НОВОСТЕЙ */ div.news_list { padding-top:5px; } div.news_list div.item { padding-top:5px; padding-bottom:20px; } div.news_list div.item img { display:block; width:100%; height:auto; border:none; } div.news_list div.item div.title { padding-top:4px; text-align:left; } div.news_list div.item div.title span { font-size:1.5rem; } div.news_list div.item div._anons { padding-top:4px; text-align:left; } div.news_list div.item div._anons span { font-size:1.3rem; color:#000; } @media (min-width: 480px) { div.news_list div.item:nth-child(2n+1) { clear:both; width:49%; float:left; } div.news_list div.item:nth-child(2n) { width:49%; float:right; } } /* КНОПКИ СОЦСЕТЕЙ В ПУБЛИКАЦИИ */ #PubBlogButtons { padding:20px 0 0 0; } #PubBlogButtons .icon_owner { display:inline-block; cursor:pointer; margin:0 5px 0 5px; } /* СТРАНИЦА ТОВАРА */ /* Заголовок */ #ProdHead { padding-bottom:8px; } #ProdHead div.prod_subtitle { padding-top:3px; } /* Фото товара */ #ProdGal_empty { display:none; width:150px; height:150px; border:none; margin:auto; } #ProdGal { display:none; position:relative; } #ProdGal div.go_back { display:none; width:15px; position:absolute; left:0px; top:calc(46% - 7px); cursor:pointer; } #ProdGal div.go_forw { display:none; width:15px; position:absolute; right:0px; top:calc(46% - 7px); cursor:pointer; } #ProdGal div.nav { display:none; padding-top:6px; } #ProdGal div.nav div.icon_owner { display:inline-block; margin:0 2px 0 2px; } #prodgal_frame { width:300px; height:300px; overflow:hidden; position:relative; } #prodgal_frame div.img { display:none; width:300px; height:300px; overflow:hidden; position:absolute; cursor:pointer; } #ProdGal_zoom div.inner { position:relative; left:0px; height:calc(100% - 37px); } #ProdGal_zoom div.wait { width:20px; height:20px; position:fixed; left:calc(50% - 10px); top:calc(50% - 10px); background:#000 url(../img_pub/mob/wait_invers_retina.gif) no-repeat center center; background-size:20px auto; box-shadow:0px 0px 40px 15px #000; z-index:1; } #ProdGal_zoom div.content { background:transparent; height:100%; position:relative; z-index:2; } #ProdGal_zoom div.content div.img { display:none; background:transparent; position:absolute; left:0; top:0; right:0; bottom:0; } #ProdGal_zoom div.prev { position:fixed; left:15px; bottom:15px; z-index:2; width:30px; height:30px; z-index:2; } #ProdGal_zoom div.next { position:fixed; right:15px; bottom:15px; z-index:2; width:30px; height:30px; z-index:2; } /* Блок "В корзину" */ #ProdVariants { padding-top:15px; } #ProdVariants div.prod_disabled { display:none; text-align:center; } #ProdVariants div.prod_disabled span { font-weight:bold; } #ProdVariants div.prod_variant_sorted { text-align:center; } #ProdVariants div.prod_variant { display:inline-block; margin:0 1% 2% 1%; background:#fff; border:#374552 1px solid; cursor:pointer; padding:10px 6px 8px 6px; min-width:60px; max-width:calc(98% - 14px); text-align:center; overflow:hidden; } #ProdVariants div.prod_variant.one { min-width:60%; } #ProdVariants div.prod_variant span { font-size:1.2rem; color:#374552; white-space:nowrap; } #ProdVariants div.prod_variant.disabled { filter:alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40; background:#fff url(../img_pub/mob/bg_variant_disabled.png) no-repeat center center; background-size:63px auto; } #ProdVariants div.prod_variant.active { background:#00b4f0; } #ProdVariants div.prod_variant.disabled.active { background:#00b4f0 url(../img_pub/mob/bg_variant_disabled_active.png) no-repeat center center; background-size:63px auto; } #ProdVariants div.prod_variant.active span { color:#fff; } #ProdVariants div.prod_offer_big { padding-top:6px; } #ProdVariants div.artic { text-align:center; } #ProdVariants div.price_range { text-align:center; white-space:nowrap; } #ProdVariants div.price { text-align:center; } #ProdVariants span.price_old { text-decoration:line-through; } #ProdVariants span.price_cur { } #ProdVariants span.spec { } #ProdVariants div.notpresent { font-weight:bold; text-align:center; padding-top:5px; } #ProdVariants div.notpresent span { font-weight:bold; } #ProdVariants div.notpresent span:before { content:'Товар закончился'; } #ProdVariants div.func { clear:both; padding-top:15px; } #ProdVariants div._period { padding-top:8px; text-align:center; } #ProdVariants div._period span { font-size:1.1rem; } #ProdVariants div._period._by_order span { color: #e65000; } #ProdVariants div._period._by_now span { color: #e65000; } #ProdVariants div._period._by_month span { color: #509600; } /* Кнопка "Добавить в корзину" */ div.button_addbasket_big { white-space:nowrap; background:#0096b4; width:75%; min-width:200px; max-width:400px; margin:auto; text-align:center; cursor:pointer; border-radius:3px; } div.button_addbasket_big > div.icon_ { display:inline-block; margin-right:6px; vertical-align:middle; } div.button_addbasket_big > span { font-size:1.3rem; color:#fff; vertical-align:middle; line-height:45px; } div.button_addbasket_big > span:before { content: "В КОРЗИНУ"; white-space:pre; } /* Кнопка "Перейти в корзину" */ a.button_gobasket_big { display:block; white-space:nowrap; background:#0096b4; width:75%; min-width:200px; max-width:400px; margin:auto; text-align:center; cursor:pointer; border-radius:3px; text-decoration:none; } a.button_gobasket_big > div.icon_ { display:inline-block; margin-right:6px; vertical-align:middle; } a.button_gobasket_big > span { font-size:1.3rem; color:#fff; vertical-align:middle; line-height:45px; } a.button_gobasket_big > span:before { content: "УЖЕ В КОРЗИНЕ"; white-space:pre; } /* Кнопка "Сообщить о поступлении" */ div.button_nobasket_big { white-space:nowrap; background:#0096b4; width:75%; min-width:200px; max-width:400px; margin:auto; text-align:center; cursor:pointer; border-radius:3px; } div.button_nobasket_big > div.icon_ { display:inline-block; margin-right:6px; vertical-align:middle; } div.button_nobasket_big > span { font-size:1.1rem; color:#fff; vertical-align:middle; line-height:45px; } div.button_nobasket_big > span:before { content: "СООБЩИТЬ О ПОСТУПЛЕНИИ"; white-space:pre; } @media (max-width: 354px) { #prodgal_frame { width:250px; height:250px; } #prodgal_frame div.img { width:250px; height:250px; } } @media (min-width: 630px) { #ProdGal_empty { float:left; margin:0 0 0 80px; } #ProdGal { float:left; width:354px; } #ProdVariants { padding-top:0px; float:right; width:calc(97% - 354px); } #ProdVariants div.prod_variant.one { min-width:196px; } #ProdVariants div.prod_offer_big { text-align:center; } #ProdVariants div.more { float:none; width:100%; text-align:center; padding-top:8px; } #ProdVariants span.price_old { display:inline; margin-bottom:0px; text-decoration:line-through; } #ProdVariants span.price_cur { display:inline; margin-left:5px; } #ProdVariants span.spec { display:inline; margin-top:0px; margin-left:6px; } #ProdVariants div.func { text-align:center; padding-top:8px; } div.button_addbasket_big, a.button_gobasket_big, div.button_nobasket_big { width:100%; max-width:300px; display:block; margin:auto; } } /* @media (min-width: 900px) { #ProdVariants { float:right; width:calc(96% - 354px); } #ProdVariants div.prod_disabled { text-align:left; } #ProdVariants div.prod_variant_sorted { text-align:left; position:relative; left:-1%; } #ProdVariants div.prod_variant { min-width:100px; padding-left:10px; padding-right:10px; } #ProdVariants div.prod_variant.one { min-width:196px; } #ProdVariants div.prod_offer_big, #ProdVariants div.artic, #ProdVariants div.price_range, #ProdVariants div.price, #ProdVariants div.notpresent, #ProdVariants div.func, #ProdVariants div._period { text-align:left; } div.button_addbasket_big, a.button_gobasket_big, div.button_nobasket_big { display:inline-block; margin:0; width:300px; } } */ /* Раздел "Описание товара" */ div.kitprofit { margin-top:-10px; font-weight:bold; } div.kitprofit span.bigger2 { font-weight:normal; } /* Раздел "Товар в категориях" */ #ProdCats a.item { display:block; padding:12px 5px 12px 5px; white-space:nowrap; text-decoration:none; border-bottom:#e6e6e6 1px solid; overflow:hidden; } /* ФОРМА "СООБЩИТЬ О ПОСТУПЛЕНИИ" */ #ModalRemind > div.title > div.text > span:before { content:"СООБЩИТЬ О ПОСТУПЛЕНИИ ТОВАРА"; } #ModalRemind div.content div.form { width:90%; margin:auto; position:relative; top:0px; overflow:hidden; padding-bottom:20px; } #ModalRemind div.form_title { padding-top:10px; text-align:center; } #ModalRemind div.form_subtitle { text-align:center; } #ModalRemind div.form_variant { text-align:center; } #ModalRemind div.form_descr { padding-top:10px; text-align:center; } #ModalRemind div.content div.form_email, #ModalRemind div.content div.form_code { width:100%; padding-top:10px; } #ModalRemind.fix_session div.content div.form_email { text-align:center; } #ModalRemind div.content span.form_email_str { font-weight:bold; } #ModalRemind div.content div.form_email input { width:calc(100% - 15px); padding:10px 6px 10px 6px; margin-top:2px; } #ModalRemind div.content div.form_code img.antispam { width:60px; height:40px; vertical-align:middle; padding:1px 10px 0 0; } #ModalRemind div.content div.form_code input { width:calc(100% - 85px); padding:10px 6px 10px 6px;margin-top:2px; } #ModalRemind div.form_submit { padding-top:25px; text-align:center; } #ModalRemind div.button { width:calc(49.9% - 15px); padding-left:0px; padding-right:0px; text-align:center; } #ModalRemind div.button:first-child { margin-right:30px; } #ModalRemind div.submit:before { content:"ПОДПИСАТЬСЯ"; } #ModalRemind div.cancel:before { content:"ОТМЕНА"; } @media (min-width: 630px) { #ModalRemind div.content div.form { width:95%; max-width:700px; } #ModalRemind.not_session div.content div.form_email { float:left; width:48.5%; } #ModalRemind div.content div.form_code { float:right; width:48.5%; } #ModalRemind div.content div.form_submit { clear:both; width:70%; margin:auto; } } @media (min-height: 800px) { #ModalRemind div.content div.form { padding-bottom:30px; } } /* ФОРМА "ПОДПИСКА НА НОВОСТИ" */ #ModalDlv > div.title > div.text > span:before { content:"ПОДПИСКА НА НОВОСТИ МАГАЗИНА"; } #ModalDlv div.content div.form { width:90%; margin:auto; position:relative; top:0px; overflow:hidden; padding-bottom:20px; } #ModalDlv div.form_descr { padding-top:10px; text-align:center; } #ModalDlv div.content div.form_email, #ModalDlv div.content div.form_code { width:100%; padding-top:10px; } #ModalDlv.fix_session div.content div.form_email { text-align:center; padding-top:20px; } #ModalDlv div.content span.form_email_str { font-weight:bold; } #ModalDlv div.content div.form_email input { width:calc(100% - 15px); padding:10px 6px 10px 6px; margin-top:2px; } #ModalDlv div.content div.form_code img.antispam { width:60px; height:40px; vertical-align:middle; padding:1px 10px 0 0; } #ModalDlv div.content div.form_code input { width:calc(100% - 85px); padding:10px 6px 10px 6px;margin-top:2px; } #ModalDlv div.form_submit { padding-top:25px; text-align:center; } #ModalDlv div.button { width:calc(49.9% - 15px); padding-left:0px; padding-right:0px; text-align:center; } #ModalDlv div.button:first-child { margin-right:30px; } #ModalDlv div.submit:before { content:"ПОДПИСАТЬСЯ"; } #ModalDlv div.cancel:before { content:"ОТМЕНА"; } @media (min-width: 630px) { #ModalDlv div.content div.form { width:95%; max-width:700px; } #ModalDlv.not_session div.content div.form_email { float:left; width:48.5%; } #ModalDlv div.content div.form_code { float:right; width:48.5%; } #ModalDlv div.content div.form_submit { clear:both; width:70%; margin:auto; } } @media (min-height: 800px) { #ModalDlv div.content div.form { padding-bottom:30px; } } /* ФОРМА "ПОДТВЕРЖДЕНИЕ EMAIL" */ #ModalEmail > div.title > div.text > span:before { content:"ПОДТВЕРЖДЕНИЕ E-MAIL"; } #ModalEmail div.content div.form { width:90%; margin:auto; position:relative; top:0px; overflow:hidden; padding-bottom:20px; } #ModalEmail div.form_descr { padding-top:10px; text-align:center; } #ModalEmail div.content div.form_code { width:100%; padding-top:10px; } #ModalEmail div.content div.form_code img.antispam { width:60px; height:40px; vertical-align:middle; padding:1px 10px 0 0; } #ModalEmail div.content div.form_code input { width:calc(100% - 85px); padding:10px 6px 10px 6px;margin-top:2px; } #ModalEmail div.form_submit { padding-top:25px; text-align:center; } #ModalEmail div.button { width:calc(49.9% - 15px); padding-left:0px; padding-right:0px; text-align:center; } #ModalEmail div.button:first-child { margin-right:30px; } #ModalEmail div.submit:before { content:"ПОДТВЕРДИТЬ"; } #ModalEmail div.cancel:before { content:"ОТМЕНА"; } @media (min-width: 630px) { #ModalEmail div.content div.form { width:95%; max-width:700px; } #ModalEmail div.content div.form_code { width:48.5%; margin:auto; } #ModalEmail div.content div.form_submit { clear:both; width:70%; margin:auto; } } @media (min-height: 800px) { #ModalEmail div.content div.form { padding-bottom:30px; } } /* ЛИСТАЛКА */ div.pager { padding-top:25px; text-align:center; } div.pager > .begin, div.pager > .prev { display:inline-block; margin-right:16px; vertical-align:middle; } div.pager > .end, div.pager > .next { display:inline-block; margin-left:16px; vertical-align:middle; } div.pager > div.current { display:inline-block; vertical-align:middle; } div.pager > div.current > div.text > span:before { content: "страница"; } /* КОРЗИНА */ #BasketDivForDiscount { } #BasketDivForDiscount input[type='text'] { margin-top:3px; width:calc(100% - 15px); } #BasketDivForDiscount div.form_promo_descr { padding-top:5px; } @media (min-width: 470px) { #BasketDivForDiscount div.form_promo { float:left; width:48%; } #BasketDivForDiscount div.form_promo_descr { float:right; width:48%; padding-top:20px; } } #BasketForm div.ProdList { margin-top:20px; } #BasketForm div.ProdList div.item { padding:10px 0 10px 0; border-bottom:#e6e6e6 1px solid; } #BasketForm div._one_group div.ProdList div.item:first-child { border-top:#e6e6e6 1px solid; } #BasketForm div.ProdList div.item_num { display:none; } #BasketForm div.ProdList div.item_image { float:left; width:60px; } #BasketForm div.ProdList div.item_image img { display:block; margin:auto; border:none; } #BasketForm div.ProdList div.item_descr { float:right; width:calc(99.9% - 65px); } #BasketForm div.ProdList div.item.disabled div.item_image, #BasketForm div.ProdList div.item.disabled div.item_title, #BasketForm div.ProdList div.item.disabled div.item_price, #BasketForm div.ProdList div.item.disabled div.item_digital { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; } #BasketForm div.ProdList div.item.disabled div.item_title span { text-decoration:line-through; } #BasketForm div.ProdList div.item_title { float:left; width:calc(100% - 110px); } #BasketForm div.ProdList div.item_title span { line-height:110%; } #BasketForm div.ProdList div.item_title span.prod_variant { } #BasketForm div.ProdList div.item_title span.prod_artic { display:block; } #BasketForm div.ProdList div.item_price { float:right; width:100px; text-align:center; } #BasketForm div.ProdList div.item_price span.old_price { display:block; white-space:nowrap; text-decoration:line-through; } #BasketForm div.ProdList div.item_price span.price { display:block; white-space:nowrap; } #BasketForm div.ProdList div.item_price span.spec { display:block; white-space:nowrap; } #BasketForm div.ProdList div.item_count { clear:both; padding-top:5px; text-align:right; } #BasketForm div.ProdList div.item_digital { display:inline-block; padding-right:15px; } #BasketForm div.ProdList div.item_input { display:inline-block; padding-right:5px; } #BasketForm div.ProdList div.item_input input { width:50px; text-align:center; vertical-align:middle; padding:3px; } #BasketForm div.ProdList div.item_unit { display:inline-block; width:40px; overflow:hidden; white-space:nowrap; text-align:left; vertical-align:middle; } #BasketForm div.ProdList div.item_minus { display:inline-block; padding-right:5px; vertical-align:middle; } #BasketForm div.ProdList div.item_plus { display:inline-block; padding-right:15px; vertical-align:middle; } #BasketForm div.ProdList div.item_switch { display:inline-block; vertical-align:middle; } #BasketForm div.ProdList div.item_count div.icon_ { display:none; } #BasketForm div.ProdList div.item_count div.icon_item_delete { display:block; } #BasketForm div.ProdList div.item.disabled div.item_count div.icon_item_delete { display:none; } #BasketForm div.ProdList div.item.disabled div.item_count div.icon_item_restore { display:block; } #BasketForm div.ProdList div.item_count div.icon_item_delete, #BasketForm div.ProdList div.item_count div.icon_item_restore, #BasketForm div.ProdList div.item_count div.icon_item_minus, #BasketForm div.ProdList div.item_count div.icon_item_plus { cursor:pointer; } #BasketForm div.ProdList div.item.disabled div.item_input, #BasketForm div.ProdList div.item.disabled div.item_unit, #BasketForm div.ProdList div.item.disabled div.item_minus, #BasketForm div.ProdList div.item.disabled div.item_plus { visibility:hidden; } #BasketForm div.ProdList div.alert_invalid, #BasketForm div.ProdList div.alert_limit { clear:both; display:none; text-align:right; padding-top:5px; } @media (max-width: 350px) { #BasketForm div.ProdList div.item_input input { width:40px; padding:3px 1px 3px 1px; } #BasketForm div.ProdList div.item_plus { padding-right:5px; } } @media (min-width: 1000px) { #BasketForm div.ProdList div.item_title { width:calc(100% - 130px); } #BasketForm div.ProdList div.item_price { width:120px; } } div.BasketCalc { display:none; padding:10px 0 30px 0; text-align:center; } div.BasketCalc div.form_submit { padding-top:10px; } div.BasketCalc div.button { padding-left:0; padding-right:0; width:100%; max-width:400px; margin:auto; display:block; } div.BasketCalc div.button:before { content:"Обновить корзину"; white-space:pre; } div.BasketResume { padding:10px 0 30px 0; text-align:center; } div.BasketResume span.digits { font-weight:bold; } div.BasketResume div.form_submit { padding-top:10px; } div.BasketResume div.button { padding-left:0; padding-right:0; width:100%; max-width:400px; margin:auto; display:block; } div.BasketResume div.button:before { content:"Начать оформление заказа"; } /* Корзина - Форма "Вход" */ #BasketLogin > div.title > div.text > span:before { content:"ВХОД"; } #BasketLogin div.form { width:90%; margin:auto; position:relative; top:0px; overflow:hidden; padding-bottom:20px; } #BasketLogin div.form_descr { padding-top:10px; text-align:center; } #BasketLogin div.form_descr span { font-weight:bold; } #BasketLogin div.form_email, #BasketLogin div.form_pass { width:100%; padding-top:10px; } #BasketLogin div.form_email input, #BasketLogin div.form_pass input { width:calc(100% - 15px); padding:10px 6px 10px 6px; margin-top:2px; } #BasketLogin div.form_store { padding-top:25px; float:left; } #BasketLogin div.form_submit { padding-top:25px; float:right; } #BasketLogin div.form_submit div.button { padding-left:30px; padding-right:30px; } #BasketLogin div.form_submit div.button:before { content:"ВОЙТИ"; } #BasketLogin div.addon { border-top:#d5d8da 1px solid; width:90%; margin:auto; padding-bottom:10px; text-align:center; max-width:700px; } #BasketLogin div.addon_title { padding-top:10px; } #BasketLogin div.addon_title span { font-weight:bold; } #BasketLogin div.addon_descr { padding:5px 0 15px 0; } #BasketLogin div.addon_submit div.button { display:block; margin:0 auto 10px auto; width:70%; } #BasketLogin div.addon_submit div.button.reg:before { content:"ЗАРЕГИСТРИРОВАТЬСЯ"; } #BasketLogin div.addon_submit div.button.notreg:before { content:"КУПИТЬ БЕЗ РЕГИСТРАЦИИ"; white-space:pre; } @media (min-width: 470px) { #BasketLogin div.form { width:95%; max-width:700px; } #BasketLogin div.form_email { float:left; width:48.5%; } #BasketLogin div.form_pass { float:right; width:48.5%; } #BasketLogin div.form_store { padding-top:32px; width:48.5%; text-align:right; } #BasketLogin div.form_submit { width:48.5%; } #BasketLogin div.form_submit div.button { padding-left:40px; padding-right:40px; } #BasketLogin div.addon { width:95%; max-width:700px; } #BasketLogin div.addon_submit div.button { display:inline-block; margin:0 8px 10px 8px; width:35%; } } @media (min-width: 800px) { #BasketLogin div.form_submit div.button { padding-left:60px; padding-right:60px; } } @media (min-height: 800px) { #BasketLogin div.addon { padding-bottom:20px; } } /* Корзина - Форма "Регистрация" */ #BasketReg > div.title > div.text > span:before { content:"РЕГИСТРАЦИЯ"; } #BasketReg div.content div.form { width:90%; max-width:450px; margin:auto; position:relative; top:0px; overflow:hidden; padding-bottom:20px; } #BasketReg div.content div.form_email, #BasketReg div.content div.form_code { width:100%; padding-top:10px; } #BasketReg div.content div.form_email input { width:calc(100% - 15px); padding:10px 6px 10px 6px; margin-top:2px; } #BasketReg div.content div.form_code img.antispam { width:60px; height:40px; vertical-align:middle; padding:1px 10px 0 0; } #BasketReg div.content div.form_code input { width:calc(100% - 85px); padding:10px 6px 10px 6px;margin-top:2px; } #BasketReg div.content div.form_store { padding-top:25px; float:left; } #BasketReg div.content div.form_submit { padding-top:25px; float:right; } #BasketReg div.content div.form_submit div.button { padding-left:10px; padding-right:10px; } #BasketReg div.content div.form_submit div.button:before { content:"ЗАРЕГИСТРИРОВАТЬСЯ"; } @media (max-width: 350px) { #BasketReg div.content div.form_store span { font-size:1.2rem; } } @media (min-width: 400px) { #BasketReg div.content div.form_submit div.button { padding-left:30px; padding-right:30px; } } @media (min-height: 800px) { #BasketReg div.content div.form { padding-bottom:30px; } } /* СПИСОК */ table.list td { padding:5px; text-align:left; vertical-align:middle; border-bottom:#e6e6e6 1px solid; border-right:#fff 1px solid; } table.list_top td { vertical-align:top; } table.list tr.error td { background:#ffeae8; } table.list tr.disabled td { background:#fafafa; } table.list tr.disabled span.switch_through { text-decoration:line-through; } table.list tr.disabled span.switch_hidden { color:#969696; } table.list tr.head td { background:#efede5; text-align:left; vertical-align:middle; } @media (min-width: 600px) { table.list td { padding-left:10px; padding-right:10px; } } @media (min-height: 800px) { table.list td { padding-top:10px; padding-top:10px; } } /* Экран "Выбор города" */ #ModalCity > div.title > div.text > span:before { content:"ВЫБОР ГОРОДА"; } #ModalCity div.form { width:92%; margin:auto; overflow:hidden; padding:10px 0 20px 0; } #city_search { width:calc(100% - 90px); margin-left:10px; } #ModalCity_Search { padding:0 5px 0 5px; } #ModalCity_Content { padding-top:15px; } #ModalCity_Content div.item { cursor:pointer; border-top:#e1e3e5 1px solid; padding:10px 5px 10px 5px; } #ModalCity_Content div.item span.a, #ModalCity_Content div.item span.a:hover { text-decoration:none; } #ModalCity_Content div.item.level1 span.norm { font-size:2.0rem; } #ModalCity_Content div.item.level2 span.norm { font-size:1.8rem; } #ModalCity_Content div.bottom { border-top:#e1e3e5 1px solid; padding:15px 5px 0px 5px; } @media (min-height: 800px) { #ModalCity_Content { padding-top:25px; } #ModalCity_Content div.item { padding-top:15px; padding-bottom:15px; } #ModalCity_Content div.bottom { padding-top:20px; padding-bottom:10px; } } /* СТРАНИЦА "СПИСОК ЗАКАЗОВ" */ #OrderList { padding-top:10px; } #OrderList a.item, #OrderList a.item:hover { display:block; margin-top:15px; padding-bottom:15px; border-bottom:#e0e0e0 1px solid; text-decoration:none; } #OrderList span.status_ok { color:#509600; } #OrderList a.item.disabled span { color:#969696; } #OrderList div.order_id { } #OrderList div.order_id span.order_date { } #OrderList div.order_status { padding-top:4px; } /* СТРАНИЦА "ПРОСМОТР ЗАКАЗА" */ #OrderViewPage .wide { display:none; } #ModalDownload_title { font-weight:bold; } #ModalOrderCancel div.form div.button1, #ModalOrderCancel div.form div.button2, #ModalDownload div.form div.button1, #ModalDownload div.form div.button2 { padding-bottom:10px; } #ModalOrderCancel div.form div.button, #ModalDownload div.form div.button { width:70%; } @media (min-width: 600px) { #OrderViewPage .not_wide { display:none; } #OrderViewPage div.wide { display:block; } #OrderViewPage td.wide { display:table-cell; } #ModalOrderCancel div.form div.button1, #ModalOrderCancel div.form div.button2, #ModalDownload div.form div.button1, #ModalDownload div.form div.button2 { display:inline-block; width:40%; } } /* СТРАНИЦА "БАЛАНС" */ #ClientBalancePage { padding-top:10px; } #ClientBalancePage div.item { margin-top:15px; padding-bottom:15px; border-bottom:#d5d8da 1px solid; } #ClientBalancePage div.oper_id { float:right; text-align:right; padding:0 0 6px 10px; } #ClientBalancePage span.oper_date.wide { display:none; } #ClientBalancePage div.oper_descr { padding-top:4px; } #ClientBalancePage div.oper_saldo { padding-top:4px; } @media (min-width: 500px) { #ClientBalancePage span.oper_date.not_wide { display:none; } #ClientBalancePage span.oper_date.wide { display:inline; } } /* СТИЛИ ПУБЛИКАЦИЙ */ div.pub span { letter-spacing:0em; } div.pub span.smaller1 { } div.pub span.smaller2 { } div.pub span.header { font-size:1.8rem; } div.pub span.smaller { font-size:1.4rem; } div.pub ul { padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; } div.pub span.bold { font-weight:bold; } div.pub span.italic { font-style:italic; } div.pub span.underlined { text-decoration:underline; } div.pub span.colored { color:#509600; } div.pub div.note, div.pub div.quot, div.pub div.styled_note, div.pub div.styled_quot { font-size:1.4rem; color:#646464; padding-left:15px; margin:0 0 15px 5%; border-left:#e6e6e6 5px solid; } div.pub div.note_center, div.pub div.quot_center, div.pub div.styled_note_center, div.pub div.styled_quot_center { margin-top:15px; margin-bottom:0; } div.pub div.note span.header, div.pub div.quot span.header, div.pub div.styled_note span.header, div.pub div.styled_quot span.header { font-size:1.8px; } div.pub div.ptag_part { clear:both; height:15px; background:url(../img_pub/part.png) no-repeat center top; } div.pub div.ptag_break { clear:both; } div.pub div.ptag_more { display:inline; } div.source span { font-family:Times, Times New; font-style:italic; font-size:1.6rem; color:#828282; } /* ИЛЛЮСТРАЦИИ ПУБЛИКАЦИЙ */ img.pub_image { border:none; } div.pub_image_center { clear:both; padding:15px 0 5px 0; } div.pub_image_center div.rem { padding-top:2px; width:100%; max-width:500px; } div.pub_image_center img.pub_image { width:100%; max-width:500px; height:auto; display:block; cursor:zoom-in; } div.pub_image_center img.pub_image_v { width:75%; max-width:300px; } div.pub_image_row { clear:both; padding:10px 0 0 0; } div.pub_image_row_item { float:left; width:calc(33.33% - 7px); padding:0 10px 10px 0; } div.pub_image_row_item:nth-child(3n+1) { clear:both; } div.pub_image_row_item:nth-child(3n+3) { padding-right:0px; } div.pub_image_row_item.twice { width:calc(49.9% - 11px); } div.pub_image_row_item.twice:nth-child(2) { padding-right:0px; } div.pub_image_row div.rem { display:none; padding-top:2px; width:100%; } div.pub_image_row img.pub_image { width:100%; height:auto; display:block; cursor:zoom-in; } div.pub_image_row img.pub_image_v { width:80%; } @media (min-width: 600px) { div.pub_image_row div.rem { display:block; } } div.pub_image_right.not_wide { clear:both; padding:15px 0 5px 0; } div.pub_image_right.wide { display:none; clear:right; float:right; width:40%; max-width:330px; padding:5px 0 10px 10px; } div.pub_image_right div.rem { display:none; padding-top:2px; width:100%; } div.pub_image_right_simple div.rem { display:block; max-width:500px; } div.pub_image_right img.pub_image { width:100%; height:auto; display:block; cursor:zoom-in; } div.pub_image_right div.pub_image_row_item img.pub_image_v { width:80%; } @media (min-width: 600px) { div.pub_image_right.not_wide { display:none; } div.pub_image_right.wide { display:block; } div.pub_image_right div.rem { display:block; } } div.pub_image_left.not_wide { clear:both; padding:15px 0 5px 0; } div.pub_image_left.wide { display:none; clear:left; float:left; width:40%; max-width:330px; padding:5px 15px 10px 0; } div.pub_image_left div.rem { display:none; padding-top:2px; width:100%; } div.pub_image_left_simple div.rem { display:block; max-width:500px; } div.pub_image_left img.pub_image { width:100%; height:auto; display:block; cursor:zoom-in; } div.pub_image_left div.pub_image_row_item img.pub_image_v { width:80%; } @media (min-width: 600px) { div.pub_image_left.not_wide { display:none; } div.pub_image_left.wide { display:block; } div.pub_image_left div.rem { display:block; } } div.pub_image_tile { clear:both; padding:7px 0 2px 0; } div.pub_image_tile_item { display:both; display:inline-block; padding:3px; width:21%; min-width:70px; max-width:110px; } div.pub_image_tile img.pub_image { width:100%; height:auto; display:block; cursor:zoom-in; } #pub_zoom_image_owner { display:none; position:fixed; left:0; top:0; right:0; bottom:0; z-index:1000; cursor:zoom-out; } #pub_zoom_image_owner div.back { position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:#000; z-index:1; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; background:#000 url(../img_pub/mob/wait_invers_retina.gif) no-repeat center center; background-size:20px auto; } #pub_zoom_image_owner div.close_back { position:absolute; right:13px; top:13px; width:10px; height:10px; background:#000; z-index:3; box-shadow:0px 0px 10px 5px #000; filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; } #pub_zoom_image_owner div.close { position:absolute; right:10px; top:10px; width:16px; height:16px; background:transparent; z-index:4; } #pub_zoom_image_owner div.content { position:absolute; left:0; top:0; right:0; bottom:0; background:transparent; z-index:2; } #pub_zoom_image_owner div.content div { position:absolute; left:0; top:0; right:0; bottom:0; background:transparent; }