@charset "utf-8";
/* CSS Document */

html { background-color: #28475b;}
#pano-tmp	table td, table th	{ font-size: 62.5%   }
table td, table th	{ font-size: 1em   }
.copy				{ font-size: 1.1em; }
#hpage .warning		{ font-size: 2em; padding: 0; height: 5em; position: relative; z-index: 200; border: 1px solid #FF9900 }
#pano-tmp .warning	{ text-align: center; padding-top: 250px; }

/*layout*/
.layout .body			{ height: 80%; position: relative;   background:  url(/etc/pics/inner_tmp/bg_city.png) repeat-x right bottom scroll;  }
#hpage .layout .body 	{ height: 90%; vertical-align: bottom;  }
#hpage  .copy		 	{ height:10%;} 
#wraper					{ min-width: 980px; width:100%; min-height: 630px; HEIGHT: 100%; position: relative; background:  #8be0ff  url(/etc/pics/inner_tmp/bg_sky.png)  repeat-x left top scroll;}
#main_container			{ height:100%; min-height:575px; width: 100%; position: relative; overflow: hidden; z-index: 5;  }

#top					{ width: 100%; position: absolute; top: 0px; left:0; z-index: 10 }
#logo					{ float: left; width:30%;  }


#glob-navigation 	{ padding: 12px 0 12px 0px; float: left; width: 69%; }
#sound				{ position: absolute; height: 20px; width:20px; right: 20px; top: 20px; z-index: 100 } 


.abs-posit			{ position: absolute; bottom: 0px; font-size:0; line-height:0;   } 

#parus				{ left: 50%;  margin-left: -233px; z-index: 1; width: 467px; height: 548px; vertical-align: bottom; }
#grass				{ left: 50%;  margin-left: -233px; z-index: 5; zoom: 1;   width: 467px; height: 119px; }
#left-biulding		{ right: 78%; }
#right-biulding		{ left: 83%; overflow:hidden; width:326px; height:177px}
	
#left-label			{ left: 20%;  bottom: 55px; padding: 0 0 40px 80px; background: url(/etc/pics/hpage/left_pointer.gif) no-repeat left 8px scroll  }
#right-label		{
	right: 16%;
	bottom: 80px;
	text-align: right;
	padding: 0 80px 50px 0px;
	background: url(/etc/pics/hpage/right_pointer.gif) no-repeat right 4px scroll
}
.labelling			{ position: absolute; color: #3a7186; font-size: 12px; font-weight: bold; line-height: 16px; }

.descript			{ position: absolute;  top:21%; color:#FFF;  }
#left-descript		{ right: 69%;  width: 25%; z-index: 7; }
#right-descript		{ left: 64%; top:24%;  z-index: 15;  width: 17%; }

h1					{ margin: 0.5em 0; font-size: 2.5em; font-weight: normal}
h2					{ text-align: left; margin: 0.5em 0; font-size: 2em; font-weight: normal}


.tth 				{ width: 100%; border-width: 0;}
.tth td, .tth th	{ width: 33%; font-size: 1.2em; text-align: center; 	color:#FFF; background: url(/etc/pics/ico/dots_blue.gif) repeat-x left top scroll; }
.tth .center-col	{ white-space: nowrap } 
.tth th				{ padding: 4px 0 2px 0 }
.tth span			{ display: block;  background: url(/etc/pics/ico/dots_blue.gif) repeat-y left top scroll; padding: 4px 0 2px 0  }
.tth .caption		{ text-align: left; font-weight: bold; color: #a2e5ff; padding-top: 10px; padding-bottom: 6px; background: none}
.tth .header		{ font-weight: bold; vertical-align: baseline; white-space: nowrap; }
.tth th.header,		
.header span		{ padding: 7px 9px }


#hpage #copyright	{ text-align:left; position: absolute; left: 22px; top: 10px}
#hpage #copy_conteiner img { margin-bottom: 3em}
#hpage #jsi-logo	{ position: relative; left: -5px;}
#hpage #made-in		{ text-align:right; position: absolute; right: 22px; top: 10px}


#pano-tmp .layout .body		{ height: 594px;  background: #8be0ff url(/etc/pics/inner_tmp/bg_sky.png)  repeat-x left top scroll  }
#pano-tmp #main-container	{ height: 594px; position: relative;  background:  url(/etc/pics/inner_tmp/bg_city.png) repeat-x right bottom scroll; }
#pano-tmp .copy				{ height: 100%; font-size: 0.7em;}
#pano-tmp h1				{ position:absolute; left: 30%; top: 108px; color: #FFF; font-size: 2.2em; font-weight: normal; z-index: 3}
#pano						{ width: 100%; height:535px; position: absolute; top: 62px; z-index:5;}
#camera						{ position: absolute; left: 175px; top: 110px}

#action						{ position: absolute; top: -25px; }
#action2					{ position: absolute; top: -55px;}
a.act_link					{ color: #c3eefe; display: block; white-space: nowrap; font-size: 1.7em; height: 1em; padding: 0.3em 0 0em 0px;; background: none; z-index: 200; text-decoration: none; border-bottom: 1px dashed  }
#action2 a.act_link			{ padding: 0.3em 0 0em 0px; background: none}
a.act_link:hover			{ color: #FFCC33}

p.rbr					{ height: 3.5em; line-height: 1.3em;  position: absolute; bottom: -5em; padding-left: 46px; background: url(/etc/pics/rbr_logo.gif) no-repeat 0 0.3em}
a.bot_link_st			{ color: #28475B;}

.popup_content	 		{ padding: 0 1em 1em 1em }
.popup_content	h3 		{ font-size: 1.2em; line-height: 1.3em; margin-bottom: 0.8em; color: #207098}
.popup_content	p 		{ font-size: 1em; line-height: 1.2em; margin-bottom: 2em}
.popup_content	input 	{ width: 100%;  font-size: 1.2em; color: #28475b; padding: 0.5em; }