a:hover, a:link, a:active, a:visited {
	text-decoration: none
}
.clear {
	clear: both
}
@font-face {
	font-family: 'Helvetica Light';
	font-weight: normal;
	src: url('../fonts/fontes/HelveticaLt.eot');
	src: url('../fonts/fontes/HelveticaLt.eot?#iefix') format('embedded-opentype'), url('../fonts/fontes/HelveticaLt.woff') format('woff'), url('../fonts/fontes/HelveticaLt.ttf') format('truetype'), url('../fonts/fontes/HelveticaLt.svg#din') format('svg');
	font-weight: normal;
}
body {
	background: #F2FBFA;
	font: 10pt 'Arial', Helvetica, sans-serif;
	color: #323742
}
#banner {
	position: relative;
}


#banner .controls{
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
    position: absolute; 
    width: 95%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    top: 50%;
    left: 50%;
}


#banner .controls div {
	padding: 5px;
	background: white;
	border-radius: 4px;
}

#banner .controls div img {
	cursor: pointer;
	opacity: .7;
	transition: all .3s;
	width: 13px;
    height: 22px;
}

#banner .controls div img:hover {
	opacity: 1;
}

.televendas {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: .5rem;
    border-radius: 4px;
    margin-top: 20px;
}

.televendas strong,
.televendas span {
	color: black;
}

.televendas a strong {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.televendas a strong img {
    width: 100%;
    max-width: 22px;
}

.televendas.alt strong,
.televendas.alt span {
	color: black;
}

.televendas a:hover {
	color: black;
	text-decoration: none !important;
}

.televendas span {
	font-size: 13px;
}


.whatsNVbutton {
  position: fixed;
    right: 0;
    bottom: 110px;
    width: 100%;
    max-width: 75px;
    margin: 20px 0;    
    animation: whatsmove 400ms linear infinite alternate;
    cursor: pointer;
    z-index: 9999;
}

.whatsNVbutton:hover span {
    opacity: 1;
    animation: none;
    transition: opacity .2s;
}

.whatsNVbutton img {
    max-width: 100%;
}

.whatsNVbutton span {
    position: absolute;
    top: 20px;
    right: 79px;
    max-width: calc(100vw - 105px);
    height: 32px;
    padding: 0 14px;
    border: none;
    border-radius: 16px;
    background: #fff;
    color: rgba(0,0,0,.8);
    line-height: 31px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity .3s ease-out .4s;
    filter: drop-shadow(0 1px 4px rgba(0,0,0,.4));
    transform: translateZ(0);
    pointer-events: none;
    font-weight: normal;
    font-size: 16px;
}

.whatsNVbutton span:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    right: -6px;
    border: 8px solid transparent;
    border-width: 6px 0 6px 8px;
    border-left-color: #fff;
}

@keyframes whatsmove {
  from{
    transform: translateX(0px) translateY(7px);
  }
  to{
    transform: translateX(0px) translateY(-7px);
  }
}

.popup {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
    font-size: 12px;
    font-weight: 300;
    text-align: justify;
    display: block;
}
.popup .btao {
    position: absolute;
    width: 70px;
    text-align: center;
    margin-top: -25px;
    padding: 5px;
    background-color: #FC0;
}
.popup a:link {
    font-family: Arial;
    font-size: 12px;
    color: #080808;
    font-weight: 300;
    text-decoration: none;
}

