/**
 * @package Spokoino
 * @version 1.0
 * @author  Голиков Артём <art@futurecolors.ru>
 */

/**
 * Сброс дефолтных стилей
 * @section Reset
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

:focus {
    outline: 0;
}
body {
    line-height: 1;
    background: white;
}
table {
    border-collapse: collapse;
}
td {
    vertical-align:top;
}

caption, th, td, td a {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
.clear {
    clear:both;
}
ul, ol, nav li {
    list-style:none;
}
strong {
    font-weight:bolder;
}
em {
    font-style:italic;
}
a {
    color:#ff6500;
}
a:hover {
    color:#bb2010;
}
article a:visited {
    color:#a42;
}
#fancybox-close  {
    left:-15px;
}
/**
 * Показываем ссылки на внешние ресурсы такого же цвета, как и текст
 *
 * @css-for IE7+,...
 */
.text a[href^=http] {
    color:inherit;
}
.text ul li {
    list-style-type: none;
    behavior: expression( !this.before
        ? this.before = this.innerHTML = '&mdash;&nbsp;' + this.innerHTML : '' );
    text-indent: -1.02em;
}
.text ul li:before {
    content: '\2014\a0';
}


/**
 * Обёртка
 * @section Wrapper
 */

html, body {
    width:100%;
    height:100%;
}
body {
    position:relative;
    top:0px;
    left:0px;
    min-height:100%;
    font-size:62.5%;
    font-family:"Trebuchet MS",Tahoma,Arial,sans-serif;
    color:#333;
}
.wrapper  {
    max-width:1300px;
    min-width:1000px;
    min-height:100%;
    margin:0 auto;
    position:relative;
    top:0px;
    left:0px;
}
* html .wrapper {
    height:100%;
    width: expression(document.body.clientWidth > 1301 ? "1300px" : "auto");
}
.wrapper_space {
    padding:0px 1.7em;
}
* html .wrapper_space {
    width: expression(document.body.clientWidth < 1000 ? "950px": "auto");
}
.content {
    display:block;
    padding-bottom:60px;
}


/**
 * Блок с круголками
 * @section Round corners
 */

.round_corners {
    border:1px solid #e6e6e6;
    -webkit-border-radius:20px;
       -moz-border-radius:20px;
         -o-border-radius:20px;
            border-radius:20px;
}


/**
 * Шапка с меню и телефоном
 * @section Head
 */

.header {
    display:block;
    padding:0.5ex 0px;
    margin-bottom:2ex;
    /*border-bottom:1px solid #bbb;*/
}
* html .header {
    height:1px;
}
.menu_item {
    display:inline-block;
    margin:0.3ex 0.8em 0.3ex 0px;
    padding:0px 0.5em;
    height:1.8em;
    font-size:150%;
}
.menu_item,
.menu_item a {
    line-height:1.8em;
    font-weight:bolder;
    color:#777;
    /*text-decoration:none;*/
}
a.menu_item:hover,
.menu_item a:hover {
    text-decoration:underline;
}
.menu_item_active {
    background:#f93;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
         -o-border-radius:5px;
            border-radius:5px;
    color:white;
    text-decoration:none;

}
.menu_item_active:hover {
    color:white!important;
}
.auth_menu {
    float:right;
}
.auth_menu .menu_item {
    margin:0.3ex 0px 0.3ex 0.8em;
}
.auth_menu_instructor {
    width:100%;
    padding-bottom:0.5ex;
    margin-bottom:0.5ex;
    /*border-bottom:1px solid #bbb;*/
}
.auth_menu_instructor .menu_item {
    margin:0.3ex 0.8em 0.3ex 0px;
}
.auth_menu_namecard {
    float:right;
}
.auth_menu_namecard {
    margin:0.3ex 0px!important;
}
.header_bablo {
    padding:0.3ex 0.1em 0.3ex 0.5em;
    margin:0px 1em;
    color:white!important;
    text-decoration:none!important;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
         -o-border-radius:5px;
            border-radius:5px;
}
.header_bablo_positive {
    background:#0b0;
}
.header_bablo_negative {
    background:#c00;
}
.logout_link {
    color:#bbb!important;
}
a.login_link {
    text-decoration:none!important;
}
span.login_link {
    display:inline-block;
    line-height:0.999em;
    //display:inline;
    //line-height:27px;
    border-bottom:1px dashed #777;
}
a.login_link:hover span.login_link {
    border-color:#bb2010;
}
.phone {
    clear:both;
    float:right;
    color:black;
    font-size:160%;
    margin-top:1ex;
    white-space:nowrap;
}
* html .phone {
    margin-top:0px;
}


/**
 * Уведомление для инструкторов
 * @section Warning
 */

.warning {
    font-size:160%;
    background:#ffa;
    margin-top:-5px;
    padding:0.4ex 0.5em;
    color:#334;
    font-style:italic;
    border:1px solid #bbb;
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:15px;
       -moz-border-radius-bottomleft:15px;
       -moz-border-radius-bottomright:15px;
         -o-border-bottom-left-radius:15px;
         -o-border-bottom-right-radius:15px;
            border-bottom-left-radius:15px;
            border-bottom-right-radius:15px;
    -webkit-box-shadow:0px 0px 2px rgba(200, 200, 0, 0.5);
       -moz-box-shadow:0px 0px 2px rgba(200, 200, 0, 0.5);
            box-shadow:0px 0px 2px rgba(200, 200, 0, 0.5);
}

/**
 * Логотип с переключателем городов
 * @section Logo
 */

