*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{
 list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}
html {font-size: 100.01%; height: 100.15%}
body {font: 62.5% arial, sans-serif; background-color: #ffffff; color: #333333}

a {color: #0066CC}
a:hover {color: #000000}

p {font-size: 1.4em; line-height: 1.35em; margin-bottom: 1.5em}
ul.g-list, ol.g-list {margin-bottom: 2em; margin-left: 50px}
ul.g-list li, ol.g-list li {font-size: 1.4em; line-height: 1.35em; margin-bottom: .5em; margin-left: 20px}
ol.g-list li {list-style: decimal}
ul.g-list li {text-indent: -1.55em; behavior: expression( !this.before ? this.before = this.innerHTML = '—  ' + this.innerHTML : '' );}
ul.g-list li:before {content: '\2014\a0\a0'}
table {border-collapse: collapse; border-spacing: 0}
table, tr, th, td, thead, tbody {font-size: 1em}
.nowrap {white-space: nowrap}

/* Hides from IE-mac */
.g-clearfix {display: inline-block; clear: both}
.g-clearfix {display: block}
/* End hide from IE-mac */
.g-clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}

.header-medium {font: 1.9em 'arial', sans-serif; letter-spacing: -.01em}
.inset-calculator .header-medium {font-size: 2.7em; color: #d40c40; letter-spacing: -.07em;}
.header-small, .header-medium {margin-bottom: .5em;}
.header-small, .header-warning  {font: 1.7em 'arial', sans-serif;}
.header-warning {padding-bottom: 5px; line-height: 1.05em; position: relative}
.header-warning span {color: #f0f0f0; background-color: #d40c40; display: inline; padding: 5px 10px; margin-left: -10px; position: relative; zoom: 1}
.text-medium {font-size: 1.2em}
.small-sans {font: 1.2em 'times new roman', sans; color: #8c8c8c}
.small-serif {font: 1.1em 'arial narrow', sans}
.small-serif2 {font: 1.1em 'tahoma', sans}
p.small-serif {margin-bottom: 1em}

#body .l-column-left .header-medium {margin-bottom: .25em}
#body .l-column-left .text-medium {color: #555555}

/* разметка */
	/* внешние колонки */
.l-container {min-width: 1000px; max-width: 1400px; margin: 0 auto}
.l-container .l-column-left {float: left; width: 67%; position: relative}
.l-container .l-column-wrap {float: right; margin-left: -67%; width: 100%}
.l-container .l-column-right {margin-left: 67%}
.l-column-left .l-padder {padding: 0 0 0 50px}
.l-column-right .l-padder {padding: 0 50px;}
.l-column-center {padding: 0 50px}

.l-column-right .l-padder-common {margin: 0 50px}

#header .l-container .l-column-left, #index #body .l-column-left {width: 50%}
#header .l-container .l-column-wrap, #index #body .l-column-wrap {margin-left: -50%}
#header .l-container .l-column-right, #index #body .l-column-right {margin-left: 50%}


#logo {display: block; margin: 3.3em 0 0 50px; width: 350px; height: 84px; text-indent: -10000px; outline: 0; background: transparent url(/images/logo.png) no-repeat 50% 50%}
#common #logo {cursor: pointer}

#header {background: #00356F url(/images/bg_common2.png) repeat-x 50% 100%; color: #e0e0e0; padding-bottom: 15px}
#index #header {background: #00356F url(/images/bg_idx2.png) repeat-x 50% 100%;}
#header a {color: #e0e0e0}
#header a:hover {color: #ffffff}
#header .l-column-right p {font-size: 1.2em; margin-top: .75em}
#header .l-column-right p span {display: block; font-size: 1.75em; margin-top: .25em}


#body {margin: 3em 0}
#body h1 {font-size: 2.7em; margin: 0em 0 .5em; line-height: 1em; letter-spacing: -0.07ex}
#body .l-column-right p {font-size: 1.2em}
#body .l-column-right .header-medium, #body .l-column-right .header-warning {margin-bottom: .35em}

#footer {margin: 75px 0 3em}
#footer .l-padder {margin: 0 50px; border-top: 1px solid #E4EEF6; padding-top: 20px}
#footer div.contacts {margin-bottom: 1.75em; vertical-align: middle; height: 25px; padding-left: 50px; background: url(/images/ico-email.gif) no-repeat left center;}

.nav-level1-top {padding: 10px; margin-left: -20px; background-color: #2F73A7; /*opacity: 0.85; filter: alpha(opacity=85);*/}
.nav-level1-top .nav-item {float: left; margin-right: 10px}
.nav-level1-top .g-last {margin-right: 0}
.nav-level1-top .nav-item .nav-item-label {display: block; font-size: 1.4em; color:#FFFFFF; padding: 5px 8px;}
.nav-level1-top .g-current .nav-item-label {color: #2f73a7 !important; text-decoration: none; background-color: #b3cbdf;}

.nav-line {margin: 3.5em 0}
#index .nav-line {padding-top: 210px;  position: relative; zoom: 1}

#index .nav-level1-left {background: transparent url(/images/index_picture_left.png)  no-repeat 0 0;}
#index .nav-level1-right {background: transparent url(/images/index_picture_right.png)  no-repeat 0 0;}


.nav-line .header-medium {margin-bottom: .5em; font-size: 2.2em}
.nav-line .header-medium a {text-decoration: none}
.nav-line .g-current a, .nav-line .g-current {color: #85B1D0 !important}
.nav-line .nav-box {font-size: 1.4em; line-height: 1.4em}
.nav-line .nav-box .nav-item {white-space: nowrap}

.nav-level2 {margin-bottom: 4em}
.nav-level2 .nav-item-label {font-size: 1.4em;}
.nav-level2 .nav-item {margin-bottom: .75em}
.nav-level2 .g-current .nav-item-label {color: #d40c40; text-decoration: none}
.nav-level2 .nav-item {background: url(/images/arrow.png) no-repeat 0 .7em; padding-left: 20px}
.nav-level2 .pop-up {background: url(/images/popup.png) no-repeat 0 0.3em}

.nav-body {margin: 2em 0}
.nav-body .nav-item {float: left; margin-right: 10px; padding-bottom: 10px}
.nav-body .g-last {margin-right: 0}
.nav-body .nav-item .nav-item-label {display: block; font-size: 1.7em; /*letter-spacing: -0.06em;*/ cursor: pointer; padding: 7px 13px 6px}
.nav-body .nav-item .nav-item-label {color: #f0f0f0; text-decoration: none; background-color: #2F73A7}
.nav-body .g-current {background: transparent url(/images/arrow_down_01.png) no-repeat 50% 100%}
.nav-body .g-current .nav-item-label {color: #f0f0f0; background-color: #D40C40; cursor: default}

.dropdown-item-content p {font-size: 1.3em; color: #555555; margin-bottom: .9em;}
.dropdown-box .header-small {color: #d40c40}
.dropdown-box .header-small span {border-bottom: 1px solid; padding-left: 14px}
.dropdown-box .dropdown-open-all span {border-bottom: 0; font-size: 80%; padding-left: 15px; margin-left: 4px}
.dropdown-box .dropdown-item {margin-top: 1.5em; position: relative}
.dropdown-box .dropdown-item-title {cursor: pointer; letter-spacing: -.06em; color: #d40c40; line-height: 100%; background: transparent url(/images/plus.png) no-repeat 0 .25em}
.dropdown-box .dropdown-open-all {cursor: pointer; color: #d40c40; line-height: 100%; background: transparent url(/images/open-all.gif) no-repeat 0 50%; margin-left: -4px}
.dropdown-box .g-opened .dropdown-item-title {color: #333333; background-image: url(/images/minus.png)}
.dropdown-box .dropdown-item-content {display: none; margin-top: .75em; margin-left: 15px; padding-bottom: .05em;}
.dropdown-box .g-opened .dropdown-item-content {display: block;}
.dropdown-box .g-opened .header-small span {border-bottom: 0}
.dropdown-box .dropdown-open-all {margin-top: 1em}
.g-opened-box .dropdown-open-all {display: none}

.roundbox-blue {background-color: #e4eef6}
#index .roundbox-blue {padding: 30px 30px 30px 105px; margin: 0 0 2em -20px; background: #e4eef6 url(/images/round.png) no-repeat 20px 50%}
#index .roundbox-blue p {margin-bottom: 0}
.calculator-form .roundbox-blue {margin-right: 30px; padding: 30px 35px}\

.f-small-form {font-size: 1.4em/*; margin-top: 3em*/}
.round-5 .f-small-form {margin: 0}
.f-small-form .f-field {margin-bottom: 1em}
.f-small-form .f-field-submit input {width: auto}
.f-small-form input, .f-small-form textarea {width: 95%; font-family: arial}
.f-small-form .error input, .f-small-form .error  textarea {background-color: #FADBE3}
.f-small-form .error .error-box {display: none}
.f-small-form .error label {color: #D40C40; background: transparent url(/images/error.png) no-repeat 0 .2em; width: 9.5em; padding-left: .5em}

.l-column-right .f-small-form {font-size: 1.4em}
.l-column-right .f-small-form label {display: block; padding-bottom: .5em}
.l-column-right .f-small-form .f-field-submit input {padding: 2px 20px}

#login-page .f-small-form {width: 30em}
#login-page .f-small-form .f-field-submit {margin-left: 7em}
#login-page .f-small-form label {width: 7em; float: left}
#login-page .f-small-form input,
#login-page .f-small-form textarea {width: 10em; float: left}

.g-table-01 {width: 100%}
.g-table-01 th {background-color: #E0EAF2; font-size: 1.5em; padding: 12px 15px; color: #4C5D6A}
.g-table-01 td {border: 1px solid #E4EEF6; border-top: 0; border-left: 0; border-right: 0; padding: 9px 15px; font-size: 1.4em; color: #4C5D6A}
.g-table-01 tr.row-header td {border-bottom: 0; font: 1em tahoma, sans-serif;  color: #D40C40; padding-bottom: 5px}
.g-table-01 td.no-border {border: 0}
.g-table-01 td.no-wrap {white-space: nowrap}

.g-table-02 {width: 100%}
.g-table-02 th {background-color: #E0EAF2; font-size: 1.7em; padding: 12px 15px; color: #4C5D6A}
.g-table-02 td {border: 1px solid #E4EEF6; padding: 9px 15px; font-size: 1.1em; color: #4C5D6A}
.g-table-02 tr.row-header td {border-bottom: 0; font: 1.4em tahoma, sans-serif; text-align: left; color: #D40C40; padding-bottom: 5px}
.g-table-02 td.no-border {border: 0}
.g-table-02 td.no-wrap {white-space: nowrap}

.tab-contents .tab-content {display: none}
.tab-contents .g-current {display: block}

.float-box .float-item {display: block; float: left}

.samples-list .float-item {margin: 0 5px 5px 0; border: 5px solid #E0EAF2}
.dropdown-box .float-item {margin: 0 18px 18px 0}

#body .banner-calculator {position: relative; padding: 0 0 4em; color: #7a7a7a; zoom: 1}
#body .banner-calculator .header-medium {margin-top: -90px; position: relative; padding-top: 130px; padding-bottom: 2px; background: transparent url(/images/howmuch.png) no-repeat; font-size: 2.7em; letter-spacing: -.07em; zoom: 1}
#body .banner-calculator .header-medium a {position: relative; color: #d40c40; border-bottom: 1px dotted #d40c40; text-decoration: none; padding-top: 130px}

.banner-contacts {background: transparent url(/images/email.png) no-repeat 0 50%; padding: 5px 0 5px 50px}
.copy {font: 1.1em tahoma, sans-serif; color: #888888; line-height: 150%;}

.calculator-form .f-label, .calculator-form .f-input, .calculator-form .f-section-title {font-size: 1.4em; display: block}
.calculator-form .header-small {margin-left: 35px}
.calculator-form .f-label {float: left; width: 35%}
.calculator-form .f-text {padding-bottom: 2px}
.calculator-form .f-select {padding-bottom: 1px}
.calculator-form .f-input {margin-left: 38%}
.calculator-form .f-input input, .calculator-form .f-input select {font: 1em arial; vertical-align: middle}
.calculator-form .f-input label {display: block; float: left; margin-right: 10px}
.calculator-form .f-field, .calculator-form .f-section-title {margin-bottom: 1em; color: #4C5D6A}
.calculator-form .f-section-title {color: #98a5b0}
.calculator-form .f-separator {border-bottom: 1px solid #ccdeed; margin-bottom: 2em; padding-bottom: 2em}
.calculator-form .f-error .f-label {color: #D40C40; background: transparent url(/images/error.png) no-repeat 0 .2em; padding-left: 8px}
.calculator-form .f-error .f-input span {background-color: #D40C40; padding: 4px 3px 6px; position: relative; left: -3px}
.calculator-form .f-error .error-box {display: none}
.calculator-form .f-error input, .calculator-form .f-error select {background-color: #fadbe3}
.calculator-form .f-submit-field {clear: both; padding-top: 1.5em; padding-left: 35px}
.calculator-form .f-submit-field button {font: 1em arial; background: none; border: 0; color: #D40C40; padding: 0; cursor: pointer; zoom: 1}
.calculator-form .f-submit-field button span {font-size: 27px; display: block; border-bottom: 1px dotted}


.calculator-form a.label-help {position: relative}
.calculator-form a.label-help span {display: none; position: absolute; left: 0; top: 1.5em; z-index: 100}
.calculator-form a.label-help span img {display: block; position: relative}
/*
.calculator-form a.label-help:hover {font-weight: bold}
.calculator-form a.label-help:hover span {display: block}
*/
/* вынести в ie.css */
.calculator-form .f-submit-field button span {// margin: 0 -3.27em}
.calculator-form .f-error .f-input span {// padding: 3px}

#result {padding-bottom: 25px}
#result p, #result h1 {margin-left: 25px; margin-right: 25px}
/*#result div.table p {margin-left: 15px; margin-right: 15px}*/
#result p.nav-body {font-size: 1em}
#result p.nav-body .nav-item {float: right; text-decoration: none; background: none; padding-bottom: 0; cursor: pointer}
#result p.nav-body .nav-item .nav-item-label {cursor: pointer}
#result .g-table-01 td {border-color: #E4EEF6}
/*#result .g-table-01 th {border-bottom: 2px solid #aaaaaa}*/
#result .input-params {margin-bottom: 3em}
#result .input-params table {width: 100%;}
#result .input-params table td {font-size: 1.4em; border: 1px solid #E4EEF6; border-width: 1px 0; padding: 2px 5px}
#result .input-params table .separator td {border-width: 0; padding: 0}
#result .input-params table tr.g-first td {border-top-width: 0}
#result .input-params table tr.g-last td {border-bottom-width: 0}
#result .input-params table td.g-first {color: #4C5D6A; padding-left: 5px}
#result .input-params table td.g-last {padding-left: 10px; padding-right: 5px; text-align: right}
#result .input-params p {margin: 0 0 1px 0; color: #D40C40; margin-left: 5px;}

.gallery .float-item {margin: 0 15px 15px 0}
.gallery .image {display: block; border: 1px solid #ffffff; background-color: #E4EEF6; padding: 10px; width: 228px; cursor: pointer}
.gallery .image img {display: block; border: 1px solid #ffffff}
.gallery a {text-decoration: none; color: #555555}
.gallery a:hover {text-decoration: none; color: #111111}
.gallery a:hover img {border-color: #D40C40}
.gallery .overview {display: block; font-size: 1.2em; padding: .5em 10px; height: 2.5em; width: 228px}
.gallery-description {font-size: 1.4em; margin-bottom: 1.5em}
.gallery-description p {font-size: 1em; margin-bottom: 0; margin-top: 1.5em}

.documents .float-item-mchs {display: block; float: left; width: 45%; background: transparent url(/images/ico_doc_mchs.gif) no-repeat 0 50%; padding: 1.5em 0}
.documents .float-item-sez {display: block; float: left; width: 45%; background: transparent url(/images/ico_doc_sez.gif) no-repeat 0 50%; padding: 1.5em 0}
.documents .title, .documents .description {padding-left: 75px}
.documents .title {display: block; font-size: 1.4em; margin-bottom: .15em}
.documents .description {display: block; font-size: 1.2em; color: #666666}

.round-10 {border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px}
.round-5 {border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px}
.round-3 {border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px}


.panel {position: relative; padding: 146px 0 30px 384px; width: 200px; height: 50px; margin: 0 auto}
.panel-box {margin-bottom: 47px; border-bottom: 1px dotted #BFD3E2}
.panel .panel-picture {position: absolute; top: 0; left: 0; display: none; z-index: 90; zoom: 1}
.panel .panel-picture-current {display: block; z-index: 97; zoom: 1}
.panel .panel-btn {position: relative; z-index: 100; display: block; float: left; width: 30px; height: 40px; margin-right: 10px; text-indent: -10000px; background: #bfd3e2 url(/images/panels/buttons.png) no-repeat; cursor: pointer}
.panel .panel-type-sv {background-position: -1px 0}
.panel .panel-type-pps {background-position: -41px 0}
.panel .panel-type-ppu {background-position: -81px 0}
.panel .panel-type-mv {background-position: -121px 0}
.panel .panel-btn-current {background-color: #d6184A; cursor: default}