@media only screen and(max-width: 768px) {
	.popup {
		display: none;
	}
}
#header {
	background: url(../img/topo.jpg) repeat-x;
	height: 197px;
	font-family: Arial, Helvetica, sans-serif
}
#topo, #conteudo, #conteudo-parceiros, .internas {
	width: 952px;
	margin: auto
}
#logo {
	float: left;
	width: 292px;
	height: 158px
}
#bloco-atendimento {
	float: right;
	/*width: 500px;*/
	width: 630px;
	color: #598073;
	margin-top: 30px
}
#bloco-atendimento p {
	background: url(../img/tel.jpg) no-repeat;
	padding: 1px 0 0 30px;
	font-weight: bold;
	height: 17px;
	float: right
}
#bloco-atendimento ul {
	margin-top: 10px
}
#bloco-atendimento ul li {
	float: left
}
#bloco-atendimento ul li.dermo {
	margin-top: 10px;
	margin-right: 20px
}
#bloco-atendimento ul li.dermo a {
	color: #096558
}
#bloco-novidades, #bloco-news {
	float: left;
	width: 312px;
	margin: 20px 8px 0 0
}
#bloco-eventos {
	float: right;
	width: 312px;
	margin-top: 20px
}
#bloco-novidades h1 {
	background: url(../img/novidades.jpg) no-repeat;
	height: 47px;
	font-size: 1.7em;
	color: #36665f;
	padding: 12px 0 0 70px;
	font-family: 'Helvetica Light';
	font-weight: normal;
}
#bloco-news a {
	color: #36665f
}
#conteudo-novidades {
	background: #FFF;
	border: 1px solid #DEEAE6;
	padding: 8px 5px;
	font: 0.9em Arial, Helvetica, sans-serif;
	margin-top: 20px
}
#conteudo-novidades ul {
	float: left
}
#conteudo-novidades li {
	background: #5AB0A3;
	width: 138px;
	height: 28px;
	margin: 0 1px 1px 0;
	padding: 12px 0 0 10px;
	font-weight: bold
}
#conteudo-novidades li:hover {
	background: #FFF;
	cursor: pointer
}
#conteudo-novidades a {
	color: #FFF
}
#conteudo-novidades a:hover {
	color: #3d8d82;
	cursor: pointer
}
#conteudo-fale-medico {
	margin-top: 30px;
	height: 147px;
	width: 900px;
	padding: 0 0 0 3px
}
#conteudo-fale-medico p {
	color: #688c87;
	font-size: 1.6em;
	font-weight: bold;
	font-family: 'Helvetica Light';
	margin-bottom: 10px
}
#conteudo-fale-medico span {
	float: left;
	margin-right: 5px
}
#conteudo-fale-medico ul {
	float: left
}
#conteudo-fale-medico li {
	background: #5AB0A3;
	width: 133px;
	height: 20px;
	margin: 0 1px 1px 0;
	padding: 10px 0 0 10px;
	font-weight: bold;
	font-size: 0.8em
}
#conteudo-fale-medico li:hover {
	background: #FFF;
	cursor: pointer
}
#conteudo-fale-medico a {
	color: #FFF
}
#conteudo-fale-medico a:hover {
	color: #3d8d82;
	cursor: pointer
}
#bloco-news h1 {
	background: url(../img/news.jpg) no-repeat;
	height: 47px;
	font-size: 1.7em;
	color: #36665f;
	padding: 12px 0 0 70px;
	font-family: 'Helvetica Light';
	font-weight: normal;
}
#conteudo-news03 {
	float: left;
	margin-right: 20px;
	width: 314px;
}
#conteudo-news03 #conteudo-news {
	padding: 0 0 20px 0;
	margin-bottom: 10px;
	margin-top: 1px
}
#conteudo-news {
	background: #FFF;
	border: 1px solid #DEEAE6;
	font: 0.8em Arial, Helvetica, sans-serif;
	margin-top: 20px;
	padding: 8px 5px 8px 0
}
#conteudo-news li {
	background: url(../img/pontilhado.jpg) no-repeat bottom;
	padding: 19px 0;
}
#conteudo-news a {
	padding-left: 30px;
	color: #787878
}
#bloco-eventos h1 {
	background: url(../img/eventos.jpg) no-repeat;
	height: 47px;
	font-size: 1.7em;
	color: #36665f;
	padding: 12px 0 0 70px;
	font-family: 'Helvetica Light';
	font-weight: normal;
}
#conteudo-eventos {
	margin-top: 20px;
	height: 232px
}
#conteudo-eventos ul li a img {
	filter: alpha(opacity=100);
}
#conteudo-eventos ul li a {
	width: 141px;
	height: 102px;
	display: block;
}
#conteudo-eventos ul li a img {
	filter: alpha(opacity=100);
}
#conteudo-eventos ul li a img {
	filter: alpha(opacity=100);
}
#conteudo-eventos ul li a img {
	filter: alpha(opacity=100);
}
#conteudo-eventos li.evento-hair {
	float: left;
	background: url(../img/evento-hair.jpg) no-repeat center;
	border: 1px solid #DEEAE6;
	width: 141px;
	height: 102px;
	padding: 3px;
	margin: 0 7px 12px 0
}
#conteudo-eventos li.evento-hair a:hover img {
	filter: opacity(alpha=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
	filter: alpha(opacity=0);
}
#conteudo-eventos li.evento-reuniao {
	float: left;
	background: url(../img/evento-sbd.jpg) no-repeat center;
	border: 1px solid #DEEAE6;
	width: 141px;
	height: 102px;
	padding: 3px;
	margin: 0 7px 12px 0
}
#conteudo-eventos li.evento-reuniao a:hover img {
	filter: opacity(alpha=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
	filter: alpha(opacity=0);
}
#conteudo-eventos li.evento-palesta {
	float: left;
	background: url(../img/evento-palesta.jpg) no-repeat center;
	border: 1px solid #DEEAE6;
	width: 141px;
	height: 102px;
	margin: 0 7px 12px 0;
	padding: 3px
}
#conteudo-eventos li.evento-palesta a:hover img {
	filter: opacity(alpha=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
	filter: alpha(opacity=0);
}
#conteudo-eventos li.evento04 {
	float: left;
	background: #8fd6cc;
	font-family: 'Helvetica Light';
	font-weight: normal;
	width: 141px;
	height: 77px;
	padding: 30px 3px 3px 3px;
	margin: 0 7px 12px 0;
	color: #fff;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold
}
#conteudo-eventos li.evento04 a {
	color: #fff
}
#parceiros {
	background: #FFF;
	height: 148px;
	margin-top: 30px;
	color: #246a60
}
#parceiros p {
	font-size: 1.1em;
	padding: 10px 0 0 0;
	font-family: 'Helvetica Light';
	font-weight: normal;
}
#conteudo-parceiros li {
	display: inline
}
#flash {
	height: 90px;
	margin-top: 10px;
}
#carrossel {
	overflow: hidden;
	float: left;
	width: 867px
}
#carrossel ul {
	list-style: none;
	width: 867px;
	margin-left: 15px;
	float: left
}
#carrossel li {
	float: left;
	display: inline;
	height: 90px;
	margin-top: -10px;
	margin-left: -13px;
}
#carrossel img {
	float: left;
	margin-left: 40px;
	margin-top: 18px
}
a.prev {
	display: block;
	float: left;
	width: 29px;
	height: 71px;
	position: relative;
	z-index: 9999;
	top: 20px;
	margin: 2px
}
a.next {
	display: block;
	float: right;
	width: 29px;
	height: 71px;
	position: relative;
	z-index: 9999;
	top: 20px;
	margin: 0 3px
}
/*conteiner-internas*/
.conteiner-internas {
	background: #fff;
	padding: 30px 15px 80px 15px;
	float: left;
	width: 922px;
	margin-top: 15px;
	font: 'Arial', Helvetica, sans-serif;
	color: #787878
}
.conteiner-internas h1 {
	background: url(../img/bg-h1.jpg) no-repeat;
	height: 54px;
	color: #2c8276;
	padding: 10px 0 0 20px;
	font-size: 2.5em;
	font-family: 'Helvetica Light';
	font-weight: normal;
}
.conteiner-internas h2 {
	color: #688c87;
	font-size: 1.5em;
	font-weight: bold;
	font-family: 'Helvetica Light';
	margin-bottom: 10px;
	line-height:23px
}
.conteiner-internas h3 {
	color: #688c87;
	font-size: 1.7em;
	font-weight: bold;
	font-family: 'Helvetica Light';
	margin-bottom: 10px;
	border-bottom: #a0b4b2 solid 1px;
	padding: 0 0 10px 0;
	font-weight: normal;
	line-height:23px
}
.conteiner-internas h4 {
	color: #22a391;
	font-size: 1.4em;
	font-weight: bold;
	font-family: 'Helvetica Light';
	font-weight: normal;
	padding: 20px 0 5px 0;
	line-height:23px
}
.conteiner-internas h5 {
	color: #688c87;
	font-size: 1.4em;
	font-weight: bold;
	font-family: 'Helvetica Light';
	margin-bottom: 10px;
	border-bottom: #a0b4b2 solid 1px;
	padding: 0 0 7px 0;
	font-weight: normal
}
.conteiner-internas p {
	margin-top: 10px;
	line-height: 18px;
	text-align: justify;
}
.conteiner-newss {
	float: left;
	width: 567px
}
.imagem-left {
	float: left;
	margin-right: 20px
}

