/* CSS Document */

/*
html {
	scrollbar-base-color: #9a0905; /* main front color */
/*	scrollbar-track-color: #d25652; /* track color */
/*	scrollbar-arrow-color: #cc0402; /* arrows colour */
/*	scrollbar-highlight-color: #ba0200; /* left top borded */
/*	scrollbar-3dlight-color: #9a0905; /* left top shadow */
/*	scrollbar-shadow-color: #630e0d; /* right bottom border */
/*	scrollbar-darkshadow-color: #231908 } /* right bottom shadow */

body {
	background: url(/_pics/design/bg-main.gif) top left repeat #6c1312;
	font: 11px Arial, Helvetica, sans-serif;
	color: #545352;
	min-width: 1000px;
	margin: 0px }

body a {
	text-decoration: none;
	color: #b71f1f }
body a:hover {
	text-decoration: underline;
	color: #b71f1f }

table {
	font: inherit;
	border-collapse: collapse;
	border: 0px }
table td {
	padding: 0px; margin: 0px;
	vertical-align: top;
	text-align: left }

img { border: none }
img.png { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0) }

#main {
	margin: 57px 47px 8px 47px }

#border_L {
	background: url(/_pics/design/border_L.png) left repeat-y;
	padding-left: 17px;
	clear: both }
#border_R {
	background: url(/_pics/design/border_R.png) right repeat-y;
	padding-right: 17px }
#content {
	background: url(/_pics/design/ornament_BL.gif) bottom left no-repeat #ffffff }


/* LEFT */

#left_col {
	width: 225px }




/* RIGHT */

#right_col {
	background: url(/_pics/design/ornament_TR.gif) top right no-repeat;
	width: 175px }

#phone {
	text-align: right;
	margin: 20px 0px;
	position: relative;
	right: 24px }
#phone img {
	float: left;
	z-index: 3 }
#order {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 16px 8px 2px 0px;
	font-weight: bold;
	color: #936016 }
#contacts {
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #f4f4f4;
	font-weight: bold;
	padding: 3px 8px;
	color: #b60503 }

#ticket {
	position: relative;
	left: 2px }
#ticket #ticket_1 {
	background-color: #6a0000 }
#ticket #ticket_1 div {
	background: url(/_pics/design/ticket_1.png) left no-repeat;
	font: 12px Arial, Helvetica, sans-serif;
	position: relative; right: 24px;
	padding: 7px 0px 0px 48px;
	color: #ffffff;
	height: 24px }
#ticket #ticket_2 {
	background: url(/_pics/design/ticket_2.png) left no-repeat;
	position: relative; right: 24px;
	height: 7px }

#announce_R {
	font: Tahoma, Verdana;
	margin-right: 6px }
#announce_R .event {
	border-bottom: 3px solid #c1c1c1;
	padding-bottom: 3px;
	margin-bottom: 6px;
	width: 145px;
	float: right }
#announce_R .photo {
	width: 144px; height: 144px;
	margin-bottom: 5px }
#announce_R .date {
	width: 28px }
#announce_R .artist {
	margin-bottom: 3px;
	clear: both }
.event .date {
	border-right: 1px solid #c1c1c1;
	font: bold 18px Tahoma, Verdana;
	margin-right: 6px;
	color: #bf0000;
	float: left }
.event .date span {
	display: block;
	font-size: 12px }
.event .date div {
	margin-right: 6px;
	font-weight: normal;
	font-size: 28px;
	float: right }
.event .date2 {
	text-indent: 12px;
	font-weight: bold;
	color: #bf0000;
	font-size: 12px }
.event .time {
	margin-bottom: 3px;
	text-indent: 12px;
	font-weight: bold;
	color: #bf0000;
	font-size: 12px }
.event .place, .event .price {
	font: bold 12px Tahoma, Verdana;
	padding-top: 5px;
	color: #936016;
	height: 32px }
.event .price {
	float: right
}
.event .place span {
/*	display: block;*/
	font-size: 11px }
