@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  border-radius: none; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  font-size: 15px;
  font-family: "Open Sans", sans-serif; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

i{
  font-style: italic;
}

.lock{
  padding-left:0;
  padding-right:0;
}

table {
  border-collapse: collapse;
  border-spacing: 0; }

a, a:hover, a:active, a:focus {
  text-decoration: none;
  color: #603813; }

b {
  font-weight: 600; }

h1 {
  font-size: 2.3em;
  font-weight: 800;
  color: #603813;
  padding: 50px 0 20px 0;
  border-bottom: 1px solid #603813;
  width: 100%;
  text-align: center; }

h2 {
  text-align: center;
  width: 100%;
  font-weight: 700;
  font-size: 1.78em;
  padding-bottom: 40px;
  color: #666666; }

h3 {
  font-size: 0.85em;
  font-weight: bolder;
  color: #603813;
  margin-top: 10px; }

h4 {
  font-size: 0.65em;
  font-weight: bolder;
  color: #603813;
  margin-top: 10px;
  width: 60%;
  text-align: left;
  padding: 7px 0;
  margin: auto;
  margin-bottom: 9px; }

p {
  color: #929292;
  font-size: 0.75em;
  margin: 10px 0 10px 0; }

.mobfix55_100{
width: 55% !important;
}


.wrapper {
  width: 85% !important;
  margin: 0 auto; }

.wrapper-home {
  width: 85% !important;
  margin: 0 auto; }

.ddd{
  height:500px !important;
}
.spd_lateral {
  position: absolute;
  transform: rotate(-90deg);
  width: 404px;
  height: 103px;
  top: 350px;
  left: -160px;
  background-color: white;
  z-index: 1;
  line-height: 5;
  text-align: center; }
  .spd_lateral a {
    font-size: 2em;
    text-align: center; }

.navbar {
  max-width: 1400px;
  margin: 20px auto;
  background-color: white;
  background-image: none !important;
  border: 0px;
  box-shadow: none !important; }

.dropdown {
  width: 130px;
  text-align: center;
  margin-left: 10px; }

.navbar-default .navbar-nav > .open > a {
  background-image: none !important;
  background-color: transparent !important;
  color: #603813 !important;
  box-shadow: none !important;
  font-weight: bolder; }

.dropdown-menu {
  min-width: 125px !important; }

.navbar-right .dropdown-menu {
  right: initial;
  left: auto; }

.navbar-form .form-group {
  position: relative; }

.navbar-form .form-group button {
  position: absolute;
  left: -36px;
  border-radius: 0px;
  background-color: #B6B6B6;
  outline: none !important; }

.navbar-form .form-group input {
  border-radius: 0px;
  background-color: #D0D0D0;
  outline: none !important; }

.social {
  float: left;
  padding: 0px;
  margin: 5px 2px; }

.langs {
  margin-top: 26px;
  margin-right: 10px;
  overflow: hidden; }

.langs li {
  float: left;
  padding: 0px;
  margin-left: 2px; }
  .langs li:after {
    content: "|"; }
  .langs li:last-child:after {
    content: " "; }

.langs li a {
  font-size: 0.7em;
  color: #231F20; }

.slick-slide {
  height: auto !important;
}

.hero {
  width: 100%;
  position: relative; }
  .hero img {
    width: 100%; }
  .hero .bullets {
    position: absolute;
    bottom: 20px;
    left: 48%;
    display: flex; }
    .hero .bullets button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 30px;
      height: 25px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent;
      background-image: url(../img/bullets-19.png);
      background-repeat: no-repeat; }
  .hero .slick-active {
    background-image: url(../img/bullets-18.png);
    background-repeat: no-repeat; }

.hero2 {
  width: 100%;
  position: relative; }
  .hero2 img {
    width: 100%; }
  .hero2 .bullets {
    position: absolute;
    bottom: 20px;
    left: 45%;
    display: flex; }
    .hero2 .bullets button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 30px;
      height: 23px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent;
      background-image: url(../img/bullets-19_old.png);
      background-repeat: no-repeat; } }
  .hero2 .slick-active {
    background-image: url(../img/bullets-18_old.png);
    background-repeat: no-repeat; }

.hero3 {
  width: 100%;
  position: relative; }
  .hero3 img {
    width: 100%; }
  .hero3 .bullets {
    position: absolute;
    bottom: 20px;
    left: 46%;
    display: flex; }
    .hero3 .bullets button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 30px;
      height: 25px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent;
      background-image: url(../img/bullets-19.png);
      background-repeat: no-repeat; }
  .hero3 .slick-active {
    background-image: url(../img/bullets-18.png);
    background-repeat: no-repeat; }

