/* LIMPEZA DO HTML */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus {outline: 0;}
body {line-height: 1; color: black}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* ESTRUTURA */
body {background-color:#F6F6F6}
#box-compra {width:853px; height:520px; position:relative}
#box-compra-2 {width:853px; height:467px; position:absolute; top:15px; background-image:url(imagens/background-box-compra.png)}
#header-passos {width:841px; height:39px; position:absolute; top:9px; left:6px; background-image:url(imagens/background-header-passos.gif)}
#box-acoes {width:799px; height:388px; position:absolute; top:74px; left:20px; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD}
#info-media {width:492px; height:58px; position:absolute; top:16px; left:21px}
#aparelho-escolhido {width:300px; height:45px; position:absolute; top:16px; left:490px; border-left:1px solid #ECECEC; padding:12px 0px 0px 10px}
#section-b {width:769px; height:259px; position:absolute; top:115px; left:21px}
#box-modelos {width:100%; height:150px; overflow:auto; position:relative}
#imagem-modelo {width:100px; height:120px; margin-right:10px}
#box-termos-uso {width:449px; height:120px; position:absolute; top:10px; left:0;}
#box-digitacao-celular {width:279px; position:absolute; top:0; left:469px; padding:10px 0px 10px 10px; border-left:1px solid #ECECEC}
#texto-termo {margin:5px 0px}
#box-aceitar-termo {margin-top:4px}
.espaco-aparelhos {padding-right:4px}
.titulo-tela-confirmacao {position:absolute; top:17px; left:58px}

/* IMAGENS */
.borda-superior-box-compra {position:absolute; top:0; left:0}
.borda-inferior-box-compra {position:absolute; bottom:0; left:0}
.titulo-compra {position:absolute; top:12px; left:20px}
.passo-um {position:absolute; top:0px; left:168px}
.passo-dois {position:absolute; top:0px; left:440px}
.separador-vertical {position:absolute; top:94px; left:10px}
.borda-superior-box-acoes {position:absolute; top:69px; left:20px}
.borda-inferior-box-acoes {position:absolute; top:462px; left:20px}
.imagem-tipo-midia {border:1px solid #ECECEC; margin-right:10px; float:left}
.imagem-aparelho {border:1px solid #EBEBEB; padding:3px 15px 4px}
.icone-tela-confirmacao {position:absolute; top:11px; left:16px}
.separador-vertical-confirmacao {position:absolute; top:49px; left:10px}
.mensagem-tela-confirmacao {position:absolute; top:70px; left:16px}

/* TEXTOS */
body {font-family:Verdana, Arial, Helvetica, sans-serif}
.nome-midia {font-size:1em; font-weight:bold; color:#FF8600}
.tipo-midia{font-size:.6em; color:#666666}
.preco {font-size:.8em; font-weight:bold; color:#666666; display:block; margin-top:6px}
.selecionar-aparelho {font-size:.8em; font-weight:bold; color:#666666; display:block}
.modelo {margin:20px 0px 5px}
.modelo-aparelho {font-size:.6em; color:#666666; display:block; margin-top:3px; text-align:center; height:15px}
.celular-escolhido {font-size:.8em; color:#666666; display:block; margin-bottom:3px}
.bold {font-weight:bold}
.tabela {width:150px}
.titulo-termo {font-size:.8em; color:#666666}
#texto-termo {font-size:.55em; line-height:1.4em; color:#666666; padding:8px 10px 10px; border:1px solid #F0F0F0; background-color:#F6F6F6}
#linktermo {font-size:.6em}
.aceitar-termo {font-size:.7em; color:#666666}
.inserir-celular {display:block; margin-bottom:6px; font-size:.8em; color:#666666}
.titulo-tela-confirmacao {font-size:0.9em; color:#666666}
.mensagem-tela-confirmacao {font-size:.8em; line-height:1.3em; color:#666666}

/* LINKS */
a {color:#666666}
a:hover {color:#FF8600}
input.aparelho:hover {border:1px solid #BF0C77}

/* FORM */

.check-termo {vertical-align:middle; margin:0}
.visual-input-numero {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; border:1px solid #ABADB3; height:19px; margin-right:8px; padding-top:3px}
.botao-prosseguir {vertical-align:top}
.visual-select-marca {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; border:1px solid #ABADB3; height:22px; min-width:160px}

/* PLAYER
img {float: left; cursor: pointer; margin-right: 5px;}
img.endImg {cursor: default;}
.previewPlayer {float: left; width: 17px; height: 16px; overflow: hidden;}
.previewPlayer.toque {width: 14px;} */