#menu {list-style:none; width:100%; margin:0px auto; height:45px; padding:0px; font-size:1em; text-align:center; letter-spacing:1px} 
#menu li {z-index:5; display:inline-block; text-align:left; position:relative; border:none; height:45px; margin:0px 20px; text-transform:uppercase;} 
#menu li:hover {z-index:5; background:rgb(150,146,145);} 
#menu li a { color: white; display:block; outline:0; text-decoration:none; height:auto; padding:10px; text-align:left;} 
#menu li:hover a { color:white;}
 
/* Desplegable */
.dropdown {margin:-1px auto; float:left; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:4px 4px 0px; border-top:none; background:white; border:1px solid gray; border-top:0px; font-size:1em; width:auto;}
#menu li:hover .dropdown {left:-1px; top:auto;}
.col_1 {display:inline; margin:0px; padding:0px; width:150px;} 
#menu li:hover div a {color:rgb(51,51,51); padding:5px; }
#menu li:hover div a:hover {color:white;}
#menu li ul {list-style:none; padding:0; margin:0;}
#menu li ul li {position:relative; margin:0; float:none; text-align:left; width:150px; height:auto; padding:5px; text-transform:capitalize;}
#menu li ul li:hover {background:none; border:none; padding:5px; margin:0;}
#menu li .greybox li {background:#F4F4F4; margin:0px 0px 4px 0px; width:150px; padding:0px}
#menu li .greybox li:hover {background:#F60; margin:0px 0px 4px 0px; padding:0px}

@media (max-width: 1000px) {
#menu li {margin:0px 2px;} 
}