html, body {
	margin: 0px;
	padding: 0px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background: url(../gfx/bg1.gif) center top  #e5e6c1;}
a img {border: none;}
input,
select,
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	border: 2px solid #6a8900;
	background: #e5e8e1;}
textarea {overflow: auto;}


/**/
#background {
	position: relative;
	background: url(../gfx/bg2.gif) center top repeat-x;}


/**/
#top {
	position: relative;
	width: 776px;
	height: 158px;
	margin: auto;}

#top #logo {
	position: absolute;
	top: 0px;
	left: 0px;}

#top #control {
	position: absolute;
	top: 5px;
	right: 0px;
	width: 242px;
	height: 26px;
	text-align: center;
	background: url(../gfx/controle_bg.gif) top center no-repeat;}

#top #banner {
	position: absolute;
	top: 43px;
	right: 20px;
	width: 468px;
	height: 60px;}

#top #tab {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 566px;
	height: 44px;}


/**/
#middle {
	position: relative;
	margin: auto;
	width: 750px;
	background: #fff;
	padding: 10px;}


/**/
#menu {
	position: relative;
	width: 200px;
	float: left;
	text-align: left;}
#menu ul {
	position: relative;
	margin: 0px;
	padding: 0px;}
#menu ul li {
	position: relative;
	font-weight: bold;
	line-height: 20px;
	list-style-type: none;}
#menu ul li a,
#menu ul li span {
	position: relative;
	display: block;
	line-height: 20px;
	height: 20px;
	background: #3d4f00;
	color: #fff;
	margin-bottom: 1px;
	text-decoration: none;
	padding-left: 10px;}
#menu ul li a:hover {color: #a4bb00;}
#menu ul ul li a {
	padding-left: 20px;
	background: #6a8900;}
#menu ul ul li a:hover {color: #e3ff85;}
#menu ul ul li a.destaque {
	color: #e3ff85;
	background: url(../gfx/menu_destaque.gif) left center no-repeat #6a8900;}


/**/
#content {
	position: relative;
	float: right;
	width: 540px;
	text-align: justify;}
#content a {
	text-decoration: none;
	color: #000;}

#content div.left {
	position: relative;
	float: left;
	width: 320px;}
#content div.right {
	position: relative;
	float: right;
	width: 210px;}

#content div.listagemProdutos {text-align: left;}
#content div.listagemProdutos object,
#content div.listagemProdutos embed {
	margin-left: 14px;
	margin-right: 14px;
	margin-bottom: 10px;}

#content div#channel{
	position: relative;
	width: 320px;
	height: 270px;
	background: #000;
	margin-bottom: 10px;}
#content div#channel div#controle {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 30px;
	overflow: hidden;
	background: url(../gfx/control_bg.gif) left top repeat-x #383838;}
#content div#channel div#controle div.ctLeft {
	float: left;
	text-align: left;}
#content div#channel div#controle div.ctRight {
	float: right;
	text-align: right;}
#content div#channel div#controle img.right {
	position:absolute;
	bottom:0;
	right:0;}

#content div#conhecaProds {margin-bottom: 10px;}

#content div#noticias .chamada {
	position: relative;
	margin-top: 10px;}
#content div#noticias .chamada h1 {
	font-size: 14px;
	color: #274800;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;}
#content div#noticias .chamada a img {
	position: relative;
	float: right;
	border: 2px solid #447d00;
	margin-left: 10px !important;
	margin-right: none !important;}
#content div#noticias p {
	margin: 0px;
	margin-top: 5px;}


#content center.galeria {
	padding-top: 10px;
	word-spacing: 5px;
	text-align:left;}
#content center.galeria img {border: 2px solid #2f5b00;}

#content div.textoCorrido {font-size: 12px;}
#content div.textoCorrido p img {
	position: relative;
	float: right;
	margin-left: 10px;
	border: 2px solid #2f5b00;}

#content div.ads {margin-top: 10px;}
#content div.ads img,
#content div.ads object,
#content div.ads embed {margin-bottom: 10px;}

