@CHARSET "ISO-8859-1";
::-moz-selection{ background:#000; color: #fff; }
::selection{ background:#000; color: #fff; }

body, html{ margin: 0 auto; padding: 0; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 400; height: 100%; width: 100%; max-width: 2000px; }
body{ min-height: 100%; }
select, input, textarea{ font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; outline: 0px; resize: none; }
h1, h2, h3, h4, h5{ margin: 0; padding: 0; }
a, a img{ border: 0px; outline: none; text-decoration: none; }
a img:HOVER, a:HOVER{ text-decoration: underline; border: 0px; }

.noMarginRight{ margin-right: 0px !IMPORTANT; }			.noMarginLeft{ margin-left: 0px !IMPORTANT; }		.noMargin{ margin: 0px !IMPORTANT; }
.noPaddingRight{ padding-right: 0px !IMPORTANT; }		.noPaddingLeft{ padding-left: 0px !IMPORTANT; }		.noPadding{ padding: 0px !IMPORTANT; }
.noBackground{ background: none !IMPORTANT; }			.floatRight{ float: right !IMPORTANT; }				.floatLeft{ float: left !IMPORTANT; }
.displayNone{ display: none; }							.noBorder{ border: 0px !IMPORTANT; }				.noBackground{ background: none !IMPORTANT; }
.clearfix{zoom:1;} .clearfix:after{clear:both; content:"."; display:block; height:0; visibility:hidden;} .clearfix{*zoom:1;}
.clear-both{ clear: both; }
.displayTeste{ background-color: aqua; border: 1px solid #000000; }

/* Padrões */
.clinica-section-title{ width: 100%; text-align: center; background-image: url(images/dotted2.png); background-repeat: repeat-x; background-position: center; }
.clinica-section-title h2, .clinica-section-title h1{ display: inline-block; background-color: #ffffff; padding: 0 32px; font-size: 31.5px; font-weight: 300; color: #666666; }
@media all and (min-width: 992px){
	.text-md-right{ text-align: right; }
	.mais-padding-right-md{ padding-right: 30px; }
}
@media all and (max-width: 991px){
	.clinica-section-title h2, .clinica-section-title h1{ padding: 0 20px; font-size: 30px; }		
	.text-mob-center{ text-align: center; }
	select, input, textarea{ font-size: 16px; }
    .flex-container-xs-sm{ display: flex; flex-direction: column-reverse; }
}
@media all and (min-width: 768px) and (max-width: 991px){
	.no-padding-left-only-sm{ padding-left: 0; }
}
@media all and (min-width: 768px){
    .no-padding-left-sm{ padding-left: 0; }
}
@media all and (max-width: 767px){
    .flex-container{ display: flex; flex-direction: column-reverse; }
}


/* Portal Header */
#portal-header{ width: 100%; background-image: url(images/bg.png); background-repeat: no-repeat; background-position: center top; padding: 55px 0 27px 0; }
#portal-header .main-body{ margin:0 auto; width: 930px; max-width: 100%; position:relative; }
#portal-header .bem-vindo{ display: block; text-align: right; color: #374f9f; font-size: 38px; line-height: 1.14; font-weight: 300; }
#portal-header h1{ text-align: right; font-size: 48px; line-height: 1.14; font-weight: 300; color: #51a775; }
#portal-header .dotted{ width: 100%; height: 24px; margin: 18px 0 30px 0; }
#portal-header .dotted .dots{ float: left; width: 628px; height: 100%; background-image: url(images/dotted.png); background-repeat: repeat-x; background-position: center; }
#portal-header .dotted span{ display: block; float: left; width: 300px; text-align: right; font-size: 23px; line-height: 1; font-weight: 300; color: #374f9f; }
#portal-header a.shape01{ display:block; position: relative; text-align: center; width: 420px; height: 236px; border-radius: 50%; border: 1px solid #21a54d; background-image: url(images/nav-bg.png); background-repeat: no-repeat; background-position: center; text-decoration: none !important; }
#portal-header a.shape01.salus{ float: right; border: 1px solid #374f9f;  }
#portal-header a.shape01.clinica img{ width: 266px; margin-top: 38px; }
#portal-header a.shape01.salus img{ width: 316px; margin-top: 60px; }
@media all and (min-width: 768px) and (max-width: 991px){
	#portal-header{ background-position: -400px top; padding: 55px 0 35px 0; }
	#portal-header .dotted .dots{ width: 418px; }
	#portal-header a.shape01{ width: 280px; height: 157px; background-size: cover; }
	#portal-header a.shape01.clinica{ margin-left: 50px; }
	#portal-header a.shape01.salus{ margin-right: 50px; }
	#portal-header a.shape01.clinica img{ width: 140px; margin-top: 37px; }
	#portal-header a.shape01.salus img{ width: 166px; margin-top: 50px; }	
}
@media all and (max-width: 767px){
	#portal-header{ background-position: -715px top; padding: 30px 0 30px 0; }
	#portal-header .bem-vindo{ font-size: 34px; }
	#portal-header h1{ font-size: 44px; }
	#portal-header .dotted{ width: 100%; height: 22px; margin: 18px 0 30px 0; }
	#portal-header .dotted .dots{ float: left; width: calc(100% - 270px); }
	#portal-header .dotted span{ float: left; width: 270px; font-size: 20px; }	
	#portal-header a.shape01{ width: 230px; height: 129px; background-size: cover; margin: 0 auto; }
	#portal-header a.shape01.salus{ float: none; margin-top: 15px; }
	#portal-header a.shape01.clinica img{ width: 140px; margin-top: 22px;  }
	#portal-header a.shape01.salus img{ width: 166px; margin-top: 35px; }
}
@media all and (max-width: 380px){
	#portal-header .bem-vindo{ font-size: 28px; }
	#portal-header h1{ font-size: 38px; }
}


/* Portal Endereços */
#portal-enderecos{ margin-top: 10px; min-height: calc(100vh - 580px); }
#portal-enderecos .clinica{ min-height: calc(100vh - 580px); padding-right: 27px; padding-left: 0; }
#portal-enderecos .salus{ min-height: calc(100vh - 580px); padding-left: 27px; padding-right: 0; }
#portal-enderecos .clinica .container-bg{ min-height: calc(100vh - 580px); text-align: right; background-color: #21a54d; padding-top: 12px; padding-bottom: 24px; }
#portal-enderecos .salus .container-bg{ min-height: calc(100vh - 580px); text-align: left; background-color: #374f9f; padding-top: 12px; padding-bottom: 24px; }
#portal-enderecos .clinica .container-bg .linha, #portal-enderecos .salus .container-bg .linha{ width: 100%; height: 2px; background-color: #ffffff; margin-bottom: 22px; }
#portal-enderecos .clinica .container-area{ text-align: center; float: right; width: 413px; margin-right: 32px; }
#portal-enderecos .salus .container-area{ text-align: center; float: left; width: 413px; margin-left: 32px; }
#portal-enderecos h2{ font-size: 26px; font-weight: 300; color: #ffffff; margin-bottom: 17px; }
#portal-enderecos p{ font-size: 17px; line-height: 1.25; font-weight: 300; color: #ffffff; margin-bottom: 17px; }
#portal-enderecos a.telefone{ display: block; color: #ffffff; font-size: 26px; font-weight: 300; text-decoration: none !important; cursor: default; margin-bottom: 5px; }
#portal-enderecos a.fb{ background: url(images/fb-icon.png) no-repeat left center; padding-top: 11px; display: inline-block; height: 36px; padding-left: 45px; color: #ffffff; font-size: 17.5px; font-weight: 300; }
@media all and (min-width: 768px) and (max-width: 991px){
	#portal-enderecos .clinica{ padding-right: 15px; padding-left: 0; }
	#portal-enderecos .salus{ padding-left: 15px; padding-right: 0; }	
	#portal-enderecos .clinica .container-area{ width: 328px; margin-right: 25px; }
	#portal-enderecos .salus .container-area{ width: 328px; margin-left: 25px; }
	#portal-enderecos h2{ font-size: 22px; }
	#portal-enderecos p{ font-size: 14px; }
	#portal-enderecos a.telefone{ font-size: 22px; }
	#portal-enderecos a.fb{ background-size: 18px 18px; padding-top: 6px; height: 28px; padding-left: 25px; font-size: 14px; text-decoration: none !important; }
}
@media all and (max-width: 767px){
	#portal-enderecos{ min-height: auto; }
	#portal-enderecos .clinica{ min-height: auto; padding-right: 0; padding-left: 0; }
	#portal-enderecos .salus{ min-height: auto; padding-left: 0; padding-right: 0; }
	#portal-enderecos .clinica .container-bg{ min-height: auto; text-align: right; padding-top: 12px; padding-bottom: 24px; }
	#portal-enderecos .salus .container-bg{ min-height: auto; text-align: left; padding-top: 12px; padding-bottom: 24px; }
	#portal-enderecos .clinica .container-area{ padding: 0 8px;text-align: center; float: none; width: 100%; margin-right: 0; }
	#portal-enderecos .salus .container-area{ padding: 0 8px;text-align: center; float: none; width: 100%; margin-left: 0; }
	#portal-enderecos h2{ font-size: 23px;  }
	#portal-enderecos p{ font-size: 15px; }
	#portal-enderecos a.telefone{ font-size: 23px; }
	#portal-enderecos a.fb{ background-size: 18px 18px; padding-top: 6px; height: 28px; padding-left: 25px; font-size: 14px; text-decoration: none !important; }
	#portal-enderecos h3{ font-size: 20px; font-weight: 400; color: #ffffff; margin-bottom: 2px; }
}
@media all and (max-width: 380px){
	#portal-enderecos h2{ font-size: 21px; }
	#portal-enderecos p{ font-size: 13px; }
	#portal-enderecos a.telefone{ font-size: 21px; }
	#portal-enderecos a.fb{ padding-top: 6px; font-size: 13px; padding-left: 22px; }
	#portal-enderecos h3{ font-size: 19px; }
}


/* Portal Rodapé */
#portal-footer{ width: 100%; background-color: #5d5f61; padding: 22px 0; margin: 9px 0; font-size: 13.5px; line-height: 14px; font-weight: 300; color: #ffffff; }
#portal-footer .main-body{ margin:0 auto; width: 990px; max-width: 100%; position:relative; }
#portal-footer a{ color: #ffffff; } 
@media all and (max-width: 991px){
	#portal-footer{ line-height: 1.3; }
	#portal-footer .free-area{ margin-top: 12px; }
}


/* Clínica Header */
#clinica-header{ width: 100%; padding-top: 10px; z-index: 99999; background-color: #ffffff; }
#clinica-header .main-body{ margin: 0 auto; width: 1022px; max-width: 100%; position:relative; border-bottom: 2px solid #9dd3af; }
#clinica-header .logo-area{ text-align: right; }
#clinica-header .logo-area a{ display: inline-block; padding-bottom: 3px; border-bottom: 4px solid #5ca47a; -webkit-transition: 0.8s; transition: 0.8s; }
#clinica-header .logo-area a:hover{ border-bottom: 4px solid #d6eddd; -webkit-transition: 0.8s; transition: 0.8s; }
#clinica-header .opcoes{ text-align: right; padding-right: 30px; }
#clinica-header .opcoes a{ display: inline-block; text-decoration: none !important; }
#clinica-header .opcoes a.idioma{ padding: 5px 0; margin-left: 3px; }
#clinica-header .opcoes a.area-restrita{ padding: 11px 11px 11px 24px; border: 1px solid #5ca47a; background-image: url(images/cadeado.png); background-repeat: no-repeat; background-position: 11px 9px; margin-right: 9px; font-size: 11.3px; line-height: 1; font-weight: 400; color: #666666; -webkit-transition: 0.4s; transition: 0.4s; }
#clinica-header .opcoes a.area-restrita:hover{ border: 1px solid #d6eddd; color: #387f56; background-color: #d6eddd; -webkit-transition: 0.4s; transition: 0.4s; }
#clinica-header .opcoes a.fone{ margin-right: 12px; font-size: 16px; font-weight: 700; color: #777777; cursor: default; }
#clinica-header .menu-area { text-align: right; padding-right: 5px; margin-top: 35px; }
#clinica-header .menu{ display: inline-block; }
#clinica-header .menu li{ margin: 0 5px; padding-left: 0; padding-right: 0; }
#clinica-header .menu li a{ display: block; padding: 10px 16px; font-size: 16px; line-height: 1; font-weight: 300; color: #1e8235; text-decoration: none !important; -webkit-transition: 0.6s; transition: 0.6s; }
#clinica-header .menu li a:hover, #clinica-header .menu li a.selected{ background-color: #d6eddd; -webkit-transition: 0.6s; transition: 0.6s; }
@media all and (min-width: 992px) and (max-width: 1199px){
	#clinica-header .logo-area{ text-align: center; }
	#clinica-header .menu-area { padding-right: 0; }
	#clinica-header .menu li{ margin: 0 4px; }
	#clinica-header .menu li a{ padding: 10px 14px; }
}
@media all and (min-width: 768px) and (max-width: 991px){
	#clinica-header{ padding-top: 15px; }
	#clinica-header .logo-area{ text-align: left; }
	#clinica-header .logo-area a{ padding-bottom: 3px; border-bottom: 2px solid #5ca47a; }
	#clinica-header .logo-area a:hover{ border-bottom: 3px solid #d6eddd; }
	#clinica-header .logo-area a img{ width: 92px; }
	#clinica-header .opcoes{ text-align: right; padding-right: 15px; }
	#clinica-header .opcoes a.idioma{ padding: 1px 0; }
	#clinica-header .opcoes a.area-restrita{ padding: 6px 8px 6px 21px; font-size: 10px; background-position: 8px 4px; }
	#clinica-header .opcoes a.fone{ font-size: 12px; }
	#clinica-header .menu-area { padding-right: 0; margin-top: 20px; }
	#clinica-header .menu li{ margin: 0 3px; padding-left: 0; padding-right: 0; }
	#clinica-header .menu li a{ padding: 7px 10px; font-size: 14px; }
	#clinica-header .menu li a:hover, #clinica-header .menu li a.selected{ background-color: #d6eddd; -webkit-transition: 0.6s; transition: 0.6s; }
}
@media all and (max-width: 767px){
	#clinica-header{ position: fixed; background-color: #ffffff; padding-top: 10px; padding-bottom: 10px; box-shadow: 0px 7px 7px -2px rgba(0,0,0,0.3); }
	#clinica-header .main-body{ border-bottom: 0; }	
	#clinica-header .logo-area{ text-align: left; }
	#clinica-header .logo-area a{ border-bottom: 2px solid #5ca47a; }
	#clinica-header .logo-area a:hover{ border-bottom: 2px solid #d6eddd; }
	#clinica-header .logo-area a img{ width: 92px; }
	#clinica-header .fa-bars{ float: right; font-size: 36px !important; margin-top: 18px; color: #5ca47a; }
	#clinica-header .menu-mobile{ display: none; position: fixed; top: 0; left: 0; z-index: 999999; width: 250px; height: 100vh;  overflow-y: auto; padding: 20px 15px;  box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.3);
		background: rgba(250,250,250,1);
		background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(240,240,240,1)));
		background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 100%);
		background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 100%);
		background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 100%);
		background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f0f0f0', GradientType=0 );	
	}	
	#clinica-header .opcoes{ text-align: left; padding-right: 0; margin-top: 30px; }
	#clinica-header .opcoes a{ display: block; margin-bottom: 12px; }
	#clinica-header .opcoes a.idioma{ padding: 0; margin-left: 0; color: #777777; }
	#clinica-header .opcoes a.idioma.selected { color: #5ca47a; }
	#clinica-header .opcoes a.idioma img{ display: none; }
	#clinica-header .opcoes a.idioma span{ font-weight: 400; }
	#clinica-header .opcoes a.area-restrita{ background-position: 10px 7px; padding: 9px 10px 9px 24px; width: 120px; }
	#clinica-header .opcoes a.fone{ margin-right: 0; font-size: 15px; }
	#clinica-header .menu-area { text-align: left; padding-right: 0; margin-top: 5px; }
	#clinica-header .menu{ display: block; }
	#clinica-header .menu li{ margin: 0; padding-left: 0; padding-right: 0; width: 100%; }
	#clinica-header .menu li a{ display: block;  padding: 10px 15px;  }
}

