/* ARQUIVO DE CONFIGURA��ES CSS */
body {position: relative; font-size:12px !important; font-family: Arial; width: 100%; }
html { width:100%; position:relative; min-width:998px; min-height:997px; height:auto; text-align:justify; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{ margin:0; padding:0; }
/*table { border-collapse:collapse; border-spacing:0; }*/
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup,sub { line-height:1px; vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select
{ font-family:inherit; font-size:inherit; font-weight:inherit; }
a { text-decoration:none; outline:none; color:#000000; }
a:hover, a.selected { text-decoration:none; outline:none; color: #000000; }
LI { list-style:none; }
/*BASE*/
.clr { clear:both !important; }
.fl { float:left !important; display:block; }
.fr { float:right !important; display:block;}
.off { cursor:default; }
/*forms - inserir dinamicamente as classes nos elementos de formulario*/
input { outline:none; padding:0 5px 0 5px; border: 0px; margin: 0 0 5px 0; }
label { vertical-align:middle; cursor:pointer; }
textarea { outline:none; border: 0px; overflow:auto; padding:5px 0 5px 5px }
.frmChk,.frmRad { width:13px; height:13px; margin:0; padding:0; cursor:pointer; vertical-align:middle; }
.frmImg { margin:0; padding:0; vertical-align:middle; outline:none; border:none; }
/*
At� essa parte � somente um reset de CSS apenas para tirar algumas propriedades de tags
EX: os tamos dos H1 , H2, H3... tornando todas do mesmo tamanho para poder trabalhar elas melhor do modo que for preciso.
*/
/*Topo, Anima��o, Menu, Face, Youtube, Acesso Restrito*/
.fundo_topo { width: 100%; height: 274px; background: url("../img/fundo_banner.png") no-repeat center top; }
.topo { width: 998px; height: 274px; margin: auto; }
.animacao { width: 733px; height: 208px; position: absolute; z-index: 1; margin-left: 265px; }
.banner { width: 998px; height: 274px; position: absolute; z-index: 2; background: url("../img/banner.png") no-repeat; }
.menuTopo { width: 764px; height: 28px; margin: 212px 0 0 55px; }
.menuTopo LI { float: left; display: inline; }
.menuHome A { background: url(../img/home.png) no-repeat; width: 54px; height: 26px; display: block; cursor: pointer; margin: 0 0 0 0; }
.menuHome A:HOVER { background: url(../img/home_hover.png) no-repeat; width: 54px; height: 26px; display: block; cursor: pointer; margin: 0 0 0 0; }
.menuHome .ativo1 { background: url(../img/home_hover.png) no-repeat; width: 54px; height: 26px; display: block; cursor: pointer; margin: 0 0 0 0; }
.menuEmpresa A { width: 178px; height: 22px; display: block; cursor: pointer; margin: 0 0 0 0; font-size: 16.5px; line-height: 28px; text-align: center; color: #FFFFFF; }
.menuEmpresa A:HOVER { width: 178px; height: 22px; display: block; cursor: pointer; margin: 0 0 0 0; font-size: 16.5px; line-height: 28px; text-align: center; color: #28ACE2; font-weight: bold; }
.menuEmpresa .ativo1 { width: 178px; height: 22px; display: block; cursor: pointer; margin: 0 0 0 0; font-size: 16.5px; line-height: 28px; text-align: center; color: #28ACE2; font-weight: bold; }
.menuProdutos A { width: 141px; height: 22px; display: block; cursor: pointer; margin: 0 0 0 0; font-size: 16.5px; line-height: 28px; text-align: center; color: #FFFFFF; }
.menuProdutos A:HOVER { width: 141px; height: 22px; display: block; cursor: pointer; margin: 0 0 0 0; font-size: 16.5px; line-height: 28px; text-align: center; color: #28ACE2; font-weight: bold; }
.menuProdutos .ativo1 { width: 141px; height: 22px; display: block; cursor: pointer; margin: 0 0 0 0; font-size: 16.5px; line-height: 28px; text-align: center; color: #28ACE2; font-weight: bold; }
.menuServicos A { width: 147px; height: 22px; display: block; cursor: pointer; margin: 0 0 0 0; font-size: 16.5px; line-height: 28px; text-align: center; color: #FFFFFF; }
.menuServicos A:HOVER { width: 147px; height: 22px; display: block; cursor: pointer; margin: 0 0 0 0; font-size: 16.5px; line-height: 28px; text-align: center; color: #28ACE2; font-weight: bold; }
.menuServicos .ativo1 { width: 147px; height: 22px; display: block; cursor: pointer; margin: 0 0 0 0; font-size: 16.5px; line-height: 28px; text-align: center; color: #28ACE2; font-weight: bold; }
.menuContato A { width: 244px; height: 22px; display: block; cursor: pointer; margin: 0 0 0 0; font-size: 16.5px; line-height: 28px; text-align: center; color: #FFFFFF; }
.menuContato A:HOVER { width: 244px; height: 22px; display: block; cursor: pointer; margin: 0 0 0 0; font-size: 16.5px; line-height: 28px; text-align: center; color: #28ACE2; font-weight: bold; }
.menuContato .ativo1 { width: 244px; height: 22px; display: block; cursor: pointer; margin: 0 0 0 0; font-size: 16.5px; line-height: 28px; text-align: center; color: #28ACE2; font-weight: bold; }
.facebook A { width: 43px; height: 43px; display: block; cursor: pointer; margin: 215px 0 0 10px; }
.youtube A { width: 43px; height: 43px; display: block; cursor: pointer; margin: 215px 0 0 12px; }
.restrito A { width: 55px; height: 30px; display: block; cursor: pointer; margin: 212px 0 0 12px; }
/*Home*/
.fundo_conteudo_home { width: 100%; height: 564px; background: url("../img/background_conteudo_home.png") repeat-x top; }
.conteudo { width: 1015px; height: 100%; margin: auto; }
.banner_home { width: 1015px; height: 316px; background: url("../img/banner_home.png") no-repeat top center; }
.destaques_home { width: 1015px; height: 248px; background: url("../img/destaques_home.png") no-repeat top center; }
.texto_home A { width: 300px; height: 130px; display: block; cursor: pointer; margin: 100px 0 0 10px; }
.animacao_home { width: 564px; height: 290px; margin: 10px 0 0 20px; }
.produtos_home A { width: 85px; height: 45px; display: block; margin: 145px 0 0 15px; }
.video_home { width: 301px; height: 194px; margin: 39px 0 0 0 }
.fundo_video { width: 301px; height: 194px; background: url("../img/fundo_imagens_home.png") no-repeat; position: absolute; z-index: 2; }
.img_video { width: 301px; height: 194px; overflow: hidden; position: absolute; z-index: 1; }
.img_video IMG { margin: 0 0 0 0; }
.img_video iframe { margin: 0 0 0 0; }
.servicos_home { width: 301px; height: 194px; margin: 39px 0 0 50px; }
.fundo_servicos { width: 301px; height: 194px; background: url("../img/fundo_imagens_home.png") no-repeat; position: absolute; z-index: 2; }
.img_servicos { width: 301px; height: 194px; overflow: hidden; position: absolute; z-index: 1; }
.img_servicos IMG { margin: 0 0 0 0; }
.garantia_home { width: 301px; height: 194px; margin: 39px 0 0 50px; }
.fundo_garantia { width: 301px; height: 194px; background: url("../img/fundo_imagens_home.png") no-repeat; position: absolute; z-index: 2; }
.img_garantia { width: 301px; height: 194px; overflow: hidden; position: absolute; z-index: 1; }
.img_garantia IMG { margin: 0 0 0 0; }
/*Demais P�ginas*/
.fundo_conteudo_paginas { width: 100%; height: 100%; background: url("../img/fundo_conteudo_paginas.png") repeat-x bottom; }
.esquerdo_paginas { width: 550px; height: 490px; font-size: 15px; margin: 25px 0 0 20px; }
.tit_paginas { width: 550px; height: auto; color: #999999; margin: 0 0 20px 0; font-weight: bold; }
.meio_paginas { width: 1px; height: 513px; margin: 0 0 0 14px; margin: 20px 0 0 14px; }
.direito_paginas { width: 400px; height: 490px; margin: 35px 10px 0 0; }
.listaGal { width: 190px; height: 130px; margin: 10px 25px 10px 0px; }
.galFoto { width: 190px; height: 130px; overflow: hidden; margin: 0 10px 10px 0; background: #FFFFFF; }
.galFoto IMG { margin: 0 0 0 0; }
.servicos_titulo A { width: 380px; height: 20px; font-size: 15px; color: #999999; }
.servicos_titulo A:HOVER { width: 380px; height: 20px; font-size: 15px; color: #0047A4; }
.servicos_titulo .sAtivo { width: 380px; height: 20px; font-size: 15px; color: #0047A4; }
#galeria{position: relative; margin-left: 30px; padding-top: 40px;}
#galeria img{width: 100%;}
.listaSer { width: 170px; height: 130px; margin: 10px 25px 10px 0px; }
.galSer { width: 170px; height: 130px; overflow: hidden; margin: 0 10px 10px 0; background: #FFFFFF; border: 1px #999999 solid; }
.galSer IMG { margin: 0 0 0 0; }
.esquerdo_contato { width: 433px; height: 430px; padding-top: 12px; margin: 40px 0 0 20px; background: url("../img/contato.png") no-repeat; }
.formulario { width: 415px; height: 25px; line-height: 23px; background: transparent; margin: 8px 0 0 5px; color: #666666; font-size: 14px; }
.text { width: 420px; height: 158px; margin: 8px 0 0 5px; background: transparent; color: #666666; font-size: 14px; }
.envia { width: 60px; height: 20px; background: transparent; cursor: pointer; margin: 12px 0 0 0; }
.direito_contato { width: 476px; height: 486px; margin: 40px 20px 0 0; background: url("../img/localizacao.png") no-repeat; }
.localizacao { width: 472px; height: 431px; margin: 21px 0 0 2px; }
.ampliaLoc A { width: 195px; height: 26px; margin: 8px 0 0 5px; display: block; cursor: pointer; }
.produtos_titulo{ position: absolute;background:white url("../img/menu_produtos.png") no-repeat; height: 30px; width: 100%;left:0; top:0;}
.esquerdo_produtos { position: relative;background: #E6E6E6; width: 198px; height: auto; margin: 20px 0 0 10px; padding-top: 10px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; }
.tituloCat { width: 100%; font-weight: bold; margin-top: 8px; }
.tituloPro { width: 100%; }
.tituloPro A { width: 100%; color: #333333; }
.tituloPro A:HOVER { width: 100%; color: #00AEEF; }
.tituloPro .pAtivo { width: 100%; color: #00AEEF; }
.meio_produtos { width: 360px; height: 520px; margin: 35px 0 0 0px; padding-left: 20px; padding-right: 20px; }
.tituloProduto { width: 100%; height: 20px; font-size: 14px; color: #00AEEF; }
.tituloDetalhes { width: 100%; height: 20px; background: #E6E6E6; font-size: 14px; color: #4D4D4D; font-weight: bold; line-height: 20px; padding-left: 10px; margin: 10px 0 0 10px; }
.textoProduto { width: 100%; height: auto; font-size: 14px; padding-left: 10px; margin: 10px 0 0 10px; }
.iconesProduto { width: 100%; height: auto; font-size: 14px; margin: 15px 0 0 15px; }
.direito_produtos { width: 390px; height: 520px; margin: 35px 0 0 0px; }
/*Rodape*/
.fundo_rodape { width: 100%; height: 158px; background: url("../img/fundo_rodape.png") repeat-x top; }
.rodape { width: 998px; height: 158px; margin: auto; }