/*========================ESTILOS PRÉ-DEFINIDOS===============================*/
*{
	font-family: 'Lato', Arial, sans-serif;
}

/*CORES*/
.cl-azul-bondi{
	color: #17a2b8 !important;
}

.cl-cinza{
	color: #666 !important;
}

.cl-cinza-escuro{
	color: #444 !important;
}

.cl-cinza-claro{
	color: #777 !important;
}

.cl-branco{
	color: #fff !important;
}

.cl-red{
	color: #ff0000 !important;
}

.cl-azul-1{
	color: #3fbcef;
}

.cl-vermelho-1{
	color: #e10052;
}

.cl-amarelo-1{
	color: #ef9c00;
}


/*FONTES ESPESSURA*/
.bold{
	font-weight: bold;
}



/*BACKGROUNDS*/
.bg-branco{
	background-color: #fff;
}

.bg-azul-bondi-s-hover{
	background-color: #17a2b8;
}

.bg-azul-bondi{
	background-color: #17a2b8;
}

.bg-verde-escuro{
	background-color: #054f2b;
}

.bg-azul-1{
	background-color: #3fbcef;
}

.bg-vermelho-1{
	background-color: #e10052;
}

.bg-amarelo-1{
	background-color: #ef9c00;
}

.bg-cinza-1{
	background-color: #e6e6e6;
}

.bg-cinza-2{
	background-color: #f9f9f9;
}


/*BACKGROUNDS HOVER*/
.bg-azul-bondi:hover{
	background-color: #087e91;
	transition: 0.5s;
}

.bg-verde-escuro:hover{
	background-color: #003a1e;
	transition: 0.5s;
}

.bg-hover-azul-1:hover{
	background-color: #3fbcef;
}

.bg-hover-vermelho-1:hover{
	background-color: #e10052;
}

/*COLORS HOVER*/
.cl-hover-azul-1:hover{
	color: #fff;
}

.cl-hover-vermelho-1:hover{
	color: #fff;
}

/*BORDERS COLORS*/
.borda-azul-1{
	border: 2px solid #3fbcef;
}
.borda-vermelho-1{
	border: 2px solid #e10052;
}
.borda-amarelo-1{
	border: 2px solid #ef9c00;
}

/*BORDER RADIUS*/
.border-radius-1{
	border-radius: 10px;
}

/*MARGINS*/
.margin-b-10{
	margin-bottom: 10px;
}

.margin-t-10{
	margin-top: 10px;
}

.margin-r-10{
	margin-right: 10px;
}

.margin-l-10{
	margin-left: 10px;
}

.margin-l-0{
	margin-left: 0px !important;
}

/*PADDING DIV JUSTA*/
.padding-t{
	padding-top: 10px;
}

.padding-b{
	padding-bottom: 10px;
}

.padding-r{
	padding-right: 10px;
}

.padding-l{
	padding-left: 10px;
}

/*TEXT DECORATION*/
.no-text-decoration-a a{
	text-decoration: none;
}

/*SEM BORDAR*/
.no-border{
	border: none;
}

/*SEM SELEÇÃO*/
.no-outline{
	outline: none !important;
}

/*POINTER*/
.pointer{
	cursor: pointer;
}


/*FONTES SIZE*/
.font-24px{
	font-size: 24px !important;
}

.font-18px{
	font-size: 18px !important;
}

.font-16px{
	font-size: 16px !important;
}

.font-14px{
	font-size: 14px !important;
}

.font-12px{
	font-size: 12px !important;
}

.font-10px{
	font-size: 10px !important;
}



/*TEXTOS*/
.textos{
	line-height: 30px;
	word-spacing: 5px;
}

.textos br{
	margin-bottom: 20px;
}

.tit-1{
	font-size: 20px;
	font-weight: bold;
}

.tit-2{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 30px;
}






/*========================ESTILOS PERSONALIZADOS===============================*/


/* =====FORMULAR VACINA===== */
.mdv-option{
	padding: 5px;
	text-align: center;
	border-radius: 5px;
	box-shadow: -2px 2px 1px #6b6b6b;
	transition: .4s;
	cursor: pointer;
}

.mdv-option img{
	width: 30px;
	margin-bottom: 10px;
}

