@charset "utf-8";
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.wrapper {
    margin: 0 auto;
    min-width: 1000px;
    max-width: 1280px;

}

.logoSide {
    width: 78%;
    float: right;
    padding-left: 10px;
    padding-bottom: 5px;
}

.logo {
    background: left;
}
  /* logo */
.logo span {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    padding: 2px 0 0 6px;
    display: inline-block;
}

.bigImage {
    display: block;
}

.log,
.lang {
    float: right;
}

.log li,
.lang li {
    float: left;
    padding: 4px 0;
    margin-top: -1px;
}

.log a {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    margin: 0 22px 0 8px;
    display: block;
    padding: 4px 4px 4px 6px;

}

.log a:hover {
    text-decoration: underline;
}

.lang {
    margin-right: 10px;
}

.lang a {
    margin: 0 2px;
    color: #888888;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 4px 2px 6px;
}

a.current {
    background: #dedede;
    color: #267BB4;
}

.socialBlock {
    float: right;
    width: 78%;
}

header h4 {
    padding: 4px 0 8px 0px;
}

header h4 a {
    color: #0568AB;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

header h4 a:hover {
    text-decoration: underline;
}

header h4 span {
    color: #009b7d;
}

.search {
    width: 300px;
    border: 3px solid #afafaf;
    height: 32px;
    line-height: 30px;
    padding: 0 10px;
    color: #383838;
    font-size: 15px;
    display: block;
    float: left;
    margin-right: 4px;
}

.searchButton {
    min-width: 92px;
    height: 38px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    /*background: #D30F41;*/    /* red style */
    background: #0568AB;
    border: none;
    display: block;
    float: left;
    cursor: pointer;
}

.searchSelect {
    border: 3px solid #afafaf;
    height: 28px;
    line-height: 30px;
    padding: 0 0px;
    color: #999999;
    font-size: 15px;
    display: block;
    float: left;
    margin-right: 4px;
    color: #383838;
}

.social {
    float: right;
    padding-right: 24px;
    padding-top: 8px;
    vertical-align: middle;
    min-width: 120px;
    text-align: left;
}

.social figcaption {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    float: left;
    padding-right: 10px;
}

.mainWrapp {
    padding: 0 3%;
    clear: both;
}

.data_view {
    text-align:center;
    padding-right: 10px;
    vertical-align: top;
    color: #222222;
}
.data_day {
    font-size: 1.2em;
    font-weight: normal;
}
.data_month {
    font-size: 1.0em;
}
.data_year {
    font-size: 0.7em;
}

/*navigation*/
.content {
    padding-top: 26px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 1px;
}

.navigation {
    padding: 10px 0;
    border-bottom: 1px solid #F2F2F2;
}

.navigation li {
    float: left;
    padding: 0 1%;
    /*border-left: 2px solid #D30E43;*/    /* red style */
    border-left: 2px solid #0568AB;
}

.navigation li:first-child {
    border-left: none;
}

.navigation a {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
}

.navigation a:hover {
    text-decoration: underline;
}

a.currently {
    color: #0668A9;
}

.mainContent {
    float: left;
    width: 38%;
    padding: 0 4% 0 2%;
    font-size: 13px;
}

.mediaContent {
    float: right;
    width: 30%;
    padding: 0 2% 0 4%;
}

.pageContent {
    float: left;
    width: 58%;
    padding: 0 4% 0 2%;
}

.blockNews {
    float: left;
}

.news {
    margin: 0 36% 0 44%;
}

h1 {
    border-bottom: 2px solid #000;
    text-transform: uppercase;
    font-size: 18px;
    padding-bottom: 3px;
}

h2 {
    border-bottom: 2px solid #000;
    text-transform: uppercase;
    font-size: 18px;
    padding-bottom: 3px;
}

h3 {
    border-bottom: 2px solid #000;
    text-transform: uppercase;
    font-size: 16px;
    padding-bottom: 3px;
}

.content section {
    margin-bottom: 30px;
}

.img img {
    width: 100%;
    padding-top: 12px;
}

.pageContent p {
    font-size: 13px;
    color: #383838;
    padding-top: 6px;
    text-align: justify;
}

.pageContent td p {
    text-align: left;
}

.gallery p {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #D40E41;
    padding: 4px 0 6px 0;
    border-bottom: 1px #999999 dotted;
    margin-bottom: 10px;
}
.gallery_image {
    padding: 4px;
    background-color: #F1F4E4;
    -moz-border-radius: 2px 2px 2px 2px;
    border:1px solid #666666;
    display:inline-block;
    float:left;
}
.gallery_block {
    float: left;
    margin: 3px;
    display:inline-block;
}

.ajax {
    background: url(../images/v2/ajaxBg.jpg) top center no-repeat;
    height: 30px;
}

.project ul {
    list-style: disc inside;
    padding-top: 8px;
}

.project ul li {
    padding: 2px 0;
}

.project ul a {
    text-decoration: none;
    font-size: 12px;
    color: #000;
    font-weight: normal;

}

.project ul a:hover {
    color: #0667AB;
    text-decoration: none;
}

.project a,
.pageContent a,
.afisha a,
.art a,
.news .all a,
.chanell a {
    font-size: 12px;
    font-weight: bold;
    color: #0667AB;
    text-decoration: none;
}

.project a:hover,
.pageContent a:hover {
    text-decoration: underline;
}

.art table {
    width: 100%;
}
.art td {
    text-align: center;
}

.artGallery div {
    float: left;
    width: 23%;
    margin-left: 3%;
    color: #287AB4;
}

.project .row {
    position: relative;
    z-index: 1;
}

.project img {
    padding-top: 0;
}

.artGallery {
    position: relative;
    z-index: 1;
    font-size: 11px;
    font-weight: bold;
}

div.manage {
    width: 22%;
    position: absolute;
    right: 0;
    bottom: 3px;
    z-index: 5;
    text-align: right;
}

.manage a {
    width: 30%;
    margin-left: 5%;
    height: 22px;
    background-color: #000;
    float: left;
    display: block;
}

.prev,
.next,
.pause {
    background: url(../images/v2/prev.jpg) 50% 50% no-repeat;
}

.next {
    background-image: url(../images/v2/next.jpg);
}

.pause {
    background-image: url(../images/v2/pause.jpg);
}

.manage a:first-child {
    margin-left: 0;
}

.artGallery div:first-child {
    margin-left: 0;
}

.books {
    position: relative;
    z-index: 1;
}

.books p.title {
    width: 55%;
    position: absolute;
    z-index: 10;
    /* background: #A30006;  */    /* red style */
    background: #0568AB;
    padding: 0 0 5px 5px;
    bottom: 15px;
    left: 15px;
}

.books p.title span {
    color: #fff;
    font-size: 12px;
}

.afisha figure {
    position: relative;
    z-index: 1;

}

.afisha img {
    border-bottom: 1px solid #999;
    display: block;
    margin-bottom: 3px;
}

.afisha figcaption {
    position: absolute;
    z-index: 10;
    background: #000;
    opacity: 0.6;
    width: 55%;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 5px;

}

.afisha .itemAfishaOne {
    top: 10px;
    left: 0;
}

.afisha .itemAfishaSecond {
    bottom: 0;
    left: 0;
}

.all {
    padding-top: 5px;
    padding-right: 20px;
    background: url(../images/v2/arrowAll.jpg) 71px 13px no-repeat;
}

.afisha a {
    text-decoration: underline;
}

.afisha a:hover {
    text-decoration: none;
}

.itemChanell {
    background-color: #f1f1f1;
    margin-top: 10px;
    position: relative;
    z-index: 1;
}

.itemChanell img {
    float: left;
    width: 50%;
    padding-right: 2%;
}

.itemChanell p,
.date {
    font-size: 13px;
    font-weight: bold;
    padding: 5px;

}

.time {
    position: absolute;
    bottom: 5px;
    left: 52%;
}

.time p,
.date {
    font-weight: normal;
    font-size: 12px;
    padding: 0;
}

.chanell .all {
    background: url(../images/v2/arrowAll.jpg) 85px 13px no-repeat;
}

.chanell .all a:hover {
    text-decoration: underline;
}

.news .all {
    background: url(../images/v2/arrowAll.jpg) 80px 13px no-repeat;
}

.news .all a:hover {
    text-decoration: underline;
}

.itemNews {
    position: relative;
    z-index: 1;
    padding-bottom: 15px;
    margin: 0;
}

.dataNews {
    background: url(../images/v2/bgNews.jpg) top right no-repeat;
    position: absolute;
    top: 20px;
    right: -13px;
    height: 28px;
}

.dataNews span {
    height: 22px;
    line-height: 22px;
    text-align: center;
    background-color: #D91346;
    width: 43px;
    display: block;
    color: #fff;
    font-size: 11px;
}

.itemNews h5 {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 8px;
}

.itemNews a {
    font-size: 12px;
    color: #383838;
    padding-top: 6px;
    text-decoration: none;
}

.itemNews a:hover {
    text-decoration: underline;
}

.comments {
    font-size: 11px;
    font-weight: bold;
    color: #287AB4;
    padding-top: 6px;
}

.comments a {
    border-left: 1px #383838 solid;
    padding: 0 7px;
    color: #287AB4;
    text-decoration: none;
}

.comments a:hover {
    text-decoration: underline;
}

.comments time {
    padding-right: 5px;
}

.books img {
    padding-top: 0;
}

.contentFooter {
    clear: both;
    border-top: 1px solid #dbdbdb;
    padding-top: 22px;
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 30px;
}

.footerNav {
    float: left;
    width: 64%;
}

.footerNav figure {
    float: left;
    margin-right: 2%;
    width: 31%;
    font-size: 12px;
    font-weight: bold;
}

.footerNav figure a {
    font-weight: normal;
    color: #287AB4;
    text-decoration: none;
    font-size: 12px;
}

.footerNav figure a:hover {
    text-decoration: underline;
}

.footerNav figure li {
    list-style: disc inside;
}

.footerNav figcaption {
    padding-bottom: 8px;
}

.footerNav .row {
    margin-bottom: 22px;
}

.adress {
    float: right;
    width: 31%;
    font-size: 12px;
    color: #3d3d3d;
}

.adress .col {
    width: 48%;
    margin-left: 4%;
    float: left;
}

.adress .col:first-child {
    margin-left: 0;
}

.adress .row {
    clear: both;
}

.map {
    border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 3px solid #c7c7c7;
    width: 90%;
}

.timeWork p {
    color: #257CB2;
}

.timeWork span {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    display: block;
    padding-bottom: 5px;
}

.asign {
    padding-top: 10px;
    font-size: 12px;
    font-weight: bold;
}

.asign p {
    padding-bottom: 8px;
}

.asign input {
    height: 24px;
    width: 95%;
    color: #257CB2;
    border: 3px solid #c7c7c7;
    padding-left: 6px;
    padding-right: 6px;
    line-height: 24px;
    font-weight: normal;
    font-style: italic;
    background: #fff url(../images/v2/arrowEmail.jpg) 97% 6px no-repeat;

}

footer {
    background-color: #f0f0f0;
    margin: 0 3%;
    padding: 20px 0;
    padding-right: 2%;
}

.contact {
    float: right;
    width: 31%;
    padding-left: 10px;
    font-size: 12px;
    text-align: right;
}

.contact a {
    color: #000;
}

.copyrigt {
    float: left;
    width: 80%;
}

.copyrigt p {
    margin-left: 102px;
    font-size: 12px;
}

.logoFooter {
    display: block;
    float: left;
    padding: 0 10px 0 30px;
}

/* CSS Document */

@media screen and (min-width: 800px) and (max-width:1000px) {
    .wrapper {
        min-width: 800px;
        max-width: 1000px;
    }

    .logoSide,
    .socialBlock {
        width: 75%;
        padding-left: 0;
    }

    .social {
        padding-top: 4px;
    }

    .search {
        width: 160px;
        border: 2px solid #AFAFAF;
        height: 30px;
        line-height: 28px;
    }

    .searchButton {
        width: 72px;
        font-size: 14px;
        height: 34px;
    }

    .blockNews {
        width: 48%;
        float: left;
        margin-left: 4%;

    }

    .bigImage {
        display: block;
    }

    h2+.blockNews {
        margin-left: 0;
    }

    .news {
        margin: 0 2%;
        clear: both;
    }

    .news h2 {
        width: 43%;
    }

    .itemNews {
        float: left;
        /*   width: 46%;*/
        margin-left: 0;
    }

    .itemNews:first-child {
        margin-left: 0;
    }

    .comments time {
        padding-right: 0;

    }

    .comments a {
        padding-left: 3px;

    }

    .mainContent {
        width: 51%;
    }

    .mediaContent {
        width: 40%;
        padding-left: 0;
    }

    .pageContent {
        width: 51%;
    }
}

@media screen and (min-width: 600px) and (max-width:800px) {
    .wrapper {
        min-width: 600px;
        max-width: 800px;
    }

    .logoSide {
        width: 78%;
        padding-bottom: 0;
    }

    .bigImage {
        display: block;
    }

    .logoSide h4 {
        margin-left: 85px;
        display: inline-block;
    }

    .logo {
        background: #fff url(../images/v2/logo.jpg) top left no-repeat;
        float: none;
    }

    .logo span {
        font-size: 11px;
    }

    .navigation a {
        font-size: 12px;
    }

    h2 {
        font-size: 16px;
    }

    .socialBlock {
        width: 78%;
    }

    .social {
        padding-top: 4px;
        margin: 0;
    }

    .search {
        width: 160px;
        border: 2px solid #AFAFAF;
        height: 26px;
        line-height: 24px;
    }

    .searchButton {
        width: 72px;
        font-size: 14px;
        height: 30px;
    }

    .searchBt {
       /* clear: both; */
        float: right;
        padding-top: 5px;
        padding-right: 24px;
    }

    .news {
        margin: 0 2%;
        clear: both;
    }

    .blockNews {
        width: 48%;
        float: left;
        margin-left: 4%;

    }

    h2+.blockNews {
        margin-left: 0;
    }

    .news h2 {
        width: 22%;
    }

    .itemNews {
        float: left;
        /*    width: 46%;*/
        margin-left: 0;
    }

    .itemNews:first-child {
        margin-left: 0;
    }

    .comments time {
        padding-right: 0;

    }

    .comments a {
        padding-left: 3px;

    }

    .mainContent {
        width: 51%;
    }

    .mediaContent {
        width: 40%;
        padding-left: 0;
    }

    .pageContent {
        width: 51%;
    }

    .footerNav {
        float: none;
        width: 100%;
        clear: both;
    }

    .adress {
        float: none;
        width: 100%;
        padding-top: 20px;
    }

    .asign input {
        width: 41%;
    }

    .copyrigt {
        width: 74%;
    }

    .contact {
        width: 21%;
    }
}

@media screen and (min-width: 480px) and (max-width:600px) {
    .wrapper {
        min-width: 480px;
        max-width: 600px;
    }

    .logoSide {
        width: 78%;
        padding-bottom: 0;
    }

    .logoSide h4 {
        margin-left: 24px;
        /*display: none; */
    }
    .bigImage {
        display: none;
    }

    .logo {
        /*background: #fff url(../images/v2/logo.jpg) top right no-repeat;*/
        background: right;
        /*width: 208px; */
    }

    .logo span {
        font-size: 11px;
        padding-left: 20px;
    }

    .navigation a {
        font-size: 12px;
    }

    h2 {
        font-size: 16px;
    }

    .socialBlock {
        width: 78%;
    }

    .social {
        padding-top: 4px;
        margin: 0;
    }

    .search {
        width: 130px;
        border: 2px solid #AFAFAF;
        height: 22px;
        line-height: 20px;
    }

    .searchButton {
        width: 72px;
        font-size: 14px;
        height: 26px;
    }

    .searchBt {
       /* clear: both; */
        float: right;
        padding-top: 5px;
        padding-right: 24px;
    }

    .news {
        margin: 0 2%;
        clear: both;
    }

    .news h2 {
        /*   width: 46%;*/
    }

    .itemNews {
        float: left;
        /*   width: 46%;*/
        margin-left: 0;
    }

    .blockNews  .itemNews:first-child {
        margin-left: 0;

    }

    .comments time {
        padding-right: 0;

    }

    .comments a {
        padding-left: 3px;

    }

    .mainContent {
        width: 90%;
        padding: 0 5%;
    }

    .pageContent {
        width: 90%;
        padding: 0 5%;
    }

    .navigation {
        margin-left: 5%;
    }

    .mediaContent {
        width: 90%;
        float: none;
    }

    .mediaContent section {
        width: 48%;
        padding-left: 4%;
        float: left;
    }

    .mediaContent .books {
        padding-left: 0;
    }

    .mediaContent .chanell {
        width: 100%;
        padding-left: 0;
    }

    .itemChanell {
        width: 70%;
    }

    .chanell h2 {
        width: 35%;
    }

    .all {
        float: left;
    }

    .footerNav {
        float: none;
        width: 100%;
        clear: both;
    }

    .adress {
        float: none;
        width: 100%;
        padding-top: 20px;
    }

    .asign input {
        width: 41%;
    }

    .copyrigt {
        width: 100%;
    }

    .contact {
        float: left;
        width: 100%;
        padding-bottom: 5px;
        padding-left: 0;
    }
}

@media screen and (min-width: 240px) and (max-width:480px) {
    .wrapper {
        min-width: 240px;
        max-width: 480px;
    }

    .logoSide {
        width: 60%;
        padding-bottom: 0;
    }

    .lang {
        float: right;
    }

    .logoSide h4 {
        display: inline-block;
    }

    .log {
        display: none;
    }

    .logo {
        background: right;
       /* width: 208px;*/
    }

    .logo span {
        font-size: 11px;
        padding-left: 20px;
    }

    .navigation a {
        font-size: 12px;
    }

    h2 {
        font-size: 16px;
    }

    .socialBlock {
        display: none;
    }

    .news {
        margin: 0 2% 0 4%;
        clear: both;
        padding-top: 30px;
    }

    .itemNews {
        width: 95%;
        margin-right: 5%;
        margin-left: 0;
    }

    .blockNews  .itemNews:first-child {
        margin-left: 0;
    }

    .comments time {
        padding-right: 0;

    }

    .comments a {
        padding-left: 3px;
    }

    .mainContent {
        width: 90%;
        padding: 0 5%;
    }

    .pageContent {
        width: 90%;
        padding: 0 5%;
    }

    .navigation {
        margin-left: 5%;
    }

    .mediaContent {
        width: 90%;
        float: none;
    }

    .mediaContent section {
        width: 100%;
        padding-left: 0;
        float: none;

    }

    .mediaContent .books {
        padding-left: 0;
    }

    .mediaContent .chanell {
        width: 100%;
        padding: 30px 0 0 0;
    }

    .itemChanell {
       /* width: 100%; */
    }

    .chanell h2 {

    }

    .all {
        float: left;
    }

    .content section {
        /*   padding-top: 30px;*/
    }

    .footerNav {
        float: none;
        width: 100%;
        clear: both;
    }

    .footerNav .row {
        width: 48%;
        margin-left: 4%;
        float: left;
    }

    .footerNav .row:first-child {
        margin-left: 0;
    }

    .footerNav figure {
        float: none;
        width: 100%;
    }

    .adress {
        float: none;
        width: 100%;
        padding-top: 20px;
    }

    .asign input {
        width: 90%;
    }

    .copyrigt {
        width: 100%;
    }

    .footerNav figcaption {
        padding-top: 8px;
    }

    .copyrigt p {
        margin-left: 10px;
        clear: both;
        padding-top: 5px;
    }

    .contact {
        float: left;
        width: 100%;
        padding-bottom: 5px;
        padding-left: 0;
    }

    .itemChanell p,
    .date {
        font-size: 12px;
    }
}