body {font: 0.750em 'Open Sans', sans-serif; font-weight: 400; color:#000; min-width: 1024px;}
form {margin:0;}
footer {display: block;}
p {margin:0; font: 0.750rem 'Open Sans', sans-serif;}
b {font-weight:bold;}
a:hover {text-decoration: none !important;}
.row {max-width: 980px;}
.center {text-align:center;}
.side-nav, .news h3, input {font-family: 'Open Sans', sans-serif; font-weight: 400;}
fieldset {position: relative; margin-top:5px;}
fieldset.blue, .sidebar fieldset {border-color: #6b84a0; color: #6b84a0;}
fieldset.orange {border-color: #ff9307;}
fieldset legend {text-transform: uppercase; color:#6b84a0; font-size: 1.125rem; font-weight: 600; padding: 0 8px;}
legend > small {padding-left:5px;}
.sub-legend {position: absolute; padding: 0 8px; background: #fff; top:0; right:10px;}
.sub-legend a {text-decoration: underline; color:#6b84a0; font-size: 0.750rem;}
.sub-legend a:hover, .sub-legend a:focus {text-decoration: none;}
.orange legend, .orange .sub-legend a {color: #ff9307;}

.header {width:100%; background:url(../img/header_bg.png) no-repeat 50% 0; height:137px; padding-top:15px;}
.header h1 {margin:0 0 7px; color: #6b84a0; font-size: 1.125rem; padding-top:15px;}
.header hr {color: #6b84a0; border-color:#6b84a0; margin:0 0 2px;}
.header-text {width:450px; margin-right:30px; float:left;}
.header-text p {color: #6b84a0; font-size:0.875rem;}
.logo-link {float:left; margin-right:20px;}
.main-menu {width: 100%; background-color: #6b84a0; min-height: 43px; padding:0; margin:0 0 35px;}
.main-menu ul {margin-bottom:0;}
.main-menu li {text-transform: uppercase; margin:0; height:100%; height: 43px;}
.main-menu li:hover, .main-menu li.active {background: #ff9307;}
.main-menu li a {color: #fff; display: inline-block; padding:0 20px; line-height: 43px; font-size: 0.750rem}
.main-menu li:hover a, .main-menu li.active a {color: #6b84a0; text-shadow:0 1px rgba(256, 256, 256, 0.5)}
.search {position: relative;}
.search input, .search input:focus {margin:0; border:none; outline: none; background: #8498af; box-shadow: none; color: #fff; font-size: 0.750rem; height:auto; margin-top:5px;
    padding-right: 35px;}
.search form {margin:0; position: relative;}
.search-button, .search-button:hover, .search-button:focus {background: url(../img/search.png) no-repeat 5px 50%; width: 35px; height: 100%; position: absolute; border:none; top:0; right:0; padding: 0; margin: 0; z-index: 1;
    display: block;}
.sidebar .side-nav li {font-size: 0.750em; margin:0;}
.sidebar fieldset {padding-bottom:0.875em; padding-right:10px; padding-left:20px; margin:0 0 5px;}
.forum .side-nav {padding: 10px 0 0}
.forum img {width:255px;}
.forum .img-nav {display: inline-block; margin-top: -10px;}
.interview img {display: block; margin-right:15px;}
.interview ul {padding: 0;}
.interview .side-nav li {margin:20px 0 0;}
.interview .side-nav li:first-child {margin: 0;}
.side-nav li a.interview-text, .side-nav li a.interview-text:hover, .side-nav li a.interview-text:focus {width: 175px; display: block; color: #6b84a0;}

.calendar table {border:none; padding:0; margin:0;}

.calendar table.month {width:100px; float:left;}
.calendar table.week-day {width:38px; float:left;}
.calendar table.week-day td {color: #b8c5dc;}
.calendar table.week-day td.highlight {color: #ffd8b9;}
.calendar table td {padding:3px; font-size:0.750rem; color: #6b84a0; background: #fff !important; line-height: 100%;}
.calendar table th {padding-top:0;}
.calendar table th.month-name {text-transform: uppercase; color: #6b84a0; text-align: center;}
.calendar table td.highlight, .calendar table tr.highlight td {color:#ff9307;}

.poll input[type="radio"] {margin-right:5px; vertical-align: top;}
.poll .side-nav li {line-height: 100%; color:#000; margin-top:15px;}
.poll label {line-height: 135%; color:#000; font-size: 0.750rem; width: 220px; margin-right:0 !important;}
.poll-theme {font-size: 0.875rem; margin-top:-10px; line-height: 130%;}
.poll .button {margin: 5px 0 0 5px;}

.img-panel {position: relative; display: block;}
.category-name {
    position: absolute; bottom:0; width:100%; padding:20px; text-transform: uppercase; color:#fff; 
    font-size: 1.125rem; background-color: rgba(0, 0, 0, 0.4); display: inline-block; left:0; font-weight: 600;}
.category-name:hover {text-decoration: underline;}
.category {padding:0 0 23px;}
.sub-category {padding-top: 11px;}
.sub-category .category-name {font-weight: 400; font-size: 0.750rem;}

.news h3 {font-size: 0.875em; font-weight: 600; line-height: 130%; color:#6b84a0; margin:2px 0 20px;}
.news h3 a {color:#6b84a0;}
.news p  img {display: block; margin:0 0 25px;}
.news img {display: block; margin:25px 10px 25px 0;}   
.news p {font-size: 0.750rem; line-height: 1.5; margin:0;}
.news-date {font-size: 0.750rem; color: #a6a6a6; line-height: 100%; clear: both;}

.orange-button {border:1px solid #ff9307; color: #ff9307; background: #fff; padding:8px 32px; text-transform: uppercase; font-size: 0.750rem; margin:0;}
.orange-button:hover, .orange-button:focus {background: #ff9307; color:#fff; text-shadow:0 1px #ea5402; box-shadow: inset 0 2px 2px #ea5402; transition:none;}

.wrap {min-height: 100%; height: auto !important; position: relative;}
.empty {height: 146px; margin-top:50px;}
footer {height:146px; margin-top:-146px; color:#a6a6a6; font-size: 0.750rem;}
.blue-footer {background: #6b84a0; height: 128px; margin: 0 0 15px; padding:6px 0;}
.blue-footer .inline-list {margin: 0;}
.blue-footer .inline-list li {line-height: 47px; vertical-align: middle; margin: 0 0 0 75px;}
.blue-footer .inline-list li:first-child {margin: 0;}
.blue-footer .inline-list img {display: inline-block; margin-right:10px;}
.blue-footer .inline-list a {display: inline-block; line-height: 130%; font-size: 0.875rem; color: #fff; border-bottom:1px solid #fff; position: relative;}
.blue-footer .inline-list a:after {content: ""; width: 10px; height: 10px; background: url(../img/link-ico.png) no-repeat 0 0; position: absolute; right:-15px; top:5px;}

.breadcrumbs {background: none; border:none; padding:0; margin:0;}
.breadcrumbs > * a, .breadcrumbs > * span {text-transform: none; color: #a6a6a6;}

.details li > p {margin-bottom:20px;}
.sourse {text-transform: uppercase; color: #ff9307; float: left; margin-top: 12px;}
.sourse a {color: #6b84a0; text-transform: none; text-decoration: underline; padding-left: 5px;}
.up.button {position: relative; padding:12px 32px 12px 57px;}
.up.button:hover {box-shadow: none; transition:none; background: none; color:#ff9307; text-shadow:none;}
.up.button:after {content:""; position: absolute; top:12px; left:30px; width: 13px; height: 13px; background: url(../img/up-ico.png) no-repeat 0 0;}

/* Фон DTP-2 */
.main-content-background {max-width: 1020px; margin: auto; background: #d0dbe3; padding-top: 35px; padding-bottom: 100px;}
.main-menu {margin: 0px;}
.empty {margin-top: 0px;}

.sidebar fieldset, fieldset.orange {background: #fff;}
fieldset legend, fieldset .sub-legend, fieldset .sub-legend a {background: #6b84a0; color: #fff;}
.orange legend, .orange .sub-legend, .orange .sub-legend a {background: #ff9307; color: #fff;}


/* Вращение логотипов DTP-3*/
.logo-link {display: block; position: relative; height: 91px;  width: 91px; -webkit-transform-style: preserve-3d; -webkit-transform: rotateX(0) rotateY(0) rotateZ(0); transform-style: preserve-3d; transform: rotateX(0) rotateY(0) rotateZ(0); -webkit-animation: logoRotate 5s infinite linear; animation: logoRotate 5s infinite linear;}
.logo-link img {position: absolute; height: 91px; width: 91px; -webkit-backface-visibility: visible; backface-visibility: visible; }

@-webkit-keyframes logoRotate { 0% {-webkit-transform: rotateY(0);} 100% {-webkit-transform: rotateY(360deg);} }
@keyframes logoRotate { 0% {transform: rotateY(0);} 100% {transform: rotateY(360deg);} }


.photo_item{
max-width: 580px;
margin-bottom: 10px;
}

.photo_desc{
font-size: 14px;
font-weight: bold;
margin-bottom : 20px;
}

.forum-column-lastpost{
float: none !important;
}


/* neobhodimie stili */
.fieldset {position: relative; background: #fff; margin-bottom: 20px; padding:20px; border:1px solid #6b84a0;}
.blue.fieldset {padding:20px 10px 0.875em 20px;}
.fieldset .legend {text-transform: uppercase; color:#fff; font-size: 1.125rem; font-weight: 600; padding: 1px 8px; background: #6b84a0; display: inline-block; position:absolute; top:-13px; left:20px; float:left;}
.fieldset .sub-legend {top:-10px; background: #6b84a0; padding: 1px 8px;}
.fieldset .sub-legend a {color:#fff;}
.poll-theme {margin-top: 0;}
.forum .img-nav {margin:0;}

.orange.fieldset {border-color: #ff9307;}
.orange.fieldset .legend {position:relative; margin-top:-33px; top:0; left:0; margin-bottom:15px;}
.orange.fieldset .legend, .orange.fieldset .sub-legend {background: #ff9307;}
.orange.fieldset .sub-legend a {color:#fff;}

.breadcrumbs {margin-bottom:15px;}
.sub-category.row {margin-bottom:20px; padding-top:0;}

.search form {
    margin-bottom: 10px;
}

.l-page {
    position: relative;
    height: auto;
    min-height: 100%;
    background: url(../img/page_bg1.jpg) 50% 0 repeat-y;
    overflow: hidden;

}

/* Используем псевдоэлемент after для оформления самой плашки, но при этом скрываем ее, так как она должна появляться только при наведении */
.hoover:after
{content: attr(data-title);
    display: none;position: absolute;
    bottom: 110%;
    background-color: #fff;
    color: #3aaeda;
    padding: 2px;
    text-align: center;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.16);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.16);
    box-shadow: 0 1px 1px rgba(0,0,0,.16);font-size: 12px;}
/* Добавляем свойство, чтобы при наведении на элемент плашка с подсказкой появилась */
.hoover:hover:after{display: block;}

.imgimg{
    margin-bottom: 10px;
    margin-right: 10px;
}