@charset "utf-8";
/* CSS Document */
/*Font´s*/
/*Font´s*/
/*Font´s*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
@font-face {
	font-family: 'Raleway';
	src: url(../fonts/Raleway.ttf);
}
@font-face {
	font-family: 'Lato-Light';
	src: url(../fonts/Lato-Light.ttf);
}
@font-face {
	font-family: 'Lato-Bold';
	src: url(../fonts/Lato-Bold.ttf);
}
@font-face {
	font-family: 'Lato-Regular';
	src: url(../fonts/Lato-Regular.ttf);
}
@font-face {
	font-family: 'Lato-Light';
	src: url(../fonts/Lato-Light.ttf);
}
@font-face {
	font-family: 'Nothing You Could Do';
	src: url(fonts/NothingYouCouldDo.ttf);
}
@font-face {
	font-family: 'Nothing You Could Do';
	src: url(fonts/NothingYouCouldDo.eof);
}
@font-face {
	font-family: 'Nothing You Could Do';
	src: url(fonts/NothingYouCouldDo.woff);
}
@font-face {
	font-family: 'Roboto-Regular';
	src: url(fonts/Roboto-Regular.ttf);
}
@font-face {
	font-family: 'Roboto-Bold';
	src: url(fonts/Roboto-Bold.ttf);
}
/*Font´s*/
/*Font´s*/
/*Font´s*/
/* Configuração geral do link (Texto e alinhamento) */
/* Torna o link clicável e alinha os elementos */
.whatsapp-link {
	display: inline-flex !important;
	align-items: center !important;
	font-family: Arial, sans-serif !important;
	font-size: 16px !important;
	color: #333333 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	position: relative !important;
	z-index: 999999 !important;
	/* Garante o espaço vertical para a imagem de 30px */
	min-height: 30px !important;
	line-height: 30px !important;
	/* Afasta o número de telefone para dar espaço à imagem na esquerda */
	padding-left: 52px !important;
	/* Mantenha o código Base64 da sua imagem aqui dentro */
	background-image: url("../imagens/whatsapp-1.png") !important;
	/* Posiciona a imagem do WhatsApp na esquerda, avançada 12px */
	background-position: 12px center !important;
	/* Mantém o tamanho original de 30px por 30px */
	background-size: 30px 30px !important;
	background-repeat: no-repeat !important;
	/* Efeito de transição suave de 0.3 segundos na mudança de cor */
	transition: color 1s ease !important;
}
/* INJETA A SETINHA DE LINK NO LADO DIREITO DO TELEFONE */
.whatsapp-link::after {
	content: " ↗" !important;
	font-size: 14px !important;
	color: #25D366 !important;  /* MUDANÇA: Seta inicia com o verde oficial do WhatsApp */
	font-weight: bold !important;
	margin-left: 6px !important;
	display: inline-block !important;
	/* Aplica o mesmo efeito de transição suave na seta */
	transition: color 0.3s ease !important;
}
/* Oculta a tag <i> antiga */
.whatsapp-link i {
	display: none !important;
}
/* EFEITO AO PASSAR O MOUSE (HOVER) */
/* O número de telefone muda suavemente para vermelho escuro (#8B0000) */
.whatsapp-link:hover {
	color: #8B0000 !important;
}
/* A setinha também acompanha a mudança suave para o mesmo vermelho escuro */
.whatsapp-link:hover::after {
	color: #8B0000 !important;
}
/*Operadores em Planos de saúde do Hopispital*/
/*Operadores em Planos de saúde do Hopispital*/
/*Operadores em Planos de saúde do Hopispital*/
/*Operadores em Planos de saúde do Hopispital*/
/*Operadores em Planos de saúde do Hopispital*/
/*Operadores em Planos de saúde do Hopispital*/
/*Operadores em Planos de saúde do Hopispital*/
/*Operadores em Planos de saúde do Hopispital*/
/* 1. COR DO LINK ANTES DE CLICAR (Estado Normal e Visitado) */
a.operadoras, a.operadoras:link, a.operadoras:visited {
	color: #007bff !important; /* Mude para a cor que deseja ANTES de clicar (ex: Azul) */
	text-decoration: none !important;
	display: block !important;
	margin-bottom: 8px;
	cursor: pointer;
	transition: color 1s ease-in-out; /* Faz a transição de cor ficar suave */
	margin-left: 10px;
}
/* 2. COR DO LINK QUANDO PASSA O RATO (Hover) */
a.operadoras:hover {
	color: #900 !important; /* Mude para a cor que deseja NO HOVER (ex: Laranja) */
}
.operadoras::after {
	content: " ↗"; /* Símbolo que indica link externo */
	font-size: 1em; /* Deixa o símbolo ligeiramente menor que o texto */
	color: #900; /* Você pode colocar uma cor diferente para o símbolo */
	margin-left: 5px; /* Cria um pequeno espaço entre o texto e o símbolo */
	transition: all 0.2s; /* Efeito suave para quando passar o mouse */
}
/*Operadores em Planos de saúde do Hopispital*/
/*Operadores em Planos de saúde do Hopispital*/
/*Operadores em Planos de saúde do Hopispital*/
/*Operadores em Planos de saúde do Hopispital*/
/*Operadores em Planos de saúde do Hopispital*/
/*Operadores em Planos de saúde do Hopispital*/
/*Operadores em Planos de saúde do Hopispital*/
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
#sobre {
	scroll-margin-top: 150px;
}
#especialidades {
	scroll-margin-top: 150px;
}
body {
	display: block;
	position: relative;
	width: 100%;
	background: rgb(255,255,255);
	height: auto;
	margin: auto;
}
#bloco-principal {
	display: block;
	position: relative;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	background: rgb(255,255,255);
}
/*HEADER*/
/*HEADER*/
/*HEADER*/
.header-icon {
	display: inline-block;
	position: relative;
	float: left;
	background: url("../imagens/logo-3.png") no-repeat;
	width: 200px;
	height: 140px;
	margin: auto;
	margin-left: 200px;
	padding-right: 10px;
}
header {
	position: fixed;
	text-align: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 65px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 40px;
	background: linear-gradient( to bottom, rgba(0,0,0,.18), rgba(0,0,0,.05) );
	backdrop-filter: blur(22px) saturate(180%);
	-webkit-backdrop-filter: blur(22px) saturate(180%);
	border-bottom: 1px solid rgba(0,0,0,.2);
	box-shadow: 0 10px 30px rgba(0,0,0,.15), inset 0 1px 1px rgba(0,0,0,.25);
	z-index: 5000;
}
header.ative {
	background-color: RGBA(166,30,35,0.70);
}
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: transparent;
	transition: background-color 0.4s ease;
}
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px 40px;
	background: transparent;
	transition: background-color .5s ease;
}
#header.scrolled {
	background-color: rgb(255, 255, 255) !important;
	opacity: 1 !important;
	z-index: 1000;
}
/*HEADER*/
/*HEADER*/
/*HEADER*/
/*HEADER*/
/*HEADER*/
/*HEADER*/
.telefones {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.telefones h2 {
	display: block;
	position: relative;
	width: auto;
	margin: 0 auto;
	float: right;
	margin: auto;
}
.whatsapp a {
	display: block;
	background: url("../imagens/link-whatsapp.png") no-repeat;
	/* Configurações de exibição */
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain; /* Faz a imagem ocupar o espaço interno do botão */
	margin-top: -50px;
	margin-right: 300px;
	width: 25px;
	height: 25px;
}
/* Margem exclusiva para TODOS os navegadores no Mac */
.is-mac .whatsapp a {
	margin-right: 62px;
}
.telefones h3 {
	display: block;
	position: relative;
	width: auto;
	margin: 0 auto;
	float: right;
	margin: auto;
}
.instagram a {
	display: block;
	background: url("../imagens/link-instagram.png") no-repeat;
	/* Configurações de exibição */
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain; /* Faz a imagem ocupar o espaço interno do botão */
	margin-top: -50px;
	margin-right: 333px;
	width: 25px;
	height: 25px;
}
.is-mac .instagram a {
	margin-right: 95px;
}
.telefones h4 {
	display: block;
	position: relative;
	width: auto;
	margin: 0 auto;
	float: right;
	margin: auto;
}
.facebook a {
	display: block;
	background: url("../imagens/link-facebook.png") no-repeat;
	/* Configurações de exibição */
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain; /* Faz a imagem ocupar o espaço interno do botão */
	margin-top: -50px;
	margin-right: 360px;
	width: 25px;
	height: 25px;
}
.is-mac .facebook a {
	margin-right: 122px;
}
/* Nova imagem aplicada após a rolagem */
.whatsapp a.rolou {
	background: url("../imagens/link-whatsapp-1.png") no-repeat;
}
.instagram a.rolou {
	background: url("../imagens/link-instagram-1.png") no-repeat;
}
.facebook a.rolou {
	background: url("../imagens/link-facebook-1.png") no-repeat;
}
.header-icon.rolou {
	background: url("../imagens/logo-4.png") no-repeat;
}
/*Posicionamento das redes sociais no FIREFOX*/
/* ==========================================================================
   CALIBRAÇÃO REFINADA EXCLUSIVA PARA O FIREFOX (VERSÃO COMPUTADOR)
   O Google Chrome ignora este bloco inteiramente.
   ========================================================================== */
@-moz-document url-prefix() {
    
    /* Subtraímos 5px para deslocar os ícones milimetricamente para a direita */
    .whatsapp a {
 margin-right: 320px !important;
}
 .instagram a {
 margin-right: 353px !important;
}
 .facebook a {
 margin-right: 385px !important;
}

    /* Ajuste proporcional correspondente caso seja o Firefox rodando no Mac */
    .is-mac .whatsapp a {
 margin-right: 47px !important;
}
 .is-mac .instagram a {
 margin-right: 80px !important;
}
 .is-mac .facebook a {
 margin-right: 107px !important;
}
}
/*HEADER*/
/*HEADER*/
/*NAV*/
/*NAV*/
/*NAV*/
/*NAV*/
/*NAV*/
/*NAV*/
nav {
	display: block;
	position: absolute;
	max-width: 1200px;
	width: auto;
	margin: auto;
	top: 40px;
	margin-left: 420px;
	z-index: 40;
}
.nav-border {
	display: inline-block;
	position: relative;
	text-align: center;
	max-width: 1190px;
	width: 100%;
	margin: 110px auto auto auto;
	border: 1px solid RGBA(102,102,102,0.2);
	border: 2px solid RGBA(217,83,71,0.8);
}
.nav-border-1 {
	display: inline-block;
	position: relative;
	text-align: center;
	max-width: 1190px;
	width: 100%;
	margin: 110px auto auto auto;
}
/* Cor dos links quando a classe 'ativo' for adicionada */
.menu-link.ativo {
	color: RGBA(51,51,51,1);
	z-index: 1000;
}
/* Configuração da imagem que substitui o vídeo nas páginas internas */
/* 1. Configuração da imagem de fundo */
/* Configuração para Computadores e Tablets */
/* Configuração para Computadores e Tablets */
/* Configuração Responsiva Proporcional (Sem Cortes Laterais) */
.imagem-topo-fundo-1 {
	display: inline-block;
	position: relative;
	width: 100%;
	/* Define 400px como altura máxima para telas grandes */
	height: 80px;
	left: 0;
	z-index: -20;
}
@-moz-document url-prefix() {
 .imagem-topo-fundo-1 {
 background: url("../imagens/barra-cinza.png") no-repeat;
}
}
.imagem-topo-fundo {
	display: block;
	width: 100% !important;
	/* Define 400px como altura máxima para telas grandes */
	height: 840px;
	position: absolute;
	top: -50px;
	left: 0;
	/* Abre 100% da largura da imagem e calcula a altura de forma automática e proporcional */
	background-size: 100% auto !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	z-index: 1;
}
/* O espaço do conteúdo acompanha os 400px em telas grandes */
#bloco-principal .correcao-margin {
	display: block;
	clear: both;
	height: 440px;
	width: 100%;
	background-color: fff;
}
section .titulos-site {
	display: block;
	position: relative;
	text-align: center;
	top: 250px;
	max-width: 1200px;
	max-height: auto;
	z-index: 2000;
}
.is-mac section .titulos-site {
	top: 190px !important
}
.is-mac .correcao-margin {
	height: 350px !important
}
.is-mac .correcao-margin-1 {
	height: 340px !important
}
/* O espaço do conteúdo acompanha os 400px em telas grandes */
#bloco-principal .correcao-margin-1 {
	display: block;
	clear: both;
	height: 5px;
	width: 100%;
	height: 10px !important
}
@-moz-document url-prefix() {
    
    /* Subtraímos 5px para deslocar os ícones milimetricamente para a direita */
    .correcao-margin-1 {
 margin-top: 20px !important;
}
}
.border-1 {
	display: block;
	position: relative;
	text-align: center;
	max-width: 1180px;
	width: 100%;
	margin: 10px auto 10px auto;
	border: 1px dashed RGBA(153,0,0,0.1);
}
/* ==========================================================================
   CALIBRAÇÃO DINÂMICA: Conforme o navegador diminui, a altura acompanha
   ========================================================================== */

