@charset "utf-8";
/* CSS Document */

   body {margin:0;}

  
#site {margin:-13px auto 0 auto; width:900px; height:auto; background:url(imagens/bg-site-2.png);}
#site img {border:0;}
#site #topo {margin:0 auto 0 auto; width:900px; height:173px; background:url(imagens/bg-topo.png);}
	#topo .logo img {margin:20px 5px 0 35px; float:left;}	
	#topo #contato_topo {margin:35px 0px 0 0; float:right; width:220px; height:70px; }
	#topo #contato_topo img {margin:-5px 5px 0 0; float:left;}
	
	
	#topo #contato_topo h3 {margin:75px 35px 0 0; float:right; color:#333333;}

#site #banner_topo {margin: 0 auto 0 auto; width:884px; height:292px; background:#999;}
		#banner_topo #FlashID{margin:2px 2px 0 2px;}/*alinhamento do banner em flash*/
	  
	  
	  
#site #menu_topo {margin:0; width:900px; height:72px; background:url(imagens/bg-preto-menu.png);}

/* LINHA GUIA*/
#site #conteudo {margin:0 auto 0 auto; width:900px; height:980px; background:url(imagens/bg-conteudo.png); }
#site #linha-guia {margin:5px 0 0 20px; float:left; width:850px; height:26px; padding:auto 0 auto 0; border-bottom:dotted #006600;}
#site #linha-guia a {color:#F30; }


/*CONTROLE DE CABE�ALHO H2, H3 DAS P�GINAS*/


#site #conteudo h1 {margin:20px 0 0 20px; color:#030; float:left; font-size:20px; }
#site #conteudo h1.contato {margin:20px 10px 4px 10px; color:#333; float:left; font-size:24px; width:880px; height:25px; background:#999999; text-align:center;}


