﻿я╗┐/*-- global --*/
.red{ border: 1px solid red; }
html, body{ padding: 0; margin: 0; font: 95% Georgia, Tahoma, Verdana, sans-serif; line-height: 20px; color: #ccc; background: #000; }

p{ padding: 0 0 14px; margin: 0; }
p.lmargin{ padding: 0 0 30px; }
span.comment{ display: block; margin: 0 0 14px; font-size: 12px; }
span.id{ display: block; margin: 0 0 14px; font-size: 11px; color: #666; }

.error{ color: #f66; margin: 0 0 24px; }
.successfuly{ color: #0c6; margin: 0 0 12px; }

img{ border: 0; vertical-align: middle; }
.img{ margin: 0 0 15px; }
.img_fl{ float: left; margin: -3px 20px 0 0; }
.img_p{ margin: 0 0 0 20px; }

table{ border-collapse: collapse; border: 0; width: 100%; }
table td{ padding: 0; }

form{ padding: 0; margin: 0; }
input{ padding: 2px 0; margin: 0 0 10px; vertical-align: middle; font-family: Georgia; }
input.btn{ height: 24px; margin: 0 10px 48px 0; padding: 0 10px; }
input.rb{ width: 15px; height: 15px; border: none; }
textarea{ overflow: auto; margin: 0 0 10px; padding: 0; font-family: Georgia; font-size: 13px; }

ul li{ list-style-type: none; }

a{ text-decoration: underline; color: #fff; }
a:hover{ text-decoration: underline; color: #c60; }
.link_dashed{ text-decoration: none; border-bottom: 1px dashed; }
.link_dashed:hover{ text-decoration: none; border-bottom: 1px dashed; }

h1{ padding: 0; margin: 0 0 24px; font-size: 25px; line-height: 27px; color: #fff; font-weight: normal; }
h1 a{ text-decoration: none; }
h1 a:hover{ text-decoration: none; }

h2{ padding: 0; margin: 0 0 14px; font-size: 20px; line-height: 22px; color: #fff; font-weight: normal; }
h3{ padding: 0; margin: 0 0 14px; font-size: 18px; line-height: 20px; color: #fff; font-weight: normal; }
h4{ padding: 0; margin: 0 0 14px; font-size: 14px; line-height: 16px; color: #fff; }


.margin0{ margin: 0; }
.padding0{ padding: 0; }
.fl_left{ float: left; }
.fl_right{ float: right; }
.clear{ clear: left; font-size: 0; line-height: 0; }

.justify{ clear: left; font-size: 0; line-height: 0; height: 0; margin: 0; padding: 0; }
.main{ min-width: 1000px; max-width: 1200px; margin: 0 auto; }

.column_narrow{ float: left; width: 24%; margin-right: 2%; padding: 0 5% 0 0; }
.column_main{ margin: 0 0 0 31%; }
/*-- /global --*/

/*-- header --*/
.header{ margin: 30px 2% 0; }
.head_top{ margin: 0 0 30px; }
.head_bot{ margin: 0 0 30px; clear: both; border-bottom: 2px solid #c60; }
.head_bot .head_name{ margin: 0; font-size: 25px; line-height: 27px; color: #fff; }
.head_bot .head_name a{ text-decoration: none; color: #fff; }
.head_bot .head_name a:hover{ text-decoration: none; }

ul.lang{ margin: 0; padding: 0; width: 50%; float: left; }
ul.lang li{ margin: 0 5px 0 0; padding: 0; display: inline; font-size: 11px; }

ul.tmenu{ margin: 0; padding: 0; float: left; }
ul.tmenu li{ margin: 0 20px 0 0; padding: 0; float: left; }
ul.tmenu li.active{ background: #c60; padding: 0 8px 2px; color: #fff; }
ul.tmenu li.active a:hover{ color: #fff; }
.sub{ float: right !important; margin: 25px 0 0 !important; }
.sub li{ margin: 0 0 0 20px !important; }

.logo{ float: right; font-size: 11px; }
.logo a{ background: url(images/logo.gif) 0 0 no-repeat; padding: 0 0 0 20px; }

.back_link{ float: right; margin: 0 0 10px; }

.cart{ float: right; font-size: 11px; width: 70px; }
.cart a{ background: url(images/ico_cart.gif) 0 3px no-repeat; width: 15px; height: 12px; padding: 0 0 0 18px; }

ul.logout{ padding: 0 40px 0 0; margin: 0; float: right; font-size: 11px; }
ul.logout li{ padding: 0; margin: 0 0 0 10px; display: inline; }
ul.logout li a{ color: #fff; }
ul.logout li a:hover{ color: #c60; }
/*-- /header --*/

/*-- content --*/
.content{ clear: both; margin: 0 2% 40px; }
img.main_picters{ margin: 0 0 0 -20px; }

ul.bl_foto{ margin: 0; padding: 0; float: left; clear: left; }
ul.bl_foto li{ margin: 0 10px 10px 0; padding: 0; float: left; }
ul.bl_foto li img{ width: 60px; height: 60px; }

dl.list_main_for_group{ width: 26% !important; }
dl.list_main{ margin: 40px 3% 0 0; width: 37%; float: left; }
dl.list_main dt{ margin: 0; padding: 0; font-weight: bold; }
dl.list_main dt.title{ font-size: 18px; line-height: 20px; color: #ccc; margin: 0 0 12px; font-weight: normal; }
dl.list_main dd{ margin: 0 0 12px; padding: 0; }
dl.list_main dd a{ color: #ccc; }
dl.list_main dd span{ font-size: 11px; display: block; }
dl.list_main dd.data{ margin: 0; font-size: 12px; }
dl.list_main dd.data a{ color: #fff; }

.tb_catalog{ border-bottom: 2px solid #c60; }
.tb_catalog th{ font-size: 11px; border-bottom: 1px solid #333; text-align: left; font-weight: normal; color: #999; padding: 5px 0; }
.tb_catalog th a{ color: #999; }
.tb_catalog th a:hover{ color: #c60; }
.tb_catalog th span{ color: #fff; padding: 0 5px 0 0; }
.tb_catalog th img{ padding: 2px 0 0; }
.tb_catalog td{ vertical-align: top; border-bottom: 1px solid #333; padding: 20px 20px 20px 0; }
.tb_catalog td a{ font-weight: bold; }
.tb_catalog td.last{ border: none }

ul.paging{ margin: 0 0 0.5em; padding: 0; }
ul.paging li{ margin: 0 0.5em 0 0; padding: 0; float: left; font-size: 15px; }
ul.paging li.active{ background: #c60; padding: 0 5px; }
span.page{ padding: 0 1% 0 0; color: #666; }
.paging_w{ clear: both; border: 1px solid #000; }
.paging_w a{ margin: 0 10px 0 0; }

.block_details{ float: left; width: 50%; margin: 0 0 1em; }

.bl_preview{ float: left; width: 160px; margin: 0 50px 0 0; }
.preview{ border: 1px solid #ccc; width: 160px; height: 210px; background: #fff; text-align: center; }
.sample{ width: 160px; text-align: center; line-height: 200%; margin: 10px 0 0; }
.sample_pdf{ margin: 10px 0 2px; }
.sample_pdf a{ background: url(images/ico_pdf_s.gif) 0 50% no-repeat; padding: 0 0 0 24px; height: 20px; line-height: 20px;  }
.sample_muz a{ background: url(images/ico_midi.gif) 4px 50% no-repeat; padding: 0 0 0 24px; height: 20px; line-height: 20px;  }

.details_row{ width: 100%; margin: 0 0 1em; float: left; clear: left;  }
.details_row p{ padding: 0; }
.details_row dl{ float: left; width: 100%; clear: left; margin: 0; padding: 0; }
.details_row dt{ float: left; width: 130px; }
.details_row dd{ padding: 0 0 0 130px; } /*width: 60%;*/

.popup_question{ background: #dadada; font-size: 12px; line-height: 20px; padding: 10px; width: 360px; position: absolute; color: #000; text-decoration: none; }

.block_file{ float: left; padding: 0; width: 24%; margin: 0 0 24px; }
/*-- block_price --*/
.block_price{ padding: 1em 1.5em 0 1.5em; background: #252525; height: 1%; }
.block_price h3{ display: none; }
.block_price p{ position: relative; padding-left: 20px; margin-bottom: 10px; font-size: 100%; padding-bottom: 0; }
.block_price p input{ position: absolute; top: 4px; left: -7px; width: 20px; }
.block_price p strong{ font-size: 18px; font-weight: normal; margin-top: 5px; color: #fff; } /*display: block;*/
.block_price_btn{ border-top: 1px solid #444; padding: 20px 0 0 !important;  }
.block_price_txt{ padding: 0 0 20px; }
.block_price_txt strong{ font-size: 150%; font-weight: normal; display: block; margin-top: 5px; }

.block_price_pdf{ margin: 20px 0 20px 20px; }
.block_price_pdf img{ margin-right: 4px; }
.block_price_btn{ margin: 0 0 0 20px; }

.block_price_data{ margin: 0 0 20px; }
/*-- /block_price --*/

.bl_corner{ width: 630px; margin: 0 0 30px; } /*width: 100%;*/
.bl_corner_top{ background: #252525 url(images/bl_corner_top_l.gif) 0 0 no-repeat; height: 4px; margin: 0; padding: 0; }
.bl_corner_top p{ background:  url(images/bl_corner_top_r.gif) 100% 0 no-repeat; height: 4px; line-height: 0; font-size: 0; padding: 0; }
.bl_corner_c{ background: #252525; padding: 20px;  }
.bl_corner_bot{ background: #252525 url(images/bl_corner_bot_l.gif) 0 0 no-repeat; height: 4px; }
.bl_corner_bot p{ background: url(images/bl_corner_bot_r.gif) 100% 0 no-repeat; height: 4px; line-height: 0; font-size: 0; padding: 0; }

.line_gray{ border-bottom: 1px solid #444; line-height: 0; font-size: 0; margin: 0 0 30px; clear: both; }
.line_orange{ border-bottom: 2px solid #c60; line-height: 0; font-size: 0; margin: 10px 0 0; clear: both; } /*margin: 0 0 20px;*/

/*-- comments --*/
.comments{ float: left; width: 100%; margin: 0 0 0; clear: both; }
.comments dl{ float: left; width: 85%; margin: 0 0 1em; }
.comments dt{ float: left; width: 120px; margin-right: 20px; font-size: 11px; line-height: 17px; }
.comments dt strong{ color: #fff; }
.comments dd{ margin: 0 0 0 140px; }

.bl_title{ float: left; width: 210px; }
.bl_title h4{ background: url(images/ico_comment.gif) 100% 0 no-repeat; padding: 16px 34px 0 0; float: left; margin: -14px 0 0; position: relative; }

.bl_main{ float: left; width: 70%; margin: 0; }

.bl_link{ font-size: 12px; margin: 0 0 10px; }

div.bl_frm_comment{ padding: 0; }
div.bl_frm_comment table{ width: 100%; }
div.bl_frm_comment table td{ vertical-align: top; }
div.bl_frm_comment table td img{ margin: 0 20px 10px 0; }
div.bl_frm_comment table td.error{ color: #f66; }
div.bl_frm_comment table td input.frm_txt{ width: 89%; }
div.bl_frm_comment table td textarea{ width: 99%; height: 110px; }
div.bl_frm_comment table td input.code{ width: 187px; margin: 10px 0 20px; }

.button input.btn{ height: 26px; margin: 0; padding: 0 10px; cursor: pointer; }

.legal_info{ margin: 0; padding: 20px 20px 20px 70px; border-left: 1px solid #333; border-right: 1px solid #333; background: url(images/ico_warning.gif) 20px 50% no-repeat; }
.corner_line_top{ background: url(images/corner_line_top_l.gif) 0 0 no-repeat; height: 5px; }
.corner_line_top p{ background: url(images/corner_line_top_r.gif) 100% 0 no-repeat; height: 5px; font-size: 0; line-height: 0; padding: 0; }
.corner_line_bot{ background: url(images/corner_line_bot_l.gif) 0 0 no-repeat; height: 5px; margin: 0 0 30px; }
.corner_line_bot p{ background: url(images/corner_line_bot_r.gif) 100% 0 no-repeat; height: 5px; font-size: 0; line-height: 0; padding: 0; }

.bl_width{ width: 73%; }
/*dl.list_blog{ margin: 0; padding: 0; line-height: 20px; border: 1px solid #000; }
dl.list_blog dd{ margin: 0 0 -4px; padding: 0; font-size: 12px; }
dl.list_blog dt{ margin: 0 0 20px 0; padding: 0; }
dl.list_blog dt a{ font-weight: bold; line-height: 30px; }
dl.list_blog dt a.comment{ font-size: 11px; display: inline; color: #ccc; font-weight: normal; }
dl.list_blog dt a.comment:hover{ color: #c60; }
dl.list_blog dt span{ font-size: 11px; }*/

dl.list_blog{ margin: 0; padding: 0 0 10px; line-height: 20px; border: 1px solid #000; }
dl.list_blog dt{ margin: 0; padding: 0 0 5px; font-weight: bold; }
dl.list_blog dt.title{ font-size: 18px; line-height: 20px; color: #ccc; margin: 0 0 12px; font-weight: normal; }
dl.list_blog dd{ margin: 0 0 12px; padding: 0; }
dl.list_blog dd a{ color: #ccc; }
dl.list_blog dd span{ font-size: 11px; display: block; }
dl.list_blog dd.data{ margin: 0; font-size: 12px; }
dl.list_blog dd.data a{ color: #fff; }

/*-- link_tab --*/
.link_tab{ margin: 0 0 20px; line-height: 22px; }
.link_tab span{ font-size: 11px; }
.link_tab_active{ float: left; padding: 0 7px 2px; margin: 0 15px 0 0; background: #c60; }
.link_tab_noactive{ float: left; margin: 0 15px 0 0; }
.link_tab_active, .link_tab_active a{ color: #fff; }
.link_tab_active a:hover{ color: #fff; text-decoration: none; }

.bl_biography{ width: 54%; float: left; }
.bl_biography_img{ float: right; padding: 0 9% 24px 0; }

ul.gallery{ margin: 0; padding: 0; }
ul.gallery li{ margin: 0 20px 20px 0; padding: 0; float: left;  }
ul.gallery li a{ display: block; }

.bl_error{ margin: 0 0 0 70px; }

.sm_status{ background: #c60; float: left; padding: 3px 10px; color: #fff; margin: 0 0 24px; }
.sm_size{ font-size: 12px; line-height: 18px; }

.play{ padding: 0 5px 0 0; }
.play a{ background: url(images/ico_play.png) 0 2px no-repeat; display: block; width: 21px; height: 22px; float: left;padding: 0 0 0 30px; }
.stop{ padding: 0 5px 0 0; }
.stop a{background: url(images/ico_stop.png) 0 2px no-repeat; display: block; width: 21px; height: 22px; float: left; padding: 0 0 0 30px; }

/*-- /content --*/
.footer{ clear: both; padding: 0 2%; }
.footer p{ padding: 0 0 15px; font-size: 12px; color: #999; }

/*-- bl_edit_redactor --*/
.bl_main_txt{ margin: 0 0 0 320px; }
.bl_edit_redactor{  }
.bl_edit_redactor h1{ margin: 0 0 20px; }
.bl_edit_redactor h2{ margin: 0 0 20px; }
.bl_edit_redactor h3{ margin: 0 0 10px; }
.bl_edit_redactor h4{ margin: 0 0 10px; }

.bl_edit_redactor ol{ margin: 0 0 20px 30px; padding: 0; }
.bl_edit_redactor ol li{ margin: 0; padding: 0; }
.bl_edit_redactor ol li ol{ margin: 0 0 0 30px; padding: 0; }

.bl_edit_redactor dl{ margin: 0 0 20px; padding: 0; }
.bl_edit_redactor dl dt{ margin: 0; padding: 0; }
.bl_edit_redactor dl dd{ margin: 0; padding: 0; }

.bl_edit_redactor ul{ margin: 0 0 20px 20px; padding: 0; }
.bl_edit_redactor ul li{ margin: 0; padding: 0; list-style-type: disc; }
.bl_edit_redactor ul li ul{ margin: 0 0 0 30px; padding: 0; }

.bl_edit_redactor table{ margin: 0 0 20px; }
.bl_edit_redactor table td{ border: 1px solid #c60; padding: 0 1em; }
.img_left{ float: left; padding: 0 20px 0 0; }
.img_right{ float: right; padding: 0 0 0 20px; }
/*-- /bl_edit_redactor --*/

/*-- new --*/
.bl_nav{ width: 26%; float: left; padding: 40px 2% 0 0; }
.bl_nav h4{ font-size: 18px; line-height: 20px; color: #ccc; margin: 0 0 12px; font-weight: normal; }
.bl_nav p{ padding: 0 0 6px; font-size: 14px; }
ul.nav{ margin: 0; padding: 0; }
ul.nav li{ margin: 0 0 6px; padding: 0; list-style-type: none; font-size: 12px; line-height: 18px; }
ul.nav li span{ font-size: 10px; color: #666; padding: 0 0 0 5px; }

.bl_catalog_nav{ width: 17%; padding: 15px; margin: 0; float: left; background: #252525;  }
.bl_catalog_nav ul.nav{ margin: 0; padding: 0; }
.bl_catalog_nav ul.nav li{ margin: 0 0 5px; padding: 0;  }
.bl_catalog_nav ul.nav li div.selected{ color: #c60; padding: 2px 0; }
.bl_catalog_nav ul.nav li div.selected span{ color: #666; }
.bl_catalog_nav ul.nav li div.selected_img{ color: #c60; padding: 2px 0; margin: -19px 0 0 15px; }
.bl_catalog_nav ul.nav li div.selected_img span{ color: #666; }
.bl_catalog_nav ul.nav li img{ margin: 4px 5px 0 0; vertical-align: top; }
.bl_catalog_nav ul.nav li a{ text-decoration: none; }
.bl_catalog_nav ul.nav li a:hover{ color: #c60; }
.bl_catalog_nav ul.nav li span{ font-size: 10px; color: #666; padding: 0 0 0 5px; }
.bl_catalog_nav ul.nav li ul{ margin: 0 0 0 13px; padding: 0; }
.bl_catalog_nav ul.nav li ul li{ margin: 5px 0 5px 0; }

.bl_cont_all{ margin: 0 0 0 22%; }
.bl_cont{ float: left; width: 100%; }

.bl_like{ padding: 8px 0 10px; }
.bl_like div{ display: inline; }
.fb_edge_widget_with_comment{ position: absolute; top: -2px; z-index: 1; margin-left: -15px;  }
.bl_cont_tb{ padding: 0 0 0 22%; _float: left; _padding: 0 0 0 20px; }
.bl_ico_pdf{ float: left; padding: 0 5px 5px 0; }
/*-- /new --*/