/*
Theme Name: museum
Author: Karina Yagofarova
Description: museum theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body {
    background  : url("img/main_bg.jpg") no-repeat 50% 0 fixed;
    font-family : arial, helvetica, sans-serif;
    color       : #475564;
}

#wrapper {
    width    : 940px;
    margin   : 0 auto;
    position : relative;
}

#header {
    height           : 111px;
    width            : 100%;
    background-color : #2C2A2A;
    margin           : 0;
}

#header .logo {
    margin  : 0 0 0 16px;
    padding : 12px 0 0 0;
    float   : left;
    width   : 245px;
}

#header .logo a {
    text-decoration : none;
}

#header .logo img {
    float : left;
}

#header .logo h1 {
    font-size   : 1.6em;
    color       : #CDCDCF;
    font-family : 'times new roman';
    margin      : 0;
    float       : right;
    width       : 152px;
}

#header #navigation_second {
    height   : 26px;
    float    : right;
    margin   : 0;
    position : relative;
}

#header #navigation_second:before {
    position   : absolute;
    top        : 0;
    left       : -26px;
    width      : 26px;
    height     : 26px;
    background : url("img/menu_top.png");
    content    : '';
    z-index    : 10;
}

#header #navigation_second li {
    float            : left;
    font-size        : 0.8em;
    background-color : #FFFFFF;
    height           : 100%;
    line-height      : 1;
    text-transform   : uppercase;
    max-width        : 102px;
    display          : flex;
    align-items      : center;
    text-align       : center;
}

#header #navigation_second li a {
    color           : #545454;
    text-decoration : none;
    display         : block;
    padding         : 2px 5px;
}

#header #navigation_second li a.mono {
    padding-top : 6px;
}

#header #navigation_second li.decor {
    background : none;
    padding    : 0;
}

#header #navigation_second li:hover {
    background-color : #97B1EC;
}

#header #navigation_second li:hover.decor {
    background : none;
}

#header #navigation_second li.current_page_item {
    background-color : #90B1EC;
}

#header #navigation_second li.current-page-ancestor {
    background-color : #91B1EC;
}

#header #navigation_main {
    float      : right;
    margin-top : 39px;
    position   : relative;
}

#header #navigation_main:hover li {
    color : #808080;
}

#header #navigation_main li {
    float           : left;
    text-align      : center;
    border-left     : 1px solid #434343;
    min-height      : 27px;
    color           : #FFFFFF;
    font-size       : 1.4em;
    text-decoration : none;
    padding         : 5px 23px 0;
    display         : block;
    height          : 100%;
    cursor          : pointer;
}

#drop_menu {
    clear    : both;
    overflow : hidden;
    height   : 165px;
    display  : none;
    position : relative;
}

#drop_menu hr {
    position         : absolute;
    bottom           : 0;
    width            : 100%;
    margin           : 0;
    border           : none;
    height           : 1px;
    background-color : rgba(255, 255, 255, 0.5);
}

#drop_menu ul {
    overflow : hidden;
    padding  : 10px 28px;
    display  : none;
    height   : 149px;
}

#drop_menu .museum {
    background-color : #F54755;
}

#drop_menu .activities {
    background-color : #C9AC00;
}

#drop_menu .actions {
    background-color : #E67111;
}

#drop_menu .rooms {
    background-color : #A7006A;
}

#drop_menu .contacts {
    background-color : #4B1378;
}

#drop_menu li {
    float  : left;
    margin : 10px 20px 0 0;
    width  : 142px;
}

#drop_menu li p {
    margin    : 0;
    color     : #FFFFFF;
    font-size : 12px;
}

#drop_menu li a {
    text-decoration : none;
    max-width       : 100%;
}

#drop_menu li img {
    max-width : 100%;
}

#drop_menu li:hover {
    opacity : 1;
}

#footer {
    background-color : rgba(0, 0, 0, 0.7);
    padding          : 0 0 0 30px;
    overflow         : hidden;
}

#footer .main {
    background : url("img/logo_big.png") 627px 30px no-repeat;
    overflow   : hidden;
}

#footer .main .block {
    float          : left;
    margin         : 34px 57px 0 0;
    text-transform : uppercase;
    height         : 108px;
}

#footer .main .block a {
    text-decoration : none;
    color           : #CCCCCC;
    font-size       : 14px;
    font-family     : Arial, Tahoma, Helvetica, sans-serif;
}

#footer .main .dif {
    width : 227px;
}

#copyright {
    height     : 51px;
    background : #000000;
    padding    : 9px 11px;
}

#copyright .metrica {
    width            : 93px;
    height           : 32px;
    float            : left;
}

#copyright .copyright {
    float : left;
    color : #CCCCCC;
    margin: 0 0 0 13px;
}

#side_panel {
    position: fixed;
    top: 0;
    bottom: 0;
    margin-left: 940px;
    padding-top: 400px;
}

#side_panel li {
    margin-bottom    : 3px;
    width            : 59px;
    height           : 59px;
    background-color : #2E2E2E;
}

#side_panel li a {
    height  : 43px;
    width   : 43px;
    display : block;
    padding : 8px;
}

#side_panel li a span {
    display : block;
    height  : 100%;
    width   : 100%;
}

#side_panel li a span.yandex {
    background : url("img/icons.png") no-repeat 0 0;
}

#side_panel li a span.feedback {
    background : url("img/icons.png") no-repeat -43px 0;
}

#side_panel li a span.vk {
    background : url("img/icons.png") no-repeat -86px 0;
}

.slider {
    background-color : #000000;
    width            : 100%;
    height           : 525px;
    position         : relative;
}

.slider .window {
    width    : 857px;
    height   : 100%;
    overflow : hidden;
    margin   : 0 auto;
    position : relative;
}

.slider ul.slides {
    width    : 99999999px;
    position : absolute;
}

.slider ul.slides li {
    width      : 857px;
    float      : left;
    overflow   : hidden;
    text-align : center;
}

.slider ul.slides li img {
    max-width  : 100%;
    max-height : 100%;
}

.slider .mini {
    position  : absolute;
    bottom    : 0;
    right     : 0;
    z-index   : 10;
    font-size : 1.6em;
}

.slider .mini li {
    float            : left;
    padding          : 0 9px;
    border-left      : 1px solid #434343;
    background-color : rgba(255, 255, 255, 0.5);
    cursor           : pointer;
}

.slider .mini li:hover {
    background-color : rgba(200, 200, 200, 0.5);
}

.slider .mini li.active {
    background-color : rgba(255, 255, 255, 0.9);
}

.slider .arrow {
    width            : 41px;
    height           : 100%;
    position         : absolute;
    top              : 0;
    z-index          : 10;
    cursor           : pointer;
    background-color : #000000;
}

.slider .arrow .img {
    margin     : 250px 7px 0;
    height     : 38px;
    width      : 27px;
    background : url("img/arows.png") 0 0 no-repeat;
}

.slider .to_left {
    left : 0px;
}

.slider .to_right {
    right : 0px;
}

.slider .to_right .img {
    background-position : -27px 0;
    margin              : 250px 0 0 6px;
}

.list_main {
    background-color : #2D2B2C;
    padding          : 23px 0 0 30px;
    overflow         : hidden;
}

.list_main h2 {
    margin : 0;
    color  : #FFFFFF;
}

.list_main li {
    width      : 279px;
    height     : 240px;
    overflow   : hidden;
    float      : left;
    margin     : 0 20px 0 0;
    text-align : center;
}

.list_main li img {
    height : 175px;
}

.list_main li a {
    text-decoration : none;
}

.list_main li h4 {
    color      : #C2C2C2;
    font-size  : 14px;
    margin     : 0;
    text-align : left;
}

.list_main li p {
    color      : #A3A0A0;
    font-size  : 14px;
    margin     : 0;
    text-align : left;
    
}

#map {
    position: relative;
}

#map #adress {
    width : 400px;
    position: absolute;
    top: 40px;
    left: 40px;
    width: 200px;
    z-index: 999;
    background-color: #ffffff;
    padding: 10px;
    box-shadow: 9px 9px 0px #c6bea7;
}

#map #adress h2 {
    font-size : 14px;
    margin-top: 0;
}

#map #adress p {
    font-size   : 12px;
    color       : #000001;
    line-height : 1;
}
#about {
    height : 342px;
}

#about .img {
    margin-top : 157px;
}

#about .window {
    width : 526px;
}

#about .window .slides li {
    width : 526px;
}

#about .mini {
font-size: 1.0em;
}

#report {
    background-color : #FFFFFF;
}
#report .social-likes {
    display: none;
}

#report h1,
#report h2,
#report h3,
#report h4 {
    margin-top : 0;
}

#report #photo {
    height : 475px;
}

#report #photo .slider {
    height : 475px;
}

#report #photo .slider img {
    max-width : 100%;
}

#report #photo .slider .alt {
    position         : absolute;
    bottom           : 0;
    display          : block;
    width            : 100%;
    background-color : rgba(255, 255, 255, 0.5);
    text-align       : left;
    z-index          : 1;
}

#report #photo .window .description {
    height           : 52px;
    position         : absolute;
    bottom           : 0;
    width            : 100%;
    margin           : 0;
    background-color : rgba(255, 255, 255, 0.5);
}

#report #photo .window .description p {
    margin : 5px 10px;
    color  : #000000;
}

#report #photo .slider .alt p {
    padding   : 9px 16px;
    margin    : 0;
    font-size : 16px;
}

#report #picker {
    height : 165px;
}

#report #picker .window {
    width   : 856px;
    padding : 21px 0;
    height  : 115px;
}

#report #picker .window li {
    max-width    : 204px;
    margin-right : 10px;
    cursor       : pointer;
}

#report #picker .arrow {
    width : 35px;
}

#report #picker .arrow .img {
    margin     : 63px 6px 0 6px;
    height     : 29px;
    width      : 20px;
    background : url("img/arows_small.png") 0 0 no-repeat;
}

#report #picker .arrow.to_right .img {
    background-position : -20px;
}

#report #events {
    height           : 217px;
    background-color : #FFFFFF;
}

#report #events .arrow {
    background-color : #FFFFFF;
}

#report #events .window {
    width   : 786px;
    padding : 10px 0;
    height  : 207px;
}

#report #events .window li {
    height       : 207px;
    width        : 252px;
    overflow     : hidden;
    text-align   : center;
    margin-right : 10px;
}

#report #events .window li a {
    text-decoration : none;
}

#report #events .window li img {
    max-height : 142px;
}

#report #events .window li p {
    font-size   : 16px;
    color       : #6A6968;
    text-align  : left;
    line-height : 1;
    margin-top  : 10px;
}

#report #events .arrow {
    width : 35px;
}

#report #events .arrow .img {
    margin     : 93px 4px 0 4px;
    height     : 29px;
    width      : 21px;
    background : url("img/arows_sml.png") 0 0 no-repeat;
}

#report #events .to_right .img {
    background-position : -21px 0;
    margin-left         : 10px;
}

#news li {
    clear         : both;
    margin-bottom : 20px;
    overflow      : hidden;
}

#news .left {
    float       : left;
    height      : 100%;
    width       : 162px;
    padding-top : 4px;
}

#news .left img {
    max-width : 100%;
}

#news .right {
    width : 728px;
    float : right;
}

#left #news .right {
    width : 435px;
    float : right;
}

#news .right h2 {
    margin : 0;
}

#news .right p {
    margin : 0;
}

#top_img {
    width            : 100%;
    text-align       : center;
    background-color : #2C2A2A;
    overflow         : hidden;
}

#top_img img {
    max-width : 100%;
}

#bread_crumbs {
    padding-left     : 20px;
    background-color : #1A191B;
    height           : 29px;
    color            : #FFFFFF;
    vertical-align   : baseline;
}

#bread_crumbs span {
    display    : block;
    float      : left;
    margin-top : 6px;
}

#bread_crumbs .home {
    background : url('img/home_w.png') 0 0 no-repeat;
    height     : 15px;
    width      : 18px;
    margin-top : 7px;
}

#bread_crumbs .between {
    width    : 34px;
    overflow : hidden;
    height   : 100%;
    position : relative;
    margin   : 0;
}

#bread_crumbs .between hr {
    width             : 50px;
    -moz-transform    : rotate(50deg);
    -ms-transform     : rotate(50deg);
    -webkit-transform : rotate(50deg);
    -o-transform      : rotate(50deg);
    transform         : rotate(50deg);
    border            : none;
    height            : 1px;
    background-color  : rgba(255, 255, 255, 0.5);
    margin            : 0;
    position          : absolute;
    top               : 18px;
    left              : -5px;
}

#bread_crumbs a {
    color      : #FFFFFF;
    float      : left;
    margin-top : 6px;
}

#content {
    font-size        : 1.4em;
    padding          : 30px 20px;
    background-color : #FFFFFF;
    overflow         : hidden;
}
#content #map {
    margin-left: -20px;
}

#content h1,
#content h2 {
    font-size  : 16px;
    margin-top : 0;
}

#content .date {
    color       : #5F5E5E;
    font-weight : bold;
}

#content #left {
    width         : 608px;
    padding-right : 20px;
    float         : left;
    border-right  : 1px solid #B8B8B8;
}

#content #right_menu {
    font-size    : 16px;
    padding-left : 15px;
    float        : right;
    width        : 254px;
}

#content #right_menu li {
    margin-bottom : 15px;
    max-width     : 254px;
}

#content #right_menu li ul {
    padding-top : 15px;
    margin-left : 15px;
}

#content #right_menu li img {
    max-width : 100%;
}

#content #right_menu li.current_page_item a {
    color : #4D4D4D;
}

#content #right_menu li.current_page_item ul a {
    color : #8CAFFE;
}

#content #right_menu ul li.current_page_item a {
    color : #4D4D4D;
}

#content #right_menu li.current-cat a {
    color : #4D4D4D;
}

#content #right_menu li.current-cat ul a {
    color : #8CAFFE;
}

#content #right_menu ul li.current-cat a {
    color : #4D4D4D;
}

#content #right_menu h2 {
    font-size : 16px;
    margin    : 0;
}

#content #right_menu p {
    margin    : 0;
    font-size : 14px;
}

#content #right_menu a {
    font-size : 13px;
}

p img.aligncenter {
    margin : 0 auto;
}
#feedback_form {
    display: none;
    position: absolute;
    top: 100px;
    left: 281px;
    z-index: 999;
}
#feedback_form #cscf {
    width: 400px;
    margin: 0 auto;
    background-color: #333333;
    border-radius: 7px;
    box-sizing: border-box;
    padding: 20px;
}
#feedback_form p {
    margin: 0;
    color: #d8620a;
    font-size: 14px;
}
#feedback_form #cscf .form-group {
    clear: both;
    overflow: hidden;
    margin: 10px 0;
}
#feedback_form #cscf label {
    display: block;
    float: left;
    width: 100px;
    font-size: 16px;
    color: #eeeeee;
    margin-right: 10px;
}
#feedback_form #cscf input {
    width: 244px;
}
#feedback_form #cscf input:focus , #feedback_form #cscf textarea:focus {
    border-color: #d8620a;
}
#feedback_form #cscf textarea {
    width: 354px;
}
#feedback_form #cscf #submit {
    border: none;
    border-radius: 7px;
    padding: 5px 0;
    background-color: #d8620a;
    color: #ffffff;
    font-weight: bold;
}
#background {
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    cursor: pointer;
    display: none;
    z-index: 99;
}
#feedback_form #cscf .help-block {
    color: red;
}