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

@font-face {
    font-family: 'openSansRegular';
    src: url('../fontes/openSansRegular/opensans-regular-webfont_0-webfont.eot');
    src: url('../fontes/openSansRegular/opensans-regular-webfont_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/openSansRegular/opensans-regular-webfont_0-webfont.woff2') format('woff2'),
         url('../fontes/openSansRegular/opensans-regular-webfont_0-webfont.woff') format('woff'),
         url('../fontes/openSansRegular/opensans-regular-webfont_0-webfont.ttf') format('truetype'),
         url('../fontes/openSansRegular/opensans-regular-webfont_0-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'openSansBold';
    src: url('../fontes/openSansBold/opensans-bold-webfont-webfont.eot');
    src: url('../fontes/openSansBold/opensans-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/openSansBold/opensans-bold-webfont-webfont.woff') format('woff'),
         url('../fontes/openSansBold/opensans-bold-webfont-webfont.ttf') format('truetype'),
         url('../fontes/openSansBold/opensans-bold-webfont-webfont.svg#open_sansbold') 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: 'openSansRegular', 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{
    font-family: 'openSansRegular', tahoma;
	border:none;
	cursor:pointer;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.limpa{clear:both;}
.limpa20{clear:both; height: 20px;}

input, select, textarea{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    font-family: 'openSansRegular', tahoma;
	font-size:14px;
	color:#333;
	border: none;
	background: #f3f4f4;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

/* header */
.navbar-default{
	height: 140px;
}

.navbar-header{
	float:left;
	margin: 25px 0 0 30px;
}

.navbar-collapse{
	float:right;
	margin-right:9px;
}

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

.navbar-nav li a{
	margin: 0 11px 0;
	display:block;
	color:#58595b;
	font-size:14px;
	line-height:20px;
	text-transform:uppercase;
    font-family: 'openSansBold';
    line-height: 72px;
    padding: 0 10px 5px;
}

.navbar-nav li a.menuAtivo, .navbar-nav li a:hover{
	color:#ff6600;
	border-bottom: 4px solid #ff6600;
}

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

.telefoneTopo{
	background: url(../img/icone-telefone.png) no-repeat left center;
	padding-left: 30px;
	line-height: 22px;
	color: #ff6600;
	font-size: 18px;
	float: right;
	margin: 24px 21px 13px 0;
}

.telefoneTopo strong{
	font-weight: normal;
    font-family: 'openSansBold';
}

.whatsTopo{
	background: url(../img/icone-whats.png) no-repeat left center;
	padding-left: 30px;
	line-height: 22px;
	color: #ff6600;
	font-size: 18px;
	float: right;
	margin: 24px 21px 13px 0;
}

.whatsTopo strong{
	font-weight: normal;
    font-family: 'openSansBold';
}

/* BANNER */
#caixaBanner{
	width: auto;
	margin: 0 10px;
	height: 740px;
}

#bannerSuperior{
	width:100%;
	height:100%;
	margin:0 auto;
}

.bannerIndividual{
	display: none;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bannerIndividual h2{
	background: url(../img/texto-banner-preto.png) repeat;
	font-size: 40px;
	color: #ffffff;
	line-height: 88px;
	padding: 0 35px;
	float: right;
	margin-right: 30px;
	margin-top: 70px;
}

.bannerIndividual h3{
	background: url(../img/texto-banner-laranja.png) repeat;
	font-size: 22px;
	margin-top: 4px;
	color: #ffffff;
	line-height: 49px;
	padding: 0 30px;
	float: right;
	margin-right: 30px;
}

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

#bgTituloPaginas{
	background: url(../img/bg-titulo-paginas.jpg) no-repeat center;
	width: auto;
	margin: 0 10px 30px;
	height: 70px;
	line-height: 70px;
}

#bgTituloPaginas .tamanhoTela{
	position: relative;
}

#bgTituloPaginas h1{
	color: #FFFFFF;
	font-size: 24px;
    font-family: 'openSansBold';
    text-align: center;
    line-height: 70px;
    text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	-webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	-moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

#conteudoPaginas{
	padding: 0 10px 60px;
}

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

#conteudoPaginas strong{
    font-family: 'openSansBold';
    font-size: 18px;
    font-weight: normal;
}

#conteudoPaginas a{
	color:#FF6600;
}

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

#conteudoPaginas h2{
	font-size: 26px;
	color: #000000;
	line-height: 36px;
    font-family: 'openSansBold';
    margin-bottom: 20px;
}

