ol#menugeneral {
	position: absolute;
    top: 0;
    left: 0;
    width:100%;
	padding: 7px 10px ;
	margin: 0 0 11px 0;
    background-color: grey;
	list-style-type:none;	
	text-align:left;	
	border:0;
}
ol#menugeneral > li{
	line-height: 25px;
	list-style-image:none;
	margin: 0 .3rem;
	display:inline-block;
	font-weight:bold;
	padding:.5rem 0; /* Add some spacing around the content */
	background:rgba(255, 255, 255,.8);
	border:1px solid rgba(217, 255, 179,.7);
	width:2.8rem;
	white-space:nowrap;
	overflow: hidden;
	-webkit-transition: All 1s ease;
	 -moz-transition: All 1s ease;
	-o-transition: All 1s ease;
	-ms-transition: All 1s ease;
	transition: All 1s ease;
}
ol#menugeneral li:first-child{
	background-image:url(../images/go-home.svg);
	background-repeat:no-repeat;
	background-position: 10px 7px;
	width:13rem;
	border-right:0;
}
ol#menugeneral li a {
    text-decoration: none;
    background-image:none;
    font-size:1rem;
    font-family:verdana, sans serif;
    font-weight:normal;
    display:block;
	color: #666666;
}
ol#menugeneral> li+li a::first-letter {
	padding:1.1rem;			
	color:#fff;
	background:#666;		
	font-weight:bold;
	text-align:center;
		}
ol#menugeneral  > li a:hover::first-letter {
	background:rgba(217, 255, 179,.7);
	color:#666;
		}
ol#menugeneral  > li+li:hover {
	width:17rem;
		}
ol#menugeneral li:first-child a {
	margin-left: 45px;
		font-weight:bold;
}
ol#menugeneral li a:hover {
   color:#F05712;	
} 

html{
	padding-top:61px;
}

@media screen and (max-width:1000px) { 
ol#menugeneral > li{
	margin: 0;
	padding:.5rem 0; /* Add some spacing around the content */
	width:2.4rem;
}ol#menugeneral li a{font-size:.8rem;} }
@media screen and (max-width:800px) {ol#menugeneral> li+li{display:none;} }