﻿*
{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	border: solid 0px black;
	font-family: Arial, Helvetica, Tahoma;
}

body
{
	height: 100%;
}

a:hover
{
	text-decoration: underline;
}

div#ctl00_Fundo
{
	margin: 0 0 0 0;
	background: url(/_Image/background.gif) no-repeat center top;
	width: 100%;
}

div#ctl00_Fundo div#Miolo
{
	width: 780px;
	height: auto;
	margin: 0 auto;
	display: table;
}

/******************************
TOPO
******************************/

div#ctl00_Fundo div#Miolo img#Logo
{
	margin: 2px 0 0 10px;
	width: 167px;
	height: 80px;
	float: left;
}

div#ctl00_Fundo div#Miolo div#Topo
{
	margin: 0px 0px 0px 0px;
	float: left;
	height: 85px;
	width: 100%;
}

div#ctl00_Fundo div#Miolo div#Topo div#SondaDietLight
{
	float: left;
	font: italic 12px Arial, Helvetica, Tahoma;
	text-align: center;
	color: White;
	margin:0px 0px 0px 35px;
	width: 205px;
	height:20px;
	
}

.TodosProdutos{
	float: left;
	text-align: center;
	width: 101px;
	height:20px;
	margin-top:0px;
	padding-top:6px;
}

.DietLight {
	width: 101px;
	text-align:center;
	float: left;
	padding-top:16px;	
}


div#ctl00_Fundo div#Miolo div#Topo div#SondaDietLight a, div#ctl00_Fundo div#Miolo div#Topo div#Busca, div#ctl00_Fundo div#Miolo div#Topo ul#Contato li a
{
	color: White;
}

div#ctl00_Fundo div#Miolo div#Topo div#Busca
{
	float: left;
	width: 195px;
	height: 17px;
	margin: 13px 0px 0 10px;
	font: 11px Arial, Helvetica, Tahoma;
	font-weight: bolder;
}

div#ctl00_Fundo div#Miolo div#Topo ul#Contato
{
	height: 40px;
	float: left;
	margin: 0px 0 0 35px;
	font: 9px Arial, Helvetica, Tahoma;
	text-transform: uppercase;
	color: White;
}

div#ctl00_Fundo div#Miolo div#Topo ul#Contato li
{
	font-weight: bolder;
	margin: 0 0 0 0;
	line-height: 20px;
}

div#ctl00_Fundo div#Miolo div#Topo ul#Menu
{
	
	float: left;
	margin: 14px 0 0px 35px;
	width: 450px;
	height: 32px;
}


div#ctl00_Fundo div#Miolo div#Topo ul#Menu li
{
	float: left;
	height: 32px;
	display: inline;
	height: 32px;
	margin: 0 0 0px 0px;
}

div#ctl00_Fundo div#Miolo div#Topo ul#Menu li img, div#ctl00_Fundo div#Miolo div#Topo div#MidiaSonda img
{
	float: left;
}

div#ctl00_Fundo div#Miolo div#Topo div#MidiaSonda
{
	margin: 4px 0 0 12px;
	float: left;
	height: 28px;
	width: 113px;
	font: 11px Arial, Helvetica, Tahoma;
	font-weight: bold;
	text-align: right;
	
}

div#ctl00_Fundo div#Miolo div#Topo div#MidiaSonda a
{
	color: #f47300;
	text-decoration: underline;
}

/******************************
BARRA LOGIN
******************************/

div#ctl00_Fundo div#Miolo div#BarraLogin
{
	float: left;
	width: 780px;
	margin: 7px 0 0 0;
	height: 20px;
}

div#ctl00_Fundo div#Miolo div#BarraLogin p#TextoFrete, div#ctl00_Fundo div#Miolo div#BarraLogin p#TextoLogin, div#ctl00_Fundo div#Miolo div#BarraLogin p#NomeCliente, div#ctl00_Fundo div#Miolo div#BarraLogin ul#MenuCliente li
{
	float: left;
	font: 11px Arial, Helvetica, Tahoma;
	color: White;
}

div#ctl00_Fundo div#Miolo div#BarraLogin p#NomeCliente
{
	width: 193px;
}

div#ctl00_Fundo div#Miolo div#BarraLogin p#TextoLogin
{
	width: 460px;
}

div#ctl00_Fundo div#Miolo div#BarraLogin p#NomeCliente, div#ctl00_Fundo div#Miolo div#BarraLogin p#TextoLogin
{
	padding-left: 20px;
}

div#ctl00_Fundo div#Miolo div#BarraLogin p#TextoLogin a, div#ctl00_Fundo div#Miolo div#BarraLogin ul#MenuCliente a
{
	color: White;
	text-decoration: underline;
}

div#ctl00_Fundo div#Miolo div#BarraLogin p#TextoFrete
{
	float: left;
	margin-top: inherit;
	margin: 0 0 0 160px;
	font-weight: bold;
}

div#ctl00_Fundo div#Miolo div#BarraLogin ul#MenuCliente
{
	float: left;
}

div#ctl00_Fundo div#Miolo div#BarraLogin ul#MenuCliente li
{
	margin: 0 15px 0 0;
}


/******************************
Categorias
******************************/

div#ctl00_Fundo div#Miolo div#Categorias
{
	float: left;
	margin: 5px 0 0 0;
	padding-left: 32px;
}

div#ctl00_Fundo div#Miolo div#Categorias h1
{
	font: 11px Arial, Helvetica, Tahoma;
	font-weight: bold;
	color: #c58545;
	text-transform: uppercase;
}

div#ctl00_Fundo div#Miolo div#Categorias ul
{
	width: 105px;
	margin: 8px 0 0px 0px;
	height: 365px;
}

div#ctl00_Fundo div#Miolo div#Categorias li
{
	margin: 0px 0 0 0px;
	line-height: 0 !important;
	border-bottom: dashed 1px #ff8911;
	line-height: 18px !important;
}

