﻿#preloadImagens
{
	width: 0;
	height: 0;
	padding: 0:
	display: none;
	background-image: url("/img/fundo_submenu.png");
	background-image: url("/img/fundo_submenu2.png");
	background-image: url("/img/fundo_submenu3.png");
	background-image: url("/img/fundo_submenu4.png");
	background-image: url("/img/bt_home.png");
	background-image: url("/img/bt_home_on.png");
	background-image: url("/img/bt_institucional.png");
	background-image: url("/img/bt_institucional_on.png");
	background-image: url("/img/bt_destaque.png");
	background-image: url("/img/bt_servicos.png");
	background-image: url("/img/bt_servicos_on.png");
	background-image: url("/img/bt_noticias.png");
	background-image: url("/img/bt_noticias_on.png");
	background-image: url("/img/bt_contato.png");
	background-image: url("/img/bt_contato_on.png");

/* Basta adicionar novas linhas para mais imagens */
} 
ul.menubar{
  margin: 0px;
  padding: 0px;
/*  background-color: #fff; /* IE6 Bug */
  font-size: 100%;
}
 
ul.menubar .submenu{
	margin: 0;
  	padding: 0px;
  	list-style: none;
/*  background-color: #fff; */
  	border: none;
  	float:left;
}
 
ul.menubar ul.menu{
  display: none;
  position: absolute;
  margin: 0px;
}
 
ul.menubar a{
  padding: 5px;
  display:block;
  text-decoration: none;
  color: #777;
  padding: 5px;
}
 
ul.menu, ul.menu ul{
  margin: 0 1px 1px 0;
  padding: 0;
  border-bottom: none;
  background-image:url("/img/fundo_submenu.png");		/* IE6 e IE7 Bugs */ /*		Caso NÃ£o colocar valor para o BG, o submenu nÃ£o funciona. Dividi a img fundo_submenu.png c/ transparencia 50% 	*/
}
 
ul.menu li{
  position: relative;
  list-style: none;
  border: 0px;
  background-image:url("/img/fundo_submenu.png");
}

.submenu2{
  background-image:url("/img/fundo_submenu.png");
}

.submenu3{
  background-image:url("/img/fundo_submenu3.png");
}

.submenu4{
  background-image:url("/img/fundo_submenu4.png");
}
 
ul.menu li a{
  display: block;
  text-decoration: none;
  border: none;
  border-bottom: 0px;
  color: #fff;
  padding: 5px 10px 5px 5px;
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
 
ul.menu li sup{
  font-weight:bold;
  font-size:8px;
  color:#970000;
}
 
/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */
 
ul.menu ul{
  position: absolute;
  display: none;
  left: 149px; /* Set 1px less than menu width */
  top: 0px;
}

ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */
 
/*
ul.menu li.submenu {
	background: transparent url(arrow.gif) right center no-repeat;
}
*/ 

ul.menu li:hover {
	background:#0099CC;
}

.submenu{
	width:154px;
	height:28px;
	cursor:pointer;
}

/*		Menu		*/


#home{
	background:url("/img/btn_home.png") no-repeat;
}
#home:hover{
	background:url("/img/btn_home.png") 0 -28px;
}

#institucional{
	background:url("/img/btn_institucional.png") no-repeat;
}
#institucional:hover{
	background:url("/img/btn_institucional.png") 0 -28px;
}

#solucoes{
	background:url("/img/btn_solucoes.png") no-repeat;
}
#solucoes:hover{
	background:url("/img/btn_solucoes.png") 0 -28px;
}

#destaque{
	background:url("/img/btn_destaque.png") no-repeat;
}
#destaque:hover{
	background:url("/img/btn_destaque.png") 0 -28px;
}

#noticias{
	background:url("/img/btn_noticias.png") no-repeat;
}
#noticias:hover{
	background:url("/img/btn_noticias.png") 0 -28px;
}

#contato{
	background:url("/img/btn_contato.png") no-repeat;
}
#contato:hover{
	background:url("/img/btn_contato.png") 0 -28px;
}
ul.menubar li.submenu {
    position: relative;
    z-index: 10; /* aqui o z-index */
}