/*/*
	CORES{
	Verde = #3bd6c8;
		Cinza = #3d3d3d;
		Cinza claro: #EDEDED;
	}
*/

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans.eot');
    src: url('fonts/OpenSans.eot') format('embedded-opentype'),
         url('fonts/OpenSans.woff2') format('woff2'),
         url('fonts/OpenSans.woff') format('woff'),
         url('fonts/OpenSans.ttf') format('truetype'),
         url('fonts/OpenSans.svg#OpenSans') format('svg');
}

@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('fonts/OpenSansSemibold.eot');
    src: url('fonts/OpenSansSemibold.eot') format('embedded-opentype'),
         url('fonts/OpenSansSemibold.woff2') format('woff2'),
         url('fonts/OpenSansSemibold.woff') format('woff'),
         url('fonts/OpenSansSemibold.ttf') format('truetype'),
         url('fonts/OpenSansSemibold.svg#OpenSansSemibold') format('svg');
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSansBold.eot');
    src: url('fonts/OpenSansBold.eot') format('embedded-opentype'),
         url('fonts/OpenSansBold.woff2') format('woff2'),
         url('fonts/OpenSansBold.woff') format('woff'),
         url('fonts/OpenSansBold.ttf') format('truetype'),
         url('fonts/OpenSansBold.svg#OpenSansBold') format('svg');
}

body{
	font-family:OpenSans;
	font-size:16px;
	color:#5f5f5f;
	text-align:center;
}

iframe{max-width: 100%;}

img,
object,
embed,
video,	
iframe[style]{
	max-width:100%;
	height:auto;
	}
.container{
    float: left;
    width: 100%;
}
	.content{
		position:relative;
		width:92%;
		max-width:1180px;
		height:auto;
		display:inline-block;
	}

.clearfix:after{
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

p,
h2,
h3{font-family: OpenSansSemiBold;}


ul {list-style: none;}
ul li { margin: 10px 0px; font-size:15px;}
.text-decoration p,
.main .text{
	width: 100%;
	display: inline-block;
}
.title.background{
    background: #f5f4f4;
    padding: 22px 30px;
    border-radius: 10px;
}
.title{
    display: inline-block;
	width: 100%;
}
	.title.int h2,
	.title.int p{text-align: center;}
	.title h2,
	.title p{
		font-size: 34px;
	    text-transform: uppercase;
	    text-align: left;
	}
	.title h2{text-align: center;}
.data{
	width: 100%;
	margin-top:15px;
	text-align: center;
	font-family: OpenSans;
	font-size: 16px;
    color: #5f5f5f;
	display: inline-block;
}

.modal-open{overflow: hidden;}

.btPadrao{
	padding: 7px 28px;
	display:inline-block;
	margin-left: 6px;
		
	font-family:OpenSansSemiBold;
	color:#727272;
	font-size:14px;
	text-align: center;
}.btPadrao.cinza{background-color:#3D3D3D; border: 1px solid #3D3D3D; color:#FFF;}
		.btPadrao.cinza:hover{background-color:#636363; border: 1px solid #636363; color: #FFF;}
	.btPadrao.azulEscuro{background-color:#35556d; border: 1px solid #35556d; color:#FFF;}
		.btPadrao.azulEscuro:hover{background-color:#5487ae; border: 1px solid #5487ae; color: #FFF;}
.btPadrao.azul{background-color:#86b8da; border: 1px solid #86b8da; color:#FFF;}
		.btPadrao.azul:hover{background-color:#429fde; border: 1px solid #429fde; color: #FFF;}

/* FORMs */
.inputPadrao{
    padding: 6px 10px;
    border: 1px solid #EDEDED;
    width: 250px;
    font-size: 14px;
	display: inline-block;
    color: #3d3d3d;
}
	.inputPeq{width:142px;}
	.inputMed{width:222px;}
	.inputGra{width:302px;}

.spacing{padding: 55px 0;}
.spacing2{padding: 40px 0; }
.margin{margin:55px 0;}
.margin2{margin:40px 0;}

.clear20{width:100%;height:20px;display:inline-block;}

#formContact{
	width: 100%;
	max-width:805px;
	text-align:center;
	display: inline-block;
}
	#formContact .text{
		margin-top:20px;
		font-size: 14px;
		line-height: 25px;
	}
		#formContact .text p{text-align:center;}
	#formContact .inner{
		width: 100%;
	    display: inline-block;
	    margin-top: 20px;
	}
	#formContact .td1,
	#formContact .td2{
		float:none;
		width:100%;
		text-align:center;
		display:inline-block;
	}
		#formContact ul{
			width:100%;
			display:inline-block;
		}
			#formContact .td1 ul li:first-child{margin-top:0px;}
			#formContact ul li{
				padding:0 10px;
				margin-top:20px;
				background-color:#fff;
				border:1px solid #CECECE;
				border-radius:3px;
					-o-border-radius:3px;
					-webkit-border-radius:3px;
					-moz-border-radius:3px;
				display:block;
			}
	
	#formContact .inputPadrao{
		width:100%;
		padding:8px 0px;
		background-color:#fff;
		border:0px;
		display:inline-block;
	}
		
	#formContact .textareaPadrao{
		width:100%;
		height:142px;
		border:0px;
		padding:15px 0;
		background-color:#fff;
		color:#424242;
		font-size:14px;
	}
	#formContact .submitContato{
		width:100%;
		margin-top:13px;
		text-align:right;
		display:inline-block;
	}
		#formContact .submitContato a{
			padding: 10px 28px;
		}

