/* ----------------------------------------------------- Главное меню ----------------------------------------------------- */
#nav /* Отображение главного меню */
 {
  overflow: hidden;
  width: 100%;
 }

#products
 {
  clear: both; /* Отмена обтекания слева следующего за меню элементом */
  overflow: hidden;
 }

#nav ul
 {
  list-style-type: none; /* Не маркированный список */
  margin: 0 auto;   /* Отступы вокруг */
  padding: 0;  /* Поля вокруг текста */
  width: 100%;
  /*font-family: Verdana;
  font-size: 10pt;*/
 }

#nav ul li
 {
  float: left; /* Обтекание слева */
 }

#nav ul li a /* Отображение меню */
 {
  display: block;  /*Показываем выпадающее меню при наведение*/
  padding: .5em;  /* Поля вокруг текста */
  background: darkslateblue; /* Цвет фона ссылок */
  border: 1px solid white;  /* Цвет рамки */
  color: white; /* Цвет текста */
  border-radius: .5em;
  margin: .25em;  /* Отступы вокруг */
 }

#nav li ul{
    /*display:none;/*Прячем выпадающее меню*/
    position:absolute;
    padding-left:0;
    /*width:220px;/*Ширина выпадающего меню*/
    padding-top:3px;/*Отступ сверху у выпадающего меню*/
   -webkit-transform: scaleY(0); /* Для Safari, Chrome, iOS */
    -ms-transform: scaleY(0);  /* Для IE */
    transform: scaleY(0);
    -webkit-transform-origin: 0 100%; /* Для Safari, Chrome, iOS */
     -ms-transform-origin: 0 100%; /* Для IE */
    transform-origin: 0 100%;
    background: gainsboro;
}

#nav ul a:focus /* При получении фокуса*/
 {
  color: yellow; /* Цвет текста */
  border-color: yellow; /* Цвет рамки */
 }

#nav ul a:hover /* При наведении мыши*/
 {
  background: lightyellow; /* Цвет фона ссылок */
  color: indigo; /* Цвет текста */
  border-color: indigo; /* Цвет рамки */
 }

#nav li:hover ul{
    /*display:block;/*Показываем выпадающее меню при наведение*/
    /*left:50px;*/
    -webkit-transform: scaleY(1); /* Для Safari, Chrome, iOS */
    -ms-transform: scaleY(1); /* Для IE */
    transform: scaleY(1);
    position: absolute;
    /*top: 100%;
    left: 0;*/
    width: 201;
    z-index: 10;
    -webkit-transition: 0.5s ease-in-out; /* Для Safari, Chrome, iOS */
    -moz-transition: 0.5s ease-in-out; /* Для Firefox */
    -o-transition: 0.5s ease-in-out;  /* Для Opera */
    transition: 0.5s ease-in-out;
}

/* ----------------------------------------------------- Левое боковое меню ----------------------------------------------------- */
#leftmenu /* Отображение главного меню */
 {
  overflow: hidden;
  width: 100%;
 }

#products
 {
  clear: both; /* Отмена обтекания слева следующего за меню элементом*/
  overflow: hidden;
 }

#leftmenu ul
 {
  list-style-type: none; /* Не маркированный список */
  margin: 0 auto;   /* Отступы вокруг */
  padding: 0;  /* Поля вокруг текста */
  width: 100%;
  font-family: Tahoma;
  font-size: 10pt;
 }

#leftmenu ul li
 {
  float: none; /* Обтекание слева не требуется (пункты столбиком) */
 }

#leftmenu ul li a
 {
  display: block;
  padding: .3em;  /* Поля вокруг текста */
  background: lightgrey; /* Цвет фона ссылок */
  border: 1px solid grey;  /* Цвет рамки */
  color: black; /* Цвет текста */
  border-radius: .1em;
  margin: .10em;  /* Отступы вокруг */
 }

#leftmenu ul a:focus /* При получении фокуса*/
 {
  color: yellow; /* Цвет текста */
  border-color: yellow; /* Цвет рамки */
 }

#leftmenu ul a:hover /* При наведении мыши*/
 {
  background: whitesmoke; /* Цвет фона ссылок */
  color: blue; /* Цвет текста */
  border-color: blue; /* Цвет рамки */
 }



/* ------------------------------------------- Меню второго уровня =для фото городов= ------------------------------------------- */
#u2_menu /* Отображение главного меню */
 {
  overflow: hidden;
  width: 100%;
 }

#products
 {
  clear: both; /* Отмена обтекания слева следующего за меню элементом*/
  overflow: hidden;
 }

#u2_menu ul
 { 
  list-style-type: none; /* Не маркированный список */
  margin: 0 auto;   /* Отступы вокруг */
  padding: 0;  /* Поля вокруг текста */
  width: 100%;
  font-family: Tahoma;
  font-size: 10pt;
 }

#u2_menu ul li
 {
  float: none; /* Обтекание слева не требуется (пункты столбиком) */
 }

#u2_menu ul li a
 {
  display: block;
  padding: .3em;  /* Поля вокруг текста */
  background: silver; /* Цвет фона ссылок */
  border: 1px solid grey;  /* Цвет рамки */
  color: black; /* Цвет текста */
  border-radius: .1em;
  margin: .10em;  /* Отступы вокруг */
 }

#u2_menu ul a:focus /* При получении фокуса*/
 {
  color: yellow; /* Цвет текста */
  border-color: yellow; /* Цвет рамки */
 }

#u2_menu ul a:hover /* При наведении мыши*/
 {
  background: whitesmoke; /* Цвет фона ссылок */
  color: crimson; /* Цвет текста */
  border-color: crimson; /* Цвет рамки */
 }

/* --------------------------------------------------------- Подменю ----------------------------------------------------------- */