/* PRINCIPAL */
	@import url(transparente.css);
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
body {
  font-size: 11px;
  font-family: trebuchet MS;
  color:#fff;
  background-image: url(../imgs/bg-home.jpg);
  background-repeat: repeat-x;
  background-color: #0C0C0C;
}

#main{
  margin: 0 auto;
  width: 970px;

}

/* TOPO */

#nav{
	height: 60px;
	border-bottom:#333333 dotted 1px;
	float:left;
	padding-top: 65px;
}
#logo{
	width: 246px;
	float:left;
}
#end{
	width: 347px;
	text-align:right;
	float:left;
	height: 75px;
	border-bottom:#333333 dotted 1px;
	padding-top: 50px
}
a.home {
	color:#0000FF;
	text-decoration:none;
}
a.institucional {
	color:#99FF00;
	text-decoration:none;
}
/* MENU */

/* todos os links dentro do menu terão a imagem dos sprites
como background */
#menu li { float: left;}
#menu li a span	{ display: none; }
#menu li a { background: url(../imgs/menu.png) no-repeat; display: block; width: 88px; height: 44px; }
#menu li .home { background-position: 0px 0px; margin-right: 5px}
#menu li .home:hover { background-position: 0px -44px; }
#menu li .institucional { background-position: -93px 0px; margin-right: 5px}
#menu li .institucional:hover { background-position: -93px -44px; }
#menu li .produtos { background-position: -188px -0px; margin-right: 5px}
#menu li .produtos:hover { background-position: -188px -44px; }
#menu li .contatos { background-position: -282px 0px; }
#menu li .contatos:hover { background-position: -282px -44px; }


/* CONTEUDO / HOME*/

#content{
	width: 970px;
	float:left;
}

/* RODAPE */

#footer{
  width: 100%;
  height: 166px;
  background-image: url(../imgs/bg-rodape.jpg);
  clear:both;
}

#creditos{
  float: right;
  clear:both;
}
img{
  border: 0px;
}