.text.int{width: 100%;}
.text{
	display: inline-block;
	width: 100%;
}
	.text img{
		float: left;
		margin: 0px 40px 10px 0;
		margin-bottom: 35px;
	}
	.text p.title{
		font-family: OpenSansBold;
		margin:20px 0;
	    text-align: left;
	}
	.text p.left{text-align: left;}
	.text p{
		font-family: OpenSans;
	    font-size: 15px;
	    text-align: left;
	    line-height: 20px;
	}
		.text p a{
			color:#0060A4;
			text-decoration:underline;
			display:inline-block;
		}
/************
	SITE
*************/
/* diminuir re-captcha(responsivo) */
.rc-anchor-light{
	width: 230px;
}

#bgTopo{
	width: 100%;
	display: inline-block;
}
	#bgTopo .top{
		float: left;
		width: 100%;
		padding: 12px 0;
		background-color: #1a2a3a;
	}
		#bgTopo .top .box-top{
		    display: flex;
		    align-items: center;
		    flex-direction: column;
		}
		#bgTopo .top .left{
			float: left;
			width: 100%;
			text-align:left;
		}
			#bgTopo .top .left p{
				margin:0 10px;
				display: inline-block;
    			color: #FFF;
			}
			#bgTopo .top .left .email{
				 display: inline-block;
			}
				#bgTopo .top .left .email img{
					float: left;
					margin-top: 5px;
				}
				#bgTopo .top .left .email p{
					color:#FFF;
					font-size: 14px;
				}
		#bgTopo .top .right{
			float: left;
			margin-top: 20px;
			width: 100%;
		}
			#bgTopo .top .right img{
				float: left;
				width: auto;
			}
			#bgTopo .top .right p{
				float: left;
				margin-left: 10px;
				width: 80%;
				color:#FFF;
				text-align: left;
			}
			#bgTopo .top .right form{margin-top: 20px;}
				#bgTopo .top .right form input:first-child{margin-left: 0;}
				#bgTopo .top .right form input{
					float: left;
					width: 49%;
					max-width: 180px;
					margin-left: 2%;
				}
				#bgTopo .top .right form a{
					float: left;
					width: 100%;
					max-width: 370px;
					margin-top: 2%;
					margin-left: 0;
				}
	#bgTopo .bottom{
		float: left;
		width: 100%;
		padding: 20px 0;
	}
		#bgTopo .bottom .logo{
			float: left;
			width: 50%;
			padding:5px 0;
		}
			#bgTopo .bottom .logo a{
				display:inline-block;
			}
				#bgTopo .bottom .logo a img{
					width:auto;
				}
		#bgTopo .bottom .buttonNav{
		    float: left;
		    width: 50%;
		}
			#bgTopo .bottom .buttonNav a{
			    float: right;
			    width: 43px;
			    height: 36px;
			    background: url(../img/iconMenu.png)center no-repeat;
			    background-size: 24px 16px;
			    cursor: pointer;
			}
		#bgTopo .bottom .nav{
			float: left;
			width: 75%;
		}
			#bgTopo .bottom .nav .box-nav{
			    float: left; 
			    position: fixed;
			    top: -100%;
			    left: 0;
			    float: left;
			    background-color: #f0f0f0;
			    width: 100%;
			    height: 268px;
			    text-align: center;
			    z-index: 1000;
			}
				#bgTopo .bottom .nav .box-nav > a{
				    float: left;
				    width: 43px;
				    height: 36px;
				    position: absolute;
				    right: 32px;
				    background: url(../img/iconMenu2.png)center no-repeat;
				    background-size: 24px 16px;
				    cursor: pointer;
				    z-index: 888;
				}
				#bgTopo .bottom .nav .box-nav > ul{
				    width: 100%;
				    float: left;
			        margin: 18px 18px;
				    font-size: 0;
				    display: flex;
	   				justify-content: flex-end;
	   				flex-direction: column;
				}
					#bgTopo .bottom .nav .box-nav > ul > li{
					    float: left;
					    width: auto;
					    margin-left: 5px;
					    cursor: pointer;
					    position: relative;
					    line-height: 30px;
					}
						#bgTopo .bottom .nav .box-nav > ul > li > a{
							float: left;
	  						font-size: 14px;
	  						text-transform: uppercase;
						}
						#bgTopo .bottom .nav .box-nav > ul > li > img.seta{display: none;margin-top: 14px;}
						#bgTopo .bottom .nav .box-nav > ul > li > img.setaMobile{margin-top: 11px;}
						#bgTopo .bottom .nav .box-nav > ul > li > img{
							float: left;
	  						margin-top: 5px;
	  						margin-left: 8px;
						}
						#bgTopo .bottom .nav .box-nav > ul > li.active ul{
						    display: block;
						    position: absolute;
						    left: 24px;
    						top: 30px;
						    margin-top: -30px;
						    margin-left: 140px;
					        width: 165px;
						    background: #fff;
					        border: 1px solid #f5f4f4;
					        border-top: 5px solid #1a2a3a;
						    z-index: 150;
						}
						#bgTopo .bottom .nav .box-nav > ul > li > ul{
							display: none;
						}
							#bgTopo .bottom .nav .box-nav > ul > li > ul > li:hover{background: #f5f4f4;}
							#bgTopo .bottom .nav .box-nav > ul > li > ul > li{
  								border-bottom: 1px solid #f5f4f4;
	    						line-height: 25px;
    						    text-align: left;
							}
								#bgTopo .bottom .nav .box-nav > ul > li > ul > li > a{
							        width: calc(100% - 10px);
   									padding: 10px 14px;
								    color: #000;
								    font-size: 12px;
								    text-transform: uppercase;
								    display: inline-block;
								}
								#bgTopo .bottom .nav .box-nav > ul > li > ul > li > img{
								    width: 4px;
								    float: right;
								    margin-top: 17px;
								    margin-right: 5px;
								}
