* {
	margin:0;
	padding:0;
}
html {
	background: url("/images/html_bg.jpg") repeat-x top center #1d4e7d;
	height: 100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
	background: url("/images/main-bg2.jpg") no-repeat center 56px;
	height: 100%;
	position: relative;
	min-height: 100%;
}

html>body {
	min-height: 100%;
	height:auto;
}

a, a:visited, a:link {
	color: #ffffff;
}

a:hover {
	text-decoration: none;
}

.clear {
	clear: both;
}
.wrapper {
	width:900px;
	margin: 0 auto;
	padding:0 60px 60px 0;
	overflow: hidden;
}

.head {
	height: 35px;
    padding-top: 20px;
	font-size: 14px;
}

.head .menu {
	width: 650px;
	height: 38px;
	float: left;
	margin-left: 44px;
}

.head .menu li {
	float: left;
	margin: 0 9px;
}

.head .phone {
	height: 38px;
    margin-left: 694px;
    text-align: right;
    width: 270px;
}

.houses {
	width: 100%;
	height: 400px;
    margin-top: 50px;
}

.houses .logo {
	position: absolute;
	margin-left: 8px;
    margin-top: -23px;
}
.houses .logo a
{
    display: block;
    width: 152px;
    height: 177px;
    background: url(../images/logo.png);    
}
/*.houses .logo a:hover*/
/*{*/
    /*background: url(../images/logo-hover.png);*/
/*}*/
.houses .logo-himki {
	position: absolute;
	margin-top: 189px;
        margin-left: 7px; 
}
.houses .logo-himki a
{
    display: block;
    width: 153px;
    height: 80px;
    background: url(../images/logo-himki.jpg);
    background-size: cover;
    text-decoration: none;
    position: relative;

}
.houses .logo-himki a p
{
    position: absolute;
    bottom: -25px;
}
.houses .logo-himki a:hover
{
    background: url(../images/logo-himki-hover.png);
    background-size: cover;
}
.houses .logo-himki a p
{
    width: 153px;
    text-align: center;
    font-size: 13px;
}
.houses .logo-himki a:hover p
{
    text-decoration: underline;
}
.houses .house {
	margin-left: 502px;
    margin-top: -74px;
    position: absolute;
}

.houses .up {
	background: url("/images/up.png") no-repeat scroll left center transparent;
    height: 20px;
    margin-left: 867px;
    margin-top:5px;
    padding-top: 40px;
    position: absolute;
    text-align: center;
    width: 73px;
}

.houses .up:hover {
	text-decoration: underline;
}

.houses .down {
	background: url("/images/down.png") no-repeat scroll left center transparent;
    height: 58px;
    margin-left: 867px;
    margin-top: 335px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 73px;
}

.houses .down:hover {
	text-decoration: underline;
}

.houses .home {
	position: absolute;
	margin-left: 240px;
    margin-top: 72px;
}

.houses .zakaz {
	background: url("/images/zakaz.png") no-repeat scroll left top transparent;
    height: 32px;
    margin-left: 294px;
    margin-top: 63px;
    padding-left: 9px;
    padding-top: 16px;
    position: absolute;
    width: 108px;
}

.houses .zakaz a {
	text-decoration: none;
}

.houses .zakaz a:hover {
	text-decoration: underline;
}

.houses .stopped {
	margin-left:0;
    margin-top: 334px;
	position: absolute;
        margin-left: 7px;
}

.houses .stopped .bg {
	background-color: #205488;
    height: 26px;
	position: absolute;
	
	filter: alpha(opacity=67);
	opacity: 0.67;
}

.houses .stopped .text {
	font-size: 17px;        
    margin: 2px 0 0;
    margin-left: 8px;
    position: absolute;
    white-space: nowrap;
    z-index: 2;
}

.content {
	margin: 0px 60px 30px 60px;
}

.content .text{}

.content .text p {
	margin-bottom: 15px;
}
.text-main{
	text-align: justify;
    width: 640px;
	float: left;
}
.us-works{
	float: right;
    width: 230px;
}
.open-gallery {text-align: center;}
strong.us-works-caption{
	display: block;
    font-size: 15px;
    margin-bottom: 15px;
    margin-top: 37px;
    text-align: center;
	font-size: 15px;
}