div#ctl00_Fundo div#Miolo div#Categorias a, div#ctl00_Fundo div#Miolo div#Categorias li
{
	font: 11px Arial, Helvetica, Tahoma;
	color: #cf6f0f;
}

/******************************
Carrinho
******************************/

div#ctl00_Fundo div#Miolo div#Carrinho
{
	float: left;
	margin: 1px 0 0 55px;
	height: 48px;
	line-height: 0px;
}

div#ctl00_Fundo div#Miolo div#Carrinho ul
{
	float: left;
	margin-top: 5px;
	height: 40px;
}

div#ctl00_Fundo div#Miolo div#Carrinho ul li#LinkVerCarrinho
{
	margin-bottom: 10px;
}

div#ctl00_Fundo div#Miolo div#Carrinho ul li
{
	margin: 0 0 0 0;
}

div#ctl00_Fundo div#Miolo div#Carrinho ul#ProdsCarrinho, div#ctl00_Fundo div#Miolo div#Carrinho a, div#ctl00_Fundo div#Miolo div#Carrinho p
{
	font: 11px Arial, Helvetica, Tahoma;
	color: #914b05;
}

div#ctl00_Fundo div#Miolo div#Carrinho a, div#ctl00_Fundo div#Miolo div#Carrinho p
{
	font-weight: bold;
}

div#ctl00_Fundo div#Miolo div#Carrinho ul#ProdsCarrinho
{
	margin: 8px 0 0 40px;
	float: left;
	line-height: 18px;
	
}

div#ctl00_Fundo div#Miolo div#Carrinho p
{
	margin: 18px 0 0 118px;
	width: 450px;
	text-align: center;
	font-size: 12px;
}

div#PrintList
{
	
	text-align:center;
	font-size: 10px;
	text-transform:uppercase;
}
/******************************
Conteudo
******************************/

div#ctl00_Fundo div#Miolo div#Conteudo
{
	float: left;
	margin: 4px 0 0 16px;
	width: 610px;
	height: auto;
}


/******************************
RODAPÉ Fundo
******************************/

div#RodapeFundo
{
	margin: 0 0 0 0;
	background: url(/_Image/rodape.gif) repeat-x center top;
	width: 100%;
	height: 68px;
}


/******************************
RODAPÉ 
******************************/

div#RodapeFundo div#Rodape
{
	width: 780px;
	margin: 0 auto;
	display: table;
}

div#RodapeFundo div#Rodape div#VerisignLogosPgto, div#RodapeFundo div#Rodape div#CopyrightPolitica
{
	margin: 4px 0 0 0;
	width: 760px;
	padding-left: 15px;
}

div#RodapeFundo div#Rodape div#CopyrightPolitica p, div#RodapeFundo div#Rodape div#CopyrightPolitica ul, div#RodapeFundo div#Rodape div#CopyrightPolitica li a
{
	float: left;
	font: 11px Arial, Helvetica, Tahoma;
	color: #914b05;
}

div#RodapeFundo div#Rodape div#CopyrightPolitica ul
{
	margin-left: 125px;
	width: 270px;
}

div#RodapeFundo div#Rodape div#CopyrightPolitica li
{
	float: right;
	margin-left: 10px;
}

div#RodapeFundo div#Rodape div#CopyrightPolitica li a
{
	text-decoration: underline;
}


div#RodapeFundo div#Rodape div#VerisignLogosPgto, div#RodapeFundo div#Rodape div#VerisignLogosPgto p, div#RodapeFundo div#Rodape div#VerisignLogosPgto img
{
	float: left;
}

div#RodapeFundo div#Rodape div#VerisignLogosPgto img#LogoVerisign
{
	margin-top: 3px;
}

div#RodapeFundo div#Rodape div#VerisignLogosPgto p
{
	font: 12px Arial, Helvetica, Tahoma;
	color: #f7621f;
	padding-left: 220px;
	margin-top: 15px;
}

div#RodapeFundo div#Rodape div#VerisignLogosPgto img#LogosPagamento
{
	margin-top: 8px;
}


/******************************
HOME
******************************/
/******************************
Banner
******************************/

div#ctl00_Fundo div#Miolo div#Conteudo div#Home div#Banner
{
	float: left;
	width: 614px;
	height: 180px;
}

/******************************
Entrega de pedidos
******************************/

div#ctl00_Fundo div#Miolo div#Conteudo div#Home p
{
	font: 11px Arial, Helvetica, Tahoma;
	text-align: center;
	color: #318d6c;
}

/******************************
Destaques
******************************/


div#ctl00_Fundo div#Miolo div#Conteudo div#Home ul li div a img
{
	float: left;
	border: solid 1px #ffd72e;
	margin: 15px 5px 0 0;
}

div#ctl00_Fundo div#Miolo div#Conteudo div#Home ul
{
	margin-top: 6px;
}

div#ctl00_Fundo div#Miolo div#Conteudo div#Home ul li
{
	float: left;
	font: 11px Arial, Helvetica, Tahoma;
	padding-left: 8px;
	width: 166px;
}

div#ctl00_Fundo div#Miolo div#Conteudo div#Home ul li div
{
	width: 100%;
	height: 130px;
}

div#ctl00_Fundo div#Miolo div#Conteudo div#Home ul li#DestaqueEspecial
{
	width: 254px;
}

div#ctl00_Fundo div#Miolo div#Conteudo div#Home ul li#DestaqueEspecial div ul
{
	width: 160px;
}

div#ctl00_Fundo div#Miolo div#Conteudo div#Home ul li div h1, div#ctl00_Fundo div#Miolo div#Conteudo div#Home ul li div ul
{
	font: 11px Arial, Helvetica, Tahoma;
}

div#ctl00_Fundo div#Miolo div#Conteudo div#Home ul li div h1 a
{
	color: #c58545;
}

