@charset "utf-8";
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background: #fff
    url(/web/20160903095951im_/http://inventiva.info/images/plus.png);
}
html {
  padding: 0;
  margin: 0;
}
* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/* main */
.main {
  width: 991px;
  padding: 0;
  margin: 0 auto;
  border-left: 5px solid #ddd;
  border-right: 5px solid #ddd;
}
/********** header **********/
.blok_header {
  margin: 0;
  padding: 0;
  background: #ebebeb
    url(/web/20160903095951im_/http://inventiva.info/images/header_bg.gif) top
    repeat-x;
}
.header {
  width: 991px;
  margin: 0 auto;
  padding: 0;
}
/* logo */
.logo {
  padding: 0;
  margin: 0;
  width: 200px;
  float: left;
}
/* menu */
.menu_resize {
  width: 991px;
  margin: 0 auto;
  padding: 0;
  background: #252525;
}
.menu {
  padding: 0;
  margin: 0;
  width: 600px;
  float: left;
}
.menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  border: 0;
  float: left;
}
.menu ul li {
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
}
.menu ul li a {
  float: left;
  margin: 0;
  padding: 13px 10px;
  color: #fff;
  font: bold 12px Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.menu ul li a:hover {
  color: #252525;
  background: white;
}
.menu ul li a.active {
  color: red;
  background: #a9a9a9;
}
/* search */
.search {
  padding: 45px 20px 0 0;
  margin: 0;
  width: 200px;
  float: right;
}
.search form {
  display: block;
  float: right;
  padding: 0;
}
.search span {
  display: block;
  float: left;
  background: url(/web/20160903095951im_/http://inventiva.info/images/search_bg.gif)
    left top no-repeat;
  width: 144px;
  padding: 0 5px 0 0;
  height: 33px;
}
.search form .keywords {
  line-height: 14px;
  height: 17px;
  float: left;
  background: url(/web/20160903095951im_/http://inventiva.info/images/search_bg.gif)
    left top no-repeat;
  border: 0;
  padding: 8px 5px;
  margin: 0;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #6c6c6c;
}
.search form .button {
  float: left;
  margin: 0;
  padding: 0;
}
/*header_text_bg*/
.header_text_bg {
  margin: 0;
  padding: 0;
  background: #ebebeb;
}
/*header_text*/
.header_text {
  margin: 0 auto;
  padding: 0;
  width: 991px;
  font-size: 14px;
}
.header_text_blog {
  height: 92px;
  width: 991px;
  background: url(/web/20160903095951im_/http://inventiva.info/images/header_text_blog_bg.gif)
    top no-repeat;
  padding: 0;
  margin: 0;
}
.header_text_blog h3 {
  width: 300px;
  float: left;
  margin: 0;
  padding: 30px 0 0 40px;
  font: normal 36px Arial, Helvetica, sans-serif;
  color: #000;
}
.header_text_blog p span {
  text-align: left;
  width: 340px;
  float: right;
  margin: 0;
  padding: 30px 0 0 0;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #888;
}
.header_text h2 {
  font: normal 18px Arial, Helvetica, sans-serif;
  color: #3c3c3c;
  padding: 5px 0;
  margin: 0;
  text-align: center;
}
.header_text p {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #848484;
  padding: 0 0 20px 0;
  margin: 0;
  text-align: center;
}
/*top_text*/
.top_text {
  background: url(/web/20160903095951im_/http://inventiva.info/images/top_text_bg.gif)
    top repeat-x;
  width: 991px;
  margin: 0 auto;
  padding: 0;
}
.top_text p {
  font: normal 11px Arial, Helvetica, sans-serif;
  color: #3c3c3c;
  padding: 5px;
  margin: 0;
  line-height: 1.8em;
}
.top_text h2 {
  font: normal 18px Arial, Helvetica, sans-serif;
  color: #3c3c3c;
  padding: 5px;
  margin: 0;
}
.top_text img {
  float: left;
  margin: 5px 10px;
  padding: 0;
}
.top_text .block {
  width: 235px;
  float: left;
  padding: 5px;
  margin: 0;
}
/********** body **********/
.body_resize {
  margin: 0;
  padding: 0;
  background: #ebebeb;
  border-bottom: 1px solid #f8f8f8;
}
.body {
  width: 960px;
  margin: 0 auto;
  padding: 10px 30px;
  height: auto;
}
.body h2 {
  border-bottom: 1px solid #dedede;
  font: normal 24px Arial, Helvetica, sans-serif;
  color: #2c2c2c;
  margin: 0;
  padding: 10px 5px;
}
.body img {
  float: left;
  padding: 0;
  margin: 10px 5px;
}
.body img.port {
  float: left;
  padding: 0;
  margin: 15px 1px;
}
.body img.floated {
  float: right;
  padding: 0;
  margin: 0 5px;
}
.body p {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #646464;
  line-height: 1.8em;
  padding: 5px 5px;
  margin: 0;
}
.body p span {
  color: #8e8e8e;
  font: normal 11px Arial, Helvetica, sans-serif;
  line-height: 1.8em;
}
.body a {
  text-decoration: none;
  color: #444444;
  line-height: 1.8em;
  font: bold 12px Arial, Helvetica, sans-serif;
}
.body_small {
  width: 390px;
  float: right;
  margin: 5px 0 5px 15px;
  padding: 0;
}
.body_big {
  width: 550px;
  float: left;
  margin: 5px 0 5px 5px;
  padding: 0;
  position: absolute;
  height: 0px;
}
.body .block2 {
  width: 255px;
  margin: 5px;
  padding: 0;
  float: left;
}
/*FBG*/
.FBG {
  background: #dedede;
  border-top: 1px solid #d3d3d3;
  margin: 0;
  padding: 0;
}
.FBG_resize {
  width: 990px;
  margin: 0 auto;
  padding: 0;
}
.FBG_resize img {
  float: left;
  margin: 15px 10px;
  padding: 0;
}
.FBG_resize p {
  font: normal 11px Arial, Helvetica, sans-serif;
  color: #646464;
  padding: 5px;
  margin: 0;
  line-height: 1.8em;
}
.FBG_resize h2 {
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #636363;
  padding: 5px;
  margin: 0;
}
.FBG_resize a {
  padding: 10px 0;
  margin: 0;
  font: normal 11px Arial, Helvetica, sans-serif;
  color: #808080;
  text-decoration: none;
}
.FBG_resize a:hover {
  color: #2f2f2f;
  text-decoration: underline;
}
.FBG_resize .right {
  width: 320px;
  float: right;
  margin: 10px 10px;
  padding: 0;
}
.FBG_resize .left {
  width: 120px;
  float: right;
  margin: 10px 10px;
  padding: 0;
}
/* END_bloga*/
/*************footer**********/
.footer_resize {
  width: 980px;
  margin: 0 auto;
  padding: 0 0 50px 0;
  height: 5px;
}
.footer {
  padding: 0;
  width: 991px;
  margin: 0 auto;
  background: #d1d1d1;
}
.footer p {
  font: normal 11px Arial, Helvetica, sans-serif;
  color: #5c5c5c;
}
.footer a {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #1f1f1f;
  text-decoration: none;
  padding: 5px;
  margin: 0;
}
.footer p.leftt {
  text-align: right;
  width: 50%;
  margin: 0;
  padding: 10px 0 0 20px;
  float: right;
}
.footer p.rightt {
  text-align: right;
  width: 30%;
  margin: 0;
  padding: 15px 20px 0 0;
  float: right;
}
/********** contact form **********/
.form {
  float: left;
  width: 560px;
  margin-top: 40px;
  margin-left: 10px;
}
/********** contact form **********/
#contactform {
  margin: 0;
  padding: 5px 10px;
}
#contactform * {
  color: #7a7a7a;
}
#contactform ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
#contactform li {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  display: block;
}
#contactform li.buttons {
  margin: 5px 0 5px 0;
}
#contactform label {
  float: left;
  margin: 0;
  width: 100px;
  padding: 5px 0;
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #444444;
  text-transform: capitalize;
}
#contactform label span {
  font: normal 10px Arial, Helvetica, sans-serif;
}
#contactform input.text {
  width: 420px;
  border: 1px solid #dadada;
  margin: 5px 0;
  padding: 5px 2px;
  height: 15px;
  background: #fff;
}
#contactform textarea {
  width: 420px;
  border: 1px solid #dadada;
  margin: 10px 0;
  padding: 2px;
  background: #fff;
  height: 70px;
}
#contactform li.buttons input {
  padding: 3px 0;
  margin: 0 0 0 420px;
  border: 0;
  color: #fff;
}
p.response {
  text-align: center;
  color: #2c2c2c;
  font: bold 11px Arial, Helvetica, sans-serif;
  line-height: 1.8em;
  width: auto;
}

