/*заменили цвет #cf3800 на #b04e1f 
заменили цвет #b04e1f на #904a40
*/

aside, nav, footer, header, section { display: block }

html{
    height: 100%;
}
body{
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  font-size: 11pt;   
  font-family: verdana,arial,helvetica;
}
@font-face {
  font-family: Monotype Corsiva; /* Гарнитура шрифта */
  src: url('fonts/mtcorsva.ttf');  /* Путь к файлу со шрифтом */
}
@font-face {
  font-family: LetteraTrentadue;
  src: url(fonts/letteratrentadue.woff);  /* Путь к файлу со шрифтом */  
/*  src: url('fonts/letteratrentadue.ttf');  Путь к файлу со шрифтом */  
}
@font-face {
  font-family: Vezitsa Cyrillic;
  src: url(fonts/vezitsacyrillic.ttf); /* Путь к файлу со шрифтом */  
}

@media (min-height:768px) { 
header {
  height: 180px;
  background: url('../logo/fon_sh.jpg') repeat-x; 
  background-size: auto 180px;
}

.bio img, .logo img, .cinema img, .news img { 
  height: 180px;
  width: auto;
}
.line {
  height: 32px;
  top: 180px;       /*  попытка закрепить шапку */
}
.line_left, .line_right {
  line-height: 28pt;
}
/*.line_bottom {
  line-height: 30px;
} */
.main-content{
  padding: 200px 0px 0px 0px; 
}
.foot {
  line-height: 16px;
  font-size: 10pt;
}
}

@media (max-height:767px) { 
header {
  height: 120px;
  background: url('../logo/fon_sh.jpg') repeat-x;
  background-size: auto 120px;  
}
/*
.teatre, .news { 
  background: url('../logo/sh_f_t.jpg') repeat-x; 
  background-size: auto 120px;  
}
.bio { 
  background: url('../logo/sh_f_b.jpg') repeat-x; 
  background-size: auto 120px;  
}
.cinema { 
  background: url(../logo/sh_f_cl.jpg) top left no-repeat, url('../logo/sh_f_c.jpg') repeat-x; 
  background-size: auto 120px;  
}
*/
.bio img, .logo img, .cinema img, .news img { 
  height: 120px;
  width: auto;
}
.line {
  height: 25px;
  top: 120px;       /*  попытка закрепить шапку */
}
.line_left, .line_right {
  line-height: 19pt;
}
/*.line_bottom {
  line-height: 20px;
} */
.main-content{
  padding: 140px 0px 0px 0px; 
}
.foot {
  line-height: 14px;
  font-size: 9pt;
}
}

/* Оформление шапки */
header{
   /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
  flex: 0 0 auto;
  width: 100%;
  min-width: 1024px;  
  text-align: center;
  z-index: 300; 
  position: fixed;
  margin: 0; 
  padding: 0;
  white-space: nowrap;
  top: 0px; 
  background-color: #eeeee2;  
/*  background: #ffd586;   background: rgb(255, 213, 134);  */
}
.line {
  width: 100%;
  background: url('../logo/line.jpg') repeat-x;
  color: #FFECBD;
  font-size: 10pt;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.6); /* добавляет тень */
  z-index: 300;         /*   попытка закрепить шапку */
  position: fixed;     /*  попытка закрепить шапку */
}
.line_left {
  display: inline;
  float: left;
  width: 50%;
  padding-left: 15px;
  text-align: left;
}
.line_right {
  float: right;
  padding-right: 15px;
  text-align: right;
}
.toplink a:link, .toplink a:active, .toplink a:visited , .mail a {
  text-decoration: underline; 
/*  color: #be4b24;*/
  color: #FFECBD; 
}
.toplink a:hover {
  text-decoration: none; 
  color: #FFD586; 
  font-weight: bold;
}
.mail {
  display:inline-block;
  position:absolute;
  z-index: 10;
  right:270px; 
  font-size:12pt; 
}
.mail a {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 15px;
  height: 15px;
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.mail a:link, .mail a:active, .mail a:visited  {
  text-decoration: none; 
  color: #ffd586;
}
.fb {
    background-image: url(../logo/fb.svg);
}
.vk {
    background-image: url(../logo/vk.svg);
}
.inst {
    background-image: url(../logo/inst.svg);
}
/* --------- */

.main-content{
  /* 1 flex-grow, 0 flex-shrink, auto flex-basis */
  flex: 1 0 auto;
/*  padding: 210px 0px 0px 0px;  */
  width: 100%;
  min-width: 800px;
  overflow: auto;
  border: hidden;
  background: #fff4df;
/*  background: #fefffd;  */
}

/* для подвала */ 
footer{
  /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
  flex: 0 0 auto;
  width: 100%;
  margin: 0;  
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  background: url('../logo/line.jpg') repeat-x;
  background-size: contain;
  color: #FFECBD; 
  box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.7); /* добавляет тень */  
}
.line_bottom {
  padding: 10px;
}
/* --- для подвала --- */

