/* fix ie */
img, div, #vantagens-grid-1 ul li a span, #vantagens-grid-1 ul li a:hover span, #vantagens-grid-1 ul li a.active span, #steps #substeps li.first span, #steps #substeps li span { behavior: url(../js/iepngfix.htc) }

/* globais */
body { background: #fff url(../img/blymp_bg.jpg) repeat-x center top; color: #0198de; text-align: center; font-family: arial, sans-serif; }
a,a:hover,a:visited,a:link,a:active { text-decoration: none }
.full { width: 100%; text-align: center }
.fit { width: 778px; margin: 0 auto 0 auto; text-align: left }
#flash { height: 160px; width: 100%; top: 0; left: 0; text-align: center; z-index: 10; position: absolute;  }
.hide { display: none; }

/* header */
#header {  height: 317px; }
#header h1, #postit h2 { display: none }
#vantagens-grid-1 { margin: 370px 0 0 0; width: 216px; float: left; background: url(../img/marrom.gif) repeat-y right top; height: 277px; }
#vantagens-grid-1 ul { margin: 50px 0 0 30px; }
#vantagens-grid-1 ul li a { display: block; height: 40px; margin: 0 0 6px 0; text-decoration: none; width: 100%; cursor: hand; display: block; }
#vantagens-grid-1 ul li a span { background: url(../img/circleBlue-transp.png) no-repeat; float: left; height: 40px; width: 40px;
color: #e7f2ec; font: 26px arial, sans-serif; font-weight: bold; text-indent: 11px; padding-top: 4px; } 
#vantagens-grid-1 ul li a strong { float: left; height: 40px; width: 140px; color: #2278b5; font: 14px arial, sans-serif; padding-top: 3px; margin: 0 0 0 6px; line-height: 17px;} 
#vantagens-grid-1 ul li a.active { display: block; height: 40px; margin: 0 0 6px 0; text-decoration: none }
#vantagens-grid-1 ul li a.active strong { background: url(../img/linha.gif) no-repeat top right;} 
#vantagens-grid-1 ul li a:hover span, #vantagens-grid-1 ul li a.active span { background: url(../img/circleBrown-transp.png) no-repeat;  }
#vantagens-grid-1 ul li a:hover strong, #vantagens-grid-1 ul li a.active strong { color: #de8b34}
#vantagens-grid-2 { margin: 370px 0 0 0; width: 560px; float: right; height: 277px; }
#vantagens-grid-2 h2 { display: none}
/* scroller na home */
div.scroller { width: 530px; height: 277px; overflow: hidden; }
div.scroller div.section {width:510px;height:277px;overflow:hidden;float:left;padding:0 0 1em 1.5em; }
div.scroller div.content { width: 10000px; }
div.section h3 { font: 55px arial, sans-serif; color: #0c95d4; display: block; letter-spacing: -4px; font-weight: bold; line-height: 50px; margin: 0 0 10px 0; }
div.section h3 span { color: #da9951 }
div.section h4 { font: 20px georgia, serif; color: #e67768; display: block}
div.section p { color: #6e6e6e; font: 14px arial, sans-serif; margin-top: 8px; }
div.section p strong { color: #68b840; clear: both; margin-top: 8px; display: block }
div.section .third { width: 29%; float: left; padding-right: 3%; margin-right: 3%; border-right: 1px solid #f1f0ed; }
div.section .sec { width: 43%; float: left; padding-right: 3%; margin-right: 3%; border-right: 1px solid #f1f0ed; }
div.section .last { padding: 0 !important; margin: 0 !important; border:0 !important; }
div#section1 ul { float: left; width: 48%;  }
div#section1 ul li { font: 28px georgia, serif; color: #e67768; letter-spacing: -1px; padding: 0px 0 3px 0; }
div#section1 ul li strong { color: #0c95d4; font-weight: normal }
div#section1 p { float: left; margin-left: 10%; width: 40%; margin-top: -10px  }
div#section1 p span.price { font: 120px arial, sans-serif; color: #e67768; height: 105px; float: left; font-weight: bold; margin: 0; line-height: 100px; letter-spacing: -16px; width: 117px;  }
div#section1 p span.time { width: 60px; font: 40px arial, sans-serif; color: #e67768; height: 70px; float: left; font-weight: bold; margin: 0; line-height: 45px; letter-spacing: -1px; }
div#section1 p span.time em { padding-left: 10px; font: 16px georgia, serif; color: #77c039; font-style: italic; clear: both; line-height: 18px; display: block; letter-spacing: 0 }
div#section1 p a img { clear: both; }
div#section2 .third, div#section2 .last { margin-top: 16px !important; }
div#section3 p, div#section4 p, div#section5 p { margin-bottom: 8px }
.line { border-bottom: 1px solid #f1f0ed; padding-bottom: 12px; margin-bottom: 18px !important; display: block; clear: both}
.sec .wp { float: left; margin-right: 10px; }
.one { width: 53% !important; float: left; }

/* destaques */
.half1 { width: 389px; height: 340px; margin: 60px 0 0 0; float: left; border-right: 1px solid #d0d7d0; text-align: right;}
.half2 { width: 388px; height: 340px; margin: 60px 0 0 0; float: right; }
.half1 h3, .half2 h3 { color: #ec7161; font: 22px Georgia, serif; font-style: italic; line-height: 20px; }
.half1 h2 span, .half2 h2 span{ color: #f36a59 } 
.half1 h2 strong, .half2 h2 strong { color: #edc83c }
.half1 h2, .half2 h2 { color: #0098df; font: 55px Arial, sans-serif; letter-spacing: -4px; font-weight: bold; line-height:  50px; }
.half1 h2 img { vertical-align: bottom; margin-right: 4px; }
.half1 h2, .half1 h3 { text-align: right; }
.half1 h3, .half1 h2, .half1 p { padding-right: 36px; }
.half2 h3, .half2 h2, .half2 p { padding-left: 36px; }
.half1 h2 a:hover, .half2 h2 a:hover { color: #1270bd }
.half1 h2 a:hover span, .half2 h2 a:hover span{ color: #d32946 } 
.half1 h2 a:hover strong, .half2 h2 a:hover strong { color: #cc9933 }
.half2 p { margin: 16px 0 0 0; font: 16px Georgia, serif; color: #777; line-height: 25px; width: 280px; }
.half2 p a { color: #f36a59 }
#browser { background: url(../img/browser.jpg) no-repeat; width: 249px; height: 184px; margin: 5px 0 0 82px; text-align: right }
#browser img { margin: 37px 0 16px 11px; }
#browser span { display: block; margin: 0 -20px 0 0; font: 14px georgia, sans-serif; font-style: italic; color: #999; padding: 0; clear: both }
#browser span a img { margin: 0 0 0 10px; }
/* gerais */
.round-open { background: url(../img/rounded-top.jpg) no-repeat center top; height: 334px; }
.round-open-intern { background: url(../img/rounded-top.jpg) no-repeat center top; height: 34px; }
.round-close { background: url(../img/rounded-bottom.jpg) no-repeat center bottom; height: 37px; }
.round2-open { background: url(../img/rounded2-top.jpg) no-repeat center top; height: 63px; }
.round2-middle { background: #fff url(../img/blue2.jpg) repeat-x; clear: both; margin: 0; padding: 0; clear: both; display: block; }
.round2-close { background: #fff url(../img/rounded2-bottom.jpg) no-repeat center bottom; height: 50px; margin: -20px 0 0 0; padding: 0; clear: both; display: block; }
.seta2 { background: url(../img/seta2.jpg) no-repeat center top; height: 436px; }
.green2 { background: #a5d433 url(../img/green.jpg); }
.green { background: #a5d433 url(../img/green.jpg); }
.blue { background: #fff url(../img/blue.jpg) repeat-x; }
.footer { background: #1270bd url(../img/rodape.jpg) repeat-x ; display: block; height: 900px; }

/* acessar sua conta */
#acessarConta { background: #2270b0; border-bottom: 8px solid #125892; color: #fff; position: absolute; z-index: 2; margin-top: 290px; height: 225px; margin-left: 620px; width: 175px; } 
#login { margin: 55px 0 0 10px; }
#login label { color: #fff; font: bold 13px Georgia, serif; color: #fff;  }
#login label span { color: #fff58b; font: 16px Arial, sans-serif;   }
#login input { margin: 0 0 6px 0; border: 1px solid #ccc; color: #2270b0; padding: 2px; line-height:16px; }
#login input[type="submit"] { text-indent: 10px; display: block; clear: both; margin: 10px 0 2px 0; font-weight:bold; font-size: 14px; background: #fff58b; color: #ee7a60; border: 1px solid; border-color: #aaa #0e426e #0e426e #aaa;  padding:6px 8px;  }
#login input[type="submit"]:hover  { cursor: pointer; background: #ffeb5c; color: #cc6633; position: relative; top: 1px; left: 1px; }
#login a { text-indent: 10px; display: block; clear: both; margin: 10px 0 2px 0; font-weight:bold; font-size: 14px; background: #fff58b; color: #ee7a60; border: 1px solid; border-color: #aaa #0e426e #0e426e #aaa;  padding:8px 8px;}

#esqueceusenha a { text-indent: 1px; font: normal 10px Helvetica, Arial, sans-serif; color: white; background: none !important; border: none !important; padding:6px 0 0 0 !important; }
#esqueceusenha a:hover { text-indent: 1px;  color: #ffff99; background: none !important; border: none !important; padding:6px 0 0 0 !important; }


/* solicite sua conta */
#solicite h2 { font: 56px arial, sans-serif; color: #1c85da; text-align: center; letter-spacing: -4px; font-weight: bold; padding: 10px 0 10px 0;}
#steps { width: 630px; margin: 0px auto 20px auto; border-top: 1px solid #d5d8d0; }
#steps #substeps { display: inline; height: 100px; clear: both; }
#steps #substeps li { display: block; float: left; width: 209px; border-left: 1px solid #d5d8d0; border-bottom: 1px solid #d5d8d0; height: 150px;}
#steps #substeps li.first { border-left: 0; border-bottom: 1px solid #fff; background: #fff; }
#steps #substeps li.firstFix { border-left: 0 !important; border-bottom: 1px solid #d5d8d0; background: transparent; border-right: 1px solid #d5d8d0 }
#steps #substeps li p { clear: both; display: block; margin: 20px 0 20px 20px; width: 80%; color: #666; line-height: 18px}
#steps #substeps li span { background: url(../img/circleBlue-transp.png) no-repeat; display: block; height: 40px; width: 40px;
color: #e7f2ec; font: 26px arial, sans-serif; font-weight: bold; text-indent: 11px; padding-top: 4px; clear: both; } 
#steps #substeps li.first span, #steps #substeps li.actual span { background: url(../img/circleBrown-transp.png) no-repeat; }
#steps #load { background: #fff; clear: both; display: block; padding: 20px 0 0 0; _padding: 0px; }
*+html>body #steps #load { background: #fff; clear: both; display: block; padding: 0 0 0 0; }
#steps #form { background: #fff; }
#steps #form form { width: 590px; margin: 0 auto 0 auto; }
#steps #form form #labelYes, #steps #form form #labelNo, .pagamento { clear: both; display: block; padding: 6px; background: #fff; border-top: 1px solid #eee; color: #666;  border-bottom: 1px solid #eee; margin: 0; _height: 22px; }
#steps #form form #labelYes, .pagamento { _margin: 20px 0 0 0;}
*+html>body #steps #form form #labelYes, .pagamento { height: 22px; margin: 20px 0 0 0; }
*+html>body #steps #form form #labelNo, .pagamento { height: 22px }

#steps #form form #labelYes.active, #steps #form form #labelNo.active, .pagamento { color: #1c85da;  border-top: 1px solid #ecfbfe;  border-bottom: 1px solid #ecfbfe; background:#ecfbfe}
#steps #form form #existing, #steps #form form #ask, .existing { padding: 16px 0 10px 0; }
#steps #form form #existing p, #steps #form form #ask p { float: left; width: 47%; height: 90px; padding: 0 0 0 16px;}
.existing p { float: left; width: 50%; height: 90px; padding: 0 0 0 0px;}
.fullField p { width: 100%; height: 90px; padding: 0 0 0 0px; clear: both; display: block  }
#steps #form form #existing p label, #steps #form form #ask p label, .existing p label, .fullField p label  { font: 22px arial, sans-serif; letter-spacing: -1px; color: #e67768; clear: both; font-weight: bold; display: block; }
#steps #form form #existing p input, #steps #form form #ask p input, .existing p input, .fullField p input { font: 22px arial, sans-serif; color: #0099ff; letter-spacing: 0px; padding: 5px; width: 90%; border: 1px solid #cae9f1; }
.existing p input { width: 93%; }
.fullField p input { width: 96.9% }
.simple { color: #dcd9d1; background-color: #F5F5F5; height: 4px; margin: 20px 0 10px 0; display: block; border: 0; width: 98%; clear: both }

p.sms { width: 49%; }
p.sms label { margin-top: 25px; display: block; width: 100%;  color: #666; font-size: 14px; line-height: 18px; letter-spacing: 0; font-weight: normal }
p.sms input { float: left; display: inline; width: auto !important }
.pagamento { margin: 0 0 0px 0; color: #999; background: #fff; border:0; border-bottom: 1px solid #eee; padding: 8px 6px 6px 6px; width: 96.5%; clear: both; height: 24px;  }
.pagamento input { float: left; font-weight: normal; }
.pagamento strong { float: left; font-weight: normal; padding-top: 2px; padding-left: 4px   }
.pagamento span { float: right; color: #79bd36; text-align: right; height: 16px; padding-top: 2px  }
.pagamentoselect { background: #fffdb6; font-weight: bold; color: #666 }

#create ul { width: 100%; border-bottom: 1px solid #eee; }
#create ul li label { color: #666; padding: 6px; background: #fff; border-top: 1px solid #eee; text-indent: 40px; display: block; clear: both}
#create ul li label.active { color: #1c85da; padding: 6px; background: #ecfbfe; border-top: 1px solid #eee; text-indent: 40px; }
#ask { height: 70px; }
#urldesejada { width: 160px !important; }
#urldesejada.full { width: 90% !important; }
select#ext { width: 90px; font: 22px arial, sans-serif; color: #1c85da; letter-spacing: 0px; padding: 5px; border: 1px solid #cae9f1; }
#ext optgroup option { color: #1c85da; }
#send { background: #fff; text-align: center; border-bottom: 4px solid #d5d8d0; margin: 24px 0 0 0; padding: 0 0 42px 0; display: block; clear: both; }
#efetuado { height: 80px; }
#efetuado, #notify { text-align: center; }
#efetuado h3 { margin-top: 10px; font: 34px arial, sans-serif; color: #d68b3c; letter-spacing: -1px; }
#efetuado p { margin-top: 5px; }
#notify { clear: both; display: block; }
#full { display: block; clear: both; background: #fff }
#full h3 { margin-top: 10px; font: 34px arial, sans-serif; color: #d68b3c; letter-spacing: -1px; }
#full h2 { margin-top: 8px; font: 24px arial, sans-serif; color: green; }
#domainOk { height: 180px; clear: both; background: #fff }
#domainNot { height: 360px; clear: both; background: #fff }
#domainNot form div#inputagain { width: 560px; margin: 0 auto 0 auto; background: #eee; padding: 8px 0 8px 0; text-align: center; }
#domainNot form div#inputagain input { font: 22px arial, sans-serif; color: #1c85da; letter-spacing: 0px; padding: 5px; width: 90%; border: 1px solid #cae9f1; width: 360px; text-align: center }
#domainNot h4 { font: 16px georgia, serif; font-style: italic; color: #666; margin: 3px 0 12px 0; }
/* absolute */
#postit { width: 834px; margin: 0 auto 0 auto; text-align: left  }
#vantagens { position: absolute; z-index: 2; margin-top: 180px; }
#conta { position: absolute; z-index: 3; margin: 220px 0 0 366px; }


/*f*/
#fInfo{ padding-top:100px;}
#fInfo h3{margin-top: 10px; font: 55px arial, sans-serif; color: #6ccdfa; letter-spacing: -4px; font-weight: bold; line-height:110px;}
#fInfo span {color: #eef0d8;}
#fInfo li{border-bottom: #0e8ddb 3px solid;}
#fInfo li.last{border-bottom: #0e8ddb 10px solid;}
#fInfo .mais{font-size:24px; color: #6ccdfa;}


#fAssina h3{margin-top: 10px; font: 36px arial, sans-serif; color:#6ccdfa; letter-spacing: -1px; font-weight: bold; }
#fAssina span {color: #eef0d8;}
#fAssina li{float:left; display:table-cell; vertical-align:middle; _vertical-align:middle;}
#fAssina li.last{ text-align:right; float:right}
#fAssina li.slogan{line-height:-50px;}
#fAssina mais{font-size:24px;}
#fAssina li h3.copyr{font-size: 30px; color:#1a7ac4; line-height:30px;}
#fAssina li h3 span.uptime{font-size: 24px; color:#2284cb;}


/* footer */
#footer { padding-top: 110px }
#footer h2 { font: bold 54px arial, sans-serif; color: #edefd9; padding: 0 0 0 0; letter-spacing: -3px; float: left; }
#footer p { float: right; font: normal 18px arial, sans-serif; color: #0e8ddb; text-align: left; width: 200px; padding: 12px 0 0 0; }
#footer p.suporte { width: 250px !important; } /* adicionado p/ texto do ticket de suporte */
#footer h2 span { color: #6ccdfa; }
#footer .sep { border-bottom: 4px solid #0e8ddb; clear: both; height: 90px; padding: 20px 0 10px 0; }
#footer .payment { height: 236px}
#footer .payment img { padding-top: 20px;}
#footer .last { border: 0; background: url(../img/balaobranco.gif) no-repeat 0px 25px; height: 150px }
#footer .last h3 { font: bold 36px arial, sans-serif; color: #edefd9; padding: 0 0 0 0; letter-spacing: -2px; float: left; margin: 15px 0 0 230px; line-height: 33px }
#footer .last h3 span { color: #6ccdfa;}
#footer .mais{font-size:24px; color: #6ccdfa;}
#footer h4{float:right;}
#footer h4.copyr{font-size: 35px; color:#1a7ac4; line-height:30px; margin-top: 20px}
#footer h4 span.uptime{font-size: 24px; color:#2284cb;}

a.twitter{color: #1a7ac4; float:right;}
a.twitter:hover{color:white;}

#talk { border-bottom: 0px solid #0e8ddb !important; clear: both; height: 75px !important; padding: 20px 0 0px 0 !important; }
#contato { height: 206px !important; color: #fff; }
#contato div.first { float: left; width: 250px; }
#contato div.second { float: right; width: 480px; }
#contato form input, #contato form label { clear: both; display: block; margin: 0 }
#contato form input#name, #contato form input#email, #contato form textarea { padding: 5px; background: #fff; color: #333; border: 2px solid #edefd9; font: 22px arial, sans-serif; }
#contato form textarea { width: 98%; height: 100px; margin-bottom: 16px}
#contato #send { background:#125892 none repeat scroll 0% 0%; border:0; border-bottom:1px solid #0E426E;border-right:1px solid #0E426E;  color: #fff; font: 22px arial, sans-serif; padding: 5px 10px 5px 10px; text-align: center; cursor:pointer;}
#contato #send:hover { color:#edc83c; }
#contato form input#name, #contato form input#email { margin-bottom: 16px }
#contato form label { margin-bottom: 3px }
p#sent { color: #fff; width: 100%; display: block; font-size: 14px; }
#sendok { height: 30px; margin-top:-10px }

/*--------- plan -----------*/
table.plano {background:#FFF;}
table.plano tr{line-height:40px; border-top:#f8f8f8 2px solid; padding-left:5px;}
table.plano tr .label{font: 22px arial, sans-serif; letter-spacing:-1px; color: #e67768; font-weight: bold; line-height:40px; background:#ffc; border-bottom: 4px solid #cfcfcf; border-top: 1px solid #003399; }
table.plano tr td.coluna{color:#79bd36;}