/* Clínica Banner */
#clinica-banner{ width: 100%; }
#clinica-banner .main-body{ margin: 0 auto; width: 1024px; max-width: 100%; position:relative; }
#clinica-banner .um-banner{ width: 100%; height: 448px; background-image: url(images/clinica-banner.png); background-repeat: no-repeat; background-position: top center;  }
#clinica-banner .container{ margin-top: -52px; }
#clinica-banner ul{ display: inline-block; margin: 0; }
#clinica-banner ul li{ width: 319px; height: 102px; padding-right: 0; padding-left: 0; margin: 0 1px; }
#clinica-banner ul li:nth-child(1){ background-image: url(images/btn01.png); background-repeat: no-repeat; }
#clinica-banner ul li:nth-child(2){ background-image: url(images/btn02.png); background-repeat: no-repeat; }
#clinica-banner ul li:nth-child(3){ background-image: url(images/btn03.png); background-repeat: no-repeat; }
#clinica-banner ul li a{ display: block; width: 100%; height: 100%; text-align: center; line-height: 102px; text-decoration: none !important; font-size: 21px; color: #666666; }
@media all and (min-width: 992px) and (max-width: 1199px){
	#clinica-banner ul li{ width: 290px; height: 93px; }
	#clinica-banner ul li:nth-child(1){ background-position: right bottom }
	#clinica-banner ul li:nth-child(2){ background-position: center bottom }
	#clinica-banner ul li:nth-child(3){ background-position: left bottom }	
	#clinica-banner ul li a{ line-height: 93px; }
}
@media all and (min-width: 768px) and (max-width: 991px){
	#clinica-banner .container{ margin-top: -38px; }
	#clinica-banner ul li{ width: 220px; height: 70px; background-size: contain; }	
	#clinica-banner ul li a{ line-height: 70px; font-size: 18px; }
}
@media all and (max-width: 767px){
	#clinica-banner{ padding-top: 91px; }
	#clinica-banner .um-banner{ height: 250px; background-image: url(images/clinica-banner-mob.png); background-size: cover; }
	#clinica-banner .container{ margin-top: 0; }
	#clinica-banner ul{ display: block; }
	#clinica-banner ul li{ width: 100%; height: 60px; margin: 10px 0 0 0; border-bottom: 5px solid #54a275; -webkit-border-radius: 6px; border-radius: 6px; }
	#clinica-banner ul li:nth-child(1){ background-color: #cce7d3; background-image: none; background-repeat: repeat; }
	#clinica-banner ul li:nth-child(2){ background-color: #cce7d3; background-image: none; background-repeat: repeat; }
	#clinica-banner ul li:nth-child(3){ background-color: #cce7d3; background-image: none; background-repeat: repeat; }
	#clinica-banner ul li a{ line-height: 58px; font-size: 18px; }
}
@media all and (max-width: 420px){
	#clinica-banner .um-banner{ background-position: -155px center; }
}
@media all and (max-width: 360px){
	#clinica-banner .um-banner{ background-position: -185px center; }
}


