* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #CCCCCC;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2E2E2E;
	margin: 20px 0 20px 0;
}

p {
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 14px;
	text-align: justify;
	clear: both;
}

a:link, a:visited {
	text-decoration: none;
	color: #2E2E2E;
}

a:hover, a:active {
	text-decoration: underline;
	color: #872E33;
}

.centralizar {
	text-align: center;
}

.direita {
	text-align: right;
}

.paginacao {
	text-align: center;
	font-size: 10px;
}

#geral {
	position: relative;
	text-align: left;
	width: 777px;
	margin: auto;
}

/* Topo do site */

#topo {
	position: absolute;
	width: 777px;
	height: 161px;
	background-color: #770C16;
	background-image: url(../imgs/bg_topo.gif);
	background-repeat: repeat-y;
}

#topo-borda {
	position: absolute;
	width: 777px;
	height: 19px;
	background-color: #CCCCCC;
	background-image: url(../imgs/bg_topo_borda.gif);
	background-repeat: no-repeat;
}

#topo-menu{
	position: absolute;
	top: 10px;
	width: 750px;
	height: 140px;
	margin: auto 12px;
	padding: 0;
}

/* Menu do site */

#menu {
	position: absolute;
	top: 161px;
	width: 777px;
	height: 35px;
	background-image: url(../imgs/bg_menu.gif);
	background-repeat: no-repeat;
}

#login {
	position: absolute;
	top: 8px;
	width: 467px;
	height: 25px;
	left: 15px;
}

#login p {
	padding-top: 3px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#login label, #busca label {
	padding-left: 10px;
}

#login span, #busca span {
	padding-left: 5px;
}

#login input.pequeno, #busca input.pequeno {
	width: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 1px;
	border: 1px solid #E0CBC1;
}

#busca {
	position: absolute;
	top: 8px;
	width: 320px;
	height: 25px;
	left: 567px;
}

/* Conteúdo do site */

#corpo {
	position: absolute;
	top: 196px;
	width: 777px;
	padding-top: 10px;
	display: table;
	background-color: #FFFFFF;
	background-image: url(../imgs/bg_corpo.gif);
	background-repeat: repeat-y;
}

#meio {
	width: 777px;
}

/* Lista de categorias */

#categorias {
	width: 145px;
	padding-left: 15px;
	float: left;
}

#categorias ul {
	list-style: none;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	background-color: #E0CBC1;
	background-image: url(../imgs/menu_baixo.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#categorias li {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#categorias li.cima {
	width: 145px;
	height: 10px;
	padding: 0px;
	margin: 0px;
	background-image: url(../imgs/menu_cima.jpg);
	background-repeat: no-repeat;
}

/* Lista de produtos */

#produtos {
	width: 330px;
	padding-left: 14px;
	float: left;
}

#produtos ul {
	list-style: none;
}

#produtos li {
	width: 30px;
	padding-top: 4px;
	text-align: center;
	float: left;
}

#produtos li.codigo {
	width: 100px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: left;
}

#produtos li.produto {
	width: 140px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: left;
}

#produtos li.camera {
	padding-top: 7px;
}

/* Detalhes do produto*/

#detalhes {
	width: 236px;
	padding-left: 15px;
	float: left;
}

#iframe {
	width: 236px;
	text-align: left;
}

#iframe ul {
	list-style: none;
	margin-bottom: 10px;
}

#iframe li {
	width: 220px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
}

#iframe li.nome {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../imgs/fundo_nome.jpg);
	background-repeat: no-repeat;
}

/* Promoções */

#promocoes {
	width: 730px;
	padding-left: 14px;
}

#promocoes h1 {
	width: 748px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	text-align: center;
	background-image: url(../imgs/fundo_promocoes.jpg);
	background-repeat: no-repeat;
}

#promocoes ul {
	list-style: none;
	clear: both;
}

#promocoes li {
	margin-top: 7px;
	margin-bottom: 7px;
	width: 146px;
	float: left;
}

#promocoes p {
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}

#promocoes p.foto {
	height: 100px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}

/* Busca avançada */

#avancada {
	width: 390px;
	padding-left: 106px;
	padding-right: 70px;
	float: left;
}

#avancada h1 {
	width: 390px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 11px;
	text-align: center;
	background-image: url(../imgs/fundo_titulo.jpg);
	background-repeat: no-repeat;
}

#avancada p {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
}

#avancada input.grande {
	width: 374px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 1px;
	border: 1px solid #E0CBC1;
}

#avancada input.botao {
	width: auto;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #E0CBC1;
	background-color: #E0CBC1;
}

/* Formulário de contato */

#formulario {
	width: 390px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 15px;
	float: left;
}

#formulario h1 {
	width: 390px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 11px;
	text-align: center;
	background-image: url(../imgs/fundo_titulo.jpg);
	background-repeat: no-repeat;
}

#formulario p {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 18px;
}

#formulario label {
	width: 70px;
	padding-top: 7px;
	padding-right: 10px;
	text-align: right;
	float: left;
}

#formulario span {
	width: 300px;
	padding-top: 4px;
	float: left;
}

#formulario input.medio {
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 1px;
	border: 1px solid #E0CBC1;
}

#formulario select.medio {
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 1px;
	padding-bottom: 0px;
	border: 1px solid #E0CBC1;
}

#formulario input.botao, #cadastrar input.botao {
	width: auto;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #E0CBC1;
	background-color: #E0CBC1;
}

