/*
	
*/
@charset "utf-8";
/*TEMPLATE*/
body {
margin: 0px;
padding: 0px;
font-family: 'Droid Sans', sans-serif; /*font personalizada - google fonts*/
background: #eeeeee;
overflow-x: hidden;
}
p, ul, ol, h1, h2, h3, h4, h5, h6, form, li, a img , a{
text-decoration: none;
margin: 0px;
padding: 0px;
border: none;
list-style-type: none;
}
#wrapperCabecalho , #wrapperBanner, #wrapperCentral, #wrapperRodape{
float: left;
width: 100%;
}
/*CABECALHO GERAL*/
#wrapperCabecalho {
background: none repeat scroll 0 0 #fefefe;
border-bottom: 0.5em solid #eee;
box-shadow: 0 5px 8px rgba(82, 82, 82, 0.15);
position: fixed;
z-index: 300;
}
#wrapperCabecalho .cabecalho {
padding-top: 0.6em;
padding-bottom: 0.6em;
position: relative;
}
/*MENU PRINCIPAL*/
.cabecalho .menuPrincipal {
float: right;
position: absolute;
bottom: 0px;
right: 0px;
}
/*EFEITO*/
@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.menuPrincipal ul li a {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.menuPrincipal ul li a:hover {
  -webkit-animation-name: push;
  animation-name: push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/*FIM DO EFEITO*/
.menuPrincipal ul li {
border-right: 1px solid #efeefa;
position: relative;
}
.cabecalho .menuPrincipal ul li a {
font-size: 0.9em;
color: #666;
}
.menuPrincipal ul li a:hover {
background-color: #007cc9;
color: #fff !important;
}
.current-menu-item a { /*link ativo*/
background-color: #eee;
color: #007cc9 !important;
}
.cabecalho .abreMenu { /*oculta o menu - funcao mobile*/
display:none;
}
.cabecalho .telefone{ /*oculta o telefone - funcao mobile*/
display:none;
}
/*BANNER GERAL*/
#wrapperBanner {
margin-top: 4.4em;
margin-bottom: 1.5em;
padding-top: 1.6em;
padding-bottom: 1.6em;
background-color: #fff;
}
#wrapperBanner .banner {
margin: auto;
}
#wrapperBanner .banner img {
width: 100%;
height: 100%;
}
#pager-banner { /*numeracao banner*/
font-size: 1.5em;
color: #999;
text-align: center;
margin-top: 1em;
cursor: pointer;
}
.cycle-pager-active { /*numeracao banner*/
color: #007cc9;
cursor: pointer;
}
/*CENTRAL GERAL*/ 
#wrapperCentral .central {
background:none;
}
/*HEADER DAS PAGINAS INTERNAS*/
.central .pagHeader { /*header das paginas*/
box-sizing: border-box;
padding: 0.6em;
width: 100%;
text-align: center;
margin-bottom: 2em;
background-color: rgba(200,200,200,0.3);
border-radius: 5px;
}
.pagHeader h1 {
color: #ccc;
font-size: 2.5em;
font-weight: normal;
letter-spacing: -0.05em;
}
.pagHeader select {
border: 0.25em solid #fff;
border-radius: 5px;
float: left;
font-size: 1.2em;
margin-left: 1.25em;
margin-top: 0.1em;
padding: 0.5em;
}
.pagHeader .btnHeader {
float: right;
font-size: 1.2em;
margin-top: 0.3em;
padding: 0.5em 1.25em 0.5em 1.25em;
border: 2px solid #2ac56c;
border-radius: 5px;
background: #2ac56c;
color: #FFF;
}
.pagHeader .btnHeader:hover {
background-color: #2ed374;
border: 2px solid #2ed374;
}
/*BLOCOS DO INDEX*/
.central .blocos, .central .blocos article, .central .blocos article h1, .central .blocos article img, .central .blocos article p {
float:left;
width:100%;
}
.central .blocos {
margin-bottom: 2em;
padding-bottom: 2em;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #DDD;
}
.central .blocos article {
box-sizing: border-box;
margin-right: 0.66%;
margin-left: 0.66%;
width: 32%;
}
.central .blocos article img {
background: #FFF;
border-radius: 0.25em;
box-sizing: border-box;
padding: 0.6em;
margin-bottom: 1em;
overflow: hidden;
height:auto;
}
.blocos article img:hover { 
opacity: 0.8;
}
.blocos article h1 { 
font-size: 1.25em;
font-weight: normal;
padding-bottom: 0.6em;
}
.blocos article h1 a { 
color: #007cc9;
}
.blocos article p { 
font-size: 0.85em;
line-height: 1.4em;
color: #888888;
}
.blocos article p a { 
color: #888888;
}
/*PAGINA*/
.central .pagina {
margin: auto;
width: 95%;
}
.pagina article h1 {
float: left;
font-size: 2.1em;
font-weight: normal;
letter-spacing: -0.02em;
margin-top: 0.6em;
padding-bottom: 0.6em;
text-align: center;
width: 100%;
color:#333;
}
.pagina article h2, .pagina article h3, .pagina article h4  {
color: #666666;
float: left;
font-weight: normal;
margin-bottom: 0.6em;
margin-top: 1em;
width: 100%;
}
.pagina article p {
color: #888888;
font-size: 0.95em;
line-height: 1.3em;
padding-bottom: 1em;
}
.pagina article p a { 
color: #007cc9;
}
.pagina article p a:hover { 
color: #000;
}
.central .pagina article ul { 
margin-bottom: 1em;
margin-top: 1em;
}
.pagina article ul li { 
border-bottom: 1px dotted rgba(82, 82, 82, 0.3);
color: #888888;
font-size: 0.95em;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
.pagina article ul li:before {
content:"➜";
margin-right:0.5em;
}
.pagina article ul li a {
color: #000000;
}	
table { /*pagina*/
border-collapse: collapse;
display: block;
float: left;
margin-bottom: 1em;
margin-top: 1em;
overflow-x: auto;
white-space: nowrap;
width: 100%;
}
table tbody{
width: 100%;
}
tr:nth-child(2n+1) > td {
background-color: #f8f8f8;
}
table th, table tr, table td {
padding: 0.5em;
border: 1px solid rgba(82, 82, 82, 0.3);
font-size: 0.95em;
color: #666;
}
table th { /*pagina*/
background-color: #007cc9;
border: 1px solid #0b6499;
box-shadow: 5px 5px 5px rgba(81, 81, 81, 0.1);
color: #fff;
}
/*NUMERACAO DE PAGINA*/
.wp-pagenavi {
border-bottom: 1px dashed #ddd;
clear: both;
margin-bottom: 2em;
margin-top: 2em;
padding-bottom: 2em;
text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
background: none repeat scroll 0 0 #007cc9;
border-radius: 5px;
color: #FFF;
font-size: 14px;
margin: 2px;
padding: 5px 8px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
background: #333;
border-color: #333;
color: #fff;
}
.wp-pagenavi span.current {
font-weight: bold;
padding: 4px 10px;
}
/*PAGINA - COMENTARIOS CATEGORIAS, COMPARTILHAMENTO*/
.pagina article .infos { 
background: #fff;
border-radius: 0.25em;
box-sizing: border-box;
float: left;
margin-bottom: 1.25em;
padding: 1.25em 0.5em;
width: 100%;
}
.pagina article .infos > span { 
font-size: 0.8em;
color: #888;
float: left;
padding-right: 0.2em;
padding-left: 0.2em;
}
.pagina article .infos span a{ 
color:#007cc9;
}
.pagina article .infos span a:hover { 
color: #000;
}
.pagina article .infos span.data {
font-weight: bold;
color: #666;
}
.pagina article .infos span.categorias a:after { 
content:",";
}
/*PAGINA COMENTARIOS*/
#disqus_thread {
margin-top: 1.5em;
}
/*EQUIPE*/
.central .equipe {
float: left;
width: 100%;
}
.equipe article {
background-color: #FFF;
border-bottom: 10px solid #fff;
box-sizing: border-box;
float: left;
margin-bottom: 2em;
padding: 1em;
width: 100%;
border-radius:0.25em;
}
.equipe article .foto {
float: left;
width: 40%;
margin-bottom:0.6em;
}
.equipe article .foto img {
width: 100%;
height: auto;
}
.equipe article .conteudo .linksRS {
background: none repeat scroll 0 0 #fff;
float: left;
left: 0;
margin-top: -1em;
padding: 0.25em;
position: absolute;
top: 0;
width: 2.4em;
}
.equipe article .conteudo .linksRS a {
border: 1px solid rgba(200, 200, 200, 0.3);
box-sizing: border-box;
color: #888;
display: block;
float: left;
margin: 0.25em;
padding: 0.25em;
text-align: center;
}
.equipe article .conteudo .linksRS a:hover {
color: #0e83cd;
}
.equipe article .conteudo {
float: right;
width: 55%;
position: relative;
}
.equipe article .conteudo header, .equipe article .conteudo .descricao  { /*equipe*/
float: right;
width: 85%;
clear:both;
}
.equipe article h1, .equipe article p {
float: left;
width: 100%;
}
.equipe article .conteudo header {
border-bottom: 1px solid rgba(200, 200, 200, 0.3);
padding-bottom: 1.25em;
margin-bottom: 1.25em;
}
.equipe article .conteudo header h1 { 
display:block;
font-size:1.5em;
font-weight:normal;
color: #007cc9;	
}
.equipe article .conteudo header h1 a {
color: #007cc9;	
}
.equipe article .conteudo header h1 span { 
display:block;
font-size:0.65em;
margin-top:0.25em;
color: #888;
}
.equipe article .conteudo p {
font-size:0.85em;
line-height:1.4em;
padding-bottom:1em;
color: #888;
}
.equipe article .conteudo p a {
color: #888;
}
/*BLOG*/
.central .blog { 
float: left;
width: 100%;
}
.central .blog article {
background-color: #fff;
border-bottom: 2em solid #eee;
box-sizing: border-box;
float: left;
padding: 1em;
width: 100%;
border-radius:0.25em;
}
.blog article .conteudo header, .blog article .conteudo .descricao, .blog article .conteudo .infos  { 
float: right;
width: 85%;
clear:both;
}
.blog article h1, .blog article p { 
float: left;
width: 100%;
}
.blog article .foto { 
float: left;
width: 40%;
margin-bottom:0.6em;
}
.blog article .foto img {
width: 100%;
height:auto;
}
.blog article .conteudo {
float: right;
width: 55%;
position: relative;
}
.blog article .conteudo header {
border-bottom: 1px solid rgba(82, 82, 82, 0.3);
padding-bottom: 1.25em;
margin-bottom: 1.25em;
}
.blog article .conteudo header h1 {
display:block;
font-size:1.5em;
font-weight:normal;
color: #007cc9;	
}
.blog article .conteudo header h1 a {
color: #007cc9;	
}
.blog article .conteudo header h1 a:hover {
color: #333;	
}
.blog article .conteudo p, .blog article .conteudo p a {
color: #888;
}
.blog article .conteudo p a:hover {
color: #666;
}
.blog article .conteudo .data {
background: #eee;
float: left;
left: 0;
margin-top: -1em;
padding: 0.25em;
position: absolute;
top: 0;
width: 2.4em;
}
.blog article .conteudo .data span {
display: block;
padding-bottom: 0.12em;
padding-top: 0.12em;
}
.blog article .conteudo .data span.dia, .data span.mes {
border-bottom: 0.1em dotted #CCCCCC;
font-size: 1em;
font-weight: bold;
text-align: center;
}
.blog article .conteudo .data span.dia {
font-size: 1.5em;
border-bottom: 0.05em dotted #CCCCCC;
}
.blog article .conteudo .data span.ano { 
font-size: 0.8em;
margin-top: 0.25em;
letter-spacing: 0.1em;
text-align: center;
}
.blog article .conteudo .infos {
border-bottom: 1px solid rgba(82, 82, 82, 0.3);
padding-bottom: 0.5em;
margin-bottom: 1em;
margin-top: -0.6em;
text-align: center;
}
.blog article .conteudo .infos span {
font-size: 0.8em;
color: #888;
}
.blog article .conteudo .infos span a{
color:#007cc9;
}
.blog article .conteudo .infos span.categorias a:after { 
content:",";
}
.blog article .conteudo p { 
font-size: 0.85em;
line-height: 1.4em;
}
/*SERVICOS*/
.central .servicos { 
float: left;
width: 100%;
}
.servicos article .conteudo header, .servicos article .conteudo .descricao  {
float: right;
width: 100%;
clear:both;
}
.central .servicos article {
background-color: #fff;
border-bottom: 10px solid #fff;
box-sizing: border-box;
float: left;
padding: 1em;
width: 100%;
margin-bottom: 2em;
border-radius:0.25em
}
.servicos article h1, .servicos article p {
float: left;
width: 100%;
}
.servicos article .conteudo {
float: right;
width: 55%;
position: relative;
}
.servicos article .conteudo p { 
font-size: 0.85em;
color: #888;
line-height: 1.4em;
}
.servicos article .conteudo p a { 
color:#888;
}
.servicos article .conteudo p a:hover { 
color:#666;
}
.servicos article .conteudo header { 
border-bottom: 1px solid rgba(82, 82, 82, 0.3);
padding-bottom: 1.25em;
margin-bottom: 1.25em;
}
.servicos article .conteudo header h1 {
display:block;
font-size:1.5em;
font-weight:normal;
color: #007cc9;	
}
.servicos article .conteudo header h1 a {
color: #007cc9;	
}
.servicos article .conteudo header h1 a:hover {
color: #333;	
}
.servicos article .foto {
float: left;
width: 40%;
margin-bottom:0.6em;
}
.servicos article .foto img {
width: 100%;
height:auto;
}
/*CONTATO*/
.central .contato form {
float: left;
width:50%;
}
.contato form p {
font-size: 0.85em;
color: #888888;
line-height: 2em;
}
.contato form input[type="text"], .contato form input[type="email"], .contato form input[type="tel"], .contato form textarea { 
width: 100%;
border: solid 1px rgba(82, 82, 82, 0.3);
padding: 0.6em;
box-sizing: border-box;
font-size: 1em;
color: #666666;
font-family: 'Droid Sans', sans-serif; /*font personalizada - google fonts*/
border-radius: 5px;
margin-bottom: 1em;
}
.contato form input[type="submit"] {
padding: 0.5em 2em 0.5em 2em;
border: solid 1px #2ac56c;
color: #FFF;
display: block;
font-size: 1.2em;
border-radius:5px;
width:100%;
background: #2ac56c;
}
.contato form input[type="submit"]:hover {
background-color: #2ed374;
border: 1px solid #2ed374;
}
.contato aside {
float:right;
width:45%;
}
.contato .mapaContatos .mapa {
border: solid 0.25em rgba(200, 200, 200, 0.1);
box-sizing: border-box;
float: left;
width: 100%;
}
.contato .mapaContatos .mapa iframe { 
width: 100%;
height: 250px;
}
.mapaContatos .contatos {
float: left;
width: 100%;
}
.mapaContatos .contatos address, .mapaContatos .contatos p {
border-bottom: 1px solid rgba(200, 200, 200, 0.3);
color: #888;
float: left;
font-size: 0.9em;
font-style: normal;
margin-bottom: 1em;
padding-bottom: 1em;
width: 100%;
}
.mapaContatos .contatos address {
background: rgba(200, 200, 200, 0.1);
padding: 0.6em;
box-sizing: border-box;
}
.mapaContatos .contatos p span { 
font-size: 0.9em;
display: block;
margin-bottom: 0.25em;
font-weight: bold;
}
.mapaContatos .contatos p a {
color: #007cc9;
}
.mapaContatos .contatos p a:hover {
color: #000;
}
.mapaContatos .contatos p a i {
border: 1px solid #f2f2f2;
float: left;
margin-right: 0.25em;
padding: 0.4em;
background:#fff;
}
span.wpcf7-not-valid-tip {
color: #f00;
display: block;
font-size: 0.9em !important;
margin-top: -0.5em;
}
div.wpcf7-response-output {
margin: 0.22em !important;
}
/*PAGINA SUCESSO*/
.contato .sucesso {
background-color: rgba(200, 200, 200, 0.1);
margin: 5em auto 0em auto;
padding: 1.25em;
width: 95%;
text-align:center;
box-sizing:border-box;
}
.contato .sucesso h1 {
font-size:2em;
color: #666666;
font-weight: normal;
}
.contato .sucesso h1 i {
display: block;
font-size: 2em;
margin-bottom: 0.25em;
}
.contato .sucesso h1 span {
font-size:0.8em;
display: block;
color:#888888;
}
/*PAGINA - DEPOIMENTO */
.central .listaDepoimentos {
float: left;
margin-bottom: 1em;
width: 100%;
}
.listaDepoimentos article {
background: #fff;
border-radius: 0.25em;
box-sizing: border-box;
float: left;
margin-bottom: 2em;
padding-bottom: 1em;
width: 100%;
}
.listaDepoimentos article.depoimento span {
display: block;
font-size: 0.8em;
margin-top: 0.6em;
text-align: center;
padding-top: 1em;
text-align: center;
color:#999;
font-style: italic;
}
.listaDepoimentos article.depoimento p:before {
color: #bbbbbb;
content: "„";
font-size: 5em;
line-height: 0;
margin-right: 0.25em;
vertical-align: 0.25em;
}
.listaDepoimentos article.depoimento p {
color: #bbbbbb;
font-style: italic;
margin-left: auto;
margin-right: auto;
width: 85%;
}
/*DEPOIMENTOS - GERAL*/
.central .depoimentos {
background: #FFF;
box-sizing: border-box;
float: left;
margin-bottom: 2em;
padding: 0.6em;
width: 100%;
border-radius: 5px;
border: 1px solid #f2f2f2;
}
.central .depoimentos span {
display: block;
text-align: center;
font-size: 0.8em;
margin-top: 1em;
color: #666666;
font-style: italic;
}
.depoimentos div.depoimento:before {
color: #BBBBBB;
content: "''";
font-size: 5em;
} 
.depoimentos div.depoimento {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.depoimentos div.depoimento p {
color: #BBBBBB;
font-style: italic;
margin-left: 2.5em;
margin-top: -4em;
}
#pager-depoimento { /*numeracao depoimento*/
font-size: 1.5em;
color: #999;
text-align: center;
cursor: pointer;
}
/*DESTAQUES - GERAL*/
.central .destaque {
border-bottom: 1px dashed #ddd;
box-sizing: border-box;
float: left;
margin-bottom: 2em;
padding: 1.25em;
width: 100%;
}
.destaque h1 {
float: left;
font-size: 2.15em;
font-weight: normal;
letter-spacing: -0.02em;
padding-bottom: 0.6em;
text-align: center;
width: 100%;
color:#666;
}
.destaque h2, .destaque h3, .destaque h4  {
color: #666666;
float: left;
font-weight: normal;
margin-bottom: 0.6em;
margin-top: 1em;
width: 100%;
}
.destaque p {
color: #888888;
font-size: 1em;
line-height: 1.5em;
padding-bottom: 1em;
text-align: center;
}
.destaque p a { 
color: #007cc9;
}
.destaque p a:hover { 
color: #000;
}
.destaque ul { 
margin-bottom: 1em;
margin-top: 1em;
}
.destaque ul li { 
border-bottom: 1px dotted rgba(82, 82, 82, 0.3);
color: #888888;
font-size: 0.95em;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
.destaque ul li:before {
content:"➜";
margin-right:0.5em;
}
.destaque ul li a {
color: #000000;
}	
table {
border-collapse: collapse;
display: block;
float: left;
margin-bottom: 1em;
margin-top: 1em;
overflow-x: auto;
white-space: nowrap;
width: 100%;
}
/*BOTAO CALL TO ACTION*/
.central .cta {
width: 100%;
float: left;
text-align: center;
padding: 1.25em;
box-sizing: border-box;
border-radius: 5px;
margin-bottom: 1.4em;
background-color: #FFF;
border: 1px solid #f2f2f2;
}
.cta header {
margin-bottom: 0.75em;
color: #666;
}
.cta header, .central .cta .botao {
width:100%;
float:left;
}
.cta h2,.central .cta h3 {
color: #888;
text-transform: uppercase;
margin-bottom: 0.25em;
font-weight: normal;
}
.cta h2 {
font-size:1.7em;
}
.cta h3 {
font-size:1.3em;
}
.cta .botao a {
font-size: 1.5em;
color: #FFF;
border-radius: 5px;
padding: 0.6em 1.25em 0.6em 1.25em;
display: block;
width: 50%;
margin: auto;
background-color: #007cc9;
border: 1px solid #007cc9;
}
.cta .botao a:hover {
background-color: #333333;
border: 1px solid #333333;
}
.cta .botao a i {
color: #FFF;
padding-right: 0.6em;
vertical-align: -0.145em;
}
/*EFEITO*/
/* Float Shadow */
.botao a {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.botao a:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
}
.botao a:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.botao a:hover:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* Hover Shadow */
@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@-webkit-keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}
@keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
  50% {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}
