/*******************************************************************************
		Coded by GS on 09.03.2007, True Vision
*******************************************************************************/
html, body { height:100%; }

body { background:#fff url(../images/i2/bg_repeat.jpg) repeat-x 0 0; }
body.gallery { background:#f5fbfc url(../images/i/bg/popup.gif) repeat-x 0 0; }
body.ticketing { background:#fff; }


div.wrapper { background:url(../images/i2/bg.jpg) no-repeat 0 0; min-height:100%; height:auto !important; height:100%; }


/*---------------------------------- layout ----------------------------------*/
#header { padding:35px 22px 5px 265px; height:51px; color:#fff; }
#header a { color:#fff; }
#header a:hover { color:#c8e1f4; }

#header h1.logo,
#header strong.logo {
  display:block;
  position:absolute; top:0; left:0; z-index:1;
  margin:0; padding:27px 0 0 53px;
  width:186px; height:82px;
  background:url(../images/i2/logo_bg.gif) no-repeat 0 0;
  white-space:nowrap;
  text-indent:-9999px;
  font-size:11px;
}
#header h1.logo a,
#header strong.logo a { display:block; width:180px; height:65px; }
#header h1.logo img,
#header strong.logo img { display:none; }

#header div.nav,
#header div.language { float:right; }

#header div.nav ul { margin:0; padding:0 0 0 10px; height:20px; font-size:14px; }
#header div.nav ul li { float:left; margin:0 0 0 26px; padding:0; background:none; white-space:nowrap; }
#header div.nav ul li.news a { display:block; padding-left:26px; background:url(../images/i2/mail.gif) no-repeat 0 4px; }

#header div.language ul { margin:0; padding:3px 0 0 28px; height:20px; font-size:11px; }
#header div.language ul li { float:left; margin:0 0 0 10px; padding:0 0 0 10px; background:url(../images/i2/bullet.gif) no-repeat 0 50%; white-space:nowrap; }


#footer { padding:29px 30px 39px; background: url(../images/i2/footer.jpg) 0 0 repeat-x; color:#898989; }
#footer a { color:#777; }
#footer a:hover { color:#4a4a4a; }
#footer strong { display:block; margin-bottom:3px; font-size:18px; font-weight:normal; }
#footer td { vertical-align:top; }
#footer dl,
#footer dl dt,
#footer dl dd { margin:0; padding:0; }
#footer dl dt { margin-bottom:1px; font-size:11px; font-weight:normal; }
#footer dl dd { color:#4a4a4a; font-size:14px; }
#footer dl dd a,
#footer dl dd a:hover { color:#4a4a4a; }
#footer th { padding-right:12px; }
#footer table.footer { width:100%; }
#footer table.footer table { white-space:nowrap; }
#footer td.footer-phones { padding-right:10px; width:17%; }
#footer td.footer-address { padding-right:10px; width:24%; }
#footer td.footer-worktime { padding-right:10px; width:24%; }
#footer td.footer-nav { padding-right:10px; width:15%; }
#footer td.footer-nav ul { margin:0; padding:0; font-size:13px; }
#footer td.footer-nav ul li { background:none; margin:0 0 3px; padding:0; }
#footer td.footer-copyright { font-size:11px; }


#aside { padding:0; background:url(../images/i2/aside.jpg) repeat-x 0 29px; vertical-align:top; }
#aside,
#aside div.w { width:300px; }
#aside div.w { padding-top:35px; }


#section { padding:0; background:url(../images/i2/section.jpg) repeat-x 0 0; vertical-align:top; }
#section div.w { background:url(../images/i2/section_corner.jpg) no-repeat 0 0; }


#tv { position:relative; z-index:1; }
#tv a {
  position:absolute; top:-29px; right:31px; z-index:1;
  display:block;
  width:105px; height:29px;
  background:url(../images/i2/tv.gif) no-repeat 0 0;
  white-space:nowrap;
  text-indent:-9999px;
}


/*--------------------------------- navigation ------------------------------*/
#nav { min-height:200px; margin-bottom:30px; }
* html #nav { height:200px; }
#nav ul { margin:0; padding:0; font-size:18px; }
#nav ul li { margin:0; padding:0 0 1px; background:url(../images/i2/nav_devider.gif) no-repeat 0 100%; }
#nav ul li a { background:url(../images/i2/nav_hover.gif) repeat-x 0 999px; color:#055b94; text-shadow:1px 1px 1px rgba(255, 255, 255, .46); text-decoration:none; }
#nav ul li a:hover,
#nav ul li.active a { background-position:0 0; background-color:#c81d36; color:#fff; }
#nav ul li a,
#nav ul li span { display:block; }
#nav ul li span { padding:6px 5px 8px 30px; background:url(../images/i2/nav_bullet.png) no-repeat 0 0; }


/*---------------------------------- banners ---------------------------------*/
#banners { position:relative; z-index:1; padding:1px 0 1px 1px; height:280px; background-color:#cecece; zoom:1; }
#banners td { vertical-align:top; }
#banners td.aside { width:1%; }
#banners table { width:100%; }
#banners div.spacer {
  position:absolute; top:0; left:0; z-index:1;
  width:10px; height:282px;
  background:url(../images/i2/banner.png) no-repeat 0 0;
}
#banners div.big { height:280px; font-size:12px; }
#banners div.big div.w1 { padding-top:175px; height:105px; }
#banners div.big td { padding:0 18px; width:270px; height:88px; vertical-align:middle; }
#banners div.big table { width:auto; background:url(../images/i2/banner_big.png) no-repeat 100% 0; color:#fff; }
* html #banners div.big table { background:#cc2846; }
#banners div.big table a { color:#fff; }
#banners div.big table a:hover { color:#f0bfc8; }
#banners div.big table em { display:block; white-space:nowrap; font-size:24px; }

