/* Container */

/* Retire em caso de resolu��o */
/* #geral {
   padding: 0 8px;
   background-image: url(../images/commons/bgMenu.jpg);
   background-position: center 132px;
	 background-repeat: repeat-x;
} */


.center {
  /* max-width: 1031px;
	 min-width: 780px;
	 margin: 0 auto;
	  Retire em caso de resolu��o*/
   max-width: 100%;
	 min-width: 964px;
	 margin: 0 5px;

}

/* Topo */

#topo {
   height: 132px;
	 background-image: url(../images/commons/bgTopo.jpg);
	 background-repeat: no-repeat;
	 background-position: 300px 0;
}

#topo #logo {
   padding: 5px 0 0 15px;
}

/* Menu */

#menuTop {
	position: relative;
	width: 100%;
	height: 55px;
	z-index: 1;
	background-color: #841f24;
}

#menuTop li {
	 position: relative;
   float: left;
	 height: 55px;
	 /*padding: 0 30px 0 30px;*/
	 padding: 0 12px 0;
}

#menuTop li:hover {
	background-color: #681519;
	border-left: 1px solid #681519;
	border-right: 1px solid #681519;
}

#menuTop li a {
   font-family: Tahoma, Geneva, sans-serif;
	 font-size: 14px;
	 font-weight: bold;
	 color: #FFF;
	 text-decoration: none;
	 line-height: 55px;
	 text-shadow: 0 1px #000000;
}

/* Submenu */
#menuTop li:hover ul {
   display: block;
	 position: absolute;
	 top: 55px;
	 left: 0px;
	 border: 1px solid #BCBEC0;
	 border-top: 0 none;
}

#menuTop li ul {
	 display: none;
   background-color: #e3e3e3;
	 width: 100%;
	 padding: 0px;
	 z-index: 20;
	 border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
}

#menuTop li ul li:first-child {
   border-top: 0 none;
}

#menuTop li ul li {
	 float: none;
	 padding: 0px;
	 text-align: left;
	 height: auto;
	 padding-top: 4px;
	 padding-bottom: 4px;
	 z-index: 1000;
	 padding: 5px 5px;
	 border-top: 1px solid #CCC;
}

#menuTop li ul li a {
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #515151;
	line-height: 16px;
	padding: 0px;
	padding-left: 6px;
	text-shadow: none;
	font-weight: normal;
}

#menuTop li ul li:hover {
	background-image: none;
	background-color: #7f1e22;
	border:0 none;
}

#menuTop li ul li:hover a {
	 color: #FFF;
}

/* Breadcrumb */

#breadcrumb {
	position: relative;
   	height: 36px;
	background-color: #F3F3F3;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #c4c4c4
}

#breadcrumb .left {
   	position: absolute;
	width: 4px;
	height: 36px;
	top: 0px;
	left: 0px;
	background-color: #F3F3F3;
}

#breadcrumb .right {
   	position: absolute;
	width: 5px;
	height: 36px;
	top: 0px;
	right: 0px;
	background-color: #F3F3F3;
}

#breadcrumb ul {
	 margin-left: 20px;
}

#breadcrumb li {
   color: #797979;
	 float: left;
	 margin-right: 5px;
   font-size: 13px;
   font-weight: bold;
   line-height: 35px;
   text-decoration: none;
	 text-shadow: 0 1px #FFF;
}

#breadcrumb li a,
#breadcrumb a.voltar {
   font-weight: bold;
	 font-size: 13px;
	 color: #797979;
	 text-decoration: none;
	 line-height: 35px;
}

#breadcrumb a.voltar {
    float: right;
    margin-right: 20px;
}

/* Estruturas Layout */

#conteudo {
   width: 100%;
	 float: left;
	 padding-left: 2px;
}

#conteudo #left {
   /*margin-right: 327px;*/
}

#conteudo #right {
   margin-left: 279px;
	 padding-right: 3px;
}

/* Coluna lateral esquerda */

#leftCol {
   width: 250px;
	 margin-left: -100%;
	 float: left;
}

#leftCol #box {
   width: 248px;
}

#leftCol #box .header {
	width: 248px;
    height: 30px;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    text-shadow: 0 1px #000;
    font-weight: bold;
    background-color: #841f24;
}

