/* gosuslugi */
@import 'reset.css';
@import 'forms.css';
@import 'tatar.css';

html {
    height: 100%
}

body {
    width: 100%;
    height: 100%;
    background: #f4f4f4 url(../images/layout/top-bg-line.gif) repeat-x 0 29px;
    font-size: 12px;
    text-shadow: 0 0 1px transparent;
}

h2 {
    line-height: 1.25;
}

h3 {
    font-weight: bold;
    margin: 20px 0 5px;
}

h4 {
    font-weight: bold;
    margin: 20px 0 5px;
}

hr {
    height: 0;
    border: none;
    background: none;
    border-top: 1px solid #c8c8c8;
}

:focus {
    outline: none;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.text-left, td[align="left"], th[align="left"] {
    text-align: left !important;
}

.text-right, td[align="right"], th[align="right"] {
    text-align: right !important;
}

.text-gray {
    color: gray !important;
}

.text-blue {
    color: blue !important;
}

.text-red {
    color: red !important;
}

.text-green {
    color: green !important;
}

.text-block {
    margin-top: 5px;
    display: block;
}

.w70 {
    width: 70px !important;
}

.w100 {
    width: 100px !important;
}

.font12 {
    font-size: 12px !important;
}

#main-container {
    background: url(../images/layout/top-bg-image.jpg) no-repeat center 0;
    width: 100%;
}

/* верхняя панелька */
#top-panel {
    background: url(../images/top-panel/top-panel.png) repeat-x;
    font: 12px/150% Tahoma, Verdana, sans-serif;
}

#top-panel .handler {
    height: 34px;
    width: 1010px;
    margin: 0 auto;
    position: relative;
}

#top-panel .handler div.search {
    position: absolute;
    left: 287px;
    top: 3px;
    width: 500px;
}

#top-panel .handler div.search div.input-field {
    float: left;
    border-top: 1px solid #8c8f92;
    border-right: 1px solid #bbbbbb;
    border-bottom: 1px solid #c1c4c6;
    border-left: 1px solid #979797;
    margin: 0 7px;
}

#top-panel .handler div.search div.input-field input {
    border-top: 1px solid #dadada;
    border-left: 1px solid #e9e9e9;
    border-bottom: none;
    border-right: none;
    width: 303px;
    height: 22px;
    outline: none;
}

#top-panel .handler div.search label {
    display: block;
    float: left;
    line-height: 23px;
}

#top-panel .handler div.search div.search-btn {
    float: left;
    margin-top: 1px;
}

#top-panel .handler div.search div.search-btn input {
    width: 26px;
    height: 25px;
    display: block;
    background: url(/design/images/search-btn.png) no-repeat transparent;
    border: none;
    cursor: pointer;
}

#top-panel .handler div.feedback {
    position: absolute;
    right: 42px;
    background: url(/design/images/feedback-icon.png) no-repeat 0 10px transparent;
    line-height: 28px;
    padding-left: 20px;
}

#top-panel .handler div.feedback a {
    color: #000;
}

#wrapper {
    font: 13px/150% Tahoma, Verdana, sans-serif;
    width: 1010px;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: url(../images/layout/wrp.png) repeat-y;
}

/* шапка страницы */
#header {
    background: url(../images/layout/top-bg-image.jpg) center top no-repeat;
    height: 130px;
    position: relative;
}

#header a {
    color: #fff;
}

#header a.logo {
    display: block;
    width: 627px;
    height: 94px;
    text-indent: -9999px;
    position: absolute;
    top: 23px;
    left: 14px;
    background: url(../images/layout/title.jpg) left top no-repeat;
}

#header div.portalHelper {
    background: url(../images/portal-helper-button.png) left top no-repeat;
    cursor: pointer;
    height: 31px;
    position: absolute;
    right: 0;
    top: 0;
    width: 158px;
}

#header div.user-info {
    position: absolute;
    right: 0;
    width: 321px;
    height: 70px;
    top: 34px;
    background: url(/design/images/cabinet/user-info.png);
    color: #fff;
    line-height: 33px;
    padding-left: 10px;
}

#header div.user-info a.exit {
    display: block;
    background: url(/design/images/cabinet/exit-top.png);
    width: 53px;
    height: 21px;
    float: right;
    margin: 5px 5px 0 0;
}

#header div.user-info div.lock {
    background: url(/design/images/cabinet/lock.png);
    width: 16px;
    height: 19px;
    float: right;
    margin: 6px 2px 0 0;
}

div#header div.searchContainer {
    position: absolute;
    right: 5px;
    top: 38px;
}

div#header div.searchContainer div.icons {
    overflow: hidden;
}

div#header div.searchContainer div.icons ul {
    margin: 0;
    padding: 0;
}

div#header div.searchContainer div.icons ul li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 13px 0 0;
}

div#header div.searchContainer div.icons ul li a {
    background: none;
    height: auto;
    left: auto;
    position: relative;
    top: auto;
    text-indent: inherit;
    width: auto;
}

#header .search {
    margin: 7px 0 0 0;
}

#header .search form {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

#header .search form p {
    margin: 0;
    float: left;
}

#header .search p.l {
    line-height: 36px;
    padding: 0 5px 0 0;
}

#header .search p.l label {
    color: #fff;
    font-size: 20px;
}

#header .search p.t {
    padding: 6px 0 0 0;
}

#header .search p.t input {
    font-size: 16px;
    padding: 2px;
    height: 20px;
    border: 1px inset;
    border-color: #8a8a8a #c8c8c8;
    margin: 0;
    width: 250px;
}

#header .search p.s {
    padding: 7px 0 0 9px;
}

#header .search p.s input {
    border: 0;
    cursor: pointer;
    width: 70px;
    height: 25px;
    background: url(../images/buttons/finder.png) no-repeat;
}

#header .search p.ex {
    margin: 3px 0 0 0;
    padding: 0;
}

#header .search p.ex a {
    border-bottom: dashed 1px #005594;
    background: none;
    color: #005594;
    display: inline;
    height: auto;
    left: auto;
    position: relative;
    top: auto;
    text-indent: inherit;
    text-decoration: none;
    width: auto;
}

#page {
    position: relative;
    padding: 20px 25px 145px 25px;
    *padding-bottom: 160px;
    background: url(../images/layout/bg_menu.png) left top no-repeat;
}

.page-mfc {
    margin: 20px 25px 145px 25px !important;
    padding: 0 !important;
    background: none !important;
}

.errorBlock,
.error_explanation {
    color: #fff;
    background: #cc0000 url(../images/error_lines.gif) no-repeat scroll left top;
    padding: 10px;
    margin: 0 0 20px 0;
    font-size: 11px;
    line-height: 13px;
    text-shadow: none;
    z-index: 10;
    position: relative;
}

.success_explanation {
    border: 1px solid #1C8314;
    color: #1C8314;
    margin: 0 0 20px 0;
    padding: 10px;
}

/* навигация */
div#mainMenu {
    zoom: 1;
    padding: 0 0 20px 0;
    position: relative;
    width: 100%;
    font-size: 100%;
    overflow: hidden;
}

div#mainMenu ul {
    display: block;
    float: left;
    height: 33px;
    list-style: none;
    margin: 0;
    padding: 0;
    clear: left;
}

div#mainMenu ul li {
    background: url(../images/menu/items-separator.gif) left top no-repeat;
    display: block;
    float: left;
    font-size: 1.125em;
    height: 33px;
    line-height: 33px;
    padding: 0 0 0 1px;
}

div#mainMenu ul li label {
    display: block;
    height: 33px;
    float: left;
}

div#mainMenu ul li.first label {
    background: url(../images/menu/items-separator.gif) left top no-repeat;
    padding: 0 0 0 1px;
}

div#mainMenu ul li.first label.selected {
    background: none;
}

div#mainMenu ul label.selected {
    font-weight: bold;
}

div#mainMenu ul li.last label {
    background: url(../images/menu/items-separator.gif) right top no-repeat;
    padding: 0 1px 0 0;
}

div#mainMenu ul li.last label.selected {
    background: none;
}

div#mainMenu ul li label a {
    background: url(../images/menu/item-bg.gif) left top repeat-x;
    color: #fff;
    display: block;
    height: 33px;
    text-decoration: none;
    text-shadow: -1px -1px 0 #3677ac;
    float: left;
    cursor: pointer !important;
    cursor: hand !important;
}

div#mainMenu ul li label a:hover {
    background: url(../images/menu/hover-item-bg.gif) left top repeat-x;
    color: #fff;
    text-decoration: none;
    text-shadow: -1px -1px 0 #3677ac;
}

div#mainMenu ul li label.selected a {
    background: #fff none;
    color: #000;
    text-shadow: 0 0 0 #000;
}

div#mainMenu ul li label a span {
    background: url(../images/menu/item-side.gif) left top no-repeat;
    display: block;
    float: left;
    height: 33px;
    padding: 0 0 0 1px;
}

div#mainMenu ul li label a:hover span {
    background: url(../images/menu/hover-item-side.gif) left top no-repeat;
}

div#mainMenu ul li label.selected a span {
    background: none;
}

div#mainMenu ul li label a span span {
    background: url(../images/menu/item-side.gif) right top no-repeat;
    /*
									fixme padding: 0 22px 0 21px !important;
									паддинг завязан на верстке
								*/
    padding: 0 4.1em 0 4.1em !important;
}

div#mainMenu ul li label a:hover span span {
    background: url(../images/menu/hover-item-side.gif) right top no-repeat;
}

div#mainMenu ul li label.selected a span span {
    background: none;
    padding: 0 4.1em 0 4.1em !important;
}

div#mainMenu ul li.first {
    background: none;
    padding: 0;
}

/* разметка страницы в 2-е колонки разной ширины */
#page .left_col {
}

#page .right_col {
}

/* разметка страницы в 2-е колонки одинаковой ширины */
#page .left_col.equal {
    width: 48%;
    float: left;
}

#page .right_col.equal {
    width: 48%;
    float: right;
}

/* страница услуги */
#page .service-page {
}

#page .service-page-left-col {
    float: left;
    width: 720px;
}

#page .service-page-right-col {
    float: right;
    width: 225px;
}

#page .service-title {
    margin-bottom: 1em;
}

#page .service-title * {
    margin: 0;
}

#page .service-title table {
    width: 100%;
}

#page .service-title table .i {
    width: 75px;
}

#page .service-title img {
    display: block;
    float: left;
    width: 60px;
}

#page .service-title h1 {
    font-size: 22px;
    line-height: 130%;
    padding-bottom: 12px;
    border-bottom: dotted 1px #c8c8c8;
}

#page .service-title .change-group {
    position: relative;
}

#page .service-title .change-group a.gr {
    font-weight: 600;
    float: left;
    clear: right;
    display: block;
    padding-right: 10px;
    border-bottom: dotted 1px #005594;
    background: url(../images/d_arr.png) no-repeat 100% 9px;
}

#page .service-title .change-group a:hover {
    text-decoration: none;
}

#page .service-title .groups {
    border: solid 1px #e8e8e8;
    background: #f4f4f4;
    padding: 0 6px;
    left: 0;
    top: 1.7em;
    position: absolute;
    -webkit-border-radius: .25em;
    -moz-border-radius: .25em;
    border-radius: .25em;
}

#page .service-title .groups ul {
    border-bottom: 0;
}

#page .service-title .groups li {
    margin-bottom: -1px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-position: 0 8px;
    font-size: 11px;
}

#page .service-info {
}

#page .service-info .service-body {
    text-align: justify;
}

#page .service-info table {
    width: 100%;
}

#page .service-info .service-nav {
    width: 140px;
}

#page .service-info .service-nav ul {
    width: 140px;
    margin-right: 20px;
    line-height: 120%;
    border-top: dotted 1px #c8c8c8;
    border-bottom: 0;
}

#page .service-info .service-nav li {
    background: none;
    padding-left: 6px;
    padding-right: 6px;
    margin: 0;
}

#page .service-info .service-nav .current, ul.r_menu .current {
    background: #f3f4db !important;
}

#page .service-info .service-nav .current a,
#page .service-info .service-nav .current a:hover,
ul.r_menu .current a,
ul.r_menu .current a:hover {
    font-weight: 600 !important;
    color: #484941 !important;
    text-decoration: none !important;
    outline: none !important;
}

ul.r_menu a {
}

#page .service-info .service-nav .sidebar-support {
    margin: 16px 0;
}

#page .service-info .service-body h1 {
    font-size: 18px;
    line-height: 28px;
}

#page .service-info .service-body h1 a.person-category {
    font-size: 12px;
}

/* места оказания услуг */
#page .places-page {
}

#page .places-page-left-col {
    float: left;
    width: 470px;
    position: relative;
}

#page .places-page-left-col h2 {
    position: relative;
}

#page .places-page-left-col h2 div.ajaxProgress {
    display: none;
    height: 11px;
    float: right;
    position: absolute;
    right: 10px;
    top: 14px;
    width: 16px;
}

#page .places-page-left-col h2 div.ajaxProgress img {
    display: block;
}

#page .places-page-right-col {
    float: right;
    width: 470px;
    position: relative;
}

#page .places-page-right-col .hintText {
    color: #999;
    font-size: 20px;
    line-height: 26px;
    padding: 30px 10px 0 10px;
}

#page .places-page .vscroll {
    height: 500px;
}

#page .places-page .vscroller {
    height: 460px;
}

#page .places-page .notice {
    display: none;
    margin: 0 24px 12px 0;
}

#page .places-page-left-col .ul li {
    font-weight: 600;
}

#page .places-page-left-col .inner li {
    font-weight: 500;
}

#page .places-page-left-col .inner a:hover {
    text-decoration: none;
}

#page .places-page .highlight {
    background-color: #f3f4db;
}

#page .places-page .active {
    color: #484941;
}

#page .places-page a {
    outline: none;
}

/* основная рубрика */
#page .main-rubric {
    border-top: dotted 1px #c8c8c8;
    padding-top: 1em;
}

#page .main-rubric img {
    float: left;
}

#page .main-rubric ul {
    float: left;
    border: 0;
    margin: 0;
    padding: 0 0 0 20px;
}

#page .main-rubric ul li {
    border: 0;
    padding: 0 0 10px 30px;
    margin: 0 0 .6em 0;
    font-size: 18px;
    background: url(../images/li-marker-book.png) no-repeat 0 3px;
}

/* электронные услуги */
#page .electronic-service-page {
    border-top: dotted 1px #c8c8c8;
    padding-top: 1em;
}

#page .electronic-service-page .left-col {
    width: 620px;
    float: left;
}

#page .electronic-service-page .right-col {
    width: 300px;
    float: right;
}

#page .electronic-service-page .scroll-panel {
    height: 645px;
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    border-bottom: solid 1px #3288b9;
}

#page .electronic-service-page .handler {
    background: #f4f4f4;
    padding: 1px 18px 18px 18px;
}

#page .electronic-service-page .h2 {
    margin-top: 0;
}

#page .electronic-service-page .search {
    margin-top: 1em;
}

#page .electronic-service-page .ul {
    margin-bottom: -22px;
    margin-top: 0;
}

#page .electronic-service-page .services-list {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
}

#page .electronic-service-page .services-list li {
    float: left;
    margin: 0 16px 10px 0;
}

/* алфавит */
#page .alifba {
    border: solid 1px #dcdcdc;
    white-space: nowrap;
    font-size: 14px;
    padding-top: 2px;
}

#page .alifba table {
    width: 100%;
    margin-bottom: -1px;
    position: relative;
}

#page .alifba table td {
    text-align: center;
}

#page .alifba td.selected {
    border: solid 1px #dcdcdc;
    border-bottom-width: 0;
    background: #f5f5f5;
}

#page .alifba td.selected:first-child {
    border-left: 0;
}

#page .alifba td.selected:last-child {
    border-right: 0;
}

#page .alifba a {
    line-height: 200%;
}

#page .alifba td.selected a {
    color: #c80a0b;
    font-weight: 600;
}

#page .alifba td a {
    text-decoration: none;
}

#page .alifba td a:hover {
    text-decoration: none;
}

#page .alifba .results {
    padding-top: 2px;
    background: #f5f5f5;
    border-top: solid 1px #dcdcdc;
}

#page .alifba .results a {
    padding: 0 5px;
}

#page .alifba ul {
}

/* пагинатор */
#page .pager {
    font-size: 14px;
    margin: 3em 0 1em 0;
    padding: 0 0 0 10px;
    border: solid 1px #dcdcdc;
}

#page .pager p {
    margin: 0;
    padding: 0;
}

#page .pager a {
    padding: 0 4px;
    line-height: 200%;
}

