/*  Reset  */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

/*  Estrutura básica  */

.nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/*  Estilo basico  */

body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }

body, select, input, textarea {   color: #444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }

a:hover, a:active { outline: none; }
#menus a, #menus a:active, #menus a:visited { color: #9e0b0f; }
#menus a:hover { 
	color: #FFFFFF; 
	background-color: #9e0b0f;
	text-decoration: none
	}

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }


/*  Estilo basico  */

button {  width: auto; overflow: visible; }

.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear{clear:both}


 /* Navegacao */


body{
	background-color: #f0eee5;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	text-align: center;
	padding: 0;
	margin: 0;
	position: relative;
	}

#wrapper{
	margin:0 auto;
	text-align: left;
	min-width: 960px;
	max-width: 1140px;
	position:relative;
}


#header h1 img{
	position:absolute;
	top: 0;
	right:0;
}

#header h1 span{
	display: none;
}


/* subnav*/

#subnav{
	position: relative;
	float:right;
	margin: 10px 197px 10px 0;
}

.ie6 #subnav{
	margin-right: 100px;
}

#subnav li{
	float: left;
	margin: 0 0 0 20px;
	list-style: none;
}

#subnav a{
	text-decoration: none;
}

#subnav li.last{
	padding-left: 20px;
	border-left: solid 1px #666666
}

/* navegacao */

#nav{
	position: relative;
	clear:both;
	margin:0;
	padding:0;
	background-color:#cabc8c;
	width:100%;
	height:78px;
	display:block;
}

#nav li{
	float: left;
	margin:0;
	list-style: none;
	width:13%
}

#nav #nav0{width: 47px}

#nav a{
	background-color: #9e0b0f;
	border-bottom-color: #ffffff;
	border-style: solid;
	border-width: 0 1px 0 0;
	display: block;
	color:#ffffff;
	text-align: center;
	padding: 40px 0 0;
	line-height:38px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	background-repeat: no-repeat;
	background-position: center 17px;	
	font-weight: bold;
}

#nav a:hover{
	background-color: #83080b;
}


#nav .open a,
#nav .open a:hover {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.ie6 #nav .open a,
.ie6 #nav .open a:hover {
    background-color: #9e0b0f;
    border-color: #FFFFFF;
}


#nav0 a{
	width: 47px;
	background-color: #898989;
}

#nav0 a:hover{
	background-color: #7d7d7d;
}

/* menu inativo*/

#nav .inativo a,#nav .inativo a:hover{
	/*background-color: #cccccc;*/
    background-color: #e4e0e0;
}


/* icones normais*/

#nav0 a{
	background-image: url("../images/home.png")
}

#nav1 a{
	background-image: url("../images/calculadora.png")
}

#nav2 a{
	background-image: url("../images/producao.png")
}

#nav3 a{
	background-image: url("../images/caderneta.png")
}

#nav4 a{
	background-image: url("../images/manuais.png")
}

#nav5 a{
	background-image: url("../images/forum.png")
}

#nav6 a{
	background-image: url("../images/royalties.png")
}



/* icones abertos*/

li#nav1.open a{
	background-image: url("../images/calculadora-open.png");
	color:#444444;
}

li#nav2.open a{
	background-image: url("../images/producao-open.png");
	color:#444444;
}

li#nav3.open a{
	background-image: url("../images/caderneta-open.png");
	color:#444444;
}

li#nav4.open a{
	background-image: url("../images/manuais-open.png");
	color:#444444;
}

li#nav5.open a{
	background-image: url("../images/forum-open.png");
	color:#444444;
}

li#nav6.open a{
	background-image: url("../images/royalties-open.png");
	color:#444444;
}

/* apenas para arrumar menus no ie6 */


.ie6 li#nav1.open a{
	background-image: url("../images/calculadora.png");
	color:#ffffff;
}

.ie6 li#nav2.open a{
	background-image: url("../images/producao.png");
	color:#ffffff;
}

.ie6 li#nav3.open a{
	background-image: url("../images/caderneta.png");
	color:#ffffff;
}

.ie6 li#nav4.open a{
	background-image: url("../images/manuais.png");
	color:#ffffff;
}

.ie6 li#nav5.open a{
	background-image: url("../images/forum.png");
	color:#ffffff;
}

