html, body {
height:100%;
}
body {
position:relative;
font-size:13px;
line-height:18px;
font-family:Tahoma, Arial, sans-serif;
color:#595959;
overflow-x:hidden;
}
* {
margin:0;
padding:0; 
}
a {
color:#333435;
outline:none;
}
a:hover, a:focus {
color:#18B0E2;
outline:none !important;
}
img {
border:none;
max-width:100%;
height:auto;
}
input:focus, button, button:focus, button:active, select, input, textarea:focus {
outline:none !important;
}
*:invalid, *:-moz-ui-invalid {
border:0;
outline:none;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
input[type="submit"], button {
cursor:pointer;
}
input[type="number"], input[type="date"] {
-moz-appearance:textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button {
-webkit-appearance: none; margin: 0px;
}
input, textarea, button {
font-family: Arial, sans-serif;
font-size:16px;
color:#000;
}
fieldset{
border:none;
}
textarea{
resize:none;
overflow:auto;
}
table {
border-collapse:collapse;
border-spacing:0;
}
.clear {
width:100%;
height:0;
clear:both;
}
.clr:after, .clr:before {
content:'';
display:block;
width:100%;
height:0;
clear:both;
}
b, strong {
font-weight:bold;
}
i {
font-style:italic;
}

h1, h2, h3, h4 {
font-size:36px;
line-height:36px;
margin-bottom:15px;
}
h1 {
font-size: 22px;
line-height: 26.5px;
}
h2 {
font-size: 22px;
line-height: 26.5px;
}
h3 {
font-size: 22px;
line-height: 26.5px;
}
h4 {
font-size: 22px;
line-height: 26.5px;
}


.wrapper {
box-sizing:border-box;
position:relative;
max-width:1388px;
min-width:1000px;
margin:0 auto;
padding:0 40px;
}
#header, #top_menu, #footer {
width:100%;
min-width:1000px;
}


.logo_wrap {
float:left;
margin-top:15px;
margin-bottom:9px;
}
.logo {
display:block;
margin-left:-39px;
}


.article_list {
text-align:center;
}
.article_list_row {
display: -webkit-flex;
display: -webkit-box;
display: -moz-flex;
display: -moz-box;
display: -ms-flexbox;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
}
.article_item {
margin-bottom:40px;
}
.article_item a {
display:block;
width:200px;
margin:0 auto;
}
.article_image {
display:block;
height:200px;
text-align:center;
overflow:hidden;
margin-bottom:10px;
}
.article_name {
display:block;
line-height: 14px;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
}

.container {
min-height:700px;
margin-top:20px;
margin-bottom:20px;
}
.container p, .container ol, .container ul {
margin-bottom: 20px;
}
.container ol, .container ul {
margin-left:25px;
}


.container ul.tags {
margin-left:0;
list-style:none;
}
.container ul.tags li {
display:inline-block;
margin-right:15px;
}
.container ul.tags li a {
display:block;
font-size:14px;
line-height:17px;
}
.container ul.tags li.active a {
color: #18B0E2;
font-size: 20px;
}

.item-page {

}
.fields-container {
position:relative;
float:right;
width:200px;
font-size:14px;
padding:18px 0;
margin-left:80px;
margin-bottom:20px;
}
.field-label, .group_name {
font-weight:bold;
color: #333435;
}
.field-entry {
padding:5px 0;
}
.work_name {
display:block;
margin-top:-10px;
font-weight:bold;
}
.italic .field-value {
font-style:italic;
}
.fields-container-top, .fields-container-bottom {
position:absolute;
left:0;
width:100%;
height:3px;
background:#b6439e;
}
.fields-container-top {
top:0;
}
.fields-container-bottom {
bottom:0;
}
.fields-container-top:before, .fields-container-bottom:before {
content:'';
position:absolute;
z-index:-1;
left:0;
top:0;
height:3px;
width:1000px;
background:#000;
}
.mod_search {
float:right;
border:1px #ccc solid;
box-shadow:inset 2px 2px 4px #ccc;
}
.mod_search input {
float:left;
width:200px;
height:28px;
line-height:28px;
background:transparent;
border:none;
padding:0 10px;
}
.mod_search button {
float:left;
width:28px;
height:28px;
border:none;
background:url(../img/search.png) no-repeat center;
}
.result-title {
margin-top:15px;
}
.highlight {
color:red;
font-weight:bold;
}



.container .pagination {
text-align:center;
}
.container .pagination ul {
margin:0;
padding:0;
list-style:none;
display:inline-block;
}
.container .pagination ul li {
float:left;
margin:0 5px;
}


#footer {
overflow:hidden;
}
.footer_top {
position:relative;
width:100%;
height:2px;
background:#000;
}
.footer_top:after {
content:'';
position:absolute;
left:0;
top:2px;
width:100%;
height:9px;
background:url(../img/top_shadow.jpg) repeat-x left top;
}
.footer_top .wrapper, #top_menu_line .wrapper {
display: -webkit-flex;
display: -webkit-box;
display: -moz-flex;
display: -moz-box;
display: -ms-flexbox;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
}
.footer_top span, #top_menu_line span {
display:block;
width:200px;
height:2px;
margin:0 auto;
}
#top_menu_line span {
height:4px;
}
.footer_top .col1 span, #top_menu_line .col1 span {
background:#337fd7;
}
.footer_top .col2 span, #top_menu_line .col2 span {
background:#af4399;
}
.footer_top .col3 span, #top_menu_line .col3 span {
background:#ed3d64;
}
.footer_top .col4 span, #top_menu_line .col4 span {
background:#fcb43b;
}
#footer .copyright {
float:left;
margin:0 10px;
}
#footer .phone {
float:left;
margin:0 10px;
}
#footer .mail {
float:left;
margin:0 10px;
}
.footer_info {
padding:20px 0;
}

