html, body{
    padding:0;
    margin:0px;
	font-family: 'PT Sans Narrow', sans-serif;
	border-top:5px solid #C22;
	/*background-image:url(../img/topo.png);
	background-repeat:no-repeat;
	background-position:0 -30px;
	background-size:100%;*/
}
body{
	padding:10px 0 0 0;
	border-top:5px solid #C22;
}
a, img{
    text-decoration:none;
	outline:none;
	color:inherit;
}
.clear{
    clear:both;
}
.container{
    width:1100px;
	max-width:90%;
    height:auto;
    margin:auto;
}

/*TOPO*/
header{
	width:25%;
	height:600px;
	float:left;
}
/*MARCA*/
.marca{
	width:90%;
	height:auto;
}
	.marca img{
		width:100%;
		height:auto;
	}
/*MENU*/
.menu{
	width:90%;
	height:auto;
	margin:20px 0;
}
	.menu ul{
		list-style:none;
		padding:0px;
	}
	.menu li{
		padding:7px 10px;
		font-size:16px;
		border-bottom:1px solid #EEE;
		text-transform:uppercase;
		color:#555;
	}
	.menu .menu-ativo{
		border-left:2px solid #C22;
		font-weight:bold;
		color:#333
	}
	.menu li:hover{
		background:#EEE;
		font-weight:bold;
		transition:ease-in-out 0.3s;
	}
.menu-hidde{
	display:none;	
}
/*ACESSIBILIDADE*/
.acessibilidade{
	width:100%;
	height:100px;
	margin:0px;
}
	.acessibilidade img{
		width:auto;
		height:40px;
		float:right;
	}
/*BANNER*/
.central{
	width:50%;
	height:645px;
	float:left;
	overflow:hidden;
}
.banner{
	width:78%;
	height:98%;
	padding:1%;
	position:relative;
	z-index:2;
	float:left;
	overflow:hidden;
	background:#000;
}
.banner-ef{
	width:20%;
	height:100%;
	float:left;
	background-image:url(../img/banner/banner-bg.png);
	background-size:100% 100%;
}
.banner-bg{
	width:100%;
	height:100%;
	overflow:hidden;
}
#jssor_1{
	position:relative;
	margin:0 auto;
	top:0px;
	left:0px;
	width:100%;
	height:650px;
	overflow:hidden;
	visibility:hidden;
}
.jssorl-009-spin{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;	
}
	.jssorl-009-spin img{
		margin-top:-19px; 
		position:relative;
		top:50%;
		width:58px;
		height:58px;		
	}
.jssor_1-imagem{
	cursor:default;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:650px;
}	
.jssorb053{
	position:absolute;
	bottom:12px;
	right:12px;
	}
/*LATERAL*/
.lateral{
	width:23%;
	height:600px;
	float:right;
}
/*INSCREVASE*/
.inscreva{
	width:145%;
	height:490px;
	margin:80px -45%;
	background:#FC0;
	position:relative;
	z-index:3;	
}
	.inscreva h2{
		width:100%;
		height:auto;
		padding:5px 0;
		margin:0px;
		text-align:center;
		font-size:18px;
		font-weight:normal;
		text-transform:uppercase;
		background:#C22;
		color:#FFF;	
	}
	.inscreva h2 span{		
		color:#FC0;	
	}
	.inscreva p{
		width:100%;
		height:auto;
		padding:5px 0;
		margin:10px 0;
		text-align:center;
		font-size:20px;
		text-transform:uppercase;
	}
	.inscreva span{
		color:#C22;	
		font-size:15px;
	}
.inscreva-bg{
	width:80%;
	height:auto;
	margin:15px 10%;
	background:#FFF;
}
	.inscreva-bg p{
		width:96%;
		float:left;
		padding:2%;
		color:#c22;
	}
/*FOOTER*/
footer{
	width:100%;
	height:auto;
	margin:50px 0 0 0;
	background:#F9F9F9;
	border-top:1px solid #CCC;
}
.footer-bg1{
	width:18%;
	height:100px;
	margin:0 1% 70px;
	float:left;
}
	.footer-bg1 p{
		color:#333;
		font-weight:bold;
		text-align:center;
	}
	.footer-bg1 img{
		height:100%;
		margin:0px;
	}
.footer-contato{
	width:100%;
	height:auto;
	background:#555;
	padding:5px 0;
	margin:0px 0 0 0;
	text-align:center;
}
	.footer-contato p{
		margin:0px;
		color:#FFF;
	}
/*INTERNAS*/
.internas{
	width:69%;
	min-height:650px;
	height:auto;
	padding:0 0 0 1%;
	border-left:1px solid #CCC;
	float:right;
}
	.internas h1{
		margin:0;
		height:50px;
		color:#C22;
		font-size:36px;
	}	
	.internas h2{
		margin: 10px 0;
		font-size:24px;
		color:#C22;
	}
	.internas h3{
		margin: 10px 0 -10px 0;
		font-size:24px;
	}
	.internas h6{
		text-align:right;
		margin:-30px 0 50px 0;
		font-size:14px;
	}
	.internas h3 span{
		color:#999;
		font-weight:normal;
		font-size:20px
	}
	.internas p{
		margin: 10px 0;
	}
	.internas img{
		width:30%;
		float:left;
		margin:0 10px 0 0;
	}
