/* GERAL
*****************************************************************************************/
* { margin: 0; padding: 0; text-decoration: none; }
body { height: 100%; width: 100%; background: #F5F5F5 url(/images/hotsite/bg.jpg) repeat-x; font-family: Helvetica, Arial, sans-serif; color: #595959; font-size: 78%; /* Reseta 1em para 12px */ }


/*CONFIGURA TAGS
*****************************************************************************************/
/*gerais*/
div, span, a, img, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, form, label, table, tr, th, td { position: relative; }
img { border: 0; }
hr { display: none; height: 1px; font-size: 1px; }
ul { list-style: none; }
address { font-style: normal; }
ol { list-style: decimal inside; }


/*tipografia*/
h1, h2, h3, h4, h5, h6 { text-align: left; }
h2 { font-size: 1.8em; margin-bottom: 1.1em; }
h3 { font-size: 1.4em; margin-bottom: 0.8em; }
p, li { line-height: 1.8em; margin-bottom: 1.4em; }   
a { text-decoration: none; color: #CD5BA8; }


/*CABECALHO
*****************************************************************************************/
.header { height: 132px; }
.header h1 { position: absolute; width: 146px; height: 98px; left: 4px; top: 31px; text-indent: -9000px; background: url(/images/hotsite/inkover_logo.jpg) no-repeat; overflow: hidden; }
.header h1 a { display: block; height: 98px; }


/*NAVEGACAO
*****************************************************************************************/
/*navegacao principal*/
.mainmenu { position: absolute; right: 0; top: 70px; }
.mainmenu li { float: left; margin-left: 43px; display: inline; }
.mainmenu li a { float: left; color: #982A76; font-weight: bolder; font-size: 1.4em; padding: 9px 12px; }
.mainmenu li a:hover { background: #DFDADD; }



/*navegacao secundaria*/



/*CONTEUDO
*****************************************************************************************/
.wrap { width: 940px; margin: 0 auto; }
.content { background: #fff; padding-bottom: 40px; min-height: 360px; }


/*destaque*/
.destaquehome, .destaque { z-index: 100; }
.destaquehome .wrap { width: 940px; height: 291px; padding-top: 50px; }
.destaquehome h1 { font-weight: bolder; font-size: 3em; color: #47869E; margin: 0 0 22px 0; }
.destaquehome ul { font-size: 1.1em; list-style: circle inside; margin-bottom: 26px; }
.destaquehome ul li { margin-bottom: 6px; }
.imgdestaque { position: absolute; z-index: 100; width: 193px; height: 380px; right: 0; top: 0; background: url(/images/hotsite/inkover_destaque.jpg) no-repeat right top; }

.wrap a.botao_recursos { float: left; color: #8E2B6E; font-weight: bolder; font-size: 1.4em; padding: 17px 16px; text-decoration: none; }


/*index conteudo*/
.content {  padding-top: 25px; z-index: 10; }
.content a { font-weight: bolder; text-decoration: underline; }
.duascolunas { float: left; width: 610px; }
.coluna { float: left; width: 280px;  padding: 10px 0 25px 0; }
.esq { margin-right: 47px; }
.duascolunas .coluna img { float: left; margin-right: 20px; }

.screenshots { padding: 25px 0; }
.screenshots ul { margin-top: 9px; }
.screenshots ul li { float: left; width: 121px; margin-right: 40px; }
.screenshots p { font-size: 0.9em; margin: 0; color: #797979; }


.exemplos_wrap { padding-top: 60px; }
.exemplos a.capa { float: left; width: 94px; margin-right: 10px; }
.exemplos p.desc { float: left; width: 170px; margin-top: -5px; }
.exemplos a { text-decoration: none; }
.exemplos li { margin-bottom: 18px; }
.exemplos li h3 { margin-bottom: 10px; }
.exemplos li h3 a { color: #4F94AE; }

.twitter_wrap { padding-top: 60px; }
.twitter_wrap h2 { padding: 38px 0 43px 40px; background: url(/images/hotsite/twitter_ico.jpg) no-repeat; color: #836225; font-size: 1.4em; }
.twitter_wrap ul { font-size: 1.1em; }
.twitter_wrap li { border-bottom: 1px solid #eee; padding-bottom: 30px; }
.twitter_wrap a { text-decoration: none; }
.twitter_wrap li span a { color: #CD5BA8; }
.twitter_wrap li a { color: #999; }


.assine_chamada { border: 1px solid #E6E6E6; width: 548px; padding: 30px 30px 26px 30px; }
.supesq, .supdir, .infesq, .infdir { position: absolute; width: 10px; height: 10px; font-size: 1px; left: -1px; top: -1px; background: url(/images/hotsite/roundedbox_supesq.gif) no-repeat; }
.supdir { background: url(/images/hotsite/roundedbox_supdir.gif) no-repeat; left: auto; right: -1px; }
.infesq { background: url(/images/hotsite/roundedbox_infesq.gif) no-repeat; top: auto; bottom: -1px; }
.infdir { background: url(/images/hotsite/roundedbox_infdir.gif) no-repeat; top: auto; left: auto; bottom: -1px; right: -1px; }


/*internas destaque*/
.destaque .wrap { height: 185px; padding-top: 50px; }
.destaque h1 { font-weight: bolder; font-size: 3em; color: #47869E; margin: 0 0 8px 0; }
.destaque h2 { font-weight: bolder; font-size: 2.1em;color: #8EBBCC; }


/*features*/
.features .bullet { padding-bottom: 60px; }
.features .bullet li { width: 248px; margin-bottom: 1em; color: #797979; }
.thumb_features { float: left; margin: 0 15px 0 -1px; width: 86px; }
.wrap .thumb_desc { float: left; margin: 0; width: 170px; text-decoration: none; color: #797979; font-weight: normal; }
.features .bullet .nobullet { background: none; padding: 0; width: 270px; }



/*plans*/
.img_conta { position: absolute; width: 249px; height: 195px; right: 0; bottom: -13px; background: url(/images/hotsite/img_conta.jpg) no-repeat; }
.plans { width: 940px; text-align: center; margin-bottom: 50px; }
.wrap .plans .botao_medio { margin: 20px auto 30px auto; }
.plans td { padding: 14px 0; }
.plan_name { font-size: 1.8em; color: #999; padding-bottom: 18px; }
.plan_price { font-size: 1.6em; padding-bottom: 18px; font-weight: bolder; }
tr.linha td { border-bottom: 1px solid #EDF4F8; }
.planshelp { background: url(/images/hotsite/icone_boleto.gif) no-repeat 204px 9px; padding: 10px 0 20px 295px; }
.planshelp .big { margin-bottom: 5px; }



/*register*/
.form_wrap { float: left; width: 585px; }
.icons_url { top: 7px; left: -7px; }
.formapagto { float: right; width: 310px; padding: 15px; background: #F1F8FA; border: 1px solid #CDE6ED; }
.formapagto h3 { margin: 26px 0 5px 0; }
.opt_periodos li { clear: both; height: 22px; margin: 0; }
.opt_periodos li span { float: left; width: 70px; }
.wrap .formapagto .botao_big { display: block; float: none; margin: 35px auto 10px auto; }



/*confirmation*/
.msg_conf { padding: 40px 0; }
.msg_conf h3 { line-height: 1.8em; margin-bottom: 2em; }



/*support*/
.img_support { position: absolute; width: 240px; height: 223px; right: 0; bottom: -41px; background: url(/images/hotsite/img_support.jpg) no-repeat; }
.support { padding-top: 20px; }
.support .formulario { margin: 0; width: 570px; }
.support .submit { height: 60px; background: #eee; }
.support .botao_big { float: none; clear: both; }
.support h2.atend_fone { position: absolute; width: 230px; right: 0; top: 40px; z-index: 100; background: url(/images/hotsite/icone_fone.gif) no-repeat; padding-left: 50px; }

.support h3 { font-size: 2.6em; color: #47869E; }
.support .faq { width: 590px; margin-bottom: 50px; }
.support .faq h3 { font-size: 1.4em; color: #666; margin-top: 50px; }
.faq h4 { font: normal 14px Arial; }
.faq h4 a { text-decoration: none; font-weight: normal; }
.faq .answer p { margin: 0 0 12px 0; color: #666; }
.faq ul li ul li { margin-bottom: 1.8em; }
.faq table td, .faq table th { border: 1px solid #ccc; }
.faq table th { text-align: left; padding: 2px 30px 2px 5px; }
.faq table td { padding: 2px 30px 2px 5px; }


/*termos*/
.termos { padding: 30px; background: #fff; }



/*RODAPE
*****************************************************************************************/
.footer { clear: both; height: 70px; background: #333; color: #ADADAD; font-size: 0.9em; padding-top: 50px; }
.foot_content { width: 940px; margin: 0 auto; }



/*BARRAS  *JANELAS  *BOX
*****************************************************************************************/



/*FORMULARIOS	
*****************************************************************************************/
ul.formulario li { height: 30px; }
label.labeltxt { float: left; text-align: right; width: 180px; padding-right: 12px; font-size: 1.1em; top: 4px; }
.inputxt, .textareaxt, .selectxt { float: left; font-size: 1em; font-family: Helvetica, Arial, sans-serif; color: #664517; width: 340px; height: 21px; margin-right: 20px; padding: 5px 0 0 4px; border: 1px solid #c7c7c7; background: #fefef1; }
.selectxt { height: 22px; }
.textareaxt { height: 90px; }
label.labelradio { float: left; top: 4px; top: 0px; }
.inputradio { float: left; margin-right: 5px; top: 3px; }
ul.formulario .campo_info { padding-left: 190px; height: 20px; margin-top: -18px; }
ul.formulario .li_textarea { height: 100px; }
ul.formulario .li_submit { padding: 0 0 0 190px; }
.error { border:1px solid red; }



/*LISTAS
*****************************************************************************************/
.circle { list-style: circle inside; }
.bullet li { background: url(/images/hotsite/bullet.gif) no-repeat 0 4px; padding-left: 22px; }



/*TABELAS
*****************************************************************************************/



/*EFEITOS
*****************************************************************************************/
.clear { position: relative; clear: both; height: 1px; font-size: 1px; }
.center { text-align: center; }
.floatleft { float: left; }
.nounderline { text-decoration: none; }
.nodisplay { display: none; }
.small { font-size: 0.9em; }
.big { font-size: 1.1em; }
.bolder { font-weight: bolder; }
.fail { font-weight: bolder; color: #9D2000; }
.green { font-weight: bolder; color:#416220; }
.alignright { text-align: right; }


/*ELEMENTOS DIVERSOS
*****************************************************************************************/
/*validacoes*/


/*botoes*/
.wrap .botao_big { float: left; width: 189px; height: 57px; background: url(/images/hotsite/botao_assine.jpg) no-repeat; color: #fff; font: normal 1.4em Helvetica, Arial; border: none; cursor: pointer; text-align: center; line-height: 48px; margin-right: 10px; text-decoration: none; }
.wrap .botao_big:hover { background: url(/images/hotsite/botao_assine.jpg) no-repeat -190px 0; }

.wrap a.botao_medio { display:block; width: 152px; height: 45px; background: url(/images/hotsite/botao_medio.jpg) no-repeat; color: #fff; font-weight: bolder; font-size: 1em; text-align: center; line-height: 42px; text-decoration: none; }
.wrap a.botao_medio:hover { background: url(/images/hotsite/botao_medio.jpg) no-repeat -152px 0; }