@charset "windows-1251";

* {outline: none; list-style: none; margin: 0; padding: 0}

html, body {min-width: 1000px; width: 100%}
body {background: #fff; font-size: 13px}
   body, input, textarea, select {color: #000; font-family: arial; cursor: default}
   img {border: none}
   table {max-width: 1500px; width: 100%; border-collapse: collapse}
   th, td {vertical-align: top}
   p {margin-bottom: 10px}
   a {color: #2c3684; text-decoration: underline}
   a:hover {text-decoration: none}

#measurer {width: 1000px; height: 1px; overflow: hidden;}

#top {position: relative; padding-top: 87px}
   #top .logo {position: absolute; top: 21px; left: 21px}
   #top .device {font-size: 18px; position: absolute; top: 53px; left: 21px; color: #2d3685;}
   #top .phone {width: 280px; color: #f17900; font-size: 39px; text-align: center; position: absolute; top: 26px; left: 50%; margin-left: -140px}
      #top .phone small {font-size: 29px}
   #top .iconsRight {position: absolute; top: 14px; right: 21px}
      #top .iconsRight li {float: left; padding-left: 18px}
   #top .rightText {width: 300px; font-size: 15px; font-weight: bold; text-align: right; position: absolute; top: 38px; right: 21px; color: #2d3685;}

#top .photoHold {position: relative; left: 0; width: 100%; height: 340px; overflow: hidden; padding: 0;}
#top .photoLeft {position: absolute; left: 0; width: 50%; height: 340px; overflow: hidden; padding: 0;}
#top .photoRight {position: absolute; left: 50%; width: 50%; height: 340px; overflow: hidden; padding: 0;}
#top .slideShow {position: absolute; width: 100%; height: 340px; overflow: hidden; left: 0; top: 0;}

   #top .menu {clear: both; position: relative; padding: 0 2px}
      #top .menu table {position: relative; font: 15px "Myriad Pro", "Arial"; text-transform: uppercase; text-align: center; margin-top: 16px}
      #top .menu td {position: relative; left: 0; top: 0; white-space: nowrap; background: url(/images/menu_top_bg.gif) 0 4px no-repeat; padding: 0 1px 0 2px}
      
      #top .menu td.first {background: none}
      #top .menu a, #top .menu span {height: 20px; color: #000; text-decoration: none; display: block; padding: 4px 1px 0 1px}
      #top .menu a:hover, #top .menu span {background: #2c3684; color: #fff}

      #top .menu td:hover .sub {display: block;}
      #top .menu .sub {display: none; position: absolute; left: 10px; top: 40px; padding: 5px 0 0; text-align: left; background: #2c3684;}
      #top .menu .sub a {padding: 5px 10px 1px 15px; color: white;}
/*      #top .menu .sub a:hover {background: #e1efff; color: #2c3684;} */
      #top .menu .sub a:hover {color: #e1efff;}
      #top .menu .sub p {margin: 0 0 2px;}

#bottom {height: 144px; position: relative; padding: 0 10px}
   #bottom .phones {background: #d5d5d5}
      #bottom .phones td {background: url(/images/bg_bottom.gif) 0 18px no-repeat; padding: 15px 25px 16px 25px}
      #bottom .phones td.first {background: none}
   #bottom .copyright {position: absolute; top: 96px; left: 10px}
   #bottom .inclouds {position: absolute; top: 96px; right: 10px;}
      #bottom .inclouds img {margin: 0 5px; vertical-align: middle;}
      #bottom .inclouds a {color: #014283;}