@import "menu.css?c=222";
	@import "user.css";
	@import "login.css";
	@import "button.css";
	@import "pagetitle.css";

	
	a.important
			{
			font-weight: bold;
			}
		
	div.barra-nav
			{
			/* ie float bug, see interna.css */
			display: inline;			
			margin:5px 0 0 5px;
			float:left;
			color:#2578d3;
			}
	div.barra-nav a.no-link
			{
			color:#2578d3;
			}						
	div.barra-nav a.no-link
			{
			color:#aaaaaa;
			}			
			
			

/*
	
<div class="global-nav">
	<div class="area-nav">
		<ul>
			<li><a href="#">Grupo CEEE</a></li>
			<li><a href="#">Distribuição</a></li>	
			<li><a href="#">Transmissão e Geração</a></li>
			<li><a href="#">Participações</a></li>
		</ul>
	</div>
	<div>
		<IMG src="http://localhost/netportal/portal/pportal/ceee/Images/0800.gif">
		<A href="http://localhost/netportal/portal/pportal/ceee/">Home</A>
		<A href="http://localhost/netportal/portal/pportal/ceee/component/controller.aspx?CC=1744">Fale Conosco</A> 
		<div class="global-search">
			<input class=text onblur="this.parentNode.className = this.parentNode.className.replace(/ focus/gi,'')" onfocus="this.parentNode.className+=' focus';this.value=''" value="Procura" name="inpDsSearchWords">
			<button onclick=search()>BUSCA</button>
		</div>
	</div>
</div>

*/	

	/*div.area-nav 
	{
		display:inline;
		float:left;
		clear:both;
	}*/	
		
	div.area-nav ul
	{
		float:left;
		margin:0px;
		padding:0px;
	}
	
	
	div.area-nav ul li
	{
		list-style: none;
		float:left;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:3px;
		margin:0px!important;
		padding-top:3px;
		height:16px;
		background:#008AF0 url(img/site_aba_area.gif) no-repeat 100% 0;
	}

	div.area-nav ul li.d
	{
		
		background-color:#0065B3;
	}
	
	div.area-nav ul li.grupo
	{
		background-image: url(img/site_aba_area_b.gif);
	}
	
	div.area-nav ul li.par
	{
		background-image:url(img/site_aba_area_c.gif);
		background-repeat:no-repeat;
		background-position: 100% 0;
	}
	
	div.area-nav ul li a
	{
		color:White!important;
		font-weight:normal;
	}
	div.area-nav ul li a:hover
	{
		background-color:transparent!important;
	}
		
			
	div.global-nav
			{
			text-align: right;
			padding:2px;
			}
	div.global-nav img
			{
			margin-right: 7px;
			}
	div.global-nav a
			{
			margin:0px 1px;
			font-weight: bold;
			padding:2px 0;
			}				
	div.global-search
			{
			display: inline;
			}						
	div.global-search input.text
			{
			border:1px solid #bfbfbf;
			width:70px;
			color:#9f9f9f;
			}
	div.global-search button,
	div.global-search input.button
			{
			font-family: arial, helvetica, sans-serif;
			border:1px solid #bfbfbf;
			background-color: #bfbfbf;
			color: white;
			font-size:0.8em;
			height:17px;
			}

	div.global-search.focus input.text
			{
			border-style:inset;
			background-color: #f2f2f2;
			color:black;
			}				
	div.global-search.focus button,
	div.global-search.focus input.button
			{
			border-width:1px;
			border-style:solid;
			border-top-color:#78879c;
			border-left-color:#78879c;
			border-right-color:#485362;
			border-bottom-color:#485362;
			background-color: #566375;
			color: white;
			font-size:0.8em;
			height:17px;
			}

	
				
				
	div.bottom
				{
				padding:20px 0;
				background: transparent url(img/bottom-shadow.gif) no-repeat;
				font-size:1.1em;
				border-top:1px solid #dfdfdf; 
				}
	/* hide from ie \*/
	html>body div.bottom
				{
				height:auto;
				}
	/* end hide */
	div.bottom p
				{
				margin-left: 35px;
				}
				
	div.bottom a.logo-estado
				{
				margin-top:3px;
				}		
	div.bottom a.logo-semc
				{
				margin:3px;
				}
	div.bottom a.logo-dev
				{
				/* ie float bug, see interna.css */
				display: inline;				
				float: right;
				border:1px solid white;
				padding:2px;
				margin-right:20px;
				}

	div.bottom a:hover
				{
				background-color:white!important;
				}