/* Clínica Institucional */
#clinica-insitucional{ width: 100%; margin-top: 38px; }
#clinica-insitucional .main-body{ margin: 0 auto; width: 1024px; max-width: 100%; position:relative; background-image: url(images/bg-detalhe.png); background-repeat: no-repeat; background-position: right top; }
#clinica-insitucional .texto{ float: left; width: 295px; margin: 80px 30px 0 60px; }
#clinica-insitucional .texto a{ font-size: 21px; font-weight: 300; color: #666666; text-decoration: none !important; }
#clinica-insitucional .texto a.selected, #clinica-insitucional .texto a:hover{ color: #5ca47a; }
#clinica-insitucional .texto span{ font-size: 21px; font-weight: 300; color: #666666; }
#clinica-insitucional .texto .area-texto{ margin-top: 20px; font-size: 16px; font-weight: 300; line-height: 1.6; color: #666666; }
#clinica-insitucional .imagem{ float: left; margin: 32px 0 0; }
@media all and (max-width: 1199px){
	#clinica-insitucional .main-body{ background-image: none; }
}
@media all and (min-width: 768px) and (max-width: 991px){
	#clinica-insitucional .texto{ margin: 32px 30px 0 60px; }
	#clinica-insitucional .texto a{ font-size: 20px; }
	#clinica-insitucional .texto span{ font-size: 20px; }
	#clinica-insitucional .texto .area-texto{ font-size: 15px; }
	#clinica-insitucional .imagem{ margin: 50px 0 0; }
	#clinica-insitucional .imagem img{ width: 261px; }	
}
@media all and (max-width: 767px){
	#clinica-insitucional{ margin-top: 45px; }
	#clinica-insitucional .texto{ float: none; width: 100%; margin: 28px 0 0 0; text-align: center;; }
	#clinica-insitucional .texto a{ font-size: 20px; }
	#clinica-insitucional .texto span{ font-size: 20px; }
	#clinica-insitucional .texto .area-texto{ font-size: 15px; text-align: left; }
	#clinica-insitucional .imagem{ float: none; margin: 25px 0 0; text-align: center; }
	#clinica-insitucional .imagem img{ width: 261px; }		
}