#page .pager .current {
    color: #c80a0b;
    font-weight: 600;
}

/* формы оплаты */
#page .service-block {
    position: relative;
    background: url(../images/forms/service-block-middle.png) repeat-y;
}

#page .service-block .t {
    _display: inline-block;
    background: url(../images/forms/service-block-bottom.png) no-repeat left bottom;
}

* + html #page .service-block .t {
    display: inline-block;
}

#page .service-block.alone .t {
    padding-bottom: 20px;
}

#page .service-block .b {
    background: url(../images/forms/service-block-top.png) no-repeat left top;
}

#page .service-block.alone .b {
    padding-top: 33px;
}

#page .service-block .uform {
    min-height: 240px;
    padding: 10px 0 90px 30px;
    overflow: hidden;
}

#page .service-block.alone .uform {
    padding-bottom: 0;
    padding-top: 0;
}

#page .service-block .uform div.h a.refresh-captcha {
    display: block;
    background: url(/design/images/captcha-refresh.png) no-repeat;
    padding-left: 20px;
    height: 13px;
    line-height: 11px;
    margin-bottom: 3px;
}

#page .service-block .uform div.data {
    width: 670px;
    margin-top: 20px;
}

#page .service-block .uform div.data .form_group {
    border: none;
    margin: 0 0 30px;
    overflow: hidden;
}

#page .service-block .uform div.data .form_elements {
    float: left;
    width: 70%;
}

#page .service-block .uform div.data .form_image {
    border: 0 none;
    float: right;
}

#page .service-block .uform div.data .form_image img {
    width: 180px;
}

#page .service-block .uform div.data .form_image .im-caption {
    margin-top: -5px;
}

#page .service-block .uform div.data p {
    text-align: justify;
}

#page .service-block.blago .uform div.data p {
    text-align: left;
}

#page .service-block .uform input.check {
    width: auto;
}

#page .service-block div.uform div.zagran-check-row {

}

#page .service-block div.uform div.zagran-check-row label {
    float: none;
    background: none;
    width: auto;
}

#page .service-block div.uform div.zagran-check-row div.dd {
    margin-left: 25px;
}

#page .service-block .uform div.data div.zagran-check {
    color: green;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
}

#page .service-block .uform div.data div.zagran-check.error {
    color: #f00;
}

#page .gibdd .uform div.data div.gform {
    position: relative;
}

#page .gibdd .uform div.data div.gform div.tehpassport {
    width: 138px;
    height: 176px;
    position: absolute;
    background: url(/design/images/tehpassport.png) no-repeat 0 0 transparent;
    right: 79px;
    top: -5px;
}

#page .gibdd .uform div.data div.region {
    float: left;
    width: 75px;
    height: 25px;
    background: url(/design/images/buttons/region-select.png) no-repeat 0 0 transparent;
    cursor: pointer;
}

#page .gibdd .uform div.data div.region.r116 {
    background-position: 0 -25px;
}

#page h1 {
    font-size: 2em;
    line-height: 100%;
}

.service-block h2 {
    margin-top: 0;
    line-height: 1.4em;
    font-size: 1.5em;
}

.service-block a {
    text-decoration: underline;
}

.service-block a:hover {
    text-decoration: none;
}

#page .service-block .service-logo {
    float: right;
    right: 0;
    top: 0;
    color: #FFFFFF;
    padding: 0 10px;
    width: 220px;
}

#page .service-block .service-logo b a {
    color: #fff;
}

#page .service-block .service-logo div.service-info {
    background: url(/design/images/icons/service-info.png) 2px 4px no-repeat;
    border-bottom: 1px dotted #fff;
    font-size: 12px;
    font-weight: bold;
    height: 44px;
    line-height: 30px;
    margin-top: 7px;
    padding-left: 27px;
}

#page .service-block .service-logo div.service-info a {
    color: #fff;
}

#page .service-block .service-logo div.steps {
    margin-top: 10px;
}

#page .service-block .service-logo div.steps h2 {
    font-size: 18px;
}

#page .service-block .service-logo div.steps ol {
    padding-left: 30px;
    margin-left: 0;
}

#page .service-block .service-logo div.steps ol li {
    font-size: 12px;
    line-height: 16px;
    margin-top: 17px;
    margin-left: 0;
    padding-left: 0;
    /*min-height: 20px;*/
}

#page .service-block .service-logo div.steps ol li span.done {
    color: #9cc3dd;
}

#page .service-block .service-logo div.steps ol li span.current {
    font-weight: bold;
    color: #fff226;
}

#page .service-block .service-logo div.steps ol li ul {
    padding-left: 15px;
    margin-left: 0;
    list-style-type: disc;
}

#page .service-block .service-logo div.steps ol li ul li.current {
    font-weight: bold;
    color: #fff226;
}

#page .service-block .service-logo div.steps ol li ul li.done {
    color: #9cc3dd;
}

#page .service-block .service-logo div.steps li a {
    color: white;
}

#page .service-block .service-logo .add-service-information {
    margin: 16px 0;
}

#page .service-block .alone-top {
    height: 34px;
    margin: 0 -47px -20px -20px;
    background: url(../images/alone-top.png) no-repeat;
}

#page .service-block .alone-top hr {
    display: none;
}

#page .service-block .alone-rpt {
    padding: 0 55px 0 20px;
    background: url(../images/alone-rpt.png) repeat-y;
}

#page .service-block .alone-bottom {
    height: 2px;
    background: url(../images/alone-bottom.png) no-repeat;
    margin-bottom: 10px;
}

#page .service-block .alone-bottom hr {
    display: none;
}

#page .service-block form {
    /*font-size: 14px;*/
}

#page .service-block form input,
#page .service-block form select,
#page .service-block form textarea {
    font-size: 16px;
}

.extra-table {
    table-layout: auto;
    width: 100%;
}

.extra-table tr.selected {
    background-color: #F4F4F4;
}

.extra-table th,
.extra-table td {
    padding: 10px 6px;
    line-height: 1.3em;
}

.extra-table th {
    font-size: 12px;
    color: #525f68;
    font-weight: normal;
    border-bottom: solid 1px #dcdcdc;
    background: #F4F5F6;
}

.extra-table td {
    border-bottom: solid 1px #dcdcdc;
}

.extra-table td[align="right"],
.extra-table td.numeric {
    text-align: right;
}

.extra-table .fix-h {
    max-height: 92px;
    max-width: 130px;
    overflow: auto;
    padding-right: 6px;
}

/* Комментарии */
.extra-table td div.complaintAnswerMessage {
    border-left: 1px solid #ddd;
    padding-left: 10px;
}

.extra-table td.selected {
    color: #005594;
}

.extra-table input {
    width: auto;
}

.extra-table label {
    width: auto;
    background: none;
}

#page .service-block .print-results {
    padding-left: 20px;
    background: url(../images/forms/print-results.png) no-repeat left 65%;
}

#page .service-block .notices {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 40px;
}

#page .service-block .notices li {
    font-size: 13px;
    color: #666666;
    padding-left: 20px;
    margin-bottom: 12px;
    background: url(../images/forms/information.png) no-repeat left 5px;
}

#page .service-block .modern-reception {
    overflow: hidden;
    position: relative;
}

#page .service-block .modern-reception table {
    margin-left: -1px;
}

#page .service-block .modern-reception td {
    border-color: #ccd3d9;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: 0;
    font-size: 18px;
    vertical-align: middle;
}

#page .service-block .modern-reception thead td,
#page .service-block .modern-reception tfoot td {
    /*padding-left: .6em;*/
    padding-left: 7px;
    height: 45px;
    width: 88px;
}

#page .service-block .modern-reception thead td,
#page .service-block .modern-reception tfoot td {
    font-size: 12px;
}

#page .service-block .modern-reception thead span,
#page .service-block .modern-reception tfoot span {
    font-family: Tahoma, Verdana, sans-serif;
    font-weight: 600;
    display: block;
    font-size: 18px;
}

#page .service-block .modern-reception td sup {
    font-size: 10px;
}

#page .service-block .modern-reception td.time {
    width: 45px;
    text-align: center;
}

#page .service-block .modern-reception.custom td.time {
    vertical-align: top;
}

#page .service-block .modern-reception .hide-bottom-line {
    height: 1px;
    background: #fff;
    margin-top: -1px;
}

#page .service-block .modern-reception .hide-bottom-line hr {
    display: none;
}

#page .service-block .modern-reception .time-free,
#page .service-block .modern-reception .time-empty,
#page .service-block .modern-reception .time-cant-select,
#page .service-block .modern-reception .time-busy {
    cursor: default;
    display: block;
    text-indent: -9999px;
    width: 95px;
    height: 33px;
}

#page .service-block .modern-reception .time-free {
    background: url(../images/forms/time-free.png);
    cursor: pointer;
}

#page .service-block .modern-reception .time-busy {
    background: url(../images/forms/time-busy.png);
}

#page .service-block .modern-reception .time-empty {
    background: url(../images/forms/time-empty.png);
}

#page .service-block .modern-reception .time-cant-select {
    background: url(../images/forms/time-cant-select.png);
}

#page .service-block .modern-reception a.selected {
    background: url(../images/forms/time-free-selected.png);
}

#page .service-block .modern-reception .time-line {
    width: 575px;
    height: 179px;
    overflow: hidden;
    background: url(../images/time-line.png);
}

#page .service-block .modern-reception .time-line-6 {
    width: 575px;
    height: 179px;
    overflow: hidden;
    background: url(../images/time-line_6d.png);
}

#page .service-block .big-equeue .time-line {
    height: 431px !important;
    background: url(../images/time-line2.png) top !important;
}

#page .service-block .modern-reception .time-handler {
    position: absolute;
    left: 2px;
    top: 0;
    padding: 46px 0 0 46px;
}

#page .service-block .modern-reception .day-col {
    width: 82px;
    float: left;
    text-align: center;
    /*margin-right: 9px;*/
}


#page .service-block .modern-reception .day-col-6 {
    width: 95px !important;
}

#page .service-block .modern-reception .day-col-6 a {
    width: 92px !important;
}
#page .service-block .modern-reception .day-col a {
    width: 74px;
    height: auto;
    text-indent: 0;
    padding: 5px 0 0 0;
    line-height: 120%;
    text-decoration: none;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}

#page .service-block .modern-reception .day-col a i {
    display: block;
    font-style: normal;
    padding: 0 0 6px 6px;
    height: 34px;
}

#page .service-block .modern-reception .day-col .time-busy {
    background: url(../images/forms/time-busy-bord.png) no-repeat 0 0;
    background-size: 100% auto;
    cursor: default;
}

#page .service-block .modern-reception .day-col .time-busy i {
    background: url(../images/forms/time-busy-bord.png) no-repeat 0 100%;
    background-size: 100% auto;
    color: #949494;
    font-size: 14px;
    text-decoration: none;
    text-transform: lowercase;
}

#page .service-block .modern-reception .day-col .time-free {
    background: url(../images/forms/time-free-bord.png) no-repeat 0 0;
    background-size: 100% auto;
}

#page .service-block .modern-reception .day-col .time-free i {
    background: url(../images/forms/time-free-bord.png) no-repeat 0 100%;
    background-size: 100% auto;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    display: block;
    text-align: center
}

#page .service-block .modern-reception .day-col .time-selected {
    background: url(../images/forms/time-selected-bord.png) no-repeat 0 0;
}

#page .service-block .modern-reception .day-col .time-selected i {
    background: url(../images/forms/time-selected-bord.png) no-repeat 0 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}

#page .service-block .modern-reception .day-col .time-empty {
    visibility: hidden;
}

#page .service-block .modern-reception .day-col .time-empty-text {
    background: none;
    cursor: default;
}

#page .service-block .modern-reception .day-col .time-empty-text i {
    background: none;
    color: #dedede;
    font-size: 14px;
    text-decoration: none;
    text-transform: lowercase;
}

/* благотворительность */
#page .service-block.blago {
}

#page .service-block.blago .pick-out {
    margin: 0;
    padding: 0;
    list-style: none;
}

#page .service-block.blago .pick-out li {
    padding: 1em 0 1em 0;
    background: url(../images/forms/form-label-decor.png) repeat-x;
    overflow: hidden;
}

#page .service-block.blago .pick-out a {
    display: block;
    text-decoration: none;
    color: #000;
    padding-right: 3em;
    background: url(../images/blago/arrow.png) no-repeat 100% 50%;
}

#page .service-block.blago .pick-out .title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    background: none;
    float: none;
}

#page .service-block.blago .pick-out .img-place-holder {
    float: left;
    margin-right: 1em;
    border: solid 1px #b1b1b1;
    -webkit-border-radius: .25em;
    -moz-border-radius: .25em;
    border-radius: .25em;
    padding: 2px;
    margin-bottom: 15px;
}

#page .service-block.blago .pick-out img {
    display: block;
}

#page .service-block.blago .pick-out input {
    float: left;
    width: auto;
    margin: 6px .6em 0 0;
}

#page .service-block.blago .pick-out .desc {
    display: block;
    padding-left: 1.6em;
}

#page .service-block.blago .pick-out input {
}

#page .service-block.blago .img2right {
    float: right;
    margin: 0 0 1em 1em;
}

#page .service-block.blago .cite {
    display: block;
    padding-left: 3em;
    color: #868686;
    font-size: 11px;
}

/* кастомные блоки оплаты */
#page .service-block.gibdd {
}

/* блок эксперта */
#page .expert-block {
    font-size: 11px;
    padding: 60px 13px 10px 13px;
    background: #f3f4db url(../images/expert/expert-top.png) right top no-repeat;
    color: #000;
}

#page .expert-block .more {
    font-size: 12px;
    padding-top: 4px;
    margin-bottom: 0;
    text-align: right;
    border-top: dotted 1px #797a6d;
}

/* нотисы с корнерами */
#page .notice,
#fullExpertComment .notice,
.ui-dialog .notice {
    padding: 12px 24px 12px 16px;
    background: #f3f4db url(../images/corner.png) no-repeat right top;
}

#page .notice ul,
#fullExpertComment .notice ul {
    border: none;
}

/* быстрое знакомство */
#page .qs {
    background: #fff url(../images/qs/bg.gif) left top repeat-x;
    position: relative;
    border: solid 1px #d9d9d9;
    margin-bottom: 30px;
    width: 620px;
}

#page .qs .h2 {
    margin-top: 0;
}

#page .qs .cb {
    height: 21px;
    position: absolute;
    right: 0;
    top: 0;
    width: 21px;
    outline: none;
}

#page .qs .scrollable {
    position: relative;
    overflow: hidden;
    width: 618px;
}

#page .qs .items {
    width: 20000em;
    position: relative;
}

#page .qs .items div {
    width: 578px;
    padding: 20px;
    float: left;
}

#page .qs .items h3 {
    color: #4897c2;
    font-size: 24px;
    line-height: 29px;
    margin: 10px 0 10px 0;
}

#page .qs .items img {
    float: left;
    margin: 0 20px 0 0;
}

#page .qs .b_nav {
    padding: 0 120px 20px 20px;
}

#page .qs .b_nav .navi {
    float: left;
}

#page .qs .b_nav .ar {
    float: right;
    position: relative;
    margin-top: -5px;
    background: url(../images/qs/bull.png) no-repeat 36px 10px;
}

#page .qs .navi a {
    cursor: pointer;
    display: block;
    width: 13px;
    height: 13px;
    float: left;
    overflow: hidden;
    margin-right: 20px;
    background: url(../images/qs/nav.png);
}

#page .qs .navi a.active {
    background: url(../images/qs/nav_a.png);
}

#page .qs .ar a {
    cursor: pointer;
    display: block;
    width: 23px;
    height: 23px;
    float: left;
}

#page .qs .ar .prev {
    margin-right: 30px;
    background: url(../images/qs/prev.png);
}

#page .qs .ar .next {
    background: url(../images/qs/next.png);
}

#page .qs .ar .disabled {
    visibility: hidden;
}

/* списки */
#page .ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    overflow: hidden;
    border-bottom: solid 1px #c8c8c8;
}

#page .ul li {
    margin-bottom: -1px;
    padding: 8px 6px 8px 10px;
    background: url(../images/li_m.png) no-repeat 0 15px;
    border-bottom: dotted 1px #c8c8c8;
}

#page .r_menu li {
    background-image: none !important;
}

#page .ul li a.selected {
    background-color: #f3f4db;
    color: #484941;
}

#page .serviceList a.group {
    font-weight: bold;
}

/* вложенный список */
#page .inner {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

#page .inner li {
    border-bottom: 0;
    padding: 4px 4px 4px 8px;
    background: url(../images/li-marker-inner.png) no-repeat 1px 12px;
}

