#spc{ margin-top:5px;}
a {color: #c3c3c3;}
a:hover {text-decoration:none;}
a:visited {color:#99FFFF;}
.photo { width:207px; height:112px; text-align:left; position:relative; margin:0 auto;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:200px; height:auto; position:relative; z-index:10;}
.photo ul.topic li {display:block; height:20px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; height:50px; text-align:center; line-height:15px; color:#CCCCCC; text-decoration:none; border:1px solid #e5e5e5; border-width:1px 1px 0 0; border-color:#e5e5e5; font-family:verdana, arial, sans-serif;}
.opcion1{width:115px; border:1px solid #e5e5e5; margin-right:2px;}
.opcion2{width:75px;}
.photo ul.topic li a ul, .photo ul.topic li ul
{display:none;}
.photo ul.topic li.active a
{color:#FFFFFF; background-color:#CCCCCC;}
.photo ul.topic li a:hover, .photo ul.topic li:hover a
{color:#FFFFFF; background-color:#666666;}
.photo ul.topic li.active ul
{ display:block; position:absolute; left:0; top:21px; list-style:none; padding:0; margin:0; height:67px; background-color:#FFFFFF ; width:192px; padding:5px 5px; border:2px solid #CCCCCC; z-index:1;}
.photo ul.topic li a:hover ul, .photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:21px; list-style:none; padding:0; margin:0; height:55px; background-color:#FFFFFF ; width:192px; height:67px; padding:5px 5px; border:2px solid #666666; z-index:100;}
.photo ul.topic li ul li
{display:inline; width:87px; height:57px; float:left; border:1px solid #999999; margin:3px;}
.photo ul.topic li ul li a
{display:block; width:87px; height:57px; cursor:default; float:left; text-decoration:none;}
.photo ul.topic li ul li a img
{display:block; width:75px; height:45px; border:5px solid #eee;}
.photo ul.topic li a:hover ul li a:hover, .photo ul.topic li:hover ul li a:hover
{white-space:normal; position:relative;}
.photo ul.topic li a:hover ul li a:hover img, .photo ul.topic li:hover ul li a:hover img
{ border-color: #FFFFCC;}
