html{width: 100%; height: 100%}
body{margin: 0px; overflow-y: scroll; height: 100%; background: #e8ecef;}
input, select, textarea{outline-style: none;font-family: 'Signika'}
a{padding: 0px; margin: 0px}
p{padding: 0px; margin: 0px}
h1{padding: 0px; margin: 0px}
h2{padding: 0px; margin: 0px}
h3{padding: 0px; margin: 0px}
.alignCenter{*position: absolute; top: 50%; display: table-cell; vertical-align: middle}
.clear{clear: both;}
.fontSignika{font-family: 'Signika', sans-serif;}
.fontNormal{font-weight: 300}
.fontNegrito{font-weight: 700}
.centralizar_geral{float: left; width: 100%; text-align: center;min-height: calc(100% - 133px)}
.Weight700 {font-family: 'Signika';font-weight:700}
.BordaErro {border:1px solid #D93636 !important}
#Topo{float: left; width: 100%; height: 69px; border-bottom: 4px solid #f5f5f5; background: #fff; text-align: center; position: relative;}
#Topo .Logo{display: inline-block}
#Cadastro{display: inline-block; width: 100%; max-width: 1140px; margin-top: 70px; margin-bottom: 80px; font-weight: 300; font-family: 'Signika', sans-serif; text-align: left}
#Cadastro .TituloCadastro{float: left; width: 100%; margin-bottom: 12px; text-align: left; font-size: 20px; color: #949b9f}
#Cadastro .Dados{float: left; width: calc(100% - 100px); padding: 37px 50px; background: #fff; border-radius: 8px;}
#Cadastro .DivNome{float: left; width: calc(50% - 20px); margin-right: 20px}
#Cadastro .DivEmail{float: left; width: 50%;}
#Cadastro .DivSexo{float: left; width: calc(25% - 20px); margin-right: 20px; margin-top: 29px}
#Cadastro .DivDataNasc{float: left; width: calc(25% - 20px); margin-right: 20px; margin-top: 29px}
#Cadastro .DivRG{float: left; width: calc(25% - 20px); margin-right: 20px; margin-top: 29px}
#Cadastro .DivCPF{float: left; width: 25%;margin-top: 29px}
#Cadastro .DivCelular{float: left; width: calc(25% - 20px); margin-right: 20px; margin-top: 29px}
#Cadastro .DivTelefone{float: left; width: calc(25% - 20px); margin-right: 20px; margin-top: 29px}
#Cadastro .DivProfissao{float: left; width: 50%; margin-top: 29px}
#Cadastro .DivCEP{float: left; width: calc(25% - 20px); margin-right: 20px; margin-top: 29px}
#Cadastro .DivRua{float: left; width: 75%; margin-top: 29px}
#Cadastro .DivBairro{float: left; width: calc(44% - 20px); margin-right: 20px; margin-top: 29px}
#Cadastro .DivCidade{float: left; width: calc(44% - 20px); margin-right: 20px; margin-top: 29px}
#Cadastro .DivEstado{float: left; width: 12%; margin-top: 29px}
#Cadastro .DivObs{float: left; width: 100%; margin-top: 29px}
#Cadastro .DivBotao{float: right; margin-top: 29px}
#Cadastro .DivObrigatorio{float: left;color: #d00;margin-top: 6px;margin-right: 20px;text-align: center;display: none}
#Cadastro .TituloCampo{float: left; width: 100%; margin-bottom: 5px; font-size: 16px; color: #9d9d9d;}
#Cadastro .Inputs{float: left; width: calc(100% - 22px); padding: 11px; font-size: 14px; border: 1px solid #e1e1e1; border-radius: 8px; color: #868686;}
#Cadastro .Inputs:focus{box-shadow: 0px 0px 7px 1px #42bdc3; border: 1px solid #42bdc3}
#Cadastro .Inputs:disabled{background: #f4f4f4; border: 1px solid #f4f4f4}
#Cadastro .InputsSelect{float: left; width: 100%; padding: 10px 11px; font-size: 14px; border: 1px solid #e1e1e1; border-radius: 8px; color: #868686}
#Cadastro .InputsSelect:focus{box-shadow: 0px 0px 7px 1px #42bdc3; border: 1px solid #42bdc3}
#Cadastro .InputsSelect:disabled{background: #f4f4f4; border: 1px solid #f4f4f4}
#Cadastro .TextArea{float: left; width: calc(100% - 22px); height: 105px; padding: 11px; font-size: 15px; border: 1px solid #e1e1e1; border-radius: 8px; color: #868686; resize: none}
#Cadastro .TextArea:focus{box-shadow: 0px 0px 7px 1px #42bdc3; border: 1px solid #42bdc3}
#Cadastro .BotaoContinuar{float: right; width: 150px;border: 0px; padding: 17px; border-radius: 8px; color: #fff; background: #42bdc3; text-align: center; font-size: 16px; cursor: pointer}
#Cadastro .BotaoContinuar:hover{background: #39acb2}
#Cadastro .PerguntaInput{display: inline-block;padding: 30px; max-width: 528px; border-radius: 8px; background: #fff}
#Cadastro .ImagemSucesso{float: left; width: 100%; height: 84px; margin-top: 20px; margin-bottom: 20px; background-image: url("../imagens/checked.png"); background-repeat: no-repeat; background-size: contain; background-position: center;}
#Cadastro .ImagemAviso{float: left; width: 100%; height: 84px; margin-top: 20px; margin-bottom: 20px; background-image: url("../imagens/aviso.png"); background-repeat: no-repeat; background-size: contain; background-position: center;}
#Cadastro .TituloSucesso{float: left; width: calc(100% - 20px); padding: 10px; margin-bottom: 20px; font-size: 30px; font-weight: 600; color: #777; text-align: center}
#Cadastro .EmailSucesso{float: left; width: calc(100% - 20px); padding: 10px; margin-bottom: 30px; font-size: 18px; font-weight: 300; color: #777; text-align: center}
#CadastroMedico{display: inline-block; width: 100%; max-width: 1140px; margin-top: 70px; margin-bottom: 80px; font-weight: 300; font-family: 'Signika', sans-serif; color: #6f6f6f; text-align: left;min-height: calc(100vh - 283px);}
#CadastroMedico .TituloCadastro{float: left; width: 100%; margin-bottom: 12px; text-align: left; font-size: 20px; color: #949b9f}
#CadastroMedico .Dados{float: left; width: calc(100% - 100px); padding: 37px 50px; background: #fff; border-radius: 8px;}
#CadastroMedico .DivNome{float: left; width: 100%; margin-right: 20px}
#CadastroMedico .DivEspecialidade{float: left; width: calc(50% - 20px); margin-right: 20px;margin-top: 29px;}
#CadastroMedico .DivFoto{float: left; width: 25%}
#CadastroMedico .DivFoto input[type="file"]{display: none;}
#CadastroMedico .DivFoto .placeholder{width: 230px; height: 230px; margin-bottom: 23px; background: #ebebeb url('../imagens/upload.svg') center no-repeat;background-size: 100px;}
#CadastroMedico .DivForm{float: left; width: 75%}
#CadastroMedico .DivCrm{float: left; width: 50%;margin-top: 29px;}
#CadastroMedico .DivEmail{float: left;width: calc(50% - 20px);margin-right: 20px;margin-top: 29px;}
#CadastroMedico .DivTelefone{float: left;width: 50%;margin-top: 29px;}
#CadastroMedico .DivObs{float: left; width: 100%; margin-top: 29px}
#CadastroMedico .DivBotao{float: right; margin-top: 29px}
#CadastroMedico .DivObrigatorio{float: left;color: #d00;margin-top: 6px;margin-right: 20px;text-align: center;display: none}
#CadastroMedico .Inputs{float: left; width: calc(100% - 22px); padding: 11px; font-size: 14px; border: 1px solid #e1e1e1; border-radius: 8px; color: #868686;}
#CadastroMedico .Inputs:focus{box-shadow: 0px 0px 7px 1px #42bdc3; border: 1px solid #42bdc3}
#CadastroMedico .Inputs:disabled{background: #f4f4f4; border: 1px solid #f4f4f4}
#CadastroMedico .InputsSelect{float: left; width: 100%; padding: 10px 11px; font-size: 14px; border: 1px solid #e1e1e1; border-radius: 8px; color: #868686}
#CadastroMedico .InputsSelect:focus{box-shadow: 0px 0px 7px 1px #42bdc3; border: 1px solid #42bdc3}
#CadastroMedico .InputsSelect:disabled{background: #f4f4f4; border: 1px solid #f4f4f4}
#CadastroMedico .TextArea{float: left; width: calc(100% - 22px); height: 105px; padding: 11px; font-size: 15px; border: 1px solid #e1e1e1; border-radius: 8px; color: #868686; resize: none}
#CadastroMedico .TextArea:focus{box-shadow: 0px 0px 7px 1px #42bdc3; border: 1px solid #42bdc3}
#CadastroMedico .BotaoContinuar{float: right; width: 150px;border: 0px; padding: 17px; border-radius: 8px; color: #fff; background: #42bdc3; text-align: center; font-size: 16px; cursor: pointer}
#CadastroMedico .BotaoContinuar:hover{background: #39acb2}
#CadastroMedico .PerguntaInput{display: inline-block;padding: 30px; max-width: 528px; border-radius: 8px; background: #fff}
#CadastroMedico .ImagemSucesso{float: left; width: 100%; height: 84px; margin-top: 20px; margin-bottom: 20px; background-image: url("../imagens/checked.png"); background-repeat: no-repeat; background-size: contain; background-position: center;}
#CadastroMedico .ImagemAviso{float: left; width: 100%; height: 84px; margin-top: 20px; margin-bottom: 20px; background-image: url("../imagens/aviso.png"); background-repeat: no-repeat; background-size: contain; background-position: center;}
#CadastroMedico .TituloSucesso{float: left; width: calc(100% - 20px); padding: 10px; margin-bottom: 20px; font-size: 30px; font-weight: 600; color: #777; text-align: center}
#CadastroMedico .EmailSucesso{float: left; width: calc(100% - 20px); padding: 10px; margin-bottom: 30px; font-size: 18px; font-weight: 300; color: #777; text-align: center}
#Perguntas{display: inline-block; width: 100%; max-width: 1140px; margin-top: 120px; margin-bottom: 30px; font-family: 'Signika', sans-serif; font-weight: 300;}
#Perguntas .DivLucy{float: left; width: 50%;}
#Perguntas .DivLucySite{float: left; width: 100%;}
#Perguntas .DivPerguntas{float: left; width: 50%;}
#Perguntas .DivConteudo{float: left; width: 100%}
#Perguntas .DivConteudoSite{width: 100%;display: inline-block;text-align: center;}
#Perguntas .ImgLucy{float: left; width: 207px; height: 356px; background-image: url("../imagens/lucy.png"); background-repeat: no-repeat; background-size: contain; background-position: center;}
#Perguntas .ImgLucySite{display: inline-block; width: 207px; height: 356px; background-image: url("../imagens/lucy.png"); background-repeat: no-repeat; background-size: contain; background-position: center;}
#Perguntas .Mensagem{float: left; position: relative; min-width: 100px; max-width: 322px; padding: 20px; background: #fff; border-radius: 22px; box-shadow: -3px 2px 3px 0px #d6d6d6; font-size: 18px; color: #535353; word-wrap: break-word; text-align: left}
#Perguntas .MensagemSite{display: inline-block; position: relative; min-width: 100px; max-width: 580px; padding: 20px; background: #fff; border-radius: 22px; box-shadow: -3px 2px 3px 0px #d6d6d6; font-size: 18px; color: #535353; word-wrap: break-word; text-align: left;width: calc(100% - 207px);box-sizing: border-box;top: -204px}
#Perguntas .Mensagem:after{content: ""; width: 0; height: 0px; position: absolute; box-shadow: -2px 0px 0px 0px #d6d6d6; border-left: 0px solid transparent; border-right: 45px solid transparent; border-top: 40px solid #fff; bottom: -40px; left: 15%;}
#Perguntas .MensagemSite:after{content: ""; width: 0; height: 0px; position: absolute; box-shadow: -2px 0px 0px 0px #d6d6d6; border-left: 0px solid transparent; border-right: 45px solid transparent; border-top: 40px solid #fff; bottom: -40px; left: 15%;}
#Perguntas .PerguntaOpcao{float: right; left: -50px; width: calc(100% - 60px); padding: 30px; max-width: 396px; max-height: 400px; border-radius: 8px; background: #fff;overflow:auto;}
#Perguntas .PerguntaInput{float: left; width: calc(100% - 60px); padding: 30px; max-width: 528px; border-radius: 8px; background: #fff}
#Perguntas .PerguntaTitulo{float: left; width: 100%; font-size: 16px; text-align: center;}
#Perguntas .DivOpcoes{float: left; width: 100%; margin-top: 30px; font-size: 18px; color: #535353; text-align: left;}
#Perguntas .Opcoes{float: left; position: relative; width: 100%; padding: 10px 0px; cursor: pointer}
#Perguntas .Botao{float: left; width: 100%; margin-top: 30px;}
#Perguntas .BotaoContinuar{float: right; width: 120px; padding: 12px; border: 0px; border-radius: 8px; color: #fff; background: #42bdc3; text-align: center; font-size: 16px; cursor: pointer}
#Perguntas .BotaoContinuarSite{position: absolute; right: 0px; top: 193px; width: 120px; padding: 12px; border: 0px; border-radius: 8px; color: #fff; background: #42bdc3; text-align: center; font-size: 16px; cursor: pointer}
#Perguntas .BotaoContinuar:hover{background: #39acb2}
#Perguntas .BotaoContinuarSite:hover{background: #39acb2}
#Perguntas .TextoRadio{float: left; margin-left: 35px}
#Perguntas .Radio{width: 25px; height: 25px; top: 6px;}
#Perguntas .DivTextArea{float: left; width: 100%; padding-bottom: 30px; border-bottom: 1px solid #e8e8e8}
#Perguntas .TextArea{float: left; width: calc(100% - 20px); height: 70px; padding: 10px; margin-top: 20px; border-radius: 8px; background: #f7f7f7; border: 0px; resize: none;}
#Perguntas .DivValor{float: left; width: 100%; padding-bottom: 30px; border-bottom: 1px solid #e8e8e8}
#Perguntas .InputValor{float: left; width: 155px; padding: 10px; margin-top: 15px; border: 1px solid #e1e1e1; border-radius: 8px; font-size: 18px;}
#Perguntas .InputValor:focus{box-shadow: 0px 0px 7px 1px #42bdc3; border: 1px solid #42bdc3}
#Perguntas .ImagemSucesso{float: left; width: 100%; height: 84px; margin-top: 20px; margin-bottom: 20px; background-image: url("../imagens/checked.png"); background-repeat: no-repeat; background-size: contain; background-position: center;}
#Perguntas .TituloSucesso{float: left; width: calc(100% - 20px); padding: 10px; margin-bottom: 20px; font-size: 30px; font-weight: 600; color: #777; text-align: center}
#Perguntas .EmailSucesso{float: left; width: calc(100% - 20px); padding: 10px; margin-bottom: 30px; font-size: 18px; font-weight: 300; color: #777; text-align: center}
#Perguntas .Opcoes input{position: absolute; opacity: 0; cursor: pointer;}
#Perguntas .Opcoes .checkmark{position: absolute; top: 8px; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%;}
#Perguntas .Opcoes:hover input ~ .checkmark{background-color: #ccc;}
#Perguntas .Opcoes input:checked ~ .checkmark{background-color: #42bdc3;}
#Perguntas .checkmark:after{content: ""; position: absolute; display: none;}
#Perguntas .Opcoes input:checked ~ .checkmark:after{display: block;}
#Perguntas .Opcoes .checkmark:after{top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: #fff;}
#Consulta{display: inline-block; width: 100%; max-width: 1140px; margin-top: 0px; margin-bottom: 30px; font-family: 'Signika', sans-serif; font-weight: 300;}
#Consulta .DivLucy{float: left; width: 100%;}
#Consulta .DivConteudo{float: left; width: 100%}
#Consulta .DivLucy .DivConteudo{margin-bottom: 72px;}
#Consulta .ImgLucy{float: left; width: 207px; height: 356px; background-image: url("../imagens/lucy.png"); background-repeat: no-repeat; background-size: contain; background-position: center;}
#Consulta .Mensagem{float: left;width: calc(100% - 231px);min-height: calc(356px - 24px);box-sizing: border-box;padding: 12px;background: #fff;border-radius: 9px;font-size: 18px;color: #b3b3b3;word-wrap: break-word;text-align: left;max-width: 900px;}
#Consulta .MensagemTitulo{font-size: 30px;margin: 80px 0 70px 115px;position: relative;}
#Consulta .MensagemTitulo:before{content: '';width: 85px;height: 84px;display: inline-block;background: url(../imagens/checked.png) center no-repeat;background-size: contain;position: absolute;left: -100px;top: -25px;}
#Consulta .MensagemTexto{margin: 0 15px;}
#Consulta .Titulo{color: #7d7d7d;font-size: 30px;}
#Consulta .DivMedicos{margin-top: 40px;}
#Consulta .Medico{float: left;width: 50%;background: #fff;margin-bottom: 25px;border-radius: 8px;padding: 20px 30px;box-sizing: border-box;}
#Consulta .Medico:nth-child(odd){width: calc(50% - 15px);margin-right: 15px;}
#Consulta .Medico .MedicoFoto{float: left;text-align: center;overflow: hidden;width: 146px;height: 148px;}
#Consulta .Medico .MedicoFoto img{max-width: 100%;max-height: 100%;}
#Consulta .Medico .MedicoInfo{float: left;margin-left: 32px;width: calc(100% - 178px);height: 148px;text-align: left;font-size: 18px;}
#Consulta .Medico .MedicoInfo h3{color: #7d7d7d;font-size: 26px;}
#Consulta .Medico .MedicoInfo .MedicoEspecialidade{margin-top: 15px;}
#Consulta .Medico .MedicoInfo .MedicoCrm{margin-top: 25px;}
#Consulta .Medico .MedicoInfo .MedicoCrm span{font-weight: bold;}
#Consulta .BotaoMarcar{width: 172px;border: 0px;padding: 15px 17px;margin-top: 26px;border-radius: 8px;color: #fff;background: #42bdc3;text-align: center;font-size: 16px;cursor: pointer;}
#ModalPadrao{font-family: 'Signika', sans-serif;color: #6f6f6f;}
#ModalPadrao .modal-title{color: #7d7d7d;font-size: 30px;}
#ModalPadrao .Botao{width: 90px;border: 0;padding: 6px 12px;border-radius: 8px;color: #fff;background: #42bdc3;text-align: center;font-size: 16px;cursor: pointer;}
#ModalPadrao .BotaoContinuar{width: 90px;border: 0;padding: 6px 12px;border-radius: 8px;color: #fff;background: #42bdc3;text-align: center;font-size: 16px;cursor: pointer;}
#ModalPadrao .Inputs{float: left; width: calc(100% - 22px); padding: 11px; font-size: 14px; border: 1px solid #e1e1e1; border-radius: 8px; color: #868686;}
#ModalPadrao .DivNome{float: left; width: 100%; margin-right: 20px}
#ModalPadrao .DivEmail{float: left;width: calc(50% - 20px);margin-right: 20px;margin-top: 29px;}
#ModalPadrao .DivTelefone{float: left;width: 50%;margin-top: 29px;}
#ModalPadrao .DivObs{float: left; width: 100%; margin-top: 29px}
#ModalPadrao .Inputs:focus{box-shadow: 0px 0px 7px 1px #42bdc3; border: 1px solid #42bdc3}
#ModalPadrao .Inputs:disabled{background: #f4f4f4; border: 1px solid #f4f4f4}
#ModalPadrao .InputsSelect{float: left; width: 100%; padding: 10px 11px; font-size: 14px; border: 1px solid #e1e1e1; border-radius: 8px; color: #868686}
#ModalPadrao .InputsSelect:focus{box-shadow: 0px 0px 7px 1px #42bdc3; border: 1px solid #42bdc3}
#ModalPadrao .InputsSelect:disabled{background: #f4f4f4; border: 1px solid #f4f4f4}
#ModalPadrao .TextArea{float: left; width: calc(100% - 22px); height: 105px; padding: 11px; font-size: 15px; border: 1px solid #e1e1e1; border-radius: 8px; color: #868686; resize: none}
#ModalPadrao .TextArea:focus{box-shadow: 0px 0px 7px 1px #42bdc3; border: 1px solid #42bdc3}
/* Pagina 404 */
#Corpo {float:left;width:calc(100% - 40px);padding:0px 20px;text-align:center;min-height:calc(100% - 254px)}
#Corpo .Centralizar {display:inline-block;width:100%;max-width:980px;text-align:left;margin-bottom:30px; min-height: calc(100vh - 163px);}
#Corpo .Titulo404 {float:left;width:100%;text-align:center;margin-top:60px;font-size:36px;font-family: 'Signika';font-weight:700;color:#f37c20}
#Corpo .Texto404 {float:left;width:100%;text-align:center;margin-top:40px;font-size:16px;color:#303030;line-height:28px;font-family: 'Signika'}
#ModalPadrao .DadosMedico h5{margin: 0 0 5px 0;font-size: 20px;}
#ModalPadrao .DadosMedico .MedicoFoto{float: left;text-align: center;overflow: hidden;width: 146px;height: 148px;}
#ModalPadrao .DadosMedico .MedicoFoto img{max-width: 100%;max-height: 100%;}
#ModalPadrao .DadosMedico .MedicoInfo{float: left;margin-left: 10px;width: calc(100% - 156px);height: 148px;text-align: left;font-size: 18px;}
#ModalPadrao .DadosMedico .MedicoInfo h3{color: #7d7d7d;font-size: 26px;}
#ModalPadrao .DadosMedico .MedicoInfo .MedicoEspecialidade{margin-top: 15px;}
#ModalPadrao .DadosMedico .MedicoInfo .MedicoCrm{margin-top: 25px;}
#ModalPadrao .DadosMedico .MedicoInfo .MedicoCrm span{font-weight: bold;}
#Rodape{float: left; bottom: 0px; width: 100%; height: 60px; text-align: center; background: #fff;}
#Rodape .TextoRodape{display: inline-block; margin-top: 20px; font-size: 14px; color: #7d7d7d;}
#Aviso{font-family: 'Signika', sans-serif;position:fixed; z-index:999; bottom:0px; right:0px}
#Aviso .Aviso{float:right; position:relative; bottom:40px; left:280px; width:280px; padding:18px; border:2px solid rgba(255,255,255,0.5); margin-bottom:8px; cursor:pointer; transition: transform 0.2s, left 0.3s ease-in-out}
#Aviso .Aviso:hover{transform:scale(0.95); opacity:0.95}
#Aviso .AvisoSucesso{background-color:#46B74A}
#Aviso .AvisoAviso{background-color:#F5B622}
#Aviso .AvisoErro{background-color:#EB3B2F}
#Aviso .Titulo{float:left; width:100%; padding:2px 0px; padding-left:36px; background-position:left center; background-repeat: no-repeat; font-size:16px; font-weight:600; color:#FFF}
#Aviso .TituloSucesso{background-image:url('../imagens/ok.png')}
#Aviso .TituloAviso{background-image:url('../imagens/aviso2.png')}
#Aviso .TituloErro{background-image:url('../imagens/erro.png')}
#Aviso .TituloFrase{float:left; width:100%; margin-top:2px; padding-left:36px; font-size:13px; line-height:16px; color:#FFF}
#Aviso .Remover{position:absolute; top: 6px; right: -11px; width:32px; height:32px; background-image:url('../imagens/remove.png'); background-repeat: no-repeat; }
/*- Responsivo -*/
@media screen and (max-width: 1200px){
.centralizar_geral{width: calc(100% - 40px); padding: 0px 20px;}
}
@media screen and (max-width: 1080px){
#Perguntas{margin-top: 80px; margin-bottom: 40px;}
#Perguntas .DivLucy{float: left; width: 100%; text-align: center;}
#Perguntas .DivPerguntas{float: left; width: 100%; text-align: center; margin-top: 20px;}
#Perguntas .DivConteudo{display: inline-block; float: none; width: 70%; text-align: center}
#Perguntas .PerguntaOpcao{max-width: 100%}
#Perguntas .PerguntaInput{max-width: 100%}
#Perguntas .ImgLucy{width: 50%; background-position: right}
#CadastroMedico .DivFoto{width: 50%;}
#CadastroMedico .DivFoto .placeholder{width: calc(100% - 20px);margin-right: 20px;}
#CadastroMedico .DivForm{width: 50%;}
#CadastroMedico .DivNome, #CadastroMedico .DivEspecialidade, #CadastroMedico .DivCrm{ width: 100%; margin: 0;}
#CadastroMedico .DivEspecialidade, #CadastroMedico .DivCrm, #CadastroMedico .DivEmail, #CadastroMedico .DivTelefone, #CadastroMedico .DivCelular{width: 100%; margin: 15px 0 0 0;}
#Consulta .ImgLucy{width: 100%;}
#Consulta .Mensagem{width: 100%;height: auto;}
#Consulta .MensagemTitulo{text-align: center;margin: 40px 0 45px 115px;}
#Consulta .DivLucy .DivConteudo{margin-bottom: 30px;}
#Consulta .DivMedicos{margin-top: 15px;}
#Consulta .Medico .MedicoFoto{width: 100%;height: 300px;}
#Consulta .Medico .MedicoInfo{width: 100%;margin: 15px 0 0 0;text-align: center;height: auto;}
#Consulta .BotaoMarcar{ margin: 25px 0 0 0;}
#Consulta .Medico, #Consulta .Medico:nth-child(odd){width: 100%;}
#ModalPadrao .DadosMedico .MedicoFoto{width: 100%;height: 300px;}
#ModalPadrao .DadosMedico .MedicoInfo{width: 100%;margin: 15px 0 0 0;text-align: center;height: auto;}
#ModalPadrao .DadosMedico, #Consulta .DadosMedico:nth-child(odd){width: 100%;}
}
@media screen and (max-width: 940px){
#Cadastro .Dados{width: calc(100% - 80px); padding: 27px 40px;}
#Cadastro .DivNome{width: 100%; margin-right: 0px;}
#Cadastro .DivEmail{width: 100%; margin-top: 29px}
#Cadastro .DivSexo{width: calc(50% - 20px); margin-right: 20px;}
#Cadastro .DivDataNasc{width: 50%; margin-right: 0px}
#Cadastro .DivProfissao{width: 100%}
#Cadastro .DivRG{width: calc(50% - 20px); margin-right: 20px;}
#Cadastro .DivCPF{width: 50%; margin-right: 0px}
#Cadastro .DivCEP{width: calc(30% - 20px); margin-right: 20px}
#Cadastro .DivRua{width: 70%}
#Cadastro .DivBairro{width: 100%; margin-right: 0px}
#Cadastro .DivCidade{width: calc(70% - 20px); margin-right: 20px;}
#Cadastro .DivEstado{width: 30%; margin-right: 0px}
#Cadastro .DivCelular{width: calc(50% - 20px); margin-right: 20px;}
#Cadastro .DivTelefone{width: 50%; margin-right: 0px}
}
@media screen and (max-width: 860px){
#Perguntas .DivConteudo{display: inline-block; float: none; width: calc(100% - 20px); padding: 0px 10px; text-align: center}
#Perguntas .ImgLucy{float: left; width: 100%; background-position: center}
#Perguntas .Mensagem{float: left; width: calc(100% - 40px); max-width: calc(100% - 40px); margin-top: 40px;}
#Perguntas .Mensagem:after{content: ""; width: 0; height: 0px; position: absolute; box-shadow: 0px 0px 0px 0px #d6d6d6; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 40px solid #fff; top: -112px; left: calc(50% - 30px); transform: rotate(180deg) translateY(-180%); -webkit-transform: rotate(180deg) translateY(-180%); -moz-transform: rotate(180deg) translateY(-180%); -ms-transform: rotate(180deg) translateY(-180%); -o-transform: rotate(180deg) translateY(-180%);}
#Perguntas .BotaoContinuar{width: calc(100% - 24px)}
#Perguntas .InputValor{width: calc(100% - 20px)}
#Cadastro .PerguntaInput{max-width: 100%}
}
@media screen and (max-width: 847px){
#Perguntas .MensagemSite:after{content: ""; width: 0; height: 0px; position: absolute; box-shadow: 0px 0px 0px 0px #d6d6d6; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 40px solid #fff; top: -112px; left: calc(50% - 30px); transform: rotate(180deg) translateY(-180%); -webkit-transform: rotate(180deg) translateY(-180%); -moz-transform: rotate(180deg) translateY(-180%); -ms-transform: rotate(180deg) translateY(-180%); -o-transform: rotate(180deg) translateY(-180%);}
#Perguntas .MensagemSite{top:inherit; margin-bottom: 40px; width: calc(100% - 40px); max-width: calc(100% - 40px); margin-top: 40px;}
#Perguntas .DivConteudoSite{display: inline-block; float: none; width: calc(100% - 20px); padding: 0px 10px; text-align: center}
#Perguntas .ImgLucySite{float: left; width: 100%; background-position: center}
#Perguntas .BotaoContinuarSite{width: calc(100% + 40px);margin-left: -20px; float: left; margin-top: -35px;position: relative;top: 78px;box-sizing: border-box;}
}
@media screen and (max-width: 640px){
.centralizar_geral{width: calc(100% - 20px); padding: 0px 10px;}
#Cadastro .Dados{width: calc(100% - 40px); padding: 17px 20px;}
#Cadastro .DivEmail{width: 100%; margin-right: 0px; margin-top: 15px}
#Cadastro .DivSexo{width: 100%; margin-right: 0px; margin-top: 15px}
#Cadastro .DivDataNasc{width: 100%; margin-right: 0px; margin-top: 15px}
#Cadastro .DivProfissao{width: 100%; margin-right: 0px; margin-top: 15px}
#Cadastro .DivRG{width: 100%; margin-right: 0px; margin-top: 15px}
#Cadastro .DivCPF{width: 100%; margin-right: 0px; margin-top: 15px}
#Cadastro .DivCEP{width: 100%; margin-right: 0px; margin-top: 15px}
#Cadastro .DivRua{width: 100%; margin-right: 0px; margin-top: 15px}
#Cadastro .DivBairro{width: 100%; margin-right: 0px; margin-top: 15px}
#Cadastro .DivCidade{width: 100%; margin-right: 0px; margin-top: 15px}
#Cadastro .DivEstado{width: 100%; margin-right: 0px; margin-top: 15px}
#Cadastro .DivCelular{width: 100%; margin-right: 0px; margin-top: 15px}
#Cadastro .DivTelefone{width: 100%; margin-right: 0px; margin-top: 15px}
#Cadastro .DivObs{margin-top: 15px}
#Cadastro .BotaoContinuar{width: calc(100% - 34px);}
#Cadastro .TituloSucesso{font-size: 20px;}
#Cadastro .EmailSucesso{font-size: 14px;}
#Perguntas .TituloSucesso{font-size: 20px;}
#Perguntas .EmailSucesso{font-size: 14px;}
#CadastroMedico .Dados{padding: 37px 25px;width: calc(100% - 50px);}
#CadastroMedico .DivFoto{width: 100%;}
#CadastroMedico .DivFoto .placeholder{width: 100%;}
#CadastroMedico .DivFoto .placeholder{height: 250px;}
#CadastroMedico .DivForm{width: 100%;}
#CadastroMedico .DivNome{margin-top: 15px;}
#ModalPadrao .DivEmail{width: 100%;}
#ModalPadrao .DivTelefone{width: 100%;}
}
@media screen and (max-width: 580px){
#LinkCadastroMedicoTopo{display: none;}
}
@media screen and (min-width: 581px){
#LinkCadastroMedicoRodape{display: none }
}
/*- Responsivo -*/