/* em-> px Table

0.0625em = 1px        0.3125em  = 5px        0.5625em  = 9px        0.8125em  = 13px     1.0625em = 17px
0.125em  = 2px        0.375em      = 6px        0.625em   = 10px    0.875em   = 14px     1.125em  = 18px
0.1875em = 3px        0.4375em  = 7px            0.6875em  = 11px   0.9375em  = 15px     1.1875em = 19px
0.25em   = 4px        0.5em     = 8px            0.75em    = 12px   1em      = 16px      1.25em   = 20px
*/

       /* Basic style*/
       
* {
    margin: 0; 
    padding: 0;
}
html {
     overflow: scroll;  
}
html, body {
margin:0;
padding:0;
width:100%; 
height:100%;
  position: relative;
}

body object#header_rus {
z-index: 0;
}

#content {  
height: auto !important;
min-height: 100%;
background-color: #ffffff;
width: 960px;
margin: 0 auto;  
position: relative;
}      




       /* Content boxes style*/
       
.conbox-wrap {
	float: left;
	clear: both;
	width: 932px;
	margin: 0;
	padding: 14px;
	
	
}

.clr {
	clear: both;
	height: 0px;
	font-size: 0;
	line-height: 0;
}

.clr-light {
	clear: both;
	height: 0;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ffffff;
}

.clr-none {
	clear: both;
	height: 0;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.conbox-top .slide-left .clr-light {
	margin: 12px 0 13px 0;
}

.clr-inside {
	clear: both;
	height: 0;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ffffff;
	margin: 4px -1px 6px -15px;
}
.clr-example
{
	clear: both;
	height: 0;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ffffff;
	margin: 12px -1px 0px -15px;
}
.clr-example-bottom
{
	clear: both;
	height: 0;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ffffff;
	margin: 12px -1px 12px -15px;
}

.clr-dark {
	clear: both;
	height: 0;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #ffffff;
	margin: 0 -13px;
}

.conbox {
	padding: 13px 13px 13px 13px;
}

*:first-child+html .conbox { /* ie7 hacks */
	padding-bottom: 0;
}

.conbox div {
	position: relative;
}

.conbox-top {
	background-color: #f4f4f4;
}

.inside-page .conbox-top
{
	
}

.conbox-top .slide {
	height: 100%;
	float: left;
}

.conbox-top .slide-left {
	width: 66%;
}

.conbox-top .slide-right {
	width: 34%;
	text-align: left;
}

.conbox-top .inside-slide-left {
	width: 31%;

}

.dark-grey-canvas
{
	padding: 0 0 0 2px;
	margin-right: 13px;
	background-color: rgb(244,244,244);
}

.inside-page .rc2 {
                            background-color: #ffffff;
                            padding-right: 27px;
                            text-align: left;
                            padding: 5px 10px 15px 5px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
                     }

.conbox-top .inside-slide-right {
	width: 69%;
	text-align: left;
}

.conbox-top .slide-left .titlebox {
	margin: 11px 0 9px;
}

.conbox-top .slide-left p {
	margin: 8px 0;
	line-height: 16px;
}

.conbox-top .slide-right p {
	margin: 15px 0 0 -10px;
	line-height: 19px;
}

.conbox-top .slide-right .titlebox {
	margin: 0px 0 12px 1px;
}

.conbox-top .slide-right .txtbox {
	margin: 10px 0 0 10px;
	padding-bottom: 18px;
	width: 135px;
}

*:first-child+html .conbox-top .slide-right .txtbox { /* ie7 hacks */
	margin-top: 0;
}

.captcha
{
	margin-left: 99px;
}

.move_forward
{
	vertical-align: middle; 
	padding-top: 12px;
}

.conbox-top .slide-right .need-to-move {
	vertical-align: middle; 
	text-transform: uppercase; 
	color: #5B5555;
	margin: 22px 0 0 5px;
}

.conbox-top .slide-right .need-to-move img {
	margin-top: -4px; 
	vertical-align: middle;
	margin-left: 14px; 
	height: 15px; 
	width: 23px;
}
.conbox-bottom {
	margin-top: 13px;
	background-color: #e1e1e1;
}

.conbox-bottom .slide {
	height: 100%;
	float: left;
}

.conbox-bottom .slide-left {
	width: 66%;
	line-height: 19px;
}

.conbox-bottom .slide-left a {
	line-height: 19px;
	padding: 0;
	margin: 0;
}

.attention
{
	 height: 16px;
	 width: 16px;
	 margin-top: -5px; 
	 padding: 0; 
	 vertical-align: inherit;
}

.blog h1, .maintext_vnutr h1
{
    line-height: 1.2;
    padding-top: 4px;
    padding-bottom: 4px;
}

.blogbox
{
	height: 348px;
}

*:first-child+html .blogbox { /* ie7 hacks */
	margin-top: 15px;
}

.conbox-bottom .slide-left .blogbox .titlebox {
	margin: 12px 0 12px 0;
}

*:first-child+html .conbox-bottom .slide-left .blogbox .titlebox { /* ie7 hacks */
	margin: -3px 0 8px 0;
}

.conbox-bottom .slide-left .blogbox .titlebox img {
	margin: -10px 3px -8px -3px;
}

.conbox-bottom .slide-left .blogbox .titlebox h1 {
	display: inline;
}

.conbox-top .slide-right .titlebox h1 {
	display: inline;
	padding-left: 4px;
}

.conbox-bottom .slide-right {
	width: 34%;
	text-align: left;
}

.canvas {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-opera-border-radius: 3px;
	border-radius: 3px;

}

.canvas-bottom {
	height: 411px;
}

.white-canvas {
	padding: 4px 13px;
	background-color: #ffffff;
}

.conbox-top .slide-left .white-canvas {
	margin-right: 13px;
	padding-bottom: 6px;
}

.grey-canvas {
	padding: 4px 13px;
	background-color: #f4f4f4;
}

.conbox-bottom .slide-left .white-canvas {
	margin-right: 13px;
}


       /* Content boxes style*/
       
.menub {
	margin: -3px 0 0 0;
	padding: 0;
}

.menub .menub-item {
	height: 68px;
	margin: 7px 0;
}

.menub .menub-iconbox {
	float: left;
	height: 64px;
	width: 64px;
}

.menub .menub-textbox {
	position: relative;
	float: left;
	height: 54px;
	width: 206px;
	padding: 6px 0 0 10px;
}

.menub .menub-textbox-fly {
	display: table-cell;
	height: 50px;
	vertical-align: middle;
}

.menub .menub-icon {
	display:block; 
	background-position: center;
	background-repeat: no-repeat;
	width: 64px;
	cursor: pointer;
}
                 
.menub div.menub-icon {
	height: 64px;
}

.menub a.menub-icon {
	height: 64px;
}

.menub .menub-item:hover div.menub-icon {
	
}

.menub .menub-item:hover a.menub-icon {
	height: 64px;
}

.menub .menub-textbox a {
	/*font-size: 14px;
	color: #000000;
	line-height: 16px;*/
	text-decoration: underline;
}

.menub a {
	text-decoration: none;
}




#shadow-box {
    height: 415px;
    margin: 100px -19px 0;
    position: absolute;
    width: 998px;
    z-index: -1;
    background-position: center top;
    background-repeat: no-repeat;
    display: none;    
}