#page .ul.type1 {
}

#page .ul.type1 li {
    background: none;
    padding-left: 0;
}

#page .ul.type1 span {
    color: #000;
    display: block;
    font-size: 11px;
    padding-left: 14px;
    background: url(../images/li_m.png) no-repeat 0 6px;
}

#page .ul.type2 {
}

#page .ul.type2 li {
    border-bottom: 0;
    margin-bottom: 0;
    padding-left: 20px;
    background: url(../images/li-marker-sheet.png) no-repeat 0 11px;
}

#page .ul.type2 li a {
    padding: 0;
}

/* картиночные заголовки */
#page .h2 {
}

#page .h2 img {
    display: block;
}

#page .h2.grey {
    background: #f3f3f3;
}

#page .h2.blue {
    background: #2f86b8;
}

#page .h2.yellow {
    background: #ffde00;
}

#page .h2.green {
    background: #6bbd46;
}

#page .h2.withHint, h2.withHint span {
    color: #555;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

h2.withHint span {
    display: block;
    margin-top: 5px
}

/* Банеры на стартовой странице */
div.startBaners {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 10px;
    *margin-bottom: 0;
}

.startBaners-left, .startBaners-right {
    display: block;
    height: 243px;
    width: 463px;
}

.startBaners a {
    text-decoration: none;
}

.startBaners a:hover {
    text-decoration: none !important;
}

.startBaners-left {
    background: url("/design/images/banner-infomats-new.jpg") no-repeat;
    float: left;
}

.startBaners-right {
    background: url("/design/images/bg-mobile-apps.jpg") no-repeat;
    float: right;
}

.startBaners-top-text, .startBaners-left-bottom-text, .startBaners-right .startBaners-top-text, .startBaners-right-bottom-text {
    color: white;
    margin-top: 20px;
    margin-right: 10px;
}

.startBaners-top-text, .startBaners-left-bottom-text {
    margin-left: 220px;
}

.startBaners-right .startBaners-top-text, .startBaners-right-bottom-text {
    margin-left: 190px;
}

.startBaners-top-text {
    font-size: 13px;
}

.startBaners-left-bottom-text, .startBaners-right-bottom-text {
    font-size: 21px;
    line-height: 24px;
}

.startBaners-left-bottom-text {
    margin-top: 13px;
}

.startBaners-left-tat {
    background: url(/design/images/bottom-arrow.png) no-repeat 82px 56px !important;
}

.startBaners-right-tat {
    background: url(/design/images/bottom-arrow.png) no-repeat 147px 8px !important;
}

/* Блок ЧАВО на главной */
.faqBlock {
    margin-top: 20px;
}

/* банерки онлайн услуг */
.online-services {
    border-top: 1px solid #c8c8c8;
    background: #f0f2f2 url(../images/os-bg.gif) repeat-x 0 100%;
    margin: 0 -15px;
    padding: 0 15px;
}

.online-services h1 {
    margin: 22px 0;
}

.online-services .os-handler {
    width: 1000px;
    overflow: hidden;
}

.online-services .os-item {
    float: left;
    margin-right: 13px;
    margin-bottom: 18px;
}

.online-services .os-item img {
    display: block;
}

.b-text-button {
    width: 230px;
    height: 85px;
    display: table;
    color: #005594;
    font-size: 15px;
    cursor: pointer;
    font-weight: bold;
    position: relative;
    font-family: Arial, sans-serif;
    text-shadow: 1px 1px 0 whiteSmoke;
    background: url(../images/electronic-services/gray-button.png) no-repeat;
}

table.gibdd_services .b-text-button:hover {
    background: url(../images/electronic-services/gray-button-dark.png) no-repeat;
}

.b-text-button .b-text-button-container {
    cursor: pointer;
    text-align: center;
    display: table-cell;
    text-decoration: none;
    vertical-align: middle;
    letter-spacing: 0;
    *position: absolute;
    *top: 50%;
    text-decoration: none !important;
}

.b-text-button .b-text-button-container:hover {
    text-decoration: none !important;
}

.b-text-button .b-text-button-container span {
    width: 210px;
    padding: 0 10px;
    display: inline-block;
    *position: relative;
    *top: -50%;
}

.online-services .hidden-services-list {
    display: none;
}

.online-services .expand-services-list {
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
}

.online-services .expand-services-list a {
    margin-right: 4px;
    display: inline-block;
    vertical-align: top;
    border-bottom: dashed 1px #005594;
}

#page .online-services .expand-services-list a:hover {
    text-decoration: none;
}

.online-services .expand-services-list span {
    vertical-align: bottom;
    height: 5px;
    display: inline-block;
    background: #005594;
    border-left: solid 5px #f0f2f2;
    border-right: solid 5px #f0f2f2;
    border-top: solid 7px #005594;
}

.online-services .expand-services-list span.hide {
    border-top: 0;
    vertical-align: middle;
    border-left: solid 5px #f0f2f2;
    border-right: solid 5px #f0f2f2;
    border-bottom: solid 7px #005594;
}

/* Подсказка под заголовками */
div.headerHint {
    color: #555;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    margin: 5px 0 10px 0;
}

/* текстовые заголовки */
#page .h1-text {
    font-size: 22px;
    padding-bottom: 8px;
    line-height: 135%;
    border-bottom: dotted 1px #c8c8c8;
}

#page .h2-text {
    font-size: 18px;
    line-height: 135%;
}

#page .h3-text {
    font-size: 14px;
    line-height: 135%;
}

/* new верхняя панелька */
#page .top-pane-holder {
    margin-bottom: 18px;
}

#page .top-pane-holder .sh {
    float: left;
    width: 960px;
    background-color: #2f86b8;
    position: relative;
}

.fb_btn_start {
    background: url('../images/feedback/fb_start_btn.png') no-repeat;
    display: inline-block;
    width: 180px;
    height: 42px;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    right: 10px;
}

.footer_phone {
    font-size: 21px;
}

.footer_tech_support_text, .footer_phone {
    text-align: left;
}

#page .wh {
    width: 308px;
    position: absolute;
    right: 27px;
    top: -95px;
}

#page .top-pane-holder .all form {
    height: 57px;
    margin-bottom: 0;
}

#page .top-pane-holder .search p.l {
    line-height: 57px;
}

#page .top-pane-holder .all p.t {
    padding-top: 16px;
}

#page .top-pane-holder .all p.t input {
    width: 350px;
    outline: none;
}

#page .top-pane-holder .search p.s {
    padding-top: 17px;
}

/* eof */
#page .search {
}

#page .search form {
    margin: 0 0 0 10px;
    height: 32px;
}

#page .search form p {
    margin: 0;
    float: left;
}

#page .search p.l {
    line-height: 36px;
    padding: 0 5px 0 0;
}

#page .search p.l label {
    color: #fff;
    font-size: 20px;
}

#page .search p.t {
    padding: 6px 0 0 0;
}

#page .search p.t input {
    font-size: 16px;
    padding: 2px;
    height: 20px;
    border: 1px inset;
    border-color: #8a8a8a #c8c8c8;
    outline: none;
}

#page .search p.s {
    padding: 7px 0 0 9px;
}

#page .search p.s input {
    border: 0;
    cursor: pointer;
    width: 70px;
    height: 25px;
    background: url(../images/buttons/finder.png) no-repeat;
}

#page .search p.ex {
    margin: 7px 0 0 0;
    padding-top: 4px;
    background: #fff;
}

#page .search p.ex a {
    text-decoration: none;
    border-bottom: dashed 1px #005594;
}

/* Результаты поиска */
div#searchServicesResult {
    background-color: #fff;
}

div#searchServicesResult ul {
    border-bottom: none !important;
    margin-top: 0;
    padding-top: 1em;
}

div#searchServicesResult ul li.last {
    border-bottom: none;
}

div#searchServicesResult div.pages {
    color: #005594;
    padding-top: 1em;
}

div#searchServicesResult div.pages a.current {
    font-weight: bold;
}

#page .search.services {
    background: #2f86b8 url(../images/titles/search.png) no-repeat left top;
}

#page .services form {
    margin: 0 0 0 155px;
}

#page .services p.t input {
    width: 705px;
}

#page .search.organizations {
}

#page .organizations form {
    margin: 0 0 0 10px;
}

#page .organizations p.t input {
    width: 685px;
}

#page .search.all {
}

#page .all form {
    height: 38px;
    margin: 0 0 0 10px;
}

#page .all p.t input {
    width: 680px;
}

/* рубрикатор */
#page .rubricator {
    overflow: hidden;
    font-family: Tahoma, Verdana, sans-serif;
}

#page .rubricator a {
    font-size: 14px;
    text-decoration: none;
}

#page .rubricator h2 {
    margin-bottom: 0;
}

#page .rubricator ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 1000px;
    overflow: hidden;
}

#page .rubricator li {
    width: 300px;
    float: left;
    margin-right: 20px;
    padding: 10px 0;
}

#page .rubricator li.clearLeft {
    border: none;
    clear: left;
    font-size: 0;
    line-height: 0px;
    float: none;
    height: 1px;
    margin: 0;
    width: 948px;
    border-bottom: dotted 1px #c8c8c8;
    padding: 0;
    position: relative;
}

#page .rubricator li.clearLeft span {
    width: 22px;
    height: 3px;
    display: block;
    background: #fff;
    position: absolute;
    top: 0;
}

#page .rubricator li.clearLeft span.lc {
    left: 300px;
}

#page .rubricator li.clearLeft span.rc {
    left: 620px;
}

#page .rubricator p {
    margin: 0;
}

#page .rubricator .tags {
    line-height: 14px;
    overflow: hidden;
    zoom: 1;
}

#page .rubricator .tags a {
    color: #636363;
    font-size: 11px;
}

#page .rubricator .img {
    float: left;
    margin-top: 4px;
    margin-right: 10px;
    margin-bottom: 0;
}

/* услуги */
#page .service-select {
}

#page .icons-set {
}

#page .icons-set ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#page .icons-set li {
    display: block;
    float: left;
    height: 140px;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 123px;
    line-height: 120%;
}

#page .icons-set img {
    margin-bottom: 6px;
}

#page .icons-set a {
    text-decoration: none;
}

#page .icons-set a span {
    display: block;
}

#page .icons-set a:hover span {
    text-decoration: underline;
}

#page .service-select .hscroller {
    margin: 0 5px;
}

/* online услуги */
#page .online {
}

#page .online .col1,
#page .online .col2 {
    width: 300px;
}

#page .online .col1 {
    float: left;
    position: relative;
}

#page .online .col2 {
    float: right;
    position: relative;
}

#page .online ul.ul li {
    font-weight: 600;
}

#page .online ul.ul ul li {
    font-weight: 500;
}

/* скроллеры */

/* апокаместе не кажем фильдиперсовые скролы */
#page #content-slider {
    display: none;
}

#page .vscroll {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

#page .vscroller {
    display: none;
}

/* eof */

#page .vscroll ul.ul {
    margin-top: 0;
    margin-right: 25px;
    border-bottom: 0;
}

#page .vscroll ul.ul li {
    margin: 0;
}

#page .vscroll {
    height: 300px;
    overflow: hidden;
}

#page .vscroll.s-yellow {
    border-bottom: solid 1px #ffde00;
}

#page .vscroll.s-green {
    border-bottom: solid 1px #6bbd46;
}

#page .vscroller {
    position: absolute;
    right: 2px;
    top: 60px;
    height: 260px;
}

/* полосы прокрутки вертикальные */
/*#page .ui-widget-content.vscroller{
	border: 0;
	width: 13px;
	background: #fff url(../images/scroll/vscroll.png) no-repeat left bottom !important;
	}
#page .ui-widget-content.vscroller .top-arrow{
	width: 13px;
	height: 6px;
	background: #fff url(../images/scroll/vscroll.png) no-repeat left top;
	}
#page .ui-slider.vscroller a.ui-slider-handle{
	width: 13px;
	height: 13px;
	border: 0;
	left: 0;
	outline: none;
	margin-top: -6px;
	overflow: hidden;
	}
#page .ui-slider a.ui-slider-handle.ui-state-default{
	background: url(../images/scroll/scr.png);
	}
#page .ui-slider a.ui-slider-handle.ui-state-hover{
	background: url(../images/scroll/scr_over.png);
	}
#page .ui-slider a.ui-slider-handle.ui-state-active{
	background: url(../images/scroll/scr_pressed.png);
	}*/

/* закладки старт страница */
#page #tabs {
    padding: 0;
    border: 0;
    margin: 0 -15px;
    background: none;
}

#page #tabs .ui-tabs-nav {
    padding: 0;
    border: 0;
}

#page #tabs .ui-widget-header {
    background: none;
    padding-left: 15px;
    border-radius: 0;
    border-bottom: solid 1px #c8c8c8;
}

#page #tabs .ui-tabs-nav li {
    border: 0;
    top: 0;
    margin: 0 0 -1px 0;
    background: url(../images/tabs/xsprite.png) no-repeat;
}

#page #tabs .ui-tabs-nav li.ui-tabs-selected {
    padding: 0;
}

#page #tabs .ui-tabs-nav li a {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 79px;
}

#page #tabs .ui-tabs-nav li a ins,
#page #tabs .ui-tabs-nav li a .ui-tabs-nav-link-in {
    display: none;
}

/* размеры табов */
#page #tabs .ui-tabs-nav .it1 {
    width: 240px;
    height: 79px;
    background-position: 0 0;
}

#page #tabs .ui-tabs-nav .it1.ui-state-active,
#page #tabs .ui-tabs-nav .it1.ui-state-active.ui-state-hover {
    background-position: 0 -158px;
}

#page #tabs .ui-tabs-nav .it1.ui-state-hover {
    background-position: 0 -79px;
}

#page #tabs .ui-tabs-nav .it2 {
    width: 240px;
    height: 79px;
    background-position: -240px 0;
}

#page #tabs .ui-tabs-nav .it2.ui-state-active,
#page #tabs .ui-tabs-nav .it2.ui-state-active.ui-state-hover {
    background-position: -240px -158px;
}

#page #tabs .ui-tabs-nav .it2.ui-state-hover {
    background-position: -240px -79px;
}

#page #tabs .ui-tabs-nav .it3 {
    width: 240px;
    height: 79px;
    background-position: -480px 0;
}

#page #tabs .ui-tabs-nav .it3.ui-state-active,
#page #tabs .ui-tabs-nav .it3.ui-state-active.ui-state-hover {
    background-position: -480px -158px;
}

#page #tabs .ui-tabs-nav .it3.ui-state-hover {
    background-position: -480px -79px;
}

#page #tabs .ui-tabs-nav .it4 {
    width: 240px;
    height: 79px;
    background-position: -720px 0;
}

#page #tabs .ui-tabs-nav .it4.ui-state-active,
#page #tabs .ui-tabs-nav .it4.ui-state-active.ui-state-hover {
    background-position: -720px -158px;
}

#page #tabs .ui-tabs-nav .it4.ui-state-hover {
    background-position: -720px -79px;
}

#page #tabs .ui-tabs-panel {
    border: solid 1px #c8c8c8;
    border-top: 0;
    padding: 20px;
}

/* старая версия табов */
#page #tabs .ui-tabs-nav.old-style li {
    background-image: url(../images/tabs/xxsprite.png);
}

#page #tabs .ui-tabs-nav.old-style .it1 {
    width: 135px;
    height: 79px;
    background-position: 0 0;
}

#page #tabs .ui-tabs-nav.old-style .it1.ui-state-active,
#page #tabs .ui-tabs-nav.old-style .it1.ui-state-active.ui-state-hover {
    background-position: 0 -158px;
}

#page #tabs .ui-tabs-nav.old-style .it1.ui-state-hover {
    background-position: 0 -79px;
}

#page #tabs .ui-tabs-nav.old-style .it2 {
    width: 187px;
    height: 79px;
    background-position: -135px 0;
}

#page #tabs .ui-tabs-nav.old-style .it2.ui-state-active,
#page #tabs .ui-tabs-nav.old-style .it2.ui-state-active.ui-state-hover {
    background-position: -135px -158px;
}

#page #tabs .ui-tabs-nav.old-style .it2.ui-state-hover {
    background-position: -135px -79px;
}

#page #tabs .ui-tabs-nav.old-style .it3 {
    width: 187px;
    height: 79px;
    background-position: -322px 0;
}

#page #tabs .ui-tabs-nav.old-style .it3.ui-state-active,
#page #tabs .ui-tabs-nav.old-style .it3.ui-state-active.ui-state-hover {
    background-position: -322px -158px;
}

#page #tabs .ui-tabs-nav.old-style .it3.ui-state-hover {
    background-position: -322px -79px;
}

