blockquote {
  font-size: 0.9em;
  margin: 0 0 0 35px;
  width: 80%;
}

/*----header---*/
#header {
  position: relative;
  width: 100%;
  z-index: 3;
  min-height: 235px;
  -height: 235px;
}


#header .container {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding-top: 9px;
  width: 100%;
}

#header table td {
  padding-top: 22px;
}

#header .td-menu {
  vertical-align: top;
}

#header #logo {
  position: relative;
  width: 353px;
  height: 70px;
  margin: 0px 0 0 34px;
  z-index: 5;
}

*html #header #logo {
  margin: 0px 0 0 17px;
}

#header #projimg {
  position: absolute;
  right: 0;
  margin: 0;
  z-index: 1;
  top: 0;
  zoom: 1;
}

#header #menu ul {
  position: relative;
  right: 0;
}

#header #menu a {
  color: #000;
}

#header #menu a:hover {
  text-decoration: none;
}

#header #menu li.active a {
  color: #000;
  text-decoration: none;
}

#header #menu li {
  font-size: 1.2em;
  float: left;
  margin: 0 0px 8px 38px;
}

/*--content--*/

#content-inner {
  position: relative;
  color: #3e3e3e;
  padding-bottom: 118px;
  padding-top: 22px;
  z-index: 4;
  overflow-x: hidden;
}

#content-inner #textContent {
  position: relative;
  width: 90%;
  font-size: 1.3em;
  max-width: 1100px;
}

#content-inner #textContent .container {
  padding: 0 0 40px 0;
  margin: 0 0 0 31%;
  position: relative;
  z-index: 2;
}

#content-inner p {
  margin: 0 0 18px 0;
  padding: 0;
  line-height: 1.4em;
  font-size: 0.9em;
}

.switcher {
  position: relative;
  margin: 2px -300px 0 0px;
  min-height: 52px;
  -height: 52px;
  font-size: 16px;
  color: #404040;
  z-index: 3;
  left: -140px;
}

.notitle {
  /*margin-top:-20px;*/
}

.switcher span {
  font-family: "Myriad Pro", Trebuchet MS, sans-serif
}

.notitle .switcher ul {
  position: relative;
  margin: 7px 0 0 36px;
}

.switcher ul {
  position: relative;
  margin: 7px 0 0 50px;
}

.switcher ul li {
  position: relative;
  float: left;
  font-size: 14px;
  margin: 0 5px 0 0;
}

.switcher ul li.actually {
  position: relative;
  float: left;
  font-size: 14px;
  margin: 0 11px 0 60px;
}

.switcher ul li a {
  display: block;
  padding: 9px 4px 9px 9px;
}

.switcher ul li a.active {
  background: url(../images/bg-switch-inner-r.gif) no-repeat 0 5px;
  color: #404040;
  text-decoration: none;
}

.switcher ul li a span {
  display: none;
}

.switcher ul li a.active span {
  position: absolute;
  right: -5px;
  width: 5;
  height: 26px;
  display: block;
  top: 5px;
  background: url(/images/bg-switch-inner-r.gif) no-repeat right 0px;
}

/*	*html .switcher ul li a.active span {right:-1px;}*/

#textContent .switcher ul li a.active {
  background: url(/images/bg-switch-inner.gif) no-repeat 0 5px;
  color: #fff;
}

#textContent .switcher ul li a.active span {
  background: url(/images/bg-switch-inner.gif) no-repeat right 0px;
  color: #fff;
}

#aboutMenu, .lineMenu {
  position: relative;
  z-index: 3;
  width: 565px;
  height border: 0;
  left: -200px;
  padding: 41px 0 0 0;
  zoom: 1;
}

#aboutMenu ul, .lineMenu ul {
}

#aboutMenu ul li, .lineMenu ul li {
  position: relative;
  float: left;
  font-size: 16px;
  margin: 0 5px -5px 0;
  white-space: nowrap;
}

#aboutMenu ul li span, .lineMenu ul li span {
  display: none;
}

