html, body, form, div{
margin:0;
padding:0;
}
body{
background-color:white;
/*color:#797878;*/
color: #898989;
font:normal 12px Arial, Helvetica, sans-serif;
}

ul, ol{
padding:0;
margin:0;
}
li{
padding:0px 0px 15px 0px;
margin:0px 0px 0px 15px;
}
a{
color:#4b86bf;
}
a:hover{
text-decoration:none;
}
a img{
border:none;
}
p{
margin:0;
padding:7px 0px;
}
.usual{
color:#545454;
}
.grey{
color:#959595;
}
.dark_grey{
color:#898989;
}
.light_grey{
color:#898989;
}
.size11{
font-size:11px;
line-height:12px;
}
.size12{
font-size:12px;
line-height:12px;
}
.size14{
font-size:14px;
line-height:14px;
}
.size16{
font-size:16px;
line-height:16px;
}
.size18{
font-size:18px;
line-height:20px;
}
.thin{
letter-spacing:-1px;
}
.br20{
font-size:0;
line-height:0;
height:20px;
}
.br30{
font-size:0;
line-height:0;
height:30px;
}
.br40{
font-size:0;
line-height:0;
height:40px;
}
.lh14{
line-height:14px;
}
.lh16{
line-height:16px;
}
.lh18{
line-height:18px;
}
.lh20{
line-height:20px;
}
.lh22{
line-height:22px;
}
h1{
font:bold 24px Arial, Helvetica, sans-serif;
color:#545454;
line-height:24px;
margin:0;
padding:0px 0px 10px 0px;
}
h2{
font:normal 18px Arial, Helvetica, sans-serif;
color:#545454;
line-height:18px;
margin:0;
padding:0px 0px 10px 0px;
}
.cl{
clear:both;
font-size:0;
line-height:0;
}
.main_block{
width:949px;
padding:0px 27px 0px 21px;
margin:auto;
}
	.main_header{
	height:148px;
	}
		.main_header_top_part{
		float: left;
		height:74px;
		padding:8px 0px 0px 0px;	
		}
			a.logo{
			display:block;
			float:left;
			cursor:pointer;
			width:149px;
			height:74px;
			background:url(/bitrix/templates/reaspekt_simple/images/logo.jpg) top left no-repeat;
			}
			.contact_phone{
			float:left;
			margin:15px 0px 0px 45px;
			}
				.phone_code{
				float:left;
				font:normal 14px Arial, Helvetica, sans-serif;
				color:#898989;
				padding-top:3px;
				}
				.phone_number{
				float:left;
				margin-left:7px;
				font:bold 20px Arial, Helvetica, sans-serif;
				color:#000000;
				line-height:16px;
				letter-spacing:-1px;
				}
				.phone_text{
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#898989;
				line-height:10px;
				letter-spacing:normal;
				}
			.slogan{
			float:left;
			margin:15px 0px 0px 90px;
			font:bold 18px Arial, Helvetica, sans-serif;
			color:#959595;
			letter-spacing:-1px;
			line-height:18px;
			}
		.main_header_bottom_part{
		float: left;
		padding:13px 0 0;
		width: 680px;
		}		
			.main_header a.im_top{
				float:right;
				margin:46px 0 0;
				height:65px;
				display:block;
				font: bold 16px Arial, Helvetica, sans-serif;
				color:#000000;
				background:url(/bitrix/templates/reaspekt_main/images/im_logo.jpg) no-repeat left;
				padding: 5px 0 0 85px;
				width: 150px;
			}	

		
			.contact_address{
			float:left;
			font:normal 12px Arial, Helvetica, sans-serif;
			line-height:12px;
			color:#000;
			width:130px;
			}
			.top_menu{
			float: left;
			margin:0px 0px 0px 50px;
			}
				.top_menu ul{
				margin:0;
				padding:0;
				}
					.top_menu ul li{
					margin:0;
					list-style:none;
					padding:0px 20px;
					display:inline;
					color:#545454;
					font:bold 18px Arial, Helvetica, sans-serif;
					letter-spacing:-1px;
					}
					.top_menu ul li a{
					color:#545454;
					font:bold 18px Arial, Helvetica, sans-serif;
					}
					.top_menu ul li a:hover{
					}
					.top_menu ul li.sel a{
					color: #4B86BF;
					}
					.top_menu ul li.sel a:hover{
					text-decoration:none;				
					}
	.header_pic{
	background:url(/bitrix/templates/reaspekt_simple/images/header_pic_bg.jpg) top left repeat-x;
	height:45px;
	}
		.header_pic_body{
		background:url(/bitrix/templates/reaspekt_simple/images/header_pic_body.jpg) top left no-repeat;
		height:45px;
		width:951px;
		margin:auto;
		}
