/* ----- definições para resetar o css ----- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
outline:0;
vertical-align:baseline;
}
/* lembra de definir o estilo do foco */
:focus{
outline:0;
}
body{
color:#000000;
background:#ffffff;
line-height:1;
height:100%;
}
ol,ul{
list-style:none;
}
/* tabelas ainda necessitam do cellspacing=0 no código */
table{
border-collapse:separate;
border-spacing:0;
}
caption,th,td{
font-weight:normal;
}
blockquote:before,blockquote:after,q:before,q:after{
content:"";
}
blockquote,q{
quotes:"" "";
}
/* ----- final das definições de reset ----- */

/* ----- hack para problema de float dentro de divs ----- */
.clearfix:after {
content:" "; 
display:block;
height:0;
clear:both; 
visibility:hidden;
width:0;
}
.clearfix {display: inline-block;}
/* Oculta do IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fim do Oculta from IE-mac */
/* ----- fim do hack ----- */

/* Container Geral */
body{
background:#738DA5 url('img/fundo.gif') repeat-x 0 0;
}
div#css_geral{
margin:0 auto;
width:748px;
font: normal 100% "Trebuchet MS",Arial,Helvetica,sans-serif;
}

/* Cabeçalho */
div#css_geral div#css_cabecalho{
background:transparent url(img/cab_fundo.png) no-repeat center center;
height:105px;
overflow: hidden;
margin-top:6px;
}
div#css_geral div#css_cabecalho h1{
padding-top:15px;
padding-left:40px;
float:left;
width:83px;
height:75px;
}

/* Corpo */
div#css_geral div#css_corpo{
background:transparent url(img/corpo_fundo.png) repeat-y center center;
padding:47px 13px 9px 13px;
}

/* Conteúdo */
div#css_geral div#css_corpo div#css_conteudo{
border-top:5px solid #53458C;
}

/* Imagens Título */
div#css_geral div#css_corpo div#css_conteudo h2.img_home{
background:url(img/img_home.jpg) no-repeat 0 0;
height:131px;
text-indent:-5000em;
overflow:hidden;
}
div#css_geral div#css_corpo div#css_conteudo h2.img_empresa{
background:url(img/img_empresa.jpg) no-repeat 0 0;
height:131px;
text-indent:-5000em;
overflow:hidden;
}
div#css_geral div#css_corpo div#css_conteudo h2.img_servicos{
background:url(img/img_empresa.jpg) no-repeat 0 0;
height:131px;
text-indent:-5000em;
overflow:hidden;
}
div#css_geral div#css_corpo div#css_conteudo h2.img_clientes{
background:url(img/img_empresa.jpg) no-repeat 0 0;
height:131px;
text-indent:-5000em;
overflow:hidden;
}
div#css_geral div#css_corpo div#css_conteudo h2.img_produtos{
background:url(img/img_empresa.jpg) no-repeat 0 0;
height:131px;
text-indent:-5000em;
overflow:hidden;
}
div#css_geral div#css_corpo div#css_conteudo h2.img_contato{
background:url(img/img_empresa.jpg) no-repeat 0 0;
height:131px;
text-indent:-5000em;
overflow:hidden;
}

/* Box */
div#css_geral div#css_corpo div#css_conteudo div#css_box{
background:transparent url(img/box_baixo.png) no-repeat center bottom;
width:222px;
padding-bottom:8px;
margin:-121px 10px 10px 10px;
position:relative;
float:left
}
div#css_geral div#css_corpo div#css_conteudo div#css_box div#css_cima{
background:transparent url(img/box_cima.png) no-repeat center top;
padding-top:8px;
}
div#css_geral div#css_corpo div#css_conteudo div#css_box div#css_cima div#css_dentro{
background:transparent url(img/box_fundo.png) repeat-y center center;
padding:10px 18px;
}
div#css_geral div#css_corpo div#css_conteudo div#css_box h3{
color: #28166F;
font-size:90%;
font-weight: bold;
}
div#css_geral div#css_corpo div#css_conteudo div#css_box p{
margin-top:10px;
font-size:70%;
}
/* Box Parceiros */
div#css_geral div#css_corpo div#css_conteudo div#css_box div#parceiros{
margin-top:10px;
border-top:2px solid #B4B5B5;
padding:10px 10px 0 10px;
}
div#css_geral div#css_corpo div#css_conteudo div#css_box div#parceiros dd{
margin:3px;
float:left;
text-align:center;
width:45%;
}
div#css_geral div#css_corpo div#css_conteudo div#css_box div#parceiros dd.abnt{
width:100%;
}

