/*
    Desenvolvido por Artweb Design Digital
    http://www.artwebdigital.com.br/
    criacao2@artwebdigital.com.br
*/

@font-face {
    font-family: 'robotoregular';
    src: url('../fontes/robotoRegular/roboto-regular-webfont.woff2') format('woff2'),
         url('../fontes/robotoRegular/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('../fontes/robotoMedium/roboto-medium-webfont.woff2') format('woff2'),
         url('../fontes/robotoMedium/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body,h1,h2,h3,p,a,ul,li,select,option,input,textarea,table,th,td,blockquote,hr,button,div{
	margin:0;
	padding:0;
	font-weight: normal;
} 

body{
    font-family: 'robotoregular', tahoma;
	background: #FFFFFF;
}

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

a{
	text-decoration: none;
}

a:hover{
	text-decoration:none;
}

img{
	border:none;
	max-width:100%;
}

button{
	border:none;
	cursor:pointer;
}

.limpa{clear:both;}
.limpa40{clear:both; height: 40px}

input, select, textarea{
    font-family: 'robotoregular', tahoma;
	font-size: 14px;
	color: #000000;
}

/* header */
#topoCima{
	width: 100%;
	border-bottom: 1px solid #ececec;
}

#alinhaTopoCima{
	float: right;
	margin-right: 88px;
}

#topoCima p{
	color: #9a9a9a;
	font-size: 12px;
	line-height: 40px;
}

#bgTopo{
    height: 109px;
	width: 100%;
	background: #f8f8f8;
}

.navbar-default{
	padding: 22px 0 0;
}

.navbar-header{
	float:left;
	margin-left: 45px;
}

.navbar-collapse{
	float: right;
	margin-top: 14px;
	margin-right: 75px;
}

.navbar-nav li{
	list-style:none;
	float:left;
}

.navbar-nav li a{
	margin-left: 60px;
	display:block;
	color: #2b2b2b;
	font-size: 14px;
	line-height: 40px;
    font-family: 'robotomedium';
	border-bottom: 2px solid transparent;
}

.navbar-nav li a.menuAtivo, .navbar-nav li a:hover{
	color: #0c5930;
	border-bottom: 2px solid #00cc61;
}

.navbar-toggle, .espacoMenu{
	display:none;
}

/* content */
#content{
	margin:0 auto;
}

#content, #content p{
	font-size: 14px;
	color: #000000;
	line-height: 24px;
}

#content a{
	color: #005127;
}

#content a:hover{
	color: #000000;
}

#content h2{
	font-size: 30px;
	color: #000000;
	line-height: 40px;
}

.tracoTitulo{
	width: 96px;
	margin: 10px 0 20px;
	height: 2px;
	background: #cccccc;
}

#conteudoPaginas{
	padding-top: 60px;
	padding-bottom: 60px;
}

.textoSimples{
	padding-left: 20px;
	padding-right: 20px;
}

.imagemPrincipalPaginas{
	float: right;
	margin: 0 0 20px 60px;
}

/* Home */
#caixaSlideHome{
	width: 100%;
	height: auto;
	position: relative;
	padding-top: 30px;
	overflow: hidden;
}

#bgSlideHome{
	width: 100%;
	height: 450px;
	background: #2b2b2b;
	position: absolute;
	left: 0;
	top: 0;
}

#alinhaSlideHome{
	width: 1160px;
	height: 480px;
	position: relative;
	margin: 0 auto;
	z-index: 20;
}

.prevBanner{
	width: 20px;
	height: 40px;
	background: url(../img/prev-banner.png) no-repeat center;
	position: absolute;
	left: -40px;
	z-index: 100;
	top: 50%;
	margin-top: -20px;
}

.nextBanner{
	width: 20px;
	height: 40px;
	background: url(../img/next-banner.png) no-repeat center;
	position: absolute;
	right: -40px;
	z-index: 100;
	top: 50%;
	margin-top: -20px;
}

#bannerSuperior{
	width: 1160px;
	height: 480px;
}

#bgCinza{
	background: #f1f2f2;
	padding: 85px 0;
}

.certificadoEsquerda{
	float: left;
	width: 430px;
	text-align: center;
	margin-left: 20px;
	padding-top: 80px;
}

