/* Variaveis */
/*tamanho fundo das divs*/
/*80px;*/
/* tamanho divs do menu */
/* tamanho divs do menu */
/* tamanho divs do destaque */
/* tamanho divs do destaque */
/* mixins */
/* Corpo CSS com SCSS*/
/* line 43, ../sass/estilos.scss */
body {
  background-color: #497d93;
  /*overflow-Y: hidden;*/
  /* Oculta a barra de rolagem vertical */
}

/* line 48, ../sass/estilos.scss */
.logotipo {
  background-image: url("../img/logotipo_d.png");
  background-repeat: no-repeat;
  width: 487px;
  height: 376px;
  /*79px*/
  /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Aula de 15022016 */
  margin-top: 20px;
  margin-left: 10px;
}

/* line 59, ../sass/estilos.scss */
.gato {
  background-image: url("../img/gato_d.png");
  background-repeat: no-repeat;
  /*background-position: right;*/
  width: 524px;
  height: 932px;
  margin-top: -544px;
  /* -524px */
  /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Aula de 15022016 */
  /*float: left;*/
  right: 0;
  /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Aula de 15022016 */
  position: absolute;
  /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Aula de 15022016 */
  z-index: 1;
  /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Aula de 15022016 */
  cursor: pointer;
  cursor: hand;
  transition: transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -ms-transition: -ms-transform 0.5s;
}

/* line 79, ../sass/estilos.scss */
.gato:hover {
  transform: translateY(524px);
  -webkit-transform: translateY(524px);
  -moz-transform: translateY(524px);
  -o-transform: translateY(524px);
  -ms-transform: translateY(524px);
  z-index: 3;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Aula de 15022016 */
/* line 86, ../sass/estilos.scss */
.quadrado {
  /*background-color: red;*/
  width: 400px;
  height: 400px;
  position: absolute;
  z-index: 2;
}

/* line 96, ../sass/estilos.scss */
.destaque_quadro {
  background-color: #092028;
  width: 374px;
  /*374px;*/
  height: 83px;
  z-index: 2;
}

/* line 104, ../sass/estilos.scss */
.destaque_texto {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  padding-top: 5px;
  height: 83px;
}

/* line 116, ../sass/estilos.scss */
.menu, .instagram, .twitter, .facebook, .circulo, .principal, .curriculo, .projetos, .contatos {
  width: 126px;
  /*126px*/
  height: 126px;
  /*126px*/
}

/* line 121, ../sass/estilos.scss */
.instagram {
  background-image: url("../img/instagram_d.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

/* line 128, ../sass/estilos.scss */
.twitter {
  background-image: url("../img/twitter_d.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: right;
}

/* line 137, ../sass/estilos.scss */
.facebook {
  background-image: url("../img/facebook_d.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

/* line 144, ../sass/estilos.scss */
.circulo {
  background-image: url("../img/circulo_d.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

/* line 152, ../sass/estilos.scss */
.principal {
  background-image: url("../img/home_d.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

/* line 159, ../sass/estilos.scss */
.curriculo {
  background-image: url("../img/curriculo_d.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

/* line 166, ../sass/estilos.scss */
.projetos {
  background-image: url("../img/projetos_d.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

/* line 173, ../sass/estilos.scss */
.contatos {
  background-image: url("../img/contatos_d.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

/* line 180, ../sass/estilos.scss */
.novelo {
  background-image: url("../img/novelo_d.png");
  background-repeat: no-repeat;
  width: 378px;
  /*70px*/
  height: 126px;
  /*77px*/
}