body{
   background-image: url(fundo.jpg);
}

#conteudo {
   width: 780px;
   background-color: #FFF;
   margin: auto;
}

#topo{
   background-image:url(topo.jpg);
   width: 780px;
   height: 40px;
}

#topo02 {
   width: 780px;
   height: 301px;
   margin-top: 2px;
}

#menu {
   width: 780px;
   height: 41px;
   background-image: url(menu.jpg);
}

#menu li {
   float: left;
   text-decoration: none;
   display: inline;
   font: 14px Arial, Helvetica, sans-serif;
   margin-top: 12px;
   }
     
   
#menu li#m1 { margin-left: 60px; }
#menu li#m2 { margin-left: 80px; }
#menu li#m3 { margin-left: 80px; }
#menu li#m4 { margin-left: 80px; }
#menu li#m5 { margin-left: 80px; }

#menu a {
   color: #FFF;
   text-decoration: none;
   }
   
#menu a:hover {
   color: #FF0000;
   }
   
a {
   text-decoration: none;
   color: #000;
   }
   
a:hover {
   text-decoration: underline;
   }
   
img {
   border: 0;}
  
/*******************Left*********************/ 
#left {
   width: 220px;
   float: left;
   background-color: #e5e5e0;
   } 
   
#left p {
   font: 12px Arial, Helvetica, sans-serif;
   line-height: 15px;
   margin: 0 5px 0 5px;
   text-align: justify;
   } 
   
#left object {
    margin: 2px 0 0 2px;
	} 
/*******************Fim Left*********************/ 


/************mapa**************/
#mapa {
   background-image: url(mapa.jpg);
   width: 208px;
   height: 59px;
   margin: 10px 0 5px 7px;
  }
  
#mapa p {
   font: 22px Arial, Helvetica, sans-serif;
   padding-top:40px;
  }
  
#mapa a {
   color: #CC0000;
  }
/************Fim mapa**************/ 


/************************topo03*******************/
#topo03 {
   width: 560px;
   height: 156px;
   float: left;
   }

#topo03 a {
  font: 14px Arial, Helvetica, sans-serif;
  color: #FFF;
  text-decoration:none;
  }
  
#topo03 a:hover {
  text-decoration: underline;
  }
/************************topo03*******************/
 

/***************dest***************/     
.dest1 {
   width: 245px;
   float: left;
   background-image:url(dest1.jpg);
   height: 156px;
   }
   
.dest1 p {
   padding: 110px 0 0 150px;
   }
   
.dest2 {
   width: 315px;
   float: left; 
   background-image:url(dest2.jpg);
   height: 156px;
   }
   
.dest2 p {
   padding: 110px 0 0 210px;
   }
/***************dest***************/  

.cartao {
  margin-top: 90px;
  width: 540px;
  }

/**************chamadas********************/
#chamadas {
  width: 400px;
  float: left;
}

#chamadas img {
   margin: 10px 7px 0 5px;
   }
   
#chamadas p {
   font: 12px Arial, Helvetica, sans-serif;
   line-height: 18px;
   margin: 0;
   } 
   
#chamadas h3 {
   font: 18px Arial, Helvetica, sans-serif;
   padding-top: 10px;
   }  
/**************Fim chamadas********************/

/****************Qualidade*******************/
#qualidade{
  float: left;
  width: 390px;
  margin: 0 5px 0 5px;
 
  }
  
#qualidade h3{
   font: 18px Arial, Helvetica, sans-serif;
   color: #990000;
   margin-bottom: 5px;
   }
   
#qualidade p {
   font: 12px Arial, Helvetica, sans-serif;
   line-height: 18px;
   }
/****************Fim Qualidade*******************/


#nossos_produtos {
  float: left;
  width: 390px;
  height: 452px;
  margin: 0 5px 0 5px;
  overflow-y: scroll;
  overflow-x: hidden;
  }
  
#nossos_produtos h3{
   font: 18px Arial, Helvetica, sans-serif;
   color: #990000;
   margin-bottom: 5px;
   }
   
#nossos_produtos p {
   font: 12px Arial, Helvetica, sans-serif;
   line-height: 18px;
   }
  
.loja {
   width: 400px;
   }

.loja img {
   margin: 5px;
   border: 1px solid #990000;
   }


/**********************texto*******************/
.texto1 {
   width: 400px;
   height: 100px;
   background-color: #f8e96b;
   margin-top: 2px;
   }
   
.texto2 {
   width: 400px;
   height: 100px;
   background-color: #f8f1b1;
   margin-top: 2px;
   }
   
.texto3 {
   width: 400px;
   height: 100px;
   background-color: #f8e96b;
   margin-top: 2px;
   } 
   
.texto4 {
   width: 400px;
   height: 100px;
   background-color: #f8f1b1;
   margin-top: 2px;
   } 
   
 .fecha {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#333333;
 font-weight:bold;
 margin-top:5px;
 }    
/**********************Fim texto*******************/


/*******************right*******************/
#right{
   width: 140px;
   float: right;
   }
   
#right h3{
   font: 16px Arial, Helvetica, sans-serif;
   color: #990000;
   margin-bottom: 5px;
   }
 
#right ul{
   font: 12px Arial, Helvetica, sans-serif;
   width: 140px;
   padding-left: 15px;
   } 
   
#right li{
   list-style-image: url(seta.jpg);
   line-height: 18px; 
   }
   
/***ENTREGAS****/
.entregas {
   float: right;
   margin: 5px 2px 0 0;
}
   
/***********RODAPÉ***********/
#rodape{
width:780px;
height:80px;
clear:both;
font: 12px Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
background-color: #d1bd0e;
}


#rodape a {
   text-decoration: none;
   color: #000;
}

#rodape a:hover {
   text-decoration: underline;
}

.telefone{
font: 20px Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
}

#rodape address{
padding-top: 5px;
}/***************Fim rodape**************/ 

/* FORMULÁRIO */

.formulario {
  float: left;
  width: 540px;
  margin-left: 10px;
  margin-top: 10px;
}

.formulario h3{
   font: 18px Arial, Helvetica, sans-serif;
   margin-bottom: 5px;
   color: #990000;
   }
   
.formulario p{
  font: 12px Arial, Helvetica, sans-serif;
  margin: 0;
  }

#todoform {
  font:11px verdana, helvetica, sans-serif; 
/* o tamanho e o tipo da fonte no formulário */
  color:#666; /* a cor laranja para as letras */
      } 

#todoform th {
  padding:3px; 
/* um afastamento de 3px */
} 

#todoform input {
  background:#fff; 
/* a cor do fundo dos três campos */

  color:#666;
/* a cor da letra dos três campos */

  border:1px solid #ccc;
/* uma borda de 1px tracejada e na cor laranja para 
o campo */
}   

#todoform textarea {
  background:#fff; 
 /* a cor do fundo do campo */
 
  color:#666;
/* a cor da letra para o textarea */

  border:1px solid #ccc; 
/* uma borda de 1px tracejada e na cor 
laranja para o campo */
}

#todoform input.botao {
  background:#fff; 
/* a cor do fundo do botão */

  color:#666; /* a cor das letras Enviar */
}  

#todoform td {
  padding:3px;
}

/*POPUP*/
#pop{display:block;position:absolute;top:65%;left:35%;margin-left:-150px;margin-top:-100px;width:300px;height:200px;border:1px solid #d0d0d0; background-color:#FFF; background-image:url(popup.jpg); background-repeat:no-repeat;}


