html {
	background: rgb(255,255,255);
	background-image: url('fondo.jpg');
	background-position: center;
	color: rgb(0,0,0);
	background-color: #FAFFEE;
}

a:visited { /* Es obligatorio que valla antes del hover. */
	color: rgb(32,64,255);
}
a:link { /* Mejor que valla antes del hover. */
	color: rgb(32,64,255);
}
a:hover {
	color: rgb(64,128,255);
}
a:active {
	color: rgb(16,32,255);
	font-weight: bold;
}

.error {
	font-weight: bold;
	font-size: large;
	color: rgb(225, 64, 16);
}

.area-paneles {
	background-color: #EFF6FF;
	border-color: #D8EAFF;
	border-style: solid;
	border-width: 0.12em;
	padding: 0.5em;
}

table.linda {
	background-color: #000000;
	border-style: outset;
	border-color: #EFF6FF;
}
table.linda tr th {
	background-color: #E5FFCE;
}
table.linda tr td {
	background-color: #FFFFCC;
}

table.menu {
	background-color: #000000;
	border-style: outset;
	border-color: #EFF6FF;
}
table.menu tr th {
	background-color: #E5FFCE;
}
table.menu tr td {
	font-size: smaller;
	background-color: #FFFFCC;
}
table.menu tr td a:hover {
	background-color: #BFE0FF;
	display: block; /* Así el fondo cubre toda la celda y se puede clickear en cualquier parte de la celda. */
}
table.menu tr td a {
	font-weight: bold;
	color: #2B63B2;
	text-decoration: none;
	display: block; /* Necesario para que se pueda presionar fuera del texto pero dentro de la celda. */
	width: 100%; /* Para Microsoft Internet Explorer. */
}
table.menu tr td a:active {
	background-color: #FFA066;
	display: block; /* Así el fondo cubre toda la celda y se puede clickear en cualquier parte de la celda. */
}
table.menu tr td.seleccionado {
	font-weight: bold;
	font-size: smaller;
	background-color: #FFD387;
	color: #B24B4B;
}

h1, h1 a:link, h1 a:visited {
	color: rgb(32,175,54);
	margin-top: 0.5em;
	margin-bottom: 0.0em;
	text-decoration: none;
}

h1 a:hover {
	text-decoration: underline;
	color: #FFD387;
}
h1 a:active {
	text-decoration: underline;
	color: #FFA387;
}

h2 {
	color: rgb(32,175,54);
	margin-top: 0.75em;
	margin-bottom: 0.0em;
}

ul { list-style-image: url("esfera.gif") }

code {
	color: rgb(128,32,0);
}

/*
    .contador-compartido permite usar un unico contador para varios <li> sin
importar debajo de que elementos se encuentren y su nivel jerarquico:
*/

/* forma correcta pero Firefox 1.5 no soporta:
.contador-compartido {
    counter-reset: numcontcomp;
}
.contador-compartido li:before {
    content: counter(numcontcomp) ". ";
    counter-increment: numcontcomp;*/
    /*display: marker;*/
/*}
*/
.contador-compartido {
    counter-reset: numcontcomp;
}
.contador-compartido li {
    /*display: block;*/
    list-style-type: none;
    list-style-position: outside;
}
.contador-compartido li:before {
    content: counter(numcontcomp) ". ";
    counter-increment: numcontcomp;
    /*display: marker;*/
}