/**
 * Reset
 */
@import 'reset.css';
@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700';
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var,center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
	font-style: normal;
	font-weight: normal;
  vertical-align: baseline;
  background: transparent
}

ol, ul { list-style: none}

blockquote, q { quotes: none }

hr { display:none }

textarea {
    resize:none;
    overflow:auto;
}

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

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

blockquote, q { quotes: none; }

input:focus, select:focus, textarea:focus{outline:0}

.left, .box{float: left;}

.right{float: right;}

a {text-decoration: none}
p {
    font: 12px "tahoma";
    color: #434343;
}
.cb {display: block; margin: 0 auto;}
#resultado a.btn {
    background-color: #EEEEEE;
    font: 10px "myriad_pro_semibold";
    color: #999999;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 6px 20px;
    border: 1px #CCCCCC solid;
    -webkit-box-shadow: inset 0px 1px 15px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: inset 0px 1px 15px 0px rgba(50, 50, 50, 0.15);
    box-shadow: inset 0px 1px 15px 0px rgba(50, 50, 50, 0.15);
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 35px;
    margin-right: 10px;
}
#resultado a.btn.ativo{color:#444444;}
#resultado a.btn:hover{
    text-decoration: none;
    color:#444444;
}
#box-representantes, #box-distribuidores{display: none;}
/*********************************
/      Fontes
*********************************/

@font-face {
    font-family: 'myriad_web_proregular';
    src: url('../fonts/myriadwebpro-webfont.eot');
    src: url('../fonts/myriadwebpro-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/myriadwebpro-webfont.woff') format('woff'),
    url('../fonts/myriadwebpro-webfont.ttf') format('truetype'),
    url('../fonts/myriadwebpro-webfont.svg#myriad_web_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'myriad_pro_semibold';
    src: url('../fonts/myriadpro-semibold-webfont.eot');
    src: url('../fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/myriadpro-semibold-webfont.woff') format('woff'),
    url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'),
    url('../fones/myriadpro-semibold-webfont.svg#myriad_pro_lightbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Myriad-CnWeb';
    src: url('../fonts/Myriad-CnWeb.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Myriad-CnWeb.woff') format('woff'),
    url('../fonts/Myriad-CnWeb.ttf')  format('truetype'),
    url('../fonts/Myriad-CnWeb.svg#Myriad-CnWeb') format('svg');
    font-weight: normal;
    font-style: normal;
}

/****************************/
/*       Classes Gerais     */
/***************************/
.cb {
    display: block;
    margin: 0 auto;
}
.clear{
    clear: both;
}
.clearfix{display: block;}
.icon {
    display: inline-block;
    text-indent: -999999px;
    position: relative;
    float: left;
}
.container{
    width: 920px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    position: relative;

}
.container-boxes{
    width: 856px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.container-boxes-produtos{
    width: 890px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.transition {
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease;
}
.bts {

}
.bts:hover {

}
.col3{
    float: left;
    width: 320px;
    position: relative;
    height: 260px;
}
.col-4{
    float: left;
    width: 33.333%;
}
#wrapper {background-color: #EEEEEE; padding-top: 30px;}
/************************/
/*       HEADER          */
/************************/
#header{
    width: 100%;
    height: 50px;
    background: url("../images/bg-topo.png") repeat-x;
}
#header h1{
    float: left;
    width: 275px; height: 31px;
    background: url("../images/logo.png") no-repeat;
    text-indent: -999999px;
    margin: 10px 0px 0 20px;
}
#navigator {
    float: right;
    margin: 15px 20px 0px 0px;

}
#navigator li {display: inline-block}
#navigator li a{
    font: 16px "Myriad-CnWeb";
    color: #A7A7A7;
    font-weight: 600;
    float: left;
    margin: 0 9px;
    text-transform: uppercase;

}
#navigator li a.ativo{color: #257735}
#navigator li a:hover{color: #666666}
/************************/
/*       BANNER          */
/************************/
#featured {
    -webkit-box-shadow: inset 0px 2px 15px 0px rgba(50, 50, 50, 0.6);
    -moz-box-shadow:    inset 0px 2px 15px 0px rgba(50, 50, 50, 0.6);
    box-shadow:         inset 0px 2px 15px 0px rgba(50, 50, 50, 0.6);
}
.banner-interna{
    width: 100%;
    height: 100px;
    -webkit-box-shadow: inset 0px 2px 15px 0px rgba(50, 50, 50, 0.6);
    -moz-box-shadow:    inset 0px 2px 15px 0px rgba(50, 50, 50, 0.6);
    box-shadow:         inset 0px 2px 15px 0px rgba(50, 50, 50, 0.6);
}
.sobre .banner-interna{background: url("../images/banner-sobre.jpg") center}
.produtos .banner-interna{background: url("../images/banner-produtos.jpg") center}
.catalogo .banner-interna{background: url("../images/banner-catalogo.jpg") center}
.encontrar .banner-interna{background: url("../images/banner-onde-encontrar.jpg") center}
.contato .banner-interna{background: url("../images/banner-contato.jpg") center}
/************************/
/*       HOME          */
/************************/
.boxes{
    width: 100%;
    position: relative;
    z-index: 999;
}
.boxes-home {
    margin-top: -128px;
    height: 220px;
    background: url("../images/bg-boxes-home.png") center no-repeat;
}

