* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
body { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#969696;
	/*background: #140b03 url(../images/bkg_electronic-circuit.jpg) no-repeat fixed center top; */
	background: #140b03 url(../images/bkg_electronic-circuit.jpg) repeat; 
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:100%;
}




/*==== GLOBAL =====*/
#main {
	width:982px; 
	margin:0 auto;
	font-size:.8125em;
	padding-bottom:23px;
}

#header {
	height:183px;
}
#content {
	background:#fff;
	padding:12px 24px 42px 24px;
}
#footer {
	background:url(../images/footer-bg.gif) no-repeat left bottom #fff;
}


/*----- forms parameters -----*/

input, select, textarea { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:4px 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:4px 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}


p {
	margin-bottom:18px;
}
.p1 { 
	margin-bottom:9px;
}
.p2 { 
	margin-bottom:18px;
}
.p3 { 
	margin-bottom:27px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#404040; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h2 {
	font-size:15px;
	line-height:1.2em;
	color:#303030;
	text-transform:uppercase;
	margin-bottom:27px;
}
h3 {
	font-size:15px;
	line-height:1.2em;
	color:#303030;
	text-transform:uppercase;
	padding-bottom:22px;
}
	h3.icon1 {
		background:url(../images/icon1.jpg) no-repeat right top;
	}
h4 {
	font-size:1em;
	font-weight:normal;
	margin-bottom:18px;
}
h5 {
	font-size:1em;
	margin-bottom:6px;
}
	h5 a {
		color:#e39400;
	}

.link1 { 
	display:block;
	float:left;
	background:url(../images/link1-left.gif) no-repeat left top #e19e19;
	color:#f7f7f7; 
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.link1:hover { 
	text-decoration:underline;
}
	.link1 b { 
		display:block;
		background:url(../images/link1-right.gif) no-repeat right top; 
		padding:2px 10px 3px 17px; 
		font-weight:normal; font-style:normal;
	}


.link2 { 
	display:block;
	float:left;
	background:url(../images/link2-left.gif) no-repeat left top #e51616;
	color:#f7f7f7; 
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.link2:hover { 
	text-decoration:underline;
}
	.link2 b { 
		display:block;
		background:url(../images/link2-right.gif) no-repeat right top; 
		padding:2px 10px 3px 17px; 
		font-weight:normal; font-style:normal;
	}


.line-hor { 
	background:#eee;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:0 0 30px 0;
}



.address dd { 
	clear:both;
}
	.address dd span { 
		float:left;
		width:96px;
	}
	.address dd a {
		color:#969696;
	}


/*===== header =====*/
#navcontainer  {
	background: #FFFFFF;
	padding-left: 24px;
}

#header .row-1 {
	height:87px;
	overflow:hidden;
}
	#header .nav {
		padding:22px 0 0 21px;
	}
		#header .nav li {
			float:left;
			background:url(../images/divider.gif) no-repeat left 14px;
		}
		#header .nav li.first {
			background:none;
		}
			#header .nav li a {
				float:left;
				font-size:20px;
				line-height:1.2em;
				color:#fff;
				text-decoration:none;
				font-weight:700;
				text-transform:uppercase;
			}
				#header .nav li a em {
					float:left;
				}
					#header .nav li a b {
						float:left;
						padding:7px 28px 9px 29px;
					}
			
			#header .nav li a:hover {
/*				color:#ce171f; Red */
				color:#3572C4;
			}
			
			#header .nav li a.current {
				background:url(../images/nav-bg.gif) left top repeat-x;
				margin-right:-4px;
				position:relative;
			}
				#header .nav li a.current em {
					background:url(../images/nav-left.gif) no-repeat left top;
				}
					#header .nav li a.current b {
						background:url(../images/nav-right.gif) no-repeat right top;
						padding-right:32px;
					}
			#header .nav li a.current:hover {
				color:#fff;
			}
			
			
#header .row-2 {
	height:96px;
	background:url(../images/header-bg.gif) no-repeat left top;
}
	#header .row-2 .fleft {
		padding:20px 0 0 34px;
	}
	#header .row-2 .info {
		float:right;
		/*color:#b3b3b3;*/
		color: #2B5C9D;
		font-weight: bold;
		padding:0 0 0 24px;
		border-left:1px solid #f1f1f1;
		margin:31px 37px 0 0;
	}

	.row-2 ul.info li a{
		color:#b3b3b3;
	}
		#header .row-2 .info li {
			padding:0 0 0 18px;
			display:inline;
			margin-left: 10px;
		}
		#header .row-2 .info li.home {
//			background:url(../images/icon-home.gif) no-repeat left 5px;
		}
		#header .row-2 .info li.user {
			background:url(../images/icon-user.gif) no-repeat left 5px;
		}
		#header .row-2 .info li.login {
			background:url(../images/icon-login.gif) no-repeat left 5px;
		}
		#header .row-2 .info li.exit {
			background:url(../images/icon-exit.gif) no-repeat left 5px;
		}

/*===== content =====*/
#content .inside {
	padding:0 15px 0 23px;
}
#content .inside1 {
	padding:15px 15px 32px 23px;
}
#content .inside2 {
	padding:15px 20px 0 23px;
}
	#content .indent {
		padding:0 0 0 7px;
	}
	