.mdv-option label{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.options-selected{
	background-color: #1e9959;
	border: 4px solid #0d6839;
}
.options-noselected{
	filter: contrast(40%);
}

.etapas{
	padding: 10px;
	border-radius: 2px;
}

.table-cart-hover{
	transition: 0.4s;
}
.table-cart-hover:hover{
	background-color: #e8e8e8;
	transition: 0.4s;
}

.etapas{
	border-bottom: 2px solid #222;
}
.etapas:hover{
	background-color: #3fbcef;
}








/* =====BODY===== */
.body{
	margin-top: 140px;
}

.telaEscolha{
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #ddd;
}


/*========================BLOG===============================*/

/* =====BLOG===== */
.tres_pontos p, h5{
	padding: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.filter_contrast{
	filter: contrast(80%);
	transition: 1s;
}
.filter_contrast:hover{
	filter: contrast(110%);
	transition: 1s;
}

.min-post{
	padding: 15px 10px;
}

.miniaturas{
	height: 100px;
	background-color: #eee;
	padding: 0px;
	margin-bottom: 10px;
}

.descricao_miniatura{
	height: 100px;
}

.img_miniatura{
	height: 100px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.bloco_lateral a{
	text-decoration: none;
}

@media (max-width: 1000px) {

	.bloco_lateral{
		display: none;
	}

}

/* =====HEADER===== */

/*top-logo*/
.top-logo{
	width: 100%;
	height: 120px;
	font-size: 26px;
	padding-top: 30px;
	padding-bottom: 10px;
}

.top-logo img{
	height: 60px;
}


/*top-menu*/
.cl-azul-bondi-menu{
	color: #17a2b8;
	margin: 10px 10px;
}
.cl-azul-bondi-menu:hover{
	color: #016170;
}

.cl-branco-menu{
	color: #fff;
	margin: 10px 10px;
}

/* =====NAVBAR===== */

/*Barra de menu navbar*/
.menu-navbar a{
	float:left;
	text-decoration:none;
}

.font-menu{
	font-size: 18px;
	font-weight: normal;
	margin-top:15px;
	margin-left:20px;
}


/* =====CAROUSEL===== */

/*background gradiente*/
.grad-azul-left{
	background-image: linear-gradient(to right, #e0faff, transparent);
}

.grad-azul-right{
	background-image: linear-gradient(to right, transparent, #e0faff);
}

/*setas*/
.seta-carousel{
	width: 80px; height: 80px; color: #17a2b8;
}


/* =====MENU PRINCIPAL===== */

/*menu principal*/
.menu-principal a{
	text-decoration: none; padding-top: 10px; background-color: #f2f2f2; border: 2px solid #fff; border-radius: 5px;
}

.menu-principal a:hover{
	background-color: #ddd !important;
	transition: 0.5s;
}

.menu-principal figcaption{
	color: #17a2b8; font-weight: bold;
}


.bloco_doqPrecisa a{
	text-decoration: none;
	color: #fff;
  }

.menu_doqPrecisa{
border-radius: 10px;
padding: 30px 20px 20px 20px;
margin: 0px;

}

.img_doqPrecisa{
margin-right: 30px; margin-left: 30px;
}

.img_doqPrecisa img{
height: 100px;
}

.legenda_doqPrecisa{
margin-top: 10px;
}


/* =====CHAT DA ANTHYGENUS===== */

/*max-chat*/
.max-chat{
	width: 350px; height: 500px; background-color: #eee; border-radius: 10px 10px 0px 0px; border: 4px solid #19aed6; border-bottom: none; position: fixed; bottom: 0; right: 100px; z-index: 1000; padding: 0px 10px 10px 10px; font-size: 14px; display: none;
}

.max-chat strong{
	height: 50px; vertical-align: middle; padding-top: 10px; font-size: 18px; border-radius: 10px 10px 0px 0px; margin-bottom: 10px; background-color: #19aed6; color: #fff;
}

.max-chat strong>a{
	text-decoration: none; color: #fff;
}

/*chat-perfil*/
.chat-perfil{
	width: 30px; height: 30px; background-color: #666; border-radius: 50%;
}

/*chat-msg*/
.chat-msg{
	margin-bottom: 10px;
}

/*chat-digitador*/
.chat-digitador{
	height: 80px; background-color: #fff; position: absolute; bottom: 0px; left: 0px; padding: 0px;
}

.chat-digitador input{
	height: 100%; border-radius: 10px 0px 0px 10px; color: #666; font-size: 14px;
}

.chat-btn-send{
	height: 80px; padding: 25px 0px 0px 0px; background-color: #17a2b8; border-radius: 0px 10px 10px 0px; color: #fff;
}


/*min-chat*/
.min-chat{
	width: 350px; height: 50px; background-color: #19aed6; border-radius: 10px 10px 0px 0px; border: 4px solid #fff; border-bottom: none; position: fixed; bottom: 0; right: 100px; z-index: 1000; display: block; padding: 5px 20px 5px 0px; color: #fff; text-align: right;
}

.min-chat strong{
	font-size: 18px; color: #fff;
}

.min-chat strong>a{
	text-decoration: none; color: #fff;
}



/* =====MISSÃO DA ANTHYGENUS===== */

/*missao-anthy*/
.missao-anthy{
	width: 100%; min-height: 200px; background-color: #23a868; margin-bottom: 100px; margin-top: 100px; font-family: 'Roboto', sans-serif, arial;
}

.missao-anthy p{
	font-size: 24px; word-spacing: 10px; color: #fff; padding: 30px 0px;
}


/* =====FORMULÁRIO===== */

/*formulario*/
.formulario{
	margin-bottom: 50px;
}

.formulario h3{
	margin-bottom: 20px;
}
/*
.formulario input[type="text"], input[type="email"], input[type="tel"]{
	border: none; border-bottom: 1px solid #ddd; border-radius: 10px; margin-bottom: 10px;
}

.formulario textarea{
	border: none; border-bottom: 1px solid #ddd; border-radius: 10px; margin-bottom: 10px;
}
*/



/* =====FILTROS===== */

/*filtro img*/
.filtro-img:hover{
	filter: drop-shadow(3px 2px 10px rgba(0,0,0,0.5));
	transition: 0.5s;
}

.filtro-img-cad:hover{
	box-shadow: 2px 5px 2px;
	filter: sepia(50%);
	transition: 0.5s;
}




/* =====VENDAS===== */

/*input quantidade*/
.input_qtd:hover{
	cursor: context-menu;
	border-radius: 5px;
}


/*imagem de cada produto individualmente*/
.img_prod{
	margin-top:45px;
	height: 300px;
	width: 310px;
}

@media (max-width: 1000px) {

	.img_prod{
		margin-top:55px;
		height: 200px;
		width: 210px;
	}

}


/*imagem de todos os produtos da página venda*/
.imagens_prod{
	height: 200px;
	width:230px;
}

@media (max-width: 1000px) {

	.imagens_prod{
		height: 130px;
		width:160px;
	}

}


/*rodape*/
.rodape{
	background-color: #054f2b; padding: 50px 0px 0px 0px;
}

.colunas-rodape{
	border-bottom: 2px solid #fff;
	margin-bottom: 10px;
	padding: 0px;
	padding-bottom: 10px;
}


/* =====NOSSOS PARCEIROS===== */
.alko{
	border-top: 1px solid #ddd; border-radius: 10px; margin-top: 20px; margin-bottom: 10px;
}

.vacinalar{
	border-top: 1px solid #ddd; border-radius: 10px; margin-top: 20px;
}

.alergofar{
	border-top: 1px solid #ddd; border-radius: 10px; margin-top: 20px; margin-bottom: 10px;
}

.alergolife{
	border-top: 1px solid #ddd; border-radius: 10px; margin-top: 20px; margin-bottom: 10px;
}

.brasilsemalergia{
	border-top: 1px solid #ddd; border-radius: 10px; margin-top: 20px; margin-bottom: 10px;
}

.enzipharma{
	border-top: 1px solid #ddd; border-radius: 10px; margin-top: 20px; margin-bottom: 10px;
}

.santussi{
	border-top: 1px solid #ddd; border-radius: 10px; margin-top: 20px; margin-bottom: 10px;
}

.casadavacina{
	border-top: 1px solid #ddd; border-radius: 10px; margin-top: 20px; margin-bottom: 10px;
}

.libralab{
	border-top: 1px solid #ddd; border-radius: 10px; margin-top: 20px; margin-bottom: 10px;
}


@media (max-width: 520px) {

	#preco_und{
		display: none;
	}

	.table{
		font-size: 14px;
	}
}

@media (max-width: 400px) {

	.table{
		font-size: 12px;
	}
}


@media (max-width: 1000px) {

	.alko img{
		width: 143px !important;
	}

	.vacinalar img{
		width: 146px !important;
	}

	.alergofar img{
		width: 155px !important;
	}

	.alergolife img{
		width: 109px !important;
		margin-top: 25px !important;
	}

	.brasilsemalergia img{
		width: 150px !important;
	}

	.enzipharma img{
		width: 100px !important;
		margin-top: 15px !important;
	}

	.santussi img{
		width: 154px !important;
		margin-top: 35px !important;
	}

	.casadavacina img{
		width: 155px !important;
		margin-top: 45px !important;
	}

	.libralab img{
		width: 100px !important;
	}

}


/* =====CAROUSEL ITENS===== */
.grade-parceiros{
	width: 960px;
	min-height: 120px;
	overflow: hidden;
}

.grade-interna{
	width: 960px;
	min-height: 120px;
	margin: 0px;
}

.parceiros-item{
	width: 240px;
	min-height: 120px;
	padding: 10px;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 10px;
	background-color: #fff;
}

.parceiros-img{
	height: 100px;

}

.parceiros-legenda{
	margin-top: 20px;
	padding-top: 10px;
	text-align: center;
	border-top: 1px solid #eee;
	background-color:#fff;
	color: #666;
}

.parceiros-legenda label{
	cursor: pointer;
}


.parceitos-btn{
	width: 50px;
	height: 50px;
	margin-top: 70px;
	color: #17a2b8;
	cursor: pointer;
}

.parceiros-setas-left:hover{
	background-image: linear-gradient(to right, #e0faff, transparent);
	border-radius: 40px 0px 0px 40px;
}

.parceiros-setas-right:hover{
	background-image: linear-gradient(to right, transparent, #e0faff);
	border-radius: 0px 40px 40px 0px;
}

.margin-left{
	margin-left: -240px;
}

.margin-right{
	margin-right: -240px;
}




/*PERGUNTAS E RESPOSTAS*/
.blog-comment::before,
.blog-comment::after,
.blog-comment-form::before,
.blog-comment-form::after{
    content: "";
    display: table;
    clear: both;
}

.blog-comment ul{
    list-style-type: none;
    padding: 0;
}

.blog-comment img{
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.blog-comment img.avatar {
    position: relative;
    float: left;
    margin-left: 0;
    margin-top: 0;
    width: 65px;
    height: 65px;
}

.blog-comment .post-comments{
    border: 1px solid #eee;
    margin-bottom: 20px;
    margin-right: 0px;
    padding: 10px 20px;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    color: #6b6e80;
    position: relative;
}

.blog-comment .meta {
    font-size: 13px;
    color: #aaaaaa;
    padding-bottom: 8px;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #eee;
}

.blog-comment ul.comments ul{
    list-style-type: none;
    padding: 0;
    margin-left: 85px;
}

.blog-comment h3,
.blog-comment-form h3{
    margin-bottom: 40px;
    font-size: 26px;
    line-height: 30px;
    font-weight: 800;
}



.btn-proximo {
	-moz-box-shadow:inset 0px -5px 0px 0px #053b20;
	-webkit-box-shadow:inset 0px -5px 0px 0px #053b20;
	box-shadow:inset 0px -5px 0px 0px #053b20;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0cab5c), color-stop(1, #12824a) );
	background:-moz-linear-gradient( center top, #0cab5c 5%, #12824a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0cab5c', endColorstr='#12824a');
	background-color:#0cab5c;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	-moz-border-radius-bottomright:2px;
	border-bottom-right-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-moz-border-radius-bottomleft:2px;
	border-bottom-left-radius:2px;
	text-indent:0px;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:normal;
	font-style:normal;
	line-height:35px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 0px 0px #054f2b;
	padding: 5px 10px;
}
.btn-proximo:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #12824a), color-stop(1, #0cab5c) );
	background:-moz-linear-gradient( center top, #12824a 5%, #0cab5c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#12824a', endColorstr='#0cab5c');
	background-color:#12824a;
	text-decoration: none;
	color: #fff;
}.btn-proximo:active {
	position:relative;
	top:1px;
}



/*====================================================*/


.btn-options {
	-moz-box-shadow:inset 0px -5px 0px 0px #ababab;
	-webkit-box-shadow:inset 0px -5px 0px 0px #ababab;
	box-shadow:inset 0px -5px 0px 0px #ababab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f0f0f0) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f0f0f0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');
	background-color:#ffffff;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	-moz-border-radius-bottomright:2px;
	border-bottom-right-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-moz-border-radius-bottomleft:2px;
	border-bottom-left-radius:2px;
	text-indent:0px;
	display:inline-block;
	color:#000000;
	font-size:17px;
	font-weight:normal;
	font-style:normal;
	line-height:35px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 0px 0px #ffffff;
}
.btn-options:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #f0f0f0 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff');
	background-color:#f0f0f0;
}.btn-options:active {
	position:relative;
	top:1px;
}


.btn-options-select {
	-moz-box-shadow:inset 0px -5px 0px 0px #053b20;
	-webkit-box-shadow:inset 0px -5px 0px 0px #053b20;
	box-shadow:inset 0px -5px 0px 0px #013a1e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f0f0f0) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f0f0f0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0cab5c', endColorstr='#12824a');
	background-color:#0cab5c;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	-moz-border-radius-bottomright:2px;
	border-bottom-right-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-moz-border-radius-bottomleft:2px;
	border-bottom-left-radius:2px;
	text-indent:0px;
	display:inline-block;
	color:#000;
	font-size:17px;
	font-weight:bold;
	font-style:normal;
	line-height:35px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 0px 0px #054f2b;
	padding: 5px 10px;
}
.btn-options-select:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #12824a), color-stop(1, #0cab5c) );
	background:-moz-linear-gradient( center top, #f5f5f5 5%, #f0f0f0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#12824a', endColorstr='#0cab5c');
	background-color:#f0f0f0;
	text-decoration: none;
	color: #000;
}.btn-options-select:active {
	position:relative;
	top:1px;
}

/* This button was generated using CSSButtonGenerator.com */