.ie6 li#nav6.open a{
	background-image: url("../images/royalties.png");
	color:#ffffff;
}


/* menus */ 

#menus div{
	display: none;
	background-color: #ffffff;
	border-bottom: 3px solid #9E0B0F;
	padding: 0 20px 0;
	line-height:14px;
}

#menus div div{
	display:block;
	float: left;
	border:none;
	margin: 35px 0 20px;
	padding:0
}

#menus ul{
	margin:0
}

#menus ul ul{
	margin-top: 10px;
	display: none;
}

#menus li {
    background-image: url("../images/bullet.gif");
    background-position: 3px 5px;
    background-repeat: no-repeat;
    list-style: none outside none;
    margin: 0 0 10px;
    padding: 0 0 0 15px;
}

#menus li.subitem {
    background-image: url("../images/subitem.gif");
    background-position: 0 4px;
}

#menus li.subitem a, #menus li.subitem a:visited, #menus li.subitem a:hover {
    color:#444444;
    background-color: #FFFFFF;
    font-weight: bold;
}

#menus li.subitem ul a, #menus li.subitem ul a:visited{
    color:#9e0b0f;
    background-color: #FFFFFF;
    font-weight: normal;
}

#menus li.subitem ul a:hover {
    color:#FFFFFF;
    background-color: #83080b;
}

#menus li.aberto {
    background: url("../images/subitem-aberto.gif") 0 4px;

}

#menus a {
	text-decoration: none;
	font-size: 12px;
}

#menus h3 {
    border-bottom: 1px solid #999999;
    margin-bottom: 10px;
    padding-bottom: 4px;
    font-size: 14px;
}

.verticalSpacer {
	display: block;
	height:20px;
	}

/* 4, 5 ou 6 colunas de links*/

#menus .coluna4{
	width:23%;
	margin-right: 2%;
}

#menus .coluna5{
	width:18%;
	margin-right: 2%;
}

#menus .coluna6{
	width:16%;
	margin-right: 2%;
}

#menus .coluna6dupla{
	width:30%;
	margin-right: 2%;
}

#menus .last{
	margin-right: 0;
	}	
	
#menus .float{
	width:45%;
	margin-right: 5%;
	float:left;
	}	

.ie6 #menus .float,
.ie7 #menus .float{
	width:42%;
	margin-right: 2%;
	height: 1%
	}	

/* conteudo principal */
#main{
	background-color: #ffffff;
    padding: 30px 25px 25px;
    margin-top: 0px;
}

.area{color: #999999}

.titulo-menu-home{
    font:20px;
    width:95%;
    border-bottom: 1px solid #bbb9b9;
    font-size: 25px;
    color: #a88000;
    margin-bottom: 20px;
}

#main h1{
	font-size: 25px;
	color: #a88000;
	border-bottom: 1px solid #999999;
	margin-bottom: 20px;
}



#treeview{
    border: 1px solid #d3d3d3;
    margin-left:10px;
    margin-top:30px;
    padding:10px;
    width: 96%;
}

#treeview .areamenu{
    width: 100%;
    padding:5px;
    font-size:15px;
    font-weight:bold;
    display:inline-block;
}

#treeview .areamenu-header{
    background-color:lightgoldenrodyellow;
    padding: 4px 2px 0px 10px;
    cursor:pointer;
}
#treeview .areamenu-conteudo{
    border-left: 1px dotted #d3d3d3;
    margin-left: 7px;
    margin-top: 3px;
    display:none;
}

#treeview .menu{
    margin-left:10px;
    padding:2px;
    font-size:13px;
    font-weight:normal;
    width:200px;
    float:left;
    cursor:default;

}
#treeview .menu-header{
    font-weight:bold;
}
#treeview .menu-conteudo{
    border-left: 1px dotted #d3d3d3;
    margin-left: 7px;
    margin-top: 3px;
}

#treeview .item{
    margin-left:13px;
    padding:3px;
}
#treeview .item-header{
    cursor:pointer
}
#treeview .item-conteudo{
    border-left: 1px dotted #d3d3d3;
    margin-left: 7px;
    margin-top: 3px;
}

#treeview .subitem{
    margin-left:15px;
}
#treeview .subitem-header{
    background: url("../images/bullet.gif") no-repeat 3px 5px;
    padding-left:10px;
    margin-top: 3px;

}

