@CHARSET "Windows-1251";

* {margin: 0; padding: 0;}
html, body {height:100%; text-align: center; background-color: #E6E6E6;}
html {overflow: -moz-scrollbars-vertical;}
body {font: 82% arial, helvetica, sans-serif; color: #666666; font-size: 11px;}
button 	{border:0; background:none; color: #666; padding-bottom: 4px; cursor: pointer; cursor:hand;}
img  	{display: block; border: 0;}
th	 	{font-weight: normal;}
a		{color: #000; text-decoration: none;}
a:hover {color: #063;}

#site {position:absolute; width:100%; height:100%; }
#main 					{margin:auto; text-align:left}

#container {height:100%; width: 918px; min-width: 918px; margin-left:auto; margin-right: auto;}

/* Отладочная информация */
#debug {border: 1px solid red; }

/* Для информационных таблиц  */
td.top    {border-top: 1px solid #999; border-left: 1px solid #999;  border-right: 1px solid #999;
			line-height:19px; background-image: url("/userfiles/Image/common/bkg_table_top.png"); background-repeat: repeat-x;}
td.left,  th.left   {width: 5px; border-left: 1px solid #999; border-bottom: 1px solid #ccc;}
td.right, th.right  {width: 5px; border-right: 1px solid #999; border-bottom: 1px solid #ccc;}
td.bottom {border-bottom: 1px solid #999; border-left: 1px solid #999;  border-right: 1px solid #999; line-height: 2px;}

/* Флеш-Баннер */
#banner {width:916px; height: 185px; margin-left:0; margin-right: auto;}

/* Левая сторона - меню */
#leftside {width: 180px;  height:auto;  float: left; position: relative;}
#midside  {width: 734px;  height:auto;  float: left; margin-left: 2px; position: relative;}

/* Список квартир - бєкгрануд */
.flat_row_over {background-color: #063; color:#fff; cursor: pointer; cursor: hand; }

/* Поиск квартир */
#search_flat {width: 100%; height: 57px; width: 732px; margin-top: 2px;
			  border-width: 1px; border-style:solid; border-color: #ccc #666 #666 #999;
			  background-image: url("/userfiles/Image/common/bkg_search_flat.jpg");  background-repeat: no-repeat; }

#search_align {width: auto; margin-left: auto; margin-right: auto; margin-top: 5px;}
#search_align td {padding-right: 3px; padding-left: 3px;}
#search_align th {text-align: center;}
#search_submit {width: 79px; height: 22px; font-size: 10px; background-image: url("/userfiles/Image/common/search_submit.png");}

#rooms {width: 50px;}
#sq_from, #sq_to {width: 50px;}
#price	{width: 50px}

#search_flats_analog {margin-top: 40px;}
#search_flats_analog a {color:#063;}
#search_flats_analog a:hover {color:#000;}

/* Колонтитул списка квартир */
.colontitul {color: #063; margin-top: 15px;}
a.activep {color: #063; font-weight: bold;}
a.activep:hover {color: #000;}

/* Вход(выход) */
#login  {width: 178px; height: 57px; margin-top: 2px;}
#login  {border-width: 1px; border-style:solid; border-color: #ccc #666 #666 #999;
		 background-image: url("/userfiles/Image/common/bkg_login.jpg"); background-repeat: repeat; }

#login_align {width: auto; margin-left: auto; margin-right: auto; margin-top: 10px;}
#login_align td {position: relative; padding-left: 2px; padding-right: 2px;}
#lg, #pw {width: 60px; margin-bottom: 5px;}
#login_align th {text-align: right;}
#login_submit {width: 22px; height: 22px; background-image: url("/userfiles/Image/common/button_left.png"); margin-bottom: 4px;}

/* Новости */
#hotnews {width: 95%; margin-top: 20px;}
#hotnews td {text-align: left; padding: 5px 10px 0px 10px;}
.news_ptr {float: left; margin-top: 3px; margin-right: 5px;}
a.news_open {color: #063;}
a.news_open:hover {color: #000;}
.newsdate {color: #063;}
a.newslist {font-size: 12px;}

/* Заголовок */
div.header {width: auto; height: auto; margin-top: 10px; margin-left: 10px;
			text-align: left; color: #063; font-weight: bold; font-size: 14px; text-transform:uppercase; }
a.header {color: #063;}
a.header:hover {text-decoration: underline;}

/* Декоротивный бордюр */
#area   {width: 178px; min-height:750px; _height: 750px; margin-top: 63px;
		 border-width: 1px; border-style:solid; border-color: #fff #999 #666 #666;}

/* Меню */
#menu   {position: relative; width: 100%; z-index: 5;}

/* Основное меню */
.mi,.mia	{position:relative; width:178px; height:30px;}
.mi			{background-image: url("/userfiles/Image/common/menu_p.jpg");}
.mia		{background-image: url("/userfiles/Image/common/menu_a.jpg");}
.mi_flash   {position:absolute; top:0px; left:0px; z-index: 0; width:178px; height:30px;}
.mi_arrow 	{position:relative; float:left; z-index:5; width:25px; margin-top:2px; }
.mi_text 	{position:relative; width: 150px; font-size: 12px;
				height:auto; text-align: center;  padding-top: 6px; z-index:5; float:left;}
.mi_event_a,.mi_event_p {position:absolute; top:0px; left:0px; width:178px; height:30px;z-index:10;}

/* Подменю */
#submenu {width: 100%; font-size: 12px; margin-top: 5px; margin-bottom: 5px; }
#submenu td {text-align: left; line-height: 12px;}
td.submenu		{}
td.subitemref 	{width:25px;}
img.menu_ptr	{display: inline; top:2px; _top: 1px; left: 10px; position: relative;}
a.submenu		{color: #063;}
a.active		{color: #063;}

/* Секция */
.section,.section_event_area,.floor_mask {top: 0px; left:0px; width: 250px; height: 350px; margin-top: 0px;}
.section 			{position: relative;}
.section_event_area {position: absolute; z-index:100;}
.floor_mask 		{position: absolute; z-index:2;}
/* Для Оперы */ .floor_mask	{cursor: hand;}
.section_info		{position: relative; width: 250px; height: auto; text-align: center;}

/* План этажа */
.floor_plan, .floor_event_area, .flat_mask {position: absolute; width: 420px; height: 350px;}
.floor_plan		  {top: 0px; left:285px;}
.floor_event_area {position: absolute; top: 0px; left:0px; z-index:100;}
.flat_mask 		  {position: absolute; top: 0px; left:0px; z-index: 10;}
.floor_event_area {cursor: hand;}

/* Контент */
#content {width: 732px; border-width: 1px; border-style:solid; border-color: #ccc #666 #666 #999;
		  background-image: url("/userfiles/Image/common/bkg_content.png");  background-repeat: repeat; }

/* Меню, Новости, Логин */
#selector {width: 178px; background-color: #fff;}

#content, #selector {_height:650px; min-height: 650px;
					 margin-top: 2px; border-width: 1px; border-style:solid; border-color: #ccc #666 #666 #999;}

/* Вывод основного контента */
#output {position:relative; width: auto; height: auto; margin:10px; text-align: justify;}
#output_header  {position:relative; width: auto; height: auto;}

#content_text {padding-left: 20px; padding-right: 20px; font-size: 12px;}

/* Информация плана этажа */
.floor_plan_info  {position: absolute; top: 355px; left:300px; width: 390px; height: auto;}
.floor_plan_info  {text-align: center;}
.floor_plan_info th {border-bottom: 1px solid #999;	line-height:15px;
					 background-image: url("/userfiles/Image/common/bkg_table_th.png"); 	background-repeat: repeat-x;}
.floor_plan_info th.nom		{width: 10%; text-align: left;}
.floor_plan_info th.rooms	{width: 10%;}
.floor_plan_info th.sq		{width: 35%;}
.floor_plan_info th.pricem	{width: 25%;}
.floor_plan_info th.pricea	{width: 25%;}
.floor_plan_info td.nom		{border-bottom: 1px solid #ccc;  line-height:16px;	}
.floor_plan_info td.rooms	{border-bottom: 1px solid #ccc;}
.floor_plan_info td.sq		{border-bottom: 1px solid #ccc;}
.floor_plan_info td.pricem	{border-bottom: 1px solid #ccc;}
.floor_plan_info td.pricea	{border-bottom: 1px solid #ccc;}

/* Указатель этажа */
.floor_ref {position: absolute; top: 0px; left:0px; color: #fff; font-size: 10px; text-align: center;
			height: 15px; width: 16px; background-image: url("/userfiles/Image/common/bkg_floor_ref.png"); }

/* Квартира */
.flat 			 {position: relative; width: 350px; height: 350px; margin-top: 15px; float:left;}
.flat_event_area {position: absolute; top: 0px; left:0px; width: 350px; height: 350px; z-index:100;}
.room_mask 		 {position: absolute; top: 0px; left:0px; width: 350px; height: 350px; z-index:10;}
#roze-wind		{position: absolute; top: 60px; left:300px; width: 85px; height: 85px; z-index:102;}
/* Для Оперы */ .room_mask {cursor: hand;}

/* Тур этажа */
.tour_img		 {display: inline;}

/* Информация о квартире */
#flat_info		{width: 100%;}
#flat_info th   {border-bottom: 1px solid #999; text-align:center;
					 line-height:15px; background-image: url("/userfiles/Image/common/bkg_table_th.png");
					 background-repeat: repeat-x;}

.adr,.sec,.flo,.roo,.nm,#flat_info .sq,.h,#flat_info .pricem,#flat_info .pricea,.dend {border-bottom:1px solid #ccc; text-align: center;}
.adr,.sec,.flo,.roo,.nm,#flat_info .sq,.h,#flat_info .pricem,#flat_info .pricea {border-right: 1px solid #ccc;}

.adr {text-align: left;}

/* Информация о комнатах */
#rooms_info_outer {position:relative;  height: 350px; width: auto; overflow: hidden; position: relative;}
#rooms_info_outer[id] {display: table; position: static; height: 350px; width: auto;}

#rooms_info_middle {position: absolute; top: 50%;} /* for explorer only*/
#rooms_info_middle[id] {display: table-cell; vertical-align: middle; position: static;}

#rooms_info {position: relative; top: 0; text-align:center;	margin-left: 70px;} /* for explorer only */
#rooms_info th      {border-bottom: 1px solid #999;
					 line-height:15px; background-image: url("/userfiles/Image/common/bkg_table_th.png");
					 background-repeat: repeat-x;}
#rooms_info td.nom   {border-bottom: 1px solid #ccc; width: 30px; line-height: 15px;}
#rooms_info td.name  {border-bottom: 1px solid #ccc; width: 100px; text-align:left;}
#rooms_info td.name, th.name {text-align:left}
#rooms_info td.size  {border-bottom: 1px solid #ccc; width: 40px; }
#rooms_info td.tour  {border-bottom: 1px solid #ccc; width: 30px;}

/* Указатель комнаты и квартиры */
.roomRef, .flatRef {position: absolute; top: 0px; left: 0px; z-index: 5;}
.flatref_text {color: #fff; font-size: 12px; font-weight: bold;}
.flatref_img {float:left;}

/* Тизер */
#tizers				{position: relative; height: 220px; width: 100%;}
#tizer_floor		{position: relative; margin-top: 25px; margin-left: 30px; width: 242px; height: 201px; float:left;}
#tizer_floor_img	{position: relative; top:0px; left: 0px; width: 242px; height: 201px; z-index: 1; }
#tizer_floor_mask	{position: absolute; top:0px; left: 0px; width: 242px; height: 201px; z-index: 10;}

#tizer_section		{position: relative; margin-top: 35px; margin-left: 10px; width: 130px; height: 183px; float:left;}
#tizer_section_img 	{position: relative; width: 130px; height: 183px; z-index: 1;}
#tizer_section_mask	{position: absolute; top:0px; left: 0px; width: 130px; height: 183px; z-index: 10;}

#tizer_s, #tizer_f {position: relative; margin-top: 35px; margin-left: 20px; width: 150px; height: 180px;}
#tizer_f		   {float: left;}

/* Стрелка между тизерами */
#button_tizers1, #button_tizers2 {poition: relative; float:left; margin-top: 120px; }
#button_tizers1 {margin-left: 10px;}


/* Галерея */
#extgallery   {padding-top: 45px;}
#gallery td{vertical-align: top;}
#preview  {width: 70px;}
#fullview {padding-left: 5px;}
#fullimg  {border: 1px solid #999; width:550px; height: 380px;}
#gsection {padding-left: 5px; font-size: 14px;}
#gsectionpg {padding-left: 5px;}
.previewimg {margin-top: 3px;}
#gsign		{padding-left: 5px; font-size: 14px; color: #063;}
#gsectionpg a, #gpreviewpg a, #gsection a {color: #666;}
#gsectionpg a.activep, #gpreviewpg a.activep {color: #063; text-decoration: underline; font-weight: normal;}
#gsection a.activep {color: #063; font-weight: normal; text-decoration: underline;}
#gsectionpg a:hover, #gpreviewpg a:hover, #gsection a:hover {color: #063;}


/* Проекты - галерея*/
#extprojects {padding-top: 55px;}
#projects {margin-left: auto; margin-right: auto; }
#projects td.text {width:120px; padding-top: 25px; padding-right: 20px; color: #063;
					font-size: 11px; text-align: left; vertical-align: top;}
#projects img {cursor: pointer; cursor: hand; display: inline; border: 1px solid #edeced;}

/* Поле текста предупреждения */
.warning {color: #666; margin-top: 10px; }
#getadobeflash	{display: inline; vertical-align: middle;}
a.warning {text-decoration: underline; color: #063;}
a.warning:hover {text-decoration: underline; color: #999;}

/* Футер */
#footer {height: 1px;}

/*Reclama*/
#recl p {color: red; font-size:18px;  padding:0px 5px 0px 5px; }
#recl a {color: red; font-size:12px; font-weight:bold;  padding:3px 0px 3px 0px; }
#recl a:hover {text-decoration:underline}

#topnews {margin-left:2px; width:705px;  height:155px; }
#topnews td {padding:10px 15px 10px 15px; background:url(/Image/bg.png) top center no-repeat; vertical-align:top; }
#topnews  h1 { font-weight:bold; font-size:12px; margin-bottom:5px; color:#063;}

#detal_1{position:absolute; top:125px; height:15px; width:165px; padding:0px 10px 0 0; text-align:right; }
#detal_1 a {font-weight:bold; color:#666;}
#detal_1 a:hover {color:#063;}

#detal_2{position:absolute; top:125px;left:179px; height:15px; width:165px; padding:0 10px 0 0; text-align:right; }
#detal_2 a {font-weight:bold; color:#666;}
#detal_2 a:hover {color:#063;}

#detal_3{position:absolute; top:125px; left:358px; height:15px; width:161px; padding:0 10px 0 0; text-align:right; }
#detal_3 a {font-weight:bold; color:#666;}
#detal_3 a:hover {color:#063;}

#detal_4{position:absolute;top:125px; left:533px; height:15px; width:162px; padding:0 10px 0 0; text-align:right; }
#detal_4 a {font-weight:bold; color:#666;}
#detal_4 a:hover {color:#063;}