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

/*
 *   Блоки
 */

.wrap {margin: 0px auto !important; width: 990px !important; position: relative;}

#header {padding: 10px 0; width: 990px; margin: 0 auto; position: relative; }

#navigation {position: absolute; top: 25px; right: 0px;}
#navigation li {float: left; margin: 0 0 0 15px; position: relative;}
#navigation .link {color: #0066CC; text-decoration: none; border-bottom: none;} 
#navigation .link:hover {color: #0066CC; border-bottom: 1px dotted; border-bottom-color: #0066CC; } 

#clients {width: 100%; height: 31px; background: url(../../img/bg_clients.gif) repeat-x; z-index: 9; position:relative;}	
#clients #login {padding: 4px 0 0 0; color: #fff; line-height: 20px; width: 990px; margin: 0 auto; vertical-align: middle;}
#clients #login b {}	
#clients #login #auth_login, #clients #login #auth_password {border: 0; width: 77px; height:13px; padding: 2px 5px; background: url(../../img/input_text.png) no-repeat; font-size: 11px;}
#clients #login input[type=checkbox] {margin: 0 0 -3px 0;}
#clients #login #auth_submit {border: 0; width: 26px; height: 17px; margin-top: -4px;  background: url(../../img/index_input_button.png) no-repeat; color: #FFFFFF; font-size: 11px; cursor: pointer;}
#clients .mini_banner {float: right; margin: 1px 0px 0px 5px; padding: 0px;}
#clients .index_form_input {border: 0px; width: 80px; height: 16px;}
	
#splash {background: url(../../img/bg_splash_2.gif) top left repeat-x; margin: 0 0 15px 0;}

#pay_options {position: absolute; top: 20px; right: -5px; z-index: 29; background: #FFFFFF url(/img/index_news_box_bg.gif) repeat-x scroll center bottom; border: 1px solid #CCCCCC;}
#pay_options table {margin: 5px; z-index: 29;}
#pay_options td {padding: 3px; z-index: 29;}
#pay_options .close {float: right; margin: 1px 5px 0 0; cursor: pointer;}

#town_select {position: absolute; top: 60px; left: 60px; padding: 10px; width: 100px; z-index: 29; background: #FFFFFF url(/img/index_news_box_bg.gif) repeat-x scroll center bottom; border: 1px solid #CCCCCC;}
#town_select .close {float: right; margin: 0px 0px 0 0; cursor: pointer;}
#town_select ul {margin: 0;}
#town_select > * {background-color: transparent;}

.close_burron_x14 {background: url(/img/icons/close-gray.jpg) no-repeat top left; width: 14px; height: 14px; cursor: pointer;}
.close_burron_x14:hover {background: url(/img/icons/close.jpg) no-repeat top left; width: 14px; height: 14px;}

#page_title {background: url(../../img/page_title_bg.gif) top left repeat-x; margin: 0 0 15px 0; height: 84px;}
#page_title_name {position: absolute; top: 0px; left: 0; width: 210px; font: 20px "Trebuchet MS", "Times New Roman", serif; color: #324d5d; margin: 1px 0 0 0; text-align: center;}
#page_title_image { margin-top: -17px; clear: both;}
#page_title_bg_image {width: 900px; height: 84px; margin: 0 auto; background: url(../../img/page_title_clouds.jpg) top left repeat-x; }
#page_title_summary {margin-top: -60px; position: relative;}

#page_title_navigation {margin: 0 0 0 270px;}
#page_title_navigation li {float: left; display: block; margin-right: 15px;}
#page_title_navigation li img {float: left; margin: -5px 8px 0 0;}
#page_title_navigation li p {float: left; margin: 10px 0 0 0; line-height: normal;  max-width: 110px; _max-width: 110px; 
/*border: 1px solid #000000;*/}
#page_title_navigation li p.long {margin: 2px 0 0 0;}
#page_title_navigation li a:hover p {text-decoration: underline;}

#page_sidebar {float: left; width: 257px; margin: 36px 0 0 0;}
#page_sidebar #menu li {line-height: 18px;}
#page_sidebar #page_menu {margin-top: 20px;}
#page_sidebar #page_menu li {line-height: normal; font-size: 12px; margin-left: 5px !important;}

#page_content {margin-left: 275px; position: relative;}
#page_content .title_text {position: absolute; top: -60px; left: 0;}
#page_content .title_image {position: absolute; top: -100px; left: -190px;}
#page_content td {padding: 3px;}
#page_content tr.head strong {color: #000000 !important;}
#page_content .Info_blok_s {margin-bottom: 15px;}
#page_content .Info_blok_s td {background: #F2F4F9;}
#page_content .Info_blok_s .head td {background: #DAE6EF;}

