/* CSS Document */
/* CSS Document */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
text-align: left;
vertical-align: baseline;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

input,a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none !important;
}
html {
 height: 100%;
}

 body, #contents {
min-height: 100%;
width: 100%;
height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win. Below we adjust
 * it using the child selector to hide from IE5+/Win
 */
html>body, html>body #contents {
height: auto;
}
/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */
div, table,tr,td, h1, h2, h3, h4, h5, h6, p, ul,li,a {
 padding:0px;
 margin: 0px;
}
body {
padding:0px;
 margin: 0px;
font-family: Geneva, Arial, Helvetica, sans-serif;
background-color: #ffffff;
color: #000000;
font-size:x-small;
}
img { 
border:none;
}
p {
font-size:90%;
}
#contents {
position: absolute;
top: 0;
 left: 0;
background-color: #fff;
min-width:780px;
 /* IE Dynamic Expression to set the width */
 width:expression(document.body.clientWidth < 780 ? "780px" : "100%" );
/* Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
left: 50%;
 width: 50%;
 margin-left: -25%;
*/
}/*
#footer {
 width: 100%;
 background-color:#1a3b5b;
 float:left;
clear:both;
}*/
#footer {
position: absolute;
bottom: 0;
background-color:#fff;
left: 0px;
height: 154px;
width:100%;
padding: 0px;
min-width:780px;
 /* IE Dynamic Expression to set the width */
 width:expression(document.body.clientWidth < 780 ? "780px" : "100%" );
}
/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
#footer {
 \width: 100%;
 w\idth: 100%;
}
#main {
margin-bottom: 154px;
height: auto;
}
.hptopmenu {
text-decoration:none;
font-size:x-small;
color:#000000;
}
.hptopmenu A:link { text-decoration: none}
.hptopmenu A:visited {text-decoration: none}
.hptopmenu A:active {text-decoration: none}
.hptopmenu A:hover {text-decoration: underline; color: red;}
.bottommenu {
float:left;
margin-left:20px;
color:#ffffff;
font-size:70%;
line-height:18px;
}
.bottommenu A { 
color:#ffffff; 
text-decoration:none 
}
.header {
background-color:#122b49;
background-image:url(../images/pigeon.jpg);
background-repeat: no-repeat;
background-position:right top; 
}
.underheader { 
height: 5px;
background-color: #99bfe4;
background-image:url(../images/underheaderback.jpg);
background-position:right;
background-repeat:no-repeat;
}
img.rootimage {
margin-bottom:6px;
}
.foothp {
clear: both;
}
hr {
visibility: hidden;
margin:0px;
padding:0px;
height:0px;
}
.otherheader { 
color: #1a3b5b;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
margin-top: 20px 
}
a.hpnewslist { 
color: #1a3b5b;
text-decoration:underline;
font-size:x-small;
font-weight:bold;
}
ul {
margin: 0px;
padding:0px 4px;
list-style-position: inside;
list-style-type: disc;
}
li { 
margin: 0px;
}
.dotted {
height:2px;
border:none;
border-top:2px dotted #999999;
text-align:left;
visibility:visible;
}
h1 {
color: #000000;
text-transform:uppercase;
word-spacing:0px;
font-size:15px;
margin:0px;
}
h3 { 
font:1.8em Arial;
margin:25px 0px 10px 0px;
}
.footinfo { 
padding: 0px 15px 0px 15px;
height:40px;
color: #4d4d4d;
background-color: #000000;
font-size: 9px;
width: 50%;
white-space:nowrap;
 position: relative;
}
.footinfo span {
 display: block;
 position: absolute;
 top:15px;
 left:30px;
}
.footinfo a, .footinfo a:hover, .footinto a:visited {
color: #4d4d4d;

}
.toprightbox { 
width:185px;
height:20px;
color: #777777;
float:right;
font-size:9px;
text-align:center;
vertical-align:middle;
padding-top:5px;
margin:0px;
}
.toprightbox a {
color: #777777;
text-decoration:none 
}
.toprightbox a:hover {
text-decoration:underline;
}
.centralheader {
background-image:url(../images/hpscoresback2.jpg);
background-position:left top;
background-repeat:no-repeat;
background-color:#000; 
}
.hpfloatedleft {
float:left;
}
.brownbox {
height:25px;
}
.logo {
position:absolute; left:0px; top:0px; width:35%; text-align:center;
background-image:url(../images/katya_figure.png);
background-repeat: no-repeat;
background-position:10%;
 }
 .logo2 {
position:absolute; left:20%; top:0px; width:30%; text-align:center;
background-image:url(../images/tubes_up.png);
height:80px;
background-repeat: no-repeat;
background-position:center;
 }
