/*Design*/

* { margin:0; padding:0; }
html { margin:0; padding:0; width:100%; height:100%; }
body { color: #d6d6d6; background:black; width:100%; height:100%; padding: 0; margin: 0; font:11px Verdana, sans-serif; position: relative; }
img { border: 0; }
table { width: 100%; border-collapse: collapse; }
td, th { padding: 0; vertical-align: top; }
p { margin-top: 0; }
a { color: #00BF00; text-decoration:underline; }
a:hover { color: #00BF00; text-decoration:none; }
.clear { clear: both; font-size: 0; height:0; }
h1 { font-size: 18px; color: #0b90d8; font-family: Arial, sans-serif; padding-bottom: 5px; margin-bottom: 10px; border-bottom: dashed 1px #0b90d8; }
h2 { color:#0b90d8; padding-bottom: 10px; font-size:14px; font-weight:bold; }
h3 { color:#0b90d8; padding-bottom: 5px; font-size:12px; font-weight:bold; }

.submenu { margin: 0 10px; }
.submenu table { width: auto; border: 0; }
.submenu-bg a { text-align: center; background: url(/images/2wind/blue-button.png) left bottom no-repeat; display: block; width: 117px; height: 30px; font-size: 9px !important; color: #fff !important; text-decoration: none; }
.submenu-bg a:hover { background: url(/images/2wind/green-button.png) left bottom no-repeat; }
div.padding { padding: 4px 10px 0 10px; }

* html .outer { height: 100%; }
.outer { position: relative; min-height: 100%; background:url(/images/2wind/bg-left-bottom.jpg) no-repeat left bottom; min-width:1000px; -width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "1000px": "auto"); }
.outer .left-top { position:absolute; left:0; top:0; background:url(/images/2wind/bg-left-top.jpg) no-repeat; width:501px; height:435px; }
.outer .right-top { position:absolute; right:0; top:0; background:url(/images/2wind/bg-right-top.jpg) no-repeat; width:443px; height:417px; }
.outer .top-part { position:relative; width:100%; background:url(/images/2wind/line.gif) repeat-x left 442px; height:530px; }
.outer .top-part .bg { position:absolute; width:780px; height:600px; background:url(/images/2wind/big-img.jpg) no-repeat; left:0; top:0; }
/*.outer .top-part .bg .design-sale { position:absolute; left: 600px; top: 298px; }*/
/*.outer .top-part .bg .design-sale a { color: #b60004; font-size:24px; font-weight: bold; text-decoration: blink; }*/
/*.outer .top-part .bg .seo-sale { position:absolute; left: 630px; top: 385px; }*/
/*.outer .top-part .bg .seo-sale a { color: #b60004; font-size:24px; font-weight: bold; text-decoration: blink; }*/
.outer .top-part .bg .banner15000-main { position:absolute; left: 715px; top: 359px; }
.banner15000-second { position:absolute; left: 50px; top: 180px; }
.second .top-part { background:none; height:285px; }
.outer .top-part .logo { position:relative; padding:47px 0 0 43px; width:270px; height:81px; }
.outer .top-part .logo .bg { position:absolute; left:43px; top:47px; width:270px; height:81px; background:url(/images/2wind/logo.png) no-repeat; -background-image:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/2wind/logo.png', sizingMethod='crop'); }
.outer .top-part .logo p { position:absolute; top:118px; left:120px; font-size:10px; color: #7b7b7b; }
.outer .top-part .logo a { position:absolute; left:43px; top:47px; width:270px; height:81px; display:block; }
.outer .top-part .menu { float:right; width:624px; height:266px; position:relative; background:url(/images/2wind/menu-bg.jpg) no-repeat; font:11px Verdana, sans-serif; }
.outer .top-part .menu a { color:white; text-decoration:none; }
.outer .top-part .menu .m-about { position:absolute; top:99px; left:28px; }
.outer .top-part .menu .m-about a { position:relative; top:5px; left:-5px; }
.outer .top-part .menu .m-about .img { position:relative; display:block; top:0; left:-1px; width:61px; height:61px; }
.outer .top-part .menu .img img { position:absolute; left:0; top:0; }
.outer .top-part .menu .first { z-index:11; }
.outer .top-part .menu .second { z-index:0; }
.outer .top-part .menu .m-news { position:absolute; top:42px; left:158px; }
.outer .top-part .menu .m-news a { position:relative; top:5px; left:12px; }
.outer .top-part .menu .m-news .img { position:relative; display:block; top:2px; left:0; width:58px; height:61px; }
.outer .top-part .menu .m-articles { position:absolute; top:49px; left:365px; }
.outer .top-part .menu .m-articles a { position:relative; top:0px; left:-5px; text-align:center; display:block; }
.outer .top-part .menu .m-articles .img { position:relative; display:block; top:-2px; left:-1px; width:65px; height:48px; }
.outer .top-part .menu .m-clients { position:absolute; top:170px; left:142px; }
.outer .top-part .menu .m-clients a { position:relative; top:10px; left:-5px; }
.outer .top-part .menu .m-clients .img { position:relative; display:block; top:0; left:0; width:45px; height:44px; }
.outer .top-part .menu .m-vak { position:absolute; top:113px; left:278px; }
.outer .top-part .menu .m-vak a { position:relative; top:13px; left:-15px; text-align:center; display:block; }
.outer .top-part .menu .m-vak .img { position:relative; display:block; top:2px; left:3px; width:45px; height:69px; }
.outer .top-part .menu .m-inet { position:absolute; top:149px; left:398px; }
.outer .top-part .menu .m-inet a { position:relative; top:10px; left:-5px;  text-align:center; display:block; }
.outer .top-part .menu .m-inet .img { position:relative; display:block; top:3px; left:3px; width:60px; height:66px; }
.outer .top-part .menu .m-create { position:absolute; top:100px; left:519px; }
.outer .top-part .menu .m-create a { position:relative; top:7px; left:0px; text-align:center; display:block; }
.outer .top-part .menu .m-create .img { position:relative; display:block; top:2px; left:-1px; width:57px; height:61px; }

.outer .main-part { position:relative; //height:1%; padding:12px 70px 115px 70px; }
.outer .main-part .blocks { padding-bottom: 20px; }
.outer .main-part .blocks a.dashed { text-decoration: none; border-bottom: 1px dashed; }
.outer .main-part .blocks a.dashed:hover { text-decoration: none; border-bottom: 1px dashed #000; }
.outer .main-part a { color:#4AA5FF; font-size:11px; }
.outer .main-part .item { padding-right:2%; padding-left:1%; float:left; position:relative; }
.outer .main-part .name { float:left; color:black; font-weight:bold; font-size:11px; text-align:center; padding-top:6px; width:65px; height:21px; background:url(/images/2wind/punkt-bg.gif) no-repeat; }
.outer .main-part .name a { color:black; font-weight:bold; font-size:11px; }
.outer .main-part .list { margin-left:2px; padding-top:7px; float:left; }
.outer .main-part .item .text { padding:7px 0 0px 13px; position:relative; width:60%; float:left; }
.outer .main-part .item .text h2 { color:white; font-size:10px; }
.outer .main-part .item .text p { padding-bottom:10px; }
.outer .main-part .list li { list-style:none; padding-left:10px; padding-bottom:4px; margin-bottom: 5px; }
.outer .main-part .item .line { padding-bottom:17px; }
.outer .main-part .item .line .in ul { padding-left:15px; float:left; padding-top: 6px; }
.outer .main-part .item .line .in li { list-style: url(/images/2wind/arr.gif); padding-bottom:4px; }
.outer .main-part .item .line .search { margin-top:4px; //margin-top:2px; margin-left:12px; width:172px; //margin-left:12px; -margin-left:10px; }
.outer .main-part .item .line .submit { width:64px; margin:10px 0 0 0px; position:relative; left:77px; height:15px; background:url(/images/2wind/search.gif) no-repeat; display:block; cursor:pointer; cursor:hand; border:0; }
.outer .main-part .item .line .mark { width:177px; margin:0px 0 0 0px; height:25px; border:0; }
.outer .main-part .item .line .create { width:177px; margin:10px 0 0 0px; height:25px; border:0; }
.outer .main-part .item .line .in { float:left; padding-left:12px; }

/*Second Page*/
.left-menu .line { padding-bottom:17px; }
.left-menu .line .search { margin-top:4px; //margin-top:2px; margin-left:12px; width:172px; //margin-left:12px; -margin-left:10px; }
.left-menu .line .submit { width:64px; margin:10px 0 0 0px; position:relative; left:77px; height:15px; background:url(/images/2wind/search.gif) no-repeat; display:block; cursor:pointer; cursor:hand; border:0; }
.left-menu .line .mark { width:177px; margin:0px 0 0 0px; height:25px; border:0; }
.left-menu .line .create { width:177px; margin:10px 0 0 0px; height:25px; border:0; }
.left-menu .line .in { float:left; padding-left:12px; }
.left-menu .line .in a.dashed { text-decoration: none; border-bottom: 1px dashed; }
.left-menu .line .in a.dashed:hover { text-decoration: none; border-bottom: 1px dashed #000; }
.left-menu .line .in p { padding-bottom: 10px; }

.outer .main-part .right-cont ul { padding: 0 0 0 15px; margin-bottom: 10px; }
.outer .main-part .right-cont li { list-style: url(/images/2wind/arr.gif); }
/*End Second Page*/

/*Типы сайтов*/
.blocktip { display: none; margin: -3px 0 10px 0; padding: 10px; border: solid 1px #0b90d8; }
.tip { padding: 2px 0; }
.tip b { color: #0b90d8; text-decoration: underline; }
/*Типы сайтов КОНЕЦ*/

.outer .main-part .wrap { padding-top:26px; }
.outer .main-part .wrap .i-line { padding-bottom:32px; }
.outer .main-part .wrap .i-item { width:47%; float:left; }
.outer .main-part .wrap .i-item .img { border:1px solid #636363; float:left; }
.outer .main-part .wrap .i-item .text { padding-left:192px; }
.outer .main-part .wrap .i-item .text h2 { color:#fffbfb; padding-bottom:10px; font-size:12px; font-weight:bold; }
.outer .main-part .wrap .space { height:60px; width:5%; float:left; }

.outer .main-part .left-menu { width:300px; float:left; }
.outer .main-part .right-cont { padding-left:320px; }

.podpis { color: #bbb; border-top: solid 1px #bbb; margin-top: 20px; }
.podpis td { width: 25%; padding-top: 5px; }

/*CMS*/
.cmstitle { color: White; padding: 0 0 10px 10px; font-size:13px; }
.block { border:1px solid #3a3a3a; position:relative; -height:1%; margin-bottom:14px; padding-top:4px; padding-bottom:0px; }
.block .lt { position:absolute; left:-1px; top:-1px; background:url(/images/2wind/lt.gif) no-repeat left top; width:3px; height:27px; }
.block .rt { position:absolute; right:-1px; top:-1px; background:url(/images/2wind/rt.gif) no-repeat left top; width:3px; height:27px; }
.block .rb { position:absolute; right:-1px; bottom:-1px; background:url(/images/2wind/rb.gif) no-repeat left top; width:2px; height:2px; }
.block .lb { position:absolute; left:-1px; bottom:-1px; background:url(/images/2wind/lb.gif) no-repeat left top; width:2px; height:2px; }
.type-1 { width: 650px; background:url(/images/2wind/red-bg.gif) repeat-x; }
.type-2 { width: 650px; background:url(/images/2wind/blue-bg.gif) repeat-x; }
.type-3 { width: 650px; background:url(/images/2wind/green-bg.gif) repeat-x; }
.type-1 .lt { background:url(/images/2wind/r-lt.gif) no-repeat; }
.type-2 .lt { background:url(/images/2wind/b-lt.gif) no-repeat; }
.type-3 .lt { background:url(/images/2wind/g-lt.gif) no-repeat; }
.type-1 .rt { background:url(/images/2wind/r-rt.gif) no-repeat; }
.type-2 .rt { background:url(/images/2wind/b-rt.gif) no-repeat; }
.type-3 .rt { background:url(/images/2wind/g-rt.gif) no-repeat; }
table.cms td { color:white; padding:1px 0 2px 0; }
table.cms td p { color: #000; padding:4px 8px 5px 10px; float:left; }
table.cms td.grey p { color:#efefef !important; }
table.cms td.bg p { background:#1a1a1a; }
/*End CMS*/

/*Context*/
.yandex { background:url(/images/2wind/red-bg.gif) repeat-x; margin: 5px; }
.rambler { background:url(/images/2wind/blue-bg.gif) repeat-x; margin: 5px; }
.yandex .lt { background:url(/images/2wind/r-lt.gif) no-repeat; }
.rambler .lt { background:url(/images/2wind/b-lt.gif) no-repeat; }
.yandex .rt { background:url(/images/2wind/r-rt.gif) no-repeat; }
.rambler .rt { background:url(/images/2wind/b-rt.gif) no-repeat; }
table.context td { color: #d6d6d6; padding: 1px 0 2px 0; }
table.context td p { padding: 4px 8px 5px 10px; }
table.context td p.grey { color:#7b7b7b; background: #1a1a1a; text-decoration: underline; font-weight: bold; }
table.context td ul { padding: 4px 8px 5px 30px!important; }
table.context td li { margin-bottom: 3px; }
/*Context*/

.footer { position:relative; height:34px; margin:-34px 0 0 0; min-width:1000px; -width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "1000px": "auto"); background:url(/images/2wind/footer-bg.gif) repeat-x left top; }
.footer .center { position:relative; margin:0 112px 0 124px; height:34px; }
.footer .center .left-bg { background:url(/images/2wind/bullet.gif) no-repeat; position:absolute; width:7px; height:21px; top:6px; left:0; }
.footer .center .right-bg { background:url(/images/2wind/bullet.gif) no-repeat; position:absolute; width:7px; height:21px; top:6px; right:0; }
.footer .center .title { background:url(/images/2wind/title-bg.gif) repeat-x; height:22px; position:relative; top:5px; margin:0 0 0 20px; float:left; }
.footer .center .title .left { background:url(/images/2wind/title-left-bg.gif) no-repeat; height:22px; width:4px; position:absolute; top:0px; left:0; }
.footer .center .title .right { background:url(/images/2wind/title-right-bg.gif) no-repeat; height:22px; width:4px; position:absolute; top:0px; right:0; }
.footer .center .title p { color:white; padding:5px 26px 0 8px; }
.footer .time { background:url(/images/2wind/time-bg.gif) no-repeat; width:53px; height:22px; position:absolute; right:44px; top:5px; }
.footer .time p { color:white; width:47px; margin:0 auto; text-align:center; padding-top:5px; }
.footer .menu { background:url(/images/2wind/menu2-bg.gif) no-repeat; width:67px; height:22px; cursor:pointer; cursor:hand; z-index:100; position:absolute; top:5px; left:45px; }
.footer .menu .inner { display:none; position:absolute; bottom:27px; width:162px; background:url(/images/2wind/menu-bord.gif) repeat-y; }
.footer .menu .inner .top-bord { position:absolute; left:0; top:0px; width:162px; background:url(/images/2wind/menu-top-bord.gif) no-repeat; height:4px; }
.footer .menu .inner .bot-bord { position:absolute; left:0; bottom:0px; width:162px; background:url(/images/2wind/menu-bot-bord.gif) no-repeat; height:21px; }
.footer .menu .inner ul { position:relative; padding:7px 0 10px 7px; z-index:99; }
.footer .menu .inner ul li { list-style:none; position:relative; height:18px; margin-bottom:4px; clear:left; background:url(/images/2wind/bullet2.gif) no-repeat 10px 9px; }
.footer .menu .inner ul li.active { background:url(/images/2wind/menu-item-bg.gif) no-repeat; color:#01283e; height:14px; padding:4px 0 0 21px; }
.footer .menu .inner ul li a { display:block; height:14px; color:white; padding:4px 0 0 21px; width:129px; float:left; }
.footer .menu .inner ul li a:hover { background:url(/images/2wind/menu-item-bg.gif) no-repeat; color:#01283e; }
.footer .menu .inner ul li .second { position:absolute; width:162px; background:url(/images/2wind/menu-bord.gif) repeat-y; left:154px; display:none; bottom:-20px; }

.formorder td { padding: 5px; }
.formorder div.formname { font-size: 12px; font-weight: bold; color:#0b90d8; padding-bottom: 5px; }
.formorder div.checkbox { padding: 3px 0; font-size: 12px; }
.citata { text-align: right; margin-bottom: 10px; color: #0b90d8; }
.citata strong { padding-bottom: 2px; border-bottom: 1px dashed #0b90d8; }
.portfolio td { padding: 5px; }
.portfolio img { border: 2px solid #0b90d8; padding: 3px; }
.form td { color: #d6d6d6; padding: 5px; font:11px Verdana, sans-serif; }
.stat { line-height: 1px; height: 1px; position: absolute; display: none; }
.banner { padding: 20px 0; text-align: center; }
.intro { padding-bottom: 5px; text-indent: 20px; line-height: 16px; }
.ulpad { margin-left: 20px; margin-bottom: 10px; }
.ulpad li { line-height: 16px; margin-bottom: 5px; }

.text-bg { background: #eee; padding: 20px; color: #000; position: relative; }
.text-bg p { padding: 0px; margin-bottom: 10px; }
.text-lt-corner { position: absolute; top: 0px; left: 0px; width: 10px; height: 10px; background: url(/images/2wind/text-lt-corner.gif) no-repeat; }
.text-rt-corner { position: absolute; top: 0px; right: 0px; width: 10px; height: 10px; background: url(/images/2wind/text-rt-corner.gif) no-repeat; }
.text-lb-corner { position: absolute; bottom: 0px; left: 0px; width: 10px; height: 10px; background: url(/images/2wind/text-lb-corner.gif) no-repeat; }
.text-rb-corner { position: absolute; bottom: 0px; right: 0px; width: 10px; height: 10px; background: url(/images/2wind/text-rb-corner.gif) no-repeat; }

