* {
 margin:0pt;
 padding:0pt; 
}

* { padding:0; margin:0; }
	ul { list-style:none; }
	/* Expand / Collapse */
	ul.expand li.trigger.top { margin-top:0; }
	ul.expand li.trigger
	{
		background:url(expand-collapse.gif) 0 3px no-repeat;
		cursor:pointer;
		padding:0 0 0 20px;
		margin:7px 0 0 0;
	}
	ul.expand li.trigger.open
	{
		background-position:0 -997px;
	}
	ul.expand ul
	{
		list-style:disc inside;
		line-height:18px;
		padding:4px 0 6px 20px;
	}
html{
 width:100%;
 height:100%;
}
body{
 margin:0pt;
 padding:0pt;
 width:100%;
 height:100%;
 background-color:#121b2a;
 background-image:url(../images/bg-main.jpg);
 background-repeat:repeat-x;
 background-position:left top;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#d5d5d5;
}
a{
 color:#f8f8f8;
}
a:hover{
 text-decoration:none;
}
h2{
 font-size:17px;
 color:#fff;
}
h3{
 font-size:18px;
 font-weight:normal;
 margin-bottom:14px;
}
p{
 margin-bottom:10px;
}
img{
 border:none;
}
#main {
 position:relative; 
 min-height:100%;
 height:auto !important;
 height:100%;
/* background-image:url(../images/logo.jpg);
 background-position:148px top;
 background-repeat:no-repeat;
*/ width:885px;
 margin:0px auto;
}
#box {
 padding:0px 0px 149px;
 width:885px;
 zoom:1;
 overflow:hidden;
}
#footer{
 position:relative;
 width:885px;
 height:149px;
 margin:-149px auto 0px;
 overflow:hidden;
 zoom:1;
 background-image:url(../images/bg-foot.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}
.logo{
 text-align:center;
}
.logo img{
 border:none;
}
.menu-l{
 position:relative;
 margin-top:-102px;
}
.mid{
 position:absolute;
 width:877px;
 margin:25px 0px 0px 4px;
 height:33px;
 filter: alpha(opacity=8);
 -moz-opacity: 0.08;
 opacity: 0.08;
 background-color:#fff;
 z-index:1;
}
.menu-r{
 background-image:url(../images/menu-r.gif);
 background-position:right 25px;
 background-repeat:no-repeat;
 overflow:hidden;
 zoom:1;
}
.menu{
 height:71px;
 list-style-type:none;
 position:relative;
 z-index:2;
 padding:0px 0px 0px 25px;
 background-image:url(../images/menu-l.gif);
 background-position:left 25px;
 background-repeat:no-repeat;
}
.menu li{
 float:left;
 font-weight:bold;
}
.menu li a{
 font-weight:bold;
 color:#fff;
 display:block;
 float:left;
 padding:34px 54px 21px 23px;
 text-transform:uppercase;
}
.budw:hover,.budw-act{
 background-image:url(../images/budw-act.png);
 background-position:7px 5px;
 background-repeat:no-repeat;
 color:#162235;
}
.ent:hover,.ent-act{
 background-image:url(../images/ent-act.png);
 background-position:10px 1px;
 background-repeat:no-repeat;
 color:#162235;
}
.events:hover,.events-act{
 background-image:url(../images/events-act.png);
 background-position:7px 12px;
 background-repeat:no-repeat;
 color:#162235;
}
.ac:hover,.ac-act{
 background-image:url(../images/ac-act.png);
 background-position:7px 10px;
 background-repeat:no-repeat;
 color:#162235;
}

.af:hover,.af-act{
 background-image:url(../images/af-act.png);
 background-position:left 15px;
 background-repeat:no-repeat;
 color:#162235;
}

.tip:hover,.tip-act{
 background-image:url(../images/tip-act.png);
 background-position:8px 4px;
 background-repeat:no-repeat;
 color:#162235;
}