/* Notebooks e Telas Médias */
@media screen and (max-width: 1200px) {
.imagem-topo-fundo {
	height: 320px;
}
#bloco-principal .correcao-margin {
	height: 320px;
}
}

/* Tablets */
@media screen and (max-width: 992px) {
.imagem-topo-fundo {
	height: 260px;
}
#bloco-principal .correcao-margin {
	height: 260px;
}
}

/* Celulares Grandes */
@media screen and (max-width: 768px) {
.imagem-topo-fundo {
	height: 200px;
}
#bloco-principal .correcao-margin {
	height: 200px;
}
}

/* Celulares Pequenos */
@media screen and (max-width: 480px) {
.imagem-topo-fundo {
	height: 130px;
}
#bloco-principal .correcao-margin {
	height: 130px;
}
}
.menu-fixo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	transition: transform 0.3s ease-in-out;
	z-index: 1000;
}
/* Estado escondido: move o menu 100% para cima (para fora da tela) */
.menu-oculto {
	transform: translateY(-100%);
}
/* Adicione esta classe no HTML da página onde o menu NÃO deve sumir */
.sem-rolagem {
	transform: translateY(0);
}
 @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu:after, #cssmenu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#cssmenu #menu-button {
	display: none;
}
#cssmenu {
	min-width: 960px;
	width: auto;
	font-family: 'open sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	font-style: normal;
	font-weight: 400;
}
#cssmenu > ul {
C box-shadow: inset 0 -3px 0 RGBA(0,0,0,0.0);
	height: auto;
	float: right;
}
#cssmenu > ul > li {
	float: none;
	display: inline-block;
	max-width: 960px;
	position: relative;
	text-align: left;
	margin: auto;
}
#cssmenu.align-center > ul {
	float: none;
	text-align: center;
}
#cssmenu.align-center > ul > li {
	float: none;
}
#cssmenu.align-center ul ul {
	text-align: left;
}
#cssmenu > ul > li > a {
	font-family: "open sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	padding: 5px 55px 5px 55px;
	text-decoration: none;
	color: RGBA(255,255,255,1);
	letter-spacing: 0.2px;
	transition: color 0.3s ease;
}
#cssmenu.menu-scroll > ul > li > a {
	color: RGBA(51,51,51,1);
}
#cssmenu.menu-scroll > ul > li:hover > a, #cssmenu.menu-scroll > ul > li > a:hover, #cssmenu.menu-scroll > ul > li.active > a {
	color: RGBA(51,51,51,1);
}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a {
	color: #ffffff;
}
#cssmenu > ul > li.has-sub > a {
	padding-right: 38px;
}
#cssmenu > ul > li > a:hover {
	border-top-color: #ffffff;
}
#cssmenu > ul > li.has-sub > a::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top-color: #ffffff;
	right: 17px;
	top: 15px;
}
#cssmenu.menu-scroll > ul > li.has-sub > a::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top-color: RGBA(51,51,51,1);
	right: 17px;
	top: 15px;
}
#cssmenu > ul > li.has-sub.active > a::after, #cssmenu > ul > li.has-sub:hover > a {
	border-top-color: #ffffff;
}
#cssmenu ul ul {
	position: absolute;
	left: -9999px;
	margin-top: -20px;
	padding-top: 6px;
	font-size: 12px;
	opacity: 0;
	transition: top 0.2s ease, opacity 0.2s ease-in;
	margin-left: 25px;
}
#cssmenu.align-right ul ul {
	text-align: left;
}
#cssmenu > ul > li > ul::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-bottom-color: #ffffff;
	top: -4px;
	left: 20px;
}
#cssmenu.menu-scroll > ul > li > ul::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-bottom-color: RGBA(51,51,51,1);
	top: -4px;
	left: 20px;
}
#cssmenu.align-right > ul > li > ul::after {
	left: auto;
	right: 20px;
}
#cssmenu ul ul ul::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-right-color: #ffffff;
	top: 11px;
	left: -4px;
}
#cssmenu.align-right ul ul ul::after {
	border-right-color: transparent;
	border-left-color: #ffffff;
	left: auto;
	right: -4px;
}
#cssmenu > ul > li > ul {
	top: 120px;
}
#cssmenu > ul > li:hover > ul {
	top: 52px;
	left: 0;
	opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
	left: auto;
	right: 0;
}
#cssmenu ul ul ul {
	margin-top: 1px;
	padding-top: 0;
	padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
	padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
	left: 222px;
	top: 0;
	opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
	left: auto;
	right: 100%;
	opacity: 1;
}
#cssmenu ul ul li a {
	text-decoration: none;
	font-weight: 400;
	padding: 11px 25px;
	width: 250px;
	color: #ffffff;
	background-color: rgba(0,0,0,0.7);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {
	color: RGBA(255,255,255,0.9);
	background-color: rgba(102,102,102,0.5);
}
#cssmenu ul ul li:first-child > a {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
	position: absolute;
	display: block;
}
#cssmenu ul ul li.has-sub > a::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left-color: #ffffff;
	right: 17px;
	top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
	border-left-color: transparent;
	border-right-color: #ffffff;
	right: auto;
	left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after, #cssmenu ul ul li.has-sub:hover > a::after {
	border-left-color: #ffffff;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after, #cssmenu.align-right ul ul li.has-sub:hover > a::after {
	border-right-color: #ffffff;
	border-left-color: transparent;
}

/* ==========================================================================
   BLOCO MÓVEL REESCRITO COM AS NOVAS CORES SUAVES E ALINHAMENTO CORRETO
   ========================================================================== */
