#gradient1 {
height:auto;
background: -webkit-linear-gradient(#ffffff, #ceebe9);
background: -o-linear-gradient(#ffffff, #ceebe9);
background: -moz-linear-gradient(#ffffff, #ceebe9);
background: linear-gradient(#ffffff, #ceebe9);
}

a:link, a:visited {
    display: inline-block;
    font-weight: bold;
    text-align: justify;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;
}

a:hover, a:active { 
    margin:auto;
    padding:auto;
}

.navbar-fixed-left {
		position: fixed;
		top: 0px;
		left: 0px;
		border-radius: 0px;
	}

	.navbar-inverse .navbar-nav {
		width: 60px;
		min-height: 60px;
		max-height: 100%;
		background-color: #F1F9F9;
		border-width: 0;
		z-index: 1000;
	}

	.navbar-inverse .navbar-nav > .navbar-toggler {
		position: relative;
		min-height: 60px;
		/*border-bottom: 1px solid rgb(81, 81, 81);*/
		z-index: 100;
		cursor: pointer;
	}

	.navbar-inverse .navbar-nav.open > .navbar-toggler,
	.navbar-inverse .navbar-nav > .navbar-toggler:hover {
		background-color: rgb(158, 202, 59);
	}
	
.navbar-inverse .navbar-nav > li > a:hover {
background-color:#EAE5D6;
}

.navbar-collapse.in {
    background-color:#F1F9F9;
    width:120px;
}

.navbar-collapse.in > ul {
background-color:#F1F9F9;
width:120px;
}

.navbar-collapse.in > li > a:hover, a:active {
background-color:#EAE5D6;
width:120px;
max-height:50%;
}

@media (min-width: 768px) {
		.navbar-inverse .navbar-nav .open {
			width: 100%;
		}
		.navbar-inverse .navbar-nav .open  {
			overflow: visible;
		}
		
		.navbar-inverse .navbar-nav  > li > a > .desc {
			color:#0b5066;
			position: absolute;
			display: inline-block;
            width: auto;
			top: 50%;
			left: 30px;
			margin-top: -20px;
			margin-left: 10px;
			text-align: left;
			white-space: nowrap;
			padding: 10px 15px;
			border-width: 0;
			background-color: rgb(234, 229, 214);
			background-color: rgba(234, 229, 214, 1);
			opacity: 0;
			font-family: 'Droid Serif', serif;
		}
		.navbar-inverse .navbar-nav  > li > a > .desc:after {
			z-index: -1;
			position: absolute;
			top: 50%;
			left: -10px;
			margin-top: -10px;
			content:'';
			width: 10px;
			height: 0;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent; 	
			border-right: 10px solid rgb(234, 229, 214);
			border-right-color: rgba(234, 229, 214, 1);
			font-family: 'Droid Serif', serif;
		}
		.navbar-inverse .navbar-nav  > li > a:hover > .desc {
			left: 60px;
			opacity: 1;
		}
	}