.site-navigation {
	/*display: block;*/
	font-family: Arial,sans-serif,Helvetica,Verdana;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.site-navigation ul {
  background: #ff6600; /*3498DB*/
 	list-style: circle;
	margin: 0px;
	padding: 0px;
}

.site-navigation li {
	color: #fff;
  background: #ff6600;/*3498DB submenú*/
	/*display: block;*/
	float: left;
	text-align: left; /**/
	margin: 0;
	padding: 5px 5px; /*padding en menú*/
	position: relative;
	text-decoration: none;
	/*text-transform: uppercase;*/
}

.site-navigation li a {
  color: #fff;
  text-decoration: none;
  /*display: block;*/
}

.site-navigation li:hover {
	@include transition(background, 0.2s);
	background: #ff6600; /*52a6df hover menú*/
	cursor: pointer;
}

.site-navigation ul li ul {
	background: #0066cc; /*52a6df submenú ??*/
	visibility: hidden;
	float: left;
  min-width: 20px;
	position: absolute;
  transition: visibility 0.2s ease-in-out;
  margin-top:5px; /*Separación entre menú y sub-menú*/
	left: 0;
	z-index: 999;
}

.site-navigation ul li:hover > ul,
.site-navigation ul li ul:hover {
   visibility: visible;
}

.site-navigation ul li ul li {
	clear: both;
	padding: 5px; /*padding en submenú*/
    width: 311px; /*260px ancho del menú*/
    height: 22px;
}

.site-navigation ul li ul li:hover {
	background: #993300; /*74b7e4 hover submenú*/
}