.calc-form .row .inner:after, .as-inner:after, .spec form:after {
    clear: both;
    display: block;
    content: '';
    height: 0;
    overflow: hidden
}

html, body {
    height: 100%
}

.layout
{
	background: #ebebeb url(../img/bg/body.png) repeat-x;
    position: relative;
    min-width: 970px;
    min-height: 100%
}

.wrapper, .footer {
    min-width: 950px;
    max-width: 73em;
    margin: 0 auto
}

#index-page .wrapper, #index-page .footer {
    min-width: 860px;
    max-width: 860px;
    width: 860px
}

#calc .wrapper, #calc .footer {
    min-width: 970px;
    max-width: 75em
}

.header {
    height: 135px;
    position: relative
}

#index-page .header {
    background: url(../img/bg/index-page.jpg) no-repeat right 0;
    height: 510px
}

.header h1 {
    color: #c60b46;
    font-size: 2.7em;
    overflow: hidden;
    position: absolute;
    left: 5.6em;
    top: 35px;
    width: 539px
}

.header h1 b {
    display: block;
    height: 55px;
    overflow: hidden
}

.header h1 span {
    color: #c60b46;
    display: block;
    font-size: .4em;
    font-weight: 400;
    padding: 0 10px 0 0;
    text-align: right;
    cursor: pointer;
}

.header h1 i {
    background: url(../img/bg/1.png) no-repeat 0 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 55px;
    width: 539px;

    cursor: pointer;
}

#index-page .header h1 {
    /*font-size: 2em;*/
    left: 327px;
    /*top: 41px;
    height: 56px;*/
    /*width: 412px*/
}

#index-page .header h1 i {
    background-position: 0 2px;
    /*width: 412px;*/
    height: 56px
}

.logo {
    position: absolute;
    top: 40px;
    left: 0
}

#index-page .logo {
    left: 36px;
    top: 42px
}

.nav {
    color: #525252;
    font-size: 1.15em;
    font-size: 15px;
    position: absolute;
    /*right: 14px;*/
    right: -7px;
    top: 30px
}

#index-page .nav {
    background: url(../img/bg/2.png) no-repeat right bottom;
    right: auto;
    left: 41px;
    top: 156px;
    height: 300px;
    width: 263px
}

.nav ul {
    margin: 0
}

.nav li {
    line-height: normal;
    margin: 0 0 10px;
    padding: 6px 16px 4px 5px
}

#index-page .nav li {
    margin: 0;
    padding: 0;
    line-height: 2.5em
}

.nav a, .nav a:visited {
    color: #188cb1
}

.nav li.act {
    background: #fff;
    padding-left: 10px
}

.footer {
    color: #696969;
    height: 6em;
    position: relative
}

.footer a, .footer a:visited {
    color: #696969
}

.footer a {
    text-decoration: none
}

.footer address {
    padding: 1.5em 0 0 1px
}

#index-page .footer address {
    padding: 1.8em 0 0 9px
}

.f-content {
    border-top: solid 1px #c6c6c4;
    font-size: .85em
}

#index-page .f-content {
    border: 0
}

a.about {
    border-bottom: solid 1px #505050;
    color: #505050;
    text-decoration: none;
    white-space: nowrap
}

a.about:visited {
    color: #505050
}

a.about.blue, a.about.blue:visited {
    border-bottom: solid 1px #188cb1;
    color: #188cb1
}

a.about:hover, a.about.blue:hover {
    border: 0
}

a.about:active {
    border-bottom-color: #188cb1;
    color: #188cb1
}

a.about span {
    border-bottom: solid 1px #f3f3f3;
    color: #b4b4b4;
    cursor: pointer;
    font-size: 14px;
    padding: 0 7px 0 0
}

div.about {
    float: left;
    position: relative;
	white-space: nowrap
}

.about .info {
    position: absolute;
    z-index: 1000;
    bottom: .4em;
    left: -29em
}
.bns .about .info
{
	left: -26em
}
.add-soft {
    background: #fcfcfc;
    border: solid 1px #dedede;
    border-top: 0;
    color: #606060;
    margin: 0 4px 36px
}