#content div.listagem {}
#content div.listagem a {
	display: block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../gfx/dotz.gif) bottom repeat-x;}
#content div.listagem a b {
	font-size: 14px;
	color: #2f5b00;}
#content div.listagem a img {
	position: relative;
	border: 2px solid #3d4f00;
	float: left;
	margin-right: 10px;}
#content div.listagem a p {margin: 0px;}

#content div.log {position: relative;}
#content div.log a img {border: none;}
#content div.log a div.info {float: left; }
#content div.paginacao {
	display: block;
	clear: both;
	text-align: center;
	word-spacing: 10px;
	padding-bottom: 5px;}
#content div.paginacao a {color: #2f5b00;}
#content div.paginacao a:hover {text-decoration: underline;}
#content div.paginacao a.current {
	font-size: 18px;
	color: #b0c0a0;}
#content div.paginacao a img {
	margin-bottom: -7px;}

#content table.parceiros td {
	text-align: center;
	padding-bottom: 15px;
	vertical-align: top;}
#content table.parceiros a {
	color: #2f5b00;
	font-weight: bold;}
#content table.parceiros img {border: 3px solid #d6d6d6;}

#content table.duvidas {border-collapse: collapse;}
#content table.duvidas td {
	padding: 5px;
	background: url(../gfx/dotz.gif) bottom repeat-x;}
#content table.duvidas a {color: #2f5b00;}
#content table.duvidas a:hover {text-decoration: underline;}
#content table.duvidas td.num {
	font-size: 24px;
	font-weight: bold;
	color: #c5c5c5;
	padding-right: 10px;}
#content table.duvidas img {
	margin-bottom: -5px;
	margin-right: -5px;}

#content ul {
	margin: 0px;
	padding: 10px;
	padding-left: 20px;}
#content ul li {
	list-style-position: inside;
	list-style-type: none;
	background: url(../gfx/bullet.gif) left center no-repeat;
	padding-left: 20px;
	margin-bottom: 5px; }
#content ul li a {color: #3d4f00;}
#content ul li a:hover {text-decoration: underline;}

#content ul.mapa {
	font-size: 14px;
	color: #3d4f00;}
#content ul.mapa li {
	list-style-position: outside;
	background: url(../gfx/bullet2.gif) left top no-repeat;
	position: relative;}

/**/
#footer {
	position: relative;
	clear: both;
	display: block;
	height: 50px;
	width: 770px;
	margin: auto;
	background: url(../gfx/footer_bg.gif) top left no-repeat;}
#footer a {
	position: absolute;
	top: 10px;
	right: 5px;}


/**/
.spacer {
	position: relative;
	clear: both;
	display: block;}

.dotz {
	background: url(../gfx/dotz.gif) bottom repeat-x;
	padding-bottom: 10px;}
.ajaxImg {
	display:none;
}
.zero {
	border:0;
	margin:0;
	margin:0;
	background:none;
}

#Germipasto-Exportacion{ background-color:#FFFFFF!important;}
.bars {
	background: url(../gfx/bars.gif) center repeat-x;
}
.bars img {
	height: 17px;
	margin-left: 10px;
	margin-top: 4px;
	margin-bottom: -4px;
	padding-bottom: 10px;
}

#listaPedidos {
	background-color: #F1F1F1;
	font-size: 12px;
	text-align: center;
	line-height: 28px;
	width: 100%;
}
#listaPedidos tr th {
	color: #414141;
	font-weight: normal;
	text-transform: uppercase;
	}
#listaPedidos tr td {
	color: #7d7d7d;
	margin: 0px;
	padding: 0px;
	}
#listaPedidos tr td a img {
	margin: 0 3px -3px 3px;}
#listaPedidos tr td a {
	color: #7d7d7d;}
#listaPedidos tr.white td {
	background-color: #FFF !important;}
	
.novoTabela {
	background-color: #ecf0de;
	color: #3d4f00;
	font-size: 12px;
	padding: 0px 18px 18px 0;
	width: 100%;}

.novoTabela tr td {
	padding: 10px 0 0 18px;
	*padding: 5px 0px 5px 10px;}

