@import "geral.css";

/* ===== Font color DIV's ===== */

#duvidas a {
	color: #666666;
	text-decoration: none;
}

#duvidas a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#receita a {
	color: #660000;
	text-decoration: none;
}

#receita a:hover {
	color: #990000;
	text-decoration: none;
}

#infoco a {
	color: #000000;
	text-decoration: none;
}

#infoco a:hover {
	color: #990000;
	text-decoration: none;
}

/* ===== Wireframe ===== */

#conteudo {
	width: 725px;
	height: 508px;
	margin: 0px auto; /* Alinhar a esquerda (Retirar o 'auto' e o 'text-align' do body) */
	background: url(../images/bg_conteudo_layout.jpg) no-repeat;
	float: left;
}

/* ===== Div's ===== */

#conteudo1 {
	width: 321px;
	height: 94px;
	border: #cccccc 0px solid;
	background: url(../images/bg_duvidas.jpg) no-repeat;
	padding: 0px 0px 0px 0px; /* Espaço externo do DIV */
	margin: 0px auto; /* Alinhar a esquerda (Retirar o 'auto' e o 'text-align' do body) */
	float: left;
}

#conteudo2 {
	width: 404px;
	height: 424px;
	padding: 0px 0px 0px 0px; /* Espaço externo do DIV */
/*	margin: 0px auto; /* Alinhar a esquerda (Retirar o 'auto' e o 'text-align' do body) */
	float: left;
}

#coluna2 {
	width: 180px;
	margin: 0px auto; /* Centraliza o DIV */
/*	margin-top: 10px;*/
	float: left;
}

/* ----- Box duvidas ----- */

#duvidas {
	width: 280px;
	height: 54px;
	margin: 0px auto; /* Centraliza o DIV */
/*	margin-top: 10px;*/
	padding: 21px 0px 0px 0px; /*(top, right, bottom, left)*/
}

#duvidas h1 {
	font: 11px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	padding-bottom: 3px; /* Quebra de linha */
}

#duvidas h2 {
	font: 9px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	padding-top: 8px;
}

/* ----- Box destaque ----- */

#destaque {
	width: 224px;
/*	height: 300px;*/
/*	margin-top: 10px;*/
	float: left;
}

#flash {
	width: 224px;
	height: 206px;
	margin-top: 8px;
	text-align: center;
	float: left;
}

/* ----- Box receita ----- */

#box_receita {
	width: 224px;
	height: 149px;
	background: url(../images/bg_receita.gif) no-repeat; 
	float: left;
}

#receita {
	width: 150px;
	height: 80px;
/*	margin-top: 10px;*/
	padding: 56px 0px 0px 5px; /*(top, right, bottom, left)*/
	float: right;
}

#receita h1 {
	font: 10px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #000000;
	padding-bottom: 3px; /* Quebra de linha */
}

#receita h2 {
	font: 10px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #000000;
	padding-top: 8px;
}

/* ----- Box infoco ----- */

#box_infoco {
	width: 224px;
	height: 145px;
	background: url(../images/bg_infoco.jpg) no-repeat; 
	float: left;
}

#infoco {
	width: 180px;
	height: 30px;
	margin: 0px auto; /* Centraliza o DIV */
/*	margin-top: 10px;*/
	padding: 105px 0px 0px 0px; /*(top, right, bottom, left)*/
}

#infoco h1 {
	font: 11px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #000000;
	padding-bottom: 3px; /* Quebra de linha */
}

#infoco h2 {
	font: 10px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #000000;
	padding-top: 8px;
}

/* ----- Box procurar ----- */

#box_procurar {
	width: 180px;
	background: url(../images/bg_procurar.gif) no-repeat; 
	margin-top: 8px;
	float: left;
}

#procurar {
	width: 140px;
	height: 45px;
	margin: 0px auto; /* Centraliza o DIV */
	padding: 6px 0px 0px 0px; /*(top, right, bottom, left)*/
}

#procurar h1 {
	font: 11px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	padding-bottom: 2px; /* Quebra de linha */
}

#procurar h2 {
	font: 9px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	padding-top: 8px;
}

/* ----- Box publicidade ----- */

#box_pub1 {
	width: 180px;
	height: 17px;
	margin: 0px auto; /* Centraliza o DIV */
	margin-top: 8px;
	text-align: center;
	float: left;
}

#box_pub2 {
	width: 180px;
	height: 252px;
	margin: 0px auto; /* Centraliza o DIV */
	margin-top: 3px;
	text-align: center;
	float: left;
}

/* ----- Box newsletter ----- */

#box_newsletter {
	width: 180px;
	background: url(../images/bg_newsletter.gif) no-repeat; 
	margin-top: 8px;
	float: left;
}

#newsletter {
	width: 140px;
	height: 122px;
	margin: 0px auto; /* Centraliza o DIV */
	padding: 6px 0px 0px 0px; /*(top, right, bottom, left)*/
}

#newsletter h1 {
	font: 11px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	padding-bottom: 1px; /* Quebra de linha */
}

#newsletter h2 {
	font: 9px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ffffff;
	padding-bottom: 2px; /* Quebra de linha */
}

/* ===== Classes ===== */

.combo_duvidas {
	font: 10px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: normal;
/*	border: 1px solid #cccccc;*/
/*	margin-top: 12px;*/
}

.campo_neutro {
	font: 12px "Verdana", Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
	background: #fff;
	border: 1px solid #cccccc;
/*	margin-top: 12px;*/
}

.campo_pesquisa {
	font: 12px "Verdana", Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
	background: #FCF9D8;
	border: 1px solid #cccccc;
/*	margin-top: 12px;*/
}

.campo_newsletter {
	font: 12px "Verdana", Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
	background: #FFE9E6;
	border: 1px solid #cccccc;
/*	margin-top: 12px;*/
}