html,body,p,table,img, ul, li{
margin:0;
padding:0;
}
img {border: 0px;}
table {border:0px black solid;border-collapse:collapse; padding:0px;border-spacing: 0px;}
p, li, td, select {color: #898989; font-family: arial; font-size: 12px; text-align: left;}
body{background: #ffffff url(/img/bg_body.gif) repeat-x; color: #898989; font-family: arial; font-size: 12px;}
table.a {background: url(/img/bg_foot.gif) repeat-x bottom right; width: 100%;}
table.body {width: 966px; height: 600px; background: url(/img/bg_tbody.gif) no-repeat top;}
td.content {padding: 0 40px 0 40px;}
#top {height: 175px;}
img.logo {height: 113px; width: 190px; FLOAT: left; display: block;}
span.menu1 {width: 140px; FLOAT: left; margin: 18px 0 0 76px; color: #74c050;
font-family: Arial; font-size: 13px; font-weight: bold;}
span.menu2 {width: 270px; FLOAT: left; margin: 37px 0 0 30px; color: #3751c4; font-family: Arial; font-size: 13px; font-weight: bold;}
div#tel {width: 172px; height: 94px; FLOAT: left; margin: 40px 0 0 0px; color: #3751c4;
text-align: right; }
div#rus {padding: 19px 7px 0 0; line-height: 18px;}
span.tel {color: #74c050; font-size: 23px; font-weight: bold; text-align: right;}
b.rus {color: #ffffff; font-size: 12px;}
/* my start */
ul.menu1 li {margin: 0 0 0 0; background: url('/img/menu1.gif');}
ul.menu2 li {margin: 0 0 0 0; list-style-type: disc; list-style-image: url('/img/li_.gif');
background: url('/img/menu2.gif');}
/* my end */
/*ul.menu1 li {margin: 0 0 0 0; list-style-type: disc; list-style-image: url('/img/li_.gif');
background: url('/img/menu1.gif');}
ul.menu2 li {margin: 0 0 0 0; list-style-type: disc; list-style-image: url('/img/li_.gif');
background: url('/img/menu2.gif');}*/
ul.menu1 li.k {list-style-image: url('/img/li.gif');}
ul.menu2 li.k {list-style-image: url('/img/li2.gif');}
a {color: #3751c4; text-decoration: underline; font-size: 12px;}
a:hover {color: #a0a0a0;}
span.menu1 a {color: #74c050; text-decoration: none; font-size: 13px;}
span.menu1 a:hover {color: #a0a0a0;}
span.menu2 a {color: #3751c4; text-decoration: none; font-size: 13px;}
span.menu2 a:hover {color: #a0a0a0;}
/* блоки прямоугольников */
div#byx {width: 275px; height: 200px; FLOAT: left; background: url(/img/byx.gif) no-repeat; position: relative; top: 0px; margin-left: 26px;}
div#byx img {margin: 0px 0px 0px 105px;}
div#byx ul {padding: 50px 18px 10px 98px;}
div#byx li {list-style-type: square; color: #f9850e; line-height: 18px;}
div#firm {width: 275px; height: 200px; FLOAT: left; background: url(/img/firm.gif) no-repeat; position: relative; top: 0px; margin-left: 23px;}
div#firm img {margin: 18px 0px 0px 105px;}
div#firm ul {padding: 45px 18px 16px 103px;}
div#firm li {list-style-type: square; color: #80ce5d; line-height: 18px;}
div#wtamp {width: 275px; height: 200px; FLOAT: left; background: url(/img/wtamp.gif) no-repeat; position: relative; top: 0px; margin-left: 23px;}
div#wtamp img {margin: 60px 0px 0px 105px;}
div#wtamp ul {padding: 48px 18px 6px 103px;}
div#wtamp li {list-style-type: square; color: #1989ee; line-height: 18px;}
div#wtamp li span {color: #898989;}
div#it {width: 275px; height: 200px; FLOAT: left; background: url(/img/it.gif) no-repeat; position: relative; top: 0px; margin-left: 23px;}
div#it img {margin: 0px 0px 0px 105px;}
div#it ul {padding: 45px 18px 16px 103px;}
div#it li {list-style-type: square; color: #80ce5d; line-height: 18px;}
div#komp {width: 275px; height: 200px; FLOAT: left; background: url(/img/komp.gif) no-repeat; position: relative; top: 0px; margin-left: 23px;}
div#komp img {margin: 0px 0px 0px 105px;}
div#komp ul {padding: 55px 18px 6px 103px;}
div#komp li {list-style-type: square; color: #1989ee; line-height: 18px;}
div#komp li span {color: #898989;}
a.text {color: #898989; text-decoration: none;}
a.text:hover {color: #898989; text-decoration: underline;}
a.text1 {color: #898989; text-decoration: underline;}
a.text2 {color: #898989; text-decoration: underline; font-size: 11px;}
/* блоки прямоугольников кончились */
td.left {padding: 0 0 0 40px; width: 280px;}
ul {margin-left: 32px;}
ul li.zag {color: #4eb4ff; font-size: 14px; font-weight: bold; line-height: 25px; list-style-image: url('/img/star.gif');}
ul li {list-style-type: none;}
.afor {color: #f58e2a; text-align: right; margin: 0 40px 0 0;}
td.content2 {padding: 0 40px 0 5px; width: 644px;}
td.content3 {padding: 0 10px 0 8px; width: 644px;}
h1 {color: #8bd467; font-size: 18px;}
h1.right2 {text-align: right; padding: 0 40px 0 0px;}
h2 {font-size: 14px; color: #8bd467; padding: 15px 0 5px 0; margin: 0 0;}
.zag {color: #4eb4ff; font-size: 14px; font-weight: bold;}
.right {text-align: right;}
.content2 p {text-align: justify; text-indent: 20px;}
.content2 ul li {list-style-type: square; color: #8bd467; line-height: 18px;}
.content2 ul li span {list-style-type: square; color: #898989;}
div.h1 {color: #4eb4ff; font-size: 12px; text-align: right;}
td.foot {background: url(/img/foot.gif) no-repeat bottom right; height: 127px;}
.foot table { width: 100%; font-size: 12px;}
.foot div.copy {width: 260px; FLOAT: left; padding: 20px 0 0 40px;}
.foot div.adr {width: 450px; FLOAT: left; padding: 30px 0 0 0px;}
.foot div.razrab {width: 160px; FLOAT: right; padding: 20px 0 0 0; text-align: center;}
/* перезвоним */
body.no {background: #ffffff; color: #898989; font-family: arial; font-size: 12px;}
div#perezv {width: 500px;}
.red {color: red;}
.blue {color: #3751c4;}
.green {color: #8bd467; font-weight: bold;}
div.left {text-align: left; padding: 0 0 0 60px;}
/* перезвоним конец */
div.tab {width: 600px;}
table.tabl {width: 600px; border-collapse: collapse;}
table.tabl td, th {padding: 4px; border: 1px solid #d6d6d6; text-align: center;}
table.tabl th {background: #C0C0C0; color: #fff; text-align: center; font-size: 12px; border: 1px solid #d6d6d6;}
table.tabl td.green {text-align: left;}
table.tabl td.l {text-align: left;}
table.tabl2 {width: 100%; border-collapse: collapse;}
table.tabl2 td, th {padding: 4px; border: 1px solid #d6d6d6;}
dl {margin: 0 0 0 20px;}
dt {font-weight: bold;}
ol li {color: #898989;}
/* div, table,tr,td, img, ul,li {border: 1px solid red;} */
/* ******************************************************************* */
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 120px; /* Width of Menu Items */
border-bottom: 1px solid #fff;
}
.suckerdiv ul ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}
.suckerdiv ul li{
position: relative;
}
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 220px; /*sub menu width*/
top: 0;
visibility: hidden;
}
/**********/
/* Sub level menu links style */
.suckerdiv ul li a, .suckerdiv ul li b{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #8BD467; /* my */
text-decoration: none;
background: #fff;
padding: 1px 5px;
border-bottom: 0;
}
.suckerdiv ul li a, .suckerdiv ul li b{
background: url('/img/menu1.gif') /* TEXT */
}
.suckerdiv ul li {
background: url('/img/menu1.gif') /* TEXT */
}
.suckerdiv ul ul li{
background: #fff
}
.suckerdiv ul ul li a, .suckerdiv ul ul li b{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #8BD467; /* my */
text-decoration: none;
background: #fff;
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
/**********/
.suckerdiv ul li a:visited{
color: #8BD467; /* my */
}
.suckerdiv ul li a:hover{
background-color: #F0F0F0; /* my */
}
.suckerdiv .subfolderstyle{
background: url('/img/li_2.gif') no-repeat center right;
}
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
li.gal {list-style-image: url('/img/li.gif'); color: red;}
/* ******************************************************************* */
ol li {color: #898989;}
#text_scroll
{
overflow: scroll;
width:370px;
height:250px;
padding-right: 10px;
}
#text_tr
{
font-size: 11px;
}
a.tt span{
text-decoration: none;
color: black;
width: 400px;
background: silver;
border: 1px solid black;
display:none;/*собственно прячем тултип - пока мышь не наведена*/
}
a.tt:hover{
position:relative;/*Ставим точку отсчета для тултипа внутрь данной ссылки*/
z-index:23;/*это нужно что бы тултип показывался поверх этой и других ссылок*/
}
a.tt:hover span{
display:block;/*показываем тултип при наведении*/
position:absolute;
top:0px;
left:30px;/*три строки для позиции тултипа относительно левого верхнего угла ссылки*/
z-index:22;/*мне 22 + см. выше*/
/*background:#c3c3c3;/*фон, что бы было видно тултип*/
}
#tooltip{
background:#FFFFFF;
border:1px solid #666666;
color:#333333;
font:menu;
margin:0px;
padding:3px 5px;
position:absolute;
visibility:hidden
}
span#highlight {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #003399;
}
span#highlight2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #003399;
}