#menu {
	position:fixed;
	bottom:100%;
	left:10%;
	z-index:150;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	padding:0; margin:0 0 0 0;
	-webkit-transition: 	margin 500ms;
	-moz-transition: 		margin 500ms;
	transition: 			margin 500ms;
}
#menu ul {
	/*padding:1em 1.75em 1em;*/
	/*padding:10px 20px 10px;*/
	padding:0;
	margin:0; background:#000;
}
#menu li {
	list-style: none;
	display:block;
	background:#000; color:#384040;
	margin:0;
	/*border-top:1px solid #707878;*/
	padding:0 30px 0 10px;
	width:auto; height:50px;
	overflow: hidden;
	-webkit-transition:  300ms;
	-moz-transition:  300ms;
	transition:  300ms;
}

#menu li span {
	display:table-cell;
	width:100%; height:50px;
	vertical-align: middle;
}

#menu p {
	display:table-cell;
	background: black;
	width:auto; height:50px;
	vertical-align: middle;
	padding:0 10px 0 10px;
	color:#fff !important;
}


.menu-available {
	color:#707878 !important;
	cursor:pointer;
}
.menu-available:hover {
	/*background: #505656 !important;*/
	color:#aaa !important;
}

.menu-selected {
	/*color:#000 !important; background:#707878 !important;*/
	color:#fff !important;
}
.menu-title {
	color:#fff !important;
}

#twit {
	position:absolute;
	top:0; right:0;
	width:40px; height:40px;
	cursor:pointer;
	font-size: .75em;
	background-image: url('../img/gui.png');
	background-size:512px 160px;
	background-repeat: no-repeat;
	background-position: -446px -55px
}
#twit:hover {
	background-color:#111;
}
@media (max-width:740px) {
	#menu { left:0px !important; width:100%;}
	#menu li, #menu ul {width:100% !important;}
}