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

@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:'asapBold';
		src:url('../fontes/asapBold/asap-bold-webfont-webfont.eot');
		src:url('../fontes/asapBold/asap-bold-webfont-webfont.eot?#iefix') format("embedded-opentype"),
			url('../fontes/asapBold/asap-bold-webfont-webfont.woff') format("woff"),
			url('../fontes/asapBold/asap-bold-webfont-webfont.ttf') format("truetype"),
			url('../fontes/asapBold/asap-bold-webfont-webfont.svg#asapbold') format("svg");
	font-weight:400;
	font-style:normal;
}

@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;
}

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:'asapRegular', tahoma;
	background:#FFF;
}

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;
	font-family:'asapRegular', tahoma;
}

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

input, select, textarea{
	font-family:'asapRegular', tahoma;
	font-size:16px;
	color:#333;
}

/* header */
.navbar-default{
	position:relative;
	height:100px;
}

.navbar-header a{
	position:absolute;
	left:36px;
	top:13px;
	display:block;
}

.navbar-collapse{
	float:right;
	margin:51px 10px 0 0;
}

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

.navbar-nav li a{
	margin-left:38px;
	color:#a3a3a3;
	font-size:16px;
	line-height:24px;
    font-family: 'asapItalic';
}

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

.navbar-toggle{
	display:none;
}

.espacoMenu{
	display:none;
}

/* BANNER */
#caixaBanner{
	width:100%;
	height:516px;
	overflow:hidden;
	position:relative;
}

.bannerIndividual{
	width:100%;
	height:100%;
	display:none;
}

#bannerSuperior{
	position:absolute;
	left:50%;
	margin-left:-960px;
	width:1920px;
	height:100%;
}

#bannerSuperior img{
	position:absolute;
	left:0;
	bottom:0;
}

.textoBanner{
	width:50%;
	padding-left:110px;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	background:url(../img/mascara-banner.png) no-repeat center left;
	z-index:10;
}

.textoBanner h2{
	color:#FFF;
	font-size:48px;
	font-family:'asapBold';
	text-align:right;
	max-width:500px;
	float:left;
	text-align:left;
	margin-left:100px;
	margin-top:215px;
	line-height:40px;
	text-shadow:1px 1px 1px #000000;
	-webkit-text-shadow:1px 1px 1px #000000;
	-moz-text-shadow:1px 1px 1px #000000;
	-ms-text-shadow:1px 1px 1px #000000;
	-o-text-shadow:1px 1px 1px #000000;
}

.textoBanner p{
	color:#FFF;
	font-size:36px;
	max-width:500px;
	float:left;
	line-height:40px;
	text-align:left;
	margin-left:100px;
	margin-bottom:5px;
	text-shadow:1px 1px 1px #000000;
	-webkit-text-shadow:1px 1px 1px #000000;
	-moz-text-shadow:1px 1px 1px #000000;
	-ms-text-shadow:1px 1px 1px #000000;
	-o-text-shadow:1px 1px 1px #000000;
}

.botaoBanner{
	font-family:'asapBold';
	color:#ffffff;
	font-size:14px;
	background:url(../img/botao.png) no-repeat;
	float:left;
	margin-left:100px;
	margin-top:20px;
	width:192px;
	height:41px;
	line-height:41px;
	text-align:center;
}

/* content */
#conteudoPaginas, #conteudoPaginas p{
	font-size:16px;
	color:#737b90;
	line-height:22px;
}

#conteudoPaginas a{
	color:#29166f;
}

#conteudoPaginas a:hover{
	color:#737b90;
}

#conteudoPaginas strong{
	color:#29166f;
	font-family:'asapBold';
	font-weight:normal;
}

#content h2{
	font-size:36px;
	color:#29166f;
	font-family:'asapBold';
}

/* home home */
.caixasTres{
	float:left;
	margin:0 30px;
	width:340px;
	text-align:center;
}

.atuacaoIndividual{
	height:234px;
}

.atuacaoIndividual h3{
	font-size:24px;
	color:#29166f;
	line-height:30px;
	margin:15px 0 10px;
}

.atuacaoIndividual p{
	font-size:14px;
	color:#a5a5a5;
	line-height:17px;
}

