﻿* {margin:0; padding:0; border:0; outline:none;}
html,body { background: url(../images/verde.jpg) repeat-x; width:100%;}
select, input, textarea {border:1px solid #999; margin:1px 0 1px 0; /*Padrao Crossover - Ver IE*/}
input.checkradio {margin:4px 5px 3px 5px; position:relative; top:-3px; border:none; /*Padrao Crossover - Ver IE*/}
a {text-decoration:none; color:#0663D1;}
a:hover {text-decoration:none; color:#0A0AA7;}
li {list-style: none;}
div,p,input,td,body,h2,h3,h4 {font-family: Arial, Helvetica, sans-serif; color: #1d3c60; font-size:12px;}
p {line-height:1.7em;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#1d3c60;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#1d3c60;}
h4 {line-height:1.7em;}/*vermelho*/
h5 {font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#1d3c60;}
h6 {font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#FFF;}/*branco*/
h1, h1 a,.rTitulo, a.bt, a.bn {display: block; text-indent:-20000px; overflow:hidden; color:#1d3c60;}
ul, li {list-style:none;} 

/* ajudantes */
.ancora {position:relative; height:0; width:1px; z-index:20;}
.clear {clear:both;}
.clearL {clear:left;}
.clearR {clear:right;}
.fLeft {float:left;}
.fRight {float:right;}
.oculto {display: none;}
.bold{font-weight:bold}
.xxx {background-color:#3c3;} /*verde*/
.yyy {background-color:#fc0;} /*amarelo*/
.zzz {background-color:#06f;} /*azul*/
.bbb {border:1px solid #c00;} /*borda*/

.campo{width:300px; height:24px; background:#eeeeee; border:1px solid #cccccc; float:left;}
.formulario input{ width:300px; height:24px; background:#eeeeee; border:1px solid #cccccc;margin-bottom: 5px;}
.formulario textarea{width:300px; height:99px; background:#eeeeee; border:1px solid #cccccc;}
.BtnEnviar{float: right;
    height: 28px !important;
    margin-top: 5px;
    width: 100px !important;
}

/* estrutura */
#geral { width:890px;  margin:0 auto;}

#topo {width:890px; float:left; margin:0 0 0 0; position:relative;}
.logo a {
    background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    float: left;
  height: 85px;
    margin: 32px 0 0 3px;
    overflow: hidden;
    text-indent: -2000px;
    width: 295px;}
    
    .logo a img{width: 240px;}
    
#menu {
    float: left;
    height: 25px;
    margin: 80px 0 0 27px;
    width: 560px;}
    
#menu ul li {
    float: left;
    height: 22px;
    margin: 2px 25px 0;
    text-align: center;
    width:auto;
}
    
#menu ul li a {
    color: #ffe51b;
    font-family: arial;
    font-size: 16px;
    text-decoration: none;}

#menu ul li:hover{
    border-bottom:1px solid #edbc02;}
    
    
.fundoBanner { background:#ffffff ; display:none; height: 396px !important;margin: 0; width: 890px; float:left;border:none;}
.banner {border: medium none;
    float: left;
    height: 400px !important;
    margin: 0;
    overflow: hidden;
    width: 890px; }

.banner img{ border: 3px solid #FFFFFF;
    width: 886px;}

 /*aqui começa um novo id (#)*/
#conteudo {width:890px; float:left; margin-top: 20px;}
#conteudo .box1 {width:160px; float:left;}
#conteudo .box1 p { font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px;  color:#0663D1!important;  } 
#conteudo .box2 {width:680px; float:left; margin:0 0 10px 45px;}
.boxPrincipal {width:678px; float:left; margin: 0 10px 0 0; border:solid 1px #e8e6e6; height:auto; background:#ffffff; }

/*Dois Boxs*/

/*#conteudo .boxEsquerdo {width:247px; float:left; margin:27px 0 0 62px;}*/

#conteudo .boxEsquerdo {
    float: left;
    height: auto;
    margin: 27px 0 30px 62px;
    width: 558px;
}

.boxEsquerdo img{ float: left;
    margin: 0 16px 0 0;
    width: 190px;}

#conteudo .boxEsquerdo p {text-align:justify; overflow:hidden;  float:left; margin:10px 0 0 0px;}
#conteudo .boxImgesquerda {width:244px; height:109px;  text-align: center; border:solid 1px #e8e6e6; overflow:hidden;}
#conteudo .boxBotao {background:url(../images/botao_ler_mais.jpg); width:74px; height:24px; float:left; margin:5px 0 0 0; border:solid 1px  #CCC;}
#conteudo .boxBotao p { text-align:center; margin:2px 0 0 0; width:74px; height:24px;}

 /* internas (#)*/
 
#conteudo .boxServicos1 {width:638px; float:left; margin:20px 0 0 30px;}
#conteudo .boxServicos1 p {text-align:justify; overflow:hidden; overflow:hidden; width:465px; float:left; margin:0px 0 0 22px;}
#conteudo .imagemServicos1 {width:142px; float:left;  /*border:solid 1px #e8e6e6;*/ overflow:hidden;}

.imagemServicos1 img {width:142px;}


#conteudo .boxBotaoservicos {background:url(../images/botao_ler_mais.jpg); width:74px; height:24px; float:left; margin:17px 0 0 411px; border:solid 1px  #CCC;}
#conteudo .boxBotaoservicos p {text-align:center; margin:2px 0 0 0px; width:74px; height:24px;}
#conteudo .boxPrincipal2 {width:680px; float:left; margin: 0 0 20px 2px; border:solid 1px #e8e6e6; padding:0 0 20px 0; background:url("../images/bg-box.jpg") repeat-x scroll 0 0 #EAEAEA; }
#conteudo .boxPrincipal2 p {float:left; margin:3px 0 0 23px; text-align:justify; } 
#conteudo .boxPrincipal2 h2 {width:470px; float:left; margin: 25px 0 0 19px; text-align:justify; } 
#conteudo .boxPrincipal2 h5 {width:470px; float:left; margin: 25px 0 0 33px; text-align:justify; } 
#conteudo .boxTextoassistencia {width:605px; float:left; margin:2px 0 0 20px; text-align:justify; } 
#conteudo .boxTextoassistencia p {width:605px; float:left; margin:10px 0 0 20px; text-align:justify; } 
#conteudo .boxtexto1 {width:200px; float:left; margin: 0 0 0 0px;} 
#conteudo .boxtexto1 h2 {width:625px; float:left; margin: 10px 0 20px 0px; text-align:right} 
#conteudo .boxServicos1 h2 {margin:0 0 0 20px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000}
#conteudo .box3 {float:left;}


 /* fim internas (#)*/


#conteudo .boxMidias{ display:none; float:left; width:132px; height:31px; margin:40px 0 0 555px; background:url(../images/midias-sociais.png) no-repeat}
#conteudo .boxMidias  ul li { display:inline; float:left;}
#conteudo .boxMidias  ul li a {float:left; text-decoration:none; overflow:hidden; text-indent:-20000px; height:24px; width:65px; margin:4px 0 0 0;}
#conteudo .boxMidias  li.menu1 a { margin: 4px 0 0 8px; width:25px }
#conteudo .boxMidias  li.menu2 a { margin: 4px 0 0 6px; width:25px }
#conteudo .boxMidias  li.menu3 a { margin: 4px 0 0 5px; width:22px}
#conteudo .boxMidias  li.menu4 a { margin: 4px 0 0 4px; width:21px}


#conteudo .boxMidiascontato{display:none; float:left; width:132px; height:31px; margin:40px 0 0 704px; background:url(../images/midias-sociais.png) no-repeat}
#conteudo .boxMidiascontato  ul li { display:inline; float:left;}
#conteudo .boxMidiascontato  ul li a {float:left; text-decoration:none; overflow:hidden; text-indent:-20000px; height:24px; width:65px; margin:4px 0 0 0;}
#conteudo .boxMidiascontato  li.menu1 a { margin: 4px 0 0 8px; width:25px }
#conteudo .boxMidiascontato  li.menu2 a { margin: 4px 0 0 6px; width:25px }
#conteudo .boxMidiascontato  li.menu3 a { margin: 4px 0 0 5px; width:22px}
#conteudo .boxMidiascontato  li.menu4 a { margin: 4px 0 0 4px; width:21px}

#rodapeFull {width:100%; height:120px; background:#0c9d47; float:left;}
#rodape {width:990px;  margin:0 auto;}
#rodape .informacoes {width:371px; height:80px; float:left;}
#rodape .telefone { width:371px; height:25px; background:#008334; margin:14px 0 0 12px; float:left;}
#rodape .telefone h3 {margin:5px 0 0 8px; color:#ffffff!important;}
#rodape .informacoes h6 {margin:10px 0 0 19px; float:left;}
#rodape .informacoes h5 { margin:21px 0 0 14px; float:left; width:300px;}
#rodape .endereco {width:385px; height:80px; float:left; margin:11px 0 0 234px;}
#rodape .endereco h3 {margin:6px 0 0 0; color:#ffffff!important;}
#mumbai {width:70px; height:20px; margin:0 0 0 1070px; float:left;}

.boxImgesquerda img{ width:244px;}

/* modal alerta */
#mask { display: none; position:absolute; z-index:9999999; background-color:#424EA2; left:0;  top:0; opacity: .85; -moz-opacity: .85; filter:alpha(opacity=85); }
#maskConteudo { padding-top: 10%; font-family: Verdana;  color: #FFFFFF; font-size: 15px; }

.formulario {
    clear: both;
    width: 300px;
}

#formulariobox
{
margin:0 0 71px 100px;
float:left;
}

#formulariobox p {
    margin: 10px 0 -25px 0;
    font-family:Verdana;
    font-size:10px;
    color:#000;
    text-align:right;
    float:left;
    width:70px;
    }
    
    .btn {border:1px solid #9f9f9f; height:25px; width: 90px; margin: 10px 0 32px 182px;}

   
    
.formulario .tituloFormulario{float:left; width:300px; height:28px; }
.formulario .tituloFormulario h2{  color: #1D3C60;
    float: left;
    font-family: arial;
    font-size: 14px;
    margin:0 0 20px 5px;
    text-align: left;
    width: 180px;}

.imagemBox3 {float: left; height: 150px; margin: 10px 0 0 100px; width: 150px;}
.textoBox3 {float: left; margin: 35px 0 0 100px;}
.textoBox3 p{float:left;}


#box2
{
border:1px solid;
float: left
}

.BoxClientes {width:678px; float:left; margin:0 0 46px; border:solid 1px #e8e6e6;  background:url(../images/bg-box33.jpg) repeat-x; }
.BoxLogos {
    border: 1px solid #CDCDCD;
    float: left;
    height: 95px;
    margin: 15px 0 11px 14px;
    width: 95px;
    overflow:hidden;
}


.boxPrincipal3 {width:678px; float:left; margin: 20px 0 0 -10px; border:solid 1px #e8e6e6; height:132px; background:url(../images/bg-box33.jpg) repeat-x; }
.boxEsquerdo3 {width:600px; float:left; margin:27px 0 0 26px;}
.boxEsquerdo3 p {text-align:justify; overflow:hidden;  height:100px; width: 425px; float:left; margin:0 0 0 36px;}
.boxImgesquerda3 {width:136px; height:87px; float:left; margin:0 0 0 3px; overflow:hidden;}

.boxEsquerdo3 a{ text-decoration: underline;color:#2b2622; }

.informacoes h3{float:left; margin:23px 0 0 18px; color:#ffffff!important;}

.TituloClientes {width:670px; float:left; margin:0;  }

.TituloClientes p {margin:16px 0 16px 20px; }

.BoxClientes h2 {margin:22px 0 16px 20px; }

.BoxProjetos {width:680px; float:left; margin:0 0 18px -8px; border:solid 1px #e8e6e6; background:url(../images/bg-box33.jpg) repeat-x; }

.BoxTextoProjetos { float: left; margin: 2px 0 10px 8px; text-align: justify; width: 605px; }
.BoxTextoProjetos h2 {width:605px; float:left; margin:24px 0 15px 0; text-align:justify; } 

/* Slider de projetos */	
.slides_container { float: left; height: 241px; width: 594px;}
.slides_container div { display:block; width: 624px; height:241px; }
#slides { background: none repeat scroll 0 0 #FFFFFF; height: 241px; margin-top: 70px; width: 664px; }
.prev{width: 35px; height: 241px; background: #FFF url('images/botao-left.jpg'); float: left;}
.next{background: url("images/botao-right.jpg") repeat scroll 0 0 #FFFFFF; float: left; height: 241px; width: 35px;}
.slides_container .divCliente { background: none repeat scroll 0 0 #FFFFFF; float: left; height: 221px; 
	padding: 15px 5px 5px 5px; text-align: left; width: 186px; font-family: Arial, Helvetica, Sans-Serif; 
	font-size:13px; color:#2b2622; line-height:1.5em; }
.slides_container .divSeparador{width: 3px; height: 241px; background: #FFF url(../images/separador.jpg); float: left;}
	
	
	
	
	