@charset "utf-8";
/* CSS Document */

#corpo #alinhar {
	text-align: center;
}


.fullscreenvideo {
	margin-top: 100px;
}
#destaques {
	position: relative;
	width: 100%;
	height: 600px;
	
	overflow: hidden;
	white-space:nowrap;
}
	#destaques #mask {
		position: absolute;
		top:0;
		width: 100%;
		height: 100%;
		background:url('/public/img/layout/default/bg_black.png') repeat;
		z-index: 9;
	}
	#destaques .tp-caption {
		font-size: 25px;
	}
	#destaques .tp-caption.maior {
		font-size: 70px;
	}
	#destaques .tp-caption.menor {
		font-size: 70px;
	}


ul#noticias {
	width: auto;
	padding: 30px 20px 50px 20px;
	position:relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
	ul#noticias li {
		display: inline-block;
		width: 290px;
		margin: 20px 10px;
		box-shadow:10px 10px 10px #f9f9f9;
		text-align: left;
		align-items: center;
	}			

		ul#noticias li a#img {
			float: left;
			width: 290px;
			height: 200px;
			overflow: hidden;
			white-space:nowrap;			
			display: inline-flex;
			flex-wrap: wrap;
			justify-content: center;
			text-align:center;
		}
			ul#noticias li a#img img {
				display: inline-block;
				width: auto;
				height: auto;
				max-height: 200px;
				min-height: 200px;
			}
		ul#noticias li span.date {
			float: left;
			width: 85px;
			font-size: 11px;
			margin: 10px 0 0 10px;
			color: #666;
			padding:0 0 0 20px;
			background: url('/public/img/layout/default/icones/note_date.png') left top no-repeat;
			background-size: 12px;
		}
		ul#noticias li span.user {
			float: left;
			width: 150px;
			font-size: 11px;
			margin: 10px 0 0 10px;
			color: #666;
			padding:0 0 0 15px;
			background: url('/public/img/layout/default/icones/icon_user.png') left 2px no-repeat;
			background-size: 10px;
			text-transform:uppercase;
		}
		ul#noticias li a h1 {
			display: block;
			clear:both;
			float: left;
			color:#000;
			font-size: 18px;
			line-height: 120%;
			padding: 10px 10px;
			height: 50px;
		}
			.not ul#noticias li a h1 {
				height: 70px;
			}
		ul#noticias li h2 {
			float: left;
			display: block;
			clear:both;
			color:#666;
			line-height: 140%;
			padding: 0 10px;
			height: 60px;
		}
		ul#noticias li .link-red {
			float: left;
			display: block;
			clear:both;
			font-size: 12px;
			margin:20px 0 20px 10px;
		}

ul#midias {
	width: auto;
	padding: 30px 15px 20px 15px;
	position:relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
	ul#midias li {
		display: inline-block;
		width: 300px;
		margin: 20px 8px;
		box-shadow:10px 10px 10px #f9f9f9;
		text-align: left;
		align-items: center;
	}			

		ul#midias li a#img {
			float: left;
			width: 310px;
			height: 240px;
			overflow: hidden;
			white-space:nowrap;			
			display: inline-flex;
			flex-wrap: wrap;
			justify-content: center;
			text-align:center;
		}
			ul#midias li a#img img {
				display: inline-block;
				width: auto;
				height: auto;
				max-height: 240px;
				min-height: 240px;
			}
		ul#midias li span.date {
			float: left;
			width: 85px;
			font-size: 11px;
			margin: 10px 0 0 10px;
			color: #666;
			padding:0 0 0 18px;
			background: url('/public/img/layout/default/icones/lnk.png') left 1px no-repeat;
			background-size: 11px;
		}
		ul#midias li span.user {
			float: left;
			width: 150px;
			font-size: 11px;
			margin: 10px 0 0 10px;
			color: #666;
			padding:0 0 0 15px;
			background: url('/public/img/layout/default/icones/icon_user.png') left top no-repeat;
			text-transform:uppercase;
		}
		ul#midias li a h1 {
			display: block;
			clear:both;
			float: left;
			color:#000;
			font-size: 18px;
			line-height: 120%;
			padding: 10px 10px;
			height: 70px;
		}
			.not ul#midias li a h1 {
				height: 70px;
			}
		ul#midias li h2 {
			float: left;
			display: block;
			clear:both;
			color:#666;
			line-height: 140%;
			padding: 0 10px;
			height: 60px;
		}
		ul#midias li .link-red {
			float: left;
			display: block;
			clear:both;
			font-size: 12px;
			margin:20px 0 20px 10px;
		}
