@import url('/static/css/reset.css');

body.inner {
  font-family: tahoma;
}

.width {
  width: 100%;
  min-width: 990px;
}

.widthfix {
  width: 930px;
  margin: 0 auto;
  padding-left: 60px;
  font-size: 0.8em;
}

.left {
  float: left;
}

.right {
  float: right;
}

.tdleft {
  padding-top: 38px;
  padding-left: 30px;
  width: 50%;
  padding-right: 10px;
}

.tdright {
  padding-top: 38px;
  padding-left: 30px;
  width: 50%;
}

.gray {
  color: #b0b0b0 !important;
}

.hi {
  text-indent: -900px;
  overflow: hidden;
}

h1.main {
  margin-top: 30px;
}

h1 {
  font-weight: normal !important;
  font-family: arial;
  font-size: 2.2em;
}

strong {
  font-weight: bold;
}

a,
a:link,
a:visited {
  color: #146968;
}

ul.list2 {
  width: 450px;
}

table tr td {
  vertical-align: top;
}

div.logoprint {
  display: none;
}

div.header {
  height: 479px;
}

div.headcenter {
  height: 479px;
}

div.lefttree {
  height: 479px;
}

body.inner div.lefttree {
  height: 164px !important;
  background: #eff5f4 url('/static/i/lefttreeinner.png') no-repeat 50% 0%;
}

div.righttree {
  height: 479px;
}

body.inner div.righttree {
  height: 164px;
}

body.promo div.righttree {
  height: 164px;
}

body.we div.righttree {
  height: 164px;
  background: url('/static/i/righttreeabout.png') no-repeat 50% 0%;
}

body.we div.bird {
  height: 164px;
  background: url('/static/i/bird.png') no-repeat 50% 0%;
}

div.serenity {
  height: 479px;
  padding: 0;
  width: 990px;
}

body.inner div.serenity {
  background: url('/static/i/parrot.png') no-repeat 0% 0%;
  height: 164px;
}

body.promo div.serenity {
  height: 164px;
}

body.we div.serenity {
  background-image: none;
}

div.about {
  width: 308px;
  margin: 0 auto !important;
  height: 222px;
  padding-top: 253px;
}

a.about,
a.about:link,
a.about:visited {
  color: #131313;
  display: block;
  text-decoration: none;
  font-family: arial;
  padding: 3px 5px;
  width: 70px !important;
  margin-left: 37px;
}

div.logo {
  width: 207px;
  height: 67px;
  margin: 40px 0 0 33px;
}

div.logo a,
div.logo a:link,
div.logo a:visited {
  display: block;
  width: 207px;
  height: 67px;
  position: relative;
}

body.inner div.logo {
  width: 327px;
  height: 103px;
  background: url('/static/i/logoinner.png') no-repeat 0% 0%;
  margin: 35px 0 0 180px;
  position: absolute;
}

body.inner div.logo a,
body.inner div.logo a:link,
body.inner div.logo a:visited {
  display: block;
  width: 327px;
  height: 103px;
  position: relative;
}

div.region{
  width: 194px;
  height: 86px;
  background: url('/static/i/region.png') repeat 0% 0%;
  margin: 28px 0 0 829px;
  position: absolute;
}

div.region address{
  font-size: 17px;
  font-style: normal;
  padding:8px 0 0 21px;
  line-height: 24px;
}

div.region address span{
  font-size: 26px;
}

div.region address span#citycode{
  font-size:17px;
}

div.region p{
  font-size:0.85em;
  margin-top: 5px;
  padding-left:24px;
}

div.region p a{
  border-bottom: 1px dashed;
  text-decoration: none;
}

div.region p a.select{
  border-bottom: none;
  color: #000;
}

div.postbox{
  width: 64px;
  height: 83px;
  margin: 253px 0 0 862px;
  position: absolute;
}

div.postbox a,
div.postbox a:link,
div.postbox a:visited {
  display: block;
  width: 64px;
  height: 83px;
}

