/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/
/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/
body {
  min-width: 960px; }

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px; }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px; }

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
  position: relative; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
  margin-left: 0; }

.omega {
  margin-right: 0; }

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
  width: 60px; }

.container_12 .grid_2 {
  width: 140px; }

.container_12 .grid_3 {
  width: 220px; }

.container_12 .grid_4 {
  width: 300px; }

.container_12 .grid_5 {
  width: 380px; }

.container_12 .grid_6 {
  width: 460px; }

.container_12 .grid_7 {
  width: 540px; }

.container_12 .grid_8 {
  width: 620px; }

.container_12 .grid_9 {
  width: 700px; }

.container_12 .grid_10 {
  width: 780px; }

.container_12 .grid_11 {
  width: 860px; }

.container_12 .grid_12 {
  width: 940px; }

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
  padding-left: 80px; }

.container_12 .prefix_2 {
  padding-left: 160px; }

.container_12 .prefix_3 {
  padding-left: 240px; }

.container_12 .prefix_4 {
  padding-left: 320px; }

.container_12 .prefix_5 {
  padding-left: 400px; }

.container_12 .prefix_6 {
  padding-left: 480px; }

.container_12 .prefix_7 {
  padding-left: 560px; }

.container_12 .prefix_8 {
  padding-left: 640px; }

.container_12 .prefix_9 {
  padding-left: 720px; }

.container_12 .prefix_10 {
  padding-left: 800px; }

.container_12 .prefix_11 {
  padding-left: 880px; }

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
  padding-right: 80px; }

.container_12 .suffix_2 {
  padding-right: 160px; }

.container_12 .suffix_3 {
  padding-right: 240px; }

.container_12 .suffix_4 {
  padding-right: 320px; }

.container_12 .suffix_5 {
  padding-right: 400px; }

.container_12 .suffix_6 {
  padding-right: 480px; }

.container_12 .suffix_7 {
  padding-right: 560px; }

.container_12 .suffix_8 {
  padding-right: 640px; }

.container_12 .suffix_9 {
  padding-right: 720px; }

.container_12 .suffix_10 {
  padding-right: 800px; }

.container_12 .suffix_11 {
  padding-right: 880px; }

/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
  left: 80px; }

.container_12 .push_2 {
  left: 160px; }

.container_12 .push_3 {
  left: 240px; }

.container_12 .push_4 {
  left: 320px; }

.container_12 .push_5 {
  left: 400px; }

.container_12 .push_6 {
  left: 480px; }

.container_12 .push_7 {
  left: 560px; }

.container_12 .push_8 {
  left: 640px; }

.container_12 .push_9 {
  left: 720px; }

.container_12 .push_10 {
  left: 800px; }

.container_12 .push_11 {
  left: 880px; }

/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
  left: -80px; }

.container_12 .pull_2 {
  left: -160px; }

.container_12 .pull_3 {
  left: -240px; }

.container_12 .pull_4 {
  left: -320px; }

.container_12 .pull_5 {
  left: -400px; }

.container_12 .pull_6 {
  left: -480px; }

.container_12 .pull_7 {
  left: -560px; }

.container_12 .pull_8 {
  left: -640px; }

.container_12 .pull_9 {
  left: -720px; }

.container_12 .pull_10 {
  left: -800px; }

.container_12 .pull_11 {
  left: -880px; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.clearfix:after {
  clear: both; }

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
  zoom: 1; }

* {
  margin: 0;
  padding: 0; }

body {
  background: #ebebeb url(../img/bg_geral.gif) repeat-x 0 102px;
  border-top: 2px solid #006593;
  font: 11px Verdana, Tahoma, Geneva, sans-serif; }
  body.internas {
    background: #ebebeb url(../img/bg_internas.gif) repeat-x 0 102px; }

h1, h2 {
  display: block;
  text-indent: -9000px; }

p {
  color: #5e5e5e;
  line-height: 18px;
  margin-bottom: 15px; }

#logotipo {
  height: 77px;
  margin-top: 17px; }

#telefone_top {
  height: 29px; }
  #telefone_top span.tel {
    background: #006593;
    color: #ececec;
    display: block;
    font-size: 12px;
    height: 24px;
    padding-top: 5px;
    text-align: center;
    width: 241px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px; }

#menu {
  height: 33px;
  margin-top: 13px; }
  #menu ul {
    list-style-type: none; }
  #menu li a {
    background: url(../img/menu.gif) no-repeat;
    display: block;
    float: left;
    height: 33px;
    text-indent: -9000px; }
  #menu li#bt_inicial a {
    background-position: 0 0;
    width: 118px; }
  #menu li#bt_inicial.active a {
    background-position: 0 -33px; }
  #menu li#bt_remocoes a {
    background-position: -118px 0;
    width: 102px; }
  #menu li#bt_remocoes.active a {
    background-position: -118px -33px; }
  #menu li#bt_eventos a {
    background-position: -220px 0;
    width: 202px; }
  #menu li#bt_eventos.active a {
    background-position: -220px -33px; }
  #menu li#bt_fale a {
    background-position: -422px 0;
    width: 119px; }
  #menu li#bt_fale.active a {
    background-position: -422px -33px; }

#banner {
  background: url(../img/banner_bg.jpg) no-repeat;
  height: 327px;
  padding-top: 27px;
  margin-bottom: 30px;
  margin-top: 6px; }
  #banner p {
    color: #e4e4e4;
    text-shadow: 1px 1px #002d4b; }

#h1_remocoes_medicas {
  background: url(../img/h1_remocoes_medicas.png) no-repeat;
  height: 54px;
  margin-bottom: 5px; }

#banner_foto {
  margin-top: 15px; }

