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

@font-face {
    font-family: 'asapItalic';
    src: url('../fontes/asapItalic/asap-italic-webfont-webfont.eot');
    src: url('../fontes/asapItalic/asap-italic-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/asapItalic/asap-italic-webfont-webfont.woff2') format('woff2'),
         url('../fontes/asapItalic/asap-italic-webfont-webfont.woff') format('woff'),
         url('../fontes/asapItalic/asap-italic-webfont-webfont.ttf') format('truetype'),
         url('../fontes/asapItalic/asap-italic-webfont-webfont.svg#asapitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family:'asapregular';
		src:url('../fontes/asapRegular/asap-regular-webfont-webfont.eot');
		src:url('../fontes/asapRegular/asap-regular-webfont-webfont.eot?#iefix') format("embedded-opentype"),
			url('../fontes/asapRegular/asap-regular-webfont-webfont.woff') format("woff"),
			url('../fontes/asapRegular/asap-regular-webfont-webfont.ttf') format("truetype"),
			url('../fontes/asapRegular/asap-regular-webfont-webfont.svg#asapregular') format("svg");
		font-weight:400;
		font-style:normal;
}

@font-face {
    font-family: 'asapBoldItalic';
    src: url('../fontes/asapBoldItalic/asap-bolditalic-webfont-webfont.eot');
    src: url('../fontes/asapBoldItalic/asap-bolditalic-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/asapBoldItalic/asap-bolditalic-webfont-webfont.woff2') format('woff2'),
         url('../fontes/asapBoldItalic/asap-bolditalic-webfont-webfont.woff') format('woff'),
         url('../fontes/asapBoldItalic/asap-bolditalic-webfont-webfont.ttf') format('truetype'),
         url('../fontes/asapBoldItalic/asap-bolditalic-webfont-webfont.svg#asapbold_italic') format('svg');
    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:'asapItalic', tahoma;
	background:#FFF;
}

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

a{
	text-decoration: none;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

a:hover{
	text-decoration:none;
}

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

button{
	border:none;
	cursor:pointer;
}

.limpa{clear:both;}

.limpa30{clear:both; height:30px;}

input, select, textarea{
    font-family:'asapItalic', tahoma;
	font-size:16px;
	color:#333;
	border:1px solid #1e1160;
}

/* header */
#bgHeader{
	position:relative;
	z-index:10;
	background:url(../img/bg-header.png) no-repeat center;
	height:158px;
	width:100%;
}

.navbar-brand{
	position:absolute;
	top:30px;
	left:162px;
}

.navbar-default{
	position:relative;
}

.navbar-collapse{
	margin-top:40px;
	float:right;
	margin-right:116px;
}

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

.navbar-nav li a{
	text-align:center;
	display:block;
	font-family:'asapBoldItalic';
	color:#FFF;
	font-size:16px;
	line-height:20px;
	margin-left:50px;
}

.navbar-nav li a:hover{
	color:#FFD500;
}

.navbar-header{
	height:34px;
	line-height:34px;
}

.emailTopo{
	background:url(../img/icone-email.png) no-repeat center left;
	padding-left:28px;
	font-size:12px;
	color:#bcbec0;
	float:right;
	margin-right:30px;
}

.telefoneTopo{
	margin-right:30px;
	background:url(../img/icone-telefone.png) no-repeat center left;
	padding-left:28px;
	font-size:12px;
	color:#bcbec0;
	float:right;
}

.whatsTopo{
	margin-right:40px;
	background:url(../img/icone-whatsapp.png) no-repeat center left;
	padding-left:28px;
	font-size:12px;
	color:#bcbec0;
	float:right;
}

.navbar-toggle{
	display:none;
}

.espacoMenu{
	display:none;
}

/* BANNER */
#caixaBanner{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
}

#bannerSuperior{
	width:100%;
	height:100%;
}

.bannerIndividual{
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center top;
}

.mascaraBanner{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../img/mascara-banner.png) repeat;
}

.textoBanner{
	position:relative;
	float:left;
	margin:250px 0 0 50px;
}

.textoBanner h2{
	color:#ffffff;
	font-size:36px;
	font-family:'asapBoldItalic';
	line-height:65px;
	float:left;
	padding:0 10px;
}

.primeiraLinhaBanner{
	height:65px;
}

.segundaLinhaBanner{
	float:left;
	height:65px;
	margin-left:17px;
}