div.service {
  width: 176px;
  height: 143px;
  margin: 315px 0 0 608px;
  position: absolute;
}

div.service ul {
  margin: 16px 0 0 42px;
}

a.service,
a.service:link,
a.service:visited {
  display: block;
  width: 84px;
  height: 20px;
  margin-bottom: 5px;
}

a.create,
a.create:link,
a.create:visited {
  display: block;
  width: 84px;
  height: 23px;
  margin-bottom: 10px;
}

a.seo,
a.seo:link,
a.seo:visited {
  display: block;
  width: 84px;
  height: 23px;
}

div.border {
  height: 1px;
  border-bottom: 1px solid #474747;
  background: #272727;
}

div.menubg {
  height: 42px;
  background: #202020 url('/static/i/menubg.png') no-repeat 50% 0%;
  border-bottom: 1px solid #474747;
}

div.menu {
  height: 42px;
  padding: 0;
  width: 990px;
  font-size: 1em !important;
}

ul#nav {
  width: 988px;
  height: 42px;
}

ul#nav li {
  float: left;
  display: block;
  width: 238px;
/*  padding-left: 9px;*/
  height: 42px;
  background: url('/static/i/li.jpg') no-repeat 0% 50%;
  cursor: default;
  z-index: 9999;
}

ul#nav li.first {
  background: transparent !important;
}

ul#nav li span.text,
ul#nav li font,
ul#nav li a,
ul#nav li a:link,
ul#nav li a:visited {
  color: #f1f1f1;
  font-size: 0.8em;
  font-family: arial;
  height: 29px;
  display: block;
  text-align: center;
  width: 188px;
/*  padding: 13px 20px 0 20px;*/
  padding: 13px 26px 0 25px;
  margin: 0 auto;
  text-decoration: none;
  cursor: default;
}

ul#nav li:hover font,
ul#nav li.over font,
ul#nav li:hover a,
ul#nav li:hover a:link,
ul#nav li:hover a:visited {
  background: #3b3b3b;
  text-decoration: none;
  cursor: default;
}

ul#nav li.first.over font,
ul#nav li.first:hover font,
ul#nav li.last.over font,
ul#nav li.last:hover font,
ul#nav li.first.over a,
ul#nav li.first.over a:link,
ul#nav li.first.over a:visited,
ul#nav li.first:hover a,
ul#nav li.first:hover a:link,
ul#nav li.first:hover a:visited,
ul#nav li.last.over a,
ul#nav li.last.over a:link,
ul#nav li.last.over a:visited,
ul#nav li.last:hover a,
ul#nav li.last:hover a:link,
ul#nav li.last:hover a:visited {
  cursor: pointer !important;
}

ul#nav li:hover font,
ul#nav li.over font,
ul#nav li:hover a,
ul#nav li.over a {
  background: #3b3b3b;
  text-decoration: none;
  cursor: default !important;
}

ul#nav li font span,
ul#nav li a span {
  border-bottom: 1px solid #fff;
}

ul#nav li font span {
  border-bottom: 1px dashed #fff;
}

ul#nav li ul {
  width: 239px;
  margin-left: 0px;
  margin-top: 0 !important;
  position: absolute;
  display: none;
  padding: 20px 0;
/*  background: #008180 url('/static/i/submenu.png') repeat-x 0% 0%;*/
  background: #2b2b2b;
  z-index: 1000;
}

ul#nav li:hover ul,
ul#nav li.over ul {
  display: block;
}

ul#nav li ul li {
  float: none;
  width: 224px;
  padding: 0;
  margin: 0;
  height: auto !important;
  background: transparent !important;
}

ul#nav li ul li.separate {
  margin-top: 7px;
}

ul#nav li ul li a,
ul#nav li ul li a:link,
ul#nav li ul li a:visited {
  width: 169px !important;
  font-size: 0.9em;
  text-align: left;
  padding: 6px 20px 6px 35px;
  height: auto !important;
  text-decoration: none !important;
  cursor: pointer !important;
  background: url('/static/i/marker1.gif') no-repeat 25px 50% !important;
}

