@CHARSET "UTF-8";

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 14px arial, hevetica, sans-serif;
}

a:link {
	color: black;
}

a:visited {
	color: black;
}

a:focus {
	color: red;
}

a:hover {
	color: red;
}

a:active {
	color: red;
}

/* container styles */
#container {
	position: relative;
	/* margin: 1em auto; */
	width: 100%;
	text-align: left;
	/* background: gray; */
	/* border: 1px solid blue; */
}

#header {
	width: 100%;
	height: 50px;
	position: relative;
	background-color: #ddd;
	/* 	border-bottom: 2px solid white; */
	/* 	padding-bottom: 5px; */
}

#header h1 {
	color: gray;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	padding: 8px 60px;
}

#header .imgLogo {
	position: absolute;
	background-size: 45px;
	top: 3px;
	left: 10px;
}

#header .bemVindo {
	color: red;
	text-align: right;
	margin-top: -45px;
	margin-right: 20px;
}

#header .bemVindo b {
	text-transform: capitalize;
}

/* Menu Superior */
#menu {
	width: 100%;
	float: left;
	background-color: red;
	/* background: linear-gradient(green 20%,black 80%); */
	font-family: 'Arial';
	margin-bottom: 10px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#menu ul li {
	width: 140px;
	float: left;
	border-left: 1px solid #ccc;
}

#menu a {
	padding: 5px;
	display: block;
	text-decoration: none;
	text-align: left;
	background-color: red;
	/* background: linear-gradient(green 20%,black 80%); */
	color: #fff;
	cursor: default;
}

#menu ul ul {
	position: absolute;
	visibility: hidden;
	/* 	display: none; */
}

#menu ul li:hover ul {
	visibility: visible;
}

#menu ul ul li a:hover {
	/* color: #555; */
	/* background-color: #f4f4f4; */
	cursor: pointer;
	background-color: #0174DF;
	/* background: linear-gradient(green 20%,black 80%); */
	/* transition: background-color .30s; */
}

#menu ul ul li {
	width: 210px;
	float: none;
	border-left: 0;
	border-top: 1px solid #ccc;
	/* border-bottom: 1px solid #ccc; */
}

#menu ul ul li:last-child {
	border-bottom: 1px solid #ccc;
}

#menu .exitSistema {
	display: none;
}

label[for="btn_menu"] {
	display: none;
}

/* contents styles */
#conteudo {
	/* position: absolute; */
	float: left;
	width: 95%;
	min-width: 320px;
	max-width: 980px;
	margin-left: 5%;
	/* background-color: lightgray; */
}

.displayTable {
	display: table;
}

.displayTable div {
	display: table-cell;
	float: left;
}

.displayTable label {
	display: block;
	text-align: left;
	font-weight: bold;
	color: red;
	/* background-color:lightgray; */
}

.displayTable .displayNone {
	display: none;
}

/* .displayTable div+div {
  	margin-top: 10px;<input type="checkbox" id="bt_menu" />
  		<label for="bt_menu">&#9776;</label>
} */

.divMargTop div+div {
	margin-top: 10px;
}

/* .divMargTop div {
	margin-top: 10px;
}
 */
.displayTable .margT1 {
	margin-top: 1px;
}

h2.loginTitulo {
	padding: 10px;
	text-align: center;
}

.required:after {
	content: " *";
	color: red;
}

