body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 10px;
	color: #000000;
	background: url(../imagens/fundo01.jpg) repeat-x top left #CCCCCC;
}

#pagina {
	width: 750px;
	background-color: #FFF;
	margin: 0 auto;
}

#superior {
	padding: 0px;
	margin: 0px;
	height: 250px;
}

#menutop {
	background: url(../imagens/fundo_menutop.jpg) repeat-x top left;
	height: 30px;
	width: 750px;
	}
#menutop h1 {
	background: url(../imagens/mnt_sep.gif) no-repeat top center;
	float: right;
	height: 27px;
	width: 30px;
	padding: 0;
	margin: 0;
	}
#menutop a {
	margin-top: 5px;
	height: 18px;
	float: right;
	}
#menutop a.pedidos {
	background: transparent url(../imagens/mnt_pedidos.gif) no-repeat left top;
	width: 50px;
	}
#menutop a.pedidos:hover {
	background: transparent url(../imagens/mnt_pedidos.gif) no-repeat -90px 0;
	width: 50px;
	}
#menutop a.home {
	background: transparent url(../imagens/mnt_home.gif) no-repeat left top;
	width: 40px;
	}
#menutop a.home:hover {
	background: transparent url(../imagens/mnt_home.gif) no-repeat -90px 0;
	width: 40px;
	}
#menutop a.mapadosite {
	background: transparent url(../imagens/mnt_mapadosite.gif) no-repeat left top;
	width: 80px;
	}
#menutop a.mapadosite:hover {
	background: transparent url(../imagens/mnt_mapadosite.gif) no-repeat -90px 0;
	width: 80px;
	}
#menutop a.atendimento {
	background: transparent url(../imagens/mnt_atendimento.gif) no-repeat left top;
	width: 80px;
	}
#menutop a.atendimento:hover {
	background: transparent url(../imagens/mnt_atendimento.gif) no-repeat -90px 0;
	width: 80px;
	}
#menutop a.login {
	background: transparent url(../imagens/mnt_login.gif) no-repeat left top;
	width: 40px;
	}
#menutop a.login:hover {
	background: transparent url(../imagens/mnt_login.gif) no-repeat -90px 0;
	width: 40px;
	}
#menutop a.desconectar {
	background: transparent url(../imagens/mnt_desconectar.gif) no-repeat left top;
	width: 80px;
	}
#menutop a.desconectar:hover {
	background: transparent url(../imagens/mnt_desconectar.gif) no-repeat -90px 0;
	width: 80px;
	}
#menutop span { display: none; }


#inferior {
	clear: both;
	padding: 50px 0px 20px;
	width: 750px;
	/*height: 15px;*/
	background: url(../imagens/inferior.gif) no-repeat top left #CCCCCC;
	text-align: center;
	/*position: static;*/
}

#col_menu {
	width: 160px;
	float: left;
	position:relative;
	margin-left: -160px;
}

#conteudo_out {
	border-left: 160px solid #FFFFFF; /* Largura e cor da coluna esquerda */
	/*background-color: #FFFFFF;*/
	width: auto;
	/*height: 340px;*/
	background: url(../imagens/site_barra.gif) no-repeat top right;
}

#conteudo_in {
	margin: 0px;
	width: 100%;
	position: static;
	/*background-color: #FFFFFF;*/
}

#col_main {
	float: right;
	width: 100%;
	position: relative;
	text-align: center;
	background: url(../imagens/site_barra.gif) no-repeat top right #FFFFFF; /* para aparecer o barrra no mozilla */
	min-height: 450px;
}

#main_direito {
	width: 190px;
	float: right;
	text-align: left;
}

#main_esquerdo {
	width: 400px;
	float: left;
	text-align: center;
}

/* Top Right Bottom Left              */
/* Empaçamento dos retângulos da capa */
/* Menos o destaque_capa.php          */
div.in_capa {
	text-align: left;
	padding: 35px 25px 10px 15px;
	margin: 0px;
}

