/*================================================ Общие */


html { height: 100%; }
body { 	
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	height: 100%; 
	background: #0c2464 url(../img/main_bg.jpg) left top repeat-x; 
	color: #ffffff; 
}


table {
	border-collapse: collapse;
	font-size: 100%;
}

img {
	border: none;
	margin: 0px;
}

a {
	color: #00c0ff;
}
a:hover {
	color: #ec008c;
}
a:focus {
	outline: none;
}

h2 {
	font-size: 127%;
	font-weight: normal;
}

#home { width: 13px; height: 13px; background: url(../img/home_white.gif) center center no-repeat;} /* { width: 13px; height: 13px; background: url(../img/home_pur.gif) center center no-repeat;}*/
#lens { width: 13px; height: 13px; background: url(../img/lens_white.gif) center center no-repeat;}
#letter { width: 13px; height: 13px; background: url(../img/letter_pur.gif) center center no-repeat;}

#phone {	
	color: #ffffff;
	text-align: right;
	width: 50%;
	font-size: 127%;
}
#enter {
	text-align: right;
	font-size: 127%;
}

#enter a {
	font-family: Helvetica, sans-serif, Arial;
	color: #ffffff;
	border-bottom: dashed 1px #ffffff;
	text-decoration: none;
}
#enter a:hover {
	color: #00b9e9;
	border-color: #00b9e9;
}
#supertop { width: 100%; margin-top: 12px; height: 22px;}


#menu {
	width: 100%;
	color: #808080;
	font-family: Georgia, "Times New Roman", Times, serif; /* Arial, Helvetica, sans-serif;*/
	font-size: 90%;
	height: 80px;
}

#menu a,
#menu div {
	float: left;
	margin: 5px 25px 5px 0px;
	white-space: nowrap;
	letter-spacing: 2px;
	text-transform: capitalize;
	
}
body:nth-of-type(1) #menu a {
	letter-spacing: 0.1em;
}
#menu a {
	display: block;
}

#logo {
	width: 192px;
}	


.left_icons { width: 96px; } 
.left_icons a { display: block; float:left; width: 13px; margin-right: 10px; height: 12px; } 

div#plashka {
	margin: 0 auto;
	position: absolute; 
	left: 266px; 
	top: 140px; 
	font-family: Georgia, "Times New Roman", Times, serif; /* Arial, Helvetica, sans-serif;*/
	font-size: 130%;
	z-index: 3000;

}	

div.box-c {
		height:30px;
		margin: 0 30px;
		background: none;
			
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity: 0.8;

	}
	
.ctl, .cbl, .ctr, .cbr { 
		position: absolute; 
		width: 30px; 
		height: 30px;
			
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='../img/corner.png');
		background-repeat: no-repeat;
			
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
	
.ctl[class], .cbl[class], .ctr[class], .cbr[class] { 
		position: absolute; 
		width: 30px; 
		height: 30px;
			
		background-image: url(../img/corner.png);
		background-repeat: no-repeat;
			
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}		

.ctl { top: 0px; left: 0px; background-position: left top;}
.cbl { top: 0px; right: 0px; background-position: right top; }
.ctr { bottom: 0px; left: 0px; background-position: left bottom; }
.cbr { bottom: 0px; right: 0px; background-position: right bottom; }

div#box-inner {
		padding: 0 30px;
		background: none;			
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity: 0.8;
	}

div#box-text {
		position: absolute;
		top: 0px;
		padding: 10px 20px 20px 0px;
	}


#box-text a {
	white-space: nowrap;
	font-size: 100%;
}


#box-text ul {
	margin: 8px 10px 0px 23px;
	padding: 0px;
}

#box-text li {
	list-style: none;
	margin: 0px 0px 0.8em 0px;
	padding: 0px;
}


#box-text table td	{
	vertical-align: top;
}

.news span {
	color: #565656;
}
.news {
	margin: 0px 0px 25px 0px;
}

/*-----------------------------------------------------EARTH----------------------------------------------*/

.time_zone {
	display: none;
	position: absolute;
	width: 15px;
	height: 15px;
	z-index: 1000;
	background: url(../img/point_small.gif) center no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
	opacity: 0.1;
	/*border: solid 1px red;*/
}

#point, #play, #pause {
	z-index: 2000;
	position: absolute;
	width: 19px;
	height: 19px;
	background: url(../img/point.gif) right top no-repeat;
}

#point {
	display: none;
	z-index: 1999;
	background: url(../img/satellite.gif) left top no-repeat;
}

#moon {
	background: url(../img/moon.gif) left top no-repeat;
	height: 120px;
	width: 200px;
	position: absolute;
	left: -220px;
	top: 440px;
	padding: 90px 0px 0px 40px;
	color: #566083;
	font-style: italic;
}

#clock {
	color: #8a95b0;
	font-style: italic;
	background: #1e2535;
	right: 545px;
	bottom: 481px;
	position: absolute;	
	padding: 5px 10px 5px 10px;
	white-space: nowrap;
	text-align: right;
}

#clock div {
	position: absolute; 
	width: 6px; 
	height: 6px; 	
	background-image: url(../img/corners_small.gif);
	background-repeat: no-repeat;
}

#c1 { background-position: left top; left: 0px; top: 0px;}
#c2 { background-position: right top; right: 0px; top: 0px;}
#c3 { background-position: right bottom; right: 0px; bottom: 0px;}
#c4 { background-position: left bottom; left: 0px; bottom: 0px;}

.sin {
	background: url(../img/sin.gif) left top repeat-x;
	height: 5px;
	width: 100%;
	margin-top: 35px;
}



h2 a:hover {
	color: #00c0ff !important;
}
h1 {
	font-size:15px;
	line-height:55%;
	margin-top:15px;
}