.osutputText {
	line-height: 30px;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #CECECE;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

input, select, textarea {
	width: 100%;
	/* height: 30px; */
	padding: 5px;
	font-weight: normal;
	font: 14px arial, hevetica, sans-serif;
	border: 1px solid #CECECE;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

label select.selectRight50P {
	width: 55px;
	margin:0 0 0 5px;
  	/* float: left;
  	vertical-align: middle;
	position: relative;
  	top: 0; */
}

input[type=checkbox] {
	width: 15px;
	cursor: pointer;
	vertical-align: middle;
  	/* position: relative; 
  	bottom: 1px;*/
  	/* margin: 0 5px 2px 5px; */
  	margin: -2px 3px 0 3px;
  	
}
/* Altuara do select no Safari */
/* @media screen and (-webkit-min-device-pixel-ratio:0) {
	select {
		-webkit-appearance: menulist-button;
		line-height: 22px;
	}
}
 */
input:focus, textarea:focus, select:focus {
	outline: none;
	/* outline-color: red; */
	/* http://expressprefixr.herokuapp.com/ */
	-webkit-box-shadow: 0 0 0 1px #0174DF;
	-moz-box-shadow: 0 0 0 1px #0174DF;
	-ms-box-shadow: 0 0 0 1px #0174DF;
	-o-box-shadow: 0 0 0 1px #0174DF;
	box-shadow: 0 0 0 1px #0174DF;
}

input[type=radio] {
	display: none;
}

input[type=radio]+label {
	cursor: pointer;
	display: inline-block;
	line-height: 20px;
	padding: 0 0 0 20px;
	margin: 0 10px 0 0;
	background-image: url(../images/btRadio.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
	background-size: 17px;
	/* transition: all ease 0.5s; */
}

input[type=radio]:checked+label {
	background-position: 0 -19px;
}

input[type=submit].botao {
	background-color: red;
	color: white;
	font-weight: bold;
	white-space: nowrap;
}

input[type=submit]:hover.botao {
	cursor: pointer;
	background-color: #0174DF;
}
/* 
input[type=submit]:focus.botao {
    outline: none;
    box-shadow: none;
    background-color: #0174DF;
}
 */
input[type=submit].centerButton {
	width: 50%;
	margin-left: 25%;
}

/* Remove scroll */
/* 
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

Remove scroll
input[type=number] {
    -moz-appearance: textfield;firefox
    appearance: textfield;
}
*/
select {
	/* background: #F0F0F0; */
	background: transparent;
	padding: 4px 4px 4px 1px;
}

input.lCase {
	text-transform: lowercase;
}

.corTxtDefault {
	/* font-size: 12px; */
	font-weight: bold;
	color: red;
}

.colorDefault {
	color: red;
}
.colorDefaultBold {
	font-weight: bold;
	color: red;
}
/* TABELA */
.table {
	width: 100%;
	/* border-collapse: collapse; */
	/* border-spacing: 0; */
	/* border: 1px solid #ccc; */
}

.table thead tr th {
	/* border: 1px solid #ddd; */
	padding: 5px;
	font-size: 12px;
	text-align: left;
	background-color: #D3D3D3;
}



._table td:first-child {
	border: 1px solid red;
}





.table tr:nth-child(even) {
	background-color: #F0F0F0;
}

.table tbody tr td {
	/* 	margin: 10px; */
	padding: 5px;
	font-size: 12px;
	text-align: left;
}

/* TESTE */
.table thead tr th label.txtRight {
	text-align: right;
}
/*Aplicar em columnClasses=",,,txtRight" */
.table tbody tr td.txtRight {
	text-align: right;
}

.table thead tr th label.txtCenter {
	text-align: center;
}
/*Aplicar em columnClasses=",,,txtCenter" */
.table tbody tr td.txtCenter {
	text-align: center;
}

.table select {
	/* height: 25px; */
	padding: 2px;
}
.table input[type=tel] {
	/* height: 25px; */
	padding: 2px;
}
/* .table tbody {
	height: 300px;
    overflow-y: auto;
}
 */
.table tbody tr:hover td {
	/* 	border-color: red; */
	background-color: red;
	color: white;
}

.table a:link, .table a:visited {
	color: black;
}

.table tbody tr:hover a, .table tbody tr:hover .destacar, .table tbody tr:hover .colorRed {
	color: white;
}

/* FIM TABELA */
.overflow-y {
	overflow-y: auto;
	border: 1px solid #CECECE;
}

.txtCenter {
	text-align: center;
}

.txtLeft {
	text-align: left;
}

.txtRight {
	text-align: right;
}

.txtCenter {
	text-align: center;
}

.floatL {
	float: left;
}

.floatN {
	float: none;
}

.floatR {
	float: right;
}

.clear {
	clear: both;
}

.inputDisabled {
	color: black;
	border: 1px solid #cecece;
	background-color: #F0F0F0; /* transparent */
}

label.inputDisabled {
	color: black;
	border: 1px solid #cecece;
	background-color: #F0F0F0;
	padding: 5px;
	font-weight: normal;
	font: 14px arial, hevetica, sans-serif;
}

.destacar {
	color: red;
	font-weight: bold;
}

.destacarBlack {
	color: black;
	font-weight: bold;
}
.destacarRed {
	color: red;
	font-weight: bold;
}

.destacarBordaRed {
	color: red;
	/* padding: 2px; */
	border: 1px solid red;
}

.colorRed {
	color: red;
}

.colorRedBold {
	color: red;
	font-weight: bold;
}

.corFundo {
	background-color: cadetblue;
}

/* #conteudo label, input, select, textarea {
	display: inline-block;
	vertical-align: middle;
} */

/* #conteudo h2 {
	color: red;
	font-weight: bold;
		text-align: center;
	font-family: Times New Roman;
	padding-bottom: 10px;
} */
h2 {
	color: red;
	/* 	text-align: center; */
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 140%;
	font-family: "Times New Roman", Times, serif;
}

/*Espaco entre as DIVs*/
/* #conteudo div+div {
	margin-top: 10px;
} */

#conteudo p {
	line-height: 165%;
}

/* #conteudo table, th, td {
	border: 1px solid;
	
} */

/* #conteudo table {
	width: 100%;
} */

label.txtRight {
	text-align: right;
}

/* <h:messages/> */
#messages {
	margin-left: -40px;
	list-style-type: none;
	/* 	text-align: center; */
	/* 	cursor: pointer; */
	/* 	border: 1px solid; */
	/* 	border-radius: 8px; */
	/* 	padding: 5px 60px; */
	/* 	width: 66%; */
}

.msgInfo {
	color: #00529B;
	/* 	background-color: #BDE5F8; */
	/* background-image: url('info.png'); */
}

.msgWarning {
	color: #9F6000;
	/* 	background-color: #FEEFB3; */
	/* background-image: url('warning.png'); */
}

.msgErro {
	color: #D8000C;
	/* background-color: #FFBABA; */
	/* background-image: url('error.png'); */
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .5em;
}

h2 a {
	text-decoration: none;
}

/* h2:first-letter {
	font-size: 200%;
	color: #993333; 
	font-weight: bold;
}  */
h3 {
	color: #7d8206;
	font: 110% georgia, times, "times new roman", serif;
}

.displayTable .showSaldo {
	display: none;
	margin-top: 0;
	padding: 7px 0 7px 0;
	margin-left: 2%;
}

.txtAreaObs {
	min-height: 80px;
	max-height: 190px;
	resize: vertical;
}

.txtAreaObs1 {
	min-height: 60px;
	resize: none;
}

.listaPesq {
	/* width: 48.7%;
	z-index: 2;
	position: absolute;
	margin-top: 103px; */
	position: relative;
	overflow-y: auto;
	margin-top: -200px;
	top: 201px;
	border: 1px solid red;
	background-color: #F0F0F0; /* #D3D3D3; */
}

.listaPesq ul {
	margin: 1px;
	padding: 1px;
}

.listaPesq ul li {
	padding: 5px;
	font-size: 12px;
	text-align: left;
	list-style-type: none;
}

.listaPesq li:hover {
	color: white;
	background-color: red;
}

.listaPesq li:hover a {
	color: white;
}

.listaPesq a:link, .listaPesq a:visited {
	color: black;
}

.larg5P {
	width: 5%;
}

.larg8P {
	width: 8%;
}

.larg10P {
	width: 10%;
}

.larg11P {
	width: 11%;
}

.larg12P {
	width: 12%;
}

.larg14P {
	width: 14%;
}

.larg15P {
	width: 15%;
}

.larg16P {
	width: 16%;
}

.larg18P {
	width: 18%;
}

.larg19P {
	width: 19%;
}

.larg20P {
	width: 20%;
}

.larg22P {
	width: 22%;
}

.larg25P {
	width: 25%;
}

.larg27P {
	width: 27%;
}

.larg30P {
	width: 30%;
}

.larg33P {
	width: 33%;
}

.larg34P {
	width: 34%;
}

.larg35P {
	width: 35%;
}

.larg40P {
	width: 40%;
}

.larg45P {
	width: 45%;
}

.larg48P {
	width: 48%;
}

.larg49P {
	width: 49%;
}

.larg50P {
	width: 50%;
}

.larg55P {
	width: 55%;
}

.larg60P {
	width: 60%;
}

.larg63P {
	width: 63%;
}
.larg65P {
	width: 65%;
}
.larg68P {
	width: 68%;
}

.larg69P {
	width: 69%;
}

.larg70P {
	width: 70%;
}

.larg73P {
	width: 73%;
}

.larg75P {
	width: 75%;
}

.larg77P {
	width: 77%;
}

.larg79P {
	width: 79%;
}

.larg80P {
	width: 80%;
}

.larg81P {
	width: 81%;
}

.larg83P {
	width: 83%;
}

.larg84P {
	width: 84%;
}

.larg85P {
	width: 85%;
}

.larg89P {
	width: 89%;
}

.larg90P {
	width: 90%;
}

.larg92P {
	width: 92%;
}

.larg95P {
	width: 95%;
}

.larg96P {
	width: 96%;
}

.larg96-4P {
	width: 96.4%;
}

.larg98P {
	width: 98%;
}

.larg99P {
	width: 99%;
}

.larg99-5P {
	width: 99.5%;
}

.larg100P {
	width: 100%;
}

.margAuto {
	margin: auto;
}

.margL1P {
	margin-left: 1%;
}

.margL2P {
	margin-left: 2%;
}

.margL5P {
	margin-left: 5%;
}

.margL6P {
	margin-left: 6%;
}

.margL10P {
	margin-left: 10%;
}

.margL15P {
	margin-left: 15%;
}

.margL20P {
	margin-left: 20%;
}

.margL25P {
	margin-left: 25%;
}

.margL40P {
	margin-left: 40%;
}

.margL50P {
	margin-left: 50%;
}

.margL80P {
	margin-left: 80%;
}

.margL88P {
	margin-left: 88%;
}

.margL100P {
	margin-left: 100%;
}
.margR1P {
	margin-right: 1%;
}

.margR8P {
	margin-right: 8%;
}

/* PIXEL */
.altura76 {
	height: 76px;
}

.altura112 {
	height: 112px;
}

.altura132 {
	height: 132px;
}

.altura134 {
	height: 134px;
}

.altura135 {
	height: 135px;
}

.altura137 {
	height: 137px;
}

.altura140 {
	height: 140px;
}

.altura165 {
	height: 165px;
}

.altura200 {
	height: 200px;
}

.altura240 {
	height: 240px;
}

.altura285 {
	height: 285px;
}

.altura290 {
	height: 290px;
}

.altura300 {
	height: 300px;
}

.altura310 {
	height: 310px;
}

.altura340 {
	height: 340px;
}

.altura400 {
	height: 400px;
}

.margT-300 {
	margin-top: -300px;
}

.margT0 {
	margin-top: 0;
}

.margT1 {
	margin-top: 1px;
}

.margT3 {
	margin-top: 3px;
}

.margT5 {
	margin-top: 5px;
}

.margT10 {
	margin-top: 10px;
}

.margT15 {
	margin-top: 15px;
}

.margT25 {
	margin-top: 25px;
}

.margT26 {
	margin-top: 26px;
}

.margT30 {
	margin-top: 30px;
}

.margT40 {
	margin-top: 40px;
}

.margT45 {
	margin-top: 45px;
}

.margT50 {
	margin-top: 50px;
}

.margT55 {
	margin-top: 55px;
}

.margT65 {
	margin-top: 65px;
}

.margT67 {
	margin-top: 67px;
}

.margT95 {
	margin-top: 95px;
}

.margT130 {
	margin-top: 130px;
}

.margB1 {
	margin-bottom: 1px;
}

.margB3 {
	margin-bottom: 3px;
}
.margB5 {
	margin-bottom: 5px;
}
.margB10 {
	margin-bottom: 10px;
}

.margB20 {
	margin-bottom: 20px;
}

.margB35 {
	margin-bottom: 35px;
}

.margB48 {
	margin-bottom: 48px;
}

/* FIM PIXEL */
.blogentry {
	border-bottom: 1px solid #C5C877;
}

.blogentry ul {
	text-align: right;
	margin: 1em 0;
	padding: 0;
	font-size: 95%;
}

.blogentry li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0 0 0 7px;
}

