/*atk start chelovek 2007*/
* {
	    margin: 0; 
	    padding: 0;}

html, body {
		width: 100%;
		height: 100%;
		font-size: 100%;
		color: #5d5d60;
		font-family: Verdana, Helvetica, sans-serif;}

#container {
       	width: 100%; 
    	height: 100%;
	    color: #5d5d60;
		position: relative; 
	    background-image: url(../bg.gif);
    	background-repeat: repeat-x;}

#container-bg {	
		width: 100%; 
    	height: 100%;
    	position: relative; 
    	background-repeat: repeat-x;
    	background-position: left bottom;} 
	    
*html #container-bg {background-image: url(../foot.gif);}

 #center {
		width: 831px;
		//width: 831px; 
		margin-left: -443px; 
		overflow: hidden;
		position: relative; 
		left:50%;
		z-index: 888;
		width: 831px; "\"}\""; voice-family: inherit; width: 831px; //width: 831px;}{}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
	
	a {		
			color: #246091;
			text-decoration: underline;
			cursor: pointer;}
	
	a:hover {
			color: #ffbb00;
			text-decoration: none;
			cursor: pointer;}
	
	div {display: block;}
	
	img {border: 0px;}
	
	h1, h2, h3 {font-family:  Helvetica, sans-serif;}
	
	h1 {
			font-size: 1.8em;		
			padding-top: 0.2em;
			padding-bottom: 0.3em;}
	
	h2 {		
			font-size: 0.9em; 
			font-weight: bold;
			padding-top: 0.4em;
			padding-bottom: 0.2em;
			color: #35a100;}
	
	h2.head2 {
			height: 18px;
			width: 100%;
			display: block;
			bor der-bottom: 1px solid  #cccccc;
			padding-bottom: 0px;
			background-repeat: no-repeat;
			background-position: left 0.4em;
			bac kground-color: #F3F3F3;
			padding-left: 295px;
			padding-bottom: 0.1em;}
	
	h3 {
			font-size: 11px; 
			padding-top: 0.2em;
			padding-bottom: 0.2em;}
	
	#main-text h4 {
			font-size: 1em;
			padding-top: 1em;
			padding-bottom: 0.1em;}
		
	#main-text h3 {
			font-size: 1.2em;
			background-repeat: no-repeat;
			background-position: left 0.4em;}
	
	p {
			line-height: 1.2em;
			margin-bottom: 1em;}
	
	#main-text ul {
			list-style-type: none;
			margin-left: 1em;
			margin-top: -0.4em;
			margin-bottom: 1em;}
	
	#main-text ol {
			margin-left: 1em;
			margin-top: -0.4em;
			margin-bottom: 1em;}
	
	#main-text ul li {
			margin: 0.5em 0 0.5em 0em;
			list-style-type: none;
			padding-left: 2.2ex;
			background-image: url(../main-text-li.gif);
			background-repeat: no-repeat;
			background-position: left 0.4em;
			line-height: 1.2em;}
	
	#main-text ul ul {padding: 0;}
	
	#main-text ol li {
			margin: 0.5em 0 0.5em 0em;
			line-height: 1.2em;
			text-indent: 2.5ex;}
	
	#main-text ol ol,
	#main-text ol ul,
	#main-text ul ol {padding: 0;}
	
	.selected {
			color: #ffbb00;
			font-weight: bold;}
	
	input {}		
	
	.clear {clear: left;}
	
	.border-none,
	#main-start td.border-none {
			border: 0px solid;}
		
	/*#container {
			min-width: 880px;
			color: #5d5d60;
			width: expression((document.documentElement.clientWidth
					|| document.body.clientWidth) < 859? "860px": "auto");
			flo at: left;}*/
	
	/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
	
	#header {
			fl oat: left;
			width: 100%;
			height: 286;
			ba ckground-color: #3388cc;
			mar gin-bottom: 2em;}
			
	#statusbar {
			width: 100%;
			padding: 0.2em 0em 0em 0em;
			padding-bottom: 5px;
			font-size: 0.7em;
			color: #5d5d60;
			b order-top: 1px solid #5d5d60;
			b order-bottom: 1px solid #cccccc;
			ba ckground-color: #F3F3F3;}
	
	
	#statusbar div {
			padding-left: 1em;}
	
	
	#statusbar a {color: #5d5d60;}
	
	#statusbar a:hover {color: #ffbb00;;}
	
	
	#nav {
			width: ;
			height: 40px;
			margin-left: 50px;
			color: #3388cc;}
			
	#nav a {
			text-decoration: none;
			color: #3388cc;}
	
	#nav a:hover {
			text-decoration: underline;
			color: #ffbb00;}
	
	
	#nav li {
			display: block;
			float: left;
			width: 186px;
			height: 25px;
			padding: 15px 0px 0px 8px;
			border-left: 1px solid #e7e7e7;
			font-size: 0.8em;
			background-image: url(../nav-li.gif);
			background-repeat: no-repeat;
			background-position: left: top;
			back ground-color: red;}
	
	#nav li.selected {
			color: #ffbb00;
			background-image: url(../nav-li-hover.gif);
			background-repeat: no-repeat;
			background-position: left: top;}
	
	#center-head {
			width: 100%;
			he ight: 227px;
			height: 174px;
			font-size: 0.7em;
			color: #ffffff;
			backg round-image: url(../back_right.gif);
			background-repeat: no-repeat;
			backgro und-position: 831px top;
			ba ckground-color: #3388cc;
			background-position: 793px top;	"\"}\""; voice-family: inherit; background-position: 831px top;}{}
	
	#center-head a {color: #ffffff;}
	
	#center-head a:hover {color: #ffbb00;}

	#left-nav {
			position: absolute;
			top: 60px;
			left: 0px;
			z-index: 999;}
			
		
	#prod-bg {
			margin-left: 51px;
			background-image: url(../left-shadow-head.gif);
			background-repeat: no-repeat;
			background-position: left: top;}
	
	#prod-bg a {
			text-decoration: none;
			color: #ffffff;}
	
	#prod-bg a:hover {text-decoration: underline;}
	
	#prod {
			width: 216px;
			border-left: 1px solid white;
			border-right: 15px solid #FFBA00;
			background-color: #3388cc;
			width: 230px; "\"}\""; voice-family: inherit; width: 216px;}{}
		
	#prod img {
			margin-top: 6px;
			margin-left: 15px;}
	
	#prod ul{
			padding-left: 15px;
			padding-bottom: 0.4em;}
	
	#prod ul li {
			padding-bottom: 0.5em;
			padding-left: 1em;
			list-style-type: none;
			background-image: url(../head-li.gif);
			background-position:  left 0.4em;
			background-repeat: no-repeat;}
	
	#sub-menu {
			width: 214px;
			margin-left: 51px;
			border-right: 1px solid #cccccc;
			color: #5D5D60;}
	
	#sub-menu ul{
			list-style-type: none;}
	
	#sub-menu li{
			display: block;
			padding: 0.4em 0em 0.5em 0em;
			padding-left: 26px;
			margin-left: 2px;
			border-bottom: 1px solid #cccccc;
			list-style-type: none;
			background-image: url(../sub-nav-li.gif);
			background-repeat: no-repeat;
			background-position: 14px 0.8em;
			background-color: #FCFCFC;}
	
	#sub-menu a {
			text-decoration: underline;
			color: #3388CC;}
	
	#sub-menu a:visited {
			te xt-decoration: none;
			co lor: #246091;}
	
	#sub-menu a:hover {
			text-decoration: none;
			color: #ffbb00;}
	
	#center-bg {
			ma rgin-right: -400px;
			ma rgin-left: 382px;
			height: 175px;
			border-right: 1px solid #ffffff;
			background-image: url(../back-start.jpg);
			background-repeat: no-repeat;
			background-position: left top;
			padding-right: 24px;
			width: 566px; margin-left: 266px;	"\"}\""; voice-family: inherit; margin-left: 282px; width: 526px;}{}
	
	*html  #center-bg {
			position: relative;
			left: -3px;}
	
	#symbols {
			float: right;
			clear: right;
			width: 150px;
			margin-top: 20px;
			margin-left: 4px;
			font-size: 10px;
			font: bold tahoma, sans-serif;
			color: #dfdfdf;}
	
	#symbols img {
			border: 0px;
			margin: 0 3px;
			padding: 5px;}
	
	#symbols a {text-decoration: none;}
	
	#slogan {
			float: right;
			clear: right;
			position: relative;
			top: 60px;}
	
	
	#line-1 {
			clear: left;}
	
	/*#####################################################################*/
	
	#content {
			clear: both;
			ov erflow: hidden;
			width: 100%;
			background-image: url(../1px.gif);
			background-repeat: repeat-y;
			background-position: 52px top;
			margin-top: -50px; "\"}\""; voice-family: inherit; margin-top: 0px;}{}
	
	#content-bg {
			width: 100%;
			background-image: url(../1px.gif);
			background-repeat: repeat-y;
			background-position: right top;
			padding-bottom: 30px;
			margin-top: 1px;}
	
	
	#left-column {
			float: left;
			display: inline;
			margin-top: 3.5em;
			margin-left: 51px;
			font-size: 0.7em;
			padding: 0px 20px 0px 16px;
			color: #888888;
			width: 226px; "\"}\""; voice-family: inherit; width: 182px;}{}
	
	#left-column h3 {
			padding-top: 0.6em;
			padding-bottom: 0.1em;}
	
	
	#right-content {
		margin-left: 289px;}
			
	#right-column {
			float: right;
			display: inline;
			width: 366px;}
			
	#main-text {
			font-size: 0.75em;
			color: bleck;
			padding-top: 55px;
			margin-left: 53px;
			ba ckground-color: green;}	

	#main-start {
			display: table;
			width: 100%;
			border: 0px;
			m argin-top: 300px;
			text-align: center;
			font-size: 0.9em;
			b ackground-color: #808080;}
		
	#main-start td {
			text-align: left;
			vertical-align: top;
			w idth: 17%;
			padding: 0px 5px 0px 8px;
			border-left: 1px solid #cccccc; 
			background-image: url(../nav-li-hover.gif);
			background-repeat: no-repeat;
			background-position: left top;}
	
	
	
	
	
	
	.columns {
			width: 100%;
			height: 500px;}
	
	.main-column {
			float: left;
			display: inline;
			width: 180px;
			hei ght: 600px;
			//width: 170px;
			height: 100%;
			border-left: 1px solid #cccccc; 
			background-image: url(../nav-li-hover.gif);
			background-repeat: no-repeat;
			background-position: left top;
			backg round-color: green;}

	.main-column p {padding: 0px 5px 0px 8px;}


	.main-column h3 {
			display: block;
			width: 100%;
			height: 40px;
			border-left: 4px solid #ffbb00;
			padding: 1px 5px 0px 8px;
			margin-bottom: 1em;}

		
	/*#main-text img {
			float: left;
			padding: 0.5em 0.5em 0.5em 0em;}
	
	#right-content #main-text p{
			color: bleck;}*/
	
	.articles {
			margin: 0px 8px 0px 8px;}
		
	.docs,
	.prises 
			{
			display: block;
			border: 1px solid #cccccc;
			border-left: 0px solid #cccccc;
			background-color: #F3F3F3;
			padding: 1em 0em 0.2em 1em;
			line-hei ght: 1.3em;}
	
	#main-text .docs ul li,
	#main-text .prises ul li {
			background-image: url(../pdf.gif);
			list-style-type: none;
			background-repeat: no-repeat;
			padding: 3px 0px 3px 24px;
			background-position: left 1px;}
	
	#main-text .prises ul li {
			background-image: url(../xls.gif);
			background-position: left 1px;}
	
	.anketa {
			background-image: url(../doc.gif);
			background-repeat: no-repeat;
			padding: 3px 0px 3px 24px;
			background-position: left 1px;}
	
	#main-text #prod-start ul li {
			color: #318ACE;
			background-image: url(../li-prod.gif);
			background-repeat: no-repeat;
			background-position: left 1px;}
			
	#main-text #prod-start ul li.li1 {
			display: block;
			color: #318ACE;
			background-image: url(../li-prod.gif);
			background-repeat: no-repeat;
			background-position: left 1px;}
		
	#main-text #prod-start strong {
			color: #318ACE;}
	
	#main-text #prod-start ul li ul li {
			background-image: none;}
		
	/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/

