﻿/*div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, tr, td, th, form, address, blockquote
{
    padding: 0;
    margin: 0.75em 0 1em 0;
}


@font-face { font-family: "Rubl Sign"; src: url(/Content/fonts/ruble.eot); }
    span.rur { font-family: "Rubl Sign"; text-transform: uppercase; // text-transform: none;}    
    span.rur span:before { content: '\2013'; }*/
    span.rur { position: absolute; overflow: hidden; width: .45em; height: 1em; margin: .1ex 0 0 -.55em; display:none}





html, body
{
    height: 100%;
    font-size: 100%;
    padding: 0;
    margin: 0;
}

* {
font-size: 100%;
}

body
{
    color: black;
    font-family: Arial,sans-serif;
    line-height: 1.4;
}


h1, h2 {font-weight: normal;}
h1, h2, h3 {line-height: 1.2;}
h4 {line-height: 1.2; font-size:1.2em; margin: 3em 0 .3em 0; padding-bottom: .5em; border-bottom: 1px solid #E9E9E9;}

.article_content h1 {width: 75%;}

h1 {
    font-size: 2.375em;
    margin-bottom: .5em;
}
/*h3 {
    font-size: 2em;
    margin: 0;
    font-weight: normal;
    margin-bottom:.4em;
}*/



table.infofiles { margin-bottom:1em;}
table.infofiles td {padding-right: 25px;}
table.infofiles td ul.files {margin-bottom: 0; font-size:0.9em;}


table .tariffs tr {border-bottom: 1px solid #DBDBDB;}

.right, .right td {text-align: right;}
.left, .left td {text-align: left;}
.center, .center td {text-align: center;}

.middle, .middle td {vertical-align: middle;}
.bottom, .bottom td {vertical-align: bottom;}


textarea, 
input[type="text"], 
input[type="password"],
input[type="checkbox"], 
label, select {
    font-size: .9em;
    font-family: Arial, Tahoma, "MS Sans-Serif", "Segoe UI", "Times New Roman", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    }




#outer {
    min-height: 100%;
    position: relative;
    overflow-x: hidden;
    z-index: 16;
}

#logo {
    padding-left: 4%;
    width: 310px;
    padding-top: 20px;
    position: relative;
}

#logoaddr {
    float: left;
    border-left: 1px solid;
    font-size: .75em;
    left:400px;
    margin-left: .5em;
    padding-left: 1em;
    position: absolute;
    top: 2em;
    /*width: 35em;*/
}

#logoaddr span {
    font-size: .75em;
    font-style: italic;
    color:Gray;
}

#logon {
    position:absolute;
    right:4%;
    top:1.5em;
    font-size: .75em;
    text-align:right;
    /*display:none;*/
    }


/*.tbosk .navigation_container {
    margin-left: 3.7%;
    padding-left: 135px;
    padding-top: 22px;
    position: relative;
}

.tbosk .navigation_container .title {
    position: relative;
    margin-top: 0;
    width: 20em;
    padding-right: .5em;
    height: 3.5em;
    padding-top:.7em;
}

.tbosk .navigation_container .title span {
    font-size: 2.5em;
    font-weight: bold;
    position: relative;
    left: -3px;
}*/

/*.tbosk .navigation_container .title .motto {
    border-left: 1px solid;
    font-size: .75em;
    font-style: italic;
    left: 100%;
    margin-left: .5em;
    padding-left: 1em;
    position: absolute;
    top: 1.5em;
    width: 35em;
}

.tbosk .navigation_container .phone {
    text-align:right;
    font-size: 1.2em;
    right: 2em;
    top: 1em;
    position: absolute;
}*/

/*.tbosk .navigation_container .title .motto {
    border-left: 1px solid;
    top: 1em;
    position: absolute;
}

.tbosk .navigation_container .motto span {
    font-size: 0.75em;
    font-style: italic;
    font-weight: normal;
    color:Gray;
}*/





