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


#destaques {
	position: relative;
	width: 100%;
	height: 200px;
	background: url('/public/img/layout/default/novadelfos/destaques/01.png') center center no-repeat;
	background-size: cover;
	z-index: 88;
}

#resultados {
	position: relative;
	margin: -50px auto 0 auto;
	width: 800px;
	height: auto;
	padding: 20px 30px;
	background: url('/public/img/layout/default/novadelfos/destaques/01.png') center center no-repeat;
	background-size: cover;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 5px 5px 5px rgb(0 0 0 / 10%);
	z-index: 89;
}
	#resultados span {
		display: inline-block;
		vertical-align: top;
	}
	#resultados a {
		display: inline-block;
		width: 200px;
		margin: 0px 0 0 200px;
		border: 1px solid #021E68;
		padding: 10px 20px;
		background: #021E68;
		text-align: center;
		border-radius: 5px;
		vertical-align: top;
		
		transition: all 0.3s ease;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
	}
		#resultados a:hover {
			background: #049DDB;
		}


#convenios {
	position: relative;
	width: 100%;
	margin: -30px 0 0 0;
	padding: 30px 0 30px 0;
	background: #F7F7F7;
	z-index: 87;
}
	#convenios #esq {
		display: inline-block;
		width: 250px;
		vertical-align: top;
		padding: 60px 0 0 0;
	}

	#convenios #conv {
		display: inline-block;
		position: relative;
		width: 550px;
		margin: 30px 0 0 60px;
		padding: 0 20px 0 20px;
	}
	#convenios #conv ul {
		width: auto;
	}
		#convenios #conv ul li a {
			display: block;
			float: left;
			width: 150px;
			height: 100px;
		}
			#convenios #conv ul li a img {
				display: block;
				width: 100%;
				height: 100%;
				mix-blend-mode: multiply !important;
				filter: grayscale(100%);
				
				transition: all 0.3s ease;
				-webkit-transition: all 0.2s ease;
				-o-transition: all 0.2s ease;
				-moz-transition: all 0.2s ease;
			}
				#convenios #conv ul li a:hover img {
					filter: grayscale(0%);
				}


#exames {
	position: relative;
	padding: 80px 0;
	text-align: center;
}
	#exames #title {
		display: inline-block;
		width: 700px;
		text-align: left;
		padding: 0 0 10px 10px;
		border-bottom: 1px solid #E0E0E0;
	}
		#exames #title .tt {
			display: inline-block;
			width: 220px;
			vertical-align: top;
			padding: 8px 0 0 0;
		}
		#exames #title .tx {
			display: inline-block;
			width: 450px;
			vertical-align: top;
		}
		#exames ul#exms {
			display: inline-block;
			width: 100%;
			padding: 40px 0 0 0;
		}
			#exames ul#exms li {
				text-align: left;
				width: 280px;
				height: 450px;
				padding: 0 10px;
			}
				#exames ul#exms li h3 {
					line-height: 180%;
				}
			#exames ul#exms li img {
				display: inline-block;
				border-radius: 10px;
				margin: 0 0 10px 0;
				width: 280px;
				height: 280px;
			}


#checkup {
	position: relative;
	padding: 40px 0;
	width: 100%;
	height: auto;
	background: #021E68;
}
	#checkup #box {
		display: inline-block;
		padding: 0 20px;
		width: 430px;
	}
		#checkup #box.bx1 {
			border-right: 1px solid #1B3FA0;
		}
		#checkup #box img {
			display: block;
			width: 427px;
			height: 153px;
			border-radius: 10px;
			margin: 0 0 10px 0;
		}
		#checkup #box span.tam45 {
			display: block;
			padding: 20px 0 0 0;
			width: 100%;
		}
		#checkup #box span.tam14 {
			display: block;
			padding: 30px 0 0 0;
			width: 100%;
		}
		#checkup #box a {
			margin: 20px 0 0 0;
			width: 130px !important;
		}