#aboutMenu ul li a, .lineMenu ul li a {
  display: block;
  padding: 9px 4px 9px 9px;
}

#aboutMenu ul li a.active, .lineMenu ul li a.active {
  background: url(/images/bg-switch-top-menu.gif) no-repeat 0 5px;
  color: #404040;
  text-decoration: none;
}

#aboutMenu ul li a.active span, .lineMenu ul li a.active span {
  position: absolute;
  display: block;
  right: -5px;
  width: 5;
  height: 31px;
  display: block;
  top: 5px;
  background: url(/images/bg-switch-top-menu.gif) no-repeat right 0px;
}


#aboutMenu .projectMenu {
  margin: 16px 0 0 0;
}

#aboutMenu .projectMenu .title A {
  text-decoration: none;
  color: black;
  font-size: 13px;
  padding: 11px 4px 7px 9px;
}

#aboutMenu ul li a.semiactive {
  text-decoration: underline;
}

#transparentBox {
  position: absolute;
  width: 1400px;
  top: 0;
  left: 0;
  z-index: 5;
}

.transparent-inner {
  position: absolute;
  right: 0;
  width: 99px;
  height: 500px;
  background: url(/images/opacity.png) repeat-y;
  -background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/opacity.png", sizingMethod = 'scale');
}

.add_box {
  position: absolute;
  top: -20px;
  right: -90px;
  width: 89px;
  height: 31px;
  background: url(/images/add.gif) no-repeat;
}

.actually_box {
  position: absolute;
  top: -35px;
  right: -95px;
  width: 106px;
  height: 38px;
  background: url(/images/actually.gif) no-repeat;
}

/*--description--*/
.desc-proj {
  position: relative;
  zoom: 1;
}

.bg-prostin #description, .bg-prostin #description1, .bg-prostin #description2 {
  width: 720px;
  margin: 0 auto 0 auto;
}

.link-proj {
  display: block;
  margin: 0 0 20px 0px;
  font-size: 0.9em;
  color: #5d5d5d;
  line-height: 1.7em;
}

.link-proj a {
  font-size: 1.15em;
}

.link-proj i {
  font-size: 0.8em;
  font-style: normal;
  color: #363636;
}

.imgs {
  position: relative;
  margin: 0 auto 40px auto;
}

.topmg {
  margin: 25px auto 40px auto !important;
}

.imgs td {
  position: relative;
  display: block;
}

.colorimg {
  position: absolute;
  top: 0;
  left: 0;
}

.link-info {
  color: #7D7D7D;
  font-size: 0.9em;
}

.wrapImg {
  position: relative;
  left: -30px;
  margin-bottom: 50px;
  text-align: center;
}

.wrapImg .des {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto;
}

.wrapImg .color {
  position: absolute;
  z-index: 10;
}

.wrapImg .js-desaturate-fixed {
  z-index: 1;
}

/* div.des {padding:0 0 40px 0;} */
/* .wrapImg {position:relative; width:190%; margin-left:-50%;  z-index:2; padding:0 0 40px 0;  } */
/* *html .wrapImg {width:180%; margin-left:-45%;} */

/*---navigation---*/
#prev_area_1, #next_area_1, #prev_area_2, #next_area_2 {
  display: block;
  height: 310px;
  position: absolute;
  top: 260px;
  width: 80px;
  z-index: 5;
  cursor: pointer;
  background: url(/images/b.gif);
}

#next_area_1, #next_area_2 {
  right: 0;
}

.roll {
  display: block;
  height: 310px;
  position: absolute;
  top: 0px;
  width: 80px;
  background: url(/images/roll.png) no-repeat;
  z-index: 4;
  -background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "images/roll.png", sizingMethod = 'crop');
}

/*---house---*/

/*--functional elements--*/
.hide {
  opacity: .00;
  filter: alpha(opacity = .0);
}

.hide1 {
  display: none !important;
}

.show {
  display: block;
}