#page #tabs .ui-tabs-nav.old-style .it4 {
    width: 190px;
    height: 79px;
    background-position: -509px 0;
}

#page #tabs .ui-tabs-nav.old-style .it4.ui-state-active,
#page #tabs .ui-tabs-nav.old-style .it4.ui-state-active.ui-state-hover {
    background-position: -509px -158px;
}

#page #tabs .ui-tabs-nav.old-style .it4.ui-state-hover {
    background-position: -509px -79px;
}

/* полосы прокрутки горизонтальные */
.ui-widget-content.hscroller {
    border: 0;
    height: 13px;
    background: #fff url(../images/scroll/hscroll.png) no-repeat right top !important;
}

.ui-widget-content.hscroller .right-arrow {
    width: 6px;
    height: 13px;
    background: #fff url(../images/scroll/hscroll.png) no-repeat left top;
}

.ui-slider.hscroller a.ui-slider-handle {
    top: 0;
    margin-left: -6px;
    width: 13px;
    height: 13px;
    border: 0;
    outline: none;
    overflow: hidden;
}

/* навигатор правая колонка */
#page .navy {
}

#page .navy h2 {
    margin-top: 24px;
    margin-bottom: 0;
}

#page .navy ul {
    margin-top: 0;
}

#page .navy a {
    text-decoration: none;
}

#page .navy .text2right {
    margin-top: -10px;
}

/* хлебные крошки */
#page .breadcrumbs {
    font-size: 11px;
    padding: 2px 4px;
    color: #9f9f9f;
    background: #f4f4f4 url(../images/layout/crumb.png) repeat-x 0 0;
    border: solid 1px #dcdcdc;
    margin-bottom: 20px;
}

#page a {
    color: #005594;
    text-decoration: none;
}

#page a:hover {
    text-decoration: underline;
}

#page .text2right {
    text-align: right;
}

/* подвал документа */
#footer {
    height: 185px;
    margin-top: -185px;
    background: #e1e1e1;
}

#footer .handler {
    width: 950px;
    margin: 0 auto;
    font: 11px Tahoma, Verdana, sans-serif;
    color: #434343;
    padding: 70px 25px 0 25px;
    background: url(../images/layout/fbg.png) no-repeat;
}

#footer .handler div.found-error {
    float: right;
    text-align: right;
}

/* утилиты */
#page .hide-margins {
    margin: 0;
}

#page .hide-paddings {
    padding: 0;
}

#page .block-element {
    display: block;
}

#page .fs-large {
    font-size: large;
}

#page .red {
    color: #d40000;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
    display: block;
}

#page .hide-from-all {
    display: none;
}

#page .hide-borders {
    border: 0 !important;
}

/* Поле с AJAX-подсказкой ввода */
div.suggestInputFieldHint {
    border: 1px solid #52b0ff;
    background-color: #fff;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 14px;
    position: absolute;
    padding: 0;
}

div.suggestInputFieldHint ul {
    display: block;
    margin: 0;
    padding: 0;
}

div.suggestInputFieldHint ul li {
    display: block;
    margin: 0;
    padding: 0;
}

div.suggestInputFieldHint ul li {
    display: block;
    margin: 0;
    padding: 0;
}

div.suggestInputFieldHint ul li a {
    color: #000 !important;
    display: block;
    padding: 3px 5px;
    text-decoration: none !important;
}

div.suggestInputFieldHint ul li.selected a {
    background-color: #c6e5ff;
}

div.suggestInputProgressIcon {
    background: url('../images/loaders/ajax-loader.gif') center center no-repeat;
    height: 24px;
    position: absolute;
    width: 16px;
}

/* Блок для выводя текста без переноса строки */
div.nowrap {
    white-space: nowrap;
}

div.searchResultTabs {
    font-size: 12px;
}

/* Раздел инфоматов */
div.infomatsContainer .information .text img {
    margin-top: -6px;
}

.infomatsList a {
    display: block !important;
}

.infomatsList .ul {
    margin-right: 15px;
}

div.infomatsContainer div.information {
    overflow: hidden;
}

div.infomatsContainer div.information div.text {
    /*background-color: #9FCFE9;*/
    color: #1C456B;
    height: 100%;
    padding: 10px 15px 5px 5px;
}

div.infomatsContainer div.information div.text p {
    font-size: 12px;
    line-height: 18px;
    padding: 8px 0;
    text-align: justify;
    margin: 0 0 0 255px;
}

div.infomatsContainer div.information div.text ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.infomatsContainer div.information div.text ul {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 0 255px;
    list-style-type: disc;
    padding: 0 0 0 30px;
}

div.infomatsContainer div.information div.items {
    background: #4898c8 url(/design/images/infomats/list-bg.gif) left bottom repeat-x;
    color: #fff;
    float: right;
    height: 500px;
    padding: 0 0 0 25px;
    width: 295px;
}

div.infomatsContainer div.information div.items h2 {
    font-weight: normal;
    font-size: 34px;
    margin: 40px 0 10px 0;
    padding: 0;
}

div.infomatsContainer div.information div.items ul {
    list-style: none;
    margin: 25px 0 0 0;
    padding: 0;
}

div.infomatsContainer div.information div.items ul li {
    background: url(/design/images/infomats/list-point.gif) left 5px no-repeat;
    font-size: 17px;
    margin: 0 0 15px 0;
    padding: 0 0 0 27px;
}

div.infomatsContainer div.infomatSearch {
    margin-top: 20px;
}

div.infomatsContainer div.infomatSearch div.header {
    color: #333333;
    font-size: 13px;
    overflow: hidden;
}

div.infomatsContainer div.infomatSearch div.header h3 {
    color: #000;
    font-size: 19px;
    font-weight: normal;
    float: left;
    margin: 0;
    padding: 0 5px 0 0;
}

div.infomatsContainer div.infomatSearch div.header span.cityContainer {
    display: block;
    float: left;
    line-height: 22px;
}

div.infomatsContainer div.infomatSearch div.header span.selectedCity {
    font-weight: bold;
}

div.infomatsContainer div.infomatSearch div.header a {
    border-bottom: 1px dotted #005594;
    text-decoration: none;
}

div.infomatsContainer div.infomatSearch div.header a:hover {
    text-decoration: none !important;
}

div.infomatsContainer div.infomatsOnMap {
    margin-top: 15px;
    overflow: hidden;
    margin-bottom: 15px;
}

div.infomatsContainer div.infomatsOnMap div.map {
    border: 1px solid #4898c8;
    height: 400px;
    position: relative;
    width: 100%;
}

div.infomatsContainer div.infomatsOnMap div.infomatsList {
    margin-left: 700px;
    max-height: 1246px;
    /*overflow-y: auto;*/
    padding-right: 15px;
}

div.infomatsContainer div.infomatsOnMap div.infomatsList h3 {
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

div.infomatsContainer div.infomatsOnMap div.infomatsList ul {
    margin: 0;
    padding: 0;
}

div.infomatsContainer div.infomatsOnMap div.infomatsList ul li.city.open {
    background-image: url(/design/images/infomats/city-open-icon.png) !important;
}

div.infomatsContainer div.infomatsOnMap div.infomatsList ul li a.city {
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

div.infomatsContainer div.infomatsOnMap div.infomatsList ul li a.district {
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

div.infomatsContainer div.infomatsOnMap div.infomatsList ul li a.infomat {
    background: no-repeat left top;
    padding-left: 20px;
}

div.infomatsContainer div.infomatsOnMap div.infomatsList ul li a.infomat.active {
    background-image: url(../images/infomats/active-icon.png);
}

div.infomatsContainer div.infomatsOnMap div.infomatsList ul li a.infomat.inactive {
    background-image: url(../images/infomats/inactive-icon.png);
}

div.infomatsContainer div.infomatsOnMap div.infomatsList ul li div.ballonData {
    display: none;
}

.infomatsOnMap-wrap-left-column {
    float: left;
    width: 680px;
}

.infomatsList .ul {
    max-height: 1261px;
    overflow: auto !important;
}

/* Контейнер для текста-подсказки */
.hint {
    color: #999;
}

/* обратная связь */
#page div.feedback {
    text-align: center;
}

#page div.feedback div.head {
    margin: 20px;
    text-align: left;
}

#page div.feedback div.head strong {
    font-weight: normal;
    color: #f00;
}

#page div.feedback table {
    margin: 0 auto;
}

#page div.feedback table td {
    padding: 10px 10px 0 0;
    width: 180px;
}

#page div.feedback table td input.text {
    width: 400px;
}

#page div.feedback table td textarea {
    width: 400px;
    height: 150px;
}

div.widget {
    top: 0;
    left: 0;
    width: 308px;
    position: absolute;
    border-radius: 5px;
    border: solid 1px #68c448;
    background: #0f9d0e url('../images/widget/widget-head.png') top left no-repeat;
    z-index: 100;
}

div.widget div.top {
    height: 52px;
    padding: 0;
    margin: 0;
    background: url(../images/widget/widget-gr.png) repeat-x;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    line-height: 16px;
}

div.widget div.widget-handler {
    padding: 2px 10px 0 3px;
}

div.widget .widget-content .txt {
    width: 245px;
}

div.widget div.top img {
    display: block;
}

div.widget div.top span.enter {
    margin-left: 8px;
    margin-top: 7px;
    display: block;
}

div.widget div.bottom {
    height: 3px;
    font-size: 0;
    line-height: 0px;
    width: 308px;
    background: #279b25;
}

div.widget-content {
    background-color: #fff;
    margin: 0 2px;
    padding: 7px 10px 12px;
}

div.widget-content label {
    color: #000;
    font-size: 12px;
    display: block;
}

div.widget-content input.txt {
    border: 1px solid #999;
    border-right-color: #F2F0EE;
    border-bottom-color: #F2F0EE;
    height: 21px;
    padding: 0;
    width: 204px;
    margin: 2px 0 8px;
}

div.widget-content div.links {
    height: 27px;
    padding-top: 5px;
}

div.widget-content div.links input {
    float: left;
    margin-right: 15px;
}

div.widget-content div.links a.forgot {
    display: block;
    color: #005594;
    font-size: 11px;
    margin-top: 3px;
}

div.widget-content p {
    border-top: 1px dotted #b1b1b1;
    color: #000000;
    font-size: 13px;
    margin: 15px 0 0;
    padding-top: 8px;
    line-height: 17px;
}

div.widget-content p a {
    color: #005594;
    font-size: 13px;
    text-decoration: underline !important;
}

div.widget-content p a:hover {
    text-decoration: none !important;
}

div.widget img.photo {
    margin-right: 10px;
    /*background: url('../images/widget/no-photo.png') top left no-repeat;*/
    float: left;
}

div.widget a.user-link {
    display: block;
    height: 25px;
    padding-top: 4px;
    border-bottom: 1px dotted #c8c8c8;
    color: #005594;
    font-size: 12px;
    font-weight: bold;
}

div.widget div.exit {
    height: 15px;
    overflow: visible;
    padding-top: 5px;
    text-align: right;
}

div.widget div.exit a {
    color: #005594;
    font-size: 12px;
}

div.user-panel {
    width: 959px;
    background: url('../images/cabinet/panel_bg.png') top left repeat-y;
}

div.user-panel div.top {
    height: 3px;
    font-size: 0;
    line-height: 0px;
    background: url('../images/cabinet/panel_top.png') top left no-repeat;
}

div.user-panel div.content {
    background: url('../images/cabinet/panel_bottom.png') bottom left no-repeat;
    padding: 4px 7px 7px 17px;
    overflow: hidden;
    zoom: 1;
    position: relative;
}

div.user-panel div.left-col {
    float: left;
    width: 155px;
    margin: 11px 15px 0 0;
}

div.user-panel div.left-col div.auto-inform {
    background: #e6f4fa;
    margin-top: 10px;
    padding: 6px;
    color: #184266;

}

div.user-panel div.left-col div.auto-inform div.wrap {
    background: #fff;
    padding: 0 6px 6px 6px;
}

div.user-panel div.left-col div.auto-inform div.head {
    background: url(/design/images/cabinet/auto_inform.png) 0 6px transparent no-repeat;
    height: 29px;
    font-weight: bold;
    line-height: 27px;
    padding: 6px 0 6px 32px;
    border-bottom: 1px dashed #c6d4df;
    margin: 0 3px 10px 3px;
}

div.user-panel ul.menu {
    padding: 0;
    list-style: none;
    border-top: 1px dotted #a1c6df;
    margin: 0;
}

div.user-panel ul.menu li {
    display: block;
    border-bottom: 1px dotted #a1c6df;
    padding: 4px 8px 5px;
}

div.user-panel ul.menu li.current {
    background-color: #2468a3;
}

#page div.user-panel ul.menu li a {
    color: #fff;
    font-size: 12px;
}

div.user-panel ul.menu li.current a {
    font-weight: bold;
}

div.user-panel div.tab {
    background-color: #fff;
    /*margin: 0px 0px 0px 160px;*/
    overflow: hidden;
    zoom: 1;
}

div.user-card {
    min-height: 450px;
    padding: 15px 15px 18px 18px;
}

div.user-card h2 {
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0 0 10px;
}

div.user-card div.photo {
    width: 142px;
    float: left;
    position: relative;
    top: 10px;
    margin-bottom: 0;
}

div.user-card div.photo img {
    display: block;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
}

div.user-card div.info {
    margin-left: 160px;
    margin-bottom: 0;
}

div.user-card div.row {
    overflow: hidden;
    zoom: 1;
    border-bottom: 1px dotted #c8c8c8;
    line-height: 16px;
    padding: 6px 2px 8px;
}

div.user-card div.last-row {
    border-bottom: none;
}

div.user-card div.separator {
    margin-bottom: 20px;
}

div.user-card div.row label {
    width: 122px;
    display: block;
    float: left;
    font-size: 13px;
}

div.user-card div.row p {
    margin: 0 0 0 127px;
    font-size: 13px;
}

div.user-card div.row label span {
    position: relative;
    top: 4px;
}

div.user-card div.row label b {
    color: red;
}

div.user-card div.row input.txt-medium {
    border: 1px solid #999;
    border-right-color: #F2F0EE;
    border-bottom-color: #F2F0EE;
    width: 200px;
    padding: 2px;
}

div.user-card div.row select.sel-medium {
    border: 1px solid #999;
    border-right-color: #F2F0EE;
    border-bottom-color: #F2F0EE;
    width: 206px;
    height: 22px;
}

div.user-card div.group {
    border-bottom: 1px solid #b1b1b1;
}

div.user-card div.group div.group {
    margin-left: 10px;
}

div.user-card div.first-group {
    border-top: 1px solid #b1b1b1;
}

div.user-card div.group a.group {
    display: block;
    height: 20px;
    margin: 7px 0 5px;
    outline: 0 none;
    background: url('../images/cabinet/down.png') right 6px no-repeat;
}

div.user-card div.group a.opened {
    background-image: url('../images/cabinet/up.png');
}

div.user-card div.group a.group span {
    font-size: 14px;
    font-weight: bold;
    display: block;
    float: left;
    line-height: 18px;
    color: #005594;
    font-family: Arial, Tahoma, Verdana, sans-serif;
}

#page div.user-card div.group a.group:hover span {
    border-bottom: 1px dashed #005594;
    text-decoration: none;
}

#page div.user-card div.group a.group:hover {
    text-decoration: none;
}

div.user-card div.group div.group-content {
    padding-top: 0;
}

div.user-card div.btns {
    border-top: 1px dotted #c8c8c8;
    padding-top: 18px;
    text-align: right;
    height: 33px;
    clear: left;
    margin-top: 50px;
}

div.user-card div.vehiclebtns {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: none;
    padding-top: 0;
}

div.user-panel a.exit {
    display: block;
    width: 143px;
    height: 33px;
    text-decoration: none;
    background: url('../images/cabinet/exit.png') top left no-repeat;
    position: absolute;
    bottom: 10px;
    left: 17px;
}

div.user-card div.payments-filter {
    margin-bottom: 20px;
    line-height: 33px;
}

div.user-card div.payments-filter div.fields {
    margin-top: 5px;
    float: left;
}

div.user-card div.payments-filter div.fields a.calendar {
    padding-right: 4px;
}

div.user-card div.payments-filter .payments-filter-select-box {
    padding: 0 0 10px 10px;
}

div.user-card div.payments-filter select {
    font-size: 13px;
    background: #fff;
    padding: 2px;
    width: 100%;
}

div.user-card div.payments-filter input {
    margin-left: 10px;
    width: 77px;
}

div.user-card div.payments-filter div.simple-buttons {
    margin: 0;
}