#novoProdutos tr th {
	padding: 10px 0 0 18px;
	*padding: 5px 0px 5px 10px;}
#novoProdutos tr td {
	padding: 10px 0 0 18px;
	*padding: 5px 0px 5px 10px;}
#novoEmbarque tr td a img,#novoProdutos tbody tr td img {
	margin-bottom: -3px;}
.inputz {
	background-color: #FFF;
	border: 1px solid #b6b6b6;
	color: #000;
	font-size: 12px;
	height: 16px;
	text-transform: uppercase;}

select.inputz { height: 20px;}
textarea.inputz { height: 86px;}

.chekz { border: none; background: none; }

#volumeTarget, #quantTarget { font-weight: bold;} 

#vendaFutura {
	background-color: #d2d9ba;
	color: #3d4f00;
	font-weight: bold;
	padding: 3px;
	text-transform: uppercase;}

.btSubmit {
	border: none;
	background: none;
	float: right;
	height: 22px;
	margin: 5px;
	width: 63px;}
	
.x1 { width: 100px; }
.x2 { width: 230px; }
.x3 { width: 360px; }
.x4 { width: 492px; }
.x150 {	width: 140px; }

.red {
	color: red !important;
	font-weight: bold !important;
}



.listItens {
	background-color: #F1F1F1;
	color: #F00;
	clear: both;
	height: 50px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-top: 10px;
}
.listItensa {
	color: #383838 !important;
}
.listItens img {
	float: left;
	margin-right: 10px;
	}
.listItensa:hover, .listItensbig:hover {
	color: #595959 !important;
}
.listItensbig {
	color: #383838;
	font: 20px Arial;
	text-transform: uppercase;
}
.sairLink {
	position:absolute;
	top:10px;
	right:0;	
}
.voltarLink {
	position:absolute;
	top:10px;
	right:55px;	
}

.listBox {
	background-color: #F1F1F1;
	color: #383838;
	clear: both;
	height: 40px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-top: 10px;
	position: relative;
}
.listBoxaimg {
	position: absolute;
	top: 10px;
	right: 10px;
	}
.listBoximg {
	margin: -10px 5px 0 -5px;
	_margin: 0px 5px 0 -5px;
	vertical-align: middle;
	}

.listBoxbig, .listBoxbiga big{
	color: #383838 !important;
	font-size: 15px !important;
	font-family: sans-serif;
	font-weight: bold !important;
	line-height: 32px !important;
	text-transform: uppercase !important;
	height: 32px !important;
}

/*AUTOCOMPLETE******************************************************************************************************/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	text-align: left;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}
.ac_loading { 
	background: white url('images/load.gif') right center no-repeat; 
}
.ac_odd { background-color: #DDD; }
.ac_over { background-color: #0A246A; color: white; }
#divFileInfo{ display:block; float:left;vertical-align: middle; line-height:22px; }
#spanButtonPlaceholder{ vertical-align: middle;float:left;display:inline; }
#divFileProgressContainer{ color:#CCCCCC; }

label.error small {
	display: block;
}
.layer_banner{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:9999;
}

/**
 * The CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Lesser General Public License as published by the Free
 * Software Foundation, either version 3 of the License, or (at your option)
 * any later version.
 *
 * Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
 * more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with Shadowbox.  If not, see <http://www.gnu.org/licenses/>.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007 Michael J. I. Jackson
 * @license     http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0
 * @version     SVN: $Id: shadowbox.js 150 2007-12-04 18:42:03Z michael $
 */

/*_________________________________________________________________  Overlay  */
#shadowbox_overlay {
  visibility: hidden;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 998;
}

/*_______________________________________________________________  Container  */
#shadowbox_container {
  position: fixed;
  height: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center; /* centers in quirks and IE */
}

/*_______________________________________________________________  Shadowbox  */
#shadowbox {
  display: none;
  visibility: hidden;
  margin: 0 auto;
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  text-align: left; /* reset left alignment */
}

