body {
    background-color: #EAECF2;
	margin: 0px;
	font-family: Verdana,Arial,sans-serif;
	font-size: 11px;
	border:none;
}

/*barra para o botão*/
.nav2 { 
	margin:0; 
	padding:5px;
	background:#DCDCDC;
    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.15));
	text-align:right;
}

.header{
	width: 100%;
	background:#76c5f0;
	color:#29166e;
	color:#FFF;
	font-size: 25px;
	line-height:40px;
	font-family: "Segoe UI",Arial,sans-serif;
	height:40px;
	text-align:center;	
	background: #76c5f0 url(imagens/beehive-blue.png) no-repeat center right;
    background-size: auto auto;
}


.header .logo{
	background:#76c5f0 url(imagens/logo-header.png) left center no-repeat;
	float:left;
	width:180px;
	height:40px;
}

.header .logado-como{
	float:right;
	height:40px;
	color:#000;
	width: 150px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
	line-height: 18px;	
	margin: 0 28px 0 0;
	padding-left:5px;
	text-align: center;
	border-left:solid 1px #fff;
	background:#FFF;
	opacity: .5;
	border-radius: 5px 0 0 0;
}

.header .logado-como small {
    display: block;
	font-size:90%;
}

.ace-icon{	
	position:absolute;
	top:0px;
	right:1px;
	width:28px;
	height:40px;
	background: #fff url(icones/49.png) center center no-repeat;
	background-size: 28px;
}

.ace-icon:hover{
	background: #0088cc url(icones/118.png) center center no-repeat;
	background-size: 28px;
}

.barra_ferramenta{
	width: 100%;
	list-style-type: none;
	 margin: 0;
    padding: 0;
	overflow: hidden;
	border-bottom:solid 2px #c0c0c0;
}	
.barra_ferramenta li{
	float: left;
	padding:5px 7px;
}

.barra_ferramenta li:hover{
	background:#76c5f0;
}

	.pulse {
		animation: pulse-animation 0.5s infinite;
	}

	@keyframes pulse-animation {
		0% {
		box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
		}
		100% {
		box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
		}
	}

	.chatr_card{
		width: calc(25% - 20px);
		justify-content:center;
		align-items:center;
		height:330px;
		background:#eee;
		text-align:center;
		overflow:hidden;
		transition:0.5s;		
		border-radius:8px;
		margin: 10px;
		float:left;
	}
	
	.container_chart{
		padding:10px 25px;
	}
	
	.chatr_card:hover{
		background:#ddd;
	}
	
	.chatr_percent{
		position:relative;
		width:150px;
		height:150px;
		border-radius:50%;
		/*
		box-shadow: inset 0 0 50px #000;		
		background:#fff;
		*/
		margin: 0 auto;		
	}
	
	.chatr_percent .chatr_number{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display:flex;
		justify-content:center;
		align-items:center;
		border-radius:50%;
	}
	
	.chatr_percent .chatr_number h2{
		color: #fff;
		color:#eeeeee;
		font-weight: 700;
		font-size: 20px;
		transition: 0.5s;
		margin:0;
	}
	
	.chatr_percent .chatr_number h2 span{
		font-size: 10px;
	}
	
	
	.chatr_text, .chatr_text_title{
		position:relative;
		color:#000;		
		font-weight:700;
		font-size:13px;
		letter-spacing:1px;
		text-transform:uppercase;
		transition:0.5s;
	}
	
	.meta_garantia{
		color:#e1e1e1;
	}
	
	.chatr_card:hover .chatr_percent .chatr_number h2,.chatr_card:hover .chatr_text,.chatr_card:hover .chatr_text_title, .chatr_card:hover .meta_garantia{
		color:#000;
	}
	
	
	
	.chatr_card svg{
		position:relative;
		width:150px;
		height:150px;
	}
	
	.chatr_card svg circle{
		width:100%;
		height:100%;
		fill:none;
		stroke:#ccc;
		stroke-width:5;
		stroke-linecap:round;
		transform:translate(5px, 5px);
	}
	
	.chatr_card svg circle:nth-child(2){
		stroke-dasharray:440;
		stroke-dashoffset:440;				
	}

/*********************/
/******** loader ***********/
.spinner-container {
	display:none;
    position: fixed;
    background-color: #a4d5f1;
    opacity: .6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
}
.loader {
    margin: 0 auto;
    width: 60px;
    height: 50px;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    z-index: 100;
}

.loader>div {
 height:100%;
 width:8px;
 display:inline-block;
 float:left;
 margin-left:2px;
 -webkit-animation:delay .8s infinite ease-in-out;
 animation:delay .8s infinite ease-in-out
}

.loader .bar1 {
    background-color: #08327F;
}
.loader .bar2 {
    background-color: #0C50CC;
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s;
}
.loader .bar3 {
    background-color: #416eb3;
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s;
}
.loader .bar4 {
    background-color: #1694CC;
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s;
}
.loader .bar5 {
    background-color: #5994FF;
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s;
}
.loader .bar6 {
    background-color: #66D0FF;
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s;
}