@media all and (max-width:800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
 #cssmenu {
 min-width: 50px !important;
 max-width: 1024px;
 height: auto !important; /* Libera a altura fixa antiga que esmagava */
 background-color: transparent !important;
 width: 100% !important;
}
 #cssmenu > ul {
 display: none;
}
 
 /* NOVA LISTA ABERTA: Fundo cinza-médio elegante unificado */
 #cssmenu > ul.open {
 display: block;
 border-top: 1px solid rgba(0,0,0,0.1) !important;
 background-color: rgb(220, 220, 220) !important; /* Seu cinza-médio escolhido */
 width: 100% !important;
}
 #cssmenu.align-right > ul {
 float: none;
 background-color: rgb(220, 220, 220) !important;
}
 #cssmenu.align-center > ul {
 text-align: left;
}
 
 /* ITENS DA LISTA: Perdem o preto e ganham o cinza-médio */
 #cssmenu > ul > li, #cssmenu.align-right > ul > li {
 float: none;
 display: block;
 background-color: rgb(220, 220, 220) !important;
 border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}
 
 /* ESTADO NORMAL DOS LINKS: Texto escuro sobre o fundo cinza-médio */
 #cssmenu > ul > li > a, #cssmenu > ul.open a {
 color: #333333 !important;
 padding: 14px 25px !important; /* Altura de linha unificada e confortável */
 font-size: 15px !important;
 text-shadow: none !important;
}
 
 /* EFETIO HOVER ATUALIZADO: Quando clica ou passa o mouse, fica BRANCO PURO */
 #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a, #cssmenu ul ul li:hover > a {
 background-color: rgb(255, 255, 255) !important; /* Fundo Branco no clique */
 color: #222222 !important; /* Texto Escuro Grafite */
}
 
 /* NOVO BOTÃO MENU ROBUSTO: Branco, mais alto, mais largo e colado à DIREITA */
 #cssmenu #menu-button {
 display: block;
 float: right !important; /* Garante o alinhamento perfeito no canto direito */
 text-decoration: none;
 font-size: 14px;
 font-weight: 700;
 color: #222222 !important; /* Letras escuras no botão claro */
     
     /* AJUSTE DE TAMANHO MAIS EVIDENTE: */
     height: 50px !important;
 line-height: 26px !important;
 padding: 12px 65px 12px 25px !important; /* Espaço largo necessário para os tracinhos */
 margin-top: 10px;
 margin-right: 20px !important; /* Evita que o botão cole no vidro do celular */
 text-transform: uppercase;
 letter-spacing: 1px;
 background: none !important;
 cursor: pointer;
 background-color: rgb(255, 255, 255) !important; /* Botão Branco Puro */
 border-radius: 0px !important; /* Cantos retos e quadrados */
 box-shadow: none !important; /* Sem sombras */
}
 #cssmenu ul ul, #cssmenu ul li:hover > ul, #cssmenu > ul > li > ul, #cssmenu ul ul ul, #cssmenu ul ul li:hover > ul, #cssmenu.align-right ul ul, #cssmenu.align-right ul li:hover > ul, #cssmenu.align-right > ul > li > ul, #cssmenu.align-right ul ul ul, #cssmenu.align-right ul ul li:hover > ul {
 left: 0;
 right: auto;
 top: auto;
 opacity: 1;
 width: 100%;
 padding: 0;
 position: relative;
 text-align: left;
 margin-top: 1px;
 background-color: rgb(220, 220, 220) !important;
}
 #cssmenu ul ul li {
 width: 100%;
}
 #cssmenu ul ul li a {
 width: 100%;
 box-shadow: none;
 padding-left: 35px;
 background-color: rgb(220, 220, 220) !important;
 color: #333333 !important;
}
 #cssmenu ul ul ul li a {
 padding-left: 45px;
}
 #cssmenu ul ul li:first-child > a, #cssmenu ul ul li:last-child > a {
 border-radius: 0;
}
 
 /* CORREÇÃO DAS LISTRINHAS (ÍCONE HAMBÚRGUER): Escuras e ao lado de MENU */
 #cssmenu #menu-button::after {
 display: block;
 content: '';
 position: absolute;
 height: 3px;
 width: 22px;
 border-top: 2px solid #222222 !important;    /* Tracinho escuro */
 border-bottom: 2px solid #222222 !important; /* Tracinho escuro */
 right: 25px !important; /* Posicionado no canto interno do botão largo */
 top: 21px !important;  /* Alinhado na mesma altura do texto */
}
 #cssmenu #menu-button::before {
 display: none !important; /* Remove segundas vias antigas */
}
}
.clear {
	clear: both;
}
/*NAV*/
/*NAV*/
/*NAV*/
/*NAV*/
/*NAV*/
/*NAV*/
aside .slide {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	margin: auto;
	Text-align: center;
	top: 0;
	margin-left: 2px;
	z-index: 1;
}
/*Aside Dicas de saúde*/
/*Aside Dicas de saúde*/
/*Aside Dicas de saúde*/
aside h1, aside h2 {
	display: block;
	position: relative;
	font-family: Roboto-Regular;
	letter-spacing: -0.050em;
	font-size: 24px;
	margin: auto auto auto 10px;
	font-weight: normal;
}
aside h1 strong {
	font-weight: 600;
}
aside h2 {
	margin-top: 5px;
	font-size: 16px;
}
aside h2 img {
	float: left;
	margin: 3px 3px auto auto;
}
/*Aside Dicas de saúde*/
/*Aside Dicas de saúde*/
/*Aside Dicas de saúde*/
.border {
	display: block;
	position: relative;
	text-align: center;
	max-width: 1180px;
	width: 100%;
	margin: 10px auto 10px auto;
	border: 1px dashed RGBA(153,0,0,0.1);
}
.gray {
	color: #666;
}
/*section*/
/*section*/
/*section*/
/*Bolinha nos parágrafos*/
.bolinha::before {
	content: ""; /* Necessário para o pseudo-elemento existir */
	display: inline-block;
	width: 5px; /* Tamanho da bolinha */
	height: 5px;
	background-color: RGBA(255,255,255,1); /* Cor da bolinha */
	border-radius: 50%; /* Faz o quadrado virar um círculo */
	margin-right: 10px; /* Espaço entre a bolinha e o texto */
}
section .index-1 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100vw;
	height: 100vh;
	gap: 10px;
	padding: 10px;
}
section .imagem-esquerda-1 {
	display: inline-block;
	position: relative;
	float: left;
	background: url("../imagens/hospital-angiocor.png") no-repeat;
	width: 50%;
	height: auto;
	min-height: 510px;
	background-size: cover; /* Faz a imagem cobrir o espaço */
	background-position: center; /* Centraliza a imagem no elemento */
	color: RGBA(102,102,102,0.7);
}
.imagem-esquerda-1 h1 {
	display: block;
	position: relative;
	max-width: 498px;
	width: auto;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: RGBA(255,255,255,1);
	font-weight: 400;
	font-size: 24px;
	/* Centraliza o bloco do h1 na tela e mantém o espaço do topo */
	margin: 150px auto 0 auto;
	/* Cria o espaço para a barrinha não colar no texto */
	padding-bottom: 12px;
}
.imagem-esquerda-1 h1::after {
	content: "";
	position: absolute;
	bottom: 0;
	/* As duas linhas abaixo centralizam a barrinha perfeitamente */
	left: 50%;
	transform: translateX(-50%);
	/* Defina aqui o tamanho menor que o título (ex: 80px ou 30%) */
	width: 80px;
	height: 4px;
	background-color: #ffffff; /* Cor da barrinha (mude se quiser) */
}
.titulos-site h1::after {
	content: "";
	position: absolute;
	bottom: 30px;
	/* As duas linhas abaixo centralizam a barrinha perfeitamente */
	left: 50%;
	transform: translateX(-50%);
	/* Defina aqui o tamanho menor que o título (ex: 80px ou 30%) */
	width: 80px;
	height: 4px;
	background-color: #ffffff; /* Cor da barrinha (mude se quiser) */
}
.imagem-esquerda-1 p {
	display: block;
	position: relative;
	width: auto;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: RGBA(255,255,255,1);
	font-weight: 400;
	font-size: 14px;
}
/* Novo quadro que vai envolver os textos */
.imagem-esquerda-1 .quadro-texto {
	background-color: rgba(0, 0, 0, 0.7); /* Cor preta com 60% de opacidade (ajuste como quiser) */
	width: 85%;                           /* Largura do quadro em relação à imagem (ajuste o % se necessário) */
	margin: 70px auto auto auto;         /* Empurra o quadro para baixo e centraliza-o horizontalmente */
	padding: 30px 20px;                   /* Espaço interno para o texto não colar nas bordas do quadro */
	border-radius: 8px;                   /* Opcional: cantos ligeiramente arredondados */
	box-sizing: border-box;               /* Garante que o padding não quebre a largura */
}
/* Ajuste no seu H1 existente */
.imagem-esquerda-1 h1 {
	display: block;
	position: relative;
	max-width: 498px;
	width: auto;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: RGBA(255,255,255,1);
	font-weight: 400;
	font-size: 24px;
	/* MODIFICADO: Reduzi a margem do topo de 150px para 0, pois quem posiciona agora é o .quadro-texto */
	margin: 0 auto 0 auto;
	padding-bottom: 12px;
}
section .imagem-direita-1 {
	display: inline-block;
	position: relative;
	float: left;
	background: url('../imagens/instalacoes-imagem-2.jpg') no-repeat;
	/* Define o tamanho do espaço reservado */
	width: 25%;
	height: 250px;
	/* Faz a imagem redimensionar e caber no espaço */
	background-size: cover;
	/* Centraliza a imagem dentro do espaço reservado */
	background-position: center;
	margin: 0 auto auto auto;
}
section .imagem-direita-2 {
	display: inline-block;
	position: relative;
	background: url("../imagens/instalacoes-imagem-3.jpg") no-repeat;
	/* Define o tamanho deste espaço reservado */
	width: 25%;
	height: 250px;
	/* Redimensiona a imagem grande para preencher o espaço */
	background-size: cover;
	/* Garante que o centro da imagem fica visível */
	background-position: center;
	margin: 0 auto auto auto;
}
section .imagem-direita-3 {
	display: inline-block;
	position: relative;
	float: left;
	background: url("../imagens/instalacoes-imagem-cirurgia.jpg") no-repeat;
	/* Define o tamanho deste espaço reservado */
	width: 25%;
	height: 260px;
	/* Redimensiona a imagem grande para preencher o espaço */
	background-size: cover;
	/* Garante que o centro da imagem fica visível */
	background-position: center;
	margin: -4px auto auto auto;
}
section .imagem-direita-4 {
	display: inline-block;
	position: relative;
	float: left;
	background: url("../imagens/instalacoes-imagem-4.jpg") no-repeat;
	/* Define o tamanho deste espaço reservado */
	width: 25%;
	height: 260px;
	/* Redimensiona a imagem grande para preencher o espaço */
	background-size: cover;
	/* Garante que o centro da imagem fica visível */
	background-position: center;
	margin: -4px auto auto auto;
}
/* Novo quadro que vai envolver os textos */
.imagem-esquerda-clinica-central .quadro-texto-1 {
	background-color: rgba(0, 0, 0, 0.7); /* Cor preta com 60% de opacidade (ajuste como quiser) */
	width: 85%;                           /* Largura do quadro em relação à imagem (ajuste o % se necessário) */
	margin: 70px auto auto auto;         /* Empurra o quadro para baixo e centraliza-o horizontalmente */
	padding: 30px 20px;                   /* Espaço interno para o texto não colar nas bordas do quadro */
	border-radius: 8px;                   /* Opcional: cantos ligeiramente arredondados */
	box-sizing: border-box;               /* Garante que o padding não quebre a largura */
}
.ajuste-texto h1, .ajuste-texto p {
	top: -80px;
	z-index: 1000;
}
section .index-2 {
	display: block;
	position: relative;
	margin-top: 130px;
	width: 100%;
	max-height: auto;
}
.index-2 {
	/* Define a imagem de fundo E a cor de sobreposição com transparência (Preto com 50% de opacidade) */
	background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("../imagens/angiocor-instalacoes.jpg");
	/* Mantém a imagem parada na tela */
	background-attachment: fixed;
	/* Centraliza e redimensiona a imagem para cobrir o espaço */
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	/* Altura da seção para permitir a rolagem */
	height: 130px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0;
}
section .texto-esquerdo-1 {
	display: inline-block;
	position: relative;
	float: left;
	max-width: 590px;
	margin-top: -20px;
	height: auto
}
section .texto-direito-1 {
	display: inline-block;
	position: relative;
	text-align: center;
	max-width: 600px;
	width: auto;
	margin: auto;
	margin-top: -5px;
	left: 11%;
}
section .texto-esquerdo-1 p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: RGBA(255,255,255,1);
	font-weight: normal;
	line-height: 1.1em;
	letter-spacing: 0.135em;
	font-size: 14px;
	margin-left: 50px;
}
section .texto-direito-1 p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: RGBA(255,255,255,1);
	font-weight: normal;
	line-height: 1.1em;
	letter-spacing: 0.135em;
	font-size: 24px;
	margin-top: 50px;
}
section .imagem-esquerda-clinica-central p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: RGBA(255,255,255,1);
	font-weight: normal;
	line-height: 1.1em;
	letter-spacing: 0.135em;
	font-size: 14px;
}
section .index h1 {
	font-family: Roboto-Bold;
	font-weight: normal;
	font-weight: 400;
	line-height: 1.1em;
	letter-spacing: 0.135em;
	font-size: 30px;
	margin-left: 20px;
}
section .index-3 {
	display: block;
	position: relative;
	width: 25%;
	width: auto;
	max-height: auto;
}
section .imagem-esquerda-clinica-1 {
	display: inline-block;
	position: relative;
	float: left;
	background: url("../imagens/instalacoes-clinica-consultorio.jpg") no-repeat;
	/* Define o tamanho do espaço reservado */
	width: 25%;
	height: 250px;
	/* Faz a imagem redimensionar e caber no espaço */
	background-size: cover;
	/* Centraliza a imagem dentro do espaço reservado */
	background-position: center;
	margin: 0 auto auto auto;
}
.clear-clinica {
	clear: both;
}
section .imagem-esquerda-clinica-2 {
	display: inline-block;
	position: relative;
	float: left;
	background: url("../imagens/instalacoes-clinica-exames.jpg") no-repeat;
	/* Define o tamanho do espaço reservado */
	width: 25%;
	height: 250px;
	/* Faz a imagem redimensionar e caber no espaço */
	background-size: cover;
	/* Centraliza a imagem dentro do espaço reservado */
	background-position: center;
	margin: 0 auto auto auto;
}
section .index-4 {
	display: block;
	position: relative;
	width: 25%;
	width: auto;
	max-height: auto;
}
section .imagem-esquerda-clinica-central {
	display: inline-block;
	position: relative;
	background: url("../imagens/instalacoes-clinica-central.jpg") no-repeat;
	width: 50%;
	background-size: cover; /* Faz a imagem cobrir o espaço */
	background-position: center; /* Centraliza a imagem no elemento */
	min-height: 500px;
	margin: -250px auto auto auto;
}
section .imagem-esquerda-clinica-3 {
	display: inline-block;
	position: relative;
	float: right;
	background: url("../imagens/instalacoes-clinica-consultorio-1.jpg") no-repeat;
	width: 25%;
	height: 250px;
	/* Faz a imagem redimensionar e caber no espaço */
	background-size: cover;
	/* Centraliza a imagem dentro do espaço reservado */
	background-position: center;
	margin: -250px auto auto auto;
}
section .imagem-esquerda-clinica-4 {
	display: inline-block;
	position: relative;
	float: right;
	background: url("../imagens/instalacoes-clinica-cirurgia.jpg") no-repeat;
	width: 25%;
	height: 250px;
	/* Faz a imagem redimensionar e caber no espaço */
	background-size: cover;
	/* Centraliza a imagem dentro do espaço reservado */
	background-position: center;
	margin: 0 auto auto auto;
}
.imagem-esquerda-clinica-central h1 {
	display: block;
	position: relative;
	max-width: 600px;
	width: auto;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: RGBA(255,255,255,1);
	font-weight: 400;
	font-size: 24px;
	/* Centraliza o bloco do h1 na tela e mantém o espaço do topo */
	margin: 150px auto 0 auto;
	/* Cria o espaço para a barrinha não colar no texto */
	padding-bottom: 12px;
}
.imagem-esquerda-clinica-central h1::after {
	content: "";
	position: absolute;
	bottom: 0;
	/* As duas linhas abaixo centralizam a barrinha perfeitamente */
	left: 50%;
	transform: translateX(-50%);
	/* Defina aqui o tamanho menor que o título (ex: 80px ou 30%) */
	width: 80px;
	height: 4px;
	background-color: #ffffff; /* Cor da barrinha (mude se quiser) */
}
.imagem-esquerda-clinica-central p {
	display: block;
	position: relative;
	max-width: 600px;
	width: auto;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: RGBA(255,255,255,1);
	font-weight: 400;
	font-size: 14px;
}
section .index-5 {
	display: block;
	position: relative;
	margin-top: 130px;
	width: 100%;
	max-height: auto;
	clear: both;
}
.index-5 {
	/* Define a imagem de fundo E a cor de sobreposição com transparência (Preto com 50% de opacidade) */
	background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("../imagens/angiocor-instalacoes.jpg");
	/* Mantém a imagem parada na tela */
	background-attachment: fixed;
	/* Centraliza e redimensiona a imagem para cobrir o espaço */
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	/* Altura da seção para permitir a rolagem */
	height: 140px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0;
}
section .titulos-site {
	display: block;
	position: relative;
	text-align: center;
	top: 250px;
	max-width: 1200px;
	max-height: auto;
	z-index: 2000;
}
.titulos-site h1 {
	display: block;
	position: relative;
	max-width: 1200px;
	width: auto;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: RGBA(255,255,255,1);
	font-weight: 400;
	font-size: 24px;
	/* Centraliza o bloco do h1 na tela e mantém o espaço do topo */
	margin: 50px auto 0 auto;
	/* Cria o espaço para a barrinha não colar no texto */
	padding-bottom: 12px;
	background-color: RGBA(0,0,0,0.3); /* Cria o retângulo preto */
	padding: 50px 55px;       /* Cria um espaço interno (margem do retângulo) */
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-family: Arial, sans-serif;
	transition: all 1s ease-in-out; /* Suaviza o aparecimento */
	border-radius: 10px;
	object-fit: cover;
	z-index: 2000;
}
section .titulos {
	display: block;
	position: relative;
	margin-top: 130px;
	max-width: 1200px;
	max-height: auto;
	clear: both;
}
{
  /* Define a imagem de fundo E a cor de sobreposição com transparência (Preto com 50% de opacidade) */
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("../imagens/angiocor-instalacoes.jpg");
  
  /* Mantém a imagem parada na tela */
  background-attachment: fixed;
  
  /* Centraliza e redimensiona a imagem para cobrir o espaço */
  background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
  
  /* Altura da seção para permitir a rolagem */
  height: 140px;
 width: 1194px;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-top: 0;
}
section .texto-esquerdo-clinica-1 {
	display: inline-block;
	position: relative;
	float: left;
	max-width: 590px;
	height: auto;
	margin-top: -80px;
}
section .texto-direito-clinica-1 {
	display: inline-block;
	position: relative;
	text-align: center;
	max-width: 600px;
	width: auto;
	margin: auto;
	left: 12%;
	margin-top: 2px;
}
section .texto-direito-clinica-1 p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: RGBA(255,255,255,1);
	font-weight: normal;
	line-height: 1.1em;
	letter-spacing: 0.135em;
	font-size: 14px;
}
section .texto-esquerdo-clinica-1 p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: RGBA(255,255,255,1);
	font-weight: normal;
	line-height: 1.1em;
	letter-spacing: 0.135em;
	font-size: 24px;
	margin-top: 70px;
	margin-left: 60px;
}
/*Imagem estática de fundo*/
/*Imagem estática de fundo*/
/*Imagem estática de fundo*/
.background-fixo {
	/* Define a imagem de fundo */
	background-image: url("../imagens/angiocor-instalacoes.jpg");
	/* Mantém a imagem parada na tela */
	background-attachment: fixed;
	/* Centraliza e redimensiona a imagem para cobrir o espaço */
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	/* Altura da seção para permitir a rolagem */
	height: 200px;
	width: 100%;
	max-width: 1190px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
	margin-left: 10px;
}
.background-fixo h3 {
	display: block;
	position: relative;
	max-width: 1200px;
	width: auto;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: RGBA(255,255,255,1);
	font-weight: 400;
	font-size: 18px;
	/* Centraliza o bloco do h1 na tela e mantém o espaço do topo */
	margin: 10px auto 0 auto;
	/* Cria o espaço para a barrinha não colar no texto */
	padding-bottom: 12px;
	background-color: RGBA(0,0,0,0.7); /* Cria o retângulo preto */
	padding: 50px 55px;       /* Cria um espaço interno (margem do retângulo) */
}
/*Imagem estática de fundo*/
/*Imagem estática de fundo*/
/*Imagem estática de fundo*/

















