/*//////////////////////////////////////////////
// CSS Document                               //
// Estilos Gerais para o Site                 //
// Mateus Araujo <mateus@alias.com.br>        //
//////////////////////////////////////////////*/

html{ overflow-x: hidden}
html, body{
	background: #fdfdfd url(../img/backgrounds/geral.jpg) repeat-x;
	font: 12px "Trebuchet MS";
	margin: 0;
}
img{ border: 0; }
a{ text-decoration: none; color:#dc1921; }

/* FORMATAÇÃO */
#site{
	width:854px;
	height:auto;
	margin:0 auto;
}
#topo{
	width:854px;
	height: 236px;
	padding-top: 40px;
}
#conteudo{
	width: 854px;
	min-height: 600px;
	background: url(../img/backgrounds/sombra.jpg) no-repeat 150px 25px;
	padding-top: 125px;
}
#conteudo #esquerda{
	width: 449px;
	margin-bottom: 60px;
	float:left;
}
#conteudo #direita{
	width: 357px;
	margin-bottom: 60px;
	float:right;
}
#conteudo #direita_interna{
	width: 307px;
	margin-bottom: 60px;
	float:right;
}
#player_tv{
	margin: 16px 0 30px 0;
}
#mostra_receitas{
	width: 449px;
	height: 178px;
	background-color: #fe6204;
}
#mostra_receitas .foto_receita{
	padding: 5px;
	width:439px;
	height:168px;
	position: relative;
	z-index: 0;
}
#mostra_receitas .descricao{
	width:439px;
	height: 92px;
	position: absolute;
	z-index: 1;
	margin-top: 45px;
	margin-left: 5px;
	background-color: #FFC;
	
}
.tree{
	color: #684925;
}

#box_depoimento img{
	border: solid 5px #fe6204;
	margin-right: 17px;
	float: left
}
#box_depoimento div .titulo{
	color: #fe6204;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	display: block
}
#box_depoimento div .sinopse{
	color: #684925;
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
	display: block
}
#rodape{
	background-color: #fdd743;
	width:100%;
	height: 132px;
}
#rodape .alinhamento{
	width: 854px;
	margin: 0 auto;
}
#rodape .alinhamento .assinatura{
	color: #684925;
	font-size: 11px;
	line-height: 12px;
	width: 599px;
	padding-top: 52px;
	letter-spacing: -0.2px;
	float:left
}
#rodape .alinhamento .assinatura a{
	text-decoration: none;
	color: #684925;
}

#rodape .alinhamento ul.marcas{ float:right; margin:0; padding:40px 0 0 0}
#rodape .alinhamento ul.marcas li{ list-style: none; float:left; margin-left: 10px}

		


/* LOGOS */
h1#logo{
	background: url(../img/marcas/logo.gif) no-repeat;
	width: 205px;
	height: 137px;
	display:block;
	margin: 32px 0 0 0;
	padding:0;
	position: relative;
	z-index:1;
}
h1#logo a{
	display:block;
	width:100%;
	height:100%;
	text-indent: -9999px;
}
#logos{
	position:relative;
	width: 165px;
	margin: -140px 0 0 687px;
	z-index: 2;
	text-align: center;
}

/* LEGUMES */
.legumes{
	position: absolute;
	margin: 23px 0 0 83px;
	z-index: 0;
}

/* MENU */
ul#menu_principal{
	margin:0;
	padding:0;
}
ul#menu_principal li:first-child{margin: 0}
ul#menu_principal li{
	list-style: none; 
	margin: 0 0 0 7px;
	padding: 0;
	display: block;
	float:left;
}
ul#menu_principal li:hover a{
	background-position: 0 -32px;
}


/* CORES */
.vermelho{
	color: #dc1921;
}


