#menu-bar
{
	margin-top:0px
}

/**** Configuracion de la barra de menus *********/

/** unordered list dentro del menu Primer nivel de menus (Barra de menu) **/
#menu-bar ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

/** links dentro de una unordered list en el menu  (barra del menu)**/
#menu-bar ul a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:0 15px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

/* List items dentro de una  lista en el menu */
#menu-bar ul li
{
	position:relative;
	float:left;
	margin:0;
	 padding:3px;
}

/*** list item seleccionado dentro de la unordered list en el menu ***/ 
#menu-bar ul li.current-menu-item
{
	background:#ddd
}
/* Accion a realizar cuando pasamos por encima de un list item dentro de la unordered list en el menu */
#menu-bar ul li:hover
{
	background:#f6f6f6;
	background: #0399D4 !important;
  background: linear-gradient(top,  #EBEBEB,  #A1A1A1) !important;
  background: -ms-linear-gradient(top,  #EBEBEB,  #A1A1A1) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1)) !important;
  background: -moz-linear-gradient(top,  #EBEBEB,  #A1A1A1) !important;
  color: #444444 !important;
  border-radius: 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: 2px 2px 3px #FFFFFF;
	
}

/***** SUBMENUS DENTRO DE LA BARRA DE MENU ****/
/* unordered list dentro de una unordered list en el menu */
#menu-bar ul ul
{
	/**** ponemos display a none para que en condiciones normales este oculta ***/
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#8B8B8B;
	background: linear-gradient(top,  #F56C6C,  #D95B5B);
  background: -ms-linear-gradient(top,  #F56C6C,  #D95B5B);
  background: -webkit-gradient(linear, left top, left bottom, from(#F56C6C), to(#D95B5B));
  background: -moz-linear-gradient(top,  #F56C6C,  #D95B5B);
	border-radius: 10px;
	padding:0
}

/* list item dentro de una unordered list que esta dentro de una unordered list en el menu */
#menu-bar ul ul li
{
	float:none;
	width:200px
}

/* links dentro de un list item que esta dentro de una unordered  list  dentro de otra unordered list en el menu */
#menu-bar ul ul a
{
	line-height:120%;
	padding:10px 15px;
}

/**** Tercer nivel de submenus UL dentro de UL en el menu ***/
#menu-bar ul ul ul
{
		display:none;
	position:absolute;

	top:0;
	left:100%;
	border-radius: 10px;
}

/* para qualquier elemento de lista seleccionado dentro de una UL dentro del menu a qualquier nivel */
#menu-bar ul li:hover > ul
{
	display:block;
	

}