ul.conteiner-usar li {
	line-height: 25px;
	margin-top: 10px
}

dl.conteiner-bloqueador {
	border-bottom: 7px solid #dbecea;
	width: 567px;
	margin-top: 15px;
	float: left;
	margin-bottom: 20px;
	padding: 0 0 20px
}
dl.conteiner-bloqueador dt {
	float: left
}
dl.conteiner-bloqueador dd {
	float: left;
	width: 430px;
	text-align: justify;
	line-height: 21px;
	margin-top: 20px;
	margin-left: 20px
}
dl.conteiner-bloqueador dd strong {
	color: #0d574d
}
dl.equipe-tecnica {
	width: 400px;
	padding: 0 0 30px 0;
	margin-top: 35px;
	float: left;
	margin-left: 30px
}
dl.equipe-tecnica dt {
	float: left;
	height: 125px
}
dl.equipe-tecnica dd {
	float: left;
	margin-left: 20px;
	line-height: 25px;
	width: 245px
}
dl.equipe-tecnica span {
	color: #688c87;
	font-size: 1.5em;
	font-weight: bold;
	font-family: 'Helvetica Light';
}
dl.produtos {
	background: url(../img/linha-produtos.jpg) no-repeat bottom;
	width: 920px;
	padding: 0 0 30px 0;
	margin-top: 35px
}
dl.produtos dt {
	float: left;
	margin-left: 15px
}
dl.produtos dd {
	float: left;
	width: 558px;
	margin-left: 40px
}
dl.produtos dd strong {
	color: #3c8f85
}
dl.produtos dd p.titulo-verde {
	background: #3c8f85;
	width: 538px;
	height: 31px;
	font-family: 'Helvetica Light';
	font-size: 1.7em;
	font-weight: normal;
	color: #fff;
	float: left;
	padding: 5px 0 0 20px
}
dl.produtos dd p {
	text-align: justify;
	float: left;
	width: 530px;
	margin-left: 17px;
	margin-top: 15px;
}
dl.produtos dd a {
	float: right;
	color: #21a492;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 20px;
	margin-right: 10px
}
a.comprarr {
	background: #3c8f85;
	color: #fff;
	padding: 5px;
	font-size: 0.9em;
	float: right;
	margin-right: 5px
}
dl.loja {
	float: left;
	width: 450px;
	margin-right: 10px;
	margin-top: 30px
}
dl.loja dt {
	float: left;
	margin-right: 15px
}
dl.loja dd {
	float: left;
	width: 220px
}
dl.loja dd p {
	margin-top: 15px;
	min-height: 105px
}
dl.loja dd span {
	font-family: 'Helvetica Light';
	font-size: 1.4em;
	font-weight: normal;
	color: #2c8276;
}
dl.loja dd a {
	background: url(../img/mapa.jpg) no-repeat left;
	padding: 3px 0 5px 30px;
	height: 21px;
	color: #21a492;
	font-size: 1.1em;
	display: block;
}
#eventos-fotos {
	float: left;
	width: 567px
}
#eventos-fotos ul li {
	float: left;
	margin-left: 12px;
	margin-right: 10px;
	margin-top: 10px
}
/*contato*/
strong.quadrado03 {
	background: url(../img/quadrado02.jpg) no-repeat;
	height: 18px;
	color: #00776a;
	font-weight: normal;
	padding: 2px 0 10px 25px;
	font-size: 1.0em;
	margin-bottom: 10px
}
#txtNomee, #txtTelefone, #txtEmail, #txtAssunto, #txtMensagem, #txtCargo {
	background: #f5f5f5;
	width: 100%;
	border: 0;
	padding: 14px;
}
#txtNomee2, #txtTelefone2, #txtEmail2, #txtAssunto2 {
	background: #f5f5f5;
	width: 800px;
	border: 0;
	padding: 14px 10px 14px 10px
}
#txtMensagem2 {
	background: #f5f5f5;
	width: 870px;
	border: 0;
	padding: 14px 10px 14px 10px
}

