img { border:0px; }
a { outline: none; /* Убираем границу вокруг ссылок  */ }
table, html { height:100%; }
body { 
	margin:0; padding:0; height:100%;
	font: Geneva, Arial, Helvetica, sans-serif; 
	background: url(../images/fon1.jpg) left top repeat; 
	 }

img { margin:5px}

#left { width:300px; background: url(../images/fon_.jpg) left top repeat-y; margin:0; height:100%; position:fixed; top:0; }
	 
#head { width:280px; height:80px; background:url(../images/bukvica-2016_.png) no-repeat; margin:0; }	 
	 
.image {
position:absolute;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
}

#A { width:280px; margin: 10px 0 0 10px; top:100px; }
#A1 { width:280px; padding:5px 0px 5px 0px; }

#AA1 { width:230px; background-color:#e1d9a2; border: 1px solid #e1d9a2;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px; font: small-caps  110%/100% Verdana, Geneva, sans-serif; color:#753821; padding:3px 0 10px 5px; text-align: left; }
  
#AA1 a { font: small-caps Verdana, Geneva, sans-serif; color:#753821; }

#AA1 a:link { text-transform: none; text-decoration: none; 
}

#AA1 a:visited {  text-transform: none; text-decoration: none; 
}

#AA1 a:hover { text-transform: none; text-decoration: underline; }

#AA1 a:active { text-transform: none; text-decoration: none; }

#AA2 { width:230px; background-color:#f7f3f2; margin:-5px 0 0 30px; border: 1px solid #f7f3f2;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px; font: 95%/110% Arial, Helvetica, sans-serif; text-align:left;  }
  
#AA2 p { font: Arial, Helvetica, sans-serif; color:#384279; margin: 3px 5px 3px 20px; }

#AA2 a { font: Arial, Helvetica, sans-serif; color:#384279; font-weight: bold;  }

#AA2 a:link { text-transform: none; text-decoration: none; 
}

#AA2 a:visited {  text-transform: none; text-decoration: none; 
}

#AA2 a:hover { text-transform: none; text-decoration: none; border-bottom: 1px solid #384279; }

#AA2 a:active { text-transform: none; text-decoration: none; }  

#right { height:96%; margin:0 20px 0 320px; position:  relative; background-color:#f7f3f2; top:20px;  }

#text_top { margin:0 230px 20px 5px; position:relative;  padding: 0 0 5px 5px; font: bold 150% Verdana, Geneva, sans-serif; color:#753821; border-bottom:1px solid #753821; }

#text_left { margin:0 230px 0 0; position: relative;  height:88%; overflow-y:auto; padding: 0 0 0 20px; font: 80% Verdana, Geneva, sans-serif; scrollbar-base-color:#f7f3f2; 
scrollbar-arrow-color:#753821; scrollbar-darkshadow-color:#d0bbb3;
scrollbar-3dlight-color:#f7f3f2; 
scrollbar-highlight-color:#f7f3f2;
scrollbar-face-color:#d0bbb3;
scrollbar-shadow-color:#d0bbb3; 
color:#142924;
 }
 
#text_left strong { font: bold 120%/100% Verdana, Geneva, sans-serif; color:#142924; } 

#text_left h2 { font: bold 130%/100% Verdana, Geneva, sans-serif; color:#384279; }

#text_left h4 { font: 90%/110% Georgia, "Times New Roman", Times, serif; letter-spacing:1px; text-align: left; padding:0 5px 10px 25px; font-weight: normal; font-style:italic; margin: -5px 0 }

#text_left a { letter-spacing: 3px; 
	color:#384279; text-transform: none; text-decoration: underline; text-transform:none; font-style:italic; font: bold 110%/120% Georgia, "Times New Roman", Times, serif; text-align:center 
	}

#text_left a:link { letter-spacing: 3px; 
	color:#384279; text-transform: none; font: 110%/120% Georgia, "Times New Roman", Times, serif; text-decoration: underline; text-transform:none; font-style:italic;
}

#text_left a:visited { letter-spacing: 3px; color: #384279; font: 110%/120% Georgia, "Times New Roman", Times, serif; text-transform: none; text-transform: none; font-style:italic;
}

#text_left a:hover { letter-spacing: 3px; text-decoration: none; color: #384279; font: 110%/120% Georgia, "Times New Roman", Times, serif; text-transform: none; text-transform: none; font-style:italic;
}

#text_left a:active { letter-spacing: 3px; text-decoration: underline; color: #384279; font: 110%/120% Georgia, "Times New Roman", Times, serif; text-transform: none; text-transform: none; font-style:italic;
}

#text_left .now { letter-spacing: 3px;  text-decoration: none; color: #753821; background: none; font-weight:normal; text-transform: none; text-transform:none; font-style:italic;
}

#books_ { width:280px; height:200px; background:url(../images/books_.png) center no-repeat;  }

#home { width:300px; border:0px; color: #bfbfbf; padding:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size:70%; 
	position: fixed; bottom:0px; margin:0px; 
	text-align: center; padding: 10px 0px; letter-spacing: 2px;  }
	
#home a { letter-spacing: 2px; background: none;
	color:#bfbfbf; text-transform: none; font-weight:bold;
	text-decoration: none; text-transform:uppercase
	}

#home a:hover { letter-spacing: 2px; text-decoration: underline blink; color: #000000; background: none; font-weight:bold; text-transform: none; text-transform:uppercase
}

.shadow {-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);}	
	
.radius {
  border: 1px solid #e1d9a2;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}