/* Top Right Bottom Left                */
/* Empaçamento dos retângulos das áreas */
div.in_areas {
	text-align: left;
	padding: 37px 75px 10px 40px;
	margin: 0px;
}


/* Linha vertical */
#hr {
	width: 100%;
	height: 20px;
	background: url(../imagens/hr.gif) repeat-x top;
	background-position: center;
}

/* Propriedades da data nas áreas Notícias e Dicas */
span.data {
	color: #CC0000;
	font-family: Arial;
	font-size: 9px;
	letter-spacing: 1px;
}

.clear {
	clear: both;
}

a.tit:link, a.tit:visited {
	color: #006699;
	text-decoration: none;
	font-weight: bold;
}

a.tit:hover {
	color: #000000;
	text-decoration: underline;
}

a.outras:link, a.outras:visited {
	color: #006699;
	text-decoration: none;
}

a.outras:hover {
	color: #000000;
	text-decoration: underline;
}

form {
	margin: 0px;
	padding: 0px;
}

.botoes {
	font-family: Verdana, Tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
	border: 1px solid #000000;
	padding: 0px;
}

.campo {
	border: 1px solid #000000;
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Tahoma;
	font-weight: bold;
	background-color: #EFEFEF;
	height: 13px;
}

.file {
	border: 1px solid #000000;
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Tahoma;
	font-weight: bold;
	background-color: #EFEFEF;
}

.textarea {
	font-size: 10px;
	COLOR: #000000;
	font-family: Verdana, Tahoma;
	background-color: #EFEFEF;
	font-weight: bold;
}



/*********/
/* MENU: */
/*********/

#menu {
	padding: 0px;
	margin: 0px
}

#menu div {
	background: url(../imagens/menu.gif) no-repeat left top;
	text-align: left;
	width: 160px;
	height: 370px;
}

#menu div p {
	margin: 0px;
	padding: 1px 0px 1px 0px;
}

#menu div p a.institucional {
	background: url(../imagens/menu_institucional.gif) no-repeat left top #EEEEEE;
	width: 150px;
	height: 28px;
	display: block;
}
#menu div p a.institucional:hover {
	width: 150px;
	height: 28px;
	background: url(../imagens/menu_institucional.gif) 0 -32px no-repeat;
}

#menu div p a.produto {
	background: url(../imagens/menu_produto.gif) no-repeat left top #EEEEEE;
	width: 150px;
	height: 28px;
	display: block;
}
#menu div p a.produto:hover {
	width: 150px;
	height: 28px;
	background: url(../imagens/menu_produto.gif) 0 -32px no-repeat;
}

#menu div p a.fabricacao {
	background: url(../imagens/menu_fabricacao.gif) no-repeat left top #EEEEEE;
	width: 150px;
	height: 28px;
	display: block;
}
#menu div p a.fabricacao:hover {
	width: 150px;
	height: 28px;
	background: url(../imagens/menu_fabricacao.gif) 0 -32px no-repeat;
}

#menu div p a.relatorios {
	background: url(../imagens/menu_relatorios.gif) no-repeat left top #EEEEEE;
	width: 150px;
	height: 28px;
	display: block;
}
#menu div p a.relatorios:hover {
	width: 150px;
	height: 28px;
	background: url(../imagens/menu_relatorios.gif) 0 -32px no-repeat;
}

#menu div p a.setores {
	background: url(../imagens/menu_setores.gif) no-repeat left top #EEEEEE;
	width: 150px;
	height: 28px;
	display: block;
}
#menu div p a.setores:hover {
	width: 150px;
	height: 28px;
	background: url(../imagens/menu_setores.gif) 0 -32px no-repeat;
}

#menu div p a.representantes {
	background: url(../imagens/menu_representantes.gif) no-repeat left top #EEEEEE;
	width: 150px;
	height: 28px;
	display: block;
}
#menu div p a.representantes:hover {
	width: 150px;
	height: 28px;
	background: url(../imagens/menu_representantes.gif) 0 -32px no-repeat;
}