.bn-item li, .bn-item {
    background: none;
    padding: 0;
    margin: 0
}

.bn-item li {
    padding: 12px 0 0
}

.bn-item li img {
    margin: 0 0 12px
}

.bns {
    color: #7f7f7f;
    float: right;
    height: 200px;
    margin: 18px 0 0;
    text-align: center;
    width: 19%
}

.bns h4 {
    background: #fff;
    border: solid 1px #d8d8d8;
    border-bottom: 0;
    padding: 1px;
    text-align: left
}

.bns h4 span {
    background: #edf5f7 url(../img/bg/h4.png) repeat-x 0 bottom;
    display: block;
    padding: 13px 14px 20px
}
.bns .about
{
	white-space: normal
}
.calc {
    margin: -15px 0 0;
    padding: 28px 200px 0 200px
}

.calc-form {
	float: left;
    padding: 18px 0 0;
    width: 80%;
    /*position: relative;
    z-index: 1000*/
}

.calc-form h2 {
    background: #f3f8fa url(../img/bg/h2-form.png) repeat-x 0 bottom;
    margin: 1px 1px 32px;
    padding: 11px 10px 14px 30px;
}

.calc-form h2 span {
    color: #108d31;
    font-size: .65em;
    font-weight: 700;
    padding: 0 0 0 37px
}

.calc-form h3 {
    background: #f2f2f2;
    border: solid 1px #e6e6e6;
    margin: -29px 4px 0;
    padding: 5px 21px 6px
}

.calc-form label {
    display: block;
    float: left
}

.calc-form .add-soft label {
    float: none;
    margin: 2px 0 13px
}

.calc-form .add-soft.sec label {
    float: left;
    font-weight: 700;
    padding: 9px 10px 0 0;
    text-align: right;
    width: 10em
}

.calc-form .add-soft.sec-post label {
    margin: 0 0 8px;
    padding: 12px 0 0 2px
}

.calc-form .study label {
    margin: 0 25px 0 -90px;
	text-align: right
}

.calc-form .study li label {
    display: inline;
    float: none;
    margin: 0;
	text-align: left
}

.calc-form div.text {
    display: block;
    float: left;
    position: relative;
	z-index: 10000;
    width: 4em
}

.calc-form div.text input.text {
    width: 100%
}

.calc-form input.text {
    background: #f3f3f3;
    border: solid 1px #adadad;
    color: #188cb1;
    font-size: 2.3em;
    font-weight: 700;
    height: 1.2em;
    padding: 0 0 0 6px;
    width: 1.8em
}

.calc-form .select, .calc-form select {
    float: left
}
.calc-form select {
    margin: 0 .5em 0 0
}

.calc-form .s-inner {
    background: #f3f3f3;
    border: solid 1px #e4e4e4;
    height: 2.3em;
    padding: .7em 15px 0 9px
}

.calc-form .times {
    display: block;
    float: left;
    color: #666;
    font-size: 2.6em;
    font-weight: 700;
    padding: .06em .4em 0 .6em;
}

.calc-form select {
    width: 25em
}

.cf-office {
    background: url(../img/bg/7.png) no-repeat 0 0;
    height: 80px;
    width: 103px;
    margin: -19px 30px 0
}

.cf-server, .cf-stations, .cf-terminal {
    background: url(../img/bg/4.png) no-repeat -346px 0
}

.cf-server {
    height: 83px;
    width: 112px;
    margin: -21px 24px 0 22px
}

.cf-stations {
    background-position: -236px -83px;
    height: 75px;
    width: 111px;
    margin: -17px 23px 0 31px
}

.cf-terminal {
    background-position: -124px -158px;
    height: 77px;
    width: 112px;
    margin: -17px 29px 0 24px
}

a.close, .close i {
    display: block;
    height: 14px;
    width: 14px;
    overflow: hidden
}

