@import url(wysiwyg.css);
body{background: #404040 url(../di/body_bg.gif) repeat-x; padding-top: 10px;}

A:link {color: #1462AA}
A:visited {color: #888}
A:active {color: #000000}
A:hover {color: #ff6600}

#page{width: 995px; margin-top: 10px;  padding: 0px;}
.nav{position: absolute; left: 957px; display: block; width: 16px; height: 16px; text-decoration: none;}
#home{top: 155px; background: url(../di/home.gif) no-repeat;}
#home:hover{background: url(../di/home_hover.gif) no-repeat;}
#map{top: 200px; background: url(../di/map.gif) no-repeat;}
#map:hover{background: url(../di/map_hover.gif) no-repeat;}
#mail{top: 245px; background: url(../di/mail.gif) no-repeat;}
#mail:hover{background: url(../di/mail_hover.gif) no-repeat;}
.corners-22 #dop_em.tl, .corners-22 #dop_em.tr{ width: 44px; height: 40px; background: url(../di/top_corners-22.gif);}
.corners-22 #dop_em.tl { left: -22px; top: -20px; } .corners-22 #dop_em.tr { right: -22px;    top: -20px; } 
.corners-24 #dop_em.bl, .corners-24 #dop_em.br { width: 48px; height: 48px; background: url(../di/bot_corners-24.gif); }
.corners-24 #dop_em.bl { left: -24px; bottom: -24px; } .corners-24 #dop_em.br { right: -24px; bottom: -24px; }

#my_header{position: relative;}
#uslugi{position: absolute; top: 13px; left: 462px; width: 70px; color: #fcfcfd; font: 12px/15px Arial, sans-serif; letter-spacing: 1px;}
#logo { position: absolute; top: 20px; left: 15px; width: 244px;  height: 98px;}
#logo h2{position: absolute;  bottom: 0; right: 0px; font: 11px Arial, sans-serif; letter-spacing: 1px; color: #000; padding: 0; margin: 0;}
#logo h1{padding: 0; margin: 0;}
#logo h1 a { width: 244px; height: 83px; background: url(../di/logo.gif);}


#main_menu{background: url("../di/menu_bg.gif") repeat-x; overflow: hidden; position: relative;}
#main_menu a#dorsm{position: absolute; top: 37px; left: 75px; color:#3477e1; font: 17px Tahoma, sans-serif; text-decoration: none; }
#main_menu .menu-h{margin-left: 281px; border-left: 6px solid #fff; height: 90px;}
 #main_menu .menu-h li {padding: 0; border-right: none; background: url("../di/menu_a_separator.gif") no-repeat;}
#main_menu .menu-h a{width: 80px; color: #fca205;  font: small-caps 13px "Lucida Sans Unicode","MS Sans Serif", Tahoma, Geneva, sans-serif;  padding: 39px 10px 39px 10px; text-align: center;}
#main_menu .menu-h a:hover, #main_menu .menu-h li.current a{text-decoration: none; color: #3477e1; }
#main_menu .menu-h a b{text-align: left;}

.line{background: #1C1C1C; height: 6px; margin: 10px 7px 0px 297px; position: relative; top: 6px;}
.line div{background: #FCA205; height: 6px; width: 246px;}

.content_tbl{width: 100%; table-layout: fixed;}

#menu_td{width: 281px; padding: 0px; vertical-align: top; border: none; padding-bottom: 40px;}

fieldset{font-size: 11px;}
#menu_td ul{margin-left: 0px;}
#menu_td li{list-style-image: url(../di/arrow1.gif); margin:4px 3px 4px 15px;}
#menu_td li a{color: #2472BA; font-weight: bold; font-size: 11px;}
#menu_td a, #menu_td a:visited{color: #2472BA;  font-size: 11px;}
#menu_td a:hover{color: #ff9d02;}
#menu_td a.cur{color: #ff9d02;}

#menu_td .dtree a.nodeSel {	background-color: #6062FE; font-weight: bold;color: #ffffff;}
#menu_td li li a{color: #2472BA; font-weight: 400; font-size: 11px;}
#news_arhive{float: right; font: small-caps 11px  Arial, sans-serif; color: #fb0d01; text-decoration: underline;}


#content{vertical-align: top; padding: 0px 15px 10px 15px; border: none;  margin-left: 0px;}
#content h1{color: #4194FE; letter-spacing: 2px; font-size: 24px; padding: 15px 0px; font-weight: bold;}
.content_tbl h2{color: #ff9d02; font: 16px "Arial Black"; padding: 0px; margin: 0px 0px 10px 0px;}
#content p{text-align: justify;}
#mite{font-size: 10px; margin: 6px 45px 4px 0px;}
#mite img{position: relative; top: 3px;}
#mite a{color: black; font-size: 10px;}
#mite a:hover{color: #ff6600;}
#div_news hr, #search_hr{height: 1px; border: 1px dashed #666; margin: 5px 0px;}

#right_td{vertical-align: top; width: 220px;  border: none; padding-right: 7px;}
h1.info{background: #363636 url(../di/info_block_h1_bg.gif) repeat-x; padding:20px 0px 20px 30px; margin: 0px 0px 5px 0px; color: #FCA205; font:  18px  Arial, sans-serif; letter-spacing: 1px; position: relative;}
.ugolok{position: relative;}
.ugolok img{position: absolute; left: 19px; top: -6px;}
div.spec_ofer_div{background:  #FCA205; color: #232222;}
.spec_ofer_div_item { background-image: url(../di/arrow.png); background-position: left 3px; font-weight: bold; margin-top: 10px;}
.spec_ofer_div_item span{font-weight: 400;}

#copy{color: #232222; font-weight: bold; font: 12px 'Lucida Console', 'Monaco', monospace; padding: 20px 20px 25px 20px; position: relative;}
#copy span{color: #6b8a9d;}
#design{color: #ccc; text-decoration: none;}
#design:hover{color: #666; text-decoration: underline;}




#postForm { font-size:12px;}
#postForm fieldset { width:400px; }
#postForm legend { font: bold 10pt Arial, sans-serif; color: #0453c1;}
#postForm label {
  float:left; /* подписи к полям сдвигаются влево */
  position: relative;
  top: 3px;
  width: 150px; /* ширина колонки подписей */
  margin-right:5px; /* отступ до поля ввода */
  text-align:right;
   color: #0453c1; 
}
#postForm input, #postForm select, #postForm textarea {
  margin:0 0 0.5em 0.2em;
  width:220px;; /* ширина полей формы */
  padding:0;
  /* делаем одинаковый шрифт для input, select, textarea */
  font-family: Verdana, sans-serif;
  font-size:12px;
}
#postForm .noresize {
  width:auto; /* для кнопок, переключателей */
}

.form_error{color: #FF0000; white-space: nowrap;}

.r {clear: both; float: right; border: #eeeeee 2px outset; margin: 0px 10px 30px 20px;}

.price {border-collapse: separate;}
.price td, .price th{border: none; margin: 2px;}
.content th{font-size: 11px; padding: 3px 3px; text-align: left; color: #fff; background: #888;}		
td.param-name, .par-name {	padding-right: 10px; padding-left: 10px; font-size: 11px; background: #eee; padding-bottom: 3px; vertical-align: top; padding-top: 3px; text-align: left}
td.param-name2, .par-name2 {padding-right: 10px; padding-left: 20px; font-size: 11px; background: #ddd; padding-bottom: 3px; vertical-align: top; padding-top: 3px; text-align: left}
td.param-value, .par-val {padding-right: 10px; padding-left: 10px; font-size: 11px; background: #ccc; padding-bottom: 3px; vertical-align: top; padding-top: 3px; text-align: right}
.param-text {background-color: #FFFFFF;}
.btext {font-weight: bold; color: #000099;}

#count_div{position: absolute; left: -10px;}
#adres{text-align: center; color: #ccc; margin-bottom: 5px;}
#counter {position: absolute; top: -30px; left: 20px;} 
#for_print{float: right; top: 10px; position: relative; margin-left: 10px;}

#top_adres{ margin: 7px 10px 0 10px; font: 12px "Arial", sans-serif;}
#top_adres img{ position: relative; top: 3px; margin-right: 5px;}
#top_adres span{ font: 13px "Arial Black", sans-serif; margin-right: 145px; color: #232323;}

.roundtop { 
	background: url(../di/tr.gif) no-repeat top right; position: absolute; left:0px; top: 0px;width: 100%;
}

.roundbottom {
	background: url(../di/br.gif) no-repeat top right; 
}

img.corner {
   width: 22px;
   height: 20px;
   border: none;
   display: block !important;
}

img.corner24 {
   width: 24px;
   height: 24px;
   border: none;
   display: block !important;
}
