#corpo #destaque {
	position: relative;
	width: 100%;
	height: 600px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	
	
	overflow: hidden;
	justify-content: center;
	text-align:center;
}
	#corpo #destaque #mask {
		position: absolute;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: .2;
	}
	#corpo #destaque video { 
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: -100;
		transform: translateX(-5 d0%) translateY(-50%);
		background: url('/public/img/layout/default/home/fortaleza.png') no-repeat;
	  	background-size: cover;
	  	transition: 1s opacity;
	}
	.stopfade { 
	   opacity: .5;
	}


	#corpo #destaque #texto {
		display: inline-block;
		margin: 220px 0 0 0;
		width: 600px;
		text-align: center;
	}
		#corpo #destaque #texto h3 {
			font-size: 18px;
			color: #CCC;
			line-height: 160%;
		}
		#corpo #destaque #texto h1 {
			font-size: 55px;
			color: #FFF;
			line-height: 140%;
			font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
		}
		#corpo #destaque #texto h2 {
			font-size: 16px;
			color: #FFF;
			line-height: 140%;
			width: 600px;
		}
		#corpo #destaque #texto a {
			display: inline-block;
			border: 1px solid #FFF;
			color: #FFF;
			padding: 15px 20px;
			width: 155px;
			margin: 30px 0 0 0;
			font-size: 14px;
			font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
		}
			#corpo #destaque #texto a:hover {
				border: 1px solid #FFF;
				color: #0979bf;
				background: #FFF;
			}

#corpo #osindicato {
	position: relative;
	width: 100%;
	padding: 50px 0;
}
	#corpo #osindicato #esq {
		position: relative;
		width: 100%;
		float: left;
		background: url('/public/img/layout/default/bgAmarca.png') 320px top no-repeat;
		background-size: 200px;
		padding: 10px 0 80px 20px;
		text-align: left;
		margin: 20px 0 0 0;
	}
		#corpo #osindicato #esq h1 {
			font-size: 30px;
			color: #0979bf;
			padding:60px 0 0 0;
		}
			#corpo #osindicato #esq h1 strong {
				font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
			}

		#corpo #osindicato #esq h2 {
			font-size: 16px;
			color: #5c5c5c;
			width: 470px;
			line-height: 160%;
			padding: 15px 0 30px 0;
			text-align: justify;
		}

		#corpo #osindicato #esq a {
			float: left;
			display: block;
			width: 78px;
			padding: 15px 20px;
			font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
			border: 1px solid #0979bf;
			color: #0979bf;
			text-transform: uppercase;
			font-size: 12px;
			margin: 0 10px 0 0;
		}
			#corpo #osindicato #esq a:hover {
				border: 1px solid #0979bf;
				color: #FFF;
				background: #0979bf;
			}
		#corpo #osindicato #esq a.azul {
			width: 50px;
			padding: 15px 35px;
			border: 1px solid #0979bf;
			color: #FFF;
			background: #0979bf;
		}
			#corpo #osindicato #esq a.azul:hover {
				border: 1px solid #0979bf;
				color: #0979bf;
				background: #FFF;
			}

	#corpo #osindicato #esq img {
		display: block;
		float: right;
		margin: 0 20px 0 0;
		width: 380px;
		height: auto;
	}


#corpo #title {
	position: relative;
	width: 100%;
	padding: 20px 0;
}
	#corpo #title h6 {
		font-size: 12px;
		color: #0979bf;
	}
	#corpo #title h5 {
		font-size: 35px;
		color: #2e2869;
		line-height: 140%;
		font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
		text-transform: uppercase;
	}