.main_block_text{
width:911px;
padding:0px 44px 0px 42px;
margin:auto;
}
	.left_menu{
	width:212px;
	padding:0px 24px 0px 0px;
	vertical-align:top;
	}
		.left_menu ul{
		padding:0;
		margin:0;
		}
		.left_menu ul li{
		font:bold 16px Arial, Helvetica, sans-serif;
		line-height:16px;
		letter-spacing:-1px;
		color:#4b86bf;
		display:block;
		margin:0;
		list-style:none;
		padding:0px 20px 30px 22px;
		}
		.left_menu ul li.sel{
		background:url(/bitrix/templates/reaspekt_simple/images/left_menu_li.jpg) 0px 8px no-repeat;
		}
		.left_menu ul li a{
		color:#4b86bf;
		}
	.content_block{
	width:400px;
	padding:0px 32px 0px 0px;
	vertical-align:top;
	}
	.right_col{
	vertical-align:top;
	width:186px;
	padding-right:30px;
	}
	.text_block{
	vertical-align:top;
	width:192px;
	padding-right:24px;
	}
	.text_block_wide{
	vertical-align:top;
	width:216px;
	}
	.decision_pic{
	padding:15px 0px 0px 0px;
	}
		.decision_pic img{
		border:1px #cccccc solid;
		}
.bottom_menu{
border-top:1px #dedede solid;
padding-top:25px;
}
	.search{
	height:22px;
	width:193px;
	background:url(/bitrix/templates/reaspekt_simple/images/search.jpg) top left no-repeat;
	padding-bottom:20px;
	}
		.search_submit{
		float:left;
		background:none;
		border:none;
		height:22px;
		width:24px;
		cursor:pointer;
		}
		.search_input{
		border:none;
		background:none;
		width:165px;
		height:17px;
		font:italic 12px Arial, Helvetica, sans-serif;
		color:#adb0b1;
		padding:3px 0px 2px 0px; 
		}
	.portfolio_type_block{
	vertical-align:top;
	width:191px;
	padding:25px 20px 0px 0px;
	color:#898989;
	}
		.portfolio_type_block a{
		font:normal 18px Arial, Helvetica, sans-serif;
		color:#4b86bf;
		letter-spacing:-1px;
		line-height:18px;
		}
	.portfolio_block{
	vertical-align:top;
	width:195px;
	padding:0px 20px 10px 0px;
	color:#959595;
	}
		.portfolio_item{
		border:1px white solid;
		padding:4px;
		float:left;
		}
		.portfolio_item_selected{
		border:1px #dfdfdf solid;
		padding:4px;
		float:left;
		}
			.portfolio_item img, .portfolio_item_selected img{
			border:1px #ece9e9 solid;
			}
		.portfolio_item_name{
		color:#959595;
		width: 131px;
		}
			.portfolio_item_name a{
			color:#959595;
			text-decoration:none;
			}
				.portfolio_item_name a:hover{
				text-decoration:underline;
				}
		.portfolio_item_date{
		font-size:11px;
		color:#c2c2c2;
		}



.service_kinds {
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	color: #545454;
	vertical-align: top;
}

a.service, a.service:visited  {
	font-family: Arial;
	font-size: 12px;
	color: 4b86bf;
	text-decoration: underlined;
}

a.service:hover {
	text-decoration: none;
}

td.leftContact {
	color: #545454;
	font-size: 14px;
}

td.leftContact h4 {
	font-size: 18px;
	font-weight: bold;
}


p.simple_snippetCollaps, p.simple_snippetCollaps_active {
	background-image: url('/bitrix/templates/reaspekt_main/images/snippetArrow.jpg');
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 15px;
}

p.simple_snippetCollaps a {
	color: #797878;
	font-size: 14px;
	text-decoration: none;
	border-bottom: 1px dashed #4b86bf;
}

p.simple_snippetCollaps_active a {
	color: #797878;
	font-size: 14px;
	text-decoration: none;
	border: none;
}

.simple_snippetMoreInfo {
	display: none;
	padding: 15px;
}

p.blue_snippetCollaps, p.blue_snippetCollaps_active {
	padding-left: 0px;
}

p.blue_snippetCollaps a {
	color: #4b86bf;
	font-size: 24px;
	text-decoration: underlined;
	font-weight: bold;
}

p.blue_snippetCollaps_active a {
	color: #4b86bf;
	font-size: 24px;
	text-decoration: none;
	font-weight: bold;
}

.blue_snippetMoreInfo {
	display: none;
	padding: 15px;
	background-color: #edf6ff;
}

p.gray_snippetCollaps, p.gray_snippetCollaps_active {
	padding: 5px 0 5px 0;
}

p.gray_snippetCollaps a {
	color: #4b86bf;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underlined;
}

p.gray_snippetCollaps_active a {
	color: #4b86bf;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

.gray_snippetMoreInfo {
	display: none;
	padding: 10px 0 10px 0;
}

.search_form {
	float: left;
	margin: 22px 0 0 75px;
}