/*LOGIN */
.main-login{
    background-color: #FFFFFF;
    padding: 30px 25px 25px;
    margin: 8%  30% 0% 30%;
    height:200px;
    width:400px;
    border: 1px dotted #d3d3d3;
}

.main-login .textinput{
    float:left;
    width:350px;
    margin-top:4px;
    font-size:17px;
    padding: 5px;
}
.main-login .label{
    float:left;
    font-weight:bold;
}


.main-login h3{
    color: #A88000;
    font-size: 20px;
    margin-left: -26px;
    margin-top: -75px;
}

#login-table{  border: none; margin-top:50px;}
#login-page table td.label,
#login-page table div.label { text-align: right; }
#login-page table td { padding: 3px 0px 3px 5px; color: #666; vertical-align: middle; font-size: 11px;}

.nopermission{
    margin-top: 100px;
    font-size: 18px;
    font-weight: bold;
    color:#A88000
}

.nopermission-img{
    margin-top: 15px;
    opacity:0.4;
    filter:alpha(opacity=40);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

}
.home-destaque{
    cursor:pointer;
    display: table-cell;
    width:  130px;
    height: 100px;
    border: 1px dotted #d3d3d3;
    margin-right:30px;
    margin-bottom:30px;
    text-align:center;
    padding:10px 10px 10px 10px;
    font-weight:bold;
    float:left;
}

.header-historico {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 10px;
}
.historico {
    width:350px;
    margin-left:40px;
    margin-top:30px;
}

.td-total{
    border:1px solid #d3d3d3;
    background:#E2DAC0;
    font-weight: bold;
}

.center, #extratoConta table td{
    text-align:center;
}

.caderneta-saldo{
    border: 1px dotted #d3d3d3;
    /*position:absolute;
    left: 750px;
    top: 295px; */
    width:280px;
    height:60px;
    padding:15px;
}

.destaque-valor{
    background-color:lightgoldenrodyellow;
    font-weight:bold;
    padding:5px;

}

.blue{
    color: #0606e3;
}
.red{
    color: red;
}

.recibo{
    padding:10px;
    border:1px solid black;
    width:650px;
    margin-left:0%;
    margin-top:10px;
}
.recibo-title{
    font-size:30px;
    text-align:center;
    margin-left:-70px;
    vertical-align:middle;
    padding-top:80px;
}
.recibo-texto{
    width:100%;
    font-size:16px;
    text-align:left;
    vertical-align:middle;
    padding-top:25px;
    line-height:0px;
}
.recibo-texto-nome{
    font-style:italic;
}

.recibo-texto-center{
   width:100%;
   text-align:center; 
    display:block;
}

.recibo-separador{
    border-bottom: 1px dotted gray;
    margin-bottom: 70px;
    margin-top: 70px;
    width: 800px;
}

.slide2{
    width: 100%;
    padding:5px;
    display:inline-block;
}

.slide2-header{
    background-color:lightgoldenrodyellow;
    padding: 1px 1px 0px 10px;
    cursor:pointer;
}
.slide2-conteudo{
    margin-left: 1px;
    margin-top: 3px;
    display:none;
}

.texto-pequeno1{
    font-size:13px;
}
.texto-pequeno2{
    font-size:12px;    
}

.rodape{
    margin: 10px 0px 10px 0;
    padding: 5px 0 8px  0 ;
}

.rodape table {
    width:100%
}

.rodape table td{
    padding:0;
    vertical-align:middle;
    font-size: 11px;
    font-style:italic;
}

.desabilitado{
    background-color: #f5eded;
    color: #8b8989;
}

.lancamentoPago{
    color: #a3cb50;
}

.lancamentoRecebido {
    color: #D2691E;
}

.lancamentoPago a {
    color: #a3cb50;
}

.lancamentoRecebido a {
    color: #D2691E;
}

.lancamentoEstorno {
    color: blue;
}

.lancamentoEstorno a {
    color: blue;
}

/*Extrato de Conta*/
#cabecalhoExtratoConta,
#cabecalhoFluxoCaixa {
    padding: 10px;

}

#cabecalhoExtratoConta span,
#cabecalhoFluxoCaixa span{
    font: italic bold 12px verdana, arial, helvetica, sans-serif;
    display:block
}