#h2_bem_vindo {
  background: url(../img/h2_bem_vindo.gif) no-repeat;
  height: 31px;
  margin-bottom: 15px; }

ul#box_eventos {
  background: url(../img/box_eventos_bg.gif) no-repeat;
  display: block;
  height: 106px;
  list-style-image: url(../img/list_point.png);
  margin: 0 0 0 60px;
  padding: 45px 0 0 30px;
  width: 290px; }
  ul#box_eventos li {
    color: #5d5d5d;
    margin: 0 0 7px 0; }

#central_atendimento {
  margin-top: 40px; }
  #central_atendimento .wrapper {
    background: radial-gradient(circle, #d9d9d9 33%, #b8b9b8 100%);
    border-radius: 5px;
    text-align: center;
    padding: 10px; }
    #central_atendimento .wrapper h3 {
      color: #990000;
      font-family: "Ubuntu", sans-serif;
      font-size: 18px;
      margin-bottom: 10px; }
    #central_atendimento .wrapper a {
      color: #990000;
      font-family: "Ubuntu", sans-serif;
      font-size: 24px;
      font-weight: 800;
      text-decoration: none; }
    #central_atendimento .wrapper .contact-list {
      display: flex;
      list-style-type: none;
      justify-content: center;
      padding: 0; }
      #central_atendimento .wrapper .contact-list .contact {
        padding: 0 10px; }

#rodape {
  border-top: 1px solid #c0c0c0;
  float: left;
  margin: 30px 0 0 0;
  padding: 10px 0 0 0;
  width: 100%; }
  #rodape p {
    color: #737373; }
    #rodape p a {
      color: #737373; }

h1#h1_remocoes {
  background: url(../img/h1_remocoes.png) no-repeat;
  height: 31px;
  margin-bottom: 35px;
  margin-top: 22px; }

h1#h1_fale_conosco {
  background: url(../img/h1_fale_conosco.png) no-repeat;
  height: 31px;
  margin-bottom: 35px;
  margin-top: 22px; }

h1#h1_ambulancias_eventos {
  background: url(../img/h1_ambulancias_eventos.png) no-repeat;
  height: 31px;
  margin-bottom: 35px;
  margin-top: 22px; }

*:focus {
  outline: none; }

form label.error {
  color: #990000;
  display: block;
  margin-left: 15px; }

form input {
  background: url(../img/bg_input.gif) no-repeat;
  border: none;
  font: 11px Verdana, Tahoma, Geneva, sans-serif;
  height: 29px;
  padding: 4px 14px;
  width: 236px; }

form textarea {
  background: url(../img/bg_input.gif) no-repeat;
  border: none;
  font: 11px Verdana, Tahoma, Geneva, sans-serif;
  height: 29px;
  padding: 4px 14px;
  width: 236px; }

form textarea {
  background: url(../img/bg_textarea.gif) no-repeat;
  height: 136px;
  padding: 10px 14px;
  width: 360px; }

#bt_enviar_mensagem {
  background: url(../img/bt_enviar_mensagem.gif) no-repeat;
  height: 33px;
  text-indent: -9000px;
  width: 159px; }

@keyframes whatsapp-animation {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  100% {
    opacity: 1;
    transform: scale(1); } }

.whatsapp {
  bottom: 3rem;
  position: fixed;
  right: 3rem;
  z-index: 999; }
  .whatsapp .btn-whatsapp {
    align-items: center;
    background-color: #61D466;
    background-image: linear-gradient(to bottom, #61D466 0%, #52B43E 100%);
    border-radius: 50%;
    color: white;
    display: flex;
    justify-content: center;
    height: 4rem;
    position: relative;
    text-decoration: none;
    width: 4rem;
    z-index: 1; }
    .whatsapp .btn-whatsapp span {
      font-size: 2.5rem; }
    .whatsapp .btn-whatsapp::before, .whatsapp .btn-whatsapp::after {
      background-image: linear-gradient(180deg, rgba(7, 94, 84, 0.2) 0%, rgba(18, 140, 126, 0.2) 100%);
      content: '';
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 5rem;
      height: 5rem;
      z-index: -1;
      margin-left: -2.5rem;
      margin-top: -2.5rem;
      transform-origin: 50% 50%;
      animation-duration: 1.2s;
      animation-iteration-count: infinite;
      animation-direction: alternate-reverse;
      animation-name: whatsapp-animation;
      animation-delay: .2s;
      animation-timing-function: ease-out; }
    .whatsapp .btn-whatsapp::after {
      animation-delay: .6s;
      animation-timing-function: ease-in; }

/* =========================
   RESPONSIVO MOBILE
========================= */

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

  body {
    min-width: 100%;
  }

  .container_12 {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }

  /* todas as grids viram bloco */
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12 {
    width: 100% !important;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }

  /* remove empurrões do grid antigo */
  [class*="push_"],
  [class*="pull_"] {
    left: 0 !important;
  }

  /* imagens responsivas */
  img {
    max-width: 100%;
    height: auto;
  }

  /* banner ajustável */
  #banner {
    background-size: cover;
    height: auto;
    padding: 20px 10px;
  }

  /* menu empilhado */
  #menu li a {
    float: none;
    width: 100% !important;
    background-size: cover;
  }

  /* formulário */
  form input,
  form textarea {
    width: 100%;
    box-sizing: border-box;
  }

  /* whatsapp menor no mobile */
  .whatsapp {
    right: 1rem;
    bottom: 1rem;
  }
}

@media (max-width: 768px){

#centraliza{
    width: 100% !important;
    margin: 0 !important;
}

.container_12{
    width: 100% !important;
}

img{
    max-width:100%;
    height:auto;
}

}