@charset "utf-8";
/* CSS Document */
HTML{min-width: 1000px}
BODY{padding: 0; margin: 0; min-width: 1000px; background: #000 url(img/bg.jpg) no-repeat 50% 0}
	BODY.mainBg{background: #000 url(img/mainBg.jpg) no-repeat 50% 0}
TABLE{border-collapse: collapse}
TD, TH{border: 1px solid #FFF; padding: 5px}

.emptyList{float: left; width: 160px; height: 700px}
.clear{clear: both}
.floatLeft{float: left}
.floatRight{float: right}
.alignCenter{text-align: center}
.padTop60{padding-top: 60px}
.noStyle{list-style: none; padding: 0; margin: 0}
.marLeft150{margin-left: 150px}
.articles{margin-left: 160px}

#all{position: relative; width: 1000px; padding-top: 87px;  margin: 0 auto}
#head{height: 43px}
#head SPAN{padding: 4px 21px}
#head SPAN.active{ background: #434343}
#head .menu{margin-left: 360px;  padding: 2px 0 0}
#head .menu A{margin: 0}
#head .menu A.last{margin: 0 0 0}
#head .logo{display: block; position: absolute; width: 127px; height: 41px; left: 102px; background: url(img/stone.gif)}

#main{margin-top: 120px; width: 1000px; position: relative; min-height: 715px}
.margin{margin:0 53px 0}
#main UL{display: block; line-height: 1.70em; border-left: 1px solid #FFF; float: left; margin: 0; padding: 0; list-style: none}
	#main UL LI{width: 130px; height: 20px; padding: 2px 0 0 15px; //height: 19px; //padding-top: 1px}
	#main UL LI.active{ background: #3f4143}
#main .left{width: 280px; margin: 232px 0 0; padding-left: 55px; float: left}
	#main B{display: block; float: left; width: 95px; margin-right: 15px; background: url(img/mainMenu2.gif) no-repeat 0 80px}
	#main .left UL, #main .left B{height: 157px}
#main .center{width: 270px; margin-top: 20px; float: left}
	#main .center B{height:370px; background-position: -100px 294px}
	#main .center UL{height:370px}
#main .text{position: absolute; width: 180px; z-index: 100; right: 60px}	
#main .right{position: relative; width: 280px; margin-top: 313px; float: left}
	#main .right B{height: 107px; width: 100px; background-position: -210px 66px}
	#main .right UL{height: 107px}
	#main .left B A{display: block; height: 65px; margin: 80px 0 0}
	#main .center B A{display: block; height: 66px; margin: 294px 0 0}
	#main .right B A{display: block; height: 30px; margin: 66px 0 0}
.adv{position: relative; width: 950px ; height: 224px; margin:210px auto 0; background: #0e0e0e url(img/corners.gif) no-repeat -28px -28px}
.adv I{position: absolute; display: block; right: 0; width: 28px; height: 28px; background: #0e0e0e url(img/corners.gif) no-repeat 0 -28px;}
.adv .bR{background-position: 0 0; bottom: 0; right: 0}
.adv .bL{background-position: -28px 0; bottom: 0; left: 0}
.adv DIV{width: 195px; padding: 0 60px 0; height: 115px; float: left}
.adv .centBlock{border-right: 1px solid #212121; border-left: 1px solid #212121}

#inner{position: relative; width: 1000px; padding: 115px 0 0}
.content, .content2{width: 470px; min-height: 320px; margin-left: 50px; padding: 0 0 60px; float: left}
.content2{width: 780px}
#leftMenu{display: block; border-left: 1px solid #FFF; float: left; margin: 90px 0 0; padding: 20px 0 40px; list-style: none}
	#leftMenu LI{width: 145px; margin: 0 0 2px; padding: 5px 0 5px 15px}
	#leftMenu LI.pLeft {width:135px; padding-left:25px} 
	#leftMenu LI.active{background: #3f4143}
#inner .rightBlock{position: relative; overflow:  hidden; width: 251px; height: 344px; float: left; margin: 18px 0 0 65px}
	#inner .rightBlock P{text-align: left}
	#inner .rightBlock U {display: block; width: 253px; height: 310px; position: absolute; top: 17px; left: 0; filter:alpha(opacity=8); z-index: -3; opacity: 0.08; background: #FFF}
	#inner .rightBlock B{display: block; width: 253px; height: 17px; position: absolute; top: 0px; left: -1px; filter:alpha(opacity=8); opacity: 0.08; background: url(img/edges.gif) no-repeat 0 -17px; z-index:-100}
	#inner .rightBlock .edge{top: auto; bottom: 0; background-position: 0 0}
	#inner .rightBlock H2{padding: 20px 35px 5px}
	#inner .rightBlock P{padding: 0 35px 25px; margin: 0}
	#inner .rightBlock A{display: block; float: left; margin:0 8px; _margin:0 6px; width: 66px; height: 63px; padding: 15px 0 0}
	#inner .rightBlock .tagCloud2{padding: 0 35px}
	#inner .rightBlock .tagCloud2 A{display: inline; float: none; white-space: nowrap; margin: 0 5px 0 0}
	#inner .rightBlock .tagCloud2 A:hover{background: none; text-decoration: underline}
	#inner .rightBlock A I{display: block; width: 36px; height: 34px; margin: 0 auto 10px; background: url(img/zodiak_s.gif) no-repeat 0 0}
		#inner .rightBlock A .telec{background-position: -51px 0}
		#inner .rightBlock A .bliz{background-position: -97px 0}
		#inner .rightBlock A .rak{background-position: 0 -48px}
		#inner .rightBlock A .lev{background-position: -52px -48px}
		#inner .rightBlock A .deva{background-position: -98px -48px}
		#inner .rightBlock A .vesi{background-position: 0 -92px}
		#inner .rightBlock A .scorp{background-position: -52px -92px}
		#inner .rightBlock A .strelec{background-position: -98px -92px}
		#inner .rightBlock A .koz{background-position: 0 -138px}
		#inner .rightBlock A .vod{background-position: -52px -138px}
		#inner .rightBlock A .ribi{background-position: -100px -138px}
	#inner .rightBlock A:hover{background: url(img/zadiakBg.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="/css/img/zadiakBg.png", sizingMethod="crop"); _background:none}
#inner .pictures{margin-left: 210px; position: relative}	
.pic{float: left; width: 178px ; height: 149px; margin:-40px 35px 0 0; position: relative}
	.pic U {display: block; width: 176px; height: 113px; _height: 112px; position: absolute; top: 18px; filter:alpha(opacity=8); z-index: -3; opacity: 0.08; background: #FFF}
	.pic B{display: block; width: 253px; height: 18px; position: absolute; filter:alpha(opacity=8); opacity: 0.08; background: url(img/edges2.gif) no-repeat 0 -18px}
.edge{bottom: 0; background-position: 0 0 !important}
	.pic IMG{margin: 18px}

.bigPic{position: relative; width: 465px; padding: 1px 0 2px}
	.bigPic B{display: block; width: 465px; height: 18px; left: 0; position: absolute; filter:alpha(opacity=8); opacity: 0.08; background: url(img/edges3.gif) no-repeat 0 -18px}
	.bigPic U{display: block; position: absolute; top: 17px; left: 0; width: 465px; filter:alpha(opacity=8); z-index: -3; opacity: 0.08; background: #FFF}
	.bigPic IMG {display: block; margin: 0 auto; padding: 16px 0}
.height476px{height: 476px; _height: 475px}
.height386px{height: 386px; _height: 385px}
.height416px{height: 416px; _height: 415px}
.height458px{height: 458px; _height: 457px}
.height441px{height: 441px; _height: 440px}
.height446px{height: 446px; _height: 445px}
.height348px{height: 348px; _height: 347px}
	
#inner .zodPic{display: block; width: 54px; height: 10px; padding: 50px 0 0; float: left; margin: 30px 70px 26px 0; background: url(img/zodiak.gif) no-repeat 5px 0}
	#inner .telec{background-position: -54px 0}
	#inner .bliz{background-position: -106px 0}
	#inner .rak{background-position: -168px 0}
	#inner .lev{background-position: -236px 0}
	#inner .deva{background-position: -292px 0}
	#inner .vesi{background-position: 6px -60px}
	#inner .scorp{background-position: -55px -60px}
	#inner .strelec{background-position: -110px -67px}
	#inner .koz{background-position: -170px -64px}
	#inner .vod{background-position: -233px -64px}
	#inner .ribi{background-position: -295px -64px}
	#inner .text{width: 670px; float: left}	

#footer{position: relative; height: 124px}
#isbiz{position: absolute; padding-left: 25px; width: 175px; background: url(img/isbizLogo.gif) no-repeat 0 3px; right: 45px; top:78px}	
	#footer .link{padding: 80px 0 0 210px}