.new-codes {
  position: absolute;
  width: 110px;
  right: -118px;
  top: 37px;
  font-family: Arial, sans-serif;
  color: #000;
  font-size: 0.9em;
}

.new-codes span {
  font-size: 1.4em;
}

/*--index already done--*/
.bg-verevka {
  position: relative;
  background: url(/images/verevka.gif) repeat-x 0 6px;
  z-index: 2;
  margin: -55px 0 0 0;
}

.bg-prostin {
  position:relative;
  width: 999px;
  margin: 34px auto 0 auto;
  padding: 68px 0 140px 0;
  z-index: 2;
}

.bg-prostin .container {
  /*position: relative;*/
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  background: url(/images/inner2/prostin-bg-repeat.png) repeat-y 0 0;
  min-height: 533px;
  -height: 533px;
}

#bg-prostin-top {
  position: absolute;
  background: url(/images/inner2/prostin-bg.png) no-repeat 0 0;
  width: 999px;
  height: 426px;
  top: 0;
  left: 0;
  z-index: 1;
}


#bg-prostin-bottom {
  position: absolute;
  background: url(/images/inner2/prostin-bg-bottom.png) no-repeat 0 0;
  width: 999px;
  height: 302px;
  bottom: 30px;
  left: 0;
  z-index: 1;
}

#prost-text {
  position: relative;
  z-index: 3;
}

/*--years--*/
.switch-inner {
  position: relative;
  margin: 7px 36px 0 0;
  font-family: "Myriad Pro", Trebuchet MS, sans-serif
}

.switch-inner li {
  position: relative;
  float: left;
  font-size: 14px;
  margin: 0 8px 0 0;
}

.switch-inner li a {
  display: block;
  padding: 9px;
}

.switch-inner li a.active {
  color: #000;
  text-decoration: none;
  background: url(/images/bg-switch-inner-white.gif) no-repeat 0 5px;
}

.switch-inner li a span {
  display: none;
}

.switch-inner li a.active span {
  position: absolute;
  right: 0;
  width: 5;
  height: 26px;
  display: block;
  top: 5px;
  background: url(/images/bg-switch-right-white.gif) no-repeat 0 0px;
}

*html .switch-inner li a.active span {
  right: -1px;
}

.list-sites, .li-about, .li-all {
  font-size: 1.2em;
  color: #4c4242;
  margin: 26px 0 0 27px;
}

.list-sites ul {
}

.list-sites ul li {
  margin: 0 0 25px 0;
}

.list-sites ul li ul {
  margin: 10px 0 0 27px;
}

.list-sites ul li ul li {
  margin: 6px 0;
}

.li-about ul, .li-all ul {
  margin: 0 0 0 27px;
}

.li-about ul li, .li-all ul li {
  margin: 5px 0 10px 0;
}

/*text block*/
.gray {
  position: relative;
  width: 80%;
  padding: 14px 22px 14px 20px;
  margin: 0 0 30px 0;
  left: -20px;
  background: #ededed;
  font-size: 0.9em;
  color: #3e3e3e;
}

*html .gray {
  width: 80%;
  float: none;
}

.img-70 {
  position: relative;
  margin: 0 0 40px 0;
}

h1 {
  position: relative;
  font-size: 39px;
  color: #686868;
  font-weight: normal;
  margin: 7px 0 20px 0;
  display: block;
  width: 130%;
  left: -98px;
}

.date-proj {
  padding: 10px;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  zoom: 1;
  position: relative;
  left: -10px;
  background: #ededed;
  margin: 0 0 30px 0;
  color: #3e3e3e;
  font-size: 0.9em;
}

/*---work----*/
.workers {
  position: absolute;
  left: 0;
  top: 220px;
  width: 209px;
  height: auto;
  background: url(/images/work.jpg) no-repeat 0 0;
  z-index: 3;
}

.w-container {
  padding: 22px 15px 25px 25px;
  background: url(/images/work-bottom.jpg) no-repeat left bottom;
}

