@font-face {
	font-family: Droid Sans; /* Гарнитура шрифта */
	src: url(DroidSans.ttf); /* Путь к файлу со шрифтом */
} 
   body {
    font: 12pt Droid Sans; /* Шрифт на веб-странице */ /*Century Gothic; */
    background: #e1dfb9; /* Цвет фона */
   }
   h2 {
    font-size: 1.1em; /* Размер шрифта */
    color: #818181; /* Цвет текста */
    margin-top: 0; /* Отступ сверху */
   }
    h4 {
    font: 12pt Century Gothic; /* Шрифт на веб-странице */
    font-size: 20pt; /* Размер шрифта */
    color: #800040; /* Цвет текста */
    margin-bottom:10;
    margin-top:10;
   }
   #container {
    width: 1250px; /* Ширина слоя */
    margin: 0 auto; /* Выравнивание по центру */
    background: #515151; /* Цвет фона левой колонки */
    box-shadow: 0px 0px 5px 4px #a0a0a0;
   }
   #header {
     
    /* text-align: center; Выравнивание по центру */
    padding: 5px; /* Отступы вокруг текста */
     /* Цвет фона шапки */
    margin-top:0px;    
    background-image: url(gorod62.jpg);
    height:215;
    margin-left:260px;
    	
   }

@font-face {
	font-family: Droid Sans Bold; /* Гарнитура шрифта */
	src: url(DroidSans-Bold.ttf); /* Путь к файлу со шрифтом */
} 
div#header > h1
{
	font-family: Droid Sans Bold;
	margin-top: 0px;
  color: #333333; /* Цвет текста */
	font-size: 3em; /*Размер текста */
}
   #sidebar {
    margin-top: 0px; 
    width: 200px; /* Ширина слоя */
    height: 821px;
    padding: 0 10px; /* Отступы вокруг текста */
    float: left; /* Обтекание по правому краю */
    
		/*---- новое меню */
		display:block;
		position:relative;
		width:240px;
		float:left;
		/* новое меню ---- */
		background:#515151;
		/*box-shadow: 10px 0px 5px 4px #515151;*/
   }
   #content {
    height: 800px;
    margin-left: 260px; /* Отступ слева */
    padding: 10px; /* Поля вокруг текста */
    background: #ffffff; /* Цвет фона правой колонки */
    background-image: url(fon_polya.jpg);
    background-repeat:no-repeat;
    
    
    
   }
   #footer {
    background: #8fa09b; /* Цвет фона подвала */
    color: #fff; /* Цвет текста */
    padding: 5px; /* Отступы вокруг текста */
    clear: left; /* Отменяем действие float */
    
		background-image: url(gorod62.jpg);
		height:215;
		margin-left:260px;

   }


div#content > UL 
	{
		   /* margin-left: 200px;  Отступ слева */
    padding: 10px; /* Поля вокруг текста */
    background: #ffffff; /* Цвет фона правой колонки */ /* background: #f0f0f0; */
    
    background-image: url(fon_polya.jpg);
    background-repeat:no-repeat;
        background: rgba(255,255,255,0.8);
    margin-top:-1;
    line-height: 19pt;   

	}




    /* Вертикальное выпадающее меню*/
body
	{
	background: #DCDCDC;
	}

    /*блок меню*/
ul{
	margin: 0;
	padding: 0;
	float:left;
  }

ul.nav li
	{
	background: #B3B3FF;
	border: 1px solid #FFFFFF;
	list-style: none;
	width: 150px;
	}

ul.nav li a
	{
	text-decoration: none;
	display: block;
	padding: 5px 5px 5px 15px;
	}

ul.nav li ul
	{
	display: none;	/*скрываем вложенные пункты*/
	}
    /*Выпадающее меню*/
ul.nav li:hover
	{
	position: relative;
	background: yellow;
	}

ul.nav li:hover > ul
	{
	display: block;
	}

ul.nav li:hover ul
	{
	position: absolute;
	top: 0;
	left: 150px; /*меню раскрывается вправо*/
	}