/* Clínica Equipe */
#clinica-equipe{ width: 100%; margin-top: 25px; }
#clinica-equipe .main-body{ margin: 0 auto; width: 1024px; max-width: 100%; position:relative; }
#clinica-equipe .clinica-section-title{ margin-bottom: 30px; }
#clinica-equipe .foto-circulo{ width: 245px; height: 245px; margin: 0 auto; border: 2px solid #9dd3af; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#clinica-equipe .um-membro{ margin-bottom: 50px; }
#clinica-equipe .um-membro:first-child{ margin-bottom: 90px; }
#clinica-equipe .um-membro h1, #clinica-equipe .um-membro h3{ width: 260px; margin: 15px auto; font-size: 17px; color: #5ca47a; text-align: center; }
#clinica-equipe .um-membro .area-texto{ width: 260px; margin: 0 auto; font-size: 14.5px; font-weight: 300; color: #666666; text-align: center; }
#clinica-equipe .um-membro:first-child h1, #clinica-equipe .um-membro:first-child .area-texto { width: 100%; }

@media all and (min-width: 768px) and (max-width: 991px){
	#clinica-equipe .foto-circulo{ width: 190px; height: 190px; }
	#clinica-equipe .um-membro:first-child{ margin-bottom: 80px; }
	#clinica-equipe .um-membro h1, #clinica-equipe .um-membro h3{ width: 190px; font-size: 16px; }
	#clinica-equipe .um-membro .area-texto{ width: 190px; font-size: 14px; }
}
@media all and (max-width: 767px){
	#clinica-equipe{ margin-top: 35px; }
	#clinica-equipe .um-membro{ margin-bottom: 40px; }
	#clinica-equipe .um-membro:first-child{ margin-bottom: 80px; }
	#clinica-equipe .um-membro h1, #clinica-equipe .um-membro h3{ width: 100%; }
	#clinica-equipe .um-membro .area-texto{ width: 100%; }
}