.box{
    width: 32.7102%;
    float: left;
    height: 195px;
    margin: 0 0.2336%;
    padding-top: 25px;
    position: relative;
}
.box p{text-align: center}
.box a,  .boxes-produtos a, .box-no-exterior a{
    background-color: #EEEEEE;
    font: 10px "myriad_pro_semibold";
    color: #444444;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 6px 20px;
    border: 1px #CCCCCC solid;
    -webkit-box-shadow: inset 0px 1px 15px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow:    inset 0px 1px 15px 0px rgba(50, 50, 50, 0.15);
    box-shadow:         inset 0px 1px 15px 0px rgba(50, 50, 50, 0.15);
    position: absolute;
    bottom: 7px;
    font-weight: bold;
    text-transform: uppercase;

}
.boxes-home .box a, .boxes-produtos a{left: 50%; margin-left: -31px;}
.box a:hover, .boxes-produtos a:hover {color: #37A83F}
.box.linha-produto{background: #EEEEEE url("../images/box-nova-linha.png") bottom center no-repeat; }
.box.catalogo{background: #EEEEEE url("../images/box-catalogo.png") bottom center no-repeat;}
.box.onde-encontrar{background: #EEEEEE url("../images/box-onde-encontrar.png") bottom center no-repeat;}
.box.contato{background:  url("../images/box-contato.png") bottom center no-repeat;}
.other-box .box.onde-encontrar{background: url("../images/box-onde-encontrar-other.png")  bottom center no-repeat;}
.other-box .box.catalogo{background:  url("../images/box-catalogo-other.png") bottom center no-repeat;}
.other-box .box.linha-produto{background:  url("../images/box-nova-linha-other.png") bottom center no-repeat;}
/************************/
/*       SOBRE          */
/************************/
article.conteudo{
    padding: 0 20px;
}
h2.title{
    font: 27px "myriad_pro_semibold";
    font-style: italic;
    color: #666666;
}
article.conteudo p.subtitle{
    font: 16px "myriad_pro_semibold"!important;
    color: #666666;;
}
article.conteudo p{
    font: 13px "arial";
    color: #444444;
    line-height: 16px;
}
.box-video{
    position: relative;
    width: 640px;
    margin: 15px auto 30px;
}
.box-video .video-iframe{
    height: 390px;
    position: relative;
    z-index: 2;
}
.box-video .shadow{
    position: absolute;
    bottom: -26px;
	left: 0px
}
.sobre .list{
    margin: 25px auto;
    display: block;
}
.sobre .list li {
    font: 13px "myriad_web_proregular";
    color: #444444;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
}
.sobre .list li:before{
    content: url("../images/list-style.png");
    width: 19px;
    height: 22px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 4px;


}
.other-box{border-top: 1px solid #FFFFFF}
.other-box .box {
    height: 170px;
}
.other-box .box a{right: 5%;}

.other-box .box+.box:before {
    content: "";
    width: 1px;
    height: 165px;
    background-color: #FFFFFF;
    position: absolute;
    left: 0;
    bottom: 0;
}
/************************/
/*       PRODUTOS      */
/************************/
.produtos .conteudo{
    background: url("../images/bg-produtos.png") no-repeat;
    min-height: 350px;
}
.box-produtos{
    width: 100%;
    height: 443px;
    background: url("../images/bg-boxes-produtos.png") center repeat-y;
    margin-top: -250px;

}
.boxes-produtos{
    width: 24.4943%;
    float: left;
    height: 195px;
    margin: 0 0.2247% 2px;
    padding-top: 25px;
    position: relative;
    background-color: #FAFAFA;
    background-repeat: no-repeat;
    background-position: bottom center;

}
.boxes-produtos h3{
    text-align: center;
    font: 25px "myriad_web_proregular";
    color: #444444;
    letter-spacing: -1px;
}
.boxes-produtos p{
    font: 12px "arial";
    color: #888888;
    text-align: center;
}
.produtos.index .container-boxes{
    margin-top: 30px;
    background: url("../images/bg-extra-produtos.png") 315px 0 no-repeat;
    overflow-x: hidden;
}

.produtos.dutos .conteudo, .produtos.curvas .conteudo,
.produtos.porta_equipamentos .conteudo, .produtos.acessorios .conteudo{
    background: none;
    min-height: 360px;
}
.produtos .box-produtos.interna-produtos{
    height: 310px;
    background: url("../images/bg-boxes-produtos-interna.png") center repeat-y;
}
.produtos .box-produtos.interna-produtos .boxes-produtos{
    padding-top: 20px;
    height: 134px;
}
.produtos .box-produtos.interna-produtos .boxes-produtos h3{
    font-size: 22px;
}
.produtos .box-produtos.interna-produtos .boxes-produtos p{
    font-size: 11px;
}

/*====== INTERNAS =======*/
.produtos.dutos .container-boxes{

    background: url("../images/bg-extra-produtos-dutos.png") 468px 0 no-repeat;
    overflow-x: hidden;
}
.conteudo-produto{
    width: 800px;
    margin: 40px 40px 0;
    float: left;
    min-height: 320px;
    border-bottom: 1px solid #E0E0E0
}
.left-box, .right-box {
    width: 50%;
    float: left;
}
.conteudo-produto h4, h4.categoria-produtos {
    color: #666666;
    font: 40px "myriad_pro_semibold";
    font-style: italic;
    margin-left: 30px;
    margin-top: 25px;
}
.conteudo-produto h5{
    color: #666666;
    font: 24px "myriad_pro_semibold";
    font-style: italic;
    margin: 25px 0 10px;
    line-height: 24px;
}
.conteudo-produto p{
    color: #666666;
    line-height: 22px;
    margin-bottom: 15px;
}
.conteudo-produto a{
    font: 12px "arial";
    color: #37A83F;
    display: block;
    margin-top: 5px;
}
.conteudo-produto a:hover{text-decoration: underline}
.conteudo-produto ul{
    float: left;
    margin: 15px 0 0;
}
.conteudo-produto ul li{
    color: #666666;
    font: 18px "myriad_pro_semibold";
    font-style: italic;
    padding-left: 22px;
    background: url("../images/list-style-produtos.png")left 10px no-repeat;
    line-height: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.dutos .conteudo-produto{
    background: url("../images/produtos/img-dutos.png") 500px bottom no-repeat;
}
.figura-principal{
    width: 100%;
    position: relative;


}
.figura-principal figure.img{
    height: 185px; width: 400px; margin: 0;
    vertical-align: middle;
    display: table-cell;
}
.figura-principal img, .figure-two img{display: block; margin: 0 auto;}
.figura-principal h6, .figure-two h6, .figure-wide h6{
    font: 18px "myriad_pro_semibold";
    color: #666666;
    font-style: italic;
}
.figure-two {
    width: 200px;
    height: 155px;
    float: left;
    text-align: center;
    margin-top: 20px;
}
.figure-two figure.img{
    height: 115px; width: 200px; margin: 0;
    vertical-align: middle;
    display: table-cell;
}
.figure-two+.figure-two:before{
    content: "";
    width: 1px;
    height: 155px;
    background-color: #E0E0E0;
    position: relative;
    float: left;
}
.figure-wide {
    width: 75%;
    height: 74px;
    float: left;
    margin-left: 25%;
}
.figure-wide figure.img{
    width: 115px;
    height: 74px;
    vertical-align: middle;
    display: table-cell;
    float: left;
    margin: 0;
}
.figure-wide h6{float: left;  margin-top: 20px; margin-left: 20px}
.acessorios .figura-principal{border-bottom: none;}
.conteudo-produto .col-4 {text-align: center; margin-bottom: 60px; }
.conteudo-produto .col-4 figure{display: block; margin: 0 auto; height: 164px;}
.conteudo-produto .col-4 h4{font-size: 20px; }
/************************/
/*      CATALOGO        */
/************************/
.catalogo #wrapper{background: #EEEEEE url("../images/bg-catalogo.png") 780px 0 no-repeat}

#catalogo-list{float:left;margin-top:30px; margin-bottom: 30px; padding: 20px 0px 20px 35px; background: url("../images/bg-catalogo-lista.png")}
#catalogo-list ul li{background:url(../images/icons-catalogo.png) no-repeat;height:47px;width:354px;margin-bottom:25px;padding-left:46px;position:relative}
#catalogo-list ul li.flash{background-position:left 10px}
#catalogo-list ul li.pdf{background-position:0 -43px}
#catalogo-list ul li.pdf-download{line-height:50px}
#catalogo-list ul li a{font-family:"myriad_web_proregular";font-size:22px;color:#333333;border-left:1px solid #E2E2E2;display:inline-block;padding-left:14px;height:47px;padding-top:3px; font-style: italic}
#catalogo-list ul li span{font-size:11px;color:#666;font-family:Arial;position:absolute;bottom:2px;left:62px}
#catalogo-list ul li #select-pagina{background:url(../images/select-drop.png) no-repeat 269px 0;width:297px;height:28px;position:absolute;bottom:-16px;left:61px;border:1px solid #E2E2E2;cursor:pointer}
#catalogo-list ul li #select-pagina select{cursor:pointer;background:transparent;width:297px;-webkit-appearance:none;border-radius:0;border:none;color:#666;font-size:14px;font-family:myriad_web_proregular;height:28px;outline:none;padding:5px}

.catalogo .extensor{background: url("../images/bg-extra-catalogo.png") 884px top no-repeat;}
.extensor{
    width: 100%;
    height: 195px;
}
.links a{font: 12px Arial; color: #43A924; font-weight: 600;}
.links a:hover {text-decoration: underline;}

/************************/
/*   ONDE ENCONTRAR    */
/************************/
.encontrar article.conteudo{margin-bottom: 140px;}
.target_contato{font-weight: bold; color: #4CAA00;}
.target_contato:hover{text-decoration: underline;}
#form-onde-encontrar{
    margin-top: 20px;
    margin-bottom: 60px;
    float: left;
    width: 100%;
}
#form-onde-encontrar .icon{
    display: inline-block;
    width: 30px; height: 30px;
    float: left;
}
#form-onde-encontrar .icon.target{
    background: url("../images/select-estado.jpg") no-repeat;
    margin-right: 30px;
}
#form-onde-encontrar #select-pagina{
    background:url(../images/select-drop.png) no-repeat 269px 0;
    width:297px;
    height:28px;
    bottom:-16px;
    left:61px;
    border:1px solid #E2E2E2;
    cursor:pointer;
    float: left;
}
#form-onde-encontrar #select-pagina select{
    cursor:pointer;
    background:transparent;
    width:297px;
    -webkit-appearance:none;
    border-radius:0;
    border:none;
    color:#666;
    font-size:14px;
    font-family:myriad_web_proregular;
    height:28px;
    outline:none;
    padding:5px
}
.bt-form {
    background-color: #EEEEEE;
    float: left;
    font: 10px "myriad_pro_semibold";
    color: #444444;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 7px 20px;
    border: 1px #CCCCCC solid;
    -webkit-box-shadow: inset 0px 1px 15px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: inset 0px 1px 15px 0px rgba(50, 50, 50, 0.15);
    box-shadow: inset 0px 1px 15px 0px rgba(50, 50, 50, 0.15);
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 20px;
    cursor: pointer;
}
.bt-form:hover{color: #37A83F}
#resultado{
    width: 100%;
}
#resultado div, #resultado-exterior div {margin-bottom: 15px;}
#resultado h3, #resultado-exterior h3{
    font: 14px "arial";
    font-weight: bold;
    color: #444444;
    padding-left: 13px;
    background: url("../images/arrow-estado.png") left 1px no-repeat;
    margin-bottom: 25px;
}
#resultado .tipo_categoria{
    font: 14px "arial";
    font-weight: bold;
    color: #444444;    
    margin-bottom: 30px;
    font-family: "Arial";
}
#resultado h4, #resultado-exterior h4{
    font: 13px "arial";
    font-weight: bold;
    color: #444444;
    padding-left: 40px;
    height: 30px;
    line-height: 30px;
    background: url("../images/select-cidade.jpg") left no-repeat;
    margin-bottom: 15px;
    text-transform: uppercase;
}
#receber-catalogo #resultado-exterior h4{background: url("../images/select-exterior.jpg") left no-repeat;}
#resultado h5, #resultado-exterior h5{

    font: 11px "arial";
    color: #444444;
    font-weight: bold;
    line-height: 20px;
    margin-top: 15px;
    text-transform: uppercase;
}
#resultado p, #resultado-exterior p{
    font: 11px "arial";
    color: #444444;
    line-height: 20px;
}
#encontrar-exterior p a{color: #00B259; text-decoration: underline;}
#resultado a{
    font: 11px "arial";
    color: #444444;
}
#resultado a:hover{
    text-decoration: underline;
}
#resultado .sem-resultados{
    margin-bottom: 100px
}
#resultado .sem-resultados p, #resultado .sem-resultados a{
    font-size: 12px;
    line-height: 12px;
}
#resultado .sem-resultados a{
    color: #43A924;
    font-weight: bold;
}
.box-no-exterior {position: relative; width: 100%; text-align: center}
.box-no-exterior  a{ left: 45%; bottom: -40px;}
#encontrar-exterior article.conteudo{margin-bottom: 30px}
/************************/
/*       CONTATO        */
/************************/
#faleconosco input[type="submit"]{}
#fale-conosco{ position: relative; background-color: #F0F0F0;}
#fale-conosco p{color:#666;font-size:12px;font-family:myriad_web_proregular;width:310px;margin-bottom:20px;display:block;}
#fale-conosco a{color:#333346;font-family:myriad_web_proregular;font-size:13px;text-decoration:underline;}
#fale-conosco #googlemaps{float:left;margin-left:47px; margin-top: 15px; }
#fale-conosco #endereco{
    background:#F4F4F4;
    float:left;
    width:468px;
    padding-top:20px;
    padding-left:47px;
    height:81px;
    right: 0;
    bottom: 0;
}
#fale-conosco #endereco li{color:#666;font-family:myriad_web_proregular;font-size:13px;}
#fale-conosco #endereco li.middle{margin-bottom:14px;}
.formcatalogo{float:left;padding:0 195px 55px; width: 305px}
#fale-conosco form{}
#modal-form p{
    color:#666;
    font-size:13px;
    font-family:Arial;
    width:590px;
    float:left;
    margin-bottom:20px;
    display:block;
    padding: 37px 55px;
    text-align: center;
    line-height: 25px;
}
#modal-form article.conteudo h2.title, #encontrar-exterior article.conteudo h2.title{
    margin-left: 175px;
    padding-top: 55px;
}
#modal-form article.conteudo p, #encontrar-exterior article.conteudo p{
    text-align: left;
    padding: 0;
    width: auto;
    margin-left: 175px;
}
#modal-form p strong{font-size: 16px; font-family: "myriad_pro_semibold"}
#modal-form span{color:#333346;font-weight:700;}
#modal-form .form-style .select .select-content{
    width: 300px;
    background: #FFFFFF url(../images/select-drop.png) no-repeat 272px 0;
}
#modal-form .form-style .select .select-content select{width: 302px;}
/*#modal-form .msg-sucesso{display:none;}*/
.form-style .select{position:relative;width:100%;height:30px;float:left;margin-bottom:22px;}
.form-style .select .select-content{background: #FFFFFF url(../images/select-drop.png) no-repeat 248px 0;width:275px;height:28px;position:absolute;bottom:0;left:0;border:1px solid #CCCCCC;cursor:pointer;}
.form-style .select .select-content select{cursor:pointer;background:transparent;width:277px;-webkit-appearance:none;border-radius:0;border:none;color:#666;font-size:11px;font-family:arial;height:28px;outline:none;padding:5px;}
.form-style label{color:#666;font-size:17px;font-family:arial;width:100%;float:left;margin-bottom:8px;display:block; font-style: italic}
.form-style input[type=text]{
    border:1px solid #CCCCCC;width:95.3%;height:16px;margin-bottom:18px;outline:none;padding:5px;
    color: #666666;
    background-color: transparent;
    font-size: 12px;
}
/*.form-style input[type=submit], #form-fimma input[type='button']{
    background: #18984F; float:right;border:0;width:120px;height:34px; color: #FFFFFF; font: 15px "helvetica_condensedblackRg";
    margin-bottom:19px;cursor:pointer; text-align: center; -webkit-box-shadow: -2px 2px 8px 0px rgba(153,153,153,1);
    -moz-box-shadow: -2px 2px 8px 0px rgba(153,153,153,1); box-shadow: -2px 2px 8px 0px rgba(153,153,153,1);}
*/
.form-style .bt-form{
    background: url("../images/icon-carta.png") 20px no-repeat;
    font-family: "Arial Black";

    padding: 10px 20px 10px 40px;
    float: right;
}
.form-style textarea{
    border:1px solid #CCCCCC;width:95.3%;height:78px;margin-bottom:18px;resize:none;outline:none;padding:5px;
    font: 12px "myriad_web_proregular";
    background-color: #EEEEEE; color: #666666;
}
.form-style label.error{color:red;margin-top:-15px; font-style: normal; font-size: 12px;}

.sidebar-interna p.error {color:red!important; }
.form-style .select-content label.error{color:red;margin-top:4px;}
.form-style .control-group .select-content .error.valid{background:url(../images/valid-form.png) no-repeat;text-indent:-9999px;width:15px;height:12px;position:absolute;top:3px;right:-27px;}
.control-group{position:relative;float:left;width:100%;}
.control-group .error.valid{background:url(../images/valid-form.png) no-repeat;text-indent:-9999px;width:15px;height:12px;position:absolute;top:43px;right:-27px;}
.sidebar-interna{float:left; margin-top: 15px;width: 326px; padding-bottom:28px;padding-right:49px;}
.form-style .control-group.error .select-content,.control-group.error input,.control-group.error textarea{border-color:red;}
.form-style .control-group.success .select-content,.control-group.success input,.control-group.success textarea{border-color:#E2E2E2;}

.contato .fancybox-outer .fancybox-inner p {margin-top: 45px;}

#fale-conosco .form-style .select .select-content{
    width: 98%;
    background: #EEEEEE url(../images/select-drop.png) no-repeat 290px 0;
}
#fale-conosco .form-style .error .select .select-content{
    background: #EEEEEE url(../images/select-drop-error.png) no-repeat 290px 0;
}
#modal-form .form-style .error .select .select-content{
    background: transparent url(../images/select-drop-error.png) no-repeat 272px 0;
}
#fale-conosco .form-style .select .select-content select{
    font-size: 11px;
    color: #666666;
}
#fale-conosco .form-style .select .select-content select{
    width: 100%;
}
#fale-conosco .form-style .select .select-content select option{
    padding: 3px 0;
}
.modais-contato{
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
}
#fale-conosco .modais-contato p{
    margin-bottom: 3px;
    width: auto;
    font: 12px "arial";
    color: #444444;
}
#fale-conosco .modais-contato a{
    margin-bottom: 10px;
    display: block;
    font: 12px "arial";
    color: #428B55;
    font-weight: bold;
    text-decoration: none;
}
#fale-conosco .modais-contato a:hover{text-decoration: underline}
::-webkit-input-placeholder { color:#666666;font: 11px "arial"; }
::-moz-placeholder { color:#666666;font: 11px "arial";} /* firefox 19+ */
:-ms-input-placeholder { color:#666666; font: 11px "arial";} /* ie */
input:-moz-placeholder { color:#666666; font: 11px "arial";}

.form-style p.campos-obg{
    color: #AAAAAA!important;

}
#modal-form .form-style p.campos-obg{
    padding: 0;
    width: auto;
    font-size: 11px;
}

article.conteudo p.campos-obg.error, #modal-form .form-style p.campos-obg.error{color: red!important;}
/*========== Footer =========*/
#footer .menu-footer {margin-bottom: 40px;}
#footer .menu-footer li{display: inline-block; margin: 0 20px;}
#footer .menu-footer li a {
    font: 14px "Myriad-CnWeb";
    text-transform: uppercase;
    color: #A7A7A7;
    font-weight: 600;
}
#footer .menu-footer li a:hover {color: #666666}
#footer {padding: 20px 0 25px;}
#footer p{font: 10px Arial; color: #B2B2B2; text-align: left; margin-top: 10px; margin-left: 20px}
#footer p img{position: relative; top: 3px; margin-right: 55px}
#footer a.procan{
    display: inline-block;
    position: absolute;
    right: 25px;
    bottom: 0px;
    width: 51px;
    height: 13px;
    background: url("../images/procan.png") no-repeat;
    text-indent: -99999px;

}
#footer a.procan:hover{
    background: url("../images/procan-hover.png") no-repeat;
}




