/*Eliminar margenes por defecto que deja el navegador*/
*{
  margin:0;
  padding:0;
}


#Idnav {    
  /*margin: 20px auto;*/
  margin-top: 1px;
  margin-bottom: 20px;
  width: 540px;
  max.width: 1000px;
  /*display: block;
  text-align: center;*/
  
}
nav ul{

  list-style: none;/*Quita las viñetas*/
  border-radius:6px;
}

/*Se aplica directamente a los ul del nav sin afectar a otros ul*/
nav > ul{
  display: table;
  overflow: hidden;
  width: 100%;
  background: #000;
  position: relative;
}

nav > ul li{
  display: tabl-cell;/*Convierte los li en tabla celda*/
  float: left; 
  border-bottom: 2px #aaa solid; 
  margin-right: 1px; 
  position: relative;

}



nav > ul > li:first-child > a { 
  border-radius: 4px 0 0 0;
}

nav > ul> li:last-child { 
  border-radius: 0 0 4px 0; 
  margin-right: 0;
} 

/*
nav > ul> li:last-child > a { 
  border-radius: 0 4px 0 0;
}

*/

/*Desocultar los submenu*/

nav > ul > li:hover > ul {
  display: block;
  height:100%;
  background: #000;
  left:0;
  right:0;
  overflow:hidden;  /*Para que no queden fueras los elementos*/
  height:0%;
  /*  border-bottom-color: orange;*/
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  
}

/*Ocultar sub sub menu*/
nav > ul > li > ul {
  display: none;
  height:100%;

}



/*Desocultar los subsubmenu*/

nav > ul > li> ul> li:hover > ul {
  display: block;
  height:100%;
  left:0;
  right:0;
  overflow:hidden;  /*Para que no queden fueras los elementos*/
  height:0%;
  /*  border-bottom-color: orange;*/
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  
}

/*Ocultar sub sub menu
nav > ul > li > ul> li> ul {
  display: none;
  height:100%;
  

}*/


/*Formato al a del menu y submenu*/
nav > ul li a{
  color:#fff;
  display: block;
  line-height: 20px;
  border-radius: 0 4px 4px 4px;
  padding: 5px 44.3px 10px 10px;
  /*padding: 20px;*/
  position: relative;
  text-align: center;
  text-decoration: none; /*quita el subrayado*/
  
  /*forma de bottom 
  margin-bottom: 1px;
  box-shadow: inset 0 2em .33em -0.5em #555; */
  
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;

}


nav > ul > li > ul > li a:hover{
  background:#fff;
  color:#000;
}



nav> ul> li:hover > a { 
 
  background: orange;
}



nav> ul> li> ul> li:hover > a { 
  color:orange; 

}
/*
nav > ul:hover >li{ 
  border-bottom-color: orange;
}

*/