@charset "UTF-8";
/* CSS Document */


* {
  margin: 0;
  padding: 0;
}

/* General */ 
html,
body
{
  height:100%;
  width:100%;
  color:#2E2E2E;
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  background-color: #141417;
  padding: 0;
  margin: 0;
}

body {
  background-color: #141417;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;

}

div#wrapper
{
  margin: 0 auto;
   width: 1200px;
padding-bottom: 70px;
  position: relative;
}

body, div, ul, li, h1, p
{
padding:0;
border: 0;
font-size:11px; font-family:Verdana,Arial,Helvetica,sans-serif;
} 

img{
border:0;
} 

ul, ol, li{
list-style:none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
} 

h1{
font-size:100%;font-weight:normal;
} 


a:hover {
color:#04C0FF;
text-decoration:underline;
}
a {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
border:0;
}
/* Header */ 

#header{
  height:173px;
  width:100%;
  background: url(im/topgrad.jpg) repeat-x;
} 


#header .wrap {
  height:172px;
  width:1200px;
  margin: 0 auto;
}

#header .wrap .logo{float:left; padding-left: 200px;}

#header .wrap .logo a{ position:relative;display:block;width:502px;height:172px;margin:0;background:#52504E url(im/top.jpg) no-repeat}

#header .wrap .kont{
  position:relative;
  display:block;
  width: 300px;
  height:100px;
  margin-left:664px;
  left:40px;
  top:70px;
}


#header .wrap .Layer_con {
	position:relative;
	display:block;
	width:298px;
	height:172px;
	left:40px;
	top:50px;
	z-index: 1;
font-size: 11px;
	margin: 0px;
	visibility: visible;
}


/* Header link */

.link {
	float:left;
	display:inline;
	height:28px;
	font-size: 11px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background: transparent url(im/graybut.jpg) no-repeat left
}

.link a {
	float:left;
	height:22px;
	padding: 6px 18px 0 ;
	background: transparent url(im/graybut_r.jpg) no-repeat right;
	white-space:nowrap;font-size: 10px; font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#000033
}


.link:hover {
	float:left;
	display:inline;
	height:28px;
	background:transparent url(im/orbut.jpg) no-repeat left
}

.link a:hover {
	color:black;
	background: transparent url(im/orbut_r.jpg) no-repeat right
}

.link.active a {
	color:green;
	background:url(im/orbut.jpg) no-repeat left;
	text-decoration:none;
	cursor:default;
}

.link.active a:hover {
	color:green;
	text-decoration:none;
	background:transparent url(im/orbut_r.jpg) no-repeat right
}

/* Clear */

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clear {display: inline-block;}

.clear {display: block;}

/* Content */ 
#content{width:1000px;min-height:100%;margin-left:200px; position:relative;}
*:first-child+html #content {padding-left:0px;}

* html #content {margin-left:0px;}

#content_wrapper {
  width: 800px;
  background:#999999 url(im/gray2.jpg);
 margin-right: 200px;
}
/* * html #content_wrapper {  margin-right: 0px; zoom:1;}*/
* html #content_wrapper {  margin-right: 0px;}

#content_wrapper .center {
  padding-left: 5px;
  height: 30px;
}

#content .head{margin-bottom:8px;font-size:large}
#content .flash{float: left; width:460px; height:300px;padding-left:6px; padding-top:42px;overflow:hidden;}


#content .proj{float: right; padding-top:12px; padding-right:6px; width:310px; height:300px;}


#content .proj .tproj{position: relative;top: 0px ;left: 0px; width:310px; height:15px; background: url(im/topproj1.png)}
#content .proj .cproj{position: relative;width:308px; height:270px;background:white}
#content .proj .bproj{position: relative;top: 0px ;left: 0px;width:310px; height:15px; background: url(im/botproj1.png)}




#content .partner{width:800px;height:300px;padding-top:10px; padding-left:0px;}
* html #content .partner {width:790px; padding-left:10px;}

.partcent{float: left; margin:6px;width:254px; height:155px;background: url(im/pblock.png) no-repeat left}

/* border: 1px solid #f00; */

.parttop{margin-top:2px;}
.padd{padding:0 5px; text-align:justify;}

#content .prod{width:780px;height:210px;padding-top:10px; padding-left:10px;}

.empty{height:143px} 
/*.center{position:relative; left:10px ;display:block}*/
.header{font-size:large}

#midline{width:100%;height:1px; background: url(im/gray.jpg); line-height: 0.1em;}
* html #midline {margin-bottom: -12px }

#left{position:relative;float:left;width:200px;display:block;padding-top:20px; color: white;}
* html #left { margin-left: -3px;}
* html #left div.center { padding-left: 10px;}

#left .marker{height:20px;padding-left: 10px; margin-top:5px;background: url(im/mark.jpg) no-repeat;}



.iguzzini{float: left; margin:0px;width:130px; height:130px;background: url(im/cat_iguzz.jpg) no-repeat left}
#norlys{float:left;width:130px; height:60px;left:0;padding-top:30px;}
#project{position:absolute; width:300px;padding-top:194px;margin:0px 1040px ;color: white}

#news{ width:200px;color: white; float: right; padding-top: 20px; }
* html #news{  margin-right: -3px;}

#news-wrapper {padding-left: 20px;  }
* html #news-wrapper { padding-right:3px; }


#left a, #news a, #footer a
{
  color: #fff;
}
#left a:hover, #news a:hover, #footer a:hover
{
  color: #04C0FF;
}


/* Footer */ 
#footer{
	position:absolute;
	height:70px;
	width:100%;
             bottom: 0;
	/*background:url(http://www.tofree.ru/Etomite/i/botgrad.jpg) repeat-x bottom;   бяка. не надо ставить ссылки на чужие сайты да еще и ошибочные или устаревшие*/
	}
#footer div {
  width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
}
#footer div p{
  padding-left: 200px;
}

.white {
	color: #DDDDDD;
	text-align: left;
	}

DIV.line {
	border-left: 1px solid #999999; 
	border-right: 1px solid #999999; 
   }

.line-height12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-decoration: none;
	color: #333333;
	margin-left: 7px;
	font-size: 10px;
}