body {margin:25px; font:12px Verdana, Arial, Helvetica}
* {padding:0; margin:0}
.dropdown {float:left; padding-right:5px;}
.dropdown dt {width:75px; height:70px; border:1px solid #ffc840; padding:2px; font-weight:bold; cursor:pointer; font-size:10px}/*caja superior*/

.dropdown dd {position:absolute; overflow:hidden; width:80px; display:none; background:#3c3c3c; z-index:200; opacity:0}/*fondo del desplegable*/
.dropdown ul {width:75px;  list-style:none; border-top:none}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#ffc840; width:80px}
.dropdown a:hover {background:#ffc840; color:#000}
.dropdown .underline {border-bottom:1px solid #b9d6dc}
.dropdown .black {background:#dd9f04; margin-left:5px;}