/*
Estilos CSS Principais - Frontend
Autor: Guilherme Müller
http://guilhermemuller.com.br
contato@guilhermemuller.com.br
*/

/*
-- Estilos Reset
*/

/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }
* { margin: 0; padding: 0; }
ul { list-style-type: none; }
a img, fieldset { border: 0;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
img { max-width: 100%; }

/*
-- Tipografia e Cores
*/

body {
	font-size: 100%;
	color: #292929;
	background: #fefffd url(../../imagens/estrutura/fundo_site.jpg) no-repeat center top;
}

a:link {
	color: #629224;
}

a:visited {
	color: #70a629;
}

a:hover {
	text-decoration: none;
}

a:focus {
	outline: thin dotted red;
}

a.active {
	
}

body, input, textarea, select, button {
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}

h2 {
	color: #482391;
	font-size: 24px;
	margin-bottom: 12px;
}

h3 {
	color: #482391;
	font-size: 18px;
	margin-bottom: 12px;
	border-bottom: 1px solid #DDCEFB;
	padding-bottom: 2px;
}

h4 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 6px;
}

p {
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 1.5em;
}

/*
-- Estrutura
*/


#site {
	width: 60em; /* 960 / 16 */
	margin: 0 auto;
	margin-top: -26px;
}

#cabecalho {
	position: relative;
	z-index: 1;
}

#logo {
	padding-top: 15px;
	display: block;
	float: left;
	margin-bottom: 20px;
}

#logo img {
	display: block;
}

#usuario-meta {
	background: #629224;
	width: 100%;
	color: #FFF;
	background: rgba(98,146,36,0.5);
}

#usuario-meta .dentro {
	width: 60em;
	margin: 0 auto;
	position: relative;
	z-index: 50;
}

#usuario-meta p {
	font-size: 11px;
	padding: 5px 10px;
	text-align: right;
	margin: 0;
}

#usuario-meta p a {
	font-weight: bold;
}

#usuario-meta #bemvindo {
	float: right;
}

#usuario-meta a {
	color: #FFF;
	text-decoration: none;
}

#usuario-meta a:hover {
	text-decoration: underline;
}

#usuario-meta label, #usuario-meta input, #usuario-meta button {
	display: inline-block;
	vertical-align: middle;
}

#usuario-meta fieldset {
	padding: 0px 10px 5px;
}

#usuario-meta label {
	font-size: 11px;
	color: #d4e1be;
}

#usuario-meta #carrinho-link {
	background: #3f1f80;
	float: right;
	
	text-align: right;
	padding: 3px 6px;
	color: #7e69aa;
	font-size: 14px;
}

#usuario-meta #carrinho-link a {
	font-weight: bold;
	color: #c6bcd9;
	text-decoration: none;
	background: url(../../imagens/icones/cart.png) no-repeat left center;
	min-height: 16px;
	display: inline-block;
	padding-left: 22px;
}

#usuario-meta #carrinho-link a:hover {
	color: #FFF;
}

#usuario-meta input {
	font-size: 11px;
}

#usuario-meta button {
	background: #d6eab8;
	border: 0;
	padding: 1px 3px;
	font-size: 11px;
	color: #404637;
}

#dados-entrega {
	position: absolute;
	top: 28px;
	right: 0;
	color: #505050;
	font-size: 14px;
	text-align: right;
}

#dados-entrega h2 {
	color: #3F1F80;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 2px;
	
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

#dados-entrega h3 {
	color: #6D9B24;
	font-size: 14px;
	font-weight: 600;
	
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

#dados-entrega ul {
	border-top: 1px solid #b6dd5d;
	margin-top: 2px;
}

#dados-entrega li {
	
}

#dados-entrega .ddd {
	font-size: 12px;
}

#dados-entrega em {
	font-weight: 600;
	color: #6D9B24;
	font-style: normal;
	
}

#menu {
	margin: 15px 0;
	clear: both;
}

#menu li {
	display: block;
	float: left;
	position: relative;
}

#menu a {
	font-size: 16px;
	display: block;
	float: left;
	color: #335011;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	text-decoration: none;
	margin-right: 15px;
	padding: 3px 10px 5px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#menu a:hover, #menu li:hover > a {
	background: #FFF;
	background: rgba(255,255,255,0.2);
	color: #52801b;
}

#menu a.ativo {
	color: #FFF;
	background: #3f1f80;
}

#menu li ul {
	position: absolute;
	top: 29px;
	left: 0;
	background: #FFF;
	display: none;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#menu li:hover ul {
	display: block;
}