#page_content ul li {list-style-type: circle; margin: 0 0 10px 30px; line-height: 20px;}
/*
#page_content .Info_blok_s {margin-bottom: 15px;}
#page_content .Info_blok_s td {background: #F2F4F9;}
#page_content .Info_blok_s .head td {background: #DAE6EF;}
*/
#page_content ul.biglist li {padding-bottom: 20px;}
#page_content ul.biglist a {margin-bottom: 5px; font-size: 18px;}
#page_content ul.biglist .ico {margin-bottom: -1px;}
#page_content img {margin-right: 10px;}

#pages {margin: 0 0 20px 0 ;}
#pages ul {margin-bottom: 0px;}
#pages li {margin-left: 20px; padding: 5px 0 0 0; line-height: 15px;}
#pages li.empty {list-style-image: url(../../img/icons/menu-empty.gif);}
#pages li.collapsed {list-style-image: url(../../img/icons/menu-collapsed.gif);}
#pages li.expanded {list-style-image: url(../../img/icons/menu-expanded.gif);}
#pages li.stepdown {margin-bottom: 7px;}
#pages li.current {font-weight: bold;}
#pages li.current li {font-weight: normal;}
#pages li a {text-decoration: none;}
#pages li a:hover {text-decoration: underline;}

#projects_and_services {padding-top: 15px;}
	#projects_and_services .block {margin: 0 0 25px 0; color: #666666; font-size: 12px; line-height: normal; padding: 5px 0 0 0;}	  
	#projects_and_services .block a {text-decoration: underline; font-size: 13px;}
	#projects_and_services .block a:hover {text-decoration: none;}
	#projects_and_services .block img {float: left; margin: -5px 5px 0 0;}	  

#service_page {}
	#service_page .block {clear: both; padding: 0 15px 10px 0;}
	#service_page .block div {padding-top: 3px; font-size: 14px;}
	#service_page .block a div {clear: both; text-decoration: underline;}
	#service_page .block a:hover div {text-decoration: none;}
	#service_page .block a p {margin: 2px 0 0 0; color: #666666; line-height: 12px; text-decoration:none; font-size: 12px !important;}
	#service_page .block img {float: left; margin: -5px 5px 50px 0;}
	
#projects_page {}
	#projects_page .block {clear: both; padding: 0 15px 10px 0; margin-bottom: 20px; position: relative;}
	#projects_page .block b {font-size: 13px;}
	#projects_page .block a {text-decoration: underline; font-size: 12px; position: absolute; bottom: 0px; right: 20px;}
	#projects_page .block a:hover {text-decoration: none;}
	#projects_page .block p {margin: 5px 0 0 0; color: #666666; line-height: 12px;}
	#projects_page .block img {float: left; margin: 2px 10px 10px 0;}
	.trlink {float: right;}

#news {}
#news, #news a {color: #666666;}
#news li {margin-bottom: 5px;}

#bottom_promo_banners {margin: 20px 0px;}
#bottom_promo_banners .banner {margin-right: 30px; float: left;}
#bottom_promo_banners .last {margin-right: 0px;}

#footer {margin: 20px 0 50px 0; position: relative; color: #666666;  border-top: 1px solid #999999;} 
#footer .copyright {padding: 10px 0; margin: 0 0 0 275px;}
#footer .copyright .phone {font-size: 18px;}
#footer .copyright .sep {font-size: 18px; padding: 0 5px;}
#footer .copyright .phone img {margin: 0 5px -10px 5px;}
#footer .alone .copyright {border: 0; text-align: center; margin: 0;}
#footer #page_counter {float: right; margin: 10px 10px 0 0;}
#footer {position: relative; margin: 20px 0 0 0;}
#footer .copyright {width: 500px; border: 0px; margin: 0;}
#footer  .copyright {width: 700px; border: 0px; margin: 0;}
#footer  .copyright form {float: right;}
#footer  .copyright form .itext {border: 0; width: 77px; height: 13px; padding: 2px 5px; background: url(/img/input_text.png) no-repeat; font-size: 11px;}
#footer  .copyright form .isubmit {border: 0; width: 17px; height: 17px; padding: 0; background: url(/img/search_button_ok.gif) top left no-repeat; font-size: 11px; cursor: pointer;}
#footer #page_counter {margin-right: 34px; margin-top: 5px;}

#footer   #footer_search_form {float: right; margin-top: 10px;}
#footer   #footer_search_form .itext {border: 0; width: 77px; height: 13px; padding: 2px 5px; background: url(/img/input_text.png) no-repeat; font-size: 11px;}
#footer   #footer_search_form .isubmit {border: 0; width: 17px; height: 17px; padding: 0; background: url(/img/search_button_ok.gif) top left no-repeat; font-size: 11px; cursor: pointer;}

