* {margin: 0; padding: 0}

body {font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; color: #55616f; min-width: 980px; 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}
td {vertical-align: top; text-align: left}

/*ul {list-style: none}*/

ul {
	margin-left: 15px;
	margin-bottom: 12px;
}

a {color: #458de0; text-decoration: underline}
a:hover {text-decoration: none}

h1 {font-size: 240%; font-weight: normal; line-height: 90%; margin-bottom: 25px}
h2 {font-size: 120%; margin-bottom: 16px}

p {margin-bottom: 12px; text-indent: 20px;}
p.important {font-size: 120%; color: #618dc2; margin-bottom: 16px}
p.comment {font-size: 95%; font-style: italic; color: #618dc2; margin-bottom: 24px}

.blue {color: #458de0}

input.button {font-weight: bold; color: #fff; background: #7797b7}


#main, #footer {position: relative; min-width: 980px; max-width: 1600px; min-height: 100%; font-size: 0.75em; margin: 0 auto}
html #main, #footer {height: 100%; width: expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 1601 ? "1600px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 980 ? "980px" : "100%"))}



#topblock {display: none;height: 119px; background: #b5c1ce url(/img/topblock_bg.gif) repeat-x 0 bottom}
#logo {float: left; width: 27%; height: 93px; padding: 26px 0 0 41px; background: #00588a}
#logo a {font-size: 330%; font-weight: bold; color: #fff}
#topblock a.block {float: left; font-size: 120%; color: #fff; border-left: #fff solid 1px}
#topblock a.block img {float: left}

#header {height: 343px; background: #bedeff url(/img/flash.jpg) no-repeat 219px 0px;}


/*
#mainmenu {float: left; width: 219px; height: 302px; padding: 31px 0 0 40px; border-bottom: #ff9716 solid 10px;
	background: #e7ebef url(/img/mainmenu_bg.jpg) no-repeat 0 bottom}
#mainmenu.inner {background-image: none}
#mainmenu li {float: left; width: 157px; padding: 0 0 2px 1px; margin-bottom: 3px; border-bottom: #bdc4cb solid 1px}
#mainmenu li a, #mainmenu li a img {float: left}
#mainmenu li a {color: #114480}
#mainmenu li a.hover {color: #f47300}

#mainmenu li ul {display: none; position: relative; z-index: 500; top: 0px; left: 50px;}
#mainmenu li:hover ul {display: block;}
#mainmenu li li {float: left; width: 152px; padding: 0 0 3px 0; margin: 0; border: none}
#mainmenu li li a {color: #458de0; padding-left: 10px; background: url(/img/mainmenu_in_bg.gif) no-repeat 0 5px}
#mainmenu li li a.hover {color: #458de0; text-decoration: none; background: none}


*/

.sidebarmenu {display:none; float: left;}

#mainmenu {float: left; width: 219px; height: 302px; padding: 31px 0 0 40px; border-bottom: #ff9716 solid 10px;
	background: #e7ebef url(/img/mainmenu_bg.jpg) no-repeat 0 bottom}
	
#mainmenu li.mid {margin-bottom: 24px}

.sidebarmenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
color: #114480;
display: block;
overflow: auto; /*force hasLayout in IE7 */
padding: 3px 0px 3px 1px;
border-top: #bdc4cb solid 1px;
width: 157px;
}

.sidebarmenu ul li:first-child  a {
	border: none;
}

.sidebarmenu ul li:first-child ul a {
	border-top: #bdc4cb solid 1px;
}

.sidebarmenu ul li:first-child ul li:first-child  a {
	border: none;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
background: #e7ebef;
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

 
/* Holly Hack for IE \*/
/*
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
*/
/* End */


















#flashblock {float: left; /*width: 743px;*/ height: 343px;}
/*#flashblock img {float: left}*/
#flashblock .i {font-size: 80%; height: 257px; margin: 25px 0px 0px 50px; width: 400px;}
#flashblock h1 {font-size: 160%; font-weight: bold; line-height: 100%; margin-bottom: 20px}

#flashblock .slogan {
	margin-left: 50px;
}

#flashblock .s1 {background: #0066a0; color: #ffffff;float: left; font-size: 180%; font-weight: bold; padding: 0px 2px;}
#flashblock .s2 {clear: both; color: #ffffff;background: #ff9716; float: left; font-size: 180%; font-weight: bold; padding: 0px 2px;}

#responses h3 {
	margin-bottom: 10px;
	text-align: right;
}

#responses div {background: #f0f0f0; padding: 10px 10px 10px 10px; margin-bottom: 10px;}


#list_bg {position: relative; padding: 20px 28px; margin: 0 -30px 25px -18px; background: #eff4f8}
#list_bg li {margin-bottom: 6px}
#list_bg li a {padding-left: 16px; background: url(/img/list_arrow.gif) no-repeat 0 4px}
#list_bg li.hover a {color: #55616f; text-decoration: none}

#archipro span.head {display: block; font-size: 150%; color: #458de0; margin-bottom: 14px}
#archipro div.top {float: left; width: 100%; padding-bottom: 30px}
#archipro div.left {float: left}
#archipro div.left img {display: block; margin-bottom: 10px}
#archipro div.right {margin-left: 216px}
#archipro div.bot {position: relative; padding: 33px 70px 20px 20px; margin: 0 -30px 0 -20px; border-top: #aec1d0 solid 1px}

#list_nobg {font-size: 120%; padding: 0 0 25px 20px}
#list_nobg li {margin-bottom: 6px; padding-left: 16px; background: url(/img/list_arrow2.gif) no-repeat 0 5px}

#firm_cat {display: none; float: left; width: 239px; height: 150px; padding: 14px 0 0 19px}
#firm_cat a {float: left; width: 21px; height: 125px; padding: 18px 0 0 152px; background: url(/img/firm_cat.jpg) no-repeat 0 0}
#project_search {display: none; float: left; width: 350px; height: 160px; margin-right: 10px; padding: 7px 10px 10px 0px; background: #00588a}

#project_search div.block_in {float: left; margin-left: 10px; width: 165px;}

#project_search span.head {display: block; font-size: 185%; color: #ffffff; margin-left: 10px;}
#project_search div.line {padding-bottom: 4px}
#project_search label {display: block; font-weight: bold; color: #ffffff; margin-bottom: 2px}
#project_search select {font-size: 12px; color: #55616f; width: 165px; height: 21px; border: #bbc9da solid 1px}
#project_search select.small, #project_search input.small {width: 50px; height: 21px;border: #bbc9da solid 1px}
#project_search label.small {display: inline-block}
#project_search div.bot input {float: right;}




#popular {margin: 11px 0 0 589px}
#popular span.head {display: block; font-size: 185%; line-height: 85%; margin-bottom: 5px}
#popular div.block {float: left; width: 29% }
#popular div.block_in {float: left;text-align: center;width: 100%;}
#popular a.block {display: block; float: none; border: 1px solid #ff0000;}
#popular a.block img {display: block; float: none; margin: auto;}
#popular span.name {display: block; font-weight: bold; height: 18px}
#popular div.bot {clear: both; padding-top: 4px}
#popular div.bot a {font-size: 80%;}

#leftblock {display: none;}
#leftblock #popular div.block_in {float: left; text-align: left; width: 100%;}
#leftblock #popular a.block, #popular a.block img {float: left; margin: 0px;}

div.indent_block {padding-left: 41px}

#realis {float: left; width: 100%; margin-bottom: 1px; background: #ebf0f6}
#realis span.head {display: block; font-size: 275%; margin-bottom: 7px}
#realis div.left {float: left; width: 46%; padding: 3px 0 7px 41px; background: #cddbea}
#realis div.mid {float: left; width: 31%; padding: 49px 0 7px 7px; border-right: #fff solid 1px; border-left: #fff solid 1px; background: #d9e3ee}
#realis div.right {float: left; width: 16%; padding: 49px 0 7px 7px; background: #ebf0f6}
#realis div.block {float: left; position: relative; height: 130px; padding-right: 3px;}
#realis div.line {float: left; width: 100%}
#realis div.left div.block {width: 32%}
#realis div.mid div.block {width: 49%}
#realis div.block_in a, #realis div.block_in img {float: left}
#realis div.name {float: left; width: 100%; height: 32px}
#realis div.name a {font-size: 175%; color: #458de0}
#realis div.block a {font-size: 80%;}
div.hint {position: absolute; left: 108px; margin-top: -61px; width: 87px; height: 45px; padding: 15px 0 0 18px; font-size: 95%;
	background: url(/img/realis_hint.png) no-repeat 0 0}
*html div.hint {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/realis_hint.png', sizingMethod='crop')}

#gallery {float: left; width: 100%; padding: 10px 0 16px 0; background: #fcf6ea}
#gallery span.head {display: block; font-size: 150%; line-height: 85%; margin-bottom: 7px}
#gallery div.left {float: left; width: 50%}
#gallery div.left div.block {float: left; width: 31%}
#gallery div.left div.name {font-size: 120%; font-weight: bold; height: 21px}
#gallery div.left a.block img {float: left;}
#gallery div.right {float: right; width: 22%; padding-right: 48px}
#gallery div.right span.name {display: block; font-weight: bold; margin: 0 0 10px 1px}
#gallery div.right label input {margin-right: 6px}
#gallery div.right form div {height: 18px}
#gallery input.button {float: left; margin-top: 7px}
#gallery div.mid {float: left; width: 16%}
#gallery div.mid p {font-size: 95%; margin-top: 5px}

#news {float: left; width: 99%; padding: 22px 0 10px 0}
#news div.block {float: left; width: 22%; padding-right: 2%}
#news span.head {display: block; height: 47px; font-size: 150%; line-height: 85%}
#news p {font-size: 95%}
#news small {display: block; font-size: 80%}
#news div.bot {float: left; width: 40%; padding: 4px 30% 0 30%; text-align: center}

#contacts {float: left; width: 100%; padding: 20px 0; border-top: #b5c1ce solid 1px; border-bottom: #b5c1ce solid 1px; background: #f4f7fc}
#contacts div.block {float: left; width: 22%; padding-right: 2%}
#contacts div.block small {display: block; font-size: 95%}
#contacts div.block p.bot {font-size: 95%; margin-top: 10px}

#leftblock {float: left; width: 259px; padding-bottom: 55px}

#opros {float: left; width: 213px; padding: 23px 5px 11px 41px}
#opros span.head {display: block; font-size: 150%; margin-bottom: 3px}
#opros div.block {padding: 16px 22px 0 0}
#opros div.block div {float: left; width: 100%; padding-bottom: 20px}
#opros div.block label {display: block; position: relative;}
#opros div.block label input {position: absolute; left: 0}
#opros div.block label span {display: block; margin-left: 22px}
#opros div.block input.button {float: left; margin-right: 22px}
#opros div.block a.right {float: left; font-size: 95%; margin-top: 2px}

.opros_archive span.name {display: block; font-size: 150%; margin-bottom: 3px}
.opros_archive .totalvotes {margin-bottom: 20px;}

#firm_cat.inner {width: 237px; padding: 35px 0 40px 22px; border-top: #dee2e7 solid 1px; border-bottom: #dee2e7 solid 1px; border-right: none; background: #f6f7f9}
#firm_cat.inner a {background-image: url(/img/firm_cat_inner.jpg)}

#leftblock #popular {clear: both; padding: 28px 0 12px 41px; margin: 0}
#leftblock #popular span.head {display: block; font-size: 150%; line-height: 85%; margin-bottom: 8px}
#leftblock #popular div.block {float: none; width: auto; margin-bottom: 9px}
#leftblock #popular div.block_in {float: none; width: auto}
#leftblock #popular a.block, #popular a.block img {float: none; display: block}
#leftblock #popular div.bot {padding-top: 4px}
#leftblock #popular div.bot a {font-size: 77%; color: #55616f}

#gall_done {clear: both; padding: 20px 0 18px 41px; border-bottom: #dee2e7 solid 1px}
#gall_done span.head {display: block; font-size: 150%; margin-bottom: 13px}
#gall_done img {display: block;}
#gall_done div.bot {color: #458de0; padding-top: 4px}
#gall_done div.left {float: left; padding-right: 10px}
#gall_done div.right {float: left}

#quest_answ {clear: both; padding: 20px 0 18px 41px}
#quest_answ span.head {display: block; font-size: 150%; margin-bottom: 6px}

#rightblock {margin: 31px 55px 55px 0px}
#rightblock.big {padding-right: 25px}

div.text_images {float: left; width: 100%; padding-bottom: 22px}
div.text_images div.block {float: left; width: 33%}
div.text_images div.block a, div.text_images div.block img {float: left}

ul.list {padding: 0 0 33px 40px}
ul.list li {position: relative; padding-left: 15px; margin-bottom: 5px; background: url(/img/list.gif) no-repeat 0 5px}

.page_nav {margin-bottom: 9px}
.page_nav * {text-transform: lowercase;}

div.navigation {display: none; height: 50px; font-size: 120%}
div.navigation span {color: #618dc2; margin-right: 10px}
div.navigation a {font-weight: bold; color: #618dc2; margin-right: 8px}
div.navigation a.hover {color: #536781; text-decoration: none}

#projects div.head {position: relative; font-size: 150%; height: 32px; padding: 10px 15px 0 22px; margin: 0 -30px 0 -22px; background: #e8eff5}
#projects div.head a {float: left}
#projects div.head span.price {float: right; color: #1d375a}
#projects div.block {min-height: 100px; padding: 15px 0 36px 0}
#projects div.left {float: left}
#projects div.right {margin-left: 174px}

table.info {width: auto; margin-bottom: 6px}
table.info td {padding-bottom: 3px}
table.info td.left {padding-right: 30px; background: url(/img/dots.gif) repeat-x 0 11px}
table.info td.left * {padding-right: 2px; background: #fff}

div.big table.info {font-size: 120%}
div.big table.info td {padding: 0 0 7px 3px}
div.big table.info td.left {padding-right: 36px; padding-left: 0}

#project div.top {margin-bottom: 16px}
#project div.top a {margin-right: 6px}
#project div.bot {position: relative; padding: 10px 64px 24px 20px; margin: 0 -30px 13px -20px; border-top: #ccd4dd solid 1px}
#project div.bot a {margin-right: 7px}

#schemes {padding: 24px 0}

div.costs {position: relative; padding: 12px 0 12px 20px; margin: 4px -30px 13px -20px; background: #eff4f8}
div.costs table {width: 99%;}
div.costs td {padding: 7px 18px 7px 0; vertical-align: middle;}
div.costs td.price {font-size: 150%; padding-right: 60px}

#table_goods {position: relative; width: 100%; margin: 0 -35px 40px -20px}
/* #table_goods th {color: #fff; height: 47px; padding: 0 0 9px 20px; vertical-align: middle; background: url(/img/table_goods_th.gif) repeat-x 0 0} */
#table_goods td {font-weight: bold; padding: 6px 0 6px 20px; vertical-align: middle}
#table_goods tr.bg td {background: #eff4f8}

#prices span.head {display: block; font-size: 150%; margin-bottom: 18px}
div.costs table.costs {width: auto; font-size: 150%; margin: 4px 0 0 0}
table.costs td {padding: 0 0 3px 4px}
table.costs td.left {padding: 0 90px 3px 0; background: url(/img/dots.gif) repeat-x 0 16px}
table.costs td.left * {padding-right: 4px; background: #eff4f8}

#photogallery div.line {float: left; width: 100%; padding-bottom: 36px}
#photogallery div.block {float: left; width: 33%}
#photogallery div.block img {display: block}
#photogallery div.block div {padding-top: 6px}
#photogallery div.block div a {font-size: 95%}

#notes {list-style: none;}
#notes a.head {font-size: 150%; text-decoration: none; background: url(/img/notes_a.gif) repeat-x 0 bottom}
#notes a.head:hover {background: none}
#notes li {margin-bottom: 24px}
#notes li.hover {position: relative; padding: 14px 40px 20px 20px; margin: 0 -30px 24px -20px; background: #eff4f8}
#notes p.comment {font-size: 100%; margin: 15px 0 20px 6px}
#notes div.block {padding-left: 27px}
#notes div.block a {font-weight: bold; color: #55616f}
#notes div.block p {font-size: 95%; margin-bottom: 14px}

#botblock {display: none; float: left; width: 100%; border-top: #dee2e7 solid 1px}
#botblock #gall_done, #botblock #quest_answ {clear: none; float: left; border: none}
#botblock #quest_answ {width: 35%; padding-left: 41px;}
#botblock #gall_done {width: 50%; padding-left: 5%;}
#botblock #firm_cat.inner {float: left; border: none}

#tels {padding-bottom: 10px}
#tels li {font-size: 145%; margin-bottom: 10px}
#tels span {font-size: 105%; color: #458de0}

div.map {width: 310; padding: 7px 0 36px 0}
div.map div.block_in {padding-bottom: 12px}
div.map p {font-size: 95%}
div.map big {font-size: 100%; font-weight: bold}

#licences {float: left; width: 100%; padding: 33px 0; background: #fcf6ea}
#licences div.block {float: left; width: 20%; padding-right: 4%}
#licences div.block_in {float: left}
#licences div.bot {font-size: 95%; padding-top: 12px}

#footer_block {clear: both; height: 186px}
#footer_main {display: none; clear: both; position: relative; font-size: 0.75em; height: 150px; margin: -150px 0}
#footer {height: 150px; font-size: 95%}
#search_block {padding: 0px 36px 6px 0px;}
#search_block input {vertical-align: middle;}
#search_block input.text {width: 208px; height: 15px; padding: 0px 4px 0px 4px; font-size: 12px; color: #55616f; border: #758ca4 solid 1px; vertical-align: middle;}
#footer div.block {color: #c7cbd0; margin: 0 300px 0 41px}
#footermenu {color: #458de0; padding: 6px 0px;}
#footermenu a {border-left: 1px solid #cccccc; margin-right: 5px; padding-left: 5px;}
#footermenu a:first-child {border: none; padding-left: 0px;}

.head2 {font-size: 150%; height: 32px; padding: 10px 15px 0 22px; background: #e8eff5}

.form .n {
	font-weight: bold;
	margin: 5px 0px;
}

.form .f input {
	width: 400px;
}

.form .f textarea {
	height: 100px;
	width: 400px;
}

.form .s {
	margin-top: 5px;
}

.form span {
	color: #850000;
	display: block;
	font-weight: bold;
}

.form .captcha {
	width: 150px !important;
}

a.project_gallery {background: #458de0; color: #ffffff; text-decoration: none; padding: 2px;}

#sform {
	display: none;
}



hr {
	border: none;
	color: #b5c1ce;
	background-color: #b5c1ce;
	height: 2px;
	margin-bottom: 10px;
}

.panorama {
	display: block;
	font-size: 150%;
	margin-bottom: 10px;
}

.porgeb24 {
	margin: 10px 0px;	
}

.pogreb24 span {
	color: #33a242;
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

.pogreb24 a {
	color: #33a242;
	font-family: "Arial Narrow";
	font-size: 150%;
	text-decoration: none;
	text-transform: uppercase;
}

.pogreb24 img {
	margin-right: 5px;
	vertical-align: middle;
}

.params {
	margin-bottom: 10px;	
}

.params .h {
	font-size: 150%;
	margin-bottom: 5px;
}

.params a {
	border-bottom: 1px dashed #458de0;
	color: #458de0;
	font-size: 150%;
	text-decoration: none;
}
.params table {
	border-top: 1px solid #909090;
	border-left: 1px solid #909090;
	display: block !important;
	margin: 10px 0px;
	vertical-align: top;
	width: 98% !important;
}


.params th, .params td {
	border-right: 1px solid #909090;
	border-bottom: 1px solid #909090;
	padding: 5px;
	width: 33%;	
}