ul.progresso{ width:100%; border-bottom: 4px solid #000; height: 38px; }
ul.progresso li{ width:50%; float:left; margin-bottom:20px; height: 38px; border-bottom:1px solid #ffdc4f; }
ul.progresso li span{ width:100%; }
ul.progresso li > div { padding: 5px; color:#888; height:28px; line-height:28px; vertical-align:middle; text-align:center; opacity:0.75; background:#fff; }
ul.progresso li.ativo > div { background: #ffdc4f; color:#000; opacity:1; }

#carrinho ul.campos li{ margin-bottom:10px; }
#carrinho ul.campos li label{ display:inline-block; width:120px; margin-right:10px; text-align:right; }
body.modo_mobile #carrinho ul.campos li label{ width:75px; }

#carrinho ul.campos li input,
#carrinho ul.campos li select{ padding: 7px; font-size: 16px; border: 1px solid #000; } 
#carrinho ul.campos li select{ font-size:15px; } 
#carrinho ul.campos li input.numero{ width:100px }

/* #carrinho ul.campos li input[type="text"]{ width: calc(100% - 200px); } */

#carrinho ul.campos li input.full{ width: calc(100% - 500px); }
body.modo_mobile #carrinho ul.campos li input.full{ width: calc(100% - 110px); }


#carrinho ul.campos li.send input{ margin-left: 135px; padding: 15px; border: 0; background: #000; color: #fff; font-size: 20px;}
body.modo_mobile #carrinho ul.campos li.send input{ margin-left:88px; }

h4.erro_compra{ border: 1px solid #fa0c01; padding: 12px; margin-bottom: 30px; text-align: center; color: #fa0c01; font-weight: normal; font-size: 24px; font-family: 'Knockout48'; text-transform: uppercase; font-weight: lighter;} 


ul.campos,
#resumo { padding:10px; margin-bottom:30px; background:#eee; border:1px solid #ddd; }

#resumo > div{ margin-bottom:10px; }
#resumo > div span{ display:inline-block; width:75px; }
#resumo > div strong{ font-weight: bold; font-family: Arial; font-size: 14px; }
#resumo > div input{ border: 1px solid #000; font-size: 14px; font-family: arial; width: 40px; padding:3px; }
#resumo > div h3{ font-weight: normal; font-family: 'Knockout48'; font-size: 36px; }

body.modo_mobile #resumo > div h3{ font-size: 22px; }

fieldset.compra_produto{ position:relative; padding:20px; background:#fff; }
fieldset.compra_produto > h3{ font-size: 24px; font-family: 'Knockout48'; text-transform: uppercase; margin-bottom: 10px; font-weight: lighter; }

/* img.thumb_livro{ position:absolute; top:20px; right:20px; } */
img.thumb_livro{ float:right; width:115px; margin-left: 10px; height:auto;  } 
body.modo_mobile img.thumb_livro{ width:95px; } 

#wrap{ background: none; }