/*AREA DE CONTATO*/
#site #conteudo #formulario-contato{margin:0 10px 0 10px; float:left;  width:450px; height:650px;}
#site #conteudo p.texto-contato {margin:10px 10px 0px 30px; color:#666; float:left; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; width:880px; height:50px; text-align:justify;}
#site #conteudo p.estilo-contato{margin:12px 10px 10px 30px; float:left; font-size:17px; width:450px; background:#CCC;  }
#site #conteudo p.estilo-contato input { width:440px; height:30px; font-size:19px; color:#666; float:left;}
#site #conteudo p.estilo-contato textarea { width:440px; height:170px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#666666; float:left;}
#site #conteudo p.estilo-contato select { width:200px; height:30px; }
.err{margin:0 10px 0 30px; width:400px; font-size : 14px; color:#F00; float:left;}

#site #conteudo p.captcha {margin:12px 10px 10px 30px; font-size:17px; width:450px;   }
#site #conteudo p.captcha input {font-size:19px; color:#666;}
#site #conteudo #bt-submit { margin:10px 0 0 30px; width:130px; height:30px; background:#333; color:#FFFFFF; font-size:15px; float:left; cursor:pointer;}
#site #conteudo #bt-submit:hover{ margin:10px 0 0 30px; width:130px; height:30px; background:#0C0; color:#FFFFFF; font-size:15px; float:left; cursor:pointer;}
#site #conteudo p.captcha input {font-size:19px; color:#666; }
#site #conteudo #meios-contato {margin:0px 9px 0 40px; width:370px; height:650px; float:left; }
#site #conteudo #meios-contato .meios-contato {margin:20px 0 0 0px;  height:30px;  float:left; width:360px;}
#site #conteudo #meios-contato .meios-contato img { float:left; margin:-5px 5px 0 0;  }

#site #conteudo .primeiro-paragrafo {margin:10px 0 0 50px; color:#333; float:left; font-size:14px;  }
#site #conteudo h3 {margin:55px 0 0 50px; color:#666666; float:left;}

#site #conteudo h3.frase-subtitulo{ margin:20px 0 20px 50px; font-family:"Times New Roman", Times, serif; font-size:25px; font-style:italic; width:800px;}


#site #conteudo h2 {margin:30px 0 0 10px; color:#666666; width:880px; height:50px; float:left; background:url(imagens/bg-chamada.png) no-repeat; text-align:left;}
#site #conteudo #espaco-extra { margin:0 0 0 10px; width:880px; height:100px; background:transparent; float:left;}

	#site #conteudo #contato-area { margin:50px 0 0 0; width:580px; height:580px; float:left;}
	#site #conteudo h1.contato-mensagem {margin:30px 0 10px 300px ;  font-stretch:ultra-condensed; float:left; }
	#site #conteudo p.msg-thanks {margin:30px 0 10px 300px ; float:left;}

	
/*====================================================================================*/	
/*ESPA�O DESTINADO AGALERIA*/


	
	#site #conteudo #galeria-principal { margin:110px 0 0 20px; width:860px; height:730px; text-align:justify; font-size:13.5px; color:#030; line-height:20px; overflow:auto; overflow-style:marquee-line; padding:0 7px 0 0; overflow:auto;}
	#site #conteudo #galeria-principal img { margin:0 0 0 70px; float:left; width:300px; height:300px; }
	#site #conteudo #galeria-principal h1 { margin:0 0 0 70px; float:left; width:300px; height:300px; }

	#site #conteudo #videos  { width:850px;  margin:0; background:#FFF; float:left; }
	#site #conteudo #videos .videos { width:350px; height:470px; padding:5px 0 60px 0; margin:3px 0 0 30px; float:left;}
	#site #conteudo #videos .videos  .descricao-video { margin:7px 0 10px 0; text-align:left; font-family:"Times New Roman", Times, serif; color:#666666; float:left;}
/*====================================================================================*/	
	
	
	
	
	/*espa�o dedicado as materias*/
	#site	#conteudo #texto-conteudo { margin:100px 0 0 20px; width:580px; height:690px; text-align:justify; font-size:13.5px; color:#030; line-height:20px; overflow:auto; padding:0 7px 0 0; }
	 #site  #conteudo #texto-conteudo  #beneficios-lista { margin:px 0 0 20px; float:left;}
	  #site #conteudo #texto-conteudo  #beneficios-lista li{margin:3x 0px 0 20px; }
	 
	 
	  /*espa�o dedicado a pagina quem sou*/
	  
	#site	#conteudo #texto-quem-sou { margin:110px 0 0 20px; width:860px; height:730px; text-align:justify; font-size:13.5px; color:#030; line-height:20px; overflow:auto; overflow-style:marquee-line; padding:0 7px 0 0;}
	#site	#conteudo #texto-quem-sou .voltar-topo { margin:10px 0 0 0; width:860px; text-align:center; background:#999; float:right; color:#003300;}
	#site	#conteudo #texto-quem-sou img {float:left; margin:5px 10px 5px 3px;}
	#site	#conteudo #texto-quem-sou .foto-perfil {float:left; margin:0px 10px 5px 3px;}
	
	
	#conteudo #descricao_pagina{
		color:#030;
		width:800px;
		margin:0 auto;
		}
	
	#conteudo .conteudo_titulos_certificacoes {
		
		width:800px;
		margin:0 auto;
		
		}
		
		#conteudo #todo-conteudo-certificacao-titulos{
			overflow:auto;
			overflow-style:marquee-line;
			padding:0 7px 0 0;
			width:860px;
			height:500px;
			
			}
	
	
	


/*#########################################################################################################	*/



	
	 /*espa�o dedicado as paginas planos*/
	#site	#conteudo #texto-planos .valores { margin:0 auto 0 10px; color:#F00; font:"Times New Roman", Times, serif; font-size:15.5px;}/*controle de texto valores*/

	#site	#conteudo abbr { border-bottom:#333333 dashed 1px;} /*controle de legendas do site*/

	#site	#conteudo .asterisco { margin:6px auto 6px 10px; color:#03F; font:"Times New Roman", Times, serif; font-size:15.5px;}/*controle de asteriscos do site*/

	#site	#conteudo #texto-planos { margin:50px 0 0 25px; width:850px; height:730px; text-align:justify; font-size:15.5px; color:#030; line-height:20px; padding:0 7px 0 0;}
     #site	#conteudo #texto-planos h2{ color:#CCC; background:#999; margin:4px 0 8px 0; text-align:center; width:850px; height:25px; padding:5px 0 0 0;}
	#site	#conteudo #texto-planos #planos-mensais {background:#CCC;}
	#site	#conteudo #texto-planos #planos-mensais p { margin:6px 0 0 40px; width:850px; }


