a {
  text-decoration: none;
  color: #827f00;
}

a:hover {
  color: #ABA800;
}

.primera {
  display: none;
}

div#cuerpo {
  width: 840px;
  height: 685px;
  background: url(/img/marionetas_bg.png);
  background-repeat: no-repeat;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

div#tnails {
  position: relative;
  top: 260px;
  left: 2px;
  width: 833px;
  height: 380px;
  overflow: auto;
}

div#tnails ul {
  list-style: none;
  clear: both;
}

div#tnails li {
  float: left;
  display: block;
  width: 80px;
  height: 80px;
  background-position: 50% 50%;
  cursor: pointer;
  border: 3px solid #fff;
  outline: 1px solid #ddd;
  margin-right: 10px;
  margin-bottom: 14px;
  filter: alpha(opacity =   50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

div#tnails li:hover {
  filter: alpha(opacity =   100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

div#tabs {
  position: relative;
  left: 486px;
  top: 265px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  width: 400px;
}

div#tabs a {
  color: white;
}

div#tabs a:hover {
  color: #ABA800;
}

.anyo {
  background-color: #D9EC83;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
}