body {
background-image: url("../img/fon.png");
}
#telo {
background-image: url("../img/обавторе.png");
margin-left: 220px;
width:70%;
height:auto;
padding: 10px; /* Поля */
background: #FFF5EE; /* Цвет фона */
border-left: 2px solid 	#CDAF95 ;
border-right: 2px solid 	#CDAF95;
}
#telo1 {
background-image: url("../img/фон1.png");
margin-left: 220px;
width:70%;
height:auto;
padding: 10px; /* Поля */
border-right: 2px solid 	#426c9c ;
border-top: 2px solid 	#426c9c ;
border-bottom: 2px solid 	#426c9c ;
}
#telo2 {
background-image: url("../img/фон2.png");
margin-left: 220px;
width:70%;
height:auto;
padding: 10px; /* Поля */
border-right: 2px solid 	#427b9c ;
border-top: 2px solid 	#427b9c ;
border-bottom: 2px solid 	#427b9c ;
}
#telo3 {
background-image: url("../img/фон3.png");
margin-left: 220px;
width:70%;
height:auto;
padding: 10px; /* Поля */
border-right: 2px solid 	#428a9c ;
border-top: 2px solid 	#428a9c ;
border-bottom: 2px solid 	#428a9c ;
}
#telo4 {
background-image: url("../img/фон4.png");
margin-left: 220px;
width:70%;
height:auto;
padding: 10px; /* Поля */
border-right: 2px solid 	#42999c ;
border-top: 2px solid 	#42999c ;
border-bottom: 2px solid 	#42999c ;
}
#vbr {
float: left;
width:220px;
height:320px;
padding: 0px; /* Поля */
}
#shapka {
width:90%;
height:20%;
padding: 0px; /* Поля */
border: 0px solid 	#CDAF95; /* Параметры рамки */
border-radius: 0px 0px 0px 0px;
}
#otstup {
opacity: 0;
width:100%;
height:40px;
padding: 0px; /* Поля */
background: 			#FFFFFF; /* Цвет фона */
border: 2px solid 	#CDAF95; /* Параметры рамки */
border-radius: 0px 0px 0px 0px;
}
#otstup2 {
float: left;
opacity: 0;
width:100%;
height:30px;
padding: 0px; /* Поля */
border: 0px solid 	#CDAF95; /* Параметры рамки */
}
#levo {
float: left;
width:200px;
height:auto;
border: 0px solid 	#FFDAB9; /* Параметры рамки */
}
#pravo {
margin-left: 220px;
padding: 20px; /* Поля */
width:auto;
height:auto;
background: 	#FFFAFA; /* Цвет фона */
border: 0px solid 	#FFDAB9; /* Параметры рамки */
}
#pravo2 {
margin-left: 220px;
padding: 20px; /* Поля */
width:auto;
height:400px;
background: 	#FFFAFA; /* Цвет фона */
border: 0px solid 	#FFDAB9; /* Параметры рамки */
}
#avtr {
padding: 20px; /* Поля */
width:auto;
height:auto;
background: 	#FFFAFA; /* Цвет фона */
border: 1px solid 	#FFDAB9; /* Параметры рамки */
}
#dno {
text-align:center;
width:100%;
padding: 0px; /* Поля */
height:50px;
background: 			#FFFFFF; /* Цвет фона */
border: 0px solid 		#CDAF95; /* Параметры рамки */
border-radius: 0px 0px 0px 0px;
}
.quest {
  font:bold 16px Tahoma, Geneva, sans-serif;
  color: 	#27408B;
 	text-align: left;
	text-indent: 1cm;
}
.gl{
position: absolute; /* Абсолютное позиционирование */
top: 60px;
float: left;
width:220px;
height:80px;
background-image: url("../img/главная.png");
}
.gl:hover{
position: absolute; /* Абсолютное позиционирование */
top: 60px;
float: left;
width:220px;
height:80px;
background-image: url("../img/главная1.png");
}
.avt{
position: absolute; /* Абсолютное позиционирование */
top: 300px;
float: left;
width:220px;
height:80px;
background-image: url("../img/обавторе.png");
}
.avt:hover{
position: absolute; /* Абсолютное позиционирование */
top: 300px;
float: left;
width:220px;
height:80px;
background-image: url("../img/обавторе1.png");
}
#avtor {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
}
.kn1{
position: absolute; /* Абсолютное позиционирование */
top: 140px;
float:left;
width:220px;
height:80px;
background-image: url("../img/кн1.png");
}
.kn1:hover{
position: absolute; /* Абсолютное позиционирование */
top: 140px;
float: left;
width:220px;
height:80px;
background-image: url("../img/кн12.png");
}
.kn2{
position: absolute; /* Абсолютное позиционирование */
top: 220px;
float: left;
width:220px;
height:80px;
background-image: url("../img/кн2.png");
}
.kn2:hover{
position: absolute; /* Абсолютное позиционирование */
top: 220px;
float: left;
width:220px;
height:80px;
background-image: url("../img/кн22.png");
}
.topbutton {
opacity:0.6 ;
background-image: url("../img/up2.png");
width:80px;
height:80px;
position:fixed;
bottom:20px;
right:20px;
cursor:pointer;
}
.topbutton:hover {
opacity:1 ;
background-image: url("../img/up.png");
width:80px;
height:80px;
position:fixed;
bottom:20px;
right:20px;
cursor:pointer;
}
#navigation {font-size:1.5em; width:200px;}
#navigation ul {margin:0px; padding:0px;}
#navigation li {list-style: none;} 

ul.top-level {background: rgba(255,245,215,0);}
ul.top-level li {
 border:0px #426C9C solid;
}

#navigation a {
 font:bold 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;
 color:		#2F237B;
 text-align: left ;
 display:block;
 height:auto;
 line-height: 40px;
 text-indent: 10px;
 text-decoration:none;
 width:100%;
 opacity:1 ;
  background: rgba(255,245,215,0);
}
#navigation a:hover{
font-size:18px;
text-decoration:none;
height:auto;
}
#knopki a {
text-decoration:none;
} 
#navigation li:hover {
 opacity:1 ;
  background: rgba(137,220,222,0.5);
 position: relative;
}
.ka:hover {
width:80%;
}













h1 {
	color: #473C8B;
	font-family: arial;
	font:bold 30px "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
h2 {
	color: 	#000080;
	font-family: arial;
	font:bold 25px "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
h3 {
	color: 	#000080;
	font-family: arial;
	font:bold 22px "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
p {
  font:bold 16px Tahoma, Geneva, sans-serif;
  color: 	#27408B;
 	text-align: justify;
	text-indent: 1cm;
}


#knopki {
width:80% ;
height:auto;
padding: 20px; /* Поля */
background: #FFF5EE; /* Цвет фона */
border-left: 2px solid #CDAF95;
border-right: 2px solid 	#CDAF95;
}


#pcolor {
 color:		#FF0000;
}


p {
 	text-align: justify;
	text-indent: 1cm;
}
.i2Style{
font:bold 19px "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-style:normal;
color:		#A52A2A;	
background:			#FFE4C4; 
border:0px solid 	#CDAF95;
text-shadow:0px 0px 0px #222222;
box-shadow:0px 0px 6px 			#8B7765;
-moz-box-shadow:0px 0px 6px 			#8B7765;
-webkit-box-shadow:0px 0px 6px 		#8B7765;
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
width:auto;
padding:10px 42px;
cursor:pointer;
margin:0 auto;
}
.i2Style:active{
background:		#EECFA1;
cursor:pointer;
position:relative;
top:3px;
}