@import "cssclear.css";
body, input { color: #5a5a5a; font-family: Arial, Helvetica, sans-serif; font-size: 12px }
#compre { background: url("imagens/background.png") no-repeat scroll left top transparent; border-radius: 10px 10px 10px 10px; height: 340px; padding: 20px 0; width: 451px; position: relative; }
#overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../../click2buy/img/overlay.png") 0 0 repeat; opacity: 0; filter: alpha(opacity=0); display: none; }
#overlay .loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../../click2buy/img/loading.gif") 50% 50% no-repeat; }
.over { border: medium none; display: block; font-size: 0; line-height: 100%; overflow: hidden; text-indent: -9000px; outline:none; }
.left { float: left }
h1 { background: url("imagens/header.png") no-repeat scroll 0 0 transparent; height: 98px; margin: 0 auto; width: 430px }
.col1 { margin: 0 auto }
.col2 .atendimento { background: url("imagens/title-atendimento.png") no-repeat scroll 0 0 transparent; height: 26px; margin: 30px 0 0; width: 273px }
.col1 .form { background: url("imagens/box1.png") no-repeat scroll left top transparent; display: block; height: 223px; margin: 0 auto; width: 282px }
.col2 .form { background: url("imagens/box2.png") no-repeat scroll left top transparent; height: 103px; width: 273px }
.col2 .sms { background: url("imagens/title-sms.png") no-repeat scroll left top transparent; height: 14px; margin: 25px 0 9px; width: 100px }
.col2 .envieSMS { background: url("imagens/envieSMS.png") no-repeat scroll 0 0 transparent; display: block; height: 74px; width: 273px }
.col2 input[type="submit"], .col2 ul a { background: url("imagens/sprite-form2.png") no-repeat scroll left top transparent }
.col2 ul { clear: both; float: left; margin: 8px 0 0 27px }
.col2 ul a { height: 15px }
.col2 ul .acesso { background-position: left -29px; width: 60px }
.col2 ul .senha { background-position: left -45px; width: 110px }
.col2 ul .duvidas { background-position: left -60px; width: 55px }
.col2 input[type="text"] { border: 1px solid #a7a9ac; height: 18px; line-height: 18px; margin: 12px 0 0 27px; text-align: center; width: 42px }
.col2 input[type="text"]+input[type="text"] { margin: 12px 10px 0 8px; width: 108px }
.col2 input[type="submit"] { background-position: -172px top; cursor: pointer; height: 20px; margin-top: 13px; width: 43px }
.col2 input { float: left }
.col1 .ddd, .col1 .captcha, .col1 .pacote, .col1 .enviar { background: url("imagens/sprite-form1.png") no-repeat scroll left top transparent; margin: 0 auto }
.col1 .pacote { float: left; height: 21px; margin: 20px 0 0 41px; width: 189px }
.col1 select { margin-left: 60px; width: 162px; }
*+html .col1 .newCombo { float: none }
.col1 .ddd { background-position: left -51px; clear: both; float: left; height: 22px; margin: 12px 0 0 41px; width: 189px }
.col1 .captcha { background-position: left -102px; clear: both; float: left; height: 22px; margin: 12px 0 0 41px; width: 189px }
.col1 input { border: 1px solid #a7a9ac; float: left; height: 16px; text-align: center; width: 42px }
.col1 input[type="text"]+input[type="text"] { margin-left: 8px; width: 108px }
#ddd { clear: both; margin-left: 60px }
.col1 img { border: 1px solid #a7a9ac; clear: both; float: left; height: 18px; margin: 0 0 0 54px }
.col1 img+input[type="text"] { float: left; margin-left: 8px; width: 75px }
.col1 .enviar { background-position: -58px -158px; border: medium none; clear: both; cursor: pointer; float: left; height: 23px; margin: 15px 0 0 100px; width: 72px }
.newCombo { background: none repeat scroll 0 0 #fff; border: 1px solid #a7a9ac; height: 16px; margin-left: 55px; position: relative; width: 160px }
.newCombo>strong { height: 16px; line-height: 16px; overflow: hidden; position: absolute; text-align: center; white-space: nowrap; width: 100% }
.newCombo>a { background: url("imagens/combo.png") no-repeat scroll right center transparent; height: 16px; left: 0; position: absolute; top: 0; width: 160px }
.newCombo>a:focus { outline: medium none }
.newCombo>ul { background: none repeat scroll 0 0 #ddd; left: 0; overflow: hidden; position: absolute; top: 20px; width: 160px }
.newCombo>ul li { border-top: 1px dashed #999; cursor: pointer; display: block; font-size: 11px; padding: 5px 10px }
.newCombo>ul li:first-child { border: medium none }
.msg { background: none repeat scroll 0 0 #fff; border: 1px solid #ddd; border-radius: 10px 10px 10px 10px; color: #f00; cursor: default; left: 20px; opacity: 1; padding: 10px 20px; position: absolute; text-align: center; top: 340px; width: 265px }
#return { color: #333; margin: 0 auto; width: 401px }
#return h2 { color: #0088c7; font-size: 20px }
#return p { font-size: 14px; line-height: 130%; margin: 15px 0 35px }
#return a { clear: both; color: #000; float: left; font-size: 12px; margin: 5px 0; text-decoration: underline }
#return a+a { width: 230px }
#return a:hover { text-decoration: none }
#return h1 { margin: 20px auto 60px; height: 37px;}
#return .title { color: #609; display: block; font-size: 16px; font-weight: bold }
#return .description { color: #609; font-size: 16px; font-weight: bold }
#return .description-turbo { color: #606060; font-size: 16px; font-weight: bold }