@-webkit-keyframes delay {
 0%,40%,to {
  -webkit-transform:scaleY(.05)
 }
 20% {
  -webkit-transform:scaleY(1)
 }
}
@keyframes delay {
 0%,40%,to {
  transform:scaleY(.05);
  -webkit-transform:scaleY(.05)
 }
 20% {
  transform:scaleY(1);
  -webkit-transform:scaleY(1)
 }
}

.nsc__loader {
 width:80px;
 height:80px;
 margin:auto
}


/**********************/
.pace {
    background-color: #g0g0g0;
    bottom: 0px;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	min-height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);	
	background: url(imagens/block.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.pace-inactive{
  display: none;
}

.pace .pace-progress {
  background-color: #29d;
  position: fixed;
  top: 50%;
  height:50px;
  right: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 2001;
  text-align:center;
  color: #fff;
  font-weight:bold;
  font-size:30px;
  line-height: 50px;  
  background-image: linear-gradient(-45deg, rgba(255,255,255,0.125) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.125) 50%, rgba(255,255,255,0.125) 75%, transparent 75%, transparent);
  background-size: 35px 35px;  
  animation: cssProgressActive 1s linear infinite;
}


/* efeitos de animação */
@-webkit-keyframes cssProgressActive {
from {background-position:35px 0}
to {background-position:0 0}
}
@-moz-keyframes cssProgressActive {
from {background-position:35px 0}
to {background-position:0 0}
}
@-o-keyframes cssProgressActive {
from {background-position:35px 0}
to {background-position:0 0}
}
@keyframes cssProgressActive {
from {background-position:35px 0}
to {background-position:0 0}
}

.pace .pace-progress::after {
	content: "Processando Dados. Aguarde...";
}

.pace .pace-activity {
    position:absolute;
	top:0;
	left:0;
	z-index:11;
	background-color:#000;
	width:100%;
	height:100%;
	filter:alpha(opacity=50);
    opacity: 0.5;
   -moz-opacity:0.5;
   -webkit-opacity:0.5;
}

/****************************/


.canto {
    position: fixed;
    _position:absolute;
    _margin-bottom:0;
    _margin-right:0;
    right:10px;
    bottom:0px;
    z-index:1030;
	box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.9);
	-webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.9);
	width:620px;
}

.bola {
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid #660;
    background-color: #FF0000;
	box-shadow: inset -10px -10px 15px #600, inset 3px 3px 5px #FFF;
}
.bola .luz{	
	background-image: -moz-linear-gradient(center top , #fff 5%, rgba(255, 255, 255, 0) 90%); 
	border-radius: 50%; 
	height: 70%; 
	width: 80%;
}

.float2{ float: right; }
.float { float: left; }

.nav-menu {
    margin-bottom: 20px;
    margin-left: 0;
    list-style: none;
}


.nav-menu li {
    line-height: 35px;
    display: list-item;
    text-align: -webkit-match-parent;
}
.nav-menu > li > a {
    display: block;
}

.nav-menu > li > a:hover {
    background:#ccc;
	border-radius:4px;
}


a{
    color: #494949;
    text-decoration: none;
}
a:hover {
  color: #000;
}

.table tbody tr.msg td {
  font-weight: bold;
}


.table tbody tr.nomsg td {
}




.recados {
	width:200;
	height:222;
	float:left;
}
.recados .corpo{
	width:200;
	height:222;
	background-image: url("imagens/post_it.png");
}

.recados .corpo .recados-title{
	font-size: 12px;
	width:170;
	margin-left:15px;
	margin-top: 35px;
	position:absolute;
	color:#fff;
	padding:3px;
	border-radius: 2px;
	font-weight: bold;
}

.recados .corpo .recados-texto{
	font-size: 12px;
	width:165;
	height:130;
	padding:10px;	
	margin-top:55px;
	margin-left:10px;
	position:absolute;
	overflow: hidden;
	text-overflow: ellipsis;
}

.recados .corpo .recados-texto a{
	color:#494949;
	text-decoration:none;
}



.recados .corpo .recados-texto hr {  border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }



/**/
.divLock {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	z-index:1;
	background-image:url(pixel.png) repeat-y 100% 0;
	display: none;
	background-color:#7A8628;
	opacity: .5;
	filter: alpha(opacity=50);
	overflow:auto;
}
/* class para botão*/

.but{
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	display: inline-block;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .4rem .5rem;
	font-size: 1rem;
	border-radius: .25rem;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	
}
.but:hover {
	background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.15));
	cursor: pointer;	
}

.but-file {
       padding:3px;	 
	   font-size: 0.8rem;
}

	
/* CORES */
.but-info {
	color: #fff;
	background-color: #5bc0de;
}
.but-success {
	color: #fff;
	background-color: #5CB85C;
}
.but-error {
	color: #fff;
	background-color: #ac2925;
}