#facebox-revendedor, #facebox-pergunte {position:absolute;margin-left:-350px;z-index:2000;text-align:left;display:none;}
#facebox-revendedor .popup, #facebox-pergunte .popup, #facebox-inicial .popup{position:relative; border:1px solid #E2E2E2;z-index:100;}
#facebox-revendedor .content, #facebox-pergunte .content
#facebox-revendedor .content > p:first-child, #facebox-pergunte .content > p:first-child, #facebox-inicial .content > p:first-child{margin-top:0;}
#facebox-revendedor .content > p:last-child, #facebox-pergunte .content > p:last-child, #facebox-inicial .content > p:last-child{margin-bottom:0;}
#facebox-revendedor .close, #facebox-pergunte .close, #facebox-inicial .close{position:absolute; top:5px; right:5px; background:#fff; padding:2px;}
#facebox-revendedor .close img, #facebox-pergunte .close img, #facebox-inicial .close img{opacity:0.3;  -moz-opacity: 0.3; filter: alpha(opacity=30)}
#facebox-revendedor .close:hover img, #facebox-pergunte .close:hover img, #facebox-inicial .close:hover img{opacity:1.0;  -moz-opacity: 1.0; filter: alpha(opacity=100)}
#facebox-revendedor img, #facebox-pergunte img, #facebox-inicial img{border:0 ;margin:0;}
#facebox-revendedor_overlay{position:fixed; top:0; left:0; height:100%; width:100%;}
#facebox-revendedor .loading, #facebox-revendedor .image, #facebox-pergunte .loading, #facebox-pergunte .image, #facebox-inicial .loading, #facebox-inicial .image{text-align:center;}

