@charset "utf-8";

/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Verdana, Geneva, sans-serif;
	background: #4F0101 url(../images/layout/fundo_novo2.jpg) repeat-x;
}

a {
	outline: none
}

h1,h2,h3,p,ul,img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

input,select {
	background: #fff;
	border: 1px solid #8D0100;
}

.submit {
	background: #FFC100;
	font-weight: bold;
	color: #fff;
}

#wrapper {
	width: 860px;
	height: auto;
	margin: auto;
	padding: 0 0 20px;
	background: #fff;
	overflow: hidden;
}

#header {
	margin-left: 20px;
	float: left;
	width: 820px;
	height: 126px;
	background: url(../images/layout/fundo_header.gif) repeat-x;
	padding: 10px 0;
	_margin-left: 10px;
}

.actionMessage {
	font-family: verdana;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	vertical-align: top;
	margin: 0 auto;
} 

.errorMessage {
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	color: red;
	text-decoration: none;
	vertical-align: top;
	margin: 0 auto;
}

#header p {
	margin-top: 40px;
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	clear: none; 
	width: 180px;
	white-space: nowrap;
	overflow-x: hidden;
	color: #FFFFFF;
	float: left;
}

#header p a {
	color: #FFF;
	text-decoration: underline;
	font-size: 10px; 
	margin-top: 4px;
}

#header h1 a {
	float: left;
	width: 238px;
	height: 126px;
	background: url(../images/layout/logo.png) no-repeat;
	margin: 0px 20px;
	text-indent: -99999px;
}

#header ul {
	float:right;
	width:540px;
	margin-top:13px;
}

#header ul li {
	width: 90px;
	display: inline;
	background: #FF0;
	text-align: center;
	font-weight: 700;
	font-size: 12px;
	line-height: 20px;
}

#header ul li a.diff {
	display:block;
	text-decoration:none;
	width:89px;
	float:right;
	color:#fff;
	background:#D90E0E;
	border-left:1px solid #FFC100;
	height:45px;
	padding-top:2px;
	text-align:center;
}
#header ul li a:hover {
	color:#ffc50a;
	background:#B80E0E;
}
#header ul li span {
	text-align:center;
	display:block;
	width:180px;
	float:right;
	color:#fff;
	height:45px;
	padding-top:2px;
}
#header ul li span a {
	color:#fff;
}
#header ul li span a:hover {
	color:#ffc50a;
}

#header a.faleConosco {
	margin-top:3px;
	font-size:12px;
	float:right;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	height:20px;
	background:url(../images/layout/fale_conosco/btn-fale-conosco.png) no-repeat 87px -20px;
	padding-right:30px;
}
#header a.faleConosco:hover {
	color:#ffc50a;
	background-position: 87px 1px;
}


#conteudo {
	width: 820px;
	float: left;
	background: url(../images/fundo.gif);
	margin-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	_margin-left: 5px !important;
	_width: 840px !important;
	_padding: 0px !important;
}

/*Fim template*/ /*coluna esquerda*/ /*Escolha uma categoria*/
#pedido_esquerda {
	float: left;
	width: 550px;
	margin-left: 25px;
}

#pedido_esquerda .categorias {
	float: left;
	width: 550px;
	margin: 0px 0px 25px 0px;
}

#pedido_esquerda .categorias h2 {
	height: 50px;
	width: 530px;
	margin-right: 20px;
	text-indent: -9999px;
}

#pedido_esquerda .categorias ul {
	float: left;
	width: 550px;
	margin-left: -15px;
	_width: 580px;
	_margin-left: -35px;
}

#pedido_esquerda .categorias ul li {
	display: block;
	width: 107px;
	height: 98px;
	float: left;
	margin: 10px 15px 0px 15px;
	font-size: 12px;
	font-weight: 700;
	overflow: hidden;
}

#pedido_esquerda .categorias ul li img {
	width: 107px;
	height: 98px;
	float: left;
}

/*FIM*/ /*Categoria escolhida*/
#pedido_esquerda #produtos {
	float: left;
	width: 550px;
}

#pedido_esquerda #produtos h2 {
	height: 50px;
	width: 530px;
	margin: 0 20px 20px 0;
	text-indent: -9999px;
}

#produtos .produtos {
	float: left;
	width: 252px;
	margin: 20px 5px 20px 5px;
	padding: 5px;
	margin: 0px 5px 5px 0;
	border-left: 2px solid #A39587;
	border-bottom: 2px solid #A39587;
	height: 72px;
	position: relative;
}

#produtos .produtos img {
	float: left
}

#produtos .produtos span.nome {
	display:table-cell;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:52px;
	margin-top:-24px !important;
	overflow:hidden;
	padding:3px;
	text-align:center;
	width:172px;
	vertical-align: middle
}

#produtos .produtos span.nome *{
	display: table-cell;
	vertical-align: middle;
}

#produtos .produtos span.preco {
	font-weight: bold;
	font-size: 13px;
	width: 75px;
	float: left;
	top: 58px;
}

#produtos .produtos span.preco strong {
	float: left;
	margin-left: 15px;
}

#produtos h3 {
	text-align:center;
	margin-bottom:10px;
}