#menu div p a.noticias {
	background: url(../imagens/menu_noticias.gif) no-repeat left top #EEEEEE;
	width: 150px;
	height: 28px;
	display: block;
}
#menu div p a.noticias:hover {
	width: 150px;
	height: 28px;
	background: url(../imagens/menu_noticias.gif) 0 -32px no-repeat;
}

#menu div p a.dicas {
	background: url(../imagens/menu_dicas.gif) no-repeat left top #EEEEEE;
	width: 150px;
	height: 28px;
	display: block;
}
#menu div p a.dicas:hover {
	width: 150px;
	height: 28px;
	background: url(../imagens/menu_dicas.gif) 0 -32px no-repeat;
}

#menu div p a.curriculos {
	background: url(../imagens/menu_curriculos.gif) no-repeat left top #EEEEEE;
	width: 150px;
	height: 28px;
	display: block;
}
#menu div p a.curriculos:hover {
	width: 150px;
	height: 28px;
	background: url(../imagens/menu_curriculos.gif) 0 -32px no-repeat;
}

#menu div p a.atendimento {
	background: url(../imagens/menu_atendimento.gif) no-repeat left top #EEEEEE;
	width: 150px;
	height: 28px;
	display: block;
}
#menu div p a.atendimento:hover {
	width: 150px;
	height: 28px;
	background: url(../imagens/menu_atendimento.gif) 0 -32px no-repeat;
}



/***************************/
/* Coluna central na capa: */
/***************************/


/********** destaque_capa **********/
#destaque_capa {
	padding: 0px;
	margin-top: 10px
}

#destaque_capa div.outer {
	background: url(../imagens/capa_destaque.jpg) no-repeat left top;
	text-align: left;
	width: 386px;
	height: 130px;
}

#destaque_capa div.inner {
	padding: 10px 15px 15px 125px;
	text-align: justify;
}

#destaque_capa p {
	margin: 0px;
	padding: 0px;
	line-height: 12px;
}

/********** capa_noticias **********/
#capa_noticias {
	padding: 0px;
	margin-top: 8px
}

#capa_noticias div.out {
	background: url(../imagens/capa_noticias.gif) no-repeat top;
	text-align: left;
	width: 386px;
	height: 150px;
}

#capa_noticias p {
	padding: 0px 0px 3px 0px;
	margin: 0px;
}

/********** capa_dicas **********/
#capa_dicas {
	padding: 0px;
	margin-top: 14px
}

#capa_dicas div.out {
	background: url(../imagens/capa_dicas.gif) no-repeat top;
	text-align: left;
	width: 386px;
	height: 120px;
}

#capa_dicas p {
	padding: 0px 0px 2px 0px;
	margin: 0px;
}

/********** capa_atendimento **********/
#capa_atendimento {
	padding: 0px;
	margin-top: 14px
}

#capa_atendimento div.out {
	background: url(../imagens/capa_atendimento.gif) no-repeat top;
	text-align: left;
	width: 386px;
	height: 120px;
}

#capa_atendimento p {
	padding: 0px 0px 2px 0px;
	margin: 0px;
}



/***************************/
/* Coluna direita na capa: */
/***************************/

/********** capa_login **********/
#capa_login {
	padding: 0px;
	margin-top: 10px
}

#capa_login div.out {
	background: url(../imagens/capa_login.gif) no-repeat top;
	text-align: left;
	width: 148px;
	height: 130px;
}

#capa_login p {
	padding: 0px 0px 2px;
	margin: 0px;
}

#capa_login p.esq {
	float: left;
	width: 40px;
}

#capa_login p.dir {
	float: right;
	width: 60px;
}

/********** enquete **********/
#enquete {
	padding: 0px;
	margin-top: 8px
}

#enquete div.out {
	background: url(../imagens/capa_enquete.gif) no-repeat top;
	text-align: left;
	width: 148px;
	height: 290px;
}

