#toggle{
	visibility:hidden;
	display:none;
}

#toggle + label{
	visibility:visible;
	cursor:pointer;

	display:inline-block;
	box-sizing:border-box;
	}
#toggle + label:after{
	content:url(nav.png);
	}
nav{
	max-height:0px;
	box-sizing:border-box;
	display:block;
	position:absolute;
	margin-top:10px;
	right:0px;
	white-space:nowrap;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
	padding:0px;	
	overflow:hidden;
	width:;
	text-align:left;
	}

#toggle:checked + label:after{
	content:url(navx.png);
}
	
#toggle:checked ~ nav {
	max-height:999px;
}
nav a{
	display:block;
	margin-bottom: 1px;
	padding: 5px 20px 5px 40px;
	box-sizing:border-box;
	background-color: #001579;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	position:relative;
}

nav a:hover{
	background-color:#0021b5;
}

nav a img{
	vertical-align:middle;
	margin-right:5px;
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	display:block;
	height:100%;
	}