@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

body {
	font-size: 62.5% /*onde 62.5% equivale a 12px*/;
}

button {
	cursor: pointer;
}

html, body {
   margin:0;
   padding:0;
   height:100%;
}


.tudo {
   min-height: 100%;
   position: relative;
   overflow: auto;
}

#conteudo{
	position: relative;
	display: block;
	width: 80%;
	max-width: 1280px;
	margin: auto;
	height: inherit;
}

.menu_ativo {
	color: #00488D;
}

.menu_inativo {
	color: #ACACAC;
}

/*TOPO*/

#menu_responsivo {
	display: none;
}

#topo_fixo {
	position: fixed;
	z-index: 99999;
	background-color: #FFF;
	width: 100%;
	height: 110px;
	padding-top: 13px;
	border-top: 4px #00488D solid; 
	border-bottom: 1px rgba(0,72,141,.5) solid; 
	box-shadow: 1px 1px 6px black;
}

img[name="logo_topo"] {
	position: relative;
	max-width: 25%;
	height: auto;
	max-height: 100%;
	margin-top: 1.2%;
}

#info_topo {
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}

#info_topo td {
	vertical-align: middle;
}

#info_topo img {
	vertical-align: middle;
}

.seta:after {
	content: "\025bc";
	color: #999999;
	margin-left: 5px;
	font-size: 10px;
}

#menu{
	position: relative;
	float: right;
	display: block;
	width: 45%;
	min-width: 45%;
	margin-top: 6%;
}

#menu ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;	
	list-style:none;
	margin: 0;
	padding: 0;
}

#menu ul li a{
	-webkit-transition: color ease-in-out 0.3s;
	-moz-transition: color ease-in-out 0.3s;
	-ms-transition: color ease-in-out 0.3s;
	-o-transition: color ease-in-out 0.3s;	
	transition: color ease-in-out 0.3s;
}

#menu ul li a:hover{
	color: #00488D;
}

#menu ul li ul{
	position: absolute;
	display: none;
	height: auto;
	width: auto;
}

#menu ul li:hover ul{
	display: block;
}

#menu ul li ul li{
	position: relative;
	display: block;
	width: 100%;
	border-bottom: rgba(41,101,159,.7) 1px solid;
	padding: 5px 0 5px 15px;
	background-color: #00498E;
	
	-webkit-transition: background-color ease-in-out 0.3s;
	-moz-transition: background-color ease-in-out 0.3s;
	-ms-transition: background-color ease-in-out 0.3s;
	-o-transition: background-color ease-in-out 0.3s;	
	transition: background-color ease-in-out 0.3s;
}

#menu ul li ul li:hover{
	background-color: rgba(136,210,219, 1);
}

#menu ul li ul li.first {
	border-top: 3px #00294F solid;
}

#menu ul li ul li.last {
	border: none;
}


/*TRATAMENTOS*/

#container_tratamentos {
	display: none;
}

#tratamentos {
	position: relative;
	display: block;
}

#doutor {
	position: relative;
	text-align: center;
	margin-top: 3%;
}

#slider_tratamentos {
	position: relative;
	margin-top: 3%;
	text-align: center;
	padding-bottom: 25%;
}

#slider_tratamentos h1 {
	position: relative;
	margin-bottom: 3%;
}

img[name="pequeno_dente"] {
	position: absolute;
	width: 80px;
	height: auto !important;
	top: 35%;
	left: 35%;
	z-index: 15;	
}

#container_img {
	position: relative;
}

#container_img img[name="fundo_trata"] {
	position: absolute;
	border-radius: 100%;
	width: 98.8%;
	height: auto;
	left: 0.6%;
	top: 0.5%;
}

#container_img img[name="img_trata"] {
	position: relative;
	border-radius: 100%;
	width: 100%;
	height: auto;

	transition: .5s opacity;
}

#container_img:hover img[name="img_trata"] {
	opacity: .5;
}

#container_img:hover {
	z-index: 10;
}

#container_img:hover img[name="img_trata"] {
	z-index: 5;
}

#slider_tratamentos button {
	position: relative;
	border: none;
	background-color: #00498E;
	padding: 4% 5%;
	margin-top: 7%;

	transition: .5s color;
}

#slider_tratamentos button:hover {
	color: #99E5FF;
}
/*IMAGEM FIXA*/

#container_imagem {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin-top: -20%;
}

