div#conteudo-principal{
	width:569px;
}

/*************************************
	DETALHES DO PRODUTO
*************************************/

div#produto{
	margin-top:15px;
}
div#produto img.item{
	float:left;
}
div#produto div#dest-produto{
	float:left;
	/* position:relative; */
	width:100%;
	margin-bottom:10px;
}
/*
div#produto div#dest-preco{
	 position:absolute;
	bottom:0;  
	clear:both;
	float:right;
}
*/
div#produto h1#preco{
	color:black;
	margin:0 0 10px 0;
	float:right;
}
div#produto h3{
	color:black;
	margin:0 0 10px 0;
	clear:both;
}
div#produto img.botao-comprar{
	float:right;
	clear:right;
}
div#produto div#detalhes{
	width:200px;
	float:left;
	margin-top:10px;
}
div#produto div#detalhes a.seta{
	float:left;
	margin:4px 10px 0 0;
}
div#produto div#detalhes span.seta-info{
	float:left;
	margin-right:10px;
	font-size:12px;
}
div#produto div#detalhes a.thickbox{
	background:url(../img/ico_ampliar.gif) 0 center no-repeat;
	margin-top:10px;
	float:left;
	clear:both;
	color:gray;
	width:180px;
	font-size:12px;
	text-decoration:none;
}
div#produto div#detalhes a.thickbox span{
	margin-left:20px;
}
div#produto div#detalhes h2#disponibilidade, div#produto div#detalhes h2#incluir-lista,  div#produto div#detalhes h2#caracteristicas{
	font-size:12px;
	color:black;
	padding:10px 0 10px 10px;
	float:left;
	text-align:center;
	width:170px;
	margin:10px 0;
}
div#produto div#detalhes h2#disponibilidade, div#produto div#detalhes h2#caracteristicas{
	background:#ff6600 url(../img/seta_indica.gif) 5px center no-repeat;
}
div#produto div#detalhes h2#incluir-lista a, div#produto div#detalhes h2#caracteristicas a{
	margin:0;
	color:black;
}
div#produto div#detalhes h2#incluir-lista{
	margin:0;
	padding:10px 0 10px 0;
	background:url(../img/ico_incluirlista.gif) left center no-repeat;
	text-align:center;	
}
div#produto div#detalhes h2#incluir-lista{
	margin:0;
	text-decoration:none;
}
div#produto div#dados-parcela{
	float:left;
	width:360px;
	margin:10px 0 20px 0;
}
div#produto div#dados-parcela h1{
	text-align:center;
	margin-right:5px;
	padding-top:5px;
	background:black;
}
div#dados-parcela ul#tit-parcela{
	margin-bottom:5px;
}
div#dados-parcela ul#tit-parcela li{
	background:url(../img/cantinho_dir.gif) right top no-repeat;
	width:100%;
	padding-bottom:5px;	
}
div#dados-parcela ul#tit-parcela li span{
	background:url(../img/cantinho_esq.gif) left top no-repeat;
	height:10px;
	width:5px;
	float:left;
}
table#parcela{
	width:100%;
	clear:both;
	font:11px Arial, Verdana, Helvetica, Tahoma, sans-serif;
	color:black;
}
table#parcela tr td{
	text-align:center;
	padding:2px 0;
}
table#parcela thead tr th{
	background:black;
	color:#fc6b02;
	text-align:center;
	padding:10px 5px;
}
table#parcela tr.cinza{
	background:#CCCCCC;
}
table#parcela tr.branco{
	background:white;
}
table#parcela tr#calculo-frete td{
	text-align:right;
	font-size:12px;
	height:30px;
}
table#parcela tr#calculo-frete td a{
	color:black;
	text-decoration:none;
}
/*************************************
	IDENTIFICAÇÃO DO USUÁRIO
*************************************/