.banner{
    display: inline-block;
    width: 100%;
    position: relative;
    height: 278px;
    background-size: 550px;
    width: 100%;
    position: relative;
    display: inline-block;
}
	.banner .image{
		background-image: url('../img/temp/banner1.jpg');
	    background-repeat: no-repeat;
	    background-size:100%;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    overflow: auto;
	    padding: 3em;
	    position: absolute;
	    text-align: center;
	}
	.banner .background{
		float: right;
		width: 100%;
		height: 278px;	
		background-image: linear-gradient(to right, transparent, black);
		position: absolute;
		top: 0;
		left: 0;
	}
		.banner .background .description{
			float: right;
   			width: 95%;
			margin-top: 80px;
			margin-right: 2%;
		}
			.banner .background .description p{
				color: #FFF;
				font-size: 24px;
				text-align: right;
			}
				.banner .background .description p b{
					font-size: 30px;
					font-family: OpenSansBold;
				}
			.banner .background .description a{
				float: right;
				margin-top: 20px;
				text-transform: uppercase;
			}

.publicity{
	width: 100%;	
	position: relative;
	display: inline-block;
}
	.publicity.right p{
		left: 90%;
	}
	.publicity p{
	    position: absolute;
	    top: 0;
	    left: 0;
	    margin-top: -15px;
		color:#888888;
		font-size: 10px;
		text-align: left;
	}
	.publicity ul{float: left;width: 100%;}
		.publicity ul li{width: 100%;}
		.publicity ul a{float: left;width: 100%;}
			.publicity img{display: inline-block;width: 100%;}

