@import 'type.css';
@import 'addon.css';

body { margin: 0; padding: 0; }
a img { border: 0; }

.bold { font-weight: bold; }
.red-text { color: #D10801; }
.hidden { overflow: hidden; }
.normal { font-size: 12px; }
.pt_5 { padding-top: 5px; }
.pt_2 { padding-top: 2px; }
.grey { color: #7F7F7F; }
.va_top, table.va_top td { vertical-align: top; }
.small { font-size: 11px;}
a.alt_dec {text-decoration: none !important;}
a.alt_dec:hover {text-decoration: underline !important;}


/* STRYCTYRA */
.bone { min-width: 1000px; position: relative; z-index: 2; }

* html .bone { width: expression(document.body.clientWidth > 1000 ?  "100%" : "1000px" ); }

.head { height: 320px; padding-top: 95px; }
.h-inn { height: 199px !important; overflow: hidden; }
.wrapper { float: left; width: 100%; }
.content { margin-left: 269px; padding-bottom: 30px; }
.navigation { float: left; width: 269px; margin-left: -100%; padding-bottom: 10px; }

* html .navigation { margin-left: expression(document.body.clientWidth > 1000 ?  "-100%" : "-1000px" ); }

.content .left { width: 45%; float: left; overflow: hidden; }
.content .left .in { padding: 0 16px 0; }
.content .right { width: 55%; float: right; height: 1%; }
.content .right .in { padding: 5px 0 0 0; margin-right: 5%; }

.content .inner { width: 100%; float: left; overflow: hidden; font-size: 12px; }
.content .inner .in { padding: 5px 4% 0px 19px; }

/* HEAD */
.head { background: url(/_i/head-bg-0.jpg) repeat-x 0 95px; }
.h-inn { background: url(/_i/head-bg-1.jpg) repeat-x 0 95px; }
.logo { display: block; position: absolute; top: 0; left: 0; }
.fone { margin: 0; padding: 0; list-style: none; position: absolute; top: 24px; left: 150px; padding-left: 45%; }

.fone li { margin: 1px 0; padding: 0; background: none; font-size: 11px; vertical-align: baseline; }

.fone span { font-size: 180%; color: #d40800; vertical-align: baseline; margin-right: 8px; }


.pic { position: absolute; top: 96px; left: 0px; height: 173px; overflow: hidden; }
.flash { float: left; width: 57%; position: absolute; top: 0px; left: 0px; height: 415px; border: 0px; background: url(/_i/flash.jpg) no-repeat; }

.to-right { margin-left: 150px; padding-left: 45%; }
.tor-inn { background: url(/_i/head-bg.jpg) no-repeat 155px 31px; }
.tor-inn .bg { background: url(/_i/head-bg-sm.jpg) no-repeat 130% 32px; height: 173px; }
.menu { height: 24px; overflow: hidden; }

.menu table { width: 95%; border-collapse: collapse; }
.menu td { text-align: center; background: url(/_i/menu-bg.gif) no-repeat right top; padding-top: 3px; }

.menu ul { width: 100%; margin: 0; padding: 0; list-style: none; }
.menu li { float: left; padding: 4px 1.5% 0 1.5%; margin: 0; background: url(/_i/menu-bg.gif) no-repeat right top; }

.menu_pw li { padding-left: 3.5%; padding-right: 3.5%; }

.menu li.first { padding-left: 0; }

.menu a { width: 100%; margin: 0; padding: 0; color: #7f7f7f; text-decoration: none; font-size: 11px; }
.menu a:hover { color: #000000; }


.inf { background: url(/_i/head-bg.jpg) no-repeat center 0; color: #fff; font-size: 11px; height: 200px; overflow: hidden; padding: 26px 10% 0 0; }

.h-inn .inf { height: 148px; padding-top: 0; background: none; display: table-cell; vertical-align: middle; }
* html .h-inn .inf { position: relative; padding-top: 26px !important; height: auto !important; }
*+html .h-inn .inf { position: relative; padding-top: 26px !important; height: auto !important; }

*:first-child + html .h-inn .inf { position: relative; padding-top: 26px !important; height: auto !important; }

.inf a, .inf a:hover { color: #ffe1ba; }
.inf dl { width: 100%; text-align: left; }

.inf dt { width: 110px; float: left; padding: 13px 0 0 0; overflow: hidden; background-repeat: no-repeat; height: 0px !important; height: 13px; }
.inf dd { margin: 0 0 12px 110px; line-height: 1.3em; }
.inf dd a { display: block; margin-top: 3px; }
.inf .sr, .inf .pr { clear: both; }
.inf .online { display: block; margin: 1px 0px 0px 0px; padding: 0px 0px 0px 24px; width: 80px; height: 13px; background: url(/_i/online.gif) no-repeat; font-weight: bold; text-decoration: none; text-align: left; }
.inf .online:hover { color: #fff; }
.login { color: #555; font-size: 11px; margin-top: 25px; }
.login input, .login label, .login img { vertical-align: middle; }
.login .inp { color: #a5a5a5; width: 60px; border: 1px solid #c9c9c9; font-size: 12px; padding: 2px 2px; margin: 0 2px; }
.login .btn { margin: 0 2px; height: 15px; }
.faq { position: relative; top: 0; left: 0; }
a.faq .pup { display: none; position: absolute; z-index: 150; right: 0px; bottom: 0px; width: 180px; padding-bottom: 8px; }

html:first-child a.faq .pup { background: url(/_i/faq-h.gif) no-repeat bottom right; }

a.faq .pup span { color: #888; text-decoration: none !important; padding: 7px 10px; border: 1px solid #c0c0c0; background-color: white; font-size: 10px; display: block; }

a.faq:hover .pup { display: block; }

/* NAVIGATION */
.navigation { font-family: tahoma, verdana; top: -17px; z-index: 100; }
.navigation .title { padding: 26px 0 0 0;overflow: hidden;background-repeat: no-repeat;height: 0px !important; }
* html .navigation .title {height: 26px;}
*+html .navigation .title {height: 26px;}

.navigation .yslsgi .title { background-image: url(/_i/yslygi.gif); }
.navigation .portfolio .title { background-image: url(/_i/portfolio.gif); }

.navigation .yslsgi, .navigation .portfolio { background: url(/_i/nav-bg.gif) no-repeat right bottom; border-bottom: 1px solid #c7c7c7; }
.navigation .first-m .bg { padding: 30px 10px 7px 16px; }
.inn-m .first-m .bg { padding: 22px 10px 7px 16px; }
.navigation .second-m .bg { padding: 20px 10px 10px 16px; background: url(/_i/nav-bg-2.gif) no-repeat right top; border: 0px solid; }

.navigation ul { padding: 0 0 0 10px; list-style: none; border: 0px solid; margin-bottom: 25px; }
.navigation li { margin: 12px 0; }
.navigation li.active { font-weight: bold; color: #d10801; height: 100%; }
.navigation li.active a { color: #d10801; height: 100%; }
.navigation .portfolio li { margin: 10px 0 12px; }
.navigation a { color: #606060; text-decoration: none; font-size: 11px; }
.navigation a:hover { color: #606060; text-decoration: underline; }
.navigation li li a:hover { color: #606060; text-decoration: underline; }

.navigation .second { padding: 32px 10px 0 16px; }

.navigation .second .infs { color: #b40600; font-size: 11px; padding: 0 0 28px 37px; }


.colored { font-size: 10px; color: #D10801; padding: 2px 0px 2px 0px; }
.navigation .second li { margin: 0; }
.navigation li { padding-left: 28px; background-repeat: no-repeat; background-position: 0 0; }

.yslsgi li.it1 { background-image: url(/_i/it1.gif); background-position: top left; height: 100%; }
.yslsgi li.it2 { background-image: url(/_i/it2.gif); background-position: top left; height: 100%; }
.yslsgi li.it3 { background-image: url(/_i/it3.gif); background-position: top left; height: 100%; }
.yslsgi li.it4 { background-image: url(/_i/it4.gif); background-position: top left; height: 100%; }
.yslsgi li.it5 { background-image: url(/_i/it5.gif); background-position: top left; height: 100%; }
.yslsgi li.it6 { background-image: url(/_i/it6.gif); background-position: top left; height: 100%; }
.yslsgi li.it7 { background-image: url(/_i/it7.gif); background-position: top left; height: 100%; }
.yslsgi li.it8 { background-image: url(/_i/it8.gif); background-position: top left; height: 100%; }
.yslsgi li.it9 { background-image: url(/_i/it9.gif); background-position: top left; height: 100%; }
.portfolio li { background-image: url(/_i/plus.gif); background-position: left; height: 100%; }
.portfolio li { background-position: 0 2px; }

.portfolio ul ul { margin: 8px 8px 8px 0; padding: 0; }
.portfolio li li { background: url(/_i/li.gif) no-repeat left 0.5em; padding: 0 0 0 10px; margin: 5px 0 !important; font-weight: normal; }


.partners span { color: #c0c0c0; }
.partners li { background: url(/_i/li.gif) no-repeat left 0.5em; padding: 0 0 0 15px; margin: 3px 0 !important; font-weight: normal; color: #fff; }
.partners li a { font-size: 12px; color: #303030; }
.partners li li a { color: #909090; }

/* LEFT */
.left .visual { font-size: 11px; margin-bottom: 20px; }
.visual .item { margin: 5px 0; overflow: hidden; }
.visual img { float: left; margin-right: 16px; }
.visual .name { color: #d10801; font-weight: bold; margin-bottom: 2px; }
.visual a { color: #000; text-decoration: none; }
.visual a:hover { color: #000; text-decoration: underline; }

.visual .item { display: table; }
.visual .desc { display: table-cell; vertical-align: middle; }
.vis2 { margin: 5px 0 25px 18px; font-size: 11px; }
.vis2 .title { overflow: hidden; background-repeat: no-repeat; padding: 45px 0 0 0; height: 0px !important;}
* html .vis2 .title {height: 45px;}
*+html .vis2 .title {height: 45px;}

.calc .title { padding: 52px 0 0 0; height: 0px !important; background-image: url(/_i/calc.gif); }
* html .calc .title  {height: 52px;}
*+html .calc .title  {height: 52px;}

.podryad .title { background-image: url(/_i/podryad.gif); }
.slygba .title { background-image: url(/_i/slygba.gif); }

.vis2 ul { margin: 8px 0 8px 48px; padding: 0; list-style-image: url(/_i/bul.gif); }

.vis2 ul a { color: #000000; text-decoration: underline; }
.vis2 ul a:hover { color: #b60600; text-decoration: none; }
.vis2 li { padding: 0; margin: 2px 0 3px; }
.vis2 p { margin: 4px 0 0 20px; }


/* RIGHT */
.in .block { border: 1px solid #ddc39d; padding: 16px 20px 16px 16px !important; font-size: 11px; margin: 0 0 16px 0; overflow: hidden; background: url(/_i/block-bg.gif) repeat-y right; }
.in .block .b-bg { width: 100%; overflow: hidden; }
.designers .item { padding: 0 0 10px 0; }

.designers img { border: 3px solid #eed4b0; width: 87px; height: 87px; float: left; margin: 0 10px 0 0; }
.designers .name { color: #d10801; }
.designers .desc { padding: 7px 10% 0 0; line-height: 1.2em; clear: both; }
.designers .desc a { color: #000000; text-decoration: none; }
.designers .desc span { padding: 0 5px; }
.designers .desc a:hover { color: #000000; text-decoration: underline; }
.designers .desc:hover .ygol { text-decoration: none; }
.block .title { background: url(/_i/line-b.gif) repeat-x bottom; padding: 0px 0 9px 0; margin: 0px 0 10px 0; }
.block .title .bg { padding: 18px 0 0 0; overflow: hidden; background-repeat: no-repeat; height: 0px !important;}
* html .block .title .bg { height: 18px;}
*+html .block .title .bg { height: 18px;}

.designers .bg { background-image: url(/_i/designers.gif); }

.header-r2 .bg { background-image: url(/_i/header-r.gif); padding-bottom: 20px; }

.in .vip { font-family: tahoma, verdana; }
.vip .title .bg { padding: 14px 0 0 0; height: 0px !important; }
* html .vip .title .bg {height: 14px;}
*+html .vip .title .bg {height: 14px;}

.vip .bg { background-image: url(/_i/vip.gif); }
.vip .item { background: url(/_i/line-b-g.gif) repeat-x bottom; padding: 0 0 12px 0; margin: 0 0 10px 0; }
.vip .name { color: #d9031c; font-weight: bold; }
.vip p { color: #606060; margin: 0 0 4px 0; padding: 0px; }
.block .ban { float: left; width: 178px; overflow: hidden; }
.block .ban .fl-l { margin-right: 3px; }
.block .ban span { font-weight: bold; font-size: 80%; padding-right: 5px; display: block; }

/* FOOTER */
.footer { background: #f9f9f9 url(/_i/footer-bg.gif) repeat-x top; padding: 23px 0 0; clear: both; height: 1%; font-size: 11px; font-family: tahoma; color: #86817a; }
.footer a { color: #86817a; text-decoration: underline; }
.footer a:hover { color: #86817a; text-decoration: none; }
.footer_top_side { background: #D10801; overflow: hidden; font-weight: bold; padding-top: 9px; padding-bottom: 10px; margin-bottom: 2px; }
* html .footer_top_side { height: 15px; }
*+html .footer_top_side { height: 15px; }

.footer_top_side, .footer_top_side a { color: #FFFAFC; }

.footer_bottom_side { background: #EFEFEF; overflow: hidden; padding-top: 15px; padding-bottom: 18px; }
* html .footer_bottom_side { height: 22px; }
*+html .footer_bottom_side { height: 22px; }

.footer_top_side .left, .footer_bottom_side .left { float: left; margin-left: 30px; }

.footer_top_side .right, .footer_bottom_side .right { float: right; width: 466px; }

.copyright { margin-left: 59px; float: left; }
.menu-f a, .menu-f span { margin: 0 3px 0 0; }
.menu-f { margin-bottom: 5px; }
.menu-f img { vertical-align: middle; }

.develope { margin-left: 150px; padding-left: 45%; }

.portf { margin: 20px 0 15px; padding: 1px; }
.portf img { float: left; margin: 0 16px 20px 0; cursor: pointer; }
.clear { clear: both; }
.fl-l { float: left; }
.red { color: #d10801 !important; }

ol { padding-left: 30px; }

.htext { font-weight: bold; font-size: 14px; }


ul.bullet2 li { padding: 4px 0px 2px 10px; margin: 0px; background: url(/_i/bullet2.gif) no-repeat left top; color: black; }
ul.bullet3 { padding: 0px 0px 0px 15px; }

ul.bullet3 li { padding: 0px 0px 2px 18px; background: url(/_i/bullet2.gif) no-repeat 0px -2px; color: #606060; }
.sel2 { background-color: white; font-weight: bold; font-size: 14px; color: #a10601; font-family: Tahoma, verdana, sans-serif; font-family: tahoma; }

.sel3 { background-color: #e20000; font-weight: bold; font-size: 14px; color: white; font-family: Tahoma, verdana, sans-serif; font-family: tahoma; }


.sel4 { color: #606060; font-weight: bold; font-family: Tahoma, verdana, sans-serif; }

.navigation .second a { color: #606060; }

.navigation .second a:hover { color: #606060; }


.popup_holder { position: absolute; top: 300px; left: 300px; z-index: 3002; background: #f0f0f0; padding: 13px; font-size: 11px; width: 400px; }
.popup_holder * { font-family: tahoma !important; }

.popup { background: #fff; padding: 21px 21px 19px; }

.popup_header { color: #D10801; text-transform: uppercase; font-size: 14px; font-weight: bold; padding-bottom: 9px; background: url(/_i/additional/dash.gif) repeat-x bottom; margin-bottom: 23px; }

.popup_input_text { margin: 0 5px; border: solid 1px #C9C9C9; font-size: 11px; padding: 2px; }



.rubic_ts { background: url(/_i/additional/rubic_dot.gif) repeat-x; }
.rubic_bs { background: url(/_i/additional/rubic_dot.gif) repeat-x bottom; }
.rubic_ltc { background: url(/_i/additional/rubic_ltc.gif) no-repeat; }
.rubic_rbc { background: url(/_i/additional/rubic_rbc.gif) no-repeat right bottom; }
.rubic { padding: 20px 21px 0; }

.red-block { text-align: center; background: #E20000; color: #fff; font-weight: bold; width: 112px; padding: 3px 0; }

#white_cover { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #fff; filter: alpha(opacity=75); -moz-opacity: 75%; opacity: 0.75; z-index: 3001; }

.cursor_pointer { cursor: pointer; }

.cursor_default { cursor: default; }

.extras_table { border-collapse: collapse; }

.extras_table td { padding: 13px 10px 15px 7px; border: solid 1px #C9C9C9; }

#main_strut, #internal_strut { height: 1px; overflow: hidden; width: 800px; }

* html #internal_strut { width: 1000px; }

html:root #main_strut, html:root #internal_strut { display: none; }

.pl_31 { padding-left: 31px;}
.in .pl_31 { padding-left: 2px;}
.a_left { text-align: left;}
.in h1 { background: url(/_i/bg_head_dash.gif) repeat-x bottom; }
.stext { font-size: 11px; padding-left: 38px; }
.sape_news { margin-left: -37px; padding-left: 0px; }
.sape_newslist { margin-left: -38px; padding-left: 0px; padding-top: 3px; }
.stext a { font-size: 11px; color: #d10801; }

td.newsdate span, .b_newsdate { color: #D10801; font-size: 11px; font-weight: bold; }
td.newsdate, .b_newsdate { padding-top: 1px; }

td.newslist { padding-left: 15px; }
td.newslist div { padding-top: 5px; font-size: 11px; color: #606060; }
td.newslist a { color: #000; }

.page_lister { font-size: 11px; }
.page_lister div { display: inline; float: left; padding-top: 1px; }
.page_lister span, .page_lister a { color: #000; display: inline-block; float: left; text-decoration: none; padding: 2px 5px 2px 5px; margin-right: 2px; margin-left: 1px; }
.page_lister a.selected { color: #000; display: inline-block; float: left; border: 1px solid #D67370; text-decoration: none; padding: 1px 4px 1px 4px; }
table.main_fastlink td { padding-bottom: 13px; }
.banner { text-align: right; padding: 29px 0px 0px 0px; }

.fastlink_center {font-size:11px;margin-bottom:20px;}
.fastlink_center td {padding: 5px 0px 10px 0px; vertical-align: top;}
.fastlink_center img {margin-right:16px;}
.fastlink_center .sc {padding-top: 19px;}

.fastlink_center .name {color:#D10801;font-weight:bold;margin-bottom:2px;}

.fastlink_center a {color:#000000;text-decoration:none;}
.fastlink_center a:hover {color:#000000;text-decoration:underline;}