.boton {
    font-family: Verdana;
    font-size: 13px;
	text-decoration:inherit;
	color: #FFFFFF;
    background-color: #000000;
    border: 1px solid #004080;
}
.dat {
	color: #477CE0;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
}
.dato{
	color:  #00376F;;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	
	}
a:link {
	color: #3366CC;
	text-decoration: none;
	font-family: Verdana;
	font-size: 13px;
	}
	a {	font-weight: bold;}
a:visited {	color: #3399CC;	text-decoration: none;}
a:hover {color: #000099;text-decoration: none;}
a:active {
	text-decoration: none;
}

    A.clase1:visited {color:#FFFFFF; text-decoration: none;}
    A.clase1:active {color:#FFFFFF;text-decoration: none;}
    A.clase1:link {color:#FFFFFF; text-decoration: none;}
    A.clase1:hover {color:#CCCCCC; text-decoration: none;}
	A.clase1{font-weight: bold; }
	
	A.clase2:visited {color:#900; text-decoration: none;}
    A.clase2:active {color:#039;text-decoration: none;}
    A.clase2:link {color:#900; text-decoration: underline;}
    A.clase2:hover {
	color:#C00;
	text-decoration: blink;
	font-size: 13px;
}
	A.clase2{font-weight: bold;}
	A.clase2{
	font-size: 14px;
}
	
	
.hum {color: #FFFFFF}
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {
	font-size: 18px;
}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {
	font-size: 14px;
}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {
	font-size: 12px;
	font-family: Arial,Helvetica,Sans-Serif;
	font-style: normal;
	font-weight: normal;
}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}
.textTable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#menuList {
  background-color: #D8DFDF;
  border: 1px solid #9B9BA0;
  margin: 0px;
  padding: 2px;
  line-height:0px;
  width:10em; /* Es necesario aportar anchura al menú para limitar el ancho de los botones */
}

#menuList li {
  display: block; /* De este modo los elementos del menú se mostrán como bloques uno debajo de otro y hasta el ancho del menú */
  margin: 2px;
  padding: 0;
  list-style: none;
}

#menuList li a, #menuList1 li a:focus {
  display: block;
  background-color: #D8DFDF;
  border: 1px solid #0000FF;
  margin: 0;
  text-decoration: none;
  color: #000;
  font-family: Verdana,Arial,Helvetica; 
  font-size: 12px;
  font-weight:bold;
  padding: 15px;/* Cuanto mayor sea el espaciado, mas grande será el area del botón. */
}

#menuList li a:hover {
  background-color: #003399;
  border-color: #FFF;
  color: #FFCC00;
}

ul#menu {
 background: #DDDDDD;
 width: 400px;
 float:left;
 padding: 5px;
}
  
ul#menu li {
 color: #fff;
 float: left;
 list-style: none;
 margin: 0% 5%;
}
  
ul#menu li:hover{
 color: #aaa073;
 cursor:pointer;
}
  
ul#menu ul {
 display: none;
 position: absolute;
 top: 49px;
 background: #333;
 color: #fff;
 padding: 5px 0px 5px 5px;
 margin: 0;
 }
  
ul#menu ul li{
 float: left;
 color: #fff;
 width:100%;
 margin:2% 0%;
}
 
 
ul#menu ul li a{
 color: #fff;
}
  
ul#menu ul li a:hover{
 color: #aaa073;
 cursor:pointer;
}
  
ul#menu li:hover ul ul,ul#menu li:hover ul ul ul,ul#menu li.iehover ul ul,ul#menu li.iehover ul ul ul {
 display: none;
 cursor:pointer;
}
  
ul#menu li:hover ul,ul#menu ul li:hover ul,ul#menu ul ul li:hover ul,ul#menu li.iehover ul,ul#menu ul li.iehover ul,ul#menu ul ul li.iehover ul {
 display: block;
 cursor:pointer;
}