#facebox-inicial {position:absolute;margin-left:-335px;z-index:2000;text-align:left;}
#facebox-inicial .content{
    display:table;width:640px;
    background:#FFF url("../images/box-catalogo.png") 66px 203px no-repeat;
}
#facebox-inicial #modal-form .title{text-align: center;  margin-left: 0; margin-bottom: 20px;}
#facebox-inicial #modal-form p{margin-left: 150px;}
#facebox-inicial .box-buttons {width: 100%; display: inline-block}
#facebox-inicial .box-buttons .middle{
    width: 50%; float: left;
    margin-left: 0; margin-right: 0;
    height: 130px;
    padding-bottom: 30px;
}
#facebox-inicial .box-buttons .ir-catalogo{
    bottom: 30px;
    left: 40px;
    font-size: 13px;
    padding: 10px 30px;

}
#facebox-inicial .box-buttons .ir-site{
    bottom: 30px;
    left: 30px;
    font-size: 17px;
    padding: 18px 40px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
#facebox, #facebox-sucesso {position:absolute; z-index:100; text-align:left; display:none; margin-left: -350px;}
#facebox .popup, #facebox-sucesso .popup {position:relative; border:1px solid #E2E2E2; z-index:100;}
#facebox .content, #facebox-sucesso .content{background:#FFF; display:table; width:390px;}
#facebox .content > p:first-child, #facebox-sucesso .content > p:first-child{margin-top:0;}
#facebox .content > p:last-child, #facebox-sucesso .content > p:last-child{margin-bottom:0;}
#facebox .close, #facebox-sucesso .close{position:absolute; top:5px; right:5px; background:#fff; padding:2px;}
#facebox .close img, #facebox-sucesso .close img{opacity:0.3; -moz-opacity: 0.3; filter: alpha(opacity=30)}
#facebox .close:hover img, #facebox-sucesso .close:hover img{opacity:1.0; -moz-opacity: 1.0; filter: alpha(opacity=100)}
#facebox img , #facebox-sucesso img {border:0; margin:0;}
#facebox_overlay{position:fixed; top:0; left:0; height:100%; width:100%;}
.facebox_hide{z-index:-100;}
.facebox_overlayBG{background-color:#000; z-index:99;}
#facebox .loading,#facebox .image{text-align:center;}



/********* Produtos Carrocel Imagens ***********/
.thumb_container{

    margin-left:40px;
    margin-top:30px;
    float: left;
    width: 335px;
    height: 245px;
}
.thumb_container.ativo .imagem_anterior{
    background: #555555 url("../images/botao-anterior.png") no-repeat center center;
    width: 15px;
    height: 245px;
    float: left;
    display: block;
    position: relative;
    opacity:0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    z-index: 1000;
    left: -16px;
}
.thumb_container .imagem_anterior.ativo:hover, .thumb_container.ativo .imagem_proximo.ativo:hover {
    opacity:1!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
    filter: alpha(opacity=100)!important;
    -khtml-opacity: 1!important;
}
.thumb_container.ativo .imagem_proximo
{
    background: #555555 url("../images/botao-proximo.png") no-repeat center center;
    width: 15px;
    height: 245px;
    float: right;
    display: block;
    position: relative;
    opacity:0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    right: -11px;

}
.thumb_area{
    float: left;
    position: absolute;
    top: 32px;
    left: 40px;
    height: 245px;
    width: 335px;
    overflow: hidden;
    margin: 0;
    padding: 0;

}
ul.thumbs{
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 335px;
    height: 245px;
}

ul.thumbs li{
    position: relative;
    display: block;
    float: left;
    height: 245px;
    margin: 0;
    padding: 0;
    left: 0px;
    width: 335px;
    overflow: hidden;

}
ul.thumbs li img{display: block; }
ul.thumbs li span{
    position: absolute;
    bottom: 0;
    left: 50%;
    font-family: "arial";
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    background-color: #EEEEEE;
    padding: 8px 22px;
}

/*====== Botão Direcionamento para Loja =====*/

.box-compraTech-x{
    position: fixed;
    right: 0;
    top: 300px;
    z-index: 999999;
    height: 50px;
}
.box-compraTech-x > div{
    position: absolute;
    width: 250px;
    height: 50px;
    background: #FFFFFF url("../images/icon/icon-logo-tecx.png") left no-repeat;
    border-left: 10px solid #C0F400;
}
.box-compraTech-x > div img{
    -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 0px 4px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 0px 4px 0px rgba(50, 50, 50, 0.4);
}
.box-compraTech-x > div h3{
    color: #4C4C4C;
    font: 15px "roboto condensed";
    font-weight: 700;
    text-transform: uppercase;
    line-height: 15px;
    margin: 10px;
    padding-left: 50px;
}
.box-compraTech-x > div a.btn{
    background-color: #1E6646;
    margin: 9px 5px;
    letter-spacing: 1px;
    padding: 6px 12px;
	    line-height: 10px
}

.box-compraTech-x > div img, .box-compraTech-x > div h3, .box-compraTech-x > div a{float: left}
.box-compraTech-x #expandir{
    position: absolute;
    right: 0;
    top: 0;
}
.box-compraTech-x #expandir i{
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #C0F400 url("../images/icon/icon-cart.png") center no-repeat;
}
.btn {
    color: #FFFFFF;
    font-family: "roboto condensed";
    font-weight: 300;
        font-size: 11px;
    text-transform: uppercase;
    background-color: #1E6646;
    text-transform: uppercase;
    display: inline-block;
    padding: 8px 45px;
    cursor: pointer;
}