.but-danger {
	color: #fff;
	background-color: #ac2925;
}

.but-warning {
	color: #fff;
	background-color: #F28E00;
}

.but-primary {
    color: #fff;
    background-color: #0275d8;
}

.but-lock {
    color: #fff;
    background-color: #778899;
}

.but-disabled{
    color: #fff;
    background-color: #ccc;
    cursor: not-allowed!important;
    opacity: .65;
}


.but-uppercase {
	text-transform: uppercase;
}
/* TAMANHOS */
.but-small {
font-size: .7rem;
}

.but-large {
font-size: 1.5rem;
}
.but-block {
	display: block;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}

.but-opcao{width:15px;}


.but-group{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}



.but-group :after {
    content: "";
    clear: both;
    display: table;
}

.but-group a:not(:last-child) {
    border-right: none;
	border-top-right-radius:0;
	border-bottom-right-radius:0;	
}


.but-group a:not(:first-child) {
    border-right: none;
	border-top-left-radius:0;
	border-bottom-left-radius:0;	
}

.paginador a{
	border:solid 1px #fff;
}

/* alerts */

.alert {
    padding: 15px;
    margin-bottom: 20px;
	margin-top: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
	font-size:14px;
}


.alert-default {
    background-color: #ebebeb;
    border-color: #e3e3e3;
    color: #6c6c6c;
}

.alert-primary {
    background-color: #0088cc;
    border-color: #007ebd;
	color:#fff;
}

.alert-dark {
    background-color: #313131;
    border-color: black;
    color: #cacaca;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
	margin: 10px;
}

.h1, h1 {
    font-size: 2.5rem;
}

.h2, h2 {
    font-size: 2rem;
}

.h3, h3 {
    font-size: 1.75rem;
}
.h4, h4 {
    font-size: 1.5rem;
}
.h5, h5 {
    font-size: 1.25rem;
}
.h6, h6 {
    font-size: 1rem;
}


.close {
	float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

a.close:hover {
    color: black !important;
}
.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}
a.close {
    text-decoration: none !important;
    font-size: 18px !important;
    line-height: 1.2;
}

