/*
-----------------------------------------------

----------------------------------------------- */

/* Imported Styles
----------------------------------------------- */
@import url('main.css');

@import url('nav_list.css');
@import url('searchpage.css');
@import url('eventos.css');

@import url('nombres.css');  











#primaryNav {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 15px;

   }

/* here we set the default display for the lists/nested lists */
#primaryNav ul {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   list-style: none;
   display: block;
   width: auto;
   }
   
#primaryNav ul ul {
   display: none;
   position: absolute;
   width: 150px;
   border-bottom: 1px solid #ccc;
   top: 20px;
   left: 0px;
   }

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul ul { top: 30px; left: 0px; width: 170px;}
   /* End */
   
   
#primaryNav ul ul ul {
   display: none;
   position: absolute;
   left: 148px;
   top: -1px;
      	border-right: 1px solid #CCCCCC;

   }

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul ul ul { left: 170px; top: -1px; }
   /* End */

/* here we set the default display for the list items/nested list items */
#primaryNav ul li {
   margin: 0px 0px 0px 0px;
   padding: 4px 0px 4px 4px;
   float: left;
   position: relative;
   font-weight: bold;
   }

#primaryNav ul li li {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border: 1px solid #ccc;
   border-bottom: 0px;
   float: none;
   display: block;
   font-weight: normal;
   }

/* here we set the default display state for the links */
#primaryNav ul li a {
   padding: 5px 20px 5px 5px;
   display: inline;
   text-decoration: none;
   }
   
#primaryNav ul li li a {
   padding: 5px 10px 5px 10px;
   display: block;
   width: 170px;
   }

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul li { float: left; height: 1%; }
   * html #primaryNav ul li a { height: 1%; }
   /* End */
   

/* here we set the ACTIVE class for ON menus, first for cascade */
#primaryNav ul.itemOff { color: #FF3300; /*color: #FF3300;*/ }

/* DEFINE DEFAULT LI/A APPEARANCE */
/* here we set the standard LI states - controls bg color */
#primaryNav ul li { background-color: efefef; color: #666666;    border-right: 1px solid #ccc;
}
#primaryNav ul li li { background-color: #efefef; color: #777; }
#primaryNav ul li li li { background-color: #ffffff; color: #777; }
#primaryNav ul li li li li { background-color: #f9f9f9; color: #777; }

/* here we set the standard A states - controls text color */
#primaryNav ul li a { color: inherit; }

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul li a { color: #0099CC; }
   * html #primaryNav ul li li a { color: #777; }
   /* End */

/* DEFINE DEFAULT LI/A HOVER/ON APPEARANCE */
/* here we set the hover and "in" styles for elements */
   /* L1 on states */
#primaryNav li:hover, #primaryNav li.sfhover a { color: #FF3300; }
   /* L1 off states - for children */
#primaryNav li:hover li, #primaryNav li.sfhover li a { color: #777; }

   /* L2 on states */
#primaryNav li li:hover, #primaryNav li li.sfhover a { color: #FF3300; }
   /* L2 off states - for children */
#primaryNav li li:hover li, #primaryNav li li.sfhover li a { color: #777; }

   /* L3 on states */
#primaryNav li li li:hover, #primaryNav li li li.sfhover a { color: #FF3300; }
   /* L3 off states - for children */
#primaryNav li li li:hover li, #primaryNav li li li.sfhover li a { color: #777; }

   /* global states - bg colors */
#primaryNav li li:hover, #primaryNav li li.sfhover, #primaryNav li li li:hover, #primaryNav li li li.sfhover {
   background-color: #f9f9f9;
   }

/* DEFINE MENU APPEARANCE BEHAVIORS */
/* here we set the reveal/hide chains for the fly-out */
#primaryNav li:hover ul ul, #primaryNav li:hover ul ul ul {
   display: none;
   }
   
#primaryNav li:hover ul, #primaryNav li li:hover ul, #primaryNav li li li:hover ul {
   display: block;
   }

#primaryNav li.sfhover ul ul, #primaryNav li.sfhover ul ul ul, #primaryNav li li.sfhover ul ul {
   display: none;
   }
   
#primaryNav li.sfhover ul, #primaryNav li.sfhover ul, #primaryNav li li.sfhover ul, #primaryNav li li li.sfhover ul {
   display: block;
   } 

#primaryNav ul ul li a.submenu {
   background-image: url(/r_arrow.gif);
   background-repeat: no-repeat;
   background-position: 100% .4em;
   padding-right: .6em;
} 

#primaryNav ul ul li.itemOn {
   font-weight: bold;
   background-color: #0099CC;
}

#primaryNav ul ul li.itemOn a {
   color: #FFFFFF;
}

#primaryNav ul ul li.itemOn a {
   color: #666666;
}