BODY
{
}
.C1
{
    BORDER-TOP: black thin;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 25pt;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica
    BACKGROUND-COLOR: #FFCC00
}
.C3
{
    BORDER-RIGHT: black thin solid;
    BORDER-TOP: black thin solid;
    FONT-SIZE: 12pt;
    TEXT-TRANSFORM: none;
    BORDER-LEFT: black thin solid;
    COLOR: #003366;
    BORDER-BOTTOM: black thin solid;
    BACKGROUND-COLOR: white;
    FONT-VARIANT: normal
}
.C4
{
    BACKGROUND-COLOR: white
}
.C6
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    BACKGROUND-COLOR: #ffffff
}
.l1a
{
	BORDER-RIGHT: #ffffff 1px;
	FONT-SIZE: 10pt;
	BORDER-LEFT: #ffffff 1px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica
	BACKGROUND-COLOR: #CCCCCC;
	TEXT-ALIGN: left;
	TEXT-DECORATION: blink;
	cursor: default;
}
.l1b:hover
{
	BORDER-RIGHT: #ffffff 1px;
	BORDER-TOP: #ffffff 1px;
	FONT-SIZE: 10pt;
	BORDER-LEFT: #ffffff 1px;
	COLOR: black;
	BORDER-BOTTOM: #ffffff 1px;
	FONT-FAMILY: Verdana, Arial, Helvetica
	BACKGROUND-COLOR: #FFCC00;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
	cursor: default;
}
A.l2:hover
{
    FONT-SIZE: 12pt;
    COLOR: #ffcc00;
    FONT-FAMILY: Verdana, Arial, Helvetica
    TEXT-DECORATION: none
}
A.l2
{
    FONT-SIZE: 12pt;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica
	TEXT-DECORATION: none
}
.H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica
}
.H1
{
    FONT-SIZE: 25pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica
}
.H2
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial
}
A.l3:hover
{
    FONT-SIZE: 10pt;
    COLOR: #3399ff;
    FONT-FAMILY: Arial, Verdana
}
A.l3
{
    FONT-SIZE: 10pt;
    COLOR: blue;
    FONT-FAMILY: Arial, Verdana
}
.normal
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: gray;
    FONT-FAMILY: Verdana, Arial, Helvetica
}
.H4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica
}
A.l4:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica
    TEXT-DECORATION: none
}
A.l4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    TEXT-TRANSFORM: none;
    COLOR: gainsboro;
    FONT-FAMILY: Verdana, Arial, Helvetica
    TEXT-DECORATION: none
}
.C2
{
    BACKGROUND-COLOR: black
	FONT-FAMILY: Verdana, Arial, Helvetica
}

#navi {  
	list-style:none;
	margin:0;
	padding:0;
	FONT-FAMILY: Verdana, Arial, Helvetica
}
#navi li {
	margin:2px;
	padding:0; //Ya no necesito el padding, tambien quitare el borde que puse antes.
	float:left;
}
#navi li a {
	display:block;
	width:120px;
	padding:2px 0;
	text-decoration:none;
	text-align:center;
	font-size:16px;
	font-style:normal
	FONT-FAMILY: Verdana, Arial, Helvetica
	font-weight: bold
	color:#000000;
	background-color:#cccccc;
	border-left:12px solid #FFCC00;  //Agrego un borde ancho a la izquierda
}
#navi li a:hover {
	color:#000000;
	background-color:#FFCC00;
	border-left-color:#000000; //Luego le cambio el color al borde en el evento hover.
	FONT-FAMILY: Verdana, Arial, Helvetica
}
}