#menu li ul li {
	float: none;
}

#menu li ul a {
	float: none;
	margin: 0;
	color: #335011;
	font-size: 0.875em;
}

#menu li ul a:hover {
	color: #52801b;
	text-decoration: underline;
}

#conteudo {
	background: #FFF;
	position: relative;
	
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-moz-border-radius: 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;
}

#conteudo-principal {
	padding-bottom: 20px;
}

#rodape {
	background: #ddcefb;
}

#dados-contato, #menu-rodape {
	float: left;
	clear: left;
}

#dados-contato {
	padding: 5px 10px;
	font-size: 18px;
}

#dados-contato h2 {
	color: #3f1f80;
	font-weight: bold;
	font-size: 18px;
	margin: 0;
}

#dados-contato span.ddd {
	font-size: 14px;
}

#dados-contato p {
	margin: 0;
}

#menu-rodape {
	color: #482391;
	padding: 10px 10px;
	font-size: 12px;
}

#menu-rodape a {
	text-decoration: none;
	color: #482391;
}

#menu-rodape a:hover {
	text-decoration: underline;
}

#copyright {
	display: block;
	background: #bface6;
	text-align: center;
	padding: 5px;
	color: #593b94;
	font-size: 11px;
}

.credito-fora {
	width: 960px;
	margin: 10px auto;
}

.credito {
	display: block;
	float: right;
	opacity: 0.5;
	
	-moz-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.credito:hover {
	opacity: 1;
}

/*
-- Estilos Específicos de Seção
*/

/* home */

#slideshow {
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
	z-index: 1;
	margin-bottom: 40px;
}

#slideshow img {
	display: block;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
}

#home-destaques {
	position: absolute;
	top: 0;
	left: 0;
}

#home-destaques h1 {
	color: #FFF;
	font-size: 36px;
	font-weight: 100;
	text-align: center;
	font-style: italic;
	padding: 20px;
	
	text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

.destaque {
	margin: 0 10px;
	float: left;
	background: #629224;
	
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

.destaque img, .destaque a {
	display: block;
}

.destaque h2 {
	margin: 0;
}

.destaque h2 a {
	padding: 5px 10px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	text-decoration: none;
}

.destaque h2 a:hover {
	opacity: 0.7;
}

.depoimento {
	background: #edf5e1 url(../../imagens/estrutura/aspas_esq.png) no-repeat;
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 2px 2px 5px #c2d5aa;
	-webkit-box-shadow: 2px 2px 5px #c2d5aa;
	box-shadow: 2px 2px 5px #c2d5aa;
}

.depoimento blockquote {
	font-size: 18px;
	color: #402083;
	font-style: italic;
	margin-bottom: 10px;
	padding: 0 15px;
}

.depoimento p.autor {
	margin: 0;
	color: #745f9f;
	font-style: italic;
	font-size: 14px;
}

#home-depoimentos .mais {
	display: block;
	text-align: right;
	font-style: italic;
	text-decoration: none;
	font-size: 14px;
}

#home-vantagens {
	
}

#home-vantagens .vantagem {
	float: left;
	width: 140px;
	font-size: 14px;
	text-align: center;
	margin-right: 14px;
}

.vantagem .imagem {
	width: 140px;
	height: 140px;
	margin-bottom: 5px;
	border: 1px solid #EEE;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

#v1 .imagem {
	background-image: url(../../imagens/home/vantagem_sodio.jpg);
}

#v2 .imagem {
	background-image: url(../../imagens/home/vantagem_caloria.jpg);
}

#v3 .imagem {
	background-image: url(../../imagens/home/vantagem_congelamento.jpg);
}

#v4 {
	margin-right: 0;
}

#v4 .imagem {
	background-image: url(../../imagens/home/vantagem_aroma.jpg);
}

#home-splash {
	display: none;
	position: absolute;
	top: 89px;
	left: 50%;
	width: 400px;
	height: 400px;
	margin-left: -200px;
	background: #FFF;
	background: #629224;
	color: #FFF;
	border: 1px solid #F3F8E4;
	z-index: 200;
	
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	
	-moz-border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;
}

#home-splash .interno {
	padding: 20px;
}

#home-splash .scroll {
	width: 100%;
	height: 360px;
	overflow: auto;
}

#splash-fechar {
	text-align: right;
	display: block;
	padding: 3px 5px;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	background: #3F1F80;
	max-height: 20px;
	overflow: hidden;
}

/* empresa */