ul#nav li ul li a:hover {
  text-decoration: underline !important;
}

ul#nav li ul li.small a,
ul#nav li ul li.small a:link,
ul#nav li ul li.small a:visited {
  font-size: 0.7em;
  background: none !important;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 36px;
}

ul#nav li ul li a:hover span,
ul#nav li a span.border  {
  border-bottom: 1px solid #fff;
}

ul#nav li ul li a:hover {
  background: transparent;
}

div.crumbs {
  height: 27px;
  border-top: 1px solid #fff;
  background: #e6e6e6;
  color: #4f4d4d;
  padding-top: 10px;
  font-size: 0.85em;
}

div.crumbs a,
div.crumbs a:link,
div.crumbs a:visited {
  color: #434141;
}

div.content {
  min-height: 100px;
  padding-top: 20px;
  font-size: 0.75em;
}

div.content ul {
  margin: 20px 0 25px 0;
}

div.content ul.default {
  margin-left: 20px;
}

div.content ul.default li {
  list-style-type: disc;
}

div.content p {
  margin: 20px 0 0 0;
}

h1#chapter1,
h1#chapter2,
h1#chapter3,
h1#chapter4,
h1#chapter5 {
  margin-top: 30px;
}

div.arguments {
  float: right;
  width: 290px;
  padding-top: 37px;
  padding-left: 24px;
}

div.work div.arguments {
  width: 370px;
  margin-left: 40px;
  padding-bottom: 30px;
}

h2.main {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 15px;
  width: 255px;
}

a.arrow,
a.arrow:link,
a.arrow:visited,
a.arrow:hover {
  display: block;
  background: url('/static/i/marker2.gif') no-repeat 6px 6px;
  padding-left: 20px;
  margin: 4px 0;
}

a.arrowserv,
a.arrowserv:link,
a.arrowserv:visited,
a.arrowserv:hover {
  display: block;
  background: url('/static/i/marker2.gif') no-repeat 3px 9px;
  padding-left: 20px;
  margin: 4px 0;
  font-size: 1.4em;
}

a.arrow1,
a.arrow1:link,
a.arrow1:visited,
a.arrow1:hover {
  display: block;
  background: url('/static/i/marker3.gif') no-repeat 6px 6px;
  padding-left: 20px;
  margin: 4px 0;
}

div.text ul li ul li {
  margin: 5px 0;
}


ul.list li {
  margin: 2px 0;
  float: left;
  width: 160px;
  padding-right: 20px;
}

div.text ul.list li {
  margin: 2px 0;
}

ul.list2 li {
  display: block;
  margin: 2px 0;
  float: left;
  width: 190px;
  padding-right: 20px;
  padding-left: 10px;
  background: url('/static/i/marker3.gif') no-repeat 0px 8px;
}

li.select a,
li.select a:link,
li.select a:visited {
  color: #000;
  background: url('/static/i/list-arrow-long.gif') no-repeat 0px 9px;
  text-decoration: none;
  cursor: default;
}

div.text {
  margin-right: 350px;
  padding-bottom: 50px;
}

div.text.nofoot {
  padding-bottom: 20px;
}

div.text ul li ul {
  margin: 5px 0 5px 20px !important;
}

div.text h2 {
  margin: 20px 0 10px 0;
}

div.text h2.paddingtop {
  padding-top: 20px;
  clear: left;
}


div.text h3 {
  margin: 20px 0 4px 0;
  font-size: 1.4em;
}

div.work div.text {
  margin-right: 460px;
  margin-bottom: 50px;
}

div.feedback {
  clear: left;
  margin-top: 40px;
  width: 345px;
  background: url('/static/i/feedback.jpg') no-repeat 47px 100%;
  padding: 0 0 12px 0;
  margin-left: -40px;
}