.middle{
	display: inline-block;
    width: 100%;
}
	.notice{
		float: left;
 		width: 100%;
	}
		.notice .navBuscar{
		    float: left;
		    width: 100%;
		    margin-top: 20px;
		}
			.notice .navBuscar .inner{
				display:inline-block;
			}
				.notice .navBuscar .inner input{
					float: left;
					padding:5px 10px;
					font-size:16px;
					background-color:#fff;
					border:1px solid #CECECE;
					display:block;
				}
				.notice .navBuscar .inner a{
					float: left;
				}
		.notice .box-notice{
		    float: left;
		    width: 100%;
		    margin-top: 20px;
		}
			.notice .box-notice .inner:hover{
				box-shadow: 1px 1px 10px #4d7597;
			}
			.notice .box-notice .inner{
				display: inline-block;
    			width: 100%;
    			max-width: 380px;
    			background: #f5f4f4;
    			margin-top: 45px;
    			cursor: pointer;
			}
				.notice .box-notice .inner .img{
				    width: 100%;
				    max-width: 380px;
   					float: left;
   					position: relative;
				}
					.notice .box-notice .inner .img img{width: 100%;}
					.notice .box-notice .inner .img p{
				        position: absolute;
					    bottom: 0;
					    left: 0;
					    background: #4d7597;
					    padding: 10px 10px;
					    width: 80px;
					    color: #FFF;
					    font-size: 24px;
						text-align:center;
					    font-family: OpenSansSemiBold;
					}
				.notice .box-notice .inner .description{
					float: left;
					width: 100%;
					padding: 21.5px 12px;
				}
					.notice .box-notice .inner .description p{
					    margin-top: 20px;
					    font-size: 14px;
					    color: #373737;
					    text-align: left;
					}
						.notice .box-notice .inner .description p.title{
							margin-top: 0;
							font-size: 18px;
							font-family: OpenSansBold;	
						}
						.notice .box-notice .inner .description p.pBorder{
						    border-top: 1px solid #4d7597;
 							padding-top: 20px;
						}
			.notice .box-notice a p{
				float: left;
				width: 100%;
				margin-top: 25px;
				text-align: left;
				font-size: 14px;
				color: #4d7597;
				font-family: OpenSansSemiBold;
			}
	.middle .events{
		float: left;
		width: 100%;
		margin-top: 30px;
	}
		.middle .events .box-events{
		    float: left;
			width: 100%;
		}
			.middle .events .box-events .inner:hover{
				background: #f5f4f4;
				cursor: default;
			}
			.middle .events .box-events .inner{
				float: left;
			    width: 100%;
			    margin-top: 20px;
			    padding: 15px 10px;
			    border: 1px solid #f6f5f5;
			}
				.middle .events .box-events .inner .empty{
				    float: left;
   					width: 100%;
				}
					.middle .events .box-events .inner .empty p{
						margin-top: 5px;
						font-size: 18px;
						font-family: OpenSansBold;
					}
				.middle .events .box-events .inner .date{
				    float: left;
   					width: 100px;
				}
					.middle .events .box-events .inner .date p.p1{
						font-size: 24px;
						font-family: OpenSans;
					}
					.middle .events .box-events .inner .date p.p2{
						margin-top: 5px;
						font-size: 18px;
						font-family: OpenSansBold;
					}
				.middle .events .box-events .inner .description{
					float: left;
					width: calc(100% - 100px);
				}
					.middle .events .box-events .inner .description p{
						margin-top: 5px;
						font-size: 12px;
						font-family: OpenSans;
						text-align: left;
					}
						.middle .events .box-events .inner .description .pTitle{
							margin-top: 0;
							font-size: 15px;
							font-family: OpenSansBold;
						}

