/*[fmt]A010-100B-3*/
/*Dropdown menu styles
====================================================================================
-------------------- menu---------------------*/
#nav
{ background: url(../img/bg_menu.png) no-repeat top right; height: 36px; line-height: 1em; list-style: none; margin: 0; padding: 0; position: relative; z-index: 5;}

#nav:after
{ clear: both; content: "."; display: block; height: 0; visibility: hidden;}

* html #nav li li a
{ height: 1%;}

/*-------------------- first level---------------------*/
#nav li
{ float: left; font-size: 12px; list-style: none; margin: 0 0px 0 0; padding: 0;}

#nav a
{ border-left: 1px solid #222222; color: #CCCCCC; display: block; margin: 4px 1px 0 0; text-decoration: none;}

#nav a span
{ display: block; margin-right: 4px; padding: 6px 2px 6px 6px;}

#nav a.on
{ border-bottom: 4px solid #E0E0E0; padding-bottom: 0px !important; /*[e]0px*/}

#nav a:hover, #nav a.on:hover
{ background-color: #444; color: #FF9900;}

/*-------------------- submenus---------------------*/
#nav ul
{ background-color: #444; border: 1px solid #000000; font-weight: normal;/*height: auto;*/
 left: -999em;/*using left instead of display to hide menus because display: none isn't read by screen readers*/
 line-height: 120%; margin: -1px 0 0; padding: 4px 2px 2px; position: absolute; width: 15em; z-index: 1000 !important; /*[e]1000*/}

#nav ul li
{ border: none; float: none; font-size: 11px; margin: 0; padding: 0;}

/*-------------------- segundo nivel links ---------------------*/
#nav ul li a
{ background-image: none; color: white; display: block; float: none; font-weight: normal; margin: 2px 0; padding: 2px 8px 6px;}

#nav ul li a:hover
{ background-color: #222; color: #FF9900; margin: 2px 0; padding: 2px 8px 6px !important; /*[e]2px 8px 6px*/}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
{ left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul
{ left: auto;/*lists nested under hovered list items*/
}

/*-------------------- 1er nivel en hover---------------------*/
#nav li:hover a, #nav li.sfhover a
{ background-image: url(../img/bg_tab.png); background-position: top right; background-repeat: no-repeat; border: none; border-bottom-color: #444; color: #FF9900; margin: 3px 2px 0 0; position: relative; z-index: 2500;}

#nav li:hover a span, #nav li.sfhover a span
{ background-image: url(../img/bg_tab.png); background-position: top left; background-repeat: no-repeat;}

/*-------------------- segundo nivel cuando el primero esta en hover---------------------*/
#nav li:hover li a, #nav li.sfhover li a
{ background-color: transparent; background-image: none; border: none; color: #FFF; margin: 2px 0; padding: 2px 8px 6px !important; /*[e]2px 8px 6px*/}

/*-------------------- segundo nivel en hover---------------------*/
#nav li li:hover a, #nav li li.sfhover a
{ background-color: #222; color: #FF9900; padding: 2px 8px 6px !important; /*[e]2px 8px 6px*/}

#nav li:hover li a:hover, #nav li.sfhover li a:hover
{ margin: 2px 0; padding: 2px 8px 6px !important; /*[e]2px 8px 6px*/}

/*-------------------- orange button---------------------*/
#orbtn
{ background-image: url(../img/bg_orangebtn.png); background-repeat: no-repeat; display: inline; height: 33px; margin: 0 12px 0 0 !important; /*[e]0 12px 0 0*/ padding: 0; text-align: center; text-transform: uppercase; width: 131px;}

#orbtn:hover, #orbtn.sfhover
{ background-position: bottom;}

#orbtn a, #orbtn.sfhover a, #orbtn:hover a
{ background-color: transparent !important; /*[e]transparent*/ background-image: none !important; /*[e]none*/ border: none !important; /*[e]none*/ color: #000000;}

#orbtn.sfhover a, #orbtn:hover a
{ color: #FFFFFF;}

#orbtn a:hover, #orbtn.sfhover a:hover, #orbtn:hover a:hover
{ background-color: transparent !important; /*[e]transparent*/ background-image: none !important; /*[e]none*/ border: none !important; /*[e]none*/ color: #FFFFFF !important; /*[e]#FFFFFF*/}

#orbtn:hover a span, #orbtn a:hover span, #orbtn.sfhover a span
{ background-image: none !important; /*[e]none*/}

/*-------------------- ie mac fixes ---------------------
only IE mac will see this*/
* html>body #nav li a
{}

* html>body #nav li
{ text-align: center; white-space: nowrap; width: 60px;}

* html>body #nav li#orbtn
{ width: 131px;}

* html>body #nav li li
{ text-align: left; width: 125px; white-space: nowrap;}

* html>body #nav li li:hover ul, #nav li li.sfhover ul
{ left: 110px;}

#privacytag
{ color: #FFFFFF; text-decoration: none;}