a.close {
    color: #a2a2a2;
    float: right;
    position: relative;
    font-size: 20px;
    text-decoration: none
}

.close i {
    background: url(../img/bg/1.png) no-repeat 0 -265px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0
}

.contacts {
    padding: 10px 100px 0 234px
}

.content {
    background: url(../img/bg/1.png) no-repeat -814px 0;
    min-height: 185px
}

.content.calc {
    background: url(../img/bg/1.png) no-repeat -622px -184px;
    min-height: 199px
}

#index-page .content {
    background: #fff;
    border: solid 1px #c6e0ea;
    font-size: 1.15em;
    margin: 0 -2px 0 4px;
    padding: 15px 0 0 208px;
    position: relative
}

.content .bg {
    background: url(../img/bg/1.png) no-repeat 0 -111px;
    display: block;
    position: absolute;
    height: 154px;
    width: 172px;
    left: 20px;
    top: -17px
}

a.download, .green a.download {
    color: #108d31;
    display: block;
    float: right;
    font-size: 1.3em;
    width: 11em
}

.download span, .download i {
    cursor: pointer;
    display: block;
    height: 27px;
    width: 25px;
    overflow: hidden
}

.download span{
    float: left;
    margin: 7px 5px 0 0;
    position: relative;
	left: 0
}
.download b
{
	cursor: pointer;
	display: block;
    float: left;
	font-weight: 400;
    width: 10px;
	text-decoration: underline
}
.download:hover b
{
	text-decoration: none
}
.download i {
    background: url(../img/bg/1.png) no-repeat -45px -265px;
    position: absolute;
    top: 0;
    left: 0
}

.err {
    color: #de0000;
    font-weight: 700;
    position: absolute;
    white-space: nowrap;
    top: -33px;
    left: -124px;
    left: -235%;
    left: 0
}

.err div {
    background: #ffee85;
    border: solid 1px #edd853;
    padding: 4px 20px 6px 29px;
    position: relative;
    left: -33%
}

.err i {
    background: url(../img/bg/5.png) no-repeat 0 0;
    display: block;
    height: 15px;
    width: 28px;
    margin: -1px 0 0 5%;
    position: relative
}

a.expand {
    color: #000;
    display: block;
    float: left;
    height: 11px;
    width: 11px;
    text-decoration: none;
    overflow: hidden;
    margin: 3px 9px 0 0;
    position: relative
}

.expand i {
    background: url(../img/bg/1.png) no-repeat -70px -265px;
    cursor: pointer;
    display: block;
    position: absolute;
    height: 11px;
    width: 11px;
    top: 0;
    left: 0
}

.expand.plus i {
    background-position: -70px -276px
}

.full {
    background: url(../img/bg/1.png) no-repeat -609px -383px;
    clear: both;
    display: block;
    margin: 0 0 0 168px;
    padding: 0 0 0 23px;
    position: relative;
    top: -5px
}

.green {
    background: #f2f7f9 url(../img/bg/green.png) repeat-x 0 bottom;
    margin: 1px 1px -19px;
    padding: 17px 8px 36px
}

.green a.block, .green a.block:visited {
    color: #a8bbc0
}

.green a.block {
    display: block;
    clear: both;
    margin: 30px 0 0 21px
}

.row .info .arrow {
    background: url(../img/bg/1.png) no-repeat -26px -292px;
    position: relative;
    width: 44px;
    height: 23px;
    bottom: auto;
    top: -1px;
    left: 31.5em;
}
.info .close{
	margin-right: -10px
}
.info h3 {
    background: none;
    border: 0;
    color: #505050;
    font-size: 1em;
    font-weight: 700;
    margin: 0;
    padding: 11px 25px 9px 0
}

.info li, .info ul {
    margin: 0
}

.info li {
    padding: 0 0 3px 12px
}

.info .float-left {
    margin: 20px 0 0 18px
}

