/* main template styles */
body {
text-align: center;
min-width:1024px;
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
html,body {
height: 100%;
position:relative;
}
.main {
min-height: 100%;
position:relative;
min-width:1024px;

}
div.clear, div.clearMain { clear:both; font-size:0; height:0; margin:0;}
/* left*/
.left { width:353px;  position:absolute; background:url(../images/templates/bg_main_left.png) left top no-repeat; text-align:left; left:0; top:0; bottom:0; z-index: 100;}
.left .logo { width:368px; height:132px; background:url(../images/templates/bg_die_logo.png) top left no-repeat; margin-top:19px; position:relative;z-index: 800;}
.left .logo img { position:absolute; display:block; width:220px; height:61px; left:46px; top:26px;}
.left .menu { position:relative;}
.left .menu ul { list-style:none; margin-top:-9px; margin-bottom:40px; z-index:800; position:relative;width:290px;}
.left .menu ul li { display:block; height:50px; line-height:50px; margin-left:42px; position:relative;}
.left .menu ul li.about { width:243px;}
.left .menu ul li.change { width:226px;}
.left .menu ul li.doc { width:209px;}
.left .menu ul li.contacts, .left .menu ul li.contacts a  { width:192px;}
.left .menu ul li a { color:#FFF; font-size:32px; text-decoration:none; display:block; height:50px; line-height:50px;letter-spacing: -1px; position:relative; }
.left .menu ul li.active, .left .menu ul li:hover { background:url(../images/templates/arrow_main.png) right center no-repeat;}
.left .menu { margin-bottom:40px;}
.left  div.phones { color:#FFF; text-align:center; width:157px; height:235px; margin-left:24px; background:url(../images/templates/bg_office_left.png)  top left no-repeat; padding-top:14px; position:relative;z-index:800;}
.left  div.phones p { margin-bottom:2px;}
.left  div.phones p.phones { margin-bottom:22px; font-size:18px; line-height:18px;}
.left  div.phones a.map_yandex {color:#FFF; display:block; position:absolute; font-size:12px; bottom:-65px; left:40px; width:60px; text-align:left;}
.left  div.phones a.map_yandex:hover {color:#33358D;}


/* right*/
.right { width:510px;  position:absolute; background:url(../images/templates/bg_main_right_new.png) right top no-repeat; right:0; top:0; bottom:0; z-index:180;}
.right .die { width:283px; height:132px; background:url(../images/templates/bg_die_right_top.png) top right no-repeat; position:absolute; top:19px; text-align:center; right:0;}
.right .die p.title { margin-left:10px; margin-top:16px; margin-bottom:12px;}
.right .die p.title span {color:#51924b; font-size:24px; margin:0; display:block; height:20px;}
.right .die p.address {color:#009344; font-size:18px;margin-left:16px; margin-top:34px;line-height:20px;}

.right .txt { width:186px;margin-right:44px; position:relative; margin-top:155px; float:right;}
.right .txt h2 { font-size:24px; color:#FFF; margin-bottom:10px; letter-spacing:-1px;}
.right .txt p{color:#FFF; margin-bottom:8px; font-size:12px;}
.right .txt .news { height:198px; overflow:hidden;}
.right .txt p.date { font-size:11px;}
.right .txt p.title { font-size:14px;}
.right .txt p a {color:#FFF; text-decoration:underline;}
.right .txt p a:hover { text-decoration:none;}
.right .txt div { position:relative;}
.right .txt .gallery { height:198px; }
.right .txt .gallery .pic { padding-top:5px; }
.right .txt .gallery ul { margin-top:4px; width:186px; height:110px; position:relative; overflow:hidden;}
.right .txt .gallery ul li {width:186px; height:110px;}
.right .txt .gallery a.next, .right .txt .gallery a.prev { display:block; width:15px; height:25px; cursor:pointer; position:absolute; top:86px;}
.right .txt .gallery a.next { background:url(../images/templates/arrow_gal_next.png) center center no-repeat; opacity:0.6; right:-22px;}
.right .txt .gallery a.prev { background:url(../images/templates/arrow_gal_prev.png) center center no-repeat; opacity:0.6; left:-22px;}
.right .txt .gallery a.next:hover, .right .txt .gallery a.prev:hover {opacity:1;}
.right .txt .ipoteka p { margin-top:16px;}

.right ul { margin:0; list-style:0;}
.right .copyright { display:block; position:absolute; color:#FFF; bottom:10px; right:20px; font-size:11px; text-align:right;}
.right .copyright img.vk { margin-bottom:5px;}




.footer {height: 0;font-size:0;margin:0;}


/* content center */
.main .content {width:100%; min-height:710px; height:100%; z-index:0; position:relative;}
.main .content #pic_bg { position:fixed; top: 0; left: 0; }
#pic_bg.bgwidth { width: 100%; }
#pic_bg.bgheight {height: 100%; }


a.link1 { display:block; text-decoration:none; width:283px; height:91px; background:url(../images/links/link1.png) left top no-repeat; margin-top:-20px; margin-left:-98px;}
a.link2 { display:block; text-decoration:none; width:321px; height:91px; background:url(../images/links/link2.png) left top no-repeat; margin-top:26px; margin-left:-136px;}
a.link2:hover, a.link1:hover { background-position: left -100px;}

/* footer */
.bottom {color:#7F7F7F; height:80px; position:relative; text-align:left; position:absolute; left:0; bottom:0; right:0; z-index:150;}