body {
		margin:0;
		padding:0;
		border:0;
		
		
	}
	#mestre {
		width:778px;
		margin:0px;
		margin-left:3px;
		float:none;
		background-color:#ffffff;
		
	}
#menu_principal {
	float:left;
	width:430px;
	}	
input, select {
		font:12px Arial, Helvetica, sans-serif;
		color:#666;
		border:1px solid #cccccc;
		background-color:#ffffff;
		padding:2px;
		margin-right:8px;
}
textarea {
		font:12px Arial, Helvetica, sans-serif;
		color:#666;
		border:1px solid #cccccc;
		background-color:#ffffff;
		padding:2px;
		margin-right:8px;
}

/* estilo dos produtos */
/* ------------------------------------------------------- */

.tit_produto {
	color:#FFFFFF;
	background-color:#0097f0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
}
.cor_tr tr {
	background-color:#F2F2F2;
	padding:5px;
} 

/* estilo do topo */
/* ------------------------------------------------------- */
	#topo {
		height:146px;
		background:#5BB5FB url(../img/topo.jpg) no-repeat left top;
	}
	h1 { float:left; }
	h1 a {
		display:block;
		width:239px;
		height:121px;
		background:url(../img/logo.jpg) no-repeat center center;
		text-indent:-9999em;
		padding:15px 0 0 70px;
	}
/* posicionamento do representante */
/* ------------------------------------------------------- */
	#topo #representante, #topo #cliente {
		display:block;
		width:152px;
		height:123px;
	}
	#topo #representante {
		background:url(../img/bg_box_repre.jpg) no-repeat center bottom;
		position:absolute;
		top:6px;
		left:380px;
	}
	#topo #cliente {
		background:url(../img/bg_box_client.jpg) no-repeat center bottom;
		position:absolute;
		top:6px;
		left:560px;
	}
/* legend do box */
/* ------------------------------------------------------- */
	#topo #representante h2, #topo #cliente h2 {
		display:block;
		width:148px;
		height:16px;
		font:bold 11px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:center;
		padding:4px 5px 0 0;
	}
	#topo #representante h2 {
		color:#FF6633;
		background:url(../img/bg_legend_repre.jpg) no-repeat center center;
	}

	#topo #cliente h2 {
		color:#006633;
		background:url(../img/bg_legend_client.jpg) no-repeat center center;
	}
/* inputs do box */
/* ------------------------------------------------------- */
	#topo #representante label {
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#FF6633;
		margin-left:6px;
	}
	#topo #cliente label {
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#006633;
		margin-left:6px;
	}
	#l_repre, #s_repre, #l_client, #s_client  {
		display:block;
		width:101px;
		height:15px;
		padding:2px;
		font:12px Arial, Helvetica, sans-serif;
		margin-left:6px;
	}
	#l_repre, #s_repre {
		background:url(../img/l_representante.jpg) repeat-x center center;
		color:#FF6633;
		border:1px solid #ccc;
	}
	#l_client, #s_client {
		background:url(../img/l_cliente.jpg) repeat-x center center;
		color:#006633;
		border:1px solid #009966;
	}
	.submeter_yellow, .submeter_green {
		float:right;
		margin:-20px 12px 0 0;
		font:bold 12px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		display:block;
		width:26px;
		height:20px;
	}
	* html body .submeter_yellow, * html body .submeter_green {
		margin:-22px 5px 0 0;
	}
	.submeter_yellow {
		background:url(../img/bg_input_repre.jpg) repeat-x center center;
		color:#FF6633;
	}
	.submeter_green {
		background:url(../img/bg_input_client.jpg) repeat-x center center;
		color:#006633;
	}
