/*RESET*/
/* line 2, ../sass/style.scss */
* {
  margin: 0;
  padding: 0;
}

/* line 3, ../sass/style.scss */
body {
  font-family: Century Gothic, sans-serif;
  color: #373737;
  font-size: 62.5%;
}

/* line 4, ../sass/style.scss */
img {
  max-width: 100%;
}

/* line 6, ../sass/style.scss */
#erro-404 h1 {
  color: #f7941d;
  margin: 20px 0;
  font-size: 2.4em;
}
/* line 7, ../sass/style.scss */
#erro-404 p {
  font-size: 1.6em;
  margin: 20px 0;
}
/* line 10, ../sass/style.scss */
#erro-404 p strong {
  color: #069;
}

/* line 14, ../sass/style.scss */
.carregando {
  padding: 20px;
  float: left;
  color: #666;
  font-size: 2em;
}
/* line 19, ../sass/style.scss */
.carregando span {
  padding: 10px;
  float: right;
  margin-top: -5px;
}

/* line 24, ../sass/style.scss */
a {
  -webkit-transition: color 0.5s ease-out;
  -moz-transition: color 0.5s ease-out;
  -o-transition: color 0.5s ease-out;
  -ms-transition: color 0.5s ease-out;
}

/* line 25, ../sass/style.scss */
a:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

/* line 27, ../sass/style.scss */
img {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

/* /img */
/* HEADER */
/* line 1, ../sass/header.scss */
#header {
  display: none;
  background: url(../images/bck-header.png);
  width: 100%;
  height: 149px;
  float: left;
  /* /content-header */
}
/* line 7, ../sass/header.scss */
#header .content-header {
  width: 840px;
  height: 149px;
  left: 50%;
  margin-left: -420px;
  position: relative;
  float: left;
  /* /logo */
  /* /bloco-esquerda */
}
@media only screen and (max-width: 840px) {
  /* line 7, ../sass/header.scss */
  #header .content-header {
    width: 90%;
    margin-left: -45%;
    float: left;
  }
}
/* line 19, ../sass/header.scss */
#header .content-header .logo {
  /* Aplica de 200px até 590px*/
  float: left;
}
/* line 20, ../sass/header.scss */
#header .content-header .logo img {
  margin-top: 15px;
  float: left;
}
@media only screen and (min-width: 200px) and (max-width: 590px) {
  /* line 19, ../sass/header.scss */
  #header .content-header .logo {
    width: 70%;
    height: auto;
  }
}
/* line 27, ../sass/header.scss */
#header .content-header .bloco-esquerda {
  height: 149px;
  width: 53.21428571428571%;
  /* 447px / 840px */
  float: right;
  /* Aplica de 200px até 590px*/
  /* /fone */
  /* /nav */
}
@media only screen and (min-width: 200px) and (max-width: 610px) {
  /* line 27, ../sass/header.scss */
  #header .content-header .bloco-esquerda {
    width: auto;
  }
}
/* line 34, ../sass/header.scss */
#header .content-header .bloco-esquerda .fone {
  color: #fff;
  text-shadow: 1px 1px #333;
  text-align: center;
  font-size: 2.6em;
  letter-spacing: 2px;
  height: 31px;
  float: right;
  text-align: right;
  padding-top: 20px;
  /* Aplica de 200px até 590px*/
}
@media only screen and (min-width: 200px) and (max-width: 610px) {
  /* line 34, ../sass/header.scss */
  #header .content-header .bloco-esquerda .fone {
    display: none;
  }
}
/* line 48, ../sass/header.scss */
#header .content-header .bloco-esquerda .nav {
  height: 98px;
  float: right;
  /* /ul */
}
/* line 51, ../sass/header.scss */
#header .content-header .bloco-esquerda .nav ul {
  list-style: none;
  margin-top: 60px;
  text-align: left;
  /* /li */
}
/* line 52, ../sass/header.scss */
#header .content-header .bloco-esquerda .nav ul li {
  display: inline;
  margin-left: 10px;
  text-align: right;
  letter-spacing: 4px;
  font-size: 1.2em;
  /* /a */
  /* /a */
}
/* line 53, ../sass/header.scss */
#header .content-header .bloco-esquerda .nav ul li a {
  color: #fff;
  text-shadow: 1px 1px #333;
  text-decoration: none;
}
/* line 56, ../sass/header.scss */
#header .content-header .bloco-esquerda .nav ul li a:hover {
  color: #ff8a00;
}
/* line 60, ../sass/header.scss */
#header .content-header .bloco-esquerda .nav-resp {
  display: none;
}
@media only screen and (max-width: 840px) {
  /* line 27, ../sass/header.scss */
  #header .content-header .bloco-esquerda {
    /* aplica até 840px */
    /* /nav-resp */
  }
  /* line 62, ../sass/header.scss */
  #header .content-header .bloco-esquerda .nav {
    display: none;
  }
  /* line 64, ../sass/header.scss */
  #header .content-header .bloco-esquerda .nav-resp {
    display: block;
    float: left;
    width: 100%;
    height: 98px;
    position: relative;
    /* aplica até 840px */
  }
  /* line 70, ../sass/header.scss */
  #header .content-header .bloco-esquerda .nav-resp img {
    float: right;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 840px) and (max-width: 610px) {
  /* line 72, ../sass/header.scss */
  #header .content-header .bloco-esquerda .nav-resp img {
    float: right;
    margin-top: 49px;
  }
}

