*{margin:0;padding:0;}

@font-face {font-family:Roboto; src:url(/css/fonts/Roboto.ttf);}
@font-face {font-family:Roboto Bold; src:url(/css/fonts/Robotobold.ttf);}
@font-face {font-family:AvantGardeC; src:url(/css/fonts/AvantGardeC.ttf);}

body{
	font-family:Roboto,Arial,sans-serif;
	font-size:1em;
	color:#333;
	line-height:1;
	background-color:#C9002E;
	background-image:url('/pics/bg.png');
	background-size:100% auto;
	margin:0 5%;
}

/* Шапка */
header	{background:rgba(255,255,255,1); text-align:center; padding:1em; overflow:hidden; line-height:1.2;}

header .top	{margin:auto; width:45em;}

header .logo	{position:absolute; top:1em;}
header .kdc	{position:relative; font-size:1.5em; font-family:AvantGardeC; color:#cb1f40; margin:1.3em 0 0.5em 3.5em;}
header .kdc a	{text-decoration:none; color:#cb1f40;}

header .logo1 img	{width:390px; height:100px; margin:1em;}
header .kdc1		{font-size:2em; font-family:AvantGardeC; color:#cb1f40;}

header .logo img	{width:160px; height:41px; /* float:left; */ border:0; margin-top:1em;}

header .nobr	{display:inline; white-space:pre;}

header .mau1	{font-size:1em; margin-bottom:0.4em;}
/*
header .mau	{font-size:0.6em; text-align:left; margin-left:2.7em; font-weight:normal;}
*/
/*
header .kdc1 div,	
header .kdc div:nth-child(1),
header .kdc div:nth-child(2),
header .kdc div:nth-child(3)	{display:inline; white-space:pre;}
*/


/* Знаки */
.znak_rr	{position:absolute; right:10%; top:3em;}

/* Пушкинская карта */
.pushka,
.pushka1	{position:absolute; right:10%; top:7em; font-size:1em; font-weight:bold; text-transform:uppercase;}
.pushka a,
.pushka1 a	{text-decoration:none; color:#333;}
.pushka1	{top:13.5em;}


/* Меню */
nav	{display:table; width:100%; height:2.3em; background:rgba(255,255,255,1); /* background-color:#fff; /* position:fixed; */}
nav .tr	{display:table-row;}
nav .td	{display:table-cell;}
nav .s1,
nav .s3	{width:30%;}
nav .s2	{width:40%; min-width:49em;}



#mbtn	{
	width:30px;
	height:30px;
	background-image:url('/pics/menu.gif');
	cursor:pointer;
	margin:10px;
	display:none;
}


#menu{z-index:100; /* из-за слайдера */}

#menu li{
	width:7em;
	font-weight:bold;
	text-align:center;
	list-style:none;
	float:left;
	position:relative;
}
#menu li a{
	display:block;
	color:#000;
	background:#fff;
	text-decoration:none;
	padding:10px;
}
#menu li a:hover{
	color:#fff;
	text-decoration:none;
}

/* Выпадающие пункты меню */
#menu ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	opacity:0; /* Устнавливаем начальное состояние прозрачности */
	-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	font-size:0.9em;
	border:1px solid #ccc;
	border-width: 0 1px 1px 1px;
	z-index:1;
}
#menu ul li{
/*	width:13em;
*/
	width:15em;
	border-top:1px solid #fff;
	text-align:left;
	float:none;
	border-top:1px solid #ccc;

}
#menu ul a{
/*	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
}
#menu li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
}
#menu li:hover a {text-decoration:none;}


#menu .arr	{cursor:pointer; position:absolute; top:1em; right:0.5em; border: 7px solid transparent; /* Прозрачные границы */ border-top: 7px solid #666; /* Добавляем треугольник */}

#menu .m1	{}

#menu .active	{padding:10px; color:#fff; /* background-color:#C93275; */}

#menu .c1, #menu .c1 a:hover, #menu .active1 a	{background-color:#CF0034;}
#menu .c2, #menu .c2 a:hover, #menu .active2 a	{background-color:#FB6739;}
#menu .c3, #menu .c3 a:hover, #menu .active3 a	{background-color:#FF9800;}
#menu .c4, #menu .c4 a:hover, #menu .active4 a	{background-color:#9BCB67;}
#menu .c5, #menu .c5 a:hover, #menu .active5 a	{background-color:#35CC99;}
#menu .c6, #menu .c6 a:hover, #menu .active6 a	{background-color:#00669F;}
#menu .c7, #menu .c7 a:hover, #menu .active7 a	{background-color:#9A01CE;}