.grid-orcamento form {
	margin-top: 30px;
}

form label{
    display: flex;    
    width: 100%;
    margin-bottom: 15px;
}

form label span {
	min-width: 75px;
}

dl.ContatoEnd {		
	width: 100%;
	border-top: 1px dashed #0B756B;
	padding: 20px 0 0 0;
	margin-top: 20px;
}
dl.ContatoEnd dt {
	font-weight: bold;
}
dl.ContatoEnd dd {
	border-bottom: 1px solid #0B756B;
	padding-bottom: 5px;
	margin-bottom: 20px
}
dl.trabalhe {
	float: left;
	margin-top: 20px;
	margin-bottom: 50px;
	width: 600px
}
dl.trabalhe dt {
	font-size: 1.1em;
	float: left;
	width: 75px
}
dl.trabalhe dd {
	margin-bottom: 20px;
	float: left
}
dl.trabalheimg {
	float: left;
	margin-left: 40px;
	margin-top: 20px;
	width: 270px;
}

.ContatoEnd .tels {
	display: flex;
	flex-direction: column;
}

.ContatoEnd .tels a {
	display: flex;
	align-items: center;
	color: #787878;
	gap: 5px;
}

.ContatoEnd .tels a img{
	max-width: 25px;
}

.grid-localizacao {
	display: flex;
	gap: 20px;
}

.grid-localizacao div {
	width: 100%;
	max-width: 50%;
}

.grid-localizacao div iframe {
	width: 100%;
	max-width: 100%;
	height: 250px;
}

.grid-localizacao div span {
	display: block;
	margin: 10px 0;
}

@media (max-width: 768px) {
	.grid-localizacao {
	flex-direction: column;
}

.grid-localizacao div {
	width: 100%;
	max-width: 100%;
}

}

#trn, #trt, #trc, #tre, #tra {
	background: #f5f5f5;
	width: 600px;
	border: 0;
	padding: 14px 10px 14px 10px
}
#trm {
	background: #f5f5f5;
	width: 600px;
	border: 0;
	padding: 14px 10px 14px 10px
}
#txtNomeeArea, #txtTelefoneArea, #txtEmailArea, #txtAssuntoArea, #txtMensagemArea, #txtEnderecoArea, #txtCidadeArea {
	background: #f5f5f5;
	width: 820px;
	border: 0;
	padding: 14px 10px 14px 10px
}
dl.area-cliente {
	float: left;
	margin-top: 20px;
	margin-bottom: 50px;
}
dl.area-cliente dt {
	font-size: 1.1em;
	float: left;
	width: 75px
}
dl.area-cliente dd {
	margin-bottom: 20px;
	float: left
}
dl.pesquisa-sati dt {
	font-size: 1.1em;
	margin-bottom: 10px
}
dl.pesquisa-sati dd {
	margin-bottom: 20px;
}
ul.sati-img li {
	float: left;
	
	margin-bottom: 20px
}
/*Projetos*/



#menu-projetos {
	float: left;
	width: 280px
}
#projetos {
	float: left;
	width: 700px;
	padding: 0 0 60px
}
#projetos div {
	margin-left: 19px;
	margin-top: 10px
}
/*FOOTER*/