body#identificacao h1{
	margin:15px 0 20px 0;
	font-size:18px;
}
body#identificacao form#cliente{
	float:left;
	width:268px;
	background:#CCCCCC;
	margin:0 20px 20px 0;
} 
body#identificacao form#ncliente{
	float:left;
	width:268px;
	background:#CCCCCC;
	margin:0 0 20px 0;
}
body#identificacao form#cliente label, body#identificacao form#ncliente label{
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 20px;
}
body#identificacao ul.cliente, body#identificacao ul.ncliente{
	float:left;
	margin-top:10px;
	display:inline;
}
body#identificacao form#cliente ul.cliente li, body#identificacao form#ncliente ul.ncliente li{
	display:inline;
}
body#identificacao form#cliente ul.cliente li div#return, body#identificacao form#ncliente ul.ncliente li div#return{
	color: red;
	font-weight: bold;	
	background: url(../img/cross.png) 0 0 no-repeat;
	padding-left: 20px;
}
body#identificacao form#cliente ul.cliente li input, body#identificacao form#ncliente ul.ncliente li input{
	border:1px solid black;
	padding:1px 0 2px 5px;
	margin-bottom:10px;
	width:160px;
	margin-left:20px;
}
body#identificacao form#cliente ul.cliente li input.botao, body#identificacao form#ncliente ul.ncliente li input.botao{
	font:bold 12px Arial, Verdana, Helvetica, sans-serif, Tahoma;
	background:black url(../img/bg_bt01.gif) left 4px repeat-x;
	border:0;
	width:75px;
	c\ursor:pointer;
	color:white;
	padding:2px 4px 2px 4px;
}
body#identificacao form#cliente ul.cliente li input.botao:hover, body#identificacao form#ncliente ul.ncliente li input.botao:hover{
	color:#fc6b02;
}
body#identificacao h2{
	text-align:left;
	margin-right:5px;
	padding:5px 0 0 20px;
	background:black;
}
body#identificacao ul.tit-login li{
	background:url(../img/cantinho_dir.gif) right top no-repeat;
	width:268px;
	padding-bottom:5px;	
}
body#identificacao ul.tit-login li span{
	background:url(../img/cantinho_esq.gif) left top no-repeat;
	height:10px;
	width:5px;
	float:left;
}
body#identificacao span.senha{
	clear:left;
	display:block !important;
	display:inline;
	margin-top:20px;
}
label.form-erro {
	background: url("../img/cross.png") 0 0 no-repeat;
	float: right;
	padding-left: 43px;
	width: 16px;
	height: 16px;
}
label.ok{
	width: 16px;
	height: 16px;
	margin: 0 0 7px 4px;	
	background: transparent url("../img/tick.png") no-repeat scroll 0px;
}
body#identificacao form#cliente ul.cliente li div, body#identificacao form#ncliente ul.ncliente li div{
	padding-left: 20px;
	font: 12px Arial;
	margin: 20px;
	display: none;
	font-weight: bold;
}
div.return{	
	color: red;		
	background: url("../img/cross.png") 0 0 no-repeat;	
}
div.success {
	color: #159F09;
	background: url("../img/tick.png") 0 0 no-repeat;
}

/*************************************
	Dados | Pagamento
*************************************/

body#pagamento h1{
	margin:15px 0 20px 0;
	font-size:18px;
	display:block;
	clear:both;
}
body#pagamento h2{
	text-align:left;	
	margin-right:5px;
	padding:5px 0 0 20px;
	background:black;
}
body#pagamento div#conteudo-principal h3{
	color:black;
	margin:10px 0 5px 20px;
}
body#pagamento p{
	margin:0 20px 10px 20px;
}
body#pagamento ul.tit-dados li,  body#pagamento ul.tit-pagamento li{
	background:black url(../img/cantinho_dir.gif) right top no-repeat;
	width:268px;
	padding-bottom:5px;	
}
body#pagamento ul.tit-dados li span, body#pagamento ul.tit-pagamento li span{
	background:url(../img/cantinho_esq.gif) left top no-repeat;
	height:10px;
	width:5px;
	float:left;
}
body#pagamento ul.tit-pagamento li{
	width:100%;
}
body#pagamento div.dados-pagamento{
	float:left;
	width:268px;
	background:#CCCCCC;
	margin:0 22px 20px 0;
	padding-bottom:20px;
}
body#pagamento div.dados-pagamento a.bt-alterar{
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:4px 8px;
	color:white;
	margin-left:20px;
	background:black url(../img/bg_bt01.gif) center center repeat-x;
}
body#pagamento div.dados-pagamento a:hover.bt-alterar{
	color:#fc6b02;
}
body#pagamento dl#formas-pagamento dt{
	font-weight:bold;
	font-size:12px;
	float:left;
	display:block;
	width:100%;
	margin:10px 0 0 0;
}
body#pagamento dl#formas-pagamento dd img{
	background:red;
	width:50px;
	height:35px;
	padding:2px;
	border:1px solid black;
	float:left;
	margin:5px 10px 10px 0;
}
body#pagamento dl#formas-pagamento dd img:hover{
	background:black;
	border:1px solid red;
}
body#pagamento dl#formas-pagamento dd{
	width:100%;
	clear:both;
	float:left;
	padding-top:5px;
	border-bottom:1px solid gray;
}
body#pagamento dl#formas-pagamento dd p{
	display:block;
	background:none;
	display:block;
	margin-top:10px;
}
body#pagamento dl#formas-pagamento dd p a{
	color:black;
}
body#pagamento dl#formas-pagamento dd.sem-imagem p{
	margin:0 0 10px 0;
}
body#pagamento button.seta-avancar, body#produto button.seta-avancar{
	font:11px Arial, Verdana, Helvetica, Tahoma, sans-serif;
	padding:3px;
	font-weight:bold;
	background:black;
	float:right;
	color: #f58220;
	c\ursor: pointer;
}
body#pagamento button.seta-avancar img, body#produto button.seta-avancar img{
	margin-left: 5px;
}
body#pagamento button.seta-avancar:hover, body#produto button.seta-avancar:hover {
	color: white;
}

/*Forma de Pagamento*/

