@import url(/images/css/common.css);


#layout{
	background: url('/images/uzor.jpg') left top repeat;
	max-width: 100%;
	overflow: hidden;
	_overflow: visible;
}
#upheader{
	background: #fff;
}
#header{
	height: 165px;
	background: #eee;
}
	#imenu{
		height: 165px;
	}
		#imenu div.ul{
			margin: 0;
			padding: 0;
			float: left;
			width: 252px;
			height: 165px;
			overflow: hidden;
		}
		#imenu ol{
			list-style: none;
			margin: 0 0 0 4%;
			padding: 64px 0 0 0;
			float: left;
			width: 210px;
		}
			#imenu ol li{
				margin: 0 0 5px 0;
				padding: 0;
			}
				#imenu ol li a:link,
				#imenu ol li a:visited{
					color: #898989;
				}
		#imenu ol.creating{
			background: url('/images/mnu_creating.jpg') left 42px no-repeat;
		}
		#imenu ol.promo{
			background: url('/images/mnu_promo.jpg') left 42px no-repeat;
		}
		#imenu ol.support{
			background: url('/images/mnu_support.jpg') left 42px no-repeat;
		}
#underheader{
	background: url(/images/black_rings.jpg);
	height: 353px;
	overflow: hidden;
}
	#underheader div.wfix1{
		background: #000;
		min-width: 932px;
		margin-right: 10%;
		/*_width: expression(document.body.clientWidth < 1004 ? "932px" : "auto");*/
		_margin-right: expression(document.body.clientWidth > 1200 ? "10%" : "0px");
	}
		#underheader div.wfix{
			background: #000 url('/images/faces.jpg') left top no-repeat;
			min-width: 932px;
			max-width: 1188px;
			_width: expression(document.body.clientWidth > 1280 ? "1188px" : "auto");
			/*margin-right: 10%;
			_width: expression(document.body.clientWidth < 1004 ? "932px" : "auto");
			_margin-right: expression(document.body.clientWidth > 1200 ? "10%" : "0px");*/
		}

#uzor{
	/*background:;*/
}
	#uzor1{
		background: #fff;
		min-width: 1004px;
		margin-right: 10%;
		/*_width: expression(document.body.clientWidth < 1004 ? "932px" : "auto");*/
		_margin-right: expression(document.body.clientWidth > 1200 ? "10%" : "0px");
	}
		#uzor{
			background: #fff;
			min-width: 1004px;
			max-width: 1260px;
			_width: expression(document.body.clientWidth > 1280 ? "1260px" : "auto");
			/*margin-right: 10%;
			_width: expression(document.body.clientWidth < 1004 ? "932px" : "auto");
			_margin-right: expression(document.body.clientWidth > 1200 ? "10%" : "0px");*/
		}

div.wfix{
	padding: 24px 24px 24px 48px;
	clear: both;
	overflow: hidden;
}


#iban{
	margin: 24px 24px 24px 48px;
	padding: 0;
	background: #F1F1F1;
	text-align: center;
	clear: both;
}
	#iban p{
		margin: 0;
		padding: 0;
	}
div.iarticles{
	float: left;
	width: 300px;
}
	div.iarticles div{
		font: normal 18px Arial;
		color: #fff;
		background: url('/images/zag_bg_red.jpg') left top no-repeat;
		height: 20px;
		padding: 8px;
		margin: 0 0 8px 0;
	}
		div.iarticles div a:link,
		div.iarticles div a:visited{
			color: #fff;
			text-decoration: underline;
		}
	div.iarticles i{
		display: block;
		margin: 8px 0 0 0;
		color: #af2e1d;
	}
		div.iarticles i cite{
			color: #bcc3ca;
		}
#includes{
	margin-left: 32.5%;
}
	#includes h1{
		font: normal 18px Arial;
		height: 20px;
		padding: 8px 0 0 0;
		margin: 0;
	}
	#includes h2{
		font: normal 18px Arial;
		height: 20px;
		padding: 8px 0;
		margin: 0 0 8px 0;
	}
	#includes .h1{
		font: normal 18px Arial;
		height: 20px;
		padding: 8px 0 0 0;
		margin: 0;
	}

.tramparam{
	padding-top: 0 !important;
}
#iownprojects{
	margin-left: 32.5%;
}
	#iownprojects div{
		font: normal 18px Arial;
		color: #fff;
		background: url('/images/zag_bg_gray.jpg') left top no-repeat;
		height: 20px;
		padding: 8px;
		margin: 0 0 16px 0;
	}
	#iownprojects a{
		display: block;
		width: 49%;
		float: left;
		height: 64px;
		padding: 8px 0 0 0;
	}

.iworks{
	list-style: none;
	padding: 12px 0 0 0;
	margin: 0;
}
	.iworks li{
		padding: 0;
		margin: 0;
		float: left;
		width: 33.2%;
		height: 150px;
		color: #757c82;
	}
		.iworks li div{
			width: 273px;
		}
			.iworks li.row2 div{
				margin: 0 auto;
			}
			.iworks li.row3 div{
				margin: 0 0 0 auto;
			}
		.iworks li img{
			border: #CECECE 1px solid;
			margin-bottom: 3px;
		}
		.iworks li span{
			font-size: 14px;
			padding: 0px 0 3px 0;
			display: block;
		}
			.iworks li span a:active,
			.iworks li span a:hover{
				color: #fff;
				background: #af2e1d;
				display: block;
			}
		.iworks li i{
			color: #bcc3ca;
		}
.inews{
	margin-left: 510px;
	padding-left: 5%;
	min-width: 422px;
	color: #fff;
}
	.inews b{
		font-style: italic;
		font-weight: normal;
		margin-right: 8px;
	}
	.inews a:link,
	.inews a:visited{
		color: #6e6e6e;
		margin-right: 24px;
	}
#islogans{
	padding-left: 510px;
	margin-left: 5%;
	min-width: 422px;
	height: 298px;
	overflow: hidden;
}
	#islogans p{
		margin: 0;
		padding: 0;
	}
	#islogans .pgr{
		margin-left: 350px;
	}


#years{
	height: 45px;
	background: url('/images/years_bg1.jpg') left top repeat-x;
	line-height: 24px;
}
	#years div.yfix{
		max-width: 1260px;
		_width: expression(document.body.clientWidth > 1280 ? "1260px" : "auto");
	}
	#years img{
		float: left;
		margin-right: 12px;
	}
	#years img#futur{
		float: none;
		display: none;
		position: absolute;
		margin: -23px 0 0 0;
		_width: 281px;
		_height: 81px;
		left: 120px;
	}
	#years span{
		display: inline-block;
		width: 7%;
		text-align: center;
	}
		#years span img{
			margin: 0;
			float: none;
		}
ul.ul{
	margin: 10px 0;
	padding: 0 0 0 20px;
}
	ul.ul li{
		margin: 3px 0;
		padding: 0;
	}