.dizain-item {
    float: left;
    margin-bottom: 15px;
    margin-right: 10px;
    width: 230px;
}
.dizain-item .preview {
    background: url("/images/back-window.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
    float: left;
    height: 130px;
    padding: 10px;
    width: 210px;
}

.content .slideShow {
	background-color: #184167;
    height: 110px;
    padding: 10px 40px;
    width: 700px;
}

.content .slideShow .prev,
.content .slideShow .next {
	background: url("/images/gallery-button.png") no-repeat scroll left top transparent;
    height: 19px;
    margin-top: 45px;
    position: absolute;
    width: 73px;
	text-align: center;
	padding-top: 4px;
}

.content .slideShow .prev {
	margin-left: -88px;
}

.content .slideShow .next {
	margin-left: 715px;
}

.content .slideShow .prev a,
.content .slideShow .next a {
	text-decoration: none;
}

.content .slideShow .prev a:hover,
.content .slideShow .next a:hover {
	text-decoration: underline;
}

.content .slideShow .gallery {
	width: 700px;
	overflow: hidden;
}

.content .slideShow .gallery .hidden {
}

.content .slideShow .gallery .item {
	margin: 0 10px;
	width: 149px;
	height: 104px;
	background-color: #ffffff;
	padding: 3px;
	float: left;
}

.footer {
	height: 105px;
	font-size: 11px;
	color: #6f8eac;
	bottom: 0;
	left: 0;
	/*position: absolute;*/
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}

.footer-wrapper {
	margin: 0 auto;
	width: 960px;
}

div.footer_container {
	/*background: url("/images/in-footer-bg.png") repeat scroll 0 0 transparent;*/
	background: url("/images/in-footer-bg.png") no-repeat scroll 0 top transparent;
	overflow: hidden;
	position: relative;
}

.footer .copyright,
.footer .author {
	float: left;
}

.footer .copyright {
	width: 220px;
}

.footer .copyright .logo {
	background: url("/images/footer-logo.png") no-repeat scroll left top transparent;
	width: 49px;
	height: 57px;
	float: left;
	margin: 0 10px;
}

.footer .copyright .text {
	margin-left: 70px;
	line-height: 55px;
}

.footer .author {
	width: 270px;
}

.footer .author .logo {
	background: url("/images/ww-logo.png") no-repeat scroll left top transparent;
	width: 40px;
	height: 57px;
	float: left;
	margin: 0 10px;
}

.footer .author .text {
	margin-left: 60px;
	line-height: 55px;
}

.footer .author .text a {
	color: #6f8eac;
}

.footer .contacts {
	margin-left: 500px;
	padding-bottom: 50px;
	padding-left: 10px;
	width: 500px;
}

.footer .contacts .offices {}

.offices	{
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
}

.footer .contacts .offices span.active {
	background: url('/images/grad_offices.png') repeat-x;
	color: #FFFFFF;
	padding: 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	/*
	behavior: url(PIE.htc);*/
	border: none;

}

.footer_delim {
	/*position: relative;
	top: -130px;
	left: 530px;*/
	float:left;
	width: 1px;
	height: 110px;
	background: #4a7197;
	margin-left: -16px;
	margin-top: -10px;
	
	
}

.footer .contacts .address {
	color: #ffffff;
	margin-top: 14px;
}

.footer .menu {
	width: 960px;
	margin: 0px auto 40px auto;
	overflow:hidden;
}

.footer .menu li {
	float: left;
	margin: 0px 20px 0px 0px;
}

.footer .menu li ul {
	margin: 7px 0px 0px 0px;
	width: 90px;
}

.footer .menu li ul li {
	margin: 4px 0px 0px 0px;	
}

.footer .menu li a {
	text-decoration: none;	
	font-size: 13px;
	font-family: Arial;
}

.footer .menu li ul li a {
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana;
	break-word: break-word;
}

.footer .menu li ul li {
	float: none;
	
}

.offices .active {

}



.addVer {
	font-size: 13px;
	font-family: Arial;
}

.add {
	margin-top: 3px;
	
}

div.address{
	margin-top:10px;
}

a.add{
	text-decoration: none;
	padding-bottom: 9px;
	padding-right:5px;
}

a.add span{
	border: 1px solid #2F6491;
    	border-radius: 2px 2px 2px 2px;
    	padding: 3px;
}

.offices p{
    font-family: arial;
    font-weight: bold;
    margin-bottom: 8px;
}

a.active_parent{
	background: url('/images/offices_point.png')  40% bottom no-repeat;
	border: none;
}

.foter_phon {
	margin-top: 3px;
}

/*contact*/
.hide{
	position:absolute !important;
	top:-9999px;
	left:-9999px;
}

body:first-of-type .show a {
	text-decoration: none;
}

.show {
	display:block;
	position:static !important;
	left:0;
	top:0;
} 
.fon-maps {
	width:640px;
	margin-bottom:20px;
}
#tooltip1, #tooltip2, #tooltip3 {
    background: #ff0000;
    width:640px;
	height:480px;
    margin: 20px 0;
	position:relative;
}
#textLink, #textLink2, #textLink3{
	display:block;
}
.l-content .fon {
	width:916px; 
	height:480px;
	background:url("/images/fon-img1.png") no-repeat top left;
    
}
.l-content .fon .txt1 { 
	width:335px; 
	height:94px; 
	position:relative; 
	top:115px; 
	left:220px;
	cursor:pointer;
}
.l-content .fon .txt1:hover, .l-content .fon .txt1.active {
	background:url("/images/UD-map_003-over.png") no-repeat 93px 3px; 
	width:335px;
	height:122px;
}
.l-content .fon .txt2 {
	width:350px; 
	height:94px; 
	position:relative; 
	top:142px; 
	left:55px;
	cursor:pointer;
}
.l-content .fon .txt2:hover, .l-content .fon .txt2.active {
	background:url("/images/text2h.png") no-repeat 104px 0px; 
	width:350px;
	height:94px;
}
.l-content .fon .txt3 {
	width:335px; 
	height:116px; 
	position:relative; 
	top:175px; 
	left:224px;
	cursor:pointer;
}
.l-content .fon .txt3:hover, .l-content .fon .txt3.active {
	background:url("/images/map3_over.png") no-repeat 89px 0px; 
	width:343px;
	height:116px;
}