.stat_content_mute {color: #fff; text-align: center; font-size: 9px; margin-top: 50px;}
.stat_content_mute a {color: #fff;}
#stat_content_mute {visibility: hidden !important;}

#loader {position: absolute; z-index: 999; top: 0px; left: 0px; width: 100%; height: 100%; background: url(/img/loader_bg.png) repeat; text-align: center;}
#loader #wait_message {background: #FFFFFF; z-index: 999; border: 1px solid #000000; width: 180px; margin: 250px auto 0 auto; padding: 10px; -moz-border-radius: 5px;}
#loader #wait_message img {margin: 0 5px -3px 0; z-index: 999;}

/*
 *   Элементы HTML
 */


* {margin: 0px; padding: 0px;}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	height: 100%;
}
 
/*fieldset {margin: 0px 15px 15px 15px; padding: 10px 10px 10px 0px;}
	fieldset legend {padding: 0 5px; margin: 0 0 0 5px; float: right;}*/
iframe {border: 0; width: 100%; height: 500px;}
ul, ol {margin: 0 0 10px 0;}
ul li {list-style-type: none;}
ol li {list-style-type: decimal; margin-left: 17px; padding-bottom: 5px;}
ol li:last-child {padding-bottom: 0px;}
a {color: #0066cc; text-decoration: none;}
a:hover {text-decoration: underline;}
p {line-height: 18px; margin-bottom: 15px;}
textarea {width: 450px; height: 100px; display: block;}
h1, h2, h3 {
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: 100; 
	margin-bottom: 5px; 
	color: #324D5D/*#223A7C*/;
}
h1 {font-size: 24px; margin-bottom: 10px;}
h2 {font-size: 20px; margin-bottom: 10px;}
h3 {font-size: 18px; margin-bottom: 10px;}

/*table {width: 100%;}*/
tr.head td {background-color: #F6F6F6; font-weight: bold;}
a img {border: 0px;}

/*
 *   Комбинированные классы для конструкций вида <div class="red justify w25">тект</div>.
 */
 
.quote {padding: 10px; background: #E8EEFF; border: 1px solid #06C; border-left: 5px solid #06C; margin-bottom: 15px; line-height: 20px;} 
.adodb_debug {padding: 10px; background: #DD0D1D; color: #FFFFFF; font: bold;}
.floatBox {float: left; width: 25%;}
.border {border: 1px solid #000000;}

.p10 {padding: 10px;}

.floatRight {float: right;}
.floatLeft {float: left;}
.floatedList li {float: left;}

.top {vertical-align: top;}
.left {text-align: left;}
.right {text-align: right;}
.justify {text-align: justify;}

.clear {clear: both; overflow: hidden;}
.clear_right {clear: right;}
.block {display: block;}

.no_right_margin {margin-right: 0px !important;}
.m5left {margin-left: 5px;}
.m5right {margin-right: 5px;}
.m15right {margin-right: 15px;}
.m5top {margin-top: 5px;}
.m5bottom {margin-bottom: 5px;}
.p5bottom {padding-bottom: 5px;}

.w100 {width: 100% !important;}
.w99 {width: 99% !important;}
.w75 {width: 75% !important;}
.w50 {width: 50% !important;}
.w25 {width: 25% !important;}
.w15 {width: 15% !important;}

.hover {cursor: pointer;}
.nohover {cursor: default;}
.link {cursor: pointer; border-bottom: 1px dotted #666666; color: #666666; display: inline; top: -0.14em; position: relative;}
.link:hover {border-bottom: none; text-decoration: none;}
.link span {top: 0.14em; position: relative;}
.selected {padding: 5px; background: #F1F3F6; border: 0px; cursor: default;}
.nolink {text-decoration: none; cursor: default;}
.hide {display: none;}
.show {display: block;}
.small {font-size: 90%;}

.green {color: #009933;}
.red {color: #EA1B00;}
.blue {color: #3867B8;}
.orange {color: #F7931C;}

.grey {color: #666;}
.grey a {color: #999;}
.grey a:hover {color: #EEE;}
.gray {color: #666;}

.ico {margin-bottom: -4px;}
.inp {float: left; margin: 1px 5px 0 0;}
.line {height: 1px; border-top: 1px solid #d9d9d9; margin-bottom: 10px; margin-top: 10px;}
.hr {border-bottom: 1px dashed #CCCCCC; margin-bottom: 10px;}

.alert {color: #EA1B00; text-transform: uppercase;}
.info {color: #000000; padding: 10px 10px 12px 85px; margin: 0 0 10px 0; background: #EEEEEE; width: 600px; text-align: left; position: relative; min-height: 63px; _min-height: 70px; line-height: 18px;}
.info img {position: absolute; top: 10px; left: 10px;}

.construct {border: 1px solid #EA1B00; padding: 15px; background: #f7f7f7; text-align: center;}

.construct h1 {color: #EA1B00 !important; font-size: 36px;}
.construct p {color: #EA1B00 !important; font-size: 12px; margin-bottom: 5px;}

.border {border: 1px solid #000000;}

img.x {float: right; cursor: pointer;}