body{
  font-family: Verdana, Georgia, Arial;
  font-size: 11px;
  background: url(../imagens/fundo.jpg) top center no-repeat #DFDFDF;
}

.alerta {
  display: block;
  background: url(../imagens/atencao.gif) 5px center no-repeat #ffffe1;
  border: 1px solid #aca899;
  padding: 5px 5px 5px 25px;
  margin: 20px;
  font-size: 10px;
  color: #000;
}

.sucesso {
  display: block;
  background: url(../imagens/sucesso.gif) 5px center no-repeat #ffffe1;
  border: 1px solid #aca899;
  padding: 5px 5px 5px 25px;
  margin: 5px;
  font-size: 10px;
  color: #000;
}

#representantes .sucesso {
  text-align: center;
  margin: 5px 5px 5px 35px;
}

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

p {
  line-height: 16px;
  padding-bottom: 10px;
}

.clear {clear: both;}

.oculto {display: block; text-indent: -10000px;}

label.error {
  display: none !inportant;
  width: 0px !inportant;
  height: 0px !inportant;
}

input.error,
textarea.error {
	background: url(../imagens/error.png) right top no-repeat !important;
}

/*conteudo*/
#conteudo {
  position: relative;
  z-index: 10;
  float: left;
  width: 750px;
}

#conteudo h1 {
  padding: 50px 0 10px 15px;
  font-size: 28px;
  color: #BE242C;
}

#conteudo h2 {
  font-size: 18px;
  line-height: 22px;
  color: #BE242C;
  padding-left: 15px;
}

#conteudo h3 {
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  color: #606060;
}

#conteudo p {
  padding: 0 15px 14px 15px;
  line-height: 20px;
}

/*logo*/
#logo {
  float: right;
  width: 296px;
  height: 200px;
  background: url(../imagens/sombras-logo.png) top left no-repeat;
}

#logo span {
  display: block;
  height: 170px;
  cursor: pointer;
  background: url(../imagens/logo.png) bottom center no-repeat;
}

/*----menu--------------------------------------------------------------------*/
#menu {
  float: right;
  padding-top: 35px;
  background: url(../imagens/sombras-menu.png) top left no-repeat;
}

#menu ul {padding-bottom: 25px;}

#menu ul li a {
  display: block;
  width: 116px;
  padding: 5px 10px 7px 24px;
  text-decoration: none;
  color: #000;
}

body#pg-empresa #menu ul li a#menu-empresa,
body#pg-produtos #menu ul li a#menu-produtos,
body#pg-representantes #menu ul li a#menu-representantes,
body#pg-orcamento #menu ul li a#menu-orcamento,
body#pg-assistencia #menu ul li a#menu-assistencia,
body#pg-fale-conosco #menu ul li a#menu-fale-conosco,
#menu ul li a:hover {
  color: #fff;
  background: url(../imagens/hovermenu.jpg) top left no-repeat;
  _background: url(../imagens/hovermenu.jpg) top left no-repeat #EBEBEB;
}

#menu a#link-todos-os-produtos {
  display: block;
  width: 145px;
  height: 220px;
  background: url(../imagens/vejatodos.png) top left no-repeat;
}

/*----principal---------------------------------------------------------------*/
#principal h2 {padding-top: 40px;}

#principal h2,
#principal h3 {text-align: right;}

#conteudo h4 {
  *width: 520px;
  height: 38px;
  padding: 18px 0 10px 200px;
  font-size: 14px;
  color: #fff;background: url(../imagens/fundo-titulo-home.gif) 30% 0% no-repeat;
}

#principal #troca-banner {display: none;}

#principal #banners {
  position: absolute;
  padding: 0 40px 0 0;
  margin-top: -50px;
}

#principal #banners #bomba-grande {
  position: relative;
  z-index: 10;
  width: 189px;
  height: 301px;
  margin: 0 -301px -169px 0;
}

#principal #banners p {padding: 0 0 0 200px;}

#principal #banners p a {
  color: #BE242C;
  text-decoration: none;
}
#principal #banners p a:hover {text-decoration: underline;}

div#principal div#pagina {
	position: relative;
	float: right;
  bottom: -100px;
  left: 280px;
  width: 200px;
	z-index: 100;
	padding-left: 2px;
}