.textoBanner .primeiraLinhaBanner h2{
	background:url(../img/cima-banner-centro.png) repeat-x center top;
}

.textoBanner .segundaLinhaBanner h2{
	background:url(../img/baixo-banner-centro.png) repeat-x center top;
}

.cantosTextoBanner{
	float:left;
	width:27px;
	height:65px;
}

.primeiraLinhaBanner .fundoTextoEsquerda{
	background:url(../img/cima-banner-esquerda.png) no-repeat center;
}

.primeiraLinhaBanner .fundoTextoDireita{
	background:url(../img/cima-banner-direita.png) no-repeat center;
}

.segundaLinhaBanner .fundoTextoEsquerda{
	background:url(../img/baixo-banner-esquerda.png) no-repeat center;
}

.segundaLinhaBanner .fundoTextoDireita{
	background:url(../img/baixo-banner-direita.png) no-repeat center;
}

/* content */
.contentHome{
	background:url(../img/macara-banner-baixo.png) no-repeat center top;
	padding-top:189px;
}

#content{
	position:relative;
	z-index:15;
	margin:0 auto;
}

#conteudoPaginas, #conteudoPaginas p{
	font-size:16px;
	line-height:19px;
	color:#6d6e71;
	font-family:'asapregular';
}

#conteudoPaginas strong{
	font-weight:normal;
	font-size:22px;
    font-family: 'asapItalic';
	line-height:22px;
}

#conteudoPaginas a{
	color:#EEA104;
}

#conteudoPaginas a:hover{
	color:#6d6e71;
}

#content h2{
	font-size:28px;
	color:#1e1160;
	margin-bottom:30px;
	font-family:'asapBoldItalic';
}

#conteudoPaginas{
	float:left;
	width:100%;
	padding:60px 0 0;
	margin:0 0 -80px;
}

/* home */
.espacoBanner{
	height:257px;
	width:100%;
}

.fundoBranco{
	width:100%;
	padding:0;
	background:#FFF;
}

#conteudoHomeCima{
	text-align:center;
	padding:55px 200px 0;
	margin-bottom:-20px;
	float:left;
}

#conteudoHomeCima, #conteudoHomeCima p{
	font-size:16px;
	line-height:19px;
	color:#6d6e71;
	font-family:'asapregular';
}

#conteudoHomeCima strong{
	font-weight:normal;
	font-size:22px;
    font-family: 'asapItalic';
	line-height:22px;
}

.exibeBannerBaixo{
	background:url(../img/mascara-banner-baixo.png) no-repeat center;
	width:100%;
	height:419px;
}

#conteudoHomeBaixo{
	text-align:center;
	padding:60px 0 0;
	margin-bottom:-120px;
	float:left;
	position:relative;
	z-index:15;
}

.produtoIndividual{
	width:270px;
	height:350px;
	margin:10px 15px 0;
	float:left;
	text-align:center;
}

.imagemProdutoIndividual{
	display:block;
	width:100%;
	height:175px;
	overflow:hidden;
}

.produtoIndividual h3{
	color:#3b4e68;
	font-size:16px;
	font-family:'asapBoldItalic';
	margin:20px 0 10px;
}

.produtoIndividual p, #conteudoPaginas .produtoIndividual p{
	font-size:14px;
	color:#6d6e71;
	line-height:17px;
}

.produtoIndividual a.botaoDetalhes, #conteudoPaginas .produtoIndividual a.botaoDetalhes{
	background:url(../img/botao-detalhes.png) no-repeat;
	width:112px;
	height:30px;
	text-align:center;
	line-height:30px;
	display:block;
	margin:20px auto 0;
	font-size:12px;
	color:#ffffff;
    font-family: 'asapItalic';
}

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

#rodapeTodo{
	z-index:10;
	background:url(../img/bg-rodape.jpg) no-repeat center top;
	width:100%;
	padding-top:162px;
	height:208px;
	margin-top:-370px;
	position:relative;
	clear:both;
}

#footer{
	height:153px;
}

#logoRodape{
	margin:40px 111px 0 0;
	float:right;
}

.caixaRodape1{
	float:left;
	margin-left:10px;
	width:400px;
}

.caixaRodape2{
	float:left;
}

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

.telefoneRodape{
	font-size:12px;
	color:#FFF;
	background:url(../img/icone-telefone-rodape.png) no-repeat center left;
	line-height:20px;
	padding-left:28px;
}

