body { background:url(../images/bg.jpg) 52% 0 no-repeat; }

.hp   { width: 100%; text-align: center; }
.hp-  { width: 1px; margin: auto; position: relative; text-align: left; }

h1.logo { position: absolute; top:20px; left:-450px; margin: 0; padding: 0}


/*типовая планета*/
.planet       { position: absolute; }
.planet .img- { position: absolute; }
.planet .txt  { color:#434a46; font-family: Tahoma, Arial; font-size:.6em;
                position: absolute; bottom: -2px; left: 55px; width: 130px }
.planet .txt  p { font: 100% Tahoma, Verdana, Arial, Helvetica, Sans Serif; margin: 0; color: #434a46}                
.planet .txt h2   { color:#002d2b; font-family: Georgia, Arial; font-weight: normal; 
                    display:block;  text-decoration:none;
                    font-size:1.8em; margin-top:3px; float: left; margin-bottom: 0}
.planet .txt  a:link,
.planet .txt  a:visited { color: #000; text-decoration: underline }
.planet .txt  a:hover   { color: #900 }
.planet .txt  a:active  { color: #c00 }
                    
.planet .txt h2 a       { position:relative; bottom: 1px; border-bottom: 1px solid #6f968f; display: block; text-decoration: none; }

.planet .txt h2 a:link,
.planet .txt h2 a:visited { text-decoration: none;  color:#002d2b; }
.planet .txt h2 a:hover,
.planet .txt h2 a:active  { color:#000; text-decoration: none; border-bottom: 1px solid #333; }

/*конкретные планеты*/

/*стероиды*/ 
.pl-1 { top:105px; left:-360px; }
.pl-1 .txt     { bottom: -43px; left: 103px; }
.pl-1 .txt h2  { font-size: 1.3em; font-weight: bold }

/*луна*/ 
.pl-3 { top:108px; left:-100px; }
.pl-3 .txt     { bottom: -2px; left: 48px; }
.pl-3 .txt h2  { font-size: 1.4em; font-weight: bold }

/*вулкан*/
.pl-2          { top:265px; left:-290px; }
.pl-2 .txt     { bottom: -3px; left: 55px; width: 100px }
.pl-2 .txt h2  { font-size: 1.5em; font-weight: bold }

/*сатурно*/
.pl-4 { top:200px; left:-125px; }
.pl-4 .txt     { bottom: -1px; left: 102px; }
.pl-4 .txt h2  { font-size: 1.7em; font-weight: bold; margin-top: 2px; margin-left: -1px }

/*земля*/ 
.pl-6 { top:220px; left:130px; }
.pl-6 .txt     { bottom: -2px; left: 51px; }
.pl-6 .txt h2  { font-size: 2em; margin-top: 0px; margin-left: -2px  }

/*горно-водная*/ 
.pl-5 { top:340px; left:-95px; }
.pl-5 .txt      { bottom: -1px; left: 61px; }
.pl-5 .txt h2   { font-size: 2.2em; margin-top:0px; margin-left: -2px }

/*зелёная*/ 
.pl-7 { top:305px; left:110px; }
.pl-7 .txt     { bottom: -143px; left: 146px; }
.pl-7 .txt h2  { font-size: 2.8em; margin-top:0px; margin-left: -2px }

             
.about     { bottom: 0px; position:absolute; left: 50%; width: 1px; }
.about .t- { position:absolute; /*left:-370px; */ text-align: left; bottom: 0px; 
         width: 600px; left: -360px;
         background: url(../images/hp/raketa.gif) top left no-repeat;
         padding: 0 0 20px 40px; font-family:Arial, Tahoma; font-size:.7em; color:#97b08e; }
.about .t-  a:link,
.about .t-  a:visited { color: #666 }
.about .t-  a:hover   { color: #900 }
.about .t-  a:active  { color: #c00 }