#footer {
	width: 952px;
	margin: 35px auto auto auto
}
ul#barra-verde {
	background: url(../img/barra-verde.jpg) repeat-x;
	height: 30px;
	font-size: 15px;
	color: #FFF;
	padding: 16px 30px 0 30px;
	font-family: 'Helvetica Light';
}
ul#barra-verde li#esq {
	float: left
}
ul#barra-verde li#dir {
	float: right
}
#cartoes {
	float: left;
	width: 236px;
	height: 68px;
	margin-top: 30px
}
#menu-rodape {
	margin-top: 30px
}
#menu-rodape ul {
	float: left;
	margin-left: 25px;
	font-family: 'Helvetica Light';
}
#menu-rodape ul li {
	margin-top: 10px
}
#menu-rodape ul li a {
	color: #165d53
}
#menu-rodape ul li a:hover {
	color: #011714
}
#menu-rodape ul.borda {
	border-right: 1px solid #c9dfdc;
	padding-right: 25px
}
#logo-rodape {
	float: right
}
#barra-final {
	background: #E1F0ED;
	height: 26px;
	margin-top: 25px;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #818181
}
#rodape-padrao {
	width: 952px;
	margin: auto;
	padding-top: 3px
}
p#direitos {
	float: left
}
p#criacao {
	float: right
}
p#criacao a {
	color: #818181
}
.homeopatia22 a {
	color: #fff
}
.homeopatia22 {
	font-family: 'Helvetica Light';
	padding: 12px 18px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #0e5448;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 22px;
	background: #3c8f85;
}
.ac-container {
	width: 640px;
	margin: 10px auto 30px auto;
	text-align: left;
	float: left
}
.ac-container label {
	font-family: 'Helvetica Light';
	padding: 12px 18px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #0e5448;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 22px;
	background: #ecf8f6;
}
.ac-container input {
	display: none;
}
.ac-container article {
	margin-top: 3px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	padding: 0px 20px 0px 20px;
}
.ac-container article p {
	color: #777;
	line-height: 23px;
	margin-bottom: 40px;
	font-size: 14px;
}
.ac-container input:checked ~ article.ac-small {
	height: auto;
}
.ac-container input:checked ~ article.ac-medium {
	height: auto;
}
.ac-container input:checked ~ article.ac-large {
	height: auto;
}
/*Area do cliente*/
.ac-container-cliente {
	width: 910px;
	margin: 10px auto 30px auto;
	text-align: left;
	float: left
}
.ac-container-cliente label {
	font-family: 'Helvetica Light';
	padding: 12px 18px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #0e5448;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 17px;
	background: #ecf8f6;
}
.ac-container-cliente input {
	display: none;
}
.ac-container-cliente article {
	margin-top: 3px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	padding: 0px 20px 0px 20px;
}
.ac-container-cliente article p {
	color: #777;
	line-height: 23px;
	margin-bottom: 40px;
	font-size: 14px;
}
.ac-container-cliente input:checked ~ article.ac-small {
	height: auto;
}
.ac-container-cliente input:checked ~ article.ac-medium {
	height: auto;
}
.ac-container-cliente input:checked ~ article.ac-large {
	height: auto;
}
.vtem_wapper {
	position: relative;
	width: 932px;
	overflow: hidden;
}
.slidemain .ft-title {
	display: none;
}
.item_photo, .slidemain {
	width: 932px;
	height: 260px;
}
.ft-prev, .ft-next {
	color: #333 !important;
	font-weight: bold !important;
	padding: 4px;
	text-indent: -999999px;
	width: 30px;
	display: none;
	visibility: hidden
}
.ft-prev {
	background: url(http://www.biovital.ind.br/modules/mod_vtemslideshow/images/go_style4.png) right top no-repeat;
	_background: #f5f5f5;
	left: 8px !important;
}
.ft-prev:hover {
	background-position: right bottom;
}
.ft-next {
	background: url(http://www.biovital.ind.br/modules/mod_vtemslideshow/images/go_style4.png) left top no-repeat;
	_background: #f5f5f5;
	right: 8px !important;
}
.ft-next:hover {
	background-position: left bottom;
}
.vtem_button {
	display: none;
	visibility: hidden;
}
.vtem_button {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 10px;
}
.vtem_button div {
	height: 30px;
	line-height: 27px;
	margin: 0;
	padding: 0;
}
.vtem_button div a {
	background: url(http://www.biovital.ind.br/modules/mod_vtemslideshow/images/style4.png) center 0 no-repeat;
	padding: 5px 9px;
	margin: 2px;
	font-weight: bold;
	text-decoration: none !important;
}
.ft-button-slideshow1-active {
	color: #cc0000 !important;
}
#topo02 {
	float: right;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px
}
#topo02 img {
	float: left
}
#topo02 span {
	float: left;
	margin-left: 5px;
	font-family: 'Helvetica Light';
	font-size: 1.1em;
	margin-top: 2px
}
#topo02 a {
	color: #2c8276
}
/*menu*/
#menu img {
	float: left
}
ul#navmenu-h {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
ul#navmenu-h ul {
	width: 250px; /* Sub Menu Width */
	margin: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 999
}
ul#navmenu-h ul ul, ul#navmenu-h ul ul ul {
	top: 0;
	left: 100%;
}
ul#navmenu-h li {
	float: left;
	display: inline;
	position: relative;
}
ul#navmenu-h ul li {
	width: 100%;
	display: block;
}
/* Root Menu */
ul#navmenu-h a {
	font-family: 'Helvetica Light';
	padding: 14px;
	font-weight: normal;
	font-size: 13px;
	float: left;
	color: #FFF;
	display: block;
	text-decoration: none;
	height: 1%;
}
/* Root Menu Hover Persistence */
ul#navmenu-h a:hover, ul#navmenu-h li:hover a, ul#navmenu-h li.iehover a {
	background-color: #FFF;
	color: #508b82;
}
/* 2nd Menu */
ul#navmenu-h li:hover li a, ul#navmenu-h li.iehover li a {
	float: none;
	background-color: #FFF;
	color: #508b82;
}
/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover, ul#navmenu-h li:hover li:hover a, ul#navmenu-h li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover a {
	background-color: #508b82;
	color: #fff;
}
/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li a {
	background: #999;
}
/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover, ul#navmenu-h li:hover li:hover li:hover a, ul#navmenu-h li.iehover li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover a {
	background: #666;
}
/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li.iehover li a {
	background: #666;
}
/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
	background: #333;
}
/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul, ul#navmenu-h li:hover ul ul ul, ul#navmenu-h li.iehover ul ul, ul#navmenu-h li.iehover ul ul ul {
	display: none;
}
ul#navmenu-h li:hover ul, ul#navmenu-h ul li:hover ul, ul#navmenu-h ul ul li:hover ul, ul#navmenu-h li.iehover ul, ul#navmenu-h ul li.iehover ul, ul#navmenu-h ul ul li.iehover ul {
	display: block;
}
/*Navegação*/
#nav {
	display: none
}
#nav {
	position: relative;
	background: #4F8B81;
	width: auto;
}
#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1;
}
#nav > ul {
	position: relative;
	display: block;
	background: #4F8B81;
	width: 100%;
	z-index: 500;
}
#nav:after, #nav > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav.align-right > ul > li {
	float: right;
}
#nav.align-center ul {
	text-align: center;
}
#nav.align-center ul ul {
	text-align: left;
}
#nav > ul > li {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
}
#nav > ul > #menu-button {
	display: none;
}
#nav ul li a {
	display: block;
	text-decoration: none;
}
#nav > ul > li > a {
	font-size: 14px;
	font-weight: bold;
	padding: 15px 20px;
	color: #fff;
	-webkit-transition: color 0.25s ease-out;
	-moz-transition: color 0.25s ease-out;
	-ms-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
}
#nav > ul > li.has-sub > a {
	padding-right: 32px;
}
#nav > ul > li:hover > a {
	color: #FFF;
}
#nav li.has-sub::after {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
}
#nav > ul > li.has-sub::after {
	right: 10px;
	top: 20px;
	border: 5px solid transparent;
	border-top-color: #7a8189;
}
#nav > ul > li:hover::after {
	border-top-color: #000
}
#indicatorContainer {
	position: absolute;
	height: 12px;
	width: 100%;
	bottom: 0px;
	overflow: hidden;
	z-index: -1;
}
#pIndicator {
	position: absolute;
	height: 0;
	width: 100%;
	border: 12px solid transparent;
	border-top-color: #2b2f3a;
	z-index: -2;
	-webkit-transition: left .25s ease;
	-moz-transition: left .25s ease;
	-ms-transition: left .25s ease;
	-o-transition: left .25s ease;
	transition: left .25s ease;
}
#cIndicator {
	position: absolute;
	height: 0;
	width: 100%;
	border: 12px solid transparent;
	border-top-color: #2b2f3a;
	top: -12px;
	right: 100%;
	z-index: -2;
}
#nav ul ul {
	position: relative;
	left: -9999px;
	top: 70px;
	opacity: 0;
	-webkit-transition: opacity .3s ease, top .25s ease;
	-moz-transition: opacity .3s ease, top .25s ease;
	-ms-transition: opacity .3s ease, top .25s ease;
	-o-transition: opacity .3s ease, top .25s ease;
	transition: opacity .3s ease, top .25s ease;
	z-index: 1000;
}
#nav ul ul ul {
	top: 37px;
	padding-left: 5px;
}
#nav ul ul li {
	position: relative;
}
#nav > ul > li:hover > ul {
	left: auto;
	top: 44px;
	opacity: 1;
}
#nav.align-right > ul > li:hover > ul {
	left: auto;
	right: 0;
	opacity: 1;
}
#nav ul ul li:hover > ul {
	left: 170px;
	top: 0;
	opacity: 1;
}
#nav.align-right ul ul li:hover > ul {
	left: auto;
	right: 170px;
	top: 0;
	opacity: 1;
	padding-right: 5px;
}
#nav ul ul li a {
	width: 130px;
	border-bottom: 1px solid #eeeeee;
	padding: 10px 20px;
	font-size: 12px;
	color: #000;
	background: #ffffff;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}
