body
{
	margin: 0;
}


/* CONTENT BOX */
#content-box
{
	background:#FFFFFF none repeat scroll 0 0;
	border-color:-moz-use-text-color #B3B3B3 #B3B3B3;
	border-style:none solid solid;
	border-width:medium 1px 1px;
	display:none;
	left:0;
	padding:0;
	position:absolute;
	top:0;
	width: 350px;
	z-index: 100;
}

#content-box .top
{
	background:transparent url(../../images/overlay-top-bg.png) no-repeat scroll center top;
	height: 4px;
	position: relative;
	top: -4px;
}

#content-box .content
{
	margin: 10px 30px;
	text-align: left !important;
}

/* TOOLBAR */
#toolbar
{
	padding-top: 10px;
	text-align: right;
	font-size: 116%;
	overflow: hidden;
}

#toolbar a
{
	margin-left: 20px;
	color: #666;
	text-decoration: none;
}

#toolbar a:hover
{
	text-decoration: underline;
}


/* DONATE BOX */
#donate
{
	overflow: hidden;
	margin: 64px 0 0 0px;
	padding: 7px 7px 0 7px;
	height: 45px;
	cursor: default;
}

#donate img
{
	margin: 7px 10px 0 0;
	float: left;
}

#donate p
{
	font-size: 96%;
	line-height: 17px;
	margin-top: 5px;
	text-align: left;
	float: left;
	width: 290px;
}

#donate p span
{
	font-weight: bold;
}

#donate p a
{
	margin: 0;
	color: #000099;
}

/* HEADER */
#people-box
{
	margin-top: 30px;
}

#people-box .header
{
	height: 98px;
	background: url('../../images/how-many-people-bg.png') no-repeat;
}

#people-box .header.hover
{
	background: url('../../images/how-many-people-high-bg.png') no-repeat;
}

#people-box .header h3,
#people-box .header h5,
#itens-header h3,
#itens-header h5
{
	text-align: center;
	font-weight: normal;
}

#people-box .header h3,
#itens-header h3
{
	margin: 50px 0 5px;
	color: #333;	
	font-size: 123.1%;
}

#people-box .header h5,
#itens-header h5
{
	margin: 0;
	color: #8f8f8f;
	font-size: 108%;
}


/* BOXES PESSOAS */
.pessoas-box
{
	padding-top: 30px;
	overflow: hidden;
	display: none;
}

.pessoas-box .part
{
	float: left;
}

.pessoas-box .part .normal,
.pessoas-box .part .muita
{
	margin-bottom: 3px;
	text-align: center;
}

.pessoas-box .part .normal
{
	display: block;
	width: 131px;
	height: 24px;
	background: url('../../images/normal-hungry-bg.png') no-repeat;
	color: #fff;
	text-decoration: none;
	font-size: 116%;
	padding: 3px 3px 0 23px;
}

.pessoas-box .part .muita
{
	display: block;
	width: 116px;
	height: 24px;
	background: url('../../images/very-hungry-bg.png') no-repeat;
	color: #fff;
	text-decoration: none;
	font-size: 116%;
	padding: 3px 3px 0 23px;
}

.pessoas-box .part h3
{
	margin: 4px 0 0 0;
	text-align: center;
}

.pessoas-box .part h6
{
	text-align: center;
	color: #8f8f8f;
	font-weight: normal;
	width: 157px;
}

#homens-box
{
	margin-left: 25px;
}

#homens-box,
#mulheres-box,
#criancas-box
{
	overflow: hidden;
	width: 275px;
	float: left;
	margin-left: 33px;
}


/* BIG FIELD */
.big-field
{
	text-align: center;
	color: #333;
	font-size: 420%;
	width: 98px;
	height: 61px;
	border: none;
	background: url('../../images/big-field-bg.png') no-repeat;
	padding: 1px 0 0 0;
}

/* ITENS HEADER */
#itens-header
{
	background: url('../../images/what-do-you-need-bg.png') no-repeat center top;
	margin-top: 65px;
}

/* ITENS BOX */
#itens-box
{
}


/* COMO FUNCIONA HEADER */
#como-header
{
	background: url('../../images/how-it-works-bg.png') no-repeat center top;
	margin: 65px 0 25px 0;
	height: 43px;
}


/* COMO FUNCIONA BOX */
#como-box
{
	overflow: hidden;
}


/* PORQUE FUNCIONA */
#porque-header
{
	background: url('../../images/hairline.png') no-repeat center bottom;
	margin: 65px 0 20px 0;
	height: 55px;
	text-align: center;
	padding-bottom: 10px;
}