#container_imagem img[name="imagem_fixa"] {
	position: relative;
	width: 100%;
	height: 100%;
}

/*LOCALIZAÇÃO*/

#localizacao {
	position: relative;
	text-align: center;
}

#localizacao h1 {
	position: relative;
	margin: 2%;
}

#mapa iframe {
	border: 0; 
	width: 100%; 
	height: 400px;
}

/*NOTÍCIAS*/

#noticias {
	position: relative;
	display: block;
	text-align: center;
	overflow: hidden;
	padding-bottom: 8%;
	margin-bottom: 14%;

	background-image: url("../img_site/fundo_noticias.jpg");
}

#noticias button[name="ver_todas"] {
	position: relative;
	border: 1px #00498E solid;
	background-color: transparent;
	margin-top: 4%;
	padding: 1% 2%;

	transition: .7s all;
}

#noticias button[name="ver_todas"]:hover {
	color: #FFF;
	background-color: #00498E;
}

#noticias h1 {
	position: relative;
	margin: 2%;
}

#container_noticias {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

#box_noticia {
	position: relative;
	text-align: left;
	min-width: 48%;
	width: 48%;
	min-height: 210px;
	height: auto;
}

#box_noticia img {
	position: relative;
	float: left;
	width: auto;
	max-width: 50%;
	height: auto;
	margin-bottom: 3%;
}

#box_noticia section {
	position: relative;
	overflow: hidden;
	width: auto;
	min-width: 44.4%;
	min-height: inherit;
	padding-left: 3%;
}

#box_noticia button {
	position: relative;
	border: none;
	background-color: #00498E;
	padding: 2% 6%;
	float: right;
	right: 0;
	bottom: 0;

	transition: .5s color;
}

#box_noticia button:hover {
	color: #99E5FF;
}

/*RODAPE*/

#rodape {
	position: absolute;
	bottom: 50px;
	background-color: #00498E;
	padding: 1% 0 1% 0;
	width: 100%;
}

#rodape #conteudo section h4 {
	margin-bottom: 5%;
}

#rodape #conteudo {
	display: flex;
	justify-content: space-between;
}

#rodape section:nth-child(3) ul {
	list-style: none;
	overflow: hidden;
}

#rodape section:nth-child(3) ul li{
	overflow: hidden;
}

#rodape section:nth-child(3) img {
	float: left;
	overflow: hidden;
	margin-right: 6px;
	margin-bottom: 6px;
}

#rodape section:nth-child(3) p {
	text-align: left;
	float: left;
}


#rodape #conteudo section p:nth-child(2){
	padding-left: 0;
}

#rodape #conteudo section p {
	overflow: hidden;
	padding: 2% 0 0 3%;
}

#rodape #conteudo section:nth-child(4) h4{
	margin-bottom: 14px;
}


.baixo_rodape {
	position: absolute;
	width: 100%;
	bottom: -55px;
	left: 0;
	text-align: center;
}

.baixo_rodape p {
	float: left;
}

img[name="logo_adapt"] {
	float: right;
}

img[name="assinatura_rodape"] {
	margin-top: 5%;
	max-width: 100%;
}

/*------------------------------------------------------INTERNAS------------------------------------------------------*/

/*CONTATO*/

#mapa_contato iframe {
	border: 0; 
	width: 100%; 
	height: 245px;
	margin-top: 1%;
}

#loca_cont{
	display: none;
}

#contato_interna {
	position: relative;
	margin-top: 160px;
	overflow: hidden;
	padding-bottom: 20%;
}

#contato_interna #conteudo #container_contato div#form_contato form {
	position: relative;
	display: table;
	width: 35%;
}

#contato_interna #conteudo #container_contato div#form_contato form input{
	position: relative;
	margin-bottom: 2%;
	width: 98%;
	height: 35px;
	line-height: 35px;
	padding-left: 7px;
	border: 1px #DDDDDD solid;
}

#contato_interna #conteudo #container_contato div#form_contato form textarea{
	position: relative;
	width: 98%;
	height: 60px;
	line-height: 60px;
	padding-left: 7px;
	border: 1px #DDDDDD solid;
}

#contato_interna #conteudo #container_contato div#form_contato form button{
	position: relative;
	background-color: #01155F;
	padding: .3% 6%;
	border: none;
	float: right;

	transition: .5s color;
}

