@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:#fff;} /* WebKit browsers */
:-moz-placeholder { color:#fff;}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#fff;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#fff;}/* Internet Explorer 10+ */

#topo01{width:100%; position:relative; overflow:hidden;}
#topo02{width:100%; background:rgba(255,255,255, 0.5); 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:#FFF;  
background:rgba(197, 44, 23, 1); text-align:center;}
#banner{width:100%; max-width:1600px; overflow:hidden; position:relative;}
#banner img{width:100%; height:auto;}
#cont{width:98%; max-width:1200px; overflow:hidden; margin:0 auto; padding:0 1%; position:relative;}
#logo{width:30%; float:left; font:60px 'denseregular'; color:#FFF; text-align:center; cursor:pointer;}

#menu{width:60%; margin:0 auto; padding:0; list-style:none; overflow:hidden; float:right; position:relative;}
#menu li{width:14%; float:left; padding:30px 0; position:relative; z-index:10; cursor:pointer;}
#menu li:hover .over{bottom:0;}
#menu li:hover p{color:#fff;}
#menu p{font:25px/65px 'denseregular'; color:#000; text-align:center; margin:0; position:relative; z-index:10; text-transform:uppercase;}
.over{width:100%; height:100%; background:rgba(219, 36, 30, 1); 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:200px; z-index:999; overflow:hidden;}
#banner01 p{font:40px 'denseregular'; color:#FFF; margin:0;  background:rgba(219, 36, 30, 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:rgba(219, 36, 30, 1); font:30px/50px 'FontAwesome'; text-align:center; color:#FFF; 
cursor:pointer; z-index:999; left:50%;}
#prev{width:50px; height:50px; position:absolute; bottom:0; background:rgba(219, 36, 30, 1); font:30px/50px 'FontAwesome'; text-align:center; color:#FFF; 
cursor:pointer; z-index:999; right:50%;}

#troca{width:100%; position:relative; overflow:hidden; padding:20px 0;}
#Faixa{width:98%; background:rgba(219, 36, 30, 1); padding:40px 1%;}
#cont02{width:100%; max-width:1200px; overflow:hidden; margin:0 auto;}
#cont02 p{font:40px 'denseregular'; color:#FFF; margin:0;}
#cont02 form{width:60%; float:left;}
#cont02 form input{width:60%; border:0; padding:20px 10px; font:17px/30px Verdana; color:#333; float:left; background:rgba(197, 44, 23, 1);}
#cont02 form button{ background:rgba(197, 44, 23, 1); border:0; font:22px/30px 'FontAwesome'; color:#FFF; 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:#FFF; 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:#e25744; -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:#333; text-transform:uppercase;}
#textos h2 span{font:50px 'FontAwesome'; color:#FFF; margin-right:5px; padding:20px; background:rgba(219, 36, 30, 1); border-radius:50%;}
#textos .txt{font:12px Verdana; color:#333;}
#textos .txt a{text-decoration:none; color:#333;}
#textos .txt a:hover{color:#C52C17;}
#textos form{width:100%; float:right;}
#textos form input{width:49%; float:left; font:15px Verdana; color:#333; 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:#fff;}
#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:#333; padding:30px 10px; resize:none; border:0; background:rgba(228, 228, 228, 1);}
#textos form button{background:rgba(219, 36, 30, 1); font:14px Verdana; color:#FFF; padding:20px; border:0; cursor:pointer; margin-top:5px;}

#blocos{width:32%; margin:10px 1% 10px 0; overflow:hidden; background:rgba(255, 255, 255, 1); padding:20px 0; float:left; text-align:center;}
#blocos:nth-child(3), #blocos:nth-child(7){width:34%; margin-right:0;}
#blocos .icones{width:100px; font:60px/100px 'FontAwesome'; color:#E25744; 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:rgba(219, 36, 30, 1); color:#FFF; -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:#E25744; margin:0;}
#blocos p{font:14px Verdana; color:#333; margin:30px 0;}
#blocos .bt{width:20%; margin:20px auto; font:20px 'denseregular'; color:#FFF; 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:#E25744; text-transform:uppercase;}
#textos02 .cont h2{font:30px 'denseregular'; color:#333; text-transform:uppercase;}
#textos02 .cont h2 span{font:40px 'FontAwesome'; color:#FFF; margin-right:5px; padding:10px; background:rgba(219, 36, 30, 1); border-radius:50%;}
#textos02 .cont .txt{font:12px/18px Verdana; color:#333; 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:#333; margin:0 5px 25px 5px;}
.links a{text-decoration:none; color:#333; padding:10px; cursor:pointer; border-radius:3px;}
.links a:hover{background:rgba(219, 36, 30, 1); color:#FFF;}
.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:#FFF; 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:#FFF; 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:#FFF; padding:20px; border:0; cursor:pointer; float:left; margin-right:5px;}
#cont03 .Noticias  p{font:17px/60px Verdana; color:#FFF; 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(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:50%; margin-right:0;}
#cont03 .Noticias .prog span{font:30px 'FontAwesome'; color:#FFF; background:rgba(163, 24, 5, 1); float:left; padding:20px 10px; margin-right:10px;}
#cont03 .Noticias .prog h3{font:35px/70px 'denseregular'; color:#FFF; 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:#FFF; text-transform:uppercase;}
#rodape p{font:14px Verdana; color:#FFF; margin:0;}
#rodape p a{color:#FFF; text-decoration:none; cursor:pointer;}
#rodape p a:hover{color:#C52C17;}


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

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

@media screen and (max-width:640px){
	#cont02 form, #textos02 .cont:last-child, #cont03 .Noticias:last-child, #menu li:nth-child(3){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%;}
	#menu li{width:33%;}
	#menu li:last-child{width:34%;}
	#blocos:nth-child(1), #blocos:nth-child(2), #blocos:nth-child(3),  #blocos:nth-child(4){display:none;}
	#troca  iframe{display:none;}
	#contato .txt2 {}
}

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

}