.imagemPagina{
	float: right;
	margin: 0 0 20px 20px;
}

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

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

#bgRodape{
	background: #171717;
	height: 60px;
	margin: 0 10px;
}

.caixaCurtirFace{
	float: left;
	margin: 20px 0 0 20px;
}

#footer{
	position: relative;
}

#footer p {
	line-height: 60px;
	color: #ff6600;
	font-size: 18px;
	float: left;
    font-family: 'openSansBold';
    margin-left: 30px;
}

#footer a {
	line-height: 60px;
	margin-right: 30px;
	float: right;
    color: #dfdfdf;
    font-size: 16px;
}

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

#footer a.artweb {
	margin: 0;
    background: url("../img/criacao-sites-artweb.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 13px;
    overflow: hidden;
    text-align: left;
    text-indent: -99999px;
    width: 50px;
    position: absolute;
    right: 0;
    bottom: -18px;
}

/* contato */
#rodapeContato{
	background: #1f1f1f;
	margin: 0 10px 10px;
	width: auto;
	padding: 30px 0;
}

.contatoEsquerda{
	float: left;
	width: 500px;
	margin-left: 90px;
}

.caixaFacebookContato{
	margin-top: 30px;
}

#conteudoContato{
	margin-top: 30px;
}

#conteudoContato, #conteudoContato h2{
	font-size: 38px;
	color: #000000;
	line-height: 48px;
    font-family: 'openSansBold';
}

.separaContato{
	margin: 30px 0;
	clear: both;
	width: 70px;
	height: 9px;
	background: #f7941d;
}

p.mensagemContato{
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #009900;
	margin-bottom: 10px;
}

#rodapeContato p{
	color: #dfdfdf;
	font-size: 16px;
	line-height: 20px;
}

#rodapeContato p strong{
	font-size: 18px;
	color: #f7941d;
    font-family: 'openSansBold';
    line-height: 40px;
}

#rodapeContato a{
	color: #dfdfdf;
	line-height: 40px;
}

#rodapeContato a.linkFacebook{
	color: #666666;
	font-size: 14px;
    background: url(../img/icone-facebook.png) no-repeat center left;
    padding-left: 35px;
    line-height: 24px;
    display: block;
    margin-top: 25px;
}

#contatoDireita{
	margin: 30px 70px -200px 0;
	float: right;
	width: 450px;
	padding: 0 20px 20px;
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#contatoDireita input{
	padding: 10px 5%;
	height: 24px;
	width: 90%;
	margin-bottom: 12px;
}

#contatoDireita textarea{
	padding: 15px 5%;
	height: 94px;
	width: 90%;
	margin-bottom: 20px;
}

#contatoDireita button{
	background: #f7941d;
	width: 100%;
	height: 44px;
	color: #ffffff;
	font-size: 16px;
    font-family: 'openSansBold';
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#contatoDireita button:hover{
	background: #1F1F1F;
}

#contatoDireita input:focus, #contatoDireita textarea:focus{
	-webkit-box-shadow: 0 0 2px 2px rgba(247,148,29,0.3);
	box-shadow: 0 0 2px 2px rgba(247,148,29,0.3);	
}

/* noticia noticia */
.linkVoltar{
	position: absolute;
	right: 10px;
	top: 15px;
	background: #FF6600;
	color: #FFFFFF;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.linkVoltar:hover{
	background: #000000;
}

.imagemPrincipalNoticias{
	float: left;
	margin: 0 20px 0 0;
	border: 2px solid #DDDDDD;
}

.noticiaIndividual h3{
	color: #000000;
    font-family: 'openSansBold';
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
}

.limpaNoticias{
	clear: both;
	height: 50px;
	background: url(../img/separa-noticias.png) repeat-x center;
	width: 90%;
	margin: 0 auto;
}

#conteudoPaginas a.verNoticia{
    font-family: 'openSansBold';
    line-height: 60px;
    font-size: 18px;
}

.imagemNoticia{
	max-width:300px;
	float:left;
	margin:0 20px 10px 0; 
}

.dataNoticia{
	float:right;
	margin:10px 0 0 0;
	font-size: 14px;
}

.caixaCompartilhamentos{
	margin:20px auto 0;
	width:600px;
	text-align:center;
}

.compartilharIndividual{
	float:left;
	margin:0 10px;
}

