#ie6{ text-align: center; background: #ff0; color: #f00; border: 1px solid #f00; padding: 5px 0 }
#map {        height: 500px;      }
body { font-size: 10pt; color: #4d4d4d; background: #f3f3f3 url("../img/body_bg.png"); margin: 0; padding: 0; font-family: Arial;  }
a { outline: none;}

a { color: #006bb7 }
a:hover{ text-decoration: none; }
.clear{ clear: both; }

form .field, form textarea{ width: 50%; display: block; margin-bottom: 10px }
form textarea { height: 120px }

h1{ font-size: 15pt; font-family: Tahoma; font-weight: normal; margin: 0 0 15px 0; color: #990000 }
h2{ font-size: 13pt; font-family: Tahoma; font-weight: normal; margin: 5px 0 10px 0; color: #990000 }
h3{ font-size: 12pt; font-family: Tahoma; font-weight: normal;  margin: 5px 0 10px 0; color: #990000 }
h4{ font-size: 11pt; font-family: Tahoma; font-weight: normal; margin: 5px 0 10px 0 ; color: #990000 }

h1 img{ vertical-align: middle; }

#wrapper{ width: 980px; margin: 0 auto; background: #fff; border-left: 1px solid #b0b0b0; border-right: 1px solid #b0b0b0; position: relative; overflow: hidden;  }


#header{ height: 380px; background: url("../img/header_day.jpg") no-repeat top center }
#header.night{ background: url("../img/header_night.jpg") no-repeat top center }
#header.inner{ height: 380px }
#header .logo{ position: absolute; left: -240px; top: 15px }
#header .home{
	position: absolute;
	left: 696px;
	top: 19px
}
#header .sitemap{
	position: absolute;
	left: 716px;
	top: 19px
}
#header .contacts{
	position: absolute;
	left: 736px;
	top: 19px
}
#header .title{
	position: absolute;
	left: 310px;
	top: 54px;
	overflow: hidden;
	width: 0px
}


#header_view{ padding: 10px 0 }
#header_view .right{ float: right; padding: 20px 40px 0 0}
#header_view .title{ background: #cc0000; color: #fff; font-weight: normal;-moz-border-radius: 5px;border-radius: 5px;  padding: 1px 5px; font-size: 8pt }
#header_view .phone{ margin-top: 5px; font-size: 11pt }
#header_view .phone b{  font-size: 17pt; color: #11538a;font-weight: normal }

#prism_r{
	position: absolute;
	right: 81px;
	top: 75px;
	width: 180px;
	height: 90px;
	overflow: hidden;
}
#prism_left{
	position: absolute;
	left: 51px;
	top: 60px;
	width: 210px;
	height: 116px;
	overflow: hidden;
}
#prism_left .gallery{
	position: absolute;
	left: 51px;
	top: -78px;
	width: 216px;
	height: 202px;
}
#prism_left .gallery div{ position: absolute;left: 0; top: 0;  width: 0px; height: 120px; overflow: hidden;  }
#prism_left .screen{ position: absolute; left: 0; top: 0; width: 160px; height: 120px; background: url("../img/prism_left_day.png") no-repeat; z-index: 30;  }
#prism_left.night .screen{  background: url("../img/prism_left_night.png") no-repeat;  }

#bilboard{ position: absolute; left: 371px;top: 181px; width: 105px; height: 59px;  overflow: hidden;  }
#bilboard .gallery{ position: absolute; left: 0; top: 0; width: 105px; height: 59px; }
#bilboard .screen{ position: absolute; left: 0; top: 0;width: 105px; height: 59px; background: url("../img/bilboard_day.png") no-repeat }
#bilboard.night .screen{ background: url("../img/bilboard_night.png") no-repeat }


#mnr{
	position: absolute;
	background-image:url(../img/u.png);
	left:270px;
	top: 100px;
	width:450px;
	height: 200px;
	overflow: visible;
	
}



