﻿@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; }

body { font-family: Arial, Sans-Serif; font-size: 11px; line-height: 14px; margin: 0; padding: 0; background-position: top center; margin:0; padding:0; }
a:link { color: #ffffff; text-decoration: none; font-weight:bold;}
a:visited { color: #ffffff; text-decoration: none; font-weight:bold; }
a:hover { color: #366085; text-decoration: none; }
a:active { color: #ffffff; text-decoration: none; }

#wrapper { display: block; clear: both; width: 960px; margin: 0 auto; -moz-box-shadow: 0px 1px 10px #000; -webkit-box-shadow: 0px 1px 10px #000; box-shadow: 0px 5px 1px #000; behaviour: url(ie-css3.htc) }


#cabecalho { float:left; width: 960px; height: 135px; background-image:url(../images/topo_site.jpg); background-repeat:no-repeat; margin:0 0 0 0; padding: 0 0 0 0 ;}

#cabecalho a.pcmac { font-family:Arial, Helvetica, sans-serif; font-size:12; font-weight:none; color: #5f8eb3; text-decoration:none; }

#cabecalho a.pcmac:hover { color: #d7e400; }

#conteudo { float:left; width: 600px; height: 500px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; color:#333333; }

#rodape { display:block; width: 960px; height: 140px; background-image:url(../images/bg_rodape.jpg); background-repeat:no-repeat; background-position: bottom left; margin: 0; padding: 0; }

#menuNav { clear: both; list-style-position: outside; list-style-type: none; display: block; width: 100%; }

#menuNav li { float:right; display: block; width: 119px; height: 28px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 28px; margin: 2em 10px 0 0; border-bottom-color: #eeeff2; border-bottom-style: solid; border-bottom-width: 2px; }

#menuNav li a { color:rgb(0,0,0); float:right; display: block; width: 119px; height: 28px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:28px; text-decoration: none; }

#menuNav li a:hover, #menuNav li.paginaAtual { background-color: #dfee84; }

#menuNav li a:active, #menuNav li.paginaAtual { background-color: #cfee10; }

#breadcrumb { clear: both; display: block; width: 960px; height: 40px; margin: 0 0 0 2em; }

#breadcrumb li { float:left; display: block; width: 9em; height: 38px; font-size: 12px; line-height: 48px; margin: 0 4.3em 0 0; }

#breadcrumb li a { color:#3a68a4; text-decoration:none; }

#breadcrumb li a:hover { color: #d5e500; }


#galeria { float: left; display: block; width: 770px; min-height: 320px; margin:0;}

#destaques { display: block; width: 960px; height: 160px; background-image:url(../images/bg_contato.jpg)}

#destaquesIndex { display: block; width: 960px; height: 320px; background-color: #f4f5ee; }

#sec_novidades, #sec_solucoes { display: block; width: 960px; min-height: 191px; background-color: #ffffff; margin: 19px 13px 0 0; }

#sec_novidades h6, #sec_solucoes h6, #sec_prodSelec h6 { font-family: Helvetica, Arial, sans-serif; margin: 0 0 3px 0px; font-weight:normal; }

#sec_novidades .colEsquerda ul, #sec_solucoes .colEsquerda ul, #sec_prodSelec .colEsquerda ul { list-style-position: outside; list-style-type: none; }

#sec_prodSelec { display: block; width: 960px; min-height: 390px; background-color: #ffffff; margin: 10px 13px 0 0; }

.destaquehome { display: block; width: 597px; height: 176px; margin: 30px 0 0 20px; float: left; border:solid #cccccc thin; background-color:#FFFFFF}

.destaquebox { display: block; width: 250px; height: 159px; margin: 0 10px 0 0; float: left; border-bottom:solid #cccccc thin}

.destaquebox h3 { margin-top: 1em; }

.destaquebox p { font-size:11px; line-height:12px; color: #696a65; margin-top: 1em; }

.destaquebox a { font-size:12px; color: #336d9f; }

.destaquebox a:hover { color: #696a65; }

.destaquebox1 { display: block; width: 250px; height: 159px; margin: 0 10px 0 0; float: left;}

.toptit { float:right; width: 650px; height: 30px; margin: 0 0 0 10px; font-family: Helvetica, Sans; font-size:20px; line-height:22px; font-weight:none; color: #9c9c9c; text-decoration:none; }

.ultimoBox { clear:right; }

.linhadiv { display: block; width: 960px; height: 10px; background-image:url(../images/linhadiv.jpg); clear: both; }

.colDir { display: block; width: 127px; height: 100%; margin: 100px 0 0 52px; float: left; font-size:11px; color:#6f7377; line-height:14px; }

.colDir p, colDir h2 {width: 127px; height: 100%; margin: 137px 0 0 52px; float: left; font-size:11px; color:#333333; line-height:12px; }

.colEsquerda { display: block; width: 140px; height: 100%; margin: 13px 20px 0 15px; float: left; }

.colunaMetade p { line-height: 1.6; color: #666; margin: 0 3em 0 0; }

.colEsquerda h6 { margin: 0 0 0 10px; }

.colEsquerda li a { font-size:12px; line-height: 20px; color:#3a68a4; text-decoration:none; }

.colEsquerda li a:hover { color: #707070; }


.colEsquerda ul.destacada { list-style-position: inside; list-style-type: none; display: block; position: relative; padding-left: 5px; width: 157px; margin: 5px 0 0 0; }

.colEsquerda .destacada li { display: block; width: 120px; height:25px; padding: 0 15px 0 10px; text-align:right;}

.colEsquerda ul.destacada li a { color: #ffffff; font-size: 11.5px; display: block; font-weight: bold;}

.colEsquerda ul.destacada li a:hover, .colEsquerda ul.destacada li.selecionada { color: #4b6987; font-size: 11.5px; background-color: none; font-weight: bold; }

.colEsquerda ul.destacada li.vazia { background-color: none; background-image:none; border: none;}

.textolat { width: 100px; text-transform: capitalize; font-size: 11px; color: #ffffff; display: block; font-weight: bold; float:left; margin: 100px 0 0 55px; z-index: auto;}

.textolat a{ color: #ffffff; text-transform: capitalize; font-size: 12px; display: block; font-weight: bold; text-decoration:none;}

.textolat a:hover{ color: #4b6987; text-transform: capitalize; font-size: 12px; display: block; font-weight: bold; text-decoration:none;}

.rodesq { display: block; width: 220px; height: 100%; margin: 13px 0 0 0; float: right; }

.rodtexto { float:right; width: 610px; height: 48px; margin: 52px 0 0 0; font-family: Helvetica, Sans; font-size:11px; line-height:12px; font-weight:none; color: #686868; text-decoration:none; }

.boxforms { display: block; width: 510px; height: 100%; margin: 13px 28px 10px 0; font-family: Arial; font-size:12px; line-height:13px; font-weight:none; color: #252420; text-decoration:none; float: left; }

.boxformdir { display: block; width: 250px; height: 100%; margin: 13px 0 0 0; font-family: Arial; font-size:12px; line-height:17px; font-weight:none; color: #787878; text-decoration:none; float: left; }

#chamadas { display: block; width: 180px; height: 299px; padding-left:5px; padding-right:10px; margin: 15px 0 0 0; float: right; }

#chamadas p { font-size:12px; color: #696a65; margin-top: 1em; }

#chamadas h2 { display: block; margin: 64px 0 0 0; }

#ojavascript { display: block; width: 589px; height: 299px; margin: 10px 3px 0 0; background-color: black; float: right; }

#wrapper #sec_portfolio { display: block; clear: both; width: 100%; }


h1, h2, h3, h4, h5 { color: #555554; font-family: Helvetica, Sans; text-decoration:none;}

h2 { font-size: 19px; line-height: 24px; }

h3 { font-size: 12px; line-height: 12px; }

h6 { color: #707070; font-family: Helvetica, Sans; font-size: 16px; line-height:18px; }

a.linkpeq { font-size:11px; line-height: 16px; color:#3a68a4; text-decoration:none; }

a.linkpeq:hover { color: #707070; }

a.linkancora { font-size:11.7px; font-weight:bold; line-height: 22px; color:#3f6d91; text-decoration:none; }

a.linkancora:hover { color: #383231; }

a.linkancora1 { font-size:11.7px; font-weight:bold; line-height: 22px; color:#7F0D00; text-decoration:none; }

a.linkancora1:hover { color: #7F0D00; }


a.linkancora2 { font-size:10.5px; font-weight:bold; line-height: 22px; color:#3f6d91; text-decoration:none; }

a.linkancora2:hover { color: #383231; }

.style1 { font-size: 9px }

#destaques #chamadas p { margin-top: 1em; }

#destaques #colDireita h1 { font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 48px; line-height: 1.4; font-style: normal; font-variant: small-caps; color: #006; }

#destaques #colDireita h2 { font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 24px; line-height: 1.4; font-style: normal; font-variant: small-caps; color: #999; }

.colunaMetade { display: block; float: left; width: 394px; }



.formobj { BORDER-RIGHT:  1px solid #e9e9e9; BORDER-TOP:  1px solid #e9e9e9; FONT-SIZE: 10px; BORDER-LEFT:  1px solid #e9e9e9; WIDTH: 488px; COLOR: #312d35; BORDER-BOTTOM: 1px solid #e9e9e9; FONT-FAMILY: verdana; HEIGHT: 28px; BACKGROUND-COLOR: #f8f8f8}

.formobj1{ BORDER-RIGHT:  1px solid #e9e9e9; BORDER-TOP:  1px solid #e9e9e9; FONT-SIZE: 10px; BORDER-LEFT:  1px solid #e9e9e9; WIDTH: 488px; COLOR: #312d35; BORDER-BOTTOM: 1px solid #e9e9e9; FONT-FAMILY: verdana; HEIGHT: 70px; BACKGROUND-COLOR: #f8f8f8}

.formobj2 { BORDER-RIGHT:  1px solid #7c9eba; BORDER-TOP:  1px solid #7c9eba; FONT-SIZE: 10px; BORDER-LEFT:  1px solid #7c9eba; WIDTH: 234px; COLOR: #312d35; BORDER-BOTTOM: 1px solid #7c9eba; FONT-FAMILY: verdana; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff}

.formobj3 { BORDER-RIGHT:  1px solid #7c9eba; BORDER-TOP:  1px solid #7c9eba; FONT-SIZE: 10px; BORDER-LEFT:  1px solid #7c9eba; WIDTH: 100px; COLOR: #312d35; BORDER-BOTTOM: 1px solid #7c9eba; FONT-FAMILY: verdana; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff}

.formobj4{ BORDER-RIGHT:  1px solid #e9e9e9; BORDER-TOP:  1px solid #e9e9e9; FONT-SIZE: 10px; BORDER-LEFT:  1px solid #e9e9e9; WIDTH: 200px; COLOR: #312d35; BORDER-BOTTOM: 1px solid #e9e9e9; FONT-FAMILY: verdana; HEIGHT: 70px; BACKGROUND-COLOR: #f8f8f8}

.formobj5 { BORDER-RIGHT:  1px solid #7c9eba; BORDER-TOP:  1px solid #7c9eba; FONT-SIZE: 10px; BORDER-LEFT:  1px solid #7c9eba; WIDTH: 234px; COLOR: #312d35; BORDER-BOTTOM: 1px solid #7c9eba; FONT-FAMILY: verdana; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff}

#destaques #colDireita { width: 490px; float: left; }