.not .bx-wrapper .bx-viewport {	
	height: 600px;
	padding:0 8px 80px 8px;
}	

.not {
	margin-bottom:10px;
}

.midias {
	padding-bottom: 0px;
}
	
#home-link.link-red {
	display: inline-block;
	clear:both;
}
	
#ars {
	width: 100%;
	height: 550px;
	padding: 40px 0;
	position: relative;
	margin-top: 50px;
	
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	
	
	
}
	#ars.att1 {
		background-image:url('/public/img/layout/default/areas-de-atuacao/areas-min.png');
		background-position: 0 0;
		background-size: cover 550px;
	}
	#ars.att2 {
		background-image:url('/public/img/layout/default/areas-de-atuacao/areas-min.png');
		background-position: 0 -850px;
	}
	#ars.att3 {
		background-image:url('/public/img/layout/default/areas-de-atuacao/areas-min.png');
		background-position: 0 -1600px;
	}
	#ars.att4 {
		background-image:url('/public/img/layout/default/areas-de-atuacao/areas-min.png');
		background-position: 0 -2450px;
	}
	#ars #mask {
		position: absolute;
		top:0;
		width: 100%;
		height: 100%;
		background:url('/public/img/layout/default/bg_red.png') repeat;
	}
#areas {
	width: 100%;
	padding: 50px 0 50px 0;
	text-align: center;
}
	#areas ul {
		width: 100%;
		text-align: center;
	}
		#areas ul li {
			display: inline-block;
			width: 160px;
			margin:0 0;
			font-family: 'TrajanPro-Bold';			
			font-size: 15px;
			text-align: center;
			padding: 0;
		}
			#areas ul li a {
				display: inline-block;
				color: #FFF;
				padding: 70px 0 20px 0;
				font-size: 16px;
				width: 102%;
			}
			#areas ul li a.at1 {
				background: url('/public/img/layout/default/icones/at1.png') center top no-repeat;
				background-size: 50px;
				opacity: 0.5;
			}
			#areas ul li a.at2 {
				background: url('/public/img/layout/default/icones/at2.png') center top no-repeat;
				background-size: 50px;
				opacity: 0.5;
			}
			#areas ul li a.at3 {
				background: url('/public/img/layout/default/icones/at3.png') center top no-repeat;
				background-size: 50px;
				opacity: 0.5;
			}
			#areas ul li a.at4 {
				background: url('/public/img/layout/default/icones/at4.png') center top no-repeat;
				background-size: 50px;
				opacity: 0.5;
			}
				#areas ul li a.at1:hover,
				#areas ul li.active a.at1 {
					background: url('/public/img/layout/default/icones/at1.png') center top no-repeat;
					background-size: 50px;
					opacity: 1;
					
				}
				#areas ul li a.at2:hover,
				#areas ul li.active a.at2 {
					background: url('/public/img/layout/default/icones/at2.png') center top no-repeat;
					background-size: 50px;
					opacity: 1;
					
				}
				#areas ul li a.at3:hover,
				#areas ul li.active a.at3 {
					background: url('/public/img/layout/default/icones/at3.png') center top no-repeat;
					background-size: 50px;
					opacity: 1;
					
				}
				#areas ul li a.at4:hover,
				#areas ul li.active a.at4 {
					background: url('/public/img/layout/default/icones/at4.png') center top no-repeat;
					background-size: 50px;
					opacity: 1;
					
				}
		#areas .tab-content {
			display: none;
			float: left;
			width: auto;
			padding: 40px 80px;
			line-height:160%;
			color: #FFF;
			font-size: 18px;
		}
			#areas #at1.tab-content{
				display: block;
			}
			#areas .tab-content a {
				display: inline-block;
				clear:both;
				margin-top: 30px;
				font-size: 16px;
			}

