@charset "iso-8859-1";

/* Geral */

body {
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background: #fff;
  color: #2A2A2A;
}

.cufon-loading {
  visibility: hidden;
}

*:focus {
  outline: none;
}

a img {
  border: 0px;
}

h1 {
  margin: 0 0 25px 0;
  color: #f4821d;
  font-size: 34px;
}

h2 {
  margin: 0 0 25px 0;
}

h1,
h2 {
  font-size: 36px;
  color: #f4821d;
}

h2 {
  font-size: 28px;
}

h4 {
  color: #FFFFFF;
  font-size: 20px;
}

textarea {
  resize: none;
}

a:link,
a:visited,
a:active {
  color: #f4821d;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

a.noUnderline:link,
a.noUnderline.noUnderline.noUnderline:visited,
a.noUnderline.noUnderline:active,
a.noUnderline:hover {
    text-decoration: none;
}


/* Estilo Google */

input[type=text],
textarea,
select {
  padding: 10px;
  width: 450px;
  border: none;
  background: #EDEAEA;
  font-size: 14px;
  font-family: Arial;
  color: #605959;
  transition: 0.3s;
  float: left;
  margin-bottom: 4px;
}

input[type=text]:focus,
textarea:focus,
select:focus {
  border: none;
  background: #D1CBCB;
  -webkit-box-shadow: inset 0px 5px 24px -6px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 5px 24px -6px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 5px 24px -6px rgba(0, 0, 0, 0.25);
}

.myButton {
	-moz-box-shadow: 0px 4px 7px -3px #7d857b;
	-webkit-box-shadow: 0px 4px 7px -3px #7d857b;
	box-shadow: 0px 4px 7px -3px #7d857b;
	background-color:#f4811d;
	-moz-border-radius:35px;
	-webkit-border-radius:35px;
	border-radius:35px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:9px 27px;
	text-decoration:none;
  border:none;
}
.myButton:hover {
	background-color:#dd6b09;
}
.myButton:active {
	position:relative;
	top:1px;
}



/* Efeito */

#efeito {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

#efeito.Hover {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}


/* TEXTOS */

.textoCerto {
  font-size: 14px;
  color: #090;
  font-weight: bold;
}

.textoErrado {
  font-size: 14px;
  color: #F00;
  font-weight: bold;
}


/* Estilo Contato 2015 */

.iMapa,
.iTelefone,
.iEmail {
  display: inline-block;
  background-image: url(../imagens/iconesContato.png);
  background-repeat: no-repeat;
  height: 64px;
  width: 64px;
}

.iMapa {
  background-position: -0px -0px;
}

.iTelefone {
  background-position: -64px -0px;
}

.iEmail {
  background-position: -128px -0px;
}

.linhaContato {
  width: 530px;
  height: 40px;
  float: left;
  margin: 20px 30px 0 0;
  overflow: hidden;
}

.iconForm {
  width: 40px;
  height: 40px;
  float: left;
  overflow: hidden;
}

input[type=text].inForm,
textarea.inForm {
  padding: 15px 10px;
  width: 465px;
  border: none;
  background: #e5e5e5;
  font-size: 14px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #7a7a7a;
  transition: all 0.2s ease;
  float: left;
  margin: -3px 0 0 0;
  font-weight: 100;
}

input[type=text].inForm:focus,
textarea.inForm:focus {
  background: #dcdcdc;
}


/* simple */

.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -ms-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  border: 1px solid #ccc;
  margin: 40px 30px 40px 0;
  float: left;
}


/* START: Accommodating for IE */

.flip-container:hover .back,
.flip-container.hover .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.flip-container:hover .front,
.flip-container.hover .front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}


/* END: Accommodating for IE */

.flip-container,
.front,
.back {
  width: 290px;
  height: 215px;
}

.flipper {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 0.6s;
  -moz-transition: 0.6s;
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}

.front,
.back {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);
  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -moz-transform: rotateY(0deg);
  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;
  -o-transform: rotateY(0deg);
  -ms-transition: 0.6s;
  -ms-transform-style: preserve-3d;
  -ms-transform: rotateY(0deg);
  transition: 0.6s;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
  position: absolute;
  top: 0;
  left: 0;
}

.front {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  z-index: 2;
}

.back {
  background: lightblue;
  text-align: center;
  width: 250px;
  height: 135px;
  padding: 40px 20px 40px 20px;
}


/* FIM Estilo Contato 2015 */


/* Divs Principais */

.barra {
  width: 100%;
  height: 110px;
  background-color: #FFF;
  overflow: hidden
}

