@import url("mini_navegador.css");

@import url("login.css");

/* Geral ----------------------------------------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F8F8F8;
	/*background-image:url("../images/fundo.png");*/
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

img{
	border:0;
}

div#header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 110px;
	z-index: 99
}

@media screen {
	body>div#header {
		position: relative;
	}
}

* html body {
	overflow: visible;
}

* html div#content {
	overflow: visible;
}

frameset {
	border: none
}

frame {
	border: none
}

/* Cabecalho ------------------------------------------------------------------------- */
#cabecalho {
	background: #006BB6 url(../../common/images/fundo_barra_azul.gif)
		no-repeat left top;
	height: 60px;
	width: 100%;
	vertical-align: middle;
}

#logo_sistema {
	float: left
}

#logo_sistema_industria {
	float: right;
	padding: 5px 10px 0px 0px
}

.topo_barra_links {
	background: transparent url(../../common/images/fundo_barra_links.gif)
		repeat-x 0 0;
	width: 100%;
	height: 20px;
}

/* Menu ------------------------------------------------------------------------------ */
#menu {
	background: url(../../common/images/fundo_barra_menu.gif) repeat-x;
	vertical-align: middle;
	height: 24px;
	width: 100%;
}

.menuLinkClass:link {
	color: black;
	text-decoration: none;
	
}

.menuLinkClass:visited {
	color: black;
	text-decoration: none
}

.menuLinkClass:hover {
	color: black;
	text-decoration: none
}

.menuLinkClass:active {
	color: black;
	text-decoration: none
}

.ui-menuitem.right {
	float: right;
}


/* Mensagens ------------------------------------------------------------------------------ */
#mensagens {
	background-color: #F5F5F5;
	border: 2px solid #E0DFE3;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	color: #E0DFE3;
	width: 99.5%;
}

#mensagens td {
	text-align: left;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
}

#mensagens span {
	padding-left: 18px;
	border: 0px;
}

.erro {
	background: url(../../common/images/warning.gif) no-repeat left;
	color: red;
}

.info {
	background: url(../../common/images/info.gif) no-repeat left;
	color: green;
}

/* Conteúdo - Corpo ------------------------------------------------------------------ */
.conteudo {
	position: relative;
	margin: 0 18px 0px 18px;
	border: 1px solid #346cbe;
	background: #fff;
}

.viewContent {
	margin: 0 18px 0px 18px;
}

h1.cont {
	background-color: #BED6F8;
	padding: 0px 8px;
	font-size: 14px;
	margin: 0 0 10px 0;
	white-space: nowrap;
	text-align: left
}

h1.cont span {
	background-color: #f5f4f4;
	padding: 0px 8px;
	font-weight: bold;
	color: #023F64;
}

p.noteMain {
	padding: 15px 15px 15px 15px;
	border: 1px solid #ACBECE;
	background: #F0F3F7
}

.textAlign {
	text-align: center;
}

.alignRightButtonClass {
	position: absolute;
	right: 42px;
}

.alignCenterClass {
	margin: 0px auto 0px auto;
	text-align: center;
}

.newFormClass {
	border: 2px solid #F0F0F0;
	width: 100%;
}

.newFormTabelaPanel {
	width: 100%;
}

.newFormClassDiag {
	border: 2px solid #F0F0F0;
	width: 80%;
}


.formClass {
	background-color: #F0F0F0;
	width: 100%;
}

.formClass td {
	border: 2px solid white;
}

.fieldPadding td {
	padding-right: 3px;
}

.imageClass {
	height: 100%;
}

.imageClass td {
	background-color: white;
	padding: 0 3px 0 3px;
}

.labelClass {
	font-weight: bold;
	white-space: nowrap;
}

.noCellBorderClass td {
	border: none;
}

.nomeUsrClass {
	width: 60%;
}

.loginUsrClass {
	width: 40%;
}

.fullWidthClass {
	width: 100%;
}

.fullHeightClass {
	height: 100%;
}

.centerClass {
	text-align: center;
}

.msgErro {
	margin-left: 5px;
	color: red;
}

.noStyleClass {
	
}

p.note {
	background: url(../../common/images/note_bg.gif) top left no-repeat
		#F0F3F7;
	padding: 15px 15px 15px 45px;
	border: 1px solid #ACBECE;
	margin: 0px;
}

p.botoes {
	border-top: 1px solid #ddd;
	padding: 10px !important;
	margin: 10px 0 0 0 !important;
	text-align: center;
}

.obrigatorio {
	font-weight: bold;
	color: #c00;
	margin-right: 2px;
}

.noWrapClass {
	white-space: nowrap;
}

.formFieldClass {
	width: 100%;
}

div.errorMessage {
	border:1px solid #ccc;margin:18px; padding:10px 20px 10px 86px;background:#F0F0F0 url(../images/erro.gif) no-repeat;
}

div.errorStackTrace {
	border:1px solid #ccc;background:#F0F0F0;margin-top:18px; margin-bottom:18px;
}

.closeButtonClass {
	text-align:right; width:1px solid red !important;  margin:-1px 0 0 0;
}

.buttonClass {
	border-width: 1px;
	background-repeat: repeat-x;
	background-position: top left;
	border-color: #BED6F8;
	font-size: 13px;
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	background-color: #BED6F8;
	
}

.buttonClassResultados {
	border-width: 1px;
	background-repeat: repeat-x;
	background-position: top left;
	border-color: #BED6F8;
	font-size: 13px;
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	background-color: #BED6F8;
	margin-left: 10px;
	margin-right: 10px;
}

.tableHeaderResultados {
	height: 70px;
}

.linkBotao {
	background-image: url("../images/fundo_verde.gif") !important;
    background-position: left top;
    color: #000;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    height: 26px;
    margin: 0 0px 0 0;
    padding: 7px 0 0px;
    text-align: center;
   
    width: 146px;
    font-family: verdana,arial,sans-serif;
    vertical-align: top;
}


.linkBotao:hover {
    background-position: left 64px;
    color: #FFFFFF;
}
.linkBotao:active {
    background-position: left 32px;
    color: #FFFFFF;
}


.inputTextClass {
	border-width: 1px;
	border-style: inset;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	border-color: #BED6F8;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	color: #666;
	background-color: #fff;
	font-size:15px;
	height: 20px;
	margin-right: 200px;
}

.panelInterno {
	width: 100%;
}


.rich-panel-header {
	border-width: 0px;
	height: 17px;
	padding-top: 2px;
	padding-left: 5px;
}


.tabPesquisas{
	vertical-align:top;
}

.tabPesquisas td{
	vertical-align:top;
	width: auto !important;
}

#pesquisaForm\:painel1Info td{
	vertical-align:top;
	width: 50%;
}

#pesquisaForm\:paine2Info td{
	vertical-align:top;
}

.newFormClass2 {
	border: initial;
	width: initial;
}

.newFormTabelaPanel2 {
	width: initial;
}

.newFormClassDiag2 {
	border: 2px solid #F0F0F0;
	width: initial;
}


.formClass2 {
	background-color: initial;
	width: initial;
}

.linkButton {
  font-size: 12px;
  text-decoration: none;
  background-color: #BED6F8;
  color: #000000;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #BED6F8;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #BED6F8;
}

div.ui-tree-borderless {
	border: none;
	width: 100%;
}

img.help {
	width: 15px;
	height: 15px;
	float: right;
	margin-right: 7px;
	margin-top: 2px;
	cursor: pointer;
}

.ui-picklist .ui-picklist-list {
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

span.formInput {
    padding-right: 100px;
}