/* POR QUE FUNCIONA BOX */
#porque-box p
{
	font-size: 116%;
}

/* PASSOS */
#passo-1,
#passo-2,
#passo-3
{
	float: left;
	width: 310px;
	margin-left: 10px;
}

#passo-1 h3,
#passo-2 h3,
#passo-3 h3
{
	margin-bottom: 5px;
}

#passo-1 p span,
#passo-2 p span,
#passo-3 p span
{
	text-decoration: underline;
}

#passo-1 div,
#passo-2 div,
#passo-3 div,
#passo-1 img,
#passo-2 img,
#passo-3 img
{
	float: left;
}

#passo-1 img,
#passo-2 img,
#passo-3 img
{
	margin-right: 10px;
}

#passo-1 div,
#passo-2 div,
#passo-3 div
{
	width: 250px;
}

.icon
{
	float: none !important;
	margin: 0 !important;
	vertical-align: middle !important;
}


/* HEADERs ITENS */
#carnes,
#bebidas,
#acessorios,
#acompanhamentos,
#utensilios
{
	margin-top: 20px;
	height: 33px;
	background: url('../../images/hairline.png') no-repeat center bottom;
	padding-bottom: 8px;
}

#carnes div,
#bebidas div,
#acessorios div,
#acompanhamentos div,
#utensilios div
{
	float: left;
}

#carnes div.title,
#bebidas div.title,
#acessorios div.title,
#acompanhamentos div.title,
#utensilios div.title
{
	width: 700px;
}

#carnes div.bar,
#bebidas div.bar,
#acessorios div.bar,
#acompanhamentos div.bar,
#utensilios div.bar
{
	width: 250px;
	text-align: right;
	color: #666;
	padding-top: 10px;
}

#carnes div.bar a,
#bebidas div.bar a,
#acessorios div.bar a,
#acompanhamentos div.bar a,
#utensilios div.bar a
{
	margin-left: 3px;
}

/* ITENS TABLE */
.itens-table
{
}

.itens-table tr:hover
{
	background-color: #f9f9f9;
}

.itens-table td
{
	vertical-align: middle;
	padding: 1px 0;
	cursor: default;
}

.produto,
.qtde,
.relevancia,
.preco,
.preco-total
{
	font-size: 138.5%;
}

.chk
{
	width: 30px;
	padding: 3px 0 0 5px !important;
}

.chk img
{
	cursor: pointer;
}

.produto
{
	cursor: pointer !important;
}
.qtde
{
	width: 210px;
}

.relevancia
{
	width: 190px;
}

.preco
{
	font-size: 116%;
	width: 150px;
}

.preco-total
{
	width: 80px;
	text-align: right;
	padding-right: 6px !important;
}

.campo-preco
{
	background: url('../../images/std-field.png') no-repeat;
	width: 54px;
	height: 20px;
	padding: 3px 0 0 0;
	text-align: center;
	border: none;
}


/* RELEVANCIA */
.relevancia-box
{
	vertical-align: middle;
}

.relevancia-box span,
.relevancia-box img
{
	float: left;
}

.relevancia-box img
{
	margin-top: 4px;
	cursor: pointer;
}

.relevancia-box span
{
	display: block;
	width: 100px;
	text-align: center;
	font-size: 90%;
}


/* TOTAIS */
#totais
{
	float: left;
	border-left: 1px solid #ccc;
	padding-left: 15px;
	font-size: 123.1%;
	width: 614px;
}


/* CALCULAR */
#calcular-box
{
	float: left;
	width: 320px;
}





/*
form{
	margin:0px;
	padding:0px;
}
td, div, input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	padding:1px;
	margin:0px;
}
.title{
	color:#CC0000;
	font-size:16px;
	font-weight:bold;
	width:640px;
	text-align:center;
}
.vermelho {
	color: #CC0000;
	font-weight: bold;
	font-size:12px;
}
.campo{
	height:16px;
	width:55px;
	color:#000099;
	font-size:10px;
	border:1px outset #cccccc;
	text-align:center;
}
.lista{
	height:16px;
	width:95px;
	color:#000099;
	font-size:10px;
	border:1px outset #cccccc;
	text-align:center;
}
#totais{
	width:340px;
	padding:6px;
	border:1px solid #cccccc;
}
#tabela1 td, #tabela2 td{
	border:1px solid #efefef;
	border-bottom:0px;
	border-left:0px;
}*/