.imagefloat {
	float: right;
	padding: 2px;
	border: 1px solid #9FA41D;
	margin: 0 0 10px 10px;
}

.imgLogo {
	width: 45px;
	height: 45px;
	background: url('../images/Logo.png') 0 0 no-repeat transparent;
}

.imgAcao {
	border: 0;
	padding: 0;
	width: 23px;
	height: 23px;
	margin: -5px 0 -5px 0;
	vertical-align: middle;
}

/* footer styles */
#footer {
	clear: both;
	color: black;
	text-align: right;
	font-size: 12px;
	background: cornflowerblue;
	padding: 5px;
}

/* FORM MODAL */
.formModal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 85px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	/* background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.3); */
	background: url('../images/bgBlack.png') 0 0 repeat;
}

.formModal-paddingT {
	padding-top: 100px !important;
}

.formModal-content {
	position: relative;
	background-color: white;
	margin: auto;
	padding: 0;
	max-width: 800px;
	border: 2px solid red;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	box-shadow: 0px 0px 20px 5px red;
	-ms-box-shadow: 0px 0px 20px 5px red;
	-moz-box-shadow: 0px 0px 20px 5px red;
	-webkit-box-shadow: 0px 0px 20px 5px red;
	-o-box-shadow: 0px 0px 20px 5px red;
}

