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

*{margin:0; padding:0; border:none;}

#linha_topo{width: 100%; height: 20px; background:#e7e5e5;}
#topo{width: 100%; max-width: 1000px; margin: 0 auto; overflow:hidden;}
#logo{width: 500px; height: 180px; margin: 10px 0; background:url(../imagens/logo_pts.png) no-repeat; float:left;}
#mn{width:500px; overflow:hidden; float:right;}

#menu_tp{font-size:0; width:100%; max-width: 1000px; margin: 0 auto; padding:0; list-style:none; position:relative; height:20px;}
#menu_tp li {display:inline-block; width: 12%;}
#menu_tp li p{font:9px/20px Arial; text-transform:uppercase; color:#187086; text-align:center; border-right: 1px solid rgba(255,255,255,0.2);}
#menu_tp li:last-child{border-right:none; width:14%;}
#menu_tp li:first-child{width:14%;}
#menu_tp li a{display:block; text-decoration:none;}
#menu_tp li a{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
#menu_tp li:last-child p {border-right:none;}
#menu_tp li a:hover{background:#187086;}
#menu_tp li p:hover{color:#FFF;}

#menu{font-size:0; width:100%; margin: 0 auto; padding:0; list-style:none; position:relative; height:200px;}
#menu li {display:inline-block; width: 20%; position:relative;}
.cobre{position:absolute; width: 100%; height: 200px; z-index: 0; top: 200px; background:#187086;}
#menu li p{font:22px/200px 'denseregular'; color:#187086; text-transform:uppercase; text-align:center; position:relative; z-index: 30;}
#menu li a{display:block; text-decoration:none;}
#menu li a, .cobre{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
#menu li:hover .cobre{top:0;}
#menu li p:hover{color:#FFF;}

#espaco_banner{width: 100%; overflow:hidden; background:#187086; padding: 30px 0 10px 0;}
#banner{width: 100%; max-width: 1000px; overflow:hidden; margin: 0 auto;}
#bot_banner{width: 90px; margin: 0 auto; overflow:hidden; text-align:center; padding-top: 15px;}
#bot_banner span{font:65px/50px Arial; color:#f4f4f4; cursor:pointer;}
#bot_banner span:hover, .cycle-pager-active{color:#00CCFF !important;}

#utilitarios{width: 100%; background:#b9dad7; height: 280px; border-top: 5px solid #187086;}
#blocos_home{width: 100%; max-width:1000px; margin: 0 auto; text-align:center; overflow:hidden;}
.bl_home{width: 25%; float:left;}
.bl_home div{margin: 0 10px; padding: 25px 10px 35px 10px;}
.bl_nmr{width:40px; height:40px; margin: 0 auto; background:rgba(255,255,255,0.8); color:#003366; border-radius:50%; text-align:center; font: 22px/40px Arial; margin-bottom: 10px;}

#conteudo{width: 100%; overflow:hidden;}
#laterais{margin: 15px 10px; overflow:hidden;}
#conteudo_textos{width: 100%; max-width:1000px; margin: 0 auto; overflow:hidden;}

.img_icon{float:left; margin:15px 5px 0 0;}
#linha{width: 100%; border-top: 1px dotted #333333; margin: 12px 0;}

#acesso_rapido{width: 990px; overflow:hidden; position:relative; padding: 15px 0; text-align:center; margin: 0 auto;}
.icons{background-size:110px; border:0; float:left;}
.icons:hover{filter: alpha:(opacity=100); opacity:0.7;}

.img_atuacao{float:left; margin: 3px;}
.img_atuacao2{float:right; margin: 0 20px 20px 20px;}

#rodape{width: 100%; background:#187086; height: 80px; text-align:center; color:#f4f4f4; font: 12px/80px Arial;}

.texto01{font: 12px/22px Arial; color:#333; text-align:justify;}
.texto02{font: 12px/22px Arial; color:#333; text-align:center; padding: 15px 0;}
.texto03{font: 12px Arial; color:#333; text-indent: 10px; text-align:left; padding: 12px 0; width: 21%; border-radius: 5px; border:none; background:#eee; margin: 10px 5px 0 0; resize:none; float:left;}
.texto04{font: 12px/18px Arial; color:#333; padding: 1px 0; text-indent: 5px; border-radius:5px; margin: 2px 0; border: none; width:100%; resize:none; float:left; background:#f4f4f4;} 
.texto05{width: 200px; height: 26px; background:#b9dad7; font:17px/26px 'denseregular'; color:#333; text-transform:uppercase; text-align:center; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.texto06{width: 190px; height: 50px; background:#f4f4f4; font:12px/50px Arial; color:#333; text-align:right; padding-right: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-bottom: 15px;}


.titulo01{font:30px/85px 'denseregular'; color:#092157; text-transform:uppercase;}
.titulo02{font:24px/45px 'denseregular'; color:#187086; text-transform:uppercase;}


.link01{width: 70%; padding: 12px; background:#f4f4f4; color:#187086; font: 11px Arial; cursor:pointer; text-decoration:none; text-transform:uppercase;} 
.link01{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
.link01:hover{background:#187086; color:#FFF;}

.link02{font: 12px/18px Arial; color:#333; text-decoration:none;}
.link02:hover{color:#999;}

.link03{width: 80px; padding: 12px; background:#eee; color:#333; font: 11px Arial; cursor:pointer; text-decoration:none; text-transform:uppercase; float:left; margin: 10px 5px 0 0;} 
.link03{-webkit-transition:all ease-out 300ms; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out;}
.link03:hover{background:#ccc;}