@charset "utf-8";
/* CSS Document */

body {
	font-family: "Didact Gothic", "PT Sans", helvetica, arial, sans-serif;
	color: #025951;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}

/* TAGs */

img,
picture,
video,
embed,
iframe {
	max-width: 100%;
	border: none;

}

/* SCROLL TOPO */

.linkTopo {
	/* Aplica os estilos para a imagem que está dentro da div */
	width: 50px;
	height: 50px;
	color: #CCC;
	position: fixed;
	/* Deixa a imagem "Fixada" na tela */
	bottom: 0;
	right: 0;
	/* Posiciona a imagem no inferior direito da página */
	border-radius: 1em 0 0 0;
	z-index: 10;
	opacity: 0.6;
	display: block;
}

.linkTopo a:link,
a:visited {
	text-decoration: none;
	float: right;
	height: 50px;
	width: 50px;
	color: #CCC;
	margin: 0 auto;
	display: block;
	cursor: pointer;
	font-size: 0.6em;
	padding: 1.5em 0;
}

.linkTopo a:hover {
	text-decoration: none;
	color: #CCC;
	border-radius: 1em 0 0 0;
	-webkit-transition: background-color 1s;
	-o-transition: background-color 1s;
	transition: background-color 1s;
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transform-origin: heigth;
	-ms-transform-origin: heigth;
	transform-origin: heigth;
	display: block;
	width: 50px;
	height: 50px;
	font-size: 0.6em;
}

/* CABEÇALHO */

header {
	margin-bottom: 0;
}

header {
	margin-bottom: 0;
}

header figure {
	text-align: center;
	margin-bottom: 0;
}

/* MENU DE TOPO */

#topo {
	margin: 0.6em 0 2em 0;
	width: 100%;
	float: right;
}

#topo a {
	float: right;
	color: #025951;
	margin-right: 1em;
}

#topo img {
	height: 20px;
}

/* MENU */

#menu {
	position: relative;
	z-index: 2;
	color: #005756;
	text-align: center;
	margin-top: 2em;
}

#menu ul {}

#menu li {
	display: inline-block;
}

a.linkmenu:link {
	color: #025951;
	text-decoration: none;
}

a.linkmenu:visited {
	color: #025951;
	text-decoration: none;
}

a.linkmenu:hover {
	color: #ABBF0F;
	text-decoration: none;
}

#bt_menu {
	display: none;
}

#icone {
	display: none;
}

/* BARRA DE FRASE */

#frase {
	background-color: #ABBF0F;
	margin-top: 0 5em;
}

#frase article {
	color: #fff;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 0.5em;
}

/* ESPECIALIDADE */

#especialidade h2 {
	font-size: 2em;
	margin-top: 1em;
	margin-bottom: 0.6em;
}

#especialidade ul {
	margin-top: 1em;
	margin-left: 3em;
}

#especialidade img {
	border-left: solid 5px #ECF2BB;
}

/* AGENDAR CONSULTA */

#agendeconsulta {
	background-color: #025951;
	color: #fff;
	padding-top: 1em;
	padding-bottom: 0.4em;
}

#agendeconsulta a:link {
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
}

#agendeconsulta a.agenda:hover {
	color: #CBD966;
}

#agendeconsulta img {
	height: 30px;
}

/* EXAMES */

#exames {
	text-align: center;
	padding-top: 5em;
	padding-bottom: 1em;
}

#exames p {
	margin: 2em 0 0 0em;
}

/* LISTA DE EXAMES */

#exames_lista {
	margin: 0em 0 7em 0;
}

#exames_lista article {
	display: block;
}

#exames_lista figure {
	margin: 3em 0 3em 1em;
}

#exames_lista p {
	margin: 3em 0 0 0em;
}

/* ULTRASSOM */

#ultrassom {
	border-top: 25px solid #025951;
	margin-bottom: 8em;
}

#ultrassom h2 {
	vertical-align: center;
	text-align: center;
	font-size: 2em;
	margin-top: 2em;
	margin-bottom: 1em;
}

#ultrassom p {
	vertical-align: center;
	text-align: center;
}

#ultrassom article {
	margin-top: 2em;
	margin-bottom: 3em;
}

#ultrassom article p {
	vertical-align: justify;
	text-align: justify;
	font-size: 0.8em;

}

#ultrassom ul {
	vertical-align: center;
	text-align: center;
	background-color: #025951;
	color: #fff;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 3em;
}

#ultrassom li {
	text-decoration: none;
	display: inline-block;
	padding-left: 0.5em;
	padding-right: 1em;
}

#ultrassom img {
	vertical-align: center;
	text-align: center;
	margin: 0 auto;
}

a.linkultra{
	margin:0 auto;
	text-align: center;
	background-color: #ABBF0F;
	padding: 0.5em 2em;
	text-decoration: none;
}
a.linkultra:link{
	color: #fff;

}

a.linkultra:visited {
	color: #fff;

}

a.linkultra:hover {
	color: #025951;

}


/* CONVÊNIOS */

#convenios {
	background-color: #ECF2BB;
	height: auto;
}