.logo img {
width:207px;
height:311px;
}
.topmenuactive, .topmenudeactive {
text-transform:uppercase;
font-size:100%;
padding:70px 15px 10px 15px ; 
float:left;
color: #FFFFFF;
margin-right:25px;
border:1px solid #000000;
}
.topmenuactive {
border:1px solid #FFFFFF;
}
.topmenuactive, .topmenudeactive a  {
	text-decoration:none;
	color:#ffffff; 
	}
	
.content {
width: 100%;
margin: 50px 0px 0px 0px;
font-size:1.3em;
 float: left;
 min-width: 700px;
 background: #fff;
 padding-bottom: 154px;
}



*:first-child+html .content {
 padding-bottom: 10px;
}
.content .block_left {
 width: 54%;
 float: left;
}
.content .block_left .wrp {
 float:left;
 width: 100%;
}
.content .block_left .block_1 {
 float: left;
 width: 100%;
/* background: #e2e2e2;
*/ margin: 0px 0px 10px 0px;
}
.content .block_left .block_1 .calendar {
 float: left;
 width: 35%;

 margin: 10px 0px 0px 4%; 
 display:inline;
}
.listing {
 padding-bottom: 20px;
	}

.content .block_left .block_1 .calendar  h5 {
 font: 1em Arial;
 margin: 5px 0px 4px 0px;
 text-transform:uppercase;
}
.listing {
 margin-bottom: 10px;
	}