.logo {
    display:block;
    margin-left:70%;
    width:26%;
    height:180px;
    text-align:center;
}
.logo_link {
    display:inline-block;
    width:187px;
    height:133px;
    background:url(../images/logo.png) 0px 0px no-repeat;
}
.logo_city_switcher {
    font-size:140%;
}


/**
 * Заголовки
 * @section Headers
 */

h1 {
    font-size:220%;
    font-weight:normal;
    color:#444;
}
h2 {
    font-size:200%;
    font-weight:normal;
    color:#444;
}
h3 {
    font-size:180%;
    font-weight:normal;
    color:#444;
}
h4 {
    font-size:160%;
    font-weight:bolder;
    color:#444;
}
.page_header {
    display:block;
    padding:4ex 0px 6ex;
    line-height:2.4em;
    float:left;
    width:65%;
}
.page_header .breadcrumbs {
    display:block;
    font-size:180%;
    font-weight:normal;
    color:#444;
}
.page_header .breadcrumbs + h1 {
    padding-top:0.7ex;
}
.page_header_sub {
    color:#444;
    font-size:160%;
}
.page_header_icon {
    float:left;
    margin:1.5ex 1em 1ex 0px;
}


/**
 * Заголовок главной страницы
 * @section Main page header
 */

.mainpage_header {
    display:block;
    clear:both;
    font-size:270%;
    padding:1ex 0px 2.2ex 1%;
}
.mainpage_header_logo {
    vertical-align:middle;
}
.mainpage_header_city_switcher {
    display:inline-block;
    line-height:0.999em;
    padding-right:10px;
    background:white url(../i/city-switcher-arr.gif) 98% 50% no-repeat;
    cursor:pointer;
    position:relative;
    top:0px;
    //top:0.6ex;
    left:0px;
    z-index:2;
    padding:0px 0.5em 0.5ex 0.2em;
    margin:0px -0.2em -0.5ex -0.2em;
    -webkit-box-shadow:0px 5px 8px rgba(0, 0, 0, 0.4);
       -moz-box-shadow:0px 5px 8px rgba(0, 0, 0, 0.4);
            box-shadow:0px 5px 8px rgba(0, 0, 0, 0.4);
    border-top:1px solid #f0f0f0;
    border:2px solid #ddd\0/;
    //border:2px solid #ddd;
    border-bottom:none\0/;
    //border-bottom:none;
}
.mainpage_header_city_switcher .mainpage_header_city_name {
    display:inline-block;
    border-bottom:2px solid white;
}
.mainpage_header_city_switcher_closed {
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
    border-top:1px solid white;
    border-color:white\0/;
    //border-color:white;
}
.mainpage_header_city_switcher_closed .mainpage_header_city_name {
    border-bottom:2px dashed #ff6500;
    color:#ff6500;
}
.mainpage_citylist {
    position:absolute;
    top:100%;
    left:0px;
    left:-2px\0/;
    //left:-2px;
    z-index:1;
    padding:0px 0.2em 0.5ex;
    -webkit-box-shadow:0px 5px 8px rgba(0, 0, 0, 0.4);
       -moz-box-shadow:0px 5px 8px rgba(0, 0, 0, 0.4);
            box-shadow:0px 5px 8px rgba(0, 0, 0, 0.4);
    background:white;
    white-space:nowrap;
    width:12em;
    border:2px solid #ddd\0/;
    //border:2px solid #ddd;
    border-top:none;
}
.mainpage_header_city_switcher_closed .mainpage_citylist {
    display:none;
}
.mainpage_citylist_citygroup {
    display:block;
    border-top:1px solid #ccc;
}
.mainpage_citylist_citygroup:first-child {
    border-top:none;
}
.mainpage_citylist_citygroup_wrapper {
    display:inline-block;
    width:100%;
}
.mainpage_citylist_city {
    font-size:59%;
    display:block;
    width:49%;
    float:left;
    text-decoration:none;
}
.mainpage_citylist_city:hover {
    text-decoration:underline;
}
.mainpage_citylist_city_active {
    color:black!important;
}

/**
 * Инструкторы на главной странице
 * @section Main page header
 */

.mainpage_instructors {
    float:right;
    width:47%;
    padding:1%;
}
.mainpage_instructors h1 {
    font-size:220%;
    color:#444;
}
.mainpage_instructors .instructor_card {
    display:inline-block;
    //zoom:1;
    //display:inline;
    vertical-align:top;
    width:49%;
    margin:2ex 0px 2ex 2px;
}
.mainpage_instructors_more {
    text-align:right;
    font-size:180%;
    color:#555;
}


/**
 * Карточка инструктора
 * @section Instructor card
 */

.instructor_card {
}
.instructor_card_face {
    float:left;
    margin:0px 0.7em 1ex 0px;
}
.instructor_card_name {
    font-size:160%;
}
.instructor_card_cars {
    font-size:140%;
    line-height:1.2em;
    padding-top:0.5ex;
}
.instructor_card_car {
    padding-top:0.7ex;
}
.instructor_car_gearbox {
    font-size:85%;
    color:#777;
}


/**
 * Текст на главной
 * @section Main page content
 */

.mainpage_content {
    float:right;
    clear:both;
    width:47%;
    padding:6ex 1% 0px;
}
.mainpage_content_article {
    display:block;
    padding-bottom:4ex;
}
.mainpage_content p,
.mainpage_content ul {
    font-size:140%;
    line-height:1.4em;
    padding-bottom:1ex;
}
.mainpage_content h1 {
    font-size:220%;
    padding-bottom:0.5ex;
    color:#444;
}
.mainpage_content h2 {
    font-size:180%;
    padding:2ex 0px 0.5ex;
    color:#444;
}
.mainpage_content strong {
    color:#666666;
}
.mainpage_content a strong {
    color:inherit;
}


