﻿.menu-r { /*Основной список пунктов горизонтального меню глаза*/
 	  list-style : none;
          margin : 0px;
	  padding : 0px;
	  font-family :  Arial, Sans-Serif, "trebuchet ms", Verdana, Tahoma;
	  font-size : 14px;
	  color : #111;
}

.menu-r > li { /*Пункт меню самого верхнего уровня глаза*/
          display : inline-block;
	  position : relative;
          /*padding : 5px; */
          /*border-left : 1px solid #ddd;*/
	  background-color : #777;
          cursor : pointer;
      width : 140px;
}

.menu-h { /*Основной список пунктов горизонтального меню*/
 	  list-style : none;
          margin : 0px;
	  padding : 0px;
	  font-family :  Arial, Sans-Serif, "trebuchet ms", Verdana, Tahoma;
	  font-size : 14px;
	  color : #111;
}

.menu-h > li { /*Пункт меню самого верхнего уровня*/
          display : inline-block;
	  position : relative;
          /*padding : 5px; */
          /*border-left : 1px solid #ddd;*/
	  background-color : #fff;
          cursor : pointer;
      width : 140px;
}

.menu-h > li + li{ /*Пункт меню самого верхнего уровня при наличии перед ним пункта*/
          border-left : 1px solid #ddd;
}

.menu-h > li:hover { /*Стиль пункта меню самого верхнего уровня в тот момент, когда курсор мыши находится над ним*/
	  background-color : #777;
	  color : #fff;
 }
	
.menu-h > li > ul { /*Стиль подменю 1-го уровня*/
	  display : none;
	  position : absolute;
	  left : 0px; top : 24px;
          z-index : 1;
          padding : 0px;
          border : 0px;
          width : 150px;
}

.menu-h ul > li > ul { /*Стиль подменю 2-го и более уровня*/
	  display : none;
	  position : absolute;
	  left : 149px; top : 0px;
          z-index : 1;
          padding : 0px;
          border : 0px;
          width : 150px;
}

.menu-h ul > li { /*Стиль пункта подменю*/
          display : block;
	  position : relative;
          /*padding : 5px;*/
          border : none;
          border-bottom : 1px solid #ddd;
	  background-color : #eee;
}

.menu-h ul > li:hover { /*Стиль пункта подменю в тот момент, когда курсор мыши находится над ним*/
	  background-color : #aaa;
	  color : #fff;
}

.menu-h li > a { /*Отдельный стиль для гиперссылок пунктов меню*/
	  text-decoration: none;
   	  color: #777;
      display: block;
      padding : 5px; 
	}

.menu-h li:hover > a { /*Отдельный стиль для гиперссылок пунктов меню в тот момент, когда курсор мыши находится над ними*/
	  color : #fff;
 }

.menu-h li:hover > ul { /*Показ подменю*/
          display: block;
 }


/*Боковое вертикальное меню*/

.menu-v { /*Основной список пунктов вертикального меню*/
 	  list-style:none;
          margin : 0px;
	  padding : 0px;
	  width : 150px;
	  font-family :  Arial, Sans-Serif, "trebuchet ms", Verdana, Tahoma;
	  font-size : 14px;
	  color : #111;
        padding-top : 10px;
    padding-bottom: 5px;

}

.menu-v li { /*Пункт меню любого верхнего уровня*/
	  position: relative;
          /*padding-bottom: 5px;*/
          /*border-left : 2px solid #ddd;*/
	  background-color : #fff;
          margin : 0px;
          display: block;
     
}
	
.menu-v li > ul { /*Стиль подменю*/
 	  list-style:none;
	  /*display: none;
	  position: absolute;*/
	  left: 148px; top: 0px;
      padding : 0px;
	  width : 150px;
      border-left : 2px solid #ddd;

}

.menu-v li > a { /*Отдельный стиль для гиперссылок пунктов меню*/
	  text-decoration: none;
   	  color: #777;
      display: block;
      padding : 5px 0px;
      margin-top: 10px;
}

.menu-v li > ul > li > a { /*Отдельный стиль для p*/
      text-indent: 0px;
	  text-decoration: none;
   	  color: #777;
      display: block;
      padding : 5px 10px;
      margin-top: 0px;
}

.menu-v li:hover { /*Отдельный стиль для гиперссылок пунктов меню в тот момент, когда курсор мыши находится над ними*/
      /*border-left : 2px solid #777;*/
	  background-color : #eee;
 }

.menu-v li:hover > ul { /*Показ подменю*/
      display: block;
 }

/*h1 {
	  font-family : "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
	  font-size : 16px;
	  background-color : #ccc;
          border : 1px solid #ddd;
          text-align : center;
	  color : #fff;
}

p {/*Стиль для вывода основной информации*/
/*	  font-family : "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
	  font-size : 12px;
	  color : #111;
}

.copyright {/*Стиль для вывода информации об авторском праве*/
/*	  font-family : "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
	  font-size : 11px;
	  color : #111;
          text-align : center;
}
    */

.menu-f { /*Основной список пунктов горизонтального меню*/
 	  list-style : none;
          margin : 0px;
	  padding : 0px;
	  font-family :  Arial, Sans-Serif, "trebuchet ms", Verdana, Tahoma;
	  font-size : 11px;
	  color : #111;
          text-align : center;
}

.menu-f > a { /*Пункт меню самого верхнего уровня*/
          display : inline;
	  position : relative;
          padding : 5px;
          /*border-left : 1px solid #ddd;*/
	  background-color : #fff;
          cursor : pointer;
      /*width : 140px;*/
          color : #000000;
          text-decoration : none;

}

.menu-f > a + a{ /*Пункт меню самого верхнего уровня при наличии перед ним пункта*/
          border-left : 1px solid #ddd;
}

.menu-f > a:hover { /*Стиль пункта меню самого верхнего уровня в тот момент, когда курсор мыши находится над ним*/
	  background-color : #777;
	  color : #fff;
 }