#clientes {
	width: 100%;
	height: 580px;
	padding: 40px 0;
	position: relative;
	margin-top: 20px;
	
	background-position: 50% 0;
	background-repeat: repeat;
	background-attachment: fixed;
	background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	
	background-image:url('/public/img/layout/default/home/clientes.jpg');
}
	#clientes #mask {
		position: absolute;
		top:0;
		width: 100%;
		height: 100%;
		background:url('/public/img/layout/default/bg_red.png') repeat;
	}
	#clientes ul {
		width: 100%;
		padding: 50px 0 0 0;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
		#clientes ul li {
			display: inline-block;
			width: 420px;
			margin:0 0;
			text-align: left;
			padding: 0 0 0 60px;
			font-size: 14px;
			color: #FFF;
			line-height:180%;
			background:url('/public/img/layout/default/clientes_aspas.png') left top no-repeat;
		}
			#clientes ul li #imgcl {
				float: left;
				width: 100px;
				height: 80px;
			}
				#clientes ul li #imgcl img {
					width: 80px;
					height: 80px;
					border-radius: 50%;
				}
			#clientes ul li #titulo {
				float: left;
				width: 260px;
				vertical-align: top;
				height: 100px;
			}
			#clientes ul li h2 {
				font-family: 'TrajanPro-Regular';
				font-size: 18px;
				padding:20px 0 0 0;
			}
			#clientes ul li h3 {
				font-family: 'TrajanPro-Regular';
				font-size: 12px;
				color: #FFF;
			}

#clientes .bx-wrapper .bx-viewport {
	padding:0 10px 80px 10px;
}
	#clientes .bx-wrapper .bx-pager.bx-default-pager a:hover,
	#clientes .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #FFF;
	}

#alinhar.eqp {
	margin-bottom:150px;
}

ul#equipe {
	width: auto;
	padding: 50px 20px 50px 20px;
	position:relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
	ul#equipe li {
		display: block;
		float: left;
		width: 290px;
		margin: 0 0;
		box-shadow:10px 10px 10px #f9f9f9;
		text-align: center;
	}
		ul#equipe li img {
			float: left;
			width: 290px;
			height: 320px;
		}
		ul#equipe li h1 {
			float: left;
			color:#000;
			font-size: 23px;
			width: 100%;
			padding:30px 0 10px 0;
			font-family: 'TrajanPro-Regular';
		}
		ul#equipe li h2 {
			float: left;
			color:#666;
			width: 100%;
			line-height: 140%;
			padding: 0 0;
		}
			ul#equipe li a.face,
			ul#equipe li a.insta,
			ul#equipe li a.whatsapp {
				display: inline-block;
				width: 20px;
				height: 20px;
				text-indent:-9999px;
				margin: 20px 0;
				background: url('/public/img/layout/default/icones/topo_face.png') center center no-repeat;
			}
				ul#equipe li a.insta {
					background: url('/public/img/layout/default/icones/topo_insta.png') center center no-repeat;
				}
				ul#equipe li a.whatsapp {
					background: url('/public/img/layout/default/icones/topo_whatsapp.png') center center no-repeat;
				}
		ul#equipe li .link-red {
			display: inline-block;
			margin:0 auto;
			font-size: 12px;
			margin:25px 0 20px 0;
		}

.eqp .bx-wrapper .bx-viewport {	
	height: 600px;
	padding:0 8px 100px 8px;
}


#perguntas {
	width: 100%;
	height: 400px;
	margin:50px 0;
	text-align: left;
	overflow-x: hidden;
	overflow-y:auto;
}
	#perguntas ul {
		width:auto;
		padding: 0 100px;
	}
	 #perguntas ul li {
		 float:left;
		 width: auto;
		 padding: 10px 0 20px 0;
		 display:block;
		 clear:both;
	 }
	 	#perguntas ul li a {
			color: #000;
		}
	 	#perguntas ul li ul {
			display: block;			
			padding: 0;
		}
			#perguntas ul li ul li {
				color: #666;
				padding: 10px 0 10px 20px;
			}
	
					