.content .block_left .block_1 .calendar table {
 width: 100%;
 padding:5px 10px 5px 10px;
 background-color: #f4f4f4;
 border-top:3px solid #000;
 border-bottom:3px solid #000;
 margin-bottom:25px;
 /*float: left;
 display:inline;*/
 border-collapse: collapse;
}
.content .calendar table {
	 width: 100%;
 padding:5px 10px 5px 10px;
 background-color: #f4f4f4;
 border-top:3px solid #000;
 border-bottom:3px solid #000;
 margin-bottom:25px;
 margin-top:15px;
  border-collapse: collapse;
}
.content .block_left .block_1 .calendar table th,
.content .block_left .block_1 .calendar table td,
.calendar table td,
.calendar table th,
.listingtable td,
.listingtable th {
	padding-top:5px;
	padding-bottom:5px;
/* padding: 3px 3px 3px 3px;
*/ font: 0.9em Arial;
 color:#747474;
 text-align:center;
}
.listingtable .nopadding {
	padding:0px;
	vertical-align:middle;
}
.content .block_left .block_1 .calendar table td a:link,
.content .block_left .block_1 .calendar table td a:visited{
 font:1em Arial;
 color:#000;
 border: 2px solid #e2e2e2;
 text-align:center;
}
.content .block_left .block_1 .calendar table td a:hover {
 font:1em Arial;
 color: #000;
 border: 2px solid #e2e2e2;
}
.content .block_left .block_1 .calendar table td a:active
 {
 font:1em Aral;
 color: #000;
 border: 2px solid #7e7e7e;
}
.content .block_left .block_1 .items {
 width:55%;
 margin: 37px 0px 10px 3%;
 padding:5px;
 list-style: none;
 display:inline !important;
 float: left;
 border-top:1px solid #e3e3e3;
 border-bottom:1px solid #e3e3e3;
 background-color: #fff;
}
.content .block_left .block_1 .event{
 width: 100%; 
 list-style: none;
 display:inline;
 float: left;
 margin: 0px 0px 20px 0px;
 padding: 0px 0px 0px 0px;
}
.content .block_left .block_1 .event li {
 width: 100%;
 vertical-align:bottom;
}
.content .block_left .block_1 .event li.date{
 /*font: bold 10px Arial; 
 color: #2e2e2d;*/
 font-size:10px;
background-color: #cc0198;
	padding:5px;
	color: white;
	width:40%;
	text-align:center;
}
.content .block_left .block_1 .event li.name a:link,
.content .block_left .block_1 .event li.name a:visited,
.content .block_left .block_1 .event li.name a:active {
 font: bold 1.3em Arial; 
 color: #000;
 text-decoration: none;
 display: block;
 margin-top:8px;
}
.content .block_left .block_1 .event li.hall a:link,
.content .block_left .block_1 .event li.hall a:visited,
.content .block_left .block_1 .event li.hall a:active {
 font: normal 10px Arial; 
 color: #5a5a5a;
 text-decoration: none;
 display: block;
 padding-left: 15px;
 background:url(../images/hall.gif) center left;
 background-repeat:no-repeat;
}
content .block_left .block_1 .event li.hall a:hover {
	color: #000;
	text-decoration:underline;
}
.content .block_left .block_1 .fix_block {
 width:170px;
 height: 190px; 
 float: right;
 background-image: url(http://melnikovamusic.ru/webimages/ruimage488.jpg);
}
.content .block_left .block_2 {
 float: left;
 width: 100%;
 margin: 0px 0px 20px 0px;
}
.content .block_left .block_2 h5{
 font: 1em Arial;
 margin: 10px 0px 0px 4%;
}
.content .block_left .block_2 .body {
 font: 1em Arial; 
 color: #8a8a8a; 
 float: left;
/* width: 80%;
*/ margin: 10px 5% 0px 4%;
 display: inline;
}
.content .block_left .block_2 .body h6,
.listing h5 {
 font: 1.2em Arial; 
 color: #000;
}
.content .block_left .block_2 .body p {
	text-align:justify;
	font-size:12px;
/*	font-family:Verdana, Geneva, sans-serif;
*/}
.content .block_left .block_2 .body .date,
.listing .date {
 font: 0.8em Arial; 
 color: #8a8a8a;
 margin: 4px 0px 0px 0px;
}
.content .block_left .block_2 .body .link,
.listing .link {
 margin: 10px 0px 0px 0px;
}
.content .block_left .block_2 .body a:link,
.content .block_left .block_2 .body a:visited,
.content .block_left .block_2 .body a:active,
.listing a:link, 
.listing a:visited,
.listing a:active { 
 font: 0.7em Arial; 
 color: #111010;
} 
 .content .block_right {
 width: 44%;
 float: left;
}
 .content .block_right .wrp {
 width: 100%;
 float: left;
}
.content .block_right .text_content {
 float: left;
 width: 96%;
 margin: 0px 10px 0px 17px;
 display: inline; 
}
.content .block_right .text_content ul {
	font-style:normal;
	margin: 10px 25px;
}
.content .block_right .text_content p,
.content .block_right .text_content li {
 color: #000;
 margin-bottom:10px;
 line-height:18px;
}
.content .block_right .text_content .article_details {
float:right;
padding:15px 15px 5px;
border:1px solid #e2e2e2;
}
.content .block_right .text_content .article_details p {
margin: 5px 5px 5px;
font-size:9px;
}
.content .block_right .text_content li {
	line-height:12px;
	font-style:normal;
	list-style-type: disc;
}

.content .block_right .text_content a {
 color: #000;
}
.content .block_right .text_content .progauth {
width:500px;
border:1px solid #ab8e64;
padding:5px 5px 0px 5px;
background-color: #e2e2e2;
vertical-align:middle;
}
.content .block_right .text_content .progauth p {
text-align:right;
margin: 3px 0px;

}
/*default_content*/
 ul#default_menu {
 float: left;
 width: 100%;
 font: 100% Arial;
 text-indent:0px;
}
ul#default_menu li {
 float: left;
 margin: 0px 5% 0px 5%;
 display: inline;
  text-indent:0px;

}
ul#default_menu li a:link,
ul#default_menu li a:visited,
ul#default_menu li a:active {
 font: 1.3em Arial;
 color: #63625f;
 text-decoration: none; 
} 
ul#default_menu li a.select,
ul#default_menu li a:hover {
 font: 1.3em Arial;
 color: #fff;
 text-decoration: underline; 
} 
 #default_content {
 width: 100%;
 float: left;
 min-height: 200px;
}
#default_content .block_left {
 width: 27%;
 float: left;
}
#default_content .block_left .wrp {
 width: 73%;
 margin: 0px 0px 0px 15%;
 display: inline;
}
#default_content .block_left .wrp .menu_content {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