/*FORMULARIO*/
.formulario-bg{
	width:50%;
	height:auto;
	float:left;
	min-height:60px;
}
.formulario-bg2{
	width:48%;
	height:auto;
	float:right;
}
.formulario-bg2 h6{
		text-align:left;
		margin:0;
		font-size:14px;
	}
.formulario{
	width:100%;
	height:auto;
	min-height:60px;
}
	.formulario p{
		font-weight:bold;
		margin:10px 0 0 0;
	}
	.formulario-input{
		width:100%;
		height:40px;
	}
	.formulario-textarea{
		width:100%;
		height:120px;
		margin:0 0 10px 0
	}
	.formulario-submit{
		width:30%;
		height:40px;
		margin:20px 0 0 70%;
		background:#999;
		color:#FFF;
		border:none;
		text-transform:uppercase;
		font-weight:bold;
	}
	.formulario-submit:hover{
		transition:ease-in-out 0.3s;
		background:#555;
	}
	.formulario-bg table{
		width:100%;
		height:350px;
		text-align:center;
	}
	.formulario-bg table p{
		margin:0px;
	}
	.formulario-bg table b{
		color:#C22;
	}
/*CATEGORIAS*/
.categoria{
	width:100%;
	height:150px;
	margin:10px 0 0 0;
	padding:0 0 10px;
	border-bottom:1px solid #CCC;
}
.categoria-imagem{
	width:19%;
	height:150px;
	float:left;
	overflow:hidden;
	border:1px solid #000;
}
	.categoria-imagem img{
		width:90%;
		min-height:130px;
		margin:10px 5%;
		opacity:0.5;
	}
.categoria-descricao{
	width:79%;
	height:150px;
	margin:0 0 0 1%;
	float:left;
	overflow:hidden;
}
	.categoria-descricao h2{
		margin:0px;
		color:#000;
	}
	.categoria-descricao p{
		margin:0px;
	}
/*MULTIMIDIA*/
.multimidia-bg{
	width:23%;
	min-height:200px;
	height:auto;
	float:left;
	margin:10px 2% 10px 0;
	border-bottom:1px solid #CCC;
}
.multimidia-imagem{
	width:100%;
	height:150px;
	margin:0 0 5px 0;
	background:#000;
	overflow:hidden;
}
	.multimidia-imagem img{
		min-width:100%;
		height:100%;
		margin:0 auto;
		background:#000;
		overflow:hidden;
	}
.multimidia-descricao{
	width:100%;
	min-height:50px;
	height:auto;
	text-align:center;
}
	.multimidia-descricao h6{
		margin:0px;
	}
	.multimidia-descricao p{
		margin:0px;
	}
.clipping{
	width:100%;
	height:auto;
}
	.clipping p{
		font-weight:bold;
		width:100%;
		height:auto;
		margin:0px;
	}
	.clipping h6{
		margin:0px;
		text-align:left;
		color:#999;
	}

	

@media screen and (max-width:768px){
/*TOPO*/
header{
	width:100%;
	height:auto;
	float:none;
}
/*MARCA*/
.marca{
	width:100%;
	height:auto;
}
	.marca img{
		width:40%;
		height:auto;
		margin:-50px 0 20px;
	}
/*MENU */
.menu{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	margin:0px;
	z-index:999;
	overflow:auto;
}
	.menu ul{
		list-style:none;
		padding:0px;
		margin:0px;
	}
	.menu li{
		padding:15px 10px;
		font-size:16px;
		border-bottom:1px solid #EEE;
		text-transform:uppercase;
		background:#EEE;
	}
	.menu .menu-ativo{
		border-left:none;
		font-weight:bold;
		color:#C22
	}
	.menu li:hover{
		background:#EEE;
		color:#333;
		font-weight:bold;
		transition:ease-in-out 0.3s;
	}
	.menu::-webkit-scrollbar{ 
		width:1%; 
		background:#C22; 
	}
	.menu::-webkit-scrollbar-track{ 
		background:#C22;  
	}
	.menu::-webkit-scrollbar-thumb{ 
		background:#C22;  
	}
	.menu::-webkit-scrollbar-resizer{ 
		background:#C22;  
	}	
.menu-hidde{
	display:block;
	position:absolute;
	top:70px;
	right:2%;
	z-index:5;
	font-size:24px;
	color:#C22;
}
/*BANNER*/
.central{
	width:100%;
	height:645px;
	float:none;
	overflow:hidden;
}
.banner{
	width:98%;
	height:98%;
	padding:1%;
	position:relative;
	z-index:2;
	float:none;
	background:#000;
}
.banner-ef{
	display:none;
}
.banner-bg{
	width:100%;
	height:100%;
	overflow:hidden;
}
#jssor_1{
	position:relative;
	margin:0 auto;
	top:0px;
	left:0px;
	width:100%;
	height:645px;
	overflow:hidden;
	visibility:hidden;
}
.jssorl-009-spin{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;	
}
	.jssorl-009-spin img{
		margin-top:-19px; 
		position:relative;
		top:50%;
		width:58px;
		height:58px;		
	}
