﻿* {
  margin: 0px;
  padding: 0px;
}
html, body {
  height: 100%;
  overflow: hidden;
  width: 100%;
  /*-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;*/
}
body {
  font-family: "Open Sans", sans-serif;
  font-size: 100%;
  background-color: #000000;
}
#coluna {
  position: fixed;
  left: 0px;
  padding-top: 10px;
  z-index: 9999;
  top: 90px;
}
a#abreu {
  background-image: url(../images/abreu.png);
  background-position: left top;
  height: 84px;
  width: 187px;
  display: block;
  position: fixed;
  left: 0px;
  top: 0px;
}
#logo_asia {
  background-image: url(../images/logo_asia.png);
  background-position: left top;
  height: 109px;
  width: 353px;
  display: block;
  position: absolute;
  left: 247px;
  top: -13px;
}
#logo_america {
  background-image: url(../images/logo_america.png);
  background-position: left top;
  height: 109px;
  width: 353px;
  display: block;
  position: absolute;
  left: 247px;
  top: -13px;
}
a.back {
  background-image: url(../images/back.png);
  background-position: left top;
  height: 35px;
  width: 35px;
  display: block;
  position: absolute;
  left: 198px;
  top: 28px;
}
a.back:hover {
  opacity:0.8;
  background-image: url(../images/backhover.png);
  background-repeat: no-repeat;
  background-position: left top;
}
ul#setas {
  height: 43px;
  width: 120px;
  position: fixed;
  z-index: 9999;
  top: 123px;
  right: 12px;
  display: block;
}
ul#setas li {
  float: left;
  text-decoration: none;
  text-indent: -9999px;
  list-style-type: none;
}
ul#setas li a#prev {
  background-image: url(../images/prev.png);
  height: 39px;
  width: 39px;
  border: 1px solid #FFFFFF;
  display: block;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-position: left top;
}
ul#setas li a#next {
  background-image: url(../images/next.png);
  height: 39px;
  width: 39px;
  display: block;
  border: 1px solid #FFFFFF;
  background-repeat: no-repeat;
  background-position: left top;
}
ul#setas li a#prev:hover, ul#setas li a#next:hover {
  background-position: bottom;
}
#capa {
  height: 420px;
  width: 434px;
  margin-top: -178px;
  margin-left: -217px;
  position: absolute;
  left: 50%;
  top: 20%;
}
#capa a.botHome {
  height: 88px;
  width: 434px;
  background-image: url(../images/botaoHome.png);
  background-repeat: no-repeat;
  background-position: left top;
  display: block;
  -webkit-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  -moz-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  -o-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
}
#capa a.botHome:hover {
  opacity:0.8;
}
#capa img {
}
ul#social {
  width: 130px;
  list-style-type: none;
  position: fixed;
  right: 40px;
  top: 27px;
  height: 40px;
  z-index: 999;
}
ul#social li {
  float: left;
  height: 38px;
  width: 30px;
}
.fb {
  background-image: url(../images/social.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  display: block;
  text-indent: -9999px;
  height: 38px;
  width: 30px;
}
.fb:hover {
  opacity:0.8;
}
.tw {
  background-image: url(../images/social.png);
  background-repeat: no-repeat;
  background-position: -60px 0;
  display: block;
  text-indent: -9999px;
  height: 38px;
  width: 30px;
}
.tw:hover {
  opacity:0.8;
}
.wp {
  background-image: url(../images/social.png);
  background-repeat: no-repeat;
  background-position: -94px 0;
  display: block;
  text-indent: -9999px;
  height: 38px;
  width: 30px;
}
.wp:hover {
  opacity:0.8;
}
.yt {
  background-image: url(../images/social.png);
  background-repeat: no-repeat;
  background-position: -26px 0px;
  height: 38px;
  width: 30px;
  display: block;
  text-indent: -9999px;
}
.yt:hover {
  opacity:0.8;
}
ul#menu {
  list-style-type: none;
}
ul#menu li {
}
ul#menu li h3 {
  font-size: 12px;
  color: #FFFFFF;
  font-family: 'abraham_lincolnregular', serif;
  padding-left: 10px;
  padding-bottom: 5px;
  padding-top: 20px;
}
ul#menu li a {
  color: #FFF;
  text-decoration: none;
  display: block;
  padding-bottom: 4px;
  padding-left: 15px;
  padding-top: 4px;
  padding-right: 15px;
  clear: both;
  height: 24px;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: transparent;
  -webkit-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  -moz-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  -o-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
}
ul#menu a h1 {
  font-family: 'abraham_lincolnregular', serif;
  color:#ffffff;
  text-transform: capitalize;
  font-size: 24px;
  float: left;
  margin-right: 15px;
}
ul#menu a h2 {
  font-family: 'Open Sans Condensed', sans-serif;
  color:#ffffff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  float: left;
  display: none;
}
ul#menu li a:hover, ul#menu li a.active {
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #dc82d3;
}
ul#menu li a.eua_hover {
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: transparent;
}
ul#menu li a.eua_hover:hover, ul#menu li a.eua_hover_active {
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #9E419D;
}
.alvara {
  color: #CCC;
  padding-left: 53px;
  font-size: 9px;
  padding-top: 30px;
  width: 300px;
}
.box {
  padding: 20px;
  width: 436px;
  position: absolute;
  bottom: 87px;
  color: #FFF;
  background-image: url(../images/bgTransparente.png);
  z-index: 9999;
  left: 353px;
}
.box p {
  font-size: 12px;
}
.preco {
  width: 144px;
  text-align: right;
  background-image: url(../images/bgTransparente.png);
  color: #FFFFFF;
  height: 54px;
  position: absolute;
  right: 148px;
  bottom: 87px;
  z-index: 9999;
  padding-top: 5px;
  padding-right: 23px;
  padding-bottom: 20px;
  padding-left: 23px;
}
.preco h3 {
  font-size: 44px;
  font-family: 'abraham_lincolnregular', serif;
  text-align: right;
  line-height: 24px;
  margin-top: 10px;
}
.preco .desde {
  text-align: left !important;
}
.preco h3 span {
  font-size: 27px;
}
.preco small {
  font-size: 10px;
}
.box small {
  font-size: 10px;
}
.condicoes {
  position: fixed;
  bottom: 10px;
  z-index: 10000;
  font-size: 9px;
  right: 53px;
  color: #FFF;
}
#footer {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 999;
  background-color: #FFFFFF;
  height: 87px;
  width: 100%;
  background-position: left top;
  background-repeat: no-repeat;
}
#footer .footer-container {
  position: relative;
}
#footer .footer-container .marcas {
  height: 88px;
  width: 399px;
  background-image: url(../images/footer.jpg);
  background-position: left top;
  position: absolute;
  left: 0px;
  top: 0px;
}
#footer img {
  float: left;
}
#footer .footer-container p {
  font-size:11px;
  color:#666666;
  padding-top: 15px;
  padding-bottom: 10px;
  float: left;
  width: 50%;
  position: absolute;
  left: 400px;
  top: 10px;
}
#footer .footer-container .abreudireto {
  background-image: url(../images/loja_online_contato.jpg);
  background-position: left top;
  display: block;
  height: 87px;
  width: 193px;
  float: right;
  position: absolute;
  top: auto;
  right: 10px;
}
/*SCROLL*/