#prism_right{
	position: absolute;
	right: 0;
	top: 244px;
	width:176px;
	height: 109px;
	overflow: hidden;
}
#prism_right .gallery{
	position: absolute;
	left: 0;
	top: 110px;
	width:176px;
	height: 109px;
}
#prism_right .gallery div{ position: absolute;left: 0; top: 0;  width: 0px; height: 109px; overflow: hidden;  }
#prism_right .screen{
	position: absolute;
	left: 0;
	top: -2px;
	width:176px;
	height: 109px;
	background: url("../img/prism_right_day.png") no-repeat;
	z-index: 30;
}
#prism_right.night .screen{ background: url("../img/prism_right_night.png") no-repeat;  }

.gallery .hide{ z-index: 20 }
.gallery .show{ z-index: 10 }

#content{ min-height: 230px; background: url("../img/content_bg.png") no-repeat bottom right; padding:0 65px 20px 65px}


#footer{  background: url("../img/footer_bg.png") repeat-x top; font-size: 8pt }
#footer .l{ float: left; width: 350px; min-height: 100px; background: url("../img/sep.png") no-repeat right center; border-bottom: 5px #ff4000 solid }
#footer .l img{ float: left; }
#footer .l .adres{ float: left; margin-left: 20px }
#footer .l a{ display: block; }

#footer .c{ float: left; width: 300px;min-height: 100px; background: url("../img/sep.png") no-repeat right center; border-bottom: 5px #ff4000 solid }
#footer .c .title{ background: #cc0000; color: #fff; font-weight: normal;-moz-border-radius: 5px;border-radius: 5px;  padding: 1px 5px; }
#footer .c .phone{ margin-top: 5px; font-size: 11pt }
#footer .c .phone b{  font-size: 17pt; color: #11538a;font-weight: normal }


#footer .r{ float: right; width: 330px;min-height: 100px; border-bottom: 5px #034ea2 solid }

#footer .in{ padding: 30px 0 0 35px }

#sitemap h1{ font-size: 12pt; padding-left: 0 }
#sitemap h2{ font-size: 10pt;padding-left: 20px  }
#sitemap h3{ font-size: 10pt;padding-left: 40px  }


#YMapsID{ width: 100%; height: 480px }


