	@charset "windows-1251";
/* CSS Document */
body {behavior:url("css/csshover.htc");}
	/* <!-- */
	/* General styles */
	html { height:100%;}
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		height:100%;		
		/*min-width:1024px;*/		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
		color:#303030;
	}
	
	.overbody {
		background-color: #000;   
		opacity:0.51 !important;
		filter:alpha(opacity=51);  
		-moz-opacity:0.51; 	
	}
	


	a {
		color:#0963c8;
		text-decoration:underline;
	}
	a:hover {
		text-decoration:none;	
	}
	*html .png{
	 behavior: url("css/iepngfix.htc"); /* Для прозрачного PNG в IE6 */	 
	}	
	h1, h2, h3 {
		margin:.8em 0 .5em 0;
		padding:0;
	}
	p, ol {
		margin:.4em 0 .8em 0;
		padding:0;
		line-height:1.55em;
	}
	
	ol { 
		list-style-type:none;			 
	}
	
	ol li {
		background:url(../images/marker.gif) no-repeat  left 1px;
	}
	ol
	{
		counter-reset: step;
	}
	ol li:before
	{
		counter-increment: step;
		content: counter(step) "";
		color: white;
		font-weight: normal;
		padding:0 14px 0 5px;
	}
	span.before{ padding:0 14px 0 5px;}	

	#maincarcas{
		margin:0 auto;
		width:968px;
		padding-left:30px;
		position:relative;
		background:url(../images/logo1.jpg) no-repeat  right 250px;
	}
	
	#maincontent{
		width:924px;
		margin-bottom:35px;
	}
	
	#maincontent td{
		width:308px;
		vertical-align:top;
	}	
	
	#maincontent td.about{
		width:290px;
		padding-right:18px;
		vertical-align:top;
	}
	#maincontent .lastblock td {
		padding: 0 21px 16px 21px;
		width:266px;
		background-color:#faf9f2;
				border-right:2px solid #fff;
	}
	#maincontent .lastblock td:hover {
		background-color:#e9ffdb;
	}
	#features {
		background:url(../images/features.png) no-repeat top right;
		behavior: url("css/iepngfix.htc");
	}
	#properties {
		background: url(../images/properties.png) no-repeat top right;
		behavior: url("css/iepngfix.htc");
	}	
	#invitation {
		background:url(../images/invite.png) no-repeat top right;
		behavior: url("css/iepngfix.htc");
	}
	#features div, #invitation div, #properties div{
		position:relative;
		padding-bottom:10px;
	}
	
	.but{ 
	background:transparent url(../images/button.png) no-repeat top left;
	behavior: url("css/iepngfix.htc");
	margin:0 auto 0 auto; 
	letter-spacing:0.08em; 
	display:block; 
	text-transform:uppercase; 
	text-decoration:none; text-align:center; 
	color:#fff; 
	font-weight:bold; 
	width:158px; 
	height:26px; 
	padding-top:14px; 
	cursor:pointer;  
	position:absolute; 
	bottom:0; 
	left:60px; 

	}
	.but:hover{ 
	background:transparent url(../images/button_on.png) no-repeat top left;
	behavior: url("css/iepngfix.htc");
	text-decoration:none !important;
	}		

ul.newli {
	padding:0px;
}

ul.newli li {
	margin-left:15px;
	margin-top:5px;
}
	
#menu {
padding-top:18px;
height:90px;
}

	
#menu  ul{
	background:url('../images/bg-menu.gif') left top no-repeat;
	list-style:none;
	width: 630px;
	height: 40px;
	padding: 0px 0px 0px 25px;
}

#menu ul li{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 6px;
	font-size:14px;
	color: #000000;
	background:url('../images/bullet.gif') left 18px no-repeat;
}

#menu ul li  p{
	height: 40px;
	margin: 0;
	padding: 7px 11px 0px 7px;
}

#menu  ul li:first-child {
	background:none;
}

#menu ul li.active  p, #menu ul li:hover  p{
	background:url('../images/bg-menu-act.gif') left top repeat-x;
}

#menu ul li  p a{
	color: #ffffff;
	text-decoration: none;
}

#menu ul li.active  p a{
	color: #000000;
	text-decoration: none;
}