#extratoConta table,
#resumo table{
   border:1px solid #DDDDDD; 
}

#resumo table td{
   text-align:left;
}

#resumo table td.monetario{
   text-align:right;
}

#resumo{
    padding-top: 10px;
}

#resumo table{
    width:70%
}

#resumo td,
#resumo th{
    border:1px solid #d3d3d3;
}

#extratoConta table td {
    font-size: 10px;
    padding: 0 5px;
    margin: 0 5px;
}

#extratoConta th,
#extratoConta th a,
#extratoConta th a:link,
#extratoConta th a:hover{
    font-size: 11px;
}

#pdf {
    text-align: right;
    padding: 5px;
    margin: 5px;
}


#extratoConta table td.totalizadorTitulo{
    font-weight:bold;
    text-align:right;
    background: #dbd2b4;
}


.monetario {
    text-align: right;
}

.cabListagem div {
   float:left;
   position:relative;
    font-size: 14px;
}

.cabRelatorio table{
    width:100%;
}

.cabRelatorio td{
    text-align:left;
}

.cabRelatorio{
    border-bottom:1px black solid;
}


.totalizador{
  font-weight:bold;  
}

.fechamentoMes-label{
    font-size:17px;
    font-weight:bold;
    padding-left:7px;
}


.texto-janela-confirmacao {
    padding-top:15px;
    text-align:left;
    padding-bottom:15px;
}

.link{
    text-decoration:underline; color: #5b5bfa;
}

.titulo-pdf{
    font-weight:bold;
    font-size:16px;
    background-color: #fafad2;
    padding:3px 15px 3px 15px;
}

.balancete-resultado-titulo {
    font-weight:bold;
    text-align:center;
    padding-bottom:6px;
    border:0;
    font-size:14px;
}
.balancete-conta-principal {
    background: #f7f7f7;
    font-weight:bold;
    padding:10px 0px 5px 10px;
}
.balancete-conta-normal {
    font-size:12px;
    padding:0px 0px 0px 10px;
}


.legenda{
    padding:0px;    
}

.legenda-item{
    height:10px;
    width:10px;
}

#cabecalhoResultadosMensais h2,
#cabecalhoResultadosMensais h3{
    margin:10px;
}

#cabecalhoResultadosAcc12meses h3 {
    margin:20px;
}

.demoResultadoCSSBasico td.descContas{
  text-align:left;
  white-space:nowrap;
  border-left:1px solid #d3d3d3;
  font-size:12px;
  padding-right: 15px;
}

.demoResultadoCSSBasico{
    padding:0;
    margin:0;
    vertical-align:top;
}
.demoResultadoCSSBasico th{
   text-align:center;
   border:1px solid #d3d3d3;
   border-bottom: none;
   background: #dbd2b4;
}

.demoResultadoCSSBasico td{
   border-left:1px solid #d3d3d3;
   border-right:1px solid #d3d3d3;
   margin-left:7px;
   font-size:12px;
   width:50px;
}

.demoResultadoCSSBasico table{
  border:1px solid #d3d3d3;
}

.width100 {
    width: 100%;
}

.caixaRegistroDetalhe{
   width:93%;
   margin-left:20px;
   margin-bottom:20px;
   border:2px dotted #d3d3d3;
}

#detalhamentoRoyalties th{
    text-align:center;
    white-space:nowrap;
    font-size:12px;
}

#detalhamentoRoyalties td{
    text-align:right;
    width:50px;
    white-space:nowrap;    
}

#detalhamentoRoyalties tr.valoresRoyalties td{
    width: 70px;
}

#demonstrativoCobrancaRoyalties td{
    text-align:left;
}

#indiceDesempenho thead th{
    text-align:center;
    font-size:12px;
    /*#DDDDDD*/
    border: 1px solid white;
}
#indiceDesempenho thead th.monetario{
   text-align:right; 
}

#indiceDesempenho tbody td{
    text-align:right;
    white-space:nowrap;
    font-size:10px;
}

#indiceDesempenho tbody tr.resultadoMesAcima35Porcento td{
    color:red;
}

div.comentarioFeedback table tbody td{
    text-align:left;
    border:1px solid red;
}