.table{ width:100%;}
.table th{background: #0088cc;color:#fff;text-align:left;}
.table .link{text-decoration:none;color:#494949;font-weight:bold;}
.table .link:hover{color:#FFF;}
.table th, .table td{padding:0 5px;font-size:12px;height:35px;}
.table tr{background: #fff; color: #494949;}
.table tr:hover{background: #20B2AA!important; color: #fff;}
.table tr:nth-child(even){background: #DCDCDC;}
.table .vermelho{background:#800000;}
.table .laranja{background:#f28e00;}
.table .verde{background:#5cb85c;}
.bg_form{background-color:#DCDCDC;padding:15px 0;color:#494949;width:100%}

.container{width:1170px;margin:0 auto;}

/* textos */
.f-left {
	float:left
}
.f-right {
	float:right
}

.text-left {
	text-align:left
}
.text-right {
	text-align:right
}
.text-center {
	text-align:center
}
.text-justify {
	text-align:justify
}
.text-nowrap {
	white-space:nowrap
}
.text-lowercase {
	text-transform:lowercase
}
.text-uppercase {
	text-transform:uppercase
}
.text-capitalize {
	text-transform:capitalize
}
.text-muted {
	color:#b3b3b3
}
.text-primary {
	color:#337ab7
}


a.text-primary, a.text-success, a.text-info,a.text-warning,a.text-danger{
		text-decoration:none;
}

a.text-primary:hover,a.text-primary:focus {
	color:#286090;
}
.text-success {
	color:#1d9d74;
}
a.text-success:hover,a.text-success:focus {
	color:#157254;
}
.text-info {
	color:#007dbc;
}
a.text-info:hover,a.text-info:focus {
	color:#005b89;
}
.text-warning {
	color:#8a6d3b;
}
a.text-warning:hover,a.text-warning:focus {
	color:#66512c;
}
.text-danger {
	color:#d9534f;
}
a.text-danger:hover,a.text-danger:focus {
	color:#c9302c;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background-color: #f7f7f7;
    border: 1px solid #c7c7cc;
    border-radius: 4px;
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.input-group .form-control {
    display: table-cell;
}
.input-group .form-control {
    width: 100%;
    margin-bottom: 0;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #494949;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #c7c7cc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.input-group {
    border-collapse: separate;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group .but {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

/* modal enviar dados*/
.modal_enviando_dados .caixa_texto {
    font-size: 20px;
    margin: 0 auto;
    padding-bottom: 125px;
    padding-top: 125px;
    width: 550px;
}

.modal_enviando_dados .caixa_texto h1 {
    font-size: 30px;
    font-weight:bold;
	color:#1c81cc;
}

.modal_enviando_dados .caixa_branca {
    background-color: #fff;
    margin-top: 10%;
}

.modal_enviando_dados {
    text-align:center;
    background-color: rgba(0,0,0,.7);
    bottom: 0;
    display: none;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}
/* fim modal de enviar dados*/



/*login page*/

.login-body {
    background-color: #76C5F0;
}
.login-img-body{
    background: #76C5F0 url('imagens/block.png') no-repeat bottom center fixed; 
	margin: 0;
}


.login-header{
    max-width: 100%;
    background: #0088cc; /* Old browsers */
	height:80px;
}

.contato{
	color:#FFF;
	text-align:center;
	font-size: 17px;
	font-family: "Segoe UI",Arial,sans-serif;
}

.lateral_esquerda{
	float:left;
	width:50%;
	border-right:solid 1px #fff;
	margin-right:10px;
}

.caixa_texto{
	max-width: 1170px;
	margin:0 auto;
}


.login-form {
    margin: 0 auto;
	border-radius: 4px;    
}
.login-img-body .login-form{
    max-width: 350px;
    margin: 200px auto;
    background: rgba(47,79,79,0.4);
}

.login-form a{
    color: #688a7e !important;
}
.login-form h2.login-form-heading {
    margin: 0;
    padding:20px 15px;
    text-align: center;
    background: #34aadc;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}

.login-form .checkbox {
    margin-bottom: 14px;
}
.login-form .checkbox {
    font-weight: normal;    
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}
.login-form .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.login-form .form-control:focus {
    z-index: 2;
}
.login-form .login-img{
    font-size: 50px;
    font-weight: 300;    
}
.login-form .input-group{
    padding-bottom: 15px;
}
.login-form .input-group-addon{
    padding: 6px 12px;
    font-size: 16px;
    color: #8b9199;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background-color: #ffffff;
    border: none;
	border-left-radius: 4px;
}
.login-form input[type="text"], .login-form input[type="password"] {    
    border: none;
    box-shadow: none;
    font-size: 16px;
    border-right-radius: 4px;	
}
.login-form .btn{
    border-radius: 4px;
}
.login-form .btn-login {
    background: #f67a6e;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    box-shadow: 0 4px #e56b60;
    margin-bottom: 20px;
}

.login-form p {
    text-align: center;
    color: #b6b6b6;
    font-size: 16px;
    font-weight: 300;
}
.login-img3-body .login-form p,.login-img2-body .login-form p {
    color: #34aadc;
}
.login-form a {
    color: #b6b6b6;
}

.login-form a:hover {
    color: #34aadc;
}
.form .required{
    font-size: 16px;
    color: #00a0df;
}

.login-wrap {
    padding: 20px;
}

.login-social-link  {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 15px;
}

.login-social-link a {
    color: #fff;
    padding: 15px 28px;
    border-radius: 4px;
}

.login-social-link a:hover {
    color: #fff;
}

.login-social-link a i {
    font-size: 20px;
    padding-right: 10px;
}

.login-social-link a.facebook {
    background: #5193ea;
    margin-right: 22px;
    box-shadow: 0 4px #2775e2;
	float:left;
}

.login-social-link a.twitter {
    background: #44ccfe;
    box-shadow: 0 4px #2bb4e8;
	float:left;
}

	ul.tabs{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	ul.tabs li{
		background: #DEDEDE;
		color: #666;
		display: inline-block;
		padding: 10px 15px;
		cursor: pointer;
		border: solid 1px #999;
		border-top-left-radius:6px;
		border-top-right-radius:6px;
		font-weight:bold;
	}
	
	ul.tabs li:hover{
		background: #e3e3e3;
		color: #494949;
		border: solid 1px #494949;
		padding: 20px 15px 10px 15px;		
	}

	ul.tabs li.current{
		background: #ededed;
		color: #222;
		border-bottom: none;
		padding: 20px 15px 10px 15px;	
	}

	.tab-content{
		display: none;
		background: #fff;
		padding: 10px;
	}

	.tab-content.current{
		display: inherit;
	}
	

.img_arquivo{
	text-decoration:none;
	color:#494949;
}

div.polaroid {
  width: 200px;
  height: 267px;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 4px;
  float:left;
  background-color: white;
  margin: 10px;
  position:relative;
}

div.polaroid:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
}

div.polaroid img {
  width: 200px;
 /* height: 200px;*/
}

div.polaroid-texto {
  text-align: center;
  padding: 10px;
  font-weight:bold;
  border-radius:0px 0px 4px 4px ;
  background:#5BC0DE;
  color:#fff;
  position:absolute;
  width: 180px;
  bottom: 0px;
}

/* chat */
.chat{
  width:100%;
  margin: 0;
  padding: 0;
}

.chat2 p::after{
	float:right;								
	font-size: 15px;
	font-weight:bold;
	line-height: 15px;								
	content: "X";
	color: #800000;
	cursor: pointer;
}

.chat div {
	font-size:11px;
	margin-bottom:10px;								
}
							
.chat b {							
	padding:0 15px;
}
.chat p {
	position: relative;
	width: 100%;
	min-height: 30px;
	background: #dcdcdc;
	margin: 0;
	text-align:justify;
	box-sizing: border-box;
	border-radius:5px;
	padding:8px 10px;								
}

.chat p::before{
	position: absolute;
	top:-16px;
	left:0;								
	font-size: 0;
	line-height: 0;
	width: 0; 
	height: 0; 
	border:solid transparent;																
	border-width: 8px;
	border-left-color: #637f55;
	border-right-width:0;								
	content: "";
}
/********/
	
/* Style the tab content */
.tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}


.calendario_hoje {
	font-weight: bold;
    text-indent: -3999px;
	cursor: pointer ;
	height: 39px;
}

.cep{
	font-family: Verdana,Arial,sans-serif;
	font-size: 9px;
	color: green;
}
.cep_botao{
	width: 116px;
	height: 116px;
	background-image: url(imagens/buscar.png); 
}


td {
	font-family: Verdana,Arial,sans-serif;
	font-size: 11px;
}

.header_table {
	background: #0088cc;
}
.header_data {
	background: #CC6702;
	font-weight: bold;
	color: #fff;
}

#box {
	font-size: 9px;
	color: green;
	text-align: center;
	width: 65px;
}

.form-noindent {
  background-color:#ffffff; 
  border: double 3px #0088cc;
 }

#box a {
font-size: 9px;
	text-decoration: none;
	color: red;
	display: block;
}

.conteudo {
	padding-left: 8px;
}

#titulo {
	font-size: 20px;
	display: block;
	font-family: serif;
	text-decoration: line;
	text-align: left;
	color: #0088cc;
	font-weight: bold;
	padding-left: 5px;
}

.footer-basic-centered {
    background-color: #0088cc;
    width: 100%;
    text-align: center;
    font-family: "Segoe UI",Arial,sans-serif;
	font-size:14px;
    padding: 5px 0;
	color:#fff;
	font-weight: bold;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: red;
    color: white;
    text-align: center;
}

.rodape{
	background: #0088cc url(imagens/fundo.gif); 
}

.rodape_loja{
	background: #0088cc url(imagens/divider.gif); 
}



#textorodape {
    font-size: 10px;
	text-align: center;
	color: #FFF;
    font-weight: bold;
}

#textorodape a {
    text-decoration: none;
	color: #FFF;
}

#textorodape a:hover {
    text-decoration: none;
	color: #00CCFF;
}

.tabelaExibicao {
	
}

.tabelaExibicao a {
	text-decoration: none;
	color: #000;
}

.tabelaExibicao a:hover {
	color: red;
}

.tituloTabelaExibicao {
    color: #FFF;
	background-color: #0088cc;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
}



#dica {
	font-size: 10px;
	color: red;
}

#dica:before {
	content: "Dica - ";
	font-weight: bold;
	color: #000000;
}
#dica:after {
	content: " !!!";
	color: red;
}



.formularioTable1 td{
  /*background: #F1F1F1;*/
  padding: 5px 10px;
}

.validar:invalid+span:after {
  content: '✖';
  padding-left: 5px;
}

.validar:valid+span:after {
  content: '✓';
  padding-left: 5px;
}

.formularioTable1 input[type="date"] ,input[type="number"] ,input[type="text"] , .formularioTable1 input[type="submit"] ,.formularioTable1 input[type="reset"] , .formularioTable1 input[type="button"] ,.formularioTable1 input[type="password"] ,.formularioTable1 input[type="search"] , .formularioTable1 textarea, .formularioTable1 select{
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #c0c0c0;
	border-radius: 4px;	
}

.formularioTable1 textarea{
    height: 100px;
	width:100%;
}


.formularioTable1 input[type="submit"]:hover{
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}


	  
.formularioTable td{
	background:#fff8cc;
	padding:4px 4px 4px 4px;
	font-weight:bold;
	clear:both
}

.formularioTable input {
	border: 1px solid #494949;
	background-image: url(imagens/bgbox.gif); 
	font-size: 11px;
	font-weight: bold;
		
	outline: 0;
	overflow: hidden;
	height: 22px;
	background: #FFFFFF;
	color:#494949;
	padding:0 10px 0 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.formularioTable input:focus {
	border: 1px solid #FF0000;
	background-image: url(imagens/bgbox.gif); 
	font-size: 11px ;
	font-weight: bold;
}

.formularioTable input:disabled {
	border: 1px solid #ccc;
	background-image: url(imagens/bgbox.gif); 
	font-size: 11px ;
	font-weight: bold;
}

.formularioTable select {  
/*background-image: url(imagens/bgbox.gif);; /* Cor do fundo do menu em repouso 
  background:#ECECD9;*/
	font:11px; /* Tamanho*/
	border: 1px solid #494949;
	outline: 0;
	overflow: hidden;
	background: #FFFFFF;
	color:#494949;
	padding:0 10px 0 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.formularioTable textarea { 
	background:#ECECD9;
	/*background-image: url(imagens/bgbox.gif); /* Cor do fundo do menu 
	em repouso */
	font:11px; /* Tamanho*/
	border: 1px solid #494949;

	outline: 0;
	overflow: hidden;
	background: #FFFFFF;
	color:#494949;
	padding:0 10px 0 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;


}

.formularioTable input#check {
	border: 2px solid #000;
}

.formularioTable fieldset {
	border: double 3px #0088cc;
	background-color: #EAECF2;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;

	
}


.formularioTable legend {
  margin-bottom: 15px;
  padding: 5px 10px;
  background: #F5F5F5;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  border-color: #AAA;
  font-weight: bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

}



.botao {
	background: url('imagens/fundo_botao.gif');
}

.botao:hover {
	background: url('imagens/fundo_botaoH.gif');
}


#comandosLink a{
	text-decoration: none;
	background-color: #EAECF2;
	color: #000;
	display: block;
	width: 75px;
	border: solid 1px #000;
}

#comandosLinkMenu a{
	text-decoration: none;
}


#comandosLink a:hover {
	color: red;

}

#obs {
	font-size: 10px;
	text-align: center;
	padding-top: 10px;
}

#obs:before {
	content: "Obs. ";
	color:#FF0000;
	font-weight: bold
}

