vhtml, body{
  margin: 0px;
  padding: 0px;
  text-align: center;
}

body{
  font-size: 12px;
  color: #10274f;
  font-family: Arial;
  background: #10274F;
}

a img{
  border: none;
}

imag{
  border: none;
}


a:link, a:active, a:visited{
  text-decoration: none;
  color: #10274f;
}

a:hover{
  text-decoration: underline;
 color: #10274F;    
 /* background: #025b88; Öâåò ôîíà ïîä ññûëêîé */ 
/*    color: #10274F;  Öâåò ññûëêè */ 

}


.cl{
  position: relative;
  height: 1px;
  clear: both;
  padding: 0px;
  margin: 0px;
}

p{
  padding: 0px;
  margin: 0px;
  margin-bottom: 4px;
}

#center2 p{
  margin-bottom: 5px;
}


#container{
  position: relative;
  width: 100%;
}

#middle, #header, #footer{
  position: relative;
  width: 100%;
}

#header{
  height: 188px;
  background: url(header_bg.jpg) repeat-y #1f407a;
  color: white;
}

#middle{
  background: url(main_shadow.jpg) top repeat-x #d8e3f0;
  padding: 0px;
  margin: 0px;
  clear: both;
}


#footer{
  height: 70px;
  background: #10274f;
  border-top: 1px solid #b4b5b6;
  color: white;
}

#header a, #footer a{
  color: white;
}

#header_top{
  position: relative;
  height: 168px;
  width: 100%;
  background: url(header_top.jpg) top left no-repeat;
  text-align: right;
  font-size: 5px;
}

#search{
  position: absolute;
  display: none;
  width: 300px;
  height: 25px;
  top: 25px;
  right: 50px;

}


#main_menu{
  position: absolute;
  width: 100%;
font-color: 
  height: 20px;
  background: url(menu_bg.jpg) repeat-x #d40f8d;

}


#phones{
  position: absolute;
  width: 125px;
  height: 45px;
  top: 14px;
  left: 33px;
  background: url(tels.jpg) left no-repeat;
  text-align: right;
  font-size: 11px;
}

#down_menu{
  position: relative;
  height: 20px;
  width: 100%;
  top: 7px;
  right: 10px;
  overflow: auto;
}

#copyright{
  position: absolute;
  width: 300px;
  height: 15px;
  right: 10px;
  bottom: 15px;
  text-align: right;
}

/******* MAIN LAYOTS *******/

#tb_center{
  width: 100%;
  border: 0px;
  text-align: left;
  z-index:5;
}


#left{
  position: relative;
width: 200px;
  height: 100%;
  background: repeat #d8e3f0;
  vertical-align: top;
}

#right{
  position: relative;
height: 100%;
width: 200px;
background: url(left_bg.jpg) top no-repeat #d8e3f0;
  vertical-align: top;
}

#center, #center1-2{
  position: relative;
  width: 100% - 380px;
  background: url(main_shadow.jpg) top repeat-x #fff;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #969696;
  vertical-align: top;
  z-index: 5;
  padding-bottom: 10px;
}

#center1-2{
  background: #10274F;
}


#center2{
  position: relative;
  margin: 0px;
  padding: 10px;
  padding-top: 20px;
  background: url(center_bg.jpg) top left no-repeat;
  vertical-align: top;
  text-align: center;
  z-index: 5;
}

#center3{
  position: relative;
  margin: 0px;
  padding: 10px;
  padding-top: 20px;
  background: #10274F;
  vertical-align: top;
  text-align: center;
  z-index: 5;
  color: #FFF;
}

#center3 a{
  color: white;
}


#right_top{
  position: relative;
  background: url(left_bg.jpg) top repeat-x #FFF;
  padding: 10px;
}

#right_down, #left_down, #left_top{
  position: relative;
  padding: 10px;
}

/****** MENU *******/

.clearfix{
  position: relative;
  list-style: none;
  display: inline;
  margin: 0px auto;
  float: none;
  height: 20px;
  z-index: 10;
}

.clearfix li{
  position: relative;
  display: inline;
  padding: 0px 5px;
  font-size: 12px;
  height: 20px;
}

.clearfix li a{
  font-weight: bold;
  text-decoration: none;
  color: #FFF;
}

.clearfix li a:hover{
  color: #10274F;
  text-decoration: none;
}

#down_menu ul{
  float: right;
}

