/* main template styles */
body {
text-align: center;
min-width:1200px;
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:1200px;
background:url(../images/templates/bg_sky.png) top right no-repeat;
}

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;}
.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.png) right top no-repeat; right:0; top:0; bottom:0; }
.right.nobg { background:none; text-align:right;}
.right.nobg img.home {width:auto; height:100%; min-height:100%; display:block; position:absolute; top:0; bottom:0; right:0;z-index:1;}
.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; z-index:810;}
.right.nobg  .die { background-image:url(../images/templates/bg_die_right_top2.png);}
.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 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; z-index:900;}
.right .copyright img.vk, .right.nobg img img.vk{ margin-bottom:5px; width:31px!important; height:31px!important;}
.right.nobg .copyright {color:#888;}
.right.white .copyright {color:#fff;}



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


/* content center */
.main .content {width:100%; min-height:700px; position:relative; margin:0 auto;min-width:1100px;}
.main .content .dbl_menu { height:191px; border-bottom:1px solid #DDF0E2; vertical-align:bottom; position:relative; margin:0;margin-left:289px;}
.main .content.right_block .dbl_menu  { margin-right:110px; margin-left:289px; }
.main .content .dbl_menu.noborder { border:none; height:129px;}

.main .content .dbl_menu .parent {position:relative;display:table; vertical-align: middle;text-align: center; height:191px;}
.main .content .dbl_menu .container {width:100%; display:table-cell;vertical-align:bottom;position:relative;text-align:center;padding-bottom:6px;}
.main .content .dbl_menu .child {display:inline; vertical-align:bottom; width:100%;}

.main .content .dbl_menu ul {float:left; position:relative; z-index:800;}
.main .content .dbl_menu ul li{ display:block; float:left; width:210px; height:25px; line-height:25px; text-align:left; background:url(../images/templates/arrow_dbl_menu_active.png) left center no-repeat; text-indent:16px;}
.main .content .dbl_menu ul li.active { background:url(../images/templates/arrow_dbl_menu.png) left center no-repeat; }
.main .content .dbl_menu ul li a { font-size:14px; color:#464646; text-decoration:none;}
.main .content .dbl_menu ul li a:hover, .main .content .dbl_menu ul li.active a {color:#38a553;}
.main .content .dbl_menu .half {margin-right:120px;position:relative; min-height:20px; margin-left:22px;}


.main .content .main_content { margin:18px 40px 0 315px; text-align:left; position:relative; }
.main .content.right_block .main_content { margin-right:290px;}
.main .content .main_content h1 { color:#2e3490; font-size:48px; margin-bottom:20px;}
.main .content .main_content h1.small { font-size:48px; margin-bottom:2px; line-height:40px; margin-top:-5px;}
.main .content .main_content p { margin-bottom:18px;color:#181818; font-size:14px;width:95%;}
.main .content .main_content p.title { font-size:16px; color:#38a553;}
.main .content .main_content p.big {font-size:16px;}


.main .content .main_content div.images { position:relative; margin-top:50px; height:auto;float:left; margin-left:-15px; width:594px;}
.main .content .main_content div.images p { font-size:12px; margin:3px 35px 10px 3px;}
.main .content .main_content div.images div { width:166px; float:left; margin-left:-20px; position:relative; }
.main .content .main_content div.images div p { width: 130px;}
.main .content .main_content div.images span.lupa { display:block; background:url(../images/templates/lupa.png) center center no-repeat; width:30px; height:30px; position:absolute; right:25px; top:73px;}

.main .content .main_content div.document { float: left; margin-right: 20px;width:250px; position: relative; z-index: 100;}
.main .content .main_content h2 { margin-bottom:10px; font-size:16px;}
.main .content .main_content .icon { margin-bottom:15px;}
.main .content .main_content .icon.pdf,div.icon.pdf { background:url(../images/templates/icon_pdf.png) left top no-repeat; padding-left:38px;  font-size:12px; }
.main .content .main_content .icon.doc { background:url(../images/templates/icon_doc.png) left top no-repeat; padding-left:38px;  font-size:12px; }
.main .content .main_content .icon.xls { background:url(../images/templates/icon_xls.png) left top no-repeat; padding-left:38px;  font-size:12px; }
.main .content .main_content .icon.jpg { background:url(../images/templates/icon_jpg.png) left top no-repeat; padding-left:38px;  font-size:12px; }
.main .content .main_content .icon p, div.icon p {color:#888;font-size:11px; margin:0; text-align:left; }
.main .content .main_content .icon a, div.icon a{color:#2e3192;font-size:12px; line-height:16px; }
.main .content .main_content .icon a:hover, div.icon a:hover {color:#38a553;}


/* news*/

.main_content .news_item {margin-bottom:30px; position:relative; width:90%; }
.main_content .news_item div.date {height:15px; float:left; width:141px; background:url(../images/templates/arrow_news_blue.png) right center no-repeat; font-size:13px; color:#2e3192;}
.main_content .news_item div.title p a, .main_content .news_item p.title{ text-transform:uppercase; color:#6cb542;}
.main_content .news_item div.title p a:hover {color:#2e3192; }
.main_content .news_item div.desc { clear:both;}
.main_content .news_item div.desc .pic {float:left; width:141px; text-align:right;}
.main_content .news_item div.desc .pic  img { display:block;}
.main_content .news_item div.desc .txt, .main_content .news_item div.title { margin-left:160px;}
.main_content .news_item div.desc .txt p { font-size:12px; color:#111; }

.main_content .num_pages { position:absolute; right:50px; text-align:right; top:32px; z-index:800; }
.main_content .num_pages  a { display:block; display:inline-block; height:15px; line-height:15px; font-size:12px; margin:0 15px;}
.main_content .num_pages  a.last { width:26px; height:15px; display:inline-block; background:url(../images/templates/arrow_news_blue.png) right center no-repeat; vertical-align:text-bottom; margin-left:0;}
.main_content .num_pages  a.first { width:26px; height:15px; display:inline-block;background:url(../images/templates/arrow_news_blue_prev.png) right center no-repeat;vertical-align:text-bottom; margin-right:0;}
.main_content .num_pages  a.prev, .main_content .num_pages  span.prev{color:#a1a1a1;}
.main_content .num_pages  a.next, .main_content .num_pages  span.next {color:#0c9444;}
.main_content .num_pages  a.current,.main_content .num_pages  a:hover {color:#2e3192; text-decoration:none;}
.main_content .num_pages a.all_news { display:block; width:110px; height:15px; text-align:left; background:url(../images/templates/arrow_news_blue.png) right center no-repeat; color:#34368d;}
.main_content .num_pages a.all_news:hover {color:#6cb542;}

.main_content p.date { color:#2e3192!important; background:none; font-size:14px;}
.main_content .news_item img.float_pic { display:block; float:left; margin:0 20px 20px 0;}
.main_content .news_item div.float_pic { display:block; float:left; margin:0 20px 20px 0;}
.main_content .news_item div.float_pic img { margin-bottom: 10px;}

.place_map { position:absolute; left:50%; margin-left:-450px; top:270px; width:693px; bottom:0; overflow:hidden;}
.main .content .main_content .right_podpis {width:270px; background-color:#fff; text-align:center; float:right; margin-bottom:65px; margin-right:-40px; z-index:800; margin-top:-20px; }
.main .content .main_content .right_podpis p {color:#2e3192; font-size:12px;}
.main .content .main_content .right_podpis a {color:#38a553; text-decoration:underline;}
.main .content .main_content .right_podpis a:hover {color:#2e3192; text-decoration:none;}
.main .content .main_content .right_podpis img.per { margin-top:20px;}


.main .content .main_content img.th { margin-right:10px;}

.main .content .main_content .map_pic { float:left; margin-left:-195px; margin-right:20px;}
/*.main .content .main_content .map_text { float:right; width:260px; text-align:left;}*/
.main .content .main_content .map_text { float:left; width:260px; text-align:left;}
.main .content .main_content .map_text p { margin-left:15px; margin-right:15px;}
.main .content .main_content .map_text span.blue {color:#2e3192;}
.main .content .main_content .map_text p.ya a {color:#38a553; font-size:12px;}
.main .content .main_content .map_text p.ya a:hover {color:#2e3192; text-decoration:none;}




.main .content .main_content p.title_gal {color:#2e3291; font-size:12px; margin:10px 0;}
.main .content .main_content .pic_month { position:relative;width:630px; }
.main .content .main_content .gallery ul { list-style:none; width:630px; overflow:hidden;}
.main .content .main_content .gallery ul li { display:block; float:left; width:200px; height:150px; margin-right:10px;}
.main .content .main_content .pic_month a.left_link, .main .content .main_content .pic_month a.right_link { display:block; height:20px; width:15px; cursor:pointer; position:absolute; top:90px; z-index:500;}
.main .content .main_content .pic_month a.left_link { background:url(../images/templates/gal_left.png) left center no-repeat; left:-15px;}
.main .content .main_content .pic_month a.right_link { background:url(../images/templates/gal_right.png) right center no-repeat; right:-5px;}


.main .content .main_content div.table { width:460px; float:left; z-index:800;}
.main .content .main_content .links_flat { width:460px; z-index:850; margin-bottom: 20px;}
.main .content .main_content .links_flat a { margin:0 6px; font-size:14px; color:#181818; cursor:pointer; text-decoration:underline;}
.main .content .main_content .links_flat a.first { margin-left:0; margin-right:26px;}
.main .content .main_content .links_flat a.active, .main .content .main_content .links_flat a:hover{color:#38a553; text-decoration:none;}
.main .content .main_content table.flats th { background:url(../images/templates/bg_table_th.png) top left repeat-x; border-bottom:1px solid #90B799; color:#FFF; font-size:11px; font-weight:normal; text-shadow: 0px -1px 2px rgba(0, 0, 0, 0.5); vertical-align:top; text-align:center; padding-top:5px; padding-bottom:5px;}

.main .content .main_content table.flats,.main .content .main_content table.flats td { border-collapse:collapse;}
.main .content .main_content table.flats tr { border-bottom:1px solid #D9D9D9; height:29px; }
.main .content .main_content table.flats tr.sort { height:19px;background:url(../images/templates/bg_table_sort.png) top left repeat-x;}
.main .content .main_content table.flats tr.sort th {background:url(../images/templates/bg_table_sort.png) top left repeat-x;}
.main .content .main_content table.flats tr td { text-align:center; color:#464646; font-size:12px;}
.main .content .main_content table.flats tr td a {color:#38a553; text-decoration:none;}
.main .content .main_content table.flats tr td a:hover {color:#2e3490; text-decoration:underline;}
.main .content .main_content table.flats tr { background:url(../images/templates/bg_table_td.png) top left repeat-x;}
.main .content .main_content table.flats tr:hover { background:url(../images/templates/bg_table_hover.png) top left repeat-x;}
.main .content .main_content table.flats tr.sort:hover {background:url(../images/templates/bg_table_sort.png) top left repeat-x;}

.main .content .main_content table.flats tr.sort th.header {background: url(../images/templates/ar_grey.png) center center no-repeat; cursor: pointer;}
.main .content .main_content table.flats tr.sort th.headerSortUp {  background: url(../images/templates/ar_t.png) center center no-repeat #D3DED6;}
.main .content .main_content table.flats tr.sort th.headerSortDown {  background: url(../images/templates/ar_b.png) center center no-repeat #D3DED6;}
.main .content .main_content table.flats tr.sort th { background-repeat: no-repeat;}



#floor {position:relative; height:590px; width:880px;}
#floor img { display:block; position:relative;}
#floor .icon {position:absolute;	top:165px;	left:30px;	height:38px;	width: 216px;}
#floor .icon.floor {top:535px;}
#floor .opis {	position:absolute;	top:80px;	left:30px;}
#floor .opis p { font-size:14px; color: #181818; text-align: left;}
#floor .opis p span {color:#51934b;}
#floor .etag {	position:absolute;	top:370px;	left:30px; height: 29px;}
#floor .etag a { display: block; width:118px; height: 29px; line-height: 29px; background: url(../images/templates/green_icon.png) right center no-repeat; font-size: 14px;color:#2e3192; text-align:left;}
#floor .etag a:hover {color:#38a553;}
#floor .close_btn { display:block; background:url(../images/templates/close_green.png) center center no-repeat; width:29px; height:29px; cursor:pointer; position:absolute; top:0; right:0;}
#floor h1 {color:#2e3490; font-size:36px; position: absolute; left: 30px; top: 25px;}
#floor div.digit { width: 86px; height: 48px; position: absolute; background: #fff;	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px; }
#floor div.digit:hover { background:#C8E8B6 ;}
#floor div.digit.pos1 {top:355px; left: 185px;}
#floor div.digit.pos2 {top:188px; left: 90px;}
#floor div.digit.pos3 {top:188px; left: 278px;}
#floor div.digit.pos4 {top:188px; left: 444px;}
#floor div.digit.pos5 {top:188px; left: 567px;}
#floor div.digit.pos6 {top:188px; left: 706px;}
#floor div.digit.pos7 {top:355px; left: 732px;}
#floor div.digit.pos8, #floor.high div.digit.pos7{top:355px; left: 583px;}
#floor.high div.digit.pos6{top:255px; left: 720px;}
#floor div.digit p { margin-top:5px; font-size: 16px;}
#floor div.digit.grey, #floor div.digit.grey:hover{ background: #C0C0C0;}
#floor div.digit.grey p { line-height: 48px; margin: 0;}
#floor div.digit p.small { font-size: 12px; margin-top: 1px;}
#floor div.digit a { display:block; position: absolute; left:0; top:0; right:0; bottom:0; cursor: pointer;}

/* footer */
.bottom {color:#7F7F7F; height:80px; position:relative; text-align:left; position:absolute; left:0; bottom:0; right:0; z-index:950;}
.content .flat_s {float:right; margin:0;}
table.flats { z-index:800;}
/*table.flats tbody {  overflow:auto; margin:0; width:395px;position: relative;}
#sort_table tbody { display: block;max-height:405px;height:405px;}
*/
table.flats thead {
            width: 450px;
         /* display: block;
		   overflow: hidden;
           position: relative;
           border-bottom: none;
		   */
        }
.place_table { position:relative; width:10px;  float:left; }
.place_table .table { position:relative; left:0; top:0; width:450px;}
.scroll-pane {
	    width: 410px; /* Ширина видимой области*/
	    height: 405px; /* Высота видимой области*/
	    overflow: auto; /* Если отключены скрипты это правило позволит отобразить обычный скролл */
		margin-bottom:20px;
	}
.home_flat { margin-bottom:15px; position:relative; float:right;}
.home_flat .floors { position:absolute; left:98px; top:96px; width:18px; text-align:center; z-index:800;}
.home_flat .floors img { position:relative; z-index:10;}
.home_flat .floors a {
	display:block;
	position:relative;
	width:18px;
	height:19px;
	cursor:pointer;
	color:#666;
	line-height:19px;
}
.home_flat .floors a:hover, .home_flat .floors a.active{color:#000; }
/*.home_flat .floors a.active { font-weight:bold;}*/
.home_flat #hover { position:absolute; left:93px; z-index:50; background-position:left top; background-repeat:no-repeat; width:351px; top:0; cursor:pointer;}
.home_flat .floors a {text-decoration:none;}
.home_flat #hover.floor1 { background-image:url(../images/content/floor/1.png); top:559px; height:48px;}
.home_flat #hover.floor2 { background-image:url(../images/content/floor/2.png); top:532px; height:44px;}
.home_flat #hover.floor3 { background-image:url(../images/content/floor/3.png); top:513px; height:41px;}
.home_flat #hover.floor4 { background-image:url(../images/content/floor/4.png); top:494px; height:39px;}
.home_flat #hover.floor5 { background-image:url(../images/content/floor/5.png); top:475px; height:36px;}
.home_flat #hover.floor6 { background-image:url(../images/content/floor/6.png); top:456px; height:33px;}
.home_flat #hover.floor7 { background-image:url(../images/content/floor/7.png); top:437px; height:30px;}
.home_flat #hover.floor8 { background-image:url(../images/content/floor/8.png); top:418px; height:28px;}
.home_flat #hover.floor9 { background-image:url(../images/content/floor/9.png); top:399px; height:25px;}
.home_flat #hover.floor10 { background-image:url(../images/content/floor/10.png); top:379px; height:23px;}
.home_flat #hover.floor11 { background-image:url(../images/content/floor/11.png); top:357px; height:24px;}
.home_flat #hover.floor12 { background-image:url(../images/content/floor/12.png); top:335px; height:27px;}
.home_flat #hover.floor13 { background-image:url(../images/content/floor/13.png); top:313px; height:30px;}
.home_flat #hover.floor14 { background-image:url(../images/content/floor/14.png); top:292px; height:32px;}
.home_flat #hover.floor15 { background-image:url(../images/content/floor/15.png); top:270px; height:35px;}
.home_flat #hover.floor16 { background-image:url(../images/content/floor/16.png); top:248px; height:38px;}
.home_flat #hover.floor17 { background-image:url(../images/content/floor/17.png); top:226px; height:41px;}
.home_flat #hover.floor18 { background-image:url(../images/content/floor/18.png); top:204px; height:44px;}
.home_flat #hover.floor19 { background-image:url(../images/content/floor/19.png); top:182px; height:47px;}
.home_flat #hover.floor20 { background-image:url(../images/content/floor/20.png); top:161px; height:49px;}
.home_flat #hover.floor21 { background-image:url(../images/content/floor/21.png); top:139px; height:52px;}
.home_flat #hover.floor22 { background-image:url(../images/content/floor/22.png); top:117px; height:55px;}
.home_flat #hover.floor23 { background-image:url(../images/content/floor/23.png); top:95px; height:58px;}
.home_flat #hover.floor24 { background-image:url(../images/content/floor/24.png); top:74px; height:60px;}
.home_flat #hover.floor25 { background-image:url(../images/content/floor/25.png); top:52px; height:63px;}

.home_flat #hover a { display:block; cursor:pointer; position:absolute; top:0; left:0; right:0; bottom:0;}