@charset "utf-8";
@import url("reset.css");
/*MAIN*/
body {
	font: normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	min-width: 960px;
	color: #fff;
	top: 0px;
	margin: 0;
	padding: 0;
	border: 0;
}

/*STARS BACKGROUND*/
.bg_stars, .bg_stars1, .bg_stars2, .bg_stars3, .bg_earth {
	height: 420px;
	position: absolute;
	min-width:960px;
	width: 100%;
}
.bg_stars {
	background:url(../img/bg_stars1.png) repeat-x;
	left:-2%;
	z-index:1;
}
.bg_stars1 {
	background:url(../img/bg_stars2.png) repeat-x;
	left:-6%;
	z-index:1;
}
.bg_stars2 {
	background:url(../img/bg_stars3.png) repeat-x;
	left:0;
	z-index:1;
}
.bg_stars3 {
	background:url(../img/bg_stars2.png) repeat-x;
	left:-8%;
	z-index:1;
}
.logo_box {
	position: absolute;
	width: 200px auto;
	height:60px;
	top: 25px;
	z-index: 5;
	left: 6%;
	vertical-align: top;
	display: block;
}
.GPS_logo_corner {
	font: bold 60px/60px Verdana, Arial, Helvetica, sans-serif;
	display: inline-block;
//display: inline;
 //zoom: 1;
	display: -moz-inline-box;
	display: inline-block;
	width: 120px auto;
	height: 60px;
	vertical-align: top;
	margin: -2px 0 0 0;
}
.GPS_logo_mini_text {
	height:60px;
	width:80px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin: 9px 0 0 8px;
}
.GPS_logo_mini_text a {
	font: normal 9px/11px Verdana, Arial, Helvetica, sans-serif;
	display: block;
}
.bg_earth {
	top:-20px;
	height: 520px;
}
.bg_earth {
	background:url(../img/bg_earth1.png) no-repeat;
}
.bg_sputnik {
	position: absolute;
	top:237px;
	background:url(../img/sputnik1.png) no-repeat;
	z-index:5;
	height: 166px;
	width: 331px;
	left: 30%;
	font: italic 12px/13px "Times New Roman", Times, serif;
}

/*INT ADV BLOCK*/
.bg_splash {
	float: right;
	width: 400px;
	height: 498px;
	background:url(../img/bg_splash.png) top left no-repeat;
	right:0px;
	z-index:1;
	position: relative;
}
.bg_splash_top1, .bg_splash_top2, .bg_splash_top3, .bg_splash_top4, .bg_splash_top5 {
	float: right;
	width: 380px;
	height: 430px;
	right:0px;
	z-index:1;
	position: relative;
}
.bg_splash_top1 {
	background:url(../img/TOP_Pred/NAVIGPS_001.png) top left no-repeat;
}
.bg_splash_top2 {
	background:url(../img/TOP_Pred/NAVIGPS_002.png) top right no-repeat;
}
.How_are_you {
	position: relative;
	margin: 25px 0 0 50px;
	width: 310px;
	height:70px;
}
.question {
	position: relative;
	height:100%;
	width:250px;
	float: right;
	font: normal 30px/32px "Times New Roman", Times, serif;
	text-align: right;
	margin: 0 10px 0 0;
	vertical-align: bottom;
}
.question_sign {
	position: relative;
	height:100%;
	width:42px;
	float: right;
	font: normal 100px/55px "Times New Roman", Times, serif;
	vertical-align: text-bottom;
}
.How_are_you_action {
	position: relative;
	margin: 200px 0 0 180px;
	width: 180px;
	height:80px;
	text-align: right;
}
.How_are_you_action .subheader {
	position: relative;
	width:100%;
	font: normal 25px/32px "Times New Roman", Times, serif;
	margin: 0 0 4px 0;
}
.How_are_you_action .description {
	position: relative;
	width:100%;
	float: right;
	font: italic 13px/13px "Times New Roman", Times, serif;
}
/*MENU*/
.menu_top {
	top: 102px;
	position:relative;
	z-index: 3;
	margin: 0 380px 0 60px;
}
.menu_splash_line {
	height: 10px;
	width: 250px;
	margin: 0px 0 -5px -100px;
	position:relative;
}
.lblue {
	background: url(../img/menu_line_1.png) center no-repeat;
}
.lgreen {
	background: url(../img/menu_line_2.png) center no-repeat;
}
.lpink {
	background: url(../img/menu_line_4.png) center no-repeat;
}
.lcream {
	background: url(../img/menu_line_3.png) center no-repeat;
}
.lblue:hover, .lgreen:hover, .lpink:hover, .lcream:hover {
	background: url(../img/menu_line_6.png) center no-repeat;
}
.menu_top_art {
	vertical-align:top;
	width:23%;
	min-width:135px;
	display: inline-block;
//display: inline;
 //zoom: 1;
	display: -moz-inline-box;
	display: inline-block;
	margin: 0 1% 12px 0;
}
.menu_top_art a {
	margin: 0 0 4px 0;
	display: block;
	font: italic 15px/14px "Times New Roman", Times, serif;
}

.menuinrazdel {
	width: 17%;
	float: left;
	padding: 3px;
}
.obzorlist {
	position:relative;
	display:block;
	width: 82%;
	margin: 0 0 0 18%;
	padding: 3px;
}

.obzoritem {
	vertical-align:top;
	width:23%;
	margin: 0 1% 0 0;
	display: inline-block;



//display: inline;
 //zoom: 1;
	display: -moz-inline-box;
	display: inline-block;
}

.one a {
	color:#529afb
}
.one a:hover {
	color:#00CCFF
}
.two a {
	color: #6bb58e
}
.two a:hover {
	color: #71e384
}
.three a {
	color: #fff
}
.three a:hover {
	color: #fdfa9d
}
.four a {
	color: #f285e9
}
.four a:hover {
	color: #ff15db
}
a.menu_first {
	display: block;
	font: normal 18px/18px "Times New Roman", Times, serif;
	margin: 0 0 0 -5px;
}
/*MAINPAGE CONTENT*/
.mainpage_content {
	top: 25%;
	position:absolute;
	width: 90%;
	height: 100px auto;
	margin: 240px 5% 40px 5%;
	display:block;
	min-width: 864px;
	text-align: left;
	
	}
.mainpage_content h1 {
	font: normal 34px/34px Verdana, Arial, Helvetica, sans-serif;
	}
.advantage {
	position:relative;
	width: auto;
	height: auto;
	display:block;
	z-index: 10;
}
.advantage a {
	color:#FFFFFF;
	position:relative;
	width: 150px;
	height: auto;
	display: inline-block;
//display: inline;
 //zoom: 1;
	display: -moz-inline-box;
	display: inline-block;
	margin: 15px 30px 10px 0px;
	padding: 0 0 0 30px;
	text-align: center;
}

.advantage a:hover {
color: #FF3333;
	background: url(../img/point3.gif)  left  center no-repeat;

}

.online {}
.offline {}