html, body {

  	margin:0;

  	padding:0;

  	width:100%;

  	height:100%;

	text-align:center

	}

	* html #all {

 	 height: 100%;}

	* {font-family:arial; font-size:12px}

	#all {width:1000px; margin:auto; position: relative; min-height:100%;}

	* {font-family:arial, sans-serif; font-size:12px}

	#top1 {width:100%; height:110px;}

	#top1 .left {width:555px; height:110px; text-align:right}

	#top1 .left .block {float:right; width:276px; height:57px; height:'67px'; padding-top:10px; background:#F2F2F1; text-align:left}

	#top1 .left .block a {text-decoration:none; color:#a0a0a0}

	#top1 .left .block a:hover {color:#5f6060}

	#top1 .left .block .nav {position:absolute; width:120px; height:20px; top:10px; left:450px}

	#top1 .right {width:100%; height:110px; text-align:right}

	#top1 .right a {float:right; width:373px; height:62px; text-decoration:none; color:#646464; font-size:22px; letter-spacing:1,8; cursor:hand; margin:9px 32px 0 32px; }

	#top1 .right a:hover {color:#D6D2CF}

	#top1 .right .block {width:373px; height:62px; font-size:22px; text-align:center}

	#top2 {width:100%; height:127px; margin-top:18px}

	#top2 .left {width:555px; height:127px; background:#e6e6e6}

	#top2 .left .tassels {position:absolute; margin:-112px 0 0 45px; width:151px; height:232px; background:url(i/tassels.png) no-repeat;

		_background: none; /* специально для IE */

        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/tassels.png', sizingMethod='crop');}

	#top2 .left .rainbow {float:right; margin:10px 10px 0 0}

	#top2 .left .rainbow span {font-size:22px; font-weight:bold; color:white; cursor:default}

	#top2 .right {width:100%;}

	#top2 .right .block {float:right; width:288px; height:115px; margin:11px 32px 0 0; font-size:18px; color:#797979}

	#top2 .right .block a {font-size:18px; color:#797979; text-decoration:none}

	#top2 .right .block a:hover {color:#3a7a91}

	#top3 {width:100%; height:107px; margin-top:20px;}

	#top3 .left {width:100%; height:107px; }

	#top3 .right {width:558px; height:107px; }

	#menu_top {}

	#menu_top td {text-align:center}

	#action {float:right; width:435px; height:90px;}

	#action .img {position:absolute; width:96px; height:93px; margin:-17px 0 0 -49px; background:url(i/action.png) no-repeat;

		_background: none; /* специально для IE */

        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/action.png', sizingMethod='crop');}

	#action .item1 {width:435px; height:45px;}

	#action .item1 a {width:375px; width:'435px'; height:45px; padding:5px 0 0 60px; display:block; cursiv:block; background:#a5cded; color:white; font-size:28px; text-transform:uppercase; text-decoration:none;}

	#action .item1 a:hover {background:#85beec}

	#action .item2 {width:435px; height:45px;}

	#action .item2 a {width:375px; width:'435px'; height:45px; padding:5px 0 0 60px; display:block; cursiv:block; background:#bfdea0; color:white; font-size:28px; text-transform:uppercase; text-decoration:none;}

	#action .item2 a:hover {background:#a1dc66}

	#services {width:405px; margin-top:45px}

	#services .top {width:405px; height:46px; background:url(i/services_top.jpg) no-repeat}

	#services .center1 {width:405px; background:url(i/services_center.jpg) repeat-y;}

	#services .center1 .name {width:196px; width:'210px'; height:24px; margin-left:100px; padding-left:14px; background:url(i/center1_name.gif) no-repeat left; text-align:left}

	#services .center1 .name a {text-decoration:none; color:#646464; font-size:18px; font-weight:bold}

	#services .center1 .name a:hover {color:#a1dc66;}

	#services .center1 .text {width:405px; background:url(i/services_center1.jpg) no-repeat 30px top; text-align:right;}

	#services .center1 .text a {text-decoration:none; font-size:16px; color:#646464;}

	#services .center1 .text a:hover {color:#a1dc66;}

	#services .center2 {width:405px; background:url(i/services_center.jpg) repeat-y; text-align:right}

	#services .center2 .name {width:196px; width:'210px'; height:24px; margin-left:200px; padding-left:14px; background:url(i/center2_name.gif) no-repeat left; text-align:left}

	#services .center2 .name a {text-decoration:none; color:#646464; font-size:18px; font-weight:bold}

	#services .center2 .name a:hover {color:#fbc450;}

	#services .center2 .text {width:405px; background:url(i/services_center2.jpg) no-repeat 30px top; text-align:right;}

	#services .center2 .text a {text-decoration:none; font-size:16px; color:#646464;}

	#services .center2 .text a:hover {color:#fbc450;}

	#services .bottom {width:405px; height:21px; background:url(i/services_bottom.jpg) no-repeat}

	#menu_bottom {width:100%;}

	#menu_bottom td {text-align:center}

	#menu_bottom td a {text-decoration:none; color:#9ca7ba; font-size:14px}

	#menu_bottom td a:hover {color:#646464}

	#publications {width:296px; margin-top:20px}

	#publications .title {font-size:30px; color:#fcd88b}

	#publications a {text-decoration:none; color:#9ca7ba}

	#publications a:hover {color:#646464}

	#news {margin-top:20px}

	#news .title {width:100%; text-align:right; font-size:30px; color:#abd26e}

	#form {margin-top:8px}

	#form .title {width:286px; width:'296px'; padding-left:10px; background:url(i/center1_name.gif) no-repeat left; font-size:18px; color:#abd26e }

	#form form {margin:0; padding:0; color:#5f6060; font-size:14px}

	#form form .text {width:216px; height:26px; margin-bottom:6px; border:1px solid #abd26e; color:#5f6060; font-size:16px}

	#form form .textarea {width:216px; height:87px; margin-bottom:6px; border:1px solid #abd26e; color:#5f6060; font-size:16px}

	#form form .bn {width:148px; height:25px; margin:6px 0 6px 25px; cursor:hand; border:1px solid #a1de64; color:white; background:#bfdea0; font-size:18px}

	#news #article {width:100%; text-align:justify; color:#5f6060}

	#news #article .name {color:#9ca7ba; font-size:14px; margin-bottom:4px}

	#news #article .more {width:100%; text-align:right; margin-top:4px}

	#news #article .more a {color:#9ca7ba; font-size:14px; text-decoration:none}

	#news #article .more a:hover {color:#a1de64; font-size:14px; text-decoration:none}

	.all_bg {background:url(i/bg_main.jpg) repeat-y;}

	.white {width:100%; height:10px; background:white}

	#top1_inside {width:100%; height:76px; background:white}

	#top1_inside .left {width:168px; height:76px; background:#c1ffc1 }

	#top1_inside .left img {margin-top:10px}

	#top1_inside .left a {text-decoration:none; color:#a0a0a0}

	#top1_inside .left a:hover {color:#5f6060}

	#top1_inside .right {width:100%; height:76px;}

	#top1_inside .right .logo {float:right; margin-left:50px; margin-right:34px; margin-right:'17px';  background:url(i/logo_inside.jpg) no-repeat 0 8px;}

	#top1_inside .right .logo a {width:257px; height:16px; height:'76px'; padding-top:60px; text-align:center; display:block; font-size:14px; font-weight:bold; text-decoration:none; color:#a0a0a0}

	#top1_inside .right .logo a:hover {color:#5f6060}

	#menu_inside_top {float:right;}

	#menu_inside_top div {float:left; margin-left:20px; margin-top:8px}

	#menu_inside_top div a {text-decoration:none; color:#a0a0a0}

	#menu_inside_top div a:hover {text-decoration:none; color:#5f6060}

	#top2_inside {width:100%; height:76px; background:#B0E2FF}

	#top2_inside .left {width:168px; height:76px; padding-left:15px; color:#797979; line-height:1.8}																			

	#top2_inside .left a {color:#797979; text-decoration:none}

	#top2_inside .left a:hover {color:#5f6060}

	#top2_inside .right {width:100%}