.info-inner {
    background: #fffcdb;
    border: solid 1px #eeeccf;
    color: #505050;
    width: 38em;
    padding: 4px 20px 10px;
    position: relative
}

.info-text {
    border-collapse: collapse;
    display: table;
    margin: 0;
	white-space: normal
}

.post {
    padding: 0 0 0 2.3em
}

.post .as-inner {
    background: url(../img/bg/6.png) no-repeat -76px -88px;
    min-height: 81px;
    padding: 0 0 13px 9.8em
}

.row {
    background: url(../img/bg/shadow.png) no-repeat right 0;
    margin: 0 0 35px;
    position: relative
}

.row .arrow {
    background: url(../img/bg/arrow.png) no-repeat center bottom;
    display: block;
    position: absolute;
    width: 99px;
    height: 32px;
    bottom: -27px;
    left: 50%;
	margin-left: -49px
}

.row .lt {
    background: url(../img/bg/shadow.png) no-repeat 0 0;
    padding: 50px 0 0
}

.row .rb {
    background: url(../img/bg/shadow.png) no-repeat right bottom
}

.row .lb {
    background: url(../img/bg/shadow.png) no-repeat left bottom;
    margin: 0 5px 0 0;
    padding: 5px 0 5px 4px
}

.row .inner {
    background: #fff;
    border-top: solid 1px #e3e3e3;
    margin: -55px 0 0;
    padding: 0 0 19px
}

.search {
    margin-bottom: -14px;
    padding: 0 0 0 1.2em
}

.search .as-inner {
    background: url(../img/bg/5.png) no-repeat 0 -77px;
    min-height: 40px;
    padding: 0 0 15px 11em
}

.sec{
    padding: 0 0 0 1.6em
}

.sec .as-inner{
    background: url(../img/bg/5.png) no-repeat -127px 15px;
    min-height: 77px;
    padding: 10px 0 14px
}

.select .full {
    margin-left: 3px;
    top: 7px
}

.sec-post {
    padding: 0 0 0 3em
}

.sec-post .as-inner {
    background: url(../img/bg/6.png) no-repeat 0 -187px;
    min-height: 100px;
    padding: 0 0 9px 9.2em
}

.sql {
    padding: 0 0 0 2.9em
}

.sql .as-inner {
    background: url(../img/bg/6.png) no-repeat -155px 10px;
    min-height: 88px;
    padding: 0 0 12px 9.3em
}

.study {
    background: url(../img/bg/4.png) no-repeat 0 -235px;
    min-height: 76px;
    margin: -12px 0 0 14px;
    padding: 0 15px 0 146px
}

.study ul, .study li {
    margin: 0;
    padding: 0
}

.study li {
    background: none;
    padding: 0 0 5px
}

.study ul {
    padding: 0 0 9px;
	min-height: 76px
}

.submit {
    background: #00a0d7 url(../img/bg/submit.png) repeat-x 0 bottom;
    border: solid 1px #62a8be;
    color: #f7f7f7;
    font-size: 1.5em;
    font-weight: 700;
    float: left;
    width: 265px;
    letter-spacing: -.5px;
    padding: 7px 12px 9px 12px
}
.sum {
    color: #1288ae;
    float: left;
    font-size: 2.3em;
    letter-spacing: -2px;
    margin: 4px 0 0 4px
}

.sum div {
    float: left;
    height: 25px;
    width: 31px;
    overflow: hidden;
    margin: .3em 6px 0 0;
    position: relative
}

.sum div i {
    background: url(../img/bg/1.png) no-repeat -14px -265px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 26px;
    width: 31px
}

.opacity-bg {
    background: #000;
    opacity: .5;
    position: absolute;
    z-index: 1002;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%
}

.spec {
    color: #606060;
    position: fixed;
    z-index: 1008;
    top: 50%;
    left: 50%;
    width: 42em
}

.spec h1 {
    color: #108d31;
    font-size: 1.5em;
    font-weight: 400;
    padding: 8px 0 6px;
    text-align: center
}