div#ctl00_Fundo div#Miolo div#Conteudo div#Home ul li div ul
{
	float: left;
	width: 100%;
}

div#ctl00_Fundo div#Miolo div#Conteudo div#Home ul li div ul li, div#ctl00_Fundo div#Miolo div#Conteudo div#Home ul li div ul li a
{
	color: #f44b00;
}

div#ctl00_Fundo div#Miolo div#Conteudo div#Home ul li div ul li
{
	margin: 8px 0px 12px 0px;
	padding-left: 0px;
}

div#ctl00_Fundo div#Miolo div#Conteudo div#Home ul li div h1 img
{
	float: left;
	margin-top: 1px;
	margin-right: 3px;
}



/******************************
CorpoConteudo
******************************/

div#ctl00_Fundo div#Miolo div#Conteudo div#CorpoConteudo
{
	margin: 10px 0 0 10px;
	height: auto;
}

/******************************
Topo
******************************/

div#ctl00_Fundo div#Miolo div#Conteudo div#CorpoConteudo div#Topo
{
	border-bottom: solid 1px #bcbcbc;
	height: auto;
}

div#ctl00_Fundo div#Miolo div#Conteudo div#CorpoConteudo div#Topo img
{
	float: left;
	padding-bottom: 5px;
}

/******************************
Menu de Filtros
******************************/

div#ctl00_Fundo div#Miolo div#Conteudo div#CorpoConteudo div#Topo ul
{
	float: right;
	height:30px;
	width: 450px;
}

div#ctl00_Fundo div#Miolo div#Conteudo div#CorpoConteudo div#Topo ul li
{
	font: 8px Arial, Helvetica, Tahoma;
	text-transform: uppercase;
	float: left;
	border-left: solid 1px #bcbcbc;
	padding: 0 6px 0 6px;
	height: 25px;
	color: #f44b00;
}

div#ctl00_Fundo div#Miolo div#Conteudo div#CorpoConteudo div#Topo ul li select
{
	font: 10px Arial, Helvetica, Tahoma;
	color: #f44b00;
	border: solid 1px #bcbcbc;
}


/******************************
SubMenu
******************************/

div#ctl00_Fundo div#Miolo div#Conteudo div#CorpoConteudo ul#SubMenu
{
	float: left;
	margin-top: 8px;
	padding-bottom: 10px;
	border-bottom: solid 1px #bcbcbc;
	width: 150px;
	
}

div#ctl00_Fundo div#Miolo div#Conteudo div#CorpoConteudo ul#SubMenu li
{
	font: 11px Arial, Helvetica, Tahoma;
	line-height:16px;
	width: auto;
	
}

div#ctl00_Fundo div#Miolo div#Conteudo div#CorpoConteudo ul#SubMenu li a
{
	color: #f44b00;
}

div#ctl00_Fundo div#Miolo div#Conteudo div#CorpoConteudo ul#SubMenu li#TituloSubMenu
{
	
	width: 145px;
	height: 23px;
	border:solid 3px #ffffff;
	
}

div#ctl00_Fundo div#Miolo div#Conteudo div#CorpoConteudo ul#SubMenu li#TituloSubMenu input
{
	float: left;
	margin-right: 0px;
	margin-left: -3px;
	margin-top:-3px;
	
	
}


div#ctl00_Fundo div#Miolo div#Conteudo div#CorpoConteudo ul#SubMenu li#TituloSubMenu p
{
	line-height: 12px;
}

/*************************************************************************
PRODUTOS
**************************************************************************/

div#ctl00_Fundo div#Miolo div#Conteudo div#CorpoConteudo div#MioloConteudo
{
	padding-top:5px;
	padding-left:3px;
	float: left;
	width: 440px;
	border-left: solid 1px #bcbcbc;
	height: auto;
}

/*************************************************************************
DETALHES DOS PRODUTOS
**************************************************************************/

.ProdutoDetalhes div#Detalhes
{
	margin-top: 55px;
	margin-left: auto;
	margin-right: auto;
	border: dashed 1px red;
	width: 450px;
	height: 370px;
	background-color:White;
	padding: 10px 10px 10px 10px;
}

.ProdutoDetalhes div#Detalhes li#Imagem
{
	width: 136px;
	float: left;
	height: 180px;
	text-align: center;
	padding: 0 10px 0 0;
}

.ProdutoDetalhes div#Detalhes li#Imagem p
{
	margin-left: auto;
	margin-right: auto;
	color: #666666;
}

.ProdutoDetalhes div#Detalhes li#Dados
{
	height: 180px;	
}

.ProdutoDetalhes div#Detalhes li#Dados p#CodigoProduto,
.ProdutoDetalhes div#Detalhes li#Dados h4,
.ProdutoDetalhes div#Detalhes li#Dados a
{
	color: #FF4E00;
}

.ProdutoDetalhes div#Detalhes li#Dados h4,
.ProdutoDetalhes div#Detalhes li#Dados p#Preco,
.ProdutoDetalhes div#Detalhes li#VejaMais h2
{
	font-size: 13px;
}

.ProdutoDetalhes div#Detalhes li#Dados p#CodigoProduto
{
	border-bottom: solid #FF4E00 1px;
}

.ProdutoDetalhes div#Detalhes li#Dados p#Descricao,
.ProdutoDetalhes div#Detalhes li#Dados div
{
	color: #cf6f0f;
}

.ProdutoDetalhes div#Detalhes li#Imagem p,
.ProdutoDetalhes div#Detalhes li#Dados p#CodigoProduto,
.ProdutoDetalhes div#Detalhes li#Dados p#Descricao,
.ProdutoDetalhes div#Detalhes li#Dados a,
.ProdutoDetalhes div#Detalhes li#Dados div
{
	font-size: 11px;
}

.ProdutoDetalhes div#Detalhes li#Dados p#Descricao,
.ProdutoDetalhes div#Detalhes li#Dados a,
.ProdutoDetalhes div#Detalhes li#Dados p#Preco,
.ProdutoDetalhes div#Detalhes li#Dados div
{
	padding-top: 6px;
}