#corpo #noticias {
	position: relative;
	width: 100%;
	padding: 50px 0;
	background: url('/public/img/layout/default/bgBox.png') no-repeat top center fixed ;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
}

	#corpo #noticias #esq {
		float: left;
		width: 500px;
		margin: 30px 0 0 20px;
		text-align: left;
	}
		#corpo #noticias #esq a#img {
			float: left;
			width: 500px;
			height: 300px;
			overflow: hidden;
			white-space:nowrap;			
			display: inline-flex;
			flex-wrap: wrap;
			justify-content: center;
			text-align:center;
		}
			#corpo #noticias #esq a#img img {
				display: inline-block;
				width: auto;
				height: auto;
				max-height: 500px;
				min-height: 200px;
			}
	
		#corpo #noticias #esq a#txt {
			float: left;
			width: 500px;
			font-size: 25px;
			line-height: 140%;
			color: #0979bf;
			font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
			padding: 15px 0 15px 0;
			
		}
	
		#corpo #noticias #esq h2 {
			font-size: 12px;
			color: #5c5c5c;
			line-height: 160%;
			
		}
	#corpo #noticias #dir {
		float: right;
		width: 410px;
		margin: 30px 20px 0 0;
		text-align: center;
	}
		#corpo #noticias #dir ul li {
			float: left;
			padding: 0 0 30px 0;
			text-align: left;
		}
		#corpo #noticias #dir a#img {
			float: left;
			width: 180px;
			height: 120px;
			overflow: hidden;
			white-space:nowrap;			
			display: inline-flex;
			flex-wrap: wrap;
			justify-content: center;
			text-align:center;
			margin-right: 20px;
		}
			#corpo #noticias #dir a#img img {
				display: inline-block;
				width: auto;
				height: auto;
				max-height: 180px;
				min-height: 180px;
			}
	
		#corpo #noticias #dir a#txt {
			float: left;
			width: 210px;
			font-size: 15px;
			line-height: 140%;
			color: #0979bf;
			font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
			padding: 0px 0 5px 0;
			
		}
	
		#corpo #noticias #dir h2 {
			font-size: 12px;
			color: #5c5c5c;
			line-height: 160%;
			
		}
		#corpo #noticias a.lnk {
			display: inline-block;
			width: 120px;
			padding: 15px 20px;
			font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
			border: 1px solid #0979bf;
			color: #0979bf;
			text-transform: uppercase;
			font-size: 12px;
			margin: 0 10px 0 0;
			text-align: center;
		}
			#corpo #noticias a.lnk:hover {
				border: 1px solid #0979bf;
				color: #FFF;
				background: #0979bf;
			}




#corpo #associados {
	position: relative;
	width: 100%;
	padding: 50px 0;
}

	#corpo #associados ul#asso {
		position: relative;
		width: 100%;
		padding: 20px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
		#corpo #associados ul#asso li {
			display: block;
			width: auto;
			text-align: center;
		}
			#corpo #associados ul#asso li a img {
				display: block;
				width: 130px;
				height: 130px;
			}

#corpo #associados .bx-wrapper .bx-viewport {	
	height: 600px;
	padding:0 8px 50px 8px;
}

#corpo #rapido {
	position: relative;
	width: 100%;
	padding: 50px 0;
	background: #0979bf;
}
	#corpo #rapido ul {
		position: relative;
		width: 100%;
		text-align: center;
	}
		#corpo #rapido ul li {
			display: inline-block;
			margin: 0 35px;
			width: 160px;
			height: 80px;
			background: url('/public/img/layout/default/hEstatuto.png') center top no-repeat;
			background-size: 60px;
			vertical-align:top;
			padding: 100px 0 0 0;
		}
			#corpo #rapido ul li.cod {
				background: url('/public/img/layout/default/hCodigo.png') center top no-repeat;
				background-size: 70px;
			}
			#corpo #rapido ul li.reg {
				background: url('/public/img/layout/default/hRegulamento.png') center top no-repeat;
				background-size: 75px;
			}
			#corpo #rapido ul li.con {
				background: url('/public/img/layout/default/hDenuncie.png') center top no-repeat;
				background-size: 100px;
			}
			#corpo #rapido ul li a {
				display: block;
				color: #FFF;
				width: 100%;
				height: 100%;
			}
				#corpo #rapido ul li a h5 {
					font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
					font-size: 20px;
					text-transform: uppercase;
					line-height: 180%;
				}
				#corpo #rapido ul li a h6 {
					font-size: 12px;
				}


#corpo #assessoria {
	position: relative;
	width: 100%;
	padding: 80px 0;
	text-align: center;
}
	#corpo #assessoria #box {
		display: inline-block;
		width: 650px;
		margin: 0 25px;
		padding: 0 0 50px 180px;
		text-align: left;
	}
		#corpo #assessoria #box.adv {
			background: url('/public/img/layout/default/hAJuridica.png') left 10px no-repeat;
			background-size: 120px;
		}
		#corpo #assessoria #box.tec {
			background: url('/public/img/layout/default/hAtecnica.png') left 40px no-repeat;
			background-size: 120px;
		}

			#corpo #assessoria #box h4 {
				font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
				font-size: 20px;
				color: #0979bf; 
				line-height: 180%;
				display: inline-block;
			}
			#corpo #assessoria #box h5 {
				font-size: 12px;
				color: #5c5c5c;
				line-height: 160%;
				display: inline-block;
			}
			#corpo #assessoria #box h6 {
				font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
				font-size: 12px;
				color: #0979bf;
				line-height: 160%;
				padding: 10px 0 0 0;
				display: inline-block;
			}


