@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;}

::-webkit-input-placeholder {color:rgb(255, 255, 255);} /* WebKit browsers */
:-moz-placeholder { color:rgb(255, 255, 255);}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:rgb(255, 255, 255);}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:rgb(255, 255, 255);}/* Internet Explorer 10+ */

#topo01{width:100%; position:relative; overflow:hidden;}
#topo02{width:100%; background:white; 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(197, 44, 23, 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{ display: inline-block; }
#logo img{ width: 230px; height: 125px; }

#menu{width:60%; margin:0 auto; padding:0; list-style:none; overflow:hidden; float:right; position:relative;}
#menu li{width:20%; float:left; padding:30px 0; position:relative; z-index:10; cursor:pointer;}
#menu li:hover .over{bottom:0; }
#menu li:hover p { color: white; }
#menu p{font:25px/65px 'denseregular'; color:black; text-align:center; margin:0; position:relative; z-index:10; text-transform:uppercase;}
.over{width:100%; height:100%; background:rgb(226, 87, 68); bottom:-125px; position:absolute; z-index:0;}
.over, #menu 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(226, 87, 68, 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:rgb(226, 87, 68); 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:rgb(226, 87, 68); 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:rgb(226, 87, 68); 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(51, 51, 51); float:left; background:rgba(197, 44, 23, 1);}
#cont02 form button{ background:rgba(197, 44, 23, 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:rgb(226, 87, 68); -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:rgb(226, 87, 68); 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:#C52C17;}
#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:rgb(226, 87, 68); 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; cursor:pointer; }
#blocos .icones{width:100px; font:60px/100px 'FontAwesome'; color:rgb(226, 87, 68); 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:rgb(226, 87, 68); 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:rgb(226, 87, 68); 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:rgb(226, 87, 68); 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:rgb(226, 87, 68); 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:rgb(226, 87, 68); 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(197, 44, 23, 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:rgba(197, 44, 25, 1); 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:100%; overflow:hidden; background:rgba(197, 44, 23, 1); margin-right:1%; cursor:pointer;}
#cont03 .Noticias .prog:hover{background:rgba(181, 40, 21, 1);}
#cont03 .Noticias .prog:last-child{width:100%; margin-right:0;}
#cont03 .Noticias .prog span{font:30px/100px 'FontAwesome'; color:rgb(255, 255, 255); background:rgba(163, 24, 5, 1); float:left; padding:0 10px; margin-right:10px;}
#cont03 .Noticias .prog h3{font:35px/100px 'denseregular'; color:rgb(255, 255, 255); margin:0;}
#noticias-frame {border:none; width:80%; overflow:hidden; background:rgba(197, 44, 23, 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:#C52C17;}


::-webkit-input-placeholder {
   color: black;
}

:-moz-placeholder {
   color: black;
}

::-moz-placeholder {
   color: black;  
}

:-ms-input-placeholder {  
   color: black;  
}


@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%}
}