div.feedback.longer {
  width: 100%;
  margin-left: 0;
  margin-top: 20px;
}

div.feedback span,
div.feedback a,
div.feedback a:link,
div.feedback a:visited {
  font-size: 0.95em;
}

div.feed {
  padding: 25px 16px 20px 55px;
  background: #e6e6e6 url('/static/i/feed.jpg') no-repeat 16px 32px;
}

div.feed span.text {
  display: block;
  background: transparent url('/static/i/feedright.jpg') no-repeat 100% 95%;
  padding-right: 39px;
  margin-bottom: 10px;
  text-align: justify;
}

div.feedcontacts {
  padding: 15px 15px 15px 15px;
  background-color: #e6e6e6;
  margin: 0 20px 0 20px;
}

div.feedcontacts span.text {
  display: block;
  text-align: left;
}

div.feedbackcontacts {
  clear: left;
  background: url('/static/i/feedback.jpg') no-repeat 140px 100%;
  padding: 10px 0 12px 0;
  width: 300px;
  margin-left: 100px;
}

div.feed span.text h2 {
  margin-top: 0 !important;
}

span.who {
  font-style: italic;
  font-size: 0.95em;
  display: block;
  margin: 10px 0 40px -40px;
}

span.who.longer {
  margin-left: 0;
}

a.link,
a.link:link,
a.link:visited {
  display: block;
  margin: 5px 0 15px 0;
}

div.preview {
  width: 463px;
  background: url('/static/i/previewbg.png') repeat-y 0% 0%;
  margin-top: 15px;

}

div.previewup {
  background: url('/static/i/previewup.png') no-repeat 0% 0%;
  min-height: 100px;
}

div.previewup div.name {
  height: 19px;
  text-align: center;
  padding-top: 4px;
  color: #333;
}

div.previewup img {
  margin-left: 5px;
}

div.previewfoot {
  background: url('/static/i/previewfoot.png') no-repeat 0% 0%;
  height: 9px;
}

p.one,
p.two,
p.three {
  min-height: 37px;
  padding-left: 62px;
  margin-bottom: 20px;
}

p.one {
  background: url('/static/i/one.png') no-repeat 0% 1px;
}

p.two {
  background: url('/static/i/two.png') no-repeat 0% 1px;
}

p.three {
  background: url('/static/i/three.png') no-repeat 0% 1px;
}

div.text ul.arrow li {
  background: url('/static/i/marker2.gif') no-repeat 0% 5px;
  margin-bottom: 5px;
  padding-left: 15px;
}

div.article {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DBDBDB;
}

div.article p {
  margin-top: 8px;
}

div.article span {
  color: #4F4D4D;
}

div.text ul.marker3 {
  margin: 8px 0 12px 18px;
  padding: 0;
  list-style-type: disc;
}

div.text ul.marker3 li {
  margin: 2px;
}

table.form {
  margin-top: 15px;
}

table.form tr td {
  padding: 3px ;
  vertical-align: middle;
}

table.form tr td label {
  margin-right: 10px;
}

table.form tr td input.short,
table.form tr td input.long,
table.form tr td textarea.long {
  border: 1px solid #b4b4b4;
  border-top: 1px solid #717171 !important;
  border-right: 1px solid #717171 !important;
  width: 170px;
}

ul.portfolio {
  margin: 30px 0 60px 0;
}

ul.portfolio li {
  text-align: center;
  padding: 0 50px 35px 0;
  display: block;
  width: 172px;
  height: 107px;
  float: left;
}

table.firmstyle tr td {
  padding: 0 30px 23px 0;
}

ul.portfolio li a,
ul.portfolio li a:link,
ul.portfolio li a:visited {
  display: block;
  width: 172px;
  height: 122px;
  margin: 0 auto;
  text-decoration: none;
  font-weight: bold;
}

table.firmstyle tr td a,
table.firmstyle tr td a:link,
table.firmstyle tr td a:visited {
  width: 198px;
  height: 107px;
}

