@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Sarabun';
    src: url('fonts/Sarabun-Regular.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'nobelBlack';
    src: url('fonts/nobel-black.otf') format('opentype');
    font-style: normal;
}


/* GERAL */
body{
  font-family: 'Open Sans', sans-serif; 
  color: #666;
  background-color: #fff;
  font-size: 16px;
}
.Sarabun{
  font-family: Sarabun;
}
.nobelBlack{
  font-family: nobelBlack;
}
a.linkbranco{
  text-decoration: none;
  color: #fff;
}
a.linkbranco:hover{
  text-decoration: underline;
  color: #fff;
}
a.linkpreto{
  text-decoration: none;
  color: #000;
}
a.linkpreto:hover{
  text-decoration: underline;
  color: #000;
}
a.linkcinza{
  text-decoration: none;
  color: #666666;
}
a.linkcinza:hover{
  text-decoration: underline;
  color: #666666;
}

a.linkempresa{
  text-decoration: none;
  color: #ff6600;
}
a.linkempresa:hover{
  text-decoration: none;
  color: #ff6600;
}
a.linkempresa:active{
  text-decoration: none;
  color: #ff6600;
}
a.linkempresa:visited{
  text-decoration: none;
  color: #ff6600;
}
a.linkverde{
  text-decoration: none;
  color: #339999;
}
a.linkverde:hover{
  text-decoration: none;
  color: #339999;
}
a.linkverde:active{
  text-decoration: none;
  color: #339999;
}
a.linkverde:visited{
  text-decoration: none;
  color: #339999;
}

.fonte_verde{
  color: #339999; 
}
.fonte_branca{
  color: #fff; 
}
.fonte_cinza{
  color: #65666a; 
}
.fonte_cinza2{
  color: #9a9a9a; 
}
.fonte_preta{
  color: #000; 
}
.bg_empresa{
  background-color: #ff6600;
}
.bg_cinza{
  background-color: #cecece;
}
.bg_cinza2{
  background-color: #EFEFF0;
}
.bg_cinza3{
  background-color: #e7e8ea;
}
.bg_branco{
  background-color: #fff;
}
.divc {
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.divpad10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.transparent-input {
  background-color: rgba(0, 0, 0, 0);
}
.nobold{
  font-weight: normal;
}
.img_acabamento{
  max-height: 50px;
  max-width: 50px;
}
.margin_topprod{
  margin-top:20px;
}
.rodape{
  font-size: 14px;
  font-weight: 500;
}
.pointer{
  cursor: pointer;
}
.margL0{
  margin-left: 0;
  padding-left: 12px;
}
.boxacao{
  padding: 20px;
}
.border{
  border: 1px solid #000;
}
.espaco_dir_esq{
  margin-left: 20px;
  margin-right: 20px;
}

.titulo_form{
  background-color: #bdbdbd;
  padding: 10px;
  color: #fff;
}


/* Icones Personalizados */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?dudtpq');
  src:  url('fonts/icomoon.eot?dudtpq#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?dudtpq') format('truetype'),
    url('fonts/icomoon.woff?dudtpq') format('woff'),
    url('fonts/icomoon.svg?dudtpq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bl:before {
  content: "\e900";
}
.icon-lj:before {
  content: "\e901";
}
.icon-rt:before {
  content: "\e902";
}
.icon-rp:before {
  content: "\e903";
}
.icon-tv:before {
  content: "\e904";
}
.icon-stam{
  font-size: 40px;
}	
/* Fim - Icones Personalizados */

/* Principal */
.tit_homelinhas{
  font-size: 24px;
}
.menu_idiomas{
  border: 1px solid #fff;
  padding: 3px;
  font-size: 10px;
}
.menumarg{
  margin-left: -10px;
  font-size: 14px;
  letter-spacing: -0.5px;
}
.menuloja{
  padding:3px;
  padding-left:8px;
  padding-right:8px;
  background-color: #000;
  color: #fff;
}
.menuloja:hover{
  background-color: #555;
}
.menuboxlinhas{
  padding:3px;
  padding-left:10px;
  padding-right:20px;
  background-color: #ff6600;
  color: #fff;
  min-width: 250px;
}
.holderbusca::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
}
.holderbusca::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000;
}
.holderbusca:-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000;
}
.holderbusca:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #000;
}
.destaqueshome{
  padding-top: 30px;
  padding-bottom: 30px;
}
.linhashome{
  padding-top: 60px;
  padding-bottom: 10px;
}
.pad0{
  padding: 0;
  margin: 0;
}
.playvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100px;
}

/* Produtos */
.destaquesP{
  padding-bottom: 30px;
}
.linhasP{
  padding-bottom: 60px;
}
.nomefamilia{
  font-size: 14px;
}
.thumbprod{ 
  height:270px; 
}
.fonte_menu_left{
  font-size: 14px;
}

#bannerfull{
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}



.border{
  border: 1px solid #000;
}

/* centered columns styles */
.row-centered {
text-align:center;
}
.col-centered {
display:inline-block;
float:none;
}

