* { margin:0; padding:0;}
#destaques { width:240px; height:120px; border:0px solid black;    overflow: hidden;}
#destaques ul { height:10px; list-style:none; text-align:center; float:right;}
#destaques ul li{ float:left; width:20px; height:20px; border:0px solid blue; margin:2px; cursor:pointer;}
#destaques div { clear:both; height:100px; display:none; /* todas escondidas por default. O JS que irá exibi-las. */}
#destaques div img { float:left; width: 240px; height:80px; border:0px solid black; margin:5px; }
#destaques .exibe { display:block;}