#leftCol #box .cont {
   position: relative;
   background-color: #CACACA;
	 text-align: center;
	 padding: 16px 0 21px;
	 border: 1px solid #A2A2A2;
	 border-top: 0 none;
}

#leftCol #box ul {
	 padding-bottom: 3px;
   background-image: url(../images/commons/botBox.png);
	 background-repeat: no-repeat;
	 background-position: bottom;
}

#leftCol #box .chzn-container ul {
    background-image: none;
    padding-bottom: 0;
}

#leftCol #box ul li {
   text-align: center;
	 height: 30px;
	 line-height: 26px;
	 border-top: 1px solid #959595;
	 border-left: 1px solid #959595;
	 border-right: 1px solid #959595;
}

#leftCol #box ul li.link {
	background-color: #959595;
}
#leftCol #box ul li.link a {
    color: #FFFFFF;
    text-shadow: none;
}

#leftCol #box .chzn-container ul li{
    text-align: left;
    background-image: none;
    border: none;
    height: auto;
    line-height: normal;
}

#leftCol #box ul li:first-child {
   border-top: 0 none;
}

#leftCol #box ul li a {
	 font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
	 font-weight: bold;
	 color: #515151;
	 font-weight: bold;
	 text-decoration: none;
	 text-shadow: 0 1px #CDCDCD;
}


.btnCinza {
	display: block;
	width: 109px;
	height: 35px;
	font-size: 12px;
	text-align: center;
	line-height: 35px;
	color: #58595B;
	background-color: #F3F3F3;
	border: 1px solid #C4C4C4;
	font-family: Tahoma, Geneva, sans-serif;
	cursor: pointer;
	text-decoration: none;
}

.btnCinza-relatorio {
    display: block;
    width: 150px;
    height: 35px;
    font-size: 12px !important;
    text-align: center;
    line-height: 35px;
    color: #58595B;
    background-color: #F3F3F3;
	border: 1px solid #C4C4C4;
    font-family: Tahoma, Geneva, sans-serif;
    cursor: pointer;
    text-decoration: none;
    margin-top: 0px;
}

.btnBlue {
	display: block;
	width: 106px;
	height: 37px;
	font-size: 13px !important;
	text-align: center;
	line-height: 37px;
	color: #000000;
	font-weight: bold;
	background-color: #F3F3F3;
	border: 1px solid #C4C4C4;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 21px;
	cursor: pointer;
	clear: both;
	box-shadow: none;
	text-shadow: 0 1px #FFF;
}

.btnDisabled {
	display: block;
	width: 106px;
	height: 37px;
	font-size: 13px !important;
	text-align: center;
	line-height: 37px;
	color: #a1a0a0;
	font-weight: bold;
	background-color: #F3F3F3;
	border: 1px solid #C4C4C4;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 21px;
	cursor: not-allowed;
	clear: both;
	box-shadow: none;
	text-shadow: 0 1px #FFF;
	text-decoration: none !important;
}

a.btnBlue {
	text-decoration: none;
	border-radius: 4px;
}

.btnBlue2 {
	 display: block;
         width: auto;
	 height: 37px;
	 font-size: 13px !important;
	 text-align: center;
	 line-height: 37px;
         color: #9C262C;
	 font-weight: bold;
	 background-image: url(../images/commons/btnAzul.png);
	 background-repeat: round;
	 background-color: transparent;
	 border: 0 none;
	 font-family: Arial, Helvetica, sans-serif;
	 margin-top: 21px;
	 cursor: pointer;
	 clear: both;
	 box-shadow: none;
	 text-shadow: 0 1px #FFF;
         padding: 0 12px;
}

#btnBuscar {
	width: 80px;
    height: 30px;
    font-size: 11px;
    text-align: center;
    line-height: 16px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: transparent;
    border: 0 none;
    margin: 15px auto 0px;
    cursor: pointer;
    box-shadow: none;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #7e7e7e;
}

#btnBuscar:hover {
	background-color: #9e9e9e;
}

/* Calendario */

#calendario {
   width: 179px;
   padding-bottom: 20px;
	 background-color: #EAEAEA;
	 border-radius: 10px;
	 margin: 0 30px;
}

/* Internas */

.headerTop {
	width: 100%;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
	height: 30px;
	border: 1px solid #8C2126;
	background-color: #a82d33;
	text-align: center;
	line-height: 30px;
	text-shadow: 0 1px #000;
	margin-bottom: 14px;
	margin-right: 4px;
	border-radius: 3px;
}