/*section*/
/*section*/
/*section*/
/*section clinica*/

section .clinica {
	display: block;
	position: relative;
	max-width: 1200px;
	width: auto;
	margin: auto;
}
section .clinica p {
	font-family: Roboto-Regular;
	font-weight: normal;
}
section .clinica h1 {
	font-family: Roboto-Regular;
	font-weight: normal;
	font-weight: 400;
	line-height: 1.1em;
	letter-spacing: 0.135em;
	font-size: 30px;
	margin-left: 5px;
}
section .clinica h2 {
	font-family: Roboto-Regular;
	color: #A91D21;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.428571429;
	color: #A91d21;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 2px;
	margin-top: -30px;
}
section .exames-cardiologicos {
	display: block;
	position: relative;
	max-width: 1200px;
	width: auto;
	margin: auto;
	background-color: RGBA(102,102,102,0.01);
	border: 1px solid RGBA(102,102,102,0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: 1;
	padding: 20px;
	top: 7px
}
section .exames-cardiologicos h1 {
	font-family: Roboto-Regular;
	font-weight: normal;
	color: #000000;
	font-weight: 400;
	line-height: 1.1em;
	letter-spacing: 0.135em;
	font-size: 24px;
	margin-left: 10px;
	margin-top: 20px;
}
.color-red-exames-cardiologicos {
	font-family: Roboto-Regular;
	color: #A91D21;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.428571429;
	color: #A91d21;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: -25px;
	letter-spacing: 0;
}
section .especialidades-left, section .especialidades-right {
	display: block;
	position: relative;
	max-width: 300px;
	width: auto;
	margin: auto;
	float: left;
}
section .especialidades-angiologia {
	display: block;
	position: relative;
	max-width: 480px;
	width: auto;
	margin: auto;
	float: left;
}
section .especialidades-right {
	float: right;
}
section .especialidades-left img, section .especialidades-right img {
	display: block;
	position: relative;
	max-width: 220px;
	width: auto;
	margin: auto;
	margin-top: 10px;
	float: left;
}
section .dermatologia img {
	margin-top: 110px;
}
section .especialidades-right img {
	float: right;
	margin-top: 110px;
}
section .align-left p a, section .align-right p a {
	display: block;
	position: relative;
	float: right;
	font-family: Roboto-Regular;
	font-size: 16px;
	text-decoration: none;
	width: auto;
	background-color: RGBA(230,226,226,0.2);
	border: 2px solid RGBA(255,255,255,1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: 1;
	padding: 7px;
}
.align-left img {
	background-repeat: no-repeat;
	float: left;
	display: block;
	width: 343px;
	height: 250px;
	background-color: rgb(255,255,255);
	margin: 10px 20px 20px 0;
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	margin: 5px;
	padding: 5px;
	border-radius: 20px;
	object-fit: cover;
}
section .clinica h3 {
	display: block;
	position: relative;
	text-align: center;
	font-family: Roboto-Regular;
	font-weight: normal;
	font-size: 16px;
	color: RGBA(255,255,255,1);
	background-color: RGBA(151,24,28,0.7);
	border: 2px solid RGBA(255,255,255,1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: 1;
	padding: 7px;
}
section .clinica h3:hover {
	background-color: RGBA(151,24,28,0.7);
}
/*Section Dicas-de-Saude h1*/
/*Section Dicas-de-Saude h1*/
/*Section Dicas-de-Saude h1*/
section .align-left .dicas-de-saude-h1 {
	font-size: 20px;
	font-weight: 500;
}
/*Section Dicas-de-Saude h1*/
/*Section Dicas-de-Saude h1*/
/*Section Dicas-de-Saude h1*/

/*section clinica*/
/*ASIDE clinica*/
aside .clinica iframe {
	display: block;
	position: relative;
	max-width: 590px;
	width: 100%;
	margin: auto;
	margin-top: 120px;
	float: right;
}
/*ASIDE clinica*/
/*REMAKE*/
/*REMAKE*/
/*REMAKE*/

.margin-top {
	margin-top: 30px;
}
/*continue lendo*/
/*continue lendo*/
/*continue lendo*/
section .align-left p a, section .align-right p a {
	background-color: RGBA(151,24,28,0.9);
	color: #ffffff;
	font-weight: 500;
	margin-top: 20px;
}
/*continue lendo*/
/*continue lendo*/
/*continue lendo*/
section .align-left, section .align-right {
	display: block;
	position: relative;
	max-width: 1200px;
	width: auto;
	margin: auto;
}
section .formulario {
	display: inline-block;
	position: relative;
	float: left;
	max-width: 330px;
	margin: auto 30px auto 10px;
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 5px;
}
p.fonte {
	display: block;
	position: relative;
	max-width: 500px;
	width: auto;
	margin-top: -25px;
	font-family: inherit;
	font-size: 16px;
	margin-left: 10px;
	color: RGBA(0,0,0,0.8);
	padding-top: 10px;
}
p.fonte a {
	color: RGBA(0,0,0,0.7);
}
section .align-left-corpo-clinico img {
	display: inline-block;
	position: relative;
	float: left;
	max-width: 350px;
	margin: auto 30px auto 10px;
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 5px;
}
section .align-right img {
	display: inline-block;
	position: relative;
	float: right;
	max-width: 200px;
	margin: auto auto auto 30px;
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 5px;
}
section .align-left h1, section .align-left p, section .align-right h1, section .align-right p, section .align-left-corpo-clinico h1, .align-left h2 {
	font-family: Roboto-regular;
	display: block;
	position: relative;
	max-width: 1200px;
	width: auto;
	line-height: 1.42857em;
	text-align: justify;
	padding-right: 10px;
	padding-left: 10px;
	margin: 10px 10px auto 10px;
}
.align-left h1 {
	left: 15px;
}
.align-left h2 {
	left: 15px;
}
.align-left p {
	left: 15px;
}
section .align-left p, section .align-right p, .align-left-corpo-clinico p {
	font-family: Roboto-regular;
	font-size: 18px;
	width: auto;
	height: auto;
	text-align: justify;
	color: RGBA(0,0,0,0.85);
	margin: auto 10px auto 10px;
	padding-top: 10px;
	font-size: 18px;
	line-height: 1.1;
}
section .align-left h1, section .align-left h2, section .align-right h1, .align-left-corpo-clinico h1 {
	font-family: Roboto-Regular;
	font-size: 24px;
	line-height: 1.42857em;
	color: RGBA(0,0,0,0.8);
	word-wrap: break-word;
	letter-spacing: -0.050em;
	font-weight: normal;
}
.texto-geral {
	margin-left: -20px;
}
strong {
	font-family: Roboto-Regular;
	font-size: 20px;
	text-align: justify;
	color: RGBA(0,0,0,0.7);
}
/*Alterações em corpo clínico*/
/*Alterações em corpo clínico*/
/*Alterações em corpo clínico*/
section ul {
	margin-left: 370px;
}
section ul li {
	max-width: 1200px;
	width: auto;
	height: auto;
	font-family: Roboto-Regular;
	text-align: justify;
	color: RGBA(0,0,0,0.85);
	margin: auto 10px auto 10px;
	padding-top: 10px;
	font-size: 18px;
	line-height: 1.1;
	list-style: none;
	margin-left: -100px;
}
/*Alterações em corpo clínico*/
/*Alterações em corpo clínico*/
/*Alterações em corpo clínico*/

section .border-especialidades-right {
	display: block;
	position: relative;
	width: auto;
	margin: 10px 10px 10px 380px;
	border-bottom: 2px solid RGBA(151,24,28,0.7);
}
section .border-formulario {
	display: block;
	position: relative;
	width: auto;
	margin: 10px 10px 10px 382px;
	border-bottom: 2px solid RGBA(151,24,28,0.7);
}
section .border-corpo-clinico-right {
	display: block;
	position: relative;
	width: auto;
	margin: 10px 10px 10px 402px;
	border-bottom: 2px solid RGBA(151,24,28,0.7);
}
section .border-especialidades-left {
	display: block;
	position: relative;
	width: auto;
	margin: 10px 240px 10px 10px;
	border-bottom: 2px solid RGBA(0,0,0,0.5);
}
/*REMAKE*/
/*REMAKE*/
/*REMAKE*/
/*ASIDE clinica*/
/*section galeria clinica*/
section .galeria-clinica, section .galeria-parcerias {
	display: block;
	position: relative;
	float: none;
	max-width: 1200px;
	width: 100%;
	text-align: center;
	margin: auto;
}
section .galeria-clinica p, section .galeria-parcerias p {
	position: relative;
	max-width: 1200px;
	text-align: center;
	width: auto;
	font-family: Roboto-Regular;
	font-weight: normal;
	font-size: 12px;
	color: RGBA(102,102,102,1);
	margin: auto;
	margin-top: 5px;
}
section .galeria-clinica .hoverbox, section .galeria-parcerias .hoverbox {
	display: inline-block;
	position: relative;
	text-align: center;
	text-align: center;
	max-width: 1200px;
	width: 100%;
	margin: auto;
	margin-top: 20px;
	margin-left: -30px;
}
section .galeria-clinica .hoverbox, section .galeria-parcerias .hoverbox {
	cursor: default;
	list-style: none;
}
section .galeria-clinica .hoverbox a, section .galeria-parcerias .hoverbox a {
	cursor: default;
	position: relative;
}
section .galeria-clinica .hoverbox a .preview, section .galeria-parcerias .hoverbox a .preview {
	display: none;
}
section .galeria-clinica .hoverbox a:hover, section .galeria-parcerias .hoverbox a:hover {
	font-size: 100%;
	z-index: 1;
}
.galeria-clinica .hoverbox a:hover .preview, section .galeria-parcerias .hoverbox a:hover .preview {
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}
section .galeria-clinica .hoverbox img, section .galeria-parcerias .hoverbox img {
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 5px;
	vertical-align: top;
	width: 260px;
	height: 173px;
}
section .galeria-clinica .hoverbox li, section .galeria-parcerias .hoverbox li {
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 5px;
	padding: 5px;
	position: static;
}
section .galeria-clinica .hoverbox .preview, section .galeria-parcerias .hoverbox .preview {
	border-color: #000;
	width: 470px;
	height: 312px;
}
/*section galeria clinica*/
/*Alteracoes PARCERIAS*/
/*Alteracoes PARCERIAS*/
/*Alteracoes PARCERIAS*/
section .galeria-parcerias .hoverbox img {
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 5px;
	vertical-align: top;
	width: 260px;
	height: 125px;
}
section .galeria-parcerias .hoverbox .preview {
	border-color: #000;
	width: 470px;
	height: 226px;
}
/*Alteracoes PARCERIAS*/
/*Alteracoes PARCERIAS*/
/*Alteracoes PARCERIAS*/
/*RODAPE*/
.top-fix {
	clear: both;
	padding-top: 50px;
}
.footer-background {
	display: block;
	position: relative;
	text-align: center;
	max-width: 1200px;
	width: auto;
	margin: auto;
	margin-top: 50px;
	min-height: 150px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9e9e9+0,ffffff+50,e9e9e9+100 */
}
.rodape-esquerdo, .rodape-esquerdo-1, .rodape-esquerdo-2, .especialidade, .especialidade-1, .especialidade-2 {
	display: block;
	position: relative;
	float: left;
	width: 165px;
	height: 220px;
	margin: auto;
	margin-top: -30px;
	margin-right: 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	opacity: 1;
}
.especialidade, .especialidade-1, .especialidade-2 {
	width: 295px;
}
.rodape-esquerdo, .especialidade {
	margin-left: 0;
}
/*RODAPE ESQUERDO*/
/*RODAPE ESQUERDO*/
/*RODAPE ESQUERDO*/

/*Conhecimento e dicas de saúde*/
/*Conhecimento e dicas de saúde*/
/*Conhecimento e dicas de saúde*/
section .especialidades-left .h1-dicas-de-saude {
	font-family: Roboto-Regular;
	font-weight: normal;
	font-weight: 400;
	line-height: 1.1em;
	letter-spacing: 0;
	font-size: 30px;
	margin-left: 5px;
}
section .especialidades-left .angiologia-e-cirurgiavascular {
	font-family: Roboto-Regular;
	font-weight: normal;
	font-weight: 400;
	line-height: 1.1em;
	letter-spacing: 0;
	font-size: 30px;
	margin-left: 5px;
}
section .especialidades-left .angiologia-e-cirurgiavascular-red {
	font-family: Roboto-Regular;
	color: #a91d21;
	font-weight: normal;
	font-weight: 400;
	line-height: 1.1em;
	letter-spacing: 0;
	font-size: 30px;
	margin-left: 5px;
}
section .dicas-de-saude h1 {
	display: block;
	position: relative;
	max-width: 1200px;
	width: auto;
	float: right;
	top: 100px;
	font-size: 28px;
	letter-spacing: 0.195em;
	margin-right: 50px;
}
.color-red, .angiologia-e-cirurgiavascular-red {
	font-family: Roboto-Regular;
	color: #A91D21;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.428571429;
	color: #A91d21;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 2px;
	margin-top: -25px;
	letter-spacing: 0;
}
.color-red-index {
	font-family: Roboto-Regular;
	color: #A91D21;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.428571429;
	color: #A91d21;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 2px;
	margin-top: -25px;
	letter-spacing: 0;
}
.border-dicas-de-saude {
	display: block;
	position: relative;
	text-align: center;
	max-width: 1180px;
	width: 100%;
	margin: 30px auto 30px auto;
	border: 1px dashed RGBA(0,0,0,1);
	clear: both;
}
/*Video*/
/*Video*/
/*Video*/
.varizes-conteudo-video {
	margin: 20px 0 0 10px;
}
.varizes-conteudo-video h3 {
	color: rgb(102,102,102);
	margin: 20px 0 5px 0;
}
.varizes-conteudo-video p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: justify;
	color: rgb(51,51,51);
	padding: 0 0 0 0;
	margin: 15px 10px 0 10px;
}
/*Video*/
/*Video*/
/*Video*/
/*Conhecimento e dicas de saúde*/
/*Conhecimento e dicas de saúde*/
/*Conhecimento e dicas de saúde*/
.footer-background-1 {
	margin-top: -65px;
}
.rodape-esquerdo p, .rodape-esquerdo-1 p, .rodape-esquerdo-2 p, .especialidade p, .especialidade-1 p, .especialidade-2 p {
	width: 180px;
	text-align: center;
	line-height: 1.1em;
	font-size-adjust: none;
	font-weight: normal;
	font-size: 24px;
	margin: auto;
	margin-top: 10px;
}
.rodape-esquerdo a, .rodape-esquerdo-1 a, .rodape-esquerdo-2 a, .especialidade a, .especialidade-1 a, .especialidade-2 a {
	display: block;
	position: relative;
	width: 180px;
	text-align: center;
	text-decoration: none;
	font-family: Roboto-Regular;
	color: RGBA(0,0,0,0.8);
	font-size: 24px;
	margin: auto;
	margin-top: 10px;
	margin-right: 8px;
}
.footer-background-1 .rodape-esquerdo p, .footer-background-1 .rodape-esquerdo-1 p, .footer-background-1 .rodape-esquerdo-2 p {
	font-size: 12px;
}
.footer-background-1 .rodape-esquerdo a, .footer-background-1 .rodape-esquerdo-1 a, .footer-background-1 .rodape-esquerdo-2 a {
	display: block;
	position: relative;
	width: 160px;
	text-align: left;
	text-decoration: none;
	font-family: Roboto-Regular;
	color: RGBA(0,0,0,0.9);
	font-size: 12px;
	line-height: 1.1;
	font-weight: 400;
	margin: auto;
	margin-top: 10px;
	padding: 2px;
}
.footer-background-1 .rodape-esquerdo a:hover, .footer-background-1 .rodape-esquerdo-1 a:hover, .footer-background-1 .rodape-esquerdo-2 a:hover {
	width: 160px;
}
.rodape-esquerdo a:hover, .rodape-esquerdo-1 a:hover, .rodape-esquerdo-2 a:hover, .especialidade a:hover, .especialidade-1 a:hover, .especialidade-2 a:hover {
	width: 165px;
	color: RGBA(255,255,255,1);
	background-color: RGBA(151,24,28,0.9);
}
/*RODAPE ESQUERDO*/
/*RODAPE ESQUERDO*/
/*RODAPE ESQUERDO*/
/*EXAMES CARDIOLÓGICOS*/
/*EXAMES CARDIOLÓGICOS*/
/*EXAMES CARDIOLÓGICOS*/
/*EXAMES CARDIOLÓGICOS*/
.background-exames, .background-exames-vasculares {
	display: block;
	position: relative;
	text-align: center;
	max-width: 1200px;
	width: auto;
	margin: auto;
	margin-top: 50px;
	min-height: 110px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9e9e9+0,ffffff+50,e9e9e9+100 */
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 50%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(50%, #ffffff), color-stop(100%, #f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%, #ffffff 50%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%, #ffffff 50%, #f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%, #ffffff 50%, #f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f9f9f9 0%, #ffffff 50%, #f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1d7cd', endColorstr='#f9f9f9', GradientType=0 ); /* IE6-9 */
}
.clear-large-large-1 {
	display: none;
}
.background-exames-vasculares {
	max-height: 10px;
}
.center-exames-vasculares {
	display: inline-block;
	position: relative;
	max-width: 1199px;
	width: auto;
	text-align: center;
}
.margin {
	clear: both;
	padding-top: 10px;
}
.exames, .exames-1, .exames-vasculares, .exames-vasculares-1 {
	display: block;
	position: relative;
	float: left;
	width: 290px;
	height: 150px;
	margin: auto;
	padding-top: 10px;
	margin-top: -55px;
	margin-right: 5px;
	background-color: RGBA(102,102,102,0.02);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	opacity: 1;
}
.exames-vasculares, .exames-vasculares-1 {
	display: inline-block;
	position: relative;
	float: left;
	max-width: 360px;
	width: auto;
	height: 200px;
	margin: auto;
	margin-top: -55px;
	margin-right: 5px;
}
.exames, .exames-vasculares {
	margin-left: 10px;
}
.exames, .exames-vasculares {
	margin-left: 10px;
}
.exames h1, .exames-1 h1, .exames-vasculares h1, .exames-vasculares-1 h1 {
	display: block;
	position: relative;
	text-align: center;
	top: -5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: RGBA(153,0,0,0.7);
}
.exames p a, .exames-1 p a, .exames-vasculares p a, .exames-vasculares-1 p a {
	color: RGBA(151,24,28,0.9);
}
.exames a, .exames-1 a, .exames-vasculares a, .exames-vasculares-1 a {
	float: right;
	color: RGBA(153,0,0,0.7);
	padding-right: 5px;
}
.overview {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: RGBA(0,0,0,0.9);
	font-size: 12px;
	font-weight: normal;
}
.exames h1, .exames-1 h1, .exames-vasculares h1, .exames-vasculares-1 h1 {
	font-family: Roboto-Regular;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size-adjust: none;
	font-stretch: normal;
	color: RGBA(153,0,0,1);
	font-size: 14px;
	padding: 10px 0 0 15px;
	margin: 0;
}
.exames h2, .exames-1 h2, .exames-vasculares h2, .exames-vasculares-1 h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size-adjust: none;
	font-stretch: normal;
	color: RGBA(153,0,0,0.7);
	font-size: 12px;
	padding: 15px 0 0 15px;
	margin: 0;
}
.exames h1, .exames-1 h1, .exames-vasculares h1, .exames-vasculares-1 h1 {
	margin-top: 5px;
}
.exames p, .exames-1 p, .exames-vasculares p, .exames-vasculares-1 p {
	width: 260px;
	font-family: Roboto-Regular;
	text-align: justify;
	font-style: normal;
	font-variant: normal;
	font-weight: ligther;
	line-height: 1.2em;
	font-size-adjust: none;
	font-stretch: normal;
	color: RGBA(0,0,0,1);
	font-size: 12px;
	padding: 5px 0 0 10px;
	margin: 0 10px 0 0;
}
.exames-vasculares p, .exames-vasculares-1 p {
	max-width: 350px;
	width: auto;
	padding: 5px 0 0 10px;
	margin: 0 10px 0 0;
}
.exames .georgia, .exames .georgia, .exames-vasculares .georgia, .exames-vasculares-1 .georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: RGBA(153,0,0,0.7);
}
.exames p strong, .exames p strong, .exames-vasculares p strong, .exames-vasculares-1 p strong {
	color: RGBA(0,0,0,0.7);
	font-weight: normal;
}
/*EXAMES CARDIOLÓGICOS*/
/*EXAMES CARDIOLÓGICOS*/
/*EXAMES CARDIOLÓGICOS*/
/*EXAMES CARDIOLÓGICOS*/
/*Inicio de footer´s*/
/*INICIO REDES SOCIAIS*/
/*INICIO REDES SOCIAIS*/
/*INICIO REDES SOCIAIS*/
/*RODAPE*/
.top-fix {
	clear: both;
	padding-top: 50px;
}
.footer-background {
	display: block;
	position: relative;
	text-align: center;
	max-width: 1200px;
	width: auto;
	margin: auto;
	margin-top: 50px;
	min-height: 150px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9e9e9+0,ffffff+50,e9e9e9+100 */
}
.rodape-esquerdo, .rodape-esquerdo-1, .rodape-esquerdo-2, .especialidade, .especialidade-1, .especialidade-2 {
	display: block;
	position: relative;
	float: left;
	width: 165px;
	height: 220px;
	margin: auto;
	margin-top: -30px;
	margin-right: 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	opacity: 1;
}
.especialidade, .especialidade-1, .especialidade-2 {
	width: 295px;
}
.rodape-esquerdo, .especialidade {
	margin-left: 0;
}
/*RODAPE ESQUERDO*/
/*RODAPE ESQUERDO*/
/*RODAPE ESQUERDO*/

/*Conhecimento e dicas de saúde*/
/*Conhecimento e dicas de saúde*/
/*Conhecimento e dicas de saúde*/
section .especialidades-left .h1-dicas-de-saude {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-weight: 400;
	line-height: 1.1em;
	letter-spacing: 0;
	font-size: 30px;
	margin-left: 5px;
}
section .especialidades-left .angiologia-e-cirurgiavascular {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-weight: 400;
	line-height: 1.1em;
	letter-spacing: 0;
	font-size: 30px;
	margin-left: 5px;
}
section .especialidades-left .angiologia-e-cirurgiavascular-red {
	font-family: Verdana, Geneva, sans-serif;
	color: #64b4a6;
	font-weight: normal;
	font-weight: 400;
	line-height: 1.1em;
	letter-spacing: 0;
	font-size: 30px;
	margin-left: 5px;
}
section .dicas-de-saude {
	display: block;
	position: relative;
	max-width: 1200px;
	width: auto;
	top: 20px;
	clear: both;
}
section .dicas-de-saude h1 {
	display: block;
	position: relative;
	max-width: 1200px;
	width: auto;
	float: right;
	top: 100px;
	font-size: 28px;
	letter-spacing: 0.15em;
	margin-right: 50px;
	color: RGBA(0,0,0,0.7);
}
.color-red-index {
	font-family: Verdana, Geneva, sans-serif;
	color: #900;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.8;
	color: #64b4a6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 2px;
	margin-top: -25px;
	letter-spacing: 0;
}
.border-dicas-de-saude {
	display: block;
	position: relative;
	text-align: center;
	max-width: 1180px;
	width: 100%;
	margin: 30px auto 30px auto;
	border: 1px dashed RGBA(0,0,0,1);
	clear: both;
}
/*Video*/
/*Video*/
/*Video*/
.varizes-conteudo-video {
	margin: 20px 0 0 10px;
}
.varizes-conteudo-video h3 {
	color: rgb(102,102,102);
	margin: 20px 0 5px 0;
}
.varizes-conteudo-video p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: justify;
	color: rgb(51,51,51);
	padding: 0 0 0 0;
	margin: 15px 10px 0 10px;
}
/*Video*/
/*Video*/
/*Video*/
/*Conhecimento e dicas de saúde*/
/*Conhecimento e dicas de saúde*/
/*Conhecimento e dicas de saúde*/
.footer-background-1 {
	margin-top: -65px;
}
.border-1-index {
	display: block;
	position: relative;
	text-align: center;
	max-width: 1180px;
	width: 100%;
	margin: -30px auto 10px auto;
	border: 1px dashed RGBA(153,0,0,0.1);
}
.rodape-esquerdo p, .rodape-esquerdo-1 p, .rodape-esquerdo-2 p, .especialidade p, .especialidade-1 p, .especialidade-2 p {
	width: 180px;
	text-align: center;
	line-height: 1.1em;
	font-size-adjust: none;
	font-weight: normal;
	font-size: 24px;
	margin: auto;
	margin-top: 10px;
}
.rodape-esquerdo a, .rodape-esquerdo-1 a, .rodape-esquerdo-2 a, .especialidade a, .especialidade-1 a, .especialidade-2 a {
	display: block;
	position: relative;
	width: 180px;
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	color: RGBA(0,0,0,0.8);
	font-size: 24px;
	margin: auto;
	margin-top: 10px;
	margin-right: 8px;
}
.footer-background-1 .rodape-esquerdo p, .footer-background-1 .rodape-esquerdo-1 p, .footer-background-1 .rodape-esquerdo-2 p {
	font-size: 12px;
}
.footer-background-1 .rodape-esquerdo a, .footer-background-1 .rodape-esquerdo-1 a, .footer-background-1 .rodape-esquerdo-2 a {
	display: block;
	position: relative;
	width: 160px;
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	color: RGBA(0,0,0,0.9);
	font-size: 12px;
	line-height: 1.1;
	font-weight: 400;
	margin: auto;
	margin-top: 10px;
	padding: 2px;
}
.footer-background-1 .rodape-esquerdo a:hover, .footer-background-1 .rodape-esquerdo-1 a:hover, .footer-background-1 .rodape-esquerdo-2 a:hover {
	width: 165px;
}
.rodape-esquerdo a:hover, .rodape-esquerdo-1 a:hover, .rodape-esquerdo-2 a:hover, .especialidade a:hover, .especialidade-1 a:hover, .especialidade-2 a:hover {
	width: 200px;
	color: RGBA(255,255,255,1);
	background-color: RGBA(105,0,4,0.9);
}
/*RODAPE ESQUERDO*/
/*RODAPE ESQUERDO*/
/*RODAPE ESQUERDO*/
/*EXAMES CARDIOLÓGICOS*/
/*EXAMES CARDIOLÓGICOS*/
/*EXAMES CARDIOLÓGICOS*/
/*EXAMES CARDIOLÓGICOS*/
.background-exames, .background-exames-vasculares {
	display: block;
	position: relative;
	text-align: center;
	max-width: 1200px;
	width: auto;
	margin: auto;
	margin-top: 50px;
	min-height: 200px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9e9e9+0,ffffff+50,e9e9e9+100 */
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 50%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(50%, #ffffff), color-stop(100%, #f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%, #ffffff 50%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%, #ffffff 50%, #f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%, #ffffff 50%, #f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f9f9f9 0%, #ffffff 50%, #f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1d7cd', endColorstr='#f9f9f9', GradientType=0 ); /* IE6-9 */
}
.clear-large-large-1 {
	display: none;
}
.background-exames-vasculares {
	max-height: 10px;
}
.center-exames-vasculares {
	display: inline-block;
	position: relative;
	max-width: 1199px;
	width: auto;
	text-align: center;
}
.margin {
	clear: both;
	padding-top: 10px;
}
.exames, .exames-1, .exames-vasculares, .exames-vasculares-1 {
	display: block;
	position: relative;
	float: left;
	margin: auto;
	padding-top: 10px;
	margin-top: -55px;
	margin-right: 5px;
	background-color: RGBA(102,102,102,0.02);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	opacity: 1;
}
.exames-vasculares, .exames-vasculares-1 {
	display: inline-block;
	position: relative;
	float: left;
	max-width: 360px;
	width: auto;
	height: 200px;
	margin: auto;
	margin-top: -55px;
	margin-right: 5px;
}
.exames, .exames-vasculares {
	margin-left: 10px;
}
.exames, .exames-vasculares {
	margin-left: 10px;
}
.exames h1, .exames-1 h1, .exames-vasculares h1, .exames-vasculares-1 h1 {
	display: block;
	position: relative;
	text-align: center;
	top: -5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: RGBA(153,0,0,0.7);
}
.exames p a, .exames-1 p a, .exames-vasculares p a, .exames-vasculares-1 p a {
	color: RGBA(17,79,128,0.9);
}
.exames p a, .exames-1 p a {
	display: inline-block;
	position: relative;
	float: left;
	width: 200px;
	height: 20px;
}
.exames a, .exames-1 a, .exames-vasculares a, .exames-vasculares-1 a {
	color: RGBA(153,0,0,0.7);
	padding-right: 5px;
}
.overview {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: RGBA(0,0,0,0.9);
	font-size: 12px;
	font-weight: normal;
}
.exames h1, .exames-1 h1, .exames-vasculares h1, .exames-vasculares-1 h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size-adjust: none;
	font-stretch: normal;
	color: RGBA(153,0,0,1);
	font-size: 14px;
	padding: 10px 0 0 15px;
	margin: 0;
}
.exames h2, .exames-1 h2, .exames-vasculares h2, .exames-vasculares-1 h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size-adjust: none;
	font-stretch: normal;
	color: RGBA(153,0,0,0.7);
	font-size: 12px;
	padding: 15px 0 0 15px;
	margin: 0;
}
.exames h1, .exames-1 h1, .exames-vasculares h1, .exames-vasculares-1 h1 {
	margin-top: 5px;
}
.exames p, .exames-1 p, .exames-vasculares p, .exames-vasculares-1 p {
	width: 260px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: justify;
	font-style: normal;
	font-variant: normal;
	line-height: 1.2em;
	font-size-adjust: none;
	font-stretch: normal;
	color: RGBA(0,0,0,1);
	font-size: 12px;
	padding: 5px 0 0 10px;
	margin: 0 10px 0 0;
}
.exames-vasculares p, .exames-vasculares-1 p {
	max-width: 350px;
	width: auto;
	padding: 5px 0 0 10px;
	margin: 0 10px 0 0;
}
.exames .georgia, .exames .georgia, .exames-vasculares .georgia, .exames-vasculares-1 .georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: RGBA(153,0,0,0.7);
}
.exames p strong, .exames p strong, .exames-vasculares p strong, .exames-vasculares-1 p strong {
	color: RGBA(0,0,0,0.7);
	font-weight: normal;
}
/*EXAMES CARDIOLÓGICOS*/
/*EXAMES CARDIOLÓGICOS*/
/*EXAMES CARDIOLÓGICOS*/
/*EXAMES CARDIOLÓGICOS*/
/*Inicio de footer´s*/
/*FOOTER*/
/*FOOTER*/
/*FOOTER*/
/*Botão flutunte do whatsapp*/

