#scroller {
width:800px; height:480px; position:relative;padding:5px 0; background:#372412;
}
#scroller em {
display:block; width:279px; height:250px; position:absolute; top:0; right:0; border:1px solid #FFEA6F;
}
#scroller span {
display:block; width:510px; height:440px; position:absolute; top:0; left:0; border:1px solid #FFEA6F;
}
#scroller span b#copyright {
font-size:10px; color:#888; position:absolute; bottom:5px; right:20px; font-family:georgia, verdana, arial, sans-serif; font-weight:normal;
}

#scroller b#thumbs {
display:block; width:270px; height:175px; overflow:auto; float:right; margin-top:250px; border:1px solid #FFEA6F; border-width:1px 0 1px 1px; padding:5px;
}
#scroller b#thumbs a {
display:block; float:left; margin:0 10px 10px 0; background:#372412; width:50px; height:50px; border:1px solid #FFEA6F;
}
#scroller b#thumbs a img {
width:50px; height:50px; border:0;
}
#scroller b#thumbs a:hover {
border:1px dotted #FFEA6F; background:#372412 url(../immagini/click_on.gif);
}
#scroller b#thumbs a:active, #scroller b#thumbs a:focus {
border:1px solid #FFEA6F; background:#372412; outline:0;
}
#scroller b#thumbs a:hover img {
display:block; position:absolute; background:#372412; z-index:500;
}
#scroller b#thumbs a:active img, #scroller b#thumbs a:focus img {
display:block; position:absolute; background:#372412; z-index:100;
}
#scroller b#thumbs a:hover img.hr {
width:240px; height:180px; right:20px; top:35px; border:1px solid #FFEA6F;
}
#scroller b#thumbs a:hover img.vt {
width:180px; height:240px; right:50px; top:6px; border:1px solid #FFEA6F;
}
#scroller b#thumbs a:active img.hr, #scroller b#thumbs a:focus img.hr {
width:480px; height:360px; left:18px; top:43px; border:1px solid #FFEA6F;
}
#scroller b#thumbs a:active img.vt, #scroller b#thumbs a:focus img.vt {
width:315px; height:420px; left:100px; top:10px; border:1px solid #FFEA6F;
}