#trans { position:absolute; width:100%; height:auto; top:0; left:0; background:url(../img/box/fundo.png); z-index:999; display:none; }
#box { position:fixed; width:auto; height:auto; top:50%; left:50%; margin:0; z-index:9999; display:none; }
#box .box-fechar { position:absolute; width:30px; height:30px; top:10px; right:10px; background:url(../img/box/ico-fechar.png); cursor:pointer; z-index:9999; }

#box .box-seta { position:absolute; width:auto; height:auto; top:0; z-index:999; cursor:pointer; }
#box .box-anterior { left:0; background:url(../img/box/ico-anterior.png) left 50% no-repeat; display:none; }
#box .box-proxima { right:0; background:url(../img/box/ico-proxima.png) right 50% no-repeat; display:none; }

#box .box-conteudo { width:auto; min-width:450px; height:auto; overflow:hidden; background:url(../img/box/carregando.gif) center center no-repeat #000; }
#box .box-conteudo img { width:auto; height:auto; display:none; }
#box .box-navegacao { position:absolute; width:auto; height:29px; right:0; bottom:5px; background:#fff; z-index:99; z-index:1000; }
#box .box-navegacao > div[id] { width:29px; height:29px; margin-left:2px; line-height:29px; text-align:center; font-size:14px; background:url(../img/box/nav.png) left top no-repeat; float:left; cursor:pointer; }
#box .box-navegacao > div[id]:hover,
#box .box-navegacao > div[id].on { background-position:left -29px; font-weight:bold; color:#fff; }