/*******~ This is Home-online style ~*******/
/***********~ Powered by ISQman ~***********/
/**************~ isqman@bk.ru ~*************/
/**********~ All rigsts reserved ~**********/

/******************~ Body ~*****************/

@font-face {
font-family: 'Franklin Gothic Book';
src: url('frabk.TTF') format('TrueType');
}

.smalltext {text-decoration:none; font-size: 6pt;} 

body {margin: 0px;padding: 0px;background-image: url(images/sitebg.jpg);background-repeat: repeat; font: 12pt 'Franklin Gothic Book', sans-serif;}

A { text-decoration:none;}

#preload, #preload img {position:absolute; visibility:hidden; width: 0px; height: 0px; z-index:1000;}

/**************~ Other style ~**************/

#left-bg{ background: url('images/bg_left.jpg') repeat-y;}

#right-bg{background:url('images/bg_right.jpg') repeat-y;}

#head-button{height:123px;background: url('images/header-line.png') repeat-x;}

#btbl {height:207px; width:971px;}

#logo {background: url('images/logo.jpg') no-repeat;}

#logo DIV {position:relative;  display:inline;}

html:not([lang*=""]):not(:only-child) #logo DIV{top:-1px; }

#tps { height:4px; background: url('images/center-line.png');}

#maintbl { background: url('images/center-line.png');}

#centerbg {background: url('images/bg_top.png') center bottom repeat-x;}
#centerbg1 {background: url('images/bg_top.png') center bottom repeat-x;}
#centerbg2 {width:160px; background: url('images/bg_top.png') center bottom repeat-x;}
#centerbg3 {width:12px; background: url('images/bg_top.png') center bottom repeat-x;}

.tbl {background: url('images/news-okno-1(1).png') 0px 0px no-repeat;}
.tbl DIV.ba {width: 638px; background:url('images/news-okno-2(1).png') repeat-y;}
.tbl DIV.ba DIV.ls{
margin:12px 0 0 0;
padding:0 0 0 19px;
background:url('images/news-okno-3(1).png') 0px 100% no-repeat;
min-height:521px;}
.tbl DIV.ba DIV.ls DIV.da {width:600px; color: #6b6b6b;}

.r1, .r2, .r3, .r4, .r5 {display: block;height: 1px; overflow: hidden; font-size:1px;}
.r5 { margin: 0 5px; }
.r4 { margin: 0 3px; }
.r3 { margin: 0 2px; }
.r2 { margin: 0 1px; }
.r1 { margin: 0 1px; }
#rounded-box-5 .inner-box, #rounded-box-5  b {background-color: #BAC8D6;}
.inner-box {padding:0 0 0 6px;color:#000000;}
#rounded-box .inner-box1, #rounded-box b {background-color: #454D65;}
.inner-box1, .inner-box1 a {padding:0 0 6px 6px;color:#64CAF9;}

#news9 { display:block;
background: url('images/news-okno-detal2.png') no-repeat;
padding:4px 0 4px 10px;
color: #107dc0;
}

#news10 {display:block;}

#news1 {
width:100%;
color:#64caf9;
background-color: #454d65;
padding:5px;
}

#news3 {
color:#cdcdcd;
text-align:right;
font-style:italic;
font-size:10pt;
}

#footban{background:url('images/footer-left.png');}

#fl {background:url('images/footer-left.png');}

#banner {width: 603px; height: 98px; position:relative; background: url('images/footer-line-center.png') repeat-x;}

#fr {background:url('images/footer-right.png');}

/***************~ Old Tables ~**************/
 
