/* -------------------GERAL------------------------- */

body {
	background-color: #8cac57;
	background-image:url(/i9/img/frutaflor/bg.jpg);
	font-family: verdana, sans serif;
	color: #444;
	overflow-x: hidden;
}

a { color: #444;}


/* -------------------TOPO------------------------- */

#topo {
	position: relative;
	width: 100%;
	height: 204px;
	top: 20px;
	background: url("/i9/img/frutaflor/bg3.png") repeat-x top left;

overflow-x: hidden;
*margin-right: -300px;
_margin-right: -300px;
}

#cabecalho {
	position: relative;
	height: 100%;
	width: 800px;
	margin-left: 50%;
	left: -400px;
	height: 194px;
}

/* LOGO */
#logo {
	float: left;
	margin-top: 30px;
	margin-left: 25px;
	width:234px;
	height:104px;
	background-image: url("/i9/img/frutaflor/logo.png");
	background-repeat: no-repeat;
}

/* OPCOES PAGINA: IDIOMA - MOEDA*/
#opcoes_pagina {
	float: right;
	margin-top: 40px;
	margin-right: 27px;
	width:80px;
	height:50px;
}

#idioma {
	width: 74px;
	padding-left:3px;
	padding-top:15px;
	float: left;
	/*background: url(/i9/img/frutaflor/dots.png) no-repeat left;*/
}

#idioma span {float: right; font-size:10px!important; }
#idioma a {float: left; margin-left: 5px;}


#moeda {
	float: right;
	width: 80px;
}
#moeda span { float: left; font-size:10px !important; }
#moeda a { 
	margin-right: 5px;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #d1d1d1;
}
#moeda a.ativo {
	color: #a4ba34;
}

div.opcoes {
	float: left;
	margin-top: 15px;
	width: 100%;
}

#title_region{
	
	color:#AAAAAA;
font-size:11px;
left:93px;
position:relative;
text-align:right;
top:-14px;
width:437px;


*margin-top:-25px;
_margin-right: -300px;
	
}

#idioma span, #moeda span {
	font-size: 12px;
	color: #d1d1d1;
}

/* ABAS */
#abas {
	position: absolute;
	top: 140px;
	left: 0;
	width: 100%;
	height: 51px;	
}
#abas h2 {
	display: inline;
	float: left;
	height: auto;
	width: 263px;
	padding-top: 9px;
	line-height: 40px;
	font-size: 16px;
	
}
#abas h2 a { 
	margin-left: 30px; 
	color: #d1d1d1;
	}



#abas h2 a.ativo {
	color: #a4ba34;
}

.aba1 { background: url("/i9/img/frutaflor/fundo_abas1.png") no-repeat; }
.aba2 { background: url("/i9/img/frutaflor/fundo_abas2.png") no-repeat; }
.aba3 { background: url("/i9/img/frutaflor/fundo_abas3.png") no-repeat; }


/* -------------------CORPO------------------------- */

#corpo {
	position: relative;
	width: 790px;
	height: auto;
	margin-left: 5px;
	float: left;
	display: inline;
	
}

#fundo_corpo {
	top: -12px;
	background-image:url(/i9/img/frutaflor/bg2.png);
	margin-left:-11px;
	position: relative;
	width: 814px;
	height: auto;
	float: left;
	padding-left:12px;
	/*margin-bottom: 40px;*/
}

#centraliza_corpo {
	position: relative;
	width: 800px;
	height: auto;
	top: 19px;
	margin-left: 50%;
	left: -400px;
}

/* -------------------CONTEUDO------------------------- */

#conteudo {
	width: 520px;
	float: left;
	margin: 20px 0 20px 40px;
	display: inline;
}

#conteudo h2 {
	font-size: 16px;
	color: #a4ba34;
	width: 100%;
	margin-bottom: 20px;
}

#conteudo h3 {
	font-size: 14px;
	color: #a4ba34;
	height: 24px;
	width: 100%;
	background: white url("/i9/img/frutaflor/fundo_linha_legend.png") repeat-x bottom left;
	margin-bottom:10px;
	margin-top: 20px;
}
#conteudo h3.topo {
	margin-top: 0;
}