div#whatasapp {
	position: fixed;
	right: 73px;
	bottom: 10px;
	background: RGBA(37,211,102,1);
	z-index: 999;
	padding: 20px;
	border-radius: 50px;
	transition: .5s;
}
div#whatasapp:hover {
	right: 0;
	bottom: 0;
	border-radius: 140px 0px 0px 0px;
	padding: 70px;
	transition: .5s;
}
/*Fim botão flutuante do whatsapp*/
/*ARTICLE*/
/*ARTICLE*/
/*ARTICLE*/
article .destaques, section .destaques {
	display: block;
	position: relative;
	text-align: center;
	font-family: Roboto-Bold;
	max-width: 1140px;
	width: auto;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	color: RGBA(0,0,0,0.8);
	font-size: 20px;
	font-weight: 400;
	background-color: RGBA(102,102,102,0.01);
	border: 1px solid RGBA(102,102,102,0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: 1;
	padding: 20px;
}
.segunda-conexao {
	display: block;
	position: relative;
	text-align: center;
	font-family: Roboto-Bold;
	width: 100%;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 30px;
	color: RGBA(0,0,0,0.8);
	font-size: 20px;
	font-weight: 400;
	background-color: RGBA(102,102,102,0.01);
	border: 1px solid RGBA(102,102,102,0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: 1;
	padding: 20px;
}
article p.especialidades {
	margin: 5px auto -50px auto;
}
article .esquerdo h3, article .esquerdo h4, article .direito h3, article .direito h4 {
	display: block;
	position: relative;
	text-align: center;
	font-family: Roboto-Regular;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	font-size-adjust: none;
	font-stretch: normal;
	color: RGBA(0,0,0,1);
	font-size: 18px;
	padding: 20px;
	margin: 5px auto auto auto;
}
article .esquerdo h3.red, article .direito h3.red {
	color: RGBA(151,24,28,0.9);
}
article .esquerdo h4, article .direito h4 {
	color: #FFF;
	background-color: RGBA(132,133,136,1);
	transition: 0.5s;
	opacity: 1;
}
article .esquerdo h4:hover, article .direito h4:hover {
	color: #FFF;
	background-color: RGBA(105,0,4,1);
}
article .esquerdo, article .direito {
	background-repeat: no-repeat;
	float: left;
	display: block;
	width: 580px;
	height: auto;
	background-color: rgb(255,255,255);
	margin: 10px 5px 20px 0;
	border-radius: 10px;
	box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.5);
}
article .esquerdo {
	margin-right: 30px;
}
article .direito {
	background-repeat: no-repeat;
	float: left;
	display: block;
	width: 580px;
	height: auto;
	background-color: rgb(255,255,255);
	border: 1px solid RGBA(153,0,0,0.05);
	margin: 10px 5px 20px 0;
}
article .esquerdo h4 a, article .direito h4 a {
	text-decoration: none;
	color: #FFF;
}
article .esquerdo h3 a, article .direito h3 a {
	text-decoration: none;
	color: RGBA(0,0,0,1);
}
/*Ver tudo*/
/*Ver tudo*/
/*Ver tudo*/
.ver-tudo {
	margin-top: 20px;
	margin-bottom: 40px;
}
.ver-tudo ul {
	display: block;
	position: relative;
	max-width: 1180px;
	text-align: center;
	width: 100%;
	margin: auto;
}
.ver-tudo ul li {
	display: inline;
	position: relative;
	text-align: center;
	max-width: 1200px;
	width: 100%;
	height: auto;
	font-family: Roboto-Regular;
	font-size: 12px;
	font-weight: 400;
	background-color: RGBA(105,0,4,0.7);
	border: 2px solid RGBA(255,255,255,1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: 1;
	padding: 20px;
	margin: auto 100px auto 10px;
}
.ver-tudo ul li a {
	text-align: center;
	color: RGBA(255,255,255,1);
	margin: auto 10px auto 10px;
	text-decoration: none;
	padding: 20px;
}
.ver-tudo ul li:hover {
	background-color: RGBA(105,0,4,0.9);
	border: 2px solid RGBA(255,255,255,1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: 1;
	padding: 20px;
	text-decoration: none;
	transition: background 1s;
	-moz-transition: background 1s;
	-webkit-transition: background 1s;
	-o-transition: background 1s;
}
.margin-top-article {
	margin-top: 100px;
}
/*Ver tudo*/
/*Ver tudo*/
/*Ver tudo*/
/*ARTICLE*/
/*ARTICLE*/
/*FOOTER*/
.main_footer {
	background-color: #565656;
	color: RGBA(0,0,0,1);
	font-size: 0.875em;
}
.main_footer .content {
	float: left;
	width: 90%;
	margin: 0 5%;
	padding: 5em 0;
}
.container {
	float: left;
	width: 100%;
}
.colfooter {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 2em;
}
.colfooter ul {
	width: 100%;
	float: left;
}
.colfooter ul li {
	padding: 0.2em 0em;
}
.colfooter ul li a {
	text-decoration: none;
	color: RGBA(0,0,0,1);
	font-size: 1em;
}
.colfooter ul li a i {
	font-size: 0.5em;
}
.colfooter ul li a:hover {
	text-decoration: underline;
}
.colfooter .titleFooter {
	font-family: 'open_sansregular';
	font-size: 1.3em;
	color: #ffffff;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px #ffffff solid;
}
.colfooter a {
	font-family: 'open_sansregular';
	font-size: 1.3em;
	color: #ffffff;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	text-decoration: none;
}
.colfooter p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	font-size: 1em;
	padding: -5px;
}
.colfooter .red {
	color: #ffffff;
}
.colfooter .big {
	font-size: 24px;
	color: #ffffff;
}
.botao {
	padding: 10px 12px;
	color: #ffffff;
	font-family: 'open_sansregular';
	letter-spacing: 2px;
	text-align: center;
	position: relative;
	text-decoration: none;
	display: inline-block;
	margin-right: 7px;
}
.botao::before {
	content: '';
	position: absolute;
	bottom: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	background: #ffffff;
	display: block;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
	transition: transform 0.4s cubic-bezier(1, 0, 0, 1)
}
.botao:hover::before {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1)
}
.botao {
	font-size: 1em;
	color: #ffffff;
	text-align: center;
	font-family: 'open_sansregular';
	border: 1px solid #ffffff;
	border-radius: 3px;
	overflow: hidden!important;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	background: transparent!important;
	z-index: 10;
}
.botao:hover {
	border: 1px solid #262626;
	color: #ffffff!important;
}
.botao::before {
	content: '';
	width: 0%;
	height: 100%;
	display: block;
	background: RGBA(105,0,4,1);
	position: absolute;
	-ms-transform: skewX(-15deg);
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg);
	left: -10%;
	opacity: 1;
	top: 0;
	z-index: -12;
	-moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.botao::after {
	content: '';
	width: 0%;
	height: 100%;
	display: block;
	background: RGBA(105,0,4,1);
	position: absolute;
	-ms-transform: skewX(-15deg);
	-webkit-transform: skewX(-15deg);
	transform: skewX(-15deg);
	left: -10%;
	opacity: 0;
	top: 0;
	z-index: -15;
	-webkit-transition: all .94s cubic-bezier(.2, .95, .57, .99);
	-moz-transition: all .4s cubic-bezier(.2, .95, .57, .99);
	-o-transition: all .4s cubic-bezier(.2, .95, .57, .99);
	transition: all .4s cubic-bezier(.2, .95, .57, .99);
	box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.botao:hover::before, .botao:hover::before {
	opacity: 1;
	width: 120%;
}
.botao:hover::after, .botao:hover::after {
	opacity: 1;
	width: 150%;
}
.main_footer_copy {
	background-color: #333333;
	width: 100%;
	float: left;
	text-align: center;
	padding: 1.5em 0em;
}
.main_footer_copy p {
	font-family: 'open_sanslight';
	font-size: 1em;
	color: #ffffff;
	height: 20px;
}
.main_footer_copy .m-b-footer {
	margin-bottom: 0.5em;
}
.main_footer_copy .by {
	font-size: 0.96em;
}
.main_footer_copy .by a {
	color: #cccccc;
	text-decoration: none;
}
.main_footer_copy .by a:hover {
	text-decoration: underline;
}
.main_footer_copy .by i {
	font-size: 0.96em;
	margin-right: 3px;
RGBA(102,102,102,1);
}

/*Responsivo*/
/*768PX BREAKPOINT*/
@media (min-width:48em) {
.colfooter {
	width: 30%;
	margin-right: 5%;
	margin-bottom: 0;
}
.colfooter:nth-of-type(3n+0) {
	margin-right: 0;
	border-right: 0;
}
}

/*FOOTER*/


/*Começa o Responsivo*/

/*480PX BREAKPOINT*/
/*480 dividido por 16 = 30em*/
@media (min-width:30em) {
.boxBannerTopo {
	padding: 1em 0;
}
}

/*600PX BREAKPOINT*/
/*600 dividido por 16 = 37,5em*/
@media (min-width:37em) {
}

/*768PX BREAKPOINT*/
/*768 dividido por 16 = 48em*/
@media (min-width:48em) {
}

/*960PX BREAKPOINT*/
/*960 dividido por 16 = 60em*/
@media (min-width:60em) {
.section-seu-codigo {
	padding: 20px 0px;
}
.section-seu-codigo .content {
	width: 80%;
	padding: 1em 0;
	margin: 0 10%;
}
}

/*1280PX BREAKPOINT*/
/*1280 dividido por 16 = 80em*/
@media (min-width:80em) {
}

/*1366PX BREAKPOINT*/
/*1366 dividido por 16 = 85,375em*/
@media (min-width:85em) {
.content {
	width: 80%;
	margin: 0 10%;
}
}

/*1600PX BREAKPOINT*/
/*1600 dividido por 16 = 100em*/
@media (min-width:100em) {
}
/*Fecha o Responsivo*/
/*Proficionais*/
/*Proficionais*/
/*Proficionais*/
.background-footer-1 {
	background-color: RGBA(255,255,255,1);
	width: 100%;
	float: left;
	text-align: center;
	padding: 1.5em 0em;
}
article .tratamentos h1 {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.75em;
	color: RGBA(47,47,48,1);
	font-size: 36px;
	font-weight: 400;
}
/*section index*/
/*section index*/
/*section index*/
section h1 {
	font-weight: normal;
	margin-left: 15px;
}
section h3 {
	margin-top: 10px;
}
section p {
	font-family: Roboto-Regular;
	font-size: 24px;
	text-align: justify;
	color: RGBA(0,0,0,0.65);
	font-weight: normal;
	max-width: 1200px;
	width: auto;
	margin: 22px 10px auto 10px;
}
section a {
	text-decoration: none;
	display: block;
	position: relative;
	width: auto;
	margin: auto;
	color: RGBA(0,0,0,0.8);
}
section .align-index {
	float: left;
	max-width: 550px;
	font-family: Roboto-Regular;
}
section .align-index h1 {
	color: RGBA(151,24,28,0.7);
	font-family: Roboto-Bold;
	font-size: 36px;
	margin-left: 10px;
	line-height: 1.42857em;
	font-weight: 400;
	word-wrap: break-word;
	margin-top: 30px;
}
section .align-index h2 {
	display: block;
	position: absolute;
	color: RGBA(102,102,102,0.05);
	font-style: normal;
	font-family: Roboto-Regular;
	font-size: 280%;
	margin-left: 10px;
	margin-top: -120px;
}
section-index .align-left, section-index .align-right {
	display: block;
	position: relative;
	max-width: 600px;
	width: auto;
	margin: auto;
}
section .align-right h3 {
	display: block;
	position: relative;
	color: RGBA(102,102,102,1);
	font-family: Roboto-Regular;
	font-weight: 400;
	font-size: 18px;
	margin-left: 20px;
}
section .align-index p {
	font-size: 18px;
	font-family: Roboto-Regular;
	color: RGBA(102,102,102,1);
}
.align-index .border-especialidades-left-index {
	display: block;
	position: relative;
	width: auto;
	margin: 10px 249px 10px 20px;
	left: -8px;
	border-bottom: 2px solid RGBA(0,0,0,0.5);
}
/*section index*/
/*section index*/
/*section index*/
.carrosel {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	margin: auto;
	Text-align: center;
	top: 10px;
	margin-left: 2px;
	z-index: 1;
}
/*ARTICLE*/
/*ARTICLE*/
/*ARTICLE*/
/*article*/
/*article*/
/*article*/





/*Profissionais*/
/*Profissionais*/
/*Profissionais*/
/*Profissionais*/
/*Profissionais*/
/*Profissionais*/
/*Profissionais*/







article {
	display: block;
	position: relative;
	width: 100%;
	margin: auto;
	z-index: 1;
	text-align: center;
}
article ul {
	font-family: verdana, geneva, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.4em;
	font-size-adjust: none;
	font-stretch: normal;
	color: RGBA(153, 0, 0);
	text-decoration: none;
	list-style-type: none;
}
article ul {
	margin-top: 50px;
	margin-left: 25px;
}
article .varizes h1, article .varizes-2 h1 {
	display: block;
	position: relative;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size-adjust: none;
	font-stretch: normal;
	color: RGBA(255,255,255,1);
	font-size: 18px;
	margin: 5px auto auto auto;
}
.varizes, .varizes-1, .varizes-2, .varizes-3, .varizes-4 {
	background-repeat: no-repeat;
	float: left;
	display: block;
	width: 343px;
	height: 550px;
	background-color: rgb(153, 153, 153, 1);
	border: 1px solid RGBA(102,102,102,1);
	margin: 10px 5px 20px 0;
}
.varizes, .varizes-1, .varizes-4 {
	margin-right: 80px;
}
.varizes-4 {
	margin-left: 75px;
}
.varizes {
	margin-left: 14%;
}
.varizes img, .varizes-1 img, .varizes-2 img, .varizes-4 img {
	width: 343px;
	height: 284px;
}
article .varizes ul li a, article .varizes-1 ul li a, article .varizes-2 ul li a, article .varizes-3 ul li a, .varizes-4 ul li a {
	display: block;
	text-align: center;
	width: 220px;
	height: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: RGBA(255,255,255,1);
	background-color: RGBA(138,138,138,1);
	text-decoration: none;
	transition: background 1s;
	-moz-transition: background 1s;
	-webkit-transition: background 1s;
	-o-transition: background 1s;
	margin-top: 4px;
	border: 4px solid RGBA(127,127,127,1);
	padding: 5px;
}
article .varizes ul li a, article .varizes-1 ul li a, article .varizes-2 ul li a, article .varizes-3 ul li a, article .varizes-4 ul li a {
	width: 200px;
}
article .varizes ul li a:hover, article .varizes-1 ul li a:hover, article .varizes-2 ul li a:hover, article .varizes-3 ul li a:hover, article .varizes-4 ul li a:hover {
	display: block;
	text-align: center;
	width: 200px;
	height: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: RGBA(255,255,255,1);
	background-color: RGBA(0,0,0,0.3);
	text-decoration: none;
	transition: background 1s;
	-moz-transition: background 1s;
	-webkit-transition: background 1s;
	-o-transition: background 1s;
}
article .varizes ul li a:hover, article .varizes-1 ul li a:hover, article .varizes-2 ul li a:hover, article .varizes-3 ul li a:hover, article .varizes-4 ul li a:hover {
	width: 200px;
}
article .varizes h1, article .varizes-1 h1, article .varizes-2 h1, article .varizes-4 h1 {
	display: block;
	position: relative;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.75em;
	color: RGBA(255,255,255,1);
	font-size: 12px;
	margin: 20px auto auto auto;
}
article .varizes p, article .varizes-1 p, article .varizes h2, article .varizes-1 h2, article .varizes-2 p, article .varizes-2 h2, article .varizes-4 h2, article .varizes-4 p {
	width: 343px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: RGBA(255,255,255,1);
	margin-left: 22px;
	right: 12px;
	margin-bottom: -45px;
}
article .varizes p, article .varizes-1 p, article .varizes-2 p, article .varizes-4 p {
	width: 320px;
	text-align: center;
	font-weight: normal;
}
article .varizes h1, article .varizes-1 h1, article .varizes-2 h1, article .varizes-4 h1 {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.75em;
	color: RGBA(255,255,255,1);
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
}
article .varizes h1 .menu-icon, article .varizes-2 h1 .menu-icon {
	display: inline-block;
	position: relative;
	background: url("../imagens/menu-icon.png") no-repeat;
	text-align: center;
	width: 40px;
	height: 40px;
	top: 14px;
}
article .varizes-1 h1 .menu-icon-1 {
	display: inline-block;
	position: relative;
	background: url("..imagens/menu-icon.jpg") no-repeat;
	text-align: center;
	width: 40px;
	height: 40px;
	top: 14px;
}
article .varizes-1 h1 .menu-icon-1, article .varizes h1 .menu-icon, article .varizes-2 h1 .menu-icon {
	background: url("../imagens/menu-icon-varizes.png") no-repeat;
	width: 30px;
	height: 30px;
	top: 8px;
}
/*Profissionais*/
/*Profissionais*/
/*Profissionais*/
/*Profissionais*/
/*Profissionais*/
/*Profissionais*/











.article-index {
	display: block;
	position: relative;
	max-width: 1200px;
	width: auto;
	margin: auto;
	padding: auto;
	margin-top: 10px;
	z-index: 1;
	left: 0.8%;
}
.article-index ul {
	font-family: verdana, geneva, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.4em;
	font-size-adjust: none;
	font-stretch: normal;
	color: RGBA(153, 0, 0);
	text-decoration: none;
	list-style-type: none;
}
.article-index ul {
	margin-top: -30px;
	margin-left: 37px;
}
.novas-especialidades {
	background-repeat: no-repeat;
	float: left;
	display: block;
	width: 370px;
	height: 400px;
	background-color: rgb(255,255,255);
	margin: 10px 20px 20px 0;
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 5px;
	padding: 5px;
	border-radius: 20px;
	object-fit: cover;
}
.novas-especialidades-1, .novas-especialidades-2 {
	background-repeat: no-repeat;
	float: left;
	display: block;
	width: 370px;
	height: 400px;
	background-color: rgb(255,255,255);
	margin: 10px 20px 20px 0;
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 5px;
	padding: 5px;
	position: static;
	border-radius: 20px;
	object-fit: cover;
}
.novas-especialidades img, .novas-especialidades-1 img, .novas-especialidades-2 img {
	display: block;
	float: none;
	position: relative;
	text-align: center;
	max-width: 370px;
	width: auto;
	margin: auto;
	height: 400px;
}
/*ARTICLE*/
/*ARTICLE*/
/*ARTICLE*/











.link-imagem {
	position: relative;
	display: inline-block;
	overflow: default; /* ou 'hidden' se a imagem tiver cantos arredondados */
}
.link-imagem img {
	display: block;
	width: 100%;
	height: auto;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 370px;
	height: 400px;
	background-color: RGBA(166,30,35,0.60); /* Cor de fundo preta com 60% de transparência */
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-family: Arial, sans-serif;
	opacity: 0; /* Invisível por padrão */
	transition: all 1s ease-in-out; /* Suaviza o aparecimento */
	border-radius: 20px;
	object-fit: cover;
}
/* Faz a camada aparecer apenas quando o mouse passa por cima */
.link-imagem:hover .overlay {
	opacity: 1;
}
.overlay span {
	background-color: RGBA(255,255,255,1); /* Parte interna toda branca */
	color: RGBA(102,102,102,0.7); /* Cor do link em cinza (mude para #333333 se quiser mais escuro) */
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 12px 28px;
	border-radius: 50px; /* Bordas totalmente arredondadas */
	border: none; /* Remove bordas extras já que o fundo é sólido */
	transition: all 0.90s ease-in-out; /* Prepara para o efeito de clique */
}
.overlay span:hover {
	transition: all 0.8s ease-in-out;
	color: RGBA(51,51,51,0.7); /* Cinza grafite bem escuro, quase preto */
	cursor: pointer;
}
.titulo-imagem, .titulo-imagem-1, .titulo-imagem-2 {
	position: absolute;
	top: 75%;
	left: 50%;
	transform: translate(-50%, -50%); /* Centraliza perfeitamente no meio */
	z-index: 1; /* Garante que o texto fique visível */
	color: RGBA(102,102,102,1);
	font-family: Arial, sans-serif;
	font-size: 18px;
	margin: 0;
	text-align: center;
	width: 90%;
}
.titulo-imagem-1 {
	top: 90%;
	font-size: 16px;
}
.titulo-imagem-2 {
	top: 95%;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: RGBA(102,102,102,0.7);
}
.link-imagem:hover .titulo-imagem, .link-imagem:hover .titulo-imagem-1, .link-imagem:hover .titulo-imagem-2 {
	opacity: 0.8; /* Mude para 0.2 se quiser apenas deixar o texto clarinho ao fundo */
}
/*Bolinha nos parágrafos*/
.bolinha::before {
	content: ""; /* Necessário para o pseudo-elemento existir */
	display: inline-block;
	width: 5px; /* Tamanho da bolinha */
	height: 5px;
	background-color: RGBA(255,255,255,1); /* Cor da bolinha */
	border-radius: 50%; /* Faz o quadrado virar um círculo */
	margin-right: 10px; /* Espaço entre a bolinha e o texto */
}
/*proposito visao valores*/
/*proposito visao valores*/
/*proposito visao valores*/
/*proposito visao valores*/
/*proposito visao valores*/
.instalacoes {
	display: block;
	position: relative;
	text-align: center;
	max-width: 1200px;
	width: 100%;
	margin: auto;
	padding: auto;
	left: 0;
	margin-top: 10px;
	z-index: 1;
}
.carrosel-instalacoes img, .carrosel-instalacoes-1 img {
	float: right;
	display: block;
	position: relative;
	text-align: center;
	width: 600px;
	height: 338px;
	right: 245px;
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	margin: 5px;
	padding: 7px;
}
.carrosel-instalacoes-1 img {
	margin-top: 10px;
}
.instalacoes .visao {
	width: 370px;
	height: 190px;
}
.instalacoes .visao-1 {
	width: 370px;
	height: 100px;
	margin-top: -140px;
}
.instalacoes .visao-2 {
	width: 370px;
	height: 350px;
	margin-top: -380px;
}
.visao, .visao-1, .visao-2 {
	background-repeat: no-repeat;
	float: left;
	display: block;
	position: relative;
	max-width: 600px;
	width: auto;
	margin: auto;
	right: 200%;
	height: 200px;
	background-color: rgba(251,24,28,1);
	margin: 10px 20px 20px 0;
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 5px;
	padding: 5px;
	position: static;
}
.visao-1 {
	height: 100px;
}
.visao p, .visao-1 p, .visao-2 p {
	background-repeat: no-repeat;
	font-family: Regular-Bold;
	float: none;
	text-align: left;
	font-size: 18px;
	display: block;
	width: 360px;
	height: 200px;
	z-index: 1000;
	color: RGBA(102,102,102,1);
	margin-top: -210px;
	padding-left: 10px;
	padding-right: 10px;
}
.visao-1 p {
	margin-top: -230px;
}
.visao-2 p {
	font-family: Roboto-Bold;
	font-size: 14px;
	margin-top: -230px;
	padding: 30px;
}
.carrosel-1 {
	float: right;
	display: block;
	max-width: 600px;
	width: auto;
	margin: auto;
	height: auto;
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 5px;
	padding: 7px;
	position: static;
	margin-left: 804px;
	margin-top: -1px;
}
@supports (-moz-appearance: none) {
 .carrosel-1 {
 margin-left: 784px; /* Altere para o valor desejado */
}
@supports (-moz-appearance: none) {
 .carrosel-instalacoes img {
 margin-right: -12px; /* Altere para o valor desejado */
}
@supports (-moz-appearance: none) {
 .carrosel-instalacoes-1 img {
 margin-right: -12px; /* Altere para o valor desejado */
}
@supports (-moz-appearance: none) {
 .visao, .visao-1, .visao-2 {
 margin-left: -12px; /* Altere para o valor desejado */
}
 .galeria-container {
 display: grid;
 grid-template-columns: 1fr 1fr; /* Divide o espaço igualmente (600px para cada lado) */
 width: 1200px;
 max-width: 100%;
 margin: 0 auto; /* Centraliza a galeria na página */
 gap: 15px; /* Espaçamento entre a imagem grande e a grade */
}
 .imagem-grande img {
 width: 100%;
 height: 100%;
 object-fit: cover; /* Mantém a proporção da imagem preenchendo o espaço */
 display: block;
}
 .grade-direita {
 display: grid;
 grid-template-columns: 1fr 1fr; /* Duas colunas na direita */
 grid-template-rows: 1fr 1fr; /* Duas linhas na direita */
 gap: 15px; /* Espaçamento entre as 4 imagens */
}
 .grade-direita img {
 width: 100%;
 height: 100%;
 object-fit: cover; /* Mantém a proporção preenchendo a área menor */
 display: block;
}
/*novas especialidades*/
/*novas especialidades*/
/*novas especialidades*/
/*novas especialidades*/
/*novas especialidades*/
.imagem-topo-fundo-1 {
 display:block;
 position:relative;
 background-image:url(../imagens/imagem-fundo.png);
 width:100%;
 height:80px;
}
/*Texto de instalações subir suavemente*/
/*Texto de instalações subir suavemente*/
/*Texto de instalações subir suavemente*/
/*Texto de instalações subir suavemente*/
/*Texto de instalações subir suavemente*/
/* 1. ESTADO DE PREPARAÇÃO: O texto começa invisível */
.texto-suave {
 opacity: 0;
  /* 2.2 segundos para garantir a subida/surgimento extremamente lento que pediu */
  transition: opacity 2.2s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. ESTADO ANIMADO: Quando o JavaScript ativa a classe, ele aparece */
.texto-suave.visivel {
 opacity: 1 !important;
}