/* -------------------------------------------------------------- 
  
   Estilos para tela
	 * baseado no framework Blueprint v0.6 - http://code.google.com/p/blueprintcss/
	 
	 *** Seletores marcados com *IE FIX* indicam relação com o documento ie6.css onde ***
	 *** as propriedades são configuradas específicamente para o Internet Explorer 6  ***
   
-------------------------------------------------------------- */

@import 'reset.css';	/* Zera valores igualando os navegadores */
@import 'tipo.css';		/* Tipografia, fontes, cores e tamanhos */
@import 'grid.css';		/* Estrutura (container, colunas, etc) */
@import 'forms.css';	/* Formulários */

/* -------------------------------------------------------------- 
	
	MENUS (Navegação, menu lateral, submenu, etc.)
		*Utilize a classe desejada na div que contém a UL
		
-------------------------------------------------------------- */


h1#logo { margin-bottom:10px;}
h1#logo a {display:block; margin:0; padding:0; width:144px; height:138px; text-indent:-9000px;}

#enquetehome {width:237px;}
#enquetehome h2 {background:url(../img/homecartoes.gif) no-repeat top left; margin:0 0 0px; padding:0; width:237px; height:41px; text-indent:-9000px;}
#enquetehome p { margin-left:7px;}
#enquetehome input {background:none; border:0;}
#enquetehome label {display:block; font-weight:normal;}
#enquetehome fieldset {padding:0; border:0;}
#enquetehome button {background:url(../img/bot_amar.gif);}
#enquetehome a {color:#FFFFFF; width:81px; height:19px; float:left; text-align:center; padding-top:2px; margin-top:15px; }
#enquetehome a.sec {color:#FFFFFF; width:81px; height:19px; float:left; text-align:center; padding-top:2px; margin-top:15px; background:url(../img/bot_amar.gif); }

#receitahome {width:287px; text-align:center}
#receitahome h2 {background:url(../img/homereceita.gif) top left; margin:0 0 15px; padding:0; width:287px; height:41px; text-indent:-9000px;}
#receitahome a#receitaHome {color:#333333; background:url(../img/bot_verde.gif); width:240px; height:22px; float:left; text-align:center; padding-top:6px; margin:0 0 0 20px;}

#oferta h2 {background:url(../img/homeoferta.gif) top right; margin:0 0 15px; padding:0; width:405px; height:41px; text-indent:-9000px;}
#oferta p { margin-left: 10px;}
#oferta li { 
background:#f6f7e1;
margin:0 10px 10px 0;
height:100px;
float:left; 
width:336px;
}

#oferta.toda li {margin-left:0px;}
#oferta li span {
	width:98px; 
	float:left; 
	margin:11px 7px 0; 
	display:inline;
}
#oferta table{
	clear:both;
	width:98%;
}
#oferta li span.preco {
	overflow:hidden;
	width:70px; 
	background:#e5e7a8; 
	margin:11px 6px 0; 
	font-size:15px; 
	font-weight:bold; 
	padding:4px 0; 
	text-align:center;
}
#oferta ul {margin:0;}
#oferta ul img {border:1px solid #e5e7a8; margin:2px; float:left;}
#oferta a#veja {color:#333333; background:url(../img/bot_verde.gif); width:240px; height:22px; float:left; text-align:center; padding-top:6px; margin:5px 0 0 80px;}
#receitaDestaque img {float:left; margin-right:10px;  }
#receitaDestaque p { margin:0 }
#receitaTop ol { margin:0; margin-top:-5px; background:url(../img/receitas10mais_bg.jpg) no-repeat; color:#FFFFFF; height:219px; padding:0 7px 0 28px; }
#receitaTop ol a,
#receitaTop ol a:hover,
#receitaTop ol a:focus { color:#FFFFFF;}
#receitaTop ol li { border-bottom:1px dotted #fff; }
ul#lisReceita { float:left; width:70%; margin:0;}
ul#lisReceita li {margin-bottom:10px; padding:10px; background-color:#FFFFFF; width:440px;}
ul#lisReceita img {float:left; margin-right:10px;}
ul#lisReceita span { float:left; width:300px; }
ul#lisReceita strong{margin-bottom:10px; display:block;}
a#maisreceita {margin-top:40px; float:left;}