.hover-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
}
.hover-shadow:hover {
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.hover-shadow:hover:before {
  opacity: .4;
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/*FIM DO EFEITO*/
/*RODAPE*/
#wrapperRodape {
background-color: #007cc9;
padding-top: 2em;
border-top-width: 0.25em;
border-top-style: solid;
border-top-color: #e1e1e1;
}
#wrapperRodape .rodape{
}
.rodape .bloco {
float: left;
}
.rodape .bloco h1, .rodape .bloco p, .rodape .bloco address  {
float:left;
width:100%;
}
.rodape .bloco h1 {
color: #FFF;
font-size: 1.2em;
font-weight: normal;
margin-bottom: 0.6em;
}
.rodape .bloco p, .rodape .bloco p, .rodape .bloco address  {
color: #FFF;
font-size: 0.9em;
font-style: normal;
}
.rodape .bloco.endereco, .rodape .bloco.telefone, .rodape .bloco.email {
width:300px;
padding:0.25em;
box-sizing: border-box;
}
.rodape .bloco address  {
width:70%;
}
.bloco.telefone.mobile { /*oculta o telefone - funcao mobile*/
display: none;
}
.assinatura {
width:100%;
padding-bottom:0.6em;
padding-top:0.6em;
border-top: 1px solid rgba(255,255,255,0.05);
margin-top:1em;
float:left;
}
.assinatura a {
color: rgba(255,255,255,0.5);
font-size: 0.75em;
margin-right:1em;
float:right;
}
.assinatura a:hover {
color: rgba(255,255,255,0.7);
}
/*RECEBER NOVIDADES*/
#receberNovidades{
position: fixed;
width: 40%;
background-color:#F9F9F9;
border:0.35em solid #EEEEEE;
border-radius:5px;
box-shadow:5px 5px 8px rgba(200,200,200,0.5);
margin: auto;
left: 0px;
right: 0px;
z-index: 9999;
display: none;
padding:2em;
top:60px;
}
#receberNovidades .esquerdo{
width: 100%;
float:left
}
#receberNovidades .esquerdo h2{
color: #ccc;
float: left;
font-weight: normal;
padding-bottom: 0.6em;
width: 100%;
}
#receberNovidades input[type="text"], #receberNovidades input[type="email"] {
border: solid 1px rgba(82, 82, 82, 0.3);
padding: 0.6em;
box-sizing: border-box;
font-size: 1em;
color: #666666;
font-family: 'Droid Sans', sans-serif; /*font personalizada - google fonts*/
border-radius: 5px;
margin-bottom: 1em;
}
#receberNovidades input[type="button"] {
background: none repeat scroll 0 0 #2ac56c;
border: 0 solid #2ac56c;
border-radius: 5px;
color: #fff;
font-size: 1.2em;
padding: 0.35em 1em;
vertical-align: -0.05em;
}
#receberNovidades input[type="button"]:hover { 
background-color: #2ed374;
}
#receberNovidades .direito{
width: 100%;
float: right;
margin-bottom:1em;
}
#receberNovidades .direito p{
color: #888888;
display: inline;
font-size: 0.85em;
}
#receberNovidades .direito p a{
border: 1px solid rgba(200, 200, 200, 0.3);
color: #888;
margin: 0.25em;
padding: 0.25em;
}
#receberNovidades .direito p a i:hover{
color:#007cc9;
}
#receberNovidades .fechar{
right: 0.6em;
top:0.6em;
font-size: 1em;
position: absolute;
color: #888888;
}
#receberNovidades .sucesso {
float:left;
width:100%;
background:#2ac56c;
color: #fff;
text-align:center;
padding:0.6em;
box-sizing:border-box;
display: none;
}
#receberNovidades .erro {
float:left;
width:100%;
background:#f05858;
color: #fff;
text-align:center;
padding:0.6em;
box-sizing:border-box;
display: none;
}
/*PRODUTOS*/
.central .produtos {
float: left;
width: 100%;
}
.central .produtos article .foto{
float: left;
margin-bottom: 1.25em;
width: 100%;
overflow:hidden
}
.central .produtos article .foto img {
width: 100%;
height:auto;
}
/* EFEITO */
.produtos article .foto img {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.produtos article .foto:hover img {
-webkit-transform:scale(1.3);
transform:scale(1.3);
}
/* FIM DO EFEITO */
.central .produtos article h1, .produtos article p {
float: left;
width: 100%;
}
.produtos article .conteudo header {
min-height: 4em;
}
.produtos article .conteudo header h1 {
color: #007cc9;
display: block;
font-size: 0.9em;
font-weight: normal;
text-align: center;
height:35px;
}
.produtos article .conteudo header h1 a {
color: #007cc9;
}
.produtos article .conteudo header h1 a:hover {
color: #333;
}
.produtos article .conteudo p, .produtos article .conteudo p a {
color: #888;
font-size: 0.9em;
line-height: 1.4em;
}
.produtos article .conteudo p a:hover {
color: #666;
}
.produtos article .descricao {
height: 3.5em;
line-height: 1.4em;
margin-top: 1.25em;
overflow: hidden;
float:left;
}
.produtos article .conteudo .infos {
border-bottom: 1px solid rgba(82, 82, 82, 0.3);
border-top: 1px solid rgba(82, 82, 82, 0.3);
margin-top: 1.25em;
padding-bottom: 0.5em;
padding-top: 0.5em;
text-align: center;
float:left;
width:100%;
}
.produtos article .conteudo .infos span {
color: #888;
font-size: 0.8em;
}
.produtos article .conteudo .infos span a {
color: #007cc9;
}
.produtos article .conteudo .infos span.categorias a:after {
content: ",";
}
.produtos article .conteudo .infos .preco {
color: #007cc9;
font-size: 1em;
font-weight: bold;
}
.produtos article .conteudo .infos .pagamento {
color: #007cc9;
display: block;
font-style: italic;
margin-top: 0.25em;
}
.produtos article .conteudo .infos .promocao {
color: #007cc9;
}
.produtos article .conteudo .infos .promocao strong {
font-size: 130%;
}
.produtos article .conteudo .infos .precoOld {
text-decoration: line-through;
}
.produtos article .conteudo .precos {
height: 40px;
}
.dadosProduto {
float: left;
margin-bottom: 2em;
width: 100%;
}
.dadosProduto .foto:before {
color: #FFF;
content: "➧";
font-size: 4.9em;
position: absolute;
right: -40px;
top: 20px;
}
.dadosProduto .foto img {
height:auto;
width: 100%;
}
.dadosProduto .dados .preco {
color: #007cc9;
display: block;
font-size: 1.5em;
padding-bottom: 0.25em;
padding-top: 0.25em;
}
.dadosProduto .dados .precoOld {
display: block;
font-size: 1.25em;
padding-bottom: 0.25em;
padding-top: 0.25em;
text-decoration: line-through;
}
.dadosProduto .dados .promocao {
color: #007cc9;
display: block;
font-size: 1.25em;
padding-bottom: 0.25em;
padding-top: 0.25em;
}
.dadosProduto .dados .promocao strong {
font-size: 1.5em;
}
.dadosProduto .dados .pagamento {
color: #007cc9;
display: block;
font-size: 0.95em;
font-style: italic;
padding-bottom: 0.25em;
padding-top: 0.25em;
}
.dadosProduto .dados .linkExterno {
width:100%;
float:left;
margin-top:0.6em;
}
.dadosProduto .dados .linkExterno .botao {
background: #2ac56c;
border: 1px solid #2ac56c;
border-radius: 5px;
color: #fff;
display: block;
text-align:center;
font-size: 1.2em;
padding: 0.5em 2em;
width: 100%;
box-sizing:border-box;
}
.dadosProduto .dados .linkExterno .botao:hover {
background-color: #2ed374;
border: 1px solid #2ed374;
}
/*FAQs*/
.central .faqs {
float: left;
margin-bottom: 2em;
width: 100%;
}
.faqs article {
background: none repeat scroll 0 0 #fff;
border-bottom: 1px solid rgba(200, 200, 200, 0.3);
border-radius: 0.25em;
box-sizing: border-box;
float: left;
margin-bottom: 2em;
padding: 1em;
width: 100%;
}
.faqs article header h1 {
color: #007cc9;
font-size: 1.25em;
margin-bottom: 1em;
}
.faqs article p {
color: #888;
font-size: 0.9em;
line-height: 1.4em;
}
.faqs article p a {
color: #f7941e;
}
/*CLIENTES*/
.central .clientes {
float: left;
margin-bottom: 2em;
width: 100%;
}
.clientes .listaLogos {
float: left;
width: 100%;
margin-bottom: 2em;
}
.clientes .listaLogos ul {
float: left;
width: 100%;
}
.clientes .listaLogos ul li {
border: 1px solid #ddd;
box-sizing: border-box;
float: left;
margin-left: -1px;
margin-top: -1px;
padding: 0.6em 0.6em 0.4em;
text-align: center;
vertical-align: middle;
width: 20.085%;
background:#fff;
}
.clientes .listaLogos ul li img {
height:auto;
width: 100%;
}
/*CSS PARA DESKTOP*/
@media screen and (max-width: 3000px) and (min-width: 781px) {
.tela { /*define a largura do site*/
width: 1200px;
padding: 0.6em;
margin: auto;
box-sizing:border-box;
}
/*CABECALHO DESKTOP*/
.cabecalho ul, .cabecalho ul li, .cabecalho ul li a {
float: left;
}
.cabecalho .logotipo {
width:269px;
float:left;
}
@-moz-document url-prefix() { /*hack para funcionar no firefox*/
	.cabecalho .menuPrincipal ul li a {
     padding-top: 1.56em;
     padding-bottom: 1.56em;
     } 
}	
/*MENU PRINCIPAL DESKTOP*/
.cabecalho .menuPrincipal ul li a {
padding-top: 1.63em;
padding-right: 1em;
padding-bottom: 1.63em;
padding-left: 1em;
}
.menuPrincipal > ul > li > ul{
position: absolute;
right: -1px;
top: 63px;
border-radius: 5px;
box-shadow: 3px 3px 3px rgba(200, 200, 200, 0.1);
background: #FFF;
display: none;
border: 4px solid #007cc9;
}
.menuPrincipal > ul > li > ul:before{
color: #007cc9;
content: "â–²";
font-size: 1.3em;
left: 75%;
position: absolute;
top: -21px;
}
.menuPrincipal ul > li > ul > li {
width: 200px;
border-right: none !important;
border-bottom:1px solid #efeefa;
}
.menuPrincipal ul > li > ul > li:last-child {
border-bottom: none;
}
.menuPrincipal ul > li > ul > li > a {
text-align: center;
width: 200px;
box-sizing: border-box;
padding-top: 1em !important;
padding-bottom: 1em !important;
}
.menuPrincipal ul li ul li ul{
background: #FAFAFA;
border-bottom: 2px solid #fefefe;
border-top: 1px solid #efefef;
}
.menuPrincipal ul li ul li ul:before{
color: #007cc9;
content: "â–²";
font-size: 1.3em;
left: 75%;
position: absolute;
top: -21px;
}
.menuPrincipal ul li ul li ul li {
width: 200px;
border-right: none !important;
border-bottom:1px solid #efeefa;
}
.menuPrincipal ul li ul  li ul li:last-child {
border-bottom: none;
}
.menuPrincipal ul li ul  li ul li a {
text-align: center;
width: 200px;
box-sizing: border-box;
padding-top: 0.8em !important;
padding-bottom: 0.8em !important;
}
/*SOLICITACAO DESKTOP*/
.solicitacao {
margin-top:1em;
background: rgba(82,82,82,0.1);
border-radius: 0.25em;
border: 1px solid rgba(82,82,82,0.3);
width: 100%;
float:lef;
padding:1em;
box-sizing:border-box;
}
.solicitacao input[type="text"], .solicitacao input[type="email"], .solicitacao input[type="tel"],.solicitacao textarea { /*solicitacao*/
border: 1px solid rgba(82, 82, 82, 0.3);
border-radius: 5px;
box-sizing: border-box;
color: #666666;
font-family: "Droid Sans",sans-serif;
font-size: 1em;
margin-bottom: 1em;
padding: 0.6em;
width: 100%;
}
.solicitacao .dadosEsquerda{
float:left;
width:45%;
}
.solicitacao .dadosDireita{ 
float:right;
width:50%;
}
.solicitacao textarea{ 
height:150px;
margin-bottom: 0.55em;
}
.solicitacao input[type="submit"] { 
background: none repeat scroll 0 0 #2ac56c;
border: 1px solid #2ac56c;
border-radius: 5px;
color: #fff;
display: block;
font-size: 1.2em;
padding: 0.5em 2em;
width: 100%;
}
.solicitacao input[type="submit"]:hover {
background-color: #2ed374;
border: 1px solid #2ed374;
}
.wpcf7-validation-errors {
border: 2px solid #f7e700;
box-sizing: border-box;
margin-left: 0em;
text-align: center;
width: 99%;
float:left;
background:#f7e700;
font-size: 0.9em;
padding-bottom: 1em;
padding-top: 1em;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
background:#398f14;
color:#fff;
box-sizing: border-box;
margin-left: 0em;
text-align: center;
width: 99%;
float:left;
}
span.wpcf7-not-valid-tip {
font-size: 0.85em !important;
margin-top: -0.5em;
}
/*PRODUTOS DESKTOP*/
.produtos article {
background-color: #fff;
border-bottom: 10px solid #fff;
border-radius: 0.25em;
box-shadow: 5px 5px 5px rgba(200, 200, 200, 0.5);
box-sizing: border-box;
float: left;
margin: 1%;
padding: 0.6em;
width: 31.33%;
}
.dadosProduto .foto {
border: 0.6em solid #FFF;
border-radius: 0.25em;
box-sizing: border-box;
float: left;
margin-right: 2em;
position: relative;
width: 50%;
box-shadow: 5px 5px 8px rgba(200, 200, 200, 0.8);
}
.dadosProduto .dados {
float: right;
width: 40%;
}
/*GALERIA DE FOTOS DESKTOP*/
.gallery img {
border-style: solid;
border-width: 1px;
border-color:rgba(200,200,200,0.1) !important;
height: 100px;
padding: 0.25em;
width: 100px;
padding:0.5em;
background: #fff;
}
.gallery .gallery-item {
width: auto !important;
}
.gallery .gallery-caption {
display: none;
}
}
/*CSS PARA MOBILE*/
@media screen and (max-width: 780px) {
.tela { /*define a largura do site*/
width:100%;
float:left;
padding:0.6em;
box-sizing:border-box;
}
/*CABECALHO MOBILE*/
#wrapperCabecalho {
position:relative;
}
.cabecalho {
text-align:center;
height: 65px; 
}
.cabecalho .logotipo img{
text-align:center;
/*width: 243px;*/
}
.cabecalho .abreMenu { /*funcao mobile para brir o menu*/
display:block;
float: left;
font-size: 2em !important;
position:absolute;
top: 0.5em;
margin-left: 0.25em;
}
.cabecalho .telefone { /*funcao mobile para brir o menu*/
display:block;
font-size: 2.8em !important;
position:absolute;
top: 0.25em;
right:0em;
color: #007cc9;
}	
/*MENU PRINCIPAL MOBILE*/
.cabecalho .menuPrincipal{
bottom: -30px;
left: 50px !important;
display: none;
}
.cabecalho .menuPrincipal > ul{
text-align: left;
float: none;
position: absolute;
top: -76px;
background-color: #fff;
border: 1px solid RGBA(82,82,82,0.1);
border-radius: 0.25em;
width:200px;
box-shadow: 5px 5px 5px rgba(82,82,82,0.3);
}
.menuPrincipal > ul > li{
float: left;
width:100%;
border-right:none;
border-bottom:1px #DDD solid;
padding-right:0.25em;
padding-left: 0.25em;
box-sizing: border-box;
}
.cabecalho .menuPrincipal > ul > li a{
float: left;
font-size: 0.9em;
margin-left: -0.25em;
padding: 0.75em 0.25em;
width: 100%;
}
.menuPrincipal ul > li > ul > li a {
font-size:0.82em !important;
box-sizing:border-box;
padding-left:0.25em;
}
.menuPrincipal ul > li > ul > li > ul > li a {
padding-top: 0.25em !important;
padding-bottom: 0.25em !important;
padding-left: 0.8em !important;
border-bottom: 1px solid #f2f2f2;
background-color: #fafafa;
}
/*BANNER MOBILE*/
#wrapperBanner { 
display:none;
}
/*PAGINA - HEADER MOBILE*/
.central .pagHeader {
margin-top:0.25em;
}
.central .pagHeader h1 {
font-size: 2em;
float: normal;
width:100%;
display:block;
}
.pagHeader select {
margin: 0em 0em 0.6em 0em;
width:100%;
display:block;
float: normal;
}
.pagHeader .btnHeader {
float: normal;
margin: 0em;
display:block;
width:100%;
box-sizing:border-box;
}
/*HEADER DAS PAGINAS INTERNAS - MOBILE*/
.pagina article h1 {
font-size: 1.7em;
}
.pagina article .infos .categorias {
margin-top: 0.5em;
margin-bottom: 0.5em;
width: 100%;
clear:both;
}
.pagina article .infos .redesSociais {
float: right;
width: 100%;
}
.pagina article .infos .redesSociais i {
border: 1px solid rgba(200, 200, 200, 0.3);
float: left;
margin-left: 0.25em;
padding: 0.75em;
font-size:1em;
}
.central .pagina article .infos .separador {
display: none;
}
/*BLOCOS INDEX - MOBILE*/
.central .blocos article {
width:100%;
padding:0px 0px 1em 0px;
margin-bottom: 1em;
border-bottom: 1px solid rgba(82, 82, 82, 0.3);
}
.blocos article:last-child {
border-bottom: none;
margin-bottom:0em;
}
/*EQUIPE MOBILE*/
.equipe article .foto, .equipe article .foto img, .equipe article .conteudo {
width: 100% !important;
}
.equipe article .conteudo header, .equipe article .conteudo .descricao  {
width: 80%;
}
/*SERVICOS MOBILE*/
.servicos article .foto, .servicos article .foto img, .servicos article .conteudo {
width: 100% !important;
}
.servicos article .conteudo header, .servicos article .conteudo .descricao  { /*servicos*/
width: 100%;
}
/*BLOG MOBILE*/
.blog article .foto, .blog article .foto img, .blog article .conteudo {
width: 100% !important;
}
.blog article .conteudo header, .blog article .conteudo .descricao, .blog article .conteudo .infos  { 
width: 80%;
}
.blog article .conteudo .infos span.separador {
display:none;
}
.blog article .conteudo .infos span.categorias {
display:block;
}
/*CONTATO MOBILE*/
.central .contato form {
float: left;
width:100%;
margin-bottom:1em;
}
.central .contato aside {
float: left;
width:100%;
}
/*PAGINA SUCESSO MOBILE*/
.contato .sucesso { /*pagina enviado com sucesso - mobile*/
margin-top: 0.6em;
width:100%;
}
.contato .sucesso h1 {
font-size:1.8em;
}
.contato .sucesso h1 i {
font-size: 2em;
}
.central .contato .sucesso h1 span {
font-size:0.7em;
}
/*DEPOIMENTO MOBILE*/
.depoimentos div.depoimento { /*index*/
width:90%;
}
/*LISTA DEPOIMENTO MOBILE*/
.listaDepoimentos article.depoimento div.depoimento {
width:90%;
}
/*CALL TO ACTION MOBILE*/
.central .cta h2 {
font-size:1.2em;
margin-bottom:0.35em;
}
.cta h3 {
font-size:1em;
}
.central .cta .botao a {
font-size: 1em;
color: #FFF;
border-radius: 5px;
padding: 0.6em;
width: 100% !important;
box-sizing: border-box;
display: block;
box-sizing:border-box;
}
.cta .botao a i {
color: #FFF;
padding-right: 0.6em;
vertical-align: -0.145em;
}
/*RODAPE MOBILE*/
.rodape .bloco.endereco, .rodape .bloco.telefone, .rodape .bloco.email {
width:100%;
padding:0.6em;
border-bottom: 1px solid #fff;
margin-bottom: 0.6em;
box-sizing:border-box;
}
.bloco.telefone.mobile{
display: block;
}
.bloco.telefone.mobile h1{
background-color: #fff;
border-radius: 0.25em;
text-align: center;
width: 100%;
border-radius:0.25em;
}
.bloco.telefone.mobile h1 a{
color: #007cc9;
display:block;
width:100%;
padding:0.25em;
box-sizing:border-box;
font-size: 2em;
}
.rodape .bloco.endereco address {
width:100%;
}
.bloco.telefone.desktop { /*oculta bloco de telefone no mobile*/
display: none;
}
.assinatura {
text-align:center;
float:left;
}
.assinatura a {
float:none;
}
/*RECEBER NOVIDADES MOBILE*/
#receberNovidades{
width:60%;
}
#receberNovidades input[type="text"], #receberNovidades input[type="email"] { /*receber novidades*/
display:block;
width:100%;
float:left;
}
#receberNovidades input[type="submit"] {
display:block;
width:100%;
float:left;
}
#receberNovidades .direito p span{
display: block;
margin-top:0.6em;
margin-bottom:0.6em;
}
/*SOLICITACAO MOBILE*/
.solicitacao {
margin-top:1em;
background: rgba(82,82,82,0.1);
border-radius: 0.25em;
border: 1px solid rgba(82,82,82,0.3);
width: 100%;
float:lef;
padding:1em;
box-sizing:border-box;
}
.solicitacao input[type="text"], .solicitacao input[type="email"], .solicitacao input[type="tel"],.solicitacao textarea {
border: 1px solid rgba(82, 82, 82, 0.3);
border-radius: 5px;
box-sizing: border-box;
color: #666666;
font-family: "Droid Sans",sans-serif; /*font do google fonts*/
font-size: 1em;
margin-bottom: 1em;
padding: 0.6em;
width: 100%;
}
.solicitacao .dadosEsquerda{
float:left;
width:100%;
}
.solicitacao .dadosDireita{
float:right;
width:100%;
}
.solicitacao textarea{
height:150px;
margin-bottom: 0.55em;
}
.solicitacao input[type="submit"] {
background: none repeat scroll 0 0 #2ac56c;
border: 1px solid #2ac56c;
border-radius: 5px;
color: #fff;
display: block;
font-size: 1.2em;
padding: 0.5em 2em;
width: 100%;
}
.solicitacao input[type="submit"]:hover {
background-color: #1E643C;
border: solid 1px #1E643C;
}
.wpcf7-validation-errors {
border: 2px solid #f7e700;
box-sizing: border-box;
margin-left: 0em;
text-align: center;
width: 99%;
float:left;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
background:#398f14;
color:#fff;
box-sizing: border-box;
margin-left: 0em;
text-align: center;
width: 99%;
float:left;
}
/*PRODUTOS MOBILE*/
.produtos article {
float: left;
padding: 0.6em;
width: 100%;
background-color: #fff;
border-bottom: 10px solid #fff;
border-radius: 0.25em;
box-shadow: 5px 5px 5px rgba(200, 200, 200, 0.5);
box-sizing: border-box;
margin-bottom:1em;
}
.pagina article h1 {
font-size: 1.3em;
}
.central .produtos article .foto img {
width: 100%;
}
.dadosProduto {
float: left;
margin-bottom: 2em;
width: 100%;
}
.dadosProduto .foto {
border: 0.6em solid rgba(200, 200, 200, 0.2);
border-radius: 0.25em;
box-sizing: border-box;
float: left;
width: 100%;
margin-bottom: 0.6em;
}
.dadosProduto .foto:before {
content:none;
}
.dadosProduto .foto img {
width: 100%;
}
.dadosProduto .dados {
float: left;
width: 100%;
}
.dadosProduto .dados .preco {
color: #333;
display: block;
font-size: 1.5em;
padding-bottom: 0.25em;
padding-top: 0.25em;
}
.dadosProduto .dados .precoOld {
display: block;
font-size: 1.25em;
padding-bottom: 0.25em;
padding-top: 0.25em;
text-decoration: line-through;
}
.dadosProduto .dados .promocao {
color: #007cc9;
display: block;
font-size: 1.25em;
padding-bottom: 0.25em;
padding-top: 0.25em;
}
.dadosProduto .dados .promocao strong {
font-size: 1.5em;
}
/*CLIENTES MOBILE*/
.clientes .listaLogos ul li {
border: 1px solid #ddd;
box-sizing: border-box;
float: left;
height: auto;
margin-left: -1px;
margin-top: -1px;
padding: 0.6em;
text-align: center;
vertical-align: middle;
width: 50%;
}
/*GALERIA DE FOTOS MOBILE*/
.gallery img {
border-style: solid;
border-width: 1px;
border-color:rgba(200,200,200,0.1) !important;
height: 70%;
padding: 0.25em;
width: 70%;
padding:0.5em;
background:#fff;
}
.gallery .gallery-caption {
display:none;
}
}
/*Celulares Antigos */
@media screen and (max-width: 500px){
	
}