/**
 * Фильтр на главной странице
 * @section Main page filter
 */

.mainpage_filters {
    display:block;
    width:45%;
    padding:1% 1% 6ex;
    border:1px solid #d1d1d1;
    -webkit-border-radius:20px;
       -moz-border-radius:20px;
         -o-border-radius:20px;
            border-radius:20px;
    background:#f3f3f3;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.2, rgb(219,219,219)),
        color-stop(0.5, rgb(230,230,230)),
        color-stop(1, rgb(250,250,250))
    );
    background:-moz-linear-gradient(
        center bottom,
        rgb(219,219,219) 20%,
        rgb(230,230,230) 50%,
        rgb(250,250,250) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#fafafa,endColorstr=#dbdbdb,GradientType=0);
    zoom: 1;
    position:relative;
    top:0px;
    left:0px;
}
* html .mainpage_filters {
    padding-left:2%;
}
.mainpage_filters h1 {
    padding-bottom:1ex;
}
.mainpage_filters_pane {
    display:inline-block;
    //zoom:1;
    //display:inline;
    vertical-align:top;
}
.mainpage_filters_left_pane {
    width:42%;
}
.mainpage_filters_right_pane {
    width:57%;
}
.mainpage_filters h3 {
    padding-bottom:0.5ex;
    font-size:180%;
    color:#222;
    font-style:italic;
}
.mainpage_filters_fieldset {
    display:inline-block;
    //zoom:1;
    //display:inline;
    padding-bottom:6ex;
    line-height:1.6em;
}
.mainpage_filters_half_fieldset {
    width:49%;
    padding-bottom:2ex;
}
.mainpage_filters_fieldset label {
    display:block;
    font-size:140%;
    padding-bottom:0.3ex;
}
.mainpage_filters_fieldset label.disabled {
    color:gray;
}
.mainpage_filters_fieldset label input {
    vertical-align:middle;
}
.mainpage_filters_horizontal_fieldset {
    width:100%;
    padding-bottom:2ex;
}
.mainpage_filters_carmodels_fieldset {
    display:inline-block;
    //zoom:1;
    //display:inline;
    text-align:right;
}
.mainpage_filters_carmodels_label {
    display:inline-block;
    width:4em;
    font-size:114%;
    color:#222;
    font-style:italic;
}
.mainpage_filters_carmodels_label_wrapper {
    //position:relative;
    //top:-5px;
    //left:0px;
}
.mainpage_filters_fieldset #price_slider {
    padding:0.5ex 0px 1.5ex;
}
.mainpage_filters_submit {
    position:absolute;
    bottom:3ex;
    left:0px;
    width:100%;
    text-align:center;
}
.mainpage_filters_submit input {
    border:none;
    background:#ffa351;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.19, rgb(255,163,81)),
        color-stop(0.58, rgb(255,191,127))
    );
    background:-moz-linear-gradient(
        center bottom,
        rgb(255,163,81) 19%,
        rgb(255,191,127) 58%
    );
    cursor:pointer;
    color:#222;
    text-shadow:0px 0px 2px rgba(255, 255, 255, 0.5);
    -webkit-border-radius:10px;
       -moz-border-radius:10px;
            /*border-radius:10px;*/
    -webkit-box-shadow:1px 3px 3px rgba(51, 51, 51, 0.3);
       -moz-box-shadow:1px 3px 3px rgba(51, 51, 51, 0.3);
            box-shadow:1px 3px 3px rgba(51, 51, 51, 0.3);
    font-size:18px;
    padding:5px 15px;
    width:15em;
    font-family:"Trebuchet MS",Tahoma,Arial,sans-serif;
    outline:0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#FFC989,endColorstr=#FFA33D,GradientType=0);
    zoom: 1;
    color:#444\0/;
    //color:#444;
}
.mainpage_filters_submit input:hover {
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.19, rgb(255,163,61)),
        color-stop(0.58, rgb(255,201,137))
    );
    background:-moz-linear-gradient(
        center bottom,
        rgb(255,163,61) 19%,
        rgb(255,201,137) 58%
    );
}
.mainpage_filters_submit input:active {
    -webkit-box-shadow:0px 2px 3px rgba(51, 51, 51, 0.3);
       -moz-box-shadow:0px 2px 3px rgba(51, 51, 51, 0.3);
            box-shadow:0px 2px 3px rgba(51, 51, 51, 0.3);
}


/**
 * Новости сайта на главной
 * @section News
 */

.mainpage_news {
    display:block;
    width:45%;
    padding:6ex 1% 3%;
}
.mainpage_news_item {
    display:block;
    padding-top:2ex;
    font-size:140%;
    line-height:1.4em;
}
.mainpage_news_item time {
    display:block;
    font-style:italic;
    color:#777;
}



/**
 * Предложение по заказу инструктора
 * @section News
 */

.mainpage_order {
    display:inline-block;
    //zoom:1;
    //display:inline;
    width:45%;
    padding:6ex 1% 2ex;
}
.mainpage_order_icon {
    display:inline-block;
    float:left;
    width:64px;
    height:64px;
    background:url(../i/order.png) 0px 0px no-repeat;
}
.mainpage_order_link {
    display:block;
    margin-left:80px;
    font-size:200%;
    line-height:1.2em;
    padding-bottom:1ex;
}
.mainpage_order_description {
    margin-left:80px;
    font-size:140%;
    line-height:1.2em;
}


/**
 * Форма заказа инструктора
 * @section Order form
 */