div#principal div#pagina a {
	color: #C14C54;
	padding: 3px 8px;
	outline: none;
	text-decoration: none;
	font-weight: bold;
}

div#principal div#pagina a:hover,
div#principal div#pagina a.activeSlide {color: #000;}

div#principal div#pagina a#banner-anterior {
  float: right;
  width: 28px;
  height: 28px;
  padding: 0;
  margin-top: -10px;
  background: url(../imagens/anterior.jpg) top left no-repeat;
}

div#principal div#pagina a#banner-proximo {
  float: right;
  position: relative;
  width: 38px;
  height: 38px;
  padding: 0;
  margin-top: -20px;
  *margin-top: -30px;
  background: url(../imagens/proximo.jpg) top left no-repeat;
}

/*----empresa-----------------------------------------------------------------*/
#empresa h2 {padding-bottom: 40px;}

/*----produtos----------------------------------------------------------------*/
body#pg-produtos #menu {background: url(../imagens/sombras-menu2.png) top left no-repeat;}

body#pg-produtos #menu a#link-todos-os-produtos {display: none;}

#produtos h2 {padding: 50px 0 20px 0;}

#produtos p {padding: 0 0 10px 0;}

#dados-do-produto {
  width: 430px;
  height: 320px;
  padding: 0 10px;
}

#especificacao-tecnica {float: left;}

#capacidade-produto {
  float: right;
  text-align: right;
}

/*---representantes-----------------------------------------------------------*/
/*#lista-representantes*/
#representantes #lista-representantes {
  float: left;
  width: 430px;
  padding: 20px 0 0 15px;
}

#representantes #lista-representantes p {
  padding: 0 0 8px 0;
  line-height: 14px;
}

.divisao-pontilhado {height: 5px; border-top: 2px dotted #510001;}

#representantes #lista-representantes a {
  display: block;
  height: 20px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #9E0000;
  padding: 5px 0 0 28px;
  margin: 5px 0;
  background: url(../imagens/recolher.png) left center no-repeat;
}

#representantes #lista-representantes a:hover,
#representantes #lista-representantes a.selecionado {background: url(../imagens/extender.png) left center no-repeat;}

/*seja-um-representante*/
#representantes #seja-um-representante {
  float: right;
  width: 260px;
  padding: 10px;
  text-align: right;
}

#representantes #seja-um-representante p {
  padding: 0 5px 10px 0;
  line-height: 16px;
}

#representantes #seja-um-representante h3 {
  font-weight: bold;
  font-size: 14px;
  color: #BE242C;
  padding: 0 5px 5px 0;
}

form * {
  font-family: verdana;
  font-size: 11px;
}

#representantes form {
  padding-top: 8px;
  background: url(../imagens/fundoformrepresentante.gif) top right no-repeat;
}

#representantes form input {
  width: 215px;
  height: 15px;
  margin: 0 5px 19px 0;
  *margin: 0 5px 17px 0;
  border: 0px;
  background: transparent;
}

#representantes form input#representantes-cidade {
  width: 177px;
  *width: 175px;
}

#representantes form input#representantes-uf {
  text-align: center;
  width: 30px;
}

#representantes form input#representantes-botao {
  width: 142px;
  height: 31px;
  *height: 33px;
  margin-top: -8px;  
  margin-right: 2px;  
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  background: url(../imagens/btnform.png) top center no-repeat;
}

/*----orcamento---------------------------------------------------------------*/
#orcamento h1,
#fale-conosco h1,
#orcamento h2,
#fale-conosco h2 {padding-left: 0px;}

#orcamento #fundo-form-orcamento,
#fale-conosco #fundo-form-fale-conosco {
  float: left;
  width: 460px;
  margin-top: 10px;
  background: url(../imagens/fundoform.gif) top left no-repeat;
}

#orcamento form,
#fale-conosco form {
  float: left;
  width: 442px;
  padding: 9px 0 0 8px;
  *padding: 7px 0 0 8px;
}

#orcamento form #divide-form-orcamento,
#fale-conosco form #divide-form-fale-conosco {
  float: left;
  width: 228px;
}