.formModal-content-width {
	max-width: 500px;
}

.formModal-header {
	height: 0;
	padding: 15px 20px 0 15px;
}

/* .formModal-header h2 {
	font-family: 'Arial';
} */
.formModal-body {
	width: 100%;
	max-height: 450px;
	overflow-y: auto;
}

.formModal-footer {
	height: 20px;
}

.progressBarModal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 85px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	/* background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.3); */
}

.progressBarModal-content {
	position: relative;
	margin: auto;
	padding: 0;
	width: 130px;
	height: 130px;
	background-color: transparent;
}

/* Mensagem Diag Modal */
.modalMsg {
	display: block;
	position: fixed;
	z-index: 1;
	padding-top: 150px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	/* background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.3); */
	/* Usando imagem transparente para resolver a imcompatibilidade do IE8 */
	background: url('../images/bgBlack.png') 0 0 repeat;

	/* opacity: 0.3; */
	/* Para IE8 */
	/* filter: alpha(opacity=30); */
}

.modal-content {
	position: relative;
	background-color: white;
	margin: auto;
	padding: 0;
	max-width: 420px;
	border: 2px solid red;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	box-shadow: 0px 0px 20px 5px red;
	-ms-box-shadow: 0px 0px 20px 5px red;
	-moz-box-shadow: 0px 0px 20px 5px red;
	-webkit-box-shadow: 0px 0px 20px 5px red;
	-o-box-shadow: 0px 0px 20px 5px red;
}