/*#########################################################################################################	*/


	
	 /*#########################################################################################################	*/
	
	 /*espa�o dedicado as paginas servi�os*/
	#site	#conteudo #texto-servicos { margin:100px 0 0 20px; width:860px; height:800px; text-align:justify; font-size:13.5px; color:#030; line-height:20px; overflow:auto; padding:0 7px 0 0; }
	
     #site	#conteudo #texto-servicos h2{ color:#CCC; background:#999; margin:4px 0 8px 0; text-align:center; width:850px; height:25px; padding:5px 0 0 0;}

#site	#conteudo #texto-servicos .info-planos{text-align:center; width:850px; height:25px;}
#site	#conteudo #texto-servicos h3{margin:0; color:#666;}

/*#########################################################################################################	*/
	
	 
	 
	 #site  #conteudo #texto-conteudo  #beneficios-lista { margin:3px 0 0 20px; float:left;}
	  #site #conteudo #texto-conteudo  #beneficios-lista li{margin:3x 0px 0 20px; }
	  
	  
	 /*setas de navega��o*/
	  #site #setas-navegacao { margin:-80px 0 0 10px; float:left; width:880px; height:60px;}
	  #site  .esquerda { margin:0; float:left; text-align:center;}
	  #site  .direita { margin:0; float:right; text-align:center;}

		#site #conteudo #img-tema-materia { margin:-600px 20px 0 0;  float:right; }
		
		/*CONTROLE DAS COLUNAS DA P�GINA INICIAL, TITULO MATERIA E TEXTO ROTATIVO
		___________________---____________________________---______________________*/
		
		/*COLUNA 1*/
		
		#site #coluna1 { margin:0 0 30px 10px; background:transparent; width:290px; height:480px; float:left; font-family:Georgia, "Times New Roman", Times, serif; }
		#site #coluna1 #s1 {margin:0 0 0 50px; }
		/*css do titulo das materias que ficar�o na primeira pagina*/
		#site #coluna1 #s1 p  {color:#666; font:Verdana, Geneva, sans-serif; font-size:18px; line-height:25px; font-style:italic;}
		#site #coluna1 #s1 a p .titulomateria { margin:0 50px 0 0; color:#333; text-align:center; font-size:22px; background:url(imagens/bg-materia.png) no-repeat bottom; width:232pxx; height:35px; float:left; font-style:normal; }
		
		/*COLUNA 2*/
		
		#site #coluna2 { margin:0 0 30px 5px;  width:290px; height:680px; float:left; font-family:Georgia, "Times New Roman", Times, serif; }
		#site #coluna2 #s2 {margin:250px 0 0 0; }
		/*css do titulo das materias que ficar�o na primeira pagina*/
		#site #coluna2 #s2 p  {color:#666; font:Verdana, Geneva, sans-serif; font-size:18px; line-height:25px; font-style:italic;}
		#site #coluna2 #s2 a p .titulomateria { margin:0 60px 0 0; color:#333; text-align:center; font-size:22px; background:url(imagens/bg-materia.png) no-repeat bottom; width:252px; height:35px; float:left;  font-style:normal;}
		
		/*COLUNA 3*/
		
		#site #coluna3 { margin:0 0 30px 5px; background:transparent; width:290px; height:680px; float:left; font-family:Georgia, "Times New Roman", Times, serif; }
		#site #coluna3 #s3 {margin:0 0 0 0; }
		/*css do titulo das materias que ficar�o na primeira pagina*/
		#site #coluna3 #s3 p  {color:#666; font:Verdana, Geneva, sans-serif; font-size:18px; line-height:25px; font-style:italic;}
		#site #coluna3 #s3 a p .titulomateria { margin:0 60px 15px 0; color:#333; text-align:center; font-size:22px; background:url(imagens/bg-materia.png) no-repeat bottom; width:232px; height:35px; float:left;  font-style:normal;}
		
		
		
		

