/*-------------------------------------------------------------------------*\
  Estilos para Aplicacion "CHORIZO ZAMORANO"
<--------------------------------------------------------------------------->
  Caracteristicas del MENU PRINCIPAL de tipo VERTICAL, con Listas y Enlaces
<--------------------------------------------------------------------------->
  Colores Rojo "Barro", Marrones, Sin Cajas, Separador Sencillo.
\*-------------------------------------------------------------------------*/

/*---MENU VERTICAL, Caracteristicas Comunes -------------------------------*/
div.menu {
  clear:none; float:left;
  margin:0em; padding:0em;
  /*border:1px solid red;/**/
  font-size:1em;
  
  border-width:1px 2px 2px 1px;
  border-style:solid;
  border-color:#AE0 #680 #680 #AE0;
}
div.menu ul {
  /*width:220px; /*se pone en [#menu li] -> ojo en Anidamiento de Menus*/
  clear:both; float:none;
  margin:0px; padding:2px;/*dejar 2px de fondo segun [background-color]*/
  list-style:none;
  font-size:1em; font-weight:normal; font-stretch:normal;/**/
  /*font-weight:bold;/**/
  letter-spacing:0.02em;/**/
  text-align:left;
  text-indent:0em;
  
  border-width:2px 1px 1px 2px;
  border-style:solid;  
  border-color:#680 #AE0 #AE0 #680;
  background-color:#E0FFD0;/**/
  /*border-color:#FFF0F0 #604040 #604040 #FFF0F0;/**/
  /*background-color:#E8D8C8;/**/
  /*background-color:#F0A080;/**/
  /*background-color:#A05050;/*rojo vino*/
  /*background-color:#A04000;/*marron barro*/
}
div ul li { margin:0px; padding:0px; /*background-color:#F0E0C0;/**/}
/*div.menu ul ul { margin-left:20px; width: 200px; } /*Anidamiento de Menus*/
/*div.menu ul li { }/**/
div.menu ul li.separador { /*Separador*/
  background:#D0A080; height:1px; line-height:1px;/*font-size:1px; /**/overflow:hidden;/**/
  border-bottom:1px solid silver;
}
div.menu ul li.submenu.separador { /*Separador de submenu*/
  /*border-bottom:1px solid red;/**/
  margin-left:1.5em; margin-right:0px; background:#D8A888;/**/ 
}
div.menu ul li a {
  display: block;
  margin:0px; padding:1px 6px 2px 6px;
  text-decoration: none;
  text-align:left;
  text-indent:0.5em;
  
  /*border-width:1px;
  border-style:solid;
  border-color:#FFF0F0 #604040 #604040 #FFF0F0;/**/
  color:#802010; /*background:#E0FFD0;/**/  
}
div.menu ul li a:hover {
  display: block;
  margin:0px; padding:1px 6px 2px 6px;
  text-decoration: none;
  text-align:left;
  text-indent:0.5em;
  
  /*border-color:#604040 #FFF0F0 #FFF0F0 #604040;/**/
  color:#FFFFFF; background-color:#E02010;/*D0A080*/
}
div.menu ul li a.activo {
  /*color:#FFFFFF; background-color:#00A050;/*Blanco / Verde Oscuro*/
}
div.menu ul li a.activo:hover { 
  /*color:#FFFFFF; background-color:#E02010;/*Blanco / Rojo Oscuro*/
}

/*---MENU VERTICAL, Caracteristicas Especiales-----------------------------*/
div.menu ul li.submenu a, div.menu ul li.submenu a:hover { text-indent:1.5em; }
/**/
div.menu ul ul { /*Anidamiento de Menus*/
  padding-left:0em; padding-right:0em;/**/
  border-left:0px; border-right:0px;/**/
}
div.menu ul li a { _width:100%; 
  border-width:1px 0px 1px 0px;
  /*border-width:0px;/**/
  border-top-color:#FFF0F0;
  border-bottom-color:#604040;
}
div.menu ul li a:hover { _width:100%;
  border-top-color:#E8D8C8; 
  border-bottom-color:#E8D8C8; 
}
div.menu ul li.ini a { border-top-width:0px; } 
div.menu ul li.fin a { border-bottom-width:0px; }
/**/

/*---MENU VERTICAL, Caracteristicas Finales--------------------------------*/
#menu a, #menu a:hover {
  width:190px; /*poner fijo para que ajuste. Ver margen en '#contenido-opc'.*/
  /*_width:100%; /*IE - arreglo para ampliar enlace.*/ 
}
#menu li { /*width:200px; /*IE - poner fijo para que se adapte al enlace.*/ }
#menu a {
  color:#802010; background-color:#F0FFE0;/*E0FFD0;/*Rojo Oscuro / Verde Claro*/
}
#menu a:hover {
  color:#FFFFFF; background-color:#E02010;/*Blanco / Rojo Oscuro*/
}
#menu a.activo {
  color:#FFFFFF; background-color:#00A050;/*Blanco / Verde Oscuro*/
}
#menu a.activo:hover { 
  color:#FFFFFF; background-color:#E02010;/*Blanco / Rojo Oscuro*/
}