body {background-color: #e4b9af; margin: 0;}

#top_space {background-image: url("/bitrix/templates/iase/images/index_01.jpg"); text-align: center; font-family: Tahoma; font-size: 10px; color: #FFFFFF;}

#slogan {position: relative; font-family: Impact; font-size: 17pt; color: #8f2d34; text-transform: uppercase; margin-left: 400px; margin-top: 40px; display: block; float: left;}

#slogan a {color: #8f2d34; text-decoration: none;}

#phone {position: relative; margin-left: 780px; height: 60px; margin-top: 15px;}

#code {font-family: Impact; font-size: 9pt; color: #8f2d34;}

#number {font-family: Impact; font-size: 19pt; color: #8f2d34; text-transform: uppercase;}

h2 {font-family: Tahoma; font-size: 11pt; color: #FFFFFF; font-weight: bold; margin: 0 7px 7px 0; text-align: right;}

#razdel {padding: 0 14px 8px 0;}

#razdel span {font: bold 8pt Tahoma; line-height: 14px;}

#razdel span a {color: #8f2d34; text-decoration: none; text-transform: uppercase;}

#content {background-image: url("/bitrix/templates/iase//images/index_09.png"); background-repeat: no-repeat; background-color: #FFFFFF;}

#content h1 {font: normal 18pt Impact; color: #8f2d34; text-transform: uppercase; margin: 5px 10px 0px 0; text-align: right;}

#content hr {height: 5px; color: #8f2d34; background-color: #8f2d34;}

#content ul#menu li {list-style-image: url("/bitrix/templates/iase/images/li.png");}

#content ul#menu li a {font: bold 9pt Tahoma; color: #8f2d34; text-transform: uppercase; line-height: 18pt; text-decoration: none}

#content ul#menu li a:hover {font: bold 9pt Tahoma; color: #8f2d34; text-transform: uppercase; line-height: 18pt; text-decoration: underline}

#news {font: normal 9pt Tahoma; color: #8f2d34; margin: 20px 0 20px 0}

#news div {margin-top: 20px;}

#news div a {font: normal 9pt Tahoma; color: #8f2d34; text-decoration: none;}

#news div span {color: #e4b9af; font-weight: bold;}

#all_news {color: #e4b9af; font-weight: bold;}

#content #text {font: normal 9pt Tahoma; color: #8f2d34; margin: 20px 0 20px 0; text-align: justify;}

#content #text a {font: normal 9pt Tahoma; color: #8f2d34; text-decoration: underline;}

#content #text .status {display: block; padding: 5px 0; clear: both;}

#content #text .status .free {display: block; width: 30px; height: 15px; border-radius: 3px; background-color: #FFF; margin-right: 5px; border: 1px solid #8f2d34; float: left;}

#content #text .status .bron {display: block; width: 30px; height: 15px; border-radius: 3px; background-color: #ffd8cf; margin-right: 5px; border: 1px solid #8f2d34; float: left;}

#content #text .photo {display: block; padding: 10px 0 5px 35px; clear: both; background: url("/bitrix/templates/iase/images/photo.png") left center no-repeat;}

#content #text .flats {margin: 10px 0;}

#content #text .flats th {font: bold 12px Tahoma; color: #FFF; background: #8f2d34; height: 50px;}

#content #text .flats tr.flats_info:hover {background: #ffd8cf;}

#content #text .flats td.hand img:hover {cursor: pointer;}

#content #text .flats td {font: normal 12px Tahoma; color: #8f2d34; height: 30px; text-align: center; border: 1px solid #ffd8cf;}

#content #text .flats tr.flats_info td {border: 0px;}

#content #text .flats td .planbg,
.planbg {display: none; width: 500px; height: 500px; position: fixed; top: 50%; left: 50%; margin: -250px 0 0 -250px; border: 1px solid #8f2d34; border-radius: 20px; background-color: #FFF; cursor: default; z-index: 9999;}

#content #text .flats td .plan_header,
.plan_header {display: block; width: 500px; height: 20px; font: bold 16px Tahoma; color: #8f2d34; text-align: center; margin: 20px 0;}

#content #text .flats td .plan_buy,
.plan_buy {display: block; width: 175px; height: 25px; font: bold 12px Tahoma; color: #8f2d34; margin: 10px 0; padding: 15px 0 0 70px; background: url("/bitrix/templates/iase/images/icon_buy.png") 80px center no-repeat; float: left;}

#content #text .flats td .plan_standbuy,
.plan_standbuy {display: block; width: 185px; height: 25px; font: bold 12px Tahoma; color: #8f2d34; margin: 10px 0; padding: 15px 0 0 60px; background: url("/bitrix/templates/iase/images/icon_standbuy.png") 50px center no-repeat; float: left;}

#content #text .flats td .plan_bron,
.plan_buy {display: block; width: 500px; height: 25px; font: bold 12px Tahoma; color: #8f2d34; margin: 10px 0; padding: 15px 0 0 0; float: left; text-align: center;}

#content #text .flats td .plan_buy span, #content #text .flats td .plan_standbuy span,
.plan_buy span, .plan_standbuy span {cursor: pointer;}

#content #text .flats td .plan_plan,
.plan_plan {display: block; width: 500px; height: 380px; margin-top: 80px; background-repeat: no-repeat; background-size: contain; background-position: center center;}

#content #text .flats td .plan_close,
.plan_close {display: block; position: relative; top: -490px; left: 470px; width: 18px; height: 18px; background:url("/bitrix/templates/iase/images/close_but.png") center center no-repeat;}

#content #text .order_info {
border: 1px solid #cccccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
background: #ffffff !important;
outline: none;
height: 34px;
width: 450px;
color: #888;
font-size: 16px;
padding: 0 10px 0 10px;
}

#content #text .order_info_select {
border: 1px solid #cccccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
background: #ffffff !important;
outline: none;
width: 235px;
color: #888;
font-size: 16px;
padding: 6px 0 6px 5px;
vertical-align: middle;
}


#content #text .authin {
border: 1px solid #cccccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
background: #ffffff !important;
outline: none;
height: 34px;
width: 150px;
color: #888;
font-size: 16px;
padding: 0 10px 0 10px;
}

#content #text textarea {
border: 1px solid #cccccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
background: #ffffff !important;
outline: none;
height: 150px;
width: 450px;
color: #888;
font-size: 16px;
padding: 0 10px 0 10px;
}

.add_button_3 {
display: block;
width: 120px;
height: 32px;
margin: 0;
float: right;
background-color: #8f2d34;
font: normal 14px/30px Tahoma;
color: #FFF;
text-align: center;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

h3 {font: normal 10pt Tahoma; color: #848483; text-decoration: underline; margin-bottom: 5px;}

#bottom_links a {font: normal 10pt Tahoma; color: #848483; text-decoration: none;}

#bottom_links a:hover {font: normal 10pt Tahoma; color: #848483; text-decoration: underline;}

#footer {background-image: url("/bitrix/templates/iase/images/index_18.jpg")}

#footer span {font-family: Tahoma; font-size: 11px; color: #FFFFFF;}

.boxgrid{width: 282px; height: 224px; float:left; overflow: hidden; position: relative; top: -1px;}

.boxgrid img{position: absolute; top: 0; left: 0; border: 0;}
				
.boxgrid img:hover{position: absolute; top: 0; left: 0; border: 0;}
				
.boxgrid div{padding: 5px 0 5px 0; margin-right: 10px; text-align: right;}
				
.boxgrid div a {font: bold 8pt Tahoma; line-height: 14px; color: #8f2d34; text-decoration: none; text-transform: uppercase;}
				
.boxcaption{float: left; position: absolute; background-color: #FFFFFF; height: 100px; width: 100%; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

.captionfull .boxcaption {top: 260px; left: 0;}
.caption .boxcaption {top: 260px; left: 0;}

/*.caption .boxcaption {cursor: pointer; -moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;}
.caption .boxcaption {-webkit-transform: translate(0,230px);
-moz-transform: translate(0,230px);
-o-transform: translate(0,230px); left: 0;}
.caption:hover .boxcaption {-webkit-transform: translate(0,115px);
-moz-transform: translate(0,115px);
-o-transform: translate(0,115px); left: 0;}
*/

/*-----------------------------------------------------------------------------------------------*/
/*                                            TOOLTIP                                            */
/*-----------------------------------------------------------------------------------------------*/

.toolTip { /* This is the hook that the jQuery script will use */
	color: #3366FF;
	cursor: pointer; 
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */

}

.toolTipWrapper { /* The wrapper holds its insides together */
width: 270px;
position: absolute; /* Absolute will make the tooltip float above other content in the page */
z-index: 777;
top: 10px;
margin-left: -20px;
display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
}
	
.toolTipWrapper td {
color: #FFF;
font-weight: bold;
font-size: 9pt; /* A font size is needed to maintain consistancy */
}
	
.toolTipTop { /* Top section of the tooltip */
width: 270px;
height: 30px;
background-image: url("/bitrix/templates/iase/images/bubbleTop.gif");
background-repeat: no-repeat;
}

.toolTipMid { /* Middle section of the tooltip */
padding: 8px 15px;
background-image: url("/bitrix/templates/iase/images/bubbleMid.gif");
background-repeat: repeat-x;
background-color: #d4360a;
}
		
.toolTipBtm { /* Bottom Section of the tooltip */
height: 13px;
background-image: url("/bitrix/templates/iase/images/bubbleBtm.gif");
background-repeat: no-repeat;
}
		

/***** Стили отображения корпуса (шахматка) ****/
.bld-Floor
{
	font-weight: bold;
	font-size: 11px;
	color: #000033;
	text-align: center;
	text-decoration: none;
}
.bld-Section 
{
	font-size: 13px;
	font-weight: bold;
	font-variant: small-caps;
	color: #e47c2b;
}
.bld-SS 
{
	width: 3px;
	background-color: #646464;
}
.bld-Flat
{
	font-weight: bold;
	font-size: 10px;
	color: #000033;
	background-color: #ffd8cf;
	text-align: center;
	text-decoration: none;
}
td.bld-Flat span
{
	font-size: 10px;
	font-weight: bold;
	color: #d4360a;
	text-decoration: none;
	text-align: center;
}