/* Estilos del menu */

#menu {
	margin: 0px;
	width: 171px;
	float: left;
	display:inline;
	overflow:hidden;
}

#menu img{
  border:0px;
  vertical-align:middle;
  padding-left: 0px;
}

.cuadroMenu{
  cursor: finger;
  width:171px;
  margin:0px 0px 0px 0px;
  text-align:left;
  display: block;  
}

.cuadroSubMenu{
  cursor: pointer;
  width:171px;
  text-align:left;
  display: block;
  overflow:hidden;
  margin-left: 20px;
  margin-bottom: 10px;
  padding: 0px 0px 0px 0px;
}

.elementoMenu {
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 8px 0px; 
  vertical-align: middle;
  width:171px;
  overflow:hidden;
  border-top:1px solid #BFBFBF;  
}

.elementoMenuSUB {
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 8px 0px; 
  vertical-align: middle;
  width:171px;
  overflow:hidden;
  border-top:1px solid #BFBFBF;  
  background: url(../imgTemplate/flecha_gris.jpg) no-repeat center right;    
}

.elementoMenu img{
  vertical-align: middle;
}

.elementoMenuSUB a, .elementoMenu a {
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none;
  font-size:11px;
  margin: 3px 1px 3px 0px;
  vertical-align: middle;
  font-weight: normal;
  color:#999;
}

.elementoMenu a:hover, .elementoMenuSUB a:hover {
  text-decoration:none;
  color:#2C8CE6;  
}

.elementoMenuActual {
  margin: 0px 0px 0px 0px;	
  padding: 8px 0px 8px 0px; 
  width:171px;
  color:#9B9B9B;
  overflow:hidden;
  vertical-align: middle;  
  border-top:1px solid #BFBFBF;
}

.elementoMenuActualSUB {
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 8px 0px; 
  vertical-align: middle;
  width:171px;
  overflow:hidden;
  border-top:1px solid #BFBFBF;  
  background: url(../imgTemplate/flecha_abajo.jpg) no-repeat center right;    
}

.elementoMenuActualSUB a, .elementoMenuActual a {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#2c8ce6;
  text-decoration: none;
  margin: 3px 1px 3px 0px;
  font-weight: normal;
}		

.elementoMenuActual a:hover, .elementoMenuActualSUB a:hover {
  text-decoration:none;
  color:#2C8CE6;  
}		

.cuadroSubMenu .elementoMenu {
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 13px; 
  vertical-align: middle;
  width:200px;
  overflow:hidden;
  border-top:0px;  
  background: url(../imgTemplate/flecha_gris.jpg) no-repeat center left;    
}

.cuadroSubMenu .elementoMenuActual {
    border:0px;
}

.cuadroSubMenu .elementoMenuActual {
  margin: 0px 0px 0px 0px;	
  padding: 5px 0px 5px 13px; 
  width:200px;
  color:#9B9B9B;
  overflow:hidden;
  vertical-align: middle;  
  background: url(../imgTemplate/flecha_gris.jpg) no-repeat center left;    
}	

.cuadroSubMenu .elementoMenu a, .cuadroSubMenu .elementoMenuActual a {
	font-size:10px;	
}