.conteudoBarra {
  width: 1140px;
  height: 90px;
  margin: 0 auto;
}

.logo {
  width: 250px;
  height: 39px;
  float: left;
  margin: 10px 130px 0 0;
}

.menu {
  width: 420px;
  height: 30px;
  float: left;
  margin: 35px 0 0 0;
}

.ajuda {
  width: 220px;
  height: 27px;
  float: left;
  margin: 35px 0 0 120px;
  color: #a8a8a7;
  font-size: 14px;
  line-height: 16px;
}

.redes {
  width: 165px;
  height: 80px;
  float: left;
  margin: 23px 0 0 0;
  text-align: center;
  color: #585858;
  font-size: 12px;
}

.instagram:hover,
.face:hover,
.twitter:hover,
.plus:hover,
.instagram,
.plus,
.twitter,
.face {
  display: inline-block;
  background-image: url(../imagens/redes-sociais.png);
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  float: left;
  margin: 4px 10px 0 0;
}

.instagram {
  background-position: -128px -0px;
}

.plus {
  background-position: -84px -0px;
}

.twitter {
  background-position: -44px -0px;
}

.face {
  background-position: -0px -0px;
}

.instagram:hover {
  background-position: -128px -34px;
}

.face:hover {
  background-position: -0px -34px;
}

.twitter:hover {
  background-position: -44px -34px;
}

.plus:hover {
  background-position: -84px -34px;
}

.sliderTotal {
  width: 100%;
  height: 600px;
  overflow: hidden;
  background: url(../imagens/ajax_slide.gif) center center no-repeat #ededed
}

.opcaoMenu {
  width: auto;
  height: 10px;
  display: table;
  padding: 5px 0 10px 0;
  margin: 0 25px 0 0;
  border-bottom: 2px solid #FFF;
  color: #a8a8a7;
  float: left;
  font-size: 14px;
}

.opcaoMenu:hover {
  border-bottom: 2px solid #585858;
  color: #585858;
}

.centro {
  width: 1140px;
  height: 200px;
  display: table;
  margin: 0 auto;
}

.quadradosIcones {
  width: 490px;
  height: 481px;
  background-color: #ffffff;
  float: left;
  margin-top: -40px;
  position: absolute;.
  z-index: 9999;
  
}

.infos {
  width: 565px;
  height: 420px;
  display: table;
  margin: 80px 0 0 575px;
  float: left;
}

.qCinza {
  width: 460px;
  height: 150px;
  margin: 15px 15px 0 15px;
  background-color: #f0f0f2;
}

.qCinza:hover {
  background-color: #DEDEE1;
}

.qCinza:hover .labelQuadradoCinza {
  color: #57585c;
}

.labelQuadradoCinza {
  width: 280px;
  height: 110px;
  margin: 20px 0 0 10px;
  float: left;
  color: #818286;
}

.labelQuadradoCinza h2 {
  color: #f4821d;
  font-size: 18px;
  margin: 0 0 15px 0;
}

.qLaranja {
  width: 460px;
  height: 150px;
  margin: 0 15px 0 15px;
  background-color: #f4821d;
}

.qLaranja:hover {
  background-color: #d97216;
}

.qLaranja:hover .labelQuadradoLaranja {
  color: #FFF;
}

.labelQuadradoLaranja {
  width: 280px;
  height: 110px;
  margin: 20px 0 0 10px;
  float: left;
  color: #FFF;
}

.labelQuadradoLaranja h2 {
  color: #FFF;
  font-size: 18px;
  margin: 0 0 15px 0;
}

.btPreto {
  width: 200px;
  height: 40px;
  border-radius: 80px;
  background: url(../imagens/setaBotao.png) right center no-repeat;
  background-color: #000;
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
  line-height: 40px;
  padding-left: 20px;
  -webkit-box-shadow: 0px 4px 22px -5px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0px 4px 22px -5px rgba(0, 0, 0, 1);
  box-shadow: 0px 4px 22px -5px rgba(0, 0, 0, 1);
}

.btPreto:hover {
  background-color: #F4821D;
  -webkit-box-shadow: 0px 4px 35px35px -5px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0px 4px 35px35px -5px rgba(0, 0, 0, 1);
  box-shadow: 0px 4px 35px -5px rgba(0, 0, 0, 1);
}

.tituloCentralizado {
  width: 1140px;
  height: 50px;
  display: table;
  margin: 30px auto;
  text-align: center;
}

.noticiaTotal {
  width: 340px;
  height: 200px;
  display: table;
  float: left;
  margin: 0 20px 80px 20px;
}

