html { overflow-y: scroll;}
body{	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #001538; background: #1e53a9; font-size: 11px; margin: 0; padding: 0;}
img {border:0px;}

.pictb img { padding: 1px; border: 1px solid #6d97d4; }

form, input, textarea, select, iframe { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0; margin: 0; }


/* Top
-----------------------------------------------------------------------------*/
.bantop {height:41px; width: 473px; position: absolute; top: 140px; left: 50%; margin-left: -237px; z-index: 999;}
.bantop2 {height:41px; width: 473px; position: relative; top: 15px; left: 50%; margin-left: -237px; z-index: 999;}
.topbg{ background: url("/im/bg_top.png") repeat-x 0 -203px; min-width: 1200px;}
.topbgm{ background: url("/im/bg_top.png") repeat-x 0 0px; min-width: 1200px;}
.botbg{ background: url("/im/bg_bot.jpg") repeat-x 0 100%;}
.botbgpict{ background: url("/im/bot_blue_.jpg") no-repeat 50% 100%;}
.botbgpictm{ background: url("/im/bot_main.jpg") no-repeat 50% 100%;}
.width{width: 1200px; position: relative; z-index: 1; margin: 0 auto;}
#head{ height: 133px;}
#headm{ position: relative;  margin: 0 auto; height: 133px; width: 1200px; z-index: 1;}
.noflash, .noflash100, .noflash101, .noflash102, .noflash103, .noflash104, .noflash105, .noflash106{ height:320px;}
.noflashtm{ background: url("/im/topbg_m.jpg") no-repeat 50% 0; height:500px; min-width: 1200px;}
.noflash{ background: url("/im/topbg_000.jpg") no-repeat 50% 0; min-width: 1200px;}
.noflash100{ background: url("/im/topbg_101.jpg") no-repeat 50% 0; min-width: 1200px;}
.noflash101{ background: url("/im/topbg_101.jpg") no-repeat 50% 0; min-width: 1200px;}
.noflash102{ background: url("/im/topbg_102.jpg") no-repeat 50% 0; min-width: 1200px;}
.noflash103{ background: url("/im/topbg_103.jpg") no-repeat 50% 0; min-width: 1200px;}
.noflash104{ background: url("/im/topbg_104.jpg") no-repeat 50% 0; min-width: 1200px;}
.noflash105{ background: url("/im/topbg_105.jpg") no-repeat 50% 0; min-width: 1200px;}
.noflash106{ background: url("/im/topbg_106.jpg") no-repeat 50% 0; min-width: 1200px;}

.w100{position: absolute;  width: 100%; top:0; z-index: 0;}
#flashtm, #noflashtm{ width:100%; height:500px;}
#flasht, #noflasht{ width:100%; height:320px;}
#flashb { width:390px; height:210px;}

.top1st {display_: none; display: block; height:93px; width: 93px; height_:140px; width_: 244px; position: absolute; top: 7px; left: 30px; z-index: 999; background: url("/im/emblem_60gagarin.png") no-repeat 0 0;}
/*.roscosmos {height:72px; width: 69px; display: block; position: absolute; top: 15px; right: 20px; z-index: 999; background: url("/im/logo_roscosmos.png") no-repeat 0 0;}*/
.roscosmos {height:90px; width: 191px; display: block; position: absolute; top: 0px; right: 0px; z-index: 999; background: url("/im/logo_roscosmos_2018.png") no-repeat 0 0;}
.homelogo {height: 120px; width: 480px; display: block; position: absolute; top: 5px; left: 50%; margin-left: -240px; z-index: 999;}

.iconl {height:33px; width: 140px; position: absolute; top: 32px; left: 50%; margin-left: -440px; text-align: right;}
.iconr {height:33px; width: 140px; position: absolute; top: 32px; left: 50%; margin-left: 300px;}
.icon img{margin: 0 2px 0 0;}

.icons {width: 150px; height: 21px; overflow: hidden; position: absolute; top: 29px; left: 30px; z-index: 2;}
.icons a {display: block; width: 21px; height: 21px; float: left; background: url("/im/icons.png") no-repeat; margin-right: 17px;}
.icons .ihome {background-position: 0px 0px;}
.icons .imap {background-position: -38px 0px;}
.icons .iprint {background-position: -76px 0px;}
.icons .ihome:hover {background-position: 0px 100%;}
.icons .imap:hover {background-position: -38px 100%;}
.icons .iprint:hover {background-position: -76px 100%;}


/* Middle
-----------------------------------------------------------------------------*/
#mainpoz{position: relative;  z-index:2; top:312px; margin-bottom:312px;}
#mainh{position: relative;  z-index:-2000; height: 312px;}
#infopoz{position: relative;  z-index:2; padding-top:132px;}

.tmbgm{ position: absolute; top: 445px; left: 0; z-index:1; text-align:center; width:100%;}
.tmbg{ position: absolute;  top: 265px;  z-index:1;}
.tmleft, .tmright {padding: 7px 15px 20px 15px;  color: White;}
.tmright { text-align: right;}

.topmenu{ height: 39px; }
.topmenu div {padding-top: 9px; text-align: center; }
.topmenu a{ text-decoration: none; margin: 0 10px 0 10px;}

.col253{ width: 253px; position: relative; z-index:2;}
.colw{ width: 222px; position: relative;}
.colhead{ margin-top: -20px; padding: 0px 15px 20px 15px;  color: White;}
.leftinfo a{padding-right: 20px; }
.leftinfo a:hover {background: url("/im/arr.gif") no-repeat 100% 3px;}

.mid {width: 694px; position: relative; z-index:2;}
.page_bg{background: url("/im/page_content_mid.png") repeat-y 0 0;}
.page_top {background: url("/im/page_content_top.png") no-repeat 0 0;}
.page_bot{background: url("/im/page_content_bot.png") no-repeat 0 100%;}
.main{  min-height: 360px; height: 360px; height: auto !important; }
.infop {padding: 10px 20px 40px 20px;}
.info{width: 654px; min-height: 450px; height: 450px; height: auto !important; overflow: hidden;}
.title_page {background: url("/im/arr_h1.gif") no-repeat 0 16px; padding: 5px 0 30px 30px;  color: white; font-size: 24px; font-weight: normal;}

/* Bottom
-----------------------------------------------------------------------------*/
#footer{ height: 210px; position: relative;}
.fleft, .fright { width:235px; position: absolute; left: 50%; color: White;}
.fleft {bottom: 25px; margin-left: -416px; text-align: right;}
.fright{bottom: 27px; margin-left: 156px; text-align: left; }
.flashb{width:390px; position: absolute; left: 50%; margin-left: -195px;}
.mray, .ray{width:300px; text-align: left; position: absolute; left: 50%; bottom: 10px; margin-left: 302px; font-size: 9px; }
.ray, .ray a, .ray a:link, .ray a:visited{ color: #63a3eb; }
.mray, .mray a, .mray a:link, .mray a:visited{ color: #dc8586; }
.mray a:hover, .ray a:hover{ color: white;}
.copy {width:400px; text-align: left; position: absolute; left: 50%; bottom: 10px; margin-left: -570px; font-size: 9px; color: #5ea3e7; }

/* Menu
-----------------------------------------------------------------------------*/
#lvl2 a{ text-decoration: none;}
#lvl2 a:hover{ text-decoration: underline;}
#lvl3{ margin-top: -10px; }
.ml3{background: url("/im/ml3.gif") no-repeat 10px 7px; padding: 0 0 10px 20px;}
.ml4{padding: 0 0 10px 20px;}
.ml5{background: url("/im/ml3.gif") no-repeat 30px 7px; padding: 0 0 10px 40px;}

#topnav {
	margin: 0; padding: 0;

	width: 654px;
	list-style: none;
	list-style-type: none;
	position: absolute;	
	top: 0px; left:63px; z-index: 1000;
	
}
#topnav ul, #topnav li {list-style: none; list-style-type: none; margin: 0; padding: 0;}

#topnav .tm_lvl1 {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
#topnav .tm_lvl1 .lvl1 {display: block; padding: 9px 10px 5px 10px; margin: 0;}

#topnav div {padding: 5px 0 5px 0;}
#topnav .tm_lvl2 {
	position: absolute;	
	top: 27px; left: 0;
	background:  #072962;
	text-align: left;
}
#topnav .tm_lvl1 a:hover {color: white;}
#topnav .tm_lvl2 a:hover {color: white; background: #1e53a9;}
#topnav .tm_lvl2 a {text-decoration: none; display: block; padding: 5px; cursor: pointer;}


#topnav .tm_lvl3 {display: block; padding: 0 15px 5px 38px; font-weight: normal; line-height: 150%; text-align: left;}
#topnav .tm_lvl3 a {display: inline;  padding: 2px 0 3px 0; margin: 0 5px 0 0;}

#topnav .tm_lvl3, #topnav .tm_lvl3 a, #topnav .tm_lvl3 a:link, #topnav .tm_lvl3 a:visited{ color: #9abbe6; }


/* Modul
-----------------------------------------------------------------------------*/
#search form {padding: 10px; background: url("/im/bg_top.png") repeat-x 0 80%; margin-bottom: 20px;}
#search input { background: #4882c8; color: #001538;; border: 1px solid #4882c8; font-size: 12px; padding: 3px;}
#search input:focus { background: #bbdaff; border: 1px solid #4882c8;}
#search .butt input {color: white;  font-size: 11px; border: none; background: none; cursor: pointer;}
#search .butt input:focus {margin: 1px 0 0 1px;}
#search .blue a:hover {color: #d8313e;}
#morebtn input {color: white;  font-size: 11px; border: none; background: #1e53a9; cursor: pointer; padding: 5px 10px 8px 10px;}
#morebtn input:focus {color: white;  font-size: 11px; border: none; background: #1e53a9; cursor: pointer; padding: 5px 10px 8px 10px; margin: 1px 0 0 1px;}
#morebtn, #loading{ height: 40px;}


#calendar table{ width: 222px; }
#calendar td{   text-align: center;}
#calendar .white, #calendar .cell{ height: 25px; }
#calendar .white{ border: 1px solid #4882c8; font-size: 12px;}
#calendar .cell{ background :#4882c8;}
#calendar select { border: none; background:  #1f56af; color: White; font-size: 11px; padding:3px;}

#subscribe input, #subscribe select{ background: #4882c8; border: none; width: 180px; color: White; font-size: 11px; padding: 3px 0 3px 0;}
#subscribe .regul a { color: #3ea6ff; }
#subscribe .regul a:hover { color: white; }
.subline{background: url("/im/line_2.png") no-repeat 0 70%;  height: 25px; }

#crew p, #crew_mks p {padding: 0 0 5px 0; color: #bbdaff;}
#crew div, #crew_mks div { width: 74px; height: 140px; display: inline; float: left; }
#crew img, #crew_mks img{ width: 60px;}
#crew .photo a, #crew_mks .photo a {display: block; width: 62px; border: 1px solid #6d97d4; margin-bottom:3px;}
#crew span, #crew_mks span {display: block; width: 60px; height: 85px; overflow: hidden; margin: 1px;}
#crew .ssilk {padding: 0 0 10px 0;}
.ssilkt a, .ssilkt a:link, .ssilkt a:visited {text-decoration: none;}
.ssilkt a:hover {color: white;}

.cosmodate_block .title_page, .newsm_block .title_page { font-size: 20px;}

.newsm_block {background: url("/im/m_news_top.png") no-repeat 0 0; padding: 5px 15px 0 15px;}
.newsm_block td {font-size: 11px; margin: 0; padding: 0; }
.newsm{padding: 0 0 30px 0;}
.newsm_bot {background: url("/im/line_4.png") no-repeat 0 0; padding: 5px 0; margin-top: -10px;}
.ndate{  background: url("/im/arr.gif") no-repeat 0 2px; padding: 0 0 0 20px; color: #bbdaff;}

.cosmodate_block {background: url("/im/m_cosmodate_t.png") no-repeat 0 0 #1e53a9; padding: 0 15px 0 15px; min-height: 173px; height: 173px; height: auto !important;}
.cosmodate_bot{background: url("/im/m_cosmodate_b.png") no-repeat 0 0; height: 25px;}
.cosmodate_bot div {padding: 0 15px 5px 15px;}

.cosmodatetop {  position: relative; top: -5px; color: white;}
.cosmodatetop a{ padding: 5px; }
.cosmodatetop a, .cosmodatetop a:link, .cosmodatetop a:visited, .cosmodatetop a:hover{ text-decoration: none; color: white;}
.cosmodatetop a:hover{ background: #1f56af; }
.cosmodatetop .blue a:hover{ color: white;}

.pages {  background: url("/im/line_3.png") no-repeat 0 0; padding: 10px 0 0 0; color: #4d80b3;}
.pages a{ padding: 5px; margin: 0 3px 0 3px;}
.pages a:hover{ background: #1f56af; color: white; }
.news{ background: url("/im/arr.gif") no-repeat 0 2px; padding: 0 0 10px 18px; margin-bottom: 20px; position: relative;}


.path{ color: #737373; padding: 25px 0 15px 30px;}
.path a, .path a:link, .path a:visited { color: #737373;}
.path a:hover{color: #ff7a22; }
.page_active{ color: #009de6; }

.foto{background: url("/im/newspict_bg3.png") no-repeat 0 100%; width: 172px;}
.foto img{padding: 0 0 19px 22px;}
.fotodescr{margin: -15px 0 0 22px; text-align: right; width: 150px; line-height: 100%;}
.fotodescr span{padding: 0 0 0 20px;}

#feedback {margin-top: 20px; background: #abc5e6; padding: 10px;}
#feedback p { padding: 10px 0 3px 0;}
#feedback input, #feedback textarea { background: #4882c8; color: #001538;; border: 1px solid #4882c8; font-size: 12px; padding: 3px;}
#feedback textarea {resize: vertical;}
#feedback input:focus, #feedback textarea:focus { background: white; border: 1px solid #4882c8;}
.code { background: #81a5d5_; margin: 20px 0 20px 0; width: 345px;}
.code img {float: left; margin-right: 25px;}
.code p {padding: 3px 0 3px 0; color: #154695;}
#butt input {color: white;  font-size: 11px; border: none; background: #1e53a9; cursor: pointer; padding: 5px 10px 8px 10px;}
#butt input:focus {color: white;  font-size: 11px; border: none; background: #1e53a9; cursor: pointer; padding: 5px 10px 8px 10px; margin: 1px 0 0 1px;}

.video a{display: block; float: left; width: 130px; height: 100px; margin: 0 14px 30px 14px; background: #1e53a9;}
.video img {width: 120px; height: 90px; margin: 5px;}

#album {background: #1e53a9; color: white; min-height: 580px; height: 580px; height: auto !important;}
#album #next, #album #prev { cursor: pointer;  position: relative; z-index: 5;}
#album #next img, #album #prev img, #album #fullimage img, #album #slider img {border: none;}
#album #slider {margin: 0 10px 0 10px;}
#album #slider li {width: 156px; height: 100px; overflow: hidden; cursor: pointer; margin: 0; padding: 0;}
#album #slider img {width: 150px; padding: 3px;}
#album #fullimage {width: 618px; margin-left: 12px;}
#tooltip {position: absolute; z-index: 3000; border: none; background: white; padding: 5px;}
#tooltip h3, #tooltip div { margin: 0; font-size: 10px; }


#newsmedia #next, #newsmedia #prev { cursor: pointer;  position: relative; z-index: 5;}
#newsmedia #next img, #newsmedia #prev img, #newsmedia #slider img {border: none;}
#newsmedia #slider li {width: 126px; height: 90px; overflow: hidden; cursor: pointer; margin: 0; padding: 0;}
#newsmedia #slider img {width: 120px; padding: 3px;}

/* st_Content
-----------------------------------------------------------------------------*/




p {font-size: 11px; margin: 0; padding: 0; }
td {font-size: 11px;}

h1, h2, h3, h4, h5, h6 { margin: 0; padding : 0;}
h1, h1 a, h1 a:link, .h1 a:visited {	color: white;	font-size: 24px; font-weight: normal;}
h2, h2 a, h2 a:link, .h2 a:visited{	color: #1e53a9;	font-size: 18px; font-weight: bold;}
h3, h3 a, h3 a:link, .h3 a:visited{	color: #d8313e;	font-size: 18px; font-weight: bold;}
h4, h4 a, h4 a:link, .h4 a:visited{	color: white;	font-size: 18px; font-weight: bold;}
h5, h5 a, h5 a:link, .h5 a:visited{	color: #154695;	font-size: 13px; font-weight: bold;}
h6, h6 a, h6 a:link, .h6 a:visited{	color: #d8313e;	font-size: 13px; font-weight: bold;}

a, a:link, a:visited{color: #194489; text-decoration: underline;}
a:hover{ text-decoration: none; color: #1e53a9;}
.lit, .lit p, p lit {font-size: 10px;}

.big{font-size: 14px;}
.big2{font-size: 16px;}
ul{	margin-bottom : 10px;	margin-top: 5px; list-style-image: url("/im/li.gif");}
ol{	margin-bottom : 10px; margin-top: 5px;}
li{	padding-bottom: 3px;}


hr{ height: 1px; width: 100%; color: #6d97d4; border: none; border-top: 1px solid #6d97d4; overflow: hidden; clear: both; margin: 10px 0;}

.h20{height: 20px;}
.pt5{ padding-top: 5px;}
.pt10{ padding-top: 10px; }
.pt20{ padding-top: 20px; }
.pt30{ padding-top: 30px; }
.pb5{ padding-bottom: 5px; }
.pb10{ padding-bottom: 10px; }
.pb20{ padding-bottom: 20px; }
.pb30{ padding-bottom: 30px; }
.pb50{ padding-bottom: 50px; }

.p5{ padding: 5px; }
.clear{ clear: both;}
.fl{ float: left; }
.fr{ float: right; }

.blue, .blue a, .blue a:link, .blue a:visited {color: #154695;}
.white, .white a, .white a:link, .white a:visited{ color: White; }
.white a:hover { color: #bbdaff; }
.light, .light a, .light a:link, .light a:visited{ color: #bbdaff; }
.light a:hover { color: White; }
.red, .red a, .red a:link, .red a:visited {color: #d8313e;}
.s12{	font-size: 12px;}
.bord {border: 1px solid #1e53a9; padding: 5px;}
.bg1 {background: #6d97d4; padding: 5px;}
.bg2 {background: #1e53a9; color: white; padding: 5px;}
.bg2-p5 {background: #1e53a9; color: white;}
.bg2 p {color: white;}
.shad {text-shadow:  #144390 1px 1px 0px;}
.shadw {text-shadow:  white 1px 1px 0px;}

.newsfull, .newsfull p {text-align: justify;}
p .abz, .abz {text-indent: 25px;}


/* Content
-----------------------------------------------------------------------------*/
.bg {background: #9abbe6;}
.info p {  line-height: 140%; padding: 5px 0 5px 0;}
.info img  { padding: 1px; border: 1px solid #6d97d4; }
.info h2, .info h3, .info h4 { padding: 0 0 15px 0;}
.info td p, .info th p { padding: 0px;}

.border {border: 1px solid #1e53a9; border-collapse: collapse;}
.border td {border: 1px solid #1e53a9; border-collapse: collapse;}
.bord_top td {border-top: 1px solid #1e53a9;}
.bord_bot td {border-bottom: 1px solid #1e53a9;}
.bord_bot th, table .bord_top th,  table .border th {color: white; background:#1e53a9; font-weight: normal;}
.bord_bot th p {padding: 0; margin: 0;}

.cosmotop { background: url("/im/cosmonaut_top.png") no-repeat 0 0; width:654px; height:230px; margin-bottom: 10px;}
.cosmotop table{height:230px;}
.cosmotop td {padding: 15px 10px 15px 20px;}
.cosmotop p {color: #bbdaff; font-size: 13px; font-style: italic;}
.cosmotop h2{color: white;}
.cosmotop img {width:150px;}

.rss_link {position: relative; top: -45px; text-align: right; heigh: 20px;}
.rss_link img {border: none; margin: 0 7px -2px 0;}
.rss_link a {text-decoration: none;}

.comments h2 {margin-bottom: -20px; padding-top: 20px;}
.comment {border-top: 1px solid #1e53a9; margin-top: 30px; background: #abc5e6; padding: 10px;}
.comment .answer { margin-top: 20px; background: #bdd0e8; padding: 5px;}
.comment .num {background: #6d97d4; color: #154695; font-size: 10px; padding: 3px 10px; margin: -10px -10px 10px -10px;}
.comment .num span {float: right;}
.comment .num em {margin-left: 10px; font-style: normal; color: #012562;}