.emailRodape{
	font-size:12px;
	color:#FFF;
	background:url(../img/icone-mensagem.png) no-repeat center left;
	padding-left:28px;
	line-height:30px;
}

.enderecoRodape{
	font-size:12px;
	color:#FFF;
	padding-left:28px;
	line-height:14px;
	background:url(../img/icone-endereco.png) no-repeat center left;
}

.tituloRodape{
	margin:14px 0 12px;
	display:block;
}

#footer p.descricaoNews{
	padding-left:25px;
	line-height:16px;
}

#footer a{
    color: #fff;
}

#footer a:hover{
	color:#FFFF00;
}

.caixaRodape2 input{
	margin-left:25px;
	background:url(../img/input-news.png) no-repeat;
	width:173px;
	height:20px;
	padding:5px 15px;
	border:none;
	font-size:11px;
	color:#FFF;
	float:left;
	margin-top:10px;
}

.caixaRodape2 button{
	background:url(../img/botao-news.png) no-repeat;
	width:31px;
	height:28px;
	float:left;
	margin-top:11px;
}

#mensagemNews{
	color:#FFF;
	font-size:12px;
	text-align:center;
	line-height:30px;
}

#rodapeBaixo{
	background:#010524;
	width:100%;
	height:30px;
	line-height:30px;
}

#menuRodape{
	float:left;
	margin-left:42px;
}

#menuRodape a{
	color:#bcbcbc;
	line-height:30px;
	font-size:10px;
	float:left;
	margin-right:22px;
}

.assinaturaRodape{
	float:right;
	line-height:30px;
	font-size:10px;
	color:#bcbcbc;
	margin-right:177px;
}

#assinaturaArtweb1{
	background:#010524;
	height:13px;
	padding:6px 0;
	width:100%;
	position:relative;
}

#assinaturaArtweb1 .artweb{
    display: block;
    height:13px;
    width:50px;
	float:right;
	text-align:left;
	overflow:hidden;
}

/* contato */
#conteudoPaginas .textoContato, #conteudoPaginas .textoContato p{
	text-align:center;
}

#conteudoPaginas .textoContato strong{
	color:#000;
	font-size:16px;
	font-family:'asapBoldItalic';
}

.separaContato{
	background:url(../img/separa-contato.png) no-repeat center;
	width:100%;
	height:30px;
	margin:30px 0;
}

#formContato{
	width:500px;
	margin:0 auto;
}

.divBox{
	width:100%;
	height:74px;
	position:relative;
	margin:15px 0;
}

.divBoxErro{
    color: #ff0000;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 10px;
    text-align: right;
    top: 27px;
	display:none;
}

#formContato input{
	width:96%;
	height:40px;
	padding:5px 2%;
}

#formContato input:focus, #formContato textarea:focus{
    background-color:#EEEEEE;
}

#formContato textarea{
	width:96%;
	height:130px;
	padding:5px 2%;
	resize:none;
}

#formContato button{
	font-family:'asapBoldItalic';
	color:#FFF;
	width:100%;
	height:50px;
	float:right;
	margin-top:15px;
	cursor:pointer;
	background:#1e1160;
	border:1px solid #1e1160;
	font-size:16px;
	letter-spacing:2px;
}

#formContato button:hover{
	background-color:#adadad;
}

/* produtos */
.imagemPrincipal{
	float:left;
	margin:0 30px 0 0;
	max-width:300px;
	border:1px solid #1e1160;
}

.imagensProdutoIndividual{
	margin:0 10px 20px;
}

.imagensProdutoIndividual img{
	height:120px;
	border:1px solid #1e1160;
}

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