/*=== INTERNA PRODUTO ===*/
.box-btLoja {
    display: inline-block;
    padding: 25px 12%;
    width: 76%;	
}
.icon-tecX {
    background: url("../images/icon/icon-logo-comprar-2019.png") center no-repeat;
    width: 100%;
    height: 25px;
    top: 3px;
    margin-bottom: 25px;
    margin-top: 15px;
    display: inline-block;
    position: relative;
}
.icon-tecX::before{
    content: "";
    width: 100%;
    background-color: #E0E0E0;
    height: 1px;
    position: absolute;
    right: 0;
    top: -20px;

}
.icon-tecX::after{
    content: "";
    width: 100%;
    background-color: #FFFFFF;
    height: 1px;
    position: absolute;
    right: 0;
    top: -19px;

}
.box-btLoja .box-info {
    float: left;
    width: 100%;
    margin-bottom: 15px
}
.box-btLoja .box-info .col{
    float: left;
    width: 50%;
    font-family: "Myriad-CnWeb";
    color: #555555;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    font-weight: 800;
}
.box-btLoja .box-info .col:first-of-type{width: 60%}
.box-btLoja .box-info .col:first-of-type::after{
    content: "";
    background-color: #E0E0E0;
    width: 1px;
    height: 24px;
    position: absolute;
    right: 22px;
    top: -3px;
}
.box-btLoja .box-info .col:first-of-type::before{
    content: "";
    background-color: #FFFFFF;
    width: 1px;
    height: 24px;
    position: absolute;
    right: 21px;
    top: -3px;
}
.box-btLoja .box-info .col:last-of-type{width: 40%}

