/* Flexnav Base Styles */

nav#side-menu ul.side-menu {
	padding: 20px;}
	
nav#side-menu ul.side-menu li {
	border-top: 1px dashed #FFF;}
	
nav#side-menu ul.side-menu > li:first-child {
	border-top: none;}
	
nav#side-menu ul.side-menu li a {
	overflow: hidden;
	color: #FFF;
	text-decoration: none;
	position: relative;
	display: block;
	z-index: 2;
	padding: 12px 0;
	margin-left: 55px;}
	
nav#side-menu ul.side-menu > li > a {
	text-shadow: 2px 1px #000;
	text-size: 1em;
	text-transform: uppercase;}

nav#side-menu ul.side-menu ul.neu-dachs,
nav#side-menu ul.side-menu ul.progres,
nav#side-menu ul.side-menu ul.cop {
	font-size: 0.8em;}
	
nav#side-menu ul.side-menu ul.neu-dachs > li > a,
nav#side-menu ul.side-menu ul.progres > li > a,
nav#side-menu ul.side-menu ul.cop > li > a {
	text-transform: uppercase;}
	
nav#side-menu  ul.side-menu li {
	font-size: 100%;
	position: relative;
	overflow: hidden;}
	
nav#side-menu ul.side-menu span.touch-button i.navicon {
	display: none;}

nav#side-menu ul.side-menu span.touch-button {
	position: absolute;
	z-index: 999;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	display: inline-block;
	text-align:center;
	background: rgba(255,102,0,.2) url(../_img/arr-static.png) center 70% no-repeat;
	background-size: 15px 10px;}
	
	nav#side-menu ul.side-menu span.touch-button:before {
	content: "ROZWIŃ";
	font-size:10px;}
	
	nav#side-menu ul.side-menu span.active:before {
	content: "ZWIŃ";}
	
	
nav#side-menu ul.side-menu li.current-menu ul.flexnav-show li ul {
	background: rgba(0, 0, 0, .2);
	}
	
nav#side-menu ul.side-menu span.touch-button:hover {
	background-size: 20px 15px;}

nav#side-menu  ul.side-menu span.active {
	background: rgba(255,102,0,.4) url(../_img/arr-active.png) center 70% no-repeat;
	background-size: 10px 15px;}
	
	
nav#side-menu  ul.side-menu span.active:hover {
	background-size: 15px 20px;}

nav#side-menu ul.side-menu li.current-menu {
	background: rgba(0, 0, 0, .1);}

nav#side-menu ul.side-menu li:hover {
	background: rgba(0, 0, 0, .1);}

nav#side-menu ul.side-menu li a:hover {
	text-shadow: 2px 1px #000;
	font-weight: bold;}