.piframe {
	padding:0px;
	display: none;
}
	.piframe img {
		display: block;
		width: 220px;
		height: 220px;
		float: left;
		padding: 0 20px 0 0;
	}
	.piframe h3 {
		font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
		font-size: 20px;
		color: #0979bf;
		padding: 20px 0 5px 0;
		text-transform: uppercase;
	}
	.piframe h4 {
		color: #5c5c5c;
		padding: 0 0 20px 0;
		line-height: 160%;
		font-size: 12px;
	}
	.piframe h5 {
		color: #5c5c5c;
		padding: 0 0 20px 0;
		line-height: 160%;
		font-size: 12px;
	}

	.piframe a {
		color: #0979bf;
		padding: 5px 0 2px 0;
		font-size: 14px;
		font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
	}

	.piframe a.black {
		color: #000;
	}

	.piframe a.insta {
		font-size: 12px;
		font-family: 'SepexCeFont01', Arial, Tahoma, sans-serif;
		color: #000;
		display: inline-block;
		background: url('/public/img/layout/default/icones/ainsta.png') no-repeat left 8px;
		background-size:12px;
		padding: 5px 0 2px 20px;
		min-width: 150px;
	}

	.piframe a.face {
		font-size: 12px;
		font-family: 'SepexCeFont01', Arial, Tahoma, sans-serif;
		color: #000;
		display: inline-block;
		background: url('/public/img/layout/default/icones/aface.png') no-repeat left 8px;
		background-size:12px;
		padding: 5px 0 5px 20px;
		min-width: 150px;
	}