#enquete p {
	margin: 0px;
	padding: 0px 0px 3px 0px;
}

#enquete p.tit {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#enquete p.itens {
	margin: 0px;
	padding: 0px 0px 8px 0px;
}

#enquete p.barra {
	position: relative;
	width: 70px;
	float: left;
}

#enquete p.porc {
	float: right;
	width: 25px;
	position: relative;
}

/********** capa_curriculo **********/
#capa_curriculo {
	padding: 0px;
	margin-top: 8px
}

#capa_curriculo div.out {
	background: url(../imagens/capa_curriculo.gif) no-repeat top;
	text-align: left;
	width: 148px;
	height: 120px;
}

#capa_curriculo div p {
	padding: 0px;
	text-align: left;
	margin: 0px;
}



/*************************/
/* Área Mapa do Site:    */
/*************************/

#mapa {
	padding: 0px;
	margin-top: 8px;
}

#mapa div.out {
	background: url(../imagens/tab_mapa.gif) no-repeat top left;
	text-align: left;
	width: 590px;
	/*height: 150px;*/
	padding-top: 10px;
}

#mapa p {
	padding: 0px 0px 0px;
	margin: 0px;
}

#mapa p.mapa_1 {
	background: url(../imagens/mapa_1.gif) no-repeat top left;
	padding: 4px 0px 0px 20px;
	margin: 0px;
	height: 16px;
	font-weight: bold;
}

#mapa p.mapa_2 {
	background: url(../imagens/mapa_2.gif) no-repeat top left;
	padding: 4px 0px 0px 20px;
	margin: 0px;
	height: 16px;
	font-weight: bold;
}

#mapa p.mapa_11 {
	background: url(../imagens/mapa_11.gif) no-repeat top left;
	padding: 4px 0px 0px 40px;
	margin: 0px;
	height: 16px;
}

#mapa p.mapa_12 {
	background: url(../imagens/mapa_12.gif) no-repeat top left;
	padding: 4px 0px 0px 40px;
	margin: 0px;
	height: 16px;
}



/**************************/
/* Área institucional:    */
/**************************/

#institucional {
	padding: 0px;
	margin-top: 8px;
}

#institucional div.out {
	background: url(../imagens/tab_institucional.gif) no-repeat top left;
	text-align: left;
	width: 590px;
	/*height: 150px;*/
	padding-top: 10px;
}

#institucional p {
	padding: 0px 0px 0px;
	margin: 0px;
}

#institucional p.titulo {
	text-align: left;
	padding-bottom: 10px;
}

#institucional p.texto {
	text-indent: 20px;
	text-align: left;
	padding-bottom: 8px;
}

#institucional p.esq {
	width: 210px;
	float: left;
	position: relative;
	text-align: left;
}

#institucional p.dir {
	width: 260px;
	float: right;
	position: relative;
}

/********************/
/* Área produto:    */
/********************/

#produto {
	padding: 0px;
	margin-top: 8px
}

#produto div.out {
	background: url(../imagens/tab_produto.gif) no-repeat top left;
	text-align: left;
	width: 590px;
	/*height: 150px;*/
	padding-top: 10px;
}

#produto p {
	padding: 0px 0px 0px;
	margin: 0px;
}

#produto p.esq {
	width: 210px;
	float: left;
	position: relative;
	text-align: left;
}

#produto p.dir {
	width: 260px;
	float: right;
	position: relative;
}

#produto p.anexo {
	width: 100%;
}

#produto p.titulo {
	text-align: left;
	padding-bottom: 10px;
}
#produto p.itens {
	padding-left: 15px;
	padding-bottom: 7px;
	text-indent: -9px;
}
#produto p.subitens {
	padding-left: 25px;
	text-indent: -9px;
}
#produto p.inferior {
	padding-left: 15px;
	padding-bottom: 7px;
}



/********************/
/* Área produto:    */
/********************/

#relatorios {
	padding: 0px;
	margin-top: 8px
}