.jssor_1-imagem{
	cursor:default;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:645px;
}	
.jssorb053{
	position:absolute;
	bottom:12px;
	right:12px;
}
/*LATERAL*/
.lateral{
	width:100%;
	height:auto;
	float:none;
	margin:50px 0;
}
/*ACESSIBILIDADE*/
.acessibilidade{
	position:absolute;
	top:20px;
	right:2%;
}
	.acessibilidade img{
		width:auto;
		height:30px;
		float:right;
	}
/*INSCREVASE*/
.inscreva{
	width:100%;
	height:auto;
	margin:0px;
	background:#DDD;
}
	.inscreva h2{
		width:100%;
		height:auto;
		padding:5px 0;
		margin:0px;
		text-align:center;
		font-size:20px;
		text-transform:uppercase;
		background:#999;
		color:#FFF;	
	}
	.inscreva p{
		width:100%;
		height:auto;
		padding:5px 0;
		margin:10px 0;
		text-align:center;
		font-size:20px;
		text-transform:uppercase;
	}
	.inscreva span{
		color:#C22;	
	}
.inscreva-bg{
	width:90%;
	height:auto;
	margin:5px 5%;
	background:#EEE;
}
	.inscreva-bg p{
		width:76%;
		float:left;
		padding:2%;
		color:#c22;
	}
	.inscreva-bg h3{
		width:auto;
		float:left;
		padding:2%;
		font-size:60px;
		text-align:center;
		margin:0;
		font-weight:bold;
	}
/*FOOTER*/
footer{
	width:100%;
	height:auto;
	margin:50px 0 0 0;
	background:#F9F9F9;
	border-top:1px solid #999;
}
.footer-bg1{
	width:100%;
	min-width:100%;
	height:auto;
	margin:0 0 20px;
	float:none;
}
	.footer-bg1 p{
		color:#333;
		text-align:center;
	}
	.footer-bg1 img{
		width:30%;
		height:auto;
		margin:0px 35%;
	}
.footer-contato{
	width:90%;
	height:auto;
	background:#555;
	padding:10px 5%;
	margin:0px 0 0 0;
	text-align:center;
}
	.footer-contato p{
		margin:0px;
		color:#FFF;
	}
/*INTERNAS*/
.internas{
	width:100%;
	min-height:auto;
	height:auto;
	padding:0;
	border-left:none;
	float:none;
}
	.internas h1{
		margin:0;
		height:auto;
		margin:0 0 50px 0;
		color:#C22;
		font-size:36px;
	}
	.internas p{
		margin: 10px 0;
	}
	.internas h2{
		margin: 10px 0;
		font-size:20px;
	}
/*FORMULARIO*/
.formulario-bg{
	width:100%;
	height:auto;
	float:none;
	min-height:60px;
}
.formulario{
	width:100%;
	height:auto;
	min-height:60px;
}
	.formulario p{
		font-weight:bold;
		margin:10px 0 0 0;
	}
	.formulario-input{
		width:100%;
		height:40px;
	}
	.formulario-textarea{
		width:100%;
		height:120px;
		margin:0 0 10px 0
	}
	.formulario-submit{
		width:30%;
		height:40px;
		margin:0 0 0 70%;
		background:#999;
		color:#FFF;
		border:none;
		text-transform:uppercase;
		font-weight:bold;
	}
	.formulario-submit:hover{
		transition:ease-in-out 0.3s;
		background:#555;
	}
	.formulario-bg table{
		width:100%;
		height:350px;
		text-align:center;
	}
	.formulario-bg table p{
		margin:0px;
	}
	.formulario-bg table b{
		color:#C22;
	}
/*CATEGORIAS*/
.categoria{
	width:100%;
	height:auto;
	margin:10px 0 0 0;
	padding:0 0 10px;
	border-bottom:1px solid #CCC;
}
.categoria-imagem{
	width:50%;
	height:150px;
	float:none;
	background:#000;
	margin:0 25%;
	overflow:hidden;
}
.categoria-descricao{
	width:100%;
	height:auto;
	margin:0;
	float:none;
}
	.categoria-descricao h2{
		margin:10px 0 0 0;
		text-align:center;
	}
	.categoria-descricao p{
		margin:0px;
		text-align:center;
	}
/*MULTIMIDIA*/
.multimidia-bg{
	width:48%;
	height:200px;
	float:left;
	margin:10px 1%;
	border-bottom:1px solid #CCC;
}
.multimidia-imagem{
	width:100%;
	height:150px;
	margin:0 0 5px 0;
	background:#000;
	overflow:hidden;
}
.multimidia-descricao{
	width:100%;
	height:50px;
	text-align:center;
}
	.multimidia-descricao h6{
		margin:0px;
	}
	.multimidia-descricao p{
		margin:0px;
	}
}