* { color: #484848; margin: 0; padding: 0; font-family: Arial; }

BODY { background: #FFF url(/i/bg/sky-repeat.png) top repeat-x; }
A { color: #F78000; }
A:hover { color: #EB6800; }
A IMG { border: none; }

H1 { color: #000; font: normal 27px Arial; margin-bottom: 15px; }
H2 { color: #000; font: normal 21px Arial; margin-bottom: 15px; }

UL { list-style: none; }

TABLE { width: 100%; }
TABLE TH {
	border-bottom: 1px solid #ABABAB;
	color: #09F;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	padding: 7px 2px;
	}
TABLE TD { border-bottom: 1px solid #ABABAB; padding: 10px 2px; }

.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

.fs80 { font-size: 80%; }
.fs90 { font-size: 90%; }

.red { color: #F00; }
.grey { color: #AAA; }
.green { color: #45D000; }
.orange { color: #F78000; }

#minwidth { min-width: 990px; position: relative; }

#rock { position: absolute; right: 0; top: 0; z-index: 2 }

#addition {
	background: #F46600 url(/i/bg/orange.png) left bottom repeat-x;
	position: absolute;
	right: 0;
	bottom: 70px;
	}
	#addition #sharma {
		background: url(/i/sharma.png) left bottom no-repeat;
		padding: 20px 20px 40px 100px;
		width: 250px;
		}
	#addition P {
		color: #FFF;
		font-style: italic;
		font-size: 13px;
		line-height: 20px;
		}
	#addition P A { color: #FFCD95; }
	#addition P A:hover { text-decoration: none; }

#sky {
	background: url(/i/bg/sky.jpg) top left no-repeat; 
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	}

#logo { margin: 55px 0 55px 8%; }

#logos { position: absolute; right: 20%; top: 50px; z-index: 3; }
#logos LI { display: inline; margin-right: 10px; }

#nav { margin: 0 0 45px 8%; }
#nav LI { text-shadow: 0 1px 0 #FFF; display: inline; font-size: 18px; margin-right: 2%; }
#nav LI A { text-shadow: none; }


#subnav {
	left: -10px;
	margin: -10px 200px 35px 8%;
	position: relative;
	}
	#subnav LI { display: block; float: left; font-size: 15px; margin-bottom: 10px; padding: 5px 10px; }
	#subnav LI.act {
		background: #EEE;
		background-image: linear-gradient(top, #EEE, #FFF);
		background-image: -o-linear-gradient(top, #EEE, #FFF);
		background-image: -webkit-linear-gradient(top, #EEE, #FFF);
		background-image: -moz-linear-gradient(top, #EEE, #FFF);
		background-image: -ms-linear-gradient(top, #EEE, #FFF);
		border-radius: 4px;
		box-shadow: 0 1px 1px #999 inset;
		}
	#subnav LI A:hover {  }

#kubok {
	/*border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	background: url(/i/26m.jpg) 0 20px no-repeat;*/
	background: url(/i/worldcup.jpg) 0 -20px no-repeat;
	margin: -15px 0 25px 8%;
	padding: 23px 40px 20px 400px;
	width: 30%;
	}
	#kubok #date {
		background: #FFF;
		font-size: 12px;
		margin-bottom: 5px;
		padding: 3px 0 4px 0;
		position: relative;
		top: 0;
		text-align: center;
		width: 127px;
	}
	#kubok #date STRONG { font-family: "Arial Black", Arial; font-size: 18px; font-weight: 900; }
	#kubok #date EM { position: absolute; left: 140px; top: 14px; }
	#kubok P { color: #fff; font-size: 14px; }
	#kubok H2 { color: #222; margin: 0; }
	#kubok H2,
	#kubok H2 A {
		color: #fff;
		font-family: "Arial Black", Arial;
		font-size: 23px;
		font-weight: 900;
		letter-spacing: -1px;
		text-shadow: 0 1px 1px #000;
		text-transform: uppercase
		}

.kubok { border: 1px solid #F78000; display: inline-block; margin: -15px 0 25px 8%; }
.kubok img { display: block; }

.wrap { margin: 0 auto 64px auto; width: 84%; }

#left { float: left; width: 30%; }
#right { float: right; margin-right: 21%; width: 40%; }

#content { width: 80%; }
#content .out { margin-left: -20px; position: relative; }
#content .date { color: #09F; font-style: italic; }

#news LI,
#content #news LI { background: none; margin-bottom: 30px; padding: 0; }
#news LI.withimg,
#content #news LI.withimg { padding-left: 85px; position: relative; min-height: 75px; height: 1%; }
#news LI IMG,
#content #news LI IMG { display: block; position: absolute; left: 0; top: 5px; }
#news LI P,
#content #news LI P { font-size: 13px; line-height: 20px; margin: 0; }
#news LI DIV.date,
#content #news LI DIV.date { color: #ABABAB; font-size: 13px; font-style: italic; margin: 5px 0; }

#plan {
	height: 100px;
	margin: 5px 0 50px 0;
	position: relative;
	width: 220px;
	}
	#plan IMG { position: absolute; left: 0; }
	#plan H3 { font-weight: normal; font-size: 20px; margin: 7px 0 7px 0; }
	#plan P { font-size: 13px; font-style: italic; }
	#plan P SPAN { color: #ABABAB; }

#docs { width: 66%; }
#docs LI { font-size: 14px; line-height: 20px; margin-bottom: 20px; }
#docs DIV { color: #ABABAB; font-size: 13px; font-style: italic; }

#photos { }
#photos LI { float: left; font-size: 15px; line-height: 20px; width: 24%; }
#photos LI IMG { display: block; margin-bottom: 8px; }
#photos LI P { width: 200px; }

.rating { margin-bottom: 40px; width: 100%; }
.rating TH {
	border-bottom: 1px solid #ABABAB;
	color: #888;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	padding: 5px;
	text-align: center;
	vertical-align: bottom;
}
.rating TH.left { text-align: left; }
.rating TD { border-bottom: 1px solid #ABABAB; padding: 5px 2px; }
.rating TD EM { color: #888; font-size: 80%; }
.rating TD.light { color: #888; font-size: 80%; } 

#events { width: 100%; }
#events TD.light { color: #888; font-size: 80%; }
#events .files { font-size: 12px; font-style: italic; line-height: 20px; }
#events .files A { margin-right: 5px; }

#events TR.etype0 { }
#events TR.etype1 { background: #FCE1E1; }
#events TR.etype2 { background: #FFEAD8; }
#events TR.etype3 { background: #FFFDDD; }
#events IMG {
	position: absolute;
	margin-left: -45px;
	margin-top: -10px;
	}

#content #years { float: right; margin: 0; }
	#content #years LI {
		background: none;
		display: inline;
		padding: 0;
		margin: 0 0 0 12px;
		}
	#content #years LI A:hover { text-decoration: none; }

#content #legend {
	margin-top: 30px;
	}
	#content #legend DT {
		background: #F00;
		border: 1px solid #DDD;
		display: block;
		float: left;
		height: 30px;
		position: relative;
		width: 46px;
		}
		#content #legend DT SPAN {
			border: 1px solid #ABABAB;
			display: none;
			height: 40px;
			left: -10px;
			position: absolute;
			top: -5px;
			width: 66px;
			}
		#content #legend DT#f, #content #legend DT#f SPAN { background: #FCE1E1; }
		#content #legend DT#k, #content #legend DT#k SPAN { background: #FFEAD8; }
		#content #legend DT#c, #content #legend DT#c SPAN { background: #FFFDDD; }
		#content #legend DT#m, #content #legend DT#m SPAN { background: #FFF; }
	#content #legend DD {
		float: left;
		font-size: 12px;
		margin: 7px 20px 0 5px;
		}

#foot {
	border-top: 1px solid #ABABAB;
	margin: 10px auto;
	padding: 40px 0;
	width: 84%;
	}
	#foot .foot-partners {
		float: right;
		font-size: 13px;
	}

	#galant:before {
		background: url(/i/galant.png) 0 0 no-repeat;
		content: ' ';
		display: inline-block;
		height: 16px;
		margin-left: -28px;
		margin-right: 4px;
		margin-bottom: -2px;
		position: relative;
		width: 24px;
	}

	#foot #cp {
		font-size: 11px;
		line-height: 16px;
		margin-bottom: 15px;
		width: 250px;
	}
	#foot H6 { font-size: 13px; }

