a
{
  cursor: pointer; cursor: hand;
}

body
{
  margin: 0px 0px 0px 0px;
}

img
{
  border: 0px;
}

#contenido
{
  background-image: url(imagenes/fondo.png);
  background-repeat: repeat-x;
  color: #000000;
  position: absolute;
  left: 50%; 
  top: 50%; 
  width: 760px;
  height: 500px;
  margin-left: -375px; /* 750px/2 */
  margin-top: -225px; /* 450px/2 */
}

#marco
{
  width: 760px;
  height: 450px;
  position: relative;
  border: 1px solid #dddddd;
  overflow: hidden;
}

#angelazar
{
  width: 758px;
  height: 139px;
  position: absolute;
  top: 15px;
  left: 1px; /* (760-758)/2 */
}

#angelazar_m
{
  width: 758px;
  height: 139px;
  position: absolute;
  top: 15px;
  left: -199px; /* (760-758)/2 -300 */
}

#angelazar_p
{
  width: 758px;
  height: 139px;
  position: absolute;
  top: 15px;
  left: 201px; /* (760-758)/2 +300 */
}

#magos
{
  width: 361px;
  height: 400px;
  position: absolute;
  top: 25px;
  left: 199px; /* (760-361)/2 */
}

#magos_p
{
  width: 361px;
  height: 400px;
  position: absolute;
  top: 25px;
  left: 499px;
}

#magos_m
{
  width: 361px;
  height: 400px;
  position: absolute;
  top: 25px;
  left: -101px;
}

#angelpayago
{
  width: 190px;
  height: 400px;
  position: absolute;
  top: 0px;
  left: 0px;
}

#angelmago
{
  width: 191px;
  height: 400px;
  position: absolute;
  top: 0px;
  left: 170px;
}

#payago
{
  width: 90px;
  height: 24px;
  position: absolute;
  top: 405px;
  /*left: 145px;*/ /* 760/4 - 90/2 */
  left: 81px; /* 760/6 - 90/2 */
}

#mago
{
  width: 80px;
  height: 56px;
  position: absolute;
  top: 400px;
  /*left: 530px;*/ /* 3*760/4 - 80/2 */
  left: 593px; /* 5*760/6 - 80/2 */
}

#muypronto
{
  position: absolute;
  top: 270px;
  left: 220px;
}

#panel_transparente_p
{
  width: 560px;
  height: 500px;
  top: 0px;
  left: 0px;
  background: #fff;
  position: absolute;

  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  opacity: 0.65;
}

#panel_transparente_m
{
  width: 560px;
  height: 500px;
  top: 0px;
  left: 199px;
  background: #fff;
  position: absolute;

  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  opacity: 0.65;
}

#panel_p
{
  width: 560px;
  height: 500px;
  top: 0px;
  left: 0px;
  position: absolute;
  border-right: 1px solid #dddddd;
}

#panel_m
{
  width: 560px;
  height: 500px;
  top: 0px;
  left: 199px;
  position: absolute;
  border-left: 1px solid #dddddd;
}

#titulos
{
  width: 760px;
  height: 50px;
  position: relative;
}

#copyright
{
  position: absolute;
  left: 0;
  width: 50%;
  font-family: monospace;
  font-size: 7pt;
  color: #aaa;
}

#disenyo
{
  position: absolute;
  right: 0;
  width: 50%;
  text-align: right;
  font-family: monospace;
  font-size: 7pt;
  color: #aaa;
}

a.pie
{
  color: #aaa;
  text-decoration: none;
}

a.pie:hover
{
  color: #ccc;
}

a.pie:active
{
  color: #ccc;
}

#cuerpo
{
  font-family: sans-serif;
  font-size: 9pt;
  color: #000;
  padding-left: 10px;
  padding-right: 10px;
  text-align: justify;
}

h2
{
  font-size: 9pt;
}

h2.trigger
{
  font-size: 9pt;
  cursor: pointer; cursor: hand;
}

ul
{
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
}

ul li:before
{
  content: "\00BB \0020";
}