* {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;}
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}
.blue a {text-decoration: none;}
.blue a:hover {text-decoration: underline;}

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 {height: 119px; background: #dbe0e4 url(/img/topblock_bg.gif) repeat-x 0 bottom}
#logo {float: left; width: 27%; height: 93px; padding: 26px 0 0 41px; background: #4c5866}
#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 {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 {float: left; width: 239px; height: 180px; 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 {float: left; width: 350px; height: 180px; 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 {dispay: block; float: none; border: 1px solid #ff0000;}
#popular a.block img {dispay: 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 #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;}
#leftblock div.right {background: #d9d9d9; float: left; padding: 20px 10px 10px 40px;}
#leftblock div.right span.name {color: #417195; display: block; font-weight: bold; margin: 0 0 10px 1px}
#leftblock div.right label input {margin-right: 6px}
#leftblock 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, #leftblock .right 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 300px;}
#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 {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 .head1 {font-size: 150%; height: 32px; padding: 10px 15px 0 0px;}

#projects div.head span.price {float: right; color: #1d375a}
#projects div.block {padding: 15px 0 36px 0}
#projects div.left {float: left}
#projects div.right {margin-left: 174px}


table.projects {
	background: #e8eff5;
	margin-bottom: 20px;
	width: 99%;
}
table.projects td.p {
	border-top: 1px solid #ffffff;
	padding: 10px 10px 10px 10px;
	width: 50%;
}

table.projects tr td.p:first-child {
	border-right: 1px solid #ffffff;
}

table.projects tr:first-child td {
	border-top: none;
}

table.projects #projects div.block {min-height: auto; padding: 0px 0px 0px 0px}
table.projects #projects div.head {position: normal; font-size: 150%; height: 32px; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px;}
table.projects #projects div.left img {margin: 0px 10px 0px 0px;}
table.projects #projects div.right {margin-left: 138px;}

table.info {margin-bottom: 6px; width: 99%;}
table.info td {padding: 0px; padding-bottom: 3px; white-space: nowrap; width: auto !important; background: url(/img/dots.gif) repeat-x 0 11px; }
table.info td.left {padding-right: 10px;white-space:normal; width: 100%;}
table.info td.left * {padding-right: 2px; background: #fff}

table.info td.right div {background: #fff; float: right; padding-left: 2px; width: 50px;}

table.info td.right div.p {background: #e8eff5; float: right; padding-left: 2px; width: auto;}

table.projects table.info td.left * {padding-right: 2px; background: #e8eff5;}

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 {}
#project div.top img {margin: 3px 3px 0px 0px;}
#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 {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%;}
#leftblock #firm_cat.inner {float: left; border: none}

#tels {list-style: none; 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 {clear: both; position: relative; font-size: 0.75em; height: 150px; margin: -150px 0}
#footer {height: 150px; font-size: 95%}
#search_block {clear: both; margin: 30px 0px 0px 40px;}

#footer #search_block {clear: both; margin: 10px 0px 10px 0px;}

#search_block input {vertical-align: middle;}
#search_block input.text {width: 170px; 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;}






.pollvotes, .pollresults {
    max-width:200px;
    background-color:#cfe295;
    border:1px solid #79a100;
    padding:10px;
}

.pollvotes h3, .pollresults h3 {
    margin-top:0px;
    font-size:1.4em;
    color:#618200;
}

.easypoll ul, .easypoll ul {
	list-style: none;
	margin: 0px;
    padding:0px 4px 8px 0px !important;
}

.easypoll fieldset {
    border:0px;
    margin:0px;
    padding:0px;
}

.easypoll input.pollbutton {

}

.easypoll_bar {
    background-color: #FFFFFF;
	margin: 4px 0px;
}

.easypoll_inner {
    height: 4px;
    background-color: #00588a;
}

.easypoll_error {
    border:1px solid #600;
    background-color:#FAA;
    padding:8px;
}




.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
}

.comments {background: #e8eff5; padding: 10px;}

.skype {
	float: right;
	margin-left: 20px;
}

.block_b {
	padding: 5px;
	background: #e8eff5;
}

.block_w {
	padding: 5px;
}