#block-l,#block-c,#block-r{
 float:left;
}
#block-r{
 width:205px;
}
#block-l{
 width:193px;
}
#block-c{
 width:474px;
 background-image:url(../images/loading.png);
 background-repeat:no-repeat;
 background-position:left 29px;
 margin-left:13px;
 overflow:hidden;
 zoom:1;
}
.s-txt{
 background-color:#889488;
 padding:0px 3px 8px 8px;
}
.s-txt ul{
 list-style:none;
}
.s-txt li{
 font-size:13px;
 margin-bottom:4px;
 color:#fff;
}
.s-txt ul ul{
 list-style:none;
 margin-left:8px;
 padding-top:6px;
}
.s-txt li li{
 font-size:11px;
 margin-bottom:6px;
}
.s-txt li li a{
 text-decoration:none;
 color:#d5d5d5;
}
.s-txt li li a:hover{
 text-decoration:underline;
}
.schedule{
 margin-bottom:14px;
}
.schedule h2{
 padding:1px 0px 14px 9px;
 margin-top:-1px;
 background-image:url(../images/bg-small-title.gif);
 background-repeat:no-repeat;
 background-position:left 1px; 
}
.schedule p{
 margin:0px;
 padding-bottom:10px;
}
.ban-txt{
 font-size:24px;
 color:#fff;
 margin-bottom:20px;
}
.ban-l,.ban-r{
 margin-bottom:20px;
}
.ban-l img,.ban-r img{
 border:none;
}
.ban-r{
 padding-left:12px;
}
.afisha{
 overflow:hidden;
 zoom:1;
}
.news-block{
 overflow:hidden;
 zoom:1;
 padding-left:14px;
}
.news{
 float:left;
 width:185px;
 margin:0px 45px 27px 0px;
 color:#f8f8f8;
 font-size:11px;
}
.news p{
 color:#889488;
 margin-bottom:1px;
}
.afisha{
 position:relative;
 padding-bottom:30px;
}
.shad-top{
 margin-top:24px;
 position:absolute;
}
.afisha-t{
 height:24px;
 overflow:hidden;
 zoom:1;
}
.a-head{
 background-image:url(../images/red-afisha-l.png);
 background-position:left top;
 background-repeat:no-repeat;
 float:left;
}
.a-txt{
 margin:0px 0px 0px 0px;
 padding:3px 10px 2px 13px;
 background-image:url(../images/bg-red.jpg);
 background-position:top left;
 background-repeat:no-repeat;
 background-color:#ff0000;
 float:left;
 font-size:17px;
 font-weight:bold;
 color:#fff;
}
.a-tail{
 background-image:url(../images/red-afisha-r.png);
 background-position:right top;
 background-repeat:no-repeat;
 float:left;
}
.dshadow{
 position: relative;
 display: block;
 width: 100%;
}
.dshadow .back, .dshadow .front{
 position: absolute;
 display: block;
 top: 0;
 left: -1px;
}
.dshadow .front{
 padding: 0 1px 1px 0;
 color: #fefefe;
}
.dshadow .back{ 
 top: 1px;
 left: 0;
 color: #000;
 filter: alpha(opacity=65);
 -moz-opacity: 0.65;
 opacity: 0.65;
}
.dshadow .back h5{
 margin-left:3px;
}
.dshadow .back h6{
 color: #000;
}