table {
    border-spacing: 0;
    border: 0;
}
table.data {
    font-size: .95em;
    line-height: 1.3;
    margin: 0 0 1.2em 0;
    empty-cells: show;
}
table.data th {
    font-weight: normal;
    border-bottom: 1px solid #DBDBDA;
    padding: 0 2em .8em 0;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
td, th {
    padding: 0;
    border: 0;
    text-align: left;
    vertical-align: top;
}

.dataform td {
    padding:2px 5px;
    vertical-align:middle;
    }
tr.rowheader td {
    font-weight:bold;
    background-color: rgb(230,230,230);
    padding:4px 10px;
    }
tr.subrowheader td {
    font-weight:bold;
    border-bottom:1px solid rgb(230,230,230);
    padding:4px 10px;
    }
tr.firstrow {
    height:4px;
    }
tr.lastrow {
    height:10px;
    }
td.labels {
    width: 1%;
    text-align:right;
    }




table.data tr.out td{
    color:rgb(201, 201, 201);
}




.price {
    font-size:2.5em;
    /*font-weight:bold;*/
    text-align:center;
    margin: .2em 0 .2em 0;
    border-bottom: 1px solid #E9E9E9;

}

.productheader {font-size:1.1em; margin: .3em 0 1em 0; font-weight:bold; text-align:center;}


table.data th {
    vertical-align: middle;
    text-align: center;
    padding: .4em 1em;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}


table.calculate td {
    padding: 0 3em 1em 0;}
    

table.data td.number, table.data th.number {    text-align: right;}
table.data td {    padding: 1.5em 2em .3em 0;}
table.allborder td {    padding: .5em 1em;    text-align:right;}

table.noborder, table.noborder td, table.noborder th, table.noborder tr {
    border-width:0;}
table.address td {
    padding: 0 3em 1em 0;}
table.address td.second {
    padding: 0 3em 1em 4em;}



table.allborder {
    border-top: 1px solid #DBDBDA;
    border-right: 1px solid #DBDBDA;
}
table.allborder th, table.allborder td {
    border-bottom: 1px solid #DBDBDA;
    border-left: 1px solid #DBDBDA;
}





ul.calc {
    margin: 0;
}

ul.calc > li::before {
    color: black;
    content: '\2014\a0';
}

ul.calc li{
    display: list-item;
    text-align: -webkit-match-parent;
    font-size:1em;
    margin-bottom:.5em;
}

ul.calc > li{
    /*text-indent: -1.3em;*/
}


ul.files {
    color:#8D8D8D;
    padding: 0;
    padding-left: 22px;
}
ul.files span, ul.files nobr {
    margin-left:0.3em; font-size:.8em;
}
ul.files > li {
    text-indent: -20px;
}



#outer, #footer
{
    min-width: 980px;
    text-align: left;
}


#footer
{
    position: relative;
    overflow: hidden;
    border: 0;
    height: 6em;
    margin-top: -6em;
    font-size: 1em;
    z-index: 15;
}

.footer_content {
    position: relative;
    width: 100%;
    border-top: 1px solid #A6A6A6;
    padding: 0;
    font-size: .7em;
    color: #636363;
}

#copyright {
    float: left;
    /*width: 21%;*/
    margin-top: 1.8em;
    margin-left: 2%;
}

.background
{
    position: absolute;
    width: 100%;
    height: 100%;
}

.clear {
clear: both;
font-size: 0;
overflow: hidden;
}




ul {
list-style-type: none;
}

ul, dl {
margin: 0 0 1.2em 0;
padding-left:0;
}



