<style>
.submenu {
margin-left: -14px; /* Отступ от левого края сайта */
margin-right: auto;
margin-top: -105px; /* Отступ от верхнего края сайта */
width: 480px; /* длина строки меню*/
position: fixed;
z-index: 999;
}
#nav2, #nav2 ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
#nav2 {
background-color: white; /* Цвет полосы меню - белый*/
float: left;
margin-left: 10px;
margin-right: 1%;
width: 100%; /* длина строки меню*/
position: relative;
}
#nav2 > li {
float: left;
text-align: left;
-moz-transition: all 300ms ease-in-out 0s;
-ms-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
#nav2 li a {
display: block;
text-decoration: none;
-moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
-ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
-o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
-webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
white-space: normal;
}
#nav2 > li > a {
color: #3b73af;
display: block;
font-size: 1.0em; /* Размер шрифта главного меню */
line-height: 39px;
padding: 0 10px;
/* text-transform: uppercase; */
}
#nav2 > li:hover > a, #nav > a:hover {
background-color: #3b73af; /* фон выделенного элемента подменю */
color: #FFFFFF;
}
#nav2 li.active > a {
background-color: #205081; /* Цвет блока меню при клике курсором мыши - голубой */
color: #FFFFFF;
}
</style> |