#content .thumbnails { margin: -3em 0 0 -2em; }
#content .thumbnail {
	text-decoration: none;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 3em 0 0 2em;
}
#content .thumbnail .r { width: 14em; float: left; line-height: 1.4; }
#content .thumbnail H4 { color: #0099FF; font-size: 18px; font-weight: normal; line-height: 1.2; text-align: center; }
#content .thumbnail P { color: #888; font-size: 12px; font-style: italic; margin: 5px 0; text-align: center; }

#content .thumbnail2 {
	text-decoration: none;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 3em 0 0 2em;
}
#content .thumbnail2 .r { width: 250px; float: left; line-height: 1.4; }
#content .thumbnail2 H4 { color: #0099FF; font-size: 18px; font-weight: normal; line-height: 1.2; }
#content .thumbnail2 P { color: #888; font-size: 12px; font-style: italic; margin: 5px 0; }

#content .files { margin: 0; }

#content .files LI {
	background: none;
	list-style: none;
	margin: 15px 0;
	padding: 0;
}
#content .files LI P { margin: 2px 0; }
#content .files LI DIV { font-size: 11px; }
#content .files LI SPAN { color: #888; font-size: 12px; font-style: italic; }

#content #gallery LI { background: none; float: left; margin: 0 30px 50px 0; padding: 0; }