.ProdutoDetalhes div#Detalhes li#Dados p#Preco,
.ProdutoDetalhes div#Detalhes li#VejaMais h2,
.ProdutoDetalhes div#Detalhes li#Dados a
{
	font-weight: bold;
	color: #cf410f;
}

.ProdutoDetalhes div#Detalhes li#VejaMais h2
{
	width:450px;
	text-transform: uppercase;
	border-bottom: solid 1px #cf410f;
}

.ProdutoDetalhes div#Detalhes li#VejaMais,
.ProdutoDetalhes div#Detalhes li#Dados div
{
	float:left;
}

.ProdutoDetalhes div#Detalhes li#Dados a#ctl00_ProdutoDetalhes_lnkFechar
{
	border: solid 1px #cf410f; 
	font-size: 11px;
	float: right;
	text-transform: uppercase;
	height: 20px;
	width: 64px;
	text-align:center;
	background-color: #FCE7C8;
}


/*************************************************************************
LISTA DE PRODUTOS COM FOTO
**************************************************************************/

.ListaComFoto
{
	margin: 14px 0 0 7px;
}
.ListaComFoto, .ListaComFoto a
{
	color: #f44b00;
}
.ListaComFoto li
{
	width: 210px;
	height: 140px;
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
.ListaComFoto, .ListaComFoto li h1
{
	font: 12px Arial, Helvetica, Tahoma;
}
.ListaComFoto li h1
{
	margin-bottom: 7px;
}
.ListaComFoto li h1 a
{
	font-weight: bold;
	margin: 0 0 0 4px;
	color: #cf6f0f;
}
.ListaComFoto li img#BulletSubCategoria
{
	float: left;
	margin-top: 2px;
}
.ListaComFoto div#ImagemProduto
{
	float: left;
	height: 100%;
	width: 82px;
}
.ListaComFoto div#ImagemProduto img, .ListaComFoto li a img
{
	float: left;
}
.ListaComFoto li div#ImagemProduto a img
{
	margin: 0 0 0 0;
	border: solid 1px #ffd72e;
}
.ListaComFoto li div#ImagemProduto img
{
	margin: 8px 0 0 1px;
}
.ListaComFoto li ul
{
	margin: 2px;
}
.ListaComFoto li ul li
{
	width: 115px;
	height: auto;
	margin-left: 5px;
	padding-bottom: 15px;
}


/*************************************************************************
LISTA DE PRODUTOS SEM FOTO
**************************************************************************/

/*==================================
 --> Estrutura
/*=============================================================================== Headers ==========*/
.Lista
{
	margin: 8px 0 0 0px;
	width: 438px;
	
}
.Lista li#Header
{
	float: left;
	width: 437px;
	background-color: #f44b00;
	font: 11px Arial, Helvetica, Tahoma;
	color: White;
	height: 28px;
	text-align: center;
}

.Lista li#Header ul li#HeaderNomeProduto,
.Lista li#Header ul li#headerPreco,
.Lista li#Header ul li#headerPrecoTotal,
.Lista li#Header ul li#HeaderListaProdutos,
.Lista li#Header ul li#HeaderCarrinhoQtd,
.Lista li#Header ul li#HeaderExcluir

{
	height: 28px;
	padding-top: 7px;
	
}
.Lista li#Header ul li#HeaderNomeProduto
{
	border-right: solid 1px white;
	width: 247px;
}
.Lista li#Header ul li#headerPreco
{
	border-right: solid 1px white;
	width: 63px;
}
.Lista li#Header ul li#HeaderListaProdutos
{
	width: 125px;
}
.Lista li#Header ul li#HeaderCarrinhoQtd
{
	border-right: solid 1px white;
	width: 30px;
	
}
.Lista li#Header ul li#headerPrecoTotal
{
	border-right: solid 1px white;
	width: 50px;
}

.Lista li#Header ul li#HeaderExcluir
{
	width: 38px;
}
.Lista li, .Lista li ul li
{
	float: left;
}
.Lista li
{
	height: 38px;
	border-bottom: solid 1px white;	
}

/*==================================
 --> Botões do Final da Pagina
/*==================================================================== Botoes ==========*/

div#CorpoConteudo div#MioloConteudo li#EsvaziaCarrinho, li#ExcluiSelecionado, li#FinalizaCompra
{
	float:left;
	margin-left:8px;
	margin-top:8px;
}
div#CorpoConteudo div#MioloConteudo li#EsvaziaCarrinho
{
	width:135px;
}
div#CorpoConteudo div#MioloConteudo li#FinalizaCompra
{
	width:116px;
}
div#CorpoConteudo div#MioloConteudo li#ExcluiSelecionado
{
	width:145px;
}

/*==================================
 --> Itens
/*=================================================================== Nome do Produto ==========*/
.Lista li ul li#NomeProduto
{
	width: 195px;
	background-color: #fff59f;
	line-height: 14px;
	border-right: solid 1px white;
}
.Lista li ul li#NomeProduto div
{
	margin: 4px 4px 0 4px;
}
.Lista li ul li#NomeProduto div a
{
	color: #f44b00;
	font: 11px Arial, Helvetica, Tahoma;
}

/*==================================================================== Diet/Light/Oferta =======*/
.Lista li ul li#Diet, .Lista li ul li#Light, .Lista li ul li#Oferta
{
	text-align: center;
}
.Lista li ul li#Diet img, .Lista li ul li#Light img, .Lista li ul li#Oferta img
{
	margin-top: 12px;
}
.Lista li ul li#Diet
{
	width: 17px;
	background-color: #73c9b0;
}
.Lista li ul li#Light
{
	width: 17px;
	background-color: #9adfcb;
}
.Lista li ul li#Oferta
{
	border-right: solid 1px white;
	width: 17px;
	background-color: #cbcbcb;
}

/*==================================================================== Preço =======*/
.Lista li ul li#Preco
{
	border-right: solid 1px white;
	font: 11px Arial, Helvetica, Tahoma;
	background-color: #F1EAD4;
	width: 63px;
}
.Lista li ul li#Preco p
{
	margin-top: 12px;
	text-align: center;
}

/*==================================================================== Preço Total =======*/
.Lista li ul li#PrecoTotal
{
	border-right: solid 1px white;
	font: 11px Arial, Helvetica, Tahoma;
	background-color: #f1ead4;
	width: 50px;
}
.Lista li ul li#PrecoTotal p
{
	margin-top: 12px;
	text-align: center;
}

/*==================================================================== TextBox Quantidade =======*/
.Lista li#ListaProdutos div
{
	margin: 8px 0 0 10px;
}

.Lista li ul li#ListaProdutos
{
	font: 11px Arial, Helvetica, Tahoma;
	color: White;
	background-color: #ff8b00;
	width: 126px;
}

.Lista li ul li#Carrinho
{
	border-right: solid 1px white;
	font: 11px Arial, Helvetica, Tahoma;
	color: White;
	background-color: #ff8b00;
	width: 30px;
}
.Lista li ul li#Carrinho input
{
	margin-top:9px;
	margin-right:2px;
	margin-left:4px;
}

/*==================================================================== Box Excluir =======*/
.Lista li ul li#Excluir
{
	background-color: #ff8b00;
	width:43px;
	
}
.Lista li ul li#Excluir input
{
	margin-top:9px;
	margin-right:2px;
	margin-left:9px;
	
}
/*========================================================= Produtos Indisponíveis =======*/
.Indisponivel
{
	
	width:432px;
	height:20px !important;
	background-color:#E8E8E8;
	font-size:11px;
	color:#7D7D7D;
	padding-top:4px;
	padding-left:6px;
	cursor:default;
	
}
.Indisponivel p
{
	
	width:63px;
	border: dotted 1px #ffffff;
	background-color:#FF8B00;
	position:relative;
	margin-left:358px;
	margin-top:-14px;
	padding-left:6px;
	color:White;
	height:14px;
}



/******************************
Paginação lista
******************************/

.Paginacao
{
	margin: 8px 0 0 90px;
	width: 300px;
}

.Paginacao li
{
	float: left;
	font: 11px Arial, Helvetica, Tahoma;
	margin: 0 10px 0 0;
	font-weight: bold;
}

.Paginacao li a
{
	color: #f44b00;
}

/******************************
Oferta
******************************/

div#ctl00_Fundo div#Miolo div#Conteudo div#CorpoConteudo div#MioloConteudo p#TituloMioloConteudo
{
	font: 12px Arial, Helvetica, Tahoma;
	color: #f44b00;
	font-weight: bold;
	margin: 13px 0 0 0px;
}

/******************************
LOGIN
******************************/

div#loading
{
	z-index: 10;
}

div#loading div#ima
{
	width: 35px;
	height: 35px;
	margin: 200px auto;
	display: table;
}

div#login, .ProdutoDetalhes, div#CaixaPergunta, div#loading
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(/_Image/Opacidade.gif);
	
}