#lisCategoriaReceita {
width:195px;
float:left;
padding-bottom:20px;
background:url(../img/bottom_receitas_categoria.gif) bottom no-repeat #D4D0C8;

}

#lisCategoriaReceitaDet {
width:195px;
float:right;
padding-bottom:20px;
background:url(../img/bottom_receitas_categoria.gif) bottom no-repeat #D4D0C8;
margin-top:25px;
}

#lisCategoriaReceita ul  {
padding-left:15px;
margin-top:10px;
}

#lisCategoriaReceita ul a  {
color:#333333;
}


#lisCategoriaReceita li{
list-style-image:url(../img/list_star.gif);
padding-left:7px;
padding-top:-10px;
margin-top:-5px;
padding-bottom:5px;
}



p.voltar {text-align:right; margin:0; width:100%; clear:both;}
p.voltar a {color:#ffffff; background:url(../img/bot_volta.gif); width:81px; height:19px; padding-top:2px; margin:15px 10px 0 0; float:right; text-align:center; }
a.amarelo {background:url(../img/bot_amar.gif);}
p.voltar a:hover,
p.voltar a:focus {color:#FFFFFF;}

#linhatempo h3 {background:url(../img/homelinha.gif) no-repeat bottom right; margin:10px 0 15px 0; padding:5px 0 0 0; width:930px; height:25px; text-indent:-9000px;}
	#histhome p img {float:left; margin:-10px 40px 0 15px; }
	#histhome a {color:#333333; background:url(../img/bot_cinza.gif); width:82px; height:19px; float:left; text-align:center; padding-top:2px; margin:20px 0 0 0px; }
	
	#inforodapehome span { margin-bottom:10px; display:block; line-height:1.1em;}
	#inforodapehome a { background:url(../img/seta.gif) left no-repeat; padding-left:24px;}

	.rodapedir {text-align:right; margin-right:30px; padding-bottom:15px;}
	
#inforodape {background:url(../img/bg_linhatempo.gif) top repeat-x; width:950px;}
#inforodape span{ margin:10px 0px 0 20px; line-height:1.1em; float:left; display:block;}


#inforodape p{ margin:10px 15px 0 0; line-height:1.1em; clear:both; float:right; text-align:right;} 

#nav.abas { 
	clear:both; 
	float:left;
	width:100%;
 }

.abas ul {
	list-style:none;
	margin:0;
	float:left; 
	border-bottom:1px solid #D7EcFF;
}
.abas ul li {
	display:inline;
	margin:auto;
}
.abas ul li a {
	background:url(../img/borda_aba.jpg) no-repeat top right;
	padding:0px 8px 0 0;
	float:left;
	margin-right:5px;
	text-decoration:none;
}
.abas ul li a span {
	background:url(../img/bg_aba.jpg) no-repeat top left;
	padding:7px 0 3px 8px;
	display:block;
	float:none;
}
.abas ul li a:hover, 
.abas ul li a.atual { background-position:bottom right; }

.abas ul li a:hover span,
.abas ul li a.atual span { background-position:bottom left; }

.abas ul li a.atual { font-weight:bold;}

/*------------------------------------------------------------

Submenu com níveis em CSS:

Primeiro, considere a estrutura máxima de 3 níveis, sendo:
* Nível 1
* Nivel 1
	* Nível 2
	* Nivel 2
	* Nivel 2
		* Nivel 3
		* Nivel 3
	* Nivel 2
* Nivel 1

Esses três níveis podem ser exibidos de 2 maneiras diferentes:
1- classe .sub-1:
	O método mais clássico onde o usuário passa o mouse sobre o link e o nível seguinte aparece flutuando.

2- classe .sub-2:
	Nesse método, o segundo nível aparece dentro do nível principal, abaixo do link, e o nível seguinte aparece flutuando ao apontar o mouse sobre o ítem desejado.
	
Por questões de usabilidade, não é aconselhável que o menu ultrapasse os 3 níveis propostos.
Se for o caso, o ideal é repensar a estrutura do site (Arquitetura da Informação), ou em último caso, deixar apenas os 3 níveis na navegação e os níveis subsequentes dentro das páginas internas, como subnavegação.

/*-------------------------------------------------------------*/


.submenu ul {
	margin:0 0 30px 0;
	list-style:none;
	float:left;
	width:144px;
	}
	
	.submenu ul ul { display:none; } /* Esconde os subníveis  */

	
.submenu ul li { /* Define os ítens de lista de todos os níveis */
	border-bottom:dotted 1px #1a462b;
	float:left;
	width:100%;
	clear:left;
	} /* Garante que os ítens de lista sejam exibidos corretamente nos navegadores IE 6 e 7 */
	
	.horizontal ul li { float:left; width:auto; clear:none; }
		.horizontal ul li li { width:100%; }

.submenu li:hover,
.submenu li.over { 
	position:relative;  /* O ítem sobre o qual o mouse está posicionado se torna a referência para o submenu */
 }

.submenu li a { /* IEFIX */ 
	text-decoration:none; 
	display:block; /* o visual é definido no link <a> ao invés do ítem de lista <li>, por isso o display:block*/
	padding:0 0 0 20px;
	line-height:2em;
	font-weight:normal;
	color:#555;
	height:23px; 
	}
	
	.horizontal li a { 
		border-bottom:0 none;
		border-right:1px solid #ccc;
		text-align:center;
		padding:4px 10px;
		xwhite-space:nowrap;
		float:left;
		}
		
		.horizontal li li a { text-align:left; float:none; }
	
	/* Cor do primeiro nível */
	.submenu li a:hover,
	.submenu li:hover a,
	.submenu li.over a {
		background-color:#fa9e0d;
		text-decoration:none;
		color:#FFFFFF
		}
	
	/* Cor do segundo nível */
	.submenu li li a,				
	.submenu li:hover li a,
	.submenu li.over li a  { 
		background-color:#FDF3E4;
		color:#555;
		}
		
	.submenu li li a:hover,
	.submenu li li:hover a,
	.submenu li li.over a { 
		color:#fff;
		background-color:#FFBD00; }
		
		/* Cor do terceiro nível */
		.submenu li li li a,
		.submenu li li:hover li a,
		.submenu li li.over li a {
			background-color:#EDEFF3;
			color:#069;
			}
			
		.submenu li li li a:hover { background-color:#E0E5EF;	}

/* Exibe o submenu do primeiro e segundo níveis no mouse over */
.sub-1 li:hover ul,
.sub-1 li.over ul,
	.sub-1 ul ul li:hover ul,
	.sub-1 ul ul li.over ul,
.sub-2 ul ul li:hover ul,
.sub-2 ul ul li.over ul {
	display:block;
	}
	
	/* Mantém os próximos níveis escondidos até chegar a hora deles */
	.sub-1 li:hover ul ul,
	.sub-1 li.over ul ul {
		display:none;
	}

/* Posiciona os submenus */	
.sub-1 ul ul,
.sub-2 ul ul ul,
.horizontal ul ul ul {
	position:absolute;
	top:0%;
	left:100%;
	width:175px;
	}
	
	.horizontal ul ul ul {
		width:170px;
		}
	
	.horizontal ul ul {
		left:0%;
		top:100%;
		}
		

.sub-2 ul ul a { padding-left:15px; } /*Identação para o segundo nível */


	
/* -------------------------------------------------------------- 
	
	BOX DE PESQUISA
	a Div se encontra dentro do include
		
-------------------------------------------------------------- */
#pesquisa {
	margin:10px 0;
	float:right;
	border:1px solid #ccc;
	padding:5px 10px;
	}
	
/* -------------------------------------------------------------- 
	
	DESTAQUES DA HOME - Normalmente são 3 colunas de destaque, mas isso pode mudar.
		
-------------------------------------------------------------- */
#destaques { 
	margin-top:1em;
	}
	
#destaques div { /* Colunas de destaque */
	background:#FaF9F5;
	padding:5px;
	width:220px; /* ((710 [meio] - 20px [margem]) / 3) - 10 [padding] = 220px */
	}
	
	.full#destaques { /* IEFIX */ /* Faz os destaques se estenderem por todo a largura do site */
		position:relative; /* pra funcionar no IE */
		margin-left:-240px; /* Margem negativa do tamanho da coluna do menu - 10px da margem */
		}
	
