body{background: #fff url(../images/bg-bodyInternas.jpg) repeat-x 0 0 scroll; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; font-size: 13px; text-align: center;}
#container {width: 960px; margin: 0px auto; text-align: left;}
#header {height: 158px;}
#box-contactTwitter {background: #000; padding: 8px; color: #FFFFFF; width: 312px; font-size: 11px;float: right; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px}
#box-contactTwitter img {vertical-align: middle}
strong { font-weight:normal}
#logo {float: left; margin-top: 42px;}
#logo h1 a{ background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 87px;
    text-indent: -9999px;
    width: 274px;}
#menu {float: right; width: 596px; text-align: center; margin-top: 32px;}
#menu ul {float: right;}
#menu li {display: inline}
#menu li a {display: block; float: left; width: 68px; height: 9px; padding: 10px 15px 20px; margin-left: 10px; font-size: 18px; color: #333;}
#menu li a.menuMini {width: 44px; padding: 10px 15px 20px;}
#menu li.ativo {display: block; float: left; width: 80px; height: 9px; padding: 10px 15px 20px 15px; margin-left: 10px; font-size: 18px; color: #fff; background: url(../images/bg-menuprincipalAtivo.png) no-repeat 0 0 scroll;}
#menu li.ativoMini {display: block; float: left; width: 48px; height: 9px; padding: 10px 15px 20px; margin-left: 20px; font-size: 18px; color: #fff; background: url(../images/bg-menuprincipalAtivoMini.png) no-repeat 0 0 scroll;}
#menu li.ativoMiniBlog {display: block; float: left; width: 48px; height: 9px; padding: 10px 20px 20px 10px; margin-left: 20px; font-size: 18px; color: #fff; background: url(../images/bg-menuprincipalAtivoMini.png) no-repeat 0 0 scroll;}
#main {}

/* BOX DESTAQUE COM CARROSSEL */
#bt-carrosselLeft {float: left; margin-top: 110px;}
#bt-carrosselLeft a.prev {background: url(../images/bt-prev.jpg) 0 0 no-repeat; display: block; cursor: pointer; width: 30px; height: 51px; text-indent: -9999px }
#bt-carrosselRight {float: right; margin-top: 110px; }
#bt-carrosselRight a.next {background: url(../images/bt-next.jpg) 0 0 no-repeat; display: block; cursor: pointer; width: 30px; height: 51px; text-indent: -9999px }



#box-destaque {height: auto;margin:0; padding:0 0 0 0;}




#content {margin: 15px 0 0 }
#content #principal {margin-bottom: 30px;}
div.bt-vejamais {float: right;
    margin-bottom: 14px;
    padding-right: 51px;}
div.bt-vejamais a {  }
#content #box-vantagens span.cabeca, #content #box-retorno span.cabeca, #content #box-atendimento span.cabeca{text-align: center; margin-bottom: 21px; letter-spacing: -2px;}



#content #box-vantagens, #content #box-retorno {width: 268px; float: left; margin-right: 6px; padding: 24px; height: 310px; background: url(../images/bg-boxVantagensRetornoAtendimento.jpg) no-repeat 0 0 scroll;}

#content #box-vantagens .cabeca{font-size: 18px;letter-spacing: 0 !important;}
#content #box-vantagens ul{ 
    margin-left: -3px;
    padding-bottom: 77px;
    padding-left: 10px;
    padding-top: 4px;
    width: 280px;}
#content #box-vantagens ul li{background:url("../images/seta-verde-home.png") no-repeat scroll 0 -1px transparent;margin-bottom: 0;padding-bottom: 22px;padding-left: 30px; font-size: 14px;}
#content #box-vantagens ul li.mais{background:none;padding-left: 155px;}

#content #box-retorno .cabeca{font-size: 18px;letter-spacing: 0 !important;}


#content #box-atendimento {width: 268px; float: left; padding: 24px; height: 310px; background: url(../images/bg-boxVantagensRetornoAtendimento.jpg) no-repeat 0 0 scroll;}

#content #box-clientes-home {width: 268px; float: left; padding: 24px; height: 310px; background: url(../images/bg-boxVantagensRetornoAtendimento.jpg) no-repeat 0 0 scroll;}


  #content .listIcones li {    margin-bottom: -14px;
    padding-bottom: 11px;}
#content .listIcones li img {float: left; margin-right: 16px;}
#content #box-vantagens p, #content #box-retorno p, #content #box-atendimento p {line-height: 17px;}
#content #box-vantagens p, #content #box-retorno p, #content #box-clientes-home p {line-height: 17px;}

#underground {padding: 25px 0;}
#alinhaUnderground {width: 960px; margin: 0px auto; text-align: left;}