/* Formularios */

.form {
   margin: 0 auto;
}


.form label {
   font-size: 12px;
	 font-weight: bold;
	 text-align: right;
	 color: #535353;
	 margin-right: 12px;
	 clear: left;
	 float: left;
	 position: relative;
	 top: 4px;
}

.form .text {
   top: 16px;
}

/* Inputs Texto */

.form input {
	 display: block;
   float: left;
	 margin-bottom: 9px;
	 text-indent: 5px;
   font-size: 12px;
}

.form textarea {
   float: left;
	 margin: 9px 0;
	 padding: 5px;
}

.form select {
   float: left;
	 margin-bottom: 8px;
}

.form .btnG {
	 width: 93px;
	 height: 32px;
	 background-image: url(../images/commons/btnMenor.png);
	 background-repeat: no-repeat;
	 border: 0 none;
	 font-family: Arial, Helvetica, sans-serif;
	 background-color: transparent;
	 text-align: center;
	 line-height: 32px;
	 color: #922328;
	 font-weight: bold;
	 font-size: 12px;
   clear: both;
	 margin-left: 73px;
	 cursor: pointer;
	 float: none;
	 box-shadow: none;
}

.formLat {
   margin: 0 auto;
	 width: 181px;
}

.formLat label {
   display: block;
	 text-align: left;
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 color: #848484;
	 font-size: 16px;
	 font-weight: bold;
	 padding-bottom: 4px;
}

.formLat input {
   display: block;
	 margin-bottom: 13px;
	 width: 176px;
	 height: 22px;
	 font-family: Tahoma, Geneva, sans-serif;
	 font-size: 12px;
	 color: #535353;
	 line-height: 25px;
	 text-indent: 5px;
}

.formLat select {
   width: 178px;
	 height: 25px;
	 display: block;
	 font-family: Tahoma, Geneva, sans-serif;
	 font-size: 12px;
	 color: #535353;
	 padding: 3px;
	 margin-bottom: 13px;
}

.formLat select.multiple{
    height: auto;
}

/* Tabelas CRUD */

.crud {
	width: 100%;
	border-radius: 10px 10px 10px 10px;
}

.crud thead {
   	border: 1px solid #9C262C;
	background-color: #5C1417;
}

.crud thead tr th {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 13px;
	 color: #FFF;
	 text-align: center;
	 font-weight: bold;
	 border-left: 1px solid #5B0E11;
	 padding: 2px;
	 height: 36px;
	 text-shadow: 0 1px #000;
}

.crud thead tr th a {
    color: #FFFFFF;
    text-decoration: underline;
}

.crud tbody {
   border: 1px solid #BCBEC0;
}

.crud tbody .odd td {
   background-color: #E6E6E6;
}

.crud tbody tr:first-child {
   border-top: 1px solid #BCBEC0;
}

.crud tbody tr {
   border-bottom: 1px solid #BCBEC0;
}

.crud tbody .h {
   height: 32px;
}

.crud tbody .h td:first-child {
   border-left: 0 none;
}

.crud tbody .h td {
	color: #000000;
	font-weight: bold;
	border-right: 1px solid #C2BABA;
	font-size: 13px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-color: #c7c7c7;
	border-bottom: 2px solid #000000;
}

.crud tbody tr td {
   text-align: center;
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 13px;
	 color: #000000;
	 padding: 6px;
	 border-left: 1px solid #BCBEC0;
	 *border-right: 1px solid #BCBEC0;
	 *border-bottom: 1px solid #BCBEC0;
	 background-color: #FFF;
}

.crud tbody tr td a {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    text-decoration: none;
}

/* Coluna lateral direita */

#rightCol {
   width: 318px;
	 margin-left: -330px;
	 padding-left: 10px;
	 float: left;
}

/* Pagina��o */

.pagination {
   position: relative;
	 height: 34px;
	 width: 100%;
	 margin: 17px 0;
}

.pagination ul {
	 position: relative;
   float: left;
	 margin: 0 auto;
	 left: 50%;
}

.pagination ul li {
   position: relative;
	 float: left;
	 right: 50%;
	 margin-left: 9px;
	 text-align: center;
}

.pagination ul li .prev,
.pagination ul li .prev:hover {
   background-position: 0 0;
}