/* /header */
/* line 78, ../sass/header.scss */
.content-nav-resp {
  background: #1e2d3c;
  color: #fff;
  width: 100%;
  float: left;
}
/* line 83, ../sass/header.scss */
.content-nav-resp img {
  float: right;
  width: 15px;
  margin: 10px 10px 0 0;
  cursor: pointer;
}
/* line 84, ../sass/header.scss */
.content-nav-resp li {
  text-align: center;
  list-style: none;
  padding: 10px 0;
  width: 100px;
  left: 50%;
  margin-left: -50px;
  position: relative;
}
/* line 85, ../sass/header.scss */
.content-nav-resp a {
  color: #fff;
  text-shadow: 1px 1px #333;
  text-decoration: none;
  font-size: 1.6em;
  margin: 5px 0;
}
/* line 92, ../sass/header.scss */
.content-nav-resp a:hover {
  color: #ff8a00;
}

/* /content-nav-resp */
/* line 94, ../sass/header.scss */
.contato {
  border-top: 3px solid #141e29;
  background: #1e2d3c;
  width: 100%;
  float: left;
  padding: 10px 0;
  /*  form */
  /*label*/
  /* /input */
  /* /btn */
  /* /al */
  /* /in */
  /* /er */
  /* /ok */
}
/* line 100, ../sass/header.scss */
.contato .imgload {
  width: 29px;
  float: right;
  margin-top: 20px;
  display: none;
}
/* line 101, ../sass/header.scss */
.contato .close {
  width: 15px !important;
  float: right;
  margin-right: 5px;
}
/* line 102, ../sass/header.scss */
.contato form {
  float: left;
  width: 840px;
  left: 50%;
  margin-left: -420px;
  position: relative;
  /* aplica até 840px */
}
@media only screen and (max-width: 880px) {
  /* line 102, ../sass/header.scss */
  .contato form {
    width: 80%;
    margin-left: -40%;
  }
}
/* line 114, ../sass/header.scss */
.contato label {
  margin: 10px 0;
  width: 420px;
  float: left;
  /* aplica até 840px */
}
/* line 115, ../sass/header.scss */
.contato label span {
  color: #ccc;
  font-size: 1.8em;
  margin: 10px 0 5px 0;
  float: left;
}
@media only screen and (max-width: 880px) {
  /* line 114, ../sass/header.scss */
  .contato label {
    width: 100%;
    float: none;
    display: block;
  }
}
/* line 122, ../sass/header.scss */
.contato .label-textarea {
  width: 100%;
}
/* line 124, ../sass/header.scss */
.contato .label-textarea textarea {
  height: 100px;
  width: 88.0952380952381%;
  padding-top: 20px;
  font-size: 1.4em;
}
/* line 126, ../sass/header.scss */
.contato input, .contato textarea {
  width: 88.0952380952381%;
  padding: 4.76% 0 4.76% 9.09090909090909%;
  color: #ccc;
  font-size: 1.4em;
  border: 1px dashed #b9b9b9;
  border-radius: 5px;
  background-size: 6.07142857142857% !important;
  /* aplica até 840px */
}
@media only screen and (max-width: 490px) {
  /* line 126, ../sass/header.scss */
  .contato input, .contato textarea {
    background-position: 2px 10px !important;
  }
}
/* line 139, ../sass/header.scss */
.contato .bck-nome {
  background: url(../images/img-man.png) no-repeat;
  background-position: 10px 10px;
}
/* line 140, ../sass/header.scss */
.contato .bck-email {
  background: url(../images/img-carta-blue.png) no-repeat;
  background-position: 10px 10px;
}
/* line 141, ../sass/header.scss */
.contato .bck-fone {
  background: url(../images/img-mobile.png) no-repeat;
  background-position: 10px 10px;
}
/* line 142, ../sass/header.scss */
.contato .bck-celular {
  background: url(../images/img-mobile.png) no-repeat;
  background-position: 10px 10px;
}
/* line 143, ../sass/header.scss */
.contato .bck-titulo {
  background: url(../images/img-tag.png) no-repeat;
  background-position: 10px 10px;
}
/* line 144, ../sass/header.scss */
.contato .bck-cidade {
  background: url(../images/img-local.png) no-repeat;
  background-position: 10px 10px;
}
/* line 145, ../sass/header.scss */
.contato .bck-msg {
  background: url(../images/img-lapis-blue.png) no-repeat;
  background-position: 10px 10px;
}
/* line 146, ../sass/header.scss */
.contato .btn {
  margin: 10px 0;
  background: #1c3043;
  padding: 20px;
  width: auto;
  font-size: 1.8em;
  cursor: pointer;
}
/* line 154, ../sass/header.scss */
.contato .btn:hover {
  background: #101f2e;
}
/* line 155, ../sass/header.scss */
.contato .msg {
  width: 88.0952380952381%;
  padding: 2.76% 0 2.76% 9.09090909090909%;
  color: #ccc;
  float: left;
  border-radius: 5px;
  margin: 20px 0;
  background-size: 6.07142857142857% !important;
  text-align: center;
  font-size: 1.8em;
  /* aplica até 840px */
}
@media only screen and (max-width: 490px) {
  /* line 155, ../sass/header.scss */
  .contato .msg {
    font-size: 1.2em;
  }
}
/* line 169, ../sass/header.scss */
.contato .al {
  background: url(../images/img-alert.png) no-repeat;
  background-position: 10px 10px;
  border: 1px dashed #f7941d;
  color: #ffa200;
  /* aplica até 840px */
}
@media only screen and (max-width: 490px) {
  /* line 169, ../sass/header.scss */
  .contato .al {
    background-position: 10px 10px;
  }
}
/* line 178, ../sass/header.scss */
.contato .in {
  background: url(../images/img-info.png) no-repeat;
  background-position: 10px 10px;
  border: 1px dashed #00aeef;
  color: #0090ff;
  /* aplica até 840px */
}
@media only screen and (max-width: 490px) {
  /* line 178, ../sass/header.scss */
  .contato .in {
    background-position: 10px 10px;
  }
}
/* line 187, ../sass/header.scss */
.contato .er {
  background: url(../images/img-erro.png) no-repeat;
  background-position: 10px 10px;
  border: 1px dashed #ff0000;
  color: #9a0000;
  /* aplica até 840px */
}
@media only screen and (max-width: 490px) {
  /* line 187, ../sass/header.scss */
  .contato .er {
    background-position: 10px 10px;
  }
}
/* line 196, ../sass/header.scss */
.contato .ok {
  background: url(../images/img-ok.png) no-repeat;
  background-position: 10px 10px;
  border: 1px dashed #00ff00;
  color: #5cbc67;
  /* aplica até 840px */
}
@media only screen and (max-width: 490px) {
  /* line 196, ../sass/header.scss */
  .contato .ok {
    background-position: 10px 10px;
  }
}