#content #box-atendimento .cabeca{font-size: 18px;letter-spacing: 0 !important;}

#content #box-clientes-home .cabeca{font-size: 18px;letter-spacing: 0 !important;}

#box-noticiasEventos {float: left; width: 430px;}
#box-noticias  {margin-bottom: 30px;}

#box-eventos ul li, #box-eventosDireita ul li {float: left; margin: 20px 20px 14px 0}
#box-agendeVisita, #box-eventosDireita {float: right; width: 430px;}
#box-agendeVisita ul{}
#box-agendeVisita ul li{}
#box-agendeVisita ul li label{display: block; margin-bottom: 3px}
#box-agendeVisita ul li .campo{margin-bottom: 12px; border: 1px solid #d1d1d1; padding: 3px; width: 420px;}
#box-agendeVisita ul li .enviar{width: 67px; height: 29px; border: none; background: url(../images/bt.png) no-repeat 0 0 scroll; color: #FFFFFF;}

#footer {background: url(../images/bg-rodape.jpg) repeat-x 0 0 scroll; color: #FFFFFF; padding: 16px; height: 38px;}
#footer a {color: #FFFFFF;}
#footer ul {margin-bottom: 6px;}
#footer li {display: inline; margin-right: 18px; font-size: 15px;}
#footer p {font-size: 11px;}