div.user-card div.payments-filter div.simple-buttons p {
    margin: 0;
}

div.user-card table.payments tr.sub td {
    color: #777;
}

div.user-card table.payments tr.sub td.service-name {
    padding-left: 20px;
}

div.uform ul.a-list {
    margin: 10px 0 0 30px;
    list-style: none;
    padding: 0 0 15px 0;
}

p.mess {
    font-weight: bold;
    color: #1C8314;
    border: 1px solid #1C8314;
    padding: 10px 15px;
}

div.user-panel .alone-top {
    height: 34px;
    margin: 0 -47px -20px -20px;
    background: url(../images/alone-top.png) no-repeat;
}

div.user-panel .alone-top hr {
    display: none;
}

div.user-panel .alone-rpt {
    padding: 0 55px 0 20px;
    background: url(../images/alone-rpt.png) repeat-y;
}

div.user-panel .alone-bottom {
    height: 2px;
    background: url(../images/alone-bottom.png) no-repeat;
}

div.user-panel .alone-bottom hr {
    display: none;
}

div.user-panel .uform input {
    font-size: 16px;
}

div.user-panel .uform div.h {
    font-size: 14px;
}

input.photo_del {
    iwdth: 14px;
    height: 14px;
    padding: 0;
    margin: 10px 5px 0 5px;
    position: relative;
    top: 4px;
}

#page a.fast-edit,
#page a.fast-save,
#page a.fast-save-vehicle {
    font-size: 12px;
    color: #85b0cf;
    position: relative;
    top: -4px;
}

#page a.fast-edit:hover,
#page a.fast-save:hover {
    color: #005594;
}

input.size-small {
    width: 100px;
}

input.hint {
    color: silver;
}

label.input-hint {
    position: absolute;
    color: silver;
    padding-left: 3px;
    padding-top: 2px;
    cursor: text;
}

div.agreement {
    border: 1px solid #b2b2b2;
    background-color: #f2f2f2;
    padding: 15px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 16px;
}

div.agreement h4 {
    margin: 0 0 20px;
    font-weight: bold;
}

div.agreement ul {
    margin: 10px 0 10px 30px;
    padding: 0;
    list-style-type: circle;
}

div.agreement ul li {
    margin: 0;
    padding: 0;
}

div.del-avatar {
    width: 18px;
    height: 16px;
    background: url('../images/cabinet/del_avatar.png') top left no-repeat;
    float: right;
    overflow: hidden;
    margin-left: 5px;
}

div.del-avatar input {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

div.upload-avatar {
    position: relative;
    width: 20px;
    height: 18px;
    background: url('../images/cabinet/upload_avatar.png') top left no-repeat;
    float: right;
    overflow: hidden;
    margin-left: 5px;
    cursor: pointer;
}

div.upload-avatar input {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    font-size: 30px;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    cursor: pointer;
}

#page div.cardreader div.uform {
    background: url('../images/cabinet/cardreader.jpg') 45px 33px no-repeat;
    padding: 50px 260px 90px 265px;
    min-height: 160px;
}

#page div.cardreader div.uform p.txt {
    margin: 0 0 15px 0;
    font-size: 13px;
}

#page div.cardreader div.uform a {
    text-decoration: underline;
}

#page div.cardreader div.uform a:hover {
    text-decoration: none;
}

#page div.reg-agreement p.chbox {
    background: #fff url("../images/forms/form-label-decor.png") repeat-x left bottom;
    margin-top: 0;
    margin-bottom: 0;
}

#page div.reg-agreement p.checkbox {
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 0;
}

img.ui-datepicker-trigger {
    position: relative;
    top: 3px;
    left: 3px;
    cursor: pointer;
}

div.user-card div.btns input {
    cursor: pointer;
    background: none;
    border: 0;
    display: block;
    height: 33px;
    width: 100%;
    position: absolute;
    z-index: 999;
    background: red;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

div.user-card div.btns p {
    cursor: pointer;
    height: 33px;
    margin: 0;
}

div.user-card div.btns ins,
div.user-card div.btns .button-fix {
    cursor: pointer;
    display: block;
    height: 33px;
    line-height: 32px;
    text-decoration: none;
    position: relative;
    font-size: 12px;
    font-weight: bold;
}

div.user-card div.btns .btn {
    float: right;
    padding-left: 2em;
    background: url(../images/forms/text-forward.png) no-repeat 0 0;
}

div.user-card div.btns .btn ins,
div.user-card div.btns .btn .button-fix {
    color: #fff;
    padding-right: 2em;
    color: #000;
    background: url(../images/forms/text-back.png) no-repeat 100% 0;
}

#pin-dialog {
    display: none;
}

#pin-window {
    text-align: center;
    display: none;
}

#pin-window h2 {
    font-size: 22px;
    font-weight: normal;
}

#pin-window div.buttons {
    background: #ececec;
}

#pin-window div.buttons input.pin {
    width: 135px;
    height: 38px;
    font-size: 22px;
    margin: 18px 0;
    font-family: Tahoma;
    line-height: 35px;
}

#pin-window div.buttons div.row {
    height: 78px;
    width: 220px;
    margin: 0 auto;
}

#pin-window div.buttons div.row div.button {
    background: url(/design/images/pin-buttons.png) no-repeat transparent;
    float: left;
    width: 66px;
    height: 71px;
    margin-left: 5px;
}

#pin-window div.buttons div.row div.butt1 {
    background-position: 0 0;
}

#pin-window div.buttons div.row div.butt1.active {
    background-position: 0 -71px;
}

#pin-window div.buttons div.row div.butt2 {
    background-position: -65px 0;
}

#pin-window div.buttons div.row div.butt2.active {
    background-position: -65px -71px;
}

#pin-window div.buttons div.row div.butt3 {
    background-position: -130px 0;
}

#pin-window div.buttons div.row div.butt3.active {
    background-position: -130px -71px;
}

#pin-window div.buttons div.row div.butt4 {
    background-position: -195px 0;
}

#pin-window div.buttons div.row div.butt4.active {
    background-position: -195px -71px;
}

#pin-window div.buttons div.row div.butt5 {
    background-position: -260px 0;
}

#pin-window div.buttons div.row div.butt5.active {
    background-position: -260px -71px;
}

#pin-window div.buttons div.row div.butt6 {
    background-position: -325px 0;
}

#pin-window div.buttons div.row div.butt6.active {
    background-position: -325px -71px;
}

#pin-window div.buttons div.row div.butt7 {
    background-position: -390px 0;
}

#pin-window div.buttons div.row div.butt7.active {
    background-position: -390px -71px;
}

#pin-window div.buttons div.row div.butt8 {
    background-position: -455px 0;
}

#pin-window div.buttons div.row div.butt8.active {
    background-position: -455px -71px;
}

#pin-window div.buttons div.row div.butt9 {
    background-position: -520px 0;
}

#pin-window div.buttons div.row div.butt9.active {
    background-position: -520px -71px;
}

#pin-window div.buttons div.row div.butt0 {
    background-position: -585px 0;
}

#pin-window div.buttons div.row div.butt0.active {
    background-position: -585px -71px;
}

#pin-window div.buttons div.row div.buttBack {
    background-position: -650px 0;
    width: 136px;
}

#pin-window div.buttons div.row div.buttBack.active {
    background-position: -650px -71px;
}

#card_eject_message {
    border: 1px solid #f00;
    margin: 0 0 10px;
    padding: 10px;
    color: #f00;
    display: none;
}

.ui-datepicker-inline {
    overflow: hidden;
}

/* Список ДОУ по районам города */
.ceiCityDistrictList {
    display: none;
}

.ceiCityDistrictList h4 {
    font-size: 14px;
    margin: 0;
    padding: 0 0 10px 0;

}

.ceiCityDistrictList ul {
    border: 1px solid #D2D2D2;
    display: block;
    list-style: none;
    margin: 0;
    padding: 10px 10px 2px 10px;
}

.ceiCityDistrictList .districtList {

}

.ceiCityDistrictList .districtList li {
    padding: 0 0 7px 0;
}

.ceiCityDistrictList ul li label {
    background: none;
    float: none;
}

.ceiCityDistrictList ul li input {
    border: none;
    width: auto;
}

.ceiCityDistrictList .ceiList {
    border: none;
    padding: 2px 0 0 20px;
}

.ceiCityDistrictList .ceiList li {
    padding: 0;
}

/* Карта для спика ДОУ */
.ceiMapContainer {
    display: none;
}

.ceiMapContainer p {
}

.ceiMapContainer .wrapper {
    border: 1px solid #d2d2d2;
    height: 400px;
}

#page .uform div.data div.gender {
    float: left;
    width: 75px;
    height: 25px;
    background: url(/design/images/buttons/sex.png) no-repeat 0 0 transparent;
    cursor: pointer;
}

#page .uform div.data div.gender.sex2 {
    background-position: 0 -25px;
}

#page .uform div.data div.yesno {
    float: left;
    width: 75px;
    height: 25px;
    background: url(/design/images/buttons/yes_no.png) no-repeat 0 -50px transparent;
    cursor: pointer;
}

#page .uform div.data div.yesno.true,
#page .uform div.data div.yesno.yes {
    background-position: 0 0;
}

#page .uform div.data div.yesno.false,
#page .uform div.data div.yesno.no {
    background-position: 0 -25px;
}

#page ul.ceiTree {
    border: 0 none;
}

#page ul.ceiTree ul.ul {
    border: 0 none;
}

#page ul.ceiTree a {
    text-decoration: none;
}

#page ul.ceiTree a.add {
    border-bottom: 1px dotted #005594;
}

#page ul.ceiTree a.add:hover {
    text-decoration: none;
}

#page ul.ceiTree a.ceiSelected {
    color: #ccc;
}

#page ul.ceiTree a:hover {
    text-decoration: underline;
}

#page ul.ceiTree a.big {
    font-size: 16px;
    font-weight: bold;
}

#page ul.ceiTree a.medium {
    font-size: 13px;
    font-weight: bold;
}

#page ul.ceiTree a.raion {
    border-bottom: 1px dashed;
    text-decoration: none;
}

#page ul.ceiTree li.open {
    background-image: url(/design/images/infomats/city-open-icon.png) !important;
}

.clearLeft {
    clear: left;
    font-size: 1px;
    line-height: 1px;
}

.clearBoth {
    clear: both;
    font-size: 0;
    line-height: 0;
}

/* Большая синяя кнопа фиксированного размера */
.big-fixed-button {
    float: left;
    height: 53px;
    margin: 0 8px 8px 0;
    width: 327px;
}

.big-fixed-button .fixed-button-link {
    background: url(/design/images/buttons/big-fixed-button-bg.png) left top no-repeat;
    color: #fff !important;
    display: table-cell;
    height: 53px;
    text-decoration: none !important;
    text-align: center;
    vertical-align: middle;
    width: 327px;
}

.big-fixed-button .fixed-button-text-outside {
    font-size: 16px;
}

* + html .big-fixed-button .fixed-button-link {
    display: block;
    position: relative;
}

* + html .big-fixed-button .fixed-button-text-outside,
* + html .big-fixed-button .fixed-button-text-inside {
    cursor: pointer;
    display: block;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
}

* + html .big-fixed-button .fixed-button-text-inside {
    position: relative;
    top: -50%;
}

.big-fixed-button .fixed-button-link:hover {
    background: url(/design/images/buttons/big-fixed-button-bg.png) left -53px no-repeat;
}

.big-fixed-button.mis-lpu-button {
    width: 329px;
    height: 55px;
    text-shadow: none;
    margin: 0 5px 13px 0;
    font-size: 14px !important;
}

.big-fixed-button.mis-lpu-button .fixed-button-link {
    width: 329px;
    color: #005594 !important;
    background: url(/design/images/buttons/big-gray-fixed-button-bg.png) left top no-repeat;
}

.big-fixed-button.mis-lpu-button .fixed-button-link.inactive {
    color: #6f6f6f !important;
    background: url(/design/images/buttons/big-gray-fixed-button-bg.png) left -55px no-repeat;
}

.big-fixed-button.mis-lpu-button .fixed-button-link .fixed-button-text-inside {
    width: 300px;
    display: block;
    margin: 0 auto;
}

.big-fixed-button.mis-lpu-button.scalable-button {
    height: auto;
}

.big-fixed-button.mis-lpu-button.scalable-button .fixed-button-link {
    height: 100px;
    padding: 10px 0;

    border: 1px solid #cccccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 1px 1px #e4e4e4, 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 1px 1px #e4e4e4, 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 51%, #d8d8d8 51%, #dedede 51%, #cdcdcd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(51%, #e6e6e6), color-stop(51%, #d8d8d8), color-stop(51%, #dedede), color-stop(100%, #cdcdcd));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 51%, #d8d8d8 51%, #dedede 51%, #cdcdcd 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 51%, #d8d8d8 51%, #dedede 51%, #cdcdcd 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 51%, #d8d8d8 51%, #dedede 51%, #cdcdcd 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 51%, #d8d8d8 51%, #dedede 51%, #cdcdcd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cdcdcd', GradientType=0);
}

.big-fixed-button.mis-lpu-button.scalable-button .fixed-button-link.inactive {
    background: #cdcdcd;
}

a.someBtn {
    display: block;
    height: 20px;
    width: 20px;
    text-decoration: none;
    float: left;
    margin: 0 5px;
}

a.someAddBtn {
    background: url(/design/images/add_some.png) 0 0 no-repeat;
}

a.someAddBtn:hover {
    background-position: 0 -20px;
}

a.someDelBtn {
    background: url(/design/images/del_some.png) 0 0 no-repeat;
}

a.someDelBtn:hover {
    background-position: 0 -20px;
}

a.someUpBtn {
    background: url(/design/images/up_some.png) 0 0 no-repeat;
}

a.someUpBtn:hover {
    background-position: 0 -20px;
}

a.someDownBtn {
    background: url(/design/images/down_some.png) 0 0 no-repeat;
}

a.someDownBtn:hover {
    background-position: 0 -20px;
}

a.ceiBtn {
    display: block;
    height: 33px;
    width: 33px;
    text-decoration: none;
    float: left;
    margin: 0 5px;
}

a.ceiDelBtn {
    background: url(/design/images/cei/del.png) 0 0 no-repeat;
    float: right;
}

a.ceiUpBtn {
    background: url(/design/images/cei/up.png) 0 0 no-repeat;
}

a.ceiDownBtn {
    background: url(/design/images/cei/down.png) 0 0 no-repeat;
}

div#selectedCei {
}

p.selectedCeiItem {
    overflow: hidden;
    zoom: 1;
    border-bottom: 1px dotted #C8C8C8;
    margin: 0;
    padding: 10px 0;
    background-color: #fff;
}

div.ui-sortable p.selectedCeiItem {
    border: 1px solid #C8C8C8;
    margin: 5px 0;
    padding: 10px 10px;
    background-color: #fff;
    cursor: move;
}

div#selectedCei p.ui-sortable-placeholder {
    border: 1px dashed #C8C8C8 !important;
    visibility: visible !important;
}

div#selectedCei p.ui-sortable-helper {
    background-color: #fffdf4;
    cursor: move;
}

div#selectedCei p.ceiOut {
    border-color: #ff5959;
    background-color: #ffefef;
}

p.selectedCeiItem a.someBtn {
    margin-left: 0;
}

p.selectedCeiItem span {
    float: left;
    height: 20px;
    width: 92px;
}

p.selectedCeiItem i {
    display: block;
    margin-left: 80px;
    font-style: normal;
}

a.allCei {
    font-size: 12px;
    text-decoration: underline;
}

a.allCei:hover {
    text-decoration: none;
}

span.someBtnImg {
    display: inline-block;
    height: 20px;
    width: 20px;
    position: relative;
    top: 4px;
}

span.someAddBtnImg {
    background: url(/design/images/add_some.png) 0 0 no-repeat;
}

span.someDelBtnImg {
    background: url(/design/images/del_some.png) 0 0 no-repeat;
}

span.someUpBtnImg {
    background: url(/design/images/up_some.png) 0 0 no-repeat;
}

span.someDownBtnImg {
    background: url(/design/images/down_some.png) 0 0 no-repeat;
}

input.ceiStatusDocSeries {
    width: 70px;
}

input.ceiStatusDocNumber {
    width: 150px;
}

span.ceiStatusSeriesHint {
    width: 77px;
    display: inline-block;
}

ul.privilegeCategoryList,
ul.selectedCeiList {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
}

div.offerOther {
    margin-top: 15px;
}

div.offerOther label {
    width: auto;
}

div.offerOther div.yesno {
    position: relative;
    top: 5px;
}

