@font-face {
    font-family: FreeMono;
	src: url('../fonts/FreeMono.ttf');
}
html {
	background-color: #eee;
}
body {
	margin:auto;
	text-align:center;
	background:#e6e8fa;
	/* width:1300px; */
	min-height: 100vh;
	font-size:15px;
	color: #222;
	font-family:sans-serif, serif, verdana, arial;
	border:1px solid #fff;
}
.bg-color{
	background:#e6e8fa;
}
table {
	border-collapse:collapse;
	color:#4d4d4d;
	margin:auto;
	border-color:#555;
}
thead th,thead td,.table-head {
	background:#dceffd;
	background:-moz-linear-gradient(0% 50% 90deg, #c6d0e3, #dceffd  85%);
	background:-webkit-gradient(linear, left bottom, left top, from(#c6d0e3), to(#dceffd));
	padding:2px;
}
/*tr {
	box-shadow: 0px 1px #fff;
}*/
td {
	padding:2px;
}
.zebra {
	font-size:12px;
	text-align:left;
	width:100%;
}
.zebra tbody tr:nth-child(odd) {
	/* odd/even --> par/impar */
	background: #eef;
}
fieldset {
	margin:auto;
	margin-bottom:2px;
	border:1px solid #aaa;
	border-radius:8px;
}
legend {
	text-align:left;
	color:#236b8e;
}
iframe {
	width:700px;
	height:350px;
	border: 0px solid #fff;
}
img {
	border:0;
}
hr {
	color:#fff;
}
select, input {
	background: #fff;
	color: #444;
	display: inline-block;
	margin: 2px;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
	border: 1px solid #1ac;
	border-radius:3px;
}
select:disabled, input:disabled{
	background-color: #eee;
}
/* div {border:1px dotted #aaa;} */
#cabfix {
	text-align:left;
	font-size:12px;
	box-shadow: 6px 8px 4px #aaa;
	display:none;
}
.box {
	margin:auto;
	text-align: center;
	background:#dae1fa;
	width: 1000px;
	height:550px;
	padding: 5px;
}
.cell-box {
	display:table-cell;
	border:1px solid #ccc;
	border-radius:2px;
	padding:0px 2px 2px 2px;
	text-align:left;
}
.cell-box-title{
	font-size:12px;
	margin-bottom:2px;
	background:#bbc;
}
.menu {
	width: 180px;
	height: 530px;
 	padding: 5px;
	float: left;
	border: 1px solid #fff;
	overflow: auto;
}
.conteudo {
	width: 790px;
	height: 530px;
	padding: 5px;
	float: right;
	border: 1px solid #fff;
	overflow: auto;
}
.top {
/*	background: #631;
	background:-moz-linear-gradient(0% 50% 90deg, #fdd, #f00  150%);
	background:-webkit-gradient(linear, left bottom, left top, from(#fdd), to(#f00));*/
	background: #dae1fa;
	background:-moz-linear-gradient(0% 50% 90deg, #e6e8fa, #fff  90%);
	background:-webkit-gradient(linear, left bottom, left top, from(#e6e8fa), to(#fff));
	color: #951;
	font-size:13px;
	padding: 4px 0px 7px 0px;
	height: 25px;
	/* width: 1300px; */
	box-shadow: 0px 2px 10px #233;
	text-decoration:none;
}
.top_l, .top_r {
	color: #333;
	border: 1px solid #fff;
	text-decoration:none;
	padding: 5px;
	margin-left: 4px;
	margin-right: 4px;
}
.top_l:hover, .top_r:hover {
	background:#cdf;
	color:#fff;
}
.top_r {
	float:right;
}
.top_l {
	float:left;
}
.bt-menu {
	margin:2.5px;
	color: #444;
	font-size: 12px;
	width: 150px;
	padding: 6px 2px 6px 2px;
	text-decoration: none;
	border: 1px outset #ffd;
	display: inline-block;
	border-radius:15px;
	box-shadow: 10px 8px 10px #233;
	cursor: pointer;
}
.bt-menu:hover {
	color: #1e90ff;
	border: 1px inset #1e90ff;
}
.bt-submenu {
	font-size:16px;
	margin:5px;
	width:128px;
	height:100px;
	padding:3px 5px 3px 5px;
	border-radius:20px;
	box-shadow: 12px 15px 20px #233;
	text-decoration: none;
	border: 1px outset #ffd;
	vertical-align:middle;
	display: inline-block;
	transition: background 1s;
	-moz-transition: background 1s; /* firefox 4 */
	-webkit-transition: background 1s; /* safari and chrome */
	-o-transition: background 1s; /* opera */

}
.bt-submenu:hover {
	background: #f5ffff;
	border: 1px inset #ffd;
}
.sm-valign { /*class para alinhar text na vertical dentro da div bt-submenu*/
	vertical-align:middle;
	display: table-cell;
	width: 128px;
	height: 100px;
	text-decoration: none;
	color: #444;
}
.sm-valign:hover {
	color: #1e90ff;
}
.bt_lat { /*botao fixo vertical (sra=0111)*/
	width:8px;
	height:190px;
	display: inline-block;
	font-size: 13px;
	font-weight:bold;
	background:#cdc;
	text-decoration: none;
	border: 1px solid #aaa;
	line-height:90%;
	padding: 12px 8px 10px 8px;
}
.bt_pesq {
	display: inline-block;
	background:#cdc;
	text-decoration: none;
	border: 1px solid #aaa;
	line-height:90%;
	padding: 5px 10px 5px 10px;
	cursor:pointer;
}
.chpwd { /*texto alterar na tela de login*/
	text-decoration: none;
	font-size: 10px;
	color: #aa55aa;
}
.alerta {
	background: #fff;
	background:-moz-radial-gradient(50% 50% 90deg, #fff, #ff6347 130%);
	background:-webkit-gradient(linear, left bottom, left top, from(#f76), to(#fff));
	color: #f00;
	font-size: 14px;
	margin:auto;
	padding: 5px;
	border-radius:14px;
	border:1px solid #f87;
}
.info { /*msg "processando" ao executar*/
	background: url('../img/processando.gif') #cdf center center no-repeat;
	color: #444;
	font-size: 18px;
	margin:auto;
	width:220px;
	height:70px;
	text-decoration: blink;
	border: 1px solid #ccc;
	padding: 5px 0px 5px 0px;
	border-radius:6px;
	box-shadow: 6px 8px 8px #444;
	z-index:+50;
}
.info2 {
	background: #cde;
	color: #396;
	font-size: 16px;
	font-weight: bold;
	width: 860px;
	margin-left:auto;
	margin-right: auto;
	text-decoration: none;
	border: 1px solid #ccc;
	padding: 5px 0px 5px 0px;
	border-radius:6px;
}
.red {
	color: red;
}
.green {
	color: green;
}
.blue {
	color: blue;
}
.titulo1 {
	margin: auto;
	margin-bottom: 14px;
	background: #c6d0e3;
	background:-moz-linear-gradient(0% 50% 90deg, #c6d0e3, #fff  90%);
	background:-webkit-gradient(linear, left bottom, left top, from(#c6d0e3), to(#fff));
	font-size: 20px;
	font-family: times;
	color: #556;
	text-align: center;
	cursor: pointer;
}
.titulo2{
	margin: auto;
	margin-top: 4px;
	margin-bottom: 8px;
	background: #c6d0e3;
	background:-moz-linear-gradient(0% 50% 90deg, #c6d0e3, #fff  90%);
	background:-webkit-gradient(linear, left bottom, left top, from(#c6d0e3), to(#fff));
	box-shadow: 5px 5px 7px #233;
	font-size: 20px;
	font-family: times;
	color: #556;
	text-align: center;
	border-radius:10px;
}
.titulo3 {
	margin: auto;
	background: #dceffd;
	background:-moz-linear-gradient(0% 50% 90deg, #dceffd, #fff  90%);
	background:-webkit-gradient(linear, left bottom, left top, from(#dceffd), to(#fff));
	font-size: 20px;
	font-family: times;
	text-align: center;
	color: #556;
}
.titulo4 {
	margin: auto;
	background: #cac6e3;
	background:-moz-linear-gradient(0% 50% 90deg, #cac6e3, #fff  90%);
	background:-webkit-gradient(linear, left bottom, left top, from(#cac6e3), to(#fff));
	font-size: 20px;
	font-family: times;
	text-align: center;
	color: #556;
}
.titulo5 {
	margin: auto;
	background: #e9dcfd;
	background:-moz-linear-gradient(0% 50% 90deg, #e9dcfd, #fff  90%);
	background:-webkit-gradient(linear, left bottom, left top, from(#e9dcfd), to(#fff));
	font-size: 20px;
	font-family: times;
	color: #556;
	text-align: center;
}
.botao1, .botao4 {
	margin: 5px;
	background: #c5d9e8;
	background:-moz-linear-gradient(0% 50% 90deg, #c5d9e8, #fff  90%);
	background:-webkit-gradient(linear, left bottom, left top, from(#c5d9e8),to(#fff));
	color: #444;
	display: inline-block;
	font-size: 16px;
	margin-right: 2px;
	margin-left: 2px;
	padding: 2px 3px 2px 3px;
	text-decoration: none;
	border: 1px solid #fff;
	cursor: pointer;
	border-radius: 5px;
}
.botao1:hover, .botao4:hover {
	color:#05d;
}
.botao4 {
	font-size:12px;
}
.botao2, .botao7 {
	margin:auto 2px;
	background: #bff3ff;
	background:-moz-linear-gradient(0% 50% 90deg, #bff3ff, #fff  90%);
	background:-webkit-gradient(linear, left bottom, left top, from(#bff3ff),to(#fff));
	display: inline-block;
	font-size: 11px;
	color: #444;
	text-decoration: none;
	border: 1px solid #bff3ff;
	padding: 0px 5px 0px 5px;
	border-radius: 3px;
}
.botao7 {
	font-size:14px;
}
.botao3 {
	background: #afd0e8;
	background:-moz-linear-gradient(0% 50% 90deg, #afd0e8, #fff  90%);
	background:-webkit-gradient(linear, left bottom, left top, from(#afd0e8), to(#fff));
	text-decoration: none;
	color: #333; 
	display: inline-block;
	margin: 2px;
	font-size: 15px;
	width: 220px;
	padding: 3px 5px 3px 5px;
	border: 1px solid #cdf;
	border-radius:4px;
}
.botao3:hover {
	background: #9ab9ff;
	background:-moz-linear-gradient(0% 50% 90deg, #afd5ff, #fff  90%);
	background:-webkit-gradient(linear, left bottom, left top, from(#0bafe8), to(#fff));
	color: #fff; 
}
.botao5 {
	background: #fff;
	color: #444;
	display: inline-block;
	font-size: 13px;
	margin: 2px;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
	border: 1px solid #00aaff;
	border-radius:3px;
}
.botao5:focus {
	border: 1px solid #16f;
}
.botao6 {
	background: #cdf;
	background:-moz-linear-gradient(0% 50% 90deg, #cdf, #fff  90%);
	background:-webkit-gradient(linear, left bottom, left top, from(#cdf), to(#fff));
	color: #444;
	display: inline-block;
	font-size: 15px;
	padding: 2px 7px 2px 7px;
	text-decoration: none;
	border: 1px outset #fff;
	cursor: pointer;
	border-radius:8px;
}
.botao6:hover {
	border: 1px outset #29f;
	color: #29b;
}
.link {
	color: blue;
	display: inline-block;
	text-decoration: none;
	cursor:pointer;
}
.link:hover {
	background: #fff000;
}
.link2 {
	cursor:pointer;
	text-decoration:none;
	color: #333;
	white-space: nowrap;
}
.link2:hover {
	background: #cdf !important;
}
a:hover {
	color: #4682B4;
	text-decoration: none;
}
.cab_rep {
	text-decoration:none;
	display: inline-block;
	cursor:pointer;
	color: #333;
}
.vale_nextel {
	width:300px;
	height:150px;
	border:1px solid #aaa;
	display:inline-block;
	margin:5px;
	color:#555;
}
.inputFile {
    width: 220px;
    height:30px;
    position: relative;
    overflow: hidden;
}
.inputFile span {
    display: block;
    position: absolute;
	font-size:16px;
}
.inputFile input {
    position: absolute;
    right: 0;
    z-index: 2;
    font-size: 100px; /* Aumenta tamanho do campo */
    opacity: 0;
    filter: alpha(opacity=0);
}
.help {
	color: #777;
	border-radius: 50%;
	box-shadow: 1px 1px 3px;
}
.bt_anexo {
	border-radius:3px;
	padding:2px;
	box-shadow: 1px 1px 5px #132;
	font-size:24px;
	width:32px;
	height:26px;
	position:absolute;
	cursor:pointer;
	color:#456;
}
.bt_anexo_qtd{
	position:absolute;
	margin-top:-5px;
	width:9px;
	background:#fff;
	display:none;
	border-radius:10px;
	padding:2px;
	color:red;
	border:1px solid red;
	font-size:8px;
}
/* não mostra ao imprimir*/
@media print {
	.top_l, .top_r {display:none;}
	.botao1 {display:none;}
	.botao2 {display:none;}
	#tempo_exec {display:none;}
}
.top_center{
	color:red;padding:5px;display:inline-block;
}
@media screen and (max-width: 600px) {
	.top_center {
		/* color:purple; */
	  display: none;
	}
}