.clear {clear: both;}
.text {margin-bottom: 18px;}
.miniCinza {color: #888; font-size: 11px; text-align:justify}
.tabulacao {padding-left: 35px;}
ul.lista-topicos {margin: 10px 0 20px 10px}
ul.lista-topicos li {list-style-type: disc; list-style-position: outside; margin-bottom: 10px; margin-left: 20px; line-height: 19px}

span.leiaMais {color: #5F8B23 !important; font-size: 12px;}
span.opcional {font-size: 11px; color: #878787}
span.cabeca {font-size: 26px; font-weight: bold; letter-spacing: -1px; margin-bottom: 16px; display: block}
span.cabeca a {color: #333;}
ul.miniFormAtendimentoOnline li {}
ul.miniFormAtendimentoOnline li label {display: block; margin-bottom: 2px}
ul.miniFormAtendimentoOnline li .campo{margin-bottom: 12px; border: 1px solid #d1d1d1; padding: 3px; width: 260px;}
ul.miniFormAtendimentoOnline li .bt-entrar {width: 67px; height: 29px; border: none; background: url(../images/bg-btSubmit.jpg) no-repeat 0 0 scroll; color: #FFFFFF;}
.rigth {text-align:right} 
span.avisoDesativado {font-size: 10px; color: #CC0000; margin-left: 4px}

#sessao {padding: 43px 0 0; height: 98px;}
#sessao img {float: left; margin-right: 14px;}
#sessao dt {font-size: 26px; padding-top: 10px; margin-bottom: 6px; color: #FFFFFF; font-weight: bold; letter-spacing: -1px; }
#sessao dd {}

#principal  {float: left; width: 530px; margin-top: 10px;}
#principal h1 {font-size: 26px; font-weight: bold; letter-spacing: -1px; margin-bottom: 16px}
#lateral {float: right; width: 252px;}
#lateral span.cabeca {font-size: 15px; font-weight: bold;color:#000; margin-bottom: 20px;}
#lateral .box-side {background: url(../images/bg-boxSide.jpg) no-repeat 0 0 scroll; width: 196px; height: 286px; padding: 36px;}
#lateral .box-side ul {margin-bottom: 60px;}
#lateral .box-side li {list-style: square inside; margin-bottom: 16px;}

/* SOLUCAO */
.box-solucoes {margin: 26px 0}
.solucao {margin-bottom: 34px;}
.solucao p.showResolucao a {height: 35px; padding-left: 52px; display: block; width: 490px;}
.titleSolucao {color:#779636; font-size: 16px; }	
.solucao span.descSolucao {color: #000000;}
.resolucao {margin-top: 20px; margin-left: 40px; padding: 18px; line-height: 18px;}
.resolucao h4 {font-weight: bold; font-size: 13px; margin-bottom: 10px;}
.resolucao ul {list-style-type: disc; margin-left: 13px}
.resolucao li {margin-bottom: 10px;}
.resolucao p.avisoResolucao {text-align: center; margin-top: 15px; color:#676767; border-top: 1px solid #ccc; padding-top: 10px; font-size: 11px}

.telaAtiva {color: #333333!important; cursor: text;}
#telaDesenvolvimento, #telaSistemas, #telaAcompanhamento {margin-bottom: 44px;}

#box-formContato {margin: 36px 0}
#box-formContato ul li {}
#box-formContato ul li label {display: block; margin-bottom: 3px}
#box-formContato ul li .campo {margin-bottom: 12px; border: 1px solid #d1d1d1; padding: 5px; width: 490px;}
#box-formContato ul li .enviar{width: 67px; height: 29px; border: none; color:#FFFFFF; background:  url(../images/bg-btSubmit.jpg) no-repeat 0 0 scroll; }

/* ICONES SOLUCAO */
.solucao01 {background: url(../images/ico-solucao01.gif) no-repeat top left;}
.solucao02 {background: url(../images/ico-solucao02.gif) no-repeat top left;}
.solucao03 {background: url(../images/ico-solucao03.gif) no-repeat top left;}
.solucao04 {background: url(../images/ico-solucao04.gif) no-repeat top left;}
.solucao05 {background: url(../images/ico-solucao05.gif) no-repeat top left;}
.solucao06 {background: url(../images/ico-solucao06.gif) no-repeat top left;}
.solucao07 {background: url(../images/ico-solucao07.gif) no-repeat top left;}
.solucao08 {background: url(../images/ico-solucao08.gif) no-repeat top left;}
.solucao09 {background: url(../images/ico-solucao09.gif) no-repeat top left;}
.solucao10 {background: url(../images/ico-solucao10.gif) no-repeat top left;}
.solucao11 {background: url(../images/ico-solucao11.gif) no-repeat top left;}

#box-formContato dl {margin: 10px 0}
#box-formContato dl dt {margin-bottom: 5px;}


/*GALERIA DE FOTOS PROJETO*/
.box-galeriaProjetos {margin-top:20px}
.box-galeriaProjetos h4 {font-weight: bold; margin-bottom: 5px;}
.box-galeriaProjetos ul {}
.box-galeriaProjetos ul li {float: left; width: 250px; margin: 0 10px 20px 0}
.box-galeriaProjetos ul li p {font-size:11px}
.titulo_form {
    color: #339900;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: -12px;
    padding-top: 15px;
    text-align: center;
}

.enviar{width:auto !important;height:auto !important;}


#principal.solucoes{}
#principal.solucoes .cima{}
#principal.solucoes .cima p{clear:both;margin-bottom: 7px;}
#principal.solucoes .cima ul{float:left;  padding-top: 14px;margin-bottom: 20px;}
#principal.solucoes .cima li{list-style-type: disc;color:#669724; list-style-position: inside;margin-bottom: 8px;}
#principal.solucoes .cima li span{color:#000;}
#principal.solucoes .cima .ul-01{width:114px;}
#principal.solucoes .cima .ul-02{width:160px;}
#principal.solucoes .cima .ul-03{width:165px;}

#principal.solucoes .baixo{ background: url("../images/bg-solucoes.jpg") no-repeat scroll 0 0 transparent;margin-left: -20px;width: 611px;}
#principal.solucoes .baixo li{float:left; text-indent:-9000px;}

#principal.solucoes .baixo li a{display:block;width:100%;height:100%;}

#principal.solucoes .baixo .ul-01{    margin-bottom: 295px;padding-left: 31px; padding-top: 77px;}
#principal.solucoes .baixo .ul-01 li{ display: block;height: 136px;   margin-right: 26px;width: 62px;}

#principal.solucoes .baixo .ul-02{padding-left: 34px; padding-bottom: 105px;}
#principal.solucoes .baixo .ul-02 li{ display: block;height: 81px;margin-right: 26px;width: 62px;}

#principal.solucoes .baixo .ul-03{ padding-left: 34px;padding-bottom: 150px;}
#principal.solucoes .baixo .ul-03 li{ display: block;height: 81px;margin-right: 26px;width: 62px;}

#principal.a-importancia ul{}
#principal.a-importancia li{ padding: 2px 0 21px 30px;  line-height: 18px;}
#principal.a-importancia li.li-01{background: url("../images/li-01.jpg") no-repeat scroll 0 0 transparent;}
#principal.a-importancia li.li-02{background: url("../images/li-02.jpg") no-repeat scroll 0 0 transparent;}
#principal.a-importancia li.li-03{background: url("../images/li-03.jpg") no-repeat scroll 0 0 transparent;}
#principal.a-importancia li.li-04{background: url("../images/li-04.jpg") no-repeat scroll 0 0 transparent;}
#principal.a-importancia li.li-05{background: url("../images/li-05.jpg") no-repeat scroll 0 0 transparent;}


.botao-enviar{
	background: url(images/botao-enviar-verde.png) no-repeat scroll 0px 0px;
	border: none;
	height: 24px;
	width: 68px;
	color:#FFF;
}

#galeriadefotos{
	width:606px;
	margin:0 0 0 0;
	padding:0;	
}

#galeriadefotos a{	
	margin:18px 0 18px 18px;	
}