#default_content .block_left .wrp .menu_content li {
margin:0.8em 0 0.8em 0;
letter-spacing:normal;
}
#default_content .block_left .wrp .menu_content li img {
vertical-align:middle; 
margin-right:5px;
}
.menu_page { 
margin:0 0 0 10px;
padding:0px;
}
.menu_page li { 
 padding:0px;
 font: 0.875em Arial;
 text-indent:0px;
 }

#default_content .block_left .wrp .menu_content li a:link,
#default_content .block_left .wrp .menu_content li a:visited,
#default_content .block_left .wrp .menu_content li a:active {
 color: #63625f;
}
#default_content .block_left .wrp .menu_content li a:hover {
 color: #63625f;
 text-decoration: none; 
}
#default_content .block_left .wrp .menu_content li.selected {

font-weight:bold;
}
#default_content .block_right {
 width: 68%;
 float: left;
}
#default_content .block_right .text_content h4{
 font: 1.3em Arial;
 color: #000;
 margin: 0px 0px 10px 0px;
}
img.gallery  { 
float:left; margin-right: 5px; margin-bottom: 5px;
padding:5px;
border: 1px solid #e2e2e2;
background-color:#ffffff
}


div#mapIcons{
	position:relative;
	top: 0px;
	left: 0px;
	margin-bottom:15px;
}
.tooltip 
{
	background-color: #ffffff;
	color: #000;
	font-weight: bold;
	font-size: 13px;
	font-family: "Trebuchet MS", sans-serif;
	width: 250px;
	left: 0;
	top: 0;
	padding: 4px;
	position: absolute;
	text-align: left;
	z-index: 20;
	-moz-border-radius: 0 10px 10px 10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
	-moz-opacity: .87;
	-khtml-opacity: .87;
	opacity: .87;
}
.tooltip .contents div
{
	margin: 0;
	padding: 0 3px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.tooltip a
{
	color: #000000;
	font-size: 10px;
	padding: 3px 0 0 0;
	margin: 0;
	text-align: left;
	-moz-opacity: 1;
}
.tooltip font {
	color:#4a4640;
	text-decoration:none;
	font-size:9px;
	}

.listingtable table {
border:1px solid #a4a391;
}
.listingtable tr {

}
.listingtable td {
text-align:left;
border-bottom: 1px solid #a4a391;
white-space:nowrap;
}
.listingtable th {
text-align:left;
font-size:0.9em;
font-weight:bold; 
background-color: #e2e2e2;
border-right:1px solid #f9f5ea;
}
.listingtable a {
text-decoration:none;
}

.listingtable a:hover {
text-decoration:underline;
}

a.tag {
text-decoration:none;
border-bottom:1px dashed #000000;
}
/*-----------------*/
.newsdate {
font-size:0.6em;
color:#333333;
}
.content .block_right .wrp .text_content .pageselector {
padding: 20px 20px;
font-size:0.8em;
}
.content .block_right  .wrp .text_content .pageselector a {
border:1px solid grey;
padding:3px;
text-decoration:none;

}

/* Таблица для программы */
#playbill .header {
background: none;
text-align: left;
font-weight: bold;
 font: 1.3em Arial;


}
blockquote.pb { 
margin-left:280px;
}
h2.pb_center {
margin-top:25px;
text-align: center;
margin-bottom:20px;
}
#playbill .left {
	text-align: right;
	font-weight: bold;

}
#playbill tbody td {
width:50%;
padding: 5px;
font: 0.85em Arial;

}
.otherlisting {
	background-color: #e2e2e2;
	margin:10px 0px;
	padding:10px;
	height:25px;
}
.otherlisting a:link, .otherlisting a:active, .otherlisting a:visited {
	margin:5px 10px;
	font-size:0.9em;
	white-space:nowrap;
}


 .pink_box {
	 background-color: #cc0198;
	padding:5px;
	font-size:12px;
	color: white;
 }

 .green_small_box {
	background-color:#090;
	padding:5px 3px;
	font-size:9px;
	color:#fff;
	margin-bottom:30px;
 }
 
.green_small_box a {
color:#fff;
	font-size:9px;
	text-decoration:none;
}
#footer .sponsored {
	text-align:right;
	font-size:6px;
	background-color: #b96193;
	color: #a75082;
}
#footer .sponsored a, #footer .sponsored a:link, #footer .sponsored a:active, #footer .sponsored a:visited, #footer .sponsored a:hover {
	color: #a75082;
	text-decoration:none;
}

.pink_border {
	border-left:7px solid #cd0199;
	padding-left:5px;
}