.banners-box-wrap {
	position:relative;
	height:433px;
	border-bottom:1px solid #eee;
	padding-bottom:12px;
	margin-bottom:28px;
}


	.banners {
		width:100%;
		overflow:hidden;
	}
		.banners li {
			float:left;
			padding-right:29px;
			width:289px;
			height:272px;
			color:#fff;
		}
		.banners li.last {
			padding-right:0;
		}
			.banners li a {
				padding:70px 0 70px 34px;
				color:#fff;
				text-decoration:none;
				display:block;
			}
				.banners li b {
					font-size:14px;
					text-transform:uppercase;
					line-height:1.2em;
					font-weight:400;
				}
				.banners li strong {
					font-size:44px;
					line-height:1.2em;
					display:block;
					font-weight:600;
					margin-bottom:-5px
				}
			.banners li#banner00 {
				width:145px;
			}
			.banners li#banner0 {
				background:url(../images/banner-sprite-bg0.gif) no-repeat left top;
			}
				.banners li#banner0:hover, .banners li#banner0.act {
					background-position:left -272px;
				}
			.banners li#banner1 {
				background:url(../images/banner-sprite-bg1.gif) no-repeat left top;
			}
				.banners li#banner1:hover, .banners li#banner1.act {
					background-position:left -272px;
				}
			.banners li#banner2 {
				background:url(../images/banner-sprite-bg2.gif) no-repeat left top;
			}
				.banners li#banner2:hover, .banners li#banner2.act {
					background-position:left -272px;
				}
			.banners li#banner3 {
				background:url(../images/banner-sprite-bg3.gif) no-repeat left top;
				padding-right:0;
			}
				.banners li#banner3:hover, .banners li#banner3.act {
					background-position:left -272px;
				}
			.banners li#banner4 {
				background:url(../images/banner-sprite-bg4.gif) no-repeat left top;
				padding-right:0;
			}
				.banners li#banner4:hover, .banners li#banner4.act {
					background-position:left -272px;
				}
				.banners li#banner a {
					padding-left:34px;
				}
	
	.description {
		background:url(../images/extra-banner.gif) no-repeat left top;
		width:923px;
		height:161px;
		overflow:hidden;
		color:#3e3e3e;
		position:absolute;
		top:272px;
		left:0;
	}
		.description dl dt {
			font-size:150px;
			line-height:1.2em;
			color:#1d1d1d;
			float:left;
			font-weight:600;
			padding:0 33px 0 50px;
		}
		.description dl dd {
			font-size:32px;
			line-height:36px;
			font-weight:300;
			padding:26px 25px 0 0;
		}
			.description dl dd strong {
				font-weight:600;
				/*display:block;*/
			}

	
	
	#desc-box2 {
		background:url(../images/extra-banner2.gif) no-repeat left top;
	}
		#desc-box2 dl dt {
/*			color:#e51616; */
			color:#2B5C9D
		}
	
	#desc-box3 {
		background:url(../images/extra-banner3.gif) no-repeat left top;
	}
		#desc-box3 dl dt {
			color:#e7d524;
		}
	
	#desc-box4 {
		background:url(../images/extra-banner4.gif) no-repeat left top;
	}
		#desc-box4 dl dt {
			color:#e19e19;
		}
	
	#desc-box2, #desc-box3, #desc-box4 { display:none;}


.list1 li {
	background:url(../images/arrow1.gif) no-repeat left 7px;
	padding:0 0 1px 17px;
}
	.list1 li a {
		color:#ce171f;
		font-weight:bold;
	}
		.list1 li a strong {
			text-transform:uppercase;
			color:#ffb51f;
		}

.legend {
	margin-top: 15px;
	font-size:9px;
}
.legend ul li{
	line-height: 10px;
}


.list2 dt {
	font-weight:bold;
	padding-bottom:8px;
}
	.list2 dt a {
		color:#e39400;
	}
.list2 dd {
	padding-bottom:18px;
}



.project-box {
	margin-bottom:15px;
}

.project-box .inner {
	padding:5px 10px 5px 13px;
	background:#fbfaed;
	color:#595959;
}
	.project-box img {
		margin-bottom:1px;
		display:block;
	}
		.project-box a {
			background:url(../images/arrow2.gif) no-repeat left 8px;
			padding-left:10px;
			color:#e51616;
			text-decoration:none;
		}
		.project-box a:hover {
			text-decoration:underline;
		}
		.project-box span {
			color:#000;
		}


.img-list {
	width:100%;
	overflow:hidden;
	padding-bottom:10px
}
	.img-list li {
		float:left;
		padding:0 9px 8px 0;
	}


/*===== footer =====*/
#footer {
	text-align:right;
	padding:0 24px 22px 24px;
}
	#footer .line {
		background:#eee;
		height:1px;
		overflow:hidden;
		font-size:0;
		line-height:0;
	}
	#footer .indent {
		padding:20px 11px 0 0;
	}
		#footer a {
			color:#da0913;
		}


/*----- forms -----*/
#contacts-form fieldset {
	border:none;
}
	#contacts-form label {
		display:block;
		height:30px;
	}
	#contacts-form label span {
		display:block;
		float: left;
		width: 130px;
	}
		#contacts-form input {
			width:280px;
			border:1px solid #d6d6d6;
			background:#f0f0f0;
			color:#969696;
			padding:2px 0 2px 5px;
		}
		#contacts-form textarea {
			width:280px;
			border:1px solid #d6d6d6;
			background:#f0f0f0;
			color:#969696;
			height:115px;
			overflow:auto;
			padding:2px 0 2px 5px;
			margin-bottom: 23px;
		}
		#contacts-form .link1 {
			float:right;
			margin-left:13px;
		}

#contacts-form.formArticle input, #contacts-form.formArticle textarea {
			width:755px;
			margin-bottom: 6px;
		}
#contacts-form.formArticle fieldset label	{
			display: inline;
			margin-bottom: 6px;
		}	
/*==========================================*/