.certificadoDireita{
	float: left;
	width: 594px;
}

#produtosHome{
	padding: 70px 0 60px;
}

.produtoIndividual{
	float: left;
	margin: 0 20px 40px;
	width: 260px;
	height: 275px;
	text-align: center;
	position: relative;
}

.caixaImagemProdutoIndividual{
	width: 260px;
	height: 170px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.caixaImagemProdutoIndividual img{
	max-width: 260px;
	max-height: 170px;
}

.produtoIndividual h3{
	font-size: 18px;
	color: #2b2b2b;
	line-height: 22px;
    font-family: 'robotomedium';
    padding: 0 20px;
}

#produtosHome h2{
	background: url(../img/traco-titulo-produtos.png) no-repeat center;
	text-align: center;
	margin-bottom: 60px;
}

.tracoProdutos{
	width: 86px;
	height: 4px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -43px;
}

.produtoIndividual:hover .tracoProdutos{
	background: #00CC61;
}

.produtoIndividual .limpa{
	height: 40px;
}

#content a.botaoCertificado, #content a.linkProdutos{
	display: block;
	width: 186px;
	height: 50px;
	border: 2px solid #c7c8ca;
	text-align: center;
	line-height: 50px;
	color: #c7c8ca;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 35px;
    font-family: 'robotomedium';
}

#content a.botaoCertificado:hover, #content a.linkProdutos:hover{
	background: #C7C8CA;
	color: #F1F2F2;
}

#content a.linkProdutos{
	margin: 0 auto;
	width: 210px;
}

/* footer */
#rodapeFixo{
	padding-bottom:430px;
}

#rodapeTodo{
	background: #005127;
	width: 100%;
	height: 430px;
	margin-top: -430px;
	position: relative;
	clear: both;
}

#footer h3{
	font-size: 12px;
	color: #00ffa8;
    font-family: 'robotomedium';
    background: url(../img/traco-titulo-rodape.png) no-repeat left bottom;
    line-height: 36px;
    margin-bottom: 16px;
}

#rodapeDireita h3{
	margin-bottom: 20px;
}

#footer p, #footer{
    color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
}

#footer a {
    color: #fff;
}

#footer a:hover{
	color:#00ffa8;
}

#rodapeMeio a{
	line-height: 30px;
}

#rodapeEsquerda{
	float: left;
	width: 280px;
	margin: 71px 0 0 178px;
}

#rodapeMeio{
	float: left;
	width: 150px;
	margin: 88px 0 0 140px;
}

#rodapeDireita{
	float: right;
	width: 200px;
	margin: 88px 170px 0 0;
}

#rodapeEsquerda img{
	display: block;
	margin-bottom: 48px;
}

#footer{
	height: 380px;
}

#rodapeBaixo{
	height: 50px;
	background: #014923;
}

#rodapeBaixo p{
	text-align: center;
	line-height: 50px;
	display: block;
	color: #0e7540;
	font-size: 10px;
}

.artweb{
	float: right;
	background:url(../img/criacao-sites-artweb.png) no-repeat center top;
    display: block;
    height:13px;
    overflow: hidden;
    text-indent: -99999px;
    width:50px;
    margin-top: -20px;
}

/* Produto */
.imagensProdutoIndividual{
	float: left;
	width: 180px;
	text-align: center;
	height: 160px;
	overflow: hidden;
	margin: 0 8px 20px;
	border: 2px solid #FFFFFF;
}

.alinhaImagemProduto{
	width: 180px;
	text-align: center;
	height: 160px;
	display: table-cell;
	vertical-align: middle;
}

.imagensProdutoIndividual img{
	max-width: 180px;
	max-height: 160px;
}

.imagensProdutoIndividual:hover{
	border: 2px solid #c7c8ca;
}

/* Contato */
#mapaContato{
	width: 100%;
}

#mapaContato iframe{
	width: 100%;
	height: 400px;
}

#contatoEsquerda{
	width: 560px;
	float:left;
}

#contatoDireita{
	width: 560px;
	float:right;
}

.divBox{
	height:75px;
	position:relative;
}

.divBoxErro{
	width:100%;
	font-size:12px;
	color:#F00;
	text-align:center;
	display:none;
	height:20px;
	line-height:20px;
}

