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

body{width:100%; margin:0; padding:0; background:rgba(238, 238, 238, 1)}
input, textarea{outline:none;}
.nicescroll-rails{z-index:9999 !important;}

#topo01{width:100%; position:relative; overflow:hidden;}
#topo02{width:100%; background:#fff; position:absolute; z-index:9999; margin-bottom:20px;}
.topo {position:fixed; bottom:0; right:10px; z-index:999; width:50px; height:50px; cursor:pointer; display:none; font:20px/50px 'FontAwesome'; color:rgb(255, 255, 255); background:rgba(0, 22, 132, 1); text-align:center;}
#banner{width:100%; overflow:hidden; position:relative;}
#cont{width:98%; max-width:1200px; overflow:hidden; margin:0 auto; padding:0 1%; position:relative;}
#logo{width:30%; max-width:250px; float:left; cursor:pointer;}
#logo img{width:100%; height:auto;}

#menu{width:60%; margin:0 auto; padding:0; list-style:none; overflow:hidden; float:right; position:relative;}
#menu li{width:25%; float:left; padding:30px 0; position:relative; z-index:10; cursor:pointer;}
#menu p{font:25px/65px 'denseregular'; color:#000; text-align:center; margin:0; position:relative; z-index:10; text-transform:uppercase;}
#menu li:hover p {color:#fff;}
#menu li:hover .over{bottom:0;}
.over{width:100%; height:100%; background:#2d48ce; bottom:-125px; position:absolute; z-index:0;}
.over, #menu li:hover p{-webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms;}

#banner01{width:100%; position:absolute; top:45%; z-index:999; overflow:hidden;}
#banner01 p{font:40px 'denseregular'; color:rgb(255, 255, 255); margin:0;  background:rgba(45, 49, 70, 0.8); padding:20px; width:30%; margin-left:50px;}
#banner01 p span{font-size:25px;}
#next{width:50px; height:50px; position:absolute; bottom:0; background:#2d48ce; font:30px/50px 'FontAwesome'; text-align:center; color:rgb(255, 255, 255); 
cursor:pointer; z-index:999; left:50%;}
#prev{width:50px; height:50px; position:absolute; bottom:0; background:#2d48ce; font:30px/50px 'FontAwesome'; text-align:center; color:rgb(255, 255, 255); 
cursor:pointer; z-index:999; right:50%;}

#troca{width:100%; position:relative; overflow:hidden; padding:20px 0;}
#Faixa{width:98%; background:#2d48ce; padding:40px 1%;}
#cont02{width:100%; max-width:1200px; overflow:hidden; margin:0 auto;}
#cont02 p{font:40px 'denseregular'; color:rgb(255, 255, 255); margin:0;}
#cont02 form{width:60%; float:left;}
#cont02 form input{width:60%; border:0; padding:20px 10px; font:17px/30px Verdana; color:rgb(255, 255, 255); float:left; background:rgba(0, 22, 132, 1);}
#cont02 form button{ background:rgba(0, 22, 132, 1); border:0; font:22px/30px 'FontAwesome'; color:rgb(255, 255, 255); padding:20px 40px; cursor:pointer;}

#redes{width:40%; max-width:270px; overflow:hidden; margin-top:30px; float:right;}
#redes .redes{width:33%; max-width:70px; color:rgb(255, 255, 255); padding:20px 0; background:rgba(51, 51, 51, 1); float:left; margin:10px; text-align:center; cursor:pointer;}
#redes .redes{-webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms;}
#redes .redes p{font:20px/30px 'FontAwesome'; margin:0;}
#redes .redes:hover p{color:#2d48ce; -webkit-transition:all ease-out 100ms;}
#redes .redes:hover{-webkit-transform:scale(1.3,1.3); -moz-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); -o-transform:scale(1.3,1.3);}

#textos{width:98%; max-width:1200px; margin:0 auto; overflow:hidden; padding:20px 1%;}
#textos h2{font:50px 'denseregular'; color:rgb(51, 51, 51); text-transform:uppercase;}
#textos h2 span{font:50px 'FontAwesome'; color:rgb(255, 255, 255); margin-right:5px; padding:20px; background:#2d48ce; border-radius:50%;}
#textos .txt{font:12px Verdana; color:rgb(51, 51, 51); text-align:justify;}
#textos .txt a{text-decoration:none; color:rgb(51, 51, 51);}
#textos .txt a:hover{color:#7396FF;}
#textos form{width:100%; float:right;}
#textos form input{width:49%; float:left; font:15px Verdana; color:rgb(51, 51, 51); padding:30px 10px; margin:0 1% 3px 0; border:0; background:rgba(228, 228, 228, 1);}
#textos form input:focus, #textos form textarea:focus{background:rgb(255, 255, 255);}
#textos form input:nth-child(2){width:50%; margin-right:0;}
#textos form input:nth-child(3){width:100%; float:none;}
#textos form textarea{width:100%; font:15px Verdana; color:rgb(51, 51, 51); padding:30px 10px; resize:none; border:0; background:rgba(228, 228, 228, 1);}
#textos form button{background:#2d48ce; font:14px Verdana; color:rgb(255, 255, 255); padding:20px; border:0; cursor:pointer; margin-top:5px;}

#blocos{width:calc(33% - 10px); margin:10px 5px; overflow:hidden; background:rgba(255, 255, 255, 1); padding:20px 0; float:left; text-align:center;}
#blocos .icones{width:100px; font:60px/100px 'FontAwesome'; color:#2d48ce; margin:20px auto; border-radius:50%;}
#blocos .icones{-webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms;}
#blocos:hover .icones{background:#2d48ce; color:rgb(255, 255, 255); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1);
 -o-transform:scale(1.1,1.1);}