/* estilo da busca */
/* ------------------------------------------------------- */
	#busca {
		height:30px;
		background:url(../img/bg_busca.jpg) repeat-x left top;
		font:bold 11px Arial, Helvetica, sans-serif;
		color:#333;
	}
	#busca .data {
		display:block;
		background:url(../img/bg_busca_left.jpg) no-repeat left center;
		text-indent:15px;
		width:250px;
		height:21px;
		padding-top:9px;
		float:left;
	}
	#busca .busca {
		display:block;
		background:url(../img/busca.jpg) no-repeat center center;
		text-indent:-9999em;
		width:51px;
		height:30px;
		float:left;
		margin-left:20px;
	}
	#busca form {
		width:447px;
		height:27px;
		padding-top:5px;
		background:url(../img/bg_busca_right.jpg) no-repeat right top;
		float:right;
	}
	* html body #busca label {
		margin-bottom:5px;
	}
	#busca input {
		font:12px Arial, Helvetica, sans-serif;
		color:#666;
		border:1px solid #ccc;
		background-color:#fff;
		padding:2px;
		margin-right:8px;
	}
	.buscar_input {
		font:bold 12px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
	}
/* estilo do conteudo */
/* ------------------------------------------------------- */
	#titulo {
		width:778px;
		text-align:left;
		padding:15px;
		float:left;
		font-size:16px;
		color:#666666;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		
		background-repeat:no-repeat;
		background-position:left;
	}
	#todo_conteudo {
		width:778px;
		text-align:left;
		padding:10px;
		float:left;
		font:13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
	#conteudo {
		text-align:left;
		padding:10px;
		float:left;
		font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		width:778px;
		
	}
	
	#conteudoEmpresa{
		text-align:left;
		padding:10px;
		float:left;
		font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		width:758px;
	}
	


	#conteudo p {
		margin-top:10px;
		text-indent:15px;
	}
	.menu {
		float:left;
		width:none !important;
	}
	#menu {
		float:left;
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	#menu li {
		display:inline;
		margin-right:15px;
	}
	#menu_horizontal {
		display:block;
		margin:0 auto;
		text-align:center;
	}
	.border_separador {
		border-bottom:1px solid #7CB2D3;
		width:753px;
		margin-top:-2px;
	}
	.left {
		float:left;
		margin:6px;
	}
	.right {
		float:right;
		margin:6px;
	}
/* estilo dos box's direitos */
/* ------------------------------------------------------- */
	#boxes {
		width:320px;
		float:left;
		margin:-5px 0 0 7px;
	}
	.borda {
		width:140px;
		padding:7px 6px 0px 6px;
		border-left:1px solid #7CB2D3;
		border-right:1px solid #7CB2D3;
		text-align:center;
	}
	#promocoes .scroll, #lancamentos .scroll {
		height:500px;
		margin-top:20px;
		background-color:#7CB2D3;
	}
	.arrow_left {
		display:block;
		width:16px;
		height:16px;
		background:url(../img/arrow_left.jpg) no-repeat left center;
		text-indent:-9999em;
		float:left;
	}
	.arrow_right {
		display:block;
		width:16px;
		height:16px;
		background:url(../img/arrow_right.jpg) no-repeat right center;
		text-indent:-9999em;
		margin:0 0 0 124px;
	}

	#promocoes span, #lancamentos span {	
		width:155px;
		height:10px;
		background:url(../img/bottom_box.jpg) no-repeat left bottom;
		margin:0;
	}
	#promocoes, #lancamentos {
		width:153px;
		height:150px;
		float:left;
	}

	#promocoes h3, #lancamentos h3 {
		display:block;
		width:154px;
		height:26px;
		padding-top:10px;
		font:bold 14px "Trebuchet MS", Verdana, Arial, sans-serif;
		color:#0071B6;
		text-transform:uppercase;
		text-align:center;
	}
	#promocoes h3 {
		background:url(../img/bg_title_promo.jpg) no-repeat center center;
	}
	#lancamentos h3 {
		text-indent:20px;
		background:url(../img/bg_title_lancamentos.jpg) no-repeat center center;
	}
	#informativos {
		position:absolute;
		top:410px;
		float:left;
		width:309px;
	}
	#informativos h3 {
		display:block;
		width:311px;
		height:26px;
		font:bold 14px "Trebuchet MS", Verdana, Arial, sans-serif;
		color:#0071B6;
		text-transform:uppercase;
		text-align:left;
		text-indent:40px;
		background:url(../img/bg_title_informativos.jpg) no-repeat center center;
	}
	#informativos ul li {
		list-style:none;
		margin-bottom:7px;
	}
	#informativos ul li a {
		font:12px "Trebuchet MS", Verdana, Arial, sans-serif;
		color:#333;
		text-decoration:none;
		background:#fff url(../img/icon_pencil.jpg) no-repeat left top;
		padding:3px 0 0 20px;
	}
	#informativos ul li a:hover {
		text-decoration:underline;
	}
	.help a {
		margin-bottom:10px !important;
		background:#fff url(../img/icon_help.gif) no-repeat left center !important;
	}
	.info_borda {
		width:297px;
		padding:7px 6px 1px 6px;
		border-left:1px solid #7CB2D3;
		border-right:1px solid #7CB2D3;
	}
	#informativos span {	
		display:block;
		width:311px;
		height:10px;
		background:url(../img/bottom_box_info.jpg) no-repeat center bottom;
	}
	* html body #informativos span {	
		margin-top:-5px;
	}
