.tituloprincipal
 { /* El título general */
	 font-family : "Bookman Old Style";
	 font-size : 16pt;
	 font-style : normal;
	 font-variant : small-caps;
	 font-weight : bold;
	 background : transparent;
  background-color : Green;
	 text-align : center;
 }

.titulosecundario  
 { /* Un título más específico */
 	font-size : 18px;
 	font-style : italic;
 	height : auto;
 	background-color : transparent;
 	color : Yellow;
 }

.referencia  
 { /* Las referencias tendrán estas propiedades */
  font-size : 12pt;
  font-family : verdana;
  text-decoration : none;
  text-align : center;
  background-color : Teal;
 }

.menorimportancia
 { /* Esto será un texto de menor importancia */
 	font-family : "Verdana";
 	font-size : 10pt;
 	font-style : normal;
 	font-variant : normal;
 	color : Silver;
 }
 
.contador
 { /* Las propiedades del contador */
	background : Maroon;
	color : White;
	border : 1px dotted Black;
	font : 8pt Tahoma;
}


BODY  
 { /* El cuerpo HTML tendrá estas propiedades ... */
  font-size : 10pt;
  margin: 3px 0px 0px 0px;
  color: white; 
  background-color : #3165CD;
  font-family : arial;
 }

A
 { /* El color normal de los links */
 	font-style : normal;
 	text-decoration : none;
 	color : White;
 }

A:Hover
 { /* Cuando pase el puntero encima del link, entonces ... */
 	color : Yellow;
 	background : Olive;
 }

INPUT
 { /* Esto no funciona cuando tengo XP... hay que hacerlo directo en el código HTML. En Windows 98 */ 
 	background-color : #e3e3e3;                    /* lo más probable es que funcione a la perfección */
 	border : 1px solid #666666;
 	font-size : 8pt;
 	color : #000099;
 }

BUTTON
{ /* El tema de los botones. Me gusta más el que viene por defecto, pero bueno... */
	border : thin outset;
	background : Silver;
	font-family : sans-serif;
	text-align : center;
}

IMG
 { /* para que las imágenes no tengan ningún borde. Se ve feo en los links */
  border : 0px none;
 }