.style3 {font-size: x-small} 
.style10 {font-size: 12px; font-weight: bold; }
.style8 {font-size: 12px}
.style12 {color: #47AD64}
.style13 {font-size: 12px; color: #4885C5; } 
.style14 {FONT-SIZE: 12px; TEXT-ALIGN: justify; color: #4885C5;}
.style15 {font-size: 10px;color: #CCCCCC;}
.style19 {color: #455B74;font-weight: bold;} 
.style21 {font-size: 11px; color: #47AD64; }

.Стиль5 {font-size: 11px}
.Стиль7 {font-size: 12px;color: #455B74;font-weight: bold;}
.Стиль9 {font-size: None;font-weight: bold;color: #4885C5;}
.Стиль15 {font-size: 12px; font-weight: bold; color: #4885C5F; } 
.Стиль17 {font-size: 12px; color: #4885C5; font-weight: bold; }
.Стиль19 {font-weight: bold; font-size: 18px; }

/**************~ Main Buttons ~*************/

.mainbutton a:link, .mainbutton a:visited {
width: 157px;
height: 123px;
display:block;
background: url('images/head-menu/menu_off_01.png') no-repeat;
}
.mainbutton a:hover, .mainbutton a:active {
width: 157px;
height: 123px;
display:block;
background: url('images/head-menu/menu_on_01.png') no-repeat;
}

.mainbutton1 a:link, .mainbutton1 a:visited {
position: relative;
width: 157px;
height: 123px;
display: block;
background: url('images/head-menu/menu_off_02.png') no-repeat;
}
.mainbutton1 a:hover, a.mainbutton1 a:active {
position: relative;
width: 157px;
height: 123px;
display: block;
background: url('images/head-menu/menu_on_02.png') no-repeat;
}

.mainbutton2 a:link, .mainbutton2 a:visited {
position: relative;
width: 157px;
height: 123px;
display: block;
background: url('images/head-menu/menu_off_03.png') no-repeat;
}
.mainbutton2 a:hover, .mainbutton2 a:active {
position: relative;
width: 157px;
height: 123px;
display: block;
background: url('images/head-menu/menu_on_03.png') no-repeat;
}

.mainbutton3 a:link, .mainbutton3 a:visited {
position: relative;
width: 157px;
height: 123px;
display: block;
background: url('images/head-menu/menu_off_04.png') no-repeat;
}
.mainbutton3 a:hover, .mainbutton3 a:active {
position: relative;
width: 157px;
height: 123px;
display: block;
background: url('images/head-menu/menu_on_04.png') no-repeat;
}

.mainbutton4 a:link, .mainbutton4 a:visited {
position: relative;
width: 157px;
height: 123px;
display: block;
background: url('images/head-menu/menu_off_05.png') no-repeat;
}
.mainbutton4 a:hover, .mainbutton4 a:active {
position: relative;
width: 157px;
height: 123px;
display: block;
background: url('images/head-menu/menu_on_05.png') no-repeat;
}

/***************~ Left Menu ~***************/

a.leftbutton:link, a.leftbutton:visited {
position: relative;
width: 148px;
height: 51px;
display: block;
background: url('images/menu_off_04.png') no-repeat;
}
a.leftbutton:hover, a.leftbutton:active {
position: relative;
width: 148px;
height: 51px;
display: block;
background: url('images/menu_on_04.png') no-repeat;
}

a.leftbutton1:link, a.leftbutton1:visited {
position: relative;
width: 148px;
height: 49px;
display: block;
background: url('images/menu_off_05.png') no-repeat;
}
a.leftbutton1:hover, a.leftbutton1:active {
position: relative;
width: 148px;
height: 49px;
display: block;
background: url('images/menu_on_05.png') no-repeat;
}

/**********~ Left Menu Buttons ~************/

a.menu1:link, a.menu1:visited {
position: relative;
width: 148px;
height: 49px;
display: block;
background: url('images/menu_off_01.png') no-repeat;
}
a.menu1:hover, a.menu1:active {
position: relative;
width: 148px;
height: 49px;
display: block;
background: url('images/menu_on_01.png') no-repeat;
}

a.menu2:link, a.menu2:visited {
position: relative;
width: 148px;
height: 51px;
display: block;
background: url('images/menu_off_02.png') no-repeat;
}
a.menu2:hover, a.menu2:active {
position: relative;
width: 148px;
height: 51px;
display: block;
background: url('images/menu_on_02.png') no-repeat;
}

a.menu3:link, a.menu3:visited {
position: relative;
width: 148px;
height: 51px;
display: block;
background: url('images/menu_off_03.png') no-repeat;
}
a.menu3:hover, a.menu3:active {
position: relative;
width: 148px;
height: 51px;
display: block;
background: url('images/menu_on_03.png') no-repeat;
}

/**************~ For Submenu ~**************/

UL.mymenu {width: 148px;list-style: none;margin: 0;padding: 0;position:relative;z-index:7;list-style:none;}

UL.mymenu LI{position: relative;}

UL.mymenu LI UL {position: absolute;display: none;top:0;left:106px;z-index:8;list-style:none;}

UL.mymenu LI A {display: block;}

UL.mymenu LI:hover UL, LI.over UL {display: block;z-index:9;}

/*************~ 1-st Submenu ~**************/

a.menu-ab-01:link, a.menu-ab-01:visited {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/about/about_off.png') no-repeat;
background-position:0px 0px;
z-index:110;
}
a.menu-ab-01:hover, a.menu-ab-01:active {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/about/about_on.png') no-repeat;
background-position:0px 0px;
z-index:111;
}

a.menu-ab-02:link, a.menu-ab-02:visited {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/about/about_off.png') 0px -22px no-repeat;
z-index:112;
}
a.menu-ab-02:hover, a.menu-ab-02:active {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/about/about_on.png') no-repeat;
background-position:0px -22px;
z-index:113;
}

a.menu-ab-023:link, a.menu-ab-023:visited {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/head-menu/o_nas_04b.png') no-repeat;
z-index:112;
}
a.menu-ab-023:hover, a.menu-ab-023:active {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/head-menu/o_nas_04.png') no-repeat;
z-index:113;
}

a.menu-ab-03:link, a.menu-ab-03:visited {
position: relative;
width: 128px;
height: 24px;
display: block;
background: url('images/about/about_off.png') no-repeat;
background-position:0px -44px;
z-index:114;
}
a.menu-ab-03:hover, a.menu-ab-03:active {
position: relative;
width: 128px;
height: 24px;
display: block;
background: url('images/about/about_on.png') no-repeat;
background-position:0px -44px;
z-index:115;
}

/*************~ 2-nd Submenu ~**************/

a.menu-co-01:link, a.menu-co-01:visited {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/connection/connection_off.png') no-repeat;
background-position:0px 0px;
z-index:120;
}
a.menu-co-01:hover, a.menu-co-01:active {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/connection/connection_on.png') no-repeat;
background-position:0px 0px;
z-index:121;
}

a.menu-co-02:link, a.menu-co-02:visited {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/connection/connection_off.png') no-repeat;
background-position:0px -22px;
z-index:122;
}
a.menu-co-02:hover, a.menu-co-02:active {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/connection/connection_on.png') no-repeat;
background-position:0px -22px;
z-index:123;
}

a.menu-co-03:link, a.menu-co-03:visited {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/connection/connection_off.png') no-repeat;
background-position:0px -44px;
z-index:124;
}
a.menu-co-03:hover, a.menu-co-03:active {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/connection/connection_on.png') no-repeat;
background-position:0px -44px;
z-index:125;
}

a.menu-co-04:link, a.menu-co-04:visited {
position: relative;
width: 128px;
height: 24px;
display: block;
background: url('images/connection/connection_off.png') no-repeat;
background-position:0px -66px;
z-index:126;
}
a.menu-co-04:hover, a.menu-co-04:active {
position: relative;
width: 128px;
height: 24px;
display: block;
background: url('images/connection/connection_on.png') no-repeat;
background-position:0px -66px;
z-index:127;
}

/*************~ 3-rd Submenu ~**************/

a.menu-tar-01:link, a.menu-tar-01:visited {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/talkandrelax/talkandrelax_off.png') no-repeat;
background-position:0px 0px;
z-index:130;
}
a.menu-tar-01:hover, a.menu-tar-01:active {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/talkandrelax/talkandrelax_on.png') no-repeat;
background-position:0px 0px;
z-index:131;
}

a.menu-tar-02:link, a.menu-tar-02:visited {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/talkandrelax/talkandrelax_off.png') no-repeat;
background-position:0px -22px;
z-index:132;
}
a.menu-tar-02:hover, a.menu-tar-02:active {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/talkandrelax/talkandrelax_on.png') no-repeat;
background-position:0px -22px;
z-index:133;
}

a.menu-tar-03:link, a.menu-tar-03:visited {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/talkandrelax/talkandrelax_off.png') no-repeat;
background-position:0px -44px;
z-index:134;
}
a.menu-tar-03:hover, a.menu-tar-03:active {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/talkandrelax/talkandrelax_on.png') no-repeat;
background-position:0px -44px;
z-index:135;
}

a.menu-tar-04:link, a.menu-tar-04:visited {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/talkandrelax/talkandrelax_off.png') no-repeat;
background-position:0px -66px;
z-index:136;
}
a.menu-tar-04:hover, a.menu-tar-04:active {
position: relative;
width: 128px;
height: 22px;
display: block;
background: url('images/talkandrelax/talkandrelax_on.png') no-repeat;
background-position:0px -66px;
z-index:137;
}

a.menu-tar-05:link, a.menu-tar-05:visited {
position: relative;
width: 128px;
height: 24px;
display: block;
background: url('images/talkandrelax/talkandrelax_off.png') no-repeat;
background-position:0px -88px;
z-index:140;
}
a.menu-tar-05:hover, a.menu-tar-05:active {
position: relative;
width: 128px;
height: 24px;
display: block;
background: url('images/talkandrelax/talkandrelax_on.png') no-repeat;
background-position:0px -88px;
z-index:141;
}

