/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#multi-level { z-index:2; width:790px; position:relative; }
/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0px; margin:0px; width:790px;}
/* Set up the size of the list items and float left to place inline */
.menu li {display:inline; float:left; position:relative;  margin:0px;  padding:0px; }
/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; position:absolute; top:0; left:0;}
/* Default link styling */
.menu li a,.menu li a:active{display:inline; float:left; text-align: center; vertical-align: middle; border-bottom: dashed 1px #d37d39; border-left: 1px dashed #d25600;}
/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible; cursor:pointer; position:relative;}
.menu li:hover { z-index:2; position:relative;}
/*Estilo del primer nivel*/
/* Style the top level links */
.menu li a, .menu li a:visited, .menu li a:link { text-align:center; color: #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; padding: 5px 18px 5px 9px; text-decoration:none;}
.menu li a:hover {color: #fff; text-decoration:none;  background-color:#666666;}
.menu li:hover{background-color:#666666;}
/*hover cuando estan los hijos desplegados*/
.menu li:hover a { display:block; color: #fff; text-decoration:none; font-weight:normal;  } 
/*estilo del primer nivel para tiene desplegados los hijos y estan fijos*/
.menu li.activo ,.menu li.activo a { background:#de7d39; color:#000; font-weight:normal;}
/*activo cuando no tiene hijos*/
.menu li.activo1 ,.menu li.activo1 a { background:#666; color:#fff; font-weight:normal;}
/*oculta todos los hijos para que solamente los veamos cuando nos posicionemos sobre el padre */
.menu ul, 
.menu ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
/*    ESTILOS PARA LOS HIJOS --------  Este bloque hacen que se muestren los hijos cuando nos posicionamos hover */ 
/* Style the drop down sub level links */
.menu :hover ul.sub {position:absolute; left:0px; top:23px !important; top:20px; padding:0px; white-space:normal;} /*width:230px*/
.menu :hover ul.sub li { display:block; float:left; padding:3px 3px 1px 8px;  margin:0px; background-color: #de7d39; border:1px solid #d25600; border-top:none;}
.menu :hover ul.sub li a, .menu :hover ul.sub li a:visited { text-align:left; border:0px; display:block; float:left; text-decoration:none; padding:0px; font-size:1.0em; font-weight: normal;  background-color: #de7d39;}
.menu :hover ul.sub li a:hover { color:#fff !important; text-decoration:underline; font-size:1.0em; font-weight: normal; }
/*12_08_09 Si el padre está activo no muestro sus hijos de forma dinámica*/
.menu li.activo ul.sub { display:none; }
/*--------------------------------*/
/*   ESTILOS A LAS CAJAS DE CADA ITEM DEL SEGUNDO NIVEL  */
/* All this lot is for IE6, believe it or not, to style the fly outs */
.menu :hover ul.sub li a ,
.menu :hover ul.sub li a:hover ul li a ,
.menu :hover ul.sub li a:hover ul li a:hover ul li a ,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a , 
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a 
{display:block; float:left; width:200px; padding:0px; font-weight:normal; color:#fff;}
.menu :hover ul.sub li a:hover ,
.menu :hover ul.sub li a:hover ul li a:hover ,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover 
{color:#fff; font-weight:bold; text-decoration:none; font-size:1.0em;}
/* cambiado el color de texto de #d25600 a #000*/
.DIV_MENU_2NIVEL {background:#de7d39; border-bottom:solid 1px #d25600;}
.TABLA_MENU_2NIVEL { width:98%;}
.MENU_2NIVEL_OFF{ height:30px; background:#de7d39 url(../img/barra.jpg) center right no-repeat; text-align: center; vertical-align: middle; padding: 0px 5px 0px 5px;}
.MENU_2NIVEL_OFF a, .MENU_2NIVEL_OFF a:visited , .MENU_2NIVEL_OFF a:link{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; font-style: normal;  text-decoration: none; font-weight:bold;}
.MENU_2NIVEL_OVER {text-align: center; background:#de7d39 url(../img/barra.jpg) center right no-repeat; height:30px; vertical-align: middle; padding: 0px 5px 0px 5px;}
.MENU_2NIVEL_OVER a, .MENU_2NIVEL_OVER a:visited , .MENU_2NIVEL_OVER a:link{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;; font-style: normal; font-weight: bold; text-decoration: none; }
.MENU_2NIVEL_ON {text-align: center; background:#de7d39 url(../img/barra.jpg) center right no-repeat; height:30px;  vertical-align: middle; padding: 0px 5px 0px 5px; }
.MENU_2NIVEL_ON a, .MENU_2NIVEL_ON a:visited , .MENU_2NIVEL_ON a:link{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-style: normal; font-weight: bold; text-decoration: none; }