@CHARSET "iso8859-1";

/*
 * GERAL
 */
#hidratacao  #structureMain > .titulo	{font-size:14px; padding: 17px 0; text-transform:uppercase;}
#hidratacao .inner						{width: 100%; padding: 0px; background-color: #e7f0ed;}

/*
 * FILTRO
 */
 
/* geral  */ 
#hidratacao .filtro									{float: left; background-color: #c3dad2; padding: 10px 20px 0px 20px; width: 503px;}
#hidratacao .filtro				.ocultavel			{float: left; padding-bottom: 20px;}
#hidratacao .filtro				> .topo				{float: left; width: 100%;}
#hidratacao .filtro				> .topo	.titulo		{float: left; margin: 0; color: #526664; font-size: 10px; font-weight: bold;}
#hidratacao .filtro				> .topo	.seta		{float: right; background: transparent url(../img/ico/setaFiltroCima.png) no-repeat scroll 0px 0px; width: 37px; height: 34px; margin: -12px -20px 0 0; cursor: pointer;}
#hidratacao .filtro				> .topo	.seta:hover	{background-image: url(../img/ico/setaFiltroCimaHover.png);}
#hidratacao .filtro.encolhido	> .topo	.seta		{background-image: url(../img/ico/setaFiltroBaixo.png); margin-top: -10px; margin-bottom: -2px;}
#hidratacao .filtro.encolhido	> .topo	.seta:hover	{background-image: url(../img/ico/setaFiltroBaixoHover.png);}


/* form
#hidratacao .filtro form > ul		{float: left; width: 100%;}
#hidratacao .filtro form > ul > li	{float: left; width: auto;}
#hidratacao .filtro form label		{float: left; margin: 7px 0 5px 0;}
#hidratacao .filtro form .campo		{float: left; clear: left;}
#hidratacao .filtro form .profissao	{clear: left;}
#hidratacao .filtro form .conteudo	{float: right;}
#hidratacao .filtro form .esporte	{margin-left: 20px;}
#hidratacao .filtro form .botao		{float: right; margin-left: 20px; margin-top: 20px;}
 */
 
 /* geral */
/*
#hidratacao  ul				{margin-bottom: 10px;}
#hidratacao  li				{float: left; padding: 5px 0; width: 180px;}
#hidratacao  .termos			{float: left; width: 50px;}
#hidratacao  .conteudo		{float: right; width: 30px;}
#hidratacao  .profissao		{float: left; width: 20px;}
#hidratacao  .esporte		{float: right; width: 10px;}
#hidratacao  .botao			{float: right; width: 40px;}
#hidratacao  li select			{width: 195px;}
#hidratacao  li dt				{text-align: left; width: 100%; margin: 3px 0 0px 0;}
#hidratacao .filtroRadioLabel						{margin-left: 3px;}

dl {border: 1px solid #000000;}
dd {border: 1px solid #ff0000; width: auto;}
*/ 
#hidratacao  dt {text-align: left; white-space: nowrap;}

#hidratacao  #termosConteudo ul 			{margin-bottom: 10px;}
#hidratacao  #termosConteudo li			{float: left; padding: 5px 0;}
#hidratacao  #termosConteudo li.termosli	{width: 300px;}
#hidratacao  #termosConteudo li.conteudoli	{width: 180px;}

#hidratacao  #profissaoEsporte ul 			{margin-bottom: 10px;border: 1px solid #000000;}

#hidratacao  #profissaoEsporte li.conteudoli	{float: right;width: 180px;}
#hidratacao  #profissaoEsporte li.esporteli	{float: right;width: 180px;}

#hidratacao form table td { padding: 10px 14px 0 0; vertical-align: bottom;}

#hidratacao .filtro form .termos		input	{width: 380px;}
#hidratacao .filtro form .conteudo	select	{width: 190px;}
#hidratacao .filtro form .esporte		select	{width: 190px;}