#menu div {
float:left;
height:20px;
padding:5px 0px 10px 0;
background:url('../images/punkt.jpg') no-repeat 2px top;
margin-right:30px;
}
#menu div a {
color:#1e1e1e;
font-size:14px;
text-decoration:none;
}
#menu div a:hover {
color:#438a14;
}
#client {
height:20px;
float:right !important;
}
		
	.B {
		clear:both;
	}
	/* Header styles */
	#header div.contacts {
		width:262px;
		padding:10px 0 0 40px;
		margin:0 0 0 0px;
		/*background:url(../images/phone.gif) no-repeat top left;*/
		font-family:Tahoma;
		color:#000;
		position:absolute;
		right:0;
		top:0;
	}
	
	.contacts span{
		font-size:24px;
		line-height:29px;
	}
	
	.contacts p, .contacts a{
		font-size:14px;
	}	
	.contacts p{
		margin:0.4em 0 0.4em;
	}
	.contacts a{ text-decoration:none;}
	.contacts a:hover{ text-decoration: underline;}
	
	.fresh td{ padding-top:4px;}
	.lastprojects { margin:20px 0 20px 0; height:100px; position:relative; width:625px;}
	.lastprojects img{
		border:1px solid #c6c6c6;
	}


			

	.box {
	float:left;
	position:relative;
	width:142px;
	height:99px;
	padding-right:9px;
	}
	.lastprojects .last{	
		width:142px;
		padding-right:0;
	}	
	#logo {
		float:left;
		width:200px;
		height:149px; 
	}
	

	
	#center{ padding-left:614px; padding-top:47px; margin-top:0px; clear:both; position:relative;}
	h1 { font-size:20px; color:#56ba09;}
	.catalog .but_order { position:absolute; top:50px; left:350px; height:50px; width:198px;}
	.but_order{ margin:26px 0 0 47px; display:block; width:198px; height:50px; cursor:pointer;}
	.but_price{ cursor:pointer; display: block; background:url(../images/downloadprice.png) no-repeat top left; width:148px; height:25px; text-decoration:none; color:#fff; padding: 33px 0 0 68px;}
	
	
	/* Footer styles */

	#footer{ 
	clear:both;	
	padding-top:60px;
	padding-bottom:60px;
	height:auto;
	position:relative;
	}		
	#footer p {
		padding:10px 0;
		margin:0;
	}
	/* --> */



.copyright {
width:30%;
float:left;
margin-left:40px;
}

.ws {
width:30%;
float:right;
position:relative;
line-height:13px;
margin-right:40px;
}

.ws a{
color:#ffffff;
text-decoration:none;
}





#translucentbkg {
width: 534px; height: 486px;   	
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity: 0.9;
background-color:#000;
position:absolute;
top:0;
left:0;
}

.close {
position:absolute;
top:11px;
right:11px;
cursor:pointer;
}

.orderform {
width:275px;
clear:both;
padding-right:14px;
padding-left: 0px !important;
margin-top:23px;
}

.orderform li {
height:auto;
padding-bottom:23px;
}

.orderform .but_order {
margin:0;
width:174px;
}

.orderform input{
width:255px;
border:1px solid #7f9db9;
background:#fff;
color:#010101;
padding:2px 9px 3px 9px;
font-family:Tahoma;
font-size:12px;
}



span.maska {
background-color:#000;
bottom:0;
display:none;
height:0;
left:0;
margin-left:0;
padding:3px 0 0 10px;
position:absolute;
text-align:left;
width:292px;
}

span.maska  a{
color:#fff;
padding-top:5px;
display:block;
}




 div.reference {
padding:3px 18px 23px 25px;
height:273px;
background-color: #f7fce8;   

 }
 

  #opaco {
 background-color: #000;
 left: 0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=51)";/* IE8 */
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 51); /* IE5+ */
 filter: alpha(opacity=51);/* IE4- */
 moz-opacity: 0.51; /* Mozilla */
 -khtml-opacity: 0.51; /* Safari */
 opacity: 0.51; /* general CSS3 */
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 10;
 }

 #popup {
background-color: #f7fce8;  
 position: fixed;
 left:0;
 top:0;
width:430px;
height:366px;
 z-index: 11;
 }

	.butg{ background:transparent url(../images/butg.jpg) no-repeat top left; margin:0 auto 0 auto; letter-spacing:0.08em; display:block; text-transform:uppercase; text-decoration:none; text-align:center; color:#fff; font-weight:bold; width:158px; height:26px; padding-top:14px; cursor:pointer;  position:absolute; left:24px;
bottom:33px;}
	.butg:hover{ background:transparent url(../images/butg_on.jpg) no-repeat top left;}		



 
 .hidden {
 display: none;
 }

 .links{
	color:#999;
 }

.futer {
	color:#aaa;
	font-size:10px
}

.futer a {
	color:#777;
	font-size:10px
}

.futer a:hover {
	text-decoration:none;	
}
