﻿/*CSS для стандартных элементов*/
html {height:100%;}
body {height: auto !important; height: 100%; min-height: 100%; position: relative;}
.RUR{font-family:PTSansCaption, Arial, sans-serif; font-size: 1em; position: relative;}
#container404{width: 360px; margin:0 auto; text-align:left; margin-top:150px; position:relative; left:50px;}
#container404 .logo{position:absolute; left:-130px; top:0; border:none !important;}
#container404 h2{left:0 !important;}
.clear{clear:both; height:0; overflow:hidden;}
.hh{ margin-left: 8px; margin-top: 10px;}

#print-logo{display:none;}

H1 {color:#000; font-size:24px; line-height:34px; font-weight:normal; font-family:'Digimag',Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; margin:20px 0 20px 0;  text-transform:uppercase;}
H2 {color:#11507D; font: normal 18px/22px Arial;  font-family:'Digimag',Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; margin:20px 0 20px 0;}
H3 {color:#11507D; font: normal 16px/20px Arial;  font-family:'Digimag',Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; margin:20px 0 20px 0;}

P {margin:0 0px 20px;}

/*Ссылка перейти к списку*/
div.back{position:relative; width:100%;}

/*Карта Яндекс или Google*/
.mapC{padding-top: 40px; width:100%;}
#map{width:100%; height:300px; padding:40px 0 0; color:#000;}

/*Разметка сайта*/
body{font-size:13px; line-height:18px; font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; min-width:980px;}
.gray{background-color:#E9EFF3; color:#79899C;}
.gray a:active, .gray a:visited, .gray a:link{color:#FE4200;}
.gray a:hover{color:#FF8960;}
.whiteBg{background:#FFF;}

.white{background-color:#FFF;}

.blue{background-color:#233C51; color:#FFF;}
.blue a:active, .blue a:visited, .blue a:link{color:#FFF;}
.blue a:hover{color:#FF8960;}
.blue #content{color:#FFF;}
.blue #content p{color:#FFF;}
.blue #content UL LI{background-image:url(/pics/i/ul-white.gif);}
.blue #content h1{color:#FFF;}
.blue #content h2{color:#FFF;}
.blue #content h3{color:#FFF;}
.blue #content h3{color:#FFF;}

.orange{background-color:#FE4200; color:#FFF;}
.orange a:active, .orange a:visited, .orange a:link{color:#FFF;}
.orange a:hover{color:#F2F2F2;}
.orange #content{color:#FFF;}
.orange #content p{color:#FFF;}
.orange #content UL LI{background-image:url(/pics/i/ul-white.gif);}
.orange #content h1{color:#FFF;}
.orange #content h2{color:#FFF;}
.orange #content h3{color:#FFF;}
.orange #content h3{color:#FFF;}

a.logo{width:119px; height:31px; background:url(/pics/i/logo.gif) 0 0 no-repeat; display:block; overflow:hidden; position:absolute; text-indent:-9999px; left:2.5%; top:65px;}
a.logo{display:none;}
.blue a.logo{background-image:url(/pics/i/logo-blue.gif);}
.orange a.logo{background-image:url(/pics/i/logo-orange.gif);}

.white a.logo{display:none;}

.header{background-color:#FFF; position:relative; _zoom:1; z-index:2; color:#233C51; font-family:'Digimag',Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; position:fixed; top:0; width:100%; z-index:5; min-width:980px; border-bottom:1px solid #c8c8c8;}

.header .pad{padding:24px 2.5% 7px 2.5%;}

.menu a:active, .menu a:visited, .menu a:link{color:#79899C; text-decoration:none;}
.menu a:hover{color:#FE4200; text-decoration:none;}
.menu{position:relative; overflow:hidden; _zoom:1;}
.menu a{display:block; height:9px; background:url(/pics/h/menu.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; width:50px;}
.menu span{display:block; height:9px; background:url(/pics/h/menu.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; width:50px;}
.header .menu li{float:left; margin-right:20px; text-transform:uppercase; font-size:12px; line-height:16px;}
.header .menu li.active{color:#FE4200;}

.menu .m1 a{background-position:0 0; width:49px;}
.menu .m1 a:hover{background-position:0 -9px;}
.menu .m1 .active{background-position: 0 -9px; width:49px;}
.menu .m2 a{background-position:-68px 0; width:35px;}
.menu .m2 a:hover{background-position:-68px -9px;}
.menu .m2 .active{background-position:-68px -9px; width:35px;}
.menu .m3 a{background-position:-120px 0; width:42px;}
.menu .m3 a:hover{background-position:-120px -9px;}
.menu .m3 .active{background-position:-120px -9px; width:42px;}
.menu .m4 a{background-position:-180px 0; width:50px;}
.menu .m4 a:hover{background-position:-180px -9px;}
.menu .m4 .active{background-position:-180px -9px; width:50px;}
.menu .m5 a{background-position:-248px 0; width:36px;}
.menu .m5 a:hover{background-position:-248px -9px;}
.menu .m5 .active{background-position:-248px -9px; width:36px;}
.menu .m6 a{background-position:-302px 0; width:58px;}
.menu .m6 a:hover{background-position:-302px -9px;}
.menu .m6 .active{background-position:-302px -9px; width:58px;}
.menu .m7 a{background-position:-379px 0; width:49px;}
.menu .m7 a:hover{background-position:-379px -9px;}
.menu .m7 .active{background-position:-379px -9px; width:49px;}
.menu .m8 a{background-position:-446px 0; width:49px;}
.menu .m8 a:hover{background-position:-446px -9px;}
.menu .m8 .active{background-position:-446px -9px; width:49px;}

.mContent{padding-bottom:75px;}
/*.mContent .pad{padding: 139px 2.5% 0;}*/
.mContent .pad{padding: 47px 2.5% 0;}
.mContent .woTop{padding: 0 2.5%;}
.gray .mContent .woTop h1.title{margin-top:33px;}
.white .mContent .pad{padding-top:68px;}
#content{width:550px;}



/*Лента*/
.mContent .lenta{width:700px;}
.mContent .lenta .lentaFirst{margin-top:40px; margin-bottom:20px; position:relative; z-index:1; *zoom:1;}
.mContent .lenta .lentaFirst a.lentaImg{margin:0; padding:0; background:none; float:none; display:inline-block; _display:inline;}
.mContent .lenta .lentaFirst a.lentaTitle .date{color:#FE4200;}
.mContent .lenta .lentaFirst a.lentaTitle{float:left; _zoom:1; display:block;  padding: 5px 9px; font-size:18px; line-height:22px; background:#233C51; color:#FFF; text-decoration:none; text-transform:uppercase; font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;}
hr.lentaDivider{width:550px; color:#CDD1D5; border:none; border-bottom:1px solid #CDD1D5; background: #CDD1D5; height:1px; float:left; margin: 0 0 20px;}

.mContent .lenta ul.lentaList{overflow: hidden; position: relative;  margin-bottom:15px; }

.mContent .lenta ul.lentaList li{font-size:13px; line-height:18px; margin-bottom:10px;}

.mContent .navigator{}
.mContent .navigator a{float:left; margin-right:20px;}
/*Внутренняя ленты*/
.mContent h1.title{width:770px; color:#FE4200; font-size:18px; line-height:22px; font-weight:normal; font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; margin:40px 0 23px; text-transform:uppercase;}
.mContent h1.title .date{color:#FE4200;}

.mContent h1.lentaTitle{color:#233C51;}


/*Компания*/
.orange-block{height:200px; width:100%; background:#FE4200;}
.orange-block .pad{padding:140px 2.5% 0;}
.blue .mContent  h1.title{color:#FFF; margin-bottom:50px;}


.clients{width:100%; overflow:hidden; margin: 30px 0;}
.clients  img{margin:0; display:block; float:left; margin-right:20px;}

table.quantity{width: 230px;}
table.quantity td{text-align:left; vertical-align:middle; padding-bottom:20px;}
table.quantity td .orangetxt{color:#FE4200;}
table.quantity td.title{width:155px;}
table.quantity td.quan{color:#FE4200; vertical-align:bottom;}

/*Контакты*/
#content.woTitle{padding-top:20px;}
.managers table td{text-align:left; padding-right:40px;}
.managers{margin: 25px 0;}

/*Услуги*/
.orange .mContent  h1.title{color:#FFF; margin-bottom:23px;}

.footer{height:25px; background-color:#FFF; position:absolute; bottom:0; width:100%; color:#233C51; font-family:'Digimag',Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; overflow:hidden;  position:fixed; bottom:0; z-index:5; min-width:980px;  border-top:1px solid #c8c8c8;}
.footer .pad{padding:8px 2.5% 0; font-size:12px; line-height:16px; text-transform:uppercase; _zoom:1;}
.footer .at{font-size: 16px;}
.footer a:active, .footer a:visited, .footer a:link{color:#233C51; text-decoration:none;}
.footer a:hover{color:#FE4200; text-decoration:none;}
.footer span.fPhone, .footer span.fMail{float:left; margin-right:20px; display:block; *zoom:1;}
.footer span.fPhone{text-indent:-9999px; overflow:hidden; width:80px; height:12px; background:url(/pics/i/phone.png) 0 0 no-repeat;}
.footer span.fMail{position:relative; _position:static; _margin-top:-1px;}
.footer span.fMail a{display:block; width:84px; height:13px; overflow:hidden; text-indent:-9999px; background:url(/pics/i/mail.png) 0 0 no-repeat;}
.footer span.fMail a:hover{background-position:0 -13px;}


/*Формы*/
textarea{width:850px; display:block; margin-bottom:20px; border:none; background: #F2F2F2; font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; font-size:13px; line-height:18px; padding:4px 5px; overflow:hidden; margin-top:3px; color:#79899C;}

textarea.smallTA{height:36px;}
textarea.bigTA{height:90px;}

.orange button{width:148px; height:31px; background:url(/pics/i/btn.png) 0 0 no-repeat; border:0; overflow:hidden; padding:0; cursor:pointer; margin-right:10px; text-indent:-9999px; display:block;}
#error{color:#233C51;}
.orange button:hover{background-position:0 -31px;}
form p{margin-bottom:20px;}
#loading img{vertical-align:middle;}

.addFile{margin-bottom:20px; display:none;}
.addFile input{background:#F2F2F2; border:none; width:300px;}
.addFile .remark{font-size:11px; display:block;}


/*Fluid Grid*/
.fluidGrid{position:relative; width:100%; overflow:hidden; margin-top:32px;}
.gridElement{float:left; width:200px; padding:5px 5px 0; margin-right:5px; margin-bottom:10px; display:block; text-decoration:none;}
.gridElement img{display:block;}
.gridElement:hover{background:#FE4200;}
.gridElement span.projectName{display:block; position:relative; width:100%; color:#FFF; text-decoration:none;}
.gridElement span.projectName .bg{display:block; background:#233C51;}
.gridElement span.projectName .bg .pad{padding:5px;}
.gridElement span.projectName .pad{padding:0 0 0; display:block;}
.gridElement:hover span.projectName .bg{background:#FE4200;}

/*Проекты*/
.mContent  h1.projectTitle{padding:5px 9px; font-size:18px; line-height:22px; background:#233C51; color:#FFF; text-decoration:none; text-transform:uppercase; font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; margin-bottom:20px; float:left; font-weight:normal; margin-top:40px;}


/*Всплывающие блоки*/
.overWrap-blue{width:100%; height:100%; position:absolute; background:#233C51; top:0; display:none; z-index:-1;}
.white .overWrap-blue{ background:#FE4200;}

/*Главная*/
.flashContent{width:100%; height:100%; position:fixed; z-index:0; _position:absolute; _zoom:1; top:0;}
#flash{width:100%; height:100%;}

.white .mContent .lenta .lentaFirst{margin-bottom:10px;}
.white .mContent .lenta .lentaFirst a.lentaImg{margin:0; padding:0; background:none; float:none; display:inline-block; _display:inline;}
.mContent .mainLenta{width:66%;}

.arrows{position:fixed; right:2.5%; top:85px; width:98px; height:50px;}
.arrows a{ width:40px; height:50px; display:block;}
.arrows a.left{background:url(/pics/i/arrows.png) 0 0 no-repeat; float:left;}
.arrows a.right{background: url(/pics/i/arrows.png) -58px 0 no-repeat; float:right;}
.arrows a.left:hover{background:url(/pics/i/arrows.png) 0 -50px no-repeat;}
.arrows a.right:hover{background: url(/pics/i/arrows.png) -58px -50px no-repeat;}

.updateFlash{position:absolute; top: 160px; right:2.5%; display:none;}
.updateFlash a{position:absolute; bottom:30px; right:2.5%; text-decoration:none; display:block; width: 352px; background: #233C51; font-size: 24px; line-height: 28px; color:#FFF;}
.updateFlash a span{text-decoration:underline; display:block; margin-top:22px; color:#FFF;}
.updateFlash a img{vertical-align:middle; float:left; margin-right:10px;}

/*test page*/
.v2 a.logo{width:120px; height:31px; background:url(/pics/i/logo-white.gif) 0 0 no-repeat; display:block; overflow:hidden; position:relative; text-indent:-9999px; left:0; top:0; float:right; top:-11px;}

.logo-big{width:639px; height:84px; overflow:hidden; position:relative; text-indent:-9999px; background:url(/pics/i/logo-big.png) 0 bottom no-repeat; margin:0; margin-bottom:20px; margin-left:2.5%; padding-top:55px;}
.mainPageBody{}
.mainPageBody .lentaFirst{position:relative; z-index:1; *zoom:1; width:60%; margin:0 2.5% 20px;}
.mainPageBody .lentaFirst .date{_zoom:1; color:#FE4200;}
.mainPageBody .lentaFirst a.lentaTitle{float:left; _zoom:1; display:block; padding: 5px 9px; background:#233C51; color:#FFF; text-decoration:none; text-transform:uppercase; font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; font-size:18px; line-height:22px;}

.mainPageBody .lhover a.lentaTitle{background:#FE4200;}
.mainPageBody .lhover .date{ color:#FFF;}


#flashUI{margin-bottom:20px;}
#degradedUI{margin-bottom:20px;}
#fsUploadProgress{width:800px; padding:5px;}

.clientsList{margin:0; padding:0; list-style:none; width:970px; margin-bottom:20px;}
.clientsList .col div{}
.clientsList .col{padding:0; background:none; margin:0; float:left; margin-right:17px; width:180px; font-size:13px; line-height:18px;}
.clientsList .col-last{padding:0; background:none; margin:0; float:left; margin-right:0; width:180px;}
.clientsList div.clear{margin:0; float:none; width:auto;}

.arrowsLegend{font-size:11px; display:none;}
.arrowsLegend .toLeft{float:left; width:40px; text-align:center; display:none;}
.arrowsLegend .toRight{float:right; width:40px; text-align:center; display:none;}

.frame {height: 0px;}