/* Clínica Especialidades */
#clinica-especialidades{ width: 100%; margin-top: 10px; }
#clinica-especialidades .main-body{ margin: 0 auto; width: 1024px; max-width: 100%; position:relative; }
#clinica-especialidades .especialidades{ position: relative; width: 936px; height: 302px; margin: 60px auto 0 auto; background-image: url(images/especialidades.png); background-repeat: no-repeat; }
#clinica-especialidades .especialidades .uma-especialidade{ position: absolute; font-size: 23px; font-weight: 300; color: #666666; text-decoration: none !important; }
#clinica-especialidades .especialidades .uma-especialidade:hover{ color: #5ca47a; }
#clinica-especialidades .antebracos{ top: -6px; left: 250px; }
#clinica-especialidades .bracos{ top: 8px; left: 505px; }
#clinica-especialidades .ombros{ top: -3px; left: 690px; }
#clinica-especialidades .maos{ top: 178px; left: 108px; }
#clinica-especialidades .cotovelos{ top: 220px; left: 350px; }
@media all and (min-width: 768px) and (max-width: 991px){
	#clinica-especialidades .especialidades{ width: 720px; height: 232px; margin: 50px auto 0 auto; background-size: contain; }
	#clinica-especialidades .especialidades .uma-especialidade{ font-size: 20px; }
	#clinica-especialidades .antebracos{ top: -8px; left: 187px; }
	#clinica-especialidades .bracos{ top: 2px; left: 382px; }
	#clinica-especialidades .ombros{ top: -4px; left: 525px; }
	#clinica-especialidades .maos{ top: 135px; left: 78px; }
	#clinica-especialidades .cotovelos{ top: 167px; left: 260px; }
}
@media all and (max-width: 767px){
	#clinica-especialidades .especialidades{ width: 100%; height: auto; margin: 30px auto 0 auto; background-image: none; }
	#clinica-especialidades .especialidades .uma-especialidade{ position: relative; display: block; background-color: #cce7d3; width: 100%; font-size: 18px; font-weight: 400; color: #666666; text-align: center; height: 60px; line-height: 60px; margin: 10px 0 0 0; border-bottom: 5px solid #54a275; -webkit-border-radius: 6px; border-radius: 6px; }
	#clinica-especialidades .especialidades .uma-especialidade:hover{ color: #666666; }
	#clinica-especialidades .antebracos{ top: auto; left: auto; }
	#clinica-especialidades .bracos{ top: auto; left: auto; }
	#clinica-especialidades .ombros{ top: auto; left: auto; }
	#clinica-especialidades .maos{ top: auto; left: auto; }
	#clinica-especialidades .cotovelos{ top: auto; left: auto; }
}


