﻿/*-- 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: 20px; color: #000; height: 100%;  }
p{ padding: 0 0 15px; margin: 0;  }
.pad_tb{ padding: 14px 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: #069; }
a:hover{ text-decoration: underline; color: #f60; }
.back_link{ float: right; margin: 1px 0 10px; width: 150px; height: 20px; }

.error{ color: #f00; margin: 0 0 24px; }
.successfuly{ color: #000; margin: 0 0 12px; }
h1{ font-size: 24px; line-height: 26px; margin: 0 0 20px; font-weight: normal; }
h2{ font-size: 22px; line-height: 26px; margin: 0 0 20px; font-weight: normal; }
h3{ font-size: 18px; line-height: 20px; margin: 0 0 10px; font-weight: normal; }
h4{ font-size: 14px; line-height: 16px; margin: 0 0 10px; }

form{ padding: 0; margin: 0; }
input{ padding: 2px 0; margin: 0 0 10px; vertical-align: middle; font-family: Tahoma; }
input.btn{ padding: 0 10px; cursor: pointer; overflow: visible; }
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: left; font-size: 0; line-height: 0; }

.bl82{ width: 82%; margin: 0 auto; }
.bl82 p{ padding: 0 0 25px; text-align: center; }
.bl54{ width: 54%; margin: 0 auto; text-align: center; }
.bl68{ width: 68%; padding: 0 2% 0 0; }
.bl61{ width: 61%; float: left; }
.bl61_txt{ width: 61%; float: left; margin: 0 9% 0 0; }
.bl61_txt p{ font-size: 14px; }
.blf260{ width: 260px; margin: 0 0 10px; }
.blf240{ width: 240px; float: left; }
.bl24{ width: 24%; float: left; }
.bl30{ width: 30%; 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: 1000px; max-width: 1350px; margin: 0 auto; height: 100%; }

.wrapper{ position: relative; min-height: 100%; margin-bottom: -120px; }
* html .wrapper{ height: 100%; }
/*-- /global --*/

/*-- header --*/
.header{ margin: 0; padding: 30px 2% 20px; float: left; font-size: 11px; width: 96%; }

ul.language{ padding: 0; margin: 0 9% 0 0; float: left; }
ul.language li{ display: inline; padding: 0 4px 0 0; }
ul.language li a{ padding: 0; }