/* /contato */
/* /HEADER */
/* SITE */
/* line 35, ../sass/style.scss */
#site {
  display: none;
  width: 840px;
  float: left;
  left: 50%;
  margin-left: -420px;
  position: relative;
  /* /link-pag-atual */
  /* /content*/
}
@media only screen and (max-width: 840px) {
  /* line 35, ../sass/style.scss */
  #site {
    width: 90%;
    margin-left: -45%;
  }
}
/* line 46, ../sass/style.scss */
#site .link-pag-atual {
  margin-top: 10px;
  font-size: 1.4em;
}
/* line 49, ../sass/style.scss */
#site .link-pag-atual a {
  color: #666;
  text-decoration: none;
}
/* line 50, ../sass/style.scss */
#site .link-pag-atual a:hover {
  color: #333;
}
/* line 52, ../sass/style.scss */
#site #content {
  float: left;
  /* /link-pag-atual */
  /* HOME */
  /* /home */
  /* /HOME */
  /* EMPRESA */
  /* /empresa */
  /* /EMPRESA */
  /* SERVIÇOS */
  /* /servicos */
  /* /SERVIÇOS */
  /* PORTIFÓLIO */
  /* /portifolio */
  /* /PORTIFÓLIO */
}
/* line 55, ../sass/style.scss */
#site #content .link-pag-atual {
  padding: 20px 0;
  height: 20px;
  color: #999;
  float: left;
}
/* line 61, ../sass/style.scss */
#site #content .link-pag-atual a {
  color: #666;
  text-decoration: none;
}
/* line 62, ../sass/style.scss */
#site #content .link-pag-atual a:hover {
  color: #333;
  text-decoration: none;
}
/* line 1, ../sass/home.scss */
#site #content #home {
  float: left;
  width: 100%;
  height: auto;
  /* /texto-aplicacoes-web */
  /* /bloco-1 */
  /* /bloco-2 */
}
/* line 5, ../sass/home.scss */
#site #content #home .img-destaque {
  float: left;
  width: 100%;
  /* /img */
  /* aplica até 620px */
  /* /img-center*/
}
/* line 8, ../sass/home.scss */
#site #content #home .img-destaque img {
  max-width: 100%;
  width: 25.95238095238095%;
  /* 218 / 840 (218 é a largura da imagem sem o padding do png */
}
@media only screen and (max-width: 450px) {
  /* line 13, ../sass/home.scss */
  #site #content #home .img-destaque img {
    width: 100px;
  }
}
/* line 15, ../sass/home.scss */
#site #content #home .img-destaque .img-left {
  float: left;
}
/* line 16, ../sass/home.scss */
#site #content #home .img-destaque .img-right {
  float: right;
}
/* line 17, ../sass/home.scss */
#site #content #home .img-destaque .img-center {
  left: 50%;
  margin-left: -38.92857%;
  /* 25.95238095238095 * 3 : 2  */
  position: relative;
  /* aplica até 620px */
}
@media only screen and (max-width: 450px) {
  /* line 17, ../sass/home.scss */
  #site #content #home .img-destaque .img-center {
    margin-left: -150px;
  }
}
/* line 26, ../sass/home.scss */
#site #content #home .texto-aplicacoes-web {
  margin-top: 30px;
  padding: 01.19047619047619%;
  /* 10 : 840 */
  width: 97.61904761904762%;
  /* 820 : 840*/
  float: left;
  text-align: justify;
  font-size: 1.6em;
  /* /topo */
}
/* line 33, ../sass/home.scss */
#site #content #home .texto-aplicacoes-web .topo {
  text-align: center;
  color: #046da2;
  font-size: 1.8em;
  letter-spacing: 4px;
}
/* line 38, ../sass/home.scss */
#site #content #home .texto-aplicacoes-web .topo a {
  cursor: pointer;
  color: #046da2;
}
/* line 39, ../sass/home.scss */
#site #content #home .texto-aplicacoes-web .topo a:hover {
  color: #20b4ff;
}
/* line 42, ../sass/home.scss */
#site #content #home .bloco-1 {
  float: left;
  padding: 01.19047619047619%;
  /* 10 : 840*/
  width: 97.61904761904762%;
  /* 820 : 840 */
  text-align: center;
  margin: 20px 0;
  /* /topo */
}
/* line 48, ../sass/home.scss */
#site #content #home .bloco-1 .topo {
  font-size: 2.0em;
  letter-spacing: 4px;
}
/* line 52, ../sass/home.scss */
#site #content #home .bloco-1 a {
  color: #046da2;
  text-decoration: none;
  font-size: 2.7em;
}
/* line 53, ../sass/home.scss */
#site #content #home .bloco-1 a:hover {
  color: #003753;
}
/* line 55, ../sass/home.scss */
#site #content #home .bloco-2 {
  float: left;
  width: 100%;
  text-align: center;
  margin: 20px 0;
  /* /bloco-esquerda */
  /* /bloco-direita */
}
/* line 60, ../sass/home.scss */
#site #content #home .bloco-2 .bloco-esquerda {
  width: 42.85714285714286%;
  height: auto;
  text-align: center;
  font-size: 1.4em;
  float: left;
  /* aplica até 840px */
  /* /img */
  /* /link */
}
@media only screen and (max-width: 840px) {
  /* line 60, ../sass/home.scss */
  #site #content #home .bloco-2 .bloco-esquerda {
    width: 100%;
    float: none;
    position: relative;
  }
}
/* line 71, ../sass/home.scss */
#site #content #home .bloco-2 .bloco-esquerda img {
  width: 128px;
  float: left;
  left: 50%;
  margin-left: -64px;
  position: relative;
}
/* line 78, ../sass/home.scss */
#site #content #home .bloco-2 .bloco-esquerda .topo {
  width: 100%;
  float: left;
  margin: 10px 0;
  font-size: 1.4em;
}
/* line 83, ../sass/home.scss */
#site #content #home .bloco-2 .bloco-esquerda .topo strong {
  color: #588a3a;
}
/* line 85, ../sass/home.scss */
#site #content #home .bloco-2 .bloco-esquerda p {
  float: left;
  text-align: justify;
  color: #666;
  padding: 0 20px;
}
/* line 86, ../sass/home.scss */
#site #content #home .bloco-2 .bloco-esquerda .link {
  margin: 10px 0;
  width: 100%;
  float: left;
  color: #588a3a;
  font-size: 1.4em;
}
/* line 92, ../sass/home.scss */
#site #content #home .bloco-2 .bloco-esquerda .link a {
  color: #588a3a;
  font-weight: bold;
  text-decoration: none;
}
/* line 93, ../sass/home.scss */
#site #content #home .bloco-2 .bloco-esquerda .link a:hover {
  color: #2e6010;
}
/* line 97, ../sass/home.scss */
#site #content #home .bloco-2 .bloco-direita {
  width: 42.85714285714286%;
  height: auto;
  text-align: center;
  font-size: 1.4em;
  float: right;
  /* aplica até 840px */
  /* /img */
  /* /link */
}
@media only screen and (max-width: 840px) {
  /* line 97, ../sass/home.scss */
  #site #content #home .bloco-2 .bloco-direita {
    width: 100%;
    float: none;
    position: relative;
  }
}
/* line 108, ../sass/home.scss */
#site #content #home .bloco-2 .bloco-direita img {
  width: 128px;
  float: left;
  left: 50%;
  margin-left: -64px;
  position: relative;
}
/* line 115, ../sass/home.scss */
#site #content #home .bloco-2 .bloco-direita .topo {
  width: 100%;
  float: left;
  margin: 10px 0;
  font-size: 1.4em;
}
/* line 120, ../sass/home.scss */
#site #content #home .bloco-2 .bloco-direita .topo strong {
  color: #046da2;
}
/* line 122, ../sass/home.scss */
#site #content #home .bloco-2 .bloco-direita p {
  float: left;
  text-align: justify;
  color: #666;
  padding: 0 20px;
}
/* line 123, ../sass/home.scss */
#site #content #home .bloco-2 .bloco-direita .link {
  margin: 10px 0;
  width: 100%;
  float: left;
  color: #588a3a;
  font-size: 1.4em;
}
/* line 129, ../sass/home.scss */
#site #content #home .bloco-2 .bloco-direita .link a {
  color: #046da2;
  font-weight: bold;
  text-decoration: none;
}
/* line 130, ../sass/home.scss */
#site #content #home .bloco-2 .bloco-direita .link a:hover {
  color: #003753;
}
/* line 1, ../sass/empresa.scss */
#site #content #empresa {
  float: left;
  width: 100%;
  height: auto;
  /* /bloco-1 */
  /* /bloco-direita */
  /* /bloco-esquerda */
  /* /bloco-esquerda */
  /* aplica até 600px */
  /* /bloco-3 */
}
/* line 5, ../sass/empresa.scss */
#site #content #empresa .bloco-1 {
  width: 100%;
  float: left;
  margin: 20px 0 20px 0;
  /* /topo */
  /* /p */
}
/* line 9, ../sass/empresa.scss */
#site #content #empresa .bloco-1 .topo {
  font-size: 2.6em;
  color: #046da2;
  font-weight: bold;
  float: left;
  width: 100%;
  /* /img */
}
/* line 15, ../sass/empresa.scss */
#site #content #empresa .bloco-1 .topo img {
  float: left;
  margin: 0 10px 0 10px;
}
/* line 20, ../sass/empresa.scss */
#site #content #empresa .bloco-1 p {
  padding: 10px;
  text-align: justify;
  font-size: 1.4em;
  float: left;
}
/* line 27, ../sass/empresa.scss */
#site #content #empresa .bloco-direita {
  float: right;
}
/* line 28, ../sass/empresa.scss */
#site #content #empresa .bloco-esquerda {
  float: left;
}
/* line 29, ../sass/empresa.scss */
#site #content #empresa .bloco-esquerda, #site #content #empresa .bloco-direita {
  width: 47.61904761904762%;
  /* 400: 840 */
  margin: 20px 0 20px 0;
  /* /topo */
  /* /p */
}
/* line 32, ../sass/empresa.scss */
#site #content #empresa .bloco-esquerda .topo, #site #content #empresa .bloco-direita .topo {
  font-size: 2.6em;
  color: #046da2;
  font-weight: bold;
  float: left;
  width: 100%;
  /* /img */
}
/* line 38, ../sass/empresa.scss */
#site #content #empresa .bloco-esquerda .topo img, #site #content #empresa .bloco-direita .topo img {
  float: left;
  margin: 0 10px 0 10px;
}
/* line 43, ../sass/empresa.scss */
#site #content #empresa .bloco-esquerda p, #site #content #empresa .bloco-direita p {
  padding: 10px;
  text-align: justify;
  font-size: 1.4em;
  float: left;
}
@media only screen and (max-width: 600px) {
  /* line 1, ../sass/empresa.scss */
  #site #content #empresa {
    /* /bloco-direita */
    /* /bloco-esquerda */
  }
  /* line 51, ../sass/empresa.scss */
  #site #content #empresa .bloco-direita {
    width: 100%;
  }
  /* line 52, ../sass/empresa.scss */
  #site #content #empresa .bloco-esquerda {
    width: 100%;
  }
}
/* line 54, ../sass/empresa.scss */
#site #content #empresa .bloco-3 {
  width: 100%;
  float: left;
  /* /topo */
  /* /btn */
}
/* line 57, ../sass/empresa.scss */
#site #content #empresa .bloco-3 .topo {
  font-size: 1.6em;
  font-weight: bold;
  float: left;
  width: 100%;
  text-align: center;
  margin: 10px 0;
}
/* line 65, ../sass/empresa.scss */
#site #content #empresa .bloco-3 .btn {
  float: left;
  padding: 10px;
  width: 33.33333333333333%;
  /* 280 : 840 */
  margin: 10px 0 10px -16.66667%;
  /* 33.33333333333333 : 2 */
  left: 50%;
  position: relative;
  background: #046da2;
  color: #fff;
  font-size: 2.2em;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
