* {margin: 0; padding: 0}

body {font-family: Tahoma, Arial, sans-serif; font-size: 100.01%; color: #333; min-width: 997px; background: #fff}
html, body {height: 100%}

img {border: 0}

table {width: 100%; font-size: 100%; border-collapse: collapse; vertical-align: top; text-align: left; border: none}
table td {vertical-align: top; text-align: left}
table th {text-align: left}

ul {list-style: none}

a {color: #019bdb; text-decoration: underline; outline: none}
a:hover {text-decoration: none}

h1 {font-family: "Times New Roman", Times, serif; font-size: 210%; font-weight: normal; margin-bottom: 18px}
h2 {font-family: "Times New Roman", Times, serif; font-size: 150%; margin-bottom: 16px}
div.h1 {font-family: "Times New Roman", Times, serif; font-size: 210%; font-weight: normal; margin-bottom: 18px}
div.h1 span{font-size:15px;color:red;}
h1.top{color:#FFFFFF;}
p {font-size: 95%; margin-bottom: 14px}

#main {position: relative; min-height: 100%; font-size: 0.75em}
*html #main {height: 100%}

div.main_block {min-width: 997px; max-width: 1280px; margin: 0 auto}
*html div.main_block {width: expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 1281 ? "1280px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 997 ? "997px" : "100%"))}

	#topbar {font-size: 77%; color: #7a7e81; height: 24px; background: #1f292e url(../images/topbar_bg.gif) repeat-x 0 0}
	#topbar div.block {padding: 6px 30px 0 18px}
	#topbar div.block_in {margin-left: 512px}
	#topbar span.left {float: left}
	#topbar a {color: #7a7e81; text-decoration: none}
	#topbar a:hover {color: #d4d4d4}
		#tel {float: left; padding-left: 14px; background: url(../images/topbar_tel_bg.gif) no-repeat 0 1px}
		#tel:hover {background-position: 0 -17px}
		#topbar_map {float: left; padding-left: 16px; margin-right: 4%; background: url(../images/topbar_a3_bg.gif) no-repeat 0 1px}
		#topbar_map:hover {background-position: 0 -18px}
		#topbar_mail {float: left; padding-left: 15px; margin-right: 3%; background: url(../images/topbar_a2_bg.gif) no-repeat 0 2px}
		#topbar_mail:hover {background-position: 0 -15px}
		#topbar_home {float: left; padding-left: 14px; margin-right: 3%; background: url(../images/topbar_a1_bg.gif) no-repeat 0 0}
		#topbar_home:hover {background-position: 0 -19px}

	#header {height: 386px; background: #252f34 url(../images/header_bg.gif) repeat 0 0}
	#header div.block {position: relative; height: 386px; margin-left: -154px; padding-left: 154px; background: url(../images/header_bg.jpg) no-repeat 0 0}
	#header div.block_in {margin-left: 529px; padding: 32px 14px 0 0}
	#header span.head {display: block; font-family: "Times New Roman", Times, serif; font-size: 210%; color: #fff; margin-bottom: 12px}
	#header p {color: #d4d4d4}
	#header p span.arrow {display: inline-block; width: 14px; background: url(../images/arrow.gif) no-repeat 0 5px}
		#header div.left {float: left; width: 400px}
		#logo {display: block; height: 303px; padding: 15px 0 0 33px}
		#order {display: block; height: 57px; padding: 11px 0 0 57px; margin-left: 40px; background: url(../images/a_order.gif) no-repeat 0 0}
		#order a {font-size:25px; color: #fff; text-decoration: none; border-bottom: 2px dashed #fff; padding: 0}
		#order a:hover {border: none}
		#more_about, #load_brif {display: inline-block; height: 18px; padding: 2px 0 0 21px; font-size: 95%; color: #d4d4d4; margin-right: 14px; background: no-repeat 0 0}
		#more_about {background-image: url(../images/header_a_more.gif)}
		#load_brif {background-image: url(../images/header_a_more.gif)}
		#header ul.menu {font-size: 95%; padding-top: 23px; height: 53px}
		#header ul.menu li {float: left; padding-right: 30px}
		#header ul.menu li a {float: left; color: #93d651; padding-top: 28px}
		#header ul.menu li a:hover {color: #fff}
		#header ul.menu .item_1 {background: url(../images/header_menu_a1_bg.gif) no-repeat center 2px}
		#header ul.menu .item_1:hover {background-position: center -43px}
		#header ul.menu .item_2 {background: url(../images/header_menu_a2_bg.gif) no-repeat center 1px}
		#header ul.menu .item_2:hover {background-position: center -46px}
		#header ul.menu .item_3 {background: url(../images/header_menu_a3_bg.gif) no-repeat center 0}
		#header ul.menu .item_3:hover {background-position: center -46px}
		#header ul.menu .item_4 {background: url(../images/header_menu_a4_bg.gif) no-repeat center 2px}
		#header ul.menu .item_4:hover {background-position: center -43px}
		#header ul.menu .item_5 {background: url(../images/header_menu_a5_bg.gif) no-repeat center 1px}
		#header ul.menu .item_5:hover {background-position: center -48px}
		
	#header.inner {height: 126px}
	#header.inner div.block {position: relative; height: 126px; margin-left: -22px; padding: 0 36px 0 22px; background: url(../images/header_inner_bg.jpg) no-repeat 0 0}
		#header.inner #logo {float: left; height: auto; padding: 19px 0 0 33px}
		#header.inner #order {float: right; height: 34px; padding: 4px 0 0 29px; margin-top: 75px; background: url(../images/header_inner_order.gif) no-repeat 0 0}
		#header.inner #order a {font-size: 135%; text-decoration: none; border-bottom: 1px dashed #fff}
		#header.inner #order a:hover {border: none}
	
	#midmenu {font-size: 85%; height: 24px; padding-left: 23px; background: #1f292e url(../images/midmenu_bg.gif) repeat-x 0 bottom}
	#midmenu li {float: left; padding-right: 12px; margin-right: 12px; background: url(../images/midmenu_split.gif) no-repeat right center}
	#midmenu li.last {padding: 0; margin: 0; background: none}
	#midmenu li a {float: left; height: 19px; padding: 5px 10px 0; color: #fff; font-size:11px;}
	#midmenu li a:hover, #midmenu li a.hover, #midmenu li.selected {background: #fff; color:#000;}
	#midmenu li.selected {background: #fff; color:#000; padding-right:0;}
	#midmenu li.selected a{color:#000;}

	#slider_block {padding: 20px 0; background: #efefef}
	#slider_block div.block {position: relative; min-height: 124px; margin: 0 auto; padding: 0 42px}
	*html #slider_block div.block {height: 124px}
	#slider {margin: 0 auto}
	#slider li {float: left; width: 25%}
	#slider_block .nav {display: block; position: absolute; top: 17px; width: 23px; height: 90px; background-repeat: no-repeat; background-position: 0 0; cursor: pointer}
	#slider_block .nav strong {display: none}
	#slider_block .prev {left: 9px; background-image: url(../images/slider_prev.gif)}
	#slider_block .next {right: 9px; background-image: url(../images/slider_next.gif)}
		
		div.portfolio {width: 220px; margin: 0 auto}
		div.portfolio span.top {display: inline-block; height: 15px; padding: 2px 22px 0 9px; background: #fff url(../images/portfolio_top_bg.gif) no-repeat right 0}
		div.portfolio span.top a {font-size: 95%; color: #a4a4a4; text-decoration: none; padding-left: 20px; background: url(../images/portfolio_head_bg.gif) no-repeat 0 1px}
		div.portfolio span.top a:hover {color: #019bdb}
		div.portfolio span.img {display: block; width: 210px; height: 80px; padding: 5px; background: #fff}
		div.portfolio span.img img {display: block; border: 1px solid #a4a4a4}
		div.portfolio span.img a:hover img {border-color: #019bdb}
		div.portfolio span.head {display: block; padding: 10px 0 13px 0; font-size: 95%; color: #333; font-weight: bold}
		div.portfolio span.head a, .portfolio p a {color: #333}
		div.portfolio p {font-size: 85%; color: #333}
		div.portfolio p a:hover {color: #019bdb}
		
	#content {padding: 30px 22px 0 28px}
	
		span.more {display: block; font-size: 95%; text-align: right}
		span.more a {display: inline-block; color: #707070; height: 19px; padding: 4px 0 0 37px; background: url(../images/news_a_archive.gif) no-repeat 0 0}
		span.more a:hover {color: #019bdb}
	
		#leftcol {float: left; width: 28%}
		#midcol {margin: 0 35% 0 34%}
		#rightcol {float: right; width: 29%}
		
		#content.inner {padding-top: 30px; line-height:19px;}
		#content.inner #leftcol {float: none; width: auto; margin-right: 280px}
		#content.inner #rightcol {width: 251px}
		
			#news div.block {padding-bottom: 2px; margin-bottom: 18px; border-bottom: 1px solid #e4e4e4}
			#news div.no_border {border: none}
			#news span.date {display: block; margin-bottom: 3px; font-size: 95%; color: #a4a4a4}
			#news p {margin-top: 9px}			
			
			#services span.link {display: block; padding-bottom: 6px}
			#services span.link a {color: #78ba36; padding-left: 20px; background: url(../images/arrow_black.gif) no-repeat 0 center}
			#services ul {position: relative; margin-top: -10px; padding: 0 0 14px 12px; font-size: 95%}
			#services ul li {margin-bottom: 3px; padding-left: 10px; background: url(../images/services_li.gif) no-repeat 0 6px}
			
			#advantage li {padding-bottom: 14px}
			#advantage li span.num {float: left; width: 28px; height: 21px; padding-top: 7px; font-weight: bold; color: #333; text-align: center; background: url(../images/advantage_bg.gif) no-repeat 0 0}
			#advantage li div {margin-left: 45px; padding-top: 7px}
			*html #advantage li div {position: relative; margin-top: -14px}
			*+html #advantage li div {position: relative; margin-top: -14px}
			
			#service div.top {min-height: 110px; padding: 7px 0 0 164px; background: url(../images/service.jpg) no-repeat 14px 0}
			#about div.top {min-height: 110px; padding: 7px 0 0 164px; background: url(../images/about.jpg) no-repeat 14px 0}
			#portf div.top {min-height: 110px; padding: 7px 0 0 164px; background: url(../images/portfolio.gif) no-repeat 14px 0}
			#price div.top {min-height: 110px; padding: 7px 0 0 164px; background: url(../images/price.jpg) no-repeat 14px 0}
			#contacts div.top {min-height: 110px; padding: 7px 0 0 164px; background: url(../images/contacts.jpg) no-repeat 14px 0}
			#portf div.top {min-height: 110px; padding: 7px 0 0 164px; background: url(../images/portf_bg.gif) no-repeat 14px 0}
			*html #portf div.top {height: 110px}
			#portf div.top span.head {display: block; font-family: "Times New Roman", Times, serif; font-size: 270%}
			#portf p {color: #646464}
			#portf ul.menu {height: 46px; padding-left: 10px}
			#portf ul.menu li {float: left; padding-right: 22px; margin-right: 19px; background: url(../images/portf_marker.gif) no-repeat right center}
			#portf ul.menu li.last {padding: 0; margin: 0; background: none}
			#portf ul.menu a {font-size: 95%; font-weight: bold; color: #8b8b8b}
			#portf ul.menu a:hover {color: #019bdb}
			#portf div.block {min-height: 90px; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #e4e4e4}
			*html #portf div.block {height: 90px}
			#portf a.img {float: left; padding: 5px; background: #efefef}
			#portf a.img img {float: left; border: 1px solid #d5d5d5}
			#portf a.img:hover img {border-color: #019bdb}
			#portf div.text {margin-left: 242px}
			#portf span.top {display: block; font-weight: bold; color: #333; padding-bottom: 5px}
			#portf span.top a {color: #333}
			#portf ul.navigator {float: right; padding: 5px 0}
			#portf ul.navigator li {float: left; padding-right: 7px; margin-right: 4px; background: url(../images/services_li.gif) no-repeat right center}
			#portf ul.navigator li.last {padding: 0; background: none}
			#portf ul.navigator li a {float: left; padding: 2px 5px 2px 6px; font-size: 95%; color: #646464; text-decoration: none}
			#portf ul.navigator li a:hover {color: #019bdb}
			#portf ul.navigator li a.hover {font-weight: bold; color: #fff; background: #019bdb}
			#portf ul.navigator li.left {padding-right: 30px; margin: 0; background: none}
			#portf ul.navigator li.right {padding: 0 0 0 29px; margin: 0; background: none}
			#portf ul.navigator li.nav a {font-size: 110%; font-weight: bold; color: #333; padding: 0}
			#portf ul.navigator li.left a {padding-left: 15px; background: url(../images/nav_prev.gif) no-repeat 0 6px}
			#portf ul.navigator li.left a:hover {color: #019bdb; background-position: 0 -10px}
			#portf ul.navigator li.right a {padding-right: 15px; background: url(../images/nav_next.gif) no-repeat right 6px}
			#portf ul.navigator li.right a:hover {color: #019bdb; background-position: right -10px}
			

#footer_block {clear: both; height: 127px}
#footer_main {clear: both; height: 106px; margin: -106px 0}
#footer {position: relative; font-size: 0.75em; height: 106px; background: #252f34 url(../images/header_bg.gif) repeat 0 0}
#footer div.right {float: right; padding: 37.5px 37.5px 0 0}
#footer div.right span {float: left; padding-right: 12px}
#footer div.left {padding: 26px 0 0 30px; margin-right: 313px}
#footer ul {height: 26px; font-size: 95%}
#footer li {float: left; padding-right: 18px}
#footer li a {color: #d4d4d4}
#footer li a:hover {color: #019bdb}
#footer p {font-size: 85%; color: #707070; margin-bottom: 4px}
#footer p a {color: #707070}
#footer p span.arrow {display: inline-block; width: 14px; background: url(../images/arrow.gif) no-repeat 0 5px}

#content_client .inactive {color:#BBBBBB;}
#content_client .post {background:none repeat scroll 0 0 #EEEEEE;margin-bottom:20px;padding:10px 20px;position:relative; width:320px;}
#content_client .post .title {height:1%;position:relative;}
#content_client .post .title_query {height:1%;position:relative;}
#content_client .post .title p {font-size:0.7em;font-style:italic;font-weight:bold;margin:0;}
#content_client .post .title_query p {font-size:0.7em;font-style:italic;font-weight:bold;margin:0;}
#content_client .inactive .title span {background-position:left top;}
#content_client .inactive .title_query span {background-position:left top;}
#content_client .post .title span {background:url("../images/trigger.gif") no-repeat scroll left bottom transparent;
cursor:pointer;display:block;font-size:0;float:left;height:14px;right:0;top:30%;width:14px; padding-right:10px;}
#content_client .post .title_query span {background:url("../images/trigger.gif") no-repeat scroll left bottom transparent;
cursor:pointer;display:block;font-size:0;float:left;height:14px;right:0;top:30%;width:14px; padding-right:10px;}
#content_client .post .entry {padding:10px 0 0 0;}
#content_client .inactive .title span {background-position:left top; padding-right:10px;}
#content_client .inactive .title_query span {background-position:left top; padding-right:10px;}

div.cleft{clear:left}
#filterQuery td {padding:5px}
#query td{border:#000 1px solid; text-align:center; vertical-align:middle; padding:3px;}
#query td#tdQuery{text-align:left;}
#query thead{background-color:#F5F7F4}
#query {width:auto;}
#query #ok{background-color:#C4FAA3}


.box {
  display: none; /* по умолчанию прячем все блоки */
}
.box.visible {
  display: block; /* по умолчанию показываем нужный блок */
}

.section {
	width: 100%;
	background: #EFEFEF;
	margin: 0 0 5px;
}
ul.tabs {
	height: 28px;
	line-height: 25px;
	list-style: none;
	border-bottom: 1px solid #DDD;
	background: #FFF;
}
.tabs li {
	float: left;
	display: inline;
	margin: 0 1px -1px 0;
	padding: 0 13px 1px;
	color: #777;
	cursor: pointer;
	background: #F9F9F9;
	border: 1px solid #E4E4E4;
	border-bottom: 1px solid #F9F9F9;
	position: relative;
}
.tabs li:hover,
.vertical .tabs li:hover {
	color: #fff;
	background:none repeat scroll 0 0 #019BDB;
	/*padding: 0 13px;
	background: #EFFEFF;*/
	border: 1px solid #019BDB;
}
.tabs li.current {
	color: #444;
	background: #EFEFEF;
	padding: 0 13px 2px;
	border: 1px solid #D4D4D4;
	border-bottom: 1px solid #EFEFEF;
}
.box {
	display: none;
	border: 1px solid #D4D4D4;
  border-width: 0 1px 1px;
	background: #EFEFEF;
	padding:15px 12px 10px;
}
.box.visible {
	display: block;
}

.section.vertical {
	width: 440px;
	border-left: 160px solid #FFF;
}
.vertical .tabs {
	width: 160px;
	float: left;
	display: inline;
	margin: 0 0 0 -160px;
}
.vertical .tabs li {
	padding: 0 13px;
	margin: 0 0 1px;
	border: 1px solid #E4E4E4;
	border-right: 1px solid #F9F9F9;
	width: 132px;
	height: 25px;
}
.vertical .tabs li:hover {
	width: 131px;
}
.vertical .tabs li.current {
	width: 133px;
	color: #444;
	background: #EFEFEF;
	border: 1px solid #D4D4D4;
  border-right: 1px solid #EFEFEF;
  margin-right: -1px;
}
.vertical .box {
  border-width: 1px;
}

#auth_main td {padding:3px}

ul.dost li {font-size:14px;}
ul.dost li span, ul.dost li a{font-size:17px;text-decoration:none; border-bottom:#0066FF dashed 1px; color:#019BDB}

div.footnote{font-size:13px;}
div.footnote span{color:red;}
ul.dost li.sk{
display:inline-block;
height:38px;
width:330px;
}
ul.dost li.sk div {
background:url("/images/sk.gif") no-repeat scroll 0 3px transparent;
color:red;
display:inline-block;
float:right;
font-size:17px;
font-weight:bold;
height:40px;
padding:10px 0 0 25px;
width:60px;
}
.blue_bottom {
border-bottom:1px dashed #0066FF;
color:#019BDB;
font-size:17px;
text-decoration:none;
}
table.cont td{padding:5px;}