html, body {height: 100%}
body {background-image: url("../img/bg.png"); width: 80%; min-width: 888px; max-width: 1200px; margin: 0 auto; font-family: Myriad Pro, Verdana, Arial, sans-serif;}

.wrapper {margin-top: -30px; height: auto !important; min-height: 100%; height: 100%; position: relative; box-shadow: 0 0 32px #111; background-color: #fff;}
* html .wrapper {height: 100%}
h1, h2, h3, h4, h5, h6 {font-family: Myriad Pro, Verdana, Arial, sans-serif;}

.header {height: 216px; background: url("../img/head_bg.png") 0 30px no-repeat; position: relative; padding-top: 30px;}

.header .menu {position: absolute; height: 43px; right: 0; top: 184px}
.header .menu .item {float: left; height: 38px; padding: 4px 25px; vertical-align: middle; font-size: 23px; line-height: 38px; border-right: 1px solid #E0E0E0; border-left: 1px solid #666}
.header .menu .item:first-child {border-left: none}
.header .menu .item:last-child {border-right: none}
.header .menu .item.active {color: #00539B;}
.header .menu .item a {text-decoration: none; color: #646567; display: inline-block; height: 42px}
.header .menu .item.active a {color: #00539B;}
.header .menu .item.last {float: right}

.header .contacts {position: absolute; top: 70px; right: 30px; color: white; text-align: right; font-size: 23px; line-height: 28px}
.header .contacts div.editable_text.redactor_editor {background-color: silver !important;}

.header .logo {margin-top: 27px; margin-left: 41px}

.section {position: relative; background-color: white; padding: 18px 0 30px;}
.section .side {width: 275px; float: left}
.section .side .menu {padding-bottom: 12px; margin-top: 12px}
.section .side .menu .item {width: 200px; padding: 21px 0 5px 4px; text-align: right; font-size: 21px; background: url("../img/menu_line.png") no-repeat bottom right;}
.section .side .menu .item:first-child {padding-top: 8px}
.section .side .menu .item a {text-decoration: none; color: #646567;}
.section .side .menu .item.active {color: #00539B; font-size: 23px; }
.section .side .menu .item.active a {color: #00539B;}

.content {padding: 0px 55px 16px 80px; margin-left: 275px; font-size: 17px; border-left: 2px solid #00539B; }
.content > p, .editable_text > p {text-indent: 1.5em; text-align: justify}
.content a, .content a:visited {color: #00539B}

.bottom_fact {background: url("../img/head_bg.png") 0 0 no-repeat; padding: 8px; text-align: center; font-size: 120%; position: absolute; bottom: 0; left: 0; right: 0}
.bottom_fact .text {vertical-align: middle; color: white; }

.footer {height: 24px; font-size: 10px; line-height: 24px; text-align: right; color: navy; font-family: Verdana, Tahoma, Arial, sans-serif; padding-right: 12px; position: absolute; bottom: -30px; right: 0; width: 100%; left: 0}

h2 {font-size: 140%; text-align: center; line-height: 2em}
.gallery h2 {color: #7f7f7f; font-size: 17px}

.additional { border: 1px solid sienna; background-color: lightgoldenrodyellow; padding: 7px; position: absolute; right: 4px; top: 4px; font-size: 80%; /* white-space: pre; font-family: monospace; */ }

.editable_tree {}
.editable_tree ul {margin-left: 1.5em}
.editable_tree>ul {margin-left: .5em}
.editable_tree li {list-style: circle}
.editable_tree .not_editable .dynatree-title {color: LightBlue}
.editable_tree .disabled .dynatree-title {color: silver}

.dialog label {width: 100%; display: block; margin-bottom: 0.7em}
.dialog label input, .dialog label select {width: 30%; display: inline-block}
.dialog label span {width: 25%; display: inline-block}
.dialog label span.test_uri {width: 42%}
.dialog label input.checkbox {width: 1em}

.dialog label.half {width: 49%; display: inline-block}
.dialog label.third {width: 32%; display: inline-block}
.dialog label.quarter {width: 24%; display: inline-block}

.dialog .error {color: red}
.dialog .admin_email {display: none}
.dialog .invalid {color: red; background-color: lightpink}

.dialog label+.error {font-size: 80%; line-height: 0.8em; margin-top: -1em; position: absolute}

.ui-dialog-buttonset {width: 100% !important}
.ui-dialog-buttonset button.delete {float: right; background: none; border: 0px none; color: red}

.confirm .ui-dialog-titlebar {display: none}
.confirm.delete.ui-dialog, .confirm.delete.ui-widget, .confirm.delete.ui-widget-content, .confirm.delete .ui-widget-content, .confirm.delete.ui-corner-all, .confirm.delete.ui-draggable, .confirm.delete.ui-resizable {background: #B00000 !important; color: white; font-weight: bold}
.confirm.delete button.right {float: right}

.editable_text {}
.editable_text ul {margin-left: 1.5em}
.editable_text>ul {margin-left: 2.5em}
.editable_text li {list-style: disc; display: list-item}
.redactor_editor img {border: 1px dashed silver}

.pride {text-align: center}
.pride img {max-width: 650px; max-height: 320px; display: block; margin: 0px auto}
.image_border {box-shadow: 0 0 24px 5px #DDD, inset 0 0 24px 5px #DDD; padding: 20px 32px; border-radius: 7px; display: inline-block}
.small_bordered_image {box-shadow: 0 0 24px 3px #DDD, inset 0 0 24px 3px #DDD; padding: 20px 32px; border-radius: 7px; display: inline-block; border: 0 !important;}
.small_bordered_image {padding: 14px !important; background-color: #fff !important; margin-left: 18px !important; margin-bottom: 18px !important;}
/*.small_bordered_image:first-child {margin-left: 0 !important;}*/

/*.fact { box-shadow: 0 0 24px 5px #DDD, inset 0 0 24px 5px #DDD; padding: 20px 32px; border-radius: 7px; vertical-align: middle; min-height: 2.5em; color: navy; margin: 0 24px}*/
.fact { border-radius: 8px; border: 0px; color: #0019A8; min-height: 48px; display: table; background: url("../img/info_icon_48.png") 0 0px no-repeat; padding-left: 64px}
.fact .icon {display: block; float: left; font-size: 2em; margin: 7px; vertical-align: middle;}
.fact .text {display: table-cell; vertical-align: middle;}

.message {text-align: center; font-weight: bold}
.order td {padding-bottom: 0.7em; padding-right: 0.4em}

.article {padding: 0px 55px 16px 55px; font-size: 17px;}
.article > p, .editable_text > p {text-indent: 1.5em; text-align: justify}

.gallery h2 {margin-bottom: 16px}