#panel {
  display:block;
  width:300px; 
  height:300px;   
  position:relative;
  background:url(es/ilustraciones2/panel_imgs_bw.gif); 
  margin:0 auto 2em auto;
}

#panel img {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader;
}

#panel a {
  color:#000; 
  font-family:arial, sans-serif; 
  font-size:1.2em; 
  font-weight:bold; 
  text-transform:uppercase;
}

#panel a:visited, #panel a:focus {
  outline: none;
}

.panel_imagenes {
   display: block;
   position: absolute;
   width: 300px;
   top: 225px;
   left: 65px;
   z-index: 1;
   border: 0px;
   margin: 0 auto;
}

.ilustracion {
  position: absolute;
  display: block;
  width: 415px;
  height: 310px;
  cursor: default;
  top: 200px;
  left: 492px;
  z-index: 1;
}

a#primera {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:10px; 
  top:49px; 
  background:transparent url(es/ilustraciones2/1_selected.gif) no-repeat 60px 60px;
}

* html a#primera {
  height:120px; he\ight:0;
}

a#primera:hover, a#primera:focus {
  z-index: 5;
  background-position: 0 0; 
  outline: none;
  overflow:visible;    
}

a#segunda {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:59px; 
  top:39px; 
  background:transparent url(es/ilustraciones2/2_selected.gif) no-repeat 60px 60px;
}

* html a#segunda {
  height:120px; he\ight:0;
}

a#segunda:hover, a#segunda:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#tercera {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:107px; 
  top:29px; 
  background:transparent url(es/ilustraciones2/3_selected.gif) no-repeat 60px 60px;
}

* html a#tercera {
  height:120px; he\ight:0;
}

a#tercera:hover, a#tercera:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#cuarta {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:156px; 
  top:18px; 
  background:transparent url(es/ilustraciones2/4_selected.gif) no-repeat 60px 60px;
}

* html a#cuarta {
  height:120px; he\ight:0;
}

a#cuarta:hover, a#cuarta:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#quinta {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:204px; 
  top:7px; 
  background:transparent url(es/ilustraciones2/5_selected.gif) no-repeat 60px 60px;
}

* html a#quinta {
  height:120px; he\ight:0;
}

a#quinta:hover, a#quinta:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#sexta {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:21px; 
  top:97px; 
  background:transparent url(es/ilustraciones2/6_selected.gif) no-repeat 60px 60px;
}

* html a#sexta {
  height:120px; he\ight:0;
}

a#sexta:hover, a#sexta:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#septima {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:69px; 
  top:86px; 
  background:transparent url(es/ilustraciones2/7_selected.gif) no-repeat 60px 60px;
}

* html a#septima {
  height:120px; he\ight:0;
}

a#septima:hover, a#septima:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#octava {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:118px; 
  top:76px; 
  background:transparent url(es/ilustraciones2/8_selected.gif) no-repeat 60px 60px;
}

* html a#octava {
  height:120px; he\ight:0;
}

a#octava:hover, a#octava:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#nueve {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:167px; 
  top:64px; 
  background:transparent url(es/ilustraciones2/9_selected.gif) no-repeat 60px 60px;
}

* html a#nueve {
  height:120px; he\ight:0;
}

a#nueve:hover, a#nueve:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#diez {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:214px; 
  top:54px; 
  background:transparent url(es/ilustraciones2/10_selected.gif) no-repeat 60px 60px;
}

* html a#diez {
  height:120px; he\ight:0;
}

a#diez:hover, a#diez:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#once {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:32px; 
  top:144px; 
  background:transparent url(es/ilustraciones2/11_selected.gif) no-repeat 60px 60px;
}

* html a#once {
  height:120px; he\ight:0;
}

a#once:hover, a#once:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#doce {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:80px; 
  top:135px; 
  background:transparent url(es/ilustraciones2/12_selected.gif) no-repeat 60px 60px;
}

* html a#doce {
  height:120px; he\ight:0;
}

a#doce:hover, a#doce:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#trece {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:129px; 
  top:124px; 
  background:transparent url(es/ilustraciones2/13_selected.gif) no-repeat 60px 60px;
}

* html a#trece {
  height:120px; he\ight:0;
}

a#trece:hover, a#trece:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#catorce {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:177px; 
  top:113px; 
  background:transparent url(es/ilustraciones2/14_selected.gif) no-repeat 60px 60px;
}

* html a#catorce {
  height:120px; he\ight:0;
}

a#catorce:hover, a#catorce:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#quince {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:225px; 
  top:103px; 
  background:transparent url(es/ilustraciones2/15_selected.gif) no-repeat 60px 60px;
}

* html a#quince {
  height:120px; he\ight:0;
}

a#quince:hover, a#quince:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#dieciseis {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:42px; 
  top:192px; 
  background:transparent url(es/ilustraciones2/16_selected.gif) no-repeat 60px 60px;
}

* html a#dieciseis {
  height:120px; he\ight:0;
}

a#dieciseis:hover, a#dieciseis:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#diecisiete {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:90px; 
  top:181px; 
  background:transparent url(es/ilustraciones2/17_selected.gif) no-repeat 60px 60px;
}

* html a#diecisiete {
  height:120px; he\ight:0;
}

a#diecisiete:hover, a#diecisiete:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#dieciocho {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:139px; 
  top:171px; 
  background:transparent url(es/ilustraciones2/18_selected.gif) no-repeat 60px 60px;
}

* html a#dieciocho {
  height:120px; he\ight:0;
}

a#dieciocho:hover, a#dieciocho:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#diecinueve {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:187px; 
  top:161px; 
  background:transparent url(es/ilustraciones2/19_selected.gif) no-repeat 60px 60px;
}

* html a#diecinueve {
  height:120px; he\ight:0;
}

a#diecinueve:hover, a#diecinueve:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#veinte {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:235px; 
  top:150px; 
  background:transparent url(es/ilustraciones2/20_selected.gif) no-repeat 60px 60px;
}

* html a#veinte {
  height:120px; he\ight:0;
}

a#veinte:hover, a#veinte:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#veintiuno {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:52px; 
  top:239px; 
  background:transparent url(es/ilustraciones2/21_selected.gif) no-repeat 60px 60px;
}

* html a#veintiuno {
  height:120px; he\ight:0;
}

a#veintiuno:hover, a#veintiuno:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#veintidos {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:100px; 
  top:229px; 
  background:transparent url(es/ilustraciones2/22_selected.gif) no-repeat 60px 60px;
}

* html a#veintidos {
  height:120px; he\ight:0;
}

a#veintidos:hover, a#veintidos:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#veintitres {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:149px; 
  top:218px; 
  background:transparent url(es/ilustraciones2/23_selected.gif) no-repeat 60px 60px;
}

* html a#veintitres {
  height:120px; he\ight:0;
}

a#veintitres:hover, a#veintitres:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#veinticuatro {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:195px; 
  top:205px; 
  background:transparent url(es/ilustraciones2/24_selected.gif) no-repeat 60px 60px;
}

* html a#veinticuatro {
  height:120px; he\ight:0;
}

a#veinticuatro:hover, a#veinticuatro:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}

a#veinticinco {
  display:block; 
  width:60px; 
  height:0; 
  padding-top:60px; 
  overflow:hidden; 
  position:absolute; 
  left:244px; 
  top:196px; 
  background:transparent url(es/ilustraciones2/25_selected.gif) no-repeat 60px 60px;
}

* html a#veinticinco {
  height:120px; he\ight:0;
}

a#veinticinco:hover, a#veinticinco:focus {
  z-index: 5;
  background-position: 0 0; 
  overflow:visible;
}