.reaberturaMes-selecione-franquia{
    font-weight: bold;
    font-size: 15px;
    margin-left: 50px;
    margin-top: 20px;
}

#informeEstoquesDialog td {
    padding-bottom: 7px;
}

#informeEstoquesDialog h2{
    padding: 10px;
}
/*Estilo para destacar melhor as informações nos relatorios*/
table.relatorioGradeVertical tbody td {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}
table.relatorioGradeHorizontal tbody td {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
table.relatorioGrade tbody td {
    border: 1px solid #DDDDDD;
}



/*================================== slide ==========================================*/
.slide{
    border-color: #EEEEEE;
    margin-bottom: 5px;
    padding-top: 1px;
    width: 94%;
    margin-left:3%
}

.slide100{
    border-color: #EEEEEE;
    margin-bottom: 5px;
    padding-top: 1px;
    width: 100%;
}

.slide-header {
	margin: 0;
	padding: 0px;
	background: repeat-x scroll 50% 50% #F6F6F6;
    border: 1px solid #CCCCCC;
    color: #2F71B5;
    font-weight: bold;
	/*-moz-border-radius: 4px;*/
	height: 20px;

}
.btn-slide {
	/*background: url(../images/slide/white-arrow.gif) no-repeat left -47px;*/
	text-align: left;
	height: 20px;
	display: block;
	margin-left: 5px;
	padding-left: 20px;
    padding-top: 1px;

}
.slide-active {
	/*background-position: left 13px;*/
}


.slide-panel {
	margin-top: -1px;
    margin-left: 0px;
	background: white;
	/*height: 200px;*/
	display: none;
	border: 1px solid #CCCCCC;
    color: #1C94C4;
    font-weight: bold;
	/*-moz-border-radius: 4px;*/
    padding: 5px;
    padding-left: 15px;
    min-height: 50px;
}


.slide-list table {
    border-collapse: collapse;
}
.slide-list table th, .slide-list td {
border-left: 1px solid #DDDDDD;
    color: gray;
    font-weight: normal;
    padding: 2px 2px 2px 10px;
    vertical-align: middle;

}
.slide-list th:hover, .slide-list tr:hover{
/*    background: #dfe8f5;*/
}

.slide-table-td-actions{
    width: 60px;
}

.slide-image{
  margin-left:0;
  width: 450px;
  font-size:11px;
}
.slide-header-image141 {
	margin: 0;
	padding: 0px;
	background: repeat-x scroll 50% 50% #F6F6F6;
    border: 1px solid #CCCCCC;
    color: #666;
    font-weight: normal;
    font-size:11px;
	height: 15px;
    width:61px;
    float: left;

}
.btn-slide-image {
    background: url("../images/slide/white-arrow.gif") no-repeat scroll left -57px transparent;
    display: block;
    height: 20px;
    margin-left: 5px;
    padding-left: 20px;
    padding-top: 1px;
    text-align: left;
}

.slide-panel-image{
    color: #666;
    font-weight: normal;
    font-size:12px;
}
.slide-header-image115 {
	margin: 0;
	padding: 0px;
	background: repeat-x scroll 50% 50% #F6F6F6;
    border: 1px solid #CCCCCC;
    color: #666;
    font-weight: normal;
    font-size:11px;
	height: 15px;
    width:61px;
    float: left;

}
.informativo-campo{
    font-style: italic;
    font-size:11px;
    color: #666;
    font-weight:normal;
}
/*Para corrigir erro de alinhamento de campos no IE7*/
#content div#tab-produto table td{
    width: 550px;
    padding-right: 10px;
}
#content div#tab-produto table td.name span{
    white-space: nowrap;
}

#content div#tab-produto table{
    width: 50%;
}

#content div#tab-produto table td.correcao_alinhamento{
    text-align: right;
    width: 180px;
}

.list table#listaHabilitarProdutos th.layoutListaHabilitarProduto,
td.layoutListaHabilitarProduto{
    text-align: center;
    width: 130px;
}

.dialog table.producaoAtividadeDialog td.name{
    width: 150px;
}
/* corrige bug do IE7 que simplesmente ignora o
width nas TD's ex. <td style="width:120px;">...</td> */
.dialog table.producaoAtividadeDialog{
    table-layout: fixed;
}
.dialog table.producaoAtividadeDialog td.atividadeDiaSemana{
    width: 75px;
}