.event .artist {
	font: bold 14px Tahoma, Verdana;
	padding-top: 4px;
	color: #bf0000 }
.event .artist span {
	display: block;
	font-size: 11px }
.event .program {
	padding: 3px 0px;
	font-size: 12px;
	font-weight: bold }
.event .briefly {
	margin-bottom: 8px }
.event .briefly p {
	text-align: justify;
	text-indent: 12px;
	margin-bottom: 3px }
.event .briefly p.epigraph {
	font-weight: bold;
	font-style: italic;
	text-align: right;
	margin-bottom: 8px;
	margin-top: 8px }
.event .briefly p.url {
	text-indent: 0px;
	margin-top: 12px;
	font-style: italic }	
.event .briefly p.action {
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 12px;
	color: #ff3636 }
.event .briefly p.url span {
	cursor: pointer;
	color: #bf0000 }
.event .tickets {
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	color: #936016;
	float: right }

/* CENTER */

h1 {
	margin: 24px 0 12px 24px;
	font-weight: bold;
	font-size: 14px;
	color: #bf7b18 }

#center_col {
	position: relative;
	z-index: 2 }

#main_desc {
	font: normal 12px Arial, Helvetica, sans-serif;
	padding-left: 108px; margin: 0px;
	color: #bf7b18 }
#section {
	font: 24px Arial, Helvetica, sans-serif;
	margin: 8px;
	color: #936016 }

#hot {
	font: 20px Arial, Helvetica, sans-serif;
	background: #bdd4fe url(/_pics/design/sea.jpg) bottom left repeat-x;
	margin: 12px 32px 12px 0px;
	min-height: 144px;
	color: #015b97 }
#hot .hot_event {
	text-align: center;
	padding: 8px }
#hot .hot_event span {
	display: block;
	text-align: center;
	margin: 4px 0px;
	font-size: 32px;
	color: #ff3636 }
#hot .photo {
	width: 144px; height: 144px;
	border-right: 1px solid #454545;
	margin-right: 6px;
	float: left }
#hot .action {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: 600;
	text-decoration: blink;
	text-align: center;
	padding: 0 8px 8px 8px;
	color: #ff3636 }
#events {
	margin-top: 8px }
#events .event {
	border-bottom: 1px dotted #8a8a8a;
	padding: 8px 0px 3px 0px }
#events .photo {
	margin-right: 8px;
	min-height: 48px;
	width: 100px;
	float: left }
#events .artist,
#events .program {
	text-indent: 38px }
#events .date {
	width: 72px;
	margin-top: 0px }





/* MENU */

#menu {
	font: 12px Arial, Helvetica, sans-serif;
	position: relative;
	margin-top: 78px;
	color: #936016;
	z-index: 3 }
#menu a {
	color: #936016 }
#menu a:hover {
	text-decoration: none;
	color: #c07e1e }
#menu div.active {}
#menu div {
	font-weight: bold;
	height: 29px }
#menu .active img {
	width: 25px; height: 9px;
	margin: 0px 2px }
#menu_1 { margin-left: 112px }
#menu_2 { margin-left: 105px }
#menu_3 { margin-left:  96px }
#menu_4 { margin-left:  84px }
#menu_5 { margin-left:  70px }
#menu_6 { margin-left:  55px }
#menu_7 { margin-left:  36px }


/* CALENDAR */

#calendar {
	margin: 0px 0px 8px 0px }

#clock {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_pics/design/clock.png',sizingMethod='crop');
	width: 41px; height: 42px;
	position: relative;
	right: 18px }
#calendar #cal_title {
	text-transform: uppercase;
	font-weight: bold;
	color: #936016 }
#calendar #month {
	text-transform: uppercase;
	font-weight: bold;
	color: #b60503;
	float: right }
#calendar #month img {
	margin: 1px 3px }

#calendar table {
	font: 10px Tahoma, Verdana, Arial;
	position: relative;
	bottom: 24px;
	z-index: 2 }
#calendar table caption {
	padding-left: 28px;
	text-align: left;
	height: 24px }
#calendar table td, #calendar table th {
	font: 10px Tahoma, Verdana, Arial;
	text-align: right;
	padding: 3px;
	width: 22px }
#calendar table th {
	text-decoration: underline;
	font-weight: bold }