/* -------------------------------------------------------------- 

	LISTAGEM DE NOTÍCIA
	lisNoticia.php

-------------------------------------------------------------- */

ul.listanoticia { 
	list-style:none;
	margin:0;
	float:left;
	}
	
	ul.listanoticia li {
		clear:both;
		border-bottom:1px solid #ddd;
		margin-bottom:1em;
		padding-bottom:0.5em;
		}
	
	ul.listanoticia li img{
		float:left; 
		margin:0 5px 0 0;
	}
	
	ul.listanoticia h4 {
		line-height:1em;
		margin-bottom:0.4em;
		}
	
	ul.divide div {
		margin-left:5px;
		float:left;
		width: 75%;
		}
		
ul.listanoticia p { margin-left:2px; }
/* -------------------------------------------------------------- 

	TEXTO DA NOTÍCIA
	detNoticia.php

-------------------------------------------------------------- */

.detnoticia h3 { margin-bottom:4px; }
.data { display:block; font-style:italic; color:#666; }
.anexos { 
	float:left;
	margin:5px 0 0;
	list-style:none;
	}
	.anexos li {
		padding:3px 12px 3px 18px;
		background:#f5f5f5 url(../img/ico_anexo.gif) no-repeat 5px;
		margin-bottom:2px;
		border:1px solid #ccc;
		float:left;
		margin-right:3px;
	}
	
.fonte { margin: 5px 0; }
	.fonte cite { display:block; line-height:1; }


/* -------------------------------------------------------------- 

	CUSTOMIZAÇÃO
	
-------------------------------------------------------------- */
div.popup#enquetehome{
  background:#FFBD00;
}