#especialidades {
	position: relative;
	padding: 80px 0;
	text-align: center;
}
	#especialidades #title {
		position: relative;
		display: inline-block;
		width: 700px;
		height: 60px;
		text-align: left;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #E0E0E0;
	}
		#especialidades #title .tt {
			position: relative;
			display: inline-block;
			width: 250px;
			vertical-align: top;
			padding: 0px 180px 0 10px;
			line-height: 100%;
			background: #FFF;
		}
		#especialidades #title .tx {
			position: relative;
			display: inline-block;
			width: 450px;
			margin:0 0 0 -190px;
			vertical-align: top;
		}

	#especialidades ul {
		position: relative;
		display: block;
		width: 100%;
		height: 300px;
		margin:70px 0 0 0;
	}
		#especialidades ul  a{
			display: block;
			
			float: left;
			width: 265px;
			height: 250px;
			background: url('/public/img/layout/default/novadelfos/icons/cexpec.png') 15px 16px no-repeat;
			background-size: 20px;
		}

		#especialidades ul a li {
			text-align: left;
			height: 140px;
			padding: 0 20px 0 0;
			padding: 15px 15px;
			border-radius: 10px;
			border: 1px solid #DDDDDD;
		}
			#especialidades ul li a:hover {
				border: 1px solid #039CDB;
			}
		#especialidades ul li h3 {
			display: block;
			padding: 0 0 0 30px;
		}
		#especialidades ul li h2 {
			display: block;
			padding: 10px 0 0 0;
			height: 75px;
		}
		#especialidades ul li span {
			display: block;
			padding: 10px 0 0 25px;
			border-top:1px solid #E0E0E0;
			width: 100px;
			background: url('/public/img/layout/default/novadelfos/icons/medicalgray.png') 0 13px no-repeat;
			background-size: 10px;
		}

#estetica {
	position: relative;
	padding: 40px 0;
	background: #000 url('/public/img/layout/default/novadelfos/estetica.png') center center no-repeat;
	background-size: cover;
}
	#estetica #dir {
		position: relative;
		display: inline-block;
		width: 440px;
		vertical-align: top;
	}
		#estetica #dir img {
			display: block;
			position: absolute;
			width: 300px;
			height: 200px;
			border-radius: 20px;
			top: 0px;
			left: 20px;
			
		}
			#estetica #dir img.img2 {
				top: 155px;
				left: 120px;
			}
	#estetica #esq {
		position: relative;
		display: inline-block;
		width: 400px;
		margin: 40px 0 40px 20px;
	}
		#estetica #esq span.tam40 {
			display: block;
			width: 100%;
			padding: 0 0 20px 0;
			line-height: 110%;
		}
		#estetica #esq span.tam16 {
			display: block;
			width: 100%;
			padding: 0 0 20px 0;
			line-height: 140%;
		}
		#estetica #esq a {
			display: block;
			width: 130px;
		}

#instagram {
	position: relative;
	padding: 80px 0;
	text-align: center;
}
	#instagram #title {
		display: inline-block;
		width: 750px;
		text-align: left;
		padding: 0 0 10px 0px;
		border-bottom: 1px solid #E0E0E0;
	}
		#instagram #title a.tt {
			display: inline-block;
			width: 340px;
			vertical-align: top;
			padding: 8px 0 20px 45px;
			background: url('/public/img/layout/default/novadelfos/icons/instablue.png') 0 0 no-repeat;
			background-size: 35px;
		}
			#instagram #title a.tt:hover {
				color: #039CDB !important;
			}
		#instagram #title .tx {
			display: inline-block;
			width: 360px;
			vertical-align: top;
		}
		#instagram ul {
			display: inline-block;
			width: 100%;
			height: 370px;
			padding: 40px 0 0 0;
			text-align: center;
			overflow: hidden;
		}
			#instagram ul li {
				display: inline-flex;
				width: 280px;
				height: 350px;
				margin: 10px 10px;
				overflow: hidden;
				white-space: nowrap;
				flex-wrap: wrap;
				justify-content: center;
				text-align: center;
				border: 1px solid #DDDDDD;
				border-radius: 20px;
			}
			#instagram ul li a {
				display: inline-block;
				text-align: left;
				width: 100%;
				height: 100%;
				background: url('/public/img/layout/default/novadelfos/loading.gif') center center no-repeat;
				background-size: 100px;
			}
				#instagram ul li a img {
					display: inline-block;
					width: auto;
					height: auto;
					max-height: 280px;
					min-height: 350px;
				}
				#instagram ul li:hover {
					border: 1px solid #039CDB;
				}



#alinhar.positicas {
	position: relative;
	padding: 40px 0;
}


