body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,label,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ul li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

html, body {margin:0;height:100%;width:100%; text-align: center; background: #DBDFE7 url(/i/bg.png); font: normal 12px Helvetica, Trebuchet MS, sans-serif;}
/* general */
.all { position: relative; width: 1000px; margin: 0 auto; overflow: hidden; text-align: left;}

.header { position: absolute; right:33px; top:26px; width: 646px; height: 40px; }
.header2 { position: absolute; right:33px; top:26px; width: 925px; height: 40px; }
.header .language { float:right; margin-right:19px; display: inline; }
.header .language li { float:left; }
.header .language span { display:none; }
.header .language .hover {display:block;}

.header .language .button .active span {
display:none;
}

.header .menu { float:left }
.header .menu li { float: left; margin-right:17px; display: inline; }
.header .menu li strong {display:none;}
.header .menu li .hover {display:block;}
.header .menu li .active .hover {display:none;}

.content { position: relative; float: right; width: 645px; margin:70px 33px 0 0; display: inline;}
.content2 { position: relative; float: right; width: 925px; margin:70px 33px 0 0; display: inline;}
.sidebar { float: left; width: 289px; margin:0 0 0 13px; display: inline; }

.logo { width:261px; height:181px;  display: block; margin: 25px 0 0 16px; }

.contacts { width: 221px; height: 60px; overflow: hidden; position: relative; margin:7px auto 10px; }

.tags { width: 289px; height: 336px; overflow: hidden; }
.tags li { width: 289px; margin-top:-2px; padding:12px 0 4px; background: url(/i/line.gif) repeat-x }
.tags ul { width: 289px; }
.tags ul li { float: left; width: 96px; padding: 0; background: none; text-align: center; }
.tags ul li img { margin: 0 auto }
.tags ul li em { margin:0 auto 10px; height:21px; }
.tags ul li em a { height:21px; }
.tags ul li em span.hover { height:21px; }

.block1 { position: relative; width: 618px; height: 464px; padding:4px 0 0 27px; background: #424855 url(/i/block_bg.png) }
.block1 .frame { position: absolute; left: 0; top: 0; width: 645px; height: 468px; background: url(/i/block1_frame.png) no-repeat left }
.block1 .shadow_b { position: absolute; z-index: 10; left: 25px; bottom: 0; width: 591px; height: 10px; background: url(/i/shadow_b.png) repeat-x }
.block1 .shadow_t { position: absolute; z-index: 10; left: 25px; top: 0; width: 591px; height: 10px; background: url(/i/shadow_t.png) repeat-x }

.block2 { width: 617px; height: 538px; padding:0 0 0 28px; background: #424855 url(/i/block_bg.png) }
.block2 .frame { position: absolute; left: 0; top: 0; width: 645px; height: 538px; background: url(/i/block2_frame.png) no-repeat left }
.block2 .shadow_b { position: absolute; z-index: 10; left: 25px; bottom: 0; width: 591px; height: 10px; background: url(/i/shadow_b.png) repeat-x }
.block2 .shadow_t { position: absolute; z-index: 10; left: 25px; top: 0; width: 591px; height: 10px; background: url(/i/shadow_t.png) repeat-x }

.block3 { width: 893px; height: 537px; padding:0 0 0 32px; background: #424855 url(/i/block_bg.png) }
.block3 .frame { position: absolute; left: 0; top: 0; width: 925px; height: 537px; background: url(/i/block3_frame.png) no-repeat left }
.block3 .folio_preview { position: relative; margin-left:-2px; }
.block3 .shadow_b { position: absolute; z-index: 10; left: 32px; bottom: 0; width: 859px; height: 10px; background: url(/i/shadow_b.png) repeat-x }
.block3 .shadow_t { position: absolute; z-index: 10; left: 32px; top: 0; width: 859px; height: 10px; background: url(/i/shadow_t.png) repeat-x }

.section { width: 587px; margin-left:1px; background: #dadfe2; }
.section_wrap { width: 540px; padding: 10px 25px; min-height: 441px; margin: 0 -2px 0 -1px; background: url(/i/section.png) repeat-y; }
.section_wrap h2 { margin:20px 0 9px; font-size:14px; font-weight: bold; color: #444a57  }
.section_wrap p { margin-bottom:7px; font-size:12px; color: #444a57  }
.section_wrap hr { width: 540px; height: 0; margin: 30px 0; clear: both; overflow: hidden; background: none; border: 0; border-top:1px solid #d1d3d4; border-bottom:1px solid #e8ebed }
.section_wrap a { color: #444a57 }
.section_t { position: relative; width: 590px; height: 11px; overflow: hidden; background: transparent url(/i/section_t.png) no-repeat;  }
.section_b { position: relative; width: 590px; height: 10px; overflow: hidden; background: transparent url(/i/section_b.png) no-repeat;  }

.icon_list {  }
.icon_list li { float: left; margin-right:23px; display: inline; }

.text_list { margin-top:25px; }
.text_list li { margin-bottom:25px; }
.text_list li img { float:left; margin-right:20px; display: inline; }

.f_contacts { overflow: hidden; position: relative; font-size: 15px; padding: 60px 0 0 20px; }
.f_contacts dt { float: left; display: block; padding:10px 11px 0 0; }
.f_contacts dd { overflow: hidden; display: block; margin-bottom:15px; }
.f_contacts .f_textarea { position:relative; overflow: hidden; width:465px; height: 235px; display: block; background:#fff url(/i/form_textarea.png) no-repeat 0 top; }
.f_contacts .textarea_field {width:450px; height: 225px; padding:8px 2px 2px 13px; font-size: 15px; color: #444a57; border:0; background: none; overflow: hidden; }
.f_contacts .f_username, .f_contacts .f_mail  {float:left; position:relative; overflow: hidden; width:308px; height: 35px; display: block; background:#fff url(/i/form_text.png) no-repeat 0 top}
.f_contacts .text_field {width:293px; height: 27px; padding:8px 2px 0 13px; font-size: 15px; color: #444a57; border:0; background: none }
.f_contacts label.overlabel {position:absolute; top:8px; left:13px; color:#444a57; font-size: 15px}
.f_contacts label.overlabel-apply {position:absolute;top:8px;left:13px;z-index:1; font-size: 15px; color:#9B9B9B;}

#scroll { width: 640px; margin-right:-30px; padding:4px 0 0 0; height: 530px; overflow: hidden; }
#scroll #mycustomscroll { width: 640px; position: relative; height: 490px; padding-bottom:47px; outline: none }
#mycustomscroll .scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
#mycustomscroll .vscrollerbase {visibility: visible; height: 210px !important;}
#mycustomscroll .vscrollerbase {width: 16px;background: #121313 url(/i/scroll.gif) 0px 0px repeat-y;}
#mycustomscroll .vscrollerbar {width: 8px !important; height: 8px !important; left:4px; background: url(/i/scroll.gif) -72px 0px no-repeat;}
#mycustomscroll .mcontentwrapper {width: 590px !important; padding:25px 0 0 !important; height: 505px !important  }
#mycustomscroll .vscrollerbar, .hscrollerbar {padding: 30px;z-index: 2;}
#mycustomscroll .vscrollerbarbeg {background: url(/i/scroll.gif) -48px -60px no-repeat;width: 16px;height: 30px !important; display: none;}
#mycustomscroll .vscrollerbarend {background: url(/i/scroll.gif) -48px 0px no-repeat;width: 16px;height: 30px; display: none;}

#mycustomscroll .scrollerjogbox {width: 20px;height: 20px;top: auto; left: auto;bottom: 0px; right: 0px;background: #4E727C url(/i/scroll.gif) 0px 0px;}

#mycustomscroll .vscrollerbasebeg {background: url(/i/scroll.gif) -64px -60px no-repeat;width: 16px;height: 32px !important;}
#mycustomscroll .vscrollerbaseend {background: url(/i/scroll.gif) -32px -60px no-repeat; height: 32px;width: 16px !important;}
#mycustomscroll .scrollerjogbox:hover {background: #5E828C url(/i/scroll.gif) -60px -20px;}

#mycustomscroll_vscrollerbase{
	top:-3px !important;
	margin-left: 1px;
}

#scroll2 { width: 916px; margin-right:-30px; padding:4px 0 0 0; height: 529px; overflow: hidden; }
#scroll2 #mycustomscroll { width: 916px; position: relative; height: 490px; padding-bottom:47px; outline: none }
#scroll2 #mycustomscroll .mcontentwrapper {width: 870px !important; padding:25px 0 0 !important; height: 505px !important  }

.site-error { text-align: center; padding-top:70px; }

.window{display:none;position:absolute;z-index:10000;top:0;left:0;width:100%;height:100%;}
.window_inner {position:fixed;top:0;left:0;width:100%;height:100%;}
.window_inner .alpha {width:100%;height:100%;z-index:1;overflow:hidden;text-align:center;background:url(/i/opacity.png) repeat;}
.window.block { display: block !important; }
.window .phone_big { position: relative; width: 826px; height: 163px; margin: 241px auto 0; text-align: left; }

.window2{display:none;position:absolute;z-index:10000;top:0;left:0;width:100%;height:100%;}
.window_inner2 {position:fixed;top:0;left:0;width:100%;height:100%;}
.window_inner2 .alpha2 {width:100%;height:100%;z-index:1;overflow:hidden;text-align:center;background:url(/i/opacity.png) repeat;}
.window2.block { display: block !important; }
.window2 .i_use_big { position: relative; width: 826px; height: 163px; margin: 241px auto 0; text-align: left; }

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block;}
.clear {display: block;}

/* buttons */
.button { position:relative;display:block;background-color: #f0f1f3;  }
.button a { background-repeat: no-repeat;position:relative;display:block; outline: none }
.button span.hover {  background-repeat: no-repeat;position:relative;display:block; cursor: pointer; }
.button .active { cursor: default; background-color: #746ead }
.button .active span { 
opacity: 1 !important;
cursor: default; 
display: none; }

.button a strong{
display:none;
}

.tags .button .active span { 
opacity: 1 !important;
cursor: default; 
display: block; }


.ru{width:62px;height:19px}
.ru a{width:62px;height:19px;background-image:url(/i/buttons/rus.png);}
.ru span.hover{width:62px;height:19px;background-image:url(/i/buttons/rus_hover.png);}
.ru .active { background-image:url(/i/buttons/rus_active.png) !important;}
.ru img{ display: none; position: absolute; margin:-2px 0 0 -22px; cursor: default; }
.ru .active img{ display: block;}

.en{width:56px;height:19px;}
.en a{width:56px;height:19px;background-image:url(/i/buttons/en.png);}
.en span.hover{width:56px;height:19px;background-image:url(/i/buttons/en_hover.png);}
.en .active { background-image:url(/i/buttons/en_active.png) !important;}
.en img{ display: none; position: absolute; right: 0; margin:-4px -22px 0 0;  }
.en .active img{ display: block; }






.errors{
z-index:100;
position:relative;
top:-14px;
margin:0 5px;
font-size:11px;
padding:0 3px;
}

#ie6 .errors{
top:-18px;
}