.news {
  width: 100%;
  height: auto;
  position: relative; }
  .news .grelha {
    overflow: hidden;
    width: 100%; }
    .news .grelha .grelha_elemento {
      width: 32%;
      display: block;
      position: relative;
      float: left;
      margin: 30px 2% 0 0;
      padding-bottom: 20px;
      border-bottom: 1px solid #603813; }
      .news .grelha .grelha_elemento:last-child {
        margin-right: 0px; }
      .news .grelha .grelha_elemento .grelha_texto {
        height: 60px; }
      .news .grelha .grelha_elemento img {
        width: 100%;
        padding-bottom: 10px;
        border-bottom: 1px solid #603813; }
      .news .grelha .grelha_elemento a {
        font-size: 0.65em;
        float: right; }
      
.videox {
  width: 100%;
  height: auto;
  position: relative; }
  .videox .grelha {
    overflow: hidden;
    width: 100%; }
    .videox .grelha .grelha_elemento {
      width: 32%;
      display: block;
      position: relative;
      float: left;
      margin: 30px 2% 0 0;
      padding-bottom: 20px;
     }
      .videox .grelha .grelha_elemento:last-child {
        margin-right: 0px; }
      .videox .grelha .grelha_elemento .grelha_texto {
        height: 60px; }
      .videox .grelha .grelha_elemento img {
        width: 100%;
        padding-bottom: 10px;
        border-bottom: 1px solid #603813; }
      .videox .grelha .grelha_elemento a {
        font-size: 0.65em;
        float: right; }
        .youvideo {
        width: 100%;
        padding-bottom: 10px;
        border-bottom: 1px solid #603813; 
      }

.btn-style{
  height: 180px !important;
  overflow: hidden !important;
}

.news-button-style{
  height: 345px !important;
}

.btn-news{
  background:none;
  border:none;
  display:flex;
  color: #603813;
  font-size: 1em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0px;
  padding-top: 0px;
  margin-top: 12px;
}

button:focus{
  outline:none !important;
}

.ver_catalogo{
    left: 43%;
    top: 59%;
    text-align: center;
}

.news {
  width: 100%;
  height: auto;
  position: relative; }
  .news .grelha {
    /*overflow: hidden;*/
    width: 100%; }
    .news .grelha .grelha_elemento_grupo {
      /*width: 18%;*/
      display: block;
      position: relative;
      /*float: left;*/
      /*margin: 30px 1% 0 1%;*/
      padding-bottom: 20px;
      /*border-bottom: 1px solid #603813;*/
      min-height: 375px !important;
      /*height: 345px !important;*/
       }
      .news .grelha .grelha_elemento_grupo:last-child {
        margin-right: 0px; }
      .news .grelha .grelha_elemento_grupo .grelha_texto {
        height: 100px; }
      .news .grelha .grelha_elemento_grupo img {
        width: 100%;
        /*max-height: 241px;*/
        padding-bottom: 10px;
        /*border-bottom: 1px solid #603813;*/ }
      .news .grelha .grelha_elemento_grupo a {
        font-size: 0.65em;
        float: right; }

.contactos {
  position: relative; }
  .contactos p {
    color: white; }
  .contactos .contactos_bloco {
    position: absolute;
    background-color: rgba(96, 56, 19, 0.5);
    top: 250px;
    left: 0;
    padding: 10px 30px;
    width: 250px; }
    .contactos .contactos_bloco .morada {
      float: left;
      display: block; }
      .contactos .contactos_bloco .morada div {
        float: left; }
      .contactos .contactos_bloco .morada img {
        width: 10%;
        float: left;
        margin: 10px 10px 0 0; }

.wrapper_texto {
  margin: auto;
  text-align: -webkit-center; }
  .wrapper_texto p {
    color: #666666;
    font-size: 1.05em;
    margin: 0;
    text-align: justify;
    letter-spacing: 1px;
    line-height: 22px; }
    .wrapper_texto p:first-child {
      margin-top: 30px; }
    .wrapper_texto p:last-child {
      margin-bottom: 30px; }
.wrapper_texto_extra{
  width:70%;
}
.bck_img_left {
  position: absolute;
  top: 210px;
  left: -146px; }

  .apresentacao_elementos .download_catalogo {
    position: absolute !important;
    bottom: 0px !important;
    left: -45% !important;
    width: 252px !important;
  }

.download_catalogo {
  width: 100%;
  margin: 50px 0 50px 0;
  text-align: center;}
  .download_catalogo .glyphicon-download-alt:before {
    font-size: 1.5em;
    position: absolute;
    top: -2px;
    color: #603813; }
  .download_catalogo a {
    margin-left: 30px;
    padding: 10px;
    background-color: rgba(96, 56, 19, 0.1);
    font-family: "Open Sans", sans-serif; }

.ver_catalogo {
  width: 100%;
  margin: 50px 0 50px 0;
  text-align: center; }
  .ver_catalogo .glyphicon-download-alt:before {
    font-size: 1.5em;
    position: absolute;
    top: -2px;
    color: #603813; }
  .ver_catalogo a {
    margin-left: 30px;
    padding: 10px;
    background-color: rgba(96, 56, 19, 0.1);
    font-family: initial; }

.cronologia {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: rgba(96, 56, 19, 0.1);
  margin-bottom: 30px;
  padding-bottom: 90px; }
  .cronologia .linha_crono {
    position: absolute;
    top: 0;
    left: 50%; }
  .cronologia p {
    color: #666666; }
  .cronologia .crono_texto_dir {
    width: 48%;
    float: right;
    display: block;
    text-align: left;
    margin-left: 40%;
    padding-right: 50px; }
    .cronologia .crono_texto_dir h1 {
      text-align: left;
      font-weight: 600; }
      .cronologia .crono_texto_dir h1 img {
        position: relative;
        top: 8px;
        left: -10px; }
    .cronologia .crono_texto_dir a {
      font-size: 0.8em; }
  .cronologia .crono_texto_esq {
    width: 48%;
    float: left;
    display: block;
    text-align: right;
    padding-left: 50px; }
    .cronologia .crono_texto_esq h1 {
      text-align: right;
      font-weight: 600; }
      .cronologia .crono_texto_esq h1 img {
        position: relative;
        top: 8px;
        right: -10px; }
    .cronologia .crono_texto_esq a {
      font-size: 0.8em; }

.wrapper_2 {
  width: 70% !important;
  margin: 0 auto;
  overflow: hidden; }

.apresentacao_elementos {
  width: 100%;
  height: auto;
  background-color: rgba(96, 56, 19, 0.1);
  margin: 30px auto;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden; }
  .apresentacao_elementos .grelha_texto {
    height: auto !important;
    border-top: 1px solid #603813; }
  .apresentacao_elementos .calendarios {
    width: 33.3%;
    float: left;
    display: block;
    margin-top: 30px; }
  .apresentacao_elementos span {
    position: absolute;
    background-color: white;
    color: #603813;
    height: auto;
    width: 35%;
    top: 30px;
    left: 0px;
    z-index: 100000;
    overflow: hidden;
    box-shadow: 5px 2px 5px #888888; }
    .apresentacao_elementos span ul {
      overflow: hidden;
      margin: 11px 30px 11px 47px; }
      .apresentacao_elementos span ul .regranulado {
        font-weight: 200; }
      .apresentacao_elementos span ul .aglomerado {
        font-weight: 600; }
      .apresentacao_elementos span ul .blackcork {
        font-weight: 200; }
      .apresentacao_elementos span ul .corkwave {
        font-weight: 200; }
      .apresentacao_elementos span ul li {
        padding: 10px 0;
        cursor: pointer;
        font-size: 1.3em;
        border-bottom: 1px solid #603813; }
        .apresentacao_elementos span ul li:last-child {
          border-bottom: none; }
  .apresentacao_elementos .download_catalogo {
    position: absolute;
    bottom: 53px;
    left: 110px;
    width: 252px; }
    .apresentacao_elementos .download_catalogo span {
      background-color: transparent !important; }
      .apresentacao_elementos .download_catalogo span a {
        background-color: transparent !important;
        font-size: 1em;
        font-family: "Open Sans", sans-serif; }
  .apresentacao_elementos .texto1, .apresentacao_elementos .texto2, .apresentacao_elementos .texto3, .apresentacao_elementos .texto4, .apresentacao_elementos .texto5, .apresentacao_elementos .texto6, .apresentacao_elementos .texto7, .apresentacao_elementos .texto8, .apresentacao_elementos .texto9, .apresentacao_elementos .texto10, .apresentacao_elementos .texto11, .apresentacao_elementos .texto12 {
    width: 50%;
    display: block;
    margin: 0 auto;
    padding: 15px 0 0 15%;
    position: relative; }
  .apresentacao_elementos p {
    font-size: 1.1em;
    line-height: 20px; }
  .apresentacao_elementos img {
    border-bottom: 0px !important;
    width: auto !important;
    padding-bottom: 13px;
    align-items: center;
    justify-content: center;
    display: block;
    margin: 0 auto; }
  .apresentacao_elementos .folha {
    position: absolute;
    top: -77px;
    left: 7px; }
  .apresentacao_elementos .arvore {
    position: absolute;
    bottom: -83px;
    right: 143px; }
  .apresentacao_elementos .bloco {
    width: 47%;
    display: block;
    margin: 0 auto;
    float: left; }
    .apresentacao_elementos .bloco:first-child {
      margin-right: 5%; }
    .apresentacao_elementos .bloco h2 {
      font-weight: 300;
      font-size: 1.2em;
      border-bottom: 1px solid #603813;
      text-align: left;
      padding-bottom: 20px;
      margin-top: 20px;
      color: #603813; }
    .apresentacao_elementos .bloco p {
      font-size: 1em; }

      .wido{
        width: 70% !important;
      }
.ttt{
  font-size: 1em;
        font-family: "Open Sans", sans-serif;
}
.glyphicon-download-alt:before {
    font-size: 1.5em;
    position: absolute;
    top: 2px;
    left: 4px;
    color: #603813;
}
#design {
  padding-bottom: 40px; }
  #design .texto1, #design .texto2, #design .texto3, #design .texto4 {
    padding-bottom: 90px; }
  #design .download_catalogo {
    position: absolute;
    bottom: 13px;
    left: 60%;
    width: 252px; }
    #design .download_catalogo span {
      background-color: transparent !important; }
      #design .download_catalogo span a {
        background-color: transparent !important;
        font-size: 1em;
        font-family: "Open Sans", sans-serif; }
  #design .ver_catalogo {
    position: absolute;
    bottom: 13px;
    left: 30%;
    width: 252px; }
    #design .ver_catalogo span {
      background-color: transparent !important;
      font-size: 1.5em; }
      #design .ver_catalogo span a {
        background-color: transparent !important;
        font-size: 0.7em;
        top: -7px;
        left: -20px;
        position: relative;
        font-family: "Open Sans", sans-serif; }
  #design .design_class {
    width: 30%;
    box-shadow: 10px 3px 10px #888888; }
    #design .design_class ul li {
      height: 50px; }

.video {
  margin: 30px 0px;
  position: relative; }
  .video h1 {
    display: block;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.5);
    width: 22%;
    padding: 20px;
    top: 42%;
    left: 40%;
    border-bottom: 0;
    cursor: pointer; }

