@import "contact.css";
@import "tizer_block.css";
* { margin: 0; padding: 0; }

body {
margin:auto;
font:14px Verdana, Georgia, Times New Roman, serif ;
line-height:1.3;
color:#000;
text-align:left;
background: url('../images/body_bg.png') fixed ;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{ font-weight: normal;
font-style: normal;
text-decoration: none;}

a {
text-decoration: none;
color:#004f64;
}


a:link { color: #004f64;}

/*a:visited{ color:#3b98b0;}*/

a:active{ color:#3b98b0;}

a:hover{ text-decoration: none;
color: #fe1919;}

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover{
font-size:22px;
color: #3b98b0;
text-align:left;
margin-bottom:5px;}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover{
font-size:20px;
/*color: black;*/
text-align:left;
margin-bottom:5px;}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover{
font-size: 18px;
color: #30b2cf;
text-align:left;}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover,h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover,h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover{
font-size:16px;
color: #3b98b0;
text-align:left;}

a img {border: none;}

p img {margin:0 10px 0 0; float:left;}

p {margin: 0 0 10px 0;}



#header,#page {
/*min-width:1000px;
max-width:1300px; */
width:1300px;
margin:0 auto;
background-color:#fff;
background-image:url('../images/page_bg.png');
overflow:hidden;
padding: 10px;
box-shadow:0px 0px 40px 0px #FDF3B5;
}

#header {
margin-top:50px;
border-radius:20px 20px 0 0;
}

#page {
border-radius:0 0 20px 20px;
}

#top{
height:160px;
width:100%;
float:left;
margin:0;
}

#logo {
float:left;
height:160px;
width: 400px;
 }

#dep{
width:450px;
float:left
 }

 #tel{
width:350px;
float:right;
 }

#logo h1{
font:bold 24px Arial, Helvetica, sans-serif small-caps;
font-style:italic;
text-align:left;
color:#004f64;
padding:15px 0 0 100px;
border:none;
visibility:hidden
}
/*div id="user1" */

#user1 {
float: right;
/*width: 250px;
height:50px;
margin-left:100px;*/
}

#user1 input {
background:url('../images/search.png') no-repeat;
height:20px;
width:245px;
font:12px Arial, Helvetica, sans-serif;
margin:15px 0 0 80px;
font-style:italic;
border:3px double #3b98b0;}

#user2 {
width: 1300px;
margin:auto;
clear:both;}

#slider {
margin:auto;
width:1300px;
}

#user3 {
width: 100%;
padding-bottom:25px;
}

#left {
float:left;
width:300px;}

#rigth {
float:left;
width:300px;
border: 2px solid rgb(231, 229, 229);
border-radius: 10px;
}


#content60 {
float:left;
width:calc(100vw - 706px);
min-width:386px;
max-width:686px;
padding: 0 5px 0 5px;}

#content80 {
float:left;
width:calc(100vw - 365px);
min-width:676px;
max-width:976px;
padding: 0 15px 0 5px;}

#content100 {
float:left;
min-width:990px;
max-width:1290px;
padding: 0 5px 0 5px;}

#content60, #content80, #content100 {
text-align:justify;
margin-top:5px;}

#content60 ul li,#content80 ul li,#content100 ul li{
background: url('../images/blok.gif') no-repeat;
padding: 0;
margin:5px;
list-style:none;}

#content60 p img,#content80 p img ,#content100 p img {
padding:5px;}

div#content60, div#content80, div #content100 {
width:100%}

.center{
	text-align:center;
}

table.truppa td{
	vertical-align:top;
	padding-left: 5px;
	width: 450px;
}

.button,input.button,button.validate {
color:#fff;
margin:2px;
padding:2px 10px 2px 10px;
cursor:pointer;}

.moduletable_search{
float:right;
padding-top:6px; 
}
.moduletable_search label{padding-right:6px;}

.moduletable_slider {margin-bottom:0px;}
.moduletable_slider img {margin:0;}
.moduletable_slider p {margin:0;}

