/* tags */
/*body, table, form, a, input, select, textarea, h1, h2, h3 {font: 12pt/18pt verdana; color: #505050}*/
* {color: #505050;}
body {font: 100%/1.5em verdana;}
body {padding: 0; margin: 0;}
h2 {font-weight: bold;}
h3 {text-decoration: underline; margin-left: 10px;}
img {border: none;}
ul, hr {clear: both;}
pre {border: solid 1px silver; padding: 20px;}
a {color: #7070ff}
a:visited {color: #0000ff}
a:hover {color: #0000ff}
a:active {color: #0000ff}
li {padding-bottom: 5px;}
ul {list-style: none;}
ul li {background-image: url('/images/design/1/li_icon.gif'); background-position: 0 8px;
    background-repeat: no-repeat; padding-left: 15px;}
/* div, h1, h2 {border: solid 1px silver;} */
dt {clear: both;}
p {margin: 0 0 10px 0; padding: 0;}
p:first-letter {padding-left: 10px;}
p.no-fl:first-letter {padding-left: 0;}
blockquote {padding: 10px;}

.bold {font-weight: bold;}
.left {float: left}
.clear {clear: both;}
.tright {text-align: right;}
.tcenter {text-align: center;}
.red {color: red;}
.no-float {float: none;}
.no-br {white-space: nowrap}

#main_block {width: 95%; margin: 0 auto; max-width: 1100px; padding: 0 ;}

#header {padding: 0; margin-top: 10px;  overflow: hidden;}
#header #top_menu {line-height: 31px; background: url('/images/design/1/hr-1100.png') no-repeat bottom center; background-size: 100%; margin-bottom: 15px;}
#header #top_menu span {position: relative; top: -10px; margin-left: 50px;}
/*#header #top_banner {height: 90px; text-align: center;}*/
.gblock {margin: 5px auto; text-align: center;}

.alert {
    background: #edf3ce;
    padding: 5px 10px;
}

#content {padding: 10px; min-height: 600px;}
#content h1 {font-size: 150%; text-decoration: underline; font-weight: normal; line-height: normal;}
#content h2 {font-size: 100%; text-decoration: underline;}
a.topLink {display: inline; float: right;}
p img {float: left; margin: 15px 30px 15px 15px;}
img.screen {float: none;}

.page_errors    {border: solid 1px red; color: red; padding: 5px; margin-bottom: 25px; overflow: auto}
.page_message    {border: solid 1px silver; color: black; padding: 5px; margin-bottom: 25px;
                  background: lightyellow; overflow: auto; font-weight: bold;}

#content.default h2 {text-transform: uppercase;}
#content.default h3 {font-weight: bold;}
#content.default h4 {font-weight: normal; text-decoration: underline; margin-left: 20px;}

#content.default #page-menu {width: 250px; float: right; clear: none; border: solid 1px silver; margin: 15px; padding: 10px; background: white;}
#content.default #page-menu ul {padding: 0; margin-top: 5px;}
#content.default #page-menu ul li {padding-top: 2px; padding-bottom: 2px;}
#content.default #page-menu a {text-decoration: none;}
#content.default #page-menu a:hover {text-decoration: underline;}
#content.default blockquote {background: url('/images/design/1/tip_help.png') no-repeat 5px 10px; border: dashed 1px silver;
    padding-left: 25px; font-style: italic;}

table.docs {clear: both; width: 100%; border: solid 1px silver; margin-bottom: 10px; border-spacing: 0;}
table.docs th {padding: 5px 10px; border-bottom: solid 1px silver;}
table.docs td {padding: 2px 10px; border-bottom: dashed 1px #dddddd; border-right: dashed 1px #dddddd;}
table.docs td:last-child {border-right: none; text-align: center;}
table.docs td[colspan] {background: silver; border-bottom: none; color: black; font-weight: bold; text-align: left;}
table.docs tr.last td {border-bottom: none;}
table.docs tr:last-child td {border-bottom: none;}

table.card-graphs {clear: both; width: 100%; border: solid 1px silver; margin-bottom: 10px; border-spacing: 0;}
table.card-graphs th {padding: 5px 10px; border-bottom: solid 1px silver;}
/*table.card-graphs td {padding: 2px 10px; border-top: dashed 1px #dddddd; border-left: dashed 1px #dddddd;}*/
/*table.card-graphs td:first-child {border-left: none; text-align: center;}*/
/*table.card-graphs tr:nth-child(1) td {border-top: none;}*/

table.card-graphs td {padding: 2px 10px;}
table.card-graphs tr:nth-child(n+2) td {border-top: dashed 1px #dddddd;}
table.card-graphs td:nth-child(n+2) {border-left: dashed 1px #dddddd;}

.pmenu {margin-bottom: 25px;}
.pmenu a {padding: 5px;}
.pmenu a.active {font-weight: bold; color: black; text-decoration: none; border-bottom: solid 3px rgb(144, 136, 236);}

span.menu {background: #eeeeee; padding: 0 2px; border: solid 1px silver; color: black; font-size: 80%; font-style: normal;}
span.key {padding: 0 2px; border: solid 1px silver; color: black; font-size: 80%; font-style: normal;}

dl.products {}
dl.products dt {margin: 30px 10px 20px 10px; clear: both; font-size: 150%; border-bottom: solid 1px silver; padding: 3px;}
dl.products dt a {color: #646464; font-size: 150%;}
dl.products dd img {float: left; margin: 5px 30px 35px 0}
.ver-note {padding-left: 60px; background: url(/images/design/1/check_mark_16x16.png) no-repeat 30px 5px;}
.ver-note:first-letter {padding-left: 0}
.stiker {background: #cd2122; color: white; position: relative; padding: 5px 10px; display: inline; text-decoration: none !important; line-height: 50px;}
.stiker:after {content: ""; position: absolute; bottom: -10px; left: 10px; border-top: 10px solid #cd2122;
    border-right: 20px solid transparent; width: 0; height: 0; line-height: 0;}

table.licenses {clear: both; width: 100%; border: solid 1px silver; border-spacing: 0;}
/*thead {border-bottom: solid 1px silver; color: white; background: #646464;}*/
thead {border-bottom: solid 1px #d0d0d0; color: black; background: #eeeeee;}
table.licenses th {padding: 5px 10px; border-bottom: solid 1px silver;}
table.licenses th.flic {width: 120px;}
table.licenses td {padding: 2px 10px; border-top: dashed 1px #dddddd;}
table.licenses tr:first-child td {border-top: none;}
table.licenses .price td {color: black; background: #eeeeee; font-weight: bold; border-top: solid 1px silver; border-bottom: none;}
table.licenses .price td a {color: red}
.download {text-align: center; margin: 20px;}
.download span, .round-block span {color: black; padding: 10px 15px; background: #eeeeee; border-radius: 20px; border: solid 1px silver;}
.download span a {padding: 5px 5px 5px 5px;}

.form_errors    {border: solid 2px red; color: red; padding: 5px; margin: 10px 0; overflow: auto}
.debug_area    {clear: both; border: solid 2px silver; color: #777777; padding: 5px; margin: 10px 0 auto; overflow: auto}

 /* forms */
.data_area  {}
.key_area   {text-align: center; padding: 10px;}
.btn_area   {text-align: center; margin: 15px}
.data_area .topic   {border-left: solid 3px silver; padding-left: 5px; margin-top: 10px}
.data_area .note    {font-size: 7pt; padding-left: 3px; line-height: 9pt}

#item_area .item {padding: 5px;}
#item_area .rem {font-size: 8pt; line-height: 10pt; margin: 5px 0 0;}
#item_area {padding-left: 50px; margin-bottom: 20px;}
#wm_label {text-align: center;}
#btn_block {padding: 10px; text-align: center}

#sms_details {padding-left: 10px; color: black;}
#sms_details .sms-info {text-align: center; display: inline-block; margin-bottom: 10px;}
#sms_details .sms-info small {line-height: 100%}
#sms_details .sms-info small span {color: #000}
#sms_details #special {font-size: 80%; line-height: 120%;clear: both;}
#code_block {margin: 5px; padding: 10px; border: solid 1px silver;}
#code_block .code {background-color: #f0faff; color: #585858; padding: 5px;font-weight: bold;font-size: 120%;}
#qr_block {width: 400px;min-width: 320px;min-height: 160px;margin-bottom: 10px;}
#qr_code img {float: left;margin: 5px 10px 5px 0;}
#code_table td {font-weight: bold; color: black; margin: 0 auto;}
#code_table td.code {background-color: #f0faff; line-height: 26px; font: bold 14px tahoma; color: #585858; padding: 0;}
#code_table td.light {background-color: #f0faff; line-height: 26px; font: bold 16px tahoma; color: #585858; padding: 0 5px;}
#sms_status_wrapper {margin-top: 30px;}
#code_table #client_code {vertical-align: top; padding-top: 3px;}

#sms_status {border: solid 1px silver; padding: 10px;}

#val_menu {width: 20%; float: left}
#val_menu ul {list-style: none; margin-left: 0; padding-left: 10px;}
#val_menu li {margin-left: 0; padding-right: 20px;}
#val_menu p {padding: 10px;}
/*#val_content {width: 80%; float: right}*/
#val_content td em {font-weight: bold; color: #000080;}
#val_content .tool {text-align: right; padding: 0; margin: 0}
#val_content .graph-frame {text-align: center;}

#val_content .set-time {color: #888; margin-bottom: 10px; font-size: 80%; margin-left: 40px; line-height: 15px;}
#val_content table.rates {width: 100%; border-spacing: 0;}
#val_content table.rates td {border-bottom: dashed 1px silver;}
#val_content table.rates tr.first td {border-top: dashed 1px silver;}
#val_content table.rates tr.favorite td {color: #5050FF;}

#footer::before {content: ''; display: block;}
#footer {padding: 10px; clear: both; text-align: center; background: url('/images/design/1/hr-1100.png') no-repeat top center;
    margin-top: 20px; background-size: 100%;}

.s-link {text-align: center; margin: 20px}
.s-link a {border: solid 1px silver; padding: 10px 20px;}

p.screen {float: left; width: 48%; text-align: center;}

#content #support_form {margin-left: 50px;}
ul.ticket-history {list-style: none;}
ul.ticket-history li.dir-0 {background: #eee; border: solid 1px silver; padding: 10px; margin-bottom: 10px;}
ul.ticket-history li.dir-1 {background: white; border: solid 1px silver; padding: 10px; font-weight: bold; margin-bottom: 10px;}
ul.ticket-history li .header {border-bottom: solid 1px silver; margin-bottom: 5px;}
ul.ticket-history .read-time {float: right; font-weight: normal;}

ul.faq {}
ul.faq li {border-bottom: dotted 1px silver; margin: 20px 0 10px 0;}
ul.faq .time {float: right; color: silver; margin: 0 10px 0 30px;}
ul.faq p.question {color: black; text-decoration: underline;}

/*.support #ans-link a {background: #eee; border: solid 1px silver; padding: 5px; border-radius: 10px}*/
.support #ans-form {padding: 10px 10px 10px 40px;}

#content #support_form input[type="text"], #content #support_form textarea {
    padding: 5px;
    box-sizing: border-box;
}

#content #support_form .support-contacts {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#content #support_form .topic .captcha img {
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

#content #support_form .topic .captcha input {
    width: 100px;
}

#content #support_form .data_area .note {
    margin-top: 5px;
}

#content #support_form .btn_area {
    margin-top: 40px;
}

#content #support_form .btn_area input {
    padding: 5px 10px;
    text-transform: uppercase;
}

ul.sitemap ul {margin: 10px;}
/*ul.sitemap ul li {padding: 0;}*/

#product-details {width: 67%; float: left; height: 350px; overflow: hidden}
#product-details .frame {margin: 10px; border: solid 1px #33f; height: 328px; overflow: hidden;}
#product-details .title {font-size: 25px; line-height: 50px; background: #33f; color: white;
    border-bottom: solid 1px #808080; text-shadow: 0 1px 2px rgba(0,0,0,0.5); padding-left: 20px;}
#product-details .body {padding: 20px; height: 200px; overflow: hidden; background: #eee}
#product-details .body a {margin-right: 20px; float: left; border: 6px solid #cecece; display: inline-block; box-shadow: 0 2px 5px #808080;}
#product-details .footer {padding: 5px 10px; text-align: center}
#btn-prev {float: left; margin-left: 10px; cursor: pointer;}
#btn-next {float: left; margin-left: 10px; cursor: pointer;}

.product {width: 25%; float: left; height: 350px; overflow: hidden; margin-bottom: 15px}
.product .frame {margin: 10px; border: solid 1px #808080; height: 328px; overflow: hidden;}
.product .frame.active {border: solid 1px #000; box-shadow: 5px 5px 5px #808080;}
.product .frame.active .title {background: #33f;}
.product .title {font-size: 25px; line-height: 50px; text-align: center; background: #b7b7b7; color: white;
    border-bottom: solid 1px #808080; text-shadow: 0 1px 2px rgba(0,0,0,0.5);}
.product .body {text-align: center; padding-top: 20px; height: 160px; overflow: hidden; background: #eee}
.product .body a {border: 6px solid #cecece; display: inline-block; box-shadow: 0 2px 5px #808080;}
.product .body a img {width: 200px;}
.product .body p {display: none;}
.product .footer {padding: 10px; text-align: center;}

#rates-block {width: 33%; float: left; height: 350px; overflow: hidden;}
#rates-block .frame {margin: 10px; border: solid 1px #808080; height: 328px; overflow: hidden;}
#rates-block .title {font-size: 25px; line-height: 50px; text-align: center; background: #b7b7b7; color: white; border-bottom: solid 1px #808080; text-shadow: 0 1px 2px rgba(0,0,0,0.5);}
#rates-block .body {height: 200px; overflow: hidden; background: #eee; position: relative;}
#rates-block .body a {position: absolute; padding: 0; background: #fff; border: none;
    display: inline-block; box-shadow: 0 2px 5px #808080; width: 100%; height: 100%}
#rates-block .rate {text-align: center; height: 35px; background: #eee; line-height: 35px}
#rates-block .rate a {text-decoration: none;}
#rates-block .body a img {width: 100%;}
#rates-block .rate a:hover {text-decoration: underline;}
#rates-block #rate-value {text-shadow: 1px 1px 3px rgba(25, 24, 39, 0.7);}
#rates-block #rate-prev {float: left; margin-left: 20px; cursor: pointer;}
#rates-block #rate-next {float: right; margin-right: 20px; cursor: pointer;}
#rates-block .footer {padding-top: 5px; text-align: center; height: 35px}

dl.faq {width: 850px; float: left;}
dl.faq dt {font-weight: bold; margin-bottom: 10px;}
dl.faq dt {border: 1px solid green; border-radius: 10px; padding: 10px; position: relative;}
dl.faq dt:before, dl.faq dt:after {content: ''; position: absolute; left: 20px; bottom: -20px; border: 10px solid transparent; border-top: 10px solid green;}
dl.faq dt:after {border-top: 10px solid white; bottom: -19px; }
dl.faq dd {margin-bottom: 20px;}

/*#content.services {padding: 10px 0;}*/
/*#content.services #val_menu {width: 290px; padding-top: 30px;}*/
/*#content.services #val_menu .adv_block {width: 240px;}*/
/*#content.services #val_content {width: 810px;}*/

#content.kursy-valut-dnr,
#content.services {padding: 10px 0; position: relative;}

#content.kursy-valut-dnr::after,
#content.services::after {content: ''; display: block;}

#content.kursy-valut-dnr #val_menu,
#content.services #val_menu {width: 290px; padding-top: 30px; position: absolute;}

#content.kursy-valut-dnr #val_menu::after,
#content.services #val_menu::after {content: ''; display: block;}

#content.kursy-valut-dnr #val_menu .adv_block,
#content.services #val_menu .adv_block {width: 240px;}

#content.services #val_content,
#content.kursy-valut-dnr #val_content
{padding-left: 290px;}

#main_block::after {content: ' '; display: block; clear: both;}

#date-selector {width: 240px; margin: 20px 0;}
#date-selector .datepick {width: 240px !important; font-size: 100%;}
#date-selector .datepick-month {width: 238px !important;}
#date-selector .datepick-nav {display: none;}
#date-selector .datepick-month-header {height: 35px; padding-top: 10px;}
#date-selector .datepick-month-year {border: solid 1px #666; cursor: pointer;}

.datepick-month-header option {background: silver;}

.adv-vr-120 {width: 120px; float: right; margin: 0 0 20px 20px;}
.adv-vr-300 {width: 300px; float: right; margin: 0 0 20px 20px;}
.adv-vl-300 {width: 300px; float: left; margin: 0 20px 20px 0;}
.adv-hc-728 {width: 728px; margin: 20px auto;}

ul.year-qvartal + h2 {clear: left;}
ul.year-qvartal {width: 25%; clear: none; padding: 0; float: left; margin: 0 0 30px 0;}

#top_menu span a:nth-child(n+2),
#footer a:nth-child(n+2),
nav.pmenu a:nth-child(n+2),
#content .tool a:nth-child(n+2),
#val_content .tool a:nth-child(n+2)
{background: url('/images/design/1/vr-20.png') no-repeat center left; padding-left: 10px; margin-left: 3px;}

#val_content .dtselect {text-align: center; display: none;}
#dt-selector {text-align: center; width: 80px;}

.imfx-block {
	border: solid 1px #eee;
}

.imfx-form {
	margin: 20px;
}

.imfx-message .msg-header {
	font-weight: bold;
}

.imfx-message .msg-body {
    display: none;
}

.imfx-message.open .msg-body {
    display: block;
}

.imfx-message a {
	text-decoration: none;
}

.imfx-message a:hover {
	text-decoration: underline;
}

#content.default.with-struct-column article {
    padding-right: 200px;
    position: relative;
}

.content-struct {
    position: absolute;
    width: 180px;
    top: 20px;
    right: 0;
    background: #fbfbfb;
}

.content-struct.fixed {
    position: fixed;
    right: 30px;
    z-index: 1000;
}

.content-struct > ul {
    margin: 0;
    padding: 10px;
    font-size: 90%;
    border-left: 4px solid #4285f4;
}

.content-struct ul a {
    text-decoration: none;
    color: black;
}

.content-struct li.entered > a {
    color: #039be5;
}

.content-struct ul a:hover {
    text-decoration: underline;
    color: blue;
}

.content-struct li {
    background-image: none;
    padding-left: 0;
    line-height: 120%;
}

.content-struct li > ul {
    margin-top: 5px;
    padding: 0 15px;
}

#content article img.shadow {
    box-shadow: 0 0 5px;
    max-width: 95%;
}

#content article dd {
    margin-left: 0;
}

#content.interview form .choise_label {
    cursor: pointer;
    padding-left: 5px;
    display: inline-block;
    margin-bottom: 10px;
}

#content.interview form .form-element {
    margin-bottom: 20px;
}

#interview_form input[type="submit"] {
    margin-left: 100px;
    padding: 5px;
}

#interview_form #other {
    width: 300px; margin-left: 25px; display: block;
}

#content.payment .payment-selector,
#content.payment #item_area input,
#content.payment #btn_block input,
#content.payment .payment-selector option {
    padding: 7px;
}

#content.payment input[type="submit"] {
    cursor: pointer;
}

#content.payment #item_area .info {
    margin-top: 10px;
    font-size: 90%;
    line-height: 120%;
}

.product[data-id="15"] .frame .body a,
#product-details[data-id="15"] .frame .body a {
    border: none;
    box-shadow: none;
}

#product-details[data-id="15"] .frame .body img {
    width: 200px;
}

.product[data-id="15"] .frame .body img {
    width: 145px;
}

.app-install-block {
    width: 50%;
    float: left;
    text-align: center;
}

.payment-links {
    text-align: center;
}

.payment-links a {
    min-width: 250px;
    display: inline-block;
    margin: 20px 10px 0;
    text-decoration: none;
    padding: 10px 15px;
    background: #eeeeee;
    border-radius: 50px;
    border: solid 3px red;
}
.payment-links a:hover {
    background: #edf3ce;
}

.payment-links a span {
    display: block;
}

.payment-links a .label {
    color: red;
    font-weight: bold;
    text-transform: uppercase;
}
.payment-links a .title {
    font-weight: bold;
}

.google-auto-placed {
    margin: 20px auto 20px;
    border-width: 1px;
    border-color: silver;
    border-style: solid none;
    padding: 20px 0;
}