.modal-header {
	height: 28px;
	padding: 5px 10px 0px 10px;
	background-color: #ddd;
	border-radius: 8px 8px 0px 0px;
	-ms-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	-o-border-radius: 8px 8px 0px 0px;
}

.modal-header h2 {
	font-family: 'Arial';
}

.modal-bory {
	font-weight: bold;
	padding: 0.1% 10%;
	max-height: 200px;
	overflow-y: auto;
}

.modal-footer {
	height: 50px;
	/* 	padding: 2px 15px; */
	color: white;
	border-radius: 0px 0px 8px 8px;
	-ms-border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	-o-border-radius: 0px 0px 8px 8px;
}

.close {
	width: 20px;
	height: 20px;
	/* padding: 1px; */
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	color: white;
	float: right;
	margin-right: -5px;
	border-radius: 5px;
	box-sizing: border-box;
	background-color: red;
}

.close:hover {
	color: black;
	cursor: pointer;
	background-color: #a40000;
}

.pesquisa {
	padding-right: 50px;
	-webkit-appearance: none; /* Aplica o padding no safari */
}

.btnPesquisa {
	width: 45px;
	/* height: 28px; */
	border: none;
	margin-left: -46px;
	cursor: pointer;
	background: transparent; /* #E0E0E0; */
	/* background-size: 24px 24px; */
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../images/btPesq.png');
}