#conteudo h4 {
	font-size: 12px;
	color: #a4ba34;
	width: 100%;
	margin-bottom:10px;
	margin-top: 20px;
}

#conteudo p {
	text-align: justify;
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 1.4em;
}

#conteudo a { color:#a4ba34;  }
#conteudo a:hover { text-decoration: underline;}

#conteudo ul {
	font-size: 11px;
	list-style: disc inside;
}
#conteudo ul li { line-height: 1.4em;}
/*---------------------FORM-----------------------------*/


input.text { 
	height: 18px;
	padding: 2px;
	font-size: 12px;
	border: 1px solid #ccc;
	}

.select {
	height: 24px;
	font-size: 12px;
	border: 1px solid #ccc;
	padding: 3px;
}

.digitos-2 { width: 30px; }
.digitos-20 { width: 170px; }
.digitos-15 { width: 110px; }
.digitos-max { width: 360px; }

.area-max { width: 100%;}
.area-altura-100 { height: 100px;}

label {
	font-size: 12px;
}

/* DIV.LABEL - Campo usado para criação dos formulários em tableless*/
div.label {
	float: left;
	display: block;
	width: 100px;
	height: 34px;
	margin-bottom: 1px;
	background-color: #e2e395;
}
div.label label {
	margin: 10px;
	display: block;
}
div.label label.duas_linhas {
	margin: 3px 10px 3px 10px;
}

/* DIV.FIELD - Campo usado para criação dos formulários em tableless*/
div.field {
	float: left;
	display: block;
	width: 420px;
	height: 34px;
	margin-bottom: 1px;
	background-color: #e5e6be;
}
div.field input, div.field select { margin: 4px; margin-left: 2px; }

div.field label { font-size: 12px; line-height: 34px; }
div.field span { font-size: 10px; line-height: 34px;}
div.field div.option { margin: 4px; height: 26px; float: left }

div.field div.field_interno_esquerda {  display: inline; float: left; margin-left: 4px; }
div.field div.field_interno_direita {  display: inline; float: right; margin-right: 44px; }

div.field span {position: relative; }
/*hack ie6 para centralização dos textos dentro da div do formulário*/
* html div.field span { bottom: 6px; }

/* BOTÕES */
.button {
	float: right;
	width: 94px;
	height: 24px;
	margin-top: 10px;
	border:0;
	cursor: pointer;
}
.enviar { background: white url("/i9/img/frutaflor/fundo_botao_enviar.png") no-repeat; }
.concluir { background: white url("/i9/img/frutaflor/fundo_botao_concluir.png") no-repeat; }

.continuar { height: 28px; background: white url("/i9/img/frutaflor/continuar.jpg") no-repeat; }

.finalizar {
	cursor: pointer;
	width: 176px;
	height: 46px;
	border: 0;
	float: right;
	background: white url("/i9/img/frutaflor/botao_finalizar.png") no-repeat;
}



/* -------------------LISTAGEM DE PRODUTOS-------------------
CSS referente aos ítens da Listagem Geral de Produtos
------------------------------------------------------------- */

#header_listagem {
	position: relative;
	margin-top: 10px;
	width: 100%;
	height: 40px;
	background: url("/i9/img/frutaflor/fundo_rodape.png");
}

#info_listagem {
	float: left;
	margin: 10px;
}
#info_listagem span { font-size: 11px; line-height: 20px; }

#ordenar_por {
	float: right;
	margin: 8px;
}

#listagem {
	margin-top: 20px;
	float: left;
}

#listagem .produto {
	width: 152px;
	_width: 172px;
	height: 290px;
	float: left;
	overflow: hidden;
	margin-left:20px;
	_margin-left:0px;
	
}

#listagem .produto .bloco_sombra {
	margin: 10px 0 0 0;
	float: left;
	width: 131px;
	background: white url("/i9/img/frutaflor/sombra_lateral_listagem_produto.png") repeat-y top left;
}
#listagem .produto .bloco_sombra img { float: left;}

#listagem .produto .bloco_imagem {
	margin: 0 4px 0 4px;
	float: left;
	position: relative;
	border: 1px solid #e2e2a2;
	width: 121px;
	display: inline;
}