div#login div#UsuarioSenha
{
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	width: 210px;
	height: 170px;
	background-color: #FFECD1;
	background-image: url(_image/back_login.gif);
	padding: 0px 0px 0px 0px;
	border: solid 1px #FFC573;
	-moz-border-radius: 5px;
}

div#login div#UsuarioSenha p
{
	
	height: 20px;
	margin: 5px 0px 5px 0px;
	font: 13px Arial, Helvetica, Tahoma;
	font-weight: bold;
	color: Maroon;
	text-align: center;	
}

div#UsuarioSenha ul
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

div#UsuarioSenha ul li
{
	list-style:none;
	padding:3px 10px 10px 10px;
	margin:0px 0px 0px 0px;
}

div#login div#UsuarioSenha p input#ctl00_ControleLogin_imbFecharLogin
{
	margin-left:150px;
}

div#login div#UsuarioSenha label
{
	font:11px Arial, Helvetica, Tahoma;
	color:Maroon;
}

div#login div#UsuarioSenha input
{
	font-size:12px;
	border: solid 1px #BCBCBC;
	margin-left:4px;
	width:140px;
	
}
div#login div#UsuarioSenha input#ctl00_ControleLogin_imbLogin
{
	width:30px;
	margin-left:30px;
	
}
a#ctl00_ControleLogin_lnkPassword
{
	font-size:12px;
}

div#login div#UsuarioSenha a#ctl00_ControleLogin_lnkNewUser
{
	margin:0px 0px 0px 0px;
	text-align:center;
	height:20px;
	padding:5px 20px 5px 17px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	background-color:#fff;
	font-size:10px;
	border:dashed 1px red;
	
}

/******************************
SELEÇÃO DE ENDEREÇOS
******************************/

div#login div#EnderecoEntrega 
{
	
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	height: auto;
	background-color: #FFECD1;
	background-image: url(_image/back_login.gif);
	padding: 0px 0px 0px 0px;
	border: solid 1px #FFC573;
	-moz-border-radius: 7px;
}

div#login div#EnderecoEntrega p
{
	height: 20px;
	margin: 5px 0px 5px 0px;
	font: 13px Arial, Helvetica, Tahoma;
	font-weight: bold;
	color: Maroon;
	text-align: center;
}
div#login div#EnderecoEntrega ul
{
		padding: 5px 5px 5px 5px;
		border: solid 1px #FFC573;
		margin: 2px 8px 10px 8px;
		background-color:White;
		font-size:11px;
		color:Maroon;
		-moz-border-radius: 5px;
}
div#login div#EnderecoEntrega li
{
		margin: 2px 2px 2px 2px;
		border-bottom: dotted 1px Maroon;
}