.spec .special {
    border: solid 1px #b4b4b4;
    height: 1.4em;
    margin: 0 0 0 15px;
    padding: 0 6px;
    width: 23.5em
}
.spec .special-box{
	float: left
}
.spec .spec-row {
    padding: 0 0 13px
}

.spec .spec-row label {
    display: -moz-inline-stack;
    display: inline-block;
    float: left;
    text-align: right;
    width: 12.3em
}

.spec .spec-row2 {
    margin: 0 0 8px 20px
}

.spec p.red {
    margin: -7px 0 9px 13.5em
}

.spec .submit {
    background: #2dd300 url(../img/bg/submit-spec.png) repeat-x 0 bottom;
    border: solid 1px #51c130;
	font-size: 1.15em;
    letter-spacing: normal;
    margin: 0 0 0 11.7em;
    padding: 0;
    width: auto
}

.spec .submit input {
    background: none;
    border: 0;
    color: #fff;	
    font-weight: 700;
    padding: 5px 5px 6px 10px;
	margin: 0;
    width: auto
}

.spec-inner {
    background: #fffcdb;
    border: solid 1px #eeeccf;
    margin: -25% 0 0 -50%;
    padding: 7px 7px 22px;
    width: 42em
}
.as-inner{
	padding-top: 5px
}

/* our block */
.spec-inner .spec-row .err {
	top:-40px;
}

.info-text {
	white-space: normal;
}

.calc-form .as-inner {
	position: relative;
}

.err {
	z-index: 100;
	top: auto;
	bottom: 33px
}

.add-soft.sec .s-inner .err {
	left: 200px;
	top: -66px;
	bottom: auto;
}

.calc-form h2 span {
    padding: 0 0 0 0;
}

span.toggle{
	cursor:pointer;
}

#cf-search {
	width: 3em;
}

#select-search {
	width: 20em;
}

#row-search .s-inner {
	/*width: 378px;*/
}

#row-search div.text {
	width: auto;
}

.info .arrow {
    background: url(../img/bg/1.png) no-repeat -26px -292px;
    position: relative;
    width: 44px;
    height: 23px;
    bottom: auto;
    top: -1px;
    left: 21.5em
}
.bns .info .arrow
{
	left: 400px;
}
.bns
{
	position: relative;
	z-index: 1001
}
.bns .arrow {
    display: block;
}

.bonus-desc {
	list-style-type: disc; 
	padding-left:7px;
}

ul.bonus-desc li {
	background:none;
}

ul.bonus-desc2 li {
	background:transparent url(../img/bg/bullet.png) no-repeat scroll 0 0.7em;
}

.bonus-text {
	font-weight: bold;
}

.preloader {
	text-align: center;
}

.info {
	font-size: 0.9em;
}

.client_terminal .as-inner {
    background: url(../img/bg/4.png) no-repeat -124px -158px;
    min-height: 100px;
    padding: 0 0 9px 9.6em;
    height: 77px;
    /*width: 570px;*/
    margin: -17px 29px 0 24px
}

.calc-form .client_terminal label {
    float: left;
    font-weight: 700;
    padding: 9px 5px 0 0;
    text-align: right;
    width: 10em;
    color: #606060;
}

.client_terminal .ht1 {
	padding: 10px 0;
}

.calc-form .add-soft.sec label.label-sec {
	float: none;
	padding-left: 140px;
	padding-top: 0;
	width: auto;
	text-align: left;
	font-weight: normal;
}

.calc-form .add-soft.sec .as-inner {
	padding-top: 0;
}

.bns .about {
	white-space: normal;
	color: #000000;
}

.mainLink{
	text-decoration: none;
	cursor: pointer;
}

#index-page .header h1 span, #index-page .header h1 i{
    cursor: default;
}

.calc{
	position:relative;
}

.calc .phone{
	position:absolute;
	top: 33px;
	left: 771px;
	z-index:1;
}
.calc .phone h1{
	font-size: 21px;
}
.SlCustomSelectI.hover
{
	z-index: 999
}