#listagem .produto .bloco_imagem img { z-index: -100; float: left; width: 121px;}

.bloco_ver_mais {
	float: left;
	width: 121px;
	position: relative;
	background: #ccc url("/i9/img/frutaflor/ver_mais.png") no-repeat 5px 3px;
	height: 18px;
	/*margin-top: -18px;*/
	z-index: 100;
}

#conteudo a.ver_mais { 
	display: block;
	font-size: 10px;
	line-height: 18px;
	height: 18px;
	color: black;
	padding-left: 20px;
}

.detalhes {
	width: 121px;
	background-color: #ddd;
	font-size: 10px;
	line-height: 1.4em;
}

#listagem .produto .info_produto {
	margin-top: 10px;
	float: left;
	width: 121px;
	text-align:center;
}
span.nome_produto { color: #a4ba34; font-weight: bold; font-size: 12px;}
span.preco_produto { color: #888; font-size: 12px; }

/* -------------------ADICIONE PRODUTO-------------------
CSS referente aos ítens da Listagem de produtos 
que são oferecidos como sugestão para adicionar ao carrinho
na tela de PRODUTOS
------------------------------------------------------------- */

#adicione {
	float: left;
}

#adicione .produto {
	float: left;
	width: 130px;
	font-size: 12px;
	height:240px;
}


/* -----------------------TABELAS---------------------------
Elementos utilizados em todas as tabelas do site.
--------------------------------------------------------- */

/* Tabela 1 */
.tabela1 {
	font-size: 11px;
	width: 100%;
	margin-bottom: 10px;
}

.tabela1 td.topo {
	height: 9px;
	background: #e2e397 url("/i9/img/frutaflor/fundo_tabela_topo.png") no-repeat;
	
}
.tabela1 td.base {
	height: 9px;
	background: #e2e397 url("/i9/img/frutaflor/fundo_tabela_base.png") no-repeat bottom left;
}


.tabela1 tr.topo th, .tabela1 tr.base td {
	color: white;
	text-align: left;
	line-height: 1.4em;
}

.tabela1 tr td, .tabela1 tr th {
	padding: 10px;
	text-align: left;
}

.tabela1 tr.topo th { padding: 0 10px 10px 10px; }
.tabela1 tr.base td { padding: 10px 10px 0 10px;}


td b.total { font-size: 12px; line-height: 20px;}
td span { font-size: 12px; line-height: 20px;}
td b.total span { font-size: 18px; }

/* Tabela Produto */

.tabela2 {
	font-size: 11px;
	width: 330px;
}

.tabela2 tr.dados td {
	padding: 3px 0 3px 0;
	text-align: center;	
}

.tabela2 tr.topo td.esquerdo {
	height: 7px;
	background: #e2e397 url("/i9/img/frutaflor/canto_esquerdo_topo_tabela.png") no-repeat top left;
}

.tabela2 tr.topo td.direito {
	height: 7px;
	background: #e2e397 url("/i9/img/frutaflor/canto_direito_topo_tabela.png") no-repeat top right;
}

.tabela2 tr.base td.esquerdo {
	height: 7px;
	background: #e2e397 url("/i9/img/frutaflor/canto_esquerdo_base_tabela.png") no-repeat bottom left;
}

.tabela2 tr.base td.direito {
	height: 7px;
	background: #e2e397 url("/i9/img/frutaflor/canto_direito_base_tabela.png") no-repeat bottom right;
}

/* Cores Linhas tabela */
.linha_clara {
	background-color: #ededd1; 
}

.linha_escura {
	background-color: #e5e6be;
}

tr.linha_marrom {
	background-color: #efeec2;
}

tr.linha_dourada{
	background-color: #e2e397;
}

tr.linha_branca {
	background-color: #fff;
}

tr.linha_clara_produto {
	background-color: #f1f1cb;
}

/* ---------------------PÁGINA PRODUTO---------------------------
Elementos utilizados na página de especificação de um produto
----------------------------------------------------------------- */

#produto {
	float: left;
}

#produto .coluna_esquerda {
	float: left;
	width: 180px;
}

