body {
	 background-color: #AFAFAF;
}
* {
	margin: 0;
	padding: 0;
	font-family: verdana;
	color: #000;
}
#container {
	width:1000px;
	margin:0px auto;
	background:#fff;

}

ul
{
	list-style:none;
}

div {
	font-size: 13px;
}
.clear-all {
	clear: both;
}
img {
	border: 0px;
}
.img-block {
	line-height: 0px;
	font-size: 0px;
}
.img-block img {
	line-height: normal;
	font-size: 13px;
}
.img-l {
	float: left;
	margin-right: 15px;
}
.img-r {
	float: right;
	margin-left: 15px;
}
p {
	padding: 10px 0px;
}
a {
	color: #5a799b;
	outline:none;
}
a:hover {
	color: #e96e33;
	outline:none;
}
h1, .h1 {
	font: bold 20px arial;
	color:#5a799b;
	padding: 10px 0px 10px 28px;
	background:url('/images/sites/marker-h1.gif') left center no-repeat;
}

h1.text {
	font: normal 11px verdana;
	color:#000;
	padding: 10px 0px 10px 0px;
	background: none;
margin: 0px !important;
}


h1.logo
		{
			width:214px;
			height:130px;
			display:block;
			float:left;
			position:relative;
			cursor:pointer;
			left:43px;
			top:51px;
			-top:50px;
			background:url('/images/sites/logo.png') no-repeat;
			-background: none;
                        text-indent: -9999px;
			-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/images/sites/logo.png', sizingMethod='scale');
}

h1.logo-en
		{
			width:214px;
			height:130px;
			display:block;
			float:left;
			position:relative;
			cursor:pointer;
			left:43px;
			top:51px;
			-top:50px;
			background:url('/images/sites/logo-en.png') no-repeat;
			-background: none;
                        text-indent: -9999px;
			-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/images/sites/logo.png', sizingMethod='scale');
}



h2, .h2 {
	font: bold 20px arial;
	color:#5a799b;
	padding: 10px 0px 10px 28px;
	background:url('/images/sites/marker-h1.gif') left center no-repeat;
}
h3, .h3 {
	font: bold 13px arial;
	padding: 5px 0px;
	color: #1927B3;
}


#content ul 
{
	margin-left:0px;
	padding-top:10px;
}
	#content ul li 
	{
		background:transparent url('/images/sites/pointer2.gif') 0 4px no-repeat;
		margin-bottom:7px;
		padding-left:8px;
		font:normal 11px verdana;
		line-height:12px;
		color:#000;
	}
	
#content ul.numer
{
	margin-left:0px;
	padding-top:10px;
} 	
	#content ul.number li 
	{
		background:transparent url('/images/sites/pointer3.gif') 0 3px no-repeat;
		margin-bottom:11px;
		padding-left:54px;
		font:normal 11px verdana;
		color:#000;
		position:relative;
		min-height: 46px;
		-height: 46px;
	}
		#content ul.number li p
		{
			color:#597b9a;
			padding-bottom:0;
		}
		#content ul.number li span
		{
			position:absolute;
			font:normal 36px verdana;
			color:#000;
			left:0;
			top:0;
			x-left:-54px;
			display:block;
			width:43px;
			height:43px;
			text-align:center;
		}
		
.header-bg
{
	background:url('/images/sites/header-bg.jpg') left bottom repeat-x;
}

.header-img
{
	background:url('/images/sites/header-bg-img.jpg') left bottom no-repeat;
}

#header
{
	min-height:410px;
	-height:410px;
	background:url('/images/sites/gray.png') left 1px no-repeat;
	-background: none;
	-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
			src='/images/sites/gray.png', sizingMethod='crop');
}

.next, .prev{
	cursor:pointer;
}