/* Clínica Convênios */
#clinica-convenios{ width: 100%; margin-top: 10px; }
#clinica-convenios .main-body{ margin: 0 auto; width: 1024px; max-width: 100%; position:relative; }
#clinica-convenios .convenios{ margin: 50px 0 10px 0; }
#clinica-convenios .convenios .um-convenio{ width: 150px; height: 70px; margin: 0 auto 40px auto; text-align: center; }
#clinica-convenios .convenios img{ max-width: 100%; max-height: 100%; position: relative; top: 50%; transform: translateY(-50%); }
@media all and (max-width: 767px){
	#clinica-convenios{ margin-top: 50px; }
	#clinica-convenios .convenios{ margin: 30px 0 20px 0; }
	#clinica-convenios .convenios .um-convenio{ width: 200px; height: auto; margin: 0 auto 25px auto; }
	#clinica-convenios .convenios img{ max-height: 90px; top: auto; transform: none; }	
}



/* Clínica Agendamento */
#clinica-agendamento{ width: 100%; margin-top: 10px; margin-bottom: 20px; }
#clinica-agendamento .main-body{ margin: 0 auto; width: 1024px; max-width: 100%; position:relative; }
#clinica-agendamento .area-texto{ font-weight: 300; color: #666666; }
#clinica-agendamento .agendamento{ margin-top: 40px; background-image: url(images/bg-detalhe.png); background-repeat: no-repeat; background-position: right top; }
#clinica-agendamento .form{ padding-top: 15px; }
#clinica-agendamento .imagem{ margin-top: 20px; }
#clinica-agendamento .form .iw-45{ width: 45%; float: left; }
#clinica-agendamento .form .iw-55{ width: 55%; float: left; }
#clinica-agendamento .form button{ margin-top: 25px; }
@media all and (min-width: 768px) and (max-width: 991px){
	#clinica-agendamento .imagem{ width: 209px; margin-top: 20px; }
}
@media all and (max-width: 767px){
	#clinica-agendamento .agendamento{ background-image: none; }
	#clinica-agendamento .imagem{ width: 209px; margin-top: 20px; }
	#clinica-agendamento .form .iw-45{ width: 100%; float: none; }
	#clinica-agendamento .form .iw-55{ width: 100%; float: none; }	
	#clinica-agendamento .form label{ width: 100%; text-align: left; float: none; line-height: 20px; }
	#clinica-agendamento .form .input{ margin-left: 0; margin-bottom: 6px }
	#clinica-agendamento .form button{ margin-top: 5px; }
}

