/* CSS Document */

html, body {  height: 100%; min-height: 100%; min-width: 100%; margin: 0px; padding: 0px; position: relative;  width: 100%;
 font-family: Arial, Helvetica, sans-serif;  background-color: #E0EDF5; }
 img { border: 0px}
  a {color: #408FC2;}
 a:hover {color: #FF8A00; }
 h1 { color: #FF8A00;  font-size: 20px; font-weight: bold}
 h2 { color: #FF8A00; font-size: 18px}
.center { height: 100%;  background-color: #FFFFFF; border: 1px solid #408FC2; border-top: 0px; border-bottom: 0px; width: 1000px; text-align: left}

.body { width: 100%}

.top { height: 108px; vertical-align: top}
.logo { float: left}
.logo img { margin-left: 20px; padding-top: 20px;}

.lang { float: left; margin-top: 20px; margin-left: 120px}
.lang a {text-transform: uppercase; font-size: 10px; color: #408FC2; margin: 5px}
.lang a:hover {color: #FF8A00; }
.lang a.active { color: #FF8A00; cursor: default; text-decoration: none;}

.func { margin-top: 15px; background-image: url(/main/img/blue_dot.gif); background-repeat: repeat-x; background-position: 0px 10px; float: right; padding-right: 20px}
.func a {text-transform: uppercase; font-size: 10px; color: #408FC2; margin-right: 10px}
.func a img { border: 2px solid #ffffff}

.menu { background-image: url(/main/img/blue_bg.jpg); height: 59px; background-repeat: no-repeat; text-align: center}
.menu a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #9ED3F5; text-decoration: none; padding: 21px; margin-left: 10px; margin-right: 10px}
.menu a.active { background-image: url(/main/img/orange_bg.jpg); color: #FFFFFF; }
.menu a.active:hover { background-image: url(/main/img/orange_bg.jpg); color: #FFFFFF; cursor: default}
.menu a:hover {color: #FF8A00;}


.middle { padding-top: 30px; width: 200px; vertical-align: top}
.middle table.lt { width: 192px; margin-left: 8px; margin-bottom: 25px}

table.sub { background-image: url(/main/img/sub_md_bg.gif); background-position: right; width: 100%; margin-bottom: 30px}
table.sub  td { background-image: url(/main/img/sub_top_bg.gif); background-repeat: no-repeat; background-position: right top}
table.sub  td .block1 { background-image: url(/main/img/sub_bottom_bg.gif); background-repeat: no-repeat; background-position: right bottom}
table.sub  td .block1 .block { margin-top: 10px; background-image: url(/main/img/round.gif); background-position: -55px -55px; background-repeat: no-repeat}
table.sub  td .block1 .block .line {background-image: url(/main/img/blue_dot.gif); background-repeat: repeat-y; background-position: 10px; padding: 5px 0px 5px 0px; }
table.sub  td .block1 .block .line a { display: block; font-size: 12px; text-decoration: none; line-height: 30px; padding-left: 30px; color: #014b7b; }
table.sub  td .block1 .block .line a:hover { display: block; font-size: 12px; text-decoration: none; line-height: 30px; padding-left: 30px; color: #e45f2e; }
table.sub  td .block1 .block .line a.active {  background-image: url(/main/img/arr.gif); background-position: 2px center; background-repeat: no-repeat; color: #e45f2e; cursor: default}

table.lt  {background-color: #e0edf5; background-image: url(/main/img/lt.gif); background-repeat: no-repeat; }
table.lt  tr td  { background-image: url(/main/img/lb.gif); background-repeat: no-repeat; background-position: left bottom;}
table.lt  tr td .block1 { background-image: url(/main/img/rt.gif); background-repeat: no-repeat; background-position: right top;   }
table.lt  tr td .block1 .block { background-image: url(/main/img/rb.gif); background-repeat: no-repeat; background-position: right bottom; padding: 10px 5px 5px 5px; }
table.lt  tr td .block1 .block .plashka { background-image: url(/main/img/plashka.gif); background-repeat: no-repeat; background-position: right; height: 22px; width: 140px;  margin-left: -14px; position: relative; z-index: 1px; font-size: 11px; text-transform: uppercase; color: #FFFFFF; line-height: 20px; padding-left: 15px}

table.lt  tr td .block1 .block .news {background-image: url(/main/img/news_orange.gif); background-repeat: no-repeat; background-position: left 5px; font-size: 11px;  padding: 17px; padding-top: 2px; margin-left: 10px; color: #4e6472}
table.lt  tr td .block1 .block .news a { color: #014b7b; text-decoration: none;  display: block }
table.lt  tr td .block1 .block .news a:hover { color: #FF8A00; }

table.lt  tr td .block1 .block .news1 {background-image: url(/main/img/news_blue.gif); background-repeat: no-repeat; background-position: left 5px; font-size: 11px;  padding: 17px; padding-top: 2px; margin-left: 10px; color: #FF8A00}
table.lt  tr td .block1 .block .news1 a { color: #014b7b; text-decoration: none; display: block }
table.lt  tr td .block1 .block .news1 a:hover { color: #FF8A00; }


.middle_right { padding-top: 30px; padding-left: 24px}

.text p { font-size: 12px; margin-right: 20px}
.text span { font-size: 12px; color: #4e6472}
.text h1 {margin-right: 20px}
.text a { text-decoration: underline; color: #014b7b}


.product { float: left; margin-top: 30px;  background-image: url(/main/img/blue_dot.gif); background-repeat: repeat-y; background-position: 100px; width: 49%; }
.product img { float: left;  margin-right: 20px;}
.product  h2 { font-size: 18px; font-weight: normal; color: #408FC2; margin: 0px }
.product  span { display: block; font-size: 18px; font-weight: bold; color: #FF8A00; }
.product  div { font-size: 11px; color: #4e6472 }
.product  .fn { float: left;	display: block; margin-top: 20px;
	width: 17px;
	position: relative;
	z-index: 1;
	left: -22px;
	bottom: 0px;
	bottom: 0;
}
.product  .fn a img { margin: 0px !important; padding: 0px !important; float: left; border: 2px solid #ffffff}
.product  .fn a {display: block;  height: 17px;  margin-top: 10px; color: #408FC2; font-size: 11px; font-weight: normal; text-decoration: none}
.product  .fn a b { float: left; font-weight: 100; margin-left: 25px; margin-top: -20px}
.product  .fn a:hover {color: #FF8A00; }


.news2  { clear: both;  margin-left: 20px; padding-top: 20px}
.news2 span { float: left; display: block; padding-bottom: 30px; width: 48%; }
.news2 img { float: left; margin-right: 10px; width: 63px; height: 63px;}
.news2 a {  display: block; font-size: 14px; color: #696969; text-decoration: none}

.bottom { padding: 8px; }
.bottom table.lt { width: 100%;}
.bottom  tr td .block1 .block  .copy { font-size: 11px; color: #4e6472;  width: 170px !important; border-right: 1px solid #408FC2; display: block; float: left; margin-left: 20px; min-height: 30px }
.bottom  tr td .block1 .block  .autoris { font-size: 11px; color: #4e6472; width: 560px; display: block; float: left ; padding-left: 30px}
.bottom  tr td .block1 .block  .feed { font-size: 11px; color: #4e6472;   display: block; float: left; margin-left: 20px; background-image: url(/main/img/feedback.gif); background-repeat: no-repeat; padding-left: 24px; line-height: 17px }
.clear { clear: both}