p.clr,
.clr {
  clear: both;
  padding: 0;
  margin: 0;
}
li.bg,
.bg {
  clear: both;
  border-bottom: 1px solid #dedede;
  padding: 10px 0 0 0;
  margin: 0 0 10px 0;
  background: none;
  list-style: none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
-----  Index Portfolio  -----
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
#index_portfolio {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
}
.sm {
  margin: 0 auto;
  list-style: none;
  width: 990px;
  height: 400px;
  display: block;
  overflow: hidden;
}
.sm li {
  float: left;
  display: inline;
  cursor: pointer;
  width: auto;
  overflow: hidden;
}
.sm li img {
  border: 0px;
}
.index_port_item {
  float: right;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  height: 400px;
}
#index_portfolio .index_port_item a {
  width: 100%;
  height: 400px;
  float: left;
  position: absolute;
  display: none;
}
#index_portfolio .current a {
  width: 100%;
  height: 400px;
  float: left;
  position: absolute;
  display: block;
}

#index_portfolio .index_port_item .caption {
  position: absolute;
  padding: 20px;
  float: left;
}
#index_portfolio .index_port_item .caption h2 {
  font-weight: bold;
}
#index_portfolio .index_port_item .caption p {
  font-size: 13px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  margin: 0;
}

/*
     FILE ARCHIVED ON 09:59:51 Sep 03, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:21:12 Apr 17, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.746
  exclusion.robots: 0.123
  exclusion.robots.policy: 0.11
  cdx.remote: 0.061
  esindex: 0.013
  LoadShardBlock: 145.068 (3)
  PetaboxLoader3.datanode: 123.139 (4)
  PetaboxLoader3.resolve: 138.557 (2)
  load_resource: 149.19
*/