#formContato input{
	width: 100%;
	height: 42px;
	border: 1px solid #d5d5d5;
	padding: 10px 10px 10px 60px;
	box-sizing: border-box;
}

#formContato textarea{
	box-sizing: border-box;
	width: 100%;
	height: 120px;
	border: 1px solid #d5d5d5;
	padding: 10px 10px 10px 60px;
	resize: none;
	background: url(../img/input-mensagem.png) no-repeat left top #FFF;
}

#formContato input#nomeC{background:url(../img/input-nome.png) no-repeat left top #FFF;}
#formContato input#telefoneC{background:url(../img/input-telefone.png) no-repeat left top #FFF;}
#formContato input#emailC{background:url(../img/input-email.png) no-repeat left top #FFF;}

#formContato button{
	background: #0C5930;
	width: 220px;
	height: 42px;
	float: left;
	font-size: 14px;
	letter-spacing: 1px;
	margin-top: 32px;
	cursor: pointer;
	border: none;
	color: #fff;
	text-transform: uppercase;
    font-family: 'robotomedium';
}

#formContato button:hover{
	background: #014923;
}

/* tamanhos tamanhos */
.tamanhoTela{
	width:1200px;
	margin:0 auto;
}

@media(max-width: 1230px) {
	.tamanhoTela{width:980px;}

	/* Header */
	#alinhaTopoCima{margin-right: 20px;}
	.navbar-collapse{margin-right: 0;}
	.navbar-nav li a{margin: 0 20px 0 30px;}
	.navbar-header{margin-left: 20px;}

	/* Home */
	#alinhaSlideHome, #bannerSuperior{width: 920px; height: 380px;}
	#bgSlideHome{height: 360px;}
	.prevBanner{left: -30px;}
	.nextBanner{right: -30px;}
	#produtosHome{padding: 60px 0 40px;}
	#produtosHome h2{margin-bottom: 40px;}
	.produtoIndividual{width: 225px; margin: 0 10px 40px; height: 250px;}
	.caixaImagemProdutoIndividual{width: 225px; height: 150px;}
	.caixaImagemProdutoIndividual img{max-height: 150px; max-width: 220px;}
	.produtoIndividual .limpa{height: 30px;}
	.produtoIndividual h3{font-size: 16px;}
	#bgCinza{padding: 60px 0;}
	.certificadoEsquerda{width: 350px; margin: 0; padding-top: 50px;}

	/* Footer */
	#rodapeEsquerda{margin: 71px 0 0 20px;}
	#rodapeDireita{margin: 88px 100px 0 0;}

	/* Produto */
	.imagensProdutoIndividual, .alinhaImagemProduto{width: 176px;}
	.imagensProdutoIndividual img{max-width: 170px;}

	/* Contato */
	#mapaContato iframe{height: 300px;}
	#contatoEsquerda{width: 440px;}
	#contatoDireita{width: 440px;}
}

@media(max-width: 1000px) {
	.tamanhoTela{width:740px;}

	/* Header */
	#bgTopo{height: 100px;}
	#alinhaTopoCima{margin-right: 10px;}
	#topoCima p{font-size: 11px;}
	.navbar-header{margin-left: 10px;}
	.navbar-header img{max-width: 280px;}
	.navbar-collapse{margin-top: 10px;}
	.navbar-nav li a{margin: 0 10px 0 20px;}

	/* Home */
	#content h2{font-size: 24px; line-height: 30px;}
	#content a.botaoCertificado, #content a.linkProdutos{height: 44px; line-height: 44px; width: 150px;}
	#content a.linkProdutos{width: 180px;}

	#alinhaSlideHome, #bannerSuperior{width: 720px; height: 298px;}
	#bgSlideHome{height: 298px;}
	.prevBanner{left: -20px;}
	.nextBanner{right: -20px;}
	#produtosHome{padding: 40px 0;}
	.produtoIndividual{width: 240px; margin: 0 65px 40px; height: 280px;}
	.caixaImagemProdutoIndividual{width: 240px; height: 180px;}
	.caixaImagemProdutoIndividual img{max-height: 180px; max-width: 240px;}
	.certificadoEsquerda{width: 280px;}
	.certificadoDireita{width: 440px;}

	/* Footer */
	#rodapeEsquerda{width: 230px;}
	#rodapeMeio{margin-left: 90px;}
	#rodapeDireita{width: 220px; margin-right: 0;}
	#rodapeEsquerda img{margin-bottom: 30px;}

	/* Páginas */
	#conteudoPaginas{padding-top: 40px; padding-bottom: 40px;}
	.textoSimples{padding-left: 10px; padding-right: 10px;}
	.imagemPrincipalPaginas{max-width: 300px; margin: 0 0 20px 40px;}

	/* Produto */
	.imagensProdutoIndividual{margin: 0 5px 10px;}
	.imagensProdutoIndividual, .alinhaImagemProduto{width: 171px;}
	.imagensProdutoIndividual img{max-width: 168px;}

	/* Contato */
	#mapaContato iframe{height: 260px;}
	#contatoEsquerda{width: 340px;}
	#contatoDireita{width: 340px;}
	input, select, textarea{font-size: 13px;}
}

