* {outline: none; list-style: none; margin: 0; padding: 0}
html, body {min-width: 1000px; width: 100%}
body {background: #fff}
body, input, textarea, select, button {color: #000; font: 11px arial, helvetica, tahoma, verdana; cursor: default}
textarea {overflow: hidden; resize: vertical; display: block}
button, label, label * {cursor: pointer}
img {border: none; display: block}
table {border-collapse: collapse}
th, td {vertical-align: middle}
p {margin-bottom: 15px}
a {color: #439bbd; text-decoration: underline}
a:hover {text-decoration: none}

header > .line {background: #e0e0e0; height: 6px; overflow: hidden; position: absolute; top: 0; left: 0; right: 0}
header .center {background: url(/images/topPic.jpg) 0 21px no-repeat; width: 1000px; height: 365px; position: relative; margin: 0 auto}
header .center .line {background: url(/images/topLine.jpg); height: 6px; overflow: hidden; position: absolute; top: 0; left: 0; right: 0}
header .auth {height: 50px; position: absolute; top: 32px; left: 0}
header .auth b {color: #439bbd; font-family: arial; font-size: 10px; font-weight: normal}
header .auth .formText {float: left; margin-right: 5px}
header .auth .formText input {width: 120px}
header .auth .button {height: 22px; font-size: 11px; line-height: 22px; float: left; margin-right: 20px; padding: 0 20px}
header .auth .actions {line-height: 22px; float: left}
header .authorized b {color: #999}
header .authorized .greeting {line-height: 22px; float: left}
header .authorized .button {margin: 0 0 0 20px}
header .balance {position: absolute; top: 35px; right: 430px}
header .logo {position: absolute; top: 148px; left: 34px}
header .logoPrint {display: none}
header .menu {background: #eeeef0; background: linear-gradient(to top, #eeeef0, #fbfbfb); height: 46px; font-size: 15px; text-align: center; border-top: 3px #4c6d90 solid; border-bottom: 3px #dfdfdf solid; position: absolute; top: 310px; left: 0; right: 0}
header .menu li {width: 199px; height: 46px; float: left; position: relative; padding-left: 1px}
header .menu i {background: #4c6d90; background: linear-gradient(to top, #ececef, #4c6d90); width: 1px; height: 46px; overflow: hidden; display: block; position: absolute; top: 0; left: 0}
header .menu a, header .menu span {height: 46px; color: #4f4f4f; text-decoration: none; line-height: 46px; display: block}
header .menu a:hover {background: #fefefe; background: linear-gradient(to top, #f9f9f9, #fefefe)}
header .menu span {border-bottom: 6px #dfdfdf solid}
header .menu li:first-child {width: 200px; padding: 0}
header .menu li:first-child i {display: none}
.noAuth header .menu li {width: 332px; height: 52px; float: left; position: relative; padding-left: 1px}
.noAuth header .menu li:first-child {width: 334px; padding: 0}

footer {background: #fbfbfb; border-top: 3px #356d93 solid; border-bottom: 3px #e0e0e0 solid}
footer .center {width: 1000px; color: #737576; font: 11px tahoma, verdana, 'trebuchet ms'; position: relative; margin: 0 auto; padding: 20px 0}
footer .copyright {float: left; margin-right: 30px}
footer .copyright span {display: block}
footer .statistics {float: left}
footer .statistics span {display: block}
footer .icreations {text-align: right; white-space: nowrap; position: absolute; top: 30px; right: 0; padding: 2px 38px 0 0}
footer .icreations a {color: #91a1a9; text-decoration: none}
footer .icreations a:hover {text-decoration: underline}
footer .icreations img {border-radius: 3px; position: absolute; top: 0; right: 0}

#content {width: 1000px; min-height: 450px; margin: 0 auto; padding: 40px 0}
#content:after {content: ''; clear: left; display: block}
aside {width: 165px; float: left; padding: 0 30px 16px 0}
#right {width: 805px; font-size: 12px; line-height: 18px; float: left}

.clear {clear: left}
.clear.both {clear: both}
.block {width: 805px; overflow: hidden; margin-bottom: 50px}
.header {background: #eeeef0; background: linear-gradient(to top, #e9e9e9, #f9f9f9); height: 40px; color: #737576; font-size: 21px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-left: 3px #439bbd solid; margin-bottom: 22px; padding: 0 15px}
.header span {color: #439bbd; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.headerLined {font-weight: bold; border-bottom: 3px #4c6d90 solid; margin-bottom: 20px; padding: 5px 0}
.more {display: block}
.more s {background: url(/images/icons.png) -24px 0; width: 7px; height: 5px; overflow: hidden; position: absolute; margin: 7px 0 0 2px}
.back {display: block; margin-top: 60px; padding-left: 9px}
.back s {background: url(/images/icons.png) -32px 0; width: 7px; height: 5px; overflow: hidden; position: absolute; margin: 7px 0 0 -10px}
.list, .listNums {margin: 0 20px 15px}
.list li {background: url(/images/bullet.gif) 0 8px no-repeat; margin-bottom: 5px; padding-left: 8px}
.listNums li {background: none; padding: 0}
.list sup {position: absolute; margin: -4px 0 0 1px}
.list sup + span {padding-left: 8px}
.pic {border: 1px #9a9a9a solid; float: left; margin: 2px 20px 5px 0}
.picRight {border: 1px #9a9a9a solid; float: right; margin: 2px 0 5px 20px}
.picStr {margin: 10px 0}
.picRules {text-align: center; float: none; margin: 20px 0; padding: 0}
.picRules img {border: 1px #9a9a9a solid}
.red {color: #f00}
.textRight {text-align: right}

aside .search {height: 40px}
aside .search .title {display: block; margin-bottom: 3px}
aside .search .formText {float: left; margin-right: 5px}
aside .search .formText input {width: 113px}
aside .search .button {height: 22px; float: left; padding: 0 10px}
aside .search .button i {background: url(/images/icons.png); width: 15px; height: 16px; display: block; margin-top: 3px}
aside .menu a, aside .menu span {position: relative}
aside .menu dt {border-top: 1px #e3e3e3 solid; position: relative; margin-top: -1px}
aside .menu dt a, aside .menu dt span {height: 30px; font-size: 12px; text-decoration: none; line-height: 30px; display: block; padding: 0 5px}
aside .menu dt a {color: #737576}
aside .menu dt a:hover {background: #eee}
aside .menu dt span {background: #43bae8; background: linear-gradient(to top, #43bae8, #82cde7); color: #fff; z-index: 1}
aside .menu dt a::before, aside .menu dt span::before {content: ''; width: 0; height: 0; border: 4px transparent solid; border-right: none; position: absolute; top: 11px; right: 8px}
aside .menu dt a::before {border-left: 5px #b4b4b4 solid}
aside .menu dt span::before {border-left: 5px #fff solid}
aside .menu dt:first-child {border: none; margin: 0}
aside .menu dt.drop span {background: none; color: #737576}
aside .menu dt.drop span::before {border: 4px transparent solid; border-top: 5px #b4b4b4 solid; border-bottom: none; top: 13px; right: 7px}
aside .menu dd {padding: 2px 2px 3px 15px}
aside .menu dd span {background: #43bae8; background: linear-gradient(to top, #43bae8, #82cde7); color: #fff; display: block; padding: 2px 2px 3px 15px}
aside .menu dd a::before, aside .menu dd span::before {content: ''; width: 3px; height: 3px; overflow: hidden; display: block; position: absolute}
aside .menu dd a::before {background: #439bbd; top: 5px; left: -8px}
aside .menu dd span::before {background: #fff; top: 7px; left: 7px}
aside .menu dd a:hover {color: #e12b3c; text-decoration: underline}
aside .menu dd a:hover::before {background: #e12b3c}
aside .menu dd.act {padding: 0}
aside .menu dd.last {padding-bottom: 20px}
aside .menu dd.act.last {padding-bottom: 17px}
.noAuth aside .menu {padding-top: 6px}

.form {min-height: 1px; text-align: left; border: 1px #dfdfdf solid; position: relative; margin-bottom: 20px; padding: 22px 25px 24px 25px}
.form .left {width: 378px; float: left}
.form .right {width: 375px; float: left}
.form .row {margin-bottom: 3px}
.form .row.margin {margin-bottom: 20px}
.formDescr {width: 130px; height: 22px; font-size: 11px; line-height: 22px; float: left}
.passRetrieve .formDescr {width: 80px}
.formDescr i {color: #f00; font-style: normal}
.formText {float: left}
.formText input, .formText textarea {background: #fff; width: 198px; color: #555; font-size: 11px; border: 1px #ddd solid}
.formText input {height: 20px; padding: 0 5px}
.formText textarea {height: 100px; padding: 4px 5px}
.formText input:focus {background: #fafafa}
.formText input[disabled] {background: #eee; color: #aaa; text-shadow: 1px 1px 1px #fff}
.formText .error {color: #e12b3c; border-color: #db8d94}
.formText .error:focus {background: #fad6d9}
.formText.phone1 {width: 47px; color: #777; line-height: 22px}
.formText.phone1 input {width: 20px; text-align: center}
.formText.phone2 input {width: 132px}
.form .seven {width: 14px; height: 22px; color: #777; font-size: 11px; line-height: 22px; display: block; float: left; margin-right: 5px}
.form .left .disabled {color: #999}
.form .oblig {color: #b4b4b4; border-top: 1px #ccc dotted; padding-top: 7px}
.button {background: #58cef7; background: linear-gradient(to top, rgb(67, 186, 232), rgb(147, 223, 249)); height: 30px; color: #fff; font-size: 12px; font-weight: bold; line-height: 30px; text-align: center; border-radius: 5px; cursor: pointer; padding: 0 30px}
.button:hover {background: #90ddf7; background: linear-gradient(to top, rgba(67, 186, 232, 0.9), rgba(147, 223, 249, 0.9))}
.button:active {box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.05) inset}
.form .left .button {float: left; margin: 0 9px 0 130px}
.passRetrieve .left .button {margin-left: 80px}
.loader {background: url(/images/lightbox_loader.gif); width: 16px; height: 16px; overflow: hidden; float: left; display: none; margin-top: 7px}
.formInfo {margin-bottom: 30px}
.result {background: rgba(255, 255, 255, 0.7); width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 100}
.result .messBox {width: 400px; border-radius: 10px; position: relative; margin: 0 auto; box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.2)}
.result .title {background: #58cef7; background: linear-gradient(to top, rgb(67, 186, 232), rgb(147, 223, 249)); height: 40px; color: #fff; font-size: 16px; font-weight: bold; line-height: 40px; border-radius: 10px 10px 0 0; padding: 0 15px}
.result .text {background: #fff; line-height: 20px; text-align: center; border-radius: 0 0 10px 10px; padding: 30px 20px}
.result .button {background: #dcdcdc; background: linear-gradient(to top, rgb(150, 150, 150), rgb(200, 200, 200)); width: 100px; margin: 0 auto}
.result .button:hover {background: #58cef7; background: linear-gradient(to top, rgba(150, 150, 150, 0.9), rgba(200, 200, 200, 0.9))}
.result .close {background: url(/images/icons.png) -91px 0; width: 16px; height: 16px; cursor: pointer; position: absolute; top: 12px; right: 12px}
.result .close:hover {opacity: 0.8}

.newsBlock {margin-bottom: 50px}
.newsBlock .neighbours {margin-left: 3px}
.newsBlock p {margin-bottom: 3px; padding-right: 20px}
.newsBlock .line {height: 9px; overflow: hidden; margin-bottom: 18px}
.newsBlock .notices .line {background: #ff8c63; background: linear-gradient(to top, #fa652b, #ff8c63)}
.newsBlock .neighbours .line {background: #b3e757; background: linear-gradient(to top, #9d0, #b3e757)}
.newsBlock .title {color: #439bbd; font-size: 20px; margin-bottom: 13px; padding-right: 20px}
.newsBlock .title a {text-decoration: none}
.newsBlock .title a:hover {text-decoration: underline}
.newsBlock .date {color: #999; display: block; margin-bottom: 2px; padding-right: 10px}
.newsBlock .actual {background: #e63100; color: #fff; font-size: 9px; font-weight: normal; text-transform: uppercase; position: absolute; padding: 2px 5px 1px 5px}
.galleryIndex .pic img {background: url(/images/lightbox_loader.gif) 50% 50% no-repeat; width: 138px; height: 138px}

.wide {width: 850px}
.wide .pic {float: left; margin: 0 26px 14px 0}
.galleryList .item {width: 382px; text-align: left; float: left; margin-bottom: 16px; padding-right: 20px}
.galleryList .pic {margin-bottom: 0}
.galleryList .pic img {background: url(/images/lightbox_loader.gif) 50% 50% no-repeat; width: 138px; height: 138px}
.galleryList .title {font-size: 20px; line-height: 20px; margin-bottom: 10px}
.galleryItem .pic {margin-bottom: 26px}
.galleryItem .pic img {background: url(/images/lightbox_loader.gif) 50% 50% no-repeat; width: 138px; height: 138px}

.pages {height: 22px; text-align: center; overflow: hidden; margin: 20px 0}
.pages .in {display: inline-block}
.pages .item {float: left; margin-left: 1px}
.pages .item:first-child {margin: 0}
.pages a, .pages span {width: 22px; height: 22px; text-decoration: none; line-height: 22px; overflow: hidden; display: block}
.pages a {background: #f3f3f3; background: linear-gradient(to top, #ddd, #f3f3f3); color: #4f4f4f}
.pages a:hover {background: #eee; background: linear-gradient(to top, #ccc, #eee)}
.pages span {background: #43bae8; background: linear-gradient(to top, #43bae8, #82cde7); color: #fff}
.pagesBottom {margin: 0}

.aboutDocList {margin: 40px 0}
.aboutDocList .item {width: 161px; text-align: center; float: left; padding: 0 20px}
.aboutDocList .pic {border: none; float: none; margin: 0 0 15px 0}
.aboutDocList img {display: inline}
.aboutDocList span {font-style: italic}
.aboutPics {height: 172px; margin-bottom: 15px}
.aboutPics .pic {margin: 0 0 0 20px}
.aboutPics .pic:first-child {margin: 0}

.newsList .item {margin-bottom: 20px}
.newsList .item p {margin-bottom: 2px}
.newsList .title {font-weight: bold}
.newsList .date {color: #999; font-weight: normal; padding-right: 10px}
.newsList .bullet {background: #777; width: 3px; height: 3px; border-radius: 1px; overflow: hidden; display: inline-block; margin: 0 3px 2px}
.newsItem .title {font-size: 14px; font-weight: bold; margin-bottom: 20px}
.newsItem .subTitle {font-weight: bold; margin-bottom: 15px}
.textList {margin-bottom: 25px}
.textList li {position: relative; margin-bottom: 5px; padding: 10px 0 0 20px}
.textList .sub {margin-left: 20px; padding: 0 0 0 25px}
.textList .num {position: absolute; top: 10px; left: 0}
.textList li:first-child {padding-top: 0}
.textList li:first-child .num {top: 0}
.textList .sub .num {top: 0}
.pdfList li {font-weight: bold; position: relative; margin-bottom: 20px; padding-left: 23px}
.pdfList i {background: url(/images/icons.png) -57px 0; width: 16px; height: 16px; border-radius: 3px; overflow: hidden; display: block; position: absolute; top: 0; left: 0}
.pdfList a:hover {text-decoration: none}
.reportsList p {position: relative; padding-left: 23px}
.reportsList s {background: url(/images/icons.png) -40px 0; width: 16px; height: 16px; border-radius: 3px; overflow: hidden; display: block; position: absolute; top: 0; left: 0}
.budgetList .item {font-weight: bold; margin-bottom: 20px; padding-left: 20px}
.budgetList i {background: url(/images/icons.png) -57px 0; width: 16px; height: 16px; border-radius: 3px; overflow: hidden; display: block; position: absolute; margin: 0 0 0 -20px}
.budgetList a:hover {text-decoration: none}
.yearsList {margin-left: -7px}
.yearsList .item {float: left}
.yearsList a, .yearsList span {background: #eeeef0; background: linear-gradient(to top, rgb(245, 245, 245), rgb(238, 238, 238)); width: 196px; height: 100px; color: #555; font-size: 20px; text-decoration: none; line-height: 100px; text-shadow: 1px 1px 1px #fff; text-align: center; display: block; margin: 0 0 7px 7px}
.yearsList a:hover {box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.03) inset}
.yearsList span {background: #f9f9fa; background: linear-gradient(to top, rgba(245, 245, 245, 0.7), rgba(238, 238, 238, 0.7)); color: #ddd}
.yearsList:after {content: ''; clear: left; display: block}

.searchRes > .item {background: #fff; min-height: 1px; padding: 8px 12px 9px 40px}
.searchRes > .item:nth-child(odd) {background: #f7f7f7}
.searchRes > .item .num {width: 28px; display: block; position: absolute; margin: 0 0 0 -28px}

.bordered {border: 1px #dfdfdf solid; margin-bottom: 20px; padding: 22px 25px 18px 25px}

.managementList {width: 391px; float: left; margin-bottom: 30px; padding-right: 20px}
.managementList .item {margin-bottom: 20px}
.managementList .item p {margin: 0}
.managementList .title {position: absolute; margin: 0 0 0 -130px}
.managementList .name {font-weight: bold}
.managementList .name a {text-decoration: none}
.peopleList {width: 402px; float: left; padding-right: 20px}
.peopleList .item {margin-bottom: 16px}
.peopleList .pic {padding-bottom: 0}
.peopleList .pic img {width: 120px; height: 150px}
.peopleList .post {font-weight: bold}
.peopleList .post a {text-decoration: none}
.peopleList .info {width: 260px; float: left}
.peopleList .item:after {content: ''; clear: left; display: block}
.peopleTime {width: 383px; line-height: 14px; float: right; border: 1px #dfdfdf solid; margin-bottom: 20px}
.peopleTime th {text-align: left; padding: 12px 10px}
.peopleTime td {background: #fff; padding: 5px 0 6px 0}
.peopleTime td:first-child {width: 140px; padding-left: 10px}
.peopleTime tr:nth-child(even) td {background: #f7f7f7}
.peopleTime .lunch td {background: #fff; padding: 12px 0}

.qaList .item {border-bottom: 1px #ccc dotted; margin-bottom: 20px; padding-bottom: 20px}
.qaList .name {font-weight: bold; float: left}
.qaList .date {color: #999; float: left; padding-left: 10px}
.qaList .clear {height: 5px; clear: both}
.qaList .question {}
.qaList .answer {color: #e12b3c; margin-top: 5px}

.vacancies h3 {font-weight: normal; margin-bottom: 30px}
.vacancies .item {margin-bottom: 20px}
.vacancies .item h5 {font-size: 12px; margin-bottom: 10px}
.vacancies .item span {text-decoration: underline; cursor: pointer}
.vacancies .item span:hover {text-decoration: none}
.vacancies .lists {display: none}
.vacancies .list {margin: 0; padding: 0}
.vacancies .list:last-child {margin-bottom: 30px}
.vacancies dt {margin-bottom: 3px}
.vacancies dd {background: url(/images/bullet.gif) 0 8px no-repeat; margin: 0 20px 5px; padding-left: 8px}

.contactsInfo {width: 422px; float: left; margin-bottom: 20px}
.contactsInfo .row {position: relative; margin-bottom: 10px; padding-left: 80px}
.contactsInfo b {position: absolute; top: 0; left: 0}
.map {height: 400px; border: 1px #dfdfdf solid; margin-bottom: 15px}
.schemeText {margin-bottom: 30px}

.doc_print {height: 16px; overflow: hidden}
.doc_print a {background: url(/images/icons.png); width: 16px; height: 16px; overflow: hidden; display: block}
.doc_print a:hover {opacity: 0.8}
.doc_print .doc {float: left}
.doc_print .doc a {background-position: -40px 0; border-radius: 3px}
.doc_print .print {float: left; padding-left: 5px}
.doc_print .print a {background-position: -74px 0}

.docTitle {min-height: 1px; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; margin: 0 auto 10px; padding-top: 10px}
.docTitle .arrow {position: relative}
.docTitle .arrow a {background: url(/images/icons.png) -16px 0; width: 7px; height: 9px; overflow: hidden; display: inline-block; position: absolute; margin: 4px 0 0 5px}
.docTitle .arrow a:hover {opacity: 0.7}
.docTitle i {text-transform: lowercase}
.largeDocTitle .contents {margin-top: 30px}
.largeDocTitle .contents dt {text-transform: uppercase; margin-bottom: 5px}
.largeDocTitle .contents dd {position: relative; margin-bottom: 3px; padding: 0 20px 0 38px}
.largeDocTitle .contents .sub {padding-left: 38px}
.largeDocTitle .contents .num {width: 28px; font-size: 11px; text-align: right; position: absolute; top: 0; left: 0}
.largeDocTitle .contents a {text-decoration: none}
.largeDocTitle .contents a:hover {text-decoration: underline}
.largeDocTitle .contents .pdf {background: url(/images/icons.png) -57px 0; width: 16px; height: 16px; border-radius: 3px; overflow: hidden; display: inline-block; position: absolute; margin-left: 7px}
.largeDocTitle .contents .pdf:hover {opacity: 0.8}

.pdfFile {font-weight: bold; position: relative; padding-left: 23px}
.pdfFile a:before {content: ''; background: url(/images/icons.png) -57px 0; width: 16px; height: 16px; border-radius: 3px; position: absolute; top: 0; left: 0}
.pdfFile a:hover:before {opacity: 0.8}

.downloadAbode {background: #f5f5f5; float: right; border: 1px #aaa dotted; position: relative; padding: 20px 20px 20px 42px}
.downloadAbode i {background: url(/images/icons.png) -57px 0; width: 16px; height: 16px; border-radius: 3px; overflow: hidden; display: block; position: absolute; top: 20px; left: 20px}

.signed td {padding: 0 10px 40px 0}

.links .item {height: 60px; border: 1px #aaa dotted; position: relative; margin-bottom: 20px; padding-left: 70px}
.links .pic {border: none; float: none; position: absolute; top: 0; left: 0; margin: 0}
.links .descr {height: 60px; line-height: 60px}
.links .link {width: 100%; height: 100%; position: absolute; top: 0; left: 0}
.links .link a {height: 100%; display: block}
.links .link a:hover {background: rgba(0, 0, 0, 0.05)}

.notice_kidsNeeds .pic {border: none; margin-top: 8px}
.notice_kidsNeeds .list {margin-bottom: 15px; padding-left: 20px}
.notice_kidsNeeds .list li {background: none; width: 230px; float: left; position: relative; margin-bottom: 5px; padding-left: 10px}
.notice_kidsNeeds .list li:nth-child(odd) {clear: left}
.notice_kidsNeeds .list .clear {float: none; margin: 0; padding: 0}
.notice_kidsNeeds .list i:first-child {background: #333; width: 3px; height: 3px; overflow: hidden; display: block; position: absolute; top: 8px; left: 0}
.notice_kidsNeeds .red {color: #c33}
.notice_kidsNeeds .additional {padding-top: 30px}
.notice_kidsNeeds .additional .item {font-weight: bold; position: relative; margin-bottom: 10px; padding-left: 22px}
.notice_kidsNeeds .additional i {background: url(/images/icons.png); width: 16px; height: 16px; overflow: hidden; display: block; position: absolute; left: 0}
.notice_kidsNeeds .additional .pdf {background-position: -57px 0; border-radius: 3px; top: 0}
.notice_kidsNeeds .additional .jpg {background-position: -108px 0; border-radius: 3px; top: 1px}
.notice_kidsNeeds .additional .web {background-position: -125px 0; top: 0}

.docList li {font-weight: bold; position: relative; margin-bottom: 20px; padding-left: 23px}
.docList li:before {content: ''; background: url(/images/icons.png) -40px 0; width: 16px; height: 16px; border-radius: 3px; position: absolute; top: 0; left: 0}
.docList .pdf:before {background-position: -57px 0}

.tabs {height: 45px; user-select: none}
.tabs .tab {background: #eee; height: 37px; color: #999; font-weight: bold; line-height: 37px; border: 1px #ccc solid; border-bottom: none; border-radius: 5px 5px 0 0; cursor: pointer; float: left; margin: 7px 2px 0 0; padding: 0 20px}
.tabs .tab.active {background: #fff !important; height: 45px; color: #4f4f4f; line-height: 45px; cursor: default; margin-top: 0}
.tabs .tab:hover {background: #e3e3e3}
.tabsContent {border: 1px #ccc solid; border-radius: 0 5px 5px 5px; padding: 25px}
.tabContent {display: none}
.tabContent1 {display: block}
.tabContent .form {border: none; padding: 0}


.buttonNew {user-select: none}
.buttonNew * {background: #58cef7; background: linear-gradient(0, rgb(67, 186, 232), rgb(147, 223, 249)); height: 30px; color: #fff; font-size: 12px; font-weight: bold; line-height: 30px; text-decoration: none; text-align: center; border-radius: 5px; cursor: pointer; display: inline-block; padding: 0 30px}
.buttonNew *:hover {background: #90ddf7; background: linear-gradient(0, rgba(67, 186, 232, 0.9), rgba(147, 223, 249, 0.9))}
.buttonNew *:active {box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.05) inset}
.hello {font-size: 12px; line-height: 28px; float: left; position: relative; margin-left: 20px; padding-left: 22px}
.hello:before {content: ''; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qjg1MTYyMjY2NjQxMTFFN0EyMTNCRURCNEQ3OEJBMTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qjg1MTYyMjU2NjQxMTFFN0EyMTNCRURCNEQ3OEJBMTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkY2QzQ4NEY2NjNEMTFFNzgwQzVDMTczMUZGMEZBMzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkY2QzQ4NTA2NjNEMTFFNzgwQzVDMTczMUZGMEZBMzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz41tmJSAAAA9ElEQVR42mL8//8/AzLQrJrFDqR8gNgJiEGS+4B4y/W2tF/I6hiRNQI1cQKpyUCczIAKZgJxAVDzD5gAE5qCWCyaQCAdiKORBdA1ujHgBm74NHLi0ciBT+MVPBqv4tPYCcTnsGg6C8RdGKEKDE1hUKgBMRcQHwJibyD2g0bHRiDeDsT2QPwJiCcCQ/c9o0blTG4gZykQ+0MNewzEa4H4FMhgIDYH4iAgloHKg+TiWICEK5ImEJCF2o4LBAPxfCZoKiEV+IA0apGhUQukUYQMjaIgjT/J0PgdpHERGRoXg0J1AjQKHKDB/w+HYiao3AEgXgcQYAAZcjhPFzKBEAAAAABJRU5ErkJggg==); width: 14px; height: 16px; position: absolute; top: 5px; left: 0}
.hello + .buttonNew {float: left; margin-left: 20px}
.tabContent {font-size: 12px; position: relative}
.field {border-top: 1px #eee solid; padding: 8px 0}
.field:nth-of-type(even) {background: #f9f9f9}
.field:after {content: ''; clear: left; display: block}
.field figcaption {width: 240px; color: #888; font-weight: bold; line-height: 24px; float: left; padding-left: 10px}
.field .text {width: 400px; line-height: 24px; float: left}
.field sup {font-size: 80%; position: absolute; margin: -3px 0 0 1px}
.field input {background: #fff; width: 200px; height: 22px; font-size: 12px; line-height: 22px; border: 1px #ccc solid; border-radius: 3px; padding: 0 10px; transition: background 0.2s ease}
.field input:focus {background: #f5f5f5}
.personalInfo .field:first-of-type {border: none}
.personalInfo .buttonNew {margin: 20px 0 0 200px}
.changePassLink {position: absolute; bottom: 6px; right: 0}
.changePassLink * {text-decoration: underline; cursor: pointer}
.changePassLink *:hover {text-decoration: none}
.popup {background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 10}
.popup .closeArea {position: absolute; top: 0; bottom: 0; left: 0; right: 0}
.popup .closeIcon {color: rgba(255, 255, 255, 0.8); font-size: 60px; line-height: 32px; cursor: pointer; overflow: hidden; position: absolute; top: -40px; right: -40px; user-select: none; transition: color 0.2s ease}
.popup .closeIcon:hover {color: rgba(255, 255, 255, 0.6)}
.popup .resultNew {display: none}
.popupChangePass .block {background: #fff; min-width: 400px; max-width: 500px; border-radius: 10px; position: absolute; top: 50%; left: 50%; padding: 25px; transform: translate(-50%, -50%)}
.popupChangePass .block {width: auto !important; overflow: visible !important; margin-bottom: 0 !important}
.popupChangePass h4 {background: #eeeef0; background: linear-gradient(to top, #e9e9e9, #f9f9f9); color: #439bbd; font-size: 21px; font-weight: normal; line-height: 40px; text-align: center; border-radius: 10px 10px 0 0; margin: -25px -25px 21px}
.popupChangePass figcaption {width: 160px}
.popupChangePass .withNote figcaption {line-height: 14px}
.popupChangePass .note {color: #aaa; font-size: 10px; position: absolute; margin: 10px 0 0 10px}
/* .popupChangePass .retrieve span {text-decoration: underline; cursor: pointer} */
/* .popupChangePass .retrieve span:hover {color: #58cef7} */
.popupChangePass .buttonNew {margin: 20px 0 0 170px}
.popupChangePass .resultNew p {text-align: center; margin: 0; padding: 50px 0}
.realtyItem {margin-bottom: 3px}
.realtyItem dt {background: #eee; color: #bbb; font-weight: bold; text-transform: uppercase; border-radius: 3px; cursor: pointer; padding: 10px; user-select: none; transition: background 0.2s ease}
.realtyItem dt:hover {background: #f2f2f2}
.realtyItem dd {display: none; padding: 10px 0}
.realtyItem h5 {color: #333; font-size: 12px; text-transform: uppercase; border-bottom: 1px #ccc solid; padding: 15px 10px 5px}
.realtyItem .field:first-of-type {border: none}
.realtyItem.active dt {background: #58cef7 !important; background: linear-gradient(0, rgb(67, 186, 232), rgb(147, 223, 249)) !important; color: #fff}


#jquery-overlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 90}
#jquery-lightbox {width: 100%; text-align: center; position: fixed; top: 50px !important; left: 0; z-index: 100}
    #jquery-lightbox-dizzyAddition {border-radius: 10px; display: inline-block; box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.2)}
        #lightbox-container-image-box {background: #fff; width: 250px; height: 250px; border-radius: 5px 5px 0 0; position: relative; margin: 0 auto}
            #lightbox-container-image {padding: 10px}
                #lightbox-image {/*border-radius: 5px*/}
                #lightbox-nav {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10}
                    #lightbox-nav-btnPrev {width: 50%; height: 100%; display: block; position: absolute; left: 0}
                    #lightbox-nav-btnNext {width: 50%; height: 100%; display: block; position: absolute; right: 0}
                #lightbox-loading {width: 100%; height: 100%; text-align: center; position: absolute; top: 0; left: 0}
        #lightbox-container-image-data-box {background: #fff; border-radius: 0 0 5px 5px; margin: 0 auto; padding: 0 10px 5px 10px}
            #lightbox-container-image-data {color: #666}
                #lightbox-image-details {text-align: left; padding-bottom: 10px}
                    #lightbox-image-details-caption {font-weight: bold; display: block; padding-top: 2px}
                    #lightbox-image-details-currentNumber {font-size: 11px; clear: left; display: block; padding-top: 2px}
                #lightbox-secNav {display: none}
                    #lightbox-secNav-btnClose {}

@media print {
    * {background: none !important; color: #000 !important; font-family: times new roman}
    html, body {min-width: inherit; width: auto !important; font-size: 12px}
    #page {min-width: 640px; width: auto !important; margin: 0 !important}
    header {height: 50px}
    header .auth, header .logo, header .menu {display: none}
    header .logoPrint {text-align: center; display: block !important}
    footer .copyright {left: 0}
    footer .icreations {right: 0}
    aside {display: none}
    #right {width: auto !important; float: none !important; padding: 0 !important}
    .form {display: none}
    .header {border-color: #000}
}