.pagination ul li .next,
.pagination ul li .next:hover {
   background-position: -81px 0;
}


.pagination ul li a {
	 display: block;
	 width: 26px;
	 height: 22px;
	 background-image: url(../images/commons/paginacao.jpg);
	 background-repeat: no-repeat;
	 line-height: 22px;
	 cursor: pointer;
   font-family: Tahoma, Geneva, sans-serif;
	 font-size: 13px;
	 color: #808080;
	 text-decoration: none;
	 background-position: -27px 0;
}

.pagination ul li a:hover {
   background-position: -54px 0;
}

/* Icones */

.icon_datar,
.icon_relatorios,
.icon_editar,
.icon_excluir,
.icon_delete,
.icon_salvar {
   display: block;
	 background-repeat: no-repeat;
	 margin: 0 auto;
}

.icon_datar {
   width: 14px;
	 height: 16px;
	 background-image: url(../images/commons/icon_calendar.jpg);
}

.icon_relatorios {
   width: 14px;
	 height: 16px;
	 background-image: url(../images/commons/icon_rel.jpg);
}

.icon_editar {
   width: 14px;
	 height: 14px;
	 background-image: url(../images/commons/icon_editar.png);
}

.icon_excluir {
   width: 17px;
	 height: 16px;
	 background-image: url(../images/commons/icon_excluir.png);
}

.icon_delete {
   width: 17px;
	 height: 16px;
	 background-image: url(../images/commons/icon_delete.jpg);
}

.icon_salvar {
    width: 17px;
     height: 17px;
     display: block;
     background-image: url(../images/commons/icon_salvar.jpg);
     background-repeat: no-repeat;
     cursor: pointer;
     border: none;
     margin: 0 auto;
     padding: 0;
}

/* Rodape */

#rodape {
	 position: relative;
   height: 66px;
	 margin-top: 31px;
	 text-align: center;
	 margin-bottom: 10px;
	 background-image: url(../images/commons/centerRodape.jpg);
	 background-repeat: repeat-x;
	display: none !important;
}

#rodape .copy {
   position: relative;
	 top: 23px;
	 font-family: Tahoma, Geneva, sans-serif;
	 font-size: 12px;
	 color: #939598;
}

#rodape .logoQuality {
	 display: block;
	 position: absolute;
	 width: 91px;
	 height: 31px;
   top: 20px;
	 right: 12px;
	 background-image: url(../images/commons/quality.png);
	 background-repeat: no-repeat;
}

#rodape .left {
   width: 3px;
	 height: 66px;
	 position: absolute;
	 left: 0;
	 top: 0;
	 background-image: url(../images/commons/leftRodape.jpg);
	 background-repeat: no-repeat;
}

#rodape .right {
   width: 4px;
	 height: 66px;
	 position: absolute;
	 right: 0;
	 top: 0;
	 background-image: url(../images/commons/rightRodape.jpg);
	 background-repeat: no-repeat;
}

#rodape .logo {
   position: absolute;
	 top: 10px;
	 left: 20px;
}


.buscaGeral{
	float:left;
	margin-left:60px;
	margin-top:40px;
	width:451px;
	height:57px;
}

.buscaGeral form {
	background-color: #841f24;
}

.fundoBuscaGeral{background:url(../images/commons/fundoInputBusca.png) no-repeat;width:387px;height:31px;float:left;margin:8px 5px;}
.fundoBuscaGeral input{background-color:#fff !important;border:none !important;height:20px;float:left;margin-top:5px;width:350px;}
img.btBuscaGeral{float:right;margin-right:10px;margin-top:8px;}
.boxNomeUsuario{float:right;width:20%;margin-top:40px;}
p.txtUsuarioSaudacao{font-size:12px;float:right;}

.mensagem-container{
    text-align: center;
    color: #515151;
    padding:15px 50px 10px;
    margin: 0px auto 20px;
    font-size: 16px;
    border: 2px solid #CACACA;
    border-radius: 10px;
    background-color: #F0FFF0;
    font-weight: bold;
    max-width: 500px;
}

.mensagem-sistema-erro {
    border: 2px solid #FFD700;
    background-color: #FFFFDD;
}

.mensagem-container img,
.mensagem-container span{
    vertical-align: middle;
}

.mensagem-container span{
    margin-left: 10px;
}

.pagination a.link-atual{
    font-weight: bold;
}

.erros-container{
    border: 2px solid #FFD700;
    background-color: #FFFFDD;
    color: black;
    font-size: 14px;
    text-align: left;
}

.erros-container p{
    margin-bottom: 10px;
}

.erros-container ul{
    margin-left: 20px;
}

.erros-container li{
    list-style: disc;
    color:#FF0000;
    font-weight: normal;
}


input.valor,
input.quantidade{
    text-align: right;
    padding-right: 2px;
}

#ambiente-testes-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#ambiente-testes-container p{
    background-color: #FFFFDD;
    border: 2px solid #FFD700;
    color: #FF0000;
    text-align: center;
    padding: 8px 0;
    border-radius: 5px;
}