.main-page #shadow-box {
    background-image: url(../images/shadow-all.png);
}       

.inside-page #shadow-box {
    background-image: url(../images/shadow-all-half.png);
}

#shadow-box-parent {  
background-color: #ffffff;
width: 960px;
margin: 0 auto;  
position: relative;
z-index: -1;
}   

* html #content {
height: 100%;
}       
    

* html #content {
height: 100%;
}       


#footer {
clear: both;
position: relative;
margin-top: -65px;
height: 65px;
width: 960px;
margin: 0 auto; 
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;  
font-size: 0.6875em; 
color: #ffffff;
border-top : solid 3px #8bcff2;  
 
}

 /*for ie6* if we need small div block less than 20px*/
    .flush {                  
        clear: both;
        line-height: 0px;
        font-size: 0; 
        }
body {
    background-image: url(../images/bgvertikal.jpg);
    background-position: left top;
    background-repeat: repeat-x;  
    background-color: #8997ac; 
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    
    }



img { 
    border: 0;   
}     

a {
    color: #313384;
}

a:hover {
    color: #2e91dc;
}

span:hover a
{
	color: #2e91dc;
}

b a:hover, strong a:hover {
    color: #313384;
}

.en .test
{
	padding-top: 31px;
}


h1 {
     font-family: Helvetica Neue, Helvetica, Arial, sans-serif;  
     font-size: 2em;
     color: #2e3192;
     font-weight: 200;   
}

h2 {
     font-size: 1em;
     font-weight: bold;   
}
 /* END of Basic style*/ 
 
 /* TOP style*/ 
 
 #top {
    width: 960px;
    margin: 0 auto;
    background-color: #8997ac;
    background-image: url(../images/bgvertikal.jpg);
    background-repeat: repeat-x;    
    min-height: 100px;
    height: 100px;  
    position: relative;
    z-index: 10;
    
    /*background-image: url(../images/topbg.jpg);    */
     
    
 }