/* categorias */
.categoriaIndividual{
	width: 370px;
	height: 410px;
	position: relative;
	background: #000000;
	overflow: hidden;
	float: left;
	margin: 0 15px 30px;
}

.fundoCategoriaIndividual{
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
	position: absolute;
	left: 0;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	opacity: 0.30;
	filter: alpha(opacity =30);
}

.alinhaIconeCategorias{
	position: relative;
	z-index: 10;
	text-align: center;
	width: 100%;
	margin-top: 45%;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.alinhaIconeCategorias img{
	display: block;
	margin: 0 auto 30px;
	max-width: 80px;
	max-height: 80px;
}

.categoriaIndividual h3{
	line-height: 30px;
	color: #ffffff;
	font-size: 24px;
	text-align: center;
}

.alinhaBotoesCategorias{
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity =0);
}

.alinhaBotoesCategorias a{
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
	text-transform: uppercase;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	margin: 0 20px 20px;
	background: #f7941d;
	font-size: 14px;
	color: #ffffff;
    font-family: 'openSansBold';
    line-height: 44px;
    display: block;
}

.alinhaBotoesCategorias a:hover{
	background: #FFFFFF;
	color: #F7941D;
}

.categoriaIndividual:hover .fundoCategoriaIndividual, 	.categoriaIndividualCelular .fundoCategoriaIndividual{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);	
	opacity: 0.10;
	filter: alpha(opacity =10);
}

.categoriaIndividual:hover .alinhaIconeCategorias, .categoriaIndividualCelular .alinhaIconeCategorias{
	margin-top: 25%;
}

.categoriaIndividual:hover .alinhaBotoesCategorias, .categoriaIndividualCelular .alinhaBotoesCategorias{
	opacity: 1;
	filter: alpha(opacity =100);
}

/* produtos */
#menuProdutos{
	margin-bottom: 20px;
}

