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

html{height:100%; font:normal 12px Verdana, Geneva, sans-serif; color:#666;}
ul{list-style:none;}
p{line-height:20px;}
input{font:normal 11px Verdana, Geneva, sans-serif; color:#00235d;}
* {border:0 none; margin:0; padding:0;}
body{background:url(../img/bg.jpg) repeat-x left top #fff;}
div.geral{width:1024px; margin:0 auto;}
div.geral div.bg{float:left; background:url(../img/bg-geral.png) repeat-y 0 0; padding:0 37px;}

/**topo**/
div.geral form#loginTopo{float:right; width:950px; height:34px; padding:0 47px 0 0; color:#fff;}
div.geral form#loginTopo ul{float:right; padding:6px 0 0;}
div.geral form#loginTopo ul li{float:left;}
div.geral form#loginTopo ul li.tit{margin:-5px 10px 0 0;}
div.geral form#loginTopo ul li.tit span{float:left; background:url(../img/linha-login.png) no-repeat right 0; height:26px; padding:6px 10px 0 0;}
div.geral form#loginTopo ul li label{float:left; margin:1px 0 0;}
div.geral form#loginTopo ul li input{float:right; background:url(../img/input-login-topo.png) no-repeat 0 0; width:136px; height:17px; padding:2px 5px; margin:0 20px 0 5px; font-size:11px; color:#666;}
div.geral form#loginTopo ul li input[type="submit"]{background:url(../img/submit-entrar.png) no-repeat 0 0; width:66px; height:24px; text-indent:-9999px; cursor:pointer;}
div.geral form#loginTopo ul li a{float:left; background:url(../img/bt-esqueci-senha.png) no-repeat 0 0 ; width:153px; height:24px; text-indent:-9999px;}
div.geral form#loginTopo ul li input[type="submit"]:hover, div.geral form#loginTopo ul li a:hover{background-position:0 -24px;}
/**banner**/
div#topo{float:left; position:relative; width:950px; margin:0 0 18px;}
div#topo a.logo{float:left; position:absolute; top:35px; left:10px; background:url(../img/logo.png) no-repeat 0 0; width:325px; height:173px; text-indent:-9999px; z-index:2000; overflow:hidden;}
div#topo div.banner{float:left; position:relative; width:950px; height:260px;}
div#topo div.banner div.imgFade{position:relative; overflow:hidden; z-index:1002;}
div#topo div.banner div.imgFade a{display:block; height:260px; margin-bottom:10px;}
div#topo div.banner div.imgFade img.imgCarrega{width:950px; height:260px;}
div#topo div.banner div.imgFade span.erro{display:none;}
div#topo div.banner ul.imgNumeracao{float:right; position:absolute; right:0; bottom:0; z-index:2000; list-style:none; overflow:hidden;}
div#topo div.banner ul.imgNumeracao li{float:left; width:auto; margin: 0 10px 5px 0; text-align:center;}
div#topo div.banner ul.imgNumeracao li a{float:left; background:url(../img/bt-banner-bg.png) no-repeat 0 0; width:22px; height:19px; color:#fff; text-decoration:none; line-height:18px;}
div#topo div.banner ul.imgNumeracao li a.imgSelecionada{background-position:0 -19px;}
.picture-slides-dim-overlay{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; z-index:1000; display: none;
}

/**RODAPE**/
div#rodape{float:left; background:url(../img/bg-rodape.jpg) repeat-x 0 0 #E5E5E5; width:910px; min-height:110px; padding:10px 20px 0; margin:0 0 10px;}
div#rodape p{float:left; width:600px; background:url(../img/linha-rodape.png) no-repeat right 0; min-height:57px; padding:15px 0 0;}
div#rodape ul.redes{float:right; width:230px; margin:10px 10px 0 0;}
div#rodape ul.redes li{float:left; margin:0 23px;}
div#rodape ul.redes li.text{width:100%; text-align:center; margin:0 0 10px;}
div#rodape ul.redes li a{float:left; text-indent:-9999px; width:30px; height:30px;}
div#rodape ul.redes li a.facebook{background:url(../img/link-facebook.png) no-repeat 0 0;}
div#rodape ul.redes li a.twitter{background:url(../img/link-twitter.png) no-repeat 0 0; width:31px;}
div#rodape ul.redes li a.linkedin{background:url(../img/link-linkedin.png) no-repeat 0 0;}
div#rodape ul.redes li a.facebook:hover, div#rodape ul.redes li a.twitter:hover, div#rodape ul.redes li a.linkedin:hover{background-position:0 -31px;}
div#rodape ul.menu{float:left; width:100%; text-align:center; margin:20px 0 10px;}
div#rodape ul.menu li{display:inline; margin:0 10px;}
div#rodape ul.menu li a{color:#2F5A98; text-decoration:none; line-height:23px;}
div#rodape ul.menu li a:hover{text-decoration:underline;}


/**MENU**/
.dcjq-count {float:right; display:none; visibility:hidden;}
div#menu{float:left; background:url(../img/bg-menu-stripes.png) repeat-y 0 0; width:211px; padding:10px 0 3px;}
div#menu ul.menu{float:left; width:193px;}
div#menu ul.menu, div#menu ul.nenu li{margin:0; padding:0;}
div#menu ul.menu li{}
div#menu ul.menu li a{position:relative; display:block; background:url(../img/bg-menu.png) repeat-x 0 0; height:36px; padding:0 10px 0 30px; border-bottom:1px solid #fff; text-decoration:none; color:#eee; line-height:35px;}
div#menu ul.menu li a:hover{background-position:0 -36px; color:#fff;}
div#menu ul.menu li a.selected, div#menu ul.menu li ul li a.selected{position:relative; display:block; background:url(../img/bg-menu.png) repeat-x 0 -36px; height:36px; padding:0 10px 0 30px; border-bottom:1px solid #fff; text-decoration:none; color:#eee; line-height:35px;}
div#menu ul.menu li ul li a{background:#3C6FA9; color:#fff;}
div#menu ul.menu li ul li a:hover{background:url(../img/bg-menu.png) repeat-x 0 -36px;}
div#menu ul.menu a.dcjq-parent, div#menu ul.menu a.dcjq-parent:hover{background:url(../img/bg-menu.png) repeat-x 0 0;}
div#menu ul.menu a.dcjq-parent.active{}
div#menu ul.menu a .dcjq-icon{position:absolute; right:10px; width:15px; height:36px; background:url(../img/seta-menu-left.png) no-repeat 0 center;}
div#menu ul.menu a.dcjq-parent.active .dcjq-icon{background:url(../img/seta-menu-down.png) no-repeat 0 center;}
div#menu ul.menu a:active{}

/**INDEX**/
div#contIndex{float:right; width:739px;}
ul#empIndex{float:left; width:504px;}
ul#empIndex li.top{float:left; background:url(../img/bg-empresa-index-top.png) no-repeat left bottom; width:504px;}
ul#empIndex li.top h1{float:left; background:url(../img/tit-empresa-index.png) no-repeat 0 0; width:286px; height:106px; margin:0 0 0 20px; text-indent:-9999px;}
ul#empIndex li.bottom{float:left; background:url(../img/bg-empresa-index-bottom.png) no-repeat 0 0; width:504px; height:31px;}
ul#empIndex li.meio{float:left; position:relative; background:url(../img/bg-empresa-index-meio.png) repeat-y 0 0; width:444px; min-height:170px; padding:0 30px;}
ul#empIndex li.meio a{float:right; position:absolute; bottom:0; right:30px; background:url(../img/link-conheca-empresa.png) no-repeat 0 0; width:400px; height:25px; text-indent:-9999px;}
ul#empIndex li.meio a:hover{background-position:0 -26px;}

div#infoIndex{float:right; background:url(../img/bg-info-index.png) repeat-y 0 0; width:195px; min-height:150px; padding:20px 10px 30px 30px; color:#00235d; z-index:100;}
div#infoIndex h2{float:left; background:url(../img/tit-info-index.png) no-repeat 0 0; width:159px; height:92px; text-indent:-9999px; margin:0 0 20px 18px;}
div#infoIndex select[name="mesInfo"]{float:left; background:url(../img/select-info-index.png) no-repeat 0 0; width:185px; height:18px; margin:0 0 20px 8px; padding:1px 5px 2px;}
div#infoIndex select[name="mesInfo"] option{background:#fff;}
div#infoIndex span{float:left; width:100%; text-align:center;}
div#infoIndex ul{float:left; padding:0; width:100%;}
div#infoIndex ul li{float:left; padding:0; width:100%; text-align:center;}
div#infoIndex span.envioOk, div#infoIndex span.envioErro, div#infoIndex span.envioFail{float:left; width:auto; height:auto; padding:0 0 0 25px; font-size:12px; font-weight:bold; margin:0 0 0 10px;}
div#infoIndex span.envioOk{background:url(../img/success.gif) no-repeat left center;}
div#infoIndex span.envioErro{background:url(../img/fail.gif) no-repeat left center;}
div#infoIndex form#informativo ul{float:left; margin:20px 0 0;}
div#infoIndex form#informativo ul li{float:left; width:100%; margin:0 0 20px;}
div#infoIndex form#informativo ul li label{float:left; text-align:right; width:47px; margin:1px 2px 0 0;}
div#infoIndex form#informativo ul li input{float:right; background:url(../img/input-info-index.png) no-repeat 0 0; width:136px; height:15px; padding:3px 5px;}
div#infoIndex form#informativo ul li input[type="submit"]{float:right; background:url(../img/bt-enviar.png) no-repeat 0 0; width:73px; height:27px; text-indent:-9999px; cursor:pointer;}
div#infoIndex form#informativo ul li input[type="submit"]:hover{background-position:0 -28px;}


ul#bottomIndex{float:right; /*background:url(../img/bg-index-bovespa.png) no-repeat 0 0;*/ width:756px; height:300px; margin:-25px 0 0; z-index:200; padding:22px 0 0;}
ul#bottomIndex li{float:left;}
ul#bottomIndex li.bolsa{width:360px; margin:0 20px;}


div.fadenav {position:absolute; top:5px; right:5px; display:none; visibility:hidden;}
div.fadenav a { display: block; background: #ccc; width: 12px; height: 12px; margin: 0 0 0 2px; float: left; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #000; }
div.fadenav a:hover { text-decoration: none; }
div.fadenav a.current { background: #c00; }

.effectContainer { margin: 0 0 2em 0; height:300px;}
#bolsaEfect .effectContainer{width:375px; height:300px; overflow:hidden;}
.slide { position: relative; height: 300px !important; width: 300px; background: #fff; text-align: center; }
.r1 { background: #f41; }
.r2 {background:url(../img/bg-cotacao-index.png) no-repeat 0 0; width:375px; height:200px;}
.r2 ul.cotacaoIndex{float:left; width:100%; margin:140px 0 0; text-align:center;}
.r2 ul.cotacaoIndex li{float:left; margin:0 30px;}
.r2 ul.cotacaoIndex li.data{margin:0 30px 15px;}
.r2 ul.cotacaoIndex li span{font-size:14px; color:#00235D;}
#navigation {height:15px;}
div.circular { width: 128px; height: 128px; background: none; }
.circular .slide { width: 120px; height: 120px; border: 4px solid #000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; line-height: 120px; text-align: center; font-size: 22pt; font-weight: bold; }












#slideshow{position:relative; height:350px;}
#slideshow div{position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow div.active{z-index:10; opacity:1.0;}
#slideshow div.last-active{z-index:9;}

ul#bottomIndex li.parceiros{float:right; width:350px; margin:15px 0 0; text-align:center;}
ul#bottomIndex li.parceiros span{display:block; margin:0 0 20px;}
ul#bottomIndex li.parceiros a{float:left; width:150px; margin:0 10px;}
ul#bottomIndex li.parceiros a img{max-width:150px;}


/**INTERNAS**/
ul#contInternas{float:right; width:739px;}
ul#contInternas li.top{float:left; background:url(../img/bg-top-internas.png) no-repeat left bottom; width:739px; min-height:80px;}
ul#contInternas li.top h1{float:left; margin:0 0 0 30px;}
ul#contInternas li.meio{float:left; position:relative; background:url(../img/bg-meio-internas.png) repeat-y 0 0; width:664px; min-height:200px; padding:10px 35px 30px 40px; margin:0 0 159px;}
ul#contInternas li.meio div.bottom{float:left; position:absolute; left:0; bottom:-159px; background:url(../img/bg-bottom-internas.png) no-repeat left bottom; width:659px; min-height:159px; padding:0 40px;}
ul#contInternas li.meio div.bottom a{float:left;}

/**Equipe**/
ul#equipe{float:left; width:100%;}
ul#equipe li{float:left; width:100%; margin:0 0 20px;}
ul#equipe li ul{float:left; width:100%;}
ul#equipe li ul li.foto{float:left; background:url(../img/border-foto-equipe.png) no-repeat 0 0; width:125px; height:140px; text-align:center; padding:5px 7px 8px 5px;}
ul#equipe li ul li.foto img{max-width:125px; max-height:140px;}
ul#equipe li ul li.desc{float:right; width:520px;}
ul#equipe li ul li.desc h2{display:block; width:100%; margin:5px 0;font-size:14px; color:#2f5a98;}
ul#equipe li ul li.desc span{display:block; width:100%; margin:0 0 2px; color:#2f5a98;}

/**Gestao contabil**/
ul#contInternas li.meio img.imgContabil{float:right; margin:-90px -14px 0 0;}

/**Legislacao tributaria**/
ul#contInternas li.meio img.imgLegTrib{float:right; margin:-90px -14px 0 0;}

/**links**/
ul#links{float:left; margin:30px 0 0 40px;}
ul#links li{display:block; background:url(../img/bg-ul-links.jpg) no-repeat left center; padding:0 0 0 20px; margin:0 0 15px 20px;}
ul#links li.titulo{margin:40px 0 30px; padding:0 0 0 20px;}
ul#links li.titulo h2{font-size:20px; font-weight:normal; color:#00235D;}
ul#links li a{text-decoration:none; color:#2f5a98; font-size:14px;}
ul#links li a:hover{color:#666; text-decoration:underline;}
div.linkVoltar{width:638px; float:left; margin:20px;}
div.linkVoltar a.btVoltar{float:left; background:url(../img/bt-voltar.png) no-repeat 0 0; width:66px; height:24px; text-indent:-9999px;}
div.linkVoltar a.btVoltar:hover{background-position:0 -24px;}

/**Contato**/
form#contato, form#contato ul{float:left; width:320px; margin:40px 0 0;}
form#contato ul li{float:left; width:100%; margin:0 0 10px;}
form#contato ul li label{float:left; width:80px; color:#666; text-align:right;}
form#contato ul li input{float:right; background:url(../img/input-contato.png) no-repeat 0 0; width:226px; height:17px; padding:2px 5px;}
form#contato ul li textarea{float:right; background:url(../img/textarea-contato.png) no-repeat 0 0; max-width:226px; min-width:226px; max-height:132px; min-height:132px; padding:5px; font:11px Verdana, Geneva, sans-serif;}
form#contato ul li input[type="submit"]{float:right; background:url(../img/bt-enviar.png) no-repeat 0 0; width:73px; height:27px; cursor:pointer;}
form#contato ul li input[type="submit"]:hover{background-position:0 -28px;}
form#contato ul li input[type="checkbox"]{float:left; width:auto; margin:0 10px 0 84px;}
form#contato ul li label[for="info"]{float:left; width:auto;}
form#contato ul li span.envioOk, form#contato ul li span.envioErro, form#contato ul li span.envioFail{float:right; height:auto; padding:0 0 0 25px; font-size:14px; font-weight:bold; color:#2F5A98;}
form#contato ul li span.envioOk{background:url(../img/success.gif) no-repeat left center;}
form#contato ul li span.envioErro{background:url(../img/fail.gif) no-repeat left center;}

div#mapaContato{float:right; width:310px; margin:75px 0 0;}
div#mapaContato p{display:block; margin:0 0 10px; text-align:right; padding:0 32px 0 0;}
div#mapaContato a{float:left; background:url(../img/link-mapa.png) no-repeat 0 0; width:299px; height:236px; text-indent:-9999px; overflow:hidden;}

/**parceiros**/
ul#parceiros{float:left; width:100%;}
ul#parceiros li{float:left; background:url(../img/bg-ul-parceiros.png) no-repeat 0 0; width:188px; height:114px; padding:16px; text-align:center;}
ul#parceiros li a{text-align:center;}
ul#parceiros li a img{max-width:188px; max-height:114px;}

/**informativo**/
div.informativo{float:left; width:100%; text-align:center;}
div.informativo img{max-width:664px;}