#site #menu-conteudo {margin:0 auto 0 auto; width:890px; height:100px;}
#site #menu-conteudo ul li .current {color:#000; width:200px; height:30px; background:url(imagens/bg-texto-menu-conteudo.png) no-repeat bottom; float:left;}

     #site #menu-conteudo h2 { margin:20px 0 0 200px; text-align:center; width:400px; height:35px; float:left; background:url(imagens/bg-materia.png) no-repeat bottom; color:#000000; }

	 
 #site #menu-conteudo ul {margin:20px 0 0 100px; padding:0; width:880px; height:0px; list-style:none; float:left; }
	 #menu-conteudo ul li {margin:0 10px 0 0;  float:left;}
	 #menu-conteudo ul li a {margin:0 0 0 5px; width:200px; height:50px;  text-align:center; font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#000;  float:left;}/*tamanho da caixa do link do menu*/
	 #menu-conteudo  ul li a:hover {color:#000; width:200px; height:30px; background:url(imagens/bg-texto-menu-conteudo.png) no-repeat bottom; float:left;}


/*menu exclusivo para a pagina de NUTRI��O*/

	#site	#conteudo #texto-nutricao { margin:0 0 -20px 20px; width:580px; height:706px; text-align:justify; font-size:13.5px; color:#030; line-height:20px; overflow:auto; padding:0 7px 0 0;  }

#site #menu-conteudo-nutricao {margin:0 auto 0 auto; width:890px; background:#FFFF00;}
#site #menu-conteudo-nutricao h2 { margin:20px 0 0 200px; text-align:center; width:400px; height:35px; float:left; background:url(imagens/bg-materia.png) no-repeat bottom; color:#000000; }



 #site #menu-conteudo-nutricao ul {margin:20px 0 0 20px; padding:0; width:880px;  list-style:none; float:left; }
	 #menu-conteudo-nutricao ul li {margin:0 10px 10px 0;  float:left; height:50px;}
	#menu-conteudo-nutricao  ul li a {margin:0 0 0 5px; width:200px; height:50px; line-height:1px;  text-align:center; font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#000;  float:left;}/*tamanho da caixa do link do menu*/
	 #menu-conteudo-nutricao  ul li a:hover{color:#000; width:200px; height:20px; background:url(imagens/bg-texto-menu-conteudo.png) no-repeat bottom; float:left;}

	 #menu-conteudo-nutricao  ul li .current {color:#000; width:200px; height:20px; background:url(imagens/bg-texto-menu-conteudo.png) no-repeat bottom; float:left;}

	 
/*fim menu exclusivo para a pagina de ntri��o*/



#site #newsletter {margin:-107px 0 0 11px; width:250px; height:130px; background:#ddd; float:left; border-radius:9px;}
/*#site #newsletter p {text-align:center; color:#030; font-weight:bold;}
#site #newsletter input { margin:2px 0 0 0; background:#CCCCCC;}
#site #newsletter select  { margin:2px 0 0 0; width:154px; background:#CCCCCC;}
#site #newsletter input.bt-on {margin:3px 5px 0 0; cursor:pointer; padding:1px 2px 1px 2px; background:#CCC;}*/

#site #rodape {margin:0; width:900px; height:114px; background:url(imagens/bg-rodape.png); }
	
	
	#rodape #parceiro {margin:0 10px 0 0; float:right;}
	#rodape #parceiro h3 {margin:20px 0 0 0; float:left;}

#site #redes-socias  {margin:-34px 0px 0 15px; float:left;}
#site  #redes-socias a img {margin:0px 5px 0 0px;  }

#site #copyright{margin:0; width:900px; height:17px; background:url(imagens/bg-copyright.png); }
#site #copyright p { margin:0 0 0 100px; float:left;} 


#dialog img{
	
	padding-left:20%;
	padding-right:20%;
	}