#blocos h1{font:35px 'denseregular'; color:#2d48ce; margin:0;}
#blocos p{font:14px Verdana; color:rgb(51, 51, 51); margin:30px 0;}
#blocos .bt{width:20%; margin:20px auto; font:20px 'denseregular'; color:rgb(255, 255, 255); background:rgba(51,51,51,1); padding:10px; cursor:pointer;}

#textos02{width:98%; max-width:1200px; overflow:hidden; margin:20px auto 40px auto; padding:0 1%}
#textos02 .cont{width:48%; float:left; overflow:hidden; padding-right:2%; margin:40px 0;}
#textos02 .cont:last-child{padding-right:0; width:50%;}
#textos02 .cont  h1{font:50px 'denseregular'; color:#2d48ce; text-transform:uppercase;}
#textos02 .cont h2{font:30px 'denseregular'; color:rgb(51, 51, 51); text-transform:uppercase;}
#textos02 .cont h2 span{font:40px 'FontAwesome'; color:rgb(255, 255, 255); margin-right:5px; padding:10px; background:#2d48ce; border-radius:50%;}
#textos02 .cont .txt{font:12px/18px Verdana; color:rgb(51, 51, 51); text-align:justify;}
#textos02 .cont img{float:left; margin-right:10px;}
#textos02 .cont div{width:33%; float:left;}

.sites{width:25%; max-width:300px; float:left;}
.links{font:12px Verdana; color:rgb(51, 51, 51); margin:0 5px 25px 5px;}
.links a{text-decoration:none; color:rgb(51, 51, 51); padding:10px; cursor:pointer; border-radius:3px;}
.links a:hover{background:#2d48ce; color:rgb(255, 255, 255);}
.links a:before{content:"\f105"; font:12px 'FontAwesome'; margin-right:10px;}

#cont03{width:98%; max-width:1200px; margin:0 auto; overflow:hidden; padding:0 1%}
#cont03 .Noticias{width:50%; float:left; overflow:hidden;}
#cont03 .Noticias h2{font:48px 'denseregular'; color:rgb(255, 255, 255); text-transform:uppercase;}
#cont03 .Noticias form{width:100%;}
#cont03 .Noticias form input{width:49%; float:left; background:rgba(0, 22, 132, 1); font:14px Verdana; color:rgb(255, 255, 255); padding:25 10px; border:0; margin:0 1% 1% 0;}
#cont03 .Noticias form input:nth-child(3){width:99%;}
#cont03 .Noticias form button{background:#2d3146; font:14px Verdana; color:rgb(255, 255, 255); padding:20px; border:0; cursor:pointer; float:left; margin-right:5px;}
#cont03 .Noticias  p{font:17px/60px Verdana; color:rgb(255, 255, 255); cursor:pointer;}
#cont03 .Noticias  p:before{content:"\f023"; font:22px 'FontAwesome'; margin:0 10px 0 10px;}
#cont03 .Noticias .prog{width:49%; float:left; overflow:hidden; background:rgba(0, 22, 132, 1); margin-right:1%; cursor:pointer;}
#cont03 .Noticias .prog:hover{background:#2d3146;}
#cont03 .Noticias .prog:last-child{width:50%; margin-right:0;}
#cont03 .Noticias .prog span{font:30px 'FontAwesome'; color:rgb(255, 255, 255); background:#2d3146; float:left; padding:20px 10px; margin-right:10px;}
#cont03 .Noticias .prog h3{font:35px/70px 'denseregular'; color:rgb(255, 255, 255); margin:0;}
#noticias-frame {border:none; width:80%; overflow:hidden; background:rgba(0, 22, 132, 1); padding:20px;}

#rodape{background:rgba(51, 51, 51, 1); padding:20px 0 70px 0; text-align:center;}
#rodape h2{font:70px 'denseregular'; color:rgb(255, 255, 255); text-transform:uppercase;}
#rodape p{font:14px Verdana; color:rgb(255, 255, 255); margin:0;}
#rodape p a{color:rgb(255, 255, 255); text-decoration:none; cursor:pointer;}
#rodape p a:hover{color:#7396FF;}


@media screen and (max-width:1024px){
	#banner01{top:150px;}
}

@media screen and (max-width:768px){
	#textos02 .cont, #textos02 .cont:last-child, #cont03 .Noticias{width:100%;}
	#cont03 .Noticias .prog, #cont03 .Noticias .prog:last-child{width:99%;}
	marquee{height:440px;}
	#banner01{display:none;}
}

@media screen and (max-width:640px){
	#next, #prev,.cont, #faixa form[name="pesquisa"]{display:none;}
	#redes{margin:0 auto; float:none; width:100%; max-width:240px;}
	#redes .redes{width:33%; max-width:60px !important;}
	#cont03 .Noticias{width:100%; text-align:center;}
	#noticias-frame{width:100%;}
	#blocos{width:calc(50% - 10px);}
	#cont02 form{display:none;}
	.sites{width:50%}
}

@media screen and (max-width:480px){
	#logo{float:none; width:100%; max-width:200px; margin:0 auto;}
	#menu, #blocos{width:100%;}
	#textos h2, #textos h2 span{font-size:30px;}
	#banner img{min-height:246px;}
	#textos02 .cont h1{font-size:30px;}
	#textos02 .cont h2{font-size:28px;}
}
@media screen and (max-width:3200px){
	.sites{width:100%}
}