/* CSS Document */
html, body{ padding:0px; margin:0px auto; background: url(/images/topfon.jpg) top repeat-x #fff; color:#005663;}
p { margin:0px; padding:0px; font:12px Verdana; text-align:justify;}
a{ position:relative;}
/***container***/
#main_container { position:relative; width:960px; margin:0px auto; min-height:820px; }
/* header */
.header { position:relative; width:960px; height:150px;}
/* logo */
#logo-oltex { position:absolute; margin-left:5px; margin-top:40px; width:225px; height:85px; }
/* language */
.language{ position:absolute; margin-left:300px; margin-top:30px; width:100px; height:10px;}
#ua{ float:left; margin:3px; width:18px; height:10px; background: url(/images/ua2.gif) no-repeat;}
#ua1{ float:left; margin:3px; width:18px; height:10px; background: url(/images/ua1.gif) no-repeat;}
#ua:hover{ margin:3px; width:18px; height:10px; background:url(/images/ua1.gif) no-repeat; }
#eng{ float:left; margin:3px; width:16px; height:10px; background: url(/images/eng2.gif) no-repeat;}
#eng1{ float:left; margin:3px; width:16px; height:10px; background: url(/images/eng1.gif) no-repeat;}
#eng:hover{ margin:3px; width:16px; height:10px; background:url(/images/eng1.gif) no-repeat; }
#rus{ float:left; margin:3px; width:18px; height:8px; background: url(/images/rus2.gif) no-repeat;}
#rus1{ float:left; margin:3px; width:18px; height:8px; background: url(/images/rus1.gif) no-repeat;}
#rus:hover{ margin:3px; width:18px; height:8px; background:url(/images/rus1.gif) no-repeat; }
.line {float:left; margin:2px; background:url(/images/line.gif) no-repeat; width:3px; height:10px;}
/* sitemap */
.sitemap{ position:absolute; margin-left:845px; margin-top:30px; width:90px; height:30px; color:#ef2828;}
#home{ float:left; margin:3px; width:12px; height:9px; background: url(/images/home1.gif) no-repeat;}
#home1{ float:left; margin:3px; width:12px; height:9px; background: url(/images/home2.gif) no-repeat;}
#home:hover{ margin:3px; width:12px; height:9px; background:url(/images/home2.gif) no-repeat; }
#contacts{ float:left; margin:3px; width:11px; height:9px; background: url(/images/contacts1.gif) no-repeat;}
#contacts1{ float:left; margin:3px; width:11px; height:9px; background: url(/images/contacts2.gif) no-repeat;}
#contacts:hover{ margin:3px; width:11px; height:9px; background:url(/images/contacts2.gif) no-repeat; }
#sitemap{ float:left; margin:3px; width:15px; height:9px; background: url(/images/sitemap1.gif) no-repeat;}
#sitemap1{ float:left; margin:3px; width:15px; height:9px; background: url(/images/sitemap2.gif) no-repeat;}
#sitemap:hover{ margin:3px; width:15px; height:9px; background:url(/images/sitemap2.gif) no-repeat; }
#line1 {float:left; margin:3px; background:url(/images/line1.gif) no-repeat; width:1px; height:9px;}
#line2 {float:left; margin:3px; background:url(/images/line1.gif) no-repeat; width:1px; height:9px;}
/* top-navigation */
.navigation{ position:absolute; margin-left:300px; margin-top:80px; width:650px; height:25px;}
#menu1-1 { float:left; margin:3px 20px 3px 3px; width:102px; height:20px; background: url(/images/menu1.1.gif) no-repeat;}
#menu1-2 { float:left; margin:3px 20px 3px 3px; width:102px; height:20px; background: url(/images/menu1.2.gif) no-repeat;}
#menu1-1:hover{ width:102px; height:20px; background: url(/images/menu1.2.gif) no-repeat;}
#menu2-1 { float:left; margin:3px 20px 3px 3px; width:148px; height:20px; background: url(/images/menu2.1.gif) no-repeat;}
#menu2-2 { float:left; margin:3px 20px 3px 3px; width:148px; height:20px; background: url(/images/menu2.2.gif) no-repeat;}
#menu2-1:hover{ width:148px; height:20px; background: url(/images/menu2.2.gif) no-repeat;}
#menu3-1{ float:left; margin:3px 20px 3px 3px; width:148px; height:20px; background: url(/images/menu3.1.gif) no-repeat;}
#menu3-2 { float:left; margin:3px 20px 3px 3px; width:148px; height:20px; background: url(/images/menu3.2.gif) no-repeat;}
#menu3-1:hover{ width:148px; height:20px; background: url(/images/menu3.2.gif) no-repeat;}
#menu4-1{ float:left; margin:3px 20px 3px 3px; width:155px; height:20px; background: url(/images/menu4.1.gif) no-repeat;}
#menu4-2 { float:left; margin:3px 20px 3px 3px; width:155px; height:20px; background: url(/images/menu4.2.gif) no-repeat;}
#menu4-1:hover{ width:155px; height:20px; background: url(/images/menu4.2.gif) no-repeat;}
/* bottom-navigation */
.bottom-menu {position: relative; width:960px; height:130px; margin-top:0px; z-index:1 }
#menu1 { display:block; float:left; margin-left:30px; margin-top:-110px; width:249px; height:248px; background:url(/images/menu1.jpg) no-repeat; }
a.menu_1 { display:block; cursor:pointer; float:left; margin-left:-30px; margin-top:-110px; width:249px; height:248px; background:url(/images/menu1.jpg) no-repeat; }
a.menu_11 { display:block; cursor:pointer; float:left; margin-left:-30px; margin-top:-110px; width:249px; height:248px; background:url(/images/menu1.jpg) no-repeat; }
#menu2 { display:block; float:left; margin-left:30px; margin-top:-73px; width:167px; height:211px; background:url(/images/menu2.jpg) no-repeat; }
a.menu_2 { display:block; cursor:pointer; float:left; margin-left:0px; margin-top:-73px; width:167px; height:211px; background:url(/images/menu2.jpg) no-repeat; }
#menu3 { display:block; float:left; margin-left:30px; margin-top:-92px; width:198px; height:225px; background:url(/images/menu3.jpg) no-repeat; }
a.menu_3 { display:block; cursor:pointer; float:left; margin-left:0px; margin-top:-92px; width:198px; height:213px; background:url(/images/menu3.jpg) no-repeat; }
#menu4 { display:block; float:left; margin-left:30px; margin-top:-140px; width:212px; height:277px; background:url(/images/menu4.jpg) no-repeat; }
a.menu_4 { display:block; cursor:pointer; float:left; margin-left:10px; margin-top:-140px; width:212px; height:277px; background:url(/images/menu4.jpg) no-repeat; }
/* menu-flash */
#menu {position: absolute; margin-left:0px; margin-top:50px; width:190px; height: 350px; z-index:5}
/* content */
.content-box {position: relative; margin-left:260px; margin-top:0px; border-top:4px solid #ef2828; width:720px; background: #ededed; z-index:2}
#box {position: relative; margin:0px; width:720px; background: url(/images/line-fon.jpg) right top repeat-y; min-height:550px; height:auto!important; height:550px; z-index:3 }
#text {padding:10px 60px 40px 40px;}
#text p {text-indent:25px; margin:10px; font:14px Verdana; color:#4d4d4d; line-height:20px;}
#text h1 { margin:10px; font: 22px Verdana; color:#ff0000}
#text strong { font-weight:bold}
#text em {font-style:italic}
#logo-img img { margin:10px;}
#box-bottom {position: absolute; bottom:0px; left:0px; width:700px; height: 63px; background: url(/images/box-bottom.jpg) bottom repeat-x #ededed; z-index:2}
#box-top {position: absolute; top:0px; left:0px; width:700px; height: 94px; background: url(/images/box-top.jpg) top repeat-x #ededed; z-index:2}
#line-top {position: absolute; top:0px; right:0px; width:20px; height: 67px; background: url(/images/line-top.jpg) top no-repeat #ef2828; z-index:4}
#line-bottom {position: absolute; bottom:0px; right:0px; width:20px; height: 67px; background: url(/images/line-bottom.jpg) top no-repeat #ef2828; z-index:4}
.red { color:#ed2828;}
/* images */
#images { float:right; width:228px; height:153px; margin: 3px 10px 3px 20px;}
#map{ width:590px; height:384px; margin: 20px 10px 10px 20px;}
.image {/* float:right; margin: 10px 10px 3px 20px;*/ border:1px solid #ed2828}
#images img{ position:absolute; z-index:2}
#images img.red_img{ z-index:3}
#map img{ position:absolute; z-index:2; border:1px solid #ed2828}
#map img.red_img{ z-index:3; border:1px solid #ed2828}
/* header-content */
#welcome { width:337px; height:19px; margin:10px; background:url(/images/welcome.gif) no-repeat;}
/* footer */
.footer { position: relative; width:100%; background:url(/images/bottomfon.jpg) bottom repeat-x; height:200px; margin:0px auto; z-index:1}
#footer_top {position: absolute; border-top:1px solid #ef2828; width:100%; margin-top:20px; }
#footer_bottom {position: absolute; border-top:20px solid #ef2828; width:100%; margin-top:185px; }
/* footer content */
#footer_content { width:960px; margin:0px auto;}
#adress { position: absolute; margin-left:70px; margin-top:35px; width:263px; height: 106px; background:url(/images/adress.gif) no-repeat; z-index:2 }
#phone { position: absolute; margin-left:745px; margin-top:35px; width:181px; height: 102px; background:url(/images/phone.gif) no-repeat; z-index:2 }
#mobi { position: absolute; margin-left:475px; margin-top:-9px; width:170px; height: 214px; z-index:2; display:block}
#copyright { position:absolute; font: 11px Verdana ; color:#fff; margin-left:70px; margin-top:187px; width:300px; z-index:2}
#webi_logo { position:absolute; margin-left:745px; margin-top:187px; width:16px; height:16px; background:url(/images/webi.gif) no-repeat; z-index:2}
#webi { position:absolute; font: 11px Verdana ; color:#fff; margin-left:765px; margin-top:187px; z-index:2; }
#webi a { color:#fff; text-decoration:underline;}
#webi a:hover { color:#fff; text-decoration:none;}
#li4ulnuk {position: absolute; margin-left:745px; margin-top:150px; width:100px; height: 30px; z-index:2 }
/* links*/
a { color:#ef2828; text-decoration:underline; font:Verdana}
a:hover { color:#6f6f6f; text-decoration:underline;}
/****************************************/
.image_cont{ position:relative; width:110px; height:108px; float:right; margin:10px 10px 7px 20px;}
.help{ position:absolute; bottom:0px; left:0px; z-index:9; width:112px; height:15px; background:#ed2828; color:#fff; font:10px Verdana; display:none; text-align:center; line-height:15px;}
.image_cont a, .image_cont a img{ z-index:10}
.image_cont1{ position:relative; width:104px; height:108px; float:right; margin:10px 10px 7px 20px;}
.help1{ position:absolute; bottom:0px; left:0px; z-index:9; width:108px; height:15px; background:#ed2828; color:#fff; font:10px Verdana; display:none; text-align:center; line-height:15px;}
.image_cont1 a, .image_cont1 a img{ z-index:10}
.image_cont2{ position:relative; width:110px; height:85px; float:right; margin:10px 10px 7px 20px;}
.help2{ position:absolute; bottom:0px; left:0px; z-index:9; width:112px; height:15px; background:#ed2828; color:#fff; font:10px Verdana; display:none; text-align:center; line-height:15px;}
.image_cont2 a, .image_cont2 a img{ z-index:10}
.image_cont3{ position:relative; width:175px; height:176px; float:right; margin:10px 10px 7px 20px;}
.help3{ position:absolute; bottom:0px; left:0px; z-index:9; width:177px; height:15px; background:#ed2828; color:#fff; font:10px Verdana; display:none; text-align:center; line-height:15px;}
.image_cont3 a, .image_cont3 a img{ z-index:10}