@font-face {
    font-family: 'HelveticaNeueLTStdBold';
    src: url('fonts/helveticaneueltstd-bd-webfont.eot');
    src: url('fonts/helveticaneueltstd-bd-webfont.eot?#iefix') format('embedded-opentype'),  
        url('fonts/helveticaneueltstd-bd-webfont.woff') format('woff'),  
        url('fonts/helveticaneueltstd-bd-webfont.ttf') format('truetype'),  
        url('fonts/helveticaneueltstd-bd-webfont.svg#HelveticaNeueLTStdBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTStdLtRegular';
    src: url('fonts/helveticaneueltstd-lt-webfont.eot');
    src: url('fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),  
        url('fonts/helveticaneueltstd-lt-webfont.woff') format('woff'),  
        url('fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'),  
        url('fonts/helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStdLtRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTStdMedRegular';
    src: url('fonts/helveticaneueltstd-md-webfont.eot');
    src: url('fonts/helveticaneueltstd-md-webfont.eot?#iefix') format('embedded-opentype'),  
        url('fonts/helveticaneueltstd-md-webfont.woff') format('woff'),  
        url('fonts/helveticaneueltstd-md-webfont.ttf') format('truetype'), 
        url('fonts/helveticaneueltstd-md-webfont.svg#HelveticaNeueLTStdMedRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTStdThinRegular';
    src: url('fonts/helveticaneueltstd-th-webfont.eot');
    src: url('fonts/helveticaneueltstd-th-webfont.eot?#iefix') format('embedded-opentype'),  
        url('fonts/helveticaneueltstd-th-webfont.woff') format('woff'),  
        url('fonts/helveticaneueltstd-th-webfont.ttf') format('truetype'),  
        url('fonts/helveticaneueltstd-th-webfont.svg#HelveticaNeueLTStdThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTStd-Roman';
    src: url('fonts/helveticaneueltstdroman.eot');
    src: url('fonts/helveticaneueltstdroman.eot?#iefix') format('embedded-opentype'),  
        url('fonts/helveticaneueltstdroman.woff') format('woff'),  
        url('fonts/helveticaneueltstdroman.ttf') format('truetype'),  
        url('fonts/helveticaneueltstdroman.svg#helveticaneueltstdroman') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
}
a {
    text-decoration: none;
    color: #00a890;
}

#sub_orcamento{
    position: relative;
    margin-left: 645px;
  }
  
  #sub_recomendar{
    margin-left: 345px;
  }

a span {cursor: pointer;}
ul, li {list-style: none;}
table {
    border-spacing: 0px;
    border-collapse: collapse;
}
body {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    min-width: 990px;
}
::-webkit-input-placeholder {color: #fff;}
:-moz-placeholder {color: #fff;}
::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
:-ms-input-placeholder {color: #fff;}
#header {
    width: 100%;
    height: 93px;
    background-color: #272f2e;
}
#header_in {
    width: 990px;
    margin: 0 auto;
    height: 100%;
}
#logo {
    float: left;
    width: 82px;
    height: 60px;
    display: block;
    background:url(../images/logo.png) left top no-repeat;
    margin-left: 15px;
    margin-top: 14px;
}
.h_right {
    float: right;
    width: 815px;
}
#right_top {
    float: right;
    margin-top: 6px;
    height: 24px;
}
#idiomas {
    float: left;
    height: 24px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}
#idiomas ul {width: auto; position: relative; z-index: 10;}
#idiomas ul li {
    visibility: hidden;
    position: relative;
    z-index: 0;
    background-color: #015d50;
    padding: 0 12px;
}
#idiomas ul li:first-child {
    visibility: visible;
    background-color: transparent;
}
#idiomas.open {overflow: visible;}
#idiomas.open ul li {visibility: visible;}
#idiomas ul li a {
    display: block;
    height: 19px;
    font-family: 'Arial';
    font-size: 11px;
    color: #a0dcd4;
    padding-right: 16px;
    padding-top: 5px;
}
#idiomas ul li:first-child a {
    background: transparent url(../images/seta_idiomas.png) right 8px no-repeat;
    color: #777979;
}
#idiomas ul li a:hover {color: #fafffe;}
#idiomas ul li:first-child a:hover {color: #00a890;}
.area_pesq {
    float: left;
    height: 24px;
    /*margin-left: 25px;*/
    margin-left: 28px;
}
.lblSearch {
    float: left;
    height: 20px;
    padding-top: 4px;
    font-family: 'Arial';
    font-size: 12px;
    color: #777979;
    margin-right: 10px;
    cursor: pointer;
}
.campo_pesq {
    float: left;
    width: 166px;
    height: 24px;
    position: relative;
}
.campo_pesq label {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #8c8d8d;
    font-family: 'Arial';
    font-size: 11px;
    cursor: text;
    line-height: 24px;
    padding-left: 15px;
    height: 24px;
    line-height: 24px;
}
.campo_pesq input[type=text] {
    float: left;
    width: 136px;
    padding: 0px 15px;
    background-color: #474e4d;
    height: 24px;
    line-height: 24px;
    color: #a0dcd4;
    font-family: 'Arial';
    font-size: 11px;
}
.login-wrap{
    float: right;
    width: 200px;
    padding:4px 0 0 43px;
}
.login-wrap .logout{
    float: right;
    font: 11px/15px "Arial", Georgia, Serif;
}
.login-wrap .logout a{
    color: #777979;
    text-decoration: underline;
}
.login-wrap .logout a:hover{text-decoration: none;}
.login-wrap .user-name{
    float: left;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
}
.login-wrap .user-name a{
    color: #777979;
    text-decoration: underline;
}
.login-wrap .user-name a:hover{text-decoration: none;}
.login-wrap .welcome{
    float: left;
    font-size: 11px;
    line-height: 15px;
    color: #777979;
    margin-right: 5px;
}
#lupa {
    float: left;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: transparent url(../images/lupa.png) left top no-repeat;
}
#lupa:hover {background-position: left -24px;}
.goto_ar {
    color: #777979;
    float: left;
    font-family: 'Arial';
    font-size: 11px;
    padding-right: 15px;
    background: transparent url(../images/setadir.png) right center no-repeat;
    margin: 5px 0px 0px 42px;
}
.goto_ar:hover {color: #00a890;}

.goto_ar_exception {
    color: #777979;
    float: left;
    font-family: 'Arial';
    font-size: 11px;
    margin-left:17px;
    padding-top:5px;
}
.goto_ar_exception:hover {color: #00a890;}

.goto_ar_exception.no-padding{
    margin-left:3px;
}

.numItensCarrinho{
    position: absolute;
    top: -3px;
    right: -18px;
    color: #777979;
    font-family: 'Arial';
    font-size: 11px;
    
}

.goto_ar_exception:last-child{
    border-left:1px solid #474c4c;
}

.goto_ar_exception .carrinho{
    width: 25px;
    height: 19px;
    float: right;
    margin-left:17px;
    background: transparent url(../images/carrinho_icon.png) top no-repeat;
    position: relative;
}

.goto_ar_exception .carrinho:hover{
    background: transparent url(../images/carrinho_icon.png) bottom no-repeat;
}

.underline{text-decoration: underline;}




#main_menu {
    float: right;
    clear: both;
    margin-top: 24px;
}
#main_menu ul {float: left;}
#main_menu ul li {
    float: left;
    /*margin-left: 48px;*/
    /*margin-left: 40px;*/
    margin-left: 25px;
}
#main_menu ul li:first-child {margin-left: 0px;}
#main_menu ul li:last-child {margin-right: 15px;}
#main_menu ul li a {
    font-family: 'HelveticaNeueLTStdLtRegular';
    font-size: 14px;
    color: #ffffff;
}
#main_menu ul li a:hover {color: #00a890;}
.area_r{float: left;}
.bannervideo {
    height: auto;
    display: block;
    float: left;
    width: 100%;
    position: relative;
}
.bannervideo canvas {
    position: absolute;
    height: auto;
    left: 0;
    max-width: 100%;
    top: 0;
    width: 100%;
}
.bannervideo video {
    float: left;
    height: auto;
    width: 100%;
    background: #000000;
}
.banimg  canvas{
float: left; position: relative; left: auto; top: auto; width: 100%; height: calc(100vh - 93px); }
.btnwrapper {
    position: absolute;
    height: 71px;
    bottom: 38px;
    width: 100%;
    text-align: center;
    left: 0px;
}
/*#play{position: absolute; bottom: 106px; display:block; margin: 0 auto; width:61px; height: 71px; background: transparent url(images/play.png) left top no-repeat; cursor:pointer; z-index: 100;}*/
#btn-scroll {
    /*width: 61px;
    height: 71px;*/
    width: 72px;
    height: 75px;
    background: transparent url(../images/skip_intro.png) left top no-repeat;
    cursor: pointer;
    display: inline-block;
    position: relative;
    z-index: 10;
}
/*#btn-scroll:hover {background-position: left -71px;}*/
#destaques {
    float: left;
    width: 100%;
    background-color: #ffffff;
    margin: 40px 0px;
}
#destaques_in {
    width: 990px;
    margin: 0px auto;
}
.categs_destaque {
    width: 390px;
    margin-right: 10px;
    float: left;
}
.categd {
    float: left;
    width: 360px;
    height: 153px;
    background-color: #00a890;
    padding: 0px 15px;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}
.categd span {
    position: relative;
    z-index: 1;
}
.categd .titulo {
    float: left;
    color: #ffffff;
    font-size: 30px;
    font-family: 'HelveticaNeueLTStdThinRegular';
    text-shadow: 1px 1px #272f2e;
    margin-bottom: 4px;
    position: absolute;
    left: 15px;
    bottom: 0px;
    transition: bottom 0.5s;
    -webkit-transition: bottom 0.5s;
}
.categd .txthover {
    float: left;
    position: absolute;
    left: 15px;
    bottom: -70px;
    transition: bottom 0.5s;
    -webkit-transition: bottom 0.5s;
}
.categd .resumo {
    float: left;
    color: #bbe1dc;
    font-family: 'Arial';
    font-size: 11px;
    clear: left;
    width: 315px;
    height: 42px;
    margin-bottom: 16px;
}
.categd .smais {
    color: #ffffff;
    font-family: 'Arial';
    font-size: 11px;
    clear: left;
    float: left;
    padding-left: 10px;
    background: transparent url(../images/seta_branca_dir.png) 1px center no-repeat;
}
.categd img {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    transition: top 0.5s;
    -webkit-transition: top 0.5s;
}
.categd:hover img {top: -153px;}
.categd:hover .titulo {bottom: 88px;}
.categd:hover .txthover {bottom: 16px;}
.outros_destaques {
    float: left;
    width: 590px;
}
.dest_superior {
    float: left;
    margin-bottom: 10px;
}
.vantagens {
    float: left;
    width: 190px;
    height: 235px;
    background: transparent url(../images/vantagens.png) left top no-repeat;
    position: relative;
    margin-right: 10px;
    transition: background-position 0.5s;
    -webkit-transition: background-position 0.5s;
}
.vantagens .titulo {
    color: #00a890;
    font-size: 25px;
    font-family: 'HelveticaNeueLTStdThinRegular';
    position: absolute;
    top: 93px;
    left: 15px;
    width: 160px;
    text-transform: uppercase;
    line-height: 25px;
}
.vantagens .smais {
    color: #ffffff;
    font-size: 13px;
    font-family: 'HelveticaNeueLTStd-Roman';
    position: absolute;
    left: 19px;
    bottom: 17px;
}
.vantagens:hover {background-position: left -235px;}
.vantagens:hover .titulo {color: #272f2e;}
.prodsd {
    float: left;
    width: 390px;
    height: 235px;
}
.prodd {
    float: left;
    width: 390px;
    height: 117px;
    position: relative;
    background-color: #00a890;
}
.prodsd .prodd:first-child {margin-bottom: 1px;}
.prodd img {
    float: left;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}
.prodd .info_p {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 99px;
    width: 191px;
    background: transparent url(../images/prodd.png) left top no-repeat;
    padding: 18px 0px 0px 25px;
}
.prodd .info_p .titulo {
    color: #ffffff;
    font-family: 'HelveticaNeueLTStdLtRegular';
    /*font-size: 25px;*/
    font-size: 16px;
    clear: both;
    float: left;
}
.prodd .info_p .subtitulo {
    color: #272f2e;
    font-family: 'HelveticaNeueLTStdMedRegular';
    font-size: 11px;
    clear: both;
    float: left;
    text-transform: uppercase;
    line-height: 12px;
}
.prodd .info_p .smais {
    position: absolute;
    bottom: 12px;
    left: 25px;
    background: transparent url(../images/seta_pd.png) left 4px no-repeat;
    font-size: 11px;
    font-family: 'Arial';
    color: #bbe1dc;
    float: left;
    clear: both;
    padding-left: 10px;
}
/*.prodd .hv{background: transparent url(images/pddhover.png) left top repeat; position: absolute; top: 0px; left:0px; display: none; width: 190px; height:100%;}
.prodd:hover .hv{display: block;}*/
.prodd:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.prodd:hover .info_p .smais {
    color: #ffffff;
    background-position: left -19px;
}
.video_destaque {
    float: left;
    position: relative;
    width: 390px;
    height: 235px;
    margin-right: 10px;
}
.video_destaque video {
    float: left;
    width: 390px;
    height: 235px;
    background-color: #000000;
}
.infoVid {
    position: absolute;
    width: 100%;
    height: 191px;
    background: transparent url(../images/vidbg.png) left top repeat;
    top: 0px;
    left: 0px;
    text-align: center;
    padding-top: 44px;
}
.infoVid .titulo {
    background: transparent url(../images/vid_titulo.png) center bottom no-repeat;
    width: 100%;
    float: left;
    font-size: 20px;
    color: #ffffff;
    padding-bottom: 7px;
    text-shadow: 1px 1px #272f2e;
    font-family: 'HelveticaNeueLTStdLtRegular';
    margin-bottom: 10px;
}
.infoVid .resumo {
    font-family: 'Arial';
    font-size: 11px;
    color: #ffffff;
    width: 332px;
    padding: 0 29px;
    float: left;
    text-align: center;
}
.infoVid .playsmall {
    width: 32px;
    height: 37px;
    background: transparent url(../images/play2.png) left top no-repeat;
    position: absolute;
    left: 180px;
    bottom: 70px;
}
.infoVid:hover .playsmall {background-position: left -37px;}
.not_destaque {
    float: left;
    width: 190px;
    height: 234px;
    position: relative;
    border-bottom: 1px solid #7ed4b8;
}
.not_destaque img {
    float: left;
    margin-bottom: 8px;
}
.not_destaque .imghv {
    background: transparent url(../images/not_dest_op.png) left top repeat;
    position: absolute;
    width: 190px;
    height: 114px;
    left: 0px;
    top: 0px;
    display: none;
}
.not_destaque:hover .imghv {display: block;}
.not_destaque .titulo {
    float: left;
    color: #00a890;
    font-family: 'HelveticaNeueLTStdLtRegular';
    font-size: 13px;
    width: 100%;
    line-height: 15px;
    margin-bottom: 3px;
}
.not_destaque .resumo {
    float: left;
    color: #5a5f5e;
    font-family: 'Arial';
    font-size: 11px;
    width: 100%;
    line-height: 13px;
}
.not_destaque .vermais {
    position: absolute;
    left: 0px;
    bottom: 4px;
    background: transparent url(../images/mais.png) left center no-repeat;
    font-family: 'Arial';
    font-size: 11px;
    padding-left: 15px;
    color: #454545;
    padding-bottom: 1px;
}
#footer {
    float: left;
    width: 100%;
    display: block;
}
#footer1 {
    float: left;
    width: 100%;
    padding: 34px 0 36px 0;
    background-color: #272f2e;
}
#footer1_in {
    margin: 0 auto;
    width: 990px;
}
#mapasite {
    float: left;
    width: 600px;
}
.lvl1 {
    float: left;
    width: 190px;
    margin-right: 10px;
}
.lvl1 li {
    float: left;
    width: 100%;
}
.lvl1 > li {margin-bottom: 8px;}
.lvl1 li a {float: left;}
.lvl1 > li > a {
    color: #00a890;
    font-family: 'HelveticaNeueLTStdMedRegular';
    font-size: 12px;
}
.lvl1 > li.wsubm > a {
    margin-bottom: 17px;
}
.lvl1 > li > a:hover {
    color: #a0dcd4;
}
.lvl2, .lvl2 li {
    float: left;
    width: 100%;
}
.lvl2 {margin-bottom: 2px;}
.lvl2 li {margin-bottom: 8px;}
.lvl2 li a {
    font-size: 11px;
    font-family: 'Arial';
    color: #7a8d8b;
}
.lvl2 li a:hover {color: #a0dcd4;}
.contactos-rdp {
    float: left;
    width: 190px;
    margin-right: 10px;
}
.contactos-rdp .title {
    float: left;
    color: #00a890;
    font-family: 'HelveticaNeueLTStdMedRegular';
    font-size: 12px;
    width: 100%;
    margin-bottom: 11px;
}
.contactos-rdp p {
    color: #7a8d8b;
    font-family: 'Arial';
    font-size: 11px;
    line-height: 11px;
    margin-bottom: 7px;
}
.contactos-rdp .morada_title {margin-bottom: 4px;}
.contactos-rdp .morada {margin-bottom: 10px;}
.contactos-rdp p a {color: #7a8d8b;}
.contactos-rdp p a:hover {color: #a0dcd4;}
.socialicon {
    float: left;
    width: 100%;
    margin-top: 5px;
}
.socialicon a {
    float: left;
    width: 26px;
    height: 26px;
    margin-right: 8px;
}
#facebook {background: transparent url(../images/social.png) left top no-repeat;}
#linkedin {background: transparent url(../images/social.png) left -26px no-repeat;}
#vimeo {background: transparent url(../images/social.png) left -52px no-repeat;}
#youtube {background: transparent url(../images/social.png) left -78px no-repeat;}
#googlemais {background: transparent url(../images/googlemais.jpg) left top no-repeat;}
#twt {background: transparent url(../images/twt.png) left top no-repeat;}

#facebook:hover {background-position: left -104px;}
#linkedin:hover {background-position: left -130px;}
#vimeo:hover {background-position: left -156px;}
#youtube:hover {background-position: left -182px;}
#googlemais:hover {background-position: left -26px;}
#twt:hover {background-position: left -26px;}

.boxnl {
    float: right;
    width: 175px;
}
.boxnl .title {
    float: left;
    color: #00a890;
    font-family: 'HelveticaNeueLTStdMedRegular';
    font-size: 12px;
    width: 100%;
    margin-bottom: 11px;
}
.camponl {
    float: left;
    width: 175px;
    height: 26px;
    line-height: 26px;
    position: relative;
    margin-top: 1px;
    margin-bottom: 19px;
}
.camponl label {
    position: absolute;
    height: 26px;
    line-height: 26px;
    left: 10px;
    cursor: text;
    color: #7a8d8b;
    font-family: 'Arial';
    font-size: 11px;
}
.camponl input[type=text] {
    float: left;
    height: 26px;
    line-height: 26px;
    padding: 0px 0px 0px 10px;
    width: 150px;
    background-color: #1d4d47;
    color: #7a8d8b;
    font-family: 'Arial';
    font-size: 11px;
}
#subnl {
    float: left;
    height: 26px;
    width: 15px;
    background: #1d4d47 url(../images/seta_nl.png) center center no-repeat;
    cursor: pointer;
}
#footer2 {
    float: left;
    width: 100%;
    padding: 30px 0 40px 0;
    background-color: #1f2423;
    padding: 15px 0px;
}
#footer2_in {
    margin: 0 auto;
    width: 990px;
}
#mn_rdp {
    float: left;
    width: 400px;
}
#mn_rdp ul {
    float: left;
    width: 575px;
    margin-top: 2px;
}
#mn_rdp ul li {
    float: left;
    font-family: 'Arial';
    font-size: 11px;
    padding-right: 11px;
    margin-left: 10px;
    background: transparent url(../images/rdp.gif) right center no-repeat;
}
#mn_rdp ul li a {color: #7a8d8b;}
#mn_rdp ul li a:hover {color: #fff;}
#mn_rdp ul li:first-child {margin-left: 0px;}
#mn_rdp ul li:last-child {
    margin-right: 0px;
    background: none;
}
.direitos {
    float: right;
    color: #7a8d8b;
    font-size: 11px;
    font-family: 'Arial';
}
.direitos .info {
    float: left;
    background: transparent url(../images/direitos.gif) right center no-repeat;
    padding-right: 21px;
   margin-right: 19px;
    margin-top: 2px;
}

