.menu {
    background-color: rgba(0,0,0,0.9);
    width: 900px;
    display: block;
    position: absolute;
    color: #fff;
    height: auto;
    top:89px;
    z-index: 450;
    padding: 20px;
    pointer-events: all;
	text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 2.2rem;
}

.menu .col {
	float: left;
	width: 40%;
	margin-right: 5%;
	margin-left: 5%;
}

.menu .left {
}

.menu .right {
}


.menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	padding-bottom: 0rem;
	padding-top: 0.5rem;
}

.menu .chapter {
	padding-bottom: 1.1rem;
    border-bottom: 1px solid #fff;
    margin-bottom: 1.1rem;
}

.section {
    opacity: 0.8;
}

.chapter {
    opacity: 0.5;
}

.chapter.auth {
    opacity: 1;
}

.section.auth {
    opacity: 1;
}

.menu ul li ul {
    
}

.menu .shrink {
	display: none;
}

.menu ul li ul li {
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    color: #cc3333;
    cursor: pointer; cursor: hand;
    padding-left: 3rem;
}

.menu ul li ul li:before {
	content: "";
    width: 144px;
    height: 144px;
    background: url(../gui_img/gui1.png);
    background-position: 0px 0px; 
    background-repeat: no-repeat;
    position: absolute;

    transform-origin: 0px 0px;
    -webkit-transform-origin: 0px 0px;

    transform: rotate(0deg) translate(-25px,6px) scale(0.1);
    -webkit-transform: rotate(0deg) translate(-25px,6px) scale(0.1);
}

.menu h2 {
	border-bottom: 1px solid #fff;
	font-family: 'Lora', serif;
	font-size: 3.6rem;
	font-weight: 400;
	color: #cc3333;
	padding-bottom: 0.5rem;
	margin-bottom: 2rem;
	margin-top: 0rem;
}