#content .toggler {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	float: left;
	height: 24px;
	left: -10px;
	position: relative;
	}
	#content .toggler LI { background: none; display: inline; font-size: 15px; margin: 0; padding: 0; }
	#content .toggler LI SPAN,
	#content .toggler LI A {
		background: #FFF;
		background-image: linear-gradient(top, #FFF, #E2EAEF);
		background-image: -o-linear-gradient(top, #FFF, #E2EAEF);
		background-image: -webkit-linear-gradient(top, #FFF, #E2EAEF);
		background-image: -moz-linear-gradient(top, #FFF, #E2EAEF);
		background-image: -ms-linear-gradient(top, #FFF, #E2EAEF);
		margin: 0;
		padding: 5px 10px 7px 10px;
		}
	#content .toggler LI SPAN,
	#content .toggler LI.act A {
		background: #EEE;
		background-image: linear-gradient(top, #444, #222);
		background-image: -o-linear-gradient(top, #444, #222);
		background-image: -webkit-linear-gradient(top, #444, #222);
		background-image: -moz-linear-gradient(top, #444, #222);
		background-image: -ms-linear-gradient(top, #444, #222);
		color: #EEE;
		cursor: default;
		text-decoration: none;
		}
	#content .toggler A:hover { background: #EEE; text-decoration: none; }


#content UL.btn_toggle { list-style: none; margin: 0 0 20px 0; position: relative; }
#content UL.btn_toggle LI {
	background: none;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	float: left;
	padding: 0;
	}

#content UL.btn_toggle LI:first-child,
#content UL.btn_toggle LI:first-child A { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; }
#content UL.btn_toggle LI:last-child,
#content UL.btn_toggle LI:last-child A { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; }

#content UL.btn_toggle LI A {
	background: #DDD;
	color: #FFF;
	font: bold 12px Arial;
	display: block;
	padding: 6px 8px;
	text-decoration: none;
	text-shadow: 0 1px 0 #666;
	}
#content UL.btn_toggle LI A:hover {
	background-image: linear-gradient(top, #EEE, #DDD);
	background-image: -moz-linear-gradient(top, #EEE, #DDD);
	background-image: -o-linear-gradient(top, #EEE, #DDD);
	background-image: -webkit-linear-gradient(top, #EEE, #DDD);
	}

#content UL.btn_toggle LI.pressed { border-top: 1px solid #333; border-bottom: 1px solid #666; }

#content UL.btn_toggle LI:first-child.pressed { }
#content UL.btn_toggle LI.pressed A {
	background: #666;
	box-shadow: 0 2px 2px #333 inset;
	color: #FFF;
	cursor: default;
	}


.params { }
.params DT { color: #666; font-size: 12px; }
.params DD { margin: -18px 0 18px 160px; }

.paging { background: #EEE; margin: 40px 0 0 -7px; font-size: 15px; padding: 10px 0 10px 0; }
.paging * { font-size: 16px; }
.paging SPAN,
.paging SPAN { margin: 0 7px; }
.paging SPAN#act { background: #0099FF; color: #FFF; padding: 2px 4px 3px 4px; }

#vkshare0 TD { padding-left: 0; padding-right: 0; }