/* for other */
html, body {padding: 0; margin: 0; height: 100%; width: 100%;}
body {background-color: #ffffff; text-align: center;}
body, td, textarea, input, button {font-family: Arial, sans-serif; font-size: 11pt; color: #252525; line-height: 150%; font-weight: normal;}
img {border: none;}
p {padding: 0; margin: 1em 0;}

button, input[type=submit] {cursor: pointer; padding: 3pt 5pt; margin: 0 10pt 0 0; border-radius: 5pt; background-color: #f2f0ec; background: linear-gradient(top, #f2f0ec, #e3e3dc); border-style: solid; border-width: 1pt; border-color: #e1e1e1 #cbcbcb #cbcbcb #e1e1e1;}
input[type=submit] {margin: 0; padding: 5pt 8pt;}
button:hover, input[type=submit]:hover {background-color: #ffffff; background: linear-gradient(top, #ffffff, #e4dfd6); color: #505050;}
button.unactive, button.unactive:hover {cursor: default; background-color: #f7f7f7; background: linear-gradient(top, #f7f7f7, #eeeeee); color: #909090; border-color: #efefef #dedede #dedede #efefef;}
input[type=text], input[type=password], input[type=search], textarea {background: #fff; border-style: solid; border-width: 1pt; border-color: #d0d0d0 #e0e0e0 #e0e0e0 #d0d0d0; padding: 4pt 8pt; box-shadow: inset 1pt 1pt 2pt 0 rgba(0, 0, 0, 0.1); color: #000; border-radius: 2pt;}

a:link, a.novisited:visited, .likeAText button {color: #1bb0fd; text-decoration: underline;}
a:hover, a:active, a:visited:hover, .likeAText button:hover {color: #f41212; text-decoration: underline;}
a:visited {color: #83b4cd; text-decoration: underline;}

a.inner {text-decoration: none; border-style: dashed; border-width: 0 0 1pt 0;}
a.inner:hover, a.inner:visited:hover {text-decoration: none;}

h1 {font-size: 1.6em; font-weight: normal; color: #6f6f6f; padding: 0; margin: 0; line-height: 150%;}
h2 {font-size: 1.4em; font-weight: normal; color: #6a6a6a; padding: 0; margin: 1em 0 0.6em 0; line-height: 150%;}

.red {color: #d00000;}
.green {color: #00d000;}

img.captcha {width: 69pt; height: 24pt; cursor: pointer; vertical-align: middle;}

.main {display: inline-block; vertical-align: top; text-align: left; width: 90%; max-width: 1200pt;}
.main.mainPage {width: 80%;}

.logoBox {text-align: center; margin: 2em 0 2em 0;}
.logoBox img {width: 70%;}
.logoBox.mainPage {margin: 2em 0 1em 0;}
.logoBox.mainPage img {width: 80%;}

.mainPageColumn {display: inline-block; vertical-align: top; width: 50%;}
.mainPageColumnPad {padding: 0 1.3em;}
.mainPageColumn.column1 .mainPageColumnPad {padding-left: 0;}
.mainPageColumn.column2 .mainPageColumnPad {padding-right: 0;}

.pageColumn {display: inline-block; vertical-align: top;}
.pageColumn.column1 {width: 23%;}
.pageColumn.column2 {width: 67%;}
.pageColumn.column1 .pageColumnPad {padding: 0 3em 0 0;}
.pageContent {margin: 1em 0 0 0;}

.mapBox {text-align: center; margin: 2em 0 2em 0;}
.mapBox img {width: 70%;}

.footer {margin: 3em 0 0 0; padding: 1.5em 0 1.5em; border-style: solid; border-width: 1pt 0 0 0; border-color: #bfbfbf;}
.footerColumn {display: inline-block; vertical-align: top; width: 33.33%;}
.footer ul {list-style: none; padding: 0; margin: 0;}

.siteAuthor {padding: 0 0 0 100pt; position: relative; display: inline-block; text-align: left;}
.siteAuthor a div {background-image: url("/images/sprites.png"); width: 88.5pt; height: 33.75pt; background-size: 262.5pt 262.5pt; background-position: 0pt 0pt; position: absolute; top: 0; left: 0;}

.menuHorisontal {width: 100%; list-style: none; padding: 0; margin: 1.5em 0 2em 0; text-align: center;}
.menuHorisontal li {display: inline-block; vertical-align: top; width: 14.28%; font-size: 1.2em; line-height: 150%;}

.menuVertical {list-style: none; padding: 0; margin: 2em 0 0 0;}
.menuVertical li {display: block; font-size: 1.2em; line-height: 150%; margin: 0 0 0.4em 0;}
.menuVertical li a, .menuVertical li span {padding: 3pt 6pt; display: inline-block;}
.menuVertical li span {background-color: #c7e8ff; background: linear-gradient(top, #c7e8ff, #a2d4ff); border-radius: 4pt; color: #404040;}
.menuVertical ul {margin: 0 0.8em 0 20pt; padding: 0;}
.menuVertical ul li {display: block; font-size: 0.8em; line-height: 150%; margin: 0.4em 0 0 0;}
.menuVertical ul li a {display: inline; padding: 0;}

.contacts {width: 100%;}
.contacts .column1 {padding: 4pt 0; width: 32%; vertical-align: top; font-weight: bold;}
.contacts .column2 {padding: 4pt 0; vertical-align: top;}

.justColumn {display: inline-block; vertical-align: top; width: 50%;}
.justColumn.column1 .justColumnPad {padding: 0 1em 0 0;}
.justColumn.column2 .justColumnPad {padding: 0 0 0 1em;}

.schemeLoading {display: inline-block; background: #000; background-color: rgba(0, 0, 0, 0.6); border-radius: 3pt; color: #fff; font-size: 0.9em; padding: 2pt 4pt;}
.schemeText {margin: 1em 0;}

.path span {color: #8f8f8f;}

.formLine {margin: 0.8em 0 1.2em 0;}
.formLineContent, .formLineTitle, .formLineHint {width: 270pt; max-width: 100%;}
.formLine input[type=text], .formLine input[type=password] {width: 100%; box-sizing: border-box;}
.formLine textarea {width: 100%; height: 14em; box-sizing: border-box;}
.formLine.formLineTextarea .formLineContent, .formLine.formLineTextarea .formLineTitle, .formLine.formLineTextarea .formLineHint {width: 540pt; max-width: 100%;}
.formLineTitle {margin: 0 0 0.2em 0;}
.formLineHint {margin: 0.2em 0 0 0; font-size: 0.9em;}
.formLine input.captcha {width: 60pt;}
.formLine img.captcha {margin: 0 5pt 0 0;}

.likeAText {display: inline;}
.likeAText button {display: inline; background: none; border: none; padding: 0; margin: 0;}

.tracksForm {margin-bottom: 15pt;}
.tracks {width: 100%;}
.tracks td {vertical-align: top; box-sizing: border-box; width: 21.5%; padding: 3pt 5pt;}
.tracks .tracksTarget {width: 35%;}
.tracks.tracksAdmin td {width: 20%;}
.tracksEven {background-color: #f5f5f5;}
.tracksSingle:hover {background-color: #ffefd0;}
.tracksTop td {font-weight: bold; border-style: solid; border-width: 0 0 1pt 0; border-color: #ddd;}

.contentBox {position: relative; min-height: 1em;}
.contentBox .contentBoxEdit {display: none; position: absolute; top: -1.5em; right: 0;}
.contentBox:hover {background-color: rgba(255, 220, 185, 0.3);}
.contentBox:hover .contentBoxEdit {display: inline;}

.photoBox {display: inline-block; vertical-align: top; margin: 0.5em;}
.photoBoxCont {overflow: hidden;}
.photoBoxDesc {text-align: center; font-size: 0.9em;}
.photoBoxEdit {text-align: center; font-size: 0.9em;}
.photoBoxMat {background: #000; background-color: rgba(0, 0, 0, 0.7); cursor: pointer;}
.photoBoxLoading, .photoBoxDescTop {display: inline-block; background: #000; background-color: rgba(0, 0, 0, 0.6); border-radius: 3pt; color: #fff; padding: 2pt 4pt;}


@media screen and (max-width: 810pt) {
	.pageColumn.column2 {width: 77%;}
}

@media screen and (max-width: 690pt) {
	.menuHorisontal li {width: 25%; margin: 0 0 1em 0;}
}

@media screen and (max-width: 620pt) {
	.main {width: 80%;}

	.footerColumn.column1, .footerColumn.column2 {width: 50%;}
	.footerColumn.column3 {width: 100%; display: block; margin: 1.5em 0 0 0; text-align: center;}
	.footerColumn.column2 .footerColumnPad {padding: 0 0 0 1.3em;}

	.pageColumn.column1, .pageColumn.column2 {display: block; width: 100%;}
	.pageColumn.column1 .pageColumnPad, .pageColumn.column2 .pageColumnPad {padding: 0;}

	.menuHorisontal li {width: 33.33%;}

	.menuVertical {text-align: center;}
	.menuVertical li {display: inline-block; vertical-align: top; width: 33.33%; margin: 0 0 0.8em 0;}
	.menuVertical ul {display: none;}

	.mapBox img {width: 90%;}
}

@media screen and (max-width: 400pt) {
	.mainPageColumn {display: block; width: 100%;}
	.mainPageColumnPad {padding: 0;}

	.footerColumn.column1, .footerColumn.column2 {width: 100%; display: block;}
	.footerColumn {margin: 1.5em 0 0 0;}
	.footerColumn.column3 {text-align: left;}
	.footerColumn.column2 .footerColumnPad {padding: 0;}

	.menuHorisontal li {width: 50%;}

	.menuVertical li {width: 50%;}

	.mapBox img {width: 100%;}

	.justColumn {display: block; width: 100%;}
	.justColumn.column1 .justColumnPad, .justColumn.column2 .justColumnPad {padding: 0;}
}