@media screen and (max-width: 1366px) {
	
	
	
}


@media screen and (max-width: 1024px) {
	
	
	
}

@media screen and (max-width: 810px) {
	.fullscreenvideo {
		margin-top: 0;
	}
#destaques {
		position: relative;
		width: 100%;
		height: auto;
		
		overflow: hidden;
		white-space:nowrap;
	}
	#destaques .tp-caption {
		font-size: 50px;
	}
	#destaques .tp-caption.maior {
		font-size: 130px;
		padding-top: 70px;
	}
	#destaques .tp-caption.menor {
		font-size: 100px;
		padding-top: 70px;
	}
	
	.not {
		overflow: hidden;
	}
	ul#noticias li {
		margin: 0 0;
	}
	.not .bx-wrapper .bx-viewport {	
		
	}
				#areas ul li {
					display: inline-block;
					width: 80px;
					margin:0 5px;
					font-family: 'TrajanPro-Bold';			
					font-size: 11px;
				}
					#areas ul li a {
						color: #666;
						padding: 60px 0 10px 0;
					}
				#areas .tab-content {
					display: none;
					float: left;
					width: auto;
					padding: 40px 10px;
					line-height:160%;
				}
					#areas #at1.tab-content{
						display: block;
					}
					#areas .tab-content a {
						display: inline-block;
						clear:both;
						margin-top: 30px;
					}	
	.eqp {
		overflow: hidden;
	}
	
	#corpo #alinhar {
		overflow: hidden;
	}
	
}

@media screen and (max-width: 768px) {
	
	
	
}

@media screen and (max-width: 414px) {
	
	
	
}

@media screen and (max-width: 360px) {
	
	
	
}

@media screen and (max-width: 320px) {
	
	ul#noticias li {
		display: block;
		float: left;
		width: 200px;
		margin: 0 10px;
		box-shadow:2px 2px 10px #CCC;
		text-align: left;
	}			

		ul#noticias li img {
			float: left;
			width: 200px;
			height: 150px;
		}
		ul#noticias li span.date {
			float: left;
			width: 85px;
			font-size: 11px;
			margin: 10px 0 0 10px;
			color: #666;
			padding:0 0 0 20px;
			background: url('/public/img/layout/default/icones/not_date.png') left top no-repeat;
		}
		ul#noticias li span.user {
			float: left;
			width: 150px;
			font-size: 11px;
			margin: 10px 0 0 10px;
			color: #666;
			padding:0 0 0 15px;
			background: url('/public/img/layout/default/icones/icon_user.png') left top no-repeat;
			text-transform:uppercase;
		}
		ul#noticias li a h1 {
			display: block;
			clear:both;
			float: left;
			color:#000;
			font-size: 15px;
			line-height: 120%;
			padding: 10px 10px;
		}
		ul#noticias li h2 {
			float: left;
			display: block;
			clear:both;
			color:#666;
			line-height: 140%;
			padding: 0 10px;
		}
		ul#noticias li .link-red {
			float: left;
			display: block;
			clear:both;
			font-size: 12px;
			margin:20px 0 20px 10px;
		}
		
		ul#equipe li img {
			float: left;
			width: 200px;
			height: 230px;
		}