#orcamento form select,
#orcamento form input,
#fale-conosco form input {
  width: 213px;
  height: 15px;
  margin-bottom: 19px;
  *margin-bottom: 17px;
  border: 0px;
  cursor: text;
  background: transparent;
}

#orcamento form select {
  cursor: pointer;
  *height: 20px;
}

#orcamento form select option {
  cursor: pointer;
  background: #F7F3E9;
}

#orcamento form input#orcamento-cidade,
#fale-conosco form input#orcamento-cidade {
  width: 172px;
  margin-right: 5px;
}

#orcamento form input#orcamento-uf,
#fale-conosco form input#orcamento-uf {
  width: 40px;
  width: 35px;
  text-align: center;
}

#orcamento form textarea,
#fale-conosco form textarea {
  float: right;
  width: 213px;
  *width: 210px;
  height: 120px;
  border: 0px;
  margin-top: -1px;
  *margin-top: 2px;
  background: transparent;
}

#orcamento #orcamento-botao,
#fale-conosco #fale-conosco-botao {
  float: right;
  width: 142px;
  height: 35px;
  *height: 37px;
  font-weight: bold;
  color: #fff;
  padding-bottom: 5px;
  margin: 15px -5px 0 0;
  *margin: 13px -5px 0 0;
  text-decoration: none;
  cursor: pointer;
  background: url(../imagens/btnform.png) top center no-repeat;
}

#orcamento #orcamento-botao:hover,
#fale-conosco #fale-conosco-botao:hover {text-decoration: underline;}


/*orcamento-endereco*/
#orcamento #orcamento-endereco,
#fale-conosco #fale-conosco-endereco {
  float: right;
  text-align: right;
  width: 250px;
  padding: 50px 15px 0 15px;
  line-height: 14px;
}

#orcamento #orcamento-endereco h3,
#fale-conosco #fale-conosco-endereco h3 {
  font-size: 14px;
  font-weight: bold;
  color: #9E0005;
}

#orcamento #orcamento-endereco h3 strong,
#fale-conosco #fale-conosco-endereco h3 strong {color: #000;}

#orcamento #orcamento-endereco h3 span,
#fale-conosco #fale-conosco-endereco h3 span {font-size: 10px;}

#orcamento #orcamento-endereco a#orcamento-endereco-email,
#fale-conosco #fale-conosco-endereco a#fale-conosco-endereco-email {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #9E0005;
  margin: -5px 0 5px 0;
}

#orcamento #orcamento-endereco address,
#fale-conosco #fale-conosco-endereco address {font-size: 10px;}

#orcamento #orcamento-endereco a#orcamento-veja-mapa,
#fale-conosco #fale-conosco-endereco a#fale-conosco-veja-mapa {
  float: right;
  width: 95px;
  height: 11px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 39px 12px 0;
  *padding: 9px 39px 12px 0;
  margin-top: 10px;
  background: url(../imagens/btnmapa.png) top center no-repeat;
}

#orcamento #orcamento-endereco a#orcamento-veja-mapa:hover,
#fale-conosco #fale-conosco-endereco a#fale-conosco-veja-mapa:hover {text-decoration: underline;}


/*----assistencia-------------------------------------------------------------*/
#assistencia object {
  float: left;
  margin: 30px 0;
} 

#assistencia #endereco-estado {
  float: right;
  text-align: right;
  width: 240px;
  padding-right: 15px;
  margin-top: 25px;
}

#assistencia #endereco-estado h3 {
  margin: 0 0 -10px 0;
  font-size: 14px;
  font-weight: bold;
  color: #4F0100;
}

#assistencia #endereco-estado address {
  font-style: normal;
  padding: 0 0 8px 0;
  line-height: 14px;
}

/*----componentes-------------------------------------------------------------*/
#componentes #conteudo-componentes {
  float: left;
  width: 450px;
  padding-top: 50px;
}

#componentes #conteudo-lateral-componentes {
  float: right;
  text-align: center;
  width: 250px;
  padding: 20px 15px 0 15px;
}

#componentes #conteudo-lateral-componentes a {
  display: block;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 0;
  color: #909090;
}
#componentes #conteudo-lateral-componentes *:hover {color: #BE242C; text-decoration: underline;}