#fundoQuemSomos{
	background:#F2F2F2;
	border-top:1px solid #67f1ff;
}

.alinhaQuemSomos{
	padding:110px 128px 90px 77px;
}

#fundoQuemSomos h2{
	margin-bottom:24px;
	line-height:40px;
	line-height:normal;
}

#fundoQuemSomos, #fundoQuemSomos p{
	line-height:19px;
	font-size:16px;
	color:#737b90;
}

#fundoQuemSomos a{
	font-family:'asapBold';
	color:#ffffff;
	font-size:14px;
	background:url(../img/botao.png) no-repeat;
	width:192px;
	margin-top:15px;
	height:41px;
	line-height:41px;
	text-align:center;
	float:left;
	text-transform:uppercase;
}

#fundoQuemSomos img{
	margin:-84px 0 0 60px;
}

.tituloNoticias{
	text-align:center;
	margin-bottom:30px;
}

#noticiasHome{
	padding:90px 0 50px;
}

.todasNoticias{
	font-family:'asapBold';
	color:#ffffff;
	font-size:14px;
	background:url(../img/botao.png) no-repeat;
	width:192px;
	height:41px;
	line-height:41px;
	text-align:center;
	text-transform:uppercase;
	display:block;
	margin:0 auto;
}

.noticiaIndividual{
	height:220px;
	overflow:hidden;
}

.noticiaIndividual h3{
	font-size:18px;
	color:#29166f;
	line-height:22px;
	margin:15px 0 10px;
}

.noticiaIndividual p{
	font-size:14px;
	color:#737b90;
	line-height:17px;
}

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

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

#footer{
	height:225px;
	overflow:hidden;
}

#footer h3{
    color:#ffffff;
	font-size:18px;
	line-height:24px;
	margin-bottom:13px;
}

#footer p{
    color:#b7b7b7;
	font-size:12px;
	line-height:24px;
}

#footer a{
	font-size:12px;
	line-height:24px;
    color:#b7b7b7;
}

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

#menuRodape1{
	width:190px;
	margin-left:60px;
}

#menuRodape2{
	width:190px;
}

#caixaNews{
	width:320px;
}

.caixaRodape{
	float:left;
	margin-top:61px;
}

#menuRodape1 a, #menuRodape2 a{
	padding-left:10px;
}

.newsDentro{
	padding-left:10px;
}

#caixaNews input{
	color:#999;
	background:#1d1d1d;
	height:26px;
	width:192px;
	padding:5px 30px;
	font-size:12px;
	border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	float:left;
	margin-top:6px;
}

#caixaNews button{
	background:url(../img/botao-news.png) no-repeat;
	width:46px;
	height:36px;
	float:left;
	margin-top:6px;
	margin-left:4px;
}

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

#enderecoRodape{
	float:right;
	width:340px;
	margin-top:61px;
}

#enderecoRodape p{
	padding-left:10px;
}

#rodapeBaixo{
	height:48px;
	width:100%;
	background:#1f1f1f;
}

#rodapeBaixo p{
	float:left;
	line-height:48px;
	color:#565656;
	font-size:12px;
	margin-left:57px;
}

.artweb{
    display:block;
    float:right;
    height:13px;
	padding:6px 0;
    width:50px;
	margin-top:22px;
}

/* paginas */
#tituloPaginas{
	background:url(../img/titulo-paginas.jpg) no-repeat center top;
	width:100%;
	height:153px;
	margin:40px 0 50px;
}

.alinhaTitulo{
	height:153px;
	display:table-cell;
	vertical-align:middle;
}

#tituloPaginas h2{
	color:#FFF;
	text-shadow:1px 1px 1px #000000;
	-webkit-text-shadow:1px 1px 1px #000000;
	-moz-text-shadow:1px 1px 1px #000000;
	-ms-text-shadow:1px 1px 1px #000000;
	-o-text-shadow:1px 1px 1px #000000;
	line-height:40px;
}

.imagemNoticia{
	float:right;
	max-width:60%;
	margin:0 0 10px 20px;
}

.caixaCompartilhamentos{
	float:right;
	margin-top:20px;
}

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

/* contato */
#mapaContato{
	width:100%;
	height:450px;
	overflow:hidden;
}