.more{ -moz-border-radius: 5px;border-radius: 5px; background: #11538a; color: #fff; font-size: 8pt; padding: 1px 5px; text-decoration: none; font-family: Arial; font-style: italic; margin: 10px 0 }


#catalog table.list{ width: 90%; border: none; border-spacing: 0; margin-bottom: 30px  }
#catalog table.list .price{ width: 75px }
#catalog table.list .price_b{ width: 75px; border-right: 1px dashed #ccc }
#catalog table.list .delete{ width: 40px }
#catalog table.list .free{ width: 20px; border-right: 1px dashed #ccc }
#catalog table.list .grp{ width: 20px; border-right: 1px dashed #ccc }
#catalog table.list .select{ width: 20px; border-right: 1px dashed #ccc }
#catalog table.list .gid{ width: 20px; border-right: 1px dashed #ccc }
#catalog table.list .side{ width: 110px; border-right: 1px dashed #ccc }
#catalog table.list .city{ width: 20px; border-right: 1px dashed #ccc }
#catalog table.list .adres{ border-right: 1px dashed #ccc }
#catalog table.list td{ border-bottom: 0px dashed #ccc; padding: 2px 2px; vertical-align: middle; }
#catalog table.list .header{ background: url("../img/menu_bg.png") repeat-x center; color: #fff; }
#catalog table.list .header td{ vertical-align: middle; text-align: center; border-bottom: none; padding: 2px 2px }

#catalog .tab a{ width: 115px; height: 20px; background: url("../img/tab.png") no-repeat; display: block; float: left; text-align: center; color: #555; text-decoration: none; padding-top: 2px }
#catalog .tab a.active{ background: url("../img/tab_a.png") no-repeat; color: #fff }

#catalog .left{ float: left; width: 340px }
#catalog .right{ margin-left: 340px }

#catalog table.info{  border-spacing: 0; border: none ; width: 100%; padding-bottom: 20px; border-bottom: 1px dashed #ccc; margin-bottom: 20px }
#catalog table.info td{  vertical-align: top; }
#catalog .button{ margin-top: 30px   }
#catalog .count{ margin: -10px 0 10px 0 }
#catalog .photo{ width: 320px; height: 240px }

#catalog .letters{ margin:0 0 20px 0 }
#catalog .letters a{ padding: 2px 5px; margin-right: 5px; border: 1px solid #ccc; -moz-border-radius: 5px;border-radius: 5px; }
#catalog .letters a.active{ background: url("../img/menu_bg.png") repeat-x center; color: #fff; text-decoration: none; border-color:  #2E99C9 }
#catalog .letters .sort{ font-size: 8pt; color: #777; margin-bottom: 5px }
#catalog .form i{ color: #990000;  }
#catalog .btn.add{ margin-bottom: 20px }

#catalog div.price{ color: #990000; font-size: 12pt;  }
.price{ font-size: 10pt;  }
#catalog div.price b{ color: #11538A; font-size: 16pt }
#catalog div.price i{ color: #777; font-size: 14pt; font-style: normal; }

#catalog div.free{ color: #990000; font-size: 12pt; margin-bottom: 10px }
#catalog div.free b{ color: #11538A; font-size: 10pt }
#catalog .calendar{ float: left; margin-right: 20px }
#catalog .sum{ text-align: right; margin-bottom: 20px; font-size: 12pt }
#catalog .sum b{ color: #11538A; font-size: 14pt }
#catalog .ar{ text-align: right; width: 165px; padding-right: 20px }

#catalog .labels{ margin-top: 10px }
#catalog .labels img{ vertical-align: middle; }
#catalog .labels .label{ float: left; margin-right: 20px }
#cityMap{ border: 1px solid #C2C2C2; width: 100%; height: 500px  }


.btn{ padding: 4px 5px; background: url("../img/menu_bg.png") repeat-x center; text-decoration: none; color: #fff; border: none; cursor: pointer; }

#news.main{ padding: 20px 65px 0 65px; margin-bottom: 40px; font-size: 10pt }
#news.main table{ border: none; border-spacing: 0; width: 100%; margin-bottom: 10px }
#news.main td{ vertical-align: top; padding: 0 10px 0 0; width: 33%; border: none}
#news.main .title{ display: block; margin-bottom: 5px }
#news.main img{ vertical-align: middle; }
#news .date{ font-family: Georgia; font-style: italic; color: #999999; font-size: 12pt; margin-bottom: 10px  }
#news .date b{ font-weight: normal; color: #990000; }
#news.main .title{ font-size: 10pt; margin-bottom: 5px; display: block; }
#news .title{ font-size: 12pt; margin-bottom: 5px; display: block; }

#news .tab { border-bottom: 1px solid #ccc }
#news .tab a{ width: 94px; height: 20px; background: url("../img/tab.png") no-repeat; display: block; float: left; text-align: center; color: #555; text-decoration: none; padding-top: 2px }
#news .tab a.active{ background: url("../img/tab_a.png") no-repeat; color: #fff }

#news .item{ margin: 20px 0 }


.paginator{ margin: 20px 0 }

#crumbs{ font-size: 8pt; color: #777; position: absolute; top: 355px; left: 30px }
#crumbs a{ color: #777 }


#forms .field, #forms textarea{ width: 50% }
#forms textarea { height: 120px }
#forms .notice{ font-size: 8pt; color: #777 }



#calendar{ border-spacing: 0; border: none; font-size: 10pt }
#calendar td{  border: none; vertical-align: top; padding: 0 4px }
#calendar .day{ font-size: 10pt; color: #777; text-align: right; }
#calendar .year td{ text-align: center; }
#calendar .month td{ padding-bottom: 5px; font-size: 12pt }
#calendar .month .c{ text-align: center; color: #11538A; font-weight: bold; }
#calendar .month .l{ text-align: left; }
#calendar .month .r{ text-align: right; }
#calendar .enable{ color: #006699; }
#calendar .now{ border: 1px solid #777; -moz-border-radius: 5px;border-radius: 5px; }










/* Main menu 
 
#menu
{
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;  
	background: #111;
	background: -moz-linear-gradient(#444, #111); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));	
	background: -webkit-linear-gradient(#444, #111);	
	background: -o-linear-gradient(#444, #111);
	background: -ms-linear-gradient(#444, #111);
	background: linear-gradient(#444, #111);
	-moz-border-radius: 50px;
	border-radius: 50px;
	-moz-box-shadow: 0 2px 1px #9c9c9c;
	-webkit-box-shadow: 0 2px 1px #9c9c9c;
	box-shadow: 0 2px 1px #9c9c9c;
}
*/

#menu
{
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;  
	background: #881F00;
	background: -moz-linear-gradient(#FF3A04, #881F00); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #881F00),color-stop(1, #FF3A04));	
	background: -webkit-linear-gradient(#FF3A04, #881F00);	
	background: -o-linear-gradient(#FF3A04, #881F00);
	background: -ms-linear-gradient(#FF3A04, #881F00);
	background: linear-gradient(#FF3A04, #881F00);
	-moz-border-radius: 50px;
	border-radius: 50px;
	-moz-box-shadow: 0 2px 1px #9c9c9c;
	-webkit-box-shadow: 0 2px 1px #9c9c9c;
	box-shadow: 0 2px 1px #9c9c9c;
}

 
#menu li
{
	float: left;
	padding: 0 0 10px 0;
	position: relative;
	line-height: 0;
}
 
#menu a 
{
	float: left;
	height: 25px;
	padding: 0 25px;
	color: #ddd;
	text-transform: uppercase;
	font: bold 12px/25px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}
 
#menu li:hover > a
{
	color: #fafafa;
}
 
*html #menu li a:hover /* IE6 */
{
	color: #fafafa;
}
 
#menu li:hover > ul
{
	display: block;
}
 
/* Sub-menu */
 
#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;    
    background: #FF3A04;
    background: -moz-linear-gradient(#FF3A04, #881F00);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #881F00),color-stop(1, #FF3A04));
    background: -webkit-linear-gradient(#FF3A04, #881F00);    
    background: -o-linear-gradient(#FF3A04, #881F00);	
    background: -ms-linear-gradient(#FF3A04, #881F00);	
    background: linear-gradient(#FF3A04, #881F00);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 5px;
    border-radius: 5px;
}
 
#menu ul ul
{
  top: 0;
  left: 150px;
}
 
#menu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #881F00, 0 2px 0 #C42C00;
    -webkit-box-shadow: 0 1px 0 #881F00, 0 2px 0 #C42C00;
    box-shadow: 0 1px 0 #881F00, 0 2px 0 #C42C00;
}
 
#menu ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}
 
#menu ul a
{    
    padding: 10px;
	height: 10px;
	width: 160px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
}
 
*html #menu ul a /* IE6 */
{    
	height: 10px;
}
 
*:first-child+html #menu ul a /* IE7 */
{    
	height: 10px;
}
 
#menu ul a:hover
{
    background: #0186ba;
	background: -moz-linear-gradient(#04acec,  #11538A);	
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#1B83D8));
	background: -webkit-linear-gradient(#04acec,  #11538A);
	background: -o-linear-gradient(#04acec,  #11538A);
	background: -ms-linear-gradient(#04acec,  #11538A);
	background: linear-gradient(#04acec,  #11538A);
}
 
#menu ul li:first-child > a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
 
#menu ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}
 
#menu ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}
 
#menu ul li:first-child a:hover:after
{
    border-bottom-color: #04acec; 
}
 
#menu ul ul li:first-child a:hover:after
{
    border-right-color: #04acec; 
    border-bottom-color: transparent; 	
}
 
 
#menu ul li:last-child > a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
 
/* Clear floated elements */
#menu:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
 
* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */



#screenshot{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
}