*{
	margin: 0;
	padding: 0;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
	
body { font: 12px Tahoma, Helvetica, sans-serif; background-color:#eeeeee}

p    { text-decoration: none; color: #646464; }
a   { text-decoration: none; color: #646464; }
li  { list-style: none; }
img { border: none; }
h1, h2, h3, h4, h5 { font-size: 14px; }

.clear { clear: both; }
.Vermelho strong   { color: #f00 }

#cabecalho  { width: 100%; height: 433px; margin-top:20px; margin-bottom: 20px}
	.pg-home  { background: url(../imagens/banner01.png) center no-repeat;  }
	.pg-empresa  { background: url(../imagens/banner-empresa.png) top center no-repeat;  }
	.pg-servicos  { background: url(../imagens/banner-servicos.png) top center no-repeat;  }
	.pg-produtos  { background: url(../imagens/banner-produtos.png) top center no-repeat;  }
	.pg-contato  { background: url(../imagens/banner-contato.png) top center no-repeat;  }
	.pg-pedido  { background: url(../imagens/banner-pedido.png) top center no-repeat;  }
	.pg-pedido-enviado  { background: url(../imagens/banner-pedido-enviado.png) top center no-repeat;  }

	#bts-banner-home { width: 940px; margin: auto;  }
		#bts-banner    { padding: 365px 0 0 30px; }
		#bts-banner li { float: left; margin-right: 9px; width: 40px; height: 60px; display: block; }
		#bts-banner a  { width: 100%; height: 100%; display: block; }

#barra-superior { width: 940px; height: 85px; background: url(../imagens/bg-menu.png); margin: auto; margin-top:10px}
#barra-superior-conteudo { width: 940px; margin: auto; }
	
		#logotipo  {  width: 312px; height: 85px; float: left; }
		
		#menu    { width: 570px; float: right; height: 15px; margin-top:40px; margin-right:55px }
		#menu ul { float: right; }
		#menu li { display: block; width: 100px; height: 15px; float: left; margin-right: 10px; text-align: center; font-size:16px } 
		#menu a  { display: block; height: 100%; color: #ffffff}
		#menu a:hover { color: #00baff; }

#conteudo-principal { width: 940px; margin: auto; margin-bottom:10px; }
#conteudo-principal a              { color: #646464; }
#conteudo-principal a:hover        { color: #2f1a75; }	

   #conteudo-meio { width: 940px; margin: auto; margin-bottom:30px }
   #conteudo-meio a              { color: #646464; }
   #conteudo-meio a:hover        { color: #2f1a75; }
   
   #conteudo-empresa { width: 940px; height:548px; margin: auto; margin-bottom:30px; background-image:url(../imagens/bg-empresa.png) }
   #conteudo-empresa a              { color: #646464; }
   #conteudo-empresa a:hover        { color: #2f1a75; }
   #conteudo-empresa p          { width: 940px; padding: 5px 25px 20px 20px; color: #646464 }
   #conteudo-empresa h1, h2, h3 { width: 940px; padding: 20px 20px; color: #2f1a75}
   
   #conteudo-contato { width: 940px; height:100%; margin: auto; margin-bottom:30px; background-image:url(../imagens/bg-contato.png) }
   #conteudo-contato a              { color: #646464; }
   #conteudo-contato a:hover        { color: #2f1a75; }
   #conteudo-contato p          { width: 940px; padding: 5px 25px 20px 20px; color: #646464 }
   #conteudo-contato h1, h2, h3 { width: 940px; padding: 20px 20px; color: #2f1a75}
   
   .bg-formulario  {width: 704px; margin-left:100px;}
	
	#texto2 { width: 650px; height: 460px; float: left; margin-top:10px; background-image:url(../imagens/fundo-home1.png)}
	.texto2  { width: 630px; height: 380px; margin-left: 10px; margin-top:10px; }
	.txt2  { width: 435px; margin-left: 190px; margin-bottom: 10px;}
	
		.titulos td  { background: #edf5e2; margin: 35px 0 35px 0; }
		.titulos1 td  { background: #cbe1ab; margin: 35px 0 35px 0; }
	
	#cont_1  { width: 300px; float: left; margin-left:35px; }  
	#cont_2  { width: 300px; float: right; }  
	
	#conteudo-esquerda             { padding-bottom: 30px; width: 960px; float: left; }
	#conteudo-esquerda  p          { padding: 5px 0; color: #333 }
	#conteudo-esquerda  h1, h2, h3 { padding: 5px 0; color: #333 }
	#conteudo-esquerda  li         { padding: 5px 0;  }
	#conteudo-esquerda  img        { padding-right: 10px;  }

	#contato            { padding-bottom: 30px; width: 60%; float: left; }
	#contato p          { padding: 5px 0; color: #333 }
	#contato h1, h2, h3 { padding: 5px 0; color: #333 }
	
	    .RecuoLista   { margin: 10px 0 10px 30px; color: #646464; }
        .RecuoLista li{ margin: 3px }
		
		#caracteristicas    { margin-left: 20px; }
	    #caracteristicas li { padding: 5px; }
		
	#empresa-contato { width: 40%; height: 186px; float: right; background: url(../imagens/fundo-contato-empresa.png); }
	
		#empresa-contato-caixa     { width: 90%; height: 50px; margin: 30px auto; color: #333; }
		#empresa-contato-caixa img { margin-bottom: 20px; }

	#icon-nossos-clientes   { width: 780px; height: auto; margin: auto}
	#icon-nossos-clientes a { margin: 3px 20px 3px 10px ; display: block; float: left; }
	
	#prods   { width: 840px; height: auto; margin: auto}
	#prods a { width: 165px; margin: 5px 20px 5px 20px ;  float: left; }

#caixas     { width: 940px; margin: auto; clear: both;}
#caixas li  { display: block; float: left; width: 299px; height: 142px; background: url(../imagens/bg-link-home.png); margin: 0 0 0 10px }
#caixas img { float: left; margin: 10px 10px 0 15px }
	
	.caixa-titulo { margin: 20px 0 0 100px; font-size: 14px; font-weight: bold }
	
	.caixa-texto { margin: 20px 10px 0 25px;}
	
#caixas-meio    { width: 940px; margin: auto; clear: both;}
#caixas-meio li  { display: block; float: left; width: 299px; height: 388px; background: url(../imagens/caixa_branca.png); margin: 0 0 0 10px }
#caixas-meio img { float: right; margin-right:20px}
	
#rodape { background: url(../imagens/rodape.png) top no-repeat; width: 100%; height: 114px; clear: both;}
	
	#rodape-conteudo          { width: 940px; margin: auto; color: #fff }
	#rodape-conteudo a        { color: #fff }
	#rodape-conteudo a:hover  { color: #ccc; text-decoration: underline; }
	
		#rodape-menu    { width: 45%; height: 70px;  margin: 10px 0 0 10px; float: left; }		
		#rodape-menu p  { font-size: 14px; display: block; margin-bottom: 10px; margin-top: 15px}		
		#rodape-menu li { width: 60%;}
		
		#redes-sociais     { width: 15%; float: left; margin-top: 20px; float: right;  }
		#redes-sociais img { margin: 5px 5px 0 5px }
		
		#copyright { width: 940px; margin: auto; position: relative; top:-2px; clear: both; font-size: 11px; text-align: center; }



