* {border: 0px; padding: 0px; margin: 0px}

body {font-family: calibri, tahoma, "liberation mono", arial, helvetica, sans-serif, verdana; font-size: 20px; color: #000000; background: url("pics/fon1.png") repeat scroll left top #ffffff}

div.page {width: 100%; height: 100%; min-width: 900px; margin: 0 auto; padding: 0; position: relative}

div.header {width: 100%; height: 96px; position: relative; background: url("pics/hat.png") center center no-repeat}
div.hat {width: 900px; height: 96px; position: relative; vertical-align: middle; background: url("pics/hat-logo.png") left center no-repeat}

div.hat-block {position: relative; top: 25px; text-align: right; vertical-align: middle}
  a.mainlink {width: 350px; height: 50px; float: left; overflow: hidden; color: transparent; font-size: 0}

ul.hat-text  {text-align: left; list-style-type: none; white-space: nowrap; display: inline-block}
ul.hat-text li {padding-left: 20px; list-style-type: none; font-size: 18px}
li.hat-phone {padding-bottom: 2px; background: url("pics/phone.png") left top no-repeat; color: #fff; font-family: cambria, verdana, arial, helvetica, sans-serif, tahoma}
li.hat-city {background: url("pics/city.png") left center no-repeat; color: #00cdff}

div.container {width: 900px; position: relative}

div.main-hat {min-height: 155px; margin-top: 40px; border: 2px solid #fff; border-radius: 4px; background: url("pics/photo-main.png") right bottom no-repeat #fefefe; text-align: left}

p.top-intro {display: block; width: 600px; margin-left: 40px; margin-top: 24px; color: #003282}

ul.top-menu {display: inline; margin-left: 30px; margin-top: 12px; padding: 8px 10px; border-top: 2px solid #f0f0f0; border-bottom: 2px solid #f0f0f0; color: #00b9e6}
ul.top-menu li {display: inline; padding-left: 12px; background: url("pics/top-list.png") left center no-repeat}
ul.top-menu li.first {padding-left: 0; background: none}

div.menu-icons {width: 900px; min-height: 307px; margin-top: 12px}
div.menu-icons a {display: block; position: relative; width: 179px; float: left; margin-left: 1px}
span.menu-text {display: block; position: absolute; width: 150px; top: 235px; left: 15px; text-align: left; font-size: 16px; color: #fff}

  div.menu-light {width: 900px; min-height: 81px; margin-top: 36px}
  div.menu-light a, div.menu-light p {display: block; position: relative; width: 179px; float: left; margin-left: 1px}
  span.light-text {display: block; position: absolute; width: 150px; top: 10px; left: 15px; text-align: left; font-size: 16px; color: #fff}

div.main-corner {margin-top: 12px; border-radius: 4px; background: url("pics/corner.png") right bottom no-repeat #fff; text-align: left; overflow: hidden}
div.main-empty {margin-top: 12px; padding-bottom: 30px; border-radius: 4px; background-color: #fff; text-align: left; overflow: hidden}

  div.bigpic {margin-top: 12px}
  div.bigpic div {width: 903px; height: 377px; text-align: left}
  div.bigpic1 {background: url("pics/page1.png") left center no-repeat transparent}
  div.bigpic2 {background: url("pics/page2.png") left center no-repeat transparent}
  div.bigpic3 {background: url("pics/page3.png") left center no-repeat transparent}
  div.bigpic4 {background: url("pics/page4.png") left center no-repeat transparent}
  div.bigpic5 {background: url("pics/page5.png") left center no-repeat transparent}
  div.bigpic h1 {padding-left: 40px; padding-top: 18px; font-size: 24px; color: #fff; text-transform: uppercase; font-weight: normal}

  div.page-cont {margin-top: 12px; padding: 30px 30px 0 30px; background-color: #fff; text-align: left}
  div.page-cont h2 {height: 32px; padding: 0 10px; border-bottom: 2px solid #f0f0f0; font-size: 22px; color: #00b9e6; text-transform: uppercase; font-weight: normal}
  div.page-cont-mid {margin-top: 12px; padding: 0 30px; background-color: #fff; text-align: left; overflow: hidden}
  table.tarif {width: 812px; margin: 10px; border-collapse: collapse; color: #001e46}
  table.tarif tr {height: 55px}
  table.tarif th, table.tarif td {padding: 0 10px; text-align: center; vertical-align: middle}
  table.tarif th {font-weight: bold}
  table.tarif th span {font-weight: normal}
  table.tarif .left-col {text-align: left}
  table.tarif .cena {font-size: 14px}
  table.tarif .top-light {background-color: #d8f3fa}
  table.tarif .top-dark {background-color: #c0eaf6}
  table.tarif .other-light {background-color: #f5f5f5}
  table.tarif .other-dark {background-color: #ececec}
  div.remark {margin: 25px 10px 10px 10px; color: #001e46}
  div.consult {margin: 10px 10px 20px 10px; color: #00b9e6; font-style: italic}
  div.stars {width: 20px; padding-right: 5px; display: inline-block; text-align: right}
  div.page-cont-end {margin-top: 12px; padding: 0px 30px 30px 30px; background: url("pics/corner1.png") right bottom no-repeat #fff; text-align: left}
  div.page-cont-small {margin-top: 12px; padding: 10px 30px; background: url("pics/corner1.png") right center no-repeat #fff; text-align: left}
  div.page-cont-small p {padding: 20px 10px; color: #001e46}
  p.lightit {padding: 20px 10px 10px 10px; font-style: italic; font-weight: bolder; color: #00b9e6}
  p.ulname {padding: 10px 10px; font-weight: bolder; color: #001e46}
  ul.services li {border-bottom: 2px solid #f0f0f0; padding: 10px; list-style-type: none; color: #001e46}
  ul.services li.lastli {border: 0}
  ul.services li span {font-weight: bolder; color: #00b9e6}
  ul.marked {margin-top: 10px; padding: 0 10px 14px 10px}
  ul.marked li {padding-left: 20px; background: url("pics/top-list.png") no-repeat scroll left center transparent; list-style-type: none; line-height: 30px; color: #001e46}
  ul.markedline {padding-bottom: 3px}
  ul.markedline li {border-bottom: 2px solid #f0f0f0; padding: 10px 0 10px 30px; background: url("pics/top-list.png") no-repeat scroll left top transparent; background-position: 10px 18px; list-style-type: none; color: #001e46}
  p.half-head {margin-top: 4px; padding: 22px 10px 0 10px; font-size: 22px; color: #00b9e6}
  ol.number {margin: 8px 0px 0px 40px}
  ol.number li {padding: 0px 40px 10px 10px; color: #00b9e6; font-weight: bold}
  ol.number li p {color: #001e46; border-top: 2px solid #f0f0f0; font-weight: normal; margin: 0px -40px 0px -50px; padding: 10px 20px 0px 40px}
  ol.number li:first-child p {border: 0}

  p.darksimple {padding: 0 10px; color: #001e46}
  p.darkit {padding: 20px 10px 10px 10px; font-style: italic; font-weight: bolder; color: #001e46}
  p.darkitlow {padding: 20px 10px 0 10px; font-style: italic; font-weight: bolder; color: #001e46}
  /*div.howline {border: 2px solid #f0f0f0}
  div.cifra {width: 30px; display: inline; text-align: left; color: #00b9e6; font-weight: bold}*/
  /*table.howwork {margin-top: 16px}
  table.howwork td {padding-left: 10px; padding-bottom: 10px; text-align: left; vertical-align: top; color: #001e46}
  table.howwork td.cifra {color: #00b9e6; font-weight: bold}
  table.howwork tr.greyline {height: 2px; background-color: #f0f0f0}
  tr.greyline td {padding: 0}*/

div.head1 {display: block; min-height: 50px; margin-top: 10px; background: url("pics/header.png") left top no-repeat}
div.head1 p {padding-left: 40px; padding-top: 14px; font-size: 21px; color: #005fb4}

ul.vantages {width: 660px; margin-left: 30px; margin-top: 16px; padding-bottom: 25px}

ul.vantages li {border-bottom: 2px solid #f0f0f0; padding-left: 42px; background-position: 10px; list-style-type: none; line-height: 28px; font-size: 20px; color: #001e46}
li.vant1 {background: url("pics/vant1.png") left center no-repeat}
li.vant2 {background: url("pics/vant2.png") left center no-repeat}
li.vant3 {background: url("pics/vant3.png") left center no-repeat}
li.vant4 {background: url("pics/vant4.png") left center no-repeat}

div.about-head {margin: 20px 40px; line-height: 24px; color: #00b9e6}
div.about p {margin: 0 30px; padding-left: 10px; padding-right: 10px; color: #001e46}
p.brafter {padding-bottom: 20px}
p.polit {padding-bottom: 20px; text-align: justify }
ul.polit1 {padding-bottom: 30px; text-align: justify }

div.sign {margin: 4px 30px; padding: 20px 10px 0 10px; border-top: 2px solid #f0f0f0; text-align: right; font-size: 16px; font-style: italic; color: #697d91}
a.linkinline {font-style: underline; color: #00b9e6}

div.footer {margin-top: 40px; border-top: 3px solid #fff; background: url("pics/fon1-foot.png")}
div.foot {width: 900px; min-height: 120px; position: relative; text-align: left; background: url("pics/foot-logo.png") right center no-repeat; background-position: 716px 34px}
div.foot-text {position: relative; top: 14px; font-size: 20px; color: #001e46; line-height: 22px}
p.leftcol, p.rightcol {width: 400px; display: inline-block}
span.caption {color: #005fb4; font-weight: bold}
a.maillink {font-style: underline; color: #001e46; line-height: 22px}
p.copyr {margin-top: 6px; font-size: 14px; color: #697d91}

/* landing */
div.landheader {width: 100%; height: 96px; position: relative; background: url("lpics/lhat.png") center center no-repeat}
div.landpage {width: 100%; height: 100%; min-width: 1104px; margin: 0 auto; padding: 0; position: relative}
div.landhat {width: 1104px; height: 96px; position: relative; vertical-align: middle; background: url("pics/hat-logo.png") left center no-repeat}
div.landtop {margin-top: 60px}
div.landtop div {width: 1104px; height: 343px; text-align: center; background: url("lpics/toppic.png") left center no-repeat transparent; border-radius: 10px 10px 5px 5px}
div.landtop h1 {display: block; padding-top: 40px; font-size: 66px; font-weight: normal; text-transform: uppercase; color: #fff; text-shadow: #000 0px 0px 4px}
div.landcontainer {width: 1104px; position: relative}
div.landuslug {margin-top: 40px; border-radius: 10px 10px 10px 10px; background-color: #fff}
div.landuslugtop {height: 90px; background-color: #ff4600; text-align: center; border-radius: 10px 10px 0 0}
div.landuslugtop h2 {height: 90px; padding-top: 10px; font-size: 52px; color: #fff; text-transform: uppercase; font-weight: normal}
div.uslblock {height: 359px; margin-top: 40px; padding: 0 10px 0 460px; text-align: left; font-size: 24px}
div.uslblock p {text-transform: uppercase; color: #00b9e6}
div.uslblock ul {margin-top: 10px}
div.uslblock li {padding-left: 30px; padding-bottom: 12px; background: url("lpics/elusl.png") no-repeat scroll left 2px transparent; list-style-type: none; line-height: 30px; color: #001e46}
div.separat {overflow: hidden; height: 3px; background: url("lpics/separat.png") left center no-repeat transparent}
/*div#logo1c {position: relative; overflow: hidden; height: 159px; margin: 20px 20px 0 0; background: url("lpics/1c.png") right bottom no-repeat transparent}*/
div.landuslugbot {height: 250px; margin-top: 6px; background-color: #ff4600; text-align: center; border-radius: 0 0 10px 10px; color: #fff}
  div.landuslugbot p {display: inline-block; font-size: 30px}
  div.landuslugbot p.timemoney {display: block; padding-top: 25px; font-size: 36px; font-weight: bold}
  div#landorder {height: 73px; margin-top: 10px}
  table#ordertable {width: 986px; margin: auto}
  div#ordermail {width: 300px; height: 73px; background: url('lpics/mail.png') right bottom no-repeat transparent}
  a#ordermailto {display: block; width: 300px; height: 73px; line-height: 70px; font-size: 26px; font-weight: bold; color: #ff4600}
  div#orderphoneblk {width: 326px; height: 53px; margin-left: 30px; padding: 20px 0 0 10px; background-color: #ccc; text-align: left; cursor: text}
  input#orderphone {width: 316px; background-color: transparent; font-size: 26px; font-style: italic; color: #fff}
  div#orderbtn {width: 300px; height: 73px; background: url('lpics/zakaz.png') right bottom no-repeat transparent; line-height: 73px; text-decoration: underline; text-align: center; font-size: 26px; font-weight: bold; color: #ff4600; cursor: pointer}
div.landbenefittop {height: 90px; margin-top: 30px; background-color: #99cc33; text-align: center; border-radius: 10px 10px 0 0}
div.landbenefittop h2 {height: 90px; padding-top: 10px; font-size: 52px; color: #fff; text-transform: uppercase; font-weight: normal}
div.landbenefits {padding: 20px 0; background:  url("lpics/biggrarrow.png") right bottom no-repeat #fff}
table#landbenefits td {width: 300px; margin: 30px; padding-top: 190px; vertical-align: top}
  td#benefit1 {background: url("lpics/benefit1.png") center top no-repeat transparent}
  td#benefit2 {background: url("lpics/benefit2.png") center top no-repeat transparent}
  td#benefit3 {background: url("lpics/benefit3.png") center top no-repeat transparent}
  td#benefit4 {background: url("lpics/benefit4.png") center top no-repeat transparent}
  td#benefit5 {background: url("lpics/benefit5.png") center top no-repeat transparent}
  td#benefit6 {background: url("lpics/benefit6.png") center top no-repeat transparent}
  p.benefithead {text-align: center; font-size: 26px; color: #00b9e6}
  p.benefittext {margin-top: 10px; color: #001e46}
  p.benefittext span.landitalic {font-style: italic}
  p.benefittext span.landboldit {text-transform: uppercase; font-style: italic; font-weight: bold}
div.landdoverietop {height: 90px; background-color: #ff4600; text-align: center}
div.landdoverietop h2 {height: 90px; padding-top: 10px; font-size: 52px; color: #fff; text-transform: uppercase; font-weight: normal}
div#landdoverie {overflow: hidden; height: 1518px; background: url("lpics/doverie.jpg") center top no-repeat transparent}
  table#doverie1 {width: 967px; height: 405px; margin-top: 70px; background: url("lpics/doverie1.png") center bottom no-repeat transparent}
  table#doverie2 {width: 967px; height: 306px; margin-top: 20px; background: url("lpics/doverie2.png") center bottom no-repeat transparent}
  table#doverie3 {width: 967px; height: 339px; margin-top: 20px; background: url("lpics/doverie3.png") center bottom no-repeat transparent}
  td.landleftcol {width: 280px; padding: 10px; text-align: center; vertical-align: bottom; color: #fff}
  td.landrightcol {width: 687px; padding: 10px; text-align: left; font-style: italic; color: #001e46}
  p.doveriename {font-weight: bold; font-size: 26px}
  p.doveriedol {font-style: italic}
div#landfaster {overflow: hidden; width: 1104px; height: 400px; background: url("lpics/faster.png") center top no-repeat transparent}
div#fasterbtn {width: 979px; height: 60px; margin-top: 250px; background: url("lpics/fasterbtn.png") center top no-repeat transparent; font-size: 46px; font-style: italic; text-transform: uppercase; color: #fff; cursor: pointer}
div#landproblem {overflow: hidden; padding-bottom: 50px; background-color: #fff}
div#landproblemtop {padding: 40px 0 65px 0; background: url("lpics/problems.png") center bottom no-repeat transparent; text-transform: uppercase; font-size: 60px; font-weight: bold; color: #ff4600}
table#problems {margin: 10px 0}
  table#problems td {width: 500px; margin: 0 20px; padding: 122px 20px 0 80px; font-size: 26px; vertical-align: top}
  td#leftproblem {background: url("lpics/problem1.png") no-repeat scroll center top transparent}
  td#rightproblem {background: url("lpics/problem2.png") no-repeat scroll center top transparent}
  table#problems ul {margin-top: 10px}
  table#problems li {padding-left: 32px; padding-bottom: 12px; background: url("lpics/problemul.png") no-repeat scroll left 8px transparent; list-style-type: none; line-height: 30px; color: #001e46}
div#landschema {height: 664px; overflow: hidden; background: url("lpics/schemabg.png") no-repeat scroll center top transparent}
  div#schemablock {width: 900px; margin: 60px 30px 40px 30px}
  div#schemablock div {display: inline-block; float: left; width: 240px; margin-top: 40px; padding-top: 176px; font-size: 26px; /*font-weight: bold*/text-shadow: #001e46 0 0 1px; color: #001e46}
  div#schema1 {background: url("lpics/schema1.png") no-repeat scroll center top transparent}
  div#schema2 {background: url("lpics/schema2.png") no-repeat scroll center top transparent}
  div#schema3 {background: url("lpics/schema3.png") no-repeat scroll center top transparent}
  div#schema4 {background: url("lpics/schema4.png") no-repeat scroll center top transparent}
  div#schema5 {background: url("lpics/schema5.png") no-repeat scroll center top transparent}
  div#schemablock div.schnotfirst {margin: 0; padding: 0 0 0 90px; background: url('lpics/schemaarrow.png') no-repeat scroll left 100px transparent}
div#landtime {overflow: hidden; width: 1104px; height: 335px; background: url("lpics/time.png") center top no-repeat transparent}
div#timebtn {width: 396px; height: 76px; margin-top: 150px; background: url("lpics/timebtn.png") center top no-repeat transparent; font-size: 28px; line-height: 74px; text-transform: uppercase; color: #fff; cursor: pointer}
div.landpricetop {height: 90px; background-color: #99cc33; text-align: center}
div.landpricetop h2 {height: 90px; padding-top: 10px; font-size: 52px; color: #fff; text-transform: uppercase; font-weight: normal}
  div#landprice {overflow: hidden; padding: 50px 60px 80px 60px; background-color: #fff}
  div#landprice div {display: inline-block; float: left; width: 490px; margin-top: 40px; padding-top: 200px; font-size: 26px; text-align: left; color: #001e46}
  div#leftprice {background: url("lpics/pay1.png") center top no-repeat transparent}
  div#rightprice {background: url("lpics/pay2.png") center top no-repeat transparent}
div#landlanguage {overflow: hidden; width: 1105px; height: 527px; margin: 40px 0 130px 0; background: url("lpics/lang.png") center top no-repeat transparent}
  div#landlanguage p {margin-left: 390px; text-align: left;  font-style: italic; color: #00b9e6}
  p#landspeak {margin-top: 190px; font-size: 42px}
  p#landsolve {margin-top: 10px; font-size: 26px}
  div#callusbtn {width: 983px; height: 72px; margin-top: 70px; background: url("lpics/link.png") center top no-repeat transparent; font-size: 28px; line-height: 70px; text-transform: uppercase; color: #fff; cursor: pointer}
/* landing popup window */
div#popupback {display: none; position: fixed; width: 100%; height: 100%; z-index: 10; top: 0px; left: 0px; background: #000; cursor: pointer}
div#popupwindow {display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; width: 395px; height: 510px; z-index: 20; overflow-y: auto; border: 2px solid #b2b4b3; background-color: #d9dbda; text-align: center}
  p#pophead {margin-top: 30px; text-transform: uppercase; font-size: 36px; font-weight: bold; color: #001E46}
  p#popsubhead {font-size: 28px; color: #5a5c5b}
  p#popmiddle {margin: 10px 0; font-size: 22px; color: #5a5c5b}
  div.popupline {position: relative; left: 33px; width: 330px; height: 48px; text-align: left}
  div#popupline1 {margin-top: 25px; background: url("lpics/popupline1.png") 10px center no-repeat #b2b4b3}
  div#popupline2 {background: url("lpics/popupline2.png") 10px center no-repeat #b2b4b3}
  div#popupline3 {margin-top: 15px; background: url("lpics/popupline3.png") 10px center no-repeat #b2b4b3}
  div.popupinbg {width: 282px; height: 48px; margin-left: 48px; background-color: #fff; cursor: text}
  input.popupin {width: 262px; margin-top:12px; padding: 0 10px; background-color: transparent; font-size: 19px; font-style: italic; color: #b2b4b3}
  div#popupsend {margin-top: 25px; position: relative; left: 33px; width: 332px; height: 77px; background: url("lpics/popsend.png") center top no-repeat transparent; line-height: 77px; text-align: center; text-transform: uppercase; font-size: 26px; color: #fff; cursor: pointer}

  img#waitanim {display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; width: 128px; height: 128px; z-index: 20; overflow-y: auto}
  div#popupresp {display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; width: 395px; height: 200px; z-index: 20; padding-top: 60px; overflow-y: auto; border: 2px solid #b2b4b3; background-color: #d9dbda; text-align: center}
/* landing footer*/
div.landfoot {width: 1104px; min-height: 120px; position: relative; text-align: left; background: url("pics/foot-logo.png") right center no-repeat; background-position: 920px 34px}
  div.landfoot p.leftcol, p.rightcol {width: 500px; display: inline-block}