@charset "UTF-8";
@font-face {
  font-family: 'Comic Sans MS';
  src: url("../fonts/comic-sans-ms.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Manus';
  src: url("../fonts/manus-t.ttf") format("truetype"), url("../fonts/manus-t.otf") format("opentype"), url("../fonts/manus.woff") format("woff"); }
body {
  margin: 0px;
  padding: 0px;
  background: #1f758d;
  background: -moz-radial-gradient(center, ellipse cover, #1f758d 0%, #003f5d 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #1f758d 0%, #003f5d 100%);
  background: radial-gradient(ellipse at center, #1f758d 0%, #003f5d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f758d', endColorstr='#003f5d',GradientType=1 ); }

footer {
  background: #B6D65B;
  bottom: 0px;
  display: block;
  height: 100px;
  position: absolute;
  width: 100%; }
  footer section {
    display: block;
    float: none;
    margin: 0px auto 0px;
    padding: 12px 0px;
    max-width: 550px; }
    footer section .img {
      float: left;
      max-height: 70px;
      padding-right: 15px; }
    footer section p, footer section span {
      margin: 0px;
      padding: 0px;
      color: #163E6D;
      display: block;
      font-size: 0.6em; }
    footer section p {
      font-size: 0.9em;
      padding: 5px 0px; }
    footer section h1 {
      margin: 0px;
      padding: 0px;
      color: #163E6D;
      font-size: 1em;
      font-weight: bold; }
    footer section h2 {
      margin: 0px;
      padding: 0px;
      color: #163E6D;
      font-size: 1em;
      font-weight: bold; }
    footer section h3 {
      margin: 0px;
      padding: 0px;
      color: #163E6D;
      font-size: 1em;
      font-weight: bold;}
    footer section h4 {
      margin: 0px;
      padding: 0px;
      color: #163E6D;
      font-size: 1em;
      font-weight: bold; }
    footer section h5 {
      margin: 0px;
      padding: 0px;
      color: #163E6D;
      font-size: 1em;
      font-weight: bold; }
    footer section h6 {
      margin: 0px;
      padding: 0px;
      color: #163E6D;
      font-size: 1em;
      font-weight: bold; }
    footer section h7 {
      margin: 0px;
      padding: 0px;
      color: #163E6D;
      font-size: 1em;
      font-weight: bold; }

/* Bootstrap */
.container {
  display: block;
  float: none;
  margin: 0px auto 0px;
  background: transparent;
  height: 100%;
  width: 100%; }

.content {
  display: block;
  float: none;
  margin: 15px auto 0px;
  background: transparent;
  display: block; }

.titulo {
  display: block;
  float: none;
  margin: 0px auto 0px;
  margin-bottom: -25px;
  text-align: center;
  height: 95px !important;
  font-family: "Manus"; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 {
  position: relative;
  min-height: 1px; }

.col-xs-1 {
  float: left; }

.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2 {
  position: relative;
  min-height: 1px; }

.col-xs-2 {
  float: left; }

.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3 {
  position: relative;
  min-height: 1px; }

.col-xs-3 {
  float: left; }

.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4 {
  position: relative;
  min-height: 1px; }

.col-xs-4 {
  float: left; }

.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5 {
  position: relative;
  min-height: 1px; }

.col-xs-5 {
  float: left; }

.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6 {
  position: relative;
  min-height: 1px; }

.col-xs-6 {
  float: left; }

.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7 {
  position: relative;
  min-height: 1px; }

.col-xs-7 {
  float: left; }

.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8 {
  position: relative;
  min-height: 1px; }

.col-xs-8 {
  float: left; }

.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9 {
  position: relative;
  min-height: 1px; }

.col-xs-9 {
  float: left; }

.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10 {
  position: relative;
  min-height: 1px; }

.col-xs-10 {
  float: left; }

.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11 {
  position: relative;
  min-height: 1px; }

.col-xs-11 {
  float: left; }

.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px; }

.col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66666%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66666%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66666%; }

.col-xs-12 {
  width: 100%; }

.row {
  margin: 0 0 15px; }

.container:before,
.container:after,
.row:before,
.row:after {
  content: " ";
  display: table; }

.container:after,
.row:after {
  clear: both; }

/* Aplicação */
a {
  text-decoration: none !important; }
  a:hover, a:active, a:visited {
    text-decoration: none !important; }

.box-login {
  display: block;
  float: none;
  margin: 0px auto 0px;
  background: #CAD8E1;
  padding: 35px 50px 20px; }

.label {
  display: block;
  float: none;
  margin: 0px auto 0px;
  color: #003F5D;
  display: block;
  font-size: 1em;
  font-style: italic;
  padding: 0px 0px 3px;
  width: 100%; }

.textbox {
  -webkit-box-shadow: inset 0px -2px 0px 0px #949C9E;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  box-shadow: inset 0px -2px 0px 0px #949C9E;
  display: block;
  font-size: 1em;
  font-style: normal;
  padding: 8px !important;
  width: 100%; }

.textbox:focus {
  -webkit-box-shadow: inset 0px -2px 0px 0px #949C9E;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  box-shadow: inset 0px -2px 0px 0px #949C9E;
  outline: none !important; }

a.esqueceuSenha {
  color: #003F5D;
  font-size: 1em;
  font-style: italic;
  text-decoration: underline !important;
  width: 100%; }
  a.esqueceuSenha:hover, a.esqueceuSenha:active, a.esqueceuSenha:visited {
    text-decoration: underline !important; }

img {
  vertical-align: middle;
  display: block;
  max-width: 100%;
  height: auto; }

.header-box-login {
  display: block;
  float: none;
  margin: 15px auto 0px;
  background: #FFF;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #16718A;
  min-width: 446px;
  padding: 5px 0px 0px; }
  .header-box-login .logo {
    display: block;
    float: none;
    margin: 0px auto 0px;
    max-width: 150px !important; }
  .header-box-login .retangulo, .header-box-login .triangulo-retangulo {
    float: right; }
  .header-box-login .retangulo {
    background: #B6D65B;
    height: 130px;
    margin: -5px 0px 0px;
    width: 275px; }
  .header-box-login .row {
    margin: 0px; }
  .header-box-login .triangulo-retangulo {
    border-bottom: 130px solid #B6D65B;
    border-left: 50px solid transparent;
    height: 0;
    margin: -5px 0px 0px;
    width: 0; }

.btnLogin {
  background: #00405E;
  color: white;
  float: right;
  padding: 4px 10px; }

.modal, #popupRecSenha {
  font-size: 1em;
  max-width: 550px !important; }
  .modal .conteudo, #popupRecSenha .conteudo {
    border: 0px; }
    .modal .conteudo br, #popupRecSenha .conteudo br {
      clear: both; }
    .modal .conteudo label, #popupRecSenha .conteudo label {
      color: #757577;
      float: left;
      font-size: 1em;
      font-weight: bold;
      margin: 8px 0px 0px;
      width: 50px; }
    .modal .conteudo span, #popupRecSenha .conteudo span {
      font-size: 0.8em; }
    .modal .conteudo .btn, #popupRecSenha .conteudo .btn {
      background-color: #ccc;
      display: block;
      margin: 10px 0px 0px;
      padding: 10px 0;
      text-align: center;
      text-decoration: none;
      width: 100%; }
    .modal .conteudo .formulario, #popupRecSenha .conteudo .formulario {
      display: block;
      margin: 15px 0px;
      width: 100%; }
    .modal .conteudo .textbox, #popupRecSenha .conteudo .textbox {
      float: right;
      width: 440px; }

