html body {
	font-family: verdana;
	font-size: 90%;
	background-color: white;
	color: black;
	margin: 0px;
	padding: 0px;
	text-align: justify;
	}

div#cabecera
{
  position: absolute;
  overflow: visible;
  top: 1%; left: 5%; height: 14%; width: 90%; 
  border-left  : #44c8f5 2px solid;
  border-right : #44c8f5 2px solid;
  border-top : #44c8f5 2px solid;
}

div#cabecera img
/* Esta definicion de "img" afecta solo a la capa "cabecera" */
{
  float: left;
  padding-left: 0.5em;
}

td.abajo
{
  vertical-align: bottom;
}

div#cabecera ul
{
  list-style-type: none;
}

div#cabecera ul.opciones li
{
  float: left;
  margin  : 0em 0.3em; 
  padding : 0.3em 0.3em;
  text-transform: capitalize;
  background-color: #44c8f5;
  color : #FFFFFF;
  border-radius: 3px;
  -moz-border-radius: 3px;
}

div#cabecera ul.opciones li:hover
{
  background-color: #FFFFFF;
  color: #44c8f5;
}


div#cuerpo
{
  position: absolute;
  overflow: scroll;
  top: 15%; left: 5%; height: 80%; width: 90%; 
  border-left  : #44c8f5 2px solid;
  border-right : #44c8f5 2px solid;
  background-image: url("../images/fondo.png"); 
  background-repeat: no-repeat;
  background-position: right bottom;
}

div#cuerpo table
{
  margin-left: 5%;
}

div#cuerpo tr.pregunta
{
  background-color: #44c8f5;
  color : #FFFFFF;
  font-weight: bold;
}


div#cuerpo tr.f_azul
{
  background-color: #afebff;
}



div#cuerpo td.datos
{
  font-weight: bold;
  text-align: right;
}

div#cuerpo hr.fina
{
  height: 0px;
}

div#centrado
{
  position : absolute;
  left: 30%;
  top : 30%;
}


div#pie
{
  position: absolute;
  overflow: visible;
  top: 95%; left: 5%; height: 4%; width: 90%; 
  border-left  : #44c8f5 2px solid;
  border-right : #44c8f5 2px solid;
  background-color: #44c8f5;
  color: white;
  font-weight: bolder;
  text-align : right;
}

p.nota
{
  font-size: 70%;
}

a
{
  text-decoration: none;
  color : #000000;
  font-weight: bold;
}

a.blanco
{
  color : #FFFFFF;
}

a:hover
{
  color : #44c8f5;
}