h5{
 margin: 0 0 9px 1px;
 font-weight: normal;
 font-family: Impact, Arial, Tahoma, Verdana, Geneva, sans-serif;
 font-size: 35px;
 line-height: 31px;
 letter-spacing: -1px;
}
h6{
 margin: 0 0 0 1px;
 font-weight: normal;
 font-size: 18px;
 line-height: 18px;
 color:#88ccf6;
 font-family: Tahoma, Arial, Verdana, Geneva;
 letter-spacing: -1px;
}
.film-1{
 background-image:url(../images/9.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}
.film-2{
 background-image:url(../images/sur.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}
.film-3{
 background-image:url(../images/may.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}
.film-4{
 background-image:url(../images/af_bg_unreal.jpg);
 background-position:top left;
 background-repeat:no-repeat;
}
.film-txt{
 padding:150px 0px 0px 20px;
}
.shad-bot{
 position:absolute;
 top:277px;
}
.gr-bot{
 position:absolute;
 top:333px;
}
.tel{
 position:absolute;
 font-size:23px;
 color:#fff;
 letter-spacing:-1px;
 padding-right:20px;
 margin-right:3px;
 background-image:url(../images/tel.gif);
 background-position:right 3px;
 background-repeat:no-repeat;
 top:79px;
 right:0px;
}
.copy{
 font-size:11px;
 float:left;
 padding:75px 0px 0px 12px;
}
.rules{
 float:right;
 font-size:18px;
 padding:75px 37px 0px 0px;
}
.cont{
 background-color:#fff;
 min-height:610px;
 height:610px;
 color:#233b4b;
 background-image:url(../images/cont-bot.gif);
 background-position:left bottom;
 background-repeat:no-repeat;
}
*>.cont .cont-budw{
 height:auto;
}
*>#block-c .cont-book{
 height:auto;
}
#block-c .cont-book{
 height:711px;
 min-height:711px;
 color:#233b4b;
 background-color:#fff;
}
.cont-ent{
 background-image:url(../images/ban-cont-ent.jpg);
 background-position:top left;
 background-repeat:no-repeat;
 margin-bottom:4px;
 padding:30px 12px 0px 25px;
}
.cont-tip{
 background-image:url(../images/ban-cont-tip.jpg);
 background-position:top left;
 background-repeat:no-repeat;
 margin-bottom:4px;
 padding:30px 12px 0px 25px;
}
.cont-budw{
 background-image:url(../images/ban-cont-budw2.jpg);
 background-position:top left;
 background-repeat:no-repeat;
 margin-bottom:4px;
 padding:30px 12px 0px 25px;
 height:610px;
 min-height:610px;
}
.cont-ac{
 background-image:url(../images/ban-cont-ac.jpg);
 background-position:top left;
 background-repeat:no-repeat;
 margin-bottom:4px;
 padding:30px 12px 0px 25px;
}
.cont-events{
 background-image:url(../images/ban-cont-events.jpg);
 background-position:top left;
 background-repeat:no-repeat;
 margin-bottom:4px;
 padding:30px 12px 0px 25px;
}
.cont-af{
 background-image:url(../images/ban-cont-af.jpg);
 background-position:top left;
 background-repeat:no-repeat;
 margin-bottom:4px;
 padding:30px 12px 0px 25px;
}
.cont-game{
 background-image:url(../images/ban-cont-game.jpg);
 background-position:top left;
 background-repeat:no-repeat;
 margin-bottom:4px;
 padding:30px 12px 0px 25px;
}
.cont-inet{
 background-image:url(../images/ban-cont-icafe.jpg);
 background-position:top left;
 background-repeat:no-repeat;
 margin-bottom:4px;
 padding:30px 12px 0px 25px;
}
.cont-book{
 background-image:url(../images/bgpage/ban-cont-book.jpg);
 background-position:top left;
 background-repeat:no-repeat;
 margin-bottom:4px;
}
.cont-book-txt{
 padding:30px 12px 0px 25px;
}

*>#block-c .cont{
    height: auto;
}
/**>#block-c .cont .cont-budw{
    height: auto;
}*/

