/********************
Estilizações Gerais
********************/
* {
	font: 11px Arial, Helvetica, sans-serif;
	color: #515151;
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	text-decoration: none;
	vertical-align: baseline;
}

acronym, abbr {
	color: inherit;
	cursor: help;
	border-bottom: 1px dashed;
}

strong { font-weight: bold; }

html { overflow: -moz-scrollbars-vertical; }

body { background: #DEDEDE url(../images/bg_site.gif) repeat-x top; }

#geral {
	width: 780px;
	margin: 0 auto;
	padding-top: 40px;
	overflow: auto;
	background: url(../images/bg_painel.jpg) no-repeat top;
}

#bg_corpo {
	clear: both;
	width: 741px;
	margin: 4px 0 0 20px;
	overflow: auto;
	background: #D2D2D2 url(../images/bg_corpo.gif) repeat-x top;
}

#bg_conteudo {
	width: 705px;
	margin-left: 19px;
	overflow: auto;
	background: url(../images/bg_conteudo.gif) repeat-y;
}

#tudo {
	overflow: hidden;
	background: url(../images/bg_corpo_gd.gif) no-repeat bottom;
}

	/********************
	Títulos
	********************/
	h2 {
		clear: both;
		font-size: 1.4em;
		font-weight: bold;
		color: #7C272A;
		width: 466px;
		margin: 0 auto 10px;
		padding: 7px 10px;
		background-color: #DEDEDE;
	}

	h3 {
		font-size: 1.6em;
		font-weight: bold;
		color: #6E6E6E;
		padding-left: 10px;
		background: url(../images/bullet02.gif) no-repeat center left;
	}
	
	h5 {
		font-size: 1.1em;
		font-weight: bold;
	}
	/********************
	Fim dos títulos
	********************/
	
/********************
Fim das Estilizações Gerais
********************/


/********************
Topo
********************/
#painel {
	font: 0.9em 'Trebuchet MS', Tahoma, Helvetica, sans-serif;
	width: 700px;
	height: 17px;
	margin-left: 42px;
	overflow: auto;
	background: #E0E0E0 url(../images/bg_barra_topo.gif) repeat-x;
}

#painel p, #painel a { font: 0.9em 'Trebuchet MS', Tahoma, Helvetica, sans-serif; }

#painel p {
	float: left;
	height: 17px;
	padding-left: 10px;
	background: url(../images/bg_barra_topo_esq.gif) no-repeat left;
}

#painel p span {
	font: 1em 'Trebuchet MS', Tahoma, Helvetica, sans-serif;
	color: #A90D13;
}

	/********************
	Navegação
	********************/
	#painel ul {
		float: right;
		height: 17px;
		padding-right: 10px;
		background: url(../images/bg_barra_topo_dir.gif) no-repeat right;
	}
	
	#painel ul li {
		display: block;
		float: left;
		padding: 0 5px;
	}
	
	#painel ul li#fal_con {
		padding-left: 10px;
		background: url(../images/bullet01.gif) no-repeat left;
	}
	
	#painel ul li a { color: #A90D13; }
	
	#painel ul li a:hover { text-decoration: underline; }
	
	#painel ul li#home a {
		display: block;
		width: 11px;
		height: 10px;
		margin-top: 3px;
		overflow: hidden;
		text-indent: -9999px;
		background: url(../images/bt_home.gif) no-repeat top;
	}
	
	#painel ul li#home a:hover { background-position: 0 -10px }
	/********************
	Fim da Navegação
	********************/
/********************
Fim do topo
********************/


/********************
Sidebar
********************/
#sidebar {
	float: left;
	width: 193px;
	padding: 5px 5px 0 7px;
	background: url(../images/bg_sidebar.gif) no-repeat;
}