/* MENU - ESTILOS INDIVIDUAIS */
.inicial{
	background:url(../img/menu/inicial.gif) no-repeat;
	width: 62px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
.vita_vida{
	background:url(../img/menu/vita_vida.gif) no-repeat;
	width: 75px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
.noticias{
	background:url(../img/menu/noticias.gif) no-repeat;
	width: 72px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
.resultados{
	background:url(../img/menu/resultados.gif) no-repeat;
	width: 91px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
.beneficios{
	background:url(../img/menu/beneficios.gif) no-repeat;
	width: 106px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
.parceiros{
	background:url(../img/menu/parceiros.gif) no-repeat;
	width: 85px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
.participe{
	background:url(../img/menu/participe.gif) no-repeat;
	width: 81px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
.galeria{
	background:url(../img/menu/galeria.gif) no-repeat;
	width: 68px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
.receitas{
	background:url(../img/menu/receitas.gif) no-repeat;
	width: 74px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
.contato{
	background:url(../img/menu/contato.gif) no-repeat;
	width: 76px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}

/* Títulos */
h2.titulos{
	margin: 20px 0;
	padding: 0;
	color:#dc1921;
	font-size:24px;
	font-weight: normal;
}
h2.vita_tv{
	padding:0;
	margin:0;
	background: url(../img/titulos/vita_vida_tv.gif) no-repeat;
	text-indent: -9999px;
	width: 210px;
	height: 34px;
}
h2.noticias{
	padding:0;
	margin:0;
	background: url(../img/titulos/noticias.gif) no-repeat;
	text-indent: -9999px;
	width: 146px;
	height: 34px;
}
h2.receitas{
	padding: 0 0 20px 0;
	margin: 20px 0 0 0;
	display:block;
	background: url(../img/titulos/receitas.gif) no-repeat;
	text-indent: -9999px;
	width: 146px;
	height: 34px;
}
h2.depoimentos{
	padding: 0 0 20px 0;
	margin: 20px 0 0 0;
	display:block;
	background: url(../img/titulos/depoimentos.gif) no-repeat;
	text-indent: -9999px;
	width: 236px;
	height: 44px;
}

h2.visite{
	padding: 0 0 20px 0;
	margin: 20px 0 0 0;
	display:block;
	background: url(../img/titulos/visite_os_sites.gif) no-repeat;
	text-indent: -9999px;
	width: 236px;
	height: 35px;
}


h2.vita_vida{
	padding: 0 0 20px 0;
	margin: 20px 0 0 0;
	display:block;
	background: url(../img/titulos/internas/vita_vida.gif) no-repeat;
	text-indent: -9999px;
	width: 156px;
	height: 34px;
}
h2.arquivo{
	padding: 0 0 20px 0;
	margin: 20px 0 0 0;
	display:block;
	background: url(../img/titulos/arquivo.gif) no-repeat;
	text-indent: -9999px;
	width: 189px;
	height: 34px;
}

h2.resultados{
	padding: 0 0 20px 0;
	margin: 20px 0 0 0;
	display:block;
	background: url(../img/titulos/internas/resultados.gif) no-repeat;
	text-indent: -9999px;
	width: 192px;
	height: 34px;
}

/* LISTAS */
.controles{
	margin: 27px 0 0 14px;
	float:left;
	cursor: pointer;
}
#bloco_receitas{
	float:left;
	width: 326px;
	height: 100%;
}

#receitas_capa{
	width: 327px;
	height: 69px;
	margin:11px 14px;
}
#receitas_capa a{
	text-decoration: none;
	float: left;
	width: 152px;
}
#receitas_capa div{
	width: 327px; 
	height: 69px;
	margin-left: 5px;
}

#receitas_capa .titulo{
	font-size: 11px;
	line-height: 11px;
	color: #00a651;
	font-weight: bold;
	display:block;
}
#receitas_capa .descricao2{
	font-size: 10px;
	line-height: 10px;
	color: #684925;
	font-weight: normal;
	display:block;
}


ul.lista_receitas{ margin: 0; padding:0 }
ul.lista_receitas li{ margin: 0; padding:0; list-style:none; display:block; margin-bottom: 10px }

.titulo_rec{
	font-size: 13px;
	line-height: 14px;
	color: #00a651;
	font-weight: bold;
	display:block;
}
.descricao_rec{
	font-size: 12px;
	line-height: 12px;
	color: #684925;
	font-weight: normal;
	display:block;
}




ul#lista_noticias{
	margin: 0;
	padding: 0;
}
ul#lista_noticias li{
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	border-bottom: dotted 1px #d8c977;
}
ul#lista_noticias li a{
	cursor:pointer;
	text-decoration: none;
}
ul#lista_noticias li:hover a{
	cursor:pointer;
	text-decoration: none;
}
ul#lista_noticias li a .titulo{
	color: #d95b11;
	font-size: 14px;
	line-height: 14px;
	display: block;
	font-weight: bold;	
}
ul#lista_noticias li a .sinopse{
	color: #684925;
	font-size: 12px;
	line-height: 12px;
	display: block;
}
ul#lista_noticias li a .data{
	color: #00a651;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	display: block;
}

