body 
    {
    font-family:"Verdana, Arial, Bookman Old Style, Georgia";
    font-size:12px; color:#FFFFCC;
    margin:0; 
	scrollbar-face-color: #000033;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #cc9966;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color: #000066;
	scrollbar-darkshadow-color: #000000;
	background-color: #000033;
	background-image: url(./i/gradient.jpg);
	background-repeat: repeat;
	text-align: justify;
    } 
#contenido 
    {
    font-family:"Verdana, Arial, Bookman Old Style, Georgia";
    font-size:12px; color:#FFFFCC;
    margin:5; 
    text-align: justify;
    } 

td 
    {
    font-family:"Verdana, Arial, Bookman Old Style, Georgia";
    font-size:11px;
    }

td.fondo
    {
	background-image: url(./i/fondo.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: 0% 0%;
    }

h2 {	
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #cc9966;
	font-family: Arial;
	font-variant: normal;
	text-decoration: none;
	text-align: center;

}

h2 {	
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #ffffcc;
	font-family: Arial;
	font-variant: normal;
	text-decoration: none;
	text-align: center;

}



A:link				{ color:#00ffff; text-decoration: none;}
A:visited 		{color:#ffcc00; text-decoration: none;}
A:active 		{text-decoration: none; color: #00ffff;}
A:hover 		{text-decoration: none; color: #ffffcc;}



.opcion
{background-color: #D2B98E; padding-top: 0px; margin-top: 0px auto; }

td.menu
{
background-image: url(i/menu.jpg); /* forward slash for the path */ 
width: 190px; /* use you own image size; */ 
height: 200px; /* use you own image size; */ 
background-repeat: no-repeat; 
background-position:top; 
vertical-align: top;
}


#navlist
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #c90;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #ffc;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #c90;
padding-bottom: 2px;
background: transparent;
color: #c90;
}

#navlist a:hover { color: #c90; }


#menu ul
{
list-style-type: none;
text-align: left;
padding-top: 20px;
}

#menu ul li a
{
background: transparent url(i/list-off.gif) left  no-repeat;
padding-left: 20px;
text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #ffc;
}

#menu ul li a:hover
{
background: transparent url(i/list-on.gif) left no-repeat;
color: white;
}

#menu ul li a#current
{
background: transparent url(i/list-active.gif) left no-repeat;
color: #c96;
}



.pie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #ffffcc;
}
A.pie:link				{ color:#00ffff; text-decoration: none;}
A.pie:visited 		{color:#ffcc00;}
A.pie:active 		{text-decoration: none; color: #ffffcc;}
A.pie:hover 		{text-decoration: none; color: #00ffff;}