/* Miolo do site */
div#css_geral div#css_corpo div#css_conteudo div#css_miolo h3{
color: #28166F;
font-size:98%;
font-weight: bold;
margin:12px 0;
letter-spacing: -1px;
}

div#css_geral div#css_corpo div#css_conteudo div#css_miolo h6{
font-size:85%;
font-weight: bold;
margin:12px 0;
letter-spacing: 0px;
}

div#css_geral div#css_corpo div#css_conteudo div#css_miolo h7{
font-size:=70%;
margin:12px 0;
letter-spacing: 1px;
clear: both;
}

div#css_geral div#css_corpo div#css_conteudo div#css_miolo p{
margin-bottom:10px;
font-size:80%;
}

div#css_geral div#css_corpo div#css_conteudo div#css_miolo ul{
font-size:80%;
margin-bottom:10px;
}
div#css_geral div#css_corpo div#css_conteudo div#css_miolo ul li{
text-indent: 40px;
}

div#css_geral div#css_corpo div#css_conteudo div#css_miolo ul li.parceiro{
text-indent: 0px;
margin-left: 30px;
list-style-type: disc;
}

div#css_geral div#css_corpo div#css_conteudo div#css_miolo p.css_vejae a{
text-decoration:none;
color:#808080;
}
div#css_geral div#css_corpo div#css_conteudo div#css_miolo p.css_vejae a:hover{
text-decoration:underline;
color:#1E90FF;
}
div#css_geral div#css_corpo div#css_conteudo div#css_miolo p.css_vejad{
text-align:right;
}
div#css_geral div#css_corpo div#css_conteudo div#css_miolo p.css_vejad a{
text-decoration:none;
color:#808080;
}
div#css_geral div#css_corpo div#css_conteudo div#css_miolo p.css_vejad a:hover{
text-decoration:underline;
color:#1E90FF;
}
div#css_geral div#css_corpo div#css_conteudo div#css_miolo img.css_fotoe{
float:left;
margin:0 5px 5px 0;
}
div#css_geral div#css_corpo div#css_conteudo div#css_miolo img.css_fotod{
float: right;
margin:0 0 5px 5px;
}
div#css_geral div#css_corpo div#css_conteudo div#css_miolo a{
text-decoration:none;
color:#808080;
}
div#css_geral div#css_corpo div#css_conteudo div#css_miolo  a:hover{
text-decoration:underline;
color:#1E90FF;
}


div#css_geral div#css_corpo div#css_conteudo div#css_figura{

float:left;
margin:0 5px 5px 0;
width: 700px;
}


div#css_geral div#css_corpo div#css_conteudo div#css_clibotoes{
margin-left: 15%;
margin-right: 10%;

}



div#css_geral div#css_corpo div#css_conteudo div#css_figura img.css_fotoe{
float:left;
margin:0 5px 5px 0;
}


div#css_geral div#css_corpo div#css_conteudo div#css_figura img.css_fotodiferentes{
float:left;
margin:0 95px 5px 0;
}