@media only screen and (max-width: 820px) {
  /* line 65, ../sass/empresa.scss */
  #site #content #empresa .bloco-3 .btn {
    font-size: 1.2em;
  }
  /* line 79, ../sass/empresa.scss */
  #site #content #empresa .bloco-3 .btn img {
    width: 26px;
  }
}
@media only screen and (max-width: 520px) {
  /* line 65, ../sass/empresa.scss */
  #site #content #empresa .bloco-3 .btn {
    width: 150px;
    margin-left: -75px;
  }
}
/* line 81, ../sass/empresa.scss */
#site #content #empresa .bloco-3 .btn img {
  float: left;
}
/* line 83, ../sass/empresa.scss */
#site #content #empresa .bloco-3 .btn:hover {
  background: #004d74;
}
/* line 1, ../sass/servicos.scss */
#site #content #servicos {
  float: left;
  width: 100%;
  height: auto;
  /* /bloco-1 */
  /* /bloco-2 */
  /* /bloco-3 */
}
/* line 5, ../sass/servicos.scss */
#site #content #servicos .bloco-1 {
  width: 100%;
  float: left;
  height: auto;
  padding: 20px 0;
  margin: 10px 0;
  /* /img */
  /* /texto */
}
/* line 11, ../sass/servicos.scss */
#site #content #servicos .bloco-1 .img {
  width: 15.11904761904762%;
  /* 127 : 840 */
  float: left;
}
/* line 16, ../sass/servicos.scss */
#site #content #servicos .bloco-1 .texto {
  width: 83.33333333333333%;
  /* 700: 840 */
  float: right;
  height: auto;
  /* /p */
}
/* line 20, ../sass/servicos.scss */
#site #content #servicos .bloco-1 .texto p {
  padding: 5px 20px;
  text-align: justify;
  font-size: 1.4em;
}
/* line 27, ../sass/servicos.scss */
#site #content #servicos .bloco-2 {
  float: left;
  /* /topo */
  /* /content-bloco */
}
/* line 29, ../sass/servicos.scss */
#site #content #servicos .bloco-2 .topo {
  text-align: center;
  width: 100%;
  float: left;
  font-size: 2.2em;
  color: #046da2;
  /* /img */
}
/* line 35, ../sass/servicos.scss */
#site #content #servicos .bloco-2 .topo .titulo {
  float: left;
  font-weight: bold;
  width: 210px;
  left: 50%;
  margin: 10px 0 10px -105px;
  position: relative;
}
/* line 42, ../sass/servicos.scss */
#site #content #servicos .bloco-2 .topo .titulo span {
  float: right;
}
/* line 45, ../sass/servicos.scss */
#site #content #servicos .bloco-2 .content-bloco {
  float: left;
  /* /topo */
  /* /p */
}
/* line 47, ../sass/servicos.scss */
#site #content #servicos .bloco-2 .content-bloco .topo {
  width: 100%;
  float: left;
  text-align: left;
  font-size: 2em;
  color: #046da2;
  font-weight: bold;
}
/* line 55, ../sass/servicos.scss */
#site #content #servicos .bloco-2 .content-bloco img {
  float: left;
  margin-right: 10px;
}
/* line 56, ../sass/servicos.scss */
#site #content #servicos .bloco-2 .content-bloco p {
  padding: 10px 40px;
  text-align: justify;
  font-size: 1.8em;
  float: left;
}
/* line 64, ../sass/servicos.scss */
#site #content #servicos .bloco-3 {
  width: 100%;
  float: left;
  /* /btn */
}
/* line 67, ../sass/servicos.scss */
#site #content #servicos .bloco-3 .btn {
  float: left;
  padding: 10px;
  width: 33.33333333333333%;
  /* 280 : 840 */
  margin: 10px 0 10px -16.66667%;
  /* 33.33333333333333 : 2 */
  left: 50%;
  position: relative;
  background: #046da2;
  color: #fff;
  font-size: 2.2em;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