#calendar table th.off {
	color: #b60503 }
#calendar table td a {
	padding: 0px 3px;
	color: #545352 }
#calendar table td a:hover {
	background-color: #dfdfdf;
	text-decoration: none;
	color: #545352 }
#calendar table td a.off {
	color: #b60503 }
#calendar table td a.off:hover {
	color: #b60503 }
#calendar table td#today a {
	background-color: #b71f1f;
	padding: 0px 2px;
	margin: 0px 1px;
	color: #ffffff }

#corner_1 {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_pics/design/corner_1.png',sizingMethod='crop') }
#corner_2 {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_pics/design/corner_2.png',sizingMethod='crop') }
#corner_3 {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_pics/design/corner_3.png',sizingMethod='crop') }
#corner_4 {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_pics/design/corner_4.png',sizingMethod='crop') }

#staple_L {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_pics/design/staple_L.png',sizingMethod='crop');
	position: relative;
	top: 26px; right: 26px;
	float: left }
#staple_R {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_pics/design/staple_R.png',sizingMethod='crop');
	position: relative;
	top: 26px; left: 26px;
	float: right }

/* AFFICHE */

#group_list {
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 8px 32px 8px 8px;
	color: #936016 }
#group_list .L {
	text-align: right;
	width: 45% }
#group_list .R {
	text-align: left;
	width: 45% }
#group_list a {
	margin-top: 6px;
	display: block;
	color: #936016 }
#group_list a.active {}
#group_list a:hover {
	text-decoration: none;
	color: #c07e1e }
#group_list .active img {
	width: 25px; height: 9px;
	margin: 0px 2px }

/* FOOTER */

#footer {
	padding: 4px 48px 1px 48px;
	color: #ffffff }
#footer a {
	color: #ffffff }

#copyright {
	float: left }
#bottom_menu {
	padding-top: 8px;
	float: right }
#bottom_menu a {
	padding: 0px 4px }

/* разное */

#benefice {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_pics/benefice.png',sizingMethod='crop');
	width: 219px; height: 70px;
	top: 15px; left: 300px;
	position: absolute;
	z-index: 5 }
					
a.detail {
	background: url(/_pics/design/arrow_R.gif) right no-repeat;
	padding-right: 12px;
	float: right;
	clear: both }
a.back {
	background: url(/_pics/design/arrow_L.gif) left no-repeat;
	padding-left: 12px;
	cursor: pointer;
	clear: both }

#curtain_R {
	position: absolute;
	top: 0px; right: 0px;
	width: 347px;
	z-index: -1 }
#curtain_R0 {
	float: right }
#curtain_R1 {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_pics/design/curtain_R1.png',sizingMethod='crop');
	float: right }
#curtain_R2 {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_pics/design/curtain_R2.png',sizingMethod='crop');
	float: right;
	clear: both }

#curtain_L {
	position: absolute;
	top: 0px; left: 0px }
#curtain_L0 {
	float: left }
#curtain_L1 {}
#curtain_L2 {
	clear: both;
	float: left }
#curtain_L3 {}
#curtain_L4 {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_pics/design/curtain_L4.png',sizingMethod='crop');
	float: left;
	clear: both }

ul	{ list-style-image: url(/_pics/design/arrow_R.gif) }

p { margin: 0px }
.clear	{ clear: both }

.L	{ float: left }
.R	{ float: right }
img.L	{ margin: 2px 4px 2px 0px }
img.R	{ margin: 2px 0px 2px 4px }

#counter {
/*	bottom: 4px; right: 24px;*/
	left: 44px; top: 16px;
	position: relative;
	float: right }
#counter img {
	width: 31px; height: 31px }

.translucent {
	filter: alpha(opacity=50); /* for IE only */
	opacity: 0.5 }
.transparent {
	filter: alpha(opacity=0); /* for IE only */
	opacity: 0 }
.invisible {
	display: none }
.alert {
	color: #F00 }

#current_date {
	font: 10px Arial;
	bottom: 2px; right: 3px;
	position: fixed;
	color: #630e0d;
	z-index: -1 }

#advert_1 {
	margin-left: 16px;
}