/* margin-left:47px; Расстояние заголовка до левого блока НАДПИСЬ ПОРТФОЛИО*/

/*	#top2_inside .right .name {width:630px; width:'650px'; height:38px; padding-left:20px; border-left:5px solid #c5e1a9; margin-left:47px; text-transform:uppercase; font-size:32px; font-weight:bold; color:#c5e1a9} */

	#top2_inside .right .name {width:630px; width:'650px'; height:38px; padding-left:20px; border-left:5px solid #ffffff; margin-left:47px; text-transform:uppercase; font-size:32px; font-weight:bold; color:#ffffff} 

	#main {width:100%;}

	#main .left {width:168px; background:#c1ffc1 url(i/main_inside_left.jpg) no-repeat center}

	#main .leftnews {width:168px; background:#c1ffc1}

	#main .right {width:100%;}

	

















	

/*argin:10px 0 10px 62px;  расстояние серого блока до левого блока */	

	#article1 {margin:0px 0 10px 62px; padding:20px 30px 20px 20px; background:#f5f8fe; text-align:justify; font-size:14px; color:#575757;}

	#article1 .name_dark {font-size:17px; color:#5F6060; font-weight:bold;}

	#article1 .name_blue {font-size:22px; color:#6CA6CD}

	#article1 .name_orange {font-size:19px; color:#A0A0A0;}

	#article1 .name_red {font-size:22px; color:#ec814c}

	#article1 a {font-size:14px; color:#797979}

	#article1 a:hover {text-decoration:none; color:black}

	#article1 .list {margin:10px 100px 5px 0;font-size:15px }

	#article1 .list7 {margin:10px 100px 15px 0;font-size:20px;color:#787878}

	

	#article1 .list img {margin-right:20px}

	#article1 .list7 img {margin-right:20px;margin-top:3px}

	#article1 .list7 a {font-size:19px; color:#787878}



	



	#article1 .list2 {margin:auto; color:#9da8bc; font-size:16px}

	.clear {width:100%; height:1px; font-size:0px; clear:both}

	/*argin:10px 0 10px 62px;  расстояние блоков сотрудников до левого блока */	

	#article2 {margin:10px 0 10px 62px;}

	#table1 {width:605px}

	

	#table1 .name2 {width:590px; width:'605px'; height:33px; height:'40px'; padding-top:7px; padding-right:15px;  background:#A6CDEE; color:white; font-size:22px; font-weight:bold; text-align:right; }



	#table1 .name {width:590px; width:'605px'; height:33px; height:'40px'; padding-top:7px; padding-right:15px;  background:#c5e1a9; color:white; font-size:22px; font-weight:bold; text-align:right; }

	#table1 .text {width:510px; width:'605px'; padding:10px 15px 10px 80px; background:#f2f2f1; color:#898989; font-size:14px; text-align:justify}

	#table1 .text span {float:right; color:#5F6060; font-size:20px}

	#table2 {width:605px}

	#table2 .name {width:590px; width:'605px'; height:33px; height:'40px'; padding-top:7px; padding-right:15px;  background:#c5e1a9; color:white; font-size:22px; font-weight:bold; text-align:right; }

	#table2 .text {width:580px; width:'605px'; padding:10px 15px 10px 10px; background:#f2f2f1; color:#898989; font-size:14px; text-align:justify}

	#table2 img {margin:0 10px 0 0}

	#table2 .text span {float:right; font-size:20px}

	#table3 {width:605px}

	#table3 .name {width:590px; width:'605px'; height:33px; height:'40px'; padding-top:7px; padding-right:15px;  background:#c5e1a9; color:white; font-size:22px; font-weight:bold; text-align:right; }

	#table3 .text {width:605px; padding:10px 0; color:#898989; font-size:14px; text-align:justify}

	#table3 .text span {float:right; color:#c5e1a9; font-size:20px}

	#pictures {width:100%;}

	#pictures .item {float:left; margin:15px 20px 10px 0; text-align:center; color:#c5e1a9; font-size:20px}

	#table4 {width:605px; text-align:left}

	#table4 a {display:block; cursor:hand}

	#table4 td {cursor:hand; border:1px solid #A6CDEE; color:#797979; font-size:16px; background:#F5F8FE}

	#table4 th {background:#A6CDEE; color:white; font-size:22px; font-weight:bold; border:1px solid #A6CDEE}

	#table4 .left_ {width:350px; width:'390px'; height:31px; height:'34px'; padding:3px 5px 0 35px}

	#table4 .right {width:220px; width:'260px'; height:31px; height:'34px'; padding:3px 5px 0 35px }

	#table5 {width:605px; color:#797979; font-size:14px; text-align:justify}

	#table5 img {float:left; margin-right:40px;}



	#table5 a {font-size:14px; color:#797979}

	#table5 a:hover {text-decoration:none; color:black}

	

	

	

	#bottom {width:1000px; margin:auto; position: relative; margin-top:-110px; height:110px;}

	#bottom .copyright {text-align:center; border-left:4px solid white}

	#bottom .contacts1 {float:left; width:178px; margin-left:66px; margin-left:'33px'; font-size:16px; color:#b4b5b5}

	#bottom .contacts1 a {font-size:16px; color:#b4b5b5; text-decoration:none}

	#bottom .contacts1 a:hover {color:#5f6060;}

	#bottom .contacts2 {float:left; padding-left:25px; font-size:16px; color:#b4b5b5; background:url(i/bottom2.gif) no-repeat 0 45px}

	#bottom .copyright {text-align:center}

	#bottom .copyright a {text-decoration:none; color:#b4b5b5}

	#bottom .copyright a:hover {color:#5f6060}

	#bottom .copyright img {margin-bottom:5px;}



	#tooltip {	BORDER-RIGHT: #ABD26E 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ABD26E 1px solid; PADDING-LEFT: 5px; BACKGROUND: #ffffff; VISIBILITY: hidden; PADDING-BOTTOM: 3px; MARGIN: 0px; FONT: menu; BORDER-LEFT: #ABD26E 1px solid; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: #ABD26E 1px solid; POSITION: absolute}



	.navigation {

	color:#666; 

	border:0px;

}



