.manchaspipipal .bombillero {
  display: none;
  width: 464px;
  text-align: center;
  border: none;
  margin: 0;
  background: url(imgmanchas/meketrephe.png);
  background-repeat: no-repeat;
  /*padding: 2px 0;
  border-top: 1px dashed #f70;*/
  padding: 290px 0 33px 0;
}

.manchaspipipal .bombillero .cargando {
  color: #88b;
  font-size: 11px;
  font-family: arial, sans-serif;
  font-style: italic;
  font-weight: normal;
  background: #f8f8f8;
  border: 1px solid #bbb;
  padding: 1em;
  position: absolute;
  left: 33px;
  top: -53px;
}

.manchaspipipal .bombillero .cargando img {
  margin-left: 2em;
}

.manchaspipipal .bombillero a {
  text-decoration: none;
  border: none;
  outline: none;
}

.manchaspipipal .bombillero .bombillita {
  display: none;
  background-image: url('imgmanchas/bombillitas.png');
  width: 52px;
  height: 63px;
  border: 2px outset silver;
  margin-right: 1px;
  margin-bottom: 1px;
  cursor: pointer;
}

.manchaspipipal .bombillero a:hover .bombillita {
  border: 2px outset red !important;
}

.manchaspipipal .bombillero a:active .bombillita {
  border: 2px inset silver !important;
}

.manchaspipipal .bombillero a:focus .bombillita {
  border: 2px inset silver !important;
}

.manchaspipipal .bombillitafocus {
  border: 2px inset silver !important;
}

.manchaspipipal .cartelero {
  z-index:99;
}

.manchaspipipal .carteleroPos {
  z-index:49; /* por debajo o encima de z-index en jquery de mostrarResultadoBMancha para efectos */
  position: absolute;
  width: 464px;
  height: 740px; /* para evitar scroll (*) */
  border: none;
  background-image: url('imgmanchas/bandaDani.png');
  display: none; /* TODO : si se quiere el finalizador comentar esto */
}

.manchaspipipal .cartelero .cartelillo {
  display: none;
  width: 464px;
  height: 214px;
  border: none;
  background-image: url('imgmanchas/fondoSolves.png');
  border-bottom: 1px solid #fff;
  /* usamos absolute dado que no vale block layout para display animate height por tema de perdida de contexto en interface (varia posicion vertical scroll), esto se liga a desactivar animate height en jquery y a (*): */
  position: absolute;
}

.manchaspipipal .cartelero .cartelillo ol, .cartelero .cartelillo ol li {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.manchaspipipal .cartelero .cartelillo ol, .cartelero .cartelillo ol * {
  color: #fee;
  font-size: 27px;
  letter-spacing: -2px;
  font-family: arial, sans-serif;
  font-style: normal;
  font-weight: bolder;
  overflow: hidden;
}

.manchaspipipal .cartelero .cartelillo ol li.agresor {
  font-size: 25px;
  color: #09f;
  font-family: times, serif;
  letter-spacing: -1px;
  height: 33px;
  margin: 37px 12px 0 12px;
  width: 203px;
  text-transform: lowercase;
  text-align: right;
}

.manchaspipipal .cartelero .cartelillo ol li.material {
  height: 30px;
  font-size: 17px;
  font-weight: 700;
  text-align: right;
  text-transform: uppercase;
  margin: 13px 12px 0 247px;
  letter-spacing: -1px;
  text-align: left;
}

.manchaspipipal .cartelero .cartelillo ol li.solucion {
  height: 96px;
  margin: -3px 12px 0 19px;
  font-size: 14px;
  font-family: 'trebuchet ms', sans-serif;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: normal;
}
.manchaspipipal .cartelero .cartelillo ol li.solucion span {
  font-size: 14px !important;
  color: #334 !important;
}
.manchaspipipal .cartelero .cartelillo ol li.solucion sub {
  font-size: 9px !important;
  letter-spacing: 0 !important;
}
.manchaspipipal .cartelero .cartelillo ol li.solucion * {
  font-size: 14px !important;
  letter-spacing: 0 !important;
}

.manchaspipipal .tiposManchas {
  background: url(imgmanchas/banTipos.png);
  background-position: top left;
  background-repeat: no-repeat;
  width: 464px;
  padding-top: 70px;
  height: 325px; /* necesario por ffx float h no computable */
  overflow: visible; /* necesario por ie h+pad si se usa previa */
}

.manchaspipipal .tiposManchas a {
  display: block;
  width: 152px;
  height: 162px;
  float: left;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  position: relative;
}

.manchaspipipal .tiposManchas strong {
  font-family: arial, sans-serif;
  font-size: 17px;
  margin-top: 133px;
  display: block;
  color: red;
  white-space: nowrap;
  position: absolute;
  left: 700px;
}

.manchaspipipal #wrapperbombillero .pajeable { /* la paginación de bombillas */
  display: none;
}

.manchaspipipal #wrapperbombillero .pajeable a.mas {
  display: block;
  text-decoration: none;
  color: red;
  font-weight: bold;
  font-size: 19px;
  letter-spacing: -1px;
  font-family: arial, sans-serif;
  padding: 0;
  width: 140px;
  border-bottom: 1px solid blue;
  float: left;
  text-align: left;
  margin-bottom: -100px; /* FIXME : ajuste por "bug" de float layouted en IE7, no testado en IE8 */
}

.manchaspipipal #wrapperbombillero .pajeable a.mas:focus, #wrapperbombillero .pajeable a.mas:active {
  color: blue;
}

.manchaspipipal #wrapperbombillero .pajeable a.mas:hover {
  border-bottom-color: red;
}

/*
vim: ts=2 sw=2 et
*/