/**>#block-c .cont-budw{
 height: auto;
}
*/.cont h3,.cont-book h3{
 font-size:33px;
 color:#fff;
 font-weight:bold;
 letter-spacing:-1px;
 margin-bottom:71px;
}
.cont ul,.cont ol{
 padding:5px 0px 10px 25px;
}
.cont ul li,.cont ol li{
 margin-bottom:3px;
}
.cont a{
 color:#233b4b;
}
.no-ac{
 padding:30px 12px 0px 25px;
}
.no-ac h3{
 color:#213848;
}
.r-menu{
}
.bl1,.w1{
 margin-bottom:10px;
 padding-top:3px;
}
.bl1{
 background-image:url(../images/bl1.png);
 background-position:top left;
 background-repeat:no-repeat;
}
.bl2{
 background-image:url(../images/bl2.png);
 background-position:bottom left;
 background-repeat:no-repeat;
 padding-bottom:3px;
}
.w1{
 background-image:url(../images/w1.png);
 background-position:top left;
 background-repeat:no-repeat;
}
.w2{
 background-image:url(../images/w2.png);
 background-position:bottom left;
 background-repeat:no-repeat;
 padding-bottom:3px;
}
.bl1 p,.bl2 p{
 margin-bottom:0px;
}
.r-item{
 background-color:#374f5f;
 padding:9px 10px 8px 30px;
 overflow:hidden;
 zoom:1;
}
.r-item img,.r-item-act img{
 float:left;
 margin-left:-24px;
 text-align:center;
}
.r-item a{
 font-weight:bold;
 text-transform:uppercase;
}
.r-item-act{
 background-color:#fff;
 padding:15px 5px 0px 30px;
 color:#213848;
 overflow:hidden;
 zoom:1;
}
.r-item-act a{
 color:#213848;
}
.r-item-act ul{
 list-style-type:none;
 padding:8px 3px 10px 19px;
}
.r-item-act li{
 margin-bottom:5px;
}
.r-item-act p{
 text-transform:uppercase;
 font-size:13px;
 font-weight:bold;
 margin-bottom:0px;
 padding-bottom:10px;
}
.r-menu-corn{
 text-align:right;
 padding-bottom:14px;
}
#nav{
 font-size:10px;
 color:#7193a7;
 padding-bottom:10px;
}
#nav a{
 color:#7193a7;
}
#nav .nav-act{
 color:#fff;
}
.tab td{
 border-bottom:1px solid #becbc3;
 padding:2px;
}
.tab2{
 border-collapse:collapse;
}
.tab2 td{
 border:1px solid #becbc3;
 padding:2px;
}
hr{
 background-color:none;
 color:#ededed;
 border:1px solid #ededed;
 height:1px;
}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 45px 0 0px;
	height:46px;
	background-image:url(../images/bg-gr.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#889488;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: right;
    margin: 0px 0px 0px 15px;
     min-width: 30px; /* be nice to Opera */
    background:none;
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 5px;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #162235;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
	text-align:center;
}
.tabs-nav .tabs-selected a {
    color: #fff;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 30px;
    height: 32px; /* IE 6 treats height as min-height */
    min-height: 32px;
    padding-top: 12px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
   width: auto;
    /* height: auto;*/
}
.tabs-nav .tabs-selected{
 background-image:url(../images/arrow.gif);
 background-position:center top;
 background-repeat:no-repeat;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
	height:264px;
    /*padding: 1em 8px;
    background: #fff;  declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
}



@charset "UTF-8";

/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
/*	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
*/	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
/*	background-color: #CCCCCC;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
*/	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}
.AccordionPanelTab a {
 text-decoration:none;
 border-style:dotted;
 border-bottom-width:1px;
 border-left:none; 
 border-top:none; 
 border-right:none; 
}
/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
}
.AccordionPanelContent ul{
 list-style:none;
 margin-left:8px;
 padding-top:6px;
}
.AccordionPanelContent li{
 font-size:11px;
 margin-bottom:6px;
}
.AccordionPanelContent li a{
 text-decoration:none;
 color:#d5d5d5;
}
.AccordionPanelContent li a:hover{
 text-decoration:underline;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab a{
/*	background-color: #EEEEEE;
*/
 text-decoration:none;
 border-style:dotted;
 border-bottom-width:1px;
 border-left:none; 
 border-top:none; 
 border-right:none; 
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
/*	color: #555555;
*/}
.AccordionPanelOpen .AccordionPanelTabHover {
/*	color: #555555;
*/}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
/*	background-color: #3399FF;
*/}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
/*	background-color: #33CCFF;
*/}