@charset "utf-8";

/******************************************/
/* CSS Стили для вертикального меню       */
/* Огромное спасибо Dynamic Drive'у       */
/*Credits: Dynamic Drive CSS Library      */
/*URL: http://www.dynamicdrive.com/style/ */

/*********************/
/* ВЕРХНИЙ МЕНЮ БЛОК */
/*********************/
.mainMenuBlockContent ul { margin: 0; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 14px; display: block; background-color: #1F222B; }
.mainMenuBlockContent ul.first_elem {  }

.mainMenuBlockContent ul > li { position: relative; color: #fff; display: inline-block; padding: 0; margin: 0; vertical-align: top; height: 60px; border-right: 2px solid #1e1e1e; }
.mainMenuBlockContent ul > li.currentPageBlock {  }

/******************************/
/* Top level menu links style */
.mainMenuBlockContent ul li > a { display: inline-block; overflow: auto; text-decoration: none; line-height: 1; padding: 20px 0 0 0; margin: 0; font-size: 22px; text-align: center; height: 40px; overflow: hidden; }
.mainMenuBlockContent ul > li:first-child { }
.mainMenuBlockContent ul > li:last-child { border-right: none; }

.mainMenuBlockContent ul li:first-child > a {  }
.mainMenuBlockContent ul li:last-child > a {  }

.mainMenuBlockContent ul li > a:link, 
.mainMenuBlockContent ul li > a:visited, 
.mainMenuBlockContent ul li > a:active { color: #fff; background-color: #1f222b; }
.mainMenuBlockContent ul li > a:hover { color: #fff; background-color: #383b42; }
.mainMenuBlockContent ul li.currentPageBlock > a { color: #fff; background-color: #ba1e3b;  }
.mainMenuBlockContent ul li.selectedPageBlock > a { color: #fff; background-color: #383b42;  }

/***********************/
/*Sub level menu items */
.mainMenuBlockContent ul li > ul { position: absolute; font-size: 14px; width: 100%; top: 60px; left: 0; padding: 0; visibility: hidden; background-color: #1F222B; z-index: 1500; display: none; }
.mainMenuBlockContent ul li > ul.currentPageBlock {  }
.mainMenuBlockContent ul li ul > li { display: block; width: 100%; height: 60px; margin: 0; border-right: none; }
.mainMenuBlockContent ul li ul li > a { display: block; width: 100%; height: 40px; padding: 20px 0 0 0; margin: 0; font-size: 18px; color: #fff; line-height: 1; text-align: center; overflow: hidden; }

.mainMenuBlockContent ul li ul li:first-child > a {  }
.mainMenuBlockContent ul li ul li:last-child > a { border-bottom: none;  }

.mainMenuBlockContent ul li ul li > a:link, 
.mainMenuBlockContent ul li ul li > a:visited, 
.mainMenuBlockContent ul li ul li > a:active { color: #fff; background-image: none; background-color: #1f222b; }
.mainMenuBlockContent ul li ul li > a:hover { color: #fff; background-color: #383b42; }
.mainMenuBlockContent ul li ul li.currentPageBlock > a { color: #fff; background-image: none; background-color: #ba1e3b; }
.mainMenuBlockContent ul li ul li.selectedPageBlock > a { color: #fff; background-color: #383b42; }

.mainMenuBlockContent ul li ul li:last-child > a:hover,
.mainMenuBlockContent ul li ul li:last-child.currentPageBlock > a,
.mainMenuBlockContent ul li ul li:last-child.selectedPageBlock > a { border-bottom: none; }

.mainMenuBlockContent a.subfolderstyle { }

/* Holly Hack for IE \*/
* html .mainMenuBlockContent ul li { float: left; height: 1%; }
* html .mainMenuBlockContent ul li a { height: 1%; }
/* End */

/***********************************/
/* Применение стилей к меню-блокам */

.mainMenuBlockContent .But1 > a { width: 216px; }
.mainMenuBlockContent .But2 > a { width: 220px; }
.mainMenuBlockContent .But3 > a { width: 220px; }
.mainMenuBlockContent .But4 > a { width: 220px; }
.mainMenuBlockContent .But5 > a { width: 216px; }

/* Конец стиля меню блока */
/**************************/