body {
    background: #fff no-repeat 50% top;
    padding: 0;
    margin: 0;
}

td {
    font: normal 10pt/150% Arial, sans-serif;
}

img.alignleft {
    float: left;
    margin: 0 0.5em 0.5em 0
}

td.logo {
    padding-top: 13px;
    padding-bottom: 15px
}

td.logo img {
    position: absolute;
    margin: 6px 0 0 2px;
    width: 191px;
    height: 160px;
}

.oblique-bg {
    background: transparent url(/template/img/oblique-bg.gif) repeat left -1px;
}

a {
    color: #174d90
}

a.dark {
    color: #000
}

.pale {
    color: #666
}

a:hover {
    color: #739305
}

.sm {
    font-size: 85%;
}

.mid {
    font-size: 76%;
    line-height: 150%
}

.sm, .mid {
    font-family: Arial, sans-serif
}

div.title {
    width: 1px;
    height: 54px;
    margin-bottom: 0.1em;
    overflow: visible
}

div.title img {
    position: absolute;
}

div.title img.right {
    position: relative;
    left: -54px;
    top: -4px;
}

.oblique-bg .t {
    background: url(/template/img/r/tr.gif) no-repeat right top;
}

.oblique-bg .b {
    background: url(/template/img/r/br.gif) no-repeat right top;
}

a img {
    border: none
}

.footer {
    position: relative;
    top: 20px;
}

.footer img {
    position: absolute;
    display: block;
    left: 0;
}
.footer div {
    height:0;
    position: relative;
}

td#copyright div {
    margin-left: 25px;
}

td#copyright img {
    clip: rect(auto auto 11px auto); /* for IE6 & IE7*/
    clip: rect(auto, auto, 11px, auto);
    margin-top: 21px;
}

td#copyright a:hover img {
    clip: rect(11px auto 22px auto); /* for IE6 & IE7*/
    clip: rect(11px, auto, 22px, auto);
    margin-top: 10px
}

td#contacts img {
    clip: rect(22px auto 35px auto); /* for IE6 & IE7*/
    clip: rect(22px, auto, 35px, auto);
    margin-top: -1px
}

td#contacts a:hover img {
    clip: rect(35px auto 48px auto); /* for IE6 & IE7*/
    clip: rect(35px, auto, 48px, auto);
    margin-top: -14px
}

td#design img {
    clip: rect(48px auto 100px auto); /* for IE6 & IE7*/
    clip: rect(48px, auto, 100px, auto);
    margin-top: -48px
}

td#design a:hover img {
    clip: rect(100px auto 152px auto); /* for IE6 & IE7*/
    clip: rect(100px, auto, 152px, auto);
    margin-top: -100px
}

div.menu table td {
    padding-right: 1px
}

td#about a {
    display: block;
    width: 137px;
    height: 82px;
    background: url(/template/img/menu.gif)
}

td#about a:hover, td#about a.selected {
    background-position: 0 -82px
}

td#solutions a {
    display: block;
    width: 137px;
    height: 82px;
    background: url(/template/img/menu.gif) 0 -164px;
}

td#solutions a:hover, td#solutions a.selected {
    background-position: 0 -246px
}

td#portfolio a {
    display: block;
    width: 137px;
    height: 82px;
    background: url(/template/img/menu.gif) 0 -328px
}

td#portfolio a:hover, td#portfolio a.selected {
    background-position: 0 -410px
}

td#order {
    padding-top: 35px
}

td#order > a {
    font: normal 1px/1px sans-serif;
    display: block;
    width: 105px;
    height: 13px;
    background: url(/template/img/order.gif);
    margin: 25px 0 0 0;
}

td#order > a:hover {
    background-position: 0 -13px
}

.brd-lr {
    border: #DCDCDC solid 0;
    border-width: 0 1px;
    padding: 0.5em
}

.bot-ln-bg {
    background: transparent url(/template/img/1px-gray.gif) repeat-x left bottom
}

.guery {
    border: none;
    position: absolute;
    margin: 168px 0 0 20px;
    width: 144px;
    font: 68% Arial, sans-serif
}

span.phone {
    font: bold 80% Tahoma, sans-serif
}

form.order {
    margin: 0;
    padding: 0;
    display: inline
}

form.order input,
form.order textarea {
    font: 100% Arial, sans-serif;
    width: 100%
}

.news {
    padding-bottom: 1em;
    padding-left: 18px;
    position: relative;
    left: -18px;
    background: transparent url(/template/img/list-image.gif) no-repeat left 0.2em
}

h2 {
    margin: 0;
    padding: 0;
    font: bold 130% Arial, sans-serif;
    margin-bottom: -10px
}

h2 a {
    color: #000;
}

h2 a:hover {
    color: #739305
}

.mb10 {
    margin-bottom: 1em
}

.mb08 {
    margin-bottom: 0.8em
}

.mt08 {
    margin-top: 0.8em
}

.mt05 {
    margin-top: 0.3em
}

.mt03 {
    margin-top: 0.3em
}

form.order input.button,
.button,
button {
    background: #E5E5E5 url(/template/img/bg-gray.gif) repeat-x scroll left top;
    font-weight: bold;
    padding: 0.3em 1em;
}