#convenios h2 {
	background-color: #CBD966;
	width: 200px;
	height: auto;
	vertical-align: center;
	text-align: center;
	padding: 1em;
	margin: 0;
}

#convenios figure {
	margin: 0;
}

#convenios img {
	height: 80px;
	margin: 0.5em 0;
}

/* CORPO CLÍNICO */

#corpoclinico {
	margin: 0;
	text-align: center;
}

#corpoclinico figure {
	margin: 0;
}

/* QUEM SOMOS */

#quem_somos {
	color: #fff;
	background-color: #025951;
	font-size: 0.9em;
	padding: 3em 0 1em 0;
	margin-top: 0;
}

#quem_somos figure {
	padding: 3em;
}

#quem_somos dt {
	color: #36B385;
}

/* LOCALIZAÇÃO */

#localizacao {
	width: 100%;
	height: 400px;
	background-color: #FFFFFF;
	margin-bottom: 5em;
}

#localizacao article {
	padding: 1em 0;
}

/* FOTOS */

#fotos {
	background-color: #025951;
}

#fotos h2 {
	padding-top: 3em;
	text-align: center;
	color: #ABBF0F;
}

#fotos ul {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 100px auto;
}

#fotos li {
	padding: 10px;
}

#fotos img {
	border: solid 4px #E2E88E;
	border-radius: 50px 0px;
	padding: 0;
}

a.linkfotos:link {
	color: #ABBF0F;
	text-decoration: none;
}

a.linkfotos:visited {
	color: #ABBF0F;
	text-decoration: none;
}

a.linkfotos:hover {
	color: #ABBF0F;
	text-decoration: none;
}

.lbox {
	visibility: hidden;
	opacity: 0;
	display: none;
}

.min {
	width: 200px;
}

.lbox:target {
	opacity: 1;
	visibility: visible;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	text-align: center;
	background-color: rgba(2, 89, 81, 0.7);
	display: block;
}

.box-img {
	width: 100%;
	margin: 100px auto;
	border-radius: 50px 0px;
}

.btn {
	color: #025951;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	text-decoration: none;
	position: absolute;
	width: 50px;
	height: 50px;
	font-size: 2em;
	text-align: center;
}

#prev {
	left: 5%;
	top: 45%;
}

#next {
	right: 5%;
	top: 45%;
}

#close {
	top: 0;
	right: 2px;
}

.box-img img {
	width: 800px;
	opacity: 0;
}

.lbox:target .box-img img {
	opacity: 1;
	-webkit-transition: opacity 250ms linear;
	-o-transition: opacity 250ms linear;
	transition: opacity 250ms linear;
}

/* FORMUMLÁRIO FALE CONOSCO */

#faleconosco {
	background-color: #CBD966;
	padding: 2em 0;
	vertical-align: center;
	text-align: center;
}

#faleconosco h2 {
	margin: 2em 0 1em 0;
}

#faleconosco fieldset {
	margin-top: 2em;
	border: none;
}

#form {
	color: #000;
}

#form label {
	margin-top: 0.6em;
	margin-bottom: 0.4em;
	font-size: 1.2em;
	float: right;
	color: #025959;
}

#form input {
	background-color: #F1F2D5;
	font-size: 1.2em;
	width: 100%;
}

#form textarea {
	background-color: #F1F2D5;
	font-size: 1.5em;
	margin-top: 1em;
	width: 100%;
}

#form button {
	background-color: #025959;
	color: #ffffff;
	font-size: 1em;
	border: 0px;
	width: 30%;
	margin-top: 20px;
}

/* RODAPÉ  */

footer {
	background-color: #025959;
	color: #fff;
	padding: 3em;
}

footer h3 {
	font-size: 1em;
	margin-bottom: 1em;
}

footer p {
	font-size: 0.8em;
}

footer li {
	color: #fff;
	font-size: 0.8em;
	list-style: none;
}

a.footer:link {
	color: #fff;
}

a.footer:visited {
	color: #fff;
}

a.footer:hover {
	color: #fff;
}

@media only screen and (max-width: 800px) {
	#convenios img {
		height: 80px;
		margin: 0.5em 2em;
	}
}

@media only screen and (max-width: 720px) {
	#icone {
		display: inline-block;
		margin-top: 0;
		padding: 0.3em;
	}
	label[for="bt_menu"] {
		display: block;
		font-size: 1.7em;
		cursor: pointer;
		left: 00px;
		float: left;
		text-align: left;
		color: #CCC;
	}
	#bt_menu:checked~nav {
		-webkit-transition: all 0.9s;
		-o-transition: all 0.9s;
		transition: all 0.9s;
		margin-left: 0px;
		left: -20px;
	}
	#topo {
		opacity: 1;
	}
	#menu {
		margin-left: -600px;
		position: absolute;
		float: left;
		width: 100%;
		height: auto;
		top: 100px;
		background-color: #fff;
	}
	#menu ul li {
		display: block;
		text-align: left;
		margin: 0.5em;
	}
}

@media only screen and (max-width: 640px) {
	#menu {
		margin-left: -800px;
		position: absolute;
		float: left;
		width: 100%;
		height: auto;
		top: 100px;
	}
}