a.imprimir{
    color: #797979;
    font-size: 15px;
    text-decoration: none;
    float: right;
    margin:  10px 10px 20px 0;
}

.barra-debug{
    width: 100%;
    position: fixed;
    bottom: 0;
    background: rgba(255,255,255,0.5);
    padding: 10px;
}

.barra-debug table{
    width: 700px;
}

.links-locale-container {
    margin: 0 auto 10px;
    text-align: center;
}

.links-locale-container .btn {
    display: inline-block;
    width: 109px;
    height: 35px;
    background-image: url(../images/commons/bCinza.png);
    background-repeat: no-repeat;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    font-size: 13px;
    color: #58595B;
    margin: 0 10px 15px 0;
    text-shadow: 0 1px #FFF;
}

.links-locale-container .btn.active {
    text-decoration: underline;
}

.locale-container {
    display: none;
}

.locale-container.active {
    display: block;
}

#auditVisual tr.h td {
	background-color: #F3F3F3;
}

.prod-tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
  }
  
.prod-tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

.prod-tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.prod-tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.fs-15 {
	font-size: 15px;
}

.text-primary {
	color: #2a428d;
}

.text-green {
	color: #256e25;
}

.text-neutral {
	color: #8E8E8E;
}

.text-danger {
	color: #6b2323;
}

table.tabela-cores-auditorias {
	width: 100%;
	border: 1px solid #BCBEC0;
}

table.tabela-cores-auditorias tbody {
	border: 1px solid #BCBEC0;
}

table.tabela-cores-auditorias th {
	background-color: #841f24;
	color: #FFF;
	text-align: center;
	padding: 4px;
}

table.tabela-cores-auditorias td {
	background-color: #E3E3E3;
	text-align: center;
	font-size: 12px;
	color: #535353;
	border: 1px solid #BCBEC0;
	line-height: 14px;
	padding: 5px 0 5px 5px;
}

div.agrupamento-busca-pedidos {
	float: left;
	width: 50%;
	border: 1px solid #c4c4c4;
	margin: 10px;
}

div.agrupamento-busca-pedidos .content,
div.agrupamento-pedidos .content {
	padding: 20px;
}

div.agrupamento-busca-pedidos form input,
div.agrupamento-busca-pedidos form select {
	margin-bottom: 13px;
	width: 176px;
	height: 22px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #535353;
	line-height: 25px;
	text-indent: 5px;
	box-shadow: none;
}

div.agrupamento-busca-pedidos form select {
	height: 25px;
}

div.agrupamento-busca-pedidos form input.btn {
	height: 27px;
	border: 1px solid #C3C3C3;
	width: 100px;
}

div.agrupamento-pedidos {
	float: left;
	width: 46%;
	border: 1px solid #c4c4c4;
	margin: 10px;
}

div.agrupamento-busca-pedidos h2,
div.agrupamento-pedidos h2 {
	background-color: #5C1417;
	padding: 5px 10px;
	font-size: 13px;
	font-weight: bold;
	line-height: 35px;
	text-decoration: none;
	border-bottom: 1px solid #c4c4c4;
	color: #FFF;
}

table.report-table {
	width: 100%;
}

table.report-table td.key {
	background-color: #a1b0c2 !important;
	font-weight: bold;
	text-align: left;
	width: 30%;
}

table.report-table td.value {
	background-color: #FFFFFF !important;
	text-align: left;
}

.topo-logo-qualita {
	float: right;
	margin-right: 20px;
	margin-top: 8px;
}

.text-center {
	text-align: center;
}

.padd-10 {
	padding: 10px;
}

.btn-disabled {
	color: #c7c3c3;
	cursor: not-allowed;
}