body {
	width: 100%;
	padding: 0px; margin:0px;
	font: 100% Verdana, Arial, Helvetica, sans-serif; 
	background: url(images/fon_page.jpg) #f1f4fb center bottom 0 fixed no-repeat;
    -moz-background-size: 100% auto; /* Firefox до 4.0 */
   -webkit-background-size: 100% auto; /* Safari и Chrome */
   -o-background-size: 100% auto; /* Opera до версии 10.53 */
  background-size: 100% auto; /* CSS3 */
       }
	   
.red { 	background: #F00; color: #fff;  }	
.star { background: url(images/star.png) no-repeat left 15px top 5px}   
.foto { background: url(images/foto1.png) no-repeat left top; width:310px; padding: 20px 0 0 40px; height:420px; float: left; position: relative; }
.fon { background: url(images/4.jpg) left top repeat-x; display:inline-block; border: 1px #e5edfa solid;   }
#text { width:96%; margin:0 auto; }
#text h1 { color:#50323c; font-size:140%; text-transform:uppercase; text-align: center; padding:5px 20px; margin:0 0 20px 0; letter-spacing:1px; background: url(images/grad.jpg) #fff center repeat-y;
-moz-background-size: 100% auto; /* Firefox до 4.0 */
   -webkit-background-size: 100% auto; /* Safari и Chrome */
   -o-background-size: 100% auto; /* Opera до версии 10.53 */
  background-size: 100% auto; /* CSS3 */
  border:1px solid #FFF;}
#text h2 { color:#50323c; font-size:120%; text-align: center; padding:0px; margin:0 0 5px 0; letter-spacing:1px; }
#text a { color:#7594bc; font-size:100%; letter-spacing:0px;  }

#text a:link { text-transform: none; text-decoration: underline; color: #7594bc;
	}   
#text a:visited { text-transform: none; text-decoration: none; color:#7594bc;
	}
	
#text a:hover { text-transform: none; text-decoration: none; color: #50323c; 
	} 	

#text_scroll { overflow-x:hidden;
  overflow-y: auto; height:calc(50vh + 10vw); width:96%; background:url(images/2.png) repeat; margin: 0 auto; border:1px solid #FFF; overflow-y: none; }

#st { overflow-x: auto; height: auto; width:96%; background:url(images/2.png) repeat; margin: 0 auto; border:1px solid #FFF; }
#st h1 { color:#50323c; text-align:justify; padding:5px 20px; margin:0px; font: 140% Georgia, "Times New Roman", Times, serif; }

#text_scroll p { color:#50323c; text-align:justify; text-indent:25px; padding:10px 30px 10px 20px; margin:0px; }

#text_scroll h2 { color:#50323c; text-align: center; padding:10px 25px; margin:10px 0 0 0; font-size:100%; }

#text_scroll img { float: left; padding: 10px 20px 10px 0; }

#text_scroll .stihi { color:#50323c; text-align: left; text-indent:0px; padding:10px; margin:0px auto; display:inline-block; font-style:italic; font-family: Georgia, "Times New Roman", Times, serif; font-size:100%; letter-spacing:1px; }

#text_scroll em { color:#50323c; text-align:justify; text-indent:25px; padding-left:60px; display:block; font-style:italic; padding-top:5px; font-family: Georgia, "Times New Roman", Times, serif; }

#text_scroll a { color:#7594bc; font-weight: bold; font-size:100%; letter-spacing:0px;  }

#text_scroll a:link { text-transform: none; text-decoration: underline; color: #7594bc;
	}   
#text_scroll a:visited { text-transform: none; text-decoration: none; color:#7594bc;
	}
	
#text_scroll a:hover { text-transform: none; text-decoration: none; color: #50323c; 
	} 	
#text_scroll .signature { text-align:right; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; }

#foto { width:20%; float:right; margin:0 2%; padding:0px; position: relative; }


#foto a, #foto a:hover { text-decoration: none; border-bottom:0px solid #ff7e84;
 }
 
#foto a:hover { text-decoration: none; border-bottom:0px solid #ff7e84; 
 }
  
#foto img { padding:0px; margin-bottom:20px; width: 100%;
border-radius:10px; /*немного css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7); 
	box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
	border-top:1px solid #f8f8f8;
	}
	
#foto p { font-family: "Times New Roman", Times, serif; color:#547585; font-style:italic; font-size:90%/100%; margin:0 5px 10px 5px ; }

#fotoalbum { width:96%; float:right; margin:0 2%; padding:0px; position: relative; }

#fotoalbum img { padding:0px; padding:1%; width: 22%; background-color:#e5edfa; border:1px solid #FFF;  }

#fotoalbum a { text-decoration: none; background:url(images/4.jpg); width: 102%; height:102%; display:block;
 }

#links { background:url(images/links.png) center no-repeat; width:264px; height:54px; display:block; margin:auto auto; }