/* Часто задаваемые вопросы */ div.frame.faq > div.left { width: 270px; padding-top: 140px; padding-bottom: 0px; position: absolute; top: 0px; left: 35px; bottom: 0px; background-color: rgba(0,0,0,0.2); background-image: url(/pic/store/left-gradient.png); background-repeat: repeat-y; background-position: right top; } div.frame.faq > div.right { position: relative; width: 656px; margin-left: 278px; background: url(/pic/store/right-back.png) top right no-repeat; } div.frame.faq > div.right div.bfaq, div.frame.faq > div.right div.faq-form { padding: 32px 28px; } div.frame.faq > div.right div.category { margin-bottom: 14px; } div.frame.faq > div.right div.category h1, div.frame.faq > div.right div.faq-form h1 { font-size: 20px; font-weight: normal; text-align: left; color: #f1e5d5; padding-top: 10px; padding-bottom: 6px; -moz-text-shadow: 0 0 5px rgba(240,230,212,0.6); -webkit-text-shadow: 0 0 5px rgba(240,230,212,0.6); text-shadow: 0 0 5px rgba(240,230,212,0.6); text-transform: uppercase; } div.frame.faq > div.right div.category div.sep, div.frame.faq > div.right div.faq-form div.sep { border-top: 1px solid #0b0f12; border-bottom: 1px solid #26353a; margin-bottom: 12px; } div.frame.faq > div.right div.category div.each { margin-bottom: 12px; } div.frame.faq > div.right div.category div.each a.question { display: block; } div.frame.faq > div.right div.category div.each a.question span { font-size: 14px; padding: 0px 1px 2px 1px; border-bottom: 1px dashed #988f80; color: #988f80; display: inline-block; } div.frame.faq > div.right div.category div.each a.question:hover span, div.frame.faq > div.right div.category div.each a.question.active span { -moz-text-shadow: 0 0 5px rgba(240,230,212,0.6); -webkit-text-shadow: 0 0 5px rgba(240,230,212,0.6); text-shadow: 0 0 5px rgba(240,230,212,0.6); color: #D8D6D2; border-bottom: 1px dashed #D8D6D2; } div.frame.faq > div.right div.each div.answer { display: none; padding: 6px 6px 6px 20px; margin-top: 8px; margin-bottom: 8px; } div.frame.faq > div.right div.each div.answer p { font-size: 13px; color: #988f80; } div.frame.faq > div.right div.each div.answer a { font-size: 13px; color: #988f80; border-bottom: 1px dashed #988f80; } div.frame.faq > div.right div.each div.answer a:hover { color: #E0DFDD; border-bottom: 1px dashed #E0DFDD; } div.frame.faq > div.right div.faq-form div.send { position: absolute; top: 78px; left: -4px; right: 0px; bottom: -8px; background-color: rgba(0,0,0,0.9); z-index: 1100; display: none; } div.frame.faq > div.right div.faq-form div.send p { text-align: center; color: #f1e5d5; font-size: 18px; font-style: italic; padding-top: 160px; } /* ЛЕВОЕ МЕНЮ БИБЛИОТЕКИ */ div.frame.faq > div.left > ul.menu { list-style: none; } div.frame.faq > div.left > ul.menu + ul.menu { margin-top: 16px; } div.frame.faq > div.left > ul.menu li { display: block; position: relative; } div.frame.faq > div.left > ul.menu li:nth-child(3n+2) { background: url(/pic/store/menu/button1_n.jpg) top left no-repeat; } div.frame.faq > div.left > ul.menu li:nth-child(2n+1) { background: url(/pic/store/menu/button2_n.jpg) top left no-repeat; } div.frame.faq > div.left > ul.menu li:nth-child(2n+2) { background: url(/pic/store/menu/button3_n.jpg) top left no-repeat; } div.frame.faq > div.left > ul.menu li:hover:nth-child(3n+2) { background: url(/pic/store/menu/button1_s.jpg) top left no-repeat; } div.frame.faq > div.left > ul.menu li:hover:nth-child(2n+1) { background: url(/pic/store/menu/button2_s.jpg) top left no-repeat; } div.frame.faq > div.left > ul.menu li:hover:nth-child(2n+2) { background: url(/pic/store/menu/button3_s.jpg) top left no-repeat; } div.frame.faq > div.left > ul.menu li.active:nth-child(3n+2) { background: url(/pic/store/menu/button1_p.jpg) top left no-repeat; } div.frame.faq > div.left > ul.menu li.active:nth-child(2n+1) { background: url(/pic/store/menu/button2_p.jpg) top left no-repeat; } div.frame.faq > div.left > ul.menu li.active:nth-child(2n+2) { background: url(/pic/store/menu/button3_p.jpg) top left no-repeat; } div.frame.faq > div.left > ul.menu li:hover a { color: #43b1ec; -moz-text-shadow: 0 0 2px rgba(0,0,0,1); -webkit-text-shadow: 0 0 2px rgba(0,0,0,1); text-shadow: 0 0 2px rgba(0,0,0,1); } div.frame.faq > div.left > ul.menu li.active a { color: #43b1ec; -moz-text-shadow: 0 0 3px rgba(0,0,0,1); -webkit-text-shadow: 0 0 3px rgba(0,0,0,1); text-shadow: 0 0 3px rgba(0,0,0,1); background-image: url(/pic/store/menu/line_button_select.jpg), url(/pic/store/menu/line_button_select.jpg); background-position: 70px top, 70px bottom; background-repeat: no-repeat; } div.frame.faq > div.left > ul.menu li.active::before { content: " "; position: absolute; top: -200px; right: 0px; width: 1px; height: 200px; background: url(/pic/store/menu/line_gradient_t.jpg) center bottom no-repeat; } div.frame.faq > div.left > ul.menu li.active::after { content: " "; position: absolute; bottom: -200px; right: 0px; width: 1px; height: 200px; background: url(/pic/store/menu/line_gradient_b.jpg) center top no-repeat; } div.frame.faq > div.left > ul.menu li a { font-size: 14px; color: #3a74a6; padding-left: 20px; display: block; line-height: 30px; } div.frame.faq > div.left > ul.menu li:first-child { line-height: 36px !important; background: none !important; margin-bottom: 8px; } div.frame.faq > div.left > ul.menu li span { display: block; color: #f1e5d5; padding-left: 20px; -moz-text-shadow: 0 0 5px rgba(240,230,212,0.6); -webkit-text-shadow: 0 0 5px rgba(240,230,212,0.6); text-shadow: 0 0 5px rgba(240,230,212,0.6); text-transform: uppercase; font-size: 17px; font-weight: bold; }