/* Geral */ 
body{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background:#FFF;
	color:#242424;
}
*:focus {
	outline: none;
}
a img {
border : 0px;
}
/* [cufon 2026-10-25] EB Garamond (Google Fonts) no lugar da Adobe Garamond Pro do Cufon, que renderizava sempre no peso 400 */
h1,h2{
	margin:0 0 10px 0;
	font-family:'EB Garamond', Garamond, Georgia, 'Times New Roman', serif;
	font-weight:400;
}
h1{
	font-size:34px;
}
h2{
	font-size:28px;
}
h4{
	color:#bfb5a1;
	font-size:20px;
}
textarea {
  resize: none;
}
a:link,a:visited,a:active{
	color:#d8b648;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/* Estilo Google */
input[type=text],textarea{
	padding:10px;
	width:570px;
	border:none;
	background:#EDEAEA;
	font-size:14px;
	font-family: Arial;
	color:#605959;
	transition: 0.3s;
	float:left;
	margin-bottom:4px;
}
input[type=text]:focus,textarea:focus{
	border:none;
	background:#D1CBCB;
	-webkit-box-shadow: inset 0px 5px 24px -6px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 5px 24px -6px rgba(0,0,0,0.25);
	box-shadow: inset 0px 5px 24px -6px rgba(0,0,0,0.25);
}
.myButton {
	cursor:pointer;
	font-family:Trebuchet MS;
	text-decoration:none;
	width:auto;
	height:30px;
	padding:5px 40px 5px 40px;
	text-align:center;
	border:2px solid #343434;
	font-size:15px;
	display:table;
	background:#FFF;
}
.myButton:hover {
	background:#343434;
	color:#FFF;
}

/* Divs Principais */
.topo{
	width:100%;
	height:140px;
	overflow:hidden;
	background:#f1f1f1;
}
.topoConteudo{
	width:1000px;;
	height:140px;
	overflow:hidden;
	margin:0 auto;
}
.logo{
	float:left;
}
.lateralTopo{
	float:right;
	width:650px;
	height:140px;
	overflow:hidden;
}
.agende{
	width:445px;
	height:65px; /* altura fixa posiciona o menu; o telefone (.agendeTelefone) passa um pouco dela, ainda acima do menu */
	float:right;
	color:#242424;
	font-size:14px;
	margin-top:10px;
}
/* "AGENDE SUA CONSULTA ONLINE" e o botao da Doctoralia centralizados na vertical e alinhados a direita com o telefone */
.agendeLinha{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:10px;
}
.agendeBotao iframe{
	display:block; /* sem o espaco da linha de base abaixo do botao */
}
.agendeTelefone{
	margin-top:14px;
}
.separadorTopo{
	width:450px;
	height:1px;
	float:right;
	margin:8px 0 8px 0;
}
.linhaTopo{
	width:50%;
	height:1px;
	background:#d6cfbf;
	position:absolute;
	left:50%;
	margin-top:50px;
}
.menu{
	width:580px;
	height:40px;
	float:right;
	margin-top:25px;
	margin-right:15px;
}
.opcaoMenu{
	width:auto;
	font-family:'EB Garamond', Garamond, Georgia, 'Times New Roman', serif;
	font-weight:400;
	display:table;
	font-size:16px;
	color:#242424;
	float:left;
	border-bottom:5px solid #f1f1f1;
	padding:15px 5px 5px 5px;
	margin-right:40px;
}
.opcaoMenu:hover{
	border-bottom:5px solid #d8b648;
	color:#d8b648;
}
.slideTotal{
	width:1170px;
	height:550px;
	overflow:hidden;
	background: url(../imagens/ajaxGrande.gif) center center no-repeat #d6cfbf;
	margin:20px auto;
}
.centro{
	width:1000px;
	height:200px;
	display:table;
	margin:0 auto;
}
.foto{
	width:380px;
	height:475px;
	background:url(../imagens/dr-daniel-abrantes-2019.jpg) no-repeat;
	float:right;
	margin:50px 0 0 70px;
}
.profissional{
	width:550px;
	height:300px;
	display:table;
	float:left;
	margin:70px 0 0 0;
	text-align:center;
	line-height:23px;
}
.quemSomos{
	width:120px;
	height:20px;
	padding:5px 40px 5px 40px;
	text-align:center;
	border:2px solid #343434;
	font-size:15px;
	display:table;
	margin:20px auto;
	background:#FFF;
}
.quemSomos:hover{
	background:#343434;
	color:#FFF;
}
.outrasDicas{
	float:left;
	margin-top:20px;
	width:160px;
	height:20px;
	padding:8px 15px 5px 15px;
	text-align:center;
	border:2px solid #343434;
	font-size:15px;
	display:table;
	background:none;
}
.outrasDicas:hover{
	background:#343434;
	color:#FFF;
}
.azul{
	width:100%;
	height:265px;
	position:absolute;
	background: url(../imagens/fundoAmarelo.jpg) top center no-repeat #78a44b;
	z-index:-1;
	margin-top:-50px;
}
.dicaTotal{
	width:240px;
	height:200px;
	float:left;
	overflow:hidden;
	margin:0 0 0 25px;
	color:#242424
}
.dicaTotal:hover{
	color:#d8b648;
}
.dicaCapa{
	width:240px;
	height:130px;
	overflow:hidden;
	float:left;
}
.dicaCapa:hover{
	-webkit-box-shadow: inset 0px 0px 112px 0px rgba(0,0,0,0.43);
	-moz-box-shadow: inset 0px 0px 112px 0px rgba(0,0,0,0.43);
	box-shadow: inset 0px 0px 112px 0px rgba(0,0,0,0.43);
}
.dicaDescricao{
	width:220px;
	height:50px;
	float:left;
	padding:10px;
	overflow:hidden;	
	text-align:center;
	font-weight:bold;
}
.central{
	width:100%;
	height:10px;
	display:table;
	float:left;
	text-align:center;
	margin-top:20px;
}
.procedimentoTotal{
	width:225px;
	height:350px;
	float:left;
	margin:50px 25px 0 0;
	overflow:hidden;
}
.procedimento1, .procedimento1:hover, .procedimento2, .procedimento2:hover, .procedimento3, .procedimento3:hover, .procedimento4, .procedimento4:hover {
  display: inline-block;
  background-image: url(../imagens/icones-procedimentos.png);
  background-repeat: no-repeat;
	height: 92px;
  width: 92px;
	float:left;
	margin:0 66px 0 66px;
	overflow:hidden;
}

.procedimento1{background-position: -4px -4px;}
.procedimento1:hover{background-position: -4px -96px;}
.procedimento2{background-position: -100px -4px;}
.procedimento2:hover {background-position: -100px -96px;}
.procedimento3 {background-position: -196px -4px;}
.procedimento3:hover {background-position: -196px -96px;}
.procedimento4 {background-position: -300px -4px;}
.procedimento4:hover {background-position: -300px -96px;}

.procedimentoDescricao{
	width:225px;
	height:200px;
	float:left;
	margin:8px 0 0 0 ;
	display:table;
	text-align:center;
}
.fundoDepoimento{
	width:100%;
	height:460px;
	overflow:hidden;
	background: url(../imagens/fundoDepoimento-2019.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.depoimento{
	width:865px;
	height:350px;
	overflow:hidden;
	background: #FFF;
	margin: 55px auto;
	-webkit-box-shadow: 0px 11px 8px -8px rgba(0,0,0,0.59);
	-moz-box-shadow: 0px 11px 8px -8px rgba(0,0,0,0.59);
	box-shadow: 0px 11px 8px -8px rgba(0,0,0,0.59);
}
.depoimentoConteudo{
	width:655px;
	height:285px;
	float:left;
	margin:15px 105px 0 105px;
}
.slideDepoimento{
	width:655px;
	height:220px;
	float:left;
	display:table;
}
.rodape{
	width:100%;
	height:170px;
	background:#FFF;
}
.rodapeConteudo{
	width:1000px;
	height:170px;
	margin:0 auto;
	overflow:hidden;
	color:#949494;
	font-size:12px;
}
.logoRodape{
	width:90px;
	height:90px;
	position:absolute;
	left:50%;
	margin-left:-500px;
	margin-top:-20px;
	background:url(../imagens/daniel-abrantes-rodape-2019.png) no-repeat;
}
.menuRodape{
	width:750px;
	height:50px;
	float:right;
	margin-top:10px;
}
.redes{
	float:right;
	margin-left:80px;
}
.facebook, .facebook:hover, .instagram, .instagram:hover {
  display: inline-block;
  background-image: url(../imagens/icones-redes-rodape.png);
  background-repeat: no-repeat;
	float:left;
	margin:10px 0 0 15px;
}
.facebook {
  background-position: -0px -0px;
  height: 28px;
  width: 16px;	
}
.facebook:hover {background-position: -18px -0px;}
.instagram {
  background-position: -32px -0px;
  height: 28px;
  width: 24px;
}
.instagram:hover {background-position: -57px -0px;}
.linhaRodape{
	width:1000%;
	height:1px;
	background:#949494;
	float:left;
	margin:65px 0 15px 0;
}
.contatoA{
	width:390px;
	height:50px;
	display:table;
	float:left;
	font-size:13px;
	color:#6e6c74;
	font-style:italic;
	line-height:20px;
	font-weight:400;	
}
.contatoAImagem{
	width:40px;
	height:40px;
	float:left;
	margin:0 5px 25px 0;
}
.contatoATexto{
	width:300px;
	height:40px;
	float:left;
	display:table;
	margin:0 0 25px 5px;
}
.contatoB{
	width:590px;
	height:50px;
	display:table;
	float:left;
	margin-left:20px;
}
.miniaturas{
	width:98px;
	height:98px;
	float:left;
	margin:2px 1px 0 1px;
}

.noticiaTotalT{
	width:1000px;
	height:150px;
	display:table;
	float:left;
	margin:5px 0 5px 0;
	padding:4px 0 4px 0;
	background:#FAFAFA;
	border-bottom:1px solid #E0E0E0;
	border-top:1px solid #E0E0E0;
}
.noticiaCapaT{
	width:180px;
	height:120px;
	margin:15px 10px 10px 10px;
	float:left;
	overflow:hidden;
	transition:all 0.3s ease;
}
.noticiaCapaT:hover{
	-webkit-box-shadow: inset 0px 0px 73px 0px rgba(0,0,0,0.52);
	-moz-box-shadow: inset 0px 0px 73px 0px rgba(0,0,0,0.52);
	box-shadow: inset 0px 0px 73px 0px rgba(0,0,0,0.52);
}
.noticiaDescricaoT{
	width:770px;
	height:140px;
	float:left;
	margin:10px;
	display:table;
	font-size:12px;
	text-align:justify;
}
/*Fim Divs */

/* Efeito */
#efeito{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#efeito.Hover{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* TEXTOS */
.textoCerto{
	font-size:16px;
	color:#090;
	font-weight:bold;
}
.textoErrado{
	font-size:16px;
	color:#F00;
	font-weight:bold;
}

.whatsappFixo {
  padding: 0;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 50px;
  min-width: unset;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  color: #fff;
  background-color: #4dc247;
  text-decoration: none;
  z-index: 5000;
  -webkit-box-shadow: 0 0 75px 0 rgba(77,194,71,.5);
  box-shadow: 0 0 75px 0 rgba(77,194,71,.5);
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  text-align: center;
  font-size: 1.2em;
}

.whatsappFixo:hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0px 3px 12px -4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 3px 12px -4px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 3px 12px -4px rgba(0, 0, 0, 0.75);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-animation: none;
  animation: none;
}
.iconeMaior {
  font-size: 2em;
  margin-top: 11px;

}

-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #4dc247;
    box-shadow: 0 0 0 0 #4dc247
  }

  70% {
    -webkit-box-shadow: 0 0 0 12px rgba(77, 194, 71, 0);
    box-shadow: 0 0 0 12px rgba(77, 194, 71, 0)
  }

  to {
    -webkit-box-shadow: 0 0 0 0 rgba(77, 194, 71, 0);
    box-shadow: 0 0 0 0 rgba(77, 194, 71, 0)
  }

}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #4dc247;
    box-shadow: 0 0 0 0 #4dc247
  }

  70% {
    -webkit-box-shadow: 0 0 0 12px rgba(77, 194, 71, 0);
    box-shadow: 0 0 0 12px rgba(77, 194, 71, 0)
  }

  to {
    -webkit-box-shadow: 0 0 0 0 rgba(77, 194, 71, 0);
    box-shadow: 0 0 0 0 rgba(77, 194, 71, 0)
  }

}