#order {
    display:none;
}
.order_section {
    width: 500px;
    height: 300px;
    display:block;
    padding:3ex 2em;
}
.order_description,
.order_form_item_description {
    padding-top:1ex;
    line-height:1.2em;
    font-size:140%;
}
.order_form_item_description {
    color:#777;
}
.order_form {
    padding-top:3ex;
}
.order_form_wrapper {
    height:37ex;
}
.order_form .order_form_item {
    padding-bottom:3ex;
}
.order_form label {
    display:block;
    padding-bottom:0.5ex;
    font-size:160%;
}
.order_form .order_form_item input {
    width:250px;
    font-size:160%;
    border:1px solid #aaa;
}
.order_form .error {
    color:#f00;
    font-size:140%;
    font-style:italic;
    padding: 0 0 0 1em;
}
.order_form input.error {
    padding: 0;
}

.order_form div.error input {
    border:1px solid #f00;
}
.order_form_submit {
    padding-top:3ex;
    text-align:center;
}
.order_form_submit input {
    font-size:200%;
}
.order_description_error {
    color:red;
}


/**
 * Последние статьи на главной
 * @section Main page last articles
 */

.mainpage_articles {
    display:block;
    width:45%;
    padding:2ex 1% 3%;
}
.mainpage_article {
    display:block;
    padding:4ex 0px;
}
.mainpage_article h2 {
    font-size:160%;
    padding-bottom:0.5ex;
}
.mainpage_article p,
.mainpage_article ul {
    font-size:140%;
    line-height:1.3em;
    padding-bottom:1ex;
}
.mainpage_article .more_link {
    font-size:140%;
    font-style:italic;
    color:#444;
}
.mainpage_article p .more_link {
    font-size:100%;
}

/**
 * Форма аутентификации
 * @section Auth form
 */

#auth {
    display:none;
}
.auth {
    background:white;
    padding:3ex 2em;
    width:290px;
    overflow:hidden;
}
.auth_wrapper {
    height:38ex;
}
.auth_heading {
    padding-bottom:2ex;
}
.auth_label {
    display:block;
    font-size:160%;
    padding-bottom:1ex;
}
.auth_label_text {
    display:block;
    padding-bottom:0.5ex;
    width:290px;
}
.auth_input {
    width:290px;
    border:1px solid #aaa;
}
.auth_checkbox {
    vertical-align:middle;
}
.auth .error {
    color:#f00;
    font-size:140%;
    font-style:italic;
}
.auth_label .error {
    font-size:87%;
    float:right;
}
.auth input.error {
    border:1px solid #f00;
    float:none;
}
.auth_submit {
    padding-top:2ex;
    text-align:center;
}
.auth_submit input {
    font-size:200%;
}


/**
 * Переключатель режима просмотра списка МРЭО
 * @section View mode
 */

.org_display_mode {
    padding:1ex 0px 0px 0px;
    font-size:140%;
    font-style:italic;
    color:#444;
}
.org_display_mode_active_item {
    color:#444;
    text-decoration:none;
    font-weight:bolder;
}
.org_display_mode_separator {
}


/**
 * Меню (выбиралка / переключатель) районов
 * @section Districts menu
 */

.org_districts {
    display:block!important;
    float:left;
    width:65%;
    clear:both;
    min-height:10px;
    padding:2ex 0px 8ex;
    margin-left: -0.9em;
    //margin-left: -0.4em;
}
.org_district {
    display:inline-block;
    //zoom:1;
    //display:inline;
    vertical-align:top;
    width:23%;
    height:6ex;
}
.org_district span {
    font-size:160%;
    line-height:3.2ex;
    padding:0px 0.5em;
    white-space:nowrap;
}

.org_district_link {
    font-size:160%;
    line-height:3.2ex;
    padding:0px 0.5em;
    white-space:nowrap;
}
.org_district_link:hover,
.org_district_active .org_district_link {
    background:#ff6500;
    color:white;
    text-decoration:none;
}


/**
 * Блок времени работы
 * @section Working time
 */

.working_time_sidebar {
    display:block;
    //zoom:1;
    margin-left:70%;
    padding-top:4ex;
}
* html .working_time_sidebar {
    width:27%;
}
.working_time_sidebar_wrapper {
    padding:10px;
}
.working_time_sidebar table {
    width:100%;
    margin-top:2ex;
}
.working_time tr,
.working_time_sidebar tr {
    border-top:1px solid #e6e6e6;
}
.working_time tr:first-child,
.working_time_sidebar tr:first-child {
    border-top:none;
}
.working_time th,
.working_time_sidebar th {
    padding:1ex 1em 1ex 0px;
    color:#555;
}
.working_time_sidebar th {
    font-size:130%;
}
.working_time td,
.working_time_sidebar td {
    padding:1ex 0px;
    white-space:nowrap;
}
.working_time_sidebar td {
    font-size:140%;
    font-weight:bolder;
    color:#333;
}

/**
 * Рекламный блок
 * @section Ad block
 */

.iblock {
    display:block;
    margin-left:70%;
    margin-top:30px;
}
* html .iblock {
    width:27%!important;
    overflow:hidden;
    border-right:1px solid #e6e6e6;
}
.iblock #iblock {
    max-width:none;
}
* html .iblock #iblock {
    border-right:none;
}
#iblock {
    border:1px solid #e6e6e6;
    -webkit-border-radius:20px;
       -moz-border-radius:20px;
         -o-border-radius:20px;
            border-radius:20px;
    font-size:14px;
    line-height:20px;
    width:300px;
}
#iblock a {
    color:#f93;
}
#iblock h3 {
    font-size:18px;
    margin-bottom:20px;
}
#iblock .center {
    padding:10px;
    display:inline-block;
    //zoom:1;
    //display:inline;
}
#iblock .instructor_main {
    margin-bottom:20px;
    display:inline-block;
    //zoom:1;
    //display:inline;
    width:100%;
}
#iblock img {
    float:left;
}
#iblock .description {
    margin-left:110px;
}
#iblock .description .iHref {
    display:block;
}
#iblock .filters_link {
    font-size:16px;
    float:right;
    color:#cf8337;
    font-weight:bolder;
}
#iblock .arrow {
    text-decoration:none;
    font-weight:normal;
}