.l-header {
	background:url("/images/fon-block-menu-top.png") repeat-x 0 0;
	width:100%;
}
.b-menu-fon {
	background:url("/images/fon-menu-top.png") no-repeat 50% 0;
	width:100%;
	height:80px;
	position:relative;
	z-index:9;
}
.l-content {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	font-family: Verdana, sans-serif;
    min-height:300px;
}

.b-menu-top {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	font-family: Verdana, sans-serif;
}

.l-content {
	margin:20px auto 0 auto;
	position: relative;
}
a#foto-works{
	background: url('/images/bg-bull.png') no-repeat scroll 0 1px transparent;
    margin: 0 12px 0 -18px;
    padding: 0 12px 0 18px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 18px;
}
a#foto-works:hover{
	text-decoration: underline;
}
a#dizain-show-all{
	cursor:pointer;
	float:right;
	margin-bottom: 25px;
}
a#dizain-show-all:hover{text-decoration:underline;}
.b-home {
	float:left;
	margin:20px 10px 0 0;
}
.b-menu-top ul li {
	float:left;
}
.b-menu-top ul li a {
	color:#ffffff;
	text-decoration:none;
	padding:20px 6px;
	display:block;
	font-size:13px;
}
.b-menu-top ul li:hover, .b-menu-top ul li.active {
	background:url("/images/fon-menu-top-active.png") repeat-x 0 0;
}
.b-menu-top > ul > li > ul {
   	margin:0 0 0 30px;
	padding:10px 25px 15px 25px;
   	position:absolute;
	z-index:8;   
   	width:250px;
   	font-size:12px;
	font-weight:normal;
	border-bottom:1px solid #2967a4;
	border-right:1px solid #2967a4;
	border-left:1px solid #2967a4;
	background:#165a99;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1864aa', endColorstr='#134c83');
	background:-webkit-linear-gradient(top, bottom, #1864aa, #134c83);
	background:-moz-linear-gradient(top,  #1864aa,  #134c83);
	background:-o-linear-gradient(top,  #1864aa,  #134c83);
	background:-ms-linear-gradient(top,  #1864aa,  #134c83);
}
.b-menu-top ul li ul li  {
   	width:250px;
	border-top:1px solid #2967a4;
}
.b-menu-top ul li ul li a  {
	display:block;
	padding:5px 0 5px 5px;
}
.b-menu-top ul li ul li:hover {
	background:none;
}
.b-menu-top ul li ul li:first-child {
	border-top:0 none;
}
body .b-menu-top ul li ul {
   	display:none;
}
.b-menu-top ul li:hover ul, .b-menu-top ul li ul:hover {
   	display:block;
}
.b-phone {
	color:#ffffff;
	margin: 20px 0 0 10px;
	float:right;
	font-size:12px;
	position: relative;
	top: -55px;
	left: 1px;
	overflow: hidden;
	
}

.b-colum-left {
	font-family:Arial, Helvetica, sans-serif;
}

.list_urb {
	list-style-type: disc;
	margin-left: 20px;
}
.breadcrumbs {
	margin:20px 0 5px;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	font-size:12px;
	line-height:12px;
}
.breadcrumbs li{
	float:left;
	background: url(/images/bg-bull.png) no-repeat left;
	background-position: 0px 1px;
    margin: 0 12px 0 -18px;
    padding: 0 12px 0 18px;
}
.breadcrumbs a{
}
.breadcrumbs a:hover {
	font-weight:normal;
}
.hold-btn{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	color:#3a84c5;
	padding:20px 0 15px;
}
.hold-btn li{
	font-size:13px;
	line-height:24px;
	margin:0;
	padding:0;
	float:left;
}
.hold-btn li a{
	background: url(/images/btn.png) no-repeat 0 0;
	width:456px;
	height:37px;
	font-size:12px;
	line-height:21px;
	color:#1e4e7e;
	overflow:hidden;
	display:block;
	text-align:center;
	text-decoration:none;
}
.hold-btn li.active a,
.hold-btn li:hover a{background-position:0 -38px;}
.hold-btn li.active a{cursor:default;}
.hold-btn li .or{margin:0 10px;}