#google_map{width:100%; height:450px;}

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

.divBox{
	width:356px;
	height:75px;
	position:relative;
	float:left;
	margin:0 13px 0;
}

.divBoxNome {
	line-height:20px;
	float:left;
	height:20px;
}

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

#formContato input{
	width:284px;
	height:22px;
	border:1px solid #d5d5d5;
	padding:10px 10px 10px 60px;
}

#formContato textarea{
	margin-left:13px;
	width:1050px;
	height:104px;
	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{
	font-family:'asapBold';
	color:#ffffff;
	font-size:14px;
	background:url(../img/botao.png) no-repeat;
	float:left;
	margin-top:20px;
	margin-left:13px;
	width:192px;
	height:41px;
	line-height:36px;
	text-align:center;
	text-transform:uppercase;
}

#formContato button:hover{
	color:#000000;
}

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

@media(max-width: 1230px) {
	.tamanhoTela{width:980px;}
	
	/* topo */
	.navbar-header a{width:280px; left:10px;}
	.navbar-nav li a{margin-left:30px;}

	/* banner */
	#caixaBanner{height:330px;}
	#bannerSuperior{width:1230px; margin-left:-615px; height:330px;}
	#bannerSuperior img{height:310px;}
	.textoBanner{background:url(../img/mascara-banner-1024.png) no-repeat center left; padding-left:65px;}
	.textoBanner h2{max-width:400px; font-size:40px; margin-top:110px; margin-left:50px;}
	.textoBanner p{font-size:28px; max-width:400px; line-height:26px; margin-left:50px;}
	.botaoBanner{margin-left:50px; margin-top:15px;}
	
	/* home */
	.caixasTres{margin:0 10px; width:306px;}
	.noticiaIndividual h3{font-size:16px;}
	.alinhaQuemSomos{padding:80px 60px 60px;}
	
	/* footer */
	#menuRodape1{width:150px; margin-left:20px;}
	#menuRodape2{width:140px;}
	#enderecoRodape{width:320px;}
	#caixaNews input{width:180px;}

	/* contato */
	#mapaContato, #google_map{height:400px;}
	#formContato{width:auto;}
	#formContato textarea{width:862px;}
	.divBox{width:294px;}
	#formContato input{width:224px;}
}

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

	/* topo */
	.navbar-default{height:90px;}
	.navbar-header a{width:200px; left:10px; top:18px;}
	.navbar-collapse{margin:35px 10px 0 0;}
	.navbar-nav li a{margin-left:20px; font-size:14px;}

	/* banner */
	#caixaBanner{height:269px;}
	#bannerSuperior{width:1000px; margin-left:-500px; height:269px;}
	.textoBanner{background:url(../img/mascara-banner-ipad.png) no-repeat center left; padding-left:55px;}
	#bannerSuperior img{height:259px;}
	.textoBanner h2{max-width:300px; font-size:30px; margin-top:80px; margin-left:25px;}
	.textoBanner p{font-size:20px; max-width:300px; margin-left:25px; line-height:22px;}
	.botaoBanner{margin-left:25px; font-size:12px; height:26px; line-height:26px; width:110px; background:#f9c91b; border-bottom:2px solid #eb7400;-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
	
	/* home */
	.caixasTres{width:226px;}
	.iconeAtuacaoIndividual img{max-width:40px; max-height:40px;}
	.atuacaoIndividual h3{font-size:18px; margin:10px 0;}
	.atuacaoIndividual{height:250px;}
	.alinhaQuemSomos{padding:50px 10px;}
	#fundoQuemSomos, #fundoQuemSomos p{font-size:14px; line-height:17px;}
	#content h2{font-size:26px;}
	#fundoQuemSomos h2{margin-bottom:10px;}
	#fundoQuemSomos img{margin:-40px 0 0 30px; width:280px !important; height:auto !important;}
	#fundoQuemSomos a, .todasNoticias{font-size:12px; height:26px; line-height:26px; width:110px; background:#f9c91b; border-bottom:2px solid #eb7400;-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
	#noticiasHome{padding:50px 0;}
	.noticiaIndividual h3{margin:10px 0;}
	.noticiaIndividual img{width:60px;}
	.noticiaIndividual{height:250px;}

	/* footer */
	#menuRodape1, #menuRodape2{width:100px; margin-left:10px;}
	#enderecoRodape{width:240px;}
	#caixaNews input{width:160px; padding:5px 15px;}
	#caixaNews{width:260px;}
	.newsDentro p{display:none;}
	.newsDentro, #menuRodape1 a, #menuRodape2 a, #enderecoRodape p{padding-left:0;}
	#footer h3{font-size:16px;}
	.caixaRodape, #enderecoRodape{margin-top:45px;}
	#rodapeBaixo p{margin-left:10px;}

	/* contato */
	#mapaContato, #google_map{height:300px;}
	.divBox{width:230px; margin:0 0 0 10px;}
	#formContato input{width:158px;}
	#formContato textarea{margin-left:10px; width:638px;}
	#formContato button{margin-left:10px;}
	
	/* paginas */
	#tituloPaginas{background:url(../img/titulo-paginas-menor.jpg) no-repeat center top;}
	#tituloPaginas h2{line-height:30px;}
	#tituloPaginas, .alinhaTitulo{height:133px;}
}