#titulo {
	position: relative;
	height: 110px;
	background: #26124d url(../../imagens/cabecalhos/cab_teste.jpg) no-repeat;
	
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
}

#titulo h1 {
	position: absolute;
	top: 30px;
	right: -20px;
	font-style: italic;
	font-size: 40px;
	color: #FFF;
	height: 80px;
	background: url(../../imagens/estrutura/titulo_dir.png) no-repeat right top;
}

#titulo h1 span {
	display: block;
	background: #3f1f80;
	padding: 0 30px 5px 20px;
	height: 56px;
}

/* produtos */

#bd-cardapios .container {
	padding: 0;
}

#bd-cardapios #conteudo {
	background: url(../../imagens/estrutura/fundo_colunas.png) repeat-y;
}

#bd-cardapios .sidebar {
	background: #f2ffe2;
}

.lista-categorias {
	
}

.lista-categorias li, .lista-categorias li ul li {
	display: block;
}

.lista-categorias li h2 {
	margin: 0;
}

.lista-categorias li a {
	display: block;
	background: #5B8A21 url(../../imagens/estrutura/degrade_verde.png) repeat-x;
	text-decoration: none;
}

.lista-categorias li a:hover span {
	text-decoration: underline;
}

.lista-categorias li a span {
	display: block;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	padding: 2px 5px 5px 10px;
}

.lista-categorias li a.main span {
	background: url(../../imagens/estrutura/flecha_categoria_cima.png) no-repeat right top;
}

.lista-categorias li a.open span {
	background-image: url(../../imagens/estrutura/flecha_categoria_baixo.png);
}

.lista-categorias li ul {
	
}

.lista-categorias li ul a {
	background: #e9ffcc;
	color: #292929;
	font-size: 12px;
	padding: 4px 5px 4px 10px;
}

.lista-categorias li ul a:hover {
	text-decoration: underline;
}

.lista-categorias h3 {
	margin: 0;
	padding: 0;
	border: 0;
}

.lista-categorias li ul a.ativo {
	color: #3f1f80;
	background: #FFF url(../../imagens/estrutura/flecha_subcategoria.png) no-repeat right center;
	font-weight: bold;
}

#bd-cardapios .produtos {
	padding: 10px;
}

.produto-thumb, .categoria-thumb {
	width: 220px;
	display: inline-block;
	vertical-align: top;
	margin: 5px 5px 20px;
}

.produto-thumb h3 {
	margin-bottom: 5px;
	line-height: 0.85em;
	border: 0;
}

.categoria-thumb h3 {
	text-align: center;
	border: 0;
}

.categoria-thumb h3 a {
	display: block;
	text-decoration: none;
	color: #FFF;
	background: #629224;
	padding: 3px;
}

.categoria-thumb h3 a:hover {
	text-decoration: underline;
}

.produto-thumb h3 a {
	color: #3f1f80;
	font-size: 16px;
	text-decoration: none;
}

.produto-thumb h3 a:hover {
	text-decoration: underline;
}

.produto-thumb .img {
	position: relative;
}

.produto-thumb .img a,
.produto-thumb .img img,
.categoria-thumb .img a,
.categoria-thumb .img img {
	display: block;
}

.produto-thumb .kcal {
	display: block;
	color: #505050;
	font-size: 12px;
	position: absolute;
	top: 0;
	right: 0;
	background: #FFF;
	padding: 2px 7px;
	
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}

.produto-thumb .desc {
	background: #e3d5ff;
}

.produto-thumb p.descricao {
	padding: 10px;
	color: #292929;
	margin-bottom: 0;
	font-size: 12px;
}

.produto-thumb .links {
	background: #3f1f80;
	color: #FFF;
}

.produto-thumb .detalhes {
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
	float: left;
	padding: 3px 5px;
}

.produto-thumb .detalhes:hover {
	text-decoration: underline;
}

.produto-thumb .link-carrinho {
	float: right;
	margin-right: 5px;
}

.produto-thumb .link-carrinho strong {
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
}

.produto-thumb .link-carrinho .carrinho {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	text-indent: -9000px;
	background: url(../../imagens/icones/cart_add.png) no-repeat center center;
	color: #FFF;
	margin: 0 0 2px 5px;
	overflow: hidden;
}

.produto-detalhe h2 {
	color: #3f1f80;
	font-size: 36px;
}

.produto-detalhe h2 span {
	font-size: 14px;
	font-style: italic;
	color: #629224;
	display: block;
}