#relatorios div.out {
	background: url(../imagens/tab_relatorios.gif) no-repeat top left;
	text-align: left;
	width: 590px;
	/*height: 150px;*/
	padding-top: 10px;
}

#relatorios p {
	padding: 0px 0px 0px;
	margin: 0px;
}



/***********************/
/* Área fabricação:    */
/***********************/

#fabricacao {
	padding: 0px;
	margin-top: 8px
}

#fabricacao div.out {
	background: url(../imagens/tab_fabricacao.gif) no-repeat top left;
	text-align: left;
	width: 590px;
	/*height: 150px;*/
	padding-top: 10px;
}

#fabricacao p {
	padding: 0px 0px 0px;
	margin: 0px;
}

#fabricacao p.titulo {
	text-align: left;
	padding-bottom: 10px;
}

#fabricacao p.texto {
	text-align: left;
	padding-bottom: 8px;
}

#fabricacao p.esq {
	width: 210px;
	float: left;
	position: relative;
	text-align: left;
}

#fabricacao p.dir {
	width: 260px;
	float: right;
	position: absolute;
}



/***************************/
/* Área representantes:    */
/***************************/

#representantes {
	padding: 0px;
	margin-top: 8px;
}

#representantes div.out {
	background: url(../imagens/tab_representantes.gif) no-repeat top left;
	text-align: left;
	width: 590px;
	/*height: 150px;*/
	padding-top: 10px;
}

#representantes p {
	padding: 0px 0px 5px;
	margin: 0px;
}



/******************/
/* Área notícias: */
/******************/

#noticias {
	padding: 0px;
	margin-top: 8px;
}

#noticias div.out {
	background: url(../imagens/tab_noticias.gif) no-repeat top left;
	text-align: left;
	width: 590px;
	/*height: 150px;*/
}

#noticias p {
	padding: 0px;
	margin: 0px;
}

#noticias img {
	margin: 15px 0px 0px;
}

#noticias p.esq {
	/*width: 170px;*/
	padding-right: 10px;
	float: left;
	position: relative;
	text-align: left;
}

#noticias p.dir {
	/*width: 300px;*/
	float: right;
	position: relative;
}



/******************/
/* Área dicas:    */
/******************/

#dicas {
	padding: 0px;
	margin-top: 8px;
}

#dicas div.out {
	background: url(../imagens/tab_dicas.gif) no-repeat top left;
	text-align: left;
	width: 590px;
	/*height: 150px;*/
}

#dicas p {
	padding: 0px;
	margin: 0px;
}

#dicas img {
	margin: 15px 0px 0px;
}

#dicas p.esq {
	/*width: 170px;*/
	padding-right: 10px;
	float: left;
	position: relative;
	text-align: left;
}

#dicas p.dir {
	/*width: 300px;*/
	float: right;
	position: relative;
}



/******************/
/* Área login:    */
/******************/

#login {
	padding: 0px;
	margin-top: 8px;
}

#login div.cadastro {
	background: url(../imagens/tab_cadlogin.gif) no-repeat top left;
	text-align: left;
	width: 590px;
	/*height: 150px;*/
	padding-top: 10px;
}

#login div.confirma {
	background: url(../imagens/tab_conlogin.gif) no-repeat top left;
	text-align: left;
	width: 590px;
	/*height: 150px;*/
	padding-top: 10px;
}

#login div.altera {
	background: url(../imagens/tab_altlogin.gif) no-repeat top left;
	text-align: left;
	width: 590px;
	/*height: 150px;*/
	padding-top: 10px;
}

#login div.login {
	background: url(../imagens/tab_login.gif) no-repeat top left;
	text-align: left;
	width: 590px;
	/*height: 150px;*/
	padding-top: 10px;
	text-align: center;
}

#login div.boasvindas {
	background: url(../imagens/tab_boasvindas.gif) no-repeat top left;
	text-align: left;
	width: 590px;
	/*height: 150px;*/
	padding-top: 10px;
}

