@charset "windows-1251";
@import url('reset.css'); 
@import url('typography.css');
body {
background-color: #f8f8f8;
margin: auto;
width: 100%;
}
div#header{ background:url(../img/bg.png) repeat-x; 
height: 90px;
width: 100%;}
div#logo{float: left;
width: 200px;}
div#r_header{ padding-left:200px; height:90px;}

p#action-bar { margin:0px 7px auto auto;
background: url('../img/action-bar-bg.png') no-repeat;
height: 16px;
padding: 3px 14px ;
width: 150px; line-height:14px; font-size:12px;
}
p#action-bar a { text-align:center; color:#FFFFFF;}
p#action-bar hover { color:#003366;}

div#lk {
margin-top:130px;
margin-right:20px;
float:right;
width: 50px;   }

ul#tabs {   
margin-top: 3px;
position: absolute;
right: 10px;
}

ul#tabs li {
background: url('../img/tabs-sprite1.png') no-repeat;
float: left;
height: 50px;
margin-right: 1px;
width:141px;
}


ul#topnav { margin-top:25px; 
 width: 200px;
list-style: none;
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; 
background: url(../img/kn_menu.png) no-repeat ;
}

ul#topnav li {
margin: 0; padding: 0;
}

ul#topnav li a {
padding:5px 15px;
display: block;
color: #000000;
text-decoration: none;
}
ul#topnav li:hover { background: #FF0000; }
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
ul#topnav li span {
      float: left;
      padding: 5px 0;
      position: absolute;

      left: 0; top:40px;
      display: none; /*--Hide by default--*/
      width: 200px;
      background: #9a9ca6;
      color: #000000;
      /*--Bottom right rounded corner--*/
      -moz-border-radius-bottomright: 3px;
      -khtml-border-radius-bottomright: 3px;
      -webkit-border-bottom-right-radius: 3px;
      /*--Bottom left rounded corner--*/
      -moz-border-radius-bottomleft: 3px;
      -khtml-border-radius-bottomleft: 3px;
      -webkit-border-bottom-left-radius: 3px;
      }
      ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
      ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
      ul#topnav li span a:hover {text-decoration: underline;}


ul#tabs li a {
display: block;
height: 100%;
text-indent: -9000px;
width: 100%;
}

ul#tabs li#home {
background-position: 0px 0px;
}

ul#tabs li#home:hover {
background-position: 0px -50px;
}

ul#tabs li#home:active {
background-position: 0px -100px;
}

ul#tabs li#contact {
background-position: -141px 0px;
}

ul#tabs li#contact:hover {
background-position: -141px -50px;
}

ul#tabs li#contact:active {
background-position: -141px -100px;
}

ul#tabs li#insert {
background-position: -282px 0px;
}

ul#tabs li#insert:hover {
background-position: -282px -50px;
}

ul#tabs li#insert:active {
background-position: -282px -100px;
}

ul#tabs li#artikl {
background-position: -423px 0px;
}

ul#tabs li#artikl:hover {
background-position: -423px -50px;
}

ul#tabs li#artikl:active {
background-position: -423px -100px;
}

ul#tabs li#searh {
background-position: -564px 0px;
}

ul#tabs li#searh:hover {
background-position: -564px -50px;
}

ul#tabs li#searh:active {
background-position: -564px -100px;
}

div#left{ float: left; width:250px;  border:2px groove #FF0000; height:auto; }
div#top_meny{
margin-top:10px;
}
div#sr_meny{ background:url(../img/sr_menu.png) repeat-y;}
div#bat_meny{ background-image: url(../img/bat_menu.png) no-repeat;}

div#content{ width: auto; margin-left:250px; }
div#kartinka{ margin-left:254px;  background:url(../img/dom.jpg) no-repeat; background-color:#FFFFFF; height:270px; border-bottom: 2px groove #ffffff;  } 
div#kartinka1{ margin-left:254px;  background:url(../img/kom.jpg) no-repeat; background-color:#FFFFFF; height:270px; border-bottom: 2px groove #ffffff;  }
div#kartinka2{ margin-left:254px;  background:url(../img/zem.jpg) no-repeat; background-color:#FFFFFF; height:270px; border-bottom: 2px groove #ffffff;  }
div#kartinka3{ margin-left:254px;  background:url(../img/kvart.jpg) no-repeat; background-color:#FFFFFF; height:270px; border-bottom: 2px groove #ffffff;  }
div#kartinka4{ margin-left:254px;  background:url(../img/dol.jpg) no-repeat; background-color:#FFFFFF; height:270px; border-bottom: 2px groove #ffffff;  }
div#kartinka5{ margin-left:254px;  background:url(../img/dom.jpg) no-repeat; background-color:#FFFFFF; height:270px; border-bottom: 2px groove #ffffff;  }
div#kartinka6{ margin-left:254px;  background:url(../img/dom.jpg) no-repeat; background-color:#FFFFFF; height:270px; border-bottom: 2px groove #ffffff;  }
div#kartinka7{ margin-left:254px;  background:url(../img/dom.jpg) no-repeat; background-color:#FFFFFF; height:270px; border-bottom: 2px groove #ffffff;  }
div#kartinka8{ margin-left:254px;  background:url(../img/gar.jpg) no-repeat; background-color:#FFFFFF; height:270px; border-bottom: 2px groove #ffffff;  } 


