<!-- кнопка электронного каталога билиотеки -->
#conteiner{
	width:1000px;
	height:200;
	margin:0px auto;
	padding-top:10px;
}
#menu1{
	position:relative;
	display:block;
	width:280;
	height:auto;
	z-index:10;
}
	#menu1 ul{
		position:relative;
		display:block;
		margin:0px;
		padding:0px;
		width:272;
		height:auto;
		list-style:none;
		background:#333333;
	}
	#menu1 > ul::after{
		display:block;
		width:100%;
		height:0px;
		clear:both;
		content:" ";
	}
		#menu1 ul li{
			position:relative;
			display:block;
			float:left;
			width:auto;
			height:auto;
		}
			#menu1 ul li a{
				display:block;
				padding:9px 25px 0px 25px;
				font-size:18px;
				font-family:Times New Roman;
				color:#FFFFFF;
				line-height:1.3em;
				text-decoration:none;
				font-weight:normal;
				text-transform:uppercase;
				height:36px;
				box-sizing:border-box;
			}
			#menu1 ul li > a:hover, #menu1 ul li:hover > a{
				background:#FFFFFF;
				color:#000000;
			}
			#menu1 ul li ul{
				position:absolute;
				top:36px;
				left:0px;
				display:none;
				width:200px;
				background:#EBBD5B;
			}
			#menu1 ul li:hover ul{display:block;}/*эта строчка реализует механизм выпадения*/
				#menu1 ul li ul li{
					float:none;
					width:100%;
				}
					#menu1 ul li ul li a{
						display:block;
						text-transform:none;
						height:auto;
						padding:7px 25px;
						width:100%;
						box-sizing:border-box;
						border-top:1px solid #ffffff;
					}
					#menu1 ul li ul li:first-child a{border-top:0px;}
					#menu1 ul li ul li a:hover{
						background:#FDDC96;
						color:#6572BC;
					}
					

.underline-one {
	color: #00bfff; /* Цвет обычной ссылки */
    position: relative;
    cursor: pointer;
    text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 0;
    transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
	content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px; /* Высота линии */
    background-color: red; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.5s;  /* Время эффекта */
}