.ui-widget-overlay {
  background: #000; }

.ui-widget-header {
  background: none; }

.ui-panel .ui-panel-content {
  padding: 0 !important; }

.ui-widget-content {
  border: none; }

@media (max-width: 557px) {
  .header-box-login {
    padding: 8px 0px; }
    .header-box-login .retangulo, .header-box-login .triangulo-retangulo {
      display: none; }
    .header-box-login .row div {
      width: 100%; } }
@media (min-width: 768px) {
  body .container .content {
    width: 750px; }
    body .container .content .box-login {
      width: 74%; }
    body .container .content .header-box-login {
      width: 87.4%; }

  .col-sm-1 {
    float: left;
    width: 8.33333%; }

  .col-sm-2 {
    float: left;
    width: 16.66667%; }

  .col-sm-3 {
    float: left;
    width: 25%; }

  .col-sm-4 {
    float: left;
    width: 33.33333%; }

  .col-sm-5 {
    float: left;
    width: 41.66666%; }

  .col-sm-6 {
    float: left;
    width: 50%; }

  .col-sm-7 {
    float: left;
    width: 58.33333%; }

  .col-sm-8 {
    float: left;
    width: 66.66666%; }

  .col-sm-9 {
    float: left;
    width: 75%; }

  .col-sm-10 {
    float: left;
    width: 83.33333%; }

  .col-sm-11 {
    float: left;
    width: 91.66666%; }

  .col-sm-12 {
    float: left;
    width: 100%; } }
@media (min-width: 992px) {
  body .container .content {
    width: 970px; }
    body .container .content .box-login {
      width: 57%; }
    body .container .content .header-box-login {
      width: 67.4%; }

  .col-md-1 {
    float: left;
    width: 8.33333%; }

  .col-md-2 {
    float: left;
    width: 16.66667%; }

  .col-md-3 {
    float: left;
    width: 25%; }

  .col-md-4 {
    float: left;
    width: 33.33333%; }

  .col-md-5 {
    float: left;
    width: 41.66666%; }

  .col-md-6 {
    float: left;
    width: 50%; }

  .col-md-7 {
    float: left;
    width: 58.33333%; }

  .col-md-8 {
    float: left;
    width: 66.66666%; }

  .col-md-9 {
    float: left;
    width: 75%; }

  .col-md-10 {
    float: left;
    width: 83.33333%; }

  .col-md-11 {
    float: left;
    width: 91.66666%; }

  .col-md-12 {
    float: left;
    width: 100%; } }
@media (min-width: 1200px) {
  body .container .content {
    width: 1170px; }
    body .container .content .box-login {
      width: 40%; }
    body .container .content .header-box-login {
      width: 48.5%; }

  .col-lg-1 {
    float: left;
    width: 8.33333%; }

  .col-lg-2 {
    float: left;
    width: 16.66667%; }

  .col-lg-3 {
    float: left;
    width: 25%; }

  .col-lg-4 {
    float: left;
    width: 33.33333%; }

  .col-lg-5 {
    float: left;
    width: 41.66666%; }

  .col-lg-6 {
    float: left;
    width: 50%; }

  .col-lg-7 {
    float: left;
    width: 58.33333%; }

  .col-lg-8 {
    float: left;
    width: 66.66666%; }

  .col-lg-9 {
    float: left;
    width: 75%; }

  .col-lg-10 {
    float: left;
    width: 83.33333%; }

  .col-lg-11 {
    float: left;
    width: 91.66666%; }

  .col-lg-12 {
    float: left;
    width: 100%; } }

.faleConosco {
	
	margin: 0px;
	padding: 8px;
	color: #163E6D;
	font-size: 1em;
	font-weight: bold;"
	
}

/*# sourceMappingURL=tribanco-estilos.css.map */