.box-btLoja a {
    background-color: #00B259;
    font-family: "Myriad-CnWeb";
    font-weight: 800;
    font-size: 22px;
    padding: 13px 30px;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: -1px;
    display: inline-block;
    margin-left: 20px;
    position: relative;
    border-radius: 25px;
}
.box-btLoja a:hover{
	background-color: #B4E800; 
	text-decoration: none;
}
.box-btLoja a .icon-btLoja{
    background: url("../images/icon/icon-cart.png") no-repeat;
    width: 17px;
height: 17px;
background-size: 100%;
top: 4px;
margin-right: 23px;
}
.box-btLoja a:before{
    content: "";
    display: inline-block;
    width: 1px;
    height: 15px;
    background-color: #AAAAAA;
    position: absolute;
    left: 53px;
    top: 14px;
}
.box-btLoja p:first-of-type{margin-top: 20px;}
.box-btLoja p{
    font-family: "Myriad-CnWeb";
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    position: relative;
    margin-left: 3px;
    margin-bottom: 7px;
}
.box-btLoja p:before{
    position: absolute;
    content: "";
    width: 1px;
    height: 18px;
    background-color: #AAAAAA;
    left: 28px;
    display: inline-block;
    top: 0px;
}
.icon-seguro {
    background: url("../images/icon/icon-seguro.png") no-repeat;
    width: 18px;
    height: 19px;
    margin-right: 10px;
}
.icon-brasil {
    background: url("../images/icon/icon-brasil.png") no-repeat;
    width: 18px;
    height: 19px;
    margin-right: 10px;
}

