body{
  font-size: 16px;
}

@media only screen and (min-width:320px){
  .error {
      color: red;
  }
  a.active {
      color: #221358!important;
      text-decoration: underline;
  }
  input#usuario {
    background-image: url(../img/user.png);
    background-repeat: no-repeat;
    background-position: 95px;
  }

  input#senha{
    background-image: url(../img/pass.png);
    background-repeat: no-repeat;
    background-position: 95px;
  }

  .proposta p {
      font-weight: bold;
  }
  .btn-solicitar {
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    background-color: #9cb2bd;
}
  .missao h2 {
      font-weight: 900;
      text-transform: uppercase;
  }
  .sobre {
      margin-top: -15px;
      text-align: center;
  }

  .sobre h2 {
      font-weight: 900;
      text-transform: uppercase;
  }

  .sobre hr {
      display: block;
      margin: 0 auto;
      max-width: 80px;
      margin-bottom: 15px;
  }

  .visao {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 35px;
    background-color: #f1eff0;
    padding-top: 25px;
    padding-bottom: 40px;
}

.visao h2, .servicos h2{
  color: #f17e00!important;
}

.servicos {
    text-align: center;
}

.servicos .row {
    margin-top: 95px;
}

  .videos h2 {
    text-transform: uppercase;
    font-weight: 900;
    color: #f17e00;
    margin-bottom: 55px;
}

.dvTituloLista {
    color: #f17e00;
}

.dvChamadaLista {
    color: #333;
}
.login-topo{
  background-color: #fbfbfb;
  height: auto;
}
a.dropdown-toggle.AbtnAcesso {
    background-color: transparent!important;
    padding: 0;
    font-size: 14px;
}

button.btnAcesso {
    width: 100%;
    padding: 10px;
    border: none;
    background-color: #200b5a;
    color: #fff;
    text-transform: uppercase;
}
.acesso-mobile .navbar-nav {margin-top: 0;}
.boxLoginMobile {
    background-color: #666;
    color: #fff;
    z-index: 999999;
}
ul.dropdown-menu {
    background-color: #666!important;
}

li.formulario-top input {width: 100%;padding: 8px;margin-bottom: 5px;}


li.formulario-top button {
    padding: 8px 35px;
    border: none;
    background-color: #f50;
    float: right;
}
.link a {
    color: #fff;
}
.acesso {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    border: none;
    border-radius: 0;
    background-color: #200b5a;
}
.logo img{
  max-width: 220px;
  margin: 20px auto;

}
.acesso a {
    color: #fff;
}

.navbar-default {
    background-color: transparent;
    border: none;
}
.menu .navbar-fixed-top {
    top: 15px;
    position: relative;
}
.menu div#navbar {
    background-color: #ccc;
}
.menu .navbar-default ul li a {color: #200b5a;text-transform: uppercase;text-align: center;font-weight: bold;}
.banner-home{
  background-image: url(../img/banner-home.jpg);
  height: 185px;
  background-repeat: no-repeat;
  background-size: 720px;
  background-position: right;
}

.servicos{
  margin-top: 25px;
  margin-bottom: 65px;
}

.banner-empresa{
  background-image: url(../img/banner-empresa.jpg);
  height: 185px;
  background-repeat: no-repeat;
  background-size: 720px;
  background-position: right;
}

.banner-servicos{
  background-image: url(../img/banner-servicos.jpg);
  height: 185px;
  background-repeat: no-repeat;
  background-size: 720px;
  background-position: right;
}

.banner-proposta{
  background-image: url(../img/banner-proposta.jpg);
  height: 185px;
  background-repeat: no-repeat;
  background-size: 720px;
  background-position: right;
}

.banner-contato{
  background-image: url(../img/banner-contato.jpg);
  height: 185px;
  background-repeat: no-repeat;
  background-size: 720px;
  background-position: right;
}

.chamada h2, .visao h2, .servicos h2 {
    text-transform: uppercase;
    color: #232321;
    font-weight: 900;
}
hr {
    border: 3px solid #f17e00;
    width: 50%;
    margin-left: 0;
    max-width: 135px;
}
.chamada p {
    color: #565656;
    font-size: 16px;
}
.leiamais {
    border: none;
    background-color: #f17e00;
    border-radius: 0;
    padding: 8px 35px;
    color: #fff;
    font-size: 16px;
}
.chamada img {
    margin: 0 auto;
    display: block;
    margin-top: 25px;
}
.chamada h4 {
    text-align: center;
}
.missao {
    background-color: #015da6;
    color: #fff;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 25px;
    margin-top: 55px;
    margin-bottom: 55px;
}
.pre-footer, footer{
  background-color: #313131;
  padding: 15px 0px;
  color: #fff;
}
footer{
  background-color: #131313;
  text-align: center;
}
.logos a{
  margin-left: 15px;  margin-right: 15px;
}

}