#obs:after {
	content: " !!!";
}

.apagado {
	background-color: #FF8484;
}


<!-- campo de busca com imagem -->

#search_box {
float: center;
 width: 201px;
 height: 31px;
 background: url(imagens/bg_search_chat.GIF);
 }

#search_box #s {
 float: left;
 padding: 0;
 margin: 6px 0 0 6px;
 border: 0;
 width: 159px;
 background: none;
 }
 
#search_box #go {
 float: right;
 margin: 3px 4px 0 0;
}

.abaativa {
    font-family: verdana;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: capitalize;
    color: #000000;
    background-image: url(imagens/fundo_input.gif);
   /* background-color: #0088cc; */
   background-color: #ffffff;
   
   BORDER-TOP:#000 2px solid; 
   
}

.abainativa {
    font-family: verdana;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: capitalize;
    color: #FFFFFF;
   /* background-image: url(imagens/desativar.gif);*/
    background-color: #0088cc;
	
	BORDER-RIGHT:#000 2px solid; 
	BORDER-LEFT:#000 2px solid;
	BORDER-TOP:#000 2px solid; 
	BORDER-BOTTOM:#000 2px solid;
}
.pisca{
    font-size: 10px;
	text-align: center;
	color: #FFF;
    font-weight: bold;
    text-decoration:blink;
}

 @keyframes fa-blink {
     0% { opacity: 1; }
     50% { opacity: 0.5; }
     100% { opacity: 0; }
 }