.associate{
	display: inline-block;
	width: 100%;
}
	.associate .text{
		display: inline-block;
		width: 80%;
		margin-top: 20px;
		font-family: OpenSans;
		font-size: 15px;
	}
	.associate p{text-align: center;}
	.box-associate{
		display: inline-block;
		width: 100%;
	}
		.box-associate .inner:nth-child(2n+1){margin-left: 0;}
		.box-associate.interna .inner{
			width: 100%;
			margin-left: 0;
			border:1px solid #f0f0f0;
			cursor: default;
		}
		.box-associate .inner:hover{box-shadow: 1px 1px 10px #f0f0f0;}
		.box-associate .inner{
			float: left;
			margin-left: 2%;
			width: 49%;
			margin-top: 15px;
			border:1px solid #373737;
		}
			.box-associate.interna .inner img{display: inline-block;float: none;}
			.box-associate .inner a{
				float: left;
				width: 100%;
				/* max-width: 200px; */
				text-align:center;
			}
				.box-associate .inner a img{
					display:inline-block;
				}
			.box-associate .inner .description{
				float: left;
				width: 100%;
				padding:10px 0;
			}
				.box-associate .inner .description p{
					text-align: center;
				}
					.box-associate .inner .description p span{
						font-family: OpenSans;
						font-size: 14px;
					}


#bgRodape{}
	#bgRodape .top{
		width: 100%;
		padding-top: 26px;
		background-color: #161616;
		display: inline-block;
	}
		#bgRodape .top .logo{
			float: left;
			width: 100%;
		}
			#bgRodape .top .logo a{
				margin-top: 15px;
				color:#4d7597;
				float: left;
			}
			#bgRodape .top .logo .img{
				float: left;
				width: 100%;
			}
				#bgRodape .top .logo .img img{}
			#bgRodape .top .logo .text{
				float: left;
				width: 100%;
				margin: 15px 0;
			}
				#bgRodape .top .logo .text p{
					font-family: OpenSans;
					color: #c4c4c4;
					text-align: left;
				}
		#bgRodape .top .navFooter{
			float: left;
			width: 100%;
		}
			#bgRodape .top .navFooter p{
			    color: #4d7597;
			    text-align: left;
			    font-size: 20px;
			}
			#bgRodape .top .navFooter > ul{
				float: left;
   				width: 100%;
   				margin-top: 20px;
			}
				#bgRodape .top .navFooter > ul > li:nth-child(3n+1){margin-left: 0;}
				#bgRodape .top .navFooter > ul > li{
				    float: left;
				    width: 	100%;
				    padding: 10px 0;
				    border-top: 1px solid #8b8b8b;
				    position: relative;
				    cursor: pointer;
				}
					#bgRodape .top .navFooter > ul > li > img{
						float: left;
						margin-top: 5px;
						margin-left: 8px;
					}
					#bgRodape .top .navFooter > ul > li > a{
						float: left;
						color: #c4c4c4;
						margin-left: 10px;
					}
					#bgRodape .top .navFooter > ul > li > ul{display: none;}
						#bgRodape .top .navFooter > ul > li.active > ul{
				          	display: block;
						    position: absolute;
						    margin-top: 19px;
						    width: 165px;
						    background: #fff;
						    border: 1px solid #f5f4f4;
						    border-top: 5px solid #ccc;
						    z-index: 150;
						}
						#bgRodape .top .navFooter > ul > li.active > ul > li:hover{background: #f5f4f4;}
						#bgRodape .top .navFooter > ul > li > ul > li{
							width: 96%;
							border-bottom: 1px solid #f5f4f4;
							line-height: 25px;
							text-align: left;
						}
							#bgRodape .top .navFooter > ul > li > ul > li a{
							   	width: calc(100% - 10px);
							    padding: 10px 14px;
							    color: #000;
							    font-size: 12px;
							    text-transform: uppercase;
							    display: inline-block;
							}
							#bgRodape .top .navFooter > ul > li.active > ul > li a{}
							#bgRodape .top .navFooter > ul > li > ul > li img{
							    width: 4px;
							    float: right;
							    margin-top: 17px;
							    margin-right: 5px;
							}
	#bgRodape .finalfooter{
		width:100%;
		padding:17px 0 13px 0;
		font-size:14px;
		background-color: #090909;
		display:inline-block;
	}
		#bgRodape .finalfooter .copyright{
			float:left;
			width: 100%;
			color:#c4c4c4;
		}
		#bgRodape .finalfooter .desenvolvido{
			float:right;
			width: 100%;
			margin-top:0px;
			color:#c4c4c4;
		}
			#bgRodape .finalfooter .desenvolvido a{
				text-decoration:underline;
				color:#c4c4c4;
			}