/* estilo dos fornecedores */
/* ------------------------------------------------------- */
	#fornecedores {
		clear:both;
	}
	#fornecedores li {
		float:left;
		display:inline;
		margin:20px 0 0 12px;
	}
/* estilo do rodape */
/* ------------------------------------------------------- */
	#rodape {	
		width:778px;
		height:92px;
		clear:both;
		background:url(../img/rodape.jpg) no-repeat left top;
		font:bold 11px Verdana, Arial, sans-serif;
		
		color:#fff;
	}
	address {
		position:absolute;
		left:60px;
		margin-top:42px;
	}
	#rodape p {
		position:absolute;
		left:585px;
		margin-top:55px;
	}
	#rodape a {
		font:bold 10px Verdana, Arial, sans-serif;
		color:#fff;
		text-decoration:none;
	}
	#rodape a:hover {
		text-decoration:underline;
	}
	#rodape p span {
		margin-left:44px;
	}	* {
		margin:0;
		padding:0;
		border:0;
	}
	#mestre {
		width:778px;
		margin-left:3px;
	}
/* estilo do topo */
/* ------------------------------------------------------- */
	#topo {
		height:146px;
		background:#5BB5FB url(../img/topo.jpg) no-repeat left top;
	}
	h1 { float:left; }
	h1 a {
		display:block;
		width:239px;
		height:121px;
		background:url(../img/logo.jpg) no-repeat center center;
		text-indent:-9999em;
		padding:15px 0 0 70px;
	}
/* posicionamento do representante */
/* ------------------------------------------------------- */
	#topo #representante, #topo #cliente {
		display:block;
		width:152px;
		height:123px;
	}
	#topo #representante {
		background:url(../img/bg_box_repre.jpg) no-repeat center bottom;
		position:absolute;
		top:6px;
		left:380px;
	}
	#topo #cliente {
		background:url(../img/bg_box_client.jpg) no-repeat center bottom;
		position:absolute;
		top:6px;
		left:560px;
	}
/* legend do box */
/* ------------------------------------------------------- */
	#topo #representante h2, #topo #cliente h2 {
		display:block;
		width:148px;
		height:16px;
		font:bold 11px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:center;
		padding:4px 5px 0 0;
	}
	#topo #representante h2 {
		color:#FF6633;
		background:url(../img/bg_legend_repre.jpg) no-repeat center center;
	}

	#topo #cliente h2 {
		color:#006633;
		background:url(../img/bg_legend_client.jpg) no-repeat center center;
	}