.moduletable_nav {
font-style:italic;
font-size:14px;
padding:0px;
margin:0px;
Display :inline;
}

.moduletable_nav li{
float:left;
list-style:none;
}

.moduletable_hits table {
margin:auto;
}

.moduletable_hits tr{
height:200px;
}

.moduletable_hits img{
width:250px;
padding: 10px 25px;
}

.moduletable_hits img:hover{
width:260px;
}

.moduletable_hits h3{
font: bold 12px Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align:left;
padding:5px 0 5px 5px;
color:#fe1919;
background-color:#e7e5e5;
}

.moduletable_small-affiche .hidden-for-small-affiche{
display:none;
}
.moduletable_small-affiche .data {
height:80px;
display:table;
float:left;
text-align:center;
width:50px;
}
.moduletable_small-affiche .number{
font-size:24px;
}



/*старый стиль, в котором при наведении увеличивается картинка
 .blog_roles img:hover{
display:block;
width:220px;
height:220px;
position:relative;
bottom:28px;
right:10px;
}  */
.blog_roles a{
display:block;
}



.moduletable, .moduletable_small-affiche {
font:13px Arial, Helvetica, sans-serif;
color:#000;
line-height:1.5;
/*text-align:left;*/
padding:5px 0;
margin:0px;
box-shadow:0px 0px 40px 0px #FDF3B5;
}

.moduletable h3, .moduletable_small-affiche h3{
font: bold 12px Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align:center;
padding:5px 0 5px 5px;
color:#fe1919;
background-color:#e7e5e5;}

.moduletable .newsflash, .moduletable .newsflash h4, .moduletable .newsflash p{
text-align:center;
}

.moduletable .newsflash-title {
border-top: 1px solid grey;
padding-top:5px;
}

.moduletable .newsflash img {
margin-left: 50px;
}

.moduletable p {padding:5px;}

ul.breadcrumb li{float:left;}

.moduletable ul li{
padding: 0 0 0 12px;
margin:5px;
list-style:none;
}


#footer {
width:100%;
clear:both;
background: linear-gradient(to top, #fefcea, #DEDEDE);
}

#footer .moduletable{
border:none;
box-shadow:none;
min-width:1000px;
max-width:1300px;
margin:0 auto;}

#footer .moduletable thead a{
font-size: 120%;
font-weight:bold;
}
#footer .moduletable td, #footer .moduletable th
{
padding:0px 10px 10px 10px;
vertical-align:top;
}
#contact-form  *{
padding-left:5px;
}

#contact-form  button{
  display: inline-block;
  color: #333333;
  font-size: 120%;
  font-weight: 600;
  text-decoration: none;
  user-select: none;
  padding: .25em .5em;
  outline: none;
  border-radius: 7px;
  background: rgb(255,212,3) linear-gradient(top, #fff, #eee);
  box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
  transition: box-shadow .2s, border-color .2s;
  margin-bottom:10px;
}
#contact-form  button:hover {
  box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(192,192,192,.5);
  color: #111111;
}
#contact-form  button:active {
  padding: calc(.25em + 1px) .5em calc(.25em - 1px);
  border-color: #6C6C6C;
  box-shadow: inset 0 -1px 1px rgba(0,0,0,.1), inset 0 1px 2px rgba(0,0,0,.3), inset 0 0 0 60px rgba(192,192,192,.45);
}

#mxcpr{
visibility:hidden;
}


/*Стили для отображения блока категорий в колонках*/

.items-row, .items-leading {
    margin-bottom: 60px !important;
    overflow: hidden;
	clear:both;
}



.column-1, .column-2, .column-3, .column-4 {
    padding: 0px 5px;
}

.cols-2 .column-1 {
    float: left;
    width: 46%;
}

.cols-2 .column-2 {
    float: right;
    margin: 0;
    width: 46%;
}