.navTabs{
	float:left;
	width:100%;
	margin-top:20px;
	display:block;
	font-size:0;
}
	.navTabs ul.tabs{
		float:left;
		width:100%;
		text-align:left;
		display:table;
	}
		.navTabs ul.tabs li:nth-child(2n+1){margin-left: 0;}
		.navTabs ul.tabs li{
			position: relative;
			width: 49%;
			margin-top:5px;
			margin-left:2%;
			display: inline-block;
			overflow: hidden;
		}
			.navTabs ul.tabs li a{
				width:100%;
				padding:10px 20px;
				text-align: center;
				cursor:pointer;
				font-size:15px;
				color:#1a2a3a;
				border:1px solid transparent;
				display:inline-block;
			}
				.navTabs ul.tabs li.active a{
					background-color: #1a2a3a;
					color: #FFF;
					cursor: default;
					border-top-left-radius: 8px;
					border-top-right-radius: 8px;
					text-decoration: none;
				}
				.navTabs ul.tabs li:hover a{
					border:1px solid #1a2a3a;
					border-top-left-radius: 8px;
					border-top-right-radius: 8px;
				}
			.navTabs .panel{
				float:left;
				width:100%;
				margin-top:-1px;
				padding: 15px 30px;
				background-color: #fff;
				font-size:1.175em;
				color: #969696;
				border-top:1px solid #1a2a3a;
				clear: both;
				display:none;
			}
			.navTabs .panel#atas,
			.navTabs .panel#diretoria{display: block;}

.box-tabs{
	display: inline-block;
	width: 100%;
}
	.box-tabs .inner:nth-child(2n+1){margin-left: 0;}
	.box-tabs .inner{
		float: left;
	    width: 100%;
	    padding: 25px 0;
	    cursor: default;
	}
		.box-tabs .inner p{
			font-family: OpenSans;
			font-size: 24px;
		}
		.box-tabs .inner p.mail,
		.box-tabs .inner h3{
			font-family: OpenSans;
			line-height: 18px;
			font-size: 15px;
		}

.referencia{
	display: inline-block;
	width: 100%;
}
	.referencia .left{
		float: left;
		width: 100%;
	}
		.referencia .left img{display: inline-block;}
	.referencia .right{
		float: left;
		width: 100%;
		margin-left: 2%;
	}
	
