/* tags */
body, h1, h2, h3, h4, h5, h6, form, dl, ul, ol, dt, dd, p, address {
	margin:0px;
	padding:0px;
}
body, html {
	height: 100%;
	width: 100%;
}
body {
	background-color: #f58220;
	margin-top: 30px;
}
label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #b2babf;
}
a{cursor:pointer;}
/* seletores */
#conteudo {
	width: 971px;
	height: 608px;
	margin-right: auto;
	margin-left: auto;
}
#listagem01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #b2babf;
	list-style: none;
}
#listagem01 li {
	background: #4D555A url(../images/interna/bullet_li.gif) no-repeat 3px 7px;
	padding-left: 17px;
	/* Espaço extra IE6 */
	_height: 1%;
	padding-bottom: 5px;
}
#listagem01 li a {
	color: #FFFFFF;
	text-decoration: none;
}
#listagem01 li a:hover {
	color: #f58220;
	text-decoration: none;
}
/* classes */
.arial12Cinza {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b2babf;
}
.arial12Cinza a {
	color: #f58220;
	text-decoration: none;
}
.arial12Cinza a:hover {
	color: #b2babf;
	text-decoration: none;
}
.arial14Cinza {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #b2babf;
}
.arial14Laranja {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #f58220;
}
.arial18Cinza {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #b2babf;
}
.input01{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4D555A;
	text-decoration: none;
	background-color: #FFF;
	width: 320px;
	margin-top: 3px;
	margin-bottom: 5px;
	border: 1px solid #FFF;
}


/* Área Restrita */
#content{
	margin:30px 20px 10px 0;
	display: block;
  height: 420px;
  overflow: auto;
	font-size: 14px;
	width: 668px;
	position:relative;
}
#welcome{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#33cc99;
	margin:65px 0 0 20px;
}
#menu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-transform:uppercase;
	margin:15px 0 0 20px;
	list-style:none;
}
#menu a{color: #f58220;text-decoration:none;}
#menu li{margin-bottom:10px;}
#menu .on, #menu a:hover{color: #b2babf;}
#content h2{
	background: url('/images/interna/icoSeta.gif') no-repeat left center;
	padding-left: 15px;
	color: #f58220;
	font-size: 20px;
	margin-bottom:20px;
	font-weight:normal;
}
#content .errors{color:#cb7272;}
#content .pag a{border:0;padding:2px 5px;background-color:#F58220;color:#000;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-right:3px;}
#content .pag a:hover{background-color:#F4A869;color:#000;}
#content .pag em{font-style:normal;padding:2px 5px;background-color:#F4A869;color:#000;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-right:3px;font-weight:bold;}
#content .pag span.gap{}
#content table.tb1{
	margin-bottom:20px;
	width:100%;
	border:1px solid #b2babf;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
#content table.tb1 thead,
.table_header{
	font-size: 16px;
	text-transform:uppercase;
	background:#b2babf;
	color:#4D555A;
}
#content table.tb1 td{padding:3px 5px;}
#content table.tb1 tbody td{
	border:1px solid #b2babf;
}

#content table.clean{
	margin-bottom:20px;
	width:100%;
	border:0;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

#content table.clean tbody td{
	border:0;
}

#content cite.cite1{margin-top:20px;display:block;clear:both;}
/*#content label{text-transform:uppercase;}*/
#content button.bt1{text-transform:uppercase;color: #f58220;background:transparent;border:0;font-size:16px;cursor:pointer;padding:0;}
#bt-restricted-area{
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	background:#fff;
	display:block;
	position:fixed;
	right:0;
	top:0;
	color:#f58220;
	padding:5px;
	-moz-box-shadow: 0px 0px 10px #555;
  -webkit-box-shadow: 0px 0px 10px #555;
	box-shadow: 0px 0px 10px #555;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
}
#content label.error{color:#cb7272; padding-left: 10px;}
#content input.error{border:1px dotted #cb7272;background:#EDBBBB;}
#content div.success{
	border: 1px dotted #69BF9B;
	color: #C1F4DF;
	display: inline-block;
	margin: 10px 0;
	padding: 5px;
}
#content .bt_simple{
	text-transform:none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#content .bt_simple:hover{
	color: #b2babf;
}
#content .a_print{
	cursor:pointer;
	text-indent:-90px;
	background:url('/images/restricted-area/printer.png') no-repeat;
	width:16px;
	height:16px;
	display:inline-block;
	overflow:hidden;
	margin:0 0 3px 3px;
	position: absolute;
	top:0;
	right: 20px;
}
#content .a_order{
	font-weight:bold;
	color:#4D555A;
	cursor:pointer;
	text-indent:-90px;
	background:url('/images/restricted-area/arrows.png') no-repeat 0px -12px;
	width:8px;
	height:6px;
	display:inline-block;
	overflow:hidden;
	margin:0 0 3px 3px;
}
#content .a_order:hover,
#content .a_order.active{
	color:#f58220;
	background-position:0 0;
}
#content .a_order.desc:hover,
#content .a_order.desc.active{
	color:#f58220;
	background-position:-8px 0px;
}
#content .a_order.desc{
	background-position:-8px -12px;
}
#header_in{
	background:url('/images/restricted-area/header-in.png') no-repeat;
	text-indent:-2000px;
	overflow:hidden;
	height:53px;
	width:679px;
	margin-top: 20px;
	display:block;
}
.lang-en #header_in{
	background-position:0px -53px;
}