.w-container dl {
  font-size: 0.9em;
  color: #939393;
  margin: 0 0 15px 0;
}

.w-container p {
  color: #939393 !important;
}

.w-container dt {
  font-style: italic;
  color: #bbbbbb;
  padding: 0 0 0px 10px;
}

dd {
  padding: 0 0 15px 22px;
  line-height: 22px;
}

.thanks {
  color: #939393;
  font-size: 13px;
  width: 90%;
}

/*---red corner---*/
.thumbnails {
  margin: -0.5em -100% 0 -0.5em;
  text-align: left;
  font-size: 0.85em;
  color: #404040;
  width: 130%;
  line-height: 1.25em;
}

.thumbnail {
  text-decoration: none;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 0.5em 0 1.3em 0.5em;
}

.thumbnail img {
  border: 1px solid #d6d6d6;
  position: relative;
  left: -12px;
  margin: 12px 12px 0 0;
}

.thumbnail .rcdate {
  margin: 3px 0 0 0;
}

.red-letters {
  margin: 0 -100% 0 -98px;
  text-align: left;
  font-size: 0.85em;
  color: #404040;
  width: 130%;
}

.red-letters img {
  border: 1px solid #d6d6d6;
}

#textContent .desc ol li {
  list-style: decimal;
  margin: 0 0 18px 20px;
  padding: 0 0 0 8px;
  line-height: 1.4em;
  font-size: 0.9em;
}

#textContent .desc h2 {
  position: relative;
  font-size: 21px;
  color: #686868;
  font-weight: normal;
  margin: 0px 0 20px 0;
  display: block;
  width: 80%;
  left: -50px;
}

/* new pr */
.bg-verevka {
	margin:-55px 0 30px;
}
.bg-prostin {
	width:90%;
	min-width:1000px;
	padding:68px 0 0;
	background:url(/images/pr/prostin-bg-left.jpg) 0 0 repeat-y;
}
.bg-prostin .container {
	min-height:728px;
  -height:728px;
	background:url(/images/pr/prostin-bg-right.jpg) 100% 0 repeat-y;
}
#bg-prostin-top {
	width:100%;
	background:none;
}
.prostin-top-center {
	float:left;
	width:100%;
	height:426px;
	background:url(/images/pr/prostin-top-center.jpg) 0 0 repeat-x;
}
.prostin-top-left {
	float:left;
	width:575px;
	height:426px;
	margin:0 0 0 -100%;
	background:url(/images/pr/sprite_prostin.jpg) 0 0 no-repeat;
}
.prostin-top-right {
	float:left;
	width:399px;
	height:426px;
	margin:0 0 0 -399px;
	background:url(/images/pr/sprite_prostin.jpg) 100% 0 no-repeat;
}
#bg-prostin-bottom {
	bottom:0;
	width:100%;
	background:none;
}
.prostin-bottom-center {
	float:left;
	width:100%;
	height:302px;
	background:url(/images/pr/prostin-bottom-center.jpg) 0 0 repeat-x;
}
.prostin-bottom-left {
	float:left;
	width:552px;
	height:302px;
	margin:0 0 0 -100%;
	background:url(/images/pr/sprite_prostin.jpg) 0 -426px no-repeat;
}
.prostin-bottom-right {
	float:left;
	width:428px;
	height:302px;
	margin:0 0 0 -428px;
	background:url(/images/pr/sprite_prostin.jpg) 100% -426px no-repeat;
}


#prost-text {
	padding:0 100px 140px 100px;
}

#prost-text h2 {
  font-size: 24px;
  margin: 15px 0 26px 0;
}

#prost-text LI A {
  font-size: 14px;
}

#prost-text .iconslist LI A {
  display: block;
  padding-top: 220px;
}

#prost-text LI .date {
  color: #7c7b7b;
  font-size: 10px;
  margin: 2px 0;
}

#prost-text .type-byYear LI {
  margin: 17px 0;
}

#prost-text .type-byYear UL {
  margin-bottom: 50px;
}

