body {
 background-color: #C08050; /* цвет фона */
 background-attachment : fixed;
 margin: 0px;
 z-index: 0;
}

/*------------------------------------*\
                     ГЛАВНОЕ МЕНЮ
\*------------------------------------*/
#ugol {
 position: fixed;
 z-index: 4;
 top: 1.5em;
 left: 2.4em; 
 width: 15em;
 text-align: center;
 -khtml-border-radius: 0.5em;
 -moz-border-radius: 0.5em;
 -ms-border-radius: 0.5em;
 -o-border-radius: 0.5em;
 -webkit-border-radius: 0.5em;
 border-radius:0.5em;
 background-color: #FEFEE5;
}

#mainmenu { 
 position: fixed;
 z-index: 9;
 top: 11em;
 left: 2.0em; 
 width: 16em;
 padding: 0.4em;  
/*display:none; */
}

/*------------------------------------*\
                       СОДЕРЖАНИЕ
\*------------------------------------*/
#content {
 z-index: 1;
 position: absolute;
 top: 1.5em;
 left: 20em;
 width: 894;
 padding: 20px; 
 background-color: #F5F5DC; /* цвет фона */
 -khtml-border-radius: 0.5em;
 -moz-border-radius: 0.5em;
 -ms-border-radius: 0.5em;
 -o-border-radius: 0.5em;
 -webkit-border-radius: 0.5em;
 border-radius:0.5em;
 margin-bottom: 10%;
/* display:none; */
}


/*------------------------------------*\
                       П О Д В А Л
\*------------------------------------*/
#niz {
 padding: 0px;
 background-color: #bddbbd; /* цвет фона */
 margin: 0px;
 border-style:solid;
 border-color:#8899AA;
 border-width:2px;
 border-radius:0.5em;
 -ms-border-radius: 0.5em;
 -o-border-radius: 0.5em;
 -webkit-border-radius: 0.5em;
 -moz-border-radius:0.5em;
 -khtml-border-radius:0.5em; 
}

#niz a {
 font: normal bold 1.5em Sans-serif, Tahoma, Arial, Verdana;
}



/*------------------------------------*\
                  ОСНОВНОЙ ШРИФТ
\*------------------------------------*/
p {
 font: normal normal 1.5em Tahoma, Sans-serif, Verdana, Arial;
 text-align: justify;
 text-indent: 1em;
 color: Black;
 margin-top: 1em;
 margin-bottom: 0.7em;
}



/*------------------------------------*\
                  С С Ы Л К И
\*------------------------------------*/
a {
 color:#025490;
 font-style: normal;
 font-weight: bold;
 font-family:  Sans-serif, Verdana, Arial;
 text-decoration: none;
}
a:visited {
 color:#0066AA;
 font-weight: normal;
}
a:active, a:hover  {
 color:#0066EE;
 text-decoration: none;
}


/*------------------------------------*\
            З А Г О Л О В К И
\*------------------------------------*/

H1 {
 font-family: Times, serif;
 font-size: 3.0em;
 font-style: normal;
 font-weight: normal;
 color: Black;
 text-shadow: 0px 3px 5px rgba(0,0,0,.5);
 margin-top: 5px;
 margin-bottom: 0.5em;
 text-align: center;
}

H2 {
 font-family: Times, serif;
 font-size: 2.5em;
 font-style: italic;
 font-weight: bold;
 color: #DD5544;
 margin-top: 0.3em;
 margin-bottom: 0.3em;
 text-align: center;
}

H3 {
 display:block;
 position: static;
 background:#bddbbd;
  font-family: Times, serif;
 font-size: 1.5em;
 font-style:  italic;
 font-weight: bold;
 text-align: center;
 text-indent: 1em;
 color: #222222;
 padding:6px;
 margin-top: 0.5em;
 margin-bottom: 0.3em;
 border-radius:0.5em;
 border-style:solid;
 border-color:#8899AA;
 -moz-border-radius:0.5em;
 -webkit-border-radius:0.5em;
 -khtml-border-radius:0.5em;  
 -ms-border-radius: 0.5em;
 -o-border-radius: 0.5em;
}

H4 {
 font-family: serif, times;
 font-size: 1.2em;
 font-style: normal;
 font-weight: bold;
 color: #886622;
 margin-top: 0.3em;
 margin-bottom: 0em;
 text-align: center;
}

H5 {
 font-family: serif, Times;
 font-size: 1.0em;
 font-weight: bold;
 color: #008800;
 margin-top: 0.5em;
 margin-bottom: 0em;
 text-align: left;
}

H7, li {
 font-family: Courier New;
 font-size: 1.5em;
 font-style: normal;
 font-weight: bold;
 color: #224422;
 margin-top: 0em;
 margin-bottom: 0.5em;
 text-align: left;
}

/*------------------------------------*\
          ВЫПАДЕНИЕ МЕНЮ
\*------------------------------------*/
.mnu {
 margin-bottom: 0;
 list-style:none;
 text-indent: 0.3em; /* левый отступ строки меню */
}

.mnu li {
/* float:none;*/
margin-left: -2em;
 position:relative;
 display:block;
 spacing: 0.1em; /* раздвиг между пунктами  */
}

.mnu li a {
 display:block;
 padding: 0.5em;
 font-style: normal; 
 font-weight: bold; 
 font-size: 0.7em;
 font-family: Sans-Serif, Arial, Tahoma;
 background:#FEFEE5;
 border-radius:0.5em;
 -moz-border-radius:0.5em;
 -webkit-border-radius:0.5em;
 -khtml-border-radius:0.5em;  
 -ms-border-radius: 0.5em;
 -o-border-radius: 0.5em;
 border-style:solid;
 border-width:2px; /* тонкая рамка */
 border-color:#888888;
 color:#8B77B0;
 text-decoration: none;
}
	
.mnu ul {
 list-style:none;
 position:absolute;
 left:-4999px; /* Скрываем далеко слева */
 opacity:1; /* восстановка прозрачности */
 -webkit-transition:2s linear opacity; /* В Webkit проявление выпадающих пунктов */
}

.mnu ul li {margin-bottom: 0.0em;} /* разрядка пунктов меню */

.mnu ul a { 
/* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
 white-space:nowrap;
 display:block;
}

.mnu li:hover ul {
 z-index: 29;
 /* Выводим выпадающий пункт при наведении курсора */
 left: 50px; /* Появление пункта под мышкой */
 opacity:1; /* Делаем непрозрачным */
 font-size: 0.7em;
/* width: 13em;*/
}

.mnu li:hover a {
 /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
 color:#333333;
 background:#FEEEAA;
 text-align:left;
 text-decoration:none;
 text-indent: 0.3em;
 width: 227px;
}
.mnu li:hover ul a
{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
 text-decoration:none;
 -webkit-transition:-webkit-transform 0.5s linear;
}
.mnu li:hover ul li a:hover
{ /* Стиль, когда курсор наводится на конкретный пункт */
 color:#222200;
 background:#FFFF00;
 text-decoration:none;
 border-color:#444444;
 border-width: 2px;
}