.fa-blink {
   -webkit-animation: fa-blink .75s linear infinite;
   -moz-animation: fa-blink .75s linear infinite;
   -ms-animation: fa-blink .75s linear infinite;
   -o-animation: fa-blink .75s linear infinite;
   animation: fa-blink .75s linear infinite;
}

.pisca_formulario{
    font-size: 10px;
	text-align: center;
	color: blue;
    font-weight: bold;
    text-decoration:blink;
}
/*estilo para imagens na pag principal*/
.productList {
 	display: block; 
	overflow: hidden; 
	padding: 10px; 
	border-bottom: 1px solid #CCC; 
	width: 100%;
	font-weight: bold;
}
.productList.last {
	border-bottom: none;
}
.productList.tag {
	display: block; 
	margin: 0 auto 5px auto;
}

.produtoItem{
	display: block; 
	float:left;
	width: 31%; 
	font-size: 0.9em;
	padding: 3px; 
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC; 
	overflow: hidden;
}

.produtoitem a {
    text-align: center;
	color: #888;
	text-decoration: none;
	font-weight: bold;
    display: block;
}
.produtoitem a:before {
    content: url('imagens/lupa.jpg');
}

.produtoitem a:hover {
	color: #e00;
	font-weight: bold;
}

.valorDe{
	display: block; 
	padding: 2px 0;
	text-align:left; 
	font-size: 0.9em; 
	color:red; 
	text-decoration:line-through;
	margin-left:10px;
}

.valorPor {
	display: block; 
	padding: 2px 0;
	text-align:left; 
	font-size: 1.0em; 
	color:green;
	margin-left:10px;
}

.valorOu {
	display: block; 
	padding: 2px 0;
	text-align:left; 
	font-size: 0.9em;
	margin-left:10px;
}

.box {
	padding: 3px; 
	border: 1px solid #CCC; 
	margin-bottom: 5px; 
	overflow: hidden;}
/*fim dos produtos*/

.moldura{
	text-align:center;
}