/* inputs do box */
/* ------------------------------------------------------- */
	#topo #representante label {
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#FF6633;
		margin-left:6px;
	}
	#topo #cliente label {
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#006633;
		margin-left:6px;
	}
	#l_repre, #s_repre, #l_client, #s_client  {
		display:block;
		width:101px;
		height:15px;
		padding:2px;
		font:12px Arial, Helvetica, sans-serif;
		margin-left:6px;
	}
	#l_repre, #s_repre {
		background:url(../img/l_representante.jpg) repeat-x center center;
		color:#FF6633;
		border:1px solid #ccc;
	}
	#l_client, #s_client {
		background:url(../img/l_cliente.jpg) repeat-x center center;
		color:#006633;
		border:1px solid #009966;
	}
	.submeter_yellow, .submeter_green {
		float:right;
		margin:-20px 12px 0 0;
		font:bold 12px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		display:block;
		width:26px;
		height:20px;
	}
	* html body .submeter_yellow, * html body .submeter_green {
		margin:-22px 5px 0 0;
	}
	.submeter_yellow {
		background:url(../img/bg_input_repre.jpg) repeat-x center center;
		color:#FF6633;
	}
	.submeter_green {
		background:url(../img/bg_input_client.jpg) repeat-x center center;
		color:#006633;
	}
/* estilo da busca */
/* ------------------------------------------------------- */
	#busca {
		height:30px;
		background:url(../img/bg_busca.jpg) repeat-x left top;
		font:bold 11px Arial, Helvetica, sans-serif;
		color:#333;
	}
	#busca .data {
		display:block;
		background:url(../img/bg_busca_left.jpg) no-repeat left center;
		text-indent:15px;
		width:250px;
		height:21px;
		padding-top:9px;
		float:left;
	}
	#busca .busca {
		display:block;
		background:url(../img/busca.jpg) no-repeat center center;
		text-indent:-9999em;
		width:51px;
		height:30px;
		float:left;
		margin-left:20px;
	}
	#busca form {
		width:447px;
		height:27px;
		padding-top:5px;
		background:url(../img/bg_busca_right.jpg) no-repeat right top;
		float:right;
	}
	* html body #busca label {
		margin-bottom:5px;
	}
	#busca input {
		font:12px Arial, Helvetica, sans-serif;
		color:#666;
		border:1px solid #ccc;
		background-color:#fff;
		padding:2px;
		margin-right:8px;
	}
	.buscar_input {
		font:bold 12px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
	}
/* estilo do conteudo */
/* ------------------------------------------------------- */
	#conteudo {
		text-align:left;
		padding:10px;
		float:left;
		font:13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
	#conteudo p {
		margin-top:10px;
		text-indent:15px;
	}
	.menu {
		float:left;
		width:none !important;
	}
	#menu {
		float:left;
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	#menu li {
		display:inline;
		margin-right:15px;
	}
	#menu_horizontal {
		display:block;
		margin:0 auto;
		text-align:center;
	}
	.border_separador {
		border-bottom:1px solid #7CB2D3;
		width:753px;
		margin-top:-2px;
	}
	.left {
		float:left;
		margin:6px;
	}
	.right {
		float:right;
		margin:6px;
	}