@media(max-width: 1230px) {
	.tamanhoTela{width:980px;}
	
	/* topo */
	.navbar-brand{left:142px; top:20px;}
	.navbar-collapse{margin-right:30px;}
	.navbar-nav li a{margin-left:40px;}
	.whatsTopo{margin-right:0;}

	/* home */
	.espacoBanner{height:180px;}
	.textoBanner{margin:250px 0 0 50px;}
	#conteudoHomeCima{padding:55px 100px 0;}
	.produtoIndividual{margin:10px 27px 0;}
	
	/* rodape */
	.caixaRodape1{width:290px;}
	#logoRodape{margin:40px 60px 0 0;}
	.assinaturaRodape{margin-right:67px;}
}

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

	/* topo */
	#bgHeader{background:url(../img/bg-header-ipad.png) no-repeat center top;}
	.navbar-brand{left:20px; width:180px; top:25px;}
	.emailTopo{font-size:10px; margin-right:20px;}
	.telefoneTopo{margin-right:20px; font-size:10px;}
	.whatsTopo{margin-right:0; font-size:10px;}
	.navbar-collapse{margin-right:20px;}
	.navbar-nav li a{margin-left:30px; font-size:14px;}

	/* home */
	.textoBanner h2{font-size:18px; line-height:44px;}
	.cantosTextoBanner{height:44px;}
	.primeiraLinhaBanner, .segundaLinhaBanner{height:44px;}
	.textoBanner{margin:200px 0 0 40px;}
	.contentHome{background:url(../img/macara-banner-baixo-menor.png) no-repeat center top; padding-top:101px;}
	.espacoBanner{height:150px;}
	#conteudoHomeCima{padding:60px 30px 0; margin:0 0 20px;}
	.exibeBannerBaixo{background:url(../img/mascara-banner-baixo-menor.png) no-repeat center; height:269px;}
	.produtoIndividual{margin:10px 50px 0;}

	/* rodape */
	.telefoneRodape, .emailRodape, .enderecoRodape{font-size:10px;}
	.caixaRodape1{width:220px;}
	#footer p.descricaoNews{padding-left:5px;}
	.caixaRodape2 input{margin-left:5px;}
	#logoRodape{margin:50px 10px 0 0; width:160px;}
	.assinaturaRodape{margin-right:15px;}
	#menuRodape{margin-left:15px;}
}

@media(max-width: 767px){
	.tamanhoTela{width:auto; padding:0 10px;}
	
	/* home */
	.whatsTopo{display:none;}
	#caixaBanner{top:78px; height:250px; position:absolute;}
	.espacoBanner{height:220px;}
	.exibeBannerBaixo{display:none; background:none;}
	.textoBanner{margin:100px 0 0 20px;}
	.textoBanner h2{font-size:14px; line-height:36px;}
	.primeiraLinhaBanner, .segundaLinhaBanner, .cantosTextoBanner{height:36px;}
	.cantosTextoBanner{width:15px;}
	#conteudoHomeCima{padding:40px 0 0; margin:0; float:none;}
	#content h2{font-size:18px; margin-bottom:20px;}
	#conteudoHomeCima, #conteudoHomeCima p{font-size:13px;}
	#conteudoHomeBaixo{padding:40px 0 0; float:none; margin:0;}
	.produtoIndividual{float:none; margin:0 auto 60px; width:100%; max-width:270px; height:auto;}
	.imagemProdutoIndividual{max-height:175px; height:auto;}
	.produtoIndividual a, #conteudoPaginas .produtoIndividual a{margin:10px auto 0;}

	/* rodape */
	#rodapeTodo{height:auto; margin:0; background:#1e1160; padding:30px 0 0;}
	html, body, #wrap{height:auto;}
	body > #wrap {min-height:auto;}
	#rodapeFixo{padding:0;}
	#footer{height:auto;}
	#logoRodape{display:none;}
	.caixaRodape1{float:none; width:auto; text-align:center; margin:0 0 40px;}
	.telefoneRodape{display:inline-block;}
	.enderecoRodape{display:inline-block;}
	.limpaCelular{display:block; clear:both;}
	.caixaRodape2{float:none; width:auto; text-align:center; margin:0 0 40px;}
	.caixaRodape2 input{float:none; margin:2px auto;}
	#footer p.descricaoNews{padding:0;}
	.caixaRodape2 button{float:none; margin:0 auto; display:block;}
	#rodapeBaixo{text-align:center; height:auto;}
	#menuRodape{float:none; margin:0; width:100%; text-align:center;}
	#menuRodape a{float:none;}
	.assinaturaRodape{display:none;}
	
	/* paginas */
	.espacoMenu{display:block; height:80px;}
	#conteudoPaginas{float:none; margin:0; padding:50px 0;}
	#conteudoPaginas, #conteudoPaginas p{font-size:13px;}
	.imagensProdutoIndividual img{height:80px;}
	.imagemPrincipal{max-width:60%;}
	.separaContato{margin:20px 0;}
	#formContato{width:auto;}
	.divBoxErro{font-size:10px; height:20px; line-height:20px; top:37px;}
}