.widgetblock {
    font: 68% Arial, sans-serif;
    font-weight: bold
}

.widgetblock ul {
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
}

.widgetblock ul li {
    margin: 0.5em 0 0;
    padding: 0;
}

.widgetblock ul li a:link,
.widgetblock ul li a:hover,
.widgetblock ul li a:visited {
    color: #000;
}

.widgetblock ul li a strong {
    font-weight: normal
}

.box {
    background: transparent url(/template/img/box/1px-gray.gif) repeat-x left bottom;
    margin: 0 15px
}

.box .bg-top {
    background: transparent url(/template/img/box/1px-gray.gif) repeat-x left top
}

.box .t {
    background: transparent url(/template/img/box/tr.gif) no-repeat right top
}

.box .t img {
    background: transparent url(/template/img/box/tl.gif) no-repeat left top
}

.box .b {
    background: transparent url(/template/img/box/br.gif) no-repeat right bottom;
    position: relative
}

.box .b img {
    background: transparent url(/template/img/box/bl.gif) no-repeat left bottom
}

.box .lr {
    border: #D8D8D8 solid 0;
    border-width: 0 1px;
    padding: 1.5em 29px;
}

.tail {
    position: absolute;
    width: 100%;
    margin-top: 3em
}

.tail img {
    background: transparent none no-repeat left top;
}

.box .left,
.box .right {
    width: 100%;
    position: relative
}

.right .tail {
    margin-left: 22px;
    text-align: right
}

.right .tail img {
    background-image: url(/template/img/box/tail-right.gif)
}

.left .tail {
    margin-left: -22px;
    text-align: left
}

.left .tail  img {
    background-image: url(/template/img/box/tail-left.gif)
}

.box .robot-img {
    width: 100%;
    position: absolute;
}

.right .robot-img {
    margin-left: 175px;
    text-align: right
}

.left .robot-img {
    margin-left: -175px;
    text-align: left
}

.box .robot-img img {
    background: transparent none no-repeat left top;
}

.left .robot-img img {
    background-image: url(/template/img/box/robot-img-left.jpg)
}

.right .robot-img img {
    background-image: url(/template/img/box/robot-img-right.jpg)
}

div.sm p {
    margin: 0;
    padding: 0
}

div.phone {
    font: 16px Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 15px;
    margin-left: -2px
}

div.robotslike-holder {
    text-align: center;
    margin-left: -4px;
    padding-bottom: 7px
}

iiilogo-holder {
    overflow: visible;
    padding-top: 300px
}

h1 {
    font: bold 20px/140% Verdana, Geneva, sans-serif;
    color: #567e99;
    margin-bottom: 40px;
}

div.portfolio-list p a {
    color: #000
}

div.portfolio-list p a:hover {
    color: #739305
}

h3 {
    margin-bottom: -10px;
    font-size: 100%;
    font-weight: bold;
    margin-top: 30px
}

table.stat {
    border-collapse: collapse
}

table.stat th, table.stat td {
    padding: 5px 15px 5px 15px;
    border: 1px solid #fff
}

table.stat th {
    font-weight: bold;
    background-color: #D8D8D8;
    font-size: 12px;
    text-align: left
}

table.stat td.sec {
    background-color: #efefef
}

table.logos-holder {
    border-collapse: separate;
    margin: 5px 0 0 -2px
}

table.logos-holder td {
    padding: 0 10px 10px 0;
}

table.logos-holder td div, div.logo {
    background: url(/template/img/logos-back.gif) no-repeat;
    width: 91px;
    height: 61px;
    text-align: center;
    padding-top: 6px
}

.portfolio-item .logo {
    float: left;
    margin-right: 20px;
    width: 91px;
    height: 61px;
    margin-bottom: 10px
}

.portfolio-item .logo img {
    width: 80px;
    height: 50px
}

/* Новости
---------------------*/
.news-item h2 {
    margin-bottom:15px;
}
.news-item .date {
    float:left;
    font-size:11px;
    margin-top:10px;
}
.news-item .share {
    float: right;
    margin-top:10px;
}
.news-item .teaser {
    clear:both;
    padding-top:10px;
}
.news-item img {
    margin: 0 15px 10px 0;
}

.news-block {
    padding-top:18px;
}
.news-block h2, .news-list .news-item h2 {
    margin:0;
    font: bold 10pt/150% Arial, sans-serif;
}
.news-block .news-item {
    margin-top:20px;
}
.news-block .date {
    float:none;
    height:auto;
    line-height:normal;
    font-size:11px;
    color:#999;
}
.news-block .news-item p {
    margin:0;
}
.news-block .news-item p a.teaser {
    color:#000;
    text-decoration:none;
}
.news-block .all-news {
    float:left;
    margin-top: 25px;
}
.news-list .date {
    float:none;
    font-size:11px;
    color:#999;
    margin:0;
    height:auto;
    line-height:normal;
}
.news-list .news-item {
    margin-bottom:25px;
}
.news-list .news-item h2 {
    margin:5px 0 5px 0;
}
.news-list .news-item h2 a {
    text-decoration:none;
    font-size:16px;
}
.news-list .news-item p {
    margin:0;
}
.news-list .news-item a.text {
    text-decoration:none;
    color:#000;
}