#formulario span.caixa {
	width: 380px;
	padding-left: 10px;
}

#formulario span.botoes {
	text-align: right;
}

#formulario textarea.textarea {
	width: 370px;
	height: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 1px;
	border: 1px solid #E0CBC1;
}

/* Formulário de cadastro */

#cadastrar {
	width: 527px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 115px;
}

#cadastrar h1 {
	width: 525px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	text-align: center;
	background-image: url(../imgs/fundo_cadastro.jpg);
	background-repeat: no-repeat;
}

#cadastrar p {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 18px;
}

#cadastrar label {
	width: 122px;
	height: 19px;
	padding-top: 5px;
	padding-right: 8px;
	text-align: right;
	float: left;
}

#cadastrar span {
	width: 390px;
	height: 22px;
	padding-top: 2px;
	float: left;
}

#cadastrar input.pequeno {
	width: 135px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 1px;
	border: 1px solid #E0CBC1;
}

#cadastrar input.medio {
	width: 265px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 1px;
	border: 1px solid #E0CBC1;
}

#cadastrar input.grande {
	width: 375px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 1px;
	border: 1px solid #E0CBC1;
}

#cadastrar select.medio {
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 1px;
	padding-bottom: 0px;
	border: 1px solid #E0CBC1;
}

#concluido {
	width: 407px;
	margin-bottom: 5px;
	padding-top: 90px;
	padding-left: 175px;
	background-image: url(../imgs/cadastro_concluido.jpg);
	background-repeat: no-repeat;
	background-position: 110px 0px;
}

#concluido h1, #editado h1 {
	width: 390px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	text-align: center;
	background-image: url(../imgs/fundo_titulo.jpg);
	background-repeat: no-repeat;
}

#concluido p, #editado p {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 18px;
}

#editado {
	width: 407px;
	margin-bottom: 5px;
	padding-top: 90px;
	padding-left: 175px;
	background-image: url(../imgs/fundo_logo.jpg);
	background-repeat: no-repeat;
	background-position: 310px 8px;
}

/* Orelhão */

#orelhao {
	width: 295px;
	height: 270px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 110px;
	padding-left: 47px;
	float: left;
	background-image: url(../imgs/orelhao.jpg);
	background-repeat: no-repeat;
	background-position: 30px 45px;
}

/* Área de clientes */

#opcoes {
	width: 145px;
	padding-left: 15px;
	float: left;
}

#opcoes ul {
	list-style: none;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	background-color: #E0CBC1;
	background-image: url(../imgs/menu_baixo.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#opcoes li {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
}

#opcoes li.aviso {
	font-size: 10px;
	text-align: center;
	padding: 3px;
	margin-bottom: 7px;
	background-image: url(../imgs/fundo_aviso.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#opcoes li.cima {
	width: 145px;
	height: 10px;
	padding: 0px;
	margin: 0px;
	background-image: url(../imgs/menu_cima.jpg);
	background-repeat: no-repeat;
}

#principal {
	width: 525px;
	padding-left: 42px;
	float: left;
}

#principal h1 {
	width: 525px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	text-align: center;
	background-image: url(../imgs/fundo_cadastro.jpg);
	background-repeat: no-repeat;
}

#principal p {
	padding-left: 10px;
	padding-right: 10px;
}

#itens p {
	text-indent: 0px;
}

#itens ul {
	list-style: none;
	clear: both;
}

#itens li {
	width: 35px;
	height: 22px;
	text-align: center;
	float: left;
}

#itens li.nome {
	width: 255px;
	padding-top: 3px;
	text-align: left;
	float: left;
}

#itens li.codigo {
	width: 105px;
	padding-top: 3px;
	text-align: left;
	float: left;
}

#itens li.preco {
	width: 85px;
	padding-top: 3px;
	text-align: right;
	float: left;
}

#itens li.total {
	width: 515px;
	padding-top: 7px;
	text-align: right;
	float: left;
}

#itens input.pequeno {
	width: 32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-right: 2px;
	border: 1px solid #E0CBC1;
	text-align: right;
}

#itens input.botao {
	width: auto;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #E0CBC1;
	background-color: #E0CBC1;
}

/* Index */

#destaques {
	width: 407px;
	padding-left: 15px;
	float: left;
}

#destaques h1 {
	width: 407px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	text-align: center;
	background-image: url(../imgs/fundo_destaques.jpg);
	background-repeat: no-repeat;
}

#destaques ul {
	list-style: none;
}

#destaques li {
	width: 135px;
	padding-bottom: 10px;
	float: left;
}

#destaques li p {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}

#destaques p.foto {
	height: 100px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}

#destaques img.foto {
	margin-top: 5px;
	margin-bottom: 15px;
	margin-right: 10px;
	float: left;
}

#banners {
	width: 320px;
	padding-left: 15px;
	text-align: right;
	float: left;
}

/* A empresa */

#aempresa {
	width: 277px;
	padding-left: 15px;
	float: left;
}

#aempresa h1 {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 13px;
}

#animacao {
	width: 450px;
	padding-left: 15px;
	text-align: right;
	float: left;
}

/* Rodapé */

#corpo-rodape {
	width: 777px;
	height: 50px;
	clear: both;
	padding: 33px 0 0 0;
	background-image: url(../imgs/bg_corpo_rodape.gif);
	background-repeat: no-repeat;
}

#rodape {
	width: 757px;
	height: 40px;
	padding-top: 10px;
	padding-right: 20px;
	background: #CCCCCC;
	text-align: right;
}