body#pagamento table#cobranca{
	margin:20px 0;
}
body#pagamento table#cobranca tr td h3{
	color:#fc6b02;
}
form#info-pagamento, form#info-pagamento fieldset{
	width:100%;
}
ul#dados-cobranca{
	margin:10px 0 15px 0;
}
ul#dados-cobranca li{
	margin-bottom:5px;
}
table#cobranca label, ul#dados-cobranca li label{
	font-weight:bold;
	margin-left:20px;
	display:block;
}
table#cobranca input.nparcelas, ul#dados-cobranca li input{
	padding:2px 0 2px 4px;
	margin:5px 20px;
	border:1px solid black;
}
table#cobranca input.nparcelas{
	width:50px;
}
ul#dados-cobranca li.nome input{
	width:250px;
	padding:2px 0 2px 4px;
	border:1px solid black;
}
ul#dados-cobranca li.ncartao, ul#dados-cobranca li.codigo{
	float:left;
}
ul#dados-cobranca li.codigo label{
	margin:0;
}
ul#dados-cobranca li.codigo input{
	margin-top:5px;
	margin-left:0;
}
ul#dados-cobranca li.codigo input, ul#dados-cobranca li select{
	width:70px;
	padding:2px 0 2px 4px;
	border:1px solid black;
}
ul#dados-cobranca li.data{
	clear:both;
}
ul#dados-cobranca li.data select{
	margin:0 0 0 20px;
}
ul#dados-cobranca li.data label{
	margin-bottom:5px;
}
body#pagamento a.seta-avancar img{
	margin-left:5px;
}
body#pagamento a.seta-avancar{
	padding:5px;
	font-weight:bold;
	background:black;
	float:right;
}
body#pagamento a:hover.seta-avancar{
	color:white;
	text-decoration:none;
}

/* Confirmação dos Dados*/

body#pagamento table.confirmacao{
	margin:20px 0;
	width:100%;
}
body#pagamento table.confirmacao tr th#principal{
	padding:0;
}
body#pagamento table.confirmacao tr th{
	background:black;
	color:#fc6b02;
	padding:5px 0 5px 5px;
}
body#pagamento table.confirmacao tr th.titulo h2{
	padding:0 0 0 20px;
}
body#pagamento table.confirmacao tr td{
	padding-left:5px;
}
body#pagamento table.confirmacao tr td p{
	margin:5px 20px;
}
body#pagamento table.confirmacao tr td h4{
	font-size:12px;
	margin:5px 0 0 0;
}
body#pagamento table.confirmacao tr td h4.total{
	font-weight:bold;
	margin-top:10px;
	background:black;
	padding:2px 0 2px 5px;
}
body#pagamento table.confirmacao tr td dl.dados-cartao, dl.dados-pedido{
	margin:10px 20px;
}
body#pagamento table.confirmacao tr td dl.dados-cartao dt, dl.dados-pedido dt{
	float:left;
	color:#fc6b02;
	font-weight:bold;
	margin-right:10px;
	margin-bottom:5px;
}
dl.dados-pedido dt{
	color:black;
}
body#pagamento table.confirmacao tr td dl.dados-cartao dd, dl.dados-pedido dd{
	margin-bottom:5px;
}
body#pagamento table.confirmacao tr td dl.dados-cartao dd, dl.dados-pedido dd.numero, span.numero{
	font-size:12px;
	font-weight:bold;
	color:#fc6b02;
}
body#pagamento table.confirmacao tr td ul{
	margin:10px 20px 20px;
}
body#pagamento table.confirmacao tr td ul li{
	list-style-type:disc;	
	margin-left:10px;
}

/*************************************
	FORMULÁRIO DE CADASTRO
*************************************/

form#form-contato {
	width:auto;
	background:#e7e7e7;
	margin-top:20px;
	/*border:1px solid red;*/
}
form#form-contato h2{
	margin-left:10px;
	margin-bottom:10px;
}
table tr td{
	height:20px;
}
table td.label {
	font-weight:bold;
	width:30%;
	padding:5px 10px;
	/*display: block;*/
}
table td.campo{
	width:70%;
	padding:5px 10px;
}
form#form-contato input, form#form-contato select{
	border:1px solid black;
	padding:2px 0 2px 5px;
	font-size:11px;
}
form#form-contato input#CLI_DSC_NOME, input#CLI_DSC_EMAIL, input#nome, input#email{
	width:400px;
}
form#form-contato input.ddd{
	width:30px;
}
form#form-contato input.botao{
	float:right;
}
/*div#div-ordem {
	margin-top: 10px;
	font-size: 11px;
	float: left;
}
ul#ul-ordem {
	background: #DDDDDD;
	padding: 0;
	margin-top: 5px;
}
ul#ul-ordem li{
	margin-right: 10px;
}*/
div#div-ordem {
	padding-top: 10px;
}
div#div-ordem label {
	font-size: 12px;
}
div.select-marcas {
	float: left;
	margin: 5px 8px 0 0;
}
div.select-marcas select {
	border:1px solid black;
	font: 11px arial;
	width: 200px;
}