.sub-cabecalho { height: 71px; background: url(../img/sub-cabecalho.jpg) repeat-x; }
.sub-cabecalho .conteudo { width: 954px; height: 71px; line-height: 69px; }

.sub-cabecalho .conteudo strong { display: block; float: left; width: 122px; height: 71px; text-indent: -10000px; background-repeat: no-repeat; background-position: center 0; margin-right: -2px; }
.sub-cabecalho .conteudo strong.hospedagem { background-image: url(../img/marcador-hospedagem.png); }
.sub-cabecalho .conteudo strong.seja-neepz { background-image: url(../img/marcador-seja-neepz.png); }
.sub-cabecalho .conteudo strong.a-neepz { background-image: url(../img/marcador-a-neepz.png); }
.sub-cabecalho .conteudo strong.suporte { background-image: url(../img/marcador-suporte.png); }
.sub-cabecalho .conteudo > div { float: left; margin: 22px 0 0 16px; }
.sub-cabecalho .conteudo > div a.selected { cursor: default; }
.sub-cabecalho .conteudo > div.hospedagem { margin: 19px 0 0 16px; }
.sub-cabecalho .conteudo > div.hospedagem a { display: block; margin-right: 6px; height: 37px; float: left; background: url(../img/abas-hospedagem.png); text-indent: -10000px; }
.sub-cabecalho .conteudo > div a.zqual { width: 106px; background-position: 0 0; }
.sub-cabecalho .conteudo > div a.zturn { width: 105px; background-position: -106px 0; }
.sub-cabecalho .conteudo > div a.zmind { width: 109px; background-position: -211px 0; }
.sub-cabecalho .conteudo > div a.passaporte { width: 87px; background-position: -320px 0; }
.sub-cabecalho .conteudo > div a.zqual.selected { background-position: 0 -74px !important; }
.sub-cabecalho .conteudo > div a.zturn.selected { background-position: -106px -74px !important; }
.sub-cabecalho .conteudo > div a.zmind.selected { background-position: -211px -74px !important; }
.sub-cabecalho .conteudo > div a.passaporte.selected { background-position: -320px -74px !important; }
.sub-cabecalho .conteudo > div a.zqual:hover { background-position: 0 -37px; }
.sub-cabecalho .conteudo > div a.zturn:hover { background-position: -106px -37px; }
.sub-cabecalho .conteudo > div a.zmind:hover { background-position: -211px -37px; }
.sub-cabecalho .conteudo > div a.passaporte:hover { background-position: -320px -37px; }
.sub-cabecalho .conteudo > div.seja-neepz a { display: block; margin-right: 6px; height: 26px; float: left; background: url(../img/abas-seja-neepz.png); text-indent: -10000px; }
.sub-cabecalho .conteudo > div a.motivos { width: 87px; background-position: 0 0; }
.sub-cabecalho .conteudo > div a.zbeta { width: 56px; background-position: -87px 0; }
.sub-cabecalho .conteudo > div a.parceiros { width: 76px; background-position: -143px 0; }
.sub-cabecalho .conteudo > div a.assine { width: 62px; background-position: -219px 0; }
.sub-cabecalho .conteudo > div a.motivos.selected { background-position: 0 -52px !important; }
.sub-cabecalho .conteudo > div a.zbeta.selected { background-position: -87px -52px !important; }
.sub-cabecalho .conteudo > div a.parceiros.selected { background-position: -143px -52px !important; }
.sub-cabecalho .conteudo > div a.assine.selected { background-position: -219px -52px !important; }
.sub-cabecalho .conteudo > div a.motivos:hover { background-position: 0 -26px; }
.sub-cabecalho .conteudo > div a.zbeta:hover { background-position: -87px -26px; }
.sub-cabecalho .conteudo > div a.parceiros:hover { background-position: -143px -26px; }
.sub-cabecalho .conteudo > div a.assine:hover { background-position: -219px -26px; }
.sub-cabecalho .conteudo > div.a-neepz a { display: block; margin-right: 6px; height: 26px; float: left; background: url(../img/abas-a-neepz.png); text-indent: -10000px; }
.sub-cabecalho .conteudo > div a.quem-somos { width: 100px; background-position: 0 0; }
.sub-cabecalho .conteudo > div a.zblog { width: 55px; background-position: -100px 0; }
.sub-cabecalho .conteudo > div a.contato { width: 123px; background-position: -155px 0; }
.sub-cabecalho .conteudo > div a.trabalhe { width: 132px; background-position: -278px 0; }
.sub-cabecalho .conteudo > div a.imprensa { width: 78px; background-position: -410px 0; }
.sub-cabecalho .conteudo > div a.quem-somos.selected { background-position: 0 -52px !important; }
.sub-cabecalho .conteudo > div a.zblog.selected { background-position: -100px -52px !important; }
.sub-cabecalho .conteudo > div a.contato.selected { background-position: -155px -52px !important; }
.sub-cabecalho .conteudo > div a.trabalhe.selected { background-position: -278px -52px !important; }
.sub-cabecalho .conteudo > div a.imprensa.selected { background-position: -410px -52px !important; }
.sub-cabecalho .conteudo > div a.quem-somos:hover { background-position: 0 -26px; }
.sub-cabecalho .conteudo > div a.zblog:hover { background-position: -100px -26px; }
.sub-cabecalho .conteudo > div a.contato:hover { background-position: -155px -26px; }
.sub-cabecalho .conteudo > div a.trabalhe:hover { background-position: -278px -26px; }
.sub-cabecalho .conteudo > div a.imprensa:hover { background-position: -410px -26px; }
.sub-cabecalho .conteudo > div.suporte a { display: block; margin-right: 6px; height: 26px; float: left; background: url(../img/abas-suporte.png); text-indent: -10000px; }
.sub-cabecalho .conteudo > div a.canais-diretos { width: 107px; background-position: 0 0; }
.sub-cabecalho .conteudo > div a.centro-conhecimento { width: 167px; background-position: -107px 0; }
.sub-cabecalho .conteudo > div a.status-servidor { width: 130px; background-position: -274px 0; }
.sub-cabecalho .conteudo > div a.canais-diretos.selected { background-position: 0 -52px !important; }
.sub-cabecalho .conteudo > div a.centro-conhecimento.selected { background-position: -107px -52px !important; }
.sub-cabecalho .conteudo > div a.status-servidor.selected { background-position: -274px -52px !important; }
.sub-cabecalho .conteudo > div a.canais-diretos:hover { background-position: 0 -26px; }
.sub-cabecalho .conteudo > div a.centro-conhecimento:hover { background-position: -107px -26px; }
.sub-cabecalho .conteudo > div a.status-servidor:hover { background-position: -274px -26px; }
.sub-cabecalho .conteudo > a { display: block; float: right; margin: 21px 16px 0 0; width: 153px; height: 28px; background: url(../img/suporte-ao-vivo.png); text-indent: -10000px; }
.sub-cabecalho .conteudo > a:hover { background-position: 0 -28px; }

