* { margin:0; padding:0;}
#destaques { width:427px; height:155px; 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:110px; display:none; /* todas escondidas por default. O JS que irá exibi-las. */}
#destaques div img { float:left; width: 427px; height:126px; border:0px solid black; margin:5px; }
#destaques .exibe { display:block;}