/*page*/
  html, body {width:100%;height:100%;}
  body {padding:0; margin:0;background:#a2b2b5 url(../images/bgr/line.jpg) repeat-x left top;}

/*
  #SomeBox
  {
    position - position [ left , top ] ,
    liquid model - float, clear,
    block modle - display, width, height, margin, padding, overflow,
    visual property - background, border,
    text property - list-style, text-align
   }
*/

/*design*/
  a img{border:0;}

/*navigation*/
  a {color:#0060ff;text-decoration:underline;}
  a:hover {text-decoration:none;}
  :focus, a:active { outline: none; }
  form :focus, form a:active { outline:1px dotted;}

/*TAGS*/
  h1 {margin:0;padding: 0;font: 13px "arial narrow"; color:#000;text-transform:uppercase;line-height:15px;}
  h2 {margin:0;padding: 0;font:2.0em "Times New Roman";color:#000;}
  h3 {margin: 0;padding:0;font:1.8em "Times New Roman";color:#000;}
  h4 {margin:0;padding: 0;font:bold 1.6em "Times New Roman";color:#000;}
  dl, dt, dd, form {margin:0;padding: 0;}
  input {margin:0;vertical-align:middle;}
  p {margin: 0;padding:0 0 10px;}
  select {vertical-align:middle;}
  table {border-spacing: 0;border-collapse: collapse;}
  table td {padding:0;text-align:left;vertical-align:top;}
  ul {margin: 0;padding: 10px 20px;}
  img{vertical-align:top}




/*FONT*/
  html {font-size:100%;}
  body {font:12px/1.2 arial, sans; color:#000000}
  table, td, th, ul, textarea, input, select {font: 12px/1.2 arial;}

/*Misc*/
  .clearing {clear: both;height:0;font-size:0;overflow:hidden;}
  .clearFix:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
  .scroll_pane{width:391px;height:347px;float:left}
  .jScrollPaneContainer{float:left;margin-right:59px}

/*layout*/

  /*=HEADER*/
    #header {height:171px;width:875px;margin:0 auto;position:relative;background: url(../images/bgr/header.jpg) no-repeat left top;z-index:100}
    .logo{position:absolute;left:17px;top:25px;}
    .slogan{position:absolute;left:348px;top:38px;}
    .lang{font:12px arial;color:#193282;text-decoration:none;position:absolute;right:10px;top:8px;}
    .lang img{margin:2px 3px 0 0}
    .phone{position:absolute;right:7px;top:38px;color:#193282;font-size:32px}
    .phone span{font-size:14px;font-weight:bold}

    .main_menu{padding:0;margin:0;position:absolute;left:0;top:120px;width:101%;}
    .main_menu li{float:left;list-style-type:none;border-right:1px solid #aecfe5;position:relative}
    .main_menu a{float:left;padding:17px 44px 0;height:28px;font:13px tahoma;color:#fff;text-decoration:none}
    .main_menu li.last{border-right:0;}
    .main_menu li.last a{float:left;padding:17px 44px 0 43px;height:28px}
    .main_menu a.current,.main_menu a.current:hover{background: url(../images/bgr/a.png) repeat-x left top;color:#000}
    .main_menu a:hover,.main_menu a.hover{background:#355a80}
    .main_menu ul a:hover{background: url(../images/bgr/a.png) repeat-x left top;color:#000}
    .main_menu ul{padding:1px 0 0 0;margin:0;position:absolute;top:44px;background:#355a80;visibility:hidden;left:0}
    .main_menu ul li{border:none;float:none;border-top:1px solid #5e7994}
    .main_menu ul a{float:none;display:block;padding:6px 0 6px 11px;height:auto}
  /*=MENU*/
    #menu {background: silver;}

  /*=CONTENT*/
    #wrapper {position:relative;min-height:855px;height:100%;width:1003px;margin:0 auto;background:#888e8a url(../images/bgr/line2.jpg) repeat-x left top;}
      html>body #wrapper {height:auto;}
      #body {width:873px;margin:0 auto;border:1px solid #bbbebe;background:#88908c url(../images/bgr/line3.jpg) repeat-x left top;height:446px;overflow:hidden;}
        #body:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;overflow:hidden;}
        #main_col {float: right;width:100%;}
        #main_col_content {margin: 0 0 0 269px;}
        #wrapper{height:855px}

        .about_block{padding:60px 61px 0px 30px;}
        .about_block h1{margin:0 0 20px}
        .about_block h1 img,.develop h1 img,.sfm h1 img{float:none;margin:0}
        .about_block img,.develop img{float:right}
        .sfm h1{margin:0 0 10px}

        .develop{background: url(../images/bgr/develop.jpg) no-repeat left top;height:380px;padding:66px 80px 0 61px;display:none}
        .develop h1{margin:0 0 17px}
        .develop img{margin-left:100px}
        .develop_tab .tab{left:-1px}

        .production{padding:4px 1px 0 33px;height:442px;overflow:hidden;color:#292929;line-height:1.1;display:none}
        .production_info{padding:29px 0 0 0;float:left;width:573px;margin-right:20px}
        .production_info h1{margin:0 0 30px}
        .left_info{text-align:justify;float:left;width:275px;margin-right:27px;}
        .right_info{text-align:justify;float:left;width:271px;}

        .gallery{float:right;width:244px;}
        .gallery a{display:block;margin:0 0 4px}

        .sfm{margin:59px 0 0 47px;display:none}
        .sfm_img{float:right;margin:-33px 15px 0 0}

        .deliviry{padding:0px 489px 0 0px;height:392px;display:none}
        .deliviry h1{margin:0 0 22px}
        .del_img{float:right;margin-top:-33px}


        .forms_text{margin:28px 0 0 45px}
        .forms_text h1{margin-bottom:15px}
        .forms_img{float:left}
        .plun_img{float:left;margin:30px 0 0 0}

        .prod_plungers{margin:88px 0 0 60px;float:left;width:392px;margin-right:69px}
        .prod_plungers h1{margin-bottom:17px}
        .sfm_kolca{margin:59px 0 0 47px;}
        .sfm_kolca_img{float:right;margin:-33px 15px 0 0}

        .contacts_wrap{position:relative;}
        .contacts_text{position:absolute;right:0;top:0;width:201px;padding:30px 16px 16px 23px;background: url(../images/bgr/white.png) left top;font-size:14px}
        .phone_number {background: url(../images/bgr/phone.png) no-repeat left 12px;padding:10px 0 11px 23px;border-top:1px solid #cccccc;margin:14px 0 0 0}
        .icq {background: url(../images/bgr/icq.png) no-repeat left 10px;padding:10px 0 0px 23px;border-top:1px solid #cccccc}
		.mailto {background: url(../images/mailto.png) no-repeat left 14px;padding:12px 0 0px 23px;border-top:1px solid #cccccc}
	


  /*=SIDEBAR*/
    #sidebar {float: left;width: 269px;margin: 0 -269px 0 0;}




    .tabs_menu{padding:0;margin:0;width:875px;margin:0 auto 4px;border-bottom:6px solid #f1ba25;height:70px}
    .tabs_menu:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
    .tabs_menu li{float:left;list-style-type:none;position:relative;}
    .tab {position:absolute;left:0;bottom:0;display:none}
    .current .tab{display:block;z-index:100}
    .production_tab{z-index:100}

    .clients{border:1px solid #c5cac9;background:#fff;height:74px;width:873px;margin:0 auto 4px}
    .h2{float:left;}
    .prev{position:absolute;left:0;top:34px;}
    .next{position:absolute;right:0;top:34px;}
    .partners_list{width:725px;overflow:hidden;margin:0 0 0 0px}
    .partners_list ul{padding:9px 0 0 0;margin:0;width:5000px;position:relative;left:0}
    .partners_list li{float:left;margin:0 39px 0 0;list-style-type:none}

  /*=FOOTER*/
    #footer {height:76px;width:875px;margin:0 auto;position:relative;clear:both;background: url(../images/bgr/footer.png) repeat-x left top;overflow:hidden}
    .copyright{font:11px arial;color:#fff;position:absolute;left:34px;top:16px}
    .contacts{position:absolute;left:294px;top:0;background: url(../images/bgr/dot.png) repeat-y left top;padding:16px 0 0 19px;height:53px;font:11px tahoma;color:#fff}
    .contacts span{font:12px tahoma;}
    .contacts b{font:18px tahoma}
    .contacts a{color:#fff}
    #footer .logo{top:22px;left:761px;}
/*form*/
  .field {clear:both;padding:0;margin:0 0 20px;padding:0 0 0 215px;}
    .field:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
    .field dt {position:relative;left:-215px;float:left;width:200px;text-align:right;margin:0 -200px 0 0;}
      .field dt label {margin:0;}
    .field dd {float:left;}
  label {margin:0 15px 0 0;}
  select{border:solid 1px #A5ACB2;width:248px;height:1.8em;}
  textarea {width:248px;height:100px;border:solid 1px #A5ACB2;}
  .form_buttons {margin:0 0 0 215px;}


  fieldset{padding:0;margin:0;border:none;}
  .search_form{position:absolute;right:0;top:80px;width:167px;white-space:nowrap}
  .search_form .input{width:104px;padding:5px 5px 6px;background: url(../images/bgr/input.png) no-repeat left top;border:none;font-size:12px;margin-right:2px}


  .jScrollPaneContainer {
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-bottom:25px;
}

.jScrollPaneTrack {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  height: 100%;
 background: url(../images/button/track.png) repeat-y left top;
}
.jScrollPaneDrag {
  position: absolute;
  background: url(../images/button/drag.png) repeat-y left top;
  cursor: pointer;
  overflow: hidden;
  height:81px;
  left:2px
}
.jScrollPaneDragTop {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.jScrollPaneDragBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
a.jScrollArrowUp {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  /*background-color: #666;*/
  height: 0px;
  height:0px;background: url(../images/button/up.png) no-repeat left top;
}
a.jScrollArrowUp:hover {
  /*background-color: #f60;*/
}

a.jScrollArrowDown {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  /*background-color: #666;*/
  height: 0px;
  height:0px;background: url(../images/button/down.png) no-repeat left top;
}





.news_list{position:relative}
        .wrap_list_news{width:403px;}
        .wrap_clients2 dt a{float:left;}
        .wrap_clients2 dt span{float:left;width:15px;text-align:center;height:16px;background: url(../images/bgr/span.png) no-repeat left top;position:relative;left:10px;margin-top:-1px;font:8px tahoma;color:#6c6c6c;padding:3px 2px 0 0}
        .wrap_work,.wrap_clients2{margin:50px 0 0 0;float:left}
        .wrap_work .jScrollPaneContainer,.wrap_clients2 .jScrollPaneContainer{margin-right:0}
        .wrap_work .active,.wrap_clients2 .active{color:#1960a2}
        .active_dl{position:relative;left:-10px}
        .inside_wrap{overflow:hidden;height:332px;border-top:1px solid #b3b9b9;}
        .no_slide{height:auto;margin-bottom:0}
        .wrap_list_news dl{min-height:29px;border-bottom:1px solid #b3b9b9}
        .wrap_list_news dt{float:none;padding:6px 0 5px 35px;position:relative;overflow:hidden}
        .wrap_list_news dt a{font:bold 14px tahoma;color:#3f3d39;text-decoration:none}
        .wrap_list_news dt a.active{color:#1960a2}
        .wrap_list_news dd{overflow:hidden;padding:0 0 5px 35px;font:12px arial;color:#000;position:relative}
        .wrap_list_news .active dt, .wrap_list_news .active dd{left:-10px}
        .wrap_list_news span{background: url(../images/bgr/span.png) no-repeat left top;padding:6px 0 3px 25px;font:11px arial;color:#7c7c7c;float:left;margin-top:5px}
        .wrap_list_news a.comments{text-decoration:none;background: url(../images/bgr/span.png) no-repeat left top;padding:6px 0 3px 25px;font:11px arial;color:#7c7c7c;float:left;margin-top:5px}
        .wrap_list_news h3{float:left}
        .wrap_list_news h3 a{color:#BC0000;font-family:georgia;font-size:18px;margin:0;padding:0;text-decoration:none}
        .wrap_list_news h3 a:hover{text-decoration:underline}
        .photo_link,.video_link{float:left;margin:0 0 0 7px;position:relative;top:4px}
        .no_click{position:absolute;left:0;top:0;z-index:100;width:253px;height:373px;background:#000;display:none;opacity:0}
		
		
        .shadows{height:75px;width:658px;background: url(../images/bgr/shadows.png) repeat-x left top;position:absolute;bottom:0}
        #bottom_slide{position:absolute;left:130px;bottom:0px;display:block;line-height:0}
        #top_slide{position:absolute;left:130px;top:0;display:block;}
        /* #bottom_slide.no_active,#top_slide.no_active{cursor:default} */
        #bottom_slide img{vertical-align:top}

        .work_img{float:left;margin:0px 0 0 78px}

        .clients_slide dt a{float:left}
        .clients_slide dt span{float:left;width:15px;text-align:center;height:16px;background: url(../images/bgr/span.png) no-repeat left top;position:relative;left:10px;margin-top:-1px;font:8px tahoma;color:#6c6c6c;padding:3px 2px 0 0}
        .client_img{color:#3f3d39;text-decoration:none;font-weight:bold;margin:0 0 0 7px}
        .active_cl{color:#1960a2}
        .wrap_clients{float:left;width:726px;position:relative;height:74px;margin-left:10px}