#componentes #conteudo-componentes a {
  display: block;
  background-position: top center;
  background-repeat: no-repeat;
}

#componentes #conteudo-componentes a:hover {background-position: bottom center;}

.fantasma {
  *position: relative;
  *margin: 0 0 -40px 0;
}

/*linha1*/
#componentes #conteudo-componentes a.componente-abracadeira {
  float: left;
  width: 152px;
  height: 32px;
  margin: 25px 0 0 30px;
  _margin: 25px 0 0 15px;
  background-image: url(../imagens/pecas/abracadeira.gif);
}
#componentes #conteudo-componentes a.componente-gancho {
  float: left;
  width: 74px;
  height: 78px;
  background-image: url(../imagens/pecas/gancho.gif);
}
/*linha2*/                           
#componentes #conteudo-componentes a.componente-parafuso1 {
  float: left;
  width: 150px;
  height: 36px;
  margin: 15px 0 0 27px;
  _margin: 15px 0 0 14px;
  background-image: url(../imagens/pecas/prarafusoA.gif);
}
#componentes #conteudo-componentes a.componente-saida {
  float: left;
  width: 92px;
  height: 62px;
  background-image: url(../imagens/pecas/saida.gif);
}
#componentes #conteudo-componentes a.componente-parafuso2 {
  float: left;
  width: 125px;
  height: 36px;
  margin: 15px 0 0 11px;
  background-image: url(../imagens/pecas/prarafusoA.gif);
}
/*linha3*/#componentes #conteudo-componentes a.componente-sede-de-valvula {height: 49px; background-image: url(../imagens/pecas/dese_valvula.gif);}
/*linha4*/#componentes #conteudo-componentes a.componente-anel1 {height: 17px; background-image: url(../imagens/pecas/anel54.gif);}
/*linha5*/#componentes #conteudo-componentes a.componente-anel2 {height: 27px; background-image: url(../imagens/pecas/anel16.gif);}
/*linha6*/                              
#componentes #conteudo-componentes a.componente-parafuso3 {
  float: left;
  width: 60px;
  height: 46px;
  margin: 30px 0 0 72px;
  _margin: 30px 0 0 36px;
  background-image: url(../imagens/pecas/prarafusoB.gif);
}
#componentes #conteudo-componentes a.componente-corpo {
  float: left;
  width: 185px;
  height: 99px;
  background-image: url(../imagens/pecas/corpo.gif);
}
#componentes #conteudo-componentes a.componente-parafuso4 {
  float: left;
  width: 49px;
  height: 46px;
  margin: 30px 0 0 0;
  background-image: url(../imagens/pecas/prarafusoB.gif);
}
/*linha7*/                             
#componentes #conteudo-componentes a.componente-porca1 {height: 15px; background-image: url(../imagens/pecas/porca3_8.gif);}
#componentes #conteudo-componentes a.componente-arruela1 {height: 22px; background-image: url(../imagens/pecas/arruela3_8.gif);}
#componentes #conteudo-componentes a.componente-ventosa {height: 28px; background-image: url(../imagens/pecas/ventosa.gif);}
#componentes #conteudo-componentes a.componente-arruela2 {height: 22px; background-image: url(../imagens/pecas/arruela3_8.gif);}
#componentes #conteudo-componentes a.componente-canopla {height: 58px; background-image: url(../imagens/pecas/canopla.gif);}
#componentes #conteudo-componentes a.componente-porca2 {height: 22px; background-image: url(../imagens/pecas/porca5_8.gif);}
#componentes #conteudo-componentes a.componente-arruela-pressao {height: 28px; background-image: url(../imagens/pecas/arrueladepressao.gif);}
#componentes #conteudo-componentes a.componente-arruela-lisa {height: 14px; background-image: url(../imagens/pecas/arruela_lisa.gif);}
#componentes #conteudo-componentes a.componente-borrachao {height: 47px; background-image: url(../imagens/pecas/borrachao.gif);}
#componentes #conteudo-componentes a.componente-arruela-de-regulagem {height: 13px; background-image: url(../imagens/pecas/arrueladeregulagem.gif);}
#componentes #conteudo-componentes a.componente-martelete {height: 115px; background-image: url(../imagens/pecas/martelete.gif);}
#componentes #conteudo-componentes a.componente-granicao {height: 17px; background-image: url(../imagens/pecas/garnicao.gif);}
#componentes #conteudo-componentes a.componente-parte-eletrica {height: 117px; background-image: url(../imagens/pecas/parteeterica.gif);}
#componentes #conteudo-componentes a.componente-porca3 {height: 31px; background-image: url(../imagens/pecas/porca5_16.gif);}