.abas { float: left; clear: both; margin: 26px 0 0 -11px; position: relative; z-index: 4; }
.abas.hospedagem { width: 546px !important; }
.abas.quem-somos { width: 800px !important; }
.abas a { display: block; margin-right: 6px; height: 26px; float: left; text-indent: -10000px; }
.abas a.selected { cursor: default; }
.abas.hospedagem a { background: url(../img/abas-internas-hospedagem.png); }
.abas a.visao-geral { width: 91px; background-position: 0 0; }
.abas a.recursos { width: 78px; background-position: -91px 0; }
.abas a.planos { width: 64px; background-position: -169px 0; }
.abas a.painel-de-controle { width: 130px; background-position: -233px 0; }
.abas a.suporte { width: 75px; background-position: -435px 0; }
.abas a.duvidas { width: 72px; background-position: -363px 0; }
.abas a.visao-geral.selected { background-position: 0 -52px !important; }
.abas a.recursos.selected { background-position: -91px -52px !important; }
.abas a.planos.selected { background-position: -169px -52px !important; }
.abas a.painel-de-controle.selected { background-position: -233px -52px !important; }
.abas a.suporte.selected { background-position: -435px -52px !important; }
.abas a.duvidas.selected { background-position: -363px -52px !important; }
.abas a.visao-geral:hover { background-position: 0 -26px; }
.abas a.recursos:hover { background-position: -91px -26px; }
.abas a.planos:hover { background-position: -169px -26px; }
.abas a.painel-de-controle:hover { background-position: -233px -26px; }
.abas a.suporte:hover { background-position: -435px -26px; }
.abas a.duvidas:hover { background-position: -363px -26px; }
.abas.quem-somos a { background: url(../img/abas-quem-somos.png); }
.abas a.nosso-conceito { width: 112px; background-position: 0 0; }
.abas a.infra-estrutura { width: 185px; background-position: -112px 0; }
.abas a.atendimento-exclusivo { width: 157px; background-position: -297px 0; }
.abas a.uptime { width: 115px; background-position: -454px 0; }
.abas a.termos-privacidade { width: 150px; background-position: -569px 0; }
.abas a.nosso-conceito.selected { background-position: 0 -52px !important; }
.abas a.infra-estrutura.selected {background-position: -112px -52px !important; }
.abas a.atendimento-exclusivo.selected { background-position: -297px -52px !important; }
.abas a.uptime.selected { background-position: -454px -52px !important; }
.abas a.termos-privacidade.selected { background-position: -569px -52px !important; }
.abas a.nosso-conceito:hover { background-position: 0 -26px; }
.abas a.infra-estrutura:hover { background-position: -112px -26px; }
.abas a.atendimento-exclusivo:hover { background-position: -297px -26px; }
.abas a.uptime:hover { background-position: -454px -26px; }
.abas a.termos-privacidade:hover { background-position: -569px -26px; }