.bullets1 {
  overflow: hidden;
  text-align: center;
  margin: auto;
  display: block;
  justify-content: center;
  width: 75%; }
  .bullets1 .bloco {
    width: auto;
    display: block;
    margin: 70px 0px 0 0;
    float: left;
    text-align: center; }
    .bullets1 .bloco:nth-child(2) {
      margin: 70px 41% 0 41% !important; }

.sustentabilidade {
  width: 100%;
  height: auto;
  border-top: 6px solid #603813;
  margin: 30px auto;
  padding: 40px 0;
  position: relative;
  overflow: hidden; }
  .sustentabilidade .grelha_texto {
    height: auto !important;
    border-top: 1px solid #603813; }
  .sustentabilidade .bloco {
    /*width: 26%;
    display: block;
    margin: 0 3.6%;
    float: left;*/ }
    .sustentabilidade .bloco h2 {
      font-weight: 300;
      font-size: 1em;
      border-bottom: 1px solid #603813;
      text-align: left;
      padding-bottom: 20px;
      margin-top: 20px;
      color: #603813; }
    .sustentabilidade .bloco p {
      font-size: 1em; }
    .sustentabilidade .bloco a {
      float: right; }

.centro-2 {
  width: 50% !important;
  margin: 0 auto !important; }

.fit {
  width: 30% !important; }

.obras ul li {
  border: 0 !important;
  text-align: center !important; }

.saber_mais {
  background-color: rgba(96, 56, 19, 0.1);
  padding: 5px;
  text-align: center; }
  .saber_mais div {
    width: 40%;
    overflow: hidden;
    margin: auto;
    padding-left: 11px; }
  .saber_mais a {
    float: left;
    display: block; }
    .saber_mais a:last-child {
      float: right; }

.grelha_grande {
  width: 33.3%;
  display: block;
  float: left;
  position: relative; }
  .grelha_grande img {
    /* width: 100%;*/
    width: 400px !important;
    height: 400px !important; }
  .grelha_grande .grelha_texto {
    position: absolute;
    width: 100%;
    height: 130px;
    bottom: 2px;
    padding: 10px 15% 0 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8); }
    .grelha_grande .grelha_texto h3 {
      font-size: 1.35em;
      width: 95%;
      font-weight: 300;
      color: #603813;
      margin-top: 50px;
      border-bottom: 1px solid #603813; }
    .grelha_grande .grelha_texto p {
      font-size: 1em; }

.download {
  width: 20%;
  display: block;
  float: left;
  text-align: center;
  margin: 60px auto; }
  .download h3, .download img {
    cursor: pointer; }

.i1, .i2, .i3, .i4, .i5, .i6, .i7, .i8, .i9, .i10, .i11, .i12, .i13, .i14, .i15 {
  display: none; }

.i1 {
  display: block; }

.link1 {
    position: absolute;
    display: block;
    border: 1px solid red;
    top: 78%;
    left: 34%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link2 {
      position: absolute;
    display: block;
    border: 1px solid red;
    top: 66%;
    left: 40%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link3 {
        position: absolute;
    display: block;
    border: 1px solid red;
    top: 50%;
    left: 46%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link4 {
     position: absolute;
    display: block;
    border: 1px solid red;
    top: 40%;
    left: 53%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link5 {
     position: absolute;
    display: block;
    border: 1px solid red;
    top: 95%;
    left: 47%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link6 {
     position: absolute;
    display: block;
    border: 1px solid red;
    top: 104%;
    left: 53%;
    width: 67px;
    height: 93px;
    cursor: pointer;
     }

.link7 {
      position: absolute;
    display: block;
    border: 1px solid red;
    top: 69%;
    left: 72%;
    width: 67px;
    height: 93px;
    cursor: pointer;
}

.link8 {
   position: absolute;
    display: block;
    border: 1px solid red;
    top: 65%;
    left: 49%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link9 {
      position: absolute;
    display: block;
    border: 1px solid red;
    top: 81%;
    left: 52%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link10 {
       position: absolute;
    display: block;
    border: 1px solid red;
    top: 55%;
    left: 62%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link11 {
   position: absolute;
    display: block;
    border: 1px solid red;
    top: 32%;
    left: 65%;
    width: 67px;
    height: 93px;
    cursor: pointer;
}

.link12 {
        position: absolute;
    display: block;
    border: 1px solid red;
    top: 66%;
    left: 65%;
    width: 67px;
    height: 93px;
    cursor: pointer;
 }

.link13 {
        position: absolute;
    display: block;
    border: 1px solid red;
    top: 110%;
    left: 78%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link14 {
       position: absolute;
    display: block;
    border: 1px solid red;
    top: 114%;
    left: 84%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link15 {
    position: absolute;
    display: block;
    border: 1px solid red;
    top: 94%;
    left: 57%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.pos_img {
  width: 15%;
    height: 15%;
    position: absolute;
    background-color: rgba(96, 56, 19, 0.9);
    top: 50%;
    left: 20%;
    color: white; }
  .pos_img h3 {
    color: white;
    border-bottom: 1px solid white;
    margin-left: 10px;
    margin-top: 10%;
    width: 90%; }
  .pos_img p {
    color: white;
    margin-left: 10px; }

.pecas {
  width: 100%;
  margin: 100px 0 50px 0; }
  .pecas .grelha-3 {
    width: 80%;
    margin: 0 auto; }
    .pecas .grelha-3 ul {
      overflow: hidden; }
      .pecas .grelha-3 ul li {
        width: 33.3%;
        float: left;
        display: block;
        text-align: center; }
        .pecas .grelha-3 ul li span {
          position: absolute;
          left: -107px;
          top: 3px;
          font-size: large; }
        .pecas .grelha-3 ul li h4 {
          background-color: rgba(96, 56, 19, 0.1);
          padding-left: 8.5%; }
          .pecas .grelha-3 ul li h4:nth-child(2n) {
            background-color: transparent;
            padding-left: 0; }
        .pecas .grelha-3 ul li a {
          position: relative; }
          .pecas .grelha-3 ul li a h4 {
            background-color: rgba(96, 56, 19, 0.1) !important;
            margin-left: 28.5% !important;
            width: 51%; }
           .pecas .grelha-3 img {
            width: 238px !important;
            height: 184px !important;
            }

footer {
  border-top: 1px solid #603813;
  margin: 0 50px; }
  footer .footer_left {
    float: left;
    width: 50%;
    margin-top: 54px; }
    footer .footer_left li {
      width: 100%; }
  footer .footer_right {
    float: left;
    width: 46.5%;
    background-color: rgba(96, 56, 19, 0.5);
    padding-top: 30px;
    margin-top: 40px;
    position: relative; }
    footer .footer_right::after {
      position: absolute;
      content: "";
      background-color: rgba(96, 56, 19, 0.5);
      width: 50px;
      top: 0;
      right: -50px;
      z-index: 1000;
      overflow: visible;
      height: 77px; }
    footer .footer_right .form-group button {
      padding: 1px 6px;
      background-color: white;
      left: -27px; }
    footer .footer_right .form-group input {
      height: 24px;
      font-size: small; }
      footer .footer_right .form-group input:focus:active {
        outline: none !important; }
    footer .footer_right p {
      font-size: x-small;
      text-align: end;
      padding-right: 300px;
      margin-top: 18px;
      color: white; }

.popup-parcerias .bx-viewport{
  width: 1090px !important;
  height: 700px !important;
}

.popup-parcerias .bx-wrapper .bx-controls-direction a{
  width: 50px;
  height: 50px;
}

.popup-parcerias .bx-wrapper .bx-controls-direction .bx-prev{
  background: url("../img/slider-prev.png") no-repeat;
  left: 0;
}

.popup-parcerias .bx-wrapper .bx-controls-direction .bx-next{
  background: url("../img/slider-next.png") no-repeat;
}

.popup-parcerias .bx-wrapper .bx-pager{
  display:none;
}

.popup-obras .bx-viewport{
  width: 1000px !important;
  height: 700px !important;
}

.popup-obras .bx-wrapper .bx-controls-direction a{
  width: 50px;
  height: 50px;
}

.popup-obras .bx-wrapper .bx-controls-direction .bx-prev{
  background: url("../img/slider-prev.png") no-repeat;
  left: 0;
}

.popup-obras .bx-wrapper .bx-controls-direction .bx-next{
  background: url("../img/slider-next.png") no-repeat;
}

.popup-obras .bx-wrapper .bx-pager{
  display:none;
}

@media only screen and (min-width: 1601px) {

  .link1 {
    position: absolute;
    display: block;
    border: 1px solid white;
    top: 85%;
    left: 34%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link2 {
      position: absolute;
    display: block;
    border: 1px solid white;
    top: 73%;
    left: 40%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link3 {
        position: absolute;
    display: block;
    border: 1px solid white;
    top: 56%;
    left: 46%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link4 {
     position: absolute;
    display: block;
    border: 1px solid white;
    top: 45%;
    left: 53%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link5 {
     position: absolute;
    display: block;
    border: 1px solid white;
    top: 105%;
    left: 47%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link6 {
     position: absolute;
    display: block;
    border: 1px solid white;
    top: 115%;
    left: 53%;
    width: 67px;
    height: 93px;
    cursor: pointer;
     }

.link7 {
      position: absolute;
    display: block;
    border: 1px solid white;
    top: 78%;
    left: 72%;
    width: 67px;
    height: 93px;
    cursor: pointer;
}

.link8 {
   position: absolute;
    display: block;
    border: 1px solid white;
    top: 73%;
    left: 49%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link9 {
      position: absolute;
    display: block;
    border: 1px solid white;
    top: 90%;
    left: 52%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link10 {
       position: absolute;
    display: block;
    border: 1px solid white;
    top: 61%;
    left: 62%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link11 {
   position: absolute;
    display: block;
    border: 1px solid white;
    top: 36%;
    left: 65%;
    width: 67px;
    height: 93px;
    cursor: pointer;
}

.link12 {
        position: absolute;
    display: block;
    border: 1px solid white;
    top: 75%;
    left: 65%;
    width: 67px;
    height: 93px;
    cursor: pointer;
 }

.link13 {
        position: absolute;
    display: block;
    border: 1px solid white;
    top: 122%;
    left: 78%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link14 {
       position: absolute;
    display: block;
    border: 1px solid white;
    top: 125%;
    left: 84%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

.link15 {
    position: absolute;
    display: block;
    border: 1px solid white;
    top: 102%;
    left: 57%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }
}
@media only screen and (max-width 450px){
  .ver_catalogo {
    left: 0% !important;
    top: 83% !important;
  }
  .news h1{
    font-size: 1.5em !important;
  }
  .wrapper_texto {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 560px){
  .ver_catalogo{
    left: 17% !important;
    top: 72% !important;
  }
}
.teste{
  width:1000px;
}
.close-slide{
    position:absolute;
    top: 20px;
    left: 1035px;
  }
@media only screen and (max-width: 767px) {
  .hero3 .bullets {
    left: 42%;
  }
  .close-slide{
    position: absolute;
    top: 41% !important;
    left: 89% !important;
  }
  .teste{
  width:380px !important;
  }
  .popup-parcerias .bx-viewport {
    width: 390px !important;
    height: 248px !important;
    margin-top: 50%;
  }
  .aglomerado,
  .regranulado{
    text-align:center !important;
  }
  .bbb{
    width: 80% !important;
    max-width: 100% !important;
  }
  .aaa{
    width: 100% !important;
    max-width: 100% !important;
    margin-left:0px !important;
  }
  .ddd{
    height:200px !important;
  }
  .cronologia .crono_texto_dir{
    padding-left:20px !important;
    padding-right:20px !important;
  }
  .cronologia .crono_texto_dir h1{
    text-align:center !important;
  }
  .cronologia .crono_texto_esq{
    text-align:left !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }
  .cronologia .crono_texto_esq h1{
    text-align:center !important;
  }
  .apresentacao_img{
    padding-bottom: 25px !important;
  }
  .grao{
    display: none !important;
  }
  .grelha_elemento_grupo .abc {
    min-height: 130px !important;
  }
  .ver_catalogo{
    left: 33%;
    top: 61%;
  }
  .wrapper_texto{
    padding-left:30px !important;
    padding-right:30px !important;
  }
  .wrapper_texto_extra{
  width:100% !important;
  }
  .video h1{
    top: 39% !important;
    left: 22% !important;
    width: 53% !important;
    font-size: 1.5em !important;
    padding:8px !important;
  }
  .wrapper-home{
    padding-left:0 !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent !important;
  }
  .nav-menu .nav-topic .dropdown,
  .nav-menu .nav-topic .dropdown-extra {
    width: 100% !important;
  }
  .nav-menu .nav-topic .dropdown a,
  .nav-menu .nav-topic .dropdown-extra a {
    width:100%;
    margin-left:0;
    text-align: center;
  }
  .nav-container{
    padding-left:0 !important;
  }
  .nav-topic .mobile{
    display:block !important;
  }
  .social-container .desktop{
    display:none !important;
  }
  .nav .nav-container h3 {
    margin-top: 6% !important;
  }
  .navbar-header a img {
    width: 67px !important;
  }
  .social-container .navbar-toggle {
    margin-right:0;
  }
  .wrapper{
    padding-left:15px;
    padding-right:-15px;
  }
  .wrapper-home{
    padding-left:15px;
    padding-right:-15px;
  }
  .nav .nav-container h3 {
    font-size: 14px;
    margin: 0 auto;
  }
  .mobile .icon-social{
    margin-top: 5px !important;
        margin-left: 14px;
  }
  .mobile .icon-social .net-social .plus,
  .mobile .icon-social .languages .plus{
    margin: 0 auto;
  }
  .nav-topic .icon-social .net-social .plus a img {
    width:75%;
  }
  .nav-topic .icon-social .languages .plus a {
    font-size: 11px !important;
  }
  .nav .nav-container h3{
    font-size:17px;
    margin-left: 20%;
  }
  .rrr{
    width: 270px !important;
  }
}
@media only screen and (min-width: 768px) {
  /*.dropdown:hover .dropdown-menu {
    display: block !important;
    margin-top: 0 !important; // remove the gap so it doesn't close
  }*/

  .apresentacao_img{
    float:left !important;
  }
  .nav-menu .nav-topic .dropdown .dropdown-menu{
    /*display:none !important;*/
  }
  .grelha_elemento_grupo .abc {
    min-height: 245px !important;
  }
  .rrr{
    width:300px !important;
  }
}

@media only screen and (max-width: 970px) {
  .nav-menu{
    margin-left:4% !important;
  }
  .nav .nav-container h3{
    margin-top:2% !important;
  }
  .icon-social{
    margin-top: 10% !important;
  }
  container h3 {
    margin-left: 15% !important;
  }
  .nav-topic li a{
    font-size:14px;
  }
  .nav-topic li .one{
    margin-left: 30%;
  }
  .nav-topic li .first{
    padding-top:0;
  }
  .second{
    padding-top:6px !important;
    margin-top:6px;
  }
}
.grelha_elemento_grupo .abc {
    min-height: 397px;
  }
@media screen and (min-width: 768px) and (max-width: 970px){
  .nav-topic {
    width: 410px !important;
  }
}
@media screen and (min-width: 1184px) and (max-width: 1199px){
  .aaa{
    margin-top: 4% !important;
    margin-left: 25% !important;
  }
}
@media screen and (min-width: 971px) and (max-width: 1183px){
  .aaa{
    margin-top: 4% !important;
    margin-left: 25% !important;
  }
  .nav-topic {
    width: 500px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
  .close-slide{
    position: absolute;
    top: 42% !important;
    left: 93% !important;
  }
  .teste{
  width:600px !important;
  }
  .popup-parcerias .bx-viewport {
    width: 610px !important;
    height: 392px !important;
    margin-top: 50%;
  }
  .rrr{
    top: 25px !important; 
    left: 32% !important;
  }
}
.rrr{
  width:300px;
}
@media only screen and (min-width: 768px) and (max-width: 991px){
  .aaa{
    margin-left: 17% !important;
  }
}
@media only screen and (max-width: 991px) {
  .space{
    display:none !important;
  }
  .one-marge{
    margin-top: -2px !important;
  }
}
@media only screen and (min-width: 992px) {
  .grelha_elemento_grupo .abc {
    min-height: 397px !important;
  }
  .apresentacao_elementos span{
    top: -15px;
    /*left: 100px;*/
  }
}
@media only screen and (min-width: 1240px) {
  .grelha_elemento_grupo .abc {
    min-height: 292px !important;
  }
  .space{
    display:none !important;
  }
}
.pecas{
  width:466px;
}
.pecas .grelha-3 ul{
    width:466px;
  }
@media only screen and (max-width: 1242px){
  .apresentacao_elementos{
    float:none !important;
    margin-left:auto !important;
    width:80% !important;
  }
  .pecas{
    float: none !important;
    margin:auto !important;
    width:80% !important;
    margin-bottom: 5% !important;
  }
  .pecas .grelha-3 ul li a span{
    left:-125px !important;
    top:5px !important;
  }
  .grelha-3{
    width:100% !important;
  }
  .pecas .grelha-3 ul{
    width:100% !important;
  }
}
@media only screen and (min-width: 1200px){
  .eee{
    display: none !important;
  }
}
@media only screen and (max-width: 1199px){
  .ccc{
    display: none !important;
  }
}
@media only screen and (min-width: 1420px), screen and (max-width: 1199px) {
  .footer-barra{
    height:53px !important;
  }
}
@media only screen and (max-width: 1183px) {
  .video h1{
    top: 34%;
    left: 38%;
    width:30%;
    font-size: 1.5em !important;
  }
  .navbar-collapse {
    margin-top:30px;
    margin-bottom:0;
    padding-left:0;
    padding-right:0;
    margin-left: 17%;
  }
  .nav-big h3{
    text-align:center;
    font-size:21px;
  }
  .nav .dropdown {
    width: 70px;
    padding-top:0;
    padding-bottom:0;
    margin-right:0;
    margin-left:0;
  }
  .nav .dropdown-toggle {
    text-align:center;
    padding:20px 0 15px 0;
  }
  .nav .menu-topic {
    padding-top:0;
    padding-bottom:0;
    margin-right:0;
    margin-left:0;
  }
  .nav .menu-topic .menu-a {
    text-align:center;
    padding:20px 0 15px 0;
  }
  .social-box {
    width:95px;
    float:left !important;  
  }
  .social-main {
    margin-top:0;
    margin-right:0;
  }
  .social-main .social {
    margin: 10px 2px;
  }
  .navbar-right {
    margin-top:0;
  }
  .navbar-right .langs {
    margin-top:0 !important;
    margin-right:5px;
  }
  .navbar-header a img{
    width:90%;
  }
  .social-container .lang-social{
    width:88px;
  }
  .social-container .lang-social .collapse{
    margin-top:4px;
  }
  .social-container .lang-social .collapse .social img{
    width:85%;
  }
  .nav .nav-container h3{
    font-size:17px;
    margin-left: 20%;
    margin-right: -10%;
  }
  .nav-menu{
    width: 60%;
    margin-left:3%;
  }
  .icon-social{
    margin-top: 35px;
  }
}

@media only screen and (min-width: 1184px) {
  .nav .dropdown{
    width:16%;
    padding-top:0;
    padding-bottom:0;
    margin-right:0;
    margin-left:0;
  }
  .nav .dropdown .dropdown-toggle{
    text-align:center;
    padding:5px 0 5px 0;
  }
  .nav .dropdown .menutopic{
    width:120px;
    padding-top:0;
    padding-bottom:0;
    margin-right:0;
    margin-left:0;
  }
  .nav .dropdown .menutopic .menu-a{
    text-align:center;
    padding:5px 0 5px 0;
  }
  .nav-topic{
    width:100% !important;
  }
  .nav-menu{
    width:720px;
  }
  .nav .nav-container h3{
    font-size:21px;
    margin-top: 33px;
  }
  .icon-social{
    margin-top: 35px;
  }
}
  /* ALL */
  .nav-topic .mobile{
    display:none;
  }
  .social-container .desktop{
    display:block;
  }
  .nav-container{
    padding-left:45px; 
    padding-right:0;
  }
  .nav-menu{
    float: left !important;
  }
  .nav-menu .nav-topic .dropdown .dropdown-toggle{
    text-align:center;
    padding:5px 0 5px 0;
  }
  .nav-menu .nav-topic .dropdown{
    width:16%;
    padding-top:0;
    padding-bottom:0;
    margin-right:0;
    margin-left:0;
  }
  .nav-menu .nav-topic .dropdown-extra{
    width:16%;
    padding-top:0;
    padding-bottom:0;
    margin-right:0;
    margin-left:0;
  }
  .nav-menu .nav-topic .dropdown-extra a{
    padding-top:6px;
  }
  .social-container{
    float:right;
  }
  .social-container .lang-social{
    width:100px;
    float: right;
  }
  .social-container .lang-social .icon-social{
    margin-bottom:0;
  }
  .social-container .lang-social .icon-social .net-social{
    margin-right:0;
  }
  .social-container .languages{
    margin-right:4px;
  }
  .social-container .languages .langs{
    margin-top:6px;
    margin-right:0;
  }
  /* END ALL */

.news .grelha .grelha_elemento_grupo {
    /*min-height: 535px !important;*/
    padding-bottom:0;
    padding-left:15px;
    padding-right:15px;
   }

@media only screen and (min-width: 1600px) {
  .grelha_elemento_grupo .abc {
    min-height: 231px !important;
  }
  .pecas .grelha-3 ul li span {
    left: -150px; }

  /*  .news .grelha .grelha_elemento_grupo {
    height: auto !important;
   }*/
}
 /*.footer-barra{
    height: 100px;
  }*/
@media only screen and (max-width: 768px) {
  /*.dropdown:hover .dropdown-menu {
    display: none;
    margin-top: 0 !important;
  }*/

  nav .navbar-form {
    padding-left: 46px; }

  .cronologia {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: rgba(96, 56, 19, 0.1);
    margin-bottom: 30px;
    padding-bottom: 90px; }
    .cronologia .linha_crono {
      display: none; }
    .cronologia .crono_texto_dir {
      width: 100%;
      float: right;
      display: block;
      text-align: left;
      padding-left: 50px; }
      .cronologia .crono_texto_dir h1 {
        text-align: left;
        font-weight: 600; }
        .cronologia .crono_texto_dir h1 img {
          display: none; }
      .cronologia .crono_texto_dir a {
        font-size: 0.8em; }
    .cronologia .crono_texto_esq {
      width: 100%;
      float: left;
      display: block;
      text-align: right;
      padding-right: 50px; }
      .cronologia .crono_texto_esq h1 {
        text-align: right;
        font-weight: 600; }
        .cronologia .crono_texto_esq h1 img {
          display: none; }
      .cronologia .crono_texto_esq a {
        font-size: 0.8em; }

  .bullets {
    display: none; }

  .sustentabilidade {
    border-top: 0;
    margin: 0 auto; }

  .bloco {
    width: 95% !important; } }

  /*@media (min-width: 1600px) {
    .link1 {
    position: absolute;
    display: block;
    border: 1px solid red;
    top: 59%;
    left: 34%;
    width: 67px;
    height: 93px;
    cursor: pointer;
  }

  .link2 {
      position: absolute;
      display: block;
      border: 1px solid red;
      top: 50%;
      left: 40%;
      width: 67px;
      height: 93px;
      cursor: pointer;
    }

  .link3 {
          position: absolute;
      display: block;
      border: 1px solid red;
      top: 39%;
      left: 46%;
      width: 67px;
      height: 93px;
      cursor: pointer;
    }

  .link4 {
      position: absolute;
      display: block;
      border: 1px solid red;
      top: 32%;
      left: 53%;
      width: 67px;
      height: 93px;
      cursor: pointer;
    }

  .link5 {
      position: absolute;
      display: block;
      border: 1px solid red;
      top: 72%;
      left: 47%;
      width: 67px;
      height: 93px;
      cursor: pointer;
    }

  .link6 {
      position: absolute;
      display: block;
      border: 1px solid red;
      top: 79%;
      left: 53%;
      width: 67px;
      height: 93px;
      cursor: pointer;
      }

  .link7 {
        position: absolute;
      display: block;
      border: 1px solid red;
      top: 54%;
      left: 72%;
      width: 67px;
      height: 93px;
      cursor: pointer;
  }

  .link8 {
    position: absolute;
      display: block;
      border: 1px solid red;
      top: 50%;
      left: 49%;
      width: 67px;
      height: 93px;
      cursor: pointer;
    }

  .link9 {
        position: absolute;
      display: block;
      border: 1px solid red;
      top: 62%;
      left: 52%;
      width: 67px;
      height: 93px;
      cursor: pointer;
    }

  .link10 {
        position: absolute;
      display: block;
      border: 1px solid red;
      top: 42%;
      left: 62%;
      width: 67px;
      height: 93px;
      cursor: pointer;
    }

  .link11 {
    position: absolute;
      display: block;
      border: 1px solid red;
      top: 25%;
      left: 65%;
      width: 67px;
      height: 93px;
      cursor: pointer;
  }

  .link12 {
          position: absolute;
      display: block;
      border: 1px solid red;
      top: 51%;
      left: 65%;
      width: 67px;
      height: 93px;
      cursor: pointer;
  }

  .link13 {
          position: absolute;
      display: block;
      border: 1px solid red;
      top: 83%;
      left: 78%;
      width: 67px;
      height: 93px;
      cursor: pointer;
    }

  .link14 {
        position: absolute;
      display: block;
      border: 1px solid red;
      top: 85%;
      left: 84%;
      width: 67px;
      height: 93px;
      cursor: pointer;
    }

  .link15 {
      position: absolute;
      display: block;
      border: 1px solid red;
      top: 71%;
      left: 57%;
      width: 67px;
      height: 93px;
      cursor: pointer;
    }

  }*/

/*# sourceMappingURL=style.css.map */
 #map{
    width: 100% !important;
    left: 0 !important;
  }
  .mobfixpad{
    padding: 19px 0 0 45%;
    width: 90%;
  }
  @media (max-width: 450px) {
    .hero3 .bullets {
    left: 37%;
    bottom: -27px;
  }
  }
@media only screen and (min-width: 490px) and (max-width: 630px) {
  .mobfixpad{
    padding: 95% 4% 0 4% !important;
    width: 100% !important;
  }
  .pecas .grelha-3 ul li a span {
    left: -95px !important;
  }
}
@media only screen and (max-width: 489px) {
  .mobfixpad{
    padding: 155% 4% 0 4% !important;
    width: 100% !important;
  }
  .pecas .grelha-3 ul li a span {
    left: -75px !important;
  }
}
@media only screen and (max-width: 630px) {
  /*#map{
    width: 100% !important;
    left: 0 !important;
  }*/

/*.dropdown:hover .dropdown-menu {
    display: none !important;
    margin-top: 0 !important; // remove the gap so it doesn't close
 }

.open>.dropdown-menu {
display: block !important;

}*/

.mobfixnone{
  display: none !important;
}

.mobfix55_100{
width: 100% !important;
margin-left: 0 !important;
}

.mobfix55_100 span{
  top: 0px !important;
left: 0px !important;
}

.mobfix100{
width: 100% !important;
}

.mobfixpad h3{
  text-align: center !important;
}

.mobfixpec{
    float: left;
    /*width: 432px !important;
    margin: -95px 0 -18px -18px !important;*/
    width: 100% !important;
    margin: 0 auto !important;
}

.mobfixpec .grelha-3 {
    width: 100% !important;
    margin: 0 auto;

}

.mobfixpec .grelha-3 img{

    width: 180px !important;
    padding: 35px !important;
}

}