/*

  CSS-разметчик
  http://wdevblog.net.ru

*/

/* common */
html, body, img, form {margin: 0px; padding: 0px; border: none;}
html, body {height:100%;}
body {background:#c3c3c3 url(img/fon-osn-temn.png) top left;}
body, td {font:14px Georgia, "Times New Roman", "Century Schoolbook L", serif; color: #464646;}
a {color: #000;	text-decoration: underline;}
a:hover {text-decoration: none;}
table {border: 0px; border-collapse: collapse; font-family: "Trebuchet MS", "Helvetica CY", sans-serif;}
td {vertical-align: top; font-family: "Trebuchet MS", "Helvetica CY", sans-serif;}
p {padding: 0px; margin: 0px 0px 12px 0px; font-family: "Trebuchet MS", "Helvetica CY", sans-serif;}
object {outline:none;}

h1 {font-size:21px; padding: 0px; margin: 0px 0px 10px 0px; font-family: "Trebuchet MS", "Helvetica CY", sans-serif; font-weight:normal; color:#89725b;}
h2 {font-size:15px; padding: 0px; margin: 0px 0px 10px 0px;}
h3 {font-size:13px; padding: 0px; margin: 0px 0px 10px 0px; font-family: "Trebuchet MS", "Helvetica CY", sans-serif;}

.clear {clear:both;}
.none {line-height:0;}
.relative {position:relative;}
.img-marg {float:left; margin:0 10px 5px 0;}
.float-l {float:left;}
.float-r {float:right;}
.hfeed .posts {margin-bottom:10px;}
.bnone {background:none;}

.main-cont {width:950px; padding:0px 20px 0px 20px; margin:0 auto; min-height:100%; background:#ececec url(img/fon-osn.png) top left; 
border-left:1px solid #f7f7f7; border-right:1px solid #f7f7f7;}

/* header */
.header {height:298px; width:100%;  }

.header-off {height:50px;}

.header-center {background: url(img/header-line.png) top left repeat-x;  padding:0px 20px 0px 20px; 
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    width: 950px;}
	
.header-center .menu-top {position:absolute; top:5px; left:-1px; height:45px; width:990px; background:#ececec url(img/fon-osn.png) bottom left;
border-left:1px solid #f7f7f7; border-right:1px solid #f7f7f7;}
.header-center .menu-top ul {position:absolute; top:0px; left:18px; font-family: "Trebuchet MS", "Helvetica CY", sans-serif; 
margin:0px; padding:0px; height:46px; width:952px; background: url(img/menu-top-line.png) top left no-repeat; list-style: none;}
.header-center .menu-top ul li {float: left; margin: 0; padding: 5px 20px; background: url(img/menu-top-razdel.png) top right no-repeat; 
height:45px; line-height:30px; font-size:16px; color:#fff; text-align:center; text-shadow: 0 2px 5px rgba(94, 129, 128, 0.9);}
.header-center .menu-top ul li  a {text-decoration:none; color:#fff;}
.header-center .menu-top ul li:hover {background: url(img/menu-top-line-active.png) top right no-repeat;}
.header-center .menu-top ul li.active {background: url(img/menu-top-line-active.png) top right no-repeat;}
.header-center .menu-top ul li.active span {background: url(img/menu-top-ukazatel.png) bottom left no-repeat; 
height:34px; width:31px; position:absolute; top:45px;}
.header-center .menu-top ul.doma li {min-width:135px;}
.header-center .menu-top ul li.first {width:193px; font-weight:bold;}


.header-center .logo {position:absolute; top:12px; left:32px; height:38px; width:266px;}
.header-center .flash {position:absolute; top:5px; left:-1px; width:950; padding:0px 20px 0px 20px;  height:293px; border-left:1px solid #f7f7f7; border-right:1px solid #f7f7f7; background:#ececec url(img/fon-osn.png) top left; }

/* left col */
.left-col {width:244px; float:left; overflow:hidden;}
.left-col .padding {padding:20px 0px 394px 0px;}
.razdel {background: url(img/razdel-line.png) bottom left no-repeat; padding:0px 0px 20px 0px; margin-bottom:20px; }
.razdel h3 {background: url(img/razdel-button.png) top left no-repeat; height:36px; 
padding:3px 10px 0px 20px; margin:0px 0px 0px -2px ; color:#fff;}
.razdel h3 a {color:#fff; text-decoration:none;}

ul.main-menu {font-style:Arial; font-size:16px; color:#666666; font-weight:bold; list-style: none;  margin:0px; padding:0px;}
ul.main-menu li {width:231px; height:28px; padding:2px 0px 0px 20px; text-indent:-3000px;}
ul.main-menu li.main {background: url(img/menu/main.png) top left no-repeat;}
ul.main-menu li.about {background: url(img/menu/about.png) top left no-repeat;}
ul.main-menu li.doma {background: url(img/menu/doma.png) top left no-repeat;}
ul.main-menu li.kvartiru {background: url(img/menu/kvartiru.png) top left no-repeat;}
ul.main-menu li.map {background: url(img/menu/map.png) top left no-repeat;}
ul.main-menu li.gorod {background: url(img/menu/gorod.png) top left no-repeat;}
ul.main-menu li.kontaktu {background: url(img/menu/kontaktu.png) top left no-repeat;}
ul.main-menu li:hover {background-position: bottom left;}
ul.main-menu li  a {text-decoration:none;}

.conteiner1 {width:100%; float: left;}

/* center col */
.center-col {margin:0px 0px 0px 244px;}
.center-col-b {width:100%; float:left; overflow:hidden;}
.center-col .padding {padding:20px 20px 394px 10px;}
.center-col-border .padding {padding:30px 5px 394px 10px;}
.center-col-border .border{height:100%; min-height:100%; width:100%; min-width:100%; border:1px solid #c9c9c9;}


.img-big {height:150px; margin:0px 0px 20px 0px;}
.img-big img {float:left; margin-right:16px; width:318px;}

.kvart-blok .opis {width:200px; float:left; margin:0px 0px 20px 10px;}
.kvart-blok .opis-line {background: url(img/line-left.png) top right repeat-y; padding-right:10px;}
.kvart-blok .opis h3 {background: url(img/main-kvart.png) top left repeat-x; height:28px; padding:2px 0px 0px 5px;}
.kvart-blok .opis h3 span {color:#89725b;}
.kvart-blok .opis p {padding:0px 5px 0px 10px;}
.kvart-blok .opis .podrobno {background: url(img/podrobno.png) top left no-repeat; height:26px; text-indent:-3000px; margin:20px 0px 0px 100px; }
.kvart-blok .opis .podrobno-tri {margin-top:53px;}
.kvart-blok .opis .podrobno:hover {background: url(img/podrobno.png) bottom left no-repeat;}

.line {background: url(img/razdel-line.png) bottom left repeat-x; height:2px; width:100%; margin:0px 0px 20px 0px;}

.opis-left {width:438px; float:left; background: url(img/line-left.png) top right repeat-y;}
.opis-right {float:left; padding:0px 10px 0px 20px; text-align:center;}

.action {background: url(img/main/action.png) top left no-repeat; height:76px; width:696px; text-indent:-3000px; margin:20px 0px 0px 0px;}
.action:hover {background-position:bottom left;}


.dom-big {margin:10px 10px 10px 20px; height:100%;}
.dom-big h1 {font-size:18px;}
.dom-big  .left {float:left; width:240px;}
.dom-big  ul.menu-dom {list-style: none; margin: 5px 0px 0px 0px; padding:0px;}
.dom-big  ul.menu-dom  li{float: left; margin: 0; padding: 0px; text-indent:-3000px;
width:31px; height:22px; background: url(img/menu-dom-line.jpg) top right no-repeat;}
.dom-big  ul.menu-dom  li.map {background-position:0px -0px;}
.dom-big  ul.menu-dom  li.map:hover {background-position:0px -22px;}
.dom-big  ul.menu-dom  li.plan {background-position:-31px 0px;}
.dom-big  ul.menu-dom  li.plan:hover {background-position:-31px -22px;}
.dom-big  ul.menu-dom  li.foto {background-position:-61px 0px;}
.dom-big  ul.menu-dom  li.foto:hover {background-position:-61px -22px;}
.dom-big  ul.menu-dom  li.info {background-position:-92px 0px;}
.dom-big  ul.menu-dom  li.info:hover {background-position:-92px -22px;}


.dom-big  .right {float:left; width:410px; }
.dom-big table {width:410px;}
.dom-big table td{width:35%; font-size:13px; font-weight:bold;}
.dom-big table td+td{width:65%; font-weight:normal;}
.dom-big .podrobno {background: url(img/podrobno.png) top left no-repeat; height:26px; text-indent:-3000px; margin:20px 0px 10px 300px;}
.dom-big .podrobno:hover {background: url(img/podrobno.png) bottom left no-repeat;}

.dom-podrobno .header{margin:-20px 0px 10px 20px; width:660px; height:34px;}
.dom-podrobno .header table {width:100%;  }
.dom-podrobno .header table tr {background: url(img/razdel-line.png) bottom left repeat-x;}
.dom-podrobno .header table tr td{color:#89725b; background: url(img/line-left.png) top right repeat-y; text-align:center;}
.dom-podrobno .header table tr td+td {width:150px;}
.dom-podrobno .header table tr td+td+td, .dom-podrobno .body table tr td+td{width:105px;}
.dom-podrobno .header table tr td+td+td+td, .dom-podrobno .body table tr td+td+td {width:105px;}
.dom-podrobno .header table tr td+td+td+td+td, .dom-podrobno .body table tr td+td+td+td{width:145px;}
.dom-podrobno .header table tr td+td+td+td+td+td, .dom-podrobno .body table tr td+td+td+td+td {width:19px;}
.dom-podrobno .header table tr td.bnone {background: none;}

.dom-podrobno .body {margin: 0px 0 10px 20px; background: url(img/etag-setka.png) top left repeat-y; height:100%; background-position:104px 0px;}
.dom-podrobno .body .left {float:left; width:120px; height:100%;}
.dom-podrobno .body .left .etag{height:26px; width:89px; background: url(img/etag.png) top right repeat-y; margin:0px 0px 0px 35px; text-align:center;}
.dom-podrobno .body .left .etag p {font-family: "Trebuchet MS", "Helvetica CY", sans-serif; color:#066152; font-size:12px; font-weight:bold;}
.dom-podrobno .body .right {float:left;}
.dom-podrobno .body table {width:530px;}
.dom-podrobno .body table tr {background: none;}
.dom-podrobno .body table tr.inner {background: url(img/razdel-line.png) bottom left repeat-x;}
.dom-podrobno .body table tr.inner  td.top {background: url(img/border-top.png) top left repeat-x; font-size:12px; text-align:left;}
.dom-podrobno .body table tr.otstup {height:12px;}
.dom-podrobno .body table tr td {text-align:center; vertical-align:middle; font-size:20px;}
.dom-podrobno .body table tr td img {margin:5px 0px;}
.dom-podrobno .body table tr td+td+td+td+td {background:url(img/vubor-kvartiru.jpg) center left no-repeat;}
.dom-podrobno .body table tr td+td+td+td+td:hover {background:url(img/vubor-kvartiru.jpg) center right no-repeat;}
.dom-podrobno .body table tr td+td+td+td+td.bnone {background: none;}





.vubor-kvartiru .header{margin:10px 0px 10px 20px; width:660px; height:34px;}
.vubor-kvartiru .header table {width:100%;}
.vubor-kvartiru .header table tr {background: url(img/razdel-line.png) bottom left repeat-x;}
.vubor-kvartiru .header table tr td{color:#89725b; background: url(img/line-left.png) top right repeat-y; text-align:center;}
.vubor-kvartiru .header table tr td+td, .vubor-kvartiru .body .left table tr td+td {width:155px;}
.vubor-kvartiru .header table tr td+td+td {width:100px;}
.vubor-kvartiru .header table tr td+td+td+td, .vubor-kvartiru .body .right table tr td+td {width:110px;}
.vubor-kvartiru .header table tr td+td+td+td+td, .vubor-kvartiru .body .right table tr td+td+td {width:108px;}
.vubor-kvartiru .header table tr td+td+td+td+td+td, .vubor-kvartiru .body .right table tr td+td+td+td {width:31px;}
.vubor-kvartiru .header table tr td.bnone {background: none;}


.vubor-kvartiru  .body {margin:10px 0px 10px 20px; width:660px;}
.vubor-kvartiru  .body table {width:100%;}
.vubor-kvartiru  .body .left {float:left; width:300px; height:100%; margin-left:3px; background: url(img/line-left.png) top right repeat-y;}
.vubor-kvartiru  .body .left h1 {font-size:16px; color: #464646; text-align:center; }
.vubor-kvartiru  .body .left table tr td {text-align:center; padding-top:5px;}

.vubor-kvartiru  .body .right {float:left; width:350px; height:100%; padding-left:5px;}
.vubor-kvartiru  .body .right table tr.odd {background:url(img/vubor-kvartiru-tr-odd.png) bottom left repeat-x;}
.vubor-kvartiru  .body .right table tr:hover {background:url(img/vubor-kvartiru-tr.png) bottom left repeat-x;}
.vubor-kvartiru  .body .right table tr td {text-align:center; vertical-align:middle;
 background: url(img/razdel-line.png) bottom left repeat-x; font-size:16px; height:35px;}
.vubor-kvartiru  .body .right table tr td+td+td+td {background:url(img/vubor-kvartiru-35.png) bottom right no-repeat;}
.vubor-kvartiru  .body .right table tr td+td+td+td:hover {background:url(img/vubor-kvartiru-35.png) top right no-repeat;}

.vubor-kvartiru .podrobno {background: url(img/podrobno.png) top left no-repeat; height:26px; text-indent:-3000px; margin:20px 0px 10px 560px;}
.vubor-kvartiru .podrobno:hover {background: url(img/podrobno.png) bottom left no-repeat;}
.vubor-kvartiru  .line {width:660px; margin-left:20px;}



/* footer */
.footer {width:100%; margin:0 auto; position:relative; font-family: "Trebuchet MS", "Helvetica CY", sans-serif;}
.foot-center {width:950px; padding:0px 20px 0px 20px;  margin:0 auto; min-height:100%; position:relative; background: url(img/footer-line.png) bottom left repeat-x;}
.footer-b {width:100%; height:394px; position: absolute; top:-394px; left:0;}

.footer-tel {width:230px; height:101px; color:#1e2c2b;
position: absolute; bottom:20px; left:20px; z-index:20; background: url(img/footer-tel.png) top left no-repeat;}
.footer-tel  p.left {float:left; padding:10px 0px 0px 10px;}
.footer-tel  p.left-email {padding-top:0px;}
.footer-tel  p.tel {float:left; padding:10px 20px 0px 30px;}
.footer-tel  p.email {float:left; padding:0px 20px 0px 20px;}

.footer-menu-line {width:600px; height:30px; position: absolute; bottom:125px; right:20px; z-index:20;}
.footer-menu-line ul {list-style: none; margin: 0; padding: 30px 10px 10px;}
.footer-menu-line ul li{float: left; margin: 0; padding: 0 20px; background: url(img/menu-niz-razdel.png) top right no-repeat;}
.footer-menu-line ul li.long {width:80px;} 

.footer-big-plan  {width:950px; height:189px; position: absolute; z-index:30; top:50px; left:10px; background: url(img/ollhouse2.png) top left no-repeat; }


.footer-menu-dom , .footer-menu-kvartiru  {width:80px; position: absolute; z-index:30;}
.footer-menu-dom  {bottom:10px; right:470px; }
.footer-menu-kvartiru {bottom:10px; right:350px; }
.footer-menu-dom ul, .footer-menu-kvartiru ul {list-style: none; margin: 0;}
.footer-menu-dom ul li, .footer-menu-kvartiru ul li {margin: 0; padding: 0px 0px 10px 10px; background: url(img/menu-niz-pip.png) top left no-repeat;
padding-left:10px; background-position: 0px 5px;}

.copyright {width:240px; height:42px; position: absolute; top:250px; right:0px; z-index:20;}