.produto-detalhe .preco, .dieta .preco {
	font-size: 18px;
	font-weight: bold;
	color: #ff8b1c;
	margin-bottom: 12px;
	display: block;
	float: left;
}

.produto-detalhe .quantidade, .dieta .quantidade {
	float: right;
}

.produto-detalhe .quantidade label, .dieta .quantidade label {
	font-size: 12px;
	margin-right: 2px;
	display: inline-block;
}

.produto-detalhe .quantidade input, .dieta .quantidade input {
	border: 1px solid #CCC;
	font-size: 12px;
	padding: 1px;
	text-align: right;
	
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.botao.adicionar-carrinho {
	background: #3f1f81;
	padding-top: 3px;
	clear: both;
	width: 100%;
	display: block;
}

.botao.adicionar-carrinho span {
	color: #FFF;
	font-size: 17px;
	text-shadow: 1px 1px rgba(0,0,0,0.3);
	padding-left: 23px;
	display: block;
	background: url(../../imagens/icones/cart_add.png) no-repeat left center;
}

.botao.adicionar-carrinho:hover {
	background: #562bb0;
}

p.pontos {
	font-size: 12px;
}

.forma-preparo {
	margin-bottom: 20px;
}

.forma-preparo h3 {
	font-weight: bold;
	font-size: 14px;
	color: #363636;
}

.forma-preparo p {
	margin-bottom: 0;
}

.forma-preparo a {
	text-decoration: none;
	color: #3f1f80;
	font-size: 12px;
	font-style: italic;
}

.informacoes-nutricionais {
	margin-bottom: 20px;
}

.informacoes-nutricionais h3 {
	font-size: 18px;
	color: #363636;
	line-height: 0.9em;
	margin-bottom: 15px;
}

.informacoes-nutricionais h3 span {
	color: #505050;
	font-style: italic;
	font-size: 14px;
	display: block;
}

.tblnutri {
	border-spacing: 0;
	margin-bottom: 12px;
}

.tblnutri th, .tblnutri td {
	border-bottom: 1px solid #CCC;
}

.tblnutri th {
	font-weight: bold;
	font-size: 12px;
	color: #363636;
}

.tblnutri td {
	color: #505050;
	font-size: 11px;
	padding: 3px 5px;
}

.informacoes-nutricionais small {
	display: block;
	font-size: 10px;
	color: #363636;
}

em.indisponivel {
	padding: 5px 0 0 10px;
	font-size: 0.8125em;
	color: #505050;
	text-align: center;
	display: block;
}

/* clientes, carrinho e pedidos */

#menu-clientes {
	border-bottom: 1px solid #629224;
	margin-bottom: 20px;
}

#menu-clientes li {
	display: block;
	float: left;
	margin-right: 10px;
}

#menu-clientes a {
	display: block;
	float: left;
	padding: 3px 6px;
	font-size: 14px;
	text-decoration: none;
	
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

#menu-clientes a:hover {
	text-decoration: underline;
}

#menu-clientes a.ativo {
	background: #629224;
	color: #FFF;
}

.tblpedido {
	width: 700px;
	border-spacing: 0;
	margin: 20px auto;
	font-size: 14px;
	border-collapse: collapse;
	/*background: #F6F9EE;*/
}

.tblpedido th {
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #666;
	padding: 5px;
	background-color: #3F1F80;
	color: #FFF;
}

.tblpedido td {
	border-bottom: 1px solid #CCC;
	padding: 3px 6px;
}

.tblpedido .trtotal td {
	font-weight: bold;
	font-size: 16px;
}

.tblpedido .input {
	text-align: right;
	border: 1px solid #CCC;
}

#thun, #thsubtotal {
	min-width: 80px;
}

#passos {
	font-size: 13px;
	text-align: center;
	background: #DDCEFB;
	padding: 10px;
	font-style: italic;
	color: #808080;
}

#passos .passo strong {
	font-style: normal;
	font-weight: bold;
	color: #3F1F80;
}

#passos .separador {
	font-weight: bold;
	color: #3F1F80;
	font-style: normal;
	font-size: 14px;
	height: 18px;
	display: inline-block;
	margin: 0 10px;
	opacity: 0.5;
}

.campo select.horaentrega {
	font-size: 18px;
}

#opentrega {
	background: #F6F9EE;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 14px;
}

#dinheiro {
	border: 1px solid #CCC;
}

/* depoimentos */

#bd-depoimentos .depoimento {
	width: 400px;
	display: inline-block;
	vertical-align: middle;
	margin: 20px;
}

/* dietas */