#sidebar #bg { background: #F2F2F2 url(../images/bg_sidebar_gd.gif) repeat-x; }

	/********************
	Logo
	********************/
	#info { margin: 5px 0 0 4px; }
	
	h1 {
		width: 188px;
		height: 39px;
		padding-top: 5px;
	}
	
	h1 a, h1 a span {
		color: #555;
		font-size: 1.7em;
		text-align: center;
		text-transform: uppercase;
		display: block;
		width: 185px;
		height: 39px;
		overflow: hidden;
		background: url(../images/logo.gif) no-repeat;
	}
	
	h1 a { position: relative; }
	
	h1 a span {
		cursor: pointer;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
	#info h5 {
		font-weight: normal;
		margin: 0 0 10px 10px
	}
	/********************
	Fim da logo
	********************/

	/********************
	Informações
	********************/
	#info address {
		color: #E5E5E5;
		text-align: center;
		width: 193px;
		height: 90px;
		margin-left: 2px;
		padding: 8px 0 12px;
	}
	
	#info address a {
		color: #EEE;
		text-decoration: underline;
		display: block;
		margin-top: 2px;
	}
	
	#info address a:hover { text-decoration: none; }
	/********************
	Fim das informações
	********************/
	
	/********************
	Menu Principal
	********************/
	#menu {
		margin: 15px 0 10px 4px;
		width: 100%;
	}
	
	#menu li {
		display: block;
		height: 38px;
		margin-bottom: 3px;
	}
	
	#menu li a {
		font-size: 1.4em;
		font-weight: bold;
		display: block;
		height: 27px;
		overflow: hidden;
		padding: 11px 0 0 18px;
		background: url(../images/botoes_menu.gif) no-repeat -3px 0;
	}
	
	#menu li a:hover {
		color: #A90D13;
		background-position: -3px -38px;
	}
	/********************
	Fim do Menu Principal
	********************/
	
	/********************
	Menu Secundario
	********************/
	#secoes {
		margin-left: 2px;
		padding-bottom: 20px;
		background: url(../images/bg_secoes2.gif) repeat-x bottom;
	}
	
	#secoes li {
		display: block;
		height: 58px;
		margin-bottom: 1px;
		padding-left: 54px;
	}
	
	#contrate { background: url(../images/ico_contrate.gif) no-repeat left; }

	#fornecedores { background: url(../images/ico_fornecedores.gif) no-repeat left; }
	
	#fale { background: url(../images/ico_fale.gif) no-repeat left; }

	#secoes li a {
		font-size: 0.9em;
		color: #747474;
		display: block;
		width: 112px;
		height: 38px;
		padding: 8px 10px 12px;
		background: url(../images/bg_botoes_secoes3.gif) no-repeat;
	}
	
	#secoes li a span {
		font-size: 1.4em;
		font-weight: bold;
		color: #AF040A;
	}
	
	#secoes li a:hover { color: #525252; }
	
	#secoes li a:hover span { color: #CF262C; }
	/********************
	Fim do Menu Secundario
	********************/
/********************
Fim da sidebar
********************/


/********************
Imagem Destaque
********************/
#destaque {
	width: 500px;
	height: 184px;
	overflow: hidden;
	float: right;
}

#destaque p {
	width: 100%;
	height: 100%;
	margin: 0;
	text-indent: -9999px;
	background: url(../images/mascara_destaque.gif) no-repeat;		
}
/********************
Fim da Imagem Destaque
********************/


/********************
Conteudo
********************/
#conteudo {
	float: right;
	width: 500px;
	margin-top: 5px;
}

	/********************
	Menu de Navegação
	********************/
	.nav {
		width: 490px;
		padding: 6px 0 0 0;
		overflow: auto;
		background: #F1F1F1 url(../images/bg_nav_top.gif) no-repeat top;
	}
	
	.nav * {
		font-size: 0.95em;
		vertical-align: baseline;
	}
	
	.nav h6 {
		color: #616161;
		float: left;
		padding: 3px 0 4px 10px;
		background: url(../images/bg_nav_esq.gif) no-repeat left;
	}
	
	.nav h6 span, .nav p span {
		color: #993234;
		font-size: 0.9em;
		letter-spacing: -0.1em;
	}
	
	.nav h6 a {
		color: #993234;
		text-decoration: underline;
	}
	
	.nav h6 a:hover { text-decoration: none; }
	
	.nav p {
		float: right;
		padding: 3px 10px 4px 0;
		background: url(../images/bg_nav_dir.gif) no-repeat right;
	}
	
	.nav p a {
		color: #993234;
		display: inline;
		width: auto;
		padding: 0;
		text-decoration: underline;
	}
	
	.nav p a:hover {
		padding: 0;
		background: none;
		text-decoration: none;
	}
	/********************
	Fim do Menu de Navegação
	********************/
/********************
Fim do conteudo
********************/


/********************
Rodape
********************/
#rodape {
	clear: left;
	width: 780px;
	height: 155px;
	margin: 0 auto;
	background: url(../images/bg_rodape.gif) no-repeat;
}

#rodape h4 {
	font-size: 1.1em;
	color: #5C5C5C;
	float: left;
	margin: 54px 0 0 70px;
}

#rodape h4 span {
	font-size: 0.9em;
	color: #6D6D6D;
}

#rodape a {
	font-size: 1.1em;
	color: #5C5C5C;
	display: block;
	width: 40px;
	height: 18px;
	overflow: hidden;
	margin: 52px 66px 0 0;
	background: url(../images/interag.gif) no-repeat top;
}

#rodape a {
	position: relative;
	float: right;
}

#rodape a span {
	position: absolute;
	cursor: pointer;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/interag.gif) no-repeat top;
}

#rodape a:hover, #rodape a:hover span {
	color: #A04C50;
	background-position: 0 -18px;
}
/********************
Fim do rodape
********************/