.logo {
                width: 129px;
                height: 63px;
                float: left;
                padding: 20px 0 0 28px;
                
        }
       .logo a{
                display:block;
                background: url(../images/ny.png) no-repeat;
                  background-position: top left;
                 width: 129px;
                 height: 63px;
                 
        }
        
         .logo a:hover {
                  background-position: bottom left;
                  cursor: pointer;
        }
        
        .righttop {  
                width: 700px;
                height: 100%;
                float: right;
               }
        
            .language {
                    
                  height: 30px;
                  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;  
                  font-size: 0.6875em; 
                  padding: 20px 40px 0 0;
                  text-align: right;
            }
            
                     
                    .langactive a{
                                 text-decoration: none;
                    }
 
            .meniu {
                  float:right;  
                  font-family: Helvetica Neue, Helvetica, Arial, sans-serif; 
                  font-size: 0.875em;
                  font-weight:  normal;
                  height: 30px;
                  padding: 20px 30px 0 0;   
            }
               
                
                
                
                               
                 .meniu li a {
                    color: #80878f;
                    text-decoration: none;
                  }
				 
                  
                   /* Vertical Drop Down Menu ------------------------------ */
              
                   #nav, #nav ul {
                      list-style: none;
                      margin: 0;
                      padding:0;
                      float: left;
                      line-height:1;
                      z-index: 40;
                    }
                  
                    
                    #nav li {
                      float: left;
                      position: relative;
                      background: none;  
                      padding: 3px 7px;
                      margin: 0 0 0 0;
                      text-transform: uppercase;
                    }

		#nav li ul {
			-moz-border-radius: 0px 3px 3px 3px;
			-webkit-border-radius: 0px 3px 3px 3px;
			border-radius: 0px 3px 3px 3px;
			display: none;
			position: absolute;
			top: 27px;
			background-color: #ffffff;   
			width: 195px;
			padding: 6px 5px 7px 0;
			z-index: -1;
			border: solid 1px #c3cbd3;
			left: -1px;
            margin: 0 0 0 0;
		}

		#nav li ul.rul {
			-moz-border-radius: 3px 0px 3px 3px;
			-webkit-border-radius: 3px 0px 3px 3px;
			border-radius: 3px 0px 3px 3px;
			left: auto;
			right: -1px;
		}
                    
                    #nav li li {
                      padding-left: 10px;
                      padding-right: 5px;
                      padding-bottom: 1px;
                      cursor: pointer;
                   }
                    #nav li li a {
                      color: #80878f;
                    }
                    #nav li li:hover {
                      background-color: #ffffff;
                    }
                    #nav a:hover {
                   /**   color: #313384;    **/
                      color: #000000;
                    }

		#nav .menu-item {
			margin: 0 1px;
            padding-left: 0;
            padding-right: 0;
		}
		
		.menu-item a {
                     text-decoration: none;
                     display: block;
                      padding: 4px 7px;
					margin:0 0 0 0;
                     
                   }
		.screenmenu a {
                     text-decoration: none;
                     display: block;
                      padding: 4px 0;
					margin:0 0 0 0;
                     
                   }
		
		
		#nav .mehover {
			margin: -1px 0 0;
			color: #000000;    
			/** background: #cccccc; **/
			-moz-border-radius: 3px 3px 0px 0px;
			-webkit-border-radius: 3px 3px 0px 0px;
			border-radius: 3px 3px 0px 0px;
			border: solid 1px #c3cbd3;
			border-bottom: none;
			behavior: url(PIE.php);
		}
		#nav .mehover .menu-item-name a {
			color: #000000;
			width: 100%;
			height: 100%;
		}

                    #nav li li a {
                      width: 185px;
                      background: none;
                      font-size: 80%;
                    }    
                   
                    #nav li:hover ul, #nav li.jshover ul {
                      display: block;
                           
                    }
                    #nav li:hover li ul, #nav li.jshover li ul {
                      display: none;
                      width: 10.975em; 
                      top: -9px;
                      left: 10.975em; 
                      
                    }
                    #nav li:hover li:hover ul, #nav li.jshover li.jshover ul {
                      display: block; 
                        
                    }
                  