#prost-text .iconslist LI {
  display: -moz-inline-stack;
  display: inline-block;
  width: 235px;
  min-height: 50px;
  margin: 0 30px 30px 0;
  padding: 0 0 0 0;
  zoom: 1;
  *display: inline;
  _height: 50px;
  vertical-align: top;
  text-align: left;
}

#prost-text .lineMenu {
  left: 0;
  width: 100%;
  padding: 15px 0 0 0;
  margin: 0 0 40px -9px;
}

#prost-text .lineMenu LI A {
  font-size: 16px;
  padding: 9px 4px 9px 9px;
}

#prost-text .lineMenu ul li a.active {
  background: url(/images/bg-switch2.gif) no-repeat 0 5px;
}

#prost-text .lineMenu ul li a.active span {
  background: url(/images/bg-switch2.gif) no-repeat right 0px;
}

.iconslist {
  margin-top: -50px;
  margin-right: -30px;
  text-align: center;
}

.iconslist LI { background: transparent no-repeat 300px 300px; }

.type-all-site .iconslist LI, .iconslist .sep-type-all-site {  background-image: url("/images/projects/icons_sites.png"); }

.iconslist .id-russind2 { background-position: -58px 10px; }
.iconslist .id-dozor_2 { background-position: -338px 10px; }
.iconslist .id-unitrade { background-position: -625px 10px; }
.iconslist .id-ask_city { background-position: -58px -270px; }
.iconslist .id-matorin2 { background-position: -334px -270px; }
.iconslist .id-binom_site { background-position: -633px -270px; }
.iconslist .id-russind { background-position: -58px -560px; }
.iconslist .id-laboratory { background-position: -337px -560px; }
.iconslist .id-help360 { background-position: -629px -560px; }
.iconslist .id-wooow_site { background-position: -58px -840px; }
.iconslist .id-ech { background-position: -340px -840px; }
.iconslist .id-dsc_site { background-position: -634px -840px; }
.iconslist .id-nuans_site { background-position: -57px -1130px; }
.iconslist .id-geolife { background-position: -337px -1130px; }
.iconslist .id-damaco_site { background-position: -631px -1130px; }
.iconslist .id-cinema_site { background-position: -53px -1410px; }
.iconslist .id-wheels_site { background-position: -350px -1410px; }
.iconslist .id-kachalkus_site { background-position: -628px -1410px; }
.iconslist .id-boss_site { background-position: -55px -1693px; }
.iconslist .id-lomon_site { background-position: -331px -1693px; }
.iconslist .id-autosecurity { background-position: -633px -1693px; }
.iconslist .id-autocommunity_site { background-position: -56px -1986px; }

.type-all-logotype .iconslist LI, .iconslist .sep-type-all-logotype {  background-image: url("/images/projects/icons_logo.png"); }

.type-all-logotype .iconslist .id-bprime, .iconslist .id-bprime { background-position: 1px 84px; background-image: url("/projects/bprime/icon.png"); }
.iconslist .id-alpha { background-position: -0px 0px; }
.iconslist .id-wooow { background-position: -290px 0px; }
.iconslist .id-binom { background-position: -585px 0px; }
.iconslist .id-assistant { background-position: -0px -280px; }
.iconslist .id-ultra { background-position: -290px -280px; }
.iconslist .id-dozor { background-position: -585px -280px; }
.iconslist .id-microteh { background-position: -0px -570px; }
.iconslist .id-alpina { background-position: -290px -570px; }
.iconslist .id-city { background-position: -585px -570px; }
.iconslist .id-matorin { background-position: -8px -850px; }
.iconslist .id-nuans { background-position: -272px -850px; }
.iconslist .id-termius { background-position: -583px -850px; }
.iconslist .id-dsc { background-position: -0px -1140px; }
.iconslist .id-damaco { background-position: -290px -1140px; }
.iconslist .id-cinema { background-position: -585px -1140px; }
.iconslist .id-wheels { background-position: -9px -1425px; }
.iconslist .id-kachalkus { background-position: -290px -1425px; }
.iconslist .id-lomon { background-position: -585px -1425px; }
.iconslist .id-boss_brandbook { background-position: -9px -1710px; }
.iconslist .id-boss { background-position: -292px -1710px; }
.iconslist .id-autocommunity { background-position: -585px -1710px; }
.iconslist .id-jet { background-position: -585px -1710px; }
.iconslist .id-bprime1 { background-position: -585px -1710px; }