#top_menu ul {
list-style:none;
overflow:hidden;
display: -webkit-flex;
display: -webkit-box;
display: -moz-flex;
display: -moz-box;
display: -ms-flexbox;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
}
#top_menu ul li {

}
#top_menu ul li a {
box-sizing:border-box;
display:block;
width:200px;
margin:0 auto;
color: #333435;
font-size:14px;
height: 23px;
line-height:20px;
padding:0 10px;
text-decoration: underline;
}
#top_menu_line {
position:relative;
width:100%;
height:4px;
background:#000;
}
#top_menu_line:after {
content:'';
position:absolute;
left:0;
top:4px;
width:100%;
height:9px;
background:url(../img/top_shadow.jpg) repeat-x left top;
}
#top_menu ul li:nth-child(1) a:hover, #top_menu ul li:nth-child(1).active a {
background:#c1d8f3;
}
#top_menu ul li:nth-child(2) a:hover, #top_menu ul li:nth-child(2).active a {
background:#e9c6e2;
}
#top_menu ul li:nth-child(3) a:hover, #top_menu ul li:nth-child(3).active a {
background:#fdc4d1;
}
#top_menu ul li:nth-child(4) a:hover, #top_menu ul li:nth-child(4).active a {
background:#fee8c4;
}

.text table, .text tbody, .text tr, .text td {
display:block;
}
.text table tr {
display: -webkit-flex;
display: -webkit-box;
display: -moz-flex;
display: -moz-box;
display: -ms-flexbox;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
}
.text table td {
vertical-align: top;
padding-bottom:20px;
}
.text table td:first-child {
padding-right:13%;
}
.text table td:last-child {
flex: 0 0 200px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 200px;
-ms-flex: 0 0 200px;	
}

.cat_children_view {

}
.cat_children {
width:200px;
margin:0 auto;
}
.cat_children h3 {
font-weight:normal;
font-size:16px;
}
.cat_children ul {
list-style:none;
margin:0;
}
.cat_children li {
margin-bottom:20px;
}
.cat_children li a {
display:block;
font-size: 14px;
line-height: 16px;
}
.cat_children li span {
display:block;
font-size: 10px;
line-height: 12px;
color: #595959;
margin-top: 1px;
}
.breadcrumbs {
margin-bottom:20px;
}
.breadcrumbs a, .breadcrumbs span {
display:inline-block;
margin-right:10px;
font-size: 14px;
}


@media (max-width: 1400px) {

.logo {
margin-left:0;
}

}

@media (max-width: 1300px) {
.text table td:first-child {
padding-right:11%;
}
}
@media (max-width: 1200px) {
.text table td:first-child {
padding-right:9%;
}
}
@media (max-width: 1100px) {
.text table td:first-child {
padding-right:7%;
}
}
@media (max-width: 1000px) {
.text table td:first-child {
padding-right:4%;
}
}