#contato_interna #conteudo #container_contato div#form_contato form button:hover{
	color: #99E5FF;
}

#contato_interna #conteudo #container_contato div#dados_contato {
	position: relative;
	display: table;
	float: left;
	width: 30%;
	height: auto;
	margin-right: 10%;
}

#contato_interna #conteudo #container_contato div#dados_contato tr {
}

#contato_interna #conteudo #container_contato div#dados_contato tr td {
	vertical-align: middle;
}

#contato_interna #conteudo #container_contato div#dados_contato tr td img{
	vertical-align: middle;
}

#contato_interna #conteudo #container_contato header {
	margin-bottom: 7%;
}

#contato_interna #conteudo #container_contato header img[name="linha_azul"] {
	position: absolute;
	width: 29%;
	height: auto;
	left: -12%;
}

#contato_interna #conteudo #container_contato header p {
	position: absolute;
	margin-top: 2%;
}

/*TRATAMENTOS*/

#tratamentos_interna {
	position: relative;
	margin-top: 160px;
	overflow: hidden;
	padding-bottom: 25%;
}

#tratamentos_interna #conteudo #container_geral_tratamentos ul{
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#tratamentos_interna #conteudo #container_geral_tratamentos ul li{
	position: relative;
	list-style: none;
	text-align: center;
	width: 22%;
	min-height: 450px;
	height: auto;
	margin-bottom: 50px;
}

#tratamentos_interna #conteudo #container_geral_tratamentos ul li p{
	position: relative;
	max-width: 100%;
}

#tratamentos_interna #conteudo #container_geral_tratamentos h4 {
	margin-bottom: 2%;
}

#tratamentos_interna #conteudo #container_geral_tratamentos button {
	position: relative;
	background-color: #00498E;
	border: none;
	padding: .5% 1.5%;
	margin-top: 10%;
}

#tratamentos_interna #conteudo #container_geral_tratamentos header {
	margin-bottom: 2%;
}

#tratamentos_interna #conteudo #container_geral_tratamentos header img[name="linha_azul"] {
	position: absolute;
	width: 29%;
	height: auto;
	left: -12%;
}

/*QUEM SOU*/

#quem_sou_interna {
	position: relative;
	margin-top: 110px;
	overflow: hidden;
	padding: 5% 0 5% 0;
	border-bottom: 1px rgba(0,72,141,.5) solid; 
	box-shadow: 1px 1px 6px rgba(0,0,0,.7);
}

#quem_sou_interna #conteudo #container_geral_quemsou p{
	margin-top: 2%;
}

#quem_sou_interna #conteudo #container_geral_quemsou header img[name="linha_azul"] {
	position: absolute;
	width: 29%;
	height: auto;
	left: -12%;
}

/*TODAS NOTÍCIAS*/

#noticias_interna {
	position: relative;
	margin-top: 160px;
	overflow: hidden;
	padding-bottom: 30%;
}

#container_geral_noticias {
	position: relative;
	display: block;
}

#container_geral_noticias #conteudo header{
	position: relative;
	display: block;
}

#noticias_interna #conteudo header img[name="linha_azul"] {
	position: absolute;
	width: 29%;
	height: auto;
	left: -12%;
}

#container_noticia {
	position: relative;
	margin: 3% 0 0 3%;
	width: 100%;
	height: auto;
}

#container_noticia button {
	position: relative;
	border: none;
	background-color: #00498E;
	margin-top: 2%;
	padding: .5% 2%;
}

#container_noticia h5, #container_noticia p {
}

/*NOTÍCIA DETALHE*/

#noticia_interna_detalhes {
	position: relative;
	margin-top: 140px;
	overflow: hidden;
	padding-bottom: 25%;
}

#noticia_interna_detalhes #conteudo section p{
	margin-top: 5%;
}

#noticia_interna_detalhes #conteudo section address{
	margin-top: 2%;
}

#noticia_interna_detalhes #conteudo header{
	position: relative;
	display: block;
	margin-top: 60px;
	width: 35%;
	height: auto;
}

#noticia_interna_detalhes #conteudo header h1{
	margin-bottom: 1%;
}

#noticia_interna_detalhes #conteudo header h2{
	margin-top: 10px;
}

#noticia_interna_detalhes #conteudo header img[name="linha_azul"] {
	position: absolute;
	left: -34%;
}