.mensagensNaoLidas{
    padding: 10px 0px 20px 2px;
    text-align: center;
    width: 95%;
    vertical-align: middle;

}
.mensagensNaoLidas-msg{
    color: #00008B;
    vertical-align: middle;
    height: 48px;
}
.mensagensNaoLidas-link{
    color: gray;
    padding-left: 15px;
    text-decoration: underline;
    cursor: pointer;
    vertical-align: middle;
    height: 48px;
}

.estoqueAtualAbaixoMinimo a{
    color: red;
    font-weight: bold;
}

.btn-slide-programacao {
	background: url(../images/subitem-aberto.gif) no-repeat left;
    color: red;

}
.slide-active-programacao {
    background: url(../images/subitem.gif) no-repeat left;
}

table#ordem_producao td{
    vertical-align: middle;
    padding-bottom: 25px;
}


/*CSS para Geração da Ordem de Produção*/
table#ordemProducaoIngredientes td{
    padding: 0px 0px 0px 0px;
    border: none;
}

.status{
    margin-bottom: 30px;
}
.status-ativo{
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
    background: url(../images/processo/status.png);
    font-weight: bold;
    color: #000000;
    font-size: 15px;
    border: 1px dotted #999292;
    text-align: center;
    white-space: nowrap;
}
.status-inativo{
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
    background: url(../images/processo/status.png);
    font-weight: bold;
    color: #716f6f;
    font-family: Courier;
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    text-align: center;
    white-space: nowrap;
    display: inline-block;
}

.status-next{
    margin: 5px 5px 0px 5px;
    padding-right: 5px;
    background: url(../images/processo/arrow_right.png) no-repeat;
    vertical-align: middle;
}

#itensCompra{
    font-size: 12px;
}


#tableResultadoConsulta tr td{
    padding: 1px;
}

#tableValoresNutricionais {
    width: 500px;
    padding: 3px;
    font-size: 10px;
    border: 1px solid #d3d3d3;
    margin-top: 1px;
}
#tableValoresNutricionais tr {
    padding: 3px;
}
#tableValoresNutricionais tr td{
    padding: 3px;
}
#tableValoresNutricionais th {
    padding: 1px;
    font-size: 10px;
    line-height: 12px;
}


#tableResultadoConsultaPDF{
    width: 98%;
    border: 1px solid #d3d3d3;
    margin-left: 2px;
    margin-top: 3px;
}
#tableResultadoConsultaPDF tr td{
    padding: 1px;
    text-align: left;
    font-size: 10px;
    vertical-align: middle;
}
#tableResultadoConsultaPDF th{
    padding: 1px;
    text-align: left;
    font-size: 8px;
}

#tableValoresNutricionaisPDF {
    width: 400px;
    padding: 1px;
    font-size: 8px;
    border: 1px dotted #d3d3d3;
    margin-top: 1px;
    text-align: left;
}
#tableValoresNutricionaisPDF tr {
    padding: 1px;
    text-align: left;
}
#tableValoresNutricionaisPDF tr td{
    padding: 1px;
    text-align: left;
}
#tableValoresNutricionaisPDF th {
    padding: 1px;
    font-size: 8px;
    line-height: 9px;
    text-align: left;
}


.subtable{
    width: 97%;
    font-size: 10px;
    margin-bottom: 10px;
    line-height: 12px;
    vertical-align: middle;
}
.subtable th{
    font-size: 10px;
    line-height: 12px;
    background: none repeat scroll 0 0 #d9f6c6;
    vertical-align: middle;
}
.subtable tr td{
    font-size: 10px;
    line-height: 12px;
    vertical-align: middle;
}


.subtable-inline{
    width: 97%;
    margin-left: 2%;
    font-size: 10px;
    margin-bottom: 10px;
    line-height: 12px;
    vertical-align: middle;
}
.subtable-inline th{
    font-size: 10px;
    line-height: 12px;
    background: none repeat scroll 0 0 #fafafa;
    vertical-align: middle;
}
.subtable-inline tr td{
    font-size: 10px;
    line-height: 12px;
    vertical-align: middle;
}

.tdtosubtable{
    padding: 0;
    line-height: 0;
    margin: 0;
    height: 0;

}