table.firmstyle tr td a img {
  margin: 5px 0 0 10px;
}

ul.portfolio li a:hover {
  background: url('/static/i/hover.jpg') no-repeat 0% 0%;
}

table.firmstyle tr td a:hover {
  background: url('/static/i/hover2.jpg') no-repeat 0% 0%;
}

ul.portfolio li a span {
  color: #000;
  margin-left: 5px;
}

ul.portfolio li a span.margin {
  margin-left: 9px;
}

div.lastworkbg {
  background: #00817f url('/static/i/lastworkbg.png') no-repeat 50% 0%;
  border-top: 1px solid #08b2b1;
  border-bottom: 1px solid #06918f;
}

table.lastwork {
  color: #fff;
  font-size: 0.8em;
}

table.lastwork tr td {
  padding-bottom: 10px;
}

table.lastwork tr td.lasttext {
  padding-top: 25px;
  padding-left: 30px;
  padding-bottom: 25px;
}

div.lastdescription {
  margin: 20px 0 20px 0;
}

a.lastview,
a.lastview:link,
a.lastview:visited {
  display: block;
  color: #fff;
  padding: 15px 20px;
  background: #006e6c;
  margin-right: 11px;
  font-size: 0.85em;
}

div.partnersbg {
  background: #2e2e2e;
  height: 66px;
  border-bottom: 1px solid #3a3a3a;
  color: #fff;
}

div.partners {
  padding-top: 18px;
  height: 48px;
}

div.partners h1 {
  margin-right: 10px;
}

div.partners h1 img {
  margin: 8px 15px 0 0;
}

div.partners img {
  margin: 7px 15px 0 15px;
}

table.questions tr td {
  padding-top: 25px;
  padding-bottom: 25px;
}

table.questions tr td h1 {
  margin-bottom: 20px;
}

table.questions tr td ol {
  margin: 20px 0 20px 35px;
}

table.questions tr td ol li {
  list-style-type: decimal;
  font-weight: bold;
  margin: 3px 0;
}

table.questions tr td ol li span {
  font-weight: normal;
}

table.questions tr td span.sale {
  display: block;
  padding: 10px 13px 10px 15px;
  background: #353535;
  color: #fff;
  font-weight: bold;
  width: 295px;
}

div.ourproject {
  background: #282828 url('/static/i/ourproject.png') repeat-x 0% 0%;
  color: #fff;
}

ul.work {
  margin: 20px 0 0 0;
}

ul.work li a,
ul.work li a:link,
ul.work li a:visited {
  background: url('/static/i/marker.gif') no-repeat 0% 8px;
  padding-left: 17px;
  color: #fff;
}

div.footerbg {
  height: 289px;
  background: url('/static/i/footerbg.png') repeat-x 0% 0%;
  clear: both;
}

div.footer {
  height: 289px;
  background: url('/static/i/phone.png') no-repeat 0% 100%;
  font-size: 0.7em;
}

div.adress {
  float: left;
  width: 160px;
  height: 204px;
  padding-top: 84px;
}

ul.link {
  margin-top: 30px;
}

ul.link li {
  float: left;
  margin-right: 25px;
}

ul.link li a,
ul.link li a:link,
ul.link li a:visited {
  display: block;
  width: 9px;
  height: 9px;
  padding: 4px;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  overflow: hidden;
  text-indent: -1500px;
}

ul.link li a.home,
ul.link li a.home:link,
ul.link li a.home:visited {
  background-image: url('/static/i/home.gif');
}

ul.link li a.mail,
ul.link li a.mail:link,
ul.link li a.mail:visited {
  background-image: url('/static/i/mail.gif');
}

ul.link li a.map,
ul.link li a.map:link,
ul.link li a.map:visited {
  width: 11px;
  background-image: url('/static/i/map.gif');
}

table.manager {
  margin: 30px 0;
}

table.manager tr td {
  width: auto;
  font-size: 0.75em;
}

table.manager tr td.gray {
  background: #F2F2F2;
}