@media only screen and (max-width: 820px) {
  /* line 67, ../sass/servicos.scss */
  #site #content #servicos .bloco-3 .btn {
    font-size: 1.2em;
  }
  /* line 81, ../sass/servicos.scss */
  #site #content #servicos .bloco-3 .btn img {
    width: 26px;
  }
}
@media only screen and (max-width: 520px) {
  /* line 67, ../sass/servicos.scss */
  #site #content #servicos .bloco-3 .btn {
    width: 150px;
    margin-left: -75px;
  }
}
/* line 83, ../sass/servicos.scss */
#site #content #servicos .bloco-3 .btn img {
  float: left;
}
/* line 85, ../sass/servicos.scss */
#site #content #servicos .bloco-3 .btn:hover {
  background: #004d74;
}
/* line 1, ../sass/portifolio.scss */
#site #content #portifolio {
  float: left;
  width: 100%;
  height: auto;
  /* /topo */
  /* /bloco-1 */
}
/* line 5, ../sass/portifolio.scss */
#site #content #portifolio .topo {
  width: 100%;
  margin: 10px 0;
  text-align: center;
  font-size: 3em;
  color: #046da2;
  float: left;
}
/* line 13, ../sass/portifolio.scss */
#site #content #portifolio .bloco-1 {
  width: 86.66666666666667%;
  /* 728 : 840 */
  left: 50%;
  margin-left: -43.33333%;
  /* 86.66666666666667 : 2 */
  position: relative;
  float: left;
  /* /slide */
}
/* line 19, ../sass/portifolio.scss */
#site #content #portifolio .bloco-1 .slide {
  width: 320px;
  padding: 20px;
  float: left;
  min-height: 350px;
  /* /slide-portifolio */
  /* /legenda */
}
@media only screen and (max-width: 840px) and (min-width: 480px) {
  /* line 19, ../sass/portifolio.scss */
  #site #content #portifolio .bloco-1 .slide {
    left: 50%;
    margin-left: -182px;
    float: none;
    position: relative;
  }
}
@media only screen and (max-width: 480px) {
  /* line 19, ../sass/portifolio.scss */
  #site #content #portifolio .bloco-1 .slide {
    width: auto;
  }
}
/* line 26, ../sass/portifolio.scss */
#site #content #portifolio .bloco-1 .slide .slide-portifolio {
  /* /img */
}
/* line 28, ../sass/portifolio.scss */
#site #content #portifolio .bloco-1 .slide .slide-portifolio img {
  box-shadow: 5px 5px 5px #ccc;
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 5px;
  float: left;
}
/* line 35, ../sass/portifolio.scss */
#site #content #portifolio .bloco-1 .slide .legenda {
  width: 100%;
  font-size: 1.6em;
  float: left;
  text-align: center;
}
/* line 40, ../sass/portifolio.scss */
#site #content #portifolio .bloco-1 .slide .legenda img {
  width: 20px;
}
/* line 41, ../sass/portifolio.scss */
#site #content #portifolio .bloco-1 .slide .legenda a {
  color: #046da2;
  text-decoration: none;
}
/* line 42, ../sass/portifolio.scss */
#site #content #portifolio .bloco-1 .slide .legenda a:hover {
  color: #004e75;
}