.section {
  position: relative;
  width: 100%;
  height: 100%;
}
.section h1 {
  font-family: 'abraham_lincolnregular', serif;
  font-size: 50px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
}
.section h2 {
  font-family: 'abraham_lincolnregular', serif;
  font-size: 27px;
  margin-bottom: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ac7cab;
  padding-bottom: 20px;
  text-transform: capitalize;
}
.credito {
  color: #3CF;
  padding: 5px;
  font-size: 14px;
}
a.info {
  background-image: url(../images/info.png);
  background-position: left top;
  height: 29px;
  width: 76px;
  position: absolute;
  z-index: 99999;
  right: 66px;
  bottom: 137px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  -webkit-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  -moz-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  -o-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
}
a.reserve {
  background-image: url(../images/reserve.png);
  background-position: left top;
  height: 29px;
  width: 137px;
  position: absolute;
  z-index: 99999;
  right: 5px;
  text-indent: -9999px;
  bottom: 103px;
  -webkit-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  -moz-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  -o-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
  background-repeat: no-repeat;
}
.caracter {
  font-family: 'onyxregular', sans-serif;
  font-weight: normal;
}
a.info:hover, a.reserve:hover {
  padding-right:2px;
}

/* FONTES */
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@font-face {
  font-family: 'onyxregular';
  src: url('../fonts/onyx-webfont.eot');
  src: url('../fonts/onyx-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/onyx-webfont.woff') format('woff'),  url('../fonts/onyx-webfont.ttf') format('truetype'),  url('../fonts/onyx-webfont.svg#onyxregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'abraham_lincolnregular';
  src: url('../fonts/abrahamlincoln-webfont.eot');
  src: url('../fonts/abrahamlincoln-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/abrahamlincoln-webfont.woff') format('woff'),  url('../fonts/abrahamlincoln-webfont.ttf') format('truetype'),  url('../fonts/abrahamlincoln-webfont.svg#abraham_lincolnregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
 @media only screen and (max-width: 1024px) {
#capa {
  top:35%;
}
.box {
  padding: 20px;
  width: 436px;
  position: absolute;
  bottom: 87px;
  color: #FFF;
  background-image: url(../images/bgTransparente.png);
  z-index: 9999;
  left: 279px;
}
.preco {
  width: 144px;
  text-align: right;
  background-image: url(../images/bgTransparente.png);
  color: #FFFFFF;
  height: 54px;
  position: absolute;
  right: 0px;
  bottom: 197px;
  z-index: 9999;
  padding-top: 5px;
  padding-right: 23px;
  padding-bottom: 20px;
  padding-left: 23px;
}
a.info {
  background-image: url(../images/info.png);
  background-position: left top;
  height: 29px;
  width: 76px;
  position: absolute;
  z-index: 99999;
  right: 112px;
  bottom: 137px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  -webkit-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  -moz-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  -o-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
a.reserve {
  background-image: url(../images/reserve.png);
  background-position: left top;
  height: 29px;
  width: 137px;
  position: absolute;
  z-index: 99999;
  right: 51px;
  text-indent: -9999px;
  bottom: 103px;
  -webkit-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  -moz-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  -o-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  background-repeat: no-repeat;
}
#footer {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 999;
  background-color: #FFFFFF;
  height: 87px;
  width: 100%;
  background-position: left top;
  background-repeat: no-repeat;
}
#footer img {
  float: left;
}
#footer .footer-container p {
  font-size: 8px;
  text-shadow: 0px 0px 1px rgba(51, 51, 51, 0.5);
  color: rgb(102, 102, 102);
  padding-top: 15px;
  padding-bottom: 10px;
  float: left;
  width: 40%;
  position: absolute;
  left: 400px;
  top: 10px;
}
#footer .abreudireto {
  background-image: url(../images/loja_online_contato.jpg);
  background-position: left top;
  display: block;
  height: 87px;
  width: 193px;
  float: right;
}
}
 @media only screen and (max-width: 768px) {
#capa {
  top:35%;
}
.box {
  left: 20px;
  bottom: 137px;
}
.preco {
  width: 144px;
  text-align: right;
  background-image: url("../images/bgTransparente.png");
  color: rgb(255, 255, 255);
  height: 54px;
  position: absolute;
  right: 0px;
  bottom: 240px;
  z-index: 9999;
  padding: 5px 23px 20px;
}
a.info {
  background-image: url("../images/info.png");
  background-position: left top;
  height: 29px;
  width: 76px;
  position: absolute;
  z-index: 99999;
  right: 112px;
  bottom: 182px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
a.reserve {
  background-image: url("../images/reserve.png");
  background-position: left top;
  height: 29px;
  width: 137px;
  position: absolute;
  z-index: 99999;
  right: 51px;
  text-indent: -9999px;
  bottom: 148px;
  transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
  background-repeat: no-repeat;
}
#footer {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 999;
  background-color: rgb(255, 255, 255);
  height: 137px;
  width: 100%;
  background-position: left top;
  background-repeat: no-repeat;
}
#footer .footer-container p {
  font-size: 9px;
  text-shadow: 0px 0px 1px rgba(51, 51, 51, 0.5);
  color: rgb(102, 102, 102);
  padding-top: 15px;
  padding-bottom: 10px;
  float: left;
  position: absolute;
  top: 69px;
  left: 20px;
  width: 95%;
}
}