.navigation a:link,

.navigation a:visited,

.navigation a:hover,

.navigation a:active {

	text-decoration:none;

	color: #636363;

	background:#F9F9F9;

	border:1px solid #E6E6E6;

	padding:3px 6px;

	font-size:11px

}



.navigation a:hover {

	background:#EC814D;

	color:#FFFFFF;

	border-color:#E6E6E6;

}



.navigation span {

	text-decoration:none;

	background:#fff;

	padding:3px 6px;

	border:1px solid #E6E6E6;

	color:#ccc;

	font-size:11px;

}



span.blueclass{

	background:#A6CDEE;

	color:#ffffff;

}





	#article11 {margin:0px 0 0px 378px; padding:20px 30px 20px 20px; background:#F0FFF0; font-size:14px; color:#797979;}

	#article11 b {font-size:15px; color:#797979}

	#article11 a {font-size:14px; color:#797979}

	#article11 a:hover {text-decoration:none; color:black}





#article199 {margin:0px 0 10px 162px; padding:20px 30px 20px 20px; background:#F0FFF0; text-align:justify; font-size:14px; color:#575757;}

	#article199 .name_dark {font-size:17px; color:#A0A0A0; font-weight:bold;}

	#article199 .name_blue {font-size:22px; color:#a5cded}

	#article199 .name_orange {font-size:19px; color:#A0A0A0;}

	#article199 .name_red {font-size:22px; color:#ec814c}

	#article199 a {font-size:14px; color:#797979}

	#article199 a:hover {text-decoration:none; color:black}

	#article199 .list {margin:10px 100px 5px 0;font-size:15px }

	#article199 .list7 {margin:10px 100px 15px 0;font-size:20px }

	

	#article199 .list img {margin-right:20px}

	#article199 .list7 img {margin-right:20px;margin-top:3px}

	#article199 .list2 {margin:auto; color:#9da8bc; font-size:16px}





 h2.formaobsv {color:#005D9B;   Font-Family:Arial; Font-Size: 15px;  margin:0px; padding:0px;} 



 TD.formaobsv  { color: #5E5E5E; Font-Family: Tahoma; Font-Size: 11px; line-height:16px; }



INPUT.formaobsv {

	 font-size: 11px; Font-Family: Tahoma,Verdana, Arial, Helvetica, sans-serif;

	color: black;

	background-color: #ffffff; border:1px #5E5E5E solid; padding:2px 0px 0px 4px;

	width:204px;

	height : 19px;

}

 

 

 SELECT.formaobsv {

	 font-size: 11px; Font-Family: Tahoma,Verdana, Arial, Helvetica, sans-serif;

	color: black;

	background-color: #ffffff; border:1px #5E5E5E solid; padding:2px 0px 0px 4px;

	width:204px;

	height : 19px;

}

img.formaobsv {border:4px #ffffff solid;}

img.formaobsv a{0px;}





textarea {

font-size: 11px; Font-Family: Tahoma,Verdana, Arial, Helvetica, sans-serif;

color: black;

background-color: #ffffff; border:1px #5E5E5E solid; padding:2px 0px 0px 4px;

width:260px;

height : 70px;}



#table4 td a {display:block; cursor:hand; color:#797979; font-size:16px; text-decoration:none}