.content{padding:2em 20%; background-color:#fff; background:rgba(255,255,255,0.9); overflow:hidden;}
h1	{font-size:1.6em; margin-bottom:0.5em; line-height:1.4; color:#CF0034;}
h2	{font-size:1.3em; margin-bottom:0.3em; line-height:1.4; color:#FB6739;}
h3	{font-size:1.1em; margin-bottom:0.3em; line-height:1.4; color:#FB6739;}
h2 a,
h3 a	{text-decoration:none;}

a	{color:#FB6739;}

p	{margin-bottom:0.8em; line-height:1.5;}
.content ul, .content ol	{margin:0 0 1em 1.3em; line-height:1.5;}
.content .ul0	{list-style:none; margin-left:0; line-height:2;}


footer	{padding:1em; line-height:1.4; background:rgba(255,255,255,0.9);}
footer .copy	{float:left; margin-left:17%;}
footer .address	{float:left; margin-left:15%;}
footer .right	{float:right; margin-right:17%; text-align:right; font-size:0.9em}
footer .sitemap	{margin-bottom:0.2em; }
footer .dm	{color:#999; margin-top:0.2em;}
footer .dm a	{color:#999;}
footer .counter	{float:left; padding-left:2%; margin-top:0.3em}
footer .search	{position:absolute; margin-left:28%; margin-top:0.3em; opacity:0.8;}
footer .search img	{width:32px; height:32px; border:0;}


#up {display:none; position:fixed; right:1em; bottom:1em; opacity:0.4;}
#up img	{width:50px; height:50px; border:0; cursor:pointer;}


.space	{height:0.8em;}
.comment{color:#999;}

.line	{height:0.7em; display:table; width:100%;}
.line .tr	{display:table-row;}
.line .td	{display:table-cell;}

.line .s1,
.line .s3	{width:30%; /* background-color:#999; */ background-color:#fff; opacity:0.7;}
.line .s2	{width:40%; min-width:49em;}

.line .c1,
.line .c2,
.line .c3,
.line .c4,
.line .c5,
.line .c6,
.line .c7	{float:left; height:0.7em; width:7em;}

.c1{background-color:#CF0034;}
.c2{background-color:#FB6739;}
.c3{background-color:#FF9800;}
.c4{background-color:#9BCB67;}
.c5{background-color:#35CC99;}
.c6{background-color:#00669F;}
.c7{background-color:#9A01CE;}


.clear	{clear:both;}


/* Новости */
.news		{margin-bottom:1em; clear:left; /* min-height:180px; */}
.news .text,
.news .text1	{margin-bottom:1em; line-height:1.5;}
.news .text	{margin-left:230px;}
.news .data	{font-size:1.1em; color:#727272; margin-bottom:0.5em; }
.news .price,
.news .price1	{font-weight:bold; color:#999; margin-bottom:1em;}
.news .price1	{margin: 1em 0 0.3em;}
.news	img	{border:1px solid #999;}
/* Ссылки на соцсети*/
.soc		{margin-bottom:0.5em;}/* ссылки на соц.сети*/
/* Знак рубля */
.rub	{display:inline-block; border-bottom:2px solid; line-height:0.2em; width:0.5em;}
.news .tickets_buy	{cursor:pointer; color:#fff; padding:0.8em; opacity:0.8; display:inline-block; margin-bottom:1em; display:inline-block; margin-bottom:1em; background-color:#CF0034;}

.img_l img, .img_r img	{border:1px solid #999; padding:0.3em; border-radius:0.5em;}
.img_l	{float:left; margin:0 1em 1em 0;}
.img_r	{float:right; margin:0 0 1em 1.5em;}
.img	{border:1px solid #999; margin:0 0.5em 1em 0;}

/* Заказ билетов */
.order		{display:none; border:1px solid #CF0034; margin:1em 0; padding:1em; line-height:1.5;}
.order_name	{float:left;}
#order_places,
#order_sum	{margin-left:3.7em;}
#order_save	{cursor:pointer; color:#fff; padding:0.3em 0.5em; opacity:0.8; background-color:#CF0034; display:inline-block; margin-top:0.3em;}
#order_close	{float:right; cursor:pointer; margin:-0.5em -0.5em 0 0;}
#order_close img{width:16px; height:16px; border:0;}

/* План зала */
.prices	{margin: 1em 0;}
.prices .tickets{float:left; margin-right:0.3em; padding-top:0.3em; color:#666;}
.prices .price	{float:left; text-align:center; margin:0 0.5em 0.5em 0; width:3.5em; padding:0.3em 0 0.2em 0; color:#fff;}
.hall		{border:1px solid #ccc; overflow:auto; padding:1em 0 1em 1em; background-color:#fff;}
.scene		{border:1px solid #ccc; width:570px; margin-left:110px; padding:10px; font-weight:bold; font-size:1.2em; background-color:#FF9800; text-align:center;}
.entrance	{position:absolute; background-image:url(/pics/hall/entrance.png); width:30px; height:30px; margin-top:-16px; margin-left:-46px; opacity:0.8;}
.row		{clear:left; width:820px; font-size:12px;}
.row .place,
.row .place_n	{width:18px; height:16px; margin:1px; padding-top:4px; float:left; border:1px solid #ccc; text-align:center;}
.row .space	{width:18px; height:16px; margin:1px; padding:4px 1px 1px 1px; float:left; text-align:center; color:#000; font-weight:bold;}
.row .place_s	{width:18px; height:16px; margin:1px; padding-top:2px; float:left; border:1px solid #ccc;  background:#fff;}
.row .place_n	{color:#fff; background:#CF0034;}
.row .empty	{cursor:pointer;}

/* Таблица */
.table		{padding-bottom:1em; line-height:1.3;}
.table table	{border-collapse:collapse;}
.table table th	{background-color:#FFE58D; color:#7F2300; padding:0.5em; font-weight:normal; border:1px solid #FB6739;}
.table table td	{padding:0.5em; text-align:center; border:1px solid #FB6739;}
.table .td1	{background-color:#F0F9FF;}
.table .left	{text-align:left;}

/* Отзывы */
.reviews		{margin-bottom:1em; line-height:1.5em;}
.reviews .q_number	{position:absolute; color:#FB6739; width:2.3em; text-align:right; /* border:1px solid #ccc; */}
.reviews .q_text	{margin-left:2.5em;}
.reviews .q_text a	{text-decoration:none; color:#333; border-bottom:1px dashed #000; cursor:pointer;}
.reviews .q_data	{margin-left:2.5em; color:#999;}
.reviews .q_user	{float:right; color:#999;}
.reviews .q_answer	{display:none; padding:0.5em 0 0 1.5em; color:#FB6739;}

#tickets_buy,
#calendar_news,
#event_order,
#reviews_add,
#questions_add,
#feedback	{position:absolute; right:20%; margin-top:-3.1em; cursor:pointer; color:#fff; padding:0.8em; opacity:0.8;}
#tickets_buy	{background-color:#CF0034;}
#calendar_news	{background-color:#FB6739;}
#event_order	{background-color:#9BCB67;}
#reviews_add	{background-color:#00669F;}
#questions_add	{background-color:#FF9800;}
#feedback	{background-color:#9A01CE;}

#poster_buy,
#poster_buy1	{background-color:#CF0034; display:inline-block; cursor:pointer; color:#fff; padding:0.8em; opacity:0.8; margin:0 0 1em 0;}
#poster_buy1	{margin:0.5em 0 0.7em 0;}


/* Модаельное сообщение об отправке */
#modal_message{
	width:300px; 
	height:60px;
	border-radius:5px;
	border:1px #ccc solid;
	background:#1C6929;
	position:fixed;
	top:45%;
	left:50%;
	margin-top:-40px;
	margin-left:-150px;
	display:none;
	opacity:0;
	z-index:5;
	text-align:center;
	color:#fff;
	font-size:1.1em;
	line-height:1.3;
	padding-top:15px;
}

/* Модальное окно с полями */
#modal_form,
#modal_form_ticket{
	width:390px; 
	height:400px;
/*	border-radius:5px;	*/
	border:1px #ccc solid;
	background:#fff;
	position:fixed;
	top:45%;
	left:50%;
	margin-top:-220px;
	margin-left:-235px;
	display:none;
	opacity:0;
	z-index:5;
	padding:40px;
	overflow:auto;
}

#modal_form_ticket{
	width:220px;
	height:160px;
	margin-top:-100px;
	margin-left:-130px;
	text-align:center;
	z-index:6;
}


/* Кнoпкa "зaкрыть" */
#modal_close	{position:absolute; top:0.5em; right:0.5em; cursor:pointer; display:block;}
#modal_close img{width:32px; height:32px; border:0;}

/* Пoдлoжкa */
#overlay {
	z-index:3;
	position:fixed;
	background-color:#000;
	opacity:0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
	width:100%; 
	height:100%;
	top:0;
	left:0;
	display:none;
}


/* Заголовок модального окна */
.h {font-size:1.6em; text-align:center;}

/* Сообщения об ошибке */
#message{display:none; color:#ff0000; position:absolute; width:390px; margin-top:0.5em; font-size:0.9em; text-align:center; line-height:1.2;}

/* Сообщения об ошибке */
.warning{color:#ff0000;}

.form	{margin-top:40px;}
.fname	{position:absolute; margin-top:0.7em;}
.finput	{position:relative; margin-left:5.5em;font-size:1.1em;}
.fcomment{position:absolute; top:0.5em; right:3.1em;}
.phone	{font-size:1.2em;}

input	{font-size:1.1em;}
input[type="text"]	{margin:3px; padding:0 5px; height:30px; width:200px; border:1px solid #666; /* border-radius:3px; */}
textarea {margin:3px; padding:5px; height:100px; width:200px; border:1px solid #666; /* border-radius:5px; */ font-family:sans-serif; font-size:1.1em;}

input[type="submit"]
{
	color:#fff;
	margin:3px;
	height:36px;
	cursor:pointer;
	padding:0 5px;
	width:212px;
	border:1px solid #ccc;
	/* border-radius:5px;*/
/*
	background-color:#C10100;
	background:linear-gradient(to bottom, #E25151 5%, #C10100 100%);
*/
}
input[type="submit"]:hover	{
	opacity:0.8;
/*
	background:linear-gradient(to top, #E25151 5%, #C10100 100%);
*/
}

/* Обязательные поля в формах */
input:valid + span:after,
textarea:valid + div:after	{content:url(/pics/required-ok.gif); padding-left:0.2em;}

input:invalid + span:after,
textarea:invalid + div:after	{content:url(/pics/required.gif); padding-left:0.2em;}

.form .comment	{margin-top:10px; text-align:center; font-size:0.9em; line-height:1.3;}

/* Файлы */
.files	{display:table; width:100%;}
.files .td1, .files .td2, .files .td3	{display:table-cell; width:1%; vertical-align:middle; padding:0.2em;}
.files .td2	{width:98%; line-height:1.4;}
.files .td3 a	{text-decoration:none;}
.files .button	{background-color:#FF9800; cursor:pointer; color:#fff; padding:0.5em 0.8em; opacity:0.8;}
.files .ico img	{width:32px; height:32px; border:0;}

/* Поиск */
.search	{margin-bottom:1em;}
.search input[type="text"]	{width:300px;}
.search input[type="submit"]	{background-color:#C10100; width:5em; height:34px;}
.surl	{margin-bottom:0.5em;}
.sdata	{float:right;}

/* Ссылки на страницы */
.pages {margin-top:1em;}
.pages a{text-decoration:none;}
.pages .text	{color:#999; margin-right:0.5em;}
.pages .page, .pages .pageactive	{padding:0.2em 0.6em; font-size:1.1em;}
.pages .pageactive	{color:#fff; background-color:#FB6739; border-radius:1em;}

/* Пушкинская карта */
.pushkin,
.pushkin1	{position:absolute; margin:-4em 0 0 24em;}
.pushkin img,
.pushkin1 img	{width:46px; height:50px; border:0;}
.pushkin1	{margin:-3.7em 0 0 10em;}

/* Переключение между версиями */
.v, .v0	{position:absolute; top:.5em; right:10%}
.v_img	{position:absolute; margin-left:-2.2em;}
.v_txt	{position:relative; font-weight:bold;}
.v_txt a{color:#000;}

/* Размеры шрифта в версии для слабовидящих */
.v1, .v2, .v3	{color:#000; margin:0 3px; font-weight:bold;}
.v1 a, .v2 a, .v3 a	{text-decoration:none; color:#000;}
.v1	{font-size:14px;}
.v2	{font-size:17px;}
.v3	{font-size:20px;}

/* ------------------------------------------------------------  */


/* если < 1600px */
@media screen and (max-width:1600px){
.news p:not(:nth-child(2)) img	{width:100%; height:auto;}/* изображения в тексте */
}

/* если < 1200px */
@media screen and (max-width:1200px){
.content{padding:2em 15%;}

#tickets_buy,
#calendar_news,
#reviews_add,
#feedback	{right:15%;}

footer .copy	{margin-left:12%;}
footer .address	{margin-left:10%;}
footer .right	{margin-right:12%;}
}

/* если < 1100px */
@media screen and (max-width:1100px){
.content{padding:2em 12%;}
}

/* если < 1000px */
@media screen and (max-width:1000px){
.content{padding:2em 10%;}
#tickets_buy,
#calendar_news,
#reviews_add,
#feedback	{right:10%;}
footer .copy	{margin-left:7%;}
footer .address	{margin-left:15%;}
footer .right	{margin-right:7%;}
}

/* если < 900px */
@media screen and (max-width:900px){
header .top	{width:33em;} 
header .kdc	{font-size:1em; margin:2.3em 0 0.5em 4.5em;}
header .kdc1 .nobr	{display:block;}

nav	{height:2em;}
nav .s2	{min-width:35em;}

.line .s2{min-width:35em;}

.line .c1,
.line .c2,
.line .c3,
.line .c4,
.line .c5,
.line .c6,
.line .c7	{width:4.9em;}

#menu	{font-size:0.7em;}
#menu li{width:7em;}
#menu li a	{padding:10px 5px;}
#menu .active	{padding:10px 5px; }

.content{padding:2em 5%;}

footer .copy	{margin-left:10%;}
footer .right	{margin-right:10%;}
footer .search,
footer .sitemap,
footer .address,
footer .counter	{display:none;}

}

/* если < 650px */
@media screen and (max-width:650px){
header .top	{width:19em; } 
header .kdc1 div:nth-child(2) 	{white-space:normal;}
header .kdc	{margin:0.7em 0 0 6em; line-height:1.2;}
header .logo img{margin:0;}
header .kdc .nobr	{display:block;}

nav	{height:2em;}
nav .s1,
nav .s3	{width:10%;}
nav .s2	{width:80%; min-width:15em;}

.line .s1,
.line .s3	{width:10%;}
.line .s2	{width:80%; min-width:15em;}

.line .c1,
.line .c2,
.line .c3,
.line .c4,
.line .c5,
.line .c6,
.line .c7	{width:14%;}

.line .c1,
.line .c7	{width:15%;}
 

#menu	{display:none; position:absolute; margin-top:-2.5em; font-size:1em;}
#mbtn	{display:block;}
#menu li{width:9em; text-align:left;}
#menu li a	{padding:10px;}
#menu .active	{padding:10px;}

#menu li ul	{display:none; }

#menu li {float:none; border:1px solid #ccc; border-width:1px 1px 0 1px;}
#menu li:last-child {border-bottom:1px solid #ccc;}

#menu ul{left:0; opacity:1; z-index:1; position:relative;}

.content{padding:2em 3em;}

#tickets_buy,
#calendar_news,
#reviews_add,
#feedback	{right:3em;}

.news	{margin-bottom:1.5em; border-bottom:1px solid #ccc;}
.news .text	{margin-left:0;}
.img_l	{float:none; margin-bottom: 0.5em;}
.img_r	{float:none; margin-bottom: 0.5em; margin-left:0;}


#modal_close IMG {width:20px;height:20px;}
#modal_form .h	{font-size:1.3em;}
#modal_message{font-size:1em;}
#modal_form  {width:300px;margin-left:-170px; padding:40px 20px;}

#message {width:280px;}
input[type="text"]	{width:160px;}
input[type="submit"]	{width:172px;}
textarea		{width:160px;}

.fcomment{right:0.3em;}

.table		{font-size:0.9em;}
.table table th	{padding:0.3em;}
.table table td	{padding:0.3em;}

.v, .v0	{display:none;}

.pushkin	{margin:-4em 0 0 10em;}

}

/* если < 450px */
@media screen and (max-width:450px){
.img_r img	{max-width:200px; height:auto;}

.table		{font-size:0.7em;}
.table table th	{padding:0.2em;}
.table table td	{padding:0.2em;}

#calendar_news,
#feedback,
#reviews_add,
#tickets_buy	{display:inline-block; position:static; margin:-0.5em 0 0.5em 0;}

.content{padding:1em;}

.table table th span	{display:none;}


.pages .text	{margin-right:0.2em;}
.pages .page, .pages .pageactive	{font-size:0.9em;}


header .logo1 img	{width:195px; height:50px; margin:1em;}
header .pushka, header .pushka1	{display:none;}

header .logo	{position:relative;}
header .kdc	{display:none;}

.znak_rr	{display:none;}



}