*{ margin:0;  padding:0; }

html{ padding:50px 50px 80px 50px;  background:#f9fafc; }
body{font:12px Verdana, Arial, Helvetica, sans-serif; color:#333; }

#root{ position:relative;  min-width:670px; max-width:1080px; margin:0 auto; min-height:250px; _height:250px; padding:8px;}
#root{ _width: expression(document.documentElement.clientWidth>1196?1080:(document.documentElement.clientWidth<786?670:"auto"));}

.main{ position:relative; border:1px solid #e0e0e0; background:#fff; padding:26px 40px 30px 39px; min-height:250px; _height:250px;}


/*content*/

.clear{clear:both}
.fr{float:right}
img{border:0;}
a:link{ color:#007cc2; }
a:visited{ color:#4e6faa; }
a:hover, a.act{ color:#ee7700; }


blockquote{ background: url('../imgs/cite_bg.gif') repeat 0 0; padding:3px; margin:0 0 10px 110px; font-style:normal; min-height:14px; _height:14px;}
blockquote div{ background:#fff;  padding:10px 10px 4px 10px;}
blockquote p{  padding:0px 30px 12px 0px  !important;}
blockquote em{ color:#999; font-style:normal;}
blockquote cite{ color:#999; display:block; text-align:right;}

h1 { font-size:28px; font-weight:normal; position:relative; padding:20px 0 18px 0; clear:both; min-width:400px;}
h1 b{ position:absolute; sleft:0; font-size:10px; font-style:normal; font-weight:normal; color:#ddd; padding:8px 0 0px 32px; }
h1 big{ font-size:44px; font-weight:normal;}
h1 .websites{color:#66cc00}
h1 .flash{color:#ff8c00}

h2{ font-size:22px; font-weight:normal; padding:0px 0 10px 0; }
h2 i{ font-size:14px; }

h3{ font-size:16px; font-weight:normal; padding:0px 0 3px 0; color:#339900; }

ul{list-style:none; padding:0px 0 9px 0; margin:0px; line-height:14px}
ul li{padding:3px 100px 3px 15px; background:url(../imgs/icos.gif) no-repeat 2px -89px; line-height:16px;}

code{ display:block; margin:20px 40px 20px 0px; padding:20px; border:1px dotted #333; color:#003399; background:#fefee0;}

a.arr{ background:url('../imgs/icos.gif') no-repeat right -50px; padding-right:15px}
a.arr:hover, a.arr.act{ background:url('../imgs/icos.gif') no-repeat right -70px}
a[target]{ background:url('../imgs/icos.gif') no-repeat right -17px; padding-right:7px}
a.mail{ background:url('../imgs/icos.gif') no-repeat right -31px; padding-right:14px}

span[title]{ border-bottom:1px dotted #333; cursor:help;}

p{  padding:0px 0px 12px 0px; line-height:16px;}
sup{ white-space:nowrap; color:#707070;}
del{ }
ins{ text-decoration:none; border-bottom:1px solid #eee; }
big{ font-size:16px;}
strong{ font-weight:normal; font-size:22px; line-height:1px;}
small{ font-size:10px; color:#9fafbb;}
small img{ margin:0 0 -2px 0 !important; float:none !important;}
.alr{ display:block; text-align:right;}
.info{ background:url('../imgs/icos.gif') no-repeat 0 1px; padding-left:15px; }

/*--------------------------------------*/



.logo{ width:280px; height:30px; padding:51px 0 0 107px; margin-bottom:19px; font-size:10px; color:#515151 !important; text-decoration:none; display:block; position:relative; }
.logo img{ position:absolute; left:0; top:0; width:340px; height:77px; z-index:8; color:#fff;}
.logo b{ position:absolute; left:80px; top:12px; font-size:40px; font-weight:100; font-family:Arial, Helvetica, sans-serif; white-space:nowrap}

.move{position:absolute; top:9px; left:9px;  z-index:9;}
.move div{ display:block; background:#fff; width:145px; height:107px; z-index:9; position:absolute; }
.move b{position:absolute; top:0px; left:0px; display:block; width:12px; height:12px; z-index:10; overflow:hidden; cursor:default !important;}
.move b.act{ border:1px solid #fff; width:10px; height:10px; opacity:0.8; filter:Alpha(opacity:80) }


div.sitemap{}
div.sitemap a{ position:absolute; right:41px; top:36px; display:block; height:26px; cursor:default; color:#fff; padding:0 52px 0 0; font-size:10px; text-decoration:none;  }
div.sitemap a:link, div.sitemap a:visited{ cursor:pointer; color:#fff; background:#fff url('../imgs/sitemap.png') no-repeat right top;}
div.sitemap a:link:hover, div.sitemap a:visited:hover, div.sitemap a:link:active, div.sitemap a:visited:active{ color:#ffd1ac; background-position:right -25px;}

div.team{ background:#ffd400;  width:30px; position:absolute; left:40px; top:-27px;}
div.team a{ display:block; padding:0px; height:27px; text-align:center; color:#fff !important; cursor:default; font-size:25px; text-decoration:none; background: url('../imgs/but_bg_s.png') repeat 0 0; background-attachment:fixed; line-height:24px; font-weight:100; font-family:"Times New Roman", Times, serif;}
div.team[class] a{ background-attachment:scroll; }
div.team a:link, div.team a:visited{ cursor:pointer;}

.nav_t {position:absolute; top:-27px; right:35px;}
.nav_t b{ display:block; float:left; font-weight:normal; color:#bbb; font-size:10px; padding:6px 18px 0 0; }
.nav_t span{ display:block; float:left; margin:0 5px 0 0; width:150px; padding:0 !important;}
.nav_t span a{ display:block; padding:6px 0 0 0; height:21px; font-size:12px; text-align:center; color:#eee !important; text-decoration:none; background: url('../imgs/but_bg.png') repeat 0 0; background-attachment:fixed; cursor:default; }
.nav_t[class] span a{ background-attachment:scroll; }
.nav_t span a:link, .nav_t span a:visited{ cursor:pointer; color:#fff !important;}
.nav_t span.websites{ background:#66cc00}
.nav_t span.flash{ background:#ff8c00}

.nav_b { padding:20px 0 0 0; text-align:center; color:#aaa; font-size:11px; margin:50px 0 0 0; background: url('../imgs/cite_bg.gif') repeat-x 0 -9px;}
.nav_b a{ padding:0 10px;}
.nav_b a:hover{ color:#aaa;}
.nav_b a:link:hover, .nav_b a:visited:hover{ color:#ee7700;}


.gallery{ position:relative; z-index:2; .width:107%; margin-right:-50px; _width:107%; _margin-right:-70px;}
.gallery dt{ display:block; float:left; width:158px; height:185px; padding:0 50px 0 0; position:relative; }
.gallery dt span{ display:block; background: url('../imgs/i_bg.png') no-repeat 0 0; } 
.gallery dt a{ display:block; width:158px; background: url('../imgs/i_bg.png') no-repeat left bottom; }
.gallery dt a[target]{  background: url('../imgs/i_bg.png') no-repeat left bottom; padding:0; }
.gallery dt a img{ margin:3px 0px 4px 2px; .margin-bottom:6px;}
.gallery dt a:hover img{ margin:1px 0px 6px 0px;}
.gallery dd{ position:absolute; visibility:hidden; }


.footer{ position:absolute; width:100%;  min-width:690px; max-width:1090px; margin:0 auto; padding:27px 0 0px 0px; height:30px;}
.footer{ _width: expression(document.documentElement.clientWidth>1196?1050:(document.documentElement.clientWidth<786?650:"auto"));}
.footer address{ font-style:normal; padding:0 0 0 40px; opacity:0.60; font-style:normal; .color:#7f7f7f;}
.footer address a{ .color:#77aaFF;}
.footer .ukrinsoft{ position:absolute; top:23px; right:48px; width:123px; height:31px; overflow:hidden; text-decoration:none; }
.footer .ukrinsoft img{ position:absolute; left:0; top:0; background:#f9fafc; background-attachment:fixed; width:123px; height:31px;}


.fs{position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; display:none; z-index:100; padding:0;  }
.fs blockquote{  position:absolute; padding:0; margin:0; top:0; left:0px; width:100%; height:100%; background:#000; opacity:0.8; filter:Alpha(opacity:80); }
.fs div{ position:absolute; top:100px; left:200px; background:#fff url('../imgs/loading.gif') no-repeat center center;  margin:-119px 0 0 -119px; padding:19px; }
.fs div span{ display:block; width:200px; height:200px; border:1px solid #C4C4C4;}
.fs div span img{ margin-bottom:-4px;}
.fs[class] div{ position:fixed; _position:absolute; top:50%; left:50%;}
.fs div a{ display:block; width:34px; height:11px; position:absolute; top:0px; right:20px; background: url('../imgs/icos_fs.png') no-repeat 0 0; cursor:pointer; overflow:hidden; }
.fs div var {position:absolute; top:0px; left:20px;}
.fs div var a{ position:relative; right:auto; float:left; margin-right:4px; text-align:center; font-style:normal; text-decoration:none; font-size:8px; font-weight:bold; color:#fff; background: url('../imgs/icos_fs.png') no-repeat 0 -11px; }
.fs div var a.act{ cursor:default;  filter:Alpha(opacity:70); opacity:0.70;}
.fs div b {position:absolute; bottom:5px; left:0px; padding:0 0 0 20px; font-size:10px; color:#777; font-weight:normal; display:block; width:100%;}


/*------------------------pages-----------------------------*/


/*index*/
.calc{ float:right; padding:1px 15px 0 50px; position:relative; z-index:1;}
.calc b{ display:none;}


/*team*/
#first{ padding:0px 0 0px 0px; height:139px;  position:relative;}
#first a{ display:block; text-align:center; width:24%; float:left; padding:5px 0; border:1px dotted #fff; position:relative; }
#first a:hover{ background:#f6f7f9; }
#first a.act{ background:#f9fafc; border-color:#aaa;}
#first a i{ position:absolute; left:50%; top:114px; display:block; width:0px; height:23px; border-left:1px dotted #fff; }
#first a.act i{ border-color:#aaa;}

#person{ border:1px dotted #aaa; padding:15px;  background:#f9fafc; margin-bottom:30px; height:1px;}
#person[id]{min-height:1px; height:auto;}
#person img{ float:left; margin:0 20px 0 0;}

#team{ display:none;}


/*calculator*/
.price{ font:64px Arial, Helvetica, sans-serif; color:#009900}
.calc_form{ border:1px dotted #aaa; padding:20px 15px 15px 220px;  margin:20px 0 30px 0; line-height:17px; position:relative; min-width:300px; height:100px; }
.calc_form[class]{  min-height:100px; height:auto;}
.calc_form div{  padding:6px 0px 6px 0px; line-height:16px;}
.calc_form h2{ position:absolute; top:-12px; left:12px; font-size:14px; font-weight:normal; padding:1px 4px 2px 4px; background:#fff;  border:1px dotted #aaa;}
.calc_form h3{ display:inline; font-size:13px; position:absolute; left:15px;}
.calc_form .chb{ margin:0 3px 0 0px;}
.calc_form .rad{ margin:0 3px -2px 0px;}


/*send*/
form.send{ padding:5px 0 0 0; height:1px; position:relative;}
form.send[class]{ min-height:1px; height:auto;}
form.send label{ display:block; font-size:11px; font-weight:bold; float:left; width:110px; padding:16px 0 2px 0;}
form.send label small{ font-weight:normal;}
form.send input, form.send textarea{ border:1px dotted #aaa; padding:3px; font:12px Verdana, Arial, Helvetica, sans-serif; margin-top:12px; width:50%;}
form.send br{ clear:both;}
form.send i{ position:absolute; color:#FF3300; padding:14px 0 0 3px;}
form.send small.info{ margin-left:110px;}
form.send button{ margin-top:12px;}

form.send .calc2{ margin-top:10px; position:absolute; right:0; width:28%; text-align:center; color:#909090 !important; cursor:text; font-size:11px; text-decoration:none; line-height:16px;}
form.send .calc2 b{  color:#007cc2 !important; cursor:pointer; font-weight:normal; text-decoration:underline;}
form.send .calc2 img{  cursor:pointer;}

form.send #status_start{ display:block; height:30px;}
form.send #status_process{ color:#5f5f5f; font-size:14px; display:none; height:30px;}
form.send #status_process img{margin:0 10px -12px 0;}
form.send #status_ok{ color:#339900; font-size:14px; display:none; height:18px; padding-top:12px;}

#phone{font:bold 16px Georgia; color:green}

form.send .example{ margin:0 0 0 110px; padding:10px 3px; width:50%; border:1px dotted #778; color:#778; background:#f1f1ff; display:none; }


/*index*/
h1#index { font-size:10px; color:#ddd; padding:33px 0 0px 59px; height:38px;} 
h1#index span{ position:absolute; left:0; margin:0; color:#efeeee; font-size:40px; padding:0px 0 0 10px; .padding-top:20px; margin-top:-19px; word-spacing:7px; letter-spacing:-2px; text-transform:uppercase; font-weight:900;} 
h1#index span:first-letter { font-size:64px; font-weight:600; }

/*e404*/
.e404 {padding:0 0 30px 74px; }
.e404 h1{ color:#efeeee; font:900 90px "Arial Black", Helvetica, sans-serif; padding:0;  margin:-20px 0 -8px 0;}
.e404 h1 sup{ color:#ddd; font:normal 10px Verdana, Arial, Helvetica, sans-serif; position:absolute; top:20px; left:37px;}
.e404 h2, .e404 p{ padding:0 0 2px 34px;}
.e404 p{ padding-bottom:6px;}
.e404 a.broken{color:#007cc2; text-decoration:line-through;}

/*tt*/
.tt { padding:26px 0 20px 44px !important; position:relative; height:1px;}
.tt[class] { min-height:1px; height:auto;}
.tt tt{ position:absolute; left:0; top:0; font:38px Verdana, Arial, Helvetica, sans-serif; color:#66cc00 }

/*map_menu*/
ul.map_menu{ color:#9fafbb; font-size:11px; padding:5px 0px 30px 15px; width:670px }
ul.map_menu li{ padding-bottom:12px;}
ul.map_menu a{ font-size:15px;}



/*-------------------------------------------------------------------------------------------------------------*/
@media print {
	html, body{ padding:0 !important; background:#fff !important;}
	
	.box .tl, .box .bl, .box .tr, .box .br, .box .tf, .box .bf, .box .lf, .box .rf{ display:none;}
	.move{ display:none;}
	.main{ border:0 !important; padding:0px 10px 0px 40px !important;}
	
	.nav_t, .nav_b, div.team, div.sitemap{ display:none;}
	
	.footer{ border-top:1px solid #777; margin:20px 10px 0 40px; position:relative;}
	.footer address{ opacity:1; padding-left:10px;}
	.footer .ukrinsoft{ display:none;}
}
/*------------------------------------------------------------------------------------------------------------*/


/*admin*/
.admin_but_edit{ position:absolute; right:1px; top:1px; display:block; width:15px; height:15px; border:1px solid #f9fafc; background:#fefefe; text-decoration:none; text-align:center; color:#007cc2; font-size:13px; line-height:12px; cursor:pointer; }
.admin_but_edit:hover{ border-color:#ccc;}

#admin{position:absolute; top:0; left:0; width:100%; height:100%; display:none; z-index:200;  }
#admin .modal{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; filter:Alpha(opacity:70); }
#admin .body{ padding:56px 56px 86px 56px; }
#admin .close_button{ position:absolute; right:3px; top:3px; border:1px solid #f9fafc; cursor:pointer; display:block; width:16px; height:16px; background:url(../imgs/close_button.png) no-repeat 0 0; z-index:1; }
#admin .close_button:hover{ border-color:#ccc; }
#admin .pane{ position:relative; margin:0px auto; min-width:590px; max-width:1000px;  _height:250px; min-height:250px; padding:26px 40px 30px 39px;  background:#f9fafc; zbackground:#fff url('../imgs/loading.gif') no-repeat center center; border:2px solid #333; }

#admin .edPanel{ border:0;}
#admin .ed_content{ padding:10px; background:#fff; position:relative;}

#admin .gallery{ margin:0;}