/**
 * Список МРЭО
 * @section MREO list
 */

.org_list {
    clear:both;
    width:65%;
    float:left;
}
.org_item {
    font-size:180%;
    padding-right:3em;
}
.org_info {
    font-size:140%;
    line-height:1.4em;
    padding:1ex 3em 4ex 2em;
}
.org_info_item {
}
.org_info_item_title {
    display:inline;
    color:#444;
    font-weight:bolder;
}
.org_info_item_value {
    display:inline;
    color:#333;
}
.org_info_map_link {
    display:inline-block;
    //zoom:1;
    //display:inline;
    line-height:0.999em;
    border-bottom:1px dashed #555;
    cursor:pointer;
}
.org_info_map {
    display:none;
    margin-top:1ex;
}
.org_info_map img {
    border:1px solid #777;
}
.org_info_item_working_time {
    display:block;
}
.org_info_item_working_time th {
    padding-right:1em;
}
.org_branch {
    margin:1ex 0px;
}
.org_branch_link {
    font-size:114%;
}


/**
 * Описание МРЭО
 * @section MREO item
 */

.mreoitem {
    display:block;
    clear:both;
}
.mreoitem_map {
    display:block;
    width:55%;
    height:350px;
    border:1px solid #777;
    float:right;
}
.mreoitem_info_item {
    margin-right:40%;
}
.mreoitem_info_item_title {
    font-size:160%;
    color:#444;
    font-weight:bolder;
}
.mreoitem_info_item_value {
    font-size:160%;
    padding-bottom:2ex;
    color:#333;
}


/**
 * Карта МРЭО
 * @section MREO map
 */

.mreo_map {
    border:1px solid #777;
    //border:none;
    clear:both;
    width:65%;
    float:left;
}

/**
 * Описание автошколы
 * @section Drivingschool
 */

.drivingschool {
    display:block;
    float:left;
    width:48%;
    padding-bottom:1.4em;
}
.drivingschool ol {
    list-style:decimal;
    margin-left:2em;
}
.drivingschool_option {
    font-size:140%;
    line-height:1.4em;
    padding-bottom:1.4em;
}
.drivingschool_single_map,
.drivingschool_map {
    display:block;
    float:right;
    clear:both;
    width:50%;
    height:500px;
    border:1px solid #777;
    //border:none;
}
.drivingschool_single_map {
    clear:none;
}


/**
 * Блог статей
 * @section Articles
 */

.article_item {
    display:block;
    float:left;
    clear:both;
    width:65%;
    padding:0px 3em 6ex 0px;
}
.article_item_header {
    margin-bottom:2ex;
}
.article_item_header_link {
    font-size:110%;
}
.article_item_linkblock {
    display:inline-block;
    //zoom:1;
    //display:inline;
    width:100%;
    margin-bottom:4ex;
    line-height:3ex;
}
.article_comments_count {
    float:right;
    font-style:italic;
    font-size:140%;
    color:#888!important;
}
.article_item_category {
    float:right;
    padding-left:2em;
    font-style:italic;
    font-size:140%;
    color:#888;
}
.article_item_category_link {
    color:#888!important;
}
.article_item_tags {
    float:right;
    font-style:italic;
    font-size:140%;
    color:#888;
    padding-left:2em;
}
.article_item_tags a {
    color:#888!important;
}
.article_item_pubinfo {
    float:left;
    font-size:140%;
    font-style:italic;
    color:#888;
}
.article_item_pubinfo_date {
    padding-left:2em;
    font-weight:bolder;
}
.article_item_teaser {
    font-size:140%;
    line-height:1.4em;
    display:inline-block;
    //zoom:1;
    //display:inline;
}
.article_item_more_link {
    display:block;
    font-style:italic;
    margin-top:-2ex;
    color:#333!important;
}
.article {
    display:block;
    float:left;
    clear:both;
    width:65%;
    padding-right:3em;
}
.article_content {
    font-size:140%;
    line-height:1.5em;
    display:inline-block;
    //zoom:1;
    //display:inline;
}
.article h1 {
    padding-bottom:0.95em;
}
.article_content h2 {
    font-size:142%;
    padding-bottom:1.05em;
    color:#777;
}
.article_content h3 {
    font-size:128%;
    padding:1.17em 0px;
    color:#777;
}
.article_item_teaser p,
.article_content p {
    padding-bottom:1.5em;
}
.article_item_teaser ul,
.article_content ul {
    margin: 0px 0px 1.5em 2em;
}
.article_item_teaser p + ul,
.article_content p + ul {
    margin-top: -1.5em
}
.article_item_teaser ul li,
.article_content ul li {
    padding: 0px 0px 0px 20px;
    list-style-type: none;
    behavior: expression( !this.before
        ? this.before = this.innerHTML = '&mdash;&nbsp;' + this.innerHTML : '' );
    text-indent: -1.05em;
}
.article_item_teaser ul li:before,
.article_content ul li:before {
    content: '\2014\a0';
}
.article_item_teaser ol,
.article_content ol {
    margin-left:2em;
    list-style:decimal;
}
.article_item_teaser p.blockquote,
.article_content p.blockquote {
    border:1px solid #e9e9e9;
    padding:0.7em 1em;
    margin:-0.8em 0px 0.8em;
    background:#fffff0;
    font-style:italic;
}
.article_content table {
    margin:1.42em auto;
    border:none;
}
.article_content thead tr {
    border-bottom:2px solid #555;
}
.article_content thead th,
.article_content thead td {
    text-align:left;
    font-weight:bolder;
    text-align:center;
    background:#eee;
    vertical-align:middle;
    font-size:114%;
}
.article_content tbody tr td,
.article_content tbody tr th {
    border-top:1px solid #ccc;
}
.article_content tbody tr:first-child td,
.article_content tbody tr:first-child th {
    border-top:none;
}
.article_content tbody th {
    text-align:left;
    font-weight:bolder;
}
.article_content tbody tr:nth-child(odd) {
    background:#fafafa;
}
.article_content tbody tr:nth-child(even) {
    background:white;
}
.article_content td,
.article_content th {
    padding:1ex 0.5em;
}
.article_content td,
.article_content th {
    border-left:1px solid #ccc;
}
* html .article_content td,
* html .article_content th {
    border-right:1px solid #ccc;
}
.article_content thead td,
.article_content thead th {
    border-color:#555;
}
.article_content td:first-child,
.article_content th:first-child {
    border-left:none;
}
.article_content table p {
    padding-bottom:0px;
}
.article_content table ul {
    margin-left:1em;
}
.article_related_articles {
    padding:4ex 0px;
}
.article_related_articles h3 {
    padding-bottom:1ex;
}
.article_related_article {
    font-size:160%;
    line-height:1.6em;
}