/* Clínica Assinatura */
#clinica-assinatura{ width: 100%; padding-top: 14px; padding-bottom: 32px; background-color: #5ca47a; }
#clinica-assinatura .main-body{ margin: 0 auto; width: 960px; max-width: 100%; position:relative; }
#clinica-assinatura .linha{ width: 100%; height: 2px; background-color: #ffffff; margin-bottom: 30px; }
#clinica-assinatura h2{ font-size: 27px; font-weight: 300; color: #ffffff; margin-bottom: 20px; text-align: center; }
#clinica-assinatura label{ display:block; padding-top: 7px; text-align: center; font-size: 14.5px; font-weight: 300; color: #ffffff; text-transform: uppercase; }
#clinica-assinatura input.newsletter-input{ width: 100%; border: none; background: rgb(230,230,230); background: rgba(230,230,230,1); padding: 8px 10px; margin-bottom: 7px; color: #201c20; }
#clinica-assinatura input.newsletter-input:focus{ background: rgba(230,230,230,0.85); }
#clinica-assinatura input.newsletter-submit{ width: 128px; border: none; background: #9dd3af; padding: 7px 10px; text-transform: uppercase; text-align: center; margin-bottom: 0; font-size: 15px; color: #ffffff; -webkit-transition: 0.6s; transition: 0.6s; }
#clinica-assinatura input.newsletter-submit:hover{ background: #407961; -webkit-transition: 0.6s; transition: 0.6s; }
#clinica-assinatura .endereco-container{ text-align: center; }
#clinica-assinatura p{ font-size: 17px; line-height: 1.3; font-weight: 300; color: #ffffff; margin: 0 0 5px 0; }
#clinica-assinatura a.telefone{ display: block; color: #ffffff; font-size: 27px; font-weight: 300; text-decoration: none !important; cursor: default; margin-bottom: 0px; }
#clinica-assinatura a.fb{ background: url(images/fb-icon.png) no-repeat left center; padding-top: 11px; display: inline-block; height: 36px; padding-left: 45px; color: #ffffff; font-size: 17.5px; font-weight: 300; }
@media all and (min-width: 768px) and (max-width: 991px){
	#clinica-assinatura h2{ font-size: 21px; }
	#clinica-assinatura label{ padding-top: 4px; font-size: 14px; }
	#clinica-assinatura input.newsletter-input{ padding: 6px 8px; }
	#clinica-assinatura input.newsletter-submit{ width: 100px; padding: 6px 10px; font-size: 14px; }
	#clinica-assinatura p{ font-size: 14px; margin: 0 0 10px 0; }
	#clinica-assinatura a.telefone{ font-size: 22px; margin-bottom: 2px; }
	#clinica-assinatura a.fb{ background-size: 18px 18px; padding-top: 6px; height: 28px; padding-left: 25px; font-size: 14px; text-decoration: none !important; }
}
@media all and (max-width: 767px){
	#clinica-assinatura h2{  font-size: 24px; margin-bottom: 25px; }
	#clinica-assinatura label{ padding-top: 0; text-align: left; font-size: 14.5px; margin-bottom: 2px; }
	#clinica-assinatura input.newsletter-input{ margin-bottom: 8px; }
	#clinica-assinatura input.newsletter-submit{ width: 100%; margin-top: 7px; }
	#clinica-assinatura .endereco-container{ margin-top: 50px; text-align: center; }
	#clinica-assinatura p{ font-size: 14px; margin: 0 0 8px 0; }
	#clinica-assinatura a.telefone{ font-size: 22px; margin-bottom: 5px; }
	#clinica-assinatura a.fb{ background-size: 18px 18px; padding-top: 6px; height: 28px; padding-left: 25px; font-size: 14px; text-decoration: none !important; }
}
@media all and (max-width: 380px){
	#clinica-assinatura p{ font-size: 13px; }
	#clinica-assinatura a.telefone{ font-size: 21px; }
}
@media all and (max-width: 350px){
	#clinica-assinatura p{ font-size: 11px; }
	#clinica-assinatura a.telefone{ font-size: 19px; }	
}


