/* Declaraçoes Gerais */
body {
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background-image: url(../img/bg.gif);
}

*{
  line-height: 140%;
}


img {
  border: 0px;
}

a {
  text-decoration: none;
  color: #000000;
}

a:hover {
  text-decoration: underline;
  color: #666666;;
}
textarea{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

/*--- Classes ---*/

.frota-bg{
	position: absolute;
	margin-left: -48px;
	margin-top: 290px;
}
.vidro-bg{
	position: absolute;
	margin-left: -48px;
	margin-top: 290px;
}
.decorativa-bg{
	position: absolute;
	margin-left: -48px;
	margin-top: 140px;
}
.totens-bg{
	position: absolute;
	margin-left: -48px;
	margin-top: 175px;
}
.letra-caixa-bg{
	position: absolute;
	margin-left: -48px;
	margin-top: 100px;
}
.luminosos-bg{
	position: absolute;
	margin-left: -48px;
	margin-top: 110px;
}
.fachadas-bg{
	position: absolute;
	margin-left: -48px;
	margin-top: 135px;
}
.sinal-corporativo-bg{
	position: absolute;
	margin-left: -48px;
	margin-top: 35px;
}
.paineis-bg {
	position: absolute;
	margin-left: -48px;
	margin-top: 255px;
}
.impressao-digital-bg {
	position: absolute;
	margin-left: -48px;
	margin-top: 28px;
}
.seguranca-bg {
	position: absolute;
	margin-left: -48px;
	margin-top: 140px;
}
.homenagem-bg {
	position: absolute;
	margin-left: -48px;
	margin-top: 97px;
}
.patrimonio-bg {
	position: absolute;
	margin-left: -48px;
	margin-top: 133px;
}

/*-- Páginas Estáticas --*/

.empresa-bg {
	position: absolute;
	margin-left: -34px;
	margin-top: 133px;
}

.qualidade-bg{
	position: absolute;
	margin-left: -48px;
	margin-top: 113px;
}

.trabalhe-bg{
	position: absolute;
	margin-left: -48px;
	margin-top: 133px;
}

.clientes-bg{
	position: absolute;
	margin-left: -48px;
	margin-top: 203px;	
}

.contato-bg{
	position: absolute;
	margin-left: -48px;
	margin-top: 170px;
}

.texto-sublinhado { text-decoration: underline; }
.texto-sublinhado a{ text-decoration: underline; }
.texto-sublinhado a:hover{ text-decoration: underline; color: #666666; }

.horario-atendimento{
	font-weight: bold;
}

/* Envolve o site inteiro */

#principal {
  margin-left: auto;
  margin-right: auto;
  width: 749px;
  border: 12px solid #dededd;
  background-color: #FFF;
  display: table;
}


/* Topo */

#principal #topo {
  height: 99px;
}

#principal #topo img{
  float: left;
}

/* Menu do Topo */

#principal #menu-topo {
  height: 28px;
  background-color: #72706f;
}

#principal #menu-topo ul{
  margin: 0px;
  padding: 0px;
  
  margin-left: 22px;
  float: left;
}

#principal #menu-topo li{
  display: inline;
  margin-top: 6px;
  float: left;
}

#principal #menu-topo #btn-carimbo{
	width: 88px;
	height: 19px;
	margin-left: 127px;
	margin-top: 0px;
}

.margem-menu {
	margin-left: 30px;
	list-style-type: disc;
}


/* Conteúdo */

#principal #conteudo {
  background-color: #FFF;
  width: 729px;
  height: 407px;
  float: center;
  margin-left: 10px;
  padding-top: 8px;
  padding-bottom: 9px;
}

#principal #conteudo h1 {
  font-size: 1.5em;
  margin: 5px;
  margin-bottom: 0px;
}

#principal #conteudo h2 {
  font-size: 1.1em;
  margin: 0px 5px 10px 5px;
}

#principal #conteudo p {
  margin: 5px;
}



/*--- Conteudo Sub ---*/

#principal #conteudo-sub {
  background-color: #FFF;
  width: 749px;
  height: 431px;
}

