*{margin:0; padding:0; border:none;}
body {background:#FFF;}

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
#fdtopo{background:#FFF; width:100%; position:relative; z-index:0;}
#topo{width:100%; max-width:1000px; margin: 0 auto; overflow:hidden; z-index:1;}
.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(76, 187, 207, 1); text-align:center;}
#topo #logo{width:40%; max-width:317px; height:auto; overflow:hidden; float:left;}
#topo #logo img{width: 100%; max-width:317px; height:auto;}
#topo #topo_menu{width:55%; max-width:550px; overflow:hidden; float:right;}

#topo #topo_menu #mainMenu {width:100%; list-style: 0; float:right;	position:relative; overflow:hidden;	padding:0;}
#topo #topo_menu #mainMenu li {position:relative; width:calc(100% / 5); float:left; list-style:none; cursor:pointer; font:normal 17px/170px 'Kabel Bk Bt'; color:#333; text-align:center; text-decoration:none; -webkit-transition: all ease-out 300ms; -o-transition: all ease-out 300ms; -moz-transition: all ease-out 300ms; -ms-transition:all ease-out 300ms;}
#topo #topo_menu #mainMenu li p { position:relative; z-index:1; }
#topo #topo_menu #mainMenu li div {z-index:0;background:rgb(130, 180, 255); width:100%; height:0; position:absolute; -webkit-transition: all ease-out 300ms; -o-transition: all ease-out 300ms; -moz-transition: all ease-out 300ms; -ms-transition:all ease-out 300ms;}
#topo #topo_menu #mainMenu li:hover {color:#fff;}
#topo #topo_menu #mainMenu li:hover div { height:170px; }