/**
 * Комментарии к статье
 * @section Paginator
 */

.article_comments {
    padding-top:4ex;
}
.article_comments h3 {
    padding:2ex 0px;
}
.article_comment {
    padding-bottom:4ex;
}
.article_comment_author {
    font-style:italic;
    font-size:160%;
    color:#777;
}
.article_comment_date {
    font-style:italic;
    font-size:140%;
    color:#777;
    padding-left:0.7em;
}
.article_comment_body {
    padding:1ex 0px 0px 2em;
    font-size:140%;
    line-height:1.6em;
}
.article_comments_form {
    padding-bottom:6ex;
}
.article_comments_form .comment_form_item {
    padding-bottom:2ex;
}
.article_comments_form .comment_form_item input,
.article_comments_form .comment_form_item textarea {
    margin:0.2ex 0px;
    border:1px solid #777;
    width:350px;
}
.article_comments_form .comment_form_item label {
    font-style:italic;
    font-size:140%;
    color:#555;
}
.article_comments_form .comment_form_item_description {
    font-style:italic;
    font-size:140%;
    color:#999;
}
.article_comments_form .error input,
.article_comments_form .error textarea {
    color:#c00;
    border:1px solid #c00;
}
.article_comments_form .errorlist {
    margin-top:-1ex;
    padding:0px 0px 2ex;
    font-style:italic;
    font-size:140%;
    color:#c00;
}
.comment_form_success {
    padding:1ex 0.5em;
    margin-left:-0.5em;
    font-size:140%;
    font-style:italic;
    background:#fffff0;
    margin-bottom:2ex;
}


/**
 * Облако тегов
 * @section Tags
 */

.article_tags {
    display:block;
    margin-left:70%;
    margin-top:2ex;
}
.article_tags_wrapper {
    padding:10px;
}
.article_tag_item {
    display:inline-block;
    margin-top:0.2ex;
    padding:0.2ex 0.1em;
    //padding:0px 0.1em 0.5ex;
    vertical-align:middle;
    text-decoration:none;
}
.article_tag_item:hover {
    text-decoration:underline;
}
.article_tag_active_item {
    background:#ff6500;
    color:white!important;
    text-decoration:none!important;
}


/**
 * Рубрикатор статей
 * @section Article categories
 */

.article_categories {
    display:block;
    margin-left:70%;
    margin-top:4ex;
}
.article_categories_wrapper {
    padding:10px;
}
.article_categories_list {
    display:block;
    margin:2ex 0px;
}
.article_category {
    margin:1ex -5px;
    //margin-left:-20px;
}
.article_category_link {
    font-size:160%;
    line-height:1.4em;
    padding:0px 5px;
}
.article_active_category .article_category_link {
    background:#ff6500;
    color:white;
    text-decoration:none;
}


/**
 * Пагинатор
 * @section Paginator
 */

.paginator {
    float:left;
    clear:both;
    width:65%;
    text-align:center;
    margin-bottom:10ex;
}
.paginator_direction {
    margin:0px 0.5em;
    text-decoration:none;
    font-size:200%;
}
.paginator_item {
    display:inline-block;
    padding:0.3em;
    margin:0px 0.5em;
    font-size:180%;
    text-decoration:none;
}
.paginator_item_active {
    background:#ff6500;
    color:white;
}


/**
 * Экзамен на знание ПДД
 * @section Exam
 */