div#login div#EnderecoEntrega a#ctl00_ControleLogin_lnkNewAdress
{
	font-size:11px;
	color:Red;
	text-decoration:none;
	margin: 0px 0px 0px 180px;
}


/******************************
Classes básicas de textos e títulos
******************************/

.Texto,
.Titulo
{
	font-size: 11px;
}

.Texto
{
	color: #666666;
}

.Titulo
{
	font-weight:bold;
	color: #b83a01;
}

/******************************
Página "meus pedidos"
******************************/

.ListaPedidos
{
	font-size: 12px;
	width: 100%;
}

.ListaPedidos a
{
	color: Red;
}

.ListaPedidos tr#Header
{
	background-color: #f44b00;
	color: White;
}

.ListaPedidos tr
{
	color: #666666;
	background-color: #F1EAD4;
}

.ListaPedidos tr td
{
	padding: 5px 5px 5px 5px;
}


/******************************
Controle de paginação
******************************/
.Paginacao
{
	font-size: 12px;
	color: Red;
	text-align: center;
}

.Paginacao a
{
	color: Red;
}

/******************************
Página de pedidos
******************************/

div#ctl00_Fundo div#Miolo div#Conteudo div#CorpoConteudo div#MioloConteudo div#PedidoCliente
{
	font-size: 12px;
}

div#ctl00_Fundo div#Miolo div#Conteudo div#CorpoConteudo div#MioloConteudo div#PedidoCliente label
{
	font-weight:bold;
}

/******************************
Página de Cadastro
******************************/
div#PaginaCadastro
{
	font-size:11px;
	color:#666666;
}

div#PaginaCadastro h3
{
	padding-top:25px;
	font-size:13px;
	color:Red;
	background-color:white;
}

div#PaginaCadastro p
{
		font-size:11px;
		color:#666666;
}

div#PaginaCadastro h4
{
		background-color:#E9E9E9;
		font-size:11px;
		color:#666666;
		padding:2px 2px 2px 5px;
		border-bottom:solid 2px white;
}

div#PaginaCadastro input
{
		text-align:center;
		border:solid 1px #D7D2D2;
		color:#666666;
}

.CadastroDrop 
{
	border:solid 1px #D7D2D2;
	width:90px;
	font-size:11px;
	
}

div#CadastroFisicaJuridica,
div#CadastroNome,
div#CadastroRazaoSocial,
div#CadastroDataNascimento,
div#CadastroCpfCnpj,
div#CadastroRgIe,
div#CadastroFoneResidencial,
div#CadastroFoneComercial,
div#CadastroFoneCelular,
div#CadastroEmail,
div#CadastroSenha,
div#TiposEndereco,
div#CadastroCep,
div#CadastroEndereco,
div#CadastroComplemento,
div#CadastroCidade,
div#PontoReferencia,
div#CadastroFoneEstadoCivil,
div#CadastroPorfissao,
div#CadastroEscolaridade,
div#CadastroRenda
{
		height:17px;
		background-color:#f3f3f3;
		border-bottom:solid 1px white;
		padding:5px 5px 5px 5px;
}

div#CadastroNome p,
div#CadastroRazaoSocial p,
div#CadastroDataNascimento p,
div#CadastroCpfCnpj p,
div#CadastroRgIe p,
div#CadastroFoneResidencial p,
div#CadastroFoneComercial p,
div#CadastroFoneCelular p,
div#CadastroEmail p,
div#CadastroSenha p,
div#CadastroCep p,
div#CadastroEndereco div,
div#CadastroComplemento div,
div#CadastroCidade div,
div#PontoReferencia p,
div#CadastroFoneEstadoCivil p,
div#CadastroPorfissao p,
div#CadastroEscolaridade p,
div#CadastroRenda p
{
		border-left:solid 2px white;
		padding-left:5px;
		margin-top:-15px;
		margin-left:135px;
}

div#Personalizacao ul li
{
		height:40px;
		border-top:solid 1px white;
		margin-bottom:-3px;
		background-color:#f3f3f3;
		padding:2px 2px 2px 2px;
}

div#CadastroEndereco div p,
div#CadastroComplemento div p,
div#CadastroCidade div p
{
		border-left:solid 2px white;
		padding-left:5px;
		margin-top:-18px;
		margin-left:215px;
		padding-bottom:0px;
		padding-top:0px;
}

p#CadastroBotao
{
		height:25px;
		border:solid 1px white;
		background-color:#F3F3F3;
		text-align:center;
		padding-top:6px;
		margin-bottom:10px;
}

div#ListaEderecos UL LI
{
		height:30px;
		background-color:#f3f3f3;
		border-top:solid 1px white;
		padding:5px 5px 5px 5px;
}

div#ListaEderecos UL LI p
{
		padding:0px 3px 7px 4px;
		border:solid 1px white;
		width:8px;
		margin-left:570px;
		margin-top:-7px;
		height:8px;
}

div#ListaEderecos UL 
{
		margin-top:2px;
}

div#ListaEderecos UL LI p a:link
{
		color:red;
		font-weight:bold;
		font-size:10px;
}

div#ListaEderecos a#ctl00_ContentPlaceHolder1_rptEnderecos_ctl00_lnkNovoEndereco
{
	padding-right:5px;
	padding-left:319px;
	margin-top:2px;
	text-transform:uppercase;
	height:50px;
	background-color:#f3f3f3;
	font-size:10px;
	color:Red;
}


/******************************
Compra Rápida
******************************/

.CompraRapida
{
		margin:3px 3px 3px 0px;
		border:dotted 1px #96aec6;
		font-size:11px;
		color:#666666;
		padding:5px 5px 5px 5px;
		width:400px;
		float:left;
}

div#PaginaCompraRapida
{
		background-image:url('/_image/fundo_degr.jpg');
		padding:3px 3px 3px 3px !important;
		width:600px;
		height:283px !important;
		
}

div#PaginaCompraRapida p
{
		padding-left:3px!important;
		
}

