/* DEFINIÇÕES GERAIS */
* {margin:0;padding:0;list-style:none;text-decoration:none;}
strong{font-weight:bold;}
em{font-style:italic;}
html,address{font:normal normal 12px Arial, Helvetica, Verdana sans-serif; color:#555;}
html,body{text-align:center; height:100%;}
body{font-family: Arial, Helvetica, Verdana sans-serif; background:#f7f7f7;}
html{height:100%;}
img{border:none;}
a{color:#555;}
a:hover{color:#037f3e;}
a:focus{outline:none;}

/* CLASSES DE USO GERAL*/
.left{float:left;}
.right{float:right}
.clear{clear:both;}
.none{display:none;}
.block{display:block;}
.inline{display:inline;}
.indent{text-indent:-100000px;}
.absolute{position:absolute;}
.relative{position:relative;}
.hidden{overflow:hidden;}
.center{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.font10{font-size:10px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
	
	/* CORES */
	.red{color:red;}
	.black{color:#000;}
	.white{color:#fff;}
	.blue{color:#0A90F1;}
	.blue2{color:#015996;}
	.grey{color:#616161;}
	.cor1 {color:#037f3e;}
	.cor2 {color:#555;}
	
/* larguras */
.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}


/*################################## PRINCIPAL ##############################################*/
/* ESTRUTURA */
div#principal{position:relative; min-height:100%; min-width:1000px;}

/* TOPO */
h1 {background:url(../imagens/principal/logo.jpg) no-repeat; width:257px; float:left; text-indent:-99999px; display:none;}
h1 a {display:block; height:174px;}

/* conteudo */
#conteudo {/*padding:30px 20px 80px 30px;*/ padding:30px 0 100px 0; height:auto; width:800px; margin:0 auto;}

#flutuante{position:absolute;left:50%;margin-left:-140px; top:350px; z-index:9999;}

#mapa, #mapa2, #mapa3, #mapa4 {background:#f7f7f7; position:absolute; width:640px; height:480px; top:50%; left:50%; margin:-240px 0 0 -320px; border:1px solid #000; z-index:99999;display:none;}
#mapa a, #mapa2 a, #mapa3 a, #mapa4 a {font-size:11px; font-weight:bold; /*float:right;*/ border:1px solid #666; display:block; width:90px; text-align:center; line-height:10px; padding:3px; margin:3px 0 0 -45px; background:#999; color:#f3f3f3; position:absolute; left:50%;}
#mapa iframe, #mapa2 iframe, #mapa3 iframe, #mapa4 iframe {margin:3px 0 0 0;}

p {margin:10px 0 0 0; line-height:1.6em; text-align:left;}

/* INDEX > docemel | fruitnews | receitas | previsao | newsletter */
#docemeli, #fruitnewsi, #previsao, #certifies {text-align:left;}
/*#docemeli {margin:0 30px 0 0;}*/
#receitasi, #newsletter {text-align:left;}
#previsao, #previsao iframe, #fruitnewsi ul {margin:20px 0 0 0;}
#certifies {margin:0; float:left; width:30%;} 
.ie6 #fruitnewsi ul {border:1px solid #f7f7f7}
#docemeli img, #certifies img {border:5px solid #fff; margin:20px 0 0 0;}
#docemeli p, #certifies p {width:200px;}
.linkbt {font-size:11px; font-weight:bold; color:#00803a; text-transform:uppercase; margin:10px 0 0 0; float:left;}
#fruitnewsi li {margin:0 0 5px 0; height:1%;}
#fruitnewsi li a span {float:left; display:block; width:34px; padding:8px 3px; margin:0 5px 0 0;}
#fruitnewsi li a {background:#f1f0ed; display:block; background:#f1f0ed url(../imagens/principal/bg_data.gif) 0 0 repeat-y;}
#fruitnewsi li a p {line-height:normal;padding:8px 3px;}
#receitasi h2 {margin:0 0 20px 0;}
#newsletter {background:url(../imagens/principal/bg_news.gif) no-repeat; width:200px; height:137px; padding:10px 0 0 0; margin:20px 35px 0 0;}
#newsletter p {margin:0 0 5px 10px; text-align:left;}

/* MENUS */
#menu {display:none;}
#submenu, #submenu_en {margin:-30px 0 0 122px;}
#submenu li, #submenu_en li {display:inline; height:1%; float:left;}
#submenu li a {background:url(../imagens/principal/submenu.gif) no-repeat; height:33px; text-indent:-99999px; display:block;}
#submenu_en li a {background:url(../imagens/principal/submenu_en.gif) no-repeat; height:33px; text-indent:-99999px; display:block;}
#submenu li a.submn_empresa, #submenu_en li a.submn_empresa {background-position:0 0; width:101px;}
#submenu li a.submn_empresa:hover, #submenu_en li a.submn_empresa:hover {background-position:0 -33px;}
#submenu li a.submn_qualidade, #submenu_en li a.submn_qualidade {background-position:-101px 0; width:179px;}
#submenu li a.submn_qualidade:hover, #submenu_en li a.submn_qualidade:hover {background-position:-102px -33px;}
#submenu li a.submn_fruta, #submenu_en li a.submn_fruta {background-position:-280px 0; width:123px;}
#submenu li a.submn_fruta:hover, #submenu_en li a.submn_fruta:hover {background-position:-281px -33px;}
#submenu li a.submn_colhendo, #submenu_en li a.submn_colhendo {background-position:-403px 0; width:171px;}
#submenu li a.submn_colhendo:hover, #submenu_en li a.submn_colhendo:hover {background-position:-404px -33px;}
#submenu li a.submn_processo, #submenu_en li a.submn_processo{background-position:-575px 0; width:102px;}
#submenu li a.submn_processo:hover, #submenu_en li a.submn_processo:hover {background-position:-575px -33px;}

/* botoes */
.botoes {background:url(../imagens/principal/botoes.gif) no-repeat; text-indent:-99999px;}
.botoes_en {background:url(../imagens/principal/botoes_en.gif) no-repeat; text-indent:-99999px;}
.bt_home {background-position:0 0; width:28px; height:28px;}
.bt_vermapa {background-position:0 -28px; width:102px; height:18px;}
a.bt_vejamais {background:url(../imagens/principal/botoes.gif) 0 -73px no-repeat; padding:5px 0 0 0; width:72px; height:21px; text-align:center; font-weight:bold; color:#555; display:block;}
a.bt_vejamais:hover {background-position:0 -125px; color:#efefe4;}
.bt_webmail {background-position:-31px 0; width:19px; height:14px; float:left; margin:30px;}


/* COLUNAS DA INDEX */
div#colEsq{}
div#colDir{}

p {margin:10px 0 0 0; line-height:1.6em; text-align:left;}

/* INTERNAS > docemel | produtos | receitas | dicas | fruitnews | parceiros | contato */
#docemel, #parceiros, #contato, #fruitnews, #dicas, #receitas, #links {padding:20px; width:760px; float:left; text-align:left;}
#produtos {padding:20px 0 0 0; width:800px; float:left; text-align:left;}
#docemel {min-height:380px;}
#docemel h3 {color:#037f3e; font-size:14px; margin:10px 0 0 0;}
#docemel.bgmamao {background:url(../imagens/principal/mamao.jpg) 350px 70px no-repeat;}
#docemel li {margin:0 0 10px 0;}
#docemel div.quadro {border:1px solid #ddd; background:#eee; padding:0 10px 10px 10px; margin:10px 0 0 0;}
#docemel img {float:right; border:5px solid #efefe4; margin:10px 10px 0 0;}
#docemel img.semborda {border:none; margin:0 0 0 10px;}
p.data {font-size:11px; margin:-20px 0 0 0;}
#produtos div.boxes {float:left; width:155px; height:278px; background:url(../imagens/principal/bg_frutas.jpg) no-repeat; margin:0 5px 0 0; display:inline;}
#produtos div a {height:292px; display:block; cursor:pointer;}
.ie6 #produtos div a {height:276px;}
#produtos div.boxes p {padding:5px 10px; background:#efefe4; margin:0;}
#produtos div.box_mamao {background-position:0 bottom;}
#produtos div.box_abacaxi {background-position:-155px bottom;}
#produtos div.box_melao {background-position:-311px bottom;}
#produtos div.box_melancia {background-position:-467px bottom;}
#produtos div.box_uva {background-position:-622px bottom;}
#produtos div a p {height:135px;}
#produtos div.boxes a:hover p {color:#fff;}
#produtos div.box_mamao a:hover p {background:#ff9000;}
#produtos div.box_abacaxi a:hover p {background:#119d61;}
#produtos div.box_melao a:hover p {background:#ffba00;}
#produtos div.box_melancia a:hover p {background:#9b0909;}
#produtos div.box_uva a:hover p {background:#5e0c89;}
.bglistas {background:url(../imagens/principal/bg_listas.jpg) right center no-repeat;}
#receitas li, #links li {margin:0 0 5px 0;}
#receitas li.combg, #links li.combg {background:url(../imagens/principal/titulos.gif) 0 -259px no-repeat;}
#receitas li a, #links li a {background:url(../imagens/principal/setinha.gif) 5px center no-repeat; height:21px; padding:5px 0 0 20px; display:block; font-weight:bold;}
#receitas img {border:5px solid #efefe4; margin:20px 0;}
.tempoporcoes {background:url(../imagens/principal/tempoporcao.gif) no-repeat; width:167px; height:21px; text-align:right; padding:3px 20px 0 0;}
.tempo {background-position:0 0;}
.porcoes {background-position:0 -27px;}
#ingredientes, #preparo {width:32%; font-size:12px;}
#ingredientes h3, #preparo h3 {color:#bc6124; margin:0 0 10px 0; font-size:12px;}
#ingredientes li {background:url(../imagens/principal/setinha.gif) 0 center no-repeat; margin:0 0 5px 0; padding:0 0 0 12px;}
#fruitnews img, #dicas img {float:left; border:5px solid #efefe4; margin:10px 10px 0 0;}
#fruitnews li, #dicas li {margin:0 0 20px 0; line-height:1.6em; height:1%;}
#fruitnews li a, #dicas li a {display:block;}
#fruitnews li a span, #dicas li a span {font-size:14px; font-weight:bold; color:#037f3e;}
#fruitnews li a strong, #dicas li a strong {color:#555;}
#fruitnews li a:hover, #dicas li a:hover {text-decoration:underline; color:#037f3e;}
#fruitnews h3 {font-size:14px; color:#037f3e;}
#parceiros li {line-height:1.6em; margin:0 0 20px 0; text-align:left; height:130px; background:url(../imagens/principal/titulos.gif) 0 -259px no-repeat; padding:3px 0 0 0;}
#parceiros li strong {color:#037f3e; margin:5px 0 0 0;}
#parceiros li img {float:left; border:5px solid #f2f2ec; margin:0 10px 0 0;}
#contato p {width:420px;}
#contato ul {float:right;}
#contato ul li {margin:0 0 20px 0;}
#contato ul li a {display:block;}
.certificados {background:#fff url(../imagens/internas/certificados.jpg) no-repeat; height:83px; width:120px; text-indent:-99999px; float:left; border:1px solid #999; margin:20px 30px 0 0;}
.cert_primus {background-position:0 0;}
.cert_primus2 {background-position:0 -83px;}
.cert_carrefour {background-position:0 -166px;}
.cert_cha {background-position:0 -249px;}
.cert_sesc {background-position:0 -332px;}

/* outras */
#outras {margin:0; text-align:left; padding:0 20px; clear:both;}
#outras h3 {font-size:16px; font-weight:bold; padding:0 0 10px 0; border-bottom:1px dotted #555; color:#037f3e;}
#outras ul {margin:10px 0 0 0;}
#outras li {margin:0 0 10px 0; height:1%;}
#outras li a {display:block;}
#outras li a:hover {text-decoration:underline; color:#037f3e;}


/* TÍTULOS */
.titulos {background:url(../imagens/principal/titulos.gif) 0 -232px no-repeat; width:780px; height:20px; text-indent:-99999px; font-size:0; padding:6px 0 0 20px; line-height:1%; text-align:left;}
.titulos_en {background:url(../imagens/principal/titulos_en.gif) 0 -232px no-repeat; width:780px; height:20px; text-indent:-99999px; font-size:0; padding:6px 0 0 20px; line-height:1%; text-align:left;}
.tit_docemeli {background-position:0 0; width:159px; height:14px; padding:0;}
.tit_docemel {background-position:0 -216px; width:89px; height:14px; padding:0;}
.tit_fruitnews {background-position:0 -24px; width:103px; height:15px;}
.tit_receitas {background-position:0 -48px; width:79px; height:15px;}
.tit_previsao {background-position:0 -69px; width:179px; height:18px; padding:0;}
.tit_news {background-position:0 -96px; width:110px; height:14px; margin:5px 0 0 10px;}
.tit_contato {background-position:0 -192px; width:85px; height:12px;}
.tit_links {background-position:0 -168px; width:95px; height:14px;}
.tit_dicas {background-position:0 -141px; width:142px; height:17px;}
.tit_produtos {background-position:0 -120px; width:95px; height:14px;}
.titfrutas {background:url(../imagens/principal/titulos.gif) no-repeat; width:155px; height:36px; text-indent:-99999px; font-size:0; line-height:1%; text-align:left;}
.titfrutas_en {background:url(../imagens/principal/titulos_en.gif) no-repeat; width:155px; height:36px; text-indent:-99999px; font-size:0; line-height:1%; text-align:left;}
.tit_abacaxi {background-position:-180px -115px;}
.tit_mamao {background-position:-180px -79px;}
.tit_melancia {background-position:-180px -187px;}
.tit_melao {background-position:-335px -79px;}
.tit_uva {background-position:-180px -151px;}
.titpfrutas {background:url(../imagens/principal/titulos.gif) no-repeat; width:87px; height:14px; text-indent:-99999px; font-size:0; line-height:1%; text-align:left;}
.titpfrutas_en {background:url(../imagens/principal/titulos_en.gif) no-repeat; width:87px; height:14px; text-indent:-99999px; font-size:0; line-height:1%; text-align:left;}
.titp_abacaxi {background-position:-345px -137x;}
.titp_mamao{background-position:-345px -120px;}
.titp_melancia{background-position:-345px -175px;}
.titp_melao{background-position:-345px -156px;}
.titp_uva{background-position:-345px -194px;}
.tit_certifies {background-position:0 -216px; padding:0; width:80px; height:14px;}

/* subtitulos docemel */
.subtit_empresa {background-position:-180px 0; width:140px; height:17px; padding:0;}
.subtit_qualidade {background-position:-180px -21px; width:185px; height:14px;}
.subtit_fruta {background-position:-180px -43px; width:119px; height:14px;}
.subtit_talentos {background-position:-180px -63px; width:165px; height:16px; padding:0;}
.subtit_processo {background-position:-320px 0; width:188px; height:17px; padding:0;}


/* FORMS */
fieldset{margin:0;padding:0;border:none;}
form *{font-family:Arial, Helvetica, sans-serif;font-size:10px;}
form label {display:block; float:left; font-size:10px; font-weight:bold; width:80px; text-align:right; margin:3px 0 0 0; padding:0 5px 0 0; color:#555;}
form input, textarea {border:none; margin:0 0 5px 0; padding:3px; float:left; background:#fff; color:#555;}
.input_maior {width:300px;}
.input_medio {width:150px;}
.input_menor {width:100px;}
.textarea {width:300px; height:150px;}

/* newsletter */
#form_news {width:180px; margin:0 0 0 10px;}
#form_news label {font-size:10px; font-weight:bold; width:40px; text-align:right;}
#form_news input {width:125px;}
#form_news input.bt_enviar {font-size:11px; background:#fff; color:#666; font-weight:bold; float:right; width:50px; margin:0 5px 0 0;}

/* contato */
#form_contato {background:#efefe4; width:380px; padding:20px; float:left; margin:20px;}
#form_contato label {width:68px;}
#form_contato input {width:300px;}
#form_contato input.bt_enviar, #form_talentos input.bt_enviar {font-weight:bold; font-size:11px; background:#fff; color:#666; font-weight:bold; float:right; width:50px; margin:0 0 0 0;}

/* talentos */
#form_talentos {background:#efefe4; width:420px; padding:20px; float:left; margin:20px;}
#form_talentos label {width:100px;}
#form_talentos input {width:300px;}
#form_talentos select {width:305px; height:20px; margin-bottom:5px; border:0;}
.ie6 #form_talentos select{margin-left:-3px;}
#form_talentos input.arquivo {width:300px;}

/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../imagens/internas/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../imagens/internas/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* RODAPE */
div#rodape{position:absolute; bottom:0; width:100%; height:63px; left:0; background:url(../imagens/principal/bg_rodape.jpg) repeat-x;}

/* ASSINATURAS */
div#rodape a.qualitare{width:63px;height:21px;float:right;margin:25px 20px 0 0;background:url(../imagens/assinatura_qualitare.gif) no-repeat;}

/*################################## NAVEGAÇÃO ##############################################*/

/* paginacao */
#paginacao {margin:0 auto;}
#paginacao li {display:inline; margin:0;}
#paginacao li a {background:#efefe4; text-align:center; color:#555; font-weight:bold; padding:3px 8px; text-decoration:none;}
#paginacao li a:hover {background:#555; color:#efefe4; text-decoration:none;} 
#paginacao li.pgoff {font-weight:normal; color:#555; padding:0 5px;}
#paginacao li a.pgant, #paginacao li a.pgpro {background:url(../imagens/principal/botoes.gif) no-repeat;}
#paginacao li a.pgant {background-position:0 -47px; width:70px; color:#555;}
#paginacao li a.pgpro {background-position:0 -73px; width:70px; color:#555;}
#paginacao li a.pgpro:hover {background-position:0 -125px; color:#efefe4;}
#paginacao li a.pgant:hover {background-position:0 -99px; color:#efefe4;}
#paginacao li a.pgsel {background:#555; color:#efefe4; text-decoration:none;}

/* tamletra */
#tamletra {font:bold 11px Arial, Helvetica, sans-serif; float:right; margin:10px 0 0 0;}
#tamletra li {display:inline; float:left; margin:0 3px 0 0;}
#tamletra li span {padding:3px 0; display:block;}
#tamletra li a {background:#efefe4; color:#555; height:16px; width:23px; text-align:center; color:#9b9555; font-weight:bold; padding:3px 0; float:left; text-decoration:none;}
.ie6 #tamletra li a {float:left;}
#tamletra li a:hover {background:#555; color:#efefe4; text-decoration:none;}