.info{
    float:left;
    clear:left;
}
#loba {
    float: left;
    width: 66px;
    height: 20px;
    background: transparent url(../images/loba_1.png) left top no-repeat;
}
#subheader {
    float: left;
    width: 100%;
    height: 139px;
    background: transparent url(../images/detailbg.jpg) center top no-repeat;
}
#subheader_in {
    margin: 0 auto;
    width: 990px;
}
.caminho {
    display: block;
    color: #ffffff;
    font-size: 11px;
    font-family: 'Arial';
    text-shadow: 1px 1px #00564a;
    margin: 40px 0 0 15px;
}
.caminho a {color: #ffffff;}
.caminho a:hover{text-decoration: underline;}
.mainTitle {
    color: #ffffff;
    font-size: 50px;
    font-family: 'HelveticaNeueLTStdThinRegular';
    text-shadow: 1px 2px #00564a;
    margin:1px 0 0 0;
    font-weight: normal;
    margin-left: 15px;
}
#page {
    float: left;
    width: 100%;
    background-color: #ffffff;
    padding-bottom: 30px;
}
#page_in {
    margin: 0 auto;
    width: 990px;
}
.col_nav {
    float: left;
    width: 175px;
    margin-right: 25px;
    margin-top: 49px;
}
.categorias {
    float: left;
    width: 175px;
    margin-bottom: 42px;
}
.categorias .ct1 {
    float: left;
    width: 175px;
}
.categorias .ct1 > li {
    float: left;
    width: 100%;
    font-family: 'HelveticaNeueLTStdLtRegular';
    font-size: 15px;
    margin-bottom: 6px;
}
.categorias .ct1 > li a {
    color: #606060;
    float: left;
}
.categorias .ct1 > li a:hover {
    float: left;
    color: #00a890;
}
.categorias .ct1 > .selected > a {
    font-family: 'HelveticaNeueLTStd-Roman';
    color: #00a890;
}
.categorias .ct2 {
    float: left;
    width: 100%;
    margin-top: 6px;
}
.categorias .ct2 li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #dbf4ea;
    font-family: 'Arial';
    color: #8c8c8c;
    font-size: 12px;
    margin-bottom: 5px;
}
.categorias .ct2 li a {
    float: left;
    margin-left: 15px;
    padding-bottom: 1px;
}
.categorias .ct2 li.selected a {
    font-weight: bold;
    color: #00a890;
}
#historico {
    float: left;
    width: 175px;
}
#historico .hn-titulo {
    float: left;
    width: 175px;
    color: #00a890;
    font-size: 15px;
    font-family: 'HelveticaNeueLTStdLtRegular';
    margin-bottom: 7px;
}
#historico ul {
    float: left;
    width: 175px;
}
#historico ul li {
    float: left;
    width: 160px;
    padding-left: 15px;
    font-family: 'Arial';
    font-size: 11px;
    color: #606060;
    margin-bottom: 4px;
}
#historico ul li a {
    float: left;
    color: #606060;
}
#historico ul li a:hover {color: #00a890;}
.content {
    float: left;
    width: 790px;
}
.mainArea {
    float: left;
    width: 100%;
    margin-top: 48px;
    border-bottom: 5px solid #dddddd;
    padding-bottom: 1px;
    margin-bottom: 48px;
}
.mainArea.add{border: none;}
.problem-table{
    padding: 0;
    text-align: left;
    width: 100%;
    background: #f1fbf7;
}
.problem-table thead{background: #00a890;}
.problem-table th{
    height:41px;
    color: #fff;
    padding: 3px 14px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background:url(../images/sep01.png) no-repeat 0 50%;
}
.problem-table th:first-child{background:none;}
.problem-table .col01{width: 297px;}
.problem-table tbody td{
    height: 39px;
    color: #808080;
    padding: 6px 14px 8px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    vertical-align: top;
    background:url(../images/sep02.png) no-repeat 0 10px;
    font-size: 12px;
    line-height: 17px;
}
.problem-table tbody tr{border-top: 1px solid #fff;}
.problem-table tbody tr{background: none;}
.problem-table tbody td:first-child{
    font-weight: bold;
    background: none;
}
.texto.add p{margin-bottom: 10px;}
.infoProduto {
    float: left;
    width: 275px;
    margin-right: 25px;
}
.subtitulo {
    color: #00a890;
    font-family: 'HelveticaNeueLTStdLtRegular';
    font-weight: normal;
    font-size: 17px;
    line-height: 18px;
    float: left;
    width: 100%;
    margin-bottom: 9px;
}
.mainArea.add01{
    margin:56px 0 44px;
    border:none;
}
.mainArea.add01 .texto h2{margin-bottom: 14px;}
p.mainArea.add01 .texto p{margin: 0 0 7px;}
.texto {
    width: 100%;
    color: #8c8c8c;
    font-family: 'Arial';
    font-size: 11px;
    line-height: 16px;
}
.infoProduto .texto {margin-bottom: 35px;}
.cores {
    float: left;
    width: 100%;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    color: #c9c9c9;
    font-size: 15px;
    font-family: 'HelveticaNeueLTStdLtRegular';
    margin-bottom: 24px;
}
.colorTitle {
    float: left;
    margin-right: 9px;
    padding: 5px 0px;
}
.colorItems {
    float: left;
    margin-top: 1px;
}
.colorItems li {
    /*float: left;
    width: 11px;
    height: 11px;
    margin-right: 5px;
    background: transparent url(../images/caixa_cores2.png) center center no-repeat;*/
    margin-top: 8px;
    background-color: #fff;
    width: 12px;
    height: 12px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50%;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    display: inline-block;
}
.pblocktitle {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d9d9d9;
    color: #c9c9c9;
    font-size: 15px;
    font-family: 'HelveticaNeueLTStdLtRegular';
    padding-bottom: 3px;
    margin-bottom: 8px;
}
.links {
    float: left;
    width: 100%;
    margin-bottom: 16px;
}
.links ul {
    float: left;
    width: 100%;
}
.links ul li {
    float: left;
    width: 100%;
    color: #717171;
    font-family: 'Arial';
    font-size: 11px;
    margin-bottom: 7px;
}
.links ul li a {
    float: left;
    color: #717171;
    padding-left: 20px;
    background: transparent url(../images/links.png) left top no-repeat;
    padding-top: 1px;
}
.links ul li a:hover {color: #00a890;}
.links ul.dwns li a {background-image: url(../images/download.png);}
.prodLargeArea {
    float: right;
    width: 490px;
}
.prodGaleria {
    float: left;
    width: 490px;
    min-height: 426px;
}
.prodLargeArea .prodGaleria {margin: 5px 0px 19px 0px;}
.galBig {
    float: left;
    width: 488px;
    height: 357px;
    border: 1px solid #cecece;
    margin-bottom: 5px;
}
.thumbsWrapper {
    float: left;
    width: 490px;
    overflow: hidden;
    position: relative;
    min-height: 61px;
}
.galThumbs {
    /*position: absolute;
    left: 0px;
    top: 0px;
    width: 3000px;*/
    width: 490px;
    min-height: 61px;
    
    float: left;
}
.galThumbs li {
    float: left;
    width: 70px;
    height: 54px;
    padding-top: 8px;
    margin-right: 14px;
    float: left;
}

.galThumbs li:nth-child(6n+6) { margin-right:0px;  }

.galThumbs li a {
    float: left;
    width: 70px;
    height: 54px;
    position: relative;
}
.galThumbs li:last-child {
    margin-right: 0px;
}
.galThumbs li a .hv {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent url(../images/pic.png) center center no-repeat;
}
.galThumbs li.vid a .hv {background-image: url(../images/camara.png);}
.galThumbs li a:hover {background: #00a890;}
.galThumbs li a:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.galThumbs li a:hover .hv {display: block;}
.galThumbs li.select {padding: 0px; height: 62px;}
.galThumbs li.select a {
    background: #00a890 url(../images/gal_select.png) center top no-repeat;
    height: 64px;
}
.galThumbs li.select a img {
    opacity: 0;
    filter: alpha(opacity=0);
}
.galThumbs li.select a:hover .hv {display: none;}
.car_p {
    float: left;
    width: 100%;
}
.blocktitle {
    width: 100%;
    float: left;
    color: #c9c9c9;
    font-size: 15px;
    font-family: 'HelveticaNeueLTStdLtRegular';
}
.car_p .blocktitle {margin-bottom: 5px;}
.tbl_caracteristicas {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
.tbl_caracteristicas th {
    font-weight: normal;
    font-size: 11px;
    color: #717171;
    font-family: 'HelveticaNeueLTStdLtRegular';
    background-color: #d7d7d7;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ffffff;
    vertical-align: bottom;
/*    padding-bottom: 4px;
    padding-top: 4px;*/
    padding: 4px;
    height: 48px;
}
.tbl_caracteristicas tr th:first-child {border-left: none;}
.tbl_caracteristicas td {
    background-color: #f1f1f1;
    border-left: 1px solid #ffffff;
    color: #717171;
    font-size: 11px;
    font-family: 'Arial';
    line-height: 13px;
    padding: 7px 0px 6px 0px;
}
.tbl_caracteristicas tr td:first-child {border-left: none;}
.askForCons {
    float: left;
    width: 170px;
    margin-top: 38px;
}
.askForCons .bt_ask, .botoes_footer .bt_ask {
    color: #00a890;
    font-family: 'Arial';
    font-size: 13px;
    height: 17px;
    line-height: 17px;
    padding-left: 20px;
    float: left;
    background: transparent url(../images/askforconsult.png) left center no-repeat;
}
.askForCons .infoAsk {
    float: left;
    color: #9b9b9b;
    font-family: 'Arial';
    font-size: 10px;
    height: 17px;
    line-height: 17px;
    padding-left: 20px;
    line-height: 11px;
    width: 100%;
}
.botoes_footer {
    float: left;
    width: 100%;
    margin-top: 34px;
}
.addToOrder {
    float: left;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    font-family: 'HelveticaNeueLTStdMedRegular';
    font-size: 12px;
    padding-left: 20px;
    width: 255px;
    background: #00a890 url(../images/add_order.png) right top no-repeat;
}
.addToOrder:hover {
    background-position: right -30px;
    background-color: #1d4d47;
}
.information-form{padding: 46px 0 77px;}
.information-block{
    padding: 0;
    overflow: hidden;
}
.information-block h2{
    font-size: 18px;
    line-height: 22px;
    color: #00a890;
    margin: 0 0 11px;
    font-weight: normal;
}
.personal-info{
    overflow: hidden;
    padding: 0;
    margin: 0 0 37px;
}
.info-form{
    width: 390px;
    padding: 0;
    float: left;
    margin-left: 9px;
}
.info-form:first-child{margin: 0;}
.info-form .row{
    background: #f1fbf7;
    overflow: hidden;
    margin-bottom: 2px;
    padding:2px 13px 2px 15px;
}
.info-form label{
    float: left;
    width: 162px;
    font-size: 12px;
    line-height: 23px;
    color: #808080;
    font-weight: bold;
    position: relative;
    padding-right: 10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.info-form label:before{
    content: '';
    position: absolute;
    right: 0;
    top: 3px;
    width: 1px;
    height: 16px;
    background: #cfd6d3;
    margin: auto;
}
.info-form .input-wrap{
    float: left;
    margin: 0 0 0 10px;
    width: 189px;
}
.info-form input[type="text"],
.info-form input[type="email"],
.info-form input[type="password"]{
    border:1px solid #00a890;
    background: #7dd4b8;
    width: 161px;
    height: 12px;
    font: 11px/12px Arial , Helvetica , sans-serif;
    color: #fff;
    padding:3px 14px 2px;
}
.input-placeholder-text{
   padding: 0 14px; 
   font-size: 11px;
   line-height: 24px;
}
.info-form input[type="text"]:focus,
.info-form input[type="email"]:focus,
.info-form input[type="password"]:focus,
.info-form .row.address textarea:focus{
    background: #fff;
    color: #7dd4b8;
}
.info-form .row.address textarea{
    width: 189px;
    height: 47px;
    border:1px solid #00a890;
    background: #7dd4b8;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size: 11px;
    color: #fff;
    padding:5px 14px;
    resize:none;
    overflow-y:auto;
}
.personal-info,
.company-info,
.data-info{
    overflow: hidden;
}
.company-info{margin-bottom: 35px;}
.info-form .code{
    float: left;
    width: 58px;
    height: 20px;
    margin-right: 2px;
}
.info-form .code input[type="text"]{
    width: 26px;
    height: 12px;
    padding: 2px 14px;
}
.info-form .choice{
    overflow: hidden;
    margin-bottom:5px;
}
.info-form .choice input[type="radio"]{
    width: 18px;
    height: 18px;
    margin: 0 7px 0 0;
    float: left;
}
.info-form .choice input[type="text"]{
    float: left;
    width: 134px;
    height: 12px;
}
.info-form .choice .choice-select{
    float: left;
    width: 162px;
    height: 18px;
}
.information-block .short-note{
    display: block;
    font-size: 10px;
    line-height: 14px;
    color: #aaa;
    padding: 27px 0 36px;
}
.information-block input[type="submit"]{
    float: left;
    width: 137px;
    height: 22px;
    padding: 0;
    background: #00a890;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    cursor: pointer;
    border:none;
}
.information-block input[type="submit"]:hover{background: #1d4d47;}
.info-form .sbfield {width: 190px;}
.info-form .choice .sbfield{width: 162px;}
.checkout-wrap{
    padding: 48px 0 0;
    overflow: hidden;
}
.customer-wrap{
    float: left;
    width: 300px;
}
.customer-wrap .title{
    font-size: 17px;
    line-height: 21px;
    color: #00a890;
    display: block;
    font-weight: normal;
    margin-bottom: 10px;
}
.customer-wrap .customer-detail{padding: 0;}
.customer-detail dl{
    font-size: 11px;
    line-height: 15px;
}
.customer-detail dt{
    float: left;
    margin-right: 5px;
    color: #8c8c8c;
}
.customer-detail dd{
    color: #272f2e;
    margin-bottom: 5px;
    font-weight: bold;
}
.customer-detail dd a{color: #272f2e;}
.shipment-wrap{
    float: right;
    width: 474px;
}
.mode-form{padding: 0 0 10px;}
.mode-form .title{
    font-size: 18px;
    line-height: 22px;
    display: block;
    color: #00a890;
    font-weight: normal;
    margin: 0 0 9px;
}
.mode-form  .label-wrap{display: block;}
.mode-form .obsv .label-wrap{margin-bottom:10px;}
.mode-form  label{
    font-size: 18px;
    line-height: 22px;
    color: #00a890;
    font-weight: normal;
    margin: 0 0 9px;
}
.mode-form .row{
    background: #f1fbf7;
    padding: 5px 14px;
}
.mode-form .obsv .row{
    padding: 5px 15px 5px 13px;
}
.mode-form .selectbox{
    display: block;
    width:446px;
    height: 19px;
}
.mode-form .selectbox label{
    font-size: 11px;
    line-height: 19px;
    overflow: hidden;
}
.mode-form .row span{
    clear: both;
    display: block;
    font-size: 11px;
    line-height: 13px;
    color: #00a890;
    padding: 5px 0 2px;
}
.mode-form .comment-block{padding: 34px 0 8px;}
.mode-form textarea{
    width: 100%;
    border: 1px solid #00a890;
    background: #7dd4b8;
    font-size: 11px;
    line-height: 13px;
    color: #fff;
    padding:2px 12px;
    display: block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    resize:none;
    overflow-y:auto;
    height: 77px;
}
.mode-form input[type="checkbox"]{
    width: 18px;
    height: 18px;
    float: left;
    margin: 0;
    padding: 0;
}
.jcf-hidden {
    display: block !important;
    position: absolute !important;
    left: -9999px !important; /* change to right: -9999px on RTL sites */
}
/* custom checkbox styles */
.chk-area {
    background:url(../images/bg-checkbox.png) no-repeat;
    margin: 0;
    float: left;
    width: 18px;
    height: 18px;
}
.chk-checked {
    background:url(../images/bg-checkbox.png) no-repeat 0 -22px;
}
.chk-focus {
    border-color: #f00;
}
.jcf-label-disabled {
    color: #ccc;
}
.mode-form .check-wrap{
    overflow: hidden;
    margin-bottom: 90px;
}
.mode-form .check-wrap.lines2 label{float: left;}
.mode-form .check-wrap span{
    float: left;
    width: 400px;
    margin-left: 15px;
    
}
.mode-form .check-wrap label{
    font-size: 11px;
    line-height: 12px;
    color: #8c8c8c;
    display: inline;
    vertical-align: top;
}
.mode-form .check-wrap label a{color: #00a890;}
.mode-form .check-wrap label a:hover{text-decoration: underline;}
.submit-wrap{display: block;}
.submit-wrap input[type="submit"]{
    float: left;
    width: 155px;
    height: 22px;
    background: #00a890;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 0 8px;
}
.mode-form .submit-wrap input[type="submit"]{float: right;}
.submit-wrap input[type="submit"]:hover{background: #1d4d47;}
.login-holder{
    padding: 57px 0 64px;
    overflow: hidden;
}
.login-holder .block{
    float: left;
    width: 375px;
    margin-left: 40px;
    background: #f1f1f1;
}
.login-holder .block:first-child{margin: 0;}
.login-holder .block .title{    
    display: block;
    font-size: 30px;
    line-height: 34px;
    background: #00a890;
    color: #fff;
    font-weight: normal;
    padding: 18px 5px 9px 33px;
    font-family: 'HelveticaNeueLTStdThinRegular';
}
.login-holder .login-form{padding: 19px 35px 31px;}
.login-holder .row{
    overflow: hidden;
    margin-bottom: 7px;
}
.login-holder label{
    width: 60px;
    float: left;
    text-align: right;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    color: #605c5c;
    margin-right: 20px;
}
.login-holder input[type="text"],
.login-holder input[type="password"]{
    float: left;
    width: 205px;
    height: 12px;
    border: 1px solid #00a890;
    background:#7dd4b8;
    padding: 2px 9px;
    color: #fff;
    font-size: 11px;
    line-height: 12px;
}
.login-holder .submit{
    display: block;
    margin-left: 80px;
    padding-top: 13px;
}
.login-holder input[type="submit"]{
    display: block;
    width: 158px;
    height: 22px;
    background: #00a890;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    margin-bottom: -3px;
    font-family: 'HelveticaNeueLTStdMedRegular';
}
.login-holder input[type="submit"]:hover{background: #1d4d47;}
.login-holder .forget-pass{display: block;}
.login-holder .forget-pass a{
    color: #605c5c;
    font-size: 11px;
    line-height: 15px;
    text-decoration: underline;
}
.login-holder .forget-pass a:hover{text-decoration: none;}
.login-holder .register{padding: 18px 32px 31px;}
.login-holder .register span{
    display: block;
    font-size: 18px;
    line-height: 22px;
    color: #605c5c;
    font-weight: normal;
    margin: 0 0 20px;
    font-family: 'HelveticaNeueLTStdLtRegular';
}
.login-holder .register-btn{display: block;}
.login-holder .register-btn a{
    width: 158px;
    height: 22px;
    background: #00a890;
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    font-family: 'HelveticaNeueLTStdMedRegular';
} 
.login-holder .register-btn a:hover{background: #1d4d47;}
.product-detail{
    padding:37px 0 0;
    width: 774px;
}
.product-table{
    padding: 0;
    width: 100%;
}
.product-table thead{
    background: #00a890;
    height: 39px;
    text-align: center;
    color: #fff;
}
.product-table thead th{
    font-size: 13px;
    border-left: 1px solid #fff;
}
.product-table tbody td:first-child,
.product-table thead th:first-child{border:none;}
.product-table tbody tr{
    background: #f1fbf7;
    border-bottom: 1px solid #fff;
}
.product-table tbody td{
    height: 31px;
    color: #808080;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border-left: 1px solid #fff;
    padding: 0 10px;
}
.product-table .col01,
.product-table .col02,
.product-table .col03{width: 257px;}
.option.add .tab-content{
    border-top: 1px solid #b8e9d6;
    padding-top: 4px;
}
.option.add .tab-btn{background:url(../images/tab.png) no-repeat 100% -74px;}
 .option.add .opened .tab-btn{background-position:100% 20px;}
.option.add .tab-btn:hover, 
.option.add .opened .tab-btn:hover{color: #00a890;}
.contact-info{padding:48px 0 0;}
.contact-details{margin: 42px 0 0;}
.contact-details:first-child{margin: 0;}
.contact-details .country{
    display: block;
    font-size: 17px;
    line-height: 21px;
    color: #00a890;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 6px;
}
.contact-table{padding: 0;}
.contact-table tr{border-bottom: 1px solid #e5e5e5;}
.contact-table tr.add{border:none;}
.contact-table .col01{width: 316px;}
.contact-table .col02{width: 200px;}
.contact-table .col03{width: 260px;}
.contact-table .name{
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    display: block;
    color: #8c8c8c
}
.contact-table td{height: 32px;}
.contact-table tr:first-child td{
    vertical-align: top;
    padding:6px 0 13px;
}
.contact-table .title{
    font-size: 17px;
    line-height: 21px;
    font-weight: normal;
    display: block;
    color: #8c8c8c;
}
.contact-table address{
    font-style: normal;
    font-size: 11px;
    line-height:14px;
    color: #8c8c8c;
    margin-bottom: 18px;
}
.contact-table .gps{
    display: block;
    font-size: 11px;
    line-height: 13px;
    color: #8c8c8c;
}
.contact-table .gps strong{color: #000;}
.contact-table .telphone,
.contact-table .fax,
.contact-table .email{
    display: block;
    font-size: 11px;
    line-height: 15px;
    color: #272f2e;
    padding:1px 0 0;
    overflow: hidden;
}
.contact-table .telphone strong,
.contact-table .telphone .numbers{
    float: left;
    margin-right: 5px;
}
.contact-table .telphone span{display: block;}
.contact-table .email{padding:15px 0 0;}
.contact-table .email.np{padding:0;}
.contact-table .telphone a,
.contact-table .fax a,
.contact-table .email a{
    color: #8c8c8c;
    font-size: 11px;
    line-height: 15px;
}
.contact-table .email a:hover{color: #000;}
.contact-table .tel{cursor: default;}
.contact-table .map{
    display: block;
    padding: 5px  0 0;
}
.contact-nos{padding:33px 0 37px;}
.contact-nos .title{
    font-size: 25px;
    line-height: 29px;
    color: #717171;
    display: block;
    font-weight: normal;
    margin: 0 0 10px;
}
.contact-nos .holder{overflow: hidden;}
.contact-nos .des{
    float: left;
    width: 315px;
    font-size: 13px;
    line-height: 17px;
    color: #717171;
    padding: 5px 45px 0 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.contact-nos .des p{margin: 0 0 4px;}
.contact-nos .contact-form{
    width: 474px;
    float: left;
}
.contact-nos .info-form{width: 474px;}
.contact-nos .info-form input[type="text"],
.contact-nos .info-form input[type="email"],
.contact-nos .info-form input[type="password"],
.contact-nos .info-form .input-wrap{
    width: 246px;
}
.contact-nos .info-form .sbfield{width: 276px;}
.contact-nos textarea{
    width: 276px;
    height: 70px;
    border:1px solid #00a890;
    background: #7dd4b8;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size: 11px;
    color: #fff;
    padding:5px 14px;
    resize:none;
    overflow-y:auto;
}
.contact-nos .btn-wrap{
    overflow: hidden;
    padding: 7px 0 0;
}
.contact-nos .btn-cleanup,
.contact-nos input[type="submit"]{
    float: right;
    width: 66px;
    height: 22px;
    background: #00a890;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    margin-left: 10px;
}
.contact-nos .btn-cleanup:hover,
.contact-nos input[type="submit"]:hover{background: #767e7d;}
.texto.add02{padding-bottom: 28px;}
.texto.add02 h2{
    margin:2px 0 18px;
}
.texto.add02 > p{margin-bottom: 7px;}
.mainArea.add02{margin-bottom: 34px;}
.product-adv{padding: 0;}
.product-adv h2{
    font-size: 25px;
    line-height: 29px;
    color: #717171;
    margin: 0 0 27px;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    padding: 0 0 6px;
}
.adv-list{
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.adv-list li{
    font-size: 11px;
    line-height: 16px;
    color: #8c8c8c;
    margin: 0 0 25px;
    overflow: hidden;
}
.adv-list h3{
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 2px;
    font-weight: normal;
}
.adv-list h3 a{color: #717171;}
.adv-list h3 a:hover{text-decoration: underline;}
.adv-list h3 span{color: #00a890;}
.adv-list p{margin-bottom: 4px;}
.adv-list .more-wrap{display: block;}
.adv-list .more-wrap a{
    background:url(../images/bul01.png) no-repeat 0 5px;
    color: #454545;
    padding: 5px 0 5px 15px;
}
.adv-list .more-wrap a:hover{
    background:url(../images/bul01-hover.png) no-repeat 0 5px;
    color: #71cec1;
}
.adv-list .img-wrap{
    float: left;
    padding: 2px 10px 0 0;
}
.piramide-wrap{
    padding: 56px 0 60px;
    overflow: hidden;
}
.piramide-wrap .left-block{
    float: left;
    width: 395px;
}
.piramide-wrap .title_right{
    display: block;
    background:url(../images/bg-piramide-title.png) repeat-x;
    height: 52px;
    color: #fff;
    font-size: 20px;
    line-height: 57px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    position: relative;
}
.piramide-wrap .title_left{
    display: block;
    background:url(../images/bg_amorfo1.png) repeat-x;
    height: 52px;
    color: #fff;
    font-size: 20px;
    line-height: 57px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    position: relative;
}
.piramide-wrap .title_right:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgba(255,255,255,0.3);
}
.piramide-wrap .title_left:hover:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgba(255,255,255,0);
}
.piramide-wrap .title_right:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgba(255,255,255,0.3);
}
.piramide-wrap .title_right:hover:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgba(255,255,255,0);
}
.piramide-wrap .title_left:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:rgba(255,255,255,0.3);
}
.piramide-wrap .degree{
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 35px;
    line-height:29px;
}
.piramide-wrap .right-block{
    float: right;
    width: 393px;
    margin-left: 2px;
}
.piramide-wrap .right-block:hover .title:before,
.piramide-wrap .left-block:hover .title:before{display: none;}
.piramide-wrap .step{
    margin-bottom: 2px;
    height: 140px;
    position: relative;
    z-index: 10;
}
.piramide-wrap .step:hover{
    -webkit-box-shadow:0 2px 0 0px #838383;
    -moz-box-shadow:0 2px 0 0px #838383;
    box-shadow:0 2px 0 0px #838383;
    z-index: 21;
}
.piramide-wrap .step.one{
    background: #fff9f9;
    border-bottom: 2px solid #ffc7bf;
}
.piramide-wrap .step.two{
    background: #fffef9;
    border-bottom: 2px solid #fcf8c8;
}
.piramide-wrap .step.three{
    background: #eaf3f4;
    border-bottom: 2px solid #6baab3;
}
.piramide-wrap .step.four{
    background: #f9fcf9;
    border-bottom: 2px solid #c7e1c4;
}
.piramide-wrap .step:hover .bg{
    margin: -10px;
    position: relative;
}
.piramide-wrap .left-block .step:hover .bg:before{
    content: '';
    position: absolute;
    left: -2px;
    bottom: -2px;
    width:100%;
    height:2px;
    background: #838383;
    z-index: -1;
}
.piramide-wrap .left-block .step:hover .bg:after{
    content: '';
    position: absolute;
    left: -2px;
    bottom: 0;
    height: 0;
    width: 0;
    border-width:9px 5px;
    border-style: solid;
    border-color:transparent  transparent #848484 transparent;
    z-index: -1;
}
.piramide-wrap .right-block .step:hover .bg:before{
    content: '';
    position: absolute;
    right: -2px;
    bottom: -2px;
    width:100%;
    height:2px;
    background: #838383;
    z-index: -1;
}
.piramide-wrap .right-block .step:hover .bg:after{
    content: '';
    position: absolute;
    right: -2px;
    bottom: 0;
    height: 0;
    width: 0;
    border-width:9px 5px;
    border-style: solid;
    border-color:transparent  transparent #848484 transparent;
    z-index: -1;
}
.piramide-wrap .left-block .step.one .bg{
    background:url(../images/bg-left-piramide01.png) no-repeat;
    width: 68px;
    height: 140px;
    float: right;
}
.piramide-wrap .left-block .step.two .bg{
    float: right;
    background:url(../images/bg-left-piramide02.png) no-repeat;
    width: 137px;
    height: 140px;
}
.piramide-wrap .left-block .step.three .bg{
    float: right;
    background:url(../images/bg-left-piramide03.png) no-repeat;
    width: 206px;
    height: 140px;
}
.piramide-wrap .left-block .step.four .bg{
    float: right;
    background:url(../images/bg-left-piramide04.png) no-repeat;
    width: 275px;
    height: 140px;
}
.piramide-wrap .right-block .step.one .bg{
    float: left;
    background:url(../images/bg-right-piramide01.png) no-repeat;
    width: 68px;
    height: 140px;
}
.piramide-wrap .right-block .step.two .bg{
    float: left;
    background:url(../images/bg-right-piramide02.png) no-repeat;
    width: 137px;
    height: 140px;
}
.piramide-wrap .right-block .step.three .bg{
    float: left;
    background:url(../images/bg-right-piramide03.png) no-repeat;
    width: 206px;
    height: 140px;
}
.piramide-wrap .right-block .step.four .bg{
    float: left;
    background:url(../images/bg-right-piramide04.png) no-repeat;
    width: 275px;
    height: 140px;
}

.piramide-wrap .left-block .step.one:hover .bg{
    background:url(../images/bg-left-piramide01-hover.png) no-repeat;
    width: 88px;
    height: 160px;
}
.piramide-wrap .left-block .step.two:hover .bg{
    background:url(../images/bg-left-piramide02-hover.png) no-repeat;
    width: 157px;
    height: 160px;
}
.piramide-wrap .left-block .step.three:hover .bg{
    background:url(../images/bg-left-piramide03-hover.png) no-repeat;
    width: 226px;
    height: 160px;
}
.piramide-wrap .left-block .step.four:hover .bg{
    background:url(../images/bg-left-piramide04-hover.png) no-repeat;
    width: 295px;
    height: 160px;
}
.piramide-wrap .right-block .step.one:hover .bg{
    background:url(../images/bg-right-piramide01-hover.png) no-repeat;
    width: 88px;
    height: 160px;
}
.piramide-wrap .right-block .step.two:hover .bg{
    background:url(../images/bg-right-piramide02-hover.png) no-repeat;
    width: 157px;
    height: 160px;
}
.piramide-wrap .right-block .step.three:hover .bg{
    background:url(../images/bg-right-piramide03-hover.png) no-repeat;
    width: 226px;
    height: 160px;
}
.piramide-wrap .right-block .step.four:hover .bg{
    background:url(../images/bg-right-piramide04-hover.png) no-repeat;
    width: 295px;
    height: 160px;
}
.piramide-wrap .step.one .degree{color: #ffc7bf;}
.piramide-wrap .step.one:hover .degree{color: #ff725f;}
.piramide-wrap .step.two .degree{color: #fcf8c8;}
.piramide-wrap .step.two:hover .degree{color: #f8ed75;}
.piramide-wrap .step.three .degree{color: #6baab3;}
.piramide-wrap .step.three:hover .degree{color: #6baab3;}
.piramide-wrap .left-block .info{
    width: 170px;
    padding:16px 0 0 42px;
}
.piramide-wrap span{
    display: block;
    color: #a9acab;
    font-size: 15px;
    line-height: 18px;
}
.piramide-wrap .right-block .info{
    float: right;
    margin: 44px 35px 0 0;
    text-align: right;
}
.piramide-wrap .right-block .info strong{font-weight: normal;}
.piramide-wrap .step:hover span,
.piramide-wrap .step:hover span{color: #272f2e;}
.piramide-wrap .step:hover .info strong{font-weight: bold;}
.piramide-wrap .step .info span:hover{font-weight: bold;}

.piramide-wrap .right-block .step.four .info{
    width: 80px;
}
.data-table{
    width: 790px;
    table-layout:fixed;
    margin: 55px 0 84px;
}
.data-table .col01{width:226px;}
.data-table .col02{width: 227px;}
.data-table .col03{width: 294px;}
.data-table .col04{width: 43px;}
.data-table thead{
    background: #787878;
    height: 46px;
}
.data-table thead th{
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: normal;
    padding:0 20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-left: 1px solid #fff;
}
.data-table thead th:first-child,
.data-table thead th.open-close{border:none;}
.data-table tbody tr{border-bottom: 1px solid #b8e9d6;}
.data-table tbody tr.opener{cursor:pointer;}
.data-table tbody td{
    font-size: 14px;
    line-height: 18px;
    color: #272f2e;
    height: 35px;
    padding:0 19px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.data-table .tab-btn, 
.data-table .opened .tab-btn{
    background:url(../images/tab.png) no-repeat scroll right -79px;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    overflow: hidden;
}
.data-table .opener:hover .tab-btn{background-position:0 -167px;}
.data-table .opener:hover td{color: #00a890;}
.data-table tbody.active .tab-btn{background:url(../images/tab.png) no-repeat scroll right 16px;}
.data-table tbody.active td{color: #00a890;}
.data-table tbody.active .opener:hover .tab-btn{background-position: right -232px;}
.data-table tbody.active .opener:hover td{color: #272f2e;}
.data-table tbody.active .opener{border-bottom: 1px solid #eee;}
.data-table .tbl_resumo{
    table-layout: fixed;
    margin:9px 0 3px;
}
.data-table tbody.active tr.slide td{padding: 0 0 8px 20px;}
.data-table tr.slide td{color: #808080;}
.data-table .tbl_resumo th{
    font-size: 12px;
    padding:0;
    text-align: center;
}
.data-table .tbl_resumo td{font-size: 10px;}
.data-table .slide td{height: 0;}
.data-table tbody .slide{border:none;}
.data-table tbody.active .slide td{height: auto;}
.data-table tbody.active .slide{border-bottom: 1px solid #b8e9d6;}
.data-table .tbl_resumo tbody tr{
    margin-bottom: 1px;
    height: 39px;
}
.data-table .tbl_resumo thead th{border:none;}
.data-table .tbl_resumo .col01{width: 69px;}
.data-table .tbl_resumo .col02{width: 106px;}
.data-table .tbl_resumo .col03{width: 65px;}
.data-table .tbl_resumo .col04{width: 68px;}
.data-table .tbl_resumo .col05{width: 50px;}
.data-table .tbl_resumo .col06{width: 52px;}
.data-table .tbl_resumo .col07{width: 43px;}
.data-table .tbl_resumo .col08{width: 52px;}
.data-table .tbl_resumo .col09{width: 50px;}
.data-table .tbl_resumo thead{height: 26px;}
.data-table .btn-mais{
    float: right;
    font-size: 14px;
}
.timeline{padding:82px 0 63px;}
.year-wrap{
    padding: 0;
    position: relative;
    
    /*hs*/
    float:left; width:100%;
}
.year-wrap .opener{
    width: 176px;
    height: 101px;
    display: block;
    margin: 52px auto;
    background: #00a890;
    position: relative;
    z-index: 10;
}
.year-wrap .opener .year{
    display: block;
    font-size: 45px;
    line-height: 49px;
    color: #fff;
    text-align: center;
    padding:22px 10px 0;
}
.opener .txt{
    display: block;
    color: #fff;
    font-size: 13px;
    line-height:13px;
    text-align: center;
    text-transform: uppercase;
    padding: 0 10px;
}
.year-wrap .opener:before,
.year-wrap .opener:after{
    content: '';
    position: absolute;
    left: 0;
    background: url(../images/bg-opener.png) no-repeat;
    width: 176px;
    height: 51px;
}
.year-wrap .opener:before{top: -51px;}
.year-wrap .opener:after{
    bottom: -50px;
    background-position: 0 -52px;
}
.opener .more{
    background:url(../images/bg-more.png) no-repeat;
    width: 16px;
    height: 16px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 10;
    bottom: -23px;
}
.year-wrap.active .more{
    background:url(../images/bg-less.png) no-repeat;
    width: 44px;
    height: 13px;
}
.timeline .slide.add{
    width: 784px;
    position:relative;
    top:-214px;
    z-index:0;
    overflow: hidden;
    padding: 121px 0 0;
    margin-bottom: -259px;
}
.timeline .slide{
    width: 415px;
    padding: 121px 0;
    position: relative;
    margin:-196px auto 0;
    
    overflow: hidden;
}
.timeline .slide-inner{
    background: #272f2e;
    position: relative;
    padding: 97px 34px 0;
     -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size: 11px;
    line-height: 16px;
    color: #fff;
    text-align: center;
}
.timeline .slide-inner .title{
    display: block;
    color: #00a890;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    margin: 0 0 13px;
}
.timeline .slide-inner:before,
.timeline .slide-inner:after{
    content: '';
    position: absolute;
    background:url(../images/bg-slide.png) no-repeat;
    width: 414px;
    height: 121px;
    left: 0;
}
.timeline .slide-inner:before{top: -121px;}
.timeline .slide-inner:after{
    bottom: -120px;
    background-position: 0 -125px;
}
.timeline .border-wrap{padding:6px 0;}
.timeline .border{
    width: 24px;
    min-height: 106px;
    margin: 9px auto;
    display: block;
    background: #272f2e;
    position: relative;
    text-indent: -9999px;
}
.year-wrap.active .border.add{
    position: absolute;
    top: 155px;
    left: 0;
    right: 0;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.timeline .border:before,
.timeline .border:after{
    content: '';
    position: absolute;
    left: 0;
    background:url(../images/bg-border.png) no-repeat;
    width: 24px;
    height: 9px;
}
.timeline .border:before{top: -8px;}
.timeline .year-wrap.active .border.add{
    bottom: 0;
}
.timeline .border:after{
    bottom: -8px;
    background-position: 0 -13px;
}
.timeline .img-wrap{
    float: left;
    width: 476px;
}
.timeline .detail{
    float: left;
    width: 257px;
    font-size: 11px;
    line-height: 16px;
    color: #8c8c8c;
    padding:130px 0 0 42px;
}
.timeline .detail .title{
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #00a890;
    font-weight: normal;
    margin: 0 0 13px;
}
.timeline .detail > p{margin: 0 0 7px;}
.footerOptions {
    float: right;
    height: 30px;
    line-height: 30px;
}
.footerOptions a {
    float: left;
    color: #717171;
    font-family: 'Arial';
    font-size: 11px;
    margin-left: 13px;
    background: transparent url(../images/footer_options.png) left top no-repeat;
    padding-left: 20px;
}
.footerOptions a:hover {color: #00a890;}
.footerOptions a.print {background-position: left 5px;}
.footerOptions a.recomendar {background-position: left -21px;}
.footerOptions a.share {background-position: left -54px;}
.tab {
    float: left;
    width: 100%;
    margin-bottom: 13px;
    border-bottom: 1px solid #b8e9d6;
}
.tab-btn, .opened .tab-btn {
    float: left;
    width: 100%;
    color: #00a890;
    font-family: 'HelveticaNeueLTStdLtRegular';
    font-size: 25px;
    text-indent: 15px; /*border-bottom: 1px solid #b8e9d6;*/
    padding-bottom: 14px;
    background: transparent url(../images/tab.png) right 17px no-repeat;
}
.closed .tab-btn {
    background-position: right -74px;
    color: #717171;
}
.tab-btn:hover {background-position: right -231px;}
.closed .tab-btn:hover {background-position: right -162px;}
.tab-content {
    float: left;
    width: 100%;  /*padding-top: 10px;*/
}
.closed .tab-content {display: none;}
.prod-col-info {
    float: left;
    padding-left: 15px;
    width: 775px;
    margin-bottom: 6px;
}
.tab-column {
    float: left;
    width: 190px;
    margin-right: 102px;
}
.prod-col-info .tab-column:nth-child(3n+3) {margin-right: 0px;}
.tab-column .col_title {
    float: left;
    width: 100%;
    color: #00a890;
    font-family: 'HelveticaNeueLTStdLtRegular';
    font-size: 18px;
}
.tab-column ul {
    float: left;
    width: 100%;
}
.tab-column ul li {
    float: left;
    width: 100%;
    color: #8c8c8c;
    font-family: 'Arial';
    font-size: 11px;
    margin-bottom: 3px;
}
.tab-column ul li strong {color: #00a890;}
.propriedades {
    width: 100%;
    vertical-align: middle;
    margin-bottom: 10px;
}
.propriedades th {
    width: 285px;
    padding-left: 15px;
}
.propriedades th, .propriedades td {
    font-family: 'Arial';
    background-color: #f1fbf7;
    border-bottom: 1px solid #ffffff;
    font-size: 12px;
    color: #808080;
    text-align: left;
    height: 28px;
}
.propriedades td {
    background: #f1fbf7 url(../images/prop_td.gif) left center no-repeat;
    padding-left: 15px;
}
.comparador {
    width: 100%;
    vertical-align: middle;
    margin-bottom: 2px;
}
.comparador .mainHead {
    color: #ffffff;
    background-color: #00a890;
    width: 190px;
    height: 60px;
    text-align: center;
    font-family: 'HelveticaNeueLTStdThinRegular';
    font-size: 13px;
    font-weight: normal;
    border-bottom: none;
}
.comparador .mainHead.wsb {
    padding-left: 15px;
    width: 175px;
}
.comparador td {
    border-left: 10px solid #ffffff;
    color: #808080;
    background-color: #f1fbf7;
    font-size: 12px;
    font-family: 'Arial';
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ffffff;
}
.comparador tr td:first-child {border-left: none;}
.comparador .propField {
    background-color: #505050;
    border-bottom: 1px solid #737373;
    color: #ffffff;
    font-family: 'Arial';
    font-size: 12px;
    width: 175px;
    line-height: 14px;
    padding: 6px 0px 7px 15px;
    font-weight: normal;
    text-align: left;
}
.comparador .propField span {
    color: #00a890;
    position: relative;
}
.comparador .emptytd {
    background: transparent;
    border: none;
}
.sb {
    display: inline-block;
    width: 160px;
    height: 20px;
    position: relative;
    float: left;
    margin-bottom: 1px;
}
.sb label {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #f1fbf7 url(../images/sbbg.png) right top no-repeat;
    color: #00a890;
    font-family: 'Arial';
    text-align: left;
    text-indent: 9px;
    line-height: 20px;
}
.sb select {
    width: 100%;
    float: left;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 20px;
}
.sb select option {
    font-family: 'Arial';
    font-size: 13px;
    padding-left: 10px;
    color: #00a890;
}
.popupcontent {
    width: 760px;
    padding: 25px 33px 37px 33px;
    float: left;
}
.popup-title {
    float: left;
    width: 100%;
    font-weight: normal;
    color: #00a890;
    font-family: 'HelveticaNeueLTStdLtRegular';
    font-size: 25px;
    margin-bottom: 12px;
}
.configArea {
    float: left;
    width: 100%;
    margin-bottom: 31px;
}
.configForm {
    float: left;
    width: 370px;
    margin-right: 18px;
}
.configForm.produto{
    float: left;
    width: 460px;
    margin-right: 18px;
}
.configRight{
    float: left;
    width: 348px;
    background-color: #F1FBF7;
    min-height: 109px;
    padding: 6px 0px 0px 22px;
}
.confright_title{
  float: left;
  width: 107px;
  height: 16px;
  line-height: 16px;
  border-right: 1px solid #d9cec7;
  font-family: 'Arial';
  font-weight: bold;
  font-size: 12px;
  color: #808080;
  margin-right: 5px;
}

.block_cbs{
  float: left;
  width: 235px;
  }
 
  .block_cbs li{ 
    float: left;
  width: 100%;
  height: 18px;
  margin-bottom: 5px;
  }
  
  .block_cbs li input[type=text] {
    border: 1px solid #00a890;
  background-color: #7dd4b8;
  color: #ffffff;
  float: left;
  font-family: "Arial";
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  margin-top: 1px;
  padding: 0 14px;
  width: 93px;
}

.qual_outra {
  font-size: 11px;
  font-family: 'Arial';
  color: #808080;
  line-height: 18px;
  display: inline-block;
  height: 18px;
  float: left;
  margin: 0px 10px 0px 3px;
}

.campo {
    float: left;
    width: 100%;
    min-height: 20px;
    padding: 4px 0px;
    background-color: #f1fbf7;
    margin-bottom: 1px;
}
.campo .lblWrapper {
    float: left;
    width: 176px;
    background: transparent url(../images/campobg.gif) right center no-repeat;
    height: 20px;
    margin-right: 10px;
}
.campo label {
    color: #808080;
    font-family: 'Arial';
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    padding-left: 22px;
    cursor: pointer;
}
#campo_calculo_peso{
    color: #808080;
    font-family: 'Arial';
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    cursor: pointer;
}

.campo label i {font-weight: normal;}
.campo input[type=text] {
    height: 16px;
    padding: 0 14px;
    line-height: 16px;
    background-color: #7dd4b8;
    color: #ffffff;
    border: 1px solid #00a890;
    font-family: 'Arial';
    font-size: 11px;
    float: left;
    margin-top: 1px;
    width: 132px;
}
.campo .infoit {
    font-style: italic;
    font-family: 'Arial';
    font-size: 10px;
    color: #808080;
    margin-left: 16px;
}
.btnsub {
    float: right;
    padding: 0px 21px 0px 21px;
    height: 22px;
    background-color: #00a890;
    color: #ffffff;
    font-family: 'HelveticaNeueLTStdMedRegular';
    font-size: 12px;
    cursor: pointer;
}
.btnsub:hover {background-color: #1d4d47;}
.sbfield {
    display: inline-block;
    width: 160px;
    height: 20px;
    position: relative;
    float: left;
    margin-bottom: 1px;
}
.sbfield label, .sbfieldBig label {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #00a890 url(../images/setasb.png) right center no-repeat;
    color: #ffffff;
    font-family: 'Arial';
    text-align: left;
    text-indent: 15px;
    line-height: 20px;
    padding: 0px;
    font-style: normal;
}
.sbfield label:before{display: none;}
.sbfield select, .sbfieldBig select {
    width: 100%;
    float: left;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}
.sbfield select option, .sbfieldBig select option {
    font-family: 'Arial';
    font-size: 13px;
    padding-left: 15px;
    color: #00a890;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.resultadoRight {
    float: left;
    width: 260px
}
.calculosArea {
    float: left;
    width: 260px;
    font-family: 'Arial';
    font-size: 11px;
    color: #808080;
    border-bottom: 5px solid #dbdbdb;
    min-height: 165px;
    position: relative;
}
.calculosArea .infogeral {
    float: left;
    width: 100%;
    line-height: 18px;
    margin-bottom: 3px;
}
.calculosArea .infomedidas {
    float: left;
    width: 100%;
    line-height: 18px;
    display: block;
    margin-bottom: 27px;
}
.calculosArea .totalcalc {
    position: absolute;
    bottom: 7px;
    left: 0px;
    width: 100%;
    color: #00a890;
    font-weight: bold;
    font-size: 13px;
}
.verde {color: #00a890;}
.vermelho {color: #ff0033;}

#qtd, .qtd {
    border: 1px solid #00a890;
  background-color: #7dd4b8;
  color: #ffffff;
  float: left;
  font-family: "Arial";
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  margin-top: 1px;
  padding: 0 8px;
  width: 25px;
}

.btn-mais {
    background: url("../images/btnmais2.png") no-repeat scroll right top #00a890;
      color: #ffffff;
    float: left;
    font-family: 'HelveticaNeueLTStdMedRegular';
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 32px 0 15px;
    text-align: center;
}

.btn-mais.produtos {
    background-color: #00a890;
      color: #ffffff;
    float: left;
    font-family: 'HelveticaNeueLTStdMedRegular';
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 15px 0 15px;
    text-align: center;
}

#successMessageP{
    color: #00a890;
    float: left;
    font-family: 'HelveticaNeueLTStdMedRegular';
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    padding: 0 20px 0 20px;
}
.btn-mais:hover {
    background-color: #1d4d47;
    background-position: right -22px;
}
.resultadoRight .btn-mais {
    float: right;
    margin-top: 4px;
}
.popup-subtitle {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #8f8f8f;
    font-family: 'HelveticaNeueLTStdLtRegular';
    font-weight: normal;
    margin-bottom: 9px;
}
.resumoArea{
    padding: 57px 0 10px;
/*    overflow: hidden;*/
}
.tbl_resumo {
    width: 100%;
    vertical-align: middle;
    margin: 0 0 6px;
}
.tbl_resumo th {
    padding-left: 18px;
    color: #ffffff;
    background-color: #00a890;
    font-family: 'Arial';
    font-size: 12px;
    height: 37px;
    border-bottom: 1px solid #ffffff;
}
.tbl_resumo td {
    padding-left: 18px;
    color: #808080;
    background-color: #f1fbf7;
    font-family: 'Arial';
    font-size: 10px;
    height: 38px;
    border-bottom: 1px solid #ffffff;
}
.tbl_resumo td:nth-child(3),
.tbl_resumo td:nth-child(5),
.tbl_resumo td:nth-child(6){text-align: center;}
.tbl_resumo tr td:last-child {
    padding: 0 11px;
    white-space: nowrap;
}
.tbl_resumo .editar {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: transparent url(../images/editar.png) left top no-repeat;
    margin-right: 10px;
}
.tbl_resumo .editar:hover {background-position: left -13px;}
.tbl_resumo .remover {
    display: inline-block;
    width: 13px;
    height: 12px;
    background: transparent url(../images/remover.png) left top no-repeat;
}
.tbl_resumo .remover:hover {background-position: left -12px;}
.resumoArea .btn-mais {
    float: right;
    margin-top: 4px;
}
.tbl_resumo .border{border-bottom: 3px solid #8f8f8f;}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}
#cboxWrapper {max-width: none;}
#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {clear: left;}
#cboxContent {position: relative;}
#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#cboxTitle {margin: 0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor: pointer;}
.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}
.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
    background: #000000;
    opacity: 0.9 !important;
    filter: alpha(opacity=90) !important;
}
#colorbox {outline: 0;}
#cboxContent {
    margin-top: 40px;
    overflow: visible;
    background: transparent;
}
.cboxIframe {background: #fff;}
#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}
#cboxLoadedContent {
    background: transparent;
    padding: 1px;
}
#cboxLoadingGraphic {background: url(../images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay {
    background: #000;
}
#cboxTitle {
    position: absolute;
    top: -22px;
    left: 0;
    color: #000;
    display: none;
}
#cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    background: url(../images/controls.png) no-repeat 0 0;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, 
#cboxNext:active, 
#cboxSlideshow:active, 
#cboxClose:active {
    outline: 0;
}
#cboxPrevious {
    background: url("../images/setas.png") no-repeat scroll left top transparent;
    height: 30px;
    left: 10px;
    top: 50%;
    width: 18px;
}
#cboxPrevious:hover {/*background-position: 0px -25px;*/}
#cboxNext {
    background: url("../images/setas.png") no-repeat scroll right -30px transparent;
    height: 30px;
    right: 10px;
    top: 50%;
    width: 18px;
}
#cboxNext:hover {/*background-position: -25px -25px;*/}
#cboxClose{background:none;right:0;width:33px; height:33px;text-indent:0;color:#ffffff;font-family:'Arial';font-size:13px;top:-42px;}
/*#cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}*/
.cboxSlideshow_on #cboxPrevious, 
.cboxSlideshow_off #cboxPrevious {
    right: 66px;
}
.cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 44px;
}
.cboxSlideshow_on #cboxSlideshow:hover {background-position: -100px -25px;}
.cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0px;
    right: 44px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
    background-position: -75px -25px;
}
.listCategs {
    float: left;
    /*margin: 47px 0 9px;*/
    margin: 57px 0 9px;
    width: 100%;
}
.listCategs.add{margin: 51px 0 9px; }
.listCategs h1{
    font-size: 17px;
    line-height: 21px;
    color: #00a890;
    margin: 0 0 23px;
    padding: 0 0 10px;
    font-weight: normal;
    font-family: 'HelveticaNeueLTStdLtRegular';
    border-bottom: 1px solid #c6c6c6;
}
.ctgitem {
    float: left;
    width: 790px;
    height: 190px;
    margin-bottom: 15px;/*background: #00a890;  */
  /* background: #00a890 url(images/ct1.jpg) left top no-repeat; 
  background-blend-mode: multiply; */
}
.ctgitem img {float: left; /*opacity: 0.5;filter: alpha(opacity=50);*/}
.ctgitem img.normal{display:block;}
.ctgitem img.hover{display:none;}
.ctgitem .ctInfo {
    float: left;
    width: 350px;
    height: 174px;
    background-color: #505050;
    padding: 16px 25px 0px 25px;
    position: relative;
}
.ctgitem .ctInfo.large {width:740px;}
.ctInfo .titulo {
    color: #01aa90;
    font-size: 35px;
    font-family: 'HelveticaNeueLTStdLtRegular';
    float: left;
    width: 100%;
}
.ctInfo .resumo {
    color: #ffffff;
    font-size: 11px;
    font-family: 'Arial';
    float: left;
    width: 100%;
    line-height: 16px;
}
.ctInfo .veja {
    height: 17px;
    line-height: 17px;
    padding-left: 20px;
    background: transparent url(../images/veja.png) left top no-repeat;
    color: #ffffff;
    font-family: 'Arial';
    font-size: 10px;
    position: absolute;
    left: 25px;
    bottom: 17px;
}

.ctgitem:hover .normal{display:none;}
.ctgitem:hover .hover{display:block;}
.ctgitem:hover .ctInfo{background-color: #01aa90;}
.ctgitem:hover .ctInfo .titulo{color: #505050;}
.ctgitem:hover .ctInfo .veja{background-position: left -33px;}

.abbreviations-wrap{padding: 0;}
.abbreviations{
    overflow: hidden;
    display: block;
    margin-bottom: 8px;
}
.abbreviations .short-form{
    float: left;
    font-family: 'HelveticaNeueLTStdMedRegular';
    font-size: 16px;
    line-height: 16px;
    color: #00a890;
    margin-right: 20px;
    text-transform: uppercase;
}
.abbreviations .full-form{
    float: left;
    font-size: 11px;
    line-height: 22px;
    color: #8c8c8c;
}
.list-produtos {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.list-produtos li {
    float: left;
    width: 190px;
    margin: 0px 10px 19px 0px;
}
.list-produtos li:nth-child(4n+4) {
    margin-right: 0px;
}
.list-produtos li a {
    float: left;
    width: 190px;
    height: 181px;
}
.list-produtos li a span {
line-height: 16px;
    float: left;
    width: 168px;
    color: #6e6e6e;
    font-size: 15px;
    font-family: 'HelveticaNeueLTStdLtRegular';
    padding: 0px 0px 0px 22px;
    background: transparent url(../images/veja.png) left top no-repeat;
}
.list-produtos li a .im {
    float: left;
    background-color: #00a890;
    padding: 0;
    width: 100%;
    background-image: none;
    margin-bottom: 9px;
}
.list-produtos li a img {float: left;}
.list-produtos li a:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.btndownbig {
    float: left;
    font-family: 'Arial';
    font-size: 11px;
    color: #ffffff;
    float: left;
    width: 100%;
    background: #605c5c url(../images/download.png) 9px 7px no-repeat;
    text-indent: 29px;
    padding: 8px 0px;
}
.btndownbig:hover {color: #00a890;}
.tbl_comparador {
    width: 100%;
    text-align: center;
}
.tbl_comparador th {
    background-color: #e3e3e3;
    font-weight: normal;
    font-family: 'HelveticaNeueLTStdLtRegular';
    font-size: 11px;
    height: 43px;
    border-bottom: 1px solid #ffffff;
    color: #717171;
    border-left: 1px solid #f1f1f1;
    width: 132px;
    vertical-align: bottom;
    padding-bottom: 9px;
    padding-top: 9px;
}
.tbl_comparador th:first-child {border-left: none;}
.tbl_comparador td {width: 132px;}
.tbl_comparador .th-big {
    font-size: 15px;
    padding-bottom: 8px;
    height: 44px;
}
.tbl_comparador .temperatura {background: #e3e3e3 url(../images/temperatura2.png) center 14px no-repeat;}
.tbl_comparador .resistencia {background: #e3e3e3 url(../images/resistencia2.png) center 10px no-repeat;}
.tbl_comparador .absorcao {background: #e3e3e3 url(../images/absorcao2.png) center 10px no-repeat;}
.tbl_comparador .termica {background: #e3e3e3 url(../images/termica2.png) center 9px no-repeat;}
.tbl_comparador .headlarge {
    height: 38px;
    vertical-align: middle;
    background-color: #00a890;
    color: #ffffff;
    font-family: 'HelveticaNeueLTStdLtRegular';
    font-size: 15px;
}
.tbl_comparador .tr-filtrar-up td {
    border-top: 1px solid;
    background-color: #605c5c;
    vertical-align: bottom;
}
.tbl_comparador .filter-box {
    border-right: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    background-color: #605c5c;
    vertical-align: bottom;
}
.filter-box table {
    border-collapse: collapse;
    width: 788px;
    border-left: 1px solid #e3e3e3;
}
.filter-box table td {
    height: 58px;
    vertical-align: bottom;
    text-align: center;
}
.filter-box table td .txtWrap {
    display: block;
    position: relative;
    width: 100px;
    margin: 0 auto;
}
.txtWrap input[type=text] {
    width: 80px;
    padding: 0 10px;
    color: #00a890;
    height: 20px;
    line-height: 20px;
    float: left;
    font-family: 'Arial';
    font-size: 11px;
}
.txtWrap label {
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 10px;
    height: 20px;
    line-height: 20px;
    color: #00a890;
    float: left;
    font-family: 'Arial';
    font-size: 11px;
    cursor: text;
}
.dropd{
    font-size: 11px;
    width: 112px; /* width: 100%; */
    display: inline-block;
    height: 20px;
    position: relative;
    float: left;
    margin-bottom: 1px;
}
.dropd label {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: transparent url(../images/dropdownmenu.png) right top no-repeat;
    color: #00a890;
    font-family: 'Arial';
    text-align: left;
    text-indent: 10px;
    line-height: 20px;
}
.dropd select {
    width: 100%;
    float: left;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 20px;
}
.dropd select option {
    font-family: 'Arial';
    font-size: 11px;
    padding-left: 10px;
    color: #00a890;
}
.filter-box table td .dropd {
    display: block;
    float: none;
    margin: 0px auto 1px auto;
}
.filter-box table td .dropd:last-child {margin-bottom: 0px;}
.filter-box table td {width: 131px;}
.filter-box table td:first-child {width: 130px;}
.filter-box table .btns-filtro {
    height: 46px;
    position: relative;
    vertical-align: top;
    position: relative;
    padding-top: 7px;
}
.btns-filtro .btn-filtrar {
    height: 25px;
    line-height: 25px;
    padding: 0 31px;
    background-color: #00a890;
    color: #ffffff;
    font-size: 15px;
    font-family: 'HelveticaNeueLTStdMedRegular';
}
.btns-filtro .btn-filtrar:hover {background-color: #1d4d47;}
.btns-filtro .remover-filtros {
    position: relative;
/*    top: 15px;
    left: 14px;*/
    color: #e3e3e3;
    font-size: 12px;
    font-family: 'HelveticaNeueLTStdMedRegular';
    padding-left: 15px;
    background: transparent url(../images/rem.png) left 2px no-repeat;
}
.btns-filtro .remover-filtros:hover {
    background-position: left -22px;
    color: #00a890;
}
.tbl_comparador .tbl-comp-sort td {
    height: 61px;
    background-color: #787878;
    vertical-align: middle;
    text-align: center;
    width: 130px;
}
.tbl_comparador .tbl-comp-sort td:first-child {width: 130px;}
.tbl-comp-sort td:first-child .dropd {width: 100px;}
.tbl-comp-sort td .dropd {
    margin: 0 auto;
    float: none;
}
.tr-comp td {
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    font-family: 'Arial';
    color: #808080;
    font-size: 12px;
    background: #f1f1f1;
    line-height: 14px;
    height: 40px;
    vertical-align: middle;
    width: 131px;
}
.tr-comp td:first-child {
    border-left: none;
    font-weight: bold;
}
.preco_din {
    display: block;
    background-color: #e3e3e3;
    width: 111px; /*width: 97px;*/
    height: 11px;
    margin: 0 auto;
}
.preco_din .perc {
    float: left;
    display: block;
    height: 100%;
    background-color: #00a890;
}
.texto h2 {
    font-weight: normal;
    color: #00a890;
    font-size: 17px;
    font-family: 'HelveticaNeueLTStdLtRegular';
    margin-bottom: 9px;
}
.texto.marg1 {margin-bottom: 58px;}
.convertList {
    float: left;
    width: 100%;
    margin-top: 38px;
}
.bl_convert {
    float: left;
    width: 100%;
    margin-bottom: 34px;
}
.bl_convert h2 {
    font-weight: normal;
    color: #00a890;
    font-size: 17px;
    font-family: 'HelveticaNeueLTStdLtRegular';
    margin-bottom: 7px;
}
.convert-line {
    float: left;
    width: 100%;
    padding: 5px 15px;
    width: 760px;
    background-color: #f1fbf7;
    margin-bottom: 1px;
    color: #808080;
}
.convert-line input[type=text] {
    float: left;
    width: 98px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    background-color: #7dd4b8;
    color: #ffffff;
    border: 1px solid #00a890;
    font-size: 15px;
    font-family: 'Arial';
}
.radio-cov-block {
    float: left;
    margin: 0px 25px 0px 16px;
    min-width: 159px;
}
.radio-btn {
    float: left;
    font-family: 'Arial';
    font-style: italic;
    font-size: 10px;
    height: 18px;
    line-height: 18px;
    cursor: pointer;
    background: transparent url(../images/radio.png) left top no-repeat;
    padding: 0px;
}
.radio-btn input[type=radio] {
    opacity: 0;
    filter: alpha(opacity=0);
    height: 18px;
    margin-right: 11px;
    width: 18px;
    float: left;
}
.radio-btn.checked {background-position: left -32px;}
.radio-cov-block .radio-btn {
    clear: left;
    margin-bottom: 4px;
}
.radio-cov-block .radio-btn:last-child {margin-bottom: 0px;}
.convert-line .igual {
    float: left;
    width: 60px;
    height: 40px;
    background-color: #00a890;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    margin-right: 25px;
    font-family: 'HelveticaNeueLTStdMedRegular';
}
.convert-line .res {
    color: #272f2e;
    float: left;
    line-height: 40px;
    font-family: 'Arial';
    font-size: 15px;
}
.descricao {
    float: left;
    width: 100%;
    color: #8c8c8c;
    font-family: 'Arial';
    font-size: 11px;
    line-height: 16px;
}
.descricao h2 {
    font-family: 'HelveticaNeueLTStdMedRegular';
    font-weight: normal;
    color: #00a890;
    font-size: 17px;
    margin-bottom: 4px;
}
.descricao a{color: #00a890;}
.descricao a:hover{text-decoration: underline;}
.descricao p {margin-bottom: 5px;}
.descricao .link{
    display: block;
    font-style: italic;
}
.descricao .faq {
    float: left;
    margin-bottom: 22px;
    width: 100%;
}
.formGuiaFirst {
    float: left;
    width: 390px;
}
.formGuiaFirst:first-child {margin-right: 9px;}
.campo textarea {
    float: left;
    border: 1px solid #00a890;
    background-color: #7dd4b8;
    resize: none;
    color: #ffffff;
    font-family: 'Arial';
    font-size: 11px;
    padding: 1px 14px;
}
.formGuiaFirst .campo textarea {
    width: 159px;
    height: 45px;
}
.formGuiaFirst .campo input[type=text] {width: 159px;}
.nota {
    float: left;
    clear: both;
    color: #aaaaaa;
    font-family: 'Arial';
    font-size: 10px;
    font-style: italic;
}
.guia2Wrapper {
    float: left;
    width: 100%;
    margin-top: 40px;
}
.h2subt {
    float: left;
    clear: both;
    color: #00a890;
    font-size: 18px;
    font-family: 'HelveticaNeueLTStdLtRegular';
    font-weight: normal;
}
.formGuiaBig {
    float: left;
    width: 100%;
    margin-top: 9px;
}
.formGuiaBig .campo .lblWrapper {width: 286px;}
.formGuiaBig .campo input[type=text] {width: 159px;}
.formGuiaBig .campo input[type=text].mini {width: 70px;}
.formGuiaBig .campo .units {
    float: left;
    margin: 4px 11px 0 11px;
    color: #808080;
    font-style: italic;
    font-family: 'Arial';
    min-width: 78px;
    font-size: 10px;
}
.formGuiaBig .campo .radio-btn {
    padding: 0px;
    font-weight: normal;
    color: #808080;
    float: left;
    font-family: 'Arial';
    font-size: 10px;
    margin-right: 31px;
}
.formGuiaBig .campo textarea {
    width: 270px;
    height: 67px;
}
.formGuiaBig .campo label.sublabel {
    padding: 0px;
    font-weight: bold;
    color: #808080;
    float: left;
    font-family: 'Arial';
    font-size: 10px;
    font-style: italic;
    margin: 0px 11px 0;
}
.formGuiaBig .campo input[type=text].minismall {
    width: 40px;
    padding: 0 10px;
}
.sbfieldBig {
    display: inline-block;
    float: left;
    height: 20px;
    margin-bottom: 1px;
    position: relative;
    width: 189px;
}
.guia_maq {
    float: left;
    width: 100%;
}
.guia_maq .texto {
    width: 486px;
    margin-right: 14px;
    float: left;
}
.img_texto {
    float: right;
    border: 1px solid #00a890;
}
.doc-to-down {
    float: left;
    background: transparent url(../images/download.png) left top no-repeat;
    padding-left: 20px;
    padding-top: 1px;
    color: #717171;
    font-family: 'Arial';
    font-size: 11px;
    font-weight: bold;
    margin-top: 7px;
}
.doc-to-down:hover {color: #00a890;}
.bloco {
    float: left;
    width: 100%;
}
.mainBlock {
    float: left;
    width: 100%;
    margin: 48px 0px 57px 0px;
}
.sec-title {
    float: left;
    width: 100%;
    font-weight: normal;
    font-family: 'HelveticaNeueLTStdLtRegular';
    font-size: 25px;
    color: #717171;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
    margin-bottom: 16px;
}
.galeria-horizontal {
    float: left;
    width: 100%;
    position: relative;
    height: 103px;
}
.bloco-seta {
    float: left;
    width: 28px;
    height: 103px;
    position: relative;
}
.galeria-horizontal .imagesWrapper {
    float: left;
    width: 734px;
    position: relative;
    height: 103px;
    overflow: hidden;
}
.bloco-seta .toLeft {
    width: 18px;
    height: 30px;
    position: absolute;
    top: 30px;
    left: 0px;
    background: transparent url(../images/setas.png) left top no-repeat;
}
.bloco-seta .toRight {
    width: 18px;
    height: 30px;
    position: absolute;
    top: 30px;
    right: 0px;
    background: transparent url(../images/setas.png) right -30px no-repeat;
}
.imagesWrapper ul {
    position: absolute;
    width: 20000px;
    left: 0px;
    top: 0px;
}
.imagesWrapper ul li {
    float: left;
    width: 139px;
    height: 103px;
    margin-right: 9px;
}
.imagesWrapper ul li a {
    float: left;
    width: 139px;
    height: 103px;
    position: relative;
}
.imagesWrapper ul li a .hv {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: url(../images/pic.png) no-repeat scroll center center transparent;
}
.imagesWrapper ul li.vid a .hv {background-image: url(../images/camara.png);}
.imagesWrapper ul li a:hover {background: #00a890;}
.imagesWrapper ul li a:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.imagesWrapper ul li a:hover .hv {display: block;}
.materiais {
    width: 100%;
    vertical-align: middle;
    text-align: center;
    font-family: 'Arial';
    font-size: 12px;
    color: #808080;
    margin-bottom: 4px;
}
.materiais th {
    background-color: #00a890;
    text-align: center;
    color: #ffffff;
    font-family: 'HelveticaNeueLTStdThinRegular';
    font-size: 13px;
    font-weight: normal;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    line-height: 14px;
    padding: 4px 0px 4px 0px;
}
.materiais tr:first-child th:first-child {border-left: none;}
.materiais tr:first-child th {border-top: none;}
.materiais tr td:last-child {max-width: 50px;}
.materiais tr td {
    padding: 9px 10px 8px 10px;
    line-height: 14px;
    background-color: #f1fbf7;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    vertical-align: top;
}
.materiais tr td:first-child {
    font-weight: bold;
    border-left: none;
}
.materiais tr td:nth-child(4), 
.materiais tr td:nth-child(5), 
.materiais tr td:nth-child(7), 
.materiais tr td:nth-child(8) {
    vertical-align: middle;
}

.tl2{float:left; width:100%;}
.tl2 .yearwrap-block{float:left; max-height:616px; min-height: 331px; width:100%; position: relative; margin-bottom: 2px;}
.yearwrap-block .opener{ width: 176px; height: 203px; color: #ffffff; display: inline-block; background: transparent url(../images/opener.png) left top no-repeat; position: absolute; left: 307px;
z-index:5;}
.yearwrap-block .opener .year{color: #fff;display: block;font-size: 45px;line-height: 49px;padding: 73px 10px 0;text-align: center;}
.yearwrap-block .opener .txt{color: #fff; display: block; font-size: 13px; line-height: 13px; padding: 0 10px; text-align: center; text-transform: uppercase;}
.yearwrap-block .opener .more{   bottom: 27px; left: 0; margin: 0 auto; overflow: hidden; position: absolute; right: 0;z-index: 10;}
.yearwrap-block.closed .opener .more{background: url("../images/bg-more.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 16px; width: 16px; }
.yearwrap-block .hexaWrapper{float: left; width: 100%; min-height: 203px;}
.slide_hexa{overflow: hidden; width: 414px; height: 478px; background: transparent url(../images/hexagono.png) center top; margin: 10px auto 0;
}
.tlslide-inner{  color: #fff; font-size: 11px; line-height: 16px; padding: 195px 34px 0; position: relative; text-align: center; }
.yearwrap-block.closed .slide_hexa{height: 0px; }
.yearwrap-block.closed .slide_hexa{
    -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;  
  transform-origin: center top;  
    transition: 0.4s ease-in-out;
}
.yearwrap-block .slide_hexa{
    -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;  
  transform-origin: center top;  
    transition: 0.4s ease-in-out;
}
.timeline .tlslide-inner .title { color: #00a890; display: block;font-size: 14px;font-weight: normal;line-height: 18px; margin: 0 0 13px; }
.tl2 .ano_sep-wrap{float: left; width:100%; height: 124px; margin-top:3px;}
.tl2 .ano_sep{width:24px; height: 124px; background: transparent url(../images/ano_separador.png) left top no-repeat; display: block; margin: 0px auto; position: relative; z-index: 5;}
.yearwrap-block.img-layout{position: relative; max-height: 430px;}
.img-layout .opener{}
.img-layout .hiw{float: left; width:100%; min-height: 203px;}
.img-layout .hexaWrapper{position: absolute; top: -82px; overflow: hidden; min-height: 0px;}
.img-layout .hexaWrapper .slide_hexa{margin: 0px;}
.img-layout .ano_sep-wrap{height: 226px; }
.yearwrap-block.img-layout.closed .hexaWrapper{height: 0px; min-height: 0px; }

.yearwrap-block.img-layout.closed .hexaWrapper .img-wrap{
    -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: right 25%;
  -moz-transform-origin: right 25%;
  -ms-transform-origin: right 25%;
  -o-transform-origin: right 25%;  
   transform-origin: right 25%;
    transition: 0.4s ease-in-out;
}
.yearwrap-block.img-layout .hexaWrapper .img-wrap{
        -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: right 25%;
  -moz-transform-origin: right 25%;
  -ms-transform-origin: right 25%;
  -o-transform-origin: right 25%;  
  transform-origin: right 25%;
    transition: 0.6s ease-in-out;
}
.hexaWrapper .img-wrap{position: relative;}
.hexaWrapper .img-wrap .mask{position: absolute; top: 0px; left:0px; width: 476px; height: 549px; background: transparent url(../images/hist_mask.png) left top no-repeat;}

.yearwrap-block.img-layout.closed .hexaWrapper .detail{
    padding-left: 0px;
    transition: padding-left 0.6s;
    -webkit-transition: padding-left 0.6s;
}
.yearwrap-block.img-layout .hexaWrapper .detail{
    padding-left: 42px;
    transition: padding-left 0.6s;
    -webkit-transition: padding-left 0.6s;
}

.yearwrap-block .more {
    background: url(../images/bg-less.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 13px;
    width: 44px;
}


.img-layout .ano_sep{height: 226px; background: transparent url(../images/ano_sep_big.png) left top no-repeat;}
.tl2 .ano_sep-wrap.auto{height: auto; position: relative; z-index: 5;}
.tl2 .ano_sep-wrap.auto .sep-top{height: 9px; background: transparent url(../images/bg-border.png) center top no-repeat; display: block;margin: 0 auto; width: 24px;}
.tl2 .ano_sep-wrap.auto .sep-bottom{height: 9px; background: transparent url(../images/bg-border.png) center bottom no-repeat; margin: 0 auto; width: 24px;}
.tl2 .ano_sep-wrap.auto .ano_sep{height: 106px; background-color: #272f2e; display: block;margin: 0 auto;}

.pf{max-width:790px; height: auto}

.listCategs .vant-title{font-weight: normal; color: #717171; font-size: 25px; font-family: 'HelveticaNeueLTStdMedRegular'; float: left; width: 100%; border-bottom: 1px solid #cccccc; margin-bottom: 20px;
padding-bottom: 4px; line-height: 31px;}

.area-erros{background: none repeat scroll 0 0 #f1fbf7; padding: 5px 10px 5px 0; display: block;color: #808080; float: left; font-size: 12px; line-height: 17px; 
position: relative; width:460px; margin: 10px 0px;box-sizing: border-box;}
.errorArea{display: block; color: #605c5c; font-weight:bold; font-size: 12px; }

.erros{color: #ff0033; font-family: 'Arial'; font-size: 11px; }
.sucesso{color: #009900; font-family: 'Arial'; font-size: 11px; }


.bannersWrapper{float: left; width: 100%;}
.banner{float: left; width: 100%; display: block; position: relative;}
.banimg{display: none;}
.banimg.selected{display: block;}
.banner img{width: 100%; height: auto; display: block;}
.banner_in{width: 100%; height: 100%; position: absolute; top: 0px; }
.banner_in_content{margin: 0 auto; width: 990px;}
.banntexto{position:relative; width: 345px; height: 201px; background: transparent url(../images/bannertexto.png) left top no-repeat; width: 293px; padding: 106px 26px 0px 26px; 
font-size: 30px; line-height:30px; font-family: 'HelveticaNeueLTStdThinRegular'; color: #ffffff; margin-top: 227px;}
.banntexto .btmais{width:60px; height: 70px; background: transparent url(../images/maisbanner.png) left top no-repeat; display: inline-block; position: absolute; left: 102px; bottom: -11px;}
.navwraper{float: left; width:100%; position: absolute; top: 0px; left: 0px; z-index: 2;}
.bannav{float: left; margin-top: 143px; width: 16px; }
.bannav li{float: left; width: 16px; height: 19px; clear: left; background: transparent url(../images/bannavli.png) left top no-repeat; display: block; cursor:pointer; margin-bottom: 5px; }
.bannav li:hover, .bannav li.selected{background-position: left -19px;}
.navbansetas{width: 65px; position: absolute; bottom: 8px; right: 0px; height:30px; content: " "; display: block;}
.navbansetas .toRight{  background: url("../images/setas.png") no-repeat scroll right -30px transparent; height: 30px; display:block; width: 18px; float: right; content: " ";}
.navbansetas .toLeft{background: url("../images/setas.png") no-repeat scroll left top transparent; height: 30px; width: 18px; display: block; float: left; content: " ";}


#table_comparador_holder{
    width:800px;
    height: 600px;
    overflow-x: scroll;
}


/*.carrinho{
    color: #777979;
    left: 1414px; 
    top: 8px; 
    position: absolute; 
    width: 25px;
    height: 19px;
    z-index:88;
}

.carrinho:hover{color: #00a890;}*/



/********SERVICOS*******************/

.infoProdutoServicos{
      float: left;
        width: 100%;
        margin-right: 0px;
}


.infoProdutoServicos .prodd .info_p .subtitulo{color:#272f2e;font-family:'HelveticaNeueLTStdMedRegular';font-size:11px;clear:both;float:left;text-transform:uppercase;line-height:12px;}

.infoProdutoServicos .subtitulo{color:#00a890;font-family:'HelveticaNeueLTStdLtRegular';font-weight:normal;font-size:17px;line-height:18px;float:left;width:100%;margin-bottom:9px;}
.infoProdutoServicos .mainArea.add01{margin:56px 0 44px;border:none;}
.infoProdutoServicos .mainArea.add01 .texto h2{margin-bottom:14px;}
.infoProdutoServicos p.mainArea.add01 .texto p{margin:0 0 7px;}
.infoProdutoServicos .texto{width:100%;color:#8c8c8c;font-family:'Arial';font-size:11px;line-height:16px;}
.infoProdutoServicos .infoProduto .texto{margin-bottom:35px;float:left;}
.infoProdutoServicos .infoProduto .texto p{margin-right:25px;}
.infoProdutoServicos .cores{float:left;width:100%;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;color:#c9c9c9;font-size:15px;font-family:'HelveticaNeueLTStdLtRegular';margin-bottom:24px;}
.infoProdutoServicos .colorTitle{float:left;margin-right:9px;padding:5px 0px;}
.infoProdutoServicos .colorItems{float:left;margin-top:1px;}
.infoProdutoServicos .colorItems li{float:left;width:11px;height:11px;margin-right:5px;background:transparent url(../images/caixa_cores2.png) center center no-repeat;margin-top:8px;}
.pblocktitle{width:100%;float:left;border-bottom:1px solid #d9d9d9;color:#c9c9c9;font-size:15px;font-family:'HelveticaNeueLTStdLtRegular';padding-bottom:3px;margin-bottom:8px;}
.infoProdutoServicos .links{float:left;width:100%;margin-bottom:16px;}
.infoProdutoServicos .area-blocos-suplem{float:left;width:100%;}
.infoProdutoServicos .area-blocos-suplem .links{width:374px;}
.infoProdutoServicos .area-blocos-suplem .links:nth-child(2n+2){margin-left:42px;}
.infoProdutoServicos .links ul{float:left;width:100%;}
.infoProdutoServicos .links ul li{float:left;width:100%;color:#717171;font-family:'Arial';font-size:11px;margin-bottom:7px;}
.infoProdutoServicos .links ul li a{float:left;color:#717171;padding-left:20px;background:transparent url(../images/links.png) left top no-repeat;padding-top:1px;}
.infoProdutoServicos .links ul li a:hover{color:#f69145;}
.infoProdutoServicos .links ul.dwns li a{background-image:url(../images/download.png);}
.infoProdutoServicos .prodLargeArea{float:right;width:490px;}
.infoProdutoServicos .texto .prodLargeArea{float:right;margin-left:25px;}
.infoProdutoServicos .prodGaleria{float:left;width:490px;min-height:426px;}
.infoProdutoServicos .prodLargeArea .prodGaleria{margin:5px 0px 19px 0px;}
.infoProdutoServicos .galBig{float:left;width:488px;height:357px;border:1px solid #cecece;margin-bottom:5px;}
.infoProdutoServicos .thumbsWrapper{float:left;width:490px;overflow:hidden;position:relative;min-height:61px;}
/***********************************/



.newsErr, .newsSuc{position: absolute; bottom: -20px; left:0px; font-size:11px; font-family:'Arial'; white-space: nowrap;}
.newsErr{color: #ff0033;}
.newsSuc{color: #009900;}


#ws_interface_holder{
    margin-top: 33px;
}

#submitWebService.btn-mais{
    float: right;
}
#submitWebServiceCasquilhosBronze.btn-mais{
    float: right;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../images/loader.gif')
                50% 50% 
                no-repeat;
    background-size: 50px 50px;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow-x: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.textoIntro {
  float: left;
  width: 100%;
  color: #717171;
  Font-family: 'Arial';
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 17px;
}

.checkbox{
      background: url(../images/bg-checkbox.png) no-repeat;
  float: left;
  min-width: 18px;
  height: 18px;
  font-size: 11px;
  font-family: 'Arial';
  color: #808080;
  line-height: 18px;
}

.checkbox input[type=checkbox] {
  opacity: 0;
  filter: alpha(opacity=0);
  height: 18px;
  margin-right: 11px;
  width: 18px;
  float: left;
}

.fileupload {
  float: left;
  position: relative;
  height: 18px;
  width: 253px;
  display: inline-block;
}

.fileupload input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0;
}
.filename {
  float: left;
  border: 1px solid #00a890;
  background-color: #7dd4b8;
  text-indent: 16px;
  overflow: hidden;
  width: 189px;
  height: 16px;
  color: #ffffff;
}
.botao-fileup {
  float: left;
  width: 62px;
  height: 18px;
  color: #ffffff;
  background-color: #00a890;
  font-size: 11px;
  font-family: 'Arial';
  cursor: pointer;
}

.checkbox.checked { background:url(../images/bg-checkbox.png) no-repeat 0 -22px;}
.submeter{float: left; height:22px; padding: 0px 41px 0px 20px; line-height: 22px; background: transparent url(../images/submeter.png) right top no-repeat; color: #ffffff; font-family: 'HelveticaNeueLTStdMedRegular';
font-size: 12px;}
.submeter:hover{background-position: right -22px;}


.peso_orientativo{
    display: inline-block;
  color: #808080;
  font-family: 'Arial';
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  float: left;
}

#cookies{display:block; background-color: #00a890; width: 100%; height: 48px; z-index: 101; position: relative; }
#cookies_in{margin: 0 auto; width: 960px;}
.cookie_msg{color: #ffffff; font-size: 11px; text-transform: uppercase; font-family: 'Arial'; float: left; padding-top: 18px; }
.cookie-btn{padding: 0px 15px; font-family: 'Arial'; margin-top: 13px; display:block; float: right; height: 22px; background: #767e7d; color: #fff; font-size: 12px; line-height: 22px; text-align: center;}
.cookie-btn:hover{}


.detail ul li { background: rgba(0, 0, 0, 0) url("../images/texto_li.png") no-repeat scroll left top; padding-bottom: 7px; padding-left: 20px; }

.apoios{top: 50%;transform: translateY(50%);}
.bars-menu{display: none;}
.visible-xs{display: none;}
.close{position:absolute;right:3px;top:0;width:32px;height:32px;opacity:0.8;}
.close:hover{opacity:1;}
.close:before,
.close:after{position:absolute;left:15px;content:' ';height:33px;width:2px;background-color:#00a890;}
.close:before{transform:rotate(45deg);}
.close:after{transform:rotate(-45deg);}

/*MEDIA*/


/* xs */
@media (max-width: 990px) {
    a,.bars-menu{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
    .hidden-xs{display: none !important}
    .visible-xs{display: block;}
    *{box-sizing:border-box;-webkit-box-sizing:border-box;outline:none!important;}
    .img-responsive{max-width: 100%;height: auto;}
    .table-responsive,#table_comparador_holder{width:100%;margin-bottom:15px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;}
    body{min-width: auto}

    /* HEADER */
    #header{height: 62px;position: fixed;top: 0;z-index: 999;-webkit-box-shadow: 0 9px 5px -10px rgba(0,0,0,.35);-moz-box-shadow: 0 9px 5px -10px rgba(0,0,0,.35);box-shadow: 0 9px 5px -10px rgba(0,0,0,.35);}
    #header_in,#subheader_in{width:100%;}
    #logo{background: url(../images/logo-horizontal.png) left top no-repeat;width:120px;height:31px;}
    #subheader{height: 55px;margin-top: 61px}
    .mainTitle{font-size: 18px;margin-top: 16px;text-shadow: none;}
    .caminho{display: none;}
    .area_r{position: absolute; bottom: 14px; right: 13px;}

    /* MENU */
    .h_right{background: #1e2423; width: 300px; position: fixed; top: 0; bottom: 0; right: 0; z-index: 900;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(100%,0);transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
    #right_top {float: none; margin-top: 15px}
    #idiomas{position: absolute;bottom: 9px;}
    #idiomas.open{background:#1e2423;z-index: 1}
    #idiomas ul li{display: inline-block;padding: 0;}
    #idiomas ul li a{padding: 5px 14px;height: auto;}
    #idiomas ul li:first-child a{background: transparent url(../images/setadir.png) right center no-repeat;}
    .area_pesq{height: 33px;}
    .lblSearch{display: none;}
    #main_menu{float: none; margin-top: 0; opacity: 0.4; padding: 30px;height: calc(100% - 90px);overflow: scroll;}
    #main_menu ul{float: none;}
    #main_menu ul li{float:none;margin-left:0!important;border-top:1px solid rgba(255,255,255,.2);padding:6px;font-size: 12px}
    #main_menu ul li a{display: block;padding: 1px}
    #main_menu ul li:last-child{margin-right:0}
    .campo_pesq input[type="text"]{width: 205px;height: 33px;line-height:30px;font-size: 12px;padding: 0px 15px 0 40px}
    .campo_pesq label{line-height: 33px;font-size: 12px;padding-left: 37px;}
    #lupa{position:absolute;width: 33px;height: 33px;left:29px; background: #474e4d url(../images/iconlupa.png) center center no-repeat;}
    #lupa:hover{background-position: center center}

    .bars-menu {display:block;position: absolute; top: 19px; right: 16px; z-index: 1000; padding: 0; width:35px; height:30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer;}
    .bars-menu:focus { outline: none; }
    .bars-menu span { display: block; position: absolute; top: 10px; left: 0px; right: 0px; height: 2px; background:#00a890; }
    .bars-menu span::before, .bars-menu span::after {position: absolute; display: block; left: 0; width: 100%; height: 2px; background:#00a890; content: ""; -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s;}
    .bars-menu span::before { top: -10px; -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; }
    .bars-menu span::after { bottom: -10px; -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform;}

    header.open .bars-menu span { background: transparent;}
    header.open .bars-menu span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
    header.open .bars-menu span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
    header.open .bars-menu span::before, header.open span::after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s;}

    header.open .h_right{transform:scale(1.0,1.0)}

    /* HOME */
    .btnwrapper{display: none;}
    .banner_in_content{width: 100%}
    .banner_in{padding-left: 12px}
    .banntexto{width: 100%;height:100vh;margin-top: 20%;}
    .banntexto .btmais{bottom: auto;margin-top: 140px;}
    .navbansetas{bottom: auto; right: auto; left: 280px; margin-top: 125px;}
    .navwraper{left: 12px;width: auto}
    .bannervideo{margin-top: 62px}
    #destaques{margin: 10px 0}
    #destaques_in{width: 100%}
    .categs_destaque{width: 100%; margin-right: 0;}
    .categd,.outros_destaques,.prodsd,.prodd{width: 100%}
    .dest_superior{float: none;}
    #destaques_in .categd {padding: 0;}
    #destaques_in .categd img{width: 100%;height: auto;min-height: 153px}
    .vantagens{width: 100%; margin-right: 0; background: #272f2e url(../images/vantagens.png) left top no-repeat}
    .vantagens .titulo {color: #00a890!important;width: 240px;}
    .vantagens:hover{background-position:left top;}
    .video_destaque{width: 100%; margin-right: 0;height: auto;}
    .video_destaque iframe{width: 100%;height: auto;}
    .categd .titulo{line-height: 1;font-size: 28px;bottom: 6px;top:40%;position: relative;}
    .categd .resumo{font-size:13px;}
    .categd .smais{font-size:12px;}
    .categd .txthover{display: none}
    .categd:hover img{top:0;}
    .categd:hover .titulo{bottom: 6px}
    .prodd img{width: 50%}
    .prodd .info_p{position: relative;width: 50%;float: left;background:transparent;}
    .prodd .info_p .titulo{font-size: 17px}
    .prodd .info_p .smais{font-size: 12px}
    .not_destaque{width:100%;height:auto;border:0;margin-top: 6px;}
    .not_destaque img{width:100%;max-width:100%;height:auto}
    .not_destaque .imghv{display: none!important}
    .not_destaque .titulo{padding:10px;font-size:18px;}
    .not_destaque .resumo{padding:0 10px;font-size:14px;}
    .not_destaque .vermais{position: relative; float: left; padding: 20px; margin-left: 10px;font-size:12px;}
    
    /* PAGES */
    #page_in{width:100%;padding: 0 12px;}
    .content{width: 100%}
    .ctgitem{width: 100%;height: auto}
    .ctgitem img{width: 100%;height: auto;}
    .ctgitem .ctInfo{width: 100% !important;height: auto;}
    .guia_maq .texto{width: 100%;margin-right: 0}
    .img_texto{float:left;margin-bottom:20px;height:auto;max-width: 100%;width:auto;}
    .galeria-horizontal .imagesWrapper{width: 83%}
    .ctInfo .titulo{font-size: 28px}
    .ctInfo .veja{position: relative; left: 0; margin-top: 28px; float: left;font-size: 12px}
    .texto img{max-width: 100%;height: auto}
    article h2{color: #00a890;font-size: 17px; margin-bottom: 10px;font-weight: normal;font-family: 'HelveticaNeueLTStdLtRegular';}

    .mainArea{margin-top: 25px;margin-bottom: 25px;}
    .infoProdutoServicos .texto .prodLargeArea{float: none;width: 100%;margin-left: 0;}
    .prodGaleria,.galBig,.thumbsWrapper{width: 100% !important;height: auto !important;line-height: 0px;min-height: auto!important;}
    .galBig iframe{width: 100%;height: auto;}
    .galBig img{max-width: 100%;height: auto;width: 100%;}
    .galThumbs{width: 100%}
    .galThumbs li{height: 68px!important}
    .galThumbs li:nth-child(6n+6){margin-right: 14px}

    .infoProdutoServicos .galBig{position:relative;height:0;overflow:hidden;padding-top:0;padding-left:0;padding-right:0;}
    .galBig iframe,
    .galBig object,
    .galBig embed{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
    .galBig.padvid{padding-bottom: 56.25%;}



    .col_nav{width: 100%; margin-top: 15px; margin-right: 0;}
    .categorias{width: 100%;margin-bottom: 0;}
    .ct1select,.ct2select{width: 100%; border: 1px solid #ddd; padding: 5px;}
    .ct1select{margin-bottom: 10px}

    /* HISTORIA */
    .yearwrap-block{text-align: center;}
    .yearwrap-block .opener{left:auto;position:relative;margin:0 auto;}
    .img-layout .hiw{text-align:left;min-height: auto;}
    .img-layout .hexaWrapper{height: auto!important;position: relative;top: 0}
    .img-wrap{display: none}
    .timeline .detail{float: none; width: 100%;padding:10px 0 30px 0;font-size: 13px}
    .yearwrap-block.closed .slide_hexa{background: none; transform: none;height: auto;width: 100%}
    .yearwrap-block .hexaWrapper{min-height: auto}
    .tlslide-inner{padding: 20px;}
    .timeline{padding-top: 20px}
    .yearwrap-block.closed .opener .more{display: none;}
    .yearwrap-block.img-layout{max-height: 100%}

    /* INDUSTRIAS */
    .listCategs{margin-top:0}
    .list-produtos li{width: 25%;margin: 0;padding: 5px;}
    .list-produtos li a{width:100%}
    .list-produtos li img{max-width: 100%;height: auto;} 
    .list-produtos li a .im{background: #fff}

    /* DADOS */
    .listCategs.add{margin-top: 15px}
    .piramide-wrap{padding-top: 15px}
    .product-detail{width: 100%;padding-top: 15px;}
    .links ul li{margin-bottom: 10px}
    .piramide-wrap .left-block{width:50%}
    .piramide-wrap .right-block{float: left;margin-left: 0; width: 50%}
    .list-produtos li a span {width: 100% !important;}

    /* PRODUTOS */
    .infoProduto{width: 100%;margin-right: 0;margin-top: 20px;}
    .prodLargeArea{width: 100%}
    .tab-content img{max-width: 100%; height: auto}
    .comparador .propField,.comparador .mainHead{min-width: 175px}
    .comparador .propField{padding: 6px 15px}
    .comparador .mainHead.wsb{padding-right: 15px}
    .configArea{width:100%;margin-bottom:15px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;}
    .campo .lblWrapper{width: 130px}
    .sbfield{height: 26px}
    .campo label{padding-left: 16px}
    .campo input{height: 26px;float: left;}
    .campo .infoit{margin-left:140px;}
    #submitWebService.btn-mais { height: auto; margin-right: 10px; line-height: 1; background: #00a890; padding: 6px 18px; font-size: 13px;margin-top: 10px; }
    .closed .tab-btn,.opened .tab-btn{background-position:right -82px} 
    .closed .tab-btn:hover {background-position: right -170px;}
    .tab-btn, .opened .tab-btn{font-size: 20px;background-position: right 11px;}
    #web_service_tab .resumoArea{display: none;}
    #ws_interface_holder{margin-top: 0}
    .tbl_caracteristicas td{padding: 7px;}
    .area-blocos-suplem .links{width: 100%}
    .area-erros{width: 100%}
    .askForCons{margin-bottom: 30px}

    /* CONTACTOS */
    .contact-info{padding-top: 10px;}
    .contact-table{width: 100%}
    .contact-table colgroup{display: none;}
    .contact-table td{height: auto; display: block;}
    .contact-table tr{margin-bottom: 10px;padding-bottom: 10px;float: left;width: 100%;}
    .contact-table .title{font-size: 14px; line-height: inherit;}
    .contact-nos .contact-form{width:100%}
    .contact-nos .info-form{width:100%}
    .info-form label::before{background: none}
    .contact-nos .info-form input[type="text"], .contact-nos .info-form input[type="email"], .contact-nos .info-form input[type="password"], .contact-nos .info-form .input-wrap{width: 100%;margin-left:0}
    .info-form input[type="text"], .info-form input[type="email"], .info-form input[type="password"]{height: 27px}
    .contact-nos .info-form .sbfield{width: 100%;height: 27px}
    .contact-nos textarea{width: 100%}
    .sbfield label, .sbfieldBig label{line-height: 27px}
    .contact-nos .btn-wrap{margin-top:20px}
    .contact-nos .btn-cleanup, .contact-nos input[type="submit"]{height: 30px;line-height: 30px}
    .contact-nos .des{width: 100%;margin-bottom: 20px;}

    /* FOOTER */
    #footer1_in,#footer2_in{width:100%;padding: 0 12px;}
    .contactos-rdp,.boxnl{width: 49%;margin: 0}
    .socialicon a{float: none;display: inline-block;margin:0;}
    .socialicon a:last-child{margin-right: 0}
    .apoios{top: 0;transform: unset;text-align: center;}
    .direitos.info{float:none;margin-top: 10px;text-align: center;}

    /* COOKIES */
    #cookies{height:auto;float:left;position:fixed;bottom:0;}
    #cookies_in{width: 100%; padding: 0 15px;}
    .cookie_msg{padding-top: 15px}
    .cookie-btn{margin-bottom: 15px}
}
/* POPUPS */
@media (max-width: 700px) {
    .popupcontent{width: 100%;padding: 20px;}
    .popupcontent .campo {padding: 4px 10px}
    .popupcontent .campo .lblWrapper{width: 100%;margin-right: 0;background: none}
    .popupcontent .campo label {padding-left:0}
    .popupcontent .campo input{width:100%;height:auto;font-size:13px;padding:7px;}
    .popupcontent textarea{width: 100%!important;font-size:13px;padding:7px;}
    #sub_recomendar,#sub_orcamento{margin-left: 0;float: right;}
    .configForm,.configForm.produto{width: 100%;margin-right:0;}
    .configRight{width: 100%;padding: 10px;min-height: auto;}
    .confright_title{border: 0;height: 20px;width: 100%}
    .block_cbs{width:100%}
    .block_cbs li{height: auto;}
    .block_cbs li input[type="text"]{height:auto;font-size:13px;padding:7px;width: 60%;float:right;}
    .block_cbs .checkbox{margin-top: 8px}
    .resumoArea{width: 100% !important}
/*    .tbl_resumo th{display: none;}
    .tbl_resumo td{display: block;width: 100%}*/
    .fileupload{height: auto;width: 100%;}
    .filename{height: 32px;line-height: 28px;text-indent: 10px;margin-right: 5px;width: 73%}
    /*.tbl_resumo td{padding-left: 0}*/
    .botao-fileup{float: right;width: 25%;height: 32px}
    #qtd, .qtd{width: 32px;height: 32px}
    .qtspan{float: left; margin-right: 12px;line-height: 29px;}
    .resumoArea .btn-mais{line-height: 22px;height: 22px}

    table.tbl_resumo th{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
    table.tbl_resumo tr{display:block;margin-bottom:.625em;float: left; width: 100%}
    table.tbl_resumo td{display:block;font-size:.7em;text-align:left !important;padding:10px !important;height: 55px;}
    table.tbl_resumo .campo{padding:0}
    table.tbl_resumo td:before{content:attr(data-column);float:left;font-weight:bold;text-transform:uppercase;margin-right: 10px}
    table.tbl_resumo td:last-child{border-bottom:0;display: block;width: 100%; float: left;}
}
@media (max-width: 500px) {
    .list-produtos li{width: 50% !important;}
    .categd .titulo{position: absolute;top:auto;}
    .cert{width: 20%}
}

@media (max-width: 359px) {
    .contactos-rdp,.boxnl{width: 100%;}
    .boxnl{clear: both;float: left; margin-top: 40px}
}


/*** Styles added to fix the issue with zoom in on iphone ***/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .categorias select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:#ddd!important;background:#f1f1f1 url(../images/down-arrow.png) no-repeat right 3px;}
}
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}
 
/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}
 
/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}
 
/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}