a {color: #007AC2;}
a:visited {color: #551A8B;}


/*a.file[href^='http://'] {
background: url(content/images/files/doc.png) no-repeat 100%;
padding: 0 0 0 20px;
}*/

a.file[href$='.doc'], a.file[href$='.docx'] {
background: url(images/files/doc.png) no-repeat left 100%;
padding: 0 0 0 20px;
}

a.file[href$='.xls'], a.file[href$='.xlsx'], a.file[href$='.xlsb'] {
background: url(images/files/xls.png) no-repeat left 100%;
padding: 0 0 0 20px;
}
a.file[href$='.pdf'] {
background: url(images/files/pdf.png) no-repeat left 100%;
padding: 0 0 0 20px;
}
a.file[href$='.jpg'] {
background: url(images/files/jpg.png) no-repeat left 100%;
padding: 0 0 0 20px;
}

a.file[href$='.zip'], a.file[href$='.rar'], a.file[href$='.gzip'] {
background: url(images/files/zip.png) no-repeat left 100%;
padding: 0 0 0 20px;
}



.tbosk .navigation_container .navigation li a, 
.tbosk .navigation_container .navigation li a:visited {color: #007AC2;}

.tbosk .navigation_container .navigation li a, 
.tbosk .navigation_container .navigation li a:visited {color: #007AC2;}

.tbosk .navigation_container .navigation li.selected a, 
.tbosk .navigation_container .navigation li.selected a:visited {color: white;}

.tbosk .navigation_container .navigation li.selected a, 
.tbosk .navigation_container .navigation li.selected a:visited {color: white;}



.tbosk .navigation_container ul.subnavigation {
    margin: 0 0 0 5px;
    font-size:.8em;
    font-style: italic;
}


.tbosk .navigation_container .navigation li.selected a {
    background-color: #007AC2;
    padding: 2px 5px 3px 5px;
    color:White;
}
.tbosk .navigation_container .subnavigation li.selected a {
    padding-top: 3px;
}

.tbosk .navigation_container .navigation li.selected .subnavigation li a {
    background-color: white;
    padding: 2px 5px 4px 5px;
    color: #007AC2;
}

.tbosk .navigation_container .navigation li {
    float: left;
    margin: 0 5px 0 0;
    /*padding: 3px 5px 4px 5px;*/
    font-size: 1em;
}

.tbosk .navigation_container .navigation li a {
    padding: 3px 5px 0 5px;
    display:block;
}




.tbosk .navigation_container .navigation {
margin-bottom: 0;
}

.tbosk .navigation_container .navigation .subnavigation li {
float: none;
font-size: 0.9em;
}



.article_content .tags .tag {
float: left;
margin-right: 7px;
margin-bottom: 7px;
padding: 0;
background-color: #007AC2;
}
.decorated {
position: relative;
overflow: hidden;
}


.clearfix::after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}





#background_top {
    position: absolute;
    width: 100%;
    top: 0;
    height: 133px;
    left: 0;
    background: url(/Content/images/top-big-shadow.png) left top repeat-x;
}
#background_bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 133px;
    left: 0;
    background: url(/Content/images/bottom-big-shadow.png) left bottom repeat-x;
}
#background_left {
    position: absolute;
    left: 0;
    top: 0;
    width: 98px;
    height: 100%;
    background: url(/Content/images/left-shadow.png) left top repeat-y;
}
#background_right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: auto;
    width: 98px;
    height: 100%;
    background: url(/Content/images/right-shadow.png) right top repeat-y;
}




#page {
    left: 0;
    position: relative;
    width: 100%;
}

#header {
    position: relative;
}

.header_content {
width: 100%;
position: relative;
}

#header .bg {
    padding-bottom: 20px;
    border-bottom: 1px solid #E9E9E9;
    /*background: url("/Content/images/header_shadow.png") no-repeat scroll 70px bottom transparent;*/
}

#ui-datepicker-div { border: 1px solid black;}


#content {
    position: relative;
    padding-bottom: 6em;
    /*z-index: 5;*/
    margin-top: 2em;
}

.tbosk .inner .mpg_boost {
    padding-left:120px;
    background: url(/Content/images/mpgboost.png) left top no-repeat;
    min-height:300px;
}



.tbosk .tbosk_reducer {
margin-left: 2.8%;
padding-left: 32px;
}

.tbosk #main_content .inner {
position: relative;
width: 75%;
margin-bottom: 1.5em;
}

.tbosk #main_content blockquote {
    margin: 0 0 1.5em 0;
    position: relative;
    width: 75%;
    padding: 0;
    background: #F3F3F3 url(/Content/images/quote.png) left top repeat-y;
    font-style: italic;
}


.tbosk #main_content .inner .tbosk_inner_reducer, .tbosk #main_content .incut .tbosk_inner_reducer, .tbosk #main_content blockquote .tbosk_inner_reducer {
    margin-left: 3.7%;
    padding-left: 32px;
    zoom: 1;
}


.tbosk #main_content .inner .faq_ans.bg_faq{
    border-top: 1px solid #E9E9E9;
    background: url(/Content/images/pic1_faq.png) left top no-repeat;
    padding-left:150px;
    min-height: 315px;
    }
    
.tbosk #main_content .inner .faq_ans h3{
    border-top: 1px solid #E9E9E9;
    padding-top:1em;}

.tbosk #main_content .inner .faq_ans.bg_faq h3{
    border-top: 0;
    padding-top:0;}
    
    
    
    
/*.tbosk #main_content .inner .faq_ans div{
    border-top: 1px solid #E9E9E9;
    padding-top:1em;}*/



.tbosk #main_content .inner .intro {
    font-style: italic;
    color: #4B4B4D;
    font-size: 1.25em;
    line-height: 1.3;
    padding-bottom: .3em;
    margin-bottom: 0;
}

.tbosk #main_content p, .tbosk #main_content h2, .tbosk #main_content h3 {
    margin-right: 0;
}

.tbosk .text_block p {
    margin-bottom: 1em;
}

.tbosk .text_block p.timer {
    position: absolute;
    padding-left: 40px;
    background: url("/Content/images/stopwatch.png") no-repeat center left;
    font-size:.8em;
    font-style:italic;
    min-height:24px;
}