/* Clínica Página Especialidades */
#clinica-pag-especialidades{ width: 100%; padding-top: 30px; padding-bottom: 45px; }
#clinica-pag-especialidades .main-body{ margin:0 auto; width: 1026px; max-width: 100%; position:relative; }
#clinica-pag-especialidades .menu-area{ width: 100%; text-align: center; }
#clinica-pag-especialidades ul{ margin: 45px 0 50px 0; display: inline-block; }
#clinica-pag-especialidades ul li{ border-right: 1px solid #8e9092; padding-right: 21px; padding-left: 21px; padding-top: 3px; padding-bottom: 3px; }
#clinica-pag-especialidades ul li a{ font-size: 23px; font-weight: 300; color: #666666; text-decoration: none; text-transform: uppercase; } 
#clinica-pag-especialidades ul li:last-child{ border-right: none; }
#clinica-pag-especialidades ul li a:hover{ color: #5ca47a; } 
#clinica-pag-especialidades ul li a.selected{ color: #5ca47a; font-weight: 600; } 
#clinica-pag-especialidades .imagem-categoria{ float: left; width: 492px; min-height: 339px; background-image: url(images/bg-detalhe.png); background-repeat: no-repeat; background-position: center top;  position: relative; margin-top: 30px;}
#clinica-pag-especialidades .imagem-categoria img{ width: 462px;}
#clinica-pag-especialidades .texto{ margin-left: 500px; }
#clinica-pag-especialidades .texto h2{ font-size: 20px; color: #5ca47a; font-weight: 600; margin: 0 0 15px 0; }
#clinica-pag-especialidades .texto .area-texto{ font-size: 14px; font-weight: 300; color: #666666; }
#clinica-pag-especialidades select{ margin-top: 35px; width: 100%; text-transform: uppercase; padding: 0 10px; background-color: rgba(232,231,231,1); color: #666666; height: 55px; border: none; -webkit-border-radius: 6px; border-radius: 6px; }
@media all and (min-width: 768px) and (max-width: 991px){
	#clinica-pag-especialidades ul li{ padding-right: 17px; padding-left: 17px; }
	#clinica-pag-especialidades ul li a{ font-size: 19px; }
	#clinica-pag-especialidades .texto{ width: 100%; margin-left: 0; margin-top: 20px; }	 
}
@media all and (max-width: 767px){
	#clinica-pag-especialidades{ padding-top: 115px; }
	#clinica-pag-especialidades ul{ display: block; margin: 20px 0 20px 0; }
	#clinica-pag-especialidades ul li{ border-right: none; width: 100%; height: 60px; margin: 10px 0 0 0; border-bottom: 5px solid #54a275; background-color: #cce7d3; -webkit-border-radius: 6px; border-radius: 6px; }
	#clinica-pag-especialidades ul li a{ line-height: 56px; font-size: 18px; font-weight: 400; color: #666666; display: block; }
	#clinica-pag-especialidades ul li a:hover{ color: #666666; } 
	#clinica-pag-especialidades ul li a.selected{ font-weight: 400; color: #666666; } 	
	#clinica-pag-especialidades .texto{ width: 100%; margin-left: 0; margin-top: 20px; }
	.clinica-section-title.visible-xs{ margin-top: 35px; }
	#clinica-pag-especialidades select{ margin-top: 5px; }
}


/* Clínica Rodapé */
#clinica-footer{ width: 100%; background-color: #5d5f61; padding: 22px 0; margin: 8px 0; font-size: 13.5px; line-height: 14px; font-weight: 300; color: #ffffff; }
#clinica-footer .main-body{ margin:0 auto; width: 990px; max-width: 100%; position:relative; }
#clinica-footer a{ color: #ffffff; } 
@media all and (max-width: 991px){
	#clinica-footer{ line-height: 1.3; }
	#clinica-footer .free-area{ margin-top: 12px; }
}


/* HOVER EFFECTS */
/* Grow */
#portal-header .hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
#portal-header .hvr-grow:hover, #portal-header .hvr-grow:focus, #portal-header .hvr-grow:active {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
@media all and (max-width: 991px){
	#portal-header .hvr-grow:hover, #portal-header .hvr-grow:focus, #portal-header .hvr-grow:active {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	}
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
@media all and (max-width: 767px){
	.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
}

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
@media all and (max-width: 767px){
	.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
}




.container.menor{width: 93%;}
.botao-padrao{background: #5ca47a; display: inline-block; font-size: 24px; text-align: center; color: #fff; padding: 10px 60px; border: none; text-transform: uppercase;}
#contato{padding: 40px 0;}
#contato .texto{padding: 40px 0 0; font-weight: 300; color: #666666;}
.form label{color: #666666; font-weight: 300; text-transform: uppercase; text-align: right; display: block; float: left; width: 85px; line-height: 35px;}
.form{padding-top: 40px;}
.form .input-wrapper{margin-bottom: 2px;}
.form .input{margin-left: 94px;}
.form .input input, .form .input textarea{  border: none; width: 100%; display: block; background: #e6e6e6; padding: 0 15px; height: 35px;}
.form .input textarea{height: 150px; margin-bottom: 5px; padding: 8px 15px;}
.form .botao-padrao{ -webkit-transition: 0.6s; transition: 0.6s; }
.form .botao-padrao:hover{ background-color: #9dd3af; -webkit-transition: 0.6s; transition: 0.6s; }
#contato .titulo-mapa{text-align: center; text-transform: uppercase; font-size: 23px; color: #5ca47a; font-weight: 300; margin-bottom: 10px;}
#contato #mapa{border: 1px solid #5ca47a; height: 335px;}
@media all and (min-width: 768px) and (max-width: 991px){
	.form{ margin-bottom: 30px;}
}



.ponto{background: url(images/bolinha.png) center no-repeat; width: 33px; height: 33px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0.45; z-index: 50; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s;}
.ponto:hover, .ponto.active{opacity: 1; -webkit-transition: 0.3s; transition: 0.3s;}

#linha-ilustracao-vertical{position: absolute; top: 0; left: 0; border-left: 2px solid #5ca47a; width: 0; height: 0; box-sizing: border-box; pointer-events: none; z-index: 80;}
#linha-ilustracao-horizontal{position: absolute; top: 0; left: 0; border-top: 2px solid #5ca47a; width: 0; height: 0; box-sizing: border-box; pointer-events: none; z-index: 80;}