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

*{ margin:0; padding:0; border:none; }
.menu li:hover, .links_banner a:hover, #conteudos .prog:hover { -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }


#palco_menu { width:100%; height:65px; background:#333; }
.menu { max-width:1000px; width:100%; margin:0 auto;  }
.menu li { list-style:none; display:inline-block; width:16.3%; }
.menu li p { font:18px/65px 'Century Gothic'; color:#CCC; text-align:center; border-right:1px solid rgba(255,255,255,0.1); }
.menu li:last-child p { border-right:none; }
.menu li:hover { background:#FFF; }
.menu a { text-decoration:none; }
nav select { display:none; border-radius:3px; padding:15px; width:calc(100% - 20px); margin:10px; }

#palco_logo { width:100%; height:170px; }
.logo { max-width:1000px; width:100%; margin:0 auto; padding:10px 0; }
.logo img { max-width:400px; float:left; }
.logo .telefone{font:18px/65px 'Century Gothic'; color:#333; float:right; margin-top:35px;}
.logo .telefone span{color:#cd9a33; font:bold 22px 'Arial';}


#banner { width:100%; height:250px; overflow:hidden; position:relative; }
.img { width:100%; height:250px; position:absolute; z-index:-1; }
.img div { width:100%; height:250px; }
#palco_links_banner { max-width:1000px; width:100%; margin:0 auto; }
.links_banner { width:30%; padding:5px 5px; float:right; background:rgba(255,255,255,0.8); }
.links_banner p { font:18px 'Century Gothic'; color:#333; text-align:left; border-bottom:1px dotted rgba(0,0,0,0.1); }
.links_banner span { font:12px 'Arial'; color:#333; text-align:left; }
.links_banner a { text-decoration:none; display:block; padding:10px; }
.links_banner a:hover { background:#fff; }

#conteudos { max-width:1000px; width:100%; height:auto; overflow:hidden; margin:0 auto; border-bottom:1px dotted rgba(0,0,0,1); }
.esquerda { width:69%; padding:20px 0; float:left; }
.esquerda p { font:20px/40px 'Century Gothic'; color:#cd9a33; }
.esquerda span { font:12px 'Arial'; color:#333; }
.esquerda span a { text-decoration:none; color:#333; }
.direita { width:31%; padding:20px 0; float:left; }
.direita p { font:20px/40px 'Century Gothic'; color:#000;}
.direita span { font:12px 'Arial'; color:#333; }
.direita button { padding:10px; width:98%; margin: 5px 0; float:left; text-align:center; margin-right:5px; background:#999; color:#fff; cursor:pointer; display:inline-block; }
.direita button:hover { background:#666; }

#conteudos .prog{width:calc(50% - 40px); margin: 0 10px; float:left; background:#ccc; border-radius:3px; padding:10px; margin:20px 10px; cursor:pointer;}
#conteudos .prog:hover{background:#c1c0c0;}
#conteudos .prog h1{font:20px/40px 'Century Gothic'; color:#FFF;}
#conteudos .prog p{font:12px 'Arial'; color:#333;}
#conteudos .prog .icon:before{font:50px/80px 'FontAwesome'; color:#cd9a33; margin-right:10px; float:left;}
.icone1:before{content:"\f1d7";}
.icone2:before{content:"\f1ea";}


#midiasystem { width:100%; overflow:hidden; }
#midiasystem input { padding:10px; background:rgba(0,0,0,0.1); min-width:150px; width:90%; margin-bottom:5px; }
#midiasystem button { padding:10px; width:25%; float:left; text-align:center; margin-right:5px; background:#999; color:#fff; cursor:pointer; display:inline-block; }
#midiasystem button:hover { background:#666; }
#midiasystem a { padding:8px; width:41%; float:left; text-align:center; font:15px 'Century Gothic'; background:#333; color:#fff; text-decoration:none; display:inline-block; }
#midiasystem a:hover { background:#000; }

#utilitarios { max-width:1000px; width:100%; height:auto; overflow:hidden; margin:0 auto; }
.blocos { width:33%; float:left; padding:20px 0; display:block; }
.bloco2 { width:30%; float:right; padding:20px 0; display:block; }
.bloco2 p { font:20px/40px 'Century Gothic'; color:#cd9a33; text-align:left; }
.links { width:100%; float:left; padding:5px 0; }
.links p { font:20px/40px 'Century Gothic'; color:#cd9a33; text-align:left; }
.links span { font:12px 'Arial'; color:#333; text-align:left; }
.links img { float:left; margin-right:10px; }
.links a { text-decoration:none; }

#palco_rodape { width:100%; height:auto; overflow:hidden; background:url(imgs/fundo-rodape.jpg); }
.rodape { max-width:1000px; width:100%; margin:0 auto; }
.form_contato { width:45%; float:left; }
.form_contato p { font:20px/40px 'Century Gothic'; color:#ccc; text-align:left; }
.noticias { width:54%; float:left; border-left:1px dotted rgba(255,255,255,0.1); }
.noticias p { font:20px/40px 'Century Gothic'; color:#ccc; margin-left:20px; text-align:left; }
.noticias iframe { margin-left:20px; float:left; }
.copyright { width:100%; margin:0 auto; padding:40px 0; font:12px 'Arial'; color:#fff; background:#1E1E1E; text-align:center;  }


@media screen and (max-width:768px) {
	.menu li { width:16%; }
	.links_banner { width:40%; }
	.blocos { width:50%; }
	.bloco2 { display:none; }
}

@media screen and (max-width:640px) {
	.esquerda { width:100%; }
	.direita { width:100%; }
	.logo img { max-width:350px; }

}

@media screen and (max-width: 480px) {
	.menu, .logo .telefone { display:none; }
	nav { overflow:hidden; }
	nav select { display:block; }
	.links_banner { width:60%; }
	.form_contato { width:100%; margin-left:10px; }
	.noticias { width:90%; border-left:none; }
	.logo img { max-width:400px; }
	#conteudos .prog{width:calc(100% - 40px);}
}

@media screen and (max-width: 320px) {
	.blocos { width:100%; }
	.links_banner { width:80%; }
	.form_contato { width:95%; }
}