/** News Group**/
.ng-p {margin-top:20px}
.ng-p a {font-size:9pt;
color:#fff;
margin-left:10px;
padding:2px;
background:#044D82}
/** //News Group**/

/** PAGINATION **/
.pagination {padding-top:20px; text-align:center; font-size:0.87em}
.pagination p {text-align:right; padding-top:7px}
.pagination a:hover {text-decoration:none; color:#888; border-top:1px solid #888;}
.pagination a {text-decoration:none;}
.paginationCurrent {background:#AAA; color:#fff; border:1px solid #AAA; padding:3px;}
.paginationLink {color:#004A80; margin:3px; b1order:1px solid #004A80}
.pagination-bottom {padding-top:10px; text-align:center; font-size:0.87em}
.pagination-bottom p {text-align:right; padding-top:7px}
.pagination-bottom a:hover {text-decoration:none; color:#888; border-bottom:1px solid #888;}
.pagination-bottom a {text-decoration:none;}
/** //PAGINATION **/

/**---------------------------------- Default ----------------------------------**/
*
{
	padding: 0px;
	margin: 0px;
}

p
{
	margin: 0px 0px 10px 0px;
}

img
{
	border: 0px;
}

a
{
	cursor: pointer;
	color: #004A80;
}

a:hover
{
	text-decoration: none;
}

h1
{

}

h2
{


	background: #044D82;

	height: 28px;
	padding: 0px 0px 0px 10px;
}

h2 span
{
	font: bold 14px "Times New Roman", Helvetica, sans-serif;
	color: #ffffff;

	line-height: 28px;
}

.clear
{
	clear: both;
}

.float_left
{
	float: left;
}

.float_right
{
	float: right;
}

/**---------------------------------- Main ----------------------------------**/
html
{
  height: 100%;
}

body
{
	cursor: default;
	font: normal 14px Arial, Helvetica, sans-serif; color: #737373;
	height: 100%;
}

#wrapper
{
	min-width: 1000px;
	min-height: 100%;
}

/**---------------------------------- Header ----------------------------------**/
#header
{
	height: 180px;
	width: 100%;

	overflow: hidden;

	background: url("../images/header_bg.png") top left repeat-x;
}

#headerSub2
{
	height: 180px;
	width: 100%;

	overflow: hidden;

	background: url("../images/header_bg2.png") top left no-repeat;
}

#headerSub3
{
	height: 180px;
	width: 100%;

	overflow: hidden;

	background: url("../images/header_bg.jpg") top right no-repeat #044D82;
}

#logo
{
	display: block;

	margin: 52px 0px 0px 55px;

	width: 134px;
	height: 89px;
}

#logo img
{
	color:#fff;
	width: 134px;
	height: 89px;
}

#slWrap {position:relative;text-align:center;width:350px;height:78px;margin:-88px auto 0}
#slT1 {position:absolute;top:-6px;left:0;width:350px;font-weight:bold;font-size:30px;text-transform:uppercase;color:#fff}
#slT2 {position:absolute;top:38px;left:0;width:350px;font-weight:bold;font-size:15px;text-transform:uppercase;color:#6bcdf4;line-height:140%}
#slPic {position:absolute;top:0;left:0;width:350px}

#headerUrls
{
	float: left;
	margin: 10px 0px 0px 20px;
}

#headerUrls a
{
	font: normal 14px "Times New Roman", Helvetica, sans-serif;
	color: #ffffff;

	text-decoration: none;
}

#headerUrls a:hover
{
	text-decoration: underline;
}

#headerUrls .separator
{
	font: normal 14px "Times New Roman", Helvetica, sans-serif;
	color: #ffffff;

	padding: 0px 4px 0px 4px;
}

/**---------------------------------- Center ----------------------------------**/
#center
{
	clear: both;

	padding: 1px 0px 30px 0px;
	margin-bottom:30px;
}

#centerSub2
{
	margin: 0px -226px 0px 0px;
	width: 100%;

	float: left;
}

#centerSub3
{
	margin: 0px 223px 0px 0px;
	padding: 0px 0px 30px 0px;
}

/**---------------------------------- Left ----------------------------------**/
#left
{
	width: 223px;
	padding: 0px 0px 30px 0px;

	float: left;

	overflow: hidden;
}

/**---------------------------------- Right ----------------------------------**/
#right
{
	width: 223px;
	padding: 0px 0px 30px 0px;

	float: right;

	overflow: hidden;
}

/**---------------------------------- Center Center ----------------------------------**/
#centerCenter
{
	margin: 0px 0px 0px 223px;
	padding: 0px 20px 30px 20px;
}

/**---------------------------------- Footer ----------------------------------**/
#footer
{
	position: relative;

	height: 229px;
	width: 100%;

	clear: both;

	min-width: 1000px;

	background: #044D82;
}

/**---------------------------------- Forms ----------------------------------**/
#findForm
{
	background: #044D82;
	padding:1px 10px 8px;
}

#findForm fieldset
{
	f1loat: right;
	margin: 5px 7px 0px 0px;

	border: 0px;
}

#findForm fieldset *
{
	vertical-align: middle;
}

#findForm .text
{
	border: 1px solid #8D8D8D;

	width: 128px;
	height: 17px;
	margin-right:5px
}

#findForm label
{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #ffffff;

	text-decoration: underline;

	padding: 0px 7px 0px 0px;
}

#oprosForm
{

}

#oprosForm fieldset
{
	border: 0px;

	margin: 0px 0px 0px 10px;
}

#oprosForm fieldset .line
{
	float: left;
	clear: both;

	width: 100%;
	margin: 0px 0px 12px 0px;
}

#oprosForm fieldset .line .radio
{
	display: block;
	float: left;
}

#oprosForm fieldset .line label
{
	font-size:  12px;
	font-family: Arial;

	color: #653235;

	display: block;
	float: left;

	width: 180px;

	margin: 0px 0px 0px 10px;
}

#oprosForm fieldset .submit
{
	display: inline;
	margin: 20px 0px 0px 35px;
}

/**---------------------------------- Links ----------------------------------**/

/**---------------------------------- Navigation ----------------------------------**/
#mainMenu
{
	list-slyle: none;
}

#mainMenu li
{
	padding-top: 1px;
	margin: 0px 0px 1px 0px;

	min-height: 20px;

	background: #044D82;
}

#mainMenu a
{
	text-decoration: none;
	display: block;

	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ffffff;

	margin: 2px 0px 0px 10px;
	padding: 0px 0px 2px 0px;
}

#mainMenu a:hover
{
	text-decoration: underline;
}

#mainMenu ul
{
	list-style: none;

	background: #ffffff;

	padding: 5px 0px 7px 0px;
}

#mainMenu ul li
{
	background: #ffffff;

	/*height: 16px;*/
	min-height: 16px;

	/*overflow: hidden;*/
	margin: 0px 0px 4px 0px;
}

#mainMenu ul li a
{
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #044D82;

	text-decoration: underline;

	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 21px;
}

#mainMenu ul li a:hover
{
	text-decoration: none;
}

#mainMenuX a {display:block;font-family:Arial, Helvetica, sans-serif}
#mainMenuX .l1 {text-decoration:none;font-size:12px;font-weight:bold;color:#fff;padding:3px 0 4px 10px;margin-top:1px;background:#044D82}
#mainMenuX .l2 {text-decoration:underline;font-size:13px;color:#044D82;padding-top:4px;margin-left:21px}
#mainMenuX .l1:hover {text-decoration:underline}
#mainMenuX .l2:hover {text-decoration:none}
#mainMenuX .split {line-height:0;font-size:0;border-bottom:1px solid #044D82;height:1px;margin-top:10px}

.ssplit {line-height:0;font-size:0;border-top:1px solid #044D82;height:1px;margin-top:10px}



/**---------------------------------- Othen ----------------------------------**/
.items
{
}

.items2
{
	margin: 0px 0px 0px 10px;
}

.items2 .item
{
	margin: 0px 0px 20px 0px;

	font: normal 12px Arial, Helvetica, sans-serif;
}

.items2 .item a
{
	text-decoration: none;
	font: normal 12px Arial, Helvetica, sans-serif;
}

.items2 .item a:hover
{
	text-decoration: underline;
}


.items3
{
	margin: 0px 0px 0px 0px;
}

.items3 .item
{
	margin: 0px 0px 20px 0px;

	font: normal 12px Arial, Helvetica, sans-serif;
}

.items3 .item a
{
	text-decoration: none;
	font: normal 12px Arial, Helvetica, sans-serif;
}

.items3 .item a:hover
{
	text-decoration: underline;
}


.banner
{
	width:462px; height:60px;
	text-align: center;
	margin:0 auto;
	padding: 10px 0px 8px 0px;
}

.title2
{
	margin-top:5px;
	background: #A7A7A7 url("../images/h2_bg2.png") center right no-repeat;
}

.repertuar
{
	margin: 14px 0px 0px 0px;
	padding: 0px 8px 0px 8px;

	width; 100%;
}

.repertuar .header
{
	border-bottom: 2px solid #5586AA;

	padding: 0px 0px 0px 22px;
	height: 28px;
}

.repertuar .header .item
{
	float: left;

	background: #E2E2E2;

	margin: 4px 4px 0px 0px;
	padding: 0px 10px 0px 10px;

	height: 22px;
}

.repertuar .header .last
{
	margin: 4px 0px 0px 0px;

	padding: 0px 7px 0px 7px;
}

.repertuar .header .item a
{
	color: #014A80;
	font: normal 12px Arial, Helvetica, sans-serif;

	line-height: 24px;

	text-decoration: none;
}

.repertuar .header .item a:hover
{
	text-decoration: underline;
}

.repertuar .header .current
{
	border-top: 1px solid #044D82;
	border-left: 1px solid #044D82;
	border-right: 1px solid #044D82;

	height: 28px;

	padding: 0px 7px 0px 7px;
	margin: 2px 4px 0px 0px;

	background: #ffffff;

	position: relative;
	top: 1px;
}

.repertuar .header .current span
{
	color: #014A80;
	font: normal 12px Arial, Helvetica, sans-serif;

	line-height: 28px;
}

.trepertuar
{
	margin: 14px 0px 0px 0px;
	width; 100%;
}

.trepertuar td
{
	width: 50%;

	padding: 6px 0px 6px 0px;
	margin: 0px 2px 2px 0px;

	border: 1px solid #888888;
}

.trepertuar .title1
{
	color: #653235;
	font: normal 11px Arial, Helvetica, sans-serif;

	text-align: center;
}

.trepertuar .title3
{
	color: #014b80;
	font: bold 14px Arial, Helvetica, sans-serif;

	text-align: center;
}

.trepertuar .dayhead
{
	border:none !important;
	font-weight:bold;
	font-size:130%;
}

.trepertuar .genre
{
	text-align: center;
	padding: 0px 5px;
	font-size:11px;
}

.trepertuar .premiere
{
	text-align: center;
	font-size:11px;
	font-weight:bold;
	color:red;
	padding-bottom: 7px;
}

.trepertuar .numer
{
	color: #000000;
	font: normal 14px Arial, Helvetica, sans-serif;

	padding: 0px 0px 5px 0px;
}

.trepertuar .otsiv
{
	float: left;

	color: #737373;
	font: normal 11px Arial, Helvetica, sans-serif;

	padding: 0px 0px 0px 7px;
}

.trepertuar .start
{
	float: right;

	color: #737373;
	font: normal 11px Arial, Helvetica, sans-serif;

	padding: 0px 7px 0px 0px;
}

.centerCenterSub1
{
	float: left;
	width: 100%;
}

.banner2
{
	width:462px;
	text-align: center;
	padding: 4px 0px 6px 0px;
	margin: 13px auto;
}

.rightBanner
{
	padding: 0px 0px 15px 3px;
}

#spectacliseTitle
{
	background: #044d82 url("../images/h2_bg.png") top right no-repeat;
}

.spectaclies
{
	background: url("/images/spectaclies_bg1.png") top left no-repeat;
}

.spectaclies .spectacliesSub1
{
	background: url("/images/spectaclies_bg2.png") bottom left no-repeat;
}

.spectaclies .items3
{
	padding: 0px 0px 0px 6px;
}

#right .item
{
	padding:5px 8px;
}

#right .item img
{
	padding:0 7px 5px 0;
}

.spectaclies .rightBanner
{
	padding: 0px 0px 15px 9px;
}

.footerMenu {position: absolute; top: 146px; left: 2px; list-style: none}
.footerMenu {float: left; padding: 0px 12px 0px 12px;color:#bbb}
.footerMenu a {font: normal 11px Arial, Helvetica, sans-serif; color: #fff}
.footerPanel {background:#fff;height:110px;text-align:center}
.footerPanel img {margin:0 30px}
#copyright {position: absolute; top: 185px; left: 14px; font: normal 10px Arial, Helvetica, sans-serif; color: #ffffff;}
#copyright span {font: normal 11px Arial, Helvetica, sans-serif; color: #ffffff;}
#banners {position: absolute; top: 128px; right: 11px;}
* html #banners {top:147px}
#copyright2 {position: absolute; top: 187px; right: 11px;}
#copyright2 span {display: block; float: left;  text-align: right; width: 283px}
#copyright2 * {font: normal 11px Arial, Helvetica, sans-serif; color: #dbdbdb; text-decoration:none}
#copyright2 img {float: left; margin: 4px 0px 0px 8px}

/** content by type & misc **/

#navy a, #navy
{
	font-size:11px
}

#navy #first
{
	font-weight:bold
}

#navy #last
{
	color:#888
}

/** *********** **/
#centerCenter table
{
	width:auto;
}

#centerCenter table td
{
}

#centerCenter .cat .item
{
	margin:10px;
}

#centerCenter .cat .name
{
}

#centerCenter .cat .name a
{
}

#centerCenter .cat .descr, #centerCenter .article .descr
{
	color:#666;
	font-size:11px;
	background:#f5f5f5;
	b1order-left:2px solid #bbb;
	padding:5px 20px;
	margin-top:3px
}

#centerCenter .ndate
{
	background:#999;color:#fff;font-size:10px;padding:1px 5px 2px;font-weight:bold
}

#centerCenter .nchapter
{
	background:#044d82;font-size:10px;padding:1px 5px 2px;font-weight:bold
}

#centerCenter .nchapter a
{
	color:#fff
}

/** *********** **/
#centerCenter .article
{
	margin:10px;
}

#centerCenter .article .name
{
	font-weight:bold;
	font-size:15px;
	color:#666;
	m1argin:15px 0 0px 0;
}

/*
#centerCenter .article table
{
	border:none
}
*/

#centerCenter .article img
{
	margin:0 10px;
}

#centerCenter table td, #centerCenter table th
{
	vertical-align:top;
	padding:5px 5px 0 0;
}

/*
#centerCenter .article table td, #centerCenter .article table th
{
	padding:10px;
	border:1px solid #bbb
}
*/

/** *********** **/
#centerCenter .theatre table
{
	margin:10px 10px;	
}

#centerCenter .theatre td
{
	padding-bottom:20px;
}

#centerCenter .theatre .item
{
	vertical-align:top;
	padding-left:10px;
}

#centerCenter .theatre .descr
{
	color:#666;
	font-size:11px;
	background:#f5f5f5;
	b1order-left:2px solid #bbb;
	padding:5px 20px;
	margin-top:3px
}

#centerCenter .theatre .pic
{
	vertical-align:top
}

#centerCenter .small-info
{
	font-size:10px;
}

#centerCenter .small-info a
{
	c1olor:#999;
}

#centerCenter .small-comment
{
	font-weight:normal;
	line-height:100%;
	margin-bottom:8px;
	font-size:11px
}

#centerCenter ol
{
	margin-left:0;
	padding-left:20px;
	font-weight:bold
}

#centerCenter .search-context
{
	color:#666;
	font-size:11px;
}

#centerCenter .search-context span
{
	color:#555;
	font-weight:bold;
}

#zero {position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden;overflow:hidden}

.bloglink {padding:0 15px;font-size:12px}

.blogMenu {padding:10px 5px 10px 22px;font-size:12px}
.blogMenu li {list-style:square}
.blogMenu .children {padding-left:12px}

.calendarMonthTbl td {padding:5px !important; text-align:center; vertical-align:middle; border-bottom:1px solid #ddd}
.calendarMonthTbl .we {color:#922 !important}
.calendarMonth {font-size:14px; padding:5px; background:#044D82; color:#fff}
.calendarMonth.nobg {background:none}
.calendarCurrent a {background:#044D82}
.calendarMonthTbl a {width:15px; color:#044D82 !important; text-decoration:underline !important; padding:3px; border:1px solid #044D82}
.calendarCurrent a {color:#fff !important; text-decoration:none}

#printable {float:right;font-family:tahoma;font-size:10px;margin:10px 0 0 5px;border:1px solid #d9d9d9;background:#f4f4f4 url(/pix/glyph-print.gif) no-repeat 6px;padding:5px 6px 7px 26px}
#rss {float:right;font-family:tahoma;font-size:10px;margin:10px 0 0 5px;border:1px solid #d9d9d9;background:#f4f4f4 url(/pix/rss.gif) no-repeat 6px;padding:5px 6px 7px 26px}
.rss-feed {margin:0 0 0 10px; position:relative; top:2px;}

.sitemap {padding-left:20px}
.sitemap h3 {padding-bottom:5px; padding-top:5px}
.sitemapList {list-style:none}
.sitemapList li {list-style:none; padding-left:10px; padding-top:5px}
.sitemapList li a {color:#000; font-weight:bold;}
.sitemapSubs {list-style:none}
.sitemapSubs li {padding-left:20px; font-size:90%}
.sitemapSubs li a {font-size:100%; color:#555}
.bloglink {margin:10px 0 10px}

#subscribe {background:#eee;padding:5px 10px 10px}
#subscribe .head11 {font-size:14px !important;font-weight:bold;text-decoration:none;font-size:11px}
#subscribe .email11 {border:1px solid #aaa;margin-top:5px;padding:2px;float:left}
#subscribe .subm11 {border:1px solid #aaa;color:#fff;height:22px;margin:5px 0 0 1px;background:#aaa;padding:2px 5px;font-weight:bold;font-size:14px !important}


.content-survey {}
.surveyForm .formItem {margin:5px 0}
.surveyForm .submitItem input {cursor:pointer}
.surveyForm {width:470px; margin-left:20px;}
.surveyForm label {color:#666666; padding-bottom:5px; font-size:90%; font-weight:bold; cursor:pointer}
.surveyForm label.checkbox, .surveyForm label.radio {font-weight:normal; color:#044d82; font-size:90%}
.surveyForm label.text {display:block}
.surveyForm select {width:145px; margin-top:5px}
.surveyForm textarea {width:260px; height:65px}
.surveyForm .note {color:red}
.surveyForm .comment {font-size:12px; margin-top:0px}
.surveyForm h4 {color:#044D82}

.ad-gallery {
  margin:0 auto !important;
  width: 480px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(../pix/non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../pix/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../pix/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(../pix/opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='/pix/opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(../pix/ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(../pix/ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}
 #gallery {
    padding: 30px;
    background: #e1eef5;
  }
  #comment-form {
    width: 100%;
  }
  #error {
    display: none;
    background: #FFF;
    position: absolute;
    left: 100px;
    top: 100px;
    width: 500px;
    height: 300px;
    padding: 10px;
    border: 1px solid #CCC;
  }

.countdown {display:block;text-align:center;background:#044D82;padding: 0px 10px;font-size:12px;font-family:arial narrow;color:#fff}
.countdown span {font-family:arial;font-weight:bold;font-size:30px}
.countdown {text-decoration:none}