.filter{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
	.filter p{
		float: left;
	}
	.filter select{
		float: left;
		width: auto;
		margin: 0 10px;
		padding: 7px 15px;
	}
	
.table{
	overflow-x:auto;
}
	.table table{}
		.table table thead{background: #1a2a3a;}
			.table table thead tr th{
				color: #FFF;
			    padding: 10px 6px;
			    border: 0.25px solid #b7b7b7;
			}
			.table table tbody td:first-child{
				background: #1a2a3a;
				text-align: left;
				color:#FFF;
			}
			.table table tbody td{
				border: 1px solid #b7b7b7;
			    padding: 10px 6px;
			    text-align: center;
			    width: auto;
			}
			
#listDocumentos{
	float:left;
	width:100%;
}
	#listDocumentos ul{
		width:100%;
		display:inline-block;
	}
		#listDocumentos ul .vazio{
			font-family: OpenSans;
			font-size: 14px;
			color:#5f5f5f;
		}
		#listDocumentos ul li:nth-child(4n+1){margin-left:0; clear:left;}
		#listDocumentos ul li{
			float:left;
			width:30.6666%;
			margin-left:4%;
			margin-top:20px;
			padding:10px;
			border:1px solid #373737;
		}
			#listDocumentos ul li:hover{background-color:#f2f2f2;}
			#listDocumentos ul li .nav{
				text-align:center;
			}
				#listDocumentos ul li .nav .title{
					font-family: OpenSansBold;
					font-size:18px;
					line-height:24px;
				}
				#listDocumentos ul li .nav .date{
					margin-top:10px;
					font-family: OpenSans;
					font-size: 14px;
					color:#5f5f5f;
				}
				#listDocumentos ul li .nav a{
					margin-top:10px;
					font-family: OpenSansBold;
					font-size: 14px;
					display:inline-block;
				}
				
#galeria{
	float:left;
	width:100%;
	font-size:0;
}
	#galeria ul{
		display:inline-block;
	}
		#galeria ul li:first-child{margin-left:0;}
		#galeria ul li{
			float:left;
			margin-left:10px;
		}
			#galeria ul li a{display:inline-block;}
				#galeria ul li a img{
					width:auto;
					height:150px;
				}
				
@media (min-width: 350px){
	h3{font-size: 14px;}
	/* diminuir re-captcha(responsivo) */
	#rc-imageselect, .g-recaptcha {
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
}
@media (min-width: 440px){
	/* diminuir re-captcha(responsivo) */
	#rc-imageselect, .g-recaptcha {
		transform:none;
		-webkit-transform:none;
		transform-origin:none;
		-webkit-transform-origin:none;
	}
}
@media (min-width: 480px){
	.banner .image{
		background: url("../img/temp/banner2.jpg");
		background-size:100%;
	}
}
@media (min-width: 592px){
	
}
@media (min-width: 650px){
	#bgTopo .top .right{
		display: flex;
		align-items:center;
		justify-content: flex-end;
	}
		#bgTopo .top .right p{width: 40%;}

		.banner .image{
			background: url("../img/temp/banner3.jpg");
			background-size:115%;
		}

	.notice .box-notice .inner:nth-child(2n+1){margin-left: 0;}
	.notice .box-notice .inner{
		width: 49%;
		float: left;
		margin-left: 2%;
	}

	.box-tabs .inner{
		width: 49%;
		margin-left: 2%;	
	}
}
@media (min-width: 768px){
	#formContact .td1{
		float:left;
		width:50%;
	}
	#formContact .td2{
		float:left;
		width:50%;
	}
		#formContact .td1 ul li{margin-right:9px;}
		#formContact .td2 ul li:first-child{
			margin-top:0px;
			margin-left:9px;
		}
		#formContact .td2 ul li{
			margin-left:9px;
		}
	#formContact .submitContato{
		text-align:center;
	}

	#bgTopo .bottom .nav > ul > li.active ul{
	    left: 0;
	    top: 0;
	    margin-top: 35px;
	    margin-left: -10px;
	}

	#bgTopo .top .right p{width: auto;}
	#bgTopo .top .right form{
		margin-left: 0;
		margin-top: 0; 
		width: 70.5%;
		display: flex;
		justify-content: flex-end;
	}
		#bgTopo .top .right form input{width: auto;}
		#bgTopo .top .right form a{
			width: auto;
			max-width: 180px;
			margin-top: 0;
			margin-left: 10px;
		}

	.box-associate .inner:nth-child(2n+1){margin-left: 2%;}
	.box-associate .inner:nth-child(3n+1){margin-left: 2%;}
	.box-associate .inner:nth-child(4n+1){
		margin-left: 0;
		clear:left;
	}
	.box-associate .inner{
		width: 23.5%;
	}

	#bgRodape .top .navFooter ul li{width: 31.33%; 	margin-left: 3%;}

	.navTabs ul.tabs li:nth-child(2n+1){margin-left: 2%;}
	.navTabs ul.tabs li:first-child{margin-left: 0;}
	.navTabs ul.tabs li{width: auto;}
}