#menuProdutos a{
	white-space: nowrap;
	float: left;
	color: #ffffff;
	font-size: 14px;
	background: #bbbbbb;
	min-width: 140px;
	padding: 0 10px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	margin: 0 10px 10px 0;
    font-family: 'openSansBold';
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
	text-transform: uppercase;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#menuProdutos a:hover, #menuProdutos a.menuCategoriasAtivo{
	background: #f7941d;
	color: #FFFFFF;
}

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

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

	/* header */
	.navbar-collapse{margin-right: 0;}
	.telefoneTopo{margin: 24px 5px 13px 0;}
	.telefoneTopo, .whatsTopo{font-size: 16px;}
	.navbar-nav li a{margin: 0 0 0 20px; padding: 0 5px 5px;}
	.navbar-header{margin-left: 10px;}

	/* banner */
	.bannerIndividual h2{font-size: 28px; line-height: 60px; padding: 0 20px; margin-right: 10px;}
	.bannerIndividual h3{font-size: 18px; line-height: 40px; padding: 0 20px; margin-right: 10px;}

	/* produtos */
	.categoriaIndividual{margin: 0 10px 20px; width: 306px; height: 380px;}
    #menuProdutos a{min-width: 90px;}

    /* noticias */
    .imagemPrincipalNoticias{max-width: 160px;}
    .noticiaIndividual h3{font-size: 16px;}
    #conteudoPaginas a.verNoticia{line-height: 40px;}
    .imagemPrincipalNoticias{float: none; max-width: 90%; display: block; margin: 0 auto 10px; border: none;}
    .imagemPrincipalNoticias img{border: 2px solid #dddddd;}
    #conteudoPaginas a.verNoticia{font-size: 16px;}

    /* contato */
    .contatoEsquerda{margin-left: 40px; width: 400px;}
    #contatoDireita{margin-right: 30px;}
    #conteudoContato, #conteudoContato h2{font-size: 40px;}
}

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

	.navbar-default{height: 100px;}
	.navbar-header{margin: 15px 0 0 10px;}
	.navbar-header img{height: 70px;}
	.telefoneTopo{margin: 14px 0 0;}
	.whatsTopo{margin: 14px 20px 0 0;}
	.navbar-nav li a{padding: 0; margin: 0 0 0 20px; line-height: 60px;}

	/* banner */
	.bannerIndividual h2{font-size: 24px; line-height: 40px; padding: 0 15px; margin-right: 10px;}
	.bannerIndividual h3{font-size: 16px; line-height: 30px; padding: 0 15px; margin-right: 10px;}

	/* rodape */
	#footer a{line-height: 46px; font-size: 15px; margin-right: 10px;}
	#footer p{font-size: 15px; line-height: 46px; margin-left: 10px;}
	#bgRodape{height: 46px;}
	#rodapeFixo{padding-bottom: 69px;}
	#rodapeTodo{height: 69px; margin-top: -69px;}

	/* paginas */
	#conteudoPaginas, #conteudoPaginas p{font-size: 15px;}
	.imagemPagina{max-width: 350px; margin: 0 0 10px 20px;}

	/* produtos */
	.categoriaIndividual{height: 350px; margin: 0 5px 10px; width: 236px;}
	.categoriaIndividual h3{font-size: 18px;}
	.alinhaIconeCategorias img{margin: 0 auto 15px;}
	#menuProdutos{margin-bottom: 10px;}
	#menuProdutos a{font-family: 'openSansRegular'; min-width: auto; font-size: 12px; line-height: 34px; height: 34px; padding: 0 10px; text-transform: none;}

    /* contato */
    .contatoEsquerda{margin-left: 20px; width: 280px;}
    #contatoDireita{margin-right: 10px; width: 350px;}
    #conteudoContato, #conteudoContato h2{font-size: 28px; line-height: 40px;}
    .separaContato{margin: 20px 0; width: 50px;}
    #rodapeContato p{font-size: 15px;}
    #rodapeContato p span{display: none;}
    #rodapeContato p strong{font-size: 16px;}
}

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

	/* banner */
	.bannerIndividual h2{font-size: 16px; line-height: 22px; padding: 10px 15px; float: none; display: block; margin: 20px 0 0; text-align: center;}
	.bannerIndividual h3{font-size: 14px; line-height: 18px; padding: 5px 15px; float: none; display: block; margin: 5px 0 0; text-align: center;}

	/* rodape */
	html, body, #wrap {height: auto;}
	body > #wrap {min-height: auto;}
	#rodapeFixo{padding: 0;}
	#rodapeTodo{height: auto; margin: 0;}
	#bgRodape{height: auto; text-align: center; padding: 10px 0; margin: 0 10px 10px;}
	#footer p, #footer a{float: none; text-align: center; line-height: 20px; margin: 0; font-family: 'openSansRegular', tahoma; font-size: 12px;}
	#footer a.artweb{position: relative; right: auto; bottom: auto; display: block; margin: 5px auto 0; background: url("../img/criacao-sites-artweb-celular.png") no-repeat;}

	/* paginas */
	#conteudoPaginas{padding: 0 0 30px;}
	.imagemPagina{max-width: 90%; margin: 0 auto 10px; float: none; display: block;}
	#conteudoPaginas, #conteudoPaginas p{font-size: 14px; text-align: center;}
	#conteudoPaginas strong{font-size: 15px;}
	#bgTituloPaginas{height: auto; background: none; padding: 20px 0; margin: 0 10px;}
	#bgTituloPaginas h1{font-size: 18px; color: #000000; line-height: 30px; text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none;}

	/* produtos */
	.categoriaIndividual{width: auto; max-width: 370px; float: none; margin: 0 auto 10px;}
	#menuProdutos a{margin: 0 2px 4px;}

	/* noticias */
	.linkVoltar{float: none; margin: 10px auto 0; display: block; position: relative; right: auto; top: auto; width: 80px; text-align: center; padding: 0;}
	#conteudoPaginas h2{font-size: 18px; line-height: 26px; margin-bottom: 10px;}
	.imagemNoticia{float: none; max-width: 90%;}
	.caixaCompartilhamentos{width: auto;}
	.compartilharIndividual{float: none; display: block; margin: 0 auto 10px;}

    /* contato */
    .contatoEsquerda, #contatoDireita, #conteudoContato{margin:0 0 20px; width: auto; float: none; background: none; padding: 0;}
    #conteudoContato, #conteudoContato h2{font-size: 16px; line-height: 24px; text-align: center;}
    .separaContato{margin: 20px auto; width: 50px;}
    #rodapeContato{padding: 30px 0 10px; height: auto;}
    #rodapeContato p{text-align: center; font-size: 14px;}
    #rodapeContato p span{display: none;}
    #rodapeContato p strong{font-size: 16px;}
    #rodapeContato a.linkFacebook{width: 24px; overflow: hidden; padding: 0; text-indent: -9999px; margin: 15px auto 0;}
}