body { padding:0px; margin:0px;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif; 	letter-spacing: 1px; }
img { border:0px}
body { scrollbar-face-color: #FFF; scrollbar-arrow-color: #b9a9b9; }

#head { height:15%; width:38%; position: absolute; top:0; left:0; background: url(images/header.png) right 10px center no-repeat;
      -moz-background-size: auto 98%; /* Firefox до 4.0 */
   -webkit-background-size: auto 98%; /* Safari и Chrome */
   -o-background-size: auto 98%; /* Opera до версии 10.53 */
  background-size: auto 98%; /* CSS3 */
   }
  
#alfavit { width: 60%; height: 15%; background:#FFF; position: absolute; top:0; right:0; text-align:center; background: url(images/fon_.jpg) center 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 */
  font-size: calc(4vw + 3vh); padding: 0 1%; border-left: dotted 2px #443044; 
 }
 
#alfavit a { font: 50%/100% Verdana, Arial, Helvetica, sans-serif; text-shadow: #443044 1px 1px 0, #443044 -1px -1px 0, #443044 -1px 1px 0, #443044 1px -1px 0; display: inline-block; 
 }

#alfavit a:link { text-transform: none; text-decoration: none; letter-spacing:1px; color: #fff;
	}   
	
#alfavit a:visited { text-transform: none; text-decoration: none; letter-spacing:1px; color:#b9a9b9;
	}
	
#alfavit a:hover { text-transform: none; text-decoration: underline; color: #fff; letter-spacing:1px;
	}

#left_column { width:38%; height:85%; position: absolute; top:15%; left:0; text-align:center; 
background: url(images/books.jpg) left center #eeecef no-repeat;
      -moz-background-size: auto 98%; /* Firefox до 4.0 */
   -webkit-background-size: auto 98%; /* Safari и Chrome */
   -o-background-size: auto 98%; /* Opera до версии 10.53 */
  background-size: auto 98%; /* CSS3 */}
  
#left_column img { -moz-box-shadow: 7px 7px 7px #b1b1b1;
	-webkit-box-shadow: 7px 7px 7px #b1b1b1;
	box-shadow: 7px 7px 7px #b1b1b1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#b1b1b1', Direction=145, Strength=5); width:55%; margin:20% 0 0 5%;  }
	

.radius {
  border: 2px solid #e5e6e7;
  border-top-left-radius: 7%;
  border-top-right-radius: 7%;
  border-bottom-right-radius: 7%;
  border-bottom-left-radius: 7%;
}	

#left_line { width:100%; height:20px; position: absolute; top:0; left:0; border-bottom: dotted 2px #443044; text-align:center; background-color:#fff; border-top: dotted 2px #443044; font: lighter 80% Verdana, Arial, Helvetica, sans-serif; }

#left_line a { font: bold 100% Verdana, Arial, Helvetica, sans-serif; }

#left_line a:link { text-transform: none; text-decoration: none; letter-spacing:1px; color: #443044;
	}   
	
#left_line a:visited { text-transform: none; text-decoration: none; letter-spacing:1px; color:#b9a9b9;
	}
	
#left_line a:hover { text-transform: none; text-decoration: none; color: #443044; border-bottom: solid 1px #443044; letter-spacing:1px;
	} 
	
#book { width:100px; height:104px; background:url(images/book.png) no-repeat; position: absolute; bottom:5%; left:50%; }	
	
#right_column { width:62%;  height:85%; position: absolute; top:15%; right:0; border-left: dotted 2px #443044; }

#right_line { width:100%; height:20px; position: absolute; top:0; right:0; border-bottom: dotted 2px #443044; border-top: dotted 2px #443044; text-align:center; font: bold 110%/100% Arial, Helvetica, sans-serif; color: #443044; letter-spacing:3px; }

#contents, #pambook, #footnote { height:90%; overflow-y: auto; border-bottom:20px #eeecef solid; margin:24px 20px 20px 20px; padding:5px; }

#contents p, #pambook p, #footnote p { margin: 5px 0px 10px 0px; font-size:90%; color:#443044; } 

.right { text-align:right; font-size: 80%; font-style:italic;}
.fio { font-family:Georgia, "Times New Roman", Times, serif;  }

.foto { display:block; background:url(images/foto.png) no-repeat;}

#contents a { letter-spacing:1px; font-weight: bold; font-size:120%; margin-left:30px; color: #786478; }

#contents a:link { text-transform: none; text-decoration: none; letter-spacing:1px; color: #786478;
	}   
#contents a:visited { text-transform: none; text-decoration: none; letter-spacing:1px; color: #b9a9b9;
	}
	
#contents a:hover { text-transform: none; text-decoration: none; border-bottom: solid 1px #786478; color: #786478; letter-spacing:1px;
	} 
	
#footnote a { letter-spacing:1px; font-weight: bold; font-size:120%; margin-left:0px; color: #786478; }
#footnote a:link { text-transform: none; text-decoration: none; letter-spacing:1px; color: #786478;	}   
#footnote a:visited { text-transform: none; text-decoration: none; letter-spacing:1px; color: #b9a9b9;	}	
#footnote a:hover { text-transform: none; text-decoration: none; border-bottom: solid 1px #786478; color: #786478; letter-spacing:1px; margin-left:0px;	} 

	
#pambook h4 { letter-spacing:1px; font-weight: bold; font-size:100%; font-family:Georgia, "Times New Roman", Times, serif; color: #786478; }

#pambook a { letter-spacing:1px; font-weight: bold; font-size:100%; font-family:Georgia, "Times New Roman", Times, serif; }
	
#pambook a:link { text-transform: none; text-decoration: none; letter-spacing:1px; color: #786478;
	}   
#pambook a:visited { text-transform: none; text-decoration: none; letter-spacing:1px; color: #b9a9b9;
	}
	
#pambook a:hover { text-transform: none; text-decoration: none; border-bottom: solid 1px #786478; color: #786478; letter-spacing:1px;
	} 	
	
#spisok { width:62%; position:fixed; top:0; right:0; overflow-y: auto; height:100%; }	

#spisok p { color: #553c24; margin:10px; }

#spisok h1 { color: #c31328; margin:10px; text-transform:uppercase; font-size:120%; text-align:center; }



#footer { width:100%; position:fixed; bottom: 0; margin: 0; }
#footer_ { width:62%; position:fixed; bottom: 0;  }

#footer p { color: #443044; padding:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size:80%; 
	margin:0px; 
	text-align: center; padding: 0px; letter-spacing: 2px; }
	
#footer_ p { color: #443044; padding:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size:70%; 
	margin:0px; 
	text-align: center; padding: 10px 0px; letter-spacing: 2px; }
	
#footer a, #footer_ a { letter-spacing: 2px; background: none;
	color:#443044; text-transform: none; font-weight:bold;
	text-decoration: none; text-transform: none;
	}

#footer a:hover, #footer_ a:hover { letter-spacing: 2px; text-decoration: underline blink; color: #443044; background: none; font-weight:bold; text-transform: none; text-transform: none;}