table.manager tr td.center {
  width: 990px;
}

table.manager tr td div.manager {
  width: 565px;
  min-height: 50px;
  background: #F2F2F2;
  padding: 15px 0 15px 60px;
}

table.manager tr td div.manager h2,
table.blog tr td h2 {
  margin-bottom: 15px;
}

table.manager tr td div.manager img {
  float: left;
  margin: 0 20px 0 0;
}

table.manager tr td div.manager p {
  margin-top: 5px;
}

div.blog {
  font-size: 0.75em;
}

table.blog {
  margin: 15px 0 30px 0;
}

table.blog tr td {
  padding-right: 100px;
}

table.blog tr td span {
  display: block;
  margin: 3px 0 9px 0;
}

table.blog tr td a.first,
table.blog tr td a.first:link,
table.blog tr td a.first:visited {
  margin-right: 45px;
}

table.blog tr td strong {
  display: block;
  margin: 4px 0;
}

table.questions tr td span.text {
  display: block;
  margin: 5px 0;
}

div.footright {
  width: 281px;
  height: 209px;
  padding: 80px 0 0 104px;
  background: url('/static/i/footright.png') no-repeat 0% 100%;
}

div.phonenumber {
  position: absolute;
  margin: 62px 0 0 347px;
  font-size: 1.6em;
}

span.number {
  font-size: 3em;
  margin-top: -10px;
  display: block;
}

span.nbsp {
  margin: 0 5px;
}

span.call {
  font-size: 1.4em;
  display: block;
  margin-top: -10px;
  margin-left: 3px;
}

span.regcall {
    display:block;
    font-size:11px;
    margin-left:3px;
    margin-top:3px;
}

span.regcall  a{
  text-decoration:none;
  border-bottom: 1px dashed;
}

span.regcall a.select{
  border-bottom: none;
  color: #000;
}

a.black,
a.black:link,
a.black:visited {
  color: #000 !important;
  text-decoration: none;
}

div.copy {
  padding: 6px 0 6px 42px;
}

div.commanda img {
  margin-left:12px
}

table.we {
  width: 108%;
}

table.we h2 {
  font-size:1.3em;
  padding:0;
  margin:0
}

table.we {
  font-size:0.9em
}

table.we tr td em {
  display:block;
  margin-bottom:7px;
}

div#map {
  position: relative;
  margin-top: 15px;
/*  width: 576px; когда есть поле справа */
  width: 415px;
  height: 300px;
}

form.contacts {

}

.contactspage div.arguments {
  margin-left:40px;
  padding-bottom:30px;
  padding-right:30px;
  padding-top:18px;
  width:415px;
}

.contactspage div.text {
  margin-right:500px;
}

.contactspage div.arguments h1.main {
  margin-top: 10px;
}

.contactspage div.text table.we {
  width: 900px;
}

.contactspage div.text span.phone {
  font-size: 1.2em;
}

.contactspage table.form tr td label {
  font-size: 1.2em;
}

em.req,
.contactspage table.form tr td label em {
  font-size: 0.8em;
  color: red;
  vertical-align: 2px;
}

.contactspage table.form tr td input.long,
.contactspage table.form tr td textarea.long {
  width: 301px;
  font-size: 1.2em;
}

.contactspage table.form tr td input.short {
  font-size: 1.2em;
  padding-left: 3px;
}

table.form tr td input.long,
table.form tr td textarea.long {
  width: 170px;
}

table.form tr td input#code {
  width: 36px;
}

table.form tr td input#phone {
  width: 231px;
}

table.form tr td input#email {
  width: 277px;
}

.contactspage div.arguments a.pic_l {
  display: block;
  float: left;
  margin: 0 10px 5px 0;
}

.contactspage div.arguments a.pic_r {
  display: block;
  margin: 0 0 10px 0;
}

#twitter_div {
  margin-left: 20px;
}

#twitter_div ul li {
  margin: 4px 0 10px;
  width: 200px;
}