#principal #conteudo-sub p{
  margin-right: 20px;
  margin-top: 20px;
  width: 332px;
  float: right;
}


#principal #conteudo-sub #cinza{
  width: 372px;
  height: 100%;
  background-color: #dededd;
  float: left;
}

#principal #conteudo-sub #cinza ul{
  width: 200px;
  list-style: none;
  margin: 0px;
  margin-left: 16px; 
  margin-top: 20px;
  line-height: 160%;
  float: left;
}

#principal #conteudo-sub #cinza p{
  font-size: 16px;
  color: #72706f;
  margin: 0px;
  margin-top: 88px;
  float: left;
}

#principal #conteudo-sub #cinza ul{
  font-size: 18px;
  color: #72706f;
}
#principal #conteudo-sub #cinza ul a{
  font-size: 18px;
  color: #72706f;
}

#principal #conteudo-sub #cinza ul a:hover{
  font-size: 18px;
  color: #9269a2;
  text-decoration: none;
}
#principal #conteudo-sub #cinza #menu-itens-fotos {
	margin-top: 20px;
}
#principal #conteudo-sub #envolve-fotos {
	padding-top: 20px;
	margin-left: 391px;
	height: 350px;
}
.bloco-foto {
	width: 104px;
	height: 103px;
	float: left;
	margin-bottom: 10px;
	margin-left: 5px;
	text-align: center;
	padding-top: 3px;
}

.clientes-img{
	margin-left: 23px;
	margin-top: 23px;
}
#imgAtendimento-online {
	margin-top: 70px;
	margin-left: 120px;
}

/*
opacity: 0.65 - Previsto nas CSS3 já é suportado atualmente pelo Firefox 2 e pelo Ópera 9, o valor da opacidade varia de 0 a 1; 
-moz-opacity: 0.65 - Declaração proprietária para servir navegadores Mozilla, o valor da opacidade varia de 0 a 1; 
filter: alpha(opacity=65) - Declaração proprietária para servir navegadores IE o valor da opacidade varia de 0 a 100 . 
*/
.bloco-foto img:hover{
	Filter: Alpha(Opacity=65); 
    -moz-opacity: 0.6;
    opacity: 0.6;
}
#principal #conteudo-sub #paginacao {
	font-size: 22px;
	text-align: right;
	margin: 10px 17px 0 391px;
}
#principal #conteudo-sub #paginacao a {
	font-size: 22px;
	color: #000;
	text-align: rigth;
}

#principal #conteudo-sub #paginacao a:hover {
	font-size: 22px;
	text-decoration: underline;
	text-align: rigth;
}

/*--- Contato ---*/

#principal #conteudo-sub #contato{
	width: 350px;

	display: table;
}
.linha{
  width: 300px;
  text-align: right;
  float: right;
}

.linha input{
  width: 220px;
  border: 1px solid #c4c4c4;
  margin-bottom: 2px;
  vertical-align: top;
}

.linha textarea{
  width: 220px;
  border: 1px solid #c4c4c4;
  vertical-align: top;
}

.btn-enviar{
  border: 1px solid #c4c4c4;
  background-color: #dededd;
  color: #72706f;
  margin-top: 2px;
  width: 60px;
  float: right;
}



/* Rodapé */

#principal #rodape {

}

#principal #rodape img {
  float: left;
}

#principal #rodape p {
  margin: 3px;
}

/*--- Newsletter ---*/

#principal #rodape #newsletter{
  width: 240px;
  margin: 0px;
  float: left;
  font-size: 11px;
  color: #434242;
}

#principal #rodape #newsletter *{
  float: left;
}

#principal #rodape #newsletter input{
  height: 15px;
  width: 109px;
    border: 1px solid #d6d5d5;
}


#principal #rodape #newsletter #btn{
  margin-left: 2px;
  width: 49px;
  height: 19px;
  float: left;
}

#principal #rodape #newsletter img{
  margin-top: 2px;
  margin-left: 3px;
}

#pdf{
	text-align: center;
}

#pdf a{
	color: #000;
	font-weight: bold;
	font-size: 13px;
}