@media screen and (max-width: 768px) {
	
	#corpo #destaque {
		position: relative;
		width: 100%;
		height: 300px;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;


		overflow: hidden;
		justify-content: center;
		text-align:center;
	}
		#corpo #destaque #mask {
			position: absolute;
			width: 100%;
			height: 100%;
			background: #000;
			opacity: .2;
		}
		#corpo #destaque video { 
			position: absolute;
			top: 0;
			left: -30%;
			min-width: 100%;
			min-height: 100%;
			width: 150%;
			height: 100%;
			z-index: -100;
			transform: translateX(-5 d0%) translateY(-50%);
			background: url('/public/img/layout/default/home/fortaleza.png') no-repeat;
			background-size: cover;
			transition: 1s opacity;
			vertical-align:middle;
		}
		.stopfade { 
		   opacity: .5;
		}

		#corpo #destaque #texto {
			float: left;
			margin: 60px 0 0 0;
			width: 100%;
			text-align: center;
		}
			#corpo #destaque #texto h3 {
				font-size: 12px;
				color: #CCC;
			}
			#corpo #destaque #texto h1 {
				font-size: 24px;
				color: #FFF;
				line-height: 140%;
				font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
			}
			#corpo #destaque #texto h2 {
				font-size: 13px;
				color: #FFF;
				line-height: 140%;
				width: auto;
				padding: 10px 50px;
			}
			#corpo #destaque #texto a {
				display: inline-block;
				border: 1px solid #FFF;
				color: #FFF;
				padding: 10px 10px;
				width: 112px;
				margin: 20px 0 0 0;
				font-size: 10px;
				font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
			}
				#corpo #destaque #texto a:hover {
					border: 1px solid #FFF;
					color: #0979bf;
					background: #FFF;
				}
	
	#corpo #osindicato {
		position: relative;
		width: 100%;
		padding: 30px 0;
		text-align: center;
	}
		#corpo #osindicato #esq {
			position: relative;
			width: auto;
			float: inherit;
			background: none;
			background-size: 100px;
			padding: 10px 25px 0 25px;
			text-align: center;
			margin: 20px 0 0 0;
		}
			#corpo #osindicato #esq h1 {
				font-size: 30px;
				color: #0979bf;
				padding:20px 0 0 0;
			}
				#corpo #osindicato #esq h1 strong {
					font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
				}

			#corpo #osindicato #esq h2 {
				font-size: 12px;
				color: #5c5c5c;
				width: auto;
				line-height: 160%;
				padding: 15px 0 30px 0;
			}

			#corpo #osindicato #esq a {
				float: inherit;
				display: inline-block;
				width: 78px;
				padding: 15px 20px;
				font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
				border: 1px solid #0979bf;
				color: #0979bf;
				text-transform: uppercase;
				font-size: 12px;
				margin: 0 10px 0 0;
			}
				#corpo #osindicato #esq a:hover {
					border: 1px solid #0979bf;
					color: #FFF;
					background: #0979bf;
				}
			#corpo #osindicato #esq a.azul {
				width: 50px;
				padding: 15px 35px;
				border: 1px solid #0979bf;
				color: #FFF;
				background: #0979bf;
			}
				#corpo #osindicato #esq a.azul:hover {
					border: 1px solid #0979bf;
					color: #0979bf;
					background: #FFF;
				}

		#corpo #osindicato #esq img {
			display: inline-block;
			float: inherit;
			margin: 0 20px 0 0;
			width: 280px;
			height: auto;
		}


	#corpo #title {
		position: relative;
		width: 100%;
		padding: 20px 0;
	}
		#corpo #title h6 {
			font-size: 12px;
			color: #0979bf;
		}
		#corpo #title h5 {
			font-size: 35px;
			color: #2e2869;
			line-height: 140%;
			font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
			text-transform: uppercase;
		}


	#corpo #noticias {
		position: relative;
		width: 100%;
		padding: 30px 0;
		background: url('/public/img/layout/default/bgBox.png') no-repeat top center fixed ;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
	}

		#corpo #noticias #esq {
			display: inline-block;
			float: inherit;
			width: 100%;
			margin: 10px 0 0 0;
			text-align: center;
		}
			#corpo #noticias #esq a#img {
				float: left;
				width: 100%;
				height: 250px;
				overflow: hidden;
				white-space:nowrap;			
				display: inline-flex;
				flex-wrap: wrap;
				justify-content: center;
				text-align:center;
			}
				#corpo #noticias #esq a#img img {
					display: inline-block;
					width: auto;
					height: auto;
					max-height: 400px;
					min-height: 250px;
				}

			#corpo #noticias #esq a#txt {
				float: inherit;
				display: inline-block;
				width: 100%;
				font-size: 20px;
				line-height: 140%;
				color: #0979bf;
				font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
				padding: 15px 0 15px 0;

			}
			#corpo #noticias #esq h1 {
				text-align: center;
			}
			#corpo #noticias #esq h2 {
				font-size: 12px;
				color: #5c5c5c;
				line-height: 160%;
				display: inline-block;
				padding: 0 20px;

			}
		#corpo #noticias #dir {
			display: inline-block;
			float: inherit;
			width: 100%;
			margin: 30px 0 0 0;
			text-align: center;
		}
			#corpo #noticias #dir ul li {
				float: left;
				padding: 0 0 10px 0;
				text-align: left;
				display: inline-block;
				justify-content: flex-start;
				flex-direction:row;
			}
			#corpo #noticias #dir a#img {
				float: inherit;
				width: 30%;
				height: 80px;
				overflow: hidden;
				white-space:nowrap;			
				display: inline-flex;
				flex-wrap: wrap;
				justify-content: center;
				text-align:center;
				margin-right: 10px;
				margin-left: 10px;
			}
				#corpo #noticias #dir a#img img {
					display: inline-block;
					width: auto;
					height: auto;
					max-height: 100px;
					min-height: 100px;
					margin: 2px 0 0 0;
				}
			
			#corpo #noticias #dir span {
				display: inline-block;
				width: 60%;
			}
	
			#corpo #noticias #dir a#txt {
				display: inline-block;
				float: inherit;
				width: auto;
				font-size: 15px;
				line-height: 120%;
				color: #0979bf;
				font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
				padding: 0px 0 1px 0;

			}

			#corpo #noticias #dir h1 {
				display: block;
				float: left;
				font-size: 13px !important;
				
			}

			#corpo #noticias #dir h2 {
				font-size: 12px;
				color: #5c5c5c;
				line-height: 160%;
				clear: both;

			}
			#corpo #noticias a.lnk {
				display: inline-block;
				width: 120px;
				padding: 15px 20px;
				font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
				border: 1px solid #0979bf;
				color: #0979bf;
				text-transform: uppercase;
				font-size: 12px;
				margin: 20px 10px 0 0;
				text-align: center;
			}
				#corpo #noticias a.lnk:hover {
					border: 1px solid #0979bf;
					color: #FFF;
					background: #0979bf;
				}




	#corpo #associados {
		position: relative;
		width: 100%;
		padding: 30px 0;
		text-align: center;
	}

		#corpo #associados ul#asso {
			position: relative;
			width: 80%;
			padding: 20px 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
			#corpo #associados ul#asso li {
				display: block;
				width: auto;
				text-align: center;
			}
				#corpo #associados ul#asso li a img {
					display: inline-block;
					width: 120px;
					height: 120px;
				}

	#corpo #associados .bx-wrapper .bx-viewport {	
		height: 300px;
		padding:0 0 10px 0;
	}

	#corpo #rapido {
		position: relative;
		width: 100%;
		padding: 50px 0;
		background: #0979bf;
	}
		#corpo #rapido ul {
			position: relative;
			width: 100%;
			text-align: center;
		}
			#corpo #rapido ul li {
				display: inline-block;
				margin: 0 15px;
				width: 150px;
				height: 100px;
				background: url('/public/img/layout/default/hEstatuto.png') center top no-repeat;
				background-size: 40px;
				vertical-align:top;
				padding: 70px 0 0 0;
			}
				#corpo #rapido ul li.cod {
					background: url('/public/img/layout/default/hCodigo.png') center top no-repeat;
					background-size: 50px;
				}
				#corpo #rapido ul li.reg {
					background: url('/public/img/layout/default/hRegulamento.png') center top no-repeat;
					background-size: 55px;
				}
				#corpo #rapido ul li.con {
					background: url('/public/img/layout/default/hDenuncie.png') center top no-repeat;
					background-size: 80px;
				}
				#corpo #rapido ul li a {
					display: block;
					color: #FFF;
					width: 100%;
					height: 100%;
				}
					#corpo #rapido ul li a h5 {
						font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
						font-size: 20px;
						text-transform: uppercase;
						line-height: 180%;
					}
					#corpo #rapido ul li a h6 {
						font-size: 12px;
					}


	#corpo #assessoria {
		position: relative;
		width: 100%;
		padding: 40px 0;
		text-align: center;
	}
		#corpo #assessoria #box {
			display: inline-block;
			width: 100%;
			margin: 0 0px;
			padding: 90px 0 0 0;
			text-align: center;
		}
			#corpo #assessoria #box.adv {
				background: url('/public/img/layout/default/hAJuridica.png') center 0 no-repeat;
				background-size: 80px;
			}
			#corpo #assessoria #box.tec {
				background: url('/public/img/layout/default/hAtecnica.png') left 40px no-repeat;
				background-size: 120px;
			}

				#corpo #assessoria #box h4 {
					font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
					font-size: 20px;
					color: #0979bf; 
					line-height: 180%;
					display: inline-block;
					padding: 0 20px;
				}
				#corpo #assessoria #box h5 {
					font-size: 12px;
					color: #5c5c5c;
					line-height: 160%;
					display: inline-block;
					padding: 0 20px;
				}
				#corpo #assessoria #box h6 {
					font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
					font-size: 11px;
					color: #0979bf;
					line-height: 160%;
					display: inline-block;
					padding: 10px 20px;
				}


	.piframe {
		padding:0px;
		display: none;
	}
		.piframe img {
			display: block;
			width: 220px;
			height: 220px;
			float: left;
			padding: 0 20px 0 0;
		}
		.piframe h3 {
			font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
			font-size: 20px;
			color: #0979bf;
			padding: 20px 0 5px 0;
			text-transform: uppercase;
		}
		.piframe h4 {
			color: #5c5c5c;
			padding: 0 0 20px 0;
			line-height: 160%;
			font-size: 12px;
		}
		.piframe h5 {
			color: #5c5c5c;
			padding: 0 0 20px 0;
			line-height: 160%;
			font-size: 12px;
		}

		.piframe a {
			color: #0979bf;
			padding: 5px 0 2px 0;
			font-size: 14px;
			font-family: 'SepexCeFont02', Arial, Tahoma, sans-serif;
		}

		.piframe a.black {
			color: #000;
		}

		.piframe a.insta {
			font-size: 12px;
			font-family: 'SepexCeFont01', Arial, Tahoma, sans-serif;
			color: #000;
			display: inline-block;
			background: url('/public/img/layout/default/icones/ainsta.png') no-repeat left 8px;
			background-size:12px;
			padding: 5px 0 2px 20px;
			min-width: 150px;
		}

		.piframe a.face {
			font-size: 12px;
			font-family: 'SepexCeFont01', Arial, Tahoma, sans-serif;
			color: #000;
			display: inline-block;
			background: url('/public/img/layout/default/icones/aface.png') no-repeat left 8px;
			background-size:12px;
			padding: 5px 0 5px 20px;
			min-width: 150px;
		}
	
}