.cols-3 .column-1 {
    float: left;
    margin-right: 4%;
    padding: 0 5px;
    width: 29%;
}
.cols-3 .column-2 {
    float: left;
    margin-left: 0;
    padding: 0 5px;
    width: 29%;
}

.cols-3 .column-3 {
    float: right;
    padding: 0 5px;
    width: 29%;
}

.cols-4 .column-1 {
    float: left;
    margin-right: 2%;
    padding: 0 5px;
    width: 23%;
}
.cols-4 .column-2 {
    float: left;
    margin-right: 2%;
    padding: 0 5px;
    width: 23%;
}

.cols-4 .column-3 {
    float: left;
	margin-left: 0;
    padding: 0 5px;
    width: 23%;
}

.cols-4 .column-4 {
    float: right;
    padding: 0 5px;
    width: 23%;
}

.blog_spectacles
{

}

.item-page_spectacles h2{}
.item-page_repertuar h2, .blog-featured_repertuar h2, .blog_repertuar h2{
display:block;
width:100px;
margin:0 auto;
text-align:center;
padding:15px 0;
color:black;
}

.item-afisha {
  position:relative;
  height: 400px;
  width:200px;
  float: left;
  padding:20px;
  border: 1px solid #f6f1d6
}

.title {
  height: 60px;
  display: table;
}

.title p {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 3px;
}
.bottom {
  position: absolute;
  bottom: 0;
}

.item-page_repertuar .data, .blog-featured_repertuar .data, .blog_repertuar .data {
height:200px;
display:table;
float:left;
text-align:center;
width:50px;
}

.item-page_repertuar .data div, .blog-featured_repertuar .data div, .blog_repertuar .data div, .moduletable_small-affiche .data div{
display: table-cell;
vertical-align: middle;
}

.item-page_repertuar .number, .blog-featured_repertuar .number, .blog_repertuar .number{
font-size:40px;
}

.item-page_repertuar img, .blog-featured_repertuar img, .blog_repertuar .number img{
float:left;
height:200px;
}

.subheading-category{
text-align:center;
font-size:28px;
}


.blog-featured_repertuar h2 a{color:black}

.moduletable_online-tickets a,.moduletable_view-affiche a,.moduletable_instagram a {
margin-top:20px;
display:block;
width:290px;
height:50px;
}
.moduletable_online-tickets a{
background: url(../images/online-tickets.png);
}
.moduletable_online-tickets a:hover{
background: url(../images/online-tickets2.png);
}

.moduletable_instagram a{
  background: url(../images/instagram.png);
  }
  .moduletable_instagram a:hover{
  background: url(../images/instagram2.png);
  }

.moduletable_view-affiche a{
background: url(../images/view-affiche.png);
}

.moduletable_view-affiche a:hover{
background: url(../images/view-affiche2.png);
}

table .sigFreeClassic {
float:right;
width:820px;
}

.sigFreeContainer li{
padding:0;
}

.clear{clear:both}

a._1drp a._5lv6{
font-size:12px;
}

.photo{
position:relative;
width:200px;
height:200px;
float:left;
margin:5px;
overflow:hidden;
}

.photo img{
position:relative;
bottom:18px;
}

.photo:hover:after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 0; right: 0; bottom: 18px; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: rgba(178,178,178,0.6); /* Полупрозрачный цвет фона */
    color: #fff; /* Цвет текста */
    text-align: center; /* Выравнивание текста по центру */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 16px; /* Размер текста подсказки */
    padding: 5px 10px; /* Поля */
    border: 1px solid #333; /* Параметры рамки */
	height:175px;
   }

.postanovki{
display:block;
background-image: url('../images/постановки2.png');
width:225px;
height:150px;
float:left;
}

.postanovki:hover{
background-image: url('../images/постановки.png');
}

.roli{
display:block;
background-image: url('../images/роли2.png');
width:180px;
height:200px;
float:right;
}

.roli:hover{
background-image: url('../images/роли.png');
}

.osnovtel ul{
clear:none;
width:calc(100vw - 450px);
}