@import url("pages.css");


html {background: #acc9f1 url(images/main_fon.jpg) repeat-x 0 44px; margin: 0; padding: 0;}
body {min-width: 1012px; background: url(images/top_line.jpg) repeat-x; margin: 0; padding: 315px 0 0 0; font: 62.5% Arial;}

h1, h2, h3, h4, h5, h6 {color: #5976a0; font-family: Arial; margin: 0; padding: 0;}
h1 {margin: 0 0 10px 0; font-size: 160%; line-height: 160%;}
h3 {font-size: 130%;}
h4 {font-size: 110%;}

form {padding: 0; margin: 0;}

ul {margin: 10px 30px; padding: 0; list-style: square; list-style-image: url(images/list.gif);}

p {text-align: justify;}

a:link {color: #5976c0;}
a:visited {color: #9ca9d1;}
a:hover {color: #496690;}
a:active, a:focus {outline: 0;}
a img {border: 0;}

#container {overflow: hidden; height: 1%; background: #fff url(images/container_fon.gif) repeat-y; border-bottom: solid 2px #dde; padding: 20px 8px 0 40px; }

#left {float: left; width: 290px; background: url(images/news_fon_right.gif) right repeat-y; margin: 20px 0 0 0; font-size: 120%;}
	#left img { padding: 5px 0 0 0; }
	#left h2 { background: url(images/news_fon.jpg) no-repeat; margin: -3px 0 -196px 0; padding: 0 0 225px 45px; font-size: 150%; line-height: 100%; color: #447;}
	#left h4 {margin: 0 0 0 37px; font-size: 120%; color: #47a;}	
	#left dl {margin: 0; padding: 0 20px 10px 40px;}	
	#left dt {margin: 10px 0 0 0; color: #8ca9d1; }
	#left dd {margin: 0; padding: 0 10px 0 0;}
	#left ul {list-style-image: none; list-style: none; margin: 0 50px 20px 40px; padding: 10px 0 0 0; color: #666;}
	#left li  {margin: 10px 0; padding: 2px 0; border-bottom: dotted 1px #e0e0ff;}
	#left li a {text-decoration: none;}
	#left #bottom { background: url(images/news_fon2.jpg) no-repeat 17px 100%; padding: 0 20px 60px 40px; }
	#bottom_true { padding: 0 20px 60px 40px; }
	#left dd a {display: block; width: 50px; text-decoration: none;}

#right {float: right; width: 180px; margin-top: 10px;}
	#right img {display: block; margin: 2px 0 2px 30px;}
	#right .bord, #right .first, #right .last {background: url(images/banner_fon.gif) no-repeat; margin: -97px 0 5px 9px; padding: 0 0 0 15px;}
	#right .first {background: url(images/banner_fon_first.gif) no-repeat;}
	#right .last {background: url(images/banner_fon_last.gif) no-repeat;}
	#right div {margin: 15px 0 0 20px; text-align: center;}
		
#content {margin: 0 210px 0 310px; padding: 0 0 30px 0; font: 120% Arial; color: #224; line-height: 140%; overflow: auto;}
#container > #content {margin: 0 20px 0 10px;}
	#content p {margin: 7px 0 10px 0; text-align: justify; }

#date {position: absolute; top: 300px; left: 340px; z-index: 30; width: 49%; height: 40px; background: url(images/slogan.jpg) no-repeat 100% 0; padding: 0 45px 0 15px; font: bold 130% Arial; line-height: 40px; color: #8ca9d1; }

#menu {position: absolute; top: 0; left: 360px; z-index: 30; width: 560px; background: url(images/menu_fon.jpg) no-repeat; padding: 0; font: 130% Georgia;}
	#menu ul {overflow: hidden; list-style: none; width: 560px; background: url(images/menu_fon2.png) top right no-repeat; margin: 0; padding: 59px 21px 25px 20px;}
		html>body #menu ul {width: 570px; padding: 59px 41px 25px 40px;}
	#menu li {float: left; list-style: none; margin: 0 20px;} 
	#menu a:link, #menu a:visited {display: block; color: #226; text-decoration: none; font-family: Tahoma; }
	#menu a:hover {color: #222;}
	#menu ul li ul {display: none; position: absolute; top: 75px; width: 165px; background: none; border: solid 1px #9cb9e1; border-left: 0; margin: 0; padding: 0;}
		#menu ul li ul li {clear: both; margin: 0; padding: 0;}
			#menu1 {left: 60px;}
			#menu2 {left: 133px;}
			#menu3 {left: 224px;}
			#menu4 {left: 309px;}
			#menu5 {left: 387px;}
		#menu ul li ul li a {display: block; overflow: visible; width: 150px; background: #acc9f1; border-left: solid 3px #9cb9e1; padding: 2px 7px;}
		#menu ul li ul li a:hover {background: #d3dffa; border-left: solid 3px #fff;}
	

#logo {width: 460px; position: absolute; top: 60px; left: 0px; z-index: 20;}
	#logo img {border: 0;}
	#logo div {position: absolute; top: 421px; left: 0; background: url(images/96.gif) no-repeat; padding: 30px;}
	#logo a {position: absolute; top: 25px; left: 100px; display: block; padding: 80px 120px; background: url(none.gif); text-decoration: none; }

#topfoto {position: absolute; top: 112px; left: 68%; z-index: 10;}
	#topfoto img {width: 200px;}
#topfotobord {position: absolute; top: -12px; left: -45px;  z-index: 15; width: 360px; height: 185px; background: url(images/top_foto_bord.gif) no-repeat;}
	#topfotobord a {display: block; width: 200px; height: 150px; margin: 10px 0 0 45px;}

#topsms {position: absolute; top: 162px; left: 61%; z-index: 10;}
#topsmsbord {position: absolute; top: -20px; left: -9px;  z-index: 15; width: 397px; height: 125px; background: url(images/smsvin.png) no-repeat;}
#topsmsbk {position: absolute; top: -12px; left: 0px;  z-index: -5; width: 367px; height: 57px; background: #6fb8e1;}

#letter {position: absolute; top: 275px; left: 78px; z-index: 30; width: 120px; height: 58px; background: url(images/letter_bord.gif) no-repeat; cursor: pointer; cursor: hand; padding: 11px 0 0 0; text-align: center; font-size: 120%; color: #47a;}
	#send { position: absolute; top: 276px; left: 199px; z-index: 30; background: #f0f0f0; border: solid 1px #d0d0d0; padding: 3px; font-size: 120%; color: #47a;}
	#send input {border: solid 1px #e0e0e0;}
	#send textarea {overflow: auto; border: solid 1px #e0e0e0;}
	#send #butt {background: #f0f0f0; border: solid 1px #e0e0e0; cursor: hand; color: #47a;}
	#send div {position: absolute; top: 2px; left: 329px; z-index: 31; border: solid 1px #c0c0c0; padding: 0 3px; cursor: pointer; cursor: hand; font-size: 14px; line-height: 13px; color: #c0c0c0;}
	#send img {vertical-align: middle;}
#inair {position: absolute; top: 103px; left: 386px; z-index: 25; width: 100px; padding: 2px; font: bold 110% Arial 12px; color: #47a; font-size: 14px; white-space: nowrap;}
	#inair img {display: block; margin-top: 5px; }
	#inair a {color: #47a; text-decoration: none;}

#airplaytext {position: absolute; top: 271px; left: 255px; z-index: 25; display: block; width: 57px; height: 31px; cursor: pointer; cursor: hand; text-align: right; text-decoration: none;}

#airbutt {position: absolute; top: 273px; left: 314px; z-index: 25; display: block; width: 31px; height: 31px; cursor: pointer; cursor: hand; text-decoration: none;}	
	.airplay { background: url(images/airplay.gif) no-repeat;}
	.airstop { background: url(images/airstop.gif) no-repeat;}		
#airframe {position: absolute; width: 0; height: 0;}
 
#footer {overflow: hidden; background: #acc9f1 url(images/bottom_line.jpg) repeat-x 0 5px; border-top: solid 2px #fff; padding: 55px 35px; font-size: 120%; color: #557;}
	#footer a {color: #557;}
	#footer a:hover {color: #d00;}
	#footer div {float: left; width: 430px; margin: 0 50px 0 0; padding: 0;}

#table_for_game {width: 500px; border-collapse: collapse;}
#table_for_game td {width: 50px; height: 50px; border: solid 1px #ddd; margin: 0; padding: 0; font-size: 120%; text-align: center;}