html,body {height: 100%}
body {margin: 0; padding: 0; font-size: 13px; color: #000000; background: #f0f0f0; font-family: "trebuchet ms";}
ul, li, form {margin: 0; padding: 0;}
a img {border: none;}
a {color: #000000;}
a:hover {text-decoration: none;}
.clear {clear: both;}
hr {height: 1px; border: 0; background: #ccc;}

#body_top {position: absolute; left: 0; top: 0; width: 100%; height: 110px; background: #66b4f3 url(/img/body_top_bg.jpg) top repeat-x; z-index: 3;}

#headerLayer {position: absolute; left: 0; top: 0; width: 100%; height: 162px; z-index: 4;}
#header {position: relative; width: 980px; height: 162px; margin: 0 auto; background: url(/img/header_bg.jpg) top no-repeat;}
#searchArea {position: absolute; left: 20px; top: 110px; width: 290px; height: 52px; background: #66b4f3 url(/img/searchArea_bg.jpg) no-repeat;}
#searchArea div {position: relative; margin: 10px auto; width: 247px; height: 28px; background: #1468ac url(/img/search_bg.jpg) no-repeat;}
#searchArea input {position: absolute; left: 13px; top: 6px; width: 200px; height: 14px; border: none; background: none; color: #ffffff;}
#searchArea a {position: absolute; left: 213px; top: 6px; display: block; width: 20px; height: 15px; padding: 1px 0 0 5px;}
#searchArea a img {width: 13px; height: 14px;}
#header span {position: relative; display: block; margin: 0 21px 0 300px; top: 125px; height: 25px; font-size: 17px; color: #787878; text-align: center;}
#header span img {margin-bottom: -3px; width: 2px; height: 17px;}
#header span a {color: #36588f; text-decoration: none;}
#header span a:hover {text-decoration: underline;}


a#logo {position: absolute; left: 45px; top: 38px;}
a#logo img {width: 229px; height: 63px;}


#container {position: relative; margin: 0 auto; width: 980px; min-height: 100%; background: #ffffff url(/img/container_bg.gif) repeat-y; z-index: 2;}
#imgContainer {position: absolute; margin: 0 auto; width: 980px; left: 0; top: 100%;}
#imgContainer img {position: absolute; left: 20px; top: -188px; width: 278px; height: 188px; display: block;}
#headerBack {position: relative; height: 162px;}


#leftColumn {position: relative; width: 290px; margin: 0; left: 20px; float: left;}
#leftColumn .block {position: relative; min-height: 30px; padding: 0 0 0 25px; margin: 0 0 15px 0;}
#leftColumn .block h1 {margin: 0 0 10px 0; padding: 5px 0 0 0; color: #1468ac; font-size: 17px; font-weight: normal;}
#leftColumn .block p {margin: 0 0 10px 0; padding: 0;}
#leftColumn .block p img {width: 15px; height: 15px; margin-bottom: -1px;}
#leftColumn .block a {color: #3e8e03; font-weight: bold;}
#leftColumn .block b {color: #3e8e03;}
#lc_cart {background: url(/img/lc_cart_bg.jpg) left top no-repeat;}
#lc_contacts {background: url(/img/lc_contacts_bg.jpg) left 24px no-repeat;}
#lc_admin {background: url(/img/lc_admin_bg.jpg) left top no-repeat;}


#mesArea {position: relative; width: 640px; right: 30px; float: right; text-align: center; display: none;}
#mesArea span {font-size: 17px; color: #ffffff; display: none;}
.errMes {height: 29px; padding: 5px 0 0 0; margin-bottom: 15px; background: #e53b3b;}
#mesArea.errMes span {display: inline;}
.okMes {height: 29px; padding: 5px 0 0 0; margin-bottom: 15px; background: #71b043;}
#mesArea.okMes span {display: inline;}



#sitePosition {position: relative; height: 20px; background: url(/img/site_position_bg.gif) left top no-repeat; width: 605px; right: 30px; float: right; color: #000000; font-size: 12px; padding-left: 30px; line-height: 14px;}
#sitePosition a {color: #0e4b5b;} 


#content {position: relative; width: 625px; right: 40px; float: right;}
#content h1 {position: relative; font-size: 25px; color: #787878; font-weight: normal; margin: 10px 0 15px 0; background: url(/img/dotted1.gif) bottom repeat-x; padding: 0;}
#content h1 a {color: #36588f; text-decoration: none;}
#content p {margin: 5px 0 10px 0;}
#content h2 {font-size: 17px; margin: 10px 0; padding: 0; font-weight: normal;}
#content h2 a {color: #3e8e03;}
#content a.but {display: block; height: 25px; background: #eeeeee url(/img/but_bg.gif) repeat-x; text-align: center; color: #36588f; font-weight: bold; padding: 5px 0 0 0; text-decoration: none; font-size: 13px; width: 116px; position: relative;}
#content .blue {color: #0e4b5b;}
#content .green {color: #3e8e03;}
#content .red {color: red;}


#alphabet {position: relative; height: 40px; text-align: center; font-size: 24px; color: #3e8e03;}
#alphabet a {color: #36588f; font-size: 17px;}
#alphabetRu {position: relative; height: 40px; text-align: center; font-size: 24px; color: #3e8e03;}
#alphabetRu a {color: #36588f; font-size: 17px;}

#content ul {list-style: none; margin: 0 15px 15px 0;}
#content ul li {min-height: 20px; margin: 0 0 0 40px; line-height: 25px;}
#content ul li a {color: #000000;}
#content ul li a:hover {color: #196479; text-decoration: underline;}
#content ul.firmsUl li {width: 250px; background: url(/img/firmsUl_li_bg.jpg) left 4px no-repeat;}

#editTbl {}
#editTbl .label {width: 100px; color: #36588f; font-weight: bold;}
#editTbl input.textInp {width: 400px; height: 21px; background: url(/img/textInp_bg.gif) top repeat-x; border: #a7a7a7 1px solid; padding: 4px 5px 1px 5px;}
#editTbl input.textInp.w2 {width: 100px;}
#editTbl input.rb {margin-bottom: -2px;}
#editTbl textarea {width: 400px; height: 150px; background: url(/img/textarea_bg.gif) top repeat-x; border: #a7a7a7 1px solid; overflow: auto; padding: 5px;}

#content .dataTbl {background: #bebdbd; width: 99%;}
#content .dataTbl th {background: #e7f3fa; height: 31px; font-size: 13px; color: #36588f; font-weight: bold; padding-left: 5px;}
#content .dataTbl td {background: #ffffff; padding: 5px;}
#content .dataTbl tr td input {width: 50px; background: none; border: #bababa 1px solid; text-align: center;}
#content .dataTbl tr td input.longText {width: 130px; text-align: left;}
#content .dataTbl tr td a.del {display: block; width: 14px; height: 14px; font-size: 7px; background: red url(/img/redCross.jpg) top no-repeat;}
#content .dataTbl tr td a.del:hover {background: red url(/img/redCross.jpg) bottom no-repeat;}
#content .dataTbl tr td a {text-decoration: none;}
#content .dataTbl tr td a:hover {color: #3e8e03;}

#management {position: relative; height: 100px; margin: 15px 0 0 0; text-align: right; padding-right: 7px;}
#management b {color: #3e8e03;}
#management a.goToMag {position: absolute; left: 0; top: 20px; color: #36588f; font-weight: bold;}
#management a.but {float: right; margin-left: 15px; top: 18px;}


#content .catalogBlock {position: relative; margin-bottom: 20px;}
#content .catalogBlock h3 {position: relative; margin: 0 0 5px 0; padding: 1px 0 0 25px; display: block; height: 22px; background: url(/img/catalog_name_bg.jpg) no-repeat; font-size: 14px; font-weight: bold;}
#content .catalogBlock h3 a {text-decoration: none;}
#content .catalogBlock h3 a:hover {color: #3e8e03;}
#content .catalogBlock p {color: #0e4b5b; font-size: 12px; margin: 0; padding: 0;}
#content .catalogBlock p span {color: #000000; font-size: 14px;}
#content .catalogBlock p a {color: red;}

#content .catalogBlock table {position: relative;}
#content .catalogBlock table.tblIn {position: relative; background: #d2dcdf url(/img/white_pxl.gif) top repeat-x; font-size: 12px;}
#content .catalogBlock table.tblIn tr th {color: #787878; height: 22px; background: #ffffff;}
#content .catalogBlock table.tblIn tr td {color: #0e4b5b; height: 22px; background: #ffffff; text-align: center;}
#content .catalogBlock .circle {position: absolute; top: 47px; width: 9px; height: 8px; font-size: 5px; background: url(/img/circle.gif) no-repeat;}
#content .catalogBlock .circle.L {left: 186px;}
#content .catalogBlock .circle.R {left: 620px;}
#content .catalogBlock .circle.LA {left: -4px;}
#content .catalogBlock .circle.RA {left: 620px;}





#pager {position: relative; float: right; right: 30px; width: 635px;}
#pager table {margin: 0 auto; font-size: 15px; color: #36588f;}
#pager table tr td {height: 30px;}
#pager table tr td a {border: #cccccc 1px solid; color: #36588f; text-decoration: none; padding: 0 4px; display: block;}
#pager table tr td a:hover {background: #cccccc;}
#pager table tr td span {color: #3e8e03; font-size: 17px;}


#footerBack {position: relative; height: 100px;}
#footer {position: relative; width: 980px; height: 51px; margin: -51px auto 0 auto; background: url(/img/body_bottom_bg.gif) bottom repeat-x; z-index: 2; font-size: 12px;}
#footer div {position: absolute; left: 17px; top: 0; width: 247px; height: 28px; background: #66b4f3 url(/img/footer_left_bg.jpg) no-repeat; color: #ffffff; padding: 15px 0 0 45px;}
#footer span {position: relative; display: block; margin: 0 30px 0 310px; height: 20px; padding-top: 15px; text-align: center; color: #959595;}
#footer span a {color: #959595;}

#body_bottom {position: relative; width: 100%; height: 8px; font-size: 6px; margin: -8px 0 0 0; background: #66b4f3 url(/img/body_bottom_bg.gif) bottom repeat-x; z-index: 3;}

#bannerTop  {width:654px; height:90px;  position:absolute; top:10px; right:20px;}
#bannerLeft {width:264px; height:400px; margin:20px 0 0 10px;}

.one_date { color:#696969; font-size:12px; line-height:24px; }
.news { margin-bottom:15px;  }
.news .date { font-size:11px; color:#696969;  }
.news .title { font-size:14px; font-weight:bold; line-height:24px;}

#content .apec ul { margin: 10px 0 0 30px; list-style-image: url(/content/files/dot.png);}
#content .apec ul li {line-height: 14px; margin: 0 0 5px 0;}
#content .apec .applic_field ul {list-style-image: url(/content/files/dot.png); margin-bottom: 10px;}
#content .apec .applic_field ul li { margin: 0 0 3px 0; }

table.led_cat {border-spacing: 7px; margin-top: 0; padding-top: 0; margin: 10px 0 20px 0;}
table.led_cat a {color: #006699;}
table.led_cat td {vertical-align: top; border: 1px solid #97c2d7; padding: 5px; text-align: center;}
table.led_cat td.spacer {border: 0; padding: 0; height: 0px;}
table.tab {border-collapse: collapse;}
table.tab td {padding: 0; border: 0; font-size: 13px;}
table.tab td.nam {padding: 5px 0 5px 0;}

#content  .led ul { margin: 20px 0 0 20px; list-style-image: url(/content/files/dot.png);}
#content  .led ul li {line-height: 14px; margin: 0 0 5px 0;}

table.led_block {margin: 20px 0 0 0; border-collapse: collapse;}
table.led_block td {vertical-align: top;}
table.led_block td.img_field {vertical-align: bottom; padding-bottom: 1px; margin-bottom: 0;}
table.led_block td.colors {vertical-align: bottom; padding-right: 10px;}
table.led_block td.colors table.tab {border-collapse: collapse;}
table.led_block td.colors table.tab td.colors_field {padding: 0; margin: 0; vertical-align: bottom;}
table.led_block h3 {padding: 0; margin: 0;}
table.led_block .val {vertical-align: bottom;}

.led_descrip  {padding: 5px 0 0 0;}
.color_back {background: #e2ecf2; height: 16px; width: 110px; display: block; float: right;}
.color1 {float: right; display: block; width: 10px; height: 10px; background: #ff0000; margin: 3px 5px 0 5px;}
.color2 {float: right; display: block; width: 10px; height: 10px; background: #ffa500; margin: 3px 0 0 5px;}
.color3 {float: right; display: block; width: 10px; height: 10px; background: #ffff00; margin: 3px 0 0 5px;}
.color4 {float: right; display: block; width: 10px; height: 10px; background: #21b24c; margin: 3px 0 0 5px;}
.color5 {float: right; display: block; width: 10px; height: 10px; background: #0000ff; margin: 3px 0 0 5px;}
.color6 {float: right; display: block; width: 10px; height: 10px; background: #fdf7c3; margin: 3px 0 0 5px;}
.color7 {float: right; display: block; width: 10px; height: 10px; background: #ffffff; margin: 3px 0 0 5px;}

.part_bg {background: url('/img/partition_bg.jpg') 0 bottom no-repeat; height: 185px;}
.partitions {padding: 10px 0 0 25px; margin: 0; line-height: 22px;}
.partitions a {color: #1468AC; font-weight: bold; text-decoration: none;}
.partitions a:hover {text-decoration: underline;}