/* /site*/
/* FOOTER */
/* line 84, ../sass/style.scss */
#footer {
  display: none;
  background-image: url(../images/bck-footer.png);
  height: 137px;
  width: 100%;
  float: left;
  /* /contentFooter */
}
/* line 90, ../sass/style.scss */
#footer .contentFooter {
  float: left;
  height: 137px;
  width: 100%;
  left: 50%;
  margin-left: -50%;
  position: relative;
  /* /copyright */
  /* /midias-sociais */
}
/* line 97, ../sass/style.scss */
#footer .contentFooter .copyright {
  width: 100%;
  color: #999;
  letter-spacing: 2px;
  text-shadow: 1px 1px #000;
  font-size: 1.2em;
  margin-top: 20px;
  float: left;
  text-align: center;
}
/* line 107, ../sass/style.scss */
#footer .contentFooter .midias-socias {
  width: 120px;
  margin-top: 20px;
  left: 50%;
  margin-left: -60px;
  position: relative;
  float: left;
  /* /img */
  /* /img */
}
/* line 114, ../sass/style.scss */
#footer .contentFooter .midias-socias img {
  cursor: pointer;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
}
/* line 122, ../sass/style.scss */
#footer .contentFooter .midias-socias img:hover {
  -moz-opacity: 100;
  opacity: 100;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}

/* /footer */
/* line 133, ../sass/style.scss */
.msg-footer {
  display: none;
  float: left;
  height: 100px;
  width: 100%;
}
/* line 138, ../sass/style.scss */
.msg-footer .content-msg-footer {
  font-size: 1.6em;
  text-align: justify;
  line-height: 35px;
  float: left;
  padding: 10px 0 30px 0;
  width: 480px;
  height: auto;
  left: 50%;
  margin-left: -240px;
  position: relative;
  /* aplica até 480px */
}
/* line 149, ../sass/style.scss */
.msg-footer .content-msg-footer p {
  padding: 5px 10px;
}
@media only screen and (max-width: 480px) {
  /* line 138, ../sass/style.scss */
  .msg-footer .content-msg-footer {
    width: 100%;
    margin-left: -50%;
  }
}