.noticiaCapa {
  width: 340px;
  height: 200px;
  overflow: hidden;
}

.noticiaDescricao {
  width: 285px;
  height: 10px;
  display: table;
  margin: -60px 0 0 20px;
  padding: 25px 10px 25px 25px;
  background: #FFF;
  color: #666668;
  line-height: 18px;
}

.noticiaDescricao h2 {
  color: #f4821d;
  font-size: 18px;
  margin: 0 0 25px 0;
}

.rodape {
  width: 100%;
  height: 400px;
  overflow: hidden;
  background: url(../imagens/fundoRodape.jpg) center center repeat-x;
}

.rodapeConteudo {
  width: 1140px;
  height: 400px;
  overflow: hidden;
  margin: 0 auto;
}
.rodapeConteudo h2{
  color: #FFF; 
  font-size: 20px;
  margin-top: 15px;
}

.colunaARodape,
.colunaBRodape,
.colunaCRodape {
  width: 420px;
  height: 265px;
  float: left;
  margin: 45px 50px 0 0;
  color: #FFF;
  text-align: justify;
}
.colunaARodape{
 line-height: 20px; 
}
.colunaBRodape {
  width: 230px;
}

.colunaCRodape {
  width: 300px;
  margin-right: 0px;
}
.emailRodape, .mapaRodape, .telefoneRodape {
  display: inline-block;
  background-image: url(../imagens/icones-rodape.png);
  background-repeat: no-repeat;
  float: left;
  height: 24px;
  width: 20px;
  margin-right: 4px;
}

.emailRodape {
  background-position: -0px -54px;  
}

.mapaRodape {
  background-position: -0px -0px;
}

.telefoneRodape {
  background-position: -0px -28px;
}
.btRodape{
  width: auto;
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
  display: table;
  border-radius: 60px;
  background-color: #f4821d;
  text-align: center;
  color:#FFF;
  float: right;
  border: none;
}
.btRodape:hover{
  cursor: pointer;
  background-color: #cb6409;
}
input[type="text"].formRodape{
  width: 270px;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  border-radius: 60px;
  background: #FFF;
  border:none;  
  margin-bottom: 10px;
}
.colunaHorizontalRodape{
  width: 1140px;
  height: 60px;
  line-height: 60px;
  float: left;
  border-top: 1px solid #8f8f8f;
  color:#8f8f8f;
  font-size: 14px;
  margin-top: 30px;
}
.produtoTotal {
  width: 980px;
  height: 140px;
  display: table;
  margin-bottom: 60px;
  float: left;
}

.capaProduto {
  width: 140px;
  height: 140px;
  border-radius: 90px;
  overflow: hidden;
  float: left;
  margin-right: 20px;
}

.descricaoProduto {
  width: 820px;
  height: 140px;
  display: table;
  float: left;
  line-height: 20px;
}

.whatsappFixo {
  padding: 0;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 50px;
  min-width: unset;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  color: #fff;
  background-color: #4dc247;
  text-decoration: none;
  z-index: 5000;
  -webkit-box-shadow: 0 0 75px 0 rgba(77,194,71,.5);
  box-shadow: 0 0 75px 0 rgba(77,194,71,.5);
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  text-align: center;
  font-size: 1.2em;
}

.whatsappFixo:hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0px 3px 12px -4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 3px 12px -4px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 3px 12px -4px rgba(0, 0, 0, 0.75);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-animation: none;
  animation: none;
}

.iconeMaiorWhats {
  font-size: 1.8em;
  margin-top: 0px;
  font-weight: 400;
}


-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #4dc247;
    box-shadow: 0 0 0 0 #4dc247
  }

  70% {
    -webkit-box-shadow: 0 0 0 12px rgba(77, 194, 71, 0);
    box-shadow: 0 0 0 12px rgba(77, 194, 71, 0)
  }

  to {
    -webkit-box-shadow: 0 0 0 0 rgba(77, 194, 71, 0);
    box-shadow: 0 0 0 0 rgba(77, 194, 71, 0)
  }

}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #4dc247;
    box-shadow: 0 0 0 0 #4dc247
  }

  70% {
    -webkit-box-shadow: 0 0 0 12px rgba(77, 194, 71, 0);
    box-shadow: 0 0 0 12px rgba(77, 194, 71, 0)
  }

  to {
    -webkit-box-shadow: 0 0 0 0 rgba(77, 194, 71, 0);
    box-shadow: 0 0 0 0 rgba(77, 194, 71, 0)
  }

}