body{
		background-image: url(imgwin.jpeg);  /* Fundo cinza claro em volta do layout */
		color: #333;	   /* Textos na cor preta, por padrão      */
		margin:0;
		padding:0;
		font-size:12px;
		font-family: Verdana, Arial, sans-serif;
		text-align: center;
}
#tudo{   /* usa-se # pois refere-se a uma id */
		width: 980px;  /* Largura do layout  */
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		text-align: left;
		background-color: #fff;   /* Fundo branco do layout */
}
#topo{
		position: relative; /*cria um contexto de posicionamento inicio das coordenadas no canto superior do topo*/
		width: 980px;            /* Largura do topo */
		height: 112px;           /* Altura do topo  */
		background-image: url('topo.jpg');  /* imagem de fundo do topo  */
		background-repeat: no-repeat;       /* Não repetição da imagem do topo  */
}
#topo h1{
			
		position: absolute;
		left:50px;
		top:15px;
		font-size:28px;	/* Aumento do tamanho-padrão do elemento h1 para atender ao desging*/
			
		margin: 0px;  /* Evita uma margem que cria um espaçamento acima do topo */
}
#topo h1 span{
		color: #090;  /* Defina a cor verde para a palavra flor de Lótus  */
}
ul#navega{
		position: absolute;
		left:50px;
		top:90px;					
		margin:0;		/* Declaração para padronizar margens e paddins em diferente navegadores */
		padding:0;
}
ul#navega li{
		display: inline; 		/* Coloca os itens da lista horizontal*/
		margin-right:5px; 		/* Insere um espaço entre cada lista*/
		list-style-type: none; 	/*Retira o marcador-padrao das listas*/
}
					
ul#navega li a{
		float:left; /*Corrige bug da expansão do fundo no estado oven no IE7*/
				
		text-decoration:none ; 	  /* Retira o sublinhado dos links*/
		text-transform:uppercase; /*texttos dos links em maiuscula independe da escrita na marcaçao*/
		color: #fff; 			  /* Texto do lnk na cor branca*/
		font-size:11px;
		font-weight: bold;
		padding-top: 4px;		  /*ajusta o tamanho do fundo para o estado over(quando o usuario passa o ponteiro do mouse sobre o link*/
		padding-right: 15px;		
		padding-bottom: 6px;
		padding-left: 15px;     
		margin-right:25px; 		  /*aumenta o espaçamento entre os links*/
}
						
ul#navega li a:hover{
		background-color:#f63; /*Cor do fundo nos links no estado hover.*/
}
/*   até aqui igual a página home.css  */								
								