div#PaginaCompraRapida input#ctl00_ContentPlaceHolder1_imbBuscar
{
		margin-top:5px;
		margin-left:385px;
		
}

/******************************
Fale Conosco
******************************/
div#MioloFaleConosco
{
		font-size:11px;
}
div#MioloFaleConosco div
{
	-moz-border-radius:6px;		
	background-color:#f3f3f3;
}

div#MioloFaleConosco ul li,
div#MioloFaleConosco div p
{
		-moz-border-radius:5px;		
		background-color:#f3f3f3;
		padding:9px 9px 9px 9px;
		border-bottom:solid 1px white;
		
}
div#MioloFaleConosco ul li a#lnkFale
{
	margin-left:198px;
	color:Red;
}

div#MioloFaleConosco input#ctl00_ContentPlaceHolder1_imbGravar
{
		margin-left:250px;
}

/*********************************************************************
Fale conosco Currículos
**********************************************************************/
.curriculos td{
	color:Gray;
	padding:3px 3px 3px 3px;
	background-color:#f9f9f9;
}
.curriculos input
{
	border:solid 1px #cccccc;
	font-family:arial;
	color:Gray;
	padding:2px 2px 2px 2px;
	font-size:11px;
}
.curriculos h6
{
	-moz-border-radius:5px;		
	text-transform:uppercase;
	font-family:arial;
	color:Gray;
	padding:5px 5px 5px 5px;
	font-size:11px;
	letter-spacing:1px;
	background-color:White;
	}
	
.DropCv{
	border:solid 1px #cccccc;
	font-family:arial;
	color:Gray;
	font-size:11px;
}


/*********************************************************************
Página de Promocoes
**********************************************************************/
div#PaginaPromocoes
{
	padding:5px 5px 5px 5px;
	float:left;
	width:439px;
	margin-bottom:15px;
	
}
/*********************************************************************
Quem Somos / Ajuda / SiteSeguro / Termos de Uso / Politica de Privacidade / Formas de pagamento / Lojas Sonda
**********************************************************************/

div#PaginaQuemSomos,
div#PaginaAjuda,
Div#PaginaSiteSeguro,
div#PaginaTermosDeUso,
div#PaginaPrivacidade,
div#PaginaFormasDePagamento,
div#PaginaLojasSonda
{
	padding:5px 5px 5px 5px;
	border-left:solid 1px #bcbcbc;
	float:right;
	width:439px;
	margin-bottom:15px;
}


div#PaginaQuemSomos h5,
div#PaginaAjuda h5

{
	padding:4px 4px 4px 4px;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#f1f1f1;
	color:#666666;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	-moz-border-radius:3px;
}

div#PaginaQuemSomos ul li
{	
	margin-top:5px;
	border-bottom:solid 1px #cccccc;
	color:#666666;
	font-size:10px;
}

div#PaginaAjuda ul
{
	padding:3px 3px 3px 3px;
}

div#PaginaAjuda ul li a:link,
div#PaginaAjuda ul li a:hover,
div#PaginaAjuda ul li a:visited 
{
	text-transform:uppercase;
	color:#666666;
	font-size:10px !important;
	font-weight:bold;
}

div#PaginaAjuda ul li
{
	margin-top:2px;
	line-height:17px;
	font-size:11.4px !important;
	color:#666666;
	font-size:10px;
}

div#PaginaAjuda ul li p
{
	border-bottom:solid 1px #eeeeee;
	background-color:#f9f9f9;
	padding-top:8px;
	padding-left:5px;
}

.resp
{
	display:none;
}
div#PaginaFormasDePagamento h5
{
	padding:4px 4px 4px 4px;
	margin-top:0px;
	margin-bottom:5px;
	background-color:#f5f5f5;
	color:#666666;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	-moz-border-radius:3px;
}

div#PaginaFormasDePagamento h6
{
	padding:4px 4px 4px 4px;
	margin-top:-4px;
	margin-bottom:5px;
	background-color:#f5f5f5;
	color:#666666;
	font-size:10px;
	font-weight:bold;
	-moz-border-radius:3px;
}

div#PaginaFormasDePagamento p
{
	padding:4px 4px 4px 4px;
	margin-top:-4px;
	margin-bottom:5px;
	color:#666666;
	font-size:11px;
	border:dashed 1px #CCC;
}

div#PaginaFormasDePagamento h4,
div#PaginaLojasSonda h4
{
	color:#666666;
	font-size:11px;
	font-weight:bold;
	margin-bottom:8px;
}

div#PaginaLojasSonda ul li
{
	height:80px;
	
	border-bottom:dotted 1px #ccc;
	background-color:#fbfbfb;
	margin-top:2px;
	padding:5px 5px 5px 5px;
	
}

div#PaginaLojasSonda ul li h5
{
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:-2px;
	margin-left:5px;
	font-size:10px;
	color:#666666;
	background-color:#eee;
	padding: 3px 3px 3px 3px;

}
div#PaginaLojasSonda ul li p
{
	
	margin-top:0px;
	margin-left:5px;
	font-weight:lighter;
	font-size:11px;
	color:#666666;
	line-height:16px;
	padding: 3px 3px 3px 3px;
}

div#PaginaDetalhesProduto
{		
		padding:15px 15px 15px 15px;
		height:517px;
}

div#PaginaDetalhesProduto h1
{
		padding:5px 5px 5px 5px;
		background:#f3f3f3;
		font-size:13px;
		color:#ffa906;
		margin-bottom:5px;
}

div#PaginaDetalhesProduto h2
{
		padding:5px 5px 5px 5px;
		font-size:11px;
		color:#ffb800;
}

div#PaginaDetalhesProduto p
{
		padding:0px 5px 5px 5px;
		font-size:10px;
		color:#666666;
}

div#PaginaDetalhesProduto img 
{
	margin-left:43%;
	margin-top:72px;
}