#clientes {
	width: 100%;
	height: 800px;
	padding: 40px 0;
	position: relative;
	margin-top: 50px;
	
	background-position: 50% 0;
	background-repeat: repeat;
	background-attachment: fixed;
	background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	
	background-image:url('/public/img/layout/default/home/clientes.jpg');
}
	#clientes #mask {
		position: absolute;
		top:0;
		width: 100%;
		height: 100%;
		background:url('/public/img/layout/default/bg_red.png') repeat;
	}
	#clientes ul {
		width: 100%;
		padding: 80px 0 0 0;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
			font-size: 12px;
	}
		#clientes ul li {
			display: inline-block;
			width: 380px;
			margin:0 0;
			text-align: left;
			padding: 0 0 0 60px;
			color: #FFF;
			line-height:180%;
			font-size: 12px;
			background:url('/public/img/layout/default/clientes_aspas.png') left top no-repeat;
		}
			#clientes ul li h2 {
				font-family: 'TrajanPro-Regular';
				font-size: 13px;
				padding:40px 0 0 0;
			}
			#clientes ul li h3 {
				font-family: 'TrajanPro-Regular';
				font-size: 10px;
				color: #FFF;
			}
	
	
		#areas ul li {
				display: inline-block;
				width: 50px;
				margin:0 5px;
				font-family: 'TrajanPro-Bold';			
				font-size: 9px;
			}
				#areas ul li a {
					color: #666;
					padding: 50px 0 0px 0;
					text-indent:-9999px;
				}
			#areas ul li a.at1 {
				background-image: url('/public/img/layout/default/home/home_areas_trabalhador_off.png');
				background-size: 90% auto;
				-webkit-background-size: 90% auto;
				-moz-background-size: 90% auto;
				-o-background-size: 90% auto;
				-webkit-background-size: 90% auto;
			}
			#areas ul li a.at2 {
				background: url('/public/img/layout/default/home/home_areas_consumidor_off.png') center top no-repeat;
				background-size: 60% auto;
				-webkit-background-size: 60% auto;
				-moz-background-size: 60% auto;
				-o-background-size: 60% auto;
				-webkit-background-size: 60% auto;			
			}
			#areas ul li a.at3 {
				background: url('/public/img/layout/default/home/home_areas_empresarial_off.png') center top no-repeat;
				background-size: 60% auto;
				-webkit-background-size: 60% auto;
				-moz-background-size: 60% auto;
				-o-background-size: 60% auto;
				-webkit-background-size: 60% auto;
			}
			#areas ul li a.at4 {
				background: url('/public/img/layout/default/home/home_areas_civel_off.png') center top no-repeat;
				background-size: 100% auto;
				-webkit-background-size: 100% auto;
				-moz-background-size: 100% auto;
				-o-background-size: 100% auto;
				-webkit-background-size: 100% auto;
			}
				#areas ul li a.at1:hover,
				#areas ul li.active a.at1 {
					background: url('/public/img/layout/default/home/home_areas_trabalhador_on.png') center top no-repeat;
					border-bottom:1px solid #AA1921;
					color: #AA1921;
					background-size: 90% auto;
					-webkit-background-size: 90% auto;
					-moz-background-size: 90% auto;
					-o-background-size: 90% auto;
					-webkit-background-size: 90% auto;
					
				}
				#areas ul li a.at2:hover,
				#areas ul li.active a.at2 {
					background: url('/public/img/layout/default/home/home_areas_consumidor_on.png') center top no-repeat;
					border-bottom:1px solid #AA1921;
					color: #AA1921;
					background-size: 60% auto;
					-webkit-background-size: 60% auto;
					-moz-background-size: 60% auto;
					-o-background-size: 60% auto;
					-webkit-background-size: 60% auto;
					
				}
				#areas ul li a.at3:hover,
				#areas ul li.active a.at3 {
					background: url('/public/img/layout/default/home/home_areas_empresarial_on.png') center top no-repeat;
					border-bottom:1px solid #AA1921;
					color: #AA1921;
					background-size: 60% auto;
					-webkit-background-size: 60% auto;
					-moz-background-size: 60% auto;
					-o-background-size: 60% auto;
					-webkit-background-size: 60% auto;
					
				}
				#areas ul li a.at4:hover,
				#areas ul li.active a.at4 {
					background: url('/public/img/layout/default/home/home_areas_civel_on.png') center top no-repeat;
					border-bottom:1px solid #AA1921;
					color: #AA1921;
					background-size: 100% auto;
					-webkit-background-size: 100% auto;
					-moz-background-size: 100% auto;
					-o-background-size: 100% auto;
					-webkit-background-size: 100% auto;
					
				}
	
}

@media screen and (max-height: 360px) {
	
	
	
}