/* larguras 
#hidratacao .filtro form .termos	label	{width: 348px;}

#hidratacao .filtro form .conteudo	label	{width: 157px;}

 */
 
/*
 * RESULTADOS
 */
 #hidratacao .resultados								{float: left; background: white; padding: 15px; margin-top: 15px;}
#hidratacao .resultados .cima						{float: left; width: 511px; margin-bottom: 10px;}
#hidratacao .resultados .cima div					{float: left; font-weight: bold; padding: 15px 30px; cursor: pointer;}
#hidratacao .resultados .cima div.selecionado		{background-color: #eaf3f0;}
#hidratacao .resultados .cima div:hover,
#hidratacao .resultados .cima div.selecionado:hover	{background-color: #4d9678; color: white;}


/* ordenacao */
#hidratacao .resultados .ordenacao								{float: left; border-bottom: 1px dotted #d4d6d5; border-top: 1px dotted #d4d6d5; width: 511px; padding: 10px 0;}
#hidratacao .resultados .ordenacao .colunaEsquerda				{float: left;}
#hidratacao .resultados .ordenacao .colunaEsquerda .contagem	{padding: 4px 0 3px 0;}
#hidratacao .resultados .ordenacao .colunaDireita				{float: right;}
#hidratacao .resultados .ordenacao .colunaDireita label			{margin-right: 10px;}
 
 
/* paginacao */
#hidratacao .resultados .paginacao								{float: left; width: 511px; padding: 20px 0 10px 0;}
#hidratacao .resultados .paginacao .colunaEsquerda				{float: left;}
#hidratacao .resultados .paginacao .colunaEsquerda .contagem	{padding: 4px 0 3px 0;}
 

/* listagem */
#hidratacao .listagem,
#hidratacao .listagem .linha			{float: left; width: 491px; padding: 10px; cursor: pointer;}
#hidratacao .listagem .linha:hover		{text-decoration: underline; color: #999 !important;}
#hidratacao .listagem .linha.par		{background-color: #eaf3f0; border-width: 1px 0; border-color: #d4d6d5; border-style: dotted;}
#hidratacao .listagem .linha.podcast	{background-image:url(../img/ico/podcast.png); background-position: 465px center; background-repeat: no-repeat;}
#hidratacao .listagem .linha .titulo	{color: #363837;}
#hidratacao .listagem .linha .autor		{font-size: 10px; color: #6a9687;}
 
 
/* correcoes niceforms
#hidratacao .filtro .NFTextLeft	{clear: left;}
 */

/* Artigos Relacionados */
#hidratacao div.box_artigos_relacionados h3	{background: url(../img/ico/paginaMais.png) no-repeat 20px 20px; }
#hidratacao div.box_artigos_relacionados ul	{background: none; margin-top: -30px; }
#hidratacao div.box_leia_mais h3				{background: url(../img/ico/paginaMais2.png) no-repeat 17px 17px; line-height: 28px;}
#hidratacao div.box_leia_mais ul				{background: none; margin-top: -30px; }

#hidratacao  div.box_artigos_relacionados ul li {background: transparent url(../img/ico/raioCinza.png) no-repeat scroll 0 0;}
#hidratacao  div.box_artigos_relacionados ul li.laranja {background: transparent url(../img/ico/raio.png) no-repeat scroll 0 0;}
#hidratacao  div.box_artigos_relacionados ul li.laranja a,			
#hidratacao div.box_artigos_relacionados ul li.laranja a.laranja:visited,	
#hidratacao div.box_artigos_relacionados ul li.laranja a.laranja:hover,	
#hidratacao div.box_artigos_relacionados ul li.laranja a.laranja:active	{color: #ff6418; font: normal 13px arial;}

div.box_artigos_relacionados.ingles h3		{background: url(../img/ico/paginaI.png) no-repeat 17px 26px !important;   margin-bottom: 20px;}
 