a.produtos {
	display: block;
	cursor: pointer;
}

/*
a.produtos span.continue, a.produtos span.quero {
	width:100px;
	float:right;
	text-align:center;
	height:30px;
	font-size:12px;
	margin-top:16px;
	/*display:none;
}
*/
a.produtos span.continue,a.produtos span.quero {
	bottom: 5px;
	font-size: 11px;
	height: 20px;
	position: absolute;
	right: 5px;
	text-align: center;
	width: 100px;
}

a.produtos span.quero {
	line-height: 20px;
	font-weight: bold;
}

a.produtos span.preco {
	bottom: 13px;
	font-weight: bold;
	left: 75px;
	position: absolute;
	text-align: center;
	width: 100px;
}

a.produtos span.continue {
	display: none;
}

a.selected span.quero {
	display: none;
}

/*
a.produtos:hover span.quero {
	display:block;
}
*/
a.selected span.continue {
	display: block;
	font-weight: bold;
}

a.selected:hover span.quero {
	display: none;
}

#produtos .botoes {
	float: left;
	width: 534px;
}

#produtos .botoes span.bar_adicionais {
	border-bottom: 2px solid #A39587;
	border-left: 2px solid #A39587;
	float: left;
	margin: 10px 5px 5px 0px;
	padding: 5px;
	width: 522px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#produtos .botoes a span.incluir {
	border-bottom: 2px solid #A39587;
	border-left: 2px solid #A39587;
	float: left;
	margin: 0px 5px 5px 220px;
	padding: 5px;
	width: 70px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#produtos table.adicionais {
	float: left;
	margin: -5px 0 0 0;
	width: 534px;
	border-collapse: collapse;
}

#produtos table.adicionais td {
	font-size: 13px;
	padding: 5px 0px 5px 10px;
	font-weight: bold;
}

#produtos table.adicionais td.quant img {
	cursor: pointer;
}

#produtos table.adicionais td.tituloComplemento{
	width: 60%;
}

#produtos table.adicionais td.precoComplemento{
	width: 15%;
}

#produtos table.adicionais input {
	width: 20px;
}

/*direita*/
#pedido_direita {
	float: left;
	width: 220px;
	margin-right: 25px;
	_margin: 0px !important;
	_margin-top: 5px !important;
	_margin-right: 0px !important;
	_float: right !important;
}

#pedido_direita h2 {
	background: url(../images/layout/seu_pedido.png) no-repeat center;
	text-indent: -9999px;
	margin-top: 10px;
}

#pedido_direita .box_pedido {
	margin: 10px 10px 0px 8px;
	width: 200px;
	float: left;
	height: 146px;
	border: 2px solid #E6DBC3;
	font-size: 14px;
}

#pedido_direita ul.botoes {
	width: 220px;
	float: left;
	border-bottom: 2px solid #E6DBC3;
	padding: 10px 0px 10px 3px;
}

#pedido_direita ul.boxCodPromo {
	width: 220px;
	float: left;
	border-bottom: 2px solid #E6DBC3;
	padding: 10px;
}

#pedido_direita ul.boxCodPromo h4{
	font-size: 12px;
	width: 200px;
}

#pedido_direita ul.boxCodPromo span#statusCampanha{
	padding:8px 6px 15px 33px; 
	color:#FFF; 
	font-size:11px; 
	text-transform:uppercase; 
	font-weight:bold;
}

#pedido_direita ul li {
	list-style: none;
	display: inline;
	float: left;
	width: 107px;
}

#pedido_direita ul.taxas {
	float: left;
	width: 220px;
	padding: 10px;
	border-bottom: 2px solid #E6DBC3;
}

#pedido_direita ul.taxas li {
	display: block;
	font-size: 13px;
	width: 200px;
	margin-bottom: 10px;
}

#pedido_direita .confirmar {
	float: left;
	padding: 20px;
}

#pedido_direita ul li a {
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	border-left: 1px solid #F7E4D0;
	border-bottom: 1px solid #F7E4D0;
	padding: 5px;
	margin: 5px;
	text-align: center;
}

#pedido_direita .confirmar a {
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	border-left: 1px solid #F8E5D1;
	border-bottom: 1px solid #F8E5D1;
	padding: 10px;
	margin: 5px;
	text-align: center;
}

/*Fim*/ /*titulo páginas*/
.titulo h2 {
	width: 820px;
	height: 57px;
	margin-bottom: 20px;
	text-align: center;
}

/*FIM*/
#rodape {
	clear: both;
	width: 820px;
	background: url(../images/layout/fundo_rodape.gif) repeat-x;
	height: 112px;
	margin: 0 0 0 20px;
}

#rodape p {
	float: left;
	color: #FF1214;
	font-size: 12px;
}

#rodape p.site_seguro {
	width: 100px;
	height: 73px;
	margin: 40px 20px 20px 33px;
}

#rodape p.verisign {
	margin: 35px 30px 0 -10px;
	width: 100px;
	height: 73px;
}

#rodape p.direitos {
	margin: 55px 40px 0 0;
}

#rodape p.creditos {
	margin-top: 23px;
}