.tbosk .text_block p.timer.mpgboost {
    top:200px;
    left:600px;
}
.tbosk .text_block p.timer.mpgcaps {
    top:20px;
    left:620px;
}

.tbosk .text_block p.before_ul {
    margin-bottom: .8em;
}

.text_block p {
    font-size: .875em;
    line-height: 1.7;
    margin: 0 26.3% .5em 0;
}





.text_block .ill_lens {
    left: -83px;
    margin-bottom: -5em;
    position: relative;
}



.text_block img {
    margin: .5em 0 1em 0;
}

table.volumes img {
    margin: 0;
}

img {
    border-width: 0;
}



.tbosk #main_content .left_incut {
    position: absolute;
    left: 0;
    z-index: 5;
    top: auto;
}


.tbosk #main_content .right_incut {
    position: absolute;
    right: 0;
    width: 25%;
    z-index: 10;
    top: auto;
}


.tbosk #main_content .right_incut .content {
    padding-left: 40px;
    padding-right: 30px;
}
.tbosk #main_content .right_incut .piston {
    background: url("/Content/images/piston.png") no-repeat 50px top;
    height:316px;
}
.tbosk #main_content .right_incut .micro {
    background: url("/Content/images/micro1.png") no-repeat 15px top;
    height:595px;
}
.tbosk #main_content .right_incut .money {
    background: url("/Content/images/money.png") no-repeat left top;
    height:452px;
}

.tbosk #main_content .right_incut .mpgcrumbs {
    background: url("/Content/images/mpgcrumbs.png") no-repeat left bottom;
    height:261px;
}

.tbosk #main_content .right_incut .incut_text {
    font-style: italic;
}

.tbosk .right_incut p {
    color: black;
    font-size: .75em;
    margin-bottom: .5em;
    margin-right: 0;
    line-height: 1.5;
}

p, address, blockquote {
    margin: 0 0 .6em 0;
}

.article_content .right_incut p.incut_text img {
    display: block;
}



.text_block .ill_car_gas {
    height: 288px;
    position: relative;
    margin-bottom: 2.5em;
    margin-top: -1em;
}
.text_block .ill_car_gas p {
    font-size: .75em!important;
    font-style: italic;
    left: 355px;
    position: absolute;
    max-width: 500px;
    top: 8em;
}




.tbosk #main_content ul.list {
    margin: 0 0 1.2em 1.3em;
}

.tbosk #main_content ul.list > li::before {
    color: black;
    content: '\2014\a0';
}

.tbosk #main_content ul.list li{
    display: list-item;
    text-align: -webkit-match-parent;
    font-size:.875em;
    margin-top:.5em;
}

.tbosk #main_content ul.list > li{
    text-indent: -1.3em;
}


.tbosk #main_content .motor_desc_left ul.list li, 
.tbosk #main_content .motor_desc_right ul.list li{
    margin-top:1em;
}





.text_block .ill_fuel_pump {
    position: relative;
}

.text_block .ill_fuel_pump .inner_text {
    left: 270px;
    position: absolute;
    top: 0px;
    padding:0;
    margin:0;
}

.text_block .ill_fuel_pump img {
    left: -80px;
    position: relative;
}




.text_block .ill_fry {
    position: relative;
}
.text_block .ill_fry p {
    left: 270px;
    position: absolute;
    top: 15px;
}
.text_block .ill_fry img {
    left: -86px;
    position: relative;
}



.tbosk #main_content .illustration {
    width: 100%;
    min-height: 304px;
    overflow: hidden;
    position: relative;
}

.tbosk .motor_right {
    width: 50%;
    min-height: 304px;
    margin-left: 50%;
    padding-bottom: 1em;
    /*background: url("/f/ru/global/i/articles/article_16/right.jpg") repeat-x left top;*/
}
.tbosk .motor_left {
    width: 50%;
    min-height: 304px;
    /*background: url("/f/ru/global/i/articles/article_16/left.jpg") repeat-x left top;*/
}

.tbosk .motor_column {
    float: left;
    margin-right: -100%;
    position: relative;
}
.tbosk .motor_picture {
    z-index:1;
    width: 320px;
    height: 304px;
    left: -160px;
    top: 0px;
    position: absolute;
    background: url("/Content/images/motor.png") no-repeat center top;
}
.tbosk .motor_desc_cont {
    left: -385px;
    position: relative;
    width: 650px;
    margin-top: 1.5em;
}