ul.hmenu{ padding: 0; margin: 0; float: left; }
ul.hmenu li{ padding: 0; margin: 0 20px 0 0; float: left; font-size: 13px; font-weight: bold; }
ul.hmenu li a.active{ border-bottom: none; color: #f60; }
ul.hmenu li.active{ border-bottom: 2px solid #f60; padding: 0 0 4px; position: relative; }

.logo{ float: right; margin: 3px 5px 0; padding: 0; background: url(images/logo.gif) no-repeat; width: 12px; height: 15px; }
.logo a{ display: block; width: 12px; height: 15px; padding: 0 0 0; }
.logo_txt{ float: right; }

.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: 11px;padding: 0 0 0 4px; }

.header_panel{ float: right;  margin: 0 20px 0 0; }
.header_panel a{ margin: 0 0 0 5px; }
/*-- /header --*/

/*-- content --*/
.content{ clear: both; padding: 0 2% 140px; }
.main_img{ height: 138px; margin: 0 0 30px; text-align: center; background: url(images/img_main.jpg) 50% 0 no-repeat;  }

.bl_sm_all{ margin: 0 0 0 -19px; z-index: 2; }
.bl_sm{ margin: 0 5px 15px 0; position: relative; }
.bl_sm ul{ margin: 0 0 0 20px; padding: 0; }
.bl_sm ul li{ margin: 0 0 5px; padding: 0; font-size: 13px; }
.bl_sm ul li a{ font-weight: bold; }
.sm_height{ height: 420px; }


.price{ background: url(images/price_bg.gif) 100% 0 no-repeat; height: 19px; float: left; margin: 0 0 0 -7px; line-height: 18px; padding: 0 15px 0 7px; color: #fff; font-weight: bold; }
/*div.sm{ display: table-cell; vertical-align: middle; height: 290px; background: url(images/bg_notes.gif) 0 0 no-repeat; text-align: center; width: 230px; }*/
div.sm{ background: url(images/bg_notes.gif) 0 0 no-repeat; padding: 20px 0 20px 20px; height: 250px; }
div.sm span{ display: table-cell; vertical-align: middle; height: 250px; text-align: center; width: 180px; padding: 10px 0; }

.ico{ position: absolute; top: 20px; left: 195px; width: 14px; text-align: left; }
.ico a{ display: block; margin: 0 0 5px; }

.bl_tmenu{ margin: 0 0 10px; float: left; width: 100%; }
.bl_tmenu a{ margin: 0 0 20px; font-weight: bold; }
ul.tmenu{ margin: 0; padding: 0; }
ul.tmenu li{ margin: 0 20px 0 0; padding: 0; float: left; font-size: 14px; font-weight: bold; }
ul.tmenu li.title{ font-weight: normal; font-size: 13px; }
ul.tmenu li.active{ background: url(images/tmenu_marker.gif) 50% 100% no-repeat; padding: 0 0 10px; }
ul.tmenu li a{ text-decoration: none; border-bottom: 1px dashed; }
ul.tmenu li a:hover{ text-decoration: none; }

ul.line_solid li a{ border: none; text-decoration: underline; }
ul.line_solid li a:hover{ text-decoration: underline; }

ul.list{ margin: 0 0 30px; padding: 0; }
ul.list li{ margin: 0 10px 0 0; padding: 0; display: inline; line-height: 25px; }

.bl_search{ float: right; }
.bl_search input.btn{ margin: 4px 0 0; }
.bl_search select{ width: 160px; margin: 6px 5px 0 0; vertical-align: top; }
.bl_search label{ padding: 6px 10px 0 0; vertical-align: top; display: block; float: left; }

ul.paging{ clear: left; margin: 0; padding: 0 0 60px; }
ul.paging li{ margin: 0 10px 0 0; padding: 0; float: left; }
ul.paging li.active{ background: url(images/line_decor.gif) 50% 0 no-repeat; padding: 10px 2px 0; margin: -8px 10px 0 0; text-align: center; }
ul.paging li a{ margin: -8px 0 0; display: block; float: left; padding: 10px 2px 0; text-align: center; }

ul.paging_txt{ margin: 20px 0 10px; padding: 0; }
ul.paging_txt li{ margin: 0 10px 0 0; padding: 0; display: inline; }
ul.paging_txt li.noactive{ color: #ccc; }
ul.paging_txt li.active{ color: #f60; }

.line_decor{ background: url(images/line.gif) 0 0 repeat-x; height: 8px; font-size: 0; line-height: 0; padding: 0 0 0 39px; }
.line{ border-bottom: 1px solid #f60; margin: 0 0 20px;  }
.bl_error{ margin: 0 0 0 14%; position: absolute; top: 42%; }
.bl_error p{ text-align: left; }

.id{ font-size: 10px; color: #999; margin: -31px 0 0; padding: 0 10px 10px 0; background: #fff; float: left; }

.bl_pad{ height: 1%; margin: 0 0 30px; }

.bl_details{ margin: 14px 0 0 240px; width: 62%; }
.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: 160px; }
.tb_details td{ vertical-align: top; }
.btn_pad{ padding: 0 0 0 135px; }

.sample_zoom{ margin: 0 0 0 19px; }
.sample_zoom span{ font-size: 11px; color: #999; padding: 0 0 0 5px; }
.sample_zoom a{ background: url(images/ico_zoom.gif) 0 0 no-repeat; padding: 0 0 0 20px; height: 14px }
.sample_zoom a:hover{ background: url(images/ico_zoom.gif) 0 -13px no-repeat; height: 14px }
.sample_muz{ margin: 0 0 0 19px; }
.sample_muz span{ font-size: 11px; color: #999; padding: 0 0 0 5px; }
.sample_muz a{ background: url(images/ico_muz.gif) 0 0 no-repeat; padding: 0 0 0 20px; height: 14px }
.sample_muz a:hover{ background: url(images/ico_muz.gif) 0 -15px no-repeat; height: 14px }

/*-- block_price --*/
.block_price{ height: 1%; font-size: 12px; line-height: 20px; }
.block_price .price_pad{ margin: 0 0 10px 15px; font-size: 13px; clear: both; }
.block_price strong{ display: block; }
.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; }
.block_price_btn{ text-align: center; }
.block_price_btn .button{ padding: 1px 5px; cursor: pointer; }
.block_price_txt{ padding: 0; }
.block_price_txt strong{ display: block; margin-top: 5px; }
.block_price_pdf{ margin: 20px 0; font-size: 11px; }
.block_price_pdf img{ margin-right: 4px; }
.block_price_data{ margin: 0 0 20px; }

.popup_question{ width: 360px; background: #f6f6e7; padding: 10px; }

.popup{ position: fixed; } /*position: absolute;*/
.popup_c{ background: #f5f5f5; padding: 20px; font-size: 12px; line-height: 18px; z-index: 1; }
.popup_c a{ border-bottom: none; text-decoration: underline; }
.popup_c a:hover{ color: #f60; }
.popup_c:before{ display: block; height: 19px;background: url(images/1_tr.gif) no-repeat 100% 0; content: url(images/1_tl.gif);margin: -20px -20px 1px -20px;}
.popup_c:after{ display: block; height: 19px;background: url(images/1_br.gif) no-repeat 100% 0;content: url(images/1_bl.gif);margin: 1px -20px -20px -20px;}

/*-- comments --*/
.comments{ float: left; width: 100%; margin: 0 0 30px; clear: both; }
.comments dl{ float: left; width: 85%; margin: 0 0 1em; }
.comments dt{ float: left; width: 140px; margin-right: 20px; font-size: 11px; line-height: 17px; }
.comments dt span{ font-size: 12px; font-weight: bold; }
.comments dd{ margin: 0 0 0 160px; }

.comment_img{ background: url(images/comment_img.gif) 0 0 no-repeat; width: 240px; height: 135px; float: left; }

.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 th{ padding: 0 20px 0 0; vertical-align: top; font-weight: normal; text-align: left; width: 120px; }
div.bl_frm_comment table td img{ margin: 0 20px 0 0; }
div.bl_frm_comment table td.error{ color: #f00; }
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; }

.dashed{ text-decoration: none; border-bottom: 1px dashed; }
.dashed:hover{ text-decoration: none; border-bottom: 1px dashed; }

.bl_warning{ background: url(images/ico_warning.gif) 0 7px no-repeat; padding: 0 0 30px 52px; }
.sm_status{ background: #e4e4c5; float: left; padding: 3px 10px; color: #000; margin: 0 0 12px; }

.bl_contact{ float: left; width: 100%; margin: 0 0 30px; }

ul.gallery_b{ margin: 0; padding: 0;  }
ul.gallery_b li{ margin: 0 20px 20px 0; padding: 0; float: left;  }

.data{ margin: 0 0 6px; }

.bl_blog_list{ padding: 0; }
.bl_blog_list dl{ margin: 0 0 15px; padding: 0; }
.bl_blog_list dl dt{ margin: 0; padding: 0; }
.bl_blog_list dl dd{ margin: 0; padding: 0; }

.bl_nav{ width: 190px; margin: 0 20px 0 0; float: left; }
ul.nav{ margin: 0; padding: 0; }
ul.nav li{ margin: 0; padding: 0; }
ul.nav li span{ font-size: 10px; color: #666; padding: 0 0 0 5px; }

.bl_catalog_nav{ width: 19%; margin: 0 4% 0 0; float: left; }
.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{ background: #09c; color: #fff; padding: 0 10px 0 10px; }
.bl_catalog_nav ul.nav li div.selected span{ color: #fff; }
.bl_catalog_nav ul.nav li div.selected_img{ background: #09c; color: #fff; padding: 0 10px 0 10px; margin: -15px 0 0 15px; }
.bl_catalog_nav ul.nav li div.selected_img span{ color: #fff; }
.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; 1color: #000; }
.bl_catalog_nav ul.nav li span{ font-size: 10px; color: #666; padding: 0 0 0 5px; }
.bl_catalog_nav ul.nav li ul li{ margin: 5px 0 5px 13px; }
.bl_catalog_nav ul.nav li ul li ul{ 1background: #fff; }
.bl_cont{ padding: 0 0 0 210px; }
.bl_cont_str{ padding: 0 0 0 23%; }

.title{ text-align: center; margin: 0 0 12px; }
.title h1{ margin: 0; }

.bl_like{ text-align: center; padding: 0 0 20px; }
.bl_like div{ display: inline; }
.fb_edge_widget_with_comment{ position: absolute; top: -2px; z-index: 1; margin-left: -15px;  }

.play{ padding: 0 5px 0 20px; }
.play a{ background: url(images/ico_play.png) 0 0 no-repeat; display: block; width: 21px; height: 20px; float: left;padding: 0 0 0 30px; }
.stop{ padding: 0 5px 0 20px; }
.stop a{background: url(images/ico_stop.png) 0 0 no-repeat; display: block; width: 21px; height: 20px; float: left; padding: 0 0 0 30px;}
.sm_size{ font-size: 12px; line-height: 18px; padding: 15px 0 15px 0 !important;}

/*-- /content --*/
/*-- footer --*/
.footer{ clear: both; font-size: 12px; line-height: 18px; height: 120px; margin: 0 2%; position: relative; }
.footer_decor{ border-top: 1px solid #f60; padding: 20px 0 0; }
/*-- /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; }
.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; border-collapse: collapse; border: 0; width: 100%; }
.bl_edit_redactor table td{ border: 1px solid #000; padding: 0 1em; }
.img_left{ float: left; padding: 0 20px 0 0; }
.img_right{ float: right; padding: 0 0 0 20px; }
/*-- /bl_edit_redactor --*/