/*
.abaativa_fp {
    font-family: verdana;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: capitalize;
    color: #000000;
    background-image: url(imagens/fundo_input.gif);
    background-color: #000000;
    BORDER-TOP:#000 2px solid; 
   
}
*/
.abaativa_fp {
    font-family: verdana;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: capitalize;
    color: #FFF;
    background: #20B2AA;
    BORDER-TOP:none; 	
}

/*.abainativa_fp {
    font-family: verdana;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: capitalize;
    color: #000000;
    background-image: url(imagens/fundo.gif);
    background-color: #0088cc;
	BORDER-RIGHT:#000 2px solid; 
	BORDER-LEFT:#000 2px solid;
	BORDER-TOP:#000 2px solid; 
	BORDER-BOTTOM:#000 2px solid;
}*/

.abainativa_fp {
    font-family: verdana;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: capitalize;
    color: #f7f5ee;
    background: #95a9b1;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
	BORDER-top:#fff 10px solid;
    height:40px;	
}

.abainativa_fp:hover{
	color: #000;
    background: #e1e1e1;
	BORDER-top:#e1e1e1 10px solid;
}

.destaca_texto{
  margin-top: 10px; 
  background:#fff8cc;
  border:solid 1px #ffe222;
 /*
  background:#EAECF2;
  border:solid 1px #0088cc;
  */
  border-style:dashed;
  padding:4px 4px 4px 4px;
  font-weight:bold;clear:both
}



@-webkit-keyframes listras-anim{from{background-position:40px 0}to{background-position:0 0}}
@-moz-keyframes listras-anim{from{background-position:40px 0}to{background-position:0 0}}
@-o-keyframes listras-anim{from{background-position:40px 0}to{background-position:0 0}}
@keyframes listras-anim{from{background-position:40px 0}to{background-position:0 0}}

