body {
	background-image: url(../Imagenes/bg2.gif);
	background-repeat: repeat;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.titulo{
font-family: Arial, Helvetica, sans-serif;
height: 20px;
width:  770px;
color: #990000; 
font-size: 12px; 
font-weight: bold; 
background-color: #FFFFFF; 
border:#FFFFFF; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px;
border-bottom-width: 1px; 
border-left-width: 1px;
overflow-y:hidden;
overflow-x:hidden;
}
.encabezado{
font-family: Arial, Helvetica, sans-serif;
text-align:justify; 
width:  760px;
color: #5F5858;
font-size: 10px; 
font-weight: bold; 
background-color: #FFFFFF; 
border:#FFFFFF; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px;
border-bottom-width: 1px; 
border-left-width: 1px;
overflow-y:hidden;
overflow-x:hidden;
}
.style7 {font-size: 12px;
	font-weight: bold;
	color: #DD0000;
}
.menu ul{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #DD0000;
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
font-size: 9px;
font-weight: bold;
color: #DD0000;
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{

position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:20px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:9px;
width:149px;
padding:7px 0;
color:#000;
background:#6699FF;
text-decoration:none;
margin-right:1px;
text-align:center;
}
/* style the links hover */
.menu :hover{
color:#FFFFFF; 
background:#33CCCC;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}