div.tooltip {
    background-color: #FDF6DA;
    padding: 6px 10px;
    font-size: 13px;
    border: 1px solid #E1E1E1;
    font-family: Tahoma, Verdana, sans-serif;
}

div.tooltip a {
    color: #005594;
    font-size: 13px;
    text-decoration: underline;
}

div.tooltip a:hover {
    color: #005594;
    text-decoration: none;
}

select.cei_mr_select {
    width: 200px;
}

div.ceiVisitPlace {
    overflow: hidden;
    margin: 20px 0;
}

div#visitPlacesMap {
    height: 500px;
}

div#distanceSlider {
    margin-bottom: 15px;
}

div#ceiOnDistance {
    padding-bottom: 15px;
}

p#showCeiOnDistance {
    margin: 0;
}

p.noteText {
    color: #7F7F7F;
}

h2#mapTitle {
    padding-top: 10px;
    margin-bottom: 0.5em;
}

select.ceiSel {
    width: 300px !important;
}

div.mis_policy_form {
    position: relative;
    padding-top: 10px;
    /*min-height: 160px;
	height: auto!important;
	height: 160px;*/
}

div.mis_policy_form div.policy {
    position: absolute;
    width: 115px;
    height: 173px;
    background: url(../images/mis_police.jpg) 0 0 no-repeat;
    right: 70px;
    top: 0;
}

div.mis_policy_form .num-lines-2 select#autoSelectCustomer {
    float: right;
    width: 68%;
}

div.mis_policy_form .f-hint {
    padding-left: 31% !important;
}

p#whyNijnekamskNote {
    padding-left: 30px;
}

p#recordRules {
    padding-left: 30px;
}

/*
div.checkMisPolicy {
	position: relative;
	background: url("../images/mis_policy.png") right 155px no-repeat;
	padding-right: 170px;
	margin-right: 30px;
	padding-right: 260px;
}
*/
html > /**/ body div.checkMisPolicy {
    background-position: 100% 165px;
}

* + html div.checkMisPolicy {
    background-position: right 180px;
}

div.cancelTicket p {
    margin: 0;
}

div.mis_policy_form select.s-medium {
    width: 254px;
}

div.mis_policy_form input.s-medium {
    width: 250px;
}

#page div.ticket {
    width: 232px;
    padding: 20px 2px 0;
    background: url('../images/ticket_top.png') top left no-repeat;
    position: relative;
    left: -10px;
}

#page div.ticket div.ticket_content {
    width: 208px;
    background: #fff url('../images/ticket_bg.png') top left repeat-x;
    min-height: 100px;
    padding: 0 10px 10px;
    color: #000;
}

#page div.ticket div.ticket_bottom {
    width: 228px;
    height: 3px;
    background: url('../images/ticket_bottom.png') top left no-repeat;
}

#page div.ticket div.ticket_content h2 {
    color: #000000;
    padding-left: 10px;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 0;
    background: url('../images/star.png') bottom left repeat-x;
}

#page div.ticket div.ticket_content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#page div.ticket div.ticket_content ul li {
    border-top: 1px dotted #b2b2b2;
    padding: 10px;
    color: #000;
    font-size: 11px;
    font-family: Verdana, Tahoma, sans-serif;
    line-height: 13px;
    overflow: hidden;
    zoom: 1;
}

#page div.ticket div.ticket_content ul li.first {
    border-top: 0 none;
}

#page div.ticket div.ticket_content ul li a {
    color: #000;
    font-size: 11px;
    font-family: Verdana, Tahoma, sans-serif;
    margin-left: 20px;
    display: block;
}

#page div.ticket div.ticket_content ul li span {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

#page div.mis-tablo {
    background: url('../images/mis_tablo.jpg') top right no-repeat;
    padding-right: 250px;
}

/* font size adj */
.larger {
    font-size: 14px;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0px;
    overflow: hidden;
    font-size: 0;
}

.loading {
    margin-top: 1.5em;
}

.color-gray {
    color: #7f7f7f;
}

#service-groups {
    margin: 1em 0 -1em 0;
    font-size: 1.1em;
    font-weight: bold;
}

#service-groups a {
    text-decoration: underline;
    margin-right: 3em;
}

#service-groups a.selected {
    color: #606060;
    text-decoration: none;
}

ul.radio-list, .radio-list ul {
    list-style-type: none;
}

.radio-list li {
    margin-bottom: 1em;
}

.radio-list ul {
    margin-top: -0.5em;
    margin-bottom: 1em;
}

.radio-list ul li {
    margin-bottom: 0.5em;
}

.radio-list input {
    display: inline-block;
    margin-left: -18px;
    margin-right: 0;
    padding: 0;
}

.cursor-pointer {
    cursor: pointer;
}

.align-right {
    text-align: right;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.display-none {
    display: none;
}

.nowrap {
    white-space: nowrap !important;
}

.w85p {
    width: 85% !important;
}

.w100p {
    width: 100% !important;
}

.w60 {
    width: 60px !important;
}

.w70 {
    width: 70px !important;
}

.w100 {
    width: 100px !important;
}

.w300 {
    width: 300px !important;
}

/*Автоинформатор*/

div.avtoinfo a.group span {
    display: inline-block;
    float: none !important;
    font: 21px/38px Tahoma !important;
    position: relative;
    top: -2px;
    cursor: pointer;
}

div.avtoinfo_main a.group span {
    color: #191919 !important;
    padding-left: 15px;
}

div.avtoinfo_small a.group span {
    padding-left: 35px;
    color: #393c40 !important;
    font: 14px/29px Arial !important;
    top: 0;
}

div.avtoinfo_small {
    margin-bottom: -2px;
}

div.avtoinfo div.first-group, div.avtoinfo div.group {
    border: 1px solid #bcc5cc !important;
}

div.avtoinfo div.avtoinfo_content {
    background: #edf1f2;
}

div.avtoinfo div.avtoinfo_content {
    padding: 15px;
}

div.avtoinfo a.group span b {
    display: block;
    width: 17px;
    height: 17px;
    background: url('/design/images/user/arws.png') no-repeat 0 0;
    position: absolute;
    top: 12px;
}

div.avtoinfo_main a.group span b {
    right: 10px;
}

div.avtoinfo_small a.group span b {
    left: 10px;
    top: 7px;
}

div.avtoinfo a.opened span b {
    background-position: -17px 0;
}

div.avtoinfo_main a.avtoinfo_h {
    background: url('/design/images/user/bg_h_big.gif') repeat-x !important;
    min-height: 35px;
    margin-bottom: 0;
    position: relative;
}

div.avtoinfo_main a.opened {
    min-height: 38px !important;
}

div.avtoinfo_small a.avtoinfo_h {
    background: url('/design/images/user/bg_h_small.gif') repeat-x !important;
    min-height: 29px;
}

div.avtoinfo a.group {
    margin: 0 !important;
}

div.avtoinfo a.group:hover span {
    border: 0 !important;
    text-decoration: none;
}

div.avtoinfo h2 {
    margin-top: 25px;
    font-size: 21px
}

div.avtoinfo table {
    padding: 0;
    margin: 0;
    width: 100%;
    border: 1px solid #bcc5cc;
    color: #393c40;
}

div.avtoinfo table tr td {
    padding: 7px 10px;
    background: #dfe3e6;
    font-size: 14px;
    line-height: 17px
}

div.avtoinfo a.all_pays {
    font-weight: bold;
    display: inline-block;
    margin-top: 5px;
    font-size: 14px
}

div.avtoinfo table tr td:first-child {
    padding: 7px 10px;
    width: 1%;
    white-space: nowrap;
    color: #66717e;
    font-size: 11px;
    vertical-align: middle;
}

div.avtoinfo table tr.bg td {
    background: #edf1f2 !important;
}

div.avtoinfo th {
    background: url('/design/images/user/bg_th.gif') repeat-x;
    line-height: 23px;
    padding: 0 10px;
    color: #66717e;
    font-size: 11px
}

div.avtoinfo div.avtoinfo_content h2 {
    font-size: 18px;
    color: #393c40;
    margin: 20px 0 7px !important;
}

div.avtoinfo div.avtoinfo_content h2:first-child {
    margin: 0 0 7px !important;
}

/*--Автоинформатор*/

/*Подменю в левом меню*/

ul.menu ul {
    margin: 6px 0 0;
    padding: 0;
}

ul.menu ul a {
    font-weight: normal !important;
    color: #bed2e4 !important;
}

ul.menu ul li.active {
    background: url('/design/images/user/ico_menu_arw.gif') no-repeat 10px 12px #4b84b4;
}

ul.menu li li {
    border: 0 !important;
    padding-left: 20px !important;
}

ul.menu li.as_block {
    border: 0 !important;
    padding: 10px 0 0 !Important;
    line-height: 15px
}

ul.menu li.as_block a {
    display: block;
    background: #2468a3;
    color: #fff;
    font-size: 12px;
    padding: 7px 10px;
}

ul.menu li.as_block a:hover {
    text-decoration: none !important;
}

/*--Подменю в левом меню*/

div.user-card h2 {
    font-size: 21px;
}

div.user-card div.extra-submit-text {
    position: static !important;
    width: 100% !important;
    *margin-top: 20px !important;
}

div.user-card div.as_table {
    width: 310px
}

div.user-card div.as_table ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div.user-card div.as_table ul span:first-child {
    position: relative;
    top: 5px;
    background: #fff;
    display: inline-block;
    padding: 0 3px 0 0
}

div.user-card div.as_table ul span {
    position: absolute;
    right: 0;
    bottom: -5px;
    background: #fff;
    padding: 0 0 0 3px
}

div.user-card div.as_table ul li {
    background: url('/design/images/user/bg_as_table.gif') repeat-x bottom;
    margin-bottom: 5px;
    position: relative
}

div.gray_blocks {
    margin-top: 20px;
    width: 800px;
    height: 1%;
    overflow: hidden
}

div.gray_blocks a {
    display: inline-block;
    background: url('/design/images/user/bg_plashka_gray.gif') no-repeat;
    width: 158px;
    height: 71px;
    margin: 0 8px 20px 0;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial;
    float: left;
    padding: 0 10px;
    position: relative;
}

div.gray_blocks a span {
    display: table-cell;
    width: 158px;
    height: 44px;
    vertical-align: middle;
}

* + html div.gray_blocks a span {
    position: relative;
    top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2-16 + "px") !important;
}

div.gray_blocks a:hover {
    text-decoration: none !important;
}

div.gray_blocks a b {
    position: absolute;
    bottom: 6px;
    width: 178px;
    left: 0;
    text-align: center;
    font-weight: normal;
    color: #333;
    cursor: pointer;
}

.brd_rad5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    -ms-border-radius: 5px;
}

div.socials {
    background: #dee9f1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #d3e3f0;
    padding: 0 10px;
    line-height: 33px;
    height: 33px;
    margin-top: 10px;
}

div.socials-fix {
    position: absolute;
    bottom: 80px;
    width: 650px;
}

div.socials a {
    display: inline-block;
    float: left;
    margin-left: 10px;
    background: url(/design/images/icons/socials.png) no-repeat 0 50%;
    width: 24px;
    height: 33px;
    line-height: 33px;
}

div.socials a.vk {
    background-position: -24px 50%;
}

div.socials a.jj {
    background-position: -48px 50%;
}

div.socials a.fcb {
    background-position: -72px 50%;
}

div.socials b {
    float: left;
    font-weight: normal;
    font-size: 12px;
    color: #4c7c99;
}

ul.new_btns {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}

ul.new_btns li {
    margin-top: 10px;
    text-align: center;
}

ul.new_btns a {
    background: url(/design/images/buttons/new_btns.png) no-repeat;
    text-shadow: 0 -1px #cb7c00;
    display: inline-block;
    width: 308px;
    height: 57px;
    font: 18px/56px Arial;
    color: #fff !important;
}

ul.new_btns a:hover {
    background-position: 0 -57px;
    text-decoration: none !important;
}

ul.new_btns a b {
    display: inline-block;
    cursor: hand;
    cursor: pointer
}

ul.new_btns a.new_btns_poshlina b {
    background: url(/design/images/buttons/ico_wallet.png) no-repeat 0 15px;
    padding-left: 35px;
}

ul.new_btns a.new_btns_visit b {
    background: url(/design/images/buttons/ico_calendar.png) no-repeat 0 14px;
    padding-left: 34px;
}

ul.new_btns a.new_btns_status b {
    background: url(/design/images/buttons/ico_status.png) no-repeat 0 13px;
    padding-left: 31px;
}

div.pay_success {
    border: 2px dashed #ff3300;
    padding: 20px 40px;
    font-size: 14px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 20px;
    height: 1%;
    overflow: hidden
}

div.pay_success h2 {
    color: #ff3300;
    margin: -5px 0 15px !important;
}

div.pay_success em {
    position: absolute;
    top: -21px;
    left: 2px;
    width: 28px;
    height: 19px;
    background: url(/design/images/ico_nozh.gif) no-repeat;
}

div.pay_success img {
    float: left;
    margin-right: 45px
}

div.pay_success .simple-buttons {
    position: relative;
    top: -13px;
}

div.pay_success b {
    display: block;
    margin-bottom: 2px
}

div.pay_success input[type="text"] {
    width: 150px;
    margin-right: 3px
}

div.pay_success label {
    width: auto;
    background: none;
}

div.pay_success div.h {
    margin-bottom: 5px;
}

div.pay_success .keyboardInputInitiator {
    position: relative;
    top: 5px
}

div.pay_success i {
    font-style: normal;
    color: #7f7f7f;
}

div.save_person_info {
    font-size: 14px
}

div.save_person_info h2 {
    margin-bottom: -10px;
    *margin-bottom: -15px;
}

div.save_person_info ul {
    margin: 0;
    padding: 10px 20px 15px;
    font-size: 13px;
    background: #f1f1f1;
    width: 280px;
    float: left;
}

div.save_person_info ul li {
    list-style: none;
    margin-top: 5px;
    position: relative;
    background: url('/design/images/forms/form-label-decor.png') repeat-x bottom;
}

div.save_person_info ul li b {
    position: absolute;
    right: 0;
    top: 5px;
    background: #f1f1f1;
    padding-left: 5px
}

div.save_person_info ul li i {
    position: relative;
    top: 5px;
    *top: 7px;
    background: #f1f1f1;
    padding-right: 5px;
    font-style: normal;
    display: inline-block
}

div.save_person_info ul li:first-child {
    font: bold 14px arial;
    margin: 0 0 7px;
    background: none
}

div.save_person_info div.right {
    float: right;
    width: 320px;
}

div.save_person_info div.right b {
    display: block;
    margin-top: 7px;
    *margin-top: 9px
}

div.save_person_info div.right p {
    margin: 10px 0 0;
}

div.save_person_info div.right div.simple-buttons {
    margin-bottom: 17px
}

div.save_person_info ul input {
    width: auto;
    float: left;
    margin: 0 8px 0 0;
    position: relative;
    top: 3px;
    top: 2px \9;
    border: 0;
    *top: -2px;
    *margin: 0 5px 0 0;
}

div.save_person_info label {
    background: none;
    padding: 0;
    float: none
}

#visits h3 {
    outline: 0;
    outline: none;
    font-size: 14px;
    padding: 0 6px 0 27px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    line-height: 35px;
    cursor: hand;
    cursor: pointer;
    position: relative;
    background: url('/design/images/feedback/arw_right.gif') no-repeat 11px 12px;
}

#visits h3.ui-state-active {
    background: url('/design/images/feedback/arw_down.gif') no-repeat 6px 15px;
}

#visits h3 b {
    position: absolute;
    right: 6px;
    *top: -10px;
}

#visits div div h3 b {
    font-weight: normal;
    *top: -5px;
}

#visits div h3 {
    border: 0 !important;
    padding-left: 42px;
    line-height: 25px;
    font-size: 12px;
    font-weight: bold;
    background: url('/design/images/feedback/plus.gif') no-repeat 28px 9px;
}

#visits div h3.ui-state-active {
    background: url('/design/images/feedback/minus.gif') no-repeat 28px 9px;
}

#visits div div h3:first-child {
    margin-top: -5px
}

#visits div div {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

#visits div div div {
    border-bottom: 0;
    padding-bottom: 0;
}

#visits div div div h3 {
    font-weight: normal
}

#visits div div div div div h3, #visits div div div div div h3.ui-state-active {
    background-position: 28px 7px
}

#visits div div div div div div div h3, #visits div div div div div div div h3.ui-state-active {
    background-position: 28px 9px
}

#visits div div div div div h3 {
    line-height: 20px
}

#visits div div div div div {
    padding: 2px 0 0 10px;
}

