/* Layout 1 do banner de destaques */

#destaques #maior { width:600px; float:left; height:320px; background:#000; text-align:center; vertical-align:middle; }
#destaques #maior #legenda { display:none; padding:5px 10px 5px 10px; width:550px; height:48px; text-align:left; margin:255px 0 0 20px; *margin:255px 0 0 -60px; color:#fff; background:#000; position:absolute; -khtml-opacity: 0.7; opacity: 0.7;  }
#destaques #maior #legenda  span { width:80%; float:left; font-size:11px; }
#destaques #maior #legenda h1 { font-size:22px; text-align:left; font-weight:bold;  }
#destaques #maior #legenda #bt_pausar_slide { float:right; background:url(../img/slide_pause.gif) no-repeat center center; width:24px; height:48px; text-indent:-9000px; overflow:hidden; }
#destaques #maior #legenda #bt_continuar_slide { display:none; float:right; background:url(../img/slide_play.gif) no-repeat center center; width:21px; height:48px; text-indent:-9000px; overflow:hidden; }
#destaques  a { color:#fff; }
#destaques #miniaturas { width:70px; vertical-align:top; height:320px; background:#000; text-align:center; float:left; }
#destaques #miniaturas img { margin:7px auto 0 auto; border:solid 2px #000; }
#destaques #miniaturas img:hover { border: solid 2px #FFF; cursor:pointer; }