/* END OF Vertical Drop Down Menu
------------------------------ */
 /*END of TOP style*/ 
 
 /*Flash style*/
 
 .flash {
         width: 960px;
         margin: 0 auto;
         height: 241px;
         background-image: url(../images/flash5.jpg);
         background-repeat: no-repeat;
         background-position: center;
         position: relative;
         z-index: 0;
 }
 .flash_vnutr {
         margin: 0 auto;
 }

 /*End of Flash style*/
 
 /*Main style*/

 .main {
          width:960px;    
          margin: 0 auto;
          background-color: #ffffff;  
          display: table;
          font-family: Helvetica Neue, Helvetica, Arial, sans-serif;  
          font-size: 0.8125em;
          text-align: justify;
          line-height: 1.5;
 }
  .main h1
{
	text-align: left;
}
 
.inside-page .main
{
	min-height: 70%;
	height: 70%;
	background-color: rgb(244,244,244);
	border: solid 14px #ffffff;
	width:932px;    
}

*:first-child+html .inside-page .main { /* ie7 hack */
	height: auto;
}

.inside-page .conbox-wrap
{
	width:904px; 
}

.inside-page .conbox-top
{
	padding: 0;
}

    .mainleft {
                     width: 620px;
                     float: left;
                     background-color: #fff;  
                     
        }
.maintext {
    padding: 40px 28px 40px 38px;
}
                        .maintext ul, .maintext ol {
            
                                                padding-left: 35px;
                                            }
                                                    
                .news {
                        
                       height: auto;                                        
                       padding: 7px 0;   
                       position: static !important;                                    
                }       
                
*:first-child+html .news { /* ie7 hacks */
	padding-bottom: 0;
}

.startnews {
    clear: left;
    float: right;
    margin-bottom: 20px;
    margin-top: 10px;
}

.newsdate {
                            width: 100%;
                            float: left;
                            text-align: left;
                       }

*:first-child+html .newsdate span img { /* ie7 hacks */
	margin-top: 6px !important;
}

.inside-page .newstitle
{
	padding-bottom: 8px !important;
}

.inside-page .newsdate
{
	padding-top: 3px !important;
}

.news .newstitle {
         padding: 3px 0 2px;
         float: left;
         width: 100%;
         height: auto;
}  
                        
*:first-child+html .news .newstitle { /* ie7 hacks */
	padding: 0;
}

.news.page .newstitle {
         padding: 0px 0 15px;
         float: left;
         width: 100%;
}  
                        
                        
                                .active {
                                    color: #2E91DC;
                                    font-weight: bold;
                                    text-decoration: none;
                                }
        .mainright {
                    width: 340px;
                    float: right;
                     background-color: #fff; 
        }
        
                .sidetext{
                        padding: 40px 30px 40px 0;
                        text-align: left;
                }
                     .rc2 {
                            background-color: #f2f4f6;
                            padding-right: 27px;
                            margin-left: -2px;
                            text-align: left;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			border-radius: 8px;
                     }
.rc2 ul {
    padding-left: 12px !important;
}

.rc2 ul li {
/*  background: url("../images/ico/marker.png") no-repeat scroll left 12px; */
    background: url("../images/ico/marker-3.png") no-repeat scroll left 15px;
    display: block;
    list-style: none;
    padding: 7px 0 0 22px !important;
}      
                     .test {
                                width: 128px;
                                height:128px;
                                float: right;
                                position: relative;
                                padding-top: 40px;
                                
                     }     
                     
                                     
                           a.nakleika {
                                    display:block; 
                                    background: url(../images/projecthover.png) no-repeat ;
					                background-position: top left;
                                    width: 128px;
                                    height: 128px;
                                    text-indent: -4096px; 
                                                                       
                          }             
                           .nakleika:hover { 
                                     background-position: bottom left;
                                     cursor: pointer;
                                  
                               
                          }   
                          
                           a.nakleikaru {
                                    display:block; 
                                    background: url(../images/projectrushover.png) no-repeat ;
                                    background-position: top left;
                                    width: 128px;
                                    height: 128px;
                                    text-indent: -4096px; 
                          }                    
                           .nakleikaru:hover { 
                                    background-position: bottom left;
                                    cursor: pointer;
                                   
                               
                          }   
                          
                         .hidden {
                            display: none;
                         } 
                             .icon {
                                width: 64px;
                                height:64px;
                                padding-top: 10px;
                                
                     }    

/*  Разработка программного обеспечения */
                 

.icon_software_development {
    background-image: url(../images/icon_software_development_1.png);
    background-repeat: no-repeat;
}

.icon_software_development:hover {
    background-image: url(../images/icon_software_development_2.png);
    background-repeat: no-repeat;
}

/*  Встроенное программное обеспечение */
                 
