/*** inicio . fontface ***/
/*
@font-face {
	font-family: 'CaeciliaRomanRegular';
	src: url('fonts/CaeciliaRomanOsFRegular.eot');
	src: local("Caecilia RomanOsF"), url('fonts/CaeciliaRomanOsFRegular.ttf') format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CaeciliaRoman';
	src: url('fonts/ECBOS___.eot');
	src: local("Caecilia RomanOsF"), url('fonts/ECBOS___.ttf') format("truetype");
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'CaeciliaRoman Bold';
	src: url('fonts/CaeciliaRomanOsFBold.eot');
	src: local("Caecilia RomanOsF"), url('fonts/CaeciliaRomanOsFBold.ttf') format("truetype");
	font-weight: normal;
	font-style: normal;
}
*/
/*** fim . fontface ***/

img, div, input, a{ behavior: url("iepngfix.php") }
.clear{clear:both}
.oldBrowser{display: none}
.center{width:961px; margin:0 auto; text-align:left}
.linha{ margin:20px 0;}

html{ background:url(img/bgHtml.jpg) repeat-x}
body{background:url(img/bgBody.jpg) no-repeat center 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666666}

h1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#990000; font-size:41px; line-height:48px; margin-bottom:12px}
h2{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666666; font-size:27px; font-weight: bold}
h3{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#7B201E; font-size:17px; line-height:23px; font-weight:normal}
h4{font-size:19px; line-height:23px;  font-weight: normal; color:#990000; margin-bottom:17px}
h5{font-size:15px; line-height:23px;  font-weight:bold; color:#333333}
p{ font-size:12px; line-height:18px}
input,input[type="text"],textarea,textarea[type="text"]{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}


div#header{ background:url(img/bgTopo.gif) repeat-x; height:169px}
div#header .center{ background:url(img/bgTopoLinha.gif) 0 bottom repeat-x;}
div#header img{float:left; margin:73px 0 0 12px}
div#header ul{ float: right; margin:126px 6px -10px 0; z-index:3; position:relative}
div#header ul li{width:98px; height:55px; float:left; margin:0 0 0 3px;}
div#header ul li a{width:98px; height:55px; display:block; background-repeat:no-repeat; background-position:0 0}
div#header ul li a:hover{background-position:0 -55px}
div#header ul li#btEmpresa a{background-image:url(img/btEmpresa.png)}
div#header ul li#btServicos a{background-image:url(img/btServicos.png)}
div#header ul li#btClientes a{background-image:url(img/btClientes.png)}
div#header ul li#btParceiros a{background-image:url(img/btParceiros.png)}
div#header ul li#btContato a{background-image:url(img/btContato.png)}

div#header ul li#btServicos div{ position:absolute; margin:0 0 0 -193px; width:595px; display:none}
div#header ul li#btServicos div img{ margin:0; float:left}
div#header ul li#btServicos div a{height:49px; float:left; background:none; background-repeat:no-repeat; background-position:0 0}
div#header ul li#btServicos div a:hover{background-position:0 -49px}
div#header ul li#btServicos div a#btGestao{ width:131px; background-image:url(img/btSubGestao.png)}
div#header ul li#btServicos div a#btBI{ width:132px; background-image:url(img/btSubBI.png)}
div#header ul li#btServicos div a#btProjetos{ width:177px; background-image:url(img/btSubProjetos.png)}
div#header ul li#btServicos div a#btPortais{ width:147px; background-image:url(img/btSubPortais.png)}


div#rodape{ background:url(img/bgRodape.gif) repeat-x; height:214px; font-size:11px}

div#rodape div.endereco {margin-top: 25px; margin-left: 18px; margin-right: 33px; color:#FFF; text-align:center; font-size:11px; display:block; float: left; width:210px; text-align:left; line-height:15px}
div#rodape div.copyright{margin-top:25px; margin-right:40px; float:right; width:180px; text-align:right; line-height:15px; color:#FFF}
div#rodape a.btBackstage{ display:inline-block; width:22px; height:20px; background:url(img/btBackstage.jpg) no-repeat 0 0; margin-top:25px;}
div#rodape a.btBackstage:hover{background:url(img/btBackstage.jpg) no-repeat 0 -20px}

div#rodape img{margin-top: 27px; margin-bottom: 4px;}

div#rodape ul{margin:0 auto 0 auto; width: 740px; padding:40px 0 0 0; }
div#rodape ul li{float:left;margin:0 0 0 0; }
div#rodape ul li a{height:12px;display:block;background-position:0 0; background-repeat:no-repeat;}
div#rodape ul li a:hover{ background-position:0 -12px}
div#rodape ul li#btHomeRodape a{background-image:url(img/btHomeRodape.gif); width:32px}
div#rodape ul li#btEmpresaRodape a{background-image:url(img/btEmpresaRodape.gif); width:54px}
div#rodape ul li#btServicosRodape a{background-image:url(img/btServicosRodape.gif); width:53px}
div#rodape ul li#btClientesRodape a{background-image:url(img/btClientesRodape.gif); width:58px}
div#rodape ul li#btParceirosRodape a{background-image:url(img/btParceirosRodape.gif); width:75px}
div#rodape ul li#btContatoRodape a{background-image:url(img/btContatoRodape.gif); width:75px}

div#rodape ul li.separador{margin:0 37px}

div#conteudo{ margin:38px 0 0 12px;}
div#conteudo p{ margin:0 0 17px 0;}
div#conteudo #boxEsq, div#conteudo .boxEsq{ float:left; width:605px; margin:0 40px 0 0}
div#conteudo #boxDir, div#conteudo .boxDir{ float:left; width:293px}
div#conteudo.colunasCenter #boxEsq, div#conteudo.colunasCenter .boxEsq{width:450px}
div#conteudo.colunasCenter #boxDir, div#conteudo.colunasCenter .boxDir{width:450px}

/**********************/

/******** home ********/

div.home h2{ font-size:24px;}
div.home p{ margin-bottom:0}

div#banner{ margin-bottom:2px}
div#banner div.boxTexto{float:left; width:535px; z-index:2; position:relative}
div#banner div.boxTexto h1{ font-family:"CaeciliaRoman Bold","Trebuchet MS", Arial, Helvetica, sans-serif; color:#666666; font-size:40px; line-height:48px; margin-bottom:0}
div#banner div.boxTexto p{ font-family:"CaeciliaRoman","Trebuchet MS", Arial, Helvetica, sans-serif; color:#666666; font-size:17px; line-height:24px; margin-top:15px}
div#banner div.boxTexto a{ display:block; height:39px; width:180px; background:url(img/btConheca.jpg) no-repeat 0 0; margin:25px 0 0 0}
div#banner div.boxTexto a:hover{background:url(img/btConheca.jpg) no-repeat 0 -39px}
div#banner img{ float: right; margin:17px -8px 0 0}

div#servicosHome{margin:10px 0 20px 0}
div#servicosHome h2{margin: 0 0 20px 0; float:left; width:200px}
div#servicosHome ul{ float:right; width:41px; margin-right:10px}
div#servicosHome ul li{ display:inline-block}
div#servicosHome ul li a{ display:block; width:16px; height:24px;}
div#servicosHome ul li a.setaDir{ background:url(img/setaDir.gif) no-repeat 0 0}
div#servicosHome ul li a.setaEsq{ background:url(img/setaEsq.gif) no-repeat 0 0; margin-right:5px}
div#servicosHome ul li a.over{ background-position:0 -24px !important}
div#servicosHome .container{ overflow:hidden; position:relative; width:939px; height:240px;}
div#servicosHome .container .content{ width:2000px}
div#servicosHome .container .content .item{ float:left; width:313px}
div#servicosHome .container .content .item img{ float:left}
div#servicosHome .container .content .item div.text{ float:left; width:185px; margin-left: 22px;}
div#servicosHome .container .content .item div.text a{ display:block; width:94px; height:29px; background:url(img/btSaiba.jpg) 0 0 no-repeat; margin-top:17px; padding:0 !important}
div#servicosHome .container .content .item div.text a:hover{background:url(img/btSaiba.jpg) 0 -29px no-repeat;}

div#servicosHome .container .content .item.bi div.text{ margin-left:12px}
/*
div#servicosHome img{float:left; margin:0 25px 0 0}
div#servicosHome div.text{float:left; width:auto; margin:0 55px 0 0}
div#servicosHome div.textFinal{margin:0}
div#servicosHome div.text h3{margin:0 0 5px 0;}
div#servicosHome div.text a{ display:block; width:94px; height:29px; background:url(img/btSaiba.jpg) 0 0 no-repeat; margin-top:17px}
div#servicosHome div.text a:hover{background:url(img/btSaiba.jpg) 0 -29px no-repeat;}
*/
div#outrosHome{ margin:13px 0 41px 0}
div#outrosHome h2{ margin-bottom:13px}
div#outrosHome div.box{ float:left}

div#outrosHome .tr {width: 108px; height:108px; overflow: hidden; position: relative; float:left; margin:0 10px 0 0;}
div#outrosHome .tr[class] {display: table; position: static; text-align:center; margin:0 10px 10px 0;}
div#outrosHome .td {position: absolute; top: 50%; width: 108px; text-align:center} /* para o IE */
div#outrosHome .td[class] {display: table-cell; vertical-align: middle; position: static;}
div#outrosHome .td img {position: relative; top: -50%} /* para o IE */
div#outrosHome .td p{position: relative; top: -50%} /* para o IE */

div#outrosHome div.boxClientes .tr {background:url(img/bgTableClientes.gif) no-repeat;}

div#outrosHome div.boxParceiros{ margin:0 25px}
div#outrosHome div.boxParceiros[class]{ margin:0 40px}
div#outrosHome div.boxParceiros .tr {background:url(img/bgTableParceiros.gif) no-repeat;}
div#outrosHome div.boxParceiros .descricao {width: 166px; background:none; text-align:left}
div#outrosHome div.boxParceiros .descricao .td{ text-align:left; width:auto}

div#outrosHome div.boxVideoHome{background:url(img/bgVideoHome.gif) no-repeat; width:334px; height:261px}
div#outrosHome div.boxVideoHome div{padding:10px}

/**********************/

/******* empresa ******/

div#conteudo #boxEsq div.box{outline:1px #D8D8D8 solid; border:3px solid #FFF; height:84px; background-color:#FFD552; margin:28px 0}
div#conteudo #boxEsq div.box h2{color:#990000; float:left; margin:30px 0 0 16px}
div#conteudo #boxEsq div.box[class] h2{margin:30px 0 0 32px}
div#conteudo #boxEsq div.box img{float:left; margin:23px 13px 0 13px}
div#conteudo #boxEsq div.box[class] img{ margin:23px 26px 0 26px}
div#conteudo #boxEsq div.box p{float:left; width:395px; color:#996633; font-size:14px; margin:25px 0 0 0}
div#conteudo #boxEsq div.visao{ margin-bottom:63px}
div#conteudo #boxEsq div.visao p{font-size:13px; width:410px}

div#conteudo.empresa #boxDir h2{ width:auto; background-color:#FFF; font-size:27px; display:inline-block; padding:0 14px; margin:0 0 0 19px; position:relative; z-index:3; width:120px; background:url(img/bgBoxServicos.gif) repeat-x}
div#conteudo.empresa #boxDir div{ border:1px solid #D1D1D1; padding-top:14px; margin-top:-14px}
div#conteudo.empresa #boxDir p{ margin:15px 32px}
div#conteudo.empresa #boxDir ul{ margin:20px 32px 30px 32px}
div#conteudo.empresa #boxDir ul li{color:#990000; margin-bottom:19px; background: url(img/bulet.gif) no-repeat 0 4px; padding:0 0 0 10px}
div#conteudo.empresa #boxDir a{ text-decoration:none; color:#990000;}
div#conteudo.empresa #boxDir a:hover{ text-decoration: underline}

/**********************/

/****** clientes ******/

div.clientes{width:972px; padding-bottom:30px}
div.clientes .tr {width: 290px; height:188px; overflow: hidden; background:url(img/bgClientes.gif) no-repeat; position: relative; float:left; margin:0 34px 30px 0;}
div.clientes .tr[class] {display: table; position: static;}
div.clientes .td {position: absolute; top: 50%; width:290px; text-align:center} /* para o IE */
div.clientes .td[class] {display: table-cell; vertical-align: middle; position: static;}
div.clientes .td img {position: relative; top: -50%} /* para o IE */
div.clientes .td p{position: relative; top: -50%} /* para o IE */

/**********************/

/****** parceiros *****/

div.parceiros div.boxParceiro{width: 290px; float:left; margin:20px 34px 30px 0;}
div.parceiros div.boxParceiro .tr {float:none; margin:0}
div.parceiros div.boxParceiro h4{ font-size:17px; color:#333333; margin:0 0 20px 5px}
div#conteudo.parceiros div.boxParceiro p{margin:14px 5px 0 5px}

/**********************/

/****** contato *******/

div#conteudo.contato{ padding-bottom:65px}
div#conteudo.contato h2{margin-bottom:15px}
div#conteudo.contato form p{background:url(img/bgInput.gif) no-repeat; width:445px; height:29px; line-height:29px; margin:0 0 10px 0}
div#conteudo.contato form p#cidade{background:url(img/bgInputCidade.gif) no-repeat; width:275px; float:left}
div#conteudo.contato form p#estado{background:url(img/bgInputEstado.gif) no-repeat; width:162px; float:right; margin-right:5px}
div#conteudo.contato form p#mensagem{ height:179px; background:url(img/bgTextarea.gif) no-repeat; clear:both}
div#conteudo.contato form p#MSG{background:none; text-align:right}

div#conteudo.contato form p span{ display: inline-block; margin:0 0 0 10px; line-height:22px}
div#conteudo.contato form p#mensagem span{ float:left; margin-top:5px}
div#conteudo.contato[class] form p#mensagem span{ float:left; margin-top:3px}

div#conteudo.contato form p input{border:none; display:inline-block; background:none; height:19px; line-height:19px; margin:3px 0 0 5px}
div#conteudo.contato[class] form p input{margin:3px 0 0 0}
div#conteudo.contato form p textarea{border:1px solid #FFF; width:355px; height:170px; margin:5px 0 0 3px; line-height:18px; overflow:hidden; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
div#conteudo.contato[class] form p textarea{ border:none}

div#conteudo.contato form div#MSG span{display:inline-block; width:338px; margin:6px 0 0 5px; text-align:left; line-height:12px; float:left}
div#conteudo.contato form div#MSG img{ margin:6px 4px 0 0; float:left; display:none}
div#conteudo.contato form div#MSG input{ width:78px; height:29px; background:url(img/btEnviar.jpg) 0 0 no-repeat; float:right; border:none}

div#conteudo.contato form#formCurriculum h2{ margin-top:35px}
div#conteudo.contato form#formCurriculum p{background:none}
div#conteudo.contato div#file{background:url(img/bgInput.gif) no-repeat; width:445px; height:29px;}
div#conteudo.contato div#file span#msgCurriculum{float:left; display:block; line-height:29px; margin-left:10px; width:330px}
div#conteudo.contato div#file a{float:right; display:block; width:78px; height:29px; background:url(img/btAnexar.jpg) 0 0 no-repeat; cursor:pointer; *cursor:hand}
div#conteudo.contato div#file a:hover{background:url(img/btAnexar.jpg) 0 -29px no-repeat}
div#conteudo.contato div#file img{ float:left; margin-top:6px; display:none}

div#conteudo.contato #boxDir h2{ margin-top:53px}
div#conteudo.contato #boxDir span{color:#990000}
div#conteudo.contato #boxDir p{ float:left;width: 180px;}
div#conteudo.contato #boxDir p.es{width:250px}

div#conteudo.contato #boxDir h4{ margin-bottom:20px; margin-top:10px}
div#conteudo.contato #boxDir div#googleMaps{width:440px; height:356px;}
div#conteudo.contato #boxDir div#googleMaps *{ font-size:7px}

/**********************/

/****** serviços ******/

div#conteudo.servicos p#chamada{font-family:"CaeciliaRoman","Trebuchet MS", Arial, Helvetica, sans-serif; color:#666666; font-size:17px; line-height:24px}
div#conteudo.servicos .linha{ margin:10px 0 25px 0}
div#conteudo.servicos ul{ margin:18px 0 60px 0}
div#conteudo.servicos ul li{ list-style:disc inside; color:#7B201E; margin:12px 0}
div#conteudo.servicos ul li a{ font-size:17px; color:#990000; text-decoration:none}
div#conteudo.servicos ul li a:hover{text-decoration:none; color:#7B201E}
div#conteudo.servicos div.video{ margin:2px 0 25px 0}

/**********************/