.progresso{overflow:hidden;height:24px;background-color:#e7e7e7;box-shadow:inset -1px -1px 18px #CECECE,inset 0 -1px 0 #CECECE}

.progresso-barra,.progresso-barra-danger,.progresso-barra-success{margin-top:-20px;width:0%;height:24px;background-color:#87CEEB;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}
.progresso-barra-danger{background-color:#B22222;}
.progresso-barra-success{background-color:#008B8B;}

.progresso-pai .progresso-barra, .progresso-pai .progresso-barra-success,.progresso-pai .progresso-barra-danger,.progresso-pai{
	background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%, transparent 25%, transparent 50%, rgba(255,255,255,.15)50%, rgba(255,255,255,.15)75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255,255,255,.15)25%, transparent 25%, transparent 50%, rgba(255,255,255,.15)50%, rgba(255,255,255,.15)75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255,255,255,.15)25%, transparent 25%, transparent 50%, rgba(255,255,255,.15)50%, rgba(255,255,255,.15)75%, transparent 75%, transparent);
	background-size: 40px 40px
}

.progresso-pai{
	text-align:center;
	font-size:15px;
	color:#4682B4;
	font-weight:bold;
	line-height:20px;
}

.progresso.ativa .progresso-barra, .progresso-pai .progresso-barra-success,.progresso-pai .progresso-barra-danger,.progresso.ativa .progresso-barra-75{-webkit-animation:listras-anim 2s linear infinite;-moz-animation:listras-anim 2s linear infinite;-ms-animation:listras-anim 2s linear infinite;-o-animation:listras-anim 2s linear infinite;animation:listras-anim 2s linear infinite}



.janela_barra_progresso{
    margin:0px;
	border: none;
	padding: 0 0 0 0;
	height:83px;
	width:500px;
	background:  #EAECF2 url(imagens/fundo_barra.png) 0 0  no-repeat;
	font-size: 20px;
	font-weight: bold;
	font-family: serif;
	line-height:25px;
}

.janela_barra_progresso a{
 margin:0px;
 font-size: 12px;
 color:#666;
 float: right; 
 padding-top: 0; 
 padding-right: 10px; 
 overflow: hidden; 
 height:27px;
 width:60px;
 text-indent: -1999px;
}

.barra_progresso {
    font-family: verdana;
    font-size: 10px;
    font-style: normal;
    line-height: 200%;
    font-weight: bold;
    font-variant: normal;
	color: #000000;
	
    margin:0px;
	border: none;
	padding: 0 0 0 0;
	height:27px;
	width:482px;
	background:  url(imagens/barra_progresso.gif) 0 0 no-repeat;
}
.barra_progresso_azul {
    margin:0px;
	border: none;
	padding: 0 0 0 0;
	float:left;
	height:27px;
	width:482px;
	background:  url(imagens/barra_progresso.gif) 0 -27px no-repeat;
}

.barra_progresso_amarelo{
    margin:0px;
	border: none;
	padding: 0 0 0 0;
	float:left;
	height:27px;
	width:482px;
	background:  url(imagens/barra_progresso.gif)  0 -54px no-repeat;
}

.barra_progresso_vermelho {
    margin:0px;
	border: none;
	padding: 0 0 0 0;
	float:left;
	height:27px;
	width:482px;
	background:  url(imagens/barra_progresso.gif) 0 -81px  no-repeat;
}

.info, .success, .warning, .error, .validation, .avancar {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('imagens/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('imagens/success.png') ;
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('imagens/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('imagens/error.png');
}


.info_16, .success_16, .warning_16, .error_16, .validation_16, .avancar_16 {
    border: 1px solid;
    margin: 1px 0px;
    padding:1px 1px 1px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.error_16 {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('imagens/error_16.png');
}
.success_16 {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('imagens/success_16.png') ;
}



.box-home {
	width: 383px;
	height: 250px;
	border: 1px solid #d8d8d8;
	float:left;
	margin: 5px 5px 0 0;
	background: #FFFFFF url(imagens/bg-box-home.gif) bottom left repeat-x;
	/*cursor:move;*/
	cursor: url(imagens/arraste_mouse.gif), move;
	
	
}
.box-home .box-body {
  padding: 0 0 0 5px;
  overflow:auto;
  height: 210px;
}
.box-home h3 {
	height: 36px;
	display:block;
	width:100%;
	background:#06F url(imagens/bg-box-home-header.gif) repeat-x center center;
	margin: 0 0 0 0;
	color: #003263;
	line-height: 36px;
	font-size:10pt;
	font-style:normal;
}

.box-home .title-itens {
	height: 25px;
	display:block;
	width:100%;
	background:#003263;
	margin: 5px 0 0 0;
	color: #FFF;
	line-height: 25px;
	font-size:10pt;
	font-weight:bold;
	padding:0 0 0 5px;
}

.box-home .list-itens div{
	height: 30px;
	padding:0;
	margin:0;
	font-size:11px;
	line-height: 30px;
	border-bottom:solid 1px #FFF;
	background:#EAEFF1 url(imagens/bg-box-home-header.gif) repeat-x center center;
	padding:0 0 0 5px;
}

#alerta{
    width:100%;
    top:85px;
    left:0px;
    z-index: 999;
    position:fixed;
	

	padding:15px 50px;
	cursor:pointer;
    
	/*essas propriedades s�o opicionais*/
	font-family: 'trebuchet ms';
	font-size: 18px;
	
	/*crossbrowser opacity*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
	/*uma pequena sombra para que seja poss�vel destacar o alrta do resto da p�gina*/
	-moz-box-shadow: 0px 2px 2px #888;
	-webkit-box-shadow: 0px 2px 2px #888;
	box-shadow: 0px 2px 2px #888;
}


.print{
  display:none;
}

@media print{
	.noprint{
		display:none;
	}

	.print{
	  display:block;
	}
	body {
    background-color: #FFFFFF;
	}
	.container{width:100%;background:#fff;}
	.table th, .table td{padding:0 2px;font-size:12px;height:15px;}
	 body, .table td, table th{font-size:12px;}
	.caixa-renegociacao{width:100%;}
	.caixa-renegociacao div{line-height:15px}
	.alert{padding: 5px;margin-bottom: 5px; margin-top: 5px}

}

.badge {
  display: inline-block;
  font-size: 9px;
  font-weight: bold;
  line-height: 23px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 23px;
}
.badge-error {
  background-color: #b94a48;
}
.badge-warning {
  background-color: #f89406;
}
.badge-success {
  background-color: #468847;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-inverse {
  background-color: #333333;
}
.badge-spc {
  background-color: #FF0000;
}.badge-pf {
  background-color: #800000;
}

#lateral {
	color: #494949;
	padding:0 5px 0 0;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-size:1.2em;
	background:#ccc;
	height:185px;
	overflow:hidden;
	width:200px; 
	position:fixed;
	top:350px;
	left:-175px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:solid 1px #fff;

}
#lateral:before {
	z-index:1000;
	content: url(imagens/item1.png);
	font-size:4em;
	color:white;
	position:fixed;
	left:10px;
	top:365px;
}
#lateral:hover:before, #lateral:focus:before {
	left:0px
}
#lateral:hover, #lateral:focus,  #lateral:active  {
	overflow:hidden;
	-moz-transform: translate(175px, 0);
	-webkit-transform: translate(175px, 0);
	-o-transform: translate(175px, 0);
	transform: translate(175px, 0);
	padding-left:15px;
}

@media (max-width: 930px) {
	.container{
		width:100%;
	}
}

@media only screen and (max-width: 480px) {
.login-header{   
	height:100px;
	border-bottom:solid 10px #5CB85C;
	font-size: 100%;
	font-weight: bold;    
    font-family: 'Lato', sans-serif;
	color:#FFF;
	text-align:left;
}

.contato{
	font-size: 11px;
	line-height:25px;
}

.lateral_esquerda{
	float:none;
	width: 100%;
	border:none;
}

.caixa_texto{
	width: 100%;
	margin:0 auto;
}

.login-img-body .login-form {
    max-width: 300px;
    margin: 50px auto;
}

}