/* CSS Document */
/***
--------------------------- 
HTML Element Initialization
---------------------------
. reset HTML Elements
***/
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,blockquote,th,td{margin:0;padding:0;}fieldset,address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

/***
-------------------- 
Standard Html Styles
--------------------
. defines font, font size, and link styles 
. migrated from legacy.css to framework
. recycled from btx
***/

#libra {
  margin: 5px 5px 5px 5px;
  font:11px arial,helvetica,sans-serif; /* Sets base */
  color:#333333;
  /*background: url(/img/fundopage.gif) repeat-x #FFFFFF;*/
  }
  * html #libra { 
    font:11px arial,helvetica,sans-serif; /* IE6 reset */
  }

/*** 
---------------------------
Site Area Navigation Styles
---------------------------
. features overrides to generic rounded corners css 
. defines border and the corners. 
. content to define height & keep the corner positioning correct 
. legend:
    cdc-nav-module : wrapper div
    nav-container  : table
    nav            : table column cells
***/

#cdc-nav-module {
  position:relative;
  margin-top:0px;
  background:url(img/fundomenu.gif) repeat-x top left;
  z-index:10;  /* req: flydowns */
  }
  /* IE requires height. FF1.0 takes literally */
  * html #cdc-nav-module { height:1%; }

#cdc-nav-module .nav-container  {
  margin-top:0px; 
  width:885px; /*largura total do menu*/
  }
  /* IE6 moves flydown 1 pixel down to not overlap nav */    
  * html #cdc-nav-module .nav-container { margin-bottom:0px; }

#cdc-nav-module .nav { 
  padding:5px 0px 5px 0px;/*altura do menu*/
  border-right:1px solid #B2C0C1;
  /*border-top:1px solid #B2C0C1; 
  border-bottom:1px solid #B2C0C1;
  border-left:1px solid #B2C0C1;*/
  }
  /* IE hover alternative */
  * html #cdc-nav-module .nav {
  behavior: expression( 
    this.onmouseenter=new Function("this.className+=' hover'"),
    this.onmouseleave=new Function("this.className=this.className.replace(' hover','')"),
    this.style.behavior=null);
    } 

#cdc-nav-module .lastnav { border-right:1 solid #B2C0C1; }

#cdc-nav-module .nav:hover, #cdc-nav-module .hover {
  background: url(img/fundomenu.gif) repeat-x 0 -28px; 
  }

#cdc-nav-module .nav a {
  display:block;
  padding:0px 10px 0px 10px; /* espaço entre os menus superiores */
  height:min; /* req: min auto. Not 100% */
  width:min;
  color:#4B5B5A; 
  background-color:transparent;
  font-size:11px;
  line-height:1.13em; /*equiv: 4px line-height;*/
  font-weight:bold;
  letter-spacing:1px;
  text-align:center;
  text-decoration:none;
  }

#cdc-nav-module .nav:hover a, 
#cdc-nav-module .hover a { color:#fff; }


/***
----------------------------------------
Package: Basic text formatting for menus            
----------------------------------------
 . Change colors, fonts, borders, etc.
***/

.menuFrame {
  overflow:hidden; 
  position:absolute;
  display:none;
  /* IE require -1px top to remove doubleline with flydown, 
     Safari is couple pixels off*/  
  }
  * html .menuFrame { margin-left:-1px; } /* req: IE 6 extra 1 pixel margin */

.menu {
  position:relative;
  width:100%;
  height:18;
  border:1px outset;
  border-top-width:0; 
  font-size:11px;
  }

.menu li {
  display:inline; 
  }
  * html body .menu li {
    behavior: expression( 
      this.onmouseenter=new Function("this.className+=' subhover'"),
      this.onmouseleave=new Function("this.className=this.className.replace(' subhover','')"),
      this.style.behavior=null); 
    }

.menu a:link, .menu a:visited {
  line-height:18px;/*altura da linha*/
  color:#2f6681;
  padding:0px 10px 0px;/*recuo dos itens do menu*/
  text-decoration: none;
  border-top:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  display:block;
  background:url(img/sitearea-nav-bg.png) repeat-x #F5F7F6;
  width:185px; /*largura dos menus abertos*/
  }
  * html .menu li a:link, * html .menu li a:visited {
    background:none;
    background-color:#fff;
    filter:alpha(opacity=95); /* req: IE 6 & 7, ignored by rest */
    }
  * html .menu li a:hover {
    background-color:#E8E8E8;
    filter:alpha(opacity=95); /* req: IE 6 & 7, ignored by rest */
    }

.menu a:hover, .menu .subhover {
  display:block;
  background-position:0 -50px; 
  }

.link-group { font-weight:bold; }

.menu .link-group a:link, .menu .link-group a:visited,
.menu .link-group a:hover, .menu .link-group a:active { 
  border-top:1px solid #B2C0C1; 
  border-right:1px solid #B2C0C1;
  font-weight:bold !important; 
  }

#solucoesFrame { %margin-left:-1px; } /* IE 7 positioning offset */
  * html #solucoesFrame { margin-left:0; } /* restore IE 6 position */

.menuspace{
    background:none;
    background-color:#F5F7F6;
	border-top:1px solid #CCCCCC;
    filter:alpha(opacity=95); /* req: IE 6 & 7, ignored by rest */
}

.tituloMenu{
	/*background: url(img/fundomenu.gif) repeat-x 0 -28px; */
	background: #e5e5e5 !important;
}