#produto .coluna_direita {
	width: 330px;
	float: left;
}

/* Itens da Imagem */
#produto .produto_imagem, #produto .ampliar_imagem {
	float: left;
	width: 100%;
}

#produto .bloco_sombra {
	margin: 0 0 0 0;
	float: left;
	width: 164px;
	background: white url("/i9/img/frutaflor/sombra_lateral_produto.png") repeat-y top left;
}
#produto .bloco_sombra img { float: left; }

#produto .bloco_imagem {
	margin: 0 4px 0 4px;
	float: left;
	position: relative;
	border: 1px solid #e2e2a2;
	display: inline;
}

#produto .bloco_imagem img { width: 154px;}



/* Ampliar Imagem */
#produto .ampliar_imagem { 
	margin-top: 10px; 
}

#produto a.ampliar { 
	display: block;
	height: 16px;
	line-height: 16px;
	color: black;  
	font-size: 11px; 	
	padding-left: 20px; 
	background: white url("/i9/img/frutaflor/ampliar.png") no-repeat 0 0;
}

#produto a.ampliar:hover { 
	text-decoration: none; color: #a4ba34;  
}

/* Itens Tabela */
#produto .total {
	float: left;
	margin: 25px 0 15px 20px;
}
#produto .total span { font-weight: bold; font-size: 14px; color: #888; }
#produto .total span.valor { font-size: 20px; color: #496937; }

#produto .comprar {
	float: right;
	margin: 10px 20px 20px 0px;
}

.botao_comprar {
	cursor: pointer;
	width: 113px;
	height: 47px;
	border: 0;
	float: right;
	background: white url("/i9/img/frutaflor/comprar.png") no-repeat;
}

/* Itens barra direita - informações sobre o produto */
#produto .aviso { 
	float: left;
	width: 330px;
	text-align: center;
	margin-top: 20px;
}
#produto .aviso span { 	font-size: 10px; }

#produto .variacoes {
	float: right;
	margin: 20px 0 0 0;
}
#produto .variacoes label { font-size: 12px; font-weight: bold; margin-right: 10px;}

/* ---------------------PÁGINA IDENTIFICAÇÃO--------------------------
Elementos utilizados na página de identificação
----------------------------------------------------------------- */

.box {
	float: left;
	width: 250px;
	height: 170px;
	margin-top: 10px;
}

.box .topo_box {
	width: 100%;
	height: 29px;
	background: white url("/i9/img/frutaflor/topo_box.png") no-repeat top left;
}

.box .topo_box_2 {
	width: 100%;
	height: 29px;
	background: white url("/i9/img/frutaflor/topo_box_big.png") no-repeat top left;
}

.box .interno_box {
	margin: 15px 15px 0px 15px;
}

.topo_box_2 h5,.topo_box h5 {
	padding-top: 10px;
	margin-left: 15px;
	color: white;
	font-size: 11px;
}

.box_login { 
	background: #e2e395 url("/i9/img/frutaflor/fundo_box_login.png") no-repeat bottom left;;
}


.box_login_2 { 
	background: #e2e395 url("/i9/img/frutaflor/fundo_box_login_big.png") no-repeat bottom left;;
}

.box_cadastro {
	margin-left: 20px;
	background: #e5e6be url("/i9/img/frutaflor/fundo_box_cadastro.png") no-repeat bottom left;
}

#conteudo .box p {
	font-size: 10px;
	line-height: 1.2em;
	text-align: justify;
}

#conteudo .box a.lembrar_senha {
	font-size: 10px;
	margin: 30px 0 0 0;
	color: #444;
	width: 120px;
	float: left;
}
.box a.lembrar_senha:hover {
	text-decoration: underline;
}



