body {
  font-family: Helvetica Neue, Helvetica, sans-serif;
  background: #6d9ed5;
}
.skew-menu {
width: 100px;
  text-align: center;
  margin-top: 2em;
  margin-left: 1em;
}
.skew-menu ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;

}
.skew-menu ul li {
  border-radius: 7px 7px 7px 7px;				/* lekerekítés mértéke */
/*  float: left;                                                  /* ezzel egymás mellé , egy sorba keülnek */
/*  border-right: 1px solid #eee;					/* árnyék */ 
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  font-size:small;			/* betű méret */
  color: #555;
  font-weight: bolder;
  transition: all 0.3s linear;
      transform: skew(-25deg);
}
.skew-menu a{ 
  transform: skew(25deg);
}
.skew-menu ul li:nth-child(even) {
   background: #fff;								/*menüs sor háttér szine*/
/*   opacity: 0.5; 
   filter: alpha(opacity=50); /* For IE8 and earlier */
}
.skew-menu ul li:nth-child(odd) {
	background: #dcdcdc; 
/*    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */	
}

.skew-menu ul li:hover {
  background: #bed5ec;		/* elszineződő menü háttér sor*/
  color: tomato;
/*    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.skew-menu ul li a {
  display: block;
  padding: 0.5em 1em;
  color: inherit;
  text-decoration: none;

}