.filter-white{
	filter: invert(100%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
}

/* Anti-bot: campo isca (honeypot) fora da tela, sem display:none */
.form-security-field{
	position:absolute;
	left:-9999px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* Links do rodape: Politica de Privacidade e Preferencias de cookies (banner LGPD em lgpd/) */
.linkRodapeLgpd{color:#605959;text-decoration:underline;cursor:pointer;}
.linkRodapeLgpd:hover{color:#242424;}

/* Banner LGPD: acima do botao fixo do WhatsApp quando a tela e estreita para os dois lado a lado */
@media (max-width:980px){
	body .lgpd-banner{bottom:70px;}
}

/* Pagina Politica de Privacidade e Cookies */
.politica{color:#343434;font-size:14px;line-height:1.6;}
.politica h2{font-size:24px;margin:30px 0 10px 0;}
.politica p{margin:0 0 10px 0;}
.politica ul{margin:0 0 10px 0;padding-left:20px;}
.politica li{margin-bottom:6px;}
.politica a{color:#836b1f;}
.politicaData{color:#605959;font-style:italic;}
.politicaTabela{width:100%;border-collapse:collapse;margin:10px 0 15px 0;font-size:13px;}
.politicaTabela th,.politicaTabela td{border:1px solid #d6cfbf;padding:8px 10px;text-align:left;vertical-align:top;}
.politicaTabela th{background:#f1f1f1;}
.politica .myButton{height:auto;color:#343434;}
.politica .myButton:hover{color:#FFF;}