﻿/*-- global --*/
.red{ border: 1px solid red; }
*{ margin: 0; padding: 0; }
html, body{ padding: 0; margin: 0; font: 12px Arial, Tahoma, Verdana, sans-serif; line-height: 18px; color: #000; height: 100%;  }
p{ padding: 0 0 15px; margin: 0;  }

form{ margin: 0; padding: 0; }
input{ margin: 0; padding: 0; vertical-align: middle; }

img{ border: 0; vertical-align: middle; }
table{ border-collapse: collapse; border: 0; width: 100%; }
table td{ padding: 0;}
ul li{ list-style-type: none; }
a{ color: #d32f2f; }
a:hover{ color: #1c26ef; }

.error{ color: #f00; margin: 0 0 24px; }
.successfuly{ color: #000; margin: 0 0 12px; }
.margin0{ margin: 0; }

h1{ font-size: 40px; line-height: 42px; padding: 0; margin: 0 0 20px; color: #000; font-weight: normal; }
h2{ font-size: 20px; line-height: 22px; padding: 0; margin: 0 0 20px; color: #000; font-weight: normal; }
h3{ font-size: 18px; line-height: 20px; padding: 0; margin: 0 0 10px; font-weight: normal; color: #695f4c; }
h4{ font-size: 16px; line-height: 18px; padding: 0; margin: 0 0 10px; }
h5{ font-size: 12px; line-height: 20px; padding: 0; margin: 0 0 5px; }

form{ padding: 0; margin: 0; }
input{ padding: 2px 0; margin: 0 0 10px; vertical-align: middle; font-family: Tahoma; }
input.btn{ padding: 2px 10px; cursor: pointer; }
input.rb{ width: 15px; height: 15px; border: none; }
textarea{ overflow: auto; margin: 0 0 10px; padding: 0; font-family: Tahoma; font-size: 13px; }

.fl_left{ float: left; }
.fl_right{ float: right; }
.cl{ clear: both; font-size: 0; line-height: 0; }

.bl27{ width: 27%; }
.bl38{ width: 38%; }
.bl60{ width: 60%; }
.bl70{ width: 70%; }

.bl54{ width: 54%; margin: 0 auto; text-align: center; }
.bl61{ width: 61%; float: left; }
.blf240{ width: 240px; float: left; }
.blf200{ width: 200px; }
.bl24{ width: 24%; float: left; }
.blf575{ width: 575px; }
.blf680{ width: 680px; }

.justify{ clear: left; font-size: 0; line-height: 0; height: 0; margin: 0; padding: 0; }
.main{ min-width: 800px; height: 100%; }

.wrapper{ position: relative; min-height: 100%; margin-bottom: -68px; }
* html .wrapper{ height: 100%; }
/*-- /global --*/

/*-- header --*/
.header{ margin: 0; padding: 0 0 20px 0; }

.head_top{ background: #000; margin: 0; padding: 4px 20px 0; height: 24px; text-transform: uppercase; color: #d9d8dd; }
.head_top a{ color: #fff; }
.head_top a:hover{ color: #d9d8dd; }

ul.lang{ padding: 0; margin: 0 40px 0 0; float: left; }
ul.lang li{ display: inline; padding: 0 4px 0 0; color: #d9d8dd; }
ul.lang li a{ padding: 0; }

.logo{ float: right; margin: 3px 5px 0; padding: 0; background: url(images/logo.png) no-repeat; width: 12px; height: 14px; }
.logo a{ display: block; width: 12px; height: 15px; }
.logo_txt{ float: right; text-transform: none; }

.back_link{ float: right; margin: 0 0 10px; width: 150px; height: 20px; }

.basket{ float: right; padding: 0 15px 0 0;  }
.basket a{ background: url(images/ico_basket.gif) 0 0 no-repeat; display: block; margin: 5px 0 0; width: 15px; height: 10px; text-align: center; color: #000; text-decoration: none; float: left; font-size: 0; line-height: 0; }
.basket a:hover{ background: url(images/ico_basket.gif) 0 -10px no-repeat; height: 10px; }
.basket span{ display: block; float: left; font-family: Georgia; font-size: 12px; padding: 0 0 0 4px; }

.header_panel{ margin: 0 20px 0 0; width: 250px; text-align: right; }
.header_panel a{ margin: 0 0 0 10px; }

.foto_head{ float: right; padding: 5px 0 0; }
.foto_head_title{ float: right; padding: 0 20px 0 5px; margin: 3px 0 0; }
.foto_head_title div{ font-size: 20px; line-height: 22px; margin: 0; }

.bl_hmenu{ border-bottom: 1px solid #acacac; height: 44px; }
ul.hmenu{ padding: 22px 0 0 20px; margin: 0; _margin: 0 0 -1px; float: left; position: relative; }
ul.hmenu li{ padding: 0; margin: 0 3px 0 0; float: left; font-size: 12px; line-height: 21px; }
ul.hmenu li.last{ background: none;  }
ul.hmenu li.active{ border: 1px solid #acacac; padding: 0 5px; border-bottom: 1px solid #fff; }
ul.hmenu li.active a{ border: none; border-bottom: none; background: none; }
ul.hmenu li.active a:hover{ border: none; border-bottom: none; text-decoration: underline; }
ul.hmenu li a{ color: #000; text-decoration: none; background: #cdcdcd; display: block; border: 1px solid #acacac; margin: 0; padding: 0 5px; }
ul.hmenu li a:hover{ color: #000; background: #fff; border-bottom: 1px solid #fff; }

/*-- content --*/
.content{ clear: both; padding: 0 20px 88px; }
.bl_cont{ margin: 0 20px 20px; }
.bl_cont_img img{ margin: 0 0 0 10px; }
.main_title{ padding: 20px 0 0; }
.main_hight{ height: 135px; margin: 0 20px 20px; }

.main_infa{ margin: 0 0 20px; }
.main_infa img{ float: left; }
.main_infa div{ padding: 0 0 0 134px; }
.main_infa span{ font-size: 15px; line-height: 17px; }
.main_infa p{ padding: 5px 0 0; }

.content table.tb_main{ margin: 0 0 20px; }
.content table.tb_main td{ vertical-align: top; }
.content table.tb_main td.td_main{ border-right: 1px solid #999;  }
.content table.tb_main td.td_narrow{ border-right: none; width: 165px; padding: 0 15px; }
.line_w{ border-bottom: 1px solid #695f4c; font-size: 0; line-height: 0; height: 1px; margin: -5px 0 0; }
.line{ border-bottom: 1px solid #000; font-size: 0; line-height: 0; height: 1px; margin: 0 0 15px; }
.bl{ margin: 0 0 20px; }

.title{ display: block; margin: 0; color: #737373; font-size: 11px; }

.bl_color{ background: #cab7a7; margin: 0 0 20px; }
.bl_color_head{ background: #847a67; padding: 5px 15px; margin: 0 -16px 0 -15px; color: #fff; font-size: 15px; }

dl.list{ margin: 0; padding: 0 0 5px; }
dl.list dt{ margin: 0; padding: 5px 0 0; }
dl.list dd{ margin: 0 0 10px; padding: 0; line-height: 14px; }
dl.list dd.last{ margin: 0; }
dl.list dd.sm_size{ font-size: 10px; margin: 0; }
dl.list dd.sm_size a{ color: #000; }
dl.list dd.m{ margin: 0 0 15px; }

.bl_main_txt{ margin: 0 0 0 220px; }

.tb_catalog{ margin: 0 0 10px; }
.tb_catalog th{ font-size: 14px; line-height: 16px; border-right: 1px solid #fff; background: #efefef; text-align: left; font-weight: normal; padding: 5px 10px; }
.tb_catalog th img{ padding: 0; }
.tb_catalog th a{ color: #000; }
.tb_catalog th a:hover{ color: #1c26ef; }
.tb_catalog th.c{ text-align: center; }
.tb_catalog td.c{ text-align: center; }
.tb_catalog th.nopad{ padding: 0 10px; }
.tb_catalog td.nopad{ padding: 10px 5px; }
.tb_catalog td{ vertical-align: top; border-bottom: 1px solid #000; padding: 10px 10px; }
.tb_catalog td a{ display: block; float: left; margin: 0 10px 0 0; }

ul.paging{ margin: 0 0 10px; padding: 0; }
ul.paging li{ margin: 0 6px 0 0; padding: 0; display: inline; }
ul.paging li a{  }
ul.paging li.active{ color: #1c26ef; }
ul.paging li a:hover{ color: #f26522; }
.paging_switch{ clear: both; }

.tb_block{ margin: 0 0 20px; }
.tb_block td{ vertical-align: top; }

.bl_details{ margin: 0 20px 0 0; }
.tb_details{ margin: 0 0 12px; }
.tb_details th{ font-weight: normal; text-align: left; font-size: 12px; line-height: 20px; vertical-align: top; width: 130px; }
.tb_details td{ vertical-align: top; color: #7f7f7f; }

.bl_sm{ float: left; }
.sm{ margin: 0 0 10px; }
.sm img{ border: 1px solid #695f4c; }
.sample_pdf{ background: url(images/ico_pdf_s.gif) 0 2px no-repeat; padding: 0 0 5px 20px; }
.sample_muz{ background: url(images/ico_midi.gif) 3px 2px no-repeat; padding: 0 0 0 20px; }

.id{ margin: -10px 0 20px; font-size: 10px; }
.id_r{ text-align: right; font-size: 12px; margin: 0 0 10px; }

/*-- block_price --*/
.bl_pr{ background: #e2e2e2; float: right; padding: 0 0 20px; }
.block_price{ height: 1%; font-size: 12px; line-height: 20px; padding: 20px 20px 0; }
.block_price strong{ display: block; padding: 0 0 10px; font-size: 15px; }
.block_price p{ position: relative; padding-left: 20px; padding-bottom: 0; clear: both; }
.block_price p input{ position: absolute; top: 4px; left: -7px; width: 20px; }
.bl_price_btn{ text-align: center; padding: 0; }
.block_price_txt{ padding: 0; }
.block_price_txt strong{ display: block; margin-top: 5px; }
.block_price_pdf{ margin: 20px 0; text-align: center; background: #d0d0d0; padding: 10px 0; }
.block_price_pdf img{ margin-right: 4px; }
.block_price_pdf strong{ font-size: 15px; }
.block_price_data{ margin: 0 0 20px; }

.popup_question{ width: 400px; background: #a6a39e; padding: 10px; border: 1px solid #343230; position: absolute; }
.popup{ position: absolute; z-index: 20; }
.pad_tb{ padding: 14px 0; text-align: center; background: #eee; font-size: 11px; }

.comments{ float: left; width: 100%; clear: both; }
.comments dl{ float: left; width: 95%; padding: 0 0 20px; }
.comments dt{ float: left; padding: 0 0 0 20px; width: 90px; margin-right: 20px; background: url(images/ico_comment.gif) 0 0 no-repeat; color: #000; }
.comments dt{ font-style: italic; }
.comments dd{ margin: 0 0 0 130px; }

div.bl_frm_head{ background: #fff; border: 1px solid #eee; font-size: 13px; line-height: 30px; padding: 0 0 0 10px; color: #000; }
div.bl_frm_head span{ background: url(images/ico_warning.gif) 0 50% no-repeat; padding: 0 0 0 40px; display: block; position: relative; height: 30px; }
div.bl_frm_comment{ padding: 20px 20px 40px; background: #eee; }
div.bl_frm_comment table{ width: 100%; }
div.bl_frm_comment table td{ vertical-align: top;  }
div.bl_frm_comment table th{ padding: 0 20px 0 0; vertical-align: top; font-weight: normal; text-align: left; width: 120px; text-align: right; }
div.bl_frm_comment table td img{ margin: 0 20px 0 0; }
div.bl_frm_comment table th.error{ color: #e60f0f; }
div.bl_frm_comment table td input.frm_txt{ width: 89%; }
div.bl_frm_comment table td textarea{ width: 99%; height: 110px; margin: 0 0 10px; }
div.bl_frm_comment table td input.code{ width: 187px; margin: 10px 0 20px; }

.btn_pad{ margin: -45px 0 0 0; padding: 0 20px 0 0; }

.tb_block2{ margin: 0 0 20px; color: #000; font-size: 13px; }
.tb_block2 strong{ font-size: 15px; }
.tb_block2 td.l{ width: 33%; padding: 20px 20px 20px; vertical-align: top; }
.tb_block2 td.c{ text-align: center; padding: 10px 0 5px; }
.color1{ background: #d0d0d0; }
.color2{ background: #e2e2e2; }

.bl_warning{ background: url(images/ico_warning.gif) 0 5px no-repeat; padding: 0 0 0 40px; margin: 0 0 30px; width: 900px; }

ul.tab{ margin: 0 0 18px; padding: 0; }
ul.tab li{ margin: 0 5px 0 0; padding: 2px 8px 3px 10px; display: inline; color: #d32f2f; }
ul.tab li a{ 1color: #801919; }
ul.tab li a:hover{ text-decoration: none; }
ul.tab li.active{ background: #eee; color: #000; }
ul.tab li.active a{ color: #000; }

ul.blog{ margin: 0 0 15px; padding: 0; }
ul.blog li{ margin: 0; padding: 0; }
ul.blog li strong{ font-size: 14px; }
ul.blog li.sm{ font-size: 10px; color: #000; }
ul.blog li.sm a{ color: #000; }

.bl_gallery{ padding: 0; line-height: 24px; width: 728px; clear: both; }
.bl_gallery_sub{ margin: 0; height: 1%; float: left; line-height: 24px; }
.bl_gallery_sub img{ cursor: pointer; }
ul.gallery{ margin: 0; padding: 0 0 20px 10px !important; float: left; }
ul.gallery li{ margin: 0 10px 0 0; padding: 0; float: left; }
ul.gallery li img{ border: 1px solid #fff; height: 51px; }
ul.gallery li.active img{ border: 1px solid #f60; }
ul.gallery li.last{ clear: left; }

.sm_status{ color: #db5656; font-weight: bold; text-align: center; }
.sm_size{ font-size: 12px; line-height: 18px;  margin: 15px 0 0 0;}
/*-- /content --*/
/*-- footer --*/
.footer{ clear: both; padding: 15px 0 0 20px; height: 78px; margin: 0; position: relative; background: #e5e5e5; color: #000; }
/*-- /footer --*/

/*-- bl_edit_redactor --*/
.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; color: #000; }
.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 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 #695f4c; 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{ padding: 5px 0 20px; }
.bl_nav p{ padding: 0 0 6px; }
ul.nav{ margin: 0; padding: 0; }
ul.nav li{ margin: 0 0 2px; padding: 0; list-style-type: none; }
ul.nav li span{ font-size: 10px; color: #805f4e; padding: 0 0 0 5px; }

.bl_catalog_nav{ width: 160px; padding: 15px; margin: 0; float: left; background: #efefef;  }
.bl_catalog_nav p a{ color: #000;  }
.bl_catalog_nav p a:hover{ color: #d32f2f;  }
.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 a{ color: #000; }
.bl_catalog_nav ul.nav li div.selected{ color: #d32f2f; padding: 2px 0; font-weight: bold; }
.bl_catalog_nav ul.nav li div.selected span{ color: #666; font-weight: normal; }
.bl_catalog_nav ul.nav li div.selected_img{ color: #d32f2f; padding: 2px 0; margin: -19px 0 0 15px; font-weight: bold; }
.bl_catalog_nav ul.nav li div.selected_img span{ color: #666; font-weight: normal; }
.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: #d32f2f; }
.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_tb{ margin: 0 0 0 205px; }
.bl_cont_tb2{ float: left; width: 100%; }
.bl_ico_pdf{ float:left; padding: 0 5px 5px 0; }

.bl_like{ padding: 0 0 10px; }
.bl_like div{ display: inline; }
.fb_edge_widget_with_comment{ position: absolute; top: -2px; z-index: 1;  }
/*-- /new --*/

.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; font-size: 12px;}
.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; font-size: 12px;}