.center2{
  margin: 0 auto;
  display: -webkit-flex; /* Safari */
  -webkit-align-items: center; /* Safari 7.0+ */
  display: flex;
  align-items: center;
}



/* Bootstrap */
.center{
  margin: 0 auto;
  display: inline-flex;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  align-items: flex-start;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ff6600;
  background-color: #fff;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #000;
  background-color: #ff6600;
}





.btn-primary {
  color: #fff;
  background-color: #336666;
  border-color: transparent;
  background-image: linear-gradient(to right, #336666, #669999);
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #336666;
  border-color: #336666;
}
.btn-primary:hover {
  color: #fff;
  background-color: #669999;
  border-color: #336666;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #669999;
  border-color: #336666;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #669999;
  border-color: #336666;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
   background-color: #336666;
  border-color: #336666;
}
.btn-primary .badge {
  color: #336666;
  background-color: #fff;
}






















.btn-warning {
  color: #ffffff;
  background-color: #ff6600;
  border-color: #ff8800;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ff6600;
  border-color: #ff8800;
}

.btn-warning:hover,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ff9900;
  border-color: #ffaa00;
}


.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #089768;
  border-color: #4cae4c;
}

.btn-warning .badge {
  color: #5cb85c;
  background-color: #fff;
}







.btn-black {
  color: #ffffff;
  background-color: #000000;
  border-color: #666666;
  border-radius: 1px;

}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  color: #ffffff;
  background-color: #000000;
  border-color: #666666;
}

.btn-black:hover,
.open .dropdown-toggle.btn-black {
  color: #ffffff;
  background-color: #555555;
  border-color: #555555;
}


.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  background-image: none;
}

.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black.active {
  background-color: #089768;
  border-color: #4cae4c;
}

.btn-black .badge {
  color: #5cb85c;
  background-color: #fff;
}




.btn-cinza {
  color: #ffffff;
  background-color: #4e4e4e;
  border-color: #666666;
  border-radius: 1px;

}

.btn-cinza:hover,
.btn-cinza:focus,
.btn-cinza:active,
.btn-cinza.active,
.open .dropdown-toggle.btn-cinza {
  color: #ffffff;
  background-color: #444444;
  border-color: #444444;
}

.btn-cinza:hover,
.open .dropdown-toggle.btn-cinza {
  color: #ffffff;
  background-color: #444444;
  border-color: #444444;
}


.btn-cinza:active,
.btn-cinza.active,
.open .dropdown-toggle.btn-cinza {
  background-image: none;
}

.btn-cinza.disabled,
.btn-cinza[disabled],
fieldset[disabled] .btn-cinza,
.btn-cinza.disabled:hover,
.btn-cinza[disabled]:hover,
fieldset[disabled] .btn-cinza:hover,
.btn-cinza.disabled:focus,
.btn-cinza[disabled]:focus,
fieldset[disabled] .btn-cinza:focus,
.btn-cinza.disabled:active,
.btn-cinza[disabled]:active,
fieldset[disabled] .btn-cinza:active,
.btn-cinza.disabled.active,
.btn-cinza[disabled].active,
fieldset[disabled] .btn-cinza.active {
  background-color: #089768;
  border-color: #4cae4c;
}

.btn-cinza .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn{
  border-radius: 0;
}
.form-control{
  border-radius: 0;
}



/* Bootstrap - MENU */
.navbar{
  color: #666666;
}
.navbar-default{
  background-color: #fff;
  border: 0;
}
.navbar-default .navbar-nav > li > a{
  color: #666666;
}











 /* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */   
    height: 0;
    width: 94%;
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    top: 0;
    left: 3%;
    background-color: #fff; 
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 50px; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 15px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    /*font-size: 36px;*/
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 0;
    right: 15px;
    padding-top: 5px;
    font-size: 50px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {/*font-size: 20px*/}
    .overlay .closebtn {
        font-size: 40px;
        top: 0;
        right: 5px;
    }
} 


 /*!
 * bootstrap-vertical-tabs - v1.1.0
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-06-06
 * Copyright (c) 2014 İsmail Demirbilek
 * License: MIT
 */
.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
  color: #ff6600;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
  color: #ff6600;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
  
}
.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}
.tabs-left>li>a:hover {
  border-bottom-color: #ddd;
  border-right-color: transparent;
  color: #ff6600;
}



.carousel-control {
  background:none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  /* background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50); 
  opacity: .5;*/
}
.carousel-control.left {
  background-image: none;
  background:none;
}
.carousel-control.left:hover {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right{
  background-image: none;
  background:none;
}
.carousel-control.right:hover {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}




@media (max-width: 990px) {
  .center2{
    margin: 0 auto;
    display: block;
  }  
  
  .navbar-header {
    float: none;
  }
  .navbar-left,.navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
  }
  .navbar-nav>li {
    float: none;
  }
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in{
    display:block !important;
  }

  
  
  .overlay {
    width: 100%;
    left: 0;
  }
  
  .thumbprod{ 
    height:auto; 
    min-height: 160px;
  }
  
}/* @media (max-width: 990px) */