/* Itens form */
.box label {height: 14px; margin-top: 4px;width: 50px; font-size: 12px; float: left; margin-bottom: 5px; margin-right: 5px;}
.box input.botao { float: left; border: 1px solid #ccc; height: 18px; margin-bottom: 5px;}
.box input.nome { width: 160px; }
.box input.senha { width: 140px; border-right:1px solid #fff;}
.box .botao_login { cursor: pointer; width: 20px; height: 20px; background: white url("/i9/img/frutaflor/fundo_botao_login.png") no-repeat top left; border: 0;float: left;}


.efetuar_cadastro {
	float: left;
	margin-top: 5px;
	width: 220px;
	height: 41px;
	border: 0;
	background: url("/i9/img/frutaflor/efetuar_cadastro.png") no-repeat top left;
	cursor: pointer;
}


/*--------------------PÁGINA CONTATO--------------------
-------------------------------------------------------*/
.bloco_contato {
	position: relative;
}

.mapa {
	float: right;
}

form.contato input {
	border: 1px solid #ccc;
	background-color: #f6f6f6;
	padding: 2px;
	font-size: 11px;
}
form.contato select {
	border: 1px solid #ccc;
	background-color: #f6f6f6;
	padding: 2px;
	font-size: 11px;
}
form.contato textarea {
	border: 1px solid #ccc;
	background-color: #f6f6f6;
	padding: 2px;
	font-size: 11px;
}

form.contato div.label_contato {
	float: left;
	width: 80px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
	} 

form.contato div.field_contato {
	float: left;
	width: 440px;
	height: 30px;
	margin-bottom: 5px;
}
form.contato div.textarea { height: 80px;}

.botao_contato { float: right; margin-top: 10px; }

.digitos-max-contato { width: 430px; }
.area-contato { width: 430px; height: 80px;}

/* -------------------ESQUERDA------------------------- */

#esquerda {
	float: left;
	width: 200px;
}

#esquerda .bloco {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	width: 180px;
	display: inline;
}

#esquerda .bloco h3 {
	width: 170px;
	padding-left:10px;
	padding-bottom: 5px;
	background: white url("/i9/img/frutaflor/fundo_linha_menu.png") repeat-x bottom left;
	color: #a4ba34;
	font-size: 13px;
	height: 24px;
}

#esquerda ul.menu {
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 30px;
	list-style-image: url("/i9/img/frutaflor/marcador_menu.png");
	
}

#esquerda ul.menu li {
	height: 25px;
}

#esquerda ul.menu li a {
	font-size: 13px;
	line-height: 25px;
}

#esquerda ul.menu li a:hover {
	text-decoration: underline;
}

#esquerda ul.parceiros {
	margin-top: 30px;
	margin-left: 30px;
	list-style: none;
}

#esquerda ul.parceiros li {
	margin-bottom: 20px;
}

/* -------------------RODAPE------------------------- */

#rodape {
	float: left;
	position: relative;
	width: 100%;
	height: 60px;
	background: url("/i9/img/frutaflor/fundo_rodape.png");
}

#formas_pagamento {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	height: 35px;
	width: 331px;
	background: url("/i9/img/frutaflor/cards.gif") no-repeat;
}

#links_rodape {
	float: right;
	margin-top: 20px;
	margin-right: 17px;
	width: 330px;
	height: 70px;
}
#links_rodape ul { float: left; list-style-image: url("/i9/img/frutaflor/marcador_links_rodape.png"); }
#links_rodape li { float: left; width:150px; margin-right: 12px; height:18px; }
#links_rodape a { color: white; font-size: 11px; line-height: 18px; }
#links_rodape a:hover { text-decoration: underline; }

#base_rodape {
	float: left;
	width: 100%;
	height: 10px;
	background: url("/i9/img/frutaflor/base_rodape.png") no-repeat bottom left;
}

/*-----------------------Utilitários----------------------------*/

.ultimo { margin-right: 0;}
.no-margin-left { margin-left: 0;}
.float { float: left;}

.ativo { color: #a4ba34;}

.bloco_margin { float: left; margin: 5px;}



.error_form_create{
	color:red;
	padding:3px;
	margin-bottom:5px;
	font-size:11px;
}



dl#cart dt{
	padding:10px;
	text-align:left;
	font-size:12px;
	cursor:pointer;
}




dl#cart dd{
	
	
}


.removeLabel {
	
	margin:0 !important;
}

.removeLabel a img{
	margin-bottom:-10px !important;
}




/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font-size:11px;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #444; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		padding: 10px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #444;
	}
	#gallery ul a:hover { color: #444; }