div#PaginaDetalhesProduto table
{
	width:100%;
	font-size:11px;
	color:#666666;
}

div#PaginaDetalhesProduto table tr td
{
	background-color:#f9f9f9;
	padding:2px 2px 2px 2px;
}

td#headerInfoNutricional
{
	font-weight:bold;
	text-align:center;
}

/*********************************************************************
Div  Sim  / Não
**********************************************************************/

div#SimNao
{
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	height: 100px;
	background-color: #FFECD1;
	padding: 0px 0px 0px 0px;
	border: solid 1px #FFC573;
	-moz-border-radius:5px;
	text-align:center;
}

div#SimNao h1
{
	margin-top:18px;
	font-size:11px;
	margin-bottom:15px;
}

div#SimNao h1,
div#SimNao a
{
	font-weight:bold;
	color:Maroon;
	text-transform:uppercase;
}

	
div#SimNao a
{
	background-image: url('/_image/Order/fundo_botao.jpg');
	width: 200px;
	border: solid 1px #FFC573;
	font-size: 10px;
	padding:2px 15px 2px 15px;
}

div#Cep
{
	margin-top:200px;
	margin-left:auto;
	margin-right:auto;
	width:210px;
	height:62px;
	background-color:#FFECD1;
	background-image:url(_image/back_login.gif);
	padding:8px 15px 15px 15px;
	border:solid 1px #FFC573;
	-moz-border-radius:5px;
}

div#Cep a
{
	background-image: url('/_image/Order/fundo_botao.jpg');
	margin-left:58px;
	width:200px;
	color:Maroon;
	border: solid 1px #FFC573;
	padding:2px 15px 2px 15px;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
}

div#Cep p input 
{
	margin-top:5px;
	width:180px;
}

div#Cep p 
{
	height:42px;
	margin-bottom:7px;
	text-align:center;
	font-size:12px;
}

/*************************************************************************
MINHAS FATURAS
**************************************************************************/
li#Titulo 
{
	border-bottom:solid 2px #ffffff;
	background-color:#ffb800;
	color:White;
	padding: 3px 3px 3px 3px;
	font-size:8px;
	font-family:Arial;
	text-transform:uppercase;
	font-weight:bold;
}

li#DadosFaturado
{
	border-bottom:solid 1px #eeeeee;

	width:20px;
	padding: 6px 6px 6px 6px;
	font-size:9px;
	font-family:Arial;
	text-transform:uppercase;
	font-weight:lighter;
	color:#666666;
	background-color:#f9f9f9;
}
li#Filtro
{
	
	padding: 6px 6px 6px 6px;
	font-size:9px;
	font-family:Arial;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:lighter;
	color:#666666;
	background-color:#f9f9f9;
}
.inputFiltro
{
	border:solid 1px #dddddd;
	color:red;
	font-size:10px;
	text-transform:uppercase;
}

div#Contas 
{
	margin-top:0px;
}
div#Contas th
{
	text-transform:uppercase;
	text-align:center;
	padding:3px 3px 3px 3px;
	font-family: Arial;
	font-size:9px;
	color:#666666;
}
div#Contas tr td
{
	text-align:center;
	border:solid 3px white;
	padding:3px 3px 3px 3px;
	font-family: Arial;
	font-size:11px;
	color:#666666;
	background-color: #f2f2f2;
}

.BotaoBusca
{
	background-image: url(/_Image/botaoBusca.gif);
	width: 17px;
	height: 17px;
	cursor: hand;
}

.BotaoLogin
{
	background-image: url(/_Image/btnCloseLogin.gif);
	width: 10px;
	height: 10px;
	cursor: hand;
}

.BotaoDietLightAceso
{
	background-image: url(/_Image/Botao/anima_botao.gif);
	width: 102px;
	height: 33px;
	cursor: hand;
}

.BotaoDietLightAceso
{
	background-image: url(/_Image/Botao/anima_botao.gif);
	width: 102px;
	height: 33px;
	cursor: hand;
}

.BotaoEsvaziarCarrinho
{
	background-image: url(/_Image/Botao/EsvaziarCarrinho.gif);
	width: 124px;
	height: 20px;
	cursor: hand;
}

/*********************************************************************
RH
**********************************************************************/

.RhVagas {
	border: 1px solid #f1f1f1;
	background-color: #fefefe;
	width: 183px;
	padding: 3px 3px 3px 3px;
	float: left;
	margin: 2px 2px 2px 10px;
	font-family:Arial;
	font-size:11px;
	color:#666666;
	-moz-border-radius: 10px;
}

.RhVagas dt {
	text-align: center;
	margin:2px 2px 2px 2px ;
	background-color:#f9f9f9;
	padding:2px 2px 2px 2px;
	font-weight:bold;
}

.RhVagas  dd {
	margin: 2px 2px 2px 2px;
	padding:4px 10px 4px 10px;
}

.RhVagas  dd a:hover{
	color:Red;
	text-decoration:none;
}

div#headerVagas{
	border-bottom:solid 1px #ededed;
	margin:10px 0 5px 10px;
}
	

/****************************** Detalhes Vagas RH **********************/

div#DetalhesVagas {
	
	height:280px;
}

div#DetalhesVagas p {
	
	height:215px;
	font-family: arial;
	font-size:11px;	
	padding:10px 10px 10px 10px;
}

div#DetalhesVagas h2{
	font-family: arial;
	font-size:13px;	
	color:#ffb800;
	padding:10px 10px 10px 10px;
}

div#DetalhesVagas a
{
	text-transform:uppercase;
	padding:5px 5px 5px 5px;
	font-size:11px;
	margin-left:5px;
	
	text-align:center;
	font-weight:bold;
	color:Red;
	
}

div#DetalhesVagas a:hover{
	text-transform:uppercase;
	padding:5px 5px 5px 5px ;
	font-size:11px;
	margin-left:5px;
	
	color:gray;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}