﻿/* ESTRUTURA */
#landing{font-size:13px;}
#landing h1{width:199px; height:64px; background:url(../img/logo-protector.png) no-repeat top left; margin-top:17px; padding:0px; cursor:pointer; }
#landing h1:hover { background-position:bottom left; }
#landing h1 a{ display:block; width:199px; height:64px; }
#landing .content{overflow:hidden;}

/*[ GERAL ]*/
body{ background:#fff; overflow-x:hidden; }
h3{ color:#01A1A1; }
h4{ color:#038281; }
h5{ color:#666666; }
*:focus { outline: none; }

#header { border-bottom:solid 3px #00b1b1; }
#header .logo-wrapp .sublogo { height:14px; display:block; margin:0 0 8px 111px; color:#b9bbbb; padding:4px 0 4px 28px;  background:url(../../_src/img/global/sprite-sublogos.png) no-repeat 0 3px; }
html { background:#2F3226; }
#content-ativacao {background:#2F3226 url(../../_src/img/bg-glow.png) no-repeat center bottom;}
#content-ativacao.code { background-image:none !important; }

/* BOTÕES */
.btns{display:block;text-indent:-999em;background:url(../img/sprite-btn.png) no-repeat 0 0}
.btns-none {
    background-image:none !important;
}
.fujam-para-as-colinas {
    padding-left: 0px;
    font-size: 13px;
}

.btnM { background: url(../../_src/img/global/sprite-btns-medico.png) no-repeat 0 0; display:block; text-indent:-99999px;}
#landing .btnM.btn-queroContratar{ width:173px; height:41px; background-position: -175px 0; }
#landing .btnM.btn-queroContratar:hover { background-position: -175px -41px; }
#landing .btnM.btn-simularCotacao{ width:212px; height:45px; background-position: -352px 0;  float:left; margin:1px 0 0 15px;  }
#landing .btnM.btn-simularCotacao:hover { background-position: -352px -45px; }
#landing .btnM.btn-contratar{ width:139px; height:47px; background-position: -569px 0;  float:left; }
#landing .btnM.btn-contratar:hover { background-position: -569px -47px; }

#landing .section6{ margin:2px 0 2px; min-height:663px; background:url(../../_src/img/global/bg-banner-medico.jpg) no-repeat 50% 0; }
#landing .section6 .text-block h2{ margin:0 0 18px; font-size:38px; line-height:41px; color:#3ca7a4; }

#landing .section7 .holder{ background:url(../../_src/img/global/bg-section7-medico.gif); }
#landing .section7 .content .btn-video { display:block; width:150px; height:120px; position:absolute; top:268px; left:224px; background:url(../../_src/img/global/btn_vervideo.png) no-repeat; text-indent: -9999px;}
#landing .section7 .content .btn-video:hover { background-position: 0 -130px; }

#landing .switcher a{ float:left; width:38px; height:39px; color:#50baba; font-size:19px; font-family:'Arial'; font-weight:bold; line-height:39px; text-align:center; background:url(../../_src/img/global/bg-switcher-link.png) no-repeat;}
#landing .switcher li.active a, #landing.medicos .switcher a:hover{ background-position:0 -39px; color:#fff; text-decoration:none; }
#landing .gallery .slideset .slide#step-1 .obj-tit
        { position:absolute; top:135px; left:20px; width:278px; height:132px; background:url(../../_src/img/global/tit-01.png) top right no-repeat; }
#landing .form-box h2{ margin:0 0 62px; text-align:center; color:#01a1a1; padding:0 30px; font-size:27px; line-height:34px; text-transform:uppercase; }
#landing .form-box .headline strong span{ font-weight:bold; color:#01a1a1; }
#landing .form-box .columns .col-right .btn-simular { text-decoration: underline; clear: both; font-size: 12px; color: #01A1A1; display: block; padding-top: 10px; }
#landing .form-box .columns .col-right .btn-simular .simular { width:106px; height:50px; background: url(../../medicos/img/sprite-btn.png) no-repeat; margin: 40px 75px; }
#landing .form-box .columns .col-right .btn-simular .simular {  background-position: -179px -95px; }
#landing .form-box .columns .col-right .btn-simular .simular:hover {background-position: -179px -145px; }
#landing .form-box .price dd{ margin:0; color:#01a1a1; font-weight:bold; font-family: arial; }

#landing .three-columns .col a { font-family:Arial; color:#01a1a1; }
#landing .three-columns h2{ font-size:16px; line-height:18px; text-transform:uppercase; color:#01a1a1; margin:0 0 8px; font-weight:normal; }

#landing #headerGlobal{ border-bottom:solid 3px #00c2c2;  }

.box-activation.open-close{ background: #019f9f; }
.box-activation.open-close .slide .opener{ width:100%; height:65px; display:block;  text-indent:-9999px; overflow:hidden;  }
.box-activation.open-close .slide .opener span{ display:block; width:34px; height:22px; background:url(../../_src/img/global/sprite-bg-closer.png) no-repeat 0 0; margin:20px auto;  }
.box-activation .slide-holder{ background:url(../../_src/img/global/bg-slide-holder.gif) repeat-x; padding:0 0 170px;}
.box-activation .enter-form input[type="text"]{ color:#084c4c;}

.box-activation .btnM.btn-ok{ width:70px; height:47px; float:left; margin:0 9px 0 0; background-position: -712px 0; margin-top:-4px; }
.box-activation .btnM.btn-ok:hover { background-position: -712px 100%; }
.box-activation .btnM.btn-solicite{ width:370px; height:47px; background-position: -786px 0; }
.box-activation .btnM.btn-solicite:hover { background-position: -786px 100%; }

/* MENU */
.nav.menu li a:hover{ color:#00b1b1; }
.nav.menu li.active a { color:#00b1b1;}

/* ABAS */
.navTabs{position:relative; top:-57px;}
.navTabs li{text-align:center; float:left;}
.navTabs li a{display:block; height:72px; background-image:url(../img/sprite-experiencia.png); text-indent:-99999px;}
.navTabs-en li a{background-image:url(../img/sprite-experiencia-en.png);}
.navTabs li a.tbDefesa{width:140px; background-position:0 0;}
.navTabs li a.tbRessarcimento{width:350px; background-position:-140px 0;}
.navTabs li a.tbAcessorios{width:152px;background-position:-490px 0;}
.navTabs li a.tbEmergencia{width:234px;background-position:-642px 0;}
.navTabs li a.tbDefesa.atv{background-position:0 100%;}
.navTabs li a.tbRessarcimento.atv{background-position:-140px 100%;}
.navTabs li a.tbAcessorios.atv{background-position:-490px 100%;}
.navTabs li a.tbEmergencia.atv{background-position:-642px 100%;}

#tabs{position:relative; top:-25px;width:750px; left:60px; background:none !important;}
#tab02, #tab03, #tab04{display:none;} 

.box-seu-protector .cont .tit-box-label{color:#00B1B1;}

#content-ativacao  .logo-medicos{width:315px; height:90px; background:url(../img/logo-protector-medicos.png) no-repeat left bottom; text-indent:-99999px;margin:0px 0 43px 85px; padding-top:60px; float:left;}
.txt-medicos{float:right; font-size:28px;font-family:KievitRegular; color:#A3A3A3; margin:90px 70px 0}

/***********************************************************
                  PÁGINAS INTERNAS
***********************************************************/

/*[ SOBRE PLANO ]*/
.sobre-plano{overflow:hidden; padding-top:30px; padding-bottom:30px; margin-bottom:30px;}
.sobre-plano .destaque{width:445px; float:left;}
.sobre-plano-wrapp { width:980px; margin:0px auto; padding-bottom:50px; }
.sobre-plano-wrapp .content { width:45%; float:left; padding:15px 20px 20px 20px; }

/*[ EXPERIÊNCIA PROTECTOR ]*/
.exp-slider {margin-bottom:60px; height:140px; background:url(../img/slider-exp-bg.png) no-repeat top center;  position:relative; z-index:10;}
.exp-slider .wrapp {width:856px; height:140px; margin:0px auto; position:relative;}
.exp-slider .wrapp .bg-glow {width:856px; height:140px; background:url(../img/slider-exp-glow.png) no-repeat top center; position:absolute; top:5px; left:0px;}
.exp-slider .wrapp .bg-base {width:840px; height:120px; background-color:#CCC; position:absolute; top:5px; left:7px;}
.exp-slider .wrapp .bt-paginador {width:144px; height:184px; background:url(../img/bt-paginador.png) no-repeat top center; position:absolute; z-index:0; top:-12px;}
.exp-slider .wrapp .bt-paginador-en { background:url(../img/bt-paginador-en.png) no-repeat top center; }
.exp-slider .wrapp .bt-paginador .drag { width:120px; height:35px; margin:140px auto 0px auto; position:relative; cursor:pointer;}
.exp-slider .wrapp .menu-labels{width:856px; height:140px; background:url(../img/slider-exp-mask.png) no-repeat top center; position:absolute;}
.exp-slider .wrapp .menu-labels div.item{width:142px; height:125px; float:left; cursor:pointer;}
.exp-content {width:100%; padding-bottom:50px; background:url(../img/experiencia-bg.png) repeat-y top center;}
.exp-content .wrapp { width:920px; margin:0px auto; position:relative; min-height:200px; }
.exp-content .wrapp .conteudo {display:none; margin-top:-108px; position:relative; z-index:0; overflow:hidden;}
.exp-content .wrapp .conteudo .boxL{padding:120px 30px 50px 0; width:400px; float:left;}
.exp-content .wrapp .conteudo .boxL h4{padding-bottom:50px;}
.exp-content .wrapp .conteudo .boxR{padding-top:120px;width:487px; float:right;}
.exp-content .wrapp .conteudo .boxR h5{padding:0 20px 50px 55px; border-bottom:solid 1px #C0C0C0;}
.exp-content .wrapp .conteudo .boxR div{padding:32px 40px 50px 76px; border-top:solid 1px #EEEEEE;}
.exp-content .wrapp .conteudo .boxR span{color:#336666; display:block; text-transform:uppercase; padding:10px 0; font-size:14px; font-weight:bold;}

/*[ SOBRE ARGO ] */
.sobre-argo{margin-top:58px;}
.sobre-argo h3{font-size:40px;}
.sobre-argo h5{font-size:22px; text-transform:none; margin-top:-15px;}
.sobre-argo .col{width:430px; margin:30px 50px 60px 0; float:left; line-height:22px;}
.sobre-argo .col ul li{text-transform:uppercase; font-size:14px; font-weight:bold; list-style-type:inherit; line-height:28px; margin-left:15px;}
.sobre-argo .mapa{margin-top:20px;}
.sobre-argo .mapa img{margin:50px 0 80px;}
.sobre-argo .boxNegocios{overflow:hidden; padding-top:20px; padding-bottom:40px;}
.sobre-argo .boxNegocios ul > li{float:left; margin-top:20px; margin-right:14px; margin-left:12px; width:297px;}
.sobre-argo .boxNegocios ul > li img{ float:left; margin-right:10px;}
.sobre-argo .boxNegocios ul > li span{color:#002d56; font-size:14px; font-weight:bold; padding-bottom:5px;} 
.sobre-argo .boxNegocios ul li ul >li{font-size:10px; width:159px; margin-top:0; margin-right:0; list-style-type:square;}

/*[ APLICATIVOS ] */
.aplicativos h3{ font-size:16px;}
.aplicativos .col1{float:left; width:496px; margin-right:100px;}
.aplicativos .fundo-cinza{border-top:solid 47px #A7A7A7; position:relative;}
.aplicativos .ttl{border-bottom:solid 1px #FFF; margin-bottom:15px;}
.aplicativos .ttl span{display:block;border-bottom:solid 1px #C3C3C3; background:url(../img/sprite-icones.png) no-repeat; text-transform:uppercase; color:#009999; font-family:KievitRegular; font-size:17px; height:56px; line-height:56px; padding-left:70px;}
.aplicativos .tab-aplicativos p { line-height:20px; font-size:13px; }
.aplicativos span.condenacoes{background-position: 0px 0px;}
.aplicativos span.acordos{background-position: 0px -112px;}
.aplicativos span.ressarcimento{background-position: 0px -56px;}
.aplicativos span.custos{background-position: 0px -168px;}
.aplicativos span.despesas{background-position: 0px -168px;}
.aplicativos span.honorarios{background-position: 0px -224px;}
.aplicativos span.calunia{background-position: 0px -280px;}
.aplicativos span.penhora{background-position: 0px -336px;}
.aplicativos span.multas{background-position: 0px -392px;}
.aplicativos span.omissao{background-position: 0px -448px;}
.aplicativos span.infeccao{background-position: 0px -506px;}
.aplicativos span.chefe{background-position: 0px -563px;}
.aplicativos span.cobertura-pj{background-position: 0px -621px;}

.aplicativos span.none{background:none;}

/*[ ATIVAÇÃO ]*/
/* NAV */
#Conteudo_step1 .nav-ativacao{background-position:0px -1px}
#Conteudo_step2 .nav-ativacao{background-position:0px -61px}
#Conteudo_step3 .nav-ativacao{background-position:0px -121px}
.Conteudo_step4 .nav-ativacao{background-position:0px -181px}

/* ABA DE ATIVAÇÃO */
.bt-activation2{}
.bt-activation2 .bg-button{background:url(../img/bt-ativar.png) no-repeat bottom left;}
.box-ativacao .inputAtivacao{color:#30eafc;}
.box-ativacao .action .btnAtivacao{background-position:-463px 0px;}
.box-ativacao .action .btnAtivacao:hover{background-position:-463px 100%;}
.activation-stage{background-color:#13B3B1;}
.detalhe-linha .fr{color:#009999;}
.tit-cartoes{color:#0d7776;}
.navTabsCartoes li a{background:url(../img/cartoes.png) #F5F5F5 no-repeat; }
.navTabsCartoes li a.atv{background:url(../img/cartoes.png) #FFF no-repeat;border:none;}

/* CONDIÇÕES */
.form-pag .condicao-pagamento .condicao { background:url(../img/sprite_pagamento.png) no-repeat; height:35px; cursor:pointer; }
.form-pag .condicao-pagamento .condicao-en { background:url(../img/sprite_pagamento-en.png) no-repeat; }
.form-pag .condicao-pagamento .condicao.avista { width:105px; height:35px; background-position:top left; float:right; }
.form-pag .condicao-pagamento .condicao.parcela { width:125px; height:35px; background-position:top right; float:right; margin-left:5px; }
.form-pag .condicao-pagamento .condicao.avista.atv { background-position:bottom left; }
.form-pag .condicao-pagamento .condicao.parcela.atv { background-position:bottom right; }

/* PARCELAS */
.parcelas-wrapp ul li.parcela { width:32px; height:24px; background:url(../img/parcelas-bg.png) top left no-repeat; font-size:13px; font-weight:bold; color:#999; text-align:center; cursor:pointer; margin-right:5px; }
.parcelas-wrapp ul li.parcela:hover,
.parcelas-wrapp ul li.parcela.atv { background-position:bottom left; color:#FFF; }

/* FORMULÁRIOS */
.form-text-custom{background-position:left -95px}
.form-text-custom input{background-position:right -95px; color:#666; height:26px !important;}
.form-text-custom.erro{background-position:left 1px}
.form-text-custom.erro input{background-position:right 1px; color:#437182;}
.form-center div.txt{color:#666;}
.lbl-check-radio{color:#666; margin-left:-4px;}

/* FORMULÁRIOS - Combo */
div.sexy{}
div.sexy input{ background-position:left -96px; width:300px; color:#666666; padding-left:5px; }
div.sexy div.icon{ background-position:left -128px; left:298px; }
div.sexy div.list-wrapper{background:#cccccc; border:solid 1px #cccccc;min-width:332px;width:auto}
*div.sexy div.list-wrapper { height:200px; }
div.sexy li{background: #FFF; color:#666666;}
div.sexy li.active {background: #cbcbcb;}
div.sexy a, div.sexy a:visited, div.sexy a:active {width: 146px;color: #CC9900;height: 20px;}
div.sexy input.empty {color: gray;}
a.to-highlight:hover {background-color: #567D8A;}



/* FORMULÁRIOS - Check/Radio */
label.checkbox span.holder{background-position:0 3px;}
label.radio span.holder{background-position:0 3px;}
label.checked span.holder,
label.checked span.holder,
label.checked:hover span.holder,
label.checked:hover span.holder {left:0; top: -27px !important;}

.form-pag ul li a{background-image: url(../img/parcelas-bg.png);}
.identification-wrapp .col .box { background-color:#f3fbfb;  }

/* BOTÕES */
.btn{display:block;text-indent:-999em;background:url(../../_src/img/sprite-botoes.png) no-repeat 0 0;}
.btn:hover{background-position:0 100%;}

.btnCenter{margin:0 auto; width:314px;}
.btnCenter2{margin:0 auto; width:155px;}
.btnProsseguir{width:152px; height:36px; background-position:-1px 0px;}
.btnProsseguir:hover{background-position:-1px 100%;}
.btnAnterior{width:152px; height:36px; background-position:-155px 0px;}
.btnAnterior:hover{background-position:-155px 100%;}
.btnConcluir{width:152px; height:36px; background-position:-308px 0px;}
.btnConcluir:hover{background-position:-308px 100%;}
.btnSalvarAlteracoes{width:150px; height:36px; background-position:-567px 0px;}
.btnSalvarAlteracoes:hover{background-position:-567px 0px;}
.btnFinalizarPedido{width:150px; height:36px; background-position:-721px 0px;}
.btnFinalizarPedido:hover{background-position:-721px 0px;}
.btnAvista{width:102px; height:35px; background:url(../img/sprite_pagamento.png); display:block; text-indent:-99999px; float:left;}
.btnParcelado.atv,.btnParcelado:hover{background-position:-115px 100%}
.btnAvista.atv, .btnAvista:hover{background-position:0 100%;}
.btnParcelado{width:120px; height:36px; background:url(../img/sprite_pagamento.png) -115px 0px; display:block; text-indent:-99999px; float:left;}

/*[ SALA DE EMERGÊNCIA ]*/
.txt-sala-emergencia{background: url(../img/servicos.png) -668px -569px  no-repeat; padding-left:220px; padding-top:30px; margin:50px 90px 0 100px; min-height:150px; font-size:14px; line-height:22px;}
.txt-sala-emergencia span{color:#007777; font-weight:bold;}

/*[ CONTATO ]*/
.contato-wrapp{background:url(../../_src/img/bg-cinza.png); height:627px;}
.contato-wrapp .content{padding:70px 8px 50px 25px;}
.contato-wrapp .content h3{font-size:40px; margin-left:10px;}
.contato-wrapp .content hr{border-top:solid 1px #999; border-bottom:solid 1px #F7F7F7; height:1px; margin-bottom:0px;}
.contato-wrapp .content .lnkChat{display:block; background:url(../img/chatOnline.png) no-repeat; padding-right:20px; float:right; height:34px; width:142px; text-indent:-99999px; cursor:pointer;}
.contato-wrapp .content span.envie-email { width:151px; height:20px;}
.contato-wrapp .content .form{margin:40px 10px 0 10px; overflow:hidden;}
.contato-wrapp .content .form span{display:block; font-family:KievitRegular; font-size:18px; margin-bottom:15px;}
.contato-wrapp .content .form .col1{float:left; width:260px; margin-right:15px; padding-bottom:20px;}
.contato-wrapp .content .form .col2{float:left; width:306px; margin-right:30px; padding-bottom:20px;}
.contato-wrapp .content .form .col3{float:left; width:250px; padding-top:20px;}
.contato-wrapp .content .form .col3 .btnEnviar{display:block !important; background:url(../img/btn-enviar.png) no-repeat !important; text-indent:-99999px; border:none !important;}
.contato-wrapp .content .form .col3 .imgFone {display:block; background:url(../img/nosso-fone.png) no-repeat !important; width:123px; height:39px; margin-left:10px;}
.contato-wrapp .content .form input{width:240px; line-height:23px; height:23px; background:none; border:none; color:#555; font-size:14px;resize:none;}
.contato-wrapp .content .form textarea {width:290px; height:157px; background-color:white; border: solid 1px #c6dade; color:#555; font-size:14px; resize:none;}
.contato-wrapp .content .form .txt-box { width:250px; height:32px; }
.contato-wrapp .content .form .txt-box input[type=text] { background-color:white; border: solid 1px #c6dade; padding: 0 4px 0 4px; }
.contato-wrapp .content .form .txt-box select { background-color:white; border: solid 1px #c6dade; height:25px; width:68px; }