#footer {
			float: left;
			clear: both;
			width: 100%;
			padding-bottom: 20px;
			color: #808080;
			font-size: 80%;}	
		
	#footer-bg {
		position: absolute;
		top: bottom;
		margin-top: -113px;
		left: 0px;
		background-color: red;
		width: 100%;
		height: 114px;
		background-repeat: repeat-x;
    	background-position: left top;
    	background-image: url(../foot.gif);
		z-ind ex: 999;}
	
*html #footer-bg {display: none}
	
	
	#content2 #footer a {color: #808080;} 
	
	#content2 #footer a:hover {color: #D87D1A;}
	
	#content2	#corner-left-bottom  a {
			color: #3388CC;}

	#bg {
			float: left;
			width: 51px;
			height: 269px;
			overflow: visible;
			position: relative;
			bottom: 270px;
			margin-bottom: -270px; 
			background-image: url(../back_left.gif);
			background-repeat: no-repeat;
			background-position: right top;
			background-color: red;}
		
	#corner-left-bottom {
			float: left;
			display: inline;
			margin-left: 51px;
			//ma rgin-left: 0px;
			padding: 1.2em 0em 0em 1em;
			//padding: 0.4em 0em 0em 1em;
			border-left: 3px solid #FFBB00;}
	
	#corner-left-bottom p {
			margin-bottom: 0px;
			font-size: 9px;
			line-height: 1.5em;}
	
	.tel { margin-top: 0.2em;}
		
	.indent1 {margin-left: 12px;}
		
	.indent2 {margin-left: 41px;}
	
	.indent3 {margin-left: 8px;}

	#corner-left-bottom a.indent4 {
			margin-left: 4px;}
	
	#nav-bottom {
			flo at: left;			
			dis play: inline;
			position: relative;
			top: 16px;
			left: 90px;}
			
	#nav-bottom  ul li {
			margin-left: 1em;
			padding-left: 1em;
			float: left;
			border-left: 1px solid  #cccccc;
			list-style-type: none;}
			
#nav-bottom  ul	#li0 {
			border-left: 0px solid;}
		
	#nav-bottom .selected {
			color: #808080;}
	
	#container #nav-bottom a {
			color: #3388CC;}
		
	#madebypicom {
			float: left;
			clear: left;
			position: relative;
			left: 430px;
			ma rgin: 0em auto;
			font-size: 0.8em;
			margin-top: -4em;
			pa dding-right: 22px;
			color: #888888;}	
	.fast_perehod{
	 	fl oat:left;
		wi dth:100%;
		background-color:#f3f3f3;
		font-size:12px;
		padding-left:120px;
		padding-bottom:20px;
		bor der:1px solid red;
	}
	.fast_perehod .link{
		width:800px;
		background-color:#f3f3f3;
		font-size:12px;
		bor der:1px solid red;
	}
	#madebyArtFact {
			line-height: 18px;
			margin-left:  30px;}
			
	#copyright {
			margin-left: 4px;}
			
	#banners {
			float: right;
			margin: 20px;
			margin-top: -6em;
			//margin-top: 20px;}	
	
	#banners span {margin-bottom: 14px;}
.counter {
	margin-top: -30px;
	position: relative;
	margin-left: -114px;
	width: 88px;
	height: 31px;
}