.tbosk .motor_desc_right {
    position: absolute;
    z-index:1999;
    left: 170;
    top: 0;
    width: 60%;
    min-height: 304px;
    /*background: url("/Content/images/mag.png") no-repeat left 14px;*/
    }
.tbosk .motor_desc_left {
    position: absolute;
    z-index:1999;
    right: 150;
    top: 0;
    width: 60%;
    min-height: 304px;
    vertical-align: middle;
    /*background: url("/Content/images/mag.png") no-repeat left 14px;*/
    }



.tbosk .motor_desc_text {
    margin: 0 25px;
    font-size: 1em;
    font-style: italic;
}









.article_content .related_articles {
    padding-top: 2em;
    position: relative;
    width: 75%;
}

.article_content .related_articles .article_list {
    margin-top: 0;
    padding-top: 3.5em;
    overflow: hidden;
    margin-left: 3.7%;
    padding-left: 32px;
    background: url("/Content/images/header_shadow.png") no-repeat scroll 70px top transparent;
}
.article_content .related_articles .article_list li {
    margin-bottom: 1em;
}

.article_content .related_articles .article_list li.odd {
    float: left;
    width: 50%;
    clear: left;
}

.article_content .related_articles .article_list li.even {
    display: inline-block;
    width: 49.5%;
}

.article_content .related_articles .article_list img {
display: inline;
float: left;
margin-right: 10px;
}


.article_content .related_articles .article_list li.odd p {
margin-right: 30px!important;
margin-left: 110px;
}
.article_content .related_articles .article_list p.title {
margin-bottom: .3em;
}

.article_content .related_articles .article_list .title a {
font-size: 1.3em;
line-height: 1.4;
}

.article_content .related_articles .announce {
line-height: 1.4;
font-style: italic;
}


li {
    margin: 0 0 .3em 0;
}


.yandexLink {
    font-size:.9em;
    color:lightgray;
    padding-top:.3em;
    padding-bottom:.6em;
    }


.required {
    color:Red; 
    font-weight:bold; 
    /*padding-left:3px;*/
    }



.field-validation-error {
    font-size:.7em; 
    font-style: italic;
    padding-left:.5em; 
    color:Red
    }

.validation-summary-errors {
    font-size:.85em; 
    font-weight:bold;
    color:Red
    }
/*label::after {
    color: black;
    content: ':';
}*/



table.datatable {
    font-size:.8em;
    }
table.datatable th{
    font-weight:bold;
    background-color: rgb(230,230,230);
    padding:4px 10px;
    text-align:center;
    }
table.datatable td{
    padding:4px 10px;
    text-align:center;
    border-bottom:1px solid rgb(230,230,230);
    }
table.datatable td.left{
    text-align:left;
    }
table.datatable td.right{
    text-align:right;
    }

.smaller {font-size:.8em}



table.volumes {font-size:.8em}
table.volumes td {padding:1px 5px; vertical-align:middle; border-bottom: 1px solid rgb(245, 245, 245);}

table.volumes td.sum, table.volumes td.tariff, table.volumes td.volume {text-align:right; white-space:nowrap;}

table.volumes .defaultvalue {color:rgb(200, 200, 200);}

table.volumes .header td {font-size:1.1em; font-weight:bold; text-align:center; padding-bottom:10px;}





.switcher span, .sum .switch {
    color: #008ace;
    cursor: pointer;
    border-bottom: 1px dotted #008ace;
    margin: 2px;
    display:inline;
}
.switch {
    cursor:pointer;
}
.switcher span.active {
/*    color: black;
    background-color: #EBEBCF;
    cursor: default;
    padding: 2px 4px;
    margin: 0;
    border: 0;*/
    display:none;
}

span.selected {
    background-color: rgb(235,235,235);
    padding:2px 5px;
    }



.datesmall {
    font-size:.7em;
    font-style: italic;
    }
    
    
span.pages {
    margin-left:5em;
    
    }    

span.pages .page {
    margin:0px 3px;
    
    }    
span.pages .activepage {
    padding:2px 5px;
    background-color: rgb(200,200,200);    
    }     
    
    
input[type="text"].dateDocs {
    width:60px; 
    font-size:.7em; 
    border: 1px solid rgb(220,220,220);
    color:gray
    }
    
    
img.img_dl { margin:0}

.topMenu {
    position: fixed;
    top: 0;
    /*left: 10px;*/}
    
    
    
table.infofiles { margin-bottom:1em;}
table.infofiles td {padding-right: 25px;}
table.infofiles td ul.files {margin-bottom: 0; font-size:0.9em;}


table.tariffs td {border-bottom: 1px solid #DBDBDB;}

.right td {text-align: right;}

