body{
  font-family: Arial, Helvetica, sans-serif
}

.menup {
  background-color: #339900;
  font-size: smaller;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  top: 100px;
  right: 305px;
  position: absolute;
  padding-left: 4px;
  padding-bottom: 2px;
  padding-right: 4px;
  padding-top: 2px;
  border: outset
}

.menup a:link
{
  color: White;
  text-decoration: none;
}

.menup a:visited
{
  color: White;
  text-decoration: none;
}

.menup a:active
{
  color: Red;
  text-decoration: none;
}

.menup a:hover
{
  color: Red;
  background: #FFFFFF;
  text-decoration: none;
}

.logoprincipal {
  top: 2px;
  right: 40px;
  position: absolute;

}
.estadisticas {
	position: absolute;
	padding: 2px;
	left: 6px;
	bottom: 10px;
	width: 123px;
	top: 145px;
	height: 473px;
}

.propagandaderecha {
  position: absolute;
  padding: 2px;
  right: 10px;
  top: 120px

}
.areacentral {
  position: relative;
  padding: 2px;
  border-color: #333366;
  border-width: thin;
  border-style: none ;
  margin-left: 130px;
  margin-top: 40px;
  margin-right: 140px
}
.titulosdepagina{
  color: #FFFFFF;
  background-color: #009900;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  padding: 1px 4px 1px 4px;
  text-align: center;
  position: relative;
  border: outset;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30em
}

.firma{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-color: #FFFFCC;
  border-style: double;
  padding: 2px;
  float: left;
  border-width: thin;
  background: #CCFFCC
}
.fotoprincipal {
  top: 0px;
  left: 0px;
  width: 70%;
  height: 90px;

}