@media(max-width: 767px){
	.tamanhoTela{width:auto; padding:0 20px;}

	/* Header */
	#bgTopo{height: auto; background-color: transparent;}
	#topoCima{padding-top: 75px;}
	#topoCima p{font-family: 10px; line-height: 20px; text-align: right; padding: 10px 0;}
	#alinhaTopoCima{margin: 0;}
	#alinhaTopoCima p span{display: block; clear: both; width: 0; height: 0; color: #FFFFFF;}

	/* Home */
	#content h2{font-size: 20px;}
	.tracoTitulo{margin: 10px auto 20px;}
	#content, #content p{text-align: center;}
	#bgSlideHome{height: 100%;}
	#caixaSlideHome{padding: 20px; width: auto;}
	#alinhaSlideHome{height: auto; width: auto;}
	#bannerSuperior{width: 100%; height: auto;}
	#produtosHome h2{background: none; margin-bottom: 30px;}
	.produtoIndividual{width: auto; height: auto; float: none; margin: 0 0 40px; text-align: center; padding-bottom: 20px;}
	.caixaImagemProdutoIndividual{width: auto; height: auto; display: block; margin: 0 0 20px;}
	.produtoIndividual .limpa{height: 0;}
	.produtoIndividual .tracoProdutos{background: #00CC61;}
	#bgCinza{padding: 40px 0;}
	.certificadoEsquerda, .certificadoDireita{width: auto; height: auto; padding: 0; text-align: center; float: none;}
	.certificadoEsquerda{margin-bottom: 30px;}
	#content a.botaoCertificado, #content a.linkProdutos{margin: 20px auto 0;}

	/* Footer */
	html, body, #wrap {height: auto;}
	body > #wrap {min-height: 0;}
	#rodapeFixo{padding: 0;}
	#rodapeTodo{height: auto; margin: 0;}
	#rodapeEsquerda{width: auto; margin: 0 0 30px; float: none;}
	#footer{height: auto; padding-top: 40px; padding-bottom: 40px; text-align: center;}
	#rodapeEsquerda img{margin: 0 auto 20px;}
	#rodapeMeio{float: none; display: none;}
	#rodapeDireita{width: auto; float: none; margin: 0;}
	#footer h3{background-position: center bottom; margin-bottom: 10px;}
	#rodapeBaixo{height: auto; padding: 20px 0 10px;}
	#rodapeBaixo p{line-height: 16px;}
	.artweb{margin: 5px 0;}

	/* Páginas */
	.textoSimples{padding-left: 0; padding-right: 0;}
	.imagemPrincipalPaginas{max-width: 90%; margin: 0 auto 20px; display: block; float: none;}

	/* Produto */
	.imagensProdutoIndividual{margin: 0 0 10px; border: none;}
	.imagensProdutoIndividual:hover{border: none;}
	.imagensProdutoIndividual{width: 50%;}
	.imagensProdutoIndividual img{max-width: 100%;}
	.alinhaImagemProduto{width: auto; display: block; margin: 0 10px;}

	/* Contato */
	#mapaContato iframe{display: none;}
	#contatoEsquerda{width: auto; float: none; margin: 0 0 30px;}
	#contatoDireita{width: auto; float: none; margin: 0;}
	#formContato button{width: 140px; margin: 10px 0 0;}
	.divBox{height: auto; margin: 0 0 10px;}
}