.escolha-dieta {
	width: 100%;
	
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

.escolha-dieta img {
	float: left;
	display: block;
}

.escolha-dieta h2 {
	float: right;
	width: 190px;
	height: 310px;
	margin: 0;
	color: #FFF;
	background: #3f1f80;
}

.escolha-dieta h2:hover {
	background: #58369c;
}

.escolha-dieta a {
	display: block;
	text-decoration: none;
	color: #FFF;
	font-style: italic;
	font-size: 13px;
	padding: 120px 20px;
}

.escolha-dieta a strong {
	font-weight: normal;
	font-size: 36px;
	font-style: normal;
	display: block;
	margin-top: -10px;
}

.dieta {
	clear: both;
	margin-bottom: 25px;
}

/* lojas */

.loja {
	
}

.loja .texto {
	float: left;
	width: 250px;
}

.loja .foto {
	float: right;
	max-width: 200px;
}

/*
-- Classes Complementares
*/

.container {
	padding: 10px 0 10px 10px;
}

.grid-8, .grid-4, .grid-12, .grid-9, .grid-3, .grid-6, .grid-5, .grid-2 {
	float: left;
	margin-right: 20px;
}

.grid-12 {
	width: 940px;
}

.grid-9 {
	width: 700px;
}

.grid-8 {
	width: 620px;
}

.grid-6 {
	width: 460px;
}

.grid-5 {
	width: 380px;
}

.grid-4 {
	width: 300px;
}

.grid-3 {
	width: 220px;
}

.grid-2 {
	width: 140px;
}

.container .last {
	margin-right: 0;
}

/* self-clear floats */

.grupo:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {
	clear: both;
}

.f-esq {
	float: left;
}

.f-dir {
	float: right;
}

.espaco {
	margin-left: 10px;
}

.a-centro {
	text-align: center;
}

.a-esq {
	text-align: left;
}

.a-dir {
	text-align: right;
}

div.linha {
	border-top: 1px solid #CCCCCC;
	font-size: 1px;
	height: 1px;
	display: block;
	margin: 10px 0;
	clear: both;
}

div.linha hr {
	display: none;
}

/*
-- Formulários
*/

label, select, button {
	cursor: pointer;
}

select option {
	padding-right: 10px;
}

.campo {
	font-size: 14px;
	margin-bottom: 0.8em;
}

.campo label {
	display: block;
	margin-bottom: 2px;
	clear: both;
}

.campo label span {
	color: #666;
	font-style: italic;
	font-size: 12px;
}

.campo abbr {
	color: #C00;
	font-size: 20px;
	height: 16px;
	overflow: hidden;
	display: inline-block;
	text-decoration: none;
	border: 0;
}

.campo input, .campo select, .campo textarea {
	display: block;
	padding: 2px;
	font-size: 14px;
	border: 1px solid #CCC;
	
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
}

input:focus, select:focus, textarea:focus {
	background: #FFC;
}

fieldset.grupo .campo {
	float: left;
	margin-right: 1em;
}

.botao {
	font-size: 18px;
	text-align: center;
	display: inline-block;
	border: 0;
	padding: 5px 10px;
	background: #6D9B24;
	color: #FFF;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.botao:hover {
	background: #89c42d;
}

.botao.submit {
	background: #F60;
}

.botao.enviar-pedido {
	font-size: 22px;
	width: 200px;
	display: block;
	margin: 10px auto;
}

.botao.submit:hover, .botao.enviar-pedido:hover {
	text-shadow: 1px -1px 1px rgba(0,0,0,0.5);
	background: #F90;
}

.botao.atualizar, .botao.voltar {
	font-size: 13px;
	background: #5027a3;
	color: #FFF;
	text-decoration: none;
}

.botao.atualizar:hover, .botao.voltar:hover {
	background: #6f3ed2;
}

.botao.finalizar {
	width: 200px;
	display: block;
	margin: 0 auto;
	clear: both;
	font-size: 22px;
}

.botao.frete {
	font-size: 13px;
	background: #333;
}

.botao.frete:hover {
	background: #6F3ED2;
}

.mensagem {
	background: #FFC;
	padding: 5px;
	font-size: 0.85em;
	margin-bottom: 12px;
	font-weight: bold;
}

.mensagem.erro {
	color: #900;
}

label.checkbox {
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
	margin-bottom: 10px;
}

label.checkbox.block {
	display: block;
	margin-bottom: 2px;
}

.aviso {
	background: #FFC;
	font-weight: bold;
	padding: 5px;
}