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

#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: 70px;
   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:75px; 
  height:0; 
  padding-top:80px; 
  overflow:hidden; 
  position:absolute; 
  left:4px; 
  top:46px; 
  background:transparent url(es/ilustraciones/1_selected.gif) no-repeat 75px 80px;
}

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

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

a#segunda {
  display:block; 
  width:75px; 
  height:0; 
  padding-top:80px; 
  overflow:hidden; 
  position:absolute; 
  left:67px; 
  top:35px; 
  background:transparent url(es/ilustraciones/2_selected.gif) no-repeat 75px 80px;
}

* 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:75px; 
  height:0; 
  padding-top:80px; 
  overflow:hidden; 
  position:absolute; 
  left:127px; 
  top:22px; 
  background:transparent url(es/ilustraciones/3_selected.gif) no-repeat 75px 80px;
}

* 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:75px; 
  height:0; 
  padding-top:80px; 
  overflow:hidden; 
  position:absolute; 
  left:187px; 
  top:8px; 
  background:transparent url(es/ilustraciones/4_selected.gif) no-repeat 75px 80px;
}

* 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:75px; 
  height:0; 
  padding-top:80px; 
  overflow:hidden; 
  position:absolute; 
  left:17px; 
  top:106px; 
  background:transparent url(es/ilustraciones/5_selected.gif) no-repeat 75px 80px;
}

* 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:75px; 
  height:0; 
  padding-top:80px; 
  overflow:hidden; 
  position:absolute; 
  left:76px; 
  top:93px; 
  background:transparent url(es/ilustraciones/6_selected.gif) no-repeat 75px 80px;
}

* 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:75px; 
  height:0; 
  padding-top:80px; 
  overflow:hidden; 
  position:absolute; 
  left:137px; 
  top:82px; 
  background:transparent url(es/ilustraciones/7_selected.gif) no-repeat 75px 80px;
}

* 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:75px; 
  height:0; 
  padding-top:80px; 
  overflow:hidden; 
  position:absolute; 
  left:198px; 
  top:69px; 
  background:transparent url(es/ilustraciones/8_selected.gif) no-repeat 75px 80px;
}

* 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:75px; 
  height:0; 
  padding-top:80px; 
  overflow:hidden; 
  position:absolute; 
  left:28px; 
  top:167px; 
  background:transparent url(es/ilustraciones/9_selected.gif) no-repeat 75px 80px;
}

* 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:75px; 
  height:0; 
  padding-top:80px; 
  overflow:hidden; 
  position:absolute; 
  left:93px; 
  top:153px; 
  background:transparent url(es/ilustraciones/10_selected.gif) no-repeat 75px 80px;
}

* 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:75px; 
  height:0; 
  padding-top:80px; 
  overflow:hidden; 
  position:absolute; 
  left:150px; 
  top:140px; 
  background:transparent url(es/ilustraciones/11_selected.gif) no-repeat 75px 80px;
}

* 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:75px; 
  height:0; 
  padding-top:80px; 
  overflow:hidden; 
  position:absolute; 
  left:214px; 
  top:126px; 
  background:transparent url(es/ilustraciones/12_selected.gif) no-repeat 75px 80px;
}

* 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:75px; 
  height:0; 
  padding-top:80px; 
  overflow:hidden; 
  position:absolute; 
  left:41px; 
  top:227px; 
  background:transparent url(es/ilustraciones/13_selected.gif) no-repeat 75px 80px;
}

* 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:75px; 
  height:0; 
  padding-top:80px; 
  overflow:hidden; 
  position:absolute; 
  left:105px; 
  top:211px; 
  background:transparent url(es/ilustraciones/14_selected.gif) no-repeat 75px 80px;
}

* 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:75px; 
  height:0; 
  padding-top:80px; 
  overflow:hidden; 
  position:absolute; 
  left:164px; 
  top:199px; 
  background:transparent url(es/ilustraciones/15_selected.gif) no-repeat 75px 80px;
}

* 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:75px; 
  height:0; 
  padding-top:80px; 
  overflow:hidden; 
  position:absolute; 
  left:226px; 
  top:185px; 
  background:transparent url(es/ilustraciones/16_selected.gif) no-repeat 75px 80px;
}

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

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