/*----fundo-lista-produtos----------------------------------------------------*/
#fundo-lista-produtos {background: url(../imagens/sombra-produtos.png) top center repeat;}

#fundo-lista-produtos #lista-produtos {
  margin: 0 auto;
  width: 880px;
  padding: 0 10px;
}

#fundo-lista-produtos #lista-produtos a {
  width: 175px;
  float: left;
  text-decoration: none;
  color: #fff;
  font-size: 13px;
  cursor: pointer;
}

#fundo-lista-produtos #lista-produtos a div {
  position: relative;
  z-index: 10;
  float: left;
  width: 75px;
  height: 125px;
}

#fundo-lista-produtos #lista-produtos a h3 {
  float: left;
  width: 150px;
  height: 18px;
  padding: 4px 10px 0 0;
  margin: 35px 0px 0 -70px;
  text-align: right;
  background: url(../imagens/tituloproduto.png) top right no-repeat;
}

#fundo-lista-produtos .codigo-produto1 a.produto1 h3,
#fundo-lista-produtos .codigo-produto2 a.produto2 h3,
#fundo-lista-produtos .codigo-produto3 a.produto3 h3,
#fundo-lista-produtos .codigo-produto4 a.produto4 h3,
#fundo-lista-produtos .codigo-produto5 a.produto5 h3,
#fundo-lista-produtos .codigo-produto6 a.produto6 h3,
#fundo-lista-produtos .codigo-produto7 a.produto7 h3,
#fundo-lista-produtos .codigo-produto8 a.produto8 h3,
#fundo-lista-produtos #lista-produtos a:hover h3 {color: #6F1F22;background: url(../imagens/tituloproduto.png) bottom right no-repeat !important;}

/*----fundo-bloco-inferior----------------------------------------------------*/
#fundo-bloco-inferior {
  clear: both;
  background: url(../imagens/barravermelha.gif) top center repeat-x;
}

#fundo-bloco-inferior #bloco-inferior {
  margin: 0 auto;
  width: 900px;
}

.blocos-inferiores {
  float: left;
  width: 270px;
  height: 135px;
  padding: 10px 25px 5px 5px;
  text-align: right;
  color: #fff;
}

.blocos-inferiores h2 {
  font-size: 15px;
  padding-bottom: 5px;
  color: #E0DFA9;
}

.blocos-inferiores a.botao-blocos-inferiores {
  display: block;
  height: 25px;
  line-height: 25px;
  margin-top: 5px;
  padding-right: 10px;
  font-weight: bold;
  text-decoration: none;
  text-align: right;
  color: #380107;
  background: url(../imagens/btnbarravermelha.jpg) right center no-repeat;
}

.blocos-inferiores a.botao-blocos-inferiores:hover {text-decoration: underline;}

#bloco-componetes a.botao-blocos-inferiores {margin-right: -4px; background-position: 98% 50%;}

#bloco-componetes {background: url(../imagens/barracomponentes.gif) top center no-repeat;}
#bloco-assistencia-tecnica {background: url(../imagens/barraassistencia.gif) top center no-repeat;}
#bloco-representante {background: url(../imagens/barraorcamento.gif) top center no-repeat;}

/*----rodape------------------------------------------------------------------*/
#rodape {
  display: block;
  margin: 0 auto;
  width: 884px;
  height: 45px;
  padding: 0 8px;
  font-size: 10px;
}

#rodape #logo-eletrica-vargas {
  float: left;
  width: 135px;
  height: 45px;
  text-decoration: none;
  background: url(../imagens/logoev.gif) bottom center no-repeat;
}

#rodape p {
  float: right;
  padding-top: 7px;
  color: #8C8C8C;
  z-index: 200;
}

#rodape p a {
  font-weight: bold;
  color: #8C8C8C;
}