#banner { width:100%; height:auto; overflow:hidden;}
.tarja{width:100%; background:rgba(0,0,0,0.7); height:110px; position:absolute; margin-top:180px; z-index:999;}
.tarja .txt {width:100%; max-width:1000px; margin:0 auto;}
.tarja .txt p{font: normal 22px 'Kabel Bk Bt'; color: #e1e1e1; line-height:32px; text-align:right; padding:20px 0;}
.tarja .txt p span{font: normal 26px 'Kabel Bk Bt';}

#conteudo{width:100%; max-width:100px; overflow:hidden;}
#conteudo #conteudo_b1 {width:50%; overflow:hidden; float:left;}
#conteudo #conteudo_b1_3 {width:100%; overflow:hidden; float:left; margin-top:15px;}
#conteudo #conteudo_b1 #risco {width:35%; height:4px;}
#conteudo #conteudo_b1 #risco1 {width:20%; height:4px; background:rgb(130, 180, 255); float:left;}
#conteudo #conteudo_b1 #risco2 {width:80%; height:4px; background:rgb(97, 151, 226); float:right;}
#conteudo #conteudo_b2 {width:50%; overflow:hidden; float:right;}
#conteudo #conteudo_b1 h1{font: normal 23px 'Kabel Bk Bt'; color:rgb(97, 151, 226); line-height:32px; text-align:left;}
#conteudo #conteudo_b1 h1 span{font: normal 27px 'Kabel Bk Bt';}
#conteudo .txt{font:normal 12px/24px Arial; color:#666; text-align:justify; padding: 20px 20px 0 0;}

#conteudo .txt2{font:normal 12px/24px Arial; color:#fff; text-align:justify;}

#conteudo .txtcenter{font:normal 12px/24px Arial; color:#fff; text-align:center;}

#conteudo #conteudo_b2 img { width:469px; height:180px; margin: 30px 10px 0 0; float:left;}
#conteudo #conteudo_b2 .prog{font: normal 21px 'Kabel Bk Bt'; color: #0c8185; line-height:32px; text-align:left; padding: 15px 0;}
#conteudo #conteudo_b2 .prog span{font: normal 24px 'Kabel Bk Bt';}

#linha {width:100%; border-top:#ccc 1px solid;}

.links{font:normal 12px/20px Arial; color:#333; cursor:pointer; margin-left:5px;}
.links:hover {color:#666; text-decoration:underline;}

.links2{font:normal 12px/20px Arial; color:#666; cursor:pointer;}
.links2:hover {color:#666; text-decoration:underline;}

#tarja{width:100%; overflow:hidden; background:#1f1f1f; padding: 45px 0 45px 0; margin: 30px 0 30px 0;}
#tarja #centro{width:100%; max-width:1000px; margin:0 auto; overflow:hidden;}
#tarja #centro .blocos {width:33%; float:left; text-align:center; overflow:hidden;}
#tarja #centro .blocos:nth-child(¨2) {width:34%;}
#tarja #centro .blocos .circle{width:75px; height:75px; border-radius:50%; background:#4CBBCF; float:left; margin-right:30px; margin-left:50px;  }
#tarja #centro .blocos .circle p{font: normal 45px/65px 'Kabel Bk Bt'; color: #fff; text-align:center;}
#tarja #centro .blocos p{font: normal 20px 'Kabel Bk Bt'; color: #ccc; text-align:left;}
#tarja #centro .blocos p span{font: normal 27px 'Kabel Bk Bt';}

.blocos .linkpg {font:bold 12px/25px Arial; color:#ccc; cursor:pointer; float:left;}
.blocos .linkpg:hover {text-decoration:underline;}

#utilitarios_icone {width:100%; max-width:1000px; overflow:hidden; margin:20px auto;}
#utilitarios_icone #utilitarios_ {width:24%; float:left; text-align:center; overflow:hidden; padding:0 0 10px 0; border-left:1px solid #e8e8e8; display:block;}
#utilitarios_icone #utilitarios_:nth-child(1) {border-left:none;}
#utilitarios_icone #utilitarios_ .icone {font:55px 'FontAwesome'; color:rgb(130, 180, 255); padding: 0 0 20px 0; margin-top:25px;}
#utilitarios_icone #utilitarios_ .titulo {font: normal 21px/21px 'Kabel Bk Bt'; color:#666; text-align:center;}
#utilitarios_icone #utilitarios_ .titulo span {font: normal 27px/30px 'Kabel Bk Bt';}
#utilitarios_icone #utilitarios_ .links{font:normal 12px/20px Arial; color:#666; cursor:pointer; text-align:center; padding:20px;}
#utilitarios_icone #utilitarios_ .links:hover {color:#333; text-decoration:none;}

#utilitarios2{width:100%; max-width:1600px; margin:0 auto; overflow:hidden; background:url(imgs/fd_utilitarios.png) no-repeat; border-top:1px solid #e6e5e5; float:left; border-bottom:1px solid #e6e5e5;}
#conteudo{width:100%; max-width:1000px; overflow:hidden; margin:0 auto;}
#utilitarios2 #conteudo h2{font: normal 20px 'Kabel Bk Bt'; color: #fff; line-height:32px; text-align:left; }
#utilitarios2 #conteudo h2 span{font: normal 27px 'Kabel Bk Bt';}
#utilitarios2 #conteudo #links {width:60%; overflow:hidden; float:left; padding-top:60px;}
#utilitarios2 #conteudo #links .partesutilitarios{width:33%; float:left; padding-top:30px;}
#utilitarios2 #conteudo #links .partesutilitarios:nth-child(3) {width:34;}
#utilitarios2 #conteudo #contato {width:40%; float:right; overflow:hidden; padding-top:60px;}
#utilitarios2 #conteudo #contato img{width:65px; height:50px; float:left; margin:-17px 10px 10px 0;}

#utilitarios2 #conteudo #contato .linkpgn {font:bold 12px/45px Arial; color:#a9a9a9;cursor:pointer; margin-left:5px;}
#utilitarios2 #conteudo #contato .linkpgn:hover {text-decoration:underline;}

#utilitarios2 #conteudo #contato .linkpg2 {font:normal 12px/20px Arial; color:#a9a9a9; cursor:pointer; margin:0 10px 20px 0;}
#utilitarios2 #conteudo #contato .linkpg2:hover {text-decoration:underline;}

#utilitarios2 #conteudo #contato2 {width:98%; float:left; overflow:hidden; position:relative; padding:0 1%;}
#utilitarios2 #conteudo #contato2 #rs {width:240px; margin:0 auto; overflow:hidden; position:relative; padding:50px 0 30px 0;}
#utilitarios2 #conteudo #contato2 img{width:80px; height:80px;}
#utilitarios2 #conteudo #contato2 .redes {width:100%; max-width:80px; float:left; cursor:pointer;}
#utilitarios2 #conteudo #contato input {width:96%; padding:7px 5px; font:normal 12px/20px Arial; background:rgba(17,22,30,0.5); color:#a9a9a9; margin-bottom:4px; border-radius:2%;}
#utilitarios2 #conteudo #contato button {padding:10px 12px; background:rgba(17,22,30,0.8); font:normal 12px Arial; color:#a9a9a9; margin-bottom:4px; float:left; margin:5px 5px 3px 0; border-radius:10%; cursor:pointer;}

#utilitarios2 #conteudo #rodape {width:100%; float:left; overflow:hidden; position:relative;}
#utilitarios2 #conteudo #rodape h2{font: normal 55px 'Kabel Bk Bt'; color: #fff; line-height:120px; text-align:center;}

#menu_inferior{list-style:none; border-top:none;}
#menu_inferior li a{display:block; padding:8px; font:normal 12px/20px Arial; text-align:left; color:#fff; text-decoration:none; -webkit-transition: all ease-out 300ms; -o-transition: all ease-out 300ms; -moz-transition: all ease-out 300ms; -ms-transition:all ease-out 300ms;}
#menu_inferior li a:before{content:"►"; float:left; margin-right:6px; color:rgba(255,255,255,0.4); font-size:8px;}
#menu_inferior li a:hover{color:#a9a9a9;}

@media screen and (max-width:1024px){
	.tarja{top:40px;}
}
@media screen and (max-width:768px){
	#tarja #centro .blocos:nth-child(3), #conteudo_b2, .partesutilitarios:nth-child(3){display:none;}
	#tarja #centro .blocos, #links, #contato, .partesutilitarios{width:50% !important;}
	#conteudo #conteudo_b1{width:98%; margin-left:2%; float:none;}
}
@media screen and (max-width:767px){
	#topo #logo{float:none; width:90%; margin:0 auto;}
	#topo #topo_menu {width:100% !important; max-width:none; float:none;}
	#topo #topo_menu #mainMenu li:nth-child(1) {display:none;}
	#topo #topo_menu #mainMenu li { width:calc(100% / 4); line-height:80px;}
	#tarja, .tarja, #banner, #links, #centro, #utilitarios_icone, #contato {display:none;}
}