/* estilo dos box's direitos */
/* ------------------------------------------------------- */
	#boxes {
		width:320px;
		float:right;
		margin:-5px 0 0 7px;		
	}
	#promocoes, #lancamentos {
		width:153px;
		height:150px;
		float:left;
	}
	.borda {
		width:140px;
		padding:7px 6px 0px 6px;
		border-left:1px solid #7CB2D3;
		border-right:1px solid #7CB2D3;
		text-align:center;
	}
	#promocoes .scroll, #lancamentos .scroll {
		height:16px;
		margin-top:20px;
		background-color:#7CB2D3;
	}
	.arrow_left {
		display:block;
		width:16px;
		height:16px;
		background:url(../img/arrow_left.jpg) no-repeat left center;
		text-indent:-9999em;
		float:left;
	}
	* html body .arrow_left {
		margin:-2px 0 0 0;
	}
	.arrow_right {
		display:block;
		width:16px;
		height:16px;
		background:url(../img/arrow_right.jpg) no-repeat right center;
		text-indent:-9999em;
		margin:0 0 0 124px;
	}
	* html body .arrow_right {
		margin:-2px 0 0 121px;
	}
	#promocoes span, #lancamentos span {	
		display:block;
		width:155px;
		height:10px;
		background:url(../img/bottom_box.jpg) no-repeat left bottom;
		margin:0;
	}
	* html body #promocoes span, * html body #lancamentos span {	
		margin-top:-7px;
	}
	#promocoes, #lancamentos {
		margin:6px 4px 45px 0;
		float:left;
	}
	* html body #promocoes, * html body #lancamentos {
		margin:6px 4px 5px 0;
		float:left;
	}
	#promocoes h3, #lancamentos h3 {
		display:block;
		width:154px;
		height:26px;
		padding-top:10px;
		font:bold 14px "Trebuchet MS", Verdana, Arial, sans-serif;
		color:#0071B6;
		text-transform:uppercase;
		text-align:center;
	}
	#promocoes h3 {
		background:url(../img/bg_title_promo.jpg) no-repeat center center;
	}
	#lancamentos h3 {
		text-indent:20px;
		background:url(../img/bg_title_lancamentos.jpg) no-repeat center center;
	}
	#informativos {
		width:309px;
		clear:both;
	}
	#informativos h3 {
		display:block;
		width:311px;
		height:26px;
		padding-top:10px;
		font:bold 14px "Trebuchet MS", Verdana, Arial, sans-serif;
		color:#0071B6;
		text-transform:uppercase;
		text-align:left;
		text-indent:40px;
		background:url(../img/bg_title_informativos.jpg) no-repeat center center;
	}
	#informativos ul li {
		list-style:none;
		margin-bottom:7px;
	}
	#informativos ul li a {
		font:12px "Trebuchet MS", Verdana, Arial, sans-serif;
		color:#333;
		text-decoration:none;
		background:#fff url(../img/icon_pencil.jpg) no-repeat left top;
		padding:3px 0 0 20px;
	}
	#informativos ul li a:hover {
		text-decoration:underline;
	}
	.help a {
		margin-bottom:10px !important;
		background:#fff url(../img/icon_help.gif) no-repeat left center !important;
	}
	.info_borda {
		width:297px;
		padding:7px 6px 1px 6px;
		border-left:1px solid #7CB2D3;
		border-right:1px solid #7CB2D3;
	}
	#informativos span {	
		display:block;
		width:311px;
		height:10px;
		background:url(../img/bottom_box_info.jpg) no-repeat center bottom;
	}
	* html body #informativos span {	
		margin-top:-5px;
	}
/* estilo dos fornecedores */
/* ------------------------------------------------------- */
	#fornecedores {
		clear:both;
	}
	#fornecedores li {
		float:left;
		display:inline;
		margin:20px 0 0 12px;
	}
/* estilo do rodape */
/* ------------------------------------------------------- */
	#rodape {	
		width:778px;
		height:92px;
		clear:both;
		background:url(../img/rodape.jpg) no-repeat left top;
		font:bold 10px Verdana, Arial, sans-serif;
		color:#fff;
	}
	address {
		position:absolute;
		left:60px;
		margin-top:42px;
		text-decoration:none;
		font-style:normal;
	}
	#rodape p {
		position:absolute;
		left:585px;
		margin-top:55px;
	}
	#rodape a {
		font:bold 10px Verdana, Arial, sans-serif;
		color:#fff;
		text-decoration:none;
	}
	#rodape a:hover {
		text-decoration:underline;
	}
	#rodape p span {
		margin-left:44px;
	}
	
	
	
	/*-----------contato------------------------------------------*/
	texto_contato{
	float:left;
	widows:300px;
	
	}
	/*-----------contato------------------------------------------*/
	#contato {
	float:right;
	
	}	
	/*-----------menu botoes------------------------------------------*/
	
	
	#menuNav ul.nav { 
	margin-left:50px; 
	padding:5px;
	}
	
	#menuNav ul.nav li {
	list-style:none;	
	display:inline;
	}
	
	#menuNav ul.nav li a {
	float:left;
	padding:0px  1em 0px  0px;
	text-decoration:none;
	}
	#div_erro {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		color:#FF0000;
		text-align:center;
	}
	
	/*---------------------estilo para os links---------------------*/
	
	a:link {
	color:#0285d2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
	
	}
	a:visited {
	color:#0285d2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
	
	}
	a:hover {
	color:#0285d2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
		}