#visits div div div div div div div a {
    border-bottom: 1px dashed #005594;
    color: #005594;
    margin: 2px 0;
    display: inline-block;
}

#visits div div div div div div div a:hover {
    text-decoration: none;
}

#visits div div div div div div div div div {
    padding: 0 0 10px 30px
}

#visits div div div div div div h3.ui-state-active {
    font-weight: bold
}

#visits div div div div div div div h3.ui-state-active a {
    border: 0 !important;
}

#visits h3.ui-state-active {
    border: 0;
}

#visits div div div {
    padding-left: 10px;
    font-weight: normal;
    font-size: 12px;
}

div.as_table_header, table.ufms_tbl th {
    font-size: 11px;
    color: #525F68;
    font-weight: bold;
    border-bottom: solid 1px gainsboro;
    background: #E2EEF5;
    padding: 10px 6px;
    line-height: 120%;
    position: relative
}

div.as_table_header b {
    position: absolute;
    right: 6px
}

table.ufms_tbl td {
    border-bottom: solid 1px gainsboro;
    padding: 5px 7px;
    vertical-align: top;
    font-size: 12px;
    line-height: 22px
}

table.ufms_tbl p {
    margin: 0;
    color: #707070;
}

table.ufms_tbl em {
    font-style: normal;
    color: #ff0000;
    font-family: verdana;
    margin: 0 2px 0
}

table.ufms_tbl i {
    font-style: normal;
    color: #707070;
    font-size: 12px;
    display: block;
    line-height: 18px;
    margin-bottom: -15px;
}

table.ufms_tbl tr td:first-child {
    font-weight: bold;
    white-space: nowrap;
}

div.payment-type-div {
    border-bottom: 3px solid #2468a3;
    z-index: 100;
}

ul.payment-type {
    margin: 10px 0 0 9px;
    padding: 0;
    height: 1%;
    overflow: hidden;
    position: relative;
    top: 3px;
}

ul.payment-type li {
    display: inline-block;
    list-style: none;
    float: left;
    background: url('/design/images/cabinet/bg_tabs_item.gif') no-repeat;
    width: 145px;
    height: 32px;
    border-bottom: 3px solid #2468a3;
    margin-right: -1px
}

ul.payment-type li:hover {
    border-bottom: 3px solid #c90506;
}

ul.payment-type li a {
    height: 32px;
    line-height: 32px;
    display: block;
    text-align: center;
}

ul.payment-type li a:hover {
    text-decoration: none !important;
    color: #c90506 !important;
}

ul.payment-type li.current {
    border-bottom: 3px solid #fff;
    background: url('/design/images/cabinet/bg_tabs_current2.gif') no-repeat !important;
}

ul.payment-type li.current a {
    background: none;
    line-height: 35px;
    color: #c90506 !important;
}

ul.tabs_content {
    margin: 0;
    padding: 0;
    font-size: 14px
}

ul.tabs_content li {
    list-style: none;
    background: url('/design/images/cabinet/bg_dotted.gif') repeat-x left top;
    color: #808080;
    margin-top: 11px;
    padding-top: 9px
}

ul.tabs_content li:first-child {
    background: none;
    margin-top: 0;
}

ul.tabs_content li span {
    display: block;
    background: url('/design/images/cabinet/arw.gif') no-repeat 8px 7px;
    padding-left: 30px;
    margin: 2px 0
}

ul.tabs_content li b {
    font-size: 11px;
    font-weight: normal;
}

ul.search_results {
    margin: 0;
    padding: 0 0 10px !important;
    list-style: none;
}

ul.search_results li {
    position: relative;
    padding: 0 40px 0 250px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px
}

ul.search_results li img {
    position: absolute;
    top: 0;
    left: 0;
}

ul.search_results li div {
    display: table-cell;
    vertical-align: middle;
    height: 85px;
    z-index: expression(runtimeStyle.zIndex = 1, insertAdjacentHTML('beforeEnd', '<span class="auxiliary"></span>'));
}

.auxiliary {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}

ul.search_results li.zero {
    padding-left: 0;
    font-weight: normal;
    font-size: 14px;
}

ul.search_results_hidden {
    display: none;
    margin-top: -10px !important
}

p.p_as_table {
    position: relative;
    padding-left: 240px
}

p.p_as_table b {
    position: absolute;
    left: 0;
    font-weight: normal
}

p.p_2_lines {
    height: 35px
}

a.select-dou {
    cursor: pointer;
    font-weight: bold;
}

#backgroundPopup {
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 1;
}

form ol li div.simple-buttons {
    margin: 5px 0 10px
}

.font14 {
    font-size: 14px;
}

.font22 {
    font-size: 22px;
}

.pt30 {
    padding-top: 30px;
}

.display_none {
    display: none;
}

div.personal_account_compare {
    position: relative;
    padding: 20px 0 20px;
    margin-bottom: 50px
}

div.personal_account_compare label {
    background: none;
    width: auto;
    float: left
}

div.personal_account_compare input[type="checkbox"] {
    float: left;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

div.personal_account_compare p.blue {
    position: absolute;
    right: 153px;
    top: 0;
}

label.nostyle {
    width: auto !important;
    background: none !important;
    line-height: 150% !important;
    cursor: pointer
}

p.middle_radio {
    position: relative;
    padding-left: 30px;
    height: 1%;
    overflow: hidden;
}

p.middle_radio input[type="radio"] {
    width: auto;
    border: 0;
    position: absolute;
    top: 50% !important;
    left: 0;
    margin-top: -6px
}

p.middle_radio label {
    width: auto;
    float: none;
    padding: 0;
    line-height: 18px !important;
    margin: 0;
    background: none;
    text-align: left;
}

table.sfaktura {
    font-size: 10px;
    width: 687px;
    margin-left: -12px
}

table.sfaktura td {
    border-bottom: solid 1px #dcdcdc;
    vertical-align: middle !important;
    line-height: 12px;
    padding: 5px 2px;
    text-align: right;
}

table.sfaktura th {
    font-size: 9px;
    color: #525F68;
    border-bottom: solid 1px #dcdcdc;
    background: #E2EEF5;
    line-height: 12px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}

table.sfaktura input[type="text"] {
    font-size: 12px !important;
    width: 55px;
}

table.sfaktura input[type="checkbox"] {
    width: auto;
    border: 0;
}

table.sfaktura tr:hover {
    background: #efefef;
}

table.sfaktura tr.itog:hover {
    background: #fff;
}

table.sfaktura tr.itog td {
    font-size: 11px;
    text-align: right !important;
    font-weight: bold;
    border: 0;
}

table.sfaktura tr td:first-child {
    padding-right: 5px;
}

table.sfaktura td.sum_input {
    width: 60px;
    text-align: right;
    padding: 0;
}

table.sfaktura .al_left {
    text-align: left
}

table.sfaktura .padd {
    padding: 0 15px 0 0;
}

table.week7 td {
    width: auto !important;
}

table.week7 td.time {
    width: 50px !important;
}

table.week7 td a {
    width: 77px !important;
}

table.week7 a.time-busy {
    background-position: center !important;
}

table.week7 a.time-free {
    background: url(../images/forms/time-free-small.png) !important;
}

table.week7 a.selected {
    background: url(../images/forms/time-free-selected-small.png) !important;
}

p.show_hide {
    background: url('/design/images/feedback/arw_down_small.gif') no-repeat 0 8px;
    padding-left: 14px
}

p.show_hide span {
    cursor: pointer;
    color: #005594;
    border-bottom: 1px dashed #005594;
}

td.action {
    text-align: left !important;
}

td.action div a.del, td.action div a.edit {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 0;
    *right: -20px
}

td.action div a.del {
    background: url('/design/images/icons/del.gif') no-repeat;
    top: -2px;
}

td.action div a.edit {
    background: url('/design/images/icons/edit.gif') no-repeat;
    bottom: -2px;
}

td.action a {
    text-decoration: underline !important;
}

td.action {
    *padding-right: 20px !important
}

td.action a:hover {
    text-decoration: none !important;
}

div.gibdd_ban {
    min-height: 120px;
    padding: 20px;
    line-height: 18px;
    background: url('/design/images/gibdd/gibdd_register.jpg') no-repeat;
    position: relative;
    color: #fff;
    font-size: 14px;
    text-shadow: 0 -1px #2b6daa;
    magin: 20px 0;
}

div.gibdd_ban h2 {
    margin: -10px 0 5px;
    font-size: 18px;
}

div.gibdd_ban span {
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 14px;
}

div.simple-buttons p.blue ins,
div.simple-buttons p.blue .button-fix {
    text-shadow: -1px -1px #4f73a7;
}

div.simple-buttons p.green ins,
div.simple-buttons p.green .button-fix {
    text-shadow: -1px -1px #508a39 !important;
}

div.simple-buttons p.green ins,
div.simple-buttons p.green .button-fix {
    background: url(/design/images/forms/text-next-stage-green.png) no-repeat 100% 0 !important;
}

div.simple-buttons p.green {
    background: url(/design/images/forms/text-next-stage-green.png) no-repeat !important;
}

div.make-choice p.blue ins,
div.make-choice p.blue .button-fix {
    text-shadow: none !important;
}

span.btn {
    display: inline-block;
    *display: inline;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
}

span.btn ins,
span.btn .button-fix {
    display: block;
    line-height: 29px;
    height: 29px;
    text-decoration: none;
    color: #fff;
    padding: 0 10px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

span.btn_blue {
    border: 1px solid #005180;
}

span.btn_blue ins,
span.btn_blue .button-fix {
    background: url('/design/images/forms/bg_btn_blue.png') repeat-x;
    border: 1px solid #6dadd9;
    border-top-color: #91d3fd;
    border-bottom-color: #3a6f9f;
    text-shadow: -1px -1px #4f73a7;
}

span.btn_green {
    border: 1px solid #437e2e;
}

span.btn_green ins,
span.btn_green .button-fix {
    background: url('/design/images/forms/bg_btn_green.png') repeat-x !important;
    text-shadow: -1px -1px #508a39;
    border: 1px solid #9cd783;
    border-top-color: #c2fba5;
    border-bottom-color: #619c4f;
}

span.btn_red {
    border: 1px solid #ff6971;
}

span.btn_red ins,
span.btn_red .button-fix {
    background: url('/design/images/forms/bg_btn_red.png') repeat-x !important;
    text-shadow: -1px -1px #e75756;
    border: 1px solid #ffcdcf;
    border-top-color: #ffd3d4;
    border-bottom-color: #ff918c;
}

.input16 input[type="text"] {
    font-size: 16px;
}

/* all resources.css */
#ar {
    z-index: 20;
    background-color: #505050;
    position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;
}

#ar ul {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
    text-shadow: 0 0 1px transparent;
    white-space: nowrap;
}

/* resource link */
#ar ul li {
    display: inline;
}

#ar a {
    display: inline-block;
    color: #fff;
    margin: 0 9px;
    text-decoration: none;
    position: relative;
}

#ar .ar__hr {
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
}

#ar .ar__hr hr {
    display: none;
}

#ar .ar__resource-title {
    color: #fff;
    display: block;
    font: 12px/29px "Verdana", sans-serif;

}

/* current resource */
#ar .ar__current {
}

#ar .ar__current a {
    cursor: default;
}

#ar .ar__current .ar__hr {
    background-color: #d93c59;
}

#ar .ar__current .ar__resource-title {
    font-weight: bold;
}

span.file_comment {
    display: block;
    color: #999;
    margin: 10px 0 0;
}

div.chkbox input {
    float: none;
    width: auto;
    position: relative;
    top: 4px
}

.banner-to-16 {
    background: url('/design/images/baner-to-16.png') no-repeat;
    color: white;
    display: none;
    font-size: 13px;
    padding: 4px 20px 0 70px;
    margin-top: 20px;
    line-height: 18px;
    height: 80px;
}

#lang {
    font: 9px Arial;
    color: #F4F4F4;
    text-transform: uppercase;
    z-index: 10;
    position: absolute;
    top: 10px;
    right: 342px;
    height: 28px;
    background: url(/design/images/lang-bg.png) no-repeat;
    padding-top: 5px;
    width: 62px;
    text-align: center;
}

#lang a {
    color: #DBEAF3 !important;
    text-decoration: none;
}

#lang:hover a {
    color: #F4F4F4 !important;
}

#lang:hover {
    background: url(/design/images/lang-bg-hover.png) no-repeat;
    cursor: pointer;
}

/* Расписание */
table.shedule {
    width: 100%;
}

table.shedule th {
    color: #999;
    text-align: center;
    font-size: 11px;
    line-height: 14px;
}

table.shedule td {
    white-space: nowrap;
    text-align: center;
    padding: 6px;
    font-size: 12px;
}

table.shedule tr td, table.shedule tr th {
    border-bottom: 1px dotted #999
}

table.shedule td:first-child, table.shedule th:first-child {
    white-space: normal;
    text-align: left;
    padding-left: 0;
    font-size: 14px;
    width: 150px;
    color: #000;
    vertical-align: middle;
}

table.shedule th:first-child {
    font-size: 16px;
}

table.shedule tr.separator td {
    padding: 15px 0;
    border: 0;
}

table.shedule a {
    text-decoration: underline !important;
}

table.shedule tr.disabled td {
    color: #999;
}

/* --Расписание */

.mfc_service_list_item td {
    vertical-align: middle;
    color: #005594;
    font-size: 16px;
    padding: 15px 50px 15px 0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    background: url(../images/forms/mc.png) no-repeat 98% 50%;
}

.mfc_service_list_item td.first {
    padding-left: 10px;
    padding-right: 0;
    background: none;
}

.mfc_service_list_item {
    border-collapse: collapse;
    margin-bottom: -1px;
    min-height: 70px;
    cursor: pointer;
}