#screen
{
	position:relative;
	height:200px;
	margin-left:350px;
	-margin-left:347px;
}
	#screen .white-l
	{
		width:92px;
		height:205px;
		position:absolute;
		left:-57px;
		top:0;
		background:url('/images/sites/white-l.png') no-repeat;
		-background: none;
					-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/images/sites/white-l.png', sizingMethod='scale');
	}
	#screen .white-b
	{
		width:532px;
		height:66px;
		position:absolute;
		left:35px;
		top:157px;
		background:url('/images/sites/white-b.png') no-repeat;
		-background: none;
					-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/images/sites/white-b.png', sizingMethod='scale');
	}
	#screen .white-r
	{
		width:83px;
		height:223px;
		position:absolute;
		right:0px;
		top:0px;
		background:url('/images/sites/white-r.png') no-repeat;
		-background: none;
					-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/images/sites/white-r.png', sizingMethod='scale');
	}	
	#screen .white-bb
	{
		width:140px;
		height:175px;
		position:absolute;
		right:0px;
		top:223px;
		background:url('/images/sites/white-bb.png') no-repeat;
		-background: none;
					-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/images/sites/white-bb.png', sizingMethod='scale');
	}
	#screen .next, #screen .prev
	{
		position:absolute;
		top:76px;
		z-index:100;
	}
	#screen .prev
	{
		left:-25px;
	}
	#screen .next
	{
		right:16px;
	}
	
#sections
{
	overflow:hidden;
	background-color:white;
	width:100%;
	height:200px;
	position:relative;
}	
	#sections ul
	{
		width:3660px;
	}
		#sections li
		{
			float:left;
			width:200px;
			height:200px;
			position:relative;
		}
		#sections li.active
		{
			background-position:left 200px;
		}
			#sections li.active a
			{
				display:block;
			}

			#sections li.active span
			{
				display:block;
			}				
			#sections a
			{
				display:none;
				height:200px;
				width:200px;
				text-decoration:none;
				position:absolute;
				z-index:99;
			}
				#sections span
				{
					display:none;
					width:200px;
					height:46px;
					position:absolute;
					padding-top:11px;
					background:url('/images/sites/active-img.png') left bottom no-repeat;
					-background: none;
					-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
					src='/images/sites/active-img.png', sizingMethod='scale');
					bottom:0;
					left:0px;
					font:bold 11px verdana;
					text-transform:uppercase;
					color:#21212d;
					text-align:center;
					cursor:pointer;
				}
	
#menu
{
	margin-left:20px;
	margin-top:-25px;
	-margin-top:-26px;
	padding-bottom:12px;
}	
	
#ramki
{
	background:transparent url('/images/sites/ramki.png') no-repeat;
	-background: none;
	-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='/images/sites/ramki.png', sizingMethod='crop');
	min-height:223px;
	-height:224px;
}

#ramki h4, #ramki a.h4
{
	font:normal 22px verdana;
	color:#fff;
	height:39px;
	line-height:38px;
	background:url('/images/sites/orange.gif') left top no-repeat;
	text-indent:22px;
}

#ramki a.h4
{
	padding-left: 20px;
	text-decoration: none;
}

#ramki a.h4:hover
{
	text-decoration: underline;
}

#ramki ul
{
	padding:10px 0 0px 11px;
}

#ramki ul li
{
	margin-bottom:16px;
	padding-left:15px;
	background:url('/images/sites/pointer.gif') left 5px no-repeat
}

#ramki ul li a
{
	font:normal 14px verdana;
	color:#fff;
	text-decoration:none;
}

#ramki ul li a:hover
{
	font:normal 14px verdana;
	color:#fff;
	text-decoration:underline;
}

#ramki .about
{
	float:left;
	width:195px;
	padding-top:29px;
}

#ramki .services
{
	float:left;
	width:277px;
	padding-top:29px;
}

#ramki .projects
{
	float:left;
	width:215px;
	padding-top:67px;
}

#ramki .contacts
{
	float:left;
	width:200px;
	padding-top:67px;
}

#content
{

    	width:100%;
	position:relative;
	-position:static;
	background:url('/img/sp.gif') 708px 0px repeat-y;
}