@media only screen and (min-width: 768px){


.acesso-rapido{
  background-color: #005da6;
  /* padding-right: 15px; */
}

li.acesso-rapido a{
  color: #fff!important;
}
  .carousel-caption p {
    text-shadow: none;
    color: #333;
    font-weight: bold;
}
  .carousel-caption {
      text-align: left;
      top: 45px;
      left: 5%;
      max-width: 370px;
  }

  .carousel-caption h4 {
    color: #f5ad00;
    text-transform: uppercase;
    text-shadow: none;
    font-weight: 900;
    font-size: 19px;
}
  .wm-m-links {
    float: left!important;
    width: 130px!important;
}
  a.navbar-brand img {
      max-width: 170px;
  }

  .menu div#navbar {
      background-color: transparent;
  }

  .banner-home {
      height: 250px;
      background-size: 1220px;
      background-position: center center;
  }

  .banner-empresa {
      height: 250px;
      background-size: 1220px;
      background-position: center center;
  }

  .banner-servicos {
      height: 250px;
      background-size: 1220px;
      background-position: center center;
  }

  .banner-contato {
      height: 250px;
      background-size: 1220px;
      background-position: center center;
  }

  .banner-proposta {
      height: 250px;
      background-size: 1220px;
      background-position: center center;
  }
  .menu .navbar-default ul li a {
      font-size: 14px;
      color: #f8ab01;
      padding-right: 0px;
  }

  .forms{
    background-color: #fbfbfb;
    height: 100px;
    padding-top: 15px;
  }

  .acesse {
    display: block;
    float: left;
}

.formulario-desktop {
    padding: 0;
    display: block;
    float: left;
}

.formulario-desktop input {
    width: 136px;
    float: left;
    margin-left: 5px;
    border-radius: 0;
    border-color: #f8f8f8;
}

.formulario-desktop button {
}

.acesse h4 {
    font-size: 14px;
    color: #005da9;
    font-weight: bold;
}

button.botaoacesso {
    float: right;
    width: 25px;
    height: 33px;
    background-color: #221358;
    border: none;
    margin-left: 5px;
    background-image: url(../img/icones/seta.png);
    background-repeat: no-repeat;
    background-position: center;
}

span.esqueci a {
    display: block;
    width: 100%;
    float: left;
    font-size: 12px;
    color: #221358;
    margin-left: 5px;
}

.wm-m-links {
    float: right;
    width: 100px;
}

span.esqueci {
    display: block;
    margin-top: 5px;
}

.gbts {
    display: block;
    float: left;
}

p.tel-topo {
    color: #f5ad00;
    font-size: 19px;
}

span.little {
    font-size: 14px;
}
a.navbar-brand img {
    margin-top: -60px;
}
}

@media only screen and (min-width:992px){

  .acesse h4 {
    font-size: 16px;
    margin-left: -150px;
}
  .menu .navbar-default ul li a {
    padding-right: 15px;
    padding-bottom: 9px;
    padding-top: 9px;
}
}

@media only screen and (min-width:1200px){

  .proposta h2 {
      font-weight: 900;
      text-transform: uppercase;
      color: #f5ad00;
  }

  .proposta input {
      border-radius: 0;
      height: 42px;
  }

  .proposta textarea {
      border-radius: 0;
  }

  .form {
      margin-top: 65px;
  }
  .proposta {
      margin-top: 55px;
      margin-bottom: 55px;
  }

  .caption-interna {
    top: 95px!important;
    max-width: 720px;
}

  .logos a {
    float: right;
}
p.copy {
    text-align: left;
}
  .acesse h4 {
      margin-left: -10px;
  }
  .banner-home {
      height: 465px;
      background-size: 1920px;
  }

  .banner-empresa {
      height: 335px;
      background-size: 1920px;
  }

  .banner-servicos {
      height: 305px;
      background-size: 1920px;
      background-position: right;
  }

  .banner-contato {
      height: 305px;
      background-size: 1920px;
      background-position: right;
  }


  .banner-proposta {
      height: 305px;
      background-size: 1920px;
      background-position: right;
  }
  .carousel-caption h4 {
      font-size: 41px;
  }
  .carousel-caption {
      top: 145px;
      max-width: 600px;
  }

  a.navbar-brand img {position: absolute;left: 40px;max-width: 280px;top: -9px;}
  p.tel-topo {
    margin-left: 189px;
}

.wm-m-links {
    width: 135px;
      float: right;
}

.formulario-desktop input {
    width: 120px;
}

.forms.hidden-xs {
    height: 70px;
}

}


@media only screen and (min-width:1366px){

  .caption-interna {
    top: -220px!important;
}
  .menu ul li a {
      padding-right: 15px;
  }
  .carousel-caption {
    position: relative;
    top: -320px;
    left: 0;
    max-width: 720px;
}
  a.navbar-brand img {
    position: inherit;
    margin-top: -90px;
}

.sobre, .proposta, .servicos {
    margin-top: -130px;
}

.chamada {
    margin-top: -150px;
}

}