@media (min-width: 840px){
	h3{font-size: 16px; display: inline-block; }

	.banner .background .description{
		width: 55%;
	}

	.text{width: 80%;}
}
@media (min-width: 960px){
	.banner .image{
		background: url("../img/temp/banner3.jpg");
		background-size:100%;
	}

	.notice.interna{width: 100%;}
	.notice{width: 48%;}
		.notice.interna .box-notice .inner:nth-child(2n+1){margin-left: 0;}
		.notice.interna .box-notice .inner{
			width: 49%;
			margin-left: 2%;
			margin-top: 2%;
			max-width: 100%;
		}
			.notice.interna .box-notice .inner .img{width: 210px;}
			.notice.interna .box-notice .inner .description{width: calc(100% - 210px);}
		.notice .box-notice .inner{width: 100%;margin-left: 0;margin-top: 15px;}
	.middle .events{width: 48%; margin-left: 4%;margin-top: 0;}

	/* .box-associate .inner:nth-child(3n+1){margin-left: 2%;} */
	/* .box-associate .inner:nth-child(4n+1){margin-left: 2%;} */
	/* .box-associate .inner:nth-child(5n+1){margin-left: 0;clear: both;} */
	/* .box-associate .inner{ */
		/* width: 18.4%; */
	/* } */

	#bgRodape .top .logo{width: 40%;}
	#bgRodape .top .navFooter{width: 58%;margin-left: 2%;}

	.referencia .left{width: 49%;}
	.referencia .right{width: 49%;}

	.box-tabs{width: 60%;}
}
@media (min-width: 1040px){
	#bgTopo .bottom .logo{
		width: 20%;
		margin:9px 0;
	}
	#bgTopo .bottom .buttonNav{display: none;}
	#bgTopo .bottom .nav{width: 80%;}
		#bgTopo .bottom .nav .box-nav{
			position: static;
			background-color: transparent;
			height: auto;
		}
			#bgTopo .bottom .nav .box-nav > a{display: none;}
			#bgTopo .bottom .nav .box-nav > ul{flex-direction:row;}
				#bgTopo .bottom .nav .box-nav > ul > li{margin-left: 12px;}
					#bgTopo .bottom .nav .box-nav > ul > li > img.seta{display: inline;}
					#bgTopo .bottom .nav .box-nav > ul > li > img.setaMobile{display: none;}
					#bgTopo .bottom .nav .box-nav > ul > li.active ul{
					    left: 0;
					    top: 0px;
					    margin-top: 32px;
					    margin-left: 0;
					}
						#bgTopo .bottom .nav .box-nav > ul > li.active ul{padding: 0;}
							#bgTopo .bottom .nav .box-nav > ul > li > ul > li{
								border-bottom:1px solid #f5f4f4;
							}

	.banner .background .description{width: 50%;margin-right: 6%;}

	.notice .box-notice .inner{max-width: none;}
		.notice .box-notice .inner .img{width: 210px;}
		.notice .box-notice .inner .description{width: calc(100% - 210px);}

	/* .box-associate .inner:nth-child(3n+1){margin-left: 2%;} */
	/* .box-associate .inner:nth-child(4n+1){margin-left: 2%;} */
	/* .box-associate .inner:nth-child(5n+1){margin-left: 2%;clear: none;} */
	/* .box-associate .inner:nth-child(6n+1){margin-left: 0;} */
	/* .box-associate .inner{ */
		/* width: 15%; */
	/* } */

	#bgRodape .finalfooter .copyright{width: auto;}
	#bgRodape .finalfooter .desenvolvido{width: auto;}
}
@media (min-width: 1280px){
	#bgTopo .top .box-top{flex-direction:row;}
		#bgTopo .top .left{width: 40%;}
		#bgTopo .top .right{width: 60%;margin-top: 0;}

	#bgRodape .top .logo{width: 25%;}
	#bgRodape .top .navFooter{width: 70%;margin-left: 5%;}
}
@media (min-width: 1366px){}
@media (min-width: 1600em){}