.icon_embedded_software {
    background-image: url(../images/icon_embedded_software_1.png);
    background-repeat: no-repeat;
}
.icon_embedded_software:hover {
    background-image: url(../images/icon_embedded_software_2.png);
    background-repeat: no-repeat;
}

/*  Корпоративные порталы */
                  
.icon_enterprise_portals {
    background-image: url(../images/icon_enterprise_portals_1.png);
    background-repeat: no-repeat;
}
.icon_enterprise_portals:hover {
    background-image: url(../images/icon_enterprise_portals_2.png);
    background-repeat: no-repeat;
}

/*  Веб-сайты */
                 
.icon_web_development {
    background-image: url(../images/icon_web_development_1.png);
    background-repeat: no-repeat;
}
.icon_web_development:hover {
    background-image: url(../images/icon_web_development_2.png);
    background-repeat: no-repeat;
}

/*  Автоматизация измерений */
                  
.icon_measurement_automation {
    background-image: url(../images/icon_measurement_automation_1.png);
    background-repeat: no-repeat;
}
.icon_measurement_automation:hover {
    background-image: url(../images/icon_measurement_automation_2.png);
    background-repeat: no-repeat;
}
    
 /*End of Main style*/
 
 /*Footer style*/
                 .copyright {
                        text-align: center;
                        padding-top: 20px;
                 }
                 .copyright a {
                        color: #fff;
                 }
                 
                 .liveinternet {
                        position: absolute;
                        left: -9999px;
                        bottom: 20px;
                        width:31px;
                        height: 31px;
                 }
 /*End of Footer style*/
 
 
.langskin {
	float: right;
	margin: 3px -5px;
	width: auto;
}

.langsname {
	height: 9px;
	margin: -3px 4px;
	float: left;
	text-align: left;
	width: auto;
}

.langsbox {
	height: 9px;
	width: 14px;
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/ico/langsn.png);
	background-repeat: repeat-y;
}

.langsbox.eng-enabled {
	background-position: left -1px;
}

.langsbox.eng-disabled {
	background-position: left -12px;
}

.langsbox.rus-enabled {
	background-position: left -23px;
}

.langsbox.rus-disabled {
	background-position: left -34px;
}

.table-links td {
	height: 23px;
}

.dater {
    float: left;
    margin-bottom: 4px;
}
.titler {
	float: left;
	clear: left;
}

.dater span {
    font-weight: bold;
    color: #80878F;
    text-decoration: none;
}

.titler a {
    font-weight: bold;
    text-decoration: none;
}

.nounder a:hover {
    color: #313384;
}

ul.RMenu {
    margin-bottom: 6px;
}

*:first-child+html ul.RMenu { /* ie7 hacks */
	margin-bottom: -10px;
}

.flash .hline {
	top: 0;
	left: 0;
	height: 1px;
	width: 960px;
	float: left;
	background-image: url(../images/hline.png);
	z-index: 20;
	position: absolute;
}

.flash .vline.lline {
	left: 0;
}

.flash .vline.rline {
	right: 0;
}

.flash .vline {
	top: 1px;
	height: 240px;
	width: 1px;
	background-image: url(../images/vline.png);
	z-index: 20;
	position: absolute;
}

.flash .vline-d.lline-d {
	left: -1px;
}

.flash .vline-d.rline-d {
	right: -1px;
}

.flash .vline-d {
	top: 115px;
	height: 162px;
	width: 1px;
	background-image: url(../images/vline-dark.png);
	z-index: 20;
	position: absolute;
}

.icoloader {
	display: none;
}

.menu-item-name {
	float:left;
	height: 22px
}

.menu-item-left {
	float:left;
	height: 7px
	width: 3px
}

.menu-item-right {
	float:left;
	height: 7px
	width: 3px
}

.screenmenu {
	background-color: #ffffff;
	background: url(../images/menu-bg.png) no-repeat;
	background-repeat: repeat-x;
}

.screenmenu2 {
	background: -webkit-gradient(linear,left top,left bottom,from(#e7ecef),to(#ffffff));
	background: -moz-linear-gradient(top,#e7ecef,#ffffff);
        background-image: -o-linear-gradient(top,#e7ecef,#ffffff);
        background-image: linear-gradient(top,#e7ecef,#ffffff);
        -pie-background: linear-gradient(#e7ecef, #ffffff);
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7ecef',endColorstr='#ffffff');
}

@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
.screenmenu {
	background-color: #f5f7f8;
}
}
 
*|html[xmlns*=""] .screenmenu {
	background-color: #f5f7f8;
}
 
/* Opera < 9.5 */
html:first-child .screenmenu {
	background-color: #f5f7f8;
}