#nav.align-right ul ul li a {
	text-align: right;
}
#nav ul ul li:hover > a {
	background: #f2f2f2;
	color: #000;
}
#nav ul ul li:last-child > a, #nav ul ul li.last > a {
	border-bottom: 0;
}
#nav > ul > li > ul::after {
	content: '';
	border: 6px solid transparent;
	width: 0;
	height: 0;
	border-bottom-color: #ffffff;
	position: absolute;
	top: -12px;
	left: 30px;
}
#nav.align-right > ul > li > ul::after {
	left: auto;
	right: 30px;
}
#nav ul ul li.has-sub::after {
	border: 4px solid transparent;
	border-left-color: #9ea2a5;
	right: 10px;
	top: 12px;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#nav.align-right ul ul li.has-sub::after {
	border-left-color: transparent;
	border-right-color: #9ea2a5;
	right: auto;
	left: 10px;
}
#nav ul ul li.has-sub:hover::after {
	border-left-color: #ffffff;
	right: -5px;
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
#nav.align-right ul ul li.has-sub:hover::after {
	border-right-color: #ffffff;
	border-left-color: transparent;
	left: -5px;
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
p.teleantende {
	display: none
}
#parceiros-responsivo {
	display: none
}
.img-right {
	float: right;
	margin-left: 20px;
	margin-top: 15px
}