.exam_choice {
    display:block;
    width:54%;
    float:left;
    clear:both;
    padding:12ex 5% 10ex;
}
.exam_choice a {
    display:-moz-inline-stack;
    display:inline-block;
    vertical-align:middle;
    width:49%;
    text-align:center;
    font-size:220%;
    text-decoration:none;
}
.exam_choice a span {
    display:-moz-inline-stack;
    display:inline-block;
    border:none;
    background:#ffa351;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.19, rgb(255,163,81)),
        color-stop(0.58, rgb(255,191,127))
    );
    background:-moz-linear-gradient(
        center bottom,
        rgb(255,163,81) 19%,
        rgb(255,191,127) 58%
    );
    cursor:pointer;
    color:#222;
    text-shadow:0px 0px 2px rgba(255, 255, 255, 0.5);
    -webkit-border-radius:10px;
       -moz-border-radius:10px;
            /*border-radius:10px;*/
    -webkit-box-shadow:1px 3px 3px rgba(51, 51, 51, 0.3);
       -moz-box-shadow:1px 3px 3px rgba(51, 51, 51, 0.3);
            box-shadow:1px 3px 3px rgba(51, 51, 51, 0.3);
    padding:5px 15px;
    font-family:"Trebuchet MS",Tahoma,Arial,sans-serif;
    outline:0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#FFC989,endColorstr=#FFA33D,GradientType=0);
    zoom: 1;
    color:#444\0/;
    //color:#444;
}
.exam_choice a span:hover {
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.19, rgb(255,163,61)),
        color-stop(0.58, rgb(255,201,137))
    );
    background:-moz-linear-gradient(
        center bottom,
        rgb(255,163,61) 19%,
        rgb(255,201,137) 58%
    );
}
.exam_choice a span:active {
    -webkit-box-shadow:0px 2px 3px rgba(51, 51, 51, 0.3);
       -moz-box-shadow:0px 2px 3px rgba(51, 51, 51, 0.3);
            box-shadow:0px 2px 3px rgba(51, 51, 51, 0.3);
}
.exam_choice_about {
    display:block;
    width:65%;
    float:left;
    clear:both;
    font-size:140%;
    line-height:1.8em;
    margin-top:-3ex;
    margin-bottom:3ex;
}

h2.exam_choice_header {
    font-size:200%;
    float:left;
    clear:both;
    margin-bottom: 0.5ex;
}


.pdd_links {
    display:block;
    margin-left:70%;
    text-align:center;
    line-height:60px;
}
.pdd_links h1 {
    font-size:200%;
    margin-top: -40px;
}
.pdd_links_wrapper {
    display:-moz-inline-stack;
    display:inline-block;
    //zoom:1;
    //display:inline;
    text-align:left;
}
.twitter-share-button {
    cursor:pointer;
}
.pdd_keyboard {
    display:block;
    margin-left:70%;
    text-align:center;
}
.pdd_keyboard h1 {
    font-size:200%;
}
.pdd_keyboard p{
    margin:1em;
    font-size:140%;
    line-height:1.5em;
}
.pdd_keyboard img{
    margin-right:1em;
}