ul#menu_lateral{
	margin:0 0 20px 0;
	padding: 0;
}
ul#menu_lateral li{
	list-style: none;
	display:block;
	width: 250px;
	margin-bottom: 2px;
}
ul#menu_lateral li a{
	width: 100%;
	height: 100%;
	background-color: #fef5ba;
	display:block;
	text-decoration: none;
	padding: 5px;
	color: #000;
}
ul#menu_lateral li a:hover{
	background-color: #fdd432;
	color: #000;
}


/* GALERIA */
.filmstrip{margin-top: 10px}
.panel-overlay div{ margin-top: 10px; }

/* ATIVA ITENS */

.historia ul#menu_lateral a.historia, .controle_de_qualidade  ul#menu_lateral a.controle, .capacitacao_e_atendimento ul#menu_lateral a.capacitacao, 
.transporte_e_distribuicao ul#menu_lateral a.transporte,.ano2010 ul#menu_lateral a.ano2010, .ano2009 ul#menu_lateral a.ano2009, .ano2008 ul#menu_lateral a.ano2008, 
.ano2007 ul#menu_lateral a.ano2007, .ano2006 ul#menu_lateral a.ano2006, .ano2005 ul#menu_lateral a.ano2005,.ano2004 ul#menu_lateral a.ano2004,
.ano2003 ul#menu_lateral a.ano2003, .doacoes ul#menu_lateral a.doacoes, .producao ul#menu_lateral a.producao, .beneficiado ul#menu_lateral a.beneficiado,
.apoiar ul#menu_lateral a.apoiar{ background-color: #fdd432; color: #000;  }


/* INPUT */
.input{
	border: 1px solid #dc1921;
	padding: 2px;
	font-size: 12px;
	color: #333;
}

.text_area{
	border: 1px solid #dc1921;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 2px;
	color: #333;
}



/* DROP */
ul.drop_vita{
	position: absolute;
	z-index: 12;
	margin: 30px 0 0 70px;
	padding: 5px 0 0 0;
	display: none
}
ul.drop_vita li{
	list-style: none;
}
ul.drop_vita li a{
	display: block;
	height: 15px;
	width: auto;
	padding: 5px;
	background-color: #fe6204;
	color: #FFF;
}
ul.drop_vita li a:hover{
	background-color: #009d0d;
}


ul.drop_resultados{
	position: absolute;
	z-index: 12;
	margin: 30px 0 0 230px;
	padding: 5px 0 0 0;
	display: none
}
ul.drop_resultados li{
	list-style: none;
}
ul.drop_resultados li a{
	display: block;
	height: 15px;
	width: auto;
	padding: 5px;
	background-color: #fe6204;
	color: #FFF;
}
ul.drop_resultados li a:hover{
	background-color: #009d0d;
}



ul.drop_participe{
	position: absolute;
	z-index: 12;
	margin: 30px 0 0 533px;
	padding: 5px 0 0 0;
	display: none	
}
ul.drop_participe li{
	list-style: none;
}
ul.drop_participe li a{
	display: block;
	height: 15px;
	width: auto;
	padding: 5px;
	background-color: #fe6204;
	color: #FFF;
}
ul.drop_participe li a:hover{
	background-color: #009d0d;
}


ul.visite { margin: 0; padding: 0 }
ul.visite li { float:left; margin-right: 5px; list-style: none;}
ul.visite li img { border: 0 !important }