.box-interesse {
    margin-top: 20px;
    float: left;
    padding: 20px 15px 20px 40px;
}
.box-interesse h3{
	text-transform: uppercase;
	font-size: 14px;
	color: #1A182D;
	margin-bottom: 10px;
    font-weight: 800;
    font-family: "myriad_pro_semibold";
font-style: italic
}
.box-interesse p{
	font-size: 12px;
    color: #666666;
    font-family: "myriad_web_proregular";
    line-height: 16px;
}
.box-interesse #formInteresse {
	position: relative;
	margin-top: 20px
}
.box-interesse #formInteresse .form-group{width: 100%; margin-bottom: 10px}
.box-interesse #formInteresse .form-group label{
	font-size: 14px;
    color: #666666;
    padding-top: 9px;
    float: left;
    width: 80px;
    font-style: italic;
    font-family: "myriad_web_proregular";

}
.box-interesse #formInteresse .form-group .col-sm-6{
    width: 265px;
    float: left;
}
.box-interesse #formInteresse .form-group input[type="text"]{
	background-color: transparent;
	border: 1px solid #AAAAAA;
    width: 80%;
    padding: 8px 10%;
}
.box-interesse #formInteresse .form-group.error input[type="text"]{
	border: 1px solid red;
}
.box-interesse #formInteresse label.error,
.box-interesse #formInteresse .form-group .error.valid{display: none!important;}
.box-interesse #formInteresse .errors span{
	color: red;
    font-size: 12px;
    font-family: "myriad_web_proregular"
}
.box-interesse .contato-interesse{
	padding-top: 20px;
	margin-top: 15px;
    border-top: 1px solid #ECECEC;
    float: left;
}
.box-interesse .contato-interesse span{
	font-size: 14px;
	color: #19182C;
	margin-top: 8px;
	margin-right: 25px;
	font-weight: 800;
	display: inline-block;
}
.box-interesse .sucesso {
    display: none;
    float: left;
	margin-top: 10px}
.box-interesse .sucesso i{
	display: inline-block;
	margin-right: 10px;
	font-size: 25px;
	color: green;
}
.box-interesse .sucesso p{display: inline-block;}


/***** Modal Férias ******/
.modalferias .fancybox-skin {padding-top: 0!important}
.text-center {text-align: center}
.modalferias #modal-ferias{
    background: url("../images/ferias/img-dutotec-industrial.jpg") top center no-repeat;
    padding: 150px 100px 20px;
    max-width: 720px;
}
.modalferias #modal-ferias i.icon-importante {
    display: inline-block;
    width: 34px;
    height: 30px;
    background: url("../images/ferias/icon-importante.png") center no-repeat;
    margin-bottom: 25px;
}
.modalferias #modal-ferias p.font-black{font-weight: 800}
.modalferias #modal-ferias p{
    font-size: 15px;
    color: #333333;
    margin-bottom: 15px
}
.modalferias #modal-ferias p strong{font-size: 18px;}