aside { 
  width: 200px; 
  margin: 10px;
 /* border: 1px solid #ffd586; */
} 
.main {
/*  margin: 15px 225px;   Ширина колонок */
  position: relative;  
  height: auto;     
  padding: 5px;
/*  overflow: auto;   */
}

@media (min-width:1024px) { 
.main {
  margin: 15px 225px;  /* Ширина колонок */
}
aside.right {
  position: fixed; /* попытка закрепить блоки по бокам */
  padding-top: 18px;
  right: 0;
} 
.min_screen { 
  display: none;  
} 
}

@media (max-width:1023px) { 
.main {
  margin: 15px 15px 15px 225px;  /* Ширина колонок */
}
aside.right { 
  display: none;  
} 
.min_screen { 
  padding: 3px 1px;
} 
}

@media (min-height:601px) { 
aside.left { 
  position: fixed; /* попытка закрепить блоки по бокам */
  padding-top: 18px;
} 
aside.right { 
  position: fixed; /* попытка закрепить блоки по бокам */
  padding-top: 18px;
  right: 0;
} 
}
@media (max-height:600px) { 
aside.left, aside.right { 
  position: relative; /* отмена закрепить блоки по бокам */
  padding-top: 10px;
} 
}

/* Menu */
ul.menu_ul {
  list-style: none; 
  margin: 0; 
  padding-left: 0px;
  font-size: 1.4em;
  font-family: LetteraTrentadue, Verdana, Helvetica, sans-serif;
  font-weight: bold;
/*  letter-spacing: 1px; */
  text-shadow: #fffadf -1px -1px 2px, 
               #525252 1px 1px 3px;
}

ul.menu_ul_dop, ul.menu_ul_dop_on {
  list-style: none; 
  margin: 0; 
  text-align: right;
  padding-left: 0px;
  font-size: 0.7em;
  font-family: LetteraTrentadue, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  text-shadow: #fffadf -1px -1px 2px, 
               #525252 1px 1px 3px;
}
ul.menu_ul_dop {
  display: none;
}
ul.menu_ul li:hover > ul { /* отображаем выпадающий список при наведении */
  display:inherit;
}
ul.menu_ul_dop_on {
  display: block;
}
ul.menu_ul li > a:after { content:  ' >'; font-size: 0.6em;}
ul.menu_ul li > a:only-child:after { content: ''; }

ul.menu_ul li  {
  margin: 0; 
  padding: 0 0 0 10px;
  margin-bottom: .4em;
  list-style-type: none;  
}
ul.menu_ul_dop li  {
  position: relative;
}
.curr {
  margin: 0; 
  color:#f9be07;
/*  padding: 0 0 0 10px;  */
  margin-bottom: .1em;
}
ul.menu_ul_afisha {
  list-style: none; 
  margin: 10px 0 0 ; 
  padding-left: 0px;
  font-size: 8.5pt;
  font-family: LetteraTrentadue, Verdana, Helvetica, sans-serif;
  letter-spacing: .1pt;
/*  text-shadow: #fffadf -0.02em -0.02em 0,
               #525252 0.02em 0.02em 0; */
}
li.afisha_old {
  margin: 0; 
/*  color:#d13701;  */
  font-size: .9em; 
  padding: 0 0 0 10px; 
  margin-bottom: .5em;
}
ul.menu_ul_news {
  list-style: none; 
  margin: 0; 
  padding-left: 0px;
  font-size: 8.5pt;
  font-family: LetteraTrentadue, Verdana, Helvetica, sans-serif;
  letter-spacing: .1pt;
/*  text-shadow: #fffadf -0.02em -0.02em 0,
               #525252 0.02em 0.02em 0; */
}
ul.menu_ul_news li, ul.menu_ul_afisha li  {
  margin: 0; 
  padding: 0 0 0 10px; 
  margin-bottom: .6em;
  list-style-type: none;  
}
/* ----- */