.mfc_service_list_item:hover {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#ECECEC));
    background: -moz-linear-gradient(top, white, #ECECEC);
}

.reg-auto-form {
    background: url('/design/images/reg-auto.png') no-repeat 340px -10px;
}

.text_underline {
    text-decoration: underline !important;
}

a.border_b_dashed {
    border-bottom: 1px dashed !important;
    text-decoration: none !important;
}

/* банеры в блоке "Открытый Татарстан" на главной */
.open-gov-services {
    border-top: 1px solid #CCC;
    margin-bottom: 20px;
}

.open-gov-services ul {
    list-style: none;
    overflow: hidden;
    margin: 0 -30px 0 0;
    padding: 0;
}

.open-gov-services ul li {
    float: left;
    width: 33%;
}

.open-gov-services ul li > div {
    margin-right: 30px;
}

.open-gov-services ul li > div > a {
    float: left;
}

.open-gov-services ul li .open-gov-service-content {
    margin-left: 95px;
}

.open-gov-services ul li .open-gov-service-content a {
    font-size: 17px;
}

.im-caption {
    /* подпись под картинкой */
    font-size: 11px;
    display: block;
    color: #999;
    text-align: center;
    font-style: italic;
}

hr.thin-separator {
    margin: 20px 0;
    height: 0;
    border: none;
    border-bottom: 1px solid #dcdcdc;
}

/* постраничная навигация на странице настроек */
div.op_navi {
    position: relative;
    /*padding-left:75px;*/
    height: 1%;
    overflow: hidden;
    font-family: Arial;
    margin: 5px 0;
}

div.op_navi b {
    position: absolute;
    left: 0;
    color: #999999;
    font-weight: normal;
}

div.op_navi ul {
    margin: 0;
    padding: 0;
    font-size: 13px;
    /*font-weight:bold;*/
}

div.op_navi a {
    font-weight: normal;
}

div.op_navi ul li {
    list-style: none;
    float: left;
    display: inline;
    padding: 0 3px;
}

div.op_navi li.prev a, div.op_navi li.next a {
    width: 10px;
    height: 20px;
    display: block !important;
    background: url('/design/images/twitter/arws-tweets-gray.png') no-repeat 0 -1px;
    padding: 0;
}

div.op_navi li.next a {
    background: url('/design/images/twitter/arws-tweets-gray.png') no-repeat 0 -23px;
}

div.op_navi li.prev a.active, div.op_navi li.next a.active {
    width: 10px;
    height: 20px;
    display: block !important;
    background: url('/design/images/twitter/arws-tweets-blue.png') no-repeat 0 -2px;
    padding: 0;
}

div.op_navi li.next a.active {
    background: url('/design/images/twitter/arws-tweets-blue.png') no-repeat 0 -24px;
}

.state-duty-warning {
    /* Стили предупреждения при оплате сервиса гос пошлин */
}

.state-duty-large-text {
    font-size: 15px;
    line-height: 21px;
}

.btn-1 {
    background: #fd7b5d;
    background-image: -webkit-linear-gradient(top, #fd7b5d, #f34f4f);
    background-image: -moz-linear-gradient(top, #fd7b5d, #f34f4f);
    background-image: -ms-linear-gradient(top, #fd7b5d, #f34f4f);
    background-image: -o-linear-gradient(top, #fd7b5d, #f34f4f);
    background-image: linear-gradient(to bottom, #fd7b5d, #f34f4f);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 16px;
    padding: 0px 5px 0px 5px;
    text-align: center;
    height: 35px;
    line-height: 33px;
}

.btn-1:hover {
    background: #ec6258;
    background-image: -webkit-linear-gradient(top, #ec6258, #e73449);
    background-image: -moz-linear-gradient(top, #ec6258, #e73449);
    background-image: -ms-linear-gradient(top, #ec6258, #e73449);
    background-image: -o-linear-gradient(top, #ec6258, #e73449);
    background-image: linear-gradient(to bottom, #ec6258, #e73449);
}

.btn-1:active {
    box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.15);
}

.btn-1-outer {
    overflow: hidden;
    margin: 18px 0;
}

.btn-1-outer-left {
    float: left;
    margin: 3px 0 0;
}

.btn-1-long {
    float: right;
    padding: 0 20px;
}

/* esia styles */
.esia {
    width: 100%;
    overflow: hidden;
    font-family: Tahoma, Arial, sans-serif;
    margin-bottom: 5px;
}
.esia-box {
    background: url(/design/images/user/esia/bg.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 80px;
}
.esia-box-inner {
    padding: 6px 35px;
    box-sizing: border-box;
    height: 100%;
}
.esia-box-title {
    font-size: 18px;
    color: #2468a3;
}
.esia-box-lk-button {
    font-size: 12px;
    color: #fff;

    background: url(/design/images/user/esia/bg-button.png) no-repeat;
    border: none;
    outline: none;
    width: 220px;
    height: 24px;
    padding: 0 28px 0 12px;
    box-sizing: border-box;
    text-align: left;
    cursor: pointer;
    position: relative;
    line-height: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.esia-box-lk-button:after {
    content: '';
    background: url(/design/images/user/esia/icon-enter-1.png) no-repeat right center; /* fix for firefox */
    width: 28px;
    height: 100%;
    position: absolute;
    right: 0;
    top:0;
    cursor: pointer;
}
.esia-box-lk-button-location {
    float: right;
}
.esia-box-box {
    display: table;
    width: 100%;
    border-collapse: collapse;
}
.esia-box-box-auth {
    height: 100%;
}
.esia-box-box-item {
    display: table-cell;
    vertical-align: middle;
}

.esia-progressbar {
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    background: url(/design/images/user/esia/bg-progress.png) repeat-x left bottom #fbfbfb;
    padding: 4px;
    margin: 7px 0;
}
.esia-progressbar-list {
    border-radius: 3px;
    display: table;
    width: 100%;
    overflow: hidden;
    counter-reset: progressbar-list;
}
.esia-progressbar-item {
    display: table-cell;
    width: 33.33%;
    height: 26px;
    line-height: 26px;
    color: #9ea38f;
    text-align: center;
    vertical-align: middle;
    position: relative;
}
.esia-progressbar-item:before {
    counter-increment: progressbar-list;
    content: counter(progressbar-list);
    background: #4b9fcb;
    border-radius: 50%;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    margin-top: -3px;
    font-family: Verdana, Tahoma, sans-serif;
    margin-right: 8px;
    line-height: 1.3;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.esia-progressbar-item-current {
    background: url(/design/images/user/esia/bg-progress-current.png) no-repeat right center;
    border-left: 1px solid #dfdfdf;
}
.esia-progressbar-item-success {
    color: #fff;
    background: url(/design/images/user/esia/bg-progress-success.png) repeat left center #418cbd;
    position: relative;
}
.esia-progressbar-item-success:after {
    content: "";
    background: url(/design/images/user/esia/bg-progress-success-arrow.png) no-repeat left center;
    position: absolute;
    right: -19px;
    top: 0;
    z-index: 1;
    width: 19px;
    height: 26px;
}
.esia-progressbar-item-success:before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #fff;
    margin-top: -3px;
    margin-right: 8px;
    background: url(/design/images/user/esia/icon-success.png) no-repeat center center;
    vertical-align: middle;
}

.esia-collapsible-notice {
    display: none;

    border: 1px solid #dfdfdf;
    border-radius: 5px;
    position: relative;
    padding: 14px;
    box-sizing: border-box;
    margin: 10px 35px;
    background: #fff;
    line-height: 1.4;
}
.esia-collapsible-notice:before {
    content: "";
    position: absolute;
    left: -12px;
    top: -12px;
    width: 25px;
    height: 24px;
    background: url(/design/images/user/esia/icon-info.png) no-repeat center center;
}
.esia-collapsible-hide {
    text-align: right;
    font-size: 11px;
    color: #ababab;
    cursor: pointer;
}
.esia-collapsible-hide:after {
    content: "";
    background: url(/design/images/user/esia/icon-arr-up.png) no-repeat center center;
    width: 13px;
    height: 6px;
    display: inline-block;
    margin-left: 10px;
}
.esia-collapsible-more {
    display: block;
    text-align: right;
    margin: 5px 35px 0;
    cursor: pointer;
    color: #005594;
}
.esia-collapsible-show .esia-collapsible-notice {
    display: block;
}
.esia-collapsible-show .esia-collapsible-more {
    opacity: 0.5;
    color: #ababab;
    cursor: default;
}

.password-strength-box{
    display: block;
    margin: 9px 0 0 184px;
    min-height: 20px;
}

.password-strength-box.personal-office {
    margin-left: 124px;
}

.password-strength {
    display: none;
}

.password-strength-simple {
    color: red;
}

.password-strength-medium {
    color: orange;
}

.password-strength-hard {
    color: green;
}

.password-strength-text {
    margin-bottom: 22px;
}

/* MFC REDESIGN */
/* MFC Fonts */
@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/PTS55F_W.eot?31919061');
    src: url('../fonts/PTS55F_W.eot?31919061#iefix') format('embedded-opentype'), url('../fonts/PTS55F_W.woff?31919061') format('woff'), url('../fonts/PTS55F_W.ttf?31919061') format('truetype'), url('../fonts/PTS55F_W.svg?31919061#PTSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/PTS75F_W.eot?31919061');
    src: url('../fonts/PTS75F_W.eot?31919061#iefix') format('embedded-opentype'), url('../fonts/PTS75F_W.woff?31919061') format('woff'), url('../fonts/PTS75F_W.ttf?31919061') format('truetype'), url('../fonts/PTS75F_W.svg?31919061#PTSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Circe Bold';
    src: url('../fonts/Circe-Bold.otf') format('opentype');

    font-weight: bold;
    font-style: normal;
}


.mfc_page{
    font-family: 'PT Sans'!important;
    -webkit-font-smoothing: antialiased;
    font-smooth: auto;
}
.mfc_page #ar{
    background-color: #000;
}


.mfc_page #ar .ar__resource-title{
    color: #878787;
    line-height: 36px;
}

.mfc_page #main-container{
    width: 1280px;
    margin: 0 auto;
}
.mfc_page #main-container,
.mfc_page body{
    background: none;
}


.mfc_page #wrapper{
    width: 100%;
    margin: 0 auto;
    background: none;
    font-family: 'PT Sans';
    font-size: 14px;

}

.mfc-content{
    /*width: 857px;*/
    float: right;

}

.mfc-aside{
    width: 325px;
    float: left;
}
.mfc-aside + .mfc-content{
    width: 857px;
}


.mfc_page .region{
    width: auto;
    height: auto;
    overflow: hidden;
    background: none;
    border: none;
}

.mfc_page .region h2{
    color: #e7472c;
    font-style: italic;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 18px;
}

.mfc_page .region-list{
    width: 25%;
}

.mfc_page .region-list a{
    color: #878787!important;
    font-size: 12px;

}



.mfc_page .map_container{
    margin-left: 0;
    width: auto;
}

.mfc-map{
    width: auto!important;
    height: auto!important;
    border: none!important;
}

.mfc_page .new_widget,
.mfc_page .new_widget_login {
    top:0;
}

.mfc-new-logo{
    /*width: 188px;*/
    height: 141px;
    margin-right: -23px;
    margin-bottom: 40px;
    background: url(../images/mfc-new/logo.png) right 0 no-repeat;
}

.mfc-aside-menu a{
    display: block;
    text-align: right;
    margin: 12px 0;
    text-decoration: underline!important;
    color: #878787!important;
}

.mfc-aside-menu a:hover{
    text-decoration: none !important;
}


/* MFC Header */

.mfc_page #header{
    background: none;
    height: 60px;
}
.mfc-top-menu{
    margin-top: 20px;
}
.mfc-top-menu a{
    color: #C39367!important;
    text-decoration: underline!important;
    padding: 0 20px;
    font-size: 14px;
    line-height: 14px;
    border-right: 1px solid #C39367;
    display: inline-block;
}
.mfc-top-menu a:first-child{
    padding-left: 0;
}
.mfc-top-menu a:last-child{
    border-right: none;
}
/* /MFC Header */


/* MFC Footer*/
.mfc-footer{
    margin: -110px 25px 0px 25px !important;
    padding: 0 !important;
    background: none !important;
    height: 155px;
    overflow: hidden;
    font-size: 12px;

}

.mfc-footer-left{
    text-align: right;
    color: #878787;
    box-sizing: border-box;
    padding: 30px 20px;
}
.mfc-footer-left a{
    color: #cd9a67;
    text-decoration: none;
}
.mfc-footer-left a:hover{
    text-decoration: underline;

}
.mfc-footer-right{
    background: #5a2915;
    height: 100%;
    box-sizing: border-box;
    padding: 30px 20px;
    color: #fff;
    overflow: hidden;
    position: relative;

}



.mfc-footer-right a {
    color: #fff;
}
.mfc-footer-right a:hover{
    text-decoration: none;
}
.mfc-footer-phone{
    font-size: 22px;
    font-weight: bold;
    margin: 20px 0;
}

.mfc-footer-search{
    position: absolute;
    right: 20px;
    top: 30px;
}

.mfc-field{
    line-height: 30px;
    width: 200px;
    box-sizing: border-box;
    padding: 5px 20px;
    color: #fff;
    background: #784836;
    background: rgba(255, 255, 255, 0.2);
    border: 0;
    outline: 0;
    border-radius: 20px;

}
.mfc-search-button{
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -6px;
    background: url(../images/mfc-new/icon-search.png) 0 0 no-repeat;
    width: 12px;
    height: 12px;
    cursor: pointer;
    
}

.mfc-field::-webkit-input-placeholder{color: #fff;}
.mfc-field::-moz-placeholder{color: #fff;}
.mfc-field:-moz-placeholder{color: #fff;}
/* /MFC Footer*/

.text-yellow{
    color: #cd9a67;
}

.mfc_page h1{
    /*color: #5a2916; по макету*/
    color: #623B2A;
    /*font-family: 'Circe Bold';*/
    text-transform: uppercase;
    font-size: 20px!important;
    font-weight: normal;



}

.mfc_page h1.bordered{
    border-bottom: 1px solid #dadada;
    padding-bottom: 5px;
}

.mfc_page .subheader{
    color: #878787;
}
/*.mfc_page a{
    color: #cd9a67!important;
    text-decoration: underline !important;
}*/

/* MFC Page */

.mfc_page .navbar.navbar-top{
    width: 100%!important;
    margin: 70px 0 20px;
    position: static;

}

.mfc_page .area-select-active{
    float: left;
}

.mfc-organization-info dl{
    margin: 25px 0;
}
.mfc-organization-info dl:first-child{
    margin-top: 0;
}

.mfc-organization-info dt{
    color: #b2b2b2;
    font-size: 14px;
}
.mfc-organization-info dd{
    margin-left: 0;
    font-size: 18px;
    font-weight: normal;
}

.mfc-organization-map{
    font-size: 14px;
    color: #b2b2b2;
    margin-top: 20px;
}


#mfc_login_widget {
    width: 320px;
    position: absolute;
    height: 56px;
    right: 5px;
    top: 0;
    text-align: right;
    background: none;

}

#mfc_login_widget .login-link,
#mfc_login_widget .register-link{
    line-height: 56px;
    color: #878787!important;
    margin: 0 10px;
    text-decoration: underline;
}
#mfc_login_widget .login-link{
    color: #e7462c!important;
}

#mfc_login_widget a{
    color: #cd9a67;
}

#mfc_login_widget div.child_enter span input{
    background: #e7462c!important;
    height: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.mfc-register-button{
    background: #e7462c!important;
    height: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    border: 0;
    outline: 0;
    margin-top: 20px;
}

.mfc-register-button + .psw_forgot{
    display: block;
    margin-top: 10px;
}

.reg-number-tip{
    display: block;
    font-style: normal;
    color: #c2c2c2;
    padding-bottom: 20px;
    border-bottom: 1px solid #c2c2c2;
}
#mfc_login_widget div.child_enter span input:hover{
    
}

#mfc_login_widget div.child_enter span{
    line-height: 20px;
    margin-bottom: 0;
    padding-left: 93px;
}

div.mfc-login-widget div.child{
    top: 0;
    border: 1px solid #e6e6e6;
    background: #fafafa;
    text-align: left;
    padding: 40px;
    position: relative;

}
div.mfc-login-widget div.child:before{
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fafafa;
    right: 15px;
    box-sizing: border-box;
    top: -9px;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

div.mfc-login-widget div.child.child_reg:before{
    right: 63px;
}

div.mfc-login-widget div.child .child-heading{
    color: #282828;
    font-size: 19px;
    /*margin-bottom: 20px;*/
}

div.mfc-login-widget div.child input[type=text],
div.mfc-login-widget div.child input[type=password]{
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0;
    padding: 0 10px;
    border: 1px solid #cbcbcb;
    line-height: 32px;
    height: 34px;
    outline: 0;
    background: #fff;
}

.remember-me-label{
    color: #c2c2c2;
    font-style: normal;
    font-size: 14px;
}
#mfc_login_widget div.child i input
{
    top: 0;
}

.mfc-checkbox{
display: none;
}

.mfc-checkbox + label{
    color: #cd9a67;
    padding-left: 40px;
    display: block;
    position: relative;
    background: url("../images/mfc-new/checkbox.png") 0 center no-repeat;

}

.mfc-checkbox + label:before{

}

.mfc-checkbox:checked + label{
    background: url("../images/mfc-new/checkbox-checked.png") 0 center no-repeat;
}

.mfc-banners{
    text-align: right;
    font-size: 0;
}

.mfc-banners .mfc-banner{
    margin: 5px 0;
    display: inline-block;
}

.mfc-map-tooltip{
    display: block;
    position: absolute;
    background: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 7px 15px;
    font-size: 14px;
    z-index: 200;
    display: none;
    pointer-events: none;
    margin-top: -28px;

}

.information-content{
    font-size: 16px;
    color: #575756;
}

.information-content h2{
    text-transform: uppercase;
    font-size: 1.2em;
}

.information-content h3{
    font-size: 1.1em;
}

.information-content ul li,
.information-content ol li {
    line-height: 1.5;
}

.h label + div {
    padding-left: .4em;
    margin-left: 30%;
}

.new-request-rules ol{
    padding-left: 10px;
}

.fines-table .fines-table-footer th{
    font-weight: bold;

}


.fine-inactive{
    color: #aaa!important;

}

.fine-info{
    color: #808080;
    margin-top: 10px;
}
.fine-info div{
    margin: 3px 0;
}

.fine-status{
    color: #282828;
}
.fine-status.overdue{
    color: red;
}
.fine-status.discount{
    color: #22b14c;
}

.fine-inactive .fine-amount{
    color: #aaa;
}
.fine-amount{
    font-weight: bold;
    color: #282828;
    font-size: 14px;
    text-align: right;
}
.fine-amount.discount{
    color: #22b14c;
}
.fine-amount.old{
    font-weight: normal;
    font-size: 13px;
    text-decoration: line-through;
}



.icon-info{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/icons/icon-fine-info.png) 0 center no-repeat;
    cursor: pointer;
}


.icon-fine-photo{
    display: inline-block;
    width: 22px;
    height: 17px;
    background: url(../images/icons/icon-fine-photo.png) 0 center no-repeat;
    cursor: pointer;
}


.gis-gmp-table td,
.gis-gmp-table th{
    text-align: center;
}

.extra-table th .checked-sum {
    font-weight: bold;
    font-size: 14px;
    text-align: right;
}