#content .bt_medium{
	border:0;
	display:inline-block;
	font:1.0em/2.2em Arial, sans-serif;
	text-shadow: 1px 1px 1px #724c28;
	color:#fff;
	text-align:center;
	padding: 0 10px;
	background: #F58220; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb400', endColorstr='#F58220'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb400), to(#F58220)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffb400,  #F58220); /* for firefox 3.6+ */
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: none;
	cursor:pointer;
}

#content .bt_medium.active,
#content .bt_medium:hover{
	border:0;
	background: #a8a799; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbaaa', endColorstr='#8a897d'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#bbbaaa), to(#8a897d)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #bbbaaa,  #8a897d); /* for firefox 3.6+ */
	text-shadow:1px 1px 1px #67675e;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#content .bt_medium:disabled{
	color: #eee;
	background: #bbbaaa;
	text-shadow:1px 1px 1px #bbbaaa;
}

#content.info label,
#content .info label,
#content span.info,
#content strong.info{
	color:#ffb400;
	display: inline-block;
  margin-top: 10px;
}

#content .input02{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4D555A;
	text-decoration: none;
	background-color: #FFF;
	width: 160px;
	margin-top: 3px;
	margin-bottom: 5px;
	border: 1px solid #FFF;
}

#content .input03{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4D555A;
	text-decoration: none;
	background-color: #FFF;
	width: 90px;
	margin-top: 3px;
	margin-bottom: 5px;
	border: 1px solid #FFF;
}

#content .input04{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4D555A;
	text-decoration: none;
	background-color: #FFF;
	width: 50px;
	margin-top: 3px;
	margin-bottom: 5px;
	border: 1px solid #FFF;
}

#content .item_del{cursor:pointer;}

.w100p{width:100%}

.br1px{border-right:1px solid #b2babf;}
.bl1px{border-left:1px solid #b2babf;}
.bt1px{border-top:1px solid #b2babf;}
.bb1px{border-bottom:1px solid #b2babf;}

.mb10px{margin-bottom: 10px;}

.p5px{padding:5px;}
.pt5px{padding-top:5px;}


.table_header.odd,
.odd .table_header{
	background-color: #F2C56F;
}

.odd .br1px,
.odd .bl1px,
.odd .bt1px,
.odd .bb1px{border-color: #F2C56F;}


.badge.bg-success{
	background: #0EBA4B;
}


.stepperWrapper{
  position: relative;
}
.stepperStep{
  display: inline-block;
  width: 33%;
  position: relative;
  float: left;
}
.stepperLabel{
  color: white;
  position: relative;
  top: 0;
  text-align: center;
  cursor: pointer;
}
.stepperPercentage{
  color: black;
  position: absolute;
  top: 0;
  height: 20px;
}
.stepperProgress{
  position: absolute;
  display: none;
  top: 20px;
  background: #4D555A;
  border: 1px solid #B2BABF;
  width: 100%;
  z-index: 100;
}
.stepperProgressPerc{
  color: rgba(255, 255, 255, 0.4);
}
.stepperProgressPerc:hover,
.stepperProgressPerc.stepperProgressPercOn{
  color: white;
}
.stepperProgressPerc:hover .stepperGeralOff,
.stepperProgressPerc.stepperProgressPercOn .stepperGeralOff,
.stepperLabel.stepperGeralOff:hover{
  background: rgba(255, 139, 82, 1);
  color: white;
}
.stepperProgressPerc:hover .stepperFinanceiroOff,
.stepperProgressPerc.stepperProgressPercOn .stepperFinanceiroOff,
.stepperLabel.stepperFinanceiroOff:hover{
  background: rgba(233, 195, 0, 1);
  color: white;
}
.stepperProgressPerc:hover .stepperAdministrativoOff,
.stepperProgressPerc.stepperProgressPercOn .stepperAdministrativoOff,
.stepperLabel.stepperAdministrativoOff:hover{
  background: rgba(23, 147, 52, 1);
  color: white;
}
.stepperProgressNumber{
  width: 15%;
  display: inline-block;
  text-align: center;
}
.stepperProgressText{
  width: 85%;
  display: inline-block;
  padding-left: 6px;
}
.stepperGeralOn{background: #FF8B52; color: white;}
.stepperGeralOff{background: rgba(255, 139, 82, 0.30); color: rgba(255, 255, 255, 0.4);}
.stepperFinanceiroOn{background: rgba(233, 195, 0, 1); color: white;}
.stepperFinanceiroOff{background: rgba(233, 195, 0, 0.3); color: rgba(255, 255, 255, 0.4);}
.stepperAdministrativoOn{background: rgba(23, 147, 52, 1); color: white;}
.stepperAdministrativoOff{background: rgba(23, 147, 52, 0.3); color: rgba(255, 255, 255, 0.4);}
.stepperEditOn{background: rgba(22, 147, 190, 0.3);}
.stepperTable{}
.stepperTableCell{
  display: inline-block;
  width: 33%;
  min-height: 20px;
  text-align: center;
  position: relative;
}
.stepperTableCellPerc{
  height: 20px;
  position: absolute;
}
.stepperTableCellLabel{
  position: absolute;
  width: 100%
}
.stepperColorWhite{color: white;}
/*
GERAL  10
10000 - Geral 0%
10050 - Geral 50%
10100 - Geral 100%
FINANCEIRO  20
20000 - financeiro 0%

*/
.stepperSelectionBox{
  display: inline-block;
  width: 150px;
  text-align: center;
  margin: 0px 5px;
  position: relative;
  height: 20px;
  cursor: pointer;
}
.stepperSelectionBoxLabel{
  width: 100%;
  text-align: center;
  color: white;
  position: absolute;
  top: 0;
  height: 20px;
}