/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {
font-family: 'Lato', sans-serif;
}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style placeholders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/* let's give blockquotes *some* default styling, because unstyled blockquotes are dangerous */
blockquote {padding: 16px; background: #eee;}

header {
  background: url(../img/header-bg.png) #EE4136 no-repeat 0px -35px;
  max-height: 495px;
  padding-top: 50px;
  display: inline-block;
  width: 100%;
}

nav {
  display: inline-block;
  float: right;
}

nav li {
  float: left;
  margin-left: 30px;
  font-size: 20px;
}

nav li p {
  color: #ffffff;
  text-decoration: none;
  font-weight: 300;
}

nav li p:hover {
  color: #ffffff;
  cursor: pointer;
}

nav li:first-child {
  display: none;
  font-size: 50px;
}

footer {
  min-height: 440px;
  background-color: #EE4136;
}

.align_right {
  text-align: right;
}

.wrapper {
  width: 1180px;
  margin: 0 auto;
}

.logo-area {
  float: left;
  display: inline-block;
}

.logo {
  width: 142px;
  height: 41px;
  display: inline-block;
  pointer-events: none;
}

.header-art {
  margin-top: -35px;
  position: relative;
  float: left;
}

.call_header {
  z-index: 3;
  position: relative;
}

.header-topics {
  background-color: #D93329;
  min-height: 200px;
  z-index: 2;
  position: relative;
  margin-top: -3px;
}

.header_topic {
  width: 360px;
  padding-right: 75px;
  padding-top: 60px;
  float: left;
  margin-right: 30px;
  padding-left: 60px;
}

.header_topic:last-child {
  background: #EE4136;
  height: 200px;
}

.header_topic p {
  font-size: 20px;
  color: #ffffff;
}

.highlights {
  min-height: 550px;
  z-index: 1;
  overflow: hidden;
}

.highlights img {
  float: right;
  top: -60px;
  position: relative;
  margin-bottom: -60px;
  margin-left: -120px;
  margin-right: -80px;
}

.highlights p.call_highlight {
  width: 280px;
  color: #D93329;
  font-size: 40px;
  top: 150px;
  position: relative;
}

.highlights p.button_call_highlight {
  background: url(../img/right_arrow_only.png) #D93329 no-repeat 145px center;
  display: inline-block;
  color: #ffffff;
  padding: 16px 40px 16px 25px;
  border-radius: 53px;
  font-size: 12px;
  cursor: pointer;
  float: left;
  clear: left;
  position: relative;
  top: 150px;
  margin-top: 20px;
}

.wrapper_specs {
  width: 950px;
  margin: 0 auto;
}

.specs {
  min-height: 240px;
}

.box_specs {
  float: left;
  width: 180px;
  margin-right: 10px;
  background: #D93329;
  border-radius: 25px;
}

.box_specs p {
  color: #ffffff;
  width: 150px;
  margin: 0 auto;
}

#map {
  min-height: 350px;
}

.call_footer {
  color: #ffffff;
  font-size: 31px;
  margin-left: 25px;
  margin-bottom: 15px;
  display: inline-block;
}

.contato_form {
  width: 735px;
  min-height: 350px;
  padding-top: 60px;
}

input, textarea {
  background-color: #D93329;
  border: 0;
  font-size: 12px;
  font-family: 'Lato', sans-serif;
  color: #ffffff;
  border-radius: 25px;
  padding: 15px;
  margin: 15px;
  outline: none;
  resize: none;
}

textarea {
  width: 350px;
  height: 120px;
}

input[name="nome"], input[name="email"] {
  width: 320px;
}

input[name="telefone"] {
  float: left;
  margin-right: -10px;
}

input.btn_enviar {
  background: url(../img/enviar.png) no-repeat 17px 16px;
  float: right;
  width: 100px;
}

input.btn_enviar:hover {
  background: url(../img/enviar.png) #D93329 no-repeat 17px 16px;
  float: right;
  width: 100px;
}

div.align_left {
  float: left;
  width: 350px;
}

.bloco_chamada_botao {
    width: 500px;
    float: right;
}

.text_call_header {
  font-size: 30px;
  font-weight: 300;
  color: #ffffff;
  margin-top: 110px;
}

.button_call_header {
  background: url(../img/down_arrow.png) #D93329 no-repeat 25px center;
  display: inline-block;
  color: #ffffff;
  padding: 20px 20px 20px 80px;
  border-radius: 53px;
  font-size: 12px;
  margin-top: 100px;
  cursor: pointer;
}

.g-recaptcha {
  margin-left: 40px;
  display: inline-block;
}

/* Media queries
-------------------------------------------------------------------------------*/
@media screen and (max-width: 1200px) {

  nav {
    position: absolute;
    right: 0;
    padding-right: 85px;
    z-index: 5;
  }

  nav li:first-child {
    display: block;
  }

  nav li:not(:first-child) {
    display: none;
  }

  nav.responsive {
    position: absolute;
    right: 0;
    padding-right: 30px;
    background: #da332a;
    padding-bottom: 45px;
    padding-left: 5px;
  }

  .responsive li {
    float: none;
    text-align: right;
    font-size: 45px;
  }

 .responsive li:not(:first-child) {
   display: block;
 }

  .wrapper {
    width: 920px;
  }
}

@media screen and (max-width: 992px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 576px) {
  .wrapper {
    width: 360px;
  }

  nav {
      padding-right: 30px;
    }
  .contato_form{
    width: 350px;
    margin-left: -10px;
  }
  footer {
    min-height: 650px;
  }
  .specs {
    display: inline-block;
    width: 360px;
  }
  .wrapper_specs {
    width: 380px;
  }
  .box_specs {
    margin: 0px;
  }
  textarea {
    width: 325px;
  }
}
@media screen and (max-width: 360px) {
  .wrapper {
    width: 80%;
  }
  .wrapper_specs{
    width: 100%;
  }
  .header_topic {
    display: none;
  }
  .box_specs {
    margin-right: 0px;
  }
  footer {
    min-height: 690px;
  }
  .contato_form {
    margin-left: -28px;
  }
  textarea {
    width: 320px;
  }
  .g-recaptcha {
    margin-left: 25px;
  }
  input[name="telefone"] {
    margin-right: -13px;
  }
}

/* Print styles
-------------------------------------------------------------------------------*/
@media print {



}