@media (max-width:952px) {
#header {
	background: #FAFCFB;
	height:auto
}
#topo, #conteudo, #conteudo-parceiros, .internas {
	width: 100%;
	margin: auto
}
.internas {background:#FFFFFF}
.conteiner-internas {
	width: 94%;
	float: none;
	padding-left: 5px;
	text-align: justify
}
.conteiner-internas p {
	font-size:1.3em
}
#logo {
	float: none;
	width: 100%;
	height: 158px;
	text-align: center
}
p.teleantende {
	text-align: center;
	font-size: 1.5em;
	color: #02873F;
	margin-bottom: 15px;
	display: block
}
#bloco-novidades, #bloco-news, #bloco-eventos {
	float: none;
	width: 312px;
	margin: 20px auto auto auto
}
#bloco-atendimento {
	display: none
}
#banner img {width:98%; height:auto}
#parceiros {
	background: #FFF;
	height: auto;
	margin-top: 30px;
	color: #246a60;
	text-align: center
}
#carrosel-content {
	display: none
}
#parceiros-responsivo {
	display: block
}
#parceiros-responsivo li {
	text-align: center;
	margin-top: 20px;
	border-bottom: 1px dashed #CCCCCC
}
#ui-carousel-prev, #ui-carousel-next {
	display: none
}
#menu {
	display: none
}
dl.trabalhe {
	float: none;
	margin-top: 20px;
	margin-bottom: 50px;
	width: 100%
}
dl.trabalhe dt {
	font-size: 1.1em;
	float: none;
	width: 100%
}
dl.trabalhe dd {
	margin-bottom: 20px;
	float: none;
	width: 100%
}
dl.trabalheimg {
	display: none
}
#trn, #trt, #trc, #tre, #tra {
	background: #f5f5f5;
	width: 94%;
	border: 0;
	padding: 14px 10px 14px 10px
}
#trm {
	background: #f5f5f5;
	width: 94%;
	border: 0;
	padding: 14px 10px 14px 10px
}
#txtNomee, #txtTelefone, #txtEmail, #txtAssunto, #txtMensagem, #txtCargo {
	background: #f5f5f5;
	width: 94%;
	border: 0;
	padding: 14px 10px 14px 10px
}
#txtNomee2, #txtTelefone2, #txtEmail2, #txtAssunto2 {
	background: #f5f5f5;
	width: 800px;
	border: 0;
	padding: 14px 10px 14px 10px
}
#txtMensagem2 {
	background: #f5f5f5;
	width: 870px;
	border: 0;
	padding: 14px 10px 14px 10px
}
dl.contato {
	float: none;
	margin-top: 20px;
	margin-bottom: 50px;
	width: 100%
}
dl.contato dt {
	font-size: 1.1em;
	float: none;
	width: 100%
}
dl.contato dd {
	margin-bottom: 20px;
	float: none;
	width: 96%
}
dl.ContatoEnd {
    float: none;
	margin-left: 0;
	margin-top: 20px;
	width: 94%;
	border-left: none;
	padding: 0 0 0 10px;	
}
dl.ContatoEnd iframe {width:94%}
.ac-container, .ac-container-cliente {
	width: 100%;
	margin: 10px auto 30px auto;
	text-align: left;
	float: none
}
.ac-container label, .ac-container-cliente label {
	font-family: 'Helvetica Light';
	padding: 12px 18px;
	position: relative;
	z-index: 20;
	display: block;
	height: auto;
	cursor: pointer;
	color: #0e5448;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 22px;
	background: #ecf8f6;
}
.conteiner-internas h1 {
	height: 53px;
	text-align: left;
	font-size:1.5em
}
dl.loja {
	float: none;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px
}
dl.equipe-tecnica {
	width: 100%;
	padding: 0 0 30px 0;
	margin-top: 35px;
	float: none;
	text-align: center
}
dl.equipe-tecnica dt {
	float: left;
	height: 125px
}
dl.equipe-tecnica dd {
	float: left;
	margin-left: 20px;
	line-height: 25px;
	width: 60%
}
dl.produtos {
	background: url(../img/linha-produtos.jpg) no-repeat bottom;
	width: 100%;
	padding: 0 0 30px 0;
	margin-top: 35px
}
dl.produtos dt {
	float: none;
	margin-left: 0
}
dl.produtos dd {
	float: none;
	width: 100%;
	margin-left: 0
}
dl.produtos dd p.titulo-verde {
	background: #3c8f85;
	width: 96%;
	height: auto;
	font-family: 'Helvetica Light';
	font-size: 1.7em;
	font-weight: normal;
	color: #fff;
	float: none;
	padding: 10px 0 10px 20px;
}
dl.produtos dd p {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-top: 15px;
}
.conteiner-newss {
	float:none;
	width: 100%;
	margin-top:25px
}
#footer {
	width: 100%;
	margin: 35px auto auto auto
}
#cartoes, #logo-rodape {
	width: 100%;
	text-align: center;
	float: none
}
#menu-rodape li {
	margin-top: 10px
}
.imagem-left {
	float: none;
	width: 100%;
	text-align: center;
	margin-top:15px
}
.img-responsivo {
	width: 100%;
	text-align: center
}
.ac-container {
	width: 100%;
	margin: 10px auto 30px auto;
	text-align: left;
	float: none
}
.img-right {
	float: none;
	text-align: center;
	width: 100%;
	margin:0
}
#nav {
	width: auto;
	background: #2E4589;
	color: #256FAC;
	display: block;
	margin-top: 1px
}
.consultorio {
	float: none;
	width: 100%;
	margin: 25px 0 0 0;
	height: auto
}
#nav.align-center ul {
	text-align: left
}
#nav.align-right > ul > li {
	float: none
}
#nav ul {
	width: auto
}
#nav .submenuArrow, #nav #indicatorContainer {
	display: none
}
#nav > ul {
	height: auto;
	display: block
}
#nav > ul > li {
	float: none;
}
#nav li, #nav > ul > li {
	display: none;
}
#nav ul ul, #nav ul ul ul, #nav ul > li:hover > ul, #nav ul ul > li:hover > ul, #nav.align-right ul ul, #nav.align-right ul ul ul, #nav.align-right ul > li:hover > ul, #nav.align-right ul ul > li:hover > ul {
	position: relative;
	left: auto;
	top: auto;
	opacity: 1;
	padding-left: 0;
	padding-right: 0;
	right: auto;
}
#nav ul .has-sub::after {
	display: none;
}
#nav ul li a {
	padding: 12px 20px;
}
#nav ul ul li a {
	border: 0;
	background: none;
	width: auto;
	padding: 8px 35px;
}
#nav.align-right ul ul li a {
	text-align: left;
}
#nav ul ul li:hover > a {
	background: none;
	color: #fff;
}
#nav ul ul ul a {
	padding: 8px 50px;
}
#nav ul ul ul ul a {
	padding: 8px 65px;
}
#nav ul ul ul ul ul a {
	padding: 8px 80px;
}
#nav ul ul ul ul ul ul a {
	padding: 8px 95px;
}
#nav > ul > #menu-button {
	display: block;
	cursor: pointer;
}
#nav #menu-button > a {
	padding: 14px 20px;
}
#nav ul.open li, #nav > ul.open > li {
	display: block;
}
#nav > ul.open > li#menu-button > a {
	color: #fff;
	border-bottom: 1px solid rgba(150, 150, 150, 0.1);
}
#nav ul ul::after {
	display: none;
}
#nav #menu-button::after {
	display: block;
	content: '';
	position: absolute;
	height: 3px;
	width: 22px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	right: 20px;
	top: 15px;
}
#nav #menu-button::before {
	display: block;
	content: '';
	position: absolute;
	height: 3px;
	width: 22px;
	border-top: 2px solid #fff;
	right: 20px;
	top: 25px;
}
#nav ul.open #menu-button::after, #nav ul.open #menu-button::before {
	border-color: #fff;
}
#rodape-padrao {
	width: 100%;
	margin: auto;
	padding-top: 3px;
	text-align: center
}
.conteiner-internas form {float:none}
#txtNomeeArea, #txtTelefoneArea, #txtEmailArea, #txtAssuntoArea, #txtMensagemArea, #txtEnderecoArea, #txtCidadeArea, #txtMensagemArea {
	background: #f5f5f5;
	width: 92%;
	border: 0;
	padding: 14px 10px 14px 10px
}
dl.area-cliente {
	float:none;
	margin-top: 20px;
	margin-bottom: 50px;
}
dl.area-cliente dt {
	font-size: 1.1em;
	float: none;
	width: 100%
}
dl.area-cliente dd {
	margin-bottom: 20px;
	float: none
}
dl.conteiner-bloqueador {
	width: 100%;
	float: none;	
}
dl.conteiner-bloqueador dt {
	float: none;
	width:100%;
	text-align:center
}
dl.conteiner-bloqueador dd {
	float: none;
	width: 100%;
	text-align: justify;
	line-height: 21px;
	margin-top: 20px;
	margin-left: 0
}
dl.conteiner-bloqueador dd strong {
	color: #0d574d
}
#eventos-fotos {
	float: none;
	width: 96%
}
#eventos-fotos ul li {
	float: left;
	margin-left: 12px;
	margin-right: 10px;
	margin-top: 10px
}
#conteudo-news {
	background: #FFF;
	border: 1px solid #DEEAE6;
	font: 0.8em Arial, Helvetica, sans-serif;
	width:100%;
	margin-top: 20px;
	padding: 8px 5px 8px 0
}
#conteudo-news03 {
	float: none;
	margin-right: 0;
	width: 96%;
}
#conteudo-news li {
	background: none;
	padding: 19px 0;
	border-bottom:1px dotted #CCCCCC
}
#conteudo-fale-medico {
	margin-top: 30px;
	height: auto;
	width: 100%;
	padding: 0 0 0 3px
}
#conteudo-fale-medico p {
	color: #688c87;
	font-size: 1.6em;
	font-weight: bold;
	font-family: 'Helvetica Light';
	margin-bottom: 10px
}
#conteudo-fale-medico span {
	float: none;
	margin-right: 5px
}
#conteudo-fale-medico ul {
	float: none
}
#conteudo-fale-medico li {
	background: #5AB0A3;
	width: 100%;
	height: 20px;
	margin: 0 1px 1px 0;
	padding: 10px 0 0 10px;
	font-weight: bold;
	font-size: 0.8em
}
#conteudo-fale-medico li:hover {
	background: #FFF;
	cursor: pointer
}
#conteudo-fale-medico a {
	color: #FFF
}
#conteudo-fale-medico a:hover {
	color: #3d8d82;
	cursor: pointer
}
}