.clearfix li ul{
  position: absolute;
  width: 150px;
  top: 5px;
  left: 0px;
  display: none;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: #D8E3F0;
  list-style: none;
  padding: 0px;
}

li:hover ul, li.hover ul {
  display: block;
  z-index: 50;
  top: 15px;
}

.clearfix ul li{
  position: relative;
  text-align: left;
  display: block;
  height: auto;
  padding: 2px 5px;
  border-bottom: 1px solid #ccc;
}

.clearfix ul li a{
  display: block;
  color: #10274F;
  background: #D8E3F0;
}


.clearfix ul li a:hover{
  color: #10274F;
}

/***** PRODUCTS *******/

#products{
  position: relative;
  width: 620px;
  margin: 0px auto;
}


.hie{
  position: relative;
  width: 130px;
  height: 190px;
  float: left;
  margin: 10px;
}

.hie_image, .hie_image2{
  position: relative;
  width: 130px;
  height: 120px;
  text-align: center;
}

.hie_image2{
  height: 130px;
  background: url(bg_thumb2.jpg) top no-repeat;
  padding: 5px 0;
}


.hie_name{
  position: relative;
  width: 130px;
  text-align: center;
}

.left_hie{
  position: relative;
  list-style: url(hie_arrow.gif);
}

.left_hie li{
  margin: 10px 0px;
  color: #38519b;
  font-weight: bold;
}

.left_hie li a{
  color: #38519b;
}

.left_hie li a:hover{
  color: #D30F8D;
}

/***** CONTACT FORM *****/

.contactform{
  position: relative;
  width: 510px;
  margin: 0px auto;
}

.vacancyform{
  position: relative;
  width: 220px;
  margin: 0px auto;
}


.required{
  width: 200px;
  margin-bottom: 5px;
  text-align: left;
}

.captcha{
  margin: 10px 0px;
}

/******* PRODUCTS ******/

.prod_row{
  width: 710px;
  position: relative;
  margin: 0px auto;
  clear: both;
  margin-bottom: 20px;
  color: #10274F;
}

.prod_image{
  position: relative;
  float: left;
  width: 180px;
  height: 170px;
  background: url(bg_thumb.jpg) top no-repeat;
}

.prod_right{
  position: relative;
  float: right;
  width: 510px;
  background: #EEEEEE;
  padding: 5px;
  text-align: left;
  border: 1px solid #969696;
}

.prod_name_fields{
  position: relative;
  text-align: left;
  background: #10274F;
  color: White;
  font-weight: bold;
  padding: 4px 0px;
}


.prod_fields{
  position: relative;
  text-align: left;
  border-bottom: 0px solid #cccccc;
  padding: 4px 0px;
}

.prod_fields2{
  position: relative;
  text-align: left;
  border-bottom: 0px solid #cccccc;
  padding: 4px 0px;
  background: #D8E3F0;
}

.prod_fields3{
  position: relative;
  text-align: left;
  border-bottom: 0px solid #cccccc;
  padding: 4px 0px;
  background: #10274F;
  color: white;
}

.prod_prompt{
  position: relative;
  float: left;
  width: 274px;
  font-weight: bold;
  z-index: 100;
  padding: 0px 3px;
}

.prod_value{
  position: relative;
  width: 230px;
  /*float: right;*/
  margin-left: 280px;
}

/******** NEWS ********/

 .news_row{
    position: relative;
    width: 80%;
    margin: 0px auto;
    clear: both;
    background: #d8e3f0;
    color: #10274F;
    text-align: left;
    margin-bottom: 10px;
  }

  .news_tl, .news_dl{
    position: relative;
    width: 100%;
    background: url(corner_lt.jpg) top left no-repeat;
  }

  .news_dl{
    background: url(corner_ld.jpg) bottom left no-repeat;
  }


  .news_tr, .news_dr{
    position: relative;
    width: 100%;
    background: url(corner_rt.jpg) top right no-repeat;
  }

  .news_dr{
    background: url(corner_rd.jpg) bottom right no-repeat;
  }

  .news_main_text{
    padding: 10px 10px;
  }

  .news_main_text .NewsSummaryPostdate{
    font-weight: bold;
    color: #a9a9a9;
  }

  .news_main_text .NewsSummaryLink a{
    font-weight: bold;
    color: #10274f;
  }

  #center3 .news_main_text a{
    color: #10274f;
  }


.NewsSummary{
  margin-bottom: 10px;
}