 html {
           background: url(x1021.jpg) repeat center center fixed;
           -webkit-background-size: cover;
           -moz-background-size: cover;
           -o-background-size: cover;
           background-size: cover;

      }

body { 
	    margin: 0; padding: 0; min-width: 600px;
     }

.scroller {	position:absolute;
 		width:100%; height:100%;
 		top:0; left:0;
 		overflow:auto; z-index:2;
 		/*background: #000000;*/
          } 


#define{ 
		position: relative; top: 35px; left: 0px; z-index: 0; 
	    }


/*---------------------------------------------------------------------------*/



#text
{
	color: #112266; size: 4;
	}
p 
{
	font-family: Times New Roman;
	text-align: justify;
	 margin-top: 0.25em; /* Отступ сверху */
    margin-bottom: 0em; /* Отступ снизу */
    text-indent: 35px;
    font-weight: bold;
    color: #112266;
	}

#t
{
		font-family: Times New Roman;
	text-align: justify;
	 margin-top: 0.25em; /* Отступ сверху */
    margin-bottom: 0em; /* Отступ снизу */
    font-weight: bold;
    color: #112266;
	}

	
#photo
{
	position: absolute;
	/*width: 100px;*/

	top: 5px;
	left: 10px;

/*	 background: #ffffff;	*/
	 
	   -webkit-box-shadow: 5px 5px 5px #000000;
    -moz-box-shadow: 5px 5px 5px #000000;
    box-shadow: 5px 5px 5px #000000;
    z-index: 50;
	}
	
	
		
#arph
{
	position: absolute;
	/*width: 100px;*/

	top: 5px;
	left: 10px;

/*	 background: #ffffff;	*/
	 
	   -webkit-box-shadow: 0px 0px 5px #000000;
    -moz-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
    z-index: 50;
	}

	
	
	h1
	{
		font-size: larger; color: #336699;
		}
		
		
h2
{
	font-size: large; color: #223366;
	}
	
	
	
	
	
	
	
	
a.st .img{width:180px;overflow:hidden;}
a.st .img img{width:180px;}
a.st:hover .img{width:180px;overflow:visible;visibility:visible;}
a.st:hover .img img{visibility:visible;width:300px;position:absolute; top: -30px; left:-50px; z-index:150;
                    	   -webkit-box-shadow: 5px 5px 5px #000000;
    -moz-box-shadow: 5px 5px 5px #000000;
    box-shadow: 5px 5px 5px #000000;}

a.st1:hover .img{width:180px;overflow:visible;visibility:visible;}
a.st1:hover .img1 img{visibility:visible;width:250px;position:absolute; top: -45px; left:-90px; z-index:150;}

a.st2:hover .img{width:180px;overflow:visible;visibility:visible;}
a.st2:hover .img2 img{visibility:visible;width:300px;  position:absolute; top: -125px; left:-140px; z-index:150;}

a.stcat:hover .img{width:180px; height:270px; overflow:visible;visibility:visible;}
a.stcat:hover .imgcat img{visibility:visible;width:300px; height: 445px; position:absolute; top: -45px; left:-50px; z-index:150;
                          -webkit-box-shadow: 5px 5px 5px #000000;
    -moz-box-shadow: 5px 5px 5px #000000;
    box-shadow: 5px 5px 5px #000000;}
    
    
    
a.stm:hover .div{width:135px; height:25px; overflow:visible;visibility:visible;}
a.stm:hover .imgm div{visibility:visible;width:125px; height: 25px; position:absolute; top: 2px; left:7px; z-index:150;
                          -webkit-box-shadow: 5px 5px 5px #000000;
    -moz-box-shadow: 5px 5px 5px #000000;
    box-shadow: 5px 5px 5px #000000;
        -webkit-border-radius: 5px 0px 5px 0px;
-moz-border-radius: 5px 0px 5px 0px; /* отсчет углов начинается с левого верхнего и далее по часовой стрелке*/
border-radius: 5px 0px 5px 0px;
border:0px solid #000000;
padding:0px;}
    
    

    
    
    
    
    
 a.star:hover .img{width:350px; height: 230px; overflow:visible;visibility:visible;}
a.star:hover .imgar img{visibility:visible;width:450px; height: 296px;position:absolute; top: -30px; left:-50px; z-index:150;
                    	   -webkit-box-shadow: 5px 5px 5px #000000;
    -moz-box-shadow: 5px 5px 5px #000000;
    box-shadow: 5px 5px 5px #000000;}
   
