@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(OpenSans.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: OpenSans;
    src: url(open_sans.ttf);
}

* {
    box-sizing: border-box;
}

body {
    font-family: OpenSans;
    min-width: 900px;
    margin: 3px 0px 0px 0px;
}

body a {
    text-decoration: none;
    color: black;
    cursor: pointer;
}

body a:hover {
    text-decoration: none;
    color: black;
    cursor: pointer;
}

.pjMenu{
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    padding: 11px 10px 11px 10px;
    margin-bottom: 0px;
    border-bottom: 2px solid #ddd;
    cursor: pointer;
    color: black;
}
.pjMenu:hover {
    border-bottom: 2px solid #ffd51a;
    background: linear-gradient(to bottom, #dddddd, #f5f5f5);
}

.userArea {
    padding-left: 10px;
    display: inline-block;
    margin-left: 10px;
}
.userArea:hover {
    background: linear-gradient(to bottom, #dddddd, #f5f5f5);
}

.userBlock {
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    padding: 12px 10px 11px 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    cursor: pointer;
    color: black;
    position: relative;
    z-index: 99999;
    cursor: pointer;
}
.userBlock ul {
    list-style-type: none;
    position:absolute;
    border-radius: 5px;
    padding: 10px 0px;
    margin:0px;
    border: 1px solid #bbbbbb;
    background: white;
    top: 43px;
    left: -43px;
    box-shadow: 0 0 2px #ccc;
    width: 175px;
    display:none;
}
.userBlock ul li {
    padding: 5px 20px;
    font-size: 14px;
}
.userBlock ul li:hover {
    background: #eeeeee;
}

.button {   /* Используется для кнопок пользователя */
    border: 2px solid;
    border-radius: 5px;
    border-color: #47c1e8;
    padding: 3px 15px 4px 15px;
    color: black;
    text-decoration: none;
    text-align:right;
    margin: 0px 10px;
    font-size: 14px;
    white-space: nowrap;
}
.button:hover {
    background: #47c1e8 !important;
    color:white;
}
.top-head {
    width:100%;
    border-top: 2px solid #ffffff;
    border-bottom: thin solid #ddd;
    vertical-align: top;
    position: relative;
    height: 42px;
}
.top-head a:hover {
    color: #73caf7;
}
.mainMenuNode {
    display: inline-block;
    padding: 5px 54px 0 0;
    border-radius: 5px;
    vertical-align: top;
    margin-top: 15px;
    color: black;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.mainMenuNode:hover {
    /*background: #eeeeee */
    color: #73caf7 !important;
}
.mainMenuNode ul {
    background-color: #eeeeee;
    list-style-type: none;
    position:absolute;
    top: 30px;
    left: 0px;
    border-radius: 5px;
    display: none;
    z-index: 99999;
    padding: 0px;
}
.mainMenuNode ul li {
    white-space: nowrap;
    margin: 10px 0px;
    padding: 5px 10px;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.mainMenuNode ul li:hover {
    background-color: #dddddd;
}
.footer {
    width: 100%;
    max-width: 1360px;
    margin: auto;
    background: #eeeeee;
    font-size: 14px;
    padding: 30px;
}
.footer a {
    color: #47c1e8;
}
.footer a:hover {
    text-decoration: underline;
}

.feedbackBlock {
    width: 500px;
    background:white;
    position:fixed;
    top:30%;
    z-index: 9999;
    display:none;
    padding: 20px;
    border: 1px solid black;
    box-shadow: 0 0 5px;
    border-radius: 10px;
}
.closeButton {
    float: right;
    border-radius: 11px;
    height:22px;
    width:22px;
    border: 1px solid black;
    padding-left:6px;
    cursor: pointer;
}
.closeButton:hover {
    background: #47c1e8;
}
.arrMenu {
    display: inline-block;
    padding: 5px;
    margin: 5px 10px;
    border-bottom: 3px solid #fff;
}
.arrMenu:hover {
    border-bottom: 3px solid #a266ab;
}

.header {
    font-size: 30px;
    text-align: center;
    margin: 15px 0px 20px 0px;
    font-weight: bold;
}
.subHeader {
    font-size: 24px;
    text-align: center;
    margin: 10px 0px 15px 0px;
    font-weight: bold;
}

.text {
    margin-top:10px;
    margin-bottom:10px;
    font-size: 18px;
    text-indent: 30px;
    text-align: justify;
}
p.text20 {
    margin-top:10px;
    margin-bottom:10px;
    font-size: 20px;
    text-indent: 30px;
    text-align: justify;
}
p.text_big {
    text-indent: 40px;
    margin-top:10px;
    margin-bottom:10px;
    font-size: 26px;
}
p.task {
    font-size:26px;
}

p.quest {
    font-size: 22px;
}

p.answ {
    font-size:18px;
    margin:3px 0px;
}
.block {
    width: 80%;
    margin: auto;
    border: 1px solid #eeeeee;
}
.astu {
    font-size: 18px;
    padding-left: 20px;
    margin:10px 0px;
    text-align: justify
}
.text_indent {
    font-size: 18px;
    padding-left: 20px;
    margin:10px 0px;
    text-align: justify;
    text-indent: 25px;
}
.text_list {
    font-size: 18px;
    padding-left: 60px;
    text-align: justify;
}
.text_ol {
    font-size: 18px;
    padding-left: 10px;
    margin:10px 0px;
    text-align: justify;
    text-indent: 15px;
}
td.border_bottom {
    border-bottom:1pt solid black;
}
textarea {
    font-size: 18px;
}
.circle {
    width: 13px;
    height: 13px;
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
#test_form label.error {
    color: red;
}
.trash p label{
	font-weight: normal;
	color:black;
}
.text20Indent30 {
    margin-top:10px;
    margin-bottom:10px;
    font-size: 20px;
    text-indent: 30px;
    text-align: justify;
}
.text18Indent20 {
    margin-top:10px;
    margin-bottom:10px;
    font-size: 18px;
    text-indent: 20px;
    text-align: justify;
}
.text20Indent0 {
    margin-top:10px;
    margin-bottom:10px;
    font-size: 18px;
    text-indent: 0px;
    text-align: justify;
}