#content a
{
	font:normal 11px verdana;
	color:#5a799b;
}

#content a:hover
{
	color:#e96e33;
}

#content p
{
	font:normal 11px verdana;
}

#content h1, #content .h1
{
	margin-left:-10px;
}

#content .first
{
	padding:0;
}

#content .left, #content .center, #content .right
{
   	 padding:0 10px 0px 10px;

}

#content .left
{
	float:left;
	width:195px;

	min-height:400px;
	-height:400px;
}

#content .center
{
	float:left;
	width:471px;

}

#content .right
{
	width:272px;
	float:right;
}


#footer
{
	height:74px;
	background:#6e8fb0;
	margin-bottom:1px;
	position:relative;
}

#footer .copy
{
	font:bold 11px verdana;
	color:#fff;
	position:relative;
	left:40px;
	top:31px;
}

#footer .menu
{
	position:absolute;
	top:31px;
	left:288px;
}

#footer .menu li
{
	float:left;
	margin-right:17px;
}

#footer .menu li a
{
	font:normal 11px verdana;
	color:#fff;
	text-decoration:underline;
	float:left;
}

#footer .menu li.sl
{
	width:1px;
	height:11px;
	background:url('/images/sites/separator.gif') no-repeat;
	position:relative;
	top:2px;
	
}

#footer .fcms, #footer .counter
{
	position:absolute;
	width:88px;
	height:31px;
}

#footer .fcms
{
	top:20px;
	right:139px;
}

#footer .counter
{
	right:39px;
	top:20px;
}

.left-top
{
	position:relative;
	top:15px;
	left:38px;
}

.graph
{
	position:absolute;
	top:0px;
	left:0px;
	padding:0;
}

.graph .home
{
	float:left;
	display:block;
	width:11px;
	height:9px;
	background:url('/images/sites/home.gif') no-repeat;
	position:relative;
}

.graph .mail
{
	float:left;
	left:15px;
	top:1px;
	display:block;
	width:9px;
	height:6px;
	background:url('/images/sites/mail.gif') no-repeat;
	position:relative;
}

.graph .fav
{
	float:left;
	left:30px;
	display:block;
	width:9px;
	height:9px;
	background:url('/images/sites/fav.gif') no-repeat;
	position:relative;
}

.lang
{
	position:absolute;
	padding:0;
	left:74px;
	top:-3px;
	font:bold 11px verdana;
	color:#7f8285;
}


ul.contact li{
	font-size: 12px !important;
	line-height: 16px !important;
}
h4, .h4{
	font: bold 16px arial;
	color:#5A799B;
	margin: 25px 0px 3px;
}
.h-over{
	background:url('/img/sp.gif') 215px 0px repeat-y;
}




#shadow {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-image: url('../images/litebox/thumb-trans.png');
	text-align: center;
}
* html #shadow {
	/* hack for IE < 7 opacity */
	background-color: #333;
	back\ground-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/litebox/thumb-trans.png", sizingMethod="scale");
}
#shadow.on {
	display: block;
}
#loading {
	background: url('../images/litebox/thumb-preload.gif') no-repeat;
	position: absolute;
	left: 48%;
	top: 50px;
	width: 55px;
	height: 55px;
	margin: 0 auto;
	cursor: pointer;
}
#litebox {
	background: #fff;
	padding: 5px 0;
	margin: 0 auto;
}
#litebox img {
	cursor: pointer;
}
#litebox p {
	margin: 0;
	padding: 10px 0;
	color: #333;
}
#litebox em {
	color: #999;
	display: block;
  font-size: 85%;
}
#litebox a {
	border: none;
	width: 21px;
	height: 21px;
}
#litebox a.prev {
	float: left;
	background: url('../images/litebox/thumb-prev.gif') no-repeat 0 50%
}
#litebox a.next {
	float: right;
	background: url('../images/litebox/thumb-next.gif') no-repeat 0 50%
}