/*___________________________________________________________________  Title  */
/*
HTML snapshot:
<div id="shadowbox_title">
  <div id="shadowbox_title_inner">Title Here</div>
</div>
*/
#shadowbox_title {
  height: 25px;
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  white-space: nowrap;
  padding: 5px 0 4px 8px;
  color: #fff;
}

/*____________________________________________________________________  Body  */
/*
HTML snapsnot:
<div id="shadowbox_body">
  <div id="shadowbox_body_inner">
    <img src="my_image.jpg" id="shadowbox_content" height="350" width="580">
  </div>
  <div id="shadowbox_loading">
    <img src="images/loading.gif" alt="loading"></div>
    <span><a href="javascript:Shadowbox.close();">Cancel</a></span>
  </div>
</div>
*/
#shadowbox_body {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 2px solid #fff;
  background-color: #000;
}
#shadowbox_body_inner {
  position: relative;
  overflow: hidden;
}
#shadowbox_loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 10000px; /* overflow:hidden will clip this */
  width: 100%;
  background-color: #222;
}
#shadowbox_loading img {
  float: left;
  margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
  float: left;
  margin-top: 16px;
  font-size: 10px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
}

#shadowbox_content.html { /* make html content scrollable */
  height: 100%;
  width: 100%;
  overflow: auto;
}

/*_________________________________________________________________  Toolbar  */
/*
HTML snapshot:
<div id="shadowbox_toolbar">
  <div id="shadowbox_toolbar_inner">
    <div id="shadowbox_nav_close">
      <a href="javascript:Shadowbox.close();"><span class="shortcut">C</span>lose</a>
    </div>
    <div id="shadowbox_nav_next">
      <a href="javascript:Shadowbox.next();"><span class="shortcut">N</span>ext</a>
    </div>
    <div id="shadowbox_nav_previous">
      <a href="javascript:Shadowbox.previous();"><span class="shortcut">P</span>revious</a>
    </div>
    <div id="shadowbox_counter">
      <a href="javascript:Shadowbox.change(0);">1</a>
      <a href="javascript:Shadowbox.change(1);" class="shadowbox_counter_current">2</a>
      <a href="javascript:Shadowbox.change(2);">3</a>
    </div>
  </div>
</div>
*/
#shadowbox_toolbar {
  margin: 0;
  padding: 0;
  height: 20px;
  overflow: hidden;
}
#shadowbox_toolbar_inner {
  height: 20px;
  color: #fff;
}
#shadowbox_toolbar_inner div {
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
}
#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: underline;
  font-weight: bold;
}
#shadowbox_toolbar_inner div a {
  text-decoration: none;
  color: #fff;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
  float: right;
  padding-right: 10px;
}
#shadowbox_counter {
  float: left;
  padding-left: 10px;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
  font-weight: bold;
}

/*________________________________________________________________  Messages  */
div.shadowbox_message {
  text-align: center;
  padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  text-decoration: none;
  color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  text-decoration: underline;
}


@charset "utf-8";
body {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
}
/* the div that holds the date picker calendar */
.dpDiv {
	position:relative;
	left:200px;
	top:-10px;
}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Arial;
	font-size: 10px;
	text-align: center;
	color: #505050;
	background-color: #FFF;
	border: 1px solid #B6B6B6;
	width:160px;
}
/* O ICONE DA IMAGEM */
.imgCalendar {
	margin-bottom:-3px;
	*margin-bottom:-2px;
	}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 0px solid #ece9d8;
}
.dpDayHighlightTD {
	background-color: #D1D8B9;
	border: 0px solid #AAAAAA;
}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #EDF0DF;
	border: 0px solid #888888;
	cursor: pointer;
	color: #000;
}
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	font-family: Arial;
	font-size: 9px;
}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #FFF;
	border: 0px solid #AAAAAA;
	color: #000;
}
/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #000;
	font-weight: normal;
}
/* the forward/backward buttons at the top */
.dpButton {
	/*font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;*/
	background-color:#FFF;
	border:none;
	color: #000;
	padding: 0px;
}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Arial;
	font-size: 9px;
	color:#000; 
	background-color:#FFF;
	border:none;
}