#principal{
		width: 980px; 		/* alterada:  Largura da coluna principal*/
		margin-top: 30px;
		margin-right: 80px;
		margin-bottom: 50px;
		margin-left: 50px;
		float: left; 		/*fluatuar a esquerda*/
		display: inline;	/*corrige o bug da marge dobrada em elementos flutuados no IE6 e menores*/
					
}
form#contato{
		width:500px;  /*  largura do formulário */
		margin-top:30px;
}
form#contato fieldset{
		padding-top:10px;
		padding-right:25px;
		padding-bottom:10px;
		padding-left:25px;
					
		border:none;  	   /*  Retira a borda padrão  - valores podem ser alterados */
		border-top:1px;    /* Define uma borda superior  */
		border-right:1px;  /* Define uma borda direita */
		border-bottom:1px; /*Define uma borda abaixo  */
		border-left:1px;   /* Define uma borda esquerda  */

		/* Definição do Estilo da Borda*/
		border-style:solid;
					
		/* Definição da cor da Borda*/
		border-color:#ccc;
}
form#contato legend{
		padding-top:1px;
		padding-right:10px;
		padding-bottom:1px;
		padding-left:10px;
					
		/* Define uma borda em volta do elemento  */
		border:1px;
		border-style:solid;
		border-color:#ccc;
			
		color: #B5BDCB;  /* Cor verde para o titulo do conteúdo do fieldset */
}
form#contato label, textarea{
		display:block;  /* transforma os elementos em nível de bloco, 
						   fazendo com que sejam */
						/* renderizados um abaixo do outro */
}
form#contato label{
		margin-top:10px;  /* espaçamento para todas as linhas exceto para botão enviar */
}
form#contato label span{
		color:#c30; /* Cor vermelha para definição da convenção para
						  indicação de campo obrigatório */
}					
form#contato input{
		width:250px;
}
form#contato input, 
form#contato select, 
form#contato textarea{
		border:1px;
		border-style: solid;
		border-color: #999;
}
#principal p	{

		margin-top: 20px;
		margin-bottom: 20px;
}
dt{
		color:#090; 			/* Define cor verde para o 
								título da lista de termos*/
		font-weight:bold;
		font-size:14px;
		margin-bottom:5px;	
}	
form#contato #ddd-telefone{
		width:254px;
}
form#contato input#ddd{
		width:30px;
}
form#contato input#telefone{
		width:210px;
}
form#contato div.um{
		float:left;
}
form#contato div.dois{
		float:left;
}						
div.um, div.dois{
	    margin-bottom:10px;  /* Insere um espaçamento abaixo 
								dos elementos flutuados*/
}		
form#contato input#enviar{
		width:auto;
		margin-top:10px; /* Insere um espaçamento entre o campo da
							 mensagem e o botão enviar*/
}
.roundedBox {	
		/* cantos arredondados  */
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;	
}
.transparent_class {  /*  */
		filter:alpha(opacity=50);
		-mos-opacity:0.5;
		-khtml-opacity:0.5;
		opacity:0.8;
}
.form_campo{
		font-size: 10px;  font-family: Tahoma,arial,Verdana;  color: #000066;  font-weight: bold;
		background-color: #666699;
}

form#contato textarea{
		width:380px; /* Largura do textarea */
		height: 140px; /* Altura do textarea */
}

form#contato select{
		margin-bottom:25px; /* Insere um espaçamento maior sobre o campo da mensagem */
}

								
#principal a:visited	{		/*altera o link visitado*/
		color: #f60;
}								
#principal a:hover	{
		color:#b51;
		text-decoration: none;
}
#principal dt, #auxiliar li	{
		color:#f60;
		font-weight:bold;
}
#principal dd	{
		margin:0; /* retirar o recuo padrao em relação ao elemento dt*/
}								
#principal dt	{					/* criar um espaçamento*/
		margin-top:20px;	/* entre os termos da lista*/
		margin-bottom: 5px;	/* de definição */
}
							
#auxiliar		{
		width: 350px;		/*Largura da coluna*/
		float: right;		/*Flutuar a direita*/
		margin-top: 50px;
		margin-bottom: 50px
}		
#auxiliar img	{
		width: 270px; /* Largura da imagem*/
		height: 270px; /*Altura da Imagem*/
}
					
#auxiliar ul	{
		margin:0 		 /*retirar margens*/
		padding:0; 		 /* retirar preenchimento*/
		list-style:nome; /* retirar marcador padrao de listas*/
}	
#auxiliar li img{
		display:block; /* transforma o elemento img em nivel de bloco para melhor estilização,*/
		text-align:center;
		margin-top::10px;
		margin-bottom:10px;
						
		width:190px; /*Largura*/
		height:150px; /*Altura*/
}			
#rodape  	{
		height: 20px;
		clear:both;		/*Evita o subido do rodape*/
		background-color: #fc6;
}
				
#rodape p	{
		margin-left: 50px;
		font-size: 11px;
		line-height: 2; 	/* Controla o alinhamento vertical do texto*/
}
					
#rodape p span	{
		color: #090;
		font-weight: bold;
}							
h2	{
		font-size: 26px;
		color:#B5BDCB;
			
		margin-top: 30px;
		margin-right:0;
		margin-bottom: 10px;
		margin:left:0;
}