div.popup#enquetehome , div.popup#enquetehome h2 {
	width:350px;
}

/*RECEITA --------------------------------------*/

div#keyBusca {
	display:none;
	background:url(../img/fundoKeyBusca.png);
	border:#d3d3cc 2px solid;
	width:519px;
	min-height:40px;
	margin:-8px 0 0 119px;
	float:left;
	position:absolute;
	top:49px;
	left:0;
	xmargin:52px 0 0 120px;
	padding:5px;
	
}
div#keyBusca ul {
	width:100%;
}
div#keyBusca ul li{
	float:left;
	list-style:none;
}
div#keyBusca ul li a{
	padding:5px;
	font-size:14px;
	width:509px;
	display:block;
	color:#666;
	font-family:Arial, Helvetica, sans-serif
}
div#keyBusca ul li a:hover{
	color:#FFFFFF;
	background:#fdd151;	
	text-decoration:none;
}

ul#menu_dicas {
display:block;
}

ul#menu_dicas li {
float:left;
margin-right:15px;
}

.imgReceita{ float:left;}


#lisCategoriaReceita2 {
width:195px;
float:right;
padding-bottom:20px;
background:url(../img/receitas10mais_bg.jpg) bottom no-repeat #ea4527;

}

#lisCategoriaReceita2 li {
list-style-image:none;
list-style-position:outside;
list-style-type:decimal-leading-zero;
padding-bottom:5px;
padding-left:7px;
margin-left:20px;
color:#FFFFFF;
font-weight:bold;

}
#lisCategoriaReceita2 li a {color:#FFFFFF;}