#banners div.small { border-left:1px solid #fff; border-top:1px solid #fff; width:278px; height:139px; }
#banners div.small:first-child { border-top:none; height:140px; }
#banners div.small div.w1 { padding-top:64px; }
#banners div.small td { padding:0 4px 0 13px; vertical-align:middle; }
#banners div.small table { width:216px; height:58px; background:url(../images/i2/banner_small.png) no-repeat 100% 0; color:#fff; }
* html #banners div.small table { background:#cc2846; }
#banners div.small table a { color:#fff; }
#banners div.small table a:hover { color:#f0bfc8; }
#banners div.small table em { display:block; margin-bottom:3px; line-height:1; font-size:14px; font-weight:bold; }


/*-------------------------------- modal windows -----------------------------*/
div.xhr-overlay {
    position:absolute; z-index:100;
    width:100px; height:100px;
    background-color:#fff;
    filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8;
}


div.preloader {
    position:fixed; top:0; left:0; z-index:1000;
    border-right:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3;
    background-color:#ebebeb;
    color:#242424;
    font-size:11px;
}
div.preloader div {
    background:#ebebeb url(../images/i2/spinner.gif) no-repeat 2px 2px;
    padding:2px 3px 2px 22px;
}
div.preloader div.e { background:url(../images/i2/404.gif) no-repeat 1px 0; cursor:pointer; }
div.preloader em { padding-left:5px; color:#e60b27; font-style:normal; }


div.modal-overlay {
	position:fixed; top:0; left:0; z-index:100; zoom:1;
	background-color:#fff;
	width:100%; height:100%;
}
div.modal-overlay iframe { display:none; }
table.modal { position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; }
table.modal td.modal { vertical-align:middle; }
table.modal table.modal-wrapper { margin:0 auto; }

div.modal-window { clear:both; }
div.modal-window div.modal-menu { position:relative; z-index:1; zoom:1; display:none; }
div.modal-window div.modal-menu a.modal-remove { position:absolute; right:0; }

div.modal-bind { position:relative; z-index:100; }


div.modal-window div.error,
div.modal-window div.flood,
div.modal-window div.done { margin:0; }


.modal-view1 div.modal-window {
    border:1px solid #f84c8a;
    -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
    padding:13px 21px;
    background-color:#fff;
    max-width:800px;
    -moz-box-shadow:0 5px 18px rgba(0, 0, 0, .75); -webkit-box-shadow:0 5px 18px rgba(0, 0, 0, .75); box-shadow:0 5px 18px rgba(0, 0, 0, .75);
}