#login p.boasvindas {
	background: url(../imagens/boasvindas_arrow.gif) no-repeat center left;
	padding-left: 10px;
	}


#login p.left {
	float: left;
	position: relative;
	width: 220px;
}

#login p.right {
	float: right;
	position: relative;
	width: 250px;
}



#login p {
	padding: 0px 0px 5px;
	margin: 0px;
}

#login p.esq {
	float: left;
	position: relative;
	width: 250px;
}

#login p.dir {
	float: right;
	position: relative;
	width: 150px;
}



/**********************/
/* Área currículo:    */
/**********************/

#curriculo {
	padding: 0px;
	margin-top: 8px;
}

#curriculo div.out {
	background: url(../imagens/tab_curriculo.gif) no-repeat top left;
	text-align: left;
	width: 590px;
	/*height: 150px;*/
	padding-top: 10px;
}

#curriculo p {
	padding: 0px 0px 5px;
	margin: 0px;
}

#curriculo p.esq {
	float: left;
	position: relative;
	width: 250px;
}

#curriculo p.dir {
	float: right;
	position: relative;
	width: 150px;
	text-align: left;
}



/************************/
/* Área atendimento:    */
/************************/

#atendimento {
	padding: 0px;
	margin-top: 8px;
}

#atendimento div.out {
	background: url(../imagens/tab_atendimento.gif) no-repeat top left;
	text-align: left;
	width: 590px;
	/*height: 150px;*/
	padding-top: 10px;
}

#atendimento p {
	padding: 0px 0px 5px;
	margin: 0px;
}

/************************/
/* Área pedidos:    */
/************************/

#pedidos {
	padding: 0px;
	margin-top: 8px;
}

#pedidos div.out {
	background: url(../imagens/tab_pedidos.gif) no-repeat top left;
	text-align: left;
	width: 590px;
	/*height: 150px;*/
	padding-top: 10px;
}

#pedidos p {
	padding: 0px 0px 5px;
	margin: 0px;
}

#tabela{
	padding:2px;
	border:1px solid #CCCCCC;
	width:350px;
}

tr#titulo
{
	padding:5px;
	text-align:center;
	background-color:#CCCCCC;
	font-weight:bold;
}

th#produtos {
	width:170px;
	height:25px;
}
th#peso {
	width:80px;
	height:25px;
}
th#quantidade {
	width:100px;
	height:25px;
}
td#centro {
	text-align:center;
}
th#condicoes {
	width:350px;
	height:25px;
}
hr{
	color:#CCCCCC;
}


/************************/
/* Área clientes:	    */
/************************/

#clientes {
	padding: 0px;
	margin-top: 8px;
}

#clientes div.out {
	background: url(../imagens/tab_clientes.gif) no-repeat top left;
	text-align: left;
	width: 590px;
	/*height: 150px;*/
	padding-top: 10px;
}

#clientes p {
	padding: 0px 0px 5px;
	margin: 0px;
}

#vermelho {
	color:#FF0000;
}

#menuped ul
{
margin:auto;
margin-bottom:15px;
padding: 4px;
list-style-type: none;
color: #fff;
text-align:center;
}

#menuped ul li {
display: inline;
margin-left:5px;
}

#menuped ul li a
{
text-decoration: none;
padding: 1px 5px 2px 5px;
color: #036;
background-color:#ccc;
border: 1px solid #069;
font-weight:bold;
}

#menuped ul li a:hover
{
color: #fff;
background-color: #069;
}

#tabelaped th{
	background-color:#ccc;
	text-align:center;
}
#tabelaped td{
	background-color:#EFEFEF;
}
#tabelaped {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 0;
}
#paginacaoped{
	height:50px;
	margin:center;
	text-align:center;
	margin-top:20px;
}
#paginacaoped a{
	padding-left:10px;
	color: #006699;
	text-decoration: none;
	font-weight: bold;
}
#tituloped{
	color: #069;
	font-size:14px;
	font-weight:bold;
}