div#top-shadow {margin-left:250px;
background: url('../img/top-shadow.png') repeat-x;
height: 30px;
  width: auto;
 
}

div#text{   margin-top:30px; width:95%;  background-color:#FFFFFF; border: solid #000000 1px; padding-bottom:35px;}

div#textgl{  width:95%; margin-top:30px;  background-color:#FFFFFF; border: solid #000000 1px; padding-bottom:35px;}
div#textgl p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  line-height:15px;}
div#osn_content {   margin-top:30px; width: auto;   }


.mini { margin:15px; float: left; border:solid #aeadc1 2px; }
div#rklm{ margin-top:20px; }

/* post */
.en {margin-top:20px;
	margin-bottom: 40px;
	border: solid 1px #aeadc1; 
	background-color:#FFFFFF;
	width:95%; }
.en .tit h2 {
	padding: 10px 20px 0 20px;
	letter-spacing: 1px;
	font-size:20px; font-weight:normal; color:#000000; text-align:left;   
}
.en .tit p {
	margin: 0;
	padding: 0 0 0 20px;
	line-height: normal;
	color: #999999; font-size:11px;
	 
}
.en .try ul { float:left; text-align:left; padding: 10px 10px 20px 0px; margin-right:10px;
font-size: 18px; font-family: "Times New Roman", Times, serif; color:#000000;  line-height: normal; border-right:#aeadc1 1px solid;  }

.en .lin { clear:both; margin:0px;
	padding: 2px 30px 2px 30px;
	background-color: #999999; height: auto; font-weight:bold; color:#FFFFFF; text-align: center;}

.post_st .entry_st ul { float:left; text-align:left; padding: 10px 10px 20px 10px; margin-right:10px;
font-size: 18px; font-family: "Times New Roman", Times, serif; color:#000000;  line-height: normal; border-right:#aeadc1 1px solid;  }

.price{ background-color: #999999; font-size:18px; color:#FFFFFF; font-weight:bold;}
.previ { font-size:12px; color:#999999;}
.post .entry {
	padding: 20px 10px 20px 0px; background-color:#FFFFFF; border-right: dotted  #aeadc1 2px; border-left:  #aeadc1 solid 1px; 
	height:170px; overflow:auto;
  }
.post .entry p { margin-left:350px;}
.post .links { 
    margin:0px;
	padding: 2px 30px 2px 30px;
	background-color: #999999; height: auto; font-weight:bold; color:#FFFFFF; text-align: center;  
}

.post_st { 
    margin-top:10px;
	margin-bottom: 20px;
	width:95%;
}

.post_st .title_st h2 {
	padding: 10px 30px 0 30px;
	letter-spacing: 1px;
	font-size: 20px; text-align:left; color:#000000; border-top: #aeadc1 solid 1px;
	   
}

.post_st .title_st p {
	margin: 0;
	padding: 0 0 0 30px;
	line-height: normal;
	color: #999999; font-size:11px; }
.post_st .entry_st {
	padding: 10px 20px 20px 30px; 
	height:auto;
  }
.post1 { float: left; width:350px; margin-left:30px; margin-right:-70px; margin-top:5px;  height:180px; padding:5px;  	}
	
.title1{ background:url(../img/ob_top1.png) no-repeat left bottom;}
.entry1{ background:url(../img/ob_body1.png) repeat-y; padding:0px 15px 0px 15px;}	
.links1 { background:url(../img/ob_batton1.png) no-repeat left top;}
.entry1 ul { text-align:left; padding: 10px 10px 5px 0px; margin-right:10px;
font-size: 14px; font-family: Arial, Helvetica, sans-serif; color:#000000;  line-height: normal;  }
.entry1 h2 {
	padding: 0px 5px 0 5px;
    font-size: 16px; font-weight:normal; color:#000000; text-align:left;   
}
.price1{ font-size:16px; color: #CE0000;}
.smol {
	margin: 0;
	padding: 2px;
	line-height: normal;
	color: #000000; font-size:10px;  text-align:left;
}

.mini2 { margin:5px; float: left; border:solid #aeadc1 1px; width:75px; height:75px; }


div#content-bottom-shadow {
background: url(../img/bat-shadow.png) repeat-x;
clear: both;
height: 30px;
width: 100%;
}

div#fyter { background:url(../img/bg_futer.png) repeat-x; border-bottom:2px groove #ffffff; border-top:2px groove #ffffff;
height:50px;
width: auto;  }
div#fyter p {text-align:center;}
div#fyter a {  font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#FFFFFF;  }
div#fyter a:hover {text-decoration: none; color:#F70000;  }
p#footer-text {
background: url('../img/top-shadow.png') repeat-x;
height: 30px; 
padding-top: 15px;
width: auto; font-size:14px;
}

.mini1{border:#dde1e4  solid 2px;  width:180px; height:72px;  }


.dTitle { font-family:Arial, Helvetica, sans-serif; font-size:18px;
	font-weight: normal; color:#FFFFFF;
	margin: 0;
	padding: 5px; background: #999999;
	
}

.linkspan { cursor: pointer; color: #FFFFFF }

.closespan {  font-size: 11px; color: #000000; cursor: pointer; margin:0px 5px auto auto; }

.dTitle1{ background:url(../img/vxod_top.png) no-repeat bottom  left; }
.dTitle2 { background:url(../img/vxod.png) repeat-y ; height: auto; padding:0px 7px 7px 10px;}
.dTitle21 { background:url(../img/vxod.png) repeat-y ; height: auto; padding:0px 7px 7px 10px;}
.dTitle3 { background:url(../img/vxod_bat.png) no-repeat;}
#dialogWindow {

/* Настраиваем внешний вид слоя */

	width: 600px; /* шириша слоя диалогового окна */
	height: 280px; /* высота слоя диалогового окна */
	background-color:#ffffff; /* цвет слоя диалогового окна */
	border: 2px  #FF0000 groove  ; /* рамка слоя диалогового окна*/

/* Позиционируем слой по центру */

	position: absolute; /* устанавливаем абсолютное позиционирование */
	left:35%; /* устанавливаем верхний левый угол слоя по горизонтали по центру страницы */
	top: 120px; /* устанавливаем верхний левый угол слоя по вертикали по центру страницы */
	margin-top: -30px; /* сдвигаем слой вверх на половину высоты слоя */
	margin-left: 0px; /* сдвигаем слой влево на половину ширины слоя */

/* делаем слой невидимым */

	clip: rect(auto 270px auto 270px); /* свойство clip подробно рассмотрим ниже (оно ключевое) */
}

/* заголовок диалогового окна */


/* текст диалогового окна */

.dBody {
	text-align: center;
	margin: 0;
	padding: 10px 5px;
}
div#dialogWindow p { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; line-height:27px;}
.sab_v { background: #FFFFFF url(../img/parol.png) repeat-x; font-size:15px; padding:1px 2px; color:#ffffff; height:24px;}
.sub_k { background: #f70000;  width:160px;   font-size: 18px; font-family: "Times New Roman", Times, serif; font-weight: normal;   color: #ffffff;}


.bar { position: absolute;

padding: 5px; 
right:20px;
width: 400px;
height: auto;
visibility: hidden;
 }
 div#slideshow {
float:left;
padding-right: 5px;
width:40%;
}
 .pstrnav { margin: 5px auto 15px auto; font-family:"Times New Roman", Times, serif; font-size:14px ;}
.pstrnav1 {font-size:22px ;color:#f70000; font-family:"Times New Roman", Times, serif;}
#tabl_rg{ margin: 50px auto auto auto;}
.bar .dTitle2 p { font-size:12px; line-height:10px; text-align:right;}
.bar .dTitle21 p { font-size:12px; line-height:10px; text-align:right;}
#report { margin: 1px auto 5px auto ; background-color: #666666; border: solid 1px  #666666;  width:95%; }
#report img { float:right;}
#report th { background:#7CB8E2 url(../img/header_bkg.png) repeat-x scroll center left; color:#fff; padding:7px 15px; text-align:center; font-family:Arial, Helvetica, Sans-Serif; font-size:16px;}
#report td { background: #ffffff;  none repeat-x scroll center left; color:#000; padding:7px 15px;  }
.td_border { border-top: solid 1px  #666666; }
#report  td:hover {  background: #D7D7D7;}