@charset "utf-8";

*{border:0; padding:0; margin:0;}

#container {
	width:779px;
	height:auto;
	margin-left:auto;
	margin-right:auto;}
	
	h1{
		font:bold 18px Arial, Helvetica, sans-serif;
		color:#666666;
		margin:10px 0 0 30px;}
/* ================================ CLASSES ================================== */
.black{ color:#000000;}
		
/* ================================ TOPO ================================== */
#topo{
	float:left;
	width:779px;
	height:113px;
	background-image:url(../images/topo.gif);}
/* ================================ MENU ================================== */
#menu{
	float:left;
	width:779px;
	height:52px;
	background-image:url(../images/menu.jpg);}
	
	#menu ul{ 
	width:779px;}
	
	#menu li{
		display:inline;
		float:left;
		margin-top:20px;
		font:normal 15px Arial, Helvetica, sans-serif;
		color:#FFFFFF;}
	
	#menu a{
		font:normal 15px Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-decoration:none;
		width:auto;}
	
	#menu a:hover{
		color:#03F;}

/* ================================ CONTEUDO ================================== */
#conteudo{
	float:left;
	width:779px;
	height:auto;
	background:#CCCCCC;}
/* ================================ CONTENÇÃO ================================== */
#contencao{
	display:inline;
	float:left;
	width:404px;
	height:auto;}
	
/* ================================ TITUTLO ESQUERDO ================================== */
#titulo_esquerdo{
	display:inline;
	float:left;
	width:404px;
	height:40px;}

/* ================================ PAINEL ESQUERDO ================================== */
#painel_esquerdo{
	float:left;
	width:404px;
	height:405px;
	background-image:url(../images/boneco.jpg);}
		#painel_esquerdo p{
			display:inline;			
			float:left;
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			color:#000066;
			margin:30px 0 0 30px;
			padding-right:25px;}

		#painel_esquerdo ul{
			display:inline;			
			float:left;
			width:180px;
			margin:10px 0 0 30px;}
		
		#painel_esquerdo li{
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			color:#000066;
			margin-top:5px;
			list-style-type:disc;
			list-style-position:inside;}

/* ================================ COMPROVE ================================== */
#comprove {
	display:inline;
  width:365px;
  height:30px;
  float:left;
  margin:20px 0 0 30px;}
/* ================================ PAINEL DIREITO ================================== */
#painel_direito{
	float:left;
	width:375px;
	height:405px;}
/* ================================ ANIMA ================================== */
   #anima {
	   float:left;
   display:inline;
   width:375px;
   height:200px; }
/* ================================ TEXTO MUNDO ================================== */
#texto_mundo{
	float:left;
	width:375px;
	height:61px;
	background-image:url(../images/produtos.jpg);
	background-repeat:no-repeat;}
	#texto_mundo p{
		font:bold 18px Arial, Helvetica, sans-serif;
		color:#666666;
		margin:18px 0 0 70px;}
/* ================================ FUNDO BRANCO ================================== */
#fundo_branco{
	float:left;
	width:375px;
	height:245px;
	background-color:#FFFFFF;}
			#fundo_branco ul{ width:375px;}
			#fundo_branco li{
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			color:#000066;
			margin:0px 0 0 30px;
			list-style-type:disc;
			list-style-position:inside;}
/* ================================ FUNDO DOURADO ================================== */
   #dourado {
   width:779px;
   height:126px;
   float:left;
   background:#C2AF77;}
/* ================================ FUNDO AZUL ================================== */
   #azul {
   width:755px;
   height:106px;
   background:#162449;
   margin:10px 0 0 12px;}
/* ================================ BORDA ================================== */

   #borda {
	   display:inline;
   width:700px;
   height:1px;
   float:left;
   border-bottom-style:solid;
   border-bottom-color:#000000;
   border-bottom-width:2px;
   margin-left:30px;}
/* ================================ TEXTO EMPRESA ================================== */
#texto_empresa{
	display:inline;
	float:left;
	width:700px;
	height:auto;}
	#texto_empresa p{
		display:inline;
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			color:#000000;
			float:left;
			margin:20px 0 20px 30px;}
/* ================================ TEXTO PRODUTOS ================================== */
#texto_produtos{
	display:inline;
	float:left;
	width:700px;
	height:auto;}
	#texto_produtos p{
		display:inline;
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			color:#000000;
			float:left;
			margin:0 0 10px 30px;}
			 #texto_produtos h2 {
				 width:700px;
		    float:left;
			margin:10px 0 10px 30px;
		    font:bold 10px Verdana, Arial, Helvetica, sans-serif;
    	    color:#162449;}
/* ================================ RODAPE ================================== */
#rodape {
   width:779px;
   height:80px;
   float:left;
   background:url(../images/rodape.jpg);
   margin-top:3px; }

  #texto_rodape {
  float:left;	  
  width:425px;
  height:74px;
  margin-top:5px;}
  
  		#texto_rodape p{
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			color:#FFFFFF;
			text-align:center;}
		#texto_rodape a{
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			color:#FC0;}
		#texto_rodape a:hover{ color:#FFFFFF;}

   	#new_tel{
		float:left;
		width:200px;
		height:74px;}
		
		#new_tel p{
		font:normal 15px Verdana, Geneva, sans-serif;
		text-align:center;
		margin-top:10px;
		color:#FFFFFF;} 
