@charset "windows-1251";
* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;font-size:12px; font-family:Tahoma; text-align:left; color:#FFF}
/* end hide */
a{outline:none; font-size:12px; color:#fff; text-decoration:underline}
a:hover{outline:none; color:#fff; text-decoration:none}
a img,img{outline:none; border:none}
.ClearL{clear:left}
body { 
background:url(..//i_intro/bg.jpg);
text-align:center;
min-height:468px;/* для правильных браузеров*/
min-width:552px;/* для правильных браузеров*/
}
#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}

#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 528px;
} 
#inner {
position:relative;
left:0px; top:0px;
width: 996px;
background: url(..//i_intro/big_bg.jpg) bottom no-repeat;
height: 528px;
text-align: left;
margin:0 auto;
}

#UpMenu{position:relative; width:492px; height:auto; top:41px; left:243px; min-height:37px; background:url(..//i_intro/up_menu.jpg) top no-repeat}
	#rus{position:absolute; width:35px; height:27px; top:6px; left: 192px; background:url(..//i_intro/rus.gif) no-repeat}
	#eng{position:absolute; width:36px; height:27px; top:6px; left: 276px; background:url(..//i_intro/eng.gif) no-repeat}
	#Near1,#Near2{position:absolute; width:15px; height:16px; top:13px; left: 9px; background:url(..//i_intro/near_menu.jpg) no-repeat}
		#Near2{left:469px}
	#RusVibor {position:absolute; width:184px; height:34px; top:-8px; left:0px;}
	#EngVibor {position:absolute; width:184px; height:34px; top:-8px; right:-13px}	

	.menu { height: 38px; padding-top:9px; }
	.menu ul { float:left; list-style:none }
	.menu ul li { float: left; height: 38px;}
	.menu ul li a {position: relative; float: left; height: 38px; outline: none; padding: 0 8px; font: bold 12px/38px Arial; color: white; text-decoration: none; background: #353535 url(..//i_intro/menu.gif) repeat-x left  }
	.menu ul li a:hover, .menu ul li a.item1-active { background: #353535 url(..//i_intro/menu_over.gif) repeat-x -3px 0  }
	.menu ul li.left a { padding: 0 174px 0 11px; background:none}
	.menu ul li.left a:hover, .menu ul li.left a.item1-active { background: url(..//i_intro/menu_l_over.png) no-repeat left}
	.menu ul li.right a { padding: 0 163px 0 8px; background: none  }
	.menu ul li.right a:hover, .menu ul li.right a.item1-active { background: url(..//i_intro/menu_r_over.png) no-repeat right top  }
	.menu ul .item2,
	.menu ul .item2:hover,
	.menu ul .item2-active,
	.menu ul .item2-active:hover {width:0px;height:28px;font: bold 11px/28px Arial;color: #E0C8C8;text-decoration: none;display: block;white-space: nowrap;position: relative;z-index: 500;}
	.menu ul .item2 {background: #2F2F2F url(..//i_intro/menu_item2.gif) repeat-x !important;}
	.menu ul .item2:hover,
	.menu ul .item2-active,
	.menu ul .item2-active:hover {background: #7F0F0F url(..//i_intro/menu_item2_over.gif) repeat-x !important;}
	.menu ul .item2 img,
	.menu ul .item2-active img{position: absolute;top: 6px;right: 3px;border: 0;z-index: 600}
	.menu ul .section {position: absolute;visibility: hidden;z-index: -1;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block; display: block;}
	
	
#LeftContents{position:absolute; width:180px; height:auto; top:95px; left:170px;}
#BlockOne{position:relative; width:210px; height:170px; top:0px; left:0px; overflow:hidden}
#BlockThreeRight{position:absolute; width:202px; height:175px; top:125px; left:605px; background:url(..//i_intro/menus.png) repeat}
	#BlockThreeRight a{color:#d6a3a3; font-size:11px; text-decoration:none; }
	#BlockThreeRight a:hover{text-decoration:underline}
	.InThree{padding:1px 6px}
	#ACTION{position:absolute; width:76px; height:76px; top:-30px; right:-30px; background:url(..//i_intro/action2.png) no-repeat}
.Header{position:relative; width:180px; height:19px; top:0px; left:0px; background:url(..//i_intro/near_head.jpg) left center no-repeat; padding-left:26px; font-weight:bold; line-height:19px; margin-bottom:6px;}
#BigBanner{position:absolute; width:649px; height:117px; top:319px; left:162px;}

	#DownButtons{position:absolute; width:670px; height:64px; top:454px; left:160px;}
		#DownButtons .pic1{position:absolute; width:214px; height:64px; top:0px; left:0px; background:url(..//i_intro/b_1.jpg) no-repeat}
		#DownButtons .pic2{position:absolute; width:214px; height:64px; top:0px; left:0px; background:url(..//i_intro/b_2.jpg) no-repeat}
		#DownButtons .pic3{position:absolute; width:214px; height:64px; top:0px; left:0px; background:url(..//i_intro/b_3.jpg) no-repeat}
		.UnderPic{position:absolute; width:214px; height:64px; top:0px; left:0px}
		.UnderPic a{display:block; width:214px; height:64px;}
		.UnderPic a:hover{background:url(..//i_intro/b_over.png) no-repeat}
	#DownButtons div.Inn{position:relative; float:left; width:214px; height:64px; margin:0px 2px;}


/* блок 1 */
.block1 { padding:1px }
.block1 .game.prev { width: 208px; height: 120px; margin-bottom:10px; background: url(/i/game_prev.png) no-repeat }
.block1 .game.next { width: 186px; height: 120px; margin-bottom:10px; background: url(/i/game_next.png) no-repeat }
.block1 .game td { font: bold 12px Tahoma; color: white }
.block1 .game .center { width: 24px; text-align: center; }
.block1 .game .left { text-align: right; }
.block1 .game .right { text-align: left; }
.block1 .game .big { padding-top:10px; font: bold 21px verdana; color: #DD9494 }
.block1 .game .top td { height: 68px }
.block1 .game .bottom td { height: 18px }
.block1 .text { padding-left:12px; font: normal 11px Tahoma; color: #CB9A9A }
.block1 .text a { font: normal 11px Tahoma; color: #CB9A9A }
.block1 .text a:hover { color: white }
.block1 .links { margin:20px 0 0 5px; }
.block1 .links li { float: left }
.block1 .links li a { float: left; padding: 3px 7px; font: normal 10px Tahoma; color: #B07777; text-decoration: none; }
.block1 .links li a:hover { background: url(i/opac.png)}
.block1.fix { width: 200px; text-align: left; margin:0 auto }