htmlhtml,body { margin:0; padding:0 }
body { font:normal 12px/18px Arial, Helvetica, sans-serif; color:#000; text-align:center; }
a { color:#b80e2f; text-decoration:underline }
a.white{ color:#FFF; text-decoration:underline }
a:hover .white{ color:#FFFF; text-decoration:underline }
.dashed:hover { border-bottom: none; text-decoration:none }
.dashed { border-bottom:1px dotted; text-decoration:none }
//a.dashed .white{ border-bottom:#FFF 1px dashed; text-decoration:none }
//a.dashed:hover { border-bottom:#FFF 1px dashed; text-decoration:none }
a img { border:none }
p { margin:0 0 1em 0; padding:0 }
.spacer { height:1px; overflow:hidden; clear:both; display:block; position:relative; z-index:0 !important }
/*background:url(img/darkbox.png);*/
.topNav { z-index:11; font-size:14px; height:37px; text-align:center; color:#000; text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0; font-family: "PT Sans Narrow";}
.topNav .back { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; _height:100%; background:#21639c; opacity:0.8; filter:alpha(opacity=80); display:none; }
.topNavInner { width:946px; margin:0 auto; padding:0 26px 0 28px; height:100%; text-align:left }
.topNavInner ul { margin:0; padding:0; list-style:none; position:relative; z-index:11; }
.topNavInner ul li { margin:0 5px 0 0; padding-right:5px; background:none; float:left; height:100%; line-height:16px }
.topNavInner ul li a { float:left; height:100%; padding:10px 0px 0px 0px; color:#f1f1f1; text-shadow: 0px 1px 1px rgba(138, 138, 138, 0.8); text-transform: uppercase; }
.topNavInner ul li a:hover { text-decoration:none; background-position:right 0; }
.topNavInner ul li a.active { background-position:right -37px; color:#000; text-decoration:none;}
.topNavInner ul li strong { float:left; height:100%; padding:10px 16px 10px 10px; background:url(img/topnav.png) right -37px no-repeat; color:#540000; font-weight:normal }
.topNavInner ul li span { float:left; height:100%; padding:0px 0px 0px 4px; background:url(img/topnav.png) right -37px no-repeat; color:#540000; font-weight:normal }
.topNavInner ul.info { float:left }
.topNavInner ul.additional { float:right }
.topNavInner ul.additional li { margin:0 0 0 5px }
.topNavInner ul li.siteheart a { float:none; height:auto; padding:0; background:none; border-bottom:none; }
.topNavInner ul li.siteheart a:hover { float:none; height:auto; padding:0; border-bottom:none; background:none }
.topNavInner ul li.siteheart a img { margin:3px 0 0 3px; opacity:0.8; filter:alpha(opacity=80) }
.topNavInner ul li.siteheart a:hover img { opacity:1; filter:alpha(opacity=100) }
.topNavInner .locale { font-size:14px; height: 28px; background: rgba(255, 255, 255, 0.30); margin-left:15px !important; padding-left:0px !important;padding-right:0px !important;}
.topNavInner .locale a { font-weight: 700; font-size:14px; display:block; padding-left:10px; padding-right:10px; text-decoration:none;}
.topNavInner .locale a.active { background: rgba(255, 220, 0, 0.9);
height: 18px;
color: #fff;}
.topNavInner ul li.phone {
font-size:26px;
padding-top:5px;
color:#FFF;
height:auto;
font-family: "PT Sans Narrow";
}
.topNavInner ul li.phone a {
text-decoration:none !important;
}
.topNavInner ul li.phone span {
font-size:16px;
margin-top:-4px;
margin-right:3px;
color:#FFF;
}
.topNav.fixed {
z-index:999;
position:fixed;
top:0;
text-align:center;
width:100%;
height:37px;
##background:#b80e2f;
background:#000;
color:#000 !important;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}
}
.wrap { background:url(/img/des/portfolio_box.jpg) center 213px no-repeat }
.wrapInner { margin:0 auto; text-align:left; }
body.inside .wrap { background:url(/img/des/portfolio_box_inside.jpg) center 350px no-repeat }
.header { height:145px; position:relative; z-index:10; width:1000px; margin:0 auto; }
.header .cosmoCost { position:absolute; top:62px; left:39px; color:#b80e2f }
.header .cosmoCost a { color:#b80e2f }
.header .cosmoCost a:hover { color:#f5d9b4 }
.header .logo { border-bottom:#FFF 0px dashed !important; text-decoration:none !important; text-indent:-9999px; top:20px; right:10px; background:url(img/logo_action.png) 0 0 no-repeat; height:86px; width:324px;}
html[lang="en"] .header .logo { background:url(img/logo_en.png) 0 0 no-repeat;}
.header .main_logo { cursor:default; }
}
.shadow {
left: 0;
top: 1px;
color: #eee;
position: absolute;
z-index: 0;
}
.loader{
display: block;
z-index: 9999;
position: fixed;
overflow: auto;
width: 128px;
height: 15px;
left: 50%;
top: 50%;
margin-left: -64px;
margin-top: -7px;
display: none;
background: url(static/i/ajax-loader-3a.gif);
}
.code { width:194px; height:194px; background:url(/img/siw.png) 0 0 no-repeat; position:absolute; bottom:-220px; left:740px }
.lf-developer { width:182px; height:182px; background:url(/img/des/lf-developer.png) 0 0 no-repeat; position:absolute; bottom:-226px; left:746px; overflow:hidden; text-indent:-999px; }
.mutant-sea-star { position:absolute; bottom:-226px; left:746px; }
.nav { overflow:hidden;list-style:disc !important; font:normal 26px/28px "PT Sans Narrow", "Trebuchet MS", "Tahoma"; margin:0; padding:0; height:60px; position:absolute; top:33px; right:0px }
.nav li { list-style:disc !important; text-indent:0;margin:0 20px 0 0; list-style-position:outside !important; list-style:inside !important; float:left; padding:0; float:left; display:inline; height:35px; overflow:hidden; position:relative;}
.nav li a { display:block; text-shadow: 0px 1px 1px rgba(138, 138, 138, 0.8); position:relative; text-transform: uppercase; text-decoration:none; }
.nav li strong { display:block; height:100%; position:relative; }
.nav li a {color: #f1f1f1 !important; display:block; position:relative; text-decoration:none; height:35px; line-height:35px; }
.nav li a.active { color: #FFF !important; /*color: #FFF !important; border-bottom:none; background:#95cbe4; text-shadow: none; opacity: 0.8;*/ border-bottom:3px solid #FFF;}
.nav li:hover {border-bottom:3px solid #FFF; }
.nav li:hover a { color: #FFF !important; }
#nav {overflow:hidden;list-style:disc;}
#nav li {list-style:disc !important; color:#fff;text-indent:0;list-style:disc !important; margin:0 22px 0 0;color:#fff; list-style:inside !important; list-style-position:outside !important; float:left;}
#nav li a {height:35px; line-height:35px}
.subnav { float:right; font:normal 16px/18px "PT Sans Narrow", "Trebuchet MS", "Tahoma"; margin:0 0 35px 0; padding:0 0 0 0; list-style:none; height:42px; position:relative; top:75px; right: 10px; }
.subnav li { margin:0 23px 0 0; padding:0; background:none; float:left; display:inline; height:22px; overflow:hidden; position:relative; text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0; }
.subnav li a { display:block; height:100%; position:relative; color: #F1F1F1 !important; text-decoration:none; text-transform: uppercase; }
.subnav li strong { display:block; height:100%; position:relative }
.subnav li:hover { border-bottom:2px solid #FFF; }
.subnav li.active { color: #F1F1F1 !important; border-bottom:2px solid #FFF; }
.subnav li.id { width:151px }
.subnav li.id a { background-position:0 -420px }
.subnav li.id a:hover { background-position:-151px -420px }
.subnav li.id a.active { background-position:-453px -420px }
.subnav li.id a.active:hover { background-position:-151px -420px }
.subnav li.id strong { background-position:-302px -420px }
.portfolio { margin:0 0 35px 0; padding-top:15; list-style:none; position:relative; z-index:9; width:1000px; height:402px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
borde-radius: 10px;
padding-left:1px;
}
.portfolio li { float:left; margin:0; padding:0; display:inline; background:none; width:250px; height:200px; }
.portfolio li a { display:block; width:250px; height:200px; overflow:hidden; position:relative; text-decoration:none; }
.portfolio li a .image { display:block; }
.portfolio li a .label { position:absolute; top:157px; left:0; z-index:5 }
.portfolio li a .text { position:absolute; top:157px; left:0; z-index:4; display:block; }
.portfolio li a b { position:absolute; top:0; left:0; z-index:3; width:250px; height:200px; color:#FFF; font:normal 24px/28px "Myriad Pro", "Trebuchet MS", "Tahoma";}
.portfolio li a b.default{ background:url(img/darkbox.png); }
.portfolio li a b.blue{ background:url(img/fon-blue.png); }
.portfolio li a b.red{ background:url(img/fon-red.png); }
.portfolio li a b.orange{ background:url(img/fon-orange.png); }
.portfolio li a b.green{ background:url(img/fon-green.png); }
.portfolio li a:hover { color:#000; overflow:hidden; }
.portfolio li a span { padding-right: 5px; padding-top: 10px; float:right; text-shadow:0px 1px 1px #000; }
.portfolio li a b .link { position:absolute; top:157px; left:10px; font:normal 18px/20px "Myriad Pro", "Trebuchet MS", "Tahoma";}
.portfolio li a b .labels { position:absolute; top:22px; right:0px; font:normal 8px/10px "Myriad Pro", "Trebuchet MS", "Tahoma";}
.portfolioSmall { height:201px; margin:0 0 35px 0 }
/*
.portfolio li a:hover .text { display:block }
.portfolio li a:hover b { display:block }
*/
.portfolioDesign { width:1003px; height:402px }
.portfolioDesign li { margin:0 0 11px 0; width:1003px; height:200px }
.portfolioDesign li a { width:1003px; cursor:pointer }
.portfolioDesign li a .label { top:131px }
.portfolioDesign li a b { width:1003px }
.article .portfolio { margin:-5px -41px 50px -41px }
.portfolioWrapper { height:200px; overflow:hidden; position:relative;
-webkit-box-shadow: 0 1px 8px 5px rgba(56,94,104,.57);
box-shadow: 0 1px 8px 5px rgba(56,94,104,.57);
}
.portfolioWrapper .portfolio { margin:0 }
.portfolioWrapperDesign { height:auto; overflow:hidden; }
.portfolioWrapper .portfolioDesign { width:1003px; height:auto; overflow:visible; }
.portfolioWrapper .portfolioDesign li { margin:0 0 1px 0; width:1003px; height:200px }
.portfolioWrapper .portfolioDesign li a { width:1003px; cursor:pointer }
.portfolioWrapper .portfolioDesign li a .label { top:131px }
.portfolioWrapper .portfolioDesign li a b { width:1003px }
.portfolioControls { position:relative; height:80px; color:#000; margin-left:18px; margin-right:18px; text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0;}
.portfolioControls .pc-nav { position:absolute; top:0; line-height:22px; padding:0; opacity:0.6; filter:alpha(opacity=60); }
.portfolioControls .pc-nav em { font-style:normal; font-size:13px }
.portfolioControls .pc-nav a { font-weight:bold; margin:0; color:#000 }
.portfolioControls .pc-nav a:hover { color:#FFF }
.portfolioControls .pc-nav span { position:absolute; font-size:14px; }
.portfolioControls .pc-prev { left:0 }
.portfolioControls .pc-prev span { margin:0 0 0 -18px }
.portfolioControls .pc-next { right:0; text-align:right }
.portfolioControls .pc-next span { margin:0; right:-18px }
.portfolioControls .active { opacity:0.9; filter:alpha(opacity=90); overflow:hidden; }
.portfolioControls .active span { color:#FFF; opacity:0.9; filter:alpha(opacity=90); }
.portfolioControls .active strong { color:#FFF; border-bottom:#FFF 1px dashed; cursor:pointer; opacity:0.9; filter:alpha(opacity=90); }
.portfolioControls .active strong:hover { color:#FFF; border-bottom:#FFF 1px dashed; opacity:0.9; filter:alpha(opacity=90); }
.portfolioControls .hint { position:absolute; top:0; left:0; width:100%; text-align:center; font-size:13px; line-height:22px; opacity:0.6; filter:alpha(opacity=60); }
.col1 { float:left; padding:0 85px 0 0; width:580px; zoom:1; position:relative; z-index: 10 !important; }
.col2 { float:left; padding:0; margin-top:-72px; width:250px; font-size:13px; line-height:25px; position:relative; z-index: 10 !important; }
.a-comments { background:url(/img/des/for_clients.png) 0 0 no-repeat; display:block; width:95px; height:37px; margin:0 0 0 -10px; position:relative }
.a-comments:hover { background-position:-95px 0; _background-position:-94px 0 }
.a-comments img { width:95px; height:37px }
.a-become_client { background:url(/img/des/for_clients.png) 0 -37px no-repeat; display:block; width:232px; height:37px; margin:0 0 0 -10px; position:relative }
.a-become_client:hover { background-position:-232px -37px; _background-position:-231px -37px }
.a-become_client img { width:232px; height:37px }
.a-press { background:url(/img/des/press.png) 0 0 no-repeat; line-height:24px }
.a-press:hover { background-position:0 -24px; _background-position:0 -23px }
.a-press img { width:115px; height:24px }
.a-rss { background:url(/img/des/rss.png) 0 0 no-repeat; position:relative; top:-8px; }
.a-rss:hover { background-position:0 -21px; _background-position:0 -20px }
.a-rss img { width:21px; height:21px }
.pressHeader { height:24px }
.pressHeader a { float:left; margin:0 3px 0 0 }
.pressTopic { width:460px }
.pressTopic .pressTopicHeader { display:block; margin:0 0 12px 0; font-size:18px }
.pressTopic .pressTopicHeader em { font-style:normal }
.pressTopic .pressTopicDate { display:block; margin:10px 0 0 0; color:#c6a49e; font-size:13px }
.pressTopic .pressTopicDate em { font-style:normal; color:#f5d9b4 }
body.inside .pressTopic { width:auto; margin:0 0 50px 0 }
.nav2 { margin:0 0 40px 0; padding:0 0 0 0; list-style:none; position:relative; left:-10px }
.nav2 li { margin:0 0 0 0; padding:0; background:none; display:block; height:34px }
.nav2 li a { display:block; height:100%; background:url(/img/des/nav2.png) 0 0 no-repeat; cursor:pointer }
.nav2 li strong { display:block; height:100%; background:url(/img/des/nav2.png) 0 0 no-repeat }
.nav2 li.cosmonauts { width:132px }
.nav2 li.cosmonauts a { background-position:0 0 }
.nav2 li.cosmonauts a:hover { background-position:-132px 0; _background-position:-131px 0 }
.nav2 li.cosmonauts strong { background-position:-264px 0; _background-position:-263px 0 }
.nav2 li.cost { width:153px }
.nav2 li.cost a { background-position:0 -35px; }
.nav2 li.cost a:hover { background-position:-153px -35px; _background-position:-152px -35px }
.nav2 li.cost strong { background-position:-306px -35px; _background-position:-305px -35px }
.nav2 li.blog { width:64px }
.nav2 li.blog a { background-position:0 -72px }
.nav2 li.blog a:hover { background-position:-64px -72px; _background-position:-63px -72px }
.nav2 li.blog strong { background-position:-128px -72px; _background-position:-127px -72px }
.nav2 li.contacts { width:108px }
.nav2 li.contacts a { background-position:0 -107px; _background-position:2px -107px }
.nav2 li.contacts a:hover { background-position:-108px -107px; _background-position:-106px -107px }
.nav2 li.contacts strong { background-position:-216px -107px; _background-position:-215px -107px }
.nav2 li.ordernow { width:150px }
.nav2 li.ordernow a { background-position:0 -143px }
.nav2 li.ordernow a:hover { background-position:-151px -143px; _background-position:-150px -143px }
.nav2 li.ordernow strong { background-position:-302px -143px; _background-position:-301px -143px }
.footer { position:relative; clear:both; padding:30px 0 0 41px; height:110px; font-size:13px; color: #FFF !important; opacity:1; filter:alpha(opacity=100); text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0;}
.footer .copyright { float:left; width:460px; line-height:28px }
.footer .copyright span { color:#FFF; opacity:0.5; filter:alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; line-height:17px; display:block; margin-top:6px }
.footer .copyright span a { color:#FFF; text-decoration:none }
.footer .copyright span a:hover { color:#FFF; text-decoration:none }
.footer .contacts { float:right; width:260px; position:relative; padding:33px 0 0 0 }
.footer .contacts p { margin:0; padding:0 }
.footer .contacts a { position:absolute; top:0; left:0; padding:0 5px 0 5px; line-height:25px; text-decoration:none; cursor:pointer; color:#FFF }
.footer .contacts a em { font-style:normal; cursor:pointer; border-bottom:#FFF 1px dashed;text-transform: uppercase; }
.footer .contacts span {color:#FFF !important; font-weight:bold;}
.footer .contacts a b { display:block; visibility:hidden; width:6px; height:25px; position:absolute; top:0; left:100%; }
.footer .contacts a:hover { background:rgba(255, 84, 0, 1); color:#FFF }
.footer .contacts a:hover b { visibility:visible }
.footer .contacts a:hover em { border:none }
.footer .contacts a.rus { left:-8px }
.footer .contacts a.ukr { left:100px }
.footer .contacts a.active { background:rgba(255, 84, 0, 1) !important; color:#FFF; cursor:default }
.footer .contacts a.active b { visibility:visible;
}
.footer .contacts a.hovered b { visibility:visible }
//.footer .contacts a.active:hover { background:#fff; color:#000 }
.footer .contacts .hidden { display:none }
.footer .contacts span { color:#000 }
body.inside .header { height:205px }
body.inside .header .nav2 { position:absolute; top:145px; left:740px }
body.inside .header .sitesNu { position:absolute; top:195px; left:38px }
body.inside .header .seoNu { position:absolute; top:195px; left:191px }
body.inside .header .designNu { position:absolute; top:195px; left:459px }
body.ins2 .header { height:145px }
.article { padding:0 41px; _height:600px; min-height:600px; font-size:15px; line-height:25px; position:relative; width:1000px; margin:0 auto; }
body.ins2 .article { _height:1020px; min-height:1020px }
.articleIndex { _height:500px; min-height:500px; }
.articleIndex .darkBox { margin-bottom:50px }
h1 { font:normal 55px/41px "PT Sans Narrow", "PT Sans","Trebuchet MS", "Tahoma"; padding:0; margin:0 0 40px 0; overflow:hidden; text-transform: uppercase;}
h1 img { margin:0 0 5px 0; float:left }
h2 { color: #323232; font:normal 36px/1em "PT Sans Narrow","PT Sans", "Trebuchet MS", "Tahoma"; padding:0; margin:0 0 20px 0; overflow:hidden; text-transform: uppercase; }
h2.img { height:50px; overflow:hidden; margin:0 0 10px 0; position:relative; left:-14px; }
h2.label { height:50px; margin:0 0 10px 0; position:relative; left:-14px; }
h2 img { float:left: margin:0 0 0 0 }
h3 { font:normal 24px/1.28em "PT Sans", "Trebuchet MS", "Tahoma"; padding:0; margin:0 0 1em 0; text-shadow: 0px 1px 1px rgba(230, 230, 230, 0.8); }
h4 { font:normal 20px/1.08em "PT Sans", "Trebuchet MS", "Tahoma"; padding:0; margin:0 0 1em 0; text-shadow: 0px 1px 1px rgba(230, 230, 230, 0.8);}
ul { margin:0 0 1.5em 0; padding:0; list-style:none; zoom:1 }
/*ul li { margin:0 0 10px 0; padding:0 0 0 31px; }*/
ul.list li { background:url(img/li.gif) 7px 13px no-repeat; padding:0 0 0 31px; }
##.darkBox { margin:10px -41px 30px -41px; position:relative; zoom:1; background:url(img/darkbox.png); }
.darkBox { margin:10px -41px 30px -41px; position:relative; zoom:1; background:#FFF; opacity:0.9;
box-shadow: 0 1px 8px 5px rgba(56,94,104,.57);
-webkit-box-shadow: 0 1px 8px 5px rgba(56,94,104,.57);
}
.darkBox .text { position:static; z-index:2; padding:30px 41px 20px 41px; color:#000 !important; background:transparent; zoom:1; opacity:1; }
.darkBox .textHint { font-size:13px; line-height:20px }
.darkBox .back { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; _height:100%; background:#bcbec0; opacity:0.4; filter:alpha(opacity=40); display:none; }
strong.title { font:normal 18px/1.08em Arial, Helvetica, sans-serif; display:block; margin:0 0 1em 0 }
acronym { border-bottom:#000 1px dashed; cursor:help }
abbr { border-bottom:#000 1px dashed; cursor:help }
.table { margin:0 0 1em 0; padding:0; border:none; border-collapse:collapse; width:100% }
.table td { margin:0; padding:3px 0; vertical-align:top; line-height:20px }
.table tr.sep td { padding-bottom:20px }
.team { margin:0 -41px 35px -41px; }
.team a { cursor:default }
.fontSmall { font-size:12px }
.seoIntro { width:900px; height:91px; margin:0px -39px 50px -39px; padding:252px 61px 0 39px; background:url(/img/des/seo.jpg); position:relative; font-size:13px; line-height:25px }
.seoIntro .heading { position:absolute; top:20px; left:39px }
.seoIntro .link { position:absolute; top:70px; left:39px }
.heading { display:block; height:50px }
.heading img { display:block; }
.bitrix { width:265px; height:50px; margin-left:-20px; background:url(img/1c-bitrix-logo.png); display:block; cursor:pointer; }
.bitrix:hover { width:265px; height:50px; margin-left:-20px; background:url(img/1c-bitrix-logo.png); display:block; cursor:pointer;}
.bitrix span { display:none; }
.h1title { margin:0; height:50px }
.h1img { margin:0 0 25px 0 }
.seoSlides .text { padding:90px 0 20px 0 }
.seoSlides .seoSlidesInner { padding:0 41px }
.seoSlides h3 { height:45px; position:absolute; top:23px; z-index:10; zoom:1; overflow:hidden }
.seoSlides h3 a { display:block; width:100%; height:45px; background:url(/img/des/seo.png) 0 0 no-repeat; _background:url(/img/des/seo.gif) 0 0 no-repeat; cursor:pointer }
.seoSlides h3 a.active { cursor:default }
.seoSlides h3.whathasbeendone { width:232px; left:25px }
.seoSlides h3.whathasbeendone a { background-position:0 0 }
.seoSlides h3.whathasbeendone a:hover { background-position:-232px 0 }
.seoSlides h3.whathasbeendone a.active { background-position:-464px 0 }
.seoSlides h3.whathasbeendone a.active:hover { background-position:-464px 0 }
.seoSlides h3.positions { width:271px; left:281px }
.seoSlides h3.positions a { background-position:0 -45px }
.seoSlides h3.positions a:hover { background-position:-271px -45px }
.seoSlides h3.positions a.active { background-position:-542px -45px }
.seoSlides h3.positions a.active:hover { background-position:-542px -45px }
.seoSlides h3.dynamics { width:145px; left:574px }
.seoSlides h3.dynamics a { background-position:0 -90px }
.seoSlides h3.dynamics a:hover { background-position:-145px -90px }
.seoSlides h3.dynamics a.active { background-position:-290px -90px }
.seoSlides h3.dynamics a.active:hover { background-position:-290px -90px }
.seoSlides ul { zoom:1 }
.seoSlides div.positions .column1 { float:left; width:499px; padding:0 30px 0 0; position:relative; z-index:10 }
.seoSlides div.positions .column1 table { margin:0; padding:0; border:none; border-collapse:collapse; width:100%; position:relative; left:-10px }
.seoSlides div.positions .column1 table td { margin:0; padding:5px 10px; vertical-align:top; text-align:center }
.seoSlides div.positions .column1 table td.query { text-align:left }
.seoSlides div.positions .column1 table tr.even td { background:#830a28 }
.seoSlides div.positions .column2 { float:left; width:390px; position:relative; z-index:10; padding:0 }
.seoSlides div.positions .column2 p { zoom:1 }
.seoSlides div.positions .column2 .lineGraph { height:34px; margin:0 0 18px 0 }
.seoSlides div.positions .column2 .lineGraph div { height:34px; overflow:hidden; float:left }
.seoSlides div.positions .column2 .lineGraph div div { background:#fff; float:none }
.seoSlides div.positions .column2 .lineGraph div.bar1 { }
.seoSlides div.positions .column2 .lineGraph div.bar1 div { background:#fff; opacity:0.2; filter:alpha(opacity=20) }
.seoSlides div.positions .column2 .lineGraph div.bar2 div { background:#fff; opacity:0.4; filter:alpha(opacity=40) }
.seoSlides div.positions .column2 .lineGraph div.bar3 div { background:#fff; opacity:0.6; filter:alpha(opacity=60) }
.seoSlides div.positions .column2 .lineGraph div.hovered { border:#fff 1px solid; height:32px }
.seoSlides div.positions .column2 .lineGraph div.hovered div { height:32px }
.seoSlides div.positions .column2 p { margin:0 0 20px 0; line-height:20px; font-size:13px }
.seoSlides div.positions .column2 p strong { font-size:15px }
.seoSlides div.positions .column2 p strong a { text-decoration:none; border-bottom:#f5d9b4 1px dashed; cursor:default }
.seoSlides div.positions .column2 p strong a:hover { text-decoration:none; border-bottom:#fff 1px dashed }
.seoSlides div.positions .column2 p strong a.hovered { text-decoration:none; border-bottom:#fff 1px dashed; color:#fff }
.seoSlides div.dynamics { height:190px; }
.seoSlides div.dynamics div { padding:96px 0 0 41px; width:963px; height:204px; position:absolute; top:0; left:0; z-index:9; font-size:13px }
.limiter { width:460px }
.rightFloatedLink { float:right; margin:13px 0 0 0; position:relative; z-index:10 }
.caseSlides ul { zoom:1 }
.caseSlides .text { padding-top:90px; padding-bottom:40px; zoom:1 }
.caseSlides h3 { width:46px; height:45px; position:absolute; top:23px; z-index:10; zoom:1; overflow:hidden }
.caseSlides h3 a { display:block; width:100%; height:45px; background:url(/img/des/numbers.png) 0 0 no-repeat; _background:url(/img/des/numbers.gif) 0 0 no-repeat; cursor:pointer }
.caseSlides h3 a.active { cursor:default }
.caseSlides h3.slide1 { left:25px }
.caseSlides h3.slide1 a { background-position:0 0 }
.caseSlides h3.slide1 a:hover { background-position:-46px 0 }
.caseSlides h3.slide1 a.active { background-position:-92px 0 }
.caseSlides h3.slide1 a.active:hover { background-position:-92px 0 }
.caseSlides h3.slide2 { left:89px }
.caseSlides h3.slide2 a { background-position:0 -45px }
.caseSlides h3.slide2 a:hover { background-position:-46px -45px }
.caseSlides h3.slide2 a.active { background-position:-92px -45px }
.caseSlides h3.slide2 a.active:hover { background-position:-92px -45px }
.caseSlides h3.slide3 { left:153px }
.caseSlides h3.slide3 a { background-position:0 -90px }
.caseSlides h3.slide3 a:hover { background-position:-46px -90px }
.caseSlides h3.slide3 a.active { background-position:-92px -90px }
.caseSlides h3.slide3 a.active:hover { background-position:-92px -90px }
.caseSlides h3.slide4 { left:217px }
.caseSlides h3.slide4 a { background-position:0 -135px }
.caseSlides h3.slide4 a:hover { background-position:-46px -135px }
.caseSlides h3.slide4 a.active { background-position:-92px -135px }
.caseSlides h3.slide4 a.active:hover { background-position:-92px -135px }
.caseSlides h3.slide5 { left:281px }
.caseSlides h3.slide5 a { background-position:0 -180px }
.caseSlides h3.slide5 a:hover { background-position:-46px -180px }
.caseSlides h3.slide5 a.active { background-position:-92px -180px }
.caseSlides h3.slide5 a.active:hover { background-position:-92px -180px }
.caseSlides h3.slide6 { left:345px }
.caseSlides h3.slide6 a { background-position:0 -225px }
.caseSlides h3.slide6 a:hover { background-position:-46px -225px }
.caseSlides h3.slide6 a.active { background-position:-92px -225px }
.caseSlides h3.slide6 a.active:hover { background-position:-92px -225px }
.caseSlides h3.slide7 { left:409px }
.caseSlides h3.slide7 a { background-position:0 -270px }
.caseSlides h3.slide7 a:hover { background-position:-46px -270px }
.caseSlides h3.slide7 a.active { background-position:-92px -270px }
.caseSlides h3.slide7 a.active:hover { background-position:-92px -270px }
.caseSlides h3.slide8 { left:473px }
.caseSlides h3.slide8 a { background-position:0 -315px }
.caseSlides h3.slide8 a:hover { background-position:-46px -315px }
.caseSlides h3.slide8 a.active { background-position:-92px -315px }
.caseSlides h3.slide8 a.active:hover { background-position:-92px -315px }
.caseSlides h3.slide9 { left:537px }
.caseSlides h3.slide9 a { background-position:0 -360px }
.caseSlides h3.slide9 a:hover { background-position:-46px -360px }
.caseSlides h3.slide9 a.active { background-position:-92px -360px }
.caseSlides h3.slide9 a.active:hover { background-position:-92px -360px }
.photoc_v_m { width:161px; height:216px; background:url(/img/des/cases/photo_v_m.png); position:relative }
.photoc_v_m img { position:absolute; top:95px; left:69px }
.photoc_v { width:338px; height:443px; background:url(/img/des/cases/photo_v.png); position:relative }
.photoc_v img { position:absolute; top:196px; left:149px }
.photoc_h { width:479px; height:353px; background:url(/img/des/cases/photo_h.png); position:relative }
.photoc_h img { position:absolute; top:144px; left:93px }
.article span.date { color:#a08180 }
body.ins404 { background-image:url(/img/des/404.jpg) }
body.ins404 .header { height:296px }
body.ins404 .article { _height:500px; min-height:500px }
form { margin:0; padding:0 }
.textInput { font:normal 15px/17px Arial, Helvetica, sans-serif; padding:2px }
.button { font:normal 15px/18px Arial, Helvetica, sans-serif }
.order p { margin:0 0 30px 0 }
.order p span { display:block; background:url(/img/des/darkbox.png) 0 0 repeat; border:#fff 2px solid; padding:4px }
.order p .textInput { font:normal 18px/20px Arial, Helvetica, sans-serif; color:#fff; background:none; border:none; padding:0; width:100% }
.order p textarea.textInput { overflow:auto; height:160px; font:normal 15px/20px Arial, Helvetica, sans-serif }
.order p.fontSmall { font-size:13px; line-height:18px }
.order p .disabled { opacity:0.5; filter:alpha(opacity=50); cursor:default }
.order p .send { cursor:pointer }
.darkBoxIndex { margin:0 }
.darkBoxIndex .text { padding-left:0; padding-right:0 }
.column1 { float:left; width:711px; margin-right:0; display:inline }
.column1 .darkBox { }
.column1Alone { margin:0 0 0 -41px; padding:0 41px; width:629px; position:relative }
.column2 { float:left; width:210px; padding:40px 0 0 41px; position:relative }
.column2 .a-rss { position:absolute; top:-10px; left:0 }
ul.pressMenu { margin:0 0 30px 0; padding:0 }
ul.pressMenu li { margin:0 0 6px 0; padding:0; background:none; font-weight:bold; color:#8e6f6a }
ul.pressMenu li em { color:#8e6f6a; margin:0 0 0 7px }
ul.pressMenu li a { color:#fff }
ul.pressMenu li a:hover { color:#f5d9b4 }
ul.pressMenu li strong a { color:#8e6f6a }
ul.pressMenu li strong a:hover { color:#fff }
ul.pressMenu li.presskit { margin:35px 0 0 0 }
.articleControls { clear:both; margin:0; padding:0; width:630px; color:#8e6f6a }
.clientComment { width:auto; margin:0 0 50px 0 }
.clientComment .clientCommentHeader { display:block; margin:0 0 11px 0; color:#c6a49e }
.clientComment .clientCommentHeader em { font-style:normal }
.clientComment .clientCommentHeader strong { color:#f5d9b4 }
.sideClients { margin:0 -6px 0 0; position:relative; background:url(/img/des/clients_side.png) 0 0 no-repeat; width:216px; height:730px }
.sideClients img { display:block; width:100%; height:100%; border:none }
.worksControls { float:right; width:200px; padding:80px 0 0 70px; color:#8e6f6a; line-height:25px }
.worksControls p { margin:0 0 25px 0 }
.worksControls em { font-style:normal; color:#fff }
.worksControls span { font-size:13px }
.worksControls a { color:#fff; font-weight:bold }
.worksControls a:hover { color:#f5d9b4 }
.fileBox { padding:0 0 0 38px; min-height:35px; _height:35px; background:url(/img/des/files.png) 0 3px no-repeat; line-height:18px; white-space:nowrap }
.fileBox em { font-size:11px; font-style:normal }
.inputfile { font:normal 15px/20px Arial, Helvetica, sans-serif; color:#000 }
.makeOrder { margin:0 -42px 20px -42px; padding:30px 0; _padding-bottom:0; zoom:1; color:#000; position:relative; z-index:5;}
.makeOrder .orderback { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; _height:100%; background:#FFF; opacity:0.5; filter:alpha(opacity=50); }
.makeOrder .form_table {position:relative; z-index:5;}
.makeOrder p { position:relative; zoom:1; z-index:2; }
.makeOrder .inputtext { z-index:2; font:normal 18px/20px Arial, Helvetica, sans-serif; color:#000; padding:5px; margin:1px 0 1px 0; background:#f7f7f7; border:#d0d0d0 1px dashed; width:350px; position:relative; height:20px; }
.makeOrder textarea.inputtextarea {position:relative; z-index:2; width:350px !important; height:120px; overflow:hidden; background:#f7f7f7 !important; border:#d0d0d0 1px dashed;}
.makeOrder .form_table input, label {position:relative; z-index:5;}
.makeOrder .inputtext:focus {
outline: none;
margin:0 0 0 0;
background:#f7f7f7; border:#d0d0d0 1px dashed;
}
.makeOrder .inputtextFocus {
outline: none;
margin:0 0 0 0;
background:#f7f7f7; border:#d0d0d0 1px dashed;
}
.makeOrder .mo-prologue { width:585px; margin:0 0 48px 42px }
.makeOrder .mo-col2 { width:250px; padding:0 42px; float:right }
.makeOrder .mo-col2 .textInput { width:237px }
.makeOrder .mo-col1 { width:627px; padding:0 0 0 42px; float:left }
.makeOrder .mo-comment { background:#f7f1de; margin:0 0 25px -19px; padding:15px 19px; zoom:1 }
.makeOrder .checkbox { margin:0 5px 0 0; vertical-align:middle; position:relative; top:-1px }
.makeOrder em { color:#978f78 }
.makeOrder a { color:#b80e2f }
.makeOrder a:hover { color:#80021a }
.makeOrder .mo-company { margin:0 0 30px 0 }
.makeOrder .mo-attachFile { height:25px }
.makeOrder .mo-attachFile input { }
.makeOrder .mo-attachFile a { border-bottom:#b80e2f 1px dashed; text-decoration:none }
.makeOrder .mo-attachFile a:hover { border-bottom:#80021a 1px dashed; text-decoration:none }
.makeOrder .submit { padding:5px 5px 5px 5px; font:normal 18px/20px Arial, Helvetica, sans-serif; color:#000; cursor:pointer}
.makeOrder .submit input { cursor:pointer }
.makeOrder .submit input:hover { opacity:0.85 }
.makeOrder .submit input.disabled { opacity:0.5; filter:alpha(opacity=50); cursor:pointer}
.makeOrder .submit input.disabled:hover { opacity:0.5 }
.makeOrder .fileBox { float:left; padding-right:40px }
.makeOrder .fileBox em { color:#000 }
.submit { padding:5px 5px 5px 5px; font:normal 18px/20px Arial, Helvetica, sans-serif; color:#000; cursor:pointer}
.submit input { cursor:pointer }
.submit input:hover { opacity:0.85 }
.submit input.disabled { opacity:0.5; filter:alpha(opacity=50); cursor:pointer}
.submit input.disabled:hover { opacity:0.5 }
.a-pub-us { display:block; width:258px; height:48px; background:url(/img/des/press_links.png) 0 0 no-repeat; margin:0 0 20px 0; overflow:hidden }
.a-pub-us img { display:block; width:100%; height:100% }
a.a-pub-us:hover { background-position:0 -45px; _background-position:0 -44px }
.a-pub-market { display:block; width:302px; height:48px; background:url(/img/des/press_links.png) 0 -90px no-repeat; margin:0 0 20px 0; overflow:hidden }
.a-pub-market img { display:block; width:100%; height:100% }
a.a-pub-market:hover { background-position:0 -135px }
.pressKitBox { margin-bottom:70px }
.pressKitBox img { margin:-30px -41px 20px -41px; display:block }
.fileBox2 { float:left; text-decoration:none; font-size:18px; line-height:22px; cursor:pointer; margin:0 0 20px 0 }
.fileBox2 span.ext { float:left; width:44px; height:19px; background:url(/img/des/file.png) 0 0 no-repeat; font:normal 11px/11px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; padding:26px 0 0 10px }
.fileBox2 span.filinfo { float:left; padding:3px 0 0 0 }
.fileBox2 span.filename { text-decoration:underline }
.fileBox2 em { font-size:13px; color:#c6a49e; display:block; font-style:normal }
.fileBox2:hover { text-decoration:none }
.fileBox2:hover span.filename { text-decoration:underline }
.ng2010 {position:relative; display:none; }
.ng2010 img {position:absolute; top:0px; left:308px;}
.seoWrapper { position:relative; zoom:1; padding:40px 300px 0 0 }
.seoWrapper .planet-jupiter { width:309px; height:291px; background:url(/img/des/jupiter.jpg); position:absolute; top:24px; right:-22px; }
.sort { overflow:hidden; clear:both; zoom:1; font-size:13px; margin:0 0 20px 0 }
.sort em { font-style:normal; float:left; display:inline; margin:0 10px 0 0 }
.sort a { float:left; height:25px; display:inline; margin:0 25px 0 0; text-decoration:none; color:#f5d9b4 }
.sort a:focus { outline:none }
.sort a span { border-bottom:#f5d9b4 1px dashed }
.sort a:hover { color:#fff; text-decoration:none }
.sort a:hover span { border-bottom:#fff 1px dashed }
.sort a.sort-active { height:25px; line-height:25px; background:url(/img/des/label.gif) top right no-repeat; padding:0 19px 0 0; color:#540000; margin:0 20px 0 0; cursor:default }
.sort a.sort-active span { float:left; background:url(/img/des/label.gif) 0 0 no-repeat; padding:0 0 0 10px; border:none }
.sort label { line-height:25px; float:right; white-space:nowrap }
.sort-box { display:none }
.sort-box h2 { font:normal 19px/22px Arial, Helvetica, sans-serif; color:#fff; margin:0 0 0 0; padding:0 0 20px 0 }
.sort-box ul { margin:0 0 0 -14px; padding:0 0 45px 0; list-style:none; position:relative; zoom:1 }
.sort-box ul li { margin:0 0 16px 0; padding:0 0 0 14px; background:none; display:block; position:relative; zoom:1 }
.sort-box ul li.wl-favorite { background:url(/img/des/favorite.gif) 0 9px no-repeat }
.works-all-label { margin:0 0 0 -14px !important }
.g-rounded-image{position:relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background-position:center center;}
.partner-info {
width: 320px;
height: 30px;
padding-top: 14px;
text-align: center;
position: absolute;
background:url(img/darkbox.png);
top: 45px;
left: 0px;
display: none;
color: #FFF;
overflow: hidden;
z-index: 9999;
}
.feedback {
width: 500px;
height: 260px;
padding-top: 14px;
position: absolute;
background:#f7f7f7; border:#d0d0d0 1px dashed;
top: 0px;
right: -26px;
display: none;
color: #000;
overflow: hidden;
z-index: 9999;
}
.feedback .close { color:#000; text-decoration:none; border-bottom:#000 1px dashed; float: right; margin-top: -14px; margin-right:35px; font:normal 12px/18px Arial, Helvetica, sans-serif; }
.feedback .inputtext { align: left; z-index:2; font:normal 10px/11px Arial, Helvetica, sans-serif; color:#000; padding:5px; margin:1px 0 1px 0; background:#FFF; border:#d0d0d0 1px dashed; width:170px; position:relative; height:8px }
.feedback .submit { padding:5px 5px 5px 5px; font:normal 12px/14px Arial, Helvetica, sans-serif; color:#000; cursor:pointer; margin-top:15px;}
.feedback .submit input:hover { opacity:0.85 }
.feedback .inputtextarea { align: left; position:relative; z-index:2; width:170px; height:20px background:#FFF; border:#d0d0d0 1px dashed;}
.portfolioControls { position:relative; height:80px; color:#FFF !important; margin-left:18px; margin-right:18px; }
.portfolioControls a { font-weight:bold; margin:0; color:#FFF !important; }
.portfolioControls a:hover { color:#f2f2f2 !important; border-bottom:#f2f2f2 1px dashed !important; }
.footer .copyright a { color: #FFF !important; /*border-bottom:#FFF 1px dashed !important;*/}
.footer a:hover {opacity:1 !important; filter:alpha(opacity=100) !important; }
#fancybox-loading {position:fixed; top:50%; left:50%; width:40px; height:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none;}
#fancybox-loading div {position:absolute; top:0; left:0; width:40px; height:480px; background-image:url(img/fancy_loading.png);}
#fancybox-overlay {position:absolute; top:0; left:0; width:100%; z-index:1100; display:none;}
#fancybox-tmp {padding:0; margin:0; border:0; overflow:auto; display:none;}
#fancybox-wrap {position:absolute; top:0; left:0; padding:0; z-index:1101; outline:none; display:none;}
#fancybox-outer {position:relative; width:100%; height:100%;}
#fancybox-content {width:0; height:0; padding:0; outline:none; position:relative; overflow:hidden; z-index:1102; border:0;}
#fancybox-hide-sel-frame {position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; z-index:1101;}
#fancybox-close {position:absolute; top:10px; right:10px; width:14px; height:14px; background:transparent url(img/fancy_close.png); cursor:pointer; z-index:1103; display:none;}
#fancybox-error {color:#444; font:normal 12px/20px Arial; padding:14px; margin:0;}
#fancybox-img {width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top;}
#fancybox-frame {width:100%; height:100%; border:none; display:block; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
#fancybox-content {background: #FFF; width:100%; height:100%; border:none; display:block; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
/*** ------- ***/
.status { background:#fff; overflow:hidden;text-align:center; display:block; border:1px solid #fff;width:380px; padding:0; margin:0;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; padding:20px 10px 25px 10px; height:auto;}
.status strong{ font-family:Verdana, Geneva, sans-serif; color:#000; font-size:13px; line-height:18px;margin: 0 0 10px 0; display:block;}
.status a {font-family:Verdana, Geneva, sans-serif; font-size:13px; display:block; text-align:center; color:#000; text-decoration:underline}
.status a:hover { text-decoration:none}
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow: hidden !important;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{ overflow: hidden; padding:20px 0 0 0;}
.cboxIframe{background:#fff;}
#cboxError{padding:20px; border:1px solid #ccc; background:#fff;}
#cboxLoadedContent{ padding:50xp;}
#cboxLoadingGraphic{}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000; display:none !important}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose { background:url(img/order_close.png) no-repeat 0 0; width:44px; height:43px; position:absolute; top:0; right:0px;}
#cboxClose:hover{ background-position:bottom left;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
.store { position:relative; overflow:hidden; margin-left:20px;}
.store li{float:left; width:150px;}
.store li p {margin:0 0 5px 0;}
.store li p s {font-size: 14px;line-height: 18px; display:block}
.store li p .catalog-price { font-size:18px;}
.arrows {
position: absolute;
width: 100%;
z-index: 2;
}
i {
font-style: normal;
}
.arrows .prev, .arrows .next {
position: absolute;
top: 50px;
z-index: 5;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.arrows .prev .triangle, .arrows .next .triangle {
color: #b80e2f;
cursor: pointer;
font-size: 5em;
position: relative;
}
.arrows .next {
right: 58px;
}
.b-form-button a {
color: black !important;
}
.b-form-button-content {
font: 13px Arial,sans-serif;
display: -moz-inline-box;
display: inline-block;
height: 100%;
text-align: center;
white-space: nowrap;
background: url('img/but_content.png') repeat-x 0 -112px;
}
.b-form-button-content {
color: black !important;
font: 13px Arial,sans-serif;
text-align: center !important;
white-space: nowrap;
}
.b-form-button .b-form-button-content {
font: 11px/21px Verdana,Arial,sans-serif;
margin: 0 5px;
padding: 0 9px;
}
.b-form-text {
display: -moz-inline-block;
display: inline-block;
}
.b-form-button a, .b-form-button a:hover, .b-form-button a:visited {
text-decoration: none !important;
}
.b-form-button {
display: -moz-inline-stack;
display: inline-block;
outline: none;
cursor: pointer;
text-align: right;
background: url('img/but_content.png') no-repeat 100% -52px;
height: 28px;
}
.b-form-button-left {
font-style: normal;
display: -moz-inline-stack;
display: inline-block;
height: 100%;
vertical-align: top;
background: url('img/but_content.png') no-repeat 0 5px !important;
}
.b-form-button:hover{background-position:100% -738px}
.b-form-button:hover .b-form-button-left{background-position:0 -681px !important}
.b-form-button:hover .b-form-button-content{background-position:0 -798px}
.fastorder_link {
font: 11px/21px Verdana,Arial,sans-serif;
}
div.info {
border:#c6a49e 1px solid !important;
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
margin: 0 5px;
padding: 0 3px;
}
.market {
margin-left: -10px;
}
.footer .cards { display:block; vertical-align:middle; position:absolute; bottom: 7px; left: 40px; line-height:18px; padding:0 8px; background:#FFF; opacity:0.8; display:none}
.sBlock {position:absolute; background:#fff; border-radius:5px; box-shadow:0 0 15px #e3dce6; padding:20px 10px; z-index:1; left:0; top:55px; width:95%; display:none;}
.sBlock .item {display:block; height:60px; line-height:60px; color:#000; text-decoration:none; padding:10px; border:1px solid transparent; border-radius:5px; margin-top:-10px;}
.sBlock .item:hover {border-color:#c0c0c0;}
.sBlock .item span {float:right;}
.sBlock .item img {float:left; margin-right:20px; border:1px solid #c4c4c4; display:block;}
.sBlock .item:hover img {border-color:#f8b512;}
.sBlock .item em {font-style:normal; text-decoration:underline; }
.sBlock .item em:hover {font-style:normal; text-decoration:none; }
.sBlock p {margin-top:10px; margin-left:90px;}
.aBlock {position:absolute; background:#fff; border-radius:5px; box-shadow:0 0 15px #e3dce6; padding:40px 20px 20px; z-index:1; left:-20px; top:-10px; display:none;}
.auth:hover .aBlock {display:block;}
.aBlock .text {border:1px solid #c4c4c4; border-radius:5px; width:200px; padding:0 10px; height:26px; line-height:26px; box-shadow:inset 0 1px 3px #cccccc; font:13px Arial; color:#626262;}
.aBlock label {color:#000;}
.aBlock a {border:none; text-decoration:underline; }
.aBlock a:hover {text-decoration:none;}
.aBlock .submitField {margin-top:23px;}
.aBlock .submit {width:84px; height:34px; display:block; margin:23px auto 0; border:none; background-color:#FFF;}
.aBlock .submit:hover {background-position:0 -34px;}
.aBlock .submit:active {background-position:0 -68px;}
.aBlock p {margin:0 0 -18px; line-height:48px;}
/*CONTENT*/
.input {display:inline-block;}
.w40 {width:40px;}
.crumbs {margin-bottom:25px;}
.total {margin-bottom:25px; /* width:680px; */}
.total strong {float:right; font-size:20px; font-family:Trebuchet MS; padding-right:65px; display:inline-block;}
.total .text {border:1px solid #c4c4c4; border-radius:5px; width:160px; padding:0 10px; height:26px; line-height:26px; box-shadow:inset 0 1px 3px #cccccc; font:13px Arial; color:#626262;}
.baskSub {width:164px; height:34px; display:inline-block; /* margin-left:520px; */ border:none; margin-bottom:65px; float:right;}
.baskSub:hover {background-position:0 -34px;}
.baskSub:active {background-position:0 -68px;}
.basket {border-bottom:1px solid #c0c0c0; margin-bottom:30px; /* width:680px; */}
.basket .item {margin-bottom:20px; min-height:60px; position:relative;}
.basket .item img {float:left; border:1px solid #c0c0c0; margin-right:20px;}
.basket .link {float:left; width:290px;}
.basket .art {width:90px; float:left;}
.basket .item .text {border:1px solid #c4c4c4; border-radius:5px; width:25px; text-align:center; height:20px; line-height:22px; box-shadow:inset 0 1px 3px #cccccc; font:13px Arial; color:#626262; margin-right:70px; position:relative; top:-7px;}
.basket .item a.t, .basket .item a.b {position:absolute; left:490px; display:block; width:19px; height:12px;}
a.t, a.b {display:block; width:19px; height:12px;}
.basket .item a.t {margin-top:-31px;}
a.t:hover {background-position:-19px 0;}
a.t:active {background-position:-38px 0;}
a.b {background-position:0 bottom;}
.basket .item a.b {margin-top:-19px;}
a.b:hover {background-position:-19px bottom;}
a.b:active {background-position:-38px bottom;}
.basket .item em {display:inline-block; width:65px; padding-top:0px; text-align:right; font-style:normal; font-size:18px; font-family:Trebuchet MS; white-space:nowrap; position:relative; top:-3px;}
.basket .item em strong {font-size:20px;}
.basket .item .del {display:inline-block; width:22px; height:22px; position:absolute; right:0; top:-5px;}
.basket .item .del:hover {background-position:-22px 0;}
.basket .item .del:active {background-position:-44px 0;}
.basket .head {height:50px;}
.basket .head div {float:left; font-weight:bold;}
.basket .head .photo {width:80px}
.basket .head .name {width:290px;}
.basket .head .art {width:90px;}
.basket .head .count {width:90px;}
.basket .head .price {width:90px; font:bold 14px Arial;}
.basketTable {width:100%; margin-bottom:20px;}
.basketTable th {text-align:left; height:50px; vertical-align:top;}
.basketTable td {vertical-align:top; position:relative;}
.basketTable .text {border:1px solid #c4c4c4; border-radius:5px; width:25px; text-align:center; height:20px; line-height:22px; box-shadow:inset 0 1px 3px #cccccc; font:13px Arial; color:#626262; margin-right:70px; position:relative; float:left;}
.basketTable a.t, .basketTable a.b {margin-left:35px;}
.basketTable img {border:1px solid #c0c0c0;}
.basketTable em {display:inline-block; width:65px; padding-top:0px; text-align:right; font-style:normal; font-size:18px; font-family:Trebuchet MS; white-space:nowrap; position:relative; top:-3px;}
.basketTable em strong {font-size:20px;}
.basketTable .del {display:inline-block; width:22px; height:22px; top:0;}
.basketTable .del:hover {background-position:-22px 0;}
.basketTable .del:active {background-position:-44px 0;}
.basket .item .del, .basketTable .del {background-image:url(static/i/del3.png);}
a.t, a.b {background-image:url(static/i/tb3.png);}
.baskItems .item .del {background-image:url(static/i/del3.png);}
.del {background-image:url(static/i/del3.png);}
.edit {background-image:url(static/i/edit3.png);}
.bBlock .submit {background:url(static/i/bSubmit3.png);}
.baskSub {background:url(static/i/bSubmit3.png);}
.bask { top:-30px;}
.bask { background:#fff; z-index:20; opacity:1;}
.bask span { padding:0 20px;}
.bask {margin-right:0}
.bask .bBlock {opacity:1}
.link_button{height:45px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff;cursor:pointer; line-height:45px; text-decoration:none; white-space:nowrap; padding:0 20px 0 0; background:url(img/link_right.png) no-repeat right 0;display:-moz-inline-box;display: inline-block;*zoom: 1;*display: inline;word-spacing: normal;vertical-align: top; float:left; margin:0 20px 0 50px;}
.link_button span { display:block; height:45px; line-height:45px; padding:0 14px 0 64px;background:url(img/link.png) no-repeat 0 0}
.link_button:hover { background-position:bottom right;}
.link_button:hover span { background-position:bottom left;}
.start button {
width: 184px;
height: 43px;
top: 2px;
position: relative;
border: none;
float: right;
cursor: pointer;
font: bold 17px Arial, Helvetica, sans-serif;
color: #fff;
text-shadow: 0 1px #85ac1e;
background: url(img/buttons_bx24.png) 0 -43px no-repeat;
}
.start button:hover {
background-position: -184px -43px;
}
.start button:active {
background-position: -368px -43px;
}
.start button::-moz-focus-inner {
padding: 0;
border: 0;
}
.start button span {
top: -1px;
position: relative;
}
.start a {
text-decoration:none;
}
@-moz-document url-prefix() {
.start .inputtext:focus {
padding-top: 9px;
height: 17px;
}
}
@-moz-document url-prefix() {
.moreReviews .start .inputtext:focus {
padding-top: 9px;
height: 17px;
}
}
.accent { background:url(img/sert.png) no-repeat 0 0; min-height:155px; padding:0 0 0 255px; margin:0 0 25px 0;}
.accent p { font-size:20px; font-style:italic; margin:0; color:#000; line-height:18px;}
.pbanner {z-index:4;margin-top: -90px;margin-left:-200px; position:relative;}
.stage {position: absolute;top: 0;left: 0;width: 100%;min-width: 900px;height: 1000px;overflow: hidden;}
#cloud2 {background: transparent url(img/cloud_1.png) repeat-x 0 0;}
#cloud1 {background: url(img/cloud_2.png) repeat-x bottom left; z-index:0;}
#bird {background: url(img/plane.png) no-repeat 0 0 !important; position: absolute;top: 150px;left: 50%;margin:0 0 0 -625px;width: 1213px;height: 226px;z-index: 2;cursor: pointer;}
/*-----------------------------------------------------------------------------*/
.nav li.active {border-bottom:3px solid #FFF;}
.addtext {
float:left;
}
.foot-bg {
/*background: url('/composite/foot-bg.jpg') no-repeat center top;*/
/*background-color: #51626b;*/
color: #fff;
font-weight: normal;
height: 210px;
min-width: 1250px;
text-align: center;
margin-top:-210px;
}
/* update darkbox*/
/* .darkBox {
margin: 160px -41px 30px -41px;
position: relative;
background: none;
opacity: 1;
box-shadow: none;
-webkit-box-shadow: none; */
/* anticrysis styles */
.wrapInner {
background: -moz-linear-gradient(top, rgba(30,87,153,0.52) 0%, rgba(255,255,255,0) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0.52)), color-stop(99%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(30,87,153,0.52) 0%,rgba(255,255,255,0) 99%);
background: -o-linear-gradient(top, rgba(30,87,153,0.52) 0%,rgba(255,255,255,0) 99%);
background: -ms-linear-gradient(top, rgba(30,87,153,0.52) 0%,rgba(255,255,255,0) 99%);
background: linear-gradient(to bottom, rgba(30,87,153,0.52) 0%,rgba(255,255,255,0) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#851e5799', endColorstr='#00ffffff',GradientType=0 );
}
.topNav {
background: top, rgba(30,87,153,0.52);
}
.topNav.fixed {
background: url(/upload/antibg.jpg);
}
.topNavInner .locale a.active {
background: rgba(255, 84, 0, 1);
}
/* end */