@media screen and (max-width: 55em) {
	
	#destaques {
		position: relative;
		width: 100%;
		height: 150px;
		background: url('/public/img/layout/default/novadelfos/destaques/01.png') center center no-repeat;
		background-size: cover;
		z-index: 88;
	}

	#resultados {
		position: relative;
		margin: -50px auto 0 auto;
		width: 270px;
		height: auto;
		padding: 20px 20px;
		background: url('/public/img/layout/default/novadelfos/destaques/01.png') center center no-repeat;
		background-size: cover;
		border-radius: 10px;
		background: #FFF;
		box-shadow: 5px 5px 5px rgb(0 0 0 / 10%);
		z-index: 89;
				text-align: center;
	}
		#resultados span {
			display: inline-block;
			vertical-align: top;
		}
			#resultados span.tt {
				font-size: 20px !important;
				width: 100%;
				text-align: center;
			}
		#resultados a {
			display: inline-block;
			width: 200px;
			margin: 20px 0 0 0px;
			border: 1px solid #021E68;
			padding: 10px 20px;
			background: #021E68;
			text-align: center;
			border-radius: 5px;
			vertical-align: top;

			transition: all 0.3s ease;
			-webkit-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
		}
			#resultados a:hover {
				background: #049DDB;
			}


	#convenios {
		position: relative;
		width: 100%;
		margin: -70px 0 0 0;
		padding: 30px 0 30px 0;
		background: #F7F7F7;
		z-index: 87;
	}
		#convenios #esq {
			display: inline-block;
			width: 100%;
			vertical-align: top;
			padding: 70px 0 0 0;
				text-align: center;
		}
			#convenios #esq .tt {
				display: inline-block;
				width: 100%;
				text-align: center;
			}
			#convenios #esq .tx {
				display: inline-block;
				padding: 5px 0 0 0;
				width: 70%;
				text-align: center;
			}

		#convenios #conv {
			display: inline-block;
			position: relative;
			width: auto;
			overflow-x: hidden;
			margin: 30px 0 0 0;
			padding: 0 0px 0 0px;
		}
		#convenios #conv ul {
			width: auto;
		}
			#convenios #conv ul li a {
				display: block;
				float: left;
				width: 105px;
				height: 70px;
			}
				#convenios #conv ul li a img {
					display: block;
					width: 100%;
					height: 100%;
					mix-blend-mode: multiply !important;
					filter: grayscale(100%);

					transition: all 0.3s ease;
					-webkit-transition: all 0.2s ease;
					-o-transition: all 0.2s ease;
					-moz-transition: all 0.2s ease;
				}
					#convenios #conv ul li a:hover img {
						filter: grayscale(0%);
					}


	#exames {
		position: relative;
		padding: 30px 0;
		text-align: center;
	}
		#exames #title {
			display: inline-block;
			width: auto;
			text-align: center;
			padding: 0 20px 10px 20px;
			border-bottom: 1px solid #E0E0E0;
		}
			#exames #title .tt {
				display: inline-block;
				width: 100%;
				vertical-align: top;
				padding: 8px 0 20px 0;
			}
			#exames #title .tx {
				display: inline-block;
				width: 100%;
				vertical-align: top;
			}
			#exames ul#exms {
				display: inline-block;
				width: 100%;
				padding: 40px 0 0 0;
			}
				#exames ul#exms li {
					text-align: left;
					width: 280px;
					height: 440px;
					padding: 0 10px;
				}
					#exames ul#exms li h3 {
						line-height: 180%;
					}
				#exames ul#exms li img {
					display: inline-block;
					border-radius: 10px;
					margin: 0 0 10px 0;
					width: 280px;
					height: 280px;
				}


	#checkup {
		position: relative;
		padding: 20px 0;
		width: 100%;
		height: auto;
		background: #021E68;
	}
		#checkup #box {
			display: inline-block;
			padding: 20px 20px;
			width: auto;
		}
			#checkup #box.bx1 {
				border-right: 1px solid #1B3FA0;
			}
			#checkup #box img {
				display: block;
				width: 327px;
				height: 123px;
				border-radius: 10px;
				margin: 0 0 10px 0;
			}
			#checkup #box span.tam45 {
				display: block;
				padding: 20px 0 0 0;
				width: 100%;
			}
			#checkup #box span.tam14 {
				display: block;
				padding: 30px 0 0 0;
				width: 100%;
			}
			#checkup #box a {
				margin: 20px 0 0 0;
				width: 130px !important;
			}


	#especialidades {
		position: relative;
		padding: 30px 0;
		text-align: center;
	}
		#especialidades #title {
			position: relative;
			display: inline-block;
			width: auto;
			height: 150px;
			text-align: center;
			padding: 0 0 10px 0;
			border-bottom: 1px solid #E0E0E0;
		}
			#especialidades #title .tt {
				position: relative;
				display: inline-block;
				width: auto;
				vertical-align: top;
				padding: 0px 0 10px 0;
				line-height: 100%;
				background: #FFF;
			}
			#especialidades #title .tx {
				position: relative;
				display: inline-block;
				width: auto;
				margin:0 0 0 0;
				vertical-align: top;
			}

		#especialidades ul {
			position: relative;
			display: block;
			width: auto;
			padding: 0 10px;
			height: 250px;
			margin:30px 0 0 0;
		}
			#especialidades ul li {
				text-align: left;
				height: 220px;
				padding: 0 20px 0 0;
				margin: 0 0 0 10px;
			}
			#especialidades ul li a {
				display: block;

				float: left;
				width: 265px;
				height: 140px;
				padding: 15px 15px;
				border: 1px solid #DDDDDD;
				border-radius: 10px;
				background: url('/public/img/layout/default/novadelfos/icons/cexpec.png') 15px 16px no-repeat;
				background-size: 20px;
			}
				#especialidades ul li a:hover {
					border: 1px solid #039CDB;
				}
			#especialidades ul li h3 {
				display: block;
				padding: 0 0 0 30px;
			}
			#especialidades ul li h2 {
				display: block;
				padding: 10px 0 0 0;
				height: 75px;
			}
			#especialidades ul li span {
				display: block;
				padding: 10px 0 0 25px;
				border-top:1px solid #E0E0E0;
				width: 100px;
				background: url('/public/img/layout/default/novadelfos/icons/medicalgray.png') 0 13px no-repeat;
				background-size: 10px;
			}

	#estetica {
		position: relative;
		padding: 20px 0;
		background: #000 url('/public/img/layout/default/novadelfos/estetica.png') center center no-repeat;
		background-size: cover;
	}
		#estetica #dir {
			position: relative;
			display: inline-block;
			width: 100%;
			vertical-align: top;
		}
			#estetica #dir img {
				display: block;
				position: absolute;
				width: 250px;
				height: 190px;
				border-radius: 10px;
				top: 0px;
				left: 20px;

			}
				#estetica #dir img.img2 {
					top: 125px;
					right: 20px;
					left: auto;
				}
		#estetica #esq {
			position: relative;
			display: inline-block;
			width: auto;
			padding: 0 20px;
			margin: 320px 0 40px 0;
		}
			#estetica #esq span.tam40 {
				display: block;
				width: auto;
				padding: 0 0 20px 0;
				line-height: 110%;
			}
			#estetica #esq span.tam16 {
				display: block;
				width: auto;
				padding: 0 0 20px 0;
				line-height: 140%;
			}
			#estetica #esq a {
				display: block;
				width: 130px;
			}

			#instagram {
				position: relative;
				padding: 80px 0;
				text-align: center;
			}
				#instagram #title {
					display: inline-block;
					width: auto;
					text-align: center;
					padding: 0 0 10px 0px;
					border-bottom: 1px solid #E0E0E0;
				}
					#instagram #title a.tt {
						display: inline-block;
						width: 250px;
						vertical-align: top;
						padding: 2px 0 20px 0;
						text-align: right;
						background: url('/public/img/layout/default/novadelfos/icons/instablue.png') 0 0 no-repeat;
						background-size: 25px;
						font-size: 30px !important;
					}
						#instagram #title a.tt:hover {
							color: #039CDB !important;
						}
					#instagram #title .tx {
						display: inline-block;
						width: auto;
						padding: 0 20px;
						vertical-align: top;
					}
					#instagram ul {
					display: inline-block;
					width: 100%;
					height: auto;
					padding: 40px 0 0 0;
					text-align: center;
					overflow: hidden;
				}
					#instagram ul li {
						display: inline-flex;
						width: 115px;
						height: 115px;
						margin: 1px 1px;
						overflow: hidden;
						white-space: nowrap;
						flex-wrap: wrap;
						justify-content: center;
						text-align: center;
						border: 1px solid #DDDDDD;
						border-radius: 5px;
					}
					#instagram ul li a {
						display: inline-block;
						text-align: left;
						width: 100%;
						height: 100%;
						background: url('/public/img/layout/default/novadelfos/loading.gif') center center no-repeat;
						background-size: 100px;
					}
						#instagram ul li a img {
							display: inline-block;
							width: auto;
							height: auto;
							max-height: 115px;
							min-height: 115px;
						}
						#instagram ul li:hover {
							border: 1px solid #039CDB;
						}


}