@media (max-width:658px) {
#parceiros #conteudo-parceiros #parceiros-responsivo ul li {
	text-align: center;
	margin-top: 20px;
	width: 100%
}
ul#barra-verde {
	text-align: center;
	width: 100%;
	padding: 5px 0 10px 0;
	background:#399185
}
ul#barra-verde li#esq {
	float: none;
	height:18px
}
ul#barra-verde li#dir {
	float: none;
	height:18px
}
#menu-rodape ul {
	float: none;
	width: 100%;
	margin: 15px auto 15px auto;
	text-align: center
}
#menu-rodape ul.borda {
	border-right: none;
	padding-right: 0
}
#menu-rodape ul li {height:20px}
p#direitos, p#criacao {
	float: none;
	text-align: center
}
dl.loja {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-top: 30px;
	text-align: center;
	display: block
}
dl.loja dt {
	float: none;
	margin-right: 15px
}
dl.loja dd {
	width: 100%
}
dl.equipe-tecnica {
	width: 100%;
	padding: 0 0 30px 0;
	margin-top: 35px;
	float: none;
	text-align: center;
	margin-left: 0
}
dl.equipe-tecnica dt {
	float: none;
	height: 125px
}
dl.equipe-tecnica dd {
	float: none;
	margin-left: 0;
	line-height: 25px;
	width: 100%
}
ul.sati-img li {
	text-align:center;
	float: none;
	
	margin-bottom: 20px
}

}
@media (max-width:320px) {
	ul.sati-img li img {width:100%; height:auto}
	}

	@media (max-width:  768px) {
		.popup,
		#popup {
			display: none !important;
		}
	}