.conteudo-aba { display: none; float: left; padding-top: 28px; }

.corpo p.principal { color: #6aa8c2; font-size: 16px; font-weight: normal; }
.corpo p.forte { font-weight: bold; }

.corpo .two-columns div.first { width: 434px; }
.corpo .two-columns div.first p { width: 434px; }
.corpo .two-columns div.first p, .corpo .two-columns div.first h3, .corpo .two-columns div.first h4 { width: 426px; }
.corpo .two-columns div.last { width: 433px; margin-left: 40px; }
.corpo .two-columns div.last p, .corpo .two-columns div.last h3, .corpo .two-columns div.last h4 { width: 433px; }

.fade-imagens { width: 433px; height: 145px; margin: 20px 0; }
.fade-imagens img { display: none; width: 433px; }

h3, h4 { color: #656565; font-size: 15px; margin-top: 22px; }
h3.first, h4.first { margin-top: 0; }

div.box { background: #1a1a1a; padding: 20px 0 22px; margin-top: 20px; }
div.box h4 { width: auto !important; font-size: 15px; margin: 0 22px 0 26px; }
div.box h4.principal { color: #6aa8c2; }
div.box p { width: auto !important; margin: 12px 22px 0 26px; }
div.box ol { margin: 12px 22px 0 45px; list-style: decimal outside; line-height: 18px; margin-bottom: -4px; }
div.box ol li { margin-top: 8px; }
div.box ol li.first { margin-top: 0; }

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url(../img/scroll-track.png); }
.jScrollPaneDrag { position: absolute; cursor: pointer; overflow: hidden; background: url(../img/scroll-drag-middle.png) repeat-y center top; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; height: 16px; background: url(../img/scroll-drag-top.png) no-repeat center top; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; height: 16px; background: url(../img/scroll-drag-bottom.png) no-repeat center bottom; }

.controles-texto { width: 190px; height: 27px; padding: 10px; margin: 0 0 0 688px; background: url(../img/scroll-track.png) -13px 0; position: absolute; z-index: 3; }
.controles-texto a { display: block; height: 27px; background: url(../img/controles-texto.png); float: left; text-indent: -10000px; }
.controles-texto a.diminuir-texto { width: 38px; background-position: 0 0; }
.controles-texto a.aumentar-texto { width: 36px; background-position: -38px 0; }
.controles-texto a.imprimir { width: 99px; margin-left: 10px; background-position: -74px 0; }
.controles-texto a.diminuir-texto:hover { background-position: 0 -27px; }
.controles-texto a.aumentar-texto:hover { background-position: -38px -27px; }
.controles-texto a.imprimir:hover { background-position: -74px -27px; }

.box ul.itens { float: left; margin: 4px 0 0; }
.box ul.itens li { width: 390px; height: 80px; float: left; clear: both; margin: 18px 0 10px; }
.box ul.itens li.separador { height: 2px; background: url(../img/separador-02.jpg) no-repeat center top; margin: 0; }
.box ul.itens li > a { float: left; color: #f0f0f0; border-bottom: solid 1px Transparent; font-weight: bold; font-size: 12px; text-decoration: none; margin: 4px 0 0 102px; }
.box ul.itens li img { float: left; margin: 6px 0 0; padding-left: 6px; }
.box ul.itens li > a:hover { color: #fff; border-bottom: solid 1px #a7a7a7; }
.box ul.itens li p { float: left; clear: both; color: #8c8c8c; margin: 6px 0 0 102px; width: 288px !important; }
.box ul.itens li div { float: left; clear: both; margin: 4px 0 0 102px; width: 288px !important; }
.box ul.itens li div a { float: left; background: url(../img/separador-vertical-links.jpg) no-repeat right center; line-height: 24px; padding-right: 8px; margin: 0 3px; }
.box ul.itens li div a.first { margin-left: 0; }
.box ul.itens li div a.last { margin-right: 0; background: none; }

ul.releases { margin-top: 14px; }
ul.releases li { height: 22px; line-height: 20px; }
ul.releases li img { padding-right: 5px; }
ul.releases li span { color: #ffc3b0; }

ul.vagas { margin: 16px 0 0 15px; color: #fff; list-style: square; }
ul.vagas li { color: #fff; line-height: 24px; }
ul.vagas li span { color: #ffc3b0; }

.box label { text-align: right; color: #feffff; line-height: 27px; margin-right: 12px; }

.input { height: 21px; line-height: 21px; color: #999999; font-size: 12px; border: none 0; background: #333333 url(../img/inputs.png) no-repeat; padding: 3px 10px; }
.input.focus { color: #fff; }

.box input.selectbox { width: 478px !important; height: 21px; line-height: 21px; padding: 3px 10px; background: url(../img/selectbox.png) no-repeat; border: none 0; color: #fff; cursor: default; }
.box input.selectbox:hover { background-position: 0 -27px; }
.box input.selectbox.opened { background-position: 0 -54px; color: #9c9c9c; }

div.selectbox-wrapper { position: absolute; width: 498px !important; height: 199px; background: url(../img/selectbox-wrapper.png) no-repeat; margin: 0; padding: 0; text-align: left; overflow: hidden; }
div.selectbox-wrapper ul { margin: 11px 4px; }
div.selectbox-wrapper ul li { display: block; color: #d3d3d3; cursor: pointer; height: 29px; line-height: 29px; margin-bottom: 1px; padding-left: 13px; }
div.selectbox-wrapper ul li.selected { background: url(../img/selectbox-wrapper.png) 0 -201px; padding-left: 24px; color: #fff; }
div.selectbox-wrapper ul li.current { background: url(../img/selectbox-wrapper.png) 0 -201px; padding-left: 24px; }

.enviar { display: block; border: none; cursor: pointer; float: left; width: 75px; height: 26px; background: url(../img/bt-envie.png); text-indent: -10000px; }
.enviar:hover { background-position: 0 -26px; }
label.error { display: none!important }
input.error { color: #FFFFDF!important }
label.errado { color: #1C97D7!important }
.conteudo .corpo p.alert, .conteudo .corpo p.p_sucess  { margin:0 0 20px 0!important; color: #FEFFFF!important; width:auto!important; padding: 10px 15px; border-top: 1px solid #333;  border-bottom: 1px solid #333}
.conteudo .corpo p.p_sucess { border-bottom-color: #1C97D7;  border-top-color: #1C97D7}


.titulo-02 { margin-top: 0; }

.conteudo-aba ul.exemplos { width: 430px; margin-top: 23px; }
.conteudo-aba ul.exemplos li { display: block; width: 342px; height: 74px; line-height: 75px; padding-left: 88px; color: #fff; font-weight: bold; }

.passaporte-detalhes { width: 429px; height: 180px; background: url(../img/fotos/passaporte-02.jpg); margin-top: 28px; }
.passaporte-detalhes h4 { font-size: 15px; color: #fff; margin: 1px 0 0 16px; height: 40px; line-height: 40px; }
.passaporte-detalhes ul { margin: 11px 0 0 16px; }
.passaporte-detalhes ul li { height: 28px; line-height: 28px; float: left; padding-left: 10px; margin-bottom: 1px; font-size: 11px; }
.passaporte-detalhes ul li.esquerda { width: 202px; }

.passaporte-compre-agora { clear: both; width: 430px; height: 50px; cursor: default; margin: -30px 0 0 0; }
.passaporte-compre-agora a { float: right; display: block; width: 262px; height: 50px; text-indent: -10000px; background: url(../img/passaporte-compre-agora.png); margin-right: -16px; }
.passaporte-compre-agora a:hover { background-position: 0 -50px; }

.bt-fale-conosco { display: block; float: right; width: 140px; height: 26px; margin-top: 26px; background: url(../img/bt-fale-conosco.jpg); text-indent: -10000px; }
.bt-fale-conosco:hover { background-position: 0 -26px; }

.ultimo-produto { width: 960px; height: 204px; margin-left: -25px; padding-top: 32px; }
.ultimo-produto span, .ultimo-produto h3 { display: none; }
.ultimo-produto p { width: 304px; float: right; margin: 55px 26px 0 0; }
.ultimo-produto p a { margin-right: 3px; }

.two-columns.zbeta { width: 953px !important; margin: 0 0 0 -25px; }
.two-columns.zbeta > div.first { margin-top: 2px; width: 652px !important; }
.two-columns.zbeta > div.first ul { margin: 3px 24px 0 26px; }
.two-columns.zbeta > div.first ul li { display: block; float: left; padding-top: 26px; margin-top: 15px; background: url(../img/separador-05.jpg) no-repeat; }
.two-columns.zbeta > div.first ul li > img { float: left; margin-right: 20px; }
.two-columns.zbeta > div.first ul li h5 a { color: #ffefff; font-weight: bold; font-size: 14px; }
.two-columns.zbeta > div.first ul li p { color: #8d8d8d; line-height: 16px; margin: 8px 0 0 0; width: auto !important; }
.two-columns.zbeta > div.first ul li p a { margin-right: 3px; }
.two-columns.zbeta > div.first div.inscricao { display: none; background: #161616; width: 568px; float: left; clear: both; padding: 19px 17px; margin-top: 14px; }
.two-columns.zbeta > div.first div.inscricao label { float: left; margin: 0; }
.two-columns.zbeta > div.first div.inscricao .input { width: 138px; background: url(../img/input-inscricao.jpg) no-repeat; margin: 0 15px 0 10px; float: left; }
.two-columns.zbeta > div.first div.inscricao .input:focus { background-position: 0 -27px; }
.two-columns.zbeta > div.first div.inscricao .enviar { margin-top: 1px; }
.two-columns.zbeta p.hover { color: #dfdfdf !important; }
.two-columns.zbeta > div.last h4 { color: #5f5f5f; }
.two-columns.zbeta > div.last { margin-top: 2px; width: 275px !important; background: #282828; margin-left: 26px !important; }
.two-columns.zbeta > div.last h4 { float: left !important; color: #686868; margin: 0 18px 0 22px; }
.two-columns.zbeta > div.last ul { float: left !important; margin: 22px 18px 0 22px; }
.two-columns.zbeta > div.last ul li.first { margin-top: 0; }
.two-columns.zbeta > div.last ul li { padding-left: 61px; margin-top: 18px; min-height: 50px; font-size: 11px; cursor: pointer; }
.two-columns.zbeta > div.last ul li h5 a { color: #ffefff; font-weight: bold; }
.two-columns.zbeta > div.last ul li p { color: #939393; margin: 6px 0 0; line-height: 15px; }
.two-columns.zbeta > div.last ul li:hover h5 a { color: #fff; border-bottom: solid 1px #939393; }
.two-columns.zbeta > div.last ul li:hover p { color: #b3b3b3; }