@media(max-width: 767px){
	.tamanhoTela{width:auto; padding:0 20px;}
	.espacoMenu{display:block; height:70px;}
	.limpa50{height:40px;}
	
	/* banner */
	#caixaBanner{height:200px; border:none;}
	#bannerSuperior{width:100%; margin-left:0; left:0; height:200px;}
	.textoBanner{padding-left:40px; background:url(../img/mascara-banner-celular.png) no-repeat center left;}
	#bannerSuperior img{height:194px;}
	.textoBanner h2{max-width:none; font-size:16px; margin-top:50px; margin-left:10px; line-height:30px;}
	.textoBanner p{font-size:12px; max-width:none; line-height:18px; margin-left:10px; margin-bottom:0;}
	.botaoBanner{font-size:10px; height:20px; line-height:22px; width:80px; margin-top:10px; margin-left:10px; font-family:'asapRegular';}
	
	/* home */
	.caixasTres{height:auto; margin:0 auto 40px; width:auto; float:none; overflow:visible;}
	.atuacaoIndividual h3{font-size:16px; line-height:20px;}
	.alinhaQuemSomos{padding:40px 0; text-align:center;}
	#content h2{font-size:18px;}
	#fundoQuemSomos img{float:none !important; margin:0 auto 20px; max-width:60%; display:block;}
	#fundoQuemSomos h2{margin-bottom:20px;}
	#fundoQuemSomos a, .todasNoticias{float:none; margin:0 auto; display:block;}
	#noticiasHome{padding:40px 20px;}
	.noticiaIndividual img{width:50px;}
	
	/* footer */
	html, body, #wrap{height:auto;}
	#rodapeTodo{height:auto; margin:0;}
	body > #wrap {min-height:inherit;}
	#rodapeFixo{padding:0;}
	#footer{height:auto; padding:30px 20px;}
	#menuRodape1, #menuRodape2{width:50%; margin:0;}
	#caixaNews, #enderecoRodape{width:100%; margin:30px 0 0;}
	.newsDentro p{display:block;}
	#footer h3{margin-bottom:5px;}
	#rodapeBaixo{height:auto;}
	#rodapeBaixo p{margin:0; float:none; line-height:20px; padding:10px 0;}
	.artweb{margin:0;}
	
	/* paginas */
	#tituloPaginas{margin-top:0; height:80px; background:#34376a;}
	#tituloPaginas, .alinhaTitulo{height:80px;}
	#tituloPaginas h2{line-height:20px;}
	#conteudoPaginas, #conteudoPaginas p{font-size:14px; line-height:20px;}
	.caixaCompartilhamentos{float:none; height:auto; max-width:180px; margin:20px auto 0;}
	.compartilharIndividual{display:block; margin:0 0 10px; float:none;}
	
	/* contato */
	#mapaContato, #google_map{display:none;}
	.divBox{width:auto; margin:0; float:none;}
	#formContato input{width:80%; padding:10px 10%; text-align:center;}
	#formContato textarea{margin-left:0; width:80%; padding:10px 10%; text-align:center;}
	#formContato button{margin:20px auto 0; float:none;}
}