.type-all-if .iconslist LI, .iconslist .sep-type-all-if {  background-image: url("/images/projects/icons_interfaces.png"); }

.iconslist .id-russind_search { background-position: -16px -30px; }
.iconslist .id-boss_if { background-position: -298px -30px; }
.iconslist .id-wooow_if { background-position: -592px -30px; }
.iconslist .id-matorin_if { background-position: -16px -310px; }
.iconslist .id-echelon_business { background-position: -298px -310px; }

.type-all-graph .iconslist LI, .iconslist .sep-type-all-graph {  background-image: url("/images/projects/icons_graph.png?2"); }

.iconslist .id-card_23_8 { background-position: -9px -20px; }
.iconslist .id-ech_spring { background-position: -290px -20px; }
.iconslist .id-tokler { background-position: -590px -20px; }
.iconslist .id-card_ny { background-position: -9px -305px; }
.iconslist .id-matorin_calendar { background-position: -290px -305px; }
.iconslist .id-ech_winter { background-position: -590px -305px; }
.iconslist .id-zoom_print { background-position: -9px -570px; }
.iconslist .id-zoom { background-position: -290px -570px; }
.iconslist .id-kachalkus_list { background-position: -590px -570px; }
.iconslist .id-ultra2 { background-position: -9px -870px; }
.iconslist .id-dozor2 { background-position: -290px -870px; }
.iconslist .id-microteh_buklet { background-position: -590px -870px; }
.iconslist .id-alpina2 { background-position: -9px -1155px; }
.iconslist .id-boss_booklets { background-position: -290px -1155px; }
.iconslist .id-termius2 { background-position: -590px -1155px; }
.iconslist .id-card8march { background-position: -9px -1445px; }
.iconslist .id-card23february { background-position: -290px -1445px; }
.iconslist .id-autosecurity_booklet { background-position: -590px -1445px; }
.iconslist .id-boss_card { background-position: -9px -1720px; }
.iconslist .id-cardny2010 { background-position: -292px -1704px; }

.type-all-dev .iconslist LI, .iconslist .sep-type-all-dev {  background-image: url("/images/projects/icons_prog.png"); }

.iconslist .id-russind_yii { background-position: -50px -20px; }
.iconslist .id-binom_bitrix { background-position: -340px -20px; }
.iconslist .id-help360_cms { background-position: -625px -20px; }
.iconslist .id-wooow_yii { background-position: -50px -305px; }
.iconslist .id-autocom_platform { background-position: -340px -305px; }

.iconslist .id-dozor1, .type-all-site .iconslist .id-dozor1 { background:url(/projects/jet/icon.png) no-repeat 0 40px; }
.iconslist .id-bprime1, .type-all-site .iconslist .id-bprime1 { background:url(/projects/bprime1/icon.png) no-repeat 0 55px; }
.iconslist .id-proboknet, .type-all-logotype .iconslist .id-proboknet { background:url(/projects/proboknet/icon.png) no-repeat 10px 50px;}

.js-subtab { display: none; }
.js-tab { display: none; }

.scrollBox{ display:block; margin:-20px auto 50px auto; width:300px; height:23px; overflow:hidden;background:url(../images/slaBg.gif) repeat-x left 10px; }
.scrollBox .cc{ position:relative; float:right; width:300px; height:23px; overflow:hidden; background:url(../images/scBg.gif) repeat-x 0 10px; }
.scrollBox .mover{ position:absolute; float:left; width:23px; height:23px; overflow:hidden; cursor:pointer; background:url(../images/mover.png) no-repeat; }