.exam_tickets {
    display:block;
    width:65%;
    float:left;
    clear:both;
}
.exam_ticket {
    display:-moz-inline-stack;
    display:inline-block;
    vertical-align:top;
    width:22%;
    height:8ex;
    padding:1%;
    /*border:1px solid white;*/
    text-decoration:none;
    text-align:center;
}
.exam_ticket_hover,
.exam_ticket:focus
/*,.exam_ticket:hover*/ {
    color:#bb2010;
    background:#fff5e0;
    border-color:#ff6500;
    outline:1px #ff6500 dashed;
}
.exam_ticket_number {
    font-size:220%;
    font-weight:bolder;
    font-style:italic;
}
.exam_ticket_inprocess {
    color:#888;
    font-style:italic;
    font-size:140%;
}
.exam_ticket_visited .exam_ticket_number {
    color:#999;
}
.exam_ticket_result {
    font-size:140%;
    line-height:1.2em;
}
.exam_ticket_result_fail,
.exam_ticket_result_success {
    font-weight:bolder;
}
.exam_ticket_result_success {
    color:#090;
}
.exam_ticket_result_fail {
    color:#a00;
}
.exam_ticket_result_date {
    color:#555;
    padding-right:0.5em;
}
.exam_ticket_questions {
    display:block;
    margin-left:70%;
    margin-top:-4ex;
    margin-bottom:4ex;
    position:relative;
}
.exam_ticket_question {
    display:-moz-inline-stack;
    display:inline-block;
    //zoom:1;
    //display:inline;
    width:19%;
    //width:65px;
    margin:3% 0px;
    //margin:1% 0px;
    padding:0.5ex 0px;
    text-align:center;
}
.exam_ticket_question_wrapper {
    -webkit-border-radius:20px;
       -moz-border-radius:20px;
            border-radius:20px;
    font-size:190%;
    padding:0px 0.5em;
    color:#ddd;
}
.exam_ticket_question_active .exam_ticket_question_wrapper {
    background:#ffefe0;
    font-weight:bolder;
    color:#333;
}
.exam_ticket_question_answered .exam_ticket_question_wrapper {
    color:#333;
}
.exam_question {
    width:65%;
    float:left;
    clear:both;
}
.exam_question_invite {
    color:#777;
    font-size:160%;
    line-height:2em;
}
.exam_question_block {
    max-width:700px;
    margin:0px auto;
    min-height:10ex;
}
* html .exam_question_block {
    height:10ex;
}
.exam_question_question {
}
.exam_question_question_image {
    min-height:140px;
    text-align:center;
}
* html .exam_question_question_image {
    height:140px;
}
.exam_question_question_text {
    padding:2ex 0px 1ex;
    font-size:220%;
    line-height:1.2em;
}
.exam_question_answer {
    display:-moz-inline-stack;
    display:inline-block;
    //zoom:1;
    //display:inline;
    width:100%;
    margin:1ex 0px;
    border:1px solid white;
}
.exam_question_answer_checked {
    background:#f1f2c3 !important;
    border:1px solid #eee;
}
.exam_question_answer_hovered {
    background:#f9f8e8;
    border:1px solid #eee;
}
.exam_question_answer_correct {
    background:#a0f5b0!important;
    border:1px solid #eee;
}
.exam_question_answer_label {
    margin-left:2em;
    padding:1.5ex 0px;
    display:block;
    font-size:180%;
    line-height:1.2em;
    cursor:pointer;
}
.exam_question_answer_label input {
    margin-left:-2em;
    //margin-left:-3em;
    margin-left:-1.5em\0/;
    margin-top:2px;
    float:left;
}
* html .exam_question_answer_label input {
    margin-left:-2.5em;
}
.exam_question_help {
    display:block;
    padding:2ex 0ex;
}
.exam_question_help_title {
    float:right;
    display:-moz-inline-stack;
    display:inline-block;
    //zoom:1;
    //display:inline;
    border-bottom:1px dashed #ff6500;
    font-size:180%;
    color:#ff6500;
    cursor:pointer;
}
.exam_question_help_open .exam_question_help_title {
    display:none;
}
.exam_question_help_text {
    display:none;
    margin-left:10em;
    padding:0.3ex 0.5em;
    font-size:160%;
    line-height:1.2em;
    color:#555;
    background:#fff0f1;
    background:#fffff0;
    border:1px solid #eee;
}
.exam_question_help_open .exam_question_help_text {
    display:block;
}
.exam_result_error_question_comment a,
.exam_question_help_text a {
    display:-moz-inline-stack;
    display:inline-block;
    line-height:1;
    color:#ff6500;
    text-decoration:none;
    border-bottom:1px dashed #ff6500;
    cursor:pointer;
}
.exam_result_error_question_comment [rel=sign],
.exam_question_help_text [rel=sign] {
    border-bottom:1px dotted #ff6500;
    cursor:help;
}
.exam_result_error_question_comment [rel=marking],
.exam_question_help_text [rel=marking] {
    border-bottom:1px dotted #ff6500;
    cursor:help;
}
.exam_question_help_related_content {
    display:none;
}
.exam_question_help_fancycontent {
    font-size:140%;
    line-height:1.4;
    display:block;
    width:650px;
}
.exam_question_help_fancycontent h3 {
    font-size:129%;
}
.exam_question_help_fancycontent h4 {
    display:none;
}
.exam_question_help_fancycontent p {
    padding-bottom:1.4em;
}
.exam_question_help_fancycontent ul {
    margin-left:2em;
    padding-bottom:1.4em;
}
.exam_question_help_fancycontent_comment {
    width:350px;
    float:right;
    margin-left: 2em;
    color:#777;
}
.exam_question_help_fancycontent_comment img {
    margin:0px 1em 2ex;
}
.exam_question_navigation {
    float:left;
    padding:2ex 2em 2ex 0ex;
}
.exam_question_navigation_submit {
    font-size:18px;
    padding:0.5ex 1em;
    width:7em;
}
.exam_question_navigation_passing {
    float:right;
    font-size:18px;
    margin-top:1ex;
    padding:0.5ex 1em;
}
.exam_result {
    width:65%;
    float:left;
    clear:both;
}
.exam_result h2 {
    font-size:300%;
    text-align:center;
    padding:3ex 0px 2ex;
}
.exam_result_positive h2 {
    color:#090;
}
.exam_result_negative h2 {
    color:#a00;
}
.exam_result h3 {
    text-align:center;
    padding:2ex 0px 6ex;
    font-size:200%;
}
.exam_result_errors {
    margin-top:4ex;
}
.exam_result_error {
    margin-bottom:8ex;
    line-height:1.6em;
}
.exam_result_error_question_text {
    font-size:140%;
}
.exam_result_error_question_image {
    text-align:center;
}
.exam_result_error_question_answers {
    font-size:140%;
    list-style:decimal;
    margin-left:2em;
}
.exam_result_error_question_answers_correct {
    color:#070;
    font-weight:bolder;
    position:relative;
    top:0px;
    left:0px;
}
.exam_result_error_question_answers_correct_img {
    position:absolute;
    top:2px;
    left:-44px;
    width:16px;
    height:16px;
    background:url(../images/correct-answer.gif) 0px 0px no-repeat;
}
.exam_result_error_question_comment {
    /*background:#fffff0;
    border:1px solid #eee;*/
    font-size:140%;
    color:#555;
    margin:1ex 0px;
    padding:2px 5px;
}
.kupiBolshoiMonitor .exam_question_answer_label {
    padding:0.5ex 0;
}
.kupiBolshoiMonitor .exam_question_question_text {
    padding-bottom:0.5ex;
}
.kupiBolshoiMonitor .exam_question_help_text {
    line-height:1em;
}
.exam_result_nav {
    display:block;
    text-align:center;
    font-size: 2em;
}
.exam_result_nav a {
    position:relative;
}
#tooltip {
    position: absolute;
    z-index: 3000;
    background-color: #ffe;
    border: 1px solid #ccc;
    padding: 10px;
    display:block;
}
#tooltip h3, #tooltip div { margin: 0; }

/**
 * Подвал
 * @section Footer
 */

.footer {
    display:block;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:30px;
}
.footer_wrapper {
    padding:0px 1.5em;
}
.footer_copyright {
    padding-right:1em;
    font-size:120%;
    color:#666666;
}
.footer_contacts {
    font-size:120%;
}
.footer_contacts_phone {
    padding-right:1em;
    color:#666666;
}
.footer_contacts_email {
}
.footer_make_by {
    font-size:120%;
    color:#666666;
    float:right;
}
.footer_live_internet {
    padding-right:2em;
    float:right;
}
.footer_live_internet * {
    vertical-align:middle;
}
.footer_main_page_link {
    padding-right:2em;
    font-size:120%;
    color:#666666;
    float:right;
}
.footer_clear {
    clear:both;
    height:50px;
}