/* Site Menu */
.menu_nav, .afisha {position:relative;}
.afisha, .afisha_old {font-weight:normal;}

/*.menu_nav a:link, .menu_nav a:visited {color:#904a40; text-decoration:none;} */
.menu_nav a:link, .menu_nav a:visited {color:#b04e1f; text-decoration:none;}
.menu_nav a:hover {color:#f9be07; text-decoration:none;}
.curr a:link {text-decoration:none; color:#f9be07; font-weight: bold;} 
.curr a:visited {text-decoration:none; color:#f9be07;} 
.curr a:hover {text-decoration:none; color:#f9be07;} 

.afisha a:link, .afisha a:visited  {text-decoration:none; color:#be4b24;}
.afisha a:hover {text-decoration:none; color:#f9be07/*ffd586*/;}
.afisha_old a:link, .afisha_old a:visited {text-decoration:none; color:#999/*ffd586*/;}
.afisha_old a:hover {text-decoration:none; color:#f9be07;}

/* Стиль для календаря */
div.ui-datepicker {
  font-size: 10px;
  width: 190px;
}
.datepic {
  padding: 3px 1px;
}
/* --------- */

hr {
  margin: 15px 5px;
  border: none; 
  border-radius: 2px;
  height: 3px;
/*  background: #d13702; */
  opacity: 0.7;   
  /*  color: #b04e1f; */
  color: #7c6861;
  background-image: -webkit-linear-gradient(left, #fefffd, #7c6861, #fefffd);
  background-image: -moz-linear-gradient(left, #fefffd, #7c6861, #fefffd);
  background-image: -ms-linear-gradient(left, #fefffd, #7c6861, #fefffd);
  background-image: -o-linear-gradient(left, #fefffd, #7c6861, #fefffd);
}
.divText {
  padding: 15px;
  margin: 0 auto; 
}
.kino {
 /*   color: #000000; 
    display: block;*/
    min-height: 120px;
    margin-top: -180px;
    padding-top: 180px;
}
.d_lica {
  width: 70%;
  min-width: 400px;
  padding: 0;
  margin: 0 auto; 
  color: #000;
  font-size: 1em;
  text-align: center;
}
.col_left {
  width: 50%;
  padding: 10px 0;
  margin: 0; 
  text-align: left;
  display: inline-block;
}
.col_right {
  width: 48%;
  padding: 10px 0;
  margin: 0; 
  text-align: right;
  display: inline-block;
}
/* Оформление ссылок */
a {
/*  color: #800000; 
  color: #7c6861;*/
  color: #870000;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
/*  color: #d13702; 
  color: #cf3800;*/
  color: #d22d00;
/*  text-shadow: #fffadf -1px -1px 1px, 
               #333 1px 1px 5px;   */
/*  text-decoration: underline; */
}
/* -- Оформление ссылок -- */

/* Оформление текста */
h1 {
  font-family: LetteraTrentadue, Verdana, Helvetica, sans-serif;
  font-size: 36px;
  letter-spacing: 2px;
  margin: 0 0 10px;
/*  color: #cf3800; 
  color: #7c6861;*/
  color: #904a40;
  font-weight: bold;
/*  font-style: italic; */
  text-align: left;
  text-shadow: #fffadf -1px -1px 2px, 
               #525252 1px 1px 7px;
}
h2 {
  margin: 0 0 .7em;
  font-size: 1.2em;
/*  color: #7c6861;*/
  color: #904a40;
  font-weight: bold;
  margin-bottom: .7em;
  text-shadow: #fffadf -1px -1px 1px, 
               #525252 1px 1px 3px;
  text-align: center;
}
h3 {
  font-size: 18px;
  margin-bottom: 3px;
/*   color: #7c6861;*/
  color: #904a40;
  font-weight: bold;
  text-align: left;
  text-shadow: #fffadf -1px -1px 2px, 
               #525252 1px 1px 3px;
}
p {
color: #000;
font-size: 1em;
text-align: justify;
line-height: 1.5em;
margin: .7em 0;
}
.showril {
  font-size: 0.9em;
  margin: -7px -30px;
}
ul.showril li {
  list-style-type: none; 
}
ul.showril li:before {
  color: #904a40; 
  content: "\2666"; 
  padding-right: 7px; 
}

.news_list {
  margin: 5px 5px 5px -20px;
}
ul.news_list li {
  list-style-type: none; 
  margin-bottom: 10px;
}
ul.news_list li:before {
  color: #904a40; 
  content: "\2666"; 
  padding-right: 7px; 
}
/* -- Оформление текста -- */

/* стрелка вверх */
.scrollup {
  width: 60px;
  height: 60px;
  text-indent: -9999px;
  opacity: 0.7;
  position: fixed;
  bottom: 20px; 
  right: 50px;
  display: none;
  z-index: 300;            /* попытка закрепить шапку */
    background-image: url('../logo/b_up.png');
    background-size: contain;
    border-radius: 50%;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
} 
a.scrollup:hover, a.scrollup:hover {
  opacity: 1;
}
/* --- стрелка вверх --- */

/* Стиль для fancybox */
.fancybox {
   margin-left: 5px;  
   margin-top: 15px;  
}
.kadr:hover {
	-webkit-transform:scale(1.05);
	-webkit-box-shadow:0px 0px 7px #a5893c;
	-moz-transform:scale(1.05);
	-moz-box-shadow:0px 0px 7px #a5893c;
	-o-transform:scale(1.05);
	-o-box-shadow:0px 0px 7px #a5893c; 
}
.fancybox-custom .fancybox-skin {
  box-shadow: 0 0 15px #fffadf;
}
.watermark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
    z-index: 1100;
}
.logo_img {
    position: absolute;
    bottom: 10px;
    right: 15px;
    color: #fffadf;
    font: 24px Monotype Corsiva,Verbana,Helvetica;
    text-shadow: 0px 4px 2px #000;
    font-weight: bolder;
    letter-spacing: 5px;
    opacity: 0.7;    
}
.single_image {
  float: left; 
  padding-right: 10px;
}
.hidden {
    display: none;
}
#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}
#fancybox-thumbs.bottom {
	bottom: 20px;
}
#fancybox-thumbs.top {
	top: 20px;
}
#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.7;
}
#fancybox-thumbs ul li.active {
	opacity: 0.9;
	padding: 3px;
	border: 1px solid #FFFADF;
}
#fancybox-thumbs ul li:hover {
	opacity: 1;
}
#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
  box-shadow: 0 0 1px 1px rgba(165,137,60, 0.7);    
  border-radius: 3px 3px;      
  padding: 3px;
	background: #FFFADF;  
/*	border: 1px solid #222;
	background: #111; */
	outline: none;
}
#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}

/* --------- */
/* Стиль для рамки картинок */
.img_bord, .img_bord_r, .img_p {
  display: inline-block;
  line-height: 0;
  box-shadow: 0 0 1px 1px rgba(102,51,0, 0.7);    
  border-radius: 3px 3px;      
  padding: 3px;
  max-width: 95%;
}
.img_bord {
  margin: 0 12px 12px 0;  
}
.img_bord_r {
  margin: 0 -5px 12px 15px;  
}
.img_p {
  margin: 0 15px 12px 0;  
  float: left;
}

@media (min-width:1025px) {
.img_bord img, .img_bord_r img, .img_p img {
  height: 150px;
}
}
@media (max-width:1075px) { 
.img_bord img, .img_bord_r img, .img_p img {
  height: 100px;
}
} 
.kino img {
  height: 100px;
  float: left;
}
/* --Стиль для рамки картинок-- */

/* Стиль для рамки видео */
.pleer {
  width: 70%; 
  margin: auto;
  text-align: center; 
  margin-bottom: 1em;
  top: 0; left: 0; bottom: 0; right: 0;
}
.pleer_hd {
  width: 90%;
  position: relative;
  padding-top: 54%;
  margin: 1.2em auto 1em;
  text-align: center; 
  top: 0; left: 0; bottom: 0; right: 0; 
}
.pleer_hd iframe, .pleer_hd embed {
  box-shadow: 0 0 1px 1px rgba(165,137,60, 0.7);
  border-radius: 3px 3px;
  padding: 3px;
  box-sizing: border-box;
  position: absolute;
  text-align: center; 
  top: 0;
  left: 0; 
  width: 100%;
  height: 100%;
}
.x34 {
  width: 80%;
  padding-top: 62.25%; 
}
.video_bord {
  box-shadow: 0 0 1px 1px rgba(165,137,60, 0.7);
  border-radius: 3px 3px;
  padding: 3px;
  margin: 0 auto;
  display: block;
  width: 96%;
  height: 96%;
}
.nazv {
  margin: 0 auto;
  width: 90%;
  z-index: 10;
  color:#000000;
  font-size:10pt; 
  text-align: center;
}
/* --Стиль для рамки видео-- */

.left {
  float: left;
}
.right {
  float: right;
}
.right_p {
  text-align: right;
}
.center {
  text-align: center;
}
.small {
  font-size:10pt;
}
.bold {
  font-weight: bold; 
}
.bold_news {
  font-weight: bold; 
  color: #800000;
}
.skaz {
  font-weight: bold; 
/*  color: #800000; */
  font: 19px Vezitsa Cyrillic,Monotype Corsiva;
}

/* Для Гостевой */
.divMail {
  margin: 10px 0; 
  padding: 0 15px; 
  width: 90%;
}

input, textarea, select {
  outline:none;
  border-radius: 3px 3px;
  box-shadow: 0 0 1px 1px rgba(165,137,60, 0.7);
  border: 1px solid rgba(165,137,60, 0.1);
  padding: 3px 0 3px 3px;
  font-size: 9pt;
  font-weight: normal;
  font-style: normal;
  text-shadow: none;
}

textarea {
  max-width: 95%;
}

.h2 {
/*  color: #cc9966;  
  font-weight: bold; 
  display: inline;*/
  text-align: left;
}
.g_date {
  font-size: 9px;
}
.otvet {
  padding: 5px 10px 10px 10px;
  background-color: rgba(243, 216, 149, 0.3);
  margin: 0 15px 15px 30px;   
  border-radius: 3px 3px;
  box-shadow: 0 0 1px 1px rgba(165,137,60, 0.5);
}

.prov {
  display: none;
}
/* -- Для Гостевой -- */

/***************
Стили для кнопок
***************/
div.button {
  margin: 0;
  padding-top: 20px;
  text-align: center;
}
.myButton a.myButtonA:link {text-decoration:none; text-shadow: 0px 0px 1px #FFECBD} 
/* .myButton a.myButtonA:visited {text-decoration:none; color:#FFECBD} */
.myButton a.myButtonA:hover {text-decoration:none; color:#FFECBD}

.myButton {
/*  box-shadow: inset 0px 0px 7px #FFECBE;
    -moz-box-shadow: inset 0px 0px 7px #FFECBD;
    -webkit-box-shadow: inset 0px 0px 7px #FFECBD; */
  background-color: rgba(249, 190, 7, 0.7);
    -moz-border-radius:3px 3px;
    -webkit-border-radius:3px 3px;
  border-radius: 3px 3px;
  box-shadow: 0 0 1px 1px rgba(165,137,60, 0.7);
  border: 1px solid #FFECBD;
  display: inline-block;
  cursor: pointer; 
  padding: 5px 7px;
  margin: 0px 10px;
  text-decoration: none; 
  font-weight: bold;
  color: #904a40;
  outline: none;
}
.myButton:hover {
    box-shadow: inset 0px 0px 5px #904a40;	
	-moz-box-shadow: inset 0px 0px 5px #904a40;
	-webkit-box-shadow: inset 0px 0px 5px #904a40;	
	background: #f9be07;    
    color: #904a40;
    outline: none;  /* удаляет обводку в браузерах хром(желтая) и сафари(синяя)*/
    opacity: 0.99;
}
.myButton:active {
	position:relative;
	top:1px;
} 
/* --------- */

/* Стили для слайд-шоу */
div.slideshow {
  text-align: center;
  list-style:none;
  width:180px; 
  height:120px; 
  overflow:hidden;
  position:relative;
  margin:0 auto;
  box-shadow: 0 0 1px 1px rgba(165,137,60, 0.7);
  border-radius: 3px 3px;
  padding: 3px;
}

div.slideshow span {
	position:absolute;
	left:0;
	right:0;
}

div.slideshow span.show {
	z-index:100;
}

div.slideshow img {
	width: 180px;
	height: 120px;
}

/*
@media (min-width:1024px) { 
.slideshow_min { 
  display: none;  
} 
}

@media (max-width:1023px) { 
.slideshow_big { 
  display: none;  
} 
} */