/* Formulário de Contato */
div#css_geral div#css_corpo div#css_conteudo div#css_miolo div#css_formcontato{
margin-top:10px;
}
div#css_geral div#css_corpo div#css_conteudo div#css_miolo div#css_formcontato fieldset dl{
float:left;
}
div#css_geral div#css_corpo div#css_conteudo div#css_miolo div#css_formcontato fieldset dl dt{
clear:both;
float:left;
height:24px;
line-height: 24px;
text-align: right;
width:100px;
color:#333333;
font: normal 80%/24px "Trebuchet MS",Arial,Helvetica,sans-serif;
margin-right:3px;
}
div#css_geral div#css_corpo div#css_conteudo div#css_miolo div#css_formcontato fieldset dl dd{
height:24px;
line-height:24px;
}
div#css_geral div#css_corpo div#css_conteudo div#css_miolo div#css_formcontato fieldset dl dd.mensagem{
float:left;
height:auto;
}
div#css_geral div#css_corpo div#css_conteudo div#css_miolo div#css_formcontato fieldset dl dd input{
font: normal 80%/normal "Trebuchet MS",Arial,Helvetica,sans-serif;
}
div#css_geral div#css_corpo div#css_conteudo div#css_miolo div#css_formcontato fieldset dl dd textarea{
font: normal 80%/normal "Trebuchet MS",Arial,Helvetica,sans-serif;
}
div#css_geral div#css_corpo div#css_conteudo div#css_miolo div#css_formcontato fieldset dl dt.css_botao{
text-align:right;
float: none;
width:270px;
padding:5px 0 15px 0;
line-height: 24px;
clear: left;
font: normal 70%/normal Arial, Helvetica, sans-serif;
}
div#css_geral div#css_corpo div#css_conteudo div#css_miolo div#css_formcontato fieldset dl dt input{
font-size:100%;
}

/* Menu Principal */
div#css_geral div#css_menu{
background:#738392 url(img/menu_fundo.gif) repeat-x center center;
position:absolute;
top:111px;
width:740px;
height:38px;
margin:0 4px;
}
div#css_geral div#css_menu dl{
font-size:82%;
font-weight: bold;
margin:0 1px 0 3px;
}
div#css_geral div#css_menu dl dd{
float:left;
height:38px;
width:118px;
background:url(img/menu_sep.gif) no-repeat right;
padding:0 5px 0 0;
}
div#css_geral div#css_menu dl dd.ult{
background:none;
padding:0;
}
div#css_geral div#css_menu dl dd a{
color:#E1E8EE;
text-decoration:none;
display: block;
text-align: center;
line-height: 38px;
}
div#css_geral div#css_menu dl dd a:hover{
color:#FFFFFF;
}

/* Contato */
div#css_geral div#css_contato{
position:absolute;
top:22px;
margin-left:460px;
}
div#css_geral div#css_contato p.telefone{
font-size:95%;
font-weight:bold;
text-align:right;

}
div#css_geral div#css_contato p.email{
font-size:90%;
font-weight:bold;
text-align:right;
margin-bottom: 5px;
}
div#css_geral div#css_contato p.email a{
text-decoration: none;
color:#000000;
}
div#css_geral div#css_contato p.email a:hover{
text-decoration:underline;
color:#1E90FF;
}
div#css_geral div#css_contato p.endereco{
font-size:80%;
text-align:right;
}


/* Contato em ingles */
div#css_geral div#css_contatoeng{
position:absolute;
top:22px;
margin-left:445px;
}
div#css_geral div#css_contatoeng p.telefone{
font-size:95%;
font-weight:bold;
text-align:right;

}
div#css_geral div#css_contatoeng p.email{
font-size:90%;
font-weight:bold;
text-align:right;
margin-bottom: 5px;
}
div#css_geral div#css_contatoeng p.email a{
text-decoration: none;
color:#000000;
}
div#css_geral div#css_contatoeng p.email a:hover{
text-decoration:underline;
color:#1E90FF;
}
div#css_geral div#css_contatoeng p.endereco{
font-size:80%;
text-align:right;
}

/* Rodapé */
div#css_geral div#css_rodape{
clear:both;
background:transparent url(img/rodape_fundo.png) no-repeat center center;
height:54px;
overflow: hidden;
margin-bottom:6px;
}
div#css_geral div#css_rodape p.copy{
color:#929292;
float:left;
font-size:60%;
margin:20px 0 0 20px;
}
div#css_geral div#css_rodape p.miraiweb{
float:right;
margin:18px 20px 0 0;
}
div#css_geral div#css_rodape p.miraiweb a{
width:33px;
float:left;
background:url(img/miraiweb.gif) no-repeat 0 0;
text-indent:-5000em;
height:18px;
overflow:hidden;
}