/* GRID */
html, body {padding:0; margin:0}

body {background:#ffffff url(../i/bg/body_bg.gif) center top repeat-x; font:12px Tahoma, Arial, Helvetica, sans-serif; color:#464646} /* #f9f9f9 */

.col1 {float:left} .col2 {float:right}

#c111 {width:286px; margin-right:37px}
#c112 {width:286px; margin-right:37px}
#c113 {width:286px;}

#c211 {width:703px; font-size:14px} #c211 .content {width:100%; line-height:24px}

#c311, .c311, .pads .pad .col1 {width:432px; padding-left:7px}
#c312, .c312, .pads .pad .col2 {width:234px; line-height:1.2} .c312 {padding-left:30px; line-height:1.2}

#c411, .c411 {width:324px; margin-right:38px; line-height:24px}
#c412, .c412 {width:324px; line-height:24px}


/* FORMAT */
h1 {font-weight:normal; font-size:48px; line-height:1.2; margin:0 0 37px 0; padding:0 0 12px 0; border-bottom:#fefefe 5px solid; color:#000000} h1.v2 {border-bottom:0; padding:0}
h2 {font-size:20px; line-height:1.2; font-weight:normal; margin:0; padding:0 0 15px 0} h2.pad {background:url(../i/bg/index_pad_hdr_bg.gif) no-repeat; padding:0 0 0 12px; height:42px; margin-bottom:15px; color:#0a6dac} h2.pad span {background:url(../i/bg/index_pad_hdr_bg.gif) top right no-repeat; float:left; line-height:42px; padding-right:38px; display:block} h2.u {padding-bottom:10px; margin-bottom:15px; border-bottom:#49c0e2 5px solid} .content h2 {font-size:30px; color:#000000} .content h2.u {border-bottom:#fefefe 1px solid; margin-bottom:15px; } h2 a {text-decoration:none}
h3 {font-size:18px; margin:0; padding:0 0 4px 0} .content h3 {font-size:1em}

p {margin:0; padding:0 0 1em 0}
.abstr {font-size:16px; padding-bottom:35px; line-height:1.3}

.product .abstr {background:url(../i/bg/products_bg.gif) bottom left no-repeat; padding-bottom:45px; }
	.product .abstr span {padding:32px 25px 0 25px; background:url(../i/bg/products_bg.gif) no-repeat; display:block; width:603px; overflow:hidden}

.hold {width:100%; overflow:hidden}

.vr1 {float:right; font-size:12px; padding-bottom:25px} .col2 .vr2 {float:none}
	.vr1 h3 {font-size:14px; padding-bottom:10px}
	.vr1 a {display:block; text-decoration:none; margin-bottom:2px}
	
	.vr1 .images ul {margin:0; padding:0} 
	.vr1 .images li {margin:0; padding:0; display:block; list-style:none}
	.vr1 .images li a {display:block; text-align:center}
	.vr1 .images li a img {border:#FFFFFF 1px solid; display:block; margin:0 auto}


ul.li1 {margin:0; padding:0} 
li.li1, .li1 li, a.li1 {padding:0 0 3px 11px; background:url(../i/arr2.gif) 0 0.4em no-repeat; margin:0; display:block; list-style:none;}

.selector a, .selector2 a {outline:none}

.selector {background:url(../i/bg/sel_bg.gif) repeat-x; height:34px; margin-bottom:42px}
.selector ul {margin:0; padding:0; float:right; }
.selector .v2 {float:left; padding-right:5px; background:#d5d5d5}
	.selector li {padding:0 0 0 27px; background:url(../i/bg/sel_i_bg.gif) no-repeat; margin:0; display:block; list-style:none; float:left}
		.selector a {background:url(../i/bg/sel_i_bg.gif) top right no-repeat; display:block; font-size:14px; line-height:34px; color:#000000; text-decoration:none; display:block; padding-right:22px}
		
	.selector .s {background:#FFFFFF url(../i/bg/sel_i_s_bg.gif)}
		.selector .s a {color:#3ca4c4; background-image:url(../i/bg/sel_i_s_bg.gif)}
		
.selector2 {margin-bottom:42px; height:34px}	
	.selector2 ul {margin:0; padding:0; }	
		.selector2 li {padding:0 0 0 22px; background:url(../i/bg/sel2_i_bg.gif) no-repeat; margin:0 5px 0 0; display:block; list-style:none; float:left}
		.selector2 a {background:url(../i/bg/sel2_i_bg.gif) top right no-repeat; display:block; font-size:14px; line-height:34px; color:#000000; text-decoration:none; display:block; padding-right:22px}
		
	.selector2 .s {background-image:url(../i/bg/sel2_i_s_bg.gif)}
		.selector2 .s a {color:#3ca4c4; background-image:url(../i/bg/sel2_i_s_bg.gif)}

.pads {overflow:auto}



hr {color:#c7c7c7; background:#c7c7c7; height:1px; font-size:1px; line-height:1px; margin:0; border:none}
.b {display:block; clear:both} br.b, div.b {height:1px; line-height:1; font-size:1px; overflow:hidden}

	/* color */
	.red, .aster {color:#ff2121}
	.blue {color:#3ca4c4}


/* table */
table {font-size:1em}
table, tr, td {padding:0; border:none; margin:0}

.f1 {width:100%}
	.f1 th {text-align:left; font-size:14px; padding:0 0 8px 0; border-bottom:#c7c7c7 8px solid}
	.f1 td {vertical-align:top; border-bottom:#c7c7c7 1px solid; padding:5px}
	
	.up {background:url(../i/push/up.gif) right no-repeat; padding-right:75px}
	.down {background:url(../i/push/down.gif) right no-repeat; padding-right:75px}


/* form */
form {margin:0}
	.form {border:#c7c7c7 1px solid; padding:24px}
	.form table {width:100%}
		.form td {border-bottom:#c7c7c7 1px solid; padding:13px 11px 11px 0; vertical-align:top}
		.form .pad {background:#ebebeb; padding:11px} 
		
	.form .input, .form textarea, .form select {width:420px;}
	
	.form .v2 {width:auto}

	.form .captcha img {float:left; margin-right:15px; background:#FFFFFF}
	.form .captcha input {width:auto}
	
	.form .ftr td {border-bottom:0}
	
	.form .push {}

/* a */
a {color:#3ca4c4}/*#0a6dac*/
a:hover {color:#df3930}
/* a:visited {color:#673282} */
.text {color:#464646; text-decoration:none}

.doc {display:block; padding:6px 0 15px 32px; background:url(../i/push/doc.gif) no-repeat}
.xls {display:block; padding:6px 0 15px 32px; background:url(../i/push/xls.gif) no-repeat}
.pdf {display:block; padding:6px 0 15px 32px; background:url(../i/push/pdf.gif) no-repeat}
.zip {display:block; padding:6px 0 15px 32px; background:url(../i/push/zip.gif) no-repeat}

a img {border:0}

/* img */
.i {display:block; margin-bottom:10px}
.i_l {display:block; float:left; margin:0 10px 10px 0}
.i_r {display:block; float:right; margin:0 0 10px 10px}



/* CONTENT */
/* hdr */
#hdr {background:url(../i/bg/hdr_bg.gif) center top no-repeat} #hdr .c {width:961px; height:124px; position:relative; margin:0 auto}
	#logo {display:block; left:0; top:30px; position:absolute}
	#slogan {display:block; left:86px; top:45px; position:absolute}
	
	#nav {display:block; right:182px; top:62px; position:absolute}
		#nav a  {display:block; float:left; margin-right:19px }
		
	#lang  {display:block; right:25px; top:54px; position:absolute; background:url(../i/bg/lang_bg.gif) no-repeat; width:153px; height:25px; overflow:hidden}
		#lang a {float:left; font-size:11px; color:#4a4a4a; text-align:center; line-height:25px; text-decoration:none; width:51px}
		 .ru #lang .rus {background:#9a9c9f url(../i/bg/lang_bg.gif) 0 -25px no-repeat; font-weight:bold; color:#f7f7f7}
		 .en #lang .eng {background:#9a9c9f url(../i/bg/lang_bg.gif) center -25px no-repeat; font-weight:bold; color:#f7f7f7}
		 .jp #lang .jpn {background:#9a9c9f url(../i/bg/lang_bg.gif) right -25px no-repeat; font-weight:bold; color:#f7f7f7}
		
/* body */		
#body {width:961px; margin:0 auto; padding-bottom:30px; overflow:hidden}

	.sect_title {display:block; width:904px; margin:0 0 51px 0; font-weight:normal; font-size:18px; line-height:66px; text-transform:uppercase; padding:0 28px; background:#37b0d9 url(../i/pct/hdr_pct.jpg); text-align:right; color:#FFFFFF; overflow:hidden}
		.sect1 .sect_title {background-image:url(../i/pct/hdr_products.jpg)}
		.sect2 .sect_title {background-image:url(../i/pct/hdr_platforms.jpg)}
		.sect3 .sect_title {background-image:url(../i/pct/hdr_clients.jpg)}
		.sect4 .sect_title {background-image:url(../i/pct/hdr_team.jpg)}
		.sect5 .sect_title {background-image:url(../i/pct/hdr_carieers.jpg)}
		.sect6 .sect_title {background-image:url(../i/pct/hdr_company.jpg)}

	#promo {display:block; margin-bottom:39px; height:263px; position:relative; overflow:hidden}
		#promo .frame {width:100%; height:100%; background:url(../i/bg/promo_frame.gif); z-index:5; position:absolute}
		#promo a {display:block; position:absolute}
		
		#promo .th {position:absolute; right:32px; bottom:37px; z-index:5}
			#promo .th a {position:static; float:left; margin-right:9px; height:62px; width:135px; overflow:hidden; border:#97d9ed 1px solid}
				#promo .th img {height:66px; width:auto; margin:-2px 0 0 -2px; display:block}
				
		#promo .th .s {border:#FFFFFF 1px solid}
	
	#products {margin:0; padding:0 0 10px 3px; background:url(../i/bg/prod_line_bg1.gif) left 82px no-repeat; width:100%; overflow:hidden}
		#products li {float:left; margin:0; padding:0 0 30px 0; display:block; list-style:none; width:22%; background:url(../i/bg/prod_line_bg.gif) right 82px no-repeat;}
			#products li h2 {font-size:19px; font-weight:normal; color:#000000; height:69px;  position:relative; padding:0 20px 28px 70px; margin:0 0 13px 0}
			#products li h2 img {position:absolute; display:block; bottom:28px; left:0}
			#products li h2 span, #products li h2 a {position:absolute; bottom:28px; left:70px; display:block; color:#000000; text-decoration:none; width:120px; }
			
			/*#products .i1 h2 {background:url(../i/pct/prod_pct1.gif) 0 9px no-repeat}
			#products .i2 h2 {background:url(../i/pct/prod_pct2.gif) 0 9px no-repeat}
			#products .i3 h2 {background:url(../i/pct/prod_pct3.gif) 0 9px no-repeat}
			#products .i4 h2 {background:url(../i/pct/prod_pct4.gif) 0 9px no-repeat}*/
			
			
		#products .det {padding:5px 20px 0 5px; display:block}	
		#products .all {background:none; float:right; padding:82px 5px 0 0; width:auto}
			#products .all a {display:block; background:url(../i/bg/all_prod_bg.gif) top right no-repeat; font:11px/18px Arial, Helvetica, sans-serif; text-decoration:none; padding-right:21px; text-align:right; color:#3ca4c4 !important}
			
	h2.pad a {color:#3ca4c4 !important}		
	
	#awards {width:286px; float:right}
		#awards h2 {margin:0}
		#awards ul {margin:0; padding:0}
		#awards li {border-bottom:#e6e6e6 1px solid; color:#7d7d7d; margin:0; padding:13px 0; display:block; list-style:none;}
		#awards li a {color:#424242; display:block}
		#awards li img {display:block; float:right}
		#awards li.l {border-bottom:0}
	
/* ftr */	
#ftr {border-top:#e2e2e2 5px solid; width:961px; margin:0 auto; padding-bottom:21px}
	#clients {height:96px; border-bottom:#e2e2e2 2px solid;}
	#clients h2 {color:#0a6dac; background:url(../i/arr1.gif) right center no-repeat; float:left; line-height:96px; margin:0 134px 0 0; padding:0 20px 0 0}
	#clients a {float:left; padding:25px 57px 0 0; display:block; text-decoration:none}
	
	.copy {color:#7d7d7d; padding:17px 10px; display:block}



/* SERVICES */
/* menu */
#menu {height:45px; position:relative; padding-right:20px; background:url(../i/bg/menu_bg.gif) center top repeat-x; z-index:20}
.en #menu {background-image:url(../i/bg/menu_bg_en.gif)}
	#menu ul {float:right; margin:0; padding:0; }
	#menu li.i {display:block; margin:0;   float:left; list-style:none; height:45px; margin-left:-1px; background:url(../i/bg/menu_itm_bg2.gif) repeat-x}
	#menu li.s {background:url(../i/bg/menu_itm_s_bg.gif) center top no-repeat}
		#menu .i_a {font:14px/45px Arial, Helvetica, sans-serif; color:#696969; text-decoration:none; display:block; background:url(../i/bg/menu_itm_bg.gif) left center no-repeat;padding:0 25px;}
		
	
		
#menu .sm {position:absolute; left:0; top:0; margin-top:45px; width:714px; height:263px; color:#FFFFFF; font-size:14px; display:none; padding:0 0 0 248px; z-index:10}
	#menu .s .sm {display:block; padding-left:413px; width:549px}
	
	#menu .sm1  {background:#289fce url(../i/pct/sm_products_pct.jpg); padding-left:413px; width:549px}
	#menu .sm2  {background:#289fce url(../i/pct/sm_platform_pct.jpg); padding-left:413px; width:549px}
	#menu .sm3  {background:#289fce url(../i/pct/sm_clients_pct.jpg); padding-left:413px; width:549px}
	#menu .sm4  {background:#289fce url(../i/pct/sm_team_pct.jpg); padding-left:413px; width:549px}
	#menu .sm5  {background:#289fce url(../i/pct/sm_carieers_pct.jpg); padding-left:413px; width:549px}
	#menu .sm6  {background:#289fce url(../i/pct/sm_company_pct.jpg); padding-left:413px; width:549px }/*padding-left:158px; width:804px
		#menu .sm6 .col1 {width:179px !important; margin-right:15px !important}*/
 
	#menu .sm .c {padding-top:50px}
		#menu .sm ul {float:none; width:100%}
		#menu .sm li {height:auto; margin-left:0}
		
		#menu .sm li.li1 {width:28%; margin:0 15px 0 0; float:left; background-position:0 0.6em}
		#menu .sm ul.li1 {width:39%; margin:0 25px 0 0; float:left}
		#menu .sm .col1 {width:28%; margin:0 15px 0 0; }
			#menu .sm .col1 ul.li1 {width:auto; float:none; margin:0}
			
			#menu .sm a {color:#FFFFFF; text-decoration:none}
			#menu .sm a:hover {text-decoration:underline}
		#menu i {font-style:normal}
		
		
		
#menu2 {height:54px; border-bottom:#e2e2e2 2px solid;}
	#menu2 ul {margin:0; padding:0 10px; }
	#menu2 li {display:block; margin:0; padding:0 46px 0 0; float:left; list-style:none; }
		#menu2 li a {font:14px/54px Arial, Helvetica, sans-serif; color:#696969; text-decoration:none}
		#menu2 .s a {color:#3ca4c4}
		
		
#submenu {background:url(../i/bg/sm_bg.gif) no-repeat; padding:18px 22px; width:185px; min-height:530px; margin:0 29px 0 0; float:left}
#submenu ul {margin:0; padding:0;}
	#submenu li {display:block; margin:0; padding:0; list-style:none; position:relative; width:100%}
		#submenu a {color:#000000; text-decoration:none; padding:12px 0; border-bottom:#dcdcdc 1px solid; display:block}
			#submenu span { padding:12px 0; border-bottom:#dcdcdc 1px solid; display:block}
		#submenu li li a, #submenu li li span {padding-left:19px; width:auto}
			#submenu li li li a, #submenu li li li span {padding-left:38px; color:#3ca4c4}
		
		#submenu .s {color:#3ca4c4}
		
		
		
/* news */
.news {padding:0; width:100%; margin:0}
	.news li {display:block; margin:0; padding:0 0 20px 98px; list-style:none; position:relative; width:600px; line-height:24px}
		.news .date {width:72px; height:53px; background:url(../i/bg/date_bg.gif) no-repeat; line-height:1.2em; padding:3px; text-align:center; color:#000000; font-size:12px; position:absolute; left:0; display:block}
			.news .date b {font-size:24px; line-height:30px; text-align:center; display:block; margin-bottom:3px}
			
			.news .hdr {display:block; font-weight:bold; color:#000000; text-decoration:none}
			
.product {width:100%; overflow:auto; }
	.product .col1, .product .col2 {width:320px; line-height:24px}