.esquerda { float:left; width:590px; display:inline;  }
.direita { float:right; width:284px; }

.esquerda .titulo { float:left; width:100%; color:#797A7D; font-size:18px; letter-spacing:-1px; word-spacing:1px; } 
.esquerda .titulo strong { color:#3E4152; font-size:24px; letter-spacing:-2px; } 
.esquerda .titulo span { color:#65666A; font-size:26px; letter-spacing:-2px; } 

.esquerda .descricao { float:left; width:95%; margin:20px 0px 0px 10px; display:inline; border-bottom: 1px solid #C1C2C8; padding:0px 0px 20px 0px;   }
.esquerda .descricao .sub { text-align:center; float:left; width:100%; color:#5798BA; margin:25px 0px 0px 0px; font-size:12px }
.esquerda .descricao .texto { float:left; width:100%;  margin:20px 0px 0px 0px; font-size:12px; text-align:justify;  }

.esquerda .descricao .pastas { float:left; width:100%; margin:20px 0px 0px 0px;  display:inline }
.esquerda .descricao .pastas .pastaAzul { float:left; width:270px; margin:2px 5px 0px 0px; display:inline; text-indent:40px; background:url(../images/pastinhaAzul.jpg) no-repeat top left; font-size:12px; height:24px;  line-height:2 }
.esquerda .descricao .pastas .pastaAmarela { float:left; width:240px; margin:5px 5px 0px 0px; display:inline; text-indent:40px; background:url(../images/pastinhaAmarela.jpg) no-repeat top left; font-size:12px; height:24px;  line-height:2;   }
.esquerda .descricao .pastas .pastaAmarela a { color:#E48208;  }
.esquerda .descricao .pastas a { color:#447690; text-decoration:none; }
.esquerda .descricao .pastas a:hover { text-decoration:underline;  }

.esquerda .depoimentos { float:left; width:275px; border-right: 1px solid #C1C2C7; margin:10px 0px 0px 10px; height:360px;    }
.esquerda .depoimentos .titulo { color:#65666A; font-size:26px; letter-spacing:-2px; } 
.esquerda .depoimentos .lista {  float:left; width:100%; font-size:12px; margin:24px 0px 0px 0px; height:268px; } 
.esquerda .depoimentos .lista .depoimento { float:left; width:260px; display:inline; margin:0px 0px 10px 0px; }
.esquerda .depoimentos .lista .depoimento img { float:left; margin:0px 10px 0px 0px; display:inline; border:1px solid #CCCCCC }
.esquerda .depoimentos .lista .depoimento .texto {float:left;  width:156px; font-size:11px; display:inline; margin:10px 0px 0px 0px; line-height:1.4}
.esquerda .depoimentos .lista .depoimento .texto .pensamento {background:url(../images/pensamento.jpg) top left no-repeat; float:left; width:19px; height:21px; margin:-7px 3px 0px 0px;  }
.esquerda .depoimentos .lista .depoimento .texto .nome {float:left; width:100%; height:20px; margin:10px 0px 0px 0px; padding:0px 0px 8px 0px; color:#327CB5; text-align:right; font-size:13px; font-weight:bold; }
.esquerda .depoimentos .lista .depoimento .texto a { text-decoration:none; color:#000000; }
.esquerda .depoimentos .lista .depoimento .texto a:hover { text-decoration:underline; }
.esquerda .depoimentos .leiaMais { float:left; width:94%; text-align:right; margin:25px 0px 0px 0px  }
.esquerda .depoimentos .leiaMais img  {border:0px }

.esquerda .cases { float:left; width:265px; margin:10px 0px 0px 20px; height:360px;    }
.esquerda .cases .titulo { color:#65666A; font-size:26px; letter-spacing:-2px; margin:0px 0px 5px 0px; } 
.esquerda .cases .lista {  float:left; width:100%; font-size:12px; margin:24px 0px 0px 0px; height:258px; } 
.esquerda .cases .lista .case {  float:left; width:100%; font-size:12px; margin:0px 0px 10px 0px; height:77px; } 
.esquerda .cases .lista .case a:hover  { text-decoration:underline  }
.esquerda .cases .lista .case a { color:#000000; text-decoration:none}
.esquerda .cases .leiaMais { float:left; width:94%; text-align:right; margin:30px 0px 0px 0px  }
.esquerda .cases .leiaMais img  {border:0px }

.esquerda .twitter { float:left; width:95%;  margin:20px 0px 0px 10px; border-top: 1px solid #C1C2C7; border-bottom: 1px solid #C1C2C7; padding:10px 0px 10px 0px;  }
.esquerda .twitter .titulo { color:#65666A; font-size:20px; letter-spacing:-1px; margin:10px 0px 5px 0px ; width:260px;} 
.esquerda .twitter .titulo strong { color:#3E4152; font-size:18px; letter-spacing:-1px; } 
.esquerda .twitter .titulo span { color:#65666A; font-size:20px; letter-spacing:-1px; color:#53A4EE } 
.esquerda .twitter .follow { display:inline; background:url(../images/follow.png) no-repeat; width:103px; height:45px; float:left; display:inline;   } 
.esquerda .twitter .ultimas { float:left; margin:10px 0px 0px 0px; width:363px; display:inline; font-size:12px;  } 
.esquerda .twitter .ultimas .tituloUltimas { float:left; width:100%; color:#5283B2; font-weight:bold; display:inline; margin:0px 0px 10px 0px  } 
.esquerda .twitter .ultimas .ultima { float:left; width:100%; background:url(../images/item.png) center left no-repeat; text-indent:10px; font-size:11px;   } 
.esquerda .twitter .ultimas .ultima a { text-decoration:none; color:#000000;   } 
.esquerda .twitter .ultimas .ultima a:hover { text-decoration:underline; } 
.esquerda .twitter .parceiros { float:right; width:190px; height:110px; background:#E6F9FB; display:inline; margin:10px 0px 0px 0px; padding:0px 0px 10px 0px;  } 
.esquerda .twitter .parceiros .tituloParceiros { color:#5DAAEF; font-size:18px; letter-spacing:-1px; float:left; width:90%; display:inline; margin:7px 0px 0px 7px;} 
.esquerda .twitter .parceiros .parceiro { float:left; width:90%; background:url(../images/twitter_item.jpg) left top no-repeat; display:inline; margin:10px 0px 0px 5px } 
.esquerda .twitter .parceiros .parceiro a { float:left; width:88%; display:block; margin:0px 0px 0px 30px; font-size:11px; color:#65666A; text-decoration:none  } 
.esquerda .twitter .parceiros .parceiro a:hover  { text-decoration:underline  } 

.esquerda .campanhas { float:left; width:275px; margin:20px 0px 0px 10px;  border-right: 1px solid #C1C2C7;   }
.esquerda .campanhas .titulo { color:#65666A; font-size:26px; letter-spacing:-2px; margin:0px 0px 15px 0px; } 
.esquerda .campanhas .lista { float:left; width:100%; margin:10px 0px 0px 0px; height:163px; } 
.esquerda .campanhas .lista .campanha { float:right; width:93%; background:url(../images/item.png) center left no-repeat;  padding:0px 0px 3px 15px;  font-size:11px  }
.esquerda .campanhas .leiaMais { float:left; width:94%; text-align:right; margin:10px 0px 0px 0px ; display:none }
.esquerda .campanhas .leiaMais img  {border:0px }

.esquerda .ganhadores { float:left; width:275px; margin:20px 0px 0px 20px; height:160px;   }
.esquerda .ganhadores .titulo { color:#65666A; font-size:26px; letter-spacing:-2px; margin:0px 0px 15px 0px; } 
.esquerda .ganhadores .lista { float:left; width:100%; margin:10px 0px 0px 0px; height:163px; }  
.esquerda .ganhadores .lista .ganhador { float:right; width:93%; background:url(../images/item.png) center left no-repeat;  padding:0px 0px 3px 15px; line-height:0.9  }
.esquerda .ganhadores .lista .ganhador a { color: #000000; text-decoration:none; font-size:11px;   }
.esquerda .ganhadores .lista .ganhador a:hover  { text-decoration:underline;   }
.esquerda .ganhadores .leiaMais { float:left; width:94%; text-align:right; margin:10px 0px 0px 0px  }
.esquerda .ganhadores .leiaMais img  {border:0px }

.direita .produtos { float:left; background: url(../images/bg_produtos.jpg) no-repeat; width:279px; height:953px; display:inline; margin:12px 0px 0px 0px; }
.direita .produtos .separador { float:left; margin:20px 0px 0px 20px; display:inline; width:85%; }
.direita .produtos .titulo {color:#65666A; font-size:26px; letter-spacing:-2px; float:left; width: 100%; margin:0px 0px 10px 0px; }
.direita .produtos .produto { float:left; width:100%; border-bottom:1px solid #C1C2C8; height:54px; display:inline; margin:15px 0px 0px 0px; padding:0px 0px 10px 0px;}
.direita .produtos .produto .icone { float:left; display:inline; }
.direita .produtos .produto .titulo_produto { float: left; display:inline; height: 20px;  width:170px; font-weight:bold; font-size:11px; color:#3E4152;  }
.direita .produtos .produto .descricao_produto { float: left; display:inline; height: 30px; line-height:-2px; width:170px;  font-size:10px;   }
.direita .produtos .produto .descricao_produto a {  color:#3E4152; text-decoration:none }
.direita .produtos .produto .descricao_produto a:hover {   text-decoration:underline }

.direita .produtos #clientes { float:left; width:100%; padding:0px 0px 10px 0px; }
.direita .loginMx { float:left; width:279px; height:130px; background:url(../images/bg_login_mx.jpg); }
.direita .loginMx .formulario { float:left; height:65px; margin:61px 0 0 10px; width:72%;}
.direita .loginMx .formulario .usuario { background:transparent none; border:0 none; float:left; height:20px; margin:5px 0 0 5px; width:95%;}
.direita .loginMx .formulario .senha { background:transparent; border:0 none; float:left; height:20px; margin:15px 0 0 5px; width:95%;}
.direita .loginMx .enviar { display:block; float:right; height:60px; margin:60px 6px 0 0; width:52px;}

.direita .produtos #clientes { float:left; width:100%; padding:0px 0px 10px 0px; }

.direita  .box { float:left; width:279px; height:195px; background:url(../images/box.jpg); }
.direita  .box .newsletter { float:left; width:100%; height:90px;  }
.direita  .box .newsletter .linha { float:left; width:100%; height:30px; margin:55px 0px 0px 0px;   }
.direita  .box .newsletter .linha .email { float:left; width:185px; height:20px; background:none; display:inline; border:0px; margin:5px 0px 0px 20px;  }
.direita  .box .newsletter .linha .lnkEnviar { display:block;  height:27px; margin:0px 0px 0px 13px; width:50px;  float:left   }
.direita  .box .newsletter .formato { display:none  }
.direita  .box .newsletter .enviar { visibility:hidden; width:1px; height:1px; display:none  }
.direita  .box .amigo { float:left; width:100%; height:90px; }
.direita  .box .amigo a { display:block; width:100%; height:100%; }

#banco_de_dados .icone { background: url(../images/banco_dados.png) no-repeat;  width: 67px; height:46px;  }
#crm .icone { background: url(../images/crm.png) no-repeat;  width: 67px; height:54px;  }
#database_marketing .icone { background: url(../images/database.png) no-repeat;  width: 67px; height:54px;  }
#bi .